@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;700;800;900&display=swap");

body
{
    /*font-family: "gothambook", Sans-serif, serif;*/
    font-family    : "Figtree", sans-serif;
    font-weight    : 400;
    font-size      : 19px;
    line-height    : 26px;
    letter-spacing : 0;
    color          : black;
}

.wrapper
{
    margin-top : 100px;
}

.input-group-text
{
    height : 47px;
}

.nav-link strong, .nav-link b1
{
    font-weight : bold;
}

.font-gothamblack
{
    font-family : "Figtree", sans-serif;
    font-weight : 900;
}

.font-gothambold
{
    font-family : "Figtree", Sans-serif, serif;
    font-weight : 700;
}

.font-gotham
{
    font-family : "Figtree", Sans-serif, serif;
    font-weight : 400;
}

.text-main
{
    color : #004787 !important;
}

.bg-main
{
    color            : white;
    background-color : #004787 !important;
}

.btn-main, .btn-outline-main:hover
{
    background-color : #004787;
    color            : white;
}

.btn-outline-main, .btn-main:hover
{
    background-color : white;
    color            : #004787;
    border           : 1px solid #004787;
}

.event-btn
{
    border-width  : 2px;
    border-radius : 0;
}

.footer-logo img
{
    max-width : 160px;
}

.hcp-banner-section
{
    display         : flex;
    justify-content : center;
    flex-direction  : column;
    letter-spacing  : 0;
}

.hcp-banner
{
    top                 : 0;
    left                : 0;
    right               : 0;
    height              : 565px;
    background-repeat   : no-repeat;
    background-size     : cover;
    background-position : right center;
    background-image    : linear-gradient(270deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.49343487394957986) 100%), url("../../img/bg-login.webp")
}

.hcp-banner-content
{
    height  : 565px;
    z-index : 1;
}

.product-section-padding
{
    padding-bottom : 30px;
}

.product-section-padding:first-child
{
    padding-top : 30px;
}

.product-item-section-padding
{
    padding-top : 50px;
}

.product-item-last-section-padding
{
    padding-bottom : 50px;
}

.section-padding2
{
    padding : 50px 0;
}

.navbar
{
    box-shadow : 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

.navbar-nav a
{
    transition-duration : .3s;
    transition-property : transform;
    font-size           : 16px;
    display             : flex;
    justify-content     : center;
    align-items         : center;
    font-family         : "Figtree", sans-serif;
    font-weight         : 700;
    /*font-family: "gothambold", Sans-serif, serif;*/
}

.navbar-nav a:hover
{
    transform : scale(1.1);
}

.navbar-nav a i
{
    line-height : 2;
    font-size   : 28px;
}

.landing-page-title h2
{
    color         : #004787;
    font-family   : "Figtree", sans-serif;
    font-weight   : 900;
    /*font-family: 'gothamblack',serif;*/
    margin-bottom : 40px;
    font-size     : 33px;
}

.dark-text
{
    color : #004787;
}

.btn-dark
{
    background-color : #004787;
}

.form-check
{
    display       : flex;
    font-size     : 15px;
    align-items   : center;
    margin-bottom : 20px;
}

.form-check label
{
    padding-left : 20px;
}

.form-check input
{
    width      : 20px;
    height     : 20px;
    margin-top : 0;
}

.form-group label
{
    font-size     : 15px;
    font-weight   : 600;
    margin-bottom : 8px;
}

.form-group input
{
    margin-bottom : 15px;
}

.login-btn, .register-btn
{
    border-radius   : 0;
    width           : 100%;
    height          : 50px;
    /*font-family: "gothamblack", Sans-serif, serif;*/
    font-family     : "Figtree", sans-serif;
    font-weight     : 900;
    text-transform  : uppercase;
    font-size       : 14px;
    display         : flex;
    justify-content : center;
    align-items     : center;
}

.hcp-title, .hcp-title2
{
    font-size   : 17px;
    font-family : "Figtree", sans-serif;
    font-weight : 700;
    /*font-family: "gothambold", Sans-serif, serif;*/
}

.hcp-title2
{
    font-size     : 21px;
    margin-bottom : 40px;
}

.hcp-title:after, .hcp-title2:after
{
    content          : "";
    position         : absolute;
    top              : 11px;
    right            : 0;
    width            : 120px;
    height           : 5px;
    background-color : #ffffff;
}

.hcp-title2:after
{
    background-color : #004787;
}

.hcp-subtitle, .hcp-subtitle2
{
    font-size   : 43px;
    /*font-family: "gothamblack", Sans-serif, serif;*/
    font-family : "Figtree", sans-serif;
    font-weight : 900;
    line-height : 1.2;
}

.hcp-subtitle2
{
    font-size     : 50px;
    margin-bottom : 40px;
}

.footer-logo
{
    padding-left  : 0;
    padding-right : 24px;
}

.footer-section
{
    border-top    : 1px solid #DFDADA;
    padding       : 35px 15px;
    border-bottom : 6px solid #004787 !important;
}

.footer-caption
{
    font-size : 21px;
}

.section-padding
{
    padding : 50px 0;
}

.footer-menu
{
    /*font-family: "gotham", serif;*/
    font-family : "Figtree", sans-serif;
    font-weight : 400;
}

.footer-menu li
{
    line-height : normal;
}

.footer-social
{
    display         : flex;
    justify-content : space-between;
    width           : 80%;
}

.footer-social a
{
    display         : flex;
    justify-content : center;
    align-items     : center;
    font-size       : 22px;
    width           : 36px;
    height          : 36px;
}

.copyright-section
{
    line-height : 1.5;
}

.social-section
{
    text-align : right;
}

.strategic-section
{
    justify-content : center;
}

.strategic-section .pharmaneuticals img, .strategic-section .fertility img, .strategic-section .aesthetic img
{
    width : 100%;
}

.strategic-section .pharmaneuticals .dark-img-overlay
{
    box-shadow : 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

.strategic-section .dark-img-overlay
{
    width      : calc(100% - var(--bs-gutter-x));
    position   : absolute;
    left       : calc(var(--bs-gutter-x) * .5);
    top        : 0;
    background : linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(137, 255, 247, 0) 100%);
}

.strategic-section .tagline
{
    margin-top    : 30px;
    margin-bottom : 0;
}

.strategic-section .position-absolute
{
    top  : 30px;
    left : 25px;
}

.strategic-section .hcp-subtitle
{
    text-transform : uppercase;
    color          : white;
    font-size      : 33px;
}

.strategic-section .column-description
{
    line-height    : 1.4;
    margin-top     : 10px;
    text-transform : uppercase;
    color          : white;
    font-size      : 19px;
}

.strategic-section .hover p:before
{
    content    : "";
    width      : 5px;
    height     : 100%;
    background : yellow;
}

.strategic-section .hover
{
    opacity            : 0;
    top                : 0;
    display            : flex;
    justify-content    : center;
    align-items        : center;
    flex-direction     : column;
    -webkit-transition : opacity 0.5s ease-in-out;
    -moz-transition    : opacity 0.5s ease-in-out;
    transition         : opacity 0.5s ease-in-out;
}

.strategic-section .hover .title
{
    position     : absolute;
    top          : 0;
    left         : 0;
    padding-left : 15px;
}

.strategic-section .hover .title:before
{
    content          : "";
    position         : absolute;
    left             : 0;
    top              : 0;
    width            : 5px;
    height           : 100%;
    background-color : #FFC500;
}

.strategic-section .hover .title p
{
    color         : white;
    /*font-family: "gothambold", Sans-serif, serif;*/
    font-family   : "Figtree", sans-serif;
    font-weight   : 700;
    font-size     : 19px;
    line-height   : 19px;
    padding-top   : 20px;
    margin-bottom : 10px;
}

.strategic-section .hover .hcp-subtitle
{
    width       : 90%;
    display     : inline-block;
    line-height : 33px;
    margin-left : 10px;
    margin-top  : 20px;
}

.strategic-section .hover .discover-us
{
    margin-top  : 40px;
    margin-left : 10px;
    /*font-family: "gothambold", Sans-serif, serif;*/
    font-family : "Figtree", sans-serif;
    font-weight : 700;
    font-size   : 19px;
    color       : white;
    text-align  : left;
    align-items : center;
}

.strategic-section .main-div
{
    -webkit-transition : opacity 0.5s ease-in-out;
    -moz-transition    : opacity 0.5s ease-in-out;
    transition         : opacity 0.5s ease-in-out;
}

.strategic-section .show
{
    opacity : 1;
}

.strategic-section .hide
{
    opacity : 0;
}

.hide
{
    opacity : 0;
}

.video-section .video-thumb
{
    width   : 100%;
    height  : 100%;
    padding : 0 15px;
    top     : 0;
    left    : 0;
    z-index : 9;
}

.video-section img
{
    width      : 100%;
    object-fit : cover;
}

.video-section .video-thumb .play-btn
{
    position   : absolute;
    left       : 50%;
    top        : 50%;
    transform  : translate(-50%, -50%);
    margin     : auto;
    text-align : center;
}

.product-play-btn
{
    position        : absolute;
    width           : 100%;
    display         : flex;
    justify-content : center;
}

.video-section .video-thumb .play-btn i, .product-play-btn i
{
    color       : white;
    font-size   : 20vw;
    text-shadow : 1px 1px 6px rgba(0, 0, 0, 0.6);
}

.section-title
{
    padding-top : 30px !important;
}

.section2-title
{
    padding-top : 50px !important;
}

.event-section img
{
    width      : 100%;
    object-fit : cover;
}

.event-section > div > .row
{
    box-shadow : 0 0 15px #00000029;
}

.event-section .text-section
{
    padding : 20px;
}

.event-section .event-title
{
    display            : -webkit-box;
    -webkit-line-clamp : 2;
    -webkit-box-orient : vertical;
    overflow           : hidden;
    text-overflow      : ellipsis;
    height             : 55px;
    /*font-family: "gothambold", Sans-serif, serif;*/
    font-family        : "Figtree", sans-serif;
    font-weight        : 700;
}

.event-section .event-description
{
    display            : -webkit-box;
    -webkit-line-clamp : 3;
    -webkit-box-orient : vertical;
    overflow           : hidden;
    text-overflow      : ellipsis;
    height             : 60px;
    font-size          : 16px;
    line-height        : 21px;
}

.event-section .event-read-more
{
    display        : flex;
    justify-content: space-evenly;
    align-items    : center;
    height         : 40px;
    padding-top    : 15px;
    font-size      : 18px;
    font-weight    : bold;
    color          : #004787;
    text-transform : uppercase;
    /*font-family: "gothambold", serif;*/
    font-family    : "Figtree", sans-serif;
    font-weight    : 700;
}

@media screen and (max-width: 1400px)
{
    .event-section .event-read-more
    {
        display: inline-block;
        height: auto;
        text-align: center;
    }

    .event-section .event-read-more a
    {
        display: block;
        height: auto;
        text-align: center;
        margin-bottom: 5px;
    }
}

.product-list-btn
{
    width       : auto;
    font-weight : 500;
    font-family : Roboto, Sans-serif, serif;
    font-size   : 19px;
    padding     : 15px 50px !important;
}

.top-section-para p, .top-section-para ul
{
    margin-left  : 1.5rem;
    margin-right : 1.5rem;
}

.search-input
{
    padding   : 15px 15px 15px 15px;
    font-size : 22px;
}

.search-glass
{
    padding-top               : 15px;
    padding-bottom            : 15px;
    font-size                 : 22px;
    border-top-left-radius    : 0;
    border-bottom-left-radius : 0;
    background                : white;
}

.search-glass i
{
    font-weight : 700;
}

.product-item
{
    padding       : 20px 30px;
    margin-bottom : 10px;
}

.product-item hr
{
    margin     : 10px 0 5px 0;
    border-top : 1px solid #222222;
    opacity    : 1;
}

.product-item-title
{
    /*font-family: "gothamblack", Sans-serif, serif;*/
    font-family    : "Figtree", sans-serif;
    font-weight    : 900;
    font-size      : 20px;
    text-transform : uppercase;
}

.product-item-description
{
    /*font-family: "gothambook", Sans-serif, serif;*/
    font-family : "Figtree", sans-serif;
    font-weight : 400;
    font-size   : 14px;
}

.product-item-chevron
{
    position  : absolute;
    right     : 0;
    top       : 0;
    font-size : 40px;
    width     : 32px;
    color     : #004787;
}

.product-list-title
{
    font-size   : 19px;
    line-height : 26px;
    text-align  : justify;
}

.product-list-div
{
    text-align : center;
}

.item-page-img img
{
    max-width : 100%;
}

#product-category
{
    padding-bottom : 50px;
}

#product-category .category-item, #product-category .accordion-item
{
    background     : transparent;
    border         : 0;
    box-shadow     : none;
    padding-bottom : 10px;
}

#product-category .category-item
{
    /*font-family: "gothambold", Sans-serif, serif;*/
    font-family : "Figtree", sans-serif;
    font-size   : 21px;
    font-weight : 700;
    color       : #004787;
    padding     : 0;
}

#product-category .category-body
{
    /*font-family: "gothambold", Sans-serif, serif;*/
    font-family  : "Figtree", sans-serif;
    font-weight  : 700;
    font-size    : 18px;
    color        : black;
    padding-top  : 0;
    padding-left : 30px;
}

#product-category .category-body i
{
    font-size : 32px;
}

#product-category .category-body .subcat-item
{
    padding     : 5px 0;
    display     : flex;
    align-items : center;
}

#product-category .category-item .bx::before
{
    content   : "\ea50";
    font-size : 48px;
}

#product-category .category-item:not(.collapsed) .bx::before
{
    content : "\ea4a";
}

#product-category .category-item::after
{
    background-image : none;
}

.item-page-details
{
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    padding         : 50px;
}

.item-page-details .item-page-title
{
    font-size     : 33px;
    color         : white;
    margin-bottom : 40px;
}

.item-page-details .item-page-description
{
    font-size : 19px;
    color     : white;
}

.item-availability
{
    font-size : 21px;
}

.account-dropdown
{
    left : -45px !important;
}

.splide__pagination
{
    padding : 0 !important;
}

.desktop-section .splide__pagination, .mobile-section .splide__pagination
{
    background  : white;
    padding-top : 20px !important;
}

.all-product-list .hcp-subtitle
{
    color          : #004787;
    font-size      : 33px;
    width          : 80%;
    padding-bottom : 80px;
}

.product-btn
{
    line-height   : 1;
    padding       : 15px 70px;
    border-radius : unset;
}

.product-border
{
    padding-bottom : 10px;
    border-bottom  : 2px solid #9a9a9a;
}

.event-btn
{
    font-size : 24px;
    padding   : 10px 20px;
}

.event-table td
{
    vertical-align : baseline;
    padding        : 10px;
}

.form-title
{
    /*font-family: "gothamblack", Sans-serif, serif;*/
    font-family    : "Figtree", sans-serif;
    font-weight    : 900;
    font-size      : 23px;
    color          : #004787;
    padding-top    : 1rem;
    padding-bottom : 1rem;
}

.register-section
{
    padding : 60px 120px;
}

.register-label
{
    /*font-family: "gothambold", Sans-serif, serif;*/
    font-family    : "Figtree", sans-serif;
    font-weight    : 700;
    font-size      : 23px;
    padding-top    : 50px;
    padding-bottom : 15px;
}

.register-page-btn
{
    margin-top : 30px;
    font-size  : 24px;
}

.item-list-img img
{
    width      : 100%;
    height     : 260px;
    object-fit : cover;
}

.video-slideshow img
{
    width      : 100%;
    object-fit : cover;
}

.item-list-title
{
    text-align : center;
    padding    : 20px 0;
}

.item-list-title a
{
    /*font-family: "gothambold", Sans-serif, serif;*/
    font-family    : "Figtree", sans-serif;
    font-weight    : 700;
    font-size      : 21px !important;
    color          : #0170B9;
    letter-spacing : -1px;
}

.item-list-title a:hover
{
    color : #3a3a3a;
}

.login-link
{
    padding : 15px 30px !important;
}

.splide__track
{
    padding-top    : 0;
    padding-bottom : 20px;
}

#splide-banner-desktop .splide__track, #splide-banner-mobile .splide__track
{
    padding : 0 !important;
}

.banner-logo
{
    max-width : 300px;
    width     : 25vw;
    position  : absolute;
    right     : 70px;
    bottom    : 70px;
}

.event-menu .nav-link
{
    padding   : 10px 20px;
    color     : #004787;
    font-size : 24px;
}

.event-menu .active
{
    background-color : #004787 !important;
    color            : white !important;
}

.product-info-title
{
    font-size     : 18px;
    display       : inline-block;
    padding-right : 20px;
}

#navbarSupportedContent1
{
    justify-content : space-between;
}

#navbarSupportedContent1 .user-icon
{
    display         : flex;
    justify-content : space-between;
    color           : white;
}

#navbarSupportedContent1 .user-icon i
{
    color     : white;
    font-size : 36px;
}

.event-timeslot-section .event-radio
{
    display       : block;
    margin-bottom : -15px;
}

.event-timeslot-section .event-card
{
    transition : background-color 0.2s;
}

.event-timeslot-section .selected
{
    color            : white;
    background-color : #0a53be;
}

.event-timeslot-section .disabled
{
    color            : grey;
    background-color : #ddd;
}

.event-timeslot-section .date-day
{
    font-size : 2rem;
}

.event-timeslot-section .date-month, .event-timeslot-section .date-year
{
    font-size : 1.5rem;
}

.home-video
{
    aspect-ratio : 16 / 9;
    width        : 100%;
}

.splide__arrow
{
    position      : absolute;
    top           : 40%;
    z-index       : 9;
    background    : transparent;
    color         : white;
    border        : 0;
    border-radius : 20px;
}

.splide__arrow--prev
{
    left : 10px;
}

.splide__arrow--next
{
    right : 10px;
}

.mobile-section .hcp-banner
{
    background-position : center center;
}

.hcp-banner-content, .title-shadow
{
    text-shadow : 2px 2px 2px rgb(0, 0, 0);
}

.hcp-banner-content .hcp-title:after, .title-shadow .hcp-title:after
{
    box-shadow : 2px 2px 2px rgb(0, 0, 0);
}

.item-list-img, .product-thumbnail
{
    background-color: #004787;
}
.item-page-img
{
    display: flex;
    justify-content: center;
    align-items: center;
}

.item-page-img img
{
    max-width: 70%;
}

@media (max-width: 1399px)
{
    .my-account-div
    {
        width: 80px;
    }
}
@media (max-width : 1200px)
{
    .register-section
    {
        padding : 20px;
    }
}

@media (max-width : 1024px)
{
    .event-menu .nav-link
    {
        padding   : 5px 10px;
        font-size : 16px;
    }

    .register-page-btn
    {
        margin-top : 0;
        font-size  : 16px;
    }

    .form-title
    {
        font-size : 18px;
    }

    .register-label
    {
        padding   : 1rem 0 0.5rem 0;
        font-size : 16px;
    }

    .sub-text
    {
        font-size : 14px;
    }
}

@media (max-width : 1280px)
{
    body
    {
        font-size   : 19px !important;
        line-height : 26px;
    }

    .all-product-list .hcp-subtitle
    {
        font-size : 20px;
    }

    .product-item-title
    {
        font-size : 18px;
    }

    .product-item-description
    {
        font-size : 12px;
    }

    .product-item-chevron
    {
        top       : 0;
        font-size : 36px;
    }

    .hcp-title
    {
        font-size : 17px !important;
    }

    .landing-page-title h2
    {
        font-size : 20px;
    }

    .hcp-title2
    {
        margin-top    : 15px;
        font-size     : 22px;
        padding-right : 140px;
    }

    .hcp-subtitle
    {
        font-size : 30px;
    }

    .hcp-banner, .hcp-banner-content
    {
        height : 65vh;
    }

    .section-padding
    {
        padding : 40px 0;
    }

    .footer-caption
    {
        font-size : 21px !important;
    }

    .footer-social
    {
        width : 75%;
    }

    .footer-social a
    {
        width     : 32px;
        height    : 32px;
        font-size : 18px;
    }
}

@media (max-width : 1200px)
{
    body
    {
        -webkit-text-size-adjust : 100%;
    }

    .navbar-nav .nav-link
    {
        font-size : 12px;
    }

    .navbar-nav .login-link
    {
        padding : 10px 15px !important
    }

    .desktop-section .hcp-title, .hcp-title2
    {
        padding-right : 120px;
    }

    .hcp-title:after, .hcp-title2:after
    {
        width : 100px;
    }
}

@media (max-width : 1097px)
{
    .social-section .footer-social
    {
        width : 100% !important;
    }
}

@media (max-width : 992px)
{
    .navbar-toggler, .navbar-toggler:focus
    {
        border     : 0;
        outline    : 0;
        box-shadow : none;
    }

    .navbar-toggler i
    {
        font-size : 48px;
        color     : white;
    }

    .navbar-toggler i
    {
        font-size : 48px;
        color     : black;
    }

    .navbar #navbarSupportedContent1
    {
        margin-left  : -15px;
        margin-right : -15px;
    }

    .navbar li a
    {
        border-bottom   : 1px solid lightgrey;
        color           : black !important;
        background      : white;
        font-size       : 15px;
        justify-content : left;
        padding         : 15px 15px !important;
    }

    .desktop-section .hcp-title, .hcp-title2
    {
        padding-right : 70px;
    }

    .hcp-title:after, .hcp-title2:after
    {
        width : 50px !important;
    }
}

@media (max-width : 768px)
{
    body
    {
        font-size : 16px;
    }

    .event-title
    {
        font-size : 22px !important;
    }

    .strategic-section .hcp-subtitle
    {
        font-size   : 33px !important;
        line-height : 40px !important;
    }

    .strategic-section .column-description
    {
        font-size : 19px !important;
        width     : 100%;
    }

    .landing-page-title h2
    {
        margin-top : 0;
        font-size  : 21px;
    }

    .top-section-para p, .top-section-para ul
    {
        margin-left  : 0;
        margin-right : 0;
    }

    .section-title
    {
        padding-top : 50px !important;
    }

    .section-padding
    {
        padding : 20px 15px;
    }

    .hcp-title
    {
        font-size     : 14px;
        margin-bottom : 10px;
        width         : 100% !important;
    }

    .hcp-title:after
    {
        display          : block;
        position         : static;
        width            : 126px;
        height           : 5px;
        background-color : #ffffff;
        margin           : auto;
    }

    .hcp-title2
    {
        margin-bottom : 20px;
    }

    .hcp-subtitle
    {
        font-size : 28px;
    }

    .hcp-subtitle2
    {
        font-size : 38px;
    }

    .hcp-banner
    {
        background-image : radial-gradient(circle, rgba(130, 69, 198, 0) 0%, rgba(0, 0, 0, 0.5970763305322129) 100%), url("../../img/mobile-banner.webp")
    }

    #register-text
    {
        line-height   : 1.4;
        margin-bottom : 50px;
    }

    #register-form
    {
        padding : 40px 30px;
    }

    .hcp-banner-section
    {
        padding-bottom : 40px;
        position       : absolute;
        bottom         : 0;
        display        : inline;
    }

    .hcp-banner-section.small-banner
    {
        padding-bottom : 10px;
    }

    .small-banner-section
    {
        position        : static !important;
        display         : flex !important;
        justify-content : center !important;
        padding         : 0 !important;
    }

    .hcp-banner, .hcp-banner-content
    {
        height : 75vh !important;
    }

    .item-list-img img
    {
        height : 340px;
    }
}

@media (max-width : 991px)
{
    .product-btn
    {
        padding : 15px 40px;
    }

    .all-product-list .hcp-subtitle
    {
        font-size      : 33px;
        padding-bottom : 0;
    }

    #product-category .category-item
    {
        font-size : 19px;
        padding   : 5px 0;
    }

    #product-category .category-item .bx::before
    {
        font-size : 28px;
    }

    .login-header
    {
        position : relative;
    }

    .navbar
    {
        padding : 0;
        height  : 65px;
    }

    .wrapper
    {
        margin-top : 65px;
    }

    .strategic-section .hover .hcp-subtitle
    {
        font-size   : 18px;
        line-height : 18px;
        margin-top  : 70px;
    }

    .strategic-section .main-div .hcp-subtitle
    {
        font-size   : 18px;
        line-height : 24px;
    }

    .strategic-section .column-description
    {
        font-size : 16px;
    }

    #navbarSupportedContent1
    {
        position : absolute;
        top      : 66px;
        left     : 15px;
        right    : 15px;
    }

    .navbar-nav a:hover
    {
        transform : scale(1);
    }

    .product-list-btn
    {
        width     : auto;
        font-size : 13px;
        padding   : 8px 20px !important;
    }

    .footer-logo
    {
        text-align    : center;
        margin-bottom : 20px;
        padding-right : 0;
    }

    .footer-section .hcp-subtitle
    {
        font-size  : 16px !important;
        text-align : center;
    }

    .footer-menu li
    {
        display    : block;
        width      : 100%;
        text-align : center;
    }

    .footer-menu li a
    {
        padding : 5px;
        display : block;
    }

    .footer-section .footer-social
    {
        width  : 50% !important;
        margin : auto !important;
    }

    .social-section
    {
        margin-top : 20px;
        text-align : center;
    }

    .hcp-banner, .hcp-banner-content
    {
        height : 45vh;
    }

    #product-category .category-item, #product-category .accordion-item
    {
        padding-bottom : 5px;
    }
}

@media (max-width : 480px)
{
    .hcp-title2
    {
        font-size : 14px;
    }

    .item-page-details
    {
        padding    : 10px;
        text-align : center;
    }

    .item-page-details .item-page-title
    {
        font-size : 22px;
    }

    .item-page-details .item-page-description
    {
        font-size : 16px;
    }

    .item-availability
    {
        font-size : 16px;
    }

    .product-icon-div svg
    {
        width : 100%;
    }

    .product-info-title
    {
        font-size : 14px;
    }

    .product-btn
    {
        padding   : 15px 25px;
        font-size : 12px;
    }
}

@media (min-width : 768px)
{
    .product-play-btn i
    {
        font-size : 4em;
    }

    .video-section .video-thumb .play-btn i
    {
        font-size : 8em;
    }
}

@media (min-width : 1200px)
{
    .hcp-title, .hcp-title2
    {
        padding-right : 110px;
    }

    .hcp-title:after, .hcp-title2:after
    {
        width : 90px;
    }
}

@media (min-width : 992px)
{
    .navbar-expand-lg .navbar-nav .nav-link
    {
        padding-left  : 11px;
        padding-right : 11px;
    }
}

@media (min-width : 1400px)
{
    .navbar-expand-lg .navbar-nav .nav-link
    {
        padding-left  : 20px;
        padding-right : 20px;
    }
}

@media (min-width : 1440px)
{
    .footer-social
    {
        width : 70%;
    }
}

@media (min-width : 1920px)
{
    .container
    {
        max-width : 1350px;
    }
}

/* Ios Fix */
.splide .splide__pagination li button
{
    font-size : 6px !important;
}

.nav-item.search{
    cursor:pointer;
    display:flex;
    /* display:none; */
    align-items: center;
    padding: 0 12px;
    font-size: 20px !important;
}
.desktop-search{
    display:none;
    background-color: rgba(255,255,255,0.9);
    padding: 25px;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1;
}

.desktop-search.active{
    display:block;
}

.desktop-search > .menu-search > input{
    padding:10px 10px;
    width:100%;
    border-radius:0.375em;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid gray;
    font-size:16px;
    z-index: 2;
}
.menu-search{
    display:flex;
}

.desktop-search > .menu-search > input:focus{
    box-shadow: 0 0 0 0.25rem rgba(94, 114, 228, 0.4);
}
.desktop-search > .menu-search > input:focus-visible{
    outline: unset !important;
}

.desktop-search > .menu-search > .bx,
.desktop-search > .menu-search .submit-search-button{
    background-color: white;
    padding:0px 10px;
    height:48px;
    display:flex;
    align-items:center;
    border:1px solid gray;
    border-radius:0.375em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.menu-search{
    display:flex;
    align-items:center;
    border-bottom: 1px solid lightgrey;
    color: black !important;
    background: white;
    justify-content: left;
    padding: 15px 15px !important;
}
.menu-search > input{
    padding:0 10px;
    width:100%;
    border-radius:0.375em;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid rgb(248, 249, 250);
    z-index: 2;
}

.menu-search > input:focus{
    box-shadow: 0 0 0 0.25rem rgba(94, 114, 228, 0.4);
}
.menu-search > input:focus-visible{
    outline: unset !important;
}

.menu-search > .bx,
.menu-search .submit-search-button{
    background-color: white;
    padding:0 10px;
    height:28px;
    display:flex;
    align-items:center;
    border:1px solid rgb(248, 249, 250);
    border-radius:0.375em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

@media screen and (min-width: 992px)
{
    .menu-search
    {
        padding: 0 !important;
        border-bottom: 0;
    }
}