:root {
/*In use (our styles)*/
--white-color: #FFFFFF;
--gupter: 'Gupter', serif;
--openSance: 'Open Sans', sans-serif;
--regular: 400;
--medium: 500;
--semi-bold: 600;
--bold: 700;
--green: #20A920;
--blue: #223A54;
--lightGray: rgb(247, 247, 247);
--text-color: #4D4C4C;
--error-color: rgb(230, 87, 87);
--heading-size: 44px;
--paragraph-size: 16px;
--banner-heading: 50px;
--subheading-size: 16px;
--cta-text-size: 20px;
--background-gradient-color: linear-gradient(339deg, #000 -19.36%, #223A54 54.7%, #000 128.75%);
--cinzel: 'Cinzel', serif;

}


.hide-on-tab{
    display:flex !important;
}

/* Hamburger icon style stary ----------------  */

.hamburger {
min-width: 50px;
height: 50px;
position: relative;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 6px;
background-color: var(--green);
border-radius: 8px;
padding: 5px;
transition: all 0.4s ease;
color:var(--white-color);
}

.hamburger:hover,
.hamburger.active {
background: var(--blue);
color:var(--white-color);
}

.line {
display: block;
height: 4px;
background-color: white;
border-radius: 2px;
transition: all 0.4s ease;
}

/* Initial widths and alignments */
.line.top {
width: 50%;
align-self: flex-start;
}

.line.middle {
width: 100%;
}

.line.bottom {
width: 50%;
align-self: flex-end;
}

/* Toggle class to animate to X */
.hamburger.active .line.middle {
width: 0%;
opacity: 0;
}

.hamburger.active .line.top {
width: 100%;
transform: rotate(45deg) translateX(8px) translateY(7px);
align-self: center;
}

.hamburger.active .line.bottom {
width: 100%;
transform: rotate(-45deg) translateX(7px) translateY(-7px);
align-self: center;
}

/* Hamburger icon style end ----------------  */

header.main-header .header-sticky{
padding:0 30px !important;
}


.hide-on-desktop {
display: none !important;
}

#entry-page-bg {
position: relative;
/* background-image: linear-gradient(rgba(34, 58, 84, 0.5), rgba(34, 58, 84, 0.5)), url('/images/AYULS/footer-imgae.webp') !important; */
background-image: url('/images/bg-banner/ayu-lifescience-advanced-woundcare-bg.webp') !important;
background-color: #223A54;
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
min-height: 100vh !important;
display: flex;
align-items: center;
justify-content: center;
}


.navbar{
/*background-color:red;*/
justify-content:space-between;
padding:10px 0;
}


.entry-page-header-right-side {
display: flex;
align-items: center;
gap: 24px;
/*margin-right: 16px;*/
}

.entry-page-header .navbar::before{
display:none !important;
}

.mt-25px {
margin-top: 25px !important;
}

.mt-50px {
margin-top: 50px !important;
}

.entry-page-body {
display: flex;
justify-content: space-between;
min-height: 40vh;
margin-top: 40px;
padding: 0 22px;
}

.entry-page-right-side ul {
list-style: none;
font-family: var(--openSance);
font-size: 18px;
display: flex;
flex-direction: column;
gap: 18px;
}

.entry-page-right-side ul li {
background-color: rgba(255, 255, 255, 0.2);
display: flex;
align-items: center;
gap: 10px;
color: var(--white-color);
padding: 12px 16px;
border-radius: 12px;
font-weight: var(--regular);
width: 400px;
transition: all 0.3s ease;
cursor: pointer;
font-size: 18px;
}

.entry-page-right-side ul li:hover {
background-color: var(--green);
color: var(--white-color);
}

.entry-page-right-side ul li img {
display: block;
margin-right: 8px;
width: 20px !important;
}

.entry-page-left-side {
display: flex;
flex-direction: column;
justify-content: space-between !important;
}

.entery-page-text-content {
max-width: fit-content;
display: flex;
flex-direction: column;
gap: 25px;
}

.entery-page-text-content h2,
.entery-page-text-content h1 {
text-transform: uppercase;

}

.entery-page-text-content h2 {
font-size: 18px;
font-family: var(--openSance);
color: white;
font-weight: var(--regular);
}

.entery-page-text-content h1 {
color: var(--green);
font-size: 44px;
font-family: var(--gupter);
font-weight: var(--bold);
}

.entery-page-text-content p {
color: var(--white-color);
font-family: var(--openSance);
font-size: 16px;
font-weight: var(--regular);
line-height: 30px;
width: 80%;
margin-top: -8px;
}

.entery-page-cta-section {
display: flex;
flex-direction: column;
}

.entery-page-cta-section a:nth-child(1) {
width: fit-content;
}

.entery-page-cta-section a:hover:nth-child(1) {
color: var(--blue);
}

.entery-page-cta-section a:nth-child(1)::after {
background-color: var(--white-color) !important;
color: var(--blue) !important;
}

.entery-page-cta-section a:nth-child(2) {
text-transform: none !important;
font-family: var(--openSance);
font-weight: var(--regular);
width: fit-content;
margin-left: -40px;
font-size: 18.1px;
color: rgba(255, 255, 255, 0.5) !important;
}

.entery-page-cta-section a:hover:nth-child(2) {
color: var(--white-color) !important;
}

.entery-page-cta-section a:nth-child(2)::after {
display: none;
}

.btn-highlighted {
background-color: transparent !important;
}

.entry-page-footer {
position: fixed;
width: 91%;
bottom: 27px;
left: 50%;
transform: translateX(-50%);
height: 70px;
background-color: var(--white-color);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 32px;
}

.entry-page-footer ul a:hover {
background-color: var(--blue) !important;
color: var(--white-color) !important;
}

.footer-copyright-text p,
.footer-copyright-text a,
.footer-social-links span {
color: var(--blue) !important;
}

@media only screen and (max-width: 991px) {
    
.footer-social-links{
    flex-direction:row !important;
}

.navbar {
padding: 10px 0;
align-items: center;
}

.navbar-brand img {
max-width: 44px;
}

.navbar-brand p {
font-size: 12px !important;
}

.navbar-brand p {
padding: 0px 14px;
}

.navbar-brand {
height: 60px;
gap: 6px;
margin-left: -14px;
}

.entry-page-body {
flex-direction: column;
padding: 0 28px;
}

.hide-on-phone {
display: none !important;
}

.display-on-phone {
display: block !important;
}

.entery-page-text-content {
display: flex;
gap: 22px !important;
}

.entery-page-text-content h1 {
font-size: 22px;
}

.entry-page-right-side ul {
gap: 14px;
margin-left: 0 !important;
padding-left: 0 !important;
}

.entery-page-text-content p {
color: var(--white-color);
font-size: 14px !important;
/*line-height: 20px;*/
width: 100%;
margin-top: -8px;
}

.entry-page-right-side ul li {
font-size: 16px;
line-height: 23px;
}

.entry-page-right-side ul {
max-width: 100% !important;
}

header.main-header {
top: 25px;
border-radius: 10px;
}

.entry-page-right-side ul {
margin-top: 25px;
}

.entry-page-footer{
position: static;
transform: translateX(0%);
width:91%;
/*border-radius:20px;*/
margin-top:45px;
min-height:fit-content;
/*background:red;*/
/*flex-direction: column-reverse;*/
padding: 20px;
align-items: baseline;
gap: 15px;
margin: 0 auto;
margin-top:30px !important;
}

#entry-page-bg{
flex-direction:column;
justify-content:space-between;
/*height: 140vh;*/
padding-top: 100px;
align-items: baseline;
margin-right:0;
padding-bottom:25px !important;
}

.entery-page-text-content h2 {
font-size: 16px;
}

/*.hamburger {*/
/*    display: none;*/
/*}*/

.entery-page-text-content h1 {
font-size: 32px;
}

.entry-page-right-side ul {
gap: 14px;
}

.entry-page-right-side ul li {
gap: 6px;
padding: 10px 16px;
border-radius: 6px;
/* max-width: 320px !important; */
font-size: 16px !important;
}

.footer-social-links {
min-width: fit-content !important;
}

.entry-page-body{
flex-direction:column;
}

.entry-page-right-side ul{
padding-left:0;
}

.entry-page-left-side{
margin-bottom: 20px !important;
}


.hide-on-desktop {
display: flex !important;
}

.hide-on-tab{
    display:none !important;
}

.footer-copyright-text p{
    padding-right:25px !important;
}

/*.footer-social-links span{*/
/*    width:100px !important;*/
/*}*/


}


@media only screen and (max-width: 768px) {
    
    .footer-copyright-text p{
        padding-right:10px !important;
    }
    
    .entry-page-footer{
        border-radius: 15px 15px 0 0;
    }
    
    /*.footer-social-links{*/
    /*    flex-direction:column !important;*/
    /*}*/
    
    .entry-page-footer{
        flex-direction:column-reverse !important;
        padding-left: 68px !important;
        width:100% !important;
    }
    
    
    #entry-page-bg{
        padding-bottom:0 !important;
    }
    
.footer-copyright-text p{
padding-right:0 !important;
}

.footer-social-links span{
width:100% !important;
}
    
.entry-page-header .navbar::before{
display:block !important;
left: -27px;
width: 113% !important;
opacity: 0;
transition: all 0.3s ease;
}

.navbar.scrolled::before {
  opacity: 1; /* Show blur only when scrolled */
}
}


@media only screen and (max-width: 541px) {
 .footer-social-links{
     flex-direction: column !important;
 }   
 
 .entry-page-footer{
    padding-left: 58px !important;
 }
}


@media only screen and (max-width: 434px) {
    
 .entry-page-footer{
    padding-left: 20px !important;
}

.entry-page-left-side{
margin-bottom: 0 !important;
}

.entry-page-header .navbar::before{
left: -15px;
width:109% !important;
}
.entry-page-right-side ul {
max-width: 100% !important;
}

.navbar-brand {
margin-left:-12px;
}

.entry-page-body{
padding:0;
}

.entry-page-right-side ul li {
max-width: 100% !important;
font-size: 14px !important;
padding: 12px;
}

header.main-header .header-sticky{
padding:0 15px !important;
}

/*.footer-copyright-text p{*/
/*    max-width:65%;*/
/*    min-width:65%;*/
/*}*/

.entery-page-cta-section a:nth-child(1) {
width: 83.2%;
font-size: 14px !important;
padding: 12px !important;
}

.entery-page-cta-section a:nth-child(1) svg {
right: -6px !important;
}

.entery-page-cta-section a:nth-child(2) {
text-transform: none !important;
font-family: var(--openSance);
font-weight: var(--regular);
width: fit-content;
margin-left: -40px;
font-size: 14px !important;
color: rgba(255, 255, 255, 0.5) !important;
}

.footer-social-links{
margin-right:auto !important; 
}

}