@font-face { font-family: 'co-headline-bold'; src: url('../fonts/Poppins-SemiBold.ttf') format('opentype'); }
@font-face { font-family: 'co-headline-light'; src: url('../fonts/Poppins-Light.ttf') format('opentype'); }
@font-face { font-family: 'co-headline'; src: url('../fonts/Poppins-Regular.ttf') format('opentype'); }
body { font-family: 'co-headline'; line-height: normal;}
html { overflow-x: hidden; max-width: 100% }

h1, h2, h3, h4, h5, h6, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 { font-family: 'co-headline-bold' !important; }
.z-1{ z-index:1}
.z-2 { z-index: 2 }
:root {
    --icon-sizes-sm: 0.7rem;
    --icon-sizes-md: 0.8rem;
    --icon-sizes-lg: 1rem;
    --icon-sizes-xl: 2rem;
    --lightbox: rgb(0 0 0 / 0.75);
    --carousel-text: #fff;
    --primary-color: #B8243C;/*#D67B54*/
    --primary-hover: #a10028;/*#c0664*/
    --secondary-color: #4B2D53;
    --text-dark: #1A1A1A;
    --bg-light: #F8F9FA;
}
* {
    scrollbar-width: thin;
    scrollbar-color: var(--color-90) var(--white);
}
.icon-size-sm{ font-size: var(--icon-sizes-sm) !important}
.icon-size-md { font-size: var(--icon-sizes-md) !important }
.icon-size-lg { font-size: var(--icon-sizes-lg) !important }
.icon-size-xl { font-size: var(--icon-sizes-xl) !important }

.txt-unline{ text-decoration:underline}
.grid-item, .grid-item div:first-child { height: auto }
.grid-item, .grid-item--width2 { width: 100%; float: initial }
.grid-item { padding: 0.5rem; margin-bottom: 10px; }
.grid-item div, .grid-item img { width: 100%; height: 250px; border-radius: 10px; }
.grid-item figure { position: relative;}
.grid-item h5 { color: #ffffff; position: absolute; left: 0; right: 0; bottom: 0; top: auto; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); border-radius: 0 0 10px 10px; margin-bottom: 0 }
.grid-item span{margin:1rem; display:block}
/*.grid-item span { margin: 1.5rem; display: block; position: absolute; left:0; right:0; text-align:center }
.grid-item h5:before { position: absolute; height: 50px; width:100%; background: red; z-index:2; content:''}
*/
.icon-connect, .icon-relax, .icon-discover, .icon-excite { height: 136px; width: 100px; background-repeat: no-repeat; background-image: url("../images/Sprite-Oman.png") }
.icon-relax { background-position: -23px center }
.icon-connect{ background-position:-137px center}
.icon-discover { background-position: -266px center }
.icon-excite { background-position: -377px center }
a.text-link, a.text-link:hover { color:var(--primary-color); display: inline-flex; text-decoration:underline;align-items: center; }
a.text-link i{ margin:0 3px}
.text-mute { color: #282828; font-size: 0.85rem; font-family: co-headline-light;  }
/*#717171*/
.text-grey { color: #686867 }
.text-white{ color:#ffffff}

/*color*/
.text-primary{color: var(--primary-color) !important}
.text-secondary { color:var(--secondary-color) !important }
.text-tertiary { color:#2f1544 !important }
.text-info{color:#0f74c1 !important}
.text-bg-light-secondary { background-color: #f6f4f6 }
.border-secondary { border-color: var(--secondary-color) !important }

.font-family-normal { font-family: 'co-headline' !important; }
.font-family-light { font-family: 'co-headline-light' !important; }
.font-family-bold { font-family: 'co-headline-bold' !important; }

/*PRELOADING------------ */
#overlayer { width: 100%; height: 100%; position: absolute; z-index: 2147483648; background: #ffffff; }
.loader { display: inline-block; width: 80%; height: 30px; position: absolute; z-index: 2147483650; border: 4px solid #Fff; top: 0; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; }
.loader .spinner-grow{height:20px; width:20px}
/*.icon-rounded{ height:40px; width:40px; display:flex; align-items:center; justify-content:center; border:1px solid #030303; border-radius:50%}*/
.icon-rounded .EO-airplane { display: block; background-image: url('../images/Sprite-HowToReach.png'); height: 38px; width: 38px; background-repeat: no-repeat; background-repeat: no-repeat; background-position: -6px -4px; }
.icon-rounded .EO-bus { display: block; background-image: url('../images/Sprite-HowToReach.png'); height: 38px; width: 38px; background-repeat: no-repeat; background-repeat: no-repeat; background-position: -198px -4px; }
.icon-rounded .EO-car{ display: block; background-image: url('../images/Sprite-HowToReach.png'); height: 38px; width: 38px; background-repeat: no-repeat; background-repeat: no-repeat; background-position: -55px -4px; }
.icon-rounded .EO-taxi { display: block; background-image: url('../images/Sprite-HowToReach.png'); height: 38px; width: 38px; background-repeat: no-repeat; background-repeat: no-repeat; background-position: -104px -4px; }
.icon-rounded .EO-cruise { display: block; background-image: url('../images/Sprite-HowToReach.png'); height: 38px; width: 38px; background-repeat: no-repeat; background-repeat: no-repeat; background-position: -152px -4px; }

/*** Spinner Start ***/
#spinner { opacity: 0; visibility: hidden; transition: opacity .5s ease-out, visibility 0s linear .5s; z-index: 99999; }

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}
/*.long-clip-mask { width: 100%; height: 100%; clip-path: polygon( 3.564% 2.5%,3.564% 2.5%,3.519% 2.013%,3.395% 1.594%,3.205% 1.238%,2.964% 0.941%,2.686% 0.698%,2.385% 0.506%,2.076% 0.359%,1.772% 0.254%,1.487% 0.187%,1.236% 0.152%,86.073% 0.217%,86.073% 0.217%,87.803% 0.317%,89.499% 0.602%,91.128% 1.053%,92.654% 1.648%,94.041% 2.367%,95.255% 3.19%,96.26% 4.096%,97.021% 5.065%,97.504% 6.076%,97.673% 7.109%,97.673% 97.935%,97.673% 97.935%,97.718% 98.323%,97.845% 98.667%,98.038% 98.967%,98.282% 99.226%,98.564% 99.443%,98.867% 99.621%,99.177% 99.76%,99.479% 99.861%,99.758% 99.926%,100% 99.957%,100% 99.957%,91.402% 99.942%,81.833% 99.936%,71.671% 99.937%,61.294% 99.944%,51.082% 99.954%,41.413% 99.966%,32.666% 99.978%,25.22% 99.989%,19.454% 99.997%,15.745% 100%,15.745% 100%,13.337% 99.9%,11.211% 99.613%,9.362% 99.161%,7.782% 98.563%,6.464% 97.842%,5.401% 97.018%,4.587% 96.112%,4.014% 95.144%,3.675% 94.136%,3.564% 93.109%,3.564% 2.5%,3.564% 2.5% ); }
.clip-mask { width: 100%; height: 100%; clip-path: polygon( 97.624% 4.653%,97.624% 4.653%,97.67% 3.69%,97.796% 2.859%,97.988% 2.152%,98.233% 1.562%,98.515% 1.08%,98.822% 0.697%,99.138% 0.406%,99.449% 0.198%,99.741% 0.066%,100% 0%,12.437% 0.088%,12.437% 0.088%,10.916% 0.15%,9.433% 0.357%,8.015% 0.735%,6.693% 1.315%,5.494% 2.124%,4.449% 3.192%,3.585% 4.546%,2.932% 6.216%,2.519% 8.23%,2.375% 10.616%,2.375% 95.961%,2.375% 95.961%,2.329% 96.734%,2.201% 97.418%,2.005% 98.017%,1.756% 98.533%,1.47% 98.968%,1.162% 99.324%,0.845% 99.603%,0.536% 99.808%,0.25% 99.939%,0% 100%,0% 100%,8.874% 99.952%,18.997% 99.898%,29.903% 99.841%,41.125% 99.782%,52.197% 99.726%,62.654% 99.673%,72.028% 99.628%,79.853% 99.593%,85.663% 99.569%,88.992% 99.561%,88.992% 99.561%,90.799% 99.4%,92.365% 98.945%,93.701% 98.235%,94.821% 97.313%,95.739% 96.218%,96.466% 94.991%,97.017% 93.673%,97.405% 92.305%,97.641% 90.928%,97.74% 89.582%,97.74% 89.582%,97.737% 81.032%,97.728% 71.179%,97.715% 60.517%,97.7% 49.54%,97.682% 38.74%,97.665% 28.609%,97.65% 19.643%,97.637% 12.332%,97.628% 7.171%,97.624% 4.653% ); }*/
/*** Spinner End ***/

.back-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    transition: 0.5s;
    z-index: 99;
}
.info-img-container{ height:450px; width:100%}

img.info-img, .carousel-cell-image { width: 100%; height: 100% }
.info-img{position:relative }
/*.info-img:after { content: ''; position: absolute; top:0; bottom:0; left:0; right:0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); clip-path: polygon( 97.624% 4.653%,97.624% 4.653%,97.67% 3.69%,97.796% 2.859%,97.988% 2.152%,98.233% 1.562%,98.515% 1.08%,98.822% 0.697%,99.138% 0.406%,99.449% 0.198%,99.741% 0.066%,100% 0%,12.437% 0.088%,12.437% 0.088%,10.916% 0.15%,9.433% 0.357%,8.015% 0.735%,6.693% 1.315%,5.494% 2.124%,4.449% 3.192%,3.585% 4.546%,2.932% 6.216%,2.519% 8.23%,2.375% 10.616%,2.375% 95.961%,2.375% 95.961%,2.329% 96.734%,2.201% 97.418%,2.005% 98.017%,1.756% 98.533%,1.47% 98.968%,1.162% 99.324%,0.845% 99.603%,0.536% 99.808%,0.25% 99.939%,0% 100%,0% 100%,8.874% 99.952%,18.997% 99.898%,29.903% 99.841%,41.125% 99.782%,52.197% 99.726%,62.654% 99.673%,72.028% 99.628%,79.853% 99.593%,85.663% 99.569%,88.992% 99.561%,88.992% 99.561%,90.799% 99.4%,92.365% 98.945%,93.701% 98.235%,94.821% 97.313%,95.739% 96.218%,96.466% 94.991%,97.017% 93.673%,97.405% 92.305%,97.641% 90.928%,97.74% 89.582%,97.74% 89.582%,97.737% 81.032%,97.728% 71.179%,97.715% 60.517%,97.7% 49.54%,97.682% 38.74%,97.665% 28.609%,97.65% 19.643%,97.637% 12.332%,97.628% 7.171%,97.624% 4.653% ); }*/
.info-img .image-location{position:absolute; top:auto; left:30px; right:auto; bottom:10px; color:#ffffff; z-index:1; font-weight:500;font-size:1rem; font-family: Tahoma;}
/*** Button Start ***/
a { cursor: pointer; text-decoration: none }
.text-underline{ text-decoration:underline !important}

/*buttons*/
.btn {
    font-weight: 500;
    transition: .5s;
    font-size:0.8rem
}
.btn-bookNow{border:1px solid #ffffff; border-radius:8px; padding:0.3rem; background-color:transparent; color:#ffffff;display:flex; justify-content:center; align-items:center; height:35px }
.btn-bookNow span { font-size: 0.8rem; height: 14px; line-height: 14px; font-weight: 500 }
.btn.btn-primary { color: var(--bs-white) !important; background-color:#A22036 !important ; border-color: var(--primary-color); padding: 0.5rem 1rem; font-size: 0.8rem;        line-height: 15px; }
.btn.btn-primary span { font-size: 0.8rem; height: 14px; line-height: 15px;display:block; }
.btn.btn-primary:hover {  background: radial-gradient(circle,rgba(75, 45, 83, 1) 0%, rgba(184, 36, 60, 1) 100%); border-color: var(--primary-hover); transition: all 0.3s ease-in-out }
.btn.btn-secondary { color: var(--bs-white); background-color:var(--primary-color); border: 1px solid var(--primary-color); }
.btn.btn-secondary:hover { background: var(--primary-hover); border: 1px solid var(--primary-hover); }
.btn.btn-outline-secondary { color:var(--secondary-color); background-color: #ffffff; border: 1px solid var(--secondary-color); line-height: 13px; }
.btn.btn-outline-secondary:hover { color: #ffffff; border: 1px solid var(--secondary-color); background-color: var(--secondary-color); }
.btn.btn-outline-primary { color: var(--primary-hover); border-color: var(--primary-hover); padding:0.4rem 0.5rem; background-color:#ffffff }
.btn.btn-outline-primary:hover { color: #ffffff; background-color: var(--primary-hover) }
.btn.btn-outline-primary span { font-size: 0.8rem; height: 14px; line-height:9px; display: block }
.btn-outline-dark { padding: 0.34rem 1rem; font-family:co-headline }
.btn-outline-secondary.active, .btn.btn-outline-secondary.active:hover { background-color:var(--secondary-color); color: #ffffff }
.btn.btn-outline-primary.btn-sm {display: flex;align-items: center; background-color: var(--primary-hover); border-color: var(--primary-hover); padding:0.4rem 0.7rem; height:33px; color:#ffffff;border-radius: 5px; }
.btn.btn-outline-primary.btn-sm:hover { color: #ffffff; background-color:#a10028;border-radius: 5px}
.btn.btn-outline-primary.btn-sm span { font-size: 0.7rem; height: 14px; line-height:14px; display: block; font-family: 'co-headline'; }


/*** Topbar Start ***/
.sectionHeading, .pageHeading { color:#4e0a54; font-weight: 500; text-align: center; margin-bottom: 1.5rem; line-height: 44px; min-height: initial; margin-top: 1rem }
.subHeading { color: #4e0a54; }
.subHeading span { line-height: 15px; min-height: 25px; display: block; }
.introPara { line-height: 1.3rem; margin: 1rem 0; font-size: 0.8rem; }

/*** Navbar ***/
.navbar { position: absolute; z-index: 1; width: 100%; background-color:transparent }
.navbar-brand { height: 65px; width: 125px; transition: .5s; background-image: url('../images/eo-white-logo.png'); display: block; background-size: contain; background-repeat: no-repeat }
.navSearchIcon, .langLInk { color: #ffffff }
.langLInk span { height: 19px; display: block; line-height: 19px; font-size: 0.65rem }
/*.navbar-brand { height: 45px; width: 105px; }*/
.navbar .dropdown-toggle::after { display: none }
.navbar .navbar-toggler { border: none; color: white; height: 45px; align-items: center;padding:0.25rem 0.5rem; margin-top:0.5rem;  }
.navbar .navbar-toggler i.h1 { font-size: 2.7rem }
.navbar-toggler:focus { box-shadow: none }
.offcanvas-title { background-image: url('../images/eo-color-logo.svg'); height: 65px; line-height:50px; width: 125px; display: block; background-repeat:no-repeat }
.navbar .nav-item { margin-bottom: 0.5rem; position: relative; }
.navbar .nav-item:before { content: ''; background-color: #d7bfec; height: 45px; display: block; position: absolute; z-index: -1; width: 0%; }
.navbar .nav-item:hover:before { content: ''; background-color: #d7bfec; height: 45px; display: block; position: absolute; z-index: -1; width: 100%; transition: width 0.3s linear }
.nav-fixed { background-color: #ffffff; position: fixed; z-index: 100; box-shadow: 3px 3px 9px 4px #f3f3f3 }
.nav-fixed .navbar-brand { height: 65px; width: 125px; transition: .5s; background-image: url('../images/eo-color-logo.svg'); }
.nav-fixed .navSearchIcon, .nav-fixed .langLInk, .nav-fixed .btn-bookNow, .nav-fixed .langDropDown a, .nav-fixed.navbar .navbar-toggler { color: var(--secondary-color) !important }
.nav-fixed .btn-bookNow{border-color:var(--secondary-color)}

.navbar .nav-link { color: #000; padding: 0.5rem }
.navbar .nav-link:hover { color: #660d55 }
.navbar .nav-item.dropdown .nav-link{ position:relative}
.navbar .nav-item.dropdown .nav-link.dropdown-toggle:after { content: '\F282'; height: 15px; width: 25px; display: block; position: absolute; right: 0; left: auto; top:0; bottom:0; margin:auto; font-family: "bootstrap-icons"; border: none; }
.navbar .nav-item.dropdown .nav-link.dropdown-toggle.show:after { content: '\F286'; }
.navbar .nav-item.dropdown .dropdown-menu{width:100%;border:none; padding:0 1rem}
.navbar .dropdown .dropdown-menu li a.dropdown-item { color: var(--secondary-color); font-size: 0.9rem; text-align: initial; }
.navbar .dropdown .dropdown-menu li a.dropdown-item:active{background-color:transparent}
.navbar .nav-item.dropdown .dropdown-menu a.dropdown-item:hover { text-decoration: none; color:var(--primary-color) }
.navbar .nav-item.dropdown .dropdown-menu{ opacity:0; padding-bottom:10px}
.navbar .nav-item.dropdown .dropdown-menu.show { opacity: 1; animation: menuShow 0.5s linear; border-radius:0; padding:0 }
@keyframes menuShow {
    0% { opacity: 0 }
    100% { opacity: 1 }
}

/*language dropdown*/
.navbar .dropdown.langDropDown .dropdown-menu { width: 230px; padding: 0; margin: 10px 0 0 0; left: auto; right: 0; border-radius: 0; }
.navbar .dropdown.langDropDown .dropdown-menu li a { border-bottom: 1px solid #d9d9d9; line-height: 50px }
.navbar .dropdown.langDropDown .dropdown-menu a:hover { background: var(--secondary-color); color: var(--bs-white) !important; }
.navbar .dropdown.langDropDown .dropdown-menu li:last-child a { border: none }
.navbar .nav-item:hover .dropdown-menu { transform: rotateX(0deg); visibility: visible; transition: .5s; opacity: 1; }

/* subsite-nav*/
.subsite-nav.navbar .nav-item:hover:before { content: ''; background-color: transparent; height: 45px; display: block; position: absolute; z-index: -1; width: 100%; }
.subsite-nav.navbar .nav-item:before { content: ''; background-color: transparent; height: 45px; display: block; position: absolute; z-index: -1; width: 100%; }
.subsite-nav.navbar .nav-link{color:#ffffff; font-size:0.8rem; font-family:co-headline-light}
.subsite-nav.navbar .nav-link:hover { color: #D67B54 !important }
/*filter-Canvas*/
#offcanvasExample {
    opacity: 0;
    pointer-events: none;
    transform: translateX(-100%);
    transition: all 0.4s ease;
}

#offcanvasExample.show {
        opacity: 1;
        pointer-events: all;
        transform: translateX(0);
    }
.filter-Canvas { background-color: #ffffff !important }
.filter-Canvas .offcanvas-header .btn-close { filter: hue-rotate(0);}
.filter-Canvas .offcanvas-title { background-image: none; color: var(--secondary-color) }
.filter-Canvas .offcanvas-body{ overflow-y:auto; overflow-x:hidden; max-height:Calc(100vh - 85px)}
.filter-Canvas .offcanvas-body .form-check .form-check-label { margin: 0 0.5rem; font-size: 0.8rem; font-weight: 400; height: 14px; }
.filter-Canvas .offcanvas-body .form-check .form-check-input { background-color: transparent; padding: 10px; border-radius: 50px; }
.filter-Canvas .offcanvas-body .form-check .form-check-input:checked { background-color: var(--primary-color); border-color: #fff }
.filter-Canvas .offcanvas-body .form-check .form-check-input:focus { box-shadow: 0 0 0 .25rem rgb(171 88 62 0.36) }
.filter-link { background-color: #d7bfec; border-radius: 50%; padding: 5px; height: 38px; width: 38px; margin: 0 1rem; display: flex; justify-content: center; align-items: center; color: #510a54; font-size: 2rem }
.filter-link i { height: 50px; display: flex; justify-content: center; align-items: center; }

/*forms*/
.form-check { display: flex; align-items: center; margin-bottom: 5px; }
.form-check .form-check-label{ margin:0 0.5rem}

.pdf-viewer-container {position:relative; z-index:0 }
/* card-EO*/
.card.card-EO { border: none }
.card.card-EO .card-img-top{ border-radius:10px; height:275px; width:100%}
.card.card-EO .card-body { padding: 0.5rem }
.card.card-EO .card-title { display: flex; align-items: center }
.card.card-EO .card-title h6 { color: #2f1544}
.card.card-EO .card-title a { color: var(--primary-color); margin: 0 0.5rem; height: 36px; }
.card.card-EO .card-links a.card-link, .card.card-EO .card-links .btn-link { color: var(--primary-color); margin: 0 0.5rem; height: 33px; font-size: 0.85rem; text-decoration: underline }
.card.card-EO .card-links { display:flex}
.card.card-EO .card-links .card-icon-link { color: #000000; border-radius: 50%; background-color: #e7e7e7;  height: 33px; width: 32px; display: flex; justify-content: center; align-items: center }
.card.card-EO .card-links .card-icon-link i { display: flex; justify-content: center; align-items: center; font-size:1rem }
.card.card-EO .card-links .card-icon-link i::before{ height: 17px; }
.card.card-EO .card-links .card-icon-link:hover{ background-color:#cecece; transition:0.3s linear;}
.card.card-EO.promoBrochure { height: 345px }
.card.card-EO.promoBrochure .card-text.line-clamp { font-size: 0.75rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 0.9rem; margin: 0.5rem 0 0 0;  }
.card.card-EO.promoBrochure .card-img-top { height: auto }
.card.card-EO.promoBrochure .card-title h6 { align-items: center }
.card.card-EO.promoBrochure .card-title a { font-size: 0.8rem; height: auto; color:#2f1544; font-family:co-headline-light; }
.df-lightbox-wrapper, .df-container { background-color: rgba(0, 0, 0, 0.66) !important }
.df-lightbox-close, .df-container > .df-ui-next, .df-container > .df-ui-prev { color: #ffffff !important }
._df_book-cover, ._df_thumb { border-radius: 10px }
.card.card-EO .accoCard-img-top{ border:1px solid var(--secondary-color);  border-radius: 10px; height: 275px;  width: 100%; display:flex; justify-content:center; align-items:center}
.card.card-EO .accoCard-img-top img { height:auto; max-width:255px }
.card.card-EO .tourCard-img-top{ border:1px solid var(--secondary-color);  border-radius: 10px; height: 275px;  width: 100%; display:flex; justify-content:center; align-items:center}
.card.card-EO .tourCard-img-top img { height:auto; max-width:155px }
/* .promoBrochure .card-links .btn{ padding: 0.4rem 0.5rem; }
.promoBrochure .card-links .btn span{ font-size: 0.7rem; line-height: 0.9rem; } */
/*** Carousel Hero Header Start ***/
.carousel-header { position: relative; overflow: hidden; }
.carousel .carousel-inner .carousel-item { position: relative; height:auto }
.carousel .carousel-inner .carousel-item:before { content: ''; position: absolute; height: 20vh; width: 100%; background: linear-gradient(0deg, rgba(81, 81, 81, 0) 6%, rgb(47 44 44) 118%) }

.carousel .carousel-inner .carousel-item .carousel-caption { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; }

.carousel-caption-content {
    text-align: center;
}
.carousel-caption-content .carousel-title { font-size: 1.8rem; line-height: 20px; height: 42px; margin-bottom:10px }
.carousel-caption-content .carousel-description { font-size: 1.5rem; line-height: 20px; height: 42px; font-family: co-headline-light }

.carousel-caption-content p { margin: 0; /*line-height: 21px; height: 39px;*/ }
.mediaLocation { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; top: auto; color: #ffffff; font-size: 0.8rem; font-family: co-headline-light; text-align: center; background: linear-gradient(0deg, rgb(0 0 0 / 60%) 6%, rgb(0 0 0 / 0%) 79%); line-height: 31px; }

.carousel .carousel-indicators li::marker {font-size:0 }
.modal .modal-header { height: 100px; }

#searchModal .modal-content {
    background: rgba(255, 255, 255, .6);
}
/*** Carousel Hero Header End ***/

/*Destination list page*/
.destination-card { transition: transform 0.3s ease, box-shadow 0.3s ease; height: 100%; border-radius: 1rem; overflow: hidden;  }

.destination-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }

.destination-image { position: relative; padding-top: 66.67%; /* 3:2 aspect ratio */ overflow: hidden; height:100% }

.destination-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; border-radius:15px 0 0 15px }

.destination-card:hover .destination-image img { transform: scale(1.05); }

.destination-categories { position: absolute; top: 1rem; left: 1rem; z-index: 1; font-size: 0.8rem !important; font-family: co-headline-light; display:flex; align-items:center }

.destination-content { padding: 0.8rem; display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.destination-content .card-text { line-height: 1rem; font-size: 0.75rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.destination-content .card-links { display: flex; justify-content: flex-start;  margin-top:1rem}
.destination-content .card-links .btn{ padding: 0.4rem 0.5rem; }
.destination-content .card-links .btn span { font-size: 0.7rem; line-height: 0.7rem; }

.destination-title { margin-bottom: 0.5rem; color: #2f1544; }

.destination-location { font-size: 0.9rem; color: var(--bs-gray-600); margin-bottom: 1rem; }

.destination-description .card-text { color: var(--bs-gray-700);  margin-bottom: 1rem; }

.no-results { text-align: center; padding: 3rem 1rem; }

.no-results-icon { font-size: 3rem; color: var(--bs-gray-400); margin-bottom: 1rem; }

.map-view-toggle { position: fixed; bottom: 2rem; right: 2rem; z-index: 1000; }

#mapView { height: 400px; margin-bottom: 2rem; border-radius: 1rem; display: none; }

.map-view-active #mapView { display: block; }

.view-switcher { margin-bottom: 1.5rem; }

.view-switcher .btn { padding: 0.5rem 1rem; border-radius: 2rem; }

.destination-meta { display: flex; flex-direction:column;margin-bottom: 0.5rem; }
.destination-meta div span { color: #717171; font-size: 0.75rem; line-height: 0.75rem; font-family: co-headline-light;  }
.destination-meta div i { line-height: 0.75rem; font-size:0.8rem }

.meta-item { display: flex; align-items: center; gap: 0.5rem; color: var(--bs-gray-600); font-size: 0.9rem; }
.active-filter-tags{ display:flex}
.active-filter-tags .badge span {
    font-family: co-headline-light;
}
/*** Single Page Hero Header Start ***/
.bg-breadcrumb { position: relative; overflow: hidden; background: linear-gradient(rgba(0, 20, 66, 0.7), rgba(0, 20, 66, 0.7)), url(../img/breadcrumb.jpg); background-position: center top; background-repeat: no-repeat; background-size: cover; padding: 120px 0 60px 0; transition: 0.5s; }

.bg-breadcrumb .breadcrumb {
    position: relative;
}

.bg-breadcrumb .breadcrumb .breadcrumb-item a {
    color: var(--bs-white);
}

/*===================*/
.swiper { width: 100%; margin-left: auto; margin-right: auto; }

.topDest-card { background-color: #ffffff; border-radius: 16px; box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1); overflow: hidden; width: 286px; margin: 1rem auto; height:560px }

/*.topDest-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15); }*/

.topDest-card .card-image { width: 286px; height: 235px; }

.topDest-card .card-header .logo { max-height: 40px; width: auto; }

.topDest-card .card-header .card-image-container { position: relative; height: 200px; overflow: hidden; }

.experience-text { display: flex; flex-direction: column; align-items: flex-start }
.experience-text div, .experience-text p { font-weight: 600; color: #2f1544; }
.experience-text div { font-size: 0.8rem; height: 15px }
.experience-text p { font-size: 0.8rem; margin: 0 }
.topDest-card .card-content { padding: 0.8rem }
.topDest-card h3.card-title { font-size: 1.1rem; color:var(--secondary-color) }
.topDest-card .card-text { font-size: 0.85rem; font-family: 'co-headline-light'; line-height: 1.2rem;  }
.main-slider, .thumbnail-slider { z-index: 1 }
.topDest-card .card-header { background-color: #ffffff; padding: 0.8rem; padding: 20px; }
.topDest-card .governorate-name { font-weight: bold; margin-bottom: 0.5rem; line-height: 27px; color: #2f1544 !important }
.topDest-card .governorate-description { font-size: 0.9rem; font-weight: normal; color: #757575; line-height: 1.1rem; }
.splide__slide { text-align: center; /*display: flex; justify-content: center; align-items: center; */}
.thumbnail-slider{ margin-top:1.2rem}
.thumbnail-slider .splide__track--nav > .splide__list > .splide__slide { opacity: 0.6; transition: opacity 0.3s ease; border: none; border-radius: 10px; overflow: hidden; height: 100px !important; width: 100px !important; }

.thumbnail-slider .splide__track--nav > .splide__list > .splide__slide.is-active { opacity: 1; border-color: #40BFB4; border: none !important; border-radius: 10px; }

.thumbnail-slider .splide__slide img { width: 100%; height: 100%; object-fit: cover; }

.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.swiper-navigation { display: flex; justify-content: center; margin-top: 10px; }
.swiper-container{ position:relative}
.swiper-container .swiper-button-next1, .swiper-container .swiper-button-prev1 { position: absolute; width: 40px; height: 40px; border: 2px solid #40BFB4; border-radius: 50%; margin: 0 10px; display: none; justify-content: center; align-items: center; color: #40BFB4; background-color: transparent; transition: all 0.3s ease;/* top: 0; bottom: 0; margin: auto;*/ z-index: 7;  background-color:#ffffff}
/*.swiper-container .swiper-button-next1 { left: auto; right: 0; }
.swiper-container .swiper-button-prev1 { left: 0; right: auto; }*/
.swiper-container .swiper-button-next1:after, .swiper-container .swiper-button-prev1:after { font-family: "bootstrap-icons"; font-size: 35px; }

.swiper-container .swiper-button-prev1:after { content: "\F12C" /* "\F284";  Bootstrap icon for chevron-left */ }

.swiper-container .swiper-button-next1:after { content: "\F135" /*"\F285";  Bootstrap icon for chevron-right */ }

.swiper-container .swiper-button-next1:hover, .swiper-container .swiper-button-prev1:hover { background-color: #40BFB4; color: white; }
.mySwiper .swiper-slide:hover{ cursor:pointer}
.mySwiper .swiper-slide img { border-radius: 10px }

/*simple card: Region, destination and campaign*/
.simpleCard img{ min-height:180px; max-height:180px}
.simpleCard .card-text.line-clamp { font-size: 0.75rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 0.9rem; margin: 0.5rem 0 0 0; }

/*=====================*/
/*** info Start ***/
.info-item { padding:0 }
.info-item h1 { color:var(--primary-color); font-family: 'co-headline'; }
.info-item p{ font-size: 0.9rem; line-height: 1.3rem; text-align: justify;color:#3d3d3d; }
.location-name{ color:#4F4F4F; font-size:0.75rem}
/*** info End ***/
/* tabpills*/
.nav-pills { margin: 2rem 0; overflow-y: hidden; overflow-x: auto; flex-wrap: nowrap; display: flex; padding: 0 0 0.5rem 0 }
/*.nav-pills:after { content: url("../images/chevron-right.svg"); position: absolute; left: auto; right: 0; height: 25px; width: 25px; background-color: #ffffff }*/
.nav-pills .nav-item { margin: 0 0.3rem }
.nav-pills .nav-link { line-height: 25px; height: 38px; border-radius: 50px; padding: 0.3rem 1rem; border: 1px solid var(--primary-color); color:  var(--primary-color); white-space: nowrap; font-size: 0.75rem; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color:  var(--primary-color);color:#ffffff }

/*flickity carousel-cell*/
.flickity-button{ display:block}
.flickity-thingsToDo .carousel-cell { width: 275px; height: 100%; margin-right: 15px; counter-increment: carousel-cell;  display: flex; justify-content: center; flex-direction:column }
.flickity-thingsToDo .carousel-cell p { /*position: absolute; top: auto; bottom: 9px; left: 0; right: 0; margin: 0 15px; */color: #000000; font-weight: 600; text-align: center;  font-size: 1.3rem; line-height:50px; height: 50px; }
.flickity-thingsToDo .carousel-cell.is-selected { }
.flickity-thingsToDo .carousel-cell-image{ }
.flickity-thingsToDo .carousel-cell-image img { display: block; height: auto; border-radius: 10px; }
/*.flickity-thingsToDo .carousel-cell-image::after { content: ' '; position: absolute; bottom: 0; width: 100%; height: 75%;  background: linear-gradient(4deg, rgba(0, 0, 0, 0.55) 1%, rgba(0, 0, 0, 0) 100%); }*/
.flickity-thingsToDo .carousel-cell .whishList-icon { display: none !important; background-color: #ffffff; height: 30px; width: 30px; display: flex; justify-content: center; align-items: center; position: absolute; border-radius: 50px; top: 17px; left: auto; right: 30px }
.carousel-cell .whishList-icon i { color: #000000; line-height:15px}

/*flickity */
.flickity-campaign .carousel-cell { width: 275px; height: auto; margin-right: 10px }
.flickity-campaign .carousel-cell .card img{ display: block; height: 100%; }
.flickity-campaign .carousel-cell .card-body { padding: 0.5rem }
.flickity-campaign .carousel-cell .card-body .card-title { font-size: 0.9rem }
.flickity-campaign .carousel-cell p { font-size: 0.85rem; font-family: 'co-headline-light'; line-height: 1.2rem; margin-bottom:0}
/*.flickity-campaign .carousel-cell .card-body a{color:var(--primary-color); font-size:0.75rem; font-family: 'co-headline-bold';}*/

/*global search*/
.global-search-container { margin-top:2rem }


.search-form { margin-bottom: 3rem; background: white; padding: 2rem; border-radius: 15px; box-shadow: 0 8px 20px rgba(47, 21, 68, 0.08); }


.search-input { flex: 1; padding: 0.5rem; border: 2px solid #e0e0e0; border-radius: 10px; font-size: 1.1rem; transition: all 0.3s ease; width: 100%; height:35px;}
.search-input::placeholder{font-family:co-headline-light; font-size:0.9rem; line-height:2rem; display:flex}
.search-input:focus { border-color: #f6f4f6; box-shadow: 0 0 0 3px rgba(64, 191, 180, 0.2); outline: none; }

.search-button { padding: 0 0 0.5rem 0; background: #ffffff; border: 1px solid var(--primary-color); color: var(--primary-color); border-radius: 10px; font-weight: 600; font-size:0.9rem; transition: all 0.3s ease; height: 35px; width: 100%; }
.search-button i { font-size:1.1rem; }
.search-button:hover { background: var(--primary-color); transform: translateY(-2px); color:#ffffff }

.search-result-item { background: white; margin-bottom: 1.5rem; padding: 0.8rem 1rem; border-radius: 12px; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(47, 21, 68, 0.05); }

.search-result-item:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(47, 21, 68, 0.1); }

.result-title { margin: 0 0 0.5rem; font-size: 1.2rem; }

.result-title a { color: var(--primary-color); text-decoration: none; transition: color 0.3s ease; }

.result-title a:hover { color: var(--primary-hover); }

.result-description { margin: 0 0 1rem; color: #666; line-height: 1.1; font-size: 0.8rem; }

.result-metadata { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; font-size: 0.9rem; }

.result-type.badge { background-color:#dcdcdc; color:#3b3b3b; padding: 0.5rem 1rem; border-radius: 25px; font-weight: 500; display: inline-flex; align-items: center; }

.result-date { color: #888; display: inline-flex; align-items: center; gap: 0.5rem; }

.pagination { margin-top: 3rem; display: flex; justify-content: center; gap: 0.5rem; }

.pagination a { padding:0.5rem 0.7rem; border: 1px solid #d7bfec; border-radius: 8px; text-decoration: none; color: var(--secondary-color); font-weight: 600; transition: all 0.3s ease; }

.pagination a:hover { background: #d7bfec; color: var(--secondary-color);; }

.pagination .active > .page-link, .page-link.active { border: 1px solid #d7bfec; background: #d7bfec; color: var(--secondary-color); }

.no-results { padding: 3rem; text-align: center; background: white; border-radius: 12px; color: #2f1544; font-size: 1.2rem; box-shadow: 0 4px 15px rgba(47, 21, 68, 0.05); }

.results-count { margin-bottom: 2rem; color: #2f1544; font-size: 1.1rem; font-weight: 500; }
/*live the vibe*/
.liveVibe-container { position: relative; background-color: #40BFB4; height: auto; padding:3rem 0 0 0;  }
.liveVibe-container .row{text-align:center}

.liveVibe-container .text-yellow { color: #ffce1b; font-family: 'co-headline'; font-weight: normal }
.liveVibe-container { display: flex; align-items: center; justify-content: center; }
.liveVibeLogo { width: 60%; height: auto }
.liveVibe-container p{font-family:co-headline-light; line-height:1.5rem}

/*map*/
/*.map-container { background-image: url("../images/EO-Art-En.svg"); background-position: bottom left }*/
.map-container { background-color: #f6f4f6; padding: 2rem 0; background-repeat: no-repeat; }/*#F9EDE6*/
.map-container .subHeading{color:#560f57; text-align:initial}
.map-container h3 { color: #2F1544; text-align: center }
.card-slider{ background-color:#ffffff}
.card-slider .card{ border-radius:0;box-shadow:0 7px 4px rgba(0,0,0,0.25); border:none}
/*vertical card*/
.card.vert-card { border: none; justify-content: center; align-items: center }
.card.vert-card .card-body .card-title {color: #2F1544;font-size: 1rem; font-weight: bold;width: 80%; margin: 0 auto; line-height: 1.3rem;}
.card.vert-card p.card-text { text-align: center; font-size: 0.85rem;  color: #000; line-height: 17px; margin-top: 10px; }
/*horizontal card*/
.card.horz-card { border-radius: 20px; border: none; background-color: #f6f4f6; max-height: 175px; height: 100%; }
.card.horz-card img { width: 100%; height: 100%; border-radius: 15px }
.card.horz-card .card-body {padding:0.8rem }
.card.horz-card .card-body .card-title { color: #2F1544; font-size:1.1rem; font-family:co-headline-bold}
.card.horz-card .card-body .card-text { color: #2F1544; font-size: 0.7rem; line-height:15px }
.card.horz-card .card-body .card-link { border: 1px solid #CE7164; color: #CE7164; padding: 0.7rem 1rem; text-decoration: none; background-color: #ffffff; font-weight: 500; border-radius: 50px; display: inline-flex; justify-content: center; align-items: center; font-size: 0.8rem; }
.card.horz-card .card-body .card-link span { line-height: 9px; height: 13px; }

/*small-infocard*/
.small-infocard { box-shadow: 0 0.5em 1rem rgb(191 165 149 / 47%) !important; border: none; border-radius: 15px; padding: 1.5rem 1rem; position: relative; height: 100%; }
.small-infocard:before { content: '\F270'; font-family: "bootstrap-icons"; position: absolute; left: auto; right: 13px; top: 13px; bottom: auto; font-size:2.5rem ; color:var(--primary-color) }
.small-infocard .card-title{color:#000}
.small-infocard p { font-size: 0.85rem; line-height: 1.3rem; font-weight: 400; font-family: 'co-headline'; }

/*color-cards*/
.lightTeal { background-color: #6BEDE2 }
.lightOrange { background-color: #F4B288 }
.lightYellow { background-color: #EDE96B }
.lightBlue { background-color: #B4E6FC }
.color-cards {border-radius:20px; border:none; height:100% }
.color-cards .card-body i{ position:absolute; left:auto; right:15px; top:0; font-size:2rem}
.color-cards .card-body .card-title { font-size: 0.8rem; font-family: 'co-headline'; margin-bottom:1.5rem}
.color-cards .card-body .card-text{ font-family: 'co-headline-light'; font-size: 0.65rem; color: #000000; font-weight: bold; line-height: 0.75rem; }
.color-cards .card-body .card-info { font-family: 'co-headline' !important; }

/* visa-info*/
.visa-info .card-body{ padding:0 0.8rem}
.visa-info .card-body .card-title {font-family: 'co-headline' !important; font-weight: bold; line-height: 20px; color: var(--secondary-color); margin-bottom: 0; display:flex; align-items:center; min-height:30px }
.visa-info .card-body .card-title span{display:block;}
.visa-info .visa-info-icon { border: 1px solid var(--primary-color); border-radius: 50%; height: 40px; width: 40px; display: flex; justify-content: center; align-items: center; padding: 0.5rem; background-color: #ffffff }
.visa-info .visa-info-icon i { font-size: 1.2rem; color: var(--primary-color) !important; margin-bottom:0 }
.visa-info .card-body h6{ font-family:co-headline !important; font-weight:400}
.visa-info .card-body p.card-text { font-size: 0.8rem; font-family: co-headline-light; line-height: 1rem; margin: 0 0.8rem 0.5rem 0.8rem }
.visa-info .card-body ul { padding: 0; margin: 0 }
.visa-info .card-body ul li { list-style-type: decimal; margin: 0 0 0.8rem 0 }

/*** Footer Start ***/
footer { border-top: 1px solid #000000; margin-top: 4rem }
footer .footer-logo { display: flex; justify-content: center }
footer .footer-logo img{width:200px }

footer h6 { color: #2f1544; font-family:co-headline-bold; text-align: center }
footer .list-unstyled{ padding:0}
footer ul li a { color: #333; text-align: center; font-size: 0.8rem; text-align: center; display: block }
footer ul li a:hover { color: #333; text-decoration: underline }
footer .footer-slogan > * { color: #2f1544; line-height: 16px; font-size: 0.75rem }
footer .footer-slogan p { font-family: co-headline-bold }
footer .footer-social h5 { color: #D67B54; text-align: left; font-size: 0.75rem; }
footer .footer-social .social-icons { height: 24px; display: flex; justify-content: start; align-items: end; }
footer .footer-social .social-icons a { color: #000000; font-size: 1.2rem; }
footer .footer-copyright { border-top: 1px solid #000000; padding: 1.5rem 0; }
footer .footer-copyright p { color: #000000; font-size: 0.75rem; margin: 0 }
/*** Footer End ***/

.emergency-number { color: var(--primary-color); transition: opacity 0.3s ease; }
.emergency-number span{line-height:17px; height:30px; display:block}
.emergency-number:hover { opacity: 0.8; }

.contact-phone { color: #000000 !important; font-size: 0.8rem; width:100% }

.contact-phone:hover {  text-decoration:underline }

/*** copyright Start ***/

.copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: var(--bs-dark);
}
/*** copyright end ***/


.video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .video-container::after {
        content: '';
        display: block;
        padding-top: 56.25%; /* 16:9 aspect ratio */
    }

    .video-container iframe {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        transform: translate(-50%, -50%) scale(1.5);
        object-fit: cover;
    }
/*fallbackShareMenu*/
.fallbackShareMenu { left: 0; right: 0; margin: 0 auto; top: 45px }

/*innerpage container*/
.sticky-Header { background-color: #ffffff; position: fixed; z-index: 100;  }
.sticky-Header .navbar-brand { height: 65px; width: 125px; transition: .5s; background-image: url('../images/eo-color-logo.svg'); }
.sticky-Header .navSearchIcon, .sticky-Header .langLInk, .sticky-Header .btn-bookNow, .sticky-Header .langDropDown a, .sticky-Header.navbar .navbar-toggler { color: var(--secondary-color) !important }
.sticky-Header .btn-bookNow { color: #ffffff !important; background-color: var(--primary-color); border-color: var(--primary-color) }
.sticky-Header .btn-bookNow:hover { color: #ffffff !important; background-color: var(--primary-color); border-color: var(--primary-color) }
.innerpage-Container { padding-top: 5rem; position: relative }
.innerpage-Container:before { content: ''; background-color: #ffffff; position: absolute; height: 65px; top: 0; width: 100%;box-shadow: 3px 3px 9px 4px #f3f3f3 }
.innerpage-Container .carousel .carousel-inner, .innerpage-Container .carousel .carousel-inner .carousel-item .carousel-caption { height: Calc(100vh - 4rem); }
.innerpage-Container .carousel .carousel-inner .carousel-item:before { content: ''; position: absolute; height: Calc(100vh - 4rem); width: 100%; background-color: rgba(0,0,0,0.6) }

/*tab stype swiper thinsg to do detail page*/
.tabStyleSwiper { height: 165px;padding: 10px 0 }
.tabStyleSwiper .swiper-slide { background-size: cover; background-position: center; height: 120px; margin: 6px 4px; width: 120px !important; transition: linear 0.5s opacity; opacity: 0.4}
.tabStyleSwiper .swiper-slide-thumb-active { border: 3px solid #ffffff; box-shadow: 0 0 2px 3px #cccccc; border-radius: 10px; transition: linear 0.5s opacity; opacity: 1 }
.tabStyleSwiper .swiper-slide img{ border-radius:6px}
.tabStyleSwiper .swiper-slide p { line-height: 18px; margin-top: 7px; font-size: 0.8rem; height: 35px; }

.tabContentSwiper { height: 20%; box-sizing: border-box; padding: 10px 0; }

.tabContentSwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4; background-color:#ffffff }

/* Set the tab container to scroll horizontally */
.ScrollTab { display: flex; overflow: hidden; flex-wrap: nowrap; border: none; padding: 4px; }
.ScrollTab .nav-item { white-space: nowrap; }
/* Arrows */
.scroll-arrow { position: absolute; top: 50%; transform: translateY(-50%); background-color: white; border: none; padding: 10px; cursor: pointer; z-index: 15; }
.scroll-arrow-left { left: 0; }
.scroll-arrow-right { right: 0; }
.ScrollTab .nav-item { margin-right: 10px; }
.ScrollTab .nav-item .nav-link { padding: 0; height: 222px; width: 222px; border-radius: 10px; border: none; position: relative; opacity: 0.5; }
.ScrollTab .nav-item .nav-link img, .ScrollTab .nav-item .nav-link.active img { background-size: cover; background-position: center; height: 100%; margin: 0; width: 100%; border-radius: 10px; position: relative; padding: 0 }
.ScrollTab .nav-item .nav-link.active { border: 6px solid #ffffff; box-shadow: 0 0 2px 3px #cccccc; border-radius: 10px; transition: linear 0.2s all; opacity: 1; }
.ScrollTab .nav-item .nav-link p { line-height: 18px; margin-top: 8px; font-size: 1rem; font-weight: 600; position: absolute; top: auto; bottom: 15px; left: 0; right: 0; margin: auto; width: 100%; color: #ffffff; text-shadow: 3px 3px 3px rgba(0,0,0,0.8); text-align: center }

/*Instagram*/
.instafeed-container { background-color: #f9ede6; padding: 1.5rem; border-radius: 15px; margin: 0 auto; }
/*BlockGRID CSS*/
.umb-block-grid__layout-container { position: relative; display: grid; grid-template-columns: repeat(var(--umb-block-grid--grid-columns, 1), minmax(0, 1fr)); grid-auto-flow: row; grid-auto-rows: minmax(50px, min-content); -moz-column-gap: var(--umb-block-grid--column-gap, 0); column-gap: var(--umb-block-grid--column-gap, 0); row-gap: var(--umb-block-grid--row-gap, 0); }

/*accordian*/
.accordion{ margin:2rem 0}
.accordion-item { border-radius: 15px !important; margin-bottom: 0.8rem; box-shadow: 0 0.2em 0.3rem rgb(191 165 149 / 47%) !important; }
.accordion-item:last-of-type { border: none; margin-bottom:0 }
.accordion-button{font-size:0.9rem}
.accordion-button:focus { box-shadow: none }
.accordion-button, .accordion-button:not(.collapsed) { border: none; border-radius: 15px !important; padding: 1.5rem 1.5rem 1.5rem 4rem; box-shadow:none }
.accordion-button::before { content: '\F270'; font-family: "bootstrap-icons"; position: absolute; left: 12px; right: auto; top: auto; bottom: auto; font-size: 2rem; color:var(--primary-color) }
.accordion-button:not(.collapsed){color:var(--primary-color); background-color:transparent}
.accordion-body { padding: 0 2rem 2rem 2rem; font-size:0.8rem }
.accordion.PYT-Itinerary{ width:100%}
.accordion.PYT-Itinerary .accordion-button::before { content: '\F3E8'; font-family: "bootstrap-icons"; position: absolute; left: 12px; right: auto; top: auto; bottom: auto; font-size: 1.1rem; background-color:var(--primary-color); color: #ffffff; border-radius: 50%; height: 35px; width: 35px; text-align: center; line-height: 34px; }
.accordion.PYT-Itinerary .accordion-body { padding: 0 2rem 1rem 2rem }
.accordion.PYT-Itinerary .accordion-button, .accordion-button:not(.collapsed) { padding: 1.5rem 1.5rem 1.5rem 3.5rem }

.umb-block-grid__layout-item { position: relative; /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */ grid-column-end: span min(calc(var(--umb-block-grid--item-column-span, 1) * 3), var(--umb-block-grid--grid-columns)); grid-row: span var(--umb-block-grid--item-row-span, 1); }

/*clip path URl
https://www.plantcss.com/blog/how-to-make-rounded-corners-when-using-css-clip-path
    */

/**/
.doYouLike { display: flex; align-items:center;justify-content:center }
.doYouLike p span { height: 18px; line-height: 12px; }

.search-container { width: 80%; margin: 0 auto }
.search-wrapper .fields { background-color: #ffffff; border: 1px solid #353535 }
.search-wrapper .fields select { background-color: #ffffff; border: 1px solid #353535; border-radius: 30px; padding: 0.75rem; border: none; color: #353535; font-family: 'co-headline-bold'; font-size: 0.85rem;}
.search-wrapper .fields select:focus { box-shadow: none; }
.search-wrapper .dropdown .dropdown-toggle { background-color: #ffffff; border: 1px solid #747474; font-family: 'co-headline-light'; font-size: 0.8rem; color: #7e6e59;  padding: 0 1.5rem !important; width: 100%; justify-content: space-between; }
.search-wrapper input::placeholder { color: #7e6e59; font-family: 'co-headline-light'; font-size: 0.8rem; }
.search-wrapper button.searchBtn { background-color:#d7bfec; border: 1px solid #d7bfec; color: var(--secondary-color); box-shadow: none }
.search-wrapper button { background-color: #212529; padding: 0.5rem 1rem; justify-content: center; display: flex; height: 36px; align-items: center }
.search-wrapper button i { line-height: 8px; display: inline-block }
.search-wrapper button span { height: 15px; line-height: 15px; display: inline-block; margin: 0 5px ; font-size: 14px;}
.search-wrapper button.searchBtn:hover{background-color:#c4a5df ;border: 1px solid #c4a5df; transition: all 0.15s ease-in-out;}
/*events*/
.event-card a { text-decoration: none; }

.event-card .thumbnail-date-day { color: rgb(255, 255, 255); }

.event-card .thumbnail-date-month { color: rgb(255, 255, 255); }

.event-card .thumbnail { -webkit-touch-callout: none; border-radius: 3px; box-sizing: initial; height: 65px; min-width: 52px; overflow: hidden; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 52px; }

.event-card .grey { background-color: #bababaa7; }
.event-card .thumbnail .thumbnail-date { display: flex; flex-direction: column; justify-content: center; height: 60px; }
.event-card .thumbnail .thumbnail-date span,
.event-card .thumbnail .thumbnail-date span { display: inline-block; line-height: 1; }

.event-card .thumbnail .thumbnail-date .thumbnail-date-day { font-size: 21px; font-weight: 700; margin: 0 auto 5px auto; position: relative; text-align: center; top: 0; width: 90%; min-height: 30px; }

.event-card .thumbnail .thumbnail-date .thumbnail-date-month { font-size: 10px; text-align: center; text-transform: uppercase; width: 100%; }

.event-card .tags-list-town { background-color: #198754; }

/*.event-card .tags-list span { border-radius: 2px; color: #fff; cursor: default; display: inline-block; font-size: 12px; line-height: 1; margin-bottom: 4px; margin-right: 5px; padding: 4px 6px; position: relative; }*/
.event-card .tags-list span.event-Paid { background-color: #B8243C; font-size: 0.7rem !important; font-family: 'co-headline'; line-height: 18px; height: 19px; padding: 0 0.5rem; border-radius: 5px; color: #fff; display: inline-block; }
.event-card .text-over { font-size: 1.1rem; color: #fff; padding: 20px; line-height: 1.5rem; }

.card.event-card { border: 0 !important; border-radius: 0 !important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.event-card .card-img-top { border-radius: 10px }

.event-card .image-container { position: relative; overflow: hidden; }

.event-card .image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 57%); z-index: 1; border-radius: 10px }

.event-card .image-container .card-img-top { position: relative; z-index: 0; }

.event-card .tags-list-town { background-color: #9c27b0; }
/* Top left text */
.event-card .bottom-left { position: absolute; bottom: 14px; left: 16px; z-index: 999; }

.event-card .bottom-right { position: absolute; bottom: 8px; right: 16px; color: #fff; font-size: 1rem; z-index: 999; font-family: co-headline-light }

.event-card .top-right { position: absolute; top: 8px; right: 6px; z-index: 999;display:flex; align-items:center }

.event-card .thumbnail { box-shadow: 0.5rem 0.5rem #00000085, -0.5rem -0.5rem #cccccca3; background-color: rgba(255,165,0,0.62) }

/*modal event*/
.eventModal .modal-header { border: none; height: 50px }
.eventModal .modal-footer { border: none; height: 80px }
.umb-block-grid__area-container, .umb-block-grid__block--view::part(area-container) { position: relative; display: grid; grid-template-columns: repeat(var(--umb-block-grid--area-grid-columns, var(--umb-block-grid--grid-columns, 1)), minmax(0, 1fr)); grid-auto-flow: row; grid-auto-rows: minmax(50px, min-content); -moz-column-gap: var(--umb-block-grid--areas-column-gap, 0); column-gap: var(--umb-block-grid--areas-column-gap, 0); row-gap: var(--umb-block-grid--areas-row-gap, 0); }

.umb-block-grid__area {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
    grid-column-end: span min(calc(var(--umb-block-grid--area-column-span, 1) * 3), var(--umb-block-grid--area-grid-columns));
    grid-row: span var(--umb-block-grid--area-row-span, 1);
}

/*photo gallyer*/
.photo-overlay { position: absolute; top: auto; left: auto; right: 10px; bottom: 22px; height: 22px; margin: auto; display: flex; align-items: center; justify-content: center; color: white; cursor: pointer; }
.overlay-content { font-size: 1.2rem; font-weight: 500; }
.photo-gallery-icon{height:35px; width:35px; background-color:rgba(0,0,0,0.8); display:flex; justify-content:center; align-items:center; margin-bottom:1rem; border-radius:50%}
.photo-gallery-icon i{ color:#ffffff; font-size:1.1rem}
.photo-gallery-icon i:before { height: 25px }
.photo-gallery .photo-gallery_img-big{ padding:0}
.act-attra-tags { align-items: center; border-radius: 15px; color: #3a3a3a; border: 1px solid #3a3a3a; margin-bottom: 0.5rem; padding: 0 1rem; font-size: 0.8rem; height: 30px; display:flex; align-items:center }
.act-attra-tags span { font-family: 'co-headline' !important; line-height: 8px; height: 8px;  }


/*light box https://codepen.io/adorade/pen/JjwJvGE */
@keyframes zoomin {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.gallery-item { display: block; }


.lightbox-modal .modal-content { background-color: var(--lightbox); }


.lightbox-modal .modal-body { display: flex; align-items: center; padding: 0; }

.lightbox-modal .lightbox-content { width: 100%; }

.lightbox-modal .carousel-indicators { margin-bottom: 0; }

.lightbox-modal .carousel-indicators [data-bs-target] { background-color: var(--carousel-text) !important; }

.lightbox-modal .carousel-inner { width: 90%; }
.lightbox-modal .carousel-inner .carousel-item { height: auto; display: flex; }

.lightbox-modal .carousel-inner img { animation: zoomin 10s linear infinite; }

.lightbox-modal .carousel-item .carousel-caption { right: 0; bottom: 0; left: 0; padding-bottom: 2rem; background-color: var(--lightbox); color: var(--carousel-text) !important; }

.lightbox-modal .carousel-control-prev,
.lightbox-modal .carousel-control-next { width: auto; }

.lightbox-modal .carousel-control-prev { left: 1.25rem; }

.lightbox-modal .carousel-control-next { right: 1.25rem; }

@media (min-width: 1400px) {
    .lightbox-modal .carousel-inner { max-width: 60%; }
}

[data-bs-theme = "dark"] .lightbox-modal .carousel-control-next-icon,
[data-bs-theme = "dark"] .lightbox-modal .carousel-control-prev-icon { filter: none; }

.btn-fullscreen-enlarge,
.btn-fullscreen-exit { position: absolute; top: 1.25rem; right: 3.5rem; z-index: 10; border: 0; opacity: 1; font-size: 1.25rem; filter: invert(1) grayscale(100); }
.lightbox-modal .btn-lightbox-close { position: absolute; top: 1.25rem; right: 1.25rem; font-size: 1.25rem; z-index: 10; filter: invert(1) grayscale(100); border: 0 }
/*.bi {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.035em;
  fill: currentcolor;
}*/

.form .col-12, .form .col-md-6 { margin-bottom: 0.5rem }
.form .form-label { font-family: co-headline !important; font-weight: bold; color:var(--secondary-color); font-size: 0.8rem;  line-height: 17px }

.form .form-control { font-family: co-headline-bold !important; font-size: 0.85rem; border-color: #7b7b7b; padding:0.75rem }

.form .input-group .input-group-text { background-color: #ffffff; border-color: #7b7b7b; }
.form .input-group .input-group-text i { color: #212529; height: 27px; width: 21px; font-size: 1.2rem; line-height: 22px; }
.form .form-check { display: flex; align-items: flex-start; }
.form-check-input:checked { background-color: var(--primary-color); border-color: var(--primary-color) !important }
.form-check .form-check-input { border-color: var(--primary-color); }

/*map embedd*/
.mapLocation iframe { border: none !important; border-radius: 25px; width:100% !important }

/* Plan your trip search*/
.PYT-Search { display: flex; align-items: center; flex-direction: column; margin: 1rem 0 }
.PYT-Search label.radio-button-label { margin-right: 10px; position: relative; transform: translateY(0); transition: all 0.3s linear; }
.PYT-Search label.radio-button-label:hover { cursor: pointer; transform: translateY(-15px); transition: all 0.3s linear; }
/*.PYT-Search label.radio-button-label:before { content: ''; position: static; background-color: #000000; height: 200px; width: 100%; border-radius: 30px; margin: auto; left: 0; right: 0; top: 0; bottom: 0;  opacity: 0.3 }*/
.PYT-Search label.radio-button-label:hover:before { transition: all 0.3s linear; opacity: 0.5; }
.PYT-Search .radio-button-label > input { display: none; }
.PYT-Search .radio-button-label > span { display: block; text-align: center; width: 100%;color: var(--secondary-color); line-height: normal; font-size: 0.75rem; font-weight:600 }
.PYT-Search .radio-button-label > img { cursor: pointer; width: 100%; height: 200px; border-radius: 30px; border: 1px solid #ffffff; box-shadow: none }
.PYT-Search .radio-button-label > input:checked + img { outline: 3px solid #ffffff; border-radius: 30px; box-shadow: 0 0 6px 8px #cccccc; transition: all .2s linear; border-collapse: separate }

.PYT-Search .btn-check + .btn { border:1px solid #000 ; border-radius: 15px; height: 70px; width: 80px; color: #000000 }
.PYT-Search .btn-check:checked + .btn { background-color: #d7bfec; border: none; border:none }
.PYT-Search .btn-check:checked + .btn span, .PYT-Search .btn-check:checked + .btn i { color: var(--secondary-color); font-family:co-headline-bold }
.PYT-Search .btn-check:checked + .btn:hover span, .PYT-Search .btn-check:checked + .btn:hover i { color: var(--secondary-color); }
.PYT-Search .btn-check + .btn i { display: block; font-size: 1.5rem; color: #000000 }
.PYT-Search .btn-check + .btn:hover { background-color: #d7bfec; border: 1px solid #d7bfec }

.card.card-PYT {border: none; border-radius: 20px; flex-direction: row }
.card.card-PYT img { border-radius: 15px 0 0 15px; height: 150px; width: 100% }
.card.card-PYT .card-body { background-color: #ffffff; border-radius: 0 15px 15px 0; padding: 0.7rem; height: 150px; display: flex; flex-direction: column; justify-content: space-between; }
.card.card-PYT .card-body h3 { color:var(--secondary-color); font-size: 0.85rem; font-family: co-headline-bold !important; font-weight: normal; margin-bottom: 0.5rem !important; max-height: 33px; overflow-y: hidden; text-align: initial }
.card.card-PYT .card-links { display: flex; justify-content: flex-start }
.card.card-PYT .card-body .card-text { font-size: 0.75rem; }
.card.card-PYT .card-body p.card-text.line-clamp { font-size: 0.75rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 0.8rem; }
.activity-thumb { flex: 0 0 120px; height: 80px; overflow: hidden; }

.activity-thumb img { margin-top: 10px; transition: transform 0.3s ease; }

.activity-thumb img:hover { transform: scale(1.05); }

/*governorates names in itinerary detail page */
.governorates-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; }
.governorates-badges .badge { font-size: 0.95rem; font-weight: 500; padding: 0.75rem 1.25rem; transition: all 0.2s ease-in-out; }
.governorates-badges .badge:hover { transform: translateY(-2px); box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.governorates-badges .bi { font-size: 0.9em; }

/*timeline*/

.timeline-container { width: 90%; margin: auto; display: block; position: relative; }
.timeline-container ul.tl { margin: 0; padding: 0; display: inline-block; width:100% }
.timeline-container ul.tl li { list-style: none; margin: auto; min-height: 50px; border-left: 1px solid #86D6FF; padding: 0 0 30px 10px; position: relative; display: flex; flex-direction: row; }
.timeline-container ul.tl li.dashed { border-left: 1px dashed #bfbfbf; }
.timeline-container ul.tl li:last-child { border-left: 2px dashed #ffffff; padding: 0 0 0 10px; }
.timeline-container ul.tl li .item-icon { position: absolute; left: -5px; top: 0; content: " "; border-radius: 500%; background: #ffffff; height: 8px; width: 8px; border: 1px solid #000000; }
.timeline-container ul.tl li:hover::before { border-color: #258CC7; transition: all 1000ms ease-in-out; }
ul.tl li .item-text { display: flex; flex-direction: column; flex-grow: 1; }
ul.tl li .item-title { line-height: 16px; color: #000000; margin-top: -5px; }
ul.tl li .item-detail { color: #717171; font-size: 0.75rem; line-height: 1rem; margin-top: 0.3rem; }
ul.tl li .item-timestamp { color: #000000; font-size: 0.7rem; text-align: right; padding-left: 20px; border: #000000 1px solid; padding: 0.3rem 0.5rem; border-radius: 15px; line-height: 11px; height: 24px; }

.btn-fullscreen-enlarge,
.btn-fullscreen-exit { position: absolute; top: 1.25rem; right: 3.5rem; z-index: 10; border: 0; opacity: 1; font-size: 1.25rem; filter: invert(1) grayscale(100); }
.lightbox-modal .btn-lightbox-close { position: absolute; top: 1.25rem; right: 1.25rem; font-size: 1.25rem; z-index: 10; filter: invert(1) grayscale(100); border: 0 }
/*.bi {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.035em;
  fill: currentcolor;
}*/



/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
    .liveVibeLogo { width: 100%; height: auto }
    .liveVibe-container { padding: 3rem 0 }
    .liveVibe-container .row { text-align: initial }
    .card.card-PYT { flex-direction: column; height: 100%; padding: 1rem 1rem 0.5rem 1rem ; }
    .card.card-PYT img { border-radius: 15px 15px 0 0; height: 350px }
    .card.card-PYT .row { height: 100% }
    .card.card-PYT .card-body { border-radius: 0 0 15px 15px; padding: 0.7rem 0; height:170px }
    .card.card-PYT .card-body h3 { font-size: 0.9rem; max-height:initial; overflow-y:visible }
   /* .card.card-PYT .card-links .btn.btn-sm { padding: 0.4rem 0.5rem }
    .card.card-PYT .card-links .btn span { font-size: 0.7rem; line-height: 0.7rem }*/
    .card.card-PYT .card-body p.card-text.line-clamp { line-height:1rem; }
    .sectionHeading, .pageHeading { line-height:50px; min-height: 50px; }
    footer .footer-social h5{ text-align:center !important}
    .destination-image img { border-radius: 15px 15px 0 0 }
}
@media (max-width: 991.98px) {
    .sticky-top.navbar-light { position: relative; background: var(--bs-white); }
    .navbar-light .navbar-nav .nav-link,
    .sticky-top.navbar-light .navbar-nav .nav-link { padding: 10px 0; margin-left: 0; color: var(--bs-dark); }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .navbar .navbar-toggler i.h1 { font-size: 2.5rem }
    .langLInk span{ font-size:0.8rem}
    .carousel .carousel-inner .carousel-item { height: 100vh }
    .grid-item { width: 33.3333333333%; float: left; height: 250px; }
    .grid-item--width2 { width: 66.6666666667%; }
    .btn-bookNow { padding: 0.3rem 0.5rem; }
    .btn-bookNow span { font-size: 0.85rem; }
    .introPara { line-height: 1.5rem; font-size: 1.1rem; margin: 1.5rem auto }
    .btn.btn-primary { padding: 1rem 2rem; font-size: 1rem; height: 48px; }
    .btn.btn-primary span { font-size: 1rem; }
    .info-item h1 { font-size: 2rem }
    .info-item { padding: 1rem 0 }
    .info-item p { font-size: 1rem; line-height: 1.5rem; }
    .nav-pills .nav-item { margin: 0 0.5rem }
    .nav-pills .nav-link { line-height: 31px; height: 50px; border-radius: 50px; padding: 0.5rem 1rem; font-size: 1rem; }
    .filter-link { height: 50px; width: 50px; }
    .filter-link i { height: 50px; }
/*    .flickity-button { display: none }*/
    .card.horz-card .card-body { padding: 1rem }
    footer .footer-logo { display: flex; justify-content: start }
    footer .footer-social h6 { text-align: center; font-size: 1rem; }
    footer .footer-slogan > * { font-size: 0.85rem; }
    footer .footer-social .social-icons { display: block; justify-content:center }
    footer .footer-social .social-icons a { margin: 0 5px }
    .carousel-caption-content .carousel-title { font-size: 3.5rem; }
    .carousel-caption-content .carousel-description { font-size: 2.5rem; }
    .carousel-alt { position: absolute; z-index: 24; height: 125px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: flex; justify-content: center; text-align: center }
    .carousel-alt-content p.carousel-title { font-size: 1.8rem; color: #ffffff; text-align: center; margin-bottom: 0 }
    .carousel-alt-content p.carousel-description { animation-delay: 0.3s; font-size: 2.2rem; font-weight: bold; color: #ffffff; text-align: center }
    .tabStyleSwiper { height: 260px; }
    .tabStyleSwiper .swiper-slide { width: 222px !important; height: 222px; margin: 6px; }
    .tabStyleSwiper .swiper-slide:hover { cursor: pointer }
    .tabStyleSwiper .swiper-slide-thumb-active { border: 6px solid #ffffff; }
    .tabStyleSwiper .swiper-slide p { line-height: 18px; margin-top: 8px; font-size: 1.2rem; font-weight: 500; position: absolute; top: auto; bottom: 5px; left: 0; right: 0; margin: auto; width: 100%; color: #ffffff; text-shadow: 3px 3px 3px rgba(0,0,0,0.8); text-align: center }
    .ScrollTab { height: 260px; }
    .liveVibe-container { padding: 5rem 0 }
    .liveVibeLogo { width: 100%; height: auto }
    .liveVibe-container .row { text-align: initial }
    .PYT-Search label.radio-button-label:before {/* position: absolute*/ }
    .PYT-Search .radio-button-label > span {/* position: absolute; */ line-height: 50px; font-size: 1.5rem }
    .PYT-Search .btn-check + .btn { height: 70px; width: 180px; }
    .governorates-badges .badge { font-size: 0.85rem; padding: 0.7rem 1.2rem; }
    .main-slider .splide__arrows { display: block }
    .search-button { padding: 1rem 2rem; height: 67px; }
    .search-input {height:68px }
    .accordion-button { font-size: 1rem }
    .accordion-button::before { font-size: 2.5rem; }
    .photo-overlay { background: rgba(0, 0, 0, 0.5); top: 0; left: 0; right: 0; bottom: 0; height: 100%; margin: auto; }
    .photo-gallery .photo-gallery_img-big { height: 35vw; width: 100%; padding-right:4px }
    .photo-gallery .photo-gallery_img_sm-3 { height: 11.5vw; width: 100% }
    /* .ScrollTab .nav-item .nav-link { width: 222px !important; height: 222px; margin: 6px; }
    .ScrollTab .nav-item .nav-link.active { border: 6px solid #ffffff; }
    .ScrollTab .nav-item .nav-link p { line-height: 18px; margin-top: 8px; font-size: 1.2rem; font-weight: 500; position: absolute; top: auto; bottom: 5px; left: 0; right: 0; margin: auto; width: 100%; color: #ffffff; text-shadow: 3px 3px 3px rgba(0,0,0,0.8); text-align: center }*/ }


    @media (min-width:1024px) {
        .umb-block-grid__layout-item { grid-column-end: span min(var(--umb-block-grid--item-column-span, 1), var(--umb-block-grid--grid-columns)); }

        .umb-block-grid__area { grid-column-end: span min(var(--umb-block-grid--area-column-span, 1), var(--umb-block-grid--area-grid-columns)); }
    }


    /* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .card.horz-card { max-width: 50%; margin: 0 auto; }
    .topDest-card, .topDest-card .card-image { width: 365px; }
    .nav-pills { justify-content: center }
    .info-item { padding: 1rem 0 }
    }
    /* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .topDest-card, .topDest-card .card-image { width: 325px; }

}
    @media (min-aspect-ratio: 16/9) {
        .video-container iframe { height: 300%; top: -100%; }
    }

    @media (max-aspect-ratio: 16/9) {
        .video-container iframe { width: 300%; left: -100%; }
    }

/* custom scrollbar 
        ::-webkit-scrollbar { width: 20px; }

        ::-webkit-scrollbar-track { background-color: transparent; }

        ::-webkit-scrollbar-thumb { background-color: #d6dee1; border-radius: 20px; border: 6px solid transparent; background-clip: content-box; }

        ::-webkit-scrollbar-thumb:hover { background-color: #a8bbbf; }
    }*/

/*Promotional Brochure Details*/
.viewer-card { border: none; box-shadow: 0 8px 24px rgba(0,0,0,0.08); border-radius: 16px; overflow: hidden; }
.brochure-title { font-size: 2.5rem; color: #4e0a54; margin-bottom: 1rem; } 
.brochure-description { font-size: 1.1rem; line-height: 1.6; color: #4A4A4A; } 
.language-btn { border: 2px solid var(--primary-color); color: var(--primary-color); border-radius: 25px; padding: 8px 16px; transition: all 0.3s ease; font-weight: 500; } 
.language-btn:hover { background: var(--primary-color); color: white; } 
.action-btn { border-radius: 25px; padding: 10px 24px; font-weight: 500; transition: all 0.3s ease; } 
.action-btn-primary { background: var(--primary-color); border: none; color: white; } 
.action-btn-primary:hover { background: var(--primary-hover); } 
.action-btn-outline { border: 2px solid var(--text-dark); color: var(--text-dark); } 
.action-btn-outline:hover { background: var(--text-dark); color: white; } 
.section-title { font-size: 1.25rem;color: #000000; position: relative; padding-bottom: 0.5rem; } 
.section-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; background: var(--primary-color); } 
.related-card { border-radius: 12px; transition: all 0.3s ease; border: 1px solid #eee; } 
.related-card:hover { transform: translateY(-3px); box-shadow: 0 8px 16px rgba(214,123,84,0.1); } 
.related-image { border-radius: 8px; object-fit: cover; } 
.related-title { color: var(--text-dark); }          
.related-description { color: #6c757d; font-size: 0.9rem; } 
.back-link { display: inline-flex; align-items: center; color: var(--text-dark); text-decoration: none; font-weight: 500; margin-bottom: 2rem; transition: all 0.3s ease; } 
.back-link:hover { color: var(--primary-color); } 
.back-link i { font-size: 1.25rem; margin-right: 0.5rem; }                                             
.pdf-viewer-container { background: white; border-radius: 16px; box-shadow: 0 8px 24px rgba(0,0,0,0.08); overflow: hidden; margin-bottom: 2rem; } 
#pdfViewer { width: 100%; height: 100%; } 
.language-btn.active { background: var(--primary-color); color: white; }
._df_thumb ._df_book-title { display: none !important }
._df_thumb:hover ._df_book-cover { box-shadow: 5px 3px 6px 0px rgba(0, 0, 0, 0.30) !important }
._df_thumb ._df_book-cover:before { content: '\F194'; font-family: "bootstrap-icons"; background-color:#fff; border-radius:50%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; height: 35px; width:35px;  display: flex; justify-content:center; align-items:center }
._df_thumb:hover ._df_book-cover:before{ display:none}

/*popup over*/
.popover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);}
.popover-header {
    background-color: #ffffff;
    border: none;
    color: var(--primary-color);
    padding: 10px 20px 5px 20px;
    font-size: 0.8rem
}
.popover-body {
    padding: 0 20px 10px 20px;
    font-size: 0.8rem
}

@media (max-width: 768px) {
    .desktop-only {
        display: none !important;
    }

    .mobile-only {
        display: block !important;
    }
}

@media (min-width: 769px) {
    .desktop-only {
        display: block !important;
    }

    .mobile-only {
        display: none !important;
    }
}
/*scrolling image*/
.tour-sec {
    position: relative;
    padding: 90px 0 275px;
}

.tour-hd {
    margin-bottom: 40px;
    text-align: center;
}

.tour-item img {

    width: 100%;
}

.tour-bg-scroll {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 286px;
    background-image: url(../images/tour-bg.png);
    animation: tourBgSlide 20s linear infinite;
}

@keyframes tourBgSlide {
    from
    {
        background-position: 1886px bottom;
    }
    to {
        background-position: 0 bottom;
    }
}

/** Flickty **/

.carousel:not(.top) .carousel-cell {
    display: none;
}
.carousel:not(.top).flickity-enabled .carousel-cell {
    display: block;
}