@charset "utf-8";
/* CSS Document */

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


::selection {
  color: #fff;
  background: #2d4599; 
}
.page-loader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:rgba(44,67,151,0.97);}
.page-loader-inr{position: absolute;left: 0;top: 50%;text-align: center;width: 100%; -webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);-o-transform: translate(0%, -50%);transform: translate(0%, -50%);}
.loader1 span {
   vertical-align:middle; 
   display:inline-block;
   width:10px;
   height:10px;
   margin:3px 2px;
   -webkit-animation:loader1 0.8s linear infinite alternate;
   animation:loader1 0.8s linear infinite alternate;
}
.loader1 span:nth-child(1) {
   -webkit-animation-delay:-1s;
   animation-delay:-1s;
  background:rgba(255, 255, 255,0.6);
}
.loader1 span:nth-child(2) {
   -webkit-animation-delay:-0.8s;
   animation-delay:-0.8s;
  background:rgba(255, 255, 255,0.8);
}
.loader1 span:nth-child(3) {
   -webkit-animation-delay:-0.26666s;
   animation-delay:-0.26666s;
  background:rgba(255, 255, 255,1);
}
.loader1 span:nth-child(4) {
   -webkit-animation-delay:-0.8s;
   animation-delay:-0.8s;
  background:rgba(255, 255, 255,0.8);
  
}
.loader1 span:nth-child(5) {
   -webkit-animation-delay:-1s;
   animation-delay:-1s;
  background:rgba(255, 255, 255,0.4);
}

@keyframes loader1 {
   from {transform: scale(0, 0);}
   to {transform: scale(1, 1);}
}
@-webkit-keyframes loader1 {
   from {-webkit-transform: scale(0, 0);}
   to {-webkit-transform: scale(1, 1);}
}


body{font-family: 'Poppins', sans-serif;margin:0;padding:110px;font-size:14px;line-height:20px;font-weight:400;overflow-x:hidden;background: url("../images/body-bg.jpg") no-repeat;background-position: center top;background-size: cover;} 
section{overflow-x:hidden;}
a {-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;-ms-transition: 0.2s ease-out;transition: 0.2s ease-out;text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {outline: none;text-decoration: none;}  
h3{font-family: 'Montserrat', sans-serif;}
.container{max-width:1700px;} 
.content{display: inline-block;border-radius: 15px;border: solid #fff 2px;background-color: rgba(255, 255, 255, 0.30);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);}
.header{width: 100%;padding: 15px 110px;position: absolute;left: 0;top: 110px;z-index: 9999;-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;-ms-transition: 0.2s ease-out;transition: 0.2s ease-out;}
.menu-fixed{position: fixed;background: #fff;top: 0;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;-ms-transition: 0.2s ease-out;transition: 0.2s ease-out;}
.logo{float: left;margin-left: 5px;position: relative;z-index: 9;}
.logo img{max-width: 180px;}
.menu{margin: 0 auto;position: absolute;left: 0;right: 0;top: 26px;width: 100%;text-align: center;}
.menu .navbar{padding: 0;display: inline-block;}
.menu .navbar-nav li{margin: 0 1px;}
.menu .navbar-nav li .nav-link{padding:6px 15px;color: #fff;font-weight: 600;border: solid rgba(255,255,255,0.00) 2px;text-transform: uppercase;border-radius: 30px;}
.menu .navbar-nav li .nav-link:hover{color: #fff;border-color:#fff; 
background: rgb(87,174,217); 
background: -moz-linear-gradient(top,  rgba(87,174,217,1) 0%, rgba(44,67,151,1) 100%); 
background: -webkit-linear-gradient(top,  rgba(87,174,217,1) 0%,rgba(44,67,151,1) 100%);  
background: linear-gradient(to bottom,  rgba(87,174,217,1) 0%,rgba(44,67,151,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57aed9', endColorstr='#2c4397',GradientType=0 );}
.menu .navbar-nav li.active .nav-link{color: #fff;border-color:#fff; 
background: rgb(87,174,217);  
background: -moz-linear-gradient(top,  rgba(87,174,217,1) 0%, rgba(44,67,151,1) 100%); 
background: -webkit-linear-gradient(top,  rgba(87,174,217,1) 0%,rgba(44,67,151,1) 100%);  
background: linear-gradient(to bottom,  rgba(87,174,217,1) 0%,rgba(44,67,151,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57aed9', endColorstr='#2c4397',GradientType=0 );} 
.menu-fixed .menu .navbar-nav li .nav-link{color: #000;}
.menu-fixed .menu .navbar-nav li.active .nav-link{color: #fff;}
.menu-fixed .menu .navbar-nav li .nav-link:hover{color: #fff;}
.menu .dropdown-menu{padding: 0;border-radius: 0;border: none;background: none;top: 95%;}
.menu .dropdown-menu a{color: #fff;font-size: 14px;text-align: left;padding: 10px 25px;background: #2c4398;border-radius: 60px;text-transform: uppercase;font-weight: 600;} 
.menu .dropdown-menu a:hover{background: #1b2f78;}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
}

.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 

.dropdown-submenu .dropdown-menu {
  margin: 0;
}
.dropdown-submenu .dropdown-menu .dropdown-submenu {
  margin: 0 0 1px;
}

.head-whatsapp{float: right;background: #2c4398;color: #fff;padding:15px 24px 15px 55px;border-radius: 30px;font-weight: 600;text-transform: uppercase;position: relative;z-index: 9;margin-top: 4px;margin-right: 10px;}
.head-whatsapp i{position: absolute;left: 5px;top: 5px;background: #fff;width: 40px;height: 40px;border-radius: 40px;color: #5dbf42;text-align: center;font-size: 20px;padding-top: 10px;}
.head-whatsapp:hover{color: #ffff;}
.head-whatsapp strong{font-weight: 600;}

.fixed-social{position: fixed;right: 35px;bottom: 10px; width: 35px;margin: 0;padding: 0;list-style: none;z-index: 999;}
.fixed-social li{width: 35px;margin: 5px 0;}
.fixed-social li img{max-width: 100%;}
.fixed-social li a{width: 35px;height: 35px;display: inline-block;text-align: center;color: #fff;border: solid #fff 2px;line-height: 32px; transition-duration: 0.3s;transition-delay: 0.1s; } 
@keyframes bounce {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-10px);
    }
}
@-webkit-keyframes bounce {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-10px);
    }
}
.bounce1 {
    animation: bounce 1.0s infinite alternate;
    -webkit-animation: bounce 1.0s infinite alternate;
}
.bounce2 {
    animation: bounce 1.1s infinite alternate;
    -webkit-animation: bounce 1.1s infinite alternate;
}
.slider{width: 100%;float: left;padding: 110px 0;background: url("../images/elite-epoch-banner.png") no-repeat;background-position: center;background-size: auto;}
.banner-cap-inner{padding-top: 145px;}
.banner-cap-inner h3{margin: 0 0 25px;color: #fff;font-weight: 900;font-size: 65px;text-shadow: 3px 3px 5px rgba(0,0,0,0.15);letter-spacing: -2px;}
.banner-cap-inner h3 strong{font-weight: 900;color: #63ceff;text-decoration: underline;}
.banner-cap-inner p{color: #fff;margin: 0 0 15px;line-height: 24px;}
.banner-cap-inner a{display: inline-block;border-radius: 60px;padding: 10px 50px 10px 30px;color: #fff;text-transform: uppercase;font-weight: 600;background: #2c4297;letter-spacing: 3px;position: relative;}
.banner-cap-inner a i{position: absolute;right: 20px;top: 10px;font-size: 22px;}
.banner-cap-inner a:hover{background: #fff;color: #2c4297;}
.banner-cap-inner a:hover i{right: 15px;}
.banner-img img{max-width: 100%;}
.banner-img{text-align: center;}
.info-rotate{margin: 0;color: #fff;font-weight: 700;text-transform: uppercase;position: fixed;left: 40px;bottom: 0;cursor: vertical-text;direction: rtl;
-ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -ms-transform-origin: left top 0;
  -moz-transform-origin: left top 0;
  -webkit-transform-origin: left top 0;
  transform-origin: left top 0;}
.info-rotate a{color: #fff;}
.project-sec{width: 100%;float: left;padding:15px 0 60px 0;position: relative;}
.project-sec::before{position: absolute;left: 0;top: 126px;content: "SOLUTIONS";width: 100%;font-size: 15vw;color: rgba(255,255,255,0.05);font-weight: 700;text-align: center;}
.project-sec-des h3{margin: 150px 0 15px;font-weight: 700;font-size: 48px;color: #2c4297;position: relative;padding-bottom: 10px;display: inline-block;}
.project-sec-des h3::before{background: #2c4297;width: 100%;height: 1px;content: "";position: absolute;left: 0;bottom: 0;}
.project-sec-des p{text-align: justify;line-height: 24px;color: #010101;margin: 0  0 15px;font-weight: 600;}
.project-sec-des a{display: inline-block;border-radius: 60px;padding: 10px 50px 10px 30px;color: #2c4297;text-transform: uppercase;font-weight: 600;background: #fff;letter-spacing: 3px;position: relative;box-shadow: 0px 0px 10px rgba(0,0,0,0.15);}
.project-sec-des a i{position: absolute;right: 20px;top: 10px;font-size: 22px;}
.project-sec-des a:hover{background: #fff;color: #2c4297;}
.project-sec-des a:hover i{right: 15px;}
.project-sec-owl .item{text-align: center;position: relative;padding: 0 30px 100px;}
.project-sec-owl .item::before{position: absolute;left: 0;bottom: 0;content: "";width: 100%;height: 80%;background: #fff;border-radius: 30px;}
.project-sec-owl .item img{width: 325px;height: 325px;border-radius: 325px;object-fit: cover;border: solid #fff 3px;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);position: relative;z-index: 9;}
.project-sec-owl .item h4{text-align: left;font-weight: 700;color: #2c4297;margin: 15px 0;position: relative;z-index: 9;font-size: 22px;}
.project-sec-owl .item p{text-align: left;color: #010101;line-height: 22px;margin: 0 0 15px;position: relative;z-index: 9;}
.project-sec-owl .item a{display: inline-block;border-radius: 60px;padding: 10px 0 10px 0;color: #fff;text-transform: uppercase;font-weight: 600;background: #2c4297;position: absolute;z-index: 9;left: 0;right: 0;bottom: -20px;margin: 0 auto;width: 210px;text-align: center;}
.project-sec-owl .owl-item{padding: 15px 15px 22px;}
.service-home{width: 100%;float: left;position: relative;overflow: hidden;}
.service-home::before{position: absolute;left: 0;top: 50%;content: "SERVICE";width: 100%;font-size: 21vw;color: rgba(255,255,255,0.05);font-weight: 700;text-align: center;-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);-o-transform: translate(0%, -50%);transform: translate(0%, -50%);}
.service-home h3{color: #fff;font-weight: 700;font-size: 48px;margin: 0 0 70px;padding: 8px 25px;border-radius: 10px;background: rgba(255,255,255,0.08);-webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);border: solid rgba(255,255,255,0.10) 2px;}
.home-service-des h4{font-size: 36px;text-transform: uppercase;font-weight: 700;color: #fff;text-shadow: 2px 2px 4px rgba(0,0,0,0.15);display: inline-block;padding-bottom: 10px;position: relative;margin: 35px 0 25px;}
.home-service-des h4::before{background: #fff;width: 100%;height: 1px;content: "";position: absolute;left: 0;bottom: 0;}
.home-service-des p{text-align: justify;color: #fff;margin: 0 0 25px;font-weight: 600;line-height: 24px;}
.home-service-des ul{margin: 0;padding: 0;list-style: none;}
.home-service-des ul li{display: inline-block;margin: 0 10px 10px 0;}
.home-service-des ul li a{display: inline-block;border-radius: 60px;padding:10px 50px 7px 30px;color: #fff;text-transform: uppercase;font-weight: 600;background: #2c4297;position: relative;border: solid #2c4297 2px;}
.home-service-des ul li a i{position: absolute;right: 20px;top: 10px;font-size: 22px;}
.home-service-des ul li a:hover{background: #fff;color: #2c4297;}
.home-service-des ul li a:hover i{right: 15px;}
.home-service-des ul li:nth-child(2n) a {background: none;color: #fff;border: solid #fff 2px;}
.home-service-des ul li:nth-child(2n) a:hover{background:#fff;color: #2c4297;border-color: #2c4297;}
.home-service-owl .flip-items li img{width: 100%;}
.home-service-owl .flip-items li .flipster__item__content{position: relative;border: solid #fff 2px;}
.home-service-owl .flip-items li .flipster__item__content::before{position: absolute;left: 0;bottom: 0;content: "";width: 100%;height: 100%;opacity: 0; 
background: -moz-linear-gradient(top,  rgba(44,66,151,0) 0%, rgba(44,66,151,0.9) 100%); 
background: -webkit-linear-gradient(top,  rgba(44,66,151,0) 0%,rgba(44,66,151,0.9) 100%);  
background: linear-gradient(to bottom,  rgba(44,66,151,0) 0%,rgba(44,66,151,0.9) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c4297', endColorstr='#e62c4297',GradientType=0 ); }
.home-service-owl .flip-items li.flipster__item--current .flipster__item__content::before{opacity: 1;}
.home-service-owl .flip-items li .flipster__item__content p{position: absolute;left: 0;bottom: 0;padding: 15px;text-align: center;font-weight: 600;color: #fff;margin: 0;width: 100%;text-transform: uppercase;opacity: 0;}
.home-service-owl .flip-items li.flipster__item--current .flipster__item__content p{opacity: 1;}
.home-service-owl .flipster__button{
  width: 35px;
  height: 35px;
  background: #fff;
  border-radius: 35px;
  opacity: 1;
  color: #2c4297;outline: none;
}
.home-service-owl .flipster__button svg {
  width: 11px;
  position: relative;
  top: 4px;
}
.home-about{width: 100%;float: left;position: relative;overflow: hidden;padding: 60px 0 5px;}
.home-about::before{position: absolute;left: 0;bottom: 110px;content: "ABOUT US";width: 100%;font-size: 16vw;color: rgba(255,255,255,0.05);font-weight: 700;text-align: center}
.home-about-des{padding-top: 135px;}
.home-about-des h3{font-size: 48px;margin: 0 0 25px;color: #2c4297;font-weight: 700;padding-bottom: 10px;position: relative;display: inline-block;}
.home-about-des h3::before{background: #2c4297;width: 100%;height: 1px;content: "";position: absolute;left: 0;bottom: 0;}
.home-about-des p{text-align: justify;line-height: 24px;color: #010101;margin: 0  0 15px;font-weight: 600;}
.home-about-des a{display: inline-block;border-radius: 60px;padding: 10px 50px 10px 30px;color: #2c4297;text-transform: uppercase;font-weight: 600;background: #fff;letter-spacing: 3px;position: relative;box-shadow: 0px 0px 10px rgba(0,0,0,0.15);margin-top: 25px;}
.home-about-des a i{position: absolute;right: 20px;top: 10px;font-size: 22px;}
.home-about-des a:hover{background: #fff;color: #2c4297;}
.home-about-des a:hover i{right: 15px;}
.home-about-ul-left{list-style:none;margin: 0;padding:0 15px 0 0;width: 50%;float: left;}
.home-about-ul-left li{width: 100%;display: inline-block;color: #010101;margin: 0  0 10px;font-weight: 600;position: relative;padding-left: 45px;padding-top: 7px;min-height: 35px;}
.home-about-ul-left li::before{position: absolute;left: 0;top: 0;background: #2c4297;width: 35px;height: 35px;border-radius: 35px;content: "+";color: #fff;text-align: center;padding-top: 8px;font-size: 20px;font-weight: 400;}
.home-about-ul-right{list-style: none;margin: 0;padding:0 0 0 15px;float: left;width: 50%;}
.home-about-ul-right li{width: 30%;float: left;min-height: 145px;background: #fff;border-radius: 10px;text-align: center;padding:52px 5px 5px;color: #2c4297;text-transform: uppercase;font-weight: 600;margin-right: 10px;}
.home-about-ul-right li:last-child{margin-right: 0;}
.home-about-img img{max-width: 100%;}
.whychooseus{width: 100%;float: left;margin: 60px 0; background: rgba(255,255,255,0.08);-webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);border: solid rgba(255,255,255,0.10) 2px;border-radius: 10px;}
.whychooseus .item{text-align: center;padding: 40px;}
.whychooseus .item figure{width: 110px;height: 110px;border-radius: 10px;display: inline-block;border: solid #fff 2px;padding-top: 5px;}
.whychooseus .item h3{font-size: 48px;color: #fff;font-weight: 700;margin: 0 0 15px;}
.whychooseus .item p{color: #fff;font-weight: 600;font-size: 16px;margin: 0;}
.home-gallery{width: 100%;float: left;text-align: center;position: relative;padding-bottom: 60px;}
.home-gallery::before{position: absolute;left: 0;top: 150px;content: "GALLERY";width: 100%;font-size: 18vw;color: rgba(255,255,255,0.05);font-weight: 700;text-align: center}
.home-gallery h3{font-size: 48px;margin: 0 0 25px;color: #fff;font-weight: 700;padding-bottom: 10px;position: relative;display: inline-block;}
.home-gallery h3::before{background: #fff;width: 100%;height: 1px;content: "";position: absolute;left: 0;bottom: 0;}
.home-gallery .item{padding: 2px;border-radius: 10px;overflow: hidden;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(111,111,111,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(111,111,111,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(111,111,111,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#6f6f6f',GradientType=0 );}
.home-gallery .item img{width: 100%;border-radius: 9px;object-fit: cover;height: 400px;}
.home-gallery .owl-item{padding: 15px;}
.home-gallery .item a{display: inline-block;cursor: pointer;position: relative;width: 100%;}
.home-gallery .item a::before{position: absolute;left: 0;bottom: 0;width: 100%;height: 0;content: "";background: rgba(44,66,151,0.95);border-radius: 9px; -webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;-ms-transition: 0.2s ease-out;transition: 0.2s ease-out;}
.home-gallery .item a:hover::before{height: 100%;}
.home-gallery .item a::after{position: absolute;left: 0;right: 0;bottom: -70px;margin: auto;width: 45px;height: 45px;text-align: center;padding-top:12px;font-weight: 200;border: solid #fff 1px;color: #fff;font-size: 28px;content: "+"; -webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;-ms-transition: 0.2s ease-out;transition: 0.2s ease-out;cursor: pointer;}
.home-gallery .item a:hover::after{bottom: 0;top: 0;}
.home-contact{width: 100%;float: left;padding:60px 0;position: relative;overflow: hidden;background: url("../images/contact-bg.png") no-repeat;background-position: center top;background-size: auto;}
.home-contact::before{position: absolute;left: 0;bottom: 150px;content: "CONTACT";width: 100%;font-size: 17vw;color: rgba(255,255,255,0.05);font-weight: 700;text-align: center}
.home-contact-left h3{font-size: 48px;margin: 0 0 25px;color: #fff;font-weight: 700;padding-bottom: 10px;position: relative;display: inline-block;}
.home-contact-left h3::before{background: #fff;width: 100%;height: 1px;content: "";position: absolute;left: 0;bottom: 0;}
.home-contact-left ul{padding: 0;margin: 0;list-style: none;}
.home-contact-left ul li{position: relative;padding-left: 30px;color: #fff;padding-bottom: 20px;margin-bottom: 20px;border-bottom: solid rgba(255,255,255,0.10) 1px;}
.home-contact-left ul li strong{font-weight: 600;text-transform: uppercase;}
.home-contact-left ul li a{color: #fff;}
.home-contact-left ul li i{position: absolute;left: 0;top: 0;font-size: 22px;}
.home-contact-right h3{font-size: 48px;margin: 0 0 25px;color: #fff;font-weight: 700;padding-bottom: 10px;position: relative;display: inline-block;}
.home-contact-right h3::before{background: #fff;width: 100%;height: 1px;content: "";position: absolute;left: 0;bottom: 0;}
.home-contact-right input{width: 100%;background: none;border: none;border-bottom: solid rgba(255,255,255,0.10) 1px;padding: 15px 15px;color: #fff;outline: none;margin: 0 0 15px;}
.home-contact-right textarea{width: 100%;background: none;border: none;border-bottom: solid rgba(255,255,255,0.10) 1px;padding: 15px 15px;color: #fff;outline: none;margin: 0 0 15px;height: 100px;resize: none;}
.home-contact-right button{display: inline-block;border-radius: 60px;padding: 10px 50px 10px 30px;color: #fff;text-transform: uppercase;font-weight: 600;background: #2c4297;position: relative;border: none;cursor: pointer;}
.home-contact-right button i{position: absolute;right: 20px;top: 10px;font-size: 22px;}
.home-contact-right button:hover{background: #fff;color: #2c4297;}
.home-contact-right button:hover i{right: 15px;}
::-webkit-input-placeholder {  
  color: #fff;
}
::-moz-placeholder {  
  color: #fff;
}
:-ms-input-placeholder { 
  color: #fff;
}
:-moz-placeholder {  
  color: #fff;
}
.footer{width: 100%;float: left;position: relative;padding-top: 45px;text-align: center;}
.footer::before{position: absolute;left: 0;right: 0;top: 0;margin: 0 auto;width: 75%;height: 1px;content: ""; 
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(182,232,246,0.2) 23%, rgba(99,207,235,1) 49%, rgba(105,158,172,0.2) 75%, rgba(111,111,111,0) 100%);  
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(182,232,246,0.2) 23%,rgba(99,207,235,1) 49%,rgba(105,158,172,0.2) 75%,rgba(111,111,111,0) 100%);  
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(182,232,246,0.2) 23%,rgba(99,207,235,1) 49%,rgba(105,158,172,0.2) 75%,rgba(111,111,111,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#006f6f6f',GradientType=1 ); }
.footer img{max-width: 100%;margin-bottom: 35px;}
.footer ul{margin: 0;padding: 0;list-style: none;}
.footer ul li{padding: 0 10px;display: inline-block;}
.footer ul li a{color: #fff;text-transform: uppercase;font-weight: 600;display: inline-block;padding-bottom: 2px;border-bottom: solid rgba(255,255,255,0.00) 1px;}
.footer ul li a:hover{border-bottom-color: rgba(255,255,255,0.50);}
.copyright {width: 100%;display: inline-block;margin-top: 30px;padding: 30px 0;border-top: solid rgba(255,255,255,0.10) 1px;color: #fff;}
.copyright a{color: #fff;}

.inner-banner{width: 100%;float: left;position: relative;margin: 100px 0 0 0;border: solid #fff 2px;border-radius: 20px;overflow: hidden;}
.inner-banner img{width: 100%;object-fit: cover;object-position: center;height: 400px;}
.inner-banner::before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: ""; 
background: -moz-linear-gradient(top,  rgba(44,67,152,0.1) 0%, rgba(44,67,152,0.96) 100%);
background: -webkit-linear-gradient(top,  rgba(44,67,152,0.1) 0%,rgba(44,67,152,0.96) 100%); 
background: linear-gradient(to bottom,  rgba(44,67,152,0.1) 0%,rgba(44,67,152,0.96) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a2c4398', endColorstr='#f52c4398',GradientType=0 );display: none;}
.inner-banner-cap{width: 100%;position: absolute;left: 0;bottom: 0;text-align: center;padding: 15px;}
.inner-banner-cap h3{color: #fff;font-size: 36px;font-weight: 700;margin:0 0 15px 0; }
.inner-banner-cap ul{margin: 0;padding: 0;list-style: none;}
.inner-banner-cap ul li{display: inline-block;margin: 0 5px 0 0;color: #fff;padding-right: 8px;position: relative;}
.inner-banner-cap ul li:last-child{margin: 0;padding-right: 0;}
.inner-banner-cap ul li::after{position: absolute;right: 0;top: 5px;content: "";width: 1px;height: 12px;background: rgba(255,255,255,0.30);}
.inner-banner-cap ul li:last-child::after{display: none;}
.inner-banner-cap ul li a{color: #fff;}
.inner-banner-cap ul li a:hover{color: #5cbee2;}
.inner-content{width: 100%;margin: 30px 0;float: left;padding: 15px;background: rgba(22, 74, 130, 0.20);-webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);border: solid rgba(255,255,255,0.10) 2px;border-radius: 10px;}
.aside-info{width:100%;float: left;border: solid rgba(255,255,255,0.10) 1px;padding: 15px;background: rgba(255,255,255,0.08);}
.aside-info h3{font-size: 20px;color: #fff;font-weight: 600;margin: 0 0 10px;}
.aside-info ul{padding: 0;list-style: none;margin: 0;}
.aside-info ul li{width: 100%;display: inline-block;padding: 15px 0;border-bottom: solid rgba(255,255,255,0.20) 1px;color: #fff;}
.aside-info ul li a{color: #fff;}
.aside-info ul li a:hover{color: #5cbee2;}
.about-page h3 {
  color: #fff;
  margin: 0 0 15px;
  font-size: 28px;
  font-weight: 700;
}
.about-page p {
  color: #e2eaec;
  margin: 0 0 15px;
  text-align: justify;
  line-height: 24px;
}
.about-page h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 15px;
}
.about-page ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.about-page ul li {
  color: #e2eaec;
  margin: 0 0 10px;
  padding-left: 15px;position: relative;
}
.about-page ul li::before{position: absolute;left: 0;top: 6px;content: "";width: 6px;height: 6px;background: #fff;}
.service-page h3 {color: #fff;margin: 0 0 15px;font-size: 28px;font-weight: 700;}
.service-page p {color: #fff;margin: 0 0 15px;text-align: justify;line-height: 24px;}
.service-page h4 {color: #fff;font-size: 18px;font-weight: 700;margin: 0 0 15px;}
.service-page ul {padding: 0;margin: 0;list-style: none;}
.service-page ul li {color: #fff;margin: 0 0 10px;padding-left: 15px;position: relative;}
.service-page ul li::before{position: absolute;left: 0;top: 6px;content: "";width: 6px;height: 6px;background: #fff;}
.service-page .item img{width: 100%;border: solid #fff 1px;object-fit: cover;height: 200px;}
.service-page .owl-item{padding-right: 15px;}
.service-page .item a{cursor: pointer;}
.modal-backdrop{z-index: 9999;}
.modal{z-index: 99999;}
.projects-page h3 {color: #fff;margin: 0 0 25px;font-size: 28px;font-weight: 700;}
.projects-page h3 strong{font-weight: 700;position: relative;padding-bottom: 10px;}
.projects-page h3 strong::before{background: #fff;width: 100%;height: 1px;content: "";position: absolute;left: 0;bottom: 0;}
.projects-box{width: 100%;float: left;margin: 15px 0;}
.projects-box img{width: 100%;border: solid rgba(255,255,255,0.40) 2px;}
.modal-outer .modal-dialog{max-width: 650px;}
.modal-outer .modal-header{background: #2c4398;color: #fff;position: relative;padding-right: 35px;}
.modal-outer .modal-content{border: solid #fff 2px;}
.modal-outer .modal-title{font-size: 17px;text-transform: uppercase;font-weight: 600;}
.modal-outer .modal-body img{margin: 0 0 15px;border-radius: 15px;max-width: 100%;}
.modal-outer .modal-body p{color: rgba(0,0,0,0.70);margin: 0 0 15px;}
.modal-outer .close{opacity: 1;width: 30px;height: 30px;background: #fff;color: #2c4398;text-align: center;padding: 0;border-radius: 30px;position: absolute;right: 5px;top: 13px;margin: 0;outline: none;}
.gallery-page-box{width: 100%;float: left;position: relative;margin: 10px 0;}
.gallery-page-box img{width: 100%;cursor: pointer;border: solid rgba(255,255,255,0.20) 2px;object-fit: cover;height: 200px;}
.contact-page h3{font-size: 30px;margin: 0 0 25px;color: #fff;font-weight: 700;padding-bottom: 10px;position: relative;display: inline-block;}
.contact-page h3::before{background: #fff;width: 100%;height: 1px;content: "";position: absolute;left: 0;bottom: 0;}
.contact-page input{width: 100%;background: none;border: none;border-bottom: solid rgba(255,255,255,0.10) 1px;padding: 15px 15px;color: #fff;outline: none;margin: 0 0 15px;}
.contact-page textarea{width: 100%;background: none;border: none;border-bottom: solid rgba(255,255,255,0.10) 1px;padding: 15px 15px;color: #fff;outline: none;margin: 0 0 15px;height: 100px;resize: none;}
.contact-page button{display: inline-block;border-radius: 60px;padding: 10px 50px 10px 30px;color: #fff;text-transform: uppercase;font-weight: 600;background: #2c4297;position: relative;border: none;cursor: pointer;}
.contact-page button i{position: absolute;right: 20px;top: 10px;font-size: 22px;}
.contact-page button:hover{background: #fff;color: #2c4297;}
.contact-page button:hover i{right: 15px;}
.map-sec{margin-top: 15px;}
.white-bg{width: 100%;display: inline-block;border: solid rgba(255,255,255,0.10) 1px;padding: 15px;background: rgba(255,255,255,0.08);margin-bottom: 15px;}
.clients-page h3 {color: #fff;margin: 0 0 25px;font-size: 28px;font-weight: 700;}
.clients-page ul{margin: 0;padding: 0;list-style: none;}
.clients-page li{display: inline-block;padding: 10px;border-radius: 10px;background: rgba(255,255,255,0.08);border: solid rgba(255,255,255,0.10) 1px;margin: 0 10px 10px 0;width: 23%;}
.clients-page li img{max-width: 100%;border-radius: 10px;}
.row-box{width: 100%;display: inline-block;}
.project-sec-des img{max-width: 100%;}
.home-about-des span {width: 99%;display: inline-block;margin: 0 0 15px;padding: 5px;border: solid #fff 2px;border-radius: 60px;}
.home-about-des span strong {font-weight: 700;padding: 8px 25px;background: #fff;display: inline-block;border-radius: 60px;color: #2c4297;}
.about-page span {width: 99%;display: inline-block;margin: 0 0 15px;padding: 5px;border: solid #fff 2px;border-radius: 60px;}
.about-page span strong {font-weight: 700;padding: 8px 25px;background: #fff;display: inline-block;border-radius: 60px;color: #2c4297;}
.content-page{margin-top: 15px; }
.content-page h3 {
  color: #fff;
  margin: 0 0 15px;
  font-size: 28px;
  font-weight: 700;
}
.content-page p {
  color: #333333;
  margin: 0 0 15px;
  text-align: justify;
  line-height: 24px;
}
.content-page img{margin-top: 15px;max-width: 100%;}
 
.menu .navbar-nav li.dropdown li {
  margin-bottom: 1px;
}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link{color: rgba(0,0,0,0.60);}
.about-page table td{color: #fff;}
.content-page .gallery-page-box img{height: auto;margin: 0;}
.content-page .gallery-page-box{margin: 0 0 15px;}


/*media start here*/
 
@media screen and (max-width:1730px){ 
	.container{max-width:100%;}   
	.home-about-des {padding-top: 80px;}
}

@media screen and (max-width:1630px){ 
	.banner-cap-inner h3{font-size: 55px;}
	.slider{padding-bottom: 30px;}
	.home-about-ul-right li{font-size: 12px;}
	.head-whatsapp{font-size: 12px;}
	.menu .navbar-nav li .nav-link{font-size: 12px;}
}

@media screen and (max-width:1510px){ 
	body{padding: 50px;}
	.header{padding: 15px 50px;top: 52px;}
	.menu-fixed{top: 0;}
	.info-rotate{left: 17px;}
	.fixed-social{right: 7px;}
	.home-about-ul-left li{font-size: 12px;}
	.home-about-des {padding-top: 20px;}
}

@media screen and (max-width:1370px){ 
	body{padding: 30px;}
	.logo img {max-width: 125px;}
	.menu .navbar-nav li .nav-link{padding: 4px 13px;}
	.menu{width: 70%;text-align: center;top: 18px;}
	.header{top: 30px;padding: 15px 15px;}
	.menu-fixed{top: 0;}
	.head-whatsapp{margin-top: 0;top: -5px;}
	.banner-cap-inner{padding-top: 130px;}
	.info-rotate{left: 5px;}
	.fixed-social{right: 2px;width: 24px;}
	.fixed-social li{width: 24px;}
	.fixed-social li a{width: 24px;height: 24px;line-height: 19px;}
	.project-sec-owl .item img{width: 100%;}
	.inner-banner{margin-top: 90px;}
}

@media screen and (max-width:1280px){  
	.header{padding: 15px 15px;}
	.banner-cap-inner h3{font-size: 50px;}
	.banner-cap-inner{padding-top: 60px;}
	.slider{background-size: 85%;}
	.project-sec-owl .item img{height: auto;}
	.project-sec-des h3{margin-top: 60px;}
	.project-sec::before {top: 70px;}
	.home-about-ul-left{width: 100%;padding-right: 0;}
	.home-about-ul-left li{width: 50%;float: left;}
	.home-about-ul-right{width: 100%;padding-left: 0;}
	.clients-page li{width: 31%;}
	.content-page{background-position: 95% top, 95% bottom;}
	.menu{margin: 0;left: 170px;width: auto;right: auto;}
}

@media screen and (max-width:1199px){  
	.menu .navbar-toggler{border: none;padding: 0;outline: none;position: absolute;right: 0;top:0;width: 40px;}
	.menu .navbar-toggler img{max-width: 100%;} 
	.menu .navbar{width: 100%;} 
	.menu .navbar-collapse{top:50px;left: 0;padding: 0 0;position: absolute;width: 100%;}
	.menu .navbar-nav li .nav-link{background: #fff;color:rgba(0,0,0,0.60);}
	.menu .navbar-nav li{margin: 0 0 2px;padding-top: 0;} 
	.menu{width: 100%;top: 0;padding: 0 34px;left: 0;}
	.head-whatsapp{margin-right: 45px;margin-top: 0px;} 
	.banner-cap-inner h3{font-size: 40px;letter-spacing: -1px;}
	.project-sec-owl .item h4{font-size: 18px;}
	.project-sec-owl .item{padding: 0 15px 100px;}
	.project-sec-des h3{font-size: 30px;}
	.project-sec-des p{text-align: left;}
	.service-home h3{font-size: 30px;}
	.home-about-des h3{font-size: 30px;}
	.home-about{padding-top: 15px;}
	.whychooseus .item p{font-size: 14px;}
	.whychooseus{margin: 15px 0 35px;}
	.home-gallery h3{font-size: 30px;}
	.home-gallery::before {top: 90px;}
	.home-contact-left h3{font-size: 30px;}
	.home-contact-right h3{font-size: 30px;}
	.home-gallery{padding-bottom: 15px;}
	.home-contact{padding: 30px 0;}
	.inner-banner-cap h3{font-size: 25px;margin: 0 0 5px;}
	.content-page h3{font-size: 20px;}
} 

@media screen and (max-width:1024px){ 
	.banner-cap-inner{padding-top: 40px;}
	.slider{padding: 78px 0 15px;}
}

@media screen and (max-width:991px){ 
	.banner-cap-inner p{display: none;}
	.banner-cap-inner{text-align: center;padding: 15px;background: rgba(255,255,255,0.10);}
	.slider .carousel-inner{padding-bottom: 50px;}
	.banner-cap-inner h3{letter-spacing: 0;font-size: 30px;}
	.banner-img{padding-bottom: 15px;}
	.slider{background-size: 98%;}
	.project-sec-des h3{margin-top: 0;}
	.project-sec::before {top: 50px;}
	.home-service-des h4{margin-top: 0;}
	.service-home h3{margin-bottom: 15px;}
	.home-service-owl{padding-top: 15px;}
	.service-home::before {top: 140px;-webkit-transform: translate(0%, 0%);-moz-transform: translate(0%, 0%);-ms-transform: translate(0%, 0%);-o-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	.home-about-ul-left li{font-size: 14px;}
	.home-about-ul-right li{font-size: 14px;}
	.home-about::before {bottom: auto;top: 165px;}
	.home-gallery::before {top: 80px;}
	.footer::before{width: 100%;}
	.clients-page li{padding: 5px;width: 30%;}
	.gallery-page-box img{height: 100px;}
}

@media screen and (max-width:767px){ 
	.project-sec-owl .item h4{text-align: center;}
	.project-sec-owl .item p{text-align: center;}
	.project-sec-owl .item{padding: 0 15px 30px;}
	.project-sec-owl .owl-item {padding: 15px 2px 22px;}
	.project-sec::before {font-size: 15vw;top: 35px;}
	.home-service-owl .flip-items li .flipster__item__content{width: 250px;}
	.home-service-des h4{font-size: 18px;padding-bottom: 8px;}
	.home-about::before{font-size: 14vw;}
	.whychooseus .item{padding: 20px;}
	.home-about-des a{letter-spacing: 1px;margin-bottom: 15px;}
	.home-contact{background-size: 100%;}
	.home-contact::before{font-size: 15vw;}
	.about-page h3{font-size: 20px;}
	.about-page p{text-align: left;line-height: 20px;}
	.aside-info{margin-top: 15px;}
	.service-page p{text-align: left;line-height: 20px;}
	.modal-outer .modal-dialog{max-width: 98%;}
	.gallery-page-box img{height: auto;}
	.home-gallery .item img{height: 250px;}
	.content-page{background-size: contain, 250px;padding: 15px;}
	.content-page p{text-align: left;}
}

@media screen and (max-width:640px){ 
	.head-whatsapp strong{display: none;}
	.head-whatsapp{padding: 0;width: 50px;height: 50px;}
	.logo img{max-width: 162px;}
	.service-home::before {font-size: 19vw;}
	.home-service-des p{text-align: left;}
	.home-about-des h3{margin: 0 0 15px;}
	.home-about-des p{text-align: left;}
	.home-gallery::before {top: 60px;}
	.inner-banner{margin-top: 75px;}
	.inner-banner img{height: 250px;}
	.project-sec::before {font-size: 14vw;}
	.home-about-des span strong{width: 100%;}
	.home-service-des a{padding: 10px 35px 7px 15px;font-size: 12px;margin-bottom: 5px;}
	.home-service-des a i{right: 10px;}
}

@media screen and (max-width:530px){ 
	.clients-page li{width: 49%;margin: 0 0 10px 0;float: left;}
	.clients-page li:nth-child(2n){float: right;} 
}

@media screen and (max-width:480px){ 
	.home-about-ul-left li{width: 100%;}
	.home-about-ul-right li{width: 100%;margin: 5px 0;}
	.home-gallery .owl-item{padding: 5px;}
	.footer ul li{width: 100%;padding: 10px 0;border-bottom: solid rgba(255,255,255,0.10) 1px;}
	.project-sec::before {font-size: 13vw;top: 15px;}
	.home-about-des span strong{border-radius: 0;padding: 8px 12px;width: 100%;}
	.home-about-des span{border-radius: 0;}
	.about-page span strong{border-radius: 0;padding: 8px 12px;width: 100%}
	.about-page span{border-radius: 0;}
}
 

@media screen and (max-width:380px){ 
	body{padding: 15px;}
	.head-whatsapp{width: 40px;height: 40px;margin-top: 6px;}
	.head-whatsapp i{width: 30px;height: 30px;padding-top: 5px;}
	.header{padding: 15px 0;top: 15px;}
	.menu-fixed{top: 0;}
	.menu{padding: 0 20px;}
	.fixed-social li a{background: #fff;color: #2c4297;}
	.info-rotate {left: -3px;font-size: 12px;}
	.home-service-owl .flip-items li .flipster__item__content{width: 230px;}
}

@media screen and (max-width:360px){ 
	.home-service-owl .flip-items li .flipster__item__content{width: 200px;}
	.clients-page li{width: 100%;}
}