*{margin: 0; padding: 0; box-sizing: border-box; font-family: 'Roboto', sans-serif;}
body{font-family: 'Roboto', sans-serif;}
img{max-width: 100%;}
a{text-decoration: none;}

.bar-main{height: 60px;}
.bar.bar-big {margin: 0 auto; position: relative;}
.bar.bar-big::before {width: 73%; height: 1px; border: none; background: #ccc;
    top: 26px; display: block; content: ""; position: absolute; left: 0;}
.bar.bar-big::after {width: 35px; height: 2px; border: none; content: "";
    position: absolute; background: #FF3C00; top: 26px; left: 0; border-radius: 50%;
    -webkit-animation: MOVE-BG 3s linear infinite alternate;
    -moz-animation: MOVE-BG 3s linear infinite alternate;
    -o-animation: MOVE-BG 3s linear infinite alternate;
    animation: MOVE-BG 3s linear infinite alternate;
}
@-webkit-keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(510px);
    transform: translateX(510px);
  }
}
@keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(510px);
    transform: translateX(510px);
  }
}


.top-menu-banner{background-image: url('../images/top-menu-banner-img.jpg');
    background-position: center center; background-size: cover; position: relative;}
.top-menu-banner .background-overlay{background-color: #030A15; opacity: 0.85;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s; height: 100%;
    width: 100%; top: 0; left: 0; position: absolute;}
/*.top-menu-banner::before{width: 100%; height: 100%; position: absolute; content: "";
    top: 44px; background: url(../images/shape1.png) top left no-repeat;
    background-size: 30% 40%; z-index: 1;}*/

/*Top Section*/
.top-section{padding: 6px 0; background: #252628; position: relative; z-index: 1;}
.top-section:after{content: ''; position: absolute; top: 0; left: -5px; width: 54%;
    height: 100%; z-index: -1; transform: skew(-26deg); padding-left: 20px;
    background: #FF3C00;}
.top-section .row{align-items: center;}
.top-address p {margin-bottom: 0; font-size: 12px; display: inline-block;}
.top-address span{color: #fff; font-size: 15px; font-weight: 400;}
.top-address p a {display: inline-block; text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; color: #fff; font-size: 15px; font-weight: 400;}
.top-address p a.email{margin-right: 30px;}
.top-address p span i, .top-address p a i {font-size: 15px; margin-right: 10px;}
.top-section .top-right-menu ul{padding: 0; margin: 0; text-align: right;}
.top-section .top-right-menu ul li{display: inline-block; margin-left: 20px;
    position: relative;}
.top-section .top-right-menu ul li a{color: #fff; display: inline-block;
    text-decoration: none; font-size: 15px; transition: all 0.2s ease-in-out;
    font-weight: 400;}
.top-section .top-right-menu .login{background: #ff3c00; padding: 7px 16px; text-transform: uppercase;
    word-spacing: 5px; font-size: 13px; letter-spacing: 1px; border-radius: 48px;}



/*Menu Section*/
.menu-section{position: relative; z-index: 11;}
.fixed-top{background: #252628; position: fixed; top: 0;}
.menu-section .navbar-brand img{width: 220px;}
.menu-section .nav-item{margin: 0px 5px;}
.menu-section .nav-link{font-size: 15px; text-transform: uppercase; padding: 10px 30px; color: #fff;
    font-weight: 400; letter-spacing: 1.5px; position: relative;}
.menu-section .nav-link.quote-btn{-moz-user-select: none; background: #FF3C00; color: #fff;
    cursor: pointer; display: inline-block; font-size: 15px; margin-bottom: 0; padding: 8px 18px;
    text-align: center; text-transform: capitalize; -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border-radius: 3px;
    border: 2px solid #FF3C00; margin-left: 20px;}
.menu-section .navbar-nav .nav-link.active{color: #FF3C00; font-weight: 700;}
.menu-section .navbar-nav .nav-link:before {position: absolute; content: ""; background: #FF3C00; height: 2px;
    width: 0; transition: .5s; z-index: -1; bottom: 0; right: 0; left: inherit; border-radius: 30px;}
.menu-section .navbar-nav .nav-link:hover:before {width: 100%; left: 0;}
.menu-section .navbar-nav .nav-link.active:before {width: 100%; left: 0;}

.menu-section .modal{position: relative; z-index: 11;}
#quoteModal .modal-header{background: #ff3c00; border-bottom: navajowhite; color: #fff;
    box-shadow: inset 2px 2px 5px #9b2501c4, inset -5px -5px 10px #9b2501ad;}
#quoteModal .modal-content {background-color: #ff3c00!important;}
#quoteModal .modal-content .form-group label{margin-bottom: 6px; color: #fff;}
#quoteModal .modal-content .form-group{margin-bottom: 15px;}
#quoteModal .modal-content .form-group input {height: 54px; width: 100%; padding-left: 25px;
    outline: none; border: none; font-size: 18px; background: #ff3c00; color: #ffffff;
    border-radius: 25px; box-shadow: inset 2px 2px 5px #9b2501c4, inset -5px -5px 10px #9b2501ad;}
#quoteModal .modal-content .form-group textarea {height: 150px; width: 100%; padding: 15px 25px;
    outline: none; border: none; font-size: 18px; background: #ff3c00; color: #ffffff;
    border-radius: 25px; box-shadow: inset 2px 2px 5px #9b2501c4, inset -5px -5px 10px #9b2501ad;}
#quoteModal .modal-content ::placeholder {color: #eee; font-size: 14px; letter-spacing: 1px; word-spacing: 2px;
    text-transform: uppercase;}
#quoteModal .modal-footer{background: #ff3c00; border-top: navajowhite; color: #fff;
    box-shadow: inset 2px 2px 5px #9b2501c4, inset -5px -5px 10px #9b2501ad;}
#quoteModal .modal-footer .btn-primary{background: #ff3c00; border-color: #ff3c00; color: #fff;
    box-shadow: inset 2px 2px 5px #9b2501c4, inset -5px -5px 10px #9b2501ad; padding: 10px 20px;
    letter-spacing: 1px; word-spacing: 2px;}
#quoteModal .modal-footer .btn-secondary{background: #fff; border-color: #fff; color: #ff3c00;
    box-shadow: inset 2px 2px 5px #a7a7a7c4, inset -5px -5px 10px #a7a7a7c4; padding: 8px 20px;
    letter-spacing: 1px; word-spacing: 2px;}

/*Banner Section*/
.banner-section{position: relative; z-index: 1; padding: 30px 0px;}
.banner-section .row{align-items: center; color: #fff;}
.banner-section .content h4{font-size: 18px; position: relative; margin-left: 66px;}
.banner-section .content h4:after{width: 50px; height: 2px; border: none; background: #ff3c00;
    top: 10px; display: block; content: ""; position: absolute; left: -66px;}
.banner-section .content h1 {font-weight: 700;}
.banner-section .content h1 span{color: #ff3c00;}
.banner-section .banner-call-btn{display: flex; align-items: center;}
.banner-section .banner-btn a{-moz-user-select: none; background: #FF3C00; color: #fff;
    cursor: pointer; display: inline-block; font-size: 16px; margin-bottom: 0; padding: 11px 24px;
    text-align: center; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border-radius: 3px;
    border: 2px solid #FF3C00; letter-spacing: 0.5px; word-spacing: 3px;
    margin-right: 30px;}
.banner-section .banner-number{display: flex; align-items: center;}
.banner-section .banner-number .number{margin-left: 15px;}
.banner-section .banner-number p{margin-bottom: 4px;}
.banner-section .banner-number .icon i{font-size: 20px; border: 2px solid #ff3c00; padding: 18px;
    border-radius: 50px; color: #ff3c00;}
.banner-section .banner-number .number a{font-size: 24px; color: #fff; font-weight: 700;}

/*About Section*/
.about-section{background-image: url('../images/service-bg.jpg'); background-position: top center;
    background-repeat: no-repeat; padding: 80px 0px 80px 0px; background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}
.about-section .box{background: rgb(255,255,255, 0.5); text-align: center; padding: 49px 13px 21px;
    box-shadow: 0px 10px 60px 0px rgb(116 99 94 / 17%)!important; clip-path: polygon(0% 15%,100% 0,100% 100%, 0 100%);
    border-radius: 4px; margin: 0; position: relative; z-index: 1; margin-bottom: 15px; border: 1px solid #f83d04;}
.about-section .box:before {position: absolute; content: ""; top: 0; left: 50%; height: 100%; width: 0;
    transition: .5s; z-index: -1; background: url('../images/bg1.png'); background-repeat: no-repeat; background-size: cover;
    background-position: center center; border-radius: 4px;}
.about-section .box:hover:before {width: 100%; left: 0;}
.about-section .box:hover .box-title h2,
.about-section .box:hover .box-desc p {color: #fff;}
.about-section .box-number {color: #fff; position: relative; display: inline-block; margin: 0; height: 60px;
    width: 62px; line-height: 57px; background: url('../images/bg.png'); border-radius: 19px 31px 23px;
    background-position: center center; background-repeat: no-repeat; font-size: 25px; font-weight: 600;}
.about-section .top_text {display: block;}
.about-section .box-title {overflow: hidden;}
.about-section .box .box-title h2, .about-section .box .box-title h3 {margin: 29px 0 6px 0; font-size: 22px;
    font-weight: 600;}
.about-section .box .box-title h2 span {color: #f83d04;}
.about-section .right-content h1{color: #232323; font-size: 42px; margin-bottom: 0px; text-transform: capitalize;
    margin-top: 0; line-height: 1.2; font-weight: 700;}
.about-section .right-content h1 span{color: #FF3C00;}
.about-section .right-content a{display: inline-block; background: #FB3C00; color: #fff;  font-size: 15px;
    text-transform: capitalize; padding: 14px 32px; transition: .5s; position: relative; z-index: 1;
    font-weight: 500; border-radius: 30px; overflow: hidden;}
.about-section .right-content a:before {position: absolute; content: ""; background: #232323; height: 100%;
    width: 0; transition: .5s; z-index: -1; top: 0; right: 0; left: inherit; border-radius: 30px;}
.about-section .right-content a:hover:before {width: 100%; left: 0;}


.about-section .partner h1{color: #232323; font-size: 18px; font-weight: 500; width: 100%; margin: 60px 0px 80px 0px;
    position: relative; display: inline-block; text-align: center;}
.about-section .partner h1:before {background: #E4E5E7; position: absolute; content: ""; top: 12px; left: 0;
    height: 2px; width: 362px;}
.about-section .partner h1:after {background: #E4E5E7; position: absolute; content: ""; top: 12px; left: inherit;
    right: 0; height: 2px; width: 362px;}


/*Feature Section*/
.feature-section{background-image: url('../images/feature-bg.png'); background-position: center center;
    background-repeat: no-repeat; background-size: cover; padding: 84px 0px 82px 0px;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}
.feature-section .left .video iframe{border: 15px solid #fb3c00bf}
.feature-section .right{padding-left: 30px;}
.feature-section .right h1 {color: #fb3c00; font-size: 42px; text-transform: capitalize; margin-top: 0; 
    line-height: 1.2; font-weight: 700;}
.feature-section .right ul{margin: 0; padding: 0;}
.feature-section .right ul li{display: block; list-style: none; color: #fff; margin: 10px 0;}
.feature-section .right ul li i{margin-right: 6px;}
.feature-section .counter h1{color: #fff; font-size: 18px; font-weight: 500; width: 100%; margin: 100px 0px 60px 0px;
    position: relative; display: inline-block; text-align: center;}
.feature-section .counter h1:before {background: #E4E5E7; position: absolute; content: ""; top: 12px; left: 0;
    height: 2px; width: 362px;}
.feature-section .counter h1:after {background: #E4E5E7; position: absolute; content: ""; top: 12px; left: inherit;
    right: 0; height: 2px; width: 362px;}
.feature-section .counter ul{margin: 0; padding: 0; text-align: center;}
.feature-section .counter ul li{list-style: none; display: inline-block; color: #fff;
    border: 2px solid #fb3c00bf; padding:15px; text-align: center; min-width: 210px;
    margin: 0px 15px; border-radius: 6px;}
.feature-section .counter ul li h2{font-size: 46px; color: #fb3c00; font-weight: 700;}
.feature-section .counter ul li h3{font-size: 18px; letter-spacing: 1px;}


/*Service Section*/
.service-section{background-image: url('../images/service-bg.jpg'); background-position: center center;
    background-repeat: no-repeat; background-size: cover; padding: 64px 0px 62px 0px;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}
.service-section .heading {margin-bottom: 80px; align-items: center;}
.service-section .heading h1{color: #232323; font-size: 42px; margin-bottom: 0px;
    text-transform: capitalize; margin-top: 0; line-height: 1.2; font-weight: 700;}
.service-section .heading h1 span{color: #FF3C00;}
.service-section .heading .col-md-4{text-align: right;}
.service-section .heading a{display: inline-block; background: #FB3C00; color: #fff;  font-size: 15px;
    text-transform: capitalize; padding: 14px 32px; transition: .5s; position: relative; z-index: 1;
    font-weight: 500; border-radius: 30px; overflow: hidden;}
.service-section .heading a:before {position: absolute; content: ""; background: #232323; height: 100%;
    width: 0; transition: .5s; z-index: -1; top: 0; right: 0; left: inherit; border-radius: 30px;}
.service-section .heading a:hover:before {width: 100%; left: 0;}
.service-section .service-box{border: 1px solid#e4e4e5; position: relative; z-index: 1;
    padding: 44px 14px 28px; margin: 30px 0 30px 0; text-align: center;}
.service-section .service-box:before {position: absolute; content: ""; top: 0; right: 0;
    height: 100%; width: 0; z-index: -1; background: url('../images/consul.png');
    background-repeat: no-repeat; background-position: center center; background-size: cover;
    transition: .5s;}
.service-section .service-box:hover:before {width: 100%; left: 0;}
.service-section .service-box:hover .service-box-thumb img {filter: brightness(0) invert(1);}
.service-section .service-box:hover .service-box-thumb {background: #FF4C16;border-color: #FF4C16;}
.service-section .service-box:hover .service-box-number {opacity: 0;}
.service-section .service-box:hover .service-box-title h2, 
.service-section .service-box:hover .service-box-desc p {color: #fff;}
.service-section .service-image{display: inline-block; height: 83px; width: 83px; line-height: 83px;
    border: 1px solid#e4e4e5; border-radius: 100%; position: absolute; left: 0; right: 0;
    margin: auto; top: -39px; background: #fff; transition: .5s;}
.service-section img {transition: .5s; height: auto; max-width: 100%; border: none;
    border-radius: 0; -webkit-box-shadow: none; box-shadow: none;}
.service-section .service-box-number {color: #EEEEEE; position: absolute; font-size: 100px; left: 0;
    right: 0; margin: auto; z-index: -1; top: 29%; transition: .5s; display: block;}
.service-section .service-content {overflow: hidden;}
.service-section .service-top-text {display: block;}
.service-section .service-box-title {overflow: hidden;}
.service-section .service-box-title h2 {margin: 23px 0 23px 0; font-size: 22px; font-weight: 500;
    position: relative; line-height: 29px; padding: 0; -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.service-section .service-box-title h2:before {position: absolute; content: ""; left: 0; right: 0;
    margin: 0 auto 0; height: 2px; width: 40px; background: #ff3c00; top: 78px;}
.service-section .service-box-desc p {-webkit-transition: .5s; -o-transition: .5s; transition: .5s;
    line-height: 27px; margin: 20px 0 0; height: 105px; overflow: hidden;}
.service-section .service-btn {margin-top: 26px;}
.service-section .service-btn > a {color: #232323; font-size: 15px; border: 1px solid#e4e4e5;
    padding: 10px 26px 10px; text-transform: capitalize; border-radius: 30px;
    display: inline-block; -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s; transition: all .5s ease 0s;
    text-transform: uppercase; font-weight: 400;}
.service-section .service-box:hover .service-btn > a {background: #FF3D00; color: #fff;
    border-color: #FF3D00;}


/*Price Section*/
.price-section{background-image: url('../images/service-bg.png'); background-position: center center;
    background-repeat: no-repeat; background-size: cover; padding: 80px 0px 80px 0px;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}
.price-section .heading{text-align: center; margin-bottom: 80px;}
.price-section .heading h1{color: #fb3c00; font-size: 42px; text-transform: capitalize;
    margin-top: 0; line-height: 1.2; font-weight: 700;}
.price-section .heading p{color: #fff;}
.price-section .box{position: relative; transition: all 0.4s ease-in-out;
    box-shadow: 0px 0px 30px 0px hsl(0deg 0% 0% / 7%); padding: 50px 0; text-align: center;
    border-radius: 5px; background: #fff;}
.price-section .box span{position: absolute; right: -20px; background: #FB3C00; color: #ffffff;
    text-transform: uppercase; font-size: 14px; font-weight: bolder; transform: rotate(90deg);
    top: 43px; border: none; padding-top: 3px; padding-bottom: 0px; padding-right: 32px;
    padding-left: 18px;}
.price-section .box .inner{text-align: center; border-radius: 5px;}
.price-section .box .header{background: transparent; padding: 0; border-radius: 0;
    transition: all 0.4s ease-in-out;}
.price-section .box .title{line-height: 1; font-size: 16px; text-transform: uppercase;
    font-weight: 700; margin: 0;}
.price-section .box .icon{margin: 20px;}
.price-section .box .icon img{width: 140px;}
.price-section .box .icon i{color: #FB3C00; font-size: 72px; margin: 26px 0; display: block;}
.price-section .box .price{font-size: 48px; color: #FB3C00; font-weight: 700; margin: 0;
    padding: 0; line-height: 1;}
.price-section .box .time{font-size: 18px; color: #73767c; font-weight: 700; line-height: 46px;
    margin-bottom: 0;}
.price-section .box .feature{padding-top: 4px;}
.price-section .box ul {padding: 0; margin: 0; list-style: none;}
.price-section .box ul li {font-size: 16px; line-height: 35px;}
.price-section .box .footer{margin-bottom: 0;}
.price-section .box .footer .btns{display: inline-block; background: #FB3C00; color: #fff; font-size: 15px;
    text-transform: capitalize; padding: 14px 32px; transition: .5s; position: relative; z-index: 1;
    font-weight: 500; border-radius: 30px; overflow: hidden; margin-top: 30px; border: none;}
.price-section .box .footer .btns:before {position: absolute; content: ""; background: #232323; height: 100%;
    width: 0; transition: .5s; z-index: -1; top: 0; right: 0; left: inherit; border-radius: 30px;}
.price-section .box .footer .btns:hover:before {width: 100%; left: 0;}

.price-section .modal{position: relative; z-index: 11;}
#planModal .modal-header{background: #ff3c00; border-bottom: navajowhite; color: #fff;
    box-shadow: inset 2px 2px 5px #9b2501c4, inset -5px -5px 10px #9b2501ad;}
#planModal .modal-content {background-color: #ff3c00!important;}
#planModal .modal-content .form-group label{margin-bottom: 6px; color: #fff;}
#planModal .modal-content .form-group{margin-bottom: 15px;}
#planModal .modal-content .form-group input {height: 54px; width: 100%; padding-left: 25px;
    outline: none; border: none; font-size: 18px; background: #ff3c00; color: #ffffff;
    border-radius: 25px; box-shadow: inset 2px 2px 5px #9b2501c4, inset -5px -5px 10px #9b2501ad;}
#planModal .modal-content .form-group textarea {height: 150px; width: 100%; padding: 15px 25px;
    outline: none; border: none; font-size: 18px; background: #ff3c00; color: #ffffff;
    border-radius: 25px; box-shadow: inset 2px 2px 5px #9b2501c4, inset -5px -5px 10px #9b2501ad;}
#planModal .modal-content ::placeholder {color: #eee; font-size: 14px; letter-spacing: 1px; word-spacing: 2px;
    text-transform: uppercase;}
#planModal .modal-footer{background: #ff3c00; border-top: navajowhite; color: #fff;
    box-shadow: inset 2px 2px 5px #9b2501c4, inset -5px -5px 10px #9b2501ad;}
#planModal .modal-footer .btn-primary{background: #ff3c00; border-color: #ff3c00; color: #fff;
    box-shadow: inset 2px 2px 5px #9b2501c4, inset -5px -5px 10px #9b2501ad; padding: 10px 20px;
    letter-spacing: 1px; word-spacing: 2px;}
#planModal .modal-footer .btn-secondary{background: #fff; border-color: #fff; color: #ff3c00;
    box-shadow: inset 2px 2px 5px #a7a7a7c4, inset -5px -5px 10px #a7a7a7c4; padding: 8px 20px;
    letter-spacing: 1px; word-spacing: 2px;}


.testimonial-section{margin: 80px 0px;}
.testimonial-section .row{align-items: center;}
.testimonial-section .left{position: relative;}
.testimonial-section .left:before{position: absolute; content: " "; left: 60%;
    right: 0; background-image: url(../images/testimonial-icon.png); width: 100%; height: 100%;
    background-repeat: no-repeat; background-size: 220px;}
.testimonial-section .left .content{position: relative; z-index: 1;}
.testimonial-section .left h6{font-size: 14px; letter-spacing: 3px;}
.testimonial-section .left h1{font-size: 34px; font-weight: 700; color: #fb3c00;}
.testimonial-section .right{background: #ffffffa8; box-shadow: 13px 13px 51px 0px rgb(31 93 110 / 70%);
    border-radius: 20px 20px 20px 0px; position: relative; padding: 40px 40px 40px 80px;}
.testimonial-section .right:after {position: absolute; left: 0; bottom: -26px; content: "";
    width: 0; height: 0; border-color: currentcolor rgba(0,0,0,0) rgba(0,0,0,0); border-style: solid;
    border-width: 26px 45px 0 0; color: #fff;}
.testimonial-section .box .content{position: relative;}
.testimonial-section .box .content:before {content: ''; display: block; width: 197px;
    height: 276px; background-image: url(../images/bg-feature.png);
    background-repeat: no-repeat; position: absolute; top: 0; right: 0; opacity: 0.8;}
.testimonial-section .box .content p{position: relative; z-index: 1;}
.testimonial-section .right:before{position: absolute; content: " "; left: 20px;
    top: 40px; background-image: url(../images/quote.png); width: 100%; height: 100%;
    background-repeat: no-repeat; background-size: 40px;}
.testimonial-section .box .profile{display: flex; align-items: center;}
.testimonial-section .box .profile .profile-icon{width: 80px; height: 80px; overflow: hidden;
    margin-right: 10px;}
.testimonial-section .box .profile .profile-icon img{width: 80px; height: 80px;border-radius: 60px;}
.testimonial-section .box .profile h4{font-size: 20px; font-weight: 700; color: #fb3c00; letter-spacing: 1px;
    text-transform: uppercase;}
.testimonial-section .box .profile h5{font-size: 14px; text-transform: uppercase; letter-spacing: 3px;
    margin-bottom: 2px;}
.testimonial-section .box .profile-content p{margin-bottom: 0; color: #fb3c00;
    font-size: 13px; text-transform: uppercase; letter-spacing: 2px; word-spacing: 3px; font-weight: 500;}

/*Blog Section*/
.blog-section{margin-top: 80px;}
.blog-section .box{position: relative; margin-bottom: 30px;}
.blog-section .heading {margin-bottom: 80px; align-items: center;}
.blog-section .heading h1{color: #232323; font-size: 42px; margin-bottom: 0px;
    text-transform: capitalize; margin-top: 0; line-height: 1.2; font-weight: 700;}
.blog-section .heading h1 span{color: #FF3C00;}
.blog-section .heading .col-md-4{text-align: right;}
.blog-section .heading a{display: inline-block; background: #FB3C00; color: #fff;  font-size: 15px;
    text-transform: capitalize; padding: 14px 32px; transition: .5s; position: relative; z-index: 1;
    font-weight: 500; border-radius: 30px; overflow: hidden;}
.blog-section .heading a:before {position: absolute; content: ""; background: #232323; height: 100%;
    width: 0; transition: .5s; z-index: -1; top: 0; right: 0; left: inherit; border-radius: 30px;}
.blog-section .heading a:hover:before {width: 100%; left: 0;}
.blog-section .box .image img{object-fit: cover; height: 390px; max-width: 100%;
    border: none; box-shadow: none; width: 100%; border-radius: 10px 10px 0px 0px}
.blog-section .box .content {position: absolute; width: 100%; height: 100%; left: 0; top: 0;
    display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px 40px; border-radius: 5px;
    -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-orient: vertical;
    -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(3, 10, 21, 0.4)), to(#030A15));
    background: -webkit-linear-gradient(top, rgba(3, 10, 21, 0.4) 0%, #030A15 100%);
    background: -o-linear-gradient(top, rgba(3, 10, 21, 0.4) 0%, #030A15 100%);
    background: linear-gradient(180deg, rgba(3, 10, 21, 0.4) 0%, #030A15 100%);
    border-radius: 10px 10px 0px 0px;}
.blog-section .box .content .date {font-weight: 700; width: 80px; height: 80px; line-height: 1.2; padding-top: 10px;
    text-align: center; border-radius: 10px; background: #fb3c00; margin: 0px -10px auto auto;
    padding-left: 10px; padding-right: 10px; padding-bottom: 7px; color: #ffffff;}
.blog-section .post-meta-item {margin-bottom: 10px; padding-bottom: 8px;
    border-bottom: 1px solid rgba(248, 248, 248, 0.1); padding-left: 0; padding-right: 0; list-style: none;}
.blog-section .post-meta-item li {font-size: 16px; display: inline-block; color: #ffffff;}
.blog-section .post-meta-item li i {color: #fb3c00; padding-right: 5px;}
.blog-section .title {font-size: 24px;}
.blog-section .title a{color: #fff; font-weight: 700;}
.blog-section .learn-more {text-decoration: none; color: #ffffff;}
.blog-section .learn-more i {color: #fb3c00; padding-right: 5px;}

/*Footer Section*/
.footer-section{background-image: url('../images/footer-main-bg.png'); background-position: center center;
    background-repeat: no-repeat; background-size: cover; padding: 80px 0px 30px 0px;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}
.footer-section .top{background-image: url('../images/footer-bg.png'); background-position: center center;
    background-repeat: no-repeat; background-size: cover; background-attachment: scroll;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 38px 40px 45px 37px; z-index: 2;}
.footer-section .top .box{display: flex; align-items: center;}
.footer-section .top .box .icon i{text-align: center; color: #fb3c00; position: relative; display: inline-block;
    margin: 0; height: 55px; width: 62px; line-height: 57px; background: url(../images/bg0.png);
    border-radius: 19px 31px 23px; background-position: center center; background-repeat: no-repeat;
    font-size: 20px; font-weight: 600;}
.footer-section .top .box .content{margin-left: 15px;}
.footer-section .top .box .content p{color: #f1f1f1; margin-bottom: 4px;}
.footer-section .top .box .content span{color: #fff; font-size: 20px; font-weight: 500;}
.footer-section .top .box .content a{color: #fff; font-size: 20px; font-weight: 500; letter-spacing: 0.5px;}
.footer-section .top .box:hover a{color: #fff;}
.footer-section .top .center{border-left: 1px solid #8b8b8b; border-right: 1px solid #8b8b8b; padding-left: 36px;}
.footer-section .top .right{padding-left: 36px;}


.footer-section .middle{margin-top: 80px;}
.footer-section .middle h1{font-weight: 700; font-size: 26px; color: #fff; letter-spacing: 0.5px; margin-bottom: 0;}
.footer-section .middle .bar-main{height: 60px;}
.footer-section .middle .bar.bar-big::before {width: 72%;}
.footer-section .middle .bar.bar-big::after {
    -webkit-animation: MOVE-BG-FOOTER 3s linear infinite alternate;
    -moz-animation: MOVE-BG-FOOTER 3s linear infinite alternate;
    -o-animation: MOVE-BG-FOOTER 3s linear infinite alternate;
    animation: MOVE-BG-FOOTER 3s linear infinite alternate;
}
@-webkit-keyframes MOVE-BG-FOOTER {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(250px);
    transform: translateX(250px);
  }
}
@keyframes MOVE-BG-FOOTER {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(250px);
    transform: translateX(250px);
  }
}
.footer-section .middle p{color: #ccc;}
.footer-section .middle .left a {display: inline-block; background: #FB3C00; color: #fff; font-size: 15px;
    text-transform: capitalize; padding: 14px 32px; transition: .5s; position: relative; z-index: 1;
    font-weight: 500; border-radius: 30px; overflow: hidden;}
.footer-section .middle .left a:before {position: absolute; content: ""; background: #232323; height: 100%;
    width: 0; transition: .5s; z-index: -1; top: 0; right: 0; left: inherit; border-radius: 30px;}
.footer-section .middle .left a:hover:before {width: 100%; left: 0;}
.footer-section .middle .center ul{margin: 0; padding: 0;}
.footer-section .middle .center ul li{list-style: none; display: inline-block; width: 49%; margin: 6px 0;}
.footer-section .middle .center ul li a{color: #ccc; padding: 6px 0px;}
.footer-section .middle .center ul li a:hover{color: #fb3c00;}
.footer-section .middle .center ul li a i{margin-right: 4px; font-size: 14px;}
.footer-section .middle .right .newsletter{position: relative;}
.footer-section .middle .right .newsletter input[type=email] {width: 100%; height: 60px; border-radius: 30px;
    border: 1px solid #fff; background: transparent; padding: 0 30px; color: #fff; font-size: 14px;
    line-height: 28px;}
.footer-section .middle .right .newsletter button {-webkit-transition: .4s; transition: .4s; position: absolute;
    right: 0; border: none; border-radius: 100%; width: 45px; height: 45px; display: inline-block; margin: 7px;
    color: #fff; background-color: #fb3c00; top: 0;}
.footer-section .middle .right ul{margin: 0; padding: 0; margin-top: 36px;}
.footer-section .middle .right ul li{display: inline-block; list-style: none;}
.footer-section .middle .right ul li a{margin: 7px; -webkit-transition: .4s; transition: .4s;
    color: #fff; background-color: #fb3c00; width: 40px; height: 40px; line-height: 40px; display: inline-block;
    transition: .5s; position: relative; z-index: 1; text-align: center;}
.footer-section .middle .right ul li a:before {position: absolute; content: ""; background: #232323; height: 100%;
    width: 0; transition: .5s; z-index: -1; top: 0; right: 0; left: inherit;}
.footer-section .middle .right ul li a:hover:before {width: 100%; left: 0;}

.footer-section .bottom{text-align: center; margin-top: 80px;}
.footer-section .bottom p{color: #ccc;}
.footer-section .bottom a{color: #fb3c00;}





.scrollTop{z-index: 11; position: fixed; left: 3%; bottom: 6%;}
.scrollTop a{background: #fb3c00; color: #fff; padding: 16px 20px; border-radius: 4px;}







@media (max-width: 575.98px) {
    @-webkit-keyframes MOVE-BG {
      from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
      to {
        -webkit-transform: translateX(330px);
        transform: translateX(330px);
      }
    }
    @keyframes MOVE-BG {
      from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
      to {
        -webkit-transform: translateX(330px);
        transform: translateX(330px);
      }
    }

    p{font-size: 15px;}
    .top-address p a {font-size: 13px;}
    .top-section .top-right-menu ul {text-align: left; margin-top: 6px;}
    .top-section .top-right-menu ul li {margin-left: 0px; margin-right: 10px;}

    .menu-section .nav-item {margin: 0px 0px;}
    .menu-section .nav-link {font-size: 14px; padding: 10px 15px; font-weight: 400;
    color: #222; border-bottom: 1px solid #2222222e;}
    .menu-section .nav-link:hover{background: #ff3c00; color: #fff;}
    .menu-section .nav-link.active{background: #ff3c00; color: #fff;}
    .menu-section .navbar-brand img {width: 160px;}
    .menu-section .navbar-toggler{background: #ff3c00; color: #fff; border-color: #fff;}
    .menu-section .navbar-collapse {background: #fff;}
    .menu-section .nav-link.quote-btn{margin-top: 10px; margin-bottom: 10px; margin-left: 0;
        padding: 8px 18px; font-size: 15px;}

    .banner-section .content h4 {font-size: 15px;}
    .banner-section .banner-call-btn {justify-content: space-between;}
    .banner-section .banner-btn a {font-size: 12px; padding: 6px 15px;}
    .banner-section .banner-number .number a {font-size: 16px;}
    .banner-section .banner-number .icon i {font-size: 15px; padding: 12px;}
    .banner-section .right .image{margin-top: 15px;}

    .about-section {padding: 30px 0px 30px 0px;}
    .about-section .right-content h1 {font-size: 26px;}
    .about-section .right-content a {padding: 8px 20px;}
    .about-section .partner h1 {color: #fb3c00; font-size: 16px; margin: 40px 0px 20px 0px; text-align: left;}
    .about-section .partner h1:after{display: none;}
    .about-section .partner h1:before{display: none;}

    .bar.bar-big::before {width: 100%;}

    .feature-section {padding: 14px 0px 12px 0px;}
    .feature-section iframe{height: auto;}
    .feature-section .right h1 {font-size: 26px; margin-top: 15px;}
    .feature-section .counter ul li{width: 45%; margin: 10px 8px; min-width: auto; background: #fff;}
    .feature-section .counter h1{color: #fff; font-size: 15px; margin: 30px 0px 20px 0px;
        text-align: center; background: #fb3c00; border-radius: 40px; padding: 8px;}
    .feature-section .counter h1:after{display: none;}
    .feature-section .counter h1:before{display: none;}
    .feature-section .counter ul li h2 {font-size: 30px;}
    .feature-section .counter ul li h3 {font-size: 12px; color: #222;}

    .service-section {padding: 34px 0px 12px 0px;}
    .service-section .heading {margin-bottom: 30px;}
    .service-section .heading h1 {font-size: 26px;}
    .service-section .heading .col-md-4 {text-align: left;}
    .service-section .heading a {padding: 8px 20px; margin-top: 10px;}

    .price-section {padding: 20px 0px 5px 0px}
    .price-section .heading {margin-bottom: 30px;}
    .price-section .heading h1 {font-size: 26px;}
    .price-section .box {margin: 15px 0; padding: 30px 0;}
    .price-section .box .price {font-size: 30px;}
    .price-section .box ul li {font-size: 15px;}
    .price-section .box .footer a.btns {padding: 8px 20px;}

    .blog-section {margin-top: 40px;}
    .blog-section .heading {margin-bottom: 15px;}
    .blog-section .heading h1 {font-size: 26px;}
    .price-section .box .title {font-size: 14px;}
    .blog-section .heading .col-md-4 {text-align: left;}
    .blog-section .heading a {padding: 8px 16px; margin-top: 12px;}

    .testimonial-section {padding-top: 0px; padding-bottom: 30px; margin: 30px 0px;}
    .testimonial-section .right:before {content: none;}
    .testimonial-section .right {box-shadow: 13px 13px 51px 0px rgb(31 93 110 / 12%);}
    .testimonial-section .left:before {content: none;}
    .testimonial-section .left h1 {font-size: 26px;}

    .footer-section {padding: 0px 0px 30px 0px;}
    .footer-section .top {padding: 26px 15px 26px 15px;}
    .footer-section .top .box{margin: 10px 0;}
    .footer-section .top .box .content a {font-size: 18px;}
    .footer-section .top .left {padding-left: 0;}
    .footer-section .top .center{padding-left: 0; border-left: none; border-right: none;}
    .footer-section .top .right {padding-left: 0px;}

    .footer-section .middle {margin-top: 40px;}
    .footer-section .middle h1 {font-size: 20px;}
    .footer-section .middle .left a{padding: 8px 16px;}
    .footer-section .middle .center{margin: 20px 0px;}
    .footer-section .bottom {margin-top: 40px;}
}