html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline: none !important;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1.15;
    font-family: 'SF-Pro-Display';
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, 
blockquote:after,
q:before, 
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a{
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-decoration:none;
    outline:none;
}
a:hover,
a:focus{
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-decoration:none;
    outline:none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px white inset !important;
}
section{
    float: left;
    width: 100%;
    position: relative;
    padding: 60px 0 0 0;overflow: hidden;
}
@font-face {
    font-family: 'SF-Pro-Display';
    src: url('../fonts/SF-Pro-Display-Bold.eot');
    src: url('../fonts/SF-Pro-Display-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SF-Pro-Display-Bold.woff2') format('woff2'),
        url('../fonts/SF-Pro-Display-Bold.woff') format('woff'),
        url('../fonts/SF-Pro-Display-Bold.ttf') format('truetype'),
        url('../fonts/SF-Pro-Display-Bold.svg#SF-Pro-Display-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'SF-Pro-Display';
    src: url('../fonts/SF-Pro-Display-Light.eot');
    src: url('../fonts/SF-Pro-Display-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SF-Pro-Display-Light.woff2') format('woff2'),
        url('../fonts/SF-Pro-Display-Light.woff') format('woff'),
        url('../fonts/SF-Pro-Display-Light.ttf') format('truetype'),
        url('../fonts/SF-Pro-Display-Light.svg#SF-Pro-Display-Light') format('svg');
    font-weight: light;
    font-style: light;
    font-display: swap;
}

@font-face {
    font-family: 'SF-Pro-Display';
    src: url('../fonts/SF-Pro-Display-Medium.eot');
    src: url('../fonts/SF-Pro-Display-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SF-Pro-Display-Medium.woff2') format('woff2'),
        url('../fonts/SF-Pro-Display-Medium.woff') format('woff'),
        url('../fonts/SF-Pro-Display-Medium.ttf') format('truetype'),
        url('../fonts/SF-Pro-Display-Medium.svg#SF-Pro-Display-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
.container{width: 100%;margin: 0 auto;}
/*----------------END-----------------*/

/*--Section--*/
.section-header {text-align: center;padding-bottom: 40px;}
.section-header h2 {font-size: 13px;letter-spacing: 1px;font-weight: 700;margin: 0;color: #4154f1;text-transform: uppercase;}
.section-header p {margin: 10px 0 0 0;padding: 0;font-size: 38px;line-height: 42px;font-weight: 700;color: #012970;}
@media (max-width: 768px) {.section-header p {font-size: 28px;line-height: 32px;}}
@media screen and (max-width: 768px) {[data-aos-delay] {transition-delay: 0 !important;}}

/*--Header--*/
.header {z-index: 997;background-color: #ffffff; position: fixed; width: 100%; border-bottom: solid 1px #d7d7d7;}
.header .logo {line-height: 0;}
.header .logo img {max-width: 300px;margin-right: 6px;}
.header .logo span {font-size: 30px;font-weight: 700;letter-spacing: 1px;color: #012970;font-family: "Nunito", sans-serif;margin-top: 3px;}

/*--Desktop Navigation--*/
.navbar {padding: 0;}
.navbar ul {margin: 0;padding: 0;display: flex;list-style: none;align-items: center;margin-right: 12px;}
.navbar li {position: relative;}
.navbar a, .navbar a:focus {display: flex;align-items: center;justify-content: space-between;padding: 10px 0 10px 50px;font-size: 14px;font-weight: 600;color: #3e3e3e;white-space: nowrap;transition: 0.3s;}
.navbar a i, .navbar a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {color: #315da1;}
.navbar .getstarteda, .navbar .getstarteda:focus {background: #315da1;padding: 8px 20px;margin-left: 30px;color: #fff;font-weight: 400;}
.navbar .getstarted, .navbar .getstarted:focus {padding: 8px 20px;margin-left: 30px;border-radius: 4px;color: #fff;font-weight: 400;border: solid 1px #fff;}
.navbar .getstarted:hover, .navbar .getstarted:focus:hover {color: #fff;background: #0c2b4a;}
.navbar .dropdown ul {display: block;position: absolute;left: 14px;top: calc(100% + 30px);margin: 0;padding: 10px 0;z-index: 99;opacity: 0;visibility: hidden;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: 0.3s;border-radius: 4px;}
.navbar .dropdown ul li {min-width: 200px;}
.navbar .dropdown ul a {padding: 10px 20px;font-size: 15px;text-transform: none;font-weight: 600;}
.navbar .dropdown ul a i {font-size: 12px;}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {color: #4154f1;}
.navbar .dropdown:hover > ul {opacity: 1;top: 100%;visibility: visible;}
.navbar .dropdown .dropdown ul {top: 0;left: calc(100% - 30px);visibility: hidden;}
.navbar .dropdown .dropdown:hover > ul {opacity: 1;top: 0;left: 100%;visibility: visible;}
.phone-number{background-color: #315da1; padding: 30px 10px;}
.phone-number p{font-size: 14px; font-weight: 500; color: #fff; text-align: right;}
.phone-number p span{font-size: 12px; font-weight: 500; color: #fff; text-align: right;}
@media (max-width: 1366px){.navbar .dropdown .dropdown ul {left: -90%;}.navbar .dropdown .dropdown:hover > ul {left: -100%;}}

/*--Mobile Navigation--*/
.mobile-nav-toggle {color: #fff;font-size: 28px;cursor: pointer;display: none;line-height: 0;transition: 0.5s;}
.mobile-nav-toggle.bi-x {color: #fff;}
@media (max-width: 991px) {.mobile-nav-toggle {display: block;}.navbar ul {display: none;}}
.navbar-mobile {position: fixed;overflow: hidden;top: 0;right: 0;left: 0;bottom: 0;background: rgba(1, 22, 61, 0.9);transition: 0.3s;}
.navbar-mobile .mobile-nav-toggle {position: absolute;top: 15px;right: 15px;}
.navbar-mobile ul {display: block;position: absolute;top: 55px;right: 15px;bottom: 15px;left: 15px;padding: 10px 0;border-radius: 10px;background-color: #fff;overflow-y: auto;transition: 0.3s;}
.navbar-mobile a, .navbar-mobile a:focus {padding: 10px 20px;font-size: 15px;color: #012970;}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {color: #4154f1;}
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {margin: 15px;}
.navbar-mobile .dropdown ul {position: static;display: none;margin: 10px 20px;padding: 10px 0;z-index: 99;opacity: 1;visibility: visible;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);}
.navbar-mobile .dropdown ul li {min-width: 200px;}
.navbar-mobile .dropdown ul a {padding: 10px 20px;}
.navbar-mobile .dropdown ul a i {font-size: 12px;}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {color: #4154f1;}
.navbar-mobile .dropdown > .dropdown-active {display: block;}

/*--Hero Section--*/
.hero {width: 100%;height: 780px;background: url(../img/home-bg.jpg) top center no-repeat;background-size: cover;}
.herotext{transform: translateY(-50%);}
.hero-img img {height: 450px;}
.hero p {margin: 0;font-size: 16px;font-weight: 200;color: #fff; background-color: #dc292e; text-transform:uppercase; max-width:290px; padding:12px 16px; }
.hero h1 {font-size: 44px; font-weight: 600; color: #292929; line-height: 60px; padding: 40px 0px 20px 0px;}
.hero h4 {font-size: 20px; font-weight: 500; color: #292929; line-height: 30px;}
.hero .btn-get-started {margin-top: 30px;line-height: 0;padding: 15px 40px;border-radius: 4px;transition: 0.5s;color: #fff;background: #4154f1;box-shadow: 0px 5px 30px rgba(65, 84, 241, 0.4);}
.hero .btn-get-started span {font-weight: 600;font-size: 16px;letter-spacing: 1px;}
.hero .btn-get-started i {margin-left: 5px;font-size: 18px;transition: 0.3s;}
.hero .btn-get-started:hover i {transform: translateX(5px);}
.hero .hero-img {text-align: right;line-height: 0px;}
.contact-button{padding-top: 30px;}
@media (min-width: 1024px) {.hero {background-attachment: fixed;}}
@media (max-width: 991px) {.hero {height: auto;} .hero .hero-img {text-align: center;margin-top: 80px;}}
@media (max-width: 768px) {.hero {text-align: center;} .hero h1 {font-size: 32px;} .hero h2 {font-size: 24px;}}

/*--Service Top--*/
.service-top-bg{background-color: #ffffff; box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.1);padding: 30px 0px;}
.service-top h3{font-size: 24px; font-weight: 600;}
.service-top p{font-size: 16px; font-weight: 500; color: #292929; margin-top: 20px; line-height: 26px; text-align: justify; padding-right: 30px;}
.service-top {z-index: 99; margin-top: -8%; padding: 24px 0px;}
.service-inner img{display: inline-block; vertical-align: middle;padding-right: 16px;}
.service-inner-a, .service-inner-c {padding: 10px 0px;}
.service-inner-a {padding-left: 30px;}
.service-inner-a {border-right: 1px solid #dedede;}
.service-inner-c {border-left: 1px solid #dedede;}
.service-top .service-inner-c { padding-left:30px; }
.service-inner-b {padding: 10px 30px;}
.service-inner-c{padding-right: 30px;}

/*--About--*/
.about{background: url(../img/aboutbg.png) top center no-repeat;background-size: cover; padding-top: 217px; height: 798px;margin-top: -140px;}
.aboutimg img {width: 100%; max-width: 620px;}
.abouttext h3, .service h3, .solutions h3,.about-inner-text h3, .service-inner-page h3, .postcv-inner-text h3, .cvtips-inner-page h3, .interview-inner-page h3
{font-size: 18px; font-weight: 500; color: #dc292e;}
.abouttext{margin-top: 10px;}
.abouttext h2, .service h2, .solutions h2, .about-inner-text h2, .service-inner-page h2, .postcv-inner-text h2, .cvtips-inner-page h2, .interview-inner-page h2
{ font-size: 30px; font-weight: 600; color: #292929; line-height: 46px; margin-top: 12px;}
.abouttext p{font-size: 20px; font-weight: 400; color: #484747; line-height: 36px;margin: 20px 0px; text-align: justify;}
.aboutbutton{font-size: 16px;font-weight: 500;color: #fff;background: #0c2b4a;padding: 26px 80px;border: none;margin-top: 50px;}
.blue{ text-decoration: underline; text-decoration-color:  #315da1; height:4px; }
.red{ text-decoration: underline; text-decoration-color: #dc292e; }

/*--Service--*/
.service{margin: 40px 0px 100px 0px;}
.aboutimg img {width: 100%;}
.servicetext h2{padding-bottom: 20px;}
.servicetext img{ width:100%; padding-top:40px; max-width:466px;}
.service-inner span{width: 1px; height: 170px; }
.solutions{background: url(../img/aboutbg.png) top center no-repeat;background-size: cover; height: 624px;}
.solutions-nav,.service-tab {margin-top: 20px;}
.service-tab .nav-link.active, .nav-pills .show>.nav-link{color: #dc292e; font-size: 30px; font-weight:600; background:none; }
.service-tab .nav-link.active, .nav-pills .show>.nav-link span{border-bottom: solid 4px #dc292e;}
.service-tab .nav-link:focus, .nav-link:hover{color: #dc292e;}
.service-tab .nav-link{color: #292929; font-size: 30px; font-weight:600; margin-right: 100px;}
.inner-service-text{display: flex;}
.service-tab .pills-tabContent{padding: 0px;}
.inner-service-text li{font-size: 20px; font-weight: 500; color: #464646;background-color: #fff; border-radius: 40px; padding: 16px 50px;box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1); margin: 20px 30px 20px 0px;}

/*--Footer--*/
.footer{margin: 20px 0px; z-index: 99; height: 300px;}
.footer-bg{background-color: #ffffff; box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.1);padding: 30px 0px 10px 0px;}
.footer h3{font-size: 22px; font-weight: 500; color:#232323; padding-bottom: 20px;}
.footer p{font-size: 16px; font-weight: 500; color:#484747; line-height: 26px; padding-bottom: 10px;}
.footer button{border: none; background-color: #fff; font-size: 16px; font-weight: 600; color:#dc292e; border-bottom: solid 1px #dc292e ;}
.interview-tips{padding: 0px 30px;}
.contact-information ul li{padding-bottom: 16px; font-size: 16px; font-weight: 500; color:#484747;}
.contact-information img{padding-right: 10px;}
.interview-tips, .contact-information {border-right: 1px solid #dedede;}
.contact-information{padding: 0px 40px;}
.follow-us{padding-left: 30px;}
.follow-us ul{display: flex;}
.follow-us ul li a img {padding-right: 16px;}

/*--Copyrights--*/
.copyrights{background-color: #315da1; margin-top: -7%; height: 190px;}
.copyrights-left{text-align: left; font-size: 18px; font-weight: 400; color: #fff; padding-top: 82px;}
.copyrights-right{text-align: right; font-size: 18px; font-weight: 400; color: #fff; padding-top: 82px;}

/*--Inner Page--*/
.about-inner,.service-inner-page,.postcv-inner-page,.cvtips-inner-page, .interview-inner-page {margin-top: 120px;}
.about-inner-text p, .service-inner-text p, .postcv-inner-text p, .cvtips-inner-text p, .interview-inner-text p{font-size: 18px; font-weight: 400; color: #484747; line-height: 36px;margin: 20px 0px; text-align: justify;margin: 10px 0px;}
.about-inner-text h4,.service-inner-text h4, .postcv-inner-text h4, .cvtips-inner-text h4, .interview-inner-text h4{font-size: 22px; font-weight: 600; color:#dc292e; margin-top: 30px;}
.about-inner-text ul li,.service-inner-text ul li,.postcv-inner-text ul li,.cvtips-inner-text ul li, .interview-inner-text  ul li{font-size: 18px; font-weight: 400; color: #484747; line-height: 36px;margin: 20px 0px;}
.about-inner-text ul li:before,.service-inner-text ul li:before,.postcv-inner-text ul li:before,.cvtips-inner-text ul li:before,.interview-inner-text ul li:before {background-color: #dc292e;border-radius: 50%;content: "";display: inline-block;height: 8px;width: 8px;margin-right: 10px;margin-bottom: 1px;}
.postcv-inner-text .formrowa,.postcv-inner-text .formrowb{margin-top: 20px !important;}
.postcv-inner-text button{margin-top: 20px;}