@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=lora:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

*, *::after, *::before {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   cursor: none;
 }


:root {
    /* Colors: */
    --color-292b39: #292b39;
    --color-ba9e62: #ba9e62;
    --color-35384a: #35384a;
    --color-35384a: #35384a;
    --color-434547: #434547;
    --color-786640: #786640;
    --color-ba9e62: #ba9e62;
    --color-000000: #000000;
    --color-ffffff: #ffffff;
    --linear-gradient: linear-gradient(#1f262e 0%, #43515a 100%);
    /* Font/text values */
    /* --font-family-league: 'League Spartan', sans-serif;
    --font-family-lora: 'lora', sans-serif;
    --font-family-playfair: 'Playfair Display', serif; */
    --font-family-lora: 'Lora', serif;
--font-family-opensans: 'Open Sans', sans-serif;
--font-family-roboto: 'Roboto', sans-serif;
    --font-style-normal: normal;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-24: 24px;
    --font-size-30: 30px;
    --font-size-38: 38px;
    --font-size-40: 40px;
    --font-size-48: 48px;
    --font-size-57: 57px;
    --font-size-72: 72px;
    --character-spacing-0: 0px;
    --line-height-26: 26px;
    --line-height-28: 28px;
    --line-height-30: 30px;
    --line-height-32: 32px;
    --line-height-36: 36px;
    --line-height-40: 40px;
    --line-height-50: 50px;
    --line-height-60: 60px;
    --line-height-80: 80px;
    --line-height-88: 88px;
    --line-height-100: 100px;
    --line-height-inherit: inherit;
    --text-transform-uppercase: uppercase;
    --font-weight-Light: 300;
    --font-weight-Regular: 400;
    --font-weight-Medium: 500;
    --font-weight-SemiBold: 600;
    --font-weight-Bold: 700;
    --font-weight-ExtraBold: 800;
    --font-weight-Black: 900;
    --font-weight-normal: normal;
    --swiper-theme-color: #007aff;
   --swiper-navigation-size: 0;
  
  }

img{
   width: 100%;
}

ul{
    margin: 0!important;
    padding: 0!important;
}

li{
    list-style: none;
}

header,footer,section{
    width: 100%;
    float: left;
}

a{
   text-decoration: none !important;
}

.btn:hover, a:hover, button:hover {
-webkit-transition: all 0.5s ease-out 0s;
 -moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
 }

 h1,h2,h3,h4,h5,h6{
    text-transform:normal;
    font-family: var(--font-family-lora);
 }

 body{
    font-family: var(--font-family-opensans)!important;
    font-weight: var(--font-style-normal);
    color: var(--color-ffffff);
    background: var(--color-292b39);
    margin: 0;
    padding: 0;
    overflow-x: hidden;
   
    -webkit-transition: all 0.5s ease-out 0s;
   -moz-transition: all 0.5s ease-out 0s;
   -ms-transition: all 0.5s ease-out 0s;
   -o-transition: all 0.5s ease-out 0s;
   transition: all 0.5s ease-out 0s;

 }
 .main-header{
   -webkit-transition: all 0.5s ease-out 0s;
   -moz-transition: all 0.5s ease-out 0s;
   -ms-transition: all 0.5s ease-out 0s;
   -o-transition: all 0.5s ease-out 0s;
   transition: all 0.5s ease-out 0s;
   
 }
 .g_header {
   top: 0;
   left: 0;
   width: 100%;
   z-index: 99;
   background: var(--color-292b39);
   -webkit-transition: all 0.5s ease-out 0s;
   -moz-transition: all 0.5s ease-out 0s;
   -ms-transition: all 0.5s ease-out 0s;
   -o-transition: all 0.5s ease-out 0s;
   transition: all 0.5s ease-out 0s;
   
}

.main-header.g_shrink {
   position: fixed;
   background:var(--color-292b39);
   -webkit-transition: all 0.5s ease-out 0s;
   -moz-transition: all 0.5s ease-out 0s;
   -ms-transition: all 0.5s ease-out 0s;
   -o-transition: all 0.5s ease-out 0s;
   transition: all 0.5s ease-out 0s;
   z-index: 9999;
   box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.main-header.g_shrink .navbar-brand img {
   width: 180px;
   -webkit-transition: all 0.5s ease-out 0s;
   -moz-transition: all 0.5s ease-out 0s;
   -ms-transition: all 0.5s ease-out 0s;
   -o-transition: all 0.5s ease-out 0s;
   transition: all 0.5s ease-out 0s;
}

 p{
    font-family: var(--font-family-roboto);
    font-size: var(--font-size-16);
    color: var(--color-ffffff);
    font-weight: var(--font-weight-regular);
   padding-top: 30px;
    margin-bottom: 0!important;
    letter-spacing: 1px;

 }

 .title{
    font-family: var(--font-family-lora);
    font-size: var(--font-size-72);
    color: var(--color-ffffff);
    line-height: var(--line-height-80)
 }
 .sub-title{
    font-family: var(--font-family-lora);
   font-size: var(--font-size-48);
   color: var(--color-ffffff);
   line-height: var(--line-height-60)
}

.section-title{
   font-family: var(--font-family-lora);
    font-size: var(--font-size-30);
    color: var(--color-ffffff);
    line-height: var(--line-height-36);
    font-weight: 700;
    padding-top: 30px;
}



.div-sub-title{
    font-family: var(--font-family-lora);
   font-size: var(--font-size-30);
   color: var(--color-ffffff);
   line-height: var(--line-height-50)
}

 .div-title {
   font-family: var(--font-family-roboto);
   font-size: var(--font-size-20);
   color: var(--color-ffffff);
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 1px;
   z-index: 9;
   position: relative;
   overflow-x: hidden;
   padding: 10px 0;
   
   /* left: 91px; */
   
}
 .div-title::before {
   width: 82px;
   position: absolute;
   content: "";
   height: 2px;
   background-color: var(--color-ba9e62);
   margin-left: 15px;
   top: 43px;
   left: -113px;
   overflow-x: hidden;
}


.consultation-btn a{
	font-family: var(--font-family-lora);
    font-size: var(--font-size-16);
    color: var(--color-ffffff);
    font-weight: var(--font-weight-Medium);
    text-transform: uppercase;
	z-index: 1;
	transition: 0.5s ease;
	letter-spacing: 2px;

}

.consultation-btn .one{
	width: 100%;
	height: 0px;
	background: #fff;
	position: absolute;
	top: -11%;
	transition: 0.5s ease;
}

.consultation-btn .two{
	width: 100%;
	height: 0px;
	background: #fff;
	position: absolute;
	top: 100%;
	transition: 0.5s ease;
}
.consultation-btn {
   background: transparent;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   border: 0.5px solid var(--color-ffffff);
   padding: 10px 20px;
 width: fit-content;
}

.consultation-btn:hover .one{
	height: 45px;
	transition: 0.5s ease;
}


.consultation-btn:hover .two{
	top: 50%;
	height: 90px;
	transition: 0.5s ease;

}

.consultation-btn:hover a{
	color: #786640;
	transition: 0.5s ease;
}
.linkedin-button img {
   position: fixed;
   right: 30px;
   bottom: 220px;
   z-index: 99999;
   width: 50px;
}
.whatsapp-button img {
   position: fixed;
   right: 30px;
   bottom: 95px;
   z-index: 99999;
   width: 50px;
}
.call-button img {
   position: fixed;
   right: 30px;
   bottom: 160px;
   z-index: 99999;
   width: 50px;
}
.call-button img
--color292b39
.main-nav {
   background: var(--color-292b39);
}




/* header */
header{
   background: var(--color-292b39);
   -webkit-transition: all 0.5s ease-out 0s;
   -moz-transition: all 0.5s ease-out 0s;
   -ms-transition: all 0.5s ease-out 0s;
   -o-transition: all 0.5s ease-out 0s;
   transition: all 0.5s ease-out 0s;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
   position: absolute;
   left: 24px;
   top: 40px;
}
.dropdown-item.active, .dropdown-item:active {
   color: var(--color-ffffff);
   text-decoration: none;
   background-color: var(--color-ba9e62)!important;
   padding: 10px 0;
}
.dropdown-item:focus, .dropdown-item:hover {
   color: var(--color-ffffff)!important;
   background-color: var(--color-ba9e62)!important;
   
   
   
}
.navbar-expand-lg .navbar-collapse {
  
   height: 120px;
}

.dropdown-item {
   
   padding: 10px 15px !important;
   
}

.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link{
   padding: 10px 20px;
   margin: 0 10px;
   font-size: var(--font-size-13);
   font-weight: 500;
   font-family: var(--font-family-lora);
   text-transform: uppercase;
   color: var(--color-ffffff);
   letter-spacing: 2px;
   border-radius: 5px;
}
.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover{
   background-color: var(--color-ba9e62);
   color: var(--color-ffffff);
}
.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active{
   background-color: var(--color-ba9e62);
   color: var(--color-ffffff);
}

.navbar-brand{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   padding: 0 !important;
   margin: 0 !important;
   z-index: 1;
}
.navbar-brand img{
   width: 250px;
   -webkit-transition: all 0.5s ease-out 0s;
   -moz-transition: all 0.5s ease-out 0s;
   -ms-transition: all 0.5s ease-out 0s;
   -o-transition: all 0.5s ease-out 0s;
   transition: all 0.5s ease-out 0s;
}

.navbar-expand-lg .navbar-collapse {
   z-index: 99;
}


/* banner */

.banner-section {
   background: var(--color-292b39);
   position: relative;
   z-index: -1;
   overflow-x: hidden;
}

.banner-section::after {
   background: var(--color-35384a);
   position: absolute;
   z-index:0;
   /* left: 0; */
   top: 50px;
   width: 80%;
   content: '';
   height: calc(100% - 100px);
   right: 0;
}
/* .banner-img::before {
   width: 100%;
   height: 100%;
   background: #f7f5f514;
   content: '';
   position: absolute;
   width: 100%;
} */
.banner-text{
   width: 50%;
   position: absolute;
   top: 30%;
   left:28%;
   z-index: 1;
}
.banner-text .title{
font-family: var(--font-family-roboto);
font-weight: var(--font-weight-Bold);
}
/* .banner-section .banner-text .div-title{
   left: 104px;
} */

.banner-slider .swiper-pagination-fraction {
   color: var(--color-ffffff);
}
.swiper-button-prev{
   left: 400px;
   right: 0;
   top: 70%;
}

.swiper-button-next {
   right: var(--swiper-navigation-sides-offset, 10px);
   left: -333px;
   top: 586px;
   background: url(../images/icons/right-arrows.png);
   color: white;
}
.swiper-button-prev {
   left: -560px;
   right: 0;
   top: 586px;
   rotate: 180deg;
   color: #ffffff;
}
.swiper-button-prev, .swiper-button-next{
   display: none;
}
.swiper-pagination-fraction {
   bottom: var(--swiper-pagination-bottom, 8px);
   /* top: var(--swiper-pagination-top, auto); */
   left: -224px;
   width: 100%;
   top: 69%;
   display: block;
}

.banner-logo {
   position: absolute;
   z-index: 4;
   top: 45%;

}
.swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal {
   z-index: 1;
}


/* about-us */
.about-us{
   background: var(--color-292b39);
   padding-top: 100px;
   padding-bottom: 100px;
}
.about-text-sub-text{
   z-index: 1;
}
.about-list ul li{
   font-size: 16px!important;
}
.about-us-home{
   position: relative;
}
.about-text-sub-text::after {
   position: absolute;
   width: 35%;
   height: 192px;
   top: 0;
   left: -9px;
   background: var(--color-292b39);
   content: '';
   z-index: -3;
}

/* .about-us .about-us-text .div-title{
   left: 244px;
} */

.border-around{
   border: 1px solid var(--color-ffffff);
   padding: 150px 0;
}
.about-us-img {
   position: absolute;
   right: 4%;
   width: 400px;
   bottom: 0;
}
.about-us-img img.img-fluid {
   width: 500px;
}

.about-us-para{
   padding-right: 30px;
}

.about-us-2-text{
   padding-right: 100px;
}

.banner-img img {
   height: 85vh;
   object-fit: cover;
}
/* .service */
.service-box-row{
   margin-top: -150px;
   margin-left: 100px;
   margin-right: 100px;
   position: relative;
   z-index: 9;
}
.service {
   padding-top: 100px;
   position: relative;
   padding-bottom: 100px;
}
/* .service .div-title{
   left: 91px;
} */

.service::after{
   background: var(--color-35384a);
   position: absolute;
   z-index:-3;
   left: 0;
   top: -40px;
   width: 100%;
   content: '';
   height: calc(100% - 100px);
   
}
.service .about-us-home {
   background: linear-gradient(226deg, #1f262e, #43515a);
   background: url(../images/service/bg.jpg);
   padding: 100px 0 200px;
   background-size: cover;
   background-position: top left;
}

i.fa-solid.fa-gavel {
   margin-right: 20px;
   color: #ffffff!important;
   top: 9px;
   position: relative;
   font-size: 15px;
}
.service .about-us-text {
   padding-left: 95px;
}
.service-box {
   background: var(--color-292b39);
   padding: 50px 50px 80px 50px;
  transition:  1s ease;
  height: 100%;
}
.service-box p {
   text-align: justify;
}

.service::before {
   background: var(--color-786640);
   position: absolute;
   z-index: 1;
   right: 0;
   bottom: 0;
   width: 100%;
   content: '';
   height: 39%;
}
.service-icon img{
   width: 90px;
}

.service-box-home .consultation-btn {
   position: relative;
   top: -24px;
   /* left: 200px; */
   opacity: 0;
   transition: all 0.5s ease-in;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 160px;
   margin: auto;
}
.service-box-home:hover .consultation-btn {
   opacity:1;
   background: var(--color-ba9e62);
}

.service-title .sub-title{
  padding-bottom: 20px;
}
.service-list ul li{
   padding: 10px 15px 10px 0;
   color: var(--color-ffffff);
   display: flex;
}
.service-list li{
  font-size: var(--font-size-20)!important;
  
}
svg.svg-inline--fa.fa-gavel {
   font-size: 20px;
   margin-right: 20px;
   color: #ffffff;
}
.services-main .sub-title{
  padding-bottom: 20px;
   color: var(--color-ba9e62);
}
.services-main{
   background: var(--color-292b39);
   padding-top: 100px;
   padding-bottom: 100px;
}
.service-title .div-sub-title{
   padding-bottom: 30px;
}
.service-box-main {
   padding: 50px;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.pt-100{
   padding-bottom: 100px;
}

/* .our-client-home */
.clients-box .client-img{
   padding-right: 20px;

}
.our-client-home {
   background: var(--color-292b39);
   position: relative;
   z-index: 1;
   padding-top: 100px;
   display: block;
   padding-bottom: 100px;
   height: 100%;
   overflow: hidden;
}

/* .our-client-home .div-title{
   left: 104px;
} */



.clients-box img{
   border-radius: 10px;
   margin: 10px 0;
}


/* .footer */
.footer{
   background: var(--color-35384a);
   padding-top: 100px;
   padding-bottom: 100px;
}

.footer-inner{
   padding-top: 100px;
   
}



.footer-img img {
   width: 125px;
   /* margin-left: 10px; */
   position: relative;
   left: 0;
}
.address p{
   padding: 0;
}


.social p{
   padding: 0;
   margin: 0;
}

.social p a{
   color: var(--color-ffffff);
}
.social p a:hover{
  color: var(--color-ba9e62);
}
.footer-menu ul li{
   float: left;
   font-family: var(--font-family-lora);

}

.footer-menu ul li a{
padding: 0 70px 0 0;
font-size: var(--font-size-13);
letter-spacing: 2px;
font-weight: 500;
font-family: var(--font-family-lora);
text-transform: uppercase;
color: var(--color-ffffff);
}
.footer-menu ul li a:hover{
   color: var(--color-ba9e62);
   }

.footer-menu {
   padding: 0 0 50px 0;
}

.copyright p a{
   color: var(--color-ba9e62);
}

/* page-title */
.page-title {
   height: 500px;
   position: relative;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   display: flex;
   align-items: center;
}
.page-title::before{
   background: #000000ad;
   width: 100%;
   height: 500px;
   top: 0;
   left: 0;
   position: absolute;
   content: '';

}
.page-title-text {
   position: relative;
  height: 100%;
  z-index: 1;
  text-align: center;
  
}
/* about-us */
.about-us-main{
   padding-top: 100px;
   padding-bottom: 250px;
}

.about-us-main-img{
   position: relative;
   z-index: 1;
}

.about-us-main-img .img {
   height: 700px;
   object-fit: cover;
   object-position: center center;
   border-radius: 10px;
}
.bg-about {
   position: absolute;
   top: -38px;
   left: -52px;
   width: 100px;
}
.service-box-about {
   background: #35384a;
   padding: 50px 50px 80px 50px;
   transition: all 0.5s ease-in;
   height: 400px;
}



.about-us-2 {
   padding-top: 100px;
   padding-bottom: 100px;

   background: var(--color-292b39);
}

.about-us-title .sub-title{
   color: var(--color-ba9e62);
}
.about-us-main-text-box{
   padding: 50px;
}

.about-us-main-text{
   display: flex;
   align-items: center;
   height: 100%;
}
.about-us-2-text{
   display: flex;
   justify-items: center;
   height: 100%;
   flex-direction: column;
}
.de-images {
   position: relative;
   width: 100%;
   border-radius: 10px;
}

.de-images img,
.di-text {
   border-radius: 10px;
   -webkit-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.3);
   -moz-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.3);
   /* box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.3); */
}
.di-text-main {
   padding: 50px;
}

.di-small {
   position: absolute;
   width: 40%;
   height: 40%;
   top: -10%;
   left: -10%;
   z-index: 1;


}

.di-small-2 {
   position: absolute;
   width: 40%;
   height: 40%;
   right: -10%;
   bottom: -10%;
   z-index: 1;
}

.di-text {
   position: absolute;
   width: 40%;
   top: 40%;
   left: -10%;
   z-index: 1;
   background: var(--color-ba9e62);
   text-align: center;
   

}

.about-us-2 .sub-title{
   color: var(--color-ba9e62);
}

.our-mission{
  padding: 100px 0;
  background: var(--color-786640);
  
}

.bg{
   background: var(--color-35384a);
   -webkit-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.3);
   -moz-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.3);
   border-radius:10px;
   padding: 100px;
   
   
}


.bg-0{
   background: var(--color-35384a);
   -webkit-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.3);
   -moz-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.3);
   border-radius:0 10px 10px 0;
   
   
}

.bg-2{
   background: var(--color-35384a);
   -webkit-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.3);
   -moz-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.3);
   border-radius:10px 0 0 10px;
}

.bg-3{
   background: var(--color-35384a);
   -webkit-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.3);
   -moz-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.3);
   border-radius:0 0 10px 10px ;
   padding: 50px;
   
}
.row.our-mission-box {
   margin-top: -250px;
}
.service-img img {
   
   object-fit: cover;
}


.service-img2 img{
   border-radius: 0px 10px 10px 0px;
   
   object-fit: cover;
}
.service-img3 img{
   border-radius:  10px 0px 0 10px;
 
   object-fit: cover;
}

.service-slider .swiper-pagination-bullet-active {
   opacity: var(--swiper-pagination-bullet-opacity, 1);
   background: var(--color-292b39)!important;
}
.training{
   position: relative;
   height: 100%;
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   padding-bottom: 100px;
   padding-top: 100px;
}

.training::before{
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: absolute;
   content: '';
   background-color: #000000;
   opacity: 0.7;
   transition: background 0.3s, border-radius 0.3s, opacity 0.3s;


}
.training-box{
   position: relative;
}

.training-text{
   padding-bottom: 100px;
}

.training-text .sub-title{
   color: var(--color-ba9e62);
   text-align: center;
}

.training-content-icon img{
   width: 70px;
   height: 70px;
}
.training-box-content {
   display: flex;
   justify-content: space-between;
   padding: 20px;
   align-items: center;
   border: 1px solid var(--color-ba9e62);
   transition: all .5s ease-in;
   margin-bottom: 20px;
}
.training-box-content:hover{
   background: var(--color-ba9e62);
}
.training-content p{
   padding-top: 0;
   text-align: left;
}

.training-box-img img {
   height: auto;
   width: 250px;
   border: none;
   border-radius: 0;
   box-shadow: none;
}
.documentation {
   padding-top: 100px;
   padding-bottom: 100px;
   position: relative;
}
.documentation-text{
   padding:0 50px;
   background: var(--color-ffffff);
   box-shadow: 1px 1px 4px 4px #eeeaea;
   position: absolute;
   z-index: 1;
}
.documentation-list img{
   width: 30px;
}
.documentation-list ul li{
   font-size: var(--font-size-24);
   padding: 10px 0;
   
}
.documentation-list ul li img{
   margin-right: 20px;
}

.documentation .sub-title{
   color: var(--color-ba9e62);
   padding: 30px 0;
}
.documentation-list-img {
   position: absolute;
   width: 71%;
   height: 100%;
   right: 0;
   top: 0;
}





/* .clients */
.clients-main{
   padding-top: 100px;
   padding-bottom: 100px;
   background: var(--color-292b39);
}
.clinets-main-img {
   border-radius: 10px;
  background: var(--color-ffffff);
  padding: 10px;
  margin: 10px 0;
  transition: all 0.5s ease-in;
  transform: translateY(0);
}
.clinets-main-img:hover {
  transform: translateY(-10px);
}


/* contact-us */
.contact-page-sec{
   padding-top: 100px;
   padding-bottom: 100px;
   background: var(--color-292b39);
   
}

.contact-addres{
   background: var(--color-35384a);
   padding: 50px;
   border-radius: 10px;
   -webkit-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.3);
   -moz-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.3);
}

.contact-info {
display: inline-block;
width: 100%;
text-align: center;
margin-bottom: 10px;

}
.contact-info-icon {
margin-bottom: 15px;
}

.border-right{
  border-right: 1px dotted var(--color-ffffff);
  height: 100%;
}

.contact-info-icon i.bi{
   font-size: 30px;
   color: var(--color-ba9e62);
   padding-bottom: 15px;
}
.contact-map{
   padding-top: 100px;
}

.contact-page-form {
padding-left: 0;
}  
.contact-page-form.contact-form input {
margin-bottom: 5px;
}  
.contact-page-form.contact-form textarea {
height: 110px;
}
.contact-info-text span {
color:var(--color-ffffff);
font-size: var(--font-size-18);
display: inline-block;
width: 100%;
}

.contact-info-text span a{
   color: var(--color-ffffff);
}

.contact-page-form input {
background: #f9f9f9 none repeat scroll 0 0;
border: none;
margin-bottom: 20px;
padding: 12px 16px;
width: 100%;
border-radius: 4px;
outline: none;
}

.contact-page-form .message-input {
display: inline-block;
width: 100%;
padding-left: 0;
}

.single-input-field textarea {
   background: #f9f9f9 none repeat scroll 0 0;
   border: none;
   width: 99%;
   height: 200px;
   padding: 12px 16px;
   border-radius: 4px;
   margin-left: 10px;
   outline: none;
}
.single-input-fieldsbtn input[type="submit"] {
background: var(--color-35384a) none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-weight: 400;
padding: 10px 0;
text-transform: capitalize;
width: 150px;
margin-top: 20px;
font-size: 16px;

}


.single-input-fieldsbtn input[type="submit"]:hover{
   background:var(--color-ba9e62);
   transition: all 0.4s ease-in-out 0s;
   
}

.mobile-none,
.sidenav,
.mobile-toggle {
  display: none;
}
.mobile-button {
   display: none;
}
.border-bottom {
  border-bottom: none !important;
}

/* Responsive */

@media (min-width: 992px) {

   .container-fluid {
      padding: 0px 80px;
      width: 100%;
  }
}
@media (max-width: 991px) {

   .container-fluid {
      padding: 0px 40px;
      width: 100%;
  }
  .main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
   background-color: transparent;
   color: var(--color-ba9e62);

}
.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover{
   background-color: transparent;
   color: var(--color-ba9e62);
}
}
@media (max-width: 1600px) {

  .navbar-brand img {
   width: 200px;
}
.navbar-expand-lg .navbar-collapse {
   
   height: 100px;
}


.border-around {
   border: 1px solid var(--color-ffffff);
   padding: 100px 0;
}


/* .about-us .about-us-text .div-title {
   left: 191px;
} */

.service-icon img {
   width: 59px;
}
.client-img {
   width: 23%;
}
.clients-box img {
   border-radius: 10px;
   margin: 10px 0;
}


.banner-logo {
   top: 42%;
   left: 0px;
   width: 150px;
}


.service-box-about {
  
   height: 350px;
}
.di-text-main {
   padding: 10px;
}
.di-small-2 {
   right: 0%;
 
}
.di-text {
  width: 39%;
   /* top: 81%; */
   left: -4%;
  
}


.services-main {
   background: var(--color-292b39);
   padding-top: 100px;
   padding-bottom: 50px;
}
.pt-100 {
   padding-bottom: 50px;
}
.footer-inner {
   padding-top: 50px;
}
.footer {
   background: var(--color-35384a);
  
   padding-bottom: 50px;
}

.swiper-button-next {
   right: var(--swiper-navigation-sides-offset, 10px);
   left: -333px;
   top: 535px;
   background: url(../images/icons/right-arrows.png);
   color: white;
}
.swiper-button-prev {
   left: -560px;
   right: 0;
   top: 535px;
   rotate: 180deg;
   color: #ffffff;
}

.footer-menu ul li a {
   padding: 0 50px 0 0;
   
}
}

@media (max-width: 1400px) {
   .banner-img img {
      height: 62vh;
      object-fit: cover;
  }

  :root {
   --font-size-18: 16px;
   --font-size-20: 18px;
   --font-size-24: 20px;
   --font-size-30: 22px;
   --font-size-38: 33px;
   --font-size-40: 30px;
   --font-size-48: 35px;
   --font-size-57: 50px;
   --font-size-72: 60px;
   --character-spacing-0: 0px;
   --line-height-26: 20px;
   --line-height-28: 23px;
   --line-height-30: 25px;
   --line-height-32: 28px;
   --line-height-36: 30px;
   --line-height-40: 35px;
   --line-height-50: 40px;
   --line-height-60: 50px;
   --line-height-80: 60px;
   --line-height-88: 88px;
   --line-height-100: 100px;
   --line-height-inherit: inherit;
   --text-transform-uppercase: uppercase;  
}
.main-header.g_shrink .navbar-brand img {
   width: 120px;
   }
.swiper-pagination-fraction {
  
   top: 64%;
}
p {
   padding-top: 20px;
   margin-bottom: 0!important;
}
  .navbar-brand img {
   width: 150px;
}
.navbar-expand-lg .navbar-collapse {
  
   height: 80px;
}
.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
   padding: 0px 20px;
   font-size: var(--font-size-13);
   font-weight: 500;
   font-family: var(--font-family-lora);
   text-transform: uppercase;
   color: var(--color-ffffff);
   letter-spacing: 2px;

}

.border-around {
   border: 1px solid var(--color-ffffff);
   padding: 100px 0;
}
.about-us-text {
   width: 70%;
}
.service-box {
   padding: 20px 20px 50px 20px;
   transition: 1s ease;
}
/* .about-us .about-us-text .div-title {
   left: 191px;
} */


.service-icon img {
   width: 59px;
}
.client-img {
   width: 23%;
}
.clients-box img {
   border-radius: 10px;
   margin: 10px 0;
}


.banner-logo {
   top: 42%;
   left: 25px;
   width: 150px;
}


.bg {
  padding: 30px;
   margin-bottom: 50px;
}
.service-box-about {
  
   height: 300px;
}
.di-text-main {
   padding: 10px;
}
.di-small-2 {
   right: 0%;
 
}
.di-text {
  width: 39%;
   /* top: 81%; */
   left: -4%;
  
}
.service-list ul li {
   padding: 8px 32px 6px 0;
   color: var(--color-ffffff);
}
.service-box-main {
   padding: 30px;
}
i.fa-solid.fa-gavel {
   margin-right: 10px;
   color: #ffffff!important;
}
.services-main {
   background: var(--color-292b39);
   padding-top: 100px;
   padding-bottom: 50px;
}
.pt-100 {
   padding-bottom: 50px;
}
.footer-inner {
   padding-top: 50px;
}
.footer {
   background: var(--color-35384a);
  
   padding-bottom: 50px;
}
.contact-addres {
  padding: 10px;
   border-radius: 10px;
   -webkit-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.3);
   -moz-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.3);
}
.swiper-button-next {
   right: var(--swiper-navigation-sides-offset, 10px);
   left: -333px;
   top: 460px;
   background: url(../images/icons/right-arrows.png);
   color: white;
}
.swiper-button-prev {
   left: -560px;
   right: 0;
   top: 460px;
   rotate: 180deg;
   color: #ffffff;
}

.footer-menu ul li a {
   padding: 0 50px 0 0;
   
}
.about-us-2-text {
   padding-right: 50px;
}
  

}
@media (max-width: 1200px){
   .container {
      max-width: 1080px!important;
  }
  :root {
   --font-size-18: 16px;
   --font-size-20: 18px;
   --font-size-24: 20px;
   --font-size-30: 22px;
   --font-size-38: 33px;
   --font-size-40: 30px;
   --font-size-48: 35px;
   --font-size-57: 50px;
   --font-size-72: 60px;
   --character-spacing-0: 0px;
   --line-height-26: 20px;
   --line-height-28: 23px;
   --line-height-30: 25px;
   --line-height-32: 28px;
   --line-height-36: 30px;
   --line-height-40: 35px;
   --line-height-50: 40px;
   --line-height-60: 50px;
   --line-height-80: 60px;
   --line-height-88: 88px;
   --line-height-100: 100px;
   --line-height-inherit: inherit;
   --text-transform-uppercase: uppercase;
   
}
.about-us-2-text {
   padding-right: 40px;
}
p {
   padding-top: 20px;
   margin-bottom: 0!important;
}
  .navbar-brand img {
   width: 150px;
}
.navbar-expand-lg .navbar-collapse {
   
   height: 80px;
}
.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
   padding: 0px 15px;
   font-size: var(--font-size-13);
   font-weight: 500;
   font-family: var(--font-family-lora);
   text-transform: uppercase;
   color: var(--color-ffffff);
   letter-spacing: 2;
}

.border-around {
   border: 1px solid var(--color-ffffff);
   padding: 100px 0;
}
.about-us-text {
   width: 70%;
}
.service-box {
   padding: 20px 20px 50px 20px;
   transition: 1s ease;
}
/* .about-us .about-us-text .div-title {
   left: 191px;
} */

.service-icon img {
   width: 59px;
}
.client-img {
   width: 23%;
}
.clients-box img {
   border-radius: 10px;
   margin: 10px 0;
}


.banner-logo {
   top: 42%;
   left: 25px;
   width: 150px;
}


.service-box-about {
  
   height: 300px;
}
.di-text-main {
   padding: 10px;
}
.di-small-2 {
   position: absolute;
   width: 60%;
   height: 57%;
   right: -5%;
   bottom: -51%;
   z-index: 1;
}
.di-text {
   position: absolute;
   width: 49%;
   top: 81%;
   left: -1%;
   z-index: 1;
   background: var(--color-ba9e62);
   text-align: center;
}
.service-list ul li {
   padding: 8px 8px 6px 0;
   color: var(--color-ffffff);
}

i.fa-solid.fa-gavel {
   margin-right: 10px;
   color: #ffffff!important;
}
.services-main {
   background: var(--color-292b39);
   padding-top: 100px;
   padding-bottom: 100px;
}
.pt-100 {
   padding-bottom: 50px;
}
.footer-inner {
   padding-top: 50px;
}
.footer {
   background: var(--color-35384a);
  
   padding-bottom: 50px;
}
.contact-addres {
  padding: 10px;
   border-radius: 10px;
   -webkit-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.3);
   -moz-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.3);
}
.swiper-button-next {
   right: var(--swiper-navigation-sides-offset, 10px);
   left: -333px;
   top: 383px;
   background: url(../images/icons/right-arrows.png);
   color: white;
}
.swiper-button-prev {
   left: -560px;
   right: 0;
   top: 386px;
   rotate: 180deg;
   color: #ffffff;
}
.footer-menu ul li a {
   padding: 0 50px 0 0;
   
}
}
@media (max-width: 1024px){

  :root {
   --font-size-18: 15px;
   --font-size-20: 17px;
   --font-size-24: 20px;
   --font-size-30: 22px;
   --font-size-38: 30px;
   --font-size-40: 35px;
   --font-size-48: 40px;
   --font-size-57: 48px;
   --font-size-72: 55px;
   --character-spacing-0: 0px;
   --line-height-26: 20px;
   --line-height-28: 23px;
   --line-height-30: 25px;
   --line-height-32: 28px;
   --line-height-36: 30px;
   --line-height-40: 35px;
   --line-height-50: 40px;
   --line-height-60: 50px;
   --line-height-80: 60px;
   --line-height-88: 88px;
   --line-height-100: 100px;
   --line-height-inherit: inherit;
   --text-transform-uppercase: uppercase;
   
}
.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
   padding: 0px 15px;
  
}
.banner-logo {
   top: 41%;
   left: 10px;
   width: 108px;
}

.service-box-row {
   margin-top: -150px;
   margin-left: 20px;
   margin-right: 20px;
   position: relative;
   
}
.di-text {
   position: absolute;
   width: 72%;
   top: 84%;
   left: -1%;
   z-index: 1;
   background: var(--color-ba9e62);
   text-align: center;
   z-index: 3;
   height: 53%;
}
.di-small-2 {
   position: absolute;
   width: 81%;
   height: 86%;
   right: -5%;
   bottom: -81%;
   z-index: 1;
}
.service .about-us-text {
   padding-left: 30px;
}



.about-us-main-text-box {
   padding: 30px;
}
.our-mission .service-box {
   height: 350px;
}
.about-us-2-text {
   padding-right: 0;
}
.border-right {
   
   padding: 10px;
}
.service-box-main {
   padding: 20px;
}
.page-title {
   height: 300px;
   
}
.page-title::before {
 height: 300px;
   
}
.services-main {
  
   padding-top: 50px;
   padding-bottom: 0;
}
.swiper-pagination-fraction {
   left: -224px;
   width: 100%;
   top: 77%;
}

.swiper-pagination-fraction {
   bottom: var(--swiper-pagination-bottom, 8px);
   /* top: var(--swiper-pagination-top, auto); */
   left: -224px;
   width: 100%;
   top: 77%;
}
.swiper-button-next {
   right: var(--swiper-navigation-sides-offset, 10px);
   left: -351px;
   top: 388px;
   background: url(../images/icons/right-arrows.png);
   color: white;
}
.swiper-button-prev {
   right: var(--swiper-navigation-sides-offset, 10px);
   left: -535px;
   top: 388px;
   background: url(../images/icons/right-arrows.png);
   color: white;
}
.border-around {
   border: 1px solid var(--color-ffffff);
   padding: 80px 0;
}


}


@media (max-width: 991.98px){
   .banner-text .title {
      text-align: center;
     
  }
   .banner-img img {
      height: 42vh;
      object-fit: cover;
  }
   .our-client-home {
      padding-top: 50px;
      padding-bottom: 50px;
  }
   .pb-100{
      padding-bottom: 50px;
   }
   .about-us {
      padding-top: 50px;
      padding-bottom: 50px;
  }
   .service::before {

      height: 62%;
  }
   .footer-img img {

      left: 0;
  }
 
   :root {
      --font-size-16: 14px;

      --font-size-18: 18px;
      --font-size-20: 20px;
      --font-size-24: 24px;
      --font-size-30: 30px;
      --font-size-38: 38px;
      --font-size-40: 40px;
      --font-size-48: 48px;
      --font-size-57: 50px;
      --font-size-72: 50px;
      --character-spacing-0: 0px;
      --line-height-26: 20px;
      --line-height-28: 23px;
      --line-height-30: 25px;
      --line-height-32: 28px;
      --line-height-36: 34px;
      --line-height-40: 35px;
      --line-height-50: 40px;
      --line-height-60: 60px;
      --line-height-80: 60px;
      --line-height-88: 88px;
      --line-height-100: 100px;
      --line-height-inherit: inherit;
      --text-transform-uppercase: uppercase;
      
   }
    /* mob-sidenav */
 .mobile-none,
 .sidenav,
 .mobile-toggle {
   display: block;
   position: absolute;
   right: 2px;
   top: 25px;
   z-index: 99;

 }
 .mobile-button {
   display: flex;
   position: absolute;
   right:45px;
   align-items: center;
   justify-content: center;
   height: 100%;
   top: 31px;
}
.main-nav {
   height: 80px;
   padding-right:40px;
}

 .desktop-none {
   display: none;
 }
 .navbar-expand-lg .navbar-nav .dropdown-menu {
   position: relative;
   left: 0px;
   top: 0px;
}
.dropdown-menu {
   background: none !important;
   border: none;
  
}
.dropdown-item:hover {
  background: none!important;
  color: var(--color-ba9e62)!important;
}
.dropdown-item {
  
   color: var(--color-ffffff)!important;
}


 .top-header {
   display: none;
 }
 section.footer.footer-inner {
   padding: 50px 0;
}

 .sidenav {
   height: 100vh;
   width: 0;
   position: absolute;
   z-index: 999;
   top: 0;
   left: unset;
   right: 0;
   background: var(--color-292b39);
   overflow-x: hidden;
   transition: .6s ease-in-out;
   
 }
 .navbar-nav {
    padding:0px !important;
}
.navbar-nav li.nav-item {
   
  margin-bottom: 30px;
}
 .toggle {
   float: right;
   height: 100%;
   display: flex;
   align-items: center;
   cursor: pointer;
 }

 .toggle img {
   width: 30px;
   height: 30px;
   object-fit: cover;
   object-position: center
 }

 .mob-sidenav .closebtn {
    position: absolute;
    top: 30px;
    right: 30px;
    margin-left: 0;
    z-index: 1;
}
.mob-sidenav .closebtn img {
   width: 25px;
   height: 25px;
   object-fit: cover;
   object-position: center;
}

 .main-nav .navbar-nav .nav-item .nav-link {
   padding: 12px 10px;
   font-size: var(--font-size-20);
 }
 

.banner-logo {
   display: block;
 }
 nav.navbar.navbar-expand-lg.navbar-light {
   padding: 80px 40px;
}
 .main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    padding: 7px 15px;
 }
 

 .banner-text {
  
   position: absolute;
   top: 27%;
   left: 17%;
   z-index: 1;
   width: 78%;
}
 .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    /* top: var(--swiper-pagination-top, auto); */
    left: 0;
    width: 100%;
    top: 72%;
 }
 .swiper-button-prev {
   left: -79px;
    top: 373px;
    
 }
 .swiper-button-next {
    left: 100px;
     top: 373px;
     
  }
 /* .banner-section .banner-text .div-title {
    left: 60px;
 } */
 
 /* .div-title::before {
    width: 40px;
    position: absolute;
    content: "";
    height: 2px;
    background-color: var(--color-ba9e62);
    margin-left: 0;
    top: 38px;
    left: -57px;
 }
  */
 
 /* .about-us .about-us-text .div-title {
    left: 62px;
    top: 29px;
    z-index: 2901;
 } */



 .service {
    padding-top: 50px;
    position: relative;
    padding-bottom: 50px;
 }
 /* .service .div-title {
    left: 60px;
 } */
 .service .about-us-home {
    background: linear-gradient(226deg, #1f262e, #43515a);
    background: url(../images/service/bg.jpg);
    padding: 1px 8px 191px;
 }
 .service .about-us-text {
   /* padding-left: 0px; */
   padding: 20px 0;
}

 .service-box-row {
    margin-top: -150px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
   
 }

 
 .section-title {
   
    padding-top: 20px;
 }
 .col-lg-1{
    display: none;
 }


 
 .service::after {
    background: var(--color-35384a);
    position: absolute;
    z-index: -3;
    left: 0;
    top: -40px;
    width: 100%;
    content: '';
    height: calc(100% - 100px);
 }

 .footer {
    background: var(--color-35384a);
    padding-top: 50px;
    padding-bottom: 50px;
 }

 .footer-menu ul li a {
    padding: 0 35px 0 0;
 }

 .about-us-main {
    padding-top: 20px;
    padding-bottom: 100px;
   
 }
 
 .about-us-main-img .img {
    height: 400px;
    object-fit: cover;
    object-position: center center;
    border-radius: 10px;
 }
 
 .about-us-main-text-box {
    padding:10px 0;
 }
 
 .our-mission {
    padding: 10px 0;
    background: var(--color-786640);
 }
 .di-text {
   position: absolute;
   width: 32%;
   top: 44%;
   left: -1%;
   z-index: 1;
   background: var(--color-ba9e62);
   text-align: center;
   height: 28%;
   z-index: 999;
}
.bg {
   padding: 50px;
   margin-bottom: 50px;
}
 
 .de-images {
    position: relative;
    width: 100%;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 64px;
 }
 .row.our-mission-box {
    margin-top: -112px;
 }
 .footer-menu {
    padding: 20px 0;
 }
 .service-content.d-flex {
    display: flex!important;
    justify-content: space-between;
 
 }
 
 .services-main .sub-title {
    padding-bottom: 5px;
    color: var(--color-ba9e62);
 }
 .service-list ul li {
    padding: 4px 8px 6px 0;
    color: var(--color-ffffff);
 }
 .services-main {
    padding-top: 30px;
    padding-bottom: 30px;
 }
 .service-row {
    display: flex;
    flex-direction: column-reverse;
 }
 .service-img img {
    border-radius: 10px;
    object-fit: cover;
 }
 .pt-100 {
    padding-bottom: 20px;
 }
 .di-small-2 {
  height: 57%;
   right: 0%;
   bottom: -6%;
   
}
 .contact-page-sec {
    padding-top: 50px;
    padding-bottom: 50px;
    background: var(--color-292b39);
 }
 .border-bottom {
    border-bottom: none !important;
 }

 
 .training {
    position: relative;
    height: 100%;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 20px;
    padding-top: 20px;
    margin: 20px 0;
 }
 .training-box-img.position-relative {
    display: none;
 }
 .page-title::before {
    height: 400px;
 }
 .page-title {
    height: 400px;
 }
 .address {
   width: 100%;
}

 .border-around {
    border: 1px solid var(--color-ffffff);
    padding: 100px 0;
 }

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

   :root {
      --font-size-18: 16px;
      --font-size-20: 18px;
      --font-size-24: 22px;
      --font-size-30: 28px;
      --font-size-38: 32px;
      --font-size-40: 35px;
      --font-size-48: 40px;
      --font-size-57: 45px;
      --font-size-72: 50px;
      --character-spacing-0: 0px;
      --line-height-26: 20px;
      --line-height-28: 23px;
      --line-height-30: 25px;
      --line-height-32: 28px;
      --line-height-36: 30px;
      --line-height-40: 35px;
      --line-height-50: 22px;
      --line-height-60: 55px;
      --line-height-80: 60px;
      --line-height-88: 88px;
      --line-height-100: 100px;
      --line-height-inherit: inherit;
      --text-transform-uppercase: uppercase;
      
   }
  



.banner-logo {
  display: none;
}
  nav.navbar.navbar-expand-lg.navbar-light {
   padding: 42px 10px;
}
.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
   padding: 7px 15px;
}


.banner-text {
   width: 90%;
   position: absolute;
   top: 27%;
   left: 2%;
   z-index: 1;
}
.swiper-pagination-fraction {
   bottom: var(--swiper-pagination-bottom, 8px);
   /* top: var(--swiper-pagination-top, auto); */
   left: 0;
   width: 100%;
   top: 72%;
}
.swiper-button-prev {
  left: -79px;
   top: 373px;
   
}
.swiper-button-next {
   left: 100px;
    top: 373px;
    
 }
/* .banner-section .banner-text .div-title {
   left: 60px;
} */

/* .div-title::before {
   width: 40px;
   position: absolute;
   content: "";
   height: 2px;
   background-color: var(--color-ba9e62);
   margin-left: 0;
   top: 38px;
   left: -57px;
} */

/* .about-us .about-us-text .div-title {
   left: 62px;
   top: 29px;
   z-index: 2901;
} */


.about-us-para {
   padding-right: 10px;
}


/* .service .div-title {
   left: 60px;
} */
.service .about-us-home {
   background: linear-gradient(226deg, #1f262e, #43515a);
   background: url(../images/service/bg.jpg);
   padding: 1px 8px 191px;
}
.service .about-us-text {
   padding-left: 0px;
}


.service-box-row {
   margin-top: -150px;
   margin-left: 0;
   margin-right: 0;
   position: relative;
  
}


.section-title {
  
   padding-top: 20px;
}
.col-lg-1{
   display: none;
}



.service::after {
   background: var(--color-35384a);
   position: absolute;
   z-index: -3;
   left: 0;
   top: -40px;
   width: 100%;
   content: '';
   height: calc(100% - 100px);
}



.about-us-main {
   padding-top: 20px;
   padding-bottom: 100px;
  
}

.about-us-main-img .img {
   height: 400px;
   object-fit: cover;
   object-position: center center;
   border-radius: 10px;
}

.about-us-main-text-box {
   padding:10px 0;
}
.our-mission .service-box {
   height: 350px;
   margin-bottom: 10px;
}
.our-mission {
   padding: 10px 0;
   background: var(--color-786640);
}

.de-images {
   position: relative;
   width: 100%;
   border-radius: 10px;
   margin-top: 20px;
   margin-bottom: 64px;
}
.row.our-mission-box {
   margin-top: -112px;
}
.footer-menu {
   padding: 20px 0;
}
.service-content.d-flex {
   display: flex!important;
   justify-content: space-between;

}

.services-main .sub-title {
   padding-bottom: 5px;
   color: var(--color-ba9e62);
}
.service-list ul li {
   padding: 4px 8px 6px 0;
   color: var(--color-ffffff);
}
.services-main {
   padding-top: 30px;
   padding-bottom: 30px;
}
.service-row {
   display: flex;
   flex-direction: column-reverse;
}
.service-img img {
   border-radius: 10px;
   object-fit: cover;
}
.pt-100 {
   padding-bottom: 20px;
}
.di-small-2 {
   position: absolute;
   width: 60%;
   height: 57%;
   right: -5%;
   bottom: -22%;
   z-index: 1;
}
.contact-page-sec {
   padding-top: 50px;
   padding-bottom: 50px;
   background: var(--color-292b39);
}
.border-bottom {
   border-bottom: none !important;
}

.clients-main {
   padding-top: 50px;
   padding-bottom: 50px;
   background: var(--color-292b39);
}
.training {
   position: relative;
   height: 100%;
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   padding-bottom: 20px;
   padding-top: 20px;
   margin: 20px 0;
}
.training-box-img.position-relative {
   display: none;
}
.page-title::before {
   height: 400px;
}
.page-title {
   height: 400px;
}
.address {
   width: 90%;
}
.copyright {
   width: 70%;
}
.border-around {
   border: 1px solid var(--color-ffffff);
   padding: 100px 0;
}

}
@media (max-width: 767.98px){
   .service-box {
      
      height: 43vh;
  }


   :root {
      --font-size-18: 16px;
      --font-size-20: 18px;
      --font-size-24: 22px;
      --font-size-30: 28px;
      --font-size-38: 32px;
      --font-size-40: 35px;
      --font-size-48: 40px;
      --font-size-57: 45px;
      --font-size-72: 50px;
      --character-spacing-0: 0px;
      --line-height-26: 20px;
      --line-height-28: 23px;
      --line-height-30: 25px;
      --line-height-32: 28px;
      --line-height-36: 30px;
      --line-height-40: 35px;
      --line-height-50: 22px;
      --line-height-60: 55px;
      --line-height-80: 60px;
      --line-height-88: 88px;
      --line-height-100: 100px;
      --line-height-inherit: inherit;
      --text-transform-uppercase: uppercase;
      
   }
   .mob-sidenav .closebtn img {
      width: 20px;
      height: 20px;
      object-fit: cover;
      object-position: center;
  }
  .main-header.g_shrink .navbar-brand img {
   width: 100px;
  }
 
.mob-sidenav .closebtn {
   position: absolute;
   top: 30px;
   right: 30px;
   margin-left: 0;
   z-index: 1;
}


.banner-logo {
  display: none;
}
  nav.navbar.navbar-expand-lg.navbar-light {
   padding: 42px 10px;
}
.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
   padding: 7px 15px;
}

.banner-text {
   width: 81%;
   position: absolute;
   top: 27%;
   left: 10%;
   /* z-index: 1; */
   margin: 0 auto;
}
.swiper-pagination-fraction {
   bottom: var(--swiper-pagination-bottom, 8px);
   /* top: var(--swiper-pagination-top, auto); */
   left: 0;
   width: 100%;
   top: 72%;
}
.swiper-button-prev {
  left: -79px;
   top: 373px;
   
}
.swiper-button-next {
   left: 100px;
    top: 373px;
    
 }
/* .banner-section .banner-text .div-title {
   left: 60px;
} */

/* .div-title::before {
   width: 40px;
   position: absolute;
   content: "";
   height: 2px;
   background-color: var(--color-ba9e62);
   margin-left: 0;
   top: 38px;
   left: -57px;
} */

/* .about-us .about-us-text .div-title {
   left: 62px;
   top: 29px;
   z-index: 2901;
} */


.about-us-para {
   padding-right: 0;
}


/* .service .div-title {
   left: 60px;
} */
.service .about-us-home {
   background: linear-gradient(226deg, #1f262e, #43515a);
   background: url(../images/service/bg.jpg);
   padding: 28px 10px 191px;
}
.service .about-us-text {
   /* padding-left: 0px; */
   padding: 20px;
}

.service-box-row {
   margin-top: -150px;
   margin-left: 10px;
   margin-right: 10px;
   position: relative;
   
}

.section-title {
  
   padding-top: 20px;
}
.col-lg-1{
   display: none;
}


.service::after {
   background: var(--color-35384a);
   position: absolute;
   z-index: -3;
   left: 0;
   top: -40px;
   width: 100%;
   content: '';
   height: calc(100% - 100px);
}




.about-us-main {
   padding-top: 20px;
   padding-bottom: 100px;
  
}

.about-us-main-img .img {
   height: 230px;
   object-fit: cover;
   object-position: center center;
   border-radius: 10px;
}

.about-us-main-text-box {
   padding:10px 0;
}
.our-mission .service-box {
   height: 250px;
   margin-bottom: 10px;
}
.our-mission {
   padding: 10px 0;
   background: var(--color-786640);
}
.about-us-2 {
   padding-top: 10px;
   background: var(--color-292b39);
}
.de-images {
   position: relative;
   width: 100%;
   border-radius: 10px;
   margin-top: 20px;
   margin-bottom: 64px;
}
.row.our-mission-box {
   margin-top: -112px;
}
.footer-menu {
   padding: 20px 0;
}
.service-content.d-flex {
   display: flex!important;
   justify-content: space-between;

}

.services-main .sub-title {
   padding-bottom: 5px;
   color: var(--color-ba9e62);
}
.service-list ul li {
   padding: 4px 8px 6px 0;
   color: var(--color-ffffff);
}
.services-main {
   padding-top: 30px;
   padding-bottom: 30px;
}
.service-row {
   display: flex;
   flex-direction: column-reverse;
}
.service-img img {
   border-radius: 10px;
   object-fit: cover;
}
.pt-100 {
   padding-bottom: 20px;
}
.di-small-2 {
   position: absolute;
   width: 60%;
   height: 57%;
   right: -5%;
   bottom: -32%;
   z-index: 1;
}
.contact-page-sec {
   padding-top: 30px;
   padding-bottom: 30px;
   background: var(--color-292b39);
}
.border-bottom {
   border-bottom: 1px dotted var(--color-ba9e62)!important;
}
.border-right {
   border: none;
   padding: 4px;
}
.contact-map {
   padding-top: 40px;
}
.contact-page-map {
   padding-top: 30px;
}

.clients-main {
   padding-top: 30px;
   padding-bottom: 30px;
   background: var(--color-292b39);
}
.training {
   position: relative;
   height: 100%;
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   padding-bottom: 20px;
   padding-top: 20px;
   margin: 20px 0;
}
.training-box-img.position-relative {
   display: none;
}
.page-title::before {
   height: 400px;
}
.page-title {
   height: 400px;
}

.copyright {
   width: 78%;
}
.service-box-about {
   background: #35384a;
   padding: 50px 50px 80px 50px;
   transition: all 0.5s ease-in;
   height: 400px;
}
.about-us-img {
   width: 280px;
}
}
@media (max-width: 575.98px){
   .container-fluid {
      padding: 0px 20px;
  }
  .footer-menu ul li a {
   padding: 0 0px 0 0;
}
   .consultation-btn {
      max-width: 200px;
      padding: 6px 6px;
      top: 20px;
  }
   .consultation-btn a {

      font-size: 11px;
  }
   .mobile-button {
  
      top: 12px;
  }
   .bg-0 {
      border-radius: 0;
  }
   .service-img2 img{
      border-radius: 0px;
      
   }
   .service-img3 img{
      border-radius:  0px;
    
   }
   .clients-box .client-img {
      padding-right: 0;
      padding: 10px;
  }
   .footer {
     
      text-align: center;
  }
  .footer .social{
   margin-bottom: 25px;
  }
   .footer-img img {
      width: 81px;
  
  }
   .about-us-para-main{
      text-align: center;
   }
   .banner-img img {
      height: 32vh;
  }
   .consultation-btn {
      
      display: flex;
      margin: 0 auto;
  }
   .about-text-sub-text::after{
      display: none;
   }
   .about-us-home{
      text-align: center;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
   }
 
   .popup-overlay .popup {
 
      padding: 20px;
     
  }
  .border-around {
   padding: 20px 0;
}
  .about-us-img {
   width: 220px;
   position: relative;
}
   .title {
     
      text-align: center;
      width: 80%;
      margin: auto;
  }
   :root {
      --font-size-18: 16px;
      --font-size-20: 18px;
      --font-size-24: 22px;
      --font-size-30: 28px;
      --font-size-38: 32px;
      --font-size-40: 35px;
      --font-size-48: 40px;
      --font-size-57: 45px;
      --font-size-72: 40px;
      --character-spacing-0: 0px;
      --line-height-26: 20px;
      --line-height-28: 23px;
      --line-height-30: 25px;
      --line-height-32: 28px;
      --line-height-36: 30px;
      --line-height-40: 35px;
      --line-height-50: 22px;
      --line-height-60: 55px;
      --line-height-80: 50px;
      --line-height-88: 88px;
      --line-height-100: 100px;
      --line-height-inherit: inherit;
      --text-transform-uppercase: uppercase;
      
   }

   .our-client-home .about-us-text{
      width: 100%;
      text-align: center;
   }
   .mob-sidenav .closebtn img {
      width: 20px;
      height: 20px;
      object-fit: cover;
      object-position: center;
  }
 
.mob-sidenav .closebtn {
   position: absolute;
   top: 30px;
   right: 30px;
   margin-left: 0;
   z-index: 1;
}


.banner-logo {
  display: none;
}
.bg {
   padding: 30px 20px;
   margin-bottom: 50px;
}
  nav.navbar.navbar-expand-lg.navbar-light {
   padding: 42px 10px;
}
.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
   padding: 7px 15px;
}
.navbar-brand img {
   width: 130px;
}

.banner-text {
   width: 100%;
   position: absolute;
   top: 27%;
   left: 2%;
   z-index: 1;
}
.swiper-pagination-fraction {
   bottom: var(--swiper-pagination-bottom, 8px);
   /* top: var(--swiper-pagination-top, auto); */
   left: 0;
   width: 100%;
   top: 72%;
}
.swiper-button-prev {
  left: -79px;
   top: 373px;
   
}
.swiper-button-next {
   left: 100px;
    top: 373px;
    
 }
/* .banner-section .banner-text .div-title {
   left: 60px;
} */

/* .div-title::before {
   width: 40px;
   position: absolute;
   content: "";
   height: 2px;
   background-color: var(--color-ba9e62);
   margin-left: 0;
   top: 38px;
   left: -57px;
} */

.about-us-text {
   width: 100%;
}
.about-us-text {
   width: 100%;
}
/* .about-us .about-us-text .div-title {
   left: 62px;
   top: 29px;
   z-index: 2901;
} */


.about-us-para {
   padding-right: 0;
}


/* .service .div-title {
   left: 60px;
} */
.service .about-us-home {
   background: linear-gradient(226deg, #1f262e, #43515a);
   background: url(../images/service/bg.jpg);
   padding: 1px 8px 191px;
}

.service-box-row {
   margin-top: -150px;
   margin-left: 10px;
   margin-right: 10px;
   position: relative;
   text-align: center;
}
.clients-box{
justify-content: center;
}
.service-box {
   height: auto;
   padding: 30px;
   padding-bottom: 50px;
   margin: 0px 20px;
}
.popup-overlay .popup {
  
   text-align: center;
}
.service-box p {
   text-align: center;
}
.section-title {
   padding-top: 20px;
}
.col-lg-1{
   display: none;
}


.client-img {
   width: 30%;
}
.service::after {
   background: var(--color-35384a);
   position: absolute;
   z-index: -3;
   left: 0;
   top: -40px;
   width: 100%;
   content: '';
   height: calc(100% - 100px);
}




.address {
   width: 100%;
}
.copyright {
    width: 100%;
}


.footer.footer-inner {
   padding-top: 50px;
}

.about-us-main {
   padding-top: 50px;
   padding-bottom:50px;
  
}

.about-us-main-img .img {
   height: 230px;
   object-fit: cover;
   object-position: center center;
   border-radius: 10px;
}

.about-us-main-text-box {
   padding:10px 0;
}
.our-mission .service-box {
   height: 100%;
   margin: -10px;
   margin-bottom: 20px;

}
.our-mission {
   padding: 50px 0;
   background: var(--color-786640);
}
.di-text {
   position: absolute;
   width: 49%;
   top: 61%;
   left: -1%;
   z-index: 1;
   background: var(--color-ba9e62);
   text-align: center;
   height: 46%;
   z-index: 999;
}
.about-us-2 {
   padding-top: 50px;
   padding-bottom: 50px;
   background: var(--color-292b39);
}
.de-images {
   position: relative;
   width: 100%;
   border-radius: 10px;
   margin-top: 20px;
   margin-bottom: 64px;
}
.row.our-mission-box {
   margin-top: -112px;
}
.footer-menu ul li {
   float: initial;
}
.footer-menu {
   padding: 0 0 0 0;
}
.service-content.d-flex {
   display: flex;
   flex-direction: column;
}

.services-main .sub-title {
   padding-bottom: 5px;
   color: var(--color-ba9e62);
   font-size: 30px;
   line-height: 35px;
}
.service-list ul li {
   padding: 4px 8px 6px 0;
   color: var(--color-ffffff);
}
.services-main {
   padding-top: 30px;
   padding-bottom: 30px;
}
.service-row {
   display: flex;
   flex-direction: column-reverse;
}

.pt-100 {
   padding-bottom: 30px;
}
.di-small-2 {
   position: absolute;
   width: 60%;
   height: 57%;
   right: -5%;
   bottom: -32%;
   z-index: 1;
}
.contact-page-sec {
   padding-top: 30px;
   padding-bottom: 30px;
   background: var(--color-292b39);
}
.border-bottom {
   border-bottom: 1px dotted var(--color-ba9e62)!important;
}
.border-right {
   border: none;
   padding: 4px;
}
.contact-map {
   padding-top: 40px;
}
.contact-page-map {
   padding-top: 30px;
}

.clients-main {
   padding-top: 30px;
   padding-bottom: 30px;
   background: var(--color-292b39);
}
.training {
   position: relative;
   height: 100%;
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   padding-bottom: 20px;
   padding-top: 20px;
   margin: 20px 0;
}
.training-box-img.position-relative {
   display: none;
}
.page-title::before {
   height: 100%;
}
.page-title {
   height: 300px;
}
}
@media (max-width: 480px){
   .page-title {
      height: 200px;
  }
  .sub-title {
   font-size: 30px;
   line-height: 38px;
}
  .page-title::before {
   height: 200px;
}
   .container-fluid {
      padding: 0px 15px;
  }
  .service-box {
 
   margin: 0px 0px;
}
  .main-nav {
   padding-right: 15px;
}
   :root {
      --font-size-18: 15px;
      --font-size-20: 17px;
      --font-size-24: 20px;
      --font-size-30: 25px;
      --font-size-38: 30px;
      --font-size-40: 35px;
      --font-size-48: 40px;
      --font-size-57: 42px;
      --font-size-72: 40px;
      --character-spacing-0: 0px;
      --line-height-26: 20px;
      --line-height-28: 23px;
      --line-height-30: 25px;
      --line-height-32: 28px;
      --line-height-36: 30px;
      --line-height-40: 35px;
      --line-height-50: 22px;
      --line-height-60: 60px;
      --line-height-80: 60px;
      --line-height-88: 88px;
      --line-height-100: 100px;
      --line-height-inherit: inherit;
      --text-transform-uppercase: uppercase;
      
   }
   .banner-text .title{
      line-height: 40px;
    font-size: 30px;
   }
   .title {
      width:90%;
      line-height: 45px;
  }
   .popup-overlay .popup {
      padding: 20px !important;
  }
 
   .mob-sidenav .closebtn img {
      width: 20px;
      height: 20px;
      object-fit: cover;
      object-position: center;
  }
  
.mob-sidenav .closebtn {
   position: absolute;
   top: 30px;
   right: 30px;
   margin-left: 0;
   z-index: 9999;
}

.copyright {
   width: 100%;
}
.address {
   width: 100%;
}

.banner-logo {
  display: none;
}
  nav.navbar.navbar-expand-lg.navbar-light {
   padding: 42px 10px;
}
.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
   padding: 7px 15px;
}
.navbar-brand img {
   width: 130px;
}

.banner-text {
   width: 100%;
   position: absolute;
   top: 27%;
   left: 2%;
   z-index: 1;
}
.swiper-pagination-fraction {
   bottom: var(--swiper-pagination-bottom, 8px);
   /* top: var(--swiper-pagination-top, auto); */
   left: 0;
   width: 100%;
   top: 72%;
}
.swiper-button-prev {
  left: -79px;
   top: 373px;
   
}
.swiper-button-next {
   left: 100px;
    top: 373px;
    
 }
/* .banner-section .banner-text .div-title {
   left: 60px;
} */

/* .div-title::before {
   width: 40px;
   position: absolute;
   content: "";
   height: 2px;
   background-color: var(--color-ba9e62);
   margin-left: 0;
   top: 38px;
   left: -57px;
} */
.about-us {
   background: var(--color-292b39);
   padding-top: 50px;
}
.border-around {
   border: 1px solid var(--color-ffffff);
   padding: 20px 0;
}

.about-us-text {
   width: 100%;
}
/* .about-us .about-us-text .div-title {
   left: 62px;
   top: 29px;
   z-index: 2901;
} */


.about-us-para {
   padding-right: 0;
}

.service {
   padding-top: 80px;
   position: relative;
}
/* .service .div-title {
   left: 60px;
} */
.service .about-us-home {
   background: linear-gradient(226deg, #1f262e, #43515a);
   background: url(../images/service/bg.jpg);
   padding: 1px 8px 191px;
}
.service .about-us-text {
   padding-left: 0px;
}

.service-box-row {
   margin-top: -150px;
   margin-left: 10px;
   margin-right: 10px;
   position: relative;
   
}


.section-title {
  
   padding-top: 20px;
}
.col-lg-1{
   display: none;
}

.client-img {
   width: 47%;
}
.service::after {
   background: var(--color-35384a);
   position: absolute;
   z-index: -3;
   left: 0;
   top: -40px;
   width: 100%;
   content: '';
   height: calc(100% - 100px);
}


.footer {
   background: var(--color-35384a);
   padding-top: 50px;
   padding-bottom: 50px;
}



.about-us-main {
   padding-top: 20px;
   padding-bottom: 100px;
  
}
.bg-about {
   position: absolute;
   top: -40px;
   left: -46px;
   width: 83px;
}
.about-us-main-img .img {
   height: 230px;
   object-fit: cover;
   object-position: center center;
   border-radius: 10px;
}
.bg {
   padding: 10px 0;
   margin-bottom: 50px;
}
.about-us-main-text-box {
   padding:10px 0;
}
.our-mission .service-box {
   height: 300px;
   margin-bottom: 20px;
   padding: 30px;
}
.di-text {
   position: absolute;
   width: 49%;
   top: 44%;
   left: -1%;
   z-index: 1;
   background: var(--color-ba9e62);
   text-align: center;
   height: 50%;
   z-index: 999;
}
.our-mission {
   padding: 10px 0;
   background: var(--color-786640);
}
.about-us-2 {
   padding-top: 10px;
   background: var(--color-292b39);
}
.de-images {
   position: relative;
   width: 100%;
   border-radius: 10px;
   margin-top: 20px;
   margin-bottom: 64px;
}
.row.our-mission-box {
   margin-top: -112px;
}
.footer-menu ul li {
   float: initial;
}
.footer-menu {
   padding: 0 0 0 0;
}
.service-content.d-flex {
   display: flex;
   flex-direction: column;
}
.service-box-main {
   padding: 10px;
}
.services-main .sub-title {
   padding-bottom: 5px;
   color: var(--color-ba9e62);
}
.service-list ul li {
   padding: 4px 8px 6px 0;
   color: var(--color-ffffff);
}
.services-main {
   padding-top: 30px;
   padding-bottom: 30px;
}
.service-row {
   display: flex;
   flex-direction: column-reverse;
}
.service-img img {
   border-radius: 10px;
   object-fit: cover;
}
.pt-100 {
   padding-bottom: 20px;
}
.di-small-2 {
   position: absolute;
   width: 60%;
   height: 57%;
   right: -5%;
   bottom: -32%;
   z-index: 1;
}
.contact-page-sec {
   padding-top: 20px;
   padding-bottom: 20px;
   background: var(--color-292b39);
}
.border-bottom {
   border-bottom: 1px dotted var(--color-ba9e62)!important;
}
.footer.footer-inner {
   padding-top: 50px;
}
.border-right {
   border: none;
   padding: 4px;
}
.contact-map {
   padding-top: 40px;
}
.contact-page-map {
   padding-top: 30px;
}

.clients-main {
   padding-top: 30px;
   padding-bottom: 30px;
   background: var(--color-292b39);
}
.training {
   position: relative;
   height: 100%;
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   padding-bottom: 20px;
   padding-top: 20px;
   margin: 20px 0;
}
.training-box-img.position-relative {
   display: none;
}

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

   :root {
      --font-size-18: 14px;
      --font-size-20: 15px;
      --font-size-24: 19px;
      --font-size-30: 20px;
      --font-size-38: 25px;
      --font-size-40: 28px;
      --font-size-48: 33px;
      --font-size-57: 45px;
      --font-size-72: 40px;
      --character-spacing-0: 0px;
      --line-height-26: 20px;
      --line-height-28: 23px;
      --line-height-30: 25px;
      --line-height-32: 28px;
      --line-height-36: 30px;
      --line-height-40: 35px;
      --line-height-50: 22px;
      --line-height-60: 48px;
      --line-height-80: 54px;
      --line-height-88: 88px;
      --line-height-100: 100px;
      --line-height-inherit: inherit;
      --text-transform-uppercase: uppercase;
  }
   
   .mob-sidenav .closebtn img {
      width: 20px;
      height: 20px;
      object-fit: cover;
      object-position: center;
  }
 

.toggle img {
   width: 30px;
   height: 30px;
   object-fit: cover;
   object-position: center;
}
.swiper-pagination-fraction {
  
   top: 90%;
}

.banner-logo {
  display: none;
}
  nav.navbar.navbar-expand-lg.navbar-light {
   padding: 42px 10px;
}
.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
   padding: 7px 15px;
}
.navbar-brand img {
   width: 100px;
}

/* 
.banner-section .banner-text .div-title {
   left: 30px;
} */
/* 
.div-title::before {
    width: 25px;
    position: absolute;
    content: "";
    height: 2px;
    background-color: var(--color-ba9e62);
    margin-left: 0;
    top: 38px;
    left: -30px;
} */
.about-us {
   background: var(--color-292b39);
   padding-top: 40px;
}
.border-around {
   border: 1px solid var(--color-ffffff);
   padding: 20px 0;
}
.about-us-text {
   width: 100%;
}
.about-us-text {
   width: 100%;
}

/* .about-us .about-us-text .div-title {
   left: 44px;
   top: 29px;
   z-index: 2901;
} */

.about-us-para {
   padding-right: 0;
}

.service {
   padding-top: 47px;
   position: relative;
}
/* .service .div-title {
   left: 37px;
} */
.service .about-us-home {
   background: linear-gradient(226deg, #1f262e, #43515a);
   background: url(../images/service/bg.jpg);
   padding: 1px 8px 149px;
}
.service .about-us-text {
   padding-left: 0px;
}

.service-box-row {
   margin-top: -150px;
   margin-left: 10px;
   margin-right: 10px;
   position: relative;
  
}

.consultation-btn {
  max-width: 133px;
   text-align: center;
}
.section-title {
  
   padding-top: 20px;
}
.col-lg-1{
   display: none;
}

.client-img {
   width: 47%;
}
.service::after {
   background: var(--color-35384a);
   position: absolute;
   z-index: -3;
   left: 0;
   top: -40px;
   width: 100%;
   content: '';
   height: calc(100% - 100px);
}



.footer-img img {
   width: 60px;
   padding-bottom: 20px;
}
.address {
   width: 100%;
}
.copyright {
   width: 100%;
}


.about-us-main {
   padding-top: 20px;
   padding-bottom: 100px;
  
}
.bg-about {
   position: absolute;
   top: -40px;
   left: -46px;
   width: 83px;
}
.about-us-main-img .img {
   height: 230px;
   object-fit: cover;
   object-position: center center;
   border-radius: 10px;
}
.bg {
   padding: 10px 0;
   margin-bottom: 50px;
}
.about-us-main-text-box {
   padding:10px 0;
}
.our-mission .service-box {
   height: 250px;
   margin-bottom: 10px;
   padding: 20px;
}

.our-mission {
   padding: 10px 0;
   background: var(--color-786640);
}
.about-us-2 {
   padding-top: 10px;
   background: var(--color-292b39);
}
.de-images {
   position: relative;
   width: 100%;
   border-radius: 10px;
   margin-top: 21px;
   margin-bottom: 52px;
}
section.footer.footer-inner {
   padding-top: 50px;
   
}
.di-text {
   position: absolute;
   width: 50%;
   top: 43%;
   left: -1%;
   z-index: 1;
   background: var(--color-ba9e62);
   text-align: center;
   height: 50%;
   z-index: 999;
}
.row.our-mission-box {
   margin-top: -112px;
}
.footer-menu ul li {
   float: initial;
}
.footer-menu {
   padding: 0 0 0 0;
}
.service-content.d-flex {
   display: flex;
   flex-direction: column;
}
.service-box-main {
   padding: 10px;
}
.services-main .sub-title {
   padding-bottom: 5px;
   color: var(--color-ba9e62);
}
.service-list ul li {
   padding: 4px 8px 6px 0;
   color: var(--color-ffffff);
}
.services-main {
   padding-top: 20px;
   padding-bottom: 0;
   margin-bottom: 50px;
}
.service-row {
   display: flex;
   flex-direction: column-reverse;
}
.service-img img {
   border-radius: 10px;
   object-fit: cover;
}
.pt-100 {
   padding-bottom: 20px;
}
.di-small-2 {
   position: absolute;
   width: 60%;
   height: 57%;
   right: -5%;
   bottom: -32%;
   z-index: 1;
}
.contact-page-sec {
   padding-top: 20px;
   padding-bottom: 20px;
   background: var(--color-292b39);
}
.border-bottom {
   border-bottom: 1px dotted var(--color-ba9e62)!important;
}
.border-right {
   border: none;
   padding: 4px;
}
.contact-map {
   padding-top: 40px;
}
.contact-page-map {
   padding-top: 30px;
}

.clients-main {
   padding-top: 20px;
   padding-bottom: 20px;
   background: var(--color-292b39);
}
.training {
   position: relative;
   height: 100%;
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   padding-bottom: 20px;
   padding-top: 20px;
   margin: 20px 0;
}
.training-box-img.position-relative {
   display: none;
}
}
  
@media (max-width: 320px){

   :root {
      --font-size-18: 14px;
      --font-size-20: 15px;
      --font-size-24: 19px;
      --font-size-30: 20px;
      --font-size-38: 25px;
      --font-size-40: 28px;
      --font-size-48: 33px;
      --font-size-57: 45px;
      --font-size-72: 40px;
      --character-spacing-0: 0px;
      --line-height-26: 20px;
      --line-height-28: 23px;
      --line-height-30: 25px;
      --line-height-32: 28px;
      --line-height-36: 30px;
      --line-height-40: 35px;
      --line-height-50: 40px;
      --line-height-60: 50px;
      --line-height-80: 53px;
      --line-height-88: 88px;
      --line-height-100: 100px;
      --line-height-inherit: inherit;
      --text-transform-uppercase: uppercase;
  }
 
   .training-box-img.position-relative {
      display: none;
  }
   .mob-sidenav .closebtn img {
      width: 20px;
      height: 20px;
      object-fit: cover;
      object-position: center;
  }
  .mobile-toggle {
   /* position: absolute; */
   right: 16px;
   top: 24px;
   /* z-index: 99; */
}

.mob-sidenav .closebtn {
   position: absolute;
   top: 20px;
   right: 20px;
   margin-left: 0;
   z-index: 1;
}
.toggle img {
   width: 30px;
   height: 30px;
   object-fit: cover;
   object-position: center;
}
.banner-logo {
  display: none;
}
  nav.navbar.navbar-expand-lg.navbar-light {
   padding: 42px 10px;
}
.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
   padding: 7px 15px;
}
.navbar-brand img {
   width: 100px;
}

/* .banner-section .banner-text .div-title {
   left: 30px;
} */
/* 
.div-title::before {
    width: 25px;
    position: absolute;
    content: "";
    height: 2px;
    background-color: var(--color-ba9e62);
    margin-left: 0;
    top: 38px;
    left: -30px;
} */
.training {
   position: relative;
   height: 100%;
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   padding-bottom: 20px;
   padding-top: 20px;
   margin: 20px 0;
}
.about-us {
   background: var(--color-292b39);
   padding-top: 30px;
}
.border-around {
   border: 1px solid var(--color-ffffff);
   padding: 20px 0;
}
.about-us-text {
   width: 100%;
}
.about-us-text {
   width: 100%;
}

/* .about-us .about-us-text .div-title {
   left: 44px;
   top: 29px;
   z-index: 2901;
} */



.about-us-para {
   padding-right: 0;
}

.service {
   padding-top: 47px;
   position: relative;
}
/* .service .div-title {
   left: 37px;
} */
.service .about-us-home {
   background: linear-gradient(226deg, #1f262e, #43515a);
   background: url(../images/service/bg.jpg);
   padding: 1px 8px 191px;
}
.service .about-us-text {
   padding-left: 0px;
}

.service-box-row {
   margin-top: -150px;
   margin-left: 10px;
   margin-right: 10px;
   position: relative;
  
}


.consultation-btn {
  max-width: 133px;
   
}
.section-title {
  
   padding-top: 20px;
}
.col-lg-1{
   display: none;
}


.client-img {
   width: 47%;
}
.service::after {
   background: var(--color-35384a);
   position: absolute;
   z-index: -3;
   left: 0;
   top: -40px;
   width: 100%;
   content: '';
   height: calc(100% - 100px);
}

.footer {
   background: var(--color-35384a);
   padding-top: 100px;
   padding-bottom: 20px;
}
.footer-img img {
   width: 60px;
   padding-bottom: 20px;
}



.about-us-main {
   padding-top: 20px;
   padding-bottom: 100px;
  
}
.bg-about {
   position: absolute;
   top: -40px;
   left: -46px;
   width: 83px;
}
.about-us-main-img .img {
   height: 230px;
   object-fit: cover;
   object-position: center center;
   border-radius: 10px;
}
.bg {
   padding: 10px 0;
   margin-bottom: 50px;
}
.about-us-main-text-box {
   padding:10px 0;
}
.our-mission .service-box {
   height: 280px;
   margin-bottom: 10px;
   padding: 20px;
}
.our-mission {
   padding: 10px 0;
   background: var(--color-786640);
}
.about-us-2 {
   padding-top: 10px;
   background: var(--color-292b39);
}
.de-images {
   position: relative;
   width: 100%;
   border-radius: 10px;
   margin-top: 10px;
   margin-bottom: 52px;
}
.our-mission-box {
   margin-top: -100px;
}
.footer-menu ul li {
   float: initial;
}
.footer-menu {
   padding: 0 0 20px 0;
}
.service-content.d-flex {
   display: flex;
   flex-direction: column;
}
.service-box-main {
   padding: 10px;
}
.services-main .sub-title {
   padding-bottom: 5px;
   color: var(--color-ba9e62);
}
.service-list ul li {
   padding: 4px 8px 6px 0;
   color: var(--color-ffffff);
}
.services-main {
   padding-top: 20px;
   padding-bottom: 0;
}
.service-row {
   display: flex;
   flex-direction: column-reverse;
}
.service-img img {
   border-radius: 10px;
   object-fit: cover;
}
.pt-100 {
   padding-bottom: 20px;
}
.di-small-2 {
   position: absolute;
   width: 62%;
   height: 57%;
   right: -5%;
   bottom: -32%;
   z-index: 1;
}
.contact-page-sec {
   padding-top: 20px;
   padding-bottom: 20px;
   background: var(--color-292b39);
}
.border-bottom {
   border-bottom: 1px dotted var(--color-ba9e62)!important;
}
.border-right {
   border: none;
   padding: 4px;
}
.contact-map {
   padding-top: 40px;
}
.contact-page-map {
   padding-top: 30px;
}

.clients-main {
   padding-top: 20px;
   padding-bottom: 20px;
   background: var(--color-292b39);
}

.address {
   width: 100%;
}

.copyright {
   width: 83%;
}
.di-text {
   position: absolute;
   width: 48%;
   top: 49%;
   left: -1%;
   z-index: 1;
   background: var(--color-ba9e62);
   text-align: center;
   height: 62%;
   z-index: 999;
}
.footer.footer-inner {
   padding-top: 26px;
}
.mobile-button {
  right: 85px;
  
}
}


.disclaimer-box p {
   padding-top: 0;
}

.disclaimer-box strong {
  font-size: 20px;
}
.disclaimer-box li {
   margin: 30px 0;
   list-style-type: auto;
   font-size: 20px;
   left: -4px;
   position: relative;
}




.popup-overlay {
   display: none;
   position: fixed;
   top: 0;
   left:0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   text-align: left;
  
   z-index: 99999;
   background-color: var(--color-ba9e62);

}
.popup-overlay .popup {
   display: inline-block;
   width: 100vw;
   height: 100vh;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: start;
   color: rgb(0, 0, 0);
   padding: 50px;
   overflow: scroll;
   position: relative;
}
.popup-overlay p {
   flex: 0 1 100%;
   padding: 0;
   margin: 0;
   margin-top: 0;
   font-family: sans-serif;
   color: rgb(0, 0, 0);
   text-align: left;
   margin-left: 20px;
   padding-bottom: 20px;
   display: list-item;
}
 
 a.close, a.submit {
   margin-top: 0;
   display: inline-block;
   color: var(--color-000000);
   background-color: #fff;
   border-radius: 5px;
   padding: 10px 30px;
   text-decoration: none;
   text-transform: uppercase;
   font-family: sans-serif;
   margin-right: 1rem;
   font-weight: 700;
}
a.submit{
   border: 1px solid #000;
   background-color: transparent;
   color: #000;
}

 a.close:last-of-type,
 a.submit:last-of-type {
   margin-right: 0;
 }



 #button {
   display: inline-block;
   background-color: var(--color-ba9e62);
   width: 48px;
   height: 48px;
   text-align: center;
   border-radius: 100%;
   position: fixed;
   bottom: 30px;
   right: 30px;
   transition: background-color .3s, 
     opacity .5s, visibility .5s;
   opacity: 0;
   visibility: hidden;
   z-index: 1000;
 }
 #button::after {
   content: "";
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   font-size: 2em;
   line-height: 50px;
   color: #fff;
 }
 #button:hover {
   cursor: pointer;
   background-color: #333;
 }
 #button:active {
   background-color: #555;
 }
 #button.show {
   opacity: 1;
   visibility: visible;
 }

 #button img{
   position: relative;
   top: -7px;
   width: 40px;
 }



 .cursor {
	cursor: none;
	width: 20px;
	height: auto;
	position: fixed;
	pointer-events: none;
	top: 0;
	left: 0;
	display: none;
	z-index: 999999;
	transform: translate(-50%, -50%);
	transition: transform 0.5s ease;
	overflow: show;
}
.cursor img {
   width: 100%;
   height: auto;
   transform: rotate(-90deg) scale(1);
   transition: 0.3s ease;
   mix-blend-mode: multiply;
  filter: invert(100%);

}
.cursor.hover img {
	transform: rotate(-90deg) scale(1.3);
   mix-blend-mode: multiply;
  filter: invert(0%);
}