html,
body {
    height:auto;
    width: 100%;
    max-width: 1400px;
    margin: auto;

}


@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Medium.woff2') format('woff2'),
    url('../fonts/AvenirLTStd-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('../fonts/AvenirNextLTPro-Bold.html') format('woff2'),
    url('../fonts/AvenirNextLTPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('../fonts/AvenirNextLTPro-It.html') format('woff2'),
    url('../fonts/AvenirNextLTPro-It.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('../fonts/AvenirNextLTPro-DemiCn.html') format('woff2'),
    url('../fonts/AvenirNextLTPro-DemiCn.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('../fonts/AvenirNextLTPro-Regular.html') format('woff2'),
    url('../fonts/AvenirNextLTPro-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('../fonts/AvenirNextLTPro-Demi.html') format('woff2'),
    url('../fonts/AvenirNextLTPro-Demi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Cambon';
    src: url('../fonts/Cambon-Regular.html') format('woff2'),
    url('../fonts/Cambon-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cambon';
    src: url('../fonts/Cambon-Book.html') format('woff2'),
    url('../fonts/Cambon-Book.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
body {
    font-family: 'Avenir Next LT Pro' !important;
    color: var(--black) !important;
    font-size: var(--fz16) !important;
    position: relative;
}

.modal {
  text-align: center;
  padding: 0px 30px !important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  margin: 0rem;
}








.footer {
    background-color: #e9e9e9;
    padding: 65px 0px 30px 0px;
    padding-left: 5rem;
    padding-right: 5rem;
}

h1.title {
    color: #0d373e;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 5px;
}

.footer ul li {
    width: 100%;
}

.footer ul li a {
    color: #0d373e;
    font-size: 15px;
    font-weight: 400;
}

.footer ul li a:hover {
    color: var(--btn-color);
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.fw-6 {
    font-weight: 600;
}

.slidersocialmedia {
    margin-top: 6px;
}

.slidersocialmedia a {
    margin-right: 5px;
}

.see-article {
    background: transparent;
}

.socialiconfooot img {
    border-radius: 50%;
    width: 44px !important;
    height: auto;
    margin-right: 10px;
}

.need-helps a:hover {
    color: var(--color1);
}

.footer-innner a span {
    color: var(--color2)!important;
    font-weight: 600!important;
}

.footer-innner a span p {
    font-weight: 400;
    word-break: break-all;
}

.footer-innner p {
    color: #0d373e;
    font-size: var(--fz20);
    margin-left: 20px;
}


a { text-decoration:none; }

.get-in {
    padding: 0rem 0rem;
    margin-top: 30px;
}

img {
    max-width: 100%;
}

img {
    vertical-align: middle;
    border-style: none;
}


#spnTop {
    width: 50px;
    height: 41px;
    background: #0d373e;
    position: fixed;
    right: 40px;
    bottom: 42px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    line-height: 66px;
    padding-top: 14px;
    cursor: pointer;
    display: none;
    z-index: 9999;
}

a, a:hover {
    text-decoration: none !important;
}

a { transition: all 0.5s ease;}

button { transition: all 0.5s ease;}


.soure-mo h2 {
    font-size: 25px;
    color: #003942;
    font-weight: 900;
    min-height: 60px;
}

.soure-mo .modal-footer> :not(:last-child), .soure-mo .modal-footer-year > :not(:last-child) {
    background: #003942;
    color: white;
    padding: 10px 30px;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
}

.soure-mo .modal-footer> :not(:first-child), .soure-mo .modal-footer-year> :not(:first-child) {
    padding: 10px 31px;
    font-size: 20px;
    border-radius: 0;
    font-weight: 600;
    background: transparent;
    color: #003942;
    border-color: #003942;
}




.yesbutton:hover {
    color: #003942 !important;
}

.yes {
    z-index: 1;
    border-radius: 0px !important;
    border: 1px solid #212529 !important;
}



.soure-mo .modal-footer> :not(:last-child), .soure-mo .modal-footer-year > :not(:last-child) {
    background: var(--btn-color);
    color: white;
    padding: 10px 30px;
    font-size: 20px;
    font-weight: 600;
}
.soure-mo .modal-footer> :not(:first-child), .soure-mo .modal-footer-year> :not(:first-child) {
    padding: 10px 31px;
    font-size: 20px;
    border-radius: 0;
    font-weight: 600;
    background: transparent;
    color: #003942;
    border-color: #003942;
        border-radius: 0px !important;

}
.soure-mo .modal-footer> :not(:last-child), .soure-mo .modal-footer-year > :not(:last-child) {
    background: #003942;
    color: white;
    padding: 10px 30px;
    font-size: 20px;
    font-weight: 600;
    cursor:pointer;
        border-radius: 0px !important;

}

.yesbutton:hover { color:#003942; background:#fff !important;}

.nobutton:hover { color:#fff !important; background:#003942 !important;}

/*...........new css...............*/

.loader-container {
    background-color: rgba(255,255,255,0.7);
    position: fixed;
    width: 100%;
    z-index: 2147483647;
    left: 0;
    top: 0;
    min-height: 100vh;
   
}

 .loader {
        position: fixed;
        z-index: 999;
        overflow: visible;
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
}


.calluspopup { text-align:center; }
.calluspopup .modal-dialog { margin-top:300px; width:850px !important; max-width:850px !important; background:#fff;}
.calluspopup .modal-dialog .modal-content { border:none; }
.calluspopup .modal-content, .calluspopup .modal-dialog { border-radius: 40px; }
.calluspopup .modal-header { border-bottom:0px; }
.imagetextboxcontent .hobertextbtn1 {
    display:none;
    width: 100%;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #000000;
    height: auto;
    position: absolute;
    margin-top: 6.5px;
}

.calluspopup h2 {
margin:0px 0px 20px 0px; padding:0px;
font-family: 'Avenir Next LT Pro';
font-style: normal;
font-weight: 800;
font-size: 40px;
line-height:42px;
text-align: center;
color: #006376; }


.calluspopup h3 {
margin:10px 0px 20px 0px; padding:0px;
font-family: 'Avenir Next LT Pro';
font-style: normal;
font-weight: 800;
font-size: 22px;
line-height: 30px;
text-align: center;
margin:0px;
text-transform: capitalize;
color: #006376; }


.calluspopup h3 { display:none; }




.calluspopup p {
font-family: 'Avenir LT Std';
font-style: normal;
font-weight: 500;
font-size: 23px;
line-height: 31px;
text-align: center;
margin-bottom:0px;
color: #006376; }

.calluspopup .modal-body { padding:0px; }

.popupclosebutton {
    position: absolute;
    right: 20px;
    top: 25px;
    cursor: pointer;
    z-index: 999;
}

.popupclosebutton img {
   cursor: pointer;
}

.calluspopup .modal-body { padding:55px 0px 35px 0px; }

.hobertextbtn1 { font-weight: 500;
font-size: 12px;
font-family: 'Avenir Next LT Pro';
font-style: italic;
font-weight:900;
line-height: 16px;
padding:0px 20px;
text-align: center;
color: #000000; }

.d-flex1 {
    display: -ms-gridbox !important;
    display: grid; }

.hoverdisplay { display:block !important; -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }

.hobertextbtn2 {
    font-family: 'Avenir Next LT Pro';
    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    display: none;
    line-height: 30px;
    margin-top: 15px;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: -40px;
}

.hobertextbtn3 {
    font-family: 'Avenir Next LT Pro';
    font-style: italic;
    font-weight: 800;
    font-size: 16px;
    line-height: 18px;
    margin-top: 15px;
    display: none;
    text-align: center;
    color: #000000;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    padding-top: 10px; }


.mobilebtntop {
    width: 380px;
    font-size: 10px;
    text-align: center;
    line-height: 13px;
    float: right;
    margin-right: 0px;
    margin-top: 0px;
    font-style: italic;
    font-weight:700;
    font-size: 10.5px;
    line-height: 14px;
    font-family: 'Avenir Next LT Pro';
    text-align: center;
    color: #000000;
    padding: 0px 12px 0px 39px;
    display:none;
    position: absolute;
    right: 10px;
    top: -7px;
}

.scrolled { display:none; }

.popuparrrow {
    width: 100%;
    height: auto;
    text-align: center;
    position: absolute;
    top: -165px;
    padding-left: 70px;
}

.popuparrrow img {
    height: 209px;
}


.modal {
    background: rgba(0,82,92,0.8);
}

.modal-open {
    padding-right: 0px !important;
}

.popuparrrow { display:none; }