/*font*/
/*@font-face {font-family: "Domaine Display Medium Regular";
  src: url("fonts/Domaine Display Medium Regular/@font-face/7880566f54ea598eee93c1e4df8437cb.eot"); 
  src: url("fonts/Domaine Display Medium Regular/@font-face/7880566f54ea598eee93c1e4df8437cb.eot?#iefix") format("embedded-opentype"), 
  url("fonts/Domaine Display Medium Regular/@font-face/7880566f54ea598eee93c1e4df8437cb.woff2") format("woff2"), 
  url("fonts/Domaine Display Medium Regular/@font-face/7880566f54ea598eee93c1e4df8437cb.woff") format("woff"), 
  url("fonts/Domaine Display Medium Regular/@font-face/7880566f54ea598eee93c1e4df8437cb.ttf") format("truetype"), 
  url("fonts/Domaine Display Medium Regular/@font-face/7880566f54ea598eee93c1e4df8437cb.svg#Domaine Display Medium Regular") format("svg"); 
}*/
/*@import url(https://zavoloklom.github.io/material-design-iconic-font/css/docs.md-iconic-font.min.css);*/
@font-face {
    font-family: 'GalanoGrotesque';
    src: url('../font/GalanoGrotesque-BlackItalic.eot');
    src: local('font/Galano Grotesque Black Italic'), local('font/GalanoGrotesque-BlackItalic'),

        url('font/GalanoGrotesque-BlackItalic.eot?#iefix') format('embedded-opentype');
        /* url('font/GalanoGrotesque-BlackItalic.woff2') format('woff2'), 
         url('font/GalanoGrotesque-BlackItalic.woff') format('woff'), 
        url('font/GalanoGrotesque-BlackItalic.ttf') format('truetype'); */

    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'GalanoGrotesqueAlt';
    src: url('../font/GalanoGrotesqueAlt-Heavy.eot');
    src: local('../font/Galano Grotesque Alt Heavy'), local('GalanoGrotesqueAlt-Heavy'),
        url('../font/GalanoGrotesqueAlt-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../font/GalanoGrotesqueAlt-Heavy.woff2') format('woff2'),
        url('../font/GalanoGrotesqueAlt-Heavy.woff') format('woff'),
        url('../font/GalanoGrotesqueAlt-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}



@font-face {
    font-family: 'GalanoGrotesqueAlt';
    src: url('font/GalanoGrotesqueAlt-Regular.eot');
    src: local('font/Galano Grotesque Alt'), local('GalanoGrotesqueAlt-Regular'),
        url('font/GalanoGrotesqueAlt-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/GalanoGrotesqueAlt-Regular.woff2') format('woff2'),
        url('font/GalanoGrotesqueAlt-Regular.woff') format('woff'),
        url('font/GalanoGrotesqueAlt-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'GalanoGrotesqueAltDEMO';
    src: url('../font/GalanoGrotesqueAltDEMO-Bold.eot');
    src: local('../font/Galano Grotesque Alt DEMO Bold'), local('GalanoGrotesqueAltDEMO-Bold'),
        url('../font/GalanoGrotesqueAltDEMO-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/GalanoGrotesqueAltDEMO-Bold.woff2') format('woff2'),
        url('../font/GalanoGrotesqueAltDEMO-Bold.woff') format('woff'),
        url('../font/GalanoGrotesqueAltDEMO-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'GalanoGrotesqueAlt';
    src: url('../font/GalanoGrotesqueAlt-SemiBold.eot');
    src: local('../font/Galano Grotesque Alt SemiBold'), local('GalanoGrotesqueAlt-SemiBold'),
        url('../font/GalanoGrotesqueAlt-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../font/GalanoGrotesqueAlt-SemiBold.woff2') format('woff2'),
        url('../font/GalanoGrotesqueAlt-SemiBold.woff') format('woff'),
        url('../font/GalanoGrotesqueAlt-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'GalanoGrotesque';
    src: url('../font/GalanoGrotesque-Bold.eot');
    src: local('../font/Galano Grotesque Bold'), local('GalanoGrotesque-Bold'),
        url('../font/GalanoGrotesque-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/GalanoGrotesque-Bold.woff2') format('woff2'),
        url('../font/GalanoGrotesque-Bold.woff') format('woff'),
        url('../font/GalanoGrotesque-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'GalanoGrotesqueAlt';
    src: url('../font/GalanoGrotesqueAlt-Light.eot');
    src: local('../font/Galano Grotesque Alt Light'), local('GalanoGrotesqueAlt-Light'),
        url('../font/GalanoGrotesqueAlt-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/GalanoGrotesqueAlt-Light.woff2') format('woff2'),
        url('../font/GalanoGrotesqueAlt-Light.woff') format('woff'),
        url('../font/GalanoGrotesqueAlt-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'GalanoGrotesque';
    src: url('../font/GalanoGrotesque-SemiBoldItalic.eot');
    src: local('../font/Galano Grotesque SemiBold Italic'), local('GalanoGrotesque-SemiBoldItalic'),
        url('../font/GalanoGrotesque-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/GalanoGrotesque-SemiBoldItalic.woff2') format('woff2'),
        url('../font/GalanoGrotesque-SemiBoldItalic.woff') format('woff'),
        url('../font/GalanoGrotesque-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'GalanoGrotesque';
    src: url('../font/GalanoGrotesque-MediumItalic.eot');
    src: local('../font/Galano Grotesque Medium Italic'), local('GalanoGrotesque-MediumItalic'),
        url('../font/GalanoGrotesque-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/GalanoGrotesque-MediumItalic.woff2') format('woff2'),
        url('../font/GalanoGrotesque-MediumItalic.woff') format('woff'),
        url('../font/GalanoGrotesque-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'GalanoGrotesqueAlt';
    src: url('../font/GalanoGrotesqueAlt-Medium.eot');
    src: local('../font/Galano Grotesque Alt Medium'), local('GalanoGrotesqueAlt-Medium'),
        url('../font/GalanoGrotesqueAlt-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/GalanoGrotesqueAlt-Medium.woff2') format('woff2'),
        url('../font/GalanoGrotesqueAlt-Medium.woff') format('woff'),
        url('../font/GalanoGrotesqueAlt-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'GalanoGrotesque';
    src: url('../font/GalanoGrotesque-BoldItalic.eot');
    src: local('../font/Galano Grotesque Bold Italic'), local('GalanoGrotesque-BoldItalic'),
        url('../font/GalanoGrotesque-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/GalanoGrotesque-BoldItalic.woff2') format('woff2'),
        url('../font/GalanoGrotesque-BoldItalic.woff') format('woff'),
        url('../font/GalanoGrotesque-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'GalanoGrotesqueAlt';
    src: url('../font/GalanoGrotesqueAlt-Bold.eot');
    src: local('../font/Galano Grotesque Alt Bold'), local('GalanoGrotesqueAlt-Bold'),
        url('../font/GalanoGrotesqueAlt-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/GalanoGrotesqueAlt-Bold.woff2') format('woff2'),
        url('../font/GalanoGrotesqueAlt-Bold.woff') format('woff'),
        url('../font/GalanoGrotesqueAlt-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'GalanoGrotesqueDEMO';
    src: url('../font/GalanoGrotesqueDEMO-Bold.eot');
    src: local('../font/Galano Grotesque DEMO Bold'), local('GalanoGrotesqueDEMO-Bold'),
        url('../font/GalanoGrotesqueDEMO-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/GalanoGrotesqueDEMO-Bold.woff2') format('woff2'),
        url('../font/GalanoGrotesqueDEMO-Bold.woff') format('woff'),
        url('../font/GalanoGrotesqueDEMO-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'GalanoGrotesqueAlt';
    src: url('../font/GalanoGrotesqueAlt-ExtraBold.eot');
    src: local('../font/Galano Grotesque Alt ExtraBold'), local('GalanoGrotesqueAlt-ExtraBold'),
        url('../font/GalanoGrotesqueAlt-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../font/GalanoGrotesqueAlt-ExtraBold.woff2') format('woff2'),
        url('../font/GalanoGrotesqueAlt-ExtraBold.woff') format('woff'),
        url('../font/GalanoGrotesqueAlt-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'GalanoGrotesque';
    src: url('../font/GalanoGrotesque-ExtraBoldItalic.eot');
    src: local('../font/Galano Grotesque ExtraBold Italic'), local('GalanoGrotesque-ExtraBoldItalic'),
        url('../font/GalanoGrotesque-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/GalanoGrotesque-ExtraBoldItalic.woff2') format('woff2'),
        url('../font/GalanoGrotesque-ExtraBoldItalic.woff') format('woff'),
        url('../font/GalanoGrotesque-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'GalanoGrotesqueAlt';
    src: url('../font/GalanoGrotesqueAlt-Black.eot');
    src: local('../font/Galano Grotesque Alt Black'), local('GalanoGrotesqueAlt-Black'),
        url('../font/GalanoGrotesqueAlt-Black.eot?#iefix') format('embedded-opentype'),
        url('../font/GalanoGrotesqueAlt-Black.woff2') format('woff2'),
        url('../font/GalanoGrotesqueAlt-Black.woff') format('woff'),
        url('../font/GalanoGrotesqueAlt-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'GalanoGrotesque';
    src: url('../font/GalanoGrotesque-SemiBold.eot');
    src: local('../font/Galano Grotesque SemiBold'), local('GalanoGrotesque-SemiBold'),
        url('../font/GalanoGrotesque-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../font/GalanoGrotesque-SemiBold.woff2') format('woff2'),
        url('../font/GalanoGrotesque-SemiBold.woff') format('woff'),
        url('../font/GalanoGrotesque-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: 'GalanoGrotesque';
    src: url('../font/GalanoGrotesque-Medium.eot');
    src: local('../font/Galano Grotesque Medium'), local('GalanoGrotesque-Medium'),
        url('../font/GalanoGrotesque-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/GalanoGrotesque-Medium.woff2') format('woff2'),
        url('../font/GalanoGrotesque-Medium.woff') format('woff'),
        url('../font/GalanoGrotesque-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}



@font-face {
    font-family: 'GalanoGrotesque';
    src: url('../font/GalanoGrotesque-Black.eot');
    src: local('../font/Galano Grotesque Black'), local('GalanoGrotesque-Black'),
        url('../font/GalanoGrotesque-Black.eot?#iefix') format('embedded-opentype'),
        url('../font/GalanoGrotesque-Black.woff2') format('woff2'),
        url('../font/GalanoGrotesque-Black.woff') format('woff'),
        url('../font/GalanoGrotesque-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'GalanoGrotesque';
    src: url('../font/GalanoGrotesque-ExtraBold.eot');
    src: local('../font/Galano Grotesque ExtraBold'), local('GalanoGrotesque-ExtraBold'),
        url('../font/GalanoGrotesque-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('f../ont/GalanoGrotesque-ExtraBold.woff2') format('woff2'),
        url('../font/GalanoGrotesque-ExtraBold.woff') format('woff'),
        url('../font/GalanoGrotesque-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'GalanoGrotesque';
    src: url('../font/GalanoGrotesque-Italic.eot');
    src: local('../font/☞Galano Grotesque Italic'), local('GalanoGrotesque-Italic'),
        url('../font/GalanoGrotesque-Italic.eot?#iefix') format('embedded-opentype'),
        url('../font/GalanoGrotesque-Italic.woff2') format('woff2'),
        url('../font/GalanoGrotesque-Italic.woff') format('woff'),
        url('../font/GalanoGrotesque-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

/*comman css*/
/*h1,h2,h3,h4,h5,h6,p{
  font-family:Galano Grotesque !important;
    font-weight:bold;
}*/

h1,h2{
   font-family: 'GalanoGrotesqueAlt' !important;
   font-weight:800 !important;

}
b{
     font-family: 'GalanoGrotesqueAlt' !important;
   font-weight:700 !important;
}
h3,h4,h5,h6{
     font-family: 'GalanoGrotesqueAlt' !important;
   font-weight:600 !important;
}

a,p,span,li,input,select,textarea,label,button,.accordion-body,td{
    font-family: 'GalanoGrotesque' !important;
   font-weight: normal !important;
}
a,p{
 color:#161815;

}
li{
    list-style:none;
}
a,
a:hover{
    text-decoration:none;
}
nav.navigation__nav .offer-banner {
    background: #f07f45bd;
    padding:20px 30px;
    border-radius: 10px;
    color: #fff;
    position:relative;
  
}
nav.navigation__nav .offer-banner h5.text-right {
    position: absolute;
    color: #fff;
    font-size: 16px;
        right: 30% !important;
    top: 49%;
}
nav.navigation__nav .offer-banner p.m-0,
div#aboutModal .offer-banner p{
    color: #fff;
}
nav.navigation__nav img.img-fluid {
    margin-bottom:70px;
}
nav.navigation__nav .col-md-5{
    justify-content: center;
    display: flex;
}
nav.navigation__nav h2,
div#aboutModal .offer-banner h2{
    font-size:50px;
     color:#fff;
     margin:0;
}
nav.navigation__nav span,
div#aboutModal .offer-banner span{
        font-size: 25px;
    font-weight: 400;
     color:#fff;
}
nav.navigation__nav h3,
div#aboutModal .offer-banner h3{
    font-size:90px;
    margin: 0;
    color:#fff;
    display: flex;
    align-items: center;

}
.section-title h2{
    font-size:50px;
    margin: 0;
    color: #444;
    
}
.navigation__checkbox {
    display: none;
}

.navigation__button {
    position:fixed;
    top: 1.5rem;
    right: 1.5rem;
    height: 5rem;
    width: 5rem;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    z-index: 300;
   cursor: pointer;
}

@media screen  and (min-width: 768px) {
    .navigation__button {
        top:2rem;
        right:17rem;
        height:4rem;
        width:4rem;
        padding: 15px 20px;
    }
}

.navigation__background {
    position: fixed;
    top: 2rem;
    right: 2rem;
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    z-index: 100;
    transition: all 800ms cubic-bezier(0.86, 0, 0.07, 1);
    background: #f15e25; /* Old browsers */
    background: -moz-linear-gradient(left,  #f15e25 0%, #eb7a23 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #f15e25 0%,#eb7a23 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #f15e25 0%,#eb7a23 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15e25', endColorstr='#eb7a23',GradientType=1 ); /* IE6-9 */

}

@media screen and (min-width: 768px) {
    .navigation__background {
        top:2.5rem;
        right:17.5rem;
        height:3rem;
        width: 3rem;
    }
}

.navigation__nav {
    position: fixed;
    top:20%;
    left: 0;
    height: 100vh;
    opacity: 0;
    width: 0;
    visibility: hidden;
    z-index: 200;
    transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/*.navigation__list {
  
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    list-style: none;
}*/


.navigation__link:link,
.navigation__link:visited {
    display: inline-block;
    padding:10px;
    color:#d8d8d8;
    font-size:22px;
    text-decoration: none;
    transition: all .2s;
}

@media(min-width: 768px) {
    .navigation__link:link,
    .navigation__link:visited {
        font-size:26px;
    }
}

.navigation__link span {
    margin-right: 1.5rem;
    display: inline-block;
}

.navigation__link:hover {
    color: #ffffff;
    transform: scale(1.1);
}

.navigation__checkbox:checked~.navigation__background {
    transform: scale(90)
}

.navigation__checkbox:checked~.navigation__nav {
    width: 100%;
    visibility: visible;
    opacity: 1;
}

.navigation__icon {

    position: relative;
    margin-top: 0rem;
    width:2rem !important;
    text-align: right;
}

@media screen and (min-width: 768px) {
    .navigation__icon {
        margin-top:0rem;
    }
}

.navigation__icon,
.navigation__icon::before,
.navigation__icon::after {
    display: inline-block;
   height: 3px;
    border-radius: 10px;
    background-color: #000000;
}
.navigation__icon::before {
    top: -0.8rem;
    right: 0 !important;
}
.navigation__icon::after {
    top: 0.8rem;
     right: 0 !important;
   
}
@media (min-width: 768px) {
    .navigation__icon,
    .navigation__icon::before,
    .navigation__icon::after {
        width: 3rem;
    }
}

.navigation__icon::before,
.navigation__icon::after {
    content: '';
    position: absolute;
   
    transition: all 200ms;
}

.navigation__icon::before {
    top: -.8rem;
     right: 0px;
}

.navigation__icon::after {
    top: .8rem;
     width: 1rem;
    right: 0px;
}

.navigation__button:hover .navigation__icon::before {
    top: -1rem;
}

.navigation__button:hover .navigation__icon::after {
    top: 1rem;
}

.navigation__checkbox:checked+.navigation__button .navigation__icon {
    background-color: transparent;
}

.navigation__checkbox:checked+.navigation__button .navigation__icon::before {
    top:0px;
    left:-12px;
    transform: rotate(135deg);
        background: #f07534;
}

.navigation__checkbox:checked+.navigation__button .navigation__icon::after {
    top:0px;
    left:-12px;
    transform: rotate(-135deg);
    width:3rem !important;
        background: #f07534;
}

section.page-top{
    /* background:url(../images/slider-bg.png) no-repeat; */
    background-position:relative;
    width:100%;
    height:auto;
}
section.page-top {
    /* background: url(../images/slider-bg.png) no-repeat; */
    background-size: cover;
    background-position: center;
    width: 100%;
    height: auto;
}
/*.orange-shap {
    background: url(../images/orange-shap-1.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 300px;
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translate(-50px -132px);
}*/
.orange-shap.animate__animated.animate__slideInDown{
    position:absolute;
    top: -120px;
    left:50%;
}
nav {
    display: flex;
    align-items: top;
    align-items: flex-start;
    justify-content: space-between;
  padding:25px 0;
}
.slider-section {
    display: flex;
    align-items: flex-end;
    position: relative;
        margin-top: 50px;
}
.gray-shap2{
    position: absolute;
    right: 0;
    z-index: -1;
}
.gray-shap1{
    position: absolute;
    left: 0;
    z-index: -1;
}
.orange-shap2{
    position: absolute;
    top: 50%;
    left: 15%;
}
.offer-title h1 {
    font-size: 50px;
        color: #444;
    text-transform: uppercase;
}
.offer-title span{
    font-size:26px;
    font-weight:300 !important;
}
.offer-title h2 {
    font-size: 90px;
    color: #444;
    position: relative;
   
    display: flex;
   
    align-items: center;
}
.offer-title h2 span{
    font-size:20px;
    margin-left: -10px;
}
.offer-title h3 {
    font-size: 26px;
    color: #4e4e4e;
    font-weight:300 !important;
}
/*.slider-detail span{
    position: absolute;
    top: 40%;
    right: 15px;
    font-size: 20px;
}*/
.offer-title p {
    font-size: 23px;
      color: #3c3c3c;
    font-weight: 300 !important;
}
.line{
    width:42px;
    height:3px;
    border-radius:2px;
    background:#3d3d3d;
    margin-left:5px;
    margin-bottom:10px;

    margin-top: 20px;
}
.franchies {
    position: fixed;
    right: 0;
    top:65%;
    z-index:99;
}
.franchies-inner {
    background: #0000005e;
    padding: 15px 20px 15px 20px;
    margin-bottom: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #fff;
    box-shadow: 0px 10px 20px #00000017;
    /*max-width: 250px;*/
}
.franchies-inner span {
    font-size: 15px;
}
.franchies-inner h4{
    font-size:23px;
    color:#fff;
}
.latest-update-slider p{
    font-size:20px;
}
.social-media-section  ul {
    list-style: none;
    padding:0;
}
.social-media-section li{
    display:inline-flex;
    margin-right: 15px;
}
.social-media-section .fab, 
.social-media-section .far{
    font-weight: 400;
    color:#161815;
    font-size: 26px;
    border: 1px solid #161815;
    padding: 15px;
    border-radius: 50%;
}
.social-media-section .iconslist li a {
    font-weight: 400;
    color: #161815;
    font-size: 15px;
    border: 1px solid #161815;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all ease-in-out;
}
.social-media-section .iconslist li:nth-child(1) a:hover {
   background: #0844b8;color: #fff;border-color:#0844b8;
}

.social-media-section .iconslist li:nth-child(2) a:hover {
    color: #fff;
    background: #febc50;
    background: -moz-linear-gradient(45deg,  #febc50 0%, #f75344 32%, #cd4794 68%, #525dcb 100%);
    background: -webkit-linear-gradient(45deg,  #febc50 0%,#f75344 32%,#cd4794 68%,#525dcb 100%);
    background: linear-gradient(45deg,  #febc50 0%,#f75344 32%,#cd4794 68%,#525dcb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febc50', endColorstr='#525dcb',GradientType=1 );
    border-color:#febc50 ;
}

.social-media-section .iconslist li:nth-child(3) a:hover {
    background: #0270ad; 
    color: #fff;
    border-color: #0270ad;
}
.social-media-section .iconslist li:nth-child(4) a:hover {
    background: #1c9cea; 
    color: #fff;
    border-color: #1c9cea;
}
.social-media-section .iconslist li:nth-child(5) a:hover {
    background: #f70000; 
    color: #fff;
    border-color: #f70000;
}
.social-media-section .iconslist li a .icons{font-size: 18px}
.social-media-section i.fab.fa-facebook-f{
    padding: 15px 20px;
}
.social-media-section i:hover{
    color: #fff;
   border-color:#fff;
    box-shadow: 0px 10px 20px #0006;
    transition: 1s all ease;
}
i.fab.fa-facebook-f:hover {
    background: #0844b8;
}
i.fab.fa-instagram:hover{
color:#fff;

background: #febc50; /* Old browsers */
background: -moz-linear-gradient(45deg,  #febc50 0%, #f75344 32%, #cd4794 68%, #525dcb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #febc50 0%,#f75344 32%,#cd4794 68%,#525dcb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #febc50 0%,#f75344 32%,#cd4794 68%,#525dcb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febc50', endColorstr='#525dcb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
i.fab.fa-linkedin-in:hover {
    background: #0270ad;
}
i.fab.fa-twitter:hover, i.fab.fa-x-twitter:hover {
    background: #1c9cea;
}
i.fab.fa-youtube:hover {
    background: #f70000;
}
h2 {
    font-size: 36px;
}
/*p{
    font-size: 26px;
    color: #3d3d3d;
}*/
/*client logo*/
.client-logo-section {
    padding:80px 0;
}
.client-logo img{
    opacity:0.4;
}
.client-logo img:hover{
    opacity:1;
}

/*about us*/
.about-us-inner {
    position: relative;
}
.about-us-inner .about-img {
    position: relative;
}
.about-us-inner  .about-img{

    background: url(../images/about-bg.jpg) no-repeat;
    background-size:cover;
    width: 100%;
}
.about-us-inner .orange-overlay{
     background: #f15e25; /* Old browsers */
    background: -moz-linear-gradient(left,  #f15e25bd 0%,#eb7a23db 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #f15e25bd 0%,#eb7a23db 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f15e25bd 0%,#eb7a23db 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15e25', endColorstr='#eb7a23',GradientType=1 ); /* IE6-9 */
    width:100%;
    min-height:530px;
}
.about-us-inner  .about-detail{
    position: absolute;
    top: 0;
    left: 50%;
    max-width: 1037px;
    margin: 0 auto;
    background: #fff;
    transform: translate(-50%, 200px);
        padding:90px;
}
.about-detail p{
    font-size:20px;
}
.about-us-inner  h2{

    color: #444;
}
a.read-more {
    float: right;
    font-size: 18px;
    font-weight:600;
}
a.read-more:hover{
    color: #f06324;
}
.play-video-btn {
    clear: both;
    margin-top:30px;
}
.play-video-btn a {

background: #f15e25; /* Old browsers */
background: -moz-linear-gradient(45deg,  #f15e25 0%, #eb7a23 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #f15e25 0%,#eb7a23 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #f15e25 0%,#eb7a23 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15e25', endColorstr='#eb7a23',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    padding: 15px 30px;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-size:110% 10%;
    
}
.play-video-btn a:hover,
.buy-btn:hover,
section#join-davaindia a:hover{
     background-position:390% 40%;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
@media(max-width:1600px){
    .navigation__button{
            right: 7rem;
        }
        .navigation__background{
            right: 7.5rem;
        }
}
@media(max-width:1400px){
    .about-us-inner .about-detail{
       left: 25%;
    max-width:70%; 
    transform: translate(-15%, 15%);
    }
}
/*zota detail*/
section#zota-section {
    margin-top: 20%;
}
.zota-detail p {
    font-size: 24px;
    line-height: 40px;
}
.medicine-offer{
     background: url(../images/zota-bg.png) no-repeat;
    background-size: cover;
    background-position: bottom;
    width: 100%;
    padding: 50px 0;
    height: auto;
}
.medicine-offer p {
    font-size: 28px;
    padding: 0 50px;
    color: #fff;
    line-height: 45px;
}
.tagline{
    position:relative;
    top:50%;
}
.col-md-2.col-sm {
    position: relative;
}
.tagline p {
    font-size: 40px;
    font-weight: 600;
    transform: rotate(90deg);
    /* width: 800px; */
    text-align: center;
    position: absolute;
    top: 50%;
    left: -88%;
    margin: 0;
    /* width: 800px; */
    white-space: nowrap;
}
.plus-img1,
.plus-img2 {
    position: absolute;
}
.plus-img1 {
    top: 22%;
    left: 10%;
}
.plus-img2 {
    bottom: 15%;
 
    left: 50%;
}
.orange-shap {
    position: relative;
    top: 60%;
}
section#zota-section .col-md-6{
    position:relative;
    z-index:9;
}

/*whyus*/
/*.box{
    width:220px;
    box-shadow: 2px 2px 30px rgba(0,0,0,0.2);
    overflow: hidden;
    margin:5px;
}
.slide-img{
    height: 260px;
    position:relative;
}
.slide-img img{
    width:100%;
    height: 100%;
    object-fit: cover;
    box-sizing: border-box;
}
.detail-box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    box-sizing: border-box;
    font-family: calibri;
}
.type{
    display: flex;
    flex-direction: column;
}
.type a{
    color:#222222;
    margin: 5px 0px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding-right: 8px;
}
.type span{
    color:rgba(26,26,26,0.5);
}
.price{
    color: #333333;
    font-weight: 600;
    font-size: 1.1rem;
    font-family: poppins;
    letter-spacing: 0.5px;
}
.overlay{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width:100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    display: flex;
    justify-content: center;
    align-items: center;
}
.buy-btn{
    width:160px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFFFFF;
    color:#252525;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: calibri;
    border-radius: 20px;
    box-shadow: 2px 2px 30px rgba(0,0,0,0.2);
}
.buy-btn:hover{
    color:#FFFFFF;
    background-color: #f15fa3;
    transition: all ease 0.3s;
}
.overlay{
    visibility: hidden;
}
.slide-img:hover .overlay{
    visibility: visible;
    animation:fade 0.5s;
}
 
@keyframes fade{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
/*.slider{
    width:100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}*/
#why-us .slider ul{
     display: flex;
    justify-content: center;
    align-items: center;
    padding:0;
    margin:0;
}
#why-us li.item-a {
    list-style: none;
    width: 20%;
    background: #fff;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
section#why-us {
    margin-top: 150px;
}
#why-us ul.cs-hidden1 li.item-a {
    padding:40px 0;
}
#why-us ul.cs-hidden2 li.item-a{
     border-top:none !important;
     border-bottom:none !important;
     padding:80px 0px;
}
#why-us ul.cs-hidden2 h3 {
    font-size: 58px;
}

#why-us ul.cs-hidden2 li.item-a{

}
section#why-us a {
 
    text-decoration: none;
    font-size:20px;
    font-weight: 600;
}
#why-us ul.cs-hidden2 {
    position: relative;
  } 
#why-us ul.cs-hidden1 .slide-img{
    position: relative;
    top: -109px;
}
#why-us ul.cs-hidden1 .detail-box {
    margin-top: -50px;
}
#why-us ul.cs-hidden2 .slide-text {
    min-height: 100px;
}
#why-us ul.cs-hidden2 .slide-text:hover h3,
#why-us ul.cs-hidden2 .slide-text:hover span,
section#why-us a:hover{
color: #f15e25; /* Old browsers */
color: -moz-linear-gradient(45deg,  #f15e25 0%, #eb7a23 100%); /* FF3.6-15 */
color: -webkit-linear-gradient(45deg,  #f15e25 0%,#eb7a23 100%); /* Chrome10-25,Safari5.1-6 */
color: linear-gradient(45deg,  #f15e25 0%,#eb7a23 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15e25', endColorstr='#eb7a23',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/*vision-mission*/
.vision-mision-img {
    background: url(../images/vision-mission.jpg) no-repeat;
    background-size: cover;
    background-position: bottom;
    width: 100%;
    height: auto;
}
.vision-mision-img .tagline p,
.reaching-across-section .tagline p{
        left:0;
}
section#vision-mission .orange-overlay{
   background: #f15e25; /* Old browsers */
   background: -moz-linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
   background: -webkit-linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%); 
   background:linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15e25', endColorstr='#eb7a23',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
.reaching-across-section h2{
    color:#fff !important;
}
section#vision-mission .col-md-6.col-sm{
    background:#fff;
    box-shadow: 0px 10px 20px #00000014;
}
.vision-mission-detail p{
    font-size:18px;
}
.vision-mission-detail {
    padding:0px 80px 100px;
}
.section-title.orange,
 .section-title.orange h2{
    color:#ec7d3f;
}
.section-title.orange .line{
    background:#ec7d3f;
}
.vision-mision {
    padding: 50px;
    color: #fff;
    
}
.vision-mision h4{
    line-height: 40px;
    color: #fff;
}
.medicine-img.text-end {
    position: relative;
    right: -50px;
    z-index:99;
    display: flex;
    animation: myfirst 2s infinite;
  animation-direction: alternate;
}

section#vision-mission .tagline p{
    color:#fff;
}
/*@keyframes myfirst {
 0%   { left: 0px; top: 0px;}
  25%  { right:100px; top: 0px;}

  75%  {left: 100px; right: 100px;}
  100% { left: 100px; top: 0px;}
}*/

/* > Process Styles */

.reaching-across-section{
    background: url(../images/location-bg.jpg) no-repeat;
    background-size:cover;
    background-position:bottom;
    width: 100%;
}
.reaching-across-section .orange-overlay{
     padding:110px 0;
     color:#fff;
   background: #f15e25; /* Old browsers */
   background: -moz-linear-gradient(45deg, #f15e25d1 0%,#eb7a2354 100%);
   background: -webkit-linear-gradient(45deg, #f15e25d1 0%,#eb7a2354 100%);
 background: linear-gradient(45deg, #f15e25d1 0%,#eb7a2354 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15e25', endColorstr='#eb7a23',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
.reaching-across-section li{
    list-style:none;
    font-size:18px;
    margin-bottom:30px
}
.reaching-across-section ul{
    margin:0;
    padding:0;
}
.reaching-across-section p{
    color:#fff;
}

/*-----------*/
.contain {
    width: 1100px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 50px;
    padding-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-top: auto;

}
.light-div{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;

}
.light-img{
    height:200px;
    width: 200px;
    margin-top: 25px;
    box-shadow: 0 0 7px 1px;
    transform: 2s;
}
div#popup {
 
        display: none; 
        position: fixed;
        z-index: 1; 
        padding-top: 100px; 
        left: 0;
        top: 0;
        width: 100%; 
        height: 100%;
        overflow: auto;
        background-color: rgba(122, 255, 0, 0.51);
      }

      img#popimg {
        position: absolute;
        right: 33%;
        height: 362px;
        width: 440px;
    }

span.arrow-left{
    position: absolute;
    top: 32%;
    right: 67%;
}
.fa, .fas {
    font-weight: 900;
    color: rgba(16, 0, 255, 0.98);
    font-size: 40px;
}
span.arrow-right{
    position: absolute;
    top: 32%;
    right: 28%;
}

span.close {
    position: absolute;
    top: 9%;
    right: 30%;
}
.far {
    font-weight: 900;
    color: rgb(0, 0, 0);
    font-size: 60px;
}

/*---*/
#app {
  padding: 50px 0;
}
.timeline {
  margin: 50px 0;
  list-style-type: none;
  display: flex;
  padding: 0;
  text-align: center;
}
.timeline li {
  transition: all 200ms ease-in;
}
.timestamp {
  width: 100%; 
  margin-bottom: 20px;
  padding: 0px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 100; 
}
.status {
  padding: 0px 40px;
  display: flex;
  justify-content: center;
  border-top: 4px solid #3e70ff;
  position: relative;
  transition: all 200ms ease-in ;
}
  
.status span {
  font-weight: 600;
  padding-top: 20px;
}
.status span:before {
  content: '';
  width: 25px;
  height: 25px;
  background-color: #e8eeff;
  border-radius: 25px;
  border: 4px solid #3e70ff;
  position: absolute;
  top: -15px;
  left: calc(50% - 12px); // align circle to center
  transition: all 200ms ease-in;
}
.swiper-control {
  text-align: right;
}

.swiper-container {
  width: 100%;
  height: 250px;
  margin: 50px 0;
  overflow: hidden;
  padding: 0 20px 30px 20px;
}
.swiper-slide {
  width: 200px;
  text-align: center;
  font-size: 18px;
}
.swiper-slide:nth-child(2n) {
  width: 40%;
}
.swiper-slide:nth-child(3n) {
  width: 20%;
}
.play-video-btn i{
   position: relative;
    top: 10px;
    color:#fff; 
}
section.india-retail-chain{
    position:relative;
}
section.india-retail-chain .row.align-items-center {
    border: 1px solid #ccc;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 10px 20px #0000000f;
}
.retail-detail.text-end{
    padding-right:50px;
}
.retail-detail p {
    font-size: 23px;
    color: #a3a3a3;
}
.find-store-bg{
    padding:90px 50px;
    border-radius: 10px;
    position:relative;
    color:#fff;
    background: #f15e25; /* Old browsers */
   background: -moz-linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
   background: -webkit-linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%); 
   background:linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15e25', endColorstr='#eb7a23',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
.find-store-bg:before{
          content:url(../images/find-store-bg.png);
    background-size:cover;
    position:absolute;
   right:0px;
    top:0px;
        opacity: 0.4;
}
.mobile-img {
    position: absolute;
    top: -140px;
}
.find-store-bg select {
   word-wrap: normal;
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 19px;
    width: 100%;
}
.find-store-bg label{
   font-size:19px;
   margin-right:100px;        
}
.find-store-bg form .row{
    background: #ffffff2e;
    padding: 15px;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 10px 20px #00000003;
        position: relative;
    z-index: 999;
}
.find-store-bg form option {
    color: #000;
}
.find-store-bg i.fas.fa-angle-right{
    position: absolute;
    right: 12px;
    top: 4px;
    color: #f1773c;
}
.store-box {
    border-left: 2px solid #fffefe7d;
    padding-left: 10px;
}
.find-store-bg input{
    background: white;
    border: none;
    font-size: 0;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    position: relative;
}
.find-store-bg .col-md-2.p-0{
    text-align: right;
    position: relative;
}
.find-store-bg h2 {
    font-size: 40px;
    font-weight: 900;
    color:#fff;
}
.find-store-bg p{
    color: #fff;
    font-size: 22px;
}
.total-store.mt-5 {
    margin-top: 80px !important;
}

/*offer-banner*/
.offer-banner-inner {
    background: #f2f2f3;
    margin:170px 0 100px 0;
    position: relative;
    border-radius: 15px;
    position: relative;
}
.offer-banner-inner h2 {
    font-size: 44px;
    color: #444;
}
.offer-banner-inner span.tc {
    position: absolute;
    bottom: 0;
    right:1%;
    font-size: 10px;
}
.offer-banner-inner p{
    text-align: center;
    font-size: 27px;
    color: #9b9595;
}
.offer-banner-inner .row{
    align-items: center;
}
.offer-banner-inner .col-md-5,
.offer-banner-inner .col-md-3{
    position:relative;
}
.offer-banner-inner .hand-img{
     position:relative;
}
.offer-banner-inner .hand-img img{
    position: absolute;
    top: -221px;
    left: 0;
}
.view-btn.float-end li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    
}
.view-btn.float-end li a,
.view-btn.float-end li i{
    color: #f07c3e;
}
,
.view-btn.float-end:hover a{
    font-style:italic;
}
.view-btn.float-end:hover i{
     margin-right:10px;
    transition:2s all ease;
}
.view-btn.float-end:hover{
     
}
/*-------gallery--------*/


@media only screen and (min-width:240px) and (max-width: 768px){
     .ScriptTop h1, .ScriptTop ul {
        text-align: center;
    }
    .ScriptTop h1{
        margin-top:0;
        margin-bottom:15px;
    }
    .ScriptTop ul{
         margin-top:12px;       
    }
    
    .ScriptHeader h1,
    .ScriptHeader h2, 
    .scriptnav ul{
        text-align:center;  
    }
    .scriptnav ul{
         margin-top:12px;       
    }
    #float-right{
        float:none; 
    }
    
}
#buttons{
    margin:20px 0;
    position:relative;
}

button {
    border:none;
    padding: 3px 10px 4px 10px;
    margin: 0 10px;
    color: #444;
   
    border:none;
    background:transparent;
    font-size: 23px;
}

button:hover, button.active {
   color: #f07e40;
    cursor: pointer;
     border:none;   
    
}
#gallery{
    display:flex;
    position:relative;
    overflow: hidden;
    background: #f4f4f5;
    padding-top:40px;
}

#gallery img {
    
    
    border-radius:0px;
    /*border: 8px solid #fff;*/
    margin:0px;
    cursor:pointer;
    position: relative;
  
}
.swiper-wrapper{
    height:auto !important;
}
section.gallery .row {
    clear: both;
}
section.gallery .gallery-box{
    
    position: relative;
}
section.gallery  .title {
    position: absolute;
    width:100%;
    bottom: 0;
    left: 0;
    padding: 20px;
    color: #fff;
    display:none;

}
section.gallery .gallery-box:before {
   content: '';
    position: absolute;
    width: 95%;
    height:0%;
    border-radius: 10px;
    top: 12px;
    left: 14px;
    cursor:pointer;
    display: none;
    background: #f15e25;
    background: -moz-linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
    background: -webkit-linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
    background: linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15e25', endColorstr='#eb7a23',GradientType=1 );
}

section.gallery .gallery-box:hover:before{
    display:block;
    transition:5s all ease;
     z-index:1; 
     height:94%;
}
section.gallery .gallery-box:hover .title{
    display:block;
    z-index:99;
    }
/*blog-section*/
.blog-inner section.slider {
    clear: both;
    padding-top:70px;
}
.ytp-large-play-button-bg {
    
    fill: #f2713b !important;
    fill-opacity: 1 !important;
}
iframe {
    border: 0;
    border-radius: 10px;
    padding: 20px;
    background: #ccc;
}
/*end blog-section*/

/*testimonial*/
section.testimonial-slider {
 margin:50px 0 0 0;
}
section.testimonial-slider  h4 {
    max-width: 100px;
    text-align: center;
    font-size: 18px;
    padding:10px;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
     background: #f15e25;
    background: -moz-linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
    background: -webkit-linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
    background: linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15e25', endColorstr='#eb7a23',GradientType=1 );
}
section.testimonial-slider p{
    font-size: 19px;
    color: #7d7d7d;
    margin: 30px 0;
    line-height: 30px;
}
section.testimonial-slider .carousel-indicators {
    position: relative;
    bottom: 0px;
    background: #f4f4f5;
    width: 100%;
    margin: 1px;
    padding: 32px 0;
    margin-top: 20px;
    height: 84px;
}
section.testimonial-slider  .carousel-indicators [data-bs-target],
div[id^="team-slider-"] .carousel-indicators [data-bs-target]{
    width: 80px;
    height: -4px;
    opacity: 1;
    background: #e2e2e2;
    border-top: 10px solid transparent;
    
}
div[id^="team-slider-"] .carousel-indicators [data-bs-target]{
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
div[id^="team-slider-"] .carousel-indicators [data-bs-target]{
    border-top:0;
    border-bottom:8px solid transparent;
}
section.testimonial-slider  .carousel-indicators [data-bs-target].active {
     border-top:8px solid #f15e25;
}
div[id^="team-slider-"] .carousel-indicators [data-bs-target].active{

         border-bottom:8px solid #f15e25;
}
section.testimonial-slider .davaindia-detail{
    padding-left: 50px;
}
/* end testimonial*/

/*contact-us*/

section#contact-us .contact-us-img{
    background: url(../images/contact-bg.png) no-repeat;
    background-size: cover;
    background-position: bottom;
    width: 100%;
    height: auto;
}
section#contact-us .tagline p{
    left:0;
}
section#contact-us .orange-overlay{
   background: #f15e25; /* Old browsers */
   background: -moz-linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
   background: -webkit-linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%); 
   background:linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15e25', endColorstr='#eb7a23',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
section#contact-us .contact-us-wrapper{
    background:#fff;
    box-shadow: 0px 10px 20px #00000014;
}

/* Style the tab */
.tab {
  overflow: hidden;
  
}

.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding-right:50px;
  transition: 0.3s;
  font-size: 19px;
  font-weight:600;
  border-bottom:1px solid transparent;
}
.tab button:hover,
.tab button.active{
    border-bottom:1px solid #f15e25;
}

.tabcontent {
  display: none;
  padding: 6px 12px;
  
  border-top: none;
}
.contact-detail {
    padding:100px 50px;
        height: 850px;
}
/*.contact-detail  .form-control,*/
/*.contact-detail  .form-select{*/
/*    border:none;*/
/*    border-bottom:1px solid #ccc;*/

/*}*/
.contact-detail label.input-group-text{
    background: transparent;
    border-top: none;
    border-radius: 10px;
  
    margin: 0 !important;
    border-width:2px;
    border-bottom-left-radius: 10px !important;
    border-top-left-radius: 10px !important;
    border-bottom: none;
    border-color: #e76929;
}
.contact-detail i.fas.fa-long-arrow-alt-down {
    color: #ec823e;
    font-size: 20px;
    margin-right:10px;
}
.contact-detail input,
.contact-detail label,
.contact-detail select,
.contact-detail textarea{
    font-size:18px;
}
.contact-detail .form-control:focus,
.contact-detail .form-select:focus,
.contact-detail textarea:focus {
    color: #212529;
    background-color: #fff;
    border-color: #e3803a;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(221 117 41 / 22%);
}
.contact-detail input[type="submit"],
.comment-form input[type="submit"]{
    background: transparent;
    border: none;
    font-size: 24px;
    color: #fff;
    margin-right: 10px;
    font-weight: 600;
}
.contact-detail  .submit-btn,
.comment-form .submit-btn{
    padding: 10px 20px;
    display: flex;
    align-items: center;
    background: #f15e25;
    background: -moz-linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
    background: -webkit-linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
    background: linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15e25', endColorstr='#eb7a23',GradientType=1 );
}
.contact-detail  .submit-btn i,
.comment-form .submit-btn i{
    color: #fff;
    font-size: 30px;
}
section#contact-us .tagline p{
    color:#eb6227;
}
.contact-us-inner {
    position: relative;
    z-index: 9;
}
.contact-us-inner  img{
    position: absolute;
    top: -50px;
    z-index: 99;
}
.career-box table{
    width:100%;
}

.career-box .fa, 
.career-box .fas {
    font-weight: 900;
    font-size: 22px;
    margin-right: 15px;
    color: #ccc;
}
.career-box td {
   font-size: 14px;
    color: #0a0a0a;
    font-weight: 500;
    width:50%;
}
.carrer-btn .link1 a{
    font-size: 22px;
    text-decoration: underline !important;
    padding: 0 20px;
}
.carrer-btn .link2 a{
    font-size: 22px;
    border: 2px solid #ec753a;
    padding: 10px 15px;
    border-radius: 10px;
}
.carrer-btn .link1 a:hover{
    color:#f15e25;
}
.carrer-btn .link2 a:hover{
    background: #f15e25;
    color:#fff;
}

/*end-of-contact-us*/

/*join generic pharmacy*/
    section#join-davaindia {
    background: url(../images/join-davaindia-bg.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    padding: 121px 0 75px;
}
    section#join-davaindia .play-video-btn a {
    background: transparent;
    color: #e65f24;
    border: 2px solid #f16a30;
}
section#join-davaindia .play-video-btn i {
    position: relative;
    top: 10px;
    color: #ea6229;
}
section#join-davaindia .play-video-btn a:hover{
    background: -webkit-linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
     background-position:390% 40%;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;

}
section#join-davaindia .play-video-btn:hover a,
section#join-davaindia .play-video-btn:hover i{
        color:#fff;
}
section#join-davaindia h3{
    font-size: 43px;
    color: #eb6227;
}
section#join-davaindia h4{
     font-size: 40px;
}
section#join-davaindia  .col-md-6{
    position:relative;
}
section#join-davaindia  .kapil-img {
    position: absolute;
    top: -384px;
}
section#join-davaindia .img1{
        position: absolute;
    top: -200px;
}
section#join-davaindia img.img2 {
    position: absolute;
    bottom: -246px;
    transform: rotate(45deg);
}
/*end*/

/*faq*/
section.faq-section {
    margin: 100px 0;
    position:relative;
}
section.faq-section h2{
    font-size: 100px;
    color:#efeded;
    position: relative;
}
section.faq-section .sub-title {
    position: absolute;
    top: 50px;
    font-weight: 600;
}
section.faq-section .sub-title p{
    font-size:28px;
}
section.faq-section .float-start {
    float: left!important;
    position: relative;
    width:50%;
}
.faq-inner {
    clear: both;
}
.accordion-button::after{
    content:'\f067 ';
    background:transparent;
      font-family: "FontAwesome";
}
.accordion-button:not(.collapsed)::after{
     content:'\f068  ';
      background:transparent;
      font-family: "FontAwesome";
}
.accordion-item {
    border: 2px solid #ccc !important;
    margin: 30px 0;
}
button.accordion-button.collapsed {
    font-size: 20px;
    padding: 20px;
}
.accordion-button:not(.collapsed) {
   color:#f07c3e;
    background-color: #e7f1ff00;
    box-shadow: none;
    font-weight: 600;
    font-size: 20px;
}
.faq-inner button{
    margin:0;
}
.faq-inner button:hover{
     font-size: 20px;
}
.accordion-button:focus {
  
    border-color: #ef6724;
  
    box-shadow: 0 0 0 0.25rem rgb(239 106 36 / 17%);
}
/*end of faq*/

/*footer*/
section.footer-section ul{
    padding:0;
}
section.footer-section h4{
    font-size: 27px;
    color: #000;
    font-weight: 700;
   
}
section.footer-section .footer-title{
    margin-bottom: 40px; 
}
section.footer-section a{
    font-size:15px;
    font-weight: 500;
    color: #adadad;
}
section.footer-section li{
    margin-bottom:10px;
}
.footer-ads {
    background: #f15e25;
    color:#fff;
      border-radius: 10px;
      margin-bottom:20px;
    background: -moz-linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
    background: -webkit-linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
    background: linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15e25', endColorstr='#eb7a23',GradientType=1 );
}
.footer-ads span {
    font-size: 16px;
    position: relative;
    left: -7px;
    top: -4px;
}
.footer-ads p {
    font-size: 26px;
    color: #ffffff;
    padding: 20px;
  
}
.social-media ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.col-md-3.col-sm.quick-links,
.col-md-3.col-sm.enquiry{
    display: flex;
    justify-content:center;
    align-content: flex-start;
}
section.footer-section a:hover {
    color: #f0783d;
}
.map iframe{
    padding:5px;
        width: -webkit-fill-available;
}
.footer-bottom {
   
       padding-top: 3px;
    background: #f15e25;
    background: -moz-linear-gradient(45deg, #f15e25 0%, #eb7a23 100%);
    background: -webkit-linear-gradient(45deg, #f15e25 0%,#eb7a23 100%);
    background: linear-gradient(45deg, #f15e25 0%,#eb7a23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15e25', endColorstr='#eb7a23',GradientType=1 );
    width: 100%;
    display: inline-block;
}


/*.left-side.float-start {
    width: 50%;
}*/

.footer-bottom .footer-content .left-side{
    width: 100%;
    max-width: 33.33%;
}
.footer-bottom .footer-content .centered-text{
    width: 100%;
    max-width: 33.33%;
    padding-right: 55px;
}
.footer-bottom .footer-content .right-side{
    width: 100%;
    max-width: 33.33%;
}
.left-side.float-start li{
    display:inline-block;
    color:#fff;
    font-size:16px;
    padding-right:20px;
}
.left-side.float-start li a{
    color:#fff;
}
.footer-bottom p{
    color: #fff;
    font-size: 15px;
    margin: 0;
}
.left-side.float-start ul{
    margin:0;
}

@media(max-width:767px){
    .col-md-3.col-sm.quick-links,
.col-md-3.col-sm.enquiry{
    display: flex;
    justify-content:flex-start;
    align-content: flex-start;
}
}
/*end footer*/

/*team page*/
.team-inner {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-top: 50px;
    gap: 10px;
}
section#our-team {
       margin: 0px 0 150px 0;
}
.team-img {
    background: #f2f2f3;
    padding-top:20px;
    padding-inline: 10px;
    border-radius: 10px 10px 0 0;
    text-align:center;
}
.team-box {
    position: relative;
}
.team-detail{
    padding: 15px;
    border-radius:0 0 10px 10px;
    position: absolute;
    width: 100%;
    min-height: 110px;
}
.team-detail.team1 {
    background: #f15e25;
    background: -moz-linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
    background: -webkit-linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
    background: linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15e25', endColorstr='#eb7a23',GradientType=1 );
    
}
.team-detail.team1:hover{
    background: #f85719;
    background: -moz-linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
    background: -webkit-linear-gradient(45deg, #f44e0de8 0%,#ff7104d6 100%);
    background: linear-gradient(45deg, #ce440fe8 0%,#ff7103d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15e25', endColorstr='#eb7a23',GradientType=1 );
}
.team-detail.team1.team2{

background: #6e8fca; /* Old browsers */
background: -moz-linear-gradient(45deg,  #6e8fca 0%, #796eb2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #6e8fca 0%,#796eb2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #6e8fca 0%,#796eb2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e8fca', endColorstr='#796eb2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.team-detail.team1.team2:hover {
    background: #6e8fca;
    background: -moz-linear-gradient(45deg, #5b91f1 0%,#523dbf 100%);
    background: -webkit-linear-gradient(45deg, #5b91f1 0%,#523dbf 100%);
    background: linear-gradient(45deg, #5b91f1 0%,#523dbf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e8fca', endColorstr='#796eb2',GradientType=1 );
}
.team-detail.team1.team3{

background: #c561a5; /* Old browsers */
background: -moz-linear-gradient(45deg,  #c561a5 0%, #7f59a5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #c561a5 0%,#7f59a5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #c561a5 0%,#7f59a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c561a5', endColorstr='#7f59a5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.team-detail.team1.team3:hover{
    background: #c561a5;
    background: -moz-linear-gradient(45deg, #c561a5 0%, #7f59a5 100%);
    background: -webkit-linear-gradient(45deg, #c561a5 0%,#7f59a5 100%);
    background: linear-gradient(45deg, #c43e99 0%,#68359b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c561a5', endColorstr='#7f59a5',GradientType=1 );
}
.team-detail.team1.team4{

background: #f16370; /* Old browsers */
background: -moz-linear-gradient(45deg,  #f16370 0%, #ef4272 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #f16370 0%,#ef4272 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #f16370 0%,#ef4272 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16370', endColorstr='#ef4272',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 
}
.team-detail.team1.team4:hover{
    background: #f16370;
    background: -moz-linear-gradient(45deg, #fe5967 0%,#fc3e73 100%);
    background: -webkit-linear-gradient(45deg, #fe5967 0%,#fc3e73 100%);
    background: linear-gradient(45deg, #fe5967 0%,#fc3e73 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16370', endColorstr='#ef4272',GradientType=1 );
}
.team-detail.team1.team5{

background: #049bd3; /* Old browsers */
background: -moz-linear-gradient(45deg,  #049bd3 0%, #006a66 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #049bd3 0%,#006a66 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #049bd3 0%,#006a66 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#049bd3', endColorstr='#006a66',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.team-detail.team1.team5:hover{
    background: #049bd3;
    background: -moz- linear-gradient(45deg,  #0eb6f4 0%,#079f99 100%);
    background: -webkit- linear-gradient(45deg,  #0eb6f4 0%,#079f99 100%);
    background: linear-gradient(45deg,  #0eb6f4 0%,#079f99 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#049bd3', endColorstr='#006a66',GradientType=1 );
}
.team-detail h6 {
    font-size: 18px;
    margin: 0;
    color: #fff;
}
.team-detail p{
    font-size: 16px;
    color: #fff;
}
div[id^="team-slider-"] .team-description p{
    font-size:20px;
}
div[id^="team-slider-"] .carousel-item{
  padding: 20px 50px 250px;  
}
div[id^="team-slider-"] .carousel-indicators{
   background: #f7f7f7;
    margin: 0;
    padding: 20px;
    box-shadow: 0px 10px 20px #0000002b;
}
div[id^="team-slider-"] {
    position: relative;
}
div[id^="team-slider-"]:before{
    content:url(../images/gey-logo.png);
    background-size:cover;
    position:absolute;
    left:-45px;
    bottom:0;
   

}
/*end team page*/
/*about-popup*/

div#aboutModal .modal-header,
div#faqModal .modal-header,
div#storeModal .modal-header,
div#privacyModal .modal-header,
div#blogModal .modal-header,
div#zotaModal .modal-header,
div#state-model .modal-header,
div#carrer-popup .modal-header{
    position:relative;
    background: #f15e25;
    border-radius: 20px;
    background: -moz-linear-gradient(left, #f15e25 0%, #eb7a23 100%);
    background: -webkit-linear-gradient(left, #f15e25 0%,#eb7a23 100%);
    background: linear-gradient(to right, #f15e25 0%,#eb7a23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15e25', endColorstr='#eb7a23',GradientType=1 );
}
div#aboutModal .offer-detail,
div#faqModal .offer-detail,
div#storeModal .offer-detail,
div#privacyModal .offer-detail{
    display: flex;
    align-items: flex-start;
}
div#aboutModal .offer-banner h2,
div#faqModal .offer-banner h2,
div#storeModal .offer-banner h2,
div#carrer-popup h5.modal-title
{
    font-size: 26px;
    color: #fff;
}
div#carrer-popup h6{
    color: #fff;
    font-size: 20px;
}
div#zotaModal h2#exampleModalLabel {
    color: #fff;
}
div#aboutModal .offer-banner h3,
div#faqModal .offer-banner h3,
div#storeModal .offer-banner h3,
div#zotaModal .offer-banner h3{
    font-size: 60px;
    color: #fff;
}
div#aboutModal .offer-banner p,
div#faqModal .offer-banner p,
div#storeModal .offer-banner p{
    font-size: 16px;
    color: #fff;
}
div#aboutModal .modal-title,
div#faqModal .modal-title,
div#storeModal .modal-title,
div#privacyModal .modal-title,
div#zotaModal .modal-title,
div#state-model .modal-title{
    position:relative;
}
div#aboutModal .modal-title:before,
div#faqModal .modal-title:before,
div#storeModal .modal-title:before,
div#privacyModal .modal-title:before,
div#blogModal .modal-title:before,
div#state-model .modal-title:before{

    content: url(../images/davaindia-white.png);
    background-size: cover;
    position: absolute;
    left: -22px;
    top: -39px;
    opacity: 0.2;
}
div#state-model .model-detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
div#aboutModal h2#exampleModalLabel,
div#faqModal h2#exampleModalLabel,
div#storeModal h2#exampleModalLabel,
div#privacyModal h2#exampleModalLabel,
div#blogModal h2#exampleModalLabel{
    position: relative;
    z-index: 9;
    color: #fff;
    font-size: 50px;
    left: 40%;
    font-weight: bold;
}
div#aboutModal p {
    font-size: 20px;
        color: #7c7676;
}
div#aboutModal b {
    text-decoration: underline;
}
div#aboutModal .col-md-2{
    position:relative;
    background: #ffece275;
}
div#aboutModal .tagline p {
   left: -84%;
    font-size: 25px;
    top: 0;
    margin: 0;
    width:auto;
    font-weight: 400;
    color: #ff9a67 !important;
    white-space: nowrap;
}
div#aboutModal .modal-body{
    padding: 0 20px;
}
div#aboutModal .col-md-10 {
    padding: 70px 0px;
}
div#aboutModal .plus-img2{
    bottom: 42px;
}
div#aboutModal .plus-img1 {
       top: 9%;
    /*right: 10% !important;*/
}
div#aboutModal .tagline{
        left: -40px;
}
.modal-content{
   border-top-left-radius: 20px;
    border-top-right-radius: 20px; 
}
.accordion-item button{
    margin:0 !important;
}
.accordion-button:focus {
    border-color: none;
    box-shadow: none;
}
.accordion-item p{
    font-size: 16px;
}
div#faqModal .tab button{
    font-size:26PX;
}
.accordion-button{
       color: #595b5d; 
}
/*end of popup*/

/*find a store popup*/
    
 div#storeModal .modal-header{
    display:block;
 }   
div#storeModal .model-detail {
    display: flex;
    justify-content: space-between;
}
div#storeModal .find-store-bg {
    padding: 0;
    background: transparent;
    max-width: 800px;
    position: relative;
    left: 10%;
    padding-top: 40px;
}
div#storeModal i.fa.fa-map-marker{
    color: rgb(148 144 144 / 98%);
    font-size: 20px;
}
div#storeModal .find-store-bg form .row{
       padding: 10px 15px; 
}
div#storeModal .table>:not(caption)>*>* {
    padding: 0.9rem;
}

/*end find a store popup*/
/*privacy popup*/
    div#privacyModal .modal-body{
    padding: 50px;
}
 div#privacyModal p{
    font-size:20px;
    color: #6d6b6b;
 }
/*end privacy popup*/

/*blog-popup*/

.blog-images{
    background:url(../images/blog-bg.jpg) no-repeat;
    background-position:center;
    background-size:cover;
    height:auto;
    width:100%;
    position:relative;
    border-radius: 20px;
}
.blog-detail {
    max-width: 205px;
    padding: 30px;
    background: #00000087;
    position: relative;
    left: 10%;
    color: #fff;
}
.blog-detail p{
    font-size: 20px;
    color: #bfbbbb;
}
.blog-description p,
.blog-btn li a {
    font-size: 20px;
    color: #908f8f;
}
.blog-btn.text-end {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 50px 0;
}
.blog-btn li {
    display: inline-block;
    padding: 20px;
}

.blog-btn li a:hover{
    color:#ed7023;
}
.comment-form {
    margin-top: 40px;
}
.comment-form .form-floating>.form-control {
    padding: 1rem 0.75rem;
    border-radius: 10px;
    border-color: #eaeaea;
    border-width: 2px;
}
.form-control:focus,
.form-check-input:focus {
    border-color: #ed6e24;
    box-shadow: 0 0 0 0.25rem rgb(237 112 35 / 18%);
}
.form-check-input:checked {
    background-color: #ee6824;
    border-color: #ed6d23;
}
/*end-of-blog-popup*/

/*why-us-popup*/
div#why-slider .col-md-6.col-sm.why-des,
div#why-slider2 .col-md-6.col-sm.why-des{
    background: -moz-linear-gradient(left, #f15e25 0%, #eb7a23 100%);
    background: -webkit-linear-gradient(left, #f15e25 0%,#eb7a23 100%);
    background: linear-gradient(to right, #f15e25 0%,#eb7a23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15e25', endColorstr='#eb7a23',GradientType=1 );
}
div#why-slider .carousel-indicators,
div#why-slider2 .carousel-indicators{
    justify-content: end;
    margin: 0;
    margin-right: 20px;
}
div#why-slider .details,
div#why-slider2 .details {
    clear: both;
    padding: 120px 30px;
    color: #fff;
}
div#why-slider .details p,
div#why-slider2 .details p{
    color:#fff;

    font-size: 20px;
}
div#why-slider .col-md-6.col-sm.p-0,
div#why-slider2 .col-md-6.col-sm.p-0{
    align-self: center;
    position:relative;
}
div#why-slider .why-img,
div#why-slider2 .why-img{
    text-align:center;
}
div#whyModel .modal-content,
div#whyModel2 .modal-content{
    border-radius:0 !important;
}
div#why-slider  .why-box,
div#why-slider2 .why-box {
    position:relative;
}
div#why-slider .why-box:before,
div#why-slider2 .why-box:before{
     content:url(../images/davaindiawebsite-grey.png);
    background-size:cover;
    position:absolute;
   left: 37px;
    top:-28px;
}
div#why-slider2 .why-box:before{
    top:-100px;
}
div#why-slider2 h3{
    font-size: 60px;
}
div#why-slider2 span {
    font-size:28px;
}
div#why-slider2 h2{
    font-size: 80px;
}
.slide-text.save h3{
    font-size: 32px !important;
}
/*end-why-us-popup*/

/*akashbhai added*/
.navigation__background {
    opacity: 0.93;
}
.time {
    /* padding-top: 52px; */
    margin-top: 200px;
    margin-bottom:60px;
}
article.node-card {
    margin-top: -18%;
    z-index: 0;
    max-width: 70%;
}
.step-milestone {
   display: block;
    width: 50px;
    height: 50px;
    background-color: #e86932 !important;
    border: 14px solid #fde7de;
    border-radius: 50%;
    margin: 15px .0;
    box-sizing: border-box;
    z-index: 9999;
    position:relative;
      /*animation: circle 6s linear infinite;*/
    animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);
}
/*.step-milestone:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background: #e86932;
    top: -17px;
    left: 5px;
    border-radius: 50%;
    animation: circle 6s linear infinite;
}*/
@keyframes scaleIn {
  from {
    transform: scale(1, 1);
    opacity: .5;
  }
  to {
    transform: scale(1.2, 1.2);
    opacity:1;
  }
}
/*@keyframes circle{
  0%{
    transform:rotate(0deg)
              translate(60px)
              rotate(0deg);
  
  }
  100%{
    transform:rotate(60deg)
              translate(0px)
              rotate(60deg);
  }
}*/
article.node-card h5 {
    color: #acacac;
    font-weight: 500 !important;
}
/*article.node-card:hover h2{
    color:#f38654;
}
article.node-card:hover .step-milestone{
   border: 14px solid #f65d17;
    background-color: #ffffff !important;
}
article.node-card:hover h5{
    color:#000;
}*/

div#id01 {
    display: none;
}
@media (min-width: 993px){
.w3-modal-content {
    width: 85% !important;
    background: #f3f3f3;
}
}
button, input, select, textarea, optgroup {
    font: 23 !important;
    /* margin: 0; */
}
.w3-modal {
    z-index: 9 !important;
    }
    
    



:root {
        --font-family-first: 'Roboto Mono', monospace;
        
        --color-first: #E63946;
        --color-second: #1D3557;
        --color-third: #F1FAEE;
        --color-fourth: #CEB02A;
        --color-black: #000;
}
h2.main-title.-second {
    font-weight: bold;
    font-size: 35px;
    color: #685e5e;
}







.main-carousel {
    position: relative;

    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-left: 80px;
    padding-right: 80px;
   /* margin-bottom:120px;*/
}

.main-carousel::after {
    position: absolute;
    left: 50px;
    top: 52px;
    display: block;
    width: calc(100% - 100px);
    height: 2px;
    content: '';
    background-color: #dbdbdb;
    z-index:-1;
}
.button-arrow {
    position: absolute;
    bottom: 50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #f38654;
    box-shadow: -5px 5px 0px #e4632d4f;
    transition: transform 300ms cubic-bezier(.42,0,.66,2.35);
}

.button-arrow:hover { transform: scale(1.08); }

/* Create the arrow. */
.button-arrow::before {
    display: block;
    width: 15px;
    height: 15px;
    box-sizing: border-box;
    content: '';
    border: 10px solid transparent;
}

/* The right (>) arrow. */
.button-arrow.-right::before {
    border-left: 18px solid var(--color-third);
    transform: translateX(9px);
}
/* The left  */
.button-arrow.-left::before {
    border-right:18px solid var(--color-third);
    transform: translateX(-7px);
}
.button-arrow.-right { 
    right:30px;
    top:-80px;
 }

.button-arrow.-left { 
   right:120px;
   top:-80px; 
   box-shadow: -5px 5px 0px #e4632d4f;
}

/* Hide the content for acessibility. */
.button-arrow .content { display: none; }

.main-carousel .items {
    width: 100%;
    //overflow: hidden;
    margin-top: 3%;
}

.main-carousel .cards {
    display: flex;
    justify-content: space-between;

    transition: transform 300ms ease-in-out;
}

.node-card {
    position: relative;

    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
}
.node-card:hover h2.main-title.-second,
.node-card:hover h5{
    color: #f38654;
}
article.node-card:hover .step-milestone{
    background-color:#ff7100 !important;
}

.node-card .main-title { margin-bottom:20px; }

.node-card .logo {
    display: flex;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    height: 140px;

    background-color: var(--color-fourth);
    border: 5px solid var(--color-black);
}

.logo.-no-padding { padding: 0; }

.logo.-no-padding .image { height: 130px; }

.logo.-bg-red { background-color: var(--color-first); }
.main-carousel .orange-img {
    position: absolute;
}
.portfolio-menu ul li,
.catg.well button{
    font-size: 20px;
    color: #9b9393;
    position:relative;
}
.portfolio-menu ul li.active,
.portfolio-menu ul li:hover,
.catg.well button.active,
.catg.well button:hover{
    color:#f05512;
}
.catg.well button,
div#radioModal button{
    position:relative;
        font-size: 23px;
}
.portfolio-menu ul li:before,
.portfolio-menu ul li.active:before,
.catg.well button:before,
div#radioModal button:before{
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: transparent;
    border-radius: 50%;
    left: 42%;
    /* top: 0; */
    bottom: -10px;
}
.portfolio-menu ul li:hover:before,
.portfolio-menu ul li.active:before,
.catg.well button.active:before,
.catg.well button:hover:before,
div#radioModal button:hover:before{
     background: #ee7131;
}
.portfolio-menu h2{
    font-size: 40px;
    font-weight: 600;
    color: #4d4a4a;
}
.w3-modal-content {
    background-color: #f2f2f2 !important;
    padding: 50px 0 !important;
}
.w3-button{
    font-size:30px !important;
}
.catg.well {
    margin-bottom: 40px;
}
/*gallery slider*/
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.owl-carousel .owl-item{
    margin:0 !important;
}
.owl-carousel.blog-inner{
    clear:both;
}
div#why-slider2 .btn-close,
div#why-slider .btn-close{
    margin-right: 20px;
    margin-top: 10px;
}
.offer-title,
.offer-banner{
    position: relative;
}
.offer-title h5.text-right {
   font-size: 18px;
    margin: 0;
    position: absolute;
    left: 29%;
    top: 39%;
}
.offer-banner h5.text-right{
     position: absolute;
    color:#fff;
     font-size:16px;
     right: 0px !important;
    top: 36%;
}
.plus-img1,
.plus-img2,
img.img1,
img.img2{
  animation: rotation 8s infinite linear;  
}
ul.office-address {
    display: inline-flex;
    align-items: flex-start;
     margin-bottom:0 !important;
}
ul.office-address i,ul.office-address .svg-inline--fa{
    font-size:20px;
    margin-right:10px;
    margin-top: 7px;
    color: #ef8944;
   
}ul.office-address p{
    margin-bottom:0 !important;
    font-size:15px;
    color: #adadad;
}
.text-primary {
    color: #ee813d!important;
}
/*div#carrer-popup{
    height:auto;
}*/
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@media(max-width:1400px){
    .retail-detail h2{
        font-size: 24px;
    }
    .retail-detail p {
    font-size:18px;
    }
}
.contact-us-inner img{
   animation: fadeIn 1s linear;
}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@media(max-width:800px){
    .offer-title span {
        font-size: 18px;
    }
}
.client-video video {
    background: #ccc;
    padding: 10px;
    border-radius: 10px;
}
.skill-box ul li{
        list-style: circle;
}
.client-nm h2{
    font-weight:600 !important;
}
h6.text-right.animate__animated.animate__fadeInDown {
    position: absolute;
    bottom: -40%;
    font-size: 10px;
    color: #000;
}
.modal-header h6.text-right.animate__animated.animate__fadeInDown { 
    color:#fff !important;
    bottom:-22px !important;
}
section#why-us .whyus-info{
    display:none;
}
section#why-us .whyus-info p{
    color:#fff;
    font-size: 14px;
}
section#why-us li.item-a{
    position:relative;
}
section#why-us li.item-a:hover .whyus-info{
    display:block;
    background: #f15e25;
    position:absolute;
    top:0;
    height:100%;
    color:#fff;
    padding:20px;
    transition:10s all ease;
   text-align:left;
   cursor:pointer;
}
section.footer-section{
      padding-top: 50px;  
}
.reaching-across-section li a:hover {
    color: #365729;
}
.flag{
    position:relative;
}
/*.flag:after {*/
/*    position: absolute;*/
/*    content: "";*/
/*    top: 7px;*/
/*    right: 0px;*/
/*    z-index: -99;*/
/*    height: 20px;*/
/*    width: 300px;*/
/*    filter: blur(15px);*/
/*    background: linear-gradient( to right, #f19953, #d4652400, #f29951, #f69827, #f59427, #d0daca, #e5ece3, #5f9027, #228011 );*/
/*    background-size: 200% 200%;*/
/*    animation: animateGlow 1s linear infinite;*/
/*}*/
/*@keyframes animateGlow {*/
/*  0% {*/
/*    background-position: 0% 50%;*/
/*  }*/
/*  100% {*/
/*    background-position: 200% 50%;*/
/*  }*/
/*}*/
.animated .step-milestone{
    background-color:#de490f !important;}
.animated h2.main-title.-second{color: #f38654 !important;}
.navigation__nav h6.text-right.animate__animated.animate__fadeInDown{
    color:#fff;
}
div#storeModal .table-responsive {
    overflow: scroll;
    height: 500px;
}

.reaching-box [type=checkbox], 
.reaching-box [type=radio] {
    padding: 0;
    display: none;
}
div#result {
    height: 500px;
}
.reaching-box li label{
    cursor: pointer;
}
.reaching-box h5{
    font-size:22px;
    color:#fff;
}
.slide-text {
    position: relative;
}
.slide-text h5{
    position: absolute;
    top:29px;
    right: 32%;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
   box-shadow: 0px 10px 20px #ed72241f;
}
nav{
  
}
.form-check-inline{
   vertical-align: middle !important; 
}
.modal{
   z-index: 99999; 
}
.btn-primary:hover {
    color: #fff;
    background-color: #f1783e;
    border-color: #ffffff;
}
.btn-primary:hover .find-store-bg i.fas.fa-angle-right{
    color: #ffffff
}
/*gallery*/

 .portfolio-menu {
          text-align: center;
        }

        .portfolio-menu ul li {
          display: inline-block;
          margin: 0;
          list-style: none;
          padding: 10px 15px;
          cursor: pointer;
          -webkit-transition: all 05s ease;
          -moz-transition: all 05s ease;
          -ms-transition: all 05s ease;
          -o-transition: all 05s ease;
          transition: all .5s ease;
        }

        .portfolio-item {
          /*width:100%;*/
        }

        .portfolio-item .item {
         
          float: left;
          margin-bottom: 10px;
        }
     
        .swiper {
          width: 100%;
    height: 200px;
   /* display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;*/
        }

        .swiper-slide {
          text-align: center;
          font-size: 18px;
         /* background: #fff;*/
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
        }

        .swiper-slide img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
.swiper-button-prev, .swiper-rtl .swiper-button-next{
    left: 0px;
    right: auto;
    background: #ef864399;
    padding: 10px 22px;
    border-radius: 50%;
}
.swiper-button-next{

    right:0px;
    background: #ef864399;
    padding: 10px 22px;
    border-radius: 50%;
}
.swiper-button-next:hover,
.swiper-button-prev:hover{
      background: #f15e25;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
   
    color: #fff;
    font-size: 20px !important;
}
.col-md-6.col-sm {
    position: relative;
}
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url(images/controls.png);
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
img.pharmacy1{
    position: absolute;
    left: 30%;
    bottom: 0;
}
img.pharmacy2{
    position: absolute;
    left: 55%;
    top: 20%;
}
img.pharmacy4{
    position: absolute;
   left:70%;
    bottom: 0;
}
.franchies-inner:hover{
    display:block;
}
/*.blog-inner .slide-img{
    position:relative;
}
.blog-inner .slide-img:before{
    position:absolute;
    content:'';
    height:100%;
    width:100%;
    display:block;
    top:0;
    left:0;
    z-index:9;
    background:#000;
}*/

/*slider*/

/*@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}
.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}
@media (min-width: 768px) {
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }
    .carousel-inner .carousel-item-start.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
}
.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
    transform: translateX(0);
}
*/

/*gallery*/
.column {
  float: left;
  width: 33.33%;
  display: none; /* Hide all elements by default */
}

/* Clear floats after rows */ 
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.content {
  background-color: white;
  padding: 10px;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
/*.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: white;
  cursor: pointer;
}*/

/*.btn:hover {
  background-color: #ddd;
}

.btn.active {
  background-color: #666;
  color: white;
}*/

/*media gallery*/
.media{
  display: none;
  position: fixed;
  z-index: 1;
 /* padding-top:100px;*/
  left:0%;
  top:0%;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}
button:focus,
 .btn:focus{
    outline:none;
    box-shadow:none;
}
/* Modal Content */
.media .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width:100%;
  max-width:800px;
  border-radius:0;
      top: 50%;
    transform: translate(0%, -50%);
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

img {
  margin-bottom: -4px;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media(max-width:1400px){
   
.media .modal-content {
    max-width:500px;
}
}
section#gallery a{
    padding:60px 0;
}
.offer-banner h3 span {
   margin-left: -10px;
   font-size:18px;
}
.offer-detail {
    position: relative;
}

.offer-banner-inner .offer-detail span{
        font-size: 20px;
    position: absolute;
    top: 14px;
    right: 0;
}

span.offer-banner,
h3.m-0.offer-banner,
.offer-banner {
    display:flex;
    align-items:center;
}
span.offer-banner .hastric{
    font-size:10px;
    margin-left: 0;
}
h3.m-0.offer-banner{
    justify-content: center; 
}
h3.m-0.offer-banner span{
    margin-left:-5px;
}
.offer-banner span{
    font-size:18px;
    margin-left: -5px;
}
.t-c {
    text-align: right;
    color: #fff;
    font-size: 10px;
    margin-right: 10px;
}
.modal .offer-banner,
nav.navigation__nav .offer-banner{
    display:block;
}
.detail-box {
    position: relative;
}
#why-us ul.cs-hidden2 li.item-a p.m-0.text-end.pr-3{
    position: absolute;
    right: 3%;
    bottom: 0;
}
sup {
    top: -0.1em !important;
    left:0px !important;
}
sup {
    font-size:15px !important;
}
/*franchise*/
/* frenchises popup */


 

.fabs {
  bottom: 20px;
  position: fixed;
  right: 12px;
  z-index:1;
}

.fabs:has(.is-visible) {
    z-index: 1000;
}


.fabs.store-btn .fab {
  display: block;
  width:45px;
  height:45px;
  border-radius: 50%;
  text-align: center;
  color: #f0f0f0;
  margin: 25px auto 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
  cursor: pointer;
  -webkit-transition: all .1s ease-out;
  transition: all .1s ease-out;
  position: relative;
  z-index: 998;
  overflow: hidden;
  background: #f15e25;
  background: -moz-linear-gradient(left, #f15e25bd 0%,#eb7a23db 100%);
  background: -webkit-linear-gradient(left, #f15e25bd 0%,#eb7a23db 100%);
  background: linear-gradient(to right, #f15e25bd 0%,#eb7a23db 100%);
}
i.prime.zmdi.img img{
    width:25px;
}
i.prime.zmdi.zmdi-close.is-active.is-visible{
    font-size:2em;
}
.fabs.store-btn .fab > i {
  font-size:0em;
  line-height:42px;
  -webkit-transition: all .2s ease-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.fabs.store-btn .fab:not(:last-child) {
  width: 0;
  height: 0;
  margin: 20px auto 0;
  opacity: 0;
  visibility: hidden;
  line-height: 40px;
}

.fabs.store-btn .fab:not(:last-child) > i {
  font-size: 1.4em;
  line-height: 40px;
}

.fabs.store-btn .fab:not(:last-child).is-visible {
  width: 40px;
  height: 40px;
  margin: 15px auto 10;
  opacity: 1;
  visibility: visible;
}

.fabs.store-btn .fab:nth-last-child(1) {
  -webkit-transition-delay: 25ms;
  transition-delay: 25ms;
}

.fabs.store-btn .fab:not(:last-child):nth-last-child(2) {
  -webkit-transition-delay: 20ms;
  transition-delay: 20ms;
}

.fab:not(:last-child):nth-last-child(3) {
  -webkit-transition-delay: 40ms;
  transition-delay: 40ms;
}

.fabs.store-btn .fab:not(:last-child):nth-last-child(4) {
  -webkit-transition-delay: 60ms;
  transition-delay: 60ms;
}

.fabs.store-btn .fab:not(:last-child):nth-last-child(5) {
  -webkit-transition-delay: 80ms;
  transition-delay: 80ms;
}

.fabs.store-btn .fab(:last-child):active,
.fabs.store-btn .fab(:last-child):focus,
.fabs.store-btn .fab(:last-child):hover {
  box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
}
/*Chatbox*/

.chat {
    position: fixed;
    right: 0px;
    bottom: 70px;
    width: 100%;
    max-width: 300px;
    font-size: 12px;
    line-height: 22px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.chat_fullscreen {
    position: fixed;
    right: 0px;
    bottom: 0px;
    top: 0px;
  }


.chat_fullscreen_loader {
  display: none;
    float: right;
    cursor: pointer;
    /* margin: 10px; */
    font-size: 20px;
    opacity: 0.5;
    /* padding: 20px; */
    margin: -10px 10px;
}

.chat.is-visible {
  opacity: 1;
  -webkit-animation: zoomIn .2s cubic-bezier(.42, 0, .58, 1);
  animation: zoomIn .2s cubic-bezier(.42, 0, .58, 1);
}
.is-hide{
  opacity: 0
}
/*Chatbox scrollbar*/

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

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #f15e25; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #e16b2d; 
}
/*Element state*/

.is-active {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.is-float {
  box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
}

.is-loading {
  display: block;
  -webkit-animation: load 1s cubic-bezier(0, .99, 1, 0.6) infinite;
  animation: load 1s cubic-bezier(0, .99, 1, 0.6) infinite;
}
i.prime.zmdi.zmdi-close.is-active.is-visible img{
    display:none;
}
/*Animation*/

@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0.0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0.0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes load {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0.0;
  }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes load {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0.0;
  }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
/* SMARTPHONES PORTRAIT */

@media only screen and (min-width: 300px) {
  .chat {
    width: 250px;
  }
}
/* SMARTPHONES LANDSCAPE */

@media only screen and (min-width: 480px) {
  .chat {
    width: 300px;
  }
  .chat_field {
    width: 65%;
  }
}
/* TABLETS PORTRAIT */

@media only screen and (min-width: 768px) {
  .chat {
    width: 300px;
  }
  .chat_field {
    width: 65%;
  }
}
/* TABLET LANDSCAPE / DESKTOP */

@media only screen and (min-width: 1024px) {
  .chat {
    width: 300px;
  }
  .chat_field {
    width: 65%;
  }
}
@media (max-width: 1024px){
  .chat {bottom: 125px !important;}
  .fabs {bottom: 75px !important;}
  .centered-icon {bottom: 65px !important;}
  .btn-buy-meds,.fi-btn {font-size: 1rem !important}
}
i.prime.zmdi.zmdi-close.is-active.is-visible{
    position:relative;
}
i.prime.zmdi.zmdi-close.is-active.is-visible:before {
    content: "\f00d";
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 20px;
    color: #fff;
    font-size: 23px !important;
    text-align: center;
    transform: translate(-8px, 13px);
    font: normal normal normal 14px/1 FontAwesome;
}
.events-content li::marker,
   .timeline-navigation#pausePlay,
   div#rightNav{
    display:none !important;
    font-size:0;
   }
   .events-content.touch-enabled{
    width:30%;
   }
   .horizontal-timeline .events{
      background: #d2cece !important; 
   }
   .horizontal-timeline .filling-line{
       background: #e5612d !important; 
   }
   .horizontal-timeline .events a::after{
        background: #aaa3a1 !important; 
   }
   .horizontal-timeline .events a.older-event::after, .horizontal-timeline .events a.selected::after {
    background-color: #f16f30 !important;
    width: 20px;
    height: 20px;
    bottom: -6px;
}
.horizontal-timeline .events-content li{
    background:#efefef !important;
}
.horizontal-timeline .events-content .progressBar{
    background:#fcc8ac !important;
}
.timeline-navigation#leftNav,
.fa-chevron-circle-left:before,
.fa-arrow-circle-left:before{
    display:none !important;
}
/*body, html {
    overflow-x: inherit !important;
}*/
@media(max-width:992px){
  .events-content.touch-enabled{
    width:50%;
   }  
}
@media(max-width:767px){
  .events-content.touch-enabled{
    width:100%;
   }  
}
.btn:hover {
    color: #f07e40;
}
div#myBtnContainer {
    margin-bottom: 10px;
}
.social-media .social-media-section .fab, 
.social-media .social-media-section .far
 {
    padding: 10px 11px;
}
.social-media .social-media-section i.fab.fa-facebook-f{
    padding: 10px 13px;
}
body, html {
    overflow-x: hidden !important;
}
.team-detail.team6 {
    background: #665852;
    background: -moz-linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
    background: -webkit-linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
    background: linear-gradient(45deg, #00a87fe8 0%,#047b54d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15e25', endColorstr='#eb7a23',GradientType=1 );
    
}
.team-detail.team6:hover {
    background: #665852;
    background: -moz-linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
    background: -webkit-linear-gradient(45deg, #f15e25e8 0%,#eb7a23d6 100%);
    background: linear-gradient(45deg, #00a87fe8 0%,#053f2cd6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15e25', endColorstr='#eb7a23',GradientType=1 );
    
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    /* padding: 1rem; */
    padding: 0px 1rem 1rem 1rem!important;
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    /* padding: 1rem 1rem; */
    padding-top: 6px!important;
    padding-bottom: 0px!important;
    padding-right: 15px!important;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
  }

  .footer-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
 }

 .centered-text {
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin: 0;
 }
.btn-buy-meds{
    font-size: 1.2rem;
    padding: 5px 16px 10px 16px;
    background: #f15e25;
    background: linear-gradient(45deg, #eb7a23 0%,#f15e25 100%);
    color: #fff;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    z-index: 2;
}
.btn-buy-meds:not(.no-pos){
    position: absolute;
    top: 40px;
    right: clamp(1rem, -1.6750000000000007rem + 22.375vw, 24.375rem);;
}
.btn-buy-meds:hover,
.btn-buy-meds:focus{
    color: #fff;
}
.btn-buy-meds > i {
    position: relative;
    z-index: 1;
}
.sticky-header{
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff; 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1030;
}
@media(max-width:991px){
    .btn-buy-meds:not(.no-pos){
        position: relative;
        top: 0;
        right: 0;
    }
}
@media(max-width:767px){
.btn-buy-meds {font-size: 0.8rem;}
}
@media(max-width:575px){
.navigation__checkbox:checked~.navigation__background{height: 100vh;}
.navigation__checkbox:checked~.navigation__nav{height: 100%;overflow-y: scroll;}
.chat{bottom: 170px !important;}
.fabs {bottom: 120px !important;right: 12px !important;}
.centered-icon {bottom: 45px !important;right: 0 !important;}
.fi-btn{display: block !important;margin-bottom: 0.8rem !important}
}