@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap'); 
body { font-family: "Figtree", sans-serif;}

a { text-decoration: none;}

p, .main-table ul li { font-size: 16px; margin: 0 0 10px 0; line-height: 1.6; font-family: "Figtree", sans-serif; letter-spacing: .3px; color: #141414;}

.main-table {padding: 5% 0;text-align: left;}

/* innr-pg-c Start */
.otherpagecss #RadDockZone1.container { max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table { margin-top: 0 !important;}

.custom-btn { background: #1db8e5; color: #fff; display: inline-block; padding: 14px 50px; font-size: 18px; font-weight: 600; letter-spacing: .5px; border-radius: 5px; border-top-left-radius: 50px; border-bottom-right-radius: 50px; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);}
.mission-bxss{ padding: 20px; box-shadow: 0px 15px 40px -10px rgba(0, 0, 0, 0.25); min-height: 225px; border: 1px solid #ececec; border-radius: 10px; border-top: 3px solid #fff; transition: all .2s ease-in-out; background: #fff; margin: 12px 0;}
.mission-bxss h3{ font-size: 16px; text-transform: capitalize;}
.mission-bxss p{ font-size: 15px !Important; text-transform:initial !Important;}
.mission-bxss:hover{ border-radius: 15px; border-top: 3px solid #1db8e5;}
.img-serv{ border-top-left-radius: 50%; border-bottom-right-radius: 50%; filter: brightness(95%); }.custom-btn:hover { color: #fff; animation: zoom-in-zoom-out .5s ease-in-out; transform: scale(1.1, 1.1);}

.heading { color: #1db8e5; font-family: "Merriweather", serif; font-weight: 600; font-size: 34px; line-height: 1.4; margin: 0 0 15px 0;}

.sub-heading {color: #1db8e5;font-family: "Merriweather", serif;font-weight: 600;font-size: 24px;line-height: 1.4;margin: 24px 0 7px 0;}

@keyframes zoom-in-zoom-out { 
    0% { transform: scale(1, 1); }
    40% { transform: scale(1.1, 1.1);}
    75% { transform: scale(1, 1);}
    100% { transform: scale(1.1, 1.1); }
}

header { position: absolute; z-index: 3;}
header img { padding: 0px; width: 100px}

.banner-section .carousel-item img {width: 100%;height: 700px;border-bottom-right-radius: 120px;}
.banner-section .carousel-control-next, .carousel-control-prev { border: 1px solid #fff; height: 40px; width: 40px; border-radius: 50%; top: 48%; padding: 8px;}
.banner-section .carousel-control-next { right: 3%;}
.banner-section .carousel-control-prev { left: 3%;}
.banner-section .carousel-caption {text-align: left;left: 10%;top: 37%;width: 40%;}
.banner-section .carousel-caption h4 {font-size: 22px;letter-spacing: .5px;}
.banner-section .carousel-caption h1 {font-size: 46px;font-weight: 700;line-height: 1.3;}
.banner-section .carousel-caption .custom-btn { margin: 25px 0 0 0;}

.about-section {padding: 6% 0;}
.vision-mission { padding: 0 0 5% 0;}
.vision-mission .mission-bx { padding: 40px; box-shadow: 0px 15px 40px -10px rgba(0, 0, 0, 0.25); border: 1px solid #ececec; border-radius: 10px; border-top: 3px solid #fff; transition: all .2s ease-in-out; background: #fff; margin: 12px 0;}
.vision-mission .mission-bx:hover { border-radius: 15px; border-top: 3px solid #1db8e5;}
.vision-mission .mission-bx .icon { background: #1db8e5; display: inline-block; padding: 17px; border-radius: 50%; margin: 0 0 30px 0;}
.vision-mission .mission-bx .icon img { width: 45px;}
.vision-mission .mission-bx h3 { color: #1db8e5; font-size: 27px; font-weight: 700; margin: 0 0 20px 0;}
.vision-mission .mission-bx p { font-size: 16px;}
.vision-mission .mission-bx a { text-transform: uppercase; font-weight: 700; color: #0c2d5c; font-size: 14px; letter-spacing: .3px; transition: all .4s ease-in-out;}
.vision-mission .mission-bx a:hover { letter-spacing: 1.5px;}

.service-section { padding: 6% 0; background: #0c2d5c;}
.service-section .service-bx { position: relative; padding: 40px; background: #fff; border-radius: 10px; margin: 12px 0; min-height: 398px;}
.service-section .service-bx .icon, .service-section .service-bx .text { position: relative; z-index: 3;}
.service-section .service-bx::after { content: ''; position: absolute; left: 0; top: 0; width: 30%; opacity: 0; height: 100%; background-image: url(image/ser-bg.jpg); transition: all .4s ease-in-out; border-radius: 10px;}
.service-section .service-bx:hover::after { width: 100%; opacity: 1;}
.service-section .service-bx .icon { background: #1db8e5; padding: 15px; display: inline-block; border-radius: 50%; width: 80px; margin: 0 0 10px 0;}
.service-section .service-bx .text p { transition: all .3s ease-in-out;}
.service-section .service-bx .text h3 {margin: 10px 0;color: #1db8e5;font-size: 24px;font-weight: 700;transition: all .3s ease-in-out;}
.service-section .service-bx a { text-transform: uppercase; font-weight: 700; color: #0c2d5c; font-size: 14px; letter-spacing: .3px; transition: all .4s ease-in-out;}
.service-section .service-bx a:hover { letter-spacing: 1.5px;}
.service-section .service-bx:hover { cursor: pointer;}
.service-section .service-bx:hover h3 { color: #181818;}

.section-5 { padding: 6% 0;}
.section-5 h3 {color: #1db8e5;font-size: 24px;font-weight: 700;margin: 20px 0 7px 0;}
.section-5 .number { color: #1db8e5; font-size: 32px; font-weight: 800; margin: 0 0 20px 0; display: inline-block; border-bottom: 4px solid #1db8e5;}
.section-5 img {border-top-left-radius: 42%;border-bottom-right-radius: 42%;filter: brightness(95%);}

.team-section { padding: 0 0 6% 0;}
.team-section .carousel-control-next, .services .carousel-control-prev{width:50px;height:50px;top: 45%;background:#000;border-radius: 50%;}
.team-section .carousel-control-next{right: -30px;}
.team-section .carousel-control-prev{left: -30px;width: 50px;height: 50px;top: 45%;background: #000;border-radius: 50%;}
.team-section .carousel-inner .carousel-item.active,
.team-section .carousel-inner .carousel-item-next,
.team-section .carousel-inner .carousel-item-prev { display: flex;}

.team-section .team-bx { padding: 40px; box-shadow: 0px 15px 40px -10px rgba(0, 0, 0, 0.25); border: 1px solid #ececec; border-radius: 10px; border-top: 3px solid #f0f0f0; transition: all .2s ease-in-out; background: #fff; margin: 20px 0;}
.team-section .team-bx p { font-weight: 600; margin: 0 0 25px 0;}
.team-section .team-bx h4 { color: #141414; font-size: 20px; font-weight: 700;}
.team-section .team-bx img { border-radius: 50%;}
.team-section .team-bx:hover { border-radius: 15px; border-top: 3px solid #1db8e5;}

.industry-section { padding: 0 0 7% 0;}
.industry-section .industry-bx { background: #fff; padding: 30px 10px 10px 10px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; margin: 10px; width: 100%; min-height: 180px;}
.industry-section .industry-bx img { width: 64px; margin: 0 0 25px 0;}
.industry-section .industry-bx h5 { color: #141414; font-size: 18px; font-weight: 600; margin: 0;}

.get-in-touch {padding: 5% 0;background-image: url(image/contact-bg.jpg);text-align: center;background-size: cover;}
.get-in-touch p, .get-in-touch p a { color: #fff; font-size: 21px; font-weight: 700; margin: 0 0 20px 0; text-align: center;}
.get-in-touch p i { display: inline-block; background: #1db8e5; color: #fff; width: 35px; height: 35px; text-align: center; line-height: 2.3; margin: 0 10px 0 0; border-radius: 50%; font-size: 16px;}

footer { background: #0c2d5c; padding: 0 0 20px 0; color: #fff; margin-top: -7px; font-size: 15px;}
footer .footer-top { padding: 50px 0 30px 0;}
footer .footer-top .footer-info h3 { font-size: 24px; margin: 0 0 20px 0; padding: 2px 0 2px 0; line-height: 1; font-weight: 700;}
footer .footer-top .footer-info p { font-size: 14px; line-height: 24px; color: #fff;}
footer .footer-top .footer-info ul li { line-height: 28px;}
footer .footer-top .social-links .fa { font-size: 15px; display: inline-block; color: #fff; line-height: 1; padding: 8px 0; margin-right: 2px; border-radius: 50%; text-align: center; width: 30px; height: 30px; transition: 0.3s;}
footer .footer-info a { color: #ccc;}
.copyright, .credits { color: #fff}
.Testimonials .carousel-indicators { bottom: -50px;}

footer .footer-top .social-links a:hover { color: #fff; text-decoration: none;}
footer .footer-top h5 { border-bottom: 1px solid #999999; font-size: 18px; line-height: 30px; color: #eee; padding-bottom: 12px;}
footer .footer-top .col-lg-10 h5 { font-size: 22px;}

.whatsapp_btn { right: 40px; width: 45px; height: 45px;   margin-left: 95%;  z-index: 9999; } 
.whatsapp_btn .icon_logo {   position: relative;   z-index: 100;   padding: 5px; }
.whatsapp_btn .icon_logo > a > img { width: 100%; }
.whatsapp_btn .circle_waves { border-radius: 50%; background-color: #3cc04e; width: 45px; height: 45px; position: relative; opacity: 0; bottom: 45px;   left: 0px;   z-index: 99;   animation: waves 4s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32); }@keyframes waves {   from { transform: scale(0.55, 0.55); opacity: 0.6;   }   to { transform: scale(1.8, 1.8); opacity: 0;   } }footer .footer-top h4 { font-size: 16px; margin-bottom: 0; font-weight: 600; color: #eee; position: relative; padding: 12px 0;}

footer p { color: #eee; text-align: justify;}
footer .btn { border-color: #C0CBD9; margin-top: 20px; color: #eee; background: rgba(0, 0, 0, 0.2);}
footer .footer-top .footer-links { margin-bottom: 30px;}
footer .footer-top .footer-links ul { list-style: none; padding: 0; margin: 0; padding-left: 20px;}
footer .footer-top .footer-links ul li:before { content: "\f101"; position: absolute; left: -20px; top: 0; color: #eee; font-size: 18px; font-family: FontAwesome !important; ;}
.fa-twitter { background-color: #1DA1F2;}
.fa-facebook { background-color: #4267B2;}
.fa-instagram { background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );}
.fa-linkedin { background-color: #0077b5;}
.fa-youtube-play { background-color: #c4302b;}
.fa-pinterest { background-color: #c8232c;}
.fa-whatsapp { background-color: #25D366;}

footer .footer-top .footer-links ul li { position: relative; line-height: 28px; align-items: center;}
footer .footer-top .footer-links ul li:first-child { padding-top: 0;}
footer .footer-top .footer-info p .fa { font-size: 16px; width: 20px; height: 20px;}
footer .footer-info { position: relative;}
footer .footer-info::after { position: absolute; content: ''; right: -10px; top: 145px; background: rgba(40, 40, 40, 0.8); height: 80%; width: 0.5px;}
footer .footer-top .footer-links ul a { color: #eee;}
footer .footer-top .footer-links ul a:hover { color: #fff;}
footer.copyright { text-align: center; font-size: 14px; padding-top: 30px; color: #fff;}
footer.credits { padding-top: 10px; text-align: center; font-size: 14px; color: #fff;}

.inner-banner {background-image: url(image/inner-banner.jpg);background-size: cover;padding: 18% 0 8% 0;border-bottom-right-radius: 120px;}
.team-banner { background-image: url(image/team-banner.jpg);}
.inner-banner h1 { font-family: "Merriweather", serif; color: #fff; font-size: 46px; font-weight: 600; margin: 0; letter-spacing: .5px; text-align: left;}

.about-inner, .vision-section { padding: 5% 0;}
.about-inner img { border-radius: 10px; border-top-left-radius: 150px; border-bottom-right-radius: 150px; filter: brightness(95%);}
.mission-section { padding: 5% 0; background: #1db8e5;}
.mission-section img, .vision-section img { border-radius: 10px; border-top-left-radius: 100px; border-bottom-right-radius: 100px; filter: brightness(95%);}
.mission-section p { font-size: 17px;}

.values { padding: 0 0 5% 0;}
.values .value-bx { padding: 35px 13px; text-align: center; box-shadow: 0px 15px 40px -10px rgba(0, 0, 0, 0.25); border: 1px solid #ececec; border-radius: 10px; border-top: 3px solid #fff; transition: all .2s ease-in-out; background: #fff; margin: 20px 0 0 0; min-height: 220px;}
.values .value-bx:hover { border-radius: 15px; border-top: 3px solid #1db8e5;}
.values .value-bx .icon { background: #1db8e5; display: inline-block; padding: 17px; border-radius: 50%; margin: 0 0 25px 0;}
.values .value-bx .icon img { width: 45px;}
.values .value-bx h4 { color: #141414; font-size: 18px; font-weight: 700; margin: 0;}

.team-page .team-detail img {border-radius: 12px}
.team-page .team-detail h4 {color: #0c2d5c;font-size: 21px;font-weight: 700;margin: 5px 0;}
.team-page .team-detail h5 { color: #0c2d5c; font-size: 16px; font-weight: 700; margin: 0 0 15px 0;}
.team-page .team-detail p i { color: #0077b5; font-size: 14px; margin: 0 5px 0 0;}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: #0c2d5c; color: #fff;}
.nav-pills .nav-link:hover { background: #0c2d5c; color: #fff;}
.nav-pills .nav-link { border-radius: 0; background: #fff; border: aliceblue; border-bottom: 2px solid #e2e2e2; text-align: start; color: black; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 34px; font-weight: bold; display: flex; justify-content: space-between;}

.fa-chevron-right { font-size: 15px; line-height: 40px; color: rgb(151, 151, 151);}

.service-page .tab-content p, .service-page .tab-content ul li { font-size: 18px;}

.contact-page {background-image: linear-gradient(#fff 50%, #1db8e5 50%);/* padding: 5% 0 7% 0; */}
.contact-page .contact-bx { background: #fff; padding: 50px 50px 70px 50px; border-radius: 15px;}
.contact-page .contact-bx .icon { color: #1db8e5; display: inline-block; width: 55px; height: 55px; font-size: 21px; text-align: center; line-height: 2.5; background: #e9e9e9; border-radius: 10px;}
.contact-page .contact-bx h5, .contact-page .contact-bx h5 a { color: #141414; font-size: 18px; margin: 0; text-align: left;}
.contact-page .contact-form .form-control { border: 1px solid #141414; padding: 16px 20px; margin: 0 0 20px 0; border-radius: 10px; color: #222222;}
.contact-page .contact-form .form-control::placeholder { color: #222222;}
.contact-page .contact-form input[type="button"] { background: #1db8e5; color: #fff; display: inline-block; padding: 14px 50px; font-size: 18px; font-weight: 600; letter-spacing: .5px; border-radius: 5px; border-top-left-radius: 50px; border-bottom-right-radius: 50px; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1); border: none;}
.contact-page .contact-form input[type="button"]:hover { background: #141414;}

@media(max-width:768px){
    .whatsapp_btn { margin-left: 85%; margin-top: 15px; }
}

img.clients-logo { object-fit: contain; aspect-ratio: 1 / 1; width: 100%;}

/*============WHATSAPP==========*/
  
.whatsapp_btn{ position: fixed; bottom: 5em; right: 20px; width: 55px; height: 55px; z-index: 9999;}
.whatsapp_btn .icon_logo{ position: relative; z-index: 100; padding: 5px;}
.whatsapp_btn .icon_logo > a > img{ width: 100%;}
.whatsapp_btn .circle_waves{ border-radius: 50%; background-color: #3cc04e; width: 55px; height: 55px; position: absolute; opacity: 0; bottom: 1px; left: 0px; z-index: 99; animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);}

@keyframes waves { 
    from { transform: scale(.55, .55); opacity: .6; } 
    to { transform: scale(1.8, 1.8); opacity: 0; }
}

.clients-logo .item { display: inline-block; margin: 20px 10px; padding: 10px; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;}
.clients-logo .item img{ aspect-ratio: 2 / 1; width: 160px;}

.Diligence-mission-bxss,.Setting-mission-bxss,.CFO-mission-bxss{ min-height:246px;}
.project-financing-mission-bxss{ min-height:318px;}
.find-us-img{ object-fit:contain; width:100%; aspect-ratio:10/1; margin-bottom:3rem;}

@media (min-width: 320px) and (max-width: 768px) {
    .banner-section .carousel-item img { height: 400px}
}
#HomepagecontentControl { min-height: auto !important}