@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Rubik:wght@300;400;500;600;700;800;900&display=swap');

body {font-family: 'Rubik', sans-serif;}
a {color: #000; text-decoration:none;font-family: 'Rubik', sans-serif; font-size: 16px;}

.main-table{ font-family: 'Rubik', sans-serif; font-weight:normal; color:#000; line-height:24px; text-align:justify;}
.main-heading{ font-family: 'Rubik', sans-serif; Font-size: 22px; color:#000; text-align:left; line-height:30px; border-bottom:1px #ccc dashed; text-transform:uppercase; margin-bottom:10px;}
.sub-heading{font-family: 'Rubik', sans-serif;  Font-size:19px; color:#000; line-height:30px; text-align:left; margin:0;}
.team-title{ font-weight:bold; Font-size:15px; color:#222; line-height:30px; text-align:left;}
.maps{ text-align:center;}
h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif;color: #000;}
section.bnr{padding:0;}
img{max-width:100%;}
a{text-decoration:none;}
p,ul,ol,li{font-family: 'Rubik', sans-serif; font-size: 16px; color: #000;}
#divmainenquiry11 .close { position: absolute; right: 14px; font-size: 30px; cursor: pointer;}
.team_img {width: 140px;border: 6px solid #666;border-radius: 50%;}
.feature-box-content{font-family: 'Rubik', sans-serif;  font-size: 16px;}

/*--------------------------------------------------------------
# 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:100%;}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover{background-color:#fff !important; color:#FFAA17 !important;}
.nav-link{font-weight: 400; color:#222429;font-family: 'Oswald', sans-serif;text-transform: uppercase; font-size: 15px;}
.nav-link:hover{color: #FFAA17;}
.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: 767px){
.navbar-toggler{background:#eee;}
.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;}
}
.dropdown-item:focus, .dropdown-item:hover {color: #000; background-color: #ffaa17;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header .fa-mobile{font-size: 50px !important;}
#header .head-img{position:relative; padding:4px 0;}
.nobb{margin-top: 20px;}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
}
/* read more */

/* End */

.bg-1{background-color:#FFAA17;}
.bg-2{background-color :#222429;}
.bg-3{background-color:#ed9e16;}
.cl-1{color:#FFAA17;}
.cl-2{color :#222429;}
.cl-3{color: #a2a2a2;}
.fs-15{font-size: 15px;}
.fs-18{font-size: 18px;}
/* scroll */
::-webkit-scrollbar{width: 12px;}
::-webkit-scrollbar-thumb{background-color:#FFAA17; }
::-webkit-scrollbar-track{background-color:#222429;}
/*  */
::selection{background-color: #FFAA17;color: #000; }
/*  */
.home-head{font-size: 44px; }

.clnt_sec{min-height: 150px; display: flex;align-items: center; justify-content: center;}

/*--------------------------------------------------------------
# Banner-Section
--------------------------------------------------------------*/
/* first */
.bnr-sec .bnr_lft{padding-left: 100px;}
.bnr-sec .bnnr_head{font-size: 60px;}
.bnr-sec .bnnr_cont{font-size: 18px;}
.bnr_rgt .bnr-br{    border-radius: 400px 0px 0px 400px; position: relative;z-index: 1;}
.bnr_rgt .bnr_rgt_img{position: relative;z-index: 1;}
.bnr_rgt .bnr_rgt_img::before{content: ""; position: absolute;top: 0px; left: 96px; z-index: 1; width: 100%; height: 100%; background-color: #ed9e16; border-radius: 400px 0px 0px 400px;}


/* Second bnnr Effect*/

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about{background: url(../Image/abt_bg1.png) no-repeat top/cover fixed;text-align: justify;}
.about  .abt_img img{/*filter: grayscale(1);transform: scale(0.94) skew(8deg); transition: 0.3s ease-in;*/transform:skew(8deg);}
.about  .abt_img img:hover{filter: grayscale(0);transform: scale(1) skew(8deg);}
.about  .abt_img{position: relative;}
.about  .abt_img::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) skew(10deg);width: 60%;height: 60%;border: 6px solid #FFAA17;box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px; background-color: transparent;}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team{position: relative;}
.team::before{content: "";position: absolute;top: 0;left: 0;bottom: 0;width: 23%;height: 100%;background-color: #ed9e16;border-radius: 0 50% 50% 0; }
.staff {margin-bottom: 30px;position: relative;z-index: 0;transition: all 0.3s ease; }
.staff .img {height: 200px;width: 200px;display: block;background-position: top center;transition: all 0.3s ease;position: relative;border-radius: 50%;margin: 0 auto;border: 10px solid #f2f2f2;z-index: 0; }
.staff .img:after {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #fff;content: '';opacity: 0;z-index: -1;transition: all 0.3s ease; }
.staff .text {position: relative;background: #f2f2f2;padding: 110px 30px 30px 30px;border-radius: 4px;transition: all 0.3s ease;margin-top: -100px;z-index: -1;box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.01); }
.staff .text h3, .staff .text .h3 {font-size: 20px;font-weight: 500;margin-bottom: 0;transition: all 0.3s ease; }
.staff .text .position {color: #FFAA17;display: block;font-weight: 500;text-transform: uppercase;font-size: 14px; }
.staff .text-bg .position {color: #222429;display: block;font-weight: 500;text-transform: uppercase;font-size: 14px; }
.staff .tm-lk-social {padding: 0; }
.staff .tm-lk-social li {list-style: none;margin-right: 2px;display: inline-block; }
.staff .tm-lk-social {transition: all 0.3s ease; }
.staff .tm-lk-social li a {width: 34px;height: 34px;background: #FFAA17;color: #fff;border-radius: 50%; }
.staff:hover .text, .staff:focus .text {/*background: #FFAA17;;color: #222429;*/ }
.team .staff .text-bg{background: #FFAA17;;color: #222429; }
.staff:hover .text h3, .staff:hover .text .h3, .staff:focus .text h3, .staff:focus .text .h3 {color: #222429; }
.staff:hover .text .position, .staff:focus .text .position {/*color: #222429;*/ }
.staff:hover .tm-lk-social li a, .staff:focus .tm-lk-social li a {/*background: rgba(255, 255, 255, 0.3);color: #222429;*/ }
.staff .text-bg .tm-lk-social li a{background: rgba(255, 255, 255, 0.8);color: #222429; }

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.hm-serv{position: relative;}
.hm-serv .hm-serv-img img::before {content: "";position: absolute;width: 0;height: 0;top: 50%;left: 50%;background: rgba(34, 36, 41, 0.5);border: 1px solid transparent;border-radius: 4px;opacity: 0;transition: .5s;}
.hm-serv:hover .hm-serv-img img {/*opacity: 1;width: 100%;height: 100%;top: 0;left: 0;border: 20px solid rgba(34, 36, 41, 0.9);*/}
.hm-serv {transition: 0.5s;background: #fff;margin-top: 30px;margin-bottom: 20px; text-align:center;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.hm-serv-img {height: 230px;overflow: hidden;transition: 0.5s;position: relative;}
.hm-serv-img img {transition: 0.6s ease-in; width:100%; position: relative;    z-index: 0;}
.hm-serv  .hm-serv-cnt{  text-align:center; min-height: 150px; padding: 10px 20px;}
.hm-serv-cnt > p:first-child{display: -webkit-box;-webkit-box-orient: vertical ;-webkit-line-clamp: 3;overflow: hidden;}
.hm-serv  .hm-serv-cnt{position: relative;z-index: 4;}
.hm-serv  .hm-serv-cnt::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;width: 23%;height: 100%;background-color: #ed9e16;border-radius:  50% 0 0 50%; z-index: -1;}


/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact{background: url(Image/get_bg.jpg) no-repeat center/cover fixed;}
.contact_query{box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; background-color: #fff;padding: 50px 20px;}


/*--------------------------------------------------------------
# Contact-pg
--------------------------------------------------------------*/
  .cont-page h2 {
    font-weight: bold;
    color: #111;
    font-size: 19px;
    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 .map-contp{border:1px dashed #ccc;}
.st-feature-box h3 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}
.cont-page .st-feature-box {
    background: #000;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-right: 10px;
    color: #fff;
}
.st-feature-box {
    padding-left: 70px;
    position: relative;
}
.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;
}
.cont-page .feature-box-image .fa{color:#fff; line-height:30px; font-size:30px; margin-top: 20px;}
/*cont-page*/


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {background: #222429;color: #fff;font-size: 15px;}
#footer .footer-top .social-links a {font-size: 18px;display: inline-block;background: #FFAA17;color: #000;line-height: 1;padding: 8px 0;margin-right: 4px;border-radius: 50%;text-align: center;width: 36px;height: 36px;transition: 0.3s;}
#footer .footer-top h4 {font-size: 22px;border-bottom:1px dashed #fff;font-weight: 600;color: #fff;position: relative;padding-bottom: 12px;}


.top {  position: fixed;right: 18px;bottom: 30px;text-align: center;color: #222429;border-radius: 4px; background-color: #ed9e16;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;}
.table-responsive{padding: 0;}
@media (max-width: 1200px) {
  .about .content {
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .bnr-sec .carousel-caption{display: none;}

  .services .icon-box{margin:15px auto;}
}

@media (max-width: 768px) {
  .ft_nav{display: inherit;}
  .bnr-sec .bnr_lft {padding: 0 20px;}
  .about .mrt{margin-top: 60px;}
  .about .home-head{
   margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .abt_img{border-radius: 0; width: 100%;}
  

  #header img{margin:inherit;}
  /* .navbar-toggler{position: absolute; top: -60px; right: 0;} */
.caption{width: 100%;}
.wback .caption{    top: 30%;}

}
@media (max-width: 575px) {
  .about .content > h2 {
    font-size: 26px;
    color: #2d2926;
    font-weight: 800;}
  #footer .footer-top .footer-info {margin: -20px 0 30px 0;}
  .wback .caption{display:none;}
}
@media (max-width: 414px) {
}