/* 01 : Website Global CSS BOF
========================================================== */
body,html {height: 100%; }
body { background:#ffffff;font-family: 'Nunito', sans-serif; font-weight:400; font-size:16px; line-height:normal; color:#162941;  text-transform: none;} 
*, html { margin:0; padding:0;  }
a { color:#162941; display: inline-block;} /* Common color hyperlink */
a:hover, a:focus, a:active { color:#1F4B82; text-decoration:none; } /* Common hover color hyperlink */
a, *:hover, *:focus, *:active :focus { text-decoration:none; outline:none !important; outline-offset:0 !important; }
a img, img { border:none; outline:none !important; outline-offset:0 !important; }
ul { list-style:none; margin:0; padding:0; } 
i { font-family:'FontAwesome'; } 
img { height:auto; max-width:100%; vertical-align: middle; line-height:normal; }

    /* Transition Effect CSS BOF */
    a, i, input { transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; 
        -o-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; }
    
    /* Browser Selection CSS BOF */
    ::selection { background:#162941; color:#fff; } ::-moz-selection { background:#162941; color:#fff; } 
    ::-webkit-selection { background:#162941; color:#fff; } ::-o-selection { background:#162941; color:#fff; } 
    ::-ms-selection { background:#162941; color:#fff;  }

/* 02 : Global Classes CSS BOF
==================================================== */ 

/* Background & Color Style CSS BOF
=================================================== */

.none{display: none !important;}

/* Font Color Style CSS BOF */
.white-color-text { color:#fff; }
.blue-color-text { color: #162941; }
.green-color-text{color: #1F4B82;}


/* Background Color Style CSS BOF */
.blue-bg{background: #162941;}
.green-bg{background:#1F4B82;}

/* 03 : Heading Style CSS BOF
=================================================== */
h1, h2, h3, h4, h5, h6 {font-family: 'Nunito', sans-serif; line-height:normal; font-weight:900; color: #162941;}

h1 { font-size:50px; }
h2 { font-size:48px; }
h3 { font-size:28px; }
h4 { font-size:24px; }
h5 { font-size:18px; }  
h6 { font-size:20px; }


/* Font Weight Variation CSS BOF */
.font-we-rg { font-weight:normal;}
.font-we-bl { font-weight:bold;}
.font-we-blk {font-weight:900;}
.font-we-sb {font-weight:600;}



/* 04 : Paragraph Style CSS BOF
=================================================== */
p { line-height:26px;font-family: 'Nunito', sans-serif; font-size: 20px; font-weight: normal; color: #162941; margin-bottom: 16px; font-weight: normal;}

/* 05 : Image Style CSS BOF
=================================================== */
img { margin-bottom:0; } /*margin-bottom:5px*/






.btn { background-color: #ffffff; padding:15px 25px; color: #162941; font-size: 20px; font-weight: 600;
    font-family: 'Nunito', sans-serif; transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; 
    border-radius: 10px; border:1px solid #707070; text-transform: capitalize;  box-shadow: none;  }
/*** Buttton Varilation CSS BOF ***/

/* Hover State CSS BOF */
.btn:hover, .btn:focus, .btn:active{ background-color: #1F4B82; border:1px solid #1F4B82; color:#fff;  box-shadow: none; outline: none;}



/* 11 : Form & Input Style BOF
==================================================== */ 

.form-control {background: #ffffff; border:none; border-bottom:  1px solid #CCCCCC; border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; 
    font-size: 20px; color: #162941; -webkit-appearance: none;font-family: 'Nunito', sans-serif; font-weight: normal; padding: 11px 11px 11px 0px; }

textarea.form-control  { padding:30px 38px; resize:none; overflow:auto; height:60px; }
    
    /*** Placeholder CSS BOF ***/
    .form-control::placeholder { color:#162941; font-weight: 600; }
    .form-control::-moz-placeholder { color:#162941; font-weight: 600; }
    .form-control:-ms-input-placeholder { color:#162941; font-weight: 600; }
    .form-control::-webkit-input-placeholder { color:#162941; font-weight: 600; }
    .form-control::-o-input-placeholder { color: #162941; font-weight: 600; }

   
/* Focus State CSS BOF */
.form-control:focus { border-color:#1F4B82;  box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; } 


.page-wrapper { margin:0px auto; }

.text-underline{ text-decoration: underline; }
.text-capitalize{ text-transform: capitalize !important; }
.text-uppercase{ text-transform: uppercase !important; }

.display-none{ display: none !important; }

.no-scroll{overflow: hidden;}


.no-padding{ padding: 0; }


/*.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; z-index: 9999;
}*/
.header-main {padding: 0px;-webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;  width: 100%; position: fixed; top: 0; left: 0; right: 0;  z-index: 9999; }
 .header-main.animate{ top:-95px; }
.header-main.sticky{ top:0 !important; z-index:9999;}

/*.header-main.fixedPosition{position: fixed; top: 0 !important; }
.header-main.fixedPosition.animate{position: fixed; top: 0 !important; background: #fff; z-index: 999; left: 0; right: 0; }
*/



.header-main .header-inner-main {position: relative; background-color: #ffffff; box-shadow: 0px 0px 20px rgba(0,0,0,0.05); }
.header-main .header-inner-main .header-inner {width: 100%; align-items: center; }
.header-main .header-inner-main  nav.navbar {padding: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; flex-wrap: nowrap; align-items: center;}
.header-main .header-inner-main .header-inner .header-menu ul li a {position: relative; font-size: 20px; color: #829AB7; margin: 0px 39px; font-weight: normal; padding: 34px 0;}
.header-main .header-inner-main .header-inner .header-menu ul li a:hover { color:#162941; text-shadow:1px 0px 0px #162941;}
.header-main .header-inner-main .header-inner .header-menu ul li.active a {  color:#162941; text-shadow:1px 0px 0px #162941;}

.header-main button.navbar-toggler { padding:0;border: none; margin: 10px 0; top: 30px;}
.header-main button.navbar-toggler span.icon-bar {margin: auto; background-color: #162941; border-radius: 2px; display: block; height: 3px; position: relative; width: 28px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; -ms-transition: all 200ms ease; transition: all 200ms ease; }
.header-main button.navbar-toggler .icon-bar+.icon-bar {margin-top: 6px; }
.header-main button.navbar-toggler.collapsed span.icon-bar:nth-child(1), 
.header-main .header-inner .header-right button.navbar-toggler.collapsed span.icon-bar:nth-child(3) {top: 0; transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0);background:#162941;width: 18px; margin-right: 0; }
.header-main button.navbar-toggler span.icon-bar:nth-child(3) {margin-right: auto; margin-left: 0; }
.header-main button.navbar-toggler span.icon-bar:nth-child(1) {top: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);}
.header-main button.navbar-toggler span.icon-bar:nth-child(3) {top: -8px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.header-main button.navbar-toggler span.icon-bar:nth-child(2) {visibility: hidden;opacity: 0;}
.header-main button.navbar-toggler.collapsed span.icon-bar:nth-child(2) { visibility: visible; opacity: 1;}

.header-main .header-right {margin-left: auto; margin-right: auto; }

.header-main .header-logo a {width: 128px; max-height: 54px; }
.header-main .header-logo img {width: 100%; height: 100%; }
.header-main .navbar-container{max-width:1600px; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}

.btn-fill {background-color: #162941; color: #fff; border-color: #162941; padding: 15px 35px; }
.btn-fill:hover, .btn-fill:focus, .btn-fill:active{ background-color: #1F4B82; border:1px solid #1F4B82;}

.btn-margin{margin-right: 16px;}

.header-main .header-inner-main .header-inner .header-menu ul li a:after{display:block; content: ''; position: absolute; bottom: 0; width: 100%; border-bottom: 3px solid #162438; transform: scaleX(0); transition: transform 250ms ease-in-out;}
.header-main .header-inner-main .header-inner .header-menu ul li a:hover:after , .header-main .header-inner-main .header-inner .header-menu ul li.active a:after{ transform: scaleX(1); transform-origin:  50% 50%; }



.cm-main-wrapper{width: 100%; height: 100%; overflow: hidden;}

.coming-soon-main{min-height: 930px; -webkit-transition: all 800ms 1s ease;
   -moz-transition: all  800ms 1s ease;
    -ms-transition: all  800ms 1s ease;
     -o-transition: all  800ms 1s ease;
        transition: all  800ms 1s ease; }

.coming-soon-main.adjust-height {
    min-height: 780px;  -webkit-transition: all 800ms 1s ease;
   -moz-transition: all  800ms 1s ease;
    -ms-transition: all  800ms 1s ease;
     -o-transition: all  800ms 1s ease;
        transition: all  800ms 1s ease; }

.coming-soon-main .app-img-sec .app-img {text-align: center; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 1500ms ease; -moz-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; transition: all 1500ms ease; overflow: hidden !important; }
.coming-soon-main .app-img-sec .app-img.rotate-img{ -webkit-transform: translateX(-50%) rotate(-90deg); -moz-transform: translateX(-50%) rotate(-90deg); -ms-transform: translateX(-50%) rotate(-90deg); -o-transform: translateX(-50%) rotate(-90deg); transform: translateX(-50%) rotate(-90deg); margin-top: 130px;}
.coming-soon-main .app-img-sec {position: relative; }

.coming-soon-text {padding: 70px 0 100px; visibility: hidden; opacity: 0; --webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 1500ms ease; -moz-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; transition: all 1500ms ease; }
.coming-soon-text.show-text{visibility: visible;opacity: 1; --webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);}
.coming-soon-text .text-main {padding: 22px 0 31px; max-width: 650px; margin: 0 auto; }
.coming-soon-text .text-main p {margin: 0; font-size: 28px; line-height: 38px; }
.coming-soon-text .tagline p{font-size: 28px; line-height: 38px; }
.coming-soon-text .btn-sec {padding: 39px 0 70px; }
.coming-soon-text .btn-sec .btn-links {margin: 0 8px; }
.coming-soon-text .btn-sec .btn-links img {max-width: 190px; }
.coming-soon-inner {background-color: #FDF9F8; padding: 0 15px;}






.services-sec-main {padding-top: 70px; }
.services-sec-main .service-content .title {display: flex; align-items: center; margin-bottom: 65px; }
.services-sec-main .service-content .title h2 {margin-bottom: 0; padding-left: 20px; }
.services-sec-main .service-content .inner-text p { margin-bottom: 36px; }

.services-sec-main .sevice-col {padding: 0 40px; }

.border-right{border-right: 1px solid #C9C9C9 !important;}

.back-to-top {position: fixed; bottom: 10px; right: 24px; z-index: 99;}
.back-to-top a {background-color: #1F4B82; width: 66px; height: 66px; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.back-to-top a i {color: #fff; font-size: 20px; margin-top: -3px; }





.app-dwn-btn {padding: 75px 0; }
.app-dwn-btn .btn-links {margin: 0 10px; }



.rotate.shake.go {animation-iteration-count: infinite; animation-duration: 12s; }
.rotate.shakeUp.go {animation-iteration-count: infinite; animation-duration: 12s; }




.about-sec-main .about-inner {display: flex; }
.about-sec-main .about-inner .about-left , .about-sec-main .about-inner .about-right {width: 50%; }
.about-sec-main .about-right-inner {padding: 0 80px 0 40px; }
.about-sec-main .about-right-inner .title {display: flex; align-items: center; margin-bottom: 70px; }
.about-sec-main .about-right-inner .title img {padding-left: 20px; }
.about-sec-main .about-right-inner .title-topic {margin-bottom: 20px; }
.about-sec-main .about-right-inner .about-content p {font-size: 20px; line-height: 30px; margin-bottom: 38px; }
.about-sec-main {padding: 100px 0; }

@-webkit-keyframes aboutrollIn { 
    0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 
    50% { opacity: 1; -webkit-transform: translate(0px ,60px) rotate(360deg); } 
    100% { opacity: 1; -webkit-transform: translateX(0px) rotate(360deg); } 
} 
@keyframes aboutrollIn { 
    0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 
    50% { opacity: 1; -webkit-transform: translate(0px ,60px) rotate(360deg); } 
    100% { opacity: 1; -webkit-transform: translateX(0px) rotate(360deg); } 
} 


.about-sec-main .about-bg .aboutrollIn.go {
    -webkit-animation-name: aboutrollIn; 
    animation-name: aboutrollIn; animation-iteration-count: infinite; animation-duration:8s;
}

.about-sec-main .about-bg  {-webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); -ms-transform: translateX(-200px); -o-transform: translateX(-200px); transform: translateX(-200px); }

.about-sec-main .about-left{position: relative;}
.about-sec-main .about-phone-sec{position: absolute;top: 40px; left: 0px;}

.look-slider .img-wp {margin: 0 20px; max-width: 210px; max-height: 455px;}
.look-slider {max-width: 1920px; margin: 0 auto; }

.take-look-sec {margin: 100px 0; text-align: center; padding: 100px 0; }
.take-look-sec .tag-line p {margin-bottom: 0; padding: 17px 15px 70px; max-width: 678px; margin-left: auto; margin-right: auto; line-height: 32px; }


.join-team-sec .tag-line p {margin-bottom: 0; padding: 17px 15px 80px; text-align: center; line-height: 32px; }


.join-team-form select.join-team-select {  height: auto !important; background-image: url('../images/down-arrow.png'); background-repeat: no-repeat;
    background-position: right center;}

.join-team-form textarea.form-control {padding: 0px 38px 30px 0px; resize: none; overflow: auto; height: 200px; }
.join-team-form label{color:#162941; font-weight: 600; font-size: 20px; padding-top: 11px;}

.join-team-form textarea.form-control::placeholder { color:#ADADAD; font-size: 16px; font-style: italic; }
.join-team-form .form-group {margin-bottom: 46px; }

.apply-btn-sec { text-align: right;}

.ripple {margin: auto; background-color: #1F4B82; position: relative; -webkit-transition: all 400ms ease;
   -moz-transition: all 400ms ease; -ms-transition: all 400ms ease;  -o-transition: all 400ms ease;
        transition: all 400ms ease; width: 428px; height: 428px; border-radius: 50%; animation: ripple 2s linear infinite; }



.ripple:before{box-shadow: 0px 0px 0px 0px #1F4B82;left:0;opacity:0;padding:0;top:0;border-radius:50%;content:"";height:100%;pointer-events:none;position:absolute;width:100%;}
.ripple:before{-o-animation:infinite bigeffect 2.5s ease-out 0ms; -ms-animation:infinite bigeffect 2.5s ease-out 0ms; -webkit-animation:infinite bigeffect 2.5s ease-out 0ms;-moz-animation:infinite bigeffect 2.5s ease-out 0ms;animation:infinite bigeffect 2.5s ease-out 0ms;}

.ripple:after{box-shadow: 0 0 0 0 #B9F6D3;left:0;opacity:0;padding:0;top:0;border-radius:50%;content:"";height:100%;pointer-events:none;position:absolute;width:100%;}
.ripple:after{-o-animation:infinite smalleffect 2.5s ease-out 0ms; -ms-animation:infinite smalleffect 2.5s ease-out 0ms; -webkit-animation:infinite smalleffect 2.5s ease-out 0ms;-moz-animation:infinite smalleffect 2.5s ease-out 0ms;animation:infinite smalleffect 2.5s ease-out 0ms;}



@keyframes bigeffect{
0%{opacity: 1; box-shadow: 0px 0px 0px 0px #1F4B82;}
50%{opacity: 1; box-shadow: 0px 0px 0px 0px #1F4B82;}
100%{opacity: 0;box-shadow: 0px 0px 0px 60px #1F4B82;}
}

@-webkit-keyframes bigeffect{
0%{opacity: 1; box-shadow: 0px 0px 0px 0px #1F4B82;}
50%{opacity: 1; box-shadow: 0px 0px 0px 0px #1F4B82;}
100%{opacity: 0;box-shadow: 0px 0px 0px 60px #1F4B82;}
}

@keyframes smalleffect{
0%{opacity: 1; transition:all .6s ease; }
40%{opacity: 1; transition:all .6s ease;}
100%{opacity: 0;box-shadow: 0px 0px 0px 40px #B9F6D3;}
}

@-webkit-keyframes smalleffect{
0%{opacity: 1; transition:all .6s ease; }
40%{opacity: 1; transition:all .6s ease;}
100%{opacity: 0;box-shadow: 0px 0px 0px 40px #B9F6D3;}

}








.faq-main {padding: 100px 0; }
.faq-main .faq-inner {padding: 45px 0; }
.faq-main .faq-inner .card .card-header{border: 1px solid #ffffff; border-radius: 36px; background-color: #fff; position: relative; padding: 16px 40px; text-shadow: 1px 0px 0px #162941; padding-right: 45px;}
.faq-main .faq-inner .card{border-radius: 36px;border: 1px solid #ffffff; box-shadow: 0px 10px 40px rgba(0,0,0 ,0.05); margin-bottom: 30px;}
.faq-main .faq-inner .card.collapsed{box-shadow: 0px 0px 0px rgba(0,0,0 ,0.05);}
.faq-main .faq-inner .card.collapsed .card-header {border: 1px solid #E6E6E6; text-shadow: 1px 0px 0px #ffffff;}
.faq-main .faq-title {font-size: 20px; font-weight: 600; color: #162941;}
.faq-main .faq-inner .card.collapsed .card-header::after{content: '+'; }
.faq-main .faq-inner .card .card-header::after{content: '-' ; position: absolute; right: 26px; font-size: 30px; top: 50%; transform: translateY(-50%);}
.faq-main .faq-inner .card-body {padding: 0px 40px 16px;font-size: 16px;line-height: 30px;}



.border-line {border-top: 1px solid #E6E6E6; margin: 0 140px; }

.btn-sec.dwnload-btn-sec {padding-top: 40px; }
.app-dwn-btn.bottom-app-btn{padding-bottom: 0px;}

.footer-main .footer-bottom {width: 100%; text-align: center; border-top: 1px solid #D9D9D9; padding: 24px 15px; }
.footer-main .footer-bottom .footer-inner p {font-size: 20px; margin: 0; color: #909093; }
.footer-main {background-color: #FDF9F8; padding: 62px 140px 0px;}
.footer-main .footer-top {padding-bottom: 38px; }
.footer-main .footer-top .img-sec {max-width: 162px; margin-bottom: 32px; }
.footer-main .footer-top .img-sec img{width: 100%; height: 100%; object-fit: contain; }
.footer-main .footer-top .tc-main a {font-size: 20px; }
.footer-main .footer-top .tc-main .tc-text {padding-right: 30px; }
.footer-main .footer-top .footer-col-title p {font-size: 18px; margin-bottom: 18px; }
.footer-main .footer-top .footer-col-info .site-links {font-size: 20px; font-weight: 900; }
.footer-main .footer-top .tf-other-col{padding-top: 40px;}


.stick-footer-bottom {display: inline-block; width: 100%; min-height: 100%; padding-bottom: 75px; padding-top: 95px; }
#preloader {
    overflow: hidden;
    background-color: #fff;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}

.colorlib-load {
    -webkit-animation: 2000ms linear 0s normal none infinite running colorlib-load;
    animation: 2000ms linear 0s normal none infinite running colorlib-load;
    background: transparent none repeat scroll 0 0;
    border-color: #1F4B82 #1F4B82 #162438;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    height: 40px;
    left: calc(50% - 20px);
    position: relative;
    top: calc(50% - 20px);
    width: 40px;
    z-index: 9;
    
}

@-webkit-keyframes colorlib-load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes colorlib-load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
} 


.tc-text-main {padding: 60px 0; }  
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.msg-class {display: none; background: #1F4B82; padding: 5px 10px; font-size: 13px; color: #fff; margin-top: 8px; text-align: center; width: 100%; font-weight: bold; }




.border-line{display:none;}

.page-content {padding: 80px 0;}
.page-content .page-title {margin-bottom: 60px; color: #162941;}
.page-content ul {padding-left: 30px; }
.page-content ul li {list-style: disc; margin-bottom: 6px; }