@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&display=swap');

*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
.services_with_txt img{
transition: all ease-in-out 2s;
}
.banner_main{
position: relative;
}
.banner_text {
position: absolute;
bottom: 100px;
text-align: center;
display: block;
margin: 0 auto;
width: 100%;
top: 40%;
}

.banner_text h2{
font-size: 36px;
color: #000000;
font-family: 'Cresing';
font-weight: normal;
text-align: left;
padding-left: 75px;
margin-bottom: 0;
}
.about-center-text h2{
    text-align: center;
}
.ban_wrap .banner_text h2{
font-size: 60px;
}
.ban_btns {
margin-top: -20px;
}
.ban_btns ul {
display: flex;
justify-content: center;
}
.ban_btns ul li {
background:#fff;
margin: 0 10px;
padding: 10px;
width: 250px;
text-align: center;
list-style-type: none;
}
.ban_btns ul li a{
font-size: 14px;
text-transform: uppercase;
color: #000000;
font-weight: 400;
font-family: 'Tenor Sans', sans-serif;
text-align: center;
}
.int_main {
margin: 50px auto;
}
.int_main h2{
font-size: 36px;
color: #000000;
font-family: 'Cresing';
font-weight: normal;
text-align: center;
margin: 0px auto 20px;
}
.int_main p , .found_round_inner_con p {
font-size: 17px;
line-height: 31px;
color: #000000;
text-align: center;
font-weight: 400;
font-family: 'Tenor Sans', sans-serif;
}

.icon_text_main {
display: flex;
justify-content: center;
margin-top: 100px;
}
.icon_t_inner img{
max-width: 70px;
margin: -46px auto 0;
border: 1px solid #affcd6;
border-radius: 50%;
}
.icon_t_inner {
display: block;
background: #f2fff9;
padding: 10px 25px;
margin: 10px;
border-radius: 20px;
width: 25%;
}
.icon_t_inner p{
font-size: 16px;
line-height: 22px;
color: #000000;
font-family: 'Cresing';
font-weight: normal;
text-align: center;
padding:10px 0;
}
.brand_customization{
    margin: 0;
    padding: 30px 0 0 0;
    flex-wrap: wrap;
    gap: 50px;
}
.brand_customization .icon_t_inner{
    display: grid;
    place-items: center;
}
section.partnership_banner_part {
    padding: 50px;
}

section.partnership_banner_part .flex_container{
    justify-content:center;
    gap:30px;
}

ul.style_type_none li {
    list-style-type: none;
    line-height: 30px;
    margin-top: 15px;
}
section.partnership_banner_part .txt_wrapper{
    padding: 0 15px;
    height: 100%;
    width: 50%;
}
section.partnership_banner_part .txt_wrapper > h3{
    padding-left: 12px;
    margin: 15px 0;

    font-size: 25px;
    color: #000000;
    font-family: 'Cresing';
    font-weight: normal;
}

ul.style_type_disc {
    padding-left: 30px;
}
ul.style_type_disc li{
    margin: 0 0 20px 0;
    line-height: 35px;
}
ul.style_type_disc li{

}
.brand_covered h2{
    margin: 0 auto;
    padding: 50px 0 0 0;
    width: fit-content;
    position: relative;
}
.vision .services_with_txt {
display: block;
width: 100%;
max-width: 50%;
}
.for_ioc_main{
display: flex;
width: 100%;
justify-content: center;
}
.for_ioc_inner{
display: flex;
align-items: center;
background: #f2fff9;
padding: 25px 25px;
margin: 10px;
border-radius: 20px;
width: 25%;
}
.ioc_img {
margin-right: 20px;
}
.icon_fst_p{
font-size: 20px;
line-height: 22px;
color: #000000;
font-family: 'Cresing';
font-weight: normal;
}
.icon_sec_p{
font-size: 16px;
line-height: 31px;
font-weight: normal;
font-family: 'Tenor Sans', sans-serif;
}
.pro_brand_main{
display: flex;
margin: 140px auto 100px;
}
.pro_brand_text{
display: block;
width: 100%;
max-width: 50%;
padding-left: 80px;
}
.pro_brand_text ul li{
    list-style-type: none;
}
.pro_brand_img{
display: block;
width: 100%;
max-width: 50%;
}
.pro_brand_text h2{
font-size: 36px;
line-height: 54px;
color: #000000;
font-family: 'Cresing';
font-weight: normal;
margin-bottom: 10px;
}
.pro_brand_text p{
font-size: 17px;
line-height: 25px;
color: #000000;
font-weight: 400;
padding-bottom: 15px;
font-family: 'Tenor Sans', sans-serif;
}
a.brand_btn {
font-size: 16px;
color: #000;
background: #fff;
display: inline-block;
margin-bottom: 10px;
font-family: 'Tenor Sans', sans-serif;
padding: 10px 30px;
}
.found_round_main{
display: flex;
justify-content: center;
align-items: center;
}
.found_round_inner{
display: block;
width: 25%;
text-align: center;
}
.found_round_inner img {
max-width: 240px;
margin: 0 auto;
}
.found_round_inner p{
font-size: 15px;
line-height: 15px;
color: #000000;
font-weight: 400;
font-family: 'Tenor Sans', sans-serif;
text-align: center;
}
.found_round_inner p span{
font-size: 18px;
line-height: 40px;
color: #000000;
font-family: 'Cresing';
font-weight: normal;
text-align: center;
}
.for_m{
margin: 60px auto 50px;
}
.why{
color: #fff !important;
}
.banner_bot_text{
margin-top: 40px;
}
.banner_bot_text p{
font-size: 17px;
line-height: 31px;
color: #000000;
font-weight: 400;
padding-bottom: 15px;
text-align: center;
font-family: 'Tenor Sans', sans-serif;
}
.map_strip ul li img {
    max-width: 102px;
    margin: 0 auto;
    max-height: 63px;
    
}
.map_strip ul {
display: flex;
justify-content: center;
padding: 20px 0;
border-top: 1px dashed #cab8b8;

align-items: center;
}
.since_sec{
position: relative;
}
.since_wrap {
margin: 50px auto;
position: relative;
}
.since_main{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
.formulation_potential_table, .formulation_potential_table tr, .formulation_potential_table tr th, .formulation_potential_table tr td{
    border: 1px solid #000000;
}
.formulation_potential_table tr td, 
.formulation_potential_table tr th{
    padding: 12px;
}
.bulk_inner_parent{
    flex-wrap: wrap;
    gap: 20px;
}
.icon_t_inner.bulk_inner img{
    height: auto;
    width: 42%;
    margin: -35px auto 0;
}
.icon_t_inner.bulk_inner{
    display: grid;
}
.since_text{
display: block;
width: 100%;
max-width: 50%;
text-align: right;
}
.since_text.for_left {
text-align: left;
}
.since_blank{
display: block;
width: 100%;
max-width: 50%;
}
.since_text p{
font-size: 17px;
line-height: 31px;
color: #000000;
font-weight: 400;
padding-bottom: 15px;
font-family: 'Tenor Sans', sans-serif;
}
.since_text h3{
font-size: 36px;
line-height: 54px;
color: #000000;
font-family: 'Cresing';
font-weight: normal;
position: relative;
}
.since_wrap:before {
content: '';
height: 100%;
width: 133px;
position: absolute;
top: 0;
background: url(../images/timeline.png);
background-size: cover;
background-position: top center;
bottom: 0;
left: 50%;
}
.since_text{
padding-right: 20px;
}
.since_text.for_left{
padding-left: 106px;
}
.found_round_inner_quote p:after {
background: url(../images/quote-1.png);
background-repeat: no-repeat;
background-position: top left;
content: '';
width: 180px;
height: 180px;
display: inline-block;
background-size: cover;
opacity: 0.1;
position: absolute;
top: 13%;
left: 35%;
}
.found_round_inner_quote p {
    text-align: center;
    font-size: 33px;
    position: relative;
    line-height: 42px;
}
.map_strip ul li {
    list-style-type: none;
    margin: 0px 20px;
}
section.pro_brand_sec {
margin-bottom: -140px;
}
.found_round_inner_quote {
max-width: 53%;
margin: auto;
margin-top: 40px;
margin-bottom: 50px;
}
.since_text h3:after{
content: '';
width: 17px;
height: 17px;
border-radius: 8px;
background-color: #ddd9ce;
border: 0px solid #ffffff;
display: inline-block;
right: 0px;
position: absolute;
}
.since_wrap .since_main:nth-child(1) .since_text h3:after{
right: -38px;
}
.since_wrap .since_main:nth-child(2) .since_text h3:after{
left: -96px;
}
.since_wrap .since_main:nth-child(3) .since_text h3:after{
right: -56px;
}
.since_wrap .since_main:nth-child(4) .since_text h3:after{
left: -78px;
}
.since_wrap .since_main:nth-child(5) .since_text h3:after{
right: -72px;
}
.since_wrap .since_main:nth-child(6) .since_text h3:after{
left: -29px;
}
.since_wrap .since_main:nth-child(7) .since_text h3:after{
right: -98px;
}
.since_wrap .since_main:nth-child(8) .since_text h3:after{
    right: -79px;
    }
.since_sec .container{
max-width: 1280px;
}
.since_wrap{
max-width: 1250px;
} 

section.int_icon_wrap {
    padding-bottom: 60px;
} 

/* .strip_menu ul li.flex_center{
    display: flex;
} */
.ul_none{
    top: 143%;
}
.page_wrap .since_wrap ul {
    list-style: decimal;
}
.page_wrap .since_wrap  ul li {
    list-style: decimal;
}







.timelinein h6 {
  font-size: 45px;
  margin-bottom: 20px;
  font-family: "Oswald", sans-serif;
  font-weight: 600;
}
.timelinein h5{
font-family: "Tenor Sans", sans-serif;
/* font-family: "Oswald", sans-serif; */
margin-bottom: 21px;
font-size: 16px;
color: #327437;

}
.timedot .item.slick-slide.slick-current.slick-active {
color: #327437;
}
.timedot .item {
font-family: "Oswald", sans-serif;
text-align: center;
}


.timelinein ul{
list-style: decimal;
padding-left: 20px;
}


.timelinein p , .timelinein ul li{
font-size: 14px;
line-height: 21px;
margin-bottom: 10px;
list-style-type: disc;
}
.timelinein {
padding: 60px 20px 20px 20px;
height: 100%;
display: flex;
flex-wrap: wrap;
border-left: 1px solid #a1c0a3;
}
.slick-list .slick-track{
display: flex;
align-items: stretch;
}
.timelineinner .slick-slide{
min-height: 100%;
height:auto !important;
}

.timeimg {
align-self: flex-end;
margin-bottom: -20px;
}
.timelineindec {
margin-bottom: 20px;
}
.sectimeline-wrap{
background: #32743712;
/* padding: 60px 0px;
margin-bottom: 50px; */
padding-bottom: 50px;
display: flex;
flex-wrap: wrap;
}


/* 
.timelineindec *{
color: #fff;
} */



.timelineinner .item.slick-current.slick-active{
background: #327437;
}
.timelineinner .item.slick-current.slick-active .timeimg img{
margin-bottom: 20px;
}
.timelineinner .item.slick-current.slick-active *{
color: #fff;
}
section.infrastructure_wrap{
padding-top: 60px;
}
.timeline-wrap-left {
max-width: 20%;
}
.timeline-wrap {
width: 80%;
}
.timeline-wrap-left {
padding: 30px;
text-align: center;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-self: center;
}
.timeline-wrap-left h6 {
font-size: 35px;
font-family: "Oswald", sans-serif;
margin-bottom: 30px;
}
.progress {
  display: block;
  width: calc(100% - 40px);
  margin: auto;
  height: 5px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #32743726;
  background-image: linear-gradient(to right, #32743742, #327437);
  background-repeat: no-repeat;
  background-size: 0 100%;
  transition: background-size .4s ease-in-out;
}
.timedot{
  width: calc(100% - 40px);
  margin: 40px auto 5px auto;
  width: 100%;
}


.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}






@media screen and (max-width:767px){
body {
padding-top: 0px;
}
.ban_btns {
margin-top: 0px;
}
.ban_btns ul {
display: block;
}
.ban_btns ul li {
margin: 15px auto 10px;
}
.banner_text {
position: absolute;
bottom: 75%;
}
.banner_text h2 {
font-size: 20px;
text-align: center;
}
.int_main h2 {
font-size: 20px;
}
.int_main p {
font-size: 15px;
line-height: 30px;
}
.icon_text_main {
display: block;
}
.icon_t_inner {
display: block;
margin: 70px auto;
width: 100%;
}
.service_heading {
text-align: center;
width: 100%;
margin: 0 auto;
}
.services_txt {
position: static;
top: 100%;
}
.service_heading p {
font-size: 15px;
line-height: 30px;
}

/* 
.services_img {
display: flex;
justify-content: center;
justify-content: space-between;
align-items: center;
margin: 50px auto;
flex-direction: column;
} */
.vision .services_with_txt {
display: block;
width: 100%;
max-width: 100%;
margin: 0 auto 0px;
}
.services_txt h3 {
font-size: 20px;
line-height: 40px;
margin-top: 10px;
}
.services_txt p {
font-size: 15px;
line-height: 30px;
}
.int_main {
margin: 50px auto;
}
.for_ioc_main {
display: flex;
flex-wrap: wrap;
}
.for_ioc_inner {
width: 100%;
}
.pro_brand_main {
display: flex;
margin: 100px auto 100px;
flex-direction: column-reverse;
}
.pro_brand_text {
padding: 0 20px;
max-width: 100%;
}
.pro_brand_text h2 {
font-size: 20px;
line-height: 40px;
}
.pro_brand_text p {
font-size: 15px;
line-height: 30px;
padding-bottom: 30px;
}
.pro_brand_img {
margin: 0 auto;
display: block;
width: 100%;
max-width: 100%;
}
.found_round_main {
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
justify-content: inherit;
padding: 30px 0;
}
.found_round_inner {
width: 100%;
margin: 0 20px;
}
.found_round_inner img {
max-width: 100%;
margin: 0 auto;
}
.found_round_inner p span {
font-size: 20px;
line-height: 30px;
}
.found_round_inner p {
font-size: 15px;
line-height: 30px;
}
.details_with_txt {
overflow-x: scroll;
}
.details_ico_img {
text-align: center;
margin: 0 20px;
}
.since_wrap {
overflow-y: scroll;
height: 500px;
}
.since_main {
flex-direction: column;
}
.since_text {
max-width: 100%;
padding: 0 20px;
}
.since_blank {
display: none;
}
.since_wrap:after{
display: none;
}
.product_heading {
width: 100%;
margin: 30px auto 30px;
}
.product_heading h2 {
font-size: 20px;
line-height: 40px;
}
.product_heading p {
font-size: 15px;
line-height: 30px;
}
.prdt_all img {
margin: 0 auto;
transition: all ease-in-out 1s;
padding: 10px;
max-width: 150px;
}
.user_review_heading {
width: 100%;
margin: 40px auto 40px;
text-align: center;
}
.user_review_heading h3 {
font-size: 20px;
line-height: 40px;
}
.user_review_heading p {
font-size: 15px;
line-height: 30px;
}
.user_rating {
display: flex;
margin-bottom: 30px;
overflow-x: scroll;
height: 300px;
flex-direction: column;
}
.user_rating_wrap {
background: #fff;
padding: 20px;
border-radius: 20px;
margin-bottom: 10px;
}
.talk_with_us {
display: flex;
justify-content: inherit;
align-items: center;
width: 100%;
flex-direction: column;
}
.talk_txt p {
font-size: 15px;
line-height: 30px;
}
.talk_txt {
padding: 1rem 0;
text-align: center;
}
.talk_txt, .contact_form {
width: 100%;
}
.form_inputs {
max-width: 100%;
margin: 20px auto;
margin: 0 auto;
padding: 1rem;
background: #fff;
border-radius: 20px;
}
form input {
margin: 0 auto 30px;
}
.form_inputs .submit {
margin-bottom: 20px;
}
.footer_nav {
text-align: center;
padding: 30px 0;
margin: 20px auto 0px;
}
.map_strip ul{
overflow-y: scroll;
}
.map_strip ul li {
min-width: 118px;
}
.found_round_inner{
min-width: 30%;
}
.found_round_inner p{
line-height: 22px;
font-size: 15px;
margin-top: 10px;
}
.found_round_inner p span{
font-size: 16px;
line-height: 19px;
}
.banner_main img {
height: 200px;
object-fit: cover;
}
.ban_wrap .banner_text h2 {
font-size: 25px;
padding-left: 0;
}
.found_sec .container{
width: 100%;
}
.for_m {
margin: 50px auto 50px;
}
.banner_text{
bottom: 10%;
}
.since_text h3{
font-size: 28px;
line-height: 44px;
}
.pro_brand_main{
margin: 50px auto 50px;
}
.topbanner .banner_text {
bottom: auto;
top: 14%;
}
.service_heading h2{
font-size: 26px;
}

.since_wrap:before{
content: none;
}
.since_wrap{
height: auto;
}
.since_sec .container{
width: 100%;
}
.since_text h3:after{
content: none;
}
.since_text.for_left{
padding-left: 20px;
}
section.pro_brand_sec {
margin-bottom: 0px;
}
.found_round_main{
justify-content: center;
}
.found_round_inner {
max-width: 50%;
}
.found_round_inner_quote p {
font-size: 21px;
}
.found_round_inner_quote{
max-width: 90%;
}
.found_round_inner_quote p:after{
width: 180px;
height: 180px;
top: -47%;
left: 26%;
}
.found_round_inner_con {
padding: 0px 15px;
}
section.ban_wrap.topbanner {
    padding-top: 78px;
}
.timeline-wrap-left {
    max-width: 100%;
}
.timeline-wrap {
    width: 100%;
    display: block;
}
}