@import url('https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
body { font-family: "Nunito Sans", sans-serif; color: #000;}
a {color: #000; text-decoration:none; font-family: "Nunito Sans", sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: "Livvic", sans-serif !important;}
p{ font-family: "Nunito Sans", sans-serif; color: #000;} 
section.bnr{padding:0;}
img{max-width:100%;}

#divmainenquiry11 .close { position: absolute; right: 14px; font-size: 30px; cursor: pointer;}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {padding: 60px 0;}
  /* background-color */
 .bg-1{background-color:#ff3900;}
 .bg-2{background-color :#2966be;}
  /* Text-color */
 .cl-1{color:#ff3900;}
 .cl-2{color :#2966be;}

  /* Font-Size */
 .fs-14{font-size: 14px;}
 .fs-15{font-size: 15px;}
 .fs-18{font-size: 18px;}
 .fs-22{font-size: 22px;}
 .fs-62{font-size: 62px;}
  /* Font-weight */
  .fw-300{font-weight: 300;}
  .fw-500{font-weight: 500;}
  .fw-600{font-weight: 600;}
  .fw-700{font-weight: 700;}
  .fw-800{font-weight: 800;}
  .fw-900{font-weight: 900;}
 /* hm-heading */
 .sub_title{position: relative;text-transform: capitalize;font-size: 16px;padding-bottom: 5px;font-weight: 600;color: #ff3900;margin-bottom: 0;}
 .sub_title > span{margin-right: 3px;}
 .sub_title::after{content: "";position: absolute;bottom: 10px;width: 45px;height: 1px;background-image: linear-gradient(to right, #ff2500, #ff7100);}
 .hm_heading{font-size: 38px;font-weight: 600;margin-top: 5px;line-height: 1.4;color: #2966be;}
 
 /* Scroll */
 /* ::-webkit-scrollbar{   width: 10px;height: 10px;border-radius: 0px}
 ::-webkit-scrollbar-thumb{ background-color:#191514;background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.3) 25%, transparent 20%, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) 75%, transparent 75%, transparent);border-radius: 0px}
 ::-webkit-scrollbar-track{ background: rgba(158, 114, 71);box-shadow: inset 0 0 6px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 0px} */
 /* rd-mr */
 .rd-mr{display: inline-block;padding: 5px 6px 5px 10px;color: #fff;text-align: center;position: relative;overflow: hidden;z-index: 0;text-transform: capitalize;background-image: linear-gradient(to right, #ff2500, #ff7100);border-radius: 50px;}
.rd-mr i{width: 40px;height: 40px;line-height: 38px;font-size: 18px;color: #ff3900;display: inline-block;background-color: #fff;border-radius: 50px;text-align: center;transition: .7s;margin-left: 12px;}
.rd-mr:hover{color: #fff;}
.rd-mr:hover i{color: #fff;background-color: transparent; border: 1px dashed #fff;}
.rd-mr::before {content: "";position: absolute;top: 0;width: 0;height: 100%;background-image: linear-gradient(to right, #0049b1, #1e71e6);left: 0;right: 0;opacity: 0;z-index: -1;border-radius: 50px;transition: .7s;color: #fff;}
.rd-mr:hover::before {width: 100%;opacity: 1;border-radius: 50px;}
 /* cnt-mr */
.cnt-mr{display: inline-block;padding: 5px 10px 5px 6px;color: #fff;text-align: center;position: relative;overflow: hidden;z-index: 0;text-transform: capitalize;background-image: linear-gradient(to right, #0049b1, #1e71e6);border-radius: 50px;}
.cnt-mr i{width: 40px;height: 40px;line-height: 38px;font-size: 18px;color: #ff3900;display: inline-block;background-color: #fff;border-radius: 50px;text-align: center;transition: .7s;margin-right: 12px;}
.cnt-mr:hover{color: #fff;}
.cnt-mr:hover i{color: #fff;background-color: transparent; border: 1px dashed #fff;}
.cnt-mr::before {content: "";position: absolute;top: 0;width: 0;height: 100%;background-image:  linear-gradient(to right, #ff2500, #ff7100);left: 0;right: 0;opacity: 0;z-index: -1;border-radius: 50px;transition: .7s;color: #fff;}
.cnt-mr:hover::before {width: 100%;opacity: 1;border-radius: 50px;}

 /* text-justify */
 .text-justify{text-align: justify;}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header{width:100%;z-index:9;/* background-color: #00000087; */position: absolute;}
#header .head-img{position:relative; padding:15px 0;}
/*--------------------------------------------------------------
# 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%;}
.nav-link:focus, .nav-link:hover{color: #ff3900;}
.nav-link{font-weight: 400;color: #000;}
.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 .nav-item:last-child{ background-image: linear-gradient(to right, #ff2500, #ff7100);border-radius: 50px;}
.navbar-nav .nav-item:last-child a{color: #fff;}
.navbar-nav .nav-item:last-child:hover{background-image: linear-gradient(to right, #4400ff, #0077ff);border: none; border-radius: 50px; }
.navbar-nav .nav-item:last-child:hover a{color: #fff;border: 0; }

/*--------------------------------------------------------------
# Banner-Section
--------------------------------------------------------------*/
.bnr-cont {padding-top: 180px;padding-bottom: 140px;position: relative;z-index: 1;}
.bnr-cont .title {border: 1px dashed #1a1b1e;border-radius: 50px;display: inline-block;height: 42px;line-height: 40px;padding-right: 20px;}
.bnr-cont .title i {width: 40px;height: 40px;line-height: 40px;font-size: 26px;color: #fff;display: inline-block;background-image: linear-gradient(to right,#ff2500,#ff7100);border-radius: 50px;text-align: center;margin-right: 5px;}
.bnr-cont .title span {color: #1a1b1e;position: relative;top: -3px;font-weight: 600;}
.bnr-cont h1 {margin-top: 30px;margin-bottom: 20px;font-size: 82px;color: #2966be;line-height: 1.2;}
.bnr-cont p {font-size: 18px;color: #1a1b1e;}

.bnr_effect {position: absolute;top: 0;right: 0;}
.bnr_effect img {max-width: 400px;}
.bnr_img {position: absolute;right: 88px;top: 100px;}
.bnr_img img {max-width: 500px;}
.banner-shape .shape1 {position: absolute;left: 0;top: 15%;animation: running-in 16s infinite linear;}
.banner-shape .shape2 {position: absolute;left: 32%;top: 15%;animation: pulse 7s infinite}
.banner-shape .shape3 {position: absolute;left: 25%;top: 17%;animation: rotated360 6s infinite linear}
.banner-shape .shape4 {position: absolute;left: 50%;top: 40%;animation: rotated360 6s infinite linear}
.banner-shape .shape5 {position: absolute;left: 60%;top: 25%;animation: animationFramesOne 15s linear infinite}
.banner-three-shape .shape1 {position: absolute;top: 15%;left: 40%}
.banner-three-shape .shape2 {position: absolute;bottom: 15%;left: 35%}

@keyframes rotated360 {
    0% {transform: rotateZ(0deg)}
    100% {transform: rotateZ(-360deg)}
}
@keyframes animationFramesOne {
    0% {transform: translate(0px,0px) rotate(0deg)}
    20% {transform: translate(73px,-1px) rotate(36deg)}
    40% {transform: translate(141px,72px) rotate(72deg)}
    60% {transform: translate(83px,122px) rotate(108deg)}
    80% {transform: translate(-40px,72px) rotate(144deg)}
    100% {transform: translate(0px,0px) rotate(0deg)}
}

@keyframes running-in {
    0% {transform: translate(0,0)}
    50% {transform: translate(-10px,150px)}
    100% {transform: translate(0,0)}
}
@keyframes pulse {
    0% {transform: scale(1,1)}
    50% {transform: scale(1.05,1.05)}
    to {transform: scale(1,1)}
}

/*--------------------------------------------------------------
#bnr-btm
--------------------------------------------------------------*/
.bnr_btm_item {margin-bottom: 30px;padding: 40px;text-align: center;border-radius: 60% 40% 60% 40%;position: relative;}
.bnr_btm_item:hover::before {animation: rotated360 6s infinite linear;}
.bnr_btm_item::before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;width: 100%;height: 100%;border-radius: 48% 50% 48% 50%;transition: .7s;}
.bnr_btm_item .icon {margin-bottom: 25px;color: #fff; font-size: 40px;}
.bnr_btm_item h3 {font-size: 28px;color: #fff;font-weight: 500;margin-bottom: 15px;}
.bnr_btm_item p {color: #fff;margin-bottom: 0;}
.bnr_btm_item_cl-1 {background-color: #2966be;}
.bnr_btm_item_cl-1::before {background-image: linear-gradient(to right,#ff2500,#ff7100);}
.bnr_btm_item_cl-2 {background-color: #1a1b1e;position: relative;}
.bnr_btm_item_cl-2::before {background-image: linear-gradient(to right,#ff2500,#ff7100);}
.bnr_btm_item_cl-3 {background-image: linear-gradient(to right,#ff2500,#ff7100);}
.bnr_btm_item_cl-3::before {background-color: #2966be;}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about{position: relative;}
.abt_img{position: relative;}
.abt_img::before {content: "";position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;background-image: linear-gradient(to right, #ff2500, #ff7100);border-radius: 50% 30% 50% 30%;}
.abt_img::after {content: "";position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;background-color: #2966be;z-index: -1;border-radius: 30% 40% 30% 40%;}
.abt_img img {position: relative;z-index: 1;}
.about-shape{}
.about-shape .shape-1 {position: absolute;top: 7%;right: 30%;animation: animationFramesOne 15s linear infinite;}
.about-shape .shape-2 {position: absolute;top: 30%;right: 10%;animation: rotated360 6s infinite linear;}
.about-shape .shape-3 {position: absolute;top: 70%;right: 7%;animation: running-in 16s infinite linear;}
.about-shape .shape-4 {position: absolute;top: 56%;right: 15%;animation: flash 5s infinite linear;}
/*--------------------------------------------------------------
# counts
--------------------------------------------------------------*/
.counts{background: url(../Image/counter-bg.png) no-repeat 100% 100% / cover;}
.counts .count-box{display: flex;align-items: center;}
.counts .count-box .count-box-icon .fa{font-size: 50px; margin-right: 14px;color: #2966be;}
.counts .count-box h4{    font-size: 38px;color: #000;font-weight: 600; margin-bottom: 0;}
.counts .count-box p{font-size: 18px; color: #000; margin-bottom: 0;}
/*--------------------------------------------------------------
# services
--------------------------------------------------------------*/
.services{position: relative;}
.service_item{}
.services-card {text-align: center;background-color: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, .1);padding: 35px 30px;position: relative;z-index: 1;margin-bottom: 30px;border-radius: 4px;}
.services-card::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;background-color: #2966be;transition: transform 400ms linear;transform: scaleX(0);transform-origin: left;color: #F3F3F3;}
.services-card:hover::before {    transform: scaleX(1);}
.services-card::after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;background-color: #2966be;transition: transform 400ms linear;transform: scaleX(0);transform-origin: right;color: #F3F3F3;}
.services-card:hover::after {    transform: scaleX(1);}
.services-card:hover p, .services-card:hover .fa, .services-card:hover h3 > a{color: #fff; transition: 0.3s linear;}
.services_align{align-items: center;margin-top: -104px;}
.services-card h3 > a{font-size: 24px;}
.services-card .fa{font-size: 46px; color: #ff3900;margin-bottom: 8px;}
@media screen and (max-width:767.99px) {
  .services_align{margin-top: 0;}
}
.service-bg{position: absolute; left: 0; bottom: 0; right: 0;}
.service-bg img{width: 100%; }
.service-dots {    position: absolute;top: 33%;right: 0;}


/*--------------------------------------------------------------
# Team Section
--------------------------------------------------------------*/
.team .member {position: relative;}
.team .member:hover  {background-color: aliceblue;}
.team .member .pic {overflow: hidden;margin-bottom: 50px;text-align: center;}
.team .member .member-info {background-color: #ffffff;color: color-mix(in srgb, #444444, transparent 20%);box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);position: absolute;bottom: -50px;left: 20px;right: 20px;padding: 9px 15px;overflow: hidden;transition: 0.5s;}
.team .member h4 {font-weight: 700;margin-bottom: 1px;font-size: 16px;position: relative;padding-bottom: 10px;}
.team .member h4::after {content: "";position: absolute;display: block;width: 50px;height: 1px;background: color-mix(in srgb, #444444, transparent 60%);bottom: 0;left: 0;}
.team .member span {font-style: italic;display: block;font-size: 14px;}
.team .member .social a {transition: color 0.3s;color: color-mix(in srgb, #444444, transparent 70%);}
.team .member .social a:hover {color: #ff3900;}
.team .member .social i {font-size: 16px;margin: 0 2px;}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer {background-color: #2966be;font-size: 14px;padding-top: 30px;position: relative;}
.footer h3 {font-size: 36px;font-weight: 700;position: relative;padding: 0;margin: 0 0 15px 0;}
.footer p {font-size: 15px;font-style: italic;padding: 0;margin: 0 0 30px 0;}
.footer .social-links {margin: 0 0 30px 0;}
.footer .social-links a {font-size: 16px;display: flex;align-items: center;justify-content: center;background: #ff3900;color: #fff;line-height: 1;margin: 0 4px;border-radius: 50%;text-align: center;width: 36px;height: 36px;transition: 0.3s;}
.ft_link a{color: #eee;}
.ft_link a:hover{padding-left: 5px;transition: 0.3s ease-in-out;color: #ff3900;}
.footer .map_text .fa{width: 35px; transition: .3s; border-radius: 3px; flex: none; height: 35px; color: #fff; padding: 5px; line-height: 25px; text-align: center; border: 1px solid #4680d5;}
.footer .map_text:hover .fa{background: #ff3900;}
.footer .map_text{line-height: 19px;}
/*  */
.top {position: fixed;right: 18px;bottom: 30px;text-align: center;color: #fff;border-radius: 50%;background-color:#ff3900 ;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 (max-width: 1200px) {
  .about .content {
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .bnr-sec .carousel-caption{display: none;}

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

@media (max-width: 768px) {
  .about {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .abt_img{border-radius: 0; width: 100%;}
  

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

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