@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body { margin: 0; padding: 0; font-family: "Open Sans", sans-serif; overflow-x: hidden; color: #212121}
p, ul {color: #313234;font-size: 15px;letter-spacing: .2px;line-height: 26px;font-weight: 400;margin: 0 0 12px 0;font-family: "Open Sans", sans-serif;}
.main-table li {color: #313234;font-size: 15px; letter-spacing: .2px; line-height: 20px;margin: 0 0 10px 0; font-family: "Open Sans", sans-serif;}
a { text-decoration: none !important; font-family: "Open Sans", sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: "Montserrat", sans-serif; color: #212121}

.body-fx #HeaderControl {
    height: 90px;
    float: Left;
    position: fixed;
    width: 30%;
    padding: 0;
    padding-left: 0px;
    background: rgb(255 255 255 / 95%);
    z-index: 99;
    top: 0;
}
.body-fx #MenuControl {
    height: 90px;
    float: Right;
    position: fixed;
    right: 0;
    width: 70%;
    padding: 0;
    padding-right: 0;
    background: rgb(255 255 255 / 95%);
    top: 0;
}
#MenuControl_C .dropdown-menu {
    border-radius: 0;
    padding: 0 !important;
    animation: fadeInUp 400ms;
}
.sub-heading1{font-weight: 600;Font-size: 22px;color: #111;line-height: 30px;margin: 0;text-align: left;}
.contact-pg p{ color: #000;line-height: 27px; font-size: 16px;margin-bottom: 8px;padding-top:5px;}
.contact-pg .hm_heading{ position: relative;color: #000;padding-bottom: 20px;text-transform: capitalize;font-size: 36px;font-weight: 500;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
#divmainenquiry11 .close, #alertneew .close { position: absolute; right: 14px; font-size: 30px; cursor: pointer;}
.contact-section{background-image: url(image/contact-section-bg.jpg); background-repeat: no-repeat; background-attachment: scroll; position: relative; padding: 60px 0;}
.contact-section .btn-btm{ background:transparent; color: #fff; border-radius: 40px; width: 100%;border: 2px solid #eee;}
.contact-section .btn-btm:hover{ background:#eee; color: #000;}
.contact-section .form-control{border-radius: 0;}
.contact-section:before{    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: linear-gradient(90deg, #368ad2 0%, #104c93 100%);
    opacity: .7;}
.contact-section .container{position: relative; z-index: 9;}
.main-table {text-align: left;padding: 4% 0;}

#widgetsControl_C, #widgetsControl{ height: auto !important;}

#HomepagecontentControl { min-height: 500px !important}

#MenuControl .nav-item { margin: 0}
#MenuControl .nav-item .nav-link {color: #212121;font-size: 15px;font-weight: 600;letter-spacing: .3px;padding-top: 0;}
#MenuControl .nav-fill{width:100%;}
#MenuControl .bg-light {background: #fff!important;}

#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important;}
#MenuControl_C .bg-light {--bs-bg-opacity: 1;background-color: transparent !important;height: 100%; }
#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important;}

#HeaderControl, #HeaderControl_C, #MenuControl, #MenuControl_C {height: 80px !important;}

#HomepagecontentControl_C { margin: -20px 0 0 0 !important}
/* @media (min-width: 320px) and (max-width: 768px ){
    .body-fx #HeaderControl{width:80%;}
    #MenuControl .nav-item{border-bottom:1px #fff solid;}
    #MenuControl .nav-item .nav-link{color:#fff;}
    #navbarNavDropdown { height: auto; position: absolute; right: 0%; background: #1b5b89; width: 460%; margin-top: 12px; left: auto; top: 60px;}
    .navbar-toggler { margin: 8px 0;}
    #MenuControl, #MenuControl_C {height: initial !important; right: 0 !important;  background: #fff; top: 0;}
    #HeaderControl, #HeaderControl_C {height: 72px !important; background: #fff;}
    #HeaderControl {width:80%;}
    .navbar-collapse {background: #eeeced;margin: -10px 0 0 0;}
} */

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

.heading { color: #0f4b94; font-size: 38px; margin: 0 0 30px 0; text-align: center; font-weight: 700; letter-spacing: .5px; position: relative;}
.heading::after { content: ''; position: absolute; width: 180px; height: 3px; left: 0; right: 0; bottom: -10px; margin: 0 auto; background: #3a88c8;}
.heading1 {color: #0f4b94;font-size: 28px;margin: 0 0 20px 0;font-weight: 700;letter-spacing: .5px;position: relative;}
.title { font-size: 17px; font-weight: 400;}
.ser-title {color: #0f4b94;font-size: 20px;font-weight: 600;text-align: left;margin: 8px 0;}
.custom-btn { display: inline-block; background: #0f4b94; color: #fff; font-size: 14px; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; padding: 11px 34px; border-radius: 30px; border: 2px solid #fff;}
.custom-btn:hover { color: #fff; background: #093770;}
.custom-btn1 { background-color: #0f4b9480; backdrop-filter: blur(2px); margin: 0 0 0 5px; transition: all .3s ease-in-out;}
.custom-btn1:hover { transform: scale(.9); color: #fff;}

.bg1 { background: #e7e7e7;}

.top-header {padding: 4px 0;background-image: linear-gradient(90deg, #368ad2 0%, #104c93 100%);}
.top-header p, .top-header p a { margin: 0; color: #fff; font-size: 14px; line-height: 1.5;}
.top-header p i { margin: 0 5px 0 0;}
header{text-align: center;}
header img { width: 160px; padding: 3px 0;}
#FooterrControl1_Footer{padding: 0;}
.banner-section .carousel-caption {text-align: start;width: 35%;top: 25%;}
.banner-section .carousel-caption h1 {color: #fff;font-size: 44px;letter-spacing: .7px;word-spacing: 12px;font-weight: 700;margin: 0 0 20px 0;}
.banner-section .carousel-caption p {color: #fff; font-size: 18px; margin: 0 0 30px 0;}

.engagement-models { padding: 3% 0 4% 0;}
.engagement-models .model-card {margin:30px 0 0 0;padding: 30px 15px;border-radius: 10px;border: 2px solid #3a88c8b9;text-align: center;transition: all .3s ease-in-out;min-height: 290px;}
.engagement-models .model-card:hover { border-color: #3a88c8; transform: translate(0, -10px);}
.engagement-models .model-card img { width: 54px;}
.engagement-models .model-card h4 {color: #104b94;font-size: 17px;line-height: 1.4;margin: 15px 0 12px 0;font-weight: 600;} 
.engagement-models .model-card p {font-size: 14px;margin: 0;line-height: 1.7;}

.service-section { padding: 4% 0 5% 0; background: #e7e7e7;}
.ser-card {background: #fff;margin: 30px 0 0 0;padding: 60px 50px;position: relative;overflow: hidden;min-height: 620px;}
.ser-card .bottom-icon {position: absolute;right: 5px;bottom: 5px;opacity: .2;}
.ser-card .bottom-icon img { width: 110px; transition: all .4s ease-in-out;}
.ser-card .icon img{width: 90px;}
.ser-card h4 {margin: 28px 0 16px 0;font-size: 22px;color: #104b94;font-weight: 700;line-height: 1.4;}
.ser-card p {margin: 0 0 25px 0;}
.ser-card .learn-more {display: inline-block;border: 2px solid #104b94;color: #104b94;padding: 6px 24px;border-radius: 25px;font-size: 14px;text-transform: uppercase;font-weight: 650;letter-spacing: 1px; transition: all .1s ease-in-out;}
.ser-card .learn-more:hover { background: #104b94; color: #fff;}
.ser-card:hover .bottom-icon img { transform: scale(1.3);}

.ser-card.ser-card1 { background-image: linear-gradient(90deg, #368ad2 0%, #104c93 100%);}
.ser-card.ser-card1 .icon img {filter: brightness(5);}
.ser-card.ser-card1 h4 { color: #f5f5f5}
.ser-card.ser-card1 p { color: #f5f5f5}
.ser-card.ser-card1 .learn-more { border-color: #fff; color: #fff}

.about-section { padding: 4% 0;}
.about-section .heading { text-align: start;}
.about-section .heading::after { left: 0; margin: 0;}
.about-section p{text-align: justify;}
.technology { padding: 5% 0;}
.table-responsive{padding: 0; overflow-x: hidden;}
.cta-section { padding: 4% 0; background-image: url('image/contact-bg.jpg'); background-size: cover; position: relative;}
.cta-section::after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-image: linear-gradient(90deg, #368ad2 0%, #104c93 100%); opacity: .7;}
.cta-section .text { position: relative; z-index: 2;}

footer {padding: 4% 0 0 0;background: #141966;margin: -7px 0 0 0;}
footer .links { position: relative; z-index: 3;}
footer .footer-bottom {position: relative;z-index: 3;margin: 3% 0 0 0;background: #00000017;padding: 15px 0;}
footer h4 {color: #fff;font-size: 18px;margin: 10px 0 18px 0;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}
footer p, footer p a {color: #efefef;font-size: 14.5px;margin: 0 0 7px 0;line-height: 1.8;}
footer p a:hover { color: #fff;}
footer p i { color: #fff; margin: 0 5px 0 0;} 
/* footer */
footer .social-icon .fa{color: #141966;
    background-color: #ffffff; transition: .5s;
    border-radius: 50% 50% 50% 50%;
    padding: 0px 0px 0px 0px;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;}
footer .social-icon .fa:hover{color: #fff;
    background-color: #368ad2;}
/* footer */
.inner-banner {background-image: url('image/about-banner.jpg');padding: 6% 0;background-size: cover;background-position: center;}
.inner-banner h2 {color: #fff;text-align: center;font-size: 42px;text-transform: uppercase;font-weight: 600;letter-spacing: 1px; margin: 0 0 15px 0;} 
.inner-banner p {text-align: center;display: inline-block;background: #ffffff70;padding: 5px 30px;border-radius: 5px;margin: auto;font-size: 16px;font-weight: 500;color: #f6f6f6;letter-spacing: .8px;word-spacing: 3px;backdrop-filter: blur(2px);margin: 0;}
.inner-banner p a { color: #f6f6f6}

.our-journery { background: #e7e7e7; }
.our-journery ul, .our-journery ul li { list-style: none;}
.our-journery ul li span { font-size: 21px; color: #3a88c8; font-weight: 600; margin: 0 0 8px 0; display: inline-block}
.our-journery ul li {position: relative;padding: 0 0 40px 40px;font-size: 16px;line-height: 1.6;}
.our-journery ul li::after {content: '';position: absolute;width: 15px;height: 15px;border-radius: 50%;background: #0f4b94;left: 0;top: 5px;}
.our-journery ul li::before {content: '';position: absolute;width: 1px;height: 80%;background: #202020;left: 7px;top: 24px;}
.our-journery li:last-child::before { height: 0}

.vision-mission .ser-card { border-radius: 20px; min-height: 390px;}

.team-card { padding: 10px 0;}
.team-card img { border-radius: 10px; border: 1px solid #ddd;}
.team-card h3 {color: #0f4b94;font-size: 22px;font-weight: 700;margin: 10px 0 5px 0;}
.team-card h4 {color: #3a88c8;font-size: 17px;font-weight: 600;}

.ser-list { list-style-image: url('image/right.png');}
#FooterrControl1_tr_FooterBackImage > td.row{display: contents;}
@media (min-width: 991px){
#HeaderControl, #MenuControl{ transition:.3s;}
.body-fx #HeaderControl, .body-fx #MenuControl{position:fixed; top:0; height:70px; transition:.3s;}
.body-fx #HeaderControl{width:33%; float:left; left:0;}
.body-fx #MenuControl{width:67%; float:right; right:0;}
}
/*fix menu*/
@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, .dropdown-menu{font-size: 13px;}
.fixed-top { position: relative;}
.banner-section .carousel-caption{width: 75%;top: 5%;}
.banner-section .carousel-caption h1 {
    color: #fff;
    font-size: 25px;
    letter-spacing: .7px;
    word-spacing: 5px;
    font-weight: 700;
    margin: 0 0 20px 0;
}
	}
@media (max-width: 769px){
#widgetsControl_C, #widgetsControl, #MenuControl, #MenuControl_C{height:initial !important}
}
a, a:hover{text-decoration:none !important;}
@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;}
}

@media(max-width:568px){
	
}
@media(max-width:480px){
	
}



@media (max-width: 414px){


}