/*===========================

  01.COMMON CSS 

===========================*/

@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: #1781FE;

  --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;

}



/*================================================

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;

}

@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);

}



.src-airport-content h1{

  font-size: 60px;

  color: white;

}





.primary-btn1 {

  background-color: var(--primary-color1);

  font-family: var(--font-poppins);

  font-weight: 600;

  font-size: 15px;

  color: var(--white-color);

  letter-spacing: 0.48px;

  line-height: 1;

  padding: 20px 24px;

  border-radius: 10px;

  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 {

  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 {

  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 {

  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: #397cc1;

  color: var(--white-color);

}

.primary-btn1.black-bg::after {

  background-color: #65b902;

}

.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: #056aa8;

}

.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;

  /* display:  none !important; */

  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: 35px;

  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: 26px !important;

    text-align: center;

  }

}

@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 !important;

  font-weight: 400;

  line-height: 28px;

  padding-top: 20px;

  /* max-width: 545px; */

  width: 100%;

  margin: 0 auto;

  text-align: center;

}

@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: 0 15px;

  }

}

@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: #ffffffd1;

  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;

}

@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: 25px;

  max-width: 25px;

  height: 25px;

  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: 15px;

  line-height: 1;

  transition: 0.5s;

  line-height: 23px;

}

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: inline-block;

}

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: 600;

  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 5px;

  }

}

@media (max-width: 1399px) {

  header.style-2 .main-menu > ul > li > a {

    padding: 32px 6px;

    font-size: 15px;

  }

}

@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: 18px;

  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(--primary-color1);

}

.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: 60px 0px;

  }

}

@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, #65b90269 0%, #65b90269 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: 60px 0px 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: auto;

  height: auto;

  width: 100%;

  -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 !important;

  height: 101px;

}

@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;

  text-align: center;

}

.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: 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) {

  .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: 10px;

  overflow: hidden;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

}

@media (max-width: 1199px) {

  .partner-section .partner-wrap .marquee {

    gap: 10px;

  }

}

@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: 10px;

  min-width: 100%;

  animation: scroll-x 30s linear infinite;

}





@media (max-width: 1199px) {

  .partner-section .partner-wrap .marquee .marquee__group {

    gap: 10px;

  }

}

@media (max-width: 576px) {

  .partner-section .partner-wrap .marquee .marquee__group {

    gap: 20px;

  }

}

.partner-section .partner-wrap .marquee .marquee__group a img {

  width: 150px;

}

@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: 200px;

  width: 100%;

  object-fit: cover;

  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: 11px 16px 40px !important;

}

@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: 2px;

}

@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: 60px 0px;

}

@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: 20px;

  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: 16px;

  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: 20px;

  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: white;

}

.counter-section .single-counter .icon.yellow svg {

  fill: #ffffff;

}

.counter-section .single-counter .icon.orange svg {

  fill: #ffffff;

}

.counter-section .single-counter .icon.green svg {

  fill: #ffffff;

}

.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: white;

  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: white;

  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: linear-gradient(180deg, #397cc1 0%, #397cc1 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: 60px 0 60px;

}

@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-top: 40px;

  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-color);

  font-family: var(--font-roboto);

  font-weight: 400;

  font-size: 18px;

  line-height: 24px;

  transition: 0.5s;

}

.footer-section .footer-menu-wrap .footer-logo-and-addition-info .address-area a:hover {

  color: white;

}

@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-top: 30px;

}

@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: #fff;

  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: #397cc1;

  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);

}

@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 #b9b9b9;

}

.footer-section .footer-bottom .copyright-and-payment-method-area {

  display: flex;

  align-items: center;

  justify-content: space-evenly;

  gap: 20px;

  flex-wrap: wrap;

}

.social-list li a {

    color: #1781fe;

    background: white;

    padding: 10px;

    border-radius: 50%;

}

@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-color);

  font-family: var(--font-poppins);

  font-weight: 500;

  font-size: 14px;

  line-height: 1.8;

  margin-bottom: 0;

  text-align: center;

}

.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: 550px;

    height: 550px;

  }

}

@media (max-width: 1399px) {

  .home2-banner-section .banner-wrapper .banner-video-area {

    min-height: 550px;

    height: 550px;

  }

}

@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: 550px;

    height: 550px;

  }

}

@media (max-width: 1399px) {

  .home2-banner-section .banner-wrapper .banner-video-area video {

    min-height: 550px;

    height: 550px;

  }

}

@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;

}

@media (min-width: 1400px) and (max-width: 1599px) {

  .home2-banner-section .banner-wrapper .banner-img-area {

    min-height: 550px;

    height: 550px;

  }

}

@media (max-width: 1399px) {

  .home2-banner-section .banner-wrapper .banner-img-area {

    min-height: 550px;

    height: 550px;

  }

}

@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: 550px;

    height: 550px;

  }

}

@media (max-width: 1399px) {

  .home2-banner-section .banner-wrapper .banner-img-area img {

    min-height: 550px;

    height: 550px;

  }

}

@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: 0;

  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: 60px 0px;

  }

}

@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: 590px;

  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: 800;

  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: 600;

  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, #397cc124 0%, #397cc157  100%);

  background-size: cover;

  background-repeat: no-repeat;

  padding: 150px 0px 50px 0; 

  /* margin-top: -50px; */

}

@media (max-width: 1199px) {

  .home2-about-section {

    padding: 90px 0;

  }

}

@media (max-width: 991px) {

  .home2-about-section {

    padding: 140px 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: #397cc1;

  font-family: var(--font-roboto);

  font-weight: 600;

  font-size: 19px;

  line-height: 28px;

  transition: 0.5s;

  text-align: center;

    align-items: center;

    flex-direction: column;

}

@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: 60px 0px;

  }

}

@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;

  min-height: 200px;

  -o-object-fit: cover;

     object-fit: cover;

  transition: all 0.5s ease-out;

}

.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);

}

@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: 20px 0px;

}

@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);

}

@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-destination-bg.png), linear-gradient(180deg, #F2F2FF 0%, #F2F2FF 100%);

  background-size: cover;

  background-repeat: no-repeat;

  padding: 60px 0px;

}

@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;

  height: 145px;

}

@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;

  }

      .home4-feature-section .feature-card h4 {

        font-size: 14px;

        margin-bottom: 8px;

        line-height: 20px;

    }

    .footer-section {

    background: linear-gradient(180deg, #397cc1 0%, #397cc1 100%);

    background-size: cover;

    background-repeat: no-repeat;

    margin-bottom: 40px;

}

}

@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;

}

.home3-destination-section .feature-and-rating-area .single-feature .icon  i{

  min-width: 60px;

  max-width: 60px;

  height: 60px;

  font-size: 25px;

  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-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-tour-guide-bg.png), linear-gradient(180deg, #FFF2E2 0%, #FFF2E2 100%);

  background-size: cover;

  background-repeat: no-repeat;

  padding: 60px 0px;

}

@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: 60px 0px 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: 55px 40px 50px !important;

  background-color: #65B904;

  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;

  /* justify-content: center; */

  margin-bottom: 20px;

}

.home4-feature-section .feature-card .icon i {

  display: inline-block;

  margin-bottom: 20px;

  font-size: 55px; 

  color: white;

  

}

@media (max-width: 576px) {

  .home4-feature-section .feature-card .icon {

    margin-bottom: 15px;

  }

}

.home4-feature-section .feature-card h4 i {

    color: white;

  

    font-size: 55px;

    

}

.home4-feature-section .feature-card h4 {

  color: white;

  font-family: var(--font-poppins);

  font-weight: 600;

  font-size: 25px;

  line-height: 35px;

  margin-bottom: 30px;

  margin-left: 20px;

  display: flex;

    justify-content: left;

    gap: 20px;

}

@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: 16px;

    line-height:20px;

    margin-bottom: 8px;

  }

}

.home4-feature-section .feature-card p {

  color: white;

  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: #397cc170;

}

.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: 60px 0px;

}

@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: 60px 0px 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: 20px 0px;

}

@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;

  text-align: justify;

  font-size: 18px !important;

  font-family: var(--font-roboto);

}

@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;

    hyphens: auto;

  }

}

@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: 60px 0px;

}

@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: 550px;

    height: 550px;

  }

}

@media (max-width: 1399px) {

  .home6-banner-section .banner-wrapper .banner-img-area {

    min-height: 550px;

    height: 550px;

  }

}

@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: 550px;

    height: 550px;

  }

}

@media (max-width: 1399px) {

  .home6-banner-section .banner-wrapper .banner-img-area img {

    min-height: 550px;

    height: 550px;

  }

}

@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: 60px 0px;

  }

}

@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: 60px 0px;

}

@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;

  height: 500px;

}

.home7-banner-section-2 {

  overflow: hidden;

  position: relative;

  height: 550px !important;

}

.home7-banner-section-3 {

  overflow: hidden;

  position: relative;

  height: 450px !important;

}

.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: 550px;

  }

}

@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: 21%;

  left: 0;

  width: 100%;

  padding: 160px 0;

  z-index: 2;

}

.home7-banner-section-2 .banner-wrapper .banner-content-wrap {

  position: absolute;

  top: 40px !important;

  left: 0;

  width: 100%;

  padding: 160px 0;

  z-index: 2;

}

.home7-banner-section-3 .banner-wrapper .banner-content-wrap {

  position: absolute;

  top: 40px !important;

  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: 60px 0px;

  }

}

@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: white;

  font-family: var(--font-poppins);

  font-weight: 400;

  font-size: 25px;

  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: 60px 0px 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: 60px 0px;

  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 !important;

  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/home1/about-img-shape.png);

          mask-image: url(../img/home1/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: 60px 0px;

}

@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: 60px 0px;

}

@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: 550px;

  }

}

@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: 60px 0px 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:#397cc1;

  padding: 60px 0px;

  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: #65b904;

  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: 17px !important;

  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: 550px;

  }

}

@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: 30px 0px !important;

}

@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 !important;

  }

}

@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: 60px 0px;

  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: 30px 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: 550px;

  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: 60px 0px 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(--primary-color1);

  border-color: var(--primary-color1);

}

.destination-page .nav-pills .nav-item .nav-link.active {

  color: var(--white-color);

  background-color: var(--primary-color1);

  border-color: var(--primary-color1);

}



/*=====================================

  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;

}

@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 40px;

  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: 40px;

}

@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: 32px;

  line-height: 1;

}

@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: 40px;

}

@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: 60px 0px;

}

@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;

  height: 100%;

}

@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: 0px;

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

  border-radius: 20px;

  background: #f3fff3;

}

@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;

  }

  .destination-dt-travel-season-section .travel-season-card .travel-season-top-area .travel-season-img img {

  max-width: 100% !important;

  min-width: 100% !important;

  width: 100%;

  border-radius: 10px;

}

}

@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: 500px;

  min-width: 500px;

  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: 600;

  font-size: 15px;

  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(--black-color);

  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: #c3f2c3;

  border-radius: 100px;

  margin: 20px;

}

@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: #397cc157;

  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: #65b90269;

}



.contact-page .single-contact.four {

  background-color: #e8eee1;

}



.contact-page .single-contact.five {

  background-color: #dfe9f3;

}





.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: 550px;

  }

}

@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: 60px 0px;

  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: 550px;

    height: 550px;

  }

}

@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: 60px 0px;

}

@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: 100% !important;

    height: 100% !important;

    border-radius: 0px;

    overflow: hidden;

    display: flex;

    justify-content: center;

}

@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;

  height: 115px;

}

@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: 18px;

  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);

}

@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;

}

@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;

}

@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: 10px;

  padding-top: 10px;

}

.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: 60px 0px;

}

@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;

}/*# sourceMappingURL=style.css.map */





.floating-social-right {

   position: absolute;

    top: 55%;

    right: 0px;

    transform: translateY(-50%);

    display: flex;

    flex-direction: column;

    gap: 0px;

    z-index: 9999;

}



.floating-social-right a {

  padding: 12px 15px;

  margin: 5px 0;

  text-decoration: none;

  color: #fff;

  font-size: 20px;

  width: 45px;

  text-align: center;

  border-radius: 5px 0 0 5px;

  transition: 0.3s;

}



.floating-social-right a:hover {

  padding-right: 22px;

}





/* Official brand colors */

.whatsapp { background: #25D366; }   

.facebook { background: #1877F2; }  

.twitter { background: #1DA1F2; }    

.instagram { background: #E4405F; } 

.linkedin { background: #0077B5; }

.youtube { background: #d41111; }   



/* Mobile View */

@media (max-width: 768px) {

  .floating-social-right {

    top: 50%;

    bottom: 20px;        /* move to bottom on mobile */

    right: 10px;         /* small spacing */

    flex-direction: column;

  }

  .home7-banner-section .banner-wrapper .banner-content-wrap {

    position: absolute;

    top: 0%;

    left: 0;

    width: 100%;

    padding: 160px 0;

    z-index: 2;

}



  .floating-social-right a {

    padding: 10px;

    margin: 4px 0;

    font-size: 16px;     /* smaller icons */

    width: 40px;

    height: 40px;

    border-radius: 50%;  /* rounded buttons */

    display: flex;

    align-items: center;

    justify-content: center;

  }



  .floating-social-right a:hover {

    padding-right: 10px; /* disable slide hover for mobile */

  }

}

 

.quote-btn-fixed {

    position: fixed;

    left: 0;

    top: 40%;

    background: #397cc1;

    color: #fff;

    padding: 12px 10px;

    border-radius: 0px 8px 8px 0px;

    font-weight: 600;

    cursor: pointer;

    border: none;

    z-index: 9999;

    writing-mode: vertical-rl !important;

    text-orientation: mixed;

    text-decoration: none;

    

}





.mobile-cta {

  display: none !important;

}







@media (max-width: 767px) {

  .mobile-cta {

    display: flex !important;

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 45px;

    background-color: #397cc1;

    color: #fff;

    z-index: 9999;

    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.25);

  }



  .mobile-cta .cta-btn {

    font-size: 1rem;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

    transition: background 0.3s ease;

  }



  .mobile-cta .cta-btn:hover {

    background-color: #2a6db0;

  }





}



.marquee__group {

    display: flex;

    animation: scroll 20s linear infinite;

}



.marquee__group a {

    margin-right: 10px;

}



@keyframes scroll {

    0% {

        transform: translateX(100%);

    }

    100% {

        transform: translateX(-100%);

    }

}



.footer-logo-and-addition-info .widget-title h5

{

  font-size: 23px;

  color: #fff !important;

  display: inline-block;        

    padding-bottom: 8px;          

    

}

@media (min-width: 992px) { 

.footer-menu-wrap .row {

    position: relative;

    padding-top: 15px;

}



.footer-menu-wrap .row::after {

    content: "";

    position: absolute;

    top: 85px;   

    left: 0;

    width: 100%;

   border-top: 2px dotted #ffffff;

    

}

}

.footer-support-icon {

    position: fixed;

    bottom: 20px;     

    right: 20px;       

    z-index: 9999;   

    cursor: pointer;

}



.footer-support-icon img {

    width: 50px;      

    height: 50px;

    border-radius: 50%;

    box-shadow: 0 4px 10px rgba(0,0,0,0.2);

}





/* .road-container {

    width: 100%;

    height: 278px;              

    background-image: url('../img/road-bg.png');

    background-size: contain;

    background-position: left;

    position: relative;

    overflow: hidden;

    background-repeat: no-repeat;

}

 */





/* Main background section */

.hero-banner {

    width: 100%;

    height: 400px;

    background: url("../img/road-line-1.jpg") no-repeat left bottom;

    background-size: contain;

    position: relative;

    overflow: hidden; 

}





.car-img {

    position: absolute;

    bottom: 0;

    max-width: 380px;

    width: 100%;

    animation: moveCar 12s linear infinite;

    transform: scaleX(-1);

}



@keyframes moveCar {

    0% {

        transform: translateX(-100%);   /* start off screen right */

    }

    100% {

        transform: translateX(100vw) ;   /* just move past the left edge */

    }

}





/* Responsive */

@media (max-width: 768px) {

    .hero-banner {

        height: 190px;

    }

    .car-img {

        max-width: 170px;

    }

}



.vertical-text {

  writing-mode: vertical-rl;

  display: inline-block;

}





.raise-quote {

    position: fixed;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    

    /* Button container */

    background: #1e73ff;

    color: white;

    padding: 12px 25px;

    border-radius: 0 8px 8px 0;

    font-size: 16px;

    font-weight: 600;



    /* Create vertical button */

    transform-origin: left top;

    transform: translateY(-50%) rotate(-90deg);



    white-space: nowrap;    

    display: inline-block !important; 

    z-index: 9999;

    cursor: pointer;

}





.marquee {

  display: flex;

  overflow: hidden;

  width: 100%;

  /* Set height based on image size */

  height: 100px;

  position: relative;

}



.marquee__group {

  display: flex;

  flex-shrink: 0; /* Important so it doesn't shrink */

  animation: marqueeScroll 30s linear infinite;

}



.marquee__group a {

  display: inline-flex;

  align-items: center;

  padding: 0 20px; /* spacing between logos */

}



.marquee__group img {

  height: 80px; /* Adjust size as needed */

  object-fit: contain;

}



@keyframes marqueeScroll {

  0% {

    transform: translateX(0);

  }

  100% {

    transform: translateX(-50%);

  }

}











.safety-section {

  background: linear-gradient(90deg, #7b5cff, #1dbf73);

  padding: 0px 0;

}



.phone-img {

  max-width: 520px;

  height: 500px;

  object-fit: cover;

  width: 100%;

  border-radius: 30px;

  /* box-shadow: 0 20px 40px rgba(0,0,0,0.25); */

}



.content-area {

  padding: 40px 10px;

}

.content-area p{

  text-align: justify;

  font-size: 18;

  font-family: var(--font-roboto);

}

.content-divider {

  width: 70%;

  border-top: 1px solid #ffffff;

  opacity: 1;

}



/* RESPONSIVE */

@media (max-width: 991px) {

  .content-area {

    padding: 30px;

    text-align: center;

  }



  .content-divider {

    margin: auto;

  }

}





.core-top-bar {

  /* background: linear-gradient(90deg, #0a6fa8, #43b89c); */

  padding: 12px 20px;

}



.core-label {

    background: linear-gradient(90deg, #0a6fa8, #43b89c);

border-top-left-radius: 10px;

border-top-right-radius: 10px;

  color: #ffffff;

  padding: 9px 135px;

  font-weight: 600;

  font-size: 20px;

  text-align: left;

}



.iso-label {

  color: #000;

  background: #7fd2e6;

  padding: 6px 16px;

  font-size: 14px;

  font-weight: 600;

}



.core-values-section {

  background: #056aa8;

  color: #fff;

}



.core-box {

  padding: 50px 40px;

  min-height: 100%;

}



.core-box p {

 

  text-align: justify;

  hyphens: auto;

  line-height: 1.7;

   font-size: 18;

  font-family: var(--font-roboto);

}



.core-title {

  font-size: 20px;

  font-weight: 400;

  display: flex;

  align-items: center;

  gap: 12px;

  color: white;

  /* font-family: var(--font-roboto); */

  margin-bottom: 25px;

}



.title-line {

 width: 5px;

    height: 49px;

    background: #35c5f0;

}



@media (max-width: 991px) {

  .core-box {

    border-right: none !important;

    border-bottom: 1px solid rgba(255,255,255,0.3);

  }



  .core-title {

    font-size: 24px;

  }

}













.fundamentals-section {

  padding: 70px 0;

  background: #f5f9fc;

}



.fundamentals-heading {

  background: #d9ebf7;

  display: inline-block;

  padding: 10px 20px;

  font-size: 22px;

  font-weight: 600;

  color: #0a6fa8;

}



.fundamental-card {

  background: #ffffff;

  border-radius: 8px;

  padding: 30px;

  height: 100%;

  box-shadow: 0 10px 30px rgba(0,0,0,0.08);

  transition: transform 0.3s ease;

}



.fundamental-card:hover {

  transform: translateY(-6px);

}



.icon-box {

  width: 50px;

  height: 50px;

  background: #056aa8;

  color: #fff;

  border-radius: 6px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 22px;

  margin-bottom: 15px;

}



.fundamental-card h5 {

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 10px;

}



.fundamental-card p {

  font-size: 18;

  font-family: var(--font-roboto);

  color: #272626;

  line-height: 1.6;

  text-align: justify;

  hyphens: auto;

}



/* RESPONSIVE */

@media (max-width: 991px) {

  .fundamentals-heading {

    font-size: 20px;

  }

}



.leadership-section {

  background: #f5f9fc;

}



.leadership-content {

  background: #65B904;

  padding: 70px 60px;

}



.section-title {

  font-size: 30px;

  font-weight: 600;

  color: #ffffff;

  margin-bottom: 25px;

}



.leadership-content p {

  font-size: 18;

  font-family: var(--font-roboto);

  line-height: 1.7;

  color: #ffffff;

  margin-bottom: 18px;

  text-align: justify;

  hyphens: auto;

}



.leader-name {

  margin-top: 30px;

  font-weight: 600;

  font-size: 18px;

  color: #ffffff;

}



.leader-name span {

  display: block;

 font-size: 18;

  font-family: var(--font-roboto);

  font-weight: 400;

  color: #ffffff;

  margin-top: 4px;

}



.leadership-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



/* RESPONSIVE */

@media (max-width: 991px) {

  .leadership-content {

    padding: 40px 30px;

  }



  .section-title {

    font-size: 26px;

  }



  .leadership-image img {

    height: auto;

  }

}





.awards-section{

  padding:70px 0;

  background:#f5f9fc;

}

.award-card{

  background:#056aa8;

  padding:25px;

  text-align:center;

  border-radius:8px;

  box-shadow:0 8px 25px rgba(0,0,0,0.08);

  height:100%;

}

.award-card img{

  max-height:80px;

  margin-bottom:15px;

}

.award-card h5{

  font-size:19px;

  font-weight:600;

  color: white;

}

.award-card p{

  font-size: 18;

  font-family: var(--font-roboto);

  color:#ffffff;

}

.award-card span{

  display:block;

  margin-top:10px;

  font-weight:600;

  color:#ffffff;

}

#awardsCarousel .carousel-control-prev,

#awardsCarousel .carousel-control-next {

  width: 50px;

  top: 50%;

  transform: translateY(-50%);

}



#awardsCarousel .carousel-control-prev {

  left: -60px;   /* move outside left */

}



#awardsCarousel .carousel-control-next {

  right: -60px;  /* move outside right */

}



/* Style arrows */

#awardsCarousel .carousel-control-prev-icon,

#awardsCarousel .carousel-control-next-icon {

  background-color: #0a6fa8;

  border-radius: 50%;

  padding: 18px;

  background-size: 60%;

}



/* Mobile fix */

@media (max-width: 767px) {

  #awardsCarousel .carousel-control-prev {

    left: 0;

  }

  #awardsCarousel .carousel-control-next {

    right: 0;

  }

   .phone-img {

  max-width: 320px;

  height: 300px;

  object-fit: cover;

  width: 100%;

  border-radius: 30px;

  /* box-shadow: 0 20px 40px rgba(0,0,0,0.25); */

}

.content-area h1{

  font-size: 20px;

}

.core-label {

    background: linear-gradient(90deg, #0a6fa8, #43b89c);

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    color: #ffffff;

    padding: 9px 39px;

    font-weight: 600;

    font-size: 20px;

    text-align: left;

}

}

















.service-slider {

  width: 100%;

  position: relative;

  overflow: hidden;

  font-family: Arial, sans-serif;

}



.slider {

  position: relative;

  height: 450px;

}



.slide-1 {

  position: absolute;

  inset: 0;

  background-size: cover;

  background-position: center;

  opacity: 0;

  transition: opacity 1s ease-in-out;

}



.slide-1.active {

  opacity: 1;

}



/* Dark overlay */

.slide-1::before {

  content: "";

  position: absolute;

  inset: 0;

  background: rgba(0, 0, 0, 0.6); /* adjust opacity here */

  z-index: 1;

}



/* Content on image */

.slide-content {

 position: relative;

  z-index: 2;

  max-width: 900px;

  padding: 40px;

  color: #fff;

  text-align: center;



  /* Center vertically & horizontally */

  position: absolute;

  top: 50%;

  left: 50%;

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

}



.slide-content h2 {

  font-size: 45px;

  margin-bottom: 15px;

  color: white;

}



.slide-content p {

  font-size: 19px;

  line-height: 1.7;

}



/* Dots */

.slider-nav {

  position: absolute;

  bottom: 20px;

  left: 50%;

  transform: translateX(-50%);

}



.slider-nav .dot {

  height: 12px;

  width: 12px;

  margin: 0 5px;

  background: #ccc;

  border-radius: 50%;

  display: inline-block;

  cursor: pointer;

}



.slider-nav .dot.active {

  background: #fff;

}



/* Responsive */

@media (max-width: 768px) {

  .slider {

    height: 350px;

  }



  .slide-content {

    padding: 30px;

  }



  .slide-content h2 {

    font-size: 26px;

  }



  .slide-content p {

    font-size: 15px;

  }

}









@media (max-width: 767px) {

    .package-card .package-img-wrap .package-img img {

        min-height: auto;     /* remove forced height */

        height: auto;

        object-fit: contain;  /* show full image */

        width: 100%;

    }

}





.training-wrapper {

    background: #397BC2 ;

    padding: 40px;

    border-radius: 30px;

    color: #fff;

}



.badge-title {

    display: inline-block;

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

    padding: 8px 18px;

    border-radius: 30px;

    font-size: 14px;

    margin-bottom: 15px;

}



.main-title {

    font-size: 40px;

    margin-bottom: 35px;

    font-weight: 700;

    color: white;

}



.glass-card {

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

    backdrop-filter: blur(12px);

    border-radius: 18px;

    padding: 16px 20px;

    margin-bottom: 18px;

    display: flex;

    align-items: center;

    gap: 14px;

    transition: all 0.35s ease;

    height: 125px;

}



.glass-card i {

    font-size: 22px;

    color: #ffffff ;

}



.glass-card span {

    font-size: 18px;

}



.glass-card:hover {

    transform: translateY(-8px) scale(1.03);

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

}



.image-glow {

    position: relative;

}



.image-glow img {

    width: 100%;

    border-radius: 25px;

    /* box-shadow: 0 25px 60px rgba(0,0,0,0.4); */

}



/* Responsive */

@media (max-width: 768px) {

    .training-wrapper {

        padding: 30px;

    }

    .main-title {

        font-size: 30px;

    }

}















/* Wrapper */

.slanted-wrapper{

    display:flex;

    justify-content:center;

    align-items:center;

    gap: 80px;

    max-width:1200px;

    margin:auto;

    margin-top: 30px;

    margin-bottom: 30px;

}



/* Card */

.slanted-card{

    width:360px;

    height:300px;

    transform: skewX(0deg);

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

    position:relative;

}



/* slight crossing like image */

.slanted-card:not(:first-child){

    margin-left:-40px;

}



/* Inner content (unskew text) */

.slanted-content{

    transform: skewX(0deg);

    padding:35px 30px;

    color:#fff;

}



/* Colors */

.orange{

    background: linear-gradient(to right, #397cc1, #397cc1);

    z-index:3;

}

.peach{

    background: linear-gradient(to right, #65B904, #65B904);

    z-index:2;

}

.gray{

     background: linear-gradient(to right, #397cc1, #397cc1);

    z-index:1;

}



/* List */

.slanted-content p{

    margin:0 0 12px 0;

    font-size:18px;

    line-height:1.4;

    position:relative;

    padding-left:18px;

}



/* .slanted-content p::before{

    content:"•";

    position:absolute;

    left:0;

    top:0;

    color:#fff;

    font-size:20px;

    line-height:1;

} */



/* Tablet */

@media(max-width: 992px){

    .slanted-card{

        width:300px;

        height:210px;

    }

    .slanted-card:not(:first-child){

        margin-left:-30px;

    }

}



/* Mobile */

@media(max-width: 576px){

    .slanted-wrapper{

        flex-direction:column;

    }

    .slanted-card{

        width:100%;

        transform: skewX(-8deg);

    }

    .slanted-content{

        transform: skewX(8deg);

    }

    .slanted-card:not(:first-child){

        margin-left:0;

        margin-top:25px;

    }

}



@media(max-width: 768px){



.slanted-wrapper {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 30px;

    gap: 20px;

    max-width: 1200px;

    margin: auto;

    margin-top: 30px;

    margin-bottom: 30px;

}

    .slanted-content {

        transform: skewX(0deg);

    }

        .slanted-card {

        width: 100%;

        height: auto;

    }

}







.src-airport-section {

  width: 100%;

  height: 70vh;

  position: relative;

  overflow: hidden;

  font-family: 'Segoe UI', sans-serif;

}



.src-airport-slider {

  width: 100%;

  height: 100%;

  position: relative;

}



/* Slides */

.src-airport-slide {

  position: absolute;

  inset: 0;

  background-size: cover;

  background-position: center;

  opacity: 0;

  transform: translateX(100%);

  transition: all 0.9s ease;

}



.src-airport-slide.src-active {

  opacity: 1;

  transform: translateX(0);

  z-index: 2;

}



.src-airport-slide.src-prev {

  transform: translateX(-100%);

}



/* Overlay */

.src-airport-overlay {

  position: absolute;

  inset: 0;

  background: rgba(0,0,0,0.55);

}



/* Centered Content */

.src-airport-content-wrap {

  position: relative;

  z-index: 3;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

}



.src-airport-content {

  max-width: 750px;

  padding: 40px;

  color: #fff;

}



.src-airport-content h2 {

  font-size: 45px;

  margin-bottom: 16px;

  color:white;

}



.src-airport-content p {

  font-size: 18px;

  line-height: 1.8;

}



/* List */

.src-airport-list {

  list-style: none;

  padding: 0;

  margin-top: 20px;

}



.src-airport-list li {

  position: relative;

  padding-left: 32px;

  margin-bottom: 12px;

  text-align: left;

}



.src-airport-list li::before {

  content: "✔";

  position: absolute;

  left: 0;

  color: #00B67A;

  font-weight: bold;

}



.src-airport-two-col {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 12px 30px;

}



/* Arrows */

.src-airport-arrow {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  background: rgba(0,0,0,0.5);

  color: #fff;

  border: none;

  width: 46px;

  height: 46px;

  border-radius: 50%;

  cursor: pointer;

  font-size: 22px;

  z-index: 5;

}



.src-airport-prev { left: 20px; }

.src-airport-next { right: 20px; }



/* Pagination */

.src-airport-pagination {

  position: absolute;

  bottom: 25px;

  width: 100%;

  display: flex;

  justify-content: center;

  gap: 10px;

  z-index: 5;

}



.src-airport-dot {

  width: 10px;

  height: 10px;

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

  border-radius: 50%;

  cursor: pointer;

}



.src-airport-dot.active {

  background: #397cc1;

}



/* Responsive */

@media (max-width: 768px) {

  .src-airport-content h2 {

    font-size: 24px;

  }



  .src-airport-two-col {

    grid-template-columns: 1fr;

  }

}



.src-why-section {

  padding: 60px 20px;

  background: #f8f9fa;

}



.src-why-container {

  max-width: 1200px;

  margin: auto;

  display: grid;

  grid-template-columns: repeat(5, 1fr);

  gap: 20px;

}



.src-why-item {

  background: linear-gradient(135deg, #65b904, #056aa8);

  padding: 25px 15px;

  text-align: center;

  border-radius: 10px;

  box-shadow: 0 8px 25px rgba(0,0,0,0.08);

  transition: transform 0.3s ease;

}



.src-why-item:hover {

  transform: translateY(-6px);

}



.src-why-icon {

  font-size: 34px;

  color: white;

  margin-bottom: 12px;

}



.src-why-item p {

  font-size: 18px;

  line-height: 1.6;

  color: white;

  margin: 0;

}

.src-why-section h3{

  text-align: center;

  margin-bottom: 30px;

}



/* Tablet */

@media (max-width: 992px) {

  .src-why-container {

    grid-template-columns: repeat(3, 1fr);

  }

}



/* Mobile */

@media (max-width: 576px) {

  .src-why-container {

    grid-template-columns: 1fr;

  }

}





.airport-transfer-section {

    padding: 60px 20px;

    background: linear-gradient(135deg, #056aa8, #65b904);

    color: #fff;

}



.airport-container {

    max-width: 1200px;

    margin: auto;

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));

    gap: 30px;

}



.airport-card {

    background: #ffffff;

    color: #333;

    border-radius: 14px;

    padding: 30px;

    box-shadow: 0 15px 30px rgba(0,0,0,0.15);

    transition: transform 0.3s ease;

}



.airport-card:hover {

    transform: translateY(-6px);

}



.airport-card h2 {

    font-size: 22px;

    margin-bottom: 15px;

    color: #056aa8;

}



.airport-card p {

    font-size: 18px;

    margin-bottom: 20px;

    line-height: 1.6;

}



.airport-points {

    display: grid;

    grid-template-columns: repeat( minmax(220px, 1fr));

    gap: 12px;

}



.airport-point {

    display: flex;

    align-items: baseline;

    gap: 10px;

    font-size: 18px;

}



.airport-point i {

    color: #65b904;

    font-size: 16px;

}



.location-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));

    gap: 12px;

    margin-top: 15px;

}



.location-item {

    background: #f5f9ff;

    padding: 10px 14px;

    border-radius: 8px;

    font-size: 18px;

    display: flex;

    align-items: center;

    gap: 8px;

}



.location-item i {

    color: #056aa8;

}



/* Mobile tweaks */

@media (max-width: 576px) {

    .airport-card h2 {

        font-size: 20px;

    }

}



.slanted-card-1 {

    width: 500px;

    height: 230px;

    transform: skewX(0deg);

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

    position: relative;

}

.slanted-content h5{

  color: white;

  text-align: center;

}



.tile-section {

    padding: 60px 20px;

    background: #f7f9fc;

}



.tile-container {

    max-width: 1200px;

    margin: auto;

}



.tile-title {

    font-size: 26px;

    color: black;

    margin-bottom: 30px;

    text-align: center;

}



.tile-grid {

    display: grid;

    grid-template-columns: repeat(6, 1fr); /* 6 in one line */

    gap: 25px;

}

@media (max-width: 992px) {

    .tile-grid {

        grid-template-columns: repeat(3, 1fr);

    }

}



/* Mobile */

@media (max-width: 576px) {

    .tile-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

.tile {

    position: relative;

    border-radius: 14px;

    overflow: hidden;

    height: 260px;

}



.tile img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.tile-overlay {

    position: absolute;

    inset: 0;

    background: linear-gradient(to top, rgba(0,0,0,0.65), rgba(0,0,0,0.2));

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    padding: 20px;

    color: #fff;

}



.tile-overlay h3 {

    font-size: 18px;

    margin-bottom: 6px;

    color: white;

}



.tile-overlay p {

    font-size: 13px;

    opacity: 0.9;

}



/* Mobile */

@media (max-width: 576px) {

    .tile {

        height: 220px;

    }

}





.popular-places {

    display: grid;

    grid-template-columns: repeat(5, 1fr); /* 5 in one row */

    gap: 25px;

}



/* Tablet */

@media (max-width: 992px) {

    .popular-places {

        grid-template-columns: repeat(3, 1fr); /* 3 per row */

    }

}



/* Mobile */

@media (max-width: 576px) {

    .popular-places {

        grid-template-columns: repeat(2, 1fr); /* 2 per row */

    }

}







.home2-about-section-service {

    background-image: url(../img/home2/home2-about-bg.png), linear-gradient(180deg, #397cc124 0%, #397cc157 100%);

    background-size: cover;

    background-repeat: no-repeat;

    padding: 24px 0px 50px 0;

    /* margin-top: -50px; */

}



.location-grid-2 {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: 12px;

    margin-top: 15px;

}











.event-split {

  background: linear-gradient(135deg, #f9fafb, #eef5f0);

}



.split-point {

  display: flex;

  align-items: center;

  gap: 14px;

  background: #ffffff;

  padding: 14px 18px;

  border-radius: 14px;

  margin-bottom: 16px;

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

  transition: transform 0.3s ease;

}



.split-point i {

  color: #65b904;

  font-size: 18px;

}



.split-point span {

  font-weight: 500;

  color: #333;

  font-size: 20px;

}



.split-point:hover {

  transform: translateX(6px);

}



.center-image {

  height: 480px;

  object-fit:contain;

  border-radius: 22px;

  box-shadow: 0 15px 35px rgba(0,0,0,0.15);

}



/* Mobile adjustments */

@media (max-width: 991px) {

  .split-point:hover {

    transform: none;

  }

}













.client-logo-section {

    padding: 60px 0;

    background: linear-gradient(135deg, #fafafa, #ffffff);

}



.clientLogoSwiperAlt {

    padding: 40px 0;

}



/* Card */

.logo-card {

    background: #ffffff;

    border-radius: 18px;

    padding: 25px;

    height: 110px;

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);

    transition: all 0.4s ease;

}



.logo-card img {

    max-width: 130px;

    max-height: 60px;

    filter: grayscale(100%);

    transition: all 0.4s ease;

}



/* Active center slide */

.swiper-slide-active .logo-card {

    transform: scale(1.12);

    box-shadow: 0 15px 40px rgba(197, 41, 31, 0.25);

}



.swiper-slide-active img {

    filter: grayscale(0%);

}









/* Mobile */

@media (max-width: 768px) {

  

    .logo-card {

        height: 95px;

    }

}











.bangalore-coverage {

    /* background: linear-gradient(135deg, #fff5f4, #ffffff); */

    padding: 45px 20px;

    border-radius: 16px;

}



.coverage-header h2 {

    font-weight: 800;

    margin-bottom: 6px;

    text-align: center;

}



.coverage-header p {

    color: #666;

    margin-bottom: 22px;

      text-align: center;

}



.coverage-track {

    display: flex;

    justify-content: center;

    gap: 14px;

    overflow-x: auto;

    white-space: nowrap;

    padding-bottom: 14px;

    scrollbar-width: none;

}



.coverage-track::-webkit-scrollbar {

    display: none;

}



.coverage-pill {

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 12px 20px;

    border-radius: 40px;

    background: linear-gradient(135deg, #056aa8, #65b904);

    color: #fff;

    font-size: 14px;

    font-weight: 600;

    /* box-shadow: 0 8px 22px rgba(197, 41, 31, 0.35); */

    flex-shrink: 0;

    transition: all 0.35s ease;

}



.coverage-pill i {

    font-size: 13px;

}



.coverage-pill:hover {

    transform: translateY(-4px) scale(1.04);

    /* box-shadow: 0 12px 28px rgba(197, 41, 31, 0.45); */

}



.coverage-footer {

    margin-top: 20px;

   

  font-size: 18px;

    color: #444;

      text-align: center;

    font-weight: 500;

}







/* Mobile polish */

@media (max-width: 576px) {

    .coverage-header h2 {

        font-size: 22px;

    }

}





.clean-ul li{

  font-size:17px ;

  color: #000;

}

.package-card-2 {

    padding: 10px;

    height: 400px;

    border-radius: 20px;

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

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

}





.visa-package-grid-section .visa-package-card .visa-package-card-11 {

    padding: 9px 20px;

    text-align: center;

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

    border-radius: 15px;

    transition: 0.5s;

    position: relative;

    margin-top: -50px;

    height: 61px;

}







.rac-section {

  background: linear-gradient(180deg, #f8f9fa, #ffffff);

}



.rac-badge {

  background: rgba(13, 110, 253, 0.1);

  color: #0d6efd;

  padding: 8px 18px;

  font-size: 14px;

  border-radius: 50px;

}



.rac-card {

  background: #fff;

  border-radius: 16px;

  padding: 35px 25px;

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);

  transition: all 0.3s ease;

}



.rac-card:hover {

  transform: translateY(-8px);

  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);

}



.rac-icon {

  width: 70px;

  height: 70px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 auto;

  color: #fff;

  font-size: 28px;

}



.rac-footer-text {

  font-size: 18px;

  color: #333;

}





.driver-apply-section {

  padding: 30px 0;

  background: linear-gradient(135deg, #65b904, #3c7f00);

}



.eligibility-list {

  display: flex;

  flex-direction: column;

  gap: 16px;

}



.eligibility-box {

  display: flex;

  align-items: center;

  gap: 14px;

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

  padding: 14px 18px;

  border-radius: 12px;

  color: #fff;

  font-size: 18px;

  backdrop-filter: blur(4px);

}



.eligibility-box i {

  font-size: 22px;

}



.image-card {

  background: #fff;

  padding: 10px;

  border-radius: 18px;

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

}



.image-card img {

  width: 100%;

  border-radius: 14px;

  object-fit: contain;

}





.src-benefits-section {

  padding: 30px 0;

  background: #f9fafb;

}



.src-benefits-section h2 {

  font-size: 32px;

  font-weight: 600;

  color: #1f2937;

}



.src-benefits-section p {



  margin-top: 10px;

  text-align: center;

}



/* Benefit list */

.benefits-list {

  display: flex;

  flex-direction: column;

  gap: 26px;

  background-color: #65b904;

  padding: 20px;

  border-radius: 10px;

}



/* Individual row */

.benefit-row {

  display: flex;

  align-items: flex-start;

  gap: 20px;

  padding: 22px 24px;

  background: #ffffff;

  border-radius: 12px;

  border-left: 4px solid #65b904;

  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);

  transition: all 0.25s ease;

}



/* Hover effect (very subtle, professional) */

.benefit-row:hover {

  transform: translateY(-2px);

  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.08);

}



/* Icon */

.benefit-row i {

  font-size: 22px;

  color: #65b904;

  margin-top: 4px;

  min-width: 24px;

}



/* Title */

.benefit-row h6 {

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 4px;

  color: #111827;

}



/* Description */

.benefit-row p {

  font-size: 14px;

  color: #6b7280;

  margin: 0;

}

.benefits-grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 20px 25px;

}



/* Mobile: switch to 1 column */

@media (max-width: 768px) {

    .benefits-grid {

        grid-template-columns: 1fr;

    }

}



/* Mobile refinement */

@media (max-width: 768px) {

  .benefit-row {

    padding: 18px;

  }

}

.src-training-section {

  padding: 30px 0;

  background: #ffffff;

}



.src-training-section h2 {

  font-size: 32px;

  font-weight: 600;

  color: #1f2937;

}



.training-list.two-column {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 18px 24px;

}



.training-row {

  display: flex;

  align-items: center;

  gap: 14px;

  padding: 14px 18px;

  background: #65b904;

  border-radius: 10px;

  border-left: 4px solid #65b904;

}



.training-row i {

  font-size: 20px;

  color: white;

  min-width: 22px;

}



.training-row span {

  font-size: 18px;

  color: white;

}



/* Mobile: switch to single column */

@media (max-width: 768px) {

  .training-list.two-column {

    grid-template-columns: 1fr;

  }

}



/* .training-image {

  background: #ffffff;

  padding: 1px;

  border-radius: 16px;

  box-shadow: 0 18px 40px rgba(0,0,0,0.15);

} */



.training-image img {

  width: 100%;

  border-radius: 2px;

  object-fit: contain;

}



.src-chauffeur-makes{

  background-color: #eaeaea;

  padding-top: 30px;

  padding-bottom: 30px;

}

.src-chauffeur-makes h6{

  font-size: 22px;

     color: rgb(101, 185, 4);

}

.what-makes-row{

  border: 1px solid white;

  background-color: white;

}

.locations-name{

  font-size: 18px;

  color: #000;

  font-weight: 600;

}

.india-map{

  height: 300px;

  width: 100%;

  object-fit: contain;

}





.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: 38px;

    line-height: 1.1;

    margin-bottom: 50px;

}

.home7-banner-section .banner-wrapper .banner-content-wrap .banner-content > .span-content {

    color: white;

    font-family: var(--font-poppins);

    font-weight: 500;

    font-size: 22px;

    line-height: 1;

    display: block;

    margin-bottom: 20px;

}



.home8-contact-section .contact-wrapper .contact-content .primary-btn2 {

    margin-top: 10px !important;

}



.fleet-mosaic {

  padding: 30px 0;

  background: white;

}



.mosaic-title {

  text-align: center;

  font-size: 38px;

  font-weight: 700;

  margin-bottom: 60px;

}



.mosaic-grid {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 30px;

}



.mosaic-box {

  position: relative;

  border-radius: 6px;

  overflow: hidden;

  background: #fff;

}



.mosaic-box img {

  width: 100%;

  height: 220px;

  object-fit: cover;

  border: 1px solid;

}







.mosaic-text {

  padding: 20px;

  background-color: #397cc1;

  height: 100%;

 

}



.mosaic-text h4 {

  font-size: 22px;

  font-weight: 600;

   color: white;

}



.mosaic-text p {

  font-size: 17px;

  color: white;

  margin-top: 8px;

  line-height: 1.6;

}



/* Tablet */

@media (max-width: 991px) {

  .mosaic-grid {

    grid-template-columns: repeat(2, 1fr);

    gap: 20px;

  }



  .mosaic-title {

    font-size: 32px;

    margin-bottom: 40px;

  }



  .mosaic-text h4 {

    font-size: 20px;

  }



  .mosaic-text p {

    font-size: 16px;

  }

}



/* Mobile */

@media (max-width: 767px) {

  .fleet-mosaic {

    padding: 20px 0;

  }



  .mosaic-grid {

    grid-template-columns: 1fr;

    gap: 20px;

  }



  .mosaic-title {

    font-size: 26px;

    margin-bottom: 30px;

    padding: 0 15px;

  }



  .mosaic-box img {

    height: 200px;

  }



  .mosaic-text {

    padding: 16px;

  }



  .mosaic-text h4 {

    font-size: 18px;

  }



  .mosaic-text p {

    font-size: 15px;

    line-height: 1.5;

  }

}





.requirements-flow {

  padding: 90px 0;

  background-color: #efefef;

}



.flow-title {

  text-align: center;

  font-size: 34px;

  font-weight: 700;

  margin-bottom: 70px;

}



.timeline {

  position: relative;

  max-width: 900px;

  margin: auto;

}



.timeline::before {

  content: '';

  position: absolute;

  top: 0;

  bottom: 0;

  left: 50%;

  width: 3px;

  background: #e5e7eb;

  transform: translateX(-50%);

}



.timeline-item {

  display: flex;

  align-items: center;

  margin-bottom: 60px;

  position: relative;

}



.timeline-item.left {

  justify-content: flex-end;

  text-align: right;

}



.timeline-item.right {

  justify-content: flex-start;

  text-align: left;

}



.timeline-item .content {

  width: 40%;

}



.timeline-item.left .content {

  margin-right: 40px;

}



.timeline-item.right .content {

  margin-left: 40px;

}



.timeline-item h4 {

  font-size: 20px;

  font-weight: 600;

  margin-bottom: 8px;

}



.timeline-item p {

  font-size: 15px;

  color: #555;

  line-height: 1.6;

}



.icon-line {

  width: 56px;

  height: 56px;

  border-radius: 50%;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 24px;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  z-index: 2;

}



/* Icon Colors */

.icon-line.red { background: #397cc1; }





.note {

  text-align: center;

  margin-top: 50px;

  font-size: 17px;

  color: #000;

}

.content.box {

  background: #ffffff;

  padding: 22px 24px;

  border-radius: 12px;

  box-shadow: 0 10px 25px rgba(0,0,0,0.08);

  border-left: 4px solid #22c55e;

}



.timeline-item.right .content.box {

  margin-left: 40px;

}



.timeline-item.left .content.box {

  margin-right: 40px;

}



.content.box h4 {

  font-size: 19px;

  font-weight: 600;

  margin-bottom: 8px;

      text-align: left;



}



.content.box p {

  font-size: 15px;

  color: #555;

  line-height: 1.6;

}



@media (max-width: 768px) {



  /* Remove center line */

  .timeline::before {

    left: 20px;

  }



  /* Stack items */

  .timeline-item {

    flex-direction: row;

    justify-content: flex-start;

    text-align: left;

  }



  /* Icon position */

  .icon-line {

    left: 5px;

    transform: none;

    width: 44px;

    height: 44px;

    font-size: 18px;

  }



  /* Full-width box */

  .timeline-item .content {

    width: 100%;

  }



  .content.box {

    margin-left: 70px !important;

    margin-right: 0 !important;

    padding: 18px 20px;

  }



  /* Reduce text size slightly */

  .content.box h4 {

    font-size: 17px;

  }



  .content.box p {

    font-size: 14px;

  }

}























/* =============== */



@media (max-width: 768px) {

    .primary-btn1 {

        width: 100%;

    }



    .primary-btn1 span {

        font-size: 13px;

        padding: 10px 12px;

    }

}













  .client-road-section {

        padding: 60px 15px;

        background: #fff;

        border-top: 1px solid;

    }



    .container-road {

        display: flex;

        align-items: start;

        justify-content: space-evenly;

        width: 800px;

        margin: auto;

    }



    .side-headings {

        position: absolute;

        top: -40px;

        width: 374px;

        text-align: center;

      

        background: linear-gradient(90deg, #397cc1, #1dbf73);

        padding: 10px;

        color: white;

        height: 100px;

    }



    .side-headings h4 {

        font-size: 19px;

        color: white;

    }



    .left-heading {

        left: 0;

    }



    .right-heading {

        right: 0;

    }



    .container-road {

        position: relative;

        padding-top: 80px;

    }



    .logos {

        display: flex;

        flex-direction: column;

        gap: 1px;

    }



    .logos img {

        /* max-width: 200px; */

        width: 100%;

        /* padding: 10px; */



        border-radius: 10px;

        background: #fff;

    }





    .road-wrapper {

        flex: 1;

        display: flex;

        justify-content: center;

    }





    .road {

        position: relative;

        width: 430px;

        height: 2900px;

        border-radius: 90px;

        overflow: hidden;

    }





    .road-bg {

        position: absolute;

        top: 0;

        left: 50%;

        transform: translateX(-50%);

        height: 100%;

        width: 100%;

        object-fit: contain;

        z-index: 1;

        pointer-events: none;

    }



    @media (max-width: 991px) {



        .container-road {

            display: grid;

            grid-template-columns: 1fr 120px 1fr;

            gap: 10px;

            align-items: start;

        }



        .logos {

            gap: 12px;

        }



        .logos img {

            max-width: 100%;

            padding: 6px;

        }



        .road {

            width: 100%;

        }



        .road-bg {

            width: 100%;

            height: auto;

        }





    }



    @media (max-width: 768px) {



        .container-road {

            display: grid;

            grid-template-columns: 60px 110px 60px;

            /* left | road | right */

            justify-content: center;

            gap: 30px;

            width: 100%;

        }



        .logos {

            align-items: center;

            gap: 12px;

        }



        .logos img {

            height: 56px;

            /* small logos */

            width: 100%;

            object-fit: contain;

            padding: 2px;

        }



        .road {

            width: 110px;

            height: 1080px;

            object-fit: contain;

        }



        .road-bg {

            width: 100%;

            height: auto;

        }



        .side-headings {

            position: absolute;

            top: -40px;

            width: 156px;

            display: flex;

            justify-content: space-between;

            gap: 30px;

            text-align: start;

        }



        .side-headings h4 {

            font-size: 10px;

        }



        .container-road {

            position: relative;

            padding-top: 70px;

        }

    }





 .fleet-heading{

    font-weight: 600;

    max-width: 900px;

    font-size: 22px;

    margin: 0 auto 20px;

}

.gallery-item{


}



.gallery-box {

    width: 100%;

    aspect-ratio: 1 / 1;   

    overflow: hidden;

    border-radius: 12px;

    /* box-shadow: 0 4px 12px rgba(0,0,0,0.1); */

    transition: transform 0.3s ease;

}



.gallery-box img {

    width: 100%;

    height: 100%;

    object-fit: cover;     

    transition: transform 0.4s ease;

}



.gallery-box:hover img {

    transform: scale(1.08);

}

.gallery-tabs{

   border-bottom: 1px solid #050505;

    padding-bottom: 20px;

    margin-top: 60px;

}



   .gallery-tabs .nav-link {

           position: relative;

    overflow: hidden;

    border-radius: 10px;

   padding: 8px 18px;

    font-size: 15px;

    margin-right: 10px;

           

    border: none;

    font-weight: 600;

    transition: 0.3s ease;

        }



.gallery-tabs .nav-link:hover{

  color: white;

}





        /* .gallery-tabs .nav-link.active {

            background: #397cc1;

            color: #fff;

        } */



        .gallery-tabs .nav-link.active::before {

    content: "";

    position: absolute;

    top: 0;

    left: -100%;

    width: 60%;

    height: 100%;

    background: linear-gradient(

        120deg,

        rgba(255,255,255,0) 0%,

        rgba(255,255,255,0.7) 50%,

        rgba(255,255,255,0) 100%

    );

    transform: skewX(-25deg);

    animation: shineMove 2s linear infinite;

}





@keyframes shineMove {

    0% {

        left: -100%;

    }

    100% {

        left: 150%;

    }

}



        .gallery-box {

            overflow: hidden;

            border-radius: 10px;

        }



        .gallery-box img {

            width: 100%;

            height: 250px;

            object-fit: cover;

            border-radius: 10px;

            transition: 0.4s ease;

            cursor: pointer;

        }



        .gallery-box:hover img {

            transform: scale(1.08);

        }



        .back-ribbon {

    position: relative;

    overflow: hidden;

   

    background-color: #f6f6f6;

    /* border-top: 1px solid ; */

}





.back-ribbon::before

{

    content: "";

    position: absolute;

    background-image: url('../img/ribbon.png'); 

    background-repeat: no-repeat;

    background-size: contain;

    width: 170px;

    height: 170px;

    z-index: 0;

    opacity: 0.9;

}

.back-ribbon::after {

    content: "";

    position: absolute;

    background-image: url('../img/ribbon.png'); 

    background-repeat: no-repeat;

    background-size: contain;

    width: 140px;

    height: 140px;

    z-index: 0;

    opacity: 0.9;

}



.back-ribbon::before {

    top: 10px;

    left: -18px;

    transform: rotate(10deg);

}





.back-ribbon::after {

    top: 0;

    right: 0;

    transform: scaleX(1);  

}





.gallery-section .corner-bottom-right {

    position: absolute;

    bottom: 0;

    right: 50px;

    width: 240px;

    height: 240px;

    background-image: url('../img/ribbon.png');

    background-repeat: no-repeat;

    background-size: contain;

    transform: rotate(90deg);

    opacity: 0.9;

    z-index: 0;

}

@media (max-width: 768px) {

    .back-ribbon::before,

    .back-ribbon::after,

    .gallery-section .corner-bottom-right {

        background-size: contain;

        width: 100px;

        height: 100px;

    }

    .gallery-tabs {

    border-bottom: 1px solid #050505;

    padding-bottom: 10px;

    margin-top: 50px;

    display: flex;

    flex-direction: column;

    gap: 8px;

}

.back-ribbon::before {

    top: 10px;

    left: -18px;

    transform: rotate(0deg);

}

}





.fleet-color{

 

            background: #397cc1;

            color: #fff;

}

.vehicle-color{

  background: #65b904;

           color: white;

}

.opeations-color{

  background-color:#bcbcbc;

  color: white;

}

.celebrations-color{

  background-color: black;

  color: white;

}

.award-color{

  background-color:#6ca6e2 ;

  color: white;

}

.gallery-color{

 background: linear-gradient(90deg, #397cc1, #1dbf73);

  color: white;

}



.auto-scroll {

    overflow: hidden;

    white-space: nowrap;

    width: 100%;

    background: #fff;

}



.scroll-track {

    display: inline-flex;

    animation: scroll 20s linear infinite;

}



.scroll-track img {

    height: 280px;

    margin-right: 20px;

    border-radius: 8px;

}



@keyframes scroll {

    from {

        transform: translateX(0);

    }

    to {

        transform: translateX(-50%);

    }

}

.view-more{

  margin-top: 10px;

    text-align: center;

}



.view-btn{

    display: inline-block;

    padding: 10px 30px;

    /*background: #397cc1;*/

    color: #fff;

    text-decoration: none;

    border-radius: 25px;

    width: auto;          

}





.swiper-slide iframe {

  width: 100%;

  aspect-ratio: 16 / 9;  

  height: auto;

  display: block;

  border: none;

  border-radius: 14px;

}



.video-scroll-section {

  padding: 20px 0;

  /*background: #000;*/

}



.videoSwiper {

  width: 95%;

  margin: auto;

  padding-bottom:10px;

}



.swiper-slide iframe {

  width: 100%;

  height: 250px;

  border-radius: 10px;

}



.swiper-button-next,

.swiper-button-prev {

  color: #fff;

}









.home7-banner-section-3 .banner-wrapper .banner-content-wrap-1 {

    position: absolute;

    top: 40px !important;

    left: 18% !important;

    width: 100%;

    /* padding: 160px 0; */

    z-index: 2;

}



#scrollTopBtn {

    position: fixed;

    bottom: 88px;

    right: 24px;

    background: #65B904;      

    color: #fff;

    border: none;

    width: 45px;

    height: 45px;

    border-radius: 50%;

    font-size: 18px;

    cursor: pointer;

    display: none;            

    z-index: 9999;

    transition: 0.3s ease;

}



#scrollTopBtn:hover {

    background: #0056b3;

}