@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Montserrat+Alternates: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');


body {
    font-family: "Montserrat Alternates", sans-serif;
    color: #848484;
    background: #FFF;
    font-size: 16px;
    font-weight: normal;
}


html,
body {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000;
    font-family: 'Poppins', sans-serif;
}

h1 {
    color: #A7A7A7;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    letter-spacing: 3px;
    margin-bottom: 30px;
}

h2 {
    color: #194B98;
    font-size: 34px;
    font-weight: 400;
    line-height: 50px;
    margin-bottom: 30px;
}

h2 strong {
    color: #194B98;
    font-weight: 700;
}

h3 {
    color: #ED3237;
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
}


h4 {
    color: #101010;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.7;
    margin-bottom: 30px;
}

h5 {
    color: #757676;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}

p {
    color: #757676;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}

strong {
    font-weight: 600;
    color: #222;
}

ul {
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;
}

a {
    color: #ED3237;
    text-decoration: none;
    transition: all .5s ease;
}

a:hover {
    color: #141F80;
    text-decoration: none;
    text-decoration: none;
}

* {
    font-family: "Comic Neue", cursive;
    outline: none !important;
}


/* Back to top button */

.back-to-top {
    position: fixed;
    display: block;
    background: #00ABB4;
    color: #FFF;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 1;
    font-size: 16px;
    right: -50px;
    bottom: 60px;
    opacity: 0;
    visibility: hidden;
    transition: background 0.5s;
    z-index: 11;
    transition: 0.5s ease;
}

.back-to-top:hover {
    background: #821D80;
    color: #FFF;
}

.back-to-top.scrollfixed {
    right: 15px;
    opacity: 1;
    visibility: visible;
    transition: 0.5s ease;
}

.back-to-top i {
    padding-top:8px;
}

/* Prelaoder */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.95);
}

#preloader:before {
    content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border: 6px solid #CCC;
    border-top: 6px solid #194B98;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.carousel-caption h1 {font-family: "Montserrat Alternates", sans-serif;font-size: 80px;
font-style: normal;line-height: 88px;color:#fff !important;max-width:1000px;margin:0 auto;
font-weight: 600;text-transform:none;letter-spacing:0px;}

.carousel-caption h1 .char{font-family: "Montserrat Alternates", sans-serif;font-size: 80px;
font-style: normal;line-height: 88px;color:#fff !important;}

.carousel .carousel-control-prev {
    left: 30px;
}

.carousel .carousel-control-next {
    right: 30px;
    left: inherit;
}

.carousel .carousel-control-next,
.carousel .carousel-control-prev {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.3);
    top: 48%;
    opacity: 0.5;
    transition: all 0.3s ease;
}


.appointment_btn{margin-top:51px;}

.common_button{ 
  color: #FFF;
	
	font-family: "Comic Neue", cursive;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
  text-decoration: none;
  border-radius: 100px; 
  padding: 16px 25px;
  display: inline-block;
  width: fit-content;
  overflow: hidden;
  position: relative;
  transition: all ease-in .5s;
  cursor: pointer;
  background: #821D80;
  z-index:99;
}

.common_button::before {
	position:absolute;
	content:'';
	top:0;
	left:-10px;
	right:-10px;
	bottom:0;
	background:#00ABB4;
	border-radius:53px;

	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	z-index:-1;
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
}

.common_button:hover::before {
   transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
}

.common_button:hover{color:#fff;}

.common_button.with_img{position:relative;padding:16px 55px 16px 25px;}

.common_button.with_img img {
  position: absolute;
  top: 14px;
  right: 19px;
}


.job_details .common_button.with_img{border:2px solid #821D80;}



.banner-bottom{padding:0px;margin-top: -20%;} 

.banner_scroll_txt h4{color: #FFF;font-family: "Montserrat Alternates", sans-serif;font-size: 24px;font-style: normal;font-weight: 600;line-height: 32px;margin-bottom:16px;}

.banner_scroll_txt p{color: #FFF;font-family: "Comic Neue";font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;margin-bottom:16px;}

#mediaCarousel.carousel .carousel-control-next,
#mediaCarousel.carousel .carousel-control-prev {
    background: rgba(0, 0, 0, 0.9);
}

.carousel .carousel-control-next:hover,
.carousel .carousel-control-prev:hover {
    background: #D31217 !important;
    opacity: 1;
}


.carousel .carousel-caption {
    top: 30%;
    right: inherit;
    left: inherit;
    bottom: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding: 0px 20px;
    position: absolute;
    transform: translate3d(0, 200px, 0);
    opacity: 0;
}

.carousel .carousel-caption h4 {
    font-size: 40px;
    line-height: 50px;
    color: #FFF;
    font-weight: 300;
    text-transform: capitalize; 
    margin-bottom: 10px;
}

.carousel .carousel-caption h4.text-blue,
.carousel .carousel-caption h5.text-blue {
    color: #133C85;
}

#productsRangeCarousel.carousel {
    margin-top: 70px;
    padding: 0px 50px 50px 0px;
}

#productsRangeCarousel.carousel .carousel-indicators{
	left: inherit;
	margin: 0px;
	width: 50px;
	top: 30px;
	right: -30px;
	display: block;
}

#productsRangeCarousel.carousel .carousel-indicators button{
	width: 40px;
	height: 40px;
	border: 2px solid rgba(255,255,255,0.5);
	margin: 10px 0px;
	border-radius: 50%;
	padding: 10px;
	text-indent: 0px;
	background: transparent;
	transition: all 0.3s ease;
}

#productsRangeCarousel.carousel .carousel-indicators button:hover{
	border: 2px solid rgba(255,255,255,1);
	opacity: 1;
	transition: all 0.3s ease;
}

#productsRangeCarousel.carousel .carousel-indicators button.active{
	border: 2px solid rgba(255,255,255,1);
	transform: scale(1.2);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	background: #FFF;
	transition: all 0.3s ease;
}

#productsRangeCarousel.carousel .carousel-caption {
    position: relative;
    top: inherit;
    left: inherit;
    max-width: inherit;
}

#productsRangeCarousel.carousel .carousel-caption h4 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-right: 0px;
    color: #FFF;
}

#productsRangeCarousel.carousel .carousel-caption p {
    font-size: 16px;
    line-height: 24px;
    color: #FFF;
    max-width: 80%;
    margin-bottom: 40px;
}

#homeCarousel.carousel .carousel-item.active {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.carousel .carousel-caption h5 {
    font-size: 110px;
    line-height: 110px;
    color: #FFF;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Sarah Script';
    margin-bottom: 10px;
}

.carousel .carousel-caption a {
    display: inline-block;
    padding: 10px 20px;
    position: relative;
    background: #ACC60C;
    font-size: 15px;
    color: #282E03;
    font-weight: 500;
    border-radius: 30px;
    z-index: 10;
    overflow: hidden;
}

.carousel .carousel-caption a:hover {
    background: #D31217;
    color: #FFF;
}

.carousel .carousel-caption a:before {
    background: #D31217;
    position: absolute;
    right: 0px;
    top: 0px;
    content: "";
    width: 0px;
    height: 100%;
    border-radius: 50px;
    z-index: -1;
    transition: all 0.3s ease;
}

.carousel .carousel-caption a:hover:before {
    width: 100%;
    right: inherit;
    left: 0px;
    opacity: 1;
    transition: all 0.3s ease;
}

.carousel .carousel-indicators button {
    border-radius: 3px;
    height: 6px;
    width: 20px;
    border: none;
    transition: all 0.3s ease;
}



#mediaCarousel.carousel .carousel-indicators {
    margin-bottom: 0px;
}

#mediaCarousel.carousel .carousel-indicators button {
    background: #9f9f9f;
}

.carousel .carousel-indicators button.active {
    width: 40px;
    transition: all 0.3s ease;
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0, 200px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.carousel .carousel-item iframe {
    width: 100%;
    height: 700px;
    margin-top: 50px;
    margin-bottom: 20px;
}

.carousel .carousel-item.active .animated {
    animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: both
}

.carousel .carousel-item.active .animatedFadeInUp {
    opacity: 0;
}

.carousel .carousel-item.active .fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}

.font-sarash-script {
    font-family: 'Sarah Script';
}

.font-sarash-script.heading-font {
    font-size: 50px;
}

section {
    padding: 100px 0px;
    position: relative;
}

.orange-bg {
    background: #E56D0B;
}

.orange-bg-dark {
    background: #d14115;
}

.red-bg {
    background: #b82d40;
}

.pink-bg {
    background: #961074;
}

.pink-bg-dark {
    background: #892336;
}

.blue-bg {
    background: #004C66;
}

.blue-green-bg {
    background: #179c99;
}

.blue-bg-dark {
    background: #133C85;
}

.blue-bg-light {
    background: #36A9E1;
}

.footer-bg {
    background: #194B98;
}

.maroon-bg {
    background: #5e3833;
}

.gray-bg {
    background: #F8F8F8;
}

.green-bg-1 {
    background: #006648;
}

.purple-bg {
    background: #831a7c;
}

.green-bg-2 {
    background: #208003;
}

.yellow-bg-1 {
    background: #5a4d15;
}

.yellow-bg-2 {
    background: #a2a718;
}

.text-red {
    color: #ED3237;
}

.text-orange {
    color: #E56D0B;
}

.text-blue {
    color: #004C66;
}


.text-green {
    color: #208003;
}

img.swing1 {
    position: absolute;
    top: 300px;
    right: 0px;
    z-index: 10;
    max-width: 200px;
}

img.swing2 {
    position: absolute;
    bottom: -750px;
    right: -70px;
    z-index: 10;
}

img.swing3 {
    position: absolute;
    bottom: -480px;
    right:-100px;
    z-index: 10;
}

img.swing4 {
    position: absolute;
    top: 260%;
    right:-100px;
    z-index: 10;
}

ul.home-counters {
    display: flex;
    align-items: start;
    justify-content: start;
    flex-wrap: wrap;
    margin-top: 20px;
}

ul.home-counters li {
    width: 25%;
    padding: 20px 10px;
    text-align: left;
    list-style: none;
    position: relative;
    border-radius: 15px;
    margin: 0px 1% 0px 1%;
    z-index: 10; 
}


 

ul.home-counters li:hover:before { 
}

ul.home-counters li h3 { 
color: #231F20;
font-family: "Comic Neue", cursive;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 48px;
}  

ul.home-counters li p {
    color: #231F20;
font-family: "Comic Neue", cursive;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
} 

section.home-products {
    background: url(../images/home-product-bg.jpg) center bottom no-repeat #555555;
    background-size: cover;
}


section.home-products h4 {
    font-size: 24px;
    line-height: 32px;
    max-width: 60%;
}

section.home-products p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    max-width: 60%;
}

ul.home-products-list {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 30px 0px 50px 0px;
}

ul.home-products-list li {
    list-style: none;
    padding: 0px 20px 40px 60px;
    position: relative;
    width: 48%;
    font-size: 16px;
    line-height: 24px;
    color: #FFF;
}

ul.home-products-list li:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    content: "";
    background: url(../images/atom-icon.png) center center no-repeat #194B98;
    transition: all 0.3s ease;
}

ul.home-products-list li:hover:before {
    background-color: #D31217;
    transform: rotateY(180deg);
    transition: all 0.3s ease;
}

.blue-btn {
    color: #FFF;
    background: #194B98;
    z-index: 10;
    padding: 10px 30px;
    border-radius: 50px;
    overflow: hidden;
    display: inline-block;
    position: relative;
}

.blue-btn i {
    opacity: 0;
    position: absolute;
    top: 15px;
    right: 45px;
    color: #FFF;
    transition: all 0.3s ease;
}

.blue-btn:hover,
.blue-btn:hover:after {
    background: #D31217;
    color: #FFF;
}

.blue-btn:after {
    background: #194B98;
    position: absolute;
    right: 0px;
    top: 0px;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50px;
    z-index: -2;
    transition: all 0.3s ease;
}

.blue-btn:before {
    background: #D31217;
    position: absolute;
    right: 0px;
    top: 0px;
    content: "";
    width: 0px;
    height: 100%;
    border-radius: 50px;
    z-index: -1;
    transition: all 0.3s ease;
}

.blue-btn:hover:before {
    width: 100%;
    right: inherit;
    left: 0px;
    opacity: 1;
    transition: all 0.3s ease;
}



.green-btn {
    display: inline-block;
    padding: 10px 20px;
    position: relative;
    background: #ACC60C;
    font-size: 15px;
    color: #282E03;
    font-weight: 500;
    border-radius: 30px;
    z-index: 10;
    overflow: hidden;
}

.green-btn:hover {
    background: #D31217;
    color: #FFF;
}

.green-btn:before {
    background: #D31217;
    position: absolute;
    right: 0px;
    top: 0px;
    content: "";
    width: 0px;
    height: 100%;
    border-radius: 50px;
    z-index: -1;
    transition: all 0.3s ease;
}

.green-btn:hover:before {
    width: 100%;
    right: inherit;
    left: 0px;
    opacity: 1;
    transition: all 0.3s ease;
}

ul.why-choose-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

ul.why-choose-icons li {
    list-style: none;
    width: 16.666%;
    padding: 20px 10px;
    margin: 30px 0px 0px 0px;
    color: #777777;
    font-size: 16px;
    line-height: 26px;
    border-radius: 15px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 10;
}

ul.why-choose-icons li:hover {
    color: #FFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

ul.why-choose-icons li:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #194B98;
    opacity: 0;
    z-index: -1;
    transition: all 0.3s ease;
}

ul.why-choose-icons li:hover:before {
    opacity: 1;
    transition: all 0.3s ease;
}

ul.why-choose-icons li img {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

ul.why-choose-icons li span {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    background: #E5F8FF;
    margin: 0 auto;
    justify-content: center;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

ul.why-choose-icons li span img {
    margin-bottom: 0px;
    transition: all 0.3s ease;
}

ul.why-choose-icons li:hover img,
ul.why-choose-icons li:hover span {
    transform: rotateY(180deg);
    transition: all 0.3s ease;
}

ul.why-choose-icons li:hover span {
    background: #D31217;
    transition: all 0.3s ease;
}

ul.why-choose-icons li:hover span img {
    transform: none;
    filter: brightness(0) invert(1);
    transition: all 0.3s ease;
}

section.inner-banner {
    position: relative;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
	min-height:800px;
}

section.inner-banner::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.70) 100%), #00ABB4;
  opacity: 0.4;
}


section.inner-banner h1{color: #FFF;
text-align: center;
font-family: "Montserrat Alternates", sans-serif;
font-size: 80px;
font-style: normal;
font-weight: 600;text-transform:none;
line-height: 88px;width:80%;margin:0 auto;}

section.inner-banner.bulk-orders{
    background-position: center center;
}


section.inner-banner.product-banner{
    background-position: center center;
}


section.inner-banner.milestone-banner {
    background-size: auto 100%;
} 

section.inner-banner.no-overlay:before {
    display: none;
}

section.inner-banner.history-banner:before {
    background: rgb(25 152 64 / 80%);
}

section.inner-banner.certifications:before {
    background: rgb(0 0 0 / 20%);
}


section.inner-banner .container {
    z-index: 10;
    position: relative;
}


section.inner-banner h2,
section.inner-banner1 h2 {
    color: #FFF;
    margin-bottom: 10px;
} 

.vision-text {
    font-weight: 400;
    line-height: 1.5;
}

ul.product-list-icons {
    margin-bottom: 50px;
}

ul.about-icons,
ul.product-list-icons {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}

ul.about-icons li {
    list-style: none;
    width: 23%;
    padding: 30px;
    margin: 0px 1% 30px 1%;
    color: #777777;
    font-size: 18px;
    line-height: 26px;
    border-radius: 15px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 10;
}

ul.product-list-icons li {
    list-style: none;
    width: 48%;
    padding: 20px;
    margin: 0px 1% 20px 1%;
    color: #777777;
    font-size: 18px;
    line-height: 26px;
    border-radius: 15px;
    text-align: left;
    position: relative;
    overflow: hidden;
    z-index: 10;
}

ul.about-icons li:hover,
ul.product-list-icons li:hover {
    color: #FFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

ul.about-icons li:before,
ul.product-list-icons li:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #194B98;
    opacity: 0;
    z-index: -1;
    transition: all 0.3s ease;
}

ul.about-icons li:hover:before,
ul.product-list-icons li:hover:before {
    opacity: 1;
    transition: all 0.3s ease;
}

ul.about-icons li h3,
ul.product-list-icons li h3 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    transition: all 0.3s ease;
}

ul.about-icons li p {
    color: #757676;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px;
    transition: all 0.3s ease;
}

ul.product-list-icons li p {
    color: #757676;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0px;
    transition: all 0.3s ease;
}

ul.product-list-icons li p strong {
    color: #757676;
    transition: all 0.3s ease;
}

ul.about-icons li:hover h3,
ul.about-icons li:hover p,
ul.product-list-icons li:hover h3,
ul.product-list-icons li:hover p,
ul.product-list-icons li:hover p strong {
    color: #FFF;
    transition: all 0.3s ease;
}

ul.about-icons li img,
ul.product-list-icons li img {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

ul.about-icons li span {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    background: #FFF;
    margin: 0 auto;
    justify-content: center;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

ul.product-list-icons li span {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    background: #FFF;
    justify-content: center;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

ul.about-icons li span img,
ul.product-list-icons li span img {
    margin-bottom: 0px;
    transition: all 0.3s ease;
}

ul.about-icons li:hover img,
ul.about-icons li:hover span,
ul.product-list-icons li:hover img,
ul.product-list-icons li:hover span {
    transform: rotateY(180deg);
    transition: all 0.3s ease;
}

ul.about-icons li:hover span,
ul.product-list-icons li:hover span {
    background: #D31217;
    transition: all 0.3s ease;
}

ul.about-icons li:hover span img,
ul.product-list-icons li:hover span img {
    transform: none;
    filter: brightness(0) invert(1);
    transition: all 0.3s ease;
}

.show-desktop {
    display: block;
}

.show-ipad {
    display: none;
}

.show-mobile {
    display: none;
}

img.product-image3 {
    margin-top: -300px;
    transition: all 1s ease;
}

img.product-image3.active {
    margin-top: 0px;
    transition: all 1s ease;
}

#sidebar img.product-image1 {
    margin-top: -300px;
    transition: all 1s ease;
}

#sidebar.sticky img.product-image1 {
    margin-top: 30px;
    transition: all 1s ease;
}

.product-image2 {
    margin-top: -300px;
}

.product-cta-bg {
    background: url(../images/product-cta-bg.jpg) center center no-repeat #36a9e1;
    padding: 70px 50px;
    border-radius: 15px;
    overflow: hidden;
}

.product-cta-bg.careers-bg {
    background: url(../images/careers-bg.jpg) center right no-repeat #000e36;
    background-size: cover;
}


.product-cta-bg h2,
.product-cta-bg h2 strong,
.product-cta-bg p {
    color: #FFF;
    margin-bottom: 0px;
}

ul.history-timeline {
    margin: 50px 0px 0px 0px;
    padding: 0;
    position: relative;
    flex-wrap: wrap;
}

ul.history-timeline::before {
    position: absolute;
    left: 50%;
    top: 0px;
    width: 2px;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.1);
}

ul.history-timeline li {
    position: relative;
    width: calc(50% - 50px);
    list-style: none;
    padding: 40px 30px 30px 30px;
    background: #FFF;
    border: 2px dashed rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;
}

ul.history-timeline li span {
    background: #194B98;
    color: #FFF;
    border-radius: 10px;
    position: absolute;
    top: -20px;
    left: 20px;
    padding: 5px 20px;
    font-size: 20px;
    line-height: 30px;
}

ul.history-timeline li.timeline-right {
    margin-left: calc(50% + 50px);
}

ul.history-timeline li.timeline-left:before {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #D31217;
    border: 4px solid #FFF;
    position: absolute;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    right: -65px;
    top: calc(50% - 20px);
    content: "";
    z-index: 10;
}

ul.history-timeline li.timeline-left:after {
    width: 50px;
    height: 2px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    right: -50px;
    top: calc(50% - 5px);
    content: "";
    z-index: 0;
}

ul.history-timeline li.timeline-right:before {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #D31217;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    border: 4px solid #FFF;
    position: absolute;
    left: -65px;
    top: calc(50% - 20px);
    content: "";
    z-index: 10;
}

ul.history-timeline li.timeline-right:after {
    width: 50px;
    height: 2px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: -50px;
    top: calc(50% - 5px);
    content: "";
    z-index: 0;
}

.divider {
    margin: 30px 0px;
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 1px;
}

.divider1 {
    margin: 30px 0px;
    background: rgba(255, 255, 255, 0.2);
    width: 100%;
    height: 1px;
}

.v-divider {
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.15);
    width: 1px;
    height: 100%;
    min-height: 500px;
}

.products-bg {
    position: relative;
    display: block;
    margin-bottom: 40px;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px 20px 40px 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    text-align: center;
    transition: all 0.3s ease;
}

.related-products-scroll {
 
}

.carousel_images{border-radius: 26px 26px 150px 150px;
  overflow: hidden;
  top: -60px;
  right: -120px;}

.banner_scroll_img img{border-radius:26px 26px 150px 150px;}


.related-products-scroll .products-bg {
    margin: 10px 20px;
}

.slick-prev,
.slick-next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #282E03;
    background: rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.slick-prev:hover,
.slick-next:hover {
    background: #b30101;
    color: #FFF;
    transition: all 0.3s ease;
}

.slick-prev:before,
.slick-next:before {
    color: #282E03;
    font-size: 30px;
    font-family: "FontAwesome";
    transition: all 0.3s ease;
}


.slick-prev:hover:before,
.slick-next:hover:before {
    color: #FFF;
    transition: all 0.3s ease;
}

.slick-prev:before {
    content: "\f104";
}

.slick-next:before {
    content: "\f105";
}

.products-bg:before {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
    color: #999;
    font-size: 20px;
    font-weight: 200;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "+";
    transition: all 0.3s ease;
}

.products-bg:hover:before {
    right: -10px;
    bottom: -10px;
    color: #FFF;
    background: #D31217;
    transition: all 0.3s ease;
}

.products-bg:hover {
    transition: all 0.3s ease;
    background: rgba(0, 0, 0, 0.05);
    box-shadow: -7px -7px 0px #194B98;
}

.products-bg img {
    transform: scale(1);
    transition: all 0.3s ease;
}

.products-bg:hover img {
    transform: scale(1.1);
    transition: all 0.3s ease;
}

.products-bg h3 {
    margin-top: 10px;
    text-align: center;
    font-size: 18px;
    color: #222;
    transition: all 0.3s ease;
}

.products-bg:hover h3 {
    transition: all 0.3s ease;
    color: #D31217;
}

.contact-icons {
    font-size: 16px;
    line-height: 30px;
    color: #FFF;
    position: relative;
    padding: 10px 0px 0px 50px;
}

.contact-icons a {
    color: #51cf02;
}

.contact-icons a:hover {
    color: #FFF;
}

.contact-icons i {
    position: absolute;
    left: 0;
    top: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #FFF;
    background: #D31217;
    transition: all 0.3s ease;
}

iframe.contact-location {
    width: 100%;
    height: 300px;
    padding: 5px;
    border-radius: 15px;
    background: #FFF;
    margin-top: 20px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
}

.contact-bg {
    background: #FFF;
    border-radius: 15px;
    margin-top: -50px;
    overflow: hidden;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
}

.contact-bg nav {
    padding: 40px 20px 0px 20px;
}

.contact-bg nav .nav-tabs {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-bg nav .nav-tabs .nav-link {
    width: 33.33%;
    padding: 10px 0px;
    border: none;
    font-size: 16px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    color: #FFF;
    background: transparent;
    transition: all 0.3s ease;
}

.contact-bg nav .nav-tabs .nav-link:hover {
    background: rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

.contact-bg nav .nav-tabs .nav-link.active {
    color: #FFF;
    background: #D31217;
}

.contact-bg .tab-content {
    padding: 30px;
}

.contact-bg input.form-control {
    height: 50px;
    line-height: 50px;
    margin-bottom: 30px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    color: #000;
}

.contact-bg select.form-control {
    height: 50px;
    line-height: 30px;
    margin-bottom: 30px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    color: #000;
}

.contact-bg textarea.form-control {
    height: 130px;
    line-height: 24px;
    margin-bottom: 30px;
    resize: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    color: #000;
}

.contact-bg .blue-btn {
    border: none;
    transition: all 0.3s ease;
}


.map-marker {
    border-radius: 50%;
    height: 20px;
    width: 20px;
    position: absolute;
    cursor: pointer;
    display: inline-block;
}

.map-marker.srilanka span,
.map-marker.bengaluru span {
    width: 150px;
}

.map-marker.hongkong span {
    width: 100px;
}

.map-marker.saudi-arabia span,
.world-map .new-zealand span,
.world-map .switzerland span,
.world-map .sierra-leone span {
    width: 130px;
}

.map-marker span {
    position: absolute;
    padding: 5px 10px;
    font-size: 14px;
    color: #FFF;
    background: #3e9b04;
    left: 40px;
    top: -11px;
    border-radius: 5px;
    opacity: 0;
    z-index: 99;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    visibility: hidden;
    transition: all 0.3s ease;
}

.map-marker:hover span {
    left: 20px;
    transition: all 0.3s ease;
}

.map-marker span:before {
    position: absolute;
    left: -5px;
    top: 10px;
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #3e9b04;
}

.map-marker:hover span {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
}

.map-marker:after {
    background: url(../images/map-pin.png) center center no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    content: "";
    left: 2px;
    top: 0px;
}

.map-marker:before {
    content: "";
    border-radius: 50%;
    height: 12px;
    width: 12px;
    position: absolute;
    margin: 9px 0 0 -6px;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0;
    animation-delay: 1.1s;
    background: rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.map-marker:hover:before {
    background: rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
}


@keyframes pulsate {
    0% {
        transform: scale(0.1, 0.1);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2, 1.2);
        opacity: 0;
    }

}


.tooltip-inner {
    background-color: #D31217;
    box-shadow: 0px 0px 4px #D31217;
    opacity: 1 !important;
}

.tooltip.bs-tooltip-auto .tooltip-arrow::before {
    border-top-color: #D31217 !important;
}

ul.list-style1 {
    margin: 0px 0px 30px 0px;
}

ul.list-style1 li {
    list-style: none;
    padding: 0px 0px 10px 30px;
    position: relative;
}

ul.list-style1 li:before {
    position: absolute;
    width: 7px;
    height: 7px;
    left: 10px;
    top: 7px;
    border-radius: 50%;
    content: "";
    background: #D31217;
}

.world-map {
    max-width: 780px;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
}

.world-map img {
    display: inline-block;
}

.world-map .bengaluru {
    right: 32%;
    top: 48%;
}

.world-map .srilanka {
    right: 31%;
    top: 49%;
}

.world-map .maldives {
    right: 33%;
    top: 52%;
}

.world-map .fiji {
    right: 5%;
    top: 66%;
}

.world-map .new-zealand {
    right: 6%;
    top: 75%;
}

.world-map .brunei {
    right: 22%;
    top: 54%;
}

.world-map .indonesia {
    right: 20%;
    top: 56%;
}

.world-map .singapore {
    right: 23%;
    top: 56%;
}

.world-map .malaysia {
    right: 25%;
    top: 54%;
}

.world-map .australia {
    right: 17%;
    top: 66%;
}

.world-map .japan {
    right: 17%;
    top: 35%;
}

.world-map .hongkong {
    right: 21%;
    top: 42%;
}

.world-map .kuwait {
    right: 39%;
    top: 39%;
}

.world-map .uae {
    right: 37%;
    top: 42%;
}

.world-map .oman {
    right: 37%;
    top: 44%;
}

.world-map .qatar {
    right: 38%;
    top: 42%;
}

.world-map .bahrain {
    right: 39%;
    top: 41%;
}

.world-map .saudi-arabia {
    right: 40%;
    top: 43%;
}

.world-map .paris {
    right: 53%;
    top: 32%;
}

.world-map .denmark {
    right: 50%;
    top: 24%;
}

.world-map .switzerland {
    right: 52%;
    top: 27%;
}

.world-map .germany {
    right: 50%;
    top: 28%;
}

.world-map .belgium {
    right: 51%;
    top: 28%;
}

.world-map .zambia {
    right: 45%;
    top: 65%;
}

.world-map .seychelles {
    right: 37%;
    top: 54%;
}

.world-map .sierra-leone {
    right: 54%;
    top: 48%;
}

.world-map .uk {
    right: 54%;
    top: 23%;
}

.world-map .neatherland {
    right: 49%;
    top: 26%;
}

.world-map .canada {
    left: 15%;
    top: 21%;
}

.world-map .usa {
    left: 19%;
    top: 33%;
}

#sidebar.sticky {
    position: fixed;
    padding-bottom: 120px;
    z-index: 6;
    max-width: 400px;
    left: auto;
}

.current-opeings {
    background: #FFF;
    position: relative;
    display: block;
    margin-bottom: 40px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    transition: all 0.3s ease;
}

.current-opeings h3 {
    color: #101010;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
    min-height: 40px;
}
.current-opeings.news{
	min-height: 180px;
}

.current-opeings.related-news{
	background: transparent;
	border: none;
	padding: 15px;
	box-shadow: none;
	margin-bottom: 0px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.current-opeings.related-news:before{
	width: 30px;
	height: 30px;
}

.current-opeings.related-news h3{
	font-size: 15px;
	line-height: 24px;
	min-height: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.current-opeings.related-news:hover{
	background: #FFF;
}

.current-opeings.related-news:after{
	display: none;
}

.current-opeings.related-news .date{
	padding: 5px 10px;
	background: rgba(0,0,0,0.05);
	display: inline-block;
	font-size: 10px;
	margin-bottom: 10px;
	font-weight: 500;
}

.current-opeings.news .date{
	z-index: 99;
	top: -5px;
	position: relative;
    padding: 5px 10px;
    background: #ed3237;
    color: #FFF;
	text-align: center;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 500;
	display: inline-block;
	margin-bottom: 20px;
	transition: all 0.3s ease;
}

.current-opeings.news .date strong{
	font-size: 20px;
	color: #FFF;
	line-height: 20px;
	display: block;
}

.current-opeings.news h3{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.current-opeings span,
.job-location,
.work-experience {
    display: block;
    position: relative;
    color: #4A4A4A;
    font-size: 14px;
    padding: 0px 0px 10px 30px;
}

.current-opeings span:before,
.job-location:before,
.work-experience:before {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 16px;
    color: #D31217;
    font-family: "FontAwesome";
}

.current-opeings span.job-location:before,
.job-location:before {
    content: "\f041";
}

.current-opeings span.work-experience:before,
.work-experience:before {
    content: "\f0b1";
}

.current-opeings:before {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.05);
    color: #666;
    font-size: 20px;
    font-weight: 200;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "+";
    transition: all 0.3s ease;
}

.current-opeings:hover:before {
    right: -10px;
    bottom: -10px;
    color: #FFF;
    background: #D31217;
    transition: all 0.3s ease;
}

.current-opeings:after {
    width: 5px;
    height: 50px;
    border-radius: 5px 0px 0px 5px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #133C85;
    content: "";
    transition: all 0.3s ease;
}

.current-opeings:hover:after {
    height: 100%;
    transition: all 0.3s ease;
}

.current-opeings:hover {
    transition: all 0.3s ease;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.apply-now-text h2,
.apply-now-text h3,
.apply-now-text h4,
.apply-now-text h5 {
    color: #FFF;
}

.apply-now-text p,
.apply-now-text ul.list-style1 li {
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
}

.custom-file-upload {
    margin-bottom: 20px;
    position: relative;
}

.custom-file-upload button#custom-button {
    padding: 10px;
    width: 100%;
    color: #101010;
    text-align: center;
    height: 70px;
    background: transparent;
    border: 2px dashed rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    cursor: pointer;
    position: relative;
    z-index: 99;
    transition: all .3s ease;
}

.custom-file-upload #custom-button:hover {
    background: transparent;
    border-color: #133C85;
    transition: all .3s ease;
}

.custom-file-upload #custom-text {
    color: #666;
    display: block;
    position: absolute;
    top: 20px;
    font-size: 18px;
    left: 0px;
    width: 100%;
    z-index: 10;
    text-align: center;
}

.custom-file-upload #custom-text small {
    color: #999;
    font-size: 12px;
}

ul.int-list {
    margin: 0;
    padding: 0;
    max-width: 600px;
}

ul.int-list li {
    list-style: none;
    padding: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.media-image {
    margin-bottom: 40px;
    padding: 10px;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
    background: #FFF;
    display: block;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.6s ease;
}

.media-image:after {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 15px;
    background: rgba(0, 0, 0, 0);
    width: 0px;
    height: 0px;
    content: "";
    z-index: 1;
    transition: all 0.6s ease;
}

.media-image:hover:after {
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    transition: all 0.6s ease;
}

.media-image:before {
    position: absolute;
    left: calc(50% - 25px);
    top: calc(45% - 25px);
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    content: "\f16a";
    color: #D31217;
    z-index: 2;
    font-family: "FontAwesome";
    transition: all 0.6s ease;
}

.media-image:hover:before {
    background: rgba(255, 255, 255, 1);
    color: #D31217;
    transition: all 0.6s ease;
}

.media-image h3 {
    font-size: 20px;
    position: relative;
    z-index: 99;
    transition: all 0.6s ease;
}

.media-image:hover h3,
.media-image:hover h3 strong {
    color: #FFF;
    transition: all 0.6s ease;
}

.media-image:hover {
    background: #133C85;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
    transition: all 0.6s ease;
}

.media-image img {
    border-radius: 10px;
    margin-bottom: 15px;
}

#fullpage.fullpage-wrapper {
    width: 100%;
}

#fullpage.fullpage-wrapper .section {
    position: relative;
    height: 100%;
}

#fullpage.fullpage-wrapper .section .container {
    height: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

#fullpage.fullpage-wrapper .section footer .container {
    display: block;
    height: auto;
    min-height: auto;
}

#fullpage.fullpage-wrapper .section .content-area {
    padding: 20px 0px;
}

#fullpage.fullpage-wrapper .section .content-area img.town-bus-img {
    max-height: 500px;
}

ul.town-bus-nav {
    position: fixed;
    top: 90px;
    right: 10px;
    z-index: 90;
    width: 180px;
    height: 80vh;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}

ul.town-bus-nav li {
    width: 100%;
    position: relative;
    padding: 2px 0px 2px 20px;
    list-style: none;
    transition: all 0.3s ease;
}

ul.town-bus-nav li.active {
    padding: 2px 0px 2px 30px;
    transition: all 0.3s ease;
}

ul.town-bus-nav li:before {
    position: absolute;
    left: 0px;
    top: 12px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
    content: "";
    transform: scale(1.2);
}

ul.town-bus-nav li:after {
    position: absolute;
    left: 0px;
    top: 14px;
    width: 0px;
    height: 1px;
    background: rgba(0, 0, 0, 0.3);
    content: "";
}

ul.town-bus-nav li a {
    color: #000;
    font-size: 13px;
    transition: all 0.3s ease;
}

ul.town-bus-nav li.active:after {
    width: 20px;
    transition: all 0.3s ease;
}

ul.town-bus-nav li.active:before {
    transform: scale(1.7);
    transition: all 0.3s ease;
}

ul.town-bus-nav li.active:before,
ul.town-bus-nav li.active:after {
    background: #FFF;
    transition: all 0.3s ease;
}

ul.town-bus-nav li a:hover,
ul.town-bus-nav li.active a {
    color: #FFF;
    transition: all 0.3s ease;
}

.town-bus-mobile-btn {
    position: fixed;
    top: 130px;
    right: 0px;
    z-index: 90;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    display: none;
    font-size: 13px;
    padding: 7px 20px 7px 10px;
    transition: all 0.6s ease;
}

.town-bus-mobile-btn:hover {
    background: rgba(0, 0, 0, 1);
    transition: all 0.6s ease;
}

body.town-bus .town-bus-mobile-btn {
    top: 90px;
}

body.town-bus.fp-viewing-firstPage .town-bus-mobile-btn {
    top: 130px;
}

.town-bus-mobile-btn.active {
    background: #D31217;
    color: #FFF;
    right: 200px;
    transition: all 0.6s ease;
}

.town-bus-mobile-btn:before {
    position: absolute;
    right: 5px;
    top: 7px;
    content: "+";
    color: #FFF;
    font-size: 13px;
    transition: all 0.3s ease;
}

.town-bus-mobile-btn.active:before {
    top: 7px;
    content: "-";
    transition: all 0.3s ease;
}

ul.town-bus-icons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

ul.town-bus-icons li {
    list-style: none;
    text-align: center;
    padding: 70px 20px 20px 20px;
    margin: 30px 0px;
    font-size: 20px;
    color: #FFF;
    position: relative;
    transition: all 0.3s ease;
}

ul.town-bus-icons li img {
    position: absolute;
    left: calc(50% - 32px);
    top: 0px;
    transition: all 0.3s ease;
}

ul.town-bus-icons li:hover img {
    transform: rotateY(180deg);
    transition: all 0.3s ease;
}

ul.town-bus-icons li strong {
    color: #FFF;
    font-size: 30px;
}

.scroll-down-btn {
    position: relative;
    margin: 0 auto;
    width: 30px;
    height: 50px;
    left: calc(50% - 15px);
    display: inline-block;
}

.scroll-down-btn .chevron {
  position: absolute;
  width: 16px;
  height: 85px;
  opacity: 0;
  left: calc(60% - 10px); 
  animation-name: gray-crl; -webkit-animation-name: gray-crl; animation-duration:1s; -webkit-animation-duration: 1s;animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: gray-crl;
}

.scroll-down-btn .chevron:before {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: url(../images/arrw.svg) center center no-repeat transparent;
}


.scroll-down-btn.home {
    bottom: 300px;
    position: absolute;
	z-index:999;
}

@keyframes gray-crl {
0% {transform: translateY(0%); opacity:1;}
50%{transform: translateY(-70%);opacity:1;}
100%{ transform: translateY(0%);opacity:1;}
}

@-webkit-keyframes gray-crl {
0% { transform: translateY(0%); opacity:1; }
50%{ transform: translateY(-70%); opacity:1; }
100%{ transform: translateY(0%); opacity:1; }
}

.serv-box1:after, .serv-box3:after { animation-name: gray-crl; -webkit-animation-name: gray-crl; animation-duration:3s; -webkit-animation-duration: 3s;animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: gray-crl;}

@keyframes gray-crl {
0% {transform: translateY(0%); opacity:1;}
50%{transform: translateY(-10%);opacity:1;}
100%{ transform: translateY(0%);opacity:1;}
}

@-webkit-keyframes gray-crl {
0% { transform: translateY(0%); opacity:1; }
50%{ transform: translateY(-10%); opacity:1; }
100%{ transform: translateY(0%); opacity:1; }
}


#fullpage.fullpage-wrapper .section.footer-scroll {
    padding: 0px;
}

#fullpage.fullpage-wrapper .section.footer-scroll footer {
    max-height: 80vh;
    margin-right: 20px;
}

#fullpage.fullpage-wrapper .section.footer-scroll footer .footer-bottom {
    margin-top: 20px;
    margin-bottom: 30px;
}

#fullpage.fullpage-wrapper .section.footer-scroll .fp-tableCell {
    display: flex;
    align-items: center;
    justify-content: center;
}


#fullpage.fullpage-wrapper .section.footer-scroll footer .footer-newsletter {
    margin-top: 20px;
}




#section19 .mCSB_draggerContainer:before {
    position: absolute;
    left: 7px;
    top: 0px;
    width: 2px;
    height: 100%;
    border-radius: 5px;
    content: "";
    background: rgba(255, 255, 255, 0.2);
}

#section19 .mCSB_scrollTools .mCSB_draggerRail {
    display: none;
}

footer .subscriber, footer .site_address, footer .footer-links{padding:40px 0px;}
footer .bottom-bar{padding:25px 0px;}
footer .subscriber p{color: #231F20;
font-family: "Comic Neue", cursive;
font-size: 16px;
font-style: normal;
font-weight: 400;margin-bottom:15px;
line-height: 24px;}
footer .subscriber h3, footer .subscriber h3 .char{color: #00ABB4;
font-family: "Montserrat Alternates", sans-serif;
font-size: 40px;
font-style: normal;margin-bottom:0px;
font-weight: 600;text-transform:none;
line-height: 48px; } 



.subscriber .footer-newsletter-form{border-radius: 50px;
border: 1px solid #821D80;padding: 8px 8px 8px 24px;display: flex;
  background: #F8F6EF; 
  overflow: hidden;
}

button.btn-styl {
  background-color: #821D80;
  border-radius: 50px;
  padding: 12px 24px;
  outline: none !important;
  border: 0px;transition: all 0.3s ease;
}

button.btn-styl:hover{background-color: #00ABB4;transition: all 0.3s ease;}

.footer-newsletter-form .form-control {
  border: 0px;padding:0px;
  background: transparent;
  color: #821D80;
font-family: "Comic Neue", cursive;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
letter-spacing: 0.16px;
} 

.footer-newsletter-form .form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #821D80;
}
.footer-newsletter-form .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #821D80;
   opacity:  1;
}
.footer-newsletter-form .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #821D80;
   opacity:  1;
}
.footer-newsletter-form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #821D80;
}
.footer-newsletter-form .form-control::-ms-input-placeholder { /* Microsoft Edge */
   color:    #821D80;
}

.footer-newsletter-form .form-control::placeholder { /* Most modern browsers support this now. */
   color:    #821D80;
}

.footer-newsletter-form input{
  border: 0px; 
  outline: none !important;
}

.footer-newsletter-form .form-control:focus{
  border: 0px; 
  outline: none !important;
  box-shadow: none;
}

footer .subscriber, footer .site_address, footer .footer-links{border-bottom:1px solid #00ABB4;}

.site_address ul {padding: 0px;margin: 0px;position: relative;padding-left: 50px;}
.site_address ul li{padding:0px;margin:0px;display:inline-block;width:100%;color: #404041;font-family: "Comic Neue", cursive;font-size: 18px;font-style: normal;font-weight: 700;line-height: 30px;transition: all 0.3s ease;}
.site_address ul li a {display: inline-block;color: #404041;font-family: "Comic Neue", cursive;font-size: 18px;font-style: normal;font-weight: 700;line-height: 30px;transition: all 0.3s ease;}
.site_address ul li a:hover{color:#821D80;transition: all 0.3s ease;}

.site_address ul img{position: absolute;left: 0;top: 4px;}

.footer-links .link_heading{margin:0px;color: #00ABB4;margin-bottom:10px;
font-family: "Montserrat Alternates", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px;}

.footer-links ul{padding:0px;margin:0px;}
.footer-links li{display:inline-block;width:100%;margin:6px 0px;}
.footer-links li a{color: #404041;
font-family: "Comic Neue", cursive;
font-size: 16px;transition: all 0.3s ease;
font-style: normal;
font-weight: 700;padding:5px 5px 5px 0px;
line-height: 24px;position:relative;}

.footer-links li a::before {
  position: absolute;
  left: -5px;
  top: 0;
  opacity: 0;
  content: "\f105";
  font-family: FontAwesome;
  color: #821D80;
  transition: all 0.3s ease;
}

.footer-links li a:hover{color:#821D80;transition: all 0.3s ease;padding:5px 5px 5px 12px;}

.footer-links li a:hover::before{opacity: 1;left: 0;transition: all 0.3s ease;}

.social-links li a:hover img{color:#000;}

.bottom-bar p{font-family: "Comic Neue", cursive;color: #00ABB4;font-size: 16px;font-style: normal;font-weight: 400;margin:0px;}

.bottom-bar ul{margin:0px;padding:0px;text-align:right;}

.bottom-bar li{display:inline-block;margin-left:25px;}

.bottom-bar li a svg path{transition: all 0.3s ease;}
.bottom-bar li a:hover svg path{fill:#821D80;transition: all 0.3s ease;}

.cta_functions{background: #F8F6EF;margin-top:-25px;border-bottom:1px solid #00ABB4;}

.mama_baby{background: url(../images/bg-1.webp) center bottom no-repeat transparent;background-size: cover;padding:80px 20px;position:relative;z-index:0;} 

.mama_baby p {color: #FFF;
text-align: center;margin:0px;
font-family: "Comic Neue", cursive;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; }
.mama_baby h3 {width:85%;text-transform:none;margin:25px auto;color:#fff;font-family: "Montserrat Alternates", sans-serif;}
.mama_baby h3 .char{color: #FFF; 
text-align: center;
font-family: "Montserrat Alternates", sans-serif;
font-size: 80px;
font-style: normal;
font-weight: 600;
line-height: 88px;}
.mama_baby a{margin-top:25px;}

.section_wrapper .about_us, .section_wrapper .smiles_stories{background-color:#F8F6EF;position:relative;}
.specialities_page .section_wrapper .about_us{background-color:#ffffff;}

.specialities_page .infra-about-us{background-color: #F8F6EF;}
.specialities_page .infra-about-us::before,.specialities_page .infra-about-us::after{
    display: none;
}

.section_wrapper .about_us.career_media{background-color:#fff;}

.section_wrapper .about_us:before, .section_wrapper .smiles_stories:before, .section_wrapper .faq_media:before{position:absolute;content:"";left:-100px;top:0;width:527px;height:0px;background: url(../images/circle-left.svg);background-repeat:no-repeat;}

.section_wrapper .about_us:after, .section_wrapper .smiles_stories:after, .section_wrapper .faq_media:after{position:absolute;content:"";right:-100px;top:0;width:527px;height:0px;background: url(../images/circle-right.svg);background-repeat:no-repeat;}

.section_wrapper .smiles_stories.caree_er:before,.section_wrapper .smiles_stories.caree_er:after{display:none;opacity:0;}

.section_wrapper.in_view .about_us:before, .section_wrapper.in_view .smiles_stories:before, .section_wrapper.in_view .faq_media:before{height:1055px;transition: all 5s ease;}

.section_wrapper.in_view .about_us:after, .section_wrapper.in_view .smiles_stories:after, .section_wrapper.in_view .faq_media:after{height:1055px;transition: all 5s ease;}


.about_us .common-title h2{margin:0px auto;width:80%;}

.common-para{margin:25px 0px;}

.common-title span{color: #231F20;font-family: "Comic Neue", cursive;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;}

.common-title h2, .common-title h2 .char{color: #00ABB4;text-transform:none;font-family: "Montserrat Alternates", sans-serif;font-size: 74px;font-style: normal;font-weight: 600;line-height: 82px;margin:0px;}

 


.common-para p{color: #231F20;font-family: "Comic Neue", cursive;font-size: 18px;font-style: normal;font-weight: 400;line-height: 26px; }

.about_us .common-para{width:75%;margin:20px auto;}

.traid_list ul{padding:0px;margin:0px;padding-top:30px;}
.traid_list ul li{display:inline-block;position:relative;z-index:9;}
.traid_list ul li:nth-child(1){position:relative;top:-90px;left:-100px}
.traid_list ul li:nth-child(3){position:relative;top:-40px;right:-100px}
.traid_list ul li{display:inline-block;width:32%;}
.traid_list ul li img{width:100%;}

.our_impact{background-color:#F8F6EF;position:relative;}

.our_impact .common-para{width:80%;}

.section_wrapper .choose_us{position:relative;}
.section_wrapper .choose_us:before{position:absolute;content:"";background: url(../images/bg-3.webp) top left no-repeat transparent;background-size:cover;width:50%;height:100%;top:0;left:-1000px;opacity:0;transition: all 3s ease;}

.section_wrapper.in_view .choose_us:before{left:-140px;transition: all 3s ease;opacity:1;}


#faqaccordion{margin-top:25px;}

.faq_overview{
    font-size: 40px;
    line-height: 48px;
    color: black;
font-family: "Montserrat Alternates";
font-weight: 600;

}

.specialities_page #faqaccordion .accordion-item{
    font-size: 24px;
    line-height: 32px;
    color: black;
    font-family: "Montserrat Alternates";
}

.filter_tab.nav-tabs{
    border-bottom: solid #F8F6EF 1px;
    justify-content: center;
    margin: 40px 0;
    gap: 40px;
}

.filter_tab.nav-tabs button{
    border: none;
    font-size: 24px;
    line-height: 22px;
    font-family: "Montserrat Alternates";
font-weight: 600;
color: black;
padding-right: 30px;
position: relative;
    transition: 0.3s all;
padding-bottom: 7px;
}

.filter_tab.nav-tabs button img{
    display: none;
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s all;
}

.filter_tab.nav-tabs button.active{
    color: #821D80;
    border-bottom: solid #821D80 1px;
}

.filter_tab.nav-tabs button.active img{
    display: block;
    right: 0;
}


.doctor_tpset #faqaccordion .accordion-item:before{background: url(../images/star.png) top center no-repeat transparent;top:4px;width:24px;height:24px;}
.doctor_tpset #faqaccordion .accordion-item{padding-left:36px;}

.doctor_tpset .faq_bg #faqaccordion .accordion-item:before{background:#821D80;top:0;width:2px;height:100%;}
.doctor_tpset .faq_bg #faqaccordion .accordion-item{padding-left:25px;} 

#faqaccordion .accordion-item{margin-top:25px;border: 0px;padding-left:24px;position:relative;}
#faqaccordion .accordion-item:before{position:absolute;content:"";left:0;top:0;width:2px;height:100%;background-color:#821D80;border-radius:30px;}
#faqaccordion .accordion-item h2.accordion-header button{color: #404041;
font-family: "Montserrat Alternates";
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px; }
#faqaccordion button.accordion-button{border: 0px;padding:0px;}
.faq_qestions #faqaccordion button.accordion-button:after{display:none;}
#faqaccordion button.accordion-button:focus{box-shadow: none;}
#faqaccordion button.accordion-button:not(.collapsed){background-color: transparent;box-shadow: none;outline:none;}

#faqaccordion .accordion-item .accordion-body{padding:16px 0px 0px 0px;}

.signature_care{background: url(../images/bg-4.webp) top center no-repeat transparent;background-size: cover;padding:80px 0px;position:relative;}

.signature_care .common-title .sub-title, .signature_care .common-title h2 .char, .vision_mission .common-title .sub-title, .vision_mission .common-title h2 .char, .signature_care .common-para p{color:#fff;}
.signature_care .common-title h2, .vision_mission .common-title h2{color:#fff;}
.signature_care .common-title span, .vision_mission .common-title span{color:#fff;}

.signature_care .common-para {width:100%;float:right;}
.signature_care .common-para p{width:75%;float:right;}
.signature_care .commmon-button.text-end{margin-bottom:30px;}

.treat_box_1, .treat_box_2, .treat_box_3{overflow:hidden;border-radius:25px;min-height:520px;position:relative;}
.treat_box_1:before, .treat_box_2:before, .treat_box_3:before{background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(130, 29, 128, 0.9) 100%);position:absolute;content:"";left:0;bottom:0px;width:100%;height:100px;transition: all 0.5s ease;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(130, 29, 128, 1) 100%);}
.treat_box_1:hover:before, .treat_box_2:hover:before, .treat_box_3:hover:before{height: 100%;transition: all 0.5s ease;}

.treat_box_1{background: url(../images/bg-5.webp) top center no-repeat transparent;background-size: cover;}
.treat_box_2{background: url(../images/bg-6.webp) top center no-repeat transparent;background-size: cover;}
.treat_box_3{background: url(../images/bg-7.webp) top center no-repeat transparent;background-size: cover;}

.treat_box_1:hover .treat_box_cont, .treat_box_2:hover .treat_box_cont, .treat_box_3:hover .treat_box_cont{bottom:5px;transition: all 0.5s ease;}

.treat_box_cont { 
  position: absolute;
  width: 100%; 
  left: 0;
  content: "";
  z-index: -1;
  padding: 25px;
  bottom: -240px;
  z-index:0;transition: all 0.5s ease;
}

.treat_box_cont h4{color: #fff;
font-family: "Montserrat Alternates";
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 32px;}
.treat_box_cont p{color: #FFF;
font-family: "Comic Neue", cursive;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;}
.treat_box_cont a{color: #FFF;
font-family: "Comic Neue", cursive;
font-size: 16px;position:relative;
font-style: normal;
font-weight: 700;
line-height: normal;}

.treat_box_cont a img{position:absolute;right:-30px;transition: all 0.5s ease;}
.treat_box_cont a:hover img{right:-40px;transition: all 0.5s ease;}

.sliders-crd {
    padding-left: calc((100vw - 1300px)/2);
	position: relative;
    z-index: 1;
	padding-top: 30px;
}

.testimonial_scroll{margin:0px -150px 0px -15px;padding-bottom:160px;}

.testimonial_slide{background-color:rgba(0, 171, 180, 1);border-radius: 24px;padding:25px;margin:0px 15px;}


.testimonial_content p{color: #FFF;
font-family: "Comic Neue", cursive;
font-size: 20px;
font-style: normal;
font-weight: 400; 
line-height: 32px;}

.testimonial_user{position:relative;margin-top:35px;margin-bottom:15px;}
.testimonial_user img{position:absolute;content:"";left:0;top:-15px;width: 60px;}

.testimonial_user h4{color: #FFF;
font-family: "Comic Neue";
font-size: 20px;margin:0px;
font-style: normal;
font-weight: 700;padding-left:80px;
line-height: 32px;}

.testimonial_quote{margin-bottom:45px;}
.testimonial_content:not(.process_content) p{max-height: 280px;min-height:280px;overflow:auto;padding-right: 15px;}

.testimonial_content.process_content h3{
    font-size: 24px;
    line-height: 32px;
    color: white;
    font-family: "Montserrat Alternates";
    min-height: 64px;
}

.testimonial_content.process_content p{
    min-height: 96px;
    margin-top: 40px;
}

.testimonial_content p::-webkit-scrollbar{
    background-color: #821D80;
    width: 2px;
}

.testimonial_content p::-webkit-scrollbar-thumb{
    background-color: rgb(254 219 0);
}

.testimonial_scroll button.slick-prev:before, .testimonial_scroll button.slick-next:before {background: url(../images/arrow-narrow-right.png);
  width: 30px;
  position: absolute;
  content: "";transition: all 0.5s ease;
  height: 32px;}
	
.testimonial_scroll button.slick-prev:before{
transform:rotate(180deg);transition: all 0.5s ease;	
}
	
.testimonial_scroll button.slick-prev:hover:before{
transform:rotate(540deg);transition: all 0.5s ease;	
}

.testimonial_scroll button.slick-next:hover:before{transform:rotate(360deg);transition: all 0.5s ease;}
	
.testimonial_scroll button.slick-prev {
  left: 20px;height:0px;width:0px;background:transparent;
  bottom:115px;
  top: inherit;
}

.testimonial_scroll button.slick-next {
  top: inherit;height:0px;width:0px;background:transparent;
  right: inherit;
  bottom: 115px;
  left: 100px;
}

.vdeos_vibes, .latest_articles, .document_appointment{background: url(../images/bg-8.webp) center bottom no-repeat transparent;background-size:cover;} 

.vdeos_vibes .common-title span, .vdeos_vibes .common-title h2 .char, .vdeos_vibes .common-para p, .latest_articles .common-title span, .latest_articles .common-title h2, .latest_articles .common-title h2 .char, .latest_articles .common-para p{color: #fff;} 
.vdeos_vibes .common-title{width:65%;margin:0 auto;} 

.scroll {display: flex;justify-content: start;align-items: start;}

.text-marquee {position: relative;display: flex;align-items: start;overflow-x: hidden;padding-top:50px;}

.text-single {position: relative;white-space: nowrap;padding: 0;margin: 0;will-change: transform;}

.text {padding: 0;font-size: 6.4rem;display: inline-block;margin-right: 0;font-family: arial;font-weight: bold;vertical-align:top;}
.text.v-b{vertical-align:bottom;}
.text.p-t{padding-top:100px;}
 
.show-mobile{display:none;}
.home-banner-mobile{display:none;}

.contact_sector{display:none;}
.cont-btn{display:none;}

.vdeos_vibes.photo_vibes .common-title {width:88%;}

.assited{position:relative;z-index:9;}
.assited img{border-radius:630px;}

.vision_mission{position:relative;overflow:hidden;background:#000;}
.vision_mission:after{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background: url(../images/bg.svg) center center no-repeat transparent;}
.vision_mission:before{position:absolute;content:"";left:0;top:0;width:100%;height:105%;background: url(../images/bg-10.webp) center center no-repeat transparent;animation-name: gray-crl2; -webkit-animation-name: gray-crl2;animation-duration:6s;-webkit-animation-duration: 6s;animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: gray-crl2;}

@keyframes gray-crl2 {
0% { transform: translateY(0%); opacity:1; }
50%{ transform: translateY(-3%); opacity:1; }
100%{ transform: translateY(0%); opacity:1; }
}

@-webkit-keyframes gray-crl2 {
0% { transform: translateY(0%); opacity:1; }
50%{ transform: translateY(-3%); opacity:1; }
100%{ transform: translateY(0%); opacity:1; }
}

.vision_details, .mission_details {
  position: relative;
  z-index: 99;
}

.vision_details{width:65%;}
.mission_details{padding-left:180px;margin-top:130px;}

.stories_lists ul{padding: 0px;
  margin: 0px;
  display: flex;justify-content: center;
  align-items: center; 
  flex-wrap: wrap;
  gap: 30px;
}

.stories_lists ul li{display: inline-block;
  position: relative;z-index:9;
  width: 31%;} 

.success_stories .common-title{width:80%;margin:0 auto;}

.stories_lists .testimonial_slide{margin:0px;}

.job_details{border-radius: 24px;background: #00ABB4;}

.job_details h4{color: #FFF;
text-align: left;
font-family: "Montserrat Alternates";
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px;}

.job_details{padding:25px;}

.job_lists ul{padding: 0px;
  margin: 0px;
  display: flex;
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
  gap: 30px;}

.job_lists ul li{display:inline-block;position:relative;width:31%;} 

ul.job_det li img{position:absolute;content:"";left:0;}
ul.job_det li:nth-child(1) img, ul.job_det li:nth-child(2) img{top:-8px;}  

.job_details .common_button{margin-top:23px;}

.job_lists{padding-top:40px;}

.job_details .common_button.with_img img{top:13px;}
.job_details .common_button.with_img{padding:15px 55px 15px 25px;}

ul.job_det .commmon-button{margin-top:23px;}

ul.job_det li p{color: #FFF;
margin:0px;margin-bottom:8px;
font-family: "Comic Neue";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;}

ul.job_det li span{color: #FFF;
font-family: "Comic Neue";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; }

ul.job_det li{display:inline-block;position:relative;width:100%;color: #FFF;padding-left:50px;
font-family: "Comic Neue";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;}

.overview-room.bg-clr-lite.career_frm, .vdeos_vibes.photo_vibes.galler_resources{background:#fff;}

.blog-sectors{background: url(../images/blog-thumb.webp) center center no-repeat transparent;min-height:480px;position:relative;overflow:hidden;border-radius:24px;background-size:cover;} 
.blog-sectors:before{position:absolute;content:"";bottom:0;background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(130, 29, 128, 0.90) 82.61%), url(<path-to-image>) #d3d3d300 50% / cover no-repeat;width:100%;height:70%;z-index:0;transition: all 0.5s ease;} 

.blog-sectors:hover:before{transition: all 0.5s ease;height:100%;} 

.blog-times img{width:100%;border-radius:20px;}

.blg_details{position:absolute;bottom:26px;left:25px;color:#fff;padding-right:30px;} 
.blg_details h4, .blog-times h4{color: #FFF;
font-family: "Montserrat Alternates";
font-size: 24px;
font-style: normal;
font-weight: 600;margin:0px;padding-bottom:10px;
line-height: 32px;} 
.blg_details p, .blog-times p{color: #FFF;
font-family: "Comic Neue";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; }  
.blg_details span, .blog-times span{color: #FFF;
font-family: "Comic Neue";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; } 
 
.latest_articles h2.banner-title{margin-bottom:24px;} 
 
.blog-times h4{margin-top:15px;} 
 
.blog-times p{min-height:100px;} 
 
.frequently-questies #faqaccordion button.accordion-button::after {
  background-image: url(../images/add.svg);
  transition: all 0.5s;
}
.frequently-questies #faqaccordion button.accordion-button:not(.collapsed)::after {
  background-image: url(../images/minus.svg);
}
.frequently-questies #faqaccordion button.accordion-button::after {transition: all 0.5s;}

.frequently-questies #faqaccordion .accordion-item::before {display:none;height:0px;}
.frequently-questies #faqaccordion .accordion-item{padding:25px;border-radius:8px;border:1px solid #D3D3D3;background:#FFF;position:relative;z-index:1;}

.frequently-questies #faqaccordion .accordion-item h2.accordion-header button {color: #000;
font-family: "Comic Neue";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;}

.faq_media .frequently-questies #faqaccordion button.accordion-button::after {background-size:30px;width:30px;height:30px;}
.faq_media .frequently-questies #faqaccordion button.accordion-button:not(.collapsed)::after {background-size:30px;width:30px;height:30px;}

.faq_media .frequently-questies #faqaccordion .accordion-item h2.accordion-header button {font-size:24px;line-height:32px;}

.faq_media #faqaccordion .accordion-item .accordion-body {font-size:18px;}

.more-questions{border-radius: 8px;border: 1px solid #D3D3D3;text-align:center;padding:90px 75px 90px 75px;margin-top:25px;background-color:#fff;position:relative;z-index:1;}

.frequently_asked::after {position: absolute;content: "";background: url(../images/after-crcle-img.svg);background-repeat: repeat;
background-size: auto;right: -80px;top: 65px;width:0px;height:0px;background-repeat: no-repeat;background-size: contain;}

.more-questions img{margin-bottom:40px;}
.more-questions h4{color: #000;text-align: center;font-family: "Montserrat Alternates";font-size: 24px;margin-bottom:24px;font-style: normal;font-weight: 600;line-height: 32px;}
.more-questions p{color: #000;text-align: center;font-family: "Comic Neue";font-size: 16px;margin-bottom:35px;font-style: normal;font-weight: 400;line-height: 24px;}

.document_appointment{}

h2.banner-title.text-light, .common-title h2.banner-title.text-light .char{color:#fff !important;}

.document_appointment .common-para p{color:#fff;}
.document_appointment ul{padding:0px;margin:0px;}
.document_appointment ul li{color: #FFF;margin-bottom:8px;
font-family: "Comic Neue";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;display:inline-block;width:100%;padding-left:30px;position:relative;}
.document_appointment ul li img{position:absolute;content:"";left:0;top:0;}


.patient-form .submit-btn {
  width: auto;
}

.sticky_sec {
position: -webkit-sticky;
position: sticky;
top: 15px;
}

.notes_patient h3{color: #000;
font-family: "Montserrat Alternates";
font-size: 24px;margin:30px 20px;
font-style: normal;
font-weight: 600;
line-height: 32px; }
.notes_patient ul{padding:0px;margin:0px;padding-left:25px;}
.notes_patient li{color: #000;
font-family: "Comic Neue";
font-size: 16px;margin-bottom:24px;
font-style: normal;
font-weight: 400;width:100%;
line-height: 24px;} 

.notes_patient li a{color: #000;
font-family: "Comic Neue";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;}


.our_vedeos{padding: 0px;margin: 0px;display: flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}

.vedeo_details{padding:20px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);background-color: #FFFFFF;border-radius:25px;transition: all 0.5s ease;width:32%;margin-bottom:30px;}

.vedeo_fle{overflow:hidden;transition: all 0.5s ease;margin-bottom:15px;}
.vedeo_fle iframe{transform:scale(1);transition: all 0.5s ease;}

.vedeo_details:hover .vedeo_fle iframe{transform:scale(1.2);}

.vedeo_details span{margin-bottom:10px;display:block;}
.vedeo_details h4 {
  margin: 0px;
  padding: 0px;
  line-height: 26px;
  font-size: 18px;
}

.vedeo_details:hover{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);transition: all 0.5s ease;}

.form_content_stick{
    position: sticky;
    top: 0;
    height: 300px;
}

#customaccordion{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
#customaccordion .accordion-header{
line-height: unset;
}
#customaccordion .accordion-item{
    padding: 24px;
    border: solid #D3D3D3 1px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#customaccordion .accordion-item button{
    color: black;
    font-weight: 700;
    height: fit-content;  
      font-family: "Comic Neue", cursive;
      transition: 0.3s all;
}

#customaccordion .accordion-item button::after{
    background-image: url('../images/add.svg');
    height: 24px;
    width: 24px;
      transition: 0.3s all;

}

#customaccordion .accordion-button:not(.collapsed)::after{
transform: rotate(45deg);
}

#customaccordion .accordion-item .accordion-body{
    color: black;
      padding-right: 30px;

}

.msg_box{
    border: solid 1px #D3D3D3;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    width: 95%;
    margin-left: auto;
    padding:0 70px;
    text-align: center;
    height: 100%;
	background: #fff;
	position: relative;
	z-index: 9;
}

.msg_box h4{
font-family: "Montserrat Alternates";
font-size: 24px;
line-height: 32px;
font-weight: 600;
}

.msg_box>img{
    width: 55px;
}

.msg_box h4,
.msg_box p{
    margin-bottom: 0;
    color: black;
}

.whr_to_answer{
margin-top: 40px;
}

.faq_bot_set{position:relative;}

.section_wrapper .faq_bot_set:before{position:absolute;content:"";right:0;top:6.5%;width:404px;height:0px;background: url(../images/right-hfcrcle.png);background-repeat:no-repeat;}

.section_wrapper.in_view .faq_bot_set:before{height:832px;transition: all 5s ease;} 

.doctor_tpset{position:relative;}

.section_wrapper .doctor_tpset:before{position:absolute;content:"";left:0;top:0;width:263px;height:0px;background: url(../images/left-top.png);background-repeat:no-repeat;}

.section_wrapper.in_view .doctor_tpset:before{height:469px;transition: all 5s ease;} 

.lefter-imge img{border-radius:100%;}

ul.lister-basics{padding:0px;margin:0px;padding-top:20px;}
ul.lister-basics li{display:inline-block;width:100%;position:relative;padding-left:30px;font-size:18px;
  line-height:28px;margin-bottom: 15px;
  color: black;
  font-family: "Montserrat Alternates";}
ul.lister-basics li:before{position:absolute;content:"";background: url(../images/star.png) top center no-repeat transparent;
top:5px;width: 24px;height: 24px;left:0;background-size: 63%;}


.specialities_page .faq_bg #faqaccordion .accordion-item {font-size: 18px;line-height:28px;}

a.btm_lnk{font-family: "Comic Neue", cursive;color: #00ABB4;font-size: 16px;font-style: normal;font-weight: 400;margin: 0px;}
a.btm_lnk:hover{color: #821D80;}

.appointment_btn.autro {
  margin-top: 30px;width:auto;
} 

.bg-clr-lite.whte{
  background: #fff;
} 

.bg-clr-lite.whte .dr_name{
  font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #404041;margin-top:30px;
    font-family: "Montserrat Alternates";
}

.whatsapp-chat {
  position: fixed;
  bottom: 15px;
  left: 15px;
  z-index: 999;
  transition: 0.5s ease-in-out;
}

.whatsapp-chat a span {
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
}
.whatsapp-chat a i {
  font-size: 25px;
  padding-right: 2px;
  position: relative;
  top: 2px;
}

.whatsapp-chat a {
  display: inline-block;
  padding: 8px 15px 9px;
  background: #3cb94a;
  color: #fff;
  font-size: 13px;
  border-radius: 30px;
  transition: 0.5s ease-in-out;
}
.error-page h3{
    color: #fff;
    font-family: "Montserrat Alternates";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
    margin: 20px 0px 30px 0px;
    line-height: 48px;
}
.error-page h4{
    color: #fff;
    font-family: "Comic Neue", cursive;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    margin: 20px 0px 30px 0px;
}
.number-txt-e {
    color: #FFF;
    text-align: center;
    font-family: "Montserrat Alternates", sans-serif;
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    text-transform: none;
    line-height: 88px;
    width: 80%;
    margin: 0 auto;
}





























































@media (min-width: 1200px) {
    .carousel .carousel-caption {
        max-width: 1100px;
    }
}

@media (min-width: 1400px) {
    .carousel .carousel-caption {
        max-width: 1320px;
    }
}


@media (max-width: 1700px) {

    #fullpage.fullpage-wrapper .section .content-area,
    #fullpage.fullpage-wrapper .section footer .container {
        padding: 20px 100px 20px 20px;
    }
	
	.scroll-down-btn .chevron::before {top:110px;}
	
	img.swing2{width:45%;}
	img.swing3{width:45%;}
	img.swing4{width:45%;}
	
	.carousel-caption h1, .carousel-caption h1 .char{font-size: 64px;line-height: 75px;}
	
	.carousel .carousel-caption {top: 22%;}
	
	.banner-bottom {margin-top: -25%;}
	
	
	
}


@media (max-width: 1500px) {
	
	
	.carousel_images{right:-30px;}
    ul.home-counters li {
        min-height: 155px;
    }

    section.home-products {
        padding: 70px 0px;
    }

    #fullpage.fullpage-wrapper .section .content-area img.town-bus-img {
        max-height: 400px;
    }

    #fullpage.fullpage-wrapper .section .content-area,
    #fullpage.fullpage-wrapper .section footer .container {padding: 20px 150px 20px 0px;} 
	
	.banner-bottom {margin-top: -27%;}
	
}


@media (max-width: 1399px) {
	
	section.inner-banner{padding:150px 0px 100px;}
	section.inner-banner h1{font-size: 60px;
  line-height: 78px;}
	
	.bottom-bar ul{padding-right:50px;}
	
	.carousel, .carousel-inner, #homeCarousel.carousel .carousel-item, #homeCarousel.carousel .carousel-item img{height:100vh;}
	
	#cssmenu > ul > li > a{padding:16px 18px 25px;font-size: 16px;}
	
	  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 95%;

}
	
	  .carousel-caption h1, .carousel-caption h1 .char {
    font-size: 56px;
    line-height: 64px;
  }
    .banner-bottom {
    margin-top: -28%;
  }

    .carousel .carousel-control-prev {
        left: 10px;
    }

    .carousel .carousel-control-next {
        right: 10px;
    }   
    

    #fullpage.fullpage-wrapper .section .content-area h2 {
        margin-bottom: 10px;
    }

    ul.town-bus-icons li {
        margin: 30px 0px 0px 0px;
        font-size: 15px;
        width: 50%;
    }

    ul.town-bus-icons li strong {
        font-size: 20px;
    }

    #fullpage.fullpage-wrapper .section .content-area p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0px;
    }

    
}

@media (max-width: 1300px) {
	.common_button{font-size:14px;padding:16px 20px;}
	  section.inner-banner {
    background-position:center center;
  }
	.sliders-crd{padding-left:30px;}
	
	 .banner-bottom {
    margin-top: -30%;
  }
  .common-title h2, .common-title h2 .char {font-size: 70px;line-height:78px;}
  
  .treat_box_cont{bottom:-270px;}
	
	.mama_baby h3 .char{font-size:60px;line-height:68px;}
	
	.banner-bottom .col-xl-4 { 
    width: 45% !important;
  }
	
    ul.home-counters li {
        min-height: inherit;
        width: 31.33%;
        padding: 20px;
    }
	#fullpage.fullpage-wrapper .section .content-area {
        padding: 0px;
    }

    #fullpage.fullpage-wrapper .section footer .container {
        padding: 15px;
    }
	.town-bus-mobile-btn {
        display: block;
    }

	#productsRangeCarousel.carousel .carousel-indicators{
		right: -10px;
	}
	
    ul.town-bus-nav {
        top: 78px;
        display: block;
        height: 100vh;
        right: -230px;
        width: 200px;
        padding: 10px;
        background: rgba(255, 255, 255, 0.95);
        box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.2);
        transition: all 0.3s ease;
    }

    body.town-bus.fp-viewing-firstPage ul.town-bus-nav {
        top: 117px;
    }

    ul.town-bus-nav li a:hover,
    ul.town-bus-nav li.active a {
        color: #194B98;
    }

    ul.town-bus-nav li.active:before,
    ul.town-bus-nav li.active:after {
        background: #194B98;
    }

    ul.town-bus-nav.active {
        right: 0px;
        transition: all 0.3s ease;
    }
}

@media (max-width: 1150px) {
    .faq_overview{
    font-size: 26px;
    line-height: 32px;
}
	  #cssmenu > ul > li > a {
    padding: 16px 8px 25px; 
    font-size: 15px;
  }
	.vdeos_vibes .common-title {
  width: 100%;
  margin: 0 auto;
}
	.common_button {font-size:14px;}
	 .common-title h2, .common-title h2 .char {
    font-size: 40px;
    line-height: 48px;
  }
  .common_button.with_img img { 
  top: 9px;
  right: 20px;
}
.common_button.with_img { 
  padding: 12px 55px 12px 25px;
}
	
#cssmenu > ul > li > a{font-size:16px;}
	
#cssmenu > ul > li.has-sub > a::after {top:36px;}

.appointment_btn {width: 20%;}
#cssmenu > ul {width: 65%;}
.logo {width: 15%;}

 #cssmenu > ul > li > a {
    padding: 36px 10px;
  }
    .treat_box_cont {
    bottom: -310px;
  }
  .mama_baby h3 {
  width: 90%;}
    .carousel-caption h1, .carousel-caption h1 .char {
    font-size: 48px;
    line-height: 56px;
  }
   .fixed-top #cssmenu > ul > li > a, body.town-bus header #cssmenu > ul > li > a {
    padding: 24px 15px;
  }
   .fixed-top #cssmenu > ul { 
    width: 100%;
  }
  .fixed-top #cssmenu > ul > li.has-sub > a::after, body.town-bus header #cssmenu > ul > li.has-sub > a::after {
  top: 25px;right:0;}
  .banner-bottom {
    margin-top: -35%;
  }
  
 header.fixed-top .logo {
    width: 12%;
  }
	
.mama_baby{background-position:right center;}

.site_address .col-sm-12.col-md-4.col-lg-4.col-xl-3:last-child{padding-top:30px;}

.footer-links .col{flex:auto;width:33.333%;max-width:33.333%;}
.footer-links .col:nth-child(4), .footer-links .col:nth-child(5){padding-top:30px;} 

.mama_baby::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #00000070;
  z-index:-1;
}

    ul.why-choose-icons li {
        width: 25%;
    }

    .carousel .carousel-caption h4 {
        font-size: 30px;
        line-height: 40px;
    }

    .carousel .carousel-caption h5 {
        font-size: 80px;
        line-height: 90px;
    }

    .carousel .carousel-item iframe {
        height: 500px;
    }
	
	img.home-icon-image{
		margin-bottom: 50px;
	}
}

@media (max-width: 1050px) {

   .fixed-top #cssmenu > ul {
    width: 100%;
  }
  section.inner-banner{padding: 230px 0px 110px;}
  section.inner-banner h1 {font-size:48px;line-height:56px;}

}


@media (max-width: 1000px) {
	
	
	.whatsapp-chat {display:none;}

    section.inner-banner {
	min-height:unset;
    padding: 150px 20px 50px 20px;
}


	.vedeo_details{width:48%;}
	
	.vision_mission::before {background-size:cover;}
	
	.vision_details{width:100%;}
	
	.mission_details {
  padding-left: 0;
  margin-top: 50px;
}
  footer .bottom-bar {
    padding: 18px 0px 70px;
  }	
.cont-btn{display:block;}
  .cont-btn {
                    position: fixed;
                    display: flex;
                    visibility: visible;
                    top: inherit;
                    bottom: 0!important;
                    width: 100%;
                    left: 0!important;
                    transform: rotate(0);
                    opacity: 1!important
                }

                .cont-btn a {
                    width: 100%;
                    display: inline-block;
                    padding:12px 0 8px;
                    font-size: 20px;
                    text-align: center;
                    font-weight: 600
                }

                .cont-btn a:first-child {
                    display: block
                }

                .cont-btn a:first-child {
                    width: 50%;
                    background: #075e54;
                    color: #fff
                }

                .cont-btn a:nth-child(2) {
                    width: 50%;
                    color: #fff;
					background:#00ABB4;
                }
				
				
	.signature_care .col-md-4 { 
    width: 50%;margin-bottom:30px;
  }
   .treat_box_cont {
    bottom: -220px;
  }
    .smiles_stories .col-md-8 { 
    width: 100%;
  }
	  .mama_baby h3 .char {
    font-size: 40px;
    line-height: 48px;
  }
	.subscriber .footer-newsletter-form{margin-top:30px;}
	.about_us .common-title h2 {
  margin: 0px auto;
  width: 100%;
}

.traid_list ul li:nth-child(1) { 
  left: -30px;
}
.traid_list ul li:nth-child(3) { 
  top: -70px;
  right: -30px;
}

.about_us .common-para {
  width:100%; 
}
	
	  #cssmenu > ul {
    width:100%;
  }
	
	header.fixed-top .button::before{background:#821D80;}
	header.fixed-top .button.menu-opened::after{border-top: 0px solid #821D80;}
	header.fixed-top .button::after{border-top: 2px solid #821D80;
    border-bottom: 2px solid #821D80;}
	
	.logo img {min-width:90px;
	max-width: 90px;}
	
	.appointment_btn {
  margin-top: 0;position:absolute;width:auto;right:70px;
}
	#cssmenu>ul>li>a {color:#821D80;}
	.top-bar{display:none;}
	
	#cssmenu .button {
  display: block;
}

    section {
        padding: 50px 0px;
    }
	
	.scroll-down-btn {
        left: 0px;
    }

    .scroll-down-btn.home {
        left: calc(50% - 15px);
    }
	
	#homeCarousel.carousel .carousel-item {
        background: #000;
    }

    #homeCarousel.carousel .carousel-item:before {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 80%;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
        content: "";
    }

    #homeCarousel.carousel .carousel-caption {
        top: inherit;
        bottom:inherit;top:10%;
        padding: 50px;
    }
	
	  .carousel-caption h1, .carousel-caption h1 .char {
    font-size: 40px;
    line-height: 55px;max-width:580px;
  }
    .banner-bottom {
    margin-top: -40%;
  }
  
    .carousel_images {
    right:-150px;
  }

    #homeCarousel.carousel .carousel-caption h4,
    #homeCarousel.carousel .carousel-caption h5,
    #homeCarousel.carousel .carousel-caption p {
        color: #FFF;
    }

    .carousel .carousel-caption h4 {
        max-width: 100%;
    }

    .carousel .carousel-caption {
        top: 0px;
        text-align: center;
    }

    #productsRangeCarousel.carousel .carousel-caption h4 {
        text-align: center;
    }

    #productsRangeCarousel.carousel .carousel-caption p {
        max-width: 100%;
    }
	
	#productsRangeCarousel.carousel {
		margin-top: 20px;
		padding: 0px 0px 30px 0px;
	}

	#productsRangeCarousel.carousel .carousel-indicators{
		left: 0px;
		margin: 0px;
		width: 100%;
		top: inherit;
		right: 0px;
		display: flex;
		bottom: -10px;
	}
	
	#productsRangeCarousel.carousel .carousel-indicators button{
		width: 10px;
		height: 10px;
		padding: 0px;
		margin: 0px 3px;
	}
	
	#productsRangeCarousel.carousel .carousel-indicators button img{
		display: none;
	}

    #sidebar img.product-image1 {
        margin-top: -50px;
        margin-bottom: 30px;
    }

    .carousel .carousel-item iframe {
        height: 400px;
    }

    ul.about-icons li {
        width: 48%;
    }

    .show-desktop {
        display: none;
    }

    .show-ipad {
        display: block;
    }

    section.home-products {
        background-size: auto;
    }

    .product-cta-bg {
        padding: 30px;
    }

    .product-cta-bg .text-end {
        padding-top: 30px;
    }

    .product-cta-bg h2 {
        margin-bottom: 20px;
    }

    .product-cta-bg p br {
        display: none;
    }

    .product-cta-bg h2,
    .product-cta-bg p,
    .product-cta-bg .text-end {
        text-align: center !important;
    }

    #sidebar.sticky img.product-image1,
    img.product-image2,
    img.product-image3 {
        margin-top: 0px;
        margin-bottom: 20px;
    }
	
	img.home-icon-image{
		margin-bottom: 10px;
	}

    ul.history-timeline::before {
        left: 10px;
    }

    ul.history-timeline li {
        width: calc(100% - 50px);
        margin-left: 50px;
        margin-bottom: 70px;
    }

    ul.history-timeline li.timeline-right {
        margin-left: 50px;
    }

    ul.history-timeline li.timeline-left:before {
        left: -65px;
        right: inherit;
    }

    ul.history-timeline li.timeline-left:after {
        right: inherit;
        left: -50px;
    }

    #fullpage.fullpage-wrapper .section .content-area * {
        text-align: center;
    }
	
	#fullpage.fullpage-wrapper .section .content-area h4{
		font-size: 16px;
		line-height: 24px;
	}
	
	#fullpage.fullpage-wrapper .section#section0 .content-area img{
		max-width: 400px;
	}	
	
} 
	
@media (max-width: 980px) {

    .whr_to_answer{
margin-top: 24px;
}

    #customaccordion {
    gap: 16px;
}
    .msg_box{
        width: 100%;
        padding: 20px;
    }
	.job_lists ul.job_det li{width:100%;}
	.job_lists ul li{width:45%;}
	
.stories_lists ul li{
  width: 45%;} 
	
	    .carousel_images {
    right: -30%;
  }
	.banner_scroll_img img{width:70%;}	

}
	
	
@media (max-width: 880px) {
	
	.more-questions{padding:40px 35px 40px 35px;}
	
	.blog-sectors{margin:30px 0px;}
.latest_articles .common-para {
  margin: 0px 0px 25px;
}
.blog-times p {
  min-height: auto;
}
 
.blog-times span {
  margin-bottom:30px;display:block;
}
 
  .treat_box_1 .treat_box_cont, .treat_box_2 .treat_box_cont, .treat_box_3 .treat_box_cont{bottom:5px;transition: all 0.5s ease;}
  .treat_box_1:before, .treat_box_2:before, .treat_box_3:before{height:100%;}
	 .carousel, .carousel-inner, #homeCarousel.carousel .carousel-item, #homeCarousel.carousel .carousel-item img {
    height: auto;
  }
	 .scroll-down-btn.home {
    display:none;
  }
	.common-title h2, .common-title h2 .char {
    font-size: 30px;
    line-height: 38px;
  }
  .signature_care .common-para p {
  width: 100%; 
}
	.section_wrapper.in_view .about_us::before, .section_wrapper.in_view .smiles_stories::before{opacity:0.33;}
	.section_wrapper.in_view .about_us::after, .section_wrapper.in_view .smiles_stories::after{opacity:0.33;}
	.section_wrapper .choose_us::before{width:0px;opacity:0;}
	.choose_us .col-md-7{width:100%;}
	.bottom-bar .col-md-8, .bottom-bar .col-md-4{width:100%;text-align:center;}
	  .bottom-bar ul {
    padding-right: 0;
  } 
  .back-to-top{bottom:60px;}
  .bottom-bar ul{text-align:center;margin-top:10px;}
	.show-mobile{display:block;}
	img.swing2{display:none;opacity:0;}
	img.swing3{display:none;opacity:0;}
	img.swing4{display:none;opacity:0;}
	#homeCarousel.carousel .carousel-caption{top:60%;}
		  .banner-bottom .col-xl-4 {
    width: 100% !important;text-align:center;
  }
	  .banner-bottom {
    margin-top: 0px;
	padding:35px 0px 25px;
  }
  .our_impact .col-md-8 { 
    width: 100%;
  }
  
  .banner_scroll_txt h4{color:#00ABB4;}
  .banner_scroll_txt p{color:#000;}

.carousel_images{display:none;}
    
    .contact-bg {
        margin-top: 50px;
    }
	
    img.swing1,
    img.swing2,
    img.swing3,
    img.swing4 {
        width: 100px;
    }

    ul.why-choose-icons li {
        width: 33.33%;
    }
}

@media (max-width: 760px) {

    .process_scroll {
        padding-bottom: 80px !important;
    }

    .testimonial_scroll.process_scroll button.slick-next,
    .testimonial_scroll.process_scroll button.slick-prev{
        bottom: 85px;
    }

    .testimonial_content.process_content h3{
    font-size: 20px;
    line-height: 28px;
    min-height: unset;
}

.testimonial_content.process_content p{
    min-height: 84px;
    margin-top: 24px;
}

    .specialities_page .section_wrapper .faq_bot_set:before{
        display: none;
    }
	
	  section.inner-banner {
    padding: 120px 0px 70px;
  }
	
	 section.inner-banner h1 {
    font-size: 38px;width: 95%;
    line-height: 46px;
  }
	
	  .sliders-crd {
    padding-left: 0;
  }
  .testimonial_scroll {
  margin: 0;}
	
	.section_wrapper.in_view .about_us::before, .section_wrapper.in_view .smiles_stories::before{opacity:0 !important;}
	.section_wrapper.in_view .about_us::after, .section_wrapper.in_view .smiles_stories::after{opacity:0 !important;}
	
	.section_wrapper .about_us::before, .section_wrapper .smiles_stories::before{opacity:0 !important;}
	.section_wrapper .about_us::after, .section_wrapper .smiles_stories::after{opacity:0 !important;}
	.home-banner-desk{display:none;}
	.home-banner-mobile{display:block;}

    section {
        padding: 50px 0px;
    }
	.signature_care{padding: 50px 0px;}
	
	body.town-bus .town-bus-mobile-btn{
		display: none;
	}

    #homeCarousel.carousel .carousel-caption {
        padding: 20px;
        bottom: 20px;
    } 

    .slick-next {
        right: -5px;
        width: 35px;
        height: 35px;
    }

    .slick-prev {
        left: -5px;
        width: 35px;
        height: 35px;
    }

    .slick-prev:before,
    .slick-next:before {
        font-size: 22px;
    }

    .v-divider {
        width: 100%;
        height: 1px;
        min-height: inherit;
    }

    .carousel .carousel-control-next,
    .carousel .carousel-control-prev {
        display: none;
    }

    .show-mobile {
        display: block;
    }

    ul.home-counters li {
        width: 31%;
    }
	  .signature_care .col-md-4 {
    width: 100%;
    margin-bottom: 30px;
  }
    .site_address .col-sm-12.col-md-4.col-lg-4.col-xl-3{
    padding-top: 30px;
  } 
    ul.product-list-icons li {
        width: 98%;
    }

    ul.why-choose-icons li {
        width: 50%;
        font-size: 14px;
        line-height: 24px;
        margin: 10px 0px;
    }

    ul.why-choose-icons li:last-child br {
        display: none;
    }

    .contact-bg nav {
        padding: 10px;
    }

    #fullpage.fullpage-wrapper {
        margin-top: -50px;
    }

    #fullpage.fullpage-wrapper .section .content-area img.town-bus-img {
        max-height: 300px;
    }
	
	#fullpage.fullpage-wrapper .section#section0 .content-area img{
		max-width: 200px;
	}
	
	#fullpage.fullpage-wrapper .section.footer-scroll footer{
		max-height: 70vh;
	}
	.testimonial_scroll { 
  padding-bottom: 150px;
}
  .footer-links .col:nth-child(4), .footer-links .col:nth-child(5) {
    padding-top: 0;
  }
  .footer-links .col {
    flex: auto;
    width: 50%;
    max-width: 50%;
  margin-bottom: 20px;}

}

@media (max-width: 580px) {

       section.inner-banner {
	min-height:unset;
    padding: 180px 20px 50px 20px;
}

    .whr_to_answer{
margin-top: 20px;
}


     .msg_box{
        width: 100%;
        padding: 20px;
        margin-top: 20px;
    }

    .filter_tab.nav-tabs{
        flex-wrap: nowrap;
        margin: 20px 0;
    }

    .specialities_page .faq_overview{
        margin-top: 20px;
    }

    .filter_tab.nav-tabs button{
        font-size: 18px;
        line-height: 26px;
    }
	
	.vedeo_details{width:100%;}
	
	.job_lists ul li{width:100%;}
.stories_lists ul li{
  width: 100%;} 
	
	  section.inner-banner h1 {
    font-size: 22px; 
    line-height: 30px;
  }
	footer .subscriber h3, footer .subscriber h3 .char {font-size: 20px;line-height:28px;}
	  .mama_baby h3 .char {
    font-size: 24px;
    line-height: 36px;
  }
	.banner_scroll_txt h4{font-size: 22px;line-height:30px;}
	 .common-title h2, .common-title h2 .char {
    font-size: 22px;
    line-height: 30px;
  }
	.testimonial_content p{font-size: 16px;line-height:28px;}
	.testimonial_quote {
  margin-bottom: 25px;
}
	#faqaccordion .accordion-item h2.accordion-header button {font-size: 20px;}
	.treat_box_cont h4 {font-size:20px;margin-bottom: 10px;}
	ul.home-counters li h3{font-size: 30px;
	line-height: 28px;}
	.our_impact .common-para {
  width: 100%;
}
	ul.home-counters li {
  width: 50% !important;
  padding: 0px 0px 20px !important;
  min-height: auto !important;
  margin: 0 !important;
}

	 .carousel-caption h1, .carousel-caption h1 .char {
    font-size: 30px;
	 line-height: 48px;}
    .carousel .carousel-item iframe {
        height: 300px;
    }

    .carousel .carousel-caption h4 {
        font-size: 24px;
        padding-right: 50px;
    }

    #homeCarousel.carousel .carousel-caption h4 {
        font-size: 20px;
        padding-right: 0px;
        line-height: 30px;
    }

    #homeCarousel.carousel .carousel-caption h5 {
        font-size: 50px;
        padding-right: 0px;
        line-height: 50px;
    }

    img.swing1,
    img.swing2,
    img.swing3,
    img.swing4 {
        display: none;
    }

    ul.about-icons li {
        width: 98%;
    }
	
	#fullpage.fullpage-wrapper .section .content-area p{
		font-size: 13px;
	}
	.number-txt-e {
	    font-size: 36px;
	    line-height: 44px;
	    margin-bottom: 10px;
	  
	}
	.error-page h3 {
	    font-size: 26px;
	    line-height: 34px;
	    margin: 12px 0px;
	}

}

@media screen and (max-width:500px) {
     .footer-links li.link_heading{
        position: relative;
     }
        .footer-links li.link_heading::before, .footer-links li.link_heading::after {
        position: absolute;
        content: '';
        right: 0px;
        background-color: black;
        /* filter: invert(1); */
        height: 1px;
        width: 12px;
        background-size: cover;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        transition: 0.3s all;
    }
    .footer-links li.link_heading::after {
        transform: rotate(90deg);
    }
} 


@media (max-width: 480px) {
	
	ul.home-counters li {
  width: 100%; 
}
	
	  .footer-links .col {
    flex: auto;
    width: 100%;
    max-width: 100%;
  margin-bottom: 20px;}
 
	
	
    h2 {
        font-size: 26px;
        line-height: 40px;
    }

    #fullpage.fullpage-wrapper .section .content-area img.town-bus-img {
        max-height: 250px;
        margin-bottom: 20px;
    }

    ul.town-bus-icons li {
        padding: 55px 10px 20px 10px;
    }

    ul.town-bus-icons li img {
        width: 50px;
        height: 50px;
        left: calc(50% - 25px);
    }

    .carousel .carousel-caption h4 {
        padding-right: 0px;
    }

    ul.home-counters li {
        width: 46%;
        padding: 20px 10px; 
        margin: 0px 2% 30px 2%;
    }

    ul.home-products-list {
        margin: 20px 0px;
    }

    ul.home-products-list li {
        width: 98%;
        padding-top: 10px;
    }

    ul.home-products-list li br {
        display: none;
    }


    .contact-bg nav .nav-tabs .nav-link {
        padding: 10px 20px;
    }
}







@media (max-width: 400px) {

.common_button{font-size: 14px;padding: 10px 15px;}

}