@import url("https://fonts.googleapis.com/css2?family=Courgette& family=Poppins:ital,wght@0,100; 0,200; 0,300; 0,400; 0,500; 0,600; 0,700; 0,800; 0,900; 1,100; 1,200; 1,300; 1,400; 1,500; 1,600; 1,700; 1,800; 1,900& family=Roboto:ital,wght@0,100..900; 1,100..900& display=swap"); 
* { 
 margin: 0; 
 padding: 0; 
 scroll-behavior: smooth; 
 } 


::-moz-selection { 
 background-color: var(--primary-color1); 
 color: var(--white-color); 
 } 

::selection { 
 background-color: var(--primary-color1); 
 color: var(--white-color); 
 } 

:root { 
 --font-poppins: "Poppins", sans-serif; 
 --font-roboto: "Roboto", sans-serif; 
 --font-courgette: "Courgette", sans-serif; 
 --white-color: #fff; 
 --white-color-opc: 255, 255, 255; 
 --black-color: #110F0F; 
 --black-color-opc: 17, 15, 15; 
 --title-color: #110F0F; 
 --title-color-opc: 17, 15, 15; 
 --title-color2: #F6F3BC; 
 --title-color2-opc: 246, 243, 188; 
 --text-color: #525252; 
 --white-text-color: #AAAAAA; 
 --primary-color1: #f82427; 
 --primary-color1-opc: 23, 129, 254; 
 --primary-color2: #0EA9D0; 
 --primary-color2-opc: 14, 169, 208; 
 --primary-color3: #285340; 
 --primary-color3-opc: 40, 83, 64; 
 --primary-color4: #1B2072; 
 --primary-color4-opc: 27, 32, 114; 
 --borders-color: #E8E8E8; 
 --colorBlack:#000; 
 
 --primary: #3b82f6; 
 --secondary: #10b981; 
 --navy: #1e293b; 
 
 } 

/*================================================
02. Mixins Css
=================================================*/
html { 
 font-size: 100%; 
 scroll-behavior: smooth; 
 } 

body { 
 margin: 0; 
 padding: 0; 
 font-family: var(--font-roboto); 
 color: var(--text-color); 
 font-size: 16px; 
 font-weight: 400; 
 line-height: 30px; 
 } 
body.experience-01 { 
 /* Ball view
 ============= */
 } 
body.experience-01 #ball { 
 border-color: var(--primary-color2); 
 background-color: var(--primary-color2); 
 } 
body.experience-01 #ball.ball-view { 
 background-image: linear-gradient(112.83deg, rgba(255, 255, 255, 0.47) 0%, rgba(255, 255, 255, 0) 110.84%); 
 background-color: rgba(var(--primary-color2-opc), 0.5); 
 } 
body.experience-01 #ball .ball-drag::before,
body.experience-01 #ball .ball-drag::after { 
 color: var(--primary-color2); 
 } 
body.experience-01 #ball.magnetic-active { 
 background-image: linear-gradient(112.83deg, rgba(255, 255, 255, 0.47) 0%, rgba(255, 255, 255, 0) 110.84%); 
 background-color: rgba(var(--primary-color2-opc), 0.5); 
 } 
body.experience-01 #ball .ball-close { 
 color: var(--primary-color2); 
 } 
body.experience-01 .progress-wrap svg.progress-circle { 
 stroke: var(--primary-color2); 
 } 
body.experience-01 .progress-wrap .arrow { 
 fill: var(--primary-color2); 
 } 
body.experience-01 .progress-wrap:hover { 
 background-color: var(--primary-color2); 
 } 
body.experience-01 .progress-wrap:hover .arrow { 
 fill: var(--white-color); 
 } 
body.experience-01 .daterangepicker td.active,
body.experience-01 .daterangepicker td.active:hover { 
 background-color: var(--primary-color2); 
 } 
body.experience-01 .daterangepicker td.in-range { 
 background-color: rgba(var(--primary-color2-opc), 0.2); 
 } 
body.experience-01 .daterangepicker td.active { 
 background-color: var(--primary-color2); 
 } 
body.experience-01 .daterangepicker .btn-primary { 
 background-color: var(--primary-color2); 
 border-color: var(--primary-color2); 
 } 
body.experience-01 .daterangepicker.single td.active,
body.experience-01 .daterangepicker.single td.active:hover { 
 background-color: var(--primary-color2); 
 } 
body.experience-01 .daterangepicker.single .btn-primary { 
 background-color: var(--primary-color2); 
 border-color: var(--primary-color2); 
 } 
body.experience-02 { 
 /* Ball view
 ============= */
 } 
body.experience-02 #ball { 
 border-color: var(--primary-color3); 
 background-color: var(--primary-color3); 
 } 
body.experience-02 #ball.ball-view { 
 background-image: linear-gradient(112.83deg, rgba(255, 255, 255, 0.47) 0%, rgba(255, 255, 255, 0) 110.84%); 
 background-color: rgba(var(--primary-color3-opc), 0.5); 
 } 
body.experience-02 #ball .ball-drag::before,
body.experience-02 #ball .ball-drag::after { 
 color: var(--primary-color3); 
 } 
body.experience-02 #ball.magnetic-active { 
 background-image: linear-gradient(112.83deg, rgba(255, 255, 255, 0.47) 0%, rgba(255, 255, 255, 0) 110.84%); 
 background-color: rgba(var(--primary-color3-opc), 0.5); 
 } 
body.experience-02 #ball .ball-close { 
 color: var(--primary-color3); 
 } 
body.experience-02 .progress-wrap svg.progress-circle { 
 stroke: var(--primary-color3); 
 } 
body.experience-02 .progress-wrap .arrow { 
 fill: var(--primary-color3); 
 } 
body.experience-02 .progress-wrap:hover { 
 background-color: var(--primary-color3); 
 } 
body.experience-02 .progress-wrap:hover .arrow { 
 fill: var(--white-color); 
 } 
body.visa-agency { 
 /* Ball view
 ============= */
 } 
body.visa-agency #ball { 
 border-color: var(--primary-color4); 
 background-color: var(--primary-color4); 
 } 
body.visa-agency #ball.ball-view { 
 background-image: linear-gradient(112.83deg, rgba(255, 255, 255, 0.47) 0%, rgba(255, 255, 255, 0) 110.84%); 
 background-color: rgba(var(--primary-color4-opc), 0.5); 
 } 
body.visa-agency #ball .ball-drag::before,
body.visa-agency #ball .ball-drag::after { 
 color: var(--primary-color4); 
 } 
body.visa-agency #ball.magnetic-active { 
 background-image: linear-gradient(112.83deg, rgba(255, 255, 255, 0.47) 0%, rgba(255, 255, 255, 0) 110.84%); 
 background-color: rgba(var(--primary-color4-opc), 0.5); 
 } 
body.visa-agency #ball .ball-close { 
 color: var(--primary-color4); 
 } 
body.visa-agency .progress-wrap svg.progress-circle { 
 stroke: var(--primary-color4); 
 } 
body.visa-agency .progress-wrap .arrow { 
 fill: var(--primary-color4); 
 } 
body.visa-agency .progress-wrap:hover { 
 background-color: var(--primary-color4); 
 } 
body.visa-agency .progress-wrap:hover .arrow { 
 fill: var(--white-color); 
 } 
body.package-details-page .daterangepicker .drp-calendar { 
 min-width: 400px; 
 } 


 .project-item { 
 margin-bottom: 30px; 
 border: 1px solid #CFDDE2; 
 border-radius: 10px; 
 background: #FFF; 
 } 

.project-thumb { 
 position: relative; 
 border-radius: 10px 10px 0px 120px; 
 overflow: hidden; 
 margin: -1px -1px 0px; 
 } 

.project-thumb::before { 
 content: ""; 
 position: absolute; 
 left: 0px; 
 top: 0px; 
 width: 100%; 
 height: 0px; 
 opacity: 0.6; 
 pointer-events: none; 
 background: rgb(108, 167, 38); 
 transition: 0.3s ease-out; 
 } 

.project-thumb img { 
 width: 100%; 
 height: 400px; 
 object-fit: cover; 
 } 

.project-content { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 padding: 30px; 
 gap: 10px; 
 } 

.project-content .title { 
 margin-bottom: 8px; 
 font-size: 32x; 
 font-weight: 600; 
 text-transform: uppercase; 
 } 

.project-content span { 
 display: block; 
 line-height: 1; 
 font-size: 16px; 
 font-weight: 400; 
 color: #616161; 
 } 

.link-arrow a { 
 width: 50px; 
 height: 50px; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 color: var(--tg-theme-secondary); 
 font-size: 18px; 
 line-height: 0; 
 --arrow-hover-move-x: 110%; 
 --arrow-hover-move-y: 100%; 
 background: var(--tg-color-gray-3); 
 border: 1px solid var(--tg-border-1); 
 border-radius: 50%; 
 } 

.link-arrow a svg { 
 width: 20px; 
 } 

.project-content .title a { 
 color: #000; 
 font-weight: 700; 
 font-size: 20px; 
 letter-spacing: 0.5px; 
 } 
.project-item { 
 margin-bottom: 30px; 
 border: 1px solid #CFDDE2; 
 border-radius: 10px; 
 background: #FFF; 
 } 

.project-thumb { 
 position: relative; 
 border-radius: 10px 10px 0px 120px; 
 overflow: hidden; 
 margin: -1px -1px 0px; 
 } 

.project-thumb::before { 
 content: ""; 
 position: absolute; 
 left: 0px; 
 top: 0px; 
 width: 100%; 
 height: 0px; 
 opacity: 0.6; 
 pointer-events: none; 
 background: rgb(108, 167, 38); 
 transition: 0.3s ease-out; 
 } 

.project-thumb img { 
 width: 100%; 
 height: 400px; 
 object-fit: cover; 
 } 

.project-content { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 padding: 30px; 
 gap: 10px; 
 } 

.project-content .title { 
 margin-bottom: 8px; 
 font-size: 32x; 
 font-weight: 600; 
 text-transform: uppercase; 
 } 

.project-content span { 
 display: block; 
 line-height: 1; 
 font-size: 16px; 
 font-weight: 400; 
 color: #616161; 
 } 

.link-arrow a { 
 width: 50px; 
 height: 50px; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 color: var(--tg-theme-secondary); 
 font-size: 18px; 
 line-height: 0; 
 --arrow-hover-move-x: 110%; 
 --arrow-hover-move-y: 100%; 
 background: var(--tg-color-gray-3); 
 border: 1px solid var(--tg-border-1); 
 border-radius: 50%; 
 } 

.link-arrow a svg { 
 width: 20px; 
 } 


 .whatsAppIconLg { 
 position: fixed; 
 bottom: 100px; 
 right: 20px; 
 color: #fff; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 text-decoration: none; 
 z-index: 2; 
 border-radius: 4px; 
 
 } 
.project-content-bottom { 
 display: -webkit-box; 
 display: -moz-box; 
 display: -ms-flexbox; 
 display: -webkit-flex; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 40px; 
 margin-top: 40px; 
 max-width: 1024px; 
 margin: 0 auto; 
 text-align: center; 
 margin-top: 35px; 
 } 

 .service-benefits { 
 padding: 20px; 
 border: 1px solid #DDD; 
 margin-bottom: 20px; 
 border-color: rgb(207, 221, 226); 
 border-radius: 10px; 
 background: rgb(255 255 255); 
 box-shadow: rgba(0, 72, 88, 0.1) 5px 3px 40px; 
 } 

.service-benefits h3 { 
 font-size: 20px; 
 font-weight: 600; 
 } 

.service-benefits p { font-size: 16px; color: #616161; } 
@media (max-width: 576px) { 
 body.package-details-page .daterangepicker .drp-calendar { 
 min-width: unset; 
 } 
 } 
body.package-details-page .daterangepicker .calendar-table th { 
 padding: 4px; 
 color: #aaa; 
 } 
body.package-details-page .daterangepicker .calendar-table th.month { 
 color: var(--title-color); 
 font-size: 14px; 
 } 
body.package-details-page .daterangepicker .calendar-table td { 
 border-radius: 50%; 
 padding: 5px; 
 font-size: 15px; 
 font-weight: 500; 
 font-family: var(--font-poppins); 
 width: 50px; 
 height: 50px; 
 } 
@media (max-width: 576px) { 
 body.package-details-page .daterangepicker .calendar-table td { 
 width: 40px; 
 height: 40px; 
 } 
 } 
body.package-details-page .daterangepicker td.active,
body.package-details-page .daterangepicker td.active:hover { 
 background-color: var(--primary-color1); 
 } 
body.package-details-page .daterangepicker .monthselect { 
 outline: none; 
 } 
body.package-details-page .daterangepicker td.in-range { 
 background-color: rgba(var(--primary-color1-opc), 0.1); 
 } 
body.package-details-page .daterangepicker td.active { 
 background-color: var(--primary-color1); 
 } 
body.package-details-page .daterangepicker button { 
 outline: none; 
 } 
body.package-details-page .daterangepicker .btn-primary { 
 background-color: var(--primary-color1); 
 border-color: var(--primary-color1); 
 } 
body.package-details-page .daterangepicker.single td.active,
body.package-details-page .daterangepicker.single td.active:hover { 
 background-color: var(--primary-color1); 
 } 
body.package-details-page .daterangepicker.single .monthselect { 
 outline: none; 
 } 
body.package-details-page .daterangepicker.single button { 
 outline: none; 
 } 
body.package-details-page .daterangepicker.single .btn-primary { 
 background-color: var(--primary-color1); 
 border-color: var(--primary-color1); 
 } 

h1,
h2,
h3,
h4,
h5,
h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 line-height: 1.4; 
 } 

h1 { 
 font-size: 40px; 
 } 

h2 { 
 font-size: 32px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 h2 { 
 font-size: 28px; 
 } 
 } 
@media (max-width: 991px) { 
 h2 { 
 font-size: 26px; 
 } 
 } 
@media (max-width: 767px) { 
 h2 { 
 font-size: 24px; 
 line-height: 1.4; 
 } 
 } 

h3 { 
 font-size: 28px; 
 } 

h4 { 
 font-size: 25px; 
 } 
@media (max-width: 576px) { 
 h4 { 
 font-size: 22px; 
 } 
 } 

h5 { 
 font-size: 20px; 
 } 

p { 
 font-size: 18px; 
 font-weight: 400; 
 line-height: 28px; 
 } 
@media (max-width: 576px) { 
 p { 
 font-size: 16px; 
 } 
 } 

.line-break { 
 height: 10px; 
 display: block; 
 } 
@media (max-width: 767px) { 
 .line-break { 
 height: 8px; 
 } 
 } 

blockquote { 
 display: flex; 
 align-items: center; 
 gap: 70px; 
 margin-bottom: 50px; 
 } 
@media (max-width: 991px) { 
 blockquote { 
 gap: 30px; 
 } 
 } 
@media (max-width: 767px) { 
 blockquote { 
 gap: 20px; 
 } 
 } 
blockquote > svg { 
 fill: var(--title-color); 
 min-width: 28px; 
 position: relative; 
 z-index: 1; 
 } 
blockquote .content { 
 position: relative; 
 z-index: 1; 
 } 
blockquote .content .quote { 
 position: absolute; 
 top: 20px; 
 left: -60px; 
 z-index: -1; 
 } 
@media (max-width: 991px) { 
 blockquote .content .quote { 
 top: 10px; 
 left: -25px; 
 } 
 } 
@media (max-width: 767px) { 
 blockquote .content .quote { 
 top: 5px; 
 left: -20px; 
 } 
 } 
blockquote .content p { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 25px; 
 font-weight: 500; 
 line-height: 35px; 
 margin-bottom: 25px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 blockquote .content p { 
 font-size: 22px; 
 } 
 } 
@media (max-width: 991px) { 
 blockquote .content p { 
 font-size: 20px; 
 line-height: 32px; 
 } 
 } 
blockquote .content .name-deg h5 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 18px; 
 font-weight: 500; 
 line-height: 1; 
 margin-bottom: 0px; 
 } 
blockquote .content .name-deg span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1; 
 } 

input { 
 border: none; 
 outline: none; 
 } 

button { 
 outline: none; 
 border: none; 
 } 

i.bx { 
 vertical-align: middle; 
 } 

img { 
 max-width: 100%; 
 height: auto; 
 } 

a { 
 text-decoration: none; 
 } 

.pb-130 { 
 padding-bottom: 130px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .pb-130 { 
 padding-bottom: 100px; 
 } 
 } 
@media (max-width: 991px) { 
 .pb-130 { 
 padding-bottom: 90px; 
 } 
 } 

.pt-130 { 
 padding-top: 130px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .pt-130 { 
 padding-top: 100px; 
 } 
 } 
@media (max-width: 991px) { 
 .pt-130 { 
 padding-top: 90px; 
 } 
 } 

.pt-120 { 
 padding-top: 120px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .pt-120 { 
 padding-top: 100px; 
 } 
 } 
@media (max-width: 991px) { 
 .pt-120 { 
 padding-top: 90px; 
 } 
 } 
@media (max-width: 767px) { 
 .pt-120 { 
 padding-top: 70px; 
 } 
 } 

.pb-120 { 
 padding-bottom: 120px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .pb-120 { 
 padding-bottom: 100px; 
 } 
 } 
@media (max-width: 991px) { 
 .pb-120 { 
 padding-bottom: 90px; 
 } 
 } 
@media (max-width: 767px) { 
 .pb-120 { 
 padding-bottom: 70px; 
 } 
 } 

.pt-100 { 
 padding-top: 100px; 
 } 
@media (max-width: 991px) { 
 .pt-100 { 
 padding-top: 80px; 
 } 
 } 
@media (max-width: 767px) { 
 .pt-100 { 
 padding-top: 70px; 
 } 
 } 

.pb-100 { 
 padding-bottom: 100px; 
 } 
@media (max-width: 991px) { 
 .pb-100 { 
 padding-bottom: 80px; 
 } 
 } 
@media (max-width: 767px) { 
 .pb-100 { 
 padding-bottom: 70px; 
 } 
 } 

.pt-90 { 
 padding-top: 90px; 
 } 
@media (max-width: 991px) { 
 .pt-90 { 
 padding-top: 80px; 
 } 
 } 
@media (max-width: 767px) { 
 .pt-90 { 
 padding-top: 70px; 
 } 
 } 

.pb-90 { 
 padding-bottom: 90px; 
 } 
@media (max-width: 991px) { 
 .pb-90 { 
 padding-bottom: 80px; 
 } 
 } 
@media (max-width: 767px) { 
 .pb-90 { 
 padding-bottom: 70px; 
 } 
 } 

.pb-80 { 
 padding-bottom: 80px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .pb-80 { 
 padding-bottom: 60px; 
 } 
 } 

.pb-65 { 
 padding-bottom: 65px; 
 } 

.mt-120 { 
 margin-top: 120px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .mt-120 { 
 margin-top: 100px; 
 } 
 } 
@media (max-width: 991px) { 
 .mt-120 { 
 margin-top: 90px; 
 } 
 } 

.mb-110 { 
 margin-bottom: 110px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .mb-110 { 
 margin-bottom: 90px; 
 } 
 } 
@media (max-width: 991px) { 
 .mb-110 { 
 margin-bottom: 80px; 
 } 
 } 
@media (max-width: 767px) { 
 .mb-110 { 
 margin-bottom: 60px; 
 } 
 } 

.mb-120 { 
 margin-bottom: 120px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .mb-120 { 
 margin-bottom: 100px; 
 } 
 } 
@media (max-width: 991px) { 
 .mb-120 { 
 margin-bottom: 90px; 
 } 
 } 
@media (max-width: 767px) { 
 .mb-120 { 
 margin-bottom: 70px; 
 } 
 } 

.mb-130 { 
 margin-bottom: 130px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .mb-130 { 
 margin-bottom: 100px; 
 } 
 } 
@media (max-width: 991px) { 
 .mb-130 { 
 margin-bottom: 90px; 
 } 
 } 

.mb-100 { 
 margin-bottom: 100px; 
 } 
@media (max-width: 991px) { 
 .mb-100 { 
 margin-bottom: 80px; 
 } 
 } 
@media (max-width: 767px) { 
 .mb-100 { 
 margin-bottom: 70px; 
 } 
 } 

.mt-100 { 
 margin-top: 100px; 
 } 
@media (max-width: 991px) { 
 .mt-100 { 
 margin-top: 80px; 
 } 
 } 

.mb-90 { 
 margin-bottom: 90px; 
 } 
@media (max-width: 991px) { 
 .mb-90 { 
 margin-bottom: 70px; 
 } 
 } 
@media (max-width: 767px) { 
 .mb-90 { 
 margin-bottom: 50px; 
 } 
 } 

.mb-80 { 
 margin-bottom: 80px; 
 } 
@media (max-width: 1199px) { 
 .mb-80 { 
 margin-bottom: 70px; 
 } 
 } 
@media (max-width: 991px) { 
 .mb-80 { 
 margin-bottom: 60px; 
 } 
 } 
@media (max-width: 767px) { 
 .mb-80 { 
 margin-bottom: 50px; 
 } 
 } 

.mb-15 { 
 margin-bottom: 15px; 
 } 

.mb-10 { 
 margin-bottom: 10px; 
 } 

.pt-80 { 
 padding-top: 80px; 
 } 

.pt-50 { 
 padding-top: 50px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .pt-50 { 
 padding-top: 40px; 
 } 
 } 
@media (max-width: 991px) { 
 .pt-50 { 
 padding-top: 30px; 
 } 
 } 

.pt-40 { 
 padding-top: 40px; 
 } 

.pt-35 { 
 padding-top: 35px; 
 } 

.pt-30 { 
 padding-top: 30px; 
 } 

.pb-60 { 
 padding-bottom: 60px; 
 } 

.mb-65 { 
 margin-bottom: 65px; 
 } 
@media (max-width: 1199px) { 
 .mb-65 { 
 margin-bottom: 55px; 
 } 
 } 
@media (max-width: 767px) { 
 .mb-65 { 
 margin-bottom: 45px; 
 } 
 } 

.mb-60 { 
 margin-bottom: 60px; 
 } 
@media (max-width: 1199px) { 
 .mb-60 { 
 margin-bottom: 50px; 
 } 
 } 
@media (max-width: 767px) { 
 .mb-60 { 
 margin-bottom: 40px; 
 } 
 } 

.mb-70 { 
 margin-bottom: 70px; 
 } 
@media (max-width: 991px) { 
 .mb-70 { 
 margin-bottom: 60px; 
 } 
 } 
@media (max-width: 767px) { 
 .mb-70 { 
 margin-bottom: 40px; 
 } 
 } 

.mb-45 { 
 margin-bottom: 45px; 
 } 
@media (max-width: 576px) { 
 .mb-45 { 
 margin-bottom: 35px; 
 } 
 } 

.mb-35 { 
 margin-bottom: 35px; 
 } 

.mb-20 { 
 margin-bottom: 20px; 
 } 

.mt-15 { 
 margin-top: 15px; 
 } 

.mt-40 { 
 margin-top: 40px; 
 } 

.mt-35 { 
 margin-top: 35px; 
 } 

.mb-40 { 
 margin-bottom: 40px; 
 } 
@media (max-width: 1199px) { 
 .mb-40 { 
 margin-bottom: 30px; 
 } 
 } 

.mb-30 { 
 margin-bottom: 30px; 
 } 

.mb-25 { 
 margin-bottom: 25px; 
 } 

.mt-50 { 
 margin-top: 50px; 
 } 
@media (max-width: 991px) { 
 .mt-50 { 
 margin-top: 40px; 
 } 
 } 

.mt-30 { 
 margin-top: 30px; 
 } 

.mt-25 { 
 margin-top: 25px; 
 } 

.mb-50 { 
 margin-bottom: 50px; 
 } 
@media (max-width: 991px) { 
 .mb-50 { 
 margin-bottom: 40px; 
 } 
 } 

.mt-60 { 
 margin-top: 60px; 
 } 
@media (max-width: 767px) { 
 .mt-60 { 
 margin-top: 40px; 
 } 
 } 

.mt-65 { 
 margin-top: 65px; 
 } 
@media (max-width: 1199px) { 
 .mt-65 { 
 margin-top: 55px; 
 } 
 } 
@media (max-width: 767px) { 
 .mt-65 { 
 margin-top: 45px; 
 } 
 } 

.mt-70 { 
 margin-top: 70px; 
 } 
@media (max-width: 991px) { 
 .mt-70 { 
 margin-top: 40px; 
 } 
 } 

/* #magic-cursor { 
 position: absolute; 
 display: none; 
 width: 10px; 
 height: 10px; 
 pointer-events: none; 
 z-index: 99999; 
 opacity: 0; 
 } 

body.tt-magic-cursor #magic-cursor { 
 display: block; 
 }  */

#ball { 
 position: fixed; 
 display: flex; 
 justify-content: center; 
 align-items: center; 
 color: var(--white-color); 
 pointer-events: none; 
 border-style: solid; 
 border-radius: 50%; 
 border-color: var(--primary-color1); 
 background-color: var(--primary-color1); 
 /* Note: border width handled through JS */
 } 

/* Ball view
============= */
#ball.ball-view { 
 background-image: linear-gradient(112.83deg, rgba(255, 255, 255, 0.47) 0%, rgba(255, 255, 255, 0) 110.84%); 
 background-color: rgba(var(--primary-color1-opc), 0.5); 
 -webkit-backdrop-filter: blur(3px); 
 backdrop-filter: blur(3px); 
 font-size: 15px; 
 font-weight: 600; 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 line-height: 1.4; 
 text-align: center; 
 } 

#ball .ball-view-inner { 
 padding: 0 5px; 
 opacity: 0; 
 visibility: hidden; 
 transform: scale(0); 
 } 

#ball .ball-view-inner i { 
 font-size: 24px; 
 } 

/* Ball drag
============= */
#ball .ball-drag { 
 position: absolute; 
 display: block; 
 width: 100%; 
 padding: 0 5px; 
 font-size: 15px; 
 font-weight: 600; 
 color: var(--title-color); 
 line-height: 1.2; 
 text-align: center; 
 transition: all 0.3s; 
 } 

#ball .ball-drag::before,
#ball .ball-drag::after { 
 position: absolute; 
 top: 50%; 
 margin-top: -5px; 
 font-size: 16px; 
 color: var(--primary-color1); 
 height: 10px; 
 line-height: 10px; 
 /* Font Awesome */
 font-family: "Font Awesome 5 Free"; 
 font-weight: 900; 
 display: inline-block; 
 font-style: normal; 
 font-variant: normal; 
 text-rendering: auto; 
 -webkit-font-smoothing: antialiased; 
 } 

#ball .ball-drag::before { 
 content: "\f060"; 
 /* Font Awesome */
 left: 0; 
 transform: translate3d(-30px, 0, 0); 
 transition: all 0.25s; 
 } 

#ball .ball-drag::after { 
 content: "\f061"; 
 /* Font Awesome */
 right: 0; 
 transform: translate3d(30px, 0, 0); 
 transition: all 0.25s; 
 } 

#ball.magnetic-active { 
 background-image: linear-gradient(112.83deg, rgba(255, 255, 255, 0.47) 0%, rgba(255, 255, 255, 0) 110.84%); 
 background-color: rgba(var(--primary-color1-opc), 0.5); 
 -webkit-backdrop-filter: blur(1.1px); 
 backdrop-filter: blur(1.1px); 
 border-color: transparent !important; 
 } 

/* Ball close
============== */
#ball.ball-close-enabled { 
 opacity: 1 !important; 
 } 

#ball .ball-close { 
 position: absolute; 
 padding: 0 5px; 
 font-size: 14px; 
 font-weight: 600; 
 color: var(--primary-color1); 
 line-height: 1; 
 text-align: center; 
 } 

@keyframes zoomIn { 
 0% { 
 opacity: 0; 
 transform: scale3d(0.8, 0.8, 0.8); 
 } 
 50% { 
 opacity: 1; 
 } 
 } 
.progress-wrap { 
 position: fixed; 
 right: 30px; 
 bottom: 30px; 
 height: 45px; 
 width: 45px; 
 cursor: pointer; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 border-radius: 50%; 
 box-shadow: inset 0 0 0 2px var(--borders-color); 
 background-color: transparent; 
 z-index: 10000; 
 opacity: 0; 
 visibility: hidden; 
 transform: translateY(15px); 
 transition: all 200ms linear; 
 } 
.progress-wrap.active-progress { 
 opacity: 1; 
 visibility: visible; 
 transform: translateY(0); 
 } 
.progress-wrap svg { 
 fill: none; 
 transition: 0.5s; 
 } 
.progress-wrap svg.progress-circle { 
 stroke: var(--primary-color1); 
 stroke-width: 4; 
 box-sizing: border-box; 
 transition: all 200ms linear; 
 } 
.progress-wrap .arrow { 
 fill: var(--primary-color1); 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 transition: 0.5s; 
 } 
.progress-wrap:hover { 
 background-color: var(--primary-color1); 
 } 
.progress-wrap:hover .arrow { 
 fill: var(--white-color); 
 } 

.primary-btn1, .wc-block-cart__submit-container .wc-block-components-button { 
 background-color: var(--black-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 15px; 
 color: var(--white-color) !important; 
 letter-spacing: 0.48px; 
 line-height: 1; 
 padding: 20px 24px; 
 border-radius: 4px; 
 position: relative; 
 align-items: center; 
 display: inline-flex; 
 transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); 
 overflow: hidden; 
 z-index: 1; 
 white-space: nowrap; 
 } 
.primary-btn1 > span { 
 transition: opacity 0.3s, transform 0.3s; 
 transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); 
 background-color: transparent; 
 width: 100%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 8px; 
 } 
.primary-btn1 > span:nth-child(2) { 
 position: absolute; 
 top: 50%; 
 left: 0; 
 opacity: 0; 
 transform: translate(0, 100%); 
 transition: opacity 0.3s, transform 0.3s; 
 transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); 
 white-space: nowrap; 
 } 
.primary-btn1 > span svg { 
 fill: var(--white-color); 
 transition: 0.5s; 
 } 
.primary-btn1::before, .wc-block-cart__submit-container .wc-block-components-button::before { 
 content: ""; 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 background-size: 102% 102%; 
 border-radius: inherit; 
 transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); 
 opacity: 0; 
 z-index: -1; 
 } 
.primary-btn1::after, .wc-block-cart__submit-container .wc-block-components-button:after { 
 content: ""; 
 position: absolute; 
 z-index: 1; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 transform: translateY(110%); 
 background-color: var(--black-color); 
 overflow: hidden; 
 transition: opacity 0.5s, transform 0.5s; 
 z-index: -1; 
 } 
.primary-btn1:hover, .wc-block-cart__submit-container .wc-block-components-button:hover { 
 color: var(--white-color); 
 } 
.primary-btn1:hover .arrow { 
 fill: rgba(255, 255, 255, 0.15); 
 } 
.primary-btn1:hover > span { 
 transform: translateY(-150%); 
 opacity: 0; 
 } 
.primary-btn1:hover > span:nth-child(2) { 
 opacity: 1; 
 transform: translate(0%, -50%); 
 } 
.primary-btn1:hover::after { 
 transform: translate(0); 
 border-radius: 0; 
 } 
.primary-btn1.white-bg { 
 background-color: var(--white-color); 
 color: var(--title-color); 
 } 
.primary-btn1.white-bg::after { 
 background-color: var(--primary-color1); 
 } 
.primary-btn1.white-bg:hover { 
 color: var(--white-color); 
 } 
.primary-btn1.black-bg { 
 background-color: var(--black-color); 
 color: var(--white-color); 
 } 
.primary-btn1.black-bg::after { 
 background-color: var(--primary-color1); 
 } 
.primary-btn1.black-bg:hover { 
 color: var(--white-color); 
 } 
.primary-btn1.transparent { 
 background-color: transparent; 
 border: 1px solid var(--borders-color); 
 color: var(--title-color); 
 padding: 16px 17px; 
 } 
.primary-btn1.transparent::after { 
 background-color: var(--primary-color1); 
 } 
.primary-btn1.transparent span svg { 
 fill: var(--title-color); 
 } 
.primary-btn1.transparent:hover { 
 color: var(--white-color); 
 border-color: var(--primary-color1); 
 } 
.primary-btn1.transparent:hover span svg { 
 fill: var(--white-color); 
 } 
.primary-btn1.two { 
 border-radius: 100px; 
 } 
.primary-btn1.three { 
 background-color: var(--primary-color2); 
 } 
.primary-btn1.three.white-bg { 
 background-color: var(--white-color); 
 color: var(--title-color); 
 } 
.primary-btn1.three.white-bg::after { 
 background-color: var(--primary-color2); 
 } 
.primary-btn1.three.white-bg:hover { 
 color: var(--white-color); 
 } 
.primary-btn1.three.black-bg { 
 background-color: var(--black-color); 
 color: var(--white-color); 
 } 
.primary-btn1.three.black-bg::after { 
 background-color: var(--primary-color2); 
 } 
.primary-btn1.three.black-bg:hover { 
 color: var(--white-color); 
 } 
.primary-btn1.three.transparent { 
 background-color: transparent; 
 border: 1px solid var(--borders-color); 
 color: var(--title-color); 
 padding: 16px 17px; 
 } 
.primary-btn1.three.transparent::after { 
 background-color: var(--primary-color2); 
 } 
.primary-btn1.three.transparent span svg { 
 fill: var(--title-color); 
 } 
.primary-btn1.three.transparent:hover { 
 color: var(--white-color); 
 border-color: var(--primary-color2); 
 } 
.primary-btn1.three.transparent:hover span svg { 
 fill: var(--white-color); 
 } 
.primary-btn1.four { 
 background-color: var(--primary-color3); 
 color: var(--title-color2); 
 } 
.primary-btn1.four svg { 
 fill: var(--title-color2); 
 } 
.primary-btn1.four:hover { 
 color: var(--white-color); 
 } 
.primary-btn1.four:hover svg { 
 fill: var(--white-color); 
 } 
.primary-btn1.four.transparent { 
 background-color: transparent; 
 border: 1px solid var(--black-color); 
 color: var(--title-color); 
 padding: 16px 17px; 
 } 
.primary-btn1.four.transparent::after { 
 background-color: var(--primary-color3); 
 } 
.primary-btn1.four.transparent span svg { 
 fill: var(--title-color); 
 } 
.primary-btn1.four.transparent:hover { 
 color: var(--title-color2); 
 border-color: var(--primary-color3); 
 } 
.primary-btn1.four.transparent:hover span svg { 
 fill: var(--title-color2); 
 } 
.primary-btn1.four.white-bg { 
 background-color: var(--white-color); 
 color: var(--primary-color3); 
 } 
.primary-btn1.four.white-bg svg { 
 fill: var(--primary-color3); 
 } 
.primary-btn1.four.white-bg::after { 
 background-color: var(--primary-color3); 
 } 
.primary-btn1.four.white-bg:hover { 
 color: var(--title-color2); 
 } 
.primary-btn1.four.white-bg:hover svg { 
 fill: var(--title-color2); 
 } 
.primary-btn1.four.black-bg { 
 background-color: var(--black-color); 
 color: var(--white-color); 
 } 
.primary-btn1.four.black-bg svg { 
 fill: var(--white-color); 
 } 
.primary-btn1.four.black-bg::after { 
 background-color: var(--primary-color3); 
 } 
.primary-btn1.four.black-bg:hover { 
 color: var(--title-color2); 
 } 
.primary-btn1.four.black-bg:hover svg { 
 fill: var(--title-color2); 
 } 
.primary-btn1.five { 
 background-color: var(--primary-color4); 
 } 
.primary-btn1.five.transparent { 
 background-color: transparent; 
 border: 1px solid var(--borders-color); 
 color: var(--title-color); 
 padding: 16px 17px; 
 } 
.primary-btn1.five.transparent::after { 
 background-color: var(--primary-color4); 
 } 
.primary-btn1.five.transparent span svg { 
 fill: var(--title-color); 
 } 
.primary-btn1.five.transparent:hover { 
 color: var(--white-color); 
 border-color: var(--primary-color4); 
 } 
.primary-btn1.five.transparent:hover span svg { 
 fill: var(--white-color); 
 } 

.select { 
 margin-bottom: 25px; 
 } 

.nice-select { 
 width: 100%; 
 height: 56px; 
 line-height: 56px; 
 color: #AAAAAA; 
 font-family: var(--font-poppins); 
 font-size: 14px; 
 font-weight: 500; 
 background: var(--white-color); 
 border-color: var(--borders-color); 
 border-radius: 10px; 
 padding-left: 20px; 
 padding-right: 20px; 
 } 
.nice-select:hover { 
 border-color: var(--borders-color); 
 } 
.nice-select:focus { 
 border-color: var(--borders-color); 
 } 
.nice-select.open { 
 border-radius: 10px 10px 0 0; 
 } 
.nice-select.open::after { 
 transform: rotate(-180deg); 
 } 
.nice-select:after { 
 border-bottom: none; 
 border-right: none; 
 content: ""; 
 display: block; 
 height: 7px; 
 width: 10px; 
 background-color: rgba(82, 82, 82, 0.6); 
 margin-top: -4px; 
 pointer-events: none; 
 position: absolute; 
 right: 20px; 
 clip-path: polygon(100% 0, 0 0, 50% 100%); 
 transform: rotate(0); 
 } 
.nice-select .list { 
 width: 100%; 
 background: var(--white-color); 
 margin-top: 0; 
 border-radius: 0 0 5px 5px; 
 } 
.nice-select .list .option { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-size: 14px; 
 font-weight: 500; 
 border-bottom: 1px solid var(--borders-color); 
 } 
.nice-select .list .option:last-child { 
 border-bottom: unset; 
 } 

.section-title h2 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 40px; 
 font-weight: 600; 
 line-height: 1.1; 
 margin-bottom: 0; 
 } 
@media (max-width: 991px) { 
 .section-title h2 { 
 font-size: 37px; 
 line-height: 1.2; 
 } 
 } 
@media (max-width: 767px) { 
 .section-title h2 { 
 font-size: 36px; 
 } 
 } 
@media (max-width: 576px) { 
 .section-title h2 { 
 font-size: 28px; 
 line-height: 1.3; 
 } 
 } 
.section-title p { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-size: 18px; 
 font-weight: 400; 
 line-height: 28px; 
 padding-top: 20px; 
 max-width: 545px; 
 width: 100%; 
 margin: 0 auto; 
 } 
@media (max-width: 991px) { 
 .section-title p { 
 padding-top: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .section-title p { 
 padding-top: 10px; 
 font-size: 16px; 
 } 
 } 
.section-title.white h2 { 
 color: var(--white-color); 
 } 
.section-title.white p { 
 color: #AAAAAA; 
 } 
.section-title.two p { 
 margin-left: 0; 
 } 

.slider-btn-grp { 
 display: flex; 
 align-items: center; 
 gap: 50px; 
 } 
@media (max-width: 767px) { 
 .slider-btn-grp { 
 gap: 40px; 
 } 
 } 
@media (max-width: 576px) { 
 .slider-btn-grp { 
 gap: 30px; 
 } 
 } 
.slider-btn-grp .slider-btn { 
 min-width: 40px; 
 max-width: 40px; 
 height: 40px; 
 background-color: transparent; 
 border: 1px solid var(--black-color); 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 transition: 0.5s; 
 } 
.slider-btn-grp .slider-btn svg { 
 fill: none; 
 stroke: var(--title-color); 
 transition: 0.5s; 
 } 
@media (max-width: 767px) { 
 .slider-btn-grp .slider-btn { 
 min-width: 35px; 
 max-width: 35px; 
 height: 35px; 
 } 
 .slider-btn-grp .slider-btn svg { 
 width: 12px; 
 } 
 } 
.slider-btn-grp .slider-btn:hover { 
 background-color: var(--primary-color1); 
 border-color: var(--primary-color1); 
 } 
.slider-btn-grp .slider-btn:hover svg { 
 stroke: var(--white-color); 
 } 
.slider-btn-grp .slider-btn.swiper-button-disabled { 
 opacity: 0.5; 
 } 
.slider-btn-grp.white .slider-btn { 
 border: 1px solid rgba(255, 255, 255, 0.4); 
 } 
.slider-btn-grp.white .slider-btn i { 
 color: rgba(255, 255, 255, 0.4); 
 } 
.slider-btn-grp.white .slider-btn:hover { 
 border-color: var(--white-color); 
 background-color: var(--white-color); 
 } 
.slider-btn-grp.white .slider-btn:hover i { 
 color: var(--title-color); 
 } 
.slider-btn-grp.two .slider-btn { 
 background-color: var(--white-color); 
 border-color: var(--borders-color); 
 } 
.slider-btn-grp.two .slider-btn svg { 
 stroke: none; 
 fill: var(--title-color); 
 } 
.slider-btn-grp.two .slider-btn:hover { 
 background-color: var(--primary-color1); 
 border-color: var(--primary-color1); 
 } 
.slider-btn-grp.two .slider-btn:hover svg { 
 fill: var(--white-color); 
 } 
.slider-btn-grp.three .slider-btn { 
 background-color: var(--white-color); 
 border-color: var(--borders-color); 
 } 
.slider-btn-grp.three .slider-btn svg { 
 stroke: none; 
 fill: var(--title-color); 
 } 
.slider-btn-grp.three .slider-btn:hover { 
 background-color: var(--primary-color3); 
 border-color: var(--primary-color3); 
 } 
.slider-btn-grp.three .slider-btn:hover svg { 
 fill: var(--title-color2); 
 } 

.paginations { 
 display: inline-flex; 
 align-items: center; 
 justify-content: center; 
 width: unset; 
 z-index: 9; 
 gap: 8px; 
 } 
@media (max-width: 576px) { 
 .paginations { 
 justify-content: center; 
 } 
 } 
.paginations .swiper-pagination-bullet { 
 height: 10px; 
 width: 10px; 
 background-color: rgba(170, 170, 170, 0.5); 
 opacity: 1; 
 position: relative; 
 border-radius: 50%; 
 } 
.paginations .swiper-pagination-bullet.swiper-pagination-bullet-active { 
 width: 30px; 
 border-radius: 50px; 
 background-color: var(--primary-color1); 
 } 
.paginations.two .swiper-pagination-bullet.swiper-pagination-bullet-active { 
 background-color: var(--black-color); 
 } 
.paginations.three .swiper-pagination-bullet.swiper-pagination-bullet-active { 
 background-color: var(--primary-color3); 
 } 

.form-inner { 
 line-height: 1; 
 } 
.form-inner label { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 16px; 
 font-weight: 500; 
 display: block; 
 line-height: 1; 
 margin-bottom: 12px; 
 } 
.form-inner input { 
 width: 100%; 
 background: transparent; 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 16px; 
 font-weight: 500; 
 padding: 10px 20px; 
 height: 56px; 
 border: 1px solid var(--borders-color); 
 border-radius: 10px; 
 } 
@media (max-width: 576px) { 
 .form-inner input { 
 font-size: 15px; 
 border-radius: 5px; 
 height: 52px; 
 } 
 } 
.form-inner input::-moz-placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
.form-inner input::placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
.form-inner input:focus { 
 border-color: var(--black-color); 
 } 
.form-inner textarea { 
 width: 100%; 
 border-radius: 10px; 
 background: transparent; 
 color: var(--title-color); 
 border: 1px solid rgba(var(--black-color-opc), 0.2); 
 outline: none; 
 font-family: var(--font-roboto); 
 font-size: 16px; 
 font-weight: 500; 
 padding: 20px 25px; 
 min-height: 170px; 
 resize: none; 
 } 
@media (max-width: 576px) { 
 .form-inner textarea { 
 padding: 20px 15px; 
 border-radius: 5px; 
 font-size: 15px; 
 } 
 } 
.form-inner textarea:focus { 
 border-color: var(--black-color); 
 } 
.form-inner textarea::-moz-placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
.form-inner textarea::placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 

.form-inner2 .form-check { 
 min-height: unset; 
 margin-bottom: 0; 
 } 
.form-inner2 .form-check .form-check-input { 
 cursor: pointer; 
 height: 16px; 
 width: 16px; 
 margin-top: 7px; 
 background-color: transparent; 
 border: 1px solid rgba(var(--black-color-opc), 0.2); 
 border-radius: 5px; 
 } 
.form-inner2 .form-check .form-check-input:focus { 
 box-shadow: none; 
 } 
.form-inner2 .form-check .form-check-input:checked { 
 background-color: var(--primary-color1); 
 border-color: var(--primary-color1); 
 } 
.form-inner2 .form-check .form-check-label { 
 cursor: pointer; 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-size: 16px; 
 font-weight: 400; 
 line-height: 1.2; 
 } 
@media (max-width: 576px) { 
 .form-inner2 .form-check .form-check-label { 
 font-size: 15px; 
 } 
 } 

.daterangepicker td.start-date.end-date { 
 border-radius: 50%; 
 } 

.daterangepicker .drp-calendar { 
 min-width: 270px; 
 } 
.daterangepicker .calendar-table th { 
 padding: 4px; 
 color: #aaa; 
 } 
.daterangepicker .calendar-table th.month { 
 color: var(--title-color); 
 font-size: 14px; 
 } 
.daterangepicker .calendar-table td { 
 border-radius: 50%; 
 padding: 5px; 
 font-size: 13px; 
 font-family: var(--font-poppins); 
 } 
.daterangepicker td.active,
.daterangepicker td.active:hover { 
 background-color: var(--primary-color1); 
 } 
.daterangepicker .monthselect { 
 outline: none; 
 } 
.daterangepicker td.in-range { 
 background-color: rgba(var(--primary-color1-opc), 0.1); 
 } 
.daterangepicker td.active { 
 background-color: var(--primary-color1); 
 } 
.daterangepicker button { 
 outline: none; 
 } 
.daterangepicker .btn-primary { 
 background-color: var(--primary-color1); 
 border-color: var(--primary-color1); 
 } 
.daterangepicker.single td.active,
.daterangepicker.single td.active:hover { 
 background-color: var(--primary-color1); 
 } 
.daterangepicker.single .monthselect { 
 outline: none; 
 } 
.daterangepicker.single button { 
 outline: none; 
 } 
.daterangepicker.single .btn-primary { 
 background-color: var(--primary-color1); 
 border-color: var(--primary-color1); 
 } 

/*=====================================
 03. Header CSS
========================================*/
@keyframes fade-down { 
 0% { 
 opacity: 0; 
 transform: scaleY(0); 
 visibility: hidden; 
 } 
 100% { 
 opacity: 1; 
 transform: scaleY(1); 
 visibility: visible; 
 } 
 } 
@keyframes zoom-In-effect { 
 0% { 
 transform: scale(0.5); 
 } 
 100% { 
 transform: scale(1); 
 } 
 } 
.header-topbar-wrap { 
 position: fixed; 
 top: 0; 
 left: 0; 
 width: 100%; 
 z-index: 999; 
 } 
.header-topbar-wrap.sticky .topbar-area { 
 height: 0; 
 padding-top: 0; 
 padding-bottom: 0; 
 border-bottom: unset; 
 } 

.topbar-area { 
 padding: 18px 0; 
 border-bottom: 1px solid var(--borders-color); 
 } 
.topbar-area .topbar-wrap { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 105px; 
 } 
@media (max-width: 1399px) { 
 .topbar-area .topbar-wrap { 
 gap: 50px; 
 } 
 } 
@media (max-width: 1199px) { 
 .topbar-area .topbar-wrap { 
 gap: 40px; 
 } 
 } 
.topbar-area .topbar-wrap .header-logo img { 
 min-width: 120px; 
 max-width: 120px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .topbar-area .topbar-wrap .header-logo img { 
 max-width: 100px; 
 min-width: 100px; 
 } 
 } 
.topbar-area .topbar-wrap .logo-and-search-area { 
 display: flex; 
 align-items: center; 
 gap: 45px; 
 } 
@media (max-width: 1399px) { 
 .topbar-area .topbar-wrap .logo-and-search-area { 
 gap: 35px; 
 } 
 } 
@media (max-width: 1199px) { 
 .topbar-area .topbar-wrap .logo-and-search-area { 
 gap: 25px; 
 } 
 } 
.topbar-area .topbar-wrap .logo-and-search-area .search-area { 
 min-width: 690px; 
 width: 100%; 
 } 
@media (max-width: 1399px) { 
 .topbar-area .topbar-wrap .logo-and-search-area .search-area { 
 min-width: 575px; 
 } 
 } 
@media (max-width: 1199px) { 
 .topbar-area .topbar-wrap .logo-and-search-area .search-area { 
 min-width: 435px; 
 } 
 } 
.topbar-area .topbar-wrap .logo-and-search-area .search-area .form-inner { 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 padding: 16px 25px; 
 background-color: #F0F0F0; 
 border-radius: 100px; 
 } 
@media (max-width: 1199px) { 
 .topbar-area .topbar-wrap .logo-and-search-area .search-area .form-inner { 
 padding: 16px 22px; 
 gap: 10px; 
 } 
 } 
.topbar-area .topbar-wrap .logo-and-search-area .search-area .form-inner input { 
 height: unset; 
 padding: 0; 
 border: unset; 
 padding-left: 3px; 
 } 
.topbar-area .topbar-wrap .topbar-right { 
 display: flex; 
 align-items: center; 
 gap: 45px; 
 } 
@media (max-width: 1399px) { 
 .topbar-area .topbar-wrap .topbar-right { 
 gap: 35px; 
 } 
 } 
@media (max-width: 1199px) { 
 .topbar-area .topbar-wrap .topbar-right { 
 gap: 25px; 
 } 
 } 
.topbar-area .topbar-wrap .topbar-right .support-and-language-area { 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 } 
.topbar-area .topbar-wrap .topbar-right .support-and-language-area > a { 
 color: var(--primary-color1); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 15px; 
 line-height: 1; 
 transition: 0.5s; 
 white-space: nowrap; 
 padding-right: 15px; 
 position: relative; 
 } 
.topbar-area .topbar-wrap .topbar-right .support-and-language-area > a::before { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 right: 0; 
 width: 2px; 
 height: 15px; 
 background-color: var(--borders-color); 
 } 
.topbar-area .topbar-wrap .topbar-right .support-and-language-area > a:hover { 
 color: var(--title-color); 
 } 
.topbar-area .topbar-wrap .topbar-right .support-and-language-area .language-area { 
 position: relative; 
 } 
.topbar-area .topbar-wrap .topbar-right .support-and-language-area .language-area .language-btn { 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 cursor: pointer; 
 } 
.topbar-area .topbar-wrap .topbar-right .support-and-language-area .language-area .language-btn svg { 
 fill: var(--title-color); 
 transition: 0.5s; 
 } 
.topbar-area .topbar-wrap .topbar-right .support-and-language-area .language-area .language-btn span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 14px; 
 font-weight: 600; 
 line-height: 1; 
 transition: 0.5s; 
 } 
.topbar-area .topbar-wrap .topbar-right .support-and-language-area .language-area .language-btn i { 
 font-size: 12px; 
 line-height: 1; 
 color: var(--title-color); 
 } 
.topbar-area .topbar-wrap .topbar-right .support-and-language-area .language-area .language-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 position: absolute; 
 top: 35px; 
 left: 50%; 
 z-index: 9999; 
 width: 180px; 
 background-color: var(--white-color); 
 box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08); 
 border-radius: 10px; 
 overflow: hidden; 
 display: none; 
 transform: scaleY(0) translateX(-50%); 
 transform-origin: top; 
 } 
.topbar-area .topbar-wrap .topbar-right .support-and-language-area .language-area .language-list.active { 
 display: block; 
 transform: scaleY(1) translateX(-50%); 
 animation: fade-up 0.5s linear; 
 } 
@keyframes fade-up { 
 0% { 
 opacity: 0; 
 transform: translateY(10px) translateX(-50%); 
 visibility: hidden; 
 } 
 100% { 
 opacity: 1; 
 transform: translateY(0px) translateX(-50%); 
 visibility: visible; 
 } 
 } 
.topbar-area .topbar-wrap .topbar-right .support-and-language-area .language-area .language-list li a { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 text-transform: capitalize; 
 font-size: 12px; 
 padding: 12px 20px; 
 line-height: 1; 
 width: 100%; 
 display: flex; 
 align-items: center; 
 transition: 0.5s; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
.topbar-area .topbar-wrap .topbar-right .support-and-language-area .language-area .language-list li a:hover { 
 color: var(--white-color); 
 background-color: var(--primary-color1); 
 } 
.topbar-area .topbar-wrap .topbar-right .primary-btn1 { 
 padding: 16px 28px; 
 } 
.topbar-area .topbar-wrap .topbar-right .primary-btn1 > span svg { 
 min-width: 15px; 
 } 
.topbar-area.two { 
 padding: 18px 130px; 
 border-bottom: unset; 
 } 
@media (max-width: 1699px) { 
 .topbar-area.two { 
 padding: 18px 80px; 
 } 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .topbar-area.two { 
 padding: 18px 20px; 
 } 
 } 
@media (max-width: 1399px) { 
 .topbar-area.two { 
 padding: 18px 10px; 
 } 
 } 
@media (max-width: 1199px) { 
 .topbar-area.two { 
 padding: 18px 0px; 
 } 
 } 
.topbar-area.two .contact-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 45px; 
 } 
@media (max-width: 1199px) { 
 .topbar-area.two .contact-list { 
 gap: 18px; 
 } 
 } 
.topbar-area.two .contact-list .single-contact { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
@media (max-width: 1199px) { 
 .topbar-area.two .contact-list .single-contact { 
 gap: 7px; 
 } 
 } 
.topbar-area.two .contact-list .single-contact .icon { 
 min-width: 36px; 
 max-width: 36px; 
 height: 36px; 
 border-radius: 50%; 
 background-color: var(--black-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
.topbar-area.two .contact-list .single-contact .icon svg { 
 fill: var(--white-color); 
 } 
.topbar-area.two .contact-list .single-contact a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 15px; 
 line-height: 1; 
 transition: 0.5s; 
 } 
.topbar-area.two .contact-list .single-contact a:hover { 
 color: var(--primary-color2); 
 } 
.topbar-area.two .topbar-right { 
 gap: 35px; 
 } 
@media (max-width: 1199px) { 
 .topbar-area.two .topbar-right { 
 gap: 20px; 
 } 
 } 
.topbar-area.two .topbar-right .support-and-language-area > a { 
 color: var(--title-color); 
 transition: 0.5s; 
 } 
.topbar-area.two .topbar-right .support-and-language-area > a:hover { 
 color: var(--primary-color2); 
 } 
.topbar-area.two .topbar-right .support-and-language-area .language-area .language-list li a:hover { 
 background-color: var(--primary-color2); 
 } 
.topbar-area.two .search-and-login { 
 display: flex; 
 align-items: center; 
 gap: 35px; 
 } 
@media (max-width: 1199px) { 
 .topbar-area.two .search-and-login { 
 gap: 20px; 
 } 
 } 
.topbar-area.two .search-and-login .search-bar { 
 position: relative; 
 } 
@media (max-width: 576px) { 
 .topbar-area.two .search-and-login .search-bar { 
 position: inherit; 
 } 
 } 
.topbar-area.two .search-and-login .search-bar .search-btn { 
 min-width: 36px; 
 max-width: 36px; 
 height: 36px; 
 border-radius: 50%; 
 border: 1px solid var(--borders-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 cursor: pointer; 
 transition: 0.5s; 
 } 
.topbar-area.two .search-and-login .search-bar .search-btn svg { 
 fill: var(--title-color); 
 transition: 0.5s; 
 } 
.topbar-area.two .search-and-login .search-bar .search-btn:hover { 
 background-color: var(--primary-color2); 
 border-color: var(--primary-color2); 
 } 
.topbar-area.two .search-and-login .search-bar .search-btn:hover svg { 
 fill: var(--white-color); 
 } 
.topbar-area.two .search-and-login .search-bar .search-input { 
 position: absolute; 
 top: 47px; 
 right: 0; 
 z-index: 9999; 
 width: 600px; 
 background-color: var(--white-color); 
 padding: 50px 30px 30px; 
 box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08); 
 display: none; 
 transform: scaleY(0); 
 transform-origin: top; 
 } 
@media (max-width: 767px) { 
 .topbar-area.two .search-and-login .search-bar .search-input { 
 width: 450px; 
 right: -40px; 
 padding: 45px 20px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .topbar-area.two .search-and-login .search-bar .search-input { 
 width: 90%; 
 left: 15px; 
 right: unset; 
 top: 70px; 
 } 
 } 
.topbar-area.two .search-and-login .search-bar .search-input.active { 
 display: block; 
 transform: scaleY(1); 
 animation: fade-up2 0.5s linear; 
 } 
@keyframes fade-up2 { 
 0% { 
 opacity: 0; 
 transform: translateY(10px); 
 visibility: hidden; 
 } 
 100% { 
 opacity: 1; 
 transform: translateY(0px); 
 visibility: visible; 
 } 
 } 
.topbar-area.two .search-and-login .search-bar .search-input .search-close { 
 position: absolute; 
 top: 10px; 
 right: 15px; 
 display: inline-block; 
 border-radius: 50%; 
 background-color: var(--white-color); 
 box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.1); 
 height: 28px; 
 width: 28px; 
 cursor: pointer; 
 z-index: 1; 
 } 
.topbar-area.two .search-and-login .search-bar .search-input .search-close::after { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%) rotate(-45deg); 
 left: calc(50% - 7px); 
 display: block; 
 height: 1px; 
 width: 12px; 
 background-color: var(--black-color); 
 transition: all 0.3s ease-out; 
 } 
.topbar-area.two .search-and-login .search-bar .search-input .search-close::before { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%) rotate(-135deg); 
 left: calc(50% - 7px); 
 display: block; 
 height: 1px; 
 width: 12px; 
 background-color: var(--black-color); 
 transition: all 0.3s ease-out; 
 } 
.topbar-area.two .search-and-login .search-bar .search-input .search-close:hover::after { 
 transform: rotate(0); 
 } 
.topbar-area.two .search-and-login .search-bar .search-input .search-close:hover::before { 
 transform: rotate(0); 
 } 
.topbar-area.two .search-and-login .search-bar .search-input .search-group { 
 display: flex; 
 gap: 50px; 
 width: 100%; 
 border-bottom: 1px solid #616161; 
 } 
.topbar-area.two .search-and-login .search-bar .search-input .search-group .form-inner2 { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 width: 100%; 
 } 
.topbar-area.two .search-and-login .search-bar .search-input .search-group .form-inner2 input { 
 width: 100%; 
 background-color: transparent; 
 border: none; 
 font-size: 14px; 
 font-weight: 500; 
 font-family: var(--font-roboto); 
 line-height: 1; 
 color: var(--title-color); 
 } 
.topbar-area.two .search-and-login .search-bar .search-input .search-group .form-inner2 input::-moz-placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
.topbar-area.two .search-and-login .search-bar .search-input .search-group .form-inner2 input::placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
.topbar-area.two .search-and-login .search-bar .search-input .search-group .form-inner2 button { 
 background-color: transparent; 
 font-size: 22px; 
 border: none; 
 outline: none; 
 } 
.topbar-area.two .search-and-login .search-bar .search-input .search-group .form-inner2 button i { 
 font-size: 16px; 
 color: var(--title-color); 
 } 
.topbar-area.two .search-and-login .search-bar .search-input .quick-search { 
 display: flex; 
 gap: 10px; 
 padding-top: 15px; 
 } 
.topbar-area.two .search-and-login .search-bar .search-input .quick-search ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 flex-wrap: wrap; 
 } 
.topbar-area.two .search-and-login .search-bar .search-input .quick-search ul li { 
 padding-right: 5px; 
 line-height: 1.5; 
 } 
.topbar-area.two .search-and-login .search-bar .search-input .quick-search ul li:first-child { 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 letter-spacing: 0.1em; 
 font-size: 13px; 
 margin-bottom: 0; 
 color: var(--title-color); 
 white-space: nowrap; 
 } 
.topbar-area.two .search-and-login .search-bar .search-input .quick-search ul li a { 
 color: rgba(0, 0, 0, 0.7); 
 font-family: var(--font-roboto); 
 font-size: 13px; 
 font-weight: 400; 
 line-height: 28px; 
 transition: 0.5s; 
 } 
.topbar-area.two .search-and-login .search-bar .search-input .quick-search ul li a:hover { 
 color: var(--primary-color2); 
 } 
.topbar-area.three .topbar-right { 
 gap: 35px; 
 } 
@media (max-width: 1199px) { 
 .topbar-area.three .topbar-right { 
 gap: 20px; 
 } 
 } 
.topbar-area.three .topbar-right .support-and-language-area > a { 
 color: var(--title-color); 
 transition: 0.5s; 
 } 
.topbar-area.three .topbar-right .support-and-language-area > a:hover { 
 color: var(--primary-color3); 
 } 
.topbar-area.three .topbar-right .support-and-language-area .language-area .language-list li a:hover { 
 background-color: var(--primary-color3); 
 color: var(--title-color2); 
 } 

header.style-1 { 
 position: relative; 
 width: 100%; 
 z-index: 999; 
 transition: all 0.8s ease-out 0s; 
 background-color: transparent; 
 } 
@media (max-width: 991px) { 
 header.style-1 { 
 padding: 18px 0; 
 } 
 } 
header.style-1.sticky { 
 position: fixed; 
 top: 0; 
 left: 0; 
 width: 100%; 
 background-color: var(--white-color); 
 box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1); 
 z-index: 999; 
 } 
@keyframes smooth-header { 
 0% { 
 transform: translateY(-30px); 
 } 
 100% { 
 transform: translateY(0px); 
 } 
 } 
header.style-1 .header-logo img { 
 width: 120px; 
 } 
@media (max-width: 991px) { 
 header.style-1 .header-logo img { 
 width: 110px; 
 } 
 } 
@media (max-width: 576px) { 
 header.style-1 .header-logo img { 
 width: 100px; 
 } 
 } 
header.style-1 .contact-area { 
 padding: 8px 24px; 
 background-color: #F0F0F0; 
 position: relative; 
 display: flex; 
 align-items: end; 
 gap: 10px; 
 } 
@media (max-width: 991px) { 
 header.style-1 .contact-area { 
 padding: 12px 18px; 
 margin-bottom: 20px; 
 } 
 } 
header.style-1 .contact-area .single-contact { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
@media (max-width: 991px) { 
 header.style-1 .contact-area .single-contact { 
 gap: 8px; 
 } 
 } 
header.style-1 .contact-area .single-contact .icon { 
 width: 34px; 
 height: 34px; 
 border-radius: 50%; 
 background-color: var(--white-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
header.style-1 .contact-area .single-contact .content { 
 line-height: 1; 
 } 
header.style-1 .contact-area .single-contact .content span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1; 
 display: block; 
 margin-bottom: 8px; 
 } 
header.style-1 .contact-area .single-contact .content a { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 18px; 
 line-height: 1; 
 transition: 0.5s; 
 } 
@media (max-width: 991px) { 
 header.style-1 .contact-area .single-contact .content a { 
 font-size: 17px; 
 } 
 } 
header.style-1 .contact-area .single-contact .content a:hover { 
 color: var(--primary-color1); 
 } 
header.style-1 .contact-area .contact-dropdown-btn { 
 font-size: 12px; 
 line-height: 1; 
 color: var(--title-color); 
 margin-bottom: 4px; 
 cursor: pointer; 
 } 
@media (max-width: 991px) { 
 header.style-1 .contact-area .contact-dropdown-btn { 
 margin-bottom: 2px; 
 } 
 } 
header.style-1 .contact-area .contact-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 position: absolute; 
 top: 58px; 
 left: 50%; 
 z-index: 9999; 
 width: 180px; 
 background-color: #F0F0F0; 
 box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08); 
 display: none; 
 transform: scaleY(0) translateX(-50%); 
 transform-origin: top; 
 width: 100%; 
 padding: 10px 0; 
 } 
@media (max-width: 991px) { 
 header.style-1 .contact-area .contact-list { 
 padding: 6px 0; 
 top: 66px; 
 } 
 } 
header.style-1 .contact-area .contact-list li { 
 padding: 12px 24px; 
 } 
header.style-1 .contact-area .contact-list.active { 
 display: block; 
 transform: scaleY(1) translateX(-50%); 
 animation: fade-up 0.5s linear; 
 } 
header.style-1 .nav-right { 
 display: flex; 
 align-items: center; 
 gap: 30px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 header.style-1 .nav-right { 
 gap: 25px; 
 } 
 } 
@media (max-width: 1199px) { 
 header.style-1 .nav-right { 
 gap: 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 header.style-1 .nav-right { 
 gap: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 header.style-1 .nav-right { 
 gap: 15px; 
 } 
 } 
header.style-1 .nav-right .mobile-menu-btn { 
 display: none; 
 visibility: hidden; 
 } 
@media (max-width: 991px) { 
 header.style-1 .nav-right .mobile-menu-btn { 
 display: flex; 
 align-items: center; 
 visibility: visible; 
 justify-content: center; 
 position: relative; 
 min-width: 48px; 
 max-width: 48px; 
 height: 48px; 
 border-radius: 10px; 
 border: 1px solid var(--borders-color); 
 } 
 header.style-1 .nav-right .mobile-menu-btn svg { 
 fill: var(--title-color); 
 } 
 header.style-1 .nav-right .mobile-menu-btn:hover svg { 
 animation: qode-draw 0.75s cubic-bezier(0.57, 0.39, 0, 0.86) 1 forwards; 
 } 
 } 
@media (max-width: 576px) { 
 header.style-1 .nav-right .mobile-menu-btn { 
 min-width: 40px; 
 max-width: 40px; 
 height: 40px; 
 } 
 header.style-1 .nav-right .mobile-menu-btn svg { 
 width: 18px; 
 } 
 } 
@keyframes qode-draw { 
 0%, 100% { 
 clip-path: inset(-2px -2px); 
 } 
 42% { 
 clip-path: inset(-2px -2px -2px 100%); 
 } 
 43% { 
 clip-path: inset(-2px 100% -3px -2px); 
 } 
 } 
header.style-1 .language-area { 
 position: relative; 
 } 
header.style-1 .language-area .language-btn { 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 cursor: pointer; 
 } 
header.style-1 .language-area .language-btn svg { 
 fill: var(--title-color); 
 transition: 0.5s; 
 } 
header.style-1 .language-area .language-btn span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 14px; 
 font-weight: 600; 
 line-height: 1; 
 transition: 0.5s; 
 } 
header.style-1 .language-area .language-btn i { 
 font-size: 12px; 
 line-height: 1; 
 color: var(--title-color); 
 } 
header.style-1 .language-area .language-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 position: absolute; 
 top: 35px; 
 left: 50%; 
 z-index: 9999; 
 width: 180px; 
 background-color: var(--white-color); 
 box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08); 
 border-radius: 10px; 
 overflow: hidden; 
 display: none; 
 transform: scaleY(0) translateX(-50%); 
 transform-origin: top; 
 } 
header.style-1 .language-area .language-list.active { 
 display: block; 
 transform: scaleY(1) translateX(-50%); 
 animation: fade-up 0.5s linear; 
 } 
@keyframes fade-up { 
 0% { 
 opacity: 0; 
 transform: translateY(10px) translateX(-50%); 
 visibility: hidden; 
 } 
 100% { 
 opacity: 1; 
 transform: translateY(0px) translateX(-50%); 
 visibility: visible; 
 } 
 } 
header.style-1 .language-area .language-list li a { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 text-transform: capitalize; 
 font-size: 12px; 
 padding: 12px 20px; 
 line-height: 1; 
 width: 100%; 
 display: flex; 
 align-items: center; 
 transition: 0.5s; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
header.style-1 .language-area .language-list li a:hover { 
 color: var(--white-color); 
 background-color: var(--primary-color1); 
 } 
header.style-1 .search-bar { 
 position: relative; 
 } 
@media (max-width: 576px) { 
 header.style-1 .search-bar { 
 position: inherit; 
 } 
 } 
header.style-1 .search-bar .search-btn { 
 min-width: 36px; 
 max-width: 36px; 
 height: 36px; 
 border-radius: 50%; 
 border: 1px solid var(--borders-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 cursor: pointer; 
 transition: 0.5s; 
 } 
header.style-1 .search-bar .search-btn svg { 
 fill: var(--title-color); 
 transition: 0.5s; 
 } 
header.style-1 .search-bar .search-btn:hover { 
 background-color: var(--primary-color1); 
 border-color: var(--primary-color1); 
 } 
header.style-1 .search-bar .search-btn:hover svg { 
 fill: var(--white-color); 
 } 
header.style-1 .search-bar .search-input { 
 position: absolute; 
 top: 60px; 
 right: 0; 
 z-index: 9999; 
 width: 600px; 
 background-color: var(--white-color); 
 padding: 50px 30px 30px; 
 box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08); 
 display: none; 
 transform: scaleY(0); 
 transform-origin: top; 
 } 
@media (max-width: 767px) { 
 header.style-1 .search-bar .search-input { 
 width: 450px; 
 right: -40px; 
 padding: 45px 20px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 header.style-1 .search-bar .search-input { 
 width: 90%; 
 left: 15px; 
 right: unset; 
 top: 70px; 
 } 
 } 
header.style-1 .search-bar .search-input.active { 
 display: block; 
 transform: scaleY(1); 
 animation: fade-up2 0.5s linear; 
 } 
@keyframes fade-up2 { 
 0% { 
 opacity: 0; 
 transform: translateY(10px); 
 visibility: hidden; 
 } 
 100% { 
 opacity: 1; 
 transform: translateY(0px); 
 visibility: visible; 
 } 
 } 
header.style-1 .search-bar .search-input .search-close { 
 position: absolute; 
 top: 10px; 
 right: 15px; 
 display: inline-block; 
 border-radius: 50%; 
 background-color: var(--white-color); 
 box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.1); 
 height: 28px; 
 width: 28px; 
 cursor: pointer; 
 z-index: 1; 
 } 
header.style-1 .search-bar .search-input .search-close::after { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%) rotate(-45deg); 
 left: calc(50% - 7px); 
 display: block; 
 height: 1px; 
 width: 12px; 
 background-color: var(--black-color); 
 transition: all 0.3s ease-out; 
 } 
header.style-1 .search-bar .search-input .search-close::before { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%) rotate(-135deg); 
 left: calc(50% - 7px); 
 display: block; 
 height: 1px; 
 width: 12px; 
 background-color: var(--black-color); 
 transition: all 0.3s ease-out; 
 } 
header.style-1 .search-bar .search-input .search-close:hover::after { 
 transform: rotate(0); 
 } 
header.style-1 .search-bar .search-input .search-close:hover::before { 
 transform: rotate(0); 
 } 
header.style-1 .search-bar .search-input .search-group { 
 display: flex; 
 gap: 50px; 
 width: 100%; 
 border-bottom: 1px solid #616161; 
 } 
header.style-1 .search-bar .search-input .search-group .form-inner2 { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 width: 100%; 
 } 
header.style-1 .search-bar .search-input .search-group .form-inner2 input { 
 width: 100%; 
 background-color: transparent; 
 border: none; 
 font-size: 14px; 
 font-weight: 500; 
 font-family: var(--font-roboto); 
 line-height: 1; 
 color: var(--title-color); 
 } 
header.style-1 .search-bar .search-input .search-group .form-inner2 input::-moz-placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
header.style-1 .search-bar .search-input .search-group .form-inner2 input::placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
header.style-1 .search-bar .search-input .search-group .form-inner2 button { 
 background-color: transparent; 
 font-size: 22px; 
 border: none; 
 outline: none; 
 } 
header.style-1 .search-bar .search-input .search-group .form-inner2 button i { 
 font-size: 16px; 
 color: var(--title-color); 
 } 
header.style-1 .search-bar .search-input .quick-search { 
 display: flex; 
 gap: 10px; 
 padding-top: 15px; 
 } 
header.style-1 .search-bar .search-input .quick-search ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 flex-wrap: wrap; 
 } 
header.style-1 .search-bar .search-input .quick-search ul li { 
 padding-right: 5px; 
 line-height: 1.5; 
 } 
header.style-1 .search-bar .search-input .quick-search ul li:first-child { 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 letter-spacing: 0.1em; 
 font-size: 13px; 
 margin-bottom: 0; 
 color: var(--title-color); 
 white-space: nowrap; 
 } 
header.style-1 .search-bar .search-input .quick-search ul li a { 
 color: rgba(0, 0, 0, 0.7); 
 font-family: var(--font-roboto); 
 font-size: 13px; 
 font-weight: 400; 
 line-height: 28px; 
 transition: 0.5s; 
 } 
header.style-1 .search-bar .search-input .quick-search ul li a:hover { 
 color: var(--primary-color1); 
 } 
header.style-1 .main-menu { 
 display: inline-block; 
 } 
header.style-1 .main-menu > ul { 
 list-style: none; 
 margin: 0; 
 padding: 0; 
 } 
header.style-1 .main-menu > ul > li { 
 display: inline-block; 
 position: relative; 
 padding: 0; 
 } 
@media (max-width: 991px) { 
 header.style-1 .main-menu > ul > li { 
 padding: 0px 12px; 
 } 
 } 
header.style-1 .main-menu > ul > li.position-inherit { 
 position: inherit; 
 } 
@media (max-width: 991px) { 
 header.style-1 .main-menu > ul > li.position-inherit { 
 position: relative; 
 } 
 } 
@media (min-width: 992px) { 
 header.style-1 .main-menu > ul > li:first-child { 
 padding-left: 0; 
 } 
 header.style-1 .main-menu > ul > li:first-child > a { 
 padding-left: 0; 
 } 
 header.style-1 .main-menu > ul > li:last-child { 
 padding-right: 0; 
 } 
 } 
header.style-1 .main-menu > ul > li > a { 
 color: var(--title-color); 
 display: block; 
 letter-spacing: 0.4px; 
 padding: 20px 18px; 
 line-height: 1; 
 position: relative; 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 15px; 
 transition: all 0.5s ease-out 0s; 
 position: relative; 
 } 
@media (max-width: 1399px) { 
 header.style-1 .main-menu > ul > li > a { 
 padding: 20px 14px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 header.style-1 .main-menu > ul > li > a { 
 font-size: 14px; 
 padding: 20px 10px; 
 } 
 } 
header.style-1 .main-menu > ul > li > a i { 
 font-size: 12px; 
 color: var(--text-color); 
 transition: all 0.55s ease-in-out; 
 } 
header.style-1 .main-menu > ul > li .dropdown-icon { 
 font-size: 20px; 
 text-align: center; 
 color: rgba(82, 82, 82, 0.6); 
 font-style: normal; 
 position: absolute; 
 right: -5px; 
 top: 35px; 
 z-index: 999; 
 cursor: pointer; 
 display: none; 
 transition: all 0.5s ease-out 0s; 
 opacity: 0; 
 } 
@media (max-width: 991px) { 
 header.style-1 .main-menu > ul > li .dropdown-icon { 
 opacity: 1; 
 } 
 } 
header.style-1 .main-menu > ul > li .dropdown-icon.active::before { 
 content: "\f2ea"; 
 } 
header.style-1 .main-menu > ul > li ul.sub-menu { 
 position: absolute; 
 left: 0; 
 right: 0; 
 top: 55px; 
 margin: 0; 
 display: none; 
 min-width: 220px; 
 background: var(--white-color); 
 border: 1px solid var(--borders-color); 
 border-radius: 10px; 
 padding: 15px 0; 
 text-align: left; 
 transform-origin: top; 
 } 
@media (max-width: 1199px) { 
 header.style-1 .main-menu > ul > li ul.sub-menu { 
 top: 53px; 
 } 
 } 
header.style-1 .main-menu > ul > li ul.sub-menu > li { 
 padding: 0; 
 display: block; 
 position: relative; 
 } 
header.style-1 .main-menu > ul > li ul.sub-menu > li i { 
 position: absolute; 
 top: 14px; 
 right: 20px; 
 display: block; 
 color: var(--title-color); 
 font-size: 14px; 
 } 
header.style-1 .main-menu > ul > li ul.sub-menu > li .dropdown-icon { 
 color: var(--title-color); 
 opacity: 1; 
 top: 16px; 
 font-size: 10px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 header.style-1 .main-menu > ul > li ul.sub-menu > li .dropdown-icon { 
 top: 13px; 
 } 
 } 
@media (max-width: 991px) { 
 header.style-1 .main-menu > ul > li ul.sub-menu > li .dropdown-icon { 
 right: 0; 
 top: 11px; 
 font-size: 20px; 
 } 
 } 
header.style-1 .main-menu > ul > li ul.sub-menu > li > a { 
 display: block; 
 padding: 12px 20px; 
 color: var(--title-color); 
 font-weight: 500; 
 font-family: var(--font-poppins); 
 font-size: 14px; 
 line-height: 1.2; 
 transition: all 0.4s ease-out 0s; 
 position: relative; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 header.style-1 .main-menu > ul > li ul.sub-menu > li > a { 
 padding: 10px 20px; 
 font-size: 13px; 
 } 
 } 
@media (max-width: 991px) { 
 header.style-1 .main-menu > ul > li ul.sub-menu > li > a { 
 border-color: rgba(233, 228, 228, 0.5); 
 } 
 } 
header.style-1 .main-menu > ul > li ul.sub-menu > li > a:hover { 
 color: var(--primary-color1); 
 } 
header.style-1 .main-menu > ul > li ul.sub-menu > li > a:hover::before { 
 transform: scale(1); 
 } 
header.style-1 .main-menu > ul > li ul.sub-menu > li > a.active { 
 color: var(--primary-color1); 
 } 
header.style-1 .main-menu > ul > li ul.sub-menu > li > a.active::before { 
 transform: scale(1); 
 } 
header.style-1 .main-menu > ul > li ul.sub-menu > li:last-child > a { 
 border-bottom: none; 
 } 
header.style-1 .main-menu > ul > li ul.sub-menu > li:last-child > a::before { 
 display: none; 
 } 
header.style-1 .main-menu > ul > li ul.sub-menu > li:hover > a { 
 color: var(--primary-color1); 
 } 
header.style-1 .main-menu > ul > li ul.sub-menu > li:hover .dropdown-icon { 
 color: var(--primary-color1); 
 } 
header.style-1 .main-menu > ul > li ul.sub-menu > li.active > a { 
 color: var(--primary-color1); 
 } 
header.style-1 .main-menu > ul > li ul.sub-menu > li.active .dropdown-icon { 
 color: var(--primary-color1); 
 } 
header.style-1 .main-menu > ul > li ul.sub-menu > li .sub-menu { 
 left: 219px; 
 position: absolute; 
 max-width: 230px; 
 min-width: 230px; 
 background: var(--white-color); 
 top: 3px; 
 padding: 10px 0; 
 border-left: unset; 
 } 
header.style-1 .main-menu > ul > li ul.sub-menu > li .sub-menu > li > a { 
 padding: 10px 20px; 
 } 
header.style-1 .main-menu > ul > li ul.sub-menu > li .sub-menu > li i { 
 display: block; 
 } 
header.style-1 .main-menu > ul > li ul.sub-menu > li .sub-menu::before { 
 display: none; 
 visibility: hidden; 
 } 
@media (max-width: 991px) { 
 header.style-1 .main-menu > ul > li ul.sub-menu > li .sub-menu { 
 position: unset; 
 max-width: 230px; 
 min-width: 215px; 
 background: transparent; 
 top: 0; 
 padding: 0; 
 } 
 } 
@media (min-width: 992px) { 
 header.style-1 .main-menu > ul > li ul.sub-menu > li:hover > .sub-menu { 
 display: block; 
 animation: fade-down 0.45s linear; 
 } 
 } 
header.style-1 .main-menu > ul > li ul.sub-menu > li:last-child { 
 border-bottom: none; 
 } 
header.style-1 .main-menu > ul > li .mega-menu { 
 position: absolute; 
 left: 0; 
 top: 55px; 
 margin: 0; 
 display: none; 
 background: var(--white-color); 
 border: 1px solid var(--borders-color); 
 padding: 50px 0px; 
 width: 100%; 
 transform-origin: top; 
 z-index: 1; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 header.style-1 .main-menu > ul > li .mega-menu { 
 padding: 50px 0; 
 } 
 } 
@media (max-width: 1399px) { 
 header.style-1 .main-menu > ul > li .mega-menu { 
 padding: 50px 0; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 header.style-1 .main-menu > ul > li .mega-menu { 
 max-height: 430px; 
 overflow-y: auto; 
 padding: 40px 0; 
 top: 53px; 
 } 
 } 
header.style-1 .main-menu > ul > li .mega-menu .menu-row { 
 display: grid; 
 grid-template-columns: repeat(6, 1fr); 
 gap: 48px; 
 } 
@media (max-width: 1399px) { 
 header.style-1 .main-menu > ul > li .mega-menu .menu-row { 
 gap: 35px; 
 } 
 } 
@media (max-width: 1199px) { 
 header.style-1 .main-menu > ul > li .mega-menu .menu-row { 
 grid-template-columns: repeat(5, 1fr); 
 gap: 20px; 
 row-gap: 30px; 
 } 
 } 
header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item { 
 padding: 0; 
 position: relative; 
 } 
header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item:last-child { 
 padding-right: 0; 
 } 
header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title { 
 margin-bottom: 30px; 
 } 
@media (max-width: 1399px) { 
 header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title { 
 margin-bottom: 25px; 
 } 
 } 
@media (max-width: 1199px) { 
 header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title { 
 margin-bottom: 20px; 
 } 
 } 
@media (max-width: 991px) { 
 header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title { 
 margin-bottom: 15px; 
 } 
 } 
header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title h5 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 30px; 
 margin-bottom: 0; 
 } 
@media (max-width: 1399px) { 
 header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title h5 { 
 font-size: 18px; 
 } 
 } 
header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 } 
header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li { 
 margin-bottom: 25px; 
 line-height: 1; 
 padding: 0; 
 display: block; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li { 
 margin-bottom: 23px; 
 } 
 } 
header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li:last-child { 
 margin-bottom: 0; 
 } 
header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li > a { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 transition: 0.5s; 
 display: inline-flex; 
 align-items: center; 
 gap: 8px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li > a { 
 font-size: 14px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li > a { 
 font-size: 15px; 
 } 
 } 
header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li > a img { 
 min-width: 15px; 
 max-width: 15px; 
 height: 15px; 
 border-radius: 50%; 
 } 
header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li > a:hover { 
 color: var(--primary-color1); 
 } 
header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li.active a { 
 color: var(--primary-color1); 
 display: inline-block; 
 } 
header.style-1 .main-menu > ul > li .mega-menu .vector1 { 
 position: absolute; 
 bottom: 0; 
 left: 0; 
 z-index: -1; 
 } 
@media (max-width: 991px) { 
 header.style-1 .main-menu > ul > li .mega-menu .vector1 { 
 display: none; 
 } 
 } 
header.style-1 .main-menu > ul > li .mega-menu .vector2 { 
 position: absolute; 
 bottom: 0; 
 right: 0; 
 z-index: -1; 
 } 
@media (max-width: 991px) { 
 header.style-1 .main-menu > ul > li .mega-menu .vector2 { 
 display: none; 
 } 
 } 
header.style-1 .main-menu > ul > li.menu-item-has-children { 
 transition: all 0.55s ease-in-out; 
 } 
@media (min-width: 992px) { 
 header.style-1 .main-menu > ul > li:hover > ul.sub-menu { 
 display: block; 
 animation: fade-down 0.3s linear; 
 } 
 } 
@media (min-width: 992px) { 
 header.style-1 .main-menu > ul > li:hover .mega-menu { 
 display: block; 
 animation: fade-down 0.3s linear; 
 } 
 } 
header.style-1 .main-menu > ul > li:hover > a { 
 color: var(--primary-color1); 
 } 
header.style-1 .main-menu > ul > li:hover > a i { 
 color: var(--primary-color1); 
 } 
header.style-1 .main-menu > ul > li:hover .dropdown-icon2 { 
 color: var(--primary-color1); 
 } 
header.style-1 .main-menu > ul > li.active > a { 
 color: var(--primary-color1); 
 } 
header.style-1 .main-menu > ul > li.active > a i { 
 color: var(--primary-color1); 
 } 
header.style-1 .main-menu > ul > li.active > i { 
 color: var(--primary-color1); 
 } 
header.style-1 .main-menu > ul > li.active .dropdown-icon2 { 
 color: var(--primary-color1); 
 } 
header.style-1 .main-menu > ul li.menu-item-has-children > i { 
 display: none; 
 } 
header.style-1 .mobile-logo-area .mobile-logo-wrap img { 
 width: 110px; 
 } 
header.style-1 .mobile-logo-area .menu-close-btn { 
 height: 38px; 
 width: 38px; 
 border-radius: 10px; 
 border: 1px solid var(--borders-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 cursor: pointer; 
 transition: 0.35s; 
 } 
header.style-1 .mobile-logo-area .menu-close-btn i { 
 font-size: 26px; 
 line-height: 1; 
 color: var(--title-color); 
 transition: 0.35s; 
 } 
header.style-1 .mobile-logo-area .menu-close-btn:hover { 
 background-color: var(--title-color); 
 } 
header.style-1 .mobile-logo-area .menu-close-btn:hover i { 
 color: var(--white-color); 
 } 
header.style-1 .primary-btn1 .transparent { 
 padding: 19px 17px; 
 } 
@media only screen and (max-width: 991px) { 
 header.style-1 .dropdown-icon { 
 color: var(--white-color); 
 } 
 header.style-1 .main-menu { 
 position: fixed; 
 top: 0; 
 left: 0; 
 width: 280px; 
 padding: 30px 20px !important; 
 z-index: 99999; 
 height: 100%; 
 overflow: auto; 
 background: var(--white-color); 
 border-right: 1px solid var(--borders-color); 
 transform: translateX(-100%); 
 transition: transform 0.3s ease-in; 
 box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.03); 
 } 
 header.style-1 .main-menu.show-menu { 
 transform: translateX(0); 
 } 
 header.style-1 .main-menu .mobile-menu-logo { 
 text-align: left; 
 padding-top: 20px; 
 display: block; 
 padding-bottom: 8px; 
 } 
 header.style-1 .main-menu .menu-list { 
 padding-top: 50px; 
 padding-bottom: 30px; 
 border: unset; 
 } 
 header.style-1 .main-menu > ul { 
 float: none; 
 text-align: left; 
 padding: 5px 0px 20px 0; 
 } 
 header.style-1 .main-menu > ul > li { 
 display: block; 
 position: relative; 
 padding: 0; 
 } 
 header.style-1 .main-menu > ul > li i { 
 display: block; 
 } 
 header.style-1 .main-menu > ul > li > a { 
 padding: 15px 0; 
 display: block; 
 border: unset; 
 background-color: transparent; 
 } 
 header.style-1 .main-menu > ul > li > a i { 
 display: none; 
 } 
 header.style-1 .main-menu > ul > li ul.sub-menu { 
 position: static; 
 min-width: 200px; 
 border: none; 
 opacity: 1; 
 visibility: visible; 
 transform: translateY(0px); 
 padding: 0; 
 padding-left: 10px; 
 background-color: unset; 
 } 
 header.style-1 .main-menu > ul > li ul.sub-menu > li { 
 border-bottom: 1px solid #eee; 
 } 
 header.style-1 .main-menu > ul > li ul.sub-menu > li a { 
 color: var(--title-color); 
 padding: 12px 0px; 
 } 
 header.style-1 .main-menu > ul > li ul.sub-menu > li a:hover { 
 color: var(--primary-color1); 
 margin-left: 10px; 
 } 
 header.style-1 .main-menu > ul > li ul.sub-menu > li a.active { 
 color: var(--primary-color1); 
 } 
 header.style-1 .main-menu > ul > li ul.sub-menu > li i { 
 color: var(--primary-color1); 
 right: -13px; 
 } 
 header.style-1 .main-menu > ul > li ul.sub-menu > li .sub-menu { 
 padding-left: 10px; 
 } 
 header.style-1 .main-menu > ul > li ul.sub-menu > li .sub-menu li > a { 
 padding: 12px 0; 
 } 
 header.style-1 .main-menu > ul > li .mega-menu { 
 position: static; 
 min-width: 200px; 
 background: 0 0; 
 border: none; 
 opacity: 1; 
 visibility: visible; 
 transform: translateY(0px); 
 padding: 0; 
 } 
 header.style-1 .main-menu > ul > li .mega-menu .container { 
 padding: 0; 
 } 
 header.style-1 .main-menu > ul > li .mega-menu .menu-row { 
 display: block; 
 padding-left: 10px; 
 } 
 header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item { 
 padding: 0; 
 display: block; 
 border-bottom: 1px solid rgba(233, 228, 228, 0.5); 
 } 
 header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item:last-child { 
 margin-bottom: 0; 
 border-bottom: unset; 
 } 
 header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item::after { 
 display: none; 
 } 
 header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 margin-bottom: 0; 
 padding: 12px 0px; 
 } 
 header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title h5 { 
 font-size: 14px; 
 font-weight: 500; 
 padding-bottom: 3px; 
 line-height: 1; 
 } 
 header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item i { 
 display: block; 
 top: 10px; 
 right: 0; 
 color: var(--title-color); 
 } 
 header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul { 
 padding-left: 10px; 
 display: none; 
 } 
 header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li { 
 margin-bottom: 0; 
 line-height: 1; 
 } 
 header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li:last-child a { 
 border-bottom: unset; 
 } 
 header.style-1 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li a { 
 font-size: 14px; 
 padding: 12px 0px; 
 border-bottom: 1px solid rgba(233, 228, 228, 0.5); 
 display: flex; 
 } 
 header.style-1 .main-menu > ul > li:hover > a { 
 color: var(--primary-color1); 
 } 
 header.style-1 .main-menu > ul > li:hover i { 
 color: var(--primary-color1); 
 } 
 header.style-1 .main-menu > ul > li.active > a { 
 color: var(--primary-color1); 
 background-color: unset; 
 } 
 header.style-1 .main-menu > ul > li .bi { 
 top: 13px; 
 font-size: 20px; 
 color: var(--title-color); 
 line-height: 1; 
 } 
 header.style-1 .main-menu > ul li.menu-item-has-children > i { 
 display: block; 
 } 
 header.style-1 .main-menu .btn-and-contact-area { 
 flex-direction: column; 
 align-items: center; 
 gap: 20px; 
 } 
 } 
header.style-1.two { 
 background-color: var(--primary-color2); 
 } 
@media (max-width: 991px) { 
 header.style-1.two { 
 padding: 15px 0; 
 } 
 } 
header.style-1.two .search-bar { 
 position: relative; 
 } 
@media (max-width: 576px) { 
 header.style-1.two .search-bar { 
 position: inherit; 
 } 
 } 
header.style-1.two .search-bar .search-btn { 
 min-width: 36px; 
 max-width: 36px; 
 height: 36px; 
 border-radius: 50%; 
 border: 1px solid var(--borders-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 cursor: pointer; 
 transition: 0.5s; 
 } 
header.style-1.two .search-bar .search-btn svg { 
 fill: var(--white-color); 
 transition: 0.5s; 
 } 
header.style-1.two .search-bar .search-btn:hover { 
 background-color: var(--primary-color2); 
 border-color: var(--primary-color2); 
 } 
header.style-1.two .search-bar .search-btn:hover svg { 
 fill: var(--white-color); 
 } 
header.style-1.two .search-bar .search-input { 
 position: absolute; 
 top: 47px; 
 right: 0; 
 z-index: 9999; 
 width: 600px; 
 background-color: var(--white-color); 
 padding: 50px 30px 30px; 
 box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08); 
 display: none; 
 transform: scaleY(0); 
 transform-origin: top; 
 } 
@media (max-width: 767px) { 
 header.style-1.two .search-bar .search-input { 
 width: 450px; 
 right: -40px; 
 padding: 45px 20px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 header.style-1.two .search-bar .search-input { 
 width: 90%; 
 left: 15px; 
 right: unset; 
 top: 70px; 
 } 
 } 
header.style-1.two .search-bar .search-input.active { 
 display: block; 
 transform: scaleY(1); 
 animation: fade-up2 0.5s linear; 
 } 
@keyframes fade-up2 { 
 0% { 
 opacity: 0; 
 transform: translateY(10px); 
 visibility: hidden; 
 } 
 100% { 
 opacity: 1; 
 transform: translateY(0px); 
 visibility: visible; 
 } 
 } 
header.style-1.two .search-bar .search-input .search-close { 
 position: absolute; 
 top: 10px; 
 right: 15px; 
 display: inline-block; 
 border-radius: 50%; 
 background-color: var(--white-color); 
 box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.1); 
 height: 28px; 
 width: 28px; 
 cursor: pointer; 
 z-index: 1; 
 } 
header.style-1.two .search-bar .search-input .search-close::after { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%) rotate(-45deg); 
 left: calc(50% - 7px); 
 display: block; 
 height: 1px; 
 width: 12px; 
 background-color: var(--black-color); 
 transition: all 0.3s ease-out; 
 } 
header.style-1.two .search-bar .search-input .search-close::before { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%) rotate(-135deg); 
 left: calc(50% - 7px); 
 display: block; 
 height: 1px; 
 width: 12px; 
 background-color: var(--black-color); 
 transition: all 0.3s ease-out; 
 } 
header.style-1.two .search-bar .search-input .search-close:hover::after { 
 transform: rotate(0); 
 } 
header.style-1.two .search-bar .search-input .search-close:hover::before { 
 transform: rotate(0); 
 } 
header.style-1.two .search-bar .search-input .search-group { 
 display: flex; 
 gap: 50px; 
 width: 100%; 
 border-bottom: 1px solid #616161; 
 } 
header.style-1.two .search-bar .search-input .search-group .form-inner2 { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 width: 100%; 
 } 
header.style-1.two .search-bar .search-input .search-group .form-inner2 input { 
 width: 100%; 
 background-color: transparent; 
 border: none; 
 font-size: 14px; 
 font-weight: 500; 
 font-family: var(--font-roboto); 
 line-height: 1; 
 color: var(--title-color); 
 } 
header.style-1.two .search-bar .search-input .search-group .form-inner2 input::-moz-placeholder { 
 color: #CACACA; 
 font-weight: 400; 
 } 
header.style-1.two .search-bar .search-input .search-group .form-inner2 input::placeholder { 
 color: #CACACA; 
 font-weight: 400; 
 } 
header.style-1.two .search-bar .search-input .search-group .form-inner2 button { 
 background-color: transparent; 
 font-size: 22px; 
 border: none; 
 outline: none; 
 } 
header.style-1.two .search-bar .search-input .search-group .form-inner2 button i { 
 font-size: 16px; 
 color: var(--title-color); 
 } 
header.style-1.two .search-bar .search-input .quick-search { 
 display: flex; 
 gap: 10px; 
 padding-top: 15px; 
 } 
header.style-1.two .search-bar .search-input .quick-search ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 flex-wrap: wrap; 
 } 
header.style-1.two .search-bar .search-input .quick-search ul li { 
 padding-right: 5px; 
 line-height: 1.5; 
 } 
header.style-1.two .search-bar .search-input .quick-search ul li:first-child { 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 letter-spacing: 0.1em; 
 font-size: 13px; 
 margin-bottom: 0; 
 color: var(--title-color); 
 white-space: nowrap; 
 } 
header.style-1.two .search-bar .search-input .quick-search ul li a { 
 color: rgba(0, 0, 0, 0.7); 
 font-family: var(--font-roboto); 
 font-size: 13px; 
 font-weight: 400; 
 line-height: 28px; 
 transition: 0.5s; 
 } 
header.style-1.two .search-bar .search-input .quick-search ul li a:hover { 
 color: var(--primary-color2); 
 } 
header.style-1.two .language-and-login-area .language-area { 
 position: relative; 
 padding: 14px 15px; 
 border-radius: 5px; 
 border: 1px solid rgba(var(--black-color-opc), 0.1); 
 margin-bottom: 20px; 
 } 
header.style-1.two .language-and-login-area .language-area .language-btn { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 5px; 
 cursor: pointer; 
 } 
header.style-1.two .language-and-login-area .language-area .language-btn .icon-and-content { 
 display: flex; 
 align-items: center; 
 gap: 8px; 
 } 
header.style-1.two .language-and-login-area .language-area .language-btn svg { 
 fill: var(--title-color); 
 transition: 0.5s; 
 } 
header.style-1.two .language-and-login-area .language-area .language-btn span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 14px; 
 font-weight: 600; 
 line-height: 1; 
 transition: 0.5s; 
 } 
header.style-1.two .language-and-login-area .language-area .language-btn i { 
 font-size: 12px; 
 line-height: 1; 
 color: rgba(var(--black-color-opc), 0.6); 
 } 
header.style-1.two .language-and-login-area .language-area .language-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 position: absolute; 
 top: 40px; 
 left: 50%; 
 z-index: 9999; 
 width: 100%; 
 background-color: var(--white-color); 
 box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08); 
 border: 1px solid rgba(var(--black-color-opc), 0.1); 
 border-radius: 5px; 
 display: none; 
 transform: translateY(0px) translateX(-50%); 
 transform-origin: top; 
 max-height: 150px; 
 overflow-y: auto; 
 } 
header.style-1.two .language-and-login-area .language-area .language-list.active { 
 display: block; 
 transform: translateY(10px) translateX(-50%); 
 animation: lang-Down 0.5s linear; 
 } 
header.style-1.two .language-and-login-area .language-area .language-list li a { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 text-transform: capitalize; 
 font-size: 12px; 
 padding: 12px 20px; 
 line-height: 1; 
 width: 100%; 
 display: flex; 
 align-items: center; 
 transition: 0.5s; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
header.style-1.two .language-and-login-area .language-area .language-list li a:hover { 
 color: var(--white-color); 
 background-color: var(--primary-color1); 
 } 
header.style-1.two .language-and-login-area .primary-btn1 { 
 width: 100%; 
 } 
@media (max-width: 991px) { 
 header.style-1.two .nav-right .mobile-menu-btn { 
 border: 1px solid var(--borders-color); 
 min-width: 44px; 
 max-width: 44px; 
 height: 44px; 
 } 
 header.style-1.two .nav-right .mobile-menu-btn svg { 
 fill: var(--white-color); 
 } 
 } 
@media (max-width: 576px) { 
 header.style-1.two .nav-right .mobile-menu-btn { 
 min-width: 40px; 
 max-width: 40px; 
 height: 40px; 
 } 
 header.style-1.two .nav-right .mobile-menu-btn svg { 
 width: 18px; 
 } 
 } 
header.style-1.two .main-menu > ul > li > a { 
 color: var(--white-color); 
 } 
header.style-1.two .main-menu > ul > li > a i { 
 color: var(--white-color); 
 } 
header.style-1.two .main-menu > ul > li ul.sub-menu > li { 
 padding: 0; 
 display: block; 
 position: relative; 
 } 
header.style-1.two .main-menu > ul > li ul.sub-menu > li > a:hover { 
 color: var(--primary-color2); 
 } 
header.style-1.two .main-menu > ul > li ul.sub-menu > li > a.active { 
 color: var(--primary-color2); 
 } 
@media (max-width: 1199px) { 
 header.style-1.two .main-menu > ul > li ul.sub-menu > li .sub-menu { 
 left: unset; 
 right: 219px; 
 border: 1px solid var(--borders-color); 
 border-right: unset; 
 } 
 } 
@media (max-width: 991px) { 
 header.style-1.two .main-menu > ul > li ul.sub-menu > li .sub-menu { 
 border: unset; 
 } 
 } 
header.style-1.two .main-menu > ul > li ul.sub-menu > li:hover > a { 
 color: var(--primary-color2); 
 } 
header.style-1.two .main-menu > ul > li ul.sub-menu > li:hover .dropdown-icon { 
 color: var(--primary-color2); 
 } 
header.style-1.two .main-menu > ul > li ul.sub-menu > li.active > a { 
 color: var(--primary-color2); 
 } 
header.style-1.two .main-menu > ul > li ul.sub-menu > li.active .dropdown-icon { 
 color: var(--primary-color2); 
 } 
header.style-1.two .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li > a:hover { 
 color: var(--primary-color2); 
 } 
header.style-1.two .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li > a.active { 
 color: var(--primary-color2); 
 } 
@media only screen and (max-width: 991px) { 
 header.style-1.two .main-menu > ul > li > a { 
 color: var(--title-color); 
 } 
 header.style-1.two .main-menu > ul > li > a i { 
 color: var(--title-color); 
 } 
 header.style-1.two .main-menu > ul > li ul.sub-menu > li { 
 padding: 0; 
 display: block; 
 position: relative; 
 } 
 header.style-1.two .main-menu > ul > li ul.sub-menu > li > a:hover { 
 color: var(--primary-color2); 
 } 
 header.style-1.two .main-menu > ul > li ul.sub-menu > li > a.active { 
 color: var(--primary-color2); 
 } 
 header.style-1.two .main-menu > ul > li ul.sub-menu > li:hover > a { 
 color: var(--primary-color2); 
 } 
 header.style-1.two .main-menu > ul > li ul.sub-menu > li:hover .dropdown-icon { 
 color: var(--primary-color2); 
 } 
 header.style-1.two .main-menu > ul > li ul.sub-menu > li.active > a { 
 color: var(--primary-color2); 
 } 
 header.style-1.two .main-menu > ul > li ul.sub-menu > li.active .dropdown-icon { 
 color: var(--primary-color2); 
 } 
 header.style-1.two .main-menu > ul > li:hover > a { 
 color: var(--primary-color2); 
 } 
 header.style-1.two .main-menu > ul > li:hover i { 
 color: var(--primary-color2); 
 } 
 header.style-1.two .main-menu > ul > li.active > a { 
 color: var(--primary-color2); 
 } 
 header.style-1.two .main-menu > ul > li.active i { 
 color: var(--primary-color2); 
 } 
 } 
header.style-1.three { 
 background-color: var(--primary-color3); 
 } 
@media (max-width: 991px) { 
 header.style-1.three { 
 padding: 15px 0; 
 } 
 } 
header.style-1.three .search-bar { 
 position: relative; 
 } 
@media (max-width: 576px) { 
 header.style-1.three .search-bar { 
 position: inherit; 
 } 
 } 
header.style-1.three .search-bar .search-btn { 
 min-width: 36px; 
 max-width: 36px; 
 height: 36px; 
 border-radius: 50%; 
 border: 1px solid var(--borders-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 cursor: pointer; 
 transition: 0.5s; 
 } 
header.style-1.three .search-bar .search-btn svg { 
 fill: var(--white-color); 
 transition: 0.5s; 
 } 
header.style-1.three .search-bar .search-btn:hover { 
 background-color: var(--white-color); 
 border-color: var(--white-color); 
 } 
header.style-1.three .search-bar .search-btn:hover svg { 
 fill: var(--title-color); 
 } 
header.style-1.three .search-bar .search-input { 
 position: absolute; 
 top: 47px; 
 right: 0; 
 z-index: 9999; 
 width: 600px; 
 background-color: var(--white-color); 
 padding: 50px 30px 30px; 
 box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08); 
 display: none; 
 transform: scaleY(0); 
 transform-origin: top; 
 } 
@media (max-width: 767px) { 
 header.style-1.three .search-bar .search-input { 
 width: 450px; 
 right: -40px; 
 padding: 45px 20px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 header.style-1.three .search-bar .search-input { 
 width: 90%; 
 left: 15px; 
 right: unset; 
 top: 70px; 
 } 
 } 
header.style-1.three .search-bar .search-input.active { 
 display: block; 
 transform: scaleY(1); 
 animation: fade-up2 0.5s linear; 
 } 
@keyframes fade-up2 { 
 0% { 
 opacity: 0; 
 transform: translateY(10px); 
 visibility: hidden; 
 } 
 100% { 
 opacity: 1; 
 transform: translateY(0px); 
 visibility: visible; 
 } 
 } 
header.style-1.three .search-bar .search-input .search-close { 
 position: absolute; 
 top: 10px; 
 right: 15px; 
 display: inline-block; 
 border-radius: 50%; 
 background-color: var(--white-color); 
 box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.1); 
 height: 28px; 
 width: 28px; 
 cursor: pointer; 
 z-index: 1; 
 } 
header.style-1.three .search-bar .search-input .search-close::after { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%) rotate(-45deg); 
 left: calc(50% - 7px); 
 display: block; 
 height: 1px; 
 width: 12px; 
 background-color: var(--black-color); 
 transition: all 0.3s ease-out; 
 } 
header.style-1.three .search-bar .search-input .search-close::before { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%) rotate(-135deg); 
 left: calc(50% - 7px); 
 display: block; 
 height: 1px; 
 width: 12px; 
 background-color: var(--black-color); 
 transition: all 0.3s ease-out; 
 } 
header.style-1.three .search-bar .search-input .search-close:hover::after { 
 transform: rotate(0); 
 } 
header.style-1.three .search-bar .search-input .search-close:hover::before { 
 transform: rotate(0); 
 } 
header.style-1.three .search-bar .search-input .search-group { 
 display: flex; 
 gap: 50px; 
 width: 100%; 
 border-bottom: 1px solid #616161; 
 } 
header.style-1.three .search-bar .search-input .search-group .form-inner2 { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 width: 100%; 
 } 
header.style-1.three .search-bar .search-input .search-group .form-inner2 input { 
 width: 100%; 
 background-color: transparent; 
 border: none; 
 font-size: 14px; 
 font-weight: 500; 
 font-family: var(--font-roboto); 
 line-height: 1; 
 color: var(--title-color); 
 } 
header.style-1.three .search-bar .search-input .search-group .form-inner2 input::-moz-placeholder { 
 color: #CACACA; 
 font-weight: 400; 
 } 
header.style-1.three .search-bar .search-input .search-group .form-inner2 input::placeholder { 
 color: #CACACA; 
 font-weight: 400; 
 } 
header.style-1.three .search-bar .search-input .search-group .form-inner2 button { 
 background-color: transparent; 
 font-size: 22px; 
 border: none; 
 outline: none; 
 } 
header.style-1.three .search-bar .search-input .search-group .form-inner2 button i { 
 font-size: 16px; 
 color: var(--title-color); 
 } 
header.style-1.three .search-bar .search-input .quick-search { 
 display: flex; 
 gap: 10px; 
 padding-top: 15px; 
 } 
header.style-1.three .search-bar .search-input .quick-search ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 flex-wrap: wrap; 
 } 
header.style-1.three .search-bar .search-input .quick-search ul li { 
 padding-right: 5px; 
 line-height: 1.5; 
 } 
header.style-1.three .search-bar .search-input .quick-search ul li:first-child { 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 letter-spacing: 0.1em; 
 font-size: 13px; 
 margin-bottom: 0; 
 color: var(--title-color); 
 white-space: nowrap; 
 } 
header.style-1.three .search-bar .search-input .quick-search ul li a { 
 color: rgba(0, 0, 0, 0.7); 
 font-family: var(--font-roboto); 
 font-size: 13px; 
 font-weight: 400; 
 line-height: 28px; 
 transition: 0.5s; 
 } 
header.style-1.three .search-bar .search-input .quick-search ul li a:hover { 
 color: var(--primary-color2); 
 } 
header.style-1.three .language-and-login-area .language-area { 
 position: relative; 
 padding: 14px 15px; 
 border-radius: 5px; 
 border: 1px solid rgba(var(--black-color-opc), 0.1); 
 margin-bottom: 20px; 
 } 
header.style-1.three .language-and-login-area .language-area .language-btn { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 5px; 
 cursor: pointer; 
 } 
header.style-1.three .language-and-login-area .language-area .language-btn .icon-and-content { 
 display: flex; 
 align-items: center; 
 gap: 8px; 
 } 
header.style-1.three .language-and-login-area .language-area .language-btn svg { 
 fill: var(--title-color); 
 transition: 0.5s; 
 } 
header.style-1.three .language-and-login-area .language-area .language-btn span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 14px; 
 font-weight: 600; 
 line-height: 1; 
 transition: 0.5s; 
 } 
header.style-1.three .language-and-login-area .language-area .language-btn i { 
 font-size: 12px; 
 line-height: 1; 
 color: rgba(var(--black-color-opc), 0.6); 
 } 
header.style-1.three .language-and-login-area .language-area .language-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 position: absolute; 
 top: 40px; 
 left: 50%; 
 z-index: 9999; 
 width: 100%; 
 background-color: var(--white-color); 
 box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08); 
 border: 1px solid rgba(var(--black-color-opc), 0.1); 
 border-radius: 5px; 
 display: none; 
 transform: translateY(0px) translateX(-50%); 
 transform-origin: top; 
 max-height: 150px; 
 overflow-y: auto; 
 } 
header.style-1.three .language-and-login-area .language-area .language-list.active { 
 display: block; 
 transform: translateY(10px) translateX(-50%); 
 animation: lang-Down 0.5s linear; 
 } 
header.style-1.three .language-and-login-area .language-area .language-list li a { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 text-transform: capitalize; 
 font-size: 12px; 
 padding: 12px 20px; 
 line-height: 1; 
 width: 100%; 
 display: flex; 
 align-items: center; 
 transition: 0.5s; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
header.style-1.three .language-and-login-area .language-area .language-list li a:hover { 
 color: var(--title-color2); 
 background-color: var(--primary-color3); 
 } 
header.style-1.three .language-and-login-area .primary-btn1 { 
 width: 100%; 
 } 
@media (max-width: 991px) { 
 header.style-1.three .nav-right .mobile-menu-btn { 
 border: 1px solid var(--borders-color); 
 min-width: 44px; 
 max-width: 44px; 
 height: 44px; 
 } 
 header.style-1.three .nav-right .mobile-menu-btn svg { 
 fill: var(--white-color); 
 } 
 } 
@media (max-width: 576px) { 
 header.style-1.three .nav-right .mobile-menu-btn { 
 min-width: 40px; 
 max-width: 40px; 
 height: 40px; 
 } 
 header.style-1.three .nav-right .mobile-menu-btn svg { 
 width: 18px; 
 } 
 } 
header.style-1.three .main-menu > ul > li > a { 
 color: var(--title-color2); 
 } 
header.style-1.three .main-menu > ul > li > a i { 
 color: var(--title-color2); 
 } 
header.style-1.three .main-menu > ul > li ul.sub-menu > li { 
 padding: 0; 
 display: block; 
 position: relative; 
 } 
header.style-1.three .main-menu > ul > li ul.sub-menu > li > a:hover { 
 color: var(--primary-color3); 
 } 
header.style-1.three .main-menu > ul > li ul.sub-menu > li > a.active { 
 color: var(--primary-color3); 
 } 
@media (max-width: 1199px) { 
 header.style-1.three .main-menu > ul > li ul.sub-menu > li .sub-menu { 
 left: unset; 
 right: 219px; 
 border: 1px solid var(--borders-color); 
 border-right: unset; 
 } 
 } 
@media (max-width: 991px) { 
 header.style-1.three .main-menu > ul > li ul.sub-menu > li .sub-menu { 
 border: unset; 
 } 
 } 
header.style-1.three .main-menu > ul > li ul.sub-menu > li:hover > a { 
 color: var(--primary-color3); 
 } 
header.style-1.three .main-menu > ul > li ul.sub-menu > li:hover .dropdown-icon { 
 color: var(--primary-color3); 
 } 
header.style-1.three .main-menu > ul > li ul.sub-menu > li.active > a { 
 color: var(--primary-color3); 
 } 
header.style-1.three .main-menu > ul > li ul.sub-menu > li.active .dropdown-icon { 
 color: var(--primary-color3); 
 } 
header.style-1.three .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li > a:hover { 
 color: var(--primary-color3); 
 } 
header.style-1.three .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li > a.active { 
 color: var(--primary-color3); 
 } 
@media only screen and (max-width: 991px) { 
 header.style-1.three .main-menu > ul > li > a { 
 color: var(--title-color); 
 } 
 header.style-1.three .main-menu > ul > li > a i { 
 color: var(--title-color); 
 } 
 header.style-1.three .main-menu > ul > li ul.sub-menu > li { 
 padding: 0; 
 display: block; 
 position: relative; 
 } 
 header.style-1.three .main-menu > ul > li ul.sub-menu > li > a:hover { 
 color: var(--primary-color3); 
 } 
 header.style-1.three .main-menu > ul > li ul.sub-menu > li > a.active { 
 color: var(--primary-color3); 
 } 
 header.style-1.three .main-menu > ul > li ul.sub-menu > li:hover > a { 
 color: var(--primary-color3); 
 } 
 header.style-1.three .main-menu > ul > li ul.sub-menu > li:hover .dropdown-icon { 
 color: var(--primary-color3); 
 } 
 header.style-1.three .main-menu > ul > li ul.sub-menu > li.active > a { 
 color: var(--primary-color3); 
 } 
 header.style-1.three .main-menu > ul > li ul.sub-menu > li.active .dropdown-icon { 
 color: var(--primary-color3); 
 } 
 header.style-1.three .main-menu > ul > li:hover > a { 
 color: var(--primary-color3); 
 } 
 header.style-1.three .main-menu > ul > li:hover i { 
 color: var(--primary-color3); 
 } 
 header.style-1.three .main-menu > ul > li.active > a { 
 color: var(--primary-color3); 
 } 
 header.style-1.three .main-menu > ul > li.active i { 
 color: var(--primary-color3); 
 } 
 } 

header.style-2 { 
 position: relative; 
 width: 100%; 
 z-index: 999; 
 transition: all 0.8s ease-out 0s; 
 background-color: transparent; 
 padding: 0 70px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 header.style-2 { 
 padding: 10px 30px; 
 } 
 } 
@media (max-width: 1399px) { 
 header.style-2 { 
 padding: 0 10px; 
 } 
 } 
@media (max-width: 1199px) { 
 header.style-2 { 
 padding: 18px 0; 
 } 
 } 
header.style-2.sticky { 
 position: fixed; 
 top: 0; 
 left: 0; 
 background-color: var(--white-color); 
 box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1); 
 z-index: 999; 
 } 
@keyframes smooth-header { 
 0% { 
 transform: translateY(-30px); 
 } 
 100% { 
 transform: translateY(0px); 
 } 
 } 
header.style-2 .header-logo { 
 width: 200px !important; 
 } 
@media (max-width: 1399px) { 
 header.style-2 .header-logo { 
 width: 110px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 header.style-2 .header-logo { 
 width: 105px; 
 } 
 } 
header.style-2 .logo-and-menu-area { 
 display: flex; 
 align-items: center; 
 gap: 100px; 
 justify-content: space-between; 
 flex: 1; 
 } 
@media (max-width: 1799px) { 
 header.style-2 .logo-and-menu-area { 
 gap: 80px; 
 } 
 } 
@media (max-width: 1699px) { 
 header.style-2 .logo-and-menu-area { 
 gap: 60px; 
 } 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 header.style-2 .logo-and-menu-area { 
 gap: 40px; 
 } 
 } 
@media (max-width: 1399px) { 
 header.style-2 .logo-and-menu-area { 
 gap: 25px; 
 } 
 } 
@media (max-width: 1199px) { 
 header.style-2 .logo-and-menu-area { 
 gap: 15px; 
 } 
 } 
header.style-2 .contact-area { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
@media (max-width: 1199px) { 
 header.style-2 .contact-area { 
 margin-bottom: 15px; 
 } 
 } 
header.style-2 .contact-area .icon { 
 min-width: 36px; 
 max-width: 36px; 
 height: 36px; 
 border-radius: 50%; 
 border: 1px solid var(--borders-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
header.style-2 .contact-area .icon svg { 
 fill: var(--title-color); 
 } 
header.style-2 .contact-area .content { 
 line-height: 1; 
 } 
header.style-2 .contact-area .content span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 margin-bottom: 8px; 
 display: block; 
 } 
header.style-2 .contact-area .content a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1; 
 transition: 0.5s; 
 } 
header.style-2 .contact-area .content a:hover { 
 color: var(--primary-color1); 
 } 
header.style-2 .search-bar { 
 position: relative; 
 } 
@media (max-width: 576px) { 
 header.style-2 .search-bar { 
 position: inherit; 
 } 
 } 
header.style-2 .search-bar .search-btn { 
 min-width: 36px; 
 max-width: 36px; 
 height: 36px; 
 border-radius: 50%; 
 border: 1px solid var(--borders-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 cursor: pointer; 
 transition: 0.5s; 
 } 
header.style-2 .search-bar .search-btn svg { 
 fill: var(--title-color); 
 transition: 0.5s; 
 } 
header.style-2 .search-bar .search-btn:hover { 
 background-color: var(--primary-color1); 
 border-color: var(--primary-color1); 
 } 
header.style-2 .search-bar .search-btn:hover svg { 
 fill: var(--white-color); 
 } 
header.style-2 .search-bar .search-input { 
 position: absolute; 
 top: 47px; 
 right: 0; 
 z-index: 9999; 
 width: 600px; 
 background-color: var(--white-color); 
 padding: 50px 30px 30px; 
 box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08); 
 display: none; 
 transform: scaleY(0); 
 transform-origin: top; 
 } 
@media (max-width: 767px) { 
 header.style-2 .search-bar .search-input { 
 width: 450px; 
 right: -40px; 
 padding: 45px 20px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 header.style-2 .search-bar .search-input { 
 width: 90%; 
 left: 15px; 
 right: unset; 
 top: 70px; 
 } 
 } 
header.style-2 .search-bar .search-input.active { 
 display: block; 
 transform: scaleY(1); 
 animation: fade-up2 0.5s linear; 
 } 
@keyframes fade-up2 { 
 0% { 
 opacity: 0; 
 transform: translateY(10px); 
 visibility: hidden; 
 } 
 100% { 
 opacity: 1; 
 transform: translateY(0px); 
 visibility: visible; 
 } 
 } 
header.style-2 .search-bar .search-input .search-close { 
 position: absolute; 
 top: 10px; 
 right: 15px; 
 display: inline-block; 
 border-radius: 50%; 
 background-color: var(--white-color); 
 box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.1); 
 height: 28px; 
 width: 28px; 
 cursor: pointer; 
 z-index: 1; 
 } 
header.style-2 .search-bar .search-input .search-close::after { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%) rotate(-45deg); 
 left: calc(50% - 7px); 
 display: block; 
 height: 1px; 
 width: 12px; 
 background-color: var(--black-color); 
 transition: all 0.3s ease-out; 
 } 
header.style-2 .search-bar .search-input .search-close::before { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%) rotate(-135deg); 
 left: calc(50% - 7px); 
 display: block; 
 height: 1px; 
 width: 12px; 
 background-color: var(--black-color); 
 transition: all 0.3s ease-out; 
 } 
header.style-2 .search-bar .search-input .search-close:hover::after { 
 transform: rotate(0); 
 } 
header.style-2 .search-bar .search-input .search-close:hover::before { 
 transform: rotate(0); 
 } 
header.style-2 .search-bar .search-input .search-group { 
 display: flex; 
 gap: 50px; 
 width: 100%; 
 border-bottom: 1px solid #616161; 
 } 
header.style-2 .search-bar .search-input .search-group .form-inner2 { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 width: 100%; 
 } 
header.style-2 .search-bar .search-input .search-group .form-inner2 input { 
 width: 100%; 
 background-color: transparent; 
 border: none; 
 font-size: 14px; 
 font-weight: 500; 
 font-family: var(--font-roboto); 
 line-height: 1; 
 color: var(--title-color); 
 } 
header.style-2 .search-bar .search-input .search-group .form-inner2 input::-moz-placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
header.style-2 .search-bar .search-input .search-group .form-inner2 input::placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
header.style-2 .search-bar .search-input .search-group .form-inner2 button { 
 background-color: transparent; 
 font-size: 22px; 
 border: none; 
 outline: none; 
 } 
header.style-2 .search-bar .search-input .search-group .form-inner2 button i { 
 font-size: 16px; 
 color: var(--title-color); 
 } 
header.style-2 .search-bar .search-input .quick-search { 
 display: flex; 
 gap: 10px; 
 padding-top: 15px; 
 } 
header.style-2 .search-bar .search-input .quick-search ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 flex-wrap: wrap; 
 } 
header.style-2 .search-bar .search-input .quick-search ul li { 
 padding-right: 5px; 
 line-height: 1.5; 
 } 
header.style-2 .search-bar .search-input .quick-search ul li:first-child { 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 letter-spacing: 0.1em; 
 font-size: 13px; 
 margin-bottom: 0; 
 color: var(--title-color); 
 white-space: nowrap; 
 } 
header.style-2 .search-bar .search-input .quick-search ul li a { 
 color: rgba(0, 0, 0, 0.7); 
 font-family: var(--font-roboto); 
 font-size: 13px; 
 font-weight: 400; 
 line-height: 28px; 
 transition: 0.5s; 
 } 
header.style-2 .search-bar .search-input .quick-search ul li a:hover { 
 color: var(--primary-color1); 
 } 
header.style-2 .nav-right { 
 display: flex; 
 align-items: center; 
 gap: 45px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 header.style-2 .nav-right { 
 gap: 35px; 
 } 
 } 
@media (max-width: 1399px) { 
 header.style-2 .nav-right { 
 gap: 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 header.style-2 .nav-right { 
 gap: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 header.style-2 .nav-right { 
 gap: 15px; 
 } 
 } 
header.style-2 .nav-right .contact-and-search-area { 
 display: flex; 
 align-items: center; 
 gap: 30px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 header.style-2 .nav-right .contact-and-search-area { 
 gap: 25px; 
 } 
 } 
@media (max-width: 1399px) { 
 header.style-2 .nav-right .contact-and-search-area { 
 gap: 15px; 
 } 
 } 
header.style-2 .nav-right .mobile-menu-btn { 
 display: none; 
 visibility: hidden; 
 } 
@media (max-width: 1199px) { 
 header.style-2 .nav-right .mobile-menu-btn { 
 display: flex; 
 align-items: center; 
 visibility: visible; 
 justify-content: center; 
 position: relative; 
 min-width: 48px; 
 max-width: 48px; 
 height: 48px; 
 border-radius: 10px; 
 border: 1px solid var(--borders-color); 
 } 
 header.style-2 .nav-right .mobile-menu-btn svg { 
 fill: var(--title-color); 
 } 
 header.style-2 .nav-right .mobile-menu-btn:hover svg { 
 animation: qode-draw 0.75s cubic-bezier(0.57, 0.39, 0, 0.86) 1 forwards; 
 } 
 } 
@media (max-width: 576px) { 
 header.style-2 .nav-right .mobile-menu-btn { 
 min-width: 40px; 
 max-width: 40px; 
 height: 40px; 
 } 
 header.style-2 .nav-right .mobile-menu-btn svg { 
 width: 18px; 
 } 
 } 
@keyframes qode-draw { 
 0%, 100% { 
 clip-path: inset(-2px -2px); 
 } 
 42% { 
 clip-path: inset(-2px -2px -2px 100%); 
 } 
 43% { 
 clip-path: inset(-2px 100% -3px -2px); 
 } 
 } 
header.style-2 .primary-btn1 { 
 padding: 16px 28px; 
 } 
header.style-2 .main-menu { 
 display: flex; 
 flex: 1; 
 justify-content: center; 

 } 
header.style-2 .main-menu > ul { 
 list-style: none; 
 margin: 0; 
 padding: 0; 
 } 
header.style-2 .main-menu > ul > li { 
 display: inline-block; 
 position: relative; 
 padding: 0; 
 } 
@media (max-width: 1199px) { 
 header.style-2 .main-menu > ul > li { 
 padding: 0px 12px; 
 } 
 } 
header.style-2 .main-menu > ul > li.position-inherit { 
 position: inherit; 
 } 
@media (max-width: 1199px) { 
 header.style-2 .main-menu > ul > li.position-inherit { 
 position: relative; 
 } 
 } 
@media (min-width: 1200px) { 
 header.style-2 .main-menu > ul > li:first-child { 
 padding-left: 0; 
 } 
 header.style-2 .main-menu > ul > li:first-child > a { 
 padding-left: 0; 
 } 
 header.style-2 .main-menu > ul > li:last-child { 
 padding-right: 0; 
 } 
 } 
header.style-2 .main-menu > ul > li > a { 
 color: var(--title-color); 
 display: block; 
 letter-spacing: 0.4px; 
 padding: 34px 18px; 
 line-height: 1; 
 position: relative; 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 15px; 
 transition: all 0.5s ease-out 0s; 
 position: relative; 
 } 
@media (max-width: 1699px) { 
 header.style-2 .main-menu > ul > li > a { 
 padding: 34px 15px; 
 } 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 header.style-2 .main-menu > ul > li > a { 
 padding: 34px 20px; 
 } 
 } 
@media (max-width: 1399px) { 
 header.style-2 .main-menu > ul > li > a { 
 padding: 32px 8px; 
 font-size: 14px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 header.style-2 .main-menu > ul > li > a { 
 padding: 20px 10px; 
 } 
 } 
header.style-2 .main-menu > ul > li > a i { 
 font-size: 12px; 
 color: var(--text-color); 
 transition: all 0.55s ease-in-out; 
 } 
header.style-2 .main-menu > ul > li .dropdown-icon { 
 font-size: 20px; 
 text-align: center; 
 color: rgba(82, 82, 82, 0.6); 
 font-style: normal; 
 position: absolute; 
 right: -5px; 
 top: 35px; 
 z-index: 999; 
 cursor: pointer; 
 display: none; 
 transition: all 0.5s ease-out 0s; 
 opacity: 0; 
 } 
@media (max-width: 1199px) { 
 header.style-2 .main-menu > ul > li .dropdown-icon { 
 opacity: 1; 
 } 
 } 
header.style-2 .main-menu > ul > li .dropdown-icon.active::before { 
 content: "\f2ea"; 
 } 
header.style-2 .main-menu > ul > li ul.sub-menu { 
 position: absolute; 
 left: 0; 
 right: 0; 
 top: 78px; 
 margin: 0; 
 display: none; 
 min-width: 220px; 
 background: var(--white-color); 
 border: 1px solid var(--borders-color); 
 border-radius: 10px; 
 padding: 15px 0; 
 text-align: left; 
 transform-origin: top; 
 } 
@media (max-width: 1399px) { 
 header.style-2 .main-menu > ul > li ul.sub-menu { 
 top: 74px; 
 } 
 } 
header.style-2 .main-menu > ul > li ul.sub-menu > li { 
 padding: 0; 
 display: block; 
 position: relative; 
 } 
header.style-2 .main-menu > ul > li ul.sub-menu > li i { 
 position: absolute; 
 top: 14px; 
 right: 20px; 
 display: block; 
 color: var(--title-color); 
 font-size: 14px; 
 } 
header.style-2 .main-menu > ul > li ul.sub-menu > li .dropdown-icon { 
 color: var(--title-color); 
 opacity: 1; 
 top: 16px; 
 font-size: 10px; 
 } 
@media (max-width: 1199px) { 
 header.style-2 .main-menu > ul > li ul.sub-menu > li .dropdown-icon { 
 right: 0; 
 top: 11px; 
 font-size: 20px; 
 } 
 } 
header.style-2 .main-menu > ul > li ul.sub-menu > li > a { 
 display: block; 
 padding: 12px 20px; 
 color: var(--title-color); 
 font-weight: 500; 
 font-family: var(--font-poppins); 
 font-size: 14px; 
 line-height: 1.2; 
 transition: all 0.4s ease-out 0s; 
 position: relative; 
 } 
@media (max-width: 1399px) { 
 header.style-2 .main-menu > ul > li ul.sub-menu > li > a { 
 padding: 10px 20px; 
 font-size: 13px; 
 } 
 } 
@media (max-width: 1199px) { 
 header.style-2 .main-menu > ul > li ul.sub-menu > li > a { 
 border-color: rgba(233, 228, 228, 0.5); 
 } 
 } 
header.style-2 .main-menu > ul > li ul.sub-menu > li > a:hover { 
 color: var(--primary-color1); 
 } 
header.style-2 .main-menu > ul > li ul.sub-menu > li > a:hover::before { 
 transform: scale(1); 
 } 
header.style-2 .main-menu > ul > li ul.sub-menu > li > a.active { 
 color: var(--primary-color1); 
 } 
header.style-2 .main-menu > ul > li ul.sub-menu > li > a.active::before { 
 transform: scale(1); 
 } 
header.style-2 .main-menu > ul > li ul.sub-menu > li:last-child > a { 
 border-bottom: none; 
 } 
header.style-2 .main-menu > ul > li ul.sub-menu > li:last-child > a::before { 
 display: none; 
 } 
header.style-2 .main-menu > ul > li ul.sub-menu > li:hover > a { 
 color: var(--primary-color1); 
 } 
header.style-2 .main-menu > ul > li ul.sub-menu > li:hover .dropdown-icon { 
 color: var(--primary-color1); 
 } 
header.style-2 .main-menu > ul > li ul.sub-menu > li.active > a { 
 color: var(--primary-color1); 
 } 
header.style-2 .main-menu > ul > li ul.sub-menu > li.active .dropdown-icon { 
 color: var(--primary-color1); 
 } 
header.style-2 .main-menu > ul > li ul.sub-menu > li .sub-menu { 
 left: 219px; 
 position: absolute; 
 max-width: 230px; 
 min-width: 230px; 
 background: var(--white-color); 
 padding: 0; 
 top: 3px; 
 padding: 10px 0; 
 border-left: unset; 
 } 
header.style-2 .main-menu > ul > li ul.sub-menu > li .sub-menu > li > a { 
 padding: 10px 20px; 
 } 
header.style-2 .main-menu > ul > li ul.sub-menu > li .sub-menu > li i { 
 display: block; 
 } 
header.style-2 .main-menu > ul > li ul.sub-menu > li .sub-menu::before { 
 display: none; 
 visibility: hidden; 
 } 
@media (max-width: 1199px) { 
 header.style-2 .main-menu > ul > li ul.sub-menu > li .sub-menu { 
 position: unset; 
 max-width: 230px; 
 min-width: 215px; 
 background: transparent; 
 top: 0; 
 padding: 0; 
 } 
 } 
@media (min-width: 1200px) { 
 header.style-2 .main-menu > ul > li ul.sub-menu > li:hover > .sub-menu { 
 display: block; 
 animation: fade-down 0.45s linear; 
 } 
 } 
header.style-2 .main-menu > ul > li ul.sub-menu > li:last-child { 
 border-bottom: none; 
 } 
header.style-2 .main-menu > ul > li .mega-menu { 
 position: absolute; 
 left: 0; 
 top: 78px; 
 margin: 0; 
 display: none; 
 background: var(--white-color); 
 border: 1px solid var(--borders-color); 
 padding: 50px 0px; 
 width: 100%; 
 transform-origin: top; 
 z-index: 1; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 header.style-2 .main-menu > ul > li .mega-menu { 
 padding: 50px 0; 
 } 
 } 
@media (max-width: 1399px) { 
 header.style-2 .main-menu > ul > li .mega-menu { 
 padding: 50px 0; 
 top: 74px; 
 } 
 } 
header.style-2 .main-menu > ul > li .mega-menu .menu-row { 
 display: grid; 
 grid-template-columns: repeat(6, 1fr); 
 gap: 48px; 
 } 
@media (max-width: 1399px) { 
 header.style-2 .main-menu > ul > li .mega-menu .menu-row { 
 gap: 35px; 
 } 
 } 
@media (max-width: 1199px) { 
 header.style-2 .main-menu > ul > li .mega-menu .menu-row { 
 grid-template-columns: repeat(5, 1fr); 
 gap: 20px; 
 row-gap: 30px; 
 } 
 } 
header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item { 
 padding: 0; 
 position: relative; 
 } 
header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item:last-child { 
 padding-right: 0; 
 } 
header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title { 
 margin-bottom: 30px; 
 } 
@media (max-width: 1399px) { 
 header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title { 
 margin-bottom: 25px; 
 } 
 } 
@media (max-width: 1199px) { 
 header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title { 
 margin-bottom: 20px; 
 } 
 } 
@media (max-width: 991px) { 
 header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title { 
 margin-bottom: 15px; 
 } 
 } 
header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title h5 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 30px; 
 margin-bottom: 0; 
 } 
@media (max-width: 1399px) { 
 header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title h5 { 
 font-size: 18px; 
 } 
 } 
header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 } 
header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li { 
 margin-bottom: 25px; 
 line-height: 1; 
 padding: 0; 
 display: block; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li { 
 margin-bottom: 23px; 
 } 
 } 
header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li:last-child { 
 margin-bottom: 0; 
 } 
header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li > a { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 transition: 0.5s; 
 display: inline-flex; 
 align-items: center; 
 gap: 8px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li > a { 
 font-size: 14px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li > a { 
 font-size: 15px; 
 } 
 } 
header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li > a img { 
 min-width: 15px; 
 max-width: 15px; 
 height: 15px; 
 border-radius: 50%; 
 } 
header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li > a:hover { 
 color: var(--primary-color1); 
 } 
header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li.active a { 
 color: var(--primary-color1); 
 display: inline-block; 
 } 
header.style-2 .main-menu > ul > li .mega-menu .vector1 { 
 position: absolute; 
 bottom: 0; 
 left: 0; 
 z-index: -1; 
 } 
@media (max-width: 1199px) { 
 header.style-2 .main-menu > ul > li .mega-menu .vector1 { 
 display: none; 
 } 
 } 
header.style-2 .main-menu > ul > li .mega-menu .vector2 { 
 position: absolute; 
 bottom: 0; 
 right: 0; 
 z-index: -1; 
 } 
@media (max-width: 1199px) { 
 header.style-2 .main-menu > ul > li .mega-menu .vector2 { 
 display: none; 
 } 
 } 
header.style-2 .main-menu > ul > li.menu-item-has-children { 
 transition: all 0.55s ease-in-out; 
 } 
@media (min-width: 1200px) { 
 header.style-2 .main-menu > ul > li:hover > ul.sub-menu { 
 display: block; 
 animation: fade-down 0.3s linear; 
 } 
 } 
@media (min-width: 1200px) { 
 header.style-2 .main-menu > ul > li:hover .mega-menu { 
 display: block; 
 animation: fade-down 0.3s linear; 
 } 
 } 
header.style-2 .main-menu > ul > li:hover > a { 
 color: var(--primary-color1); 
 } 
header.style-2 .main-menu > ul > li:hover > a i { 
 color: var(--primary-color1); 
 } 
header.style-2 .main-menu > ul > li:hover .dropdown-icon2 { 
 color: var(--primary-color1); 
 } 
header.style-2 .main-menu > ul > li.active > a { 
 color: var(--primary-color1); 
 } 
header.style-2 .main-menu > ul > li.active > a i { 
 color: var(--primary-color1); 
 } 
header.style-2 .main-menu > ul > li.active > i { 
 color: var(--primary-color1); 
 } 
header.style-2 .main-menu > ul > li.active .dropdown-icon2 { 
 color: var(--primary-color1); 
 } 
header.style-2 .main-menu > ul li.menu-item-has-children > i { 
 display: none; 
 } 
header.style-2 .mobile-logo-area .mobile-logo-wrap img { 
 width: 110px; 
 } 
header.style-2 .mobile-logo-area .menu-close-btn { 
 height: 38px; 
 width: 38px; 
 border-radius: 10px; 
 border: 1px solid var(--borders-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 cursor: pointer; 
 transition: 0.35s; 
 } 
header.style-2 .mobile-logo-area .menu-close-btn i { 
 font-size: 26px; 
 line-height: 1; 
 color: var(--title-color); 
 transition: 0.35s; 
 } 
header.style-2 .mobile-logo-area .menu-close-btn:hover { 
 background-color: var(--title-color); 
 } 
header.style-2 .mobile-logo-area .menu-close-btn:hover i { 
 color: var(--white-color); 
 } 
@media only screen and (max-width: 1199px) { 
 header.style-2 .dropdown-icon { 
 color: var(--white-color); 
 } 
 header.style-2 .main-menu { 
 position: fixed; 
 top: 0; 
 left: 0; 
 width: 280px; 
 padding: 30px 20px !important; 
 z-index: 99999; 
 height: 100%; 
 overflow: auto; 
 background: var(--white-color); 
 border-right: 1px solid var(--borders-color); 
 transform: translateX(-100%); 
 transition: transform 0.3s ease-in; 
 box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.03); 
 } 
 header.style-2 .main-menu.show-menu { 
 transform: translateX(0); 
 } 
 header.style-2 .main-menu .mobile-menu-logo { 
 text-align: left; 
 padding-top: 20px; 
 display: block; 
 padding-bottom: 8px; 
 } 
 header.style-2 .main-menu .menu-list { 
 padding-top: 50px; 
 padding-bottom: 30px; 
 border: unset; 
 } 
 header.style-2 .main-menu > ul { 
 float: none; 
 text-align: left; 
 padding: 5px 0px 20px 0; 
 } 
 header.style-2 .main-menu > ul > li { 
 display: block; 
 position: relative; 
 padding: 0; 
 } 
 header.style-2 .main-menu > ul > li i { 
 display: block; 
 } 
 header.style-2 .main-menu > ul > li > a { 
 padding: 15px 0; 
 display: block; 
 border: unset; 
 background-color: transparent; 
 } 
 header.style-2 .main-menu > ul > li > a i { 
 display: none; 
 } 
 header.style-2 .main-menu > ul > li ul.sub-menu { 
 position: static; 
 min-width: 200px; 
 border: none; 
 opacity: 1; 
 visibility: visible; 
 transform: translateY(0px); 
 padding: 0; 
 padding-left: 10px; 
 background-color: unset; 
 } 
 header.style-2 .main-menu > ul > li ul.sub-menu > li { 
 border-bottom: 1px solid #eee; 
 } 
 header.style-2 .main-menu > ul > li ul.sub-menu > li a { 
 color: var(--title-color); 
 padding: 12px 0px; 
 } 
 header.style-2 .main-menu > ul > li ul.sub-menu > li a:hover { 
 color: var(--primary-color1); 
 margin-left: 10px; 
 } 
 header.style-2 .main-menu > ul > li ul.sub-menu > li a.active { 
 color: var(--primary-color1); 
 } 
 header.style-2 .main-menu > ul > li ul.sub-menu > li i { 
 color: var(--primary-color1); 
 right: -13px; 
 } 
 header.style-2 .main-menu > ul > li ul.sub-menu > li .sub-menu { 
 padding-left: 10px; 
 } 
 header.style-2 .main-menu > ul > li ul.sub-menu > li .sub-menu li > a { 
 padding: 12px 0; 
 } 
 header.style-2 .main-menu > ul > li .mega-menu { 
 position: static; 
 min-width: 200px; 
 background: 0 0; 
 border: none; 
 opacity: 1; 
 visibility: visible; 
 transform: translateY(0px); 
 padding: 0; 
 } 
 header.style-2 .main-menu > ul > li .mega-menu .container { 
 padding: 0; 
 } 
 header.style-2 .main-menu > ul > li .mega-menu .menu-row { 
 display: block; 
 padding-left: 10px; 
 } 
 header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item { 
 padding: 0; 
 display: block; 
 border-bottom: 1px solid rgba(233, 228, 228, 0.5); 
 } 
 header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item:last-child { 
 margin-bottom: 0; 
 border-bottom: unset; 
 } 
 header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item::after { 
 display: none; 
 } 
 header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 margin-bottom: 0; 
 padding: 12px 0px; 
 } 
 header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title h5 { 
 font-size: 14px; 
 font-weight: 500; 
 padding-bottom: 3px; 
 line-height: 1; 
 } 
 header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item i { 
 display: block; 
 top: 10px; 
 right: 0; 
 color: var(--title-color); 
 } 
 header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul { 
 padding-left: 10px; 
 display: none; 
 } 
 header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li { 
 margin-bottom: 0; 
 line-height: 1; 
 } 
 header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li:last-child a { 
 border-bottom: unset; 
 } 
 header.style-2 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li a { 
 font-size: 14px; 
 padding: 12px 0px; 
 border-bottom: 1px solid rgba(233, 228, 228, 0.5); 
 display: flex; 
 } 
 header.style-2 .main-menu > ul > li:hover > a { 
 color: var(--primary-color1); 
 } 
 header.style-2 .main-menu > ul > li:hover i { 
 color: var(--primary-color1); 
 } 
 header.style-2 .main-menu > ul > li.active > a { 
 color: var(--primary-color1); 
 background-color: unset; 
 } 
 header.style-2 .main-menu > ul > li .bi { 
 top: 13px; 
 font-size: 20px; 
 color: var(--title-color); 
 line-height: 1; 
 } 
 header.style-2 .main-menu > ul li.menu-item-has-children > i { 
 display: block; 
 } 
 header.style-2 .main-menu .btn-and-contact-area { 
 flex-direction: column; 
 align-items: center; 
 gap: 20px; 
 } 
 header.style-2 .primary-btn3 { 
 width: 100%; 
 justify-content: center; 
 } 
 } 
header.style-2.travel-agency3 { 
 padding: 0 180px; 
 } 
@media (max-width: 1899px) { 
 header.style-2.travel-agency3 { 
 padding: 0 140px; 
 } 
 } 
@media (max-width: 1799px) { 
 header.style-2.travel-agency3 { 
 padding: 0 120px; 
 } 
 } 
@media (max-width: 1699px) { 
 header.style-2.travel-agency3 { 
 padding: 0 100px; 
 } 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 header.style-2.travel-agency3 { 
 padding: 0 30px; 
 } 
 } 
@media (max-width: 1399px) { 
 header.style-2.travel-agency3 { 
 padding: 0 10px; 
 } 
 } 
@media (max-width: 1199px) { 
 header.style-2.travel-agency3 { 
 padding: 18px 0; 
 } 
 } 
@media (max-width: 1799px) { 
 header.style-2.travel-agency3 .logo-and-menu-area { 
 gap: 70px; 
 } 
 } 
@media (max-width: 1699px) { 
 header.style-2.travel-agency3 .logo-and-menu-area { 
 gap: 60px; 
 } 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 header.style-2.travel-agency3 .logo-and-menu-area { 
 gap: 40px; 
 } 
 } 
@media (max-width: 1399px) { 
 header.style-2.travel-agency3 .logo-and-menu-area { 
 gap: 25px; 
 } 
 } 
@media (max-width: 1199px) { 
 header.style-2.travel-agency3 .logo-and-menu-area { 
 gap: 15px; 
 } 
 } 
header.style-2.two { 
 position: fixed; 
 top: 0; 
 left: 0; 
 } 
header.style-2.two .main-menu > ul > li:hover > a { 
 color: var(--primary-color4); 
 } 
header.style-2.two .main-menu > ul > li:hover > a i { 
 color: var(--primary-color4); 
 } 
header.style-2.two .main-menu > ul > li:hover > i { 
 color: var(--primary-color4); 
 } 
header.style-2.two .main-menu > ul > li.active > a { 
 color: var(--primary-color4); 
 } 
header.style-2.two .main-menu > ul > li.active > a i { 
 color: var(--primary-color4); 
 } 
header.style-2.two .main-menu > ul > li.active > i { 
 color: var(--primary-color4); 
 } 
header.style-2.two .main-menu > ul > li ul.sub-menu > li:hover > a { 
 color: var(--primary-color4); 
 } 
header.style-2.two .main-menu > ul > li ul.sub-menu > li:hover .dropdown-icon { 
 color: var(--primary-color4); 
 } 
header.style-2.two .main-menu > ul > li ul.sub-menu > li.active > a { 
 color: var(--primary-color4); 
 } 
header.style-2.two .main-menu > ul > li ul.sub-menu > li.active .dropdown-icon { 
 color: var(--primary-color4); 
 } 
header.style-2.two .contact-and-search-area { 
 display: flex; 
 align-items: center; 
 gap: 25px; 
 } 
@media (max-width: 1399px) { 
 header.style-2.two .contact-and-search-area { 
 gap: 15px; 
 } 
 } 
header.style-2.two .contact-and-search-area .search-bar { 
 position: relative; 
 } 
@media (max-width: 576px) { 
 header.style-2.two .contact-and-search-area .search-bar { 
 position: inherit; 
 } 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-btn { 
 min-width: 36px; 
 max-width: 36px; 
 height: 36px; 
 border-radius: 50%; 
 background-color: var(--white-color); 
 border: 1px solid var(--borders-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 cursor: pointer; 
 transition: 0.5s; 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-btn svg { 
 fill: var(--title-color); 
 transition: 0.5s; 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-btn:hover { 
 background-color: var(--primary-color4); 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-btn:hover svg { 
 fill: var(--white-color); 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-input { 
 position: absolute; 
 top: 47px; 
 right: 0; 
 z-index: 99; 
 width: 600px; 
 background-color: var(--white-color); 
 padding: 50px 30px 30px; 
 box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08); 
 display: none; 
 transform: scaleY(0); 
 transform-origin: top; 
 } 
@media (max-width: 767px) { 
 header.style-2.two .contact-and-search-area .search-bar .search-input { 
 width: 450px; 
 right: -40px; 
 padding: 45px 20px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 header.style-2.two .contact-and-search-area .search-bar .search-input { 
 width: 90%; 
 left: 15px; 
 right: unset; 
 top: 70px; 
 } 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-input.active { 
 display: block; 
 transform: scaleY(1); 
 animation: fade-up2 0.5s linear; 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-input .search-close { 
 position: absolute; 
 top: 10px; 
 right: 15px; 
 display: inline-block; 
 border-radius: 50%; 
 background-color: var(--white-color); 
 box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.1); 
 height: 28px; 
 width: 28px; 
 cursor: pointer; 
 z-index: 1; 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-input .search-close::after { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%) rotate(-45deg); 
 left: calc(50% - 7px); 
 display: block; 
 height: 1px; 
 width: 12px; 
 background-color: var(--black-color); 
 transition: all 0.3s ease-out; 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-input .search-close::before { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%) rotate(-135deg); 
 left: calc(50% - 7px); 
 display: block; 
 height: 1px; 
 width: 12px; 
 background-color: var(--black-color); 
 transition: all 0.3s ease-out; 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-input .search-close:hover::after { 
 transform: rotate(0); 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-input .search-close:hover::before { 
 transform: rotate(0); 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-input .search-group { 
 display: flex; 
 gap: 50px; 
 width: 100%; 
 border-bottom: 1px solid var(--black-color); 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-input .search-group .form-inner2 { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 width: 100%; 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-input .search-group .form-inner2 input { 
 width: 100%; 
 background-color: transparent; 
 border: none; 
 font-size: 14px; 
 font-weight: 500; 
 font-family: var(--font-roboto); 
 line-height: 1; 
 color: var(--title-color); 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-input .search-group .form-inner2 input::-moz-placeholder { 
 color: var(--text-color); 
 font-weight: 400; 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-input .search-group .form-inner2 input::placeholder { 
 color: var(--text-color); 
 font-weight: 400; 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-input .search-group .form-inner2 button { 
 background-color: transparent; 
 font-size: 22px; 
 border: none; 
 outline: none; 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-input .search-group .form-inner2 button i { 
 font-size: 16px; 
 color: var(--black-color); 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-input .quick-search { 
 display: flex; 
 gap: 10px; 
 padding-top: 15px; 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-input .quick-search ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 flex-wrap: wrap; 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-input .quick-search ul li { 
 padding-right: 5px; 
 line-height: 1.5; 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-input .quick-search ul li:first-child { 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 letter-spacing: 0.1em; 
 font-size: 13px; 
 margin-bottom: 0; 
 color: var(--title-color); 
 white-space: nowrap; 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-input .quick-search ul li a { 
 color: rgba(var(--title-color-opc), 0.7); 
 font-family: var(--font-roboto); 
 font-size: 13px; 
 font-weight: 400; 
 line-height: 28px; 
 transition: 0.5s; 
 } 
header.style-2.two .contact-and-search-area .search-bar .search-input .quick-search ul li a:hover { 
 color: var(--primary-color4); 
 } 
header.style-2.two .contact-area .icon { 
 border: unset; 
 background-color: var(--primary-color4); 
 } 
header.style-2.two .contact-area .icon svg { 
 fill: var(--white-color); 
 } 
header.style-2.two .contact-area .content a:hover { 
 color: var(--primary-color4); 
 } 
header.style-2.two .language-area { 
 position: relative; 
 } 
header.style-2.two .language-area .language-btn { 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 cursor: pointer; 
 } 
header.style-2.two .language-area .language-btn svg { 
 fill: var(--title-color); 
 transition: 0.5s; 
 } 
header.style-2.two .language-area .language-btn span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 14px; 
 font-weight: 600; 
 line-height: 1; 
 transition: 0.5s; 
 } 
header.style-2.two .language-area .language-btn i { 
 font-size: 12px; 
 line-height: 1; 
 color: rgba(170, 170, 170, 0.6); 
 } 
header.style-2.two .language-area .language-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 position: absolute; 
 top: 35px; 
 left: 50%; 
 z-index: 9999; 
 width: 180px; 
 background-color: var(--white-color); 
 box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08); 
 border-radius: 10px; 
 overflow: hidden; 
 display: none; 
 transform: scaleY(0) translateX(-50%); 
 transform-origin: top; 
 } 
header.style-2.two .language-area .language-list.active { 
 display: block; 
 transform: scaleY(1) translateX(-50%); 
 animation: fade-up 0.5s linear; 
 } 
header.style-2.two .language-area .language-list li a { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 text-transform: capitalize; 
 font-size: 12px; 
 padding: 12px 20px; 
 line-height: 1; 
 width: 100%; 
 display: flex; 
 align-items: center; 
 transition: 0.5s; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
header.style-2.two .language-area .language-list li a:hover { 
 color: var(--white-color); 
 background-color: var(--primary-color4); 
 } 

header.style-3 { 
 position: fixed; 
 top: 0; 
 left: 0; 
 width: 100%; 
 z-index: 999; 
 transition: all 0.8s ease-out 0s; 
 background-color: transparent; 
 padding: 0 70px; 
 border-bottom: 1px solid rgba(var(--white-color-opc), 0.1); 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 header.style-3 { 
 padding: 0 30px; 
 } 
 } 
@media (max-width: 1399px) { 
 header.style-3 { 
 padding: 0 10px; 
 } 
 } 
@media (max-width: 1199px) { 
 header.style-3 { 
 padding: 0; 
 } 
 } 
@media (max-width: 1199px) { 
 header.style-3 { 
 padding: 18px 0; 
 } 
 } 
header.style-3.sticky { 
 box-sizing: border-box; 
 background-color: var(--black-color); 
 box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1); 
 z-index: 999; 
 } 
@keyframes smooth-header { 
 0% { 
 transform: translateY(-30px); 
 } 
 100% { 
 transform: translateY(0px); 
 } 
 } 
header.style-3 .header-logo { 
 width: 120px; 
 } 
@media (max-width: 1399px) { 
 header.style-3 .header-logo { 
 width: 105px; 
 } 
 } 
header.style-3 .logo-and-menu-area { 
 display: flex; 
 align-items: center; 
 gap: 100px; 
 } 
@media (max-width: 1799px) { 
 header.style-3 .logo-and-menu-area { 
 gap: 80px; 
 } 
 } 
@media (max-width: 1699px) { 
 header.style-3 .logo-and-menu-area { 
 gap: 60px; 
 } 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 header.style-3 .logo-and-menu-area { 
 gap: 40px; 
 } 
 } 
@media (max-width: 1399px) { 
 header.style-3 .logo-and-menu-area { 
 gap: 20px; 
 } 
 } 
header.style-3 .contact-area { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
@media (max-width: 1199px) { 
 header.style-3 .contact-area { 
 margin-bottom: 15px; 
 } 
 } 
header.style-3 .contact-area .icon { 
 min-width: 36px; 
 max-width: 36px; 
 height: 36px; 
 border-radius: 50%; 
 border: 1px solid var(--borders-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
header.style-3 .contact-area .icon svg { 
 fill: var(--white-color); 
 } 
header.style-3 .contact-area .content span { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 margin-bottom: 3px; 
 display: block; 
 } 
header.style-3 .contact-area .content a { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1; 
 transition: 0.5s; 
 } 
@media (max-width: 1399px) { 
 header.style-3 .contact-area .content a { 
 font-size: 17px; 
 } 
 } 
header.style-3 .contact-area .content a:hover { 
 color: var(--primary-color1); 
 } 
header.style-3 .search-bar { 
 position: relative; 
 } 
@media (max-width: 576px) { 
 header.style-3 .search-bar { 
 position: inherit; 
 } 
 } 
header.style-3 .search-bar .search-btn { 
 min-width: 36px; 
 max-width: 36px; 
 height: 36px; 
 border-radius: 50%; 
 border: 1px solid var(--white-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 cursor: pointer; 
 transition: 0.5s; 
 } 
header.style-3 .search-bar .search-btn svg { 
 fill: var(--white-color); 
 transition: 0.5s; 
 } 
header.style-3 .search-bar .search-btn:hover { 
 background-color: var(--primary-color1); 
 border-color: var(--primary-color1); 
 } 
header.style-3 .search-bar .search-btn:hover svg { 
 fill: var(--white-color); 
 } 
header.style-3 .search-bar .search-input { 
 position: absolute; 
 top: 47px; 
 right: 0; 
 z-index: 9999; 
 width: 600px; 
 background-color: var(--white-color); 
 padding: 50px 30px 30px; 
 box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08); 
 display: none; 
 transform: scaleY(0); 
 transform-origin: top; 
 } 
@media (max-width: 767px) { 
 header.style-3 .search-bar .search-input { 
 width: 450px; 
 right: -40px; 
 padding: 45px 20px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 header.style-3 .search-bar .search-input { 
 width: 90%; 
 left: 15px; 
 right: unset; 
 top: 70px; 
 } 
 } 
header.style-3 .search-bar .search-input.active { 
 display: block; 
 transform: scaleY(1); 
 animation: fade-up2 0.5s linear; 
 } 
@keyframes fade-up2 { 
 0% { 
 opacity: 0; 
 transform: translateY(10px); 
 visibility: hidden; 
 } 
 100% { 
 opacity: 1; 
 transform: translateY(0px); 
 visibility: visible; 
 } 
 } 
header.style-3 .search-bar .search-input .search-close { 
 position: absolute; 
 top: 10px; 
 right: 15px; 
 display: inline-block; 
 border-radius: 50%; 
 background-color: var(--white-color); 
 box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.1); 
 height: 28px; 
 width: 28px; 
 cursor: pointer; 
 z-index: 1; 
 } 
header.style-3 .search-bar .search-input .search-close::after { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%) rotate(-45deg); 
 left: calc(50% - 7px); 
 display: block; 
 height: 1px; 
 width: 12px; 
 background-color: var(--black-color); 
 transition: all 0.3s ease-out; 
 } 
header.style-3 .search-bar .search-input .search-close::before { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%) rotate(-135deg); 
 left: calc(50% - 7px); 
 display: block; 
 height: 1px; 
 width: 12px; 
 background-color: var(--black-color); 
 transition: all 0.3s ease-out; 
 } 
header.style-3 .search-bar .search-input .search-close:hover::after { 
 transform: rotate(0); 
 } 
header.style-3 .search-bar .search-input .search-close:hover::before { 
 transform: rotate(0); 
 } 
header.style-3 .search-bar .search-input .search-group { 
 display: flex; 
 gap: 50px; 
 width: 100%; 
 border-bottom: 1px solid #616161; 
 } 
header.style-3 .search-bar .search-input .search-group .form-inner2 { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 width: 100%; 
 } 
header.style-3 .search-bar .search-input .search-group .form-inner2 input { 
 width: 100%; 
 background-color: transparent; 
 border: none; 
 font-size: 14px; 
 font-weight: 500; 
 font-family: var(--font-roboto); 
 line-height: 1; 
 color: var(--title-color); 
 } 
header.style-3 .search-bar .search-input .search-group .form-inner2 input::-moz-placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
header.style-3 .search-bar .search-input .search-group .form-inner2 input::placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
header.style-3 .search-bar .search-input .search-group .form-inner2 button { 
 background-color: transparent; 
 font-size: 22px; 
 border: none; 
 outline: none; 
 } 
header.style-3 .search-bar .search-input .search-group .form-inner2 button i { 
 font-size: 16px; 
 color: var(--title-color); 
 } 
header.style-3 .search-bar .search-input .quick-search { 
 display: flex; 
 gap: 10px; 
 padding-top: 15px; 
 } 
header.style-3 .search-bar .search-input .quick-search ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 flex-wrap: wrap; 
 } 
header.style-3 .search-bar .search-input .quick-search ul li { 
 padding-right: 5px; 
 line-height: 1.5; 
 } 
header.style-3 .search-bar .search-input .quick-search ul li:first-child { 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 letter-spacing: 0.1em; 
 font-size: 13px; 
 margin-bottom: 0; 
 color: var(--title-color); 
 white-space: nowrap; 
 } 
header.style-3 .search-bar .search-input .quick-search ul li a { 
 color: rgba(0, 0, 0, 0.7); 
 font-family: var(--font-roboto); 
 font-size: 13px; 
 font-weight: 400; 
 line-height: 28px; 
 transition: 0.5s; 
 } 
header.style-3 .search-bar .search-input .quick-search ul li a:hover { 
 color: var(--primary-color1); 
 } 
header.style-3 .nav-right { 
 display: flex; 
 align-items: center; 
 gap: 45px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 header.style-3 .nav-right { 
 gap: 35px; 
 } 
 } 
@media (max-width: 1399px) { 
 header.style-3 .nav-right { 
 gap: 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 header.style-3 .nav-right { 
 gap: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 header.style-3 .nav-right { 
 gap: 15px; 
 } 
 } 
header.style-3 .nav-right .contact-and-wishlist-area { 
 display: flex; 
 align-items: center; 
 gap: 30px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 header.style-3 .nav-right .contact-and-wishlist-area { 
 gap: 25px; 
 } 
 } 
@media (max-width: 1399px) { 
 header.style-3 .nav-right .contact-and-wishlist-area { 
 gap: 15px; 
 } 
 } 
header.style-3 .nav-right .mobile-menu-btn { 
 display: none; 
 visibility: hidden; 
 } 
@media (max-width: 1199px) { 
 header.style-3 .nav-right .mobile-menu-btn { 
 display: flex; 
 align-items: center; 
 visibility: visible; 
 justify-content: center; 
 position: relative; 
 min-width: 48px; 
 max-width: 48px; 
 height: 48px; 
 border-radius: 10px; 
 border: 1px solid var(--borders-color); 
 } 
 header.style-3 .nav-right .mobile-menu-btn svg { 
 fill: var(--white-color); 
 } 
 header.style-3 .nav-right .mobile-menu-btn:hover svg { 
 animation: qode-draw 0.75s cubic-bezier(0.57, 0.39, 0, 0.86) 1 forwards; 
 } 
 } 
@media (max-width: 576px) { 
 header.style-3 .nav-right .mobile-menu-btn { 
 min-width: 40px; 
 max-width: 40px; 
 height: 40px; 
 } 
 header.style-3 .nav-right .mobile-menu-btn svg { 
 width: 18px; 
 } 
 } 
@keyframes qode-draw { 
 0%, 100% { 
 clip-path: inset(-2px -2px); 
 } 
 42% { 
 clip-path: inset(-2px -2px -2px 100%); 
 } 
 43% { 
 clip-path: inset(-2px 100% -3px -2px); 
 } 
 } 
header.style-3 .primary-btn1 { 
 padding: 16px 28px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 header.style-3 .primary-btn1 { 
 padding: 16px 24px; 
 } 
 } 
@media (min-width: 1200px) { 
 header.style-3 .primary-btn1::after { 
 background-color: var(--white-color); 
 } 
 header.style-3 .primary-btn1:hover { 
 color: var(--title-color); 
 } 
 header.style-3 .primary-btn1:hover svg { 
 fill: var(--title-color); 
 } 
 } 
header.style-3 .main-menu { 
 display: inline-block; 
 } 
header.style-3 .main-menu > ul { 
 list-style: none; 
 margin: 0; 
 padding: 0; 
 } 
header.style-3 .main-menu > ul > li { 
 display: inline-block; 
 position: relative; 
 padding: 28px 0; 
 } 
@media (max-width: 1399px) { 
 header.style-3 .main-menu > ul > li { 
 padding: 28px 2px; 
 } 
 } 
header.style-3 .main-menu > ul > li.position-inherit { 
 position: inherit; 
 } 
@media (max-width: 1199px) { 
 header.style-3 .main-menu > ul > li.position-inherit { 
 position: relative; 
 } 
 } 
@media (min-width: 1200px) { 
 header.style-3 .main-menu > ul > li:first-child { 
 padding-left: 0; 
 } 
 header.style-3 .main-menu > ul > li:last-child { 
 padding-right: 0; 
 } 
 } 
header.style-3 .main-menu > ul > li > a { 
 color: var(--white-color); 
 display: block; 
 letter-spacing: 0.4px; 
 padding: 5px 12px; 
 line-height: 1; 
 position: relative; 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 15px; 
 transition: all 0.5s ease-out 0s; 
 position: relative; 
 border: 1px dashed transparent; 
 border-radius: 100px; 
 } 
@media (max-width: 1399px) { 
 header.style-3 .main-menu > ul > li > a { 
 font-size: 14px; 
 padding: 4px 9px; 
 } 
 } 
header.style-3 .main-menu > ul > li > a i { 
 font-size: 11px; 
 color: var(--white-color); 
 transition: all 0.55s ease-in-out; 
 } 
header.style-3 .main-menu > ul > li .dropdown-icon { 
 font-size: 20px; 
 text-align: center; 
 color: rgba(82, 82, 82, 0.6); 
 font-style: normal; 
 position: absolute; 
 right: -5px; 
 top: 35px; 
 z-index: 999; 
 cursor: pointer; 
 display: none; 
 transition: all 0.5s ease-out 0s; 
 opacity: 0; 
 } 
@media (max-width: 1199px) { 
 header.style-3 .main-menu > ul > li .dropdown-icon { 
 opacity: 1; 
 } 
 } 
header.style-3 .main-menu > ul > li .dropdown-icon.active::before { 
 content: "\f2ea"; 
 } 
header.style-3 .main-menu > ul > li ul.sub-menu { 
 position: absolute; 
 left: 0; 
 right: 0; 
 top: 83px; 
 margin: 0; 
 display: none; 
 min-width: 220px; 
 background: var(--white-color); 
 border: 1px solid var(--borders-color); 
 border-radius: 10px; 
 padding: 15px 0; 
 text-align: left; 
 transform-origin: top; 
 } 
@media (max-width: 1399px) { 
 header.style-3 .main-menu > ul > li ul.sub-menu { 
 top: 74px; 
 } 
 } 
header.style-3 .main-menu > ul > li ul.sub-menu > li { 
 padding: 0; 
 display: block; 
 position: relative; 
 } 
header.style-3 .main-menu > ul > li ul.sub-menu > li i { 
 position: absolute; 
 top: 14px; 
 right: 20px; 
 display: block; 
 color: var(--title-color); 
 font-size: 14px; 
 } 
header.style-3 .main-menu > ul > li ul.sub-menu > li .dropdown-icon { 
 color: var(--title-color); 
 opacity: 1; 
 top: 16px; 
 font-size: 10px; 
 } 
@media (max-width: 1199px) { 
 header.style-3 .main-menu > ul > li ul.sub-menu > li .dropdown-icon { 
 right: 0; 
 top: 11px; 
 font-size: 20px; 
 } 
 } 
header.style-3 .main-menu > ul > li ul.sub-menu > li > a { 
 display: block; 
 padding: 12px 20px; 
 color: var(--title-color); 
 font-weight: 500; 
 font-family: var(--font-poppins); 
 font-size: 14px; 
 line-height: 1.2; 
 transition: all 0.4s ease-out 0s; 
 position: relative; 
 } 
@media (max-width: 1399px) { 
 header.style-3 .main-menu > ul > li ul.sub-menu > li > a { 
 padding: 10px 20px; 
 font-size: 13px; 
 } 
 } 
@media (max-width: 1199px) { 
 header.style-3 .main-menu > ul > li ul.sub-menu > li > a { 
 border-color: rgba(233, 228, 228, 0.5); 
 } 
 } 
header.style-3 .main-menu > ul > li ul.sub-menu > li > a:hover { 
 color: var(--primary-color1); 
 } 
header.style-3 .main-menu > ul > li ul.sub-menu > li > a:hover::before { 
 transform: scale(1); 
 } 
header.style-3 .main-menu > ul > li ul.sub-menu > li > a.active { 
 color: var(--primary-color1); 
 } 
header.style-3 .main-menu > ul > li ul.sub-menu > li > a.active::before { 
 transform: scale(1); 
 } 
header.style-3 .main-menu > ul > li ul.sub-menu > li:last-child > a { 
 border-bottom: none; 
 } 
header.style-3 .main-menu > ul > li ul.sub-menu > li:last-child > a::before { 
 display: none; 
 } 
header.style-3 .main-menu > ul > li ul.sub-menu > li:hover > a { 
 color: var(--primary-color1); 
 } 
header.style-3 .main-menu > ul > li ul.sub-menu > li:hover .dropdown-icon { 
 color: var(--primary-color1); 
 } 
header.style-3 .main-menu > ul > li ul.sub-menu > li.active > a { 
 color: var(--primary-color1); 
 } 
header.style-3 .main-menu > ul > li ul.sub-menu > li.active .dropdown-icon { 
 color: var(--primary-color1); 
 } 
header.style-3 .main-menu > ul > li ul.sub-menu > li .sub-menu { 
 left: 219px; 
 position: absolute; 
 max-width: 230px; 
 min-width: 230px; 
 background: var(--white-color); 
 top: 3px; 
 padding: 10px 0; 
 border-left: unset; 
 } 
header.style-3 .main-menu > ul > li ul.sub-menu > li .sub-menu > li > a { 
 padding: 10px 20px; 
 } 
header.style-3 .main-menu > ul > li ul.sub-menu > li .sub-menu > li i { 
 display: block; 
 } 
@media (max-width: 1199px) { 
 header.style-3 .main-menu > ul > li ul.sub-menu > li .sub-menu { 
 position: unset; 
 max-width: 230px; 
 min-width: 215px; 
 background: transparent; 
 top: 0; 
 padding: 0; 
 } 
 } 
@media (min-width: 1200px) { 
 header.style-3 .main-menu > ul > li ul.sub-menu > li:hover > .sub-menu { 
 display: block; 
 animation: fade-down 0.45s linear; 
 } 
 } 
header.style-3 .main-menu > ul > li ul.sub-menu > li:last-child { 
 border-bottom: none; 
 } 
header.style-3 .main-menu > ul > li .mega-menu { 
 position: absolute; 
 left: 0; 
 top: 83px; 
 margin: 0; 
 display: none; 
 background: var(--white-color); 
 border: 1px solid var(--borders-color); 
 padding: 50px 0px; 
 width: 100%; 
 transform-origin: top; 
 z-index: 1; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 header.style-3 .main-menu > ul > li .mega-menu { 
 padding: 50px 0; 
 } 
 } 
@media (max-width: 1399px) { 
 header.style-3 .main-menu > ul > li .mega-menu { 
 padding: 50px 0; 
 top: 74px; 
 } 
 } 
header.style-3 .main-menu > ul > li .mega-menu .menu-row { 
 display: grid; 
 grid-template-columns: repeat(6, 1fr); 
 gap: 48px; 
 } 
@media (max-width: 1399px) { 
 header.style-3 .main-menu > ul > li .mega-menu .menu-row { 
 gap: 35px; 
 } 
 } 
@media (max-width: 1199px) { 
 header.style-3 .main-menu > ul > li .mega-menu .menu-row { 
 grid-template-columns: repeat(5, 1fr); 
 gap: 20px; 
 row-gap: 30px; 
 } 
 } 
header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item { 
 padding: 0; 
 position: relative; 
 } 
header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item:last-child { 
 padding-right: 0; 
 } 
header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title { 
 margin-bottom: 30px; 
 } 
@media (max-width: 1399px) { 
 header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title { 
 margin-bottom: 25px; 
 } 
 } 
@media (max-width: 1199px) { 
 header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title { 
 margin-bottom: 20px; 
 } 
 } 
@media (max-width: 991px) { 
 header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title { 
 margin-bottom: 15px; 
 } 
 } 
header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title h5 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 30px; 
 margin-bottom: 0; 
 } 
@media (max-width: 1399px) { 
 header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title h5 { 
 font-size: 18px; 
 } 
 } 
header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 } 
header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li { 
 margin-bottom: 25px; 
 line-height: 1; 
 padding: 0; 
 display: block; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li { 
 margin-bottom: 23px; 
 } 
 } 
header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li:last-child { 
 margin-bottom: 0; 
 } 
header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li > a { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 transition: 0.5s; 
 display: inline-flex; 
 align-items: center; 
 gap: 8px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li > a { 
 font-size: 14px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li > a { 
 font-size: 15px; 
 } 
 } 
header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li > a img { 
 min-width: 15px; 
 max-width: 15px; 
 height: 15px; 
 border-radius: 50%; 
 } 
header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li > a:hover { 
 color: var(--primary-color1); 
 } 
header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li.active a { 
 color: var(--primary-color1); 
 display: inline-block; 
 } 
header.style-3 .main-menu > ul > li .mega-menu .vector1 { 
 position: absolute; 
 bottom: 0; 
 left: 0; 
 z-index: -1; 
 } 
@media (max-width: 1199px) { 
 header.style-3 .main-menu > ul > li .mega-menu .vector1 { 
 display: none; 
 } 
 } 
header.style-3 .main-menu > ul > li .mega-menu .vector2 { 
 position: absolute; 
 bottom: 0; 
 right: 0; 
 z-index: -1; 
 } 
@media (max-width: 1199px) { 
 header.style-3 .main-menu > ul > li .mega-menu .vector2 { 
 display: none; 
 } 
 } 
header.style-3 .main-menu > ul > li.menu-item-has-children { 
 transition: all 0.55s ease-in-out; 
 } 
@media (min-width: 1200px) { 
 header.style-3 .main-menu > ul > li:hover > ul.sub-menu { 
 display: block; 
 animation: fade-down 0.3s linear; 
 } 
 } 
@media (min-width: 1200px) { 
 header.style-3 .main-menu > ul > li:hover .mega-menu { 
 display: block; 
 animation: fade-down 0.3s linear; 
 } 
 } 
header.style-3 .main-menu > ul > li:hover > a { 
 border-color: rgba(var(--white-color-opc), 0.3); 
 background-color: rgba(var(--white-color-opc), 0.2); 
 -webkit-backdrop-filter: blur(150px); 
 backdrop-filter: blur(150px); 
 } 
header.style-3 .main-menu > ul > li:hover > a i { 
 color: var(--white-color); 
 } 
header.style-3 .main-menu > ul > li:hover .dropdown-icon2 { 
 color: var(--primary-color1); 
 } 
header.style-3 .main-menu > ul > li.active > a { 
 color: var(--white-color); 
 border-color: rgba(var(--white-color-opc), 0.3); 
 background-color: rgba(var(--white-color-opc), 0.2); 
 -webkit-backdrop-filter: blur(150px); 
 backdrop-filter: blur(150px); 
 } 
header.style-3 .main-menu > ul > li.active > a i { 
 color: var(--white-color); 
 } 
header.style-3 .main-menu > ul > li.active > i { 
 color: var(--primary-color1); 
 } 
header.style-3 .main-menu > ul > li.active .dropdown-icon2 { 
 color: var(--primary-color1); 
 } 
header.style-3 .main-menu > ul li.menu-item-has-children > i { 
 display: none; 
 } 
header.style-3 .mobile-logo-area .mobile-logo-wrap img { 
 width: 110px; 
 } 
header.style-3 .mobile-logo-area .menu-close-btn { 
 height: 38px; 
 width: 38px; 
 border-radius: 10px; 
 border: 1px solid var(--borders-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 cursor: pointer; 
 transition: 0.35s; 
 } 
header.style-3 .mobile-logo-area .menu-close-btn i { 
 font-size: 26px; 
 line-height: 1; 
 color: var(--title-color); 
 transition: 0.35s; 
 } 
header.style-3 .mobile-logo-area .menu-close-btn:hover { 
 background-color: var(--title-color); 
 } 
header.style-3 .mobile-logo-area .menu-close-btn:hover i { 
 color: var(--white-color); 
 } 
@media only screen and (max-width: 1199px) { 
 header.style-3 .dropdown-icon { 
 color: var(--white-color); 
 } 
 header.style-3 .main-menu { 
 position: fixed; 
 top: 0; 
 left: 0; 
 width: 280px; 
 padding: 30px 20px !important; 
 z-index: 99999; 
 height: 100%; 
 overflow: auto; 
 background: var(--white-color); 
 border-right: 1px solid var(--borders-color); 
 transform: translateX(-100%); 
 transition: transform 0.3s ease-in; 
 box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.03); 
 } 
 header.style-3 .main-menu.show-menu { 
 transform: translateX(0); 
 } 
 header.style-3 .main-menu .mobile-menu-logo { 
 text-align: left; 
 padding-top: 20px; 
 display: block; 
 padding-bottom: 8px; 
 } 
 header.style-3 .main-menu .menu-list { 
 padding-top: 50px; 
 padding-bottom: 30px; 
 border: unset; 
 } 
 header.style-3 .main-menu > ul { 
 float: none; 
 text-align: left; 
 padding: 5px 0px 20px 0; 
 } 
 header.style-3 .main-menu > ul > li { 
 display: block; 
 position: relative; 
 padding: 0; 
 } 
 header.style-3 .main-menu > ul > li i { 
 display: block; 
 } 
 header.style-3 .main-menu > ul > li > a { 
 padding: 15px 0; 
 display: block; 
 border: unset; 
 background-color: transparent; 
 color: var(--title-color); 
 } 
 header.style-3 .main-menu > ul > li > a i { 
 display: none; 
 } 
 header.style-3 .main-menu > ul > li ul.sub-menu { 
 position: static; 
 min-width: 200px; 
 border: none; 
 opacity: 1; 
 visibility: visible; 
 transform: translateY(0px); 
 padding: 0; 
 padding-left: 10px; 
 background-color: unset; 
 } 
 header.style-3 .main-menu > ul > li ul.sub-menu > li { 
 border-bottom: 1px solid #eee; 
 } 
 header.style-3 .main-menu > ul > li ul.sub-menu > li a { 
 color: var(--title-color); 
 padding: 12px 0px; 
 } 
 header.style-3 .main-menu > ul > li ul.sub-menu > li a:hover { 
 color: var(--primary-color1); 
 margin-left: 10px; 
 } 
 header.style-3 .main-menu > ul > li ul.sub-menu > li a.active { 
 color: var(--primary-color1); 
 } 
 header.style-3 .main-menu > ul > li ul.sub-menu > li i { 
 color: var(--primary-color1); 
 right: -13px; 
 } 
 header.style-3 .main-menu > ul > li ul.sub-menu > li .sub-menu { 
 padding-left: 10px; 
 } 
 header.style-3 .main-menu > ul > li ul.sub-menu > li .sub-menu li > a { 
 padding: 12px 0; 
 } 
 header.style-3 .main-menu > ul > li .mega-menu { 
 position: static; 
 min-width: 200px; 
 background: 0 0; 
 border: none; 
 opacity: 1; 
 visibility: visible; 
 transform: translateY(0px); 
 padding: 0; 
 } 
 header.style-3 .main-menu > ul > li .mega-menu .container { 
 padding: 0; 
 } 
 header.style-3 .main-menu > ul > li .mega-menu .menu-row { 
 display: block; 
 padding-left: 10px; 
 } 
 header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item { 
 padding: 0; 
 display: block; 
 border-bottom: 1px solid rgba(233, 228, 228, 0.5); 
 } 
 header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item:last-child { 
 margin-bottom: 0; 
 border-bottom: unset; 
 } 
 header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item::after { 
 display: none; 
 } 
 header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 margin-bottom: 0; 
 padding: 12px 0px; 
 } 
 header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item .menu-title h5 { 
 font-size: 14px; 
 font-weight: 500; 
 padding-bottom: 3px; 
 line-height: 1; 
 } 
 header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item i { 
 display: block; 
 top: 10px; 
 right: 0; 
 color: var(--title-color); 
 } 
 header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul { 
 padding-left: 10px; 
 display: none; 
 } 
 header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li { 
 margin-bottom: 0; 
 line-height: 1; 
 } 
 header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li:last-child a { 
 border-bottom: unset; 
 } 
 header.style-3 .main-menu > ul > li .mega-menu .menu-row .menu-single-item ul li a { 
 font-size: 14px; 
 padding: 12px 0px; 
 border-bottom: 1px solid rgba(233, 228, 228, 0.5); 
 display: flex; 
 } 
 header.style-3 .main-menu > ul > li:hover > a { 
 color: var(--primary-color1); 
 } 
 header.style-3 .main-menu > ul > li:hover i { 
 color: var(--primary-color1); 
 } 
 header.style-3 .main-menu > ul > li.active > a { 
 color: var(--primary-color1); 
 background-color: unset; 
 } 
 header.style-3 .main-menu > ul > li .bi { 
 top: 13px; 
 font-size: 20px; 
 color: var(--title-color); 
 line-height: 1; 
 } 
 header.style-3 .main-menu > ul li.menu-item-has-children > i { 
 display: block; 
 } 
 header.style-3 .main-menu .btn-and-contact-area { 
 flex-direction: column; 
 align-items: center; 
 gap: 20px; 
 } 
 header.style-3 .primary-btn3 { 
 width: 100%; 
 justify-content: center; 
 } 
 header.style-3 .contact-area .icon { 
 border-color: var(--black-color); 
 } 
 header.style-3 .contact-area .icon svg { 
 fill: var(--black-color); 
 } 
 header.style-3 .contact-area .content span { 
 color: var(--black-color); 
 } 
 header.style-3 .contact-area .content a { 
 color: var(--black-color); 
 } 
 header.style-3 .contact-area .content a:hover { 
 color: var(--primary-color1); 
 } 
 } 
header.style-3.two { 
 border: unset; 
 } 
header.style-3.two .nav-right { 
 gap: 30px; 
 } 
header.style-3.two .contact-area .icon { 
 border: 1px solid rgba(238, 238, 238, 0.1); 
 background-color: rgba(var(--white-color-opc), 0.2); 
 -webkit-backdrop-filter: blur(15px); 
 backdrop-filter: blur(15px); 
 } 
@media (max-width: 1199px) { 
 header.style-3.two .contact-area .icon { 
 border-color: var(--black-color); 
 background-color: unset; 
 -webkit-backdrop-filter: unset; 
 backdrop-filter: unset; 
 } 
 } 
header.style-3.two .search-and-login { 
 display: flex; 
 align-items: center; 
 gap: 25px; 
 } 
header.style-3.two .search-and-login .search-bar { 
 position: relative; 
 } 
@media (max-width: 576px) { 
 header.style-3.two .search-and-login .search-bar { 
 position: inherit; 
 } 
 } 
header.style-3.two .search-and-login .search-bar .search-btn { 
 min-width: 36px; 
 max-width: 36px; 
 height: 36px; 
 border-radius: 50%; 
 background-color: rgba(var(--white-color-opc), 0.2); 
 border: 1px solid rgba(var(--white-color-opc), 0.1); 
 -webkit-backdrop-filter: blur(15px); 
 backdrop-filter: blur(15px); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 cursor: pointer; 
 transition: 0.5s; 
 } 
header.style-3.two .search-and-login .search-bar .search-btn svg { 
 fill: var(--white-color); 
 transition: 0.5s; 
 } 
header.style-3.two .search-and-login .search-bar .search-btn:hover { 
 background-color: var(--primary-color1); 
 } 
header.style-3.two .search-and-login .search-bar .search-input { 
 position: absolute; 
 top: 47px; 
 right: 0; 
 z-index: 99; 
 width: 600px; 
 background-color: var(--title-color); 
 padding: 50px 30px 30px; 
 box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08); 
 display: none; 
 transform: scaleY(0); 
 transform-origin: top; 
 } 
@media (max-width: 767px) { 
 header.style-3.two .search-and-login .search-bar .search-input { 
 width: 450px; 
 right: -40px; 
 padding: 45px 20px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 header.style-3.two .search-and-login .search-bar .search-input { 
 width: 90%; 
 left: 15px; 
 right: unset; 
 top: 70px; 
 } 
 } 
header.style-3.two .search-and-login .search-bar .search-input.active { 
 display: block; 
 transform: scaleY(1); 
 animation: fade-up2 0.5s linear; 
 } 
@keyframes fade-up2 { 
 0% { 
 opacity: 0; 
 transform: translateY(10px); 
 visibility: hidden; 
 } 
 100% { 
 opacity: 1; 
 transform: translateY(0px); 
 visibility: visible; 
 } 
 } 
header.style-3.two .search-and-login .search-bar .search-input .search-close { 
 position: absolute; 
 top: 10px; 
 right: 15px; 
 display: inline-block; 
 border-radius: 50%; 
 background-color: #000; 
 box-shadow: 0 1px 12px 2px rgba(255, 255, 255, 0.1); 
 height: 28px; 
 width: 28px; 
 cursor: pointer; 
 z-index: 1; 
 } 
header.style-3.two .search-and-login .search-bar .search-input .search-close::after { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%) rotate(-45deg); 
 left: calc(50% - 7px); 
 display: block; 
 height: 1px; 
 width: 12px; 
 background-color: var(--white-color); 
 transition: all 0.3s ease-out; 
 } 
header.style-3.two .search-and-login .search-bar .search-input .search-close::before { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%) rotate(-135deg); 
 left: calc(50% - 7px); 
 display: block; 
 height: 1px; 
 width: 12px; 
 background-color: var(--white-color); 
 transition: all 0.3s ease-out; 
 } 
header.style-3.two .search-and-login .search-bar .search-input .search-close:hover::after { 
 transform: rotate(0); 
 } 
header.style-3.two .search-and-login .search-bar .search-input .search-close:hover::before { 
 transform: rotate(0); 
 } 
header.style-3.two .search-and-login .search-bar .search-input .search-group { 
 display: flex; 
 gap: 50px; 
 width: 100%; 
 border-bottom: 1px solid #616161; 
 } 
header.style-3.two .search-and-login .search-bar .search-input .search-group .form-inner2 { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 width: 100%; 
 } 
header.style-3.two .search-and-login .search-bar .search-input .search-group .form-inner2 input { 
 width: 100%; 
 background-color: transparent; 
 border: none; 
 font-size: 14px; 
 font-weight: 500; 
 font-family: var(--font-roboto); 
 line-height: 1; 
 color: var(--white-color); 
 } 
header.style-3.two .search-and-login .search-bar .search-input .search-group .form-inner2 input::-moz-placeholder { 
 color: #CACACA; 
 font-weight: 400; 
 } 
header.style-3.two .search-and-login .search-bar .search-input .search-group .form-inner2 input::placeholder { 
 color: #CACACA; 
 font-weight: 400; 
 } 
header.style-3.two .search-and-login .search-bar .search-input .search-group .form-inner2 button { 
 background-color: transparent; 
 font-size: 22px; 
 border: none; 
 outline: none; 
 } 
header.style-3.two .search-and-login .search-bar .search-input .search-group .form-inner2 button i { 
 font-size: 16px; 
 color: #fff; 
 } 
header.style-3.two .search-and-login .search-bar .search-input .quick-search { 
 display: flex; 
 gap: 10px; 
 padding-top: 15px; 
 } 
header.style-3.two .search-and-login .search-bar .search-input .quick-search ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 flex-wrap: wrap; 
 } 
header.style-3.two .search-and-login .search-bar .search-input .quick-search ul li { 
 padding-right: 5px; 
 line-height: 1.5; 
 } 
header.style-3.two .search-and-login .search-bar .search-input .quick-search ul li:first-child { 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 letter-spacing: 0.1em; 
 font-size: 13px; 
 margin-bottom: 0; 
 color: var(--white-color); 
 white-space: nowrap; 
 } 
header.style-3.two .search-and-login .search-bar .search-input .quick-search ul li a { 
 color: rgba(255, 255, 255, 0.7); 
 font-family: var(--font-roboto); 
 font-size: 13px; 
 font-weight: 400; 
 line-height: 28px; 
 transition: 0.5s; 
 } 
header.style-3.two .search-and-login .search-bar .search-input .quick-search ul li a:hover { 
 color: var(--primary-color1); 
 } 
header.style-3.two .search-and-login .login-btn { 
 min-width: 36px; 
 max-width: 36px; 
 height: 36px; 
 border-radius: 50%; 
 background-color: rgba(var(--white-color-opc), 0.2); 
 border: 1px solid rgba(var(--white-color-opc), 0.1); 
 -webkit-backdrop-filter: blur(15px); 
 backdrop-filter: blur(15px); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 transition: 0.5s; 
 } 
header.style-3.two .search-and-login .login-btn svg { 
 fill: var(--white-color); 
 transition: 0.5s; 
 } 
header.style-3.two .search-and-login .login-btn:hover { 
 background-color: var(--primary-color1); 
 } 
header.style-3.two .main-menu > ul > li > a { 
 border: 1px solid transparent; 
 } 
@media (max-width: 1199px) { 
 header.style-3.two .main-menu > ul > li > a { 
 border: unset; 
 } 
 } 
header.style-3.two .main-menu > ul > li:hover > a { 
 border-color: rgba(var(--white-color-opc), 0.5); 
 background-color: transparent; 
 -webkit-backdrop-filter: unset; 
 backdrop-filter: unset; 
 } 
header.style-3.two .main-menu > ul > li:hover > a i { 
 color: var(--white-color); 
 } 
header.style-3.two .main-menu > ul > li.active > a { 
 border-color: rgba(var(--white-color-opc), 0.5); 
 background-color: transparent; 
 -webkit-backdrop-filter: unset; 
 backdrop-filter: unset; 
 } 
header.style-3.two .main-menu > ul > li.active > a i { 
 color: var(--white-color); 
 } 

.top-offer-text-slider-section { 
 padding: 13px 0; 
 background-color: var(--black-color); 
 } 
.top-offer-text-slider-section .top-offer-text-slider-wrap { 
 position: relative; 
 padding: 0 42px; 
 max-width: 554px; 
 width: 100%; 
 margin: 0 auto; 
 } 
@media (max-width: 767px) { 
 .top-offer-text-slider-section .top-offer-text-slider-wrap { 
 padding: 0 25px; 
 } 
 } 
.top-offer-text-slider-section .top-offer-text-slider-wrap .slider-btn { 
 min-width: 24px; 
 max-width: 24px; 
 height: 24px; 
 border: 1px solid var(--white-color); 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 left: 0; 
 } 
.top-offer-text-slider-section .top-offer-text-slider-wrap .slider-btn svg { 
 fill: none; 
 stroke: var(--white-color); 
 } 
.top-offer-text-slider-section .top-offer-text-slider-wrap .slider-btn.top-offer-text-slider-next { 
 left: unset; 
 right: 0; 
 } 
.top-offer-text-slider-section .top-offer-text-slider-wrap a { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 24px; 
 display: block; 
 text-align: center; 
 } 
.top-offer-text-slider-section .top-offer-text-slider-wrap a strong { 
 font-weight: 700; 
 } 
@media (max-width: 767px) { 
 .top-offer-text-slider-section .top-offer-text-slider-wrap a { 
 font-size: 15px; 
 } 
 } 
.top-offer-text-slider-section .top-offer-text-slider-wrap .top-offer-text-slider { 
 margin: 0; 
 } 

/*=====================================
 04. Home1 Banner Section CSS
========================================*/
.home1-banner-section { 
 position: relative; 
 } 
.home1-banner-section .banner-video-area { 
 min-height: 470px; 
 height: 470px; 
 position: relative; 
 } 
.home1-banner-section .banner-video-area video { 
 width: 100%; 
 min-height: 470px; 
 height: 470px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
.home1-banner-section .banner-video-area::before { 
 content: ""; 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 background-color: rgba(0, 0, 0, 0.2); 
 } 
.home1-banner-section .banner-content-wrap { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 padding: 130px 0; 
 } 
@media (max-width: 991px) { 
 .home1-banner-section .banner-content-wrap { 
 padding: 100px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .home1-banner-section .banner-content-wrap { 
 padding: 80px 0; 
 } 
 } 
.home1-banner-section .banner-content-wrap .banner-content h1 { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 800; 
 font-size: 50px; 
 line-height: 1.2; 
 margin-bottom: 20px; 
 } 
@media (max-width: 767px) { 
 .home1-banner-section .banner-content-wrap .banner-content h1 { 
 font-size: 42px; 
 margin-bottom: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .home1-banner-section .banner-content-wrap .banner-content h1 { 
 font-size: 38px; 
 } 
 } 
.home1-banner-section .banner-content-wrap .banner-content p { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 28px; 
 margin-bottom: 0; 
 } 
@media (max-width: 576px) { 
 .home1-banner-section .banner-content-wrap .banner-content p { 
 font-size: 17px; 
 line-height: 26px; 
 } 
 } 

.filter-wrapper { 
 position: relative; 
 margin-top: -115px; 
 z-index: 9; 
 } 
@media (max-width: 991px) { 
 .filter-wrapper { 
 margin-top: -110px; 
 } 
 } 
.filter-wrapper .filter-item-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 16px; 
 margin-left: 40px; 
 margin-bottom: -24px; 
 } 
@media (max-width: 1399px) { 
 .filter-wrapper .filter-item-list { 
 margin-left: 30px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .filter-wrapper .filter-item-list { 
 margin-left: 20px; 
 } 
 } 
@media (max-width: 767px) { 
 .filter-wrapper .filter-item-list { 
 margin-left: 20px; 
 gap: 10px; 
 } 
 } 
@media (max-width: 576px) { 
 .filter-wrapper .filter-item-list { 
 flex-wrap: wrap; 
 margin-right: 20px; 
 margin-bottom: -27px; 
 } 
 } 
.filter-wrapper .filter-item-list .single-item { 
 padding: 11px 18px; 
 background-color: var(--white-color); 
 border: 1px solid var(--borders-color); 
 border-radius: 100px; 
 display: flex; 
 align-items: center; 
 gap: 8px; 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 transition: 0.5s; 
 cursor: pointer; 
 } 
@media (max-width: 767px) { 
 .filter-wrapper .filter-item-list .single-item { 
 padding: 8px 14px; 
 font-size: 14px; 
 } 
 } 
@media (max-width: 576px) { 
 .filter-wrapper .filter-item-list .single-item { 
 font-size: 12px; 
 padding: 8px 10px; 
 flex-direction: column; 
 border-radius: 10px; 
 } 
 } 
.filter-wrapper .filter-item-list .single-item svg { 
 fill: #CCB400; 
 transition: 0.5s; 
 } 
@media (max-width: 576px) { 
 .filter-wrapper .filter-item-list .single-item svg { 
 width: 20px; 
 } 
 } 
.filter-wrapper .filter-item-list .single-item:hover { 
 background-color: var(--primary-color1); 
 border-color: var(--primary-color1); 
 color: var(--white-color); 
 } 
.filter-wrapper .filter-item-list .single-item:hover svg { 
 fill: var(--white-color); 
 } 
.filter-wrapper .filter-item-list .single-item.active { 
 background-color: var(--primary-color1); 
 border-color: var(--primary-color1); 
 color: var(--white-color); 
 } 
.filter-wrapper .filter-item-list .single-item.active svg { 
 fill: var(--white-color); 
 } 
.filter-wrapper .filter-item-list .single-item.hotel svg { 
 fill: #AD932C; 
 } 
.filter-wrapper .filter-item-list .single-item.hotel:hover svg { 
 fill: var(--white-color); 
 } 
.filter-wrapper .filter-item-list .single-item.hotel.active svg { 
 fill: var(--white-color); 
 } 
.filter-wrapper .filter-item-list .single-item.visa svg { 
 fill: #1768E2; 
 } 
.filter-wrapper .filter-item-list .single-item.visa:hover svg { 
 fill: var(--white-color); 
 } 
.filter-wrapper .filter-item-list .single-item.visa.active svg { 
 fill: var(--white-color); 
 } 
.filter-wrapper .filter-input-wrap { 
 padding: 60px 40px 30px; 
 background-color: var(--white-color); 
 box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.08); 
 border-radius: 20px; 
 } 
@media (max-width: 1399px) { 
 .filter-wrapper .filter-input-wrap { 
 padding: 60px 30px 30px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .filter-wrapper .filter-input-wrap { 
 padding: 60px 20px 30px; 
 } 
 } 
@media (max-width: 767px) { 
 .filter-wrapper .filter-input-wrap { 
 padding: 50px 20px 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .filter-wrapper .filter-input-wrap { 
 border-radius: 15px; 
 } 
 } 
.filter-wrapper .filter-input-wrap .filter-input { 
 display: grid; 
 grid-template-columns: 31% 24.5% 24.5% 14%; 
 gap: 24px; 
 display: none; 
 } 
@media (max-width: 1399px) { 
 .filter-wrapper .filter-input-wrap .filter-input { 
 grid-template-columns: 29% 24% 24% 16%; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .filter-wrapper .filter-input-wrap .filter-input { 
 gap: 16px; 
 grid-template-columns: 28% 24% 24% 18%; 
 } 
 } 
@media (max-width: 991px) { 
 .filter-wrapper .filter-input-wrap .filter-input { 
 grid-template-columns: repeat(2, 1fr); 
 /* 3 items in first row */
 grid-auto-rows: auto; 
 } 
 } 
@media (max-width: 767px) { 
 .filter-wrapper .filter-input-wrap .filter-input { 
 grid-template-columns: repeat(1, 1fr); 
 /* 3 items in first row */
 grid-auto-rows: auto; 
 } 
 } 
.filter-wrapper .filter-input-wrap .filter-input.show { 
 display: grid; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box { 
 padding: 8px 20px; 
 border: 1px solid var(--borders-color); 
 border-radius: 10px; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 position: relative; 
 min-height: 62px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box { 
 padding: 8px 15px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box { 
 padding: 8px 12px; 
 gap: 6px; 
 } 
 } 
@media (max-width: 576px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box { 
 min-height: 52px; 
 padding: 8px 18px; 
 } 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box > svg { 
 fill: var(--text-color); 
 min-width: 18px; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown { 
 line-height: 1; 
 width: 100%; 
 cursor: pointer; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown input { 
 background-color: transparent; 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 width: 100%; 
 cursor: pointer; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown input { 
 font-size: 14px; 
 } 
 } 
@media (max-width: 576px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown input { 
 font-size: 15px; 
 } 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown h6 { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-size: 16px; 
 font-weight: 400; 
 line-height: 1; 
 letter-spacing: 0.3px; 
 width: 100%; 
 margin-bottom: 0; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown h6 { 
 min-width: 150px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown h6 { 
 min-width: unset; 
 font-size: 14px; 
 } 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown > span { 
 font-size: 14px; 
 font-family: var(--font-roboto); 
 color: var(--text-color); 
 font-weight: 400; 
 margin-bottom: 0; 
 line-height: 1.4; 
 display: block; 
 } 
@media (max-width: 576px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown > span { 
 font-size: 11px; 
 } 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown .input-field-value { 
 cursor: pointer; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown .input-field-value .destination h6 { 
 font-size: 16px; 
 font-family: var(--font-poppins); 
 color: var(--title-color); 
 font-weight: 500; 
 line-height: 1.4; 
 margin-bottom: 0; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown .input-field-value .destination h6 { 
 font-size: 15px; 
 } 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown .input-field-value .destination span { 
 font-size: 14px; 
 font-family: var(--font-roboto); 
 color: var(--text-color); 
 font-weight: 400; 
 margin-bottom: 0; 
 line-height: 1.4; 
 display: block; 
 } 
@media (max-width: 576px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown .input-field-value .destination span { 
 font-size: 11px; 
 } 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown .selected-date h6,
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown .hotel-selected-date-checkin h6,
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown .hotel-selected-date-checkout h6 { 
 font-size: 16px; 
 font-family: var(--font-poppins); 
 color: var(--title-color); 
 font-weight: 500; 
 line-height: 1.4; 
 margin-bottom: 0; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown .selected-date h6,
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown .hotel-selected-date-checkin h6,
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown .hotel-selected-date-checkout h6 { 
 font-size: 15px; 
 } 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown .selected-date span,
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown .hotel-selected-date-checkin span,
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown .hotel-selected-date-checkout span { 
 font-size: 14px; 
 font-family: var(--font-roboto); 
 color: var(--text-color); 
 font-weight: 400; 
 margin-bottom: 0; 
 line-height: 1.4; 
 display: block; 
 } 
@media (max-width: 576px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown .selected-date span,
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown .hotel-selected-date-checkin span,
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown .hotel-selected-date-checkout span { 
 font-size: 11px; 
 } 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown .hotel-selected-date-checkin .daterangepicker { 
 left: 0; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown .hotel-selected-date-checkout .daterangepicker { 
 right: 0 !important; 
 left: unset; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-dropdown.destination-dropdown input { 
 display: none; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap { 
 padding: 10px 0; 
 background-color: var(--white-color); 
 border-radius: 10px; 
 width: 100%; 
 max-height: 285px; 
 overflow-y: scroll; 
 position: absolute; 
 top: 65px; 
 left: 0; 
 z-index: 9; 
 box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.1019607843); 
 display: none; 
 transform: scaleY(0); 
 transform-origin: top; 
 min-width: 320px; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap::-webkit-scrollbar { 
 width: 5px; 
 /* width of the entire scrollbar */
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap::-webkit-scrollbar-track { 
 background: #f5f4f4; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap::-webkit-scrollbar-thumb { 
 background-color: #ddd; 
 /* color of the scroll thumb */
 border-radius: 100px; 
 /* creates padding around scroll thumb */
 } 
@media (max-width: 1199px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap { 
 min-width: 280px; 
 top: 56px; 
 } 
 } 
@media (max-width: 991px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap { 
 top: 60px; 
 } 
 } 
@media (max-width: 576px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap { 
 left: 50%; 
 } 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .custom-select-search-area { 
 border-bottom: 1px solid #dee2e6; 
 margin-bottom: 5px; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 margin: 0 10px 10px 10px; 
 padding-bottom: 5px; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .custom-select-search-area i { 
 color: var(--primary-color1); 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .custom-select-search-area input { 
 background-color: transparent; 
 color: var(--title-color); 
 font-size: 14px; 
 font-weight: 400; 
 width: 100%; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list,
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list-destination { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list li,
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list-destination li { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 transition: 0.5s; 
 cursor: pointer; 
 padding: 0 10px; 
 line-height: 1; 
 margin-bottom: 12px; 
 position: relative; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list li:last-child,
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list-destination li:last-child { 
 margin-bottom: 0; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list li .destination h6,
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list-destination li .destination h6 { 
 font-size: 14px; 
 font-family: var(--font-poppins); 
 color: var(--title-color); 
 font-weight: 500; 
 line-height: 1.4; 
 margin-bottom: 0; 
 } 
@media (max-width: 576px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list li .destination h6,
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list-destination li .destination h6 { 
 font-size: 13px; 
 } 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list li .destination span,
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list-destination li .destination span { 
 font-size: 12px; 
 font-family: var(--font-roboto); 
 color: var(--text-color); 
 font-weight: 400; 
 margin-bottom: 0; 
 line-height: 1.4; 
 } 
@media (max-width: 576px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list li .destination span,
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list-destination li .destination span { 
 font-size: 11px; 
 } 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list li .tour span,
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list-destination li .tour span { 
 color: var(--white-color); 
 font-weight: 400; 
 font-family: var(--font-poppins); 
 font-size: 11px; 
 line-height: 1; 
 text-align: center; 
 background-color: var(--primary-color1); 
 width: 36px; 
 height: 36px; 
 border-radius: 50%; 
 display: inline-flex; 
 align-items: center; 
 justify-content: center; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list li .flag img,
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list-destination li .flag img { 
 width: 22px; 
 height: 22px; 
 border-radius: 50%; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list li::before,
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list-destination li::before { 
 content: ""; 
 height: 100%; 
 width: 3px; 
 background-color: var(--title-color); 
 position: absolute; 
 left: 0; 
 top: 0; 
 opacity: 0; 
 transition: 0.5s; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list li.single-item,
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list-destination li.single-item { 
 padding: 10px 15px; 
 border-bottom: 1px solid #f5f4f4; 
 margin-bottom: 0; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list li.single-item:last-child,
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list-destination li.single-item:last-child { 
 border-bottom: none; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list li.single-item h6,
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list-destination li.single-item h6 { 
 font-size: 14px; 
 font-weight: 500; 
 font-family: var(--font-poppins); 
 color: var(--text-color); 
 margin-bottom: 0; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list li:hover,
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list-destination li:hover { 
 background: rgba(211, 211, 211, 0.231372549); 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list li:hover::before,
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list-destination li:hover::before { 
 opacity: 1; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list.visa-list li,
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list-destination.visa-list li { 
 padding: 12px 10px; 
 border-bottom: 1px solid #f5f4f4; 
 margin-bottom: 0; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap.active { 
 display: block; 
 transform: scaleY(1); 
 animation: fade-down 0.3s linear; 
 } 
@keyframes fade-down2 { 
 0% { 
 opacity: 0; 
 transform: scaleY(0) translateX(-50%); 
 visibility: hidden; 
 } 
 100% { 
 opacity: 1; 
 transform: scaleY(1) translateX(-50%); 
 visibility: visible; 
 } 
 } 
@media (max-width: 576px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap.active { 
 transform: scaleY(1) translateX(-50%); 
 animation: fade-down2 0.3s linear; 
 } 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap.two { 
 max-width: unset; 
 min-width: 200px; 
 max-height: 250px; 
 padding: 0; 
 } 
@media (max-width: 1199px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap.two { 
 max-width: 100%; 
 min-width: 100%; 
 } 
 } 
@media (min-width: 768px) and (max-width: 991px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap.two { 
 left: 0; 
 } 
 } 
@media (min-width: 576px) and (max-width: 768px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap.two { 
 left: 0; 
 } 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap.three .option-list-destination li { 
 justify-content: start; 
 gap: 15px; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap.three .option-list-destination li .tour span { 
 font-size: 13px; 
 font-weight: 500; 
 background-color: transparent; 
 border: 1px solid var(--borders-color); 
 color: var(--primary-color1); 
 } 
@media (max-width: 576px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap.three .option-list-destination li .tour span { 
 font-size: 12px; 
 } 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap.four { 
 max-width: unset; 
 min-width: 250px; 
 max-height: 235px; 
 } 
@media (max-width: 1199px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap.four { 
 max-width: 100%; 
 min-width: 100%; 
 } 
 } 
@media (min-width: 768px) and (max-width: 991px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap.four { 
 left: 0; 
 } 
 } 
@media (min-width: 576px) and (max-width: 768px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box .custom-select-wrap.four { 
 left: 0; 
 } 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.date-field .custom-select-dropdown { 
 position: relative; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.date-field .custom-select-dropdown input { 
 opacity: 0; 
 width: 100%; 
 height: 100%; 
 position: absolute; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-dropdown { 
 cursor: pointer; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-dropdown h6 { 
 font-size: 16px; 
 font-family: var(--font-poppins); 
 color: var(--title-color); 
 font-weight: 500; 
 line-height: 1.4; 
 margin-bottom: 0; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-dropdown h6 { 
 font-size: 15px; 
 } 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-dropdown > span { 
 font-size: 14px; 
 font-family: var(--font-roboto); 
 color: var(--text-color); 
 font-weight: 400; 
 margin-bottom: 0; 
 line-height: 1.4; 
 display: block; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-dropdown > span strong { 
 font-weight: 400; 
 } 
@media (max-width: 576px) { 
 .filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-dropdown > span { 
 font-size: 11px; 
 } 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-wrap { 
 min-width: 320px; 
 left: unset; 
 right: 0; 
 max-height: unset; 
 padding: 25px 20px; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-wrap .title-area { 
 line-height: 1; 
 margin-bottom: 20px; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-wrap .title-area h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-wrap .title-area span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 14px; 
 line-height: 1.4; 
 display: block; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-wrap .room-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 margin-bottom: 30px; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-wrap .room-list .single-room { 
 border: 1px solid var(--borders-color); 
 border-radius: 10px; 
 margin-bottom: 5px; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-wrap .room-list .single-room .room-title { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 padding: 10px 15px; 
 background-color: #F0F0F0; 
 border-radius: 10px; 
 min-height: 45px; 
 cursor: pointer; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-wrap .room-list .single-room .room-title h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 400; 
 font-size: 16px; 
 line-height: 1; 
 margin-bottom: 0; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-wrap .room-list .single-room .room-title svg { 
 fill: #FF0000; 
 min-width: 15px; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-wrap .room-list .single-room .guest-count { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 padding: 25px 15px; 
 display: none; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-wrap .room-list .single-room .guest-count .single-item { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 margin-bottom: 20px; 
 line-height: 1; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-wrap .room-list .single-room .guest-count .single-item:last-child { 
 margin-bottom: 0; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-wrap .room-list .single-room .guest-count .single-item .title h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 16px; 
 font-weight: 400; 
 margin-bottom: 5px; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-wrap .room-list .single-room .guest-count .single-item .title span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-size: 14px; 
 font-weight: 400; 
 margin-bottom: 0; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-wrap .room-list .single-room .guest-count .single-item .quantity-counter { 
 display: flex; 
 align-items: center; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-wrap .room-list .single-room .guest-count .single-item .quantity-counter a { 
 height: 20px; 
 min-width: 20px; 
 max-width: 20px; 
 border-radius: 50%; 
 border: 1px solid var(--primary-color1); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 transition: 0.35s; 
 font-size: 17px; 
 color: var(--primary-color1); 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-wrap .room-list .single-room .guest-count .single-item .quantity-counter a:hover { 
 color: var(--white-color); 
 background-color: var(--primary-color1); 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-wrap .room-list .single-room .guest-count .single-item .quantity-counter input { 
 width: 40px; 
 background-color: transparent; 
 text-align: center; 
 line-height: 1; 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 14px; 
 font-weight: 500; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-wrap .room-list .single-room .guest-count.room-count .single-item { 
 padding: 14px 20px; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-wrap .primary-btn1 { 
 width: 100%; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-wrap .primary-btn1 svg { 
 min-width: unset; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .single-search-box.room-field .custom-select-wrap .primary-btn1.add-btn.disabled { 
 pointer-events: none; 
 opacity: 0.5; 
 } 
.filter-wrapper .filter-input-wrap .filter-input .primary-btn1 { 
 padding: 20px 18px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .filter-wrapper .filter-input-wrap .filter-input .primary-btn1 { 
 font-size: 14px; 
 padding: 16px 24px; 
 } 
 } 
@media (max-width: 576px) { 
 .filter-wrapper .filter-input-wrap .filter-input .primary-btn1 { 
 padding: 17px 24px; 
 } 
 } 
.filter-wrapper .filter-input-wrap .filter-input .primary-btn1 svg { 
 min-width: 18px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .filter-wrapper .filter-input-wrap .filter-input .primary-btn1 svg { 
 min-width: 16px; 
 } 
 } 
.filter-wrapper .filter-input-wrap .filter-input.two { 
 grid-template-columns: 20.5% 19% 19% 20% 13%; 
 } 
@media (max-width: 1399px) { 
 .filter-wrapper .filter-input-wrap .filter-input.two { 
 grid-template-columns: 23% 18% 18% 19% 14.5%; 
 gap: 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .filter-wrapper .filter-input-wrap .filter-input.two { 
 grid-template-columns: 23% 18% 18% 20% 14%; 
 gap: 15px; 
 } 
 } 
@media (max-width: 991px) { 
 .filter-wrapper .filter-input-wrap .filter-input.two { 
 grid-template-columns: repeat(2, 1fr); 
 grid-auto-rows: auto; 
 } 
 .filter-wrapper .filter-input-wrap .filter-input.two .primary-btn1 { 
 grid-column: span 2; 
 } 
 } 
@media (max-width: 767px) { 
 .filter-wrapper .filter-input-wrap .filter-input.two { 
 grid-template-columns: repeat(1, 1fr); 
 grid-auto-rows: auto; 
 } 
 .filter-wrapper .filter-input-wrap .filter-input.two .primary-btn1 { 
 grid-column: span 1; 
 } 
 } 
.filter-wrapper .filter-input-wrap > p { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1.7; 
 margin-bottom: 0; 
 margin-top: 15px; 
 } 
.filter-wrapper .filter-input-wrap > p a { 
 color: var(--primary-color1); 
 font-weight: 600; 
 white-space: nowrap; 
 position: relative; 
 background: linear-gradient(to bottom, var(--primary-color1) 0%, var(--primary-color1) 98%); 
 background-repeat: no-repeat; 
 background-size: 0 1px; 
 background-position: 0% 100%; 
 transition: background-size 0.75s; 
 } 
.filter-wrapper .filter-input-wrap > p a:hover { 
 background-size: 100% 1px; 
 background-position: left 100%; 
 } 
.filter-wrapper.two { 
 margin-top: -95px; 
 } 
@media (max-width: 991px) { 
 .filter-wrapper.two { 
 margin-top: -100px; 
 } 
 } 
@media (max-width: 767px) { 
 .filter-wrapper.two { 
 margin-top: -110px; 
 } 
 } 
.filter-wrapper.two .filter-input-wrap { 
 padding: 20px 40px; 
 } 
@media (max-width: 1399px) { 
 .filter-wrapper.two .filter-input-wrap { 
 padding: 20px 30px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .filter-wrapper.two .filter-input-wrap { 
 padding: 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .filter-wrapper.two .filter-input-wrap { 
 padding: 20px; 
 } 
 } 
.filter-wrapper.two .filter-input-wrap h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 28px; 
 margin-bottom: 15px; 
 } 
.filter-wrapper.two .filter-input-wrap .filter-input { 
 grid-template-columns: 31% 24% 24% 15%; 
 } 
@media (max-width: 1399px) { 
 .filter-wrapper.two .filter-input-wrap .filter-input { 
 grid-template-columns: 29% 24% 24% 16%; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .filter-wrapper.two .filter-input-wrap .filter-input { 
 grid-template-columns: 28% 24% 24% 18%; 
 } 
 } 
@media (max-width: 991px) { 
 .filter-wrapper.two .filter-input-wrap .filter-input { 
 grid-template-columns: repeat(2, 1fr); 
 /* 3 items in first row */
 grid-auto-rows: auto; 
 } 
 } 
@media (max-width: 767px) { 
 .filter-wrapper.two .filter-input-wrap .filter-input { 
 grid-template-columns: repeat(1, 1fr); 
 /* 3 items in first row */
 grid-auto-rows: auto; 
 } 
 } 
.filter-wrapper.two .filter-input-wrap .filter-input.two { 
 grid-template-columns: 20.5% 19% 19% 20% 13%; 
 } 
@media (max-width: 1399px) { 
 .filter-wrapper.two .filter-input-wrap .filter-input.two { 
 grid-template-columns: 23% 18% 18% 19% 14.5%; 
 gap: 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .filter-wrapper.two .filter-input-wrap .filter-input.two { 
 grid-template-columns: 23% 18% 18% 20% 14%; 
 gap: 15px; 
 } 
 } 
@media (max-width: 991px) { 
 .filter-wrapper.two .filter-input-wrap .filter-input.two { 
 grid-template-columns: repeat(2, 1fr); 
 grid-auto-rows: auto; 
 } 
 .filter-wrapper.two .filter-input-wrap .filter-input.two .primary-btn1 { 
 grid-column: span 2; 
 } 
 } 
@media (max-width: 767px) { 
 .filter-wrapper.two .filter-input-wrap .filter-input.two { 
 grid-template-columns: repeat(1, 1fr); 
 grid-auto-rows: auto; 
 } 
 .filter-wrapper.two .filter-input-wrap .filter-input.two .primary-btn1 { 
 grid-column: span 1; 
 } 
 } 
.filter-wrapper.two .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .custom-select-search-area i { 
 color: var(--primary-color2); 
 } 
.filter-wrapper.two .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list-destination li .tour span { 
 background-color: var(--primary-color2); 
 } 
.filter-wrapper.two .filter-input-wrap > p a { 
 color: var(--primary-color2); 
 background: linear-gradient(to bottom, var(--primary-color2) 0%, var(--primary-color2) 98%); 
 background-repeat: no-repeat; 
 background-size: 0 1px; 
 background-position: 0% 100%; 
 transition: background-size 0.75s; 
 } 
.filter-wrapper.two .filter-input-wrap > p a:hover { 
 background-size: 100% 1px; 
 background-position: left 100%; 
 } 
.filter-wrapper.three { 
 margin-top: -95px; 
 } 
@media (max-width: 991px) { 
 .filter-wrapper.three { 
 margin-top: -100px; 
 } 
 } 
@media (max-width: 767px) { 
 .filter-wrapper.three { 
 margin-top: -110px; 
 } 
 } 
.filter-wrapper.three .filter-input-wrap { 
 padding: 20px 40px; 
 background-color: var(--primary-color4); 
 } 
@media (max-width: 1399px) { 
 .filter-wrapper.three .filter-input-wrap { 
 padding: 20px 30px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .filter-wrapper.three .filter-input-wrap { 
 padding: 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .filter-wrapper.three .filter-input-wrap { 
 padding: 20px; 
 } 
 } 
.filter-wrapper.three .filter-input-wrap h6 { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 28px; 
 margin-bottom: 15px; 
 } 
.filter-wrapper.three .filter-input-wrap .filter-input .single-search-box { 
 background-color: var(--white-color); 
 } 
.filter-wrapper.three .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .custom-select-search-area i { 
 color: var(--primary-color4); 
 } 
.filter-wrapper.three .filter-input-wrap .filter-input .single-search-box .custom-select-wrap .option-list li .tour span { 
 background-color: var(--primary-color4); 
 } 
.filter-wrapper.three .filter-input-wrap .filter-input .primary-btn1 span svg { 
 fill: none; 
 stroke: var(--title-color); 
 } 
.filter-wrapper.three .filter-input-wrap .filter-input .primary-btn1::after { 
 background-color: var(--black-color); 
 } 
.filter-wrapper.three .filter-input-wrap .filter-input .primary-btn1:hover span svg { 
 stroke: var(--white-color); 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .filter-wrapper.three .filter-input-wrap .filter-input .primary-btn1 { 
 padding: 16px 14px; 
 } 
 } 
.filter-wrapper.three .filter-input-wrap > p { 
 color: var(--white-color); 
 } 
.filter-wrapper.three .filter-input-wrap > p a { 
 color: var(--white-color); 
 font-weight: 700; 
 background: linear-gradient(to bottom, var(--white-color) 0%, var(--white-color) 98%); 
 background-repeat: no-repeat; 
 background-size: 0 1px; 
 background-position: 0% 100%; 
 transition: background-size 0.75s; 
 } 
.filter-wrapper.three .filter-input-wrap > p a:hover { 
 background-size: 100% 1px; 
 background-position: left 100%; 
 } 
.filter-wrapper.hotel { 
 margin-top: -75px; 
 } 
@media (max-width: 991px) { 
 .filter-wrapper.hotel { 
 margin-top: -90px; 
 } 
 } 
@media (max-width: 767px) { 
 .filter-wrapper.hotel { 
 margin-top: -90px; 
 } 
 } 
.filter-wrapper.hotel .filter-input-wrap { 
 padding: 20px 40px 25px; 
 } 
@media (max-width: 1399px) { 
 .filter-wrapper.hotel .filter-input-wrap { 
 padding: 20px 30px 25px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .filter-wrapper.hotel .filter-input-wrap { 
 padding: 20px 20px 25px; 
 } 
 } 
@media (max-width: 576px) { 
 .filter-wrapper.hotel .filter-input-wrap { 
 padding: 20px 20px 25px; 
 } 
 } 

/*=====================================
 05. Home1 Offer Section CSS
========================================*/
.home1-offer-section img { 
 border-radius: 20px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home1-offer-section img { 
 min-height: 180px; 
 } 
 } 
@media (max-width: 576px) { 
 .home1-offer-section img { 
 border-radius: 10px; 
 } 
 } 

/*=====================================
 06. Home1 Destination Section CSS
========================================*/
.home1-destination-section .nav-pills { 
 justify-content: center; 
 gap: 15px; 
 margin-top: 30px; 
 } 
@media (max-width: 991px) { 
 .home1-destination-section .nav-pills { 
 gap: 10px; 
 row-gap: 15px; 
 } 
 } 
@media (max-width: 767px) { 
 .home1-destination-section .nav-pills { 
 margin-top: 25px; 
 } 
 } 
@media (max-width: 576px) { 
 .home1-destination-section .nav-pills { 
 gap: 8px; 
 row-gap: 15px; 
 margin-top: 20px; 
 } 
 } 
.home1-destination-section .nav-pills .nav-item .nav-link { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 18px; 
 line-height: 1; 
 padding: 6px 18px; 
 border-radius: 16px; 
 border: 1px solid var(--borders-color); 
 transition: 0.5s; 
 } 
@media (max-width: 991px) { 
 .home1-destination-section .nav-pills .nav-item .nav-link { 
 font-size: 16px; 
 } 
 } 
@media (max-width: 576px) { 
 .home1-destination-section .nav-pills .nav-item .nav-link { 
 font-size: 15px; 
 padding: 5px 13px; 
 } 
 } 
.home1-destination-section .nav-pills .nav-item .nav-link:hover { 
 color: var(--white-color); 
 background-color: var(--primary-color1); 
 border-color: var(--primary-color1); 
 } 
.home1-destination-section .nav-pills .nav-item .nav-link.active { 
 color: var(--white-color); 
 background-color: var(--primary-color1); 
 border-color: var(--primary-color1); 
 } 

.destination-card { 
 min-height: 260px; 
 max-height: 260px; 
 } 
.destination-card .destination-img { 
 display: block; 
 } 
.destination-card .destination-img img { 
 width: 100%; 
 height: 210px; 
 transition: height 0.5s ease; 
 border-radius: 20px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 -o-object-position: center center; 
 object-position: center center; 
 transform-origin: top; 
 } 
.destination-card .destination-content { 
 padding: 20px 10px 0; 
 text-align: center; 
 transform: translateY(0); 
 transition: transform 0.5s ease; 
 transform-origin: bottom; 
 } 
.destination-card .destination-content .title-area { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 5px; 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 1; 
 transition: 0.5s; 
 } 
.destination-card .destination-content .title-area svg { 
 fill: var(--title-color); 
 transition: 0.5s; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .destination-card .destination-content .title-area { 
 font-size: 19px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .destination-card .destination-content .title-area { 
 font-size: 19px; 
 } 
 } 
@media (max-width: 991px) { 
 .destination-card .destination-content .title-area { 
 font-size: 18px; 
 } 
 } 
.destination-card .destination-content .title-area:hover { 
 color: var(--primary-color1); 
 } 
.destination-card .destination-content .title-area:hover svg { 
 fill: var(--primary-color1); 
 } 
.destination-card .destination-content .content { 
 max-width: 180px; 
 width: 100%; 
 margin: 0 auto; 
 padding-top: 10px; 
 opacity: 0; 
 display: none; 
 transform: translateY(0); 
 transition: transform 0.5s ease; 
 transform-origin: bottom; 
 } 
.destination-card .destination-content .content p { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1.8; 
 margin-bottom: 0; 
 } 
.destination-card:hover .destination-img img { 
 height: 156px; 
 } 
.destination-card:hover .destination-content .content { 
 opacity: 1; 
 display: block; 
 } 

/*=====================================
 07. Home1 Service Section CSS
========================================*/
.service-wrapper { 
 padding: 60px 50px; 
 border-radius: 20px; 
 background-color: #F2F2FF; 
 } 
@media (max-width: 1399px) { 
 .service-wrapper { 
 padding: 60px 25px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .service-wrapper { 
 padding: 50px 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .service-wrapper { 
 padding: 45px 15px; 
 border-radius: 15px; 
 } 
 } 
.service-wrapper .section-title { 
 text-align: center; 
 margin-bottom: 30px; 
 } 
.service-wrapper .section-title h2 { 
 font-size: 32px; 
 margin-bottom: 5px; 
 } 
@media (max-width: 767px) { 
 .service-wrapper .section-title h2 { 
 font-size: 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .service-wrapper .section-title h2 { 
 font-size: 28px; 
 } 
 } 
.service-wrapper .section-title svg { 
 fill: rgba(82, 82, 82, 0.15); 
 width: 100%; 
 } 
.service-wrapper .service-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 20px; 
 margin-bottom: 40px; 
 } 
@media (max-width: 991px) { 
 .service-wrapper .service-list { 
 display: grid; 
 grid-template-columns: repeat(2, 1fr); 
 row-gap: 25px; 
 } 
 } 
@media (max-width: 767px) { 
 .service-wrapper .service-list { 
 grid-template-columns: repeat(1, 1fr); 
 row-gap: 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .service-wrapper .service-list { 
 row-gap: 22px; 
 margin-bottom: 35px; 
 } 
 } 
.service-wrapper .service-list .single-service { 
 display: flex; 
 gap: 20px; 
 max-width: 370px; 
 width: 100%; 
 } 
@media (max-width: 1399px) { 
 .service-wrapper .service-list .single-service { 
 gap: 15px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .service-wrapper .service-list .single-service { 
 gap: 10px; 
 } 
 } 
@media (max-width: 767px) { 
 .service-wrapper .service-list .single-service { 
 max-width: unset; 
 } 
 } 
@media (max-width: 576px) { 
 .service-wrapper .service-list .single-service { 
 gap: 12px; 
 } 
 } 
.service-wrapper .service-list .single-service .icon { 
 min-width: 50px; 
 max-width: 50px; 
 height: 50px; 
 border-radius: 50%; 
 background-color: #FFB52A; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 margin-top: 5px; 
 } 
.service-wrapper .service-list .single-service .icon svg { 
 fill: var(--title-color); 
 } 
.service-wrapper .service-list .single-service .content h4 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 25px; 
 line-height: 1.4; 
 margin-bottom: 10px; 
 } 
@media (max-width: 1199px) { 
 .service-wrapper .service-list .single-service .content h4 { 
 font-size: 22px; 
 } 
 } 
@media (max-width: 991px) { 
 .service-wrapper .service-list .single-service .content h4 { 
 margin-bottom: 5px; 
 } 
 } 
@media (max-width: 576px) { 
 .service-wrapper .service-list .single-service .content h4 { 
 font-size: 19px; 
 } 
 } 
.service-wrapper .service-list .single-service .content p { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 24px; 
 margin-bottom: 0; 
 } 
@media (max-width: 1399px) { 
 .service-wrapper .service-list .single-service .content p { 
 font-size: 15px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .service-wrapper .service-list .single-service .content p { 
 font-size: 14px; 
 } 
 } 
@media (max-width: 576px) { 
 .service-wrapper .service-list .single-service .content p { 
 font-size: 14px; 
 } 
 } 
.service-wrapper .service-list .single-service:nth-child(2) .icon { 
 background-color: #0AB5FF; 
 } 
.service-wrapper .batch { 
 padding: 9px 30px; 
 border-radius: 100px; 
 background-color: var(--primary-color1); 
 display: inline-flex; 
 align-items: center; 
 gap: 15px; 
 } 
@media (max-width: 576px) { 
 .service-wrapper .batch { 
 flex-wrap: wrap; 
 justify-content: center; 
 gap: 8px; 
 padding: 12px 30px; 
 } 
 } 
.service-wrapper .batch span { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 24px; 
 } 
.service-wrapper .batch a { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 15px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 transition: 0.5s; 
 } 
.service-wrapper .batch a svg { 
 fill: none; 
 stroke: var(--white-color); 
 transition: 0.5s; 
 } 
.service-wrapper .batch a:hover svg { 
 transform: rotate(45deg); 
 } 
.service-wrapper .batch.two { 
 padding: 9px 18px; 
 } 
.service-wrapper.two { 
 background-image: url(../img/home2/home2-service-bg.png), linear-gradient(180deg, #F1FEBF 0%, #F1FEBF 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 } 
.service-wrapper.two .section-title h2 { 
 font-size: 25px; 
 margin-bottom: 15px; 
 } 
@media (max-width: 991px) { 
 .service-wrapper.two .section-title h2 { 
 margin-bottom: 10px; 
 } 
 } 
@media (max-width: 576px) { 
 .service-wrapper.two .section-title h2 { 
 font-size: 22px; 
 margin-bottom: 5px; 
 } 
 } 
.service-wrapper.two .section-title svg { 
 fill: rgba(82, 82, 82, 0.15); 
 width: 100%; 
 } 
.service-wrapper.two .batch { 
 background-color: var(--black-color); 
 } 
@media (max-width: 767px) { 
 .service-wrapper.two .batch { 
 padding: 9px 20px; 
 } 
 } 
@media (max-width: 767px) { 
 .service-wrapper.two .batch span { 
 font-size: 15px; 
 } 
 } 
.service-wrapper.two .batch a { 
 font-size: 15px; 
 } 
.service-wrapper.two .batch a:hover { 
 color: var(--primary-color1); 
 } 
.service-wrapper.two .batch a:hover svg { 
 stroke: var(--primary-color1); 
 } 
.service-wrapper.two .batch.two { 
 padding: 9px 18px; 
 } 
@media (max-width: 576px) { 
 .service-wrapper.two .bottom-area { 
 flex-wrap: wrap; 
 gap: 10px; 
 } 
 } 
.service-wrapper.three { 
 background-image: url(../img/home3/home3-service-bg.png), linear-gradient(180deg, #FFF2E2 0%, #FFF2E2 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 45px 50px; 
 } 
@media (max-width: 1399px) { 
 .service-wrapper.three { 
 padding: 45px 25px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .service-wrapper.three { 
 padding: 40px 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .service-wrapper.three { 
 padding: 40px 15px; 
 border-radius: 15px; 
 } 
 } 
.service-wrapper.three .section-title { 
 text-align: start; 
 display: flex; 
 align-items: end; 
 justify-content: space-between; 
 gap: 20px; 
 flex-wrap: wrap; 
 margin-bottom: 45px; 
 } 
@media (max-width: 576px) { 
 .service-wrapper.three .section-title { 
 margin-bottom: 30px; 
 gap: 15px; 
 } 
 } 
.service-wrapper.three .section-title h2 { 
 max-width: 400px; 
 width: 100%; 
 line-height: 40px; 
 position: relative; 
 z-index: 1; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .service-wrapper.three .section-title h2 { 
 font-size: 30px; 
 } 
 } 
@media (max-width: 991px) { 
 .service-wrapper.three .section-title h2 { 
 font-size: 28px; 
 } 
 } 
@media (max-width: 576px) { 
 .service-wrapper.three .section-title h2 { 
 font-size: 24px; 
 line-height: 36px; 
 } 
 } 
.service-wrapper.three .section-title h2 span { 
 position: relative; 
 z-index: -1; 
 } 
.service-wrapper.three .section-title h2 span::before { 
 content: ""; 
 position: absolute; 
 top: -2px; 
 left: 50%; 
 transform: translateX(-50%); 
 background-image: url(../img/home3/vector/service-title-shape.svg); 
 width: 130px; 
 height: 53px; 
 background-size: cover; 
 background-repeat: no-repeat; 
 } 
@media (max-width: 991px) { 
 .service-wrapper.three .section-title h2 span::before { 
 top: -6px; 
 } 
 } 
@media (max-width: 576px) { 
 .service-wrapper.three .section-title h2 span::before { 
 width: 100px; 
 height: 46px; 
 background-size: contain; 
 top: -3px; 
 } 
 } 
.service-wrapper.three .section-title a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 15px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 white-space: nowrap; 
 transition: 0.5s; 
 margin-bottom: 10px; 
 } 
.service-wrapper.three .section-title a svg { 
 fill: none; 
 stroke: var(--title-color); 
 transition: 0.5s; 
 } 
.service-wrapper.three .section-title a:hover { 
 color: var(--primary-color1); 
 } 
.service-wrapper.three .section-title a:hover svg { 
 transform: rotate(45deg); 
 stroke: var(--primary-color1); 
 } 
.service-wrapper.three .service-list { 
 margin-bottom: 0; 
 } 
.service-wrapper.four { 
 background-image: url(../img/home5/home5-service-bg.png), linear-gradient(180deg, #FFF2E2 0%, #FFF2E2 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 border-radius: unset; 
 padding: 100px 0 190px; 
 } 
@media (max-width: 1199px) { 
 .service-wrapper.four { 
 padding: 90px 0 190px; 
 } 
 } 
@media (max-width: 991px) { 
 .service-wrapper.four { 
 padding: 80px 0 170px; 
 } 
 } 
@media (max-width: 767px) { 
 .service-wrapper.four { 
 padding: 70px 0 170px; 
 } 
 } 
@media (max-width: 576px) { 
 .service-wrapper.four { 
 padding: 60px 0 170px; 
 } 
 } 
.service-wrapper.four .section-title { 
 margin-bottom: 45px; 
 } 
@media (max-width: 576px) { 
 .service-wrapper.four .section-title { 
 margin-bottom: 30px; 
 gap: 15px; 
 } 
 } 
.service-wrapper.four .section-title h2 { 
 max-width: 400px; 
 width: 100%; 
 line-height: 40px; 
 position: relative; 
 z-index: 1; 
 margin: 0 auto; 
 } 
@media (max-width: 1199px) { 
 .service-wrapper.four .section-title h2 { 
 font-size: 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .service-wrapper.four .section-title h2 { 
 font-size: 24px; 
 line-height: 36px; 
 } 
 } 
.service-wrapper.four .section-title h2 span { 
 position: relative; 
 z-index: -1; 
 } 
.service-wrapper.four .section-title h2 span::before { 
 content: ""; 
 position: absolute; 
 top: -2px; 
 left: 50%; 
 transform: translateX(-50%); 
 background-image: url(../img/home3/vector/service-title-shape.svg); 
 width: 130px; 
 height: 53px; 
 background-size: cover; 
 background-repeat: no-repeat; 
 } 
@media (max-width: 991px) { 
 .service-wrapper.four .section-title h2 span::before { 
 top: -6px; 
 } 
 } 
@media (max-width: 576px) { 
 .service-wrapper.four .section-title h2 span::before { 
 width: 100px; 
 height: 46px; 
 background-size: contain; 
 top: -3px; 
 } 
 } 
.service-wrapper.four .service-list { 
 margin-bottom: 0; 
 } 
.service-wrapper.five { 
 background-image: url(../img/home6/home6-service-bg.png), linear-gradient(180deg, #F2F2FF 0%, #F2F2FF 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 background-position: right; 
 } 
.service-wrapper.five .section-title { 
 max-width: 510px; 
 width: 100%; 
 margin: 0 auto; 
 margin-bottom: 45px; 
 } 
.service-wrapper.five .section-title h2 { 
 font-size: 32px; 
 line-height: 40px; 
 margin-bottom: 0; 
 } 
@media (max-width: 991px) { 
 .service-wrapper.five .section-title h2 { 
 font-size: 30px; 
 } 
 } 
@media (max-width: 767px) { 
 .service-wrapper.five .section-title h2 { 
 font-size: 28px; 
 } 
 } 
@media (max-width: 576px) { 
 .service-wrapper.five .section-title h2 { 
 font-size: 25px; 
 line-height: 36px; 
 } 
 } 
.service-wrapper.five .section-title h2 span { 
 font-family: var(--font-courgette); 
 font-weight: 400; 
 } 
.service-wrapper.five .service-list .single-service:nth-child(1) .icon { 
 background-color: #FFE100; 
 } 
.service-wrapper.five .bottom-area .batch { 
 gap: 60px; 
 background-color: var(--white-color); 
 } 
@media (max-width: 991px) { 
 .service-wrapper.five .bottom-area .batch { 
 gap: 30px; 
 } 
 } 
@media (max-width: 767px) { 
 .service-wrapper.five .bottom-area .batch { 
 flex-wrap: wrap; 
 justify-content: center; 
 text-align: center; 
 gap: 10px; 
 padding: 12px 30px; 
 border-radius: 15px; 
 } 
 } 
.service-wrapper.five .bottom-area .batch span { 
 color: var(--text-color); 
 } 
.service-wrapper.five .bottom-area .batch a { 
 color: var(--title-color); 
 } 
.service-wrapper.five .bottom-area .batch a svg { 
 fill: none; 
 stroke: var(--title-color); 
 } 
.service-wrapper.five .bottom-area .batch a:hover { 
 color: var(--primary-color2); 
 } 
.service-wrapper.five .bottom-area .batch a:hover svg { 
 stroke: var(--primary-color2); 
 } 

/*=====================================
 08. Home1 Travel Package Section CSS
========================================*/
.package-card { 
 padding: 10px; 
 border-radius: 20px; 
 border: 1px solid var(--borders-color); 
 background-color: var(--white-color); 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-card { 
 padding: 5px; 
 } 
 } 
@media (max-width: 576px) { 
 .package-card { 
 padding: 5px; 
 } 
 } 
.package-card .package-img-wrap { 
 position: relative; 
 } 
.package-card .package-img-wrap .package-img { 
 position: relative; 
 overflow: hidden; 
 display: block; 
 border-radius: 10px; 
 } 
.package-card .package-img-wrap .package-img img { 
 border-radius: 10px; 
 min-height: 200px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 transition: all 0.5s ease-out; 
 } 
.package-card .package-img-wrap .package-img::after { 
 position: absolute; 
 width: 200%; 
 height: 0%; 
 left: 50%; 
 top: 50%; 
 background-color: rgba(255, 255, 255, 0.3); 
 transform: translate(-50%, -50%) rotate(-45deg); 
 content: ""; 
 z-index: 1; 
 } 
.package-card .package-img-wrap .batch { 
 display: flex; 
 flex-direction: column; 
 align-items: end; 
 gap: 7px; 
 position: absolute; 
 top: 15px; 
 right: 15px; 
 z-index: 1; 
 } 
@media (max-width: 576px) { 
 .package-card .package-img-wrap .batch { 
 top: 10px; 
 right: 10px; 
 } 
 } 
.package-card .package-img-wrap .batch span { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 display: block; 
 padding: 6px 14px; 
 background-color: #FF3927; 
 border-radius: 100px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-card .package-img-wrap .batch span { 
 font-size: 13px; 
 } 
 } 
@media (max-width: 576px) { 
 .package-card .package-img-wrap .batch span { 
 font-size: 13px; 
 } 
 } 
.package-card .package-img-wrap .batch span.discount { 
 background-color: #FF8B00; 
 } 
.package-card .package-img-wrap .batch span.yellow-bg { 
 background-color: #FFE100; 
 color: var(--title-color); 
 } 
.package-card .package-img-wrap .slider-pagi-wrap { 
 position: absolute; 
 bottom: 20px; 
 left: 50%; 
 transform: translateX(-50%); 
 z-index: 1; 
 line-height: 1; 
 } 
@media (max-width: 576px) { 
 .package-card .package-img-wrap .slider-pagi-wrap { 
 bottom: 15px; 
 } 
 } 
.package-card .package-img-wrap .slider-pagi-wrap .paginations { 
 gap: 5px; 
 } 
.package-card .package-img-wrap .slider-pagi-wrap .paginations .swiper-pagination-bullet { 
 width: 8px; 
 height: 8px; 
 background-color: #F0F0F0; 
 } 
.package-card .package-img-wrap .slider-pagi-wrap .paginations .swiper-pagination-bullet.swiper-pagination-bullet-active { 
 width: 25px; 
 background-color: var(--primary-color1); 
 } 
.package-card .package-img-wrap .slider-btn-grp .slider-btn { 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 left: 15px; 
 z-index: 1; 
 min-width: 32px; 
 max-width: 32px; 
 height: 32px; 
 border: unset; 
 background-color: rgba(var(--white-color-opc), 0.3); 
 -webkit-backdrop-filter: blur(80px); 
 backdrop-filter: blur(80px); 
 opacity: 0; 
 } 
.package-card .package-img-wrap .slider-btn-grp .slider-btn svg { 
 fill: var(--white-color); 
 stroke: none; 
 } 
.package-card .package-img-wrap .slider-btn-grp .slider-btn:hover { 
 background-color: var(--white-color); 
 -webkit-backdrop-filter: unset; 
 backdrop-filter: unset; 
 } 
.package-card .package-img-wrap .slider-btn-grp .slider-btn:hover svg { 
 fill: var(--primary-color1); 
 } 
.package-card .package-img-wrap .slider-btn-grp .slider-btn.package-img-slider-next { 
 left: unset; 
 right: 15px; 
 } 
.package-card .package-content { 
 padding: 20px 15px 15px; 
 } 
@media (max-width: 1399px) { 
 .package-card .package-content { 
 padding: 20px 10px 15px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-card .package-content { 
 padding: 20px 5px 15px; 
 } 
 } 
.package-card .package-content h5 { 
 margin-bottom: 10px; 
 } 
.package-card .package-content h5 a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 1.4; 
 transition: 0.5s; 
 } 
.package-card .package-content h5 a:hover { 
 color: var(--primary-color1); 
 } 
@media (max-width: 1199px) { 
 .package-card .package-content h5 a { 
 font-size: 18px; 
 } 
 } 
.package-card .package-content .location-and-time { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 margin-bottom: 30px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-card .package-content .location-and-time { 
 gap: 5px; 
 } 
 } 
@media (min-width: 768px) and (max-width: 991px) { 
 .package-card .package-content .location-and-time { 
 gap: 5px; 
 } 
 } 
@media (max-width: 576px) { 
 .package-card .package-content .location-and-time { 
 margin-bottom: 25px; 
 } 
 } 
.package-card .package-content .location-and-time .location { 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 } 
.package-card .package-content .location-and-time .location svg { 
 fill: var(--text-color); 
 transition: 0.5s; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-card .package-content .location-and-time .location svg { 
 width: 12px; 
 } 
 } 
.package-card .package-content .location-and-time .location a { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 transition: 0.5s; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-card .package-content .location-and-time .location a { 
 font-size: 13px; 
 } 
 } 
.package-card .package-content .location-and-time .location a:hover { 
 color: var(--primary-color1); 
 } 
.package-card .package-content .location-and-time .arrow { 
 fill: var(--text-color); 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-card .package-content .location-and-time .arrow { 
 width: 22px; 
 } 
 } 
.package-card .package-content .location-and-time span { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-card .package-content .location-and-time span { 
 font-size: 13px; 
 } 
 } 
.package-card .package-content .btn-and-price-area { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 15px; 
 margin-bottom: 5px; 
 } 
.package-card .package-content .btn-and-price-area .primary-btn1 { 
 padding: 13px 14px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-card .package-content .btn-and-price-area .primary-btn1 { 
 font-size: 14px; 
 padding: 12px 13px; 
 } 
 } 
@media (max-width: 576px) { 
 .package-card .package-content .btn-and-price-area .primary-btn1 { 
 font-size: 14px; 
 padding: 12px 13px; 
 } 
 } 
.package-card .package-content .btn-and-price-area .price-area h6 { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 margin-bottom: 10px; 
 text-align: end; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-card .package-content .btn-and-price-area .price-area h6 { 
 font-size: 13px; 
 } 
 } 
@media (max-width: 576px) { 
 .package-card .package-content .btn-and-price-area .price-area h6 { 
 font-size: 13px; 
 } 
 } 
.package-card .package-content .btn-and-price-area .price-area span { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1; 
 display: flex; 
 align-items: baseline; 
 justify-content: end; 
 gap: 5px; 
 flex-wrap: wrap; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-card .package-content .btn-and-price-area .price-area span { 
 font-size: 21px; 
 } 
 } 
@media (max-width: 576px) { 
 .package-card .package-content .btn-and-price-area .price-area span { 
 font-size: 21px; 
 } 
 } 
.package-card .package-content .btn-and-price-area .price-area span del { 
 font-size: 18px; 
 } 
.package-card .package-content .divider { 
 fill: var(--borders-color); 
 width: 100%; 
 } 
.package-card .package-content .bottom-area { 
 padding-top: 5px; 
 } 
.package-card .package-content .bottom-area ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 45px; 
 position: relative; 
 } 
.package-card .package-content .bottom-area ul li { 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1; 
 } 
.package-card .package-content .bottom-area ul li svg { 
 fill: var(--text-color); 
 } 
.package-card .package-content .bottom-area ul li .info { 
 z-index: 1; 
 cursor: pointer; 
 } 
.package-card .package-content .bottom-area ul li .info svg { 
 fill: #AAAAAA; 
 } 
.package-card .package-content .bottom-area ul li .info .tooltip-text { 
 position: absolute; 
 bottom: 23px; 
 left: 0; 
 max-width: 307px; 
 width: 100%; 
 padding: 20px; 
 background-color: var(--black-color); 
 border-radius: 10px; 
 color: #AAAAAA; 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 14px; 
 line-height: 20px; 
 opacity: 0; 
 visibility: hidden; 
 transition: opacity 0.3s ease; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .package-card .package-content .bottom-area ul li .info .tooltip-text { 
 min-width: 290px; 
 } 
 } 
@media (max-width: 1399px) { 
 .package-card .package-content .bottom-area ul li .info .tooltip-text { 
 min-width: 260px; 
 font-size: 13px; 
 padding: 20px 15px; 
 } 
 } 
.package-card .package-content .bottom-area ul li .info .tooltip-text span { 
 color: var(--white-color); 
 } 
.package-card .package-content .bottom-area ul li .info:hover .tooltip-text { 
 opacity: 1; 
 visibility: visible; 
 } 
.package-card:hover .package-img-wrap .package-img img { 
 transform: scale(1.1); 
 } 
.package-card:hover .package-img-wrap .package-img::after { 
 height: 250%; 
 transition: all 600ms linear; 
 background-color: transparent; 
 } 
.package-card:hover .package-img-wrap .slider-btn-grp .slider-btn { 
 opacity: 1; 
 } 
.package-card.two .package-img-wrap .slider-pagi-wrap .paginations .swiper-pagination-bullet.swiper-pagination-bullet-active { 
 background-color: var(--primary-color2); 
 } 
.package-card.two .package-content h5 a:hover { 
 color: var(--primary-color2); 
 } 
.package-card.two .package-content .location-and-time .location a:hover { 
 color: var(--primary-color2); 
 } 
.package-card.two .package-content .location-and-time .arrow { 
 fill: var(--text-color); 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-card.two .package-content .location-and-time .arrow { 
 width: 22px; 
 } 
 } 
.package-card.two .package-content .location-and-time span { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-card.two .package-content .location-and-time span { 
 font-size: 13px; 
 } 
 } 
.package-card.three .package-img-wrap .slider-pagi-wrap .paginations .swiper-pagination-bullet.swiper-pagination-bullet-active { 
 background-color: var(--primary-color3); 
 } 
.package-card.three .package-content h5 a:hover { 
 color: var(--primary-color3); 
 } 
.package-card.three .package-content .location-and-time .location a:hover { 
 color: var(--primary-color3); 
 } 
.package-card.three .package-content .location-and-time .arrow { 
 fill: var(--text-color); 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-card.three .package-content .location-and-time .arrow { 
 width: 22px; 
 } 
 } 
.package-card.three .package-content .location-and-time span { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-card.three .package-content .location-and-time span { 
 font-size: 13px; 
 } 
 } 
.package-card.four .package-img-wrap .map-view-btn { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 8px; 
 padding: 8px 18px; 
 border-radius: 100px; 
 background-color: #F0F0F0; 
 -webkit-backdrop-filter: blur(100px); 
 backdrop-filter: blur(100px); 
 position: absolute; 
 bottom: 15px; 
 right: 15px; 
 z-index: 1; 
 transition: 0.5s; 
 } 
.package-card.four .package-img-wrap .map-view-btn svg { 
 fill: var(--text-color); 
 transition: 0.5s; 
 } 
.package-card.four .package-img-wrap .map-view-btn svg:hover { 
 background-color: var(--primary-color1); 
 } 
.package-card.four .package-img-wrap .map-view-btn svg:hover svg { 
 fill: var(--white-color); 
 } 
.package-card.four .package-img-wrap .map-view-btn:hover { 
 background-color: var(--primary-color1); 
 color: var(--white-color); 
 } 
.package-card.four .package-img-wrap .map-view-btn:hover svg { 
 fill: var(--white-color); 
 } 
.package-card.four .package-content { 
 padding: 25px 15px 15px; 
 display: flex; 
 flex-direction: column; 
 justify-content: space-between; 
 gap: 60px; 
 } 
@media (max-width: 1399px) { 
 .package-card.four .package-content { 
 padding: 25px 10px 15px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-card.four .package-content { 
 padding: 25px 5px 15px; 
 gap: 50px; 
 } 
 } 
@media (max-width: 991px) { 
 .package-card.four .package-content { 
 gap: 50px; 
 } 
 } 
.package-card.four .package-content .package-content-title-area .rating-area { 
 display: flex; 
 align-items: center; 
 gap: 8px; 
 margin-bottom: 10px; 
 } 
.package-card.four .package-content .package-content-title-area .rating-area span { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1; 
 } 
.package-card.four .package-content .package-content-title-area .package-features { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 20px; 
 flex-wrap: wrap; 
 } 
.package-card.four .package-content .package-content-title-area .package-features li { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 8px; 
 } 
.package-card.four .package-content .package-content-title-area .package-features li svg { 
 fill: var(--text-color); 
 } 
.package-card.four .package-content .package-info-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 25px; 
 flex-wrap: wrap; 
 margin-bottom: 20px; 
 } 
@media (max-width: 1399px) { 
 .package-card.four .package-content .package-info-list { 
 gap: 12px; 
 } 
 } 
.package-card.four .package-content .package-info-list li { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 20px; 
 padding-left: 13px; 
 position: relative; 
 } 
.package-card.four .package-content .package-info-list li span { 
 color: var(--text-color); 
 } 
.package-card.four .package-content .package-info-list li::before { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 left: 0; 
 width: 8px; 
 height: 8px; 
 border-radius: 50%; 
 background-color: #AAAAAA; 
 } 
.package-card.four .package-content .location-area { 
 margin-bottom: 30px; 
 } 
@media (max-width: 1199px) { 
 .package-card.four .package-content .location-area { 
 margin-bottom: 25px; 
 } 
 } 
@media (max-width: 991px) { 
 .package-card.four .package-content .location-area { 
 margin-bottom: 20px; 
 } 
 } 
.package-card.four .package-content .location-area span { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 20px; 
 display: block; 
 } 
.package-card.four .package-content .location-area span strong { 
 color: var(--title-color); 
 font-weight: 500; 
 } 

/*=====================================
 09. Home1 Offer Banner Section CSS
========================================*/
.home1-offer-banner-section { 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 195px 0; 
 background-attachment: fixed; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home1-offer-banner-section { 
 padding: 165px 0; 
 } 
 } 
@media (max-width: 1399px) { 
 .home1-offer-banner-section { 
 padding: 165px 0; 
 } 
 } 
@media (max-width: 1199px) { 
 .home1-offer-banner-section { 
 padding: 155px 0; 
 } 
 } 
@media (max-width: 991px) { 
 .home1-offer-banner-section { 
 padding: 145px 0; 
 } 
 } 
@media (max-width: 576px) { 
 .home1-offer-banner-section { 
 padding: 110px 0; 
 } 
 } 
.home1-offer-banner-section .banner-content { 
 max-width: 795px; 
 width: 100%; 
 margin: 0 auto; 
 text-align: center; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home1-offer-banner-section .banner-content { 
 max-width: 760px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home1-offer-banner-section .banner-content { 
 max-width: 720px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home1-offer-banner-section .banner-content { 
 max-width: 680px; 
 } 
 } 
@media (max-width: 991px) { 
 .home1-offer-banner-section .banner-content { 
 max-width: 580px; 
 } 
 } 
.home1-offer-banner-section .banner-content > span { 
 color: var(--white-color); 
 font-family: var(--font-courgette); 
 font-weight: 400; 
 font-size: 20px; 
 line-height: 1; 
 display: block; 
 margin-bottom: 30px; 
 } 
@media (max-width: 1199px) { 
 .home1-offer-banner-section .banner-content > span { 
 margin-bottom: 25px; 
 } 
 } 
@media (max-width: 576px) { 
 .home1-offer-banner-section .banner-content > span { 
 font-size: 18px; 
 margin-bottom: 15px; 
 } 
 } 
.home1-offer-banner-section .banner-content h2 { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 70px; 
 line-height: 1.1; 
 margin-bottom: 30px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home1-offer-banner-section .banner-content h2 { 
 font-size: 65px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home1-offer-banner-section .banner-content h2 { 
 font-size: 62px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home1-offer-banner-section .banner-content h2 { 
 font-size: 58px; 
 margin-bottom: 25px; 
 } 
 } 
@media (max-width: 991px) { 
 .home1-offer-banner-section .banner-content h2 { 
 font-size: 52px; 
 } 
 } 
@media (max-width: 767px) { 
 .home1-offer-banner-section .banner-content h2 { 
 font-size: 48px; 
 } 
 } 
@media (max-width: 576px) { 
 .home1-offer-banner-section .banner-content h2 { 
 font-size: 37px; 
 line-height: 1.3; 
 } 
 } 
.home1-offer-banner-section .banner-content .author-area { 
 margin-bottom: 50px; 
 } 
@media (max-width: 1199px) { 
 .home1-offer-banner-section .banner-content .author-area { 
 margin-bottom: 40px; 
 } 
 } 
@media (max-width: 576px) { 
 .home1-offer-banner-section .banner-content .author-area { 
 margin-bottom: 30px; 
 } 
 } 
.home1-offer-banner-section .banner-content .author-area h5 { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 1; 
 margin-bottom: 10px; 
 } 
@media (max-width: 576px) { 
 .home1-offer-banner-section .banner-content .author-area h5 { 
 font-size: 18px; 
 } 
 } 
.home1-offer-banner-section .banner-content .author-area span { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 } 
@media (max-width: 576px) { 
 .home1-offer-banner-section .banner-content .author-area span { 
 font-size: 15px; 
 } 
 } 
.home1-offer-banner-section .banner-content .primary-btn1 { 
 padding: 16px 22px; 
 } 

/*=====================================
 10. Home1 Location Search Section CSS
========================================*/
.home1-location-search-section .location-search-wrapper { 
 background-image: url(../img/home1/home1-location-search-bg.png), linear-gradient(180deg, #2E8B57 0%, #2E8B57 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 60px 40px; 
 border-radius: 20px; 
 } 
@media (max-width: 991px) { 
 .home1-location-search-section .location-search-wrapper { 
 padding: 50px 20px; 
 } 
 } 
@media (max-width: 767px) { 
 .home1-location-search-section .location-search-wrapper { 
 border-radius: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .home1-location-search-section .location-search-wrapper { 
 padding: 45px 15px 50px; 
 } 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content { 
 max-width: 890px; 
 width: 100%; 
 margin: 0 auto; 
 text-align: center; 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content h2 { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 32px; 
 line-height: 40px; 
 margin-bottom: 40px; 
 } 
@media (max-width: 767px) { 
 .home1-location-search-section .location-search-wrapper .location-search-content h2 { 
 font-size: 28px; 
 margin-bottom: 35px; 
 } 
 } 
@media (max-width: 576px) { 
 .home1-location-search-section .location-search-wrapper .location-search-content h2 { 
 font-size: 26px; 
 margin-bottom: 30px; 
 } 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content .location-search-area { 
 background-color: #24814D; 
 border: 1px solid rgba(var(--white-color-opc), 0.2); 
 border-radius: 20px; 
 padding: 10px; 
 margin-bottom: 20px; 
 } 
@media (max-width: 576px) { 
 .home1-location-search-section .location-search-wrapper .location-search-content .location-search-area { 
 border-radius: 15px; 
 } 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content .location-search-area .search-area { 
 padding: 7px 7px 7px 25px; 
 background-color: var(--white-color); 
 border-radius: 10px; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 20px; 
 } 
@media (max-width: 767px) { 
 .home1-location-search-section .location-search-wrapper .location-search-content .location-search-area .search-area { 
 padding: 5px 5px 5px 15px; 
 gap: 10px; 
 } 
 } 
@media (max-width: 576px) { 
 .home1-location-search-section .location-search-wrapper .location-search-content .location-search-area .search-area { 
 flex-wrap: wrap; 
 padding: 18px 10px; 
 gap: 20px; 
 } 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content .location-search-area .search-area .dropdown { 
 display: flex; 
 align-items: center; 
 gap: 8px; 
 position: relative; 
 width: 100%; 
 } 
@media (max-width: 767px) { 
 .home1-location-search-section .location-search-wrapper .location-search-content .location-search-area .search-area .dropdown { 
 gap: 5px; 
 } 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content .location-search-area .search-area .dropdown svg { 
 fill: var(--title-color); 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content .location-search-area .search-area .dropdown .dropdown-search { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 width: 100%; 
 } 
@media (max-width: 767px) { 
 .home1-location-search-section .location-search-wrapper .location-search-content .location-search-area .search-area .dropdown .dropdown-search { 
 font-size: 15px; 
 } 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content .location-search-area .search-area .dropdown .dropdown-search::-moz-placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content .location-search-area .search-area .dropdown .dropdown-search::placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content .location-search-area .search-area .dropdown .dropdown-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 position: absolute; 
 overflow: auto; 
 z-index: 9; 
 top: 47px; 
 left: 0; 
 width: 100%; 
 max-height: 250px; 
 display: none; 
 background: #fff; 
 border: 1px solid #e9e9e9; 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content .location-search-area .search-area .dropdown .dropdown-list::-webkit-scrollbar { 
 width: 5px; 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content .location-search-area .search-area .dropdown .dropdown-list::-webkit-scrollbar-track { 
 background: #f5f4f4; 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content .location-search-area .search-area .dropdown .dropdown-list::-webkit-scrollbar-thumb { 
 background-color: #ddd; 
 border-radius: 20px; 
 } 
@media (max-width: 576px) { 
 .home1-location-search-section .location-search-wrapper .location-search-content .location-search-area .search-area .dropdown .dropdown-list { 
 top: 40px; 
 } 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content .location-search-area .search-area .dropdown .dropdown-list li { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-size: 15px; 
 font-weight: 500; 
 padding: 7px 20px; 
 background-color: transparent; 
 cursor: pointer; 
 transition: 0.5s; 
 } 
@media (max-width: 767px) { 
 .home1-location-search-section .location-search-wrapper .location-search-content .location-search-area .search-area .dropdown .dropdown-list li { 
 font-size: 14px; 
 padding: 6px 15px; 
 } 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content .location-search-area .search-area .dropdown .dropdown-list li:hover { 
 background-color: var(--primary-color1); 
 color: var(--white-color); 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content .location-search-area .search-area .primary-btn1 { 
 padding: 19px 35px; 
 min-width: 152px; 
 } 
@media (max-width: 767px) { 
 .home1-location-search-section .location-search-wrapper .location-search-content .location-search-area .search-area .primary-btn1 { 
 padding: 16px 20px; 
 min-width: 125px; 
 } 
 } 
@media (max-width: 576px) { 
 .home1-location-search-section .location-search-wrapper .location-search-content .location-search-area .search-area .primary-btn1 { 
 min-width: unset; 
 width: 100%; 
 } 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 45px; 
 margin-bottom: 45px; 
 } 
@media (max-width: 991px) { 
 .home1-location-search-section .location-search-wrapper .location-search-content ul { 
 gap: 25px; 
 } 
 } 
@media (max-width: 767px) { 
 .home1-location-search-section .location-search-wrapper .location-search-content ul { 
 flex-wrap: wrap; 
 gap: 20px; 
 margin-bottom: 35px; 
 } 
 } 
@media (max-width: 576px) { 
 .home1-location-search-section .location-search-wrapper .location-search-content ul { 
 gap: 15px; 
 } 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content ul li { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1.4; 
 display: flex; 
 align-items: center; 
 gap: 8px; 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content ul li svg { 
 fill: var(--title-color); 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content ul li svg circle { 
 fill: var(--white-color); 
 stroke: var(--title-color); 
 } 
@media (max-width: 991px) { 
 .home1-location-search-section .location-search-wrapper .location-search-content ul li { 
 font-size: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .home1-location-search-section .location-search-wrapper .location-search-content ul li { 
 font-size: 14px; 
 gap: 5px; 
 } 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content .contact-area { 
 padding: 9px 30px; 
 border-radius: 100px; 
 background-color: #F2FFF8; 
 display: inline-flex; 
 align-items: center; 
 gap: 15px; 
 } 
@media (max-width: 576px) { 
 .home1-location-search-section .location-search-wrapper .location-search-content .contact-area { 
 flex-wrap: wrap; 
 justify-content: center; 
 gap: 8px; 
 padding: 12px 30px; 
 } 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content .contact-area span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 24px; 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content .contact-area a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 15px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 transition: 0.5s; 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content .contact-area a svg { 
 fill: none; 
 stroke: var(--title-color); 
 transition: 0.5s; 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content .contact-area a:hover { 
 color: var(--primary-color1); 
 } 
.home1-location-search-section .location-search-wrapper .location-search-content .contact-area a:hover svg { 
 transform: rotate(45deg); 
 stroke: var(--primary-color1); 
 } 
.home1-location-search-section.two .location-search-wrapper { 
 background-image: url(../img/home4/home4-location-search-bg.png), linear-gradient(180deg, #1781FE 0%, #1781FE 100%); 
 } 
.home1-location-search-section.two .location-search-wrapper .location-search-content .location-search-area { 
 background-color: #1781FE; 
 border: 1px dashed var(--white-color); 
 } 

/*=====================================
 11. Home1 Partner Section CSS
========================================*/
.partner-section .partner-title { 
 margin-bottom: 40px; 
 text-align: center; 
 } 
@media (max-width: 576px) { 
 .partner-section .partner-title { 
 margin-bottom: 30px; 
 } 
 } 
.partner-section .partner-title h5 { 
 color: #545454; 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 1.5; 
 margin-bottom: 0; 
 } 
@media (max-width: 576px) { 
 .partner-section .partner-title h5 { 
 font-size: 18px; 
 } 
 } 
.partner-section .partner-wrap .marquee { 
 display: flex; 
 gap: 80px; 
 overflow: hidden; 
 -webkit-user-select: none; 
 -moz-user-select: none; 
 user-select: none; 
 } 
@media (max-width: 1199px) { 
 .partner-section .partner-wrap .marquee { 
 gap: 40px; 
 } 
 } 
@media (max-width: 576px) { 
 .partner-section .partner-wrap .marquee { 
 gap: 30px; 
 } 
 } 
.partner-section .partner-wrap .marquee .marquee__group { 
 flex-shrink: 0; 
 display: flex; 
 align-items: center; 
 justify-content: space-around; 
 gap: 80px; 
 min-width: 100%; 
 animation: scroll-x 30s linear infinite; 
 } 
@media (max-width: 1199px) { 
 .partner-section .partner-wrap .marquee .marquee__group { 
 gap: 40px; 
 } 
 } 
@media (max-width: 576px) { 
 .partner-section .partner-wrap .marquee .marquee__group { 
 gap: 20px; 
 } 
 } 
.partner-section .partner-wrap .marquee .marquee__group a img { 
 width: 162px; 
 } 
@media (max-width: 1199px) { 
 .partner-section .partner-wrap .marquee .marquee__group a img { 
 width: 155px; 
 } 
 } 
@media (max-width: 576px) { 
 .partner-section .partner-wrap .marquee .marquee__group a img { 
 width: 140px; 
 } 
 } 
@keyframes scroll-x { 
 from { 
 transform: translateX(0); 
 } 
 to { 
 transform: translateX(-100%); 
 } 
 } 

/*=====================================
 12. Home1 Blog Section CSS
========================================*/
.blog-card { 
 display: grid; 
 grid-template-columns: 49% 51%; 
 border: 1px solid var(--borders-color); 
 border-radius: 20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .blog-card { 
 grid-template-columns: 47% 53%; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-card { 
 display: block; 
 } 
 } 
@media (max-width: 767px) { 
 .blog-card { 
 grid-template-columns: 47% 53%; 
 } 
 } 
@media (max-width: 576px) { 
 .blog-card { 
 display: block; 
 border-radius: 10px; 
 } 
 } 
.blog-card .blog-img { 
 position: relative; 
 overflow: hidden; 
 display: block; 
 border-radius: 20px; 
 } 
@media (max-width: 576px) { 
 .blog-card .blog-img { 
 border-radius: 10px; 
 } 
 } 
.blog-card .blog-img img { 
 border-radius: 20px; 
 height: 100%; 
 transition: all 0.5s ease-out; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-card .blog-img img { 
 max-height: 350px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 width: 100%; 
 } 
 } 
@media (max-width: 576px) { 
 .blog-card .blog-img img { 
 max-height: 250px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 width: 100%; 
 border-radius: 10px; 
 } 
 } 
.blog-card .blog-img::after { 
 position: absolute; 
 width: 200%; 
 height: 0%; 
 left: 50%; 
 top: 50%; 
 background-color: rgba(255, 255, 255, 0.3); 
 transform: translate(-50%, -50%) rotate(-45deg); 
 content: ""; 
 z-index: 1; 
 } 
.blog-card .blog-content { 
 padding: 55px 18px 50px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .blog-card .blog-content { 
 padding: 55px 15px 50px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-card .blog-content { 
 padding: 30px 20px; 
 } 
 } 
@media (max-width: 767px) { 
 .blog-card .blog-content { 
 padding: 45px 10px 40px; 
 } 
 } 
@media (max-width: 576px) { 
 .blog-card .blog-content { 
 padding: 25px 15px; 
 } 
 } 
.blog-card .blog-content .blog-content-top { 
 padding-bottom: 20px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-card .blog-content .blog-content-top { 
 border-bottom: 1px solid var(--borders-color); 
 } 
 } 
@media (max-width: 576px) { 
 .blog-card .blog-content .blog-content-top { 
 padding-bottom: 10px; 
 } 
 } 
.blog-card .blog-content .blog-content-top .location { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 transition: 0.5s; 
 margin-bottom: 23px; 
 } 
.blog-card .blog-content .blog-content-top .location svg { 
 fill: var(--title-color); 
 transition: 0.5s; 
 } 
.blog-card .blog-content .blog-content-top .location:hover { 
 color: var(--primary-color1); 
 } 
.blog-card .blog-content .blog-content-top .location:hover svg { 
 fill: var(--primary-color1); 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-card .blog-content .blog-content-top .location { 
 font-size: 15px; 
 margin-bottom: 18px; 
 } 
 } 
@media (max-width: 767px) { 
 .blog-card .blog-content .blog-content-top .location { 
 font-size: 15px; 
 margin-bottom: 15px; 
 } 
 } 
.blog-card .blog-content .blog-content-top h4 { 
 margin-bottom: 15px; 
 } 
.blog-card .blog-content .blog-content-top h4 a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 25px; 
 line-height: 1.4; 
 background: linear-gradient(to bottom, var(--title-color) 0%, var(--title-color) 98%); 
 background-size: 0px 1px; 
 background-repeat: no-repeat; 
 background-position: right 90%; 
 transition: background-size 0.75s; 
 } 
.blog-card .blog-content .blog-content-top h4 a:hover { 
 background-size: 100% 1px; 
 background-position: 0% 90%; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .blog-card .blog-content .blog-content-top h4 a { 
 font-size: 22px; 
 line-height: 1.3; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-card .blog-content .blog-content-top h4 a { 
 font-size: 24px; 
 } 
 } 
@media (max-width: 767px) { 
 .blog-card .blog-content .blog-content-top h4 a { 
 font-size: 22px; 
 } 
 } 
.blog-card .blog-content .blog-content-top .blog-date { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 transition: 0.5s; 
 } 
.blog-card .blog-content .blog-content-top .blog-date svg { 
 fill: var(--text-color); 
 transition: 0.5s; 
 } 
.blog-card .blog-content .blog-content-top .blog-date:hover { 
 color: var(--primary-color1); 
 } 
.blog-card .blog-content .blog-content-top .blog-date:hover svg { 
 fill: var(--primary-color1); 
 } 
@media (max-width: 576px) { 
 .blog-card .blog-content .blog-content-top .blog-date { 
 font-size: 15px; 
 } 
 } 
.blog-card .blog-content .divider { 
 fill: var(--borders-color); 
 width: 100%; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-card .blog-content .divider { 
 display: none; 
 } 
 } 
.blog-card .blog-content p { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 18px; 
 line-height: 28px; 
 margin-bottom: 0; 
 padding-top: 15px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .blog-card .blog-content p { 
 font-size: 17px; 
 } 
 } 
@media (max-width: 767px) { 
 .blog-card .blog-content p { 
 font-size: 16px; 
 padding-top: 10px; 
 } 
 } 
@media (max-width: 576px) { 
 .blog-card .blog-content p { 
 font-size: 15px; 
 padding-top: 5px; 
 } 
 } 
.blog-card:hover .blog-img img { 
 transform: scale(1.1); 
 } 
.blog-card:hover .blog-img::after { 
 height: 250%; 
 transition: all 600ms linear; 
 background-color: transparent; 
 } 

.home1-blog-section .blog-slider-area { 
 position: relative; 
 } 
@media (max-width: 576px) { 
 .home1-blog-section .blog-slider-area .slider-btn-grp { 
 display: none; 
 } 
 } 
.home1-blog-section .blog-slider-area .slider-btn-grp .slider-btn { 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 left: -20px; 
 z-index: 9; 
 } 
.home1-blog-section .blog-slider-area .slider-btn-grp .slider-btn.blog-slider-next { 
 left: unset; 
 right: -20px; 
 } 

/*=====================================
 13. Home1 Testimonial Section CSS
========================================*/
.home1-testimonial-section { 
 background-image: url(../img/home1/home1-testimonial-bg.png), linear-gradient(180deg, #F2F2FF 0%, #F2F2FF 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 100px 0; 
 } 
@media (max-width: 1199px) { 
 .home1-testimonial-section { 
 padding: 90px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .home1-testimonial-section { 
 padding: 70px 0; 
 } 
 } 
.home1-testimonial-section .testimonial-card { 
 height: 100%; 
 } 
.home1-testimonial-section .testimonial-card .content { 
 min-height: 208px; 
 } 
@media (max-width: 767px) { 
 .home1-testimonial-section .testimonial-card .content { 
 min-height: unset; 
 } 
 } 
.home1-testimonial-section .review-wrap { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 25px; 
 } 
@media (max-width: 576px) { 
 .home1-testimonial-section .review-wrap { 
 flex-direction: column; 
 gap: 20px; 
 } 
 } 
.home1-testimonial-section .review-wrap .tripadvisor-rating-area { 
 display: flex; 
 align-items: center; 
 gap: 25px; 
 } 
.home1-testimonial-section .review-wrap .tripadvisor-rating-area .tripadvisor-rating .rating-area { 
 padding-top: 10px; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
.home1-testimonial-section .review-wrap .tripadvisor-rating-area .tripadvisor-rating .rating-area span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 } 
.home1-testimonial-section .review-wrap .tripadvisor-rating-area .divider { 
 fill: #A0A0A0; 
 } 
@media (max-width: 576px) { 
 .home1-testimonial-section .review-wrap .tripadvisor-rating-area .divider { 
 display: none; 
 } 
 } 
.home1-testimonial-section .review-wrap .trustpilot-rating-area { 
 display: flex; 
 align-items: end; 
 gap: 15px; 
 } 
.home1-testimonial-section .review-wrap .trustpilot-rating-area strong { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 25px; 
 line-height: 1; 
 } 
.home1-testimonial-section .review-wrap .trustpilot-rating-area .trustpilot-rating .rating-area { 
 display: flex; 
 align-items: center; 
 gap: 8px; 
 line-height: 1; 
 margin-top: 5px; 
 } 
.home1-testimonial-section .review-wrap .trustpilot-rating-area .trustpilot-rating .rating-area span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 } 

.testimonial-card { 
 padding: 40px 35px; 
 background-color: var(--white-color); 
 border-radius: 20px; 
 } 
@media (max-width: 1399px) { 
 .testimonial-card { 
 padding: 40px 25px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .testimonial-card { 
 padding: 30px 15px; 
 } 
 } 
@media (max-width: 991px) { 
 .testimonial-card { 
 padding: 35px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .testimonial-card { 
 padding: 30px 15px; 
 border-radius: 15px; 
 } 
 } 
.testimonial-card .author-area { 
 display: flex; 
 align-items: center; 
 gap: 28px; 
 margin-bottom: 35px; 
 } 
@media (max-width: 1199px) { 
 .testimonial-card .author-area { 
 gap: 22px; 
 margin-bottom: 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .testimonial-card .author-area { 
 margin-bottom: 25px; 
 } 
 } 
.testimonial-card .author-area .author-img { 
 position: relative; 
 min-width: 55px; 
 max-width: 55px; 
 height: 55px; 
 border-radius: 50%; 
 } 
.testimonial-card .author-area .author-img img { 
 min-width: 55px; 
 max-width: 55px; 
 height: 55px; 
 border-radius: 50%; 
 } 
.testimonial-card .author-area .author-img .play-btn { 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 right: -13px; 
 } 
.testimonial-card .author-area .author-img .play-btn::before { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 width: 30px; 
 height: 30px; 
 background-color: var(--primary-color1); 
 border-radius: 50%; 
 transform: translate(-50%, -50%); 
 opacity: 0.8; 
 animation: blink-ring 1.5s infinite ease-in-out; 
 z-index: -1; 
 } 
.testimonial-card .author-area .author-img .play-btn svg { 
 fill: var(--primary-color1); 
 } 
@keyframes blink-ring { 
 0%, 100% { 
 transform: translate(-50%, -50%) scale(1); 
 opacity: 0.6; 
 } 
 50% { 
 transform: translate(-50%, -50%) scale(1.4); 
 opacity: 0.1; 
 } 
 } 
.testimonial-card .author-area .author-info h5 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 700; 
 font-size: 20px; 
 line-height: 1.3; 
 margin-bottom: 3px; 
 } 
@media (max-width: 1199px) { 
 .testimonial-card .author-area .author-info h5 { 
 font-size: 18px; 
 } 
 } 
@media (max-width: 576px) { 
 .testimonial-card .author-area .author-info h5 { 
 font-size: 17px; 
 } 
 } 
.testimonial-card .author-area .author-info span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 } 
@media (max-width: 1199px) { 
 .testimonial-card .author-area .author-info span { 
 font-size: 15px; 
 } 
 } 
.testimonial-card .rating-area { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 2px; 
 margin-bottom: 15px; 
 } 
@media (max-width: 576px) { 
 .testimonial-card .rating-area { 
 margin-bottom: 10px; 
 } 
 } 
.testimonial-card .rating-area li { 
 line-height: 1; 
 } 
.testimonial-card .rating-area li i { 
 color: #00AA6C; 
 font-size: 15px; 
 } 
.testimonial-card .rating-area.trustpilot li { 
 width: 15px; 
 height: 15px; 
 background-color: #00B67A; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
.testimonial-card .rating-area.trustpilot li svg { 
 fill: var(--white-color); 
 } 
.testimonial-card h5 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1.3; 
 margin-bottom: 15px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .testimonial-card h5 { 
 font-size: 17px; 
 margin-bottom: 10px; 
 } 
 } 
@media (max-width: 576px) { 
 .testimonial-card h5 { 
 font-size: 17px; 
 margin-bottom: 10px; 
 } 
 } 
.testimonial-card p { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 20px; 
 line-height: 30px; 
 margin-bottom: 0; 
 } 
@media (max-width: 1399px) { 
 .testimonial-card p { 
 font-size: 18px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .testimonial-card p { 
 font-size: 16px; 
 } 
 } 
@media (max-width: 991px) { 
 .testimonial-card p { 
 font-size: 17px; 
 } 
 } 
@media (max-width: 576px) { 
 .testimonial-card p { 
 font-size: 15px; 
 } 
 } 
.testimonial-card.two .author-area { 
 gap: 15px; 
 } 
@media (max-width: 1199px) { 
 .testimonial-card.two .author-area { 
 gap: 10px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .testimonial-card.three { 
 padding: 30px 20px; 
 } 
 } 
@media (max-width: 991px) { 
 .testimonial-card.three { 
 padding: 35px 25px; 
 } 
 } 
@media (max-width: 767px) { 
 .testimonial-card.three { 
 padding: 35px 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .testimonial-card.three { 
 padding: 30px 15px; 
 } 
 } 
.testimonial-card.three .author-area { 
 margin-bottom: 0; 
 margin-top: 35px; 
 gap: 15px; 
 } 
@media (max-width: 1199px) { 
 .testimonial-card.three .author-area { 
 gap: 10px; 
 margin-top: 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .testimonial-card.three .author-area { 
 margin-top: 25px; 
 } 
 } 
.testimonial-card.three .author-area .author-info h5 { 
 font-weight: 600; 
 } 
.testimonial-card.four { 
 padding: 0; 
 background-color: transparent; 
 border-radius: unset; 
 } 
.testimonial-card.four h5 { 
 margin-bottom: 25px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .testimonial-card.four h5 { 
 margin-bottom: 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .testimonial-card.four h5 { 
 margin-bottom: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .testimonial-card.four h5 { 
 margin-bottom: 15px; 
 } 
 } 
.testimonial-card.four p { 
 font-size: 25px; 
 line-height: 35px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .testimonial-card.four p { 
 font-size: 21px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .testimonial-card.four p { 
 font-size: 18px; 
 } 
 } 
@media (max-width: 767px) { 
 .testimonial-card.four p { 
 font-size: 22px; 
 } 
 } 
@media (max-width: 576px) { 
 .testimonial-card.four p { 
 font-size: 17px; 
 line-height: 30px; 
 } 
 } 
.testimonial-card.four .author-area { 
 margin-bottom: 0; 
 margin-top: 30px; 
 gap: 15px; 
 } 
@media (max-width: 1199px) { 
 .testimonial-card.four .author-area { 
 gap: 10px; 
 margin-top: 25px; 
 } 
 } 
@media (max-width: 576px) { 
 .testimonial-card.four .author-area { 
 gap: 10px; 
 } 
 } 
.testimonial-card.four .author-area .author-info h5 { 
 font-size: 18px; 
 font-weight: 600; 
 } 
@media (max-width: 576px) { 
 .testimonial-card.four .author-area .author-info h5 { 
 font-size: 17px; 
 } 
 } 
.testimonial-card.five { 
 padding: 0; 
 background-color: transparent; 
 border-radius: unset; 
 text-align: center; 
 } 
.testimonial-card.five .rating-area { 
 justify-content: center; 
 } 
.testimonial-card.five .author-area { 
 justify-content: center; 
 margin-top: 40px; 
 } 
@media (max-width: 1199px) { 
 .testimonial-card.five .author-area { 
 margin-top: 30px; 
 } 
 } 
.testimonial-card.five h5 { 
 margin-bottom: 25px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .testimonial-card.five h5 { 
 margin-bottom: 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .testimonial-card.five h5 { 
 margin-bottom: 15px; 
 } 
 } 
@media (max-width: 767px) { 
 .testimonial-card.five h5 { 
 margin-bottom: 15px; 
 } 
 } 
.testimonial-card.five p { 
 font-size: 25px; 
 line-height: 35px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .testimonial-card.five p { 
 font-size: 23px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .testimonial-card.five p { 
 font-size: 22px; 
 } 
 } 
@media (max-width: 991px) { 
 .testimonial-card.five p { 
 font-size: 20px; 
 } 
 } 
@media (max-width: 767px) { 
 .testimonial-card.five p { 
 font-size: 18px; 
 line-height: 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .testimonial-card.five p { 
 font-size: 17px; 
 line-height: 30px; 
 } 
 } 
.testimonial-card.five .author-area { 
 margin-bottom: 0; 
 margin-top: 30px; 
 gap: 15px; 
 } 
@media (max-width: 1199px) { 
 .testimonial-card.five .author-area { 
 gap: 10px; 
 margin-top: 25px; 
 } 
 } 
@media (max-width: 767px) { 
 .testimonial-card.five .author-area { 
 margin-top: 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .testimonial-card.five .author-area { 
 gap: 10px; 
 } 
 } 
.testimonial-card.five .author-area .author-info h5 { 
 font-size: 18px; 
 font-weight: 600; 
 } 
@media (max-width: 576px) { 
 .testimonial-card.five .author-area .author-info h5 { 
 font-size: 17px; 
 } 
 } 

/*=====================================
 14. Home1 Faq Section CSS
========================================*/
.faq-wrap .accordion .accordion-item { 
 border-radius: 10px; 
 border: none; 
 margin-bottom: 25px; 
 background-color: #F0F0F0; 
 border: 1px solid transparent; 
 } 
.faq-wrap .accordion .accordion-item:last-child { 
 margin-bottom: 0; 
 } 
.faq-wrap .accordion .accordion-item .accordion-header { 
 border-radius: 10px; 
 background-color: transparent; 
 } 
.faq-wrap .accordion .accordion-item .accordion-header .accordion-button { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 18px; 
 font-weight: 600; 
 line-height: 1.4; 
 text-align: left; 
 padding: 18px 30px; 
 border-radius: 10px; 
 background-color: transparent; 
 } 
@media (max-width: 767px) { 
 .faq-wrap .accordion .accordion-item .accordion-header .accordion-button { 
 padding: 18px 20px; 
 font-size: 16px; 
 } 
 } 
@media (max-width: 576px) { 
 .faq-wrap .accordion .accordion-item .accordion-header .accordion-button { 
 padding: 15px 10px 15px 15px; 
 font-size: 15px; 
 line-height: 1.5; 
 } 
 } 
.faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 color: var(--text-color); 
 content: "\f229"; 
 font-family: bootstrap-icons; 
 background-image: none; 
 font-weight: 600; 
 font-size: 12px; 
 right: 30px; 
 transition: 0.5s; 
 } 
.faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) { 
 box-shadow: none; 
 background-color: var(--white-color); 
 border: 1px solid var(--primary-color1); 
 border-bottom: none; 
 border-radius: 10px 10px 0 0; 
 } 
.faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after { 
 font-family: bootstrap-icons !important; 
 content: "\f229"; 
 color: var(--primary-color1); 
 border: none; 
 } 
.faq-wrap .accordion .accordion-item .accordion-header .accordion-button:focus { 
 border-radius: 10px; 
 box-shadow: none; 
 border-bottom: none; 
 border-radius: 10px 10px 0 0; 
 } 
.faq-wrap .accordion .accordion-item .accordion-body { 
 padding: 0px 30px 20px 30px; 
 font-family: var(--font-roboto); 
 font-size: 18px; 
 font-weight: 400; 
 line-height: 1.5; 
 text-align: left; 
 color: var(--text-color); 
 border: 1px solid var(--primary-color1); 
 border-top: none; 
 background-color: var(--white-color); 
 border-radius: 0 0 10px 10px; 
 } 
.faq-wrap .accordion .accordion-item .accordion-body span { 
 color: var(--title-color); 
 font-weight: 500; 
 } 
@media (max-width: 767px) { 
 .faq-wrap .accordion .accordion-item .accordion-body { 
 padding: 0px 20px 20px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .faq-wrap .accordion .accordion-item .accordion-body { 
 padding: 0px 15px 15px 15px; 
 font-size: 15px; 
 line-height: 1.7; 
 } 
 } 
.faq-wrap.two .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) { 
 background-color: transparent; 
 border: unset; 
 } 
.faq-wrap.two .accordion .accordion-item .accordion-body { 
 border-color: transparent; 
 background-color: transparent; 
 } 
.faq-wrap.three .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) { 
 background-color: transparent; 
 border: unset; 
 } 
.faq-wrap.three .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after { 
 color: var(--primary-color4); 
 } 
.faq-wrap.three .accordion .accordion-item .accordion-body { 
 border-color: transparent; 
 background-color: transparent; 
 } 

/*=====================================
 15. Home1 Counter Section CSS
========================================*/
.counter-section { 
 position: relative; 
 padding: 45px 0; 
 background-color: #F0F0F0; 
 } 
.counter-section .divider { 
 position: relative; 
 } 
.counter-section .divider::before { 
 content: url(../img/home1/icon/home1-counter-divider.svg); 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 right: 0; 
 line-height: 1; 
 } 
@media (max-width: 991px) { 
 .counter-section .divider::before { 
 display: none; 
 } 
 } 
.counter-section .divider:nth-child(1)::before { 
 right: 10px; 
 } 
@media (max-width: 1199px) { 
 .counter-section .divider:nth-child(1)::before { 
 right: 0; 
 } 
 } 
.counter-section .divider:nth-child(3)::before { 
 right: -20px; 
 } 
@media (max-width: 1199px) { 
 .counter-section .divider:nth-child(3)::before { 
 right: 0; 
 } 
 } 
.counter-section .single-counter { 
 display: flex; 
 align-items: center; 
 gap: 20px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .counter-section .single-counter { 
 gap: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .counter-section .single-counter { 
 gap: 15px; 
 } 
 } 
.counter-section .single-counter .icon svg { 
 fill: var(--primary-color1); 
 } 
.counter-section .single-counter .icon.yellow svg { 
 fill: #D39B01; 
 } 
.counter-section .single-counter .icon.orange svg { 
 fill: #D15716; 
 } 
.counter-section .single-counter .icon.green svg { 
 fill: #2E8B57; 
 } 
.counter-section .single-counter .content .number { 
 display: flex; 
 align-items: center; 
 margin-bottom: 8px; 
 } 
@media (max-width: 576px) { 
 .counter-section .single-counter .content .number { 
 margin-bottom: 5px; 
 } 
 } 
.counter-section .single-counter .content .number h2,
.counter-section .single-counter .content .number span { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 32px; 
 font-weight: 600; 
 line-height: 1; 
 margin-bottom: 0; 
 } 
@media (max-width: 1199px) { 
 .counter-section .single-counter .content .number h2,
 .counter-section .single-counter .content .number span { 
 font-size: 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .counter-section .single-counter .content .number h2,
 .counter-section .single-counter .content .number span { 
 font-size: 27px; 
 } 
 } 
.counter-section .single-counter .content span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 18px; 
 font-weight: 500; 
 line-height: 20.83px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .counter-section .single-counter .content span { 
 font-size: 16px; 
 } 
 } 
@media (max-width: 576px) { 
 .counter-section .single-counter .content span { 
 font-size: 15px; 
 } 
 } 
.counter-section.two { 
 background-color: transparent; 
 border-bottom: 1px solid var(--borders-color); 
 padding: 72px 0; 
 } 
@media (max-width: 991px) { 
 .counter-section.two { 
 padding: 50px 0; 
 } 
 } 
@media (max-width: 576px) { 
 .counter-section.two { 
 padding: 45px 0; 
 } 
 } 
.counter-section.two .divider::before { 
 display: none; 
 } 
.counter-section.two .divider .line { 
 fill: var(--borders-color); 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 right: 0; 
 line-height: 1; 
 } 
@media (max-width: 991px) { 
 .counter-section.two .divider .line { 
 display: none; 
 } 
 } 
.counter-section.two .divider:nth-child(1) .line { 
 right: 20px; 
 } 
@media (max-width: 1199px) { 
 .counter-section.two .divider:nth-child(1) .line { 
 right: 0; 
 } 
 } 
.counter-section.two .divider:nth-child(2) .line { 
 right: -10px; 
 } 
@media (max-width: 1199px) { 
 .counter-section.two .divider:nth-child(2) .line { 
 right: 0; 
 } 
 } 
.counter-section.two .divider:nth-child(3) .line { 
 right: -20px; 
 } 
@media (max-width: 1199px) { 
 .counter-section.two .divider:nth-child(3) .line { 
 right: 0; 
 } 
 } 
.counter-section.three { 
 background-color: transparent; 
 padding: 0; 
 } 
.counter-section.three .counter-wrapper { 
 padding: 90px 40px; 
 background-image: url(../img/home3/home3-counter-bg.png), linear-gradient(180deg, #F0F0F0 0%, #F0F0F0 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 border-radius: 20px; 
 } 
@media (max-width: 1399px) { 
 .counter-section.three .counter-wrapper { 
 padding: 85px 30px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .counter-section.three .counter-wrapper { 
 padding: 80px 20px; 
 } 
 } 
@media (max-width: 991px) { 
 .counter-section.three .counter-wrapper { 
 padding: 70px 30px; 
 } 
 } 
@media (max-width: 767px) { 
 .counter-section.three .counter-wrapper { 
 padding: 65px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .counter-section.three .counter-wrapper { 
 padding: 55px 20px; 
 border-radius: 15px; 
 } 
 } 
.counter-section.three .single-counter { 
 gap: 15px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .counter-section.three .single-counter { 
 gap: 10px; 
 } 
 } 
@media (max-width: 767px) { 
 .counter-section.three .single-counter { 
 gap: 10px; 
 } 
 } 
@media (max-width: 576px) { 
 .counter-section.three .single-counter { 
 gap: 15px; 
 } 
 } 
.counter-section.three .single-counter .icon { 
 min-width: 66px; 
 max-width: 66px; 
 height: 66px; 
 border-radius: 50%; 
 background-color: #D39B01; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .counter-section.three .single-counter .icon { 
 min-width: 60px; 
 max-width: 60px; 
 height: 60px; 
 } 
 } 
@media (max-width: 767px) { 
 .counter-section.three .single-counter .icon { 
 min-width: 60px; 
 max-width: 60px; 
 height: 60px; 
 } 
 } 
@media (max-width: 576px) { 
 .counter-section.three .single-counter .icon { 
 min-width: 58px; 
 max-width: 58px; 
 height: 58px; 
 } 
 } 
.counter-section.three .single-counter .icon svg { 
 fill: var(--white-color); 
 } 
@media (max-width: 576px) { 
 .counter-section.three .single-counter .icon svg { 
 width: 35px; 
 } 
 } 
.counter-section.three .single-counter .icon.orange { 
 background-color: #D15716; 
 } 
.counter-section.three .single-counter .icon.blue { 
 background-color: #1768E2; 
 } 
.counter-section.three .single-counter .icon.green { 
 background-color: #2E8B57; 
 } 
.counter-section.four .single-counter .icon svg { 
 fill: var(--primary-color4); 
 } 
@media (max-width: 576px) { 
 .counter-section.four .single-counter .icon svg { 
 width: 40px; 
 } 
 } 

/*=====================================
 16. Home1 Footer Section CSS
========================================*/
.footer-section { 
 background-image: url(../img/home1/footer-bg.png), linear-gradient(180deg, #110F0F 0%, #110F0F 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 } 
.footer-section .footer-contact-wrap { 
 padding: 45px 0 25px; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 20px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .footer-section .footer-contact-wrap { 
 gap: 15px; 
 } 
 } 
@media (max-width: 991px) { 
 .footer-section .footer-contact-wrap { 
 flex-wrap: wrap; 
 gap: 30px; 
 border-bottom: 1px solid #292727; 
 padding: 45px 0; 
 } 
 } 
.footer-section .footer-contact-wrap .inquiry-area { 
 display: flex; 
 align-items: center; 
 gap: 20px; 
 } 
@media (max-width: 1399px) { 
 .footer-section .footer-contact-wrap .inquiry-area { 
 gap: 15px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .footer-section .footer-contact-wrap .inquiry-area { 
 gap: 10px; 
 } 
 } 
.footer-section .footer-contact-wrap .inquiry-area svg { 
 fill: var(--primary-color1); 
 } 
.footer-section .footer-contact-wrap .inquiry-area .content h6 { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1.3; 
 margin-bottom: 5px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .footer-section .footer-contact-wrap .inquiry-area .content h6 { 
 font-size: 16px; 
 } 
 } 
.footer-section .footer-contact-wrap .inquiry-area .content span { 
 color: var(--white-text-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 28px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .footer-section .footer-contact-wrap .inquiry-area .content span { 
 font-size: 16px; 
 } 
 } 
.footer-section .footer-contact-wrap .contact-area { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 80px; 
 } 
@media (max-width: 1399px) { 
 .footer-section .footer-contact-wrap .contact-area { 
 gap: 45px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .footer-section .footer-contact-wrap .contact-area { 
 gap: 30px; 
 } 
 } 
@media (max-width: 991px) { 
 .footer-section .footer-contact-wrap .contact-area { 
 gap: 25px; 
 } 
 } 
@media (max-width: 767px) { 
 .footer-section .footer-contact-wrap .contact-area { 
 flex-wrap: wrap; 
 gap: 30px; 
 } 
 } 
.footer-section .footer-contact-wrap .contact-area .single-contact { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .footer-section .footer-contact-wrap .contact-area .single-contact { 
 gap: 5px; 
 } 
 } 
.footer-section .footer-contact-wrap .contact-area .single-contact .icon { 
 min-width: 40px; 
 max-width: 40px; 
 height: 40px; 
 border-radius: 50%; 
 background-color: var(--white-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .footer-section .footer-contact-wrap .contact-area .single-contact .icon { 
 min-width: 37px; 
 max-width: 37px; 
 height: 37px; 
 } 
 } 
.footer-section .footer-contact-wrap .contact-area .single-contact .content span { 
 color: var(--white-text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 display: block; 
 margin-bottom: 7px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .footer-section .footer-contact-wrap .contact-area .single-contact .content span { 
 font-size: 15px; 
 margin-bottom: 5px; 
 } 
 } 
.footer-section .footer-contact-wrap .contact-area .single-contact .content a { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 1; 
 transition: 0.5s; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .footer-section .footer-contact-wrap .contact-area .single-contact .content a { 
 font-size: 17px; 
 } 
 } 
@media (max-width: 991px) { 
 .footer-section .footer-contact-wrap .contact-area .single-contact .content a { 
 font-size: 18px; 
 } 
 } 
.footer-section .footer-contact-wrap .contact-area .single-contact .content a:hover { 
 color: var(--primary-color1); 
 } 
.footer-section .divider { 
 fill: #292727; 
 width: 100%; 
 } 
@media (max-width: 991px) { 
 .footer-section .divider { 
 display: none; 
 } 
 } 
.footer-section .footer-menu-wrap { 
 padding: 90px 0 100px; 
 } 


 .footer-widget .text-white { color: var(--white-text-color) !important; } 


@media (max-width: 1199px) { 
 .footer-section .footer-menu-wrap { 
 padding: 80px 0 90px; 
 } 
 } 
@media (max-width: 991px) { 
 .footer-section .footer-menu-wrap { 
 padding: 70px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .footer-section .footer-menu-wrap { 
 padding: 50px 0; 
 } 
 } 
.footer-section .footer-menu-wrap .footer-logo-and-addition-info .address-area { 
 margin-bottom: 40px; 
 } 
@media (max-width: 991px) { 
 .footer-section .footer-menu-wrap .footer-logo-and-addition-info .address-area { 
 margin: 35px 0; 
 } 
 } 
@media (max-width: 576px) { 
 .footer-section .footer-menu-wrap .footer-logo-and-addition-info .address-area { 
 margin: 25px 0; 
 } 
 } 
.footer-section .footer-menu-wrap .footer-logo-and-addition-info .address-area span { 
 color: var(--white-text-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 display: block; 
 margin-bottom: 10px; 
 } 
.footer-section .footer-menu-wrap .footer-logo-and-addition-info .address-area a { 
 color: var(--white-text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 16px; 
 line-height: 24px; 
 transition: 0.5s; 
 } 
.footer-section .footer-menu-wrap .footer-logo-and-addition-info .address-area a:hover { 
 color: var(--primary-color1); 
 } 
@media (max-width: 576px) { 
 .footer-section .footer-menu-wrap .footer-logo-and-addition-info .address-area a { 
 font-size: 15px; 
 } 
 } 
.footer-section .footer-menu-wrap .footer-logo-and-addition-info .social-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 margin-bottom: 60px; 
 } 
@media (max-width: 991px) { 
 .footer-section .footer-menu-wrap .footer-logo-and-addition-info .social-list { 
 margin-bottom: 50px; 
 } 
 } 
@media (max-width: 576px) { 
 .footer-section .footer-menu-wrap .footer-logo-and-addition-info .social-list { 
 margin-bottom: 40px; 
 } 
 } 
.footer-section .footer-menu-wrap .footer-logo-and-addition-info .social-list li a { 
 width: 30px; 
 height: 30px; 
 border-radius: 50%; 
 background-color: #292727; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 transition: 0.5s; 
 } 
.footer-section .footer-menu-wrap .footer-logo-and-addition-info .social-list li a i { 
 color: var(--white-color); 
 font-size: 16px; 
 transition: 0.5s; 
 } 
.footer-section .footer-menu-wrap .footer-logo-and-addition-info .social-list li a:hover { 
 background-color: var(--primary-color1); 
 } 
.footer-section .footer-menu-wrap .language-area { 
 position: relative; 
 max-width: 157px; 
 width: 100%; 
 padding: 14px 15px; 
 border-radius: 5px; 
 border: 1px solid rgba(var(--white-color-opc), 0.1); 
 margin-bottom: 20px; 
 } 
.footer-section .footer-menu-wrap .language-area .language-btn { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 5px; 
 cursor: pointer; 
 } 
.footer-section .footer-menu-wrap .language-area .language-btn .icon-and-content { 
 display: flex; 
 align-items: center; 
 gap: 8px; 
 } 
.footer-section .footer-menu-wrap .language-area .language-btn svg { 
 fill: var(--white-color); 
 transition: 0.5s; 
 } 
.footer-section .footer-menu-wrap .language-area .language-btn span { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-size: 14px; 
 font-weight: 600; 
 line-height: 1; 
 transition: 0.5s; 
 } 
.footer-section .footer-menu-wrap .language-area .language-btn i { 
 font-size: 12px; 
 line-height: 1; 
 color: rgba(var(--white-color-opc), 0.6); 
 } 
.footer-section .footer-menu-wrap .language-area .language-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 position: absolute; 
 top: 40px; 
 left: 50%; 
 z-index: 9999; 
 width: 157px; 
 background-color: var(--black-color); 
 box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08); 
 border: 1px solid rgba(var(--white-color-opc), 0.1); 
 border-radius: 5px; 
 display: none; 
 transform: translateY(0px) translateX(-50%); 
 transform-origin: top; 
 max-height: 150px; 
 overflow-y: auto; 
 } 
.footer-section .footer-menu-wrap .language-area .language-list::-webkit-scrollbar { 
 width: 3px; 
 } 
.footer-section .footer-menu-wrap .language-area .language-list::-webkit-scrollbar-track { 
 background: transparent; 
 } 
.footer-section .footer-menu-wrap .language-area .language-list::-webkit-scrollbar-thumb { 
 background-color: var(--primary-color1); 
 border-radius: 10px; 
 } 
.footer-section .footer-menu-wrap .language-area .language-list.active { 
 display: block; 
 transform: translateY(10px) translateX(-50%); 
 animation: lang-Down 0.5s linear; 
 } 
@keyframes lang-Down { 
 0% { 
 opacity: 0; 
 transform: translateY(0px) translateX(-50%); 
 visibility: hidden; 
 } 
 100% { 
 opacity: 1; 
 transform: translateY(10px) translateX(-50%); 
 visibility: visible; 
 } 
 } 
.footer-section .footer-menu-wrap .language-area .language-list li a { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 text-transform: capitalize; 
 font-size: 12px; 
 padding: 12px 20px; 
 line-height: 1; 
 width: 100%; 
 display: flex; 
 align-items: center; 
 transition: 0.5s; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
.footer-section .footer-menu-wrap .language-area .language-list li a:hover { 
 background-color: var(--primary-color1); 
 } 
.footer-section .footer-menu-wrap .footer-widget .widget-title { 
 margin-bottom: 35px; 
 } 
@media (max-width: 576px) { 
 .footer-section .footer-menu-wrap .footer-widget .widget-title { 
 margin-bottom: 30px; 
 } 
 } 
.footer-section .footer-menu-wrap .footer-widget .widget-title h5 { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 20px; 
 line-height: 1; 
 margin-bottom: 0; 
 } 
.footer-section .footer-menu-wrap .footer-widget .widget-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 } 
.footer-section .footer-menu-wrap .footer-widget .widget-list li { 
 margin-bottom: 25px; 
 line-height: 1; 
 } 
.footer-section .footer-menu-wrap .footer-widget .widget-list li:last-child { 
 margin-bottom: 0; 
 } 
@media (max-width: 576px) { 
 .footer-section .footer-menu-wrap .footer-widget .widget-list li { 
 margin-bottom: 20px; 
 } 
 } 
.footer-section .footer-menu-wrap .footer-widget .widget-list li a { 
 color: var(--white-text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 transition: 0.5s; 
 } 
.footer-section .footer-menu-wrap .footer-widget .widget-list li a:hover { 
 color: var(--white-color); 
 } 

 .hero-banner { 
 position: relative; 
 width: 100%; 
 height: calc(100vh - 100px); 
 overflow: hidden; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 

 #hero-video { 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 min-width: 100%; 
 min-height: 100%; 
 width: auto; 
 height: auto; 
 transform: translate(-50%, -50%); 
 z-index: 0; 
 object-fit: cover; 
 } 

 .overlay { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 background: linear-gradient(135deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)); 
 z-index: 1; 
 } 

 .hero-content { 
 position: relative; 
 z-index: 2; 
 text-align: left; 
 color: white; 
 padding: 20px; 
 max-width: 780px; 
 animation: fadeInUp 1.2s ease-out; 
 } 
 .hero-content h1 span { color:#ff6b35 } 
 .hero-content h1 { 
 font-size: 4rem; 
 font-weight: 700; 
 margin: 0 0 20px; 
 text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7); 
 line-height: 1.2; 
 color: #FFF; 
 } 
.hero-content .tag { 
 width: fit-content; 
 background: hsl(180deg 100% 25% / 60%); 
 padding: 5px 15px; 
 border-radius: 50px; 
 } 

 .custom-divider {
    width: 5rem;
    height: 0.375rem;
    background-color: #ff6b35;

    margin: 2rem auto;
}
 .hero-content p { 
 font-size: 1.5rem; 
 margin-bottom: 30px; 
 font-weight: 300; 
 color: #ffffff; 
 font-style: italic; 
 } 

 .project-content-bottom p { 
 color: #475569; 
 font-style: italic; 
 line-height: 1.65; 
 } 
.project-content-bottom p { 
 color: #475569; 
 font-style: italic; 
 line-height: 1.65; 
 } 
h2.text-center.newHeading {
    font-weight: 700;
}
.project-content .link-arrow { 
 width: 56px; 
 height: 56px; 
 border-radius: 50%; 
 background: #ff6b35; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 

.project-content .link-arrow svg { 
 fill: #FFF; 
 color: #FFF !important; 
 } 
 .cta-button { 
 display: inline-block; 
 padding: 15px 40px; 
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 
 color: white; 
 text-decoration: none; 
 font-size: 1.1rem; 
 font-weight: 600; 
 border-radius: 50px; 
 transition: all 0.3s ease; 
 box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4); 
 } 

 .cta-button:hover { 
 transform: translateY(-3px); 
 box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6); 
 } 

 @keyframes fadeInUp { 
 from { 
 opacity: 0; 
 transform: translateY(30px); 
 } 
 to { 
 opacity: 1; 
 transform: translateY(0); 
 } 
 } 
 .services-section { 
 padding: 6rem 0; 
 background-color: #f8fafc; 
 } 

 .section-title { 
 font-size: 2.5rem; 
 font-weight: 600; 
 color: var(--navy); 
 margin-bottom: 1rem; 
 } 

 .section-subtitle { 
 color: #64748b; 
 max-width: 42rem; 
 margin: 0 auto; 
 } 

 .service-card { 
 padding: 2rem; 
 background: white; 
 border-left: 4px solid; 
 border-radius: 0.25rem; 
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); 
 transition: box-shadow 0.3s ease; 
 height: 100%; 
 } 

 .service-card:hover { 
 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
 } 

 .service-card.border-primary { 
 border-left-color: var(--primary); 
 } 

 .service-card.border-secondary { 
 border-left-color: var(--secondary); 
 } 

 .service-card.border-navy { 
 border-left-color: var(--navy); 
 } 
.icon-box svg {
    width: 64px;
    height: 63px;
}
 .icon-box { 
 width: 5rem; 
 height: 5rem; 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 flex-shrink: 0; 
 margin-right: 1.5rem; 
 } 

 .icon-box.bg-primary-light { 
 background-color: rgba(59, 130, 246, 0.1); 
 color: var(--primary); 
 } 

 
.left-side-content > span {
    color: #505050;
    margin-bottom: 15px;
    display: block;
}

.left-side-content > h4 +span {
    color: #000;
    margin: 0;
    min-height: 30px;
    display: block;
}
 .icon-box.bg-secondary-light { 
 background-color: rgba(16, 185, 129, 0.1); 
 color: var(--secondary); 
 } 

 .icon-box.bg-navy-light { 
 background-color: rgba(30, 41, 59, 0.1); 
 color: var(--navy); 
 } 


 .service-card.border-orange {
        border-left-color:  rgb(255, 107, 53);
 }

 .icon-box.bg-primary-orange{
    background-color: rgb(255 107 53 / 30%);
    color: rgb(255, 107, 53);
}

 .service-title { 
    font-size: 1.25rem;
    font-weight: 500;
    color: #080808;
    margin-bottom: 0.75rem;
 } 

 .service-description { 
 color: #475569; 
 font-size: 0.875rem; 
 line-height: 1.7; 
 margin-bottom: 0; 
 } 

 .material-icons-round { 
 font-size: 1.875rem; 
 } 

 @media (max-width: 991px) { 
 .services-section { 
 padding: 4rem 0; 
 } 
 
 .section-title { 
 font-size: 2rem; 
 } 
 } 
 @media (max-width: 768px) { 
 .hero-content h1 { 
 font-size: 2.5rem; 
 } 

 .hero-content p { 
 font-size: 1.2rem; 
 } 

 .cta-button { 
 padding: 12px 30px; 
 font-size: 1rem; 
 } 
 } 

 .scroll-indicator { 
 position: absolute; 
 bottom: 30px; 
 left: 50%; 
 transform: translateX(-50%); 
 z-index: 2; 
 animation: bounce 2s infinite; 
 } 

 .scroll-indicator::after { 
 content: '↓'; 
 color: white; 
 font-size: 2rem; 
 text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7); 
 } 

 @keyframes bounce { 
 0%, 20%, 50%, 80%, 100% { 
 transform: translateX(-50%) translateY(0); 
 } 
 40% { 
 transform: translateX(-50%) translateY(-10px); 
 } 
 60% { 
 transform: translateX(-50%) translateY(-5px); 
 } 
 } 
@media (max-width: 576px) { 
 .footer-section .footer-menu-wrap .footer-widget .widget-list li a { 
 font-size: 15px; 
 } 
 } 
.footer-section .footer-menu-wrap .footer-widget .contact-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 } 
.footer-section .footer-menu-wrap .footer-widget .contact-list .single-contact { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 margin-bottom: 40px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .footer-section .footer-menu-wrap .footer-widget .contact-list .single-contact { 
 gap: 5px; 
 } 
 } 
@media (max-width: 767px) { 
 .footer-section .footer-menu-wrap .footer-widget .contact-list .single-contact { 
 margin-bottom: 35px; 
 } 
 } 
.footer-section .footer-menu-wrap .footer-widget .contact-list .single-contact:last-child { 
 margin-bottom: 0; 
 } 
.footer-section .footer-menu-wrap .footer-widget .contact-list .single-contact .icon { 
 min-width: 40px; 
 max-width: 40px; 
 height: 40px; 
 border-radius: 50%; 
 background-color: #292727; 
 border: 1px solid rgba(var(--white-color-opc), 0.1); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
.footer-section .footer-menu-wrap .footer-widget .contact-list .single-contact .content { 
 line-height: 1; 
 } 
.footer-section .footer-menu-wrap .footer-widget .contact-list .single-contact .content span { 
 color: var(--white-text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 display: block; 
 margin-bottom: 12px; 
 } 
.footer-section .footer-menu-wrap .footer-widget .contact-list .single-contact .content a { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1; 
 transition: 0.5s; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .footer-section .footer-menu-wrap .footer-widget .contact-list .single-contact .content a { 
 font-size: 17px; 
 } 
 } 
@media (max-width: 576px) { 
 .footer-section .footer-menu-wrap .footer-widget .contact-list .single-contact .content a { 
 font-size: 17px; 
 } 
 } 
.footer-section .footer-menu-wrap .footer-widget .contact-list .single-contact .content a:hover { 
 color: var(--primary-color1); 
 } 
.footer-section .footer-bottom { 
 padding: 20px 0; 
 border-top: 1px solid #292727; 
 } 
.footer-section .footer-bottom .copyright-and-payment-method-area { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 20px; 
 flex-wrap: wrap; 
 } 
@media (max-width: 991px) { 
 .footer-section .footer-bottom .copyright-and-payment-method-area { 
 flex-direction: column; 
 justify-content: center; 
 } 
 } 
@media (max-width: 576px) { 
 .footer-section .footer-bottom .copyright-and-payment-method-area { 
 gap: 15px; 
 } 
 } 
.footer-section .footer-bottom .copyright-and-payment-method-area p { 
 color: var(--white-text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1.8; 
 margin-bottom: 0; 
 } 
.footer-section .footer-bottom .copyright-and-payment-method-area p a { 
 color: var(--white-color); 
 transition: 0.5s; 
 } 
.footer-section .footer-bottom .copyright-and-payment-method-area p a:hover { 
 color: var(--primary-color1); 
 } 
.footer-section .footer-bottom .copyright-and-payment-method-area .payment-method-area { 
 display: flex; 
 align-items: center; 
 gap: 25px; 
 flex-wrap: wrap; 
 } 
@media (max-width: 576px) { 
 .footer-section .footer-bottom .copyright-and-payment-method-area .payment-method-area { 
 justify-content: center; 
 gap: 15px; 
 } 
 } 
.footer-section .footer-bottom .copyright-and-payment-method-area .payment-method-area span { 
 color: var(--white-text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1; 
 } 
.footer-section .footer-bottom .copyright-and-payment-method-area .payment-method-area ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 flex-wrap: wrap; 
 } 
.footer-section.two .footer-menu-wrap { 
 padding: 245px 0 100px; 
 } 
@media (max-width: 1199px) { 
 .footer-section.two .footer-menu-wrap { 
 padding: 235px 0 90px; 
 } 
 } 
@media (max-width: 991px) { 
 .footer-section.two .footer-menu-wrap { 
 padding: 220px 0 70px; 
 } 
 } 
@media (max-width: 576px) { 
 .footer-section.two .footer-menu-wrap { 
 padding: 200px 0 50px; 
 } 
 } 
.footer-section.three .footer-menu-wrap .footer-logo-and-addition-info .address-area a:hover { 
 color: var(--primary-color2); 
 } 
.footer-section.three .footer-menu-wrap .footer-logo-and-addition-info .social-list li a:hover { 
 background-color: var(--primary-color2); 
 } 
.footer-section.three .footer-menu-wrap .footer-logo-and-addition-info .language-area .language-list::-webkit-scrollbar-thumb { 
 background-color: var(--primary-color2); 
 } 
.footer-section.three .footer-menu-wrap .footer-logo-and-addition-info .language-area .language-list li a:hover { 
 background-color: var(--primary-color2); 
 } 
.footer-section.three .footer-menu-wrap .footer-widget .contact-list .single-contact .content a:hover { 
 color: var(--primary-color2); 
 } 
.footer-section.three .footer-bottom .copyright-and-payment-method-area p a:hover { 
 color: var(--primary-color2); 
 } 
.footer-section.four .footer-menu-wrap .footer-logo-and-addition-info .address-area a:hover { 
 color: var(--white-color); 
 } 
.footer-section.four .footer-menu-wrap .footer-logo-and-addition-info .social-list li a:hover { 
 background-color: var(--primary-color4); 
 } 
.footer-section.four .footer-menu-wrap .footer-logo-and-addition-info .language-area .language-list::-webkit-scrollbar-thumb { 
 background-color: var(--primary-color4); 
 } 
.footer-section.four .footer-menu-wrap .footer-logo-and-addition-info .language-area .language-list li a:hover { 
 background-color: var(--primary-color4); 
 } 
.footer-section.four .footer-menu-wrap .footer-widget .contact-list .single-contact .content a:hover { 
 color: var(--white-text-color); 
 } 
.footer-section.four .footer-bottom .copyright-and-payment-method-area p a { 
 color: var(--white-color); 
 background: linear-gradient(to bottom, var(--white-color) 0%, var(--white-color) 98%); 
 background-size: 0px 1.5px; 
 background-repeat: no-repeat; 
 background-position: right 90%; 
 transition: background-size 0.75s; 
 } 
.footer-section.four .footer-bottom .copyright-and-payment-method-area p a:hover { 
 background-size: 100% 1.5px; 
 background-position: 0% 90%; 
 } 
.footer-section.five .footer-menu-wrap .footer-logo-and-addition-info .address-area a:hover { 
 color: var(--white-color); 
 } 
.footer-section.five .footer-menu-wrap .footer-logo-and-addition-info .social-list li a:hover { 
 background-color: var(--primary-color3); 
 } 
.footer-section.five .footer-menu-wrap .footer-logo-and-addition-info .social-list li a:hover i { 
 color: var(--title-color2); 
 } 
.footer-section.five .footer-menu-wrap .footer-logo-and-addition-info .language-area .language-list::-webkit-scrollbar-thumb { 
 background-color: var(--primary-color3); 
 } 
.footer-section.five .footer-menu-wrap .footer-logo-and-addition-info .language-area .language-list li a:hover { 
 background-color: var(--primary-color3); 
 color: var(--title-color2); 
 } 
.footer-section.five .footer-menu-wrap .footer-widget .contact-list .single-contact .content a:hover { 
 color: var(--title-color2); 
 } 
.footer-section.five .footer-bottom .copyright-and-payment-method-area p a:hover { 
 color: var(--title-color2); 
 } 

/*=====================================
 17. Home2 Banner Section CSS
========================================*/
.home2-banner-section { 
 overflow: hidden; 
 position: relative; 
 } 
.home2-banner-section .banner-wrapper { 
 position: relative; 
 } 
.home2-banner-section .banner-wrapper::before { 
 content: ""; 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 background-color: rgba(0, 0, 0, 0.2); 
 z-index: 1; 
 } 
.home2-banner-section .banner-wrapper .banner-video-area { 
 min-height: 680px; 
 height: 680px; 
 position: relative; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home2-banner-section .banner-wrapper .banner-video-area { 
 min-height: 600px; 
 height: 600px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home2-banner-section .banner-wrapper .banner-video-area { 
 min-height: 600px; 
 height: 600px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home2-banner-section .banner-wrapper .banner-video-area { 
 min-height: 500px; 
 height: 500px; 
 } 
 } 
@media (max-width: 767px) { 
 .home2-banner-section .banner-wrapper .banner-video-area { 
 min-height: 480px; 
 height: 480px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-banner-section .banner-wrapper .banner-video-area { 
 min-height: 470px; 
 height: 470px; 
 } 
 } 
.home2-banner-section .banner-wrapper .banner-video-area video { 
 width: 100%; 
 min-height: 680px; 
 height: 680px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home2-banner-section .banner-wrapper .banner-video-area video { 
 min-height: 600px; 
 height: 600px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home2-banner-section .banner-wrapper .banner-video-area video { 
 min-height: 600px; 
 height: 600px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home2-banner-section .banner-wrapper .banner-video-area video { 
 min-height: 500px; 
 height: 500px; 
 } 
 } 
@media (max-width: 767px) { 
 .home2-banner-section .banner-wrapper .banner-video-area video { 
 min-height: 480px; 
 height: 480px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-banner-section .banner-wrapper .banner-video-area video { 
 min-height: 470px; 
 height: 470px; 
 } 
 } 
.home2-banner-section .banner-wrapper .banner-img-area { 
 min-height: 680px; 
 } 

 .banner-img-area img { width: calc(100%); object-fit: cover; } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home2-banner-section .banner-wrapper .banner-img-area { 
 min-height: 600px; 
 height: 600px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home2-banner-section .banner-wrapper .banner-img-area { 
 min-height: 600px; 
 height: 600px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home2-banner-section .banner-wrapper .banner-img-area { 
 min-height: 500px; 
 height: 500px; 
 } 
 } 
@media (max-width: 767px) { 
 .home2-banner-section .banner-wrapper .banner-img-area { 
 min-height: 480px; 
 height: 480px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-banner-section .banner-wrapper .banner-img-area { 
 min-height: 470px; 
 height: 470px; 
 } 
 } 
.home2-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 680px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home2-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 600px; 
 height: 600px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home2-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 600px; 
 height: 600px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home2-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 500px; 
 height: 500px; 
 } 
 } 
@media (max-width: 767px) { 
 .home2-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 480px; 
 height: 480px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 470px; 
 height: 470px; 
 } 
 } 
.home2-banner-section .banner-wrapper .banner-content-wrap { 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 left: 0; 
 width: 100%; 
 padding: 170px 0; 
 z-index: 2; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home2-banner-section .banner-wrapper .banner-content-wrap { 
 padding: 120px 0; 
 } 
 } 
@media (max-width: 1399px) { 
 .home2-banner-section .banner-wrapper .banner-content-wrap { 
 padding: 120px 0; 
 } 
 } 
@media (max-width: 1199px) { 
 .home2-banner-section .banner-wrapper .banner-content-wrap { 
 padding: 100px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .home2-banner-section .banner-wrapper .banner-content-wrap { 
 padding: 90px 0; 
 } 
 } 
.home2-banner-section .banner-wrapper .banner-content-wrap .banner-content { 
 max-width: 840px; 
 width: 100%; 
 margin: 0 auto; 
 text-align: center; 
 } 
.home2-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
.home2-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 70px; 
 line-height: 1.1; 
 margin-bottom: 25px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home2-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home2-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 60px; 
 margin-bottom: 20px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home2-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home2-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 55px; 
 margin-bottom: 20px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home2-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home2-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 52px; 
 margin-bottom: 15px; 
 } 
 } 
@media (max-width: 991px) { 
 .home2-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home2-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 47px; 
 } 
 } 
@media (max-width: 767px) { 
 .home2-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home2-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 42px; 
 margin-bottom: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home2-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 38px; 
 } 
 } 
.home2-banner-section .banner-wrapper .banner-content-wrap .banner-content p { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 20px; 
 line-height: 28px; 
 margin-bottom: 0; 
 } 
@media (max-width: 991px) { 
 .home2-banner-section .banner-wrapper .banner-content-wrap .banner-content p { 
 font-size: 18px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-banner-section .banner-wrapper .banner-content-wrap .banner-content p { 
 font-size: 16px; 
 line-height: 26px; 
 } 
 } 
@media (max-width: 767px) { 
 .home2-banner-section .slider-btn-grp { 
 display: none; 
 } 
 } 
.home2-banner-section .slider-btn-grp .slider-btn { 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 left: 70px; 
 min-width: 60px; 
 max-width: 60px; 
 height: 60px; 
 z-index: 3; 
 border: 1px solid rgba(var(--white-color-opc), 0.1); 
 background-color: rgba(var(--black-color-opc), 0.05); 
 -webkit-backdrop-filter: blur(15px); 
 backdrop-filter: blur(15px); 
 } 
@media (max-width: 1399px) { 
 .home2-banner-section .slider-btn-grp .slider-btn { 
 left: 50px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home2-banner-section .slider-btn-grp .slider-btn { 
 left: 40px; 
 min-width: 50px; 
 max-width: 50px; 
 height: 50px; 
 } 
 } 
@media (max-width: 991px) { 
 .home2-banner-section .slider-btn-grp .slider-btn { 
 left: 20px; 
 } 
 } 
.home2-banner-section .slider-btn-grp .slider-btn svg { 
 stroke: none; 
 fill: var(--white-color); 
 } 
@media (max-width: 1199px) { 
 .home2-banner-section .slider-btn-grp .slider-btn svg { 
 width: 20px; 
 } 
 } 
.home2-banner-section .slider-btn-grp .slider-btn:hover { 
 background-color: var(--primary-color1); 
 } 
.home2-banner-section .slider-btn-grp .slider-btn.banner-slider-next { 
 left: unset; 
 right: 70px; 
 } 
@media (max-width: 1399px) { 
 .home2-banner-section .slider-btn-grp .slider-btn.banner-slider-next { 
 right: 50px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home2-banner-section .slider-btn-grp .slider-btn.banner-slider-next { 
 right: 40px; 
 } 
 } 
@media (max-width: 991px) { 
 .home2-banner-section .slider-btn-grp .slider-btn.banner-slider-next { 
 right: 20px; 
 } 
 } 
.home2-banner-section .home2-banner-slider .swiper-slide-active .banner-content h1 { 
 animation: fadeInDown 1.7s; 
 } 
.home2-banner-section .home2-banner-slider .swiper-slide-active .banner-content p { 
 animation: fadeInUp 1.7s; 
 } 

/*=====================================
 18. Home2 Package Slider Section CSS
========================================*/
.home2-package-slider-section { 
 background-image: url(../img/home2/home2-package-slider-bg.png), linear-gradient(180deg, #E7EEFF 0%, #E7EEFF 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 190px 0 100px; 
 margin-top: -98px; 
 position: relative; 
 } 
@media (max-width: 1199px) { 
 .home2-package-slider-section { 
 padding: 180px 0 90px; 
 } 
 } 
@media (max-width: 991px) { 
 .home2-package-slider-section { 
 margin-top: -183px; 
 padding: 255px 0 80px; 
 } 
 } 
@media (max-width: 767px) { 
 .home2-package-slider-section { 
 margin-top: -326px; 
 padding: 390px 0 70px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-package-slider-section { 
 margin-top: -330px; 
 } 
 } 
@keyframes up-down { 
 0% { 
 transform: translateY(35px); 
 } 
 50% { 
 transform: translateY(20px); 
 } 
 100% { 
 transform: translateY(35px); 
 } 
 } 
@keyframes rotate { 
 0% { 
 transform: rotate(0); 
 } 
 100% { 
 transform: rotate(360deg); 
 } 
 } 
.home2-package-slider-section .vector1 { 
 position: absolute; 
 top: 30%; 
 left: 0; 
 animation: up-down 2s linear infinite alternate; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home2-package-slider-section .vector1 { 
 top: 24%; 
 } 
 } 
@media (max-width: 1399px) { 
 .home2-package-slider-section .vector1 { 
 top: 24%; 
 } 
 } 
@media (max-width: 991px) { 
 .home2-package-slider-section .vector1 { 
 width: 100px; 
 } 
 } 
@media (max-width: 767px) { 
 .home2-package-slider-section .vector1 { 
 top: 25%; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-package-slider-section .vector1 { 
 display: none; 
 } 
 } 
.home2-package-slider-section .vector2 { 
 position: absolute; 
 top: 20%; 
 right: 65px; 
 animation: rotate 5s linear infinite; 
 } 
@media (max-width: 1199px) { 
 .home2-package-slider-section .vector2 { 
 right: 30px; 
 } 
 } 
@media (max-width: 991px) { 
 .home2-package-slider-section .vector2 { 
 width: 58px; 
 } 
 } 
@media (max-width: 767px) { 
 .home2-package-slider-section .vector2 { 
 display: none; 
 } 
 } 
.home2-package-slider-section .vector3 { 
 position: absolute; 
 bottom: 50px; 
 right: 196px; 
 animation: tada 3s linear infinite; 
 } 
@media (max-width: 1699px) { 
 .home2-package-slider-section .vector3 { 
 right: 100px; 
 } 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home2-package-slider-section .vector3 { 
 right: 70px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home2-package-slider-section .vector3 { 
 right: 50px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home2-package-slider-section .vector3 { 
 bottom: 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-package-slider-section .vector3 { 
 display: none; 
 } 
 } 

/*=====================================
 19. Home2 Destination Section CSS
========================================*/
.destination-card2 .destination-img { 
 position: relative; 
 overflow: hidden; 
 display: block; 
 border-radius: 20px; 
 } 
@media (max-width: 576px) { 
 .destination-card2 .destination-img { 
 border-radius: 10px; 
 } 
 } 
.destination-card2 .destination-img img { 
 border-radius: 20px; 
 transition: all 0.5s ease-out; 
 } 
.destination-card2 .destination-img::after { 
 position: absolute; 
 width: 200%; 
 height: 0%; 
 left: 50%; 
 top: 50%; 
 background-color: rgba(255, 255, 255, 0.3); 
 transform: translate(-50%, -50%) rotate(-45deg); 
 content: ""; 
 z-index: 1; 
 } 
.destination-card2 .destination-content { 
 padding: 20px 10px 0; 
 text-align: center; 
 } 
@media (max-width: 1199px) { 
 .destination-card2 .destination-content { 
 padding: 15px 10px 0; 
 } 
 } 
.destination-card2 .destination-content h5 { 
 margin-bottom: 2px; 
 } 
.destination-card2 .destination-content h5 a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 1.3; 
 transition: 0.5s; 
 } 
.destination-card2 .destination-content h5 a:hover { 
 color: var(--primary-color1); 
 } 
@media (max-width: 1199px) { 
 .destination-card2 .destination-content h5 a { 
 font-size: 18px; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-card2 .destination-content h5 a { 
 font-size: 19px; 
 } 
 } 
.destination-card2 .destination-content span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 } 
@media (max-width: 991px) { 
 .destination-card2 .destination-content span { 
 font-size: 15px; 
 } 
 } 
.destination-card2:hover .destination-img img { 
 transform: scale(1.1); 
 } 
.destination-card2:hover .destination-img::after { 
 height: 250%; 
 transition: all 600ms linear; 
 background-color: transparent; 
 } 
.destination-card2.two .destination-img { 
 width: 305px; 
 height: 305px; 
 border-radius: 50%; 
 } 
@media (max-width: 1399px) { 
 .destination-card2.two .destination-img { 
 width: 270px; 
 height: 270px; 
 } 
 } 
@media (max-width: 1199px) { 
 .destination-card2.two .destination-img { 
 width: 220px; 
 height: 220px; 
 } 
 } 
@media (max-width: 767px) { 
 .destination-card2.two .destination-img { 
 width: 246px; 
 height: 246px; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-card2.two .destination-img { 
 width: 326px; 
 height: 326px; 
 margin: 0 auto; 
 } 
 } 
.destination-card2.two .destination-img img { 
 width: 305px; 
 height: 305px; 
 border-radius: 50%; 
 } 
@media (max-width: 1399px) { 
 .destination-card2.two .destination-img img { 
 width: 270px; 
 height: 270px; 
 } 
 } 
@media (max-width: 1199px) { 
 .destination-card2.two .destination-img img { 
 width: 220px; 
 height: 220px; 
 } 
 } 
@media (max-width: 767px) { 
 .destination-card2.two .destination-img img { 
 width: 245px; 
 height: 245px; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-card2.two .destination-img img { 
 width: 326px; 
 height: 326px; 
 } 
 } 
.destination-card2.two .destination-img .arrow { 
 width: 40px; 
 height: 40px; 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 background-color: var(--white-color); 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 z-index: 2; 
 opacity: 0; 
 transition: 0.5s; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .destination-card2.two .destination-img .arrow { 
 width: 35px; 
 height: 35px; 
 } 
 } 
.destination-card2.two .destination-img .arrow svg { 
 fill: none; 
 stroke: var(--black-color); 
 transition: 0.5s; 
 } 
.destination-card2.two .destination-img .arrow:hover { 
 background-color: var(--primary-color1); 
 } 
.destination-card2.two .destination-img .arrow:hover svg { 
 stroke: var(--white-color); 
 transform: rotate(45deg); 
 } 
.destination-card2.two .destination-img:hover .arrow { 
 opacity: 1; 
 } 
.destination-card2.two .destination-content h5 a { 
 color: var(--title-color); 
 background: linear-gradient(to bottom, var(--title-color) 0%, var(--title-color) 98%); 
 background-size: 0px 1px; 
 background-repeat: no-repeat; 
 background-position: right 90%; 
 transition: background-size 0.75s; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .destination-card2.two .destination-content h5 a { 
 font-size: 17px; 
 } 
 } 
.destination-card2.two .destination-content h5 a:hover { 
 background-size: 100% 1px; 
 background-position: 0% 90%; 
 } 
.destination-card2.three .destination-img .arrow { 
 width: 40px; 
 height: 40px; 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 background-color: var(--white-color); 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 z-index: 2; 
 opacity: 0; 
 transition: 0.5s; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .destination-card2.three .destination-img .arrow { 
 width: 35px; 
 height: 35px; 
 } 
 } 
.destination-card2.three .destination-img .arrow svg { 
 fill: none; 
 stroke: var(--black-color); 
 transition: 0.5s; 
 } 
.destination-card2.three .destination-img .arrow:hover { 
 background-color: var(--primary-color1); 
 } 
.destination-card2.three .destination-img .arrow:hover svg { 
 stroke: var(--white-color); 
 transform: rotate(45deg); 
 } 
.destination-card2.three .destination-img:hover .arrow { 
 opacity: 1; 
 } 
.destination-card2.three .destination-content h5 a { 
 color: var(--title-color); 
 background: linear-gradient(to bottom, var(--title-color) 0%, var(--title-color) 98%); 
 background-size: 0px 1px; 
 background-repeat: no-repeat; 
 background-position: right 90%; 
 transition: background-size 0.75s; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .destination-card2.three .destination-content h5 a { 
 font-size: 17px; 
 } 
 } 
.destination-card2.three .destination-content h5 a:hover { 
 background-size: 100% 1px; 
 background-position: 0% 90%; 
 } 
.destination-card2.four { 
 position: relative; 
 border-radius: 20px; 
 } 
@media (max-width: 576px) { 
 .destination-card2.four { 
 border-radius: 10px; 
 } 
 } 
@media (max-width: 1199px) { 
 .destination-card2.four .destination-img img { 
 min-height: 300px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
 } 
@media (max-width: 991px) { 
 .destination-card2.four .destination-img img { 
 max-height: 320px; 
 min-height: 320px; 
 width: 100%; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-card2.four .destination-img img { 
 max-height: 350px; 
 min-height: 350px; 
 } 
 } 
.destination-card2.four .destination-content-wrap { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 border-radius: 20px; 
 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%); 
 display: flex; 
 align-items: end; 
 z-index: 1; 
 } 
@media (max-width: 576px) { 
 .destination-card2.four .destination-content-wrap { 
 border-radius: 10px; 
 } 
 } 
.destination-card2.four .destination-content { 
 padding: 30px 35px; 
 text-align: left; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .destination-card2.four .destination-content { 
 padding: 25px 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .destination-card2.four .destination-content { 
 padding: 25px 15px; 
 } 
 } 
@media (max-width: 991px) { 
 .destination-card2.four .destination-content { 
 padding: 25px 20px; 
 } 
 } 
.destination-card2.four .destination-content span { 
 color: var(--white-color); 
 } 
.destination-card2.four .destination-content h5 { 
 margin-bottom: 0; 
 margin-top: 2px; 
 } 
.destination-card2.four .destination-content h5 a { 
 color: var(--white-color); 
 font-size: 20px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .destination-card2.four .destination-content h5 a { 
 font-size: 19px; 
 } 
 } 
.destination-card2.four .destination-content h5 a:hover { 
 color: var(--primary-color1); 
 } 

.home2-destination-section .destination-slider-area { 
 position: relative; 
 } 
@media (max-width: 576px) { 
 .home2-destination-section .destination-slider-area .slider-btn-grp { 
 display: none; 
 } 
 } 
.home2-destination-section .destination-slider-area .slider-btn-grp .slider-btn { 
 position: absolute; 
 top: calc(50% - 60px); 
 left: -20px; 
 z-index: 1; 
 } 
.home2-destination-section .destination-slider-area .slider-btn-grp .slider-btn.destination-slider-next { 
 left: unset; 
 right: -20px; 
 } 

/*=====================================
 20. Home2 About Section CSS
========================================*/
.home2-about-section { 
 background-image: url(../img/home2/home2-about-bg.png), linear-gradient(180deg, #FFF2E2 0%, #FFF2E2 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 100px 0; 
 } 
@media (max-width: 1199px) { 
 .home2-about-section { 
 padding: 90px 0; 
 } 
 } 
@media (max-width: 991px) { 
 .home2-about-section { 
 padding: 70px 0; 
 } 
 } 
.home2-about-section .section-title { 
 margin-bottom: 50px; 
 } 
@media (max-width: 1199px) { 
 .home2-about-section .section-title { 
 margin-bottom: 40px; 
 } 
 } 
@media (max-width: 991px) { 
 .home2-about-section .section-title { 
 margin-bottom: 30px; 
 } 
 } 
.home2-about-section .section-title h2 { 
 line-height: 1.3; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home2-about-section .section-title h2 { 
 font-size: 38px; 
 } 
 } 
.home2-about-section .section-title p { 
 margin: 0; 
 } 
@media (max-width: 991px) { 
 .home2-about-section .section-title p { 
 max-width: unset; 
 } 
 } 
.home2-about-section .section-title p span { 
 color: var(--title-color); 
 } 
.home2-about-section .counter-area { 
 display: flex; 
 gap: 35px; 
 margin-left: 120px; 
 } 
@media (max-width: 1199px) { 
 .home2-about-section .counter-area { 
 margin-left: 90px; 
 } 
 } 
@media (max-width: 991px) { 
 .home2-about-section .counter-area { 
 margin-left: 70px; 
 } 
 } 
@media (max-width: 767px) { 
 .home2-about-section .counter-area { 
 margin-left: 50px; 
 gap: 25px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-about-section .counter-area { 
 margin-left: 0; 
 gap: 15px; 
 } 
 } 
.home2-about-section .counter-area svg { 
 fill: var(--primary-color1); 
 } 
.home2-about-section .counter-area .single-counter { 
 display: flex; 
 align-items: end; 
 gap: 10px; 
 margin-top: 10px; 
 } 
.home2-about-section .counter-area .single-counter h2 { 
 margin-bottom: 0; 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 70px; 
 line-height: 1; 
 position: relative; 
 } 
.home2-about-section .counter-area .single-counter h2 strong { 
 font-weight: 600; 
 line-height: 1; 
 display: inline-block; 
 } 
.home2-about-section .counter-area .single-counter h2 sup { 
 color: rgba(var(--title-color-opc), 0.9); 
 font-size: 30px; 
 font-weight: 400; 
 top: 0; 
 position: absolute; 
 } 
@media (max-width: 576px) { 
 .home2-about-section .counter-area .single-counter h2 sup { 
 font-size: 28px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-about-section .counter-area .single-counter h2 { 
 font-size: 62px; 
 } 
 } 
.home2-about-section .counter-area .single-counter span { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 18px; 
 line-height: 28px; 
 margin-bottom: 5px; 
 } 
@media (max-width: 576px) { 
 .home2-about-section .counter-area .single-counter span { 
 font-size: 16px; 
 line-height: 24px; 
 } 
 } 
.home2-about-section .about-img-wrap { 
 position: relative; 
 } 
.home2-about-section .about-img-wrap .logo { 
 width: 80px; 
 height: 80px; 
 background-color: var(--white-color); 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 position: absolute; 
 bottom: 125px; 
 left: 50%; 
 transform: translateX(-50%); 
 } 
@media (max-width: 1399px) { 
 .home2-about-section .about-img-wrap .logo { 
 bottom: 100px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home2-about-section .about-img-wrap .logo { 
 bottom: 70px; 
 width: 70px; 
 height: 70px; 
 } 
 } 
.home2-about-section .about-img-wrap .vector { 
 fill: var(--black-color); 
 position: absolute; 
 top: 0; 
 left: 47%; 
 transform: translateX(-50%); 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home2-about-section .about-img-wrap .vector { 
 top: -20px; 
 left: 46.5%; 
 } 
 } 
.home2-about-section .about-img-wrap .single-img img { 
 border-radius: 300px 300px 0 0; 
 } 
.home2-about-section .service-area { 
 margin-bottom: 45px; 
 } 
.home2-about-section .service-area h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1.3; 
 margin-bottom: 20px; 
 } 
.home2-about-section .service-area .single-service { 
 padding: 16px 25px; 
 background-color: var(--white-color); 
 border-radius: 10px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home2-about-section .service-area .single-service { 
 padding: 15px 15px; 
 } 
 } 
.home2-about-section .service-area .single-service a { 
 display: flex; 
 gap: 15px; 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 28px; 
 transition: 0.5s; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home2-about-section .service-area .single-service a { 
 gap: 10px; 
 font-size: 16px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home2-about-section .service-area .single-service a { 
 font-size: 16px; 
 gap: 10px; 
 line-height: 26px; 
 } 
 } 
.home2-about-section .service-area .single-service a svg { 
 fill: var(--white-text-color); 
 margin-top: 8px; 
 min-width: 30px; 
 transition: 0.5s; 
 } 
.home2-about-section .service-area .single-service a:hover { 
 color: var(--primary-color1); 
 } 
.home2-about-section .service-area .single-service a:hover svg { 
 fill: var(--primary-color1); 
 } 
.home2-about-section .rating-area { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 15px; 
 } 
@media (max-width: 767px) { 
 .home2-about-section .rating-area { 
 flex-wrap: wrap; 
 gap: 15px; 
 } 
 } 
.home2-about-section .rating-area .text-and-logo { 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 } 
@media (max-width: 767px) { 
 .home2-about-section .rating-area .text-and-logo { 
 flex-direction: column; 
 gap: 10px; 
 } 
 } 
.home2-about-section .rating-area > span { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1; 
 } 
@media (max-width: 576px) { 
 .home2-about-section .rating-area > span { 
 font-size: 16px; 
 } 
 } 
.home2-about-section .rating-area p { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 margin-bottom: 0; 
 text-align: center; 
 } 
@media (max-width: 576px) { 
 .home2-about-section .rating-area p { 
 font-size: 14px; 
 } 
 } 
.home2-about-section .rating-area p span { 
 text-decoration: underline; 
 } 

/*=====================================
 21. Home2 Offer Banner Section CSS
========================================*/
.home2-offer-banner-section { 
 position: relative; 
 } 
.home2-offer-banner-section .offer-banner-wrap { 
 background-color: #99D5B0; 
 border-radius: 20px; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 15px; 
 position: relative; 
 z-index: 1; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home2-offer-banner-section .offer-banner-wrap { 
 gap: 70px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-offer-banner-section .offer-banner-wrap { 
 border-radius: 15px; 
 } 
 } 
.home2-offer-banner-section .offer-banner-wrap .offer-banner-content { 
 padding: 55px 0 55px 60px; 
 max-width: 482px; 
 width: 100%; 
 } 
@media (max-width: 1199px) { 
 .home2-offer-banner-section .offer-banner-wrap .offer-banner-content { 
 padding: 55px 0 55px 30px; 
 max-width: 437px; 
 } 
 } 
@media (max-width: 991px) { 
 .home2-offer-banner-section .offer-banner-wrap .offer-banner-content { 
 padding: 50px 0 50px 25px; 
 max-width: 300px; 
 } 
 } 
@media (max-width: 767px) { 
 .home2-offer-banner-section .offer-banner-wrap .offer-banner-content { 
 max-width: unset; 
 padding: 50px 35px 50px 35px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-offer-banner-section .offer-banner-wrap .offer-banner-content { 
 padding: 60px 15px 60px 15px; 
 } 
 } 
.home2-offer-banner-section .offer-banner-wrap .offer-banner-content > span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1; 
 display: inline-block; 
 padding: 5px 15px; 
 background-color: var(--white-color); 
 border: 1px solid var(--black-color); 
 border-radius: 50px; 
 margin-bottom: 20px; 
 } 
@media (max-width: 576px) { 
 .home2-offer-banner-section .offer-banner-wrap .offer-banner-content > span { 
 margin-bottom: 15px; 
 } 
 } 
.home2-offer-banner-section .offer-banner-wrap .offer-banner-content h2 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 40px; 
 line-height: 1.2; 
 margin-bottom: 35px; 
 } 
@media (max-width: 1199px) { 
 .home2-offer-banner-section .offer-banner-wrap .offer-banner-content h2 { 
 font-size: 38px; 
 } 
 } 
@media (max-width: 991px) { 
 .home2-offer-banner-section .offer-banner-wrap .offer-banner-content h2 { 
 font-size: 34px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-offer-banner-section .offer-banner-wrap .offer-banner-content h2 { 
 font-size: 31px; 
 line-height: 1.3; 
 margin-bottom: 30px; 
 } 
 } 
.home2-offer-banner-section .offer-banner-wrap .offer-banner-content .primary-btn1 { 
 padding: 17px 22px; 
 } 
@media (max-width: 767px) { 
 .home2-offer-banner-section .offer-banner-wrap .offer-banner-img { 
 display: none; 
 } 
 } 
.home2-offer-banner-section .offer-banner-wrap .offer-banner-img img { 
 border-radius: 0 20px 20px 0; 
 } 
@media (max-width: 1399px) { 
 .home2-offer-banner-section .offer-banner-wrap .offer-banner-img img { 
 min-height: 340px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 -o-object-position: left; 
 object-position: left; 
 } 
 } 
.home2-offer-banner-section .offer-banner-wrap .vector1 { 
 position: absolute; 
 bottom: 0; 
 left: 0; 
 z-index: -1; 
 } 
.home2-offer-banner-section .offer-banner-wrap .vector2 { 
 position: absolute; 
 top: 60px; 
 left: 22%; 
 z-index: -1; 
 } 
@media (max-width: 991px) { 
 .home2-offer-banner-section .offer-banner-wrap .vector2 { 
 left: 30%; 
 } 
 } 
@media (max-width: 767px) { 
 .home2-offer-banner-section .offer-banner-wrap .vector2 { 
 left: 45%; 
 } 
 } 
.home2-offer-banner-section .vector { 
 position: absolute; 
 bottom: 0; 
 left: 0; 
 animation: up-down 2s linear infinite alternate; 
 } 
@media (max-width: 576px) { 
 .home2-offer-banner-section .vector { 
 display: none; 
 } 
 } 

/*=====================================
 22. Home2 Award Banner Section CSS
========================================*/
.home2-award-banner-section { 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 140px 0; 
 background-attachment: fixed; 
 } 
@media (max-width: 1199px) { 
 .home2-award-banner-section { 
 padding: 120px 0; 
 } 
 } 
@media (max-width: 991px) { 
 .home2-award-banner-section { 
 padding: 100px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .home2-award-banner-section { 
 padding: 80px 0; 
 } 
 } 
.home2-award-banner-section .banner-content { 
 max-width: 755px; 
 width: 100%; 
 margin: 0 auto; 
 position: relative; 
 text-align: center; 
 padding: 0 15px; 
 } 
.home2-award-banner-section .banner-content .award-rating-area { 
 margin-bottom: 60px; 
 } 
@media (max-width: 991px) { 
 .home2-award-banner-section .banner-content .award-rating-area { 
 margin-bottom: 50px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-award-banner-section .banner-content .award-rating-area { 
 margin-bottom: 40px; 
 } 
 } 
.home2-award-banner-section .banner-content .award-rating-area h4 { 
 color: var(--white-color); 
 font-family: var(--font-courgette); 
 font-weight: 400; 
 font-size: 25px; 
 line-height: 40px; 
 margin-bottom: 10px; 
 margin-top: 15px; 
 } 
.home2-award-banner-section .banner-content .award-rating-area .rating { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 10px; 
 } 
.home2-award-banner-section .banner-content .award-rating-area .rating span { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 400; 
 font-size: 25px; 
 line-height: 1; 
 } 
.home2-award-banner-section .banner-content .award-rating-area .rating ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 } 
.home2-award-banner-section .banner-content .award-rating-area .rating ul li i { 
 color: var(--white-color); 
 } 
.home2-award-banner-section .banner-content h3 { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 32px; 
 line-height: 1; 
 margin-bottom: 15px; 
 } 
@media (max-width: 1399px) { 
 .home2-award-banner-section .banner-content h3 { 
 font-size: 30px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home2-award-banner-section .banner-content h3 { 
 margin-bottom: 10px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-award-banner-section .banner-content h3 { 
 font-size: 27px; 
 } 
 } 
.home2-award-banner-section .banner-content h2 { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 700; 
 font-size: 100px; 
 line-height: 1; 
 letter-spacing: 0.3em; 
 position: relative; 
 margin-left: 20px; 
 margin-bottom: 20px; 
 } 
@media (max-width: 1399px) { 
 .home2-award-banner-section .banner-content h2 { 
 font-size: 95px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home2-award-banner-section .banner-content h2 { 
 font-size: 90px; 
 margin-bottom: 15px; 
 } 
 } 
@media (max-width: 991px) { 
 .home2-award-banner-section .banner-content h2 { 
 font-size: 85px; 
 margin-bottom: 10px; 
 } 
 } 
@media (max-width: 767px) { 
 .home2-award-banner-section .banner-content h2 { 
 font-size: 75px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-award-banner-section .banner-content h2 { 
 font-size: 70px; 
 margin-bottom: 15px; 
 } 
 } 
.home2-award-banner-section .banner-content h2 span { 
 color: transparent; 
 -webkit-text-stroke: 2px var(--white-color); 
 position: absolute; 
 top: 3px; 
 left: 50.5%; 
 transform: translateX(-50%); 
 } 
.home2-award-banner-section .banner-content > span { 
 color: var(--white-color); 
 font-family: var(--font-courgette); 
 font-weight: 400; 
 font-size: 48px; 
 line-height: 1; 
 display: block; 
 margin-bottom: 40px; 
 } 
@media (max-width: 1399px) { 
 .home2-award-banner-section .banner-content > span { 
 font-size: 44px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home2-award-banner-section .banner-content > span { 
 font-size: 42px; 
 } 
 } 
@media (max-width: 767px) { 
 .home2-award-banner-section .banner-content > span { 
 font-size: 38px; 
 margin-bottom: 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-award-banner-section .banner-content > span { 
 font-size: 33px; 
 margin-bottom: 25px; 
 } 
 } 
.home2-award-banner-section .banner-content .primary-btn1 { 
 padding: 21px 30px; 
 } 
@media (max-width: 576px) { 
 .home2-award-banner-section .banner-content .primary-btn1 { 
 padding: 20px 24px; 
 } 
 } 
.home2-award-banner-section .banner-content .vector { 
 width: 232px; 
 height: 91%; 
 border: 1px solid var(--borders-color); 
 border-right: unset; 
 border-radius: 20px 0 0 20px; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 left: 0; 
 } 
@media (max-width: 991px) { 
 .home2-award-banner-section .banner-content .vector { 
 width: 200px; 
 } 
 } 
@media (max-width: 767px) { 
 .home2-award-banner-section .banner-content .vector { 
 width: 125px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-award-banner-section .banner-content .vector { 
 width: 40px; 
 border-radius: 15px 0 0 15px; 
 } 
 } 
.home2-award-banner-section .banner-content .vector::before { 
 content: ""; 
 position: absolute; 
 top: -2px; 
 right: -2px; 
 width: 4px; 
 height: 4px; 
 background-color: var(--white-color); 
 border-radius: 50%; 
 } 
.home2-award-banner-section .banner-content .vector::after { 
 content: ""; 
 position: absolute; 
 bottom: -2px; 
 right: -2px; 
 width: 4px; 
 height: 4px; 
 background-color: var(--white-color); 
 border-radius: 50%; 
 } 
.home2-award-banner-section .banner-content .vector.two { 
 left: unset; 
 right: 0; 
 border: 1px solid var(--borders-color); 
 border-left: unset; 
 border-radius: 0 20px 20px 0; 
 } 
@media (max-width: 576px) { 
 .home2-award-banner-section .banner-content .vector.two { 
 border-radius: 0 15px 15px 0; 
 } 
 } 
.home2-award-banner-section .banner-content .vector.two::before { 
 right: unset; 
 left: -2px; 
 } 
.home2-award-banner-section .banner-content .vector.two::after { 
 right: unset; 
 left: -2px; 
 } 

/*=====================================
 23. Home2 Blog Section CSS
========================================*/
.blog-card2 { 
 padding: 10px; 
 border: 1px solid var(--borders-color); 
 border-radius: 20px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-card2 { 
 padding: 8px; 
 border-radius: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .blog-card2 { 
 border-radius: 15px; 
 } 
 } 
.blog-card2 .blog-img-wrap { 
 position: relative; 
 } 
.blog-card2 .blog-img-wrap .blog-img { 
 position: relative; 
 overflow: hidden; 
 display: block; 
 border-radius: 10px; 
 } 
.blog-card2 .blog-img-wrap .blog-img img { 
 border-radius: 10px; 
 height: 265px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 transition: all 0.5s ease-out; 
 width: calc(100%); 
 } 
.blog-card2 .blog-img-wrap .blog-img::after { 
 position: absolute; 
 width: 200%; 
 height: 0%; 
 left: 50%; 
 top: 50%; 
 background-color: rgba(255, 255, 255, 0.3); 
 transform: translate(-50%, -50%) rotate(-45deg); 
 content: ""; 
 z-index: 1; 
 } 
.blog-card2 .blog-img-wrap .blog-date { 
 color: var(--primary-color1); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 25px; 
 line-height: 1; 
 padding: 10px 17px; 
 background-color: var(--white-color); 
 border: 1px solid var(--borders-color); 
 border-radius: 10px; 
 display: block; 
 position: absolute; 
 bottom: -33px; 
 right: 15px; 
 z-index: 9; 
 transition: 0.5s; 
 } 
.blog-card2 .blog-img-wrap .blog-date span { 
 font-size: 16px; 
 display: block; 
 margin-top: 5px; 
 transition: 0.5s; 
 } 
.blog-card2 .blog-img-wrap .blog-date:hover { 
 color: var(--title-color); 
 } 

 .accordion-body ul.facilities-list li { 
 display: flex !important; 
 flex-wrap: wrap !important; 
 } 


.woocommerce-variation-price { 
 display: flex; 
 justify-content: flex-end; 
 margin-bottom: 20px; 
 font-size: 20px; 
 font-weight: 600; 
 } 


@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-card2 .blog-img-wrap .blog-date { 
 font-size: 23px; 
 right: 10px; 
 } 
 .blog-card2 .blog-img-wrap .blog-date span { 
 font-size: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .blog-card2 .blog-img-wrap .blog-date { 
 font-size: 23px; 
 right: 10px; 
 } 
 .blog-card2 .blog-img-wrap .blog-date span { 
 font-size: 15px; 
 } 
 } 
.blog-card2 .location { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 display: inline-flex; 
 align-items: center; 
 gap: 5px; 
 padding: 7px 16px; 
 border: 1px solid var(--borders-color); 
 border-radius: 100px; 
 transition: 0.5s; 
 margin-bottom: 15px; 
 } 
@media (max-width: 1199px) { 
 .blog-card2 .location { 
 font-size: 15px; 
 margin-bottom: 10px; 
 padding: 7px 13px; 
 } 
 } 
.blog-card2 .location svg { 
 fill: var(--text-color); 
 transition: 0.5s; 
 } 
.blog-card2 .location:hover { 
 color: var(--primary-color1); 
 border-color: var(--primary-color1); 
 } 
.blog-card2 .location:hover svg { 
 fill: var(--primary-color1); 
 } 
.blog-card2 .blog-content { 
 padding: 40px 20px 20px; 
 } 
@media (max-width: 1399px) { 
 .blog-card2 .blog-content { 
 padding: 35px 12px 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-card2 .blog-content { 
 padding: 30px 5px 20px; 
 } 
 } 
@media (max-width: 991px) { 
 .blog-card2 .blog-content { 
 padding: 30px 10px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .blog-card2 .blog-content { 
 padding: 25px 5px 15px; 
 } 
 } 
.blog-card2 .blog-content h4 { 
 margin-bottom: 0; 
 } 
.blog-card2 .blog-content h4 a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 25px; 
 line-height: 1.4; 
 transition: 0.5s; 
 } 
@media (max-width: 1399px) { 
 .blog-card2 .blog-content h4 a { 
 font-size: 22px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-card2 .blog-content h4 a { 
 font-size: 20px; 
 } 
 } 
@media (max-width: 991px) { 
 .blog-card2 .blog-content h4 a { 
 font-size: 21px; 
 } 
 } 
.blog-card2 .blog-content h4 a:hover { 
 color: var(--primary-color1); 
 } 
.blog-card2 .blog-content p { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 16px; 
 line-height: 24px; 
 margin-bottom: 0; 
 margin-top: 20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .blog-card2 .blog-content p { 
 font-size: 15px; 
 margin-top: 15px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-card2 .blog-content p { 
 margin-top: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .blog-card2 .blog-content p { 
 font-size: 15px; 
 margin-top: 15px; 
 } 
 } 
.blog-card2:hover .blog-img-wrap .blog-img img { 
 transform: scale(1.1); 
 } 
.blog-card2:hover .blog-img-wrap .blog-img::after { 
 height: 250%; 
 transition: all 600ms linear; 
 background-color: transparent; 
 } 
.blog-card2.two .location { 
 color: var(--title-color); 
 font-size: 14px; 
 border: unset; 
 background-color: var(--white-color); 
 position: absolute; 
 top: 15px; 
 left: 15px; 
 margin-bottom: 0; 
 padding: 8px 16px; 
 z-index: 2; 
 } 
@media (max-width: 576px) { 
 .blog-card2.two .location { 
 top: 10px; 
 left: 10px; 
 padding: 6px 13px; 
 font-size: 13px; 
 } 
 } 
.blog-card2.two .location svg { 
 fill: var(--title-color); 
 } 
.blog-card2.two .location:hover { 
 color: var(--white-color); 
 background-color: var(--primary-color1); 
 } 
.blog-card2.two .location:hover svg { 
 fill: var(--white-color); 
 } 
.blog-card2.two .blog-content { 
 padding: 30px 20px 20px; 
 } 
@media (max-width: 1399px) { 
 .blog-card2.two .blog-content { 
 padding: 30px 12px 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-card2.two .blog-content { 
 padding: 30px 5px 20px; 
 } 
 } 
@media (max-width: 991px) { 
 .blog-card2.two .blog-content { 
 padding: 30px 10px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .blog-card2.two .blog-content { 
 padding: 25px 5px 15px; 
 } 
 } 
.blog-card2.two .blog-content .blog-date { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 padding: 5px 15px; 
 border-radius: 100px; 
 border: 1px solid var(--borders-color); 
 display: inline-block; 
 margin-bottom: 15px; 
 transition: 0.5s; 
 } 
@media (max-width: 576px) { 
 .blog-card2.two .blog-content .blog-date { 
 font-size: 14px; 
 padding: 5px 12px; 
 } 
 } 
.blog-card2.two .blog-content .blog-date:hover { 
 color: var(--primary-color1); 
 border-color: var(--primary-color1); 
 } 
.blog-card2.two .blog-content h4 a { 
 color: var(--title-color); 
 background: linear-gradient(to bottom, var(--title-color) 0%, var(--title-color) 98%); 
 background-size: 0px 1.5px; 
 background-repeat: no-repeat; 
 background-position: right 90%; 
 transition: background-size 0.75s; 
 } 
.blog-card2.two .blog-content h4 a:hover { 
 background-size: 100% 1.5px; 
 background-position: 0% 90%; 
 } 
.blog-card2.three .blog-content { 
 padding: 30px 20px 20px; 
 } 
@media (max-width: 1399px) { 
 .blog-card2.three .blog-content { 
 padding: 30px 12px 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-card2.three .blog-content { 
 padding: 30px 5px 20px; 
 } 
 } 
@media (max-width: 991px) { 
 .blog-card2.three .blog-content { 
 padding: 30px 10px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .blog-card2.three .blog-content { 
 padding: 25px 5px 15px; 
 } 
 } 
.blog-card2.three .blog-content .batch { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1; 
 padding: 6px 15px; 
 border-radius: 100px; 
 background-color: #F0F0F0; 
 display: inline-block; 
 margin-bottom: 15px; 
 transition: 0.5s; 
 } 
@media (max-width: 576px) { 
 .blog-card2.three .blog-content .batch { 
 font-size: 15px; 
 padding: 5px 12px; 
 } 
 } 
.blog-card2.three .blog-content .batch:hover { 
 color: var(--white-color); 
 background-color: var(--primary-color2); 
 } 
.blog-card2.three .blog-content h4 a { 
 color: var(--title-color); 
 font-size: 24px; 
 background: linear-gradient(to bottom, var(--title-color) 0%, var(--title-color) 98%); 
 background-size: 0px 1.5px; 
 background-repeat: no-repeat; 
 background-position: right 90%; 
 transition: background-size 0.75s; 
 } 
@media (max-width: 1399px) { 
 .blog-card2.three .blog-content h4 a { 
 font-size: 21px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-card2.three .blog-content h4 a { 
 font-size: 18px; 
 } 
 } 
@media (max-width: 991px) { 
 .blog-card2.three .blog-content h4 a { 
 font-size: 20px; 
 } 
 } 
.blog-card2.three .blog-content h4 a:hover { 
 background-size: 100% 1.5px; 
 background-position: 0% 90%; 
 } 
.blog-card2.three .blog-content .blog-meta { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 padding-top: 30px; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
.blog-card2.three .blog-content .blog-meta li { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 position: relative; 
 padding-right: 10px; 
 } 
.blog-card2.three .blog-content .blog-meta li:last-child { 
 padding-right: 0; 
 } 
.blog-card2.three .blog-content .blog-meta li:last-child::after { 
 display: none; 
 } 
.blog-card2.three .blog-content .blog-meta li::after { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 right: -3px; 
 width: 6px; 
 height: 6px; 
 border-radius: 50%; 
 background-color: var(--black-color); 
 } 
.blog-card2.three .blog-content .blog-meta li a { 
 color: var(--text-color); 
 transition: 0.5s; 
 } 
.blog-card2.three .blog-content .blog-meta li a:hover { 
 color: var(--primary-color2); 
 } 
.blog-card2.four .blog-content { 
 padding: 30px 20px 20px; 
 } 
@media (max-width: 1399px) { 
 .blog-card2.four .blog-content { 
 padding: 30px 12px 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-card2.four .blog-content { 
 padding: 30px 5px 20px; 
 } 
 } 
@media (max-width: 991px) { 
 .blog-card2.four .blog-content { 
 padding: 30px 10px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .blog-card2.four .blog-content { 
 padding: 25px 5px 15px; 
 } 
 } 
.blog-card2.four .blog-content .blog-date { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 padding: 5px 15px; 
 border-radius: 100px; 
 border: 1px solid var(--borders-color); 
 display: inline-block; 
 margin-bottom: 15px; 
 transition: 0.5s; 
 } 
@media (max-width: 576px) { 
 .blog-card2.four .blog-content .blog-date { 
 font-size: 14px; 
 padding: 5px 12px; 
 } 
 } 
.blog-card2.four .blog-content .blog-date:hover { 
 color: var(--primary-color4); 
 border-color: var(--primary-color4); 
 } 
.blog-card2.four .blog-content h4 a { 
 color: var(--title-color); 
 font-size: 20px; 
 background: linear-gradient(to bottom, var(--title-color) 0%, var(--title-color) 98%); 
 background-size: 0px 1.5px; 
 background-repeat: no-repeat; 
 background-position: right 90%; 
 transition: background-size 0.75s; 
 } 
@media (max-width: 991px) { 
 .blog-card2.four .blog-content h4 a { 
 font-size: 19px; 
 } 
 } 
@media (max-width: 576px) { 
 .blog-card2.four .blog-content h4 a { 
 font-size: 18px; 
 } 
 } 
.blog-card2.four .blog-content h4 a:hover { 
 background-size: 100% 1.5px; 
 background-position: 0% 90%; 
 } 
.blog-card2.five { 
 background-color: var(--white-color); 
 } 
.blog-card2.five .blog-content { 
 padding: 30px 20px 20px; 
 } 
@media (max-width: 1399px) { 
 .blog-card2.five .blog-content { 
 padding: 30px 12px 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-card2.five .blog-content { 
 padding: 30px 5px 20px; 
 } 
 } 
@media (max-width: 991px) { 
 .blog-card2.five .blog-content { 
 padding: 30px 10px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .blog-card2.five .blog-content { 
 padding: 25px 5px 15px; 
 } 
 } 
.blog-card2.five .blog-content .blog-date { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 padding: 5px 15px; 
 border-radius: 100px; 
 border: 1px solid var(--borders-color); 
 display: inline-block; 
 margin-bottom: 15px; 
 transition: 0.5s; 
 } 
@media (max-width: 576px) { 
 .blog-card2.five .blog-content .blog-date { 
 font-size: 14px; 
 padding: 5px 12px; 
 } 
 } 
.blog-card2.five .blog-content .blog-date:hover { 
 color: var(--primary-color3); 
 border-color: var(--primary-color3); 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .blog-card2.five .blog-content h4 { 
 line-height: 1.3; 
 } 
 } 
.blog-card2.five .blog-content h4 a { 
 color: var(--title-color); 
 font-size: 20px; 
 background: linear-gradient(to bottom, var(--title-color) 0%, var(--title-color) 98%); 
 background-size: 0px 1.5px; 
 background-repeat: no-repeat; 
 background-position: right 90%; 
 transition: background-size 0.75s; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .blog-card2.five .blog-content h4 a { 
 font-size: 18px; 
 line-height: 1.2; 
 } 
 } 
@media (max-width: 991px) { 
 .blog-card2.five .blog-content h4 a { 
 font-size: 19px; 
 } 
 } 
@media (max-width: 576px) { 
 .blog-card2.five .blog-content h4 a { 
 font-size: 17px; 
 } 
 } 
.blog-card2.five .blog-content h4 a:hover { 
 background-size: 100% 1.5px; 
 background-position: 0% 90%; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-card2.five .blog-content p { 
 font-size: 15px; 
 } 
 } 
.blog-card2.six .blog-img-wrap .blog-img img { 
 min-height: 250px; 
 } 
.blog-card2.six .location { 
 color: var(--title-color); 
 font-size: 14px; 
 border: unset; 
 background-color: var(--white-color); 
 position: absolute; 
 top: 15px; 
 left: 15px; 
 margin-bottom: 0; 
 padding: 8px 16px; 
 z-index: 2; 
 } 
@media (max-width: 576px) { 
 .blog-card2.six .location { 
 top: 10px; 
 left: 10px; 
 padding: 6px 13px; 
 font-size: 13px; 
 } 
 } 
.blog-card2.six .location svg { 
 fill: var(--title-color); 
 } 
.blog-card2.six .location:hover { 
 color: var(--white-color); 
 background-color: var(--primary-color1); 
 } 
.blog-card2.six .location:hover svg { 
 fill: var(--white-color); 
 } 
.blog-card2.six .blog-content { 
 padding: 30px 20px 20px; 
 } 
@media (max-width: 1399px) { 
 .blog-card2.six .blog-content { 
 padding: 30px 12px 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-card2.six .blog-content { 
 padding: 30px 5px 20px; 
 } 
 } 
@media (max-width: 991px) { 
 .blog-card2.six .blog-content { 
 padding: 30px 10px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .blog-card2.six .blog-content { 
 padding: 25px 5px 15px; 
 } 
 } 
.blog-card2.six .blog-content .blog-date { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 padding: 5px 15px; 
 border-radius: 100px; 
 border: 1px solid var(--borders-color); 
 display: inline-block; 
 margin-bottom: 15px; 
 transition: 0.5s; 
 } 
@media (max-width: 576px) { 
 .blog-card2.six .blog-content .blog-date { 
 font-size: 14px; 
 padding: 5px 12px; 
 } 
 } 
.blog-card2.six .blog-content .blog-date:hover { 
 color: var(--primary-color1); 
 border-color: var(--primary-color1); 
 } 
.blog-card2.six .blog-content h4 a { 
 color: var(--title-color); 
 background: linear-gradient(to bottom, var(--title-color) 0%, var(--title-color) 98%); 
 background-size: 0px 1.5px; 
 background-repeat: no-repeat; 
 background-position: right 90%; 
 transition: background-size 0.75s; 
 } 
.blog-card2.six .blog-content h4 a:hover { 
 background-size: 100% 1.5px; 
 background-position: 0% 90%; 
 } 
.blog-card2.six .blog-content p { 
 font-size: 18px; 
 line-height: 28px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-card2.six .blog-content p { 
 font-size: 16px; 
 } 
 } 
@media (max-width: 767px) { 
 .blog-card2.six .blog-content p { 
 font-size: 17px; 
 } 
 } 
@media (max-width: 576px) { 
 .blog-card2.six .blog-content p { 
 font-size: 15px; 
 } 
 } 

/*=====================================
 24. Home2 Testimonial Section CSS
========================================*/
.home2-testimonial-section { 
 background-image: url(../img/home2/home2-testimonial-bg.png), linear-gradient(180deg, #E7EEFF 0%, #E7EEFF 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 100px 0; 
 } 
@media (max-width: 1199px) { 
 .home2-testimonial-section { 
 padding: 90px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .home2-testimonial-section { 
 padding: 70px 0; 
 } 
 } 
.home2-testimonial-section .review-and-slider-btn { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 20px; 
 } 
@media (max-width: 767px) { 
 .home2-testimonial-section .review-and-slider-btn { 
 flex-direction: column; 
 gap: 24px; 
 } 
 } 
.home2-testimonial-section .review-and-slider-btn .single-rating { 
 display: flex; 
 align-items: end; 
 gap: 15px; 
 } 
@media (max-width: 767px) { 
 .home2-testimonial-section .review-and-slider-btn .single-rating { 
 order: 2; 
 } 
 } 
.home2-testimonial-section .review-and-slider-btn .single-rating strong { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 25px; 
 line-height: 1; 
 margin-bottom: -3px; 
 } 
@media (max-width: 576px) { 
 .home2-testimonial-section .review-and-slider-btn .single-rating strong { 
 font-size: 22px; 
 } 
 } 
.home2-testimonial-section .review-and-slider-btn .single-rating .trustpilot-rating .rating-area { 
 display: flex; 
 align-items: center; 
 gap: 8px; 
 line-height: 1; 
 margin-top: 5px; 
 } 
.home2-testimonial-section .review-and-slider-btn .single-rating .trustpilot-rating .rating-area span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 } 
.home2-testimonial-section .review-and-slider-btn .single-rating .tripadvisor-rating .rating-area { 
 padding-top: 10px; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
.home2-testimonial-section .review-and-slider-btn .single-rating .tripadvisor-rating .rating-area span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 } 
.home2-testimonial-section .review-and-slider-btn .slider-btn-grp { 
 gap: 20px; 
 } 
@media (max-width: 767px) { 
 .home2-testimonial-section .review-and-slider-btn .slider-btn-grp { 
 order: 1; 
 } 
 } 
.home2-testimonial-section .review-and-slider-btn .slider-btn-grp .slider-btn { 
 background-color: var(--white-color); 
 border: unset; 
 } 
.home2-testimonial-section .review-and-slider-btn .slider-btn-grp .slider-btn:hover { 
 background-color: var(--primary-color1); 
 } 

/*=====================================
 25. Home2 Gallery Section CSS
========================================*/
.home2-gallery-section .mt-70 { 
 margin-top: 70px; 
 } 
@media (max-width: 767px) { 
 .home2-gallery-section .mt-70 { 
 margin-top: 0; 
 } 
 } 
.home2-gallery-section .section-title { 
 min-width: 536px; 
 width: 100%; 
 } 
@media (max-width: 1399px) { 
 .home2-gallery-section .section-title { 
 min-width: 470px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home2-gallery-section .section-title { 
 min-width: 360px; 
 } 
 } 
@media (max-width: 991px) { 
 .home2-gallery-section .section-title { 
 min-width: unset; 
 } 
 } 
.home2-gallery-section .section-title p { 
 margin: 0; 
 } 
@media (max-width: 991px) { 
 .home2-gallery-section .section-title p { 
 max-width: unset; 
 } 
 } 
.home2-gallery-section .section-title .primary-btn1 { 
 margin-top: 50px; 
 padding: 20px 30px; 
 } 
@media (max-width: 1199px) { 
 .home2-gallery-section .section-title .primary-btn1 { 
 margin-top: 40px; 
 } 
 } 
@media (max-width: 991px) { 
 .home2-gallery-section .section-title .primary-btn1 { 
 margin-top: 30px; 
 } 
 } 
@media (max-width: 767px) { 
 .home2-gallery-section .section-title .primary-btn1 { 
 margin-top: 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-gallery-section .section-title .primary-btn1 { 
 margin-top: 15px; 
 } 
 } 
.home2-gallery-section .gallery-img-grp { 
 position: relative; 
 } 
.home2-gallery-section .gallery-img-grp .single-img { 
 display: flex; 
 align-items: center; 
 gap: 24px; 
 margin-bottom: 10px; 
 } 
@media (max-width: 576px) { 
 .home2-gallery-section .gallery-img-grp .single-img { 
 flex-direction: column; 
 align-items: start; 
 gap: 15px; 
 margin-bottom: 10px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-gallery-section .gallery-img-grp .single-img img { 
 min-height: 200px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
 } 
.home2-gallery-section .gallery-img-grp .single-img.grp-img { 
 gap: 8px; 
 align-items: end; 
 } 
@media (max-width: 576px) { 
 .home2-gallery-section .gallery-img-grp .single-img.grp-img { 
 flex-direction: column; 
 align-items: start; 
 } 
 } 
.home2-gallery-section .gallery-img-grp .counter-area { 
 display: flex; 
 align-items: center; 
 gap: 20px; 
 } 
@media (max-width: 1399px) { 
 .home2-gallery-section .gallery-img-grp .counter-area { 
 gap: 12px; 
 min-width: 180px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home2-gallery-section .gallery-img-grp .counter-area { 
 gap: 10px; 
 min-width: 158px; 
 } 
 } 
@media (max-width: 991px) { 
 .home2-gallery-section .gallery-img-grp .counter-area { 
 gap: 10px; 
 min-width: 164px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-gallery-section .gallery-img-grp .counter-area { 
 gap: 15px; 
 } 
 } 
.home2-gallery-section .gallery-img-grp .counter-area .icon svg { 
 fill: var(--black-color); 
 } 
@media (max-width: 1199px) { 
 .home2-gallery-section .gallery-img-grp .counter-area .icon svg { 
 width: 38px; 
 } 
 } 
.home2-gallery-section .gallery-img-grp .counter-area .content .number { 
 display: flex; 
 align-items: center; 
 margin-bottom: 8px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home2-gallery-section .gallery-img-grp .counter-area .content .number { 
 margin-bottom: 5px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-gallery-section .gallery-img-grp .counter-area .content .number { 
 margin-bottom: 5px; 
 } 
 } 
.home2-gallery-section .gallery-img-grp .counter-area .content .number h2,
.home2-gallery-section .gallery-img-grp .counter-area .content .number span { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 32px; 
 font-weight: 600; 
 line-height: 1; 
 margin-bottom: 0; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home2-gallery-section .gallery-img-grp .counter-area .content .number h2,
 .home2-gallery-section .gallery-img-grp .counter-area .content .number span { 
 font-size: 28px; 
 } 
 } 
@media (max-width: 991px) { 
 .home2-gallery-section .gallery-img-grp .counter-area .content .number h2,
 .home2-gallery-section .gallery-img-grp .counter-area .content .number span { 
 font-size: 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-gallery-section .gallery-img-grp .counter-area .content .number h2,
 .home2-gallery-section .gallery-img-grp .counter-area .content .number span { 
 font-size: 27px; 
 } 
 } 
.home2-gallery-section .gallery-img-grp .counter-area .content span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 18px; 
 font-weight: 500; 
 line-height: 20.83px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home2-gallery-section .gallery-img-grp .counter-area .content span { 
 font-size: 17px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home2-gallery-section .gallery-img-grp .counter-area .content span { 
 font-size: 15px; 
 line-height: 16px; 
 } 
 } 
@media (max-width: 991px) { 
 .home2-gallery-section .gallery-img-grp .counter-area .content span { 
 font-size: 16px; 
 } 
 } 
@media (max-width: 576px) { 
 .home2-gallery-section .gallery-img-grp .counter-area .content span { 
 font-size: 15px; 
 } 
 } 
.home2-gallery-section .gallery-img-grp > .icon { 
 width: 116px; 
 height: 116px; 
 background-color: var(--white-color); 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 position: absolute; 
 top: 30%; 
 left: 53%; 
 z-index: 9; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home2-gallery-section .gallery-img-grp > .icon { 
 left: 51%; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home2-gallery-section .gallery-img-grp > .icon { 
 left: 50%; 
 } 
 } 
@media (max-width: 991px) { 
 .home2-gallery-section .gallery-img-grp > .icon { 
 width: 105px; 
 height: 105px; 
 top: 34%; 
 left: 51%; 
 } 
 } 
@media (max-width: 767px) { 
 .home2-gallery-section .gallery-img-grp > .icon { 
 display: none; 
 } 
 } 
.home2-gallery-section .gallery-img-grp > .icon svg { 
 fill: var(--white-color); 
 } 
.home2-gallery-section .gallery-img-grp > .icon::before { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 width: 100px; 
 height: 100px; 
 background-color: var(--primary-color1); 
 border-radius: 50%; 
 z-index: -1; 
 } 
@media (max-width: 991px) { 
 .home2-gallery-section .gallery-img-grp > .icon::before { 
 width: 90px; 
 height: 90px; 
 } 
 } 

/*=====================================
 26. Home3 Banner Section CSS
========================================*/
.home3-banner-section { 
 overflow: hidden; 
 position: relative; 
 } 
.home3-banner-section .banner-wrapper { 
 position: relative; 
 } 
.home3-banner-section .banner-wrapper::before { 
 content: ""; 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 background-color: rgba(0, 0, 0, 0.3); 
 z-index: 1; 
 } 
.home3-banner-section .banner-wrapper .banner-video-area { 
 min-height: 775px; 
 height: 775px; 
 position: relative; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home3-banner-section .banner-wrapper .banner-video-area { 
 min-height: 680px; 
 height: 680px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home3-banner-section .banner-wrapper .banner-video-area { 
 min-height: 640px; 
 height: 640px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home3-banner-section .banner-wrapper .banner-video-area { 
 min-height: 600px; 
 height: 600px; 
 } 
 } 
@media (max-width: 767px) { 
 .home3-banner-section .banner-wrapper .banner-video-area { 
 min-height: 580px; 
 height: 580px; 
 } 
 } 
.home3-banner-section .banner-wrapper .banner-video-area video { 
 width: 100%; 
 min-height: 775px; 
 height: 775px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home3-banner-section .banner-wrapper .banner-video-area video { 
 min-height: 680px; 
 height: 680px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home3-banner-section .banner-wrapper .banner-video-area video { 
 min-height: 640px; 
 height: 640px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home3-banner-section .banner-wrapper .banner-video-area video { 
 min-height: 600px; 
 height: 600px; 
 } 
 } 
@media (max-width: 767px) { 
 .home3-banner-section .banner-wrapper .banner-video-area video { 
 min-height: 580px; 
 height: 580px; 
 } 
 } 
.home3-banner-section .banner-wrapper .banner-img-area { 
 min-height: 775px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home3-banner-section .banner-wrapper .banner-img-area { 
 min-height: 680px; 
 height: 680px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home3-banner-section .banner-wrapper .banner-img-area { 
 min-height: 640px; 
 height: 640px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home3-banner-section .banner-wrapper .banner-img-area { 
 min-height: 600px; 
 height: 600px; 
 } 
 } 
@media (max-width: 767px) { 
 .home3-banner-section .banner-wrapper .banner-img-area { 
 min-height: 580px; 
 height: 580px; 
 } 
 } 
.home3-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 775px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home3-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 680px; 
 height: 680px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home3-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 640px; 
 height: 640px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home3-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 600px; 
 height: 600px; 
 } 
 } 
@media (max-width: 767px) { 
 .home3-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 580px; 
 height: 580px; 
 } 
 } 
.home3-banner-section .banner-wrapper .banner-content-wrap { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 padding: 210px 0 170px; 
 z-index: 2; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap { 
 padding: 170px 0 120px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap { 
 padding: 160px 0 120px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap { 
 padding: 160px 0 120px; 
 } 
 } 
@media (max-width: 767px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap { 
 padding: 140px 0 90px; 
 } 
 } 
.home3-banner-section .banner-wrapper .banner-content-wrap .banner-content { 
 max-width: 1020px; 
 width: 100%; 
 margin: 0 auto; 
 text-align: center; 
 } 
.home3-banner-section .banner-wrapper .banner-content-wrap .banner-content .award-rating-area { 
 margin-bottom: 40px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content .award-rating-area { 
 margin-bottom: 30px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content .award-rating-area { 
 margin-bottom: 25px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content .award-rating-area { 
 margin-bottom: 20px; 
 } 
 } 
@media (max-width: 767px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content .award-rating-area { 
 margin-bottom: 15px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content .award-rating-area img { 
 width: 60px; 
 } 
 } 
@media (max-width: 576px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content .award-rating-area img { 
 width: 45px; 
 } 
 } 
.home3-banner-section .banner-wrapper .banner-content-wrap .banner-content .award-rating-area h4 { 
 color: var(--white-color); 
 font-family: var(--font-courgette); 
 font-weight: 400; 
 font-size: 25px; 
 line-height: 40px; 
 margin-bottom: 10px; 
 margin-top: 15px; 
 } 
@media (max-width: 1399px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content .award-rating-area h4 { 
 font-size: 22px; 
 margin-bottom: 5px; 
 margin-top: 10px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content .award-rating-area h4 { 
 font-size: 20px; 
 margin-bottom: 5px; 
 margin-top: 5px; 
 } 
 } 
@media (max-width: 767px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content .award-rating-area h4 { 
 font-size: 18px; 
 margin-bottom: 0px; 
 } 
 } 
.home3-banner-section .banner-wrapper .banner-content-wrap .banner-content .award-rating-area .rating { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 10px; 
 } 
.home3-banner-section .banner-wrapper .banner-content-wrap .banner-content .award-rating-area .rating span { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 400; 
 font-size: 25px; 
 line-height: 1; 
 } 
@media (max-width: 576px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content .award-rating-area .rating span { 
 font-size: 18px; 
 } 
 } 
.home3-banner-section .banner-wrapper .banner-content-wrap .banner-content .award-rating-area .rating ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 } 
.home3-banner-section .banner-wrapper .banner-content-wrap .banner-content .award-rating-area .rating ul li i { 
 color: var(--white-color); 
 } 

.package-details-sidebar .product_meta { 
 display: none !important; 
 } 

section.main { 
 padding: 40px 0; 
 } 
@media (max-width: 576px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content .award-rating-area .rating ul li i { 
 font-size: 12px; 
 } 
 } 
.home3-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
.home3-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 700; 
 font-size: 60px; 
 line-height: 1.1; 
 margin-bottom: 20px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 55px; 
 margin-bottom: 15px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 50px; 
 margin-bottom: 15px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 46px; 
 margin-bottom: 10px; 
 } 
 } 
@media (max-width: 991px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 41px; 
 } 
 } 
@media (max-width: 767px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 36px; 
 margin-bottom: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 32px; 
 } 
 } 
.home3-banner-section .banner-wrapper .banner-content-wrap .banner-content p { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 20px; 
 line-height: 28px; 
 margin-bottom: 0; 
 } 
@media (max-width: 1199px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content p { 
 font-size: 18px; 
 } 
 } 
@media (max-width: 767px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content p { 
 font-size: 16px; 
 line-height: 26px; 
 } 
 } 
@media (max-width: 576px) { 
 .home3-banner-section .banner-wrapper .banner-content-wrap .banner-content p { 
 font-size: 15px; 
 line-height: 24px; 
 } 
 } 
.home3-banner-section .paginations { 
 position: absolute; 
 bottom: 200px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home3-banner-section .paginations { 
 bottom: 180px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home3-banner-section .paginations { 
 bottom: 175px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home3-banner-section .paginations { 
 bottom: 150px; 
 } 
 } 
@media (max-width: 767px) { 
 .home3-banner-section .paginations { 
 bottom: 130px; 
 } 
 } 
.home3-banner-section .paginations .swiper-pagination-bullet { 
 background-color: var(--white-color); 
 } 
.home3-banner-section .paginations .swiper-pagination-bullet.swiper-pagination-bullet-active { 
 width: 16px; 
 height: 16px; 
 border-radius: 50%; 
 background-color: var(--primary-color1); 
 } 
.home3-banner-section .home2-banner-slider .swiper-slide-active .banner-content .award-rating-area { 
 animation: fadeInDown 1.7s; 
 } 
.home3-banner-section .home2-banner-slider .swiper-slide-active .banner-content h1,
.home3-banner-section .home2-banner-slider .swiper-slide-active .banner-content p { 
 animation: fadeInUp 1.7s; 
 } 

/*=====================================
 27. Home3 Offer and Service Section CSS
========================================*/
.home3-offer-and-service-section .offer-area { 
 margin-bottom: 24px; 
 } 
.home3-offer-and-service-section .offer-area a img { 
 border-radius: 20px; 
 } 
@media (max-width: 576px) { 
 .home3-offer-and-service-section .offer-area a img { 
 border-radius: 15px; 
 min-height: 180px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 -o-object-position: left; 
 object-position: left; 
 } 
 } 

/*=====================================
 28. Home3 Travel Package Section CSS
========================================*/
.home3-travel-package-section { 
 position: relative; 
 } 
.home3-travel-package-section .vector1 { 
 position: absolute; 
 top: 40px; 
 left: 30px; 
 animation: up-down 2s linear infinite alternate; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home3-travel-package-section .vector1 { 
 top: 30px; 
 left: 20px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home3-travel-package-section .vector1 { 
 top: 30px; 
 left: 20px; 
 } 
 } 
@media (max-width: 991px) { 
 .home3-travel-package-section .vector1 { 
 left: 10px; 
 width: 100px; 
 } 
 } 
@media (max-width: 767px) { 
 .home3-travel-package-section .vector1 { 
 display: none; 
 } 
 } 
.home3-travel-package-section .vector2 { 
 position: absolute; 
 bottom: 65px; 
 right: 80px; 
 animation: tada 3s linear infinite; 
 z-index: -1; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home3-travel-package-section .vector2 { 
 bottom: 0px; 
 right: 20px; 
 width: 50px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home3-travel-package-section .vector2 { 
 bottom: 0px; 
 right: 20px; 
 width: 50px; 
 } 
 } 
@media (max-width: 767px) { 
 .home3-travel-package-section .vector2 { 
 display: none; 
 } 
 } 

/*=====================================
 29. Home3 Destination Section CSS
========================================*/
.home3-destination-section { 
 background-image: url(../img/home3/home3-destination-bg.png), linear-gradient(180deg, #F2F2FF 0%, #F2F2FF 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 100px 0; 
 } 
@media (max-width: 1199px) { 
 .home3-destination-section { 
 padding: 90px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .home3-destination-section { 
 padding: 70px 0; 
 } 
 } 
.home3-destination-section .section-title span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1; 
 display: inline-block; 
 padding: 7px 18px; 
 background-color: var(--white-color); 
 border-radius: 100px; 
 margin-bottom: 20px; 
 } 
@media (max-width: 576px) { 
 .home3-destination-section .section-title span { 
 font-size: 16px; 
 } 
 } 
.home3-destination-section .feature-and-rating-area .single-feature { 
 padding: 25px 30px; 
 background-color: var(--white-color); 
 border-radius: 10px; 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 } 
@media (max-width: 1399px) { 
 .home3-destination-section .feature-and-rating-area .single-feature { 
 padding: 25px 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home3-destination-section .feature-and-rating-area .single-feature { 
 gap: 10px; 
 padding: 20px 10px; 
 } 
 } 
@media (min-width: 768px) and (max-width: 991px) { 
 .home3-destination-section .feature-and-rating-area .single-feature { 
 gap: 10px; 
 padding: 15px 10px; 
 } 
 } 
@media (max-width: 767px) { 
 .home3-destination-section .feature-and-rating-area .single-feature { 
 padding: 20px 15px; 
 gap: 10px; 
 } 
 } 
@media (max-width: 576px) { 
 .home3-destination-section .feature-and-rating-area .single-feature { 
 padding: 15px; 
 } 
 } 
.home3-destination-section .feature-and-rating-area .single-feature .icon { 
 min-width: 60px; 
 max-width: 60px; 
 height: 60px; 
 border-radius: 50%; 
 border: 1px solid var(--borders-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home3-destination-section .feature-and-rating-area .single-feature .icon { 
 min-width: 55px; 
 max-width: 55px; 
 height: 55px; 
 } 
 } 
@media (min-width: 768px) and (max-width: 991px) { 
 .home3-destination-section .feature-and-rating-area .single-feature .icon { 
 min-width: 55px; 
 max-width: 55px; 
 height: 55px; 
 } 
 } 
.home3-destination-section .feature-and-rating-area .single-feature h5 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 30px; 
 margin-bottom: 0; 
 } 
@media (max-width: 1399px) { 
 .home3-destination-section .feature-and-rating-area .single-feature h5 { 
 font-size: 19px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home3-destination-section .feature-and-rating-area .single-feature h5 { 
 font-size: 17px; 
 line-height: 26px; 
 } 
 } 
@media (min-width: 768px) and (max-width: 991px) { 
 .home3-destination-section .feature-and-rating-area .single-feature h5 { 
 font-size: 16px; 
 line-height: 26px; 
 } 
 } 
@media (max-width: 767px) { 
 .home3-destination-section .feature-and-rating-area .single-feature h5 { 
 font-size: 17px; 
 line-height: 26px; 
 } 
 } 
.home3-destination-section .feature-and-rating-area .rating-area { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 15px; 
 padding-top: 35px; 
 } 
@media (max-width: 767px) { 
 .home3-destination-section .feature-and-rating-area .rating-area { 
 flex-direction: column; 
 } 
 } 
.home3-destination-section .feature-and-rating-area .rating-area .text-and-logo { 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 } 
@media (max-width: 767px) { 
 .home3-destination-section .feature-and-rating-area .rating-area .text-and-logo { 
 flex-direction: column; 
 gap: 10px; 
 } 
 } 
.home3-destination-section .feature-and-rating-area .rating-area p { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 margin-bottom: 0; 
 text-align: center; 
 } 
@media (max-width: 576px) { 
 .home3-destination-section .feature-and-rating-area .rating-area p { 
 font-size: 14px; 
 } 
 } 
.home3-destination-section .destination-slider-area { 
 position: relative; 
 } 
@media (max-width: 576px) { 
 .home3-destination-section .destination-slider-area .slider-btn-grp { 
 display: none; 
 } 
 } 
.home3-destination-section .destination-slider-area .slider-btn-grp .slider-btn { 
 position: absolute; 
 top: calc(50% - 60px); 
 left: -20px; 
 z-index: 1; 
 } 
.home3-destination-section .destination-slider-area .slider-btn-grp .slider-btn.destination-slider-next { 
 left: unset; 
 right: -20px; 
 } 

/*=====================================
 30. Home3 About Section CSS
========================================*/
.home3-about-section .about-wrapper { 
 background-image: url(../img/home3/home3-about-bg.png); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding-bottom: 100px; 
 } 
@media (max-width: 991px) { 
 .home3-about-section .about-wrapper { 
 padding-bottom: 80px; 
 } 
 } 
@media (max-width: 767px) { 
 .home3-about-section .about-wrapper { 
 padding-bottom: 70px; 
 } 
 } 
.home3-about-section .about-content .section-title { 
 margin-bottom: 45px; 
 } 
@media (max-width: 767px) { 
 .home3-about-section .about-content .section-title { 
 margin-bottom: 40px; 
 } 
 } 
@media (max-width: 576px) { 
 .home3-about-section .about-content .section-title { 
 margin-bottom: 35px; 
 } 
 } 
.home3-about-section .about-content .section-title h4 { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 25px; 
 line-height: 35px; 
 margin-bottom: 0; 
 margin-top: 20px; 
 } 
@media (max-width: 1399px) { 
 .home3-about-section .about-content .section-title h4 { 
 font-size: 23px; 
 } 
 } 
@media (max-width: 767px) { 
 .home3-about-section .about-content .section-title h4 { 
 font-size: 22px; 
 } 
 } 
@media (max-width: 576px) { 
 .home3-about-section .about-content .section-title h4 { 
 font-size: 20px; 
 line-height: 32px; 
 margin-top: 15px; 
 } 
 } 
.home3-about-section .about-content .section-title p { 
 max-width: unset; 
 margin: 0; 
 padding-top: 50px; 
 } 
@media (max-width: 1399px) { 
 .home3-about-section .about-content .section-title p { 
 font-size: 17px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home3-about-section .about-content .section-title p { 
 padding-top: 40px; 
 } 
 } 
@media (max-width: 767px) { 
 .home3-about-section .about-content .section-title p { 
 padding-top: 30px; 
 font-size: 16px; 
 } 
 } 
@media (max-width: 576px) { 
 .home3-about-section .about-content .section-title p { 
 padding-top: 20px; 
 } 
 } 
.home3-about-section .about-content .section-title a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 15px; 
 line-height: 1; 
 transition: 0.5s; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 margin-top: 40px; 
 } 
@media (max-width: 1199px) { 
 .home3-about-section .about-content .section-title a { 
 margin-top: 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .home3-about-section .about-content .section-title a { 
 margin-top: 25px; 
 } 
 } 
.home3-about-section .about-content .section-title a svg { 
 fill: none; 
 stroke: var(--title-color); 
 transition: 0.5s; 
 } 
.home3-about-section .about-content .section-title a:hover { 
 color: var(--primary-color1); 
 } 
.home3-about-section .about-content .section-title a:hover svg { 
 stroke: var(--primary-color1); 
 transform: rotate(45deg); 
 } 
.home3-about-section .about-content .review-area { 
 max-width: 571px; 
 width: 100%; 
 border-radius: 20px; 
 border: 1px solid var(--borders-color); 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 20px; 
 padding: 16px 30px; 
 position: relative; 
 } 
@media (max-width: 1199px) { 
 .home3-about-section .about-content .review-area { 
 padding: 16px 25px; 
 } 
 } 
@media (max-width: 767px) { 
 .home3-about-section .about-content .review-area { 
 padding: 16px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .home3-about-section .about-content .review-area { 
 flex-wrap: wrap; 
 border-radius: 15px; 
 } 
 } 
.home3-about-section .about-content .review-area .single-rating { 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 } 
@media (max-width: 767px) { 
 .home3-about-section .about-content .review-area .single-rating { 
 order: 2; 
 } 
 } 
.home3-about-section .about-content .review-area .single-rating strong { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 25px; 
 line-height: 1; 
 min-width: 55px; 
 max-width: 55px; 
 height: 55px; 
 border-radius: 50%; 
 border: 1px solid var(--borders-color); 
 background-color: var(--white-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
@media (max-width: 576px) { 
 .home3-about-section .about-content .review-area .single-rating strong { 
 font-size: 22px; 
 min-width: 50px; 
 max-width: 50px; 
 height: 50px; 
 } 
 } 
@media (max-width: 576px) { 
 .home3-about-section .about-content .review-area .single-rating .tripadvisor-rating > img { 
 width: 120px; 
 } 
 } 
.home3-about-section .about-content .review-area .single-rating .tripadvisor-rating .rating-area { 
 padding-top: 10px; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
.home3-about-section .about-content .review-area .single-rating .tripadvisor-rating .rating-area span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 } 
.home3-about-section .about-content .review-area .divider { 
 fill: var(--title-color); 
 position: absolute; 
 top: 50%; 
 left: 54%; 
 transform: translate(-50%, -50%); 
 } 
@media (max-width: 576px) { 
 .home3-about-section .about-content .review-area .divider { 
 display: none; 
 } 
 } 

/*=====================================
 31. Home3 Tour Guide Section CSS
========================================*/
.home3-tour-guide-section { 
 background-image: url(../img/home3/home3-tour-guide-bg.png), linear-gradient(180deg, #FFF2E2 0%, #FFF2E2 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 100px 0; 
 } 
@media (max-width: 1199px) { 
 .home3-tour-guide-section { 
 padding: 90px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .home3-tour-guide-section { 
 padding: 70px 0; 
 } 
 } 
.home3-tour-guide-section .team-slider-area { 
 position: relative; 
 } 
@media (max-width: 576px) { 
 .home3-tour-guide-section .team-slider-area .slider-btn-grp { 
 display: none; 
 } 
 } 
.home3-tour-guide-section .team-slider-area .slider-btn-grp .slider-btn { 
 position: absolute; 
 top: calc(50% - 60px); 
 left: -20px; 
 z-index: 3; 
 opacity: 0; 
 transition: 0.5s; 
 } 
.home3-tour-guide-section .team-slider-area .slider-btn-grp .slider-btn.guide-slider-next { 
 left: unset; 
 right: -20px; 
 } 
.home3-tour-guide-section .team-slider-area:hover .slider-btn-grp .slider-btn { 
 opacity: 1; 
 } 
@media (max-width: 767px) { 
 .home3-tour-guide-section .bottom-area { 
 flex-wrap: wrap; 
 gap: 10px; 
 } 
 } 
.home3-tour-guide-section .bottom-area .batch { 
 padding: 9px 30px; 
 border-radius: 100px; 
 background-color: var(--white-color); 
 display: inline-flex; 
 align-items: center; 
 gap: 15px; 
 } 
@media (max-width: 576px) { 
 .home3-tour-guide-section .bottom-area .batch { 
 flex-wrap: wrap; 
 justify-content: center; 
 gap: 8px; 
 padding: 12px 30px; 
 } 
 } 
.home3-tour-guide-section .bottom-area .batch span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 24px; 
 } 
@media (max-width: 767px) { 
 .home3-tour-guide-section .bottom-area .batch span { 
 text-align: center; 
 font-size: 15px; 
 } 
 } 
.home3-tour-guide-section .bottom-area .batch a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 15px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 transition: 0.5s; 
 } 
@media (max-width: 767px) { 
 .home3-tour-guide-section .bottom-area .batch a { 
 font-size: 14px; 
 } 
 } 
.home3-tour-guide-section .bottom-area .batch a svg { 
 fill: none; 
 stroke: var(--title-color); 
 transition: 0.5s; 
 } 
.home3-tour-guide-section .bottom-area .batch a:hover { 
 color: var(--primary-color1); 
 } 
.home3-tour-guide-section .bottom-area .batch a:hover svg { 
 transform: rotate(45deg); 
 stroke: var(--primary-color1); 
 } 
.home3-tour-guide-section .bottom-area .batch.two { 
 padding: 9px 19px; 
 } 

.tour-guide-card .guide-img-wrap { 
 position: relative; 
 } 
.tour-guide-card .guide-img-wrap .guide-img { 
 position: relative; 
 overflow: hidden; 
 display: block; 
 width: 305px; 
 height: 305px; 
 border-radius: 50%; 
 } 
@media (max-width: 1399px) { 
 .tour-guide-card .guide-img-wrap .guide-img { 
 width: 270px; 
 height: 270px; 
 } 
 } 
@media (max-width: 1199px) { 
 .tour-guide-card .guide-img-wrap .guide-img { 
 width: 220px; 
 height: 220px; 
 } 
 } 
@media (max-width: 767px) { 
 .tour-guide-card .guide-img-wrap .guide-img { 
 width: 246px; 
 height: 246px; 
 } 
 } 
@media (max-width: 576px) { 
 .tour-guide-card .guide-img-wrap .guide-img { 
 width: 326px; 
 height: 326px; 
 margin: 0 auto; 
 } 
 } 
.tour-guide-card .guide-img-wrap .guide-img img { 
 width: 305px; 
 height: 305px; 
 border-radius: 50%; 
 transition: all 0.5s ease-out; 
 } 
@media (max-width: 1399px) { 
 .tour-guide-card .guide-img-wrap .guide-img img { 
 width: 270px; 
 height: 270px; 
 } 
 } 
@media (max-width: 1199px) { 
 .tour-guide-card .guide-img-wrap .guide-img img { 
 width: 220px; 
 height: 220px; 
 } 
 } 
@media (max-width: 767px) { 
 .tour-guide-card .guide-img-wrap .guide-img img { 
 width: 245px; 
 height: 245px; 
 } 
 } 
@media (max-width: 576px) { 
 .tour-guide-card .guide-img-wrap .guide-img img { 
 width: 326px; 
 height: 326px; 
 } 
 } 
.tour-guide-card .guide-img-wrap .guide-img::after { 
 position: absolute; 
 width: 200%; 
 height: 0%; 
 left: 50%; 
 top: 50%; 
 background-color: rgba(255, 255, 255, 0.3); 
 transform: translate(-50%, -50%) rotate(-45deg); 
 content: ""; 
 z-index: 1; 
 } 
.tour-guide-card .guide-img-wrap .social-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 position: absolute; 
 left: 50%; 
 transform: translateX(-50%) scaleY(0); 
 bottom: 30px; 
 z-index: 1; 
 opacity: 0; 
 transform-origin: bottom; 
 transition: 0.5s ease-in-out; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .tour-guide-card .guide-img-wrap .social-list { 
 bottom: 25px; 
 } 
 } 
.tour-guide-card .guide-img-wrap .social-list li a { 
 width: 28px; 
 height: 28px; 
 border-radius: 50%; 
 background-color: var(--white-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 transition: 0.5s; 
 } 
.tour-guide-card .guide-img-wrap .social-list li a i { 
 color: var(--text-color); 
 font-size: 16px; 
 transition: 0.5s; 
 } 
.tour-guide-card .guide-img-wrap .social-list li a:hover { 
 background-color: var(--primary-color1); 
 } 
.tour-guide-card .guide-img-wrap .social-list li a:hover i { 
 color: var(--white-color); 
 } 
.tour-guide-card .guide-info { 
 padding: 20px 10px 0; 
 text-align: center; 
 line-height: 1; 
 } 
@media (max-width: 991px) { 
 .tour-guide-card .guide-info { 
 padding: 15px 5px 0; 
 } 
 } 
.tour-guide-card .guide-info h5 { 
 margin-bottom: 10px; 
 } 
@media (max-width: 1199px) { 
 .tour-guide-card .guide-info h5 { 
 margin-bottom: 8px; 
 } 
 } 
.tour-guide-card .guide-info h5 a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 30px; 
 transition: 0.5s; 
 } 
@media (max-width: 1399px) { 
 .tour-guide-card .guide-info h5 a { 
 font-size: 19px; 
 } 
 } 
@media (max-width: 1199px) { 
 .tour-guide-card .guide-info h5 a { 
 font-size: 18px; 
 } 
 } 
.tour-guide-card .guide-info h5 a:hover { 
 color: var(--primary-color1); 
 } 
.tour-guide-card .guide-info span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .tour-guide-card .guide-info span { 
 font-size: 15px; 
 } 
 } 
.tour-guide-card:hover .guide-img-wrap .guide-img img { 
 transform: scale(1.1); 
 } 
.tour-guide-card:hover .guide-img-wrap .guide-img::after { 
 height: 250%; 
 transition: all 600ms linear; 
 background-color: transparent; 
 } 
.tour-guide-card:hover .guide-img-wrap .social-list { 
 opacity: 1; 
 transform: translateX(-50%) scaleY(1); 
 } 
.tour-guide-card.two .guide-img-wrap .guide-img { 
 width: unset; 
 height: unset; 
 border-radius: 20px; 
 } 
.tour-guide-card.two .guide-img-wrap .guide-img img { 
 width: unset; 
 height: unset; 
 border-radius: 20px; 
 } 
.tour-guide-card.three .guide-img-wrap .guide-img { 
 width: unset; 
 height: unset; 
 border-radius: 300px 300px 0 0; 
 transition: 0.5s ease-in-out; 
 } 
.tour-guide-card.three .guide-img-wrap .guide-img img { 
 width: unset; 
 height: unset; 
 border-radius: 300px 300px 0 0; 
 transition: 0.5s ease-in-out; 
 } 
.tour-guide-card.three .guide-img-wrap .social-list li a:hover { 
 background-color: var(--primary-color2); 
 } 
.tour-guide-card.three:hover .guide-img-wrap .guide-img { 
 border-radius: 0; 
 } 
.tour-guide-card.three:hover .guide-img-wrap .guide-img img { 
 border-radius: 0; 
 } 
.tour-guide-card.four .guide-img-wrap .guide-img { 
 width: unset; 
 height: unset; 
 border-radius: unset; 
 -webkit-mask-image: url(../img/home7/guide-img-bg.png); 
 mask-image: url(../img/home7/guide-img-bg.png); 
 -webkit-mask-repeat: no-repeat; 
 mask-repeat: no-repeat; 
 -webkit-mask-size: contain; 
 mask-size: contain; 
 } 
.tour-guide-card.four .guide-img-wrap .guide-img img { 
 width: unset; 
 height: unset; 
 border-radius: unset; 
 } 
.tour-guide-card.four .guide-img-wrap .social-list { 
 bottom: 95px; 
 } 
.tour-guide-card.four .guide-img-wrap .social-list li a:hover { 
 background-color: var(--primary-color3); 
 } 
.tour-guide-card.four .guide-img-wrap .social-list li a:hover i { 
 color: var(--title-color2); 
 } 
.tour-guide-card.four .guide-info { 
 max-width: 232px; 
 width: 100%; 
 margin: 0 auto; 
 border: 1px solid var(--borders-color); 
 background-color: var(--white-color); 
 border-radius: 10px; 
 padding: 8px 20px; 
 margin-top: -75px; 
 position: relative; 
 transition: 0.5s; 
 } 
.tour-guide-card.four .guide-info h5 { 
 margin-bottom: 8px; 
 } 
.tour-guide-card.four .guide-info span { 
 transition: 0.5s; 
 } 
.tour-guide-card.four:hover .guide-img-wrap .guide-img { 
 border-radius: 0; 
 } 
.tour-guide-card.four:hover .guide-img-wrap .guide-img img { 
 border-radius: 0; 
 } 
.tour-guide-card.four:hover .guide-info { 
 background-color: var(--primary-color3); 
 border-color: var(--primary-color3); 
 } 
.tour-guide-card.four:hover .guide-info h5 a { 
 color: var(--title-color2); 
 } 
.tour-guide-card.four:hover .guide-info span { 
 color: var(--white-color); 
 } 

/*=====================================
 32. Home3 Testimonial Section CSS
========================================*/
.home3-testimonial-section .testimonial-img-area .testimonial-img-grp { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 width: 530px; 
 height: 530px; 
 border-radius: 50%; 
 border: 1px solid var(--borders-color); 
 position: relative; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home3-testimonial-section .testimonial-img-area .testimonial-img-grp { 
 width: 455px; 
 height: 455px; 
 } 
 } 
.home3-testimonial-section .testimonial-img-area .testimonial-img-grp img { 
 width: 170px; 
 height: 170px; 
 border-radius: 50%; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home3-testimonial-section .testimonial-img-area .testimonial-img-grp img { 
 width: 150px; 
 height: 150px; 
 } 
 } 
.home3-testimonial-section .testimonial-img-area .testimonial-img-grp::before { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 width: 334px; 
 height: 334px; 
 border: 1px solid var(--borders-color); 
 border-radius: 50%; 
 z-index: -1; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home3-testimonial-section .testimonial-img-area .testimonial-img-grp::before { 
 width: 290px; 
 height: 290px; 
 } 
 } 
.home3-testimonial-section .testimonial-img-area .testimonial-img-grp .img-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 } 
.home3-testimonial-section .testimonial-img-area .testimonial-img-grp .img-list li { 
 position: absolute; 
 top: 30px; 
 right: 28%; 
 z-index: 1; 
 width: 90px; 
 height: 90px; 
 border-radius: 50%; 
 } 
.home3-testimonial-section .testimonial-img-area .testimonial-img-grp .img-list li img { 
 width: 100%; 
 height: 100%; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
.home3-testimonial-section .testimonial-img-area .testimonial-img-grp .img-list li:nth-child(2) { 
 top: 35%; 
 right: -15px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home3-testimonial-section .testimonial-img-area .testimonial-img-grp .img-list li:nth-child(2) { 
 right: -5px; 
 } 
 } 
.home3-testimonial-section .testimonial-img-area .testimonial-img-grp .img-list li:nth-child(3) { 
 top: unset; 
 right: unset; 
 bottom: 90px; 
 left: 0; 
 width: 60px; 
 height: 60px; 
 } 
.home3-testimonial-section .testimonial-img-area .testimonial-img-grp .img-list li:nth-child(4) { 
 top: 45%; 
 right: unset; 
 left: 15%; 
 width: 50px; 
 height: 50px; 
 } 
.home3-testimonial-section .testimonial-img-area .testimonial-img-grp .img-list li:nth-child(5) { 
 top: 90px; 
 right: unset; 
 left: 0; 
 width: 70px; 
 height: 70px; 
 } 
.home3-testimonial-section .testimonial-img-area .testimonial-img-grp .counter-area { 
 position: absolute; 
 bottom: 20px; 
 left: 50%; 
 transform: translateX(-50%); 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home3-testimonial-section .testimonial-img-area .testimonial-img-grp .counter-area { 
 bottom: 15px; 
 gap: 10px; 
 } 
 } 
.home3-testimonial-section .testimonial-img-area .testimonial-img-grp .counter-area .counter-img-grp { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 } 
.home3-testimonial-section .testimonial-img-area .testimonial-img-grp .counter-area .counter-img-grp li img { 
 min-width: 48px; 
 max-width: 48px; 
 height: 48px; 
 border-radius: 50%; 
 border: 1px solid var(--black-color); 
 margin-left: -15px; 
 } 
@media (max-width: 576px) { 
 .home3-testimonial-section .testimonial-img-area .testimonial-img-grp .counter-area .counter-img-grp li img { 
 min-width: 37px; 
 max-width: 37px; 
 height: 37px; 
 } 
 } 
.home3-testimonial-section .testimonial-img-area .testimonial-img-grp .counter-area .counter-img-grp li:first-child img { 
 margin-left: 0; 
 } 
.home3-testimonial-section .testimonial-img-area .testimonial-img-grp .counter-area h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 24px; 
 margin-bottom: 0; 
 min-width: 125px; 
 width: 100%; 
 } 
.home3-testimonial-section .testimonial-img-area .testimonial-img-grp .counter-area h6 strong { 
 font-weight: 600; 
 display: inline-block; 
 } 
.home3-testimonial-section .testimonial-content .section-title { 
 margin-bottom: 50px; 
 } 
@media (max-width: 1199px) { 
 .home3-testimonial-section .testimonial-content .section-title { 
 margin-bottom: 40px; 
 } 
 } 
.home3-testimonial-section .testimonial-content .section-title p { 
 margin: 0; 
 } 
.home3-testimonial-section .testimonial-content .testimonial-slider-area { 
 position: relative; 
 } 
.home3-testimonial-section .testimonial-content .testimonial-slider-area .slider-btn-grp { 
 gap: 20px; 
 position: absolute; 
 bottom: 5px; 
 right: 0; 
 z-index: 9; 
 } 
.home3-testimonial-section .testimonial-content .testimonial-slider-area .slider-btn-grp .slider-btn { 
 border-color: var(--borders-color); 
 } 
.home3-testimonial-section .testimonial-content .testimonial-slider-area .home3-testimonial-slider .swiper-slide-active .testimonial-card .rating-area,
.home3-testimonial-section .testimonial-content .testimonial-slider-area .home3-testimonial-slider .swiper-slide-active .testimonial-card h5,
.home3-testimonial-section .testimonial-content .testimonial-slider-area .home3-testimonial-slider .swiper-slide-active .testimonial-card p { 
 animation: fadeInDown 1.7s; 
 } 
.home3-testimonial-section .testimonial-content .testimonial-slider-area .home3-testimonial-slider .swiper-slide-active .testimonial-card .author-area { 
 animation: fadeInUp 1.7s; 
 } 

/*=====================================
 33. Home3 Blog Section CSS
========================================*/
.home3-blog-section .primary-btn1 { 
 padding: 17px 20px; 
 } 

.blog-and-newsletter-section { 
 position: relative; 
 z-index: 1; 
 } 
.blog-and-newsletter-section .newsletter-section .newsletter-wrapper { 
 background-image: url(../img/home3/home3-newsletter-bg.png), linear-gradient(180deg, #CDEDD9 0%, #CDEDD9 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 45px 50px 55px; 
 border-radius: 20px; 
 text-align: center; 
 position: relative; 
 margin-bottom: -145px; 
 z-index: 1; 
 } 
@media (max-width: 991px) { 
 .blog-and-newsletter-section .newsletter-section .newsletter-wrapper { 
 padding: 45px 50px 50px; 
 } 
 } 
@media (max-width: 767px) { 
 .blog-and-newsletter-section .newsletter-section .newsletter-wrapper { 
 padding: 45px 30px 50px; 
 } 
 } 
@media (max-width: 576px) { 
 .blog-and-newsletter-section .newsletter-section .newsletter-wrapper { 
 padding: 40px 15px 45px; 
 border-radius: 15px; 
 } 
 } 
.blog-and-newsletter-section .newsletter-section .newsletter-wrapper .section-title { 
 margin-bottom: 30px; 
 } 
@media (max-width: 576px) { 
 .blog-and-newsletter-section .newsletter-section .newsletter-wrapper .section-title { 
 margin-bottom: 25px; 
 } 
 } 
@media (max-width: 767px) { 
 .blog-and-newsletter-section .newsletter-section .newsletter-wrapper .section-title h2 { 
 font-size: 34px; 
 } 
 } 
@media (max-width: 576px) { 
 .blog-and-newsletter-section .newsletter-section .newsletter-wrapper .section-title h2 { 
 font-size: 29px; 
 } 
 } 
.blog-and-newsletter-section .newsletter-section .newsletter-wrapper .newsletter-form { 
 max-width: 872px; 
 width: 100%; 
 margin: 0 auto; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 10px; 
 background-color: var(--white-color); 
 padding: 15px 30px; 
 border-radius: 10px; 
 margin-bottom: 15px; 
 } 
@media (max-width: 1199px) { 
 .blog-and-newsletter-section .newsletter-section .newsletter-wrapper .newsletter-form { 
 max-width: 772px; 
 } 
 } 
@media (max-width: 991px) { 
 .blog-and-newsletter-section .newsletter-section .newsletter-wrapper .newsletter-form { 
 padding: 13px 25px; 
 } 
 } 
@media (max-width: 576px) { 
 .blog-and-newsletter-section .newsletter-section .newsletter-wrapper .newsletter-form { 
 padding: 8px 15px; 
 } 
 } 
.blog-and-newsletter-section .newsletter-section .newsletter-wrapper .newsletter-form input { 
 width: 100%; 
 border: none; 
 outline: none; 
 background-color: transparent; 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 } 
@media (max-width: 576px) { 
 .blog-and-newsletter-section .newsletter-section .newsletter-wrapper .newsletter-form input { 
 font-size: 15px; 
 } 
 } 
.blog-and-newsletter-section .newsletter-section .newsletter-wrapper .newsletter-form input::-moz-placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
.blog-and-newsletter-section .newsletter-section .newsletter-wrapper .newsletter-form input::placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
.blog-and-newsletter-section .newsletter-section .newsletter-wrapper .newsletter-form button { 
 min-width: 40px; 
 max-width: 40px; 
 height: 40px; 
 border-radius: 50%; 
 background-color: var(--primary-color1); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
@media (max-width: 576px) { 
 .blog-and-newsletter-section .newsletter-section .newsletter-wrapper .newsletter-form button { 
 min-width: 36px; 
 max-width: 36px; 
 height: 36px; 
 } 
 } 
.blog-and-newsletter-section .newsletter-section .newsletter-wrapper .newsletter-form button svg { 
 fill: var(--white-color); 
 } 
@media (max-width: 576px) { 
 .blog-and-newsletter-section .newsletter-section .newsletter-wrapper .newsletter-form button svg { 
 width: 16px; 
 } 
 } 
.blog-and-newsletter-section .newsletter-section .newsletter-wrapper span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 18px; 
 line-height: 1; 
 } 
@media (max-width: 576px) { 
 .blog-and-newsletter-section .newsletter-section .newsletter-wrapper span { 
 font-size: 17px; 
 } 
 } 
.blog-and-newsletter-section .newsletter-section .newsletter-wrapper .vector1 { 
 position: absolute; 
 top: 0; 
 left: 0; 
 border-radius: 20px 0 0 0; 
 z-index: -1; 
 } 
@media (max-width: 767px) { 
 .blog-and-newsletter-section .newsletter-section .newsletter-wrapper .vector1 { 
 display: none; 
 } 
 } 
.blog-and-newsletter-section .newsletter-section .newsletter-wrapper .vector2 { 
 position: absolute; 
 bottom: 0; 
 right: 0; 
 border-radius: 0 0 20px 0; 
 z-index: -1; 
 } 
@media (max-width: 767px) { 
 .blog-and-newsletter-section .newsletter-section .newsletter-wrapper .vector2 { 
 display: none; 
 } 
 } 
.blog-and-newsletter-section .bg-shape { 
 position: absolute; 
 bottom: 145px; 
 left: 0; 
 z-index: -1; 
 min-height: 250px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 

/*=====================================
 34. Home4 Banner Section CSS
========================================*/
.home4-banner-section { 
 position: relative; 
 padding: 0 80px; 
 } 
@media (max-width: 1699px) { 
 .home4-banner-section { 
 padding: 0 60px; 
 } 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home4-banner-section { 
 padding: 0 30px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home4-banner-section { 
 padding: 0 20px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home4-banner-section { 
 padding: 0 10px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-banner-section { 
 margin-bottom: 310px; 
 } 
 } 
.home4-banner-section .banner-video-area { 
 min-height: 750px; 
 height: 750px; 
 position: relative; 
 border-radius: 50px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home4-banner-section .banner-video-area { 
 min-height: 630px; 
 height: 630px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home4-banner-section .banner-video-area { 
 min-height: 610px; 
 height: 610px; 
 border-radius: 40px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home4-banner-section .banner-video-area { 
 min-height: 600px; 
 height: 600px; 
 border-radius: 30px; 
 } 
 } 
@media (max-width: 767px) { 
 .home4-banner-section .banner-video-area { 
 min-height: 780px; 
 height: 780px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-banner-section .banner-video-area { 
 min-height: 470px; 
 height: 470px; 
 border-radius: 15px; 
 } 
 } 
.home4-banner-section .banner-video-area video { 
 width: 100%; 
 min-height: 750px; 
 height: 750px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 border-radius: 50px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home4-banner-section .banner-video-area video { 
 min-height: 630px; 
 height: 630px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home4-banner-section .banner-video-area video { 
 min-height: 610px; 
 height: 610px; 
 border-radius: 40px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home4-banner-section .banner-video-area video { 
 min-height: 600px; 
 height: 600px; 
 border-radius: 30px; 
 } 
 } 
@media (max-width: 767px) { 
 .home4-banner-section .banner-video-area video { 
 min-height: 780px; 
 height: 780px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-banner-section .banner-video-area video { 
 min-height: 470px; 
 height: 470px; 
 border-radius: 15px; 
 } 
 } 
.home4-banner-section .banner-video-area::before { 
 content: ""; 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 background-color: rgba(0, 0, 0, 0.25); 
 border-radius: 50px; 
 } 
@media (max-width: 1399px) { 
 .home4-banner-section .banner-video-area::before { 
 border-radius: 40px; 
 } 
 } 
@media (max-width: 991px) { 
 .home4-banner-section .banner-video-area::before { 
 border-radius: 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-banner-section .banner-video-area::before { 
 border-radius: 20px; 
 } 
 } 
.home4-banner-section .banner-content-wrap { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 padding: 165px 0; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home4-banner-section .banner-content-wrap { 
 padding: 110px 0; 
 } 
 } 
@media (max-width: 1399px) { 
 .home4-banner-section .banner-content-wrap { 
 padding: 100px 0 0; 
 } 
 } 
@media (max-width: 991px) { 
 .home4-banner-section .banner-content-wrap { 
 padding: 90px 0 0px; 
 } 
 } 
@media (max-width: 767px) { 
 .home4-banner-section .banner-content-wrap { 
 padding: 80px 0 0; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-banner-section .banner-content-wrap { 
 padding: 70px 0 0; 
 } 
 } 
.home4-banner-section .banner-content-wrap .banner-content { 
 text-align: center; 
 } 
.home4-banner-section .banner-content-wrap .banner-content h1 { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 800; 
 font-size: 60px; 
 line-height: 1.2; 
 margin-bottom: 15px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home4-banner-section .banner-content-wrap .banner-content h1 { 
 font-size: 56px; 
 margin-bottom: 12px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home4-banner-section .banner-content-wrap .banner-content h1 { 
 font-size: 52px; 
 margin-bottom: 8px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home4-banner-section .banner-content-wrap .banner-content h1 { 
 font-size: 48px; 
 } 
 } 
@media (max-width: 991px) { 
 .home4-banner-section .banner-content-wrap .banner-content h1 { 
 font-size: 46px; 
 } 
 } 
@media (max-width: 767px) { 
 .home4-banner-section .banner-content-wrap .banner-content h1 { 
 font-size: 40px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-banner-section .banner-content-wrap .banner-content h1 { 
 font-size: 32px; 
 } 
 } 
.home4-banner-section .banner-content-wrap .banner-content > p { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 28px; 
 margin-bottom: 0; 
 } 
@media (max-width: 991px) { 
 .home4-banner-section .banner-content-wrap .banner-content > p { 
 font-size: 18px; 
 } 
 } 
@media (max-width: 767px) { 
 .home4-banner-section .banner-content-wrap .banner-content > p { 
 font-size: 17px; 
 line-height: 26px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-banner-section .banner-content-wrap .banner-content > p { 
 font-size: 16px; 
 line-height: 26px; 
 } 
 } 
.home4-banner-section .banner-content-wrap .banner-content > p span { 
 font-family: var(--font-courgette); 
 font-weight: 400; 
 } 
.home4-banner-section .banner-content-wrap .banner-content .filter-wrapper { 
 margin-top: 235px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home4-banner-section .banner-content-wrap .banner-content .filter-wrapper { 
 margin-top: 180px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home4-banner-section .banner-content-wrap .banner-content .filter-wrapper { 
 margin-top: 180px; 
 } 
 } 
@media (max-width: 991px) { 
 .home4-banner-section .banner-content-wrap .banner-content .filter-wrapper { 
 margin-top: 125px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-banner-section .banner-content-wrap .banner-content .filter-wrapper { 
 margin-top: 100px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-banner-section .banner-content-wrap .banner-content .filter-wrapper .filter-item-list { 
 margin-left: 15px; 
 margin-right: 15px; 
 gap: 6px; 
 } 
 } 
.home4-banner-section .banner-content-wrap .banner-content .filter-wrapper .filter-input-wrap .filter-input .single-search-box { 
 text-align: start; 
 } 

/*=====================================
 35. Home4 Feature Section CSS
========================================*/
.home4-feature-section { 
 position: relative; 
 z-index: 1; 
 } 
.home4-feature-section .feature-card { 
 padding: 35px 40px 30px; 
 background-color: #BDEBCE; 
 border-radius: 20px; 
 position: relative; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home4-feature-section .feature-card { 
 padding: 35px 30px 30px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home4-feature-section .feature-card { 
 padding: 35px 20px 30px; 
 } 
 } 
@media (max-width: 991px) { 
 .home4-feature-section .feature-card { 
 padding: 30px 25px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-feature-section .feature-card { 
 border-radius: 15px; 
 padding: 30px 20px; 
 } 
 } 
.home4-feature-section .feature-card .icon { 
 display: inline-block; 
 margin-bottom: 20px; 
 } 
@media (max-width: 576px) { 
 .home4-feature-section .feature-card .icon { 
 margin-bottom: 15px; 
 } 
 } 
.home4-feature-section .feature-card h4 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 25px; 
 line-height: 35px; 
 margin-bottom: 10px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home4-feature-section .feature-card h4 { 
 font-size: 23px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-feature-section .feature-card h4 { 
 font-size: 23px; 
 margin-bottom: 8px; 
 } 
 } 
.home4-feature-section .feature-card p { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 24px; 
 margin-bottom: 0; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home4-feature-section .feature-card p { 
 font-size: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-feature-section .feature-card p { 
 font-size: 15px; 
 } 
 } 
.home4-feature-section .feature-card .vector { 
 position: absolute; 
 top: 0; 
 right: 0; 
 } 
.home4-feature-section .feature-card:hover .icon { 
 animation: bounceIn 1.2s linear; 
 } 
.home4-feature-section .feature-card.two { 
 background-color: #E2E2FF; 
 } 
.home4-feature-section .feature-card.three { 
 background-color: #E6F5A9; 
 } 
.home4-feature-section .bottom-area { 
 padding-top: 35px; 
 } 
@media (max-width: 767px) { 
 .home4-feature-section .bottom-area { 
 flex-wrap: wrap; 
 gap: 10px; 
 } 
 } 
.home4-feature-section .bottom-area .batch { 
 padding: 9px 30px; 
 border-radius: 100px; 
 background-color: #F0F0F0; 
 display: inline-flex; 
 align-items: center; 
 gap: 15px; 
 } 
@media (max-width: 576px) { 
 .home4-feature-section .bottom-area .batch { 
 flex-wrap: wrap; 
 justify-content: center; 
 gap: 8px; 
 padding: 12px 30px; 
 } 
 } 
.home4-feature-section .bottom-area .batch span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 24px; 
 } 
@media (max-width: 767px) { 
 .home4-feature-section .bottom-area .batch span { 
 text-align: center; 
 font-size: 15px; 
 } 
 } 
.home4-feature-section .bottom-area .batch a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 15px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 transition: 0.5s; 
 } 
@media (max-width: 767px) { 
 .home4-feature-section .bottom-area .batch a { 
 font-size: 14px; 
 } 
 } 
.home4-feature-section .bottom-area .batch a svg { 
 fill: none; 
 stroke: var(--title-color); 
 transition: 0.5s; 
 } 
.home4-feature-section .bottom-area .batch a:hover { 
 color: var(--primary-color1); 
 } 
.home4-feature-section .bottom-area .batch a:hover svg { 
 transform: rotate(45deg); 
 stroke: var(--primary-color1); 
 } 
.home4-feature-section .bottom-area .batch.two { 
 padding: 9px 19px; 
 } 
.home4-feature-section .section-vector { 
 position: absolute; 
 top: -57px; 
 right: 0; 
 z-index: -1; 
 } 
@media (max-width: 991px) { 
 .home4-feature-section .section-vector { 
 top: -20px; 
 } 
 } 
.home4-feature-section .section-vector2 { 
 position: absolute; 
 bottom: -30px; 
 right: 140px; 
 z-index: -1; 
 animation: rotate 5s linear infinite; 
 } 
@media (max-width: 1799px) { 
 .home4-feature-section .section-vector2 { 
 right: 100px; 
 } 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home4-feature-section .section-vector2 { 
 right: 30px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home4-feature-section .section-vector2 { 
 right: 30px; 
 } 
 } 
@media (max-width: 991px) { 
 .home4-feature-section .section-vector2 { 
 width: 50px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-feature-section .section-vector2 { 
 right: 20px; 
 width: 45px; 
 } 
 } 

/*=====================================
 36. Home4 Destination Section CSS
========================================*/
.home4-destination-section { 
 position: relative; 
 z-index: 1; 
 } 
.home4-destination-section .destination-slider-area { 
 position: relative; 
 } 
@media (max-width: 576px) { 
 .home4-destination-section .destination-slider-area .slider-btn-grp { 
 display: none; 
 } 
 } 
.home4-destination-section .destination-slider-area .slider-btn-grp .slider-btn { 
 position: absolute; 
 top: calc(50% - 60px); 
 left: -20px; 
 z-index: 1; 
 } 
.home4-destination-section .destination-slider-area .slider-btn-grp .slider-btn.destination-slider-next { 
 left: unset; 
 right: -20px; 
 } 
.home4-destination-section .vector { 
 position: absolute; 
 bottom: 0; 
 left: 55px; 
 animation: tada 3s linear infinite; 
 z-index: -1; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home4-destination-section .vector { 
 left: 35px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home4-destination-section .vector { 
 left: 25px; 
 width: 45px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home4-destination-section .vector { 
 left: 15px; 
 width: 40px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-destination-section .vector { 
 width: 35px; 
 left: 10px; 
 } 
 } 

/*=====================================
 37. Home4 About Section CSS
========================================*/
.home4-about-section { 
 background-image: url(../img/home4/home4-about-bg.png), linear-gradient(180deg, #FFF2E2 0%, #FFF2E2 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 border-radius: 50px; 
 margin: 0 80px; 
 } 
@media (max-width: 1699px) { 
 .home4-about-section { 
 margin: 0 60px; 
 } 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home4-about-section { 
 margin: 0 30px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home4-about-section { 
 margin: 0 20px; 
 border-radius: 40px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home4-about-section { 
 margin: 0 10px; 
 } 
 } 
@media (max-width: 991px) { 
 .home4-about-section { 
 border-radius: 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-about-section { 
 border-radius: 20px; 
 } 
 } 
.home4-about-section .about-wrapper { 
 padding: 100px 0; 
 } 
@media (max-width: 1199px) { 
 .home4-about-section .about-wrapper { 
 padding: 90px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .home4-about-section .about-wrapper { 
 padding: 70px 0; 
 } 
 } 
.home4-about-section .about-wrapper .about-content .section-title p { 
 max-width: unset; 
 margin: 0; 
 padding-top: 25px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home4-about-section .about-wrapper .about-content .section-title p { 
 font-size: 16px; 
 padding-top: 20px; 
 } 
 } 
@media (max-width: 767px) { 
 .home4-about-section .about-wrapper .about-content .section-title p { 
 padding-top: 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-about-section .about-wrapper .about-content .section-title p { 
 font-size: 15px; 
 } 
 } 
.home4-about-section .about-wrapper .about-content > ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 margin-top: 40px; 
 margin-bottom: 45px; 
 display: flex; 
 align-items: center; 
 gap: 20px; 
 flex-wrap: wrap; 
 } 
@media (max-width: 1399px) { 
 .home4-about-section .about-wrapper .about-content > ul { 
 gap: 15px; 
 row-gap: 20px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home4-about-section .about-wrapper .about-content > ul { 
 margin-top: 35px; 
 margin-bottom: 40px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-about-section .about-wrapper .about-content > ul { 
 margin-top: 30px; 
 margin-bottom: 30px; 
 row-gap: 15px; 
 } 
 } 
.home4-about-section .about-wrapper .about-content > ul li { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1.2; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 padding: 10px 25px; 
 background-color: var(--black-color); 
 border-radius: 100px; 
 } 
.home4-about-section .about-wrapper .about-content > ul li svg { 
 fill: var(--white-color); 
 } 
@media (max-width: 1399px) { 
 .home4-about-section .about-wrapper .about-content > ul li { 
 font-size: 16px; 
 gap: 7px; 
 padding: 10px 22px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-about-section .about-wrapper .about-content > ul li { 
 font-size: 15px; 
 } 
 } 
.home4-about-section .about-wrapper .about-content .counter-wrapper { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 15px; 
 flex-wrap: wrap; 
 padding-bottom: 10px; 
 } 
@media (max-width: 991px) { 
 .home4-about-section .about-wrapper .about-content .counter-wrapper { 
 border-bottom: 1px solid rgba(var(--black-color-opc), 0.1); 
 padding-bottom: 25px; 
 } 
 } 
.home4-about-section .about-wrapper .about-content .counter-wrapper .single-counter { 
 display: flex; 
 align-items: end; 
 gap: 10px; 
 margin-top: 10px; 
 } 
.home4-about-section .about-wrapper .about-content .counter-wrapper .single-counter h2 { 
 margin-bottom: 0; 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 70px; 
 line-height: 1; 
 position: relative; 
 } 
@media (max-width: 1399px) { 
 .home4-about-section .about-wrapper .about-content .counter-wrapper .single-counter h2 { 
 font-size: 60px; 
 } 
 } 
.home4-about-section .about-wrapper .about-content .counter-wrapper .single-counter h2 strong { 
 font-weight: 600; 
 line-height: 1; 
 display: inline-block; 
 } 
.home4-about-section .about-wrapper .about-content .counter-wrapper .single-counter h2 sup { 
 color: rgba(var(--title-color-opc), 0.9); 
 font-size: 30px; 
 font-weight: 400; 
 top: 0; 
 position: absolute; 
 } 
@media (max-width: 1399px) { 
 .home4-about-section .about-wrapper .about-content .counter-wrapper .single-counter h2 sup { 
 font-size: 27px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-about-section .about-wrapper .about-content .counter-wrapper .single-counter h2 sup { 
 font-size: 28px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-about-section .about-wrapper .about-content .counter-wrapper .single-counter h2 { 
 font-size: 62px; 
 } 
 } 
.home4-about-section .about-wrapper .about-content .counter-wrapper .single-counter span { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 18px; 
 line-height: 28px; 
 margin-bottom: 5px; 
 } 
@media (max-width: 1399px) { 
 .home4-about-section .about-wrapper .about-content .counter-wrapper .single-counter span { 
 font-size: 16px; 
 line-height: 22px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-about-section .about-wrapper .about-content .counter-wrapper .single-counter span { 
 font-size: 16px; 
 line-height: 24px; 
 } 
 } 
.home4-about-section .about-wrapper .about-content .counter-wrapper .counter-area { 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 } 
@media (max-width: 1399px) { 
 .home4-about-section .about-wrapper .about-content .counter-wrapper .counter-area { 
 gap: 10px; 
 } 
 } 
.home4-about-section .about-wrapper .about-content .counter-wrapper .counter-area .counter-img-grp { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 } 
.home4-about-section .about-wrapper .about-content .counter-wrapper .counter-area .counter-img-grp li img { 
 min-width: 48px; 
 max-width: 48px; 
 height: 48px; 
 border-radius: 50%; 
 border: 1px solid var(--black-color); 
 margin-left: -20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home4-about-section .about-wrapper .about-content .counter-wrapper .counter-area .counter-img-grp li img { 
 min-width: 45px; 
 max-width: 45px; 
 height: 45px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-about-section .about-wrapper .about-content .counter-wrapper .counter-area .counter-img-grp li img { 
 min-width: 37px; 
 max-width: 37px; 
 height: 37px; 
 } 
 } 
.home4-about-section .about-wrapper .about-content .counter-wrapper .counter-area .counter-img-grp li:first-child img { 
 margin-left: 0; 
 } 
.home4-about-section .about-wrapper .about-content .counter-wrapper .counter-area h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 24px; 
 margin-bottom: 0; 
 min-width: 125px; 
 width: 100%; 
 } 
.home4-about-section .about-wrapper .about-content .counter-wrapper .counter-area h6 strong { 
 font-weight: 600; 
 display: inline-block; 
 } 
@media (max-width: 576px) { 
 .home4-about-section .about-wrapper .about-content .counter-wrapper .counter-area h6 { 
 font-size: 15px; 
 } 
 } 
.home4-about-section .about-wrapper .about-content .divider { 
 fill: rgba(var(--black-color-opc), 0.1); 
 width: 100%; 
 } 
@media (max-width: 991px) { 
 .home4-about-section .about-wrapper .about-content .divider { 
 display: none; 
 } 
 } 
.home4-about-section .about-wrapper .about-content .btn-area { 
 display: flex; 
 justify-content: end; 
 width: 100%; 
 padding-top: 10px; 
 } 
@media (max-width: 991px) { 
 .home4-about-section .about-wrapper .about-content .btn-area { 
 padding-top: 20px; 
 } 
 } 
.home4-about-section .about-wrapper .about-content .btn-area .about-btn { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 15px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 transition: 0.5s; 
 } 
.home4-about-section .about-wrapper .about-content .btn-area .about-btn svg { 
 fill: none; 
 stroke: var(--title-color); 
 transition: 0.5s; 
 } 
.home4-about-section .about-wrapper .about-content .btn-area .about-btn:hover { 
 color: var(--primary-color1); 
 } 
.home4-about-section .about-wrapper .about-content .btn-area .about-btn:hover svg { 
 stroke: var(--primary-color1); 
 transform: rotate(45deg); 
 } 
.home4-about-section .about-wrapper .about-img-grp .single-grp { 
 display: flex; 
 align-items: end; 
 justify-content: end; 
 gap: 20px; 
 margin-bottom: 20px; 
 } 
.home4-about-section .about-wrapper .about-img-grp .single-grp:last-child { 
 margin-bottom: 0; 
 } 
.home4-about-section .about-wrapper .about-img-grp .single-grp .counter-wrapper { 
 width: 240px; 
 height: 204px; 
 background-color: var(--primary-color1); 
 padding: 40px 35px; 
 border-radius: 50px 50px 0 50px; 
 display: flex; 
 align-items: end; 
 position: relative; 
 } 
@media (max-width: 1199px) { 
 .home4-about-section .about-wrapper .about-img-grp .single-grp .counter-wrapper { 
 padding: 30px 20px; 
 height: 190px; 
 border-radius: 35px 35px 0 35px; 
 } 
 } 
.home4-about-section .about-wrapper .about-img-grp .single-grp .counter-wrapper .counter-area { 
 line-height: 1; 
 } 
.home4-about-section .about-wrapper .about-img-grp .single-grp .counter-wrapper .counter-area h2 { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 32px; 
 line-height: 1; 
 margin-bottom: 15px; 
 } 
.home4-about-section .about-wrapper .about-img-grp .single-grp .counter-wrapper .counter-area h2 strong { 
 font-weight: 600; 
 } 
.home4-about-section .about-wrapper .about-img-grp .single-grp .counter-wrapper .counter-area span { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 18px; 
 line-height: 1; 
 } 
.home4-about-section .about-wrapper .about-img-grp .single-grp .counter-wrapper .vector { 
 fill: var(--white-color); 
 position: absolute; 
 top: 30px; 
 right: 35px; 
 } 
.home4-about-section .about-wrapper .about-img-grp .single-grp .single-img img { 
 border-radius: 50px 50px 50px 0; 
 min-height: 200px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
@media (max-width: 1199px) { 
 .home4-about-section .about-wrapper .about-img-grp .single-grp .single-img img { 
 border-radius: 35px 35px 35px 0; 
 } 
 } 
.home4-about-section .about-wrapper .about-img-grp .single-grp .single-img.two img { 
 border-radius: 50px 0 50px 50px; 
 } 
@media (max-width: 1199px) { 
 .home4-about-section .about-wrapper .about-img-grp .single-grp .single-img.two img { 
 border-radius: 35px 0 35px 35px; 
 } 
 } 
.home4-about-section .about-wrapper .about-img-grp .single-grp .single-img.three img { 
 border-radius: 0 50px 50px 50px; 
 } 
@media (max-width: 1199px) { 
 .home4-about-section .about-wrapper .about-img-grp .single-grp .single-img.three img { 
 border-radius: 0 35px 35px 35px; 
 } 
 } 

/*=====================================
 38. Home4 Offer Slider Section CSS
========================================*/
.home4-offer-slider-section { 
 position: relative; 
 } 
.home4-offer-slider-section a img { 
 border-radius: 20px; 
 min-height: 240px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
@media (max-width: 991px) { 
 .home4-offer-slider-section a img { 
 -o-object-position: left; 
 object-position: left; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-offer-slider-section a img { 
 min-height: 180px; 
 } 
 } 

/*=====================================
 39. Home4 Why Choose Us Section CSS
========================================*/
.home4-why-choose-us-section { 
 background-image: url(../img/home4/hom4-why-choose-bg.png), linear-gradient(180deg, #F2F2FF 0%, #F2F2FF 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 100px 0 340px; 
 } 
@media (max-width: 1199px) { 
 .home4-why-choose-us-section { 
 padding: 90px 0 340px; 
 } 
 } 
@media (max-width: 991px) { 
 .home4-why-choose-us-section { 
 padding: 70px 0 340px; 
 } 
 } 
@media (max-width: 767px) { 
 .home4-why-choose-us-section { 
 padding: 70px 0 290px; 
 } 
 } 
.home4-why-choose-us-section .section-title p { 
 margin: 0; 
 } 
.home4-why-choose-us-section .single-rating { 
 display: flex; 
 align-items: end; 
 gap: 15px; 
 margin-bottom: 5px; 
 } 
@media (max-width: 767px) { 
 .home4-why-choose-us-section .single-rating { 
 order: 2; 
 } 
 } 
.home4-why-choose-us-section .single-rating strong { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 25px; 
 line-height: 1; 
 margin-bottom: -3px; 
 } 
@media (max-width: 576px) { 
 .home4-why-choose-us-section .single-rating strong { 
 font-size: 22px; 
 } 
 } 
.home4-why-choose-us-section .single-rating .tripadvisor-rating .rating-area { 
 padding-top: 10px; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
.home4-why-choose-us-section .single-rating .tripadvisor-rating .rating-area span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 } 
.home4-why-choose-us-section .single-feature { 
 padding: 25px 30px; 
 background-color: var(--white-color); 
 border-radius: 10px; 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 } 
@media (max-width: 1399px) { 
 .home4-why-choose-us-section .single-feature { 
 padding: 25px 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home4-why-choose-us-section .single-feature { 
 gap: 10px; 
 padding: 20px 10px; 
 } 
 } 
@media (min-width: 768px) and (max-width: 991px) { 
 .home4-why-choose-us-section .single-feature { 
 gap: 10px; 
 padding: 15px 10px; 
 } 
 } 
@media (max-width: 767px) { 
 .home4-why-choose-us-section .single-feature { 
 padding: 20px 15px; 
 gap: 10px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-why-choose-us-section .single-feature { 
 padding: 15px; 
 } 
 } 
.home4-why-choose-us-section .single-feature .icon { 
 min-width: 60px; 
 max-width: 60px; 
 height: 60px; 
 border-radius: 50%; 
 border: 1px solid var(--borders-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home4-why-choose-us-section .single-feature .icon { 
 min-width: 55px; 
 max-width: 55px; 
 height: 55px; 
 } 
 } 
@media (min-width: 768px) and (max-width: 991px) { 
 .home4-why-choose-us-section .single-feature .icon { 
 min-width: 55px; 
 max-width: 55px; 
 height: 55px; 
 } 
 } 
.home4-why-choose-us-section .single-feature h5 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 30px; 
 margin-bottom: 0; 
 } 
@media (max-width: 1399px) { 
 .home4-why-choose-us-section .single-feature h5 { 
 font-size: 19px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home4-why-choose-us-section .single-feature h5 { 
 font-size: 17px; 
 line-height: 26px; 
 } 
 } 
@media (min-width: 768px) and (max-width: 991px) { 
 .home4-why-choose-us-section .single-feature h5 { 
 font-size: 16px; 
 line-height: 26px; 
 } 
 } 
@media (max-width: 767px) { 
 .home4-why-choose-us-section .single-feature h5 { 
 font-size: 17px; 
 line-height: 26px; 
 } 
 } 

.why-choose-video-area { 
 margin-top: -245px; 
 } 
@media (max-width: 767px) { 
 .why-choose-video-area { 
 margin-top: -200px; 
 } 
 } 
@media (max-width: 576px) { 
 .why-choose-video-area { 
 margin-top: -170px; 
 } 
 } 
.why-choose-video-area .why-choose-video-wrap { 
 position: relative; 
 } 
.why-choose-video-area .why-choose-video-wrap img { 
 border-radius: 20px; 
 min-height: 400px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
@media (max-width: 767px) { 
 .why-choose-video-area .why-choose-video-wrap img { 
 min-height: 350px; 
 } 
 } 
@media (max-width: 576px) { 
 .why-choose-video-area .why-choose-video-wrap img { 
 border-radius: 10px; 
 } 
 } 
.why-choose-video-area .why-choose-video-wrap .play-btn { 
 width: 60px; 
 height: 60px; 
 background-color: var(--primary-color1); 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 z-index: 1; 
 } 
@keyframes waves { 
 0% { 
 transform: translate(-50%, -50%) scale(0.2); 
 opacity: 0; 
 } 
 50% { 
 opacity: 0.9; 
 } 
 100% { 
 transform: translate(-50%, -50%) scale(0.9); 
 opacity: 0; 
 } 
 } 
.why-choose-video-area .why-choose-video-wrap .play-btn .waves-block { 
 display: inline-block; 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 z-index: -1; 
 } 
.why-choose-video-area .why-choose-video-wrap .play-btn .waves-block .waves { 
 position: absolute; 
 width: 110px; 
 height: 110px; 
 background: rgba(var(--primary-color1-opc), 0.7); 
 opacity: 0; 
 border-radius: 100%; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 z-index: -1; 
 animation: waves 3s ease-in-out infinite; 
 } 
.why-choose-video-area .why-choose-video-wrap .play-btn .waves-block .waves.wave-1 { 
 animation-delay: 0s; 
 } 
.why-choose-video-area .why-choose-video-wrap .play-btn .waves-block .waves.wave-2 { 
 animation-delay: 1s; 
 } 
.why-choose-video-area .why-choose-video-wrap .play-btn .waves-block .waves.wave-3 { 
 animation-delay: 2s; 
 } 
.why-choose-video-area .why-choose-video-wrap .play-btn i { 
 font-size: 25px; 
 color: var(--white-color); 
 line-height: 1; 
 margin-left: 2px; 
 } 
.why-choose-video-area .why-choose-video-wrap .contact-wrap { 
 padding: 15px; 
 border-radius: 100px; 
 background-color: #F2F2FF; 
 position: absolute; 
 top: -60px; 
 left: 50%; 
 transform: translateX(-50%); 
 } 
@media (max-width: 991px) { 
 .why-choose-video-area .why-choose-video-wrap .contact-wrap { 
 padding: 10px; 
 } 
 } 
@media (max-width: 767px) { 
 .why-choose-video-area .why-choose-video-wrap .contact-wrap { 
 border-radius: 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .why-choose-video-area .why-choose-video-wrap .contact-wrap { 
 border-radius: 10px; 
 top: -90px; 
 } 
 } 
.why-choose-video-area .why-choose-video-wrap .contact-wrap .contact-area { 
 padding: 21px 40px; 
 background-color: var(--primary-color1); 
 border-radius: 100px; 
 min-width: 681px; 
 width: 100%; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 20px; 
 } 
@media (max-width: 991px) { 
 .why-choose-video-area .why-choose-video-wrap .contact-wrap .contact-area { 
 min-width: 565px; 
 padding: 21px 25px; 
 } 
 } 
@media (max-width: 767px) { 
 .why-choose-video-area .why-choose-video-wrap .contact-wrap .contact-area { 
 padding: 15px; 
 min-width: 275px; 
 border-radius: 20px; 
 flex-wrap: wrap; 
 } 
 } 
@media (max-width: 576px) { 
 .why-choose-video-area .why-choose-video-wrap .contact-wrap .contact-area { 
 min-width: 225px; 
 border-radius: 10px; 
 } 
 } 
.why-choose-video-area .why-choose-video-wrap .contact-wrap .contact-area h6 { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 24px; 
 margin-bottom: 0; 
 max-width: 300px; 
 } 
@media (max-width: 767px) { 
 .why-choose-video-area .why-choose-video-wrap .contact-wrap .contact-area h6 { 
 font-size: 15px; 
 } 
 } 
.why-choose-video-area .why-choose-video-wrap .contact-wrap .contact-area .single-contact { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
.why-choose-video-area .why-choose-video-wrap .contact-wrap .contact-area .single-contact .icon { 
 min-width: 40px; 
 max-width: 40px; 
 height: 40px; 
 border-radius: 50%; 
 background-color: var(--white-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
@media (max-width: 576px) { 
 .why-choose-video-area .why-choose-video-wrap .contact-wrap .contact-area .single-contact .icon { 
 min-width: 35px; 
 max-width: 35px; 
 height: 35px; 
 } 
 } 
.why-choose-video-area .why-choose-video-wrap .contact-wrap .contact-area .single-contact .content span { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 display: block; 
 margin-bottom: 3px; 
 } 
.why-choose-video-area .why-choose-video-wrap .contact-wrap .contact-area .single-contact .content a { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1; 
 } 

/*=====================================
 40. Home4 Testimonial Section CSS
========================================*/
.home4-testimonial-section { 
 position: relative; 
 } 
.home4-testimonial-section .testimonial-wrap { 
 background-image: url(../img/home4/home4-testimonial-bg.png); 
 background-size: cover; 
 background-repeat: no-repeat; 
 } 
.home4-testimonial-section .testimonial-slider-area { 
 position: relative; 
 } 
@media (max-width: 767px) { 
 .home4-testimonial-section .testimonial-slider-area .slider-btn-grp { 
 display: none; 
 } 
 } 
.home4-testimonial-section .testimonial-slider-area .slider-btn-grp .slider-btn { 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 left: 90px; 
 } 
@media (max-width: 1199px) { 
 .home4-testimonial-section .testimonial-slider-area .slider-btn-grp .slider-btn { 
 left: 50px; 
 } 
 } 
@media (max-width: 991px) { 
 .home4-testimonial-section .testimonial-slider-area .slider-btn-grp .slider-btn { 
 left: -25px; 
 } 
 } 
.home4-testimonial-section .testimonial-slider-area .slider-btn-grp .slider-btn.testimonial-slider-next { 
 left: unset; 
 right: 90px; 
 } 
@media (max-width: 1199px) { 
 .home4-testimonial-section .testimonial-slider-area .slider-btn-grp .slider-btn.testimonial-slider-next { 
 right: 50px; 
 } 
 } 
@media (max-width: 991px) { 
 .home4-testimonial-section .testimonial-slider-area .slider-btn-grp .slider-btn.testimonial-slider-next { 
 right: -25px; 
 } 
 } 
.home4-testimonial-section .testimonial-slider-area .home4-testimonial-slider .swiper-slide-active .testimonial-card .rating-area,
.home4-testimonial-section .testimonial-slider-area .home4-testimonial-slider .swiper-slide-active .testimonial-card h5,
.home4-testimonial-section .testimonial-slider-area .home4-testimonial-slider .swiper-slide-active .testimonial-card p { 
 animation: fadeInDown 1.7s; 
 } 
.home4-testimonial-section .testimonial-slider-area .home4-testimonial-slider .swiper-slide-active .testimonial-card .author-area { 
 animation: fadeInUp 1.7s; 
 } 
.home4-testimonial-section .home4-testimonial-img-slider { 
 max-width: 520px; 
 width: 100%; 
 margin: 0 auto; 
 } 
@media (max-width: 1199px) { 
 .home4-testimonial-section .home4-testimonial-img-slider { 
 max-width: 470px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-testimonial-section .home4-testimonial-img-slider { 
 max-width: 275px; 
 } 
 } 
.home4-testimonial-section .home4-testimonial-img-slider .swiper-slide-thumb-active .testimonial-author-img img { 
 transform: scale(1); 
 } 
.home4-testimonial-section .testimonial-author-img img { 
 min-width: 80px; 
 max-width: 80px; 
 height: 80px; 
 transform: scale(0.8); 
 border-radius: 50%; 
 transition: 0.5s; 
 } 
@media (max-width: 576px) { 
 .home4-testimonial-section .testimonial-author-img img { 
 min-width: 75px; 
 max-width: 75px; 
 height: 75px; 
 } 
 } 
.home4-testimonial-section .vector { 
 position: absolute; 
 left: 0; 
 top: 50px; 
 } 
@media (max-width: 1199px) { 
 .home4-testimonial-section .vector { 
 width: 220px; 
 } 
 } 
@media (max-width: 991px) { 
 .home4-testimonial-section .vector { 
 display: none; 
 } 
 } 

/*=====================================
 41. Home4 Counter Section CSS
========================================*/
.home4-counter-section .counter-wrapper { 
 display: flex; 
 align-items: center; 
 } 
@media (max-width: 991px) { 
 .home4-counter-section .counter-wrapper { 
 flex-wrap: wrap; 
 justify-content: center; 
 } 
 } 
.home4-counter-section .counter-wrapper .single-counter { 
 min-width: 330px; 
 max-width: 330px; 
 height: 330px; 
 border: 1px solid var(--borders-color); 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 transition: 0.5s; 
 } 
@media (max-width: 1399px) { 
 .home4-counter-section .counter-wrapper .single-counter { 
 min-width: 278px; 
 max-width: 278px; 
 height: 278px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home4-counter-section .counter-wrapper .single-counter { 
 min-width: 234px; 
 max-width: 234px; 
 height: 234px; 
 } 
 } 
@media (max-width: 991px) { 
 .home4-counter-section .counter-wrapper .single-counter { 
 min-width: 270px; 
 max-width: 270px; 
 height: 270px; 
 } 
 } 
@media (max-width: 767px) { 
 .home4-counter-section .counter-wrapper .single-counter { 
 min-width: 235px; 
 max-width: 235px; 
 height: 235px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-counter-section .counter-wrapper .single-counter { 
 min-width: 220px; 
 max-width: 220px; 
 height: 220px; 
 } 
 } 
.home4-counter-section .counter-wrapper .single-counter .content { 
 text-align: center; 
 } 
.home4-counter-section .counter-wrapper .single-counter .content svg { 
 fill: #D39B01; 
 margin-bottom: 25px; 
 } 
@media (max-width: 1199px) { 
 .home4-counter-section .counter-wrapper .single-counter .content svg { 
 margin-bottom: 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-counter-section .counter-wrapper .single-counter .content svg { 
 margin-bottom: 15px; 
 } 
 } 
.home4-counter-section .counter-wrapper .single-counter .content span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 18px; 
 line-height: 1; 
 display: block; 
 margin-bottom: 20px; 
 } 
@media (max-width: 1199px) { 
 .home4-counter-section .counter-wrapper .single-counter .content span { 
 margin-bottom: 15px; 
 font-size: 17px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-counter-section .counter-wrapper .single-counter .content span { 
 font-size: 16px; 
 } 
 } 
.home4-counter-section .counter-wrapper .single-counter .content h2 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 700; 
 font-size: 40px; 
 line-height: 1; 
 margin-bottom: 0; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home4-counter-section .counter-wrapper .single-counter .content h2 { 
 font-size: 32px; 
 } 
 } 
@media (max-width: 991px) { 
 .home4-counter-section .counter-wrapper .single-counter .content h2 { 
 font-size: 35px; 
 } 
 } 
@media (max-width: 767px) { 
 .home4-counter-section .counter-wrapper .single-counter .content h2 { 
 font-size: 32px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-counter-section .counter-wrapper .single-counter .content h2 { 
 font-size: 28px; 
 } 
 } 
.home4-counter-section .counter-wrapper .single-counter .content h2 strong { 
 font-weight: 700; 
 } 
.home4-counter-section .counter-wrapper .single-counter:hover { 
 transform: translateY(-10px); 
 } 
.home4-counter-section .counter-wrapper .single-counter.two .content svg { 
 fill: #D15716; 
 } 
.home4-counter-section .counter-wrapper .single-counter.three .content svg { 
 fill: #1768E2; 
 } 
.home4-counter-section .counter-wrapper .single-counter.four .content svg { 
 fill: #2E8B57; 
 } 
.home4-counter-section.style-2 { 
 position: relative; 
 } 
.home4-counter-section.style-2 .mt-60 { 
 margin-top: 60px; 
 } 
@media (max-width: 1399px) { 
 .home4-counter-section.style-2 .mt-60 { 
 margin-top: 50px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home4-counter-section.style-2 .mt-60 { 
 margin-top: 30px; 
 } 
 } 
@media (max-width: 991px) { 
 .home4-counter-section.style-2 .mt-60 { 
 margin-top: 0; 
 } 
 } 
.home4-counter-section.style-2 .counter-wrapper { 
 align-items: start; 
 } 
.home4-counter-section.style-2 .counter-wrapper .single-counter .content h2 { 
 font-weight: 600; 
 } 
.home4-counter-section.style-2 .counter-wrapper .single-counter .content h2 strong { 
 font-weight: 600; 
 } 
.home4-counter-section.style-2 .counter-wrapper .single-counter:first-child { 
 background-color: #F2F2FF; 
 } 
.home4-counter-section.style-2 .counter-wrapper .single-counter:nth-child(3) { 
 background-color: #FFF2E2; 
 } 
.home4-counter-section.style-2 .vector1 { 
 position: absolute; 
 top: 0; 
 left: 0; 
 z-index: -1; 
 } 
@media (max-width: 767px) { 
 .home4-counter-section.style-2 .vector1 { 
 width: 200px; 
 } 
 } 
.home4-counter-section.style-2 .vector2 { 
 position: absolute; 
 top: 90px; 
 right: 0; 
 z-index: -1; 
 } 
@media (max-width: 991px) { 
 .home4-counter-section.style-2 .vector2 { 
 width: 100px; 
 } 
 } 
@media (max-width: 576px) { 
 .home4-counter-section.style-2 .vector2 { 
 display: none; 
 } 
 } 
.home4-counter-section.style-2 .vector3 { 
 position: absolute; 
 bottom: -80px; 
 right: 120px; 
 animation: tada 3s linear infinite; 
 z-index: -1; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home4-counter-section.style-2 .vector3 { 
 right: 60px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home4-counter-section.style-2 .vector3 { 
 right: 60px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home4-counter-section.style-2 .vector3 { 
 width: 60px; 
 right: 40px; 
 } 
 } 
@media (max-width: 767px) { 
 .home4-counter-section.style-2 .vector3 { 
 display: none; 
 } 
 } 

/*=====================================
 42. Home4 Blog Section CSS
========================================*/
.home4-blog-section { 
 position: relative; 
 z-index: 1; 
 } 
.home4-blog-section .vector { 
 position: absolute; 
 top: 0; 
 left: 30px; 
 z-index: -1; 
 animation: up-down 2s linear infinite alternate; 
 } 
@media (max-width: 1199px) { 
 .home4-blog-section .vector { 
 left: 15px; 
 width: 100px; 
 } 
 } 
@media (max-width: 991px) { 
 .home4-blog-section .vector { 
 width: 80px; 
 left: 10px; 
 } 
 } 
@media (max-width: 767px) { 
 .home4-blog-section .vector { 
 display: none; 
 } 
 } 

/*=====================================
 43. Home4 Faq Section CSS
========================================*/
.home4-faq-section { 
 position: relative; 
 z-index: 1; 
 } 
.home4-faq-section .vector { 
 position: absolute; 
 top: 0; 
 right: 12%; 
 z-index: -1; 
 animation: rotate 5s linear infinite; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home4-faq-section .vector { 
 right: 7%; 
 } 
 } 
@media (max-width: 1399px) { 
 .home4-faq-section .vector { 
 right: 5%; 
 } 
 } 
@media (max-width: 1199px) { 
 .home4-faq-section .vector { 
 right: 30px; 
 width: 55px; 
 } 
 } 
@media (max-width: 991px) { 
 .home4-faq-section .vector { 
 right: 20px; 
 } 
 } 
@media (max-width: 767px) { 
 .home4-faq-section .vector { 
 display: none; 
 } 
 } 

/*=====================================
 44. Home5 Banner Section CSS
========================================*/
.home5-banner-section { 
 overflow: hidden; 
 position: relative; 
 } 
.home5-banner-section .banner-wrapper { 
 position: relative; 
 } 
.home5-banner-section .banner-wrapper::before { 
 content: ""; 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 background-color: rgba(0, 0, 0, 0.3); 
 z-index: 1; 
 } 
.home5-banner-section .banner-wrapper .banner-video-area { 
 min-height: 800px; 
 height: 800px; 
 position: relative; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home5-banner-section .banner-wrapper .banner-video-area { 
 min-height: 680px; 
 height: 680px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home5-banner-section .banner-wrapper .banner-video-area { 
 min-height: 640px; 
 height: 640px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home5-banner-section .banner-wrapper .banner-video-area { 
 min-height: 600px; 
 height: 600px; 
 } 
 } 
@media (max-width: 767px) { 
 .home5-banner-section .banner-wrapper .banner-video-area { 
 min-height: 580px; 
 height: 580px; 
 } 
 } 
.home5-banner-section .banner-wrapper .banner-video-area video { 
 width: 100%; 
 min-height: 800px; 
 height: 800px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home5-banner-section .banner-wrapper .banner-video-area video { 
 min-height: 680px; 
 height: 680px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home5-banner-section .banner-wrapper .banner-video-area video { 
 min-height: 640px; 
 height: 640px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home5-banner-section .banner-wrapper .banner-video-area video { 
 min-height: 600px; 
 height: 600px; 
 } 
 } 
@media (max-width: 767px) { 
 .home5-banner-section .banner-wrapper .banner-video-area video { 
 min-height: 580px; 
 height: 580px; 
 } 
 } 
.home5-banner-section .banner-wrapper .banner-img-area { 
 min-height: 800px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home5-banner-section .banner-wrapper .banner-img-area { 
 min-height: 680px; 
 height: 680px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home5-banner-section .banner-wrapper .banner-img-area { 
 min-height: 640px; 
 height: 640px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home5-banner-section .banner-wrapper .banner-img-area { 
 min-height: 600px; 
 height: 600px; 
 } 
 } 
@media (max-width: 767px) { 
 .home5-banner-section .banner-wrapper .banner-img-area { 
 min-height: 580px; 
 height: 580px; 
 } 
 } 
.home5-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 800px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home5-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 680px; 
 height: 680px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home5-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 640px; 
 height: 640px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home5-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 600px; 
 height: 600px; 
 } 
 } 
@media (max-width: 767px) { 
 .home5-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 580px; 
 height: 580px; 
 } 
 } 
.home5-banner-section .banner-wrapper .banner-content-wrap { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 padding: 210px 0 170px; 
 z-index: 2; 
 height: 100%; 
 display: flex; 
 align-items: center; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home5-banner-section .banner-wrapper .banner-content-wrap { 
 padding: 170px 0 120px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home5-banner-section .banner-wrapper .banner-content-wrap { 
 padding: 160px 0 120px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home5-banner-section .banner-wrapper .banner-content-wrap { 
 padding: 160px 0 120px; 
 } 
 } 
@media (max-width: 767px) { 
 .home5-banner-section .banner-wrapper .banner-content-wrap { 
 padding: 140px 0 90px; 
 } 
 } 
.home5-banner-section .banner-wrapper .banner-content-wrap .banner-content { 
 max-width: 1020px; 
 width: 100%; 
 margin: 0 auto; 
 text-align: center; 
 } 
.home5-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
.home5-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 color: var(--white-color); 
 font-family: var(--font-courgette); 
 font-weight: 400; 
 font-size: 100px; 
 line-height: 1.1; 
 margin-bottom: 10px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home5-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home5-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 85px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home5-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home5-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 75px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home5-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home5-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 65px; 
 } 
 } 
@media (max-width: 991px) { 
 .home5-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home5-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 55px; 
 } 
 } 
@media (max-width: 576px) { 
 .home5-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home5-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 50px; 
 } 
 } 
.home5-banner-section .banner-wrapper .banner-content-wrap .banner-content p { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 20px; 
 line-height: 28px; 
 margin-bottom: 40px; 
 } 
@media (max-width: 1199px) { 
 .home5-banner-section .banner-wrapper .banner-content-wrap .banner-content p { 
 font-size: 18px; 
 } 
 } 
@media (max-width: 767px) { 
 .home5-banner-section .banner-wrapper .banner-content-wrap .banner-content p { 
 font-size: 16px; 
 line-height: 26px; 
 margin-bottom: 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .home5-banner-section .banner-wrapper .banner-content-wrap .banner-content p { 
 font-size: 15px; 
 line-height: 24px; 
 } 
 } 
.home5-banner-section .banner-wrapper .banner-content-wrap .banner-content .primary-btn1 { 
 padding: 21px 31px; 
 } 
@media (max-width: 576px) { 
 .home5-banner-section .banner-wrapper .banner-content-wrap .banner-content .primary-btn1 { 
 padding: 20px 24px; 
 } 
 } 
@media (max-width: 767px) { 
 .home5-banner-section .slider-btn-grp { 
 display: none; 
 } 
 } 
.home5-banner-section .slider-btn-grp .slider-btn { 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 left: 70px; 
 min-width: 60px; 
 max-width: 60px; 
 height: 60px; 
 z-index: 3; 
 border: 1px solid rgba(var(--white-color-opc), 0.1); 
 background-color: rgba(var(--white-color-opc), 0.1); 
 -webkit-backdrop-filter: blur(15px); 
 backdrop-filter: blur(15px); 
 } 
@media (max-width: 1399px) { 
 .home5-banner-section .slider-btn-grp .slider-btn { 
 left: 50px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home5-banner-section .slider-btn-grp .slider-btn { 
 left: 40px; 
 min-width: 50px; 
 max-width: 50px; 
 height: 50px; 
 } 
 } 
@media (max-width: 991px) { 
 .home5-banner-section .slider-btn-grp .slider-btn { 
 left: 20px; 
 } 
 } 
.home5-banner-section .slider-btn-grp .slider-btn svg { 
 stroke: none; 
 fill: var(--white-color); 
 } 
@media (max-width: 1199px) { 
 .home5-banner-section .slider-btn-grp .slider-btn svg { 
 width: 20px; 
 } 
 } 
.home5-banner-section .slider-btn-grp .slider-btn:hover { 
 background-color: var(--primary-color1); 
 } 
.home5-banner-section .slider-btn-grp .slider-btn.banner-slider-next { 
 left: unset; 
 right: 70px; 
 } 
@media (max-width: 1399px) { 
 .home5-banner-section .slider-btn-grp .slider-btn.banner-slider-next { 
 right: 50px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home5-banner-section .slider-btn-grp .slider-btn.banner-slider-next { 
 right: 40px; 
 } 
 } 
@media (max-width: 991px) { 
 .home5-banner-section .slider-btn-grp .slider-btn.banner-slider-next { 
 right: 20px; 
 } 
 } 
.home5-banner-section .home2-banner-slider .swiper-slide-active .banner-content h1,
.home5-banner-section .home2-banner-slider .swiper-slide-active .banner-content p { 
 animation: fadeInDown 1.7s; 
 } 
.home5-banner-section .home2-banner-slider .swiper-slide-active .banner-content .primary-btn1 { 
 animation: fadeInUp 1.7s; 
 } 

.home5-banner-contact-wrap { 
 background-color: var(--primary-color1); 
 } 
.home5-banner-contact-wrap .banner-contact-area { 
 padding: 15px 0; 
 display: flex; 
 align-items: center; 
 gap: 90px; 
 } 
@media (max-width: 1399px) { 
 .home5-banner-contact-wrap .banner-contact-area { 
 gap: 50px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home5-banner-contact-wrap .banner-contact-area { 
 gap: 30px; 
 } 
 } 
@media (max-width: 991px) { 
 .home5-banner-contact-wrap .banner-contact-area { 
 flex-wrap: wrap; 
 justify-content: space-between; 
 } 
 } 
@media (max-width: 767px) { 
 .home5-banner-contact-wrap .banner-contact-area { 
 padding: 20px 0; 
 gap: 20px; 
 } 
 } 
.home5-banner-contact-wrap .banner-contact-area .inquiry-area { 
 display: flex; 
 align-items: center; 
 gap: 20px; 
 } 
@media (max-width: 1399px) { 
 .home5-banner-contact-wrap .banner-contact-area .inquiry-area { 
 gap: 15px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home5-banner-contact-wrap .banner-contact-area .inquiry-area { 
 gap: 10px; 
 } 
 } 
.home5-banner-contact-wrap .banner-contact-area .inquiry-area svg { 
 fill: var(--white-color); 
 } 
.home5-banner-contact-wrap .banner-contact-area .inquiry-area .content h6 { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1; 
 margin-bottom: 3px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home5-banner-contact-wrap .banner-contact-area .inquiry-area .content h6 { 
 font-size: 16px; 
 } 
 } 
.home5-banner-contact-wrap .banner-contact-area .inquiry-area .content span { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 28px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home5-banner-contact-wrap .banner-contact-area .inquiry-area .content span { 
 font-size: 16px; 
 } 
 } 
.home5-banner-contact-wrap .banner-contact-area .contact-video { 
 max-width: 250px; 
 width: 100%; 
 height: 58px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home5-banner-contact-wrap .banner-contact-area .contact-video { 
 max-width: 170px; 
 } 
 } 
.home5-banner-contact-wrap .banner-contact-area .contact-video video { 
 max-width: 250px; 
 width: 100%; 
 height: 58px; 
 border-radius: 100px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home5-banner-contact-wrap .banner-contact-area .contact-video video { 
 max-width: 170px; 
 } 
 } 
.home5-banner-contact-wrap .banner-contact-area .contact-area { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 150px; 
 } 
@media (max-width: 1399px) { 
 .home5-banner-contact-wrap .banner-contact-area .contact-area { 
 gap: 68px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home5-banner-contact-wrap .banner-contact-area .contact-area { 
 gap: 48px; 
 } 
 } 
@media (max-width: 767px) { 
 .home5-banner-contact-wrap .banner-contact-area .contact-area { 
 flex-wrap: wrap; 
 } 
 } 
@media (max-width: 576px) { 
 .home5-banner-contact-wrap .banner-contact-area .contact-area { 
 gap: 20px; 
 } 
 } 
.home5-banner-contact-wrap .banner-contact-area .contact-area .single-contact { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home5-banner-contact-wrap .banner-contact-area .contact-area .single-contact { 
 gap: 5px; 
 } 
 } 
.home5-banner-contact-wrap .banner-contact-area .contact-area .single-contact .icon { 
 min-width: 40px; 
 max-width: 40px; 
 height: 40px; 
 border-radius: 50%; 
 background-color: var(--white-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home5-banner-contact-wrap .banner-contact-area .contact-area .single-contact .icon { 
 min-width: 37px; 
 max-width: 37px; 
 height: 37px; 
 } 
 } 
.home5-banner-contact-wrap .banner-contact-area .contact-area .single-contact .content span { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 display: block; 
 margin-bottom: 7px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home5-banner-contact-wrap .banner-contact-area .contact-area .single-contact .content span { 
 font-size: 15px; 
 margin-bottom: 5px; 
 } 
 } 
.home5-banner-contact-wrap .banner-contact-area .contact-area .single-contact .content a { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1; 
 transition: 0.5s; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home5-banner-contact-wrap .banner-contact-area .contact-area .single-contact .content a { 
 font-size: 17px; 
 } 
 } 

/*=====================================
 45. Home5 Offer Section CSS
========================================*/
.home5-offer-section { 
 position: relative; 
 z-index: 1; 
 } 
.home5-offer-section img { 
 border-radius: 20px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home5-offer-section img { 
 min-height: 180px; 
 } 
 } 
@media (max-width: 576px) { 
 .home5-offer-section img { 
 border-radius: 10px; 
 } 
 } 
.home5-offer-section .section-vector { 
 position: absolute; 
 bottom: 120px; 
 right: 40px; 
 z-index: -1; 
 animation: rotate 5s linear infinite; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home5-offer-section .section-vector { 
 right: 15px; 
 width: 50px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home5-offer-section .section-vector { 
 right: 15px; 
 width: 50px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home5-offer-section .section-vector { 
 bottom: 0px; 
 right: 30px; 
 min-height: unset; 
 } 
 } 
@media (max-width: 767px) { 
 .home5-offer-section .section-vector { 
 display: none; 
 } 
 } 

/*=====================================
 46. Home5 Destination Section CSS
========================================*/
.home5-destination-section { 
 position: relative; 
 z-index: 1; 
 } 
.home5-destination-section .vector1 { 
 position: absolute; 
 bottom: 10px; 
 left: 50px; 
 animation: up-down 2s linear infinite alternate; 
 z-index: -1; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home5-destination-section .vector1 { 
 left: 10px; 
 width: 100px; 
 bottom: 0; 
 } 
 } 
@media (max-width: 1399px) { 
 .home5-destination-section .vector1 { 
 left: 10px; 
 width: 100px; 
 bottom: 0; 
 } 
 } 
@media (max-width: 1199px) { 
 .home5-destination-section .vector1 { 
 left: 0; 
 width: 90px; 
 } 
 } 
@media (max-width: 767px) { 
 .home5-destination-section .vector1 { 
 display: none; 
 } 
 } 

/*=====================================
 47. Home5 Service Section CSS
========================================*/
.refund-area { 
 margin-top: -130px; 
 } 
.refund-area .refund-wrap { 
 padding: 25px 64px 0 50px; 
 background-color: var(--white-color); 
 border: 1px solid var(--borders-color); 
 border-radius: 20px; 
 display: flex; 
 justify-content: space-between; 
 align-items: end; 
 gap: 20px; 
 } 
@media (max-width: 1399px) { 
 .refund-area .refund-wrap { 
 padding: 25px 50px 0 40px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .refund-area .refund-wrap { 
 padding: 25px 30px 0 25px; 
 } 
 } 
@media (max-width: 991px) { 
 .refund-area .refund-wrap { 
 padding: 35px 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .refund-area .refund-wrap { 
 padding: 30px 20px; 
 border-radius: 15px; 
 } 
 } 
.refund-area .refund-wrap .refund-content { 
 max-width: 640px; 
 width: 100%; 
 padding-top: 5px; 
 padding-bottom: 35px; 
 } 
@media (max-width: 991px) { 
 .refund-area .refund-wrap .refund-content { 
 padding: 0; 
 } 
 } 
.refund-area .refund-wrap .refund-content h4 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 25px; 
 line-height: 35px; 
 margin-bottom: 20px; 
 } 
@media (max-width: 767px) { 
 .refund-area .refund-wrap .refund-content h4 { 
 font-size: 23px; 
 } 
 } 
@media (max-width: 576px) { 
 .refund-area .refund-wrap .refund-content h4 { 
 font-size: 21px; 
 line-height: 32px; 
 } 
 } 
.refund-area .refund-wrap .refund-content h4 span { 
 font-family: var(--font-courgette); 
 font-weight: 400; 
 } 
.refund-area .refund-wrap .refund-content ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 } 
.refund-area .refund-wrap .refund-content ul li { 
 display: flex; 
 gap: 8px; 
 margin-bottom: 15px; 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 16px; 
 line-height: 24px; 
 } 
.refund-area .refund-wrap .refund-content ul li:last-child { 
 margin-bottom: 0; 
 } 
.refund-area .refund-wrap .refund-content ul li svg { 
 fill: var(--text-color); 
 margin-top: 3px; 
 min-width: 18px; 
 } 
@media (max-width: 576px) { 
 .refund-area .refund-wrap .refund-content ul li svg { 
 min-width: 15px; 
 } 
 } 
.refund-area .refund-wrap .refund-content ul li svg circle { 
 fill: none; 
 stroke: var(--text-color); 
 } 
.refund-area .refund-wrap .refund-content ul li span { 
 color: var(--title-color); 
 font-weight: 500; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .refund-area .refund-wrap .refund-content ul li { 
 font-size: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .refund-area .refund-wrap .refund-content ul li { 
 font-size: 14px; 
 gap: 5px; 
 } 
 } 
@media (max-width: 991px) { 
 .refund-area .refund-wrap .refund-img { 
 display: none; 
 } 
 } 
@media (max-width: 1399px) { 
 .refund-area .refund-wrap .refund-img img { 
 min-width: 450px; 
 } 
 } 
@media (max-width: 1199px) { 
 .refund-area .refund-wrap .refund-img img { 
 min-width: 400px; 
 } 
 } 
.refund-area.two { 
 margin-top: 0; 
 position: relative; 
 } 
.refund-area.two .refund-wrap { 
 border: unset; 
 background-color: #FFF2E2; 
 } 
.refund-area.two .vector1 { 
 position: absolute; 
 bottom: 0; 
 right: 15px; 
 animation: up-down 2s linear infinite alternate; 
 z-index: -1; 
 width: 120px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .refund-area.two .vector1 { 
 width: 110px; 
 right: 5px; 
 } 
 } 
@media (max-width: 1399px) { 
 .refund-area.two .vector1 { 
 width: 110px; 
 right: 5px; 
 } 
 } 
@media (max-width: 991px) { 
 .refund-area.two .vector1 { 
 width: 100px; 
 } 
 } 
@media (max-width: 767px) { 
 .refund-area.two .vector1 { 
 display: none; 
 } 
 } 

/*=====================================
 48. Home5 About Section CSS
========================================*/
.home5-about-section { 
 background-color: #F2F2FF; 
 padding: 100px 0; 
 } 
@media (max-width: 1199px) { 
 .home5-about-section { 
 padding: 90px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .home5-about-section { 
 padding: 70px 0; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home5-about-section .about-content .section-title h2 { 
 font-size: 37px; 
 } 
 } 
.home5-about-section .about-content .section-title h4 { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 25px; 
 line-height: 35px; 
 margin-bottom: 0; 
 margin-top: 20px; 
 } 
@media (max-width: 1399px) { 
 .home5-about-section .about-content .section-title h4 { 
 font-size: 23px; 
 } 
 } 
@media (max-width: 767px) { 
 .home5-about-section .about-content .section-title h4 { 
 font-size: 22px; 
 } 
 } 
@media (max-width: 576px) { 
 .home5-about-section .about-content .section-title h4 { 
 font-size: 20px; 
 line-height: 32px; 
 margin-top: 15px; 
 } 
 } 
.home5-about-section .about-content .section-title h4 span { 
 font-family: var(--font-courgette); 
 font-weight: 400; 
 } 
.home5-about-section .about-content .section-title p { 
 max-width: unset; 
 margin: 0; 
 padding-top: 50px; 
 } 
@media (max-width: 1399px) { 
 .home5-about-section .about-content .section-title p { 
 font-size: 17px; 
 padding-top: 40px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home5-about-section .about-content .section-title p { 
 padding-top: 35px; 
 } 
 } 
@media (max-width: 991px) { 
 .home5-about-section .about-content .section-title p { 
 padding-top: 25px; 
 } 
 } 
@media (max-width: 767px) { 
 .home5-about-section .about-content .section-title p { 
 font-size: 16px; 
 } 
 } 
@media (max-width: 576px) { 
 .home5-about-section .about-content .section-title p { 
 padding-top: 20px; 
 } 
 } 
.home5-about-section .about-content .section-title a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 15px; 
 line-height: 1; 
 transition: 0.5s; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 margin-top: 35px; 
 } 
@media (max-width: 1399px) { 
 .home5-about-section .about-content .section-title a { 
 margin-top: 30px; 
 } 
 } 
@media (max-width: 991px) { 
 .home5-about-section .about-content .section-title a { 
 margin-top: 25px; 
 } 
 } 
@media (max-width: 576px) { 
 .home5-about-section .about-content .section-title a { 
 margin-top: 25px; 
 } 
 } 
.home5-about-section .about-content .section-title a svg { 
 fill: none; 
 stroke: var(--title-color); 
 transition: 0.5s; 
 } 
.home5-about-section .about-content .section-title a:hover { 
 color: var(--primary-color1); 
 } 
.home5-about-section .about-content .section-title a:hover svg { 
 stroke: var(--primary-color1); 
 transform: rotate(45deg); 
 } 
.home5-about-section .about-video-area { 
 position: relative; 
 } 
.home5-about-section .about-video-area > img { 
 border-radius: 20px; 
 } 
@media (max-width: 1199px) { 
 .home5-about-section .about-video-area > img { 
 min-height: 350px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
 } 
.home5-about-section .about-video-area .play-btn { 
 width: 50px; 
 height: 50px; 
 background-color: var(--primary-color1); 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 } 
.home5-about-section .about-video-area .play-btn i { 
 font-size: 25px; 
 color: var(--white-color); 
 line-height: 1; 
 } 
.home5-about-section .about-video-area .play-btn .waves-block { 
 display: inline-block; 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 z-index: -1; 
 } 
.home5-about-section .about-video-area .play-btn .waves-block .waves { 
 position: absolute; 
 width: 90px; 
 height: 90px; 
 background: rgba(var(--primary-color1-opc), 0.7); 
 opacity: 0; 
 border-radius: 100%; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 z-index: -1; 
 animation: waves 3s ease-in-out infinite; 
 } 
.home5-about-section .about-video-area .play-btn .waves-block .waves.wave-1 { 
 animation-delay: 0s; 
 } 
.home5-about-section .about-video-area .play-btn .waves-block .waves.wave-2 { 
 animation-delay: 1s; 
 } 
.home5-about-section .about-video-area .play-btn .waves-block .waves.wave-3 { 
 animation-delay: 2s; 
 } 
.home5-about-section .about-video-area .video-vector { 
 position: absolute; 
 bottom: -5px; 
 right: 10px; 
 } 
@media (max-width: 576px) { 
 .home5-about-section .about-video-area .video-vector { 
 display: none; 
 } 
 } 
@media (max-width: 1199px) { 
 .home5-about-section .about-video-area .video-vector img { 
 width: 180px; 
 } 
 } 
.home5-about-section .about-video-area:hover .video-vector { 
 animation: translate3dMove 2.5s linear infinite alternate; 
 } 
@keyframes translate3dMove { 
 0% { 
 transform: translate3d(0, 0, 0); 
 } 
 25% { 
 transform: translate3d(5px, -5px, 0px); 
 } 
 50% { 
 transform: translate3d(10px, 0, 0px); 
 } 
 75% { 
 transform: translate3d(5px, 5px, 0px); 
 } 
 100% { 
 transform: translate3d(0, 0, 0); 
 } 
 } 
.home5-about-section .counter-area .single-counter { 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 padding: 28px 40px; 
 background-color: var(--white-color); 
 border-radius: 20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home5-about-section .counter-area .single-counter { 
 gap: 12px; 
 padding: 28px 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home5-about-section .counter-area .single-counter { 
 gap: 10px; 
 padding: 24px 15px; 
 } 
 } 
@media (max-width: 767px) { 
 .home5-about-section .counter-area .single-counter { 
 gap: 10px; 
 padding: 24px 15px; 
 border-radius: 15px; 
 } 
 } 
.home5-about-section .counter-area .single-counter .icon { 
 min-width: 66px; 
 max-width: 66px; 
 height: 66px; 
 border-radius: 50%; 
 background-color: #D39B01; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home5-about-section .counter-area .single-counter .icon { 
 min-width: 50px; 
 max-width: 50px; 
 height: 50px; 
 } 
 } 
@media (max-width: 767px) { 
 .home5-about-section .counter-area .single-counter .icon { 
 min-width: 60px; 
 max-width: 60px; 
 height: 60px; 
 } 
 } 
@media (max-width: 576px) { 
 .home5-about-section .counter-area .single-counter .icon { 
 min-width: 58px; 
 max-width: 58px; 
 height: 58px; 
 } 
 } 
.home5-about-section .counter-area .single-counter .icon svg { 
 fill: var(--white-color); 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home5-about-section .counter-area .single-counter .icon svg { 
 width: 35px; 
 } 
 } 
@media (max-width: 576px) { 
 .home5-about-section .counter-area .single-counter .icon svg { 
 width: 35px; 
 } 
 } 
.home5-about-section .counter-area .single-counter .icon.orange { 
 background-color: #D15716; 
 } 
.home5-about-section .counter-area .single-counter .icon.blue { 
 background-color: #1768E2; 
 } 
.home5-about-section .counter-area .single-counter .icon.green { 
 background-color: #2E8B57; 
 } 
.home5-about-section .counter-area .single-counter .content h2 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 32px; 
 font-weight: 600; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 margin-bottom: 8px; 
 } 
@media (max-width: 1199px) { 
 .home5-about-section .counter-area .single-counter .content h2 { 
 font-size: 30px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home5-about-section .counter-area .single-counter .content h2 { 
 margin-bottom: 5px; 
 } 
 } 
@media (max-width: 576px) { 
 .home5-about-section .counter-area .single-counter .content h2 { 
 font-size: 27px; 
 margin-bottom: 5px; 
 } 
 } 
.home5-about-section .counter-area .single-counter .content h2 strong { 
 font-weight: 600; 
 } 
.home5-about-section .counter-area .single-counter .content span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 18px; 
 font-weight: 500; 
 line-height: 20.83px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home5-about-section .counter-area .single-counter .content span { 
 font-size: 15px; 
 } 
 } 
@media (max-width: 767px) { 
 .home5-about-section .counter-area .single-counter .content span { 
 font-size: 17px; 
 } 
 } 
@media (max-width: 576px) { 
 .home5-about-section .counter-area .single-counter .content span { 
 font-size: 15px; 
 } 
 } 

/*=====================================
 49. Home5 Tour Guide Section CSS
========================================*/
.home5-tour-guide-section .team-slider-area { 
 position: relative; 
 } 
@media (max-width: 576px) { 
 .home5-tour-guide-section .team-slider-area .slider-btn-grp { 
 display: none; 
 } 
 } 
.home5-tour-guide-section .team-slider-area .slider-btn-grp .slider-btn { 
 position: absolute; 
 top: calc(50% - 60px); 
 left: -20px; 
 z-index: 3; 
 opacity: 0; 
 transition: 0.5s; 
 } 
.home5-tour-guide-section .team-slider-area .slider-btn-grp .slider-btn.guide-slider-next { 
 left: unset; 
 right: -20px; 
 } 
.home5-tour-guide-section .team-slider-area:hover .slider-btn-grp .slider-btn { 
 opacity: 1; 
 } 
.home5-tour-guide-section.two { 
 background-image: url(../img/home7/home7-popular-activity-bg.png), linear-gradient(180deg, #F2F2FF 0%, #F2F2FF 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 100px 0; 
 } 
@media (max-width: 1199px) { 
 .home5-tour-guide-section.two { 
 padding: 90px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .home5-tour-guide-section.two { 
 padding: 70px 0; 
 } 
 } 

/*=====================================
 50. Home5 Testimonial Section CSS
========================================*/
.home5-testimonial-bg { 
 background-size: cover; 
 background-repeat: no-repeat; 
 background-attachment: fixed; 
 min-height: 666px; 
 } 
@media (max-width: 991px) { 
 .home5-testimonial-bg { 
 min-height: 620px; 
 } 
 } 
@media (max-width: 767px) { 
 .home5-testimonial-bg { 
 min-height: 500px; 
 } 
 } 
@media (max-width: 576px) { 
 .home5-testimonial-bg { 
 background-attachment: unset; 
 } 
 } 

.home5-testimonial-section { 
 margin-top: -300px; 
 position: relative; 
 z-index: 1; 
 } 
.home5-testimonial-section .testimonial-wrapper { 
 background-image: url(../img/home5/home5-testimonial-content-bg.png), linear-gradient(180deg, #FFF 0%, #FFF 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 45px 120px 80px; 
 border: 1px solid var(--borders-color); 
 border-radius: 20px; 
 } 
@media (max-width: 1399px) { 
 .home5-testimonial-section .testimonial-wrapper { 
 padding: 45px 100px 80px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home5-testimonial-section .testimonial-wrapper { 
 padding: 45px 60px 80px; 
 } 
 } 
@media (max-width: 991px) { 
 .home5-testimonial-section .testimonial-wrapper { 
 padding: 45px 40px 80px; 
 } 
 } 
@media (max-width: 767px) { 
 .home5-testimonial-section .testimonial-wrapper { 
 padding: 40px 20px 70px; 
 } 
 } 
@media (max-width: 576px) { 
 .home5-testimonial-section .testimonial-wrapper { 
 border-radius: 10px; 
 } 
 } 
@media (max-width: 767px) { 
 .home5-testimonial-section .testimonial-wrapper .testimonial-card.five p { 
 font-size: 17px; 
 } 
 } 
@media (max-width: 576px) { 
 .home5-testimonial-section .testimonial-wrapper .testimonial-card.five p { 
 font-size: 16px; 
 } 
 } 
.home5-testimonial-section .testimonial-wrapper .home4-testimonial-slider .swiper-slide-active .testimonial-card .rating-area,
.home5-testimonial-section .testimonial-wrapper .home4-testimonial-slider .swiper-slide-active .testimonial-card h5,
.home5-testimonial-section .testimonial-wrapper .home4-testimonial-slider .swiper-slide-active .testimonial-card p { 
 animation: fadeInDown 1.7s; 
 } 
.home5-testimonial-section .testimonial-wrapper .home4-testimonial-slider .swiper-slide-active .testimonial-card .author-area { 
 animation: fadeInUp 1.7s; 
 } 
.home5-testimonial-section .testimonial-author-area { 
 max-width: 520px; 
 width: 100%; 
 margin: 0 auto; 
 margin-top: -40px; 
 } 
@media (max-width: 1199px) { 
 .home5-testimonial-section .testimonial-author-area { 
 max-width: 470px; 
 } 
 } 
@media (max-width: 576px) { 
 .home5-testimonial-section .testimonial-author-area { 
 max-width: 275px; 
 } 
 } 
.home5-testimonial-section .testimonial-author-area .testimonial-author-img img { 
 min-width: 80px; 
 max-width: 80px; 
 height: 80px; 
 transform: scale(0.8); 
 border-radius: 50%; 
 transition: 0.5s; 
 } 
@media (max-width: 576px) { 
 .home5-testimonial-section .testimonial-author-area .testimonial-author-img img { 
 min-width: 75px; 
 max-width: 75px; 
 height: 75px; 
 } 
 } 
.home5-testimonial-section .testimonial-author-area .home4-testimonial-img-slider .swiper-slide-thumb-active .testimonial-author-img img { 
 transform: scale(1); 
 } 
.home5-testimonial-section .vector { 
 position: absolute; 
 right: 0; 
 bottom: -107px; 
 z-index: -1; 
 } 
@media (max-width: 1199px) { 
 .home5-testimonial-section .vector { 
 bottom: -48px; 
 width: 130px; 
 } 
 } 
@media (max-width: 991px) { 
 .home5-testimonial-section .vector { 
 bottom: -4px; 
 width: 110px; 
 } 
 } 
@media (max-width: 767px) { 
 .home5-testimonial-section .vector { 
 display: none; 
 } 
 } 

/*=====================================
 51. Home5 Blog Section CSS
========================================*/
.home5-blog-section { 
 position: relative; 
 z-index: 1; 
 } 
.home5-blog-section .section-title p { 
 margin: 0; 
 } 
.home5-blog-section .slider-btn-grp { 
 gap: 15px; 
 } 
.home5-blog-section .vector { 
 position: absolute; 
 left: 30px; 
 bottom: 26px; 
 animation: up-down 2s linear infinite alternate; 
 z-index: -1; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home5-blog-section .vector { 
 left: 0px; 
 width: 100px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home5-blog-section .vector { 
 left: 0px; 
 width: 100px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home5-blog-section .vector { 
 display: none; 
 } 
 } 

/*=====================================
 52. Home6 Banner Section CSS
========================================*/
.home6-banner-section { 
 overflow: hidden; 
 position: relative; 
 } 
@keyframes imageAnimation { 
 0% { 
 transform: scale(1); 
 } 
 50% { 
 transform: scale(1.1); 
 } 
 100% { 
 transform: scale(1); 
 } 
 } 
.home6-banner-section .banner-wrapper { 
 position: relative; 
 } 
.home6-banner-section .banner-wrapper::before { 
 content: ""; 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 background-color: rgba(0, 0, 0, 0.2); 
 z-index: 1; 
 } 
.home6-banner-section .banner-wrapper .banner-img-area { 
 min-height: 680px; 
 width: 100%; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home6-banner-section .banner-wrapper .banner-img-area { 
 min-height: 600px; 
 height: 600px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home6-banner-section .banner-wrapper .banner-img-area { 
 min-height: 600px; 
 height: 600px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home6-banner-section .banner-wrapper .banner-img-area { 
 min-height: 500px; 
 height: 500px; 
 } 
 } 
@media (max-width: 767px) { 
 .home6-banner-section .banner-wrapper .banner-img-area { 
 min-height: 480px; 
 height: 480px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-banner-section .banner-wrapper .banner-img-area { 
 min-height: 470px; 
 height: 470px; 
 } 
 } 
.home6-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 680px; 
 width: 100%; 
 -o-object-fit: cover; 
 object-fit: cover; 
 -o-object-position: center center; 
 object-position: center center; 
 animation: imageAnimation 15s ease-in-out infinite; 
 transform-origin: center center; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home6-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 600px; 
 height: 600px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home6-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 600px; 
 height: 600px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home6-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 500px; 
 height: 500px; 
 } 
 } 
@media (max-width: 767px) { 
 .home6-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 480px; 
 height: 480px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 470px; 
 height: 470px; 
 } 
 } 
.home6-banner-section .banner-wrapper .banner-content-wrap { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 padding: 160px 0; 
 z-index: 2; 
 height: 100%; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home6-banner-section .banner-wrapper .banner-content-wrap { 
 padding: 120px 0; 
 } 
 } 
@media (max-width: 1399px) { 
 .home6-banner-section .banner-wrapper .banner-content-wrap { 
 padding: 120px 0; 
 } 
 } 
@media (max-width: 1199px) { 
 .home6-banner-section .banner-wrapper .banner-content-wrap { 
 padding: 100px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .home6-banner-section .banner-wrapper .banner-content-wrap { 
 padding: 90px 0; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-banner-section .banner-wrapper .banner-content-wrap { 
 padding: 80px 0; 
 } 
 } 
.home6-banner-section .banner-wrapper .banner-content-wrap .banner-content { 
 max-width: 740px; 
 width: 100%; 
 margin: 0 auto; 
 text-align: center; 
 } 
.home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
.home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 700; 
 font-size: 70px; 
 line-height: 1.1; 
 margin-bottom: 0; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 60px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 60px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 55px; 
 } 
 } 
@media (max-width: 991px) { 
 .home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 50px; 
 } 
 } 
@media (max-width: 767px) { 
 .home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 45px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 35px; 
 line-height: 1.3; 
 } 
 } 
.home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h1 span,
.home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 span { 
 display: inline-flex; 
 align-items: center; 
 gap: 10px; 
 } 
.home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h1 span svg,
.home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 span svg { 
 fill: none; 
 stroke: var(--white-color); 
 stroke-width: 10px; 
 } 
@media (max-width: 1199px) { 
 .home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h1 span svg,
 .home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 span svg { 
 stroke-width: 8px; 
 } 
 } 
@media (max-width: 767px) { 
 .home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h1 span svg,
 .home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 span svg { 
 stroke-width: 7px; 
 width: 50px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h1 span svg,
 .home6-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 span svg { 
 width: 28px; 
 } 
 } 
.home6-banner-section .banner-wrapper .banner-content-wrap .banner-content .slider1 { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 justify-content: center; 
 } 
@media (max-width: 767px) { 
 .home6-banner-section .banner-wrapper .banner-content-wrap .banner-content .slider1 { 
 flex-wrap: wrap; 
 gap: 8px; 
 } 
 } 
.home6-banner-section .banner-wrapper .banner-content-wrap .banner-content .primary-btn1 { 
 padding: 19px 31px; 
 margin-top: 50px; 
 background-color: rgba(var(--white-color-opc), 0.1); 
 border: 1px solid rgba(var(--white-color-opc), 0.15); 
 -webkit-backdrop-filter: blur(100px); 
 backdrop-filter: blur(100px); 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home6-banner-section .banner-wrapper .banner-content-wrap .banner-content .primary-btn1 { 
 margin-top: 35px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home6-banner-section .banner-wrapper .banner-content-wrap .banner-content .primary-btn1 { 
 margin-top: 35px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-banner-section .banner-wrapper .banner-content-wrap .banner-content .primary-btn1 { 
 padding: 15px 21px; 
 margin-top: 25px; 
 } 
 } 
.home6-banner-section .banner-wrapper .banner-content-wrap .banner-content .primary-btn1::after { 
 background-color: var(--primary-color2); 
 } 
.home6-banner-section .banner-wrapper .banner-content-wrap .banner-content .primary-btn1:hover { 
 border-color: var(--primary-color2); 
 } 
.home6-banner-section .banner-wrapper .banner-content-wrap .banner-content.two { 
 max-width: unset; 
 } 
.home6-banner-section .slider-btn-grp { 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 right: 70px; 
 z-index: 3; 
 flex-direction: column; 
 gap: 45px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home6-banner-section .slider-btn-grp { 
 right: 50px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home6-banner-section .slider-btn-grp { 
 right: 50px; 
 top: 45%; 
 } 
 } 
@media (max-width: 1199px) { 
 .home6-banner-section .slider-btn-grp { 
 gap: 35px; 
 } 
 } 
@media (max-width: 991px) { 
 .home6-banner-section .slider-btn-grp { 
 right: 20px; 
 } 
 } 
@media (max-width: 767px) { 
 .home6-banner-section .slider-btn-grp { 
 display: none; 
 } 
 } 
.home6-banner-section .slider-btn-grp .slider-btn { 
 border: 1px solid rgba(var(--white-color-opc), 0.1); 
 background-color: rgba(var(--white-color-opc), 0.1); 
 -webkit-backdrop-filter: blur(15px); 
 backdrop-filter: blur(15px); 
 } 
.home6-banner-section .slider-btn-grp .slider-btn svg { 
 stroke: none; 
 fill: var(--white-color); 
 } 
@media (max-width: 1199px) { 
 .home6-banner-section .slider-btn-grp .slider-btn svg { 
 width: 20px; 
 } 
 } 
.home6-banner-section .slider-btn-grp .slider-btn:hover { 
 background-color: var(--primary-color2); 
 } 
.home6-banner-section .slider-btn-grp .franctional-pagi1 { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-size: 25px; 
 font-weight: 600; 
 } 
.home6-banner-section .slider-btn-grp .franctional-pagi1 .swiper-pagination-total { 
 font-size: 15px; 
 } 
.home6-banner-section .social-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 flex-direction: column; 
 gap: 25px; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 left: 70px; 
 z-index: 3; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home6-banner-section .social-list { 
 left: 50px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home6-banner-section .social-list { 
 left: 50px; 
 top: 45%; 
 } 
 } 
@media (max-width: 991px) { 
 .home6-banner-section .social-list { 
 left: 20px; 
 } 
 } 
@media (max-width: 767px) { 
 .home6-banner-section .social-list { 
 display: none; 
 } 
 } 
.home6-banner-section .social-list li a { 
 width: 40px; 
 height: 40px; 
 border-radius: 50%; 
 background-color: rgba(var(--white-color-opc), 0.1); 
 border: 1px solid rgba(var(--white-color-opc), 0.1); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 transition: 0.5s; 
 } 
@media (max-width: 991px) { 
 .home6-banner-section .social-list li a { 
 width: 35px; 
 height: 35px; 
 } 
 } 
.home6-banner-section .social-list li a i { 
 color: var(--white-color); 
 font-size: 16px; 
 transition: 0.5s; 
 } 
.home6-banner-section .social-list li a:hover { 
 background-color: var(--primary-color2); 
 border-color: var(--primary-color2); 
 } 
.home6-banner-section .home6-banner-slider .swiper-slide-active .banner-content h1,
.home6-banner-section .home6-banner-slider .swiper-slide-active .banner-content h2 { 
 animation: fadeInDown 1.7s; 
 } 
.home6-banner-section .home6-banner-slider .swiper-slide-active .banner-content .primary-btn1 { 
 animation: fadeInUp 1.7s; 
 } 

/*=====================================
 53. Home6 Destination Section CSS
========================================*/
.destination-card3 { 
 position: relative; 
 border-radius: 20px; 
 } 
@media (max-width: 576px) { 
 .destination-card3 { 
 border-radius: 10px; 
 } 
 } 
.destination-card3 img { 
 border-radius: 20px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
@media (max-width: 767px) { 
 .destination-card3 img { 
 max-height: 400px; 
 width: 100%; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-card3 img { 
 border-radius: 10px; 
 min-height: 220px; 
 } 
 } 
.destination-card3::before { 
 content: ""; 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 background-color: rgba(0, 0, 0, 0.15); 
 border-radius: 20px; 
 } 
@media (max-width: 576px) { 
 .destination-card3::before { 
 border-radius: 10px; 
 } 
 } 
.destination-card3 .destination-content { 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 text-align: center; 
 } 
.destination-card3 .destination-content h2 { 
 margin-bottom: 0; 
 transform: translateY(20px); 
 transition: transform 0.5s ease; 
 } 
.destination-card3 .destination-content h2 a { 
 color: var(--white-color); 
 font-family: var(--font-courgette); 
 font-weight: 400; 
 font-size: 50px; 
 line-height: 1.1; 
 background: linear-gradient(to bottom, var(--white-color) 0%, var(--white-color) 98%); 
 background-size: 0px 3px; 
 background-repeat: no-repeat; 
 background-position: right 90%; 
 transition: background-size 0.75s; 
 } 
@media (max-width: 1399px) { 
 .destination-card3 .destination-content h2 a { 
 font-size: 45px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .destination-card3 .destination-content h2 a { 
 font-size: 40px; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-card3 .destination-content h2 a { 
 font-size: 40px; 
 } 
 } 
.destination-card3 .destination-content h2 a:hover { 
 background-size: 100% 3px; 
 background-position: 0% 90%; 
 } 
.destination-card3 .destination-content span { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1; 
 display: block; 
 padding-top: 10px; 
 opacity: 0; 
 transform: translateY(100%); 
 transition: transform 0.5s ease; 
 transform-origin: bottom; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .destination-card3 .destination-content span { 
 font-size: 17px; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-card3 .destination-content span { 
 font-size: 17px; 
 } 
 } 
.destination-card3.sm-card img { 
 max-height: 224px; 
 min-height: unset; 
 width: 100%; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
@media (min-width: 768px) and (max-width: 991px) { 
 .destination-card3.sm-card img { 
 min-height: 130px; 
 } 
 } 
.destination-card3.sm-card .destination-content h2 a { 
 font-size: 40px; 
 } 
@media (max-width: 1399px) { 
 .destination-card3.sm-card .destination-content h2 a { 
 font-size: 35px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .destination-card3.sm-card .destination-content h2 a { 
 font-size: 30px; 
 } 
 } 
@media (min-width: 768px) and (max-width: 991px) { 
 .destination-card3.sm-card .destination-content h2 a { 
 font-size: 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-card3.sm-card .destination-content h2 a { 
 font-size: 32px; 
 } 
 } 
.destination-card3:hover .destination-content h2 { 
 transform: translateY(0); 
 } 
.destination-card3:hover .destination-content span { 
 transform: translateY(0); 
 opacity: 1; 
 } 

.home6-destination-section .mb-20 { 
 margin-bottom: 20px; 
 } 
@media (min-width: 768px) and (max-width: 991px) { 
 .home6-destination-section .mb-20 { 
 margin-bottom: 15px; 
 } 
 } 
.home6-destination-section .destination-card3 img { 
 min-height: 280px; 
 } 
@media (min-width: 768px) and (max-width: 991px) { 
 .home6-destination-section .destination-card3 img { 
 border-radius: 15px; 
 } 
 } 
@media (min-width: 768px) and (max-width: 991px) { 
 .home6-destination-section .destination-card3 .destination-content h2 a { 
 font-size: 38px; 
 } 
 } 
@media (min-width: 768px) and (max-width: 991px) { 
 .home6-destination-section .destination-card3 .destination-content span { 
 font-size: 17px; 
 } 
 } 
.home6-destination-section .destination-card3.sm-card img { 
 min-height: unset; 
 } 
@media (min-width: 768px) and (max-width: 991px) { 
 .home6-destination-section .destination-card3.sm-card img { 
 min-height: 130px; 
 } 
 } 

/*=====================================
 54. Home6 Service Section CSS
========================================*/
.home6-service-section { 
 position: relative; 
 z-index: 1; 
 } 
.home6-service-section .vector1 { 
 position: absolute; 
 bottom: 30px; 
 left: 50px; 
 animation: up-down 2s linear infinite alternate; 
 z-index: -1; 
 } 
@media (max-width: 1699px) { 
 .home6-service-section .vector1 { 
 left: 20px; 
 } 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home6-service-section .vector1 { 
 left: 10px; 
 width: 100px; 
 bottom: -20px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home6-service-section .vector1 { 
 left: 10px; 
 width: 100px; 
 bottom: -20px; 
 } 
 } 
@media (max-width: 767px) { 
 .home6-service-section .vector1 { 
 left: 0; 
 width: 90px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-service-section .vector1 { 
 display: none; 
 } 
 } 
.home6-service-section .vector2 { 
 position: absolute; 
 bottom: -50px; 
 right: 0; 
 z-index: -1; 
 } 
@media (max-width: 1199px) { 
 .home6-service-section .vector2 { 
 width: 80px; 
 bottom: -70px; 
 } 
 } 
@media (max-width: 767px) { 
 .home6-service-section .vector2 { 
 width: 60px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-service-section .vector2 { 
 display: none; 
 } 
 } 

/*=====================================
 55. Home6 Offer Banner Section CSS
========================================*/
.home6-offer-banner-section { 
 overflow: hidden; 
 position: relative; 
 } 
.home6-offer-banner-section .banner-wrapper { 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 230px 0; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home6-offer-banner-section .banner-wrapper { 
 padding: 170px 0; 
 } 
 } 
@media (max-width: 1399px) { 
 .home6-offer-banner-section .banner-wrapper { 
 padding: 170px 0; 
 } 
 } 
@media (max-width: 1199px) { 
 .home6-offer-banner-section .banner-wrapper { 
 padding: 140px 0 170px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-offer-banner-section .banner-wrapper { 
 padding: 120px 0 170px; 
 } 
 } 
.home6-offer-banner-section .banner-wrapper .banner-content-wrap { 
 overflow: hidden; 
 } 
.home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content { 
 text-align: center; 
 padding: 45px 45px 65px; 
 border-radius: 20px; 
 border: 1px solid rgba(var(--white-color-opc), 0.15); 
 position: relative; 
 z-index: 3; 
 } 
@media (max-width: 1399px) { 
 .home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content { 
 padding: 40px 45px 60px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content { 
 padding: 35px 20px 50px; 
 border-radius: 15px; 
 } 
 } 
.home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content::before { 
 content: ""; 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 background-color: rgba(var(--white-color-opc), 0.1); 
 -webkit-backdrop-filter: blur(40px); 
 backdrop-filter: blur(40px); 
 z-index: -1; 
 border-radius: 20px; 
 } 
@media (max-width: 576px) { 
 .home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content::before { 
 border-radius: 15px; 
 } 
 } 
.home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content .discount-area { 
 margin-bottom: 30px; 
 } 
@media (max-width: 1399px) { 
 .home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content .discount-area { 
 margin-bottom: 25px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content .discount-area { 
 margin-bottom: 20px; 
 } 
 } 
.home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content .discount-area h2 { 
 color: var(--white-color); 
 font-family: var(--font-courgette); 
 font-weight: 400; 
 font-size: 70px; 
 line-height: 1; 
 margin-bottom: 5px; 
 } 
@media (max-width: 1399px) { 
 .home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content .discount-area h2 { 
 font-size: 65px; 
 } 
 } 
@media (max-width: 991px) { 
 .home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content .discount-area h2 { 
 font-size: 60px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content .discount-area h2 { 
 font-size: 50px; 
 } 
 } 
.home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content .discount-area span { 
 color: var(--white-color); 
 font-family: var(--font-courgette); 
 font-weight: 400; 
 font-size: 30px; 
 line-height: 1; 
 letter-spacing: 0.2em; 
 } 
@media (max-width: 1399px) { 
 .home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content .discount-area span { 
 font-size: 27px; 
 } 
 } 
@media (max-width: 991px) { 
 .home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content .discount-area span { 
 font-size: 25px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content .discount-area span { 
 font-size: 22px; 
 } 
 } 
.home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content .location-area h3 { 
 color: var(--white-color); 
 font-family: var(--font-courgette); 
 font-weight: 400; 
 font-size: 50px; 
 line-height: 1.2; 
 margin-bottom: 10px; 
 } 
@media (max-width: 1399px) { 
 .home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content .location-area h3 { 
 font-size: 45px; 
 } 
 } 
@media (max-width: 991px) { 
 .home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content .location-area h3 { 
 font-size: 40px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content .location-area h3 { 
 font-size: 35px; 
 margin-bottom: 8px; 
 } 
 } 
.home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content .location-area span { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 1.3; 
 } 
@media (max-width: 1399px) { 
 .home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content .location-area span { 
 font-size: 18px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content .location-area span { 
 font-size: 16px; 
 } 
 } 
.home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content .vector1 { 
 position: absolute; 
 bottom: 20px; 
 left: 30px; 
 width: 100px; 
 height: 100px; 
 border-radius: 50%; 
 background-color: #86E54A; 
 z-index: -2; 
 } 
.home6-offer-banner-section .banner-wrapper .banner-content-wrap .banner-content .vector2 { 
 position: absolute; 
 top: 20px; 
 right: 0; 
 width: 100px; 
 height: 100px; 
 border-radius: 50%; 
 background-color: #86E54A; 
 z-index: -2; 
 } 
.home6-offer-banner-section .banner-wrapper .banner-content-wrap .btn-area { 
 display: flex; 
 justify-content: center; 
 margin-top: -27px; 
 position: relative; 
 z-index: 3; 
 } 
.home6-offer-banner-section .banner-wrapper .banner-content-wrap .btn-area .primary-btn1 { 
 padding: 19px 32px; 
 background-color: rgba(var(--white-color-opc), 0.1); 
 border: 1px solid rgba(var(--white-color-opc), 0.15); 
 -webkit-backdrop-filter: blur(100px); 
 backdrop-filter: blur(100px); 
 } 
@media (max-width: 576px) { 
 .home6-offer-banner-section .banner-wrapper .banner-content-wrap .btn-area .primary-btn1 { 
 padding: 15px 21px; 
 } 
 } 
.home6-offer-banner-section .banner-wrapper .banner-content-wrap .btn-area .primary-btn1::after { 
 background-color: var(--primary-color2); 
 } 
.home6-offer-banner-section .banner-wrapper .banner-content-wrap .btn-area .primary-btn1:hover { 
 border-color: var(--primary-color2); 
 } 
.home6-offer-banner-section .home6-offer-sm-img-slider { 
 max-width: 300px; 
 width: 100%; 
 margin: 0 auto; 
 } 
@media (max-width: 576px) { 
 .home6-offer-banner-section .home6-offer-sm-img-slider { 
 max-width: 250px; 
 } 
 } 
.home6-offer-banner-section .home6-offer-sm-img-slider .swiper-wrapper { 
 justify-content: space-between; 
 } 
.home6-offer-banner-section .home6-offer-sm-img-slider .swiper-wrapper .swiper-slide { 
 min-width: 80px; 
 height: 80px; 
 } 
@media (max-width: 576px) { 
 .home6-offer-banner-section .home6-offer-sm-img-slider .swiper-wrapper .swiper-slide { 
 min-width: 75px; 
 max-width: 75px; 
 height: 75px; 
 } 
 } 
.home6-offer-banner-section .home6-offer-sm-img-slider .swiper-slide-thumb-active .offer-sm-img img { 
 transform: scale(1); 
 } 
.home6-offer-banner-section .offer-sm-img img { 
 min-width: 80px; 
 max-width: 80px; 
 height: 80px; 
 transform: scale(0.8); 
 border-radius: 50%; 
 transition: 0.5s; 
 } 
@media (max-width: 576px) { 
 .home6-offer-banner-section .offer-sm-img img { 
 min-width: 75px; 
 max-width: 75px; 
 height: 75px; 
 } 
 } 
.home6-offer-banner-section .btn-and-img-area { 
 position: absolute; 
 bottom: 0; 
 width: 100%; 
 z-index: 9; 
 margin-bottom: 100px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home6-offer-banner-section .btn-and-img-area { 
 margin-bottom: 60px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home6-offer-banner-section .btn-and-img-area { 
 margin-bottom: 60px; 
 } 
 } 
.home6-offer-banner-section .slider-btn-grp { 
 justify-content: space-between; 
 max-width: 950px; 
 width: 100%; 
 margin: 0 auto; 
 } 
@media (max-width: 576px) { 
 .home6-offer-banner-section .slider-btn-grp { 
 flex-wrap: wrap; 
 gap: 20px; 
 } 
 } 
.home6-offer-banner-section .slider-btn-grp .slider-btn { 
 border: 1px solid rgba(var(--white-color-opc), 0.1); 
 background-color: rgba(var(--white-color-opc), 0.1); 
 -webkit-backdrop-filter: blur(15px); 
 backdrop-filter: blur(15px); 
 } 
@media (max-width: 576px) { 
 .home6-offer-banner-section .slider-btn-grp .slider-btn { 
 display: none; 
 } 
 } 
.home6-offer-banner-section .slider-btn-grp .slider-btn svg { 
 stroke: none; 
 fill: var(--white-color); 
 } 
@media (max-width: 1199px) { 
 .home6-offer-banner-section .slider-btn-grp .slider-btn svg { 
 width: 20px; 
 } 
 } 
.home6-offer-banner-section .slider-btn-grp .slider-btn:hover { 
 background-color: var(--primary-color2); 
 } 
.home6-offer-banner-section .home6-offer-banner-slider .swiper-slide-active .banner-content .discount-area { 
 animation: fadeInDown 1.7s; 
 } 
.home6-offer-banner-section .home6-offer-banner-slider .swiper-slide-active .banner-content .location-area { 
 animation: fadeInUp 1.7s; 
 } 

/*=====================================
 56. Home6 About Section CSS
========================================*/
.home6-about-section { 
 background-image: url(../img/home6/home6-about-bg.png), linear-gradient(180deg, #F2F2FF 0%, #F2F2FF 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 background-position: center center; 
 padding: 100px 0; 
 } 
@media (max-width: 1199px) { 
 .home6-about-section { 
 padding: 90px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .home6-about-section { 
 padding: 70px 0; 
 } 
 } 
.home6-about-section .section-title { 
 margin-bottom: 15px; 
 } 
@media (max-width: 991px) { 
 .home6-about-section .section-title { 
 margin-bottom: 25px; 
 } 
 } 
.home6-about-section .section-title span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1; 
 display: inline-block; 
 padding: 7px 18px; 
 background-color: var(--white-color); 
 border-radius: 100px; 
 margin-bottom: 20px; 
 } 
@media (max-width: 576px) { 
 .home6-about-section .section-title span { 
 font-size: 16px; 
 margin-bottom: 15px; 
 } 
 } 
.home6-about-section .divider { 
 fill: #DFDFFE; 
 width: 100%; 
 } 
@media (max-width: 991px) { 
 .home6-about-section .divider { 
 display: none; 
 } 
 } 
.home6-about-section .about-wrapper { 
 padding-top: 50px; 
 } 
@media (max-width: 991px) { 
 .home6-about-section .about-wrapper { 
 padding-top: 45px; 
 border-top: 1px solid #DFDFFE; 
 } 
 } 
@media (max-width: 767px) { 
 .home6-about-section .about-wrapper { 
 padding-top: 40px; 
 } 
 } 
.home6-about-section .about-wrapper .about-content p { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 18px; 
 line-height: 28px; 
 margin-bottom: 0; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home6-about-section .about-wrapper .about-content p { 
 font-size: 17px; 
 } 
 } 
@media (max-width: 767px) { 
 .home6-about-section .about-wrapper .about-content p { 
 font-size: 17px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-about-section .about-wrapper .about-content p { 
 font-size: 16px; 
 } 
 } 
.home6-about-section .about-wrapper .about-content p:first-child { 
 margin-bottom: 20px; 
 } 
@media (max-width: 576px) { 
 .home6-about-section .about-wrapper .about-content p:first-child { 
 margin-bottom: 15px; 
 } 
 } 
.home6-about-section .about-wrapper .about-content .btn-and-counter-area { 
 padding-top: 50px; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 20px; 
 flex-wrap: wrap; 
 } 
@media (max-width: 1199px) { 
 .home6-about-section .about-wrapper .about-content .btn-and-counter-area { 
 padding-top: 45px; 
 } 
 } 
@media (max-width: 991px) { 
 .home6-about-section .about-wrapper .about-content .btn-and-counter-area { 
 padding-top: 30px; 
 } 
 } 
.home6-about-section .about-wrapper .about-content .btn-and-counter-area .counter-area { 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 } 
@media (max-width: 1399px) { 
 .home6-about-section .about-wrapper .about-content .btn-and-counter-area .counter-area { 
 gap: 10px; 
 } 
 } 
.home6-about-section .about-wrapper .about-content .btn-and-counter-area .counter-area .counter-img-grp { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 } 
.home6-about-section .about-wrapper .about-content .btn-and-counter-area .counter-area .counter-img-grp li img { 
 min-width: 48px; 
 max-width: 48px; 
 height: 48px; 
 border-radius: 50%; 
 border: 1px solid var(--black-color); 
 margin-left: -20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home6-about-section .about-wrapper .about-content .btn-and-counter-area .counter-area .counter-img-grp li img { 
 min-width: 45px; 
 max-width: 45px; 
 height: 45px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-about-section .about-wrapper .about-content .btn-and-counter-area .counter-area .counter-img-grp li img { 
 min-width: 37px; 
 max-width: 37px; 
 height: 37px; 
 } 
 } 
.home6-about-section .about-wrapper .about-content .btn-and-counter-area .counter-area .counter-img-grp li:first-child img { 
 margin-left: 0; 
 } 
.home6-about-section .about-wrapper .about-content .btn-and-counter-area .counter-area h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 24px; 
 margin-bottom: 0; 
 min-width: 125px; 
 width: 100%; 
 } 
.home6-about-section .about-wrapper .about-content .btn-and-counter-area .counter-area h6 strong { 
 font-weight: 600; 
 display: inline-block; 
 } 
@media (max-width: 576px) { 
 .home6-about-section .about-wrapper .about-content .btn-and-counter-area .counter-area h6 { 
 font-size: 15px; 
 } 
 } 
.home6-about-section .about-wrapper .about-img-area { 
 position: relative; 
 } 
.home6-about-section .about-wrapper .about-img-area .single-img { 
 height: 100%; 
 } 
.home6-about-section .about-wrapper .about-img-area .single-img img { 
 border-radius: 20px; 
 height: 100%; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
@media (max-width: 576px) { 
 .home6-about-section .about-wrapper .about-img-area .single-img img { 
 min-height: 300px; 
 } 
 } 
.home6-about-section .about-wrapper .about-img-area .icon { 
 width: 110px; 
 height: 110px; 
 background-color: var(--white-color); 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 position: absolute; 
 top: 50%; 
 left: 31%; 
 transform: translateY(-50%); 
 z-index: 9; 
 } 
@media (max-width: 1399px) { 
 .home6-about-section .about-wrapper .about-img-area .icon { 
 left: 29%; 
 } 
 } 
@media (max-width: 1199px) { 
 .home6-about-section .about-wrapper .about-img-area .icon { 
 left: 27%; 
 } 
 } 
@media (max-width: 991px) { 
 .home6-about-section .about-wrapper .about-img-area .icon { 
 left: 33%; 
 } 
 } 
@media (max-width: 767px) { 
 .home6-about-section .about-wrapper .about-img-area .icon { 
 left: 30%; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-about-section .about-wrapper .about-img-area .icon { 
 width: 90px; 
 height: 90px; 
 left: 28%; 
 } 
 } 
.home6-about-section .about-wrapper .about-img-area .icon svg { 
 fill: var(--white-color); 
 } 
.home6-about-section .about-wrapper .about-img-area .icon::before { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 width: 90px; 
 height: 90px; 
 background-color: var(--primary-color2); 
 border-radius: 50%; 
 z-index: -1; 
 } 
@media (max-width: 576px) { 
 .home6-about-section .about-wrapper .about-img-area .icon::before { 
 width: 75px; 
 height: 75px; 
 } 
 } 

/*=====================================
 57. Home6 Activity Banner Section CSS
========================================*/
.home6-activity-banner-section { 
 overflow: hidden; 
 position: relative; 
 } 
.home6-activity-banner-section .banner-wrapper { 
 background-size: cover; 
 background-repeat: no-repeat; 
 min-height: 800px; 
 padding: 220px 0; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home6-activity-banner-section .banner-wrapper { 
 padding: 170px 0; 
 min-height: 720px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home6-activity-banner-section .banner-wrapper { 
 padding: 170px 0; 
 min-height: 680px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home6-activity-banner-section .banner-wrapper { 
 padding: 160px 0; 
 min-height: 660px; 
 } 
 } 
@media (max-width: 991px) { 
 .home6-activity-banner-section .banner-wrapper { 
 padding: 120px 0 280px; 
 min-height: 600px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-activity-banner-section .banner-wrapper { 
 padding: 90px 0 220px; 
 min-height: 500px; 
 } 
 } 
.home6-activity-banner-section .banner-content { 
 text-align: center; 
 max-width: 1100px; 
 width: 100%; 
 margin: 0 auto; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home6-activity-banner-section .banner-content { 
 max-width: 900px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home6-activity-banner-section .banner-content { 
 max-width: 900px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home6-activity-banner-section .banner-content { 
 max-width: 740px; 
 } 
 } 
@media (max-width: 991px) { 
 .home6-activity-banner-section .banner-content { 
 max-width: unset; 
 } 
 } 
.home6-activity-banner-section .banner-content h2 { 
 color: var(--white-color); 
 font-family: var(--font-courgette); 
 font-weight: 400; 
 font-size: 100px; 
 line-height: 1; 
 margin-bottom: 20px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home6-activity-banner-section .banner-content h2 { 
 font-size: 85px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home6-activity-banner-section .banner-content h2 { 
 font-size: 80px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home6-activity-banner-section .banner-content h2 { 
 font-size: 75px; 
 } 
 } 
@media (max-width: 991px) { 
 .home6-activity-banner-section .banner-content h2 { 
 font-size: 70px; 
 } 
 } 
@media (max-width: 767px) { 
 .home6-activity-banner-section .banner-content h2 { 
 font-size: 60px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-activity-banner-section .banner-content h2 { 
 font-size: 50px; 
 } 
 } 
.home6-activity-banner-section .banner-content a { 
 color: var(--white-color); 
 font-family: var(--font-courgette); 
 font-weight: 400; 
 font-size: 20px; 
 line-height: 1; 
 padding-bottom: 5px; 
 display: inline-block; 
 background: linear-gradient(to bottom, var(--white-color) 0%, var(--white-color) 98%); 
 background-size: 0px 1px; 
 background-repeat: no-repeat; 
 background-position: right 90%; 
 transition: background-size 0.75s; 
 } 
.home6-activity-banner-section .banner-content a:hover { 
 background-size: 100% 1px; 
 background-position: 0% 90%; 
 } 
.home6-activity-banner-section .video-wrapper { 
 position: relative; 
 } 
.home6-activity-banner-section .video-wrapper::before { 
 content: ""; 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 background-color: rgba(0, 0, 0, 0.15); 
 z-index: 1; 
 } 
.home6-activity-banner-section .video-wrapper .banner-video-area { 
 min-height: 800px; 
 height: 800px; 
 position: relative; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home6-activity-banner-section .video-wrapper .banner-video-area { 
 min-height: 720px; 
 height: 720px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home6-activity-banner-section .video-wrapper .banner-video-area { 
 min-height: 680px; 
 height: 680px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home6-activity-banner-section .video-wrapper .banner-video-area { 
 min-height: 660px; 
 height: 660px; 
 } 
 } 
@media (max-width: 991px) { 
 .home6-activity-banner-section .video-wrapper .banner-video-area { 
 min-height: 600px; 
 height: 600px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-activity-banner-section .video-wrapper .banner-video-area { 
 min-height: 500px; 
 height: 500px; 
 } 
 } 
.home6-activity-banner-section .video-wrapper .banner-video-area video { 
 width: 100%; 
 min-height: 800px; 
 height: 800px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home6-activity-banner-section .video-wrapper .banner-video-area video { 
 min-height: 720px; 
 height: 720px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home6-activity-banner-section .video-wrapper .banner-video-area video { 
 min-height: 680px; 
 height: 680px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home6-activity-banner-section .video-wrapper .banner-video-area video { 
 min-height: 660px; 
 height: 660px; 
 } 
 } 
@media (max-width: 991px) { 
 .home6-activity-banner-section .video-wrapper .banner-video-area video { 
 min-height: 600px; 
 height: 600px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-activity-banner-section .video-wrapper .banner-video-area video { 
 min-height: 500px; 
 height: 500px; 
 } 
 } 
.home6-activity-banner-section .video-wrapper .banner-content-wrap { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 padding: 220px 0; 
 z-index: 2; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home6-activity-banner-section .video-wrapper .banner-content-wrap { 
 padding: 170px 0; 
 } 
 } 
@media (max-width: 1399px) { 
 .home6-activity-banner-section .video-wrapper .banner-content-wrap { 
 padding: 170px 0; 
 } 
 } 
@media (max-width: 1199px) { 
 .home6-activity-banner-section .video-wrapper .banner-content-wrap { 
 padding: 160px 0; 
 } 
 } 
@media (max-width: 991px) { 
 .home6-activity-banner-section .video-wrapper .banner-content-wrap { 
 padding: 120px 0 280px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-activity-banner-section .video-wrapper .banner-content-wrap { 
 padding: 90px 0 220px; 
 } 
 } 
@media (max-width: 991px) { 
 .home6-activity-banner-section .home6-activity-sm-img-slider { 
 max-width: 300px; 
 width: 100%; 
 margin: 0 auto; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-activity-banner-section .home6-activity-sm-img-slider { 
 max-width: 250px; 
 } 
 } 
.home6-activity-banner-section .home6-activity-sm-img-slider .swiper-wrapper { 
 flex-direction: column; 
 gap: 25px; 
 } 
@media (max-width: 991px) { 
 .home6-activity-banner-section .home6-activity-sm-img-slider .swiper-wrapper { 
 flex-direction: row; 
 gap: 0; 
 justify-content: space-between; 
 } 
 } 
.home6-activity-banner-section .home6-activity-sm-img-slider .swiper-wrapper .swiper-slide { 
 min-width: 70px; 
 height: 70px; 
 } 
.home6-activity-banner-section .home6-activity-sm-img-slider .swiper-slide-thumb-active .activity-sm-img img { 
 transform: scale(1); 
 } 
.home6-activity-banner-section .home6-activity-sm-img-slider .swiper-slide-thumb-active .activity-sm-img video { 
 transform: scale(1); 
 } 
.home6-activity-banner-section .activity-sm-img img { 
 min-width: 70px; 
 max-width: 70px; 
 height: 70px; 
 transform: scale(0.8); 
 border-radius: 50%; 
 transition: 0.5s; 
 } 
.home6-activity-banner-section .activity-sm-img video { 
 min-width: 70px; 
 max-width: 70px; 
 height: 70px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 transform: scale(0.8); 
 border-radius: 50%; 
 transition: 0.5s; 
 } 
.home6-activity-banner-section .sm-img-area { 
 position: absolute; 
 top: 165px; 
 right: 160px; 
 z-index: 9; 
 } 
@media (max-width: 1699px) { 
 .home6-activity-banner-section .sm-img-area { 
 right: 120px; 
 } 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home6-activity-banner-section .sm-img-area { 
 right: 100px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home6-activity-banner-section .sm-img-area { 
 right: 50px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home6-activity-banner-section .sm-img-area { 
 right: 25px; 
 top: 130px; 
 } 
 } 
@media (max-width: 991px) { 
 .home6-activity-banner-section .sm-img-area { 
 top: unset; 
 right: unset; 
 bottom: 0; 
 left: 50%; 
 transform: translateX(-50%); 
 margin-bottom: 200px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-activity-banner-section .sm-img-area { 
 margin-bottom: 170px; 
 } 
 } 
.home6-activity-banner-section .home6-activity-banner-slider .swiper-slide-active .banner-content h2 { 
 animation: fadeInDown 1.7s; 
 } 
.home6-activity-banner-section .home6-activity-banner-slider .swiper-slide-active .banner-content a { 
 animation: fadeInUp 1.7s; 
 } 

/*=====================================
 58. Home6 Faq Section CSS
========================================*/
.home6-faq-section { 
 margin-top: -215px; 
 position: relative; 
 z-index: 9; 
 } 
@media (max-width: 991px) { 
 .home6-faq-section { 
 margin-top: -160px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-faq-section { 
 margin-top: -140px; 
 } 
 } 
.home6-faq-section .faq-section-wrap { 
 padding: 60px 0; 
 border-radius: 20px; 
 background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); 
 -webkit-backdrop-filter: blur(300px); 
 backdrop-filter: blur(300px); 
 } 
@media (max-width: 991px) { 
 .home6-faq-section .faq-section-wrap { 
 padding: 50px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-faq-section .faq-section-wrap { 
 padding: 50px 10px; 
 border-radius: 15px; 
 } 
 } 
.home6-faq-section .faq-section-wrap .faq-wrap .accordion .accordion-item { 
 background-color: var(--white-color); 
 border: 1px solid var(--borders-color); 
 } 
.home6-faq-section .faq-section-wrap .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) { 
 background-color: var(--white-color); 
 border: unset; 
 } 
.home6-faq-section .faq-section-wrap .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after { 
 color: var(--primary-color2); 
 } 
.home6-faq-section .faq-section-wrap .faq-wrap .accordion .accordion-item .accordion-body { 
 border-color: transparent; 
 background-color: var(--white-color); 
 } 

/*=====================================
 59. Home6 Newsletter Section CSS
========================================*/
.home6-newletter-section { 
 position: relative; 
 margin-top: 170px; 
 } 
@media (max-width: 991px) { 
 .home6-newletter-section { 
 margin-top: 80px; 
 } 
 } 
@media (max-width: 767px) { 
 .home6-newletter-section { 
 margin-top: 70px; 
 } 
 } 
.home6-newletter-section .newsletter-wrapper { 
 background-image: url(../img/home6/home6-newletter-bg.png), linear-gradient(180deg, #0EA9D0 0%, #0EA9D0 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 border-radius: 20px; 
 padding: 55px 60px; 
 position: relative; 
 z-index: 1; 
 } 
@media (max-width: 1399px) { 
 .home6-newletter-section .newsletter-wrapper { 
 padding: 55px 40px; 
 } 
 } 
@media (max-width: 767px) { 
 .home6-newletter-section .newsletter-wrapper { 
 padding: 55px 25px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-newletter-section .newsletter-wrapper { 
 padding: 45px 15px; 
 border-radius: 15px; 
 } 
 } 
.home6-newletter-section .newsletter-wrapper h3 { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 32px; 
 line-height: 40px; 
 margin-bottom: 35px; 
 max-width: 476px; 
 width: 100%; 
 } 
@media (max-width: 576px) { 
 .home6-newletter-section .newsletter-wrapper h3 { 
 font-size: 26px; 
 line-height: 36px; 
 margin-bottom: 25px; 
 } 
 } 
.home6-newletter-section .newsletter-wrapper .newsletter-form { 
 max-width: 588px; 
 width: 100%; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 10px; 
 background-color: var(--white-color); 
 padding: 10px 25px; 
 border-radius: 10px; 
 margin-bottom: 15px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home6-newletter-section .newsletter-wrapper .newsletter-form { 
 max-width: 560px; 
 } 
 } 
@media (max-width: 576px) { 
 .home6-newletter-section .newsletter-wrapper .newsletter-form { 
 padding: 8px 15px; 
 } 
 } 
.home6-newletter-section .newsletter-wrapper .newsletter-form input { 
 width: 100%; 
 border: none; 
 outline: none; 
 background-color: transparent; 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 } 
@media (max-width: 576px) { 
 .home6-newletter-section .newsletter-wrapper .newsletter-form input { 
 font-size: 15px; 
 } 
 } 
.home6-newletter-section .newsletter-wrapper .newsletter-form input::-moz-placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
.home6-newletter-section .newsletter-wrapper .newsletter-form input::placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
.home6-newletter-section .newsletter-wrapper .newsletter-form button { 
 min-width: 40px; 
 max-width: 40px; 
 height: 40px; 
 border-radius: 50%; 
 background-color: var(--primary-color2); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
@media (max-width: 576px) { 
 .home6-newletter-section .newsletter-wrapper .newsletter-form button { 
 min-width: 36px; 
 max-width: 36px; 
 height: 36px; 
 } 
 } 
.home6-newletter-section .newsletter-wrapper .newsletter-form button svg { 
 fill: var(--white-color); 
 } 
@media (max-width: 576px) { 
 .home6-newletter-section .newsletter-wrapper .newsletter-form button svg { 
 width: 16px; 
 } 
 } 
.home6-newletter-section .newsletter-wrapper span { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 18px; 
 line-height: 1; 
 } 
@media (max-width: 576px) { 
 .home6-newletter-section .newsletter-wrapper span { 
 font-size: 17px; 
 } 
 } 
.home6-newletter-section .newsletter-wrapper .newsletter-img { 
 position: absolute; 
 bottom: 0; 
 right: 35px; 
 z-index: -1; 
 } 
@media (max-width: 1399px) { 
 .home6-newletter-section .newsletter-wrapper .newsletter-img { 
 width: 480px; 
 min-height: 400px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 right: 25px; 
 } 
 } 
@media (max-width: 991px) { 
 .home6-newletter-section .newsletter-wrapper .newsletter-img { 
 display: none; 
 } 
 } 
.home6-newletter-section .vector1 { 
 position: absolute; 
 bottom: 0; 
 left: 70px; 
 animation: up-down 2s linear infinite alternate; 
 z-index: -1; 
 width: 120px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home6-newletter-section .vector1 { 
 width: 110px; 
 left: 30px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home6-newletter-section .vector1 { 
 width: 110px; 
 left: 20px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home6-newletter-section .vector1 { 
 width: 100px; 
 left: 5px; 
 } 
 } 
@media (max-width: 767px) { 
 .home6-newletter-section .vector1 { 
 display: none; 
 } 
 } 

/*=====================================
 60. Home7 Banner Section CSS
========================================*/
.home7-banner-section { 
 overflow: hidden; 
 position: relative; 
 } 
.home7-banner-section .banner-wrapper { 
 position: relative; 
 } 
.home7-banner-section .banner-wrapper::before { 
 content: ""; 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 background-color: rgba(0, 0, 0, 0.25); 
 z-index: 1; 
 } 
.home7-banner-section .banner-wrapper .banner-img-area { 
 animation: imageAnimation 15s ease-in-out infinite 0s; 
 } 
.home7-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 748px; 
 width: 100%; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home7-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 600px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home7-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 580px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home7-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 600px; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 500px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-banner-section .banner-wrapper .banner-img-area img { 
 min-height: 470px; 
 } 
 } 
.home7-banner-section .banner-wrapper .banner-content-wrap { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 padding: 160px 0; 
 z-index: 2; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home7-banner-section .banner-wrapper .banner-content-wrap { 
 padding: 120px 0; 
 } 
 } 
@media (max-width: 1399px) { 
 .home7-banner-section .banner-wrapper .banner-content-wrap { 
 padding: 100px 0; 
 } 
 } 
@media (max-width: 1199px) { 
 .home7-banner-section .banner-wrapper .banner-content-wrap { 
 padding: 90px 0; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-banner-section .banner-wrapper .banner-content-wrap { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 height: 100%; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-banner-section .banner-wrapper .banner-content-wrap { 
 padding: 90px 0; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-banner-section .banner-wrapper .banner-content-wrap { 
 padding: 80px 0; 
 } 
 } 
.home7-banner-section .banner-wrapper .banner-content-wrap .banner-content { 
 max-width: 828px; 
 width: 100%; 
 margin: 0 auto; 
 text-align: center; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home7-banner-section .banner-wrapper .banner-content-wrap .banner-content { 
 max-width: 710px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home7-banner-section .banner-wrapper .banner-content-wrap .banner-content { 
 max-width: 710px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home7-banner-section .banner-wrapper .banner-content-wrap .banner-content { 
 max-width: 520px; 
 } 
 } 
.home7-banner-section .banner-wrapper .banner-content-wrap .banner-content > span { 
 color: var(--title-color2); 
 font-family: var(--font-courgette); 
 font-weight: 400; 
 font-size: 32px; 
 line-height: 1; 
 display: block; 
 margin-bottom: 20px; 
 } 
@media (max-width: 1199px) { 
 .home7-banner-section .banner-wrapper .banner-content-wrap .banner-content > span { 
 font-size: 28px; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-banner-section .banner-wrapper .banner-content-wrap .banner-content > span { 
 margin-bottom: 15px; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-banner-section .banner-wrapper .banner-content-wrap .banner-content > span { 
 font-size: 25px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-banner-section .banner-wrapper .banner-content-wrap .banner-content > span { 
 font-size: 23px; 
 margin-bottom: 10px; 
 } 
 } 
.home7-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
.home7-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 700; 
 font-size: 70px; 
 line-height: 1.1; 
 margin-bottom: 50px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home7-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home7-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 60px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home7-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home7-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 60px; 
 margin-bottom: 45px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home7-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home7-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 52px; 
 margin-bottom: 40px; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home7-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 50px; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home7-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 45px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-banner-section .banner-wrapper .banner-content-wrap .banner-content h1,
 .home7-banner-section .banner-wrapper .banner-content-wrap .banner-content h2 { 
 font-size: 35px; 
 line-height: 1.3; 
 } 
 } 
.home7-banner-section .banner-wrapper .banner-content-wrap .banner-content .primary-btn1 { 
 padding: 20px 31px; 
 } 
@media (max-width: 767px) { 
 .home7-banner-section .slider-btn-grp { 
 display: none; 
 } 
 } 
.home7-banner-section .slider-btn-grp .slider-btn { 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 left: 70px; 
 z-index: 2; 
 min-width: 60px; 
 max-width: 60px; 
 height: 60px; 
 border: 1px solid rgba(var(--white-color-opc), 0.1); 
 background-color: rgba(var(--white-color-opc), 0.1); 
 -webkit-backdrop-filter: blur(15px); 
 backdrop-filter: blur(15px); 
 } 
.home7-banner-section .slider-btn-grp .slider-btn svg { 
 stroke: none; 
 fill: var(--white-color); 
 } 
@media (max-width: 1199px) { 
 .home7-banner-section .slider-btn-grp .slider-btn svg { 
 width: 20px; 
 } 
 } 
.home7-banner-section .slider-btn-grp .slider-btn:hover { 
 background-color: var(--primary-color3); 
 } 
.home7-banner-section .slider-btn-grp .slider-btn:hover svg { 
 fill: var(--title-color2); 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home7-banner-section .slider-btn-grp .slider-btn { 
 left: 50px; 
 min-width: 50px; 
 max-width: 50px; 
 height: 50px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home7-banner-section .slider-btn-grp .slider-btn { 
 left: 30px; 
 min-width: 50px; 
 max-width: 50px; 
 height: 50px; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-banner-section .slider-btn-grp .slider-btn { 
 left: 20px; 
 min-width: 45px; 
 max-width: 45px; 
 height: 45px; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-banner-section .slider-btn-grp .slider-btn svg { 
 width: 18px; 
 } 
 } 
.home7-banner-section .slider-btn-grp .slider-btn.banner-slider-next { 
 left: unset; 
 right: 70px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home7-banner-section .slider-btn-grp .slider-btn.banner-slider-next { 
 right: 50px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home7-banner-section .slider-btn-grp .slider-btn.banner-slider-next { 
 right: 30px; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-banner-section .slider-btn-grp .slider-btn.banner-slider-next { 
 right: 20px; 
 } 
 } 
.home7-banner-section .home6-banner-slider .swiper-slide-active .banner-content > span { 
 animation: fadeInDown 1.7s; 
 } 
.home7-banner-section .home6-banner-slider .swiper-slide-active .banner-content h1,
.home7-banner-section .home6-banner-slider .swiper-slide-active .banner-content h2 { 
 animation: fadeInDown 1.7s; 
 } 
.home7-banner-section .home6-banner-slider .swiper-slide-active .banner-content .primary-btn1 { 
 animation: fadeInUp 1.7s; 
 } 

.home7-banner-bottom { 
 background-color: var(--primary-color3); 
 padding: 100px 0 35px; 
 position: relative; 
 -webkit-mask-image: url(../img/home7/home7-banner-bottom-shape.png); 
 mask-image: url(../img/home7/home7-banner-bottom-shape.png); 
 -webkit-mask-size: cover; 
 mask-size: cover; 
 -webkit-mask-repeat: no-repeat; 
 mask-repeat: no-repeat; 
 margin-top: -82px; 
 position: relative; 
 z-index: 1; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home7-banner-bottom { 
 margin-top: -78px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home7-banner-bottom { 
 margin-top: -74px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home7-banner-bottom { 
 margin-top: -70px; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-banner-bottom { 
 -webkit-mask-image: unset; 
 mask-image: unset; 
 margin-top: 0; 
 padding: 60px 0; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-banner-bottom { 
 padding: 50px 0; 
 } 
 } 
.home7-banner-bottom .divider { 
 position: relative; 
 } 
.home7-banner-bottom .divider::before { 
 content: url(../img/home7/vector/home7-banner-bottom-divider.svg); 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 right: 0; 
 line-height: 1; 
 } 
@media (max-width: 991px) { 
 .home7-banner-bottom .divider::before { 
 display: none; 
 } 
 } 
.home7-banner-bottom .divider:nth-child(1)::before { 
 right: 10px; 
 } 
@media (max-width: 1199px) { 
 .home7-banner-bottom .divider:nth-child(1)::before { 
 right: 0; 
 } 
 } 
.home7-banner-bottom .divider:nth-child(3)::before { 
 right: -20px; 
 } 
@media (max-width: 1199px) { 
 .home7-banner-bottom .divider:nth-child(3)::before { 
 right: 0; 
 } 
 } 
.home7-banner-bottom .single-contact { 
 border-radius: 100px; 
 border: 1px dashed var(--white-color); 
 padding: 22px 30px; 
 display: inline-flex; 
 align-items: center; 
 gap: 10px; 
 background-color: var(--primary-color3); 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home7-banner-bottom .single-contact { 
 padding: 20px 25px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home7-banner-bottom .single-contact { 
 padding: 18px 20px; 
 } 
 } 
.home7-banner-bottom .single-contact .icon { 
 min-width: 36px; 
 max-width: 36px; 
 height: 36px; 
 background-color: var(--title-color2); 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
.home7-banner-bottom .single-contact .icon svg { 
 fill: var(--black-color); 
 } 
.home7-banner-bottom .single-contact .content { 
 line-height: 1; 
 min-width: 204px; 
 } 
@media (max-width: 1399px) { 
 .home7-banner-bottom .single-contact .content { 
 min-width: 190px; 
 } 
 } 
.home7-banner-bottom .single-contact .content span { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 display: block; 
 margin-bottom: 10px; 
 } 
.home7-banner-bottom .single-contact .content a { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 1; 
 transition: 0.5s; 
 word-break: break-word; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home7-banner-bottom .single-contact .content a { 
 font-size: 18px; 
 } 
 } 
.home7-banner-bottom .single-contact .content a:hover { 
 color: var(--title-color2); 
 } 
.home7-banner-bottom .award-rating-area { 
 text-align: center; 
 } 
@media (max-width: 1199px) { 
 .home7-banner-bottom .award-rating-area img { 
 width: 60px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-banner-bottom .award-rating-area img { 
 width: 45px; 
 } 
 } 
.home7-banner-bottom .award-rating-area h4 { 
 color: var(--white-color); 
 font-family: var(--font-courgette); 
 font-weight: 400; 
 font-size: 25px; 
 line-height: 40px; 
 margin-bottom: 10px; 
 margin-top: 15px; 
 } 
@media (max-width: 1399px) { 
 .home7-banner-bottom .award-rating-area h4 { 
 font-size: 22px; 
 margin-bottom: 5px; 
 margin-top: 10px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home7-banner-bottom .award-rating-area h4 { 
 font-size: 20px; 
 margin-bottom: 5px; 
 margin-top: 5px; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-banner-bottom .award-rating-area h4 { 
 font-size: 18px; 
 margin-bottom: 0px; 
 } 
 } 
.home7-banner-bottom .award-rating-area .rating { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 10px; 
 } 
.home7-banner-bottom .award-rating-area .rating span { 
 color: var(--title-color2); 
 font-family: var(--font-poppins); 
 font-weight: 400; 
 font-size: 25px; 
 line-height: 1; 
 } 
@media (max-width: 576px) { 
 .home7-banner-bottom .award-rating-area .rating span { 
 font-size: 18px; 
 } 
 } 
.home7-banner-bottom .award-rating-area .rating ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 } 
.home7-banner-bottom .award-rating-area .rating ul li i { 
 color: var(--title-color2); 
 } 
@media (max-width: 576px) { 
 .home7-banner-bottom .award-rating-area .rating ul li i { 
 font-size: 12px; 
 } 
 } 
.home7-banner-bottom .vector1 { 
 position: absolute; 
 bottom: 0; 
 left: 45px; 
 z-index: -1; 
 } 
@media (max-width: 1699px) { 
 .home7-banner-bottom .vector1 { 
 left: 20px; 
 } 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home7-banner-bottom .vector1 { 
 left: 0; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home7-banner-bottom .vector1 { 
 width: 160px; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-banner-bottom .vector1 { 
 left: 0; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-banner-bottom .vector1 { 
 width: 150px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-banner-bottom .vector1 { 
 display: none; 
 } 
 } 
.home7-banner-bottom .vector2 { 
 position: absolute; 
 bottom: 0; 
 right: 0; 
 z-index: -1; 
 } 
@media (max-width: 1399px) { 
 .home7-banner-bottom .vector2 { 
 width: 165px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home7-banner-bottom .vector2 { 
 width: 160px; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-banner-bottom .vector2 { 
 width: 150px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-banner-bottom .vector2 { 
 display: none; 
 } 
 } 

/*=====================================
 61. Home7 Destination Section CSS
========================================*/
.home7-destination-section { 
 background-image: url(../img/home7/home7-destination-bg.png); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 100px 0; 
 position: relative; 
 z-index: 1; 
 } 
@media (max-width: 1199px) { 
 .home7-destination-section { 
 padding: 90px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-destination-section { 
 padding: 70px 0; 
 } 
 } 
.home7-destination-section .destination-slider-area { 
 position: relative; 
 } 
@media (max-width: 576px) { 
 .home7-destination-section .destination-slider-area .slider-btn-grp { 
 display: none; 
 } 
 } 
.home7-destination-section .destination-slider-area .slider-btn-grp .slider-btn { 
 position: absolute; 
 top: calc(50% - 60px); 
 left: -20px; 
 z-index: 1; 
 } 
.home7-destination-section .destination-slider-area .slider-btn-grp .slider-btn.destination-slider-next { 
 left: unset; 
 right: -20px; 
 } 
.home7-destination-section .destination-card2 .destination-content h5 a { 
 font-size: 25px; 
 } 
@media (max-width: 1399px) { 
 .home7-destination-section .destination-card2 .destination-content h5 a { 
 font-size: 23px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home7-destination-section .destination-card2 .destination-content h5 a { 
 font-size: 22px; 
 } 
 } 
.home7-destination-section .feature-wrapper { 
 background-color: #FFF2E2; 
 padding: 55px 50px; 
 border-radius: 20px; 
 } 
@media (max-width: 1399px) { 
 .home7-destination-section .feature-wrapper { 
 padding: 55px 35px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home7-destination-section .feature-wrapper { 
 padding: 50px 25px; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-destination-section .feature-wrapper { 
 border-radius: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-destination-section .feature-wrapper { 
 padding: 40px 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-destination-section .feature-wrapper .section-title { 
 margin-bottom: 30px; 
 } 
 } 
.home7-destination-section .feature-wrapper .section-title h2 { 
 font-size: 32px; 
 } 
@media (max-width: 767px) { 
 .home7-destination-section .feature-wrapper .section-title h2 { 
 font-size: 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-destination-section .feature-wrapper .section-title h2 { 
 font-size: 28px; 
 } 
 } 
.home7-destination-section .feature-wrapper .feature-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 justify-content: space-between; 
 gap: 20px; 
 margin-bottom: 20px; 
 } 
@media (max-width: 991px) { 
 .home7-destination-section .feature-wrapper .feature-list { 
 display: grid; 
 grid-template-columns: repeat(2, 1fr); 
 row-gap: 30px; 
 margin-bottom: 30px; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-destination-section .feature-wrapper .feature-list { 
 grid-template-columns: repeat(1, 1fr); 
 row-gap: 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-destination-section .feature-wrapper .feature-list { 
 row-gap: 22px; 
 margin-bottom: 35px; 
 } 
 } 
.home7-destination-section .feature-wrapper .feature-list .single-feature { 
 display: flex; 
 gap: 25px; 
 max-width: 354px; 
 width: 100%; 
 } 
@media (max-width: 1399px) { 
 .home7-destination-section .feature-wrapper .feature-list .single-feature { 
 gap: 20px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home7-destination-section .feature-wrapper .feature-list .single-feature { 
 gap: 15px; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-destination-section .feature-wrapper .feature-list .single-feature { 
 max-width: unset; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-destination-section .feature-wrapper .feature-list .single-feature { 
 gap: 12px; 
 } 
 } 
.home7-destination-section .feature-wrapper .feature-list .single-feature .icon { 
 margin-top: 6px; 
 } 
.home7-destination-section .feature-wrapper .feature-list .single-feature .icon img { 
 min-width: 50px; 
 } 
@media (max-width: 1199px) { 
 .home7-destination-section .feature-wrapper .feature-list .single-feature .icon img { 
 min-width: 40px; 
 } 
 } 
.home7-destination-section .feature-wrapper .feature-list .single-feature .content h5 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 30px; 
 margin-bottom: 15px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home7-destination-section .feature-wrapper .feature-list .single-feature .content h5 { 
 font-size: 18px; 
 line-height: 28px; 
 margin-bottom: 12px; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-destination-section .feature-wrapper .feature-list .single-feature .content h5 { 
 font-size: 19px; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-destination-section .feature-wrapper .feature-list .single-feature .content h5 { 
 margin-bottom: 10px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-destination-section .feature-wrapper .feature-list .single-feature .content h5 { 
 font-size: 18px; 
 } 
 } 
.home7-destination-section .feature-wrapper .feature-list .single-feature .content p { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 16px; 
 line-height: 24px; 
 margin-bottom: 0; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home7-destination-section .feature-wrapper .feature-list .single-feature .content p { 
 font-size: 14px; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-destination-section .feature-wrapper .feature-list .single-feature .content p { 
 font-size: 15px; 
 } 
 } 
.home7-destination-section .feature-wrapper .line { 
 fill: #EEE1D1; 
 width: 100%; 
 } 
@media (max-width: 991px) { 
 .home7-destination-section .feature-wrapper .line { 
 display: none; 
 } 
 } 
.home7-destination-section .feature-wrapper .rating-and-btn-area { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 15px; 
 flex-wrap: wrap; 
 padding-top: 10px; 
 } 
@media (max-width: 991px) { 
 .home7-destination-section .feature-wrapper .rating-and-btn-area { 
 border-top: 1px solid #EEE1D1; 
 padding-top: 20px; 
 justify-content: center; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-destination-section .feature-wrapper .rating-and-btn-area { 
 gap: 20px; 
 } 
 } 
.home7-destination-section .feature-wrapper .rating-and-btn-area .rating-area { 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 } 
@media (max-width: 767px) { 
 .home7-destination-section .feature-wrapper .rating-and-btn-area .rating-area { 
 flex-direction: column; 
 } 
 } 
.home7-destination-section .feature-wrapper .rating-and-btn-area .rating-area .text-and-logo { 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 } 
@media (max-width: 767px) { 
 .home7-destination-section .feature-wrapper .rating-and-btn-area .rating-area .text-and-logo { 
 flex-direction: column; 
 gap: 8px; 
 } 
 } 
.home7-destination-section .feature-wrapper .rating-and-btn-area .rating-area p { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 margin-bottom: 0; 
 text-align: center; 
 } 
@media (max-width: 576px) { 
 .home7-destination-section .feature-wrapper .rating-and-btn-area .rating-area p { 
 font-size: 14px; 
 } 
 } 
.home7-destination-section .feature-wrapper .rating-and-btn-area a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 15px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 transition: 0.5s; 
 } 
.home7-destination-section .feature-wrapper .rating-and-btn-area a svg { 
 fill: none; 
 stroke: var(--title-color); 
 transition: 0.5s; 
 } 
.home7-destination-section .feature-wrapper .rating-and-btn-area a:hover { 
 color: var(--primary-color3); 
 } 
.home7-destination-section .feature-wrapper .rating-and-btn-area a:hover svg { 
 transform: rotate(45deg); 
 stroke: var(--primary-color3); 
 } 
.home7-destination-section .vector1 { 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 left: 70px; 
 animation: up-down 2s linear infinite alternate; 
 z-index: -1; 
 } 
@media (max-width: 1699px) { 
 .home7-destination-section .vector1 { 
 left: 30px; 
 } 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home7-destination-section .vector1 { 
 width: 90px; 
 left: 20px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home7-destination-section .vector1 { 
 width: 90px; 
 left: 10px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home7-destination-section .vector1 { 
 top: 47%; 
 left: 0; 
 width: 80px; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-destination-section .vector1 { 
 top: 38%; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-destination-section .vector1 { 
 display: none; 
 } 
 } 
.home7-destination-section .vector2 { 
 position: absolute; 
 bottom: 20%; 
 right: 130px; 
 animation: rotate 5s linear infinite; 
 z-index: -1; 
 } 
@media (max-width: 1699px) { 
 .home7-destination-section .vector2 { 
 right: 30px; 
 } 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home7-destination-section .vector2 { 
 right: 20px; 
 width: 60px; 
 bottom: 6%; 
 } 
 } 
@media (max-width: 1399px) { 
 .home7-destination-section .vector2 { 
 right: 20px; 
 width: 60px; 
 bottom: 6%; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-destination-section .vector2 { 
 display: none; 
 } 
 } 

/*=====================================
 62. Home7 About Section CSS
========================================*/
.home7-about-section { 
 position: relative; 
 z-index: 1; 
 } 
.home7-about-section .about-content .section-title { 
 margin-bottom: 25px; 
 } 
@media (max-width: 576px) { 
 .home7-about-section .about-content .section-title { 
 margin-bottom: 20px; 
 } 
 } 
.home7-about-section .about-content .content p { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 18px; 
 line-height: 28px; 
 margin-bottom: 25px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home7-about-section .about-content .content p { 
 font-size: 17px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home7-about-section .about-content .content p { 
 font-size: 17px; 
 margin-bottom: 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-about-section .about-content .content p { 
 font-size: 16px; 
 margin-bottom: 15px; 
 } 
 } 
.home7-about-section .about-content .content p:last-child { 
 margin-bottom: 0; 
 } 
.home7-about-section .about-content .btn-and-counter-area { 
 padding-top: 50px; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 20px; 
 flex-wrap: wrap; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home7-about-section .about-content .btn-and-counter-area { 
 gap: 12px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home7-about-section .about-content .btn-and-counter-area { 
 padding-top: 40px; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-about-section .about-content .btn-and-counter-area { 
 padding-top: 30px; 
 } 
 } 
.home7-about-section .about-content .btn-and-counter-area .counter-area { 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 } 
@media (max-width: 1399px) { 
 .home7-about-section .about-content .btn-and-counter-area .counter-area { 
 gap: 10px; 
 } 
 } 
.home7-about-section .about-content .btn-and-counter-area .counter-area .counter-img-grp { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 } 
.home7-about-section .about-content .btn-and-counter-area .counter-area .counter-img-grp li img { 
 min-width: 48px; 
 max-width: 48px; 
 height: 48px; 
 border-radius: 50%; 
 border: 1px solid var(--black-color); 
 margin-left: -20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home7-about-section .about-content .btn-and-counter-area .counter-area .counter-img-grp li img { 
 min-width: 43px; 
 max-width: 43px; 
 height: 43px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home7-about-section .about-content .btn-and-counter-area .counter-area .counter-img-grp li img { 
 min-width: 43px; 
 max-width: 43px; 
 height: 43px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-about-section .about-content .btn-and-counter-area .counter-area .counter-img-grp li img { 
 min-width: 37px; 
 max-width: 37px; 
 height: 37px; 
 } 
 } 
.home7-about-section .about-content .btn-and-counter-area .counter-area .counter-img-grp li:first-child img { 
 margin-left: 0; 
 } 
.home7-about-section .about-content .btn-and-counter-area .counter-area h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 24px; 
 margin-bottom: 0; 
 min-width: 125px; 
 width: 100%; 
 } 
.home7-about-section .about-content .btn-and-counter-area .counter-area h6 strong { 
 font-weight: 600; 
 display: inline-block; 
 } 
@media (max-width: 576px) { 
 .home7-about-section .about-content .btn-and-counter-area .counter-area h6 { 
 font-size: 15px; 
 } 
 } 
.home7-about-section .about-img-area { 
 position: relative; 
 } 
.home7-about-section .about-img-area .about-img { 
 -webkit-mask-image: url(../img/home7/about-img-shape.png); 
 mask-image: url(../img/home7/about-img-shape.png); 
 -webkit-mask-repeat: no-repeat; 
 mask-repeat: no-repeat; 
 -webkit-mask-size: contain; 
 mask-size: contain; 
 } 
@media (max-width: 576px) { 
 .home7-about-section .about-img-area .about-img img { 
 min-height: 250px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
 } 
.home7-about-section .about-img-area .counter-wrapper { 
 max-width: 210px; 
 width: 100%; 
 padding: 5px; 
 background-color: var(--white-color); 
 -webkit-mask-image: url(../img/home7/about-counter-bg-shape2.png); 
 mask-image: url(../img/home7/about-counter-bg-shape2.png); 
 -webkit-mask-repeat: no-repeat; 
 mask-repeat: no-repeat; 
 -webkit-mask-size: contain; 
 mask-size: contain; 
 position: absolute; 
 bottom: -12%; 
 right: 130px; 
 } 
@media (max-width: 1399px) { 
 .home7-about-section .about-img-area .counter-wrapper { 
 right: 100px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home7-about-section .about-img-area .counter-wrapper { 
 max-width: 190px; 
 right: 70px; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-about-section .about-img-area .counter-wrapper { 
 right: 160px; 
 bottom: -6%; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-about-section .about-img-area .counter-wrapper { 
 right: 70px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-about-section .about-img-area .counter-wrapper { 
 max-width: 175px; 
 right: 30px; 
 } 
 } 
.home7-about-section .about-img-area .counter-wrapper .single-counter { 
 background-color: var(--primary-color3); 
 padding: 47px 28px; 
 -webkit-mask-image: url(../img/home7/about-counter-bg-shape.png); 
 mask-image: url(../img/home7/about-counter-bg-shape.png); 
 -webkit-mask-repeat: no-repeat; 
 mask-repeat: no-repeat; 
 -webkit-mask-size: contain; 
 mask-size: contain; 
 } 
@media (max-width: 1199px) { 
 .home7-about-section .about-img-area .counter-wrapper .single-counter { 
 padding: 42px 28px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-about-section .about-img-area .counter-wrapper .single-counter { 
 padding: 36px 35px 36px 20px; 
 } 
 } 
.home7-about-section .about-img-area .counter-wrapper .single-counter h2 { 
 color: var(--title-color2); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 60px; 
 line-height: 1; 
 margin-bottom: 0; 
 position: relative; 
 display: flex; 
 align-items: start; 
 gap: 5px; 
 } 
@media (max-width: 1399px) { 
 .home7-about-section .about-img-area .counter-wrapper .single-counter h2 { 
 font-size: 56px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home7-about-section .about-img-area .counter-wrapper .single-counter h2 { 
 font-size: 48px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-about-section .about-img-area .counter-wrapper .single-counter h2 { 
 font-size: 42px; 
 } 
 } 
.home7-about-section .about-img-area .counter-wrapper .single-counter h2 strong { 
 font-weight: 600; 
 } 
.home7-about-section .about-img-area .counter-wrapper .single-counter h2 span { 
 color: rgba(var(--title-color2-opc), 0.9); 
 font-size: 30px; 
 font-weight: 400; 
 } 
@media (max-width: 1199px) { 
 .home7-about-section .about-img-area .counter-wrapper .single-counter h2 span { 
 font-size: 28px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-about-section .about-img-area .counter-wrapper .single-counter h2 span { 
 font-size: 26px; 
 } 
 } 
.home7-about-section .about-img-area .counter-wrapper .single-counter span { 
 color: var(--title-color2); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 24px; 
 display: flex; 
 justify-content: end; 
 margin-top: -5px; 
 } 
@media (max-width: 1199px) { 
 .home7-about-section .about-img-area .counter-wrapper .single-counter span { 
 font-size: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-about-section .about-img-area .counter-wrapper .single-counter span { 
 font-size: 13px; 
 line-height: 19px; 
 } 
 } 
.home7-about-section .vector { 
 position: absolute; 
 bottom: 0; 
 right: 0; 
 z-index: -1; 
 } 
@media (max-width: 767px) { 
 .home7-about-section .vector { 
 width: 200px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-about-section .vector { 
 display: none; 
 } 
 } 

/*=====================================
 63. Home7 Popular Activity Section CSS
========================================*/
.home7-popular-activity-section { 
 background-image: url(../img/home7/home7-popular-activity-bg.png), linear-gradient(180deg, #F2F2FF 0%, #F2F2FF 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 100px 0; 
 } 
@media (max-width: 1199px) { 
 .home7-popular-activity-section { 
 padding: 90px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-popular-activity-section { 
 padding: 70px 0; 
 } 
 } 

/*=====================================
 64. Home7 Offer Banner Section CSS
========================================*/
.home7-offer-banner-section .banner-wrapper { 
 padding-left: 60px; 
 background-color: var(--primary-color3); 
 border-radius: 20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home7-offer-banner-section .banner-wrapper { 
 padding-left: 35px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home7-offer-banner-section .banner-wrapper { 
 padding-left: 35px; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-offer-banner-section .banner-wrapper { 
 padding: 50px 40px; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-offer-banner-section .banner-wrapper { 
 padding: 50px 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-offer-banner-section .banner-wrapper { 
 padding: 40px 15px 35px; 
 border-radius: 15px; 
 } 
 } 
.home7-offer-banner-section .banner-wrapper .banner-slider-wrap { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 justify-content: space-between; 
 } 
@media (max-width: 991px) { 
 .home7-offer-banner-section .banner-wrapper .banner-slider-wrap { 
 flex-wrap: wrap; 
 gap: 35px; 
 } 
 } 
.home7-offer-banner-section .banner-wrapper .banner-content { 
 max-width: 440px; 
 width: 100%; 
 padding: 60px 0; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home7-offer-banner-section .banner-wrapper .banner-content { 
 padding: 30px 0; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home7-offer-banner-section .banner-wrapper .banner-content { 
 padding: 30px 0; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-offer-banner-section .banner-wrapper .banner-content { 
 padding: 0; 
 } 
 } 
.home7-offer-banner-section .banner-wrapper .banner-content h2 { 
 color: var(--title-color2); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 40px; 
 line-height: 50px; 
 margin-bottom: 25px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home7-offer-banner-section .banner-wrapper .banner-content h2 { 
 font-size: 35px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home7-offer-banner-section .banner-wrapper .banner-content h2 { 
 font-size: 35px; 
 margin-bottom: 20px; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-offer-banner-section .banner-wrapper .banner-content h2 { 
 font-size: 37px; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-offer-banner-section .banner-wrapper .banner-content h2 { 
 font-size: 35px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-offer-banner-section .banner-wrapper .banner-content h2 { 
 font-size: 26px; 
 line-height: 40px; 
 margin-bottom: 20px; 
 } 
 } 
.home7-offer-banner-section .banner-wrapper .banner-content ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 25px; 
 flex-wrap: wrap; 
 margin-bottom: 45px; 
 } 
@media (max-width: 1199px) { 
 .home7-offer-banner-section .banner-wrapper .banner-content ul { 
 margin-bottom: 35px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-offer-banner-section .banner-wrapper .banner-content ul { 
 gap: 20px; 
 } 
 } 
.home7-offer-banner-section .banner-wrapper .banner-content ul li { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 8px; 
 } 
.home7-offer-banner-section .banner-wrapper .banner-content ul li svg { 
 fill: var(--black-color); 
 } 
.home7-offer-banner-section .banner-wrapper .banner-content ul li svg circle { 
 fill: var(--white-color); 
 } 
@media (max-width: 576px) { 
 .home7-offer-banner-section .banner-wrapper .banner-content ul li { 
 font-size: 15px; 
 } 
 } 
.home7-offer-banner-section .banner-wrapper .banner-content .primary-btn1 { 
 background-color: var(--black-color); 
 padding: 20px 31px; 
 } 
@media (max-width: 576px) { 
 .home7-offer-banner-section .banner-wrapper .banner-content .primary-btn1 { 
 padding: 20px 24px; 
 } 
 } 
.home7-offer-banner-section .banner-wrapper .banner-content .primary-btn1::after { 
 background-color: var(--white-color); 
 } 
.home7-offer-banner-section .banner-wrapper .banner-content .primary-btn1:hover { 
 color: var(--title-color); 
 } 
.home7-offer-banner-section .banner-wrapper .banner-content .primary-btn1:hover svg { 
 fill: var(--title-color); 
 } 
.home7-offer-banner-section .banner-wrapper .banner-img-wrapper { 
 max-width: 545px; 
 width: 100%; 
 position: relative; 
 z-index: 1; 
 } 
@media (max-width: 991px) { 
 .home7-offer-banner-section .banner-wrapper .banner-img-wrapper { 
 max-width: unset; 
 } 
 } 
.home7-offer-banner-section .banner-wrapper .banner-img-wrapper .banner-img-shape { 
 position: absolute; 
 top: 0; 
 left: 0; 
 z-index: -1; 
 } 
@media (max-width: 991px) { 
 .home7-offer-banner-section .banner-wrapper .banner-img-wrapper .banner-img-shape { 
 display: none; 
 } 
 } 
.home7-offer-banner-section .banner-wrapper .banner-img-wrapper .single-img { 
 -webkit-mask-image: url(../img/home7/offer-banner-img-shape2.png); 
 mask-image: url(../img/home7/offer-banner-img-shape2.png); 
 -webkit-mask-repeat: no-repeat; 
 mask-repeat: no-repeat; 
 margin-left: auto; 
 max-width: 525px; 
 width: 100%; 
 border-radius: 0 20px 20px 0; 
 } 
@media (max-width: 991px) { 
 .home7-offer-banner-section .banner-wrapper .banner-img-wrapper .single-img { 
 -webkit-mask-image: unset; 
 mask-image: unset; 
 max-width: unset; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-offer-banner-section .banner-wrapper .banner-img-wrapper .single-img img { 
 border-radius: 10px; 
 width: 100%; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
 } 
.home7-offer-banner-section .banner-wrapper .home7-offer-banner-slider .swiper-slide-active .banner-content h2,
.home7-offer-banner-section .banner-wrapper .home7-offer-banner-slider .swiper-slide-active .banner-content ul { 
 animation: fadeInDown 1.7s; 
 } 
.home7-offer-banner-section .banner-wrapper .home7-offer-banner-slider .swiper-slide-active .banner-content a { 
 animation: fadeInUp 1.7s; 
 } 

/*=====================================
 65. home7 Tour Guide Section Section CSS
========================================*/
.home7-tour-guide-section { 
 position: relative; 
 z-index: 1; 
 } 
.home7-tour-guide-section .vector { 
 position: absolute; 
 top: 70px; 
 right: 9%; 
 z-index: -1; 
 animation: tada 3s linear infinite; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home7-tour-guide-section .vector { 
 right: 50px; 
 top: 60px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home7-tour-guide-section .vector { 
 right: 50px; 
 top: 60px; 
 width: 70px; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-tour-guide-section .vector { 
 right: 20px; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-tour-guide-section .vector { 
 display: none; 
 } 
 } 

/*=====================================
 66. Home7 Testimonial Section CSS
========================================*/
.home7-testimonial-bg { 
 background-size: cover; 
 background-repeat: no-repeat; 
 background-attachment: fixed; 
 background-position: center center; 
 min-height: 666px; 
 } 
@media (max-width: 991px) { 
 .home7-testimonial-bg { 
 min-height: 620px; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-testimonial-bg { 
 min-height: 500px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-testimonial-bg { 
 background-attachment: unset; 
 } 
 } 

.home7-testimonial-section { 
 margin-top: -205px; 
 position: relative; 
 z-index: 2; 
 } 
.home7-testimonial-section .testimonial-wrapper { 
 background-color: var(--white-color); 
 padding: 60px 120px; 
 border: 1px solid var(--borders-color); 
 border-radius: 20px; 
 position: relative; 
 } 
@media (max-width: 1399px) { 
 .home7-testimonial-section .testimonial-wrapper { 
 padding: 55px 100px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home7-testimonial-section .testimonial-wrapper { 
 padding: 50px 60px; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-testimonial-section .testimonial-wrapper { 
 padding: 45px 40px; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-testimonial-section .testimonial-wrapper { 
 padding: 40px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-testimonial-section .testimonial-wrapper { 
 border-radius: 10px; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-testimonial-section .testimonial-wrapper .testimonial-card.five p { 
 font-size: 16px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-testimonial-section .testimonial-wrapper .testimonial-card.five p { 
 font-size: 15px; 
 } 
 } 
.home7-testimonial-section .testimonial-wrapper .testimonial-card.five .author-area { 
 text-align: start; 
 } 
@media (max-width: 767px) { 
 .home7-testimonial-section .testimonial-wrapper .slider-btn-grp { 
 display: none; 
 } 
 } 
.home7-testimonial-section .testimonial-wrapper .slider-btn-grp .slider-btn { 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 left: -20px; 
 } 
.home7-testimonial-section .testimonial-wrapper .slider-btn-grp .slider-btn.testimonial-slider-next { 
 left: unset; 
 right: -20px; 
 } 
.home7-testimonial-section .testimonial-wrapper .home3-testimonial-slider .swiper-slide-active .testimonial-card .rating-area,
.home7-testimonial-section .testimonial-wrapper .home3-testimonial-slider .swiper-slide-active .testimonial-card h5,
.home7-testimonial-section .testimonial-wrapper .home3-testimonial-slider .swiper-slide-active .testimonial-card p { 
 animation: fadeInDown 1.7s; 
 } 
.home7-testimonial-section .testimonial-wrapper .home3-testimonial-slider .swiper-slide-active .testimonial-card .author-area { 
 animation: fadeInUp 1.7s; 
 } 
.home7-testimonial-section .testimonial-author-area { 
 max-width: 520px; 
 width: 100%; 
 margin: 0 auto; 
 margin-top: -40px; 
 } 
@media (max-width: 1199px) { 
 .home7-testimonial-section .testimonial-author-area { 
 max-width: 470px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-testimonial-section .testimonial-author-area { 
 max-width: 275px; 
 } 
 } 
.home7-testimonial-section .testimonial-author-area .testimonial-author-img img { 
 min-width: 80px; 
 max-width: 80px; 
 height: 80px; 
 transform: scale(0.8); 
 border-radius: 50%; 
 transition: 0.5s; 
 } 
@media (max-width: 576px) { 
 .home7-testimonial-section .testimonial-author-area .testimonial-author-img img { 
 min-width: 75px; 
 max-width: 75px; 
 height: 75px; 
 } 
 } 
.home7-testimonial-section .testimonial-author-area .home4-testimonial-img-slider .swiper-slide-thumb-active .testimonial-author-img img { 
 transform: scale(1); 
 } 

/*=====================================
 67. Home7 Activity Tab Section CSS
========================================*/
.home7-activity-tab-section { 
 background-image: url(../img/home7/home7-activity-tab-bg.png); 
 background-repeat: no-repeat; 
 background-size: cover; 
 padding: 315px 0 100px; 
 margin-top: -223px; 
 position: relative; 
 z-index: 1; 
 } 
@media (max-width: 991px) { 
 .home7-activity-tab-section { 
 padding: 295px 0 80px; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-activity-tab-section { 
 padding: 285px 0 70px; 
 } 
 } 
.home7-activity-tab-section .nav-pills { 
 display: block; 
 } 
.home7-activity-tab-section .nav-pills .nav-item .nav-link { 
 background-color: #E6F5A9; 
 border: 1px solid transparent; 
 padding: 19px 30px; 
 border-radius: 10px; 
 text-align: center; 
 cursor: pointer; 
 } 
@media (max-width: 1399px) { 
 .home7-activity-tab-section .nav-pills .nav-item .nav-link { 
 padding: 19px 20px; 
 } 
 } 
.home7-activity-tab-section .nav-pills .nav-item .nav-link svg { 
 fill: var(--black-color); 
 margin-bottom: 10px; 
 } 
@media (max-width: 991px) { 
 .home7-activity-tab-section .nav-pills .nav-item .nav-link svg { 
 width: 45px; 
 margin-bottom: 7px; 
 } 
 } 
.home7-activity-tab-section .nav-pills .nav-item .nav-link h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 18px; 
 line-height: 28px; 
 margin-bottom: 0; 
 } 
@media (max-width: 991px) { 
 .home7-activity-tab-section .nav-pills .nav-item .nav-link h6 { 
 font-size: 16px; 
 } 
 } 
.home7-activity-tab-section .nav-pills .nav-item .nav-link.active { 
 border-color: var(--primary-color3); 
 } 
.home7-activity-tab-section .nav-pills .nav-item.two .nav-link { 
 background-color: #F0F0F0; 
 } 
.home7-activity-tab-section .nav-pills .nav-item.three .nav-link { 
 background-color: #E2E2FF; 
 } 
.home7-activity-tab-section .nav-pills .nav-item.four .nav-link { 
 background-color: #BDEBCE; 
 } 
.home7-activity-tab-section .activity-tab-wrapper .single-activity .activity-img img { 
 border-radius: 20px; 
 min-height: 320px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
@media (max-width: 576px) { 
 .home7-activity-tab-section .activity-tab-wrapper .single-activity .activity-img img { 
 border-radius: 15px; 
 } 
 } 
.home7-activity-tab-section .activity-tab-wrapper .single-activity .activity-content { 
 background-color: var(--white-color); 
 border: 1px solid var(--borders-color); 
 border-radius: 20px; 
 padding: 35px 110px; 
 text-align: center; 
 max-width: 870px; 
 width: 100%; 
 margin: 0 auto; 
 position: relative; 
 margin-top: -120px; 
 } 
@media (max-width: 1399px) { 
 .home7-activity-tab-section .activity-tab-wrapper .single-activity .activity-content { 
 max-width: 780px; 
 padding: 35px 80px; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-activity-tab-section .activity-tab-wrapper .single-activity .activity-content { 
 max-width: 600px; 
 padding: 35px 40px; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-activity-tab-section .activity-tab-wrapper .single-activity .activity-content { 
 max-width: 450px; 
 padding: 35px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-activity-tab-section .activity-tab-wrapper .single-activity .activity-content { 
 border-radius: 15px; 
 margin-top: -80px; 
 padding: 35px 15px; 
 } 
 } 
.home7-activity-tab-section .activity-tab-wrapper .single-activity .activity-content h4 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 25px; 
 line-height: 1.3; 
 margin-bottom: 10px; 
 } 
@media (max-width: 767px) { 
 .home7-activity-tab-section .activity-tab-wrapper .single-activity .activity-content h4 { 
 font-size: 23px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-activity-tab-section .activity-tab-wrapper .single-activity .activity-content h4 { 
 font-size: 20px; 
 } 
 } 
.home7-activity-tab-section .activity-tab-wrapper .single-activity .activity-content p { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 16px; 
 line-height: 1.7; 
 margin-bottom: 30px; 
 } 
@media (max-width: 767px) { 
 .home7-activity-tab-section .activity-tab-wrapper .single-activity .activity-content p { 
 font-size: 15px; 
 margin-bottom: 25px; 
 } 
 } 
@media (max-width: 576px) { 
 .home7-activity-tab-section .activity-tab-wrapper .single-activity .activity-content p { 
 font-size: 14px; 
 } 
 } 
.home7-activity-tab-section .activity-tab-wrapper .single-activity .activity-content p span { 
 color: var(--title-color); 
 font-weight: 500; 
 } 
.home7-activity-tab-section .activity-tab-wrapper .single-activity .activity-content .primary-btn1 { 
 padding: 13px 16px; 
 } 
.home7-activity-tab-section .vector1 { 
 position: absolute; 
 top: 13%; 
 left: 9%; 
 z-index: -1; 
 animation: tada 3s linear infinite; 
 } 
@media (max-width: 1699px) { 
 .home7-activity-tab-section .vector1 { 
 left: 5%; 
 } 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home7-activity-tab-section .vector1 { 
 left: 2%; 
 } 
 } 
@media (max-width: 1399px) { 
 .home7-activity-tab-section .vector1 { 
 left: 2%; 
 } 
 } 
@media (max-width: 1199px) { 
 .home7-activity-tab-section .vector1 { 
 width: 80px; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-activity-tab-section .vector1 { 
 top: 23%; 
 width: 70px; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-activity-tab-section .vector1 { 
 display: none; 
 } 
 } 
.home7-activity-tab-section .vector2 { 
 position: absolute; 
 top: 35%; 
 right: 9%; 
 z-index: -1; 
 animation: rotate 5s linear infinite; 
 } 
@media (max-width: 1699px) { 
 .home7-activity-tab-section .vector2 { 
 right: 5%; 
 } 
 } 
@media (max-width: 1199px) { 
 .home7-activity-tab-section .vector2 { 
 top: 30%; 
 right: 20px; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-activity-tab-section .vector2 { 
 top: 33%; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-activity-tab-section .vector2 { 
 display: none; 
 } 
 } 

/*=====================================
 68. Home7 Blog Section CSS
========================================*/
.home7-blog-section { 
 position: relative; 
 z-index: 1; 
 padding: 100px 0; 
 } 
@media (max-width: 991px) { 
 .home7-blog-section { 
 padding: 80px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-blog-section { 
 padding: 70px 0; 
 } 
 } 
.home7-blog-section .vector1 { 
 position: absolute; 
 top: 0; 
 right: 0; 
 z-index: -1; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home7-blog-section .vector1 { 
 width: 150px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home7-blog-section .vector1 { 
 width: 150px; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-blog-section .vector1 { 
 width: 120px; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-blog-section .vector1 { 
 display: none; 
 } 
 } 
.home7-blog-section .vector2 { 
 position: absolute; 
 bottom: 0; 
 right: 0; 
 z-index: -1; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home7-blog-section .vector2 { 
 width: 220px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home7-blog-section .vector2 { 
 width: 220px; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-blog-section .vector2 { 
 display: none; 
 } 
 } 
.home7-blog-section .vector3 { 
 position: absolute; 
 bottom: 0; 
 left: 0; 
 z-index: -1; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home7-blog-section .vector3 { 
 width: 250px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home7-blog-section .vector3 { 
 width: 250px; 
 } 
 } 
@media (max-width: 767px) { 
 .home7-blog-section .vector3 { 
 display: none; 
 } 
 } 

/*=====================================
 69. Home7 Newsletter Section CSS
========================================*/
.home7-newsletter-section { 
 background-image: url(../img/home7/home7-newsletter-bg.png), linear-gradient(180deg, #285340 0%, #285340 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 55px 0; 
 position: relative; 
 z-index: 1; 
 } 
@media (max-width: 1199px) { 
 .home7-newsletter-section { 
 padding: 45px 0; 
 } 
 } 
.home7-newsletter-section .newsletter-wrapper { 
 text-align: center; 
 } 
.home7-newsletter-section .newsletter-wrapper h3 { 
 color: var(--title-color2); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 32px; 
 line-height: 40px; 
 max-width: 476px; 
 width: 100%; 
 margin: 0 auto; 
 margin-bottom: 35px; 
 } 
@media (max-width: 576px) { 
 .home7-newsletter-section .newsletter-wrapper h3 { 
 font-size: 23px; 
 line-height: 36px; 
 margin-bottom: 25px; 
 } 
 } 
.home7-newsletter-section .newsletter-wrapper .newsletter-form { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 10px; 
 background-color: var(--white-color); 
 padding: 10px 25px; 
 border-radius: 10px; 
 margin-bottom: 15px; 
 } 
@media (max-width: 576px) { 
 .home7-newsletter-section .newsletter-wrapper .newsletter-form { 
 padding: 8px 15px; 
 } 
 } 
.home7-newsletter-section .newsletter-wrapper .newsletter-form input { 
 width: 100%; 
 border: none; 
 outline: none; 
 background-color: transparent; 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 } 
@media (max-width: 576px) { 
 .home7-newsletter-section .newsletter-wrapper .newsletter-form input { 
 font-size: 15px; 
 } 
 } 
.home7-newsletter-section .newsletter-wrapper .newsletter-form input::-moz-placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
.home7-newsletter-section .newsletter-wrapper .newsletter-form input::placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
.home7-newsletter-section .newsletter-wrapper .newsletter-form button { 
 min-width: 40px; 
 max-width: 40px; 
 height: 40px; 
 border-radius: 50%; 
 background-color: var(--primary-color3); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
@media (max-width: 576px) { 
 .home7-newsletter-section .newsletter-wrapper .newsletter-form button { 
 min-width: 36px; 
 max-width: 36px; 
 height: 36px; 
 } 
 } 
.home7-newsletter-section .newsletter-wrapper .newsletter-form button svg { 
 fill: var(--title-color2); 
 } 
@media (max-width: 576px) { 
 .home7-newsletter-section .newsletter-wrapper .newsletter-form button svg { 
 width: 16px; 
 } 
 } 
.home7-newsletter-section .newsletter-wrapper span { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 18px; 
 line-height: 1; 
 } 
@media (max-width: 576px) { 
 .home7-newsletter-section .newsletter-wrapper span { 
 font-size: 17px; 
 } 
 } 
.home7-newsletter-section .img1 { 
 position: absolute; 
 bottom: 0; 
 left: 0; 
 z-index: -1; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home7-newsletter-section .img1 { 
 width: 450px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home7-newsletter-section .img1 { 
 width: 430px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home7-newsletter-section .img1 { 
 width: 350px; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-newsletter-section .img1 { 
 display: none; 
 } 
 } 
.home7-newsletter-section .img2 { 
 position: absolute; 
 bottom: 0; 
 right: 0; 
 z-index: -2; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home7-newsletter-section .img2 { 
 width: 380px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home7-newsletter-section .img2 { 
 width: 380px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home7-newsletter-section .img2 { 
 width: 280px; 
 } 
 } 
@media (max-width: 991px) { 
 .home7-newsletter-section .img2 { 
 display: none; 
 } 
 } 

/*=====================================
 70. Home8 Banner Section CSS
========================================*/
.home8-banner-section .banner-content-wrapper { 
 background-image: url(../img/home8/home8-banner-bg.png); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 174px 0 60px; 
 } 
@media (max-width: 991px) { 
 .home8-banner-section .banner-content-wrapper { 
 padding: 160px 0 60px; 
 } 
 } 
@media (max-width: 767px) { 
 .home8-banner-section .banner-content-wrapper { 
 padding: 140px 0 50px; 
 } 
 } 
.home8-banner-section .banner-content-wrapper .banner-title-area > span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 20px; 
 line-height: 1; 
 letter-spacing: 0.15em; 
 display: block; 
 margin-bottom: 25px; 
 } 
@media (max-width: 767px) { 
 .home8-banner-section .banner-content-wrapper .banner-title-area > span { 
 font-size: 18px; 
 margin-bottom: 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .home8-banner-section .banner-content-wrapper .banner-title-area > span { 
 font-size: 17px; 
 letter-spacing: 0.1em; 
 } 
 } 
.home8-banner-section .banner-content-wrapper .banner-title-area h1 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 700; 
 font-size: 58px; 
 line-height: 1.1; 
 margin-bottom: 30px; 
 } 
@media (max-width: 1399px) { 
 .home8-banner-section .banner-content-wrapper .banner-title-area h1 { 
 font-size: 50px; 
 } 
 } 
@media (max-width: 991px) { 
 .home8-banner-section .banner-content-wrapper .banner-title-area h1 { 
 font-size: 48px; 
 line-height: 1.2; 
 margin-bottom: 20px; 
 } 
 } 
@media (max-width: 767px) { 
 .home8-banner-section .banner-content-wrapper .banner-title-area h1 { 
 font-size: 43px; 
 margin-bottom: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .home8-banner-section .banner-content-wrapper .banner-title-area h1 { 
 font-size: 36px; 
 line-height: 1.3; 
 } 
 } 
.home8-banner-section .banner-content-wrapper .banner-title-area p { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 20px; 
 line-height: 30px; 
 margin-bottom: 0; 
 } 
@media (max-width: 767px) { 
 .home8-banner-section .banner-content-wrapper .banner-title-area p { 
 font-size: 18px; 
 } 
 } 
@media (max-width: 576px) { 
 .home8-banner-section .banner-content-wrapper .banner-title-area p { 
 font-size: 17px; 
 } 
 } 
.home8-banner-section .banner-content-wrapper .banner-title-area p span { 
 color: var(--title-color); 
 } 
.home8-banner-section .banner-content-wrapper .award-and-btn-area { 
 position: relative; 
 } 
.home8-banner-section .banner-content-wrapper .award-and-btn-area img { 
 margin-bottom: 100px; 
 } 
@media (max-width: 991px) { 
 .home8-banner-section .banner-content-wrapper .award-and-btn-area img { 
 margin-bottom: 50px; 
 } 
 } 
@media (max-width: 767px) { 
 .home8-banner-section .banner-content-wrapper .award-and-btn-area img { 
 margin-bottom: 40px; 
 } 
 } 
.home8-banner-section .banner-content-wrapper .award-and-btn-area .primary-btn1 { 
 max-width: 275px; 
 width: 100%; 
 margin-bottom: 15px; 
 } 
.home8-banner-section .banner-content-wrapper .award-and-btn-area > span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 display: block; 
 } 
.home8-banner-section .banner-content-wrapper .award-and-btn-area .vector { 
 position: absolute; 
 bottom: 40%; 
 left: -47%; 
 margin-bottom: 0; 
 } 
@media (max-width: 1199px) { 
 .home8-banner-section .banner-content-wrapper .award-and-btn-area .vector { 
 left: -35%; 
 } 
 } 
@media (max-width: 991px) { 
 .home8-banner-section .banner-content-wrapper .award-and-btn-area .vector { 
 display: none; 
 } 
 } 
.home8-banner-section .banner-img { 
 background-size: cover; 
 background-repeat: no-repeat; 
 background-attachment: fixed; 
 background-position: center center; 
 min-height: 600px; 
 } 
@media (max-width: 1399px) { 
 .home8-banner-section .banner-img { 
 min-height: 600px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home8-banner-section .banner-img { 
 min-height: 500px; 
 } 
 } 
@media (max-width: 991px) { 
 .home8-banner-section .banner-img { 
 min-height: 450px; 
 } 
 } 
@media (max-width: 576px) { 
 .home8-banner-section .banner-img { 
 min-height: 350px; 
 background-attachment: unset; 
 } 
 } 

/*=====================================
 71. Home8 Feature Section CSS
========================================*/
.home8-feature-section { 
 background-image: url(../img/home8/home8-feature-bg.png), linear-gradient(180deg, #F0F0F0 0%, #F0F0F0 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 100px 0 185px; 
 } 
@media (max-width: 1199px) { 
 .home8-feature-section { 
 padding: 85px 0 175px; 
 } 
 } 
@media (max-width: 767px) { 
 .home8-feature-section { 
 padding: 70px 0 165px; 
 } 
 } 
.home8-feature-section .single-feature { 
 max-width: 310px; 
 width: 100%; 
 text-align: center; 
 } 
@media (max-width: 576px) { 
 .home8-feature-section .single-feature { 
 margin: 0 auto; 
 } 
 } 
.home8-feature-section .single-feature svg { 
 fill: var(--primary-color4); 
 margin-bottom: 25px; 
 } 
.home8-feature-section .single-feature h4 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 25px; 
 line-height: 1.3; 
 margin-bottom: 25px; 
 } 
@media (max-width: 1199px) { 
 .home8-feature-section .single-feature h4 { 
 font-size: 23px; 
 margin-bottom: 20px; 
 } 
 } 
@media (max-width: 767px) { 
 .home8-feature-section .single-feature h4 { 
 font-size: 21px; 
 margin-bottom: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .home8-feature-section .single-feature h4 { 
 font-size: 20px; 
 } 
 } 
.home8-feature-section .single-feature p { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 24px; 
 margin-bottom: 0; 
 } 
@media (max-width: 767px) { 
 .home8-feature-section .single-feature p { 
 font-size: 15px; 
 } 
 } 
.home8-feature-section .single-feature p span { 
 color: var(--title-color); 
 } 
.home8-feature-section .single-feature:hover svg { 
 animation: bounceIn 1s linear; 
 } 

/*=====================================
 72. home8 visa slider Section CSS
========================================*/
.home8-visa-slider-section .visa-card { 
 padding: 10px; 
 border: 1px solid var(--borders-color); 
 border-radius: 20px; 
 } 
.home8-visa-slider-section .visa-card .visa-img { 
 overflow: hidden; 
 border-radius: 10px; 
 } 
.home8-visa-slider-section .visa-card .visa-img img { 
 border-radius: 10px; 
 min-height: 190px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 transition: all 0.5s ease-out; 
 } 
.home8-visa-slider-section .visa-card .content { 
 padding: 30px 16px 20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home8-visa-slider-section .visa-card .content { 
 padding: 30px 10px 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home8-visa-slider-section .visa-card .content { 
 padding: 25px 5px 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .home8-visa-slider-section .visa-card .content { 
 padding: 25px 5px 15px; 
 } 
 } 
.home8-visa-slider-section .visa-card .content h4 { 
 margin-bottom: 15px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home8-visa-slider-section .visa-card .content h4 { 
 margin-bottom: 10px; 
 } 
 } 
@media (max-width: 576px) { 
 .home8-visa-slider-section .visa-card .content h4 { 
 margin-bottom: 10px; 
 } 
 } 
.home8-visa-slider-section .visa-card .content h4 a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 25px; 
 line-height: 1.3; 
 transition: 0.5s; 
 } 
@media (max-width: 1399px) { 
 .home8-visa-slider-section .visa-card .content h4 a { 
 font-size: 23px; 
 } 
 } 
.home8-visa-slider-section .visa-card .content h4 a:hover { 
 color: var(--primary-color4); 
 } 
.home8-visa-slider-section .visa-card .content p { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 16px; 
 line-height: 24px; 
 margin-bottom: 0; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home8-visa-slider-section .visa-card .content p { 
 font-size: 15px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home8-visa-slider-section .visa-card .content p { 
 font-size: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .home8-visa-slider-section .visa-card .content p { 
 font-size: 14px; 
 } 
 } 
.home8-visa-slider-section .visa-card:hover .visa-img img { 
 transform: scale(1.1); 
 } 

/*=====================================
 73. home8 Process Section CSS
========================================*/
.home8-process-section { 
 background-color: var(--black-color); 
 padding: 100px 0; 
 position: relative; 
 } 
@media (max-width: 1199px) { 
 .home8-process-section { 
 padding: 90px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .home8-process-section { 
 padding: 70px 0; 
 } 
 } 
.home8-process-section .process-wrapper { 
 position: relative; 
 z-index: 1; 
 } 
.home8-process-section .process-wrapper .line { 
 fill: rgba(var(--white-color-opc), 0.15); 
 width: 100%; 
 position: absolute; 
 top: 70px; 
 left: 0; 
 z-index: -1; 
 } 
@media (max-width: 991px) { 
 .home8-process-section .process-wrapper .line { 
 display: none; 
 } 
 } 
.home8-process-section .process-wrapper .process-card { 
 text-align: center; 
 } 
.home8-process-section .process-wrapper .process-card .process-no { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 1; 
 width: 50px; 
 height: 50px; 
 border: 1px solid rgba(var(--white-color-opc), 0.15); 
 background-color: var(--black-color); 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 margin: 0 auto; 
 transition: 0.5s; 
 margin-bottom: 35px; 
 } 
@media (max-width: 1199px) { 
 .home8-process-section .process-wrapper .process-card .process-no { 
 margin-bottom: 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .home8-process-section .process-wrapper .process-card .process-no { 
 margin-bottom: 20px; 
 } 
 } 
.home8-process-section .process-wrapper .process-card h4 { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 25px; 
 line-height: 1.3; 
 margin-bottom: 20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home8-process-section .process-wrapper .process-card h4 { 
 font-size: 24px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home8-process-section .process-wrapper .process-card h4 { 
 font-size: 20px; 
 margin-bottom: 15px; 
 } 
 } 
@media (max-width: 991px) { 
 .home8-process-section .process-wrapper .process-card h4 { 
 font-size: 23px; 
 margin-bottom: 15px; 
 } 
 } 
@media (max-width: 767px) { 
 .home8-process-section .process-wrapper .process-card h4 { 
 font-size: 21px; 
 } 
 } 
.home8-process-section .process-wrapper .process-card p { 
 color: var(--white-text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 16px; 
 line-height: 24px; 
 margin-bottom: 0; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home8-process-section .process-wrapper .process-card p { 
 font-size: 15px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home8-process-section .process-wrapper .process-card p { 
 font-size: 15px; 
 } 
 } 
@media (max-width: 767px) { 
 .home8-process-section .process-wrapper .process-card p { 
 font-size: 15px; 
 } 
 } 
.home8-process-section .process-wrapper .process-card p span { 
 color: var(--white-color); 
 } 
.home8-process-section .process-wrapper .process-card:hover .process-no { 
 background-color: var(--primary-color4); 
 border-color: var(--primary-color4); 
 } 
.home8-process-section .apply-area { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 35px; 
 position: relative; 
 z-index: 2; 
 } 
@media (max-width: 576px) { 
 .home8-process-section .apply-area { 
 flex-direction: column; 
 gap: 20px; 
 } 
 } 
.home8-process-section .apply-area .contact-area { 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 } 
.home8-process-section .apply-area .contact-area .icon { 
 min-width: 48px; 
 max-width: 48px; 
 height: 48px; 
 background-color: var(--primary-color4); 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
.home8-process-section .apply-area .contact-area .icon svg { 
 fill: var(--white-color); 
 } 
.home8-process-section .apply-area .contact-area .content { 
 line-height: 1; 
 } 
.home8-process-section .apply-area .contact-area .content span { 
 color: var(--white-text-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 margin-bottom: 10px; 
 display: block; 
 } 
.home8-process-section .apply-area .contact-area .content a { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1; 
 } 
.home8-process-section .apply-area strong { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 15px; 
 line-height: 1; 
 } 
.home8-process-section .apply-area .primary-btn1 { 
 padding: 16px 21px; 
 } 
.home8-process-section .apply-area .primary-btn1::after { 
 background-color: var(--white-color); 
 } 
.home8-process-section .apply-area .primary-btn1:hover { 
 color: var(--title-color); 
 } 
.home8-process-section .apply-area .primary-btn1:hover svg { 
 fill: var(--title-color); 
 } 
.home8-process-section .vector { 
 position: absolute; 
 bottom: 0; 
 left: 0; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home8-process-section .vector img { 
 width: 320px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home8-process-section .vector img { 
 width: 320px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home8-process-section .vector img { 
 width: 250px; 
 } 
 } 
.home8-process-section .vector::before { 
 content: ""; 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 background: linear-gradient(230.4deg, #110F0F 22.36%, rgba(17, 15, 15, 0) 101.16%); 
 } 
.home8-process-section.two .process-wrapper .process-card:hover .process-no { 
 background-color: var(--primary-color1); 
 border-color: var(--primary-color1); 
 } 
.home8-process-section.two .apply-area .contact-area .icon { 
 background-color: var(--primary-color1); 
 } 

/*=====================================
 74. home8 Company Intro Section CSS
========================================*/
.home8-company-intro-section { 
 background-size: cover; 
 background-repeat: no-repeat; 
 background-attachment: fixed; 
 background-position: center center; 
 min-height: 650px; 
 display: flex; 
 align-items: end; 
 padding-top: 100px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home8-company-intro-section { 
 min-height: 600px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home8-company-intro-section { 
 min-height: 600px; 
 } 
 } 
@media (max-width: 991px) { 
 .home8-company-intro-section { 
 min-height: 520px; 
 } 
 } 
@media (max-width: 576px) { 
 .home8-company-intro-section { 
 min-height: 450px; 
 background-attachment: unset; 
 } 
 } 
.home8-company-intro-section .company-intro-content { 
 padding: 60px 40px; 
 background-color: var(--black-color); 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home8-company-intro-section .company-intro-content { 
 padding: 50px 24px; 
 } 
 } 
@media (max-width: 576px) { 
 .home8-company-intro-section .company-intro-content { 
 padding: 40px 25px; 
 } 
 } 
.home8-company-intro-section .company-intro-content .video-area { 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 margin-bottom: 20px; 
 } 
@media (max-width: 576px) { 
 .home8-company-intro-section .company-intro-content .video-area { 
 margin-bottom: 10px; 
 } 
 } 
.home8-company-intro-section .company-intro-content .video-area .play-btn { 
 min-width: 45px; 
 max-width: 45px; 
 height: 45px; 
 background-color: var(--white-color); 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
.home8-company-intro-section .company-intro-content .video-area .play-btn svg { 
 fill: var(--primary-color4); 
 } 
.home8-company-intro-section .company-intro-content .video-area span { 
 color: var(--white-color); 
 font-family: var(--font-courgette); 
 font-weight: 400; 
 font-size: 20px; 
 line-height: 1; 
 } 
.home8-company-intro-section .company-intro-content .line { 
 fill: var(--white-color); 
 width: 100%; 
 } 
.home8-company-intro-section .company-intro-content p { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 25px; 
 line-height: 35px; 
 margin-bottom: 30px; 
 } 
@media (max-width: 576px) { 
 .home8-company-intro-section .company-intro-content p { 
 font-size: 22px; 
 margin-bottom: 25px; 
 } 
 } 
.home8-company-intro-section .company-intro-content .signature-area { 
 display: flex; 
 align-items: end; 
 gap: 15px; 
 } 
.home8-company-intro-section .company-intro-content .signature-area span { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 } 

/*=====================================
 75. home8 Service Serve Section CSS
========================================*/
.home8-country-serve-section .single-item { 
 padding: 40px 25px; 
 border: 1px solid var(--borders-color); 
 border-radius: 20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home8-country-serve-section .single-item { 
 padding: 35px 15px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home8-country-serve-section .single-item { 
 padding: 35px 15px; 
 border-radius: 15px; 
 } 
 } 
@media (max-width: 991px) { 
 .home8-country-serve-section .single-item { 
 padding: 30px 15px; 
 border-radius: 15px; 
 } 
 } 
.home8-country-serve-section .single-item .title-area { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home8-country-serve-section .single-item .title-area { 
 gap: 8px; 
 } 
 } 
@media (max-width: 576px) { 
 .home8-country-serve-section .single-item .title-area { 
 margin-bottom: 15px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home8-country-serve-section .single-item .title-area img { 
 width: 30px; 
 } 
 } 
.home8-country-serve-section .single-item .title-area h4 { 
 color: var(--primary-color4); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 25px; 
 line-height: 1.3; 
 margin-bottom: 0; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home8-country-serve-section .single-item .title-area h4 { 
 font-size: 23px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home8-country-serve-section .single-item .title-area h4 { 
 font-size: 19px; 
 } 
 } 
@media (max-width: 991px) { 
 .home8-country-serve-section .single-item .title-area h4 { 
 font-size: 19px; 
 } 
 } 
.home8-country-serve-section .single-item .line { 
 fill: var(--borders-color); 
 width: 100%; 
 } 
@media (max-width: 576px) { 
 .home8-country-serve-section .single-item .line { 
 display: none; 
 } 
 } 
.home8-country-serve-section .single-item ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 padding-top: 25px; 
 margin-bottom: 60px; 
 } 
@media (max-width: 1199px) { 
 .home8-country-serve-section .single-item ul { 
 margin-bottom: 50px; 
 padding-top: 20px; 
 } 
 } 
@media (max-width: 991px) { 
 .home8-country-serve-section .single-item ul { 
 margin-bottom: 40px; 
 padding-top: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .home8-country-serve-section .single-item ul { 
 border-top: 1px solid var(--borders-color); 
 padding-top: 25px; 
 margin-bottom: 35px; 
 } 
 } 
.home8-country-serve-section .single-item ul li { 
 color: var(--primary-color4); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 20px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 margin-bottom: 28px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home8-country-serve-section .single-item ul li { 
 font-size: 19px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home8-country-serve-section .single-item ul li { 
 font-size: 17px; 
 gap: 8px; 
 margin-bottom: 25px; 
 } 
 } 
.home8-country-serve-section .single-item ul li:last-child { 
 margin-bottom: 0; 
 } 
.home8-country-serve-section .single-item ul li img { 
 min-width: 20px; 
 max-width: 20px; 
 height: 20px; 
 border-radius: 50%; 
 } 
.home8-country-serve-section .single-item .primary-btn1 { 
 width: 100%; 
 padding: 16px 24px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home8-country-serve-section .single-item .primary-btn1 { 
 font-size: 13px; 
 padding: 16px 10px; 
 } 
 } 
@media (min-width: 768px) and (max-width: 991px) { 
 .home8-country-serve-section .single-item .primary-btn1 { 
 font-size: 13px; 
 padding: 16px 14px; 
 } 
 } 
@media (max-width: 767px) { 
 .home8-country-serve-section .single-item .primary-btn1 { 
 font-size: 14px; 
 padding: 16px 20px; 
 } 
 } 

/*=====================================
 76. home8 Contact Section CSS
========================================*/
.home8-contact-section .contact-wrapper { 
 background-image: url(../img/home8/home8-contact-bg.png), linear-gradient(180deg, #F2F2FF 0%, #F2F2FF 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding-left: 60px; 
 border-radius: 20px; 
 display: flex; 
 align-items: end; 
 justify-content: space-between; 
 gap: 10px; 
 } 
@media (max-width: 1399px) { 
 .home8-contact-section .contact-wrapper { 
 padding-left: 40px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home8-contact-section .contact-wrapper { 
 padding-left: 20px; 
 } 
 } 
@media (max-width: 991px) { 
 .home8-contact-section .contact-wrapper { 
 padding: 0; 
 } 
 } 
@media (max-width: 767px) { 
 .home8-contact-section .contact-wrapper { 
 border-radius: 15px; 
 } 
 } 
.home8-contact-section .contact-wrapper .contact-content { 
 max-width: 510px; 
 width: 100%; 
 padding: 100px 0; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home8-contact-section .contact-wrapper .contact-content { 
 padding: 65px 0; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home8-contact-section .contact-wrapper .contact-content { 
 padding: 60px 0; 
 } 
 } 
@media (max-width: 991px) { 
 .home8-contact-section .contact-wrapper .contact-content { 
 max-width: unset; 
 padding: 80px 40px; 
 } 
 } 
@media (max-width: 767px) { 
 .home8-contact-section .contact-wrapper .contact-content { 
 padding: 70px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .home8-contact-section .contact-wrapper .contact-content { 
 padding: 60px 15px; 
 } 
 } 
.home8-contact-section .contact-wrapper .contact-content .section-title > span { 
 color: var(--primary-color4); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1; 
 display: block; 
 margin-bottom: 20px; 
 } 
@media (max-width: 576px) { 
 .home8-contact-section .contact-wrapper .contact-content .section-title > span { 
 font-size: 16px; 
 margin-bottom: 15px; 
 } 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home8-contact-section .contact-wrapper .contact-content .section-title h2 { 
 font-size: 37px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home8-contact-section .contact-wrapper .contact-content .section-title h2 { 
 font-size: 33px; 
 line-height: 1.2; 
 } 
 } 
.home8-contact-section .contact-wrapper .contact-content .primary-btn1 { 
 margin-top: 50px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home8-contact-section .contact-wrapper .contact-content .primary-btn1 { 
 margin-top: 40px; 
 } 
 } 
@media (max-width: 767px) { 
 .home8-contact-section .contact-wrapper .contact-content .primary-btn1 { 
 margin-top: 40px; 
 } 
 } 
@media (max-width: 576px) { 
 .home8-contact-section .contact-wrapper .contact-content .primary-btn1 { 
 margin-top: 35px; 
 } 
 } 
@media (max-width: 991px) { 
 .home8-contact-section .contact-wrapper .contact-img { 
 display: none; 
 } 
 } 
@media (max-width: 1399px) { 
 .home8-contact-section .contact-wrapper .contact-img img { 
 min-width: 570px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home8-contact-section .contact-wrapper .contact-img img { 
 min-width: 480px; 
 min-height: 320px; 
 } 
 } 

/*=====================================
 77. home8 testimonial Section CSS
========================================*/
.home8-testimoninal-section .testimonial-banner-img { 
 background-size: cover; 
 background-repeat: no-repeat; 
 background-attachment: fixed; 
 background-position: center center; 
 min-height: 680px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .home8-testimoninal-section .testimonial-banner-img { 
 min-height: 600px; 
 } 
 } 
@media (max-width: 1399px) { 
 .home8-testimoninal-section .testimonial-banner-img { 
 min-height: 580px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home8-testimoninal-section .testimonial-banner-img { 
 min-height: 520px; 
 } 
 } 
@media (max-width: 991px) { 
 .home8-testimoninal-section .testimonial-banner-img { 
 min-height: 450px; 
 } 
 } 
@media (max-width: 576px) { 
 .home8-testimoninal-section .testimonial-banner-img { 
 min-height: 350px; 
 background-attachment: unset; 
 } 
 } 
.home8-testimoninal-section .testimonial-wrapper { 
 background-color: #F2F2FF; 
 padding: 100px 0; 
 position: relative; 
 z-index: 1; 
 } 
@media (max-width: 1199px) { 
 .home8-testimoninal-section .testimonial-wrapper { 
 padding: 90px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .home8-testimoninal-section .testimonial-wrapper { 
 padding: 70px 0; 
 } 
 } 
.home8-testimoninal-section .testimonial-wrapper .section-title { 
 max-width: 448px; 
 width: 100%; 
 } 
.home8-testimoninal-section .testimonial-wrapper .section-title .rating-area { 
 margin-top: 50px; 
 display: inline-flex; 
 align-items: center; 
 gap: 10px; 
 padding: 12px 22px; 
 background-color: var(--white-color); 
 border-radius: 100px; 
 } 
@media (max-width: 991px) { 
 .home8-testimoninal-section .testimonial-wrapper .section-title .rating-area { 
 margin-top: 30px; 
 } 
 } 
.home8-testimoninal-section .testimonial-wrapper .section-title .rating-area .content { 
 line-height: 1; 
 } 
.home8-testimoninal-section .testimonial-wrapper .section-title .rating-area .content .rating-star { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 margin-bottom: 10px; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 line-height: 1; 
 } 
.home8-testimoninal-section .testimonial-wrapper .section-title .rating-area .content .rating-star li i { 
 color: #E4C40C; 
 font-size: 12px; 
 } 
.home8-testimoninal-section .testimonial-wrapper .section-title .rating-area .content span { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 12px; 
 line-height: 1; 
 } 
.home8-testimoninal-section .testimonial-wrapper .section-title .rating-area .content span strong { 
 font-size: 14px; 
 font-weight: 600; 
 } 
.home8-testimoninal-section .testimonial-wrapper .testimonial-card { 
 padding: 40px 30px; 
 height: 100%; 
 display: flex; 
 flex-direction: column; 
 justify-content: space-between; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home8-testimoninal-section .testimonial-wrapper .testimonial-card { 
 padding: 35px 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home8-testimoninal-section .testimonial-wrapper .testimonial-card { 
 padding: 35px 20px; 
 } 
 } 
@media (max-width: 991px) { 
 .home8-testimoninal-section .testimonial-wrapper .testimonial-card { 
 padding: 35px 25px; 
 } 
 } 
@media (max-width: 576px) { 
 .home8-testimoninal-section .testimonial-wrapper .testimonial-card { 
 padding: 30px 20px; 
 } 
 } 
.home8-testimoninal-section .testimonial-wrapper .testimonial-card p { 
 font-size: 21px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .home8-testimoninal-section .testimonial-wrapper .testimonial-card p { 
 font-size: 19px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .home8-testimoninal-section .testimonial-wrapper .testimonial-card p { 
 font-size: 18px; 
 } 
 } 
@media (max-width: 991px) { 
 .home8-testimoninal-section .testimonial-wrapper .testimonial-card p { 
 font-size: 20px; 
 } 
 } 
@media (max-width: 767px) { 
 .home8-testimoninal-section .testimonial-wrapper .testimonial-card p { 
 font-size: 19px; 
 } 
 } 
@media (max-width: 576px) { 
 .home8-testimoninal-section .testimonial-wrapper .testimonial-card p { 
 font-size: 18px; 
 } 
 } 
.home8-testimoninal-section .testimonial-wrapper .testimonial-card .author-area { 
 margin-top: 60px; 
 } 
@media (max-width: 1199px) { 
 .home8-testimoninal-section .testimonial-wrapper .testimonial-card .author-area { 
 margin-top: 50px; 
 } 
 } 
@media (max-width: 991px) { 
 .home8-testimoninal-section .testimonial-wrapper .testimonial-card .author-area { 
 margin-top: 40px; 
 } 
 } 
.home8-testimoninal-section .testimonial-wrapper .vector1 { 
 position: absolute; 
 bottom: 0; 
 left: 0; 
 z-index: -1; 
 } 
@media (max-width: 1399px) { 
 .home8-testimoninal-section .testimonial-wrapper .vector1 { 
 width: 250px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home8-testimoninal-section .testimonial-wrapper .vector1 { 
 width: 200px; 
 } 
 } 
@media (max-width: 576px) { 
 .home8-testimoninal-section .testimonial-wrapper .vector1 { 
 display: none; 
 } 
 } 
.home8-testimoninal-section .testimonial-wrapper .vector2 { 
 position: absolute; 
 bottom: 0; 
 right: 0; 
 } 
@media (max-width: 1399px) { 
 .home8-testimoninal-section .testimonial-wrapper .vector2 { 
 width: 300px; 
 } 
 } 
@media (max-width: 1199px) { 
 .home8-testimoninal-section .testimonial-wrapper .vector2 { 
 width: 250px; 
 } 
 } 
@media (max-width: 576px) { 
 .home8-testimoninal-section .testimonial-wrapper .vector2 { 
 display: none; 
 } 
 } 

/*=====================================
 78. Breadcrumb Section CSS
========================================*/
.breadcrumb-section { 
 background-size: cover; 
 background-repeat: no-repeat; 
 background-position: center; 
 padding: 130px 0; 
 position: relative; 
 } 
@media (max-width: 991px) { 
 .breadcrumb-section { 
 padding: 120px 0; 
 } 
 } 
.breadcrumb-section .banner-content { 
 position: relative; 
 text-align: center; 
 z-index: 1; 
 max-width: 710px; 
 width: 100%; 
 margin: 0 auto; 
 } 
.breadcrumb-section .banner-content > span { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 18px; 
 line-height: 30px; 
 display: block; 
 margin-bottom: 25px; 
 } 
@media (max-width: 767px) { 
 .breadcrumb-section .banner-content > span { 
 font-size: 17px; 
 margin-bottom: 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .breadcrumb-section .banner-content > span { 
 font-size: 16px; 
 } 
 } 
.breadcrumb-section .banner-content > span strong { 
 font-size: 32px; 
 font-weight: 600; 
 } 
@media (max-width: 767px) { 
 .breadcrumb-section .banner-content > span strong { 
 font-size: 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .breadcrumb-section .banner-content > span strong { 
 font-size: 27px; 
 } 
 } 
.breadcrumb-section .banner-content h1 { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 50px; 
 line-height: 1.2; 
 margin-bottom: 25px; 
 } 
@media (max-width: 991px) { 
 .breadcrumb-section .banner-content h1 { 
 font-size: 45px; 
 } 
 } 
@media (max-width: 767px) { 
 .breadcrumb-section .banner-content h1 { 
 font-size: 40px; 
 } 
 } 
@media (max-width: 767px) { 
 .breadcrumb-section .banner-content h1 { 
 font-size: 33px; 
 margin-bottom: 20px; 
 } 
 } 
.breadcrumb-section .banner-content .breadcrumb-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 flex-wrap: wrap; 
 gap: 10px; 
 } 
.breadcrumb-section .banner-content .breadcrumb-list li { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 position: relative; 
 padding-right: 18px; 
 } 
.breadcrumb-section .banner-content .breadcrumb-list li a { 
 color: var(--white-color); 
 transition: 0.5s; 
 } 
.breadcrumb-section .banner-content .breadcrumb-list li::after { 
 content: ""; 
 position: absolute; 
 right: 0; 
 top: 50%; 
 transform: translateY(-50%); 
 width: 8px; 
 height: 8px; 
 border-radius: 50%; 
 background-color: var(--white-color); 
 } 
.breadcrumb-section .banner-content .breadcrumb-list li:last-child { 
 padding-right: 0; 
 } 
.breadcrumb-section .banner-content .breadcrumb-list li:last-child::after { 
 display: none; 
 } 
.breadcrumb-section .banner-content .batch span { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 1; 
 display: inline-block; 
 padding: 14px 30px; 
 background-color: rgba(var(--white-color-opc), 0.2); 
 -webkit-backdrop-filter: blur(150px); 
 backdrop-filter: blur(150px); 
 border: 1px solid rgba(var(--white-color-opc), 0.1); 
 border-radius: 100px; 
 } 
@media (max-width: 991px) { 
 .breadcrumb-section .banner-content .batch span { 
 font-size: 18px; 
 } 
 } 
@media (max-width: 576px) { 
 .breadcrumb-section .banner-content .batch span { 
 padding: 14px 20px; 
 font-size: 16px; 
 } 
 } 
@media (max-width: 767px) { 
 .breadcrumb-section .slider-btn-grp { 
 display: none; 
 } 
 } 
.breadcrumb-section .slider-btn-grp .slider-btn { 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 left: 70px; 
 min-width: 50px; 
 max-width: 50px; 
 height: 50px; 
 z-index: 3; 
 border: 1px solid rgba(var(--white-color-opc), 0.1); 
 background-color: rgba(var(--black-color-opc), 0.05); 
 -webkit-backdrop-filter: blur(15px); 
 backdrop-filter: blur(15px); 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .breadcrumb-section .slider-btn-grp .slider-btn { 
 left: 50px; 
 } 
 } 
@media (max-width: 1399px) { 
 .breadcrumb-section .slider-btn-grp .slider-btn { 
 left: 50px; 
 } 
 } 
@media (max-width: 1199px) { 
 .breadcrumb-section .slider-btn-grp .slider-btn { 
 left: 40px; 
 } 
 } 
@media (max-width: 991px) { 
 .breadcrumb-section .slider-btn-grp .slider-btn { 
 left: 20px; 
 } 
 } 
.breadcrumb-section .slider-btn-grp .slider-btn svg { 
 stroke: none; 
 fill: var(--white-color); 
 } 
@media (max-width: 1199px) { 
 .breadcrumb-section .slider-btn-grp .slider-btn svg { 
 width: 20px; 
 } 
 } 
.breadcrumb-section .slider-btn-grp .slider-btn:hover { 
 background-color: var(--primary-color1); 
 } 
.breadcrumb-section .slider-btn-grp .slider-btn.banner-slider-next { 
 left: unset; 
 right: 70px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .breadcrumb-section .slider-btn-grp .slider-btn.banner-slider-next { 
 right: 50px; 
 } 
 } 
@media (max-width: 1399px) { 
 .breadcrumb-section .slider-btn-grp .slider-btn.banner-slider-next { 
 right: 50px; 
 } 
 } 
@media (max-width: 1199px) { 
 .breadcrumb-section .slider-btn-grp .slider-btn.banner-slider-next { 
 right: 40px; 
 } 
 } 
@media (max-width: 991px) { 
 .breadcrumb-section .slider-btn-grp .slider-btn.banner-slider-next { 
 right: 20px; 
 } 
 } 
.breadcrumb-section.two { 
 padding: 0; 
 } 
.breadcrumb-section.two .banner-bg { 
 background-size: cover; 
 background-repeat: no-repeat; 
 background-position: center; 
 min-height: 600px; 
 animation: imageAnimation 15s ease-in-out infinite 0s; 
 } 
@media (max-width: 991px) { 
 .breadcrumb-section.two .banner-bg { 
 min-height: 500px; 
 } 
 } 
.breadcrumb-section.two .banner-content-wrap { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 padding: 175px 0; 
 } 
@media (max-width: 991px) { 
 .breadcrumb-section.two .banner-content-wrap { 
 padding: 155px 0; 
 } 
 } 
@media (max-width: 576px) { 
 .breadcrumb-section.two .banner-content-wrap { 
 padding: 140px 0; 
 } 
 } 
.breadcrumb-section.three { 
 padding: 100px 0 180px; 
 } 
@media (max-width: 576px) { 
 .breadcrumb-section.three { 
 padding: 90px 0 170px; 
 } 
 } 
.breadcrumb-section.four { 
 background-image: url(../img/innerpages/breadcrumb-bg8.png), linear-gradient(180deg, #BDEBCE 0%, #BDEBCE 100%); 
 padding: 70px 0 165px; 
 } 
@media (max-width: 576px) { 
 .breadcrumb-section.four { 
 padding: 60px 0 160px; 
 } 
 } 
.breadcrumb-section.four .banner-content { 
 max-width: unset; 
 text-align: left; 
 margin-left: auto; 
 } 
.breadcrumb-section.four .banner-content .rating-area { 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 margin-bottom: 15px; 
 } 
@media (max-width: 576px) { 
 .breadcrumb-section.four .banner-content .rating-area { 
 flex-wrap: wrap; 
 gap: 10px; 
 } 
 } 
.breadcrumb-section.four .banner-content .rating-area .star { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 6px; 
 line-height: 1; 
 } 
.breadcrumb-section.four .banner-content .rating-area .star li i { 
 color: #DDA701; 
 font-size: 14px; 
 } 
.breadcrumb-section.four .banner-content .rating-area span { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1; 
 } 
.breadcrumb-section.four .banner-content h1 { 
 color: var(--title-color); 
 margin-bottom: 20px; 
 } 
@media (max-width: 576px) { 
 .breadcrumb-section.four .banner-content h1 { 
 font-size: 30px; 
 } 
 } 
.breadcrumb-section.four .banner-content .location-area { 
 display: flex; 
 align-items: center; 
 gap: 30px; 
 flex-wrap: wrap; 
 } 
@media (max-width: 767px) { 
 .breadcrumb-section.four .banner-content .location-area { 
 gap: 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .breadcrumb-section.four .banner-content .location-area { 
 gap: 15px; 
 } 
 } 
.breadcrumb-section.four .banner-content .location-area .location { 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 } 
.breadcrumb-section.four .banner-content .location-area .location svg { 
 fill: var(--text-color); 
 transition: 0.5s; 
 min-width: 14px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .breadcrumb-section.four .banner-content .location-area .location svg { 
 width: 12px; 
 } 
 } 
.breadcrumb-section.four .banner-content .location-area .location a { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1.3; 
 transition: 0.5s; 
 } 
@media (max-width: 576px) { 
 .breadcrumb-section.four .banner-content .location-area .location a { 
 font-size: 15px; 
 } 
 } 
.breadcrumb-section.four .banner-content .location-area .location a:hover { 
 color: var(--primary-color1); 
 } 
.breadcrumb-section.four .banner-content .location-area .map-view { 
 color: var(--primary-color1); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 transition: 0.5s; 
 } 
.breadcrumb-section.four .banner-content .location-area .map-view svg { 
 fill: var(--primary-color1); 
 transition: 0.5s; 
 } 
.breadcrumb-section.four .banner-content .location-area .map-view:hover { 
 color: var(--title-color); 
 } 
.breadcrumb-section.four .banner-content .location-area .map-view:hover svg { 
 fill: var(--title-color); 
 } 

/*=====================================
 79. Destination Page CSS
========================================*/
.destination-page .nav-pills { 
 justify-content: center; 
 gap: 15px; 
 } 
@media (max-width: 991px) { 
 .destination-page .nav-pills { 
 gap: 10px; 
 row-gap: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-page .nav-pills { 
 gap: 8px; 
 row-gap: 15px; 
 } 
 } 
.destination-page .nav-pills .nav-item .nav-link { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 18px; 
 line-height: 1; 
 padding: 6px 18px; 
 border-radius: 16px; 
 border: 1px solid var(--borders-color); 
 transition: 0.5s; 
 } 
@media (max-width: 991px) { 
 .destination-page .nav-pills .nav-item .nav-link { 
 font-size: 16px; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-page .nav-pills .nav-item .nav-link { 
 font-size: 15px; 
 padding: 5px 13px; 
 } 
 } 
.destination-page .nav-pills .nav-item .nav-link:hover { 
 color: var(--white-color); 
 background-color: var(--black-color); 
 border-color: var(--black-color); 
 } 
.destination-page .nav-pills .nav-item .nav-link.active { 
 color: var(--white-color); 
 background-color: var(--black-color); 
 border-color: var(--black-color); 
 } 

/*=====================================
 80. Travel Inspiration Page CSS
========================================*/
.pagination-area { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 15px; 
 flex-wrap: wrap; 
 } 
@media (max-width: 767px) { 
 .pagination-area { 
 gap: 10px; 
 } 
 } 
.pagination-area .paginations { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 } 
.pagination-area .paginations .page-item a { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-size: 16px; 
 font-weight: 600; 
 line-height: 1; 
 width: 36px; 
 height: 36px; 
 border-radius: 50%; 
 border: 1px solid var(--borders-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 transition: 0.5s; 
 } 
@media (max-width: 576px) { 
 .pagination-area .paginations .page-item a { 
 width: 30px; 
 height: 30px; 
 font-size: 12px; 
 } 
 } 
.pagination-area .paginations .page-item a:hover { 
 background-color: var(--primary-color1); 
 color: var(--white-color); 
 } 
.pagination-area .paginations .page-item.active a { 
 background-color: var(--primary-color1); 
 color: var(--white-color); 
 } 
.pagination-area .paginations-button a { 
 min-width: 88px; 
 max-width: 88px; 
 height: 88px; 
 border-radius: 50%; 
 border: 1px solid var(--borders-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 4px; 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 16px; 
 font-weight: 600; 
 line-height: 1; 
 transition: 0.7s; 
 } 
@media (max-width: 576px) { 
 .pagination-area .paginations-button a { 
 min-width: 65px; 
 max-width: 65px; 
 height: 65px; 
 font-size: 14px; 
 } 
 } 
.pagination-area .paginations-button a svg { 
 fill: none; 
 stroke: var(--title-color); 
 transition: 0.5s; 
 } 
.pagination-area .paginations-button a:hover { 
 color: var(--white-color); 
 box-shadow: inset 0 0 0 10em var(--primary-color1); 
 } 
.pagination-area .paginations-button a:hover svg { 
 stroke: var(--white-color); 
 } 

/*=====================================
 81. Inspiration Details Page CSS
========================================*/
.inspiration-details p a { 
 color: var(--primary-color1); 
 text-decoration: underline; 
 font-weight: 500; 
 } 
.inspiration-details img { 
 border-radius: 20px; 
 height: 100%; 
 min-height: 200px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
@media (max-width: 576px) { 
 .inspiration-details img { 
 width: 100%; 
 } 
 } 
.inspiration-details .inspiration-image span { 
 display: block; 
 text-align: center; 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 14px; 
 line-height: 1; 
 margin-top: 15px; 
 } 
.inspiration-details .activite-tag h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 16px; 
 font-weight: 600; 
 line-height: 1; 
 margin-bottom: 20px; 
 } 
.inspiration-details .activite-tag ul { 
 margin: 0; 
 padding: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 20px; 
 flex-wrap: wrap; 
 } 
@media (max-width: 576px) { 
 .inspiration-details .activite-tag ul { 
 gap: 15px; 
 row-gap: 20px; 
 } 
 } 
.inspiration-details .activite-tag ul li a { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 16px; 
 line-height: 1; 
 transition: 0.5s; 
 padding: 9px 20px; 
 border-radius: 100px; 
 background-color: #f0f0f0; 
 } 
@media (max-width: 576px) { 
 .inspiration-details .activite-tag ul li a { 
 font-size: 15px; 
 padding: 8px 18px; 
 } 
 } 
.inspiration-details .activite-tag ul li a:hover { 
 color: var(--white-color); 
 background-color: var(--black-color); 
 } 
.inspiration-details .single-visit { 
 border: 1px solid #eee; 
 border-radius: 10px; 
 padding: 25px 20px; 
 display: block; 
 transition: 0.5s; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .inspiration-details .single-visit { 
 padding: 25px 14px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .inspiration-details .single-visit { 
 padding: 25px 14px; 
 } 
 } 
@media (max-width: 576px) { 
 .inspiration-details .single-visit { 
 padding: 25px 14px; 
 } 
 } 
.inspiration-details .single-visit svg { 
 fill: var(--primary-color1); 
 margin-bottom: 15px; 
 } 
.inspiration-details .single-visit h5 { 
 margin-bottom: 0px; 
 } 
.inspiration-details .single-visit h5 a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 28px; 
 background: linear-gradient(to bottom, var(--title-color) 0%, var(--title-color) 98%); 
 background-size: 0px 1.5px; 
 background-repeat: no-repeat; 
 background-position: right 90%; 
 transition: background-size 0.75s; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .inspiration-details .single-visit h5 a { 
 font-size: 17px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .inspiration-details .single-visit h5 a { 
 font-size: 16px; 
 line-height: 26px; 
 } 
 } 
.inspiration-details .single-visit h5 a:hover { 
 background-size: 100% 1.5px; 
 background-position: 0% 90%; 
 } 
.inspiration-details .visit-wrap .col-lg-3:nth-child(odd) .single-visit { 
 background-color: #f0f0f0; 
 } 
.inspiration-details .tag-and-social-area { 
 padding: 17px 30px; 
 border: 1px solid var(--borders-color); 
 border-radius: 33px; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 20px; 
 flex-wrap: wrap; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .inspiration-details .tag-and-social-area { 
 padding: 17px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .inspiration-details .tag-and-social-area { 
 padding: 22px 15px; 
 border-radius: 15px; 
 gap: 30px; 
 } 
 } 
.inspiration-details .tag-and-social-area .tag-area { 
 display: flex; 
 align-items: center; 
 gap: 16px; 
 } 
.inspiration-details .tag-and-social-area .tag-area h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1; 
 margin-bottom: 0px; 
 } 
.inspiration-details .tag-and-social-area .tag-area .tag-list { 
 margin: 0; 
 padding: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 flex-wrap: wrap; 
 } 
.inspiration-details .tag-and-social-area .tag-area .tag-list li a { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 transition: 0.5s; 
 padding: 8px 20px; 
 border-radius: 100px; 
 background-color: #f0f0f0; 
 } 
@media (max-width: 576px) { 
 .inspiration-details .tag-and-social-area .tag-area .tag-list li a { 
 font-size: 15px; 
 padding: 7px 18px; 
 } 
 } 
.inspiration-details .tag-and-social-area .tag-area .tag-list li a:hover { 
 color: var(--white-color); 
 background-color: var(--primary-color1); 
 } 
.inspiration-details .tag-and-social-area .social-area { 
 display: flex; 
 align-items: center; 
 gap: 16px; 
 } 
.inspiration-details .tag-and-social-area .social-area h6 { 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1; 
 color: var(--black-color); 
 margin-bottom: 0px; 
 } 
.inspiration-details .tag-and-social-area .social-area .social-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 16px; 
 } 
.inspiration-details .tag-and-social-area .social-area .social-list li a { 
 width: 28px; 
 height: 28px; 
 border-radius: 50%; 
 background-color: #F0F0F0; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 color: var(--text-color); 
 transition: 0.5s; 
 } 
.inspiration-details .tag-and-social-area .social-area .social-list li a i { 
 font-size: 16px; 
 } 
.inspiration-details .tag-and-social-area .social-area .social-list li a i.bi-twitter-x { 
 font-size: 12px; 
 } 
.inspiration-details .tag-and-social-area .social-area .social-list li a:hover { 
 color: var(--white-color); 
 background-color: var(--primary-color1); 
 } 
.inspiration-details .comment-and-form-area .inquiry-form { 
 background: #C1E8CF; 
 border-radius: 20px; 
 padding: 55px 60px; 
 } 
@media (max-width: 1399px) { 
 .inspiration-details .comment-and-form-area .inquiry-form { 
 padding: 55px 50px; 
 } 
 } 
@media (max-width: 1199px) { 
 .inspiration-details .comment-and-form-area .inquiry-form { 
 padding: 45px 40px; 
 } 
 } 
@media (max-width: 767px) { 
 .inspiration-details .comment-and-form-area .inquiry-form { 
 padding: 40px 25px; 
 } 
 } 
@media (max-width: 576px) { 
 .inspiration-details .comment-and-form-area .inquiry-form { 
 border-radius: 15px; 
 padding: 40px 20px; 
 } 
 } 
.inspiration-details .comment-and-form-area .inquiry-form .form-wrap { 
 margin-top: 35px; 
 } 
@media (max-width: 576px) { 
 .inspiration-details .comment-and-form-area .inquiry-form .form-wrap { 
 margin-top: 30px; 
 } 
 } 
.inspiration-details .comment-and-form-area .inquiry-form .form-wrap .form-inner input,
.inspiration-details .comment-and-form-area .inquiry-form .form-wrap .form-inner textarea { 
 background-color: #fff; 
 font-size: 16px; 
 border: 1px solid transparent; 
 } 
.inspiration-details .comment-and-form-area .inquiry-form .form-wrap .form-inner input::-moz-placeholder, .inspiration-details .comment-and-form-area .inquiry-form .form-wrap .form-inner textarea::-moz-placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
.inspiration-details .comment-and-form-area .inquiry-form .form-wrap .form-inner input::placeholder,
.inspiration-details .comment-and-form-area .inquiry-form .form-wrap .form-inner textarea::placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
.inspiration-details .comment-and-form-area .inquiry-form .form-wrap .form-inner input:focus,
.inspiration-details .comment-and-form-area .inquiry-form .form-wrap .form-inner textarea:focus { 
 border-color: var(--primary-color1); 
 } 
.inspiration-details .comment-and-form-area .inquiry-form .form-wrap .form-inner2 .form-check-input { 
 border-color: var(--black-color); 
 height: 14px; 
 width: 14px; 
 } 
.inspiration-details .comment-and-form-area .inquiry-form .form-wrap .form-inner2 .form-check-input:checked { 
 background-color: var(--primary-color1); 
 border-color: var(--primary-color1); 
 } 
.inspiration-details .comment-and-form-area .inquiry-form .form-wrap .primary-btn1 { 
 font-size: 16px; 
 padding: 20px 30px; 
 } 
@media (max-width: 576px) { 
 .inspiration-details .comment-and-form-area .inquiry-form .form-wrap .primary-btn1 { 
 padding: 20px 24px; 
 font-size: 15px; 
 } 
 } 

.comment-area .comment { 
 margin: 0; 
 padding: 0; 
 list-style: none; 
 } 
.comment-area .comment > li { 
 margin-bottom: 40px; 
 } 
.comment-area .comment > li > .single-comment-area { 
 margin-bottom: 24px; 
 } 
.comment-area .comment > li:last-child { 
 margin-bottom: 0; 
 } 
.comment-area .comment .single-comment-area { 
 display: flex; 
 align-items: flex-start; 
 gap: 20px; 
 } 
@media (max-width: 576px) { 
 .comment-area .comment .single-comment-area { 
 gap: 15px; 
 flex-wrap: wrap; 
 } 
 } 
.comment-area .comment .single-comment-area .author-img img { 
 max-width: 50px; 
 min-width: 50px; 
 height: 50px; 
 min-height: unset; 
 border-radius: 50%; 
 } 
.comment-area .comment .single-comment-area .comment-content .author-name-deg { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 margin-bottom: 10px; 
 flex-wrap: wrap; 
 } 
.comment-area .comment .single-comment-area .comment-content .author-name-deg h6 { 
 line-height: 1; 
 margin-bottom: 0; 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 18px; 
 font-weight: 600; 
 } 
@media (max-width: 576px) { 
 .comment-area .comment .single-comment-area .comment-content .author-name-deg h6 { 
 font-size: 16px; 
 } 
 } 
.comment-area .comment .single-comment-area .comment-content .author-name-deg span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-size: 16px; 
 font-weight: 500; 
 line-height: 1; 
 } 
@media (max-width: 576px) { 
 .comment-area .comment .single-comment-area .comment-content .author-name-deg span { 
 font-size: 14px; 
 } 
 } 
.comment-area .comment .single-comment-area .comment-content p { 
 color: var(--text-color); 
 margin-bottom: 12px; 
 } 
@media (max-width: 576px) { 
 .comment-area .comment .single-comment-area .comment-content p { 
 font-size: 15px; 
 } 
 } 
.comment-area .comment .single-comment-area .comment-content .replay-btn { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-size: 16px; 
 font-weight: 600; 
 display: inline-flex; 
 align-items: center; 
 gap: 5px; 
 line-height: 1; 
 cursor: pointer; 
 transition: 0.35s; 
 } 
.comment-area .comment .single-comment-area .comment-content .replay-btn svg { 
 transition: 0.35s; 
 fill: var(--title-color); 
 } 
.comment-area .comment .single-comment-area .comment-content .replay-btn:hover { 
 color: var(--primary-color1); 
 } 
.comment-area .comment .single-comment-area .comment-content .replay-btn:hover svg { 
 fill: var(--primary-color1); 
 } 
.comment-area .comment .single-comment-area .comment-content .review-item-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 margin-bottom: 25px; 
 max-width: 590px; 
 width: 100%; 
 display: flex; 
 align-items: center; 
 gap: 45px; 
 flex-wrap: wrap; 
 row-gap: 25px; 
 padding-top: 10px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .comment-area .comment .single-comment-area .comment-content .review-item-list { 
 gap: 35px; 
 row-gap: 25px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .comment-area .comment .single-comment-area .comment-content .review-item-list { 
 gap: 24px; 
 row-gap: 25px; 
 } 
 } 
@media (max-width: 576px) { 
 .comment-area .comment .single-comment-area .comment-content .review-item-list { 
 row-gap: 20px; 
 } 
 } 
.comment-area .comment .single-comment-area .comment-content .review-item-list li { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
.comment-area .comment .single-comment-area .comment-content .review-item-list li span { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 } 
.comment-area .comment .single-comment-area .comment-content .review-item-list li .star-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 6px; 
 line-height: 1; 
 } 
.comment-area .comment .single-comment-area .comment-content .review-item-list li .star-list li i { 
 color: #DDA701; 
 } 
.comment-area .comment .comment-replay { 
 margin: 0; 
 padding: 0; 
 list-style: none; 
 margin-left: 70px; 
 border-top: 1px solid var(--borders-color); 
 padding-top: 24px; 
 } 
@media (max-width: 576px) { 
 .comment-area .comment .comment-replay { 
 margin-left: 25px; 
 } 
 } 
.comment-area .comment .comment-replay > li { 
 margin-bottom: 30px; 
 } 
.comment-area .comment .comment-replay > li:last-child { 
 margin-bottom: 0; 
 } 

.blog-sidebar-area .search-widget .search-box { 
 border-radius: 10px; 
 background-color: #f0f0f0; 
 padding: 22px 30px; 
 display: flex; 
 align-items: center; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-sidebar-area .search-widget .search-box { 
 padding: 20px 20px; 
 } 
 } 
.blog-sidebar-area .search-widget .search-box input { 
 background-color: transparent; 
 border: none; 
 padding-left: 10px; 
 width: 100%; 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1; 
 } 
.blog-sidebar-area .search-widget .search-box input::-moz-placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
.blog-sidebar-area .search-widget .search-box input::placeholder { 
 color: #AAAAAA; 
 font-weight: 400; 
 } 
.blog-sidebar-area .widget-title { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 25px; 
 font-weight: 600; 
 line-height: 0.9; 
 margin-bottom: 30px; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .blog-sidebar-area .widget-title { 
 font-size: 23px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-sidebar-area .widget-title { 
 font-size: 22px; 
 } 
 } 
.blog-sidebar-area .widget-title svg { 
 fill: var(--primary-color1); 
 } 
.blog-sidebar-area .single-widget { 
 padding: 35px 30px; 
 border: 1px solid var(--borders-color); 
 border-radius: 20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .blog-sidebar-area .single-widget { 
 padding: 30px 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-sidebar-area .single-widget { 
 padding: 30px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .blog-sidebar-area .single-widget { 
 padding: 30px 15px; 
 } 
 } 
.blog-sidebar-area .single-widget .category-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 } 
.blog-sidebar-area .single-widget .category-list li { 
 position: relative; 
 display: flex; 
 align-items: center; 
 margin-bottom: 25px; 
 transition: 0.5s; 
 } 
.blog-sidebar-area .single-widget .category-list li:last-child { 
 margin-bottom: 0; 
 } 
.blog-sidebar-area .single-widget .category-list li a { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 width: 100%; 
 flex-wrap: wrap; 
 gap: 5px; 
 transition: 0.5s; 
 } 
.blog-sidebar-area .single-widget .category-list li a span { 
 color: var(--black-color); 
 font-family: var(--font-poppins); 
 font-size: 16px; 
 font-weight: 400; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 transition: 0.5s; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-sidebar-area .single-widget .category-list li a span { 
 font-size: 15px; 
 } 
 } 
.blog-sidebar-area .single-widget .category-list li:hover a span { 
 color: var(--primary-color1); 
 } 
.blog-sidebar-area .single-widget .recent-post-widget { 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-sidebar-area .single-widget .recent-post-widget { 
 gap: 10px; 
 } 
 } 
.blog-sidebar-area .single-widget .recent-post-widget .recent-post-img img { 
 min-width: 88px; 
 max-width: 88px; 
 height: 86px; 
 border-radius: 10px; 
 } 
.blog-sidebar-area .single-widget .recent-post-widget .recent-post-content { 
 line-height: 1; 
 } 
.blog-sidebar-area .single-widget .recent-post-widget .recent-post-content > a { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-size: 14px; 
 font-weight: 500; 
 display: block; 
 margin-bottom: 8px; 
 transition: 0.5s; 
 } 
@media (max-width: 576px) { 
 .blog-sidebar-area .single-widget .recent-post-widget .recent-post-content > a { 
 margin-bottom: 5px; 
 } 
 } 
.blog-sidebar-area .single-widget .recent-post-widget .recent-post-content > a:hover { 
 color: var(--primary-color1); 
 } 
.blog-sidebar-area .single-widget .recent-post-widget .recent-post-content h6 { 
 margin-bottom: 0; 
 } 
.blog-sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a { 
 color: var(--black-color); 
 font-family: var(--font-poppins); 
 font-size: 16px; 
 font-weight: 600; 
 line-height: 24px; 
 letter-spacing: 0.32px; 
 transition: 0.5s; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a { 
 font-size: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .blog-sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a { 
 font-size: 15px; 
 } 
 } 
.blog-sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a:hover { 
 color: var(--primary-color1); 
 } 
.blog-sidebar-area .single-widget .tag-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 flex-wrap: wrap; 
 } 
@media (max-width: 1399px) { 
 .blog-sidebar-area .single-widget .tag-list { 
 gap: 10px; 
 row-gap: 15px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-sidebar-area .single-widget .tag-list { 
 gap: 14px; 
 } 
 } 
@media (max-width: 576px) { 
 .blog-sidebar-area .single-widget .tag-list { 
 gap: 5px; 
 row-gap: 5px; 
 } 
 } 
.blog-sidebar-area .single-widget .tag-list li a { 
 color: var(--black-color); 
 font-family: var(--font-roboto); 
 font-size: 16px; 
 font-weight: 400; 
 display: block; 
 line-height: 1; 
 padding: 9px 20px; 
 border-radius: 100px; 
 transition: 0.5s; 
 border: 1px solid #eee; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .blog-sidebar-area .single-widget .tag-list li a { 
 font-size: 15px; 
 } 
 } 
.blog-sidebar-area .single-widget .tag-list li:hover a { 
 color: var(--white-color); 
 background-color: var(--primary-color1); 
 } 

.related-inspiration-section { 
 border-top: 1px solid var(--borders-color); 
 } 

/*=====================================
 82. Package Details Page CSS
========================================*/
.package-details-breadcrumb-bottom { 
 padding: 11px 0; 
 border-bottom: 1px solid var(--borders-color); 
 } 
.package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 flex-wrap: wrap; 
 gap: 10px; 
 } 
@media (max-width: 991px) { 
 .package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper { 
 justify-content: center; 
 gap: 25px; 
 } 
 } 
.package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .left-content { 
 display: flex; 
 align-items: center; 
 flex-wrap: wrap; 
 gap: 60px; 
 } 
@media (max-width: 1199px) { 
 .package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .left-content { 
 gap: 30px; 
 } 
 } 
@media (max-width: 767px) { 
 .package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .left-content { 
 gap: 25px; 
 justify-content: center; 
 } 
 } 
.package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .left-content ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 flex-wrap: wrap; 
 gap: 25px; 
 } 
@media (max-width: 1199px) { 
 .package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .left-content ul { 
 gap: 15px; 
 } 
 } 
.package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .left-content ul li { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 8px; 
 } 
.package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .left-content ul li svg { 
 fill: var(--text-color); 
 } 
@media (max-width: 576px) { 
 .package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .left-content ul li { 
 font-size: 15px; 
 } 
 } 
.package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .left-content .rating-area { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
@media (max-width: 576px) { 
 .package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .left-content .rating-area { 
 font-size: 15px; 
 } 
 } 
.package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .left-content .rating-area strong { 
 color: var(--title-color); 
 font-weight: 600; 
 } 
.package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .right-content { 
 display: flex; 
 align-items: center; 
 gap: 40px; 
 } 
@media (max-width: 1199px) { 
 .package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .right-content { 
 gap: 30px; 
 } 
 } 
.package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .right-content span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
@media (max-width: 576px) { 
 .package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .right-content span { 
 font-size: 15px; 
 } 
 } 
.package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .right-content .share-btn { 
 position: relative; 
 } 
.package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .right-content .share-btn .share-icon { 
 width: 30px; 
 height: 30px; 
 border-radius: 50%; 
 background-color: #F0F0F0; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 cursor: pointer; 
 } 
.package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .right-content .share-btn .share-icon svg { 
 fill: var(--title-color); 
 } 
.package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .right-content .share-btn .social-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 position: absolute; 
 top: 38px; 
 left: 50%; 
 transform: translateX(-50%) scaleY(0); 
 opacity: 0; 
 transform-origin: top; 
 transition: 0.5s; 
 } 
.package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .right-content .share-btn .social-list li { 
 margin-bottom: 12px; 
 } 
.package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .right-content .share-btn .social-list li:last-child { 
 margin-bottom: 0; 
 } 
.package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .right-content .share-btn .social-list li a { 
 width: 30px; 
 height: 30px; 
 border-radius: 50%; 
 background-color: #F0F0F0; 
 border: 1px solid var(--borders-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 transition: 0.5s; 
 } 
.package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .right-content .share-btn .social-list li a i { 
 color: var(--title-color); 
 font-size: 16px; 
 transition: 0.5s; 
 } 
.package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .right-content .share-btn .social-list li a:hover { 
 background-color: var(--primary-color1); 
 } 
.package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .right-content .share-btn .social-list li a:hover i { 
 color: var(--white-color); 
 } 
.package-details-breadcrumb-bottom .details-breadcrumb-bottom-wrapper .right-content .share-btn:hover .social-list { 
 transform: translateX(-50%) scaleY(1); 
 opacity: 1; 
 } 

.package-details-page .package-details-warpper .package-info-wrap h4 { 
 margin-bottom: 25px; 
 } 
.package-details-page .package-details-warpper .package-info-wrap p { 
 margin-bottom: 30px; 
 } 
@media (max-width: 767px) { 
 .package-details-page .package-details-warpper .package-info-wrap p { 
 font-size: 17px; 
 } 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-warpper .package-info-wrap p { 
 font-size: 16px; 
 } 
 } 
.package-details-page .package-details-warpper .package-info-wrap .package-info-list { 
 margin: 0; 
 list-style: none; 
 padding: 40px; 
 border: 1px solid var(--borders-color); 
 border-radius: 20px; 
 display: grid; 
 grid-template-columns: repeat(3, 1fr); 
 gap: 60px; 
 row-gap: 50px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .package-details-page .package-details-warpper .package-info-wrap .package-info-list { 
 padding: 40px 20px; 
 gap: 30px; 
 row-gap: 50px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-details-page .package-details-warpper .package-info-wrap .package-info-list { 
 padding: 40px 20px; 
 gap: 30px; 
 row-gap: 50px; 
 } 
 } 
@media (max-width: 991px) { 
 .package-details-page .package-details-warpper .package-info-wrap .package-info-list { 
 gap: 40px; 
 row-gap: 45px; 
 padding: 40px 35px; 
 } 
 } 
@media (max-width: 767px) { 
 .package-details-page .package-details-warpper .package-info-wrap .package-info-list { 
 grid-template-columns: repeat(2, 1fr); 
 row-gap: 40px; 
 } 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-warpper .package-info-wrap .package-info-list { 
 grid-template-columns: repeat(1, 1fr); 
 row-gap: 30px; 
 padding: 35px 25px; 
 border-radius: 15px; 
 } 
 } 
.package-details-page .package-details-warpper .package-info-wrap .package-info-list li { 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 } 
.package-details-page .package-details-warpper .package-info-wrap .package-info-list li svg { 
 fill: var(--text-color); 
 } 
.package-details-page .package-details-warpper .package-info-wrap .package-info-list li .content { 
 line-height: 1; 
 } 
.package-details-page .package-details-warpper .package-info-wrap .package-info-list li .content span { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1; 
 display: block; 
 margin-bottom: 12px; 
 } 
.package-details-page .package-details-warpper .package-info-wrap .package-info-list li .content strong { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-details-page .package-details-warpper .package-info-wrap .package-info-list li .content strong { 
 font-size: 15px; 
 } 
 } 
.package-details-page .package-details-warpper h4 { 
 line-height: 1.3; 
 margin-bottom: 30px; 
 } 
.package-details-page .package-details-warpper .location-slider-wrap .location-slider-area { 
 position: relative; 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-warpper .location-slider-wrap .location-slider-area .slider-btn-grp { 
 display: none; 
 } 
 } 
.package-details-page .package-details-warpper .location-slider-wrap .location-slider-area .slider-btn-grp .slider-btn { 
 position: absolute; 
 top: calc(50% - 50px); 
 left: -20px; 
 z-index: 1; 
 min-width: 32px; 
 max-width: 32px; 
 height: 32px; 
 } 
.package-details-page .package-details-warpper .location-slider-wrap .location-slider-area .slider-btn-grp .slider-btn.location-slider-next { 
 left: unset; 
 right: -20px; 
 } 
.package-details-page .package-details-warpper .highlights-tour-area .highlights-wrap { 
 padding: 30px; 
 border-radius: 20px; 
 border: 1px solid var(--borders-color); 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .package-details-page .package-details-warpper .highlights-tour-area .highlights-wrap { 
 padding: 30px 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-details-page .package-details-warpper .highlights-tour-area .highlights-wrap { 
 padding: 30px 20px; 
 } 
 } 
@media (max-width: 767px) { 
 .package-details-page .package-details-warpper .highlights-tour-area .highlights-wrap { 
 padding: 30px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-warpper .highlights-tour-area .highlights-wrap { 
 padding: 25px 15px; 
 border-radius: 15px; 
 } 
 } 
.package-details-page .package-details-warpper .items-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 } 
.package-details-page .package-details-warpper .items-list li { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 18px; 
 line-height: 28px; 
 display: flex; 
 align-items: start; 
 gap: 10px; 
 margin-bottom: 20px; 
 } 
.package-details-page .package-details-warpper .items-list li svg { 
 fill: var(--primary-color1); 
 min-width: 16px; 
 margin-top: 6px; 
 } 
.package-details-page .package-details-warpper .items-list li svg.exclude { 
 fill: #FF3927; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .package-details-page .package-details-warpper .items-list li { 
 font-size: 17px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-details-page .package-details-warpper .items-list li { 
 font-size: 17px; 
 } 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-warpper .items-list li { 
 font-size: 16px; 
 margin-bottom: 15px; 
 } 
 } 
.package-details-page .package-details-warpper .items-list li span { 
 color: var(--title-color); 
 font-weight: 500; 
 } 
.package-details-page .package-details-warpper .items-list li:last-child { 
 margin-bottom: 0; 
 } 
.package-details-page .package-details-warpper .items-list.two li { 
 color: var(--text-color); 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-title { 
 margin-bottom: 30px; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 15px; 
 flex-wrap: wrap; 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-title h4 { 
 margin-bottom: 0; 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-title .expand-btn { 
 color: var(--primary-color1); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 15px; 
 line-height: 1; 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary { 
 margin-bottom: 60px; 
 } 
@media (max-width: 1199px) { 
 .package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary { 
 margin-bottom: 50px; 
 } 
 } 
@media (max-width: 767px) { 
 .package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary { 
 margin-bottom: 40px; 
 } 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary:last-child { 
 margin-bottom: 0; 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .location-title { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 margin-bottom: 30px; 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .location-title .icon { 
 min-width: 32px; 
 max-width: 32px; 
 height: 32px; 
 border-radius: 50%; 
 background-color: var(--primary-color1); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .location-title .icon svg { 
 fill: var(--white-color); 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .location-title h5 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 1.3; 
 margin-bottom: 0; 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .location-title h5 { 
 font-size: 18px; 
 } 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .location-title h5 span { 
 color: var(--text-color); 
 font-size: 16px; 
 font-weight: 400; 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .location-title h5 span { 
 font-size: 15px; 
 } 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .location-title h5 span strong { 
 color: var(--title-color); 
 font-weight: 500; 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap { 
 padding: 40px 30px; 
 border: 1px solid var(--borders-color); 
 border-radius: 20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap { 
 padding: 30px 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap { 
 padding: 30px 20px; 
 } 
 } 
@media (max-width: 767px) { 
 .package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap { 
 padding: 30px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap { 
 padding: 25px 15px; 
 border-radius: 15px; 
 } 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item { 
 border: none; 
 margin-bottom: 45px; 
 border: 1px solid transparent; 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item:last-child { 
 margin-bottom: 0; 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item:last-child .accordion-header .accordion-button { 
 border-bottom: unset; 
 padding-bottom: 0; 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-header { 
 border-radius: 10px; 
 background-color: transparent; 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-header .accordion-button { 
 padding: 0; 
 padding-bottom: 25px; 
 border-bottom: 1px solid var(--borders-color); 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-header .accordion-button h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 18px; 
 font-weight: 500; 
 line-height: 1.4; 
 display: flex; 
 align-items: center; 
 flex-wrap: wrap; 
 gap: 30px; 
 } 
@media (max-width: 767px) { 
 .package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-header .accordion-button h6 { 
 font-size: 16px; 
 gap: 15px; 
 } 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-header .accordion-button::after { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 color: var(--text-color); 
 content: "\f229"; 
 font-family: bootstrap-icons; 
 background-image: none; 
 font-weight: 600; 
 font-size: 12px; 
 right: 30px; 
 transition: 0.5s; 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) { 
 box-shadow: none; 
 background-color: transparent; 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after { 
 font-family: bootstrap-icons !important; 
 content: "\f229"; 
 color: var(--primary-color1); 
 border: none; 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-header .accordion-button:focus { 
 box-shadow: none; 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-header .accordion-button span { 
 color: var(--title-color); 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 white-space: nowrap; 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-header .accordion-button span { 
 gap: 5px; 
 } 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-header .accordion-button span svg { 
 fill: var(--title-color); 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-body { 
 padding: 0; 
 padding-top: 30px; 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-size: 16px; 
 font-weight: 400; 
 line-height: 24px; 
 text-align: left; 
 } 
@media (max-width: 767px) { 
 .package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-body { 
 font-size: 15px; 
 padding-top: 25px; 
 } 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-body .facilities-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 padding-top: 50px; 
 } 
@media (max-width: 767px) { 
 .package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-body .facilities-list { 
 padding-top: 40px; 
 } 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-body .facilities-list li { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 margin-bottom: 35px; 
 flex-wrap: wrap; 
 gap: 15px; 
 } 
@media (max-width: 767px) { 
 .package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-body .facilities-list li { 
 margin-bottom: 30px; 
 } 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-body .facilities-list li:last-child { 
 margin-bottom: 0; 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-body .facilities-list li .single-item { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1.3; 
 display: flex; 
 align-items: center; 
 gap: 18px; 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-body .facilities-list li .single-item .facilities-title { 
 display: flex; 
 align-items: center; 
 gap: 8px; 
 min-width: 150px; 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-body .facilities-list li .single-item .facilities-title { 
 min-width: unset; 
 } 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-body .facilities-list li .single-item .facilities-title svg { 
 fill: var(--primary-color1); 
 min-width: 14px; 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-body .facilities-list li .single-item .facilities-title h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 margin-bottom: 0; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 width: 100%; 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-body .facilities-list li .single-item .facilities-title h6 { 
 font-size: 15px; 
 gap: 3px; 
 } 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-body .facilities-list li .single-item { 
 font-size: 15px; 
 gap: 12px; 
 } 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-body .facilities-list li a { 
 color: var(--primary-color1); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 15px; 
 line-height: 1; 
 padding-bottom: 3px; 
 display: block; 
 background: linear-gradient(to bottom, var(--primary-color1) 0%, var(--primary-color1) 98%); 
 background-size: 0px 1px; 
 background-repeat: no-repeat; 
 background-position: right 90%; 
 transition: background-size 0.75s; 
 } 
.package-details-page .package-details-warpper .tour-itinerary-area .itinerary-list .single-itinerary .tour-plan-wrap .accordion .accordion-item .accordion-body .facilities-list li a:hover { 
 background-size: 100% 1px; 
 background-position: 0% 90%; 
 } 
.package-details-page .package-details-warpper .map-area #map { 
 height: 364px; 
 width: 100%; 
 border-radius: 10px; 
 } 
.package-details-page .package-details-warpper .map-area .leaflet-popup-content { 
 margin: 15px; 
 width: 145px !important; 
 border-radius: 10px; 
 } 
.package-details-page .package-details-warpper .map-area .leaflet-popup-content h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 margin-bottom: 20px; 
 } 
.package-details-page .package-details-warpper .map-area .leaflet-popup-content strong { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 400; 
 font-size: 14px; 
 line-height: 1; 
 margin-right: 10px; 
 } 
.package-details-page .package-details-warpper .map-area .leaflet-popup-content span { 
 color: var(--primary-color1); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 display: inline-flex; 
 align-items: center; 
 justify-content: center; 
 width: 20px; 
 height: 20px; 
 border-radius: 50%; 
 border: 1px solid var(--primary-color1); 
 margin-right: 5px; 
 } 
.package-details-page .package-details-warpper .map-area .leaflet-popup-content span:last-child { 
 margin-right: 0; 
 } 
.package-details-page .package-details-warpper .map-area .leaflet-bottom { 
 display: none; 
 } 
.package-details-page .package-details-warpper .map-area iframe { 
 width: 100%; 
 min-height: 364px; 
 border-radius: 10px; 
 } 
.package-details-page .package-details-warpper .feature-list-area .single-feature-list h5 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 1.3; 
 margin-bottom: 20px; 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-warpper .feature-list-area .single-feature-list h5 { 
 font-size: 18px; 
 margin-bottom: 15px; 
 } 
 } 
.package-details-page .package-details-warpper .download-area { 
 display: block; 
 } 
.package-details-page .package-details-warpper .download-area img { 
 border-radius: 20px; 
 min-height: 150px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 

 .destGalleryImg { 
 height: 435px; 
 object-fit: cover; 
 } 


@media (max-width: 767px) { 
 .package-details-page .package-details-warpper .download-area img { 
 -o-object-position: right; 
 object-position: right; 
 } 
 } 
.package-details-page .package-details-warpper .additional-info h4 { 
 margin-bottom: 25px; 
 } 
.package-details-page .package-details-sidebar .pricing-and-booking-area { 
 padding: 40px 30px; 
 background-color: #F2F2FF; 
 border-radius: 20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .package-details-page .package-details-sidebar .pricing-and-booking-area { 
 padding: 40px 30px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-details-page .package-details-sidebar .pricing-and-booking-area { 
 padding: 35px 20px; 
 border-radius: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-sidebar .pricing-and-booking-area { 
 padding: 35px 20px; 
 border-radius: 15px; 
 } 
 } 
.package-details-page .package-details-sidebar .pricing-and-booking-area .batch { 
 display: flex; 
 justify-content: end; 
 margin-bottom: 25px; 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-sidebar .pricing-and-booking-area .batch { 
 margin-bottom: 20px; 
 } 
 } 
.package-details-page .package-details-sidebar .pricing-and-booking-area .batch span { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 padding: 6px 15px; 
 background-color: #FF3927; 
 display: block; 
 border-radius: 100px; 
 } 
.package-details-page .package-details-sidebar .pricing-and-booking-area .price-area { 
 margin-bottom: 20px !important; 
 } 

 .flatpickr-calendar.inline { 
 display: block; 
 position: relative; 
 top: 2px; 
 margin: 0 auto 20px; 
 } 

.highlights-wrap li, .inclusionList li { 
 background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='green' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15V16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16V15C11.866 15 15 11.866 15 8Z'%3E%3C/path%3E%3Cpath d='M11.6947 6.45795L7.24644 10.9086C7.17556 10.9771 7.08572 11.0126 6.99596 11.0126C6.9494 11.0127 6.90328 11.0035 6.86027 10.9857C6.81727 10.9678 6.77822 10.9416 6.7454 10.9086L4.3038 8.46699C4.16436 8.32987 4.16436 8.10539 4.3038 7.96595L5.16652 7.10083C5.29892 6.96851 5.53524 6.96851 5.66764 7.10083L6.99596 8.42915L10.3309 5.09179C10.3638 5.05887 10.4028 5.03274 10.4457 5.01489C10.4887 4.99705 10.5347 4.98784 10.5812 4.98779C10.6757 4.98779 10.7656 5.02563 10.8317 5.09179L11.6944 5.95699C11.8341 6.09643 11.8341 6.32091 11.6947 6.45795Z'%3E%3C/path%3E%3C/svg%3E"); 
 background-repeat: no-repeat; 
 background-position: 0 5px; 
 padding-left: 30px; 
 background-size: 20px 20px; margin-bottom: 20px; 
 } 

.exclusionList li { 
 background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='red'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; 
 background-position: 0 5px; 
 padding-left: 30px; 
 background-size: 20px 20px; 
 margin-bottom: 20px; 
 } 

.location-img img { 
 height: 160px; 
 object-fit: cover; 
 } 

@media (max-width: 576px) { 
 .package-details-page .package-details-sidebar .pricing-and-booking-area .price-area { 
 margin-bottom: 30px; 
 } 
 } 
.package-details-page .package-details-sidebar .pricing-and-booking-area .price-area h6 { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 display: block; 
 margin-bottom: 15px; 
 } 
.package-details-page .package-details-sidebar .pricing-and-booking-area .price-area span { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px !important; 
 line-height: 1; 
 } 


.variations label, .package-details-sidebar strong { 
 display: block; 
 font-weight: 600; 
 text-align: center; 
 font-size: 18px; 
 } 

.variations label + span { 
 display: none; 
 } 

@media (max-width: 576px) { 
 .package-details-page .package-details-sidebar .pricing-and-booking-area .price-area span { 
 font-size: 30px; 
 } 
 } 
.package-details-page .package-details-sidebar .pricing-and-booking-area .price-area span del { 
 color: var(--text-color); 
 font-size: 25px; 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-sidebar .pricing-and-booking-area .price-area span del { 
 font-size: 23px; 
 } 
 } 
.package-details-page .package-details-sidebar .pricing-and-booking-area .price-area span sub { 
 color: var(--text-color); 
 font-size: 16px; 
 font-weight: 500; 
 bottom: 0; 
 } 
.package-details-page .package-details-sidebar .pricing-and-booking-area ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 margin-bottom: 0px; 
 } 
.highlights-wrap li { 
 line-height: 1.65; 
 margin-bottom: 10px; 
 } 
 .custom_cart_quantity { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 margin-bottom: 20px; 
 } 

a.reset_variations { 
 display: flex; 
 justify-content: flex-end; 
 margin-bottom: 5px; 
 } 

.package-details-sidebar strong { 
 font-weight: 600; 
 } 

.primary-btn1.mb-20.text-center.justify-center { 
 justify-content: center; 
 } 

@media screen and (min-width:1080px) { 
 .flatpickr-calendar.inline { 
 display: block; 
 position: relative; 
 top: 2px; 
 margin: 40px auto; 
 transform: scale(1.15); 
 } 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-sidebar .pricing-and-booking-area ul { 
 margin-bottom: 30px; 
 } 
 } 
.package-details-page .package-details-sidebar .pricing-and-booking-area ul li { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1.4; 
 display: flex; 
 gap: 10px; 
 margin-bottom: 15px; 
 } 
.package-details-page .package-details-sidebar .pricing-and-booking-area ul li svg { 
 fill: var(--primary-color1); 
 margin-top: 3px; 
 } 
.package-details-page .package-details-sidebar .pricing-and-booking-area ul li svg rect { 
 fill: none; 
 stroke: var(--primary-color1); 
 } 
.package-details-page .package-details-sidebar .pricing-and-booking-area ul li:last-child { 
 margin-bottom: 0; 
 } 
.package-details-page .package-details-sidebar .pricing-and-booking-area .primary-btn1 { 
 width: 100%; 
 } 
.package-details-page .package-details-sidebar .pricing-and-booking-area .primary-btn1.transparent { 
 color: var(--primary-color1); 
 border-color: rgba(var(--black-color-opc), 0.1); 
 padding: 19px 17px; 
 } 
.package-details-page .package-details-sidebar .pricing-and-booking-area .primary-btn1.transparent svg { 
 fill: var(--primary-color1); 
 } 
.package-details-page .package-details-sidebar .pricing-and-booking-area .primary-btn1.transparent:hover { 
 color: var(--white-color); 
 } 
.package-details-page .package-details-sidebar .pricing-and-booking-area .primary-btn1.transparent:hover svg { 
 fill: var(--white-color); 
 } 
.package-details-page .package-details-sidebar .pricing-and-booking-area > span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1.4; 
 display: flex; 
 gap: 5px; 
 margin-top: 20px; 
 } 
.package-details-page .package-details-sidebar .pricing-and-booking-area > span svg { 
 fill: var(--text-color); 
 min-width: 14px; 
 margin-top: 2px; 
 } 
.package-details-page .package-details-sidebar .customize-package-banner-wrap { 
 padding: 40px 40px 50px; 
 background-color: #BDEBCE; 
 border-radius: 20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .package-details-page .package-details-sidebar .customize-package-banner-wrap { 
 padding: 40px 30px 50px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-details-page .package-details-sidebar .customize-package-banner-wrap { 
 padding: 40px 20px 50px; 
 border-radius: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-sidebar .customize-package-banner-wrap { 
 padding: 40px 20px 50px; 
 border-radius: 15px; 
 } 
 } 
.package-details-page .package-details-sidebar .customize-package-banner-wrap h2 { 
 font-size: 32px; 
 margin-bottom: 25px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-details-page .package-details-sidebar .customize-package-banner-wrap h2 { 
 font-size: 28px; 
 } 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-sidebar .customize-package-banner-wrap h2 { 
 font-size: 28px; 
 margin-bottom: 20px; 
 } 
 } 
.package-details-page .package-details-sidebar .customize-package-banner-wrap h2 span { 
 font-family: var(--font-courgette); 
 font-weight: 400; 
 display: block; 
 } 
.package-details-page .package-details-sidebar .customize-package-banner-wrap > ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 margin-bottom: 45px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-details-page .package-details-sidebar .customize-package-banner-wrap > ul { 
 margin-bottom: 40px; 
 } 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-sidebar .customize-package-banner-wrap > ul { 
 margin-bottom: 35px; 
 } 
 } 
.package-details-page .package-details-sidebar .customize-package-banner-wrap > ul li { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1.5; 
 display: flex; 
 align-items: center; 
 gap: 8px; 
 margin-bottom: 10px; 
 } 
.package-details-page .package-details-sidebar .customize-package-banner-wrap > ul li:last-child { 
 margin-bottom: 0; 
 } 
.package-details-page .package-details-sidebar .customize-package-banner-wrap > ul li svg { 
 fill: var(--primary-color1); 
 } 
.package-details-page .package-details-sidebar .customize-package-banner-wrap > ul li svg circle { 
 fill: var(--white-color); 
 stroke: var(--primary-color1); 
 } 
.package-details-page .package-details-sidebar .customize-package-banner-wrap .counter-area { 
 display: flex; 
 align-items: center; 
 gap: 20px; 
 margin-bottom: 60px; 
 } 
@media (max-width: 1399px) { 
 .package-details-page .package-details-sidebar .customize-package-banner-wrap .counter-area { 
 gap: 15px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-details-page .package-details-sidebar .customize-package-banner-wrap .counter-area { 
 margin-bottom: 50px; 
 } 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-sidebar .customize-package-banner-wrap .counter-area { 
 margin-bottom: 45px; 
 } 
 } 
.package-details-page .package-details-sidebar .customize-package-banner-wrap .counter-area .counter-img-grp { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 } 
.package-details-page .package-details-sidebar .customize-package-banner-wrap .counter-area .counter-img-grp li img { 
 min-width: 48px; 
 max-width: 48px; 
 height: 48px; 
 border-radius: 50%; 
 border: 1px solid var(--black-color); 
 margin-left: -20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .package-details-page .package-details-sidebar .customize-package-banner-wrap .counter-area .counter-img-grp li img { 
 min-width: 45px; 
 max-width: 45px; 
 height: 45px; 
 } 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-sidebar .customize-package-banner-wrap .counter-area .counter-img-grp li img { 
 min-width: 42px; 
 max-width: 42px; 
 height: 42px; 
 } 
 } 
.package-details-page .package-details-sidebar .customize-package-banner-wrap .counter-area .counter-img-grp li:first-child img { 
 margin-left: 0; 
 } 
.package-details-page .package-details-sidebar .customize-package-banner-wrap .counter-area h6 { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 24px; 
 margin-bottom: 0; 
 max-width: 122px; 
 width: 100%; 
 } 
.package-details-page .package-details-sidebar .customize-package-banner-wrap .counter-area h6 strong { 
 font-weight: 500; 
 display: inline-block; 
 } 
@media (max-width: 576px) { 
 .package-details-page .package-details-sidebar .customize-package-banner-wrap .counter-area h6 { 
 font-size: 15px; 
 } 
 } 

.customer-rating-area .rating-wrapper { 
 padding: 40px 30px; 
 border: 1px solid var(--borders-color); 
 border-radius: 10px; 
 display: flex; 
 justify-content: space-between; 
 gap: 10px; 
 margin-bottom: 40px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .customer-rating-area .rating-wrapper { 
 padding: 40px 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .customer-rating-area .rating-wrapper { 
 padding: 40px 20px; 
 } 
 } 
@media (max-width: 991px) { 
 .customer-rating-area .rating-wrapper { 
 padding: 40px 25px; 
 } 
 } 
@media (max-width: 767px) { 
 .customer-rating-area .rating-wrapper { 
 flex-wrap: wrap; 
 justify-content: center; 
 gap: 30px; 
 padding: 30px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .customer-rating-area .rating-wrapper { 
 padding: 30px 15px; 
 } 
 } 
.customer-rating-area .rating-wrapper .rating-area { 
 text-align: center; 
 } 
@media (max-width: 991px) { 
 .customer-rating-area .rating-wrapper .rating-area { 
 max-width: 180px; 
 width: 100%; 
 } 
 } 
@media (max-width: 767px) { 
 .customer-rating-area .rating-wrapper .rating-area { 
 max-width: unset; 
 } 
 } 
.customer-rating-area .rating-wrapper .rating-area > span { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1; 
 display: block; 
 margin-bottom: 10px; 
 } 
.customer-rating-area .rating-wrapper .rating-area ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 6px; 
 line-height: 1; 
 margin-bottom: 10px; 
 } 
.customer-rating-area .rating-wrapper .rating-area ul li i { 
 color: #DDA701; 
 } 
.customer-rating-area .rating-wrapper .rating-area P { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1.5; 
 margin-bottom: 25px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .customer-rating-area .rating-wrapper .rating-area P { 
 font-size: 15px; 
 } 
 } 
@media (max-width: 767px) { 
 .customer-rating-area .rating-wrapper .rating-area P { 
 margin-bottom: 20px; 
 } 
 } 
.customer-rating-area .rating-wrapper .rating-area P strong { 
 color: var(--title-color); 
 font-weight: 600; 
 } 
.customer-rating-area .rating-wrapper .rating-area .primary-btn1 { 
 padding: 16px 22px; 
 } 
.customer-rating-area .rating-wrapper .progress-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 } 
.customer-rating-area .rating-wrapper .progress-list .single-progress { 
 display: flex; 
 align-items: center; 
 gap: 20px; 
 margin-bottom: 25px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .customer-rating-area .rating-wrapper .progress-list .single-progress { 
 gap: 10px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .customer-rating-area .rating-wrapper .progress-list .single-progress { 
 gap: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .customer-rating-area .rating-wrapper .progress-list .single-progress { 
 flex-direction: column; 
 align-items: start; 
 gap: 10px; 
 } 
 } 
.customer-rating-area .rating-wrapper .progress-list .single-progress:last-child { 
 margin-bottom: 0; 
 } 
.customer-rating-area .rating-wrapper .progress-list .single-progress > span { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 min-width: 120px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .customer-rating-area .rating-wrapper .progress-list .single-progress > span { 
 font-size: 15px; 
 min-width: 115px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .customer-rating-area .rating-wrapper .progress-list .single-progress > span { 
 font-size: 15px; 
 min-width: 115px; 
 } 
 } 
@media (max-width: 576px) { 
 .customer-rating-area .rating-wrapper .progress-list .single-progress > span { 
 min-width: unset; 
 font-size: 15px; 
 } 
 } 
.customer-rating-area .rating-wrapper .progress-list .single-progress .rating-progress-bar-wrap { 
 display: flex; 
 align-items: center; 
 gap: 20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .customer-rating-area .rating-wrapper .progress-list .single-progress .rating-progress-bar-wrap { 
 gap: 15px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .customer-rating-area .rating-wrapper .progress-list .single-progress .rating-progress-bar-wrap { 
 gap: 15px; 
 } 
 } 
.customer-rating-area .rating-wrapper .progress-list .single-progress .rating-progress-bar-wrap .rating-progress-bar { 
 height: 6px; 
 background-color: rgba(82, 82, 82, 0.06); 
 min-width: 220px; 
 border-radius: 5px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .customer-rating-area .rating-wrapper .progress-list .single-progress .rating-progress-bar-wrap .rating-progress-bar { 
 min-width: 180px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .customer-rating-area .rating-wrapper .progress-list .single-progress .rating-progress-bar-wrap .rating-progress-bar { 
 min-width: 160px; 
 } 
 } 
@media (max-width: 576px) { 
 .customer-rating-area .rating-wrapper .progress-list .single-progress .rating-progress-bar-wrap .rating-progress-bar { 
 min-width: 230px; 
 } 
 } 
.customer-rating-area .rating-wrapper .progress-list .single-progress .rating-progress-bar-wrap .rating-progress-bar .rating-progress-bar-per { 
 border-radius: 5px; 
 height: 6px; 
 background-color: var(--primary-color1); 
 width: 0; 
 position: relative; 
 } 
.customer-rating-area .rating-wrapper .progress-list .single-progress .rating-progress-bar-wrap .data-per { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .customer-rating-area .rating-wrapper .progress-list .single-progress .rating-progress-bar-wrap .data-per { 
 font-size: 15px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .customer-rating-area .rating-wrapper .progress-list .single-progress .rating-progress-bar-wrap .data-per { 
 font-size: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .customer-rating-area .rating-wrapper .progress-list .single-progress .rating-progress-bar-wrap .data-per { 
 font-size: 15px; 
 } 
 } 

.location-card { 
 text-align: center; 
 } 
.location-card .location-img { 
 position: relative; 
 overflow: hidden; 
 display: block; 
 border-radius: 20px; 
 } 
.location-card .location-img img { 
 border-radius: 20px; 
 min-height: 150px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 transition: all 0.5s ease-out; 
 } 
.location-card .location-img::after { 
 position: absolute; 
 width: 200%; 
 height: 0%; 
 left: 50%; 
 top: 50%; 
 background-color: rgba(255, 255, 255, 0.3); 
 transform: translate(-50%, -50%) rotate(-45deg); 
 content: ""; 
 z-index: 1; 
 } 
.location-card .location-img .img-album-btn { 
 position: absolute; 
 top: 15px; 
 left: 15px; 
 display: flex; 
 align-items: center; 
 gap: 6px; 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 400; 
 font-size: 14px; 
 line-height: 1; 
 background-color: transparent; 
 z-index: 2; 
 transition: 0.5s; 
 opacity: 0; 
 visibility: hidden; 
 } 
.location-card .location-img .img-album-btn svg { 
 fill: var(--white-color); 
 } 
.location-card .location-content { 
 padding: 20px 10px 0; 
 line-height: 1; 
 } 
@media (max-width: 576px) { 
 .location-card .location-content { 
 padding: 15px 10px 0; 
 } 
 } 
.location-card .location-content h6 { 
 margin-bottom: 0; 
 } 
.location-card .location-content h6 a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1.5; 
 transition: 0.5s; 
 } 
.location-card .location-content h6 a:hover { 
 color: var(--primary-color1); 
 } 
.location-card .location-content span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 display: block; 
 margin-top: 10px; 
 } 
.location-card:hover .location-img img { 
 transform: scale(1.1); 
 } 
.location-card:hover .location-img::after { 
 height: 250%; 
 transition: all 600ms linear; 
 background-color: transparent; 
 } 
.location-card:hover .location-img .img-album-btn { 
 opacity: 1; 
 visibility: visible; 
 } 

.location-details-modal .modal-dialog { 
 max-width: 872px; 
 } 
.location-details-modal .modal-dialog .modal-content { 
 border-radius: 20px; 
 padding: 55px 0; 
 position: relative; 
 } 
@media (max-width: 576px) { 
 .location-details-modal .modal-dialog .modal-content { 
 border-radius: 15px; 
 } 
 } 
.location-details-modal .modal-dialog .modal-content .close-btn { 
 width: 36px; 
 height: 36px; 
 background-color: #F0F0F0; 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 position: absolute; 
 top: 20px; 
 right: 20px; 
 transition: 0.5s; 
 } 
@media (max-width: 576px) { 
 .location-details-modal .modal-dialog .modal-content .close-btn { 
 top: 15px; 
 right: 15px; 
 } 
 } 
.location-details-modal .modal-dialog .modal-content .close-btn svg { 
 fill: #FF3927; 
 transition: 0.5s; 
 } 
.location-details-modal .modal-dialog .modal-content .close-btn:hover { 
 background-color: #FF3927; 
 } 
.location-details-modal .modal-dialog .modal-content .close-btn:hover svg { 
 fill: var(--white-color); 
 } 
.location-details-modal .modal-dialog .modal-content .modal-header { 
 padding: 0 60px 15px; 
 border-bottom: 1px solid var(--borders-color); 
 } 
@media (max-width: 991px) { 
 .location-details-modal .modal-dialog .modal-content .modal-header { 
 padding: 0 30px 15px; 
 } 
 } 
@media (max-width: 767px) { 
 .location-details-modal .modal-dialog .modal-content .modal-header { 
 padding: 0 20px 15px; 
 } 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body { 
 padding: 25px 60px 0; 
 } 
@media (max-width: 991px) { 
 .location-details-modal .modal-dialog .modal-content .modal-body { 
 padding: 25px 30px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .location-details-modal .modal-dialog .modal-content .modal-body { 
 padding: 25px 20px 0; 
 } 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .nav-pills { 
 gap: 25px; 
 margin-bottom: 50px; 
 } 
@media (max-width: 767px) { 
 .location-details-modal .modal-dialog .modal-content .modal-body .nav-pills { 
 gap: 20px; 
 } 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .nav-pills .nav-item .nav-link { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 8px; 
 padding: 10px 20px; 
 border-radius: 100px; 
 background-color: #F0F0F0; 
 transition: 0.5s; 
 } 
@media (max-width: 576px) { 
 .location-details-modal .modal-dialog .modal-content .modal-body .nav-pills .nav-item .nav-link { 
 font-size: 15px; 
 padding: 10px 18px; 
 } 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .nav-pills .nav-item .nav-link svg { 
 fill: var(--primary-color1); 
 transition: 0.5s; 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .nav-pills .nav-item .nav-link:hover { 
 color: var(--white-color); 
 background-color: var(--primary-color1); 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .nav-pills .nav-item .nav-link:hover svg { 
 fill: var(--white-color); 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .nav-pills .nav-item .nav-link.active { 
 color: var(--white-color); 
 background-color: var(--primary-color1); 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .nav-pills .nav-item .nav-link.active svg { 
 fill: var(--white-color); 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .single-activity { 
 padding: 50px 30px 30px; 
 border: 1px solid var(--borders-color); 
 border-radius: 20px; 
 position: relative; 
 } 
@media (max-width: 576px) { 
 .location-details-modal .modal-dialog .modal-content .modal-body .single-activity { 
 padding: 45px 15px 25px; 
 border-radius: 15px; 
 } 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .single-activity .title { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 display: inline-block; 
 padding: 6px 16px; 
 background-color: var(--primary-color1); 
 border-radius: 100px; 
 position: absolute; 
 top: -13px; 
 left: 30px; 
 } 
@media (max-width: 576px) { 
 .location-details-modal .modal-dialog .modal-content .modal-body .single-activity .title { 
 left: 15px; 
 } 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .single-activity .activity-card .activity-img img { 
 border-radius: 10px; 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .single-activity .activity-card .activity-content { 
 padding-top: 25px; 
 text-align: center; 
 } 
@media (max-width: 576px) { 
 .location-details-modal .modal-dialog .modal-content .modal-body .single-activity .activity-card .activity-content { 
 padding-top: 20px; 
 } 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .single-activity .activity-card .activity-content h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 24px; 
 margin-bottom: 15px; 
 } 
@media (max-width: 576px) { 
 .location-details-modal .modal-dialog .modal-content .modal-body .single-activity .activity-card .activity-content h6 { 
 margin-bottom: 10px; 
 } 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .single-activity .activity-card .activity-content p { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 16px; 
 line-height: 24px; 
 margin-bottom: 15px; 
 } 
@media (max-width: 576px) { 
 .location-details-modal .modal-dialog .modal-content .modal-body .single-activity .activity-card .activity-content p { 
 margin-bottom: 10px; 
 } 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .single-activity .activity-card .activity-content a { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1; 
 transition: 0.5s; 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .single-activity .activity-card .activity-content a i { 
 font-size: 12px; 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .single-activity .activity-card .activity-content a:hover { 
 color: var(--primary-color1); 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper { 
 padding: 35px 30px; 
 border: 1px solid var(--borders-color); 
 border-radius: 20px; 
 } 
@media (max-width: 991px) { 
 .location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper { 
 padding: 35px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper { 
 padding: 25px 15px; 
 border-radius: 15px; 
 } 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper ul li { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 24px; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 margin-bottom: 10px; 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper ul li svg { 
 fill: var(--white-color); 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper ul li svg rect { 
 fill: var(--primary-color1); 
 } 
@media (max-width: 576px) { 
 .location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper ul li { 
 font-size: 15px; 
 } 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper ul li:last-child { 
 margin-bottom: 0; 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .accommodation-wrap { 
 display: grid; 
 grid-template-columns: 35.5% 61%; 
 gap: 24px; 
 } 
@media (max-width: 991px) { 
 .location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .accommodation-wrap { 
 gap: 15px; 
 grid-template-columns: 37% 60%; 
 } 
 } 
@media (max-width: 767px) { 
 .location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .accommodation-wrap { 
 display: block; 
 } 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .accommodation-wrap .accommodation-img img { 
 border-radius: 10px; 
 } 
@media (max-width: 767px) { 
 .location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .accommodation-wrap .accommodation-content { 
 padding-top: 25px; 
 } 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .accommodation-wrap .accommodation-content h6 { 
 margin-bottom: 10px; 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .accommodation-wrap .accommodation-content h6 a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1.3; 
 background: linear-gradient(to bottom, var(--title-color) 0%, var(--title-color) 98%); 
 background-size: 0px 1px; 
 background-repeat: no-repeat; 
 background-position: right 90%; 
 transition: background-size 0.75s; 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .accommodation-wrap .accommodation-content h6 a:hover { 
 background-size: 100% 1px; 
 background-position: 0% 90%; 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .accommodation-wrap .accommodation-content p { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 16px; 
 line-height: 24px; 
 margin-bottom: 25px; 
 } 
@media (max-width: 576px) { 
 .location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .accommodation-wrap .accommodation-content p { 
 font-size: 15px; 
 margin-bottom: 20px; 
 } 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .accommodation-wrap .accommodation-content .rating-and-location-area { 
 display: flex; 
 align-items: center; 
 gap: 20px; 
 margin-bottom: 20px; 
 } 
@media (max-width: 576px) { 
 .location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .accommodation-wrap .accommodation-content .rating-and-location-area { 
 flex-wrap: wrap; 
 gap: 15px; 
 } 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .accommodation-wrap .accommodation-content .rating-and-location-area .rating-area { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .accommodation-wrap .accommodation-content .rating-and-location-area .rating-area .rating-star { 
 margin: 0; 
 list-style: none; 
 padding: 5px 11px; 
 border: 1px solid var(--borders-color); 
 border-radius: 100px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .accommodation-wrap .accommodation-content .rating-and-location-area .rating-area .rating-star li { 
 margin-bottom: 0; 
 line-height: 1; 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .accommodation-wrap .accommodation-content .rating-and-location-area .rating-area .rating-star li i { 
 color: #DDA701; 
 font-size: 10px; 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .accommodation-wrap .accommodation-content .rating-and-location-area .rating-area span { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 400; 
 font-size: 14px; 
 line-height: 1; 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .accommodation-wrap .accommodation-content .rating-and-location-area .location { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 14px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 transition: 0.5s; 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .accommodation-wrap .accommodation-content .rating-and-location-area .location svg { 
 fill: var(--primary-color1); 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .accommodation-wrap .accommodation-content .rating-and-location-area .location:hover { 
 color: var(--primary-color1); 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .transport-wrap h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 24px; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 margin-bottom: 15px; 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .transport-wrap h6 svg { 
 fill: var(--title-color); 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .transport-wrap .title-area { 
 display: flex; 
 align-items: center; 
 gap: 20px; 
 margin-bottom: 25px; 
 flex-wrap: wrap; 
 } 
@media (max-width: 576px) { 
 .location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .transport-wrap .title-area { 
 gap: 15px; 
 } 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .transport-wrap .title-area h6 { 
 margin-bottom: 0; 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .transport-wrap .title-area span { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 24px; 
 } 
.location-details-modal .modal-dialog .modal-content .modal-body .content-wrapper .transport-wrap .title-area span strong { 
 color: var(--title-color); 
 font-weight: 600; 
 } 

.rating-modal .modal-dialog { 
 max-width: 872px; 
 } 
.rating-modal .modal-dialog .modal-content { 
 border-radius: 20px; 
 padding: 55px 60px; 
 position: relative; 
 } 
@media (max-width: 991px) { 
 .rating-modal .modal-dialog .modal-content { 
 padding: 55px 40px; 
 } 
 } 
@media (max-width: 767px) { 
 .rating-modal .modal-dialog .modal-content { 
 padding: 45px 35px; 
 } 
 } 
@media (max-width: 576px) { 
 .rating-modal .modal-dialog .modal-content { 
 border-radius: 15px; 
 padding: 45px 20px; 
 } 
 } 
.rating-modal .modal-dialog .modal-content .close-btn { 
 width: 36px; 
 height: 36px; 
 background-color: #F0F0F0; 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 position: absolute; 
 top: 20px; 
 right: 20px; 
 transition: 0.5s; 
 } 
@media (max-width: 576px) { 
 .rating-modal .modal-dialog .modal-content .close-btn { 
 top: 15px; 
 right: 15px; 
 } 
 } 
.rating-modal .modal-dialog .modal-content .close-btn svg { 
 fill: #FF3927; 
 transition: 0.5s; 
 } 
.rating-modal .modal-dialog .modal-content .close-btn:hover { 
 background-color: #FF3927; 
 } 
.rating-modal .modal-dialog .modal-content .close-btn:hover svg { 
 fill: var(--white-color); 
 } 
.rating-modal .modal-dialog .modal-content .modal-body { 
 padding: 0; 
 } 
.rating-modal .modal-dialog .modal-content .modal-body h4 { 
 margin-bottom: 25px; 
 } 
.rating-modal .modal-dialog .modal-content .modal-body .star-rating-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 50px; 
 row-gap: 25px; 
 flex-wrap: wrap; 
 max-width: 590px; 
 width: 100%; 
 margin-bottom: 50px; 
 } 
@media (max-width: 576px) { 
 .rating-modal .modal-dialog .modal-content .modal-body .star-rating-list { 
 margin-bottom: 40px; 
 } 
 } 
.rating-modal .modal-dialog .modal-content .modal-body .star-rating-list li { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
.rating-modal .modal-dialog .modal-content .modal-body .star-rating-list li .rating-container { 
 line-height: 1; 
 } 
.rating-modal .modal-dialog .modal-content .modal-body .star-rating-list li .rating-container .star-icon { 
 color: var(--text-color); 
 font-size: 13px; 
 cursor: pointer; 
 } 
.rating-modal .modal-dialog .modal-content .modal-body .star-rating-list li .rating-container .star-icon.hovered, .rating-modal .modal-dialog .modal-content .modal-body .star-rating-list li .rating-container .star-icon.selected { 
 color: #DDA701; 
 } 
.rating-modal .modal-dialog .modal-content .modal-body .star-rating-list li .rating-container .star-icon.hovered::before, .rating-modal .modal-dialog .modal-content .modal-body .star-rating-list li .rating-container .star-icon.selected::before { 
 content: "\f586"; 
 } 
.rating-modal .modal-dialog .modal-content .modal-body .star-rating-list li span { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 } 
@media (max-width: 576px) { 
 .rating-modal .modal-dialog .modal-content .modal-body .star-rating-list li span { 
 font-size: 15px; 
 } 
 } 
.rating-modal .modal-dialog .modal-content .modal-body .review-form-wrapper { 
 padding: 35px 30px; 
 border-radius: 10px; 
 border: 1px solid var(--borders-color); 
 } 
@media (max-width: 576px) { 
 .rating-modal .modal-dialog .modal-content .modal-body .review-form-wrapper { 
 padding: 30px 15px; 
 } 
 } 
.rating-modal .modal-dialog .modal-content .modal-body .review-form-wrapper .form-inner label { 
 font-size: 14px; 
 } 
.rating-modal .modal-dialog .modal-content .modal-body .review-form-wrapper .form-inner textarea { 
 min-height: 110px; 
 } 
.rating-modal .modal-dialog .modal-content .modal-body .review-form-wrapper .form-inner input, .rating-modal .modal-dialog .modal-content .modal-body .review-form-wrapper .form-inner textarea { 
 background-color: #F0F0F0; 
 border: 1px solid transparent; 
 } 
@media (max-width: 576px) { 
 .rating-modal .modal-dialog .modal-content .modal-body .review-form-wrapper .form-inner input, .rating-modal .modal-dialog .modal-content .modal-body .review-form-wrapper .form-inner textarea { 
 font-size: 15px; 
 } 
 } 
.rating-modal .modal-dialog .modal-content .modal-body .review-form-wrapper .form-inner input:focus, .rating-modal .modal-dialog .modal-content .modal-body .review-form-wrapper .form-inner textarea:focus { 
 background-color: var(--white-color); 
 border-color: var(--primary-color1); 
 } 

.booking-modal .modal-dialog { 
 max-width: 872px; 
 } 
.booking-modal .modal-dialog .modal-content { 
 border-radius: 20px; 
 padding: 55px 60px; 
 position: relative; 
 } 
@media (max-width: 991px) { 
 .booking-modal .modal-dialog .modal-content { 
 padding: 55px 40px; 
 } 
 } 
@media (max-width: 767px) { 
 .booking-modal .modal-dialog .modal-content { 
 padding: 45px 35px; 
 } 
 } 
@media (max-width: 576px) { 
 .booking-modal .modal-dialog .modal-content { 
 border-radius: 15px; 
 padding: 45px 20px; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .close-btn { 
 width: 36px; 
 height: 36px; 
 background-color: #F0F0F0; 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 position: absolute; 
 top: 20px; 
 right: 20px; 
 transition: 0.5s; 
 } 
@media (max-width: 576px) { 
 .booking-modal .modal-dialog .modal-content .close-btn { 
 top: 15px; 
 right: 15px; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .close-btn svg { 
 fill: #FF3927; 
 transition: 0.5s; 
 } 
.booking-modal .modal-dialog .modal-content .close-btn:hover { 
 background-color: #FF3927; 
 } 
.booking-modal .modal-dialog .modal-content .close-btn:hover svg { 
 fill: var(--white-color); 
 } 
.booking-modal .modal-dialog .modal-content .modal-header { 
 display: block; 
 text-align: center; 
 padding: 0; 
 border: unset; 
 margin-bottom: 55px; 
 } 
@media (max-width: 767px) { 
 .booking-modal .modal-dialog .modal-content .modal-header { 
 margin-bottom: 45px; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-header h4 { 
 margin-bottom: 10px; 
 } 
.booking-modal .modal-dialog .modal-content .modal-header p { 
 font-size: 16px; 
 max-width: 435px; 
 width: 100%; 
 margin: 0 auto; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body { 
 padding: 0; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .single-field { 
 padding: 8px 20px; 
 border: 1px solid var(--borders-color); 
 border-radius: 10px; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 position: relative; 
 min-height: 62px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .single-field { 
 padding: 8px 15px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .single-field { 
 padding: 8px 12px; 
 gap: 6px; 
 } 
 } 
@media (max-width: 576px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .single-field { 
 min-height: 52px; 
 padding: 8px 18px; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .single-field > svg { 
 fill: var(--text-color); 
 min-width: 18px; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-dropdown { 
 position: relative; 
 line-height: 1; 
 width: 100%; 
 cursor: pointer; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-dropdown input { 
 opacity: 0; 
 width: 100%; 
 height: 100%; 
 position: absolute; 
 cursor: pointer; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-dropdown h6 { 
 font-size: 16px; 
 font-family: var(--font-poppins); 
 color: var(--title-color); 
 font-weight: 500; 
 line-height: 1.4; 
 margin-bottom: 0; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-dropdown h6 { 
 font-size: 15px; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-dropdown > span { 
 font-size: 14px; 
 font-family: var(--font-roboto); 
 color: var(--text-color); 
 font-weight: 400; 
 margin-bottom: 0; 
 line-height: 1.4; 
 display: block; 
 } 
@media (max-width: 576px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-dropdown > span { 
 font-size: 11px; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-wrap { 
 padding: 10px 0; 
 background-color: var(--white-color); 
 border-radius: 10px; 
 width: 100%; 
 position: absolute; 
 top: 70px; 
 left: 0; 
 z-index: 9; 
 box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.1019607843); 
 display: none; 
 transform: scaleY(0); 
 transform-origin: top; 
 min-width: 320px; 
 left: unset; 
 right: 0; 
 padding: 25px 20px; 
 } 
@media (max-width: 1199px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-wrap { 
 min-width: 280px; 
 } 
 } 
@media (max-width: 576px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-wrap { 
 left: 50%; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-wrap .title-area { 
 line-height: 1; 
 margin-bottom: 20px; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-wrap .title-area h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-wrap .title-area span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 14px; 
 line-height: 1.4; 
 display: block; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-wrap .guest-count { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 padding: 25px 15px; 
 border: 1px solid var(--borders-color); 
 border-radius: 10px; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-wrap .guest-count .single-item { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 margin-bottom: 20px; 
 line-height: 1; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-wrap .guest-count .single-item:last-child { 
 margin-bottom: 0; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-wrap .guest-count .single-item .title h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 16px; 
 font-weight: 400; 
 margin-bottom: 5px; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-wrap .guest-count .single-item .title span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-size: 14px; 
 font-weight: 400; 
 margin-bottom: 0; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-wrap .guest-count .single-item .quantity-counter { 
 display: flex; 
 align-items: center; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-wrap .guest-count .single-item .quantity-counter a { 
 height: 20px; 
 min-width: 20px; 
 max-width: 20px; 
 border-radius: 50%; 
 border: 1px solid var(--primary-color1); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 transition: 0.35s; 
 font-size: 17px; 
 color: var(--primary-color1); 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-wrap .guest-count .single-item .quantity-counter a:hover { 
 color: var(--white-color); 
 background-color: var(--primary-color1); 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-wrap .guest-count .single-item .quantity-counter input { 
 width: 40px; 
 background-color: transparent; 
 text-align: center; 
 line-height: 1; 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 14px; 
 font-weight: 500; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-wrap.active { 
 display: block; 
 transform: scaleY(1); 
 animation: fade-down 0.3s linear; 
 } 
@media (max-width: 576px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .single-field .custom-select-wrap.active { 
 transform: scaleY(1) translateX(-50%); 
 animation: fade-down2 0.3s linear; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-body form { 
 position: relative; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item { 
 border-radius: 10px; 
 border: none; 
 margin-bottom: 25px; 
 background-color: transparent; 
 border: 1px solid var(--borders-color); 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item:last-child { 
 margin-bottom: 0; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item:nth-child(2) .accordion-header .accordion-button .batch span { 
 background-color: #1B2072; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item:nth-child(3) .accordion-header .accordion-button .batch span { 
 background-color: #285340; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item:nth-child(4) .accordion-header .accordion-button .batch span { 
 background-color: #FF8B00; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item:nth-child(5) .accordion-header .accordion-button .batch span { 
 background-color: #0EA9D0; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item:nth-child(6) .accordion-header .accordion-button .batch span { 
 background-color: #D15716; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item:nth-child(7) .accordion-header .accordion-button .batch span { 
 background-color: #2E8B57; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item:nth-child(8) .accordion-header .accordion-button .batch span { 
 background-color: #D39B01; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header { 
 border-radius: 10px; 
 background-color: transparent; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header .accordion-button { 
 border-radius: 10px; 
 padding: 28px 35px; 
 background-color: transparent; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 10px; 
 position: relative; 
 } 
@media (max-width: 991px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header .accordion-button { 
 padding: 28px 30px; 
 } 
 } 
@media (max-width: 767px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header .accordion-button { 
 padding: 28px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header .accordion-button { 
 padding: 28px 10px; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header .accordion-button .batch { 
 position: absolute; 
 top: -10px; 
 left: 35px; 
 } 
@media (max-width: 991px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header .accordion-button .batch { 
 left: 30px; 
 } 
 } 
@media (max-width: 767px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header .accordion-button .batch { 
 left: 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header .accordion-button .batch { 
 left: 10px; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header .accordion-button .batch span { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1; 
 display: block; 
 padding: 3px 12px; 
 border-radius: 100px; 
 background-color: var(--primary-color1); 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header .accordion-button .title-area { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
@media (max-width: 576px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header .accordion-button .title-area { 
 gap: 7px; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header .accordion-button .title-area .check { 
 min-width: 20px; 
 max-width: 20px; 
 height: 20px; 
 border-radius: 50%; 
 background-color: rgba(var(--black-color-opc), 0.16); 
 position: relative; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header .accordion-button .title-area .check::before { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 width: 12px; 
 height: 12px; 
 background-color: var(--white-color); 
 border-radius: 50%; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header .accordion-button .title-area h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 18px; 
 font-weight: 500; 
 line-height: 1.4; 
 margin-bottom: 0; 
 } 
@media (max-width: 576px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header .accordion-button .title-area h6 { 
 font-size: 17px; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header .accordion-button > span { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 18px; 
 line-height: 1; 
 } 
@media (max-width: 576px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header .accordion-button > span { 
 font-size: 17px; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header .accordion-button::after { 
 display: none; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) { 
 box-shadow: none; 
 border-bottom: none; 
 border-radius: 10px 10px 0 0; 
 padding-bottom: 20px; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .title-area .check { 
 background-color: var(--primary-color1); 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .title-area .check::before { 
 content: "\f26e"; 
 font-family: bootstrap-icons !important; 
 width: unset; 
 height: unset; 
 color: var(--white-color); 
 background-color: transparent; 
 font-size: 20px; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-header .accordion-button:focus { 
 border-radius: 10px; 
 box-shadow: none; 
 border-bottom: none; 
 border-radius: 10px 10px 0 0; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body { 
 padding: 0px 35px 35px 55px; 
 border: 1px solid transparent; 
 border-top: none; 
 background-color: var(--white-color); 
 border-radius: 0 0 10px 10px; 
 } 
@media (max-width: 991px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body { 
 padding: 0px 30px 35px 50px; 
 } 
 } 
@media (max-width: 767px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body { 
 padding: 0px 20px 35px 35px; 
 } 
 } 
@media (max-width: 576px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body { 
 padding: 0px 10px 35px 25px; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .tour-info-and-calculate-area { 
 display: flex; 
 justify-content: space-between; 
 margin-bottom: 30px; 
 padding-left: 10px; 
 } 
@media (max-width: 576px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .tour-info-and-calculate-area { 
 margin-bottom: 32px; 
 flex-wrap: wrap; 
 gap: 20px; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .tour-info-and-calculate-area p { 
 color: var(--text-color); 
 font-size: 16px; 
 line-height: 24px; 
 margin-bottom: 0; 
 max-width: 410px; 
 width: 100%; 
 } 
@media (max-width: 767px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .tour-info-and-calculate-area p { 
 max-width: 290px; 
 font-size: 15px; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .tour-info-and-calculate-area p i { 
 font-size: 12px; 
 margin: 0 2px; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .tour-info-and-calculate-area .price-calculate { 
 text-align: end; 
 } 
@media (max-width: 576px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .tour-info-and-calculate-area .price-calculate { 
 text-align: start; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .tour-info-and-calculate-area .price-calculate span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 16px; 
 line-height: 1; 
 display: block; 
 margin-bottom: 14px; 
 } 
@media (max-width: 576px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .tour-info-and-calculate-area .price-calculate span { 
 font-size: 15px; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .tour-info-and-calculate-area .price-calculate span:last-child { 
 margin-bottom: 0; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .tour-info-and-calculate-area .price-calculate span i::before { 
 font-weight: 600 !important; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area { 
 margin-bottom: 45px; 
 } 
@media (max-width: 767px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area { 
 margin-bottom: 35px; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 18px; 
 line-height: 28px; 
 margin-bottom: 20px; 
 } 
@media (max-width: 576px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area h6 { 
 font-size: 17px; 
 margin-bottom: 15px; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area .service-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li { 
 display: flex; 
 justify-content: space-between; 
 gap: 15px; 
 width: 100%; 
 margin-bottom: 20px; 
 } 
@media (max-width: 576px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li { 
 flex-wrap: wrap; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li:last-child { 
 margin-bottom: 0; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li .service-info-wrap { 
 display: flex; 
 align-items: start; 
 gap: 10px; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li .service-info-wrap .containerss { 
 display: flex; 
 position: relative; 
 padding-left: 15px; 
 cursor: pointer; 
 margin-top: 5px; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li .service-info-wrap .containerss input { 
 position: absolute; 
 opacity: 0; 
 cursor: pointer; 
 height: 0; 
 width: 0; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li .service-info-wrap .containerss input:checked ~ .checkmark { 
 background-color: transparent; 
 border-color: var(--primary-color1); 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li .service-info-wrap .containerss input:checked ~ .checkmark::after { 
 content: "\f26e"; 
 font-family: bootstrap-icons; 
 color: var(--white-color); 
 line-height: 1; 
 font-size: 14px; 
 left: 50%; 
 top: 50%; 
 transform: translate(-50%, -50%); 
 position: absolute; 
 width: 100%; 
 height: 100%; 
 background: var(--primary-color1); 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li .service-info-wrap .containerss .checkmark { 
 position: absolute; 
 top: 1px; 
 left: 0; 
 height: 16px; 
 width: 16px; 
 background-color: transparent; 
 border-radius: 5px; 
 border: 1px solid var(--primary-color1); 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li .service-info-wrap .service-info { 
 max-width: 428px; 
 width: 100%; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li .service-info-wrap .service-info h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 28px; 
 margin-bottom: 5px; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li .service-info-wrap .service-info p { 
 color: var(--text-color); 
 font-size: 16px; 
 line-height: 24px; 
 margin-bottom: 0; 
 } 
@media (max-width: 576px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li .service-info-wrap .service-info p { 
 font-size: 15px; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li .pricing-and-count-area { 
 text-align: end; 
 margin-top: 7px; 
 } 
@media (max-width: 576px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li .pricing-and-count-area { 
 margin-top: 0; 
 text-align: start; 
 padding-left: 20px; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li .pricing-and-count-area span { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 display: block; 
 margin-bottom: 20px; 
 } 
@media (max-width: 576px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li .pricing-and-count-area span { 
 margin-bottom: 15px; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li .pricing-and-count-area .quantity-counter { 
 display: flex; 
 align-items: center; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li .pricing-and-count-area .quantity-counter a { 
 height: 24px; 
 min-width: 24px; 
 max-width: 24px; 
 border-radius: 50%; 
 border: 1px solid var(--primary-color1); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 transition: 0.35s; 
 font-size: 20px; 
 color: var(--primary-color1); 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li .pricing-and-count-area .quantity-counter a:hover { 
 color: var(--white-color); 
 background-color: var(--primary-color1); 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li .pricing-and-count-area .quantity-counter input { 
 width: 40px; 
 background-color: transparent; 
 text-align: center; 
 line-height: 1; 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 14px; 
 font-weight: 500; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .btn-area { 
 display: flex; 
 align-items: center; 
 gap: 30px; 
 } 
@media (max-width: 576px) { 
 .booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .btn-area { 
 flex-wrap: wrap; 
 gap: 20px; 
 } 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .btn-area .primary-btn1 { 
 padding: 16px 21px; 
 } 
.booking-modal .modal-dialog .modal-content .modal-body .package-list .accordion .accordion-item .accordion-body .btn-area .primary-btn1.transparent { 
 padding: 14px 21px; 
 } 

.enquiry-modal .modal-dialog { 
 max-width: 872px; 
 } 
.enquiry-modal .modal-dialog .modal-content { 
 border-radius: 20px; 
 padding: 55px 60px; 
 position: relative; 
 } 
@media (max-width: 991px) { 
 .enquiry-modal .modal-dialog .modal-content { 
 padding: 55px 40px; 
 } 
 } 
@media (max-width: 767px) { 
 .enquiry-modal .modal-dialog .modal-content { 
 padding: 45px 35px; 
 } 
 } 
@media (max-width: 576px) { 
 .enquiry-modal .modal-dialog .modal-content { 
 border-radius: 15px; 
 padding: 45px 20px; 
 } 
 } 
.enquiry-modal .modal-dialog .modal-content .close-btn { 
 width: 36px; 
 height: 36px; 
 background-color: #F0F0F0; 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 position: absolute; 
 top: 20px; 
 right: 20px; 
 transition: 0.5s; 
 } 
@media (max-width: 576px) { 
 .enquiry-modal .modal-dialog .modal-content .close-btn { 
 top: 15px; 
 right: 15px; 
 } 
 } 
.enquiry-modal .modal-dialog .modal-content .close-btn svg { 
 fill: #FF3927; 
 transition: 0.5s; 
 } 
.enquiry-modal .modal-dialog .modal-content .close-btn:hover { 
 background-color: #FF3927; 
 } 
.enquiry-modal .modal-dialog .modal-content .close-btn:hover svg { 
 fill: var(--white-color); 
 } 
.enquiry-modal .modal-dialog .modal-content .modal-body { 
 padding: 0; 
 } 
.enquiry-modal .modal-dialog .modal-content .modal-body h4 { 
 margin-bottom: 25px; 
 } 
.enquiry-modal .modal-dialog .modal-content .modal-body .enquiry-form-wrapper { 
 padding: 35px 30px; 
 border-radius: 10px; 
 border: 1px solid var(--borders-color); 
 } 
@media (max-width: 576px) { 
 .enquiry-modal .modal-dialog .modal-content .modal-body .enquiry-form-wrapper { 
 padding: 30px 15px; 
 } 
 } 
.enquiry-modal .modal-dialog .modal-content .modal-body .enquiry-form-wrapper .form-inner label { 
 font-size: 14px; 
 } 
.enquiry-modal .modal-dialog .modal-content .modal-body .enquiry-form-wrapper .form-inner textarea { 
 min-height: 110px; 
 } 
.enquiry-modal .modal-dialog .modal-content .modal-body .enquiry-form-wrapper .form-inner input, .enquiry-modal .modal-dialog .modal-content .modal-body .enquiry-form-wrapper .form-inner textarea { 
 background-color: #F0F0F0; 
 border: 1px solid transparent; 
 } 
@media (max-width: 576px) { 
 .enquiry-modal .modal-dialog .modal-content .modal-body .enquiry-form-wrapper .form-inner input, .enquiry-modal .modal-dialog .modal-content .modal-body .enquiry-form-wrapper .form-inner textarea { 
 font-size: 15px; 
 } 
 } 
.enquiry-modal .modal-dialog .modal-content .modal-body .enquiry-form-wrapper .form-inner input:focus, .enquiry-modal .modal-dialog .modal-content .modal-body .enquiry-form-wrapper .form-inner textarea:focus { 
 background-color: var(--white-color); 
 border-color: var(--primary-color1); 
 } 
.enquiry-modal .modal-dialog .modal-content .modal-body .enquiry-form-wrapper .form-inner .date-field-area { 
 position: relative; 
 } 
.enquiry-modal .modal-dialog .modal-content .modal-body .enquiry-form-wrapper .form-inner .date-field-area .calender-icon { 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 right: 24px; 
 fill: var(--primary-color1); 
 } 

.relevant-package-section { 
 border-top: 1px solid var(--borders-color); 
 } 

/*=====================================
 83. Package Grid Page CSS
========================================*/
.package-grid-page .package-grid-top-area { 
 padding: 33px 30px; 
 border: 1px solid var(--borders-color); 
 border-radius: 20px; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 20px; 
 flex-wrap: wrap; 
 margin-bottom: 24px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-grid-page .package-grid-top-area { 
 padding: 33px 25px; 
 } 
 } 
@media (max-width: 767px) { 
 .package-grid-page .package-grid-top-area { 
 padding: 30px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .package-grid-page .package-grid-top-area { 
 padding: 25px 20px; 
 border-radius: 15px; 
 } 
 } 
.package-grid-page .package-grid-top-area span { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1.5; 
 } 
.package-grid-page .package-grid-top-area span strong { 
 color: var(--title-color); 
 font-weight: 600; 
 } 
.package-grid-page .package-grid-top-area .selector-and-list-grid-area { 
 display: flex; 
 align-items: center; 
 gap: 55px; 
 } 
@media (max-width: 991px) { 
 .package-grid-page .package-grid-top-area .selector-and-list-grid-area { 
 gap: 30px; 
 } 
 } 
.package-grid-page .package-grid-top-area .selector-and-list-grid-area .selector-area { 
 display: flex; 
 align-items: center; 
 gap: 20px; 
 } 
@media (max-width: 991px) { 
 .package-grid-page .package-grid-top-area .selector-and-list-grid-area .selector-area { 
 gap: 10px; 
 } 
 } 
.package-grid-page .package-grid-top-area .selector-and-list-grid-area .selector-area .nice-select { 
 padding: 0; 
 height: unset; 
 line-height: 1; 
 border: unset; 
 width: 88px; 
 } 
.package-grid-page .package-grid-top-area .selector-and-list-grid-area .selector-area .nice-select .current { 
 color: var(--title-color); 
 } 
.package-grid-page .package-grid-top-area .selector-and-list-grid-area .selector-area .nice-select::after { 
 right: 0; 
 } 
.package-grid-page .package-grid-top-area .selector-and-list-grid-area .selector-area .nice-select .list { 
 min-width: 150px; 
 min-height: 35px; 
 line-height: 35px; 
 top: 30px; 
 box-shadow: unset; 
 border: 1px solid var(--borders-color); 
 border-radius: 10px; 
 } 
.package-grid-page .package-grid-top-area .selector-and-list-grid-area .selector-area .nice-select .list .option { 
 font-size: 13px; 
 } 
.package-grid-page .package-grid-top-area .selector-and-list-grid-area .grid-view { 
 margin: 0; 
 padding: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 20px; 
 } 
.package-grid-page .package-grid-top-area .selector-and-list-grid-area .grid-view li { 
 cursor: pointer; 
 } 
.package-grid-page .package-grid-top-area .selector-and-list-grid-area .grid-view li svg { 
 fill: var(--black-color); 
 } 
.package-grid-page .package-grid-top-area .selector-and-list-grid-area .grid-view li:hover svg { 
 fill: var(--primary-color1); 
 } 
.package-grid-page .package-grid-top-area .selector-and-list-grid-area .grid-view li.active svg { 
 fill: var(--primary-color1); 
 } 
.package-grid-page .package-grid-top-area .selector-and-list-grid-area .filter-btn { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 line-height: 1; 
 cursor: pointer; 
 } 
.package-grid-page .package-grid-top-area .selector-and-list-grid-area .filter-btn svg { 
 fill: var(--black-color); 
 transition: 0.5s; 
 } 
.package-grid-page .package-grid-top-area .selector-and-list-grid-area .filter-btn span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 14px; 
 font-weight: 500; 
 line-height: 1; 
 letter-spacing: 0.02em; 
 text-align: left; 
 transition: 0.5s; 
 } 
.package-grid-page .package-grid-top-area .selector-and-list-grid-area .filter-btn.active svg { 
 fill: var(--primary-color1); 
 } 
.package-grid-page .package-grid-top-area .selector-and-list-grid-area .filter-btn.active span { 
 color: var(--primary-color1); 
 } 
.package-grid-page .package-card .package-content .package-info { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: none; 
 margin-bottom: 40px; 
 } 
@media (max-width: 1199px) { 
 .package-grid-page .package-card .package-content .package-info { 
 margin-bottom: 30px; 
 } 
 } 
.package-grid-page .package-card .package-content .package-info li { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1.5; 
 margin-bottom: 10px; 
 } 
.package-grid-page .package-card .package-content .package-info li svg { 
 fill: var(--white-color); 
 } 
.package-grid-page .package-card .package-content .package-info li svg rect { 
 fill: var(--primary-color1); 
 } 
.package-grid-page .package-card .package-content .package-info li:last-child { 
 margin-bottom: 0; 
 } 

.list-grid-product-wrap.column-2-wrapper .item { 
 width: 50%; 
 } 
@media (max-width: 767px) { 
 .list-grid-product-wrap.column-2-wrapper .item { 
 display: none; 
 } 
 } 
.list-grid-product-wrap.column-1-wrapper .item { 
 width: 100%; 
 } 
.list-grid-product-wrap.column-1-wrapper .package-card { 
 display: grid; 
 grid-template-columns: 49.5% 50%; 
 } 
.list-grid-product-wrap.column-1-wrapper .package-card .package-img-wrap .package-img { 
 height: 100%; 
 } 
.list-grid-product-wrap.column-1-wrapper .package-card .package-img-wrap .package-img img { 
 min-height: unset; 
 height: 100%; 
 } 
.list-grid-product-wrap.column-1-wrapper .package-card .package-img-wrap .package-card-img-slider { 
 height: 100%; 
 } 
.list-grid-product-wrap.column-1-wrapper .package-card .package-content { 
 padding: 15px 24px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .list-grid-product-wrap.column-1-wrapper .package-card .package-content { 
 padding: 15px; 
 } 
 } 
.list-grid-product-wrap.column-1-wrapper .package-card .package-content .package-info { 
 display: block; 
 } 
.list-grid-product-wrap.column-1-wrapper .package-card.four .package-img-wrap { 
 min-height: 408px; 
 } 
@media (max-width: 1199px) { 
 .list-grid-product-wrap.column-1-wrapper .package-card.four .package-img-wrap { 
 min-height: unset; 
 } 
 } 
.list-grid-product-wrap.column-1-wrapper .hotel-card { 
 display: grid; 
 grid-template-columns: 49.5% 50%; 
 } 
.list-grid-product-wrap.column-1-wrapper .hotel-card .hotel-img-wrap .hotel-img { 
 height: 100%; 
 } 
.list-grid-product-wrap.column-1-wrapper .hotel-card .hotel-img-wrap .hotel-img img { 
 min-height: unset; 
 height: 100%; 
 } 
.list-grid-product-wrap.column-1-wrapper .hotel-card .hotel-content { 
 padding: 15px 24px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .list-grid-product-wrap.column-1-wrapper .hotel-card .hotel-content { 
 padding: 15px; 
 } 
 } 

.package-sidebar-area .sidebar-wrapper { 
 border: 1px solid var(--borders-color); 
 border-radius: 20px; 
 } 
@media (max-width: 991px) { 
 .package-sidebar-area .sidebar-wrapper { 
 border-radius: 15px; 
 } 
 } 
.package-sidebar-area .sidebar-wrapper .title-area { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 20px; 
 flex-wrap: wrap; 
 padding: 35px 30px; 
 border-bottom: 1px solid var(--borders-color); 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .package-sidebar-area .sidebar-wrapper .title-area { 
 padding: 35px 25px; 
 } 
 } 
@media (max-width: 1199px) { 
 .package-sidebar-area .sidebar-wrapper .title-area { 
 padding: 30px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .package-sidebar-area .sidebar-wrapper .title-area { 
 padding: 25px 15px; 
 } 
 } 
.package-sidebar-area .sidebar-wrapper .title-area h5 { 
 margin-bottom: 0; 
 } 
@media (max-width: 576px) { 
 .package-sidebar-area .sidebar-wrapper .title-area h5 { 
 font-size: 19px; 
 } 
 } 
.package-sidebar-area .sidebar-wrapper .title-area span { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 cursor: pointer; 
 transition: 0.5s; 
 } 
.package-sidebar-area .sidebar-wrapper .title-area span:hover { 
 color: #FF3927; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets { 
 border-bottom: 1px solid var(--borders-color); 
 padding: 35px 30px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .package-sidebar-area .sidebar-wrapper .single-widgets { 
 padding: 35px 25px; 
 } 
 } 
@media (max-width: 1199px) { 
 .package-sidebar-area .sidebar-wrapper .single-widgets { 
 padding: 30px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .package-sidebar-area .sidebar-wrapper .single-widgets { 
 padding: 25px 15px; 
 } 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets:last-child { 
 border-bottom: none; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .widget-title { 
 margin-bottom: 25px; 
 } 
@media (max-width: 576px) { 
 .package-sidebar-area .sidebar-wrapper .single-widgets .widget-title { 
 margin-bottom: 20px; 
 } 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .widget-title h5 { 
 margin-bottom: 0; 
 } 
@media (max-width: 576px) { 
 .package-sidebar-area .sidebar-wrapper .single-widgets .widget-title h5 { 
 font-size: 19px; 
 } 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container ul { 
 margin: 0; 
 padding: 0; 
 list-style: none; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container ul li { 
 margin-bottom: 30px; 
 position: relative; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container ul li:last-child { 
 margin-bottom: 0; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container ul li:first-child .sub-category { 
 display: block; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container ul li .containerss { 
 display: flex; 
 gap: 5px; 
 width: 100%; 
 position: relative; 
 padding-left: 25px; 
 cursor: pointer; 
 -webkit-user-select: none; 
 -moz-user-select: none; 
 user-select: none; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container ul li .containerss strong { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 width: 100%; 
 } 
@media (max-width: 576px) { 
 .package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container ul li .containerss strong { 
 font-size: 15px; 
 } 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container ul li .containerss input { 
 position: absolute; 
 opacity: 0; 
 cursor: pointer; 
 height: 0; 
 width: 0; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container ul li .containerss input:checked ~ .checkmark { 
 background-color: transparent; 
 border-color: var(--primary-color1); 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container ul li .containerss input:checked ~ .checkmark::after { 
 content: "\f26e"; 
 font-family: bootstrap-icons; 
 color: var(--white-color); 
 line-height: 1; 
 font-size: 12px; 
 left: 50%; 
 top: 50%; 
 transform: translate(-50%, -50%); 
 position: absolute; 
 width: 100%; 
 height: 100%; 
 background: var(--primary-color1); 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container ul li .containerss input:checked ~ strong { 
 color: var(--title-color); 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container ul li .containerss .checkmark { 
 position: absolute; 
 top: 1px; 
 left: 0; 
 height: 14px; 
 width: 14px; 
 background-color: transparent; 
 border-radius: 4px; 
 border: 1px solid var(--borders-color); 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container ul li i { 
 position: absolute; 
 top: 1px; 
 right: 0; 
 color: rgba(82, 82, 82, 0.6); 
 font-size: 13px; 
 line-height: 1; 
 cursor: pointer; 
 transition: 0.5s ease; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container ul li i.active { 
 transform: rotate(90deg); 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container ul li .sub-category { 
 position: static; 
 min-width: 200px; 
 border: none; 
 opacity: 1; 
 visibility: visible; 
 transform: translateY(0px); 
 padding: 25px 0px 0px 30px; 
 display: none; 
 } 
@media (max-width: 576px) { 
 .package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container ul li .sub-category { 
 padding: 25px 0px 0px 15px; 
 } 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container ul li .sub-category li { 
 margin-bottom: 25px; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container ul li .sub-category li:last-child { 
 margin-bottom: 0; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container ul li .sub-category li .containerss strong { 
 color: var(--text-color); 
 font-weight: 500; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container ul li .sub-category li .containerss input:checked ~ strong { 
 color: var(--title-color); 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container.two ul li .containerss strong { 
 color: var(--text-color); 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container.two ul.experience { 
 height: 248px; 
 overflow: hidden; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .checkbox-container.two > span { 
 color: var(--primary-color1); 
 font-family: var(--font-roboto); 
 font-weight: 700; 
 font-size: 15px; 
 line-height: 1; 
 display: block; 
 cursor: pointer; 
 padding-top: 35px; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .tour-type { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 15px; 
 flex-wrap: wrap; 
 } 
@media (max-width: 576px) { 
 .package-sidebar-area .sidebar-wrapper .single-widgets .tour-type { 
 gap: 10px; 
 row-gap: 15px; 
 } 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .tour-type li { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 padding: 8px 16px; 
 background-color: #F0F0F0; 
 border-radius: 100px; 
 cursor: pointer; 
 transition: 0.5s; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .package-sidebar-area .sidebar-wrapper .single-widgets .tour-type li { 
 font-size: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .package-sidebar-area .sidebar-wrapper .single-widgets .tour-type li { 
 font-size: 15px; 
 padding: 8px 14px; 
 } 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .tour-type li:hover { 
 background-color: var(--primary-color1); 
 color: var(--white-color); 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .range-wrap .slider-labels { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 margin-top: 20px; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .range-wrap .slider-labels .caption { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 16px; 
 font-weight: 500; 
 line-height: 1; 
 letter-spacing: 0.3px; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .range-wrap .noUi-target,
.package-sidebar-area .sidebar-wrapper .single-widgets .range-wrap .range-wrap .noUi-target * { 
 -webkit-touch-callout: none; 
 -webkit-user-select: none; 
 touch-action: none; 
 -moz-user-select: none; 
 user-select: none; 
 box-sizing: border-box; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .range-wrap .noUi-target { 
 position: relative; 
 direction: ltr; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .range-wrap .noUi-base { 
 width: 100%; 
 height: 100%; 
 position: relative; 
 z-index: 1; 
 /* Fix 401 */
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .range-wrap .noUi-origin { 
 position: absolute; 
 right: 0; 
 top: 0; 
 left: 0; 
 bottom: 0; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .range-wrap .noUi-handle { 
 position: relative; 
 z-index: 1; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .range-wrap .noUi-stacking .noUi-handle { 
 /* This class is applied to the lower origin when
 its values is > 50%. */
 z-index: 10; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .range-wrap .noUi-state-tap .noUi-origin { 
 transition: left 0.3s, top 0.3s; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .range-wrap .noUi-state-drag * { 
 cursor: inherit !important; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .range-wrap .noUi-base,
.package-sidebar-area .sidebar-wrapper .single-widgets .range-wrap .range-wrap .noUi-handle { 
 transform: translate3d(0, 0, 0); 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .range-wrap .noUi-horizontal { 
 height: 4px; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .range-wrap .noUi-horizontal .noUi-handle { 
 width: 18px; 
 height: 18px; 
 border-radius: 50%; 
 left: 0px; 
 right: 0px; 
 top: -6px; 
 background-color: var(--primary-color1); 
 cursor: pointer; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .range-wrap .noUi-horizontal .noUi-handle::after { 
 content: ""; 
 height: 8px; 
 width: 8px; 
 border-radius: 50%; 
 background-color: var(--white-color); 
 position: absolute; 
 left: 50%; 
 top: 50%; 
 transform: translate(-50%, -50%); 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .range-wrap .noUi-background { 
 background: rgba(33, 33, 33, 0.5); 
 height: 5px; 
 border-radius: 10px; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .range-wrap .noUi-connect { 
 background: var(--primary-color1); 
 transition: background 450ms; 
 border-radius: 10px; 
 height: 5px; 
 } 
.package-sidebar-area .sidebar-wrapper .single-widgets .range-wrap .noUi-target { 
 border-radius: 10px; 
 } 
@media (max-width: 991px) { 
 .package-sidebar-area { 
 max-width: 360px; 
 background-color: var(--white-color); 
 padding: 50px 15px; 
 position: fixed; 
 min-height: 100vh; 
 height: 100%; 
 left: 0; 
 z-index: 10001; 
 top: 0; 
 overflow-y: scroll; 
 border-left: 1px solid rgba(255, 255, 255, 0.3); 
 box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15); 
 transition: all 0.6s ease 0s; 
 transform-origin: left; 
 transform: translateX(-100%); 
 } 
 .package-sidebar-area.slide { 
 transform: translate(0); 
 } 
 .package-sidebar-area::-webkit-scrollbar { 
 width: 0; 
 } 
 } 
@media (max-width: 991px) and (max-width: 576px) { 
 .package-sidebar-area { 
 max-width: 300px; 
 } 
 } 

.map-view-modal .modal-dialog { 
 max-width: 872px; 
 } 
.map-view-modal .modal-dialog .modal-content { 
 border-radius: 20px; 
 padding: 55px 0px; 
 position: relative; 
 text-align: center; 
 } 
@media (max-width: 991px) { 
 .map-view-modal .modal-dialog .modal-content { 
 padding: 55px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .map-view-modal .modal-dialog .modal-content { 
 padding: 45px 0; 
 } 
 } 
@media (max-width: 576px) { 
 .map-view-modal .modal-dialog .modal-content { 
 border-radius: 15px; 
 } 
 } 
.map-view-modal .modal-dialog .modal-content .close-btn { 
 width: 36px; 
 height: 36px; 
 background-color: #F0F0F0; 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 position: absolute; 
 top: 20px; 
 right: 20px; 
 transition: 0.5s; 
 } 
@media (max-width: 576px) { 
 .map-view-modal .modal-dialog .modal-content .close-btn { 
 top: 15px; 
 right: 15px; 
 } 
 } 
.map-view-modal .modal-dialog .modal-content .close-btn svg { 
 fill: #FF3927; 
 transition: 0.5s; 
 } 
.map-view-modal .modal-dialog .modal-content .close-btn:hover { 
 background-color: #FF3927; 
 } 
.map-view-modal .modal-dialog .modal-content .close-btn:hover svg { 
 fill: var(--white-color); 
 } 
.map-view-modal .modal-dialog .modal-content .title-area { 
 padding-bottom: 25px; 
 border-bottom: 1px solid var(--borders-color); 
 } 
.map-view-modal .modal-dialog .modal-content .title-area .rating-area { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 8px; 
 margin-bottom: 20px; 
 } 
@media (max-width: 576px) { 
 .map-view-modal .modal-dialog .modal-content .title-area .rating-area { 
 margin-bottom: 15px; 
 } 
 } 
.map-view-modal .modal-dialog .modal-content .title-area .rating-area span { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1; 
 } 
.map-view-modal .modal-dialog .modal-content .title-area h2 { 
 margin-bottom: 10px; 
 } 
.map-view-modal .modal-dialog .modal-content .title-area .package-features { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 20px; 
 flex-wrap: wrap; 
 } 
.map-view-modal .modal-dialog .modal-content .title-area .package-features li { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 8px; 
 } 
.map-view-modal .modal-dialog .modal-content .title-area .package-features li svg { 
 fill: var(--text-color); 
 } 
.map-view-modal .modal-dialog .modal-content .modal-body { 
 padding: 35px 60px 0; 
 } 
@media (max-width: 991px) { 
 .map-view-modal .modal-dialog .modal-content .modal-body { 
 padding: 35px 30px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .map-view-modal .modal-dialog .modal-content .modal-body { 
 padding: 35px 25px 0; 
 } 
 } 
@media (max-width: 576px) { 
 .map-view-modal .modal-dialog .modal-content .modal-body { 
 padding: 25px 15px 0; 
 } 
 } 
.map-view-modal .modal-dialog .modal-content .modal-body .map-area #mapModal { 
 height: 380px; 
 width: 100%; 
 border-radius: 20px; 
 } 
@media (max-width: 767px) { 
 .map-view-modal .modal-dialog .modal-content .modal-body .map-area #mapModal { 
 border-radius: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .map-view-modal .modal-dialog .modal-content .modal-body .map-area #mapModal { 
 height: 320px; 
 } 
 } 
.map-view-modal .modal-dialog .modal-content .modal-body .map-area .leaflet-popup-content { 
 margin: 15px; 
 width: 145px !important; 
 border-radius: 10px; 
 } 
.map-view-modal .modal-dialog .modal-content .modal-body .map-area .leaflet-popup-content h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 margin-bottom: 20px; 
 } 
.map-view-modal .modal-dialog .modal-content .modal-body .map-area .leaflet-popup-content strong { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 400; 
 font-size: 14px; 
 line-height: 1; 
 margin-right: 10px; 
 } 
.map-view-modal .modal-dialog .modal-content .modal-body .map-area .leaflet-popup-content span { 
 color: var(--primary-color1); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 display: inline-flex; 
 align-items: center; 
 justify-content: center; 
 width: 20px; 
 height: 20px; 
 border-radius: 50%; 
 border: 1px solid var(--primary-color1); 
 margin-right: 5px; 
 } 
.map-view-modal .modal-dialog .modal-content .modal-body .map-area .leaflet-popup-content span:last-child { 
 margin-right: 0; 
 } 
.map-view-modal .modal-dialog .modal-content .modal-body .map-area .leaflet-bottom { 
 display: none; 
 } 
.map-view-modal .modal-dialog .modal-content .modal-body .bottom-area { 
 padding-top: 45px; 
 } 
@media (max-width: 991px) { 
 .map-view-modal .modal-dialog .modal-content .modal-body .bottom-area { 
 padding-top: 40px; 
 } 
 } 
@media (max-width: 576px) { 
 .map-view-modal .modal-dialog .modal-content .modal-body .bottom-area { 
 padding-top: 35px; 
 } 
 } 
.map-view-modal .modal-dialog .modal-content .modal-body .bottom-area strong { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 32px; 
 line-height: 1; 
 margin-bottom: 20px; 
 display: block; 
 } 
@media (max-width: 576px) { 
 .map-view-modal .modal-dialog .modal-content .modal-body .bottom-area strong { 
 font-size: 28px; 
 margin-bottom: 15px; 
 } 
 } 
.map-view-modal .modal-dialog .modal-content .modal-body .bottom-area strong span { 
 color: var(--text-color); 
 font-size: 14px; 
 font-weight: 500; 
 } 
.map-view-modal .modal-dialog .modal-content .modal-body .bottom-area > span { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 22px; 
 line-height: 1.5; 
 display: block; 
 margin-bottom: 40px; 
 } 
@media (max-width: 991px) { 
 .map-view-modal .modal-dialog .modal-content .modal-body .bottom-area > span { 
 margin-bottom: 30px; 
 } 
 } 
@media (max-width: 767px) { 
 .map-view-modal .modal-dialog .modal-content .modal-body .bottom-area > span { 
 font-size: 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .map-view-modal .modal-dialog .modal-content .modal-body .bottom-area > span { 
 font-size: 18px; 
 margin-bottom: 25px; 
 } 
 } 
.map-view-modal .modal-dialog .modal-content .modal-body .bottom-area .primary-btn1 { 
 min-width: 220px; 
 padding: 22px 24px; 
 } 
@media (max-width: 576px) { 
 .map-view-modal .modal-dialog .modal-content .modal-body .bottom-area .primary-btn1 { 
 min-width: 180px; 
 padding: 20px 24px; 
 } 
 } 

/*=====================================
 84. Destination Page CSS
========================================*/
@media (max-width: 767px) { 
 .destination4-page .destination-card3 .destination-content h2 a { 
 font-size: 40px; 
 } 
 } 
@media (max-width: 767px) { 
 .destination4-page .destination-card3.sm-card .destination-content h2 a { 
 font-size: 30px; 
 } 
 } 

.destination-card4 { 
 border-radius: 20px; 
 border: 1px solid var(--borders-color); 
 } 
@media (max-width: 576px) { 
 .destination-card4 { 
 border-radius: 15px; 
 } 
 } 
.destination-card4 .destination-img-wrap { 
 background-size: cover; 
 background-repeat: no-repeat; 
 border-radius: 20px; 
 } 
@media (max-width: 576px) { 
 .destination-card4 .destination-img-wrap { 
 border-radius: 15px; 
 } 
 } 
.destination-card4 .destination-img-wrap .destination-title-area { 
 padding: 26px 40px; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 flex-wrap: wrap; 
 gap: 15px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .destination-card4 .destination-img-wrap .destination-title-area { 
 padding: 26px 30px; 
 } 
 } 
@media (max-width: 767px) { 
 .destination-card4 .destination-img-wrap .destination-title-area { 
 padding: 26px 30px; 
 } 
 } 
@media (max-width: 767px) { 
 .destination-card4 .destination-img-wrap .destination-title-area { 
 padding: 26px 25px; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-card4 .destination-img-wrap .destination-title-area { 
 padding: 26px 20px; 
 } 
 } 
.destination-card4 .destination-img-wrap .destination-title-area h2 { 
 color: var(--white-color); 
 font-family: var(--font-courgette); 
 font-weight: 400; 
 font-size: 40px; 
 line-height: 1.2; 
 margin-bottom: 0; 
 } 
@media (max-width: 1199px) { 
 .destination-card4 .destination-img-wrap .destination-title-area h2 { 
 font-size: 35px; 
 } 
 } 
@media (max-width: 767px) { 
 .destination-card4 .destination-img-wrap .destination-title-area h2 { 
 font-size: 32px; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-card4 .destination-img-wrap .destination-title-area h2 { 
 font-size: 30px; 
 } 
 } 
.destination-card4 .destination-img-wrap .destination-title-area span { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 display: block; 
 padding: 7px 18px; 
 background-color: var(--primary-color1); 
 -webkit-backdrop-filter: blur(200px); 
 backdrop-filter: blur(200px); 
 border-radius: 100px; 
 } 
@media (max-width: 576px) { 
 .destination-card4 .destination-img-wrap .destination-title-area span { 
 font-size: 15px; 
 } 
 } 
.destination-card4 .destination-wrapper { 
 padding: 40px 30px; 
 display: grid; 
 grid-template-columns: repeat(3, 1fr); 
 gap: 25px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .destination-card4 .destination-wrapper { 
 padding: 35px 20px; 
 } 
 } 
@media (max-width: 767px) { 
 .destination-card4 .destination-wrapper { 
 padding: 35px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-card4 .destination-wrapper { 
 grid-template-columns: repeat(2, 1fr); 
 gap: 20px; 
 padding: 30px 15px; 
 } 
 } 
.destination-card4 .destination-wrapper .destination-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 } 
.destination-card4 .destination-wrapper .destination-list li { 
 line-height: 1; 
 padding: 0; 
 display: block; 
 margin-bottom: 25px; 
 } 
@media (max-width: 576px) { 
 .destination-card4 .destination-wrapper .destination-list li { 
 margin-bottom: 20px; 
 } 
 } 
.destination-card4 .destination-wrapper .destination-list li:last-child { 
 margin-bottom: 0; 
 } 
.destination-card4 .destination-wrapper .destination-list li > a { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1.2; 
 transition: 0.5s; 
 display: inline-flex; 
 align-items: center; 
 gap: 8px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .destination-card4 .destination-wrapper .destination-list li > a { 
 font-size: 14px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .destination-card4 .destination-wrapper .destination-list li > a { 
 font-size: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-card4 .destination-wrapper .destination-list li > a { 
 font-size: 15px; 
 } 
 } 
.destination-card4 .destination-wrapper .destination-list li > a img { 
 min-width: 15px; 
 max-width: 15px; 
 height: 15px; 
 border-radius: 50%; 
 } 
.destination-card4 .destination-wrapper .destination-list li > a:hover { 
 color: var(--title-color); 
 } 

/*=====================================
 85. Destination Details Page CSS
========================================*/
.destination-details-gallery-section { 
 overflow: hidden; 
 position: relative; 
 } 
@media (max-width: 1399px) { 
 .destination-details-gallery-section .destination-details-gallery-slider img { 
 min-height: 400px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
 } 
.destination-details-gallery-section .slider-btn-grp .slider-btn { 
 min-width: 50px; 
 max-width: 50px; 
 height: 50px; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 left: 70px; 
 z-index: 1; 
 background-color: rgba(var(--white-color-opc), 0.1); 
 border: 1px solid rgba(var(--white-color-opc), 0.1); 
 -webkit-backdrop-filter: blur(15px); 
 backdrop-filter: blur(15px); 
 } 
@media (max-width: 1699px) { 
 .destination-details-gallery-section .slider-btn-grp .slider-btn { 
 left: 50px; 
 } 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .destination-details-gallery-section .slider-btn-grp .slider-btn { 
 left: 40px; 
 } 
 } 
@media (max-width: 1399px) { 
 .destination-details-gallery-section .slider-btn-grp .slider-btn { 
 left: 30px; 
 } 
 } 
@media (max-width: 991px) { 
 .destination-details-gallery-section .slider-btn-grp .slider-btn { 
 left: 20px; 
 } 
 } 
@media (max-width: 767px) { 
 .destination-details-gallery-section .slider-btn-grp .slider-btn { 
 min-width: 40px; 
 max-width: 40px; 
 height: 40px; 
 } 
 .destination-details-gallery-section .slider-btn-grp .slider-btn svg { 
 width: 18px; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-details-gallery-section .slider-btn-grp .slider-btn { 
 left: 10px; 
 } 
 } 
.destination-details-gallery-section .slider-btn-grp .slider-btn svg { 
 fill: var(--white-color); 
 } 
.destination-details-gallery-section .slider-btn-grp .slider-btn.destination-dt-gallery-slider-next { 
 left: unset; 
 right: 70px; 
 } 
@media (max-width: 1699px) { 
 .destination-details-gallery-section .slider-btn-grp .slider-btn.destination-dt-gallery-slider-next { 
 right: 50px; 
 } 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .destination-details-gallery-section .slider-btn-grp .slider-btn.destination-dt-gallery-slider-next { 
 right: 40px; 
 } 
 } 
@media (max-width: 1399px) { 
 .destination-details-gallery-section .slider-btn-grp .slider-btn.destination-dt-gallery-slider-next { 
 right: 30px; 
 } 
 } 
@media (max-width: 991px) { 
 .destination-details-gallery-section .slider-btn-grp .slider-btn.destination-dt-gallery-slider-next { 
 right: 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-details-gallery-section .slider-btn-grp .slider-btn.destination-dt-gallery-slider-next { 
 right: 10px; 
 } 
 } 

.destination-details-section .destination-details-content { 
 text-align: center; 
 } 
.destination-details-section .destination-details-content h2 { 
 font-size: 50px; 
 margin-bottom: 25px; 
 } 
@media (max-width: 1199px) { 
 .destination-details-section .destination-details-content h2 { 
 font-size: 45px; 
 margin-bottom: 20px; 
 } 
 } 
@media (max-width: 767px) { 
 .destination-details-section .destination-details-content h2 { 
 font-size: 42px; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-details-section .destination-details-content h2 { 
 font-size: 38px; 
 } 
 } 
.destination-details-section .destination-details-content .destination-info { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 flex-wrap: wrap; 
 gap: 15px; 
 margin-bottom: 30px; 
 } 
@media (max-width: 576px) { 
 .destination-details-section .destination-details-content .destination-info { 
 margin-bottom: 25px; 
 } 
 } 
.destination-details-section .destination-details-content .destination-info li { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 padding: 9px 16px; 
 border: 1px solid var(--borders-color); 
 border-radius: 100px; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 position: relative; 
 } 
.destination-details-section .destination-details-content .destination-info li span { 
 color: var(--text-color); 
 } 
.destination-details-section .destination-details-content .destination-info li .info { 
 z-index: 1; 
 cursor: pointer; 
 } 
.destination-details-section .destination-details-content .destination-info li .info svg { 
 fill: #AAAAAA; 
 } 
.destination-details-section .destination-details-content .destination-info li .info .tooltip-text { 
 position: absolute; 
 bottom: -68px; 
 right: 12px; 
 max-width: 180px; 
 width: 100%; 
 padding: 10px 15px; 
 background-color: var(--black-color); 
 border-radius: 10px; 
 color: #FFF8F8; 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 14px; 
 line-height: 20px; 
 opacity: 0; 
 visibility: hidden; 
 text-align: start; 
 transition: opacity 0.3s ease; 
 } 
.destination-details-section .destination-details-content .destination-info li .info:hover .tooltip-text { 
 opacity: 1; 
 visibility: visible; 
 } 
.destination-details-section .destination-details-content p { 
 margin-bottom: 40px; 
 } 
@media (max-width: 1199px) { 
 .destination-details-section .destination-details-content p { 
 margin-bottom: 35px; 
 } 
 } 
@media (max-width: 767px) { 
 .destination-details-section .destination-details-content p { 
 font-size: 16px; 
 margin-bottom: 30px; 
 } 
 } 
.destination-details-section .destination-details-content p span { 
 color: var(--title-color); 
 font-weight: 500; 
 } 
.destination-details-section .destination-details-content .primary-btn1 { 
 border-color: var(--primary-color1); 
 color: var(--primary-color1); 
 padding: 19px 24px; 
 } 
@media (max-width: 576px) { 
 .destination-details-section .destination-details-content .primary-btn1 { 
 padding: 16px 17px; 
 } 
 } 
.destination-details-section .destination-details-content .primary-btn1 svg { 
 fill: var(--primary-color1); 
 } 
.destination-details-section .destination-details-content .primary-btn1:hover { 
 color: var(--white-color); 
 } 
.destination-details-section .destination-details-content .primary-btn1:hover svg { 
 fill: var(--white-color); 
 } 
.destination-details-section .location-slider-wrap h4 { 
 margin-bottom: 25px; 
 } 
@media (max-width: 576px) { 
 .destination-details-section .location-slider-wrap h4 { 
 margin-bottom: 20px; 
 } 
 } 
.destination-details-section .location-slider-wrap .location-slider-area { 
 position: relative; 
 } 
@media (max-width: 576px) { 
 .destination-details-section .location-slider-wrap .location-slider-area .slider-btn-grp { 
 display: none; 
 } 
 } 
.destination-details-section .location-slider-wrap .location-slider-area .slider-btn-grp .slider-btn { 
 position: absolute; 
 top: calc(50% - 50px); 
 left: -20px; 
 z-index: 1; 
 min-width: 32px; 
 max-width: 32px; 
 height: 32px; 
 } 
.destination-details-section .location-slider-wrap .location-slider-area .slider-btn-grp .slider-btn.location-slider-next { 
 left: unset; 
 right: -20px; 
 } 

.destination-dt-why-choose-section { 
 background-image: url(../img/innerpages/destination-dt-why-choose-bg.png), linear-gradient(180deg, #F2F2FF 0%, #F2F2FF 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 100px 0; 
 } 
@media (max-width: 1199px) { 
 .destination-dt-why-choose-section { 
 padding: 90px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .destination-dt-why-choose-section { 
 padding: 70px 0; 
 } 
 } 
.destination-dt-why-choose-section .why-choose-card { 
 padding: 50px 40px 45px; 
 background-color: var(--white-color); 
 border-radius: 20px; 
 text-align: center; 
 transition: 0.5s; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .destination-dt-why-choose-section .why-choose-card { 
 padding: 50px 30px 45px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .destination-dt-why-choose-section .why-choose-card { 
 padding: 45px 20px 40px; 
 } 
 } 
@media (max-width: 991px) { 
 .destination-dt-why-choose-section .why-choose-card { 
 padding: 50px 30px 45px; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-dt-why-choose-section .why-choose-card { 
 padding: 45px 30px 40px; 
 } 
 } 
.destination-dt-why-choose-section .why-choose-card svg { 
 fill: var(--primary-color1); 
 margin-bottom: 30px; 
 transition: 0.5s; 
 } 
.destination-dt-why-choose-section .why-choose-card h4 { 
 margin-bottom: 15px; 
 transition: 0.5s; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .destination-dt-why-choose-section .why-choose-card h4 { 
 font-size: 23px; 
 } 
 } 
.destination-dt-why-choose-section .why-choose-card p { 
 margin-bottom: 0; 
 transition: 0.5s; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .destination-dt-why-choose-section .why-choose-card p { 
 font-size: 16px; 
 } 
 } 
.destination-dt-why-choose-section .why-choose-card:hover { 
 background-color: var(--primary-color1); 
 } 
.destination-dt-why-choose-section .why-choose-card:hover svg { 
 fill: var(--white-color); 
 } 
.destination-dt-why-choose-section .why-choose-card:hover h4, .destination-dt-why-choose-section .why-choose-card:hover p { 
 color: var(--white-color); 
 } 
.destination-dt-why-choose-section ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 padding-top: 35px; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 flex-wrap: wrap; 
 gap: 25px; 
 } 
@media (max-width: 1199px) { 
 .destination-dt-why-choose-section ul { 
 gap: 20px; 
 } 
 } 
.destination-dt-why-choose-section ul li { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 18px; 
 line-height: 1; 
 padding: 15px 35px; 
 background-color: var(--white-color); 
 border-radius: 100px; 
 transition: 0.5s; 
 } 
@media (max-width: 991px) { 
 .destination-dt-why-choose-section ul li { 
 font-size: 17px; 
 padding: 15px 25px; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-dt-why-choose-section ul li { 
 font-size: 16px; 
 padding: 12px 20px; 
 } 
 } 
.destination-dt-why-choose-section ul li:hover { 
 background-color: var(--primary-color1); 
 color: var(--white-color); 
 } 

.destionation-dt-customer-gallery-section, .visa-dt-success-story-section { 
 padding: 0 40px; 
 } 
@media (max-width: 1699px) { 
 .destionation-dt-customer-gallery-section, .visa-dt-success-story-section { 
 padding: 0 30px; 
 } 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .destionation-dt-customer-gallery-section, .visa-dt-success-story-section { 
 padding: 0 10px; 
 } 
 } 
@media (max-width: 1399px) { 
 .destionation-dt-customer-gallery-section, .visa-dt-success-story-section { 
 padding: 0 10px; 
 } 
 } 
@media (max-width: 576px) { 
 .destionation-dt-customer-gallery-section, .visa-dt-success-story-section { 
 padding: 0; 
 } 
 } 
.destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider { 
 cursor: url(../img/innerpages/icon/customer-gallery-cursor.svg), default; 
 } 
.destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider .swiper-wrapper, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider .swiper-wrapper { 
 align-items: center; 
 } 
.destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider img, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider img { 
 -o-object-fit: cover; 
 object-fit: cover; 
 width: 100%; 
 max-height: 480px; 
 min-height: 480px; 
 border-radius: 20px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider img, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider img { 
 min-height: 420px; 
 max-height: 420px; 
 } 
 } 
@media (max-width: 1399px) { 
 .destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider img, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider img { 
 min-height: 400px; 
 max-height: 400px; 
 } 
 } 
.destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider .video-area video, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider .video-area video { 
 -o-object-fit: cover; 
 object-fit: cover; 
 width: 100%; 
 height: 480px; 
 border-radius: 20px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider .video-area video, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider .video-area video { 
 height: 420px; 
 } 
 } 
@media (max-width: 1399px) { 
 .destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider .video-area video, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider .video-area video { 
 height: 400px; 
 } 
 } 
.destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider .success-story-card, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider .success-story-card { 
 position: relative; 
 } 
.destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider .success-story-card .success-story-content-wrap, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider .success-story-card .success-story-content-wrap { 
 background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 47.6%, rgba(0, 0, 0, 0.9) 100%); 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 border-radius: 20px; 
 padding: 25px 30px 40px; 
 display: flex; 
 flex-direction: column; 
 justify-content: space-between; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider .success-story-card .success-story-content-wrap, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider .success-story-card .success-story-content-wrap { 
 padding: 25px 15px 40px; 
 } 
 } 
@media (max-width: 1399px) { 
 .destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider .success-story-card .success-story-content-wrap, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider .success-story-card .success-story-content-wrap { 
 padding: 25px 15px 40px; 
 } 
 } 
.destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider .success-story-card .success-story-content-wrap img, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider .success-story-card .success-story-content-wrap img { 
 max-height: unset; 
 min-height: unset; 
 width: 91px; 
 border-radius: unset; 
 } 
.destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider .success-story-card .success-story-content-wrap .success-story-content h5, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider .success-story-card .success-story-content-wrap .success-story-content h5 { 
 color: var(--white-color); 
 margin-bottom: 25px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider .success-story-card .success-story-content-wrap .success-story-content h5, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider .success-story-card .success-story-content-wrap .success-story-content h5 { 
 font-size: 19px; 
 } 
 } 
@media (max-width: 1399px) { 
 .destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider .success-story-card .success-story-content-wrap .success-story-content h5, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider .success-story-card .success-story-content-wrap .success-story-content h5 { 
 font-size: 19px; 
 } 
 } 
@media (max-width: 1199px) { 
 .destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider .success-story-card .success-story-content-wrap .success-story-content h5, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider .success-story-card .success-story-content-wrap .success-story-content h5 { 
 font-size: 18px; 
 } 
 } 
.destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider .success-story-card .success-story-content-wrap .success-story-content .author-info, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider .success-story-card .success-story-content-wrap .success-story-content .author-info { 
 line-height: 1; 
 } 
.destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider .success-story-card .success-story-content-wrap .success-story-content .author-info h6, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider .success-story-card .success-story-content-wrap .success-story-content .author-info h6 { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 margin-bottom: 10px; 
 } 
.destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider .success-story-card .success-story-content-wrap .success-story-content .author-info span, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider .success-story-card .success-story-content-wrap .success-story-content .author-info span { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 16px; 
 line-height: 1; 
 } 
.destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider .swiper-slide:nth-child(even), .visa-dt-success-story-section .destionation-dt-customer-gallery-slider .swiper-slide:nth-child(even) { 
 max-height: 380px; 
 } 
.destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider .swiper-slide:nth-child(even) img, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider .swiper-slide:nth-child(even) img { 
 width: 100%; 
 max-height: 380px; 
 min-height: 380px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider .swiper-slide:nth-child(even) img, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider .swiper-slide:nth-child(even) img { 
 max-height: 350px; 
 min-height: 350px; 
 } 
 } 
@media (max-width: 1399px) { 
 .destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider .swiper-slide:nth-child(even) img, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider .swiper-slide:nth-child(even) img { 
 max-height: 320px; 
 min-height: 320px; 
 } 
 } 
.destionation-dt-customer-gallery-section .destionation-dt-customer-gallery-slider .swiper-slide:nth-child(even) .success-story-card .success-story-content-wrap img, .visa-dt-success-story-section .destionation-dt-customer-gallery-slider .swiper-slide:nth-child(even) .success-story-card .success-story-content-wrap img { 
 max-height: unset; 
 min-height: unset; 
 width: 91px; 
 } 

.destination-dt-travel-season-section { 
 scroll-margin-top: 80px; 
 } 
.destination-dt-travel-season-section .travel-season-card { 
 padding: 30px; 
 border: 1px solid var(--borders-color); 
 border-radius: 20px; 
 } 
@media (max-width: 1399px) { 
 .destination-dt-travel-season-section .travel-season-card { 
 padding: 30px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-dt-travel-season-section .travel-season-card { 
 padding: 25px 20px; 
 } 
 } 
.destination-dt-travel-season-section .travel-season-card .travel-season-top-area { 
 display: flex; 
 align-items: start; 
 gap: 80px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .destination-dt-travel-season-section .travel-season-card .travel-season-top-area { 
 gap: 50px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .destination-dt-travel-season-section .travel-season-card .travel-season-top-area { 
 flex-direction: column; 
 gap: 30px; 
 } 
 } 
@media (max-width: 767px) { 
 .destination-dt-travel-season-section .travel-season-card .travel-season-top-area { 
 gap: 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-dt-travel-season-section .travel-season-card .travel-season-top-area { 
 flex-direction: column; 
 } 
 } 
.destination-dt-travel-season-section .travel-season-card .travel-season-top-area .travel-season-img img { 
 max-width: 194px; 
 min-width: 194px; 
 width: 100%; 
 border-radius: 10px; 
 } 
.destination-dt-travel-season-section .travel-season-card .travel-season-top-area .travel-season-content h5 { 
 margin-bottom: 3px; 
 } 
.destination-dt-travel-season-section .travel-season-card .travel-season-top-area .travel-season-content span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 16px; 
 line-height: 1; 
 } 
.destination-dt-travel-season-section .travel-season-card .travel-season-top-area .travel-season-content .highlights-area { 
 margin-top: 30px; 
 } 
@media (max-width: 1199px) { 
 .destination-dt-travel-season-section .travel-season-card .travel-season-top-area .travel-season-content .highlights-area { 
 margin-top: 25px; 
 } 
 } 
.destination-dt-travel-season-section .travel-season-card .travel-season-top-area .travel-season-content .highlights-area h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 18px; 
 line-height: 1; 
 margin-bottom: 20px; 
 } 
.destination-dt-travel-season-section .travel-season-card .travel-season-top-area .travel-season-content .highlights-area ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 } 
.destination-dt-travel-season-section .travel-season-card .travel-season-top-area .travel-season-content .highlights-area ul li { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 16px; 
 line-height: 1.4; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 margin-bottom: 13px; 
 } 
.destination-dt-travel-season-section .travel-season-card .travel-season-top-area .travel-season-content .highlights-area ul li svg { 
 fill: var(--white-color); 
 } 
.destination-dt-travel-season-section .travel-season-card .travel-season-top-area .travel-season-content .highlights-area ul li svg rect { 
 fill: var(--primary-color1); 
 } 
.destination-dt-travel-season-section .travel-season-card .travel-season-top-area .travel-season-content .highlights-area ul li:last-child { 
 margin-bottom: 0; 
 } 
@media (max-width: 767px) { 
 .destination-dt-travel-season-section .travel-season-card .travel-season-top-area .travel-season-content .highlights-area ul li { 
 font-size: 15px; 
 } 
 } 
.destination-dt-travel-season-section .travel-season-card .note { 
 color: var(--primary-color1); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1.5; 
 text-align: center; 
 margin-top: 45px; 
 display: block; 
 padding: 10px 25px; 
 background-color: #F2F2FF; 
 border-radius: 100px; 
 } 
@media (max-width: 1199px) { 
 .destination-dt-travel-season-section .travel-season-card .note { 
 margin-top: 40px; 
 font-size: 15px; 
 } 
 } 
@media (max-width: 767px) { 
 .destination-dt-travel-season-section .travel-season-card .note { 
 margin-top: 35px; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-dt-travel-season-section .travel-season-card .note { 
 padding: 10px 20px; 
 border-radius: 10px; 
 } 
 } 

.destination-dt-faq-video-area { 
 margin-bottom: -280px; 
 } 
@media (max-width: 1399px) { 
 .destination-dt-faq-video-area { 
 margin-bottom: -240px; 
 } 
 } 
@media (max-width: 1199px) { 
 .destination-dt-faq-video-area { 
 margin-bottom: -210px; 
 } 
 } 
@media (max-width: 767px) { 
 .destination-dt-faq-video-area { 
 margin-bottom: -190px; 
 } 
 } 
.destination-dt-faq-video-area .video-wrap { 
 position: relative; 
 } 
.destination-dt-faq-video-area .video-wrap img { 
 border-radius: 20px; 
 min-height: 400px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
@media (max-width: 767px) { 
 .destination-dt-faq-video-area .video-wrap img { 
 min-height: 350px; 
 } 
 } 
@media (max-width: 576px) { 
 .destination-dt-faq-video-area .video-wrap img { 
 border-radius: 10px; 
 } 
 } 
.destination-dt-faq-video-area .video-wrap .play-btn { 
 width: 60px; 
 height: 60px; 
 background-color: var(--primary-color1); 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 z-index: 1; 
 } 
@keyframes waves { 
 0% { 
 transform: translate(-50%, -50%) scale(0.2); 
 opacity: 0; 
 } 
 50% { 
 opacity: 0.9; 
 } 
 100% { 
 transform: translate(-50%, -50%) scale(0.9); 
 opacity: 0; 
 } 
 } 
.destination-dt-faq-video-area .video-wrap .play-btn .waves-block { 
 display: inline-block; 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 z-index: -1; 
 } 
.destination-dt-faq-video-area .video-wrap .play-btn .waves-block .waves { 
 position: absolute; 
 width: 110px; 
 height: 110px; 
 background: rgba(var(--primary-color1-opc), 0.7); 
 opacity: 0; 
 border-radius: 100%; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 z-index: -1; 
 animation: waves 3s ease-in-out infinite; 
 } 
.destination-dt-faq-video-area .video-wrap .play-btn .waves-block .waves.wave-1 { 
 animation-delay: 0s; 
 } 
.destination-dt-faq-video-area .video-wrap .play-btn .waves-block .waves.wave-2 { 
 animation-delay: 1s; 
 } 
.destination-dt-faq-video-area .video-wrap .play-btn .waves-block .waves.wave-3 { 
 animation-delay: 2s; 
 } 
.destination-dt-faq-video-area .video-wrap .play-btn i { 
 font-size: 25px; 
 color: var(--white-color); 
 line-height: 1; 
 margin-left: 2px; 
 } 

.destination-dt-faq-section { 
 background-image: url(../img/innerpages/destination-dt-faq-bg.png), linear-gradient(180deg, #F2F2FF 0%, #F2F2FF 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 375px 0 100px; 
 } 
@media (max-width: 1399px) { 
 .destination-dt-faq-section { 
 padding: 335px 0 100px; 
 } 
 } 
@media (max-width: 1199px) { 
 .destination-dt-faq-section { 
 padding: 295px 0 90px; 
 } 
 } 
@media (max-width: 767px) { 
 .destination-dt-faq-section { 
 padding: 255px 0 70px; 
 } 
 } 
.destination-dt-faq-section .faq-wrap .accordion .accordion-item .accordion-header .accordion-button { 
 background-color: var(--white-color); 
 } 

/*=====================================
 86. Faq Page CSS
========================================*/
.faq-page-banner { 
 background-size: cover; 
 background-repeat: no-repeat; 
 background-attachment: fixed; 
 background-position: center center; 
 min-height: 666px; 
 } 

/*=====================================
 87. Contact Page CSS
========================================*/
.contact-page { 
 position: relative; 
 z-index: 1; 
 } 
.contact-page .single-contact { 
 padding: 60px 58px 55px; 
 background-color: #E6F5A9; 
 border-radius: 10px; 
 text-align: center; 
 } 
@media (max-width: 1399px) { 
 .contact-page .single-contact { 
 padding: 55px 30px 50px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .contact-page .single-contact { 
 padding: 50px 15px 45px; 
 } 
 } 
@media (max-width: 991px) { 
 .contact-page .single-contact { 
 padding: 50px 20px 45px; 
 } 
 } 
@media (max-width: 576px) { 
 .contact-page .single-contact { 
 padding: 45px 15px 40px; 
 } 
 } 
.contact-page .single-contact .icon { 
 width: 60px; 
 height: 60px; 
 border-radius: 50%; 
 border: 1px solid rgba(var(--black-color-opc), 0.2); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 margin: 0 auto; 
 margin-bottom: 20px; 
 transition: 0.5s; 
 } 
.contact-page .single-contact .icon svg { 
 fill: var(--black-color); 
 transition: 0.5s; 
 } 
.contact-page .single-contact h4 { 
 margin-bottom: 25px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .contact-page .single-contact h4 { 
 font-size: 23px; 
 } 
 } 
.contact-page .single-contact h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 margin-bottom: 15px; 
 } 
.contact-page .single-contact h6 a { 
 color: var(--title-color); 
 background: linear-gradient(to bottom, var(--title-color) 0%, var(--title-color) 98%); 
 background-size: 0px 1px; 
 background-repeat: no-repeat; 
 background-position: right 90%; 
 transition: background-size 0.75s; 
 } 
.contact-page .single-contact h6 a:hover { 
 background-size: 100% 1px; 
 background-position: 0% 90%; 
 } 
.contact-page .single-contact p { 
 color: var(--title-color); 
 font-size: 16px; 
 margin-bottom: 0; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .contact-page .single-contact p { 
 font-size: 15px; 
 } 
 } 
.contact-page .single-contact:hover .icon { 
 background-color: var(--black-color); 
 } 
.contact-page .single-contact:hover .icon svg { 
 fill: var(--white-color); 
 } 
.contact-page .single-contact.two { 
 background-color: #F0F0F0; 
 } 
.contact-page .single-contact.three { 
 background-color: #BDEBCE; 
 } 
.contact-page .contact-form .contact-form-wrap { 
 padding: 60px; 
 background-color: #F2F2FF; 
 border-radius: 20px; 
 } 
@media (max-width: 1399px) { 
 .contact-page .contact-form .contact-form-wrap { 
 padding: 60px 50px; 
 } 
 } 
@media (max-width: 991px) { 
 .contact-page .contact-form .contact-form-wrap { 
 padding: 60px 40px; 
 } 
 } 
@media (max-width: 767px) { 
 .contact-page .contact-form .contact-form-wrap { 
 padding: 55px 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .contact-page .contact-form .contact-form-wrap { 
 padding: 50px 15px; 
 border-radius: 15px; 
 } 
 } 
.contact-page .contact-form .contact-form-wrap .form-inner input, .contact-page .contact-form .contact-form-wrap .form-inner textarea { 
 background-color: var(--white-color); 
 border-color: transparent; 
 } 
.contact-page .contact-form .contact-form-wrap .form-inner input:focus, .contact-page .contact-form .contact-form-wrap .form-inner textarea:focus { 
 border-color: var(--primary-color1); 
 } 
.contact-page .contact-form .contact-form-wrap .primary-btn1 { 
 padding: 20px 33px; 
 } 
.contact-page .vector1 { 
 position: absolute; 
 top: 10%; 
 right: 0; 
 z-index: -1; 
 } 
@media (max-width: 767px) { 
 .contact-page .vector1 { 
 display: none; 
 } 
 } 
.contact-page .vector2 { 
 position: absolute; 
 top: 35%; 
 left: 30px; 
 animation: up-down 2s linear infinite alternate; 
 z-index: -1; 
 } 
@media (max-width: 1199px) { 
 .contact-page .vector2 { 
 left: 10px; 
 width: 90px; 
 } 
 } 
@media (max-width: 991px) { 
 .contact-page .vector2 { 
 left: 0; 
 } 
 } 
@media (max-width: 767px) { 
 .contact-page .vector2 { 
 display: none; 
 } 
 } 
.contact-page .vector3 { 
 position: absolute; 
 bottom: 14%; 
 right: 70px; 
 animation: up-down 2s linear infinite alternate; 
 z-index: -1; 
 } 
@media (max-width: 1399px) { 
 .contact-page .vector3 { 
 right: 30px; 
 } 
 } 
@media (max-width: 1199px) { 
 .contact-page .vector3 { 
 width: 100px; 
 right: 10px; 
 } 
 } 
@media (max-width: 991px) { 
 .contact-page .vector3 { 
 right: 0; 
 } 
 } 
@media (max-width: 767px) { 
 .contact-page .vector3 { 
 display: none; 
 } 
 } 

.contact-map-section { 
 line-height: 0.9; 
 width: 100%; 
 height: 100%; 
 margin-bottom: -2px; 
 } 
.contact-map-section iframe { 
 width: 100%; 
 height: 100%; 
 min-height: 650px; 
 } 
@media (max-width: 1399px) { 
 .contact-map-section iframe { 
 min-height: 600px; 
 } 
 } 
@media (max-width: 991px) { 
 .contact-map-section iframe { 
 min-height: 500px; 
 } 
 } 
@media (max-width: 576px) { 
 .contact-map-section iframe { 
 min-height: 450px; 
 } 
 } 

/*=====================================
 88. Error Page CSS
========================================*/
.error-page { 
 background-color: #BDEBCE; 
 padding: 100px 0; 
 position: relative; 
 z-index: 1; 
 } 
@media (max-width: 991px) { 
 .error-page { 
 padding: 80px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .error-page { 
 padding: 70px 0; 
 } 
 } 
.error-page .error-content > svg { 
 fill: var(--title-color); 
 margin-bottom: 25px; 
 } 
@media (max-width: 1199px) { 
 .error-page .error-content > svg { 
 width: 200px; 
 } 
 } 
@media (max-width: 767px) { 
 .error-page .error-content > svg { 
 width: 180px; 
 margin-bottom: 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .error-page .error-content > svg { 
 width: 160px; 
 margin-bottom: 15px; 
 } 
 } 
.error-page .error-content h2 { 
 font-weight: 700; 
 line-height: 1.3; 
 margin-bottom: 20px; 
 } 
@media (max-width: 991px) { 
 .error-page .error-content h2 { 
 margin-bottom: 15px; 
 } 
 } 
.error-page .error-content p { 
 font-weight: 600; 
 margin-bottom: 50px; 
 } 
@media (max-width: 1199px) { 
 .error-page .error-content p { 
 margin-bottom: 45px; 
 } 
 } 
@media (max-width: 991px) { 
 .error-page .error-content p { 
 margin-bottom: 35px; 
 } 
 } 
.error-page .error-content .primary-btn1 { 
 padding: 20px 32px; 
 } 
.error-page .error-img-wrap { 
 position: relative; 
 z-index: 1; 
 } 
.error-page .error-img-wrap .error-img { 
 width: 100%; 
 height: 636px; 
 border-radius: 50%; 
 background-color: #AEE1C1; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .error-page .error-img-wrap .error-img { 
 height: 546px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .error-page .error-img-wrap .error-img { 
 height: 456px; 
 } 
 } 
@media (max-width: 991px) { 
 .error-page .error-img-wrap .error-img { 
 width: 600px; 
 height: 600px; 
 } 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .error-page .error-img-wrap .error-img img { 
 width: 450px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .error-page .error-img-wrap .error-img img { 
 width: 390px; 
 } 
 } 
@media (max-width: 991px) { 
 .error-page .error-img-wrap .error-img img { 
 width: 450px; 
 } 
 } 
.error-page .error-img-wrap .vector { 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 left: -35%; 
 z-index: -1; 
 } 
@media (max-width: 991px) { 
 .error-page .error-img-wrap .vector { 
 display: none; 
 } 
 } 
.error-page .vector1 { 
 position: absolute; 
 top: 0; 
 left: 0; 
 z-index: -1; 
 } 
.error-page .vector2 { 
 position: absolute; 
 bottom: 0; 
 right: 0; 
 z-index: -1; 
 } 

/*=====================================
 89. Shop Page CSS
========================================*/
.shop-page .shop-sidebar .single-widgets { 
 padding: 40px 30px 45px; 
 border: 1px solid var(--borders-color); 
 border-radius: 20px; 
 } 
@media (max-width: 1399px) { 
 .shop-page .shop-sidebar .single-widgets { 
 padding: 35px 20px 40px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .shop-page .shop-sidebar .single-widgets { 
 padding: 30px 15px 35px; 
 border-radius: 15px; 
 } 
 } 
.shop-page .shop-sidebar .single-widgets .widget-title { 
 margin-bottom: 25px; 
 } 
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 margin-bottom: 40px; 
 } 
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product { 
 display: flex; 
 align-items: center; 
 gap: 12px; 
 margin-bottom: 15px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product { 
 gap: 8px; 
 } 
 } 
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product:last-child { 
 margin-bottom: 0; 
 } 
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .product-img { 
 position: relative; 
 } 
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .product-img img { 
 height: 83px; 
 max-width: 82px; 
 min-width: 82px; 
 border-radius: 10px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .product-img img { 
 height: 76px; 
 max-width: 72px; 
 min-width: 72px; 
 } 
 } 
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .product-img .close-btn { 
 transition: 0.35s; 
 min-width: 20px; 
 max-width: 20px; 
 height: 20px; 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 background-color: #FF2615; 
 border: unset; 
 position: absolute; 
 top: 0; 
 left: 0; 
 opacity: 0; 
 transition: 0.5; 
 } 
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .product-img .close-btn i { 
 color: var(--white-color); 
 line-height: 1; 
 font-size: 20px; 
 } 
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .content h6 { 
 margin-bottom: 0px; 
 } 
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .content h6 a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 18px; 
 font-weight: 500; 
 line-height: 28px; 
 transition: 0.5s; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .content h6 a { 
 font-size: 15px; 
 } 
 } 
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .content h6 a:hover { 
 color: var(--primary-color1); 
 } 
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .content span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-size: 14px; 
 font-weight: 600; 
 line-height: 1; 
 } 
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product:hover .product-img .close-btn { 
 opacity: 1; 
 } 
.shop-page .shop-sidebar .single-widgets .cart-menu .total-price { 
 display: flex; 
 align-items: center; 
 gap: 30px; 
 margin-bottom: 40px; 
 } 
.shop-page .shop-sidebar .single-widgets .cart-menu .total-price span { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-size: 18px; 
 font-weight: 600; 
 line-height: 1; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .shop-page .shop-sidebar .single-widgets .cart-menu .total-price span { 
 font-size: 17px; 
 } 
 } 
.shop-page .shop-sidebar .single-widgets .cart-menu .total-price strong { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 18px; 
 font-weight: 600; 
 line-height: 1; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .shop-page .shop-sidebar .single-widgets .cart-menu .total-price strong { 
 font-size: 17px; 
 } 
 } 
.shop-page .shop-sidebar .single-widgets .cart-menu .btn-area .primary-btn1 { 
 width: 100%; 
 padding: 17px 24px; 
 } 
.shop-page .shop-sidebar .single-widgets .checkbox-container ul { 
 margin: 0; 
 padding: 0; 
 list-style: none; 
 } 
.shop-page .shop-sidebar .single-widgets .checkbox-container ul li { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 margin-bottom: 25px; 
 } 
.shop-page .shop-sidebar .single-widgets .checkbox-container ul li:last-child { 
 margin-bottom: 0; 
 } 
.shop-page .shop-sidebar .single-widgets .checkbox-container ul li .containerss { 
 display: flex; 
 gap: 5px; 
 width: 100%; 
 position: relative; 
 padding-left: 25px; 
 cursor: pointer; 
 -webkit-user-select: none; 
 -moz-user-select: none; 
 user-select: none; 
 } 
.shop-page .shop-sidebar .single-widgets .checkbox-container ul li .containerss span { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-size: 16px; 
 font-weight: 500; 
 line-height: 1; 
 transition: 0.5s; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .shop-page .shop-sidebar .single-widgets .checkbox-container ul li .containerss span { 
 font-size: 15px; 
 } 
 } 
.shop-page .shop-sidebar .single-widgets .checkbox-container ul li .containerss span:hover { 
 color: var(--title-color); 
 } 
.shop-page .shop-sidebar .single-widgets .checkbox-container ul li .containerss input { 
 position: absolute; 
 opacity: 0; 
 cursor: pointer; 
 height: 0; 
 width: 0; 
 } 
.shop-page .shop-sidebar .single-widgets .checkbox-container ul li .containerss input:checked ~ .checkmark { 
 background-color: transparent; 
 border-color: var(--primary-color1); 
 } 
.shop-page .shop-sidebar .single-widgets .checkbox-container ul li .containerss input:checked ~ .checkmark::after { 
 content: "\f26e"; 
 font-family: bootstrap-icons; 
 color: var(--white-color); 
 line-height: 1; 
 font-size: 12px; 
 left: 50%; 
 top: 50%; 
 transform: translate(-50%, -50%); 
 position: absolute; 
 width: 100%; 
 height: 100%; 
 background: var(--primary-color1); 
 } 
.shop-page .shop-sidebar .single-widgets .checkbox-container ul li .containerss input:checked ~ span { 
 color: var(--title-color); 
 } 
.shop-page .shop-sidebar .single-widgets .checkbox-container ul li .containerss .checkmark { 
 position: absolute; 
 top: 0px; 
 left: 0; 
 height: 14px; 
 width: 14px; 
 background-color: transparent; 
 border: 1px solid var(--borders-color); 
 border-radius: 4px; 
 margin-top: 1px; 
 } 
.shop-page .shop-sidebar .single-widgets .tag-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 flex-wrap: wrap; 
 gap: 18px; 
 line-height: 1; 
 } 
.shop-page .shop-sidebar .single-widgets .tag-list li a { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 16px; 
 font-weight: 500; 
 transition: 0.35s; 
 line-height: 1; 
 } 
.shop-page .shop-sidebar .single-widgets .tag-list li a:hover { 
 color: var(--primary-color1); 
 } 
.shop-page .shop-sidebar .single-widgets.widget_search { 
 border: none; 
 padding: 0; 
 } 
.shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper { 
 display: flex; 
 align-items: center; 
 gap: 8px; 
 border: 1px solid var(--borders-color); 
 padding-left: 30px; 
 border-radius: 100px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper { 
 padding-left: 25px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper { 
 padding-left: 20px; 
 } 
 } 
.shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper input { 
 background-color: transparent; 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 16px; 
 font-weight: 400; 
 border: none; 
 outline: none; 
 width: 100%; 
 padding: 0px 25px; 
 padding-left: 0; 
 height: 54px; 
 border-radius: unset; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper input { 
 height: 48px; 
 } 
 } 
.shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper input::-moz-placeholder { 
 color: #AAAAAA; 
 } 
.shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper input::placeholder { 
 color: #AAAAAA; 
 } 
.shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button { 
 border: none; 
 outline: none; 
 position: relative; 
 background-color: unset; 
 z-index: 1; 
 } 
.shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button svg { 
 fill: var(--title-color); 
 transition: 0.5s; 
 } 
.shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button:hover svg { 
 fill: var(--primary-color1); 
 } 

.product-card .product-card-img-wrap { 
 position: relative; 
 } 
.product-card .product-card-img-wrap .product-card-img { 
 position: relative; 
 overflow: hidden; 
 display: block; 
 border-radius: 20px; 
 transition: all 0.5s ease-out; 
 } 
.product-card .product-card-img-wrap .product-card-img img { 
 border-radius: 20px; 
 transition: all 0.5s ease-out; 
 } 
.product-card .product-card-img-wrap .product-card-img::after { 
 position: absolute; 
 width: 200%; 
 height: 0%; 
 left: 50%; 
 top: 50%; 
 background-color: rgba(255, 255, 255, 0.3); 
 transform: translate(-50%, -50%) rotate(-45deg); 
 content: ""; 
 z-index: 1; 
 } 
.product-card .product-card-img-wrap .cart-btn { 
 display: inline-flex; 
 align-items: center; 
 gap: 8px; 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 padding: 10px 18px; 
 background-color: var(--primary-color1); 
 border-radius: 100px; 
 position: absolute; 
 bottom: 0; 
 left: 50%; 
 transform: translate(-50%, 0); 
 opacity: 0; 
 z-index: 1; 
 transition: 0.5s; 
 } 
.product-card .product-card-img-wrap .cart-btn svg { 
 fill: var(--white-color); 
 } 
.product-card .product-card-img-wrap .cart-btn:hover { 
 background-color: var(--black-color); 
 } 
.product-card .product-card-content { 
 padding-top: 20px; 
 text-align: center; 
 } 
@media (max-width: 576px) { 
 .product-card .product-card-content { 
 padding-top: 15px; 
 } 
 } 
.product-card .product-card-content h6 { 
 margin-bottom: 5px; 
 } 
.product-card .product-card-content h6 a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1.4; 
 transition: 0.5s; 
 } 
.product-card .product-card-content h6 a:hover { 
 color: var(--primary-color1); 
 } 
.product-card .product-card-content span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 } 
.product-card .product-card-content span del { 
 color: var(--text-color); 
 font-size: 14px; 
 } 
.product-card:hover .product-card-img-wrap .product-card-img img { 
 transform: scale(1.1); 
 } 
.product-card:hover .product-card-img-wrap .product-card-img::after { 
 height: 250%; 
 transition: all 600ms linear; 
 background-color: transparent; 
 } 
.product-card:hover .product-card-img-wrap .cart-btn { 
 opacity: 1; 
 transform: translate(-50%, -20px); 
 } 

/*=====================================
 90. Product Details Page CSS
========================================*/
.product-details-page .product-details-img { 
 position: relative; 
 } 
@media (max-width: 1199px) { 
 .product-details-page .product-details-img { 
 padding-right: 0; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .product-details-page .product-details-img { 
 flex-direction: column; 
 gap: 40px; 
 } 
 } 
@media (max-width: 576px) { 
 .product-details-page .product-details-img { 
 flex-direction: column; 
 gap: 40px; 
 } 
 } 
.product-details-page .product-details-img .product-details-tab-img { 
 position: relative; 
 overflow: hidden; 
 } 
.product-details-page .product-details-img .product-details-tab-img img { 
 border-radius: 20px; 
 } 
@media (max-width: 991px) { 
 .product-details-page .product-details-img .product-details-tab-img img { 
 width: 100%; 
 } 
 } 
@media (max-width: 576px) { 
 .product-details-page .product-details-img .product-details-tab-img img { 
 border-radius: 15px; 
 } 
 } 
.product-details-page .product-details-img .nav-pills { 
 padding-top: 25px; 
 display: flex; 
 align-items: center; 
 gap: 20px; 
 } 
@media (max-width: 1399px) { 
 .product-details-page .product-details-img .nav-pills { 
 gap: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .product-details-page .product-details-img .nav-pills { 
 -moz-columns: unset; 
 columns: unset; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 15px; 
 padding-top: 20px; 
 } 
 } 
@media (min-width: 1600px) { 
 .product-details-page .product-details-img .nav-pills .nav-item { 
 max-width: 160px; 
 min-width: 160px; 
 max-height: 107px; 
 } 
 } 
@media (max-width: 1399px) { 
 .product-details-page .product-details-img .nav-pills .nav-item { 
 max-width: 140px; 
 min-width: 140px; 
 max-height: 107px; 
 } 
 } 
@media (max-width: 576px) { 
 .product-details-page .product-details-img .nav-pills .nav-item { 
 max-width: 130px; 
 min-width: 130px; 
 } 
 } 
.product-details-page .product-details-img .nav-pills .nav-item .nav-link { 
 background-color: unset; 
 border-radius: unset; 
 padding: 0; 
 position: relative; 
 width: 100%; 
 } 
.product-details-page .product-details-img .nav-pills .nav-item .nav-link img { 
 -o-object-fit: cover; 
 object-fit: cover; 
 border-radius: 10px; 
 } 
@media (min-width: 1400px) and (max-width: 1599px) { 
 .product-details-page .product-details-img .nav-pills .nav-item .nav-link img { 
 max-width: 160px; 
 min-width: 160px; 
 max-height: 107px; 
 } 
 } 
@media (max-width: 1399px) { 
 .product-details-page .product-details-img .nav-pills .nav-item .nav-link img { 
 max-width: 140px; 
 min-width: 140px; 
 max-height: 107px; 
 } 
 } 
@media (max-width: 576px) { 
 .product-details-page .product-details-img .nav-pills .nav-item .nav-link img { 
 max-width: 130px; 
 min-width: 130px; 
 border-radius: 5px; 
 } 
 } 
.product-details-page .product-details-img .nav-pills .nav-item .nav-link::after { 
 content: ""; 
 height: 100%; 
 width: 100%; 
 position: absolute; 
 left: 0; 
 top: 0; 
 background: rgba(26, 26, 26, 0.2); 
 border-radius: 10px; 
 } 
.product-details-page .product-details-img .nav-pills .nav-item .nav-link.active::after { 
 display: none; 
 } 
.product-details-page .product-details-content h2 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 45px; 
 font-weight: 600; 
 line-height: 1.2; 
 margin-bottom: 20px; 
 } 
@media (max-width: 1399px) { 
 .product-details-page .product-details-content h2 { 
 font-size: 40px; 
 } 
 } 
@media (max-width: 1199px) { 
 .product-details-page .product-details-content h2 { 
 font-size: 38px; 
 margin-bottom: 15px; 
 } 
 } 
@media (max-width: 767px) { 
 .product-details-page .product-details-content h2 { 
 margin-bottom: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .product-details-page .product-details-content h2 { 
 font-size: 35px; 
 } 
 } 
.product-details-page .product-details-content p { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-size: 18px; 
 font-weight: 400; 
 line-height: 1.5; 
 margin-bottom: 30px; 
 } 
@media (max-width: 1199px) { 
 .product-details-page .product-details-content p { 
 margin-bottom: 25px; 
 } 
 } 
@media (max-width: 767px) { 
 .product-details-page .product-details-content p { 
 margin-bottom: 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .product-details-page .product-details-content p { 
 font-size: 17px; 
 } 
 } 
.product-details-page .product-details-content ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 margin-bottom: 45px; 
 } 
@media (max-width: 1199px) { 
 .product-details-page .product-details-content ul { 
 margin-bottom: 40px; 
 } 
 } 
.product-details-page .product-details-content ul li { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 18px; 
 line-height: 22.68px; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 margin-bottom: 15px; 
 } 
.product-details-page .product-details-content ul li svg { 
 fill: var(--text-color); 
 } 
.product-details-page .product-details-content ul li:last-child { 
 margin-bottom: 0; 
 } 
@media (max-width: 576px) { 
 .product-details-page .product-details-content ul li { 
 font-size: 17px; 
 } 
 } 
.product-details-page .product-details-content .price-tag { 
 line-height: 1; 
 margin-bottom: 35px; 
 } 
@media (max-width: 1199px) { 
 .product-details-page .product-details-content .price-tag { 
 margin-bottom: 30px; 
 } 
 } 
.product-details-page .product-details-content .price-tag h5 { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 22px; 
 font-weight: 600; 
 line-height: 1; 
 margin-bottom: 0; 
 display: flex; 
 align-items: center; 
 gap: 20px; 
 } 
@media (max-width: 1199px) { 
 .product-details-page .product-details-content .price-tag h5 { 
 font-size: 20px; 
 } 
 } 
.product-details-page .product-details-content .price-tag h5 del { 
 color: var(--text-color); 
 font-weight: 500; 
 } 
.product-details-page .product-details-content .product-quantity { 
 margin-bottom: 50px; 
 gap: 24px; 
 } 
@media (max-width: 1199px) { 
 .product-details-page .product-details-content .product-quantity { 
 margin-bottom: 45px; 
 } 
 } 
@media (max-width: 767px) { 
 .product-details-page .product-details-content .product-quantity { 
 margin-bottom: 35px; 
 } 
 } 
@media (max-width: 576px) { 
 .product-details-page .product-details-content .product-quantity { 
 flex-wrap: wrap; 
 gap: 15px; 
 } 
 } 
.product-details-page .product-details-content .product-quantity .quantity { 
 display: flex; 
 align-items: center; 
 gap: 8px; 
 } 
.product-details-page .product-details-content .product-quantity .quantity .quantity__minus, .product-details-page .product-details-content .product-quantity .quantity .quantity__plus { 
 height: 40px; 
 width: 40px; 
 border: 1px solid var(--borders-color); 
 border-radius: 5px; 
 background-color: #F0F0F0; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 cursor: pointer; 
 transition: 0.35s; 
 } 
.product-details-page .product-details-content .product-quantity .quantity .quantity__minus span i, .product-details-page .product-details-content .product-quantity .quantity .quantity__plus span i { 
 font-size: 22px; 
 color: var(--title-color); 
 transition: 0.35s; 
 } 
.product-details-page .product-details-content .product-quantity .quantity .quantity__minus:hover, .product-details-page .product-details-content .product-quantity .quantity .quantity__plus:hover { 
 background-color: var(--primary-color1); 
 border-color: var(--primary-color1); 
 } 
.product-details-page .product-details-content .product-quantity .quantity .quantity__minus:hover span i, .product-details-page .product-details-content .product-quantity .quantity .quantity__plus:hover span i { 
 color: var(--white-color); 
 } 
.product-details-page .product-details-content .product-quantity .quantity .quantity__input { 
 height: 40px; 
 width: 78px; 
 border: 1px solid var(--borders-color); 
 background-color: transparent; 
 color: var(--title-color); 
 text-align: center; 
 font-family: var(--font-poppins); 
 font-size: 18px; 
 font-weight: 600; 
 } 
.product-details-page .product-details-content .product-quantity .primary-btn1 { 
 font-size: 14px; 
 padding: 12px 22px; 
 border-radius: 5px; 
 } 
.product-details-page .product-details-content .product-quantity .primary-btn1.two { 
 padding: 13px 23px; 
 } 
.product-details-page .product-details-content .aditional-info { 
 margin: 0; 
 padding: 0; 
 list-style: none; 
 line-height: 1; 
 } 
.product-details-page .product-details-content .aditional-info > li { 
 line-height: 1; 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-size: 16px; 
 font-weight: 400; 
 margin-bottom: 20px; 
 display: flex; 
 align-items: center; 
 gap: 3px; 
 } 
.product-details-page .product-details-content .aditional-info > li:last-child { 
 margin-bottom: 0; 
 } 
.product-details-page .product-details-content .aditional-info > li span { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 display: inline-block; 
 margin-right: 5px; 
 } 
.product-details-page .product-details-content .aditional-info > li a { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-size: 16px; 
 font-weight: 400; 
 transition: 0.35s; 
 margin-bottom: 0; 
 } 
.product-details-page .product-details-content .aditional-info > li a:hover { 
 color: var(--primary-color1); 
 } 
.product-details-page .product-description-and-review-area .nav2 { 
 gap: 20px; 
 justify-content: start; 
 width: 100%; 
 line-height: 1; 
 border: 1px solid var(--borders-color); 
 border-radius: 30px; 
 padding: 14px 20px; 
 margin-bottom: 30px; 
 } 
@media (max-width: 576px) { 
 .product-details-page .product-description-and-review-area .nav2 { 
 padding: 12px 10px; 
 gap: 10px; 
 } 
 } 
.product-details-page .product-description-and-review-area .nav2 .nav-link { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-size: 16px; 
 font-weight: 500; 
 padding: 6px 15px; 
 border-radius: 15px; 
 line-height: 1; 
 background-color: transparent; 
 } 
@media (max-width: 576px) { 
 .product-details-page .product-description-and-review-area .nav2 .nav-link { 
 font-size: 16px; 
 padding: 6px 12px; 
 } 
 } 
.product-details-page .product-description-and-review-area .nav2 .nav-link.active { 
 background-color: var(--black-color); 
 color: var(--white-color); 
 } 
.product-details-page .product-description-and-review-area .tab-content2 .description p { 
 margin-bottom: 25px; 
 } 
.product-details-page .product-description-and-review-area .tab-content2 .description p:last-child { 
 margin-bottom: 0; 
 } 
@media (max-width: 576px) { 
 .product-details-page .product-description-and-review-area .tab-content2 .description p { 
 font-size: 16px; 
 } 
 } 
.product-details-page .product-description-and-review-area .tab-content2 .comment-and-form-area .comment-area .comment-title { 
 font-size: 30px; 
 margin-bottom: 30px; 
 } 
@media (max-width: 767px) { 
 .product-details-page .product-description-and-review-area .tab-content2 .comment-and-form-area .comment-area .comment-title { 
 font-size: 28px; 
 } 
 } 
@media (max-width: 576px) { 
 .product-details-page .product-description-and-review-area .tab-content2 .comment-and-form-area .comment-area .comment-title { 
 font-size: 26px; 
 } 
 } 
.product-details-page .product-description-and-review-area .tab-content2 .review-form { 
 border: 1px solid var(--borders-color); 
 padding: 50px 40px; 
 border-radius: 10px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .product-details-page .product-description-and-review-area .tab-content2 .review-form { 
 padding: 40px 20px; 
 } 
 } 
@media (max-width: 767px) { 
 .product-details-page .product-description-and-review-area .tab-content2 .review-form { 
 padding: 40px 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .product-details-page .product-description-and-review-area .tab-content2 .review-form { 
 padding: 35px 15px; 
 } 
 } 
.product-details-page .product-description-and-review-area .tab-content2 .review-form .number-of-review { 
 line-height: 1; 
 margin-bottom: 30px; 
 } 
.product-details-page .product-description-and-review-area .tab-content2 .review-form .number-of-review h4 { 
 font-size: 28px; 
 line-height: 1; 
 margin-bottom: 0; 
 } 
.product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner input { 
 background: #F0F0F0; 
 border-color: transparent; 
 } 
.product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner input:focus { 
 border-color: var(--primary-color1); 
 } 
.product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner textarea { 
 background: #F0F0F0; 
 min-height: 150px; 
 border-color: transparent; 
 } 
.product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner textarea:focus { 
 border-color: var(--primary-color1); 
 } 
.product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area { 
 margin-bottom: 15px; 
 } 
.product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area p { 
 margin-bottom: 5px; 
 color: var(--title-color); 
 } 
.product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area .rate { 
 float: left; 
 } 
.product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area .rate:not(:checked) > input { 
 position: absolute; 
 top: -9999px; 
 } 
.product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area .rate:not(:checked) > label { 
 float: right; 
 width: 1em; 
 overflow: hidden; 
 white-space: nowrap; 
 cursor: pointer; 
 font-size: 16px; 
 line-height: 1; 
 color: #ccc; 
 padding-right: 8px; 
 display: inline-block; 
 margin-right: 8px; 
 } 
.product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area .rate:not(:checked) > label::before { 
 content: "\f586"; 
 font-family: bootstrap-icons !important; 
 } 
.product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area .rate input:checked ~ label { 
 color: #DDA701; 
 } 
.product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area .rate:not(:checked) > label:hover,
.product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area .rate:not(:checked) > label:hover ~ label { 
 color: #DDA701; 
 } 
.product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area input:checked + label:hover,
.product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area input:checked + label:hover ~ label,
.product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area input:checked ~ label:hover,
.product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area input:checked ~ label:hover ~ label,
.product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area label:hover ~ input:checked ~ label { 
 color: #DDA701; 
 } 

.related-product-section h3 { 
 margin-bottom: 25px; 
 } 
.related-product-section .related-product-slider-area { 
 position: relative; 
 } 
@media (max-width: 576px) { 
 .related-product-section .related-product-slider-area .slider-btn-grp { 
 display: none; 
 } 
 } 
.related-product-section .related-product-slider-area .slider-btn-grp .slider-btn { 
 position: absolute; 
 top: calc(50% - 56px); 
 left: -20px; 
 z-index: 1; 
 opacity: 1; 
 transition: 0.5s; 
 } 
.related-product-section .related-product-slider-area .slider-btn-grp .slider-btn svg { 
 fill: none; 
 stroke: var(--title-color); 
 } 
.related-product-section .related-product-slider-area .slider-btn-grp .slider-btn.related-product-slider-next { 
 left: unset; 
 right: -20px; 
 } 
.related-product-section .related-product-slider-area .slider-btn-grp .slider-btn:hover svg { 
 stroke: var(--white-color); 
 } 
.related-product-section .related-product-slider-area:hover .slider-btn-grp .slider-btn { 
 opacity: 1; 
 } 

/*=====================================
 91. Cart Page CSS
========================================*/
.cart-page .cart-widget-title { 
 margin-bottom: 35px; 
 } 
@media (max-width: 991px) { 
 .cart-page .cart-widget-title { 
 margin-bottom: 25px; 
 } 
 } 
.cart-page .cart-widget-title h4 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 28px; 
 font-weight: 600; 
 line-height: 1.4; 
 margin-bottom: 0; 
 } 
@media (max-width: 576px) { 
 .cart-page .cart-widget-title h4 { 
 font-size: 25px; 
 } 
 } 
.cart-page .cart-shopping-wrapper .cart-table { 
 width: 100%; 
 } 
@media (max-width: 767px) { 
 .cart-page .cart-shopping-wrapper .cart-table { 
 margin-bottom: 30px; 
 } 
 } 
.cart-page .cart-shopping-wrapper .cart-table thead tr { 
 border-top: 1px solid var(--borders-color); 
 border-bottom: 1px solid var(--borders-color); 
 } 
.cart-page .cart-shopping-wrapper .cart-table thead tr th { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-size: 18px; 
 font-weight: 600; 
 line-height: 1; 
 padding: 20px 15px; 
 } 
@media (max-width: 767px) { 
 .cart-page .cart-shopping-wrapper .cart-table thead tr th { 
 display: none; 
 } 
 } 
.cart-page .cart-shopping-wrapper .cart-table thead tr th:first-child { 
 padding-left: 0; 
 } 
@media (max-width: 767px) { 
 .cart-page .cart-shopping-wrapper .cart-table tbody tr { 
 border-bottom: 1px solid var(--borders-color); 
 } 
 } 
.cart-page .cart-shopping-wrapper .cart-table tbody tr td { 
 padding: 30px 15px; 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 16px; 
 font-weight: 600; 
 line-height: 1; 
 } 
.cart-page .cart-shopping-wrapper .cart-table tbody tr td span { 
 color: var(--text-color); 
 } 
.cart-page .cart-shopping-wrapper .cart-table tbody tr td:first-child { 
 padding-left: 0; 
 } 
@media (max-width: 767px) { 
 .cart-page .cart-shopping-wrapper .cart-table tbody tr td { 
 text-align: right; 
 } 
 } 
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper { 
 display: flex; 
 align-items: center; 
 gap: 20px; 
 } 
@media (max-width: 767px) { 
 .cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper { 
 align-items: flex-end; 
 flex-direction: column; 
 } 
 } 
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-img img { 
 border-radius: 5px; 
 max-width: 120px; 
 } 
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 18px; 
 font-weight: 600; 
 line-height: 1.4; 
 margin-bottom: 10px; 
 } 
@media (max-width: 576px) { 
 .cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content h6 { 
 font-size: 16px; 
 } 
 } 
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content p { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-size: 16px; 
 font-weight: 500; 
 line-height: 1; 
 margin-bottom: 35px; 
 } 
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content p span { 
 color: var(--title-color); 
 font-weight: 500; 
 } 
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 20px; 
 } 
@media (max-width: 767px) { 
 .cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul { 
 justify-content: flex-end; 
 } 
 } 
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-size: 16px; 
 font-weight: 500; 
 line-height: 1; 
 cursor: pointer; 
 position: relative; 
 transition: 0.5s; 
 } 
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li:last-child::before { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 left: -10px; 
 width: 1px; 
 height: 11px; 
 background-color: rgba(var(--title-color-opc), 0.2); 
 } 
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area { 
 position: absolute; 
 top: -30px; 
 right: -60px; 
 opacity: 0; 
 transform: scaleY(0); 
 transform-origin: bottom; 
 } 
@media (max-width: 991px) { 
 .cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area { 
 right: unset; 
 left: -60px; 
 } 
 } 
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area .quantity { 
 display: flex; 
 gap: 5px; 
 } 
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area .quantity a { 
 height: 24px; 
 width: 34px; 
 border-radius: 4px; 
 background: rgba(var(--title-color-opc), 0.07); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 18px; 
 font-weight: 700; 
 cursor: pointer; 
 transition: 0.35s; 
 } 
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area .quantity a i { 
 color: var(--title-color); 
 transition: 0.35s; 
 } 
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area .quantity a:hover { 
 background: var(--primary-color1); 
 color: var(--white-color); 
 } 
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area .quantity a:hover i { 
 color: var(--white-color); 
 } 
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area .quantity input { 
 height: 24px; 
 width: 34px; 
 border-radius: 4px; 
 border: 1px solid var(--borders-color); 
 background-color: var(--white-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 15px; 
 font-weight: 600; 
 text-align: center; 
 } 
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area.active { 
 opacity: 1; 
 transform: scaleY(1); 
 animation: fade-down 0.3s linear; 
 } 
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li:hover { 
 color: rgb(255, 72, 32); 
 } 
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li:hover:last-child { 
 color: var(--primary-color1); 
 } 
@media (max-width: 767px) { 
 .cart-page .cart-shopping-wrapper .cart-table tbody tr td { 
 display: block; 
 width: 100%; 
 text-align: right; 
 position: relative; 
 padding: 15px; 
 } 
 .cart-page .cart-shopping-wrapper .cart-table tbody tr td::before { 
 content: attr(data-label); 
 position: absolute; 
 left: 15px; 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-size: 18px; 
 font-weight: 600; 
 } 
 } 
@media (max-width: 767px) and (max-width: 576px) { 
 .cart-page .cart-shopping-wrapper .cart-table tbody tr td::before { 
 font-size: 16px; 
 } 
 } 
.cart-page .cart-shopping-wrapper .details-button { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 16px; 
 font-weight: 600; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 8px; 
 transition: 0.5s; 
 } 
.cart-page .cart-shopping-wrapper .details-button svg { 
 fill: none; 
 stroke: var(--title-color); 
 transition: 0.5s; 
 } 
.cart-page .cart-shopping-wrapper .details-button:hover { 
 color: var(--primary-color1); 
 } 
.cart-page .cart-shopping-wrapper .details-button:hover svg { 
 stroke: var(--primary-color1); 
 transform: rotate(45deg); 
 } 
@media (min-width: 992px) { 
 .cart-page .cart-order-sum-area { 
 padding-left: 15px; 
 } 
 } 
.cart-page .cart-order-sum-area .order-summary-wrap { 
 padding: 40px 30px; 
 border: 1px solid var(--borders-color); 
 border-radius: 10px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .cart-page .cart-order-sum-area .order-summary-wrap { 
 padding: 40px 25px; 
 } 
 } 
@media (max-width: 576px) { 
 .cart-page .cart-order-sum-area .order-summary-wrap { 
 padding: 35px 15px; 
 } 
 } 
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 width: 100%; 
 } 
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li { 
 display: flex; 
 align-items: flex-start; 
 justify-content: space-between; 
 margin-bottom: 30px; 
 line-height: 1; 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 16px; 
 font-weight: 500; 
 line-height: 1; 
 } 
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li:first-child { 
 padding-bottom: 20px; 
 border-bottom: 1px solid var(--borders-color); 
 } 
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li strong { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 16px; 
 font-weight: 600; 
 line-height: 1; 
 display: inline-block; 
 } 
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .order-info { 
 text-align: right; 
 } 
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .order-info p { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-size: 15px; 
 font-weight: 500; 
 line-height: 1; 
 margin-bottom: 5px; 
 } 
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .order-info span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 15px; 
 font-weight: 600; 
 line-height: 1; 
 } 
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area { 
 width: 100%; 
 margin-bottom: 10px; 
 } 
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 15px; 
 font-weight: 500; 
 line-height: 1; 
 margin-bottom: 15px; 
 display: block; 
 } 
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner { 
 position: relative; 
 } 
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner input { 
 width: 100%; 
 height: 48px; 
 padding: 10px 100px 10px 20px; 
 background-color: #F6F2F8; 
 border-radius: 5px; 
 } 
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner input::-moz-placeholder { 
 color: rgba(var(--title-color-opc), 0.5); 
 } 
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner input::placeholder { 
 color: rgba(var(--title-color-opc), 0.5); 
 } 
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner input:focus { 
 border-color: transparent; 
 } 
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner .apply-btn { 
 padding: 15px 23px; 
 border-radius: 0 5px 5px 0; 
 background-color: var(--black-color); 
 border: 1px solid var(--black-color); 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-size: 15px; 
 font-weight: 600; 
 letter-spacing: 0.48px; 
 line-height: 1; 
 transition: 0.5s; 
 overflow: hidden; 
 z-index: 1; 
 white-space: nowrap; 
 position: absolute; 
 top: 0; 
 right: 0; 
 } 
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner .apply-btn::after { 
 position: absolute; 
 content: ""; 
 display: block; 
 left: 15%; 
 right: -20%; 
 top: -4%; 
 height: 150%; 
 width: 150%; 
 bottom: 0; 
 border-radius: 2px; 
 background-color: var(--white-color); 
 transform: skewX(45deg) scale(0, 1); 
 z-index: -1; 
 transition: all 0.5s ease-out 0s; 
 } 
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner .apply-btn:hover { 
 color: var(--title-color); 
 } 
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner .apply-btn:hover::after { 
 transform: skewX(45deg) scale(1, 1); 
 } 
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li:last-child { 
 margin-bottom: 0px; 
 } 
.cart-page .cart-order-sum-area .order-summary-wrap .primary-btn1 { 
 width: 100%; 
 } 

/*=====================================
 92. Checkout Page CSS
========================================*/
.checkout-page .checkout-form-wrapper .checkout-form-title { 
 margin-bottom: 35px; 
 } 
@media (max-width: 991px) { 
 .checkout-page .checkout-form-wrapper .checkout-form-title { 
 margin-bottom: 25px; 
 } 
 } 
.checkout-page .checkout-form-wrapper .checkout-form-title h4 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 28px; 
 font-weight: 600; 
 line-height: 1.4; 
 margin-bottom: 0; 
 } 
@media (max-width: 576px) { 
 .checkout-page .checkout-form-wrapper .checkout-form-title h4 { 
 font-size: 25px; 
 } 
 } 
.checkout-page .checkout-form-wrapper .checkout-form { 
 border: 1px solid var(--borders-color); 
 padding: 40px 30px; 
 border-radius: 10px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .checkout-page .checkout-form-wrapper .checkout-form { 
 padding: 35px 20px; 
 } 
 } 
@media (max-width: 767px) { 
 .checkout-page .checkout-form-wrapper .checkout-form { 
 padding: 35px 20px; 
 } 
 } 
.checkout-page .checkout-form-wrapper .checkout-form .form-inner label span { 
 font-weight: 400; 
 color: var(--text-color); 
 } 
.checkout-page .order-sum-area { 
 border: 1px solid var(--borders-color); 
 padding: 45px 40px; 
 } 
@media (max-width: 1399px) { 
 .checkout-page .order-sum-area { 
 padding: 35px 30px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .checkout-page .order-sum-area { 
 padding: 30px 20px; 
 } 
 } 
@media (max-width: 767px) { 
 .checkout-page .order-sum-area { 
 padding: 30px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .checkout-page .order-sum-area { 
 padding: 25px 15px; 
 } 
 } 
.checkout-page .order-sum-area .cart-body ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 margin-bottom: 50px; 
 } 
.checkout-page .order-sum-area .cart-body ul .single-item { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 margin-bottom: 25px; 
 } 
.checkout-page .order-sum-area .cart-body ul .single-item:last-child { 
 margin-bottom: 0; 
 } 
.checkout-page .order-sum-area .cart-body ul .single-item .item-area { 
 display: flex; 
 justify-content: space-between; 
 gap: 20px; 
 position: relative; 
 width: 100%; 
 } 
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .close-btn { 
 transition: 0.35s; 
 min-width: 25px; 
 max-width: 25px; 
 height: 25px; 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 background-color: rgba(255, 38, 21, 0.14); 
 border: unset; 
 } 
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .close-btn i { 
 color: rgb(255, 72, 32); 
 line-height: 1; 
 font-size: 20px; 
 transition: 0.35s; 
 } 
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .close-btn:hover { 
 background-color: #FF2615; 
 } 
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .close-btn:hover i { 
 color: var(--white-color); 
 } 
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item { 
 display: flex; 
 gap: 15px; 
 width: 100%; 
 } 
@media (max-width: 767px) { 
 .checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item { 
 gap: 12px; 
 } 
 } 
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .item-img { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 position: relative; 
 } 
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .item-img img { 
 height: 80px; 
 max-width: 77px; 
 min-width: 77px; 
 } 
@media (max-width: 767px) { 
 .checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .item-img img { 
 width: 45px; 
 height: unset; 
 } 
 } 
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .content-and-quantity { 
 width: 100%; 
 } 
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .content { 
 line-height: 1; 
 margin-bottom: 15px; 
 } 
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .content span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 15px; 
 display: inline-block; 
 margin-bottom: 5px; 
 } 
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .content h6 { 
 margin-bottom: 0; 
 line-height: 1; 
 } 
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .content h6 a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1.3; 
 transition: 0.5s; 
 } 
@media (max-width: 576px) { 
 .checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .content h6 a { 
 font-size: 16px; 
 } 
 } 
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .content h6 a:hover { 
 color: var(--primary-color1); 
 } 
.checkout-page .order-sum-area .cart-body ul .single-item .quantity-area .quantity { 
 display: flex; 
 gap: 5px; 
 } 
.checkout-page .order-sum-area .cart-body ul .single-item .quantity-area .quantity a { 
 height: 24px; 
 width: 34px; 
 border-radius: 4px; 
 background: rgba(var(--title-color-opc), 0.07); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 font-size: 20px; 
 color: var(--title-color); 
 font-weight: 600; 
 cursor: pointer; 
 transition: 0.35s; 
 } 
.checkout-page .order-sum-area .cart-body ul .single-item .quantity-area .quantity a i { 
 color: var(--title-color); 
 transition: 0.35s; 
 } 
.checkout-page .order-sum-area .cart-body ul .single-item .quantity-area .quantity a:hover { 
 background: var(--primary-color1); 
 color: var(--white-color); 
 } 
.checkout-page .order-sum-area .cart-body ul .single-item .quantity-area .quantity a:hover i { 
 color: var(--white-color); 
 } 
.checkout-page .order-sum-area .cart-body ul .single-item .quantity-area .quantity input { 
 height: 24px; 
 width: 34px; 
 border-radius: 4px; 
 border: 1px solid var(--borders-color); 
 background-color: transparent; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 14px; 
 font-weight: 600; 
 text-align: center; 
 } 
.checkout-page .order-sum-area .cart-footer .pricing-area { 
 width: 100%; 
 } 
.checkout-page .order-sum-area .cart-footer .pricing-area ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 width: 100%; 
 } 
.checkout-page .order-sum-area .cart-footer .pricing-area ul li { 
 display: flex; 
 align-items: flex-start; 
 justify-content: space-between; 
 margin-bottom: 30px; 
 line-height: 1; 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 16px; 
 font-weight: 500; 
 line-height: 1; 
 border-bottom: 1px solid var(--borders-color); 
 padding-bottom: 20px; 
 } 
.checkout-page .order-sum-area .cart-footer .pricing-area ul li strong { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 16px; 
 font-weight: 600; 
 line-height: 1; 
 display: inline-block; 
 } 
.checkout-page .order-sum-area .cart-footer .pricing-area ul li .order-info { 
 text-align: right; 
 } 
.checkout-page .order-sum-area .cart-footer .pricing-area ul li .order-info p { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-size: 15px; 
 font-weight: 500; 
 line-height: 1; 
 margin-bottom: 5px; 
 } 
.checkout-page .order-sum-area .cart-footer .pricing-area ul li .order-info span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 15px; 
 font-weight: 600; 
 line-height: 1; 
 } 
.checkout-page .order-sum-area .cart-footer .pricing-area ul li:last-child { 
 padding-bottom: 0; 
 margin-bottom: 0; 
 border: unset; 
 } 
.checkout-page .order-sum-area .cart-footer .primary-btn1 { 
 width: 100%; 
 } 
.checkout-page .choose-payment-method { 
 margin-bottom: 40px; 
 line-height: 1; 
 } 
.checkout-page .choose-payment-method h6 { 
 margin-bottom: 10px; 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 16px; 
 font-weight: 500; 
 } 
.checkout-page .choose-payment-method .payment-option { 
 line-height: 1; 
 } 
.checkout-page .choose-payment-method .payment-option ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 20px; 
 flex-wrap: wrap; 
 margin-bottom: 30px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .checkout-page .choose-payment-method .payment-option ul { 
 gap: 15px; 
 } 
 } 
.checkout-page .choose-payment-method .payment-option ul li { 
 width: 110px; 
 height: 68px; 
 background-color: var(--white-color); 
 border: 1px solid var(--borders-color); 
 border-radius: 5px; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 position: relative; 
 cursor: pointer; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .checkout-page .choose-payment-method .payment-option ul li { 
 width: 100px; 
 } 
 } 
.checkout-page .choose-payment-method .payment-option ul li .checked { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 32px; 
 height: 32px; 
 background: #D2E7EF; 
 clip-path: polygon(0 0, 0% 100%, 100% 0); 
 border-top-left-radius: 5px; 
 } 
.checkout-page .choose-payment-method .payment-option ul li .checked i { 
 opacity: 0; 
 color: var(--white-color); 
 margin-left: 2px; 
 } 
.checkout-page .choose-payment-method .payment-option ul li.active .checked { 
 background: var(--primary-color1); 
 } 
.checkout-page .choose-payment-method .payment-option ul li.active .checked i { 
 opacity: 1; 
 } 

/*=====================================
 93. Guider Details Page CSS
========================================*/
.guider-details-page .guider-img-wrap { 
 border-radius: 20px; 
 position: relative; 
 position: sticky; 
 top: 20px; 
 } 
@media (max-width: 576px) { 
 .guider-details-page .guider-img-wrap { 
 border-radius: 15px; 
 } 
 } 
.guider-details-page .guider-img-wrap img { 
 border-radius: 20px; 
 } 
@media (max-width: 576px) { 
 .guider-details-page .guider-img-wrap img { 
 border-radius: 15px; 
 } 
 } 
.guider-details-page .guider-img-wrap .guider-social-area { 
 text-align: center; 
 padding: 23px 20px; 
 border-radius: 20px; 
 background-color: var(--white-color); 
 position: absolute; 
 bottom: 30px; 
 left: 50%; 
 transform: translateX(-50%); 
 max-width: 456px; 
 width: 100%; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .guider-details-page .guider-img-wrap .guider-social-area { 
 max-width: 400px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .guider-details-page .guider-img-wrap .guider-social-area { 
 max-width: 330px; 
 } 
 } 
@media (max-width: 991px) { 
 .guider-details-page .guider-img-wrap .guider-social-area { 
 max-width: 400px; 
 } 
 } 
@media (max-width: 576px) { 
 .guider-details-page .guider-img-wrap .guider-social-area { 
 max-width: 300px; 
 border-radius: 15px; 
 } 
 } 
.guider-details-page .guider-img-wrap .guider-social-area span { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 display: block; 
 margin-bottom: 20px; 
 } 
.guider-details-page .guider-img-wrap .guider-social-area .social-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 18px; 
 } 
@media (max-width: 576px) { 
 .guider-details-page .guider-img-wrap .guider-social-area .social-list { 
 gap: 14px; 
 } 
 } 
.guider-details-page .guider-img-wrap .guider-social-area .social-list li a { 
 width: 30px; 
 height: 30px; 
 border-radius: 50%; 
 border: 1px solid var(--borders-color); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 transition: 0.5s; 
 } 
.guider-details-page .guider-img-wrap .guider-social-area .social-list li a i { 
 color: var(--title-color); 
 font-size: 16px; 
 line-height: 1; 
 transition: 0.5s; 
 } 
.guider-details-page .guider-img-wrap .guider-social-area .social-list li a i.bi-twitter-x { 
 font-size: 12px; 
 } 
.guider-details-page .guider-img-wrap .guider-social-area .social-list li a:hover { 
 background-color: var(--primary-color1); 
 border-color: var(--primary-color1); 
 } 
.guider-details-page .guider-img-wrap .guider-social-area .social-list li a:hover i { 
 color: var(--white-color); 
 } 
.guider-details-page .guider-details-content .guider-name-desig { 
 margin-bottom: 55px; 
 } 
@media (max-width: 1199px) { 
 .guider-details-page .guider-details-content .guider-name-desig { 
 margin-bottom: 45px; 
 } 
 } 
@media (max-width: 991px) { 
 .guider-details-page .guider-details-content .guider-name-desig { 
 margin-bottom: 40px; 
 } 
 } 
@media (max-width: 576px) { 
 .guider-details-page .guider-details-content .guider-name-desig { 
 margin-bottom: 35px; 
 } 
 } 
.guider-details-page .guider-details-content .guider-name-desig h2 { 
 font-size: 40px; 
 line-height: 1.2; 
 margin-bottom: 15px; 
 } 
@media (max-width: 1199px) { 
 .guider-details-page .guider-details-content .guider-name-desig h2 { 
 font-size: 35px; 
 } 
 } 
@media (max-width: 767px) { 
 .guider-details-page .guider-details-content .guider-name-desig h2 { 
 font-size: 32px; 
 } 
 } 
@media (max-width: 576px) { 
 .guider-details-page .guider-details-content .guider-name-desig h2 { 
 font-size: 28px; 
 } 
 } 
.guider-details-page .guider-details-content .guider-name-desig span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 18px; 
 line-height: 1; 
 display: block; 
 } 
@media (max-width: 576px) { 
 .guider-details-page .guider-details-content .guider-name-desig span { 
 font-size: 16px; 
 } 
 } 
.guider-details-page .guider-details-content .guider-info { 
 margin-bottom: 25px; 
 } 
.guider-details-page .guider-details-content .guider-info h5 { 
 line-height: 1.5; 
 margin-bottom: 25px; 
 } 
@media (max-width: 576px) { 
 .guider-details-page .guider-details-content .guider-info h5 { 
 font-size: 18px; 
 } 
 } 
.guider-details-page .guider-details-content .guider-info p { 
 margin-bottom: 25px; 
 } 
.guider-details-page .guider-details-content .guider-info p strong { 
 color: var(--title-color); 
 font-weight: 500; 
 } 
.guider-details-page .guider-details-content .guider-info p:last-child { 
 margin-bottom: 0; 
 } 
.guider-details-page .guider-details-content h4 { 
 margin-bottom: 25px; 
 } 
.guider-details-page .guider-details-content .single-experties { 
 padding: 23px 20px 18px; 
 background-color: #F0F0F0; 
 border-radius: 10px; 
 } 
@media (max-width: 576px) { 
 .guider-details-page .guider-details-content .single-experties { 
 padding: 23px 15px 18px; 
 } 
 } 
.guider-details-page .guider-details-content .single-experties svg { 
 fill: var(--primary-color1); 
 margin-bottom: 15px; 
 } 
.guider-details-page .guider-details-content .single-experties h6 { 
 line-height: 28px; 
 margin-bottom: 0; 
 } 
.guider-details-page .guider-details-content .single-experties:hover svg { 
 animation: bounceIn 1s linear; 
 } 
.guider-details-page .guider-details-content .guider-operator-area { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 margin-top: 35px; 
 } 
.guider-details-page .guider-details-content .guider-operator-area svg { 
 fill: var(--black-color); 
 min-width: 24px; 
 } 
.guider-details-page .guider-details-content .guider-operator-area span { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 24px; 
 } 
@media (max-width: 576px) { 
 .guider-details-page .guider-details-content .guider-operator-area span { 
 font-size: 15px; 
 } 
 } 
.guider-details-page .guider-details-content .guider-operator-area span strong { 
 color: var(--title-color); 
 font-weight: 500; 
 } 
.guider-details-page .guider-details-content .contact-info .single-contact { 
 padding: 28px 22px; 
 background-color: #F0F0F0; 
 border-radius: #F0F0F0; 
 border-radius: 10px; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .guider-details-page .guider-details-content .contact-info .single-contact { 
 padding: 25px 15px; 
 gap: 8px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .guider-details-page .guider-details-content .contact-info .single-contact { 
 padding: 25px 15px; 
 gap: 8px; 
 } 
 } 
@media (max-width: 576px) { 
 .guider-details-page .guider-details-content .contact-info .single-contact { 
 padding: 25px 20px; 
 } 
 } 
.guider-details-page .guider-details-content .contact-info .single-contact .icon { 
 min-width: 50px; 
 max-width: 50px; 
 height: 50px; 
 border-radius: 50%; 
 background-color: var(--primary-color1); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .guider-details-page .guider-details-content .contact-info .single-contact .icon { 
 min-width: 45px; 
 max-width: 45px; 
 height: 45px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .guider-details-page .guider-details-content .contact-info .single-contact .icon { 
 min-width: 45px; 
 max-width: 45px; 
 height: 45px; 
 } 
 } 
.guider-details-page .guider-details-content .contact-info .single-contact .icon svg { 
 fill: var(--white-color); 
 } 
.guider-details-page .guider-details-content .contact-info .single-contact .icon svg path:nth-child(2) { 
 fill: var(--black-color); 
 } 
.guider-details-page .guider-details-content .contact-info .single-contact .content { 
 line-height: 1; 
 } 
.guider-details-page .guider-details-content .contact-info .single-contact .content span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 display: block; 
 margin-bottom: 10px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .guider-details-page .guider-details-content .contact-info .single-contact .content span { 
 font-size: 15px; 
 } 
 } 
.guider-details-page .guider-details-content .contact-info .single-contact .content a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 1; 
 display: block; 
 word-break: break-word; 
 transition: 0.5s; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .guider-details-page .guider-details-content .contact-info .single-contact .content a { 
 font-size: 18px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .guider-details-page .guider-details-content .contact-info .single-contact .content a { 
 font-size: 17px; 
 } 
 } 
@media (max-width: 576px) { 
 .guider-details-page .guider-details-content .contact-info .single-contact .content a { 
 font-size: 18px; 
 } 
 } 
.guider-details-page .guider-details-content .contact-info .single-contact .content a:hover { 
 color: var(--primary-color1); 
 } 

/*=====================================
 94. Visa Package Page CSS
========================================*/
.visa-package-grid-section { 
 background-image: url(../img/innerpages/visa-package-grid-bg.png), linear-gradient(180deg, #F2F2FF 0%, #F2F2FF 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 100px 0; 
 } 
@media (max-width: 1199px) { 
 .visa-package-grid-section { 
 padding: 90px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .visa-package-grid-section { 
 padding: 70px 0; 
 } 
 } 
.visa-package-grid-section .visa-package-card .visa-package-img { 
 width: 305px; 
 height: 305px; 
 border-radius: 50%; 
 overflow: hidden; 
 } 
@media (max-width: 1399px) { 
 .visa-package-grid-section .visa-package-card .visa-package-img { 
 width: 270px; 
 height: 270px; 
 } 
 } 
@media (max-width: 1199px) { 
 .visa-package-grid-section .visa-package-card .visa-package-img { 
 width: 220px; 
 height: 220px; 
 } 
 } 
@media (max-width: 767px) { 
 .visa-package-grid-section .visa-package-card .visa-package-img { 
 width: 246px; 
 height: 246px; 
 } 
 } 
@media (max-width: 576px) { 
 .visa-package-grid-section .visa-package-card .visa-package-img { 
 width: 326px; 
 height: 326px; 
 margin: 0 auto; 
 } 
 } 
.visa-package-grid-section .visa-package-card .visa-package-img img { 
 width: 305px; 
 height: 305px; 
 border-radius: 50%; 
 transition: all 0.5s ease-out; 
 } 
@media (max-width: 1399px) { 
 .visa-package-grid-section .visa-package-card .visa-package-img img { 
 width: 270px; 
 height: 270px; 
 } 
 } 
@media (max-width: 1199px) { 
 .visa-package-grid-section .visa-package-card .visa-package-img img { 
 width: 220px; 
 height: 220px; 
 } 
 } 
@media (max-width: 767px) { 
 .visa-package-grid-section .visa-package-card .visa-package-img img { 
 width: 245px; 
 height: 245px; 
 } 
 } 
@media (max-width: 576px) { 
 .visa-package-grid-section .visa-package-card .visa-package-img img { 
 width: 326px; 
 height: 326px; 
 } 
 } 
.visa-package-grid-section .visa-package-card .visa-package-content { 
 padding: 9px 20px; 
 text-align: center; 
 background-color: var(--white-color); 
 border-radius: 15px; 
 transition: 0.5s; 
 position: relative; 
 margin-top: -72px; 
 } 
@media (max-width: 1399px) { 
 .visa-package-grid-section .visa-package-card .visa-package-content { 
 padding: 9px 15px; 
 } 
 } 
.visa-package-grid-section .visa-package-card .visa-package-content h5 { 
 margin-bottom: 5px; 
 } 
.visa-package-grid-section .visa-package-card .visa-package-content h5 a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 30px; 
 background: linear-gradient(to bottom, var(--white-color) 0%, var(--white-color) 98%); 
 background-size: 0px 1px; 
 background-repeat: no-repeat; 
 background-position: right 90%; 
 transition: background-size 0.75s; 
 } 
@media (max-width: 1199px) { 
 .visa-package-grid-section .visa-package-card .visa-package-content h5 a { 
 font-size: 18px; 
 } 
 } 
.visa-package-grid-section .visa-package-card .visa-package-content h5 a:hover { 
 background-size: 100% 1px; 
 background-position: 0% 90%; 
 } 
.visa-package-grid-section .visa-package-card .visa-package-content span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1.4; 
 display: block; 
 transition: 0.5s; 
 } 
.visa-package-grid-section .visa-package-card .visa-package-content span strong { 
 color: var(--primary-color1); 
 font-weight: 600; 
 transition: 0.5s; 
 } 
.visa-package-grid-section .visa-package-card:hover .visa-package-img img { 
 transform: scale(1.1); 
 } 
.visa-package-grid-section .visa-package-card:hover .visa-package-content { 
 background-color: var(--primary-color1); 
 } 
.visa-package-grid-section .visa-package-card:hover .visa-package-content h5 a { 
 color: var(--white-color); 
 } 
.visa-package-grid-section .visa-package-card:hover .visa-package-content span { 
 color: var(--white-color); 
 } 
.visa-package-grid-section .visa-package-card:hover .visa-package-content span strong { 
 color: var(--white-color); 
 } 

.why-choose-visa-section .section-title span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1; 
 display: inline-block; 
 padding: 7px 18px; 
 border: 1px solid var(--borders-color); 
 border-radius: 100px; 
 margin-bottom: 25px; 
 } 
.why-choose-visa-section .why-choose-card { 
 padding: 40px 28px; 
 background-color: #E6F5A9; 
 border-radius: 20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .why-choose-visa-section .why-choose-card { 
 padding: 35px 20px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .why-choose-visa-section .why-choose-card { 
 padding: 35px 18px; 
 border-radius: 15px; 
 } 
 } 
@media (max-width: 767px) { 
 .why-choose-visa-section .why-choose-card { 
 padding: 35px 18px; 
 border-radius: 15px; 
 } 
 } 
.why-choose-visa-section .why-choose-card svg { 
 fill: var(--title-color); 
 margin-bottom: 50px; 
 } 
@media (max-width: 1199px) { 
 .why-choose-visa-section .why-choose-card svg { 
 margin-bottom: 40px; 
 } 
 } 
.why-choose-visa-section .why-choose-card h4 { 
 margin-bottom: 20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .why-choose-visa-section .why-choose-card h4 { 
 font-size: 22px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .why-choose-visa-section .why-choose-card h4 { 
 font-size: 21px; 
 margin-bottom: 15px; 
 } 
 } 
@media (min-width: 576px) and (max-width: 768px) { 
 .why-choose-visa-section .why-choose-card h4 { 
 font-size: 21px; 
 margin-bottom: 15px; 
 } 
 } 
.why-choose-visa-section .why-choose-card p { 
 font-size: 16px; 
 font-weight: 500; 
 line-height: 24px; 
 margin-bottom: 0; 
 } 
.why-choose-visa-section .why-choose-card p span { 
 color: var(--title-color); 
 } 
.why-choose-visa-section .why-choose-card:hover svg { 
 animation: bounceIn 1.2s linear; 
 } 
.why-choose-visa-section .why-choose-card.two { 
 background-color: #F0F0F0; 
 } 
.why-choose-visa-section .why-choose-card.three { 
 background-color: #E2E2FF; 
 } 
.why-choose-visa-section .why-choose-card.four { 
 background-color: #BDEBCE; 
 } 

/*=====================================
 95. Visa Details Page CSS
========================================*/
.visa-details-page .visa-list-area .single-visa { 
 text-align: center; 
 padding: 25px 15px 20px; 
 background-color: #F2F2FF; 
 border: 1px solid transparent; 
 border-radius: 20px; 
 cursor: pointer; 
 } 
@media (max-width: 576px) { 
 .visa-details-page .visa-list-area .single-visa { 
 border-radius: 15px; 
 } 
 } 
.visa-details-page .visa-list-area .single-visa svg { 
 fill: var(--title-color); 
 margin-bottom: 15px; 
 } 
.visa-details-page .visa-list-area .single-visa h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 28px; 
 margin-bottom: 2px; 
 } 
@media (max-width: 767px) { 
 .visa-details-page .visa-list-area .single-visa h6 { 
 font-size: 17px; 
 } 
 } 
.visa-details-page .visa-list-area .single-visa span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 28px; 
 } 
@media (max-width: 991px) { 
 .visa-details-page .visa-list-area .single-visa span { 
 font-size: 15px; 
 } 
 } 
.visa-details-page .visa-list-area .single-visa span sub { 
 font-size: 14px; 
 bottom: 0; 
 } 
@media (max-width: 991px) { 
 .visa-details-page .visa-list-area .single-visa span sub { 
 font-size: 13px; 
 } 
 } 
.visa-details-page .visa-list-area .single-visa.active { 
 border-color: var(--primary-color1); 
 background-color: transparent; 
 } 
.visa-details-page .visa-list-area .single-visa.active svg { 
 fill: var(--primary-color1); 
 } 
.visa-details-page .visa-list-area .single-visa.active h6 { 
 color: var(--primary-color1); 
 } 
.visa-details-page .visa-details-wrapper { 
 display: none; 
 } 
.visa-details-page .visa-details-wrapper.active { 
 display: block; 
 } 
.visa-details-page .visa-details-wrapper h2 { 
 font-weight: 500; 
 margin-bottom: 25px; 
 } 
@media (max-width: 767px) { 
 .visa-details-page .visa-details-wrapper h2 { 
 margin-bottom: 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .visa-details-page .visa-details-wrapper h2 { 
 font-size: 23px; 
 } 
 } 
.visa-details-page .visa-details-wrapper .info-list { 
 margin: 0; 
 list-style: none; 
 padding: 25px 30px; 
 border: 1px solid var(--borders-color); 
 border-radius: 20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .visa-details-page .visa-details-wrapper .info-list { 
 padding: 25px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .visa-details-page .visa-details-wrapper .info-list { 
 padding: 25px; 
 } 
 } 
@media (max-width: 767px) { 
 .visa-details-page .visa-details-wrapper .info-list { 
 padding: 25px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .visa-details-page .visa-details-wrapper .info-list { 
 padding: 25px 15px; 
 border-radius: 15px; 
 } 
 } 
.visa-details-page .visa-details-wrapper .info-list li { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 18px; 
 line-height: 28px; 
 display: flex; 
 gap: 10px; 
 margin-bottom: 20px; 
 } 
.visa-details-page .visa-details-wrapper .info-list li svg { 
 fill: var(--primary-color1); 
 margin-top: 6px; 
 min-width: 16px; 
 } 
.visa-details-page .visa-details-wrapper .info-list li svg rect { 
 fill: none; 
 stroke: var(--primary-color1); 
 } 
@media (max-width: 1199px) { 
 .visa-details-page .visa-details-wrapper .info-list li { 
 margin-bottom: 15px; 
 } 
 } 
@media (max-width: 767px) { 
 .visa-details-page .visa-details-wrapper .info-list li { 
 font-size: 17px; 
 } 
 } 
@media (max-width: 576px) { 
 .visa-details-page .visa-details-wrapper .info-list li { 
 font-size: 16px; 
 } 
 } 
.visa-details-page .visa-details-wrapper .info-list li:last-child { 
 margin-bottom: 0; 
 } 
.visa-details-page .visa-details-wrapper .info-list.two { 
 padding: 0; 
 border-radius: unset; 
 border: unset; 
 } 
.visa-details-page .visa-details-wrapper .info-list.three { 
 border: unset; 
 background-color: #E6F5A9; 
 } 
.visa-details-page .visa-details-wrapper .visa-rejection-area { 
 padding: 40px 30px 40px 40px; 
 background-color: #F2F2FF; 
 border-radius: 20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .visa-details-page .visa-details-wrapper .visa-rejection-area { 
 padding: 40px 30px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .visa-details-page .visa-details-wrapper .visa-rejection-area { 
 padding: 35px 20px; 
 } 
 } 
@media (max-width: 991px) { 
 .visa-details-page .visa-details-wrapper .visa-rejection-area { 
 padding: 35px 30px; 
 } 
 } 
@media (max-width: 767px) { 
 .visa-details-page .visa-details-wrapper .visa-rejection-area { 
 padding: 35px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .visa-details-page .visa-details-wrapper .visa-rejection-area { 
 padding: 30px 15px; 
 border-radius: 15px; 
 } 
 } 
.visa-details-page .visa-details-wrapper .visa-rejection-area h2 { 
 display: flex; 
 gap: 10px; 
 margin-bottom: 20px; 
 } 
.visa-details-page .visa-details-wrapper .visa-rejection-area h2 svg { 
 margin-top: 8px; 
 } 
@media (max-width: 767px) { 
 .visa-details-page .visa-details-wrapper .visa-rejection-area h2 svg { 
 width: 23px; 
 margin-top: 5px; 
 } 
 } 
.visa-details-page .visa-details-wrapper .visa-rejection-area h2 svg path { 
 fill: #FA1228; 
 } 
.visa-details-page .visa-details-wrapper .visa-rejection-area h2 svg path:last-child { 
 fill: #EBEBED; 
 } 
.visa-details-page .visa-details-wrapper .visa-rejection-area .visa-rejection-wrapper { 
 display: flex; 
 align-items: start; 
 justify-content: space-between; 
 gap: 20px; 
 } 
.visa-details-page .visa-details-wrapper .visa-rejection-area .visa-rejection-wrapper .visa-rejection-content { 
 max-width: 375px; 
 width: 100%; 
 } 
.visa-details-page .visa-details-wrapper .visa-rejection-area .visa-rejection-wrapper .visa-rejection-content h5 { 
 font-weight: 500; 
 margin-bottom: 20px; 
 } 
@media (max-width: 767px) { 
 .visa-details-page .visa-details-wrapper .visa-rejection-area .visa-rejection-wrapper .visa-rejection-content h5 { 
 margin-bottom: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .visa-details-page .visa-details-wrapper .visa-rejection-area .visa-rejection-wrapper .visa-rejection-content h5 { 
 font-size: 18px; 
 } 
 } 
@media (max-width: 767px) { 
 .visa-details-page .visa-details-wrapper .visa-rejection-area .visa-rejection-wrapper .visa-rejection-img { 
 display: none; 
 } 
 } 
.visa-details-page .visa-details-wrapper .visa-rejection-area .visa-rejection-wrapper .visa-rejection-img img { 
 min-width: 230px; 
 } 
.visa-details-page .visa-details-wrapper .note-area h2 { 
 display: flex; 
 gap: 10px; 
 } 
.visa-details-page .visa-details-wrapper .note-area h2 svg { 
 margin-top: 8px; 
 } 
@media (max-width: 767px) { 
 .visa-details-page .visa-details-wrapper .note-area h2 svg { 
 width: 23px; 
 margin-top: 5px; 
 } 
 } 
.visa-details-page .visa-details-wrapper .note-area h2 svg path { 
 fill: #2D2D2D; 
 } 
.visa-details-page .visa-details-wrapper .note-area h2 svg path:first-child { 
 fill: #FFE107; 
 } 
.visa-details-page .visa-dt-sidebar .visa-info-wrap { 
 padding: 35px 40px; 
 border-radius: 20px; 
 background-color: #F2F2FF; 
 display: none; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .visa-details-page .visa-dt-sidebar .visa-info-wrap { 
 padding: 35px 30px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .visa-details-page .visa-dt-sidebar .visa-info-wrap { 
 padding: 35px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .visa-details-page .visa-dt-sidebar .visa-info-wrap { 
 padding: 35px 20px; 
 border-radius: 15px; 
 } 
 } 
.visa-details-page .visa-dt-sidebar .visa-info-wrap.active { 
 display: block; 
 } 
.visa-details-page .visa-dt-sidebar .visa-info-wrap .title-area { 
 margin-bottom: 60px; 
 } 
@media (max-width: 1199px) { 
 .visa-details-page .visa-dt-sidebar .visa-info-wrap .title-area { 
 margin-bottom: 50px; 
 } 
 } 
@media (max-width: 576px) { 
 .visa-details-page .visa-dt-sidebar .visa-info-wrap .title-area { 
 margin-bottom: 45px; 
 } 
 } 
.visa-details-page .visa-dt-sidebar .visa-info-wrap .title-area h4 { 
 margin-bottom: 10px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .visa-details-page .visa-dt-sidebar .visa-info-wrap .title-area h4 { 
 font-size: 22px; 
 } 
 } 
.visa-details-page .visa-dt-sidebar .visa-info-wrap .title-area span { 
 color: var(--primary-color1); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 18px; 
 line-height: 28px; 
 display: inline-block; 
 padding: 5px 18px; 
 background-color: var(--white-color); 
 border-radius: 100px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .visa-details-page .visa-dt-sidebar .visa-info-wrap .title-area span { 
 font-size: 16px; 
 padding: 5px 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .visa-details-page .visa-dt-sidebar .visa-info-wrap .title-area span { 
 font-size: 16px; 
 padding: 5px 15px; 
 } 
 } 
.visa-details-page .visa-dt-sidebar .visa-info-wrap .pricing-area { 
 margin-bottom: 35px; 
 } 
@media (max-width: 1199px) { 
 .visa-details-page .visa-dt-sidebar .visa-info-wrap .pricing-area { 
 margin-bottom: 25px; 
 } 
 } 
.visa-details-page .visa-dt-sidebar .visa-info-wrap .pricing-area span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 display: block; 
 margin-bottom: 15px; 
 } 
.visa-details-page .visa-dt-sidebar .visa-info-wrap .pricing-area strong { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 32px; 
 line-height: 1; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .visa-details-page .visa-dt-sidebar .visa-info-wrap .pricing-area strong { 
 font-size: 28px; 
 } 
 } 
@media (max-width: 576px) { 
 .visa-details-page .visa-dt-sidebar .visa-info-wrap .pricing-area strong { 
 font-size: 28px; 
 } 
 } 
.visa-details-page .visa-dt-sidebar .visa-info-wrap .pricing-area strong sub { 
 bottom: 0; 
 color: var(--text-color); 
 font-size: 16px; 
 font-weight: 500; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .visa-details-page .visa-dt-sidebar .visa-info-wrap .pricing-area strong sub { 
 font-size: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .visa-details-page .visa-dt-sidebar .visa-info-wrap .pricing-area strong sub { 
 font-size: 15px; 
 } 
 } 
.visa-details-page .visa-dt-sidebar .visa-info-wrap .primary-btn1 { 
 width: 100%; 
 } 
.visa-details-page .visa-dt-sidebar .visa-info-wrap > span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 16px; 
 line-height: 24px; 
 display: flex; 
 gap: 8px; 
 margin-top: 20px; 
 } 
.visa-details-page .visa-dt-sidebar .visa-info-wrap > span svg { 
 fill: var(--text-color); 
 min-width: 14px; 
 margin-top: 6px; 
 } 
.visa-details-page .visa-dt-sidebar .visa-assistance-wrap { 
 padding: 40px 22px 0; 
 background-color: #BDEBCE; 
 border-radius: 20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .visa-details-page .visa-dt-sidebar .visa-assistance-wrap { 
 padding: 40px 15px 0; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .visa-details-page .visa-dt-sidebar .visa-assistance-wrap { 
 padding: 35px 15px 0; 
 } 
 } 
@media (max-width: 576px) { 
 .visa-details-page .visa-dt-sidebar .visa-assistance-wrap { 
 padding: 35px 15px 0; 
 border-radius: 15px; 
 } 
 } 
.visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content { 
 position: relative; 
 padding: 0 18px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content { 
 padding: 0 5px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content { 
 padding: 0 5px; 
 } 
 } 
@media (max-width: 576px) { 
 .visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content { 
 padding: 0; 
 } 
 } 
.visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content h4 { 
 margin-bottom: 15px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content h4 { 
 font-size: 22px; 
 } 
 } 
.visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 25px; 
 flex-wrap: wrap; 
 margin-bottom: 35px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content ul { 
 gap: 15px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content ul { 
 gap: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content ul { 
 gap: 15px; 
 } 
 } 
.visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content ul li { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
.visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content ul li svg { 
 fill: var(--white-color); 
 } 
.visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content ul li svg rect { 
 fill: var(--primary-color1); 
 } 
@media (max-width: 576px) { 
 .visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content ul li { 
 gap: 8px; 
 } 
 } 
.visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content .contact-area { 
 padding: 25px 30px; 
 background-color: var(--white-color); 
 border-radius: 10px; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content .contact-area { 
 padding: 20px 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content .contact-area { 
 padding: 20px 15px; 
 } 
 } 
.visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content .contact-area .icon { 
 min-width: 50px; 
 max-width: 50px; 
 height: 50px; 
 border-radius: 50%; 
 background-color: var(--primary-color1); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
.visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content .contact-area .content { 
 line-height: 1; 
 } 
.visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content .contact-area .content span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 display: block; 
 margin-bottom: 10px; 
 } 
.visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content .contact-area .content a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 1; 
 transition: 0.5s; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content .contact-area .content a { 
 font-size: 18px; 
 } 
 } 
@media (max-width: 576px) { 
 .visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content .contact-area .content a { 
 font-size: 18px; 
 } 
 } 
.visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-content .contact-area .content a:hover { 
 color: var(--primary-color1); 
 } 
.visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-img { 
 margin-top: -20px; 
 } 
@media (max-width: 767px) { 
 .visa-details-page .visa-dt-sidebar .visa-assistance-wrap .visa-assistance-img { 
 display: block; 
 margin: 0 auto; 
 margin-top: -15px; 
 } 
 } 

.visa-dt-success-story-section { 
 padding-top: 100px; 
 border-top: 1px solid var(--borders-color); 
 } 
@media (max-width: 991px) { 
 .visa-dt-success-story-section { 
 padding-top: 80px; 
 } 
 } 
@media (max-width: 767px) { 
 .visa-dt-success-story-section { 
 padding-top: 70px; 
 } 
 } 

.visa-apply-modal .modal-dialog { 
 max-width: 872px; 
 } 
.visa-apply-modal .modal-dialog .modal-content { 
 border-radius: 20px; 
 padding: 55px 60px; 
 position: relative; 
 } 
@media (max-width: 991px) { 
 .visa-apply-modal .modal-dialog .modal-content { 
 padding: 55px 40px; 
 } 
 } 
@media (max-width: 767px) { 
 .visa-apply-modal .modal-dialog .modal-content { 
 padding: 45px 35px; 
 } 
 } 
@media (max-width: 576px) { 
 .visa-apply-modal .modal-dialog .modal-content { 
 border-radius: 15px; 
 padding: 45px 20px; 
 } 
 } 
.visa-apply-modal .modal-dialog .modal-content .close-btn { 
 width: 36px; 
 height: 36px; 
 background-color: #F0F0F0; 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 position: absolute; 
 top: 20px; 
 right: 20px; 
 transition: 0.5s; 
 } 
@media (max-width: 576px) { 
 .visa-apply-modal .modal-dialog .modal-content .close-btn { 
 top: 15px; 
 right: 15px; 
 } 
 } 
.visa-apply-modal .modal-dialog .modal-content .close-btn svg { 
 fill: #FF3927; 
 transition: 0.5s; 
 } 
.visa-apply-modal .modal-dialog .modal-content .close-btn:hover { 
 background-color: #FF3927; 
 } 
.visa-apply-modal .modal-dialog .modal-content .close-btn:hover svg { 
 fill: var(--white-color); 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body { 
 padding: 0; 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body h4 { 
 margin-bottom: 25px; 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .image-drop-area { 
 position: relative; 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .image-drop-area .dropzone { 
 background: #F0F0F0; 
 min-height: 175px !important; 
 border-radius: 5px; 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 justify-content: center; 
 border: unset; 
 } 
@media (max-width: 576px) { 
 .visa-apply-modal .modal-dialog .modal-content .modal-body .image-drop-area .dropzone { 
 padding: 20px 15px; 
 } 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .image-drop-area .dropzone .icon { 
 margin-bottom: 20px; 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .image-drop-area .dropzone .content h6 { 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1.6; 
 color: var(--title-color); 
 margin-bottom: 10px; 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .image-drop-area .dropzone .content p { 
 margin-bottom: 0; 
 font-size: 14px; 
 line-height: 16px; 
 } 
@media (max-width: 576px) { 
 .visa-apply-modal .modal-dialog .modal-content .modal-body .image-drop-area .dropzone .content p { 
 font-size: 13px; 
 } 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .image-drop-area .dropzone .content p span { 
 font-weight: 500; 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .image-drop-area .dropzone.dz-started { 
 flex-direction: row; 
 flex-wrap: wrap; 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .image-drop-area .dropzone.dz-started .icon { 
 display: none; 
 visibility: hidden; 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .image-drop-area .dropzone.dz-started .content { 
 display: none; 
 visibility: hidden; 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .image-drop-area .dropzone .dz-error-mark { 
 display: none; 
 visibility: hidden; 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .image-drop-area .dropzone .dz-error-message { 
 display: none; 
 visibility: hidden; 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .image-drop-area .dropzone .dz-success-mark { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 width: 54px; 
 height: 54px; 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .image-drop-area .dropzone .dz-success-mark svg { 
 width: 24px; 
 height: 24px; 
 fill: var(--white-color); 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .image-drop-area .dropzone .dz-remove { 
 z-index: 999; 
 position: absolute; 
 display: block; 
 top: 0%; 
 left: 0%; 
 margin-left: -16px; 
 margin-top: -16px; 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .image-drop-area .dropzone .dz-remove svg { 
 fill: var(--primary-color1); 
 cursor: pointer; 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .image-drop-area .dropzone .dz-remove:hover svg { 
 fill: #FF3927; 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .image-drop-area .dropzone .dz-preview { 
 background-color: transparent; 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .image-drop-area .dropzone .dz-message { 
 margin: 0; 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .image-drop-area .dropzone .dz-message button { 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .image-drop-area .dropzone:hover { 
 background-color: transparent; 
 background-size: 30px 30px; 
 background-image: linear-gradient(-45deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent); 
 animation: stripes 2s linear infinite; 
 } 
@keyframes stripes { 
 0% { 
 background-position: 0 0; 
 } 
 100% { 
 background-position: 60px 30px; 
 } 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .visa-form-wrapper { 
 padding: 35px 30px; 
 border-radius: 10px; 
 border: 1px solid var(--borders-color); 
 } 
@media (max-width: 576px) { 
 .visa-apply-modal .modal-dialog .modal-content .modal-body .visa-form-wrapper { 
 padding: 30px 15px; 
 } 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .visa-form-wrapper .form-inner label { 
 font-size: 14px; 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .visa-form-wrapper .form-inner textarea { 
 min-height: 110px; 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .visa-form-wrapper .form-inner input, .visa-apply-modal .modal-dialog .modal-content .modal-body .visa-form-wrapper .form-inner textarea { 
 background-color: #F0F0F0; 
 border: 1px solid transparent; 
 } 
@media (max-width: 576px) { 
 .visa-apply-modal .modal-dialog .modal-content .modal-body .visa-form-wrapper .form-inner input, .visa-apply-modal .modal-dialog .modal-content .modal-body .visa-form-wrapper .form-inner textarea { 
 font-size: 15px; 
 } 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .visa-form-wrapper .form-inner input:focus, .visa-apply-modal .modal-dialog .modal-content .modal-body .visa-form-wrapper .form-inner textarea:focus { 
 background-color: var(--white-color); 
 border-color: var(--primary-color1); 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .visa-form-wrapper .form-inner .date-field-area { 
 position: relative; 
 } 
.visa-apply-modal .modal-dialog .modal-content .modal-body .visa-form-wrapper .form-inner .date-field-area .calender-icon { 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 right: 24px; 
 fill: var(--primary-color1); 
 } 

/*=====================================
 96. Hotel Page CSS
========================================*/
.hotel-grid-page .hotel-grid-top-area { 
 padding: 33px 30px; 
 border: 1px solid var(--borders-color); 
 border-radius: 20px; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 20px; 
 flex-wrap: wrap; 
 margin-bottom: 24px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .hotel-grid-page .hotel-grid-top-area { 
 padding: 33px 25px; 
 } 
 } 
@media (max-width: 767px) { 
 .hotel-grid-page .hotel-grid-top-area { 
 padding: 30px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .hotel-grid-page .hotel-grid-top-area { 
 padding: 25px 20px; 
 border-radius: 15px; 
 } 
 } 
.hotel-grid-page .hotel-grid-top-area span { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1.5; 
 } 
.hotel-grid-page .hotel-grid-top-area span strong { 
 color: var(--title-color); 
 font-weight: 600; 
 } 
.hotel-grid-page .hotel-grid-top-area .selector-and-list-grid-area { 
 display: flex; 
 align-items: center; 
 gap: 55px; 
 } 
@media (max-width: 991px) { 
 .hotel-grid-page .hotel-grid-top-area .selector-and-list-grid-area { 
 gap: 30px; 
 } 
 } 
.hotel-grid-page .hotel-grid-top-area .selector-and-list-grid-area .selector-area { 
 display: flex; 
 align-items: center; 
 gap: 20px; 
 } 
@media (max-width: 991px) { 
 .hotel-grid-page .hotel-grid-top-area .selector-and-list-grid-area .selector-area { 
 gap: 10px; 
 } 
 } 
.hotel-grid-page .hotel-grid-top-area .selector-and-list-grid-area .selector-area .nice-select { 
 padding: 0; 
 height: unset; 
 line-height: 1; 
 border: unset; 
 width: 88px; 
 } 
.hotel-grid-page .hotel-grid-top-area .selector-and-list-grid-area .selector-area .nice-select .current { 
 color: var(--title-color); 
 } 
.hotel-grid-page .hotel-grid-top-area .selector-and-list-grid-area .selector-area .nice-select::after { 
 right: 0; 
 } 
.hotel-grid-page .hotel-grid-top-area .selector-and-list-grid-area .selector-area .nice-select .list { 
 min-width: 150px; 
 min-height: 35px; 
 line-height: 35px; 
 top: 30px; 
 box-shadow: unset; 
 border: 1px solid var(--borders-color); 
 border-radius: 10px; 
 } 
@media (max-width: 576px) { 
 .hotel-grid-page .hotel-grid-top-area .selector-and-list-grid-area .selector-area .nice-select .list { 
 left: unset; 
 right: 0; 
 } 
 } 
.hotel-grid-page .hotel-grid-top-area .selector-and-list-grid-area .selector-area .nice-select .list .option { 
 font-size: 13px; 
 } 
.hotel-grid-page .hotel-grid-top-area .selector-and-list-grid-area .grid-view { 
 margin: 0; 
 padding: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 20px; 
 } 
.hotel-grid-page .hotel-grid-top-area .selector-and-list-grid-area .grid-view li { 
 cursor: pointer; 
 } 
.hotel-grid-page .hotel-grid-top-area .selector-and-list-grid-area .grid-view li svg { 
 fill: var(--black-color); 
 } 
.hotel-grid-page .hotel-grid-top-area .selector-and-list-grid-area .grid-view li:hover svg { 
 fill: var(--primary-color1); 
 } 
.hotel-grid-page .hotel-grid-top-area .selector-and-list-grid-area .grid-view li.active svg { 
 fill: var(--primary-color1); 
 } 
.hotel-grid-page .hotel-grid-top-area .selector-and-list-grid-area .filter-btn { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 line-height: 1; 
 cursor: pointer; 
 } 
.hotel-grid-page .hotel-grid-top-area .selector-and-list-grid-area .filter-btn svg { 
 fill: var(--black-color); 
 transition: 0.5s; 
 } 
.hotel-grid-page .hotel-grid-top-area .selector-and-list-grid-area .filter-btn span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 14px; 
 font-weight: 500; 
 line-height: 1; 
 letter-spacing: 0.02em; 
 text-align: left; 
 transition: 0.5s; 
 } 
.hotel-grid-page .hotel-grid-top-area .selector-and-list-grid-area .filter-btn.active svg { 
 fill: var(--primary-color1); 
 } 
.hotel-grid-page .hotel-grid-top-area .selector-and-list-grid-area .filter-btn.active span { 
 color: var(--primary-color1); 
 } 

.hotel-card { 
 padding: 10px; 
 border-radius: 20px; 
 border: 1px solid var(--borders-color); 
 background-color: var(--white-color); 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .hotel-card { 
 padding: 5px; 
 } 
 } 
@media (max-width: 576px) { 
 .hotel-card { 
 padding: 5px; 
 } 
 } 
.hotel-card .hotel-img-wrap { 
 position: relative; 
 } 
.hotel-card .hotel-img-wrap .hotel-img { 
 position: relative; 
 overflow: hidden; 
 display: block; 
 border-radius: 10px; 
 } 
.hotel-card .hotel-img-wrap .hotel-img img { 
 border-radius: 10px; 
 min-height: 200px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 transition: all 0.5s ease-out; 
 } 
.hotel-card .hotel-img-wrap .hotel-img::after { 
 position: absolute; 
 width: 200%; 
 height: 0%; 
 left: 50%; 
 top: 50%; 
 background-color: rgba(255, 255, 255, 0.3); 
 transform: translate(-50%, -50%) rotate(-45deg); 
 content: ""; 
 z-index: 1; 
 } 
.hotel-card .hotel-img-wrap .batch { 
 display: flex; 
 flex-direction: column; 
 align-items: end; 
 gap: 7px; 
 position: absolute; 
 top: 15px; 
 right: 15px; 
 z-index: 1; 
 } 
@media (max-width: 576px) { 
 .hotel-card .hotel-img-wrap .batch { 
 top: 10px; 
 right: 10px; 
 } 
 } 
.hotel-card .hotel-img-wrap .batch span { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 display: block; 
 padding: 6px 14px; 
 background-color: #FF3927; 
 border-radius: 100px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .hotel-card .hotel-img-wrap .batch span { 
 font-size: 13px; 
 } 
 } 
@media (max-width: 576px) { 
 .hotel-card .hotel-img-wrap .batch span { 
 font-size: 13px; 
 } 
 } 
.hotel-card .hotel-img-wrap .batch span.yellow-bg { 
 background-color: #FF8B00; 
 } 
.hotel-card .hotel-content { 
 padding: 20px 15px 15px; 
 } 
@media (max-width: 1399px) { 
 .hotel-card .hotel-content { 
 padding: 20px 10px 15px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .hotel-card .hotel-content { 
 padding: 20px 5px 15px; 
 } 
 } 
.hotel-card .hotel-content .rating-area { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 margin-bottom: 5px; 
 } 
.hotel-card .hotel-content .rating-area .star { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 gap: 6px; 
 line-height: 1; 
 } 
.hotel-card .hotel-content .rating-area .star li i { 
 color: #DDA701; 
 font-size: 12px; 
 } 
.hotel-card .hotel-content .rating-area span { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 400; 
 font-size: 14px; 
 line-height: 1; 
 } 
.hotel-card .hotel-content h5 { 
 margin-bottom: 10px; 
 } 
.hotel-card .hotel-content h5 a { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 20px; 
 line-height: 1.4; 
 transition: 0.5s; 
 } 
.hotel-card .hotel-content h5 a:hover { 
 color: var(--primary-color1); 
 } 

.variation-options { 
 display: flex; 
 flex-wrap: wrap; 
 } 
.variation-options .variation-option { 
 position: relative; 
 margin: 10px 10px 10px 0; 
 cursor: pointer; 
 } 
.variation-options .variation-option input[type="radio"] { 
 position: absolute; 
 opacity: 0; 
 } 
.variation-options .variation-option input[type="radio"] + .variationBox { background: #FFF !important; padding: 10px 18px 40px; display: inline-block; box-shadow: 0 0 3px 1px #0000000f; border-radius: 4px; } 
.variation-options .variation-option input[type="radio"] + .variationBox .variation-name { 
 font-size: 12px; 
 font-weight: 400 !important; 
 color: #000; 
 display: block; 
 text-align: center; 
 } 
.variation-options .variation-option input[type="radio"]:checked + .variationBox { background: var(--primary-color1) !important; color:#FFF !important } 
.variation-options .variation-option input[type="radio"]:checked + .variationBox * { 
 color:#FFF
 } 
.variation-price { 
 font-size: 13px !important; 
 display: block !important; 
 } 
/* 
.woocommerce-Price-amount.amount, .woocommerce-Price-currencySymbol { 
 font-size: 13px !important; 
 font-weight:500; 
 } 
.woocommerce-Price-amount.amount { 
 padding: 0; 
 margin: 0; 
 } 
.regular-price.single { 
 display: block; 
 height: 0; 
 } */

.destination-page .nav-pills { 
 margin: 0 0 30px !important; 
 } 

@media (max-width: 1199px) { 
 .hotel-card .hotel-content h5 a { 
 font-size: 18px; 
 } 
 } 
.hotel-card .hotel-content .location-area { 
 display: flex; 
 align-items: center; 
 gap: 25px; 
 margin-bottom: 30px; 
 } 
@media (max-width: 1199px) { 
 .hotel-card .hotel-content .location-area { 
 gap: 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .hotel-card .hotel-content .location-area { 
 margin-bottom: 25px; 
 } 
 } 
.hotel-card .hotel-content .location-area .location { 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 } 
.hotel-card .hotel-content .location-area .location svg { 
 fill: var(--text-color); 
 transition: 0.5s; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .hotel-card .hotel-content .location-area .location svg { 
 width: 12px; 
 } 
 } 
.hotel-card .hotel-content .location-area .location a { 
 color: var(--text-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 transition: 0.5s; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .hotel-card .hotel-content .location-area .location a { 
 font-size: 13px; 
 } 
 } 
.hotel-card .hotel-content .location-area .location a:hover { 
 color: var(--primary-color1); 
 } 
.hotel-card .hotel-content .location-area .map-view { 
 color: var(--primary-color1); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 12px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 transition: 0.5s; 
 } 
.hotel-card .hotel-content .location-area .map-view svg { 
 fill: var(--primary-color1); 
 transition: 0.5s; 
 } 
.hotel-card .hotel-content .location-area .map-view:hover { 
 color: var(--title-color); 
 } 
.hotel-card .hotel-content .location-area .map-view:hover svg { 
 fill: var(--title-color); 
 } 
.hotel-card .hotel-content .hotel-feature-list { 
 margin: 0; 
 list-style: none; 
 padding: 15px 20px; 
 background-color: #F0F0F0; 
 border-radius: 10px; 
 display: flex; 
 align-items: center; 
 flex-wrap: wrap; 
 gap: 20px; 
 row-gap: 18px; 
 margin-bottom: 15px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .hotel-card .hotel-content .hotel-feature-list { 
 padding: 15px 12px; 
 } 
 } 
@media (max-width: 991px) { 
 .hotel-card .hotel-content .hotel-feature-list { 
 padding: 15px 15px; 
 } 
 } 
.hotel-card .hotel-content .hotel-feature-list li { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 14px; 
 line-height: 1; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .hotel-card .hotel-content .hotel-feature-list li { 
 font-size: 13px; 
 } 
 } 
.hotel-card .hotel-content .hotel-feature-list li svg { 
 fill: var(--primary-color1); 
 } 
.hotel-card .hotel-content .hotel-feature-list li svg rect { 
 fill: var(--white-color); 
 stroke: var(--primary-color1); 
 } 
.hotel-card .hotel-content .cancellation { 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 } 
.hotel-card .hotel-content .cancellation svg { 
 fill: var(--white-color); 
 } 
.hotel-card .hotel-content .cancellation svg rect { 
 fill: var(--primary-color1); 
 } 
.hotel-card .hotel-content .cancellation span { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 14px; 
 line-height: 1; 
 } 
.hotel-card .hotel-content .btn-and-price-area { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 15px; 
 padding-top: 40px; 
 } 
@media (max-width: 1199px) { 
 .hotel-card .hotel-content .btn-and-price-area { 
 padding-top: 35px; 
 } 
 } 
.hotel-card .hotel-content .btn-and-price-area .primary-btn1 { 
 padding: 13px 14px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .hotel-card .hotel-content .btn-and-price-area .primary-btn1 { 
 font-size: 14px; 
 padding: 12px 13px; 
 } 
 } 
@media (max-width: 576px) { 
 .hotel-card .hotel-content .btn-and-price-area .primary-btn1 { 
 font-size: 14px; 
 padding: 12px 13px; 
 } 
 } 
.hotel-card .hotel-content .btn-and-price-area .price-area h6 { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 margin-bottom: 10px; 
 text-align: end; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .hotel-card .hotel-content .btn-and-price-area .price-area h6 { 
 font-size: 13px; 
 } 
 } 
@media (max-width: 576px) { 
 .hotel-card .hotel-content .btn-and-price-area .price-area h6 { 
 font-size: 13px; 
 } 
 } 
.hotel-card .hotel-content .btn-and-price-area .price-area span { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 25px; 
 line-height: 1; 
 display: flex; 
 align-items: baseline; 
 justify-content: end; 
 gap: 5px; 
 flex-wrap: wrap; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .hotel-card .hotel-content .btn-and-price-area .price-area span { 
 font-size: 21px; 
 } 
 } 
@media (max-width: 576px) { 
 .hotel-card .hotel-content .btn-and-price-area .price-area span { 
 font-size: 21px; 
 } 
 } 
.hotel-card .hotel-content .btn-and-price-area .price-area span del { 
 font-size: 18px; 
 } 
.hotel-card:hover .hotel-img-wrap .hotel-img img { 
 transform: scale(1.1); 
 } 
.hotel-card:hover .hotel-img-wrap .hotel-img::after { 
 height: 250%; 
 transition: all 600ms linear; 
 background-color: transparent; 
 } 
.hotel-card:hover .hotel-img-wrap .slider-btn-grp .slider-btn { 
 opacity: 1; 
 } 

/*=====================================
 97. Hotel Details Page CSS
========================================*/
.hotel-dt-gallery-section { 
 margin-top: -120px; 
 position: relative; 
 } 
.hotel-dt-gallery-section .room-img-group { 
 border-radius: 20px; 
 background: #FFF; 
 padding: 10px; 
 border: 1px solid var(--borders-color); 
 } 
@media (max-width: 576px) { 
 .hotel-dt-gallery-section .room-img-group { 
 padding: 5px; 
 border-radius: 15px; 
 } 
 } 
.hotel-dt-gallery-section .room-img-group .gallery-img-wrap { 
 position: relative; 
 transition: all 0.45s; 
 height: 100%; 
 } 
.hotel-dt-gallery-section .room-img-group .gallery-img-wrap a { 
 display: block; 
 } 
.hotel-dt-gallery-section .room-img-group .gallery-img-wrap img { 
 -o-object-fit: cover; 
 object-fit: cover; 
 height: 100%; 
 border-radius: 10px; 
 } 
@media (max-width: 767px) { 
 .hotel-dt-gallery-section .room-img-group .gallery-img-wrap img { 
 height: auto; 
 } 
 } 
@media (max-width: 576px) { 
 .hotel-dt-gallery-section .room-img-group .gallery-img-wrap img { 
 min-height: 180px; 
 } 
 } 
.hotel-dt-gallery-section .room-img-group .gallery-img-wrap .hotel-dt-gallery-slider { 
 height: 100%; 
 position: relative; 
 } 
.hotel-dt-gallery-section .room-img-group .gallery-img-wrap .hotel-dt-gallery-slider img { 
 min-height: 220px; 
 } 
.hotel-dt-gallery-section .room-img-group .gallery-img-wrap .hotel-dt-gallery-slider .slider-btn-grp .slider-btn { 
 position: absolute; 
 top: 50%; 
 left: 25px; 
 transform: translateY(-50%); 
 z-index: 1; 
 min-width: 36px; 
 max-width: 36px; 
 height: 36px; 
 background-color: rgba(var(--white-color-opc), 0.3); 
 -webkit-backdrop-filter: blur(80px); 
 backdrop-filter: blur(80px); 
 border: unset; 
 } 
@media (max-width: 576px) { 
 .hotel-dt-gallery-section .room-img-group .gallery-img-wrap .hotel-dt-gallery-slider .slider-btn-grp .slider-btn { 
 min-width: 32px; 
 max-width: 32px; 
 height: 32px; 
 } 
 } 
.hotel-dt-gallery-section .room-img-group .gallery-img-wrap .hotel-dt-gallery-slider .slider-btn-grp .slider-btn svg { 
 fill: var(--white-color); 
 stroke: none; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .hotel-dt-gallery-section .room-img-group .gallery-img-wrap .hotel-dt-gallery-slider .slider-btn-grp .slider-btn { 
 left: 15px; 
 } 
 } 
@media (max-width: 767px) { 
 .hotel-dt-gallery-section .room-img-group .gallery-img-wrap .hotel-dt-gallery-slider .slider-btn-grp .slider-btn { 
 left: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .hotel-dt-gallery-section .room-img-group .gallery-img-wrap .hotel-dt-gallery-slider .slider-btn-grp .slider-btn { 
 left: 10px; 
 } 
 } 
.hotel-dt-gallery-section .room-img-group .gallery-img-wrap .hotel-dt-gallery-slider .slider-btn-grp .slider-btn.hotel-dt-gallery-slider-next { 
 left: unset; 
 right: 25px; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .hotel-dt-gallery-section .room-img-group .gallery-img-wrap .hotel-dt-gallery-slider .slider-btn-grp .slider-btn.hotel-dt-gallery-slider-next { 
 right: 15px; 
 } 
 } 
@media (max-width: 767px) { 
 .hotel-dt-gallery-section .room-img-group .gallery-img-wrap .hotel-dt-gallery-slider .slider-btn-grp .slider-btn.hotel-dt-gallery-slider-next { 
 right: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .hotel-dt-gallery-section .room-img-group .gallery-img-wrap .hotel-dt-gallery-slider .slider-btn-grp .slider-btn.hotel-dt-gallery-slider-next { 
 right: 10px; 
 } 
 } 
.hotel-dt-gallery-section .room-img-group .gallery-img-wrap .hotel-dt-gallery-slider .slider-btn-grp .slider-btn:hover { 
 background-color: var(--white-color); 
 } 
.hotel-dt-gallery-section .room-img-group .gallery-img-wrap .hotel-dt-gallery-slider .slider-btn-grp .slider-btn:hover svg { 
 fill: var(--primary-color1); 
 } 
.hotel-dt-gallery-section .room-img-group .gallery-img-wrap.two a { 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 background-color: rgba(16, 12, 8, 0.6); 
 color: var(--white-color); 
 text-align: center; 
 font-family: var(--font-poppins); 
 font-size: 15px; 
 font-weight: 600; 
 letter-spacing: 0.6px; 
 flex-direction: column; 
 gap: 5px; 
 transition: all 0.45s; 
 transform: scale(0.4); 
 border-radius: 10px; 
 opacity: 0; 
 } 
@media (max-width: 576px) { 
 .hotel-dt-gallery-section .room-img-group .gallery-img-wrap.two a { 
 font-size: 14px; 
 } 
 } 
.hotel-dt-gallery-section .room-img-group .gallery-img-wrap.two a i { 
 color: var(--white-color); 
 font-size: 25px; 
 } 
.hotel-dt-gallery-section .room-img-group .gallery-img-wrap.two button { 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 background-color: rgba(16, 12, 8, 0.6); 
 color: var(--white-color); 
 text-align: center; 
 font-family: var(--font-poppins); 
 font-size: 15px; 
 font-weight: 600; 
 letter-spacing: 0.6px; 
 line-height: 1.2; 
 flex-direction: column; 
 gap: 5px; 
 transition: all 0.45s; 
 transform: scale(0.4); 
 border-radius: 10px; 
 opacity: 0; 
 } 
@media (max-width: 576px) { 
 .hotel-dt-gallery-section .room-img-group .gallery-img-wrap.two button { 
 font-size: 13px; 
 } 
 } 
.hotel-dt-gallery-section .room-img-group .gallery-img-wrap.two button i { 
 color: var(--white-color); 
 font-size: 25px; 
 } 
.hotel-dt-gallery-section .room-img-group .gallery-img-wrap.two.active a { 
 transform: scale(1); 
 opacity: 1; 
 } 
.hotel-dt-gallery-section .room-img-group .gallery-img-wrap.two.active button { 
 transform: scale(1); 
 opacity: 1; 
 } 

.hotel-details-page .hotel-details-wrapper h4 { 
 margin-bottom: 30px; 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-wrapper h4 { 
 margin-bottom: 25px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .hotel-dt-description-area h4 { 
 margin-bottom: 25px; 
 } 
.hotel-details-page .hotel-details-wrapper .hotel-dt-description-area p { 
 margin-bottom: 25px; 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-wrapper .hotel-dt-description-area p { 
 margin-bottom: 20px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .hotel-dt-description-area p:last-child { 
 margin-bottom: 0; 
 } 
.hotel-details-page .hotel-details-wrapper .hotel-dt-facilities-area .facilities-wrap { 
 padding: 30px; 
 border: 1px solid var(--borders-color); 
 border-radius: 20px; 
 display: grid; 
 grid-template-columns: repeat(3, 1fr); 
 gap: 60px; 
 row-gap: 50px; 
 } 
@media (max-width: 1399px) { 
 .hotel-details-page .hotel-details-wrapper .hotel-dt-facilities-area .facilities-wrap { 
 padding: 30px 20px; 
 gap: 30px; 
 row-gap: 45px; 
 } 
 } 
@media (max-width: 767px) { 
 .hotel-details-page .hotel-details-wrapper .hotel-dt-facilities-area .facilities-wrap { 
 grid-template-columns: repeat(2, 1fr); 
 padding: 30px; 
 } 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-wrapper .hotel-dt-facilities-area .facilities-wrap { 
 grid-template-columns: repeat(1, 1fr); 
 padding: 30px 20px; 
 row-gap: 35px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .hotel-dt-facilities-area .facilities-wrap .single-facilities h6 { 
 font-size: 14px; 
 margin-bottom: 25px; 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-wrapper .hotel-dt-facilities-area .facilities-wrap .single-facilities h6 { 
 margin-bottom: 20px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .hotel-dt-facilities-area .facilities-wrap .single-facilities h6 svg { 
 fill: var(--title-color); 
 margin-bottom: 2px; 
 } 
.hotel-details-page .hotel-details-wrapper .hotel-dt-facilities-area .facilities-wrap .single-facilities .facilities-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 } 
.hotel-details-page .hotel-details-wrapper .hotel-dt-facilities-area .facilities-wrap .single-facilities .facilities-list li { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1.3; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 margin-bottom: 20px; 
 } 
.hotel-details-page .hotel-details-wrapper .hotel-dt-facilities-area .facilities-wrap .single-facilities .facilities-list li svg { 
 fill: var(--text-color); 
 min-width: 10px; 
 } 

.EnquiryForm .form-control { 
 padding: 10px 15px; 
 border-radius: 4px; 
 } 

.EnquiryForm .form-label { 
 font-size: 14px; 
 font-weight: 500; 
 } 

.EnquiryForm { 
 background: #FFF; 
 padding: 25px; 
 margin: 15px 0px 20px; 
 border: none; 
 border-radius: 10px; 
 } 

h3.sendEnquiryHeading { 
 background: #f2f2ff; 
 margin: 0 -50px 15px; 
 text-align: center; 
 padding: 10px 15px; 
 font-size: 20px; 
 } 

@media (min-width: 1200px) and (max-width: 1399px) { 
 .hotel-details-page .hotel-details-wrapper .hotel-dt-facilities-area .facilities-wrap .single-facilities .facilities-list li { 
 font-size: 15px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .hotel-details-page .hotel-details-wrapper .hotel-dt-facilities-area .facilities-wrap .single-facilities .facilities-list li { 
 font-size: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-wrapper .hotel-dt-facilities-area .facilities-wrap .single-facilities .facilities-list li { 
 font-size: 15px; 
 margin-bottom: 15px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .hotel-dt-facilities-area .facilities-wrap .single-facilities .facilities-list li:last-child { 
 margin-bottom: 0; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area { 
 scroll-margin-top: 50px; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field { 
 padding: 8px 20px; 
 border: 1px solid var(--borders-color); 
 border-radius: 10px; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 position: relative; 
 min-height: 62px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .single-field { 
 padding: 8px 15px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .single-field { 
 padding: 8px 12px; 
 gap: 6px; 
 } 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .single-field { 
 min-height: 52px; 
 padding: 8px 18px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field > svg { 
 fill: var(--text-color); 
 min-width: 18px; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-dropdown { 
 position: relative; 
 line-height: 1; 
 width: 100%; 
 cursor: pointer; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-dropdown input { 
 opacity: 0; 
 width: 100%; 
 height: 100%; 
 position: absolute; 
 cursor: pointer; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-dropdown h6 { 
 font-size: 16px; 
 font-family: var(--font-poppins); 
 color: var(--title-color); 
 font-weight: 500; 
 line-height: 1.4; 
 margin-bottom: 0; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-dropdown h6 { 
 font-size: 15px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-dropdown > span { 
 font-size: 14px; 
 font-family: var(--font-roboto); 
 color: var(--text-color); 
 font-weight: 400; 
 margin-bottom: 0; 
 line-height: 1.4; 
 display: block; 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-dropdown > span { 
 font-size: 11px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-dropdown > span strong { 
 font-weight: 400; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap { 
 padding: 10px 0; 
 background-color: var(--white-color); 
 border-radius: 10px; 
 width: 100%; 
 position: absolute; 
 top: 65px; 
 left: 0; 
 z-index: 9; 
 box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.1019607843); 
 display: none; 
 transform: scaleY(0); 
 transform-origin: top; 
 min-width: 320px; 
 left: unset; 
 right: 0; 
 padding: 25px 20px; 
 } 
@media (max-width: 1199px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap { 
 min-width: 280px; 
 top: 70px; 
 } 
 } 
@media (max-width: 767px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap { 
 right: unset; 
 left: 0; 
 } 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap { 
 left: 50%; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap .title-area { 
 line-height: 1; 
 margin-bottom: 20px; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap .title-area h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 16px; 
 line-height: 1; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap .title-area span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 14px; 
 line-height: 1.4; 
 display: block; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap .room-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 margin-bottom: 30px; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap .room-list .single-room { 
 border: 1px solid var(--borders-color); 
 border-radius: 10px; 
 margin-bottom: 5px; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap .room-list .single-room .room-title { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 padding: 10px 15px; 
 background-color: #F0F0F0; 
 border-radius: 10px; 
 min-height: 45px; 
 cursor: pointer; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap .room-list .single-room .room-title h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 400; 
 font-size: 16px; 
 line-height: 1; 
 margin-bottom: 0; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap .room-list .single-room .room-title svg { 
 fill: #FF0000; 
 min-width: 15px; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap .room-list .single-room .guest-count { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 padding: 25px 15px; 
 display: none; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap .room-list .single-room .guest-count .single-item { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 margin-bottom: 20px; 
 line-height: 1; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap .room-list .single-room .guest-count .single-item:last-child { 
 margin-bottom: 0; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap .room-list .single-room .guest-count .single-item .title h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 16px; 
 font-weight: 400; 
 margin-bottom: 5px; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap .room-list .single-room .guest-count .single-item .title span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-size: 14px; 
 font-weight: 400; 
 margin-bottom: 0; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap .room-list .single-room .guest-count .single-item .quantity-counter { 
 display: flex; 
 align-items: center; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap .room-list .single-room .guest-count .single-item .quantity-counter a { 
 height: 20px; 
 min-width: 20px; 
 max-width: 20px; 
 border-radius: 50%; 
 border: 1px solid var(--primary-color1); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 transition: 0.35s; 
 font-size: 17px; 
 color: var(--primary-color1); 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap .room-list .single-room .guest-count .single-item .quantity-counter a:hover { 
 color: var(--white-color); 
 background-color: var(--primary-color1); 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap .room-list .single-room .guest-count .single-item .quantity-counter input { 
 width: 40px; 
 background-color: transparent; 
 text-align: center; 
 line-height: 1; 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-size: 14px; 
 font-weight: 500; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap .room-list .single-room .guest-count.room-count .single-item { 
 padding: 14px 20px; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap .primary-btn1 { 
 width: 100%; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap .primary-btn1 svg { 
 min-width: unset; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap .primary-btn1.add-btn.disabled { 
 pointer-events: none; 
 opacity: 0.5; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap.active { 
 display: block; 
 transform: scaleY(1); 
 animation: fade-down 0.3s linear; 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .single-field .custom-select-wrap.active { 
 transform: scaleY(1) translateX(-50%); 
 animation: fade-down2 0.3s linear; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item { 
 border-radius: 10px; 
 border: none; 
 margin-bottom: 25px; 
 background-color: transparent; 
 border: 1px solid var(--borders-color); 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item:last-child { 
 margin-bottom: 0; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item:nth-child(2) .accordion-header .accordion-button .batch span { 
 background-color: #1B2072; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item:nth-child(3) .accordion-header .accordion-button .batch span { 
 background-color: #285340; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item:nth-child(4) .accordion-header .accordion-button .batch span { 
 background-color: #FF8B00; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item:nth-child(5) .accordion-header .accordion-button .batch span { 
 background-color: #0EA9D0; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header { 
 border-radius: 10px; 
 background-color: transparent; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button { 
 border-radius: 10px; 
 padding: 28px 35px; 
 background-color: transparent; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 10px; 
 position: relative; 
 } 
@media (max-width: 1199px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button { 
 padding: 28px 25px; 
 } 
 } 
@media (max-width: 767px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button { 
 padding: 28px 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button { 
 padding: 28px 10px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button .batch { 
 position: absolute; 
 top: -10px; 
 left: 35px; 
 } 
@media (max-width: 991px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button .batch { 
 left: 30px; 
 } 
 } 
@media (max-width: 767px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button .batch { 
 left: 20px; 
 } 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button .batch { 
 left: 10px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button .batch span { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1; 
 display: block; 
 padding: 3px 12px; 
 border-radius: 100px; 
 background-color: var(--primary-color1); 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button .title-area { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button .title-area { 
 gap: 7px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button .title-area .check { 
 min-width: 20px; 
 max-width: 20px; 
 height: 20px; 
 border-radius: 50%; 
 background-color: rgba(var(--black-color-opc), 0.16); 
 position: relative; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button .title-area .check::before { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 width: 12px; 
 height: 12px; 
 background-color: var(--white-color); 
 border-radius: 50%; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button .title-area h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-size: 18px; 
 font-weight: 500; 
 line-height: 1.4; 
 margin-bottom: 0; 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button .title-area h6 { 
 font-size: 17px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button > span { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 18px; 
 line-height: 1; 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button > span { 
 font-size: 17px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button > span del { 
 color: var(--text-color); 
 font-size: 15px; 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button > span del { 
 font-size: 14px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button::after { 
 display: none; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) { 
 box-shadow: none; 
 border-bottom: none; 
 border-radius: 10px 10px 0 0; 
 padding-bottom: 20px; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .title-area .check { 
 background-color: var(--primary-color1); 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .title-area .check::before { 
 content: "\f26e"; 
 font-family: bootstrap-icons !important; 
 width: unset; 
 height: unset; 
 color: var(--white-color); 
 background-color: transparent; 
 font-size: 20px; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-header .accordion-button:focus { 
 border-radius: 10px; 
 box-shadow: none; 
 border-bottom: none; 
 border-radius: 10px 10px 0 0; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body { 
 padding: 0px 35px 35px 65px; 
 border: 1px solid transparent; 
 border-top: none; 
 background-color: var(--white-color); 
 border-radius: 0 0 10px 10px; 
 } 
@media (max-width: 1199px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body { 
 padding: 0px 25px 35px 50px; 
 } 
 } 
@media (max-width: 767px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body { 
 padding: 0px 20px 35px 35px; 
 } 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body { 
 padding: 0px 10px 35px 25px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body p { 
 color: var(--text-color); 
 font-size: 16px; 
 line-height: 24px; 
 max-width: 430px; 
 width: 100%; 
 margin-bottom: 35px; 
 } 
@media (max-width: 991px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body p { 
 margin-bottom: 25px; 
 } 
 } 
@media (max-width: 767px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body p { 
 max-width: 290px; 
 font-size: 15px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body .room-gallery-area { 
 margin-bottom: 35px; 
 } 
@media (max-width: 991px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body .room-gallery-area { 
 margin-bottom: 25px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body .room-gallery-area img { 
 border-radius: 10px; 
 min-height: 150px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body .additional-service-area { 
 margin-bottom: 45px; 
 } 
@media (max-width: 767px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body .additional-service-area { 
 margin-bottom: 35px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body .additional-service-area h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 18px; 
 line-height: 28px; 
 margin-bottom: 20px; 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body .additional-service-area h6 { 
 font-size: 17px; 
 margin-bottom: 15px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body .additional-service-area .service-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 display: flex; 
 align-items: center; 
 flex-wrap: wrap; 
 gap: 25px; 
 row-gap: 15px; 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body .additional-service-area .service-list { 
 flex-direction: column; 
 align-items: start; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li { 
 display: flex; 
 align-items: center; 
 gap: 5px; 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 16px; 
 line-height: 1.3; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li svg { 
 fill: var(--white-color); 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body .additional-service-area .service-list li svg rect { 
 fill: var(--primary-color1); 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body .btn-area { 
 display: flex; 
 align-items: center; 
 gap: 30px; 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body .btn-area { 
 flex-wrap: wrap; 
 gap: 20px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body .btn-area .primary-btn1 { 
 padding: 16px 21px; 
 } 
.hotel-details-page .hotel-details-wrapper .booking-area .hotel-room-list .accordion .accordion-item .accordion-body .btn-area .primary-btn1.transparent { 
 padding: 14px 21px; 
 } 
.hotel-details-page .hotel-details-wrapper .hotel-dt-location-area iframe { 
 width: 100%; 
 min-height: 364px; 
 border-radius: 10px; 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-wrapper .hotel-dt-location-area iframe { 
 min-height: 340px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .additional-info h4 { 
 margin-bottom: 25px; 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-wrapper .additional-info h4 { 
 margin-bottom: 20px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .additional-info .items-list { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 } 
.hotel-details-page .hotel-details-wrapper .additional-info .items-list li { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 400; 
 font-size: 18px; 
 line-height: 28px; 
 display: flex; 
 align-items: start; 
 gap: 10px; 
 margin-bottom: 20px; 
 } 
.hotel-details-page .hotel-details-wrapper .additional-info .items-list li svg { 
 fill: var(--primary-color1); 
 min-width: 16px; 
 margin-top: 6px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .hotel-details-page .hotel-details-wrapper .additional-info .items-list li { 
 font-size: 17px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .hotel-details-page .hotel-details-wrapper .additional-info .items-list li { 
 font-size: 17px; 
 } 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-wrapper .additional-info .items-list li { 
 font-size: 16px; 
 margin-bottom: 15px; 
 } 
 } 
.hotel-details-page .hotel-details-wrapper .additional-info .items-list li span { 
 color: var(--title-color); 
 font-weight: 500; 
 } 
.hotel-details-page .hotel-details-wrapper .additional-info .items-list li:last-child { 
 margin-bottom: 0; 
 } 
.hotel-details-page .hotel-details-sidebar { 
 position: sticky; 
 top: 30px; 
 } 
.hotel-details-page .hotel-details-sidebar .pricing-and-booking-area { 
 padding: 40px 40px; 
 background-color: #F2F2FF; 
 border-radius: 20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .hotel-details-page .hotel-details-sidebar .pricing-and-booking-area { 
 padding: 40px 30px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .hotel-details-page .hotel-details-sidebar .pricing-and-booking-area { 
 padding: 35px 20px; 
 border-radius: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-sidebar .pricing-and-booking-area { 
 padding: 35px 20px; 
 border-radius: 15px; 
 } 
 } 
.hotel-details-page .hotel-details-sidebar .pricing-and-booking-area .batch { 
 display: flex; 
 justify-content: end; 
 margin-bottom: 25px; 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-sidebar .pricing-and-booking-area .batch { 
 margin-bottom: 20px; 
 } 
 } 
.hotel-details-page .hotel-details-sidebar .pricing-and-booking-area .batch span { 
 color: var(--white-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 14px; 
 line-height: 1; 
 padding: 6px 15px; 
 background-color: #FF3927; 
 display: block; 
 border-radius: 100px; 
 } 
.hotel-details-page .hotel-details-sidebar .pricing-and-booking-area .price-area { 
 margin-bottom: 40px; 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-sidebar .pricing-and-booking-area .price-area { 
 margin-bottom: 30px; 
 } 
 } 
.hotel-details-page .hotel-details-sidebar .pricing-and-booking-area .price-area h6 { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 1; 
 display: block; 
 margin-bottom: 15px; 
 } 
.hotel-details-page .hotel-details-sidebar .pricing-and-booking-area .price-area span { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 32px; 
 line-height: 1; 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-sidebar .pricing-and-booking-area .price-area span { 
 font-size: 30px; 
 } 
 } 
.hotel-details-page .hotel-details-sidebar .pricing-and-booking-area .price-area span del { 
 color: var(--text-color); 
 font-size: 25px; 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-sidebar .pricing-and-booking-area .price-area span del { 
 font-size: 23px; 
 } 
 } 
.hotel-details-page .hotel-details-sidebar .pricing-and-booking-area .price-area span sub { 
 color: var(--text-color); 
 font-size: 16px; 
 font-weight: 500; 
 bottom: 0; 
 } 
.hotel-details-page .hotel-details-sidebar .pricing-and-booking-area ul { 
 padding: 0; 
 margin: 0; 
 list-style: none; 
 margin-bottom: 40px; 
 } 
@media (max-width: 576px) { 
 .hotel-details-page .hotel-details-sidebar .pricing-and-booking-area ul { 
 margin-bottom: 30px; 
 } 
 } 
.hotel-details-page .hotel-details-sidebar .pricing-and-booking-area ul li { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1.4; 
 display: flex; 
 gap: 10px; 
 margin-bottom: 15px; 
 } 
.hotel-details-page .hotel-details-sidebar .pricing-and-booking-area ul li svg { 
 fill: var(--primary-color1); 
 margin-top: 3px; 
 } 
.hotel-details-page .hotel-details-sidebar .pricing-and-booking-area ul li svg rect { 
 fill: none; 
 stroke: var(--primary-color1); 
 } 
.hotel-details-page .hotel-details-sidebar .pricing-and-booking-area ul li:last-child { 
 margin-bottom: 0; 
 } 
.hotel-details-page .hotel-details-sidebar .pricing-and-booking-area .primary-btn1 { 
 width: 100%; 
 } 
.hotel-details-page .hotel-details-sidebar .pricing-and-booking-area .primary-btn1.transparent { 
 color: var(--primary-color1); 
 border-color: rgba(var(--black-color-opc), 0.1); 
 padding: 19px 17px; 
 } 
.hotel-details-page .hotel-details-sidebar .pricing-and-booking-area .primary-btn1.transparent svg { 
 fill: var(--primary-color1); 
 } 
.hotel-details-page .hotel-details-sidebar .pricing-and-booking-area .primary-btn1.transparent:hover { 
 color: var(--white-color); 
 } 
.hotel-details-page .hotel-details-sidebar .pricing-and-booking-area .primary-btn1.transparent:hover svg { 
 fill: var(--white-color); 
 } 
.hotel-details-page .hotel-details-sidebar .pricing-and-booking-area > span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1.4; 
 display: flex; 
 gap: 5px; 
 margin-top: 20px; 
 } 
.hotel-details-page .hotel-details-sidebar .pricing-and-booking-area > span svg { 
 fill: var(--text-color); 
 min-width: 14px; 
 margin-top: 2px; 
 } 

.calendar-wrapper { 
 width: 820px; 
 display: none; 
 } 
@media (max-width: 991px) { 
 .calendar-wrapper { 
 width: 500px; 
 } 
 } 
@media (max-width: 767px) { 
 .calendar-wrapper { 
 position: absolute; 
 top: 100px; 
 height: auto; 
 } 
 } 
@media (max-width: 576px) { 
 .calendar-wrapper { 
 width: 100%; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .calendar-wrapper .calendar-container { 
 flex-direction: row; 
 } 
 } 
.calendar-wrapper .calendar-inner { 
 box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.1019607843); 
 } 
@media (max-width: 767px) { 
 .calendar-wrapper .calendar-inner { 
 height: auto; 
 border-radius: 15px; 
 padding-top: 5px; 
 } 
 } 
.calendar-wrapper .calendar-header h6 { 
 font-size: 16px; 
 margin-bottom: 0; 
 } 
.calendar-wrapper .calendar-header button { 
 border: 1px solid var(--borders-color); 
 } 
.calendar-wrapper .calendar-header button svg { 
 width: 14px; 
 } 
@media (min-width: 992px) { 
 .calendar-wrapper #calendar-prev .next-month { 
 opacity: 0; 
 visibility: hidden; 
 display: block; 
 } 
 } 
.calendar-wrapper .calendar-days .day-name { 
 font-size: 15px; 
 } 
.calendar-wrapper .calendar-dates { 
 -moz-column-gap: 40px; 
 column-gap: 40px; 
 } 
@media (max-width: 991px) { 
 .calendar-wrapper .calendar-dates { 
 -moz-column-gap: 20px; 
 column-gap: 20px; 
 } 
 } 
.calendar-wrapper .calendar-dates .date { 
 font-size: 15px; 
 line-height: 1.2; 
 padding-bottom: 18px; 
 color: var(--title-color); 
 } 
.calendar-wrapper .calendar-dates .date .price { 
 color: var(--title-color) !important; 
 font-family: var(--font-roboto); 
 font-size: 11px !important; 
 font-weight: 600; 
 } 
.calendar-wrapper .calendar-dates .date del { 
 color: var(--text-color); 
 font-size: 10px; 
 font-weight: 500; 
 display: block; 
 } 
.calendar-wrapper .calendar-dates .date::before { 
 background-color: #eee; 
 border: unset; 
 width: 55px; 
 height: 55px; 
 } 
@media (max-width: 576px) { 
 .calendar-wrapper .calendar-dates .date::before { 
 width: 50px; 
 height: 50px; 
 } 
 } 
.calendar-wrapper .calendar-dates .date:hover::before { 
 background-color: #eee; 
 } 
.calendar-wrapper .calendar-dates .date.is-selected::before { 
 background-color: var(--primary-color1); 
 opacity: 1; 
 visibility: visible; 
 } 
.calendar-wrapper .calendar-dates .date.is-selected .price, .calendar-wrapper .calendar-dates .date.is-selected del { 
 color: var(--white-color) !important; 
 } 
.calendar-wrapper .calendar-dates .date.today::before { 
 background-color: rgba(var(--primary-color1-opc), 0.5); 
 opacity: 1; 
 visibility: visible; 
 } 
.calendar-wrapper .calendar-dates .date.today.disabled .price, .calendar-wrapper .calendar-dates .date.today.disabled del { 
 color: var(--white-color) !important; 
 } 
.calendar-wrapper .calendar-dates .date.in-range::before { 
 background-color: rgba(var(--primary-color1-opc), 0.1); 
 opacity: 1; 
 visibility: visible; 
 } 
.calendar-wrapper .calendar-dates .date.first-range, .calendar-wrapper .calendar-dates .date.last-range { 
 color: var(--white-color); 
 } 
.calendar-wrapper .calendar-dates .date.first-range .price, .calendar-wrapper .calendar-dates .date.first-range del, .calendar-wrapper .calendar-dates .date.last-range .price, .calendar-wrapper .calendar-dates .date.last-range del { 
 color: var(--white-color) !important; 
 } 
.calendar-wrapper .calendar-dates .date.first-range::before, .calendar-wrapper .calendar-dates .date.last-range::before { 
 background-color: var(--primary-color1); 
 opacity: 1; 
 visibility: visible; 
 } 
.calendar-wrapper .calendar-actions a { 
 color: var(--white-color); 
 font-family: var(--font-roboto); 
 font-size: 15px; 
 font-weight: 500; 
 letter-spacing: 0.05em; 
 padding: 2px 12px; 
 background-color: var(--primary-color1); 
 border-radius: 5px; 
 transition: 0.5s; 
 } 
.calendar-wrapper .calendar-actions a:hover { 
 background-color: var(--black-color); 
 } 
.calendar-wrapper.active { 
 display: block; 
 } 
.calendar-wrapper.two { 
 width: 410px; 
 } 
@media (max-width: 767px) { 
 .calendar-wrapper.two { 
 position: absolute; 
 top: 100px; 
 height: auto; 
 } 
 } 
@media (max-width: 576px) { 
 .calendar-wrapper.two { 
 width: 100%; 
 } 
 } 
@media (max-width: 576px) { 
 .calendar-wrapper.two .calendar { 
 padding: 15px 10px; 
 } 
 } 
.calendar-wrapper.two #calendar-prev .next-month { 
 opacity: 1; 
 visibility: visible; 
 display: block; 
 } 
.calendar-wrapper.two .calendar-header button { 
 border: 1px solid var(--borders-color); 
 } 
.calendar-wrapper.two .calendar-header button svg { 
 width: 14px; 
 } 
.calendar-wrapper.two .calendar-dates .date::before { 
 border: unset; 
 border: unset; 
 width: 55px; 
 height: 55px; 
 } 
@media (max-width: 576px) { 
 .calendar-wrapper.two .calendar-dates .date::before { 
 width: 50px; 
 height: 50px; 
 } 
 } 
.calendar-wrapper.two .calendar-inner { 
 box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.1019607843); 
 } 
@media (max-width: 767px) { 
 .calendar-wrapper.two .calendar-inner { 
 height: auto; 
 padding-top: 0; 
 border-radius: 10px; 
 } 
 } 

/*=====================================
 98. About page CSS
========================================*/
.about-section .about-content .section-title { 
 margin-bottom: 55px; 
 } 
@media (max-width: 991px) { 
 .about-section .about-content .section-title { 
 margin-bottom: 50px; 
 } 
 } 
@media (max-width: 767px) { 
 .about-section .about-content .section-title { 
 margin-bottom: 45px; 
 } 
 } 
@media (max-width: 576px) { 
 .about-section .about-content .section-title { 
 margin-bottom: 35px; 
 } 
 } 
.about-section .about-content .section-title h4 { 
 color: var(--title-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 25px; 
 line-height: 35px; 
 margin-bottom: 0; 
 margin-top: 20px; 
 } 


 .variation_attribute_value ul.variable-items-wrapper { 
 padding: 0; 
 margin: 0; 
 display: flex; 
 flex-wrap: wrap; 

 justify-content:space-evenly
 } 

.variation_attribute_value ul.variable-items-wrapper li { 
 display: flex; 
 padding: 10px; 
 text-align: center; 
 margin: 10px 10px 10px 0; 
 border: 1px solid #DDD; 
 font-weight: 500; 
 flex:1; 
 text-align: center; 
 background: #FFF; 
 height: 42px !important; 
 justify-content: center; 
 } 


.variation_attribute_value ul.variable-items-wrapper li.selected { 
 background:#20b14c !important; 
 color:#FFF; 
 } 
@media (max-width: 1399px) { 
 .about-section .about-content .section-title h4 { 
 font-size: 23px; 
 } 
 } 
@media (max-width: 767px) { 
 .about-section .about-content .section-title h4 { 
 font-size: 22px; 
 } 
 } 
@media (max-width: 576px) { 
 .about-section .about-content .section-title h4 { 
 font-size: 20px; 
 line-height: 32px; 
 margin-top: 15px; 
 } 
 } 
.about-section .about-content .section-title p { 
 max-width: unset; 
 font-weight: 500; 
 margin-bottom: 25px; 
 padding-top: 45px; 
 } 
.about-section .about-content .section-title p:last-child { 
 margin-bottom: 0; 
 padding-top: 0; 
 } 
@media (max-width: 1399px) { 
 .about-section .about-content .section-title p { 
 font-size: 17px; 
 } 
 } 
@media (max-width: 1199px) { 
 .about-section .about-content .section-title p { 
 padding-top: 40px; 
 } 
 } 
@media (max-width: 991px) { 
 .about-section .about-content .section-title p { 
 padding-top: 35px; 
 } 
 } 
@media (max-width: 767px) { 
 .about-section .about-content .section-title p { 
 padding-top: 30px; 
 font-size: 16px; 
 } 
 } 
@media (max-width: 576px) { 
 .about-section .about-content .section-title p { 
 padding-top: 20px; 
 margin-bottom: 20px; 
 } 
 } 
.about-section .about-content .founder-area { 
 display: flex; 
 align-items: center; 
 gap: 40px; 
 } 
.about-section .about-content .founder-area .founder-info { 
 line-height: 1; 
 } 
.about-section .about-content .founder-area .founder-info h6 { 
 color: var(--title-color); 
 font-family: var(--font-poppins); 
 font-weight: 600; 
 font-size: 18px; 
 line-height: 1; 
 margin-bottom: 10px; 
 } 
.about-section .about-content .founder-area .founder-info span { 
 color: var(--text-color); 
 font-family: var(--font-roboto); 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 1; 
 } 

.about-page-journey-section { 
 background-image: url(../img/innerpages/about-page-journey-bg.png), linear-gradient(180deg, #F0F0F0 0%, #F0F0F0 100%); 
 background-size: cover; 
 background-repeat: no-repeat; 
 padding: 100px 0; 
 } 
@media (max-width: 1199px) { 
 .about-page-journey-section { 
 padding: 90px 0; 
 } 
 } 
@media (max-width: 767px) { 
 .about-page-journey-section { 
 padding: 70px 0; 
 } 
 } 
.about-page-journey-section .jouney-content-wrapper .nav-area { 
 position: relative; 
 } 
.about-page-journey-section .jouney-content-wrapper .nav-area .nav-pills { 
 display: block; 
 } 
.about-page-journey-section .jouney-content-wrapper .nav-area .nav-pills .nav-item { 
 cursor: pointer; 
 } 
.about-page-journey-section .jouney-content-wrapper .nav-area .nav-pills .nav-item .nav-link { 
 padding: 0; 
 background-color: unset; 
 text-align: center; 
 margin-bottom: 55px; 
 } 
@media (max-width: 991px) { 
 .about-page-journey-section .jouney-content-wrapper .nav-area .nav-pills .nav-item .nav-link { 
 margin-bottom: 45px; 
 } 
 } 
@media (max-width: 767px) { 
 .about-page-journey-section .jouney-content-wrapper .nav-area .nav-pills .nav-item .nav-link { 
 margin-bottom: 35px; 
 } 
 } 
@media (max-width: 576px) { 
 .about-page-journey-section .jouney-content-wrapper .nav-area .nav-pills .nav-item .nav-link { 
 margin-bottom: 30px; 
 } 
 } 
.about-page-journey-section .jouney-content-wrapper .nav-area .nav-pills .nav-item .nav-link img { 
 width: 196px; 
 height: 196px; 
 border-radius: 50%; 
 margin-bottom: 20px; 
 border: 1px solid transparent; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .about-page-journey-section .jouney-content-wrapper .nav-area .nav-pills .nav-item .nav-link img { 
 width: 177px; 
 height: 177px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .about-page-journey-section .jouney-content-wrapper .nav-area .nav-pills .nav-item .nav-link img { 
 width: 175px; 
 height: 175px; 
 } 
 } 
@media (max-width: 991px) { 
 .about-page-journey-section .jouney-content-wrapper .nav-area .nav-pills .nav-item .nav-link img { 
 width: 166px; 
 height: 166px; 
 } 
 } 
@media (max-width: 767px) { 
 .about-page-journey-section .jouney-content-wrapper .nav-area .nav-pills .nav-item .nav-link img { 
 margin-bottom: 15px; 
 } 
 } 
@media (max-width: 576px) { 
 .about-page-journey-section .jouney-content-wrapper .nav-area .nav-pills .nav-item .nav-link img { 
 width: 158px; 
 height: 158px; 
 } 
 } 
.about-page-journey-section .jouney-content-wrapper .nav-area .nav-pills .nav-item .nav-link h4 { 
 font-weight: 500; 
 margin-bottom: 0; 
 } 
@media (max-width: 1399px) { 
 .about-page-journey-section .jouney-content-wrapper .nav-area .nav-pills .nav-item .nav-link h4 { 
 font-size: 23px; 
 } 
 } 
@media (max-width: 576px) { 
 .about-page-journey-section .jouney-content-wrapper .nav-area .nav-pills .nav-item .nav-link h4 { 
 font-size: 21px; 
 } 
 } 
.about-page-journey-section .jouney-content-wrapper .nav-area .nav-pills .nav-item .nav-link.active img { 
 border-color: var(--primary-color1); 
 } 
.about-page-journey-section .jouney-content-wrapper .nav-area .nav-pills .nav-item .nav-link.active h4 { 
 color: var(--primary-color1); 
 } 
.about-page-journey-section .jouney-content-wrapper .nav-area .nav-pills .nav-item .dot { 
 width: 12px; 
 height: 12px; 
 background-color: var(--primary-color1); 
 border-radius: 50%; 
 margin: 0 auto; 
 display: block; 
 } 
.about-page-journey-section .jouney-content-wrapper .nav-area .line { 
 width: 100%; 
 fill: var(--primary-color1); 
 position: absolute; 
 left: 0; 
 bottom: 3px; 
 } 
@media (max-width: 576px) { 
 .about-page-journey-section .jouney-content-wrapper .nav-area .line { 
 display: none; 
 } 
 } 
@media (max-width: 576px) { 
 .about-page-journey-section .jouney-content-wrapper .nav-area::before { 
 content: ""; 
 position: absolute; 
 left: 0; 
 bottom: 5px; 
 width: 100%; 
 height: 1px; 
 background-color: var(--primary-color1); 
 } 
 } 
.about-page-journey-section .jouney-content-wrapper .tab-content .tab-pane { 
 text-align: center; 
 } 
.about-page-journey-section .jouney-content-wrapper .tab-content .tab-pane h4 { 
 margin-bottom: 20px; 
 } 
@media (max-width: 767px) { 
 .about-page-journey-section .jouney-content-wrapper .tab-content .tab-pane h4 { 
 font-size: 23px; 
 margin-bottom: 15px; 
 } 
 } 
.about-page-journey-section .jouney-content-wrapper .tab-content .tab-pane p { 
 font-weight: 500; 
 margin-bottom: 0; 
 } 
@media (max-width: 767px) { 
 .about-page-journey-section .jouney-content-wrapper .tab-content .tab-pane p { 
 font-size: 17px; 
 } 
 } 
@media (max-width: 576px) { 
 .about-page-journey-section .jouney-content-wrapper .tab-content .tab-pane p { 
 font-size: 16px; 
 } 
 } 
.about-page-journey-section .jouney-content-wrapper .tab-content .tab-pane p span { 
 color: var(--title-color); 
 } 

.about-why-choose-section .why-choose-card { 
 padding: 40px 28px 35px; 
 background-color: #E6F5A9; 
 border-radius: 20px; 
 } 
@media (min-width: 1200px) and (max-width: 1399px) { 
 .about-why-choose-section .why-choose-card { 
 padding: 35px 20px 30px; 
 } 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .about-why-choose-section .why-choose-card { 
 padding: 35px 14px 30px; 
 border-radius: 15px; 
 } 
 } 
@media (max-width: 767px) { 
 .about-why-choose-section .why-choose-card { 
 padding: 35px 18px 30px; 
 border-radius: 15px; 
 } 
 } 
.about-why-choose-section .why-choose-card svg { 
 fill: var(--title-color); 
 margin-bottom: 30px; 
 } 
.about-why-choose-section .why-choose-card h5 { 
 line-height: 1.5; 
 margin-bottom: 0; 
 } 
@media (min-width: 992px) and (max-width: 1199px) { 
 .about-why-choose-section .why-choose-card h5 { 
 font-size: 18px; 
 } 
 } 
@media (max-width: 767px) { 
 .about-why-choose-section .why-choose-card h5 { 
 font-size: 18px; 
 } 
 } 
.about-why-choose-section .why-choose-card:hover svg { 
 animation: bounceIn 1.2s linear; 
 } 
.about-why-choose-section .why-choose-card.two { 
 background-color: #F0F0F0; 
 } 
.about-why-choose-section .why-choose-card.three { 
 background-color: #E2E2FF; 
 } 
.about-why-choose-section .why-choose-card.four { 
 background-color: #BDEBCE; 
 } 

.about-video-section .video-wrap { 
 position: relative; 
 } 
.about-video-section .video-wrap img { 
 border-radius: 20px; 
 min-height: 400px; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 
@media (max-width: 767px) { 
 .about-video-section .video-wrap img { 
 min-height: 350px; 
 } 
 } 
@media (max-width: 576px) { 
 .about-video-section .video-wrap img { 
 border-radius: 10px; 
 } 
 } 
.about-video-section .video-wrap .play-btn { 
 width: 60px; 
 height: 60px; 
 background-color: var(--primary-color1); 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 z-index: 1; 
 } 
@keyframes waves { 
 0% { 
 transform: translate(-50%, -50%) scale(0.2); 
 opacity: 0; 
 } 
 50% { 
 opacity: 0.9; 
 } 
 100% { 
 transform: translate(-50%, -50%) scale(0.9); 
 opacity: 0; 
 } 
 } 
.about-video-section .video-wrap .play-btn .waves-block { 
 display: inline-block; 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 z-index: -1; 
 } 
.about-video-section .video-wrap .play-btn .waves-block .waves { 
 position: absolute; 
 width: 110px; 
 height: 110px; 
 background: rgba(var(--primary-color1-opc), 0.7); 
 opacity: 0; 
 border-radius: 100%; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 z-index: -1; 
 animation: waves 3s ease-in-out infinite; 
 } 
.about-video-section .video-wrap .play-btn .waves-block .waves.wave-1 { 
 animation-delay: 0s; 
 } 
.about-video-section .video-wrap .play-btn .waves-block .waves.wave-2 { 
 animation-delay: 1s; 
 } 
.about-video-section .video-wrap .play-btn .waves-block .waves.wave-3 { 
 animation-delay: 2s; 
 } 
.about-video-section .video-wrap .play-btn i { 
 font-size: 25px; 
 color: var(--white-color); 
 line-height: 1; 
 margin-left: 2px; 
 } 
 
 .package-card .package-img-wrap .package-img img { 
 width: calc(100%); 
 height: 294px; 
 object-fit: cover; 
 } 


 .truncate-single-line { 
 display: block; 
 white-space: nowrap; /* Prevents text from wrapping to the next line */
 overflow: hidden; /* Hides any text that overflows the container */
 text-overflow: ellipsis; /* Displays an ellipsis (...) for truncated text */
 /* A fixed width or max-width is also necessary for truncation to occur */
 width: calc(100% - 20px); /* Example width, adjust as needed */
 } 


.package-card .package-content .btn-and-price-area .price-area span bdi { 
 display: flex; 
 } 

.inclusionList ul, .exclusionList ul, .accordion-body ul, .highlights-wrap ul { 
 padding: 0; 
 margin: 0; 
 } 

.inclusionList ul li, .exclusionList ul li, .accordion-body ul li, .highlights-wrap li, .inclusionList li { 
 display: block !important; 
 } 

.destination-img img { 
 height: 358px; 
 object-fit: cover; 
 display: block; 
 } 

.package-details-sidebar .nav-link { 
 flex: 1; 
 padding: 15px 15px; 
 margin: 0 10px 30px 0; 
 border: none; 
 border-radius: 4px !important; 
 background: #FFF; 
 color: #000 !important; 
 font-weight: 600; 
 } 

.package-details-sidebar .nav-link.active { 
 background: var(--black-color) !important; 
 color: #FFF !important; 
 } 

.homeTabs .nav { 
 display: flex; 
 justify-content: center; 
 margin-bottom: 30px; 
 } 

.homeTabs .nav .nav-link { 
 display: block; 
 padding: 15px 20px; 
 min-width: 150px; 
 border-radius: 10px; 
 font-size: 18px; 
 font-weight: 500; 
 letter-spacing: 0.5px; 
 color: #000; 
 margin: 0 10px; 

 } 

.homeTabs .nav .nav-link.active { 
 background: #000; 
 color: #FFF; 
 } 


@media screen and (max-width:480px) { 
 .contact-area.d-xl-none.d-flex { 
 display: none !important; 
 } 

a.primary-btn1.black-bg.d-xl-none.d-flex { 
 display: none !important; 
 } 

.menu-close-btn { 
 display: none !important; 
 } 
 }