@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?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&display=swap');


:root {
    --text-color: #757783;
    --heading-font-family: "DM Sans", sans-serif;
    --text-font-family:"Poppins", sans-serif;
    --theme-color1: #E8604C;
    --theme-color2: #313041;
    --bs-breadcrumb-divider: '\e628';
    }

body{
  overflow-x:hidden;
  font-family: var(--text-font-family);
}


.offcanvas{
transition: all .7s ease;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
}


header{
padding: 30px 0 0;
  position: absolute;
  z-index: 99;
  width: 100%;
}

header::before{
position: absolute;
  content: '';
  left: 50%;
  bottom: -30px;
  transform: translateX(-50%);
  width: 200px;
  height: 110px;
  border-radius: 50%;
  background-color: #fff;
}

header .row{
border-radius: 100px;
 /* background-color: rgba(255, 255, 255, 0.6);  */
  /* backdrop-filter: blur(8px); */
  background: #fff;
  padding: 12px 0px;
}

.logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo img{
width: 130px;
  position: absolute;
  top: 3px;
}

.navbar{
padding: 0;
}

.nav-link {
font-family: var(--text-font-family);
color: var(--text-color);
text-transform: uppercase;
font-weight: 500;
transition: .4s ease;
-webkit-transition: .4s ease;
-moz-transition: .4s ease;
}

.navbar-expand-lg .navbar-nav .nav-link {
padding: 18px 18px;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .nav-link:focus, .nav-link:hover {
color: var(--theme-color1);
}
.dropdown-item {
font-family: var(--text-font-family);
color: var(--text-color);
padding: 8px 15px;
  letter-spacing: 0.2px;
}


.top-btn a{
text-decoration: none;
  background-color: var(--theme-color2);
  color: var(--bs-white);
  font-family: var(--heading-font-family);
  font-weight: 500;
  padding: 10px 18px;
position: relative;
  overflow: hidden;
  border-radius: 30px;
  display: flex;
  z-index: 9;
  gap: 8px;
  align-items: center;
  margin-left: 10px;
  margin-top: 4px;
}

.top-btn a::before {
    content: "";
    position: absolute;
    transition-duration: .8s;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--theme-color1);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
}

.top-btn a:hover::before {
    top: -40%;
}

.top-btn a img{
  width: 32px;
  filter: invert(100%);
}


.carousel-caption h2{
font-family: var(--heading-font-family);
  font-weight: 600;
  font-size: 38px;
}

.carousel-caption p{
font-family: var(--text-font-family); 
font-size: 15px; 
}

.carousel-caption a{
  font-family: var(--text-font-family);
}

.carousel-caption{
right: 38%;
  left: 12%;
  color: #fff;
  padding: 15px;
  text-align: left;
  bottom: 5%
}

.ban2{
  right: 10%;
  left: 50%;
}
.carousel-item{
  z-index: 9;
}

.carousel-item::before{
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
   background: linear-gradient(360deg, rgba(0, 0, 0, 0.8)  20%, transparent 50%);
   z-index: 0;
}


.carousel-caption a {
  font-family: var(--text-font-family);
  background-color: var(--theme-color1);
  color: var(--bs-white);
  text-decoration: none;
  display: inline-block;
  padding: 12px 22px;
  border-radius: 30px;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  z-index: 9;
  font-size: 15px;
  transition: .4s;
    -webkit-transition: .4s;
      -moz-transition: .4s;
}

.carousel-caption a:hover{
  color: var(--theme-color1);
}

.carousel-caption a span{
padding-right: 4px;
font-size: 17px;
}
.carousel-caption a i{
  padding-left: 4px;
  position: relative;
  top: 1px;
}


.carousel-caption a::before {
  content: "";
  position: absolute;
  transition-duration: .8s;
  width: 200%;
  height: 200%;
  top: 110%;
  left: 50%;
  background: #fff;
  transform: translateX(-50%);
  border-radius: 50%;
  z-index: -1;
}

.carousel-caption a:hover::before {
  top: -40%;
}

.carousel .carousel-item.active .animated1 {
  -webkit-animation: fadeInRight 1s ease-in-out 500ms both;
  animation: fadeInRight 1s ease-in-out 500ms both;
}
.carousel .carousel-item.active .animated2 {
  -webkit-animation: fadeInLeft 1s ease-in-out 500ms both;
  animation: fadeInLeft 1s ease-in-out 500ms both;
}
.carousel .carousel-item.active .animated3 {
  -webkit-animation: fadeInDown 1s ease-in-out 500ms both;
  animation: fadeInDown 1s ease-in-out 500ms both;    
}
.carousel .animated4 {
  -webkit-animation: fadeInUp 1s ease-in-out 500ms both;
  animation: fadeInUp 1s ease-in-out 500ms both;    
}


.carousel-caption {
transition: opacity 500ms;
}

.carousel .carousel-item img{
  width: 100%;
}


.carousel-inner > .carousel-item .carousel-caption {
  z-index: 99;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}

.carousel .carousel-item.active .carousel-caption {
  z-index: 99;
  opacity: 1;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;  
}

.carousel-fade .carousel-control {
  z-index: 2;
}
.carousel-control.right {
  background: none;
}
.carousel-control.left {
  background: none;
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: .6s;
  transition-property: opacity;
}


.sec-1{
padding: 50px 0;
/* background-color: #F6F8FB; */
}

.sec1-bx{
text-align: center;
border-right:1px dashed #ccc;
padding: 30px 20px;
height: 100%;
}

.sec1-bx span{
display: inline-block;
position: relative;
z-index: 9;
}

.sec1-bx span::after {
	position: absolute;
	content: "";
	width: 50px;
	height: 50px;
	top: -10px;
	left: -15px;
	border-radius: 100%;
	transition: all 0.3s ease;
	background-color: #d1d1d1;
  z-index: -1;
}

.sec1-bx:hover span::after {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
	height: 100px;
}

.sec-1 .row .col-lg-3:nth-child(1) .sec1-bx span::after{
background-color: #F8EFE4;
}

.sec-1 .row .col-lg-3:nth-child(2) .sec1-bx span::after{
  background-color:#E9F8E4;
}

.sec-1 .row .col-lg-3:nth-child(3) .sec1-bx span::after{
    background-color:#E4EEF8;
}

.sec-1 .row .col-lg-3:nth-child(4) .sec1-bx span::after{
    background-color:#F8E4F0;
}

.sec-1 .row .col-lg-3:nth-child(4) .sec1-bx{
  border: none;
}

.sec1-bx img {
  position: relative;
  display: inline-block;
  width: 90px;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

.sec1-bx h4{
font-family: var(--heading-font-family);
color: var(--theme-color1);
font-size: 22px;
margin-top: 15px;
}

.sec1-bx p{
font-family: var(--text-font-family);
color: var(--text-color);
font-size: 15px;  
line-height: 26px;
}


.sec-2{
padding: 50px 0;
position: relative;

}

.sec-2::before {
	position: absolute;
	content: '';
	height: 50%;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: -1;
  background: var(--theme-color1) url(../images/patern.png);
}

.sec2-title{
  z-index: 9;
}


.sec2-title h6{
color: var(--theme-color1);
position: relative;
display: inline-block;
}

.sec2-title h6::before{
  position: absolute;
  content: '';
  left: 0;
  bottom: -4px;
  height: 1px;
  width: 100%;
  background-color: var(--theme-color1);
}

.sec2-title h2{
  font-family: var(--heading-font-family);
  color: var(--theme-color2);
  font-size: 45px;
  font-weight: 700;
}

.sec2-title::before{
  position: absolute;
  content: '';
  animation-name: float-bob-x;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  width: 92px;
  height: 54px;
background: url(../images/shape-5.png);
z-index: -1;
right: 20%;
}

@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}

.sec2-bx a {
	text-decoration: none;
	display: block;
	border-radius: 12px;
	position: relative;
	overflow: hidden;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
  margin: 15px;
}

.sec2-bx a:hover{
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.sec2-content {
	padding: 18px 25px;
	background-color: var(--bs-white);
  border: 1px solid #EBE6DE;
  border-top: none;
  border-radius: 12px;
  position: relative;
  margin-top: -20px;
}

.sec2-content h4{
color: var(--theme-color2);
  font-weight: 700;
  font-size: 22px;
  font-family: var(--heading-font-family);
}

.sec2-mid h6, .sec2-content h6{
color: var(--text-color);
}

.sec2-content h6 i{
  color: var(--theme-color1);
  margin: 0;
  padding: 6px 0 12px;
}

.sec2-mid h6 span{
color: var(--theme-color1);
font-weight: 600;
font-size: 20px;
}


.sec2-content .review{
	color: var(--text-color);
  	font-size: 14px;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.sec2-content .review i{
	color: #fbad17;
	padding-right: 2px;
  	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}

.sec2-content .review .total-rating-value{
	position: absolute;
	top: -20px;
	left: 0;
	z-index: 1;
	opacity: 0;
	text-transform: uppercase;
	font-weight: 500;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	color: #fbad17;
}
.sec2-bx:hover .sec2-content .review i, .sec2-bx:hover .sec2-content .review div{
opacity: 0;
}


.sec2-bx:hover .sec2-content .review .total-rating-value{
  top: 0;
  opacity: 1
}

.sec2-content .sec2-bottom {
margin-top: 20px;
  padding: 6px 6px 6px 12px;
  background: #FAF8F4;
  border-radius: 12px;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
}

.sec2-content .sec2-bottom .ihp{
  font-size: 15px;
  color: var(--text-color);
}

.sec2-content .sec2-bottom .ihp i{
  color: var(--theme-color1);
  padding: 0 4px;
}

.sec2-content .sec2-bottom span{
  background-color: var(--theme-color1);
  color: #fff;
  padding: 10px 14px;
  border-radius: 12px;
  font-weight: 500;
  	-webkit-transition: all 0.35s;
	transition: all 0.35s;
  font-size: 15px;
}

.sec2-bx:hover .sec2-content .sec2-bottom span{
  background-color: var(--theme-color2);
}

.slick-prev, .slick-next, .slick-pre, .slick-nex{ 
  background-color:var(--theme-color2); /* Custom background color */ 
  border: none; /* Remove default border */ 
  color: #fff; /* Custom text color */ 
  cursor: pointer; /* Pointer cursor */ 
  position: absolute; top: 50%; 
  transform: translateY(-50%); 
  z-index: 1; 
  border-radius: 50%;
  width: 40px;
  height: 40px;
  } 

.slick-prev, .slick-pre { 
left: -30px;
} 

.slick-next, .slick-nex {
right: -30px; 
} 

.slick-prev::before, .slick-next::before, .slick-pre::before, .slick-nex::before {
content: ''; 
}

.sec-3{
  padding: 80px 0 60px;
  background: url(../images/sec3-bg.jpg);
  background-size: cover;
}

.sec3-left h3{
  font-size: 32px;
  color: var(--theme-color2);
  font-family: var(--heading-font-family);
  font-weight: 600;
}

.sec3-left h3 span{
  font-weight: 300;
  color: var(--theme-color1);
}


.sec3-right ul{
padding: 0;
}

.sec3-right ul li{
list-style: none;
line-height: 28px;
display: flex;
}

.sec3-right ul li i{
  padding-right: 6px;
  color: var(--theme-color1);
}


.s3-lt{
border-radius: 0px 200px 200px 100px;
padding: 28px;
background: var(--theme-color1);
color: var(--bs-white);
}

.s3-lt h4{
font-size: 28px;
}

.s3-lt h4 span{
font-weight: 200;
}

.s3-lt a{
  color: var(--bs-white);
  text-decoration: none;
  font-weight: 600;
  transition: .4s;
   -webkit-transition: .4s;
    -moz-transition: .4s;
}

.s3-lt a:hover{
  color: var(--theme-color2);
}

.sec3-mid{
  position: relative;
}

.sec3-mid img{
border-radius: 200px;
}



.sec3-right img {
  width: 100%;
  height: 210px;
  object-fit: cover;
  object-position: center center;
  border-radius: 397px 397px 397px 0px;
}

.sec3-mid-bx img{
  position: absolute;
  top: -40px;
  right: 0;
-ms-animation: rotate 12s linear infinite;
  -o-animation: rotate 12s linear infinite;
  -moz-animation: rotate 12s linear infinite;
  -webkit-animation: rotate 12s linear infinite;
  animation: rotate 12s linear infinite;
  z-index: 9;
}

@-webkit-keyframes rotate {
  from {
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.sec-3 p{
color: var(--text-color);
line-height: 30px;
}

.sec3-right h2{
  font-size: 45px;
  color: var(--theme-color2);
  font-family: var(--heading-font-family);
  letter-spacing: 0.5px;
  font-weight: 600;
}

.sec3-right h2 span {
  font-weight: 300;
  color: var(--theme-color1);
}

.sec-4{
background: url(../images/sec4-bg.jpg) center;
padding: 60px 0;
position: relative;
z-index: 9;
background-size: cover;
}

.sec-4::before{
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--theme-color2);
  opacity: 0.9;
  z-index: -1;
}

.sec4-right .review{
  color: var(--bs-white);
  margin-bottom: 15px;
  font-weight: 300;
}

.sec4-right .review i{
  color: #fbad17;
  font-size: 14px;
  padding-right: 2px;
}


.sec4-right h2{
font-size: 50px;
color: var(--bs-white);
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid rgba(255,255,255, 0.2);
font-family: var(--heading-font-family);
letter-spacing: 1px;
font-weight: 600;
}
.sec4-right h2 span{
  color: var(--theme-color1);
  font-weight: 200;
}

.sec4-right p{
color: var(--bs-white);
line-height: 30px;
padding-bottom: 25px;
}
.sec4-right ul{
padding-left: 0;
  display: flex;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  padding-bottom: 34px;
  margin-bottom: 34px;
}

.sec4-right ul li{
color: var(--bs-white);
  list-style: none;
  border-right: 1px solid rgba(255,255,255, 0.2);
  padding-right: 20px;
  margin-right: 20px;
  width: 30%;
  font-size: 20px;
  font-weight: 600;
}

.sec4-right ul li:nth-child(3){
  border:none;
}

.sec4-right ul li h6{
  opacity: 0.7;
  font-weight: 400;
}

.sec4-btm{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bkn{
  display: flex;
  color: var(--bs-white);
  gap:15px;
}

.bkn span{
  background: var(--theme-color1);
  color: var(--bs-white);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
}

.sec4-btm a {
  background: var(--theme-color1);
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 30px;
  padding: 12px 20px;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  text-decoration: none;
  color: var(--bs-white);
}

.sec4-btm a:hover{
  background-color:var(--bs-white);
  color: var(--theme-color1); 
}

.sec-5{
padding: 60px 0;
}


.sec-5 h6 {
	color: var(--theme-color1);
	position: relative;
	display: inline-block;
}

.sec-5 h6::before {
	position: absolute;
	content: '';
	left: 0;
	bottom: -4px;
	height: 1px;
	width: 100%;
	background-color: var(--theme-color1);
}

.sec-5 h2 {
	font-family: var(--heading-font-family);
	color: var(--theme-color2);
	font-size: 42px;
	font-weight: 700;
}

.sec-5 p {
	color: var(--text-color);
	line-height: 26px;
  font-size: 15px;
  margin: 0;
}

.why-bx{
  display: flex;
  margin-bottom: 20px;
  border: 1px solid #d1d1d1;
 box-shadow: 0 5px 15px rgba(15,23,42,.04);
 border: 1px solid rgba(15,23,42,.06);
  transition: .4s ease;
   -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
  border-radius: 28px;
  padding: 30px 25px;
  background: #fff;
}

.why-bx:hover {
	transform: translateY(-8px);
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  box-shadow: 0 10px 20px rgba(15,23,42,.1);
  border: 1px solid rgba(15,23,42,.1)
}

.why-bx i{
width: 60px;
  height: 60px;
  background-color: #FFE7E4;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  font-size: 20px;
  margin-right: 15px;
  color: var(--theme-color1);
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
}
.why-bx:hover i{
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
}

.why-bx div{
  width: 75%;
}

.why-bx h4{
  font-family: var(--heading-font-family);
  color: var(--theme-color2);
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 4px;
}

.sec-6{
padding: 60px 0;
background: url(../images/sec6-bg.jpg);
background-size: cover;
}


.sec6-outter{
display: flex;
flex-wrap: wrap;
gap: 18px;
justify-content: center;
}

.sec6-bx{
  position: relative;
  overflow: hidden;
  height: 340px;
  border-radius: 12px;
  margin-top: 25px;
width: 18.7%;
}

.sec6-bx::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 0.3;
	transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
	background-color: #000;
}

.c-dashed-line {
	left: 65%;
	top: -5%;
}

.c-dashed-line {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
  opacity: 0;
}

.c-dashed-line.c-dashed-line-1 {
  top: -15px;
}

 .c-dashed-line.c-dashed-line-2 {
	right: unset;
bottom: -25px;
  left: -30px;
	top: unset;
}

.c-dashed-line__dash {
	fill: none;
	stroke: #f0f0f0;
	stroke-dasharray: 5 4;
	stroke-width: 4;
}

.c-dashed-line .line-icon {
	fill: #fff;
	transition: all ease 1s;
	transition-delay: 1s;
	opacity: 0;
}

.sec6-bx:hover .c-dashed-line{
opacity: 1;
}

.sec6-bx:hover .c-dashed-line .line-icon {
	opacity: 1;
	transition-delay: 0s;
}


.sec6-bx svg .c-dashed-line__path {
	fill: none;
	stroke: #fff;
	stroke-dasharray: 840;
	stroke-dashoffset: 840;
	stroke-width: 2;
	animation: c-dashed-line-path-end 1.5s ease-in-out forwards;
}

.sec6-bx:hover svg .c-dashed-line__path {
	animation: c-dashed-line-path 1s ease-in-out forwards;
}

@keyframes c-dashed-line-path {
  from {
    stroke-dashoffset: 840; }
  to {
    stroke-dashoffset: 0; } }

.sec6-bx .sec6-content {
	display: flex;
	flex-direction: column;
	align-items: center;
  text-align: center;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 4;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
  color: #fff;
padding: 20px 20px 0;
}

.sec6-bx:hover .sec6-content {
	bottom: 26%;
}

.sec6-bx:hover::before {
	opacity: 0.7;
}

.sec6-bx:hover .c-dashed-line {
	opacity: 1;
}

.sec6-bx .sec6-content h4{
font-family: var(--heading-font-family);
font-weight: 700;
  font-size: 22px;
}

.sec6-bx .sec6-content p{
	font-size: 14px;
	opacity: 0;
	visibility: hidden;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
  text-align: center;
  margin: 0;
}

.sec6-bx:hover .sec6-content p{
	opacity: 1;
	visibility: visible;
}


.sec6-outter .sec6-bx:nth-child(2n) {
	margin-top: 70px;
}

.sec-7{
  padding: 50px 0 120px;
background:url(../images/sec7-bg.jpg) center fixed;
background-size: cover;
position: relative;
z-index: 9;
text-align: center;
color: #fff;
}

.sec-7::before{
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.8;
  z-index: -1;
}

.sec-7 h6 {
	color: var(--theme-color1);
	position: relative;
	display: inline-block;
}

.sec-7 h6::before {
	position: absolute;
	content: '';
	left: 0;
	bottom: -4px;
	height: 1px;
	width: 100%;
	background-color: var(--theme-color1);
}

.sec-7 h2 {
	font-family: var(--heading-font-family);
	color:#fff;
	font-size: 45px;
	font-weight: 700;
}

.sec-7 p{
padding: 10px 200px;
}

.sec-7 a{
text-decoration: none;
border: 2px solid #fff;
display: inline-block;
padding: 12px 30px;
border-radius: 30px;
margin: 0 6px;
font-weight: 600;
color: #fff;
position: relative;
  overflow: hidden;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
}

.sec-7 a i{
  padding-right: 5px;
}

.sec-7 a::before {
	content: "";
	position: absolute;
	transition-duration: .8s;
	width: 200%;
	height: 200%;
	top: 110%;
	left: 50%;
	background: var(--theme-color1);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index: -1;
}
.sec-7 a:hover::before {
	top: -40%;
}

.sec-7 a:hover{
  border: 2px solid var(--theme-color1);
}

.sec-8 .row{
background-color: var(--theme-color1);
border-radius: 100px;
  padding: 30px 0;
  margin-top: -70px;
  position: relative;
  z-index: 99;
}


.sec8-box{
display: flex;
gap: 15px;
justify-content: center;
}

.sec8-box h2 {
	font-family: var(--heading-font-family);
	position: relative;
	display: inline-block;
	font-weight: 900;
	font-size: 46px;
	margin: 0;
	color: #fff;
  letter-spacing: 0.5px;
}

.sec8-box h2::before {
	content: "\f067";
	position: absolute;
	display: inline-block;
	font-family: FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	top: -11px;
	font-weight: 600;
	right: -17px;
	font-size: 25px;
}

.sec8-box i{
  background: #fff;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  line-height: 80px;
  font-size: 32px;
  color: var(--theme-color2);
  box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}

.sec8-box p{
  	color: #fff;
    margin: 0;
}

.sec-9{
padding: 60px 0;
background: url(../images/sec9-bg.png) bottom center no-repeat;
}

.sec-9 .sec2-title::before {
display: none;
}

.sec9-bx{
  text-align: center;
  margin: 34px 20px;
}

.sec9-bx p {
	color: var(--text-color);
	line-height: 28px;
  font-size: 15px;
}

.testimonial-rate {
	color: #FFB300;
margin: 15px 0;
}

.sec9-bx h4{
color: var(--theme-color1);
  font-family: var(--heading-font-family);
  margin-bottom: 0;
  font-weight: 600;
  position: relative;
  z-index: 9;
}

.sec9-bx h6{
color: var(--bs-gray-600);
  font-weight: 400;
   position: relative;
  z-index: 9;
}

.sec9-bx h4::before{
position: absolute;
  content: "\f10e";
  bottom: -48px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: var(--bs-gray-100);
  font-size: 90px;
  margin: auto 12px;
  z-index: -1;
}

.sec-9 .slick-prev, .sec-9 .slick-next {
	background-color: var(--theme-color1);
}

.inner-banner {
	padding: 220px 0 110px;
	background: url("../images/inner-banner.jpg");
	background-size: cover;
	position: relative;
	z-index: 9;
  color: #fff;
  text-align: center;
}

.inner-banner::before, .tour-banner::before {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
background-color: #181820;
  opacity: 0.85;
	z-index: -1;
}

.inner-banner::after, .tour-banner::after{
  position: absolute;
  content:'';
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 45px;
  background: url(../images/line.png);
}

.tour-banner{
  background:url('../images/inner-tour-banner.jpg');
	background-size: cover;
	position: relative;
	z-index: 9;
  color: #fff;
  text-align: center;
  padding: 250px 0 160px;
}

.in-ban-title h5{
font-weight: 400;
  font-size: 16px;
  background: var(--theme-color1);
  display: inline-block;
  padding: 6px 12px;
  border-radius: 30px;
}
.review{
  color:#fbad17;
}

.in-ban-title h1{
font-family: var(--heading-font-family);
text-transform: uppercase;
font-weight: 800;
letter-spacing: 0.5px;
}
.in-ban-title ul{
  display: inline-flex;
  justify-content: center;
  border: 1px solid rgba(255,255,255,0.4);
  padding: 4px 15px;
  border-radius: 30px;
  position: relative;
}

.in-ban-title ul::before{
  position: absolute;
  content: '';
left: -40px;
  top: -10px;
  background: url(../images/title-icon.png);
width: 38px;
  height: 36px;
  transform: rotateX(180deg);
}

.in-ban-title ul li{
font-size: 15px;  
color: var(--theme-color1);
}

.in-ban-title ul li a{
  text-decoration: none;
  color: #fff;
  padding-right: 4px;
}


.inner-matter{
padding: 60px 0;
}

.inner-matter p{
	font-family: var(--text-font-family);
	color: var(--text-color);
	font-size: 15px;
	line-height: 26px;
}

.tour-page{
  padding: 60px 0;
}

.side-booking {
	font-family: var(--text-font-family);
  border-radius: 15px;
  margin-top: -150px;
}

.side-booking label{
  font-weight: 500;
  font-family: var(--heading-font-family);
  color: var(--theme-color1);
  margin-top: 8px;
}

.side-booking form{
   border-radius: 0 0 15px 15px;
}

.side-price{
background-color: var(--theme-color1);
border-radius: 15px 15px 0 0;
}

.side-price h4 span{
	color: rgba(255, 255, 255, .85);
	font-weight: 400;
	letter-spacing: 0.2px;
  font-size: 16px;
}


.mini-card{
  display: flex;
  gap: 15px;
}

.mini-card i{
  background: rgb(242, 255, 240);
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: rgb(77, 166, 39);
  font-size: 20px;
}

.mini-card small {
	color: var(--text-color);
	display: block;
}

.mini-card h5{
  font-family: var(--heading-font-family);
  font-weight: 600;
  color: var(--theme-color2);
}


.tour-info h3, .side-booking h3{
font-family: var(--heading-font-family);
color: var(--theme-color1);
position: relative;
margin-bottom: 15px;
}

.tour-info h3::before, .side-booking h3::before{
  position: absolute;
  content: '';
  left: 0;
  bottom: -3px;
  width: 30px;
  height: 2px;
  background-color:var(--bs-gray-400);
}

.tour-page p{
color: var(--text-color);
  line-height: 26px;
}

.tour-info ul li{
list-style: none;
color: var(--text-color);
  line-height: 26px;
}

.tour-info ul li i{
  color: var(--theme-color1);
}

.tour-info h5{
  font-family: var(--heading-font-family);
  color: var(--theme-color2);
}

.tour-info h5 i{
  color: var(--theme-color1);
  padding-right: 5px;  
}

.tour-photo a{
display: block;
position: relative;
z-index: 9;
overflow: hidden;
border: 1px solid #e5e5e5;
  padding: 4px;
  margin: 0 0 15px;
}

.tour-photo a img {
	transition: transform 0.25s ease-in-out;
}
.tour-photo a:hover img{
transform: scale(1.055);
}

.tour-photo a::before{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 0.25s ease-in-out;
  z-index: 1;
  border-radius: var(--bs-border-radius-lg);
}
.tour-photo a:hover::before{
opacity: 1;
}

.tour-photo a i {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	opacity: 0;
	color: #fff;
	transition: opacity 0.25s ease-in-out;
	transform: translate(-50%,-50%);
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.55);
	border-radius: 50%;
  font-size: 1.25rem;
}

.tour-photo a:hover i{
  opacity: 1;
}

.side-booking .form-control, .side-booking .form-select {
	padding: 11px 16px 11px 48px;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
   font-size: 15px;
}

.side-booking .form-control {
	padding-left: 15px !important;
  font-size: 15px;
}

.form-select:focus, .form-control:focus {
	border-color: var(--theme-color1);
	box-shadow: none;
}

#baseTourPrice, #totalPrice {
	color: var(--theme-color1);
	font-size: 32px;
	font-weight: 700;
  font-family: var(--heading-font-family);
}


.side-booking .btn {
	background: var(--theme-color1);
	color: var(--bs-white);
	text-transform: uppercase;
	font-family: var(--heading-font-family);
	padding: 12px 30px;
	font-size: 15px;
	border-radius: 30px;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	position: relative;
	overflow: hidden;
	z-index: 9;
	border: none;
	text-decoration: none;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
}

.side-booking .btn:hover {
	background-color: var(--theme-color2);
}

.side-booking h4{
  font-family: var(--heading-font-family);
}

.side-booking a{
  text-decoration: none;
  color: var(--text-color);
}

.side-booking .wts{
background-color:#25D366;
  color: #fff;
  font-size: 14px;
  padding: 10px 14px;
  display: inline-block;
  border-radius: 30px;
  margin-top: 6px;
}

.side-booking .cmt{
background-color: var(--theme-color2);
  color: #fff;
  font-size: 14px;
  padding: 10px 14px;
  display: inline-block;
  border-radius: 30px;
  margin-top: 6px;
}


.tour-sec {
	padding: 60px 0;
}


.tour-details h2{
font-family: var(--heading-font-family);
color: var(--theme-color1);
font-weight: 600;
}

.tour-book label {
padding-bottom: 3px;
  font-weight: 600;
  color: var(--theme-color2);
  font-family: var(--heading-font-family);
}

.tour-book .form-control{
padding: 11px 16px 11px 40px;
margin-bottom: 15px;
font-size: 15px;
}

.tour-book i{
font-size: 14px;
color: var(--bs-gray-600);
}

.tour-book span{
position: absolute;
  padding: 40px 13px;
  color: var(--bs-gray-600);
}

.tooltip-inner{
  font-family: var(--text-font-family);
  letter-spacing: 0.2px;
}

.bk-side{
  display: flex;
  gap:16px;
  margin-bottom:15px;
}

.bk-side h5{
font-size: 17px;
}

.bk-side p{
font-size: 14px;
}

.tour-book .btn{
  background: var(--theme-color2);
  color: var(--bs-white);
  text-transform: uppercase;
  font-family: var(--heading-font-family);
  padding: 12px 30px;
  font-size: 15px;
  border-radius: 30px;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  position: relative;
  overflow: hidden;
  z-index: 9;
  border: none;
  text-decoration: none;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s
}
.tour-book .btn:hover{
  background: var(--theme-color1);
}

.tour-sec p {
	color: var(--text-color);
	line-height: 26px;
	letter-spacing: 0.2px;
}

.tour-sec h4, .tour-sec h3{
font-family: var(--heading-font-family);
  color: var(--theme-color1);
  font-weight: 600;
}


footer{
padding: 50px 0 15px;
background: #16151e url(../images/footer-bg.png);
background-size:cover; 
}


.f-links h4{
color: var(--bs-white);
font-size: 23px;
position: relative;
margin-bottom: 15px;
font-family: var(--heading-font-family);
}


.f-links h4::before {
  display: inline-block;
  width: 20px;
  content: '';
  height: 1px;
  background: var(--theme-color1);
  margin-bottom: 7px;
  margin-right: 10px;
}

.f-links ul{
  padding: 0;
}

.f-links ul li{
list-style: none;
line-height: 28px;
}

.f-links ul li a{
text-decoration: none;
color: rgba(255,255,255,0.7);
display: block;
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
  font-size: 15px;
  font-weight: 300;
  line-height: 30px;
}

.f-links ul li a i{
  padding-right: 5px;
  color: var(--theme-color1);
}

.f-links ul li a:hover{
  padding-left: 4px;
  color: var(--theme-color1);
}

.f-links h2{
color: #fff;
  text-transform: uppercase;
  font-weight: 900;
  font-family: var(--heading-font-family);
  letter-spacing: 1px;
}

.f-links p{
color: rgba(255,255,255,0.7);
  line-height: 28px;
  font-size: 15px;
  font-weight: 300;
}

.f-cnt i{
padding-right: 8px;
  color: var(--theme-color1);
  font-size: 18px;
}
.f-cnt h5{
  color: var(--bs-white);
  font-size: 18px;
}

.social-links {
  padding-left: 0;
  display: flex;
}

.social-links li a {
  width: 42px;
  height: 42px;
  border: 1px solid var(--bs-gray-700);
  text-align: center;
  line-height: 42px !important;
  font-size: 14px !important; 
  margin-right: 8px;
  border-radius: 50%;
  display: block;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
}
.social-links li a:hover {
  background: var(--theme-color1);
  border: 1px solid var(--theme-color1);
  padding: 0 !important;
  color: var(--bs-white) !important;

}




@media only screen and (max-width: 576px){

header {
	position: relative;
}

.carousel-caption h2 {
	font-size: 18px;
}
.carousel-caption p {
display: none;
}

.m-logo{
width: 125px;
}

.logo img {
	width: 125px;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding: 10px 12px;
}


.carousel-caption a {
	padding: 7px 12px;
	font-size: 14px;
}

.navbar-toggler {
	background: var(--theme-color1);
	color: var(--bs-white);
	margin-left: 12px;
}


.sec6-bx{
width: 48%;
}

.sec6-outter .sec6-bx:nth-child(2n) {
	margin-top: 25px;
}

.slick-next, .slick-nex {
	right: 5px;
}

.sec3-mid-bx img {
	right: 15px;
}

.sec-7 p {
	padding: 10px 0;
}

}

@media only screen and (min-width:576px) and (max-width:767px){

}


@media only screen and (min-width:768px) and (max-width:991px){

}

@media only screen and (max-width:991px){


}





@media only screen and (max-width: 992px) {
 
}



@media only screen and (max-width:1024px){

}