/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); */
@font-face {
  font-family: 'KMR Apparat Regular';
  font-style: normal;
  font-weight: 400;
  src: url(../image/KMR-Apparat-Regular.otf) format('truetype');
}

* {font-family:KMR Apparat Regular !important; }
.fa{ font-family:FontAwesome !important;}
body {font-family: "KMR Apparat Regular", sans-serif;color: #1c1c1c;}
a {color: #000; text-decoration:none; font-family: "KMR Apparat Regular", sans-serif;font-size: 16px;}
h1, h2, h3, h4, h5, h6 { font-family: "KMR Apparat Regular", sans-serif !important;}
p{ font-family: "KMR Apparat Regular", sans-serif;font-size: 16px;line-height: 26px; color:#1c1c1c;}
section.bnr{padding:0;}
img{max-width:100%;}
.text-justify{text-align: justify;}
.inr-team {
    text-align: initial;
}

#divmainenquiry11 .close {   right: 14px; font-size: 30px; cursor: pointer;}

/*innr-pg-bnnr*/
.otherpagecss #RadDockZone1.container{max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table{margin-top:0 !important;}
.innr-pg-bnnr{padding: 100px 0 0; width: 100%; background-size: cover; min-height:300px; text-align: center; position:relative;margin-bottom: 40px;}
.innr-pg-bnnr:after{content:'';position:absolute;left:-1px;right:-1px;top:0px;width:100%;height:100%;z-index: 0;background: rgba(0,0,0,.5);}
.main-table.innr-pg{padding-bottom:50px;}
.innr-pg-bnnr h1{color: #fff;text-align:center;text-transform:uppercase;font-size: 37px;font-weight: 800;position:relative;z-index:1;font-family: "Libre Baskerville", serif;}

.inner-pages ul, .innr-pg ul, .container.main-table ul{padding:0px; margin-bottom:0;}
.inner-pages li, .innr-pg li, .container.main-table ul li{position: relative; list-style: none; padding-left: 30px;}
.inner-pages li:before, .innr-pg li:before, .container.main-table ul li:before{content: "\f0a4";  position: absolute; font-family: FontAwesome; font-size: 17px; line-height: 30px;    left: 7px;  top: -2px; color: #2667FF;}

/*innr-pg-bnnr*/
.bg-1{background-color: #2667FF;}
.text-1{color: #2667FF;}
.border-coror{border-color: #2667FF !important;}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {padding: 60px 0;}
/* background-color */
 .bg-1{background-color:#2667FF;}
 .bg-2{background-color :#f1f0fe;}
/* Text-color */
 .cl-1{color: #2667FF;}
 .cl-2{color :#131313;}
/* Font-Size */
 .fs-13{font-size: 13px;}
 .fs-14{font-size: 14px;}
 .fs-15{font-size: 15px;}
 .fs-18{font-size: 18px;}
 .fs-22{font-size: 22px;}
 .fs-26{font-size: 26px;}
 /* scroll */
 ::-webkit-scrollbar{width: 12px;}
 ::-webkit-scrollbar-thumb{background-color:#f4f3f3; }
 ::-webkit-scrollbar-track{background-color:#131313;}
 
 /* read-more btn */
 .hm_btn{display: inline-block;font-weight: 500;text-transform: capitalize;border-radius: 7px;border: 2px solid transparent;font-size: 16px;padding: 13px 30px;background: linear-gradient(90deg, #2667FF 20%, #6c19ef 100%);color: #fff;position: relative;z-index: 1;} 
  .hm_btn:hover{color: #fff;}
  .hm_btn_1{    border-bottom: 1px solid #2667FF;display: inline-block;color: #2667FF;text-transform: uppercase;font-weight: 500;}
/*  */
.hm_heading{font-size: 49px;color: #000;font-weight: 500;margin-bottom: 14px;}
.hm_heading strong {position: relative;z-index: 1;}
.hm_heading strong:after {position: absolute;left: -5%;bottom: 0;content: "";height: 100%;width: 110%;background: url(../Image/under_line.png);background-size: contain;background-repeat: no-repeat;background-position: bottom;z-index: -1;}

/*--------------------------------------------------------------
# nav-bar
--------------------------------------------------------------*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
/*#MenuControl*/ .navbar.bg-light{background-color: transparent !important; height:78%;}
.nav-link:focus, .nav-link:hover{color: #000;}
.nav-link{font-weight: 400;color: #000;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;}

@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:467px)
{
    .inr-team{padding:0px 25px;}
}
@media (max-width: 767px){
    .innr-pg-c {
        margin-top: -80px!important;}
        .inr-team {
            padding: 0px 10px 30px 10px;
            }
    .main-table {padding: 0px 10px 30px 10px!important;}
    .bnr_btm {padding-top:0px}
    .Abt_se .bg-2 {padding: 30px;margin-top: 40px; background-color: #f1f0fe;}
    .ser_sec{margin-top: 20px;}
    .banner_sec_item .thumb {padding-top: 20px!important;}
    .bnr_cont h2{font-size: 40px!important;}
    .banner_sec{ padding-top: 20px!important;}
.navbar-toggler{background:#eee;margin-top:76px!important;}
.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;}
}
.navbar-nav .nav-item:last-child{border-radius: 50px;background: linear-gradient(90deg, #2667FF 20%, #6c19ef 100%);}
.navbar-nav .nav-item:last-child a{color: #fff;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header{width:100%;z-index:9;/* background-color: #00000087; */position: absolute;}
#header .head-img{position:relative; padding:15px 0;}

/*--------------------------------------------------------------
# Banner-Section
--------------------------------------------------------------*/
/* position: relative; */
.banner_sec{ padding-top: 120px;padding-bottom: 0; overflow: hidden;}
.banner_sec {background-size: contain;background-repeat: no-repeat;background-position: right bottom;overflow: hidden;}
.shape-left-top {position: absolute;left: 0;top: 0;z-index: 0;}
.shape-left-top img {max-width: 60%;opacity: .2;}
.banner_sec .carousel-item.active{transition: transform 2.6s ease-in-out;}

.bnr_cont h2 {font-size: 49px;font-weight: 500;text-transform: capitalize;line-height: 1;margin-bottom: 35px;text-shadow: 1px 2px #d3c8c8;color: #000;}
.bnr_cont .ser_bnr_cont {font-size: 64px;}
.bnr_cont h2 span{font-weight: 600;}
.banner_sec_item .thumb {position: relative;padding-left: 44%;margin-bottom: 80px;}
.banner_sec_item .thumb img {border-radius: 10px;}
.banner_sec_item .thumb .banner-feature-image:nth-child(2) {position: absolute;left: 0;bottom: -50px;max-width: 40%;}
.banner-feature-image {position: relative;overflow: hidden;}
.banner-feature-image:before {position: absolute;content: '';top: 0;left: -130px;bottom: 0;width: 350px;background-image: url(../Image/banner-mask.png);}
.banner_sec .carousel-control-next,.banner_sec .carousel-control-prev {width: 4%;top: inherit; opacity: 1;}
.banner_sec .carousel-control-prev{left: inherit;right: 5%;}
.bnr_link .fa{margin-right: 5px;width: 46px;height: 46px;display: inline-block;text-align: center;line-height: 46px;border-radius: 50%;background: linear-gradient(90deg, #2667FF 20%, #6c19ef 100%);color: #fff;font-size: 20px;}



/*--------------------------------------------------------------
# Banner_btm
--------------------------------------------------------------*/
.bnr_btm {position: relative;z-index: 1;top:30px;}
.bnr_btm::after {position: absolute;left: 5%;right: 5%;bottom: 145px;border-bottom: 1px solid #e7e7e7;content: "";z-index: -1}
.bnr_btm_item .icon {height: 120px;width: 120px;display: inline-block;text-align: center;line-height: 120px;color: #fff;border-radius: 50%;font-size: 48px;margin-bottom: 30px;position: relative;z-index: 1;transition: all .35s ease-in-out}
.bnr_btm_item .icon i {transition: all .15s ease-in-out}
.bnr_btm_item .icon:before {background: linear-gradient(90deg, #2667FF 20%, #6c19ef 100%);transition: all .35s ease-in-out;position: absolute;left: 0;top: 0;content: "";height: 100%;width: 100%;border-radius: 50%;z-index: -1}
.bnr_btm_item:nth-child(2n) .icon:before {opacity: 0}
.bnr_btm_item:nth-child(2n) .icon {color: #2667FF;border: 2px solid #e7e7e7}
.bnr_btm_item:nth-child(2n):hover .icon {color: #2667FF}
.bnr_btm_item h4 a{font-size: 24px;color: #000;margin: 0;font-weight: 700;}
.bnr_btm_item span {display: inline-block;margin-bottom: 15px;font-weight: 900;font-size: 60px;line-height: 1;margin-top: 40px;color: transparent;-webkit-text-stroke: 1px #dbdbdb;background: #fff;padding: 0 15px;position: relative}
.bnr_btm_item .icon:after {position: absolute;left: 50%;top: 50%;content: "";height: 16px;width: 16px;background: #fff;z-index: -1;border-radius: 50%;animation: spinnerRotate 10s linear infinite;margin-left: -8px;margin-top: -8px;border: 2px solid #2667FF;transition: all .35s ease-in-out}
.bnr_btm_item:nth-child(2n) .icon:after {opacity: 0}
.bnr_btm_item:nth-child(2n) .icon:hover:after {opacity: 1}
.bnr_btm_item span {display: inline-block;margin-bottom: 15px;font-weight: 900;font-size: 56px;line-height: 1;margin-top: 0;color: transparent;-webkit-text-stroke: 1px #dbdbdb;background: #fff;padding: 0 15px;position: relative;}


@keyframes spinnerRotate {
    0% {
        -webkit-transform: rotate(0deg) translateX(73px);
        transform: rotate(0) translate(60px);
    }

    to {
        -webkit-transform: rotate(360deg) translateX(73px);
        transform: rotate(360deg) translate(60px);
    }
}
@keyframes spinnerRotateone {
    0% {
        -webkit-transform: rotate(0deg) translateY(73px);
        transform: rotate(0) translateY(73px)
    }

    to {
        -webkit-transform: rotate(360deg) translateY(73px);
        transform: rotate(360deg) translateY(73px)
    }
}


/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.abt_img .abt_item {position: relative;}
.abt_img .abt_item.abt_sec1 {display: inline-block;border-radius: 8px;}
.abt_img .abt_item.abt_sec2 {position: absolute;bottom: 39px;right: -63px;display: inline-block;border: 7px solid #fff;border-radius: 8px;}
.abt_img .abt_item.counter-box {position: absolute;top: 25px;left: -50px;animation: movingX 8s linear infinite; background: linear-gradient(90deg, #f4f3f3 20%, #f4f3f3 100%);padding: 14px; border-radius: 6px; }
.abt_img .abt_item.line {position: absolute;top: 30px;right: 0;width: 19px;height: 160px;border-radius: 8px;background-image:linear-gradient(90deg, #2667FF 20%, #6c19ef 100%);animation: jump 7s linear infinite;}
@media(max-width: 991px) {
    .abt_img {grid-template-columns:repeat(1,1fr)}
    .abt_img .abt_item.abt_sec2 {bottom: 39px;right: 150px}
    .abt_img .abt_item.line {top: 0;right: 180px}
}
@media(max-width: 767px) {
    .bnr_btm {top:0px;}
   
    #MenuControl {position: revert!important;}
    .abt_img {gap:80px}
    .abt_img .abt_item {position: relative}
    .abt_img .abt_item.abt_sec2 {position: absolute;bottom: 39px;right: 0}
    .abt_img .abt_item.line {position: absolute;top: 0;right: 0;display: none}
    .abt_img .abt_item.counter-box{display: none;}
    header{display: flex ;justify-content: center;}}

@keyframes movingX {
    0% {transform: translateX(0);}
    50% {transform: translateX(50px);}
    to {transform: translateX(0);}
}
@keyframes jump {
    0% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    to {transform: translateY(0);}
}
/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.ser_item {padding: 20px;border: 2px solid #e7e7e7;margin-bottom: 30px;border-radius: 10px;position: relative;}
.ser_head {margin-bottom: 14px;width: 80px;height: 80px;border: 2px solid #e7e7e7;border-radius: 50%;text-align: center;line-height: 90px;}
.ser_head i {font-size: 40px;color: #2667FF;}
.ser_cont h3{margin-bottom: 7px;font-size: 22px;position: relative;font-weight: 600;}
.ser_cont,.ser_head {position: relative;z-index: 1;}
.ser_cont .readmore {border-bottom: 1px solid #2667FF;display: inline-block;color: #2667FF;text-transform: uppercase;font-weight: 500;}
.ser_item:hover .readmore{color: #fff;border-bottom:1px solid #fff;}
.ser_item:hover .ser_cont h3 a{color: #fff;}
.ser_item:hover .ser_cont p {color: #fff ;}
.ser_item:hover .ser_head .fa {color: #fff;}
.ser_item:before {position: absolute;content: '';left: 0px;top: 0px;width: 100%;height: 100%; transition: .3s;z-index: 1;}
.ser_item:hover::before {width: calc(100% + 20px);height: calc(100% + 20px);top: -10px;left: -10px; background: linear-gradient(90deg, #2667FF 20%, #6c19ef 100%);box-shadow: 0px 30px 40px 0px rgba(32, 85, 125, 0.06);border-radius: 10px;}
/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team-card {position: relative;display: flex;justify-content: center;background-color: #eee;border-radius: 50px;padding-top: 57px;}
.team-card .team_img {position: relative;bottom: 41px;}
.team-card .team_img img {position: relative;z-index: 3}
.team-card .team_tittle {position: absolute; bottom: 13px;border-radius: 80px;background-color: #fff;box-shadow: 0 0 30px 0 rgba(0,0,0,.05);z-index: 5; transition: background 1s ease-in-out;}
.team-card .team_tittle .title {padding: 10px 60px 0;text-align: center;margin-bottom: 0;}
.team-card .team_tittle .title a {color: #000;font-size: 19px;font-style: normal;font-weight: 600;line-height: 32px;}
.team-card .team_tittle .text {padding: 6px 0;padding-top: 0;color: #000;text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 32px;text-transform: capitalize}
.team-card:hover .team_tittle .title>a {color:#2667FF}
.team-card .bg {position: absolute;bottom: 0;left: 0;width: 100%; height: 343px; max-height: 0; overflow: hidden; object-fit: cover; opacity: 0; visibility: hidden; z-index: 1; transition: max-height .8s ease,opacity 1s ease,visibility 1s ease;}
.team-card .bg img {width: 100%;height: auto;border-radius: 8px}
.team-card:hover {background-color: transparent}
.team-card:hover .bg {max-height: 100vh;opacity: 1;visibility: visible;}
/*--------------------------------------------------------------
# getintouch
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {background: linear-gradient(90deg, #f4f3f3 20%, #f4f3f3 100%);color: #000;font-size: 14px;padding-bottom: 50px;position: relative;}
.footer .footer-about p {font-size: 14px;}
.footer .social-links a {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;border: 1px solid color-mix(in srgb,#212529, transparent 50%);font-size: 16px;color: color-mix(in srgb, #212529, transparent 50%);margin-right: 10px;transition: 0.3s;}
.footer .social-links a:hover {color: #2667FF;border-color: #2667FF;}
.footer h4 {font-size: 16px;font-weight: bold;position: relative;padding-bottom: 12px;margin-top: 10px;color: #000;}
.footer .footer-links {margin-bottom: 30px;}
.footer .footer-links ul {list-style: none;padding: 0;margin: 0;}
.footer .footer-links ul i {padding-right: 2px;font-size: 12px;line-height: 0;}
.footer .footer-links ul li {padding: 10px 0;display: flex;align-items: center;}
.footer .footer-links ul li:first-child {padding-top: 0;}
.footer .footer-links ul a {color: color-mix(in srgb, #212529, transparent 20%);display: inline-block;line-height: 1;font-size: 14px;}
.footer .footer-links ul a:hover {color: #2667FF;}
.footer .footer-contact p {margin-bottom: 5px;}
.footer .copyright {padding-top: 25px;padding-bottom: 25px;font-size: 14px;font-family: "KMR Apparat Regular", sans-serif;}
.footer .copyright p {margin-bottom: 0;font-size: 14px !important;}
.footer .credits a {font-size: 14px;}

/*  */
.top {position: fixed;right: 18px;bottom: 30px;text-align: center;color: #fff;border-radius: 50%;background-color: #2667FF;width: 50px;height: 49px;line-height: 49px;z-index: 999;cursor: pointer;opacity: 0;transition: ease-in 0.5s;display: flex;justify-content: center;align-items: center;}
.top.scll-top {  opacity: 1; transition: ease-in 0.5s;  bottom: 56px;}
.top .fa { display: block !important;}
/*  */
@media screen and (min-width: 992px)  and (max-width: 1200px){
  .service .item {padding: 40px 0;}
  .line_fix{padding-right: 40px;}
}
@media (max-width: 1200px) {
  
}
@media (max-width: 992px) {
  .bnr_cont{text-align: center;}

}
@media (max-width: 767px) {


#header img{margin:inherit;}
.caption{width: 100%;}
.wback .caption{    top: 30%;}
}
@media (max-width: 575px) {
  

  .wback .caption{display:none;}
}
@media (max-width: 414px) {
}

/* heading strip */

.innr-pg-c {margin-bottom: 20px;padding: 40px 0;position: relative;background: url(../Image/inner-bg-img.jpg) no-repeat right/cover scroll ;}
.innr-pg-c h1 {font-weight: 600;Font-size: 30px;color: #fff;text-align: left;border-left: 4px #fff solid;padding-left: 20px;text-transform: uppercase;position: relative;z-index: 1;border-radius: 4px;}
.innr-pg-c:after {content: '';position: absolute;left: 0px;right: 0px;top: 0px;width: 100%;height: 100%;z-index: 0;background: linear-gradient(90deg, #2667FF 20%, #6c19ef 100%);}


/*cont-page*/
.map-contp{border:1px dashed #ccc;}
.cont-page h2{
    font-weight:bold;
    color: #111;
    line-height: 26px;
    font-size: 21px;
    margin-top: 0;
    /* text-transform: uppercase; */
    margin-bottom: 18px;
    margin-top:10px;
    }
.cont-page h2 span{color: #111;
    font-weight: normal;
    font-size: 18px;}
.cont-page .st-feature-box {
    background: linear-gradient(90deg, #2667FF 20%, #6c19ef 100%);
    padding-top: 19px;
    padding-bottom: 20px;
    margin-bottom: 17px;
    padding-right: 10px;
    color: #fff;
}
.st-feature-box {
    padding-left: 75px;
    position: relative;
    margin-bottom: 35px;
}
.st-feature-box .st-feature-box-icon {
    color: #111;
    display: block;
    position: absolute;
    width: 52px;
    height: 52px;
    line-height: 0px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 60px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.feature-box-image img {
width: 25px;
    
}

.cont-page .feature-box-image {
    margin-top: 20px;
}
.cont-page .feature-box-image .fa{
   font-size:30px; color:#fff;
}
.cont-page h3 {
    margin: 0;
    font-size: 18px;
    margin-bottom: 8px;
}
.st-feature-box h3 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}

/*cont-page*/	

.team_img-p {
    width: 150px;
    border: 2px solid #a0cd4e;
    border-radius: 10px;
}
.sub-heading {
    font-weight: 600;
    Font-size: 18px;
    color: #000;
    margin-top: 0px;
    line-height: 30px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.main-table p {line-height: 28px;font-family: 'KMR Apparat Regular';font-size:15px;}
.main-table {
    padding: 0px 0px 30px 0px;
    font-weight: normal;
    Font-size: 14px !important;
    color: #333;
    line-height: 24px;
    text-align: justify;
    /* margin-top: 15px; */
}

#MenuControl {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4!important;
}
#HeaderControl{
position: absolute!important;
    left: 0!important;
}#widgetsControl_C{height:auto!important;}
/* #RadDockZone1{max-width:100%!important;} */
.table-responsive {padding: 0px!important;}
.inr-services ul li {font-size: 15px;line-height: 28px;font-family: 'KMR Apparat Regular';}
.main-table li {font-size: 15px;line-height: 28px;font-family: 'KMR Apparat Regular';}
#HomepagecontentControl_C{padding-top:70px!important;}

.otherpagecss #RadDockZone1.container{max-width: 100%;}
.inr-team li {font-size: 15px;line-height: 28px;font-family: 'KMR Apparat Regular';}
.inr-team p {line-height: 28px;font-family: 'KMR Apparat Regular';font-size:15px;margin-bottom: 7px;}
.inr-team{
    text-align: left;
}
.Clientele_item .fa {
    color: #000;
}
.footer-contact p{font-size: 14px;}
header{padding-top: 4px;text-align: center;}
.dropend .dropdown-menu[data-bs-popper] {left: auto;right: 100%;}
.dropdown-item {font-size: 15px !important;}
.dropdown-item:focus, .dropdown-item:hover {color: #fff;background-color: #2667FF;}