@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://use.typekit.net/gsi7kua.css");

/*..............Embaded fonts..............*/
@font-face {
    font-family: 'Miller Display';
    src: url('../webfonts/MillerDisplay-Roman.eot');
    src: url('../webfonts/MillerDisplay-Roman.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/MillerDisplay-Roman.woff2') format('woff2'),
        url('../webfonts/MillerDisplay-Roman.woff') format('woff'),
        url('../webfonts/MillerDisplay-Roman.ttf') format('truetype'),
        url('../webfonts/MillerDisplay-Roman.svg#MillerDisplay-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Miller Display';
    src: url('../webfonts/MillerDisplay-Light.eot');
    src: url('../webfonts/MillerDisplay-Light.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/MillerDisplay-Light.woff2') format('woff2'),
        url('../webfonts/MillerDisplay-Light.woff') format('woff'),
        url('../webfonts/MillerDisplay-Light.ttf') format('truetype'),
        url('../webfonts/MillerDisplay-Light.svg#MillerDisplay-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Egyptienne MN';
    src: url('../webfonts/EgyptienneMNCondensed-Bold.eot');
    src: url('../webfonts/EgyptienneMNCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/EgyptienneMNCondensed-Bold.woff2') format('woff2'),
        url('../webfonts/EgyptienneMNCondensed-Bold.woff') format('woff'),
        url('../webfonts/EgyptienneMNCondensed-Bold.ttf') format('truetype'),
        url('../webfonts/EgyptienneMNCondensed-Bold.svg#EgyptienneMNCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */


:root {
    --ff-primary-font: 'Miller Display', sans-serif;
    --ff-heading-font: "Montserrat", sans-serif;

    --color-primary: #2E2B4A;
    --color-text: #000000;
    --color-dark-blue: #0E132A;
    --color-acent: #369FEB;
    --light-grey: #535353;
   
    --color-white: #ffffff;
    --color-black: #000000;
    --color-border-grey: #ACACAC;

    --transition-common: all 0.8s ease;
}


html, body { overflow-x: hidden; }
body { margin: 0; padding: 99px 0 0; font-family: var(--ff-primary-font); font-size: 18px; line-height: 1.5; font-weight: 500; color: var(--color-text);  transition: var(--transition-common); }
h1, h2, h3, h4, h5, h6 { font-family: var(--ff-heading-font); margin: 0 0 1.1rem; padding: 0; line-height: 1.2; font-weight: 600; color: var(--color-primary);}

h1{ font-size: 70px;}
h2{ font-size: 55px;}  
h3{ font-size: 45px;}
h4{ font-size: 30px;}
h5{ font-size: 24px;}
h6{ font-size: 18px;}
  
p{ margin: 0 0 1.1rem; padding: 0; line-height: 1.5; }

img { max-width: 100%; }
a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover { color: var(--color-acent); outline: none; text-decoration: none; transition: var(--transition-common); }
a:hover{  text-decoration: none; transition: var(--transition-common); }

.form-group { margin: 0 0 15px;}
.form-group label { margin: 0 0 10px;}
textarea, select, .form-control, input { background-color: var(--color-white); font-family: var(--ff-primary-font); font-size: 16px; padding: 10px 20px; background-color: var(--color-white); width: 100%; border-radius: 8px; border: 1px solid var(--color-border-grey); outline: none; box-shadow: none;  }
textarea { padding: 18.5px 20px; min-height: 150px; resize: none; }
input[type="submit"] { font-family: var(--ff-primary-font); font-weight: 500; transition: all 0.3s ease 0s; outline: none; width: auto; }
textarea:focus, select:focus, .form-control:focus { background-color: var(--color-white); outline: none ; box-shadow: inherit;  }

select { background-image: url(../images/ic-select-dropdown.svg); background-repeat: no-repeat; background-position: calc(100% - 15px) center; background-size: 12px; }
input:focus, input:focus-visible { border: none; outline: none; box-shadow: none; border: 1px solid #616D92; }


/* --- for placeholder color --- */
input::-moz-placeholder , .form-control::-moz-placeholder { color: #616D92; opacity: 1; }
input:-ms-input-placeholder, .form-control:-ms-input-placeholder { color: #616D92; }
input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: #616D92; }
/* --- for placeholder color --- */
   



.btn, a.btn { font-family: var(--ff-primary-font); font-size: 18px; font-weight: 500; line-height: 1; color: var(--color-acent);  background: #369FEB1A; display: inline-flex; align-items: center; border-radius: 5px; border: 1px solid var(--color-acent); border-right-width: 3px; border-bottom-width: 3px; padding: 14px 40px; transition: var(--transition-common); text-transform: capitalize;  box-shadow: none; }
.btn:hover, a.btn:hover, :not(.btn-check)+.btn:active, input[type="submit"].btn:hover { color: var(--color-white);background: var(--color-acent); }
.btn-check:focus+.btn, .btn:focus { box-shadow: inherit;}


.common-padding{ padding-top: 80px; padding-bottom: 80px; }
.common-small-padding{ padding-top: 40px; padding-bottom: 40px; }
.common-side-padding{ padding-left: 100px; padding-right: 100px; }



/* -- Container adjustment -- */
@media screen and (min-width: 1600px) {  
    .container{ max-width: 1420px; }    
}
/* -- Container adjustment -- */


/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */


/* -- Header -- */

.main-header { position: fixed; top: 0; right: 0; left: 0; z-index: 999; background-color: #03066f; padding: 15px 0; transition: var(--transition-common);}
.main-header.header-sticky { position: fixed; padding: 15px 0; background: #03066f; }

.custom-header-wrap { display: flex; align-items: center; justify-content: space-between; }
 
.hdr-lt {display: flex; align-items: center; gap: 10px; }
.hdr-lt .logo { max-width: 200px; transition: var(--transition-common); }
.hdr-lt .logo a { color: var(--color-white); }
.hdr-lt .logo-text {font-family: var(--ff-heading-font); color: var(--color-white); font-style: italic; font-weight: 400; }

.main-menu ul { display: flex; list-style: none; padding: 0; margin: 0; justify-content: end;}
.main-menu ul li { position: relative; }
.main-menu ul li:not(:last-child) { margin-right: 25px; }
.main-menu ul li a { font-family: "tahoma", sans-serif; font-size: 16px; text-transform: capitalize; color: var(--color-white); font-weight: 400; position: relative; display: block; }
.main-menu ul li.current-menu-item a, .main-menu ul li:hover a { color: var(--color-acent); }

.main-menu ul li ul.sub-menu { position: absolute; background: var(--color-white); width: 220px; display: none; padding: 6px 12px; border-radius: 5px; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1); }
.main-menu ul li:hover ul.sub-menu { display: block;}
.main-menu ul li:hover ul.sub-menu li { margin: 0; border-bottom: 1px solid var(--color-border-grey);}
.main-menu ul li:hover ul.sub-menu li a { display: block; padding: 6px 8px; color: var(--color-body-font); font-size: 15px; text-transform: capitalize; }
.main-menu ul li:hover ul.sub-menu li a:hover { color: var(--color-acent);}
.main-menu ul li:hover ul.sub-menu li:last-child { border: 0; }

.main-menu ul li.menu-item-has-children { padding-right: 20px; }
.main-menu ul li.menu-item-has-children:after { content: ''; background: url(../images/white-angle-down.svg) no-repeat; background-size: 100%; width: 22px; height: 14px; position: absolute; right: 0; top: 2px; }

.plus, .minus { padding: 8px; background: var(--color-primary); color: #fff; width: 30px; height: 30px; font-size: 14px; border-radius: 50%; text-align: center; line-height: 1; position: absolute; right: 0; top: 9px; display: none; } 
.plus:hover, .minus:hover { cursor: pointer; }

.mobile-menu-btn { display: none;}

.header-social {padding: 10px 0 0; }
.header-social ul {margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 14px; justify-content: flex-end; }
.header-social ul li a {background: var(--color-white); display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 50%; line-height: 1; }

.hdr-lt .logo {display: none; }
.hdr-lt {width: 45%; }
.hdr-rt {width: 45%; }


.logo-mid-for-home { width: 200px; }


/* -- Header -- */



/* Main section */


main { min-height: calc(100vh - 100px); }

/* Home page banner */

.main-banner { min-height: 450px; position: relative;}
.main-banner::after { content: ''; background: rgba(14, 19, 42, 0.7); position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.banner-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.banner-img img { height: 100%; width: 100%; object-fit: cover; }
.banner-img span { font-size: 23vw; line-height: 0.8; position: absolute; top: 0; right: 0; left: 0; font-weight: 400; color: #FFFFFF0D; letter-spacing: 8px; text-align: center; pointer-events: none; }

.banner-container { position: absolute; right: 0; left: 0; bottom: 120px; z-index: 3; }

.main-banner h1 {  position: relative; color: var(--color-white); }

/* Home page banner */


/* Insight */

.insight-wrapper .col-lg-4.col-md-6 {display: flex; }
.insight-box { background: #F9F9F9; border-radius: 15px; margin-top: 24px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); flex-grow: 1; } 
.insight-box .imgbox {padding: 0 0 72%; position: relative; margin: 0 0 15px; }
.insight-box .imgbox img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 15px; }
.insight-info { padding: 30px; }
.insight-info span.site-tag {background: #1ba4f5; color: var(--color-white); font-size: 12px; display: inline-block; padding: 5px 20px; border-radius: 40px; margin-bottom: 8px; }
.insight-info p small { color: var(--color-acent); } 
.insight-meta { padding: 0 0 15px; } 
.insight-meta ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; } 
.insight-meta ul li { display: flex; align-items: center; color: var(--light-grey); width: 100%; margin-bottom: 3px; } 
.insight-meta ul li i { margin-right: 10px; } 
.insight-meta ul li i img { height: 20px; } 
.insight-info h4, .insight-info h5 {font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.insight-info h4 a, .insight-info h5 a { color: var(--color-text); }
.insight-box .imgbox + p + p {display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.insight-info .read-more-link { border-bottom: 1px solid var(--color-acent);}

/* Insight */



.contact_form_box {background: #F9F9F9; border-radius: 15px; padding: 40px 40px; margin-top: 20px; }

.contact_form_box span.wpcf7-form-control-wrap .wpcf7-not-valid-tip { text-align: left;}

.form_button_check_cont{padding-top: 30px;}
.contact_form_box .form_button_check_cont label {margin-bottom: 20px; font-weight: 600; }
.form_button_check_cont span.wpcf7-form-control.wpcf7-radio {display: flex; flex-flow: row wrap; letter-spacing: normal; }
.form_button_check_cont span.wpcf7-list-item {display: flex; flex-flow: row wrap; width: 24%; align-items: center; text-align: left; margin: 0 10px 20px 0; }
.form_button_check_cont .wpcf7-list-item input[type="radio"] {width: 15px; height: 15px; }
.form_button_check_cont span.wpcf7-list-item-label {width: calc(100% - 15px); padding-left: 10px; }

.wpls-logo-showcase-slider-wrp .wpls-logo-showcase .wpls-fix-box {padding: 10px 20px; }



/* Main section */


/* Footer */
.footer-main {  background: var(--color-dark-blue); } 

.ftr-logo { width: 120px; }
.footer-btm { padding: 15px 0; text-align: center; }
.footer-btm p { margin: 0; color: #69678B; }
.footer-btm p a { color: var(--color-white); }

/* Footer */


.top-news-section {
    padding-top: 70px;
    text-align: center;
}
.top-news-section p {
    /*font-size: 20px;*/
    font-size: 22px;
}

.sib_signup_box_inside_1 {background: #F9F9F9; border-radius: 15px; padding: 40px 40px; }
.sib_signup_box_inside_1 p.sib-FIRSTNAME-area, .sib_signup_box_inside_1 p.sib-LASTNAME-area, .sib_signup_box_inside_1 p.sib-email-area, .sib_signup_box_inside_1 p.sib-ZIPCODE-area {width: 48%; display: inline-block; padding: 0 10px; }
/*.sib_signup_box_inside_1 p.sib-multi-lists-area {width: 96%; }*/
.sib_signup_box_inside_1 .sib-multi-lists {display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; gap: 15px; /*justify-content: center; */}
.sib_signup_box_inside_1 .sib-multi-lists div {display: flex; align-items: center; justify-content: flex-start; gap: 10px; padding: 20px; border: 1px dashed var(--color-acent); width: 24%; position: relative; font-weight: 600; }
.sib_signup_box_inside_1 .sib-multi-lists div input[type=checkbox] { padding:0; width: auto; }
.sib_signup_box_inside_1 input[type=submit] {line-height: 1; color: var(--color-white); background: #03066f; display: inline-flex; align-items: center; border-radius: 5px; border: 0; padding: 14px 40px; }
 .sib_signup_box_inside_1 .sib-multi-lists div input[type=checkbox] {opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; cursor: pointer; }
.sib_signup_box_inside_1 .sib-multi-lists div input[type=checkbox] ~ span.toggle-wrap {position: relative; cursor: pointer; width: 40px; height: 24px; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.sib_signup_box_inside_1 .sib-multi-lists div input[type=checkbox] ~ span.toggle-wrap:before {position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
.sib_signup_box_inside_1 .sib-multi-lists div input[type=checkbox]:checked + span.toggle-wrap {background-color: #2196F3; }
.sib_signup_box_inside_1 .sib-multi-lists div input[type=checkbox]:focus + span.toggle-wrap {box-shadow: 0 0 1px #2196F3; }
.sib_signup_box_inside_1 .sib-multi-lists div input[type=checkbox]:checked + span.toggle-wrap:before {-webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px); }

.sib_msg_disp, form#sib_signup_form_1 p.sib-alert-message-success { margin-top: 30px !important;}

body.page-template-tpl-contact .contact_form_box .form_button_check_cont .wpcf7-list-item{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /*gap: 10px;*/
    padding: 20px;
    border: 1px dashed var(--color-acent);
    width: 24%;
    position: relative;
    font-weight: 600;
}
body.page-template-tpl-contact .contact_form_box .form_submit_btn .btn{
    line-height: 1;
    color: var(--color-white);
    background: #03066f;
    display: inline-flex;
    align-items: center;
    border-radius: 5px;
    border: 0;
    padding: 14px 40px;
    width: auto;
}
body.page-template-tpl-contact .contact_form_box .form_submit_btn .wpcf7-spinner{position: absolute;}
body.page-template-tpl-contact .contact_form_box p label{}
body.page-template-tpl-contact .contact_form_box .form_button_check_cont label { font-weight: 500;}

.g-recaptcha { margin-top: 20px;}
.text-center .g-recaptcha>div { margin: 20px auto;}
.g-recaptcha { overflow-x: auto; width: 100%;}



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

    
}



@media only screen and (max-width:1599px){
    
    h1, h2 { font-size: 50px; }

    .sib_signup_box_inside_1 .sib-multi-lists { gap: 12px; }
    .sib_signup_box_inside_1 .sib-multi-lists div { padding: 16px; font-size: 17px;}
    body.page-template-tpl-contact .contact_form_box .form_button_check_cont .wpcf7-list-item{font-size: 17px; padding: 16px;}
    


}

@media only screen and (max-width:1399px){
  h3 { font-size: 34px; }
  h4 { font-size: 26px; }
  h5 {font-size: 20px;}

  .main-menu ul li:not(:last-child) {margin-right: 15px; }
  .main-menu ul li a { font-size: 13px; }

}

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

    body { font-size: 16px; }
   
}

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

    body{ padding: 70px 0 0; }

    h1, h2 { font-size: 42px; }

    .main-header { padding: 15px 0; }
    .hdr-lt .logo { max-width: 150px; }
    .hdr-lt .logo a { font-size: 18px; }

    .hdr-rt { display: flex; align-items: center; justify-content: end; gap: 14px; }
    .header-social { padding: 0; }

    .mobile-menu { position: fixed; right: -100%; list-style: none; background: var(--color-dark-blue); padding: 25px 45px; transition: right 1s ease-in; top: 80px; bottom: 0; margin: 0; z-index: 5; min-height: calc(100vh - 106px); overflow-y: auto; } 
    .mobile-menu.visible { right: 0; transition: right 0.75s ease;  width: 100%; }

    .main-menu ul { flex-direction: column; }
    .main-menu ul li:not(:last-child) { margin-right: 0; }
    .main-menu ul li.menu-item-has-children { padding-right: 40px; }
    .main-menu ul li a { padding: 12px 0; text-transform: uppercase; }
    .main-menu ul li.current-menu-item a, .main-menu ul li:hover a { background: none; }
    .main-menu ul li ul.sub-menu { position: static; background: none; width: 100%; padding: 0; border-radius: 0; box-shadow: none; display: none; padding-bottom: 5px;}
    .main-menu ul li:hover ul.sub-menu li { border: 0;}
    .main-menu ul li ul.sub-menu li a { font-size: 14px; padding: 6px 8px 6px 0 !important; text-transform: capitalize; color: var(--color-white) !important; }
    .main-menu ul li:hover ul.sub-menu { display: none;}
    .main-menu ul li.open-sub ul.sub-menu { display: block;}

    .main-menu ul li.menu-item-has-children:after { display: none;}


    .mobile-menu-btn { position: relative; width: 40px; height: 40px; background: var(--color-white); border-radius: 50%; cursor: pointer; z-index: 999; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0px 5px 10px 0px #00081C1A; margin-top: 0;}
    .mobile-menu-btn svg { width: 20px; }
    .mobile-menu-btn span { display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); width: 18px; height: 2px; background-color: var(--white); opacity: 1; transition: opacity 0.5s ease; } 
    .mobile-menu-btn:before, .mobile-menu-btn:after { content: ""; display: inline-block; width: 22px; height: 2px; background-color: var(--color-dark-blue); position: absolute; opacity: 1; } 
    .mobile-menu-btn:before { top: 15px; transform: rotate(0deg); transition: transform 0.25s ease, top 0.25s ease 0.25s; } 
    .mobile-menu-btn:after { bottom: 15px; transform: rotate(0deg); transition: transform 0.25s ease, bottom 0.25s ease 0.25s; } 
    .mobile-menu-btn.open span { opacity: 0; transition: opacity 0.5s ease; } 
    .mobile-menu-btn.open:before { top: 19px; transform: rotate(45deg); transition: transform 0.25s ease 0.25s, top 0.25s ease; opacity: 1;} 
    .mobile-menu-btn.open:after { bottom: 19px; transform: rotate(-45deg); transition: transform 0.25s ease 0.25s, bottom 0.25s ease; opacity: 1; }

    .plus, .minus { display: block;}
    .minus {
        display: none;
      }
      
      .open-sub .plus {
        display: none;
      }
      
      .open-sub .minus {
        display: block;
      }


    .sib_signup_box_inside_1 .sib-multi-lists div, body.page-template-tpl-contact .contact_form_box .form_button_check_cont .wpcf7-list-item{ width: 30%; }

   
    

      
    
}

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

     
  h1, h2 { font-size: 36px; }

  .hdr-lt .logo-text { font-size: 14px; }

  .footer-top { text-align: center; }
  .ftr-logo { width: 120px; margin: 0 auto 15px; }

  .sib_signup_box_inside_1 .sib-multi-lists div, body.page-template-tpl-contact .contact_form_box .form_button_check_cont .wpcf7-list-item { width: 48%; }
     

}

@media only screen and (max-width:767px){
    
    body { font-size: 14px; }
    textarea, select, .form-control, input { font-size: 15px; }
    .btn, a.btn { font-size: 14px;}

    h1, h2 { font-size: 32px; }
    h3 { font-size: 28px; }
    h4 { font-size: 22px; }
    h5 { font-size: 18px; }
    h6 { font-size: 14px; }

    .common-padding { padding-top: 60px; padding-bottom: 60px; }


    .container { max-width: 95%;}

    .hdr-lt {display: none; }
    .hdr-rt {width: auto; }

    .logo-mid-for-home { width: 120px; }
    .header-social ul { gap: 8px; }
    .hdr-rt { gap: 8px; }

    .hdr-lt .logo-text { display: none; }
    .hdr-lt .logo {max-width: 120px; }

    .header-social ul li a { width: 30px; height: 30px; }

    .mobile-menu { padding: 25px 25px; top: 70px; }

    .main-banner { min-height: 250px; } 
    .banner-container { bottom: 38%; }
    .main-banner h1 strong { padding-left: 0; }
    .main-banner h1 img { margin: 0 10px; height: 30px; }

    .insight-info { padding: 20px; }
    
    .ftr-logo { text-align: left; }

    .contact_form_box { padding: 20px; }

    .form_button_check_cont span.wpcf7-list-item { width: 45%; }

    .sib_signup_box_inside_1 { padding: 20px; }
    .sib_signup_box_inside_1 p.sib-FIRSTNAME-area, .sib_signup_box_inside_1 p.sib-LASTNAME-area, .sib_signup_box_inside_1 p.sib-email-area, .sib_signup_box_inside_1 p.sib-ZIPCODE-area { width: 96%; }

    .sib_signup_box_inside_1 .sib-multi-lists div, body.page-template-tpl-contact .contact_form_box .form_button_check_cont .wpcf7-list-item{ width: 100%; }
    .sib_signup_box_inside_1 p.sib-FIRSTNAME-area, .sib_signup_box_inside_1 p.sib-LASTNAME-area, .sib_signup_box_inside_1 p.sib-email-area, .sib_signup_box_inside_1 p.sib-ZIPCODE-area { width: 100%; padding: 0;}

    .top-news-section p {font-size: 16px; }


}

@media only screen and (max-width:495px){
.footer-btm a{ margin: 0 auto;}
}