@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');



@font-face {

    font-family: 'Tiempos Fine';

    src: url('../fonts/testtiemposfine-semibold-bf66457a50f016a-webfont.woff2') format('woff2'),

         url('../fonts/testtiemposfine-semibold-bf66457a50f016a-webfont.woff') format('woff');

    font-weight: 600;

    font-style: normal;

}



@font-face {

    font-family: 'Tiempos Fine';

    src: url('../fonts/testtiemposfine-regular-bf66457a50e8bc9-webfont.woff2') format('woff2'),

         url('../fonts/testtiemposfine-regular-bf66457a50e8bc9-webfont.woff') format('woff');

    font-weight: 400;

    font-style: normal;

}



*, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

::-moz-selection{background:#b3d4fc;text-shadow:none;}

::selection{background:#b3d4fc;text-shadow:none;}

body{font-family: 'Open Sans', sans-serif; font-size:16px;font-weight:400;line-height:1.5;color:#5e6884;}

h1, h2, h3, h4, h5, h6{font-family:"Tiempos Fine", sans-serif; font-weight:600;text-rendering:optimizeLegibility;margin-top:0px; color:#19284f;}

/*h1, h2, h3, h4, h5, h6{font-family:'fs_elliot', Arial, Helvetica, sans-serif;font-weight:bold;text-rendering:optimizeLegibility;margin-top:0px;}*/

p{font-weight:normal;margin-top:0px;}

b, strong{font-weight:600; }

a{color:#188753;text-decoration:none;line-height:inherit;outline: none;}

a:hover{color:#188753;text-decoration:none;}

a:focus{color:#188753;outline:none;}

p a, p a:visited{line-height:inherit;}

hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0px 0 10px;padding:0;}

img{vertical-align:middle;max-width:100%;height:auto;-ms-Matterpolation-mode:bicubic;}

fieldset{border:0;margin:0;padding:0;}

textarea{resize:vertical;}

.left{float:left;}

.right{float:right;}

.text-left{text-align:left;}

.text-right{text-align:right;}

.text-center{text-align:center;}

img.alignleft{float:left;margin:0 10px 10px 0;display:inline;}

img.alignright{float:right;margin:0 0px 10px 10px;display:inline;}

img.aligncenter{display:block;margin-left:auto;margin-right:auto;margin-bottom:10px;}

.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px;}

.ir:before{content:"";display:block;width:0;height:150%;}

.hidden{display:none !important;visibility:hidden;}

.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}

.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}

.invisible{visibility:hidden;}

.group:after{content:"";display:table;clear:both;}

.floatbox{overflow:hidden;}

.clear{clear:both;height:1px;line-height:1px;}

.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}



/*-- Parent Class --*/

#container{min-width:320px;overflow:hidden; position:relative;}

.container{max-width:1160px;width:100%;position:relative;z-index:9;margin: 0 auto;}



#header{position:relative;transition: all 0.5s ease; z-index:999; background:#fff; }



#main-navigation{position: relative; padding: 0px 0; z-index: 999; width: 70%; float: right;}

#top-bar{ position: relative; transition: top 0.5s ease-in-out; width: 100%; padding:16px 0; z-index:999; }

#content{padding:0px 0 0px;margin:0px 0 0;min-height:350px;position:relative;z-index:99;background:#fff;}

#footer{padding:50px 0 30px 0;background:#fff; position:relative; margin-top:0px; z-index: 99;  border-top:1px solid #e1e1e1;}



.post dl, .post dt, .post dd, .post ul, .post ol, .post li, .post h1, .post h2, .post h3, .post h4,

.post h5, .post h6, .post pre, .post p, .post blockquote, .post th, .post td{margin:0;padding:0;font-size:17px;direction:ltr;}

.post p{font-family:inherit;font-weight:400;font-size:16px;line-height:1.5;margin-bottom:20px;color:#131b32;text-align:left; word-wrap: break-word;}

.post p.lead{font-size:18px;line-height:30px;margin-bottom:25px;}

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6{font-weight:normal;font-style:normal; color:#001e43; text-rendering:optimizeLegibility;line-height:1.1;margin-bottom:14px;margin-top:0px;}

.post h1 small, .post h2 small, .post h3 small, .post h4 small, .post h5 small, .post h6 small{font-size:60%;color:#1c1e21;line-height:0;}

.post h1{font-size:48px;line-height:1.1;font-weight: 600;}

.post h2{font-size:32px;line-height:1.1; color:#19284f; font-weight: 600; word-wrap: break-word;}

.post h3{font-size:25px;line-height:1.1;font-weight: 600;}

.post h4{font-size:20px;line-height:1.1;font-weight: 600;}

.post h5{font-size:17px;line-height:1.1;font-weight: 600;}

.post h6{font-size:12px;line-height:18px;}

.post code{font-weight:bold;background:#111111;}

.post ul, .post ol, .post dl{font-size:16px;line-height:1.5;margin-bottom:20px;list-style-position:outside;}

.post ul li ul, .post ul li ol{margin-left:20px;margin-bottom:0;}

.post ul{list-style:none; padding-left: 15px;}



.post ul li{margin:0 0 15px; padding:0 0 0 25px; display:block; color:#131b32; background:url(../images/bullet-bule.png) no-repeat 0 5px;  line-height: 1.5; font-size: 16px; font-weight:400;}

.post ul li a{color:#023bde;}

.post ul li a:hover{color:#188753;}

.post ol{margin-left:15px;}

.post ol li ul, .post ol li ol{margin-left:20px;margin-bottom:0;}

.post ol{padding-left:20px;}

.post ul li ol li{ background:none !important;}

.post ol li {font-size: 16px;line-height: 1.5; margin-bottom: 20px; list-style-position: outside; color: #131b32;}

.logo{z-index:9999;padding:0px 0 0 0; margin-right: 25px; text-align:left; width:100%; max-width:220px; min-width: 100px;float: left; position:relative;}

  

/*#top-bar.white-bg .logo{ margin-top: 0px; padding-top: 0px; max-width: 200px;}

#top-bar.white-bg{position:fixed; top:0; left:0; width: 100%; min-height: 45px; display:block; z-index:9999; transition: all 0.5s ease; opacity: 1; background:#19284f; padding: 15px 0;}

*/



#top-bar.white-bg {background: #fff; position: fixed;  top: 0; left: 0; width: 100%; min-height: 40px; display: block; z-index: 9999; transition: all 0.9s ease; animation: smoothScroll 1s forwards; box-shadow: 0 1px 1px rgba(35,31,32,0.2); padding: 15px 0;}



#header .apply-btn,{font-size:18px;line-height:20px;margin:0px auto 0;padding:13px 25px;text-align:center;background:#3e7df1;}

#header .apply-btn:hover{color:#fff; background: #5c44ec; -webkit-box-shadow:5px 5px 5px 0px rgba(50, 50, 50, 0.50);-moz-box-shadow:5px 5px 5px 0px rgba(50, 50, 50, 0.50);box-shadow:5px 5px 5px 0px rgba(50, 50, 50, 0.50);}



.punchline { padding:70px 70px 0 30px; display:block; position:relative; width: 100%;text-align: left;}

.punchline h1{ font-weight:600; font-size: 42px; line-height: 1.3; color:#fff; margin-bottom: 10px; font-family:"Tiempos Fine", sans-serif; text-align: left;}

.punchline p{color:#fff; font-size: 21px; margin-bottom:10px; font-family: "Open Sans", sans-serif; font-weight:300; line-height: 1.6;}

/*.blue-header-wpr:after{ background:url(../images/wave-bottom.svg) no-repeat bottom center; background-size:cover; width:100%; position:absolute; left:0; bottom:-120px; content:"";height: 200px;}*/





#breadcrumb { position:relative; margin-bottom: 20px;}

#breadcrumb ul { list-style: none; margin: 0 0 5px; padding: 0;}

#breadcrumb ul li {  display: inline-block; line-height: 12px; padding: 0 5px 0 0;   padding-left: 0px; background: none;}

#breadcrumb ul li:first-child { padding-left: 0;}

/*#breadcrumb ul li.active a { color: #2976ff;}*/

#breadcrumb ul li a { color: #fff; font-size: 14px; font-weight: 400;}

#breadcrumb ul li .arow { color: #fff;}



.threebox{ position:relative;}

.threebox .icon{ text-align:center;}

.threebox .box{ text-align:center; border:2px solid #999; border-radius:10px; padding:30px; margin-bottom: 20px;}



@media (max-width:1300px){

	.punchline{width: 95%;padding: 40px 50px;}

}









.nav__container, header{  width:100%; }

.nav__container {-webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:stretch; -ms-flex-align:stretch;

 align-items:stretch;}

 #top-bar .fade {opacity: 1 !important;}

.nav__mobile .nav__btn { display:block;margin-top: -15px; }

.nav__mobile { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center;padding: 0 16px; }

.nav__menu {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; overflow:hidden; margin: 0;}

.showing { max-height:37rem; -webkit-transition:all .5s; transition:all .5s;}

.nav__menu li { list-style:none; position:relative; white-space:nowrap; padding:17px 0 0;}

.nav__menu li a {display:block; font-size:17px; color:#001e43; text-decoration:none;}

.nav-toggle { display:block; background-color:transparent; width:40px; cursor:pointer; padding:4px;}

.nav-toggle span { position:relative; display:block; height:4px; border-radius:35px; width:100%; margin-top:0; background-color:#000; -webkit-transition:all .25s; transition:all .25s;}

.nav-toggle span.mrg { margin-top:5px;}

.nav-toggle.open span:first-child { -webkit-transform:rotate(45deg) translate(6.2px,6.2px); transform:rotate(45deg) translate(6.2px,6.2px);}

.nav-toggle.open span:nth-child(2) { width:0; opacity:0;}

.nav-toggle.open span:last-child { -webkit-transform:rotate(-45deg) translate(6.2px,-6.2px); transform:rotate(-45deg) translate(6.2px,-6.2px);}

.nav__menu .dropdown ul { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; position:static; padding:0; max-height:0; overflow:hidden;

 -webkit-transition:all .4s; transition:all .4s;}

.nav__menu .dropdown ul.show { max-height:20rem; -webkit-transition:all .4s; transition:all .4s;}

.nav__menu .dropdown li a { display:block; font-size:15px; text-transform:capitalize; color:#222; text-decoration:none;}

nav__menu li a:hover { color:#0062a3;}

.nav__menu li.active a { color:#fff;}

.nav__menu .dropdown>a:after { content:"\f107"; font-family:Font Awesome\ 5 Free; font-weight:900; font-size:16px; padding-left:5px; color:#7e7e7e;}

.nav__menu .active.dropdown>a:after { content:"\f106";}

.nav__menu .dropdown .dropdown>a:after { content:"\f107"; font-family:Font Awesome\ 5 Free; font-weight:900; font-size:16px; padding-left:5px; color:#7e7e7e;}

.nav__menu .dropdown .active.dropdown>a:after { content:"\f106";}

.menu-toggle { max-height:0; overflow:hidden;}

.menu-toggle,.menu-toggle.active { -webkit-transition:all .4s ease; transition:all .4s ease;}

.menu-toggle.active { max-height:100vh; background:#4339b9;}

.resize-animation-stopper * {-webkit-transition:none!important;transition:none!important; -webkit-animation:none!important; animation:none!important;}

#top-bar ul li.last-btn{ padding:0; margin:0;}

 #top-bar ul li.last-btn a:hover, #top-bar ul li.last-btn.active a { background: #01d048; color: #fff;}

 #top-bar ul li.last-btn a { padding: 8px 30px; border-radius: 35px; margin: 0; position: relative; text-align: center; color: #fff; background: #01b13e; transition: all 0.5s ease; font-weight: 600; border:0; box-shadow: 0px 6px 15px rgba(38, 127, 245, 0.2); line-height: 1.5;}





#blue-box.homebaner .punchline p { margin-bottom: 10px;}

.nav__menu li.last-child{ margin-top:0 !important; float:right;}

.nav__menu li.last-child a, .nav-menu-wrapper .mainmenu ul li#menu-item-34 a{ background: #0f9256; color: #fff !important; padding:15px 20px 15px 20px; border-radius: 7px;}

.nav__menu li.last-child a:hover, .nav-menu-wrapper .mainmenu ul li#menu-item-34 a:hover{color:#fff !important; background:#10844e;}



@media screen and (min-width:1002px) {

 .menu-toggle {

  display:-webkit-box!important;

  display:-ms-flexbox!important;

  display:block !important;

  max-height:100vh;

  overflow:visible;width: 100%;

 }

 .nav__container {

  width:100%;

  max-width:1260px;

  margin:auto;

  -webkit-box-orient:horizontal;

  -webkit-box-direction:normal;

  -ms-flex-direction:row;

  flex-direction:row;

  padding:0 15px;

 }

 .nav__container,

 .nav__mobile {

  display:-webkit-box;

  display:-ms-flexbox;

  display:flex;

  -webkit-box-pack:justify;

  -ms-flex-pack:justify;

  justify-content:space-between;

  -webkit-box-align:center;

  -ms-flex-align:center;

  align-items:center

 }

 .nav__mobile .nav__btn {

  display:none

 }

 .nav__logo img {

  width:100%;

  max-width:58px

 }

 .nav__menu {

  display:-webkit-box;

  display:-ms-flexbox;

  display:block;

  -webkit-box-orient:horizontal;

  -webkit-box-direction:normal;

  -ms-flex-direction:row;

  flex-direction:row;

  max-height:100%;

  overflow:visible

 }

 .nav__menu li {margin-top: 10px;

  list-style:none;

  position:relative;

  white-space:nowrap;

  padding:0px 18px; display:inline-block;

 }

 .nav__menu li a {padding-top: 5px;

font-size: 16px;

color: #222 !important;

text-decoration: none;

font-weight: 600; letter-spacing: 0.02em;

 }

 .nav__menu li a:hover {

  color:#188753 !important;

 }

 .nav__menu .dropdown {

  position:relative

 }

 .nav__menu .dropdown ul {

  display:-webkit-box;

  display:-ms-flexbox;

  display:flex;

  -webkit-box-orient:vertical;

  -webkit-box-direction:normal;

  -ms-flex-direction:column;

  flex-direction:column;

  position:absolute;

  top:100%;

  left:-30px;

  opacity:0;

  visibility:hidden;

  overflow:visible;

  padding:0 17px;

  -webkit-transition:all .4s ease;

  transition:all .4s ease;

 }

 .nav__menu .dropdown:hover>ul {

  top:100%;

  left:0;

  opacity:1;

  visibility:visible;

  overflow:visible;

  padding:0 17px;

 } 
 .nav__menu .dropdown ul li > a{ color:#fff;}

 .nav__menu .dropdown ul li {

  padding:8px 15px;

  background-color:#1a9259;

  position:relative

 }

 .nav__menu .dropdown ul li:hover {

  background-color:#2f885e;

 }

 .nav__menu .dropdown ul li a {

  display:block;

  color:#fff !important; padding-top: 0 !important;

  text-transform:capitalize;

 }

 .nav__menu .dropdown ul li a:hover {

  display:block;

  color:#fff !important

 }

 .nav__menu .dropdown>a:after {

  content:"\f107"

 }

 .nav__menu .dropdown:hover>a:after,

 .nav__menu .dropdown>a:after {

  font-family:Font Awesome\ 5 Free;

  font-weight:900;

  font-size:16px;

  padding-left:5px;

  color:#7c7c7c

 }

 .nav__menu .dropdown:hover>a:after {

  content:"\f106"

 }

 .nav__menu .dropdown .dropdown>a:after {

  content:"\f105"

 }

 .nav__menu .dropdown .dropdown:hover>a:after,

 .nav__menu .dropdown .dropdown>a:after {

  font-family:Font Awesome\ 5 Free;

  font-weight:900;

  font-size:16px;

  padding-left:10px;

  color:#fff

 }

 .nav__menu .dropdown .dropdown:hover>a:after {

  content:"\f104"

 }

 .nav__menu .dropdown .dropdown:hover>ul {

  position:absolute;

  top:0;

  right:calc(100% - 17px);

  left:auto;

  opacity:1;

  visibility:visible

 }

 .nav__menu .dropdown .dropdown ul {

  position:absolute;

  top:0;

  right:calc(100% - 17px);

  left:auto;

  opacity:0;

  visibility:hidden;

  -webkit-transition:all .4s ease-in-out;

  transition:all .4s ease-in-out

 }

}







@media (max-width:1000px){

#top-bar { padding: 25px 0 10px;}

.nav__menu{margin: 0;}

.logo { margin-right: 40px; margin-bottom: 15px;}

.nav__menu li a{font-size: 16px; padding: 16px 18px; text-align: center; text-transform: uppercase; background:#023bde;}

.nav__menu li a:hover{ background:#03C;}

.nav__menu li{padding: 0;}

}



@media (max-width:800px){

.nav__container { padding:7px 10px !important;}

.nav__menu{ padding-left:0; margin: 0px 0 0;}

#top-bar ul li.last-btn { margin-top: 25px;}

.nav__menu > li > a{ font-weight:400; color:#fff; border-bottom: 1px solid #3967ed;}

}



@media (max-width:767px){

.nav__mobile .nav__btn{margin-top: -10px;}

#top-bar.white-bg .nav__mobile .nav__btn{margin-top: 0px;}

.nav__container { padding: 0 !important;  }

#top-bar.white-bg .logo { max-width: 150px; margin-bottom:0;}

.logo{ max-width:150px;}

#top-bar.white-bg{ padding: 15px 0;}

}



@media (max-width:540px){

.top-menu-small ul li {margin: 0 8px;}

.top-menu-small ul li a {font-size: 11px;}

}



@media (max-width:480px){

.top-menu-small{ display:none}

}



/*-- Home page accordian--*/

.apply-btn{color: #fff; background: #0f9256; border: 2px solid transparent; font-size: 20px; margin-top: 20px; font-weight: 400; display: inline-block; transition: all 0.5s ease; padding: 15px 30px; border-radius: 5px; box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.25); line-height: 20px;} 

.apply-btn:hover{background: #fff; border-color:#188753; color:#188753; }

.small-text {font-size: 14px !important; margin: 7px 0 0 !important;  display: block; text-align: center !important;}



.punchline .apply-btn{ background:#fff; border-radius:5px; color:#000; transition: all 0.5s ease; border: 2px solid transparent; padding:18px 20px; text-transform:uppercase;}

.punchline .apply-btn:hover{ background:#115334; border: 2px solid #f3f3f3; color:#f3f3f3;}



#accordion h3 { font-size: 18px; font-weight:600; color:#001e43; padding: 20px 0px; margin-bottom:0; line-height: 1.2; cursor: pointer; /*box-shadow: 0px 18px 20px 1px rgba(0,0,0,0.15);border-radius: 3px;*/}

#accordion ul li{ background: url(../images/dot-icon.png) no-repeat 0 8px; margin-bottom: 15px; padding-left: 15px; font-size: 16px; line-height: 1.5;}

.ui-icon{width:25px;height:26px;display:inline-block;vertical-align:middle;margin-top:-5px;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;float:right;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.nums{font-weight:700;color:#0c64b3;}.ui-icon,.ui-widget-content .ui-icon{background-position:0 -31px;background-image:url(../images/plu-minus.png);background-repeat:no-repeat}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background:url(../images/plu-minus.png);background-position:0 4px;background-repeat:no-repeat}.section4 #accordion h3{font-size:18px;line-height:23px;margin-bottom:0;font-weight:700;display:block;background:#f9f9f9;color:#171717;text-align:left;padding:20px 16px;cursor:poMatter;border-bottom:1px solid rgba(0,0,0,0.12);position:relative}.section4 #accordion h3:before{background:none}.ui-accordion-content{padding:10px 0;background:transparent;}

#accordion h3:focus-visible{ outline: none;}

#accordion .accordion-wrp{border-bottom: 1px solid #e1e5ef;}



.faqs-home { margin-top: -25px;}

.center p{ text-align:center;}

.faqs-home .ui-accordion-content { padding: 0; background: transparent;}

.light-grey{ background:#f7f6ff; position:relative; padding:64px; border-radius:10px; margin-bottom: 50px;}

.blue-tag{ background: #634bf4;display: block; padding: 5px 20px 8px 20px; border-radius: 20px; position: relative; max-width: 170px; color: #fff; font-size: 16px; text-align: center; line-height: 1.5; margin-bottom: 25px;}

.faqs-section { position: relative; padding: 70px 0; z-index: 99; background: #fff;}

.faqs-section .inner-box { max-width: 900px; margin: 0 auto;}

.faqs-section.faqs-section-inner .inner-box { max-width: 960px;}

.faqs-section .inner-box h2{ font-size: 50px; line-height:50px; margin-bottom: 50px; text-align:center;}

.faqs-section .applybox.applybox-bottom {text-align: center; margin: 60px auto 40px; max-width: 320px;}

.faqs-section .applybox.applybox-bottom p{ text-align:center; margin-top: 10px; font-size:15px;}

.faqs-section p{ font-size: 20px; line-height: 1.5;}

.View-all-FAQs { color: #222;display: inline-block; float: right;margin: 20px 0px 0px 20px; font-weight: 600; font-size: 14px;}

.faqs-section.faqs-section-inner #accordion h3{ color: #001e43; background:#dfecfe;border-radius: 100px; margin-bottom: 20px;padding: 25px 20px 25px 40px; font-weight: 500; font-size: 22px; line-height: 22px;}

.faqs-section.faqs-section-inner .ui-accordion-content{ background:transparent;padding: 0 30px 40px;}

.faqs-section.faqs-section-inner .ui-accordion-content p{font-size: 18px; line-height: 26px;color: #001e43;}

/*-- Contact page --*/



.contact-form .btn-submit{align-items: center; background-color: #0171d3; border: 1px solid #10156b; border-radius: 8px; color: #fff; cursor: pogeograph; display: inline-flex; font-size: 18px; font-weight: 700; height: -webkit-fit-content;height: -moz-fit-content; height: fit-content; line-height: 1.65em; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; outline: none; padding: 12px 35px; text-align: center; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; white-space: nowrap;}

.contact-form .btn-submit:hover{background-color: #0d1155; text-decoration: none; -webkit-transform: translateY(-3px); transform: translateY(-3px);}

.contact-form ul li.last{ text-align:center;}

.contact-form ul li {background: none;}

.contact-form form{ margin-bottom: 50px;}

.app-box{ padding-top: 30px;}

#form {background: #fff; -webkit-box-shadow: 0px 20px 60px rgba(9, 14, 24, 0.1); box-shadow: 0px 20px 60px rgba(9, 14, 24, 0.1); border-radius: 8px; margin: 20px 0; padding: 40px; max-width: 480px; width:100%;}

#form label { font-style: normal; font-weight: 600; font-size: 18px; line-height: 20px;color: #fff;}



#blue-box .container{ max-width: 1450px;}

#blue-box { /*background: #023bde;*/ padding: 90px 0 0px 0; position: relative; margin-bottom: 0px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e7047+0,24a769+58 */

background: linear-gradient(to bottom,  #0e7047 0%,#24a769 58%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

#blue-box .icon { margin: 0 auto;  max-width: 60%;}

#blue-box:after{ background:#e1e1e1; position:absolute; right:-50%; top:0; width:100%; height:100%; content:"";} 



.big-icon { max-width: 80%; width: 100%; vertical-align: middle; display: block; margin: 0 auto 20px;text-align: center !important;}

.big-icon1 img { max-width: 85%; }

.big-icon2, .big-icon2 img { max-width: 70%; }

.big-icon3, .big-icon3 img { max-width: 62%;}

.big-icon.big-icon2 { margin-top: -35px;}

.threebox { position:relative; padding: 90px 0 0;}

.threebox .center{ text-align:center; margin:0 0 100px 0;}

.threebox p{ text-align:center; font-size: 16px;}

.threebox h3 { font-size: 20px;}

.threebox h2{ font-size: 45px;}

.inner-right{ padding-top: 15px;}

.threebox .inner-right p{ font-size: 16px; line-height:1.5;text-align: left;}

.blue-section{background-image: radial-gradient(at center bottom, #0074d3 0%, #023bde 100%); padding:70px 0;}

.blue-section ul{ padding-left:0;}

.blue-section h2{ font-size: 45px; color:#fff; margin-bottom: 50px;}

.blue-section ul li{ display:inline-table; max-width:24%; width:100%; text-align:center; color:#fff; background:none; padding:0; margin-bottom: 25px;}

.blue-section ul li .icon{ max-width: 80px; display:block; text-align:center; margin:0 auto 17px;}

.blue-section .apply-btn{border: 2px solid #f3f3f3 !important;
  padding: 20px;
  background: transparent !important;
  border-radius: 5px;}

.blue-section .apply-btn:hover{ background:#fff !important; color:#0155d9 !important;}



.two-box-white { position: relative; padding: 50px 0;}

.two-box-white .leftbox { width: 90%;}

.two-box-white .leftbox p{ font-size:18px;}

.green{color: #25daa5;}

.two-box-white .box1 h2{color: #023bde; font-size: 40px;}

.two-box-white .box1 .small{ font-size: 12px;}

.threebox .icon { text-align: center; max-width: 100px; margin: 0 auto 20px; position: relative;}



.reviews { margin-bottom: 30px; display: block;}

.double-comma { margin-bottom: 15px; display: block;}
.custimg-wrp strong span {font-family: 'Open Sans', sans-serif;
  display: block;
}

.customr { max-width:55px; overflow: hidden; border-radius: 50px; float: left; margin-right: 10px;}

.custimg-wrp p { padding-top: 5px; }

.testimonial{ position: relative;}

.testimonial p{ font-style: italic; font-family:"Tiempos Fine", sans-serif; font-size: 15px; font-weight: 300;color: #323648;}

.testimonial{ border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; position:relative; padding: 50px 0; margin-bottom: 30px;}



.choicebox{ position:relative; margin:0; padding:70px 50px; border-radius:10px; background:url(../images/Pourquoi-choisir-PrêtXpress-bg.webp) no-repeat 0 0; background-size:cover; text-align:center;}

.choicebox h2{color:#fff; text-align:center; font-size: 45px; margin-bottom: 20px;}

.choicebox p{color:#fff; text-align:center; font-weight:300; font-size: 17px; }

.choicebox .apply-btn.whitebtn { background: #fff; color: #111; font-weight: 400; font-size: 18px;}

.center{ text-align:center;}

.two-box-ser{ position:relative; padding: 100px 0 20px; border-bottom: 1px solid #ccc; margin-bottom: 40px;}

.two-box-ser h2{ margin-bottom: 50px; text-align:center; font-size:45px;}

.serimg { max-width: 230px; margin: 30px auto 0;}

.serbox { text-align: center; border: 1px solid #ccc; padding: 50px 50px 0px 50px; border-radius: 10px; transition: all 0.5s ease;}

.serbox:hover{border-color:#013ddf;} 

.serbox p{ text-align:center;}



.amount-boxser{ position:relative; padding:50px 0; text-align:center;}

.amount-boxser p{ text-align:center;}

.amount-boxser ul { text-align:center;}

.amount-boxser ul li{ display:inline-block; background:#188753; padding: 10px 15px; color:#fff; border-radius:35px; font-weight: 600;font-size: 16px;margin: 0 4px;}  

.amount-boxser ul li a{ color:#fff; display:block;font-size: 16px;font-weight: 600;}

.amount-boxser ul li a:hover{color:#fff; /*background:#813bda;*/ background: transparent !important;}

.ctcbtn { text-align: right;}

.ctcbox{ position:relative; padding: 60px 0 80px;}

.ctcbox h2{ font-size: 50px;}

.ctcbox p{color: #717171;}

.ctcbtn .apply-btn{ font-size: 18px;margin-top: 50px;}

.light-grey h2{ font-size: 45px;}

.light-grey .center { margin-bottom: 70px;}



blockquote.blockquote { border-left: 0; padding: 40px 0 !important; font-style: italic; text-align: center; margin-bottom: 30px; margin-top: 30px;}

blockquote.blockquote p{ font-size: 28px; text-align: center; font-weight: 700;font-family:"Tiempos Fine", sans-serif;} 

.page-punchline {  position: relative; padding-top: 50px;}

.page-punchline h1{ font-size: 16px; margin-bottom: 30px; font-family: 'Open Sans', sans-serif; }

.page-punchline h1 span{ position:relative;}

.page-punchline h1 span:after{ width: 70px; height: 2px; background: #023bde; position: absolute; left: 50%; bottom: -12px;content: ""; margin-left: -45px;}

.center.top-h { margin-bottom: 20px;}

.center.top-h h2{ font-size: 50px;}

.ctcbox.aboutctc h2 {font-size: 35px;}

.ctcbox.aboutctc { width: 50%;padding-top: 20px;}

.comma { margin-bottom: 20px;}

#innerPage {
  position: relative;
  padding: 70px 0;
}



@media (max-width:1200px){

#blue-box { padding: 40px 0 0px 0;}

#blue-box .icon { max-width: 70%;}

  }

  

@media (max-width:1100px){  

   .punchline { padding: 20px 50px 40px 50px;width: 100%;}

   .punchline h1 { font-size: 36px;}

  }



@media (max-width:1000px){

#blue-box::after{ display:none;}

.punchline, .punchline p, .punchline h1{ text-align:center;}

.punchline{ margin-bottom: 50px; margin-top: 0px;padding: 50px 20px 40px 20px;}

#blue-box .icon { max-width: 90%; }
.logo.theme-logo img { max-width: 180px !important; }
  a.slicknav_btn { top: -70px !important; }


#top-bar.white-bg a.slicknav_btn {
    top: -46px !important;
  }
}



@media (max-width:767px){

.punchline { padding: 0 10px;}

.punchline p { font-size: 18px;}

#blue-box .icon { max-width:60%; display:none;}

.serbox {margin-bottom: 30px;}

.amount-boxser ul li { margin-bottom: 10px;}

.ctcbox { padding: 20px 0 80px;}

.choicebox { padding: 70px 20px;}

.ctcbtn { text-align: none;}

.light-grey { padding: 64px 20px;}

.amount-boxser { padding: 50px 0 20px;}

}





#footer .footer-nav{padding:30px 0 15px; margin:0px; position:relative; background:#fff;}

.footer-ser-nav ul, .footer-page-nav ul{list-style:none;margin:0 0 15px 0;padding:0px; text-align:right;}

.footer-ser-nav ul li, .footer-page-nav ul li{position: relative; display:block; margin:0 0px 10px 0; padding: 0 0px 0 0; text-align: left;}

.footer-ser-nav ul li a, .footer-page-nav ul li a{font-family: 'Open Sans', sans-serif; color: #19284f; font-size: 16px; font-weight: 400; text-decoration: none; letter-spacing: -0.02em; inline-size: fit-content;}

.footer-ser-nav ul li a:hover, .footer-page-nav ul li a:hover{color: #188753;}



.footer-logo{ max-width: 180px; display:inline-block;}

.footerlogo-wpr{ margin-bottom: 15px;}

.footer-ser-nav { border-bottom: 1px solid #e4e5e9; margin-bottom: 20px; padding-bottom:10px;}

.footer-ser-nav ul{ margin-bottom:0;}

.footer-page-nav { margin-bottom: 20px; position:relative;}

.footer-page-nav ul li a{ font-size:14px; color:#717171;}

.footer-page-nav ul{ margin-bottom:0; text-align:right;}



.copyright{padding: 0; margin-bottom: 20px; position: relative;}

.copyright p{color:#5e6884; font-size: 16px; line-height: 1.5;font-weight:400;margin: 0; }

.copyright p a{color:#000;}

#scroll {position: fixed; right: 20px; bottom: 90px; background:#FF9800; color: #333; text-decoration: none; padding:16px 16px 20px 16px; z-index: 999; font-size: 14px; border-radius: 7px;}

#footer h4 { font-size: 17px;font-family: 'Open Sans', sans-serif; margin-bottom: 15px;}

.disclaimer p {font-size: 13px; margin-bottom: 10px; font-weight: 400;color: #7c8499;font-family: 'Open Sans', sans-serif;}

.discler {padding:0px; position:relative;}

.address{ position:relative; margin-top:0 !important;}

.address ul li{ margin-bottom: 15px; font-size: 14px; font-weight: 300;}
.address ul li:marker{ font-size:0; }

.logofoot { margin: 0 0 30px 0; max-width: 170px;}

.address { padding-right: 30px;}

.address ul { padding-left: 15px;}



.socials{ position:relative; text-align:right;}

.socials ul li { display: inline-block; max-width: 20px; margin:0 5px;}

.socials ul li a{ display:block; text-align:center;}

.border-top { border-top: 1px solid #ccc; margin-top: 30px; padding-top: 20px; position: relative;}

blockquote::before, .blockquote::before{ display:none !important;}
.address ::marker {
  display: none !important;
  font-size: 0 !important;
}
@media (max-width:767px){

.footer-ser-nav ul, .footer-page-nav ul{ text-align:left;}

}






/*--Service page--*/
.threebox{ position: relative; padding-bottom: 60px;}
.threebox.threebox-ser h2{ font-size:35px !important;}
.threebox.threebox-ser { position: relative; padding: 50px 30px !important; background: #f9f9f9; margin: 30px 0; border-radius: 10px;}
.blue-list h3{color:#023cdb;}
.twobox-ser { padding: 90px 0 40px; border-bottom: 1px solid #999; position: relative;}
.twobox-ser p { font-size: 18px;}
.two-section { position: relative; padding: 70px 0;}
.example-wpr { background: #f9f9f9; padding: 50px; border-radius: 10px; margin: 0px 0 30px; position: relative;}
#blue-box.serpage {  padding: 50px 0; position:relative;}
#blue-box.serpage .icon.h-serimg { max-width: 70%;  }
.inner-right.three { padding-top: 10px;}
body.page-template #innerPage { position: relative; padding: 0 0;}
.blue-section ul li p { color: #fff; text-align: center; font-size: 18px !important;}
.headinggg {position: relative;padding-bottom: 30px !important;}
.range-slider-wpr { position: relative; max-width: 358px;  margin: 30px auto 50px 0; padding: 24px; border-radius: 20px; float: right;text-align: center; background-color: #F6F8FD;   border: 2px solid #EDF1F5;}
.banner-calc.js-sidebar-menu.scroll-to-fixed-fixed .range-slider-wpr{ margin-top:100px !important;}
.featured { border-radius: 20px; display: block; overflow: hidden; margin-top: 50px; margin-bottom: 50px;}
.lefth1 { text-align: center; border-bottom: 1px solid #ccc;}
.range-slider-wpr h3 { font-size: 16px; font-weight: 700 !important; color: #000; margin: 0 0 10px 0; padding: 0; text-align: center; text-transform: none;}
#content .white-section .center { margin-bottom: 10px;}
.tagline { margin: 25px 0 0 !important;}
.grey-section.grey-section1 .center { margin-bottom: 30px;}
.range-slider-wpr .center { margin-bottom: 15px; border: 1px solid #e2e8ef; border-radius: 3px; height: 50px;}
.relationship-status-output { display: inline-table; text-align: center; color: #333; font-size: 26px; font-weight: 400; margin: 0 0 0 0; line-height: 50px; padding: 0;}
.rand { color: #000;}
.rand { display: inline-table; font-size: 26px; vertical-align: middle; line-height: 50px; color: #333; font-weight: 400;}
.rangeslider1 { padding-top: 7px;}
.range-slider-wpr .center { margin-bottom: 15px !important; border: 1px solid #e2e8ef !important; border-radius: 3px !important; height: 50px !important;}
.range-slider-wpr .btn-main-apply { margin: 5px auto 20px; position: relative; display: block; text-align: center;}
.range-slider-wpr .btn-main-apply { font-size: 16px; font-weight: 400; color: #fff; background: #fb6320; border: none !important; border-radius: 3px; padding: 11px 20px; transition: all 0.5s ease; margin: 30px auto 15px; display: inline-block;
  text-decoration: none;}
#services.serhome { background: transparent; padding: 10px 0;}
.range-slider-wpr .small { font-size: 15px !important;  text-align: center !important; display: block; margin: 0 !important;}
.h3tagline { position: relative; padding: 10px 0;}
.tagline { text-align: center !important;}
.whitebg { position: relative; margin: 0 auto; padding: 20px; border-radius: 10px; background-color: #FFFFFF; box-shadow: 0px 2px 15px 0px rgba(34, 90, 172, 0.25);}
#innerPage h3 { font-family: "Open Sans", sans-serif; font-size: 20px; color: #444 !important; font-weight: 700;}
.caltr-pera-box.list-none { position: relative; text-align: left; margin-top: 30px; background: #f9f9f9; padding: 25px 15px; border-radius: 10px;}
.caltr-pera-box.list-none ul{ margin-bottom:0;}
.caltr-pera-box.list-none ul li { background: none; padding: 0; margin: 0 0 5px 0; font-size: 15px; color: #222;}
#services { position: relative; background: #e5eff7; padding: 30px 25px; border-radius: 15px;margin-bottom: 30px;}
#services h2 { margin-bottom: 30px; position: relative; padding-bottom: 5px;}
#services h2::before { position: absolute; left: 0; bottom: -10px; width: 50px; height: 2px; content: ""; background: #F00;}
#services ul { margin: 0; padding: 0;}
#services ul li { width: 32%; padding: 0; display: inline-block; margin-bottom: 15px; position: relative; background: none; margin-right: 5px;}
#services ul li a { color: #0b113a !important; display: block; padding: 20px 70px 20px 30px; background: #fff; border-radius: 8px; transition: all 0.5s ease; box-shadow: 0 5px 20px 0 rgba(0,63,105,.06); font-weight: 600;}
#services ul li a span { font-size: 25px;  line-height: 25px;  position: absolute; top: 15px; right: 0;}
.attention { font-size: 12px; margin-bottom: 20px; color: #555 !important;}

@media (max-width: 767px) {
  .num {margin: 0 auto 20px; text-align: center; max-width: 60px; }
   .big-icon { max-width: 35%; width: 100%;
  vertical-align: middle;
  display: block;
  margin: 0 auto 20px;
  text-align: center !important;}
  
  .threebox .inner-right p {
    text-align: center;
  }
  .inner-right h3{ text-align:center;}
  .blue-section ul li { max-width: 48%; padding: 0 18px;}
  .blue-section ul li p{line-height: 1.2;}
  .example-wpr {padding: 50px 40px;}
  .ctcbox h2 {font-size: 36px;}
  .ctcbtn {text-align: center;}
  .light-grey h2 {font-size: 38px;}
.sidebar-area { display: none;}
}
