@import url(effect.css);

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Afacad:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700&display=swap');
/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden; width:100%;}
body{
font-family: "Afacad"; padding:0; color:#00131d; font-weight:normal; padding-right:0!important; background:#fff;
font-size:18px;
line-height:1.5;
 overflow-x:hidden; width:100%;
}
/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

:root{--orange:#a95032; --blue:#443e42; --gray:#444; --shade: linear-gradient(180deg, #25408f 0%, #3766ee 100%);}

img{border:0;}

*{ box-sizing:border-box;}
*:hover{
}

a{color:var(--orange); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:var(--dark);}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:400; /*font-family:'Barlow Condensed';*/}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #666;
}


@keyframes wiggle {
0%{transform:rotate(0deg);}
80%{transform:rotate(0deg);}
85%{transform:rotate(5deg);}
95%{transform:rotate(-5deg);}
100%{transform:rotate(0deg);}
}


.container-fluid{width:100%; max-width:1280px; margin:0 auto;}

.floatBtn{background:#fff; position:fixed; right:0; top:30%; box-shadow:0 0 8px rgba(130,100,30,0.8); z-index:999;}
.floatBtn ul{margin:0; padding:0; list-style-type:none;}
.floatBtn ul li a{display:block; padding:3px 7px; font-size:26px; line-height:1.3;}
.floatBtn ul li a img, .socialIcon li a img{width:30px;}
.floatBtn ul li:last-child a{ border-top:1px var(--red) solid; margin-top:10px;}
.floatBtn ul li a:hover img, .socialIcon li a:hover img{ filter: brightness(70%);}


.popUpBox{position:fixed; left:15px; bottom:15px; width:250px; height:250px; background:var(--black); padding:40px 20px 0; border-radius:50%; border-bottom-left-radius:0; text-align:center; z-index:99999; font-size:18px; oapcity:1; display:block; transition:.2s ease-in-out;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
}
.popUpBox h4{margin-bottom:10px; font-size:14px; color:#fff;}
.popUpBox img{height:50px; margin-bottom:10px;}
.popUpBox div a.call{display:block; overflow:hidden; font-weight:700; font-size:24px; margin:5px 0 10px; line-height:1; animation: wiggle 1.5s infinite; color:#fff;}
.popUpBox div a.call i{font-size:18px;}
.popUpBox div a.contact{font-size:12px; background:var(--shade); padding:4px 15px; border-radius:5px; text-transform:uppercase; display:inline-block; color:var(--black); font-weight:700;}
.popUpBox > a{position:absolute; left:-10px; bottom:-10px;background:var(--shade); color:var(--black); text-align:center; width:40px; height:40px; line-height:36px; border-radius:50%; border:2px var(--black) solid;}
.popUpBox div a:hover{color:#fff;}
.popUpBox.show{opacity:0; display:none;}


.headerTop{background:var(--orange); color:#fff;}
.headerTop a{color:#fff; display:inline-block; font-weight:700; font-size:20px;}
.headerTop a:hover{color:var(--blue);}
.headerTop .text-sm-right a{padding:5px 25px; background:var(--blue); text-transform:uppercase;}
.headerTop .text-sm-right a:hover{background:var(--dark); color:#fff;}

.tagline-container{font-size:18px;margin-bottom:0; position:relative; overflow:hidden; font-weight:400; background:var(--blue); padding:0 5px; width:100%; text-align:center; color:#fff; border-radius:0; position: relative; height:46px;}

.tagline-wrapper {
    display: flex;
    flex-direction: column;
    transition: transform 1s ease-in-out;
}

.tagline {
    height: 46px; /* Adjust based on tagline height */
    line-height: 46px; /* Center text vertically */
}

.tagline-active {
    display: block;
}

/*
.tagline {
    position: absolute;
    width: 100%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateY(100%); line-height:1;
}

.tagline-container .tagline:nth-child(1) {animation: animate 20s linear infinite 0s;}
.tagline-container .tagline:nth-child(2) {animation: animate 20s linear infinite 4s;}
.tagline-container .tagline:nth-child(3) {animation: animate 20s linear infinite 8s;}
.tagline-container .tagline:nth-child(4) {animation: animate 20s linear infinite 12s;}
.tagline-container .tagline:nth-child(5) {animation: animate 20s linear infinite 16s;}

@keyframes animate {
    0%, 100% {
        opacity: 0;
        transform: translateY(100%);
    }
    5%, 25% {
        opacity: 1;
        transform: translateY(0);
    }
    30%, 100% {
        opacity: 0;
        transform: translateY(-100%);
    }
}
*/

/* Header */
.headerArea{display:block; position:relative; clear:both; padding:5px 0; font-size:18px; position:relative; z-index:999; background:#fff;}
.logo{display:block; padding:10px 0; text-transform:uppercase; line-height:1;}
.logo img{ max-width:100%; max-height:25px;}


.vpbatchImg{position:absolute; right:30px; bottom:15px;}
.vpbatchImg img{height:150px;}

/* Animated Logo Styling */
.animated-logo {
  font-size: 36px;
  font-weight: bold;
  margin-bottom:0;
  color: #333;
  display: inline-block;
  position: relative;
  animation: bounceColor 4s infinite;
}

/* Keyframe Animations */
@keyframes bounceColor {
  0%, 100% {
    transform: translateY(0);
    color:var(--orange);
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  25% {transform: translateY(-10px); color: var(--blue);}
  50% {transform: translateY(0); color: var(--orange);}
  75% {transform: translateY(10px); color: var(--blue);}
}



.headerArea.sticky{position:fixed; z-index:999; left:0; right:0; top:0;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}


.project-slider{display:block; position:relative; overflow:hidden; clear:both; background:var(--dark); background-size:cover;}
.project-slider .carousel-item > img{object-fit:cover; height:100%; width:100%; animation: resize 30s linear infinite;}
.project-slider .carousel-item:after{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; transition: opacity 1s ease-in-out; content:''; display:block;
background: linear-gradient(0deg, rgba(120, 50, 30, 0.93) 33%, rgba(50, 50, 60, 0) 77%); z-index:5;}
.carousel-control-next, .carousel-control-prev{width:5%;}

@keyframes resize {
0% {transform:scale(1);}
50% {transform:scale(1.2);}
}


.bannerContent{z-index:30; color:#fff; position:absolute; left:100px; bottom:10%;}
.bannerContent img{position:absolute; right:15%;top:-25%;}
.bannerContent h2{font-size:50px; margin-bottom:25px; padding:0; line-height:1; font-weight:400; text-transform:uppercase;}
.bannerContent h2 big{display:block; font-size:74px; line-height:0.9;}
.bannerContent h2 span{display:block; font-size:60px;}
.bannerContent a{display:inline-block; color:#fff; border-radius:10px; padding:20px 30px; line-height:1; border:1px #fff solid; font-weight:600; text-transform:uppercase;}
.bannerContent a:hover{background:#fff; color:var(--blue);}
.bannerContent a i{margin-left:5px;}

.wrap-video {
  text-align: center;
  outline: 2px solid #fff; outline-offset:0px; display:block; border-radius:50px;
  overflow: hidden;
  position:absolute; right:7%; bottom:16%; z-index:100;
  animation: outlineAnimation 1s infinite linear;
}

.wrap-video a{
  background-color: #fff;
  text-align: center;
  color: var(--orange);
  padding:15px 40px;
  display:block; overflow:hidden; border-radius:50px; text-transform:uppercase; font-weight:600;
}
.wrap-video a:hover{color:#fff; background:var(--orange);}


@keyframes outlineAnimation {
  0% {
    outline-color: #fff;
    outline-offset: 0px;
  }
  100% {
    outline-color: rgba(255, 255, 255, 0);
    outline-offset: 15px;
  }
}

a.innerBtn {
  background-color: var(--orange);
  text-align: center;
  color: #fff;
  padding:15px 40px; margin:10px;
  display:inline-block; overflow:hidden; text-transform:uppercase; font-weight:600; outline: 2px solid var(--orange); outline-offset:0px; animation: outlineAnimationorange 1s infinite linear;
}
a.innerBtn:hover{color:#fff; background:var(--orange);}
@keyframes outlineAnimationorange {
  0% {
    outline-color: var(--orange);
    outline-offset: 0px;
  }
  100% {
    outline-color: rgba(255, 255, 255, 0);
    outline-offset: 15px;
  }
}



.aboutArea{display:block; padding:40px 0 20px; background:#eee; position:relative; z-index:10; line-height:1.4; font-size:17px; text-align:justify;}
.aboutArea h2, .photoGallery h2{font-size:36px; text-transform:uppercase; line-height:1; margin-bottom:10px; color:var(--orange);}
.aboutArea h2 strong, .photoGallery h2 strong{ font-weight:600;}
.aboutArea h3{font-size:22px; font-weight:600; margin-bottom:20px;}
.aboutArea a{display:inline-block; margin:10px 0 0; background:#fff; text-transform:uppercase; border:1px #444 solid; color:#444; padding:12px 30px; font-weight:700; font-size:16px;}
.aboutArea a:hover{background:var(--orange); color:#fff;}
p.highlight{padding-left:30px; font-size:20px; position:relative; font-weight:600; line-height:1.3; margin-bottom:30px;}
p.highlight i{position:absolute; left:0; top:0; font-size:24px; color:var(--orange);}


.twoPartArea{background:var(--blue); padding:50px 0; position:relative; color:#fff;}
.twoPartArea:before{position:absolute; display:block; overflow:hidden; content:''; left:0; right:52%; top:0; bottom:0; background:transparent url('../images/twopartimage.jpg') no-repeat left center; background-size:100%;}
.getaQuoteBox h3{font-size:36px;}
.getaQuoteBox h3 strong{display:block; clear:both; color:var(--orange);}
.getaQuoteBox ul{list-style-type:none;margin:20px 0 0;padding:0;}
.getaQuoteBox ul li{display:inline-block; margin-right:10px;}
.getaQuoteBox ul li a{display:block; padding:15px 30px; border-radius:30px; border:2px #fff solid; color:#fff; text-transform:uppercase; font-size:20px; font-weight:700;
-webkit-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
}
.getaQuoteBox ul li a:hover{background:var(--orange); color:#fff;}
.getaQuoteBox ul li a i{margin-right:5px;}
.innerAreaBox{text-align:center; background:#ddd; padding:0;}
.getaQuoteBox.innerAreaBox ul li{width:100%;}
.getaQuoteBox.innerAreaBox ul li a{border:none; box-shadow:none; background: var(--orange); border-radius: 0;}
.getaQuoteBox.innerAreaBox ul li a:hover{background: var(--blue);}
.getaQuoteBox.innerAreaBox ul{margin:0;}


.modal-dialog {max-width: 900px; }
.modal-content {border: none;  position: relative;  padding: 0 !important;  font-size: 14px;  border-radius: 0;
-webkit-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24); }
.modal-content .modal-header {padding: 0; border: none; }
.modal-content button.close {
position: absolute; top: 0; right: 0; padding: 0; margin: 0; width: 40px; height: 40px; z-index: 1; text-shadow: none; background: var(--red); color: #fff; opacity: 1; }
.modal-content .modal-body { border: none; position: relative; z-index: 0; text-align:left;}
.modal-content > .row > [class^="col-"]:first-child{ background:transparent url('../images/bg-1.jpg') no-repeat center center; background-size:cover;}
.modal-content .modal-body h2 { font-weight: 700; text-transform: uppercase; font-size: 42px; }
.modal-content .modal-body h2 span {   font-weight: 400; }
.modal-content .modal-body h4 { text-transform: uppercase; font-size: 16px; }
.modal-content .modal-body .form-control{margin-bottom:10px;}
.modal-content .modal-body label{text-align:left; text-transform: uppercase; display:block;}
.modal-content .modal-body .btn-primary { color: #fff !important; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; background:var(--dark)!important; width:100%; margin-top:10px; border:none!important;}
.modal-content .text {position: relative; z-index: 0;}
.modal-content .text:after {position: absolute; top: -30px; left: -30px; right: -30px; bottom: -30px; content: ''; border: 1px solid rgba(0, 0, 0, 0.1); z-index: -1; }


.servicesArea{ padding:50px 0 30px; text-align:center;}
.servicesArea h2{text-align:center; font-weight:600; margin-bottom:36px; color:var(--blue);}
.servicesArea h3{font-size:22px; color:var(--orange); font-weight:600;}
.servicesArea span{margin-bottom:25px; display:inline-block; width:120px; height:120px; border-radius:50%; outline:3px var(--orange) solid; outline-offset:10px;}
.servicesArea span img{height:100%;}
.servicesArea [class^="col-"]{margin-bottom:20px;}
.servicesArea [class^="col-"]:hover span{background:var(--orange);}
.servicesArea [class^="col-"]:hover img{filter: brightness(0) invert(1);}
.servicesArea [class^="col-"] div{width:90%; margin:0 auto;}
.servicesArea ul{display:block; margin:0; padding:0; list-style-type:none; font-size:20px; text-transform:uppercase;}
.servicesArea ul li{width:47%; display:inline-block; margin:1%; background:var(--orange); color:#fff; padding:8px; border-radius:5px;}
.servicesArea ul li i{margin-right:5px;}
.servicesArea ul li:hover{background:var(--blue);}


.footerArea{background:var(--blue); padding:60px 0; text-align:center; display:block; color:#fff; overflow:hidden; clear:both;}
.footerArea h3{font-size:26px; text-transform:uppercase; font-weight:300; letter-spacing:1px; margin-bottom:10px;}
.footerArea h2{font-size:42px; font-weight:600; margin-bottom:40px;}
.footerArea [class^="col-"]:before{position:absolute;left:0; right:0;top:0; bottom:0;z-index:1; content:''; position:absolute; display:block;
background:#4f4e53; background:linear-gradient(90deg, #4f4e53 0%, #443e42 100%);}
.footerArea [class^="col-"]:hover:before{background:var(--orange); background:linear-gradient(90deg, var(--orange) 0%, #443e42 100%);}
.footerArea [class^="col-"]>div{position:relative; z-index:5; padding:30px; text-align:left;}
.footerArea [class^="col-"]>div i{color:#fff; margin-bottom:20px; display:block; font-size:36px;}
.footerArea [class^="col-"]>div p{text-transform:uppercase; margin-bottom:0; font-size:16px;}
.footerArea [class^="col-"]>div a{font-size:20px; color:#fff; font-weight:600;}
.footerArea [class^="col-"]>div a:hover{color:#fff; text-decoration:underline;}

ul.social-links{margin:0; padding:5px 0; list-style-type:none; display:block; overflow:hidden; clear:both;}
ul.social-links li{display:inline-block;}
ul.social-links li a{text-align:center; color:#fff; display:block; border:1px #fff solid; width:40px; height:40px; text-align:center; border-radius:50%;}
ul.social-links li a i{font-size:18px; line-height:40px;}
ul.social-links li a:hover{background:var(--blue); color:#fff;}

.footerBottom{background:var(--orange); padding:5px 15px; display:block; font-size:16px; position:relative; color:#fff;}
.footerBottom .vpbatch img{height:100px; margin-right:10px;}



#scroll-icon {
 position:fixed;
 right:10px;
 bottom:10px;
 cursor:pointer;
 width:35px;
 height:35px;
 text-indent:-9999px;
 display:none;
 z-index:99999;
}
#scroll-icon span {
	position:absolute; left:0; top:0;
 height:35px;
 width:35px;
 background:transparent url('../images/arrowup.png') no-repeat center center;
}
#scroll-icon:hover {
 opacity:1;
 filter:"alpha(opacity=100)";
 -ms-filter:"alpha(opacity=100)";
}
#scroll-icon:hover span{ background-image:url('../images/arrowupsolid.png');}


.whatsappbtn{position:fixed; left:12px; bottom:12px; z-index:999;}


.innerBanner{display:block; overflow:hidden; padding:15px; background:var(--blue); color:#fff; text-transform:uppercase; font-weight:600; text-align:center;}
.innerBanner h1{margin:0;}

.innerPageArea{padding:40px 0; background:#fff url('../images/innerbg.jpg') no-repeat left bottom fixed; display:block;overflow:hidden;}
.innerPageArea p{text-align:justify;}
.innerContentBox h1{ color:var(--blue); font-weight:700; margin-bottom:0;}
.innerContentBox h1 + span{margin-bottom:20px; display:block; font-weight:600;color:var(--orange);}
.innerContentBox h2{background:var(--blue); color:#fff; font-weight:600; padding:8px 20px; font-size:20px; margin:0;}
.innerGrayBox{padding:30px; display:block; overflow:hidden; background:#fbebe5;}
.innerGrayBox h3{font-size:20px; color:var(--blue); margin-bottom:8px; font-weight:700;}

.innerContentBox > ul{list-style-type:none; margin:0 0 25px; padding:0;}
.innerContentBox > ul > li{margin-bottom:6px; position:relative; padding-left:18px;}
.innerContentBox > ul > li:before{position:absolute; left:0; top:10px; width:8px; height:8px; border-radius:50%; background:var(--orange); content:''; display:block;}


/* Tooltip container */
    .tooltip-container {
      position: relative;
      display: inline-block;
      cursor: pointer;
    }

    /* Tooltip text */
    .tooltip-text {
      visibility: hidden;
      width: 250px;
      background-color: #333; font-size:14px;
      color: #fff;
      text-align: center;
      padding: 8px;
      border-radius: 5px;

      /* Positioning */
      position: absolute;
      z-index: 1;
      bottom: 125%; /* Adjust the position as per your need */
      left: 50%;
      transform: translateX(-50%);
      opacity: 0;
      transition: opacity 0.3s;
    }

    /* Tooltip arrow */
    .tooltip-text::after {
      content: '';
      position: absolute;
      top: 100%; /* Positioning the arrow at the bottom */
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #333 transparent transparent transparent;
    }

    /* Show the tooltip on hover */
    .tooltip-container:hover .tooltip-text {
      visibility: visible;
      opacity: 1;
    }
    
    .formBox [class^="col-"]{margin-bottom:15px;}
    .formBox [class^="col-"] label{font-size:15px; margin-bottom:5px; font-weight:700;}
    .formBox [class^="col-"] input[type="checkbox"]{width:16px; height:16px; margin-right:5px;}
    select.form-control option{font-family: "Arial"!important; font-size:14px!important;}
    .formBox .btn{background:var(--orange)!important; text-transform:uppercase; border:none!important; padding:15px 40px; width:250px; margin:15px auto 0; display:block;}
    .formBox .btn:hover{background:var(--blue)!important;}
    textarea.form-control{height:100px;}
    .highlightformBox{padding:15px!important;}
    .highlightformBox:before{content:''; display:block; position:absolute; z-index: 1; left:0; right:0; top:0; bottom:0; background:#ffc3ac;}
    .highlightformBox > *{position:relative!important; z-index:1!important;}
    .addrowbtn{float:left; padding:5px 15px; background:var(--blue); color:#fff; margin-bottom:10px; border-radius:3px; text-transform:uppercase; font-weight:700; font-size:15px;}
    .addrowbtn:hover{background:var(--orange); color:#fff;}


.wpforms-field.wpforms-field-repeater_start{display: none!important;}
.repeater-field-header{font-size: 14px!important; border-bottom: 1px #ffc3ac solid!important;}
/*.repeater-field-header-count:before{content: 'PROCEEDING DETAILS'; display: inline-block; margin-right: 5px;}*/
.wpforms-field-large.wpforms-field-row{text-align: center!important; font-weight: 700!important;}
div.wpforms-container .wpforms-form .choices__list--single .choices__item[data-value=""]{text-align:left!important;}

.aboutPageBox{text-align:center;}
.aboutPageBox p{text-align:center;}

.imageCirclebox {
            position: relative;
            width: 250px; /* Adjust size as needed */
            height: 250px; /* Adjust size as needed */
            border-radius: 50%;
            overflow: hidden;
            cursor: pointer;
            transition: transform 0.5s;
            margin:0 auto 30px;
            outline:2px var(--orange) solid; outline-offset:10px;
        }

        .imageCirclebox > img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: opacity 0.5s;
        }

        .flipContent {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background: var(--orange); /* Background color with opacity */
            color: #fff;
            font-size: 18px;
            text-align: center;
            transform: rotateY(180deg);
            backface-visibility: hidden;
            transition: transform 0.5s;
        }
        .flipContent strong{font-size:28px;}
        .flipContent > img{height:120px;}

        .imageCirclebox:hover .flipContent {
            transform: rotateY(0deg);
        }

        .imageCirclebox:hover > img {
            opacity: 0;
        }
        
        
        
        
.icon-box{position:relative;padding-left:40px;color:var(--dark);margin-bottom:50px}
.icon-box h4{display:block;position:relative;margin-bottom:10px;font-size:22px;margin-top:30px;color:var(--orange)}
.icon-box h4 i{position:absolute;left:-35px;top:4px}
.icon-box h4:first-child{margin-top:0}
.icon-box p{margin-bottom:5px;text-align:left}
.icon-box ul{display:block;margin-left:0!important; padding:0; list-style-type:none;}
.icon-box ul li{margin:0 5px;display:inline-block;font-size:20px; padding:0;}
.icon-box a{color:var(--dark); font-size:22px;}
.icon-box a:hover{color:var(--orange)}
.icon-box ul li a{border:1px var(--dark) solid;width:40px;height:40px;display:block;text-align:center;border-radius:5px}
.icon-box ul li a i{line-height:40px}
.icon-box ul li a:hover{background:var(--dark);color:#fff}
.icon-box ul li::before{display:none;}
 


.contactFormBox{background:#fff; padding:20px; display:block;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.contactFormBox .btn{width:100%;}

div.wpforms-container-full {margin: 0!important;}
div.wpforms-container-full .wpforms-form input[type="submit"], div.wpforms-container-full .wpforms-form button[type="submit"], div.wpforms-container-full .wpforms-form .wpforms-page-button{background:var(--orange)!important; text-transform:uppercase; border:none!important; padding:15px 40px; width:100%; margin:0; display:block; color: #fff!important; font-weight: 700;}

        
div.wpforms-container-full .wpforms-form .wpforms-field{position: relative;}


/*------------------------------------*\
 Media Queries
\*------------------------------------*/

@media (max-width: 1280px){
}

@media (max-width: 991px){

.project-slider .carousel-item > img{height:500px; float:right; object-position: 85% 0;}
.bannerContent{left:40px; bottom:auto; top:180px;}
.bannerContent h2{font-size:28px!important;}
.bannerContent h2 big{font-size:36px!important;}
.bannerContent h2 span{font-size:30px!important;}
.bannerContent img{width:80px;}


.aboutArea{padding:40px 0 10px;}
.aboutArea h2{font-size:24px;}
.aboutArea > div.highlights{font-size:17px; line-height:1.2; padding:15px 10px; text-align:left; border-radius:0; position:static; margin:0 auto 30px; transform:translate(0,0);}
.aboutArea > div.highlights li{font-size:20px; clear:both; display:block; padding:5px;}
.aboutArea > img, .testimonialsArea > img{display:none;}


.serviceArea{padding-bottom:20px;}
.serviceArea [class^="col"]{margin-bottom:20px;}
.serviceArea > div > div{padding:20px 20px 0;}

.modal-content .row [class^="col-"]:first-child{height:300px;}

.innerContentBox{margin-top:30px;}
}

@media (max-width: 767px){
.headerTop{ display:block;}
.headerTop .text-sm-right a{padding: 5px 0; font-size: 14px; width: 100%; text-align: center;}
.logo{padding:5px 0;}
.animated-logo {font-size: 26px;}

.tagline {
    line-height: 1; padding:2px 0; /* Center text vertically */
}

.project-slider-area{}
.project-slider-area .order-md-2 > img{display:none;}
.project-slider-area .bannerHead{margin-bottom:15px; text-align:center;}
.project-slider-area .bannerHead [class^="col-"]{ border:none!important; padding:10px 15px;}
.wrap-video{right:auto; left:40px; bottom:25%;}

.whyArea h1{font-size:24px;}

.bannerSideBox > a img{top:30px;}
.bannerSideBox > a {padding: 20px 20px 20px 120px;}


.getaQuoteBox{padding:20px 0; text-align:center;}
.getaQuoteBox h3{font-size:28px;}
.getaQuoteBox ul li{display:block; width:100%; margin:0;}
.twoPartArea:before{right:0%; background-size:cover;}
.getaQuoteBox.innerAreaBox{padding:0!important;}

.blogAreas{padding-bottom:0px;}
.blogAreas [class^="col-"]{ margin-bottom:20px;}


.footerArea{ text-align:center;}
.footerArea h2{font-size:30px;}
.footerArea [class^="col-"] div{text-align:center;}
.footerArea [class^="col-"]::before{background: linear-gradient(180deg, #4f4e53 0%, #443e42 100%);}
.footerArea [class^="col-"]:hover:before{background:linear-gradient(180deg, var(--orange) 0%, #443e42 100%);}

.ourServices:before{width:50%;}

.footerBottom{text-align:center;}
.footerBottom ul{ text-align:center; display:block; float:none; padding-top:10px;}

.quickEnquiry{padding:30px 0 10px;}

.innerBanner h1{font-size:24px;}
.servicesArea ul li{width:98%;}
}

@media (max-width: 500px){

.card-header h5{font-size:17px;}

}

@media (max-width: 360px){
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}

@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
}