@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&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');
/*=====================banner=====================*/	

.section-padding {
    padding-top: 140px;
    padding-bottom: 140px;
}

.ban-hd1 {
    font-weight: 600;
    font-size: 71px;
    line-height: 56px;
    font-family: 'Playfair Display', serif;
    color: #000000;
}
.plan_wrap p{
    color: #fff;
}

.ban-hd1 span {
    color: #ffa300;
    font-size: 25px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    display: block;
}
.bg-grey {
    background-color: #f8f6f4;
}
.ban-hd2 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 32px;
    color: #2f2f2f;
    padding: 10px 0 0 0;
}

ul.bnrlist {
    padding: 15px 20px;
    float: right;
    width: 100%;
    background: #fff;
}
ul.bnrlist li {
    float: right;
    display: inline-block;
    border-right: 1px dashed #a7a7a7;
    padding: 0 14px 0 56px;
    font-size: 14px;
    line-height: 22px;
    color: #2f2f2f;
    font-family: 'Poppins', sans-serif;
    text-align: left;
    text-transform: capitalize;
    position: relative;
    margin-right: 15px;
}

ul.bnrlist li img{

	position:absolute;

	top:0;

	left:0;

	}


.banner .gta-btn{
    float: right;
}
ul.bnrlist li:nth-child(1){

	border-right: none;
    margin-right: 0;
    padding-right: 0;

}

ul.bnrlist li span{

color: #000;font-weight: bold;

font-family: 'ubuntubold';

display:block;
}

.bnrbtn {	

	margin:40px 0 0 0;

	float: left;

	width:244px;

}

/*=====================section1=====================*/	

.section1 {padding: 73px 0 75px 0; text-align:center;}

.s1-hd1, .s2-hd1 {
    font-weight: 700;
    font-size: 46px;
    font-family: 'Playfair Display', serif;
    line-height: 54px;
    color: #ffa300;
    text-transform: capitalize;
}

.s1-hd1 span{

	font-size:30px;
    font-weight: 400;

	font-family: 'ubunturegular';

	display:block;

	}

.s1hd-line, .s2hd-line{margin:26px auto 13px auto;display:block;}

.s2hd-line{margin:26px 0 13px 0; display: inline-block;}

.s1-hd2, .s2-hd2 {

	    font-size: 18px;

    line-height: 28px;

    color: #1b1b1b;

    display: inline-block;

    padding: 10px 0px 0;

	width: 80%;

}

.s2-hd2{padding:10px 0 0 0; width:100%;}

ul.s1-list {   

	 padding: 20px 0 0 0;

    float: left;

    width: 100%;}

ul.s1-list li {
    
	float:left;

	width:31.62%;

	margin:0 2.56% 0 0;

}

ul.s1-list li:last-child{margin:0;}

.s1l-hding{

font-family: 'ubuntubold';

font-size: 22px;

line-height: 32px;

color: #d32127;

text-align: center;

margin-top:10px;
}

.s1limg{margin:14px auto 0 auto;display:block;}

.s1ltxt{

	font-size:18px;

	line-height:28px;

	color:#1b1b1b;

	text-align:center;

	padding:10px 0 0 0;

}

/*=====================section2=====================*/	
a:hover{text-decoration: none !important;}
.section2 {
/* background-image: url(../images/abt-bnnr.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
    position: relative; */
/* background: #fceae8; */

padding:68px 0;
}
.ben_outer {
    background: #ffa300;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 60px 0;
    background-attachment: fixed;
    position: relative;
}
.ben_outer h2 span {
    display: block;
    font-size: 50px;
    color: #000;
    font-family: 'Playfair Display', serif;
    letter-spacing: 0;
    padding-top: 5px;
}
.ben_outer h2 {
    font-size: 25px;
    font-family: 'ubunturegular';
    color: #fff;
    letter-spacing: 5px;
}
.ben_wrap {
    background: #ffffff24;
    padding: 20px;
    min-height: 216px;
    text-align: center;
    margin-top: 30px;
}
.ben_wrap p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}
.ben_wrap h3 {
    font-family: 'Playfair Display', serif;
    color: #0c0d0e;
    font-size: 25px;
}
.section4 .gta-btn{
    font-size: 16px;
    margin-top: 0;
    display: inline-block;
}

.s2lft, .s2rgt{

	float:right;

	display:inline-block;

	width:45%;

}

.s2rgt{width:55%;margin-top: 2%;}

.s2-mob-img{ display:none;}

.s2img{margin:0;display:block;}

.s2txtbx{margin:30px 0 0 0;padding:0 0 0 120px;}

.s2txtbx-img{

	position:absolute;

	left:0;

	top:0;

}

.s2txtbx-hding, .s3l-hding{

	font-family: 'ubuntubold';

	font-size:24px;

	line-height:26px;

	color:#1b1b1b;

	text-align:left;

}

.s2txtbx-txt, .s3l-txt{

	font-size:18px;

	line-height:26px;

	color:#1b1b1b;

	text-align:left;

	padding:14px 0 0 0;

}

.s3l-txt{padding:11px 0 0 0;}

.s2-btn {

	display:inline-block;

	margin: 42px 0 0 0;

}

.plan_wrap{
    background: #d32127;
    padding: 30px 20px;
    text-align: center;
    
    transition: all 1s;
}
/* .plan_wrap:hover{margin-top: -15px;} */
.plan_wrap h3{
    color: #fff;
    font-family: 'Poppins';
    font-size: 25px;
}

/*=====================section3=====================*/	

.section3 {

	/* background: url(../images/sec3.jpg) center right no-repeat; */

    padding: 54px 0;

}

.s3txtbx{

	background:#fff9f7;

	width:682px;

	border:1px solid #f4ded7;

	padding:40px 30px;

	margin:30px 0 0 0;

	box-sizing:border-box;

}

ul.s3list{padding:9px 0 0 0;}

ul.s3list li{

	padding: 0 0 0 35px;

    position: relative;

}

p.number {

position: absolute;

top: -5px;

left: 0;

font-size: 29px;

font-weight: 700;

color: #d32127;
}

ul.s3list li:nth-child(2){

	margin:44px 0;

}

	

/*====================section4======================*/

.section4 {padding:60px 0;}

.s4-box {

	padding: 40px 0 0 0;
    display: flex;
	margin: 0 auto;

}

.s4-box1, .s4-box2 {float: left;width: 100%;/* border-radius: 50px 50px 15px 15px; */background: transparent;margin: 11px 0 0 0;/* border: 1px solid #ccc; */box-sizing: border-box;padding: 35px 20px;transition: all 1s;position: relative;}
.s4-box1::after, .s4-box2::after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:70%;
	background: #e7c4c5;
	z-index:-1;
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
	transition: 0.5s all;
}
.s4-box2 {

	margin: 11px 0 0 1.02%;

}
.s4-box2:hover::after{background-color: #f3dfe0;box-shadow: 0px 14px 20px #2a03051f;}
.s4-box1:hover::after{
    background-color: #f3dfe0;
    box-shadow: 0px 14px 20px #2a03051f;
}
.pro-box {
    min-height: 100%;
    text-align: center;
    position: relative;
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px 0px;
}
.s4bx2-img {
   bottom: 50px;
    width: auto;
    border-radius: 100%;
    border: 12px solid #fff;
    position: relative;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px 0px;
    height: 289px;
    top: -27%;
}


.s4-box3 {

width: 100%;

border-radius: 10px;

background: #f5d8d6;

height: 255px;

padding:0 5px 0 400px;

box-sizing:border-box;
}

.s4bx3-img{

	position:absolute;

	left:24px;

	top:22px;

}

.s4-p1, .s4bx1-p1 {

	font-family: 'poppins';

    font-size: 18px;

    /* line-height: 30px; */

    /* text-align: left; */

    color: #000;

    /* padding: 40px 0 0 0; */

}

.s4bx1-p1{color: #000;padding:10px 0 0 0px;height: 79px;}

.s4-p2,  .s4bx1-p2{

	font-family: 'ubuntulight';

	font-size: 20px;

	line-height: 24px;

	/* text-align: left; */

	color: #000;

	padding: 19px 0 0 0;

}

.s4bx1-p2{color:#000;padding:19px 0 0 0px;margin-bottom: 25px;}

.s4-p2 span, .s4bx1-p2 span{

	font-family: 'ubuntubold';

	font-size:36px;

}

.s4-p3, .s4bx1-p3 {

	font-size: 20px;

	line-height: 26px;

	text-align: left;

	color: #ffffff;

	padding: 25px 0 0 0;	

}

.s4bx1-p3{color:#282828;padding: 25px 0 0 29px;}

.select-btn {margin: 15px 0 0 0px;}

.select-btn2 {

	float: right;

	margin: 85px 38px 0 0;

}

.s3-p2 span {

	font-size: 35px;

	font-weight: 700;

}

/*====================footer======================*/

.footer {
    padding-top: 105px;
    position: relative;
    background-color: #0a4d3c;
}

.f-patch p {
    background: #ff9f00;
    padding: 6px 0 !important;
    color: #000;
    border-radius: 10px 10px 0 0;
    font-family: 'Poppins', sans-serif;
}

.animation-rotate {
  -webkit-animation: rotate 5s linear 0s infinite normal forwards;
          animation: rotate 5s linear 0s infinite normal forwards;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.footer-widget-section .shape-01 {
    position: absolute;
    top: 70px;
    left: 60px;
}
.footer-widget-section .shape-02 {
    position: absolute;
    right: 60px;
    bottom: 70px;
}
.ftr-p1 {

	font-size: 18px;

	line-height: 38px;

	text-align: center;

	color: #fff;

}

.ftr-p1 a, .ftr-p1 a:hover {color: #fff; margin:0 10px;}



/***************************

THANKYOU CSS

/******************************/

.thanx-blk {

padding: 60px 0 70px;

float: left;

width: 100%;

text-align: center;

border-top: 1px solid #e5e5e5;

/* background:url(../images/chk-bg.jpg) center top no-repeat; */

background-color: #fff6f7;

}

.thankyou {

	float: left;

	width: 100%;

	color:#000;

	}

.topbnrtxt2-pr {

	width: 100%;

	color: #000000;

	font-size: 30px;

	display: block;

	margin-bottom: 10px;

	font-weight: 700;

	}

.topbnrtxt3-pr {

	font-size: 20px;

	line-height: 34px;

	margin-bottom: 15px;

	}

.topbnrtxt3-pr span {

	color: #F00;

	font-weight: 700;

	}

.topbnrtxt4-pr {

	font-size: 18px;

	line-height: 28px;

	margin-bottom: 15px;

	}

.mt-6{
    margin-top: 3% !important;
}

.gta-btn {
    background-color: #ffa300;
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 0px !important;
    letter-spacing: .1em;
    line-height: 1;
    text-transform: uppercase;
    display: inline-block;
    padding: 17px 28px;
    border: none;
    position: relative;
    z-index: 1;
    text-align: center;
    margin: 7px 0;
}


.gta-btn::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: -10px;
    width: 196px;
    height: auto;
    opacity: 1;
    visibility: visible;
    transition: all ease .4s;
    background-color: rgba(0,0,0,0);
    transform: scaleY(1.3) scaleX(0.81);
    border: 1px solid #0a4d3c;
    z-index: -2;
}

/*--
/*  4.2 - Features CSS
/*----------------------------------------*/
.features-wrapper {
  margin-top: -50px;
}
.features-wrapper .row > *:nth-child(2n+2) .single-feature {
  border-left: 1px solid #f3f0ec;
  border-right: 1px solid #f3f0ec;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .features-wrapper .row > *:nth-child(2n+2) .single-feature {
    border: 0;
  }
}

.single-feature {
  text-align: center;
  padding: 0 25px;
  margin-top: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .single-feature {
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
  }
}
.single-feature .feature-icon span {
  width: 170px;
  height: 170px;
  line-height: 175px;
  background-color: #f8f6f4;
  text-align: center;
  display: inline-block;
  font-size: 70px;
  color: #0a4d3c;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
@media only screen and (max-width: 575px) {
  .single-feature .feature-icon span {
    width: 140px;
    height: 140px;
    line-height: 145px;
    font-size: 60px;
  }
}
.single-feature .feature-icon span::before {
  position: absolute;
  content: "";
  bottom: -150px;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #0a4d3c;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  z-index: -1;
}
@media only screen and (max-width: 575px) {
  .single-feature .feature-icon span::before {
    bottom: -120px;
  }
}
.single-feature .feature-icon span::after {
  position: absolute;
  content: "";
  bottom: -170px;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffa300;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: -1;
}
@media only screen and (max-width: 575px) {
  .single-feature .feature-icon span::after {
    bottom: -140px;
  }
}
.single-feature .feature-content {
  padding-top: 35px;
}
.single-feature .feature-content .content-wrapper {
  background-color: #fff;
}
.single-feature .feature-content .title {
  font-size: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-feature .feature-content .title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .single-feature .feature-content .title {
    font-size: 24px;
  }
}
.single-feature .feature-content p {
    margin-top: 20px;
    font-family: 'Poppins', sans-serif;
}
.single-feature .feature-content .arrow {
    width: 60px !important;
    height: 60px !important;
    line-height: 60px;
    display: block;
    text-decoration: none;
    text-align: center;
    background-color: #ffa300;
    color: #fff;
    font-size: 25px;
    border-radius: 50%;
    margin: 10px auto;
    position: relative;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .single-feature .feature-content .arrow {
    opacity: 1;
    visibility: visible;
  }
}
.single-feature .feature-content .arrow:hover {
  background-color: #0a4d3c;
}
.single-feature.active .feature-icon span, .single-feature:hover .feature-icon span {
  -webkit-transition-delay: 0;
          transition-delay: 0;
  color: #fff;
}
.single-feature.active .feature-icon span::before, .single-feature:hover .feature-icon span::before {
  bottom: 0px;
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
.single-feature.active .feature-icon span::after, .single-feature:hover .feature-icon span::after {
  bottom: -150px;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
@media only screen and (max-width: 575px) {
  .single-feature.active .feature-icon span::after, .single-feature:hover .feature-icon span::after {
    bottom: -120px;
  }
}
.single-feature.active .feature-content .arrow, .single-feature:hover .feature-content .arrow {
  opacity: 1;
  visibility: visible;
}


.content-wrapper .title a {
    font-family: 'Playfair Display', serif;
    text-decoration: none;
    font-size: 28px;
    color: #000;
}



/*--
/*  4.3 - About CSS
/*----------------------------------------*/
.about-wrapper {
  margin-top: -50px;
}

.about-images {
  position: relative;
  margin-top: 50px;
}
.about-images::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 77, 60, 0)), color-stop(50%, rgba(10, 77, 60, 0)), to(rgba(10, 77, 60, 0.6)));
  background: linear-gradient(180deg, rgba(10, 77, 60, 0) 0%, rgba(10, 77, 60, 0) 50%, rgba(10, 77, 60, 0.6) 100%);
}
.about-images .shape {
  position: absolute;
  top: -60px;
  left: -60px;
  -webkit-animation: spin-1 8s infinite linear;
          animation: spin-1 8s infinite linear;
}
@media only screen and (max-width: 575px) {
  .about-images .shape {
    width: 100px;
    left: -20px;
    top: -20px;
  }
}
.about-images .images img {
  width: 100%;
}
.about-images .about-btn {
  position: absolute;
  bottom: 35px;
  left: 0;
  width: 100%;
  text-align: center;
}

@-webkit-keyframes spin-1 {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}

@keyframes spin-1 {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
.about-content {
  padding: 100px 80px;
  margin-top: 50px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .about-content {
    padding: 40px;
  }
}
.about-content .shape {
  position: absolute;
  top: -30px;
  right: -50px;
}
@media only screen and (max-width: 575px) {
  .about-content .shape {
    width: 110px;
    top: -10px;
    right: -20px;
  }
}
.about-content .sub-title {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #0a4d3c;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.4;
}
.about-content .main-title {
    font-size: 57px;
    margin-top: 23px;
    font-family: 'Playfair Display', serif;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-content .main-title {
    font-size: 44px;
  }
}
@media only screen and (max-width: 767px) {
  .about-content .main-title {
    font-size: 44px;
  }
}
@media only screen and (max-width: 575px) {
  .about-content .main-title {
    font-size: 24px;
  }
}
.about-content .count {
  font-family: "Montserrat", sans-serif;
  font-size: 30px;
  font-weight: 500;
  color: #0a4d3c;
  line-height: 1;
  margin-top: 40px;
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
  .about-content .count {
    font-size: 24px;
  }
}
.about-content p {
  margin-top: 20px;
}



.prod-sec {
    background: #fafafa;
}


.pro-body .arrow-buy {
    width: 60px !important;
    height: 60px !important;
    line-height: 60px;
    display: block;
    text-decoration: none;
    text-align: center;
    background-color: #ffa300;
    color: #fff;
    font-size: 25px;
    border-radius: 50%;
    margin: 10px auto;
    position: relative;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}


p.pro-name {
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
}

p.pro-price {
    font-family: 'Poppins';
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
}

.plan-body h2 {
    color: #ffa300;
    bottom: 26px;
    transform: rotate(270deg);
    position: absolute;
    font-size: 16px;
    border-radius: 12px 0 0 0;
    left: -22px;
    background: #0a4d3c;
    padding: 14px 20px;
}


.f-box {
    margin-bottom: 28px;
    justify-content: space-between;
    display: flex;
    background: #fff;
    padding: 15px 25px;
}
.f-des h2 {
    font-size: 17px;
    margin: 0;
    font-family: 'Poppins', sans-serif;
}

.f-des span {
    font-size: 12px;
    margin: 0;
    font-family: 'Poppins', sans-serif;
}

.f-des {
    margin-left: 26px;
}

.f-item {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 768px) {
.f-item {
    margin: 25px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.f-box {
    text-align: center;
}
.f-des {
    margin-top: 10px;
    line-height: 15px;
    margin-left: 0;
}
}