/*Global css*/

:root {
  --primaryColor:#bf0000;
  --typographyColor: #000000;
  --backgroudColor:#000;
  --whiteColor: #fff;
  --blackColor: #000;
}     

*{margin: 0;padding: 0;}
body{background-color:var(--whiteColor);font-family: 'Roboto', sans-serif;color:var(--typographyColor);font-size:16px; line-height:26px; font-weight:400;margin: 0;padding:0;min-width: 320px;}
a,button{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
a{text-decoration:none;color:var(--typographyColor); display: inline-block;} 
a:hover{text-decoration:none;outline:0;color:inherit;} 
span{display: inline-block;} 
a, img,svg{border:none;outline:none;}
img,svg{max-width:100%;height:auto;display:inline-block;vertical-align:middle;}
h1, h2, h3, h4, h5, h6 {margin:0 0 20px;padding:0; color:var(--typographyColor); font-family: 'Fira Sans', sans-serif;}
ul, ol{padding:0;margin:0;} 
ul li{list-style:none;}                        
p{display:block;line-height:26px;margin:0 0 20px;padding:0;}
p:last-child{margin-bottom: 0;}          
b, strong {font-weight: 700;} 
.form-control {color: #777777 !important;background-color: var(--whiteColor);border-radius: 0;border-top:none;border-left: none;border-right: none;border-bottom: 2px solid #e9e9e9;outline: none;height:55px;line-height:55px;padding:0;font-size: 14px;color: #000;font-weight:500;font-family: 'Inter', sans-serif;}
.form-control:focus {color:var(--blackColor);background-color: var(--whiteColor);border-color:var(--primaryColor);outline: 0;box-shadow:none;outline: none;}
select.form-control{-webkit-appearance: none; -moz-appearance: none; height:44px !important;line-height:44px;background:var(--whiteColor) url(../images/select-arrow.svg) no-repeat center right 20px;}
textarea.form-control {min-height: 100px;resize: none;line-height: normal;padding-top: 15px;} 
.form-control::placeholder {color:var(--blackColor);}
.form-control::-webkit-input-placeholder {color:var(--blackColor);}
.form-control::-moz-placeholder {color:var(--blackColor);}
.form-control:-ms-input-placeholder { color:var(--blackColor);} 
.form-control:-moz-placeholder { color:var(--blackColor);}  
.container{width:100%;max-width:1200px;position:relative;}
.btn-custom {font-family: fira sans,sans-serif; position: relative;  background-image: linear-gradient(90deg, #bf0000 0%, #bf0000 50%, #30004e); 
  padding: 0px 40px; border-radius: 50px; overflow: hidden; border: 0;  box-shadow: 0px 6px 27px 0px rgba(0, 64.00000000000003, 190, 0.34); display: inline-block; font-size: 15px; color: var(--whiteColor); font-weight:700; outline: none !important; height:52px;line-height: 52px;text-align: center;    background-size: 200%,1px;
  background-position: 0; justify-content: center;}
.btn-custom:hover,    
.btn-custom:focus{text-decoration: none; color: var(--whiteColor); background-position: 100%; background-image: linear-gradient(90deg, #bf0000 0%, #202020 50%, #202020) !important;}
 
.input-field-group {position: relative;}
.input-field-group .form-label {font-size: 14px; position: absolute; top: 8px; font-weight: 500; margin: 0; transition: all ease 0.1s; display: block;}
.input-field-group .form-control:focus ~ .form-label,  
.input-field-group .form-control.has-value ~ .form-label {top: -10px; left:0; transform: translateY(0); color: #000000;}
 
/*Global css end*/        
    
/*===== header css =====*/
.top-bar{background-color: var(--primaryColor); color: var(--whiteColor);  padding:5px 0;}
.top-bar a{ color: var(--whiteColor);}
.social-link ul{  display: flex;}
.social-link ul li{ padding-right: 14px;} 
.social-link ul li:last-child{padding-right: 0;}
.top-bar .container{ display: flex; justify-content: space-between; align-items: center;} 
.location {font-weight: 700; font-size:14px;}
.location .media-body{ padding-left: 8px;}
.location i{font-size:16px;} 
.header {position: sticky; top: 0; z-index: 9; background: var(--whiteColor); box-shadow: 1px 2px 10px rgba(0,0,0,0.1); } 
.header-main{background-color: var(--whiteColor); padding: 15px 0;}
.navbar-brand{ padding: 0; margin: 0;}
.navbar-brand img{max-width: 250px;} 
.header-main{ color:var(--typographyColor); font-weight: 700;} 
.navbar .navbar-nav li{padding: 0 16px;}
.navbar .navbar-nav li .nav-link {font-weight: 700; color:var(--typographyColor); padding:0;}
.navbar .navbar-nav li .nav-link:hover {color:var(--primaryColor);}
.hdr-right ul{display: flex; align-items: center;}
.hdr-right ul li {padding-left: 32px;}       
.hdr-right ul li:first-child {padding-left: 16px;} 
.search:hover {color: inherit;}
.cart {display: inline-block; cursor: pointer; font-size: 22px; color: var(--primaryColor); position: relative;}
.cart .counter { position: absolute;  top: -2px;  right: -14px;  width: 20px;  display: block;   height: 20px;  line-height: 20px; text-align: center; font-weight: 500;  background-color: #f90000;  color: var(--whiteColor); font-size: 14px;  border-radius: 100%;} 
.contact-btn{padding: 0px 38px; position: relative; border-radius: 45px; line-height: 45px; color: var(--whiteColor); font-weight: 700; background-color: var(--primaryColor); overflow: hidden; box-shadow: none !important; }
.contact-btn:after { content: ""; background: var(--whiteColor);  transition: all .8s; position: absolute;height: 120%; width: 15px;opacity: .2;left: -35%;top: -10%; transform: rotate(15deg);}
.contact-btn:hover:after, .contact-btn:focus:after {left: 130%;}
.contact-btn:hover, .contact-btn:focus{  color: var(--whiteColor);}
/*===== header end =====*/ 
    
/*===== banner-section  =====*/
.banner-section{position: relative; height: 100%;}
.banner-section::before{ content: '';  position: absolute; left: 0;right: -7px; bottom: -25px; background: url('../images/shape.png') no-repeat;  width: 100%; height: 190px; background-size:cover; z-index: 2;}
.banner-img {height: 715px; object-fit: cover;  width: 100%;}
.banner-caption{ top: 50%; left: 0; right: 0; margin-top: -40px;position: absolute;max-width: 900px; color: var(--whiteColor); text-align: center; transform: translateY(-50%)}
.banner-caption h1{text-align: center; line-height: 85px;letter-spacing: 0px;font-weight: 700; color: var(--whiteColor); margin-bottom: 25px;font-size: 75px; text-shadow: 0 3px 4px rgba(13,13,13,.29);}
.banner-caption p {line-height: 30px; letter-spacing: 0px; font-weight: 400; font-size: 20px;  margin-bottom: 35px;}
.slider-video{ width: 92px;  height: 92px; display: inline-block; background-color: var(--whiteColor); border-radius: 92px; position: relative; line-height: 92px; text-align: center; font-size: 20px; color: var(--primaryColor);  margin-bottom: 27px;}
.slider-video:hover{color: var(--primaryColor);}
.banner-carousal .owl-nav { position: absolute;  top: 50%; left: 0; right: 0;margin-top: -132px; transform: translateY(-50%);}
.banner-carousal .owl-nav button{ width: 80px;  height: 80px; display: flex; justify-content: center; align-items: center; background-color: #e9effb !important; border-radius: 100%; color: var(--primaryColor) !important;    font-size: 35px !important; position: absolute; overflow: hidden; }
.banner-carousal .owl-nav button:hover i {z-index: 99; color: var(--whiteColor);} 
.banner-carousal .owl-nav button:before { content: ''; position: absolute;top: 0;left: 0;width: 100%;  height: 100%; border-radius: 100%; background-color: rgba(113,20,239,.8); border-radius: 100%; transition: .3s cubic-bezier(.24,.74,.58,1); 
    transform: scale(0); opacity: 0;}
.banner-carousal .owl-nav button:hover::before{transform: scale(1); opacity: 1;}
.banner-carousal .owl-nav .owl-prev{left: 25px;}
.banner-carousal .owl-nav .owl-next{ right: 25px;}
.banner-inner:before{display: none;} 
.banner-inner img{width:100%;display: block;}
.banner-carousal .item{ position: relative;}
.banner-carousal .item::before { content: ''; position: absolute;top: 0; left: 0;  width: 100%;  height: 100%;  background: rgba(0,0,0,0.5);}
.banner-inner::after {top: 0px; content:''; left: 0px; width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.5); }
.banner-inner img {min-height: 210px; object-fit: cover;}
.banner-inner .banner-caption{ z-index: 1;  margin-top: 0;}
.banner-inner .banner-caption h1 { font-size: 50px; line-height: 1;  margin-bottom: 10px;}    
.banner-breadcrumb  .breadcrumb {background-color: transparent; justify-content: center;text-transform: capitalize; font-size: 16px; padding: 0; margin: 0; text-align:left; }
.banner-breadcrumb .breadcrumb a,
.banner-breadcrumb .breadcrumb li.active {color: var(--whiteColor);} 
.banner-breadcrumb .breadcrumb a:hover{color: var(--primaryColor)}
.banner-breadcrumb .breadcrumb-item+.breadcrumb-item {padding-left: 15px;} 
.banner-breadcrumb .breadcrumb-item+.breadcrumb-item::before{content:"\f054"; font-size: 12px;  font-weight: 900; color: var(--whiteColor);  font-family: 'Font Awesome 5 Free';  padding-right: 15px;}
/*===== banner-section  end=====*/

/*=====service-section =====*/
.service-section{z-index: 3; margin-top: -118px;  position: relative; padding-bottom: 60px;}
.service-title {font-size: 22px; line-height: 1.363; margin: 0 0 14px; font-weight: 700; font-family: 'Fira Sans', sans-serif;}
.service-icon{display: flex; align-items: flex-end; min-height: 62px; margin:0 0 15px;}
.service-info p { color:var(--typographyColor);  margin-bottom: 10px;} 
.service-card {background-color: var(--whiteColor); padding:37px 25px 32px; border-radius: 5px; box-shadow: 0 0 8px rgba(0,36,119,6%); transition: .3s cubic-bezier(.24,.74,.58,1); }
.service-card:hover {box-shadow: 0 0 50px rgba(0,36,119,0.25);} 
.read-more { font-size: 15px; font-weight: 700; display: inline-flex; align-items: center; position: relative; color:var(--primaryColor);}
.read-more:hover, .read-more:focus{ color:var(--primaryColor);}
.read-more i { margin-left: 4px;color:var(--primaryColor);transition: .3s cubic-bezier(.24,.74,.58,1);} 
.read-more:hover i {margin-left: 2px;}  
.read-more .more-icon-main { font-size: 10px;}
.read-more .more-icon-hover { position: absolute; top: 50%; right: 0; transform: translate(-20px,-50%); opacity: 0; font-size:13px}
.read-more:hover .more-icon-main{ opacity: 0;}
.read-more:hover .more-icon-hover {transform: translate(8px,-50%); opacity: 1;}
.service-card:hover .service-title{color:var(--primaryColor);} 
.box-shape2{top: -42px;  position: absolute; width: 87px; height: 101px; right: 100%; margin-right: 130px; animation: particleToptoBottom 10s infinite linear alternate;}
.box-shape1{top: -149px; right: 0; left: 100%; width: 261px; height: 343px; position: absolute;  margin-left: 30px; animation: particleToptoBottom 10s infinite linear alternate; }
/*=====service-section end=====*/  
 
/*===== heading-col =====*/
.heading-col h6{font-size:20px;font-weight:500;display: flex; align-items: center; }
.heading-col h6 i{display:block;width:34px;flex:0 0 34px;margin-right:10px;}
.heading-col h6 i img{display:block;width:100%;}
.heading-col h6 span{color: var(--primaryColor);margin:0 5px;}
.heading-col h3{font-size:60px;font-weight:700;font-family: 'Fira Sans', sans-serif;}
.heading-col h3 span{color: var(--primaryColor);}
.heading-col-white h6, .heading-col-white h3{color:var(--whiteColor);}
/*=====heading-col=====*/

/*=====service-company =====*/
.service-company{background: url(../images/h5-bg-section1.webp) no-repeat center top -271px;padding-top: 70px;padding-bottom:120px;}
.service-company-info {display: flex;align-items: center;padding-right: 40px;}
.service-company-info-left{}
.service-company-info-left p{font-size:18px;color:var(--typographyColor);line-height:30px;padding:0;margin:0;}
.service-company-info-left p a{color:var(--typographyColor);font-weight: 700;text-decoration: underline;}
.service-company-info-right {display: flex;align-items: center;flex: 0 0 auto;}
.service-company-info-right-img{flex:0 0 auto;}
.service-company-info-right a{color:var(--typographyColor);font-weight: 700;text-decoration: underline;}
.contact-withUs-outer{position: relative;}
.contact-withUs-outer:before {content: '';position: absolute;left: 30px;height: 100%;right: 30px;bottom: -17px;border-radius: 90px;background-color: #ccd3de;}
.contact-withUs{background-color:var(--backgroudColor);padding: 18px 45px;border-radius: 90px;margin-top:75px;position: relative;}
.contact-withUs-user i{width: 60px;min-width: 60px;margin-right: 24px;}
.contact-withUs-user i img {border-radius: 60px;display: block;width:100%;height:100%;object-fit: cover;}
.contact-withUs-user span {font-size: 20px;margin-bottom: 2px;color: var(--whiteColor);display: block;font-weight: 600;}
.contact-withUs-user span small {font-size: 15px;color: #8ba5cc;display: block;}
.contact-withUs-title{text-align: center;font-size: 30px;line-height: 1.23;font-family: fira sans,sans-serif;color: var(--whiteColor);font-weight: 700;margin-right: auto;}
.contact-withUs .btn-custom{border: none;}
.video-play {margin-top: 40px;display: flex;align-items: center;font-size: 15px;font-weight: 700;color: var(--primaryColor);}
.video-play .icon {width:55px;height:55px;border-radius:55px;background-color: var(--primaryColor);color: var(--whiteColor); line-height: 55px; text-align: center; flex:0 0 55px;margin-right:20px;position: relative;}
.video-play .icon:after{content: "";position: absolute;z-index: 0;left: 0;top: 0;display: block;width: 100%;height: 100%;border-radius: 50%;animation: pulse-border2 1500ms ease-out infinite;opacity: .55;background-color: var(--primaryColor);}
/*=====service-company=====*/

/*=====case-studies=====*/
.case-studies{background-color: var(--backgroudColor);padding-top:100px;padding-bottom:100px;position: relative;}
.case-studies-graphic {position: absolute;top: -180px;left: -40px;animation: particleToptoBottom 10s infinite linear alternate;}
.case-studies-graphic-bottom{position: absolute;bottom: -140px;right:60px;animation: animationFramesFive 12s infinite linear alternate; z-index: 8;}
.case-studies .heading-col{padding-bottom:20px;}
.case-studies-card{position: relative;display: block;width:535px;}
.case-studies-card span{display:block;}
.case-studies-card-img{position: relative;}
.case-studies-card-img:after, .case-studies-card-img:before{position: absolute;top:0;left:0;right:0;bottom:0;content:"";transition: .3s cubic-bezier(.24,.74,.58,1);}
.case-studies-card-img:after{background: rgb(27,27,27);background: linear-gradient(0deg, rgba(27,27,27,1) 0%, rgba(27,27,27,0) 100%);transition: .3s cubic-bezier(.24,.74,.58,1);}
.case-studies-card-img:before{background: rgb(113,20,239);background:linear-gradient(0deg, rgb(191 0 0) 0%, rgba(113, 20, 239, 0) 100%);opacity:0;}
.case-studies-card:hover .case-studies-card-img:before{opacity:1;}
.case-studies-card:hover .case-studies-card-img:after{opacity:0;}
.case-studies-card-info {position: absolute;bottom: 0;left: 0;right: 0;top: 0;display: flex !important;align-items: flex-end;width: 100%;padding: 32px 50px;}
.item-info p{font-size: 15px;color: var(--whiteColor);margin-bottom: 10px;}
.item-info h4{font-size: 24px;margin-bottom: 0;color: var(--whiteColor);font-weight: 700;}
.case-studies .owl-nav {display: flex!important; align-items: center;justify-content: space-between;max-width:1120px;margin: 0 auto;position: absolute;right: 0;left: 0;bottom: -20px;}
.case-studies .owl-nav button{height: 46px;width: 46px;background: #393c57 !important;border-radius:46px;}
.case-studies .owl-nav button span{font-size:16px;color:var(--whiteColor);}
.case-studies .owl-dots {display: flex !important;align-items: center;justify-content: center;max-width:980px;margin:80px auto 0;}
.case-studies .owl-dot{width: 16.666%;flex: 0 0 16.666%;height:3px;background: #393c57 !important;}
.case-studies .owl-dot.active{background:var(--primaryColor) !important;}
/*=====case-studies=====*/

/*=====feachered-services=====*/
.feachered-services{padding-top:100px;padding-bottom:100px;}
.feachered-services-card{display: flex;flex-wrap: nowrap;padding: 40px 40px 33px;margin-bottom: 20px;transition:all 0.3s ease;}
.feachered-services-card:hover{box-shadow: 0 44px 43px rgba(0,0,27,.25);}
.feachered-services-card i{width:50px;flex:0 0 50px;margin-right:20px;}
.feachered-services-info h4 {font-size: 22px;margin-bottom: 12px;margin-top: -2px;color: var(--primaryColor);}
.feachered-services-info p {font-size: 15px;line-height: 1.6;color:var(--typographyColor);margin-bottom: 17px;}
.more-btn {font-size: 14px;font-weight: 600;font-family: fira sans,sans-serif;display: inline-block;color: var(--primaryColor);}
.services-btn{display: flex;justify-content: center;margin-top:20px;}
/*=====feachered-services=====*/

/*=====contact-us-block=====*/       
.contact-us-block{background: url(../images/h5-bg-section6.webp) no-repeat center top;padding-top:100px;padding-bottom:100px;}
.contact-us-block .heading-col{padding-bottom: 50px;
  padding-top: 50px;}
.contact-form {padding-right: 45px;}
.contact-info {padding-top: 50px;padding-left: 0;}
.card-contact {display: flex;margin-bottom:30px;} 
.card-contact .icon{width: 46px;height: 46px;min-width: 46px;line-height: 46px;text-align: center;margin-right: 20px;background-color:var(--primaryColor);border-radius: 46px; font-size: 20px; color: var(--whiteColor);}
.card-contact .icon.phone{font-size: 18px;}
.card-contact-right span{display:block;color: var(--primaryColor);font-weight:600;font-size:15px;margin-bottom:8px;}
.card-contact-right h5{font-size: 20px;line-height: 1.5;color:var(--typographyColor);margin-bottom:0;}
.contact-map { padding-top: 100px;}
.contact-map iframe {min-height: 500px;}
/*=====contact-us-block=====*/
 
/*=====testimonials=====*/
.testimonials{padding-top:100px;padding-bottom: 100px;}
.testimonials-left-img{margin-left:-120px;}
.testimonials-user-img{width: 80px;height: 80px;margin: 0 auto 24px;display: block;}
.testimonials-user-img img{width:100%;height:100%;border-radius:50%;object-fit: cover;}
.testimonials-slider-cardinfo {display: flex;}
.item-icon{line-height: 1;font-size: 150px;font-weight: 700;color: var(--primaryColor);}
.testimonials-slider-card p{font-size: 24px;color:var(--typographyColor);line-height: 1.41;margin-bottom: 34px;padding: 0 50px;}
.testimonials-title{display: block;font-size: 24px;color:var(--typographyColor);font-weight: 700;}
.testimonials-title small{display: block;font-size:16px;color: var(--primaryColor);font-weight: 700;}
.testimonials-slider .owl-dots{display: flex; justify-content: center;align-items: center;margin-top:40px;height:19px;}
.testimonials-slider .owl-dots .owl-dot{height: 13px;width: 13px;background-color: rgb(191 0 0);border-radius:25px;margin:0 5px;}
.testimonials-slider .owl-dots .owl-dot.active{transform: scale(1.45);background-color: var(--primaryColor);}
/*=====testimonials=====*/

/*=====footer-section =====*/     
.footer{background-color:var(--backgroudColor);  color:#9D9D9D; font-size: 14px;}
.footer a{color: #9D9D9D;}
.footer a:hover, .footer a:focus{color: #bf0000;}
.ftr-top{padding: 80px 0 60px;}
.btn-custom.about-link{padding: 0px 16px; border-radius: 36px; font-size: 13px; text-transform: uppercase; line-height: 35px; height: 36px; color: var(--whiteColor); font-family: 'Roboto', sans-serif;}
.btn-custom.about-link:hover,
.btn-custom.about-link:focus{ color: var(--whiteColor);}
.ftr-logo-img{max-width: 64px;}
.ftr-logo p {font-size: 16px; line-height: 27px; margin: 20px 0 30px;}
.ftr-title{font-size: 22px; font-weight: 700; position: relative; font-family: 'Fira Sans', sans-serif; color: var(--whiteColor); padding-bottom: 11px; margin-bottom: 16px;}
.ftr-title::before { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 28px; background-color: var(--primaryColor); }
.newsletter p {font-size: 15px; line-height: 26px; margin-bottom: 32px;}
.newsletter-form{position: relative; margin-bottom: 15px;}
.newsletter-form .form-control{color: var(--whiteColor); padding-left: 24px; border: none; background-color: #0f0f35; border-radius: 0; padding-right: 70px; }
.newsletter-btn { position: absolute; width: 62px;height: 55px;  font-size: 17px;top: 0;padding: 0px 5px; right: 0; border-radius: 0; line-height: 1;}
.newsletter-form .form-control::-webkit-input-placeholder{font-size: 14px; opacity: 1;color: var(--whiteColor); font-family: 'Roboto', sans-serif;}
.newsletter-form .form-control:-ms-input-placeholder{font-size: 14px; opacity: 1;color: var(--whiteColor); font-family: 'Roboto', sans-serif;} 
.newsletter-form .form-control::placeholder{font-size: 14px; opacity: 1;color: var(--whiteColor); font-family: 'Roboto', sans-serif;}
.contact-box .icon {width: 25px;}
.contact-box i {color: var(--primaryColor);} 
.contact-box { margin-bottom: 10px;} 
.contact-box p{line-height: 24px;}
.open-hrs span {font-family: "Fira Sans", Sans-serif; font-size: 14px; font-weight: 700; color: var(--whiteColor); padding-bottom: 3px;}
.open-hrs p { margin-bottom: 0; line-height: 24px;}
.ftr-gallery {margin-top: 21px;}
.ftr-gallery ul{display: flex; flex-wrap: wrap; margin: 0 -5px;}
.ftr-gallery ul li { flex: 0 0 33.33%; max-width: 33.33%; padding: 0 5px;}
.ftr-gallery-box{ margin-bottom: 10px;}
.ftr-gallery-box img {width: 100%; height: auto;  object-fit: cover;}
.ftr-btm{padding: 18px 0; letter-spacing: .12px;text-align: center; font-size: 15px;  border-top: 1px solid #bf0000;}
.ftr-btm, .ftr-btm a{ color:var(--whiteColor);}
.ftr-btm a:hover,
.ftr-btm a:focus{color:#00A1F6;}
.ftr-btm p{line-height: 24px;}
.newsletter-ftr-box {max-width: 370px; margin-left: 19%;}
.official-ftr-box{ max-width: 160px;margin-left: auto;}
/*=====footer-section end =====*/   

/*=====quote-section =====*/
.quote-section{background-color: #0F0F35; color: var(--whiteColor)FFF; padding: 38px 0;}
.quote-box{ display: flex; flex-wrap: wrap; align-items: center; }
.quote-disc{flex: 1; font-size: 30px; line-height: 1.1428; padding-right: 15px; font-family: 'Fira Sans', sans-serif; }
.quote-btn .btn-custom{ padding-left: 48px; padding-right: 48px;}
/*=====quote-section end =====*/ 
 
@keyframes particleToptoBottom{
  0%{transform:translateY(0)}
  25%{transform:translateY(40px)}
  50%{transform:translateY(0)}
  75%{transform:translateY(-40px)}
  100%{transform:translateY(0)}
}
@keyframes animationFramesFive{
  0%{transform:translateY(0)}
  25%{transform:translateY(-40px)}
  50%{transform:translateY(0)}
  75%{transform:translateY(40px)}
  100%{transform:translateY(0)}
}
@keyframes pulse-border2{
  0%{transform:scale(1);opacity:.67}
  100%{transform:scale(2.2);opacity:0}
} 
           
/*=====chkbox css =====*/
.check-custom{display:inline-block;position:relative;vertical-align:top; font-family: 'Inter', sans-serif;}
.check-custom input[type="checkbox"]{bottom: 0; display: block; left: 0; margin: 0; opacity: 0; position: absolute; right: 0; top: 5px; width: 18px; 
  height : 18px; cursor: pointer; z-index: 1;}
.check-custom input[type="checkbox"] + label{color:var(--blackColor); display: inline-block; font-size: 14px; font-weight: 400; line-height: 22px; margin: 0; min-height: 25px;  padding: 0 0 0 28px; position: relative; cursor: auto; z-index: -1;}
.check-custom input[type="checkbox"] + label:before, 
.check-custom input[type="checkbox"] + label:after {content: '';  position: absolute; width: 18px; height: 18px;  left: 0; top: 3px; cursor: pointer; }
.check-custom input[type="checkbox"] + label:before{background-color: #e9e9e9;}
.check-custom input[type="checkbox"] + label:after { border-bottom: 1px solid var(--blackColor); border-left: 1px solid var(--blackColor); width: 10px; margin-top: 4px; height: 6px; opacity: 0; transform: rotate(-45deg); margin-left: 4px;}
.check-custom input[type="checkbox"]:checked + label:after{opacity: 1;}
/*=====chkbox css =====*/ 

/*=====middle section =====*/
.middle-section{padding-top: 100px; padding-bottom: 100px;}
/*=====middle section =====*/

/*=====blog page =====*/ 
.blog-card {margin-bottom: 40px;} 
.blog-image {margin: 0; border-radius: 5px; overflow: hidden; margin: 0 0 20px; }
.blog-image img{width: 100%; max-height: 500px; object-fit: cover;}        
.blog-image a {display: block; }
.blog-card-title {font-size: 35px; margin-bottom: 15px; }
.blog-card-info p {margin: 0 0 26px; }
.blog-card-title a:hover,
.blog-card-title a:focus{color: var(--primaryColor);}
.blog-entry-meta {margin-bottom: 18px; font-size: 14px; color: #707070; border-bottom: 1px solid #ececf0; position: relative; padding-bottom: 8px;}
.blog-entry-meta:before { content: ''; width: 40px; height: 3px;  position: absolute;  bottom: -1px;  left: 0; background-image: linear-gradient(to right,var(--primaryColor),var(--backgroudColor)); }
.blog-entry-meta ul {display: flex;flex-wrap: wrap;}
.blog-entry-meta ul li{padding-right: 26px; margin-bottom: 5px;}
.entry-meta-icon {font-size: 16px; margin-right: 10px; color: var(--primaryColor); }
.blog-entry-meta a,                         
.blog-entry-meta a:hover {color: var(--primaryColor);}
.blog-entry-meta strong a,
.blog-entry-meta strong a:hover {color: var(--typographyColor);}  
.price-icon {transform: rotate(90deg);}
.widget-search-frm {position: relative; }
.widget-search-frm input {padding-right: 45px; height: 50px; line-height: 50px; }
.widget-search-btn {position: absolute; top: 12px; right: 15px; background: transparent; outline: none; border: 0; color: #222; font-size: 14px; font-weight: 400; padding: 0; margin: 0; }
.widget-search-btn:hover, 
.widget-search-btn:focus {color: var(--primaryColor); } 
.widget{margin-bottom: 45px; }
.widget-title {position: relative; font-size: 22px; margin-bottom: 20px; padding-bottom: 10px; font-weight: 600; }
.widget-title:before {  content: ''; width: 40px; height: 3px;  position: absolute;  bottom: -1px;  left: 0; background-image: linear-gradient(to right,var(--primaryColor),var(--backgroudColor)); }
.count{width: 27px; height: 27px; display: inline-block; background-color: #eee; text-align: center; line-height: 27px; font-size: 12px; font-weight: 500; color: #222; transition: 0.5s ease; }
.cat-item li{border-bottom: 1px solid #ececf0;}  
.cat-item li:last-child{ border-bottom:0;}
.cat-item li a{color: #222; display: block; font-size: 15px; font-weight: 700; line-height: 27px; padding: 12px 30px 12px 14px; position: relative; }
.cat-item li a::before{content: "\f105"; position: absolute; font-family: 'Font Awesome 5 Free'; left: 0; font-size: 16px; transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease; }
.cat-item li a:hover{padding-left: 28px; color: var(--primaryColor); }
.cat-item li a:hover:before{left: 15px; }
.cat-item li a .count{position: absolute; right: 0; }
.cat-item li a:hover .count{background-color: var(--primaryColor); color: var(--whiteColor); }
.recent-posts-img a {position: relative; overflow: hidden; display: block; }
.recent-posts-img a:before {content: ''; position: absolute; top: 0; left: -75%; z-index: 2; display: block; width: 50%; height: 100%; background: linear-gradient(to right,#fff 0%,rgba(255,255,255,.3) 100%); transform: skewX(-25deg); transition: 0.5s ease; } 
.recent-posts-img a:hover:before {left: 130%;}
.recent-posts-img {margin-top: 2px; }
.recent-posts-img img{width: 60px; height: 65px; object-fit: cover; border-radius: 5px; } 
.recent-posts-info{padding-left: 10px;}
.recent-posts-title {font-size: 16px; line-height: 22px; margin-bottom: 10px; }
.recent-posts-title a:hover{color: var(--primaryColor); }
.recent-date{font-size: 14px; line-height: 1; color: #8a8989; display: flex; align-items: center; } 
.recent-date i{color: var(--primaryColor); margin-right: 5px; margin-top: -1px; }
.recent-posts-list li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } 
.recent-posts-list li {border-bottom: 1px solid #ececf0; padding-bottom: 25px; margin-bottom: 23px; }
.widget-gallery-list{display: flex; flex-wrap: wrap; margin: 0 -5px; }
.widget-gallery-list li{flex: 0 0 33.33%; max-width: 33.33%; padding: 0 5px; }
.widget-gallery-box {width: 100%; margin-bottom: 10px; border-radius: 5px; overflow: hidden; }
.widget-gallery-box img {width: 100%; min-height: 75px; object-fit: cover; }
.widget-gallery-box a{display: block; position: relative; }
.widget-gallery-box a::before{top: 0px; content: ''; left: 0px; width: 100%; height: 100%; position: absolute; transform: scale(0); transition: 0.5s ease; background: rgba(0,0,0,0.5); }
.gallery-search{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--whiteColor); opacity: 0; transition: 0.5s ease; }
.widget-gallery-box a:hover .gallery-search{opacity: 1; }
.widget-gallery-box a:hover:before{transform: scale(1); }
.tagcloud-list{display: flex; flex-wrap:wrap; }
.tagcloud-list li{padding: 0 10px 10px 0 ; }
.tagcloud-list li a{border: 1px solid #eeecec; padding: 0 16px; display: inline-block; font-size: 14px; line-height: 27px; font-weight: 700; text-transform: capitalize; } 
.tagcloud-list li a:hover{background-color: var(--primaryColor); color: var(--whiteColor); border-color: var(--primaryColor); } 
.widget.widget_categories {margin-bottom: 35px; }
.widget-title.tagcloud-title {margin-bottom: 35px; } 
.comment-form .form-group {margin-bottom: 25px;}
.contact-form.comment-form{padding:20px 30px 35px; box-shadow: 0 0 35px rgba(12,12,12,0.05);}
.comment-title { margin-bottom: 30px;}
.comment-form .btn-custom { margin-top: 10px;}
.blog-dtl-image img {max-height: 600px; object-fit: cover;}
.single-post .comment-form h2.comments-title {font-size: 30px; }
.single-post .comment-author.vcard img {margin-right: 10px; }
.single-post  .comment-form .btn-custom {margin-bottom: 20px; }
.single-post .comment-respond .comment-reply-title {font-size: 25px; width: 100%;display: inline-block;} 
.single-post .comment-metadata {font-weight: 500; }   
.single-post .comment-form ol.comment-list {list-style: none; }
.single-post .comment-form-cookies-consent label {flex: 1; padding-left: 10px; }
.single-post .comment-form-cookies-consent input {margin-top: 5px; }
.single-post .comment-form-cookies-consent {display: flex; align-items: flex-start; padding-left: 15px; }
/*=====blog page end=====*/ 
               
/*=====pagination =====*/
.custom-pagination{justify-content: center;}
.custom-pagination .page-item{ padding: 7.5px;}
.custom-pagination .page-link{width: 40px;height: 40px; background-color: #eaeaea; line-height: 42px; text-align: center; font-size: 16px; font-weight: 700; display: inline-block; color: #191919;
  position: relative; z-index: 1;  padding: 0; border-radius: 0 !important; border: none; box-shadow: none; outline: none; }
.custom-pagination .page-link:hover{color:var(--whiteColor);}
.custom-pagination .page-link::before {content: ''; height: 0; width: 100%; position: absolute; bottom: 0; left: 0; background-color: var(--primaryColor); background-image: linear-gradient(to right,var(--primaryColor),var(--backgroudColor));  z-index: -1; transition: 0.5s ease; }
.custom-pagination .page-item.active .page-link:before,
.custom-pagination .page-link:hover:before{height: 100%;}
/*=====pagination end=====*/

/*=====about page=====*/ 
.about-contain-box { padding-right: 50px;}
.about-heading {font-weight: 700; font-size: 42px;} 
.about-heading span {color: var(--primaryColor);} 
.about-small-heading {font-size: 18px;font-weight: 700;display: block;margin-bottom: 10px; color: var(--primaryColor);}
.about-heading-text{font-size: 18px; line-height: 29px; color: #1B1B1B;margin: 30px 0;}
.about-tab{border-bottom: 3px solid #ebebeb; margin-bottom: 20px;} 
.about-tab{font-size: 17px; line-height: 1.55; }
.about-tab .nav-link.active,
.about-tab .nav-link {border: 0; font-size: 17px; font-weight: 700; padding: 9px 15px; color: #1a1a1a; text-transform: capitalize; margin: 0 15px -3px 0; border-bottom: 3px solid #ebebeb; position: relative; } .about-tab .nav-link::before {content: ''; transform: scale(0); width: 0; height: 3px;  position: absolute; bottom: -3px; left: 0; background-color: var(--primaryColor); transition: 0.5s ease; }
.about-tab .nav-link.active, .about-tab .nav-link:hover{color: var(--primaryColor); }
.about-tab .nav-link.active:before, .about-tab .nav-link:hover:before{transform: scale(1); width: 100%; }
.about-tab-contain{color: #888888; }
.about-image img{border-radius: 15px; }
.about-card-info {background: #fff; margin: -83px 25px 0; position: relative; padding: 30px 20px; border-radius: 15px; box-shadow: 0px 5px 30px rgba(0,0,0,0.1); } 
.about-card-desc h3 {font-size: 24px; font-weight: 700; margin-bottom: 5px; }
.about-card-desc {flex: 1; font-size: 15px; color: #888; line-height: 22px; }
.about-card-desc p {line-height: inherit; } 
.about-card-info .icon{margin-right: 15px; }
.our-history-box{max-width: 150px; margin: 0 auto; position: relative; }
.our-history-section {color: var(--whiteColor); padding: 100px 0 0; }
.our-history-inner{padding: 70px 15px; overflow: hidden; position: relative; border-radius: 15px; background-color: var(--backgroudColor); } 
.our-history-bg{top: 0; left: 0; width: 100%; height: 100%; opacity: .1; position: absolute; object-fit: cover; }
.history-count-box {align-items: center; margin-bottom: 5px; }
.history-count-number{font-size: 40px; line-height: 1; font-weight: 700; font-family: fira sans,sans-serif; } 
.history-count-icon{margin-right: 10px; }
.history-count-text{color: #E7E7E7; font-size: 18px; }
.our-history-inner::before {content: ''; height: 226px; width: 161px; position: absolute; top: -122px; transform: rotate(54deg); left: -61px; background-color: var(--primaryColor); background-image: linear-gradient(to left,var(--primaryColor), var(--backgroudColor)); } 
.our-history-inner::after {content: ''; height: 185px; width: 131px; position: absolute; bottom: -88px; right: -46px; transform: rotate(49deg); background-color: var(--primaryColor); background-image: linear-gradient(to right,var(--primaryColor),var(--backgroudColor)); } 
.history-count-icon{font-size: 25px; } 
.project-icon {font-size: 22px; } 
.team-icon{font-size: 29px; }               
.testimonials.about-testimonials{padding-bottom: 0; }
/*=====about page end=====*/ 

/*=====service page =====*/ 
.service-middle-section {padding-bottom: 70px;}
.feachered-services-card.services-list-card {flex-wrap: wrap; padding: 0; border: 1px solid #ddd; margin-bottom: 30px; border-radius: 10px; }
 .feachered-services-card.services-list-card figure {margin: 0;}
 .feachered-services-card.services-list-card figure img {border-top-left-radius: 10px;border-top-right-radius: 10px;}
.feachered-services-card.services-list-card .feachered-services-info {padding: 25px 25px; } 
.feachered-services-info h4 a {color: inherit;}
.feachered-services-card.services-dtl-card{flex-wrap: wrap; padding: 0; margin-bottom: 0; box-shadow: none;}
.feachered-services-card.services-dtl-card figure{margin:0 0 20px; width: 100%;}  
.feachered-services-card.services-dtl-card figure img{width: 100%; border-radius: 10px;} 
.feachered-services-card.services-dtl-card .feachered-services-info {padding: 0;}
.feachered-services-card.services-dtl-card figure img {width: 100%; max-height: 600px; object-fit: cover; }
.feachered-services-card.services-dtl-card p:last-child{margin-bottom: 0;}
.services-link ul li {margin-bottom: 15px;} 
.services-link ul li a {background: #f9eff9; color: var(--blackColor); padding: 15px 20px; display: block; font-weight: 600; font-size: 18px; border-radius: 0; transition: 0.5s ease; position: relative; text-transform: capitalize; }
.services-link ul li a:hover {padding-left: 35px; background: var(--primaryColor); color: var(--whiteColor); }
.services-link ul li a::before {content: ''; position: absolute; height: 0; transform: scale(0); width: 5px; left: 0px; background: #d89cfd; top: 0; z-index: 1; border-radius: 0; transition: 0.5s ease; }
.services-link ul li a:hover:before {height: 100%;transform: scale(1);}
h4.services-dtl-title{font-size: 30px;} 
.help-box-caption {position: absolute; top: 50%; left: 0; right: 0; padding: 15px; transform: translateY(-50%); text-align: center; color: var(--whiteColor); }
.help-box-caption span {font-size: 30px; font-family: 'Fira Sans', sans-serif; font-weight: 600; }
.contact-text {color:#fff !important;-webkit-text-fill-color:#fff;font-size: 40px; display: block; line-height: 1.2; padding: 20px 0 25px; font-weight: 700; font-family: 'Fira Sans', sans-serif; letter-spacing: 1.5px; }
.help-box {position: relative; border-radius: 10px; overflow: hidden; }
.help-box::before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.help-box img {max-height: 500px; object-fit: cover; }
.help-box .btn-custom{font-size: 20px; width: 250px; line-height: 50px; height: 52px; }
/*=====service page end=====*/ 

form .error {color: #ff0000; }
.mc4wp-error {color: #ff0000; }
div#form-message-success {color: green; font-weight: 500; }
.loader {height: auto; width: 45px; float: left; }
.navbar .search-dropdown .dropdown-toggle::after {display: none; }
.search-dropdown .dropdown-menu {border-radius: 1px; border-color: #e5e5e5; box-shadow: 0 2px 8px rgba(0,0,0,.05); }
.search-dropdown .dropdown-menu a {padding: 6px 20px; }
.search-dropdown .dropdown-menu { width: 500px; padding: 10px 10px; left: auto; right: 0; font-size: 14px; position: absolute; top: 100%; margin-top: 39px; border-radius: 30px; box-shadow: 1px 1px 20px rgb(0, 0, 0, 0.2); }
.search-dropdown .dropdown-menu .input-group.search-box {border-radius: 30px; overflow: hidden; border: 1px solid #ddd; }
.search-box .form-control {border-radius: 20px; height: 40px; padding: 0 15px; line-height: 38px; font-size: 14px; border: 0 !important; }
.header-search-btn {display: inline-block !important; padding: 0;} 
.search-box .btn{background: var(--primaryColor); border-color: var(--primaryColor); }
.mc4wp-alert.mc4wp-success {color: #00a600;font-weight: bold;}

/*video-modal-dialog css*/ 
	.video-modal-dialog{max-width: 1000px;}
	.video-modal-dialog iframe.youtube-video {width: 100%; height: auto; min-height: 400px; border-radius: 4px; } 
/*video-modal-dialog css end*/
      
/* Magnific Popup CSS */
.mfp-bg {top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }
.mfp-wrap {top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container {text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }
.mfp-container:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before {display: none; }
.mfp-content {position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {width: 100%; cursor: auto; }
.mfp-ajax-cur {cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom {cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {-webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure {display: none; }
.mfp-hide {display: none !important; }
.mfp-preloader {color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a {color: #CCC; } 
.mfp-preloader a:hover {color: var(--whiteColor);}
.mfp-s-ready .mfp-preloader {display: none; }
.mfp-s-error .mfp-content {display: none; }
.mfp-gallery  button.mfp-close,
.mfp-gallery  button.mfp-arrow {overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; }
.mfp-gallery  button::-moz-focus-inner {padding: 0; border: 0; }
.mfp-close {width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; }
 .mfp-close:hover,
.mfp-close:focus {opacity: 1; } 
.mfp-close:active {top: 1px; }
.mfp-close-btn-in .mfp-close {color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {color: var(--whiteColor); right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter {position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-arrow {position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } 
.mfp-arrow:active {margin-top: -54px; } 
.mfp-arrow:hover,
.mfp-arrow:focus {opacity: 1; } .mfp-arrow:before,
.mfp-arrow:after {content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } 
.mfp-arrow:after {border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before {border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left {left: 0; } 
.mfp-arrow-left:after {border-right: 17px solid var(--whiteColor); margin-left: 31px; } 
.mfp-arrow-left:before {margin-left: 25px; border-right: 0; }
.mfp-arrow-right {right: 0;} 
.mfp-arrow-right:after {border-left: 17px solid var(--whiteColor); margin-left: 39px; } 
.mfp-arrow-right:before {border-left: 0; }
.mfp-iframe-holder {padding-top: 40px; padding-bottom: 40px; } 
.mfp-iframe-holder .mfp-content {line-height: 0; width: 100%; max-width: 900px; } 
.mfp-iframe-holder .mfp-close {top: -40px; }
.mfp-iframe-scaler {width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
 .mfp-iframe-scaler iframe {position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }
/* Main image in popup */
.mfp-gallery  img.mfp-img {width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {line-height: 0; } 
.mfp-figure small {color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } 
.mfp-figure figure {margin: 0; }
.mfp-bottom-bar {margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title {text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } 
.mfp-image-holder .mfp-content {max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer; } 
.mfp-figure figcaption { display: none;}
 
/*Magnific Popup CSS end*/ 

.services-link ul li.active a {padding-left: 35px; background: var(--primaryColor); color: var(--whiteColor); }
/* testimonial page css */
.middle-testimonial{padding-bottom: 70px; } 
.testimonail-box {color: #837f7f; padding: 30px; background: #fff; box-shadow: 0px 0px 30px rgba(0,0,0,0.08); border-radius: 5px; height: calc(100% - 30px); margin-bottom: 30px; }
 .testimonail-media {margin-bottom: 30px; }
.testimonail-img {width: 75px; height: 75px; border-radius: 100%; border: 3px solid var(--primaryColor); margin-right: 20px; }
.testimonail-media h3 {margin-bottom: 6px; font-size: 20px; line-height: 1.2; }
.testimonail-media span {font-size: 16px; color: #514f4f; margin-bottom: 5px; }
.rating {color: #ffd40b; font-size: 15px; display: flex; align-items: center; flex-wrap: wrap; }
.rating i {margin-right: 3px; }
.comment-icon{font-size: 50px; color: var(--primaryColor); }
.testimonail-media .media-body { padding-right: 10px;}
/*testimonial page css end*/

/*protfolio page css*/
.protfolio-image {margin: 0 0 30px; }
.protfolio-image img { width: 100%; object-fit: cover; border-radius: 5px; }
.protfolio-heading {font-weight: 600; font-size: 30px;}
.protfolio-dtl-card {border-radius: 10px; background: #fff; padding: 25px; box-shadow: 1px 2px 30px rgb(132, 0, 215, 0.11); }
.protfolio-dtl-box {margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 20px; font-size: 16px; }
.protfolio-dtl-box:last-child {margin-bottom: 0; border-bottom: 0; padding-bottom: 0; }
.protfolio-dtl-box span {display: block; margin-bottom: 5px; } 
.protfolio-dtl-box p {display: block; font-weight: 600; } 
/*protfolio page css end*/ 
   
.comment-reply-link { font-family: fira sans,sans-serif; position: relative;  background-image: linear-gradient(90deg, #bf0000 0%, #bf0000 50%, #30004e); 
  padding: 0px 25px; border-radius: 30px; overflow: hidden; border: 0;  box-shadow: 0px 6px 27px 0px rgba(0, 64.00000000000003, 190, 0.34); display: inline-block; font-size: 14px; color: var(--whiteColor); font-weight:700; outline: none !important; height:45px;line-height: 45px;text-align: center; background-size: 200%,1px;
  background-position: 0; justify-content: center; transition:all 0.3s ease;}  
.comment-reply-link:hover,    
.comment-reply-link:focus{text-decoration: none; color: var(--whiteColor); background-position: 100%; background-image: linear-gradient(90deg, #202020 0%, #bf0000 50%, #202020 ) !important;}
.cancel_reply {text-align: center; font-size: 16px; padding: 14px 25px; line-height: 1; background-color: #dc3545; border: 0; color: #fff; border-radius: 30px; font-family: fira sans,sans-serif; font-weight: 600; text-transform: capitalize; }
.cancel_reply:hover, .cancel_reply:focus{ background: #bf2e3c; color: #fff;}
#cancel-comment-reply-link {float: right; } 
.comment-reply-link {margin-top: 10px; }
.comment-author.vcard {margin-bottom: 15px; }
.reply {margin-bottom: 20px; }
.search-no-results .no-results.not-found {margin: 0 auto; text-align: center; padding-left: 15px; padding-right: 15px;}
.search-no-results .search-box .form-control {border: 1px solid #ddd !important; border-top-left-radius: 5px; border-bottom-left-radius: 5px; height: 40px; line-height: 38px;}
  
span.loder-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.5);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  position: relative;
  animation: rotate 1s linear infinite;
  margin-top: 20px;
  margin-right: 15px;
}
.loader::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0px;
  border-radius: 50%;
  border: 5px solid #8400d7;
  animation: prixClipFix 2s linear infinite ;
}

@keyframes rotate {
  100%   {transform: rotate(360deg)}
}

@keyframes prixClipFix {
    0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
    25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
    50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
    75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
    100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
}

.input-field-group textarea.form-control:focus ~ .form-label {
  top: -20px;
}

.input-field-group textarea.form-control.has-value ~ .form-label {
  top: -20px;
}
.header-main .navbar-brand img {
    height: 65px; 
    object-fit: contain; 
}
.ftr-top .col-md-2 {
  padding-left: 33px;
}
.service-card {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

.banner-carousal .owl-nav button:before{
  background-color: rgb(191 0 0);
}
/*
.cta-section {
  background-image: url('http://localhost/services/wp-content/uploads/2023/09/service-img-03.webp'); 
  background-size: cover; 
  background-position: center;
  background-repeat: no-repeat; 
  background-attachment: fixed; 
  padding: 100px 0;
  color: #fff; 
  position: relative;
}

.cta-section::before {
  content: '';
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
}

.cta-section .container {
  position: relative;
  z-index: 2;
}

.section-title {
  font-size: 2.5rem;
  margin-bottom: 20px;
}

.section-description {
  font-size: 1.2rem;
  max-width: 700px;
  margin: 0 auto 30px;
  line-height: 1.7;
}

.cta-buttons .btn {
  margin: 10px;
  padding: 12px 28px;
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
}

.btn-primary {
  background-color: #bf0000;
  color: #fff;
}

.btn-secondary {
  background-color: #bf0000;
  color: #fff;
}

.btn-outline-primary {
  background-color: #bf0000;
  border: 2px solid #bf0000;
  color: #fff;
}


h3.cta_section {
  color: #fff;
}*/

.cta-buttons.mt-4 {
  padding-bottom: 50px;
}

section.cta-section.text-center {
  margin-top: 60px;
}
.text-center {
  margin-top: 50px;
  
}

.service-card {
  text-align: center;
  padding: 30px 20px;
  border-radius: 10px;
  background: #fff;
  height: 100%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.service-icon {
  margin-bottom: 15px;
}

.service-icon img {
  max-width: 60px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.service-info {
  text-align: center;
}

.service-title {
  /* font-size: 18px; */
  font-weight: 700;
  margin-bottom: 10px;
  color: #000;
}
.single-banner .container banner-caption .btn-custom {display:none !important;}
.store-icon {
    width: 130px;
    height: auto;
    margin-right: 10px;
}