@font-face {
       font-family: " Greycliff-CF";
       src: url("./fonts/Greycliff-CF/Fontspring-DEMO-greycliffcf-thin.otf") format("truetype");
       font-weight: 200;
       font-style: normal;
   }


   @font-face {
       font-family: " Greycliff-CF";
       src: url("./fonts/Greycliff-CF/Fontspring-DEMO-greycliffcf-boldoblique.otf") format("truetype");
       font-weight: 700;
       font-style: italic;
   }

   @font-face {
       font-family: " Greycliff-CF";
       src: url("./fonts/Greycliff-CF/Fontspring-DEMO-greycliffcf-extrabold.otf") format("truetype");
       font-weight: 900;
       font-style: normal;
   }

   @font-face {
       font-family: " Greycliff-CF";
       src: url("./fonts/Greycliff-CF/Fontspring-DEMO-greycliffcf-bold.otf") format("truetype");
       font-weight: Bold;
       font-style: normal;
   }

   @font-face {
       font-family: " Greycliff-CF";
       src: url("./fonts/Greycliff-CF/Fontspring-DEMO-greycliffcf-light.otf") format("truetype");
       font-weight: 300;
       font-style: normal;
   }

   @font-face {
       font-family: " Greycliff-CF";
       src: url("./fonts/Greycliff-CF/Fontspring-DEMO-greycliffcf-medium.otf") format("truetype");
       font-weight: 500;
       font-style: normal;
   }

   @font-face {
       font-family: " Greycliff-CF";
       src: url("./fonts/Greycliff-CF/Fontspring-DEMO-greycliffcf-regular.otf") format("truetype");
       font-weight: 400;
       font-style: normal;
   }

   @font-face {
       font-family: " Greycliff-CF";
       src: url("./fonts/Greycliff-CF/Fontspring-DEMO-greycliffcf-heavy.otf") format("truetype");
       font-weight: 600;
       font-style: normal;
   }

   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
       font-family: ' Greycliff-CF';
   }

   body {
       font-family: " Greycliff-CF";
   }

   .h1 {
       font-family: " Greycliff-CF";
       color: #EA732F;
       font-weight: 800;
       line-height: 80px;
       font-size: 88px;
   }

   .find-more-btn {
       font-size: 26px;
       font-family: " Greycliff-CF";
       background: linear-gradient(90deg, #ea732f, #2B3990);
       font-weight: 700;
       color: #fff;
       padding: 12px 34px;
   }

   .second-sec {
       background: #EA732F 0% 0% no-repeat padding-box;
   }

   .second-sec .p {
       font-weight: 400;
   }

   .second-sec .p span {
       font-weight: bold;
   }

   .second-sec p {
       font-family: " Greycliff-CF";
       color: #fff;
       font-size: 30px;
       font-weight: 200;
   }

   .unparalleled-sec {
       background: #EBEDFF;
   }

   .h2 {
       font-size: 36px;
       font-family: " Greycliff-CF";
       letter-spacing: 0px;
       color: #2B3990;
       font-weight: 700;
   }

   .unparalleled-sec p {
       font-family: " Greycliff-CF";
       color: #2B3990;
       font-size: 25px;
       font-weight: 400;
   }

   .unparalleled-sec .p span {
       font-weight: 700;
   }

   .pharma-div .h3 {
       font-size: 20px;
       font-family: " Greycliff-CF";
       font-weight: 500;
       color: #fff;
   }

   .pharma-div {
       background: #2B3990;
       height: 228px;
       padding: 24px 9px;
       display: flex;
       flex-direction: column;
       align-items: center;

   }

   .pharma-div div {
       height: 80%;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .pharma-div.specialist-div {
       background-color: #7E72BC;
   }

   .pharma-div.health-div {
       background-color: #EA7330;
   }

   .pharma-div.medical-div {
       background-color: #ea7330b3;
   }

   .rx-p {
       font-family: " Greycliff-CF";
       letter-spacing: -0.5px;
       color: #EA7330;
       font-size: 25px;
       font-weight: 700;
   }

   .unparalleled-sec .find-more-btn {
       font-size: 20px;
       width: 30%;
       padding: 18px 15px;
   }

   .div-side-text .h4 {
       font-family: " Greycliff-CF";
       letter-spacing: -0.44px;
       color: #2B3990;
       font-weight: 700;
       font-size: 22px;
   }

   .div-side-text p {
       font-family: " Greycliff-CF";
       color: #2B3990;
       font-weight: 400;
       font-size: 20px;
   }

   .div-side-text {
       border-bottom: 1px solid #EA7330;
       padding-bottom: 18px;
       margin-bottom: 30px;
   }

   .ready-rx {
       background: #EBEDFF;
   }

   .getting-ready-div .bg-sec-div {
       border-top-right-radius: 20px;
       border-top-left-radius: 20px;
       background: linear-gradient(90deg, #ea732f, #2B3990);
   }

   .getting-ready-div {
       background: #fff;
       border-top-right-radius: 20px;
       border-top-left-radius: 20px;
       border-bottom-right-radius: 44px;
       border-bottom-left-radius: 44px;
       box-shadow: 7px 7px 5px #00000033;
       border: 2px solid #EA7330;
       height: 100%;
   }

   h4.h4 {
       letter-spacing: -0.5px;
       color: #fff;
       font-weight: bold;
   }

   .div-left-img img {
       border: 2px solid #EA7330;
       border-radius: 65px;
       width: 118px;
       margin: -26px;
   }

   .getting-ready-div p {
       text-align: left;
       letter-spacing: -0.44px;
       color: #2B3990;
       font-size: 19px;
       font-family: 'Inter', sans-serif;
       line-height: 30px;
   }

   .getting-ready-div p span {
       font-weight: bold;
       font-size: 20px;
       line-height: 38px;
   }

   .getting-ready-div .find-more-btn {
       font-size: 20px;
   }

   .want-ready {
       min-height: 97px;
   }


   .line-limit {
       min-height: 196px;
   }

   .bottom-italic p {
       letter-spacing: -0.48px;
       color: #2B3990;
       font-size: 24px;
   }


   footer {
       background: #2B3990 0% 0% no-repeat padding-box;
   }

   footer p {
       letter-spacing: -0.32px;
       color: #FFFFFF;
       font-weight: 300;
       font-size: 16px;
       font-family: 'Inter', sans-serif;
   }

   footer span {
       color: #FFFFFF;
       font-weight: 300;
       font-size: 12px;
       font-family: 'Inter', sans-serif;
   }

   .mail-footer {
       letter-spacing: -0.32px;
       color: #FFFFFF;
       font-weight: 300;
       font-size: 16px;
       font-family: 'Inter', sans-serif;
   }

   .text-no {
       font-family: 'Inter', sans-serif;
   }

   footer .btn-warning {
       background: #EA7330 0% 0% no-repeat padding-box;
       border: 0;
       padding: 12px 20px;
       margin-bottom: 20px;
       color: #fff;
       font-weight: 600;
       font-family: cursive;
   }

   .bottom-italic i.fa {
       color: #EA732F;
       font-size: 52px;
       margin-right: 6px;
   }

   .btn:hover {
       color: #fff !important;
   }



 

   @media only screen and (max-width:1024px) and (min-width: 767px) {

       button.carousel-control-next {
           right: -32px !important;
       }


       .top-logo-icon {
           width: 168px;
           height: 100% !important;
           margin-bottom: 20px;
           margin-top: 20px;
       }

       .h1 {
           line-height: 76px;
           font-size: 68px;
       }

       .second-sec p {
           font-size: 22px;
       }

       .unparalleled-sec p {
           font-size: 21px;
       }

       .rx-p {
           font-size: 19px;
       }

       .unparalleled-sec .find-more-btn {
           font-size: 16px;
           width: 34%;
           padding: 18px 10px;
       }

       .div-side-text p {
           font-size: 17px;
       }

       .div-side-text .h4 {
           font-size: 16px;
       }

       h4.h4 {
           font-size: 17px;
           font-weight: 500;
       }

       .getting-ready-div p {
           font-size: 16px;
           line-height: 29px;
       }

       .getting-ready-div p span {
           font-size: 18px;
           line-height: 28px;
       }

       .line-limit {
           min-height: 231px;
       }

       .bottom-italic p {
           font-size: 19px;
       }

       img.footerlogo {
           width: 100%;
       }

       footer p {
           font-size: 14px;
       }

       .getting-ready-div .find-more-btn {
           font-size: 15px;
       }



   }


   @media only screen and (max-device-width: 350px) {

       .main-hover-div:hover .sub-div-on-hover {
           width: 149px !important;
       }

       .sun-left-div {
           width: 149px !important;
       }

       .main-hover-div:hover .sun-left-div {
           width: 149px;
       }

       .unparalleled-sec .find-more-btn {
           font-size: 16px;
           width: 86%;
       }

       .pharma-div .h3 {
           font-size: 16px;
           font-family: " Greycliff-CF";
           font-weight: 500;
           color: #fff;
       }

       h4.h4 {
           font-size: 18px;
       }


       .pharma-div.percentage-pharma h3,
       .pharma-div.percentage-specialist h3,
       .pharma-div.percentage-Health h3,
       .pharma-div.percentage-medical h3 {
           font-family: 'Inter', sans-serif;
           font-size: 41px;
           font-weight: 600;
       }

       .getting-ready-div p {
           font-size: 15px;
       }

       .div-side-text p {
           font-size: 16px;
       }



   }

   .left-top-img img {
       height: 244px;
       object-fit: contain;
   }

   button.carousel-control-next {
       right: -120px;
   }

   span.carousel-control-next-icon i {
       font-size: 60px;
       color: #ea732f;
   }

   span.carousel-control-next-icon {
       background-image: none;
   }

   button.carousel-control-prev {
       left: -120px;
   }

   span.carousel-control-prev-icon i {
       font-size: 60px;
       color: #ea732f;
   }

   span.carousel-control-prev-icon {
       background-image: none;
   }


   .main-hover-div {
       border-right: 2px solid #fff;
   }

   .main-hover-div:hover .sub-div-on-hover {
       width: 177px;
       overflow: visible;
   }

   .main-hover-div:hover .sun-left-div {
       width: 177px;
       overflow: visible;
   }

   .sun-left-div {
       width: 100%;
       transition: all 0.4s ease;
   }

   .sub-div-on-hover {
       width: 0px;
       overflow: hidden;
       transition: all 0.4s ease;
   }


   .sun-left-div {
       width: 177px;
       transition: all 0.4s ease;
   }





   .pharma-div .h3 {
       overflow: hidden;
       display: -webkit-box;
       -webkit-line-clamp: 1;
       line-clamp: 2;
       -webkit-box-orient: vertical;
   }

   @media only screen and (min-device-width: 767px) {
       .hide-title {
           visibility: hidden;
       }

       .reduce-width {
           width: 110px;
       }
   }



  #exampleModal .modal-dialog-scrollable .modal-content {
    min-height: 80vh;
}

  #exampleModal .modal-dialog-scrollable .modal-content iframe{
    min-height: 60vh;
}

#exampleModal button.btn-close {
    top: 0;
    background: #ea732f;
    width: 40px;
    height: 40px;
    opacity: 1;
    border-bottom-left-radius: 50% !important;
    position: absolute;
    right: 0;
    border-radius: 0;
    color: #fff;
    padding: 6px;
    font-size: 40px;
    line-height: 30px;
}



/*  */

div#welcomeDiv input {
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 12px;
    padding: 3px;
}

div#welcomeDiv ul.inputs-list.multi-container input {
    width: auto;
    margin-right: 7px;
}

div#welcomeDiv ul.inputs-list.multi-container {
    list-style: none;
    display: flex;
    padding-left: 0px;
    margin-top: 7px;
}

div#welcomeDiv ul.inputs-list.multi-container li {
margin-right: 10px;
}


div#welcomeDiv .actions input.hs-button.primary.large {
    font-size: 18px;
    font-family: " Greycliff-CF";
    background: linear-gradient(90deg, #ea732f, #2B3990);
    font-weight: 500;
    color: #fff;
    padding: 6px 34px;
}

div#welcomeDiv p {
    font-size: 14px;
}


@media only screen and (max-device-width: 767px) {
 

    .main-hover-div {
        border-bottom: 2px solid #fff !important;
    }

    .justify-main-div {
        flex-wrap: wrap;
    }

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

    .top-logo-icon {
        width: 168px;
        height: 100% !important;
    }

    .h1 {
        line-height: 48px!important;
        font-size: 37px!important;
    }

    .second-sec p {
        font-size: 20px!important;
    }

    .h2 {
        font-size: 30px!important;
    }

    .unparalleled-sec p {
        font-size: 18px;
    }

    .rx-p {
        font-size: 20px;
        text-align: center;
    }

    .unparalleled-sec .bg-white.rounded-pill {
        border-radius: 0px !important;
        text-align: center;
    }

    .unparalleled-sec .find-more-btn {
        font-size: 17px;
        width: 76%;
        padding: 14px 9px;
        margin-top: 12px;
    }

    footer .d-flex {
        justify-content: center;
    }
    
    footer .col-md-3, .col-lg-3, .col-lg-5 {
        text-align: center;
    }

    .div-side-text p {
        font-size: 18px;
    }

    .div-side-text .h4 {
        margin-top: 20px;
        font-size: 20px;
    }


    .container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .right-icon img {
        width: 100%;
    }

    h4.h4 {
        font-size: 20px;
        font-weight: 500;
    }

    .div-left-img img {
        width: 94px;
        margin: -17px;
    }

    .getting-ready-div .find-more-btn {
        font-size: 17px;
    }


    .want-ready {
        min-height: 87px;
    }

    .getting-ready-div p span {
        font-size: 18px;
        line-height: 34px;
    }

    .getting-ready-div p {
        font-size: 17px;
    }

    .bottom-italic p {
        font-size: 17px;
    }

    .bottom-italic p {
        font-size: 17px;
    }

    .bottom-italic {
        margin: 0px !important;
        width: 100% !important;
    }

    img.mainphoto {
        width: 100%;
        height: 100% !important;
    }

    .left-top-img img {
        height: 300px;
        object-fit: contain;
    }

    .unparalleled-sec .row.justify-content-center {
        justify-content: start !important;
    }

    footer {
        padding-left: 5px;
        padding-right: 5px;
    }

    footer .border-start {
        border-left: 0px !important;
    }

    .pharma-div {
        height: 196px;
    }

    .find-more-btn {
        font-size: 21px;
    }

    .logo-top-img img {
        width: 57%;
    }

}


.pharma-div.percentage-pharma {
    background: transparent linear-gradient(270deg, #EA732F 0%, #EA732F 8%, #D56C39 28%, #4A417F 66%, #1B1464 100%, #1B1464 100%) 0% 0% no-repeat padding-box;
}

.pharma-div.percentage-specialist {
    background: transparent linear-gradient(90deg, #EA732F 3%, #DA7243 16%, #B17279 41%, #7E72BC 70%, #2B388F 100%, #231F20 100%) 0% 0% no-repeat padding-box;
}


.pharma-div.percentage-pharma h3,
.pharma-div.percentage-specialist h3,
.pharma-div.percentage-Health h3,
.pharma-div.percentage-medical h3 {
    font-family: 'Inter', sans-serif;
    font-size: 58px;
    font-weight: 600;
}

.pharma-div.percentage-pharma p,
.pharma-div.percentage-specialist p,
.pharma-div.percentage-Health p,
.pharma-div.percentage-medical p {
    font-size: 10px;
    text-align: center;
    color: #fff;
    margin-top: auto;
    margin-bottom: 0px;
}

.pharma-div.percentage-medical {
    background: transparent linear-gradient(270deg, #FFB33F 15%, #F7931E 30%, #EA7330 62%, #CE5E23 93%) 0% 0% no-repeat padding-box;
}

.pharma-div.percentage-devices {
    background: transparent linear-gradient(90deg, #F7931E 16%, #EA7330 57%, #CE5E23 93%) 0% 0% no-repeat padding-box;
}


@media only screen and (max-width:1150px) and (min-width: 1023px) {
    .unparalleled-sec .find-more-btn {
        font-size: 16px;
    }

    button.carousel-control-next {
        right: -32px !important;
    }

    button.carousel-control-prev {
        left: -94px !important;
    }
}

div#welcomeDiv label {
    width: 100%;
    text-align: left;
}


div#welcomeDiv select {
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 12px;
    padding: 10px;
}




/*--------------------------------------------------------------
# HS Styles
--------------------------------------------------------------*/

/* input fields */

.hs-input{
    border: 0;
    width: 100%;
    background: transparent;
    border-bottom: 1px solid;
    padding: 1em 0 .8em;
    text-align: center;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 300;
    line-height: 1.5;
    color: inherit;
    outline: none;
  }
  
  .hs-form-field{
    width: 100%;
    color: black;
    padding: 10px;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
   }