/********** Template CSS **********/
:root {
    --primary: #16D5FF;
    --secondary: #999999;
    --light: #F2F8FE;
    --dark: #111111;
}

/*b, strong {
    font-weight: 500;
}*/

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.nav-link:focus-visible {
    outline: 3px solid #007bff !important;
    outline-offset: 2px !important;
}

body {
  overflow-x: hidden;
  color: #000000;
  font-size: 14px;
}

/*//website-all-text-color//*/
/*.ft_felx a
.ft_menu ul li a
.navbar .navbar-nav .nav-link
.main_table tbody
.support_inform a
Color:161616*/
/*//website-all-text-color//*/

.strength_box{
    background-color: #f2f8fe;
    padding: 20px;
    border-radius: 7px;
    height: 100%;
}

/* TREE */
.tree_section{background-color: #f2f8fe;}
         .tree ul{
         position:relative;
         padding-top:12px;
         padding-left:45px;
         }
         .tree li{
         list-style:none;
         position:relative;
         padding:12px 0 12px 35px;
         }
         /* Vertical line */
         .tree li::before{
         content:'';
         position:absolute;
         top:0;
         left:0;
         width:2px;
         height:100%;
         background:#d5dde6;
         }
         /* Horizontal line */
         .tree li::after{
         content:'';
         position:absolute;
         top:38px;
         left:0;
         width:28px;
         height:2px;
         background:#d5dde6;
         }
         /* stop last line */
         .tree li:last-child::before{
         height:38px;
         }
         /* NODE */
         .node{
         display:inline-flex;
         align-items:center;
         gap:14px;
         color:#466887;
         font-weight:500;
         background:white;
         padding:8px 14px;
         border-radius:12px;
         box-shadow:0 3px 12px rgba(0,0,0,.05);
         }
         /* BOX */
         .box{
         width:24px;
         height:24px;
         border-radius:6px;
         border:1px solid #7aa8cf;
         background:linear-gradient(
         135deg,
         #d7ebfb,
         #a8cfee
         );
         box-shadow:0 2px 5px rgba(0,0,0,.08);
         flex-shrink:0;
         }

.bdr{height: 1px; background-color: #ccc; width: 100px; margin: 10px 0;}



/*<!-- Search Bar -->*/
  .site-search-form{
    position: relative;
    width: 118px;
    display: flex;
    align-items: center;
}

.search-icon{
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    pointer-events: none;
}

#searchQuery{
    width: 100%;
    padding: 8px 12px 12px 35px;
    font-size: 16px;
    box-sizing: border-box;
    border: 1px solid #e0f0ff;
    border-radius: 30px;
    outline: none;
}
/*<!-- Search Bar -->*/

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 60px;
    z-index: 99;
}


a {
    color: #005272;
    text-decoration: none;
}


a:hover {
    color: #888;
    text-decoration: none;
}

h4,
h5,
h6,
.h4,
.h5,
.h6 {
    font-weight: 500 !important;
}

h1{font-weight: 200 !important; font-family: "Bebas Neue", serif;font-style: normal;}





/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Button ***/
.btn {
    font-weight: 500;
    transition: .5s;
    background-color: #005272;
    color: #fff;
    border:none;
}

.btn:hover{background-color: #195779e0; color: #fff;}

.btn.btn-primary {
    color: #FFFFFF;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}


/*** Navbar ***/
.navbar.sticky-top {
    top: -100px;
    transition: .5s;
}

.navbar .navbar-brand {
    height: 75px;
}

.navbar .navbar-nav .nav-link {
    margin-right: 10px;
    padding: 25px 0;
    color: #000000;
    font-weight: 500;
    outline: none;
    position: relative;
    overflow: hidden;
    transition: all 0.4s;
    font-size: 15px;
    font-weight: 600;
}

.dropdown-item{
    font-size: 15px;
}

.menu_icon{
    height: 20px; margin:0 4px; object-fit: contain;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--primary);
}

.navbar .navbar-nav .nav-link:before
{
    position: absolute;
    content: '';
    width: 100%;
    height: 4px;
    bottom: 0;
    border-radius: 50px;
    left: -100%;
    background-color: #ef7e00;
    transition: all 0.4s;
}

/*.navbar .navbar-nav .nav-link:hover:before{left: 0;}*/
.navbar .navbar-nav .nav-link:hover:before,
.navbar .navbar-nav .nav-link.active:before{
    left: 0;
}


.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar .navbar-nav {
        border-top: 1px solid #EEEEEE;
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}

.navbar .btn:hover {
    color: #FFFFFF !important;
    background: var(--primary) !important;
}


/*** Header ***/
.hero-header .breadcrumb-item+.breadcrumb-item::before {
    color: var(--secondary);
}


/*** Service ***/
.service-item {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.service-item::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: -80px;
    right: -80px;
    border: 80px solid;
    transform: rotate(45deg);
    opacity: 1;
    transition: .5s;
}

.service-item.bg-white::after {
    border-color: transparent transparent var(--light) transparent;
}

.service-item.bg-light::after {
    border-color: transparent transparent #FFFFFF transparent;
}

.service-item:hover::after {
    opacity: 0;
}


/*** Roadmap ***/
.roadmap-carousel {
    position: relative;
}

.roadmap-carousel::before {
    position: absolute;
    content: "";
    height: 0;
    width: 100%;
    top: 20px;
    left: 0;
    border-top: 2px dashed var(--secondary);
}

.roadmap-carousel .roadmap-item .roadmap-point {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 6px;
    left: 50%;
    margin-left: -15px;
    background: #FFFFFF;
    border: 2px solid #005272;
    transform: rotate(45deg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.roadmap-carousel .roadmap-item .roadmap-point span {
    display: block;
    width: 18px;
    height: 18px;
    background-color: #005272;
}

.roadmap-carousel .roadmap-item {
    position: relative;
    padding-top: 150px;
    text-align: center;
}

.roadmap-carousel .roadmap-item::before {
    position: absolute;
    content: "";
    width: 0;
    height: 115px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-right: 2px dashed var(--secondary);
}

.roadmap-carousel .roadmap-item::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    top: 111px;
    left: 50%;
    margin-left: -7px;
    transform: rotate(45deg);
    background-color: #005272;
}

.roadmap-carousel .owl-nav {
    margin-top: 40px;
    display: flex;
    justify-content: center;
}

.roadmap-carousel .owl-nav .owl-prev,
.roadmap-carousel .owl-nav .owl-next {
    margin: 0 12px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 22px;
    color: var(--light);
    background-color: #005272;
    transition: .5s;
}

.roadmap-carousel .owl-nav .owl-prev:hover,
.roadmap-carousel .owl-nav .owl-next:hover {
    color: var(--primary);
    background: var(--dark);
}


/*** FAQs ***/
.accordion .accordion-item {
    border: none;
    margin-bottom: 15px;
}

.accordion .accordion-button {
    background: var(--light);
    border-radius: 2px;
}

.accordion .accordion-button:not(.collapsed) {
    color: #FFFFFF;
    background: var(--primary);
    box-shadow: none;
}

.accordion .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion .accordion-body {
    padding: 15px 0 0 0;
}


/*** Footer ***/
.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: var(--secondary);
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--secondary);
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    color: var(--primary);
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .btn.btn-square {
    color: var(--primary);
    border: 1px solid var(--primary);
}

.footer .btn.btn-square:hover {
    color: #FFFFFF;
    background: var(--primary);
}

.footer .copyright {
    padding: 25px 0;
    border-top: 1px solid rgba(17, 17, 17, .1);
}

.footer .copyright a {
    color: var(--primary);
}

.footer .copyright a:hover {
    color: var(--dark);
}


/*.................//home-page-start//..................*/
.text-primary{color: #005272 !important;}
.ser_cr a{color: #005272;}
.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active{color: #ef7e00;}
.cl_wit{color: #fff !important;}
.navbar .btn:hover{color: #FFFFFF !important;background: #195779 !important;}
.gd_clor{color:#005272;}



.ani_mate{position: relative; margin-bottom:15px;}
.ani_mate::before {
    position: absolute;
    content: "";
    width: 150px;
    height: 5px;
    left: 0;
    bottom: -5px;
    background-color: #005272;
    border-radius: 2px;
}

.ani_mate::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 5px;
    bottom: -5px;
    background: #ef7e00;
    -webkit-animation: section-title-run 5s infinite linear;
    animation: section-title-run 5s infinite linear;
}

@keyframes section-title-run{
    0% {
         left: 0;
    }

    50% {
        left: 145px;
    }
    100% {
        left: 0;
    }
}


.ani_mate.text-center::before {
    left: 50%;
    margin-left: -75px;
}



.ani_mate.text-center::after {

    -webkit-animation: section-title-run-center 5s infinite linear;
    animation: section-title-run-center 5s infinite linear;
    
}

@keyframes section-title-run-center{
    0% {
    left: 50%;
    margin-left: -75px;
}

    50% {
    left: 50%;
    margin-left: 45px;
}
    100% {
    left: 50%;
    margin-left: -75px;
}
}



footer{padding:140px 0; background-color: #f8f8f8; overflow: hidden;z-index: 1; position: relative;}
footer:after{position: absolute;content: "";background-image: url(../img/foter-banner.jpeg);top: 0;bottom: 0;left: 0;right: 0;z-index: -1;background-repeat: no-repeat;background-size: cover;background-position:right;opacity: 0.1;}

.ab_icon{font-size: 30px;}
.ab1{color: #1877F2;}
.ab2{color: #ee2a7b;}
.ab3{color: #FF0000;}
.ft_logo img{width: 197px;}
.ft_menu ul{list-style: none; margin: 0; padding: 0;}
.ft_menu ul li a{display: block; color: #000000; margin-bottom: 5px;padding: 0;text-align: left;font-weight: normal;text-transform: capitalize;transition: .3s;}
/*.ft_menu ul li a:hover{color: #ef7e00; cursor: pointer; letter-spacing: 1px; box-shadow: none;}*/
.ft_menu ul li a.active,.ft_menu ul li a:hover{color: #ef7e00;}
.ft_felx{display: flex; grid-gap: 5px;}
.adres_icon{font-size: 20px; color: #005272;}
.adres_para small{color: #005272;font-size: 16px;font-weight: bold;}
.ft_felx a{color: #000000; text-decoration: none;}

.footer_bottom{padding: 10px 15px;text-align: center;background-color: #ee811a;color: #fff;}
.footer_bottom p {font-size: 11px; color: #fff;}
.footer_bottom a{color: #fff;}









.brand_sec{background: rgb(34,193,195);
background: -moz-linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(26,68,121,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(26,68,121,1) 100%);}
.msdl{width: 100%;height: auto;background-color: #f7f7f7;padding-bottom: 10px; border: 7px solid #ffffff; position: relative; z-index: 1;}
.msdl:after{position: absolute; content: "";background-image: url(../img/card.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; opacity: 0.1;}
.slide_flex{width: 100%;display: flex;align-items: center; justify-content: center;}
.slide_img{width:400px; height: 250px; background-color: #ef7e00; position: relative;}
.slide_img img{position: absolute; width: 100%; height: 100%; object-fit: cover; padding: 13px;}
.slide_cen{padding: 0 18px; text-align: center; width: 100%}
.slide_cen i{font-size: 50px; color:#005272;}
.slide_cen h3{font-size: 20px;}
.slide_cen small{color: #000;}
.rigj{font-size: 16px !important;}
.slide_cen a{color: #195779;}
.sl_bg{width: 50px; height: 200px; background-color: #005272;}
.cl_para{font-size: 14px;}
.main_slider .priv_arrow
{
    z-index: 99;
    position: absolute;
    top: 80px;
    right: -20px;
    color: #fff;
    width: 40px;
    height: 40px;
    background-color: #ef7e00;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    cursor: pointer;
}

.main_slider .next_arrow
{
    z-index: 99;
    position: absolute;
    top:150px;
    right: -20px;
    color: #fff;
    width: 40px;
    height: 40px;
    background-color: #ef7e00;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    cursor: pointer;
}



.home_banner {
    background-color: #f2f8fe;
}
.banner_cen h1{
    opacity: 1;
    transition: opacity 1s ease-in-out;
}
.bnner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.banner_img img {
    width: 600px;
    height: 500px;
    object-fit: contain;
    animation: pulse 1s infinite ease-in-out;
    transition: opacity 1s ease-in-out; /* Smooth transition */
}
@keyframes pulse {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.05);
    }
    100% {
      transform: scale(1);
    }
    }
    .fade {
        opacity: 0;
        transition: opacity 1s ease-in-out;
    }
    .btn {
    font-weight: 500;
    transition: .5s;
    background-color: #005272;
    color: #fff;
    border: none;
    border: 1px solid #2dd9ff;
}


.main_box{width: 100%; height: 100px; position: relative;}
.main_box img{position: absolute; width: 100%; height: 100%; object-fit: contain;opacity: 0.9;}
.main_slider3{padding: 10px 0;}
.main_box img:hover{opacity: 100%; cursor: pointer; transition: all 0.4s;}




/*.................//home-page-end//..................*/

/*//..........................clientele-start.....................//*/
table{border-collapse: collapse; width: 100%;box-shadow: 0 3px 10px rgb(0,0,0,0.2);}
td, th{text-align: left;  padding: 8px; border: 1px dashed #eee;}
.main_table img{width: 100px; height: 60px; object-fit: cover; object-position:center;}
.main_table thead{background-color: #fff; color: #000;}
.main_table tbody{background-color: #f2f8fe;}
tr:nth-child(even) {background-color: #fff;}
/*//..........................clientele-start.....................//*/








/*....//portfolio//....*/
.button_group{text-align: left; padding: 10px;}
.button_group .button{display: inline-block; background-color: #005272; padding: 10px 20px; margin: 15px 0; color: #fff;font-style: 12px;font-weight: 500;text-transform: capitalize;letter-spacing: 1px;transition: all 0.4s;border: none;border-radius: 2px;outline: none;cursor: pointer;}
.Prospectus_main p{color:#005272;}
.Prospectus_main{width: 100%;padding: 0 10px; padding-bottom: 25px;}
.Prospectus_grid{width: 100%;display: grid; grid-template-columns: repeat(4, 1fr);grid-gap: 10px;}

.Prospectus_img{ transform: scale(0);transition: transform 0.5s;width: 100%; height: 100px; background-color: #fff; position: relative; overflow: hidden;box-shadow: 0 3px 10px rgb(0,0,0,0.2);}
.anim{transform: scale(1.0);}

.prospectus{transform: scale(1.0);}


.Prospectus_img img{position: absolute; width: 100%; height: 100%; object-fit: contain;}
.Prospectus_img .overlay
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffddb84d;
    padding: 15px;
    overflow: hidden;
    color: #fff;
    transition: opacity 0.2s ease-in-out;
    opacity: 0;
}

.Prospectus_img:hover .overlay{opacity: 1;}

.Prospectus_img .overlay a
{
    display: inline-block;
    padding: 8px 16px;
    background-color: #005272;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
    color: #fff;
    border: 1px solid #fff;
}

.Prospectus_img:hover img {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity = 0);
    opacity: 0;
}
.Prospectus_img img {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.button_group .button.active{background-color:#ef7e00; color: #fff;}
.track_btn {
    display: inline-block;
    background-color: #fdecec;
    padding: 10px 20px;
    margin: 15px 0;
    color: red;
    font-style: 12px;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 1px;
    transition: all 0.4s;
    border: none;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
}
/*....//portfolio-end//....*/









/*....//Compliance-start//....*/
.compliance_main{width: 100%;display: grid; grid-template-columns: repeat(1, 1fr);grid-gap: 10px;}
.compliance_cen{height: auto;}
.compliance_cen table{border-collapse: collapse;width: 100%;}
.compliance_cen tr td{padding: 15px;}
.compliance_cen table tr:nth-child(even){background-color: #f2f8fe;}
.compliance_cen table span{color: #000; font-weight: bold;}
/*....//Compliance-end//....*/



/*//..........................about-start.....................//*/
.mision_sec{background-color:#F2F8FE; overflow: hidden;}    
.ab_sc{width: 100%; position: relative;}
.ab_sc:after{content: "";top: 0;bottom: 0;right: 0;left: 0;position: absolute;background-image: url(../img/abc-2.png);background-size: contain;background-position: center;background-repeat: no-repeat;z-index: -1;opacity: 0.1;}
.vision_sec{width: 100%; position: relative;}
.vision_sec:after{content: "";top: 0;bottom: 0;right: 0;left: 0;position: absolute;background-image: url(../img/abc-2.png);background-size: contain;background-position: center;background-repeat: no-repeat;z-index: -1;opacity: 0.1;}
.mis_img{width: 350px;}
/*//..........................about-end.....................//*/

.all_pading{padding: 50px 0;}

/*//..........................gl_sec.....................//*/
.gl_title{padding: 11px 10px 14px;margin-bottom: 0px;text-align: center;background-color: #fff;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.gallery_main{grid-template-columns: repeat(3, 1fr); display: grid; grid-gap: 5px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.gal_img{width: 100%; height: 150px; background-color: #eee; position: relative; overflow: hidden;}
.gal_img img{position: absolute; width: 100%; height: 100%; object-fit: cover; padding: 2px;}
.gl_sec{position: relative; z-index: 1; overflow: hidden;}
.gl_sec:after{content: ""; top: 0; bottom: 0; right: 0; left: 0; position: absolute; background-image: url(../images/page-bg.png); background-size: cover; background-position: center; background-repeat: no-repeat; z-index: -1; opacity: 0.2;}
.gal_img img:hover {transition: all 0.5s;transform: scale(1.2);}
/*//.....................gl_sec-end.......................//*/


/*//..........................services-start.....................//*/
.Capital_market{overflow: hidden;}
.Capital_layer{position: relative; z-index: 1; background-color: #00364b;}
.Capital_layer:after{position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0;z-index: -1;background-image: url(../img/India-Map-PNG-Images.png); background-size: contain; background-position:left; opacity: 0.1; background-repeat: no-repeat;}
.services_img img{width: 500px; height: 100%; object-fit: cover; border-radius: 15px; padding: 8px; background-color: #f2f8fe;}
.srvices_background2{background-color: #f2f8fe;}
.til_box{width: 100%; height: auto; background-color: #f2f8fe; text-align: center; padding: 20px; border-radius: 5px;}
/*//..........................services-end.....................//*/







/*....//Contact Us-start//....*/
.support_main{width: 100%; height: 100%;}
.support_adres{width: 100%; height: auto;display: flex;flex-direction: column;}
.support_inform{width: 80%}
.support_adres .support_inform small{font-size: 16px; color: #005272; font-weight: bold; line-height: 30px;}
.support_inform a{color: #000000}
/*....//Contact Us-end//....*/



@media only screen and (max-width: 991px)
{ 
    .banner_img img {
      width: 100%;
      height: 500px;
      object-fit: contain;
      animation: pulse 2s infinite ease-in-out;
      transition: opacity 1s ease-in-out; /* Smooth transition */
      }

      .navbar .navbar-nav .nav-link:hover:before{display: none;}
   
}


@media only screen and (max-width: 767px)
{
.bnner{display: flex;justify-content: space-between;align-items: center; flex-direction: column;}
}




@media only screen and (max-width: 576px)
{
   
}

@media only screen and (max-width: 480px)
{
  .main_table thead{display: none;}
  .main_table tbody{display: block;}
  .main_table td{display: block;width: 100%;}

}