@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

*{  font-family: "Montserrat", sans-serif;}
a{text-decoration: none;}

.banner-slide {height: 550px;background-size: cover;background-position: center;position: relative;}
.banner-slide::before {content: "";position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}
.banner-content {padding-top:70px;position: relative;color: #fff;/* max-width: 700px; */}
.small-text {font-size: 60px;color: #89a6ef;font-weight: 400;}
.main-text {font-size: 95px;font-weight: 700;line-height: 1.1;}
.desc {font-family: 'Open Sans', sans-serif;font-size: 20px;margin-top: 20px;line-height: 30px;}
.banner-btn {margin-top: 30px;background: #fff;color: #e69d2f;font-size: 16px;font-weight: 700;padding: 10px 40px;border-radius: 0;transition: 0.3s;}
.banner-btn:hover {background: #e69d2f;transform-origin: 50% 50%;border-radius: 50px;color: #fff;border:1px solid #e69d2f;}
.animate-left {opacity: 0;transform: translateX(-100px);animation: slideLeft 1s forwards;}
.animate-right {opacity: 0;transform: translateX(100px);animation: slideRight 1s forwards;}

@keyframes slideLeft {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideRight {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}


/* mission */
.mission-section {font-family: 'Montserrat', sans-serif;}
.mission-box {position: relative;color: #fff;display: flex;align-items: center;padding: 50px;overflow: hidden;}
.mission-box {background-size: cover;background-position: center;background-repeat: no-repeat;}
.mission-box::before {content: "";position: absolute;inset: 0;z-index: 1;}
.box1 {background-image: url('image/vision.jpg');}
.box1::before {background: linear-gradient(135deg, rgba(26,115,232,0.85), rgba(26,115,232,0.8));}
.box2 {background-image: url('image/mission.jpg');}
.box2::before {background: linear-gradient(135deg, rgba(44,62,130,0.9), rgba(44,62,130,0.8));}
.box3 {background-image: url('image/core.jpg');}
.box3::before {background: linear-gradient(135deg, rgba(0,0,0,0.8), rgba(0,0,0,0.8));}
.content {position: relative;z-index: 2;display: flex;align-items: flex-start;gap: 20px;}
.mission-section h4 {font-size: 20px;font-weight: 700;margin:0px 0px 20px 0;color:#fff;}
.mission-section p {font-family: 'Open Sans', sans-serif;font-size: 16px;line-height: 28px;color:#fff;}
/* .mission-section .icon-circle {width: 143px;height: 51px;border: 2px solid #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;} */
.mission-section .icon-circle img {width:40px;}

/* services */
.services-section {background: #f5f6f8;font-family: 'Montserrat', sans-serif;}
.section-title {font-size: 40px;font-weight: 700;color: #232323;}
.section-subtitle {font-size: 16px;color: #747474;font-weight:700;margin-top: 10px;}
.section-subtitle::after {content: "";width: 200px;height: 3px;background: #034d82;display: block;margin: 15px auto;}
.service-card {background: #fff;border-radius: 6px;overflow: hidden;border: 1px solid #e5e5e5;transition: 0.4s;}
.service-img {overflow: hidden;}
.service-img img {width: 100%;transition: 0.5s;    height: 250px;}
.service-title {padding: 20px;font-size: 18px;font-weight: 600;color: #034d82;}
.service-card:hover {/* transform: translateY(-8px); */background-color: #4c86b226;box-shadow: 0 1px 2px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.1)}

/* .service-card:hover img {
    transform: scale(1.08);
} */

.services-section .custom-indicators {position: relative;margin-top: 30px;}
.services-section .custom-indicators button {width: 12px;height: 12px;background-color: #4a4e57;border: none;margin: 0 5px;opacity: 1;}
.services-section .custom-indicators .active {width: 12px;height: 12px;background-color: #254099!important;}
.services-section .carousel-indicators [data-bs-target] {border-radius: 0;width: 12px;height: 12px;background-color: #4a4e57;}

/* abiut us */
.about-section {position: relative;padding: 100px 0;background: url('image/about-bg.jpg') center/cover no-repeat;font-family: 'Montserrat', sans-serif;}
.about-section::before {content: "";position: absolute;inset: 0;background: linear-gradient(90deg,rgba(33, 102, 172, 0.9),rgba(33, 102, 172, 0.9));}
.about-section .container {position:relative;z-index: 2;}
.about-img img {width: 100%;border-radius: 2px;}
.about-content {color: #fff;padding-left: 30px;}
.small-title {font-size: 12px;letter-spacing: 2px;font-weight: 600;margin-bottom: 15px;opacity: 0.9;}
.main-title {font-size: 45px;font-weight: 600;margin-bottom: 20px;}
.about-content p {text-align: justify;font-size: 15px;line-height: 28px;margin-bottom: 25px;}
.about-btn {background: #fff;color: #034d82;font-size: 13px;font-weight: 600;padding: 10px 25px;border-radius: 3px;letter-spacing: 2px;}
.about-btn:hover {background: #e69d2f;color: #fff;border:1px solid #e69d2f;}

/* contact section */
.callback-section {background: #f4f4f4;padding: 100px 0;font-family: 'Montserrat', sans-serif;}
.callback-text h2 {font-size: 40px;font-weight: 600;color: #034d82;margin-bottom: 45px;}.callback-text p {font-size: 18px;color: #6a7684;line-height: 28px;}
.callback-form .form-control {height: 48px;border: 1px solid #dcdfe3;border-radius: 6px;font-size: 15px;color: #000;padding: 10px 15px;box-shadow: none;}
.callback-form textarea.form-control {height: auto;resize: none;}
.callback-form .form-control::placeholder {color: #9aa5b1;}
.callback-form .form-control:focus {border-color: #034d82;box-shadow: none;}
.submit-btn {background: #e69d2f;color: #fff;font-size: 14px;font-weight: 700;padding: 12px 30px;letter-spacing: 1px;border-radius: 3px;border: none;}

/* footer */
.footer-section{background:rgba(255,255,255,0);background-image: linear-gradient(180deg, #f8f8f8 0%,rgba(255,255,255,0) 100%);padding:70px 0 30px;border-width: 1px 0px 0px 0px;border-color: #dbdbdb;border-style: solid;}
.footer-logo{max-width:300px;}
.footer-heading{font-size:20px;font-weight:600;color:#034d82;margin-bottom:20px;}
.quick-links{list-style:none;padding:0;margin:0;}
.quick-links li{margin-bottom:12px;}
.quick-links li a{color:#646f7c;text-decoration:none;font-size:15px;font-weight:400;transition:all .3s ease;}
.quick-links li a:hover{color:#034d82;}
.contact-info{color:#646f7c;font-size:15px;line-height:1.9em;}
.contact-info a{color:#646f7c;text-decoration:none;}
.social-icons{margin-top:15px;}
.social-icons a{display:inline-block;margin-right:18px;color:#034d82;font-size:24px;transition:.3s;}
.social-icons a:hover{color:#0a4fb5;font-weight: 600;}
.footer-divider{border-top:1px solid #d9d9d9;margin-top:60px;padding-top:25px;}
.copyright{text-align:center;color:#646f7c;font-size:14px;}
.back-top{position:fixed;bottom:25px;right:25px;width:48px;height:48px;background:#034d82;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:4px;font-size:26px;}
.back-top:hover{color:#fff;}

@media(max-width:767px){
    .footer-col{
        margin-bottom:35px;
    }header{display: flex!important;justify-content: center!important;}
    .small-text {font-size: 42px;}
    .main-text {font-size: 48px;}
    .banner-content{padding:40px 0px!important;}
    #bannerSlider .carousel-indicators{display: none;}
    .mission-box{padding:50px 20px;}
    .about-content {padding: 20px 0px 0px 0px;}
    .main-title {font-size: 36px;}
    .about-section{padding:50px 0px;}
    .callback-text h2{margin-bottom:20px;}
    .team-inner img{margin-bottom:20px}
}

@media(min-width:767px) and (max-width:1028px)
{
    .mission-box{padding:50px 12px;}
}
 

/* about us pg */
.inner-banner { padding: 8% 0; background-image: url(image/inner-banner.jpg); background-size: cover; background-attachment: fixed;margin-bottom: 30px;}
.inner-banner h2, .contact-banner h2 {color: #fff;text-align: center;font-size: 40px;font-weight: 700;}
.inner-banner p, .inner-banner p a { color: #dbdbdb; font-size: 17px;}
.inner-banner p i { font-size: 15px; margin: 0 5px 0 0;}

/* .values-section{padding:80px 0px;}
.value-card img{width:60px;}
.value-card{padding-top:40px;} */


.values-section .value-card {height: 280px;padding: 31px;border-radius: 20px;box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 25px;margin: 15px 0;transition: all .3s ease-in-out;}
.values-section .value-card img{width:70px;}
.values-section .value-card h4 {padding-top:10px;color: #034d82;font-size: 20px;font-weight: 600;margin: 0 0 12px 0;}
.values-section .value-card p { font-size: 15px;text-align: justify;color:#000;}
.values-section .value-card ul li { font-size: 15px;text-align: left;color:#000;line-height: 28px;}


.vismis-section .value-card {padding: 31px;border-radius: 20px;box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 25px;margin: 15px 0;transition: all .3s ease-in-out;}
.vismis-section .value-card img{width:70px;}
.vismis-section .value-card h4 {padding-top:10px;color: #034d82;font-size: 20px;font-weight: 600;margin: 0 0 12px 0;text-align: left;}
.vismis-section .value-card p { font-size: 15px;text-align: justify;color:#000;}
.vismis-section .value-card ul li { font-size: 15px;text-align: left;color:#000;line-height: 28px;}
.vismis-section .value-card ul{padding-left:1rem;}

.team-inner img {border-radius: 10px;box-shadow: 1px 1px 6px #7e7777;}
.team-inner p {line-height: 30px;}
.team-inner h5{font-size: 16px;}
.sub-heading {font-weight: bold;Font-size: 18px;text-align: left;color: #034d82;line-height: 30px;margin-bottom: 5px;text-transform: uppercase;}

/*nav-bar*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
#MenuControl_C .bg-light {--bs-bg-opacity: 1;background-color: transparent !important;height:100%;}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover{color:#034d82!important;}
.nav-link{    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: 600;color:#333333;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
/*nav-bar*/
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 12px;}
	}
@media (max-width: 769px){

}
a{text-decoration:none;}
@media (max-width: 767px){
.navbar.navbar-expand-md{text-align:center;}
.navbar.navbar-expand-md .container-fluid{display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{text-align:left;}
.navbar-nav>li{ display: block; text-align: left; padding: 4px 0; border-bottom: 1px solid #999; border-right:0; }
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 14px;padding-right: 5px; padding-left: 5px;color:#fff;}
}


.table-responsive {
    min-height: .01%;
    overflow: hidden !important;border: 0; padding:0;
}


#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter{    background-color: transparent !important;}
#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter{    background-color: transparent !important;}
.body-fx #HeaderControl{height: 90px;float: Left;position: fixed;/* width: 33%; */padding: 0;padding-left: 0;background: #fff;z-index: 99;text-align: left;transition: 0.5s;height: 80px !important;top: 0;}
.body-fx #logo-web{margin-top: 6px;}
.body-fx #MenuControl_C{height: 68px !important;}
.body-fx #MenuControl {height: 90px;float: Right;position: fixed;right: 0;width: 71%;padding: 6px 0;padding-right: 0;background: #fff;transition: 0.5s;top: 0px;height: 80px !important;}

center #form1 #HomepagecontentControl{/* padding-top: 120px; */padding-bottom:0px;}
center #form1 .top-nav{background: #111;}
center #form1 #HeaderControl,
/* center #form1 #MenuControl{background: #e69d2f;height: 95px !important;} */
/* center #form1 #HeaderControl{margin-left: -2px;     width: 31%;} */
/* center #form1 #MenuControl{margin-right: -2px;} */
center #form1 .fix-box{/* display:none; */}
.body-fx center #form1 #HeaderControl{margin-left:0;}
.body-fx center #form1 #MenuControl{margin-right: 0px;}
center #form1 footer{opacity:1; visibility:visible;}

/*  */
.navbar-toggler{background-color: #fff;}
@media screen and (max-width: 768px) {
.banner-section .carousel-caption{display: none !important;}
.services-section .inner-container {margin-top: 0px;}
.footer-top-cont {bottom: 0px;}
#HeaderControl{position: static; width: 100%; height: auto; padding: 4px 0;background-color:transparent!important;}
#MenuControl{position: static; width: 100%; height: auto; padding: 4px 0;background-color:#034d82;}
}

@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 2px !important;
        padding-left: 2px !important;
    }
}

/* menu show on hover */

.navbar-nav li:hover > ul.dropdown-menu {display: block;}
.dropdown-submenu {position:relative;}
.dropdown-submenu > .dropdown-menu {top: 0;right: 100%;left: auto;margin-top:0;}
.navbar .dropdown-menu {display: none;}
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {text-decoration: underline;transform: rotate(180deg);}
.dropend .dropdown-menu {top: 0;right: auto !important;left: 100% !important; }
.dropdown-item { font-size: 14px;padding: 5px 18px;font-weight:600;}

.dropdown-submenu>a:after {display: block;content: " ";float: right!important;width: 0;height: 0;border-color: transparent;border-style: solid;border-width: 5px 0 5px 5px;border-left-color: #cccccc;margin-top: 5px;margin-right: -10px;}
.dropdown-item.active, .dropdown-item:active{background-color: transparent!important;color:#3f403f;}.dropdown-menu > li > a:hover:after {text-decoration: underline;transform: rotate(180deg);}.dropend .dropdown-menu {right: 100% !important; top:0;left: auto !important;}

#WidgetControl4{display: none;}
#widgetsControl, #widgetsControl_C{height:auto!important;}
#FooterrControl1_Footer{margin-top:0px!important;}
.main-table{color:#000;font-size:15px;line-height:26px;text-align: left;margin-bottom:50px;}
.main-table p{color:#000;font-size:15px;line-height:26px;text-align: left;}
.otherpagecss #RadDockZone1.container{max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table{margin-top:0 !important;}
.sub-head{font-size: 18px;font-weight: 600;padding-top:15px;}

/* contasct page */
.cont-page h2 {font-weight: bold;color: rgb(17, 17, 17);font-size: 19px;text-transform: uppercase;margin-bottom: 18px;margin-top: 10px;}
.cont-page a {text-decoration: none;}
.cont-page h2 span {color: rgb(17, 17, 17);font-weight: normal;font-size: 16px;}
.cont-page .map-contp {border: 1px dashed rgb(204, 204, 204);}
.st-feature-box h3 {color: rgb(255, 255, 255);margin-bottom: 8px;font-size: 17px;line-height: 20px;font-weight: 600;}
.cont-page .st-feature-box {background: #000;padding-top: 15px;padding-bottom: 15px;margin-bottom: 10px;padding-right: 10px;text-align: justify;color: rgb(255, 255, 255);}
.st-feature-box {padding-left: 70px;position: relative;}
.st-feature-box .st-feature-box-icon {color: rgb(17, 17, 17);display: block;position: absolute;width: 52px;height: 52px;line-height: 0px;left: 0px;text-align: center;font-size: 60px;transition: 0.3s;}
.cont-page .feature-box-image .fa {color: rgb(255, 255, 255);line-height: 30px;font-size: 30px;margin-top: 7px;}