/*[font Variables]*/


@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
@import url("../../../../cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css");
/*[debugging.css]*/

@import url('header-2.css');
@import url('page-css/about-page.css');
@import url('page-css/services-page-style.css');
@import url('page-css/gallery-style.css');
@import url('page-css/testimonials-page-style.css');
@import url('page-css/faq-page-style.css');
@import url('page-css/blog-pages-style.css');
@import url('page-css/contact-page-style.css');
@import url('footer.css');
@import url('hover.css');
@import url('animate.css');
@import url('flaticon.css');
@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("http://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("http://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.woff") format("woff"), url("http://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.ttf") format("truetype"), url("../../../../netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.svg#FontAwesome") format("svg");
}
:root {

  --theme-color-first: #4eadde;
  --color-primary: #ff014f;
  --color-secondary: #f4f5f6;
  --color-tertiary: #0d1013;
  --color-gray: #f6f6f6;
  --color-subtitle: #f9004d;
  --background-color-darkblue: #212451;
  --color-dark: #4a4a4a;
  --color-text:#4a4a4a; 
}

.bg-color-primary{
    background-color:#4eadde;
}
.color-white{
    color: #FFF;
}
/*** 

====================================================================
  Global Settings
====================================================================

 ***/

@font-face {
    font-family: 'FontAwesome';
    src: url('../fontawesome-webfont.html');
    src: url('../fontawesome-webfontd41d.html?#iefix') format('embedded-opentype'), url('../fontawesome-webfont-2.html') format('woff'), url('../fontawesome-webfont-3.html') format('truetype'), url('../fontawesome-webfont-4.html#FontAwesome') format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'bauhaus_93regular';
    src: url('bauhs93-webfont.html') format('woff2'),
         url('bauhs93-webfont-2.html') format('woff');
   

}

[class^="icon-"]:before, [class*=" icon-"]:before {
    /* font-family: FontAwesome; */
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit
}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1170px;
}

}
body, p, h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px;
    /*font-family: 'Poppins', sans-serif;*/
    font-family: 'Manrope', sans-serif;
}

p {
    margin-bottom: 0rem;
}

a.navbar-brand {
    height: auto;
}

ul, li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-family: 'Manrope', sans-serif;
}
input{
    font-family: 'Manrope', sans-serif;
}

a {
    text-decoration: none;
   /* font-family: 'Poppins', sans-serif;*/
   font-family: 'Manrope', sans-serif;
}

a:hover, a:focus {
    text-decoration: none;
    outline: none;
   font-family: 'Manrope', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    /*font-family: 'Poppins', sans-serif;*/
     font-family: 'Manrope', sans-serif;
    color: #2b2b2b;
    margin: 0;
    padding: 0;
}

p {
    font-size: 16px;
    color: #4a4a4a;
    line-height: 28px;
    font-family: 'Manrope', sans-serif;
}
figure{
    margin: 0;
}
.overlay {
    /*background: #000000a3;*/
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all 0.5s ease;
}

.inner-overlay {
    width: 100%;
    float: left;
    background: #000000e8;
    padding: 100px 0px 0px 0px;
}

.inline-panel {
    display: inline-block;
    position: relative;
}

.flex-panel {
    display: flex;
    flex-wrap: wrap;
}

.full-width {
    width: 100%;
}
.commonpage-padding {
    padding: 80px 0px;
}
/*---- */
.color-white{
    color: #FFF;
}
.color-yellow{
    color: #f7eb24;
}

/*** 

====================================================================
  Scroll To Top style
====================================================================

***/

#scroll {
    position: fixed;
    z-index: 999;
    right: 44%;
    bottom: 10px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: none;
    background-color: #e41b28;
    border-radius: 50px;
    /*box-shadow: 0px 0px 3px 4px rgb(123, 123, 123);*/
}

#scroll span {
    position: absolute;
    top: 25%;
    left: 31%;
    /*margin-left: -8px;
    margin-top: -17px;*/
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}

#scroll:hover {
    /*border: solid 2px #1785b4;*/
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

/*** 

====================================================================
  End Scroll To Top style
====================================================================

***/

.row.m0 {
    margin: 0px;
}

.p0 {
    padding: 0px;
}
.p-l-r{
    padding: 0;
}
.padd-r-none {
    padding-right: 0;
}

.padd-l-none {
    padding-left: 0;
}
.p-btm-0{
    padding-bottom: 0 !important;
}

.pd-left-50 {
    padding-left: 50px;
}

.mr-btm-0 {
    margin-bottom: 0 !important;
}

.mb-60 {
    margin-bottom: 45px;
}

.brd-r-0 {
    border-right: 0 !important;
}

.spacer-50 {
    width: 100%;
    height: 20px;
    float: left;
}

.bg-gray-light {
    background-color: #f7f7f7;
}

/*** 

====================================================================
  image block style
====================================================================

***/

img {
    max-width: 100%;
}

.image_thumb {
    overflow: hidden;
    /*display: inline-block;*/
    position: relative;
    z-index: 3;
    cursor: pointer;
    box-shadow: 0 0px 17px #d2cfcf;
    background-color: #FFF;
    padding: 6px;
}

.image_thumb:before {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
    cursor: pointer;
}

.image_thumb img {
    max-width: 100%;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

.image_thumb:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.image_thumb:hover:before {
    opacity: 1;
}

#success {
    display: none;
}

#error {
    display: none;
}

.display_table {
    display: table;
    width: 100%;
}

.display_table_row {
    display: table-row;
}

.display_table_cell {
    display: table-cell;
    float: none !important;
}

iframe {
    border: none;
}

i:before {
    margin-left: 0px !important;
}

/* Btn css*/

.btn-full {
    width: 100% !important;
    display: inline-block;
    text-align: center;
    padding: 5px 10px;
}

.btn-xlg {
    padding: 15px 50px
}

.btn-lg {
    padding: 12px 32px;
    display: inline-block;
}

.btn-md {
    padding: 12px 26px;
    display: inline-block;
}

.btn-xs {
    padding: 6px 10px 6px 15px;
    display: inline-block;
    font-size: 16px;
}


.theme-btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    outline: none !important;
    font-size: 16px;
    border-radius: 0;
    background-color: transparent;
    border: 2px solid #484848;
color: #2b2b2b;
    /*padding: 15px 50px 15px;*/
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    overflow: hidden;
    z-index: 1;
    border-radius: 0px;
}

.theme-btn:hover {
  color: var(--ambed-white, #ffffff);
   background-color: #e41b28;
   border: 2px solid #e41b28;
}
.theme-btn:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    opacity: 1;
    z-index: -1;
}

.theme-btn:hover:after {
  opacity: 1;
  width: 100%;
}



.theme-btn-2 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    outline: none !important;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0;
    background-color: transparent;
    border: 2px solid #FFF;
    color: #FFF;
    /*padding: 15px 50px 15px;*/
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    overflow: hidden;
    z-index: 1;
    border-radius: 0px;
}

.theme-btn-2:hover {
  color: var(--ambed-white, #ffffff);
   background-color: #e41b28;
}
.theme-btn-2:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    opacity: 1;
    z-index: -1;
}

.theme-btn-2:hover:after {
  opacity: 1;
  width: 100%;
}
/* End btn css*/

/* Main title css
============================================================================================ */

.sec_middle_title {
    text-align: center;
    max-width: 1040px;
    margin: auto;
    padding-bottom: 60px;
}

.sec_middle_title h1 {
    font-size: 40px;
    color: #242424;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: .90px;
    padding-bottom: 20px;
}

.sec_middle_title h1::after {
    content: "";
    width: 50px;
    height: 2px;
    background: #000;
    display: block;
    position: relative;
    top: 10px;
    left: 0;
    margin: auto;
}

.sec_middle_title h1 span {
    font-size: 40px;
    color: #e6760c;
    font-weight: 300;
}

.sec_middle_title h2 span {
    color: #18ba60;
}

.sec_middle_title p {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .34px;
}

.parent-btn {
    width: 100%;
    float: left;
}

.common-btn {
    display: inline-block;
    padding: 10px 22px;
    background: #ea3f35;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: initial;
    border-radius: 4px;
    border: none;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    outline: none;
}

.common-btn i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #ea3f35;
    border-radius: 50%;
    font-size: 13px;
    color: #fff;
    text-align: center;
    line-height: 26px;
}

.common-btn:hover, .common-btn:focus {
    background: #2f71a2;
    color: rgb(255, 255, 255);
    text-decoration: none;
    outline: none;
}

.page-heading {
    width: 100%;
    float: left;
    padding-bottom: 60px;
    text-align: center;
    color: #fff;
}

.page-heading h2 {
    font-size: 40px;
    color: #00142c;
    font-weight: 800;
    line-height: 45px;
    text-transform: uppercase;
}
.page-heading span {
    display: block;
    padding-bottom: 15px;
    font-size: 35px;
    color: #119cd3;
    font-family: 'Dancing Script', cursive;
}
.page-heading h5 {
    padding-bottom: 10px;
    font-size: 26px;
    color: #000;
    font-weight: 400;
}

.page-heading p {
    padding-top: 8px;
    font-size: 16px;
    color: #3e3e3e;
}

.yellow-bg {
    background: #ffdc4f !important;
}

.fullheight {
    height: 100%;
}

.blue-bg {
    background: #093a7d !important;
}

.commonouter-container {
    position: absolute;
    right: 0;
    bottom: 0;
}
/*CSS3 Bounce Animation*/

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(20px);
        opacity: 0;
    }
}

@-moz-keyframes bounce {
    0% {
        -moz-transform: translateY(0);
    }
    50% {
        -moz-transform: translateY(20px);
        opacity: 0;
    }
}

@-o-keyframes bounce {
    0% {
        -o-transform: translateY(0);
    }
    50% {
        -o-transform: translateY(20px);
        opacity: 0;
    }
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(20px);
        opacity: 0;
    }
}

/*** 

====================================================================
  Main Slider style
====================================================================

***/


.slider_area.mr_top {
    margin-top: 148px;
}
.slider_area {
    min-width: 0;
    /* min-height: calc(100vh - 165px); */
    overflow: hidden;
    background: #eceef3;
    position: relative;
}
/* .slider_area.h-none{
    min-width: 0;
    height: auto !important;
    overflow: hidden;
} */
.slider_area .container-fluid {
    position: relative;
    padding-right: 0;
    padding-left: 0;
}
.slider_area .row {
    height: 100%;
}
.slider_area .col-lg-12 {
    position: relative;
    padding: 0;
    height: 100%;
}
.slider_area .slide {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: right;
}
.nobanner-slider.slider_area .slide {
    background: url(../img/home-slider/slide-1.html) 120% top no-repeat;
    background-size: contain;
}
.slider_area .slide img {
    max-width: 100%;
}
.slider_area .carousel-captions {
    position: absolute;
    top: 45%;
    width: 80%;
    display: flex;
    padding-left: 20px;
    z-index: 2;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
}
.slider_area .carousel-captions.text-center {
    width: 82%;
    margin: auto;
    left: 0;
    right: 0;
}
.slider_area .carousel-captions.caption-align-center {
  text-align: center;
}
.slider_area .carousel-captions .caption-align-center-wrap {
    margin: 0 auto;
}
.slider_area .carousel-captions p {

    padding: 20px 0px 15px 0px;
    font-size: 18px;
    color: #FFF;
    text-align: center;
    font-weight: 400;
}
.slider_area .carousel-captions h1{
    font-size: 130px;
    color: #FFF;
    font-weight: bold;
    font-family: "Bauhaus 93";
    padding: 5px 20px;
    top: 2px;
    position: relative;

}
.slider_area .carousel-captions h1 span{
    color: #f7eb24;
}
.slider_area .carousel-captions h2 {
    font-size: 65px;
    color: #FFF;
    font-weight: 800;
    /*line-height: 55px;*/
    padding: 15px 20px;
}
.slider_area .carousel-captions h2 span{
    color: #f7eb24;
}
.slider_area .carousel-captions h4 {
    font-size: 16px;
    color: #FFF;
    font-weight: 300;
    width: 288px;
    background-color: #e41b28;
    /*line-height: 55px;*/
    padding: 5px 20px;
    letter-spacing: 2px;
    margin: auto;
}
.slider_area .parent-btn {
    margin-top: 25px;
}

.slider_area .owl-nav [class*=owl-] {
    width: 37px;
    height: 37px;
    color: #242424;
    line-height: 35px;
    padding: 0;
    background: transparent;
    border: 1px solid #242424;
    text-align: center;
    border-radius: 0;
    font-size: 20px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.slider_area .owl-nav .owl-prev, .slider_area .owl-nav .owl-next {
    position: absolute;
    top: 40%;
    margin-right: 10px;
    color: #FFF;
    font-size: 26px;
    margin: 5px;
    padding: 0px;
    background:rgba(255,255,255,0.2);
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 5px;
    width: 60px;
    height: 60px;
    border: none;
    border-radius: 100%;
    line-height: 64px;
}
.slider_area .owl-nav {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    margin: auto;
}
.slider_area .owl-nav .owl-prev {
    left: 30px;
}
.slider_area .owl-nav .owl-next {
    right: 30px;
   
}
.slider_area .owl-nav [class*="owl-"]:hover {
    background: #e41b28;
    color: #fff;
}
.slider_area .slide-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(0,0,0,0.1);
    opacity: 0.602;
}
.banner-transparent .carousel-captions p {
    color: #fff;
}
.banner-transparent .carousel-captions .heading {
    color: #fff;
}
.banner-transparent .carousel-captions {
    top: 50%;
}
/*...................End Slder...................*/






.section-heading{
    margin-bottom: 60px;
}
.section-hea-space{
    height: 60px;
    width: 100%;
}
.section-heading h3{
    font-size: 22px;
    color: #ec2d1c;
    text-align: center;
    text-transform: uppercase;
}
.section-heading h1{
    font-size: 40px;
/*    color: #000;*/
    font-weight: 900;
    text-align: center;
    
    margin-bottom: 20px;
    text-transform: uppercase;
}
.section-heading p{
    width: 800px;
    margin: auto;
    display: flex;
    text-align: center;
}
.section-heading .h-btm-line{
    width: 57px;
    height: 3px;
    margin: auto;
    background-color: #ed1c24;
}

/*------------- Start Step Section --------------*/

.about-area{
    padding-bottom: 100px;
    background-color: #f3f3f3;
}
.curve-bg{
    width: 1170px;
    height: 106px;
    content: "";
    position: absolute;
    top: -102px;
    z-index: 9;
    /*background: url(../img/resource/curve-bg.png) no-repeat ;*/
}
.about-area .why_choose_us{
    background-color: #FFF;
    padding: 0px 35px 65px 35px;
}
.about-area .why_choose_us .img-box{

}
.about-area .why_choose_us .img-box img {
  width: 100%;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
  transform-origin: bottom;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.about-area .why_choose_us .img-box:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.about-area .why_choose_us .p-l-r-30{
    padding: 0 30px 0;
}
.about-area .why_choose_us .icon-circle{
    width: 74px;
    height: 74px;
    background-color: #FFF;
    border-radius: 50%;
    margin: auto;
    position: relative;
    bottom: 38px;
    justify-content: center;
    display: flex;
    align-items: center;
}
.about-area .why_choose_us h2{
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    margin-top: -22px;
}
.company-about{
    padding: 150px 0 0 0;
}
.company-about .company-about-cnt{
    padding-right: 70px;
    padding-left: 40px;
}
.company-about .company-about-cnt h5{
    margin-bottom: 10px;
}
.company-about .company-about-cnt h1{
    padding: 10px 0 70px;
    z-index: +1;
    position: relative;
    font-weight: bold;
    font-size: 40px;
}
.company-about .company-about-cnt p{
    font-size: 17px;
    margin-bottom: 50px;
}
.company-about .red-circle{

}
.company-about .red-circle::after{
    width: 113px;
    height: 113px;
    border-radius: 50%;
    background-color: #ea1c29;
    padding-top: 8px;
    content: "";
    position: absolute;
    top: 12px;
    left: 218px;
}
.company-about img{
    padding: 0 0 0 0px;
}
/*--------------- End about-area */

.service-area{
    padding: 100px;
}
.service-name-col{

}
.service-name-col .title-col{
width: 301px;
padding: 30px 30px 30px 30px;
background-color: #242424;
font-size: 24px;
color: #FFF;
float: left;
clip-path: polygon(0px 0px, 100% 0%, 83% 100%, 0% 100%);
bottom: 17px;
position: absolute;
}
 a.btn-2{
    width: 100px;
padding: 40px 0 40px 50px;
background-color: #ea1c29;
font-size: 18px;
color: #FFF;
clip-path: polygon(33% 0, 100% 0%, 100% 81%, 0% 82%);
float: right;
margin: 6px 0 0 0;
}
.service-area .owl-dots {
  position: relative;
  text-align: center;
  margin-left: 12px;
  margin-top: -10px;
}
.service-area .owl-dots .owl-dot {
  height: 17px;
  width: 17px;
  /*border: 1px solid #797979;*/
  background-color: #797979;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  margin-top: 50px;
}
.service-area .owl-dots .owl-dot:last-child {
  margin-right: 0px;
}
.service-area .owl-dots .owl-dot.active {
  background: #ea1c29;
}
.service-area .item {
  padding-bottom: 30px;
}

/*-------------- Start Testimonial -----------*/
.testimonial-area .back-title h1 {
  
  text-transform: uppercase;
  font-size: 130px;
  font-weight: 900;
  text-align: center;
  letter-spacing: -5px;
  line-height: 70px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgb(60 59 59);
  color: transparent;
}
.testimonial-area{
    padding: 120px 0 0;
    background-color: #2b2b2b;
}
.testimonial-area .section-heading {
  margin-bottom: 100px;
}
.testimonial-area .quote-icon{
    width: 83px;
    height: 83px;
    background-color: #ea1c29;
    margin: auto;
    border-radius: 50%;
    justify-content: center;
    display: flex;
    align-items: center;
}
.testimonial-area .quote-icon img{
    width: auto;
}
.testimonial-area .client-text{
    width: 850px;
    max-width: 100%;
    padding: 50px 0 0 0;
    margin: auto;
}
.testimonial-area .client-text p{
    text-align: center;
    color: #FFF;
    line-height: 32px;
    font-size: 16px;
}
.testimonial-area .owl-dots {
  position: relative;
  text-align: center;
  margin-left: 12px;
  margin-top: -10px;
}
.testimonial-area .owl-dots .owl-dot {
  height: 17px;
  width: 17px;
  /*border: 1px solid #797979;*/
  background-color: #797979;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  margin-top: 50px;
}
.testimonial-area .owl-dots .owl-dot:last-child {
  margin-right: 0px;
}
.testimonial-area .owl-dots .owl-dot.active {
  background: #ea1c29;
}
.testimonial-area .item {
  padding-bottom: 30px;
}





.testimonial-media {
    width:970px;
    margin: auto;
    margin-top: 150px;
    text-align: right;
    border: 10px solid #FFF;
    /*position: absolute;
    top: 25px;
    right: 25px;*/
}
/*.testimonial-media .overlay {
    background:#00000047;
    width: 970px;
    margin: auto;
}*/
.testimonial-video {
    height: 100%;
    width: 100%;
    display: table;
    text-align: center;
}
.testimonial-video a {
    display: table-cell;
    vertical-align: middle;
}
.play-video {
    width: 100px;
    height: 100px;
    padding: 10px;
    background: #FFF;
    text-align: center;
    border-radius: 50%;
    border: solid 2px #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    bottom: 0;
    margin: 200px auto 0 auto;
    cursor: pointer;
    position: relative;
    webkit-animation: pulsewhite 3s infinite;
    -o-animation: pulsewhite 3s infinite;
    animation: pulsewhite 3s infinite;
}
.play-video:before {
    width: 65px;
    height: 65px;
    padding: 10px;
    background: #2bcc1a;
    text-align: center;
    border-radius: 50%;
    border: solid 2px #445462;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    position: relative;
}
.play-video i {
    width: 22px;
    height: 25px;
    line-height: 26px;
    font-size: 24px;
    color: #ea1c29;
    padding-left: 5px;
}

/*@keyframes pulsewhite {
    50% {
        box-shadow: 0 0 0 10px rgb(244, 249, 243),
            0 0 0 20px rgba(236, 247, 235, 0.53)
    }
}*/




.process-area{
   background: url(../img/resource/process-bg.jpg);
   background-size: cover;
   background-position: center;
    padding: 0 0 100px 0;
}
.process-area .curve-bg{
    width: 1170px;
    height: 106px;
    content: "";
    position: absolute;
    top: -112px;
    z-index: 1;
    /*background: url(../img/resource/curve-bg.png) no-repeat ;*/
}
.core-value{
    background-color: #FFF;
    padding: 60px 35px 65px 35px;
    position: relative;
    bottom: 8px;
    
}
.core-value .core-outer{
    padding: 0 0 0 50px;
}
.core-value .core-outer .core-icon{
    
}
.core-value .core-outer h4{
    font-size: 45px;
    color: #13304e;
    font-weight: 700;
    margin-top: 10px;
}
.core-value .core-outer p{
    font-size: 18px;
    color: #2b2b2b;
    
}

/*----------- Stat Process Section ------------*/
.work-process{
    padding: 100px 0 0 0;
}
.work-process .pd-left-30{
    padding-left: 30px;

}
.work-process  .process-col-box{

}
.work-process .process-icon{
    width: 216px;
    height: 216px;
    border-radius: 50%;
    background-color: #FFF;
    border: 2px solid #e1e1e1;
    margin: auto;
    align-items: center;
    justify-content: center;
    display: flex;
}
.work-process .pro-arrow {

  /*background: url(../img/icon/procees-arrow.png) no-repeat;
  position: absolute;
  right: -35px;
  top: 50%;
  font-size: 29px;
  margin: -37px 0px 0px;
  color: #000;*/
  position: relative;
bottom: 60%;
left: 95%;
}
.process-title{
    padding-top: 30px;
}
.process-title h3{
    font-size: 24px;
    text-align: center;
    font-weight: bold;

}
/*----------- End Process Section ------------*/

/*...................Strat Latestpost-section-Start...................*/
.newsarticle-section {
    width: 100%;
    padding: 100px 0px 100px;
    background-color: #FFF;
}
.newsarticle-section .page-heading h2{
    font-size: 40px;
    text-transform: none;
}
.newsblog-group {
    width: 100%;
    float: left;
    padding: 0px;
    background: #fff;
    border: none;
    overflow: hidden;
    box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.10980392156862745);
}

.newsblog-imgpanel {
    width: 100%;
    display: inline-block;
    position: relative;
}
.newsblog-imgpanel img {
    width: 100%;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
    transform-origin: bottom;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.newsblog-group:hover .newsblog-imgpanel img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.newsarticle-slider .owl-item.active.center .newsblog-group img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}
.newsblog-date {
 
    padding: 10px 15px;
    background: #e41b28;
    text-align: center;


    margin: auto;

    color: #FFF;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
}
.newsblog-date strong {
    display: block;
    padding-bottom: 3px;
}
.newsblog-date small {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}
.newsblog-conents {
    width: 100%;
    float: left;
    background: #fff;
    padding:25px 20px;
    position: relative;
    z-index: 1;
    transition-property:margin-top;
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-delay: .1s;
}
.newsblog-info {
    width: 100%;
    display: table;
    padding: 12px 0px;
    border-top: solid 1px #e8e8e8;
    border-bottom: solid 1px #e8e8e8;
}

.newsblog-conents a h3 {
    padding-top: 25px;
    font-size: 18px;
    color: #0a0b0b;
    margin-bottom: 15px;
    font-weight: 600;
    line-height: 24px;

}
.newsblog-conents h3 {
    
}
.newsblog-conents p{

}
.newsblog-conents a.lrn-m{
    color: #e41b28;
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
}

/*...................End Latestpost-section-End...................*/

.estimator{
    padding: 50px 0 0 0;
}
.estimator .inner-wrap{
    z-index: +1;
position: relative;
top: 50px;
background-color: #FFF;
width: 100%;
box-shadow: 3px 0px 3px rgba(234, 228, 228, 0.5);
}
.estimator .inner-wrap .info-area-left{
    width: 497px;
    height: 540px;
    float: left;
    background-color: #e41b28;
    clip-path: polygon(0 0, 47% 0, 100% 100%, 0% 100%);
}
.estimator .inner-wrap .info-area-left .info-cnt-area{
    padding: 126px 0 0 40px;
}
.estimator .inner-wrap .info-area-left .info-cnt-area h3{
    font-size: 26px;
    color: #FFF;
    font-weight: 600;
}
.estimator .inner-wrap .info-area-left .info-cnt-area .info-address {
    width: 100%;
    padding-top: 80px;
    float: left;
}
.estimator .inner-wrap .info-area-left .info-cnt-area .info-address ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.estimator .inner-wrap .info-area-left .info-cnt-area .info-address ul li {
    padding: 4px 0px;
    font-size: 17px;
    color:#29241f;
    font-weight: 500;
    margin-bottom: 20px;
}
.estimator .inner-wrap .info-area-left .info-cnt-area .info-address ul li a {
    display: block;
    font-size: 17px;
    color:#FFF;
    font-weight: 500;
}
.estimator .inner-wrap .info-area-left .info-cnt-area .info-address ul li:last-child .media-left{
    font-size: 22px;
}
.estimator .inner-wrap .info-area-left .info-cnt-area .media-left {
    padding-right: 15px;
    font-size:20px;
    color: #FFF;
    float: left;
}
.estimator .inner-wrap .info-area-left .info-cnt-area .media-left, .media-right, .media-body {
    vertical-align: middle;
}
.estimator .inner-wrap .info-area-left .info-cnt-area .media-left, .media-right, .media-body p{
    font-size: 17px;
    display: table;
}
.estimator .inner-wrap .info-area-right{
    width: 640px;
    height: 540px;
    float: left;
    background-color: #FFF;
    clip-path:   polygon(0 0, 100% 1%, 100% 100%, 19% 100%);
    position: relative;
    right: 80px;
}
.estimator .inner-wrap .info-area-right .estimator-form{
    padding: 80px 0 0 75px;
   
}
.estimator .inner-wrap .info-area-right .estimator-form .form-group input[type="text"] {
  border: 1px solid #eaeaea;
  border-radius: 0px;
  background: transparent;
  height: 45px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0px 24px;
  outline: none;
  font-size: 15px;
  color: #797979;
  letter-spacing: .51px;
  margin-bottom: 20px;
}
.estimator .inner-wrap .info-area-right .estimator-form .form-group input[type="email"] {
  border: 1px solid #eaeaea;
  border-radius: 0px;
  background: transparent;
  height: 45px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0px 24px;
  outline: none;
  font-size: 15px;
  color: #797979;
  letter-spacing: .51px;
  margin-bottom: 20px;
}
.estimator .inner-wrap .info-area-right .estimator-form .form-group select {
  border: 1px solid #eaeaea;
  border-radius: 0px;
  width: 100%;
  background: transparent;
  height: 45px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0px 24px;
  outline: none;
  font-size: 15px;
  color: #797979;
  letter-spacing: .51px;
  margin-bottom: 20px;
}
.estimator .inner-wrap .info-area-right .estimator-form .theme-btn-2{
    border: 2px solid #484848;
    color: #2b2b2b;
    font-weight: 600;
}
.estimator .inner-wrap .info-area-right .estimator-form .theme-btn-2:hover {
  color: #FFF;
  background-color: #e41b28;
  border: 2px solid #e41b28;
}
.ftr-car{
    width: 660px;
    float: right;
    position: relative;
    z-index: +1;
    padding-bottom: 70px;
}
.ftr-car img{
    position: relative;
    top: -126px;
    right: -82px;
}



/*===================================================commonbanner-breadcrumb-css-Start===================================================*/
.banner_area {
    margin-top:0px;
    height: 693px;
    background-size: cover;
    /*min-height: 352px;*/
    position: relative;
    z-index: 2;
}
.banner_area .container {
    height: 100%;
}
.content-align {
    display: table;
    height: 100%;
    margin: auto;
}
.content-center {
    display: table-cell;
    margin: auto;
    vertical-align: middle;
}
.banner_area.banner_one{
    background:url(../img/banner/banner.jpg) no-repeat scroll center center;
    background-size: cover;
}
.banner_area:before {
    content: "";
    /*background: linear-gradient(to right,rgba(17,24,42,0.85),rgba(0,0,0,0));*/
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.banner_area .banner_content h3 {
    padding:130px 0 10px 0;
    color: #fff;
    font-size: 70px;
    text-transform: uppercase;
    font-weight: 900;
    text-align: center;
    
}
.banner_link {
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.banner_link .abnner_link_inner a {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    letter-spacing: .32px;
    margin-right: 20px;
    line-height: 50px;
    position: relative;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}
.banner_link .abnner_link_inner a:before {
    content: "\f715";
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    position: absolute;
    font-size: 12px;
    font-weight: 600;
    left: -18px;
    top: 50%;
    -webkit-transform: rotate(70deg) translatex(-44%);
    -ms-transform: rotate(70deg) translatex(-44%);
    transform: rotate(70deg) translatex(-44%);
    color: #fff;
}
.banner_link .abnner_link_inner a:last-child {
    margin-right: 0px;
}
.banner_link .abnner_link_inner a:first-child:before {
    display: none;
}
.banner_link .abnner_link_inner a:hover, .banner_link .abnner_link_inner a.active {
    color: #fff;
    text-decoration: none;
}
.banner_area_plane {
    background: url(../img/banner/banner-bg.html) no-repeat scroll center center;
    background-size: auto auto;
    background-size: cover;
    min-height: 235px;
    position: relative;
    z-index: 2;
}
.banner_area_plane::before {
    content: "";
    background:rgba(143, 143, 143, 0.5);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.banner_area_plane .banner_content h3 {
    padding-top: 100px;
    font-size: 38px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

/* End Banner Area*/

/*------------- Start About Page Area Css*/

.about-page{
    padding: 150px 0;
}
.com-about-area{

}
.com-about-area .spacer-120{
    padding-top: 120px;
}

.com-about-area .company-about-cnt{
    padding-left: 40px;
}
.com-about-area .company-about-cnt h5{
    margin-bottom: 10px;
}
.com-about-area .company-about-cnt h1{
    padding: 10px 0 70px;
    z-index: +1;
    position: relative;
    font-weight: bold;
}
.com-about-area .company-about-cnt p{
    font-size: 17px;
    margin-bottom: 30px;
}
.com-about-area .red-circle{

}
.com-about-area .red-circle::after{
    width: 113px;
    height: 113px;
    border-radius: 50%;
    background-color: #ea1c29;
    padding-top: 8px;
    content: "";
    position: absolute;
    top: 12px;
    left: 218px;
}
.com-about-area .company-about-cnt h4{
    font-size: 22px;
}
.com-about-area .company-about-cnt h4::after {
    content: "";
    width: 415px;
    height: 1px;
    background: #c1c1c1;
    display: inline-block;
    position: relative;
    margin-left: 7px;
}
.com-about-area .commonsrvs-list {
    list-style: none;
    padding: 0px;
    margin: 20px 0 0 0px;
}
.com-about-area .commonsrvs-list li {
    padding: 8px 0px 8px 32px;
    position: relative;
}
.com-about-area .commonsrvs-list li span {
    font-size: 16px;
    color: #2b2b2b;
    font-weight: 500;
    line-height: 24px;
}
.com-about-area .commonsrvs-list li:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-align: center;
    font-size: 9px;
    color: #ffff;
    line-height: 22px;
    position: absolute;
    left: 0;
    top: 10px;
    width: 21px;
    height: 21px;
    background: #ed1c24;
    border-radius: 100px;
}
.com-bright-area{
    padding: 130px 0 100px 0;

}
.com-bright-area .cnt-area{

}
.com-bright-area .cnt-area h5{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}
.com-bright-area .cnt-area .title-underline {
    width: 55px;
    height: 2px;
    background: #ea1c29;
    margin-bottom: 30px;
    
}
.com-bright-area .cnt-area p{
    font-size: 15px;
}
.com-bright-area .pd-l-30{
    padding-left: 30px;
}
/*--------- End Section First  --------- */

/*--------- Start Team Section ----------*/
.team-section{
    padding: 100px 0 0 0;
}
.team-info-box {
    width: 100%;
    float: left;
    padding: 0px;
    margin-bottom: 30px;
    background: #fff;
    border: none;
    overflow: hidden;
    box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.10980392156862745);
}
.team-imgpanel {
    width: 100%;
    display: inline-block;
    position: relative;
}
.team-imgpanel img {
    width: 100%;
 
}
.palyer-designation {
    padding: 10px 15px;
    background: #e41b28;
    text-align: center;
    margin: auto;
    color: #FFF;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
}
.palyer-designation strong {
    display: block;
    padding-bottom: 3px;
}
.palyer-designation small {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}
.team-player-conents {
    width: 100%;
    float: left;
    background: #fff;
    padding:0 25px 20px;
    position: relative;
    z-index: 1;
    transition-property:margin-top;
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-delay: .1s;
}
.team-player-conents a h3 {
    padding-top: 25px;
    font-size: 18px;
    color: #0a0b0b;
    margin-bottom: 15px;
    font-weight: 600;
    line-height: 24px;

}
.team-player-conents h3 {
    
}

/*------------- Start Team Pages Css -------------*/

.team-page{
    padding: 100px 0;
}

















.in-about-area{
    padding: 100px 0;
}
.in-about-area h1{
    font-weight: bold;
}
.our_about_area {
    background-color: #FFF;
}
.our_about_left_content {
    padding-right: 10px;
}
.our_about_left_content .section_title {
    padding-bottom: 30px;
}
.our_about_left_content  h2{
    text-align: left;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
}
.our_about_left_content h3 {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .44px;
    color: #242424;
}
.our_about_left_content p {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .34px;
    padding-top: 30px;
}
/*----------------*/



.footerbuttonwhatsapp{
	display: none;
}

@media screen and (max-width:900px){
.footerbuttonphone{
	display: block;
	bottom: 10px;
    position: fixed;
    width: 40%;
    height: 40px;
    background-color: #ff014f;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
	box-shadow: 2px -2px 10px black;
}

.footerbuttonphone a{
	color: white;
    padding: 10px;
}

.footerbuttonwhatsapp{
	display: block;
	bottom: 10px;
    position: fixed;
    width: 40%;
    height: 40px;
    background-color: #ff014f;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
	box-shadow: -2px -2px 10px black;
	right: 0;
}

.footerbuttonwhatsapp a{
	color: white;
    padding: 10px;
}
}