@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&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');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


/*--------------------------------------------------------------
Regular Content
--------------------------------------------------------------*/
.col_sm1 {
    width: 100%;
    margin: 0 auto;
    /*border: 1px solid #000;*/

}

.col_sm2 {
    width: 48%;
    float: left;
    margin: 1% 1%;
    /*border: 1px solid #000;*/

}

.col_sm3 {
    width: 31.3%;
    float: left;
    margin: 1%;
    /*border: 1px solid #000;*/

}

.col_sm4 {
    width: 23%;
    margin: 1%;
    float: left;
    /*border: 1px solid #000;*/

}

.col_sm5 {
    width: 18%;
    margin: 1%;
    float: left;
}

.col_sm8 {
    width: 40%;
    margin: 1%;
    float: left;
    /*border: 1px solid #000;*/

}

.col_sm88 {
    width: 55%;
    margin: 1%;
    float: left;
    /*border: 1px solid #000;*/

}

.col_sm9 {
    width: 78%;
    margin: 1%;
    float: left;
}

.col_sm99 {
    width: 18%;
    margin: 1%;
    float: left;
}

.col_sm10 {
    width: 68%;
    float: left;
    margin: 1%;
}

.clear{
	clear: both;
}

.img-intro{
	width: 100%;
	margin: 0 auto;
}

.img{
    width: 100%;
    margin: 0 auto;
}

.ftr-logo{
    width: 200px;
    margin: 0 auto;
}

.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 100px;
}


.flex2 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}


.bg-clr{
	background-color: #fffbf6;
}

.top {
    width: 60%;
    margin: 0 auto;
    max-width: 1980px;
    /*border: 1px solid #000;*/
}

.top-2 {
    width: 60%;
    margin: 0 auto;
    max-width: 1980px;
    /*border: 1px solid #000;*/
}

.pdg-main{
	padding: 80px 0 80px 0;
}

.pdg-ftr{
    padding: 80px 0 0 0;
}


.main-bg{
    background-color: #fffbf6;
}

.into-text h2{
    font-family:"Syne", sans-serif;
	font-size: 45px;
	font-weight: 600;
	text-align: center;
	color: #1e1e1e;
	margin-bottom: 20px;
}

.into-text p{
    font-family:"Poppins", sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	color: #4d4d4d;
    line-height: 140%;
}

.h3-heading {
    font-family:"Syne", sans-serif;
    color: #000;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 500;
    line-height: 30px;
}

.step-number-div {
    background-color: #c4f692;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    display: flex;
}

.into-text h5{
    font-family:"Syne", sans-serif;
    text-align: center;
    color: #000;
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: 500;
}

.badge1 {
    display: inline-block;
    background: #ecf9f1;
    padding: 15px 20px;
    border-radius: 30px;
    color: #00b67a;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 600;
}


/*section2*/
.section2 h2 {
    font-family: "Syne", sans-serif;
    font-size: 45px;
    font-weight: 600;
    text-align: justify;
    color: #1e1e1e;
    margin-bottom: 20px;
}

.section2 p {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #4d4d4d;
    margin-bottom: 20px;
}

.img-cls{
    width: 200px;
    margin: 0 auto;
}

/*section2*/


/*section 3*/
.section-bg {
    /*background-image: radial-gradient(circle, #000, #03453e 0%, #021d1a 100%, #fff);*/
    background: linear-gradient(135deg, #0f3d3e, #1b5e63, #2e8b57);
    /*background: linear-gradient(135deg, #081c15, #1b4332, #40916c, #d8f3dc);*/


}

.section3 h2 {
    font-family: "Syne", sans-serif;
    font-size: 45px;
    font-weight: 400;
    text-align: justify;
    color: #1e1e1e;
    margin-bottom: 20px;
}

.section3 p {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #1e1e1e;
    line-height: 140%;
}

.bullet-list {
  list-style-type: disc;
  margin-left: 25px;
  padding-left: 10px;
}

.bullet-list li {
        font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 140%;
    color: #1e1e1e;
    margin: 0;
    font-weight: 400;
}

/*section 3*/


/*section 4*/

.section4 h2 {
    font-family: "Syne", sans-serif;
    font-size: 45px;
    font-weight: 600;
    text-align: center;
    color: #1e1e1e;
    margin-bottom: 20px;
}

.section4 h5 {
    font-family: "Syne", sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    color: #1e1e1e;
    min-height: 62px;
}

.section4 p {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #1e1e1e;
    line-height: 140%;
    padding: 20px;
    min-height: 230px;
}

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

.pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 22px;
  background: #ecf9f1; /* light green */
  border-radius: 999px; /* perfect pill */
}

.pill .text {
  color: #00b67a; /* green text */
  font-size: 16px;
  font-weight: 600;
}

.pill .dot {
  width: 6px;
  height: 6px;
  background: #00b67a;
  border-radius: 50%;
}

.bullet-list2 {
  list-style-type: disc;
  margin-left: 25px;
  padding-left: 10px;
}

.bullet-list2 li {
    font-family:"Poppins", sans-serif;
    font-size: 16px;
    line-height: 140%;
    color: #1e1e1e;
    margin: 0;
    font-weight: 400;
    text-align: left;
}

.min-height{
    min-height: 315px;
}



/**/
.pricing-card {
    background-color: var(--color--white);
    text-align: left;
    border: 1px solid #03352e;
    border-bottom-width: 12px;
    border-radius: 40px;
}

.key-img{
    display:flex;
    justify-content:center;
}

.key-img img{
    width:90%;
    border-radius:20px;
    display:block;
    margin:10px auto;
}

/*section 4*/


/*section 5*/
.section5 h2 {
    font-family: "Syne", sans-serif;
    font-size: 45px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
}

.section5 h5 {
    font-family: "Syne", sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    min-height: 62px;
}

.section5 h6 {
    font-family: "Syne", sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-align: justify;
    color: #fff;
    min-height: 62px;
}

.section5 p {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-align: justify;
    color: #fff;
    margin-bottom: 20px;
}

.bullet-list5 {
  list-style-type: disc;
  margin-left: 25px;
  padding-left: 10px;
}

.bullet-list5 li {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 160%;
    color: #fff;
    margin: 0;
    font-weight: 400;
}

.bullet-list5 {
  list-style-type: disc;
  margin-left: 25px;
  padding-left: 10px;
}

.bullet-list5 li ul li{
    font-family:"Poppins", sans-serif;
    font-size: 16px;
    line-height: 140%;
    color: #fff;
    margin-left: 15px;
    font-weight: 400;
}
/*section 5*/


/*footer*/

.txt-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #333;
    padding: 30px 0px;
    font-size: 14px;
    flex-wrap: wrap;
}

.txt-footer-links {
    font-family: "Poppins", sans-serif;
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
    color: #000;
    font-size: 16px;
}

.txt-footer-links a {
    color: #4d4d4d;
    text-decoration: none;
}

.txt-footer-links a:hover {
    color: #4d4d4d;
}

.txt-copyright {
    font-family: "Poppins", sans-serif;
    color: #4d4d4d;
    font-size: 16px;
    text-align: left;
    flex: 1;
}

.ftr-txt{
    max-width:520px;
}

.badge{
    display:inline-block;
    background:#0f4d45;
    padding:14px 22px;
    border-radius:30px;
    color:#8cffc4;
    margin-bottom:22px;
}

.ftr-txt h1{
    font-family:"Syne",sans-serif;
    font-size:48px;
    line-height:140%;
    margin-bottom:20px;
}

.ftr-txt p {
        font-family: "Montserrat", sans-serif;

    color: #4d4d4d;
    font-size: 16px;
    text-align: left;
    line-height: 140%;
}

.ftr-txt p a{
    text-decoration: none;
        font-family: "Montserrat", sans-serif;

    color: #4d4d4d;
    font-size: 16px;
    text-align: left;
    line-height: 140%;
}


/**/

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

    .section4 p {
        min-height: 290px;
    }

}

@media only screen and (max-width:1600px) {
    .top-2 {
        width: 80%;
    }

    .top {
        width: 80%;
    }
}

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

    .top-2 {
        width: 90%;
    }

    .top {
        width: 90%;
    }

    .flex {
        flex-direction: column;
    }

    .col_sm3 {
        width: 98%;
    }

    .col_sm8 {
        width: 98%;
    }

    .col_sm88 {
        width: 98%;
    }

    .section4 p {
        min-height: auto;
    }

    .txt-footer {
        flex-direction: column;
    }

}

@media(max-width:600px){

    .into-text h2 {
        font-size: 38px;
    }

    .section2 h2 {
        font-size: 38px;
    }

    .section3 h2 {
        font-size: 38px;
    }

    .section4 h2 {
        font-size: 38px;
    }

    .ftr-txt h1{
        font-size:38px;
        text-align: center;
    }

    .ftr-txt p {
        text-align: center;
    }

    .txt-copyright {
        text-align: center;
    }

}