@charset "utf-8";
/*..............embedded fonts..............*/

@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');

/*..............embedded fonts..............*/
/*font-family: "Poppins", sans-serif;*/


:root{
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --transition-common: all 0.6s ease-in-out 0s;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --clr-primary: #555555;
    --clr-secondary: #000;
    --clr-accent: #000;
    --clr-white: #fff;
    --clr-gray: #F8F8F8;
    --clr-sky: #E9F3FF;
    --clr-blue: #003672;
    --clr-green: #1AB5A7;
    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
    --margin-title: 0 0 20px 0;

    --border-radius-image: 16px;
    --border-radius-md: 20px;
    --border-radius-lg: 30px;
    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
}

:root{
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --ff-base: "Poppins", sans-serif;
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-samibold: 600;
    --fw-bold: 700;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 60px;
    --f-size-XXL: 48px;
    --f-size-XL: 36px;
    --f-size-L: 24px;
    --f-size-M: 22px;
    --f-size-S: 20px;
    --f-size-Body: 18px;

    --f-size-ES: 14px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
}

body,p{ font-family: var(--ff-base); font-weight: var(--fw-regular); font-size: var(--f-size-Body); color: var(--clr-primary);}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{ font-family: var(--ff-base); color: var(--clr-primary); margin: var(--margin-title);}
h1,.h1{ font-size: var(--f-size-XXXL); font-weight: var(--fw-bold);}
h2,.h2{ font-size: var(--f-size-XXL); font-weight: var(--fw-medium);}
h3,.h3{ font-size: var(--f-size-XL); font-weight: var(--fw-medium);}
h4,.h4{ font-size: var(--f-size-L); font-weight: var(--fw-medium);}
h5,.h5{ font-size: var(--f-size-M); font-weight: var(--fw-medium);}
h6,.h6{ font-size: var(--f-size-S); font-weight: var(--fw-medium);}
p{margin: var(--margin-title);}




/*..............common styles..............*/
body { margin: 0; padding: 0; }

img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { /*color: #179ae2;*/ outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{ font-family: var(--ff-base); font-size: var(--f-size-Body); outline: none;}
input[type="submit"]{ font-family: var(--ff-base); font-size: var(--f-size-Body); font-weight: var(--fw-medium); transition: var(--transition-common); outline: none; border-radius: 50px;}


/* --- Button Styles --- */
.btn { border: 0; display: inline-block; vertical-align: top; border-radius: 50px; background: var(--clr-green); color: var(--clr-white); 
    /*padding: 19px 28px;*/ padding: 12px 28px; font-family: var(--ff-base); font-size: var(--f-size-Body); font-weight: var(--fw-samibold); transition: var(--transition-common); text-transform: capitalize; position: relative; overflow: hidden; z-index: 1; min-width: 157px;}
.btn-wht{background: var(--clr-white); color: var(--clr-blue);}
.btn-green{background: #25D366;}
.btn:before{left: 0; top: 0; width: 0; height: 100%; position: absolute; content: ""; background: rgba(0,0,0,0.2); transition: var(--transition-common); z-index: -1;}
.btn-wht:before{background: var(--clr-sky);}
.btn:hover:before, .btn-wht:hover:before{width: 100%; right: 0;}

/*.btn.solid-color { background: #f00; color: #fff; }*/
.btn.border { background:none; color: #769fcd; border: 2px solid #769fcd; }


.btn:focus, button:focus{outline: none; box-shadow: none;}
.btn:hover{background: var(--clr-green); color: var(--clr-white);}
.btn-wht:hover{background: var(--clr-white); color: var(--clr-blue);}
.btn-full{width: 100%;}

/* --- Button Styles --- */

/*..............common styles(Start)..............*/

.click { display:none; position: absolute;
    top: 0;
    right: 0;
    background-color: var(--clr-white);
    /*border: 2px solid #fff;*/
    border-radius: 5px;
    width: 40px;
    height: 40px;}
.main_menu a.closebtn{ display: none;}

/*-- common-css(Start) --*/
.common-padding {
    padding-top: 100px;
    padding-bottom: 100px;
}
.common-bg{background-repeat: no-repeat; background-size: cover; background-position: center center;}
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p{color: var(--clr-white) !important;}
.overlay, .overlay-blue{position: relative;}
.overlay:before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: rgba(0,0,0,0.7); z-index: 0;}
.overlay-blue:before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: rgba(0,54,114,0.8); z-index: 0;}
.overlay .row, .overlay-blue .row, .overlay-blue .container-wrape{z-index: 1; position: relative;}
.sky-bg{background-color: var(--clr-sky);}
.gray-bg{background-color: var(--clr-gray);}
.sec-title h2{color: var(--clr-blue);}
.sec-title h2 span{color: var(--clr-green); font-weight: var(--fw-bold);}

.hover-img-animation{overflow: hidden;}
.hover-img-animation img{transition: var(--transition-common);}
.hover-img-animation:hover img{transform: scale(1.1);}

/*-- common-css(End) --*/
/*..............common styles(End)..............*/
/*for header css*/
.main-header { /*background: var(--clr-blue);*/ background: var(--clr-white); /*padding: 20px 0;*/}
.headerRow{display: flex; flex-flow: wrap; justify-content: space-between; align-items: center;}
.header-right{display: flex; flex-flow: wrap; align-items: center;}

/*.main-header .logo img {margin: 10px 0;}*/
.main-header .logo {width: 230px;}


.main_menu ul { margin: 0; padding: 0; list-style: none;}
.main_menu ul li { list-style: none; display: inline-block; vertical-align: top; margin: 0 25px; text-transform: capitalize; position: relative;}
.main_menu ul li a { display: block; padding: 36px 10px; /*color: var(--clr-white);*/ color: var(--clr-blue); font-weight: var(--fw-light); position: relative;}
.main_menu ul li:hover a, .main_menu ul li.current-menu-item a { color: var(--clr-green);}

.main_menu ul li a:before{height: 1px; width: 0; content: ""; background-color: var(--clr-green); left: 0; right: 0; margin: 0 auto; bottom: 0; position: absolute; transition: var(--transition-common);}
.main_menu ul li a:hover:before, .main_menu ul li.current-menu-item a:before{width: 100%;}

.main_menu ul li.menu-item-has-children span { position: absolute; top: 12px; right: -15px; width: 10px; height: 24px;}

/*for header css*/

.bann-hom-height{/*height: 847px;*/ height: 815px;}
.slider-wrap { position: relative;}
.slider-wrap:before{position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background: linear-gradient(to right, #082C53, rgba(12,79,154,0.20));}
.slider-wrap>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;}
.banner-content{position: absolute; top: 100px; /*max-width: 800px;*/ max-width: 900px;}
.banner-content p i {
    color: var(--clr-gray);
    font-size: 12px;
    font-weight: var(--fw-light);
    font-style: italic;
}
.banner-list ul{list-style: none; padding-left: 0; margin: 0;}
.banner-list ul li{position: relative; padding-left: 55px; margin-bottom: 30px;}
.banner-list ul li span{width: 40px; height: 40px; background-color: var(--clr-white); border-radius: 50px; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0}

/*for main sections css*/


/*-- Slick-Arrow-css(Start) --*/

.slick-arrow {
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    z-index: 1;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.14);
    transition: all 0.6s ease-in-out 0s;
}
.slick-prev {
    background-image: url(../images/strategic-arrowL.png);
    background-repeat: no-repeat;
    background-position: center center;
    left: 0;
}
.slick-next {
    background-image: url(../images/strategic-arrowR.png);
    background-repeat: no-repeat;
    background-position: center center;
    right: 0;
}
/*.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus*/

.slick-prev:before, .slick-next:before{display: none;}
/*-- Slick-Arrow-css(End) --*/



/*for main sections css*/

.top-overlap{margin-top: -100px; position: relative; z-index: 1;}
.hom-bann-bottom-box{background: var(--clr-white); border-radius: var(--border-radius-lg); box-shadow: 0 4px 9px 2px rgba(0,0,0,0.1); padding: 30px 20px; transition: var(--transition-common); height: 100%;}
.hom-bann-bottom-icon{width: 130px; height: 130px; border-radius: 100%; margin: 0 auto 25px; background-color: rgba(0, 54, 114, 0.1); transition: var(--transition-common); display: flex; align-items: center; justify-content: center;}
.hom-bann-bottom-icon a{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.hom-bann-bottom-content h3{font-weight: var(--fw-samibold); text-transform: uppercase;}
.hom-bann-bottom-content h3 a{color: var(--clr-secondary); transition: var(--transition-common);}
.hom-bann-bottom-icon img{transition: var(--transition-common);}

.hom-bann-bottom-box:hover{background: var(--clr-blue); box-shadow: 0 0px px 0px rgba(0,0,0,0);}
.hom-bann-bottom-box:hover .hom-bann-bottom-icon{background: var(--clr-green);}
.hom-bann-bottom-box:hover .hom-bann-bottom-icon img { filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);}
.hom-bann-bottom-box:hover .hom-bann-bottom-content h3 a, .hom-bann-bottom-box:hover .hom-bann-bottom-content h3{ color: var(--clr-white);}

/*-- choose-sec(Start) --*/
.choose-box{border-radius: var(--border-radius-lg); background-color: var(--clr-white); padding: 40px 30px; display: flex; flex-flow: row wrap; position: relative; overflow: hidden; z-index: 0; align-items: center;}
.choose-box:before{height: 10px; background-color: var(--clr-green); position: absolute; left: 0; right: 0; bottom: 0; content: ""; transition: var(--transition-common); z-index: -1;}
.choose-box:hover:before{height: 100%;}
.choose-icon{width: 85px; height: 85px; background-color: #E6EBF1; border: 1px solid var(--clr-green); border-radius: 100%; display: flex; justify-content: center; align-items: center; transition: var(--transition-common);}
.choose-content-right{width: calc(100% - 85px); padding-left: 10px;}
.choose-content-right h4{margin-bottom: 10px; transition: var(--transition-common);}
.choose-content-right h4 a{color: var(--clr-secondary); transition: var(--transition-common);}
.choose-box:hover .choose-content-right h4 a, .choose-box:hover .choose-content-right h4{color: var(--clr-white);}
.choose-box:hover .choose-icon{background-color: var(--clr-white); border-color: var(--clr-blue);}


/*-- choose-sec(End) --*/

/*-- provide-medical-hom-sec(Start) --*/

.provide-medical-hom-bg-box{border-radius: var(--border-radius-md); overflow: hidden; padding-left: 15px; padding-right: 15px;}
.provide-medical-box{background: var(--clr-white); border-radius: 50px; padding: 10px; display: flex; flex-flow: row wrap; align-items: center; transition: var(--transition-common);}
.provide-medical-box:hover{box-shadow: 0 0 0px 2px var(--clr-green);}
.provide-medical-number{width: 40px; height: 40px; border-radius: 100%; background-color: var(--clr-green); display: flex; align-items: center; justify-content: center; color: var(--clr-white);}
.provide-medical-number h4{color: var(--clr-white); margin-bottom: 0;}
.provide-medical-content {width: calc(100% - 40px); padding-left: 15px;}
.provide-medical-content p{/*color: var(--clr-white);*/ color: var(--clr-blue); margin-bottom: 0; font-weight: var(--fw-medium);}
.provide-medical-middle-title{color: var(--clr-blue); font-weight: var(--fw-medium); width: 45%; padding: 0 7px;}
.provide-medical-middle-title p{color: var(--clr-blue); font-weight: var(--fw-medium); margin-bottom: 0;}
.provide-medical-content p a{color: var(--clr-blue);}
.provide-medical-content p a:hover{color: var(--clr-green);}

.full-medical-box .provide-medical-content { width: 65%;}
.full-medical-box .provide-medical-middle-title { width: 31%;}
.full-medical-box .provide-medical-content p a { color: var(--clr-secondary);}
.full-medical-box .provide-medical-content p a:hover { color: var(--clr-green);}
.full-medical-box .provide-medical-content p{color: var(--clr-secondary);}

/*-- provide-medical-hom-sec(End) --*/

/*-- services-hom-sec(Start) --*/

.services-hom-box{padding: 30px; border-radius: var(--border-radius-md); background-color: var(--clr-white); height: 100%; position: relative;}
.services-hom-pic{border-radius: var(--border-radius-image); padding-top: 44%; position: relative;}
.services-hom-pic img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.services-hom-bottom {padding-top: 20px; padding-bottom: 82px;}
.services-hom-bottom h4 a{color: var(--clr-blue);}
.services-hom-bottom h4 a:hover{color: var(--clr-green);}
.services-hom-bottom p{font-size: var(--f-size-ES);}
.services-hom-bottom .btn { font-weight: var(--fw-medium);}


.services-hom-box .service-btn {
    position: absolute;
    left: 30px;
    right: 30px;
    margin: 0 auto;
    bottom: 30px;
}


/*-- services-hom-sec(End) --*/

/*-- included-medical-hom-sec(Start) --*/

.included-medical-box{background-color: var(--clr-gray); border-radius: var(--border-radius-lg); padding: 30px; height: 100%; transition: var(--transition-common);}
.included-medical-box:hover{box-shadow: 0 3px 9px 1px rgba(0,0,0,0.1);}
.included-medical-box h3{color: var(--clr-green); font-weight: var(--fw-samibold);}
.included-medical-box h4{font-weight: var(--fw-samibold); display: flex; flex-flow: row wrap; align-items: center; color: var(--clr-secondary); margin-bottom: 10px;}
.included-medical-box  h4 span {
    background-color: #E0E6ED;
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    margin-right: 10px;}

.included-medical-box.tick-list ul { padding-left: 45px; margin-bottom: 25px;}
.tick-list ul{padding-left: 0; margin: 0; list-style: none;}
.tick-list ul li{position: relative; padding-left: 22px; /*margin-bottom: 10px;*/ margin-bottom: 4px; color: var(--clr-secondary);}
.tick-list ul li:before{/*width: 12px; height: 12px;*/ position: absolute; left: 0; top: 2px; content: "\f058"; font-family: FontAwesome; color: var(--clr-green); font-size: 14px;}

.arrive-documents p, .included-medical-box p em{font-size: var(--f-size-ES); color: var(--clr-secondary);}

/*-- included-medical-hom-sec(End) --*/

/*-- timeline-hom-sec(Start) --*/

.timeline-title-row h2{margin-bottom: 7px;}
.timeline-title-row p{color: var(--clr-secondary);}

/*-- timeline-css(Start) --*/


    .ps-timeline-sec {
      position: relative;
    }
    .ps-timeline-sec .ps-timeline-row {
      position: relative;
    }
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline {
      /*margin: 490px 0;*/
      margin: 600px 0;
      padding: 0;
      border-top: 10px solid var(--clr-green);
      list-style: none;
      border-radius: 5px;
    }
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li {
      float: left;
      /*width: 25%;*/
      width: 16%;
      padding-top: 30px;
      position: relative;
    }
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span {
      width: 50px;
      height: 50px;
      margin-left: -25px;
      background: #fff;
      border: 5px solid var(--clr-green);
      border-radius: 50%;
      box-shadow: 0 0 0 0px #fff;
      text-align: center;
      /*line-height: 50px -10;*/
      /*color: #df8625;*/
      font-size: 2em;
      /*font-style: normal;*/
      position: absolute;
      top: -26px;
      left: 50%;
    }
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-top:before {
      content: "";
      color: #348e80;
      width: 3px;
      height: 50px;
      background: var(--clr-green);
      position: absolute;
      bottom: -50px;
      left: 48%;
    }
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-top:after {
      content: "";
      color: #348e80;
      width: 24px;
      height: 24px;
      background: var(--clr-green);
      position: absolute;
      /*bottom: 90px;
      left: 44%;*/
      top: 50%;
      left: 50%;
      border-radius: 100%;
      transform: translate(-50%, -50%);
      border-radius: 100%;
    }
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-bot:before {
      content: "";
      color: #348e80;
      width: 3px;
      height: 50px;
      background: var(--clr-green);
      position: absolute;
      top: -50px;
      left: 48%;
    }
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-bot:after {
      content: "";
      color: #348e80;
      width: 24px;
      height: 24px;
      background: var(--clr-green);
      position: absolute;
      /*top: 90px;
      left: 44%;*/
      top: 50%;
      left: 50%;
      border-radius: 100%;
      transform: translate(-50%, -50%);
      border-radius: 100%;
    }
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li .img-handler-top {
      position: absolute;
      bottom: 0;
      margin-bottom: 130px;
      width: 100%;
    }
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li .img-handler-top img {
      display: table;
      margin: 0 auto;
    }
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li .img-handler-bot {
      position: absolute;
      margin-top: 60px;
      width: 100%;
    }
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li .img-handler-bot img {
      display: table;
      margin: 0 auto;
    }
    /*.ps-timeline-sec .ps-timeline-row ol.ps-timeline li p {
      text-align: center;
      width: 80%;
      margin: 0 auto;
    }*/
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li .ps-top {
      position: absolute;
      bottom: 0;
      margin-bottom: 100px;
    }
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li .ps-bot {
      position: absolute;
      margin-top: 35px;
    }

/*-- timeline-css(End) --*/

.timeline-icon{width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; background-color: #E9F3FF; border-radius: 100%; margin-bottom: 20px;}
.ps-timeline-sec .ps-timeline-row ul.ps-timeline li p{color: var(--clr-blue);}
.ps-timeline-sec .ps-timeline-row ul.ps-timeline li h4{color: var(--clr-blue); font-weight: var(--fw-samibold);}
.ps-top, .ps-bot {border: 5px solid var(--clr-green); padding: 30px; border-radius: var(--border-radius-md); background-color: #fff; /*min-height: 375px;*/ /*min-height: 425px;*/ min-height: 560px; width: 307px;}

/*-- timeline-hom-sec(End) --*/


/*-- following-hom-sec(Start) --*/

.following-hom-sec .provide-medical-box {
    background: var(--clr-sky);
}
.following-content {
    max-width: 835px;
}
.number-count ul{ padding-left: 0; margin-bottom: 0; list-style: none; counter-reset: item-counter; }
.number-count ul li{ padding-left: 50px; counter-increment: item-counter; position: relative; margin-bottom: 30px;}
.number-count ul li::before {
  content: counter(item-counter) ""; /* Display the counter value before the content */
  font-weight: var(--fw-medium);
  color: var(--clr-white);
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: -4px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: var(--clr-green);
  border-radius: 50px;
  font-size: var(--f-size-L);}

/*.number-count ul li span*/ 
.number-count ul li strong{font-size: var(--f-size-L); font-weight: var(--fw-medium); color: var(--clr-blue);}
.number-count ul li span{ color: var(--clr-blue);}

.book-content .btn-row a:first-child{margin-right: 10px;}
.btn-row .btn span{margin-right: 5px;}
/*.following-pic{border-radius: var(--border-radius-md); overflow: hidden;}*/


/*-- following-hom-sec(End) --*/

/*-- book-hom-sec(End) --*/

.book-pic{border-radius: var(--border-radius-md); overflow: hidden;}
.book-content .btn-row .btn { padding: 12px 22px;}

/*-- book-hom-sec(End) --*/

.medical-price-table .table-striped>tbody>tr:nth-of-type(odd)>*{background-color: #fff; --bs-table-striped-bg: transparent;}
.medical-price-table .table-striped>tbody>tr:nth-of-type(even)>*{background-color: #E9F3FF; --bs-table-striped-bg: transparent;}
.medical-price-table thead th{font-size: var(--f-size-L); background-color: #E9F3FF;}
.medical-price-table tr th, .medical-price-table tr td { padding: 16px 12px;}
.medical-price-table tbody, .medical-price-table td, .medical-price-table tfoot, .medical-price-table th, .medical-price-table thead, .medical-price-table tr { border-color: var(--clr-secondary);}

.medical-price-table tr th:first-child, .medical-price-table tr td:first-child {
    max-width: 550px;
    width: 35%;
}

.medical-price-table tr th:nth-child(2), .medical-price-table tr td:nth-child(2) {
    max-width: 220px;
    width: 14%;
}
.medical-price-table tr th:nth-child(3), .medical-price-table tr td:nth-child(3) {
    width: 50%; text-align: left;
}

.step-row ul{padding-left: 0; margin: 0; list-style: none; display: flex; flex-flow: row wrap; justify-content: center; gap: 2%;}
.step-row ul li{position: relative; width: 25%; /*background-color: var(--clr-white);*/ text-align: center; padding: 50px 40px 0; z-index: 0;}
.step-row ul li:before{top: 0; left: 0; width: 100%; height: calc(100% - 25px); background-color: var(--clr-white); position: absolute; content: ""; z-index: -1; border-radius: var(--border-radius-lg);}
.step-icon{width: 130px; height: 130px; display: flex; justify-content: center; align-items: center; border-radius: 100%; background-color: rgba(0, 54, 114, 0.1); margin: 0 auto 20px;}
.step-bottom h4{font-weight: var(--fw-samibold); text-transform: uppercase;}
.step-bottom h4 a{color: var(--clr-secondary);}
.step-bottom h4 a:hover{color: var(--clr-green);}
.step-number{width: 50px; height: 50px; margin: 0 auto; border-radius: 100%; background: var(--clr-green); color: var(--clr-white); display: flex; justify-content: center; align-items: center; font-size: var(--f-size-S); font-weight: var(--fw-bold);}

.step-row ul span.list-arrow { align-items: center; display: flex; justify-content: center;}
.step-row ul span.list-arrow:nth-child(2) img { position: relative; top: -80px;}


/*-- faq-hom-sec(Start) --*/

.accordion-design .accordion-header button.accordion-button{font-size: var(--f-size-L); font-weight: var(--fw-medium); background-color: var(--clr-white); box-shadow: none; border: 2px solid var(--clr-green)!important;
    border-top-left-radius: var(--border-radius-md) !important;
    border-bottom: none !important;
    border-top-right-radius: var(--border-radius-md) !important; color: var(--clr-blue); padding: 1.9rem 1.25rem;}
.accordion-design .accordion-header button.accordion-button.collapsed{border-radius: var(--border-radius-md) !important; border-color: #A6A6A6  !important; border-bottom: 2px solid #A6A6A6 !important;}
.accordion-design .accordion-item{margin-bottom: 20px; /*border: 2px solid #A6A6A6 !important; border-radius: var(--border-radius-md);*/ overflow: hidden; border: none;}
/*.accordion-design .accordion-item{border-color: var(--clr-green);}*/
.accordion-design .accordion-header{border-radius: var(--border-radius-md);}
.accordion-design .accordion-body{padding-top: 10px; border: 2px solid var(--clr-green); border-radius: var(--border-radius-md); border-bottom-left-radius: var(--border-radius-md) !important; border-top: none !important; border-bottom-right-radius: var(--border-radius-md) !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important;}
.accordion-design .accordion-body p { margin-bottom: 10px;}
.accordion-design .accordion-body p a { color: var(--clr-secondary);}
.accordion-design .accordion-body p a:hover { color: var(--clr-green);}

/*-- faq-hom-sec(End) --*/

/*for footer sections css*/

.footer-bg { background: #222;}
.ftr-top {  padding: 100px 0 80px;}
.ftr-logo { margin: 0 0 40px; max-width: 210px;}
.ftr-logo-col{max-width: 600px;}
.ftr-logo-col p{font-size: var(--f-size-S);}
.ftr-menu ul { margin: 0; padding: 0; list-style: none;}
.ftr-menu ul li { margin-bottom: 10px; font-size: var(--f-size-S);}
.ftr-menu ul li a { color: var(--clr-white);}
.ftr-menu ul li a:hover, ul.copyrht-menu li a:hover { color: var(--clr-green);}


.ftr-btm { padding: 30px 0; color: #fff; border-top: 1px solid #AEBBCB;}
.ftr-btm p { margin-bottom: 0; font-size: var(--f-size-S);}
ul.copyrht-menu { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: row wrap; justify-content: flex-end;}
ul.copyrht-menu li { list-style: none; border-left: 1px solid #fff; padding: 0 10px; margin-bottom: 10px; font-size: var(--f-size-S);}
ul.copyrht-menu li:first-child { border: 0;}
ul.copyrht-menu li a { color: var(--clr-white);}

.ftr-col h4 { text-transform: capitalize; font-weight: 500; color: var(--clr-white); position: relative; padding-bottom: 10px; margin-bottom: 40px;}
.ftr-col h4:after{width: 52px; height: 2px; background-color: var(--clr-white); content: ""; position: absolute; bottom: 0; left: 0;}

ul.ftr-social { margin: 0 0 30px; padding: 0; list-style: none;}
ul.ftr-social li { list-style: none; display: inline-block; font-size: 18px; margin-right: 15px; width: 50px; height: 50px; background-color: var(--clr-green); color: var(--clr-white); border-radius: 50px;}
ul.ftr-social li a{ color: var(--clr-white); display: flex; justify-content: center; align-items: center; height: 100%; width: 100%;}

ul.adrs { margin: 0; padding: 0; list-style: none;}
ul.adrs li { margin: 0 0 15px; padding-left: 36px; position: relative; line-height: 30px;}
ul.adrs li img { position: absolute; left: 0; top: 4px;}

/*for footer sections css*/

/*-- Inner-pages(Start) --*/

/*-- About-us-pages(Start) --*/

.inner-bann {
    padding-top: 30%;
}
.inner-bann .banner-content{top: 50%; transform: translateY(-50%);}
.who-we-pic{border-radius: var(--border-radius-image); overflow: hidden;}
.who-we-pic img{width: 100%;}

.who-we-content { /*max-width: 785px; margin-left: auto;*/ padding-left: 100px;}

.sound-like-sec {
    padding-left: 18px;
    padding-right: 18px;
}
.container-wrape {
    display: flex;
    flex-flow: wrap;
    align-items: center;
}
.sound-like-pic{
    max-width: 740px; width: 50%;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.sound-like-pic:before{position: absolute; bottom: -270px; left: 0; width: 740px; height: 740px; content: ""; background: var(--clr-white); border-radius: 100%; z-index: -1;}
.sound-like-content{width: 50%; padding-left: 80px;}
.sound-like-content  h4{font-weight: var(--fw-regular);}


/*-- About-us-pages(End) --*/

/*-- Services-pages(Start) --*/

.alternative-pic{ border-radius: var(--border-radius-image); overflow: hidden; padding-top: 97%; position: relative;}
.alternative-pic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.alternative-sec:nth-child(2n + 2) .row { flex-direction: row-reverse;}
.alternative-sec:nth-child(2n + 2){background-color: var(--clr-sky);}
.alternative-sec:nth-child(2n + 1) .alternative-content { padding-left: 100px; /*background: #333;*/}
.alternative-sec:nth-child(2n + 2) .alternative-content{ padding-right: 100px; /*background: #da3030;*/}

/*-- Services-pages(End) --*/

/*-- FAQ-pages(Start) --*/

.faq-bottom-note p{color: var(--clr-blue);}
.provide-medical-box.full-medical-box .provide-medical-content p { word-break: break-all;}

/*-- FAQ-pages(End) --*/

/*-- Error-pages(Start) --*/

.error-box{ background: var(--clr-white); border-radius: var(--border-radius-lg); box-shadow: 0 4px 9px 2px rgba(0, 0, 0, 0.1); padding: 50px 20px;}
.error-box .search-form label {
    width: 60%;
}
.error-box .search-form label .search-field{width: 100%;}
.error-box input.search-field {
    border: 1px solid #A6A6A6;
    border-radius: 10px;
    width: 100%;
    height: 50px;
    padding: 2px 10px;
}
.error-box .search-submit{
    border: 0;
    display: inline-block;
    vertical-align: top;
    border-radius: 50px;
    background: var(--clr-green);
    color: var(--clr-white);
    padding: 12px 34px;
    font-family: var(--ff-base);
    font-size: var(--f-size-Body);
    font-weight: var(--fw-samibold);
    transition: var(--transition-common);
    text-transform: capitalize;
    position: relative;
    overflow: hidden;
}
/*-- Error-pages(End) --*/

.alternative-content p strong {
    font-weight: 400;
    font-size: var(--f-size-ES);
}

/*Media Query css*/

/*@media only screen and ( min-width:1601px ) {
    .container { max-width: 1400px;}
}*/
@media only screen and ( min-width:1401px ) {
    .container { max-width: 1224px;}

}

@media only screen and ( min-width:1501px ) {
    .container { max-width: 1324px;}

}

@media only screen and ( min-width:1601px ) {
    .container { max-width: 1424px;}

}
@media only screen and ( min-width:1801px ) {
    .container { max-width: 1624px;}

}

@media only screen and ( max-width:1800px ) {
    /*-- timeline-responsive-css(Start) --*/

    .ps-top, .ps-bot { border-width: 4px; padding: 20px 15px; width: 280px;}

    /*-- timeline-responsive-css(End) --*/
    .full-medical-box .provide-medical-content { width: 63%;}
    .sound-like-content { padding-left: 60px;}
    .main-header .logo { width: 200px;}


}
@media only screen and ( max-width:1600px ) {
    :root{
        --f-size-XXXL: 55px;
        --f-size-XXL: 42px;
        --f-size-XL: 34px;

        /*--f-size-L: 24px;
        --f-size-M: 22px;
        --f-size-S: 20px;
        --f-size-Body: 18px;
        --f-size-ES: 14px;*/
    }

    /*--f-size-XXXL: 60px;
    --f-size-XXL: 48px;
    --f-size-XL: 36px;
    --f-size-L: 24px;
    --f-size-M: 22px;
    --f-size-S: 20px;
    --f-size-Body: 18px;

    --f-size-ES: 14px;*/

    /*-- timeline-responsive-css(Start) --*/
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline{border-width: 7px;}
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span { width: 40px; height: 40px; margin-left: -25px; border-width: 3px; top: -23px;}
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-top:after, .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-bot:after { width: 20px; height: 20px;}
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li .ps-bot { margin-top: 33px;}


    /*-- timeline-responsive-css(End) --*/

    .common-padding { padding-top: 80px; padding-bottom: 80px;}
    .ftr-top {  padding: 80px 0 60px;}
    .step-row ul li {padding: 40px 30px 0}
    .step-row ul span.list-arrow { width: 7%;}
    .alternative-sec:nth-child(2n + 1) .alternative-content { padding-left: 60px;}
    .alternative-sec:nth-child(2n + 2) .alternative-content { padding-right: 60px;}
    .who-we-content { padding-left: 60px;}
    .sound-like-content { padding-left: 40px;}
    .sound-like-pic:before { width: 720px; height: 720px;}
    .accordion-design .accordion-header button.accordion-button { padding: 1.2rem 1.25rem;}

    

}
@media only screen and ( max-width:1500px ) {
    :root{
        --f-size-XXXL: 48px;
        --f-size-XXL: 38px;
        --f-size-XL: 32px;
        --f-size-L: 22px;
        --f-size-M: 20px;
        --f-size-S: 18px;
        --f-size-Body: 16px;

        /*--f-size-ES: 14px;*/

        /*--border-radius-image: 16px;
        --border-radius-md: 20px;*/
        --border-radius-lg: 25px;
    }

    /*--f-size-XXXL: 55px;
        --f-size-XXL: 42px;
        --f-size-XL: 34px;

        --f-size-L: 24px;
        --f-size-M: 22px;
        --f-size-S: 20px;
        --f-size-Body: 18px;
        --f-size-ES: 14px;*/

    .common-padding { padding-top: 60px; padding-bottom: 60px;}
    .ftr-top {  padding: 60px 0 40px;}
    .main-header .logo { width: 180px;}
    .header-btn .btn{min-width: 136px; padding: 9px 15px;}

    .main_menu ul li {margin: 0 20px;}
    .main_menu ul li a { padding: 30px 7px;}
    /*.btn { padding: 12px 30px;}*/

    /*-- timeline-responsive-css(Start) --*/
    .ps-top, .ps-bot { border-width: 3px; width: 250px; min-height: 500px;}
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline { margin: 564px 0;}
    /*-- timeline-responsive-css(End) --*/
    .ftr-logo-col p, .ftr-menu ul li, .ftr-btm p, ul.copyrht-menu li{font-size: var(--f-size-Body);}
    .bann-hom-height { /*height: 725px;*/ height: 620px;}
    .top-overlap { margin-top: -70px;}
    .banner-content { top: 70px;}
    .hom-bann-bottom-icon { width: 100px; height: 100px; margin: 0 auto 20px;}
    .hom-bann-bottom-box { padding: 20px 10px;}
    .choose-box { padding: 30px 15px;}
    .choose-icon { width: 70px; height: 70px; padding: 15px;}
    .choose-content-right { width: calc(100% - 70px);}
    .choose-box:before { height: 7px;}
    .services-hom-box { padding: 20px;}
    .services-hom-box .service-btn { left: 20px; right: 20px; bottom: 20px;}
    .services-hom-bottom { padding-top: 15px; padding-bottom: 72px;}
    .step-row ul li { padding: 30px 20px 0;}
    .step-icon { width: 100px; height: 100px;}
    .included-medical-box { padding: 20px;}
    .timeline-icon img { height: 40px;}
    .ftr-logo { margin: 0 0 30px; max-width: 170px;}
    .ftr-col h4 { padding-bottom: 7px; margin-bottom: 30px;}
    ul.ftr-social li { font-size: 16px; margin-right: 10px; width: 40px; height: 40px;}
    .ftr-btm { padding: 20px 0;}
    .alternative-sec:nth-child(2n + 1) .alternative-content { padding-left: 40px;}
    .alternative-sec:nth-child(2n + 2) .alternative-content { padding-right: 40px;}
    .who-we-content { padding-left: 40px;}
    .sound-like-pic:before { width: 680px; height: 680px;}
    .medical-price-table tr th, .medical-price-table tr td { padding: 12px 10px;}
    .medical-price-table thead th { font-size: var(--f-size-M);}


}
@media only screen and ( max-width:1400px ) {
    :root{
        --f-size-XXXL: 42px;
        --f-size-XXL: 36px;
        --f-size-XL: 30px;

        --f-size-L: 20px;
        --f-size-M: 18px;
        --f-size-S: 16px;
        --f-size-Body: 15px;

        /*--f-size-ES: 14px;*/
    }
    /*--f-size-XXXL: 48px;
        --f-size-XXL: 38px;
        --f-size-XL: 32px;
        --f-size-L: 22px;
        --f-size-M: 20px;
        --f-size-S: 18px;
        --f-size-Body: 16px;

        --f-size-ES: 14px;*/

    .common-padding { padding-top: 50px; padding-bottom: 50px;}
    .ftr-top {  padding: 50px 0 30px;}
    

    /*-- timeline-responsive-css(Start) --*/

    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li h4 { font-size: var(--f-size-M); margin-bottom: 15px;}
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li p{font-size: 16px;}
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline { /*margin: 440px 0;*/ margin: 530px 0;}
    .ps-top, .ps-bot { /*min-height: 373px;*/ min-height: 490px; width: 235px;}
    .timeline-icon { width: 60px; height: 60px; margin-bottom: 15px;}
    .timeline-icon img { height: 35px;}

    /*-- timeline-responsive-css(End) --*/

    .bann-hom-height { /*height: 625px;*/ height: 565px;}
    .top-overlap { margin-top: -50px;}
    .banner-content {top: 50px;}
    .logo { width: 100px;}
    .step-row ul li { padding: 20px 15px 0;}
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span { width: 34px; height: 34px; border-width: 2px; top: -21px;}
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-top:after, .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-bot:after { width: 16px;height: 16px;}
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li .ps-bot { margin-top: 30px;}
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li .ps-top { margin-bottom: 97px;}
    .ps-top, .ps-bot { border-width: 2px;}
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline { border-width: 5px;}
    .alternative-sec:nth-child(2n + 1) .alternative-content { padding-left: 20px;}
    .alternative-sec:nth-child(2n + 2) .alternative-content { padding-right: 20px;}
    .who-we-content { padding-left: 20px;}
    .sound-like-pic:before { width: 630px; height: 630px; right: 0; margin: 0 auto;}


}
@media only screen and ( max-width:1199px ) {
    :root{
        --f-size-XXXL: 36px;
        --f-size-XXL: 34px;
        --f-size-XL: 28px;

        --f-size-L: 18px;
        --f-size-M: 17px;
        --f-size-S: 15px;
        --f-size-Body: 14px;

        /*--f-size-ES: 14px;*/
    }

        /*--f-size-XXXL: 42px;
        --f-size-XXL: 36px;
        --f-size-XL: 30px;

        --f-size-L: 20px;
        --f-size-M: 18px;
        --f-size-S: 16px;
        --f-size-Body: 15px;

        --f-size-ES: 14px;*/
    
    .common-padding { padding-top: 40px; padding-bottom: 40px;}
    .ftr-top {  padding: 40px 0 30px;}
    .main-header .logo { width: 170px;}
    .ftr-logo { max-width: 160px;}
    .header-btn .btn { min-width: 120px; padding: 7px 10px;}

    .bann-hom-height { height: 515px;}
    .step-row ul { gap: 1%;}
    .step-row ul li { /*width: 30%;*/ width: 28%;}
    .step-row ul span.list-arrow { /*width: 8%;*/ width: 6%;}



/*-- timeline-responsive-css(Start) --*/

      .ps-timeline-sec .ps-timeline-row ul.ps-timeline {
        /*margin: 130px 0 !important;*/
        margin: 0px 0 !important;
        border-left: none;
        padding-left: 0 !important;
        /*padding-top: 120px !important;*/
        padding-top: 0px !important;
        border-top: 0 !important;
        margin-left: 0px !important;
        position: relative;
      }
      .ps-timeline-sec .ps-timeline-row ul.ps-timeline:before{
        height: 100%;
        width: 4px;
        content: "";
        background-color: var(--clr-green);
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 10px;
      }
      .ps-timeline-sec .ps-timeline-row ul.ps-timeline li {
        /*height: 220px;*/
        height: auto;
        float: none !important;
        width: inherit !important;
        padding-top: 0px;
      }
      .ps-timeline-sec .ps-timeline-row ul.ps-timeline li:nth-child(2) .img-handler-bot img {
        width: 70px;
      }
      .ps-timeline-sec .ps-timeline-row ul.ps-timeline li:last-child {
        margin: 0;
        bottom: 0 !important;
        /*height: 120px;*/
        height: auto;
      }
      .ps-timeline-sec .ps-timeline-row ul.ps-timeline li:last-child .img-handler-bot {
        bottom: 40px !important;
        width: 40% !important;
        margin-left: 25px !important;
        margin-top: 0 !important;
      }
      .ps-timeline-sec .ps-timeline-row ul.ps-timeline li:last-child .img-handler-bot img {
        width: 100%;
      }
      .ps-timeline-sec .ps-timeline-row ul.ps-timeline li:last-child .ps-top {
        margin-bottom: 0 !important;
        top: 20px;
        width: 50% !important;
      }
      .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span {
        left: 12px;
        top: -2px;
        width: 30px;
        height: 30px;
      }
      .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-top:after, .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-bot:after { width: 12px; height: 12px;}
      
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-top:before{
        content: "";
    color: #348e80;
    width: 73px;
    height: 2px;
    background: var(--clr-green);
    position: absolute;
    top: 11px;
    left: 26px;
    bottom: inherit;
      }
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-bot:before {
        content: "";
        color: #348e80;
        width: 73px;
        height: 2px;
        background: var(--clr-green);
        position: absolute;
        top: 11px;
        left: 26px;
    }
      .ps-timeline-sec .ps-timeline-row ul.ps-timeline li .img-handler-top {
        position: absolute !important;
        bottom: 150px !important;
        width: 30% !important;
        float: left !important;
        margin-left: 35px !important;
        margin-bottom: 0 !important;
      }
      .ps-timeline-sec .ps-timeline-row ul.ps-timeline li .img-handler-top img {
        margin: 0 auto !important;
        width: 80% !important;
      }
      .ps-timeline-sec .ps-timeline-row ul.ps-timeline li .img-handler-bot {
        position: absolute !important;
        bottom: 115px !important;
        width: 30% !important;
        float: left !important;
        margin-left: 35px !important;
        margin-bottom: 0 !important;
      }
      .ps-timeline-sec .ps-timeline-row ul.ps-timeline li p {
        text-align: left;
        width: 100% ;
        margin: 0 auto;
        margin-top: 0px;
      }
      .ps-timeline-sec .ps-timeline-row ul.ps-timeline li .ps-top {
        /*width: 60% !important;*/
        width: 91%;
        /*float: right !important;*/
        margin-left: auto;
        right: 0;
        top: 0px;
        position: relative;
        margin-bottom: 20px;
        margin-top: 0;
        min-height: inherit;
      }
      .ps-timeline-sec .ps-timeline-row ul.ps-timeline li .ps-bot {
        /*width: 60% !important;*/
        width: 91%;
        /*float: right !important;*/
        margin-left: auto;
        right: 0;
        top: 0px;
        position: relative;
        margin-bottom: 20px;
        margin-top: 0;
        min-height: inherit;
      }
      .ps-timeline-sec .ps-timeline-row ul.ps-timeline li h4 { font-size: var(--f-size-S); margin-bottom: 10px;}
    
/*-- timeline-responsive-css(End) --*/

.main_menu ul li {margin: 0 15px;}
.services-hom-box {padding: 15px;}
.services-hom-box .service-btn { left: 15px; right: 15px; bottom: 15px;}
.step-number { width: 40px; height: 40px;}
.step-row ul li:before { height: calc(100% - 20px);}
ul.ftr-social li { margin-right: 7px; width: 34px; height: 34px;}
.ftr-menu ul li { margin-bottom: 7px;}
.alternative-sec:nth-child(2n + 1) .alternative-content { padding-left: 0px;}
.alternative-sec:nth-child(2n + 2) .alternative-content { padding-right: 0px;}
.who-we-content { padding-left: 0px;}
.sound-like-pic:before { max-width: 600px; height: 600px; width: 100%;}
.error-box .search-form label { width: 70%;}
.medical-price-table tr th, .medical-price-table tr td { padding: 9px 7px;}
.medical-price-table thead th { font-size: var(--f-size-S);}


.accordion-design .accordion-header button.accordion-button { padding: 1rem 1rem;}
.accordion-design .accordion-body { padding: 10px 1rem;}

}

@media only screen and ( max-width:1024px ) {
:root{
        --f-size-XXXL: 34px;
    }
    /*--f-size-XXXL: 36px;
        --f-size-XXL: 34px;
        --f-size-XL: 28px;

        --f-size-L: 18px;
        --f-size-M: 17px;
        --f-size-S: 15px;
        --f-size-Body: 14px;

        --f-size-ES: 14px;*/
}

@media only screen and ( max-width: 991px ) {
    :root{
        --f-size-XXXL: 32px;
        --f-size-XXL: 30px;
        --f-size-XL: 24px;

        --f-size-L: 17px;
        --f-size-M: 16px;
        /*--f-size-S: 15px;
        --f-size-Body: 14px;

        --f-size-ES: 14px;*/

        --border-radius-image: 10px;
        --border-radius-md: 15px;
        --border-radius-lg: 20px;
    }


        /*--f-size-XXXL: 34px;

        --f-size-XXL: 34px;
        --f-size-XL: 28px;
        --f-size-L: 18px;
        --f-size-M: 17px;
        --f-size-S: 15px;
        --f-size-Body: 14px;

        --f-size-ES: 14px;*/
    

    /*-- timeline-css(Start) --*/
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-top:before, .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-bot:before { width: 50px;}
    /*-- timeline-css(End) --*/
    .main-header .logo { width: 150px;}
    .ftr-logo { margin: 0 0 20px; max-width: 140px;}
    .main_menu ul li { margin: 0 9px;}
    .banner-content { max-width: 720px;}
    .choose-icon {width: 50px; height: 50px; padding: 10px;}
    .choose-content-right { width: calc(100% - 50px);}
    .choose-box { padding: 20px 10px;}
    /*.step-row ul li { width: 28%;}
    .step-row ul span.list-arrow { width: 6%;}*/
    .hom-bann-bottom-icon, .step-icon { width: 80px; height: 80px; padding: 15px;}
    .provide-medical-box { padding: 5px;}
    .services-hom-box {padding: 10px;}
    .services-hom-box .service-btn { left: 10px; right: 10px; bottom: 10px;}
    .services-hom-bottom { padding-bottom: 66px;}
    .included-medical-box {padding: 15px;}
    .included-medical-box h4 span { width: 30px; height: 30px; margin-right: 7px; padding: 5px;}
    .tick-list ul li { padding-left: 19px; margin-bottom: 7px;}
    .tick-list ul li:before { font-size: 12px;}
    .included-medical-box.tick-list ul { padding-left: 38px; margin-bottom: 10px;}
    .alternative-content{padding-top: 20px;}
    .who-we-content{padding-top: 20px;}
    .book-content{padding-top: 20px;}
    .book-pic img{width: 100%;}
    .full-medical-box .provide-medical-content { width: 60%;}
    .sound-like-pic:before { height: 530px;}
    
    

}
/*@media only screen and ( min-width: 767px ) {
    .main_menu{
        display: block !important;
    }
}*/
@media only screen and ( min-width: 768px ) {
    .main_menu{
        display: block !important;
    }
    #mySidenav{
        width: auto !important;
    }
    .main_menu ul li.mob-book-btn{display: none;}
}
@media only screen and ( max-width: 767px ) {

    /*-- toggle-new-menu-icon to cross-icon(Start) --*/
  /*{position: relative;
  padding: 1.5rem;}*/
    .menu-toggle {
  position: relative;
  right: 0;
  top: 0;
}
.menu-toggle, .menu-toggle:hover {
  color: #000;
}

.menu-toggle-bar {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: 0;
  margin: 0 auto;
  left: 0;
  width: 22px;
  height: 2px;
  border-radius: 4px;
  /*background-color: black;*/
  background-color: var(--clr-blue);
  transition: all 0.3s ease;
}
.menu-toggle-bar.menu-toggle-bar--top {
  transform: translate(0, -7px);
}
.menu-toggle-bar.menu-toggle-bar--bottom {
  transform: translate(0, 7px);
}
.nav-open .menu-toggle-bar.menu-toggle-bar--top {
  transform: translate(0, 0) rotate(45deg);
}
.nav-open .menu-toggle-bar.menu-toggle-bar--middle {
  opacity: 0;
}
.nav-open .menu-toggle-bar.menu-toggle-bar--bottom {
  transform: translate(0, 0) rotate(-45deg);
}
    /*-- toggle-new-menu-icon to cross-icon(End) --*/

    .click{
        display: block;
        cursor: pointer;
    }
    .main_menu a.closebtn{
        color: #000;
        display: block;
    }

    /*-- For_mob_menu(Start) --*/
    .main_menu {
        /*height: 100%;*/
    min-height: calc(100vh - 60px);
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 60px;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.97);
    /*background-color: rgba(0, 54, 114, 0.98);*/
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 40px;
    z-index: 999;
    right: -100%;
    }
    body.nav-open .main_menu {
    right: 0 !important;
    }

    .main_menu a {
        /*padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;*/
        display: block;
        transition: 0.3s;
    }

    .main_menu a:hover {
        color: #333;
    }

    .main_menu .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }
    body.scrollOff{height: 100vh; overflow: hidden; position: relative;}
    /*body.scrollOff:before { position: fixed; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0, 0, 0, 0.5); z-index: 1;}*/

    .main_menu ul li:hover ul.sub-menu { display: none;}
    .main_menu ul li.menu-item-has-children.active ul.sub-menu{display: block;}
    ul.sub-menu { position: relative; left: 0; width: 100%; border-radius: 0px; top: 0px;}
    .main_menu ul li.menu-item-has-children span { top: 12px; right: 0px; width: 14px; height: 18px;}
    .main_menu ul li{display: block;}

    .header-right .header-btn{display: none;}
    .main-header { padding: 7px 0;}
    .main_menu ul li a { padding: 15px 7px;}
    .main_menu ul { max-width: 540px; margin: 0 auto;}
    .main_menu ul li.mob-book-btn{margin-top: 20px;}
    .main_menu ul li.mob-book-btn a{    border: 0;
    display: inline-block;
    vertical-align: top;
    border-radius: 50px;
    background: var(--clr-green);
    color: var(--clr-white);
    padding: 9px 7px;
    font-weight: var(--fw-samibold);
    position: relative;
    overflow: hidden;
    z-index: 1; width: 100%; text-align: center;}

    /*-- For_mob_menu(End) --*/

    .main-header .logo { width: 145px;}

    /*-- timeline-css(Start) --*/
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-top:before, .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-bot:before {
        width: 32px;
    }
    /*-- timeline-css(End) --*/
    :root{
        --f-size-XXXL: 29px;
        --f-size-XXL: 26px;
        --f-size-XL: 22px;

        /*--f-size-L: 17px;
        --f-size-M: 16px;
        --f-size-S: 15px;
        --f-size-Body: 14px;

        --f-size-ES: 14px;*/
        --margin-title: 0 0 15px 0;

        --border-radius-image: 8px;
        --border-radius-md: 10px;
        --border-radius-lg: 15px;
    }
     /*--f-size-XXXL: 32px;
        --f-size-XXL: 30px;
        --f-size-XL: 24px;

        --f-size-L: 17px;
        --f-size-M: 16px;
       --f-size-S: 15px;
        --f-size-Body: 14px;

        --f-size-ES: 14px;*/

    .ftr-btm { padding: 20px 0;}
    .header-btn { margin-left: 12px;}
    .step-row ul { gap: 0px;}
    .step-row ul li { width: 100%; margin-bottom: 20px;}
    .step-row ul span.list-arrow{display: none;}
    .accordion-design .accordion-item { margin-bottom: 15px; /*border: 1px solid #A6A6A6 !important;*/}
    .accordion-design .accordion-header button.accordion-button, .accordion-design .accordion-header button.accordion-button.collapsed, .accordion-design .accordion-body{border-width: 1px !important; /*padding-top: 5px;*/}
    .accordion-design .accordion-header button.accordion-button { padding: 0.7rem 0.9rem;}
    .accordion-design .accordion-body { padding: 0.7rem 0.9rem;}

    button.accordion-button { padding: 0.8rem 0.8rem;}
    .copyright-text {text-align: center; margin-bottom: 20px;}
    ul.copyrht-menu{justify-content: center;}
    .ftr-logo { margin: 0 auto 20px;}
    .ftr-logo-col { text-align: center;}
    .banner-content { max-width: 540px;}
    .btn { padding: 9px 10px; min-width: 120px;}
    .book-content .btn-row .btn { padding: 12px 15px;}
    .logo { width: 80px;}
    .full-medical-box .provide-medical-content {width: 100%; margin-top: 10px; /*padding: 0 20px;*/}
    .full-medical-box .provide-medical-middle-title { width: calc(100% - 40px);}
    .provide-medical-box.full-medical-box { /*padding: 10px 20px;*/ border-radius: var(--border-radius-md);}
    .container-wrape {flex-direction: column-reverse;}
    .sound-like-content { padding-left: 0px; width: 100%; margin-bottom: 20px;}
    .sound-like-pic { width: 100%;}
    .sound-like-pic:before { height: 100%; width: 100%; max-width: inherit; bottom: -40%;}
    .error-box .search-form label { width: 100%;}
    .error-box input.search-field { border-radius: 7px; height: 45px; padding: 2px 10px; margin-bottom: 15px;}
    .error-box { padding: 40px 15px;}
    .banner-list ul li { margin-bottom: 15px; min-height: 40px;}
    
    
    

}
@media only screen and ( max-width: 575px ) {
    :root{
        --f-size-XXXL: 26px;
        --f-size-XXL: 24px;
        --f-size-XL: 20px;

        /*--f-size-L: 17px;
        --f-size-M: 16px;
        --f-size-S: 15px;
        --f-size-Body: 14px;

        --f-size-ES: 14px;*/
    }


        /*--f-size-XXXL: 29px;
        --f-size-XXL: 26px;
        --f-size-XL: 22px;

        --f-size-L: 17px;
        --f-size-M: 16px;
        --f-size-S: 15px;
        --f-size-Body: 14px;
        --f-size-ES: 14px;*/
    
    

    /*-- timeline-css(Start) --*/
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span {
    width: 24px;
    height: 24px;
    margin-left: -10px; border-width: 2px; top: -2px;}
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-top:after, .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-bot:after  {
    width: 9px;
    height: 9px;}
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline:before {
        height: 100%;
        /*width: 3px;*/
        width: 2px;
        left: 14px;}
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-top:before, .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-bot:before {
        /*width: 44px;*/
        /*width: 29px;*/
        width: 27px;
        left: 20px;
        top: 8px;
        height: 2px;
    }
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li .ps-top, .ps-timeline-sec .ps-timeline-row ul.ps-timeline li .ps-bot {
        width: calc(100% - 50px);
        margin-bottom: 15px;
        padding: 15px 11px;
        border-width: 2px;
    }
     /*.ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-top:before, .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-bot:before{
    height: 3px;

      }*/

    /*-- timeline-css(End) --*/
    .ftr-col { text-align: center;}
    .ftr-col h4:after { right: 0; margin: 0 auto;}
    .ftr-top .col-xl-3.col-md-4.col-sm-6:not(:last-child) .ftr-col {  margin-bottom: 40px;}
    ul.ftr-social { margin: 0 0 40px;}
    .ftr-col h4 { margin-bottom: 20px;}
    .banner-content { left: 0; padding: 0 12px;}
    .inner-bann { padding-top: 40%;}
    .medical-prices-hom-sec .medical-price-table table.table { width: 550px;}
    .full-medical-box .provide-medical-middle-title { width: calc(100% - 30px);}
    .provide-medical-number { width: 30px; height: 30px;}
    .provide-medical-content { width: calc(100% - 30px); padding-left: 10px;}
    


}
@media only screen and ( max-width: 480px ) {
    :root{
        --f-size-XXXL: 24px;
        --f-size-XXL: 22px;
        --f-size-XL: 18px;

        /*--f-size-L: 17px;
        --f-size-M: 16px;
        --f-size-S: 15px;
        --f-size-Body: 14px;
        --f-size-ES: 14px;*/
    }
    /*--f-size-XXXL: 26px;
        --f-size-XXL: 24px;
        --f-size-XL: 20px;

        --f-size-L: 17px;
        --f-size-M: 16px;
        --f-size-S: 15px;
        --f-size-Body: 14px;
        --f-size-ES: 14px;*/
        

        /*-- timeline-css(Start) --*/
        .main-header .logo { width: 132px;}
        .ftr-logo { max-width: 130px;}
        .timeline-icon { width: 50px; height: 50px; margin-bottom: 10px;}
        .timeline-icon img { height: 32px;}

        /*-- timeline-css(End) --*/

        .hom-bann-bottom-icon, .step-icon { width: 70px;  height: 70px; padding: 14px;}
        .banner-list ul li span { width: 34px; height: 34px;}
        .banner-list ul li { padding-left: 42px; margin-bottom: 10px; min-height: 34px;}
        .choose-box { padding: 15px 10px;}
        .choose-box:before { height: 4px;}
        .inner-bann { padding-top: 60%;}
        .btn { min-width: 110px;}
        .book-content .btn-row a:first-child { margin-right: 4px;}
        
        
        
        


    

}
@media only screen and ( max-width: 380px ) {
    :root{
        --f-size-XXXL: 22px;
        --f-size-XXL: 20px;

        /*--f-size-XL: 18px;

        --f-size-L: 17px;
        --f-size-M: 16px;
        --f-size-S: 15px;
        --f-size-Body: 14px;
        --f-size-ES: 14px;*/
    }
    /*--f-size-XXXL: 24px;
        --f-size-XXL: 22px;
        --f-size-XL: 18px;

        --f-size-L: 17px;
        --f-size-M: 16px;
        --f-size-S: 15px;
        --f-size-Body: 14px;
        --f-size-ES: 14px;*/

        .common-padding { padding-top: 30px; padding-bottom: 30px;}
        /*.ftr-top {  padding: 30px 0 30px;}*/

        /*-- timeline-css(Start) --*/
        .ps-timeline-sec .ps-timeline-row ul.ps-timeline li .ps-top, .ps-timeline-sec .ps-timeline-row ul.ps-timeline li .ps-bot {
        width: calc(100% - 40px);
        margin-bottom: 10px;
        padding: 15px 10px;
        border-width: 1px;}
            .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span {
        width: 18px;
        height: 18px;
        margin-left: -10px;
        border-width: 1px;
        top: -2px;
        left: 16px;}
            .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-top:after, .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-bot:after {
        width: 8px;
        height: 8px;
    }
    .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-top:before, .ps-timeline-sec .ps-timeline-row ul.ps-timeline li span.ps-sp-bot:before {
        /* width: 44px; */
        /*width: 21px;*/
        width: 18px;
        left: 16px;
        top: 8px;
        height: 1px;
    }
    /*-- timeline-css(End) --*/
    .services-hom-box {padding: 7px;}
    .inner-bann { padding-top: 80%;}
    .bann-hom-height { height: 545px;}
    .banner-content { top: 30px;}
    .top-overlap { margin-top: -30px;}
    .services-hom-bottom { padding-bottom: 60px;}

}

/*Media Query css*/