/*-----------------------------------------------------------------------------------

 Theme Name: Digital Hub Solution
 Description: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 Author: Kapil Prajapati
-----------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
/*  font-family: "Outfit", sans-serif;*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
  /*font-family: "Manrope", sans-serif;*/

:root {
  --primary-background:linear-gradient(to right, #0c65c6, #2cb484);
  --banner-background: linear-gradient(to right, #0c65c6 -17%, #2cb484 33%);
  --banner-button:#004d9f;
  --section-background: linear-gradient(to right, rgba(12, 101, 198, 0.2), rgba(44, 180, 132, 0.2));
  --secondry-background:#2d2d2d;
  --heading-color:#2cb484;
  --white-background:#fff;
  --black-background:#000;
  --primary-color:#1a4845;
  --black-color:#000;
  --white-color:#fff;
  --font-weight-100:100;
  --font-weight-200:200;
  --font-weight-300:300;
  --font-weight-400:400;
  --font-weight-500:500;
  --font-weight-600:600;
  --font-weight-700:700;
  --font-weight-800:800;
  --font-10:10px;
  --font-11:11px;
  --font-12:12px;
  --font-13:13px;
  --font-14:14px;
  --font-15:15px;
  --font-16:16px;
  --font-17:17px;
  --font-18:18px;
  --font-19:19px;
  --font-20:20px;
  --font-21:21px;
  --font-22:22px;
  --font-23:23px;
  --font-24:24px;
  --font-25:25px;
  --font-26:26px;
  --font-27:27px;
  --font-28:28px;
  --font-29:29px;
  --font-30:30px;
  --font-31:31px;
  --font-32:32px;
  --font-33:33px;
  --font-34:34px;
  --font-35:35px;
  --font-36:36px;
  --font-37:37px;
  --font-38:38px;
  --font-39:39px;
  --font-40:40px;
  --font-41:41px;
  --font-42:42px;
  --font-43:43px;
  --font-44:44px;
  --font-45:45px;
  --font-46:46px;
  --font-47:47px;
  --font-48:48px;
  --font-49:49px;
  --font-50:50px;
  --font-60:60px;
  --font-70:70px;
  --font-80:80px;
  --font-90:90px;
  --font-100:100px;
  --justify-center:center;
  --justify-spabe:space-between;
  --align-center:center;
  --primary-display:block;
  --secondary-display:flex;
  --display-inline:inline-block;
  --text-uppercase:uppercase;
  --text-capital:capitalize;
  --primary-font-family: "Manrope", sans-serif;
}
body{font-family: var(--primary-font-family);}
p{    font-family: "Outfit", sans-serif;}
h1{    font-family: "Outfit", sans-serif; }
h2{    font-family: "Outfit", sans-serif; }
h3{    font-family: "Outfit", sans-serif; }
h4{    font-family: "Outfit", sans-serif; margin-bottom: 0; }
h5{    font-family: "Outfit", sans-serif; }
h6{    font-family: "Outfit", sans-serif; }
a{    font-family: "Outfit", sans-serif;}
li{    font-family: "Outfit", sans-serif;}
div{    font-family: "Outfit", sans-serif;}
input{    font-family: "Outfit", sans-serif;}
span{    font-family: "Outfit", sans-serif;}
label{    font-family: "Outfit", sans-serif;}
button{    font-family: "Outfit", sans-serif;}
html {
  scroll-behavior: smooth;
}

ul{margin-bottom: 0px;}
/*=======================header ccss start============================*/
/* sticky menu css */
.is-sticky{position: fixed!important;top: 0;left: 0;width: 100%;z-index: 999;box-shadow: 0 2px 15px rgba(0,0,0,.1); background-color: #fff; border-radius: 0px!important;}
.is-sticky{animation: smoothScroll 1s forwards; }
@keyframes smoothScroll {
    0% {transform: translateY(-150px); } 
    100% {transform: translateY(0px); }
}
/*.is-sticky .navbar{background-color: #203b2c!important; padding: 6px;}*/
/*.is-sticky .navbar-nav li a{color: #fff;}
.is-sticky .navbar-brand img{filter: brightness(0) invert(1);}
*/
header{position: absolute; left: 0px; top: 70px; right: 0px; z-index: 1001; width: 100%; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; }
 .main-header-wrapper{background-color: #fff; border-radius: 50px;}
.navbar-nav{gap: 23px;}
.nav-right{display: flex; align-items: center; justify-content: flex-end; gap: 23px;}
 .nav-right .btn-style-one {position: relative; font-weight: 700; font-size: 15px; overflow: hidden; text-align: center; border-radius: 50px; padding: 13px 34px; display: inline-block; color: #fff; text-transform: capitalize; font-family: 'Manrope', sans-serif; background-color: rgba(0, 13, 255, 1); background-image: linear-gradient(90deg, rgb(0 0 0) 20%, rgb(205 64 13) 100%); }

 .nav-right  .btn-style-one:before {-webkit-transition-duration: 800ms; transition-duration: 800ms; position: absolute; width: 200%; height: 200%; content: ""; top: -200%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; z-index: 1; background-image:  linear-gradient(90deg, rgb(0 0 0) 20%, rgb(205 64 13) 100%); }
.nav-right  .btn-style-one:hover:before {top: -40%; }
.nav-right  .btn-style-one .btn-wrap {position: relative; z-index: 1; float: left; overflow: hidden; display: inline-block; }
.nav-right  .btn-style-one .btn-wrap .text-one {position: relative; display: block; color: #fff; transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
 .nav-right  .btn-style-one:hover .btn-wrap .text-one:first-child {-webkit-transform: translateY(-150%); -ms-transform: translateY(-150%); transform: translateY(-150%); }
.nav-right  .btn-style-one .btn-wrap .text-two {position: absolute; top: 100%; display: block; color: #fff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.nav-right  .btn-style-one:hover .btn-wrap .text-two {top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.nav-right  .btn-style-one:hover .btn-wrap .text-two {color: #fff; }
 .search-icon-nav{position: relative; width: 40px; height: 40px; display: block; font-size: 14px; cursor: pointer; background: none; line-height: 38px; text-align: center; border-radius: 50px; color: var(--black-color); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; border: 1px solid #ccc; }
.search-icon-nav a{color: #000; text-decoration: none;}
.search-icon-nav:hover {color: #fff; border-color:rgb(0,13,255); background-color: rgb(0,13,255); }
.search-icon-nav:hover a{color: #fff;}
.navbar-brand{    width: 13%; padding-left: 24px;}
.navbar-brand img{width: 100%;}

/*========================header css end===========================*/

/*============================================Home main banner css start=======================================*/
 .slider-one{position:relative; border:25px solid #fff; }
 .slider-one .slider-one_pagination{    position: absolute;
    top: 40%;
    z-index: 999;
    right: 40px !important;
    left: auto !important;
    width: 60px !important;}
 .slider-one .slider-one_pagination .swiper-pagination-bullet{position: relative; opacity: 1; width:auto; height:auto; display: block; background: none; font-weight: 600; line-height: 36px; text-align: right; font-size: 26px; opacity:0.60; padding-right: 0px; color: #fff; margin: 35px 0px !important; transition:all 300ms ease; -moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; font-family: "Outfit", serif; }
 .slider-one .slider-one_pagination .swiper-pagination-bullet::before{position: absolute; content: ''; left: 0px; top: 20px; width: 1px; height: 65px; background-color: #fff; }
.slider-one .slider-one_pagination .swiper-pagination-bullet::after{position: absolute; content: ''; left: -5px; top: 14px; width: 10px; height: 10px; outline-offset: 1px; border-radius: 50px; display: inline-block; background-color:#fff; }
 .slider-one .slider-one_pagination .swiper-pagination-bullet:last-child::before{display:none; }
.slider-one .slider-one_pagination .swiper-pagination-bullet:hover,
.slider-one .slider-one_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1; font-size: 26px; }
 .slider-one .slider-one_pagination .swiper-pagination-bullet:hover::before, .slider-one .slider-one_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{opacity: 1; }
.slider-one .swiper-slide{position:relative; overflow:hidden; padding:200px 0px 80px; }
 .slider-one_image-layer{position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:1; opacity: 0; overflow:hidden; border-radius:40px; background-size:cover; background-position: center center; clip-path: polygon(0 0, 40% 0, 40% 100%, 0% 100%); -webkit-transition: all 1000ms linear; -moz-transition: all 1000ms linear; -ms-transition: all 1000ms linear; -o-transition: all 1000ms linear; transition: all 1000ms linear; }
 .slider-one_image-layer:before{position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; opacity:0.20; background-color: rgba(0, 13, 255, 0); background-image:linear-gradient(90deg, rgb(161 50 10) 0%, rgba(193, 21, 236, 0) 100%); }
 .slider-one .swiper-slide-active .slider-one_image-layer{opacity: 1; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
.slider-one_pattern{position: absolute; left: 0px; top:0px; z-index: 1; width: 306px; height: 306px; background-repeat:no-repeat; }
 .slider-one_content{position:relative; z-index: 2; max-width:820px; }
 .slider-one_content-inner{position:relative; }
 .slider-one_title{position: relative; font-size: 16px; font-weight: 600; padding:11px 25px; border-radius:50px; display:inline-block; color: #fff; transition:all 900ms ease; -moz-transition:all 900ms ease; -webkit-transition:all 900ms ease; -ms-transition:all 900ms ease; -o-transition:all 900ms ease; text-transform:capitalize; background-color: rgba(0, 13, 255, 0); background-image: linear-gradient(90deg, rgb(0 0 0) 20%, rgb(205 64 13) 100%); }
 .slider-one .swiper-slide-active .slider-one_title{-webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -ms-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; }
 .slider-one_heading{
     margin-top: 20px;
    font-weight: 700;
    margin-bottom: 35px;
    color: #fff;
    text-transform: capitalize;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    font-size: 53px;
    width: 62%; }
 .slider-one_heading span{color: transparent; font-weight:800; font-family: "Raleway", serif; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: rgba(255,255,255, 1); }
 .slider-one .swiper-slide-active .slider-one_heading{-webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -ms-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
 .slider-one_arrow{position:absolute; content:''; right:35%; bottom:-30px; width:227px; height:202px; background-repeat:no-repeat; }
 .slider-one .slider-one_button{position: relative; gap: 5px; display:inline-block; transition:all 900ms ease; -moz-transition:all 900ms ease; -webkit-transition:all 900ms ease; -ms-transition:all 900ms ease; -o-transition:all 900ms ease; transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1); clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }
 .slider-one_video{position:relative; }
.slider-one .slider-one_button .slider-one_video:before{position:absolute; content:''; left:-18px; top:50%; height:20px; width:20px; transform:translateY(-50%); background-color:#fff; }
.slider-one .swiper-slide-active .slider-one_button{-webkit-transition-delay: 1400ms; -moz-transition-delay: 1400ms; -ms-transition-delay: 1400ms; -o-transition-delay: 1400ms; transition-delay: 1400ms; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
/* Play Box */
 .slider-one .play-box{position:relative; }
.slider-one .play-box:hover .fa{color: #fff; border-color: #000; background-color: #000; }
.slider-one .play-box .fa{position:relative; width:62px; height:62px; margin-top:3px; font-size:18px; line-height:50px; border-radius:50px; display:inline-block; color:#fff; text-align:center !important; border:6px solid #fff; transition:all 300ms ease; -moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; background-color: rgba(0, 13, 255, 1); background-image: linear-gradient(90deg, rgb(0 0 0) 20%, rgb(205 64 13) 100%); }
/* Slider Socials Box */
 .slider-one_socials{position: absolute; left: 5px; bottom: -16px; z-index: 1; padding: 25px 30px; transform-origin: 8% 45%; transform: rotate(-90deg); border-radius: 0px 50px 50px 0px; background-color: rgba(255,255,255, 0.05); }
 .slider-one_socials a{position: relative; font-size: 14px; margin: 0px 15px; text-transform: capitalize; color: #fff; }
 .slider-one_socials a::before{position: absolute; content: '-'; right: -20px; font-size: 24px; color: #fff; }
 .slider-one_socials a:hover{color: #fff; }
.slider-one_socials a:last-child::before{display: none; }
.slider-one_options{position:absolute; right:0px; bottom:0px; z-index:10; }
 .slider-one_options .button{position:relative; border-radius:40px 0px 0px 0px; background-color:rgb(242,242,242); border:10px solid #fff; border-bottom:none; border-right:none; }
 .slider-one_options .button a{position:relative; font-weight:600; font-size:16px; display:flex; gap:55px; padding:15px 30px; color:rgb(0,0,0); }
 .slider-one_options .button i{position:relative; font-weight:700; font-family: 'Font Awesome 6 Free'; }
.slider-one_options .button a:hover{color:rgb(198 62 13); }
.slider-one_authors{position:relative; display:flex; gap:20px; align-items:center; background-color:rgb(242,242,242); border-left:10px solid #fff; border-right:25px solid rgb(242,242,242); border-radius: 0px 0px 30px; padding: 5px 0px 20px; }
.slider-one_authors ul{position:relative; display:flex; margin-left:40px;padding-left: 0; }
 .slider-one_authors ul li{position:relative; width:54px; height:54px; margin-left:-20px; border-radius:50px; display:inline-block; border:3px solid #fff; }
 .slider-one_reviews{position:relative; font-weight:800; font-size:26px; color:rgb(198 62 13); font-family: "Outfit", serif; }
 .slider-one_reviews span{position:relative; font-weight:600; font-size:16px; color:#000; }
 .btn-style-two {position: relative; font-weight: 700; font-size: 15px; overflow: hidden; text-align: center; padding: 20px 48px; border-radius: 50px; display: inline-block; color: #000; text-transform: capitalize; font-family: 'Manrope', sans-serif; background-color: #fff; }
.btn-style-two:before {-webkit-transition-duration: 800ms; transition-duration: 800ms; position: absolute; width: 200%; height: 200%; content: ""; top: -200%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; z-index: 1; background-image: linear-gradient(90deg, rgba(193, 21, 236, 1) 0%, rgba(0, 13, 255, 1) 100%); }
.btn-style-two:hover:before {top: -40%; }
.btn-style-two .btn-wrap {position: relative; z-index: 1; float: left; overflow: hidden; display: inline-block; }
.btn-style-two .btn-wrap .text-one {position: relative; display: block; color: #000; transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.btn-style-two:hover .btn-wrap .text-one:first-child {-webkit-transform: translateY(-150%); -ms-transform: translateY(-150%); transform: translateY(-150%); }
.btn-style-two .btn-wrap .text-two {position: absolute; top: 100%; display: block; color: #fff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.btn-style-two:hover .btn-wrap .text-two {top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.btn-style-two:hover .btn-wrap .text-two {color: #fff; }
a{text-decoration: none;}
.slider-one_authors ul li img{width: 100%;}


/*============================================Home main banner css end=======================================*/


/*** 
====================================================================
  Clients One
====================================================================
***/

.clients-one{position:relative; }
 .clients-one .auto-container{position:relative; max-width:1910px; }
 .clients-one .inner-container{position:relative; padding:40px 80px; border-radius:100px 100px; background-color:#EEEEEE; }
 .clients-one_title{position: relative; font-size: 18px; line-height: 24px; margin-top: 6px; color: #000; display: flex; align-items: center; height: 100%; }
 .clients-one .client-image{position:relative; text-align:center; }
 .clients-one .client-image img{position:relative; margin:0 auto; display:inline-block; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; }
 .clients-one .client-image img:hover{opacity:0.50; }

 /*** 
====================================================================
  Clients One end
====================================================================
***/


/*** 
====================================================================
  About One
====================================================================
***/
 .about-one{position:relative; padding:70px 0px 30px; }
 .about-one_vector{position:absolute; left:0px; top:150px; width:459px; height:447px; background-repeat:no-repeat; z-index: -1; }
 .about-one_pattern-layer{position:absolute; left:0px; top:0px; right:0px; bottom:0px; height:1510px; background-position:right top; background-repeat:no-repeat; z-index: -1; }
 .about-one_pattern-two{position:absolute; left:0px; top:0px; right:0px; bottom:0px; height: 1622px; background-position:right center; background-repeat:no-repeat; z-index: -1; }
 .about-one_years{position:relative; margin-top:60px; margin-left:45px; }
.about-one_text{position:relative; font-size:20px; line-height:34px; color:#666666; max-width:440px; margin-top:40px; }
 .about-one_text span{position:relative; font-weight:600; color:#000; }
.about-one_image-outer{position:relative; text-align:right; }
 .about-one_image{position:relative; border-radius:30px; overflow:hidden; display:inline-block; opacity: 1; transition:unset; -moz-transition:unset; -webkit-transition:unset; -ms-transition:unset; -o-transition:unset;unset; }
 .about-one_image.now-in-view{opacity: 1; clip-path: unset; -webkit-transition-delay:unset; -moz-transition-delay: unset; -ms-transition-delay: unset; -o-transition-delay: unset; transition-delay: unset; }
 .about-one_image-two{position:relative; border-radius:30px; overflow:hidden; margin-left:-172px; margin-top:-45px; display:inline-block; }

/* About One Carousel */
 .about-one_carousel{position:relative; margin-left: 60px; margin-top: 10px; max-width:301px; }
 .review-block_one{position:relative; }
.review-block_one-quote{position:relative; }
 .review-block_one-text{position:relative; margin-top:40px; font-size:16px; font-weight:500; color:#666666; line-height:28px; max-width:301px; margin-bottom:25px; }
 .review-block_one-info{position:relative; font-size:32px; font-weight:500; padding-left:90px; color:rgb(181 57 12); }
 .review-block_one-info i{position:absolute; left:0px; top:18px; }
 .review-block_one-info strong{position:relative; font-weight:700; font-size:24px; line-height: 32px; padding-left:30px; display:block; color:#000; border-left:3px solid #fff; }
 .review-block_one-info span{position:relative; font-size:16px; display:block; }
 .sec-title_heading {
      margin-top: 5px;
      color: #000;
      text-transform: capitalize;
      line-height: 64px;
      font-size: 37px;
      font-weight: 600;
      margin-bottom: 24px;
 }
 .sec-title_title {position: relative; font-weight: 700; font-size: 18px; display: flex; gap: 15px; align-items: center; color: rgb(181 57 12); text-transform: uppercase; }
.sec-title_dots {position: relative; }
 .sec-title_dots span:nth-child(1) {animation-delay: 0s; }
 .sec-title_dots span:nth-child(2) {animation-delay: 0.5s; }
 .sec-title_dots span:nth-child(3) {animation-delay: 1s; }

@keyframes zoom-in-out {
  0% { transform: scale(0); opacity: 0; }
  20% { transform: scale(1.2); opacity: 1; }
  50% { transform: scale(1); opacity: 1; }
  80% { transform: scale(0.8); opacity: 1; }
  100% { transform: scale(1); opacity: 0; }
}
 .sec-title_dots span{position:relative; width:10px; height:10px; margin-right:4px; border-radius:50px; display:inline-block; animation: zoom-in-out 3s infinite; opacity: 0; background-color: rgba(0, 13, 255, 0); background-image: linear-gradient(90deg, rgb(0 0 0) 20%, rgb(205 64 13) 100%); }
 .review-block_one-quote img{width: 20%!important;}

/*** 
====================================================================
  About One end
====================================================================
***/


 /*** 

====================================================================
  Marketing One
====================================================================

***/

.marketing-one{position: relative; overflow: hidden; padding: 40px 0px 74px; max-height: unset!important;}
.marketing-one .animation_mode{position:relative; min-height:112px; }
.marketing-one h1{font-size: 133px; line-height: 1em; font-weight: 900; display: inline-block; text-transform: uppercase; color: rgba(221,221,221, 1); font-family: 'Manrope', sans-serif; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; }
 .marketing-one h1:hover{background:linear-gradient(90deg, rgb(0 0 0) 20%, rgb(205 64 13) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
 .marketing-one.style-two{padding-top:0px; }

/*** 
====================================================================
  Offer One
====================================================================
***/
 .offer-one{position: relative; overflow:hidden; padding: 0px 0px 160px; }
 .offer-one.style-two{padding-top:120px; }
 .offer-one_color{position:absolute; left:-40px; bottom:0px; width:830px; height:900px; border-radius:45px; background-color:#EEEEEE; }
 .offer-one_bg-color{position:absolute; right:-40px; width:80px; height:1100px; border-radius:50px; background-color: #000; background-image: linear-gradient(180deg, rgb(0, 0, 0) 20%, rgb(205, 64, 13) 100%);; }
 .offer-one .auto-container{position: relative; max-width:1700px; }
 .step-award_box{position:absolute;r;right: 47px;top: 100%;width: 299px;padding: 17px 21px;border-radius:20px;border:10px solid var(--white-color);background-color: #000;background-image: linear-gradient(90deg, rgb(0, 0, 0) 20%, rgb(205, 64, 13) 100%);}
 .step-award_box:before{position:absolute; content:''; right:25px; top:25px; width:76px; height:72px; background: url(../images/icons/award-vector.png) no-repeat; }
 .step-award_count{position:relative;font-size: 54px;line-height:36px;font-weight:700;color:#fff;margin-bottom: 9px;}
 .step-award_subtitle{position:relative;font-size: 21px;line-height:36px;font-weight:600;color:#fff;text-transform:uppercase;}
 .offer-one_title{position: relative;padding-left: 100px;margin-bottom: 25px;padding-bottom: 30px;border-bottom:1px solid #DDDDDD;}
.offer-one_arrow {position: absolute; right: 30px; width: 60px; height: 60px; border-radius: 50px; line-height: 59px; text-align: center; display: inline-block; background-color: #EEEEEE; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
 .offer-one_title:hover .offer-one_arrow{color:#fff; background-color: rgba(0, 13, 255, 1); box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.15); background-image: linear-gradient(180deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%); }
 .offer-one_title.active .offer-one_arrow img, .offer-one_title:hover .offer-one_arrow img{fill:#ffffff; filter: brightness(200%); color:#fff; }
 .offer-one_title:last-child{margin-bottom: 0px; }
.offer-one_icon-outer{position:absolute; left:0px; top:10px; }
 .offer-one_icon{position:relative; width:70px; height:70px; line-height:66px; text-align:center; border-radius:50px; display:inline-block; border:1px solid #999999; }
 .offer-one_icon:before{position:absolute; content:''; left:5px; top:5px; right:5px; bottom:5px; border-radius:50px; border:1px solid #DDDDDD; }
 .offer-one_number{position: absolute; left: 0px; top: 0px; width:23px; height:23px; z-index:1; font-size:12px; line-height:23px; font-weight:700; text-align:center; border-radius:50px; color: #000; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:#D9D9D9; }
.offer-one_title.active .offer-one_number, .offer-one_title:hover .offer-one_number{color:#fff; background-color: #000; box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.15); background-image: linear-gradient(90deg, rgb(0, 0, 0) 20%, rgb(205, 64, 13) 100%);; }
 .offer-one_heading{margin-top: 10px; color: #000; text-transform: capitalize; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; font-family: 'Manrope', sans-serif; }
 .offer-one_heading a{position: relative;color: #000;font-size: 22px;}
.offer-one_title.active .offer-one_arrow, .offer-one_title:hover .offer-one_arrow{color: #fff; background-color: #000; box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.15); background-image: linear-gradient(90deg, rgb(0, 0, 0) 20%, rgb(205, 64, 13) 100%);; }
 .offer-one_title.active .offer-one_heading a, .offer-one_title:hover .offer-one_heading a{color: #000; }
 .offer-one_tags{position: relative; margin-top:15px; padding-left: 0px; }
 .offer-one_tags li{position: relative; margin-right:8px; display:inline-block; }
 .offer-one_tags li a{position: relative; font-size: 11px; color:#666666; font-weight:600; padding:6px 14px; border-radius:50px; display:inline-block; border:1px solid #999999; }
 .offer-one_tags li a:hover{color:#fff; border-color:linear-gradient(90deg, rgb(0, 0, 0) 20%, rgb(205, 64, 13) 100%);; background-image:linear-gradient(90deg, rgb(0, 0, 0) 20%, rgb(205, 64, 13) 100%);; }
 .offer-one_image-column{position: relative; }
 .offer-one_image-outer{position: relative; height: 100%; }
 .offer-one_images_outer{position: relative; height: 100%; }
 .offer-one_title.active .offer-one_subtitle, .offer-one_title:hover .offer-one_subtitle{background-color:linear-gradient(90deg, rgb(0, 0, 0) 20%, rgb(205, 64, 13) 100%); }
 .offer-one_image{position: absolute; right: 15px; top: 0px; opacity: 0; overflow:hidden; border-radius:30px; display: inline-block; text-align: center; transition: all 0.5s; -webkit-transition: all 0.5s; -webkit-transform: rotate(-5deg) translateX(0px); transform: rotate(-5deg) translateX(0px); }
 .offer-one_image.active{opacity: 1; -webkit-transform: rotate(0deg) translateX(0px); transform: rotate(0deg) translateX(0px); }
.offer-one_content-column{position:relative; }
.offer-one_content-outer{position:relative; padding-top:70px; max-width: 720px; padding-left:70px; }
@media only screen and (max-width: 1600px) {.offer-one_color {width: 40%; } }
@media only screen and (max-width: 1300px) {.team-two .inner-container::before, .offer-one_bg-color, .about-one_image-two {display: none; } }
 @media only screen and (max-width: 1550px) {.offer-one_bg-color {width: 30px; right: -10px; } }
@media only screen and (max-width: 1300px) {.offer-one {padding-bottom: 120px; } }
 .offer-one_image img{display: inline-block; max-width: 100%; height: auto;}
@media only screen and (max-width: 1300px) {.offer-one_content-outer {padding: 0px 0px; } }
@media only screen and (max-width: 1300px) {.offer-one_arrow {right: 10px; } }

/*** 
====================================================================
  Offer One end
====================================================================
***/


/*===============================counter sec css start=============================*/

#counter {background: unset;padding: 0px 0px 0px;width: 100%;max-width: 100%;margin: 0 auto;display: flex;justify-content: space-between;list-style-type: none;}
#counter li {flex: 1;text-align: left;font-size: 41px;color: #000;font-weight: 700;display: flex;justify-content: center;position: relative;}
#counter span.percent:after {/*content: "%";*/ display: inline-block; }
.counter-main{background-size: cover;background-position: 80%;padding: 0px;margin-top: 0px;}
#counter li p{font-size: 15px;margin-top: 0px;color: #000;font-weight: 400;}
.count-contanet h5{font-weight: 700;font-size: 27px;margin-bottom: 0px;}
#counter li:after{ content: ''; width: 2px; height: 100%; background-color: #ccc; right: 0; position: absolute;}
#counter li:last-child:after{display: none; }
.count-icon i{width: 50px;height: 50px;background: linear-gradient(90deg, rgb(0 0 0) 20%, rgb(205 64 13) 100%);border-radius: 50px;display: flex;justify-content: center;align-items: center;margin-right: 12px;font-size: 23px;color: #fff;}

.counter-wrapper{background: #ededed;

    border-radius: 0px;
    padding: 25px 25px;
    margin-top: 30px;

}



/*===============================counter sec css End=============================*/



/*===============================testimonial sec css start=============================*/

.sec-title_heading{font-size: 50px;}
 .testimonial-one{position:relative; padding:0px 0px 60px; }
 .testimonial-one_pattern-layer{position:absolute; left:0px; top:-300px; bottom:0px; width:732px; height:1376px; background-repeat:no-repeat; }
 .testimonial-one .sec-title{margin-bottom:30px; }
 .testimonial-one_talk{position:relative; font-size:32px; gap:25px; font-weight:700; color:rgb(193,21,236); }
 .about-one_arrows{position:relative; width:275px; height:130px; margin-left:40px; margin-top:-40px; -webkit-animation: icon-bounce 0.8s ease-out infinite; animation: icon-bounce 0.8s ease-out infinite; }
 .testimonial-one_content-column{position:relative; }
 .testimonial-one_carousel-column{position:relative; }
.testimonial-one_carousel-content{position:relative; margin-left:30px; border-radius:30px; padding:60px 70px 15px; background-color:#f5f5f5; }
 .testimonial-one_carousel-content:before{position:absolute; content:''; right:0px; top:0px; width:126px; height:126px; background: url(../images/vector-11.webp); }
 .testimonial-one_carousel-content:after{position:absolute; content:''; left:0px; bottom:0px; width:199px; height:125px; background: url(../images/vector-22.webp); }
 .testimonial-one_carousel-layer{position:absolute; left:0px; top:0px; width:389px; height:238px; background: url(../images/icons/vector-2.png); }
 .testimonial-one_carousel-content .swiper-container{padding-bottom:35px; margin-left:-55px; }
 .testimonial-block_one{position:relative; }
 .testimonial-block_one-inner{position:relative; padding-left: 50px; }
 .testimonial-block_one-author{position:relative; font-size:30px; font-weight:700; padding-left:145px; padding-top:35px; min-height:120px; color:rgb(202 63 13); font-family: "Outfit", serif; }
 .testimonial-block_one-author span{position:relative; display:block; font-size:16px; font-weight:400; margin-top:15px; color:#000; font-family: 'Manrope', sans-serif; }
 .testimonial-block_one-author_image{position:absolute; left:0px; top:0px; width:120px; height:120px; overflow:hidden; border-radius:150px; }
 .testimonial-block_one-text{position:relative; font-size:24px; line-height:22px; margin-top:0px; color:#000; }
 .testimonial-block_one-rating{position:relative; display:flex; gap:4px; justify-content: end; align-items: center; margin-top:70px; font-size:32px; font-weight:700; text-align:right; line-height:1em; color:#000; }
 .testimonial-block_one-rating span{position:relative; font-size:22px; color:rgb(247 191 26); }
 .testimonial-one_arrow{position:absolute; left:0px; z-index:99999; bottom:0px; }
 .testimonial-one_carousel-prev, .testimonial-one_carousel-next{position:relative; width:70px!important; height:70px; font-size:20px; margin:0px 1px; border-radius:50px; line-height:70px!important; text-align:center!important; display:inline-block!important; color:#fff; background-image: linear-gradient(90deg, rgb(0 0 0) 20%, rgb(205 64 13) 100%); }
 .testimonial-one_carousel-prev:hover, .testimonial-one_carousel-next:hover{color:#fff; background-image: linear-gradient(180deg, #000, #000); }
 .btn-style-three {position: relative; font-weight: 700; font-size: 16px; overflow: hidden; text-align: center; border-radius: 50px; padding: 20px 50px; display: inline-block; color: #fff; text-transform: capitalize; background-color: #000; }
 .btn-style-three:before {-webkit-transition-duration: 800ms; transition-duration: 800ms; position: absolute; width: 200%; height: 200%; content: ""; top: -200%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; z-index: 1; background-color: rgba(0, 13, 255, 1); background-image: linear-gradient(90deg, rgb(0 0 0) 20%, rgb(205 64 13) 100%); }
 .btn-style-three:hover:before {top: -40%; }
.btn-style-three .btn-wrap {position: relative; z-index: 1; float: left; overflow: hidden; display: inline-block; }
.btn-style-three .btn-wrap .text-one {position: relative; display: block; color: #fff; transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
 .btn-style-three:hover .btn-wrap .text-one:first-child {-webkit-transform: translateY(-150%); -ms-transform: translateY(-150%); transform: translateY(-150%); }
 .btn-style-three .btn-wrap .text-two {position: absolute; top: 100%; display: block; color: #fff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
 .btn-style-three:hover .btn-wrap .text-two {top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.btn-style-three:hover .btn-wrap .text-two {color: #fff; }
/*===============================testimonial sec css End=============================*/


/*===============================work process sec css start=============================*/
 .process-one{position:relative; padding:112px 0px 120px; }
.process-one.style-two{padding-bottom:0px; }
 .process-one .step-block_one:nth-child(2){top:30px; }
 .process-one .step-block_one:nth-child(2) .step-block_one-inner:before{bottom:auto; top:20%; }
 .process-one .step-block_one:nth-child(3){top:-160px; }
 .process-one .step-block_one:nth-child(3) .step-block_one-inner:before{bottom:auto; top:30%; }
 .process-one .step-block_one:nth-child(4){top:-325px; }
 .step-block_one:last-child .step-block_one-inner:before{display:none; }
 .step-block_one{position:relative; }
 .step-block_one-inner{position:relative; padding:46px 31px; border-radius:20px; border:2px solid #D9D9D9; }
 .step-block_one-inner:before{position: absolute; content: ''; right: -30px; bottom: 60px; width: 32px; height: 90px; z-index: 1; background: url(../images/curve.webp); background-size: contain; background-repeat: no-repeat; }
 .step-block_one:last-child .step-block_one-inner::before{display:none; }
 .step-block_one-bg{position:absolute; left:0px; top:0px; right:0px; bottom:0px; opacity:0; background-size:cover; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; }
 .step-block_one-inner:hover .step-block_one-bg{opacity:1; }
 .step-block_one-number{position:relative; font-size:16px; }
 .step-block_one-number span{position:relative; line-height:1em; font-weight:800; font-size:78px; background: linear-gradient(90deg, rgb(0 0 0) 20%, rgb(205 64 13) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
 .step-block_one-inner:hover .step-block_one-number span{color:#000; -webkit-text-fill-color: inherit; }
 .step-block_one-inner:hover .step-block_one-heading{color:rgb(202 63 13); }
 .step-block_one-heading{position:relative; font-size:26px; font-weight:700; margin-top:34px; color:#000; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; }
 .step-block_one-text{position:relative; font-size:16px; color:#666666; line-height:30px; margin-top:15px; }
 .process-one_content{position:relative; text-align:right; margin-top:-180px; }
 .process-one_button{position:relative; }
 .process-one_content-text{position:relative; font-size:16px; line-height:30px; color:#666666; margin-top:20px; }
 .sec-title_heading {margin-top: 15px; color: #000; text-transform: capitalize; line-height: 59px; font-size: 42px; }




/*===============================work process sec css End=============================*/

/*===============================footer sec css start=============================*/
.main-footer{position:relative; padding-top:50px; }
 .main-footer_bg-color{position:absolute; left:15px; top:0px; right:15px; bottom:15px; border-radius:50px; background-color: rgba(0, 0, 0, 1); background-image: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(34, 34, 34, 1) 100%); }
 .main-footer_vector{position:absolute; left:15px; top:15px; width:306px; height:306px; background-repeat:no-repeat; }
 .main-footer .inner-container{position: relative; padding-left: 110px; padding-bottom: 30px; }
.footer-logo{position: absolute; left: -28px; top: 51px; transform: rotate(-90deg); }
.footer-logo img{    width: 145px; filter: brightness(0) invert(1);}
.main-footer_image{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size: cover; }
 .footer-text{position: relative; font-size: 16px; line-height: 26px; color: #fff; text-transform:uppercase; }
 .footer-discuss{position:relative; font-size:120px; left:-10px; z-index:10; font-weight:700; line-height:1em; color:#fff; text-transform:uppercase; font-family: "Outfit", serif; }
 .footer-social_box{position: relative; z-index:10; }
 .footer-social_box a{position: relative; width: 40px; height: 40px; font-size: 18px; line-height: 40px; text-align: center; margin-left: 8px; border-radius:50px; display: inline-block; color:#fff; }
 .footer-social_box a:hover{color: #fff; background-color: rgba(0, 13, 255, 1); background-image: linear-gradient(180deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%); }
 .footer-contact_list{position: relative; gap:30px; z-index:10; margin-top:20px; }
 .footer-contact_list li{position: relative; font-size: 20px; font-weight:600; margin-bottom: 12px; color: #fff; font-family: "Outfit", serif; }
.footer-contact_list li a{position: relative; color: #fff; }
 .footer-contact_list li a:hover{color: #c63e0d; }
.footer-type_title{position:absolute; left:0px; bottom:0px; right:0px; font-size:300px; text-align:center; font-weight:900; line-height:1em; text-transform:uppercase; color: rgba(255,255,255, 0.15); }
 .instagram-gallery{position: relative; }
 .instagram-gallery:before{position: absolute; content:''; left:0px; top:0px; width:15px; bottom:0px; z-index:10; background-color:unset; }
 .instagram-gallery:after{position: absolute; content:''; right:0px; top:0px; width:15px; bottom:0px; z-index:10; background-color:unset; }
 .instagram-block_one{position: relative; }
.instagram-block_one-inner{position: relative; }
.instagram-block_one-image{position: relative; }
 .instagram-block_one-image img{position: relative; width: 100%; display: block; }
.instagram-block_one-overlay{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 1; display: flex; align-items: center; justify-content: center; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease,-webkit-transform 0.4s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; }
 .instagram-block_one-overlay:before{position: absolute; content:''; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity:0.50; background-color: rgba(0, 13, 255, 1); background-image: linear-gradient(90deg, rgb(0 0 0) 20%, rgb(205 64 13) 100%); }
 .instagram-block_one-inner:hover .instagram-block_one-overlay{-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; }
 .instagram-block_one-icon{position: relative; font-size: 40px; }
/* Footer Bottom */
 .footer-bottom{position: relative; padding: 14px 0px 34px; text-align: center; }
.main-footer_copyright{position: relative; font-size: 20px; font-weight:600; color: #fff; }

@media only screen and (max-width: 1300px) {
    .main-footer_bg-color, .incredible-one_bg {left: 0px; top: 0px; right: 0px; bottom: 0px; border-radius: 0px; }
}

/*===============================footer sec css End=============================*/

/*===============================inner-banner sec css start=============================*/

.inner-banner.page-title {position: relative; overflow: hidden; text-align: center; padding:169px 0px 85px; }
.inner-banner .page-title_big-title {position: absolute; left: 70px; bottom: 30px; z-index: 999999; color: transparent; font-weight: 800; font-size:90px; text-transform: uppercase; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #ffffff94;
}
 .inner-banner .page-title_bg-image {position: absolute; left: 20px; top: 20px; right: 20px; bottom: 0px; overflow: hidden; border-radius: 50px; background-size: cover; background-attachment: fixed; background-position: center center; background-repeat: no-repeat; }
 .inner-banner .page-title_bg-image:before {position: absolute; content: ''; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0.70; background:linear-gradient(90deg, rgb(47 12 0) 0%, rgb(47 12 0) 100%); }
/*.inner-banner .auto-container {position: static; max-width: 1320px; padding: 0px 15px; margin: 0 auto; }*/
 .inner-banner.page-title h1 {color: #fff; text-transform: capitalize; line-height: 110px; font-size: 81px; position: relative; }
 .inner-banner.page-title .bread-crumb {position: relative; margin-top: 31px; }
 .inner-banner.page-title .bread-crumb li {position: relative; font-weight: 500; font-size: 18px; margin-right: 15px; padding-right: 15px; display: inline-block; color:#fff; text-transform: uppercase; }
 .inner-banner.page-title .bread-crumb li:first-child::before {position: absolute; right: -6px; top: -2px; content: ":"; font-size: 22px; font-family: 'Font Awesome 6 Free'; }
 .inner-banner.page-title .bread-crumb li a {color:#fff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
 .inner-banner.page-title .bread-crumb li:last-child {padding-right: 0; margin-right: 0; }

/*===============================inner-banner sec css End=============================*/

/*===============================offer section sec css start=============================*/

 .offer-two {position: relative; margin-top: -40px; padding:50px 0px 50px; background-color: #000; background-repeat: no-repeat; background-size: cover; }
 .offer-two.alternate {margin-top: 0px; }
 .offer-two_bg {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-repeat: no-repeat; background-size: cover;}
 .offer-two .sec-title {position: relative; z-index: 2; margin-bottom: 40px; }
 .offer-two .sec-title.centered {text-align: center !important; }
 .offer-two .sec-title_title {position: relative; font-weight: 700; font-size: 18px; display: flex; gap: 15px; align-items: center; color: #fff; text-transform: uppercase; }
 .offer-two  .sec-title.centered .sec-title_title {justify-content: center; }
 .offer-two .sec-title_dots {position: relative; }
 .offer-two .sec-title_dots span {position: relative; width: 10px; height: 10px; margin-right: 4px; border-radius: 50px; display: inline-block; animation: zoom-in-out 3s infinite; opacity: 0; background-color: rgba(0, 13, 255, 0); background-image: linear-gradient(0deg, rgba(0, 13, 255, 1) 0%, rgba(193, 21, 236, 1) 100%); }
 .offer-two .sec-title_dots span:nth-child(1) {animation-delay: 0s; }
 .offer-two .sec-title.light .sec-title_title span {background-color: rgba(255, 255, 255, 0); background-image: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); }
 .offer-two .sec-title_dots span:nth-child(2) {animation-delay: 0.5s; }
 .offer-two .sec-title_dots span:nth-child(3) {animation-delay: 1s; }
 .offer-two .sec-title_heading {margin-top: 15px; color: #fff; text-transform: capitalize; line-height: 70px; font-size: 48px; }
 .offer-two .inner-container {position: relative; gap: 27px; text-align: center; justify-content: center; margin-bottom: 30px; }
.offer-two .offer-block_one {position: relative; width: 18%; }
.offer-block_one-inner {position: relative;
    padding: 43px 26px;
    border-radius: 150px;
    text-align: center;
    display: block;
    overflow: hidden;
    background-color: #000;
    border: 1px solid #ccc;
    height: 100%;}
 .offer-block_one-inner:before {position: absolute; content: ''; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0; transform: scale(0.1, 1); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; background-color: rgba(0, 13, 255, 1); background-image: linear-gradient(180deg, rgb(110 30 0) 0%, rgb(180 56 12) 100%); }
.offer-block_one-inner:hover::before {opacity: 1; transform: scale(1, 1); }
.offer-block_one-link {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 10; display: block; }
 .offer-block_one-icon {position: relative; width: 100px; height: 100px; display: block; margin: 0 auto; line-height: 100px; border-radius: 50px; background-color: #fff; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
 .offer-block_one-inner:hover .offer-block_one-icon {transform: rotate(360deg); }
 .offer-block_one-arrow {position: relative; margin: 35px 0px; }
 .offer-block_one-title {position: relative;
    color: #fff;
    line-height: 27px;
    font-size: 18px; }

 /*===============================offer section sec css End=============================*/


 /*===============================service page css start=============================*/

 .serv-list-head{text-align: center;}
 .serv-list-head .sec-title_title{justify-content: center;}
 .empower-one .empower-block_one {position: relative; width: 19.8%; padding: 0px 10px; display: inline-block; }
 .empower-block_one-inner {position: relative; padding: 10px 10px; border-radius: 30px; border: 3px solid rgb(172 54 11); background-color: #fff; }
 .empower-block_one-image {position: relative; overflow: hidden; border-radius: 25px; }
 .empower-block_one-image:before {position: absolute; content: ''; left: 0px; bottom: 0px; width: 78px; height: 76px; z-index: 1; background: url(../images/vector-6.png); }
 .empower-block_one-icon {position: absolute; left: 0px; bottom: 0px; width: 50px; height: 50px; z-index: 2; padding: 12px 12px; border-radius: 50px; display: inline-block; background-color: rgba(0, 13, 255, 1); background-image: linear-gradient(90deg, rgb(0 0 0) 20%, rgb(205 64 13) 100%); }
.empower-block_one-image img {position: relative; width: 100%; display: block; }
.empower-block_one-content{padding: 13px 8px 8px;}
.empower-block_one-content h4 a{font-size: 21px; color: #000; font-weight: 600; margin-bottom: 9px; display: block;}
.empower-block_one-content p{font-size: 15px; color: #000;}
.service-box-div{margin-bottom: 20px;}
 /*===============================service page css end=============================*/


 /*===============================blog page css start=============================*/

 .news-block_one-inner {position: relative;margin-bottom: 40px; }
.news-block_one-date_outer {position: absolute; left: 60px; top: 0px; z-index: 9; display: inline-block; }
.news-block_one-date_outer:before {position: absolute;content: '';left: -37px;top: 0px;width: 60px;z-index: 1;height: 23px;background: url(../images/shape-3.webp);background-position: right top;}
 .news-block_one-date {position: relative;z-index: 10;font-size: 32px;font-weight: 700;padding: 4px 22px 9px;border-radius: 50px;letter-spacing: 2px;color: #fff;text-transform: capitalize;background-color: rgba(0, 13, 255, 1);background-image: linear-gradient(90deg, rgb(0 0 0) 20%, rgb(205 64 13) 100%);outline: 5px solid #fff;outline-offset: 0px;height: auto;line-height: 21px;}
.news-block_one-date span {position: relative;font-size: 18px;}
 .news-block_one-date_outer:after {position: absolute;content: '';right: -37px;top: 0px;width: 60px;height: 21px;z-index: 1;background: url(../images/shape-4.webp);}
 .news-block_one-image {position: relative; overflow: hidden; border-radius: 30px; }
 .news-block_one-image img {position: relative; width: 100%; display: block; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.news-block_one-image img:first-child {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 1; -webkit-transform: translatex(50%) scalex(2); transform: translatex(50%) scalex(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); }
 .news-block_one-inner:hover .news-block_one-image img:first-child {-webkit-transform: translatex(0) scalex(1); transform: translatex(0) scalex(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); }
 .news-block_one-inner:hover .news-block_one-image img:nth-child(2) {-webkit-transform: translatex(-50%) scalex(2); transform: translatex(-50%) scalex(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); }
 .news-block_one-meta {position: relative; padding: 18px 5px 0; }

/*.news-block_one-meta:before {
    position: absolute;
    content: '';
    left: 0px;
    top: -30px;
    width: 410px;
    height: 106px;
    background: url(../images/news-one_arrows.webp);
}
*/
.news-block_one-meta li {position: relative; display: inline-block; color: #666666; font-size: 18px; padding-left: 30px; margin-right: 15px; }
.news-block_one-meta li .icon {position: absolute; left: 0px; top: 2px; line-height: 1em; color: #000; }
 .news-block_one-meta li:last-child {margin-right: 0px; padding-right: 0px; }
 .news-block_one-arrow {position: relative; width: 42px; height: 42px; opacity: 0; line-height: 38px; text-align: center; border-radius: 50px; transform: rotate(90deg); background-color: rgba(0, 13, 255, 1); background-image: linear-gradient(90deg, rgb(0 0 0) 20%, rgb(205 64 13) 100%); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; margin-top: 9px; }
.news-block_one-inner:hover .news-block_one-arrow {transform: rotate(0deg); opacity: 1; }
 .news-block_one-content {position: relative; padding-top: 9px; }
.news-block_one-title {position: relative; text-transform: capitalize; line-height: 42px; font-size: 27px; font-weight: 600; }
 .news-block_one-title a {position: relative; color: #000; }

  /*===============================blog page css end=============================*/


/*==========================service detail page css start===========================*/
.page-service-single {padding: 50px 0; }
 .service-sidebar {position: sticky; top: 90px; margin-right: 20px; }
.service-catagery-list {border: 1px solid #e0e0e0; border-radius: 10px; margin-bottom: 20px; box-shadow: 0px 4px 30px 0px #0000000A; overflow: hidden; }
.service-catagery-list h3 {font-size: 21px; font-weight: 800; text-transform: capitalize; background-color: unset; color: #000000; padding: 16px 17px; border-bottom: 1px solid #ccc; }
.service-catagery-list ul {list-style: none; margin: 0; padding: 7px 11px 23px; }
.service-catagery-list ul li {border-bottom: unset; padding-bottom: 0px; margin-bottom: 11px; transition: all 0.3s ease-in-out; }
.service-catagery-list ul li:last-child {margin: 0; padding: 0; border-bottom: none; }
.service-catagery-list ul li a {position: relative; text-transform: capitalize; transition: all 0.3s ease-in-out; text-decoration: none; color: #000000; font-size: 15px; background-color: #ba3a0c2b; border-radius: 50px; padding: 11px 20px; display: flex; align-items: center; justify-content: space-between; }
.service-catagery-list ul li a:hover {color: #368b3a; }
.service-catagery-list ul li a::before {content: ''; position: absolute; top: 50%; right: 0; background: url(../images/arrow-dark.svg) no-repeat; background-size: cover; width: 24px; height: 24px; transform: translateY(-50%); transition: all 0.3s ease-in-out; }
 .service-catagery-list ul li a:hover:before {transform: translateY(-50%) rotate(45deg); }
.sidebar-cta-box {position: relative; background-image: url(../images/inn-banner.webp); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 11px; padding: 20px; overflow: hidden; z-index: 1; }
.sidebar-cta-box::before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(90deg, rgb(0 0 0) 20%, rgb(205 64 13) 100%); opacity: 88%; height: 100%; width: 100%; z-index: 0; }
 .sidebar-cta-logo {position: relative; margin-bottom: 30px; }
.sidebar-cta-logo img {width: 100%; max-width: 160px; }
.sidebar-cta-content {position: relative; margin-bottom: 30px; }
.sidebar-cta-content h3 {font-size: 29px; font-weight: 800; color: #fff; margin-bottom: 13px; }
.sidebar-cta-content h3 span {font-weight: 700; }
.sidebar-cta-content p {color: #fff; margin-bottom: 0; font-size: 15px; }
 .sidebar-cta-contact-list {position: relative; }
.sidebar-cta-contact-item {margin-bottom: 20px; display: flex; align-items: center; }
 .sidebar-cta-contact-item:last-child {margin: 0; }
 .sidebar-cta-contact-item .icon-box {position: relative; height: 40px; width: 40px; display: flex; justify-content: center; align-items: center; border-radius: 10px; margin-right: 15px; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); overflow: hidden; z-index: 1; }
 .sidebar-cta-contact-item .icon-box i {color: #fff; }
 .sidebar-cta-contact-item .icon-box::before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; opacity: 16%; height: 100%; width: 100%; border-radius: 10px; z-index: 0; }
 .sidebar-cta-contact-item img {position: relative; max-width: 24px; z-index: 1; }
.cta-contact-item-title h3 {font-size: 17px; font-weight: 600; color: #fff; transition: all 0.3s ease-in-out; }
.sidebar-cta-contact-item:hover .cta-contact-item-title h3 {color: #368b3a; }
.service-featured-image {margin-bottom: 30px; }
.service-featured-image figure {display: block; border-radius: 11px; overflow: hidden; }
.service-featured-image img {border-radius: 11px; width: 100%; aspect-ratio: 1 / 0.67; object-fit: cover; height: 350px; }
 .service-entry {margin-bottom: 40px; }
.service-entry h2 {font-size: 30px; font-weight: 800; margin-bottom: 20px; color: #000000; }
 .service-entry h3 {font-size: 28px; font-weight: 800; margin-bottom: 20px; color: #0e3052; }
.service-entry h4 {font-size: 25px; font-weight: 800; margin-bottom: 20px; color: #0e3052; }
.service-entry h5 {font-size: 22px; font-weight: 800; margin-bottom: 20px; color: #0e3052; }
.service-entry h1 {font-size: 32px; font-weight: 800; margin-bottom: 20px; color: #0e3052; }
.service-entry h2 span {font-weight: 700; }
.service-entry p {margin-bottom: 20px; font-size: 15px; }
.service-entry p:last-child {margin-bottom: 0; }
 .service-entry ul {padding: 0; margin-bottom: 26px; list-style: none; display: block; gap: 20px 30px; flex-wrap: wrap; }
.service-entry ul li {position: relative; width: 100%; color: #000000; text-transform: capitalize; display: flex; align-items: baseline; padding-left: 10px; margin-bottom: 10px; font-size: 15px; }
.service-entry ul li i {margin-right: 10px; }
.service-entry ul li::before {content: ''; position: absolute; width: 24px; height: 24px; top: 50%; transform: translateY(-50%); left: 0; background: url(../images/icon-check.svg) no-repeat center left; background-size: cover; }
 .service-entry-box {display: flex; gap: 80px 30px; flex-wrap: wrap; margin: 40px 0; }
.service-entry-item {position: relative; width: calc(50% - 15px); }
.service-entry-item::before {content: ''; position: absolute; bottom: 0; left: 0; right: 0; background-color: #EBEBEB; height: 1px; width: 100%; transform: translateY(40px); }
.service-entry-item:nth-last-child(-n + 2)::before {display: none; }
.service-entry-item .icon-box {margin-bottom: 30px; }
 .service-entry-item .icon-box img {max-width: 50px; }
.service-entry-item-content h3 {font-size: 20px; font-weight: 600; text-transform: capitalize; margin-bottom: 20px; }
.service-entry-item-content p {margin-bottom: 0; }
.service-entry-images {display: flex; gap: 30px; flex-wrap: wrap; }
.service-entry-img {width: calc(50% - 15px); }
.service-entry-img figure {display: block; border-radius: 40px; overflow: hidden; }
.service-entry-img img {width: 100%; aspect-ratio: 1 / 0.96; object-fit: cover; border-radius: 40px; }
 .service-catagery-list ul li a:hover {background: linear-gradient(90deg, rgb(0 0 0) 20%, rgb(205 64 13) 100%); color: #fff; }

/*==========================service detail page css end===========================*/


.portfolio-image img{width: 100%; border-radius: 15px;}
.result-image img{width: 100%; border-radius: 15px; margin-bottom: 20px; border: 1px solid #ccc;}

.rank-table td{    border: 1px solid;
    padding: 11px 20px;}
.rank-table h2{font-size:20px!important;font-weight:600;border-bottom:1px solid #ccc;}
.rank-table table th{padding:10px;color:#fff;border:1px solid #000;text-align:center;font-weight:600;}
.fusion-pricing-table .panel-body .price .time{position:relative;font-style:italic;color:#000;margin-left:-14px;font-weight:bold;letter-spacing:0.5px;}
.rank-table thead{background:linear-gradient(90deg, rgb(0 0 0) 20%, rgb(205 64 13) 100%);border:1px solid #000;}
.rank-table thead td{background:linear-gradient(90deg, rgb(0 0 0) 20%, rgb(205 64 13) 100%);border:1px solid #000;}

.portfolio-box{
    margin-bottom: 30px;
    border: 1px solid #ccc;
    padding: 40px;
    height: 132px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px; }
.portfolio-box img{width: 100%; object-fit: contain;}
.portfoli-listing{padding: 50px 0px;}


.contact-wrapps{padding: 50px 0px;}


.contact-info-card {
    text-align: center;
    padding: 2rem 1.5rem;
    background: #fff;
    border: 1.5px solid #d1d8e0;
    border-radius: 24px;
    transition: border-color .25s, box-shadow .25s, transform .25s;
    position: relative;
    overflow: hidden;
}

.contact-info-card:hover {
    border-color: transparent;
    box-shadow: 0 12px 14px rgb(253 229 220);
    transform: translateY(-6px);
}

.contact-info-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, rgb(0 0 0) 20%, rgb(205 64 13) 100%);
    transform: scaleX(0);
    transition: transform .3s ease;
}

.contact-info-card:hover::before {
    transform: scaleX(1);
}

.contact-info-icon {
    width: 56px;
    height: 56px;
    background: rgb(191 60 12 / 19%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c03c0c;
    font-size: 1.3rem;
    margin: 0 auto 1rem;
    transition: background .25s, color .25s;
}

.contact-info-card:hover .contact-info-icon {
    background: linear-gradient(90deg, rgb(0 0 0) 20%, rgb(205 64 13) 100%);
    color: #fff;
    transform: scale(1.1) rotate(-5deg);
}

.contact-info-card h5, .contact-info-card .h5 {
    font-weight: 700;
    margin-bottom: .5rem;
    color: #000;
    font-size: 17px;
}

.contact-info-card p {
    margin: 0;
    line-height: 1.7;
    color: #000;
    font-size: 14px;
}

.contact-info-card p a{
    margin: 0;
    line-height: 1.7;
    color: #000;
    font-size: 14px;
}




.contact-form-wrap {
  background: #fff;
  border: 1.5px solid #d1d8e0;
  border-radius: 24px;
  padding: 2.5rem;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .05);
}

.contact-form-label {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #0D1117;
  margin-bottom: .45rem;
  letter-spacing: .02em;
}

.contact-form-input {
  width: 100%;
  padding: .85rem 1.1rem;
  border: 1.5px solid #d1d8e0;
  border-radius: 12px;
  font-size: .93rem;
  background: #b9b9b91a;
  color: #0D1117;
  transition: border-color .2s, box-shadow .2s, background .2s;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
}

.contact-form-input:focus {
  border-color: #c63e0d;
  box-shadow: unset;
  background: #fff;
}

.contact-form-input::placeholder {
  color: #4A5568;
  opacity: .6;
}

.contact-form-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  padding-right: 2.5rem;
  cursor: pointer;
}

.contact-form-textarea {
  resize: vertical;
  min-height: 140px;
}

.contact-checkbox-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .5rem;
}

@media (max-width: 479px) {
  .contact-checkbox-grid {
    grid-template-columns: 1fr;
  }
}

.contact-checkbox-item {
  display: flex;
  align-items: center;
  gap: .6rem;
  font-size: .875rem;
  color: #4A5568;
  cursor: pointer;
  padding: .6rem .75rem;
  border-radius: 6px;
  border: 1.5px solid #d1d8e0;
  transition: border-color .2s, background .2s;
}

.contact-checkbox-item:hover {
  border-color: rgba(9, 88, 217, .35);
  background: rgba(9, 88, 217, .03);
}

.contact-checkbox-item input {
  width: 16px;
  height: 16px;
  accent-color: #0958D9;
  flex-shrink: 0;
}

.contact-map-wrap {
  border-radius: 24px;
  overflow: hidden;
  border: 1.5px solid #d1d8e0;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
}

.contact-hours-card {
  background: #fff;
  border: 1.5px solid #d1d8e0;
  border-radius: 24px;
  padding: 1.75rem;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .04);
}

.sw-cf-title {
  position: relative;
  padding-bottom: .875rem;
  border-bottom: 1px solid #d1d8e0;
}

.sw-cf-title::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 32px;
  height: 2px;
  background: #ac360b;
}

.contact-hours-card h5,
.contact-hours-card .h5 {
  font-weight: 700;
  margin-bottom: 1.1rem;
  color: #0D1117;
  display: flex;
  align-items: center;
  gap: .5rem;
}

.contact-hours-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.contact-hours-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .6rem 0;
  border-bottom: 1px solid #d1d8e0;
  color: #4A5568;
}

.contact-hours-list li:last-child {
  border-bottom: none;
}

.contact-hours-list li span:first-child {
  font-weight: 600;
  color: #0D1117;
}

.contact-hours-closed {
  font-style: italic;
}

.contact-social-link {
  display: flex;
  align-items: center;
  gap: .85rem;
  padding: .7rem 1rem;
  border: 1.5px solid #d1d8e0;
  border-radius: 12px;
  color: #4A5568;
  text-decoration: none;
  font-weight: 500;
  transition: border-color .2s, color .2s, background .2s, transform .2s;
}

.contact-social-link:hover {
  border-color: #bc3b0c;
  color: #b6390c;
  background: rgb(202 63 13 / 8%);
  transform: translateX(4px);
}

.contact-social-link i {
  font-size: 1rem;
  width: 18px;
  text-align: center;
  flex-shrink: 0;
}


.btn-primary-custom{
    position: relative;
    font-weight: 700;
    font-size: 15px;
    overflow: hidden;
    text-align: center;
    border-radius: 50px;
    padding: 13px 34px;
    display: inline-block;
    color: #fff;
    text-transform: capitalize;
    font-family: 'Manrope', sans-serif;
    background-color: rgba(0, 13, 255, 1);
    background-image: linear-gradient(90deg, rgb(0 0 0) 20%, rgb(205 64 13) 100%); border: unset;}

  .contact-form-wrap .section-title {
      font-weight: 800;
    font-size: 29px;
    color: #000;
    line-height: 1.15;
    margin-bottom: 15px !important;
}





/*============================================home link page css start=======================================*/
.all-links-inner ul {padding-left: 0px; margin-left: 0px; list-style-type: none; margin-top: 0px; }
.all-links-inner ul li a {color: #000; text-decoration: none; border: 2px solid #cd400d; text-align: center; display: block; padding: 10px; font-size: 21px; }
.all-links-inner ul li {margin-bottom: 10px; }
.mecella-heading {margin-bottom: 80px; }
.mecella-heading h3 {color: #000; text-align: center; font-size: 32px; text-transform: uppercase; position: relative; }
.mecella-heading h3 span {font-weight: 900; color: #cd400d; }
.mecella-heading h3:after {content: ''; position: absolute; bottom: -20px; left: 0; right: 0; width: 100px; background-color: #cd400d; height: 5px; margin: 0 auto; }
.welcome-mecella {background-color: #f1f1f1; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.welcome-mecella img {width: 75%; }
.all-links-wrapper {padding-top: 30px; padding-bottom: 50px; }
/*============================================home link page css end=======================================*/
.sk-instagram-feed{background-color: unset!important;}
body .sk-instagram-feed .sk-ig-profile-info-container{color: #fff;}
body .sk-instagram-feed .instagram-user-container{display: none!important;}
body .sk-instagram-feed{width: 97% !important;margin: 0 auto;}
.sk-slider-container .swiper-button-next{display: none!important;}
.sk-slider-container .swiper-button-prev{display: none!important;}
body .sk-instagram-feed{border: none!important;}
body .sk-instagram-feed .sk-slider-container{padding-bottom: 0!important;}