@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
:root {
  --font-size-middle: 16px;
  --section-width: 1200px;
  --section-margin-bottom: 120px;
}
html{
  scroll-behavior: smooth;
}
body{
  font-family: inter;
  display: flex;
  flex-direction: column;
  align-items: center;
  scroll-behavior: smooth;
}
.active_li{
  font-weight: 700 !important;
  color: #000000 !important;
}
.bold, .active_language{
  font-weight: 700 !important;
}
.active_language{
  text-shadow: 0 0 2px black;
}
.visibility_off{
  visibility: hidden !important;
}

.my-message .status {
    margin-left: 8px;
    color: #4caf50;
    font-size: 1.2em;
}
.my-message.pending .status {
    color: #aaa;
}
/* --------------Header-------------- */
#Header{
  width: var(--section-width);
  height: 120px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 11;
}
#Header .logo_side{
  width: fit-content;
  margin-right: 30px;
}
#Header .logo_side a{
}
#Header .logo_side img{
  width: 145px;
}
#Header .text_side{
  width: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#Header .text_side ul{
  display: flex;
  justify-content: space-between;
  list-style: none;
  width: fit-content;
}
#Header .text_side ul li{
  font-family: inter;
  font-size: var(--font-size-middle);
  font-weight: 500;
  margin-right: 30px;
}
#Header .text_side ul li a{
  color: black;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: none;
}
#Header .text_side ul li a:hover{
  text-shadow: 0 0 1px black;
}
#Header .text_side .language_btn{
  width: 120px;
  height: 40px;
  border-radius: 10px;
  background-color: #60c1f8;
  text-transform: uppercase;
  font-weight: 500;
  font-size: var(--font-size-middle);
  letter-spacing: 1px;
  color: #ffffff;
  border: none;
}
#Header .text_side .language_btn:hover{
  border: 3px solid #0398ee;
  cursor: pointer;
}
#Header .btn_menu{
  display: none;
}
/* --------------APP-------------- */
#app{
  width: var(--section-width);
}
/* --------------Home-------------- */
#Menu{
  display: none;
}
#Home{
  width: 100%;
}
#Home .banners, #Company .banner{
  width: 100%;
  margin-bottom: var(--section-margin-bottom);
  display: flex;
  flex-direction: column;
}
#Home .banners .main-card,
#Company .banner .main-card,
#Contacts .banners .main-card,
#Products .banner .main-card{
  width: 100%;
  height: fit-content;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
}
#Contacts .banners .main-card{
  height: 420px;
}
#Home .banners .main-card video,
#Company .banner .main-card video,
#Contacts .banners .main-card video,
#Products .banner .main-card video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#Home .banners .main-card .text_side,
#Company .banner .main-card .text_side,
#Products .banner .main-card .text_side{
  color: #fff;
  position: absolute;
  width: 514px;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}
#Home .banners .main-card .text_side h3,
#Company .banner .main-card .text_side h3,
#Products .banner .main-card .text_side h3{
  font-size: 64px;
  font-weight: 700;
  line-height: 77.45px;
  text-align: left;
  margin-bottom: 16px;
}
#Home .banners .main-card .text_side p,
#Company .banner .main-card .text_side p,
#Products .banner .main-card .text_side p{
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  text-align: left;  
}
#Home .banners .main-card .img_side,
#Company .banner .main-card .img_side,
#Products .banner .main-card .img_side{
  width: 100%;
  height: 420px;
}
#Home .banners .main-card .img_side img,
#Company .banner .main-card .img_side img,
#Products .banner .main-card .img_side img{
  width: 100%;
  height: 420px;
  border-radius: 10px;
  object-fit: cover;
}
#Home .banners .card-case,
#Contacts .banners .card-case{
  width: 100%;
  margin-top: 28px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#Home .banners .card-case .card{
  width: 48%;
  height: 200px;
  margin-bottom: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px;
}
#Home .banners .card-case .card:nth-child(1){
  background-color: #FFF494;
}
#Home .banners .card-case .card:nth-child(2){
  background-color: #B1F18A ;
}
#Home .banners .card-case .card:nth-child(3){
  background-color: #ADF2F6;
}
#Home .banners .card-case .card:nth-child(4){
  background-color: #f6adad;
}
#Home .banners .card-case .card .text_side{
  width: 50%;
  margin-left: 30px;
}
#Home .banners .card-case .card .text_side h3{
  width: 165px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24.2px;
  text-align: left;
  margin-bottom: 6px;
}
#Home .banners .card-case .card .text_side p{
  width: 165px;
  font-size: 16px;
  font-weight: 400;
  line-height: 14.52px;
  text-align: left;
}
#Home .banners .card-case .card .img_side{
  width: 50%;
  height: 100%;
  position: relative;
}
#Home .banners .card-case .card .img_side img{
  position: absolute;
  height: 100%;
  left: 40%;
  transform: translateX(-50%);
}
/* --------------*****-------------- */
#Home .popular_drugs,
#Home .seasonal_drugs,
#BuyProduct .popular_drugs{
  display: flex;
  flex-direction: column;
  margin-bottom: var(--section-margin-bottom);
}
#Home .popular_drugs h2,
#Home .seasonal_drugs h2,
#BuyProduct .popular_drugs h2{
  font-size: 32px;
  font-weight: 700;
  line-height: 38.73px;
  text-align: left;
  margin-bottom: 50px;
}
#Home .popular_drugs .card_case,
#Home .seasonal_drugs .card_case,
#BuyProduct .popular_drugs .card_case,
#Products .select_products .card_side
{
  width: 100%;
  height: fit-content;
  margin-bottom: 80px;
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
}
#Products .select_products .card_side{
  margin-left: 50px;
  padding-top: 100px;
}
#Home .popular_drugs .card_case .card,
#Home .seasonal_drugs .card_case .card,
#BuyProduct .popular_drugs .card_case .card,
#Products .select_products .card_side .card
{
  width: 280px;
  height: auto;
  border-radius: 10px;
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
#Home .popular_drugs .card_case .card:hover,
#Home .seasonal_drugs .card_case .card:hover,
#BuyProduct .popular_drugs .card_case .card:hover,
#Products .select_products .card_side .card:hover{
  background-color: #F8F8F8;
  cursor: pointer;
}
#Home .popular_drugs .card_case .card img,
#Home .seasonal_drugs .card_case .card img,
#BuyProduct .popular_drugs .card_case .card img,
#Products .select_products .card_side .card img{
  width: 100%;
  padding: 0px;
  margin-top: 10%;
}
#Home .popular_drugs .card_case .card h3,
#Home .seasonal_drugs .card_case .card h3,
#BuyProduct .popular_drugs .card_case .card h3,
#Products .select_products .card_side .card h3{
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  width: 85%;
  height: 50px;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
  overflow: hidden;
}
#Home .popular_drugs .card_case .card button,
#Home .seasonal_drugs .card_case .card button,
#BuyProduct .popular_drugs .card_case .card button,
#Home .popular_drugs .card_case .card a,
#Home .seasonal_drugs .card_case .card a,
#BuyProduct .popular_drugs .card_case .card a,
#Products .select_products .card_side .card a{
  width: 220px;
  height: 50px;
  border-radius: 10px;
  background-color: #699CFF;
  color: #FFFFFF;
  border: 3px solid transparent;
  margin-bottom: 16px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.36px;
}
#Products .select_products .card_side .card .linker{
    background: none;
    border: none;
    width: 100%;
    height: fit-content;
    margin: 0;
}
#Home .popular_drugs .card_case .card button:hover,
#Home .seasonal_drugs .card_case .card button:hover,
#BuyProduct .popular_drugs .card_case .card button:hover,
#Home .popular_drugs .card_case .card a:hover,
#Home .seasonal_drugs .card_case .card a:hover,
#BuyProduct .popular_drugs .card_case .card a:hover,
#Products .select_products .card_side .card a:hover{
  border: 3px solid #2f74ff;
  cursor: pointer;
}
#Home .popular_drugs .card_case .card .availability,
#Home .seasonal_drugs .card_case .card .availability,
#BuyProduct .popular_drugs .card_case .card .availability,
#Products .select_products .card_side .card .availability{
  margin-bottom: 16px;
  color: #27BE5A;
  font-size: 12px;
  font-weight: 500;
  line-height: 14.52px;
}
#Home .popular_drugs .more,
#Home .seasonal_drugs .more,
#BuyProduct .popular_drugs .more{
  font-size: 16px;
  font-weight: 500;
  line-height: 19.36px;
  width: 390px;
  height: 50px;
  border-radius: 10px;
  background-color: #EBEBEB;
  color: #858585;
  border: 3px solid transparent;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
#Home .popular_drugs .more:hover,
#Home .seasonal_drugs .more:hover,
#BuyProduct .popular_drugs .more:hover{
  border: 3px solid #dbdbdb;
  cursor: pointer;
}
/* --------------*****-------------- */
#Home .banners_2,
#Products .banners_2,
#BuyProduct .banners_2{
  width: 100%;
  margin-bottom: var(--section-margin-bottom);
  display: flex;
  flex-direction: column;
}
#Home .banners_2 .main-card,
#Products .banners_2 .main-card,
#BuyProduct .banners_2 .main-card{
  width: 100%;
  border-radius: 10px;
  position: relative;
  height: fit-content;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
}
#Home .banners_2 .main-card video,
#Products .banners_2 .main-card video,
#BuyProduct .banners_2 .main-card video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#Home .banners_2 .main-card .text_side,
#Products .banners_2 .main-card .text_side,
#BuyProduct .banners_2 .main-card .text_side{
  color: #000;
  position: absolute;
  width: 563px;
  top: 60%;
  left: 30px;
  transform: translateY(-50%);
}
#Home .banners_2 .main-card .text_side h3,
#Products .banners_2 .main-card .text_side h3,
#BuyProduct .banners_2 .main-card .text_side h3{
  font-size: 64px;
  font-weight: 700;
  line-height: 77.45px;
  text-align: left;
  margin-bottom: 20px;
}
#Home .banners_2 .main-card .text_side p,
#Products .banners_2 .main-card .text_side p,
#BuyProduct .banners_2 .main-card .text_side p{
  width: 500px;
  font-size: 14px;
  font-weight: 400;
  line-height: 14.52px;
  text-align: left;  
}
#Home .banners_2 .main-card .img_side,
#Products .banners_2 .main-card .img_side,
#BuyProduct .banners_2 .main-card .img_side{
  height: 100%;
}
#Home .banners_2 .main-card .img_side img,
#Products .banners_2 .main-card .img_side img,
#BuyProduct .banners_2 .main-card .img_side img{
  height: 100%;
  margin-right: 10px;
}
.card-case .card:hover{
  cursor: pointer;
  box-shadow: 0px 0px 12px 5px rgba(200, 200, 200, 0.5);
}
#Home .banners_2 .card-case{
  width: 100%;
  margin-top: 28px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#Home .banners_2 .card-case .card{
  width: 48%;
  margin-bottom: 25px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
}
#Home .banners_2 .card-case .card:nth-child(1){
  background-color: #FFF494;
}
#Home .banners_2 .card-case .card:nth-child(2){
  background-color: #B1F18A;
}
#Home .banners_2 .card-case .card:nth-child(3){
  background-color: #ADF2F6;
}
#Home .banners_2 .card-case .card:nth-child(4){
  background-color: #f6adad;
}
#Home .banners_2 .card-case .card .text_side{
  width: 50%;
  margin-left: 5%;
  color: #000000;
}
#Home .banners_2 .card-case .card .text_side h3{
  width: 80%;
  font-size: 24px;
  font-weight: 700;
  line-height: 29.05px;
  margin-bottom: 20px;
}
#Home .banners_2 .card-case .card .text_side p{
  width: 80%;
  font-size: 15px;
  font-weight: 400;
  line-height: 18.15px;
  text-align: left;
  text-align: left;
}
#Home .banners_2 .card-case .card .img_side{
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#Home .banners_2 .card-case .card .img_side img{
  width: 80%;
  object-fit: cover;
  border-radius: 10px;
}
#Home .banners_2 .card-case .card:nth-child(2) .img_side img{
  /* transform: rotate(180deg);   */
}
/* --------------*****-------------- */
#Home .skilled_professionals,
#Company .skilled_professionals{
  margin-bottom: var(--section-margin-bottom);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#Home .skilled_professionals h2,
#Company .skilled_professionals h2{
  width: 708px;
  font-size: 32px;
  font-weight: 700;
  line-height: 38.73px;
  text-align: center;
  margin-bottom: 40px;
  color: #000000;
}
#Home .skilled_professionals .card_case,
#Company .skilled_professionals .card_case{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#Home .skilled_professionals .card_case .card,
#Company .skilled_professionals .card_case .card{
}
#Home .skilled_professionals .card_case .card img,
#Company .skilled_professionals .card_case .card img{
  width: 380px;
  height: 450px;
  border-radius: 10px; 
  margin-bottom: 20px; 
}
#Home .skilled_professionals .card_case .card h3,
#Company .skilled_professionals .card_case .card h3{
  font-size: 24px;
  font-weight: 700;
  line-height: 29.05px;
  margin-bottom: 8px;
}
#Home .skilled_professionals .card_case .card p,
#Company .skilled_professionals .card_case .card p{
  font-size: 15px;
  font-weight: 400;
  line-height: 18.15px;  
}
/* --------------*****-------------- */
#Home .skilled_professionals_2{
  margin-bottom: var(--section-margin-bottom);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#Home .skilled_professionals_2 h2{
  width: 708px;
  font-size: 32px;
  font-weight: 700;
  line-height: 38.73px;
  text-align: center;
  margin-bottom: 40px;
  color: #000000;
}
#Home .skilled_professionals_2 .card_case{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#Home .skilled_professionals_2 .card_case .card{
  width: 380px;
}
#Home .skilled_professionals_2 .card_case .card img{
  width: 380px;
  height: 250px;
  object-fit: cover;
  border-radius: 10px; 
  margin-bottom: 20px; 
}
#Home .skilled_professionals_2 .card_case .card p.date{
  margin-bottom: 25px;
  font-size: 15px;
  font-weight: 400;
  line-height: 18.15px;
  color: #C0C0C0;
}
#Home .skilled_professionals_2 .card_case .card h3{
  font-size: 24px;
  font-weight: 700;
  line-height: 29.05px;
  margin-bottom: 8px;
}
#Home .skilled_professionals_2 .card_case .card p.text{
  font-size: 15px;
  font-weight: 400;
  line-height: 18.15px;  
}
/* --------------*****-------------- */
#Footer .get_in_touch{
  width: 100%;
  margin-bottom: var(--section-margin-bottom);
  display: flex;
}
#Footer .get_in_touch .img_side{
  width: 539px;
  height: 632px;
  background-color: #FFF494;
  border-radius: 10px;
}
#Footer .get_in_touch .img_side img{
  height: 632px;
  position: relative;
  left: 50%;
  transform: translateX(-48%);
}
#Footer .get_in_touch .text_side{
  width: 400px;
  margin-left: 100px;
  display: flex;
  flex-direction: column;
}
#Footer .get_in_touch .text_side h2{
  font-size: 24px;
  font-weight: 700;
  line-height: 29.05px;
  margin-bottom: 16px;
}
#Footer .get_in_touch .text_side p{
  font-size: 15px;
  font-weight: 400;
  line-height: 18.15px;
  margin-bottom: 30px;
}
#Footer .get_in_touch .text_side label{
  font-size: 15px;
  font-weight: 600;
  line-height: 18.15px;
  margin-bottom: 11px;
}
#Footer .get_in_touch .text_side input{
  width: 100%;
  height: 50px;
  border-radius: 10px;
  padding: 10px 15px;
  background-color: #EBEBEB;
  border: 2px solid transparent;
  font-size: 15px;
  font-weight: 400;
  line-height: 18.15px;
  margin-bottom: 28px;
}
#Footer .get_in_touch .text_side #Commnent{
  width: 400px;
  height: 150px;
  text-align: left;
}
#Footer .get_in_touch .text_side input:hover{
  border: 2px solid #dfdfdf;
  cursor: pointer;
}
#Footer .get_in_touch .text_side textarea{
  border-radius: 10px;
  padding: 10px 15px;
  background-color: #EBEBEB;
  border: 2px solid transparent;
  font-size: 15px;
  font-weight: 400;
  line-height: 18.15px;
  margin-bottom: 28px;
  resize: none;
}
#Footer .get_in_touch .text_side textarea:hover{
  border: 2px solid #dfdfdf;
  cursor: pointer;
}
#Footer .get_in_touch .text_side .block{
  width: 100%;
  height: 18px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
#Footer .get_in_touch .text_side .block #Checkbox_all{
  width: 16px;
  height: 16px;
  border-radius: 3px;
  margin: 0;
  margin-right: 10px;
}
#Footer .get_in_touch .text_side .block label{
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 18.15px;
}
#Footer .get_in_touch .text_side .block label span{
  font-weight: 400;
}
#Footer .get_in_touch .text_side button{
  width: 250px;
  height: 50px;
  border-radius: 10px;
  background-color: #699CFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.36px;
  color: #FFFFFF;
  border: 3px solid transparent;
}
#Footer .get_in_touch .text_side button:hover{
  border: 3px solid #2f74ff;
  cursor: pointer;
}
/* --------------*****-------------- */
/* --------------Footer-------------- */
#Footer{
  width: var(--section-width);
}
#Footer section{
  width: 100%;
  height: 420px;
  border-radius: 10px;
  background-color: #F7F7F7;
  display: flex;
  justify-content: space-between;
  padding: 70px;
}
#Footer section .block{
  max-width: 256px;
  min-width: 142px;
}
#Footer section .block:nth-child(1){
}
#Footer section .block h2{
  font-size: 24px;
  font-weight: 700;
  line-height: 29.05px;
  margin-bottom: 30px;
}
#Footer section .block h3{
  font-size: 15px;
  font-weight: 700;
  line-height: 18.15px;
  margin-bottom: 8px;
}
#Footer section .block p{
  font-size: 15px;
  font-weight: 400;
  line-height: 18.15px;
  margin-bottom: 20px;
}
#Footer section .block a.tel{
  text-decoration: none;
  color: #000000;
  display: block;
  margin-bottom: 20px;
}
#Footer section .block img{
  margin-right: 30px;
    max-width: 30px;
}
#Footer section .block ul{
}
#Footer section .block ul li{
  list-style: none;
  font-size: 15px;
  font-weight: 400;
  line-height: 18.15px;
  color: #6B6B6B;
  margin-bottom: 18px;
}
#Footer section .block ul li a{
  text-decoration: none;
  color: #6B6B6B;
  display: flex;
  align-items: center;
}
#Footer section .block ul li a:hover{
  font-weight: 700;
  color: #000000;
  cursor: pointer;
}
#Footer section .block ul li pre{
  font-size: 15px;
  font-weight: 400;
  line-height: 18.15px;
  color: #6B6B6B;
  margin-bottom: 18px;
  letter-spacing: 0px;
}
#Footer section .block ul li:hover{
  cursor: pointer;
}
/* --------------*****-------------- */
#Footer .links{
  width: 100%;
  height: 120px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#Footer .links p{
  color: #858585;
  font-size: 15px;
  font-weight: 500;
  line-height: 18.15px;  
}
#Footer .links .case{
  width: 266px;
  display: flex;
  justify-content: space-between;
}
#Footer .links .case a{
  text-decoration: none;
  color: #858585;
  font-size: 15px;
  font-weight: 500;
  line-height: 18.15px;
}
/* --------------Company-------------- */
#Company{
  width: var(--section-width);
  margin-bottom: var(--section-margin-bottom);
}
#Company .post{
   display: flex;
   margin-bottom: var(--section-margin-bottom);
}
#Company .post{
   overflow: hidden;
}
#Company .post .img_side{
  width: 25%;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
#Company .post .img_side img{
  width: 100%;
}
#Company .post .img_side #Surya_logo{
  max-width: 120px;
  max-height: 120px;
}
#Company .post .img_side #Bajal_logo{
  padding: 20px;
}
#Company .post .img_side #VovantisLogo{
  max-width: 190px;
}
#Company .post .img_side #NaxcuureLogo{
  padding: 20px;
}
#Company #GangaHealthcarePost, #Company #GangaHealthcarePost2{
  margin-bottom: 20px;
}
#Company .post .text_side{
  width: 75%;
  margin-left: 30px;
  width: 75%;
  margin-left: 30px;
  text-align: justify;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
#Company .post .text_side h3{
  font-size: 32px;
  font-weight: 700;
  line-height: 38.73px;
  text-align: justified;
  margin-bottom: 20px;
}
#Company .post .text_side p{
  font-size: 16px;
  font-weight: 400;
  line-height: 19.36px;
  text-align: justified;
  margin-bottom: 20px;
}
#Company .post .text_side .statistics{
  width: 100%;
  height: 130px;
  border-radius: 10px;
  margin-bottom: 20px;
  background-color: #F7F7F7;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#Company .post .text_side .statistics .block{
  text-align: center;
}
#Company .post .text_side .statistics .block .number{
  font-size: 40px;
  font-weight: 700;
  line-height: 48.41px;
  margin-bottom: 8px;
}
#Company .post .text_side .statistics .block .description{
  font-size: 16px;
  font-weight: 400;
  line-height: 19.36px;
  margin-bottom: 0px;
}
#Company .post .cards{
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#Company .post .cards .card{
  width: 32%;
  height: auto;
  padding: 20px;
  background-color: #F7F7F7;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px;
}
#Company .post .cards .card img{
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}
#Company .post .cards .card p{
  font-size: 16px;
  font-weight: 400;
  line-height: 19.36px;
  text-align: left;
  margin: 20px;
}
#Company .post .cards .card .btn_link{
  width: 100%;
  height: 80px;
  border-radius: 10px;
  background-color: #27BE5A;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.36px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* --------------*****-------------- */
#Company .video_block{
  margin-bottom: var(--section-margin-bottom);
}


#Company #OurPartners{
  margin-top: var(--section-margin-bottom);
  flex-direction: column;
}
#Company ul{
  list-style: none;
  margin-top: 20px;
  padding: 20px;
  margin: 0;
  margin-bottom: var(--section-margin-bottom);
}
#Company ul li{
  font-size: 16px;
  font-weight: 400;
  line-height: 19.36px;
  color: #000000;
  margin-bottom: 10px;
  margin-left: 20px;
}
#Company ul li::before{
  content: "✔";
  color: green;
  font-weight: bold;
  display: inline-block;
  width: 20px; /* Adjust as needed */
  margin-left: -20px; /* Adjust to align with text */
}
/* --------------Contacts-------------- */
#Contacts{
  width: 100%;
  margin-bottom: var(--section-margin-bottom);
}
#Contacts .banners .main-card iframe{
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
#Contacts .banners .card-case .card{
  width: 380px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 10px;
  padding: 25px;
}
#Contacts .banners .card-case .card h3{
}
#Contacts .banners .card-case .card a{
text-decoration: none;
color: #000000;
font-size: 24px;
font-weight: 700;
line-height: 29.05px;
}
#Contacts .banners .card-case .card:nth-child(1){
  background-color: #FFF494;
}
#Contacts .banners .card-case .card:nth-child(2){
  background-color: #B1F18A;
}
#Contacts .banners .card-case .card:nth-child(3){
  background-color: #ADF2F6;
}
/* --------------Products-------------- */
#Products{
  width: var(--section-width);
  margin-bottom: var(--section-margin-bottom);
}
#Products .banner{
  width: 100%;
  margin-bottom: 80px;
}
#Products .banner .main-card .text_side h3{
  color: #699CFF;
}
#Products .banner .main-card .text_side p{
  color: #000000;
}
#Products .select_products{
  margin-bottom: var(--section-margin-bottom);
}
#Products .select_products .head{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
#Products .select_products .head h3{
  font-size: 24px;
  font-weight: 700;
  line-height: 29.05px;
  margin-left: 20px;
}
#Products .select_products .head .case{
  height: 50px;
}
#Products .select_products .head .case input{
  width: 450px;
  height: 50px;
  border-radius: 10px;
  background-color: #F7F7F7;
  margin-right: 9px;
  border: 3px solid transparent;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.94px;
  padding-left: 20px;
}
#Products .select_products .head .case input:hover{
  cursor: pointer;
  border-color: #2f74ff;
}
#Products .select_products .head .case button{
  width: 126px;
  height: 50px;
  border-radius: 10px;
  background-color: #699CFF;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.36px;
  border: 3px solid transparent;
}
#Products .select_products .head .case button:hover{
  cursor: pointer;
  border-color: #2f74ff;
}
#Products .select_products .list_side{
  width: 250px;
}
#Products .select_products .list_side > div{
  margin-top: 40px;
}
#Products .select_products .list_side div{
  width: 250px;
  height: 20px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
#Products .select_products .list_side div h3{
  font-size: 14px;
  font-weight: 700;
  line-height: 16.94px;
}
#Products .select_products .list_side div:hover{
  cursor: pointer;
}
#Products .select_products .list_side div img{
  width: 11px;
  height: 11px;
  margin-left: 20px;
  display: none;
}
/* ul */
#Products .select_products .list_side ul{
  list-style: none;
}
#Products .select_products .list_side ul li{
  font-size: 14px;
  font-weight: 400;
  line-height: 16.94px;
  color: #7D7D7D;
  margin-bottom: 16px;
}
#Products .select_products .list_side ul li:hover{
  cursor: pointer;
  color: #353535;
}
#Products .select_products .list_side #Dispensing_form li {
  width: 100%;
  height: 100%;
  background-color: white;
  border: 2px solid #A4A4A4;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.94px;
  color: #7D7D7D;
  margin-bottom: 16px;
  text-align: center;
}
#Products .select_products .list_side #Dispensing_form .active_li {
  border-color: black;
}
#Products .select_products .list_side #Dispensing_form li:hover{
  cursor: pointer;
  color: #353535;
  border: 2px solid #353535;
}
/* button */
#Products .select_products .list_side button{
  width: 220px;
  height: 50px;
  border-radius: 10px;
  background-color: #F7F7F7;
  color: #A4A4A4;
  font-weight: 700;
  font-size: 14px;
  line-height: 16.94px;
  border: 3px solid transparent;
  margin-top: 30px;
}
#Products .select_products .list_side button:hover{
  border-color: #7D7D7D;
}
/* card_side -> Home page */  
#Products .select_products .card_side_case{
  width: 100%;
}
#Products .select_products .card_side_case .puginator{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#Products .select_products .card_side_case .puginator .case{
}
#Products .select_products .card_side_case .puginator .case button{
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background-color: #F7F7F7;
  color: #A4A4A4;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.94px;
  margin: 0 10px;
  border: 2px solid transparent;
}
.puginator .case button.active{
  background-color: #699CFF !important;
  color: #FFFFFF !important;
}
#Products .select_products .card_side_case .puginator .case button:hover{
  border-color: #0398ee;
  cursor: pointer;
}
#Products .select_products .sides{
  display: flex;
}
.d-none{
  display: none !important;
}
.d-flex{
  display: flex !important;
}
#Products .select_products .list_side #Dispensing_form{
  width: var(--section-width);
  position: absolute;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#Products .select_products .list_side #Dispensing_form li{
  width: 24%;
}
#Products .select_products .list_side #Drug_select_case{
  padding-top: 80px;
}
/* --------------BuyProduct-------------- */
#BuyProduct{
  width: var(--section-width);
  margin-bottom: var(--section-margin-bottom);
}
#BuyProduct .header_back_buttons{
  display: flex;
  margin-bottom: 80px;
}
#BuyProduct .header_back_buttons a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 105px;
  height: 40px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.94px;
  background-color: #EBEBEB;
  border: 2px solid transparent;
  text-decoration: none;
}
#BuyProduct .header_back_buttons a:hover{
  cursor: pointer;
  border-color: #7D7D7D;
}
#BuyProduct .header_back_buttons a:first-child{
  color: #858585;
  background-color: #EBEBEB80;
  margin-right: 15px;
}
#BuyProduct .header_back_buttons a:nth-child(2){
  width: fit-content;
  height: 40px;
  justify-content: flex-start;
  padding-right: 15px;
}
#BuyProduct .header_back_buttons a img{
  width: 43px;
  height: 43px;
} 
#BuyProduct .header_back_buttons a span{
}
/* --------------*****-------------- */
#BuyProduct h2{
  font-size: 32px;
  font-weight: 700;
  line-height: 38.73px;
  margin-bottom: 50px;
}
#BuyProduct button{
  width: 100%;
  height: 50px;
  border-radius: 10px;
  background-color: #699CFF;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.36px;
  border: 3px solid transparent;
  margin-bottom: 80px;
}
#BuyProduct button:hover{
  cursor: pointer;
  border-color: #2f74ff;
}
#BuyProduct #Instruction{
  width: 100%;
  margin-bottom: 80px;
}
#BuyProduct #Instruction p{
  font-size: 16px;
  font-weight: 400;
  line-height: 19.36px;
  margin-bottom: 1rem;
  width: 100%;
}
#BuyProduct #Instruction strong{
  font-size: 16px;
  font-weight: 700;
  line-height: 19.36px;
  margin-bottom: 2rem;
} 
#BuyProduct .main_product_info{
  width: 100%;
  display: flex;
}
#BuyProduct .main_product_info .imgs_side{
  width: 547px;
  height: 483px;
  margin-bottom: 80px;
}
#BuyProduct .main_product_info .imgs_side .swiper-case {
}
#BuyProduct .main_product_info .text_side{
  width: 100%;
  height: 483px;
  margin-left: 50px;
}
/* swiper css */
#BuyProduct .main_product_info .text_side h3{
  font-size: 32px;
  font-weight: 700;
  line-height: 38.73px;
  margin-bottom: 10px;
}
#BuyProduct .main_product_info .text_side .availability{
  color: #27BE5A;
  font-size: 12px;
  font-weight: 500;
  line-height: 14.52px;
}
#BuyProduct .main_product_info .text_side .short_p{
  font-size: 16px;
  font-weight: 400;
  line-height: 19.36px;
  margin-top: 30px;
  margin-bottom: 30px;
}
#BuyProduct .main_product_info .text_side ul{
  list-style: none;
  margin-bottom: 50px;
}
#BuyProduct .main_product_info .text_side ul li{
  font-size: 16px;
  font-weight: 700;
  line-height: 19.36px;
  margin-bottom: 20px;
}
#BuyProduct .main_product_info .text_side ul li span{
  font-size: 16px;
  font-weight: 400;
  line-height: 19.36px;
  color: #000000;
}
#BuyProduct .main_product_info .text_side .buttons{
  display: flex;
}
#BuyProduct .main_product_info .text_side .buttons a,
#BuyProduct .main_product_info .text_side .buttons button{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 50px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.36px;
  border: 2px solid transparent;
}
#BuyProduct .main_product_info .text_side .buttons #Buy{
  background-color: #699CFF;
  color: #FFFFFF;
  margin-right: 20px;
}
#BuyProduct .main_product_info .text_side .buttons #Buy:hover{
  cursor: pointer;
  border-color: #0398ee;
}
#BuyProduct .main_product_info .text_side .buttons #Search{
  background-color: #EBEBEB;
  color: #000000;
}
#BuyProduct .main_product_info .text_side .buttons #Search:hover{
  cursor: pointer;
  border-color: #C0C0C0;
}