*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

html{
   scroll-behavior: smooth;
}

body{
   color: #131B23;
   font-weight: 300;
   font-family: 'Noto Sans', sans-serif;
}

:root{
     font-size: 16px;

   --primary-color:#FF7F6B;
   --primary-light-color:#fda699;
   --primary-light2-color: #EEECEC;

   --dark-color: #131B23;
   --secondry-color: #009FE3;
   --secondry-color-dark: #0f729c;

   --primary-font:'Noto Sans', sans-serif;
}
/* =================== Start of Default css or Global css for ll parts of website =================
================================================================================================= */
h1,h2,h3,h4,h5,h6,p,span{
   font-family: 'Noto Sans', sans-serif;
}
.brand_color{
   color: #393084;
}
.secondary_color{
   color: #f35934;
}
input:focus{
   box-shadow: none!important;
   border: 1px solid var(--primary-color)!important;
}
.padding-top-bottom_70{
   padding-top: 60px;
   padding-bottom: 60px;
}
.padding-top_70{
   padding-top: 60px;
}
.padding-bottom_70{
   padding-bottom: 60px;
}
.section-heading{
   display: flex;
   flex-direction: column;
   align-items: center;
}
.section-heading h2{
   width: 35%;
}
.solid-head-underline{
   width: 5%;
   height: 3px!important;
   background: rgb(252,122,102);
   background: linear-gradient(101deg, rgba(252,122,102,1) 35%, rgba(250,132,4,1) 100%);
   margin-top: -10px;
   opacity: 1;
}
.margin_top_bottom_small{
   margin-top: 10px;
   margin-bottom: 30px;
}
.tite-description-text-left-right-padding{
   padding-left: 15%;
   padding-right: 15%;
}
.my-button{
   width: 100%;
   display: flex;
   justify-content: center;
}
.my-button button {
   background: rgb(252, 122, 102);
   background: linear-gradient(101deg, rgba(252, 122, 102, 1) 35%, rgba(250, 132, 4, 1) 100%);
   color: #fff;
   font-family: var(--primary-font);
   padding: 12px 36px;
   border-radius: 4px;
   border-style: none;
   animation: glow 1s infinite alternate;
}

@keyframes glow {
   0% {
      box-shadow: 0 0 10px rgba(252, 156, 142, 0.5);
      transform: scale(1);
   }
   100% {
      box-shadow: 2px 2px 20px rgb(255, 100, 77);
      transform: scale(1.1);
   }
}

.my-button .non-glow {
   animation: none 1s infinite alternate!important;
}

.my-button button a{
   text-decoration: none;
   color: #fff;
}
.my-button button:hover{
   background: var(--primary-light-color);
}
.form-select:focus{
   outline: 1px solid var(--primary-color);
   border-style: none;
   box-shadow: none;
}
.form-border-focus:focus{
   outline: 1px solid var(--primary-color);
   border-style: none;
   box-shadow: none;
}
.section_overflow_hidden{
   overflow: hidden;
}
.width_80_percent{
   width: 80%;
}

/* =============== Header section started ============================= */
.header_row{
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 10px 0px;
}
header .logo{
   height: 60px;
   width: fit-content;
}
header .logo img{
   height: 100%;
   width: 100%;
   object-fit: cover;
}
.header_button{
   display: flex;
   justify-content: flex-end;
}

/* =============== Header section ends ============================= */

/* inside new form fileds */


.autocomplete {
   position: relative;
   display: inline-block;
 }
 
 .autocomplete-items {
   position: absolute;
   border: 1px solid #d4d4d4;
   border-top: none;
   z-index: 99;
   top: 50%;
   left: 0;
   right: 0;
   background-color: #fff;
   max-height: 200px; 
   overflow-y: auto; 
 }
 
 .autocomplete-items div {
   padding: 5px;
   cursor: pointer;
 }
 
 .autocomplete-items div:hover {
   background-color: #f1f1f1;
 }
 
 
.custom_rc label {
   position: relative;
   margin-bottom: 12px;
   cursor: pointer;
   font-size: 16px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background: #fff;
   /*padding: 8px 13px;*/
       padding: 10px;
   border-radius: 5px;
   /* height: 130px; */
   text-align: center;
   overflow: hidden;
   z-index: 1;
   border: 2px solid #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
}

/* .custom_rc label {
   position: relative;
   margin-bottom: 12px;
   cursor: pointer;
   font-size: 18px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background: #ffffff;
   padding: 30px 10px;
   border-radius: 5px;
   text-align: center;
   overflow: hidden;
   z-index: 1;
   border: 2px solid #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
} */
.custom_rc label span {
   width: 100%;
   display: block;
}

.custom_rc label img {
   /* width:55px; 
   width: 45px;*/
   /* width: 35px; */
   margin-bottom: 2px;
   
}
.range img {
   /* width:55px; 
   width: 45px;*/
   width: 35px;
   margin-bottom: 2px;
   
}

/* Hide the browser's default checkbox */
.custom_rc label input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
}
#step_ranges .custom_rc label img {
   width:25px;
}
/* Create a custom checkbox */
.custom_rc label .checkmark {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: -1;
}

/* On mouse-over, add a grey background color */
.custom_rc label:hover input~.checkmark {
   background-color: #d0ffd6;
}

/* When the checkbox is checked, add a blue background */
.custom_rc label input:checked~.checkmark {
   background-color: #Ffbba1;
}

/* Create the checkmark/indicator (hidden when not checked) */
.custom_rc label .checkmark:after {
   content: "";
   position: absolute;
   display: none;
}

/* Show the checkmark when checked */
.custom_rc label input:checked~.checkmark:after {
   display: block;
}

/* Style the checkmark/indicator */
.custom_rc label .checkmark:after {
   left: 9px;
   top: 5px;
   width: 5px;
   height: 10px;
   border: solid #3b9435;
   border-width: 0 3px 3px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

.custom_rc label .checkmark:before {
   content: '';
   position: absolute;
   top: 4px;
   left: 5px;
   width: 14px;
   height: 14px;
   background: white;
   border-radius: 50%;
}

.custom_rc .rd_slcrt .checkmark:after {
   border: none !important;
}

.custom_rc .rd_slcrt .checkmark:before {
   display: none;
}

.custom_rc {
   grid-template-columns: repeat(3, 1fr);
   display: grid;
   margin: 14px 0;
   column-gap: 16px;
}

.look_rc {
   grid-template-columns: 1fr 1fr;
}

.more_option {
   grid-template-columns: repeat(5, 1fr);
}

.nav_buttons {
   /*position: absolute;*/
   width: 100%;
   bottom: 0;
   left: 0;
   display: flex;
   justify-content: space-between;
   padding: 0 58px;
   /*border-top: 1px solid #ffffff; */
}

.nav_buttons button {
   background: #5c5c5c;
   border: none;
   padding: 8px 17px;
   font-size: 15px;
   font-weight: 500;
   border-radius: 5px;
   color: #fff;
   display: flex;
   align-items: center;
   column-gap: 8px;
   width: 117px;
   justify-content: center;
}

.btn_previ img {
   transform: scaleX(-1);
}

.nav_buttons button img {
   width: 17px;
}

.column-0 {
   grid-template: none !important;
}


/* <!-- ================   multi step popUp starts ============= --> */
#multi_step_popUp_section, #single_popUp_section{
   position: fixed;
   z-index: 10;
   height: 100vh;
   width: 100vw;
   background:rgba(0, 0, 0, 0.5);
   display: none;
}
#multi_step_popUp_section2{
   position: fixed;
   z-index: 10;
   height: 100vh;
   width: 100vw;
   background:#fff;
   display: none;
}
.multi_step_pupUp{
   height: 600px;
   width: 800px;
   margin: auto;
   background: #e7dbdb;
   border-radius: 6px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   display: flex;
   flex-direction: column;
   box-shadow: 1px 1px 10px rgb(0, 0, 0,0.115);
   z-index: 10;
}
.multi_step_pupUp .step_form_item{
   position: absolute;
   top: 50%;
   transform: translate(0,-50%);
   margin: 0 70px;
   /* background: #fff; */
   transition: 0.5s;
}
#multi_step_pupUp1{
   width: 100%;
   display: flex;
   justify-content: center;
   margin: 0;}
/* #multi_step_pupUp2{
   margin-top: 25px;
} */
#multi_step_pupUp3{
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0;
}
#multi_step_pupUp4{
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0;
}
#multi_step_pupUp5{
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0;
  overflow-y: scroll;
  height: 400px;
}

#multi_step_pupUp6{
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0;
}
#multi_step_pupUp7{
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0;
}
.multi_step_pupUp .step_form_item h3{
   margin-bottom: 20px;
   text-align: center;
}
.multi_step_pupUp .step_form_item input{
   width: 100%;
   padding: 10px;
   border-radius: 4px;
   margin-bottom: 20px;
   border: 0px;
   outline: 2px solid var(--primary-light-color);
}
.radio_wrapper{
   display: flex;
   justify-content: center;
}
.multi_step_pupUp .step_form_item .radio_item{
   width: 20px;
   border: 0px;
   outline: 0px;
   margin-right: 20px;
  
}
.multi_step_pupUp .step_form_item .radio_item:focus{
   width: 20px;
   border: 0px;
   outline: 0px;
}
.multi_step_pupUp .step_form_item input:focus{
   border: 0px;
   outline: 2px solid var(--primary-color);
}
.multi_step_form_button{
   width: 100%;
   margin: 0px auto;
}
.multi_step_form_button button{
   margin-right: 20px;
}
.multi_step_form_button button:hover{
   background: var(--primary-color);
}
 #multi_step_pupUp2{
   left: 4500px;
 } 
 #multi_step_pupUp3{
   left: 4500px;
 }
 #multi_step_pupUp4{
   left: 4500px;
 }
 #multi_step_pupUp5{
   left: 4500px;
 }
 #multi_step_pupUp6{
   left: 4500px;
 }
 #multi_step_pupUp7{
   left: 4500px;
 }
 .step-row{
   height: 4px;
   width: 100%;
   margin: 0 auto;
   display: flex;
   align-items: center;
   box-shadow: 1px 1px 10px rgb(0, 0, 0,0.115);
   position: relative;
   top: 0;
   overflow: hidden;
 }
#step_progress {
   width: 100%;
}
.step-col{
   width: 15%;
   text-align: left;
   padding-left: 28px;
   color: #222;
   font-size: 18px;
   font-weight: 600;
   position: relative;
 }
 #step_progress{
   position: absolute;
   height: 100%;
   width: 15%;
   background: var(--primary-color);
 }
 #step_progress::after{
   content: '';
   height: 0;
   width: 0;
   border-top: 20px solid transparent;
   border-bottom: 20px solid transparent;
   position: absolute;
   right: -20px;
   top: 0;
   border-left: 20px solid var(--primary-color);
 }
 .close_step_popUp{
   height: 40px;
   width: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   top: 0px;
   right: 0px;
   background-color:var(--primary-color);
   color: #fff;
   cursor: pointer ;
   border-top-right-radius: 4px;
 }
.circle_designs_container{
   position: absolute;
   top: 0px;
   left: 0px;
   height: 100%;
   width: 100%;
   z-index: -2;
   overflow: hidden;
   border-radius: 12px;
   background-color: #e7dbdb;
}
 .circle-design1{
   height: 100px;
   width: 100px;
   border-radius: 100%;
   position: absolute;
   top: -20px;
   left: -20px;
   background: rgb(228,241,252);
   background: linear-gradient(180deg, rgba(228,241,252,1) 15%, rgba(255,239,227,1) 85%);
 }
 .circle-design2{
   height: 160px;
   width: 160px;
   border-radius: 100%;
   position: absolute;
   bottom: -40px;
   left: -40px;
   background: rgb(255,224,217);
   background: linear-gradient(180deg, rgba(255,224,217,1) 15%, rgba(255,239,227,1) 85%);
 }
 .circle-design3{
   height: 160px;
   width: 160px;
   border-radius: 100%;
   position: absolute;
   bottom: -40px;
   right: -40px;
   background: rgb(228,241,252);
   background: linear-gradient(180deg, rgba(228,241,252,1) 15%, rgba(255,239,227,1) 85%);
 }
 .circle-design4{
   height: 100px;
   width: 100px;
   border-radius: 100%;
   position: absolute;
   top: -20px;
   right: -20px;
   background: rgb(255,224,217);
 }
/* <!-- ================   multi step popUp ends ============= --> */


/* =============== Hero section started ============================= */
.hero_row{
   display: flex;
   align-items: center;
}
.hero_button button{
  margin-left: 35px;
  background: rgb(252,122,102);
  background: linear-gradient(101deg, rgba(252,122,102,1) 35%, rgba(250,132,4,1) 100%);
  box-shadow: 0px 0px 30px rgba(255,127,107,0.5), -0px -0px 30px rgba(239,156,66,0.5);
}
.hero_button button:hover{
   background: rgb(255,127,107);
 }
 .left_content{
   padding-right: 40px;
 }
 .hero_left_design{
   background: #eeecec;
   padding: 6px 5px 6px 5px;
   border-radius: 16px;
   position: relative;
 }
 .bg_design{
   margin-top: 30px;
   padding: 20px;
   background: #e9f8ff;
   border-radius: 16px;
 }
 .top_design{
   display: flex;
   justify-content: center;
 }
 .design1{
   width: 80%;
   height: 15px;
   background: #b56758;
   position: relative;
   top: -18px;
   z-index: -1; 
   clip-path: polygon(3% 0, 97% 0, 100% 99%, 0 100%);
 }
 .design2{
   width: 74%;
   height: 50px;
   background: rgb(255,158,89);
   background: linear-gradient(180deg, rgba(255,158,89,1) 15%, rgba(239,136,113,1) 85%);
   position: absolute;
   top: -12px;
   z-index: 1; 
   padding: 10px;
   border-bottom-left-radius: 12px;
   border-bottom-right-radius: 12px;
 }
 .design2 h1{
   text-align: center;
   color: #fff;
   font-size: 28px;
   font-weight: 700;
   margin: 0px 25px;
   padding-bottom: 6px;
   /* background: rgb(255,158,89); */
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
 }
.hero_right{
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
}
.hero_right .section-heading{
  display: none;
}
.hero_right .image img{
   height: 100%;
   width: 100%;
   object-fit: cover;
}
.hero_row .left_content .hero_text1{
   margin: 25px 0px;
}

.google_review_container{
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
}
.google_review{
   height: 80px;
   width: 150px;
   box-shadow: 0px 0px 18px 0px rgba(116, 115, 115, 0.116);
   margin-bottom: 40px;
   margin-right: 20px;
}
.review_main{
   display: flex;
   justify-content: space-between;
}
.google_review .img_awrd{
   display: flex;
   justify-content: center;
   align-items: center;
}
.google_review .second_item{
   height: 80px;
   width: auto;
}
.review_image{
   margin-top: -5px;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: center;
}
.review_image img{
   height: 40px;
}
.review_img_and_rating{
   margin-top: 5px;
   padding: 0px 20px;
   display: flex;
   justify-content: space-evenly;
   align-items: center;
}
.rating_text h1{
   font-size: 36px;
   word-wrap: break-word;
}
.review_star_container{
   display: flex;
   justify-content: space-evenly;
   margin-top: -10px;
   margin-bottom: 20px;
   padding: 0px 15px;
}
.review_star{
   margin-top: 8px;
   height: 15px;
   width: 15px;
   background: var(--primary-color);
   clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.center_image{
   display: flex;
   justify-content: center;
}
/* =============== Hero section ends ============================= */


/* =============== Featured In section started ============================= */
.featured_container{
   display: flex;
   justify-content: center;
}
.featured_In_heading h2{
   text-align: center;
   padding-bottom: 15px;
}
.featured_row{
   background: #E9F8FF;
   box-shadow: 1px 1px 10px rgb(0, 0, 0,0.115);
   border-radius: 12px;
}
.featured_item{
   display: flex;
   justify-content: center;
   align-items: center;
}
.featured_item .image img{
   height: 100%;
   width: 100%;
   object-fit: contain;
   padding: 20px;
}
/* =============== Featured In section started ============================= */


/* =============== Franchise section started ============================= */
.franchise_row{
   display: flex;
   align-items: center;
}
.franchise_In_heading h2{
   text-align: center;
   padding-bottom: 15px;
}
.franchise_right{
   display: flex;
   justify-content: flex-end;
}
.franchise_man_image img{
   height: 100%;
   width: 100%;
   object-fit: cover;
   border-radius: 6px;
}
.franchise_right  img{
   height: 100%;
   width: 100%;
   object-fit: cover;
}
.justified_small_section{
   text-align: center;
}
/* =============== Franchise section ends ============================= */


/* =============== News Mentions section started ============================= */
.news_mentions_section{
   background: #E9F8FF;
}
.news_mentions_container{
   display: flex;
   justify-content: center;
}
.news_mentions_row{
   display: flex;
   justify-content: center;
}
.news_mentions_section .fancy_item{
   margin-bottom: 30px;
}
.news_mentions_section .fancy_item a img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
  box-shadow: 1px 1px 10px rgba(255,127,107,0.15);
}
/* =============== News Mentions section ends ============================= */


/* =============== Addressing section starts ============================= */
.addressing_container{
   display: flex;
   flex-direction: column;
   align-items: center;
}
.addressing_row{
   display: flex;
   justify-content: space-around;
}
.addressing_item{
   box-shadow: 1px 1px 10px rgba(255,127,107,0.15);
   border-radius: 6px;
   margin: 20px;
}
.addressing_item h5{
   text-align: center;
}
.addressing_item .card_icon{
   display: flex;
   justify-content: center;
   padding: 10px 0px;
}
.addressing_item .card_icon img{
   height: 50%;
   width: 50%;
   object-fit: cover;
}
.addressing_item .card_list ul li{
   list-style: none;
}
.addressing_item li {
   position: relative;
   margin-bottom: 10px;
 }
 
 .addressing_item li::before {
   content: '\2713'; /* Unicode character for checkmark */
   position: absolute;
   left: -30px;
   top: 5px;
   font-size: 20px;
   line-height: 1;
   color: var(--primary-color);
   font-size: 20px;
   font-weight: 600;
 }
/* =============== Addressing section ends ============================= */


/* =============== Farma Founder and Uses section starts ============================= */
.pharma_founder{
   display: flex;
   justify-content: center;
   background: #E9F8FF;
   padding: 30px 0px;
   border-radius: 12px;
}
.pharma_founder .founder .wrapper{
  display: flex;
}
.founder .image{
   height: 250px;
   width: 250px;
   border-radius: 100%;
   box-shadow: 1px 1px 10px rgba(0, 0, 0,0.25);
}
.founder .image img{
   height: 100%;
   width: 100%;
   object-fit: cover;
   border-radius: 100%;
   padding: 4px;
}
.founder .text_content{
   padding-left: 40px;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.pharma_uses{
   padding-top: 60px;
   display: flex;
   justify-content: center;
}
.pharma_uses__card_item{
   margin-bottom: 30px;
}
.pharma_uses .card_wrapper{
   box-shadow: 1px 1px 10px rgba(255,127,107,0.15);
   border-radius: 6px;
   padding: 10px;
}
.pharma_uses .card_header{
   margin-top: 15px;
   display: flex;
   flex-direction: column;
   align-items: center;
}
.pharma_uses .card_header h5{
   margin-top: 10px;
   margin-right: 10px;
}
.pharma_uses .card_header img{
   height: 60px;
   width: auto;
   object-fit: contain;
   border-radius: 6px; 
}

/* ===============Farma Founder and Uses section ends ============================= */


/* =============== Business section starts ============================= */
.business_section{
   background: #E9F8FF;
}
.business_container{
   display: flex;
   flex-direction: column;
   align-items: center;
}
.business_row .image{
   display: flex;
   justify-content: center;
}
.business_button{
   min-width: 240px;
   margin-top: 40px;
   width: 100%;
}
.business_button button{
   background: rgb(252,122,102);
   background: linear-gradient(101deg, rgba(252,122,102,1) 35%, rgba(250,132,4,1) 100%);
   box-shadow: 0px 0px 30px rgba(255,127,107,0.5), -0px -0px 30px rgba(239,156,66,0.5);
}
.business_button button:hover{
   background: rgb(252,122,102);
}
.business_row .image img {
   height: 420px;
}
.countdown{
   display: flex;
   margin-top: -20px;
   margin-bottom: 20px;
}
.countdown-item{
   background: #222;
   width: 80px;
   height: 70px;
   margin: 10px;
   border-radius: 4px;
   color: #fff;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.countdown-item span{
   text-align: center;
}
.countdown-item .number{
   font-size: 24px;
   font-weight: 600;
}
.countdown-item .txt{
   font-size: 14px;
}
.bonus_button button{
   margin-top: 40px;
}
.bonus_row img{
   padding-top: 30px;
}
.bonus_row .image img{
   height: 420px;
   width:auto;
   object-fit: cover;
}
/* =============== Business section ends ============================= */


/* =============== Products Slider section starts ============================= */
.product_wrapper{
   margin: 10px;
   padding:0px 10px 10px 10px;
   box-shadow: 1px 1px 10px rgba(255,127,107,0.15);
   border-radius: 6px;
}
.product_wrapper h4{
   text-align: center;
}
.product_wrapper p{
   text-align: center;
   line-height: 20px;
}
.slick_slider_arrows{
   background: var(--primary-color);
   color: #fff;
   padding: 10px;
   border-radius: 4px;
}
.slider_arrow_right{
   position: absolute;
   top: 50%;
   right: -40px;
   transform: translate(0%,-50%);
}
.slider_arrow_left{
   position: absolute;
   top: 50%;
   left: -30px;
   transform: translate(-50%,0%);
}
.product_image img{
   height: 100%;
   width: 100%;
   object-fit: cover;
}
/* =============== Products Slider section ends ============================= */


/* =============== Achievement section starts ============================= */
.achievement_container{
   height: auto;
   display: flex;
   flex-direction: column;
   align-items: center;
   background: url(../img/images/pharma_company.png);
   background-size: contain;
}
.achievement_row{
   display: flex;
   justify-content: center;
}
.achievement_item h1{
   font-size: 52px;
   color: var(--primary-color);
   font-weight: 800;
   text-align: center;
}
.achievement_item p{
   text-align: center;
}
/* =============== Achievement section ends ============================= */

.price_section{
   background: #E9F8FF;
}

/* =============== Division section starts ============================= */
.division_container{
   display: flex;
   flex-direction: column;
   align-items: center;
}
.division_row{
   display: flex;
   justify-content: center;
}
.division_item{
   border: 1px solid #eee;
}
.division_item img{
   height: 100%;
   width: 100%;
   object-fit: cover;
   padding: 25px;
}
/* =============== Division section ends ============================= */


/* =============== testimonial  section starts ============================= */
.testimonial_section{
   background: #E9F8FF;
}
.testimonial_container{
   display: flex;
   flex-direction: column;
   align-items: center;
}
.testimonial_row{
   padding-top: 40px;
   display: flex;
   justify-content: center;
}
.testimonial_wrapper{
   box-shadow: 1px 1px 10px rgba(255,127,107,0.15);
   border-radius: 10px;
   padding-bottom: 15px;
   position: relative;
   background: #fff;
}
/* .testimonial_image{
   height: 84px;
   width: 84px;
   border-radius: 100%;
   box-shadow: 1px 1px 10px rgba(0, 0, 0,0.25);
} */
.testimonial_image img{
   height: 100px;
   width: 100px;
   object-fit: cover;
   border-radius: 100%;
   position: absolute;
   top: -50px;
   left: 50%;
   transform: translate(-50%, 0%);
   padding: 4px;
   box-shadow: 1px 1px 10px rgba(0, 0, 0,0.15);
   background: #fff;
}
.testimonial_item .testimonial_description p{
  padding: 70px 40px 30px 40px;
  text-align: justify;
  text-align-last: center;
}
.testimonial_introduction{
   margin-top: -25px;
}
.testimonial_introduction h5{
   color: var(--primary-color);
   text-align: center;
   line-height: 10px;
}
.testimonial_introduction p{
   text-align: center;
}
/* =============== testimonial section ends ============================= */


/* =============== faq section starts ============================= */
.faq_container{
   display: flex;
   flex-direction: column;
   align-items: center;
}
.faq_row{
   display: flex;
   justify-content: center;
}
.added_margin_bottom{
   margin-bottom: 100px;
}
/* =============== faq section ends ============================= */


/* =============== Promotional section starts ============================= */
.promotional_container{
   display: flex;
   flex-direction: column;
   align-items: center;
}
.promotional_row{
   display: flex;
   justify-content: center;
}
.promotional_item .image{
   margin: 10px;
}
.promotional_item .image img{
   height: 100%;
   width: 100%;
   object-fit: cover;
   filter: drop-shadow(1px 1px 10px #8684a0);
}
/* =============== Promotional section ends ============================= */


/* =============== Footer section starts ============================= */
.footer_container{
   display: flex;
   flex-direction: column;
   align-items: center;
}
.footer_row{
   display: flex;
   justify-content: center;
}
 .sticky-footer {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: fixed;
   bottom: 0;
   width: 100%;
   background-color: white;
   padding: 5px 0px;
   box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);
 }
 
.footer-right button {
   background-color: var(--primary-color);
   color: white;
   border: none;
   padding: 10px 20px;
   border-radius: 5px;
   cursor: pointer;
   font-size: 14px;
   background: rgb(252,122,102);
   background: linear-gradient(101deg, rgba(252,122,102,1) 35%, rgba(250,132,4,1) 100%);
   box-shadow: 0px 0px 30px rgba(255,127,107,0.5), -0px -0px 30px rgba(239,156,66,0.5);
 }
 
.footer-right button:hover {
   background: rgb(252,122,102);
 }

 .footer-left {
   display: flex;
   flex-direction: column;
   justify-content: center;
 }
 
 .footer-right{
   display: flex;
   justify-content: flex-end;
   align-items: center;
 }
 .footer-right button{
   margin-left: auto;
 }
 .footer-left .price{
   line-height: 15px;
   margin-top: 10px;
 }
 .footer-left .current_price{
   font-size: 18px;
   font-weight: 700;
   color: var(--primary-color);
 }
 .footer-left .past_price{
   margin-left: 10px;
   font-size: 28px;
 }
 .footer-left .offer p{
   font-size: 20px;
   font-weight: 600;
   line-height: 8px;
 }
 .footer-left .offer #countdown{
   color: var(--primary-color);
 }
/* =============== Footer section ends ============================= */
 

.progress-container {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 5px;
   background-color: #f0f0f0;
   z-index: 9999;
 }
 
 .progress-bar {
   width: 0;
   height: 100%;
   background: rgb(252,122,102);
   background: linear-gradient(101deg, rgba(252,122,102,1) 35%, rgba(250,132,4,1) 100%);
 }

/* ================ Start of media queries for resonsiveness ==========
========================================================================= */
@media screen and (max-width: 1400px) {
   .hero_button button{
      margin-left: 50px;
   }
}
@media screen and (max-width: 1200px) {
   .google_review_container{
      justify-content: center;
   }
   .google_review{
      height: auto;
      width: 100px;
      margin-right: 10px;
   }
   .google_review .second_item{
      height: 90px;
   }
   .design1{
      width: 90%;
    }
    .design2{
      width: 82%;
    }
    .design2 h1{
      margin: 0px 5px;
    }
.hero_button button{
   margin-left: 70px;
}
}

@media screen and (max-width: 992px) {
   .hero_right .section-heading{
      display: flex;
    }
   .hero_button button{
      margin-left: 10px;
   }
.hero_row .left_content{
   margin-bottom: 40px;
}
.width_80_percent{
   width: 100%;
}

.section-heading h2{
   width: 50%;
}
.achievement_row{
   display: flex;
   justify-content: space-between;
}
.achievement_item{
   margin-bottom: 10px;
   width: 100%;
}

.testimonial_item1{
   margin-bottom: 80px;
}
}

@media screen and (max-width: 768px) {
.bonus_button button{
   margin-top: 40px;
}
.business_row .image img {
   height: 320px;
}
.bonus_row .image img{
   height: 360px;
   padding-top: 30px;
}

.franchise_man_image{
   display: none;
}
.footer-left {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   text-align: center;
   margin-bottom: 6px;
 }
 .footer-left .offer{
   margin-top: 15px;
   margin-left: 10px;
 }
 .footer-right button{
   margin-left: 0px;
 }
 .multi_step_pupUp{
   height: 420px;
   width: 420px;
 }
 .multi_step_pupUp .step_form_item input{
   width: 100%;
 }
 .circle_designs_container{
   display: none;
 }
}

@media screen and (max-width: 576px) {
   .custom_rc label {
      font-size: 14px;
      padding: 0px;
   }
   .padding-top-bottom_70{
      padding-top: 40px;
      padding-bottom: 40px;
   }
   .padding-top_70{
      padding-top: 40px;
   }
   .padding-bottom_70{
      padding-bottom: 40px;
   }

   .section-heading h2{
      width: 80%;
   }

   .hero_row .left_content{
      text-align: center;
   }
   .hero_row .left_content p{
      text-align: justify;
      text-align-last: center;
   }
   .hero_button{
       margin: 0 auto;
   }
   .hero_button button{
      margin-right: 20px;
   }
   .franchise_text_content h2{
      text-align: center;
   }
   .franchise_text_content p{
      text-align: center;
   }

   .pharma_founder .wrapper{
      display: flex;
      flex-direction: column;
      align-items: center;
   }

   .achievement_item h1{
      font-size: 28px;
      font-weight: 700;
   }

   .addressing_item .card_list ul{
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
   }
   .addressing_item .card_list li{
      text-align: center;
   }

   .pharma_founder h2{
      text-align: center;
   }
   .pharma_founder h5{
      text-align: center;
   }

   .custom_padding_featured{
      padding: 30px;
   }
   .business_row .image img {
      height: 280px;
  }

  .left_content{
   padding-right: 0px;
  }
  
}
   
@media screen and (max-width: 440px) {
   .review_main{
      flex-direction: column;
   }
   .google_review_container{
      margin-top: 30px;
   }
   .business_row .image img {
      height: 220px;
   }
   .division_item img{
      padding: 10px;
   }
   .founder .text_content{
      padding-left: 0px;
   }
   .countdown-item{
      width: 65px;
      height: 55px;
      margin: 5px;
   }
   .countdown-item .number{
      font-size: 20px;
      font-weight: 600;
   }
   .countdown-item .txt{
      font-size: 12px;
   }
   .footer-left .current_price{
      display: none;
   }
   .footer-left .past_price{
      display: none;
   }
   .multi_step_pupUp{
      height: 420px;
      width: 360px;
    }
    .multi_step_pupUp .step_form_item input{
      width: 100%;
    }
}

@media screen and (max-width: 360px) {
   .business_row .image img {
      height: 180px;
   }
}

/*================================================
  Comingsoon Area CSS
=================================================*/
.comingsoon-section {
   position: relative;
   height: 100vh;
   background: #a8aaf1;
   background: linear-gradient(150deg, #a8aaf1 0%, #2c31ff 20%, #2c31ff 100%);
   display: -ms-grid;
   display: grid;
   place-items: center;
 }
 
 .comingsoon-section::before {
   position: absolute;
   content: "";
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: url('https://sofsee.com/frontend/assets/img/background/banner_2_bg.png') no-repeat center;
   background-size: content;
 }
 
 .comingsoon-section .comingsoon-box {
   position: relative;
   max-width: 760px;
   margin: 0 auto;
   padding: 45px 40px 35px;
   background-color: #fff;
   -webkit-box-shadow: 0 0 30px -2px rgba(106, 99, 119, 0.1);
   box-shadow: 0 0 30px -2px rgba(106, 99, 119, 0.1);
 }
 
 .comingsoon-section .comingsoon-box .logo {
   margin: 0 auto 20px;
   width: 120px;
 }
 
 .comingsoon-section .comingsoon-box .title-box {
   text-transform: capitalize;
   position: relative;
   text-align: center;
 }
 
 .comingsoon-section .comingsoon-box .title-box .text {
   position: relative;
   margin-top: 12px;
 }
 
 .comingsoon-section .comingsoon-box .newsletter-form {
   margin-bottom: 30px;
 }
 
 .comingsoon-section .comingsoon-box .newsletter-form .input-group {
   background: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-shadow: 0 0 20px rgba(106, 99, 119, 0.1);
           box-shadow: 0 0 20px rgba(106, 99, 119, 0.1);
   border: none;
   width: 90%;
 }
 
 .comingsoon-section .comingsoon-box .cta-btn {
   text-align: center;
 }
 
 .comingsoon-section .comingsoon-box .cta-btn .btn-solid {
   -webkit-box-shadow: 0 0 40px 40px#E68528 inset;
   box-shadow: 0 0 40px 40px #E68528 inset;
 }
 
 .comingsoon-section .comingsoon-box .cta-btn .btn-solid:hover {
   color: #E68528;
   border: 1px solid #E68528;
   -webkit-box-shadow: none;
   box-shadow: none;
 }
 
 .comingsoon-section .comingsoon-box #timer {
   padding: 30px 0;
 }
 
 .comingsoon-section .comingsoon-box #timer div {
   background-color: #332f3b;
   color: #fff;
   width: 100px;
   height: 105px;
   border-radius: 5px;
   font-size: 40px;
   font-weight: 800;
   margin-left: 10px;
   margin-right: 10px;
 }
 
 .comingsoon-section .comingsoon-box #timer div span {
   display: block;
   margin-top: -2px;
   font-size: 17px;
   font-weight: 600;
 }
 

 /* social link */


.social-link a {
   display: inline-block;
   width: 28px;
   height: 28px;
   font-size: 12px;
   text-align: center;
   color: #fff;
   line-height: 28px;
   border-radius: 50%;
   margin-right: 5px;
   border: 1px solid inherit;
   -webkit-transition-property: all;
   transition-property: all;
   -webkit-transition-duration: 300ms;
   transition-duration: 300ms;
   -webkit-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out;
   -webkit-transition-delay: 0s;
   transition-delay: 0s;
 }
 
 .social-link a:last-child {
   margin: 0;
 }
 
 .social-link a:hover {
   -webkit-transform: translateY(-2px);
   transform: translateY(-2px);
 }
 

 /* thankyou button */
 .thankyou-button-container {
   display: flex;
   justify-content: center;
   margin-top: 50px;
}

.thankyou-button {
   display: inline-block;
   padding: 10px 20px;
   text-align: center;
   text-decoration: none;
   margin: 0 10px;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   color: #fff;
   font-weight: bold;
}

.ty-email {
   background-color: #3498db;
}

.ty-phone {
   background-color: #e74c3c;
}

.ty-whatsapp {
   background-color: #25d366;
}

.thankyou-button:hover {
   opacity: 0.8;
}

/* whatsapp */


.whats_app_icon {
   position: fixed;
   bottom: 20px;
   right: 30px;
   z-index: 11;
   opacity: 1;
   overflow: hidden;
   pointer-events: all;
   cursor: pointer;
   box-shadow: 0 1px 6px 0 rgba(225, 57, 57, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16);
   background: #4fce5d;
   border-radius: 50%;
   animation-direction: alternate-reverse !important;
   animation: zoom 1s infinite;
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
   border: 2px solid transparent; 
}

@keyframes zoom {
   0% {
       transform: scale(1);
       border: 2px solid transparent;
       box-shadow: 0 0 0 2px #c0e2ef, 0 0 0 3px #c0e2ef, 0 0 0 4px #c0e2ef; 
   }
   50% {
       transform: scale(1.1);
       border: 2px solid transparent; 
       box-shadow: 0 0 0 2px #c0e2ef, 0 0 0 3px #c0e2ef, 0 0 0 4px #c0e2ef;
   }
   100% {
       transform: scale(1);
   }
}
@media (max-width: 768px) {
   .whats_app_icon {
       bottom: 15px; 
       right: 10px; 
   }
}