/*@import url(../css/all.min.css);*/

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css);
@import url(../css/bootstrap.css);

@import url(../css/owl.carousel.min.css);

@import url(../css/owl.theme.default.min.css);

@import url(../css/animate.css);

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap');





*,

*:before,

*:after {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



* {

    margin: 0px;

    padding: 0px;

    border: none;

    outline: none;

}



:root {

    --main-color: #23C7DD;

    --sub-color: #28323C;

    --sec-padding: 80px 0;

}



body {

    font-family: 'IBM Plex Sans Arabic', sans-serif !important;

    background-color: #F8F8F8;

    font-size: 16px;

    font-weight: 300;

}



ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'IBM Plex Sans Arabic', sans-serif;

    font-weight: 700;

    font-style: normal;

    margin: 0;

}

span {
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;

}



p {

    margin: 0;

}



html,

button,

input,

select,

textarea {

    color: #222;

}



::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}



input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



img {

    vertical-align: middle;



}



fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}



textarea {

    resize: vertical;

}





a,

button {
color:#1C1C1C;
    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}



p {

    margin: 0;

}



a {

    cursor: pointer !important;

    text-decoration: none !important;

}



a:hover,

a:active,

a:focus,

a:visited {

    text-decoration: none !important;

}



input,

textarea,

a,

button {

    outline: none !important;

    text-decoration: none;

}



img {

    max-width: 100%;

}



.main-wrapper {

    position: relative;

    min-height: 100%;

    overflow: hidden;

}



.menu-toggle .main-wrapper {

    -webkit-transition: -webkit-transform .0s ease;

    transition: -webkit-transform .0s ease;

    transition: transform .0s ease;

    transition: transform .0s ease,

        -webkit-transform .0s ease;

}



.hamburger, .is-closed {

    width: 35px;

    height: 35px;

    display: none;

    position: absolute;

    left: 0;

    top: 15px;

    -webkit-transition: background-color .2s linear;

    -ms-transition: background-color .2s linear;

    transition: background-color .2s linear;

    margin-right: 0px;

    background-color: transparent;

}



.hamburger span, .is-closed span {

    width: 20px;

    height: 2px;

    border-radius: 0px;

    background-color: var(--sub-color);

    display: block;

    margin-bottom: 4px;

    -webkit-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    -ms-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);

}

.is-closed span:nth-child(1) {

    transform: rotate(45deg)

}



.is-closed span:nth-child(2) {

    display: none;

}



.is-closed span:nth-child(3) {

    transform: rotate(135deg);

    margin-top: -5px;

}





/* Style Header */



#header {

    width: 100%;

    padding: 10px 0;

    height: 70px;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 9;

}



#header .container {

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: relative;

    z-index: 9;

}



.logo-site a {

    display: inline-block;

}



.logo-site img {

    max-width: 240px;

}



.main_menu {

    display: flex;

}



.main_menu > li {

    margin-right: 15px;

}



.main_menu > li:last-child {

    margin-right: 0;

}



.main_menu > li > a {

    display: block;

    color: #fff;

    font-size: 15px;

    text-transform: capitalize;

    font-weight: 500;

    position: relative;

    padding: 10px;

    border-radius: 10px;

}



.main_menu > li.active a {

    color: #fff;

    background: var(--main-color);

    border-radius: 15px;

    border-bottom-right-radius: 0;

}



#header.fixed-header,

.header-page {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    background: #fff;

    box-shadow: 0 1px 7px rgb(0 0 0 / 16%);

    z-index: 33;

}



#header.fixed-header .main_menu > li > a,

.header-page .main_menu > li > a {

    color: #000

}

#header.fixed-header .main_menu > li.active > a,

.header-page .main_menu > li.active > a {

    color: #fff

}





/* Style Home Slide */



.section_home {

    position: relative;

    min-height: 600px;

    z-index: 1;

    overflow: hidden;

}

.section_home:before {

    content: "";

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

.video-hero {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;
text-align: center;
  width: 100%;

}

.video-hero  video{
margin: auto auto;
  text-align: center;
  width: 100%;
}

.section_home .container {

    position: relative;

    height: 100%;

    min-height: 600px;

}

.home_txt {

    text-align: center;

    position: absolute;

    right: 0;

    top: 150px;

    transform: translateY(-50%);

    z-index: 2;

}

.home_txt h1 {

    color: #fff;

    font-size: 45px;

    text-align: right;

}

.home_txt b {

    display: block;

    font-size: 65px;

    background: #fff;

    color: #000;

    width: max-content;

    padding: 5px 10px;

    margin-top: 5px;

}

.home_txt span {

    display: block;

    font-size: 60px;

    background: #fff;

    color: #000;

    width: max-content;

    padding: 5px 10px;

}







/* Style Stac Site */



.sec_head {

    margin-bottom: 20px;

    position: relative;

}



.sec_head h2 {

    color: #000;

    font-weight: 700;

    font-size: 21px;

    position: relative;

    display: inline-block;

    text-transform: uppercase

}



.sec_head p {

    font-size: 14px;

    color: #000;

    margin-top: 10px;

    font-weight: 600;

}



.btn-site {

    height: 40px;

    font-size: 15px;

    padding: 12px 25px;

    display: flex;

    align-items: center;

    margin: 30px auto 0;

    border-radius: 0;

    justify-content: center;

    background: var(--main-color);

    width: max-content;

    position: relative;

    overflow: hidden;

}



.btn-site:before {

    background: #EBEBEB;

    position: absolute;

    content: "";

    top: 0;

    height: 100%;

    left: -10px;

    width: 0%;

    transform: skew(-10deg);

    transition-duration: .6s;

    z-index: 0;

}



.btn-site:hover:before {

    position: absolute;

    content: "";

    top: 0;

    left: -10px;

    width: 120%;

    z-index: 0

}



.btn-site span {

    color: #fff;

    position: relative;

    font-weight: 400;

    text-transform: uppercase;

}

.btn-site:hover span {

    color: var(--main-color);

}



/* Style Destination */



.wrapper-destination {

    position: relative;

    border-radius: 20px;

    background: #fff;

    padding: 60px 40px;

    margin-top: -50px;

    z-index: 2

}

.wrapper-destination .sec_head {

    text-align: center;

    margin-bottom: 40px;

}

.wrapper-destination .sec_head h2 {

    font-size: 35px;

}

.section_destination .col-lg-6 {

    margin-bottom: 25px;

}

.item-destination {

    position: relative;

    background: #FCFCFC;

    border: 1px solid #D7D7D7;

    border-radius: 10px;

    padding: 8px;

    margin-bottom: 25px;

    height: 100%;

}

.item-destination figure {

    margin-bottom: 0;

    overflow: hidden;

}

.item-destination figure img {

    width: 100%;

    border-radius: 5px;

    transition: .5s;

}

.item-destination:hover figure img {

    transform: scale(1.2) rotate(5deg);

}

.txt-destination {

    padding: 20px;

}

.txt-destination h4 a {

    color: #000;

    font-size: 24px;

    margin-bottom: 10px;

    display: block;

}

.item-destination:hover .txt-destination h4 a {

    color: var(--main-color);

}

.txt-destination p {

    color: #1E1E1E;

    font-size: 16px;

    font-weight: 500;

}

.txt-destination .more-dest {

    position: absolute;

    bottom: 20px;

    left: 30px;

    color: #000;

    font-size: 20px;

}

.txt-destination .more-dest:before {

    content: "";

    background: #CCCCCC;

    opacity: 0.5;

    width: 25px;

    height: 25px;

    border-radius: 50%;

    position: absolute;

    top: 47%;

    left: -8px;

    z-index: -1;

    transform: translateY(-50%);

    transition: .5s;

}

.item-destination:hover .txt-destination .more-dest:before {

    background: var(--main-color);

}



/* Style Brochures */



.section_brochures {

    position: relative;

    padding: 80px 0;

}

.item-brochures {

    position: relative;

    padding: 8px;

    background: #FFFFFF;

    border: 1px solid #D7D7D7;

    border-radius: 10px;

    height: 100%;

}

.item-brochures figure {

    margin-bottom: 0;

    width: 100%;

    overflow: hidden;

}

.item-brochures figure img {

    width: 100%;

    transition: .5s;

}

.item-brochures:hover figure img {

    transform: scale(1.1) rotate(-5deg);

}

.txt-brochures {

    padding: 20px;

}

.txt-brochures h4 a {

    color: #1C1C1C;

    font-size: 17px;

}

.item-brochures:hover .txt-brochures h4 a {

    color: var(--main-color);

}







/* Style Customer Opinions */



.section_customer_opinions {

    position: relative;

    padding: 50px 0;

}

.wrapper-opinions {

    background: #FFFFFF;

    border: 1px solid #DBDBDB;

    padding: 50px 30px;

    backdrop-filter: blur(10px);

    border-radius: 40px;

    transition: .5s;

}

.wrapper-opinions:hover {

    border: 1px solid var(--main-color)

}

.cont-opinion > p {

    font-size: 23px;

    color: #3B3B3F;

    font-weight: 400;

    padding-right: 80px;

    position: relative;

    margin-bottom: 15px;

}

.cont-opinion > p:before {

    content: "";

    background: url(../images/quote.svg);

    background-size: 100% 100%;

    width: 60px;

    height: 60px;

    position: absolute;

    top: 0;

    right: 0;

}

.commentator {

    display: flex;

    align-items: center;

}

.commentator figure {

    width: 45px;

    height: 45px;

    margin-bottom: 0;

}

.commentator figure img {

    border-radius: 15px;

}

.commentator .txt-opinion {

    width: calc(100% - 45px);

    padding-right: 15px;

}

.commentator .txt-opinion h6 {

    margin-bottom: 5px;

}

.commentator .txt-opinion p {

    font-weight: 400;

    color: #1C1C1C;

    font-size: 15px;

}



/* Style Enrichment Meetings */



.section_enrichment_meetings {

    position: relative;

    padding: 50px 0 80px;

}

.section_enrichment_meetings:before {

    content: "";

    background: url(../images/shape-enrichment.png);

    width: 900px;

    height: 100%;

    position: absolute;

    bottom: -250px;

    right: 0;

}

.item-enrichment {

    position: relative;

    background: rgba(255, 255, 255, 0.9);

    border: 1px solid #D7D7D7;

    backdrop-filter: blur(2px);

    border-radius: 6px;

    padding: 8px;

}

.item-enrichment figure {

    position: relative;

    margin-bottom: 0;

    overflow: hidden;

}

.item-enrichment figure img {

    transition: .5s;

}

.item-enrichment:hover figure img {

    transform: scale(1.1);

}

.click-video {

    width: 60px;

    height: 60px;

    background: rgb(255 255 255 / 25%);

    color: #fff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

}

.click-video a {

    font-size: 30px;

    color: #fff;

}

.txt-enrichment {

    padding: 20px;

}

.txt-enrichment span {

    display: block;

    margin-bottom: 5px;

    color: #646464;

    font-weight: 500;

}

.txt-enrichment h4 {

    font-size: 23px;

    margin-bottom: 15px;

    line-height: 1.5;

    height: 69px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    transition: .5s;

}

.item-enrichment:hover .txt-enrichment h4 {

    color: var(--main-color)

}

.more-enrichment {

    padding-top: 15px;

    border-top: 1px solid rgba(0, 0, 0, 0.12);

    text-align: left;

}

.more-enrichment a {

    color: #1C1C1C;

    position: relative;

}

.more-enrichment a:before {

    content: "";

    background: #CCCCCC;

    opacity: 0.5;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    position: absolute;

    top: 43%;

    left: -8px;

    z-index: -1;

    transform: translateY(-50%);

    transition: .5s;

}

.item-enrichment:hover .more-enrichment a:before {

    background: var(--main-color)

}

.more-enrichment a svg {

    margin-right: 10px;

    font-size: 20px;

}



/* Style  */



.home_txt_other {

    text-align: center;

    position: relative;

    z-index: 2;

    padding-top: 220px;

}

.home_txt_other h1 {

    color: #fff;

    margin-bottom: 10px;

    font-size: 50x;

}

.home_txt_other p {

    background: #fff;

    padding: 0 15px;

    color: #000;

    font-size: 21px;

    font-weight: 600;

    width: max-content;

    margin: auto;

}



/* Style Intro Video */



.wrapper-intro {

    width: 70%;

    margin: auto;

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(microsoft-edge-kAM_bs_eSX0-unsplash.jpg);

    border: 5px solid #FFFFFF;

    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.25);

    border-radius: 20px;

    position: relative;

    margin-top: -225px;

    z-index: 9;

    overflow: hidden;

}

.intro_video .wrapper-intro {

    margin-top: 0;

    background: transparent;

    width: 100%;

}

.wrapper-intro figure {

    margin-bottom: 0;

    height: 450px;

    overflow: hidden;

}

.intro_video .wrapper-intro figure {

    height: 650px;

    overflow: hidden;

}

.wrapper-intro figure img {

    border-radius: 20px;

    width: 100%;

    max-height: 100%;

    object-fit: cover;

    transition: .5s;

}

.wrapper-intro:hover figure img {

    transform: scale(1.1)

}

.click-video {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    cursor: pointer;

    z-index: 9;

}

.txt-intro {

    padding: 20px;

}

.txt-intro p {

    font-weight: 700;

    font-size: 18px;

}

.intro_video .sec_head {

    margin-bottom: 40px;

}

.intro_video .sec_head h2 {

    font-size: 28px;

}



.click-video:before,

.click-video:after {

    content: "";

    position: absolute;

    width: 80px;

    height: 80px;

    background: transparent;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    border-radius: 50%;

    background-clip: padding-box;

    -webkit-animation: waves 3s ease-in-out infinite;

    animation: waves 3s ease-in-out infinite;

    border: 1px solid rgb(255 255 255 / 25%);

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

    z-index: -1;

}



.click-video:after {

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

}



@-webkit-keyframes waves {

    0% {

        -webkit-transform: scale(0.5, 0.5);

        transform: scale(0.5, 0.5);

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }



    50% {

        opacity: 1;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

    }



    100% {

        -webkit-transform: scale(1.8, 1.8);

        transform: scale(1.8, 1.8);

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }

}



@keyframes waves {

    0% {

        -webkit-transform: scale(0.5, 0.5);

        transform: scale(0.5, 0.5);

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }



    50% {

        opacity: 1;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

    }



    100% {

        -webkit-transform: scale(1.8, 1.8);

        transform: scale(1.8, 1.8);

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }

}



/* Style Faq */



.section_faq {

    position: relative;

    padding: 60px 0;

}

.wrapper-faq {

    background: #FFFFFF;

    padding: 40px;

    border: 1px solid rgba(0, 0, 0, 0.1);

    border-radius: 20px;

}

.faq-v2 .wrapper-faq {

    margin-top: -240px;

    position: relative;

    z-index: 9;

}

.wrapper-faq .sec_head a {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    color: #1C1C1C;

}

.wrapper-faq .sec_head a svg {

    margin-right: 10px;

    font-size: 20px;

}

.wrapper-faq .sec_head a:before {

    content: "";

    background: #CCCCCC;

    opacity: 0.5;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    position: absolute;

    top: 43%;

    left: -8px;

    z-index: -1;

    transform: translateY(-50%);

    transition: .5s;

}

.wrapper-faq:hover .sec_head a:before {

    background: var(--main-color)

}

.accordion-item {

    margin-bottom: 20px;

    background-color: transparent;

    border: 0;

}

.accordion-button {

    background: #FCFCFC;

    border: 1px solid #EAECF0;

    border-radius: 8px;

    color: #1C1C1C;

    font-size: 18px;

    font-weight: 600;

}

.accordion-button:focus {

    border-color: transparent;

    box-shadow: none;

}

.accordion-button:not(.collapsed) {

    color: #000;

    background-color: #E6F9FC;

    border-radius: 0;

    border-top-left-radius: 8px;

    border-top-right-radius: 8px;

    box-shadow: none;

    border: 0;

}

.accordion-collapse.collapse.show {

    color: #000;

    background-color: #E6F9FC;

    border-bottom-left-radius: 8px;

    border-bottom-right-radius: 8px;

    border: 0;

}

.accordion-button::after {

    font: normal normal normal 14px/1 FontAwesome;

    content: "\f067";

    background: transparent;

    margin-right: auto;

    margin-left: unset;

    width: 25px;

    height: 25px;

    border: 2px solid #494949;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    line-height: 30px;

    background-position: 5px 5px;

    transition: .5s;

}

.accordion-button:not(.collapsed)::after {

    content: "\f068";

    background: transparent;

}

.accordion-button:hover:after {

    background: var(--main-color);

    border: 2px solid var(--main-color);

    color: #fff;

}



/* Style Features */



.item-feat {

    position: relative;

    background: #fff;

    border: 1px solid #D7D7D7;

    border-radius: 10px;

    padding: 8px;

    margin-bottom: 25px;

}

.item-feat figure {

    margin-bottom: 0;

    position: relative;

    border-radius: 10px;

    overflow: hidden;

}

.item-feat figure img {

    width: 100%;

    border-radius: 10px;

    transition: .5s;

}

.item-feat:hover figure img {

    transform: scale(1.1) rotate(-2deg);

}

.item-feat .click-video {

    width: 70px;

    height: 70px;

}

.item-feat .click-video a {

    font-size: 30px;

}

.txt-feat {

    padding: 20px;

}

.txt-feat h4 {

    font-size: 23px;

    margin-bottom: 15px;

    line-height: 1.5;

    height: 39px;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

}

.more-feat {

    padding-top: 15px;

    border-top: 1px solid rgba(0, 0, 0, 0.12);

    text-align: left;

}

.more-feat a {

    color: #1C1C1C;

    position: relative;

    z-index: 1;

}

.more-feat a svg {

    margin-right: 8px;

}

.more-feat a:before {

    content: "";

    background: #CCCCCC;

    opacity: 0.5;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    position: absolute;

    top: 43%;

    left: -8px;

    z-index: -1;

    transform: translateY(-50%);

}

.item-feat:hover .more-feat a:before {

    background: var(--main-color);

}



/* Style Blog */



.section_blogs {

    position: relative;

    padding: 60px 0;

}

.item-blog {

    position: relative;

    background: rgba(255, 255, 255, 0.9);

    border: 1px solid #D7D7D7;

    backdrop-filter: blur(2px);

    border-radius: 6px;

    padding: 8px;

    margin-bottom: 25px;

}

.item-blog figure {

    margin-bottom: 0;

    border-radius: 6px;

    overflow: hidden;

}

.item-blog  h4 ,.item-blog   a,.txt-feat h4{
color: #212529 !important;
}

.item-blog figure img {

height:230px;
    border-radius: 6px;

    width: 100%;

    transition: .5s;

}

.item-blog:hover figure img {

    transform: scale(1.1) rotate(-3deg);

}

.txt-blog {

    padding: 20px;

}

.txt-blog h4 {

    font-size: 23px;

    margin-bottom: 15px;

    line-height: 1.5;

    height: 69px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

}

.item-blog:hover .txt-blog h4 {

    color: var(--main-color);

}

.more-blog {

    padding-top: 15px;

    border-top: 1px solid rgba(0, 0, 0, 0.12);

    text-align: left;

}

.more-blog a {

    color: #1C1C1C;

    position: relative;

}

.more-blog a svg {

    margin-right: 8px;

}

.more-blog a:before {

    content: "";

    background: #CCCCCC;

    opacity: 0.5;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    position: absolute;

    top: 43%;

    left: -8px;

    z-index: -1;

    transform: translateY(-50%);

    transition: .5s;

}

.item-blog:hover .more-blog a:before {

    background: var(--main-color);

}



/* Style Stickers */



.section_stickers {

    padding: 40px 0;

    position: relative;

}

.wrapper-stickers {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: flex-start;

    padding: 20px 50px;

    background: rgba(255, 255, 255, 0.9);

    border: 1px solid #D7D7D7;

    backdrop-filter: blur(2px);

    border-radius: 6px;

}

.item-stickers img {
	width:200px;
    transition: .5s;

}

.item-stickers:hover img {

    transform: scale(1.1);

}



/* Style Infografic */



.section_infografic {

    position: relative;

    padding-bottom: 250px;

}

.section_infografic:before {

    content: "";

    background: url(../images/shape-enrichment.png);

    width: 900px;

    height: 600px;

    position: absolute;

    bottom: 0;

    right: 0;

    z-index: -1;

    opacity: .2;

}

.item-info {

    position: relative;

    background: #FFFFFF;

    border: 1px solid #D7D7D7;

    border-radius: 10px;

    padding: 8px;

    transition: .5s;

margin-bottom:25px

}

.item-info:hover {

    border: 1px solid var(--main-color);

    transform: scale(1.1);

}

.item-info figure {

    margin-bottom: 0;

    width: 100%;
    height: 600px
}

.item-info figure img {

    width: 100%;

    border-radius: 10px;

    border: 1px solid #D7D7D7;

    max-height:100%;

}


.txt-info {

    padding: 25px 20px;
min-height: 100px;
}

.txt-info h4 {

   font-size: 21px;

    color: #1C1C1C

}

.read-more {

    text-align: center;

    padding: 60px 0;

}

.btn-read {

    height: 50px;

    border: 1px solid #000000;

    border-radius: 15px;

    color: #000;

    padding: 12px 25px;

    font-weight: 600;

}

.btn-read:hover {

    background: #000;

    color: #fff;

}

#infographic-slider .owl-nav > button {
    color: #fff !important;
    background: var(--main-color) !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: -60px;
    transform: translateY(-50%);
}
#infographic-slider .owl-nav > button.owl-prev {
    left: -60px;
    right: auto;
}

/* Style Fotter */



footer {

    position: relative;

    background: #3B3B3F;

    border-top-left-radius: 15px;

    border-top-right-radius: 15px;

}



.top-footer {

    padding: 30px 0;

}



.logo-ft {

    display: block;

}

.logo-ft img {

    width: 150px;

    max-width: 100%;

}

.li-ft li {

    margin-bottom: 15px;

}

.li-ft li a {

    color: #fff;

    font-size: 14px;

}

.li-ft li a:hover {

    color: var(--main-color);

}



.menu-ft p {

    margin-bottom: 20px;

    color: #fff;

    font-weight: 400;

}

.social-media li {

    display: inline-block;

    margin-left: 10px;

    color: #fff

}

.social-media li a {

    color: #fff;

}







.bottom-ft {

    padding: 20px 0;

}



.cont-bt {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.cont-bt p {

    color: #fff;

    font-size: 14px;

}



.cont-bt p a {

    color: #fff;

}



/* Style Blog Details */



.blog_details_page {

    position: relative;

    padding: 110px 0;

}

.blog_details_page:before {

    content: "";

    background: url(../images/shape-other.svg);

    background-size: 100%;

    background-repeat: no-repeat;

    width: 100%;

    height: 100%;

    position: absolute;

    top: -110px;

    left: 0;

    z-index: -1;

}

.content--blog {

    position: relative;

    background: #fff;

    padding: 0rem 8rem;

    border-radius: 15px; 
    
    padding-top: 1px;

    

}

.content--blog figure{
text-align: center;
  margin: 25px auto;
  background: #FCFCFC;
    border: 1px solid #D7D7D7;
    border-radius: 10px;
    padding: 8px;
}

.content--blog figure img {
    width: 100%;
    height:356px;
    object-fit: cover;
    object-position: top;
}

.txt--blog {

    margin-bottom: 40px;

}

.txt--blog h2 {

    margin-bottom: 20px;

}

.opt--blog {

    display: flex;

    align-items: center;

    margin-bottom: 30px;

}

.date--blog {

    display: flex;

    align-items: center;

    margin-left: 30px;

}

.date--blog p {

    font-weight: 600;

    color: #000;

    margin-left: 8px;

}

.date--blog span {

    font-weight: 500;

    color: rgb(0 0 0 / 70%);

    margin-right: 8px;

}

.icon {

    background-size: 100% 100% !important;

    width: 18px;

    height: 18px;

    display: block;

}

.icon-calendar {

    background: url(../images/calendar.svg);

}

.share--blog .btn-site {

    margin: 0;

    border-radius: 10px;

}

.share--blog .btn-site span {

    color: #000;

}

.share--blog .btn-site svg {

    margin-left: 8px;

}



.txt--blog p {

   /* color: #656565;*/

    line-height: 2;

}

.txt--blog p b {

    display: block;

    margin: 20px 0 0;

}



.comments--blog {

    padding: 20px;

    border-radius: 20px;

    border: 1px solid #DBDBDB;

    background: #F4F4F4;

}

.item--comment {

    display: flex;

    border-radius: 40px;

    background: #F9F9F9;

    margin-bottom: 30px;

    padding: 15px;

}

.item--comment:last-child {

    margin-bottom: 0;

}

.item--comment figure {

    width: 60px;

    height: 60px;

    margin-bottom: 0;

}

.item--comment figure img {

    border-radius: 100%;

}

.txt--comment {

    width: calc(100% - 100px);

    padding-right: 15px

}



.head-comment {

    display: flex;

    align-items: center;

    margin-bottom: 20px;

}

.icon-message-text {

    background: url(../images/message-text.svg);

    margin-left: 8px;

}

.form-comment {

    margin-top: 20px;

}

.form-comment .form-group {

    margin-bottom: 20px;

}

.form-comment .form-group:last-child {

    margin-bottom: 0;

}

.form-comment .form-control {

    border-radius: 50px;

    border: 1px solid #BEBEBE;

    background: #FFF;

    height: 45px;

    padding: 15px 20px;

    color: #000;

    font-weight: 600;

    font-size: 17px

}

.form-comment textarea.form-control {

    height: 120px;

    padding: 20px 30px

}

.form-comment .form-control::placeholder {

    color: #000;

    font-weight: 600;

    font-size: 17px;

}

.form-comment .btn-site {

    margin: 0;

    border-radius: 30px;

    width: 140px;

}

.section_destination_more {

    position: relative;

    padding: 0 0 50px;

}

.section_destination_more .sec_head h2 {

    font-size: 30px;

}



/* Style Contact */



.contact_page {

    position: relative;

    padding: 110px 0;

}

.contact_page:before {

    content: "";

    background: url(../images/shape-other.svg);

    background-size: 100%;

    background-repeat: no-repeat;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 10px;

    left: 0;

    z-index: -1;

}

.contact_page:after {

    content: "";

    background: url(../images/shape-contact.png);

    background-size: cover;

    background-repeat: no-repeat;

    width: 250px;

    height: 250px;

    position: absolute;

    bottom: 0;

    right: 0;

    z-index: -1;

}

.cont-contact {

    position: relative;

    padding: 35px 40px;

    border-radius: 12px;

    border: 1px solid #E7E7E7;

    background: #FFF

}

.cont-contact .head-contact {

    margin-bottom: 20px;

}

.cont-contact .head-contact h4 {

    color: #000;

    margin-bottom:10px;

}

.cont-contact .head-contact p {

    color: rgba(52, 64, 84, 1);

    font-weight: 500;

}

.form-contact .form-group {

    margin-bottom: 20px;

    position: relative;

}

.form-contact .form-group:last-child {

    margin-bottom: 0;

}

.form-contact .form-group label {

    display: block;

    color: rgba(52, 64, 84, 1);

    font-weight: 500;

    margin-bottom: 5px;

}

.form-contact .form-control {

    border-radius: 8px;

    border: 1px solid #D0D5DD;

    height: 45px;

    background: #fff;

    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);

}



.f-s .form-control {

    padding-right: 35px;

}

.form-mobile .form-control {

    text-align: left;

    padding-left: 90px;

}

.form-mobile select {

    position: absolute;

    left: 0;

    top: 39px;

    left: 10px;

    width: 80px;

}

.form-mobile option img {

    width: 20px;

    height: 20px;

}

.form-contact textarea.form-control {

    height: 150px;

}

.form-contact .btn-site {

    width: 100%;

    border-radius: 30px;

    height: 45px;

}



.form-contact i {

    position: absolute;

    top: 43px;

    right: 8px;

}

.icon-user {

    background: url(../images/icon-user.svg);

}

.icon-mobile {

    background: url(../images/icon-mobile.svg);

}



.info-contact {

    padding-top: 70px;

}

.txt-contact {

    margin-bottom: 40px;

    position: relative;

}

.txt-contact:before {

    content: "";

    background: url(../images/shape-txt-contact.svg);

    background-size: 100% 100%;

    width: 90px;

    height: 80px;

    position: absolute;

    top: 20px;

    right: 120px;

}

.txt-contact h2 {

    color: rgba(12, 66, 74, 1);

}

.txt-contact h2 span {

    display: block;

}

.txt-contact h2 span:nth-child(1) {

    font-size: 35px;

}

.txt-contact h2 span:nth-child(2) {

    font-size: 50px;

}

.txt--contact h2 span:nth-child(3) {

    font-size: 42px;

}





.dta-contact h4 {

    margin-bottom: 25px;

    color: #0C424A;

}

.item--contact {

    padding: 10px 10px 10px 45px;

    border-radius: 10px;

    display: flex;

    width: 300px;

    max-width: 100%;

    

}

.item--contact figure {

    width: 50px;

    margin-bottom: 0;

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.item--contact.item-mobile figure {

    background: #23C7DD;

}

.item--contact.item-email figure {

    background: #C63A3A;

}

.txt--contact {

    width: calc(100% - 50px);

    padding-right: 15px;

}

.txt--contact span {

    display: block;

}

.item--contact.item-mobile {

    background: rgba(167, 233, 242, 1);

    margin-bottom: 20px;

}

.item--contact.item-email {

    background: #FFF5F5;

}

b, strong {
  font-weight: bold;
}

.content--blog ul{
list-style: unset;
}