/*
	Theme Name: Atlas Elevator
	Theme URI: https://myclience.com/
	Description: All about My Clience
	Version: 99
	Author: Sanjeev Developer
	Author URI: https://myclience.com/
*/
html{ overflow-x: hidden;}

body {
  font-family: "Poppins", sans-serif;
  color: #737373;
  font-weight: 400;
  background: #fff;
  font-size: 15px;
  line-height: 24px;
  overflow-x: hidden; padding: 0px !important;
}

h3,
h4,
h5,
h6,
.h3,
.h4,
.h5 {
  color: #000000;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}


h1, h2, .h1, .h2{  font-weight: 700; font-family: "Poppins", sans-serif;   color: #000000;}
h2, .title-2, .h2{ font-size: 32px;}


::-moz-selection {
  color: #fff;
  background: #000;
}

::selection {
  color: #fff;
  background: #000;
}


.font-14{ font-size: 14px;}
.font-15{ font-size: 15px;}
.font-16{ font-size: 16px;}
.font-18{ font-size: 18px;}
.font-20{ font-size: 20px;}

.btn{ background:#0201fa; border: none !important; color: #fff !important; border-radius: 3px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; min-width: 146px; min-height: 46px; font-size: 14px; text-transform: uppercase; position: relative; z-index: 9;}
.btn:hover, .btn:focus{ background: #0201fa; color: #fff !important;}  
.btn::before{ content: ""; position: absolute; left: 0px; bottom: 0px; top: 0px; height: 100%; background:#000; width: 0px;  transition: all 1s ease;
  -webkit-transition: all 1s ease; border-radius:3px;} 
  .btn:hover:before{ width: 100%;} 
  .btn span{ position: relative; z-index: 9;}

.light-btn{ background: #fff; color: #000 !important;} 
.light-btn:hover{ background: #fff !important;}


.btn-2:hover{ background: #000 !important;}


.form-control{ border: 1px solid rgba(0,0,0,.2); color: #000; height: 50px; padding: 0px 15px; border-radius: 5px; font-size: 15px; box-shadow: none !important;} 
.form-control::-moz-placeholder{color:#000;opacity:.5;} 
.form-control::placeholder{color:#000;opacity:.5;}  
.form-control:focus{color:#000;}

.h-160{ height: 180px;}


.bg-nav-blue{ background: #0201fa;}

.header-top{ background: #0201fa;}

/*========================================= Start navigation ====================================*/
.navbar-light {
  background: none !important;
}

.navbar-nav>li {
  position: relative; padding: 0px 14px;  text-align: center;

} 

.navbar-nav>li:last-child{ padding-right: 0px;} 
.navbar-nav>li:first-child{ padding-left: 0px;}

.navbar-nav>li>a {
  color: #000; position: relative;
  font-weight: 500;
  font-size: 16px;
  padding: 0px 0px  !important;
  text-decoration: none; 
} 

.navbar-nav>li.dropdown>a:after{ content: "\f107"; font-family:'FontAwesome'; font-size: 18px; margin-left: 5px; position: relative; bottom: -1px;}

.navbar-nav>li>a.active,
.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus,
.navbar-nav>li:hover>a { 
  color: #0201fa !important; text-decoration: none; 
  }

  .navbar-nav>li>a.btn:hover, .navbar-nav>li>a.btn:focus{ color: #fff !important;} 


  .navbar-nav>li.cbtn>a{ background:#0201fa; border: none !important; color: #fff !important; border-radius: 3px !important; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; min-width: 146px; min-height: 46px; font-size: 14px; text-transform: uppercase; position: relative; z-index: 9;}
  .navbar-nav>li.cbtn>a:hover{ background: #000 !important; color: #fff;} 

.navbar-nav > li.dropdown > .nav-link{ padding-right: 20px !important;}

.navbar-nav>li>.dropdown-toggle:after {
  position: absolute; right: 0px;
  top: 3px; border: none !important; font-size: 20px;
  font-family:'FontAwesome'; content: "\f107"; margin-left: 0px;
  
}

.navbar-nav>li>.dropdown-menu {
  border: none;
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  
}

.navbar-nav>li>.dropdown-menu li a {
  color: #000; white-space: nowrap;
  font-size: 15px;
  font-weight: 400;
  outline: none !important;
  background: none !important;
  font-family: 'Poppins', sans-serif; text-decoration: none !important; display: block;

  padding: 5px 15px !important; border-radius: 5px;
}

.navbar-nav>li>.dropdown-menu li a:hover,
.navbar-nav>li>.dropdown-menu li a:focus {
  color: #fff;
  background: #0201fa !important; 
}

.header{transition: all 0.4s ease; -webkit-transition: all 0.4s ease; z-index: 9999; }

.header-top ul li a{ text-decoration: none;  line-height: 18px; display: inline-flex; align-items: center; } 
.header-top ul li a .fa{ font-size: 20px; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 100%; color: #0201fa; margin-right: 5px; background: #fff; }
.header-top ul li{ position: relative;}

.header-top ul li a:hover .fa{ background: #000; color: #fff;}

/*========================================= End navigation ====================================*/  

.navbar-brand{ height: 130px; margin-top: -70px !important;} 
.navbar-brand:before{ content: ""; position: absolute; background:#0201fa; width: 3000px; height: 100%; right: 0px; top: 0px;} 
.navbar-brand:after{ content: ""; position: absolute; background:url(images/h-long-arrow-right.png) no-repeat right center; width: 70px; height: 100%; right: -68px; top: 0px;}

.home_slider{ background: #f5f6fa;} 
.home_slider figure span{ content: ""; position: absolute; left: -12%; top: 0px; bottom: 0px; width: 25%; transform: skew(-20deg); background: #f5f6fa;} 
.home_slider figure{ margin-right: -15px !important;}

.home_slider figure:before{ content: ""; position: absolute; left: 16.8%;  top: 0px; width: 1.5%; height: 36%; transform: skew(-21deg); background: #0201fa; z-index: 9;}
.home_slider figure:after{ content: ""; position: absolute; left: 2.5%;  bottom: 0px; width: 1.5%; height: 36%; transform: skew(-21deg); background: #0201fa;}
.slide_detail{ max-width: 600px; margin-right: -40px !important;}
.slide_detail h2{ font-size: 46px; line-height: 50px; } 

.call-b .c-text-1{ background: #0201fa; color: #fff; height: 38px; width: 226px; text-align: center; border-radius: 50px 50px 0px 0px; font-size: 15px; font-weight: 600; padding: 7px 0px 0px 40px; position: relative; z-index: 3;} 
.call-b .c-text-2 i{ display: inline-flex; align-items: center; justify-content: center; width: 70px; height: 70px; background: #fff; border: #0201fa 6px solid; box-shadow: 0px 0px 10px rgba(0,0,0,.5); border-radius: 100%; margin: -32px 0px 0px 6px; position: relative; z-index: 9;} 
.call-b .p-number{ background: #fff; border: #000 6px solid; text-align: center; height: 48px; border-radius: 50px; font-size: 18px; font-weight: 600; display: flex; align-items: center; justify-content: center; color: #000; width: 216px; margin: -6px 0px 0px -40px; text-indent: 15px;}


.call-b a:hover .p-number{border: #0201fa 6px solid; color: #0201fa;} 
.call-b a:hover .c-text-2 i{background: #0201fa; border: #fff 6px solid;}
.call-b a:hover .c-text-2 i img{ filter: brightness(0) invert(1);} 


.wc-center:before{ content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; background:#0201fa; transform: skew(-30deg);}
.wc-center li .ic i{ width: 56px; height: 56px;} 
.wc-center li .ic i img{ width: 40px;} 
.wc-center li h4{ font-size: 19px;}
.wc-center{ margin-top: -50px;} 

.os-bx .detail{ background: #f0f0ff; padding: 20px 20px 0px 60px; min-height: 290px; border-bottom: #0201fa 5px solid; margin-left: -60px; position: relative;} 
.os-bx .detail .last-rw{ margin-right: -20px;} 
.os-bx .btn{ min-width: inherit; min-height: inherit; border-radius: 3px 3px  0px 0px;}
.os-bx figure .ic{ width: 100px; height: 100px; padding: 10px 0px 0px 8px;} 
.os-bx figure .ic::before{ content:"";  position: absolute; left: -133px; right: 0px; top: -87px; bottom: 0px; background: #0402d6; transform: skew(-45deg); width: 200px; height: 240px;}
.os-bx figure .ic img{ height: 32px; position: relative; z-index: 1;} 
.os-bx .detail:before{ content: ""; position: absolute; left: 0px; bottom: -5px; height: 5px; background: #000; width: 0px; transition: all 1s ease;
  -webkit-transition: all 1s ease;} 
  .os-bx:hover .detail:before{ width: 100%;} 
  .os-bx figure{ z-index: 9;}


.r-s-e-i figure{ margin-left: -15px !important; margin-right: -8% !important;} 
.r-s-e-i figure:after{ content: ""; position: absolute; background: #0201fa; border-left: #fff 15px solid; width: 25%; right:-13%; top: -10px; bottom: -10px; transform: skew(-22deg);}
.r-s-e-i figcaption{ max-width: 560px;}

.footer{background: #000000 url(images/footer-bg.jpg) no-repeat center top; background-size: cover; color: #fff; } 


 .footer_top{  padding: 80px 0px 70px;}
 .footer_top a{ color: #fff; text-decoration: none;}  
 .footer_top a:hover{ color: rgba(255,255,255,.6);}
 .footer_top h5{ font-size: 20px; color: #fff; padding-bottom: 10px; } 


 .ul_2 li{ margin-bottom: 10px;} 
 .ul_contect li{ margin-bottom: 15px;}
 .ul_contect li a{ display: inline-block; position: relative; padding-left: 32px;  color: #fff; word-break: break-all;}
 .ul_contect li a .fa{ position: absolute;  left: 0px; top: 0px; font-size: 20px;} 

 .social_b a{ display: inline-flex; align-items: center; width: 34px; height: 34px; justify-content: center; border-radius: 50px; margin-right: 8px; background: #fff; color: #040614; font-size: 20px;} 
 .social_b a:hover{ background: #0201fa; color: #fff;} 

 .footer_bottom{  padding: 15px 0px; background: rgba(255,255,255,.06); color: #fff;} 
 .footer_bottom a{ color: #fff; text-decoration: none;}
 .footer_bottom a:hover{ color: rgba(255,255,255,.6); text-decoration: none;}  

 .logo-ftr{ margin-top: -50px;}
 .logo-ftr:before{ content: ""; position: absolute; left: 0px; top: -64px; right: 0px; bottom: 0px; clip-path: polygon(0 2%, 100% 0%, 100% 77%, 0% 100%); background: #fff;}


.inner-title-h{ min-height: 240px;} 
.ul-1{ background: rgba(2,1,250,.05); border-left: #0201fa 3px solid;}
.ul-1 li{ margin-bottom: 10px; min-height: 22px; padding-left: 35px; background: url(images/check.png) no-repeat left top;  background-size: 22px; } 
.ul-1 li:last-child{margin: 0px;}

.os-bx-2 figure .ic{ width: 100px; height: 100px; padding: 10px 0px 0px 8px;} 
.os-bx-2 figure .ic::before{ content:"";  position: absolute; left: -133px; right: 0px; top: -87px; bottom: 0px; background: #0402d6; transform: skew(-45deg); width: 200px; height: 240px;}
.os-bx-2 figure .ic img{ height: 32px; position: relative; z-index: 1;}  

.contact-wrappar { background: rgba(2,1,250,.05);} 

.c-i-bx ul li a{ text-decoration: none; display: inline-flex; align-items: center; min-height: 40px; padding-left: 50px;} 
.c-i-bx .ul_contect li a .fa{ width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 100%; color: #0402d6; background: #fff;} 

.wpcf7-spinner{ position: absolute; right: 0px; bottom: 0px;} 

/*==============================27=1=2025===================================*/

.contact-us-today, .bg-light-1{ background: rgba(2,1,250,.05);} 

.what-we-Modernize .card { position: relative; overflow: hidden;} 
.what-we-Modernize .card:before{ content: ""; position: absolute; left:-15px; top: 0px; width: 0; 
  height: 0; 
  border-left: 15px solid transparent;
  border-right: 35px solid transparent;
  
  border-top: 35px solid #0402d6;} 

  ol.ol-1 {
    list-style: none;
    counter-reset: my-awesome-counter;
  }
  ol.ol-1 li {
    counter-increment: my-awesome-counter; position: relative; padding-left: 55px;
  }
  ol.ol-1 li::before { position: absolute; left: 0px; top: 0px;
    content: counter(my-awesome-counter) " ";
    color: #fff;
    font-weight: 500; font-size: 15px; background: #0402d6; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 3px;
  } 

.our-services-h.os-main-sec .os-bx .detail{ min-height:inherit !important; margin-left:0px !important; padding:20px 20px 0px 20px;}
.grecaptcha-badge-00{visibility:hidden;} 

/*====================================*/ 

.form-c-home{ width: 365px; padding: 25px; position: absolute; z-index: 9; left: 210px; bottom: 0px;} 
.form-c-home form p{ margin-bottom: 2px;} 
.form-c-home form .form-control{ height: 40px;} 
.form-c-home form .h-160{ height: 80px;} 
.form-c-home form .wpcf7-form-control-wrap{ display: block;} 
.form-c-home form .wpcf7-form-control-wrap .wpcf7-not-valid-tip{ position: absolute; left: 0px; font-size: 13px; line-height: 18px; bottom: 0px;}
.form-c-home form .wpcf7-response-output{ margin: 10px -16px -13px; font-size: 11px; padding: 0 4px;}