@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;1,100;1,200;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Plus+Jakarta+Sans:wght@400;600;800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;1,100;1,200;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

body ,html  {
   font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important;
   width: 100%;  
   margin: 0;
   padding: 0;
   overflow-x: hidden !important;
}

.validation-info.is-error{
   color: #f92b60;
   display: block;
   font-size: 13px;
   margin-bottom: 4px;
}
/* ***********************header************************* */

.header {
   position: absolute;
   z-index: 20;
   width: 100%;
   background: rgba(28, 37, 54, 0.7);
}

.headerFixed {
   position: fixed;
   left: 0;
   right: 0;
   top:-85px;
   z-index: 100;
   color: #101828 !important;
   background-color:#ffffff;
   transform: translateY(85px);
   transition: all .5s;
}

.header form .btn-outline-secondary {
   position: relative;
    top: 12px;
    right: 55px;
    background: #0002070a !important;
    border: none !important;
}

.logo-header img{
   width: 80px;
   height: 80px;
}

nav ul li a, nav ul li a::after, nav ul li a::before {
   transition: all 0.5s ease 0s;
}

.navbar-toggler {
   background-color: white !important;
}

.nav-item:first-child {
   margin: 0px 2rem;
}

.nav-item {
   margin: 0px 2rem;
}

nav ul li a {
   border-radius: 14px;
   width: 100px;
   text-align: center;
   color: rgb(171, 170, 166) !important;
}

nav ul li a:hover {
   border-radius: 14px;
   background: rgba(255, 255, 255, 0.1);
   color: rgb(109, 107, 107) !important;
}

nav.stroke ul li a, nav.fill ul li a {
   position: relative;
}

nav.stroke ul li a::after, nav.fill ul li a::after {
   position: absolute;
   bottom: 0px;
   left: 0px;
   right: 0px;
   margin: auto;
   width: 0%;
   content: ".";
   color: transparent;
   background: rgb(236, 203, 39);
   height: 1px;
}

.nav-item {
   color: black !important;
}

nav.stroke ul li a:hover::after {
   width: 100%;
}

nav.fill ul li a {
   transition: all 2s ease 0s;
}

nav.fill ul li a::after {
   text-align: left;
   content: ".";
   margin: 0px;
   opacity: 0;
}

nav.fill ul li a:hover {
   color: rgb(255, 255, 255);
   z-index: 1;
}

nav.fill ul li a:hover::after {
   z-index: -10;
   animation: 1s ease 0s 1 normal forwards running fill;
   opacity: 1;
}
nav .form-control{
   background-color: rgba(255, 255, 255, 0.07) !important;
   border: none;
   border-radius: 100px;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   -o-border-radius: 100px;
}

.menu {
   position: relative;
}

.menu .subMenu {
   background-color: rgba(255, 255, 255, 0.855);
   padding: 10px 15px;
   width: 220px;
   box-shadow: rgba(255, 255, 255, 0.392) 0px 0px 20px;
   position: absolute;
   right: 50px;
   opacity: 0;
   visibility: hidden;
   top: 50px;
   transition: all 0.4s ease 0s;
}

.menu:hover .subMenu {
   opacity: 1;
   visibility: visible;
   top: 30px;
}

.menu .subMenu li {
   margin: 10px 0px;
   padding: 5px;
   list-style: none;
}

.menu .subMenu li a {
   color: rgb(154, 32, 32);
   text-decoration: none;
}

/* ***********************header************************* */
/* **********************Finnancal************************** */
.Finnancal {
   font-family: 'Poppins', sans-serif;
   padding-top: 80px;
}
.Finnancal .finan-text h1,
.Proud .proud-text h1 {
   color: var(--secondary-500, #1A1C1E);
   text-align: center;
   font-family: Plus Jakarta Sans;
   font-size: 56px;
   font-weight: 700;
   line-height: 1.5;
   letter-spacing: 0.5px;
}
.Finnancal .finan-text .btn ,.Proud .proud-text .btn {
   width: 191px;
   height: 54px;
   padding: 14px 24px;
   justify-content: center;
   align-items: center;
   gap: 10px;
   border-radius: 14px;
   border: 1px solid var(--secondary-200, #c0c5c7);
   background: var(--primary-0, #FFF);
   color: #1A1C1E;
}

.Finnancal .finan-text p ,.Proud .proud-text p {
   color: var(--secondary-400, #6C7278);
   text-align: center;
   font-family: Plus Jakarta Sans;
   font-size: 18px;
   line-height: 1.8;
   letter-spacing: 0.5px;
}

.Finnancal .home-service {
   width: 100%;
   height: 380px;
   border-radius: 0px 50px;
   background: #1C2536;
   box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.25) inset;
   text-align: center;
   position: relative;
   overflow: hidden;
   transition: all 1s;
}

.Finnancal .home-service::before,
.Finnancal .home-service::after {
   content: "";
   background: #00A3CC;
   border-radius: 13px;
   width: 70px;
   height: 70px;
   transition: all 1s;
   position: absolute;
   left: 0;
}

.Finnancal .home-service::before {
   bottom: -5px;
}
.Finnancal .home-service::after {
   bottom: 76px;
}

.home-service:hover::before,
.home-service:hover::after {
   transform: translate(calc(var(--home-service-width) - 70px), calc(-1 * (var(--home-service-height) - 2 * 70px)));
   -webkit-transform: translate(calc(var(--home-service-width) - 70px), calc(-1 * (var(--home-service-height) - 2 * 70px)));
   -moz-transform: translate(calc(var(--home-service-width) - 70px), calc(-1 * (var(--home-service-height) - 2 * 70px)));
   -o-transform: translate(calc(var(--home-service-width) - 70px), calc(-1 * (var(--home-service-height) - 2 * 70px)));
}

.Finnancal .boxc {
   justify-content: space-evenly;
}

.Finnancal .home-service h1 {
   color: var(--primary-0, #FFF);
   text-align: center;
   font-family: Plus Jakarta Sans;
   font-size: 40px;
   font-weight: 700;
   line-height: 1.4;
   letter-spacing: 0.5px;
   text-transform: capitalize;
   max-height: 160px;
   overflow: hidden;
   padding-right: 8%;
   padding-left: 13%;
}

.control-ap {
   display: block;
   height: 100%;
   transition: all 1s !important;
   -webkit-transition: all 1s !important;
   -moz-transition: all 1s !important;
   -ms-transition: all 1s !important;
   -o-transition: all 1s !important;
}
.control-ap h1 {
   transition: all 1s;
   -webkit-transition: all 1s;
   -moz-transition: all 1s;
   -ms-transition: all 1s;
   -o-transition: all 1s;
}

.control-n {
   opacity: 0;
}

.home-service:hover .control-n {
   text-align: left;
   opacity: 1;
   transition: all 1s;
   -webkit-transition: all 1s;
   -moz-transition: all 1s;
   -ms-transition: all 1s;
   -o-transition: all 1s;
}

.home-service:hover .control-ap {
   display: none;
   transition: all 1s;
}

.control-n h3 {
   color: var(--primary-0, #FFF);
   font-family: Plus Jakarta Sans;
   font-size: 32px;
   font-weight: 700;
   line-height: 1.3;
   letter-spacing: 0.6px;
   margin-bottom: 18px;
   padding-right: 58px;
   max-height: 93px;
   overflow: hidden;
}
.control-n p {
   color: var(--secondary-200, #DCE4E8);
   font-family: Plus Jakarta Sans;
   font-size: 18px;
   font-weight: 400;
   line-height: 1.6;
   letter-spacing: 0.5px;
   padding-right: 50px;
   max-height: 199px;
   overflow: hidden;
}

/* ************************Finnancal************************ */

/* ***************************about****************** */

.about {
   margin-top: 100px;
   transition: all 1s;
   -webkit-transition: all 1s;
   -moz-transition: all 1s;
   -ms-transition: all 1s;
   -o-transition: all 1s;
}
/* .about:hover .animate__animated.animate__fadeInBottomLeft {
   --animate-duration: 1s;
   animation-direction: alternate-reverse;
   transition: all 800ms ease 0s;
   animation-iteration-count: infinite;
}
.about .about-img {
visibility: hidden;
transition: all 1s;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
}

.about :hover .about-img img {
   visibility: visible;
   transform: animate__fadeInBottomLeft ;
   -webkit-transform: animate__fadeInBottomLeft ;
   -moz-transform: animate__fadeInBottomLeft ;
   -ms-transform: animate__fadeInBottomLeft ;
   -o-transform: animate__fadeInBottomLeft ;
   transition: all 1s;
   -webkit-transition: all 1s;
   -moz-transition: all 1s;
   -ms-transition: all 1s;
   -o-transition: all 1s;
} */


.about-img img {
   width: 100%;
   height: 100%;
}
.about .about-text p {
   color: #000;
   font-family: Plus Jakarta Sans;
   font-size: 18px;
   line-height: 1.8;
   letter-spacing: 0.5;
   text-align: justify;
}
.about-text .btn{
   float: right;
   width: 191px;
   height: 54px;
   padding: 14px 24px;
   justify-content: center;
   align-items: center;
   gap: 10px;
   border-radius: 14px;
   border: 1px solid var(--secondary-200, #c0c5c7);
   background: var(--primary-0, #FFF);
   color: #1A1C1E;
}
/* ***************************about****************** */
/* ***************************parteners****************** */
.parteners {
   margin-top: 90px;
   margin-bottom: 134px;
}
.parteners h1 {
   color: var(--secondary-500, #1A1C1E);
   text-align: center;
   font-family: Plus Jakarta Sans;
   font-size: 56px;
   font-style: normal;
   font-weight: 700;
   line-height: 1.8;
   letter-spacing: 0.5px;
}
.parteners .owl-carousel {
   margin-top: 100px;
}
.parteners .owl-carousel .item  {
   
   text-align: center;
}
.parteners .owl-carousel .item img {
   width: 102px;
   height: 100px;
   margin: 0 auto;
   opacity: 0.8;
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
}
.parteners .owl-carousel .item img:hover {
   opacity: 1;
   transition: all 0.3s ease-in-out 0s;
   -webkit-filter: grayscale(0);
   filter: grayscale(0);
}


/* ***************************parteners****************** */
/* ***************************proud****************** */
.Proud {
   margin-top: 200px;
}
.Proud .finance img {
   width: 100%;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
}
.Proud h2 {
   color: var(--secondary-500, #1A1C1E);

   /* Semibold/Type@32 */
   font-family: Plus Jakarta Sans;
   font-size: 32px;
   font-style: normal;
   font-weight: 700;
   line-height: 1.8;
   letter-spacing: 0.5px;
}
.Proud p {
   color: var(--secondary-400, #6C7278);
   font-family: Plus Jakarta Sans;
   font-size: 18px;
   line-height: 1.8;
   letter-spacing: 0.5px;
   text-align: left;
}

.Proud .col-md-4 {
   border: none !important;
   box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
}
/* ***************************proud****************** */
/* ***************************footer****************** */
footer {
    background: #1C2536;
    width: 100%;
}
footer h5 {
    color: var(--primary-0, #FFF);

    /* Semibold/Type@20 */
    font-family: Plus Jakarta Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 30px */
    letter-spacing: 0.4px;
}

footer small {
    text-decoration: none;
    color: var(--secondary-200, #DCE4E8);

    /* Medium/Type@16 */
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: 0.32px;
}

footer ul li  a {
    text-decoration: none;
    color: var(--secondary-200, #DCE4E8);

    /* Medium/Type@16 */
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 225%; /* 24px */
    letter-spacing: 0.32px;
}

footer a:hover {
  color: #007bff;
  text-decoration: none;
}


/* ***************************footer****************** */
/* ***************************services****************** */
.cover {
   /* background-image: url("../images/slider1.jpg"); */
   height: 408px;
   background-position: center center;
   position: relative;
   background-size: cover;
   overflow: hidden;
   object-fit: cover;
   background-repeat: no-repeat;
   width: 100%;
   transition: opacity 2s ease;
   -webkit-transition: opacity 2s ease;
   -moz-transition: opacity 2s ease;
   -ms-transition: opacity 2s ease;
   -o-transition: opacity 2s ease;
   font-family: Plus Jakarta Sans;
}

.cover .container {
   margin-top: 200px !important;
}

.cover:hover .overlaay {
   position: absolute;
   width: 100%;
   height: 100%;
   background: linear-gradient(to top, rgba(17, 45, 70, 0.7), rgba(65, 65, 75, 0.7));
   opacity: 1;
   transition: opacity 0.5s ease;
   -webkit-transition: opacity 0.5s ease;
   -moz-transition: opacity 0.5s ease;
   -ms-transition: opacity 0.5s ease;
   -o-transition: opacity 0.5s ease;
}

.overlaay {
   position: absolute;
   width: 100%;
   height: 100%;
   background: linear-gradient(to top, rgba(17, 45, 70, 0.7), rgba(3, 2, 48, 0.7));
   transition: opacity 0.5s ease;
   -webkit-transition: opacity 0.5s ease;
   -moz-transition: opacity 0.5s ease;
   -ms-transition: opacity 0.5s ease;
   -o-transition: opacity 0.5s ease;
}

.breadcrumbs {
   height: 100px;
   text-align: center;
   line-height: 50px;
}

.breadcrumb-item strong {
   color: #FFF;
   text-align: center;
   font-size: 64px;
   font-style: normal;
   font-weight: 900;
   line-height: 112%;
   text-transform: capitalize;
}

.breadcrumb-item h1 {
   color: #00A3CC;
   font-size: 64px;
   font-style: normal;
   font-weight: 900;
   line-height: 112%;
   text-transform: capitalize;
}

.breadcrumb-item {
   text-align: center;
   position: relative;
   
   transition: opacity 2s ease;
   -webkit-transition: opacity 2s ease;
   -moz-transition: opacity 2s ease;
   -ms-transition: opacity 2s ease;
   -o-transition: opacity 2s ease;
}

.cover:hover .breadcrumb-item {
   display: block;
   opacity: 1;
}

.services {
   margin-top: 70px;
   margin-bottom: 50px;
   padding: 20px 20px;
}

.services h2 {
   font-family: Plus Jakarta Sans;
   font-size: 40px;
   font-weight: 700;
   line-height: 1.8;
   letter-spacing: 0.5px;
}

.services p {
   color: var(--secondary-400, #6C7278);
   font-family: Plus Jakarta Sans;
   font-size: 20px;
   font-weight: 600;
   line-height: 1.8;
   letter-spacing: 0.4px;
}
.services .card {
   /* margin: 20px; */
   width: 100%;
   height: 434.574px;
   background: #1C2536;
   transition: all 0.4s;
   border-radius: 10px;
   box-shadow: 0px 0px 10px 5px  rgba(0, 0, 0, 0.705);
   font-size: 30px;
   font-weight: 900;
   overflow: hidden;
 }
 
 .services .card:hover {
   border-radius: 15px;
   cursor: pointer;
   transform: scale(1);
   box-shadow: 0px 0px 10px 5px  rgba(0, 0, 0, 0.705);
   background: #00A3CC;
   overflow: hidden;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
}
.services .card2 {
   height: 121vh;
 
}
.services .card2 .first-content {
   margin-top: 20% !important;
}
.services .card2 .first-content .img-cint {
   margin-top: 30%;
}
 
 .services .first-content {
   height: 100%;
   width: 100%;
   transition: all 0.4s;
   display: block;
   justify-content: center;
   align-items: center;
   opacity: 1;
   border-radius: 15px;
   margin-top: 0%;
 }
 .services .first-content h1 {
   color: #FFF;
   text-align: center;
   font-family: Plus Jakarta Sans;
   font-size: 40px;
   font-style: normal;
   font-weight: 700;
   line-height: 150%; /* 60px */
   letter-spacing: 0.5px;
 }
 .services .first-content .img-cint {
   text-align: center;
   margin-top: 0px;
 }
 .services .first-content img {width: 238px;}

 
 .services .card:hover .first-content {
   height: 0px;
   opacity: 0;
 }
 
 .services .second-content {
   
   height: 0%;
   width: 100%;
   opacity: 0;
   display: block;
   justify-content: center;
   align-items: center;
   border-radius: 15px;
   transition: all 0.4s;
   font-size: 0px;
   transform: rotate(90deg) scale(-1);
   -webkit-transform: rotate(90deg) scale(-1);
   -moz-transform: rotate(90deg) scale(-1);
   -ms-transform: rotate(90deg) scale(-1);
   -o-transform: rotate(90deg) scale(-1);
   margin-top: 0 !important;
}
.services .second-content .img-cint {
   text-align: center;
   margin-top: 100px;
 }
 .services .card2 .second-content .img-cint {
   text-align: center;
   margin-top: 20% !important;
 }
 
 .services .second-content img {
width: 150px;

 }
.services .second-content h1 {
   color: #FFF;
   text-align: center;
   font-family: Plus Jakarta Sans;
   font-size: 24px;
   font-style: normal;
   font-weight: 700;
   line-height: 150%; /* 36px */
   letter-spacing: 0.6px;
 }
 .services .second-content p {
   color: #FFF;
text-align: center;
font-family: Plus Jakarta Sans;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 200%; /* 30px */
letter-spacing: 0.4px;
text-align: center;
padding: 0px 30px;
 }
 
 .services .card:hover .second-content {
   opacity: 1;
   height: 100%;
   font-size: 1.8rem;
   transform: rotate(0deg) translateY(-20%);
   margin-top: 0 !important;
   -webkit-transform: rotate(0deg) translateY(-20%);
   -moz-transform: rotate(0deg) translateY(-20%);
   -ms-transform: rotate(0deg) translateY(-20%);
   -o-transform: rotate(0deg) translateY(-20%);
}
.services .card2:hover .second-content {
   text-align: center;
   margin-top: 20% !important;
 }
 



/* ***************************services****************** */
/* ***************************servicesName****************** */
.servicesName {
   margin-top: 10vh;
   margin-bottom: 10vh;
}
.servicesName h2 {
   color: #000;
   margin-top: 80px;
   font-family: Plus Jakarta Sans;
   font-size: 32px;
   font-weight: 600;
   line-height: 1.8;
   letter-spacing: 0.5px;
   text-transform: capitalize;
}
.servicesName ul {
   /*list-style-image: url('../images/next\ \(1\).png');*/
   list-style: none;
   padding: 0;
   margin: 0;
}
.servicesName ul li {
   color: #A3A3A3 !important ;
   font-family: Plus Jakarta Sans;
   
}
.servicesName a {
   color: #A3A3A3 !important;
   font-family: Plus Jakarta Sans !important;
   font-size: 24px !important; 
   font-weight: 400 !important;
   line-height: 1.8;
   letter-spacing: 0.5px;
   text-transform: capitalize;
}
.servicesName ul li .btn-primary {
   background-color: white !important;
  
   border-radius: none !important;
   -webkit-border-radius: none !important;
   -moz-border-radius: none !important;
   -ms-border-radius: none !important;
   -o-border-radius: none !important;
   color: #A3A3A3 !important ;
   font-family: Plus Jakarta Sans;
   
}
.servicesName .Benefits h2 {
   color: #000;

font-family: Plus Jakarta Sans;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 1.8;
letter-spacing: 0.5px;
}
.servicesName .Benefits p {
   color: var(--secondary-400, #6C7278);
   font-family: Plus Jakarta Sans;
   font-size: 20px;
   font-weight: 600;
   line-height: 1.8;
   letter-spacing: 0.4px;
   text-transform: capitalize;
   text-align: left;
}
.servicesName .Benefits .benefit-img img {
   width: 100%;
   height: 100%;
}

/* ***************************servicesName****************** */
/* ***************************Finances****************** */
.Finances {
   background: #1D2735;
box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.12) inset;
}
.Finances .finance-text {
   padding-top: 20vh;
}
.Finances .finance-text h1 {
   color: var(--primary-0, #FFF);
   font-family: Plus Jakarta Sans;
   font-size: 40px;
   font-weight: 700;
   line-height: 140%;
   letter-spacing: 0.5px;
   text-transform: capitalize;
}
.Finances .finance-text strong {
   color: #00A3CC;
   font-family: Plus Jakarta Sans;
   font-size: 56px;
   font-weight: 700;
   line-height: 140%;
   letter-spacing: 0.5px;
   text-transform: capitalize;
}

.Finances .finance-text p {
   color: var(--secondary-200, #DCE4E8);
   font-family: Plus Jakarta Sans;
   font-size: 18px;
   line-height: 1.8;
   letter-spacing: 0.5px;
}

.Finances .finance-img img {
   width: 120%;
}


/* ***************************Finances****************** */
/* ***************************About-us****************** */
.About-us .finan-text h1 {
   color: #1B2632;
   font-family: Plus Jakarta Sans;
   font-size: 36px;
   font-weight: 700;
   line-height: 1.8;
   letter-spacing: 0.5px;
   text-transform: capitalize;
}
.About-us {
   margin-top: 16vh;
   margin-bottom: 14vh;
}


.About-us .finan-text p  {
   color: var(--secondary-400, #6C7278);
   font-family: Plus Jakarta Sans;
   font-size: 18px;
   line-height: 1.8;
   letter-spacing: 0.5px;
}
.mession .about-img img {
   width: 100%;
   height: 100%;
}
.mession h2 {
   color: #1B2632;
   font-family: Plus Jakarta Sans;
   font-size: 36px;
   font-style: normal;
   font-weight: 500;
   line-height: 140%; /* 50.4px */
   letter-spacing: 0.5px;
}
.mession .about-text p {
   color: #000;
   /* padding-top: 50px; */
   font-family: Plus Jakarta Sans;
   font-size: 18px;
   line-height: 150%; /* 27px */
   letter-spacing: 0.5px;
   text-align: justify;
}

/* ***************************About-us****************** */
/* ***************************part****************** */
.part {
   margin-top: 20vh;
   margin-bottom: 20vh;

}
.part .finan-text h1 {
   color: #1B2632;
   text-align: center;
   font-family: Plus Jakarta Sans;
   font-size: 56px;
   font-weight: 700;
   line-height: 1.6;
   letter-spacing: 0.5px;
   margin-bottom: 15vh;
}
.part .part-img img {
   width: 80px;
}
.part .col-md-4 {
   padding: 0px 3.8%;
}
.part h2 {
   color: var(--secondary-500, #1A1C1E);
   font-family: Plus Jakarta Sans;
   font-size: 32px;
   font-style: normal;
   font-weight: 700;
   line-height: 1.5;
   letter-spacing: 0.5px;
}
.part p {
   color: var(--secondary-400, #6C7278);
   font-family: Plus Jakarta Sans;
   font-size: 18px;
   line-height: 1.8;
   letter-spacing: 0.5px;
}
/* ***************************part****************** */
/* ***************************team****************** */
.team {
   margin-top: 20vh;
   margin-bottom: 20vh;
}
.team strong {
   color: #00A3CC;
   /* h6 */
   font-family: 'Montserrat', sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: 24px; /* 171.429% */
   letter-spacing: 0.2px;
}
.team h1 {
   color: #1C2536;
   font-family: 'Montserrat', sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 50px; /* 125% */
letter-spacing: 0.2px;
text-transform: capitalize;

}
.team .col-12 p {
   color: #1C2536;

/* paragraph */
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
letter-spacing: 0.2px;

}
.team .our-bod {
   border-radius: 20px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   -ms-border-radius: 20px;
   -o-border-radius: 20px;
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.team .our-bod h3 {
   color: var(--text-color, #252B42);
text-align: center;
margin-top: 10px;

/* h5 */
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 150% */
letter-spacing: 0.1px;
}
.team .our-bod P {
   color: var(--second-text-color, #737373);
   text-align: center;
   font-family: Montserrat;
   font-size: 12px;
   font-weight: 400;
   line-height: 16px; /* 133.333% */
   letter-spacing: 0.2px;
   margin-bottom: 8px;
}
.team .our-bod .description {
   font-size: 14px;
   height: 22px;
   overflow: hidden;
}
.single-bod img {
   width: 100%;
   height: 400px;
   object-fit: cover;
   border-top-right-radius: 20px;
   border-top-left-radius: 20px;
}
.team .social {
	list-style: none;
	padding-left: 2px;
	padding-bottom: 5%;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.team .social li {
   display: inline-block;
   justify-content: space-between;
}
.team .social li a {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 34px;
	font-size: 15px;
	color: #fff;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	border-radius: 30px;
	margin: 0 3px;
}
.team:hover .social li:nth-child(1) a{
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
}
.team:hover .social li:nth-child(2) a{
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s
}
.team:hover .social li:nth-child(3) a{
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
}
.team:hover .social li:nth-child(4) a{
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
}
.team .social li a:hover{
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
}



/* ***************************team****************** */
/* ***************************contact********************* */
.ft-contact {
   font-family: Inter !important;
}
.form-control {
   display: block;
   width: 100%;
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: var(--bs-body-color);
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-color: var(--bs-body-bg);
   background-clip: padding-box;
   border: var(--bs-border-width) solid var(--bs-border-color) !important;
   border-radius: var(--bs-border-radius);
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   max-width: 15px 0px !important;
}
.contact .info-box {
   color: #444444;
   text-align: center;
   box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
   padding: 30px 24px;
}
.mb-4 {
   margin-bottom: 1.5rem!important;
}
.contact h1 span {
   color: #00A3CC;
   font-family: Inter;
   font-size: 48px;
   font-weight: 600;
   letter-spacing: 0.5px;
}
.contact h6 {
   color: var(--adfw, #AFB7C0);
   text-align: center;
   font-family: Inter;
   font-size: 16px;
   font-weight: 600;
   line-height: 24px; /* 150% */
}
.ftco-section h3 {
   color: var(--gray-900, #101828);
   font-family: Inter;
   font-size: 48px;
   font-weight: 600;
   line-height: 60px; /* 125% */
   letter-spacing: 0.5px;
}
.contact h1  {
   color: var(--gray-900, #101828);
   text-align: center;
   font-family: Inter;
   font-size: 48px;
   font-weight: 600;
   line-height: 60px; /* 125% */
   letter-spacing: 0.5px;
}

.contact .info-box i {
   font-size: 32px;
   color: #fff;
   border-radius: 50%;
   padding: 8px;
   border: 8px solid #00A3CC;
   background: #00A3CC;
}
.contact .info-box i.fa-location-dot {
   padding-left: 12px;
   padding-right: 12px;
}

.contact h3 {
   color: var(--gray-900, #101828);
   text-align: center;
   font-family: Inter;
   font-size: 20px;
   font-weight: 600;
}

.contact p,
.contact a {
   color: var(--gray-500, #667085);
   text-align: center;
   font-family: Inter;
   font-size: 16px;
   font-weight: 500;
   line-height: 25px; /* 150% */
}
.contact a {
   text-decoration: none;
}
.contact a:hover {
   color: #00A3CC;
   text-decoration: underline;
}

.ftco-section {
   padding: 5em 0;
   font-family: Inter !important;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px; 
 }
 .ftco-section .form-group .btn-primary {
   background-color: #007bff !important;
   border: none;
   padding: 20px 8vh;
   margin: 7px 0px;
 }
 
 .ftco-no-pt {
   padding-top: 0; }
 
 .ftco-no-pb {
   padding-bottom: 0; }
 
 .heading-section {
   font-size: 28px;
   color: #000; }
 
 .img {
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center; }
 
 .form-control {
   height: 44px;
   background: #fff;
   color: rgba(0, 0, 0, 0.8);
   font-size: 14px;
   border-radius: 2px;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
   border: none;
   margin: 6px 0px;
   }
   .form-control::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
     color: rgba(0, 0, 0, 0.3) !important; }
   .form-control::-moz-placeholder {
     /* Firefox 19+ */
     color: rgba(0, 0, 0, 0.3) !important; }
   .form-control:-ms-input-placeholder {
     /* IE 0+ */
     color: rgba(0, 0, 0, 0.3) !important; }
   .form-control:-moz-placeholder {
     /* Firefox 18- */
     color: rgba(0, 0, 0, 0.3) !important; }
   .form-control:focus, .form-control:active {
     border-color: #2553b8 !important; }
 
 textarea.form-control {
   height: inherit !important; }
 
 .wrapper {
   width: 100%; }
 
 .contact-wrap {
   /* background: #e8edf0; */
   }
 
.dbox {
   width: 100%;
   margin-bottom: 25px;
   padding: 0 20px; 
}
  
@media (min-width: 768px) {
     .dbox {
       margin-bottom: 0;
       padding: 0; } }
   .dbox p {
     margin-bottom: 0; }
     .dbox p span {
       font-weight: 500;
       color: #000; }
     .dbox p a {
       color: #2553b8; }
   .dbox .icon {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     background: #2553b8;
     margin: 0 auto;
     margin-bottom: 20px; }
     .dbox .icon span {
       font-size: 20px;
       color: #fff; }
   .dbox .text {
     width: 100%; }
 
 .btn {
   padding: 12px 16px;
   cursor: pointer;
   border-width: 1px;
   border-radius: 5px;
   font-size: 14px;
   font-weight: 400;
   -webkit-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
   -moz-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
   box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
   position: relative;
   margin-bottom: 20px;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s; }
   @media (prefers-reduced-motion: reduce) {
     .btn {
       -webkit-transition: none;
       -o-transition: none;
       transition: none; } }
   .btn:hover, .btn:active, .btn:focus {
     outline: none !important;
     -webkit-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.22) !important;
     -moz-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.22) !important;
     box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.22) !important; }
   .btn.btn-primary {
     background: #2553b8 !important;
     border-color: #2553b8 !important;
     color: #fff; }
     .btn.btn-primary:hover, .btn.btn-primary:focus {
       border-color: #1c408e !important;
       background: #1c408e !important; }
 
 .contactForm .label {
   color: #000;
   /* text-transform: uppercase; */
   font-size: 12px;
   font-weight: 600;
   }
 
 .contactForm .form-control {
   border: none; }
 
#map {
   width: 100%; 
}
   
@media (max-width: 991.5px) {
   #map {
      height: 420px;
      padding: 0 18px;
   }
}
 
 #contactForm .error {
   color: red;
   font-size: 12px; }
 
 #contactForm .form-control {
   font-size: 16px; }
 
 #message {
   resize: vertical; }
 
 #form-message-warning, #form-message-success {
   display: none; }
 
 #form-message-warning {
   color: red; }
 
 #form-message-success {
   color: #28a745;
   font-size: 18px;
   font-weight: 500; }
 
 .submitting {
   float: left;
   width: 100%;
   padding: 10px 0;
   display: none;
   font-size: 16px;
   font-weight: 500;
   color: #2553b8;
}
 
/* ****************************contact****************** */


@keyframes zoom {
   0% {
       transform: scale(1);
   }

   100% {
       transform: scale(1.5);
   }
}

.carousel-item img {
   animation-name: zoom;
   animation-duration: 18s;
   animation-fill-mode: forwards;
}
.carousel-caption {
   position: absolute;
   right: 15% !important;
   left: 15% !important;
   top: 17rem !important;
   padding-top: 1.25rem !important;
   padding-bottom: 1.25rem !important;
   color: #fff;
   text-align:center;
   z-index: 10 !important;
}

.carousel-item {
   background: no-repeat scroll center scroll;
   background-size: cover;  
}

.carousel-item::before{
   content: "";
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background-color: rgb(11 25 52 / 96%);
   opacity:0.7;
   z-index: 1;
}

.carousel-control-next {
   size: 50px !important;
}

.carousel svg {
   height: 48px;
   width: 50px;
   margin: 0px 1.5em;
   z-index: 10;
}
.carousel-control-next,
.carousel-control-prev {
   color: #fff;
}

.carousel-caption h1 {
   color: #f8f9fa;
   font-size: 60px;
   font-weight: 900;
   margin-bottom: 18px;
   max-height: 148px;
}

.carousel-caption p {
   color: white;
   font-size: 18px;
   font-weight: 900;
}

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
   filter: unset !important;
}

.animate__animated.animate__fadeInUp {
   --animate-duration: 2s;
   animation-direction: alternate-reverse;
   transition: all 800ms ease 0s;
}

.animate__animated .animate__fadeInDown {
   --animate-duration: 2s;
   transition: all 800ms ease 0s;
}

#carouselExampleControls img {
   object-fit: cover;
   height: 100vh !important;
}

.overlay {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background: rgba(8, 10, 33, 0.47);
   opacity: 0.7;
   z-index: 1;
}

@media screen and (max-width: 768px) {
   .cover {
      height: 360px;
   }
   .cover .container {
      margin-top: 175px !important;
   }

   #carouselExampleControls img {
      height: 64vh !important;
   }

   .grid .first-content h1 {
      font-size: 28px !important;
      font-weight: 600 !important;
   }
  .grid .first-content img {
      width: 100px !important;
   }

   section.about-us h1::before {
      display: none !important;
   }

   section.about-us h1::after {
      display: none !important;
   }

   section.App-screen h1::before {
      display: none !important;
   }

   section.App-screen h1::after {
      display: none !important;
   }

   .breadcrumb-item h1 {
      color: #00A3CC;
      font-size: 42px;
      font-style: normal;
      font-weight: 600;
      text-transform: capitalize;
   }
   .breadcrumb-item strong {
      color: #FFF;
      text-align: center;
      font-size: 48px;
      font-weight: 600;
      line-height: 112%;
      text-transform: capitalize;
   }

   .logo-header img{
      width: 66px;
      height: 66px;
   }

   .carousel-caption {
      top: 8.8rem !important;
   }
   .carousel svg {
      width: 36px;
      height: 34px;
   }
   .carousel-caption h1 {
      font-size: 22px;
      line-height: 1.4;
      max-height: 98px !important;
   }
   .carousel-caption p {
      font-size: 15px;
   }

   #ordervisio n{
      order: 1;
   }
   #ordervision2 {
      order: 2;
   }

   .navbar-collapse {
      flex-basis: 100%;
      flex-grow: 1;
      align-items: center;
      background-color: #172339db;
   }

   .servicesName  .card {
      display: none !important;
   }
   
   .htop {
      display: none;
   }

   .Finances .finance-text strong {
      font-size: 40px;
   }
   .services .first-content h1 {
      font-size: 30px;
   }

   .control-ap {
      padding-top: 34%;
      padding-bottom: 34%;
   }
   .Finnancal .home-service h1 {
      font-size: 38px;
      max-height: 112px;
   }

   .control-n h3 {
      font-size: 28px;
      max-height: 104px;
   }

   .contact h3 {
      text-align: left;
   }

   .copyright p {
      font-size: 14px;
      margin-bottom: 5px;
   }
}


/* gride */
.grid {
   background: #fbfbfb;
}
 
 /* clear fix */
 .grid:after {
   content: '';
   display: block;
   clear: both;
 }
 
 /* ---- .grid-item ---- */
 .grid-item {
   width: 33.333%;
   padding: 16px;
 }
 
 .grid-item {
   float: left;
 }
 
 .grid-item img {
   display: block;
   max-width: 100%;
 }
 .grid .card {
   /* margin: 20px; */
   width: 100%;
   height: 434px;
   background: #1C2536;
   transition: all 0.4s;
   border-radius: 10px;
   box-shadow: 2px 2px 4px 2px  #888;
   font-size: 30px;
   font-weight: 900;
   overflow: hidden;
   padding: 16px 30px;
 }
 
 .grid .card:hover {
   border-radius: 15px;
   cursor: pointer;
   transform: scale(1);
   background: #00A3CC;
   overflow: hidden;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
}
.services .card2 {
   height: 121vh;
 
}
.services .card2 .first-content {
   margin-top: 20% !important;
}
.services .card2 .first-content .img-cint {
   margin-top: 30%;
}
 
 .grid .first-content {
   height: 100%;
   width: 100%;
   transition: all 0.4s;
   display: block;
   justify-content: center;
   align-items: center;
   opacity: 1;
   border-radius: 15px;
   margin-top: 0%;
 }
 .grid .first-content h1 {
   color: #FFF;
   text-align: center;
   font-family: Plus Jakarta Sans;
   font-size: 40px;
   font-weight: 700;
   line-height: 150%; /* 60px */
   letter-spacing: 0.5px;
}
.grid .first-content .img-cint {
   text-align: -webkit-center;
   margin-top: 0px;
 }
.grid .first-content img {
   width: 238px;
   text-align: center;
}
 
 .grid .card:hover .first-content {
   height: 0px;
   opacity: 0;
 }
 
 .grid .second-content { 
   width: 100%;
   display: none;
   justify-content: center;
   align-items: center;
   border-radius: 15px;
   transition: all 0.4s;
   font-size: 0px;
   transform: rotate(90deg) scale(-1);
   -webkit-transform: rotate(90deg) scale(-1);
   -moz-transform: rotate(90deg) scale(-1);
   -ms-transform: rotate(90deg) scale(-1);
   -o-transform: rotate(90deg) scale(-1);
   margin-top: 0 !important;
}
.grid .second-content .img-cint {
   text-align:-webkit-center ;
   margin-top: 100px;
}
.services .card2 .second-content .img-cint {
   text-align: center;
   margin-top: 20% !important;
}
 
.grid .second-content img {
   width: 150px;
}
.grid .second-content h1 {
   color: #FFF;
   font-family: Plus Jakarta Sans;
   font-size: 26px;
   font-weight: 700;
   line-height: 150%; /* 36px */
   letter-spacing: 0.6px;
 }
 .grid .second-content p {
   color: #FFF;
   font-family: Plus Jakarta Sans;
   font-size: 18px;
   font-weight: 400;
   line-height: 1.8;
   letter-spacing: 0.4px;
   max-height: 268px;
   overflow: hidden;
 }
 
.grid .card:hover .first-content {
   display: none;
}
.grid .card:hover .second-content {
   height: 100%;
   display: block;
   font-size: 1.8rem;
   transform: rotate(0deg) translateY(-20%);
   margin-top: 94px !important;
   -webkit-transform: rotate(0deg) translateY(-20%);
   -moz-transform: rotate(0deg) translateY(-20%);
   -ms-transform: rotate(0deg) translateY(-20%);
   -o-transform: rotate(0deg) translateY(-20%);
}
.services .card2:hover .second-content {
   text-align: center;
   margin-top: 18% !important;
 }