@font-face {
    font-family: Proxima Nova;
    src: url(../font/ProximaNova-Regular.otf);
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: Proxima Nova;
    src: url(../font/Proxima\ Nova\ Thin.otf);
    font-style: normal;
    font-weight: 300;
}
@font-face {
    font-family: Proxima Nova;
    src: url(../font/Proxima\ Nova\ Extrabold.otf);
    font-style: normal;
    font-weight: 900;
}
@font-face {
    font-family: Proxima Nova;
    src: url(../font/Proxima\ Nova\ Bold.otf);
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: Proxima Nova;
    src: url(../font/Proxima\ Nova\ Black.otf);
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: Proxima Nova;
    src: url(../font/Proxima\ Nova\ Alt\ Thin.otf);
    font-style: normal;
    font-weight: 200;
}
@font-face {
    font-family: Proxima Nova;
    src: url(../font/Proxima\ Nova\ Alt\ Light.otf);
    font-style: normal;
    font-weight: 100;
}
@font-face {
    font-family: Proxima Nova;
    src: url(../font/Proxima\ Nova\ Alt\ Bold.otf);
    font-style: normal;
    font-weight: 600;
}
*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: Proxima Nova;
}
body {
   color: #263238;
   font-family: Proxima Nova;
   font-size: 22px;
   font-style: normal;
   font-weight: 500;
   line-height: 139%;
}


p{
    margin-bottom: 15px;
}
a,a:hover{
    text-decoration: none;
}
input:focus,select:focus,textarea:focus{
    outline: none;
}
.container {
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
}
h1,h2,h3,h4,h5,h6{
    font-family: Proxima Nova;
}
/*==================*/
.topHeader {
     height: 45px;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.midHeader {
     position: relative;
}
.topHeader ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    list-style: none;
    margin: 0;
}
.topHeader ul li {
    padding: 14px 0;
    font-size: 15px;
    line-height: 18px;
    color: #fff;
}
.topHeader ul li:first-child {
    padding-right: 40px;
    font-size: 15px;
}
.topHeader ul li a {
    color: #fff;
    font-weight: 400;
    font-size: 15px;
}
.midHeader nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    margin: 0 -15px;
}
.brandlogo {
    max-width: 210px; 
    flex: 0 0 210px;
    padding: 0 15px;
}
.brandlogo a {
    display: block;
    padding: 20px 0;
    /* padding-bottom: 75px; */
 }

 .mobile .main-menu{
    padding-top: 100px !important;
 }


 .sticky .brandlogo a{
padding-bottom: 10px;
 }

.main-menu {
    max-width: calc(100% - 210px);
    flex: 0 0 100%;
    margin: 5px;
    display: flex;
    justify-content: flex-end;
    /* padding: 0 15px; */
}
.main-menu li {
    list-style: none;
    margin-left: 70px;
}
.main-menu li a {
    color: white;
    font-size: 20px;
    font-weight: 500;
    margin: 45px 0;
    display: block;
    position: relative;
    text-decoration: none;
    transition: all .4s linear;
}
 
/* .main-menu li a:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
} */

.main-menu li a {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
  }
  
  .main-menu li a::after {
    content: '';
    position: absolute;
    left: 10%;
    bottom: -6px;
    width: 80%;
    height: 3px;
    background: #F89841;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
  }
  
  /* Show the underline on hover */
  .main-menu li a:hover::after {
    transform: scaleX(1);
  }
  
  /* Keep underline for active menu item */
  .main-menu li a.active::after {
    transform: scaleX(1);
  }
  
/*==================*/
.banner img {
    width: 100%;
    position: relative;
}
/*==================*/
/*==================*/
/*==================*/
.Safety-Sec {
padding-top: 80px;
}
.Safety-Sec p {
    color: #263238;
    margin: 0;
}
.line-1 {
    margin-bottom: 70px;
}
.line-1 p {
    margin-bottom: 30px;
}
.line-1 p:last-child {
    margin: 0;
}
.line2, .line4, .line5, .line6, .line7, .line8, .line9, .line10, .line11, .line12, .line13, .line15 {
    margin: 0 0 30px;
}
.line2 h3 {
    color: #104C8E;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
}
.line14 p a {
    color: #F89841;
    font-weight: 600;
    text-decoration-line: underline;
}
.line14 p {
    margin: 0;
}
.Safety-Sec p b {
    font-weight: 600;
}
.line-1 p:first-child {
    color: #104C8E;
    font-weight: 600;
    font-size: 25px;
}
.line-1 p:nth-child(2) {
    font-size: 20px;
}
/*==================*/
.noQuest {
    margin-top: 80px;
    position: relative;
    z-index: 0;
}
.headingh31Dark3 h3 {
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 25px;
    margin-top: 0;
    color: #fff;
}
.noQuest p {
    margin: 0;
}
.contentBox p a {
    color: #88371C;
    text-decoration: underline;
    font-weight: 800;
}
.noQuest form {
    max-width: 1145px;
    margin: 50px auto 100px;
}
.formRow.row {
    margin: 0 -10px;
}
.formRow.row .col-sm-6 {
    padding: 0 10px;
}
.noQuest form .form-group {
    position: relative;
    margin: 0;
}
.noQuest form .form-group input {
    width: 100%;
    height: 50px;
    /* padding: 16px 0px 0px; */
    /* margin-top: 60px; */
    border: none;
    padding-left: 10px;
    font-size: 16px !important;
    color: #fff !important;

    border-radius: 10px;
    outline: none;
    border: 1px solid #B8C4CC;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
    background: none;
    margin-left: 0;
    color: white;
    font-size: 20px;
}

.noQuest form .form-group label span {
    font-weight: 700;
    color: #104C8E;
}
.divSelects {
    position: relative;
    /* height: 50px; */
    /* margin-top: 44px; */
    color: #5E5E5E;

}

.form-label{
    font-weight: 500 !important;
    font-size: 18px !important;
}

.form-group{
    padding-top: 20px;
}

.noQuest form .form-group select {
    width: 100%;
    padding: 10px 8px 10px;
    border: none;
    outline: none;
    border-radius: 10px;
    border: 1px solid #CBCBCB;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    /* margin-top: 20px; */
    position: relative;
    z-index: 0;
    background: none;
    margin-left: 0;
    color: white;
}
.noQuest form .col-sm-12 {
    padding: 0 15px;
}
.noQuest form textarea {
    height: 255px;
    min-height: 100%;
    width: 100%;
    border-radius: 10px;
    padding: 15px;
     border: 1px solid #CBCBCB;
    font-size: 16px;
    background: initial;
}
.requiredField1 {
    margin: 25px 0 0;
}
.requiredField1 p {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
}
.requiredField2 {
     position: relative;
    margin-top: 40px;
}
.requiredField2 input {
outline:2px solid #F89841;
background: transparent;
}

.requiredField2 label {
    position: relative;
    cursor: pointer;
}
/* .requiredField2 label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #979797;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    left: -40px;
    top: 5px;
} */
.requiredField2 p {
    margin: 0;
    font-weight: 400;
}
.noQuest form .submitBtn {
    max-width: 285px;
    height: 50px;
    margin: 80px auto 0;
}
.noQuest form .submitBtn input {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    border-radius: 8px;
    color: #fff;
    border: 0;
    text-transform: capitalize;
    font-style: normal;
    background: #F89841;
}
.p-disclaimer {
    font-size: 16px;
    line-height: 22px;
}
.p-disclaimer a {
    font-weight: 600;
    text-decoration-line: underline;
    /* color: #104C8E; */
    color: #F89841;
}
.requiredField1 p span {
    color: #104C8E;
    font-size: 20px;
    font-weight: 700;
}
#contact-form a {
    color: #F89841;
    font-weight: 600;
    text-decoration-line: underline;
}
select {
    -webkit-appearance: none;  /* Chrome, Safari, Edge */
    -moz-appearance: none;     /* Firefox */
    appearance: none;          /* Standard */
    background: transparent;
    border: 1px solid #ccc;
    padding: 8px;
    font-size: 16px;
    cursor: pointer;
  }
  
  /* Optional: hide the arrow in Firefox (still shows by default unless extra wrapping is used) */
  select::-ms-expand {
    display: none; /* For IE11/Edge */
  }
  
#contact-form {
    font-size: 20px;
}
/*==================*/
footer {
    background: linear-gradient(
  to bottom,
  #02ABE1 0%,
   #015D7B 100%
);    padding: 20px 0 0px;
    margin-bottom: 240px;
}
footer .row .col-sm-2 {
    max-width: 18%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    padding-right: 0;
}
.footerLogo {
    margin: 20px 0;
}
.footerLogo img {
    max-width: 230px;
    width: 100%;
}
footer .row .col-sm-5 p, footer .row .col-sm-5 p a {
    color: #fff;
    font-weight: 400;
    margin: 0;
    line-height: 140%;
    font-size: 16px;
}
footer ul {
    list-style: none;
    text-align: left;
    display: flex
;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px;
    /* margin-top: 35px; */
    margin-bottom: 0;
}
footer ul a, footer ul a:hover {
    color: #fff !important;
}
footer .row .col-sm-5 a {
    text-decoration: underline;
    font-size: 16px;
}
footer .row .col-sm-5:last-child {
    text-align: right;
}
footer .row .col-sm-5 a {
    text-decoration: underline;
}
.margintop36 {
    max-width: 38%;
    flex: 0 0 38%;
    padding-left: 85px;
    padding-right: 0;
}
.margintop35 {
    max-width: 44%;
    flex: 0 0 44%;
    padding-left: 100px;
}
.margintop35 .titleMax {
    display: block;
}
.arrowbtn {
    /* background: #2d85bd; */
    position: absolute;
    right: 10.1px;
    top: 10.7px;
    width: 20px;
}

.flink div:first-child{
    margin-top: -30px;
}

input[type=checkbox]:focus{
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.requiredField2 input:checked + label:before {
    border-color: #104c8e;
}
/* .requiredField2 input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: -32px;
    width: 7px;
    height: 14px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
} */
/* .noQuest form .form-group input:focus ~ label, .noQuest form .form-group input:valid~ label {
    color: white;
    bottom: 20px;
     font-size: 18px;
    line-height: 20px;
} */
.sticky {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    box-shadow: 0 2px 10px rgb(16 76 142 / 50%);
}
.sticky .brandlogo a {
    max-width: 135px;
    width: 100%;
}
.sticky .brandlogo a img {
    width: 100%;
}
.sticky .main-menu a {
    margin: 38px 0;
}
.sticky .topHeader {
    display: none;
}
.line-1 p span {
    color: #104C8E;
    font-weight: 600;
}
/*=================*/
.scrollup {
    text-align: left;
    padding: 20 30px;
    position: fixed;
    top: calc(100vh - 240px);
    background: #fff;
    width: 100%;
    height: 240px;
    -webkit-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    z-index: 100009;
    box-shadow: 0 -10px 10px rgb(0 0 0 / 10%);
}

.btn-s-l {
    border: 0;
    background: transparent;
    font-size: 18px;
    color: #104c8e;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.show-less-btn {
    /* border-bottom: 2px solid #10ADE4; */
    padding: 3px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    line-height: 25px;
    width: 50px;
    float: right;
}

span.dropDownBtn {
    display: block;
    margin-left: 12px;
    transform: rotate(180deg);
}
.headingh31Dark2 h3 {
    color: #2DA3D0;
    font-size: 18px;
    font-weight: 800;
    margin: 15px 0 5px;
}
.headingh31Dark2-p {
    font-size: 18px;
    line-height: 160%;
}
.headingh31Dark2-p p {
    margin-bottom: 0px;
}

.lessBTN span.dropDownBtn {
    transform: rotate(0deg);
}
.slides {
    top: calc(100vh - 70vh);
    height: 100%;
}
.slides .scrolls {
    height: 100vh;
    position: relative;
    overflow-y: scroll;
    padding-right: 30px;
    scrollbar-width: none;
    padding-bottom: 300px;
}
button:focus{
    outline: none;
}
.content p b {
    font-weight: 600;
}
.content a {
    color: #F89841;
    font-weight: 600;
    text-decoration-line: underline;
}
option.selected {
    display: none;
}





.star{
    color: #F89841 !important;
}

.arrowbtn{
    color: #F89841 !important;
}

.starsText {
    position: absolute;
    /* background: white; */
    z-index: 2;
    top: 12px;
    font-size: 16px;
    color:#B8C4CC;
    line-height: 25px;
    left: 10px;
    display: flex;
    align-items: center;
}

.starsText span {
    font-weight: 700;
    font-size: 20px;
    color: #104c8e;
}
.mobilebtn {
    display: none;
    width: 60px;
    height: 60px;
    /* background: #104c8e; */
    border-radius: 50%;
    padding: 18px 12px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /* -webkit-box-shadow: 0 3px 7px rgb(0 0 0 / 40%);
    box-shadow: 0 3px 7px rgb(0 0 0 / 40%); */
    cursor: pointer;
    right: 15px;
    z-index: 0;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.midHeader .container {
    position: relative;
}
.spanbtn {
    display: block;
    width: 35px;
    height: 3.4px;
    background: white;
    border-radius: 50px;
}
.spanbtn1 {
    width: 26px;
}
.spanbtn2 {
    margin: 7px 0;
    width: 36px;
}
.spanbtn3 {
    width: 26px;
    margin-left: 10px;
}
.mobile{
}
.mobile.slideRight {
    right: 0 !important;
}

.mobile {
        position: fixed;
        right: -100%;
        background: white;
        top: 0;
        z-index: 100010;
        height: 100vh;
        -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 50%);
        box-shadow: 0 0 15px rgb(0 0 0 / 50%);
        width: 85%;
        padding: 35px 0;
        -webkit-transition: all .5s linear;
        -o-transition: all .5s linear;
        transition: all .5s linear;
    }


    .mobile .btnRotate {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}













.mobile .brandlogo {
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 30px;
    border-bottom: 2px solid #104c8e;
    padding: 0;
}
.mobile .brandlogo a {
    padding: 0 35px 35px;
    max-width: 250px;
}
.mobile .brandlogo a img {
    width: 100%;
}

.mobile .main-menu {
    max-width: 100%;
    padding: 0;
    flex-wrap: wrap;
}
.mobile .main-menu li {
    margin: 0;
    max-width: 100%;
    flex: 0 0 100%;
}

.mobile .main-menu li a {
    margin: 0;
    font-size: 28px;
    line-height: 25px;
    padding: 35px;
    font-weight: 500;
    text-align: right;
}

.mobile .main-menu li a.active:after {display: none;}

.mobile .main-menu li a.active {
    background: #F89841;
    color: #fff !important;
    width: 100%;
}

.mobile .main-menu li{
    float: right;
    width: 100%;
    display: grid;
}

.mobile .mobilebtn {
    top: 80px;
    right: 35px;
    
}
.mobile .spanbtn2 {
    margin: 8px 0;
}












.form-input {
    background-color: transparent;
    color: #000; /* or any color you prefer */
  }
  
  /* Autofill fix for Chrome/Safari */
  .form-input:-webkit-autofill,
  .form-input:-webkit-autofill:hover,
  .form-input:-webkit-autofill:focus,
  .form-input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-text-fill-color: #fff !important; /* or desired text color */
    background-color: transparent !important;
    transition: background-color 5000s ease-in-out 0s; /* prevents autofill background flash */
  }
  






input::placeholder {
    color: #CBCBCB; /* changes placeholder color */
    opacity: 1;     /* ensures the color is not faded in some browsers */
  }
  
  input:-internal-autofill-selected {
background: transparent !important;  
}



.banner2 {
    display: block;
    margin-top: calc(100vw / -7 + 20px);
}
.desktop-banner {
    position: absolute;
    left: 40%;
    top: 23%;
    padding-bottom: 10%;
    padding-right: 8%;
    padding-left: 15%;
    width: 62%;
    padding-top: 4%;
    margin-left: -4.8%;
}
.banner2 img {
}
.desktop-banner-button {
    width: 78%;
    padding-top: 25px;
    /* padding-right: 20px; */
    text-align: left;
}

.desktop-banner-button a {
    display: block;
}

.desktop-banner-button a p {
    text-align: left !important;
}

.desktop-banner p {
    margin: 0;
}
#sec_A {
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.banner2.mobile_show {
    display: none;
}

.p-contrandication {
    color: #263238;
    font: 600 18px "Proxima Nova", sans-serif;
}

.isi-p {
    font-size: 18px;
}

.p-contrandication-popup {
    padding-top: 7px;
    color: #263238;
    font: 600 16px "Proxima Nova", sans-serif;
}

.ul-popup {
    padding-left: 30px;
}

.ul-popup li {
    padding-top: 5px;
    padding-bottom: 5px;
}

.line1-heading p {
    margin-bottom: 30px !important;
}

.boxVisible {
  overflow: visible;
  opacity: 1;
  transform: none;
  visibility: visible;
}

.boxHide {
  overflow: hidden;
  opacity: 0;
  transform: translateY(80vh);
  visibility: hidden;
  will-change: opacity, visibility;
}

.top-header{
    background: linear-gradient(
  to bottom,
  #2DA3D0 0%,
  #307BAA 51%,
  #1F4C83 100%
);
position: sticky;
z-index: 999;
/*border: 1px solid black; /* black stroke */*/
 }

.pd{
    padding-top: 80px;
}


.blue-color{
    color:#104C8E;
}

.dark-blue{
    color: #263238;
}

.info-section {
    font-family: Proxima Nova;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 20px;
    padding-block: 60px;
}
 

.f16{
    font-size: 16px !important;
    text-align: center;
    max-width: 705px;
 }

 .ftext{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
 }

.fcopy{
    display: flex;
        justify-content: space-between;
        color: white;
        font-size: 14px !important;
}

.fcopy ul{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.info-div {
    flex: 1;
    align-self:flex-start;
}


.txt-info{
    text-align: center;
    font-size: 20px;
    font-weight: 400;
}

.info-div{
    text-align: center;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.info-section img{
    max-width: 150px;
    min-width: 120px;
    width: 100%;
}



.img-div{
    height: 150px;
}

.sectionS{
    background: linear-gradient(
        to bottom,
        #2DA3D0 0%,
        #307BAA 51%,
        #1F4C83 100%
      );
      padding-top: 80px;
      color: white !important;
}

.textarea{
    background: transparent ;
}

/* Hide the default checkbox */
#checkboxid {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 24px;
    height: 24px;
    border: 2px solid #F89841;
    border-radius: 3px;
    outline: none;
    cursor: pointer;
    background: transparent;
    position: relative;
    display: inline-block;
  }
  
  /* Create custom checkmark */
  #checkboxid:checked::after {
    content: "";
    position: absolute;
    top: 2.5px;
    left: 7.5px;
    width: 6px;
    height: 12px;
    border: solid #F89841;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
  

  
  
  /* Alternative using background image for checkmark */
  /*
  #checkboxid:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234285f4'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
  }
  */
/* Optional: show custom checkmark */
/* #checkboxid:checked::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 5px;
    width: 4px;
    height: 8px;
    border: solid #F89841;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
} */

.requiredField2{
    display: flex;
    gap: 20px;
}

.mes{
    color: #fff;
    position: absolute;
    left: 0;
    font-size: 20px;
    bottom: unset !important;
    transform: translateY(-50%);
    pointer-events: none;
    transition: 0.3s;
    margin: 0;
    font-weight: 500;
    margin-top: 25px !important;
}

.footer-info{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    color: white;
}
.footer {
    position: relative;
  }
  
  .scroll-wrapper {
    position: relative;
   }
  
  .scrollTop {
    position: absolute;
    top: -64px;      /* move half of image above the container */
    right: 4px;       /* align to the right */
    /* height: 40px;   set your image height */
  }
  

/* .flink{
    display: flex;
    justify-content: space-between;
    align-items: center;
} */
.flink {
    display: flex;
    gap: 20px;
    padding-top: 40px;
    padding-bottom: 30px;
    justify-content: space-between;
    align-items: center;
  }

  .flink-tab ul{
    flex-direction: row !important;
  }
  
  .flink > div {
    /* flex: 1; */
    justify-content: center;
    align-items: center;
    display: grid
;

  }

  .fmoblink{
    display:none  !important ;
  }

  .logo2{
    display: none !important;
  }
  
.access-title{
    color: white;
    font-size: 50px;
}

.access-des{
    color: #F89841;
    /* margin-left: 20px !important; */
}

/* .access-title{
    margin-bottom: 20px !important;
} */


.light-blue{
    color: #2DA3D0;
}

.mobile .main-menu li a{
    color: #2DA3D0 !important;

}

#submitbtn:hover {
    background-color: transparent;
    border: 2px solid #F89841;
    color: #F89841;
}


.mobile .main-menu li a::after {
    content: '';
    position: absolute;
    right: 3px;
    bottom: 3px;
    /* max-width: 154px; */
    height: 3px;
    width: 90%;
    background: #F89841;
}

/* .sticky .brandlogo{
    padding:5px 15px

}

.sticky .main-menu{
    padding-top: 5px;
} */

.flink h3{
    font-weight: 500;
}