@import url('https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap');

/*TEXT COLORS*/
:root {

  /* Primary Colors */
  --primary: #0057B8;
  --primary-light: #0095FF;
  --primary-dark: #00346E;
  --secondary-dark: #104076;

  /* Text Colors */
  --text-dark: #262020;
  --text-primary: #353A3F;

  /* Opacity Text */
  --text-primary-80: rgba(53, 58, 63, 0.8);
  --text-primary-8: rgba(53, 58, 63, 0.08);
  --text-white-80: rgba(255, 255, 255, 0.8);
  --text-white-65: rgba(255, 255, 255, 0.65);
  --text-white-70: rgba(255, 255, 255, 0.70);

  --bs-btn-hover-bg: #004798;
  --bg-light: #F5F7F9
}

html,body { width: 100%; height: 100%; margin: 0;  padding: 0;}
body {margin-top: 86px; line-height: 1.7; font-size: 15px; color:#555761; font-family: "Google Sans Flex", sans-serif;  font-weight:400;-webkit-text-size-adjust: 100%;overflow-x: hidden;}
.btn, a, button, .transition { webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
a { text-decoration: none;color: #000;}
a:hover, a:focus, a:active {color:#50575a; text-decoration: none; outline: 0; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline:none !important; color:#F9F9F9}
a:focus, :focus {outline: 0  !important; box-shadow:none !important}
ul{ list-style:none; padding:0}
button:focus{ outline:none}

/*FONT WEIGHTS*/
.fw100 { font-weight: 100 !important; }.fw200 { font-weight: 200 !important; }.fw300 { font-weight: 300 !important; }.fw400 { font-weight: 400 !important; }.fw500 { font-weight: 500 !important; }.fw600 { font-weight: 600 !important; }.fw700 { font-weight: 700 !important; }.fw800 { font-weight: 800 !important; }.fw900 { font-weight: 900 !important; }
.sm-text {top: -31px;position: relative;}
/*HEADINGS*/
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: "Funnel Display", sans-serif;}
.sub-heading{ font-weight: 500;font-size: 13px;line-height: 160%;letter-spacing: .06em; text-transform:uppercase; color:#CDB27B;margin-bottom: 10px;}


/*BUTTONS*/
.btn {font-size:11px;padding: 15px;padding-bottom: 15px;padding-left: 28px; padding-right:28px;font-weight:500;border-radius:8px;letter-spacing:0.1em; text-transform:uppercase; border: 0;}
.btn-primary{ border-color: var(--primary);color: #fff; background: var(--primary)}
.btn-primary:hover{ background-color:var(--bs-btn-hover-bg); border-color:var(--bs-btn-hover-bg); color:#fff}
.lg-btn{height: 55px;padding: 17px 24px;font-size: 12px;font-weight: 600; border: solid 2px transparent}
.xl-btn{width: 278px; height: 56px; padding: 19px 0px;}
.btn-success:hover, .btn-success{background-color: var(--primary) !important;border-color: var(--primary);}
.btn-outline-secondary{border: solid 1px rgb(151 151 151 / 60%);color: #2C2E3B !important;}
.btn-outline-secondary:hover{background-color: var(--primary) !important;border-color: #ffffff;}
.btn-dark{background-color: #19662D;}

.white-btn{background-color: #ffffff;color: #000000;}
.white-btn:hover{background-color: var(--primary);color: #ffffff;}

/* HEADING STYLE */
.all-heading{line-height: 50px;color: var(--text-dark);; font-size: 44px; letter-spacing: -0.01rem; font-weight: 600;}


/*FORM CONTROL*/
.form-control{border: 1px solid #ddd; height: 45px; border-radius:0px;font-weight: 300; font-size: 13px;border-radius:8px}
.form-control:focus {color: #000;background-color: #fff; outline: 0; border-color:var(--primary)}
textarea{resize: none;}
textarea.form-control { height: auto !important;}

/*FONT SIZE 8 to 72px */
.fs8{font-size: 8px;} .fs9{font-size: 9px;} .fs10{font-size: 10px;} .fs11{font-size: 11px;} .fs12{font-size: 12px!important;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs15{font-size: 15px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs21{font-size: 21px;} .fs22{font-size: 22px;} .fs23{font-size: 23px;} .fs24{font-size: 24px;} .fs25{font-size: 25px;} .fs26{font-size: 26px;} .fs27{font-size: 27px;} .fs28{font-size: 28px;} .fs29{font-size: 29px;} .fs30{font-size: 30px;} .fs31{font-size: 31px;} .fs32{font-size: 32px;} .fs33{font-size: 33px;} .fs34{font-size: 34px;} .fs35{font-size: 35px;} .fs36{font-size: 36px;} .fs37{font-size: 37px;} .fs38{font-size: 38px;} .fs39{font-size: 39px;} .fs40{font-size: 40px;} .fs41{font-size: 41px;} .fs42{font-size: 42px;} .fs43{font-size: 43px;} .fs44{font-size: 44px;} .fs45{font-size: 45px;} .fs46{font-size: 46px;} .fs47{font-size: 47px;} .fs48{font-size: 48px;} .fs49{font-size: 49px;} .fs50{font-size: 50px;} .fs51{font-size: 51px;} .fs52{font-size: 52px;} .fs53{font-size: 53px;} .fs54{font-size: 54px;} .fs55{font-size: 55px;} .fs56{font-size: 56px;} .fs57{font-size: 57px;} .fs58{font-size: 58px;} .fs59{font-size: 59px;} .fs60{font-size: 60px;} .fs61{font-size: 61px;} .fs62{font-size: 62px;} .fs63{font-size: 63px;} .fs64{font-size: 64px;} .fs65{font-size: 65px;} .fs66{font-size: 66px;} .fs67{font-size: 67px;} .fs68{font-size: 68px;} .fs69{font-size: 69px;} .fs70{font-size: 70px;} .fs71{font-size: 71px;} .fs72{font-size: 72px;}

/*LETTER SPACING SIZE 1 to 5px */
.ls1{letter-spacing: 0.01rem;}.ls2{letter-spacing: 0.02rem;}.ls3{letter-spacing: 0.03rem;}.ls4{letter-spacing: 0.04rem;}.ls5{letter-spacing: 0.05rem;}.ls6{letter-spacing: 0.06rem;}.ls12{letter-spacing: 0.12rem;}

.lh-20{
    line-height: 20px;
}
.lh-25{
    line-height: 25px;
}
.lh-45{
    line-height: 45px;
}

.ms-100{
    margin-left: 100px;
}

/*CONTAINER*/
.custom-width{max-width: 1285px} 

/* Background Classes */
.bg-primary{
  background-color: var(--primary) !important;
}

.bg-primary-light{
  background-color: var(--primary-light);
}

.bg-primary-dark{
  background-color: var(--primary-dark);
}

.bg-secondary-dark{
  background-color: var(--secondary-dark);
}

.bg-light{
  background-color: var(--bg-light);
}

/* Text Classes */

.text-primary-light{
  color: var(--primary-light) !important;
}
.text-dark{
  color: var(--text-dark) !important;
}

.text-primary{
  color: var(--text-primary);
}

.text-primary-80{
  color: var(--text-primary-80);
}

.text-primary-8{
  color: var(--text-primary-8);
}

.text-white-80{
  color: var(--text-white-80) !important;
}
.text-white-70{
  color: var(--text-white-70);
}
.text-white-65{
  color: var(--text-white-65);
}

.br12{border-radius: 12px;}
.br16{border-radius: 16px;}
.br24{border-radius: 24px;}
.br20{border-radius: 20px;}
.Mypadding{ padding:80px 0}

.highlights {font-size: 13px;color: var(--primary); font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase;}
.sm-heading{font-size: 15px;color: #A3A3A3;letter-spacing: 0.12rem;font-weight: 500; text-transform: uppercase; margin-bottom: 20px;}
/*SWIPER PAGINATION*/
.swiper-pagination{margin-top: 10px;}
.swiper-pagination-bullet-active{background-color: var(--primary);}

/*SWIPER NAV BUTTONS*/
.swiper-button-next, .swiper-button-prev,
.swiper-button-prev:after, .swiper-button-next:after{height: 40px; width: 40px;}

.swiper-button-next, .swiper-button-prev{z-index: 1;}
.swiper-button-prev:after, .swiper-button-next:after{font-size: 30px; color: #000;  display: flex; border-radius: 20px; justify-content: center; align-items: center;  }


/*EFFECTS*/
.zoom-hover img {-webkit-transform: scale(1); transform: scale(1);transition: all .4s ease-in-out;}
.zoom-hover:hover img{transform: scale(1.02);}

/* circle btn */
.btn-circle-icon {background-color: #ffffff;width: 56px;height: 56px;display: inline-flex;border-radius: 50%;align-items: center;justify-content: center;color: #000000;}

/*#################################################################*/
/*##################_________MAIN STYLES_________##################*/
/*#################################################################*/
.navbar-brand img{ width:175px}
.site-header .navbar .nav-item  a{ margin-left: 10px; margin-right:10px; font-weight:500;height: 70px;align-items: center;display: flex; font-size:12px;  color:var(--text-primary); text-transform: uppercase;}
.site-header .navbar .nav-item  a:hover{color: var(--primary);}
 
  
/*#########________HAMBURGER MENU BUTTON START________#########*/
.site-header {position: absolute;top: 0px;z-index: 99;width: 100%;background-color: #fff;}
.site-header .navbar-toggler{margin-left: 16px; padding: 0; outline: 0; color: transparent; background-color: transparent; border-color: transparent; height: 32px; width: 32px; align-items: center; justify-content: center;}
.site-header .navbar-toggler:focus,
.site-header .navbar-toggler:active{outline: 0;}
.site-header .navbar-toggler .navbar-toggler-icon{position: relative; height: 2px; background-color: transparent;background-image: none; width: 35px; border-radius: 4px; transition: 0.3s all ease-in-out; }
.site-header .navbar-toggler .navbar-toggler-icon:before,
.site-header .navbar-toggler .navbar-toggler-icon:after{content: ""; position: absolute; display: block; height: 2px; width: 100%; background-color: #000e36; border-radius: 4px; transition: 0.3s all ease-in-out; }
.site-header .navbar-toggler-icon:before{top: 0; transform: rotate(45deg);}
.site-header .navbar-toggler-icon:after{bottom: 0; transform: rotate(-45deg);}
.site-header .navbar-toggler.collapsed .navbar-toggler-icon{background-color: #000e36;}
.site-header .navbar-toggler.collapsed .navbar-toggler-icon:before{top:-12px; transform: rotate(0);}
.site-header .navbar-toggler.collapsed .navbar-toggler-icon:after{bottom:-12px; transform: rotate(0);}

@media (max-width: 991.98px) {.site-header .navbar-toggler{display: flex;}}

/*NAVIGATION DROPDOWN ON HOVER*/
.site-header .dropdown-item.active, 
.site-header .dropdown-item:active,
.site-header .dropdown-item:hover { }
.site-header .dropdown-menu .dropdown-item{ padding-bottom: 5px; padding-top: 5px;}
.site-header .navbar .nav-item .dropdown-menu a{ margin:0; font-size:12px; color: var(--text-primary);height: auto;}
.site-header .navbar .nav-item .dropdown-menu a:hover{ background-color: var(--primary); color:#fff}


@media (max-width: 991px){
    .site-header .navbar-nav .nav-link {font-size: 14px;padding-top: 10px;padding-bottom: 10px;}
    .site-header .nav-item.active .nav-link {border-bottom: none; }
}
@media (min-width: 992px){
    .site-header .dropdown-menu{display: block; visibility: hidden; opacity: 0; padding: 0; overflow: hidden; transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; top:120%;  border: 1px solid rgba(120,130,140,.13);border-radius: 0; box-shadow: 0 3px 12px rgba(0,0,0,.05)!important;-webkit-box-shadow: 0!important;-moz-box-shadow: 0!important; margin-top: -1px;}} 
    .site-header .nav-item.dropdown:hover .dropdown-menu{display: block; visibility: visible; opacity: 1; top:100%;} 

    /*HEADER FIXED ON SCROLL*/
    .isFixed {position: fixed !important; top: 0; right: 0; left: 0;  z-index: 1030;background-color: rgba(255, 255, 255, .7); box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); z-index: 99;animation: smoothScroll 1s forwards;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);padding: 0;}
    
    @keyframes smoothScroll { 0% {transform: translateY(-40px); }100% { transform: translateY(0px); }
}

.site-header .isFixed .navbar-brand .logo { width:150px}

/* NEW CSS HOME PAGE */
.custom-arrow {background-color: #fff;width: 40px;height: 40px;border-radius: 50%; box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0%), 0 2px 3px rgba(0, 0, 0, 0.12) !important;}
.custom-arrow::after {font-size: 16px;}
.custom-arrow.swiper-button-prev{left: 0px;}
.custom-arrow.swiper-button-next{right: 0px;}
 
.banner-wrapper {height: 100vh;display: flex;align-items: center; position: relative; z-index: 9;}
.banner-wrapper:after{position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(45deg, #001B3A, transparent);z-index: -1;}
.banner-wrapper .widget {max-width: 660px;}
.banner-wrapper .widget ul li i {
    color: #299D87;
}

.top-feature-bar .feature-item{padding: 15px 0px;}
.top-feature-bar .feature-item:after,
.top-feature-bar .feature-item:before{position: absolute;content: '';height: 100%;width: 1px;background-color: #262020;top: 0;right: 0;}
.top-feature-bar .feature-item:after{background-color: #1F4C7F;right: 1px;}
.top-feature-bar .col:last-child .feature-item::before,
.top-feature-bar .col:last-child .feature-item::after{display: none;}
.top-feature-bar .feature-item img {width: 32px;}
.top-feature-bar .feature-item span {
    max-width: 140px;
}

.serve-card{position: relative;overflow: hidden;}
.serve-card .serve-content{position: absolute;bottom: 0;left: 0;width: 466px;padding: 16px 28px;background: rgba(38,32,32,0.24);border-top-right-radius: 28px;border-bottom-left-radius: 16px;backdrop-filter: blur(16px);max-height: 60px; overflow: hidden;transition: all .4s ease;}
.serve-card:hover .serve-content{max-height: 200px; /* hover pe expand */}
.serve-content p{transform: translateY(20px);opacity: 0;transition: all .4s ease;}
.serve-card:hover .serve-content p{transform: translateY(0);opacity: 1;}
.serve-card .btn-circle-icon {position: absolute;top: 20px;right: 20px;transform: rotate(-45deg);opacity: 0;}
.serve-card:hover .btn-circle-icon {opacity: 1;}
.serve-card .serve-content .title {font-size: 24px;font-weight: 600;margin-bottom: .25rem;}
.serve-card .serve-content .dics{font-size: 15px;font-weight: 500;margin-bottom: 0px;}
.serve-card > div:not([class]), 
.serve-card > div[class=""] {
    max-width: 310px;
}
.section-heading .disc:before {position: absolute;content: '';background-color: #00B2FF;width: 2px;height: 100%;left: -50px;top: 0;}
.section-heading .disc {font-size: 18px;margin-bottom: 0;font-weight: 300;position: relative;padding: 8px 0px;}

.nav-solution-tabs .nav-link{border-radius:16px;padding:20px;margin-bottom:12px;background:#ffffff;color:#222;text-align:left;}
.nav-solution-tabs .nav-link.active {background: #f0f6fd;border-bottom: 3px solid #b3d3f6;position: relative;}
.nav-solution-tabs .nav-link.active:after {position: absolute;content: '';width: 60%;height: 3px;bottom: -3px;background-color: #0095ff;}
.solution-img{height:100%;}
.nav-solution-tabs .nav-link .icon-name {width: 200px;}
.nav-solution-tabs .nav-link .icon-name img{width: 40px;}
.nav-solution-tabs button .disc {width: calc(100% - 210px);margin-right: 10px;color: rgb(38 32 32 / 80%);font-size: 14px; margin-bottom: 0;}
.nav-solution-tabs .nav-link .btn {width: 28px;height: 28px;padding: 0;background-color: #0095FF;border: 0;display: flex;align-items: center;justify-content: center; opacity: 0;}
.nav-solution-tabs .nav-link.active .btn {opacity: 1;}
.nav-solution-tabs button .title {font-size: 20px;color: var(--text-dark);font-weight: 600;margin-bottom: 0;}
.nav-solution-tabs .bottom-dic {line-height: 25px;letter-spacing: 0.03rem;color: #353A3F;font-size: 17px;font-weight: 400; max-width: 450px;}


.solution-tab-content .tab-pane-content {padding: 0px 30px;z-index: 9999;}
.solution-tab-content .solution-img{z-index: 9;}
.solution-tab-content .solution-img:after {position: absolute;content: '';bottom: 0;width: 100%;background: linear-gradient(0deg, #001B3A, transparent);z-index: 9;left: 0;height: 50%;}
.solution-tab-content .tab-pane-content .clients img {width: 132px;}
.solution-tab-content .tab-pane-content .clients .happy-investors {max-width: 100px;}

.testimonial-slider .img-card img {height: 100%;object-fit: cover;}
.testimonial-slider .img-card {border-radius: 16px;overflow: hidden;transform: scale(1.1);max-width: 250px;}
.testimonials-wrapper .swiper-slide .item {align-items: center;}
.testimonial-slider .content-card {background-color: #fff;display: flex;flex-direction: column;justify-content: space-between;border-radius: 0px 16px 16px 0px;padding: 40px 70px; max-width: 580px;}
.testimonial-slider .content-card .client-pos {color: var(--text-primary-80); font-size: 12px; font-weight: 300;}
.testimonial-slider{overflow: visible;}
.testimonial-slider .swiper-pagination {position: static;margin-top: 40px;}
.testimonial-slider .content-card .client-name {font-size: 16px;font-weight: 500;color: var(--text-dark);}
.testimonial-slider .content-card .client-text {font-size:20px;    height: 190px;overflow: scroll;}
.swiper-pagination .swiper-pagination-bullet{background: #FFFFFF}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0095FF}
.testimonial-slider .swiper-slide {
  direction: ltr;
}
.signature-process-wrapper{position: relative;z-index: 9; background-color: rgb(247 251 254);}
.signature-process-wrapper:after{position: absolute;content: '';width: 40%;background-image: url(../images/bg02.jpg);height: 100%;top: 0;right: 0;background-size: cover;z-index: -1;}
.signature-widget{border-left: solid 1px #E5EEF8;}
.signature-widget .nav-pills .nav-link{position: relative;margin-bottom: 0;display: flex;justify-content: space-between;padding: 20px 0px;}
.signature-widget .nav-pills .nav-link:after {position: absolute;content: '';height: 100%;width: 5px;left: -52px;bottom: 0;background-color: #D9E9FA;}
.signature-widget .nav-pills .nav-link.active:after {height: 100%;width: 5px;left: -52px;bottom: 0;background-color: #0095FF;border-radius: 12px;}
.signature-widget .nav-pills .nav-link .step-no {position: absolute;left: -110px;font-size: 34px;color: rgb(53 58 63 / 8%);}
.signature-widget .nav-pills .nav-link.active {border: 0;background-color: transparent;}
.signature-widget .nav-pills .nav-link .title {font-size: 24px;color: #262020;font-weight: 600;}
.signature-widget .nav-pills .nav-link p {font-size: 14px;color: rgb(38 32 32 / 80%); margin-bottom: 0;}
.signature-widget .nav-pills .nav-link .sub-title {font-size: 16px;color: #104076;}
.signature-widget .nav-pills .nav-link .icon img {opacity: 0.24; width: 69px;}
.signature-widget .nav-pills .nav-link.active .icon img {opacity: 1;}
.signature-widget .nav-pills .nav-link .content {width: 70%; text-align: left;}
.signature-widget .nav-pills .nav-link[aria-selected="false"] .content p {display: none;}
.signature-process-wrapper .process-img {padding-top: 156px;position: relative;left: -60px;width: calc(100% + 45px);}
.signature-process-wrapper .process-img .img-titile {position: absolute;bottom: 30px;left: 35px;font-size: 31px;color: #fff;letter-spacing: -0.02rem;margin-bottom: 0;}
.signature-process-wrapper .widget .nav-pills .nav-link.active .step-no {color: #0095FF;}
.signature-process-wrapper .dics {font-size: 20px;}

 
.blog-wrapper .article-img img{ width: 100%;height: 260px;object-fit: cover;object-position: center top;}
.article-card .article-tag{font-size: 12px;color: var(--primary-light);letter-spacing: 0.02rem;text-transform: uppercase}
.article-card .article-title a{font-size: 20px;color: var(--text-dark);font-weight: 600;letter-spacing: 0.02rem;}
.article-card .content p{color: #353A3F;font-size: 15px;letter-spacing: 0.03rem;}
.article-card .article-meta{color: var(--text-primary-80);font-size: 12px}

.overview-title {max-width: 440px;}

.contact-widget {top: -50px;position: relative;}
.contact-wrapper{background-color: #ecf4fd;padding-bottom: 80px;}
.contact-form {margin-top: -40px;background-size: cover;padding: 45px 60px;border-radius: 16px 16px 16px 0px;}
.contact-left {padding: 50px;border-radius: 16px 0px 0px 16px;}
.contact-form .form-group {position: relative;}
.contact-form .form-group .form-control {height: 62px;background-color: transparent;border: solid 1px #fff;color: #fff;font-size: 11px; font-weight: 500;}
.contact-form .form-group label {position: absolute;color: #fff;font-size: 12px;font-weight: 600;top: -11px;left: 15px;z-index: 9;background-color: #09305d;padding: 0px 5px;}
.contact-form .form-group .form-control::placeholder{color: #ffffff;}
.contact-form .title {font-size: 44px;font-weight: 700; max-width: 420px;}
.contact-left .icon img {width: 40px;}
.contact-item .title {font-size: 21px;font-weight: 500;}
.contact-left .contact-desc {max-width: 330px; font-size: 18px;}

.contact-form .form-group .form-control::placeholder {color:#e8f3ff; opacity: .7}



.newsletter-widget {background-color: rgb(255 255 255 / 16%);border-radius: 16px;padding: 14px 15px;}
.newsletter-widget .form-widget .form-control {width: 340px; height: 51px;background-color: transparent;border: solid 1px rgb(255 255 255 / 40%);color: #fff;margin-right: 10px;}
.newsletter-widget .form-widget .form-control::placeholder {color: rgba(255, 255, 255, 0.65);}

.values-widget img {width: 48px;}
.values-widget .title {font-size: 24px;letter-spacing: 0.02rem;color: var(--text-dark);}
.values-widget .dics {letter-spacing: 0.03rem;font-size: 14px;color: var(--text-primary-80);}

.serve-card .title {font-size: 40px;letter-spacing: 0.02rem;}
.serve-card .disc{font-size: 18px; font-weight: 500;}

.job-card {background-color: #ffffff;border-radius: 12px;padding: 0px 20px;box-shadow: 0px 2px 4px 1px rgb(0 0 0 / 13%);margin-bottom: 25px;}
.job-card:hover {background-color: #f8f9ff;}
.job-card .job-title {font-size: 20px;color: var(--text-dark);}
.job-card .badge {background-color: #d5e8ff;color: #0057b8;font-weight: 400;font-size: 12px;}
.job-card .job-req span i {color: var(--primary-light);}
.job-card .job-req span {font-size: 12px;color: var(--text-primary-80);}

.job-details .heading {font-size: 24px;font-weight: 600;color: var(--text-dark);}
.job-details p{font-size: 16px;color: var(--text-primary-80);}
.job-details ul li {position: relative;font-size: 16px;color: var(--text-primary-80);padding-left: 20px;padding-top: 4px;padding-bottom: 4px;}
.job-details ul li::after {position: absolute;content: '';width: 8px;height: 8px;border-radius: 50%;background-color: var(--primary-light);left: 0;top: 13px;}


.job-card .title {font-size: 24px;font-weight: 600;color: var(--text-dark);}
.job-card .item i{color: var(--primary-light);}
.job-card .item .job-label {text-transform: uppercase;font-size: 12px;}
.job-card .item .job-value {color: #000;line-height: 15px;font-size: 14px;}

/*###################__________FOOTER SECTION___________######################*/ 
.site-footer{background-color:#132a47}
.footerlogo img{ padding-bottom:15px;width: 220px}
.footer-main{ font-size: 14px;padding-top:20px}
.footer-main .headings{color:#fff; margin-bottom: 20px; font-weight:600;letter-spacing:.03em; font-size:17px}
.footer-main .social-handles a{background-color: #fff; color: #1C2B33; font-size: 20px; height: 40px; width: 40px; border-radius: 50px; display: inline-flex; justify-content: center; align-items: center;margin-right: 5px;}
.footer-main .social-handles a:hover{background-color:var(--primary); color: #fff;}
.footer-main .footer-links ul li{margin-bottom:12px;}
.footer-main .footer-links ul li a{display: block; font-size: 13px;}
.footer-main .footer-links ul li a,
.footer-main p,
.footer-main address,
.footer-main p a, .footer-btm .lst-links a{color:rgba(255, 255, 255, 0.65)}
.footer-main .footer-links ul li a:hover,
.footer-main p a:hover, .footer-btm .lst-links a:hover{color:var(--primary);}
.footer-main .footer-links ul{list-style: none; margin: 0;padding: 0;}
.footer-main .ftr-contact-info .info-block h6{color:#b8c0c0; text-transform: uppercase; font-size: 12px; margin-bottom: 5px;}
.footer-btm{ font-size:12px;color:#ccdfe3}
.border-pre { border-top: 1px solid #323f35;}
.Privacy-lnk{ color:#fff; text-decoration:underline} 
.footer-btm{padding-top:10px;padding-bottom:10px; border-top:1px solid rgb(255 255 255 / 16%);}
.footer-btm .lst-links a{ font-size: 13px;text-decoration: none;margin-right: 15px;border-right: solid 1px #fff;padding-right: 15px;}
.footer-main .contact-info img {width: 25px;}


.newsletter_sec input::-webkit-input-placeholder { color: rgb(255 255 255 / 50%);}
.newsletter_sec input::-moz-placeholder { color: rgb(255 255 255 / 50%);}
.newsletter_sec input:-ms-input-placeholder { color: rgb(255 255 255 / 50%);}
.newsletter_sec input:-moz-placeholder { color: rgb(255 255 255 / 50%);}
.newsletter_sec .form-control:focus{ color:#fff}  
.newsletter-widget .icon img {width: 48px;}


/*****back to top******/

.gototopbtn {background-color: rgb(255 255 255 / 24%);display: inline-block;padding: 5px 5px 5px 20px;border-radius: 40px; border: solid 1px #000;}
.footer-btm .go-icon {display: inline-flex; align-items: center;background:var(--primary);width: 40px;height:40px;justify-content: center; border-radius: 50%;}
.footer-btm .go-icon:hover{background-color: #fff; color:#000}
.footer-border{border-top: solid 1px rgb(255 255 255 / 16%);opacity: 1;}
.border-right-footer {border-right: solid rgb(255 255 255 / 16%);}






.custom-pagination .page-btn{width:40px;height:40px;border:2px solid #D9D9D9;border-radius:50px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#333;font-weight:500;background:#fff;transition:0.3s;}
.custom-pagination .page-btn.wide{width:140px;}
.custom-pagination .page-btn.active{background: var(--primary-light);color:#fff;border-color:var(--primary-light);}
.custom-pagination .page-btn:hover{background:var(--primary-light);color:#fff;border-color:var(--primary-light);}
.custom-pagination .page-btn.wide {width: 90px;height: 40px;font-size: 11px;color: #282122;border: solid 1px #D9D9D9;background-color: #ffff;}




.heading-highlights {color: #57A13B;font-weight: bold;font-size: 12px;text-transform: uppercase;}




.blog-details-wrapper .blog-details-img img {border-radius: 12px;margin-bottom: 20px;}
.blog-details-wrapper .blog-details-title {font-weight: 600;margin: 12px 0;}
.blog-details-wrapper .blog-meta {display: flex;gap: 15px;font-size: 13px;color: #777;padding: 0;list-style: none;margin-bottom: 20px;}
.blog-details-wrapper .blog-details-content blockquote {background: #d0e6ff;border-left: 4px solid var(--primary);padding: 15px 20px;margin: 20px 0;font-style: italic;}
.blog-details-wrapper .sidebar-box {margin-bottom: 30px;margin-bottom: 30px;background-color: rgb(240 240 240 / 56%);padding: 15px;border-radius: 12px;box-shadow: inset 0 calc(-1 * 1px) 0 #d3d3d3;}
.blog-details-wrapper .sidebar-title {font-weight: 600;margin-bottom: 15px;}
.blog-details-wrapper .sidebar-list {list-style: none;padding: 0;}
.blog-details-wrapper .sidebar-list li {margin-bottom: 8px;}
.blog-details-wrapper .recent-post {display: flex;gap: 12px;margin-bottom: 15px;}
.blog-details-wrapper .recent-post img {width: 70px;height: 70px;object-fit: cover;border-radius: 6px;}
.blog-details-wrapper .tag-list a {display: inline-block;padding: 6px 12px;border: 1px solid #ddd;margin: 5px 5px 0 0;font-size: 13px;}
.blog-details-wrapper .blog-details-content .blog-category {color: var(--text-dark);font-size: 13px;background-color: #9dcbff;padding: 2px 8px;display: inline-block;border-radius: 40px;margin-bottom: 15px;}
.blog-details-wrapper .blog-details-content .blog-details-title {font-size: 32px;color: #262020;font-weight: 500;}
.blog-details-wrapper .blog-details-content p {color: var(--text-dark);font-size: 15px;margin-top: 10px;}
.blog-details-wrapper .blog-details-content .blog-meta li {list-style: disc;margin-left: 15px;color: var(--text-dark);font-size: 14px;}
.blog-details-wrapper .sidebar-title {margin-bottom: 15px;font-size: 20px;color: #262020;font-weight: 600;}
.blog-details-wrapper input.form-control {border-radius: 40px;height: 48px;background-color: transparent;border: solid 1px var(--primary);color: var(--text-dark);font-size: 14px;}
.blog-details-wrapper input.form-control::placeholder{color: var(--text-dark);font-size: 14px;}

.blog-details-wrapper .sidebar-box .sidebar-list li a {padding: 4px 0px;display: block;color: var(--text-dark);font-size: 15px;margin-top: 10px;border-bottom: solid 1px #ccc;}
.blog-details-wrapper .sidebar-box .sidebar-list li:last-child a{border: 0;}
.blog-details-wrapper .sidebar-box .sidebar-list li a:hover {font-weight: 500;}
.blog-details-wrapper .sidebar-box .tag-list a {color: rgb(255 255 255);font-size: 14px;background-color: var(--primary);padding: 4px 16px;display: inline-block;border-radius: 40px;margin-bottom: 10px;border: 0;}
.blog-details-wrapper .recent-post span {color: var(--text-dark);font-size: 14px;}
.blog-details-wrapper .recent-post a {display: block;color: var(--text-dark);font-size: 16px;font-weight: 500;}
.blog-details-wrapper .recent-post:last-child{margin-bottom: 0;}




.stat-widget .stat-box {display: flex;align-items: center;}
.stat-widget .stat-box .number {color: #353A3F; font-size: 48px; font-weight: 700;}
.stat-widget .stat-box .number .sm-text{font-size: 24px; font-weight: 400;}
.stat-widget .stat-box .disc {color: #353A3F;margin-left: 15px; font-size: 12px;    max-width: 121px;}

.why-univesto-wrapper .img-widget img, .why-univesto-wrapper .img-widget {height: 100%;object-fit: cover;}
.team-widget .zoom-hover {height: 280px;}
.team-widget .content { background-color: rgb(0 0 0 / 40%);position: absolute; width: 100%; bottom: 0; backdrop-filter: blur(10px);text-align: center;padding: 15px 0px 8px 0px;}
.team-widget .content .btn-circle-icon {    position: absolute;top: -35px;left: 0;right: 0;margin: 0 auto;width: 45px;height: 45px;}
.team-widget .content .position {font-size: 14px;margin-bottom: 0;}
.team-widget .content .name {font-size: 20px;font-weight: 500;margin-bottom: 0;}

.inner-banner {background-size: cover;height: 380px;display: flex;align-items: center;}
.inner-banner-border {border-top: solid 14px rgb(0 87 184 / 20%);margin: 0;opacity: 1;}


.link-bar ul {display: inline-flex;background-color: #fff;border-radius: 40px;box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 25%);padding: 8px 8px;gap: 10px;margin: 0;}
.link-bar ul li a {border-radius: 40px;color: #000000;padding: 6px 12px;display: inline-block;font-size: 12px;font-weight: 600;text-transform: uppercase;}
.link-bar {margin-top: -30px;position: sticky;top: 71px;z-index: 99999;}
.link-bar ul li a.active {background-color: #0095FF;color: #ffffff;}

.overview-wrapper {padding-top: 80px;padding-bottom: 50px;}

.process-box .step-circle {background-color: #0095FF;width: 48px;height: 48px;display: flex;border-radius: 50%;align-items: center;justify-content: center;color: #fff;font-weight: 600;}
.process-box .content {width: calc(100% - 69px);}
.process-box {border: solid 1px rgb(15 56 115 / 12%);padding-top: 50px !important;}
.how-done-wrapper .title {position: absolute;top: -11px;background-color: #fff;left: 30px;color: #0057B8;padding: 0px 15px;}

.start-converation-wrapper {margin-top: 100px;}
.start-converation-wrapper .img-widget {position: absolute;  top: -170px;}
.start-converation-wrapper .disc {
    font-size: 17px;
    max-width: 470px;
}
.values-heading {max-width: 460px;}

.process-card {position: relative;border-radius: 12px;border: solid 1px rgb(15 56 115 / 32%);padding-top: 60px;background-color: #F5F7F9;height: 100%;display: flex;flex-direction: column;}
.process-card .top-badge {position: absolute;width: 79px;height: 80px;background-color: #0095FF;border-radius: 0px 0px 50% 50%;display: flex;align-items: center;justify-content: center;font-size: 48px;color: #fff;left: 20px;top: 0;}
.process-card p {color: #353A3F;margin-bottom: 0px;}
.process-card .card-body .title {font-size: 23px;letter-spacing: 0.03rem;}
.process-card .card-body .disc{font-size: 14px;}



.tailored-solutions-wrapper{z-index: 99;}
.tailored-solutions-wrapper:after{position: absolute;content: '';height: 30%;background-color: #0057B8;bottom: 0;width: 100%;z-index: -1;}
.solutions-heading {max-width: 400px; margin-top: 40px;}

.list-items .offer-item {display: flex;background-color: #D9E9FA;border-radius: 40px;padding: 8px 15px 8px 8px;align-items: center;margin-bottom: 16px;}
.list-items .offer-item .offer-number {background-color: rgb(8 54 108 / 80%);width: 48px;height: 48px;border-radius: 50%;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: 500;}
.tailored-solutions-wrapper .img-widget {position: absolute;left: 0;border-radius: 0px 64px 0px 0px;overflow: hidden; bottom:0}


.faq-wrapper .accordion-item {margin-bottom: 30px;background: #f0f6fd;border-bottom: 3px solid #b3d3f6;position: relative;border-radius: 12px;overflow: hidden;}
.faq-wrapper .accordion-item .accordion-header .accordion-button {font-size: 20px;font-weight: 500;color: #262020;}

 
.investform option[value=""] {color: #ccc;}
.investform option {background: #ffffff;color: #000;}
.investform:focus {border-color: #80bdff;box-shadow: 0 0 0 0.15rem rgba(0, 123, 255, 0.25);}
.investform option:checked {background-color: #2d6cdf; color: #fff}


/*****POPUP******/
.formPopup .modal-content {border: none;border-radius: 20px;overflow: hidden;box-shadow: 0 12px 35px rgba(0,0,0,0.15);}
.formPopup .modal-header {background-image: linear-gradient(to right bottom, #0057b8, #0155b3, #0152ad, #0250a8, #034ea3);color:#fff;border-bottom: none;padding: 20px;}
.formPopup .modal-body {padding: 50px;}
.formPopup .form-control:focus {box-shadow: none;border-color: var(--primary);}
.formPopup .form-control{ height:55px}
.formPopup .modal-lg, .formPopup .modal-xl { --bs-modal-width: 700px;}



.job-card.sticky-top{ z-index: 5;}

 
.formPopup .Upload{ line-height: 45px;}


.category-list li {list-style: none; margin-bottom:5px;padding-left: 20px;position: relative;}
.category-list li::before {content: '';width: 5px; height: 5px;border-radius: 50%; -moz-border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);background-color: #0057b8;position: absolute;top: 8px;left: 0;}
.category-list li a {color: #333;}
.category-list li a:hover { color: #0057b8;} 

.footer-btm .lst-links a:last-child { border-right:0}
.dividers {
    border-bottom: dashed 1px #ccc;
    margin-bottom: 8px;
    padding-bottom: 8px;
}
.values-widget {
    border: solid 1px #0057b8;
    padding: 30px;
    border-radius: 12px;
    height: 100%;
    background-color: rgb(236 245 255);
    transition: all 0.3s ease;
    cursor: pointer;
}

.values-widget:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0, 87, 184, 0.15);
    background-color: #ffffff;
}


/*#################################################################*/
/*################___________MEDIAQUERIES____________##############*/
/*#################################################################*/

@media screen and (min-width: 1900px) {
}
 
@media screen and (min-width: 1600px) {

}
  
@media screen and (min-width: 1400px) {
  
} 

@media (max-width: 1439.98px) {  
 
}

@media (max-width: 1199.98px) {
  .fs44 {font-size: 32px;}
  .signature-process-wrapper .process-img .img-titile {font-size: 24px;}
  .signature-process-wrapper .widget .nav-pills .nav-link .title {font-size: 20px;}
  .fs17 {font-size: 14px;}
  .fs18 {font-size: 16px;}
  .fs24 {font-size: 20px;}
  .fs56 {font-size: 46px;}
}

@media (max-width: 991.98px) {
    .signature-process-wrapper .process-img {padding-top: 0px;position: relative;left: 0px;width: 100%;}
    .footer-btm .form-widget {width: 100%;}
    .footer-btm .form-widget input.form-control {width: 100% !important;}
    .signature-process-wrapper:after {width: 100%;height: 52%;bottom: 0;top: auto;}
    .testimonial-slider .content-card {padding: 40px 40px;max-width: 460px;}
}

@media (max-width: 767.98px) {
    .site-header nav.navbar {padding: 15px 0px;}
    .signature-process-wrapper .widget {padding-top: 40px;padding-left: 15px !important;padding-right: 15px !important;}
    .whatwedo-wrapper .nav-pills .nav-link > div p {width: 100%;}
    .whatwedo-wrapper .nav .nav-link .icon-name {width: 100%;margin-bottom: 10px;}
    .whatwedo-wrapper .nav-pills .nav-link > div {flex-direction: column;position: relative;}
    .whatwedo-wrapper .nav-pills .nav-link > div a.btn {position: absolute;right: 0px;top: 0px;}
    .ms-100 {margin-left: 50px;}
    .signature-process-wrapper .widget .nav-pills .nav-link:after,
    .signature-process-wrapper .widget .nav-pills .nav-link.active:after {left: -20px;}
    .signature-process-wrapper .widget .nav-pills .nav-link .step-no {left: -68px;}
    .testimonial-slider-item {flex-direction: column;}
    .testimonial-slider .img-card {max-width: 100%;height: 330px;margin: 0 auto;}
    .testimonial-slider .content-card{max-width: 100%;}
    .testimonial-slider .content-card{ border-radius: 16px;}
    .contact-form .title {font-size: 28px;}
    .contact-form {margin-top: -30px;padding: 45px 20px;}
     .app_store_icon {max-width: 230px;display: block;}
	 .team-widget{ margin-bottom:15px}
	 .Mypadding {padding: 30px 0;}
	 
	 .serve-card.bg-primary {padding-left: 10px;padding-right: 10px;}
	 .serve-card .title {font-size: 30px;}
	 .serve-card .disc { font-size: 15px;}
	 .inner-banner h1{ font-size:35px}
	 .contact-left {padding: 30px; border-radius: 10px}
	 .serve-card .serve-content {width: auto;}
	 .btn-circle-icon {width: 46px; height: 46px;}
	 .serve-card .btn-circle-icon {top: 5px;right: 5px;}
	 .who-we-serve-wrapper .serve-card .disc {font-size: 13px;}
	 .who-we-serve-wrapper  .serve-card .serve-content .title {font-size: 18px}
	 .overview-wrapper {padding-top: 30px;padding-bottom: 0px;}
}

@media (max-width: 576.98px) {
    .fs56 {font-size: 36px;}
    .banner-wrapper .btn-wrap {flex-direction: column;}
    .banner-wrapper {align-items: end;padding-bottom: 30px;}
    .all-heading {font-size: 30px;line-height: 38px;}
    .serve-card .serve-content .title {font-size: 20px;}
    .all-heading {font-size: 24px;}
    .app_store_icon {max-width: 200px;display: block;}
	.gototopbtn, .top-feature-bar .feature-item::after, .top-feature-bar .feature-item::before, .link-bar { display:none}
	.stat-widget .stat-box .number {font-size: 35px;}
	.whatwedo-wrapper .btn.bg-primary-light{ width:100%}
	 .list-items .offer-item .offer-number {width: 115px;height: 55px;}
	 .process-card .top-badge {width: 65px;height: 65px;font-size: 35px;}
	 .start-converation-wrapper .img-widget {position: static;margin-top: 15px;}
}
@media (max-width: 475px) {
    .row-cols-mo-1>* {width: 100% !important;display: flex;justify-content: center;}
    .row-cols-mo-1>* .feature-item:before,
    .row-cols-mo-1>* .feature-item:after{display: none;}
    .app_store_icon {max-width: 170px;display: block;}
}