@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body { font-family: "Poppins", sans-serif;color: #121212;}
a {color: #000; text-decoration:none; font-family: "Poppins", sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif !important;}
p{ font-family: "Poppins", sans-serif;}
section.bnr{padding:0;}
img{max-width:100%;}
#divmainenquiry11 .close {   right: 14px; font-size: 30px; cursor: pointer;}
.text-justify{text-align: justify;}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {padding: 60px 0;}
  /* background-color */
 .bg-1{background-color:#151423;}
 .bg-2{background-color :#0060FF}
  /* Text-color */
 .cl-1{color:#151423;}
 .cl-2{color :#0060FF;}
  /* Font-Size */
 .fs-14{font-size: 14px;}
 .fs-15{font-size: 15px;}
 .fs-18{font-size: 18px;}
 .fs-22{font-size: 22px;}
 /* scroll */
 ::-webkit-scrollbar{width: 12px;}
 ::-webkit-scrollbar-thumb{background-color:#0060FF; }
 ::-webkit-scrollbar-track{background-color:#151423 ;}
 
 /* read-more btn */
.hm-btn,.hm-btn:after,.hm-btn:before {border: 0 solid #fff;box-sizing: border-box;}
.hm-btn {-webkit-tap-highlight-color: transparent;-webkit-appearance: button;background-color: #000;background-image: none;color: #fff;cursor: pointer;font-family: "Poppins", sans-serif ;font-size: 16px;font-weight: 600;line-height: 1.5;margin: 0;-webkit-mask-image: -webkit-radial-gradient(#151415, #fff);padding: 0;}
.hm-btn {border-radius: 40px;border-width: 2px;padding: 8px 24px;z-index: 0;background-color: #151415;}
.hm-btn,.hm-btn .text-container {overflow: hidden;position: relative;}
.hm-btn .text-container {display: block;mix-blend-mode: difference;}
.hm-btn .text {display: block;position: relative; color: #fff;}
.hm-btn:hover .text {animation: move-up-alternate 0.3s forwards;}
@keyframes move-up-alternate {
  0% {transform: translateY(0);}
  50% {transform: translateY(80%);}
  51% {transform: translateY(-80%);}
  to {transform: translateY(0);}
}
.hm-btn:after,.hm-btn:before {--skew: 0.2;background: #fff;content: "";display: block;height: 102%;left: calc(-50% - 50% * var(--skew));pointer-events: none;position: absolute;top: -104%;transform: skew(calc(150deg * var(--skew))) translateY(var(--progress, 0));transition: transform 0.2s ease;width: 100%;}
.hm-btn:after {--progress: 0%;left: calc(50% + 50% * var(--skew));top: 102%;z-index: -1;}
.hm-btn:hover:before {--progress: 100%;}
.hm-btn:hover:after {--progress: -102%;}
/*  */
.hm-heading{font-size: 42px;font-weight: 700;color: #0060FF;font-variant: small-caps;}
.hm-heading span{color: #151423; }
.hm-heading span.circle{position: relative; border: 5px solid #0060FF;outline: 1px solid #fff;outline-offset: -3px;display: inline-block;height: 16px;width: 16px;border-radius: 100%;}

  


/*--------------------------------------------------------------
# Header-top
--------------------------------------------------------------*/
.navbar-top {background: #151423;padding: 15px 0;}
.navbar-top ul {margin: 0;padding: 0;line-height: initial;}
.navbar-top ul li {display: inline-block;list-style: none;margin-right: 25px;}
.navbar-top ul li p,.navbar-top ul li a {margin: 0;font-size: 14px;color: #fff;}
.navbar-top ul li p i,.navbar-top ul li a i {margin-right: 5px;}



/*--------------------------------------------------------------
# nav-bar
--------------------------------------------------------------*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
/*#MenuControl*/ .navbar.bg-light{background-color: transparent !important; height:100%;}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover{ color:#0060FF;}
.nav-link{font-weight: 500;color:#151423;font-size: 15px;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;}
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 12px;}
}

@media (max-width: 767px){
.navbar-toggler{background:#eee;}
.navbar.navbar-expand-md{text-align:center;}
.navbar.navbar-expand-md .container-fluid{display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{text-align:left;}
.navbar-nav>li{ display: block; text-align: left; padding: 4px 0; border-bottom: 1px solid #999; border-right:0; }
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 14px;padding-right: 5px; padding-left: 5px;}
}
.navbar-nav li:last-child {border-radius: 22px;padding: 0 5px !important;background-color: #0060FF;}
.navbar-nav li:last-child a{ color: #fff !important;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header{
    position: absolute;
    width: 100%;
    z-index: 3;
}
#header .head-img{position:relative; padding:15px 0;}
#MenuControl{padding: 12px 0;}


/*--------------------------------------------------------------
# Banner-Section
--------------------------------------------------------------*/
.bnr_sec{padding-top: 120px;padding-bottom: 40px;position: relative;overflow: hidden;}
.bnr_sec:before {content: "";background: url(../Image/banner_bg.png) no-repeat center top / cover fixed;width: 100%;position: absolute;top: 0;bottom: 0;z-index: -2; background-color: #151423;}
.bnr_sec_img {position: relative;   }
.bnr_sec_img img {border-radius: 50%; filter: drop-shadow(-2px 15px 0px #0060FF);}
.bnr_cont h2 {font-size: 52px;color: #fff;font-weight: 700;}
.bnr_cont h3 {font-size: 52px;color: #fff;font-weight: 600;}
.bnr_cont h3 span{font-size: 52px;color: #f1f0fe;font-weight: 500;}
.bnr_cont h4{font-size: 30px;color: #fff;font-weight: 500;}
/*  */
.bnr_sec_img:before {content: url(../Image/banner_Img_shapes.png);position: absolute;right: 0;bottom: 0;animation: top-image-bounce 3s infinite ease-in-out;}
.bnr_sec_img:after {content: "";position: absolute;border: 15px solid #0060FF;outline: 1px solid #fff;outline-offset: -7px;height: 100px;width: 100px;border-radius: 60px;left: 0%;top: 14%;}

/* bnr_exp */
.bnr_exp {background-color: white;padding: 30px;position: absolute;outline: 1px solid #0060FF;outline-offset: -5px;top: 59%;border-radius: 20px;width: 34%;left: -6%;box-shadow: -13px 12px 6px 0px rgb(0 0 0 / 10%);}
.bnr_exp h2 {font-size: 60px;font-weight: bold;color: #0060FF; margin-bottom: 0;}
.bnr_exp p {color: black;font-weight: 500;line-height: 24px;margin-bottom: 0;}
@keyframes top-image-bounce {
  0% {transform: translateY(-8px);}
  50% {transform: translateY(12px);}
  100% {transform: translateY(-8px);}
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about{position: relative;}
.abt_img{position: relative;}
.abt_img img{filter: drop-shadow(3px 6px 0px #0060FF);}
.abt_img::before{content: url(../Image/banner_Img_shapes1.png);position: absolute;left: -10px;bottom: 0;animation: top-image-bounce 3s infinite ease-in-out;}




/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.service .item {background-color: #151423;border-radius: 25px;position: relative;padding: 40px;padding-right: 42px;margin-bottom: 96px;min-height: 162px;}
.service .item .image {position: relative;}
.service .item .image img {position: absolute;border-radius: 25px;max-width: 260px;left: 0;top: -66px;}
.service .item .ser_arr_link {position: absolute;right: 0;top: 22px;background-color: #0060FF;width: 60px;height: 120px;font-size: 18px;z-index: 1;color: #fff;border-radius: 60px 0px 0px 60px;text-align: center;line-height: 130px;}
.ser_head .ser_head_link{font-size: 20px;font-weight: 500;padding: 4px 16px;display: inline-block;background-color: #fff;border-radius: 30px;color: #151423;}
.line_fix{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #fff;}
@media screen and (max-width:552px) {
  .service .item .image img{max-width: 100%;}
}
/*--------------------------------------------------------------
# getintouch
--------------------------------------------------------------*/
#divmainenquiry11 .form-control {border: none;background: #f3f3f3; margin-bottom: 14px;}
.hm-contact{position: relative;padding: 60px 0 !important;background-image: linear-gradient(90deg, #000 12%, #0060FF 12%);}
.hm-contact::before {position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background:url(../Image/contact-bg.png) no-repeat; z-index: -1;}
.hm-contact iframe{border-radius:6px;}
.hm-contact .info {margin-top: 10px;position: relative;z-index: 5;display: inline-flex;}
.hm-contact .info span {display: inline-flex;align-items: center;}
.hm-contact .info span i {width: 46px;height: 46px;display: inline-block;text-align: center;line-height: 46px;background: #0016ff;border-radius: 50%;color: #fff;font-size: 22px;margin-right: 15px;}
.hm-contact .info span a {color: #151415;font-size: 16px;font-weight: 400;line-height: 25px;text-transform: none;}

/*--------------------------------------------------------------
# scroll-up
--------------------------------------------------------------*/
.scroll-up {cursor: pointer;display: block;border-radius: 50px;box-shadow: inset 0 0 0 2px #eee;z-index: 10000;opacity: 0;visibility: hidden;transform: translateY(15px);position: fixed;right: 20px;bottom: 20px;height: 50px;width: 50px;transition: all 200ms linear;}
.scroll-up::after {position: absolute;font-family: 'fontawesome';content: "\f102";text-align: center;line-height: 50px;color: #4850f9;left: 0;top: 0;font-size: 24px;font-weight: 500;height: 50px;width: 50px;cursor: pointer;display: block;z-index: 1;transition: all 200ms linear;}
.scroll-up.active-scroll {opacity: 1;visibility: visible;transform: translateY(0);}
.scroll-up svg path {fill: none;}
.scroll-up svg.scroll-circle path {stroke: #9f9d9d;stroke-width: 4;box-sizing: border-box;transition: all 200ms linear;}

/*--------------------------------------------------------------
# switch_tab
--------------------------------------------------------------*/
.switch_tab {position: fixed;font-weight: 500;display: flex;align-items: center;right: 0;top: 52%;transform: translateY(-50%) translateX(50px) rotate(90deg);z-index: 3;cursor: pointer;}
.light-mode-title, .dark-mode-title {font-size: 16px;font-weight: 600;color:  #131313;display: flex;align-items: center;}
.mode_switch {height: 34px;width: 80px;display: inline-block;position: relative;margin: 0 10px;background: #0060FF;transform: translateY(0px);border-radius: 35px;cursor: pointer;transition: all 0.3s ease-out 0s;}
.mode_switch::before {content: "";position: absolute;left: 3px;top: 3px;background: #fff;width: 28px;height: 28px;z-index: -1;border-radius: 50%;transition: all 0.3s ease-out 0s;}
.mode_switch.three {background:#0060FF;}
.mode_switch span {position: relative;z-index: 1;width: 80px;height: 34px;display: block;}
.mode_switch span::before {content: "";position: absolute;top: 8px;right: 54px;background-image: url(../Image/sun.png);background-repeat: no-repeat;width: 18px;height: 18px;background-size: cover;}
.mode_switch span::after {content: "";position: absolute;top: 8px;left: 54px;background-image: url(../Image/moon.png);background-repeat: no-repeat;width: 18px;height: 18px;background-size: cover;}
/* dark-mode */
.dark-mode .mode_switch::before {left: calc(100% - 31px);}
.dark-mode .mode_switch span::before {background-image: url(../Image/sun-white.png);}
.dark-mode .mode_switch span::after {background-image: url(../Image/moon-dark.png);}
/*  */
.dark-mode {color: #fff;background: #151423; transition: 0.6s ease-in-out;}
.dark-mode .switch_tab-btn{color: #fff;}
.dark-mode .hm-heading,.dark-mode .hm-heading span{color: #fff;}
.dark-mode .service .item {background-color: #383838;}
.dark-mode .hm-contact {background-image: linear-gradient(90deg, #383838 12%, #0060FF 12%);}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer {position: relative;background-color: #151423;}
.footer p {text-align: center;color: #fff;font-weight: 400;}
.footer p a {color: #0060ff;transition: all .3s;position: relative;z-index: 3;}
.footer p a:hover {opacity: 0.75;}
.footer .footer-menu a {margin:8px 3px; padding:5px 15px; border: 1px solid #eee; color:#fff; border-radius:30px;transition:.5s;}
.footer .footer-menu a:hover {background: #0060FF;}


.top {position: fixed;right: 18px;bottom: 30px;text-align: center;color: #fff;border-radius: 50%;background-color: #0060ff;width: 50px;height: 49px;line-height: 49px;z-index: 999;cursor: pointer;opacity: 0;transition: ease-in 0.5s;display: flex;justify-content: center;align-items: center;}
.top.scll-top {  opacity: 1; transition: ease-in 0.5s;  bottom: 56px;}
.top .fa { display: block !important;}


@media screen and (min-width: 992px)  and (max-width: 1200px){
  .service .item {padding: 40px 0;}
  .line_fix{padding-right: 40px;}
}
@media (max-width: 1200px) {
  
}
@media (max-width: 992px) {
  .bnr_cont{text-align: center;}
  .service .item .image img{position: static;}
  .service .item{padding: 28px;text-align: center;margin-bottom: 30px;}
  .ser_head{margin: 20px 0 10px 0;} 
}

@media (max-width: 767px) {
  .bnr_exp{width: 40%;}
  .bnr_exp h2 {font-size: 32px;}

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

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