*{

    margin: 0;

    padding: 0;

}



body{

    /* background-color: #F6F4FE; */

    font-family: 'Poppins', sans-serif;

}





.loader {

    position: absolute;

    top: 50%;

    left: 50%;

    border: 16px solid #2b3379;

    border-top: 16px solid #e65327;

    border-radius: 50%;

    width: 64px;

    height: 64px;

    transition: all 0.2s ease-in-out;

    animation: spin 2s linear infinite;

    box-shadow: 0px 0px 8px #888888;

    background: radial-gradient(

      circle at center,

      transparent 0%,

      transparent,

      #888888 105%

    );



    /* color: #e65327;

    color: #2b3379; */

  }

  

  @keyframes spin {

    0% {

      transform: rotate(0deg);

    }

    100% {

      transform: rotate(360deg);

    }

  }





 #pre-loader {

    position: fixed;

    display: block;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    text-align: center;

    /* opacity: 0.7; */

    background-color: #fff;

    transition: all 0.2s ease-in-out;

    z-index: 100;

    /* animation: fadeout 1s linear infinite; */

  }

  

  /*#pre-loader-image {

    position: absolute;

    top: 100px;

    left: 30%;

    z-index: 999999;

  } */



.back-to-top{

    position: fixed;

    bottom: 18px;

    right: 20px;

    display: none;

    z-index: 9999;

    border-radius: 10px;

    color: white;

    /* border: #2b3379; */

    background: #2b3379;

    padding:7px 12px;

    border: 1px solid white;

    transition: 02s ease-in-out;

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);

}



.back-to-top:hover{

    color: white;

    background: #2b3379;

}



@keyframes fadeOut {

    0% {opacity: 1;}

    100% {opacity: 0;} 

 } 



/* --------------------------- Header ------------------------ */

@keyframes pulse-animation {

    0% {

      box-shadow: 0 0 0 0px rgba(148, 148, 148, 0.2);

    }

    100% {

      box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);

    }

  }



  @keyframes moving_object {

    0% {

        transform: translateY(0);

    }



    50% {

        transform: translateY(-30px);

    }



    100% {

        transform: translateY(0);

    }

}



@keyframes mymove {

    50% {transform: rotate(180deg);}

}



@keyframes slide-down {

    0% {

    opacity: 0;

    transform: translateY(-100%);

    } 

    100% {

    opacity: 0.9;

    transform: translateY(10);

    } 

}



@keyframes slide-up {

    0% {

    /* opacity: 0; */

    transform: translateY(0);} 

    100% {

    /* opacity: 0.9; */

    transform: translateY(-100%);

    } 

}



@keyframes star_down_one {

    0% {

        opacity: 0;

        top: 0px;

    }



    10% {

        opacity: 1;

    }



    90% {

        opacity: 1;

    }



    100% {

        top: 100%;

        opacity: 0;

    }

}



@-webkit-keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0)

    }

}



@keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0)

    }

}



.animate__fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}





.moving_animation {

    animation: moving_object 6s infinite linear;

}



.header{

    background-color: #2b3379;

    padding: 15px 30px;

}





.brand-logo img{

    width: 70%;   

}





.nav-bar{

    justify-content: end;

}



.navbar ul{

    display: flex;

    margin-bottom: 0px;

    margin-top: 5px;

}



.navbar ul li{

    padding: 4px 10px;

    font-weight: 500;

    color:white ;

    list-style: none;

}



.navbar ul li a{

    font-size: 17px;

    text-decoration: none;

    font-family: 'Poppins', sans-serif;

    list-style: none;

    padding: 5px 12px;

    border-radius: 15px;

    transition: 0.4s ease-in-out;



}



.Demo-btn{

    color: #2b3379 !important;

    background-color: white;

    font-size: 16px;

    padding: 9px 40px !important;

    border-radius: 15px;

    margin-left: 20px;

    position: relative;

    animation: pulse-animation 2s infinite;

    border: 1px solid #2b3379;

    box-shadow: 0px 0px 1px 1px #0000001a;



}



.Demo-btn::before{

    content: '';

    position: absolute;

    top: 0px;

    right: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 42px;

    z-index: -1;

}





.nav-links-1:hover{

    background-color: white;

    color: #2b3379;

    padding: 9px 14px;

    animation:pulse 0.2s infinite;

}

/* -----------------Second-nav --------------- */



.nav-links-1{

    color: white ;

}



.nav-links-2:hover{

    background-color: #2b3379;

    color: white;

    padding: 9px 14px;

    animation:pulse 0.2s infinite;

}



.navbar-2 .active{

    background-color: #2b3379;

    color: white;

    padding: 9px 14px;

}

/* ---------------------------- Banner Section -------------------------- */

.banner-section{

    background-color: #2b3379;

    padding: 40px 0px;

}

.banner-section .banner-text h1{

    font-size: 53px;

    color: white;

    letter-spacing: -1.5px;

    font-weight: 700;

    font-family: 'Poppins', sans-serif;

}



.banner-section .banner_shape1{

    animation: mymove 10s infinite;

    position: absolute;

    top: 11%;

    left: 10%;

}



.banner-section .banner_shape2{

    animation: mymove 10s infinite;

    position: absolute;

    top: 16%;

    left: 49%;

}



.banner-text-box{

    margin: auto;

}



/* .banner-text{

    padding: 100px 0px;

} */



.banner-text p{

    font-size: 21px;

    color: white;

    font-family: 'Poppins', sans-serif;

    line-height: 1.7;

}



.banner_image {

    display: flex;

    position: relative;

    width: 100%;

}



.banner_image img{

    width: 100%;

}



.second-container{

    margin:0px 45px;

}



#header-2{

    display: none;

    backdrop-filter: blur(5px);

    background-color: white !important;

    /* transform: translateY(40px); */

    position: fixed;

    /* animation: slide-down 1.0s; */

    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px;

    z-index: 99;

}



.transform-headerdown{

    transform: translateY(40px);

     animation: slide-down 1.0s;

     display: block !important;

     top: -40px;

}



.transform-headerup{

    transform: translateY(-100px);

    animation: slide-up .3s;

    /* top: 0px; */



}



.sm-header{

    display: none;

}



/* .fixed-top {

    top: -40px;

    display: block ;

 

} */



.demo-btn-2{

    background-color: #2b3379 !important;

    color: white !important;

    font-size: 16px;

    padding: 9px 40px !important;

    border-radius: 15px;

    margin-left: 20px;

    position: relative;

    animation: pulse-animation 2s infinite;

    border: 1px solid #2b3379;

    box-shadow: 0px 0px 1px 1px #0000001a;

}



.nav-links-2{

    color: #2b3379;

}



/* .nav-links{

    color: ;

} */



/* --------------------------------------------------- */



.anim-line{

    width: 100%;

    height: 88%;

    position: absolute;

    top: 0;

    /* left: 50%; */

    transform: translateX(-50%);

}



.anim-line span{

    position: absolute;

    z-index: 99999;

    top: 0px;

    animation: star_down_one 6s infinite linear;

    opacity: 0;

}



.anim-line span:first-child{

    left: 17%;

    animation-delay: 3s;

}



.anim-line span:nth-child(2) {

    left: 10%;

    animation-delay: 5s;

}

.anim-line span:nth-child(3) {

    left: 25%;

    animation-delay: 1s;

}



.anim-line span:nth-child(4) {

    left: 34%;

    animation-delay: 4s;

}



.anim-line span:nth-child(5) {

    left: 51%;

    animation-delay: 7s;

}



.anim-line span:nth-child(6) {

    left: 68%;

}



.anim-line span:nth-child(7) {

    left: 85%;

    animation-delay: 3s;

}



.anim-line span:nth-child(8) {

    left: 99%;

    animation-delay: 2s;

}



.anim-line span:nth-child(9) {

    left: 117%;

    animation-delay: 5s;

}



.anim-line span:nth-child(10) {

    left: 125%;

    animation-delay: 5s;

}





/* ---------------------------- Second Secion / First Page ---------------------- */





.first-page-feature-section{

    overflow-x: hidden;

}

.first-page-features-heading h1{

    font-size: 55px;

    text-align: center;

    font-family: 'Poppins', sans-serif;

    font-weight: 700;

    position: relative;

}



.first-page-features-heading h1::before{

    position: absolute;

    content: '';

    height: 4px;

    width: 150px;

    background-color: #2b3379;

    bottom: -18px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

}



.first-page-features-heading h1::after{

    position: absolute;

    content: '';

    height: 4px;

    width: 150px;

    background-color: #2b3379;

    bottom: -27px;

    left: 55%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

}





.first-page-features-heading p{

    text-align: center;

    font-family: 'Poppins', sans-serif;

    color: #565656;

    font-weight: 400;

    font-size: 21px;

}



/* ------------------------------------------ */



.feature-card{

    /* transform: 0.3s ease 0s, -webkit-transform 0.3s ease 0s; */

    box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.12);

    border-radius: 30px;

    background-color: white  !important;

    /* visibility: visible; */

    animation-delay: 0.4s;

    transition :0.4s ease-in-out;

    height: 350px;

}



.feature-card:hover{

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px);

    

}



.feature-icon img{

    height: 40px;

    width: 40px;

}

.feature-text h4{

    font-size: 25px;

    font-weight: 600;

    font-family: 'Poppins', sans-serif;

}



.feature-text p{

    color:#565656;

    font-family: 'Poppins', sans-serif;

    font-size: 13px;

    line-height: 1.5;

    text-align: center;

}



/* -------------------- Third Section -------------------- */



.bg-gray{

    background-color: #f6f9fe;

}



.ptb_100{

    padding: 80px 0px;

}



.ptb_60{

    padding: 60px 0px !important;

}



.second-section{

    padding: 80px 30px;

    overflow-x: hidden;

}



.service-list{

    padding-left: 0px;

}



.service-text h2{

    font-size: 35px;

    font-weight: 700;

    margin-bottom: 20px;

    line-height: 1.3;

    font-family: 'Poppins', sans-serif;



}



.service-text h2 span{

    color: #2b3379 !important;

}



.service-text p{

    font-size: 15px;

    font-weight: 400;

    line-height: 1.5;

}



.benifit-box-text p{

    font-size: 15px;

    font-weight: 500;

    line-height: 1.5;

    margin-bottom: 10px;

}



.media{

    display: flex;

    -ms-flex-align: start;

    align-items: flex-start;

}



.service-icon {

    padding-right: 35px;

}

.service-icon span{

    height: 55px;

    width: 55px;

    display: flex !important;

    text-align: center;

    line-height: 54px;

    font-size: 1.5rem;

    color: #2b3379 ;

    border-radius: 4px;

    background-color: white;

    border: 1px solid rgba(0, 0, 0, 0.12);

    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    font-size: 30px;

}



.service-icon span i{

    font-size: 25px;

    margin: auto;

}



.benifit-icon-box {

    padding-right: 25px;

}

.benifit-icon{

    font-size: 25px;

    margin: auto;

    color: #2b3379;

}



.service-img img{

    /* margin: auto; */

    margin-top: 110px;

}



.benifitsimg-box img{

    width: 25%;

    margin-top: 70px ;

}



.service-btn{

    font-size: 1rem;

    font-weight: 500;

    color: white;

    background: radial-gradient(circle at 10% 20%, rgb(43 51 121) 0%, rgb(72 84 185) 90%);

    line-height: 1;

    text-align: center;

    padding: 18px 30px;

    border: 0 none;

    border-radius: 6px;

    outline: 0 none;

    position: relative;

    z-index: 1;

}



.service-btn:hover{

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    color: white;

}



/* radial-gradient(circle at 10% 20%, rgb(43 51 121) 0%, rgb(72 84 185) 90%) */





/* ----------------------- First Page / Fourth Section -------------------- */

.work-section{

    padding: 80px 30px;

    position: relative;

}

.work-content h2{

    font-size: 45px;

    font-weight: 600;

    font-family: 'Poppins', sans-serif;

    position: relative;

}



.work-content h2::before{

    position: absolute;

    content: '';

    height: 4px;

    width: 150px;

    background-color: #2b3379;

    bottom: -18px;

    left: 52%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

}



.work-content h2::after{

    position: absolute;

    content: '';

    height: 4px;

    width: 150px;

    background-color: #2b3379;

    bottom: -27px;

    left: 57%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

}



.work-icon img{

    height: 50px;

    width: 50px;

}



.work-section-row{

    background: radial-gradient(circle at 10% 20%, rgb(43 51 121) 0%, rgb(72 84 185) 90%);

    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;

    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;

    border-radius: 10px;

}



/* .work-section-row::after{

    position: absolute;

    content: '';

    height: 41%;

    width: 90%;

    top: 46%;

    left: 5%;

    background: radial-gradient(circle at 10% 20%, rgb(43 51 121) 0%, rgb(72 84 185) 90%); */

    /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */

    /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;

    opacity: 0.94;

    z-index: -1;

    border-radius: 10px; */

/* } */



.single-work{

    /* box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; */

    /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */

    position: relative;

}



.work-content h2, .work-content p{

    color: #2b3379 !important;

}



.work-box::after {

    position: absolute;

    content: '\f054';

    font-size: 45px;

    font-weight: 900;

    color: white;

    font-family: 'Font Awesome 5 Free';

    top: 41%;

    right: 30px;

    margin-right: -50px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: -webkit-transform 0.3s;

    transition: -webkit-transform 0.3s;

    transition: transform 0.3s;

    transition: transform 0.3s, -webkit-transform 0.3s;

}



.work-box:hover::after {

    -webkit-transform: translateX(5px) translateY(-50%);

    transform: translateX(5px) translateY(-50%);

}





/* --------------- Faq Section --------------------- */



.faq-section{

    padding: 80px 30px;

    background-color: #f6f9fe;

}



.faq-main-card{

    padding: 20px;

    /* background-color: white; */

    border-radius: 20px;

    margin: 20px 0px 40px 0px;

    /* From https://css.glass */

background: rgba(255, 255, 255, 0.17);

border-radius: 16px;

box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

backdrop-filter: blur(5px);

-webkit-backdrop-filter: blur(5px);

border: 1px solid rgba(255, 255, 255, 0.3);

}

.faq-box{

    margin-top:40px;

}



.faq-card{

    border-bottom:1px solid rgba(0, 0, 0, .2);

    padding: 10px 0px;

}



.faq-card .d-flex{

    display: flex;

    justify-content: space-between;

}

.faq-card .d-flex p{

    font-size: 20px;

    margin-top: 5px;

    font-weight: 500;

}



.faq-text{

    /* margin: 10px 0px; */

    width:95%;

    text-align: justify;

    width: 80%;

}



.faq-card img{

    width: 25px;

    margin-top: 10px;

    transition: all .4s ease-in-out;

}



.tm-feature-rotate-45{

    transform: rotate(45deg);

}



.tm-feature-rotate-90{

    transform: rotate(90deg);

}





/* --------------------------- Choose us section ----------------- */



@keyframes moving_position_animatin {

    0% {

        transform: translateY(0);

    }



    50% {

        transform: translateY(-30px);

    }



    100% {

        transform: translateY(0);

    }

}





.choose-us-section{

    padding: 80px 30px 0px 30px ;

    overflow: hidden;

}





.choose-us-box{

    padding-left: 100px;

}

.choose-us-img-box{

    margin-top: 50px;

}

.choose-us-img-box::before{

    content: "";

    position: absolute;

    left: 50%;

    top: 40%;

    transform: translate(-50%, -50%);

    width: 370px;

    height: 370px;

    border-radius: 100%;

    background-color: white;

    z-index: -1;

}



.moving_position_animatin {

    position: relative;

    animation: moving_position_animatin 6s infinite linear;

    z-index: -1;

}





.choose-us-img-box .left_img img:nth-child(1){

    top: 0%;

    right: -30%;

    width:70%; 

    left:15%;

}



.choose-us-img-box .left_img img:nth-child(2){

    top: -7%;

}



.choose-us-img-box .right_img img:nth-child(1) {

    position: relative;

    top: 3%;

    z-index: 99;

    /* margin-left: -15px; */

    right: 15%;

    /* animation: moving_position_animatin 6s infinite linear !important; */

    animation-delay: 3s !important;

}



.choose-us-img-box .right_img img:nth-child(2) {

    position: relative;

    top: -1% !important;

    z-index: 99;

    /* margin-left: -15px; */

    right: 40%;

    left: unset !important;

    animation: moving_position_animatin 6s infinite linear !important;

    animation-delay: 3s !important;

}



.choose-us-img-box .right_img img:nth-child(3) {

    position: relative;

    top: -8% !important;

    z-index: 99;

    /* margin-left: -15px; */

    right:60%;

    left: unset !important;

    /* animation: moving_position_animatin 6s infinite linear !important; */

    animation-delay: 3s !important;

}



/* -------------- Interface View Section ---------------- */



.interface-views{

    padding:0px 30px 80px 30px;

    background-color:#f6f9fe;

}









/* --------------------------------------------------- Footer Section ----------------------------- */



.footer-section{

    padding:50px;

    background-color: #2b3379;

}



.footer-anim-line{

    opacity: 0.3;

    height: 77%;

}



.footer-first-hd{

    justify-content: end;

}



.footer-text p {

    margin-left: 20px;

    line-height: 20px;

}



.hr-footer{

    height: 1px;

    color: #aeaeae87;

}



.footer-image-1{

    width: 30px;

    height: 40px;

}



.footer-image-2{

    width: 40px;

    height: 40px;

}



.about-footer h4{

    font-family: 'Poppins', sans-serif;

    color: white;

    font-size: 20px;

    margin-bottom: 14px;

    margin-top: 10px;

}



.about-footer p{

    font-family: 'Poppins', sans-serif;

    color: white;

}



.footer-links {

    list-style: none;

    display: flex;

    padding: 0px;

}







.footer-links li a{

    text-decoration: none;

    color: white;

    width: 37px;

    height: 37px;

    text-align: center;

    line-height: 37px;

    font-size: 17px;

    border: 1px solid #E6EDF1;

    border-radius: 50px;

    margin-right: 10px;

    display: inline-block;

    position: relative;

    box-shadow: inset 0 0 0 0 #2b3379; 

    -webkit-transition: ease-out 0.4s;

    -moz-transition: ease-out 0.4s;

    transition: ease-out 0.4s;

}



.footer-links li a:hover{

    box-shadow: inset 0 0 0 50px white;

    color: #2b3379;

}



.quick-links-box, .our-brand-box{

    justify-content: center;

}



.footer-address-box{

    justify-content: end;

}



.quick-links{

    margin-bottom: 0px;

    padding: 0px;

}

.quick-links li{

    list-style: none;

    margin-top: 7px;

}



.quick-links li a{

    padding: 10px 0px 10px 0px;

    text-decoration: none;

    color: white;

    position: relative;

}



.quick-links li a i{

    margin-right: 15px;

}



.quick-links li a:hover i{

    color: white;

}







/* .quick-links li a::before{

    content: "";

    background: #ffff;

    display: block;

    position: absolute;

    bottom: 6px;

    left: 2px;

    width: 0;

    height: 1px;

    transition: all 0.3s ease-in-out;

}



.quick-links li a:hover:before{

    width: 100%;

} */

/* ------------------------- */



/* /////////////////////// -------------- Contact Us Page ---------------///////////////////////////////// */



.contact-us-section{

    padding:80px 30px;

    background-color: #f6f9fe;

}

.contact-us-box-text-1{

    font-family: 'Poppins', sans-serif;

    /* color: #565656; */

    color: #565656;

}



.contact-us-links{

    list-style: none;

    margin: 0px;

    padding: 0px;

}



.contact-us-links li{

    margin: 20px 0px;

}



.contact-us-links li a{

    text-decoration: none;

    color: #2b3379;

}



.contact-us-icon{

    padding-right: 20px !important;

}



.contact-us-icon i{

    color: white;

}

.contact-us-links span{

    background-color: #2b3379;

}



.contact-us-icon li a i{

    color: white !important;

}



.contact-us-text-2 p{

    line-height: 26px !important;

    color:#565656;

}



.form-group{

    margin-bottom: 30px;

}

.contact-form-box .form-group input, .contact-form-box .form-group textarea {

    font-size: 14px;

    height: 50px;

    padding: 15px;

    border: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    border-radius: 0;

    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);

    -webkit-transition: 0.5s;

    transition: 0.5s;

    background-color: white;

}



.contact-form-box .form-group textarea {

    max-height: 160px;

    min-height: 100px;

    padding: 15px;

}



.contact-us-msg-btn{

    background-color: #2b3379;

    color: white;

    box-shadow: inset 0 0 0 0 #2b3379;

    -webkit-transition: ease-out 0.4s;

    -moz-transition: ease-out 0.4s;

    transition: ease-out 0.4s;

}



.contact-us-msg-btn:hover{

    box-shadow: inset 0 0 0 50px #e65327;

    color: #fff;

}



/* ----------------------------- Pages Banner ------------------- */



.pages-banner{

    /* background-color: #2b3379; */

    padding: 80px 20px;

    position: relative;

    background-image: url(../Images/inner_page_banner_overlay.png);

    background-repeat: no-repeat;

    background-position-y: bottom;

}



.pages-banner::before{

    position: absolute;

    content: '';

    top: 0;

    height: 300px;

    width: 100%;

    left: 0;

    background-color: #2b3379;

    z-index: -1;



}



.pages-banner img{

    position: absolute;

    bottom: 0px;

    left: 0px;

}



.bred-text h1{

    color: white;

    font-size: 55px;

    font-weight: 700;

}



.bred-text p{

    color: white;

}



.bred-text ul li{

    list-style: none;

    padding: 5px ;

    color: white;

}



.bred-text ul li a{

    text-decoration: none;

    color: white;

    padding-bottom: 3px;

}



.bred-text ul li .active{

    border-bottom: 2px solid white;

}







/* -------------------------------- About Us -------------------------------- */

.about-us-section{

    padding:80px 30px;

    background-color: #f6f9fe;

}



.about-page-text {

    margin-bottom: 20px;

}

.about-page-text h2{

    font-size: 40px;

    font-weight: 700;

    color: #2b3379;

    letter-spacing: -1px;

}



.about-page-text h2 span{

    color: #e65327;

}



.about-page-para p{

    padding-right: 40px;

}



.about-page-img{

    position: relative;

}



.about-page-img::before{

    content: "";

    position: absolute;

    left: 50%;

    top: 280px;

    transform: translate(-50%, -50%);

    width: 570px;

    height: 570px;

    border-radius: 100%;

    /* background-color: white; */

    background-color: #2b33790d;

    z-index: 9;

}



.about-page-inner-img-box{

    position: relative;

    z-index: 98;

}



.about-page-img-1{

    margin-bottom: 30px;

    text-align: center;

    width: 100%;

    left: -5px;

}



.about-page-img ul{

    display: flex ;

    flex-wrap: wrap;

    align-items: flex-start;

    justify-content: space-between;

    position: relative;

    z-index: 19;

    list-style: none;

}



.about-page-img ul li{

    position: relative;

}



.about-page-img ul li:first-child{

    left: -5px;

}



.about-page-img li:nth-child(2){

    right: -5px;

}



.about-page-img li img{

    max-width: 100%;

} 



.about-page-img-3{

    height: 345px;

}



/* ------------------------------------------- Feature -box ---------------------------------- */

.bg-blueshlg{

    background-color: #f6f9fe !important;

}



.featurepg-heading h1{

    font-size:30px !important;

}



.featurepg-heading p{

    font-size: 20px;

}



.featurepg-card{

    /* box-shadow: 0 25px 25px rgba(36,39,44,.05)!important; */

    padding: 40px 30px 40px 0px;

    position: relative;

    box-shadow: inset 0 0 0 0 #2b3379 ;

    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;

    margin: 20px 0px;

    height: 200px;

}



.featurepg-card .icon-style{

    align-items: center;

    display: flex;

    height: 45px;

    justify-content: center;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    transition: all .5s ease;

    width: 45px;

    position: absolute;

    left: 17px;

    top: -23px;

}



.featurepg-card .icon-style i{

    display: inline-block;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    transition: all .5s ease;

    color: #2b3379 !important;



}



.featurepg-card h5{

    background-color: #2b3379 !important;

    color: white;

    font-weight: 600;

    z-index: 0;

    display: inline-block;

    padding: 5px 30px;

    border-radius: 0px 10px 10px 0px;

    box-shadow: inset 0 0 0 0 #2b3379 ;

    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;



}



.featurepg-card:hover {

    color: #fff;

    box-shadow: inset 1000px 00px  00px 00px #2b3379 ;

}



.featurepg-card:hover h5{

    color: #2b3379 ;

    box-shadow: inset 1000px 00px  00px 00px #fff ;

}

/* .featurepg-card h5::after{

    content: '';

    width: 50px;

    height: 50px;

    position: absolute;

    background-color: #2b3379;

    z-index: -1;

    left: 0;

    top: 35px;

    width: 170px;

    height: 34px;

} */



.featurepg-card p{

    padding: 5px 0px 5px 30px;

    margin-bottom: 0px;

    font-size: 12px;

}





#from-msg{

    position: fixed;

    display: block;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    text-align: center;

    /* opacity: 0.7; */

    background-color: #ffffff57;

    transition: all 0.2s ease-in-out;

    z-index: 99;

    animation: fadeout 1s linear infinite;



  }



.message-box{

    background-color: white;

    position: relative ;

    top: 65% ;

    padding: 40px ;

    display: block ;

}