/*
Theme Name: AL Faraeenah elect device
Theme URI: http://codearoma/
Author: codearoma
Author URI: https://codearoma.com/
Description: CodeAroma Technologies mainly focuses on Website development, Application development, Software development, Online Marketing Services and Branding. 
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: codearoma
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
*/

/*Custom Form*/
.form-group textarea,
.form-group input[type="email"], 
.form-group input[type="text"] {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    color: #000;
    line-height: 30px;
    font-weight: 600;
    background-color: #ffffff;
    border-radius: 6px;
    padding: 11px 20px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--primary);
    -o-border-image: initial;
    border-image: initial;
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
    margin-bottom: 15px;
}

#captcha {
    font-weight: 700;
    font-size: 25px;
    padding: 13px 0px;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    text-align: center;
    font-family: 'Shadows Into Light',cursive;
    font-style: normal;
    letter-spacing: 5px;
    border: 1px solid var(--primary);
    border-radius: 7px;
}
#captcha-error {
	color: red;
	display: none;
}
 
 #mybtn {
  background: var(--primary);
  color: #fff;
  border: none;
  font-weight: 500;
  padding: 7px 18px;
  border-radius: 25px;
}
#mybtn:hover {
  background-color: var(--secondary);
}
ol.form_guide li {
    list-style: auto;
}
@font-face {
    font-family: 'fontello';
    src: url('./assets/fonts/fontello.eot');
    src: url('./assets/fonts/fontello.eot') format('embedded-opentype'),
         url('./assets/fonts/fontello.woff') format('woff'),
         url('./assets/fonts/fontello.ttf') format('truetype'),
         url('./assets/fonts/fontello.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

:root
{
	--primary:#a57526;
	--secondary:#42bbf4;
}
body {
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
}
section
{
	float: left;
	width: 100%;
	padding-top: 70px;
	padding-bottom: 70px;
}
.pt-70
{
    padding-top: 70px;
}
.pb-70
{
    padding-bottom: 70px;
}
.pb-50
{
    padding-bottom: 50px;
}
.pt-0
{
    padding-top: 0px;
}
.pb-0
{
    padding-bottom: 0px;
}
h2 {
    color: var(--secondary);
    font-size: 40px;
    font-weight: 700;
    position: relative;
}

nav, ul, li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.ml-0
{
    margin-left: 0px !important;
}

ul,
p
{
	padding: 0;
	margin: 0;
}

/*Banner*/

.banner1 {
    background-image: url(assets/images/banner/banner1.webp);
}

.banner2 {
  background-image: url(assets/images/banner/banner2.webp);
}
.banner3 {
  background-image: url(assets/images/banner/banner3.webp);
}
.banner4 {
  background-image: url(assets/images/banner/banner4.webp);
}
.banner5 {
  background-image: url(assets/images/banner/banner5.webp);
}
.banner6 {
  background-image: url(assets/images/banner/banner6.webp);
}
.banner-heading {
    padding: 60px 0px 70px 0px;
    width: 100%;
    color: #fff;
}
.banner-title {
    color: #fff;
    font-size: 50px;
    margin-bottom: 0px;
    font-weight: 600;
}
.breadcrumb {
}
ol.breadcrumb a {
    color: #fff;
    font-weight: 500;
}
ol.breadcrumb i {
    font-size: 12px;
    margin-left: 7px;
}
/************top header***************/

/* Sticky Navbar */
#masthead {
    background-color: #fff;
    transition: .5s ease top;
    top: -105px;
    box-shadow: 0 0 5px 2px rgba(0,0,0,.2);
    
    &.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    }
    
    .header {
    justify-content: center;
    h1 {
        color: white;
      }
    }
    ;
    z-index: 999;
  }

.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown-menu {
    display: none;
}

.dropdown.show .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
}

.header-top {
    position: relative;
    padding: 4px 0px;
    background-color: #000;
    float: left;
    width: 100%;
}
.header-top .top-left {
    position: relative;
    float: left;
}
.header-top .info-list {
    position: relative;
}
.header-top .info-list li {
    position: relative;
    color: #ffffff;
    margin-right: 15px;
    display: inline-block;
    list-style: none;
}
.header-top .info-list li a {
    text-decoration: none;
    font-size: 14px;
    position: relative;
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.header-top .top-right {
    position: relative;
    float: right;
    padding-right: 35px;
}

.menu_header {
    float: left;
    width: 100%;
    box-shadow: 0px 0px 1px 1px #e5e5e5;
    position: relative;
    background: #fff;
}

.header-top .info-list li .icon {
    font-size: 12px;
    width: 22px;
    height: 22px;
    border-radius: 4px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--secondary);
    margin-right: 10px;
    float: left;
}
.apply_job a {
    background: var(--primary);
    color: #fff;
    padding: 9px 17px;
    text-decoration: none;
    font-size: 13px;
}
.logo img {
    width: 100%;
    height: auto;
}
.logo {
    width: 255px;
    height: auto;
}
.navbar
{padding: 0;}
.menutop ul li a {
    color: #000;
    padding: 5px 14px;
    position: relative;
    font-weight: 600;
    text-transform: uppercase;
}
ul.navbar-nav > li:hover > a:before, ul.navbar-nav > li.active > a:before {
    border-color: var(--primary);
    opacity: 1;
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
}
ul.navbar-nav > li > a:before {
}
.navbar-nav > .nav-item:hover > .nav-link {
    color: var(--primary);
}
.dropdown-menu li a:hover, .dropdown-menu li a:focus {
    background: var(--secondary);
    color: #fff !important;
    padding-left: 20px !important;
}
.dropdown-menu {
    text-align: left;
    background: #fff;
    z-index: 100;
    min-width: 220px;
    padding: 0;
    border: 0;
    box-shadow: 0px 0px 5px 1px #999999;
    border-radius: 5px;
}
.dropdown-menu li a {
	color: #000!important;
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
	text-decoration: none;
	text-transform: capitalize !important;
	padding: 8px 15px !important;
	border-bottom: 1px solid #c7c7c7;
	line-height: normal !important;
}
#main_nav {
    display: inline-masonry;
    justify-content: flex-end;
}

/******************Slider***********************/
.pic, .pic img {
    width: 100%;
    height: auto;
}
#slider .carousel-control.left, 
#slider .carousel-control.right {
  
    filter: alpha(opacity=0);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    transition: all .25s ease;
}
#slider .carousel-control .fa-angle-left {
    left: 5px;
    background: var(--primary);
}
#slider .carousel-control .fa-angle-right
{
    right: 5px;
    background: var(--primary);
}
#slider .carousel-control .fa-angle-left, 
#slider .carousel-control .fa-angle-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transform: translateY(-50%);
}
#slider .carousel-control i {
    color: #fff;
    line-height: 40px;
    width: 40px;
    height: 40px;
    transition: all 500ms ease;
    background: #000;
    border-radius: 50%;
    font-size: 16px;
    margin: 15px;
}
#slider .carousel-control i:hover {
    background: #000;
}
.slider01 {
}
.slider-content {
    padding-top: 70px;
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 15px;
    width: 100%;
    position: relative;
    z-index: 99;
}
.slide-title {
    font-size: 30px;
    font-weight: 700;
    color: var(--primary);
    text-align: left;
}
.slide-sub-title {
    font-style: normal;
    font-size: 40px;
    color: var(--secondary);
    font-weight: 700;
    padding: 15px 0px;
}
.slider-description {
    color: #000;
    font-weight: 500;
    margin: 20px 0 20px;
}

.read-more a {
    font-size: 14px;
    color: #000;
    text-decoration: none;
}
.read-more a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ebebeb;
    border-radius: 50%;
    color: var(--primary);
    margin-right: 5px;
    transition: all 0.3s linear;
}
.read-more {
    margin-top: 10px;
    margin-bottom: 20px;
}
.work-process-area .work-pro-items .item:hover .read-more a i,
.sevice_effe1:hover .read-more a i ,
.services__three-items:hover .two:hover .read-more a i {
    transform: rotate(90deg);
}
.sevice_effe1 {
    padding: 20px 20px 0px 20px;
}
/*******************btn*********************/

.btn a {
    display: block;
    text-decoration: none;
    text-align: center;
    border: none;
    color: #fff;
    position: relative;
    
    text-transform: capitalize;
    transition: all .35s;
    background-color: var(--secondary);
    padding: 6px 20px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
}

.btn a:before
{
    background: #000 !important;
}
  .btn a:before,
  .btn a:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: -100%;
    left: 0;
    background: var(--primary);
    z-index: 9;
    transition: all .35s;
  }
  
.btn a:before{
    opacity: .5;
  }
  
.btn a:after{
    transition-delay: .2s;
  }
  
.btn a:hover{
    color: #fff;
  }
  
.btn a:hover:before,
.btn a:hover:after{
    top: 0;
  }
  .btn:hover span {
    color: #fff;
    z-index: 99;
    position: relative;
}

button.btn.btnone a {
    padding: 14px 45px;
    border-radius: 50px;
    text-transform: uppercase;
    border: 2px solid;
}
/* Footer */
i.demo-icon.i-con {
  z-index: 1;
  position: relative;
}
.main-footer.style-two {
    position: relative;
    background-image: url(assets/images/footer.webp);
    padding-bottom: 0;
}
.main-footer .footer-widget {
    position: relative;
    margin-bottom: 15px;
}
.main-footer .widget-title {
    position: relative;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 30px;
}
.links-widget .widget-content {
    position: relative;
}
.links-widget ul li {
    position: relative;
    margin-left: 30px;
}

.links-widget ul li a {
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    color: #fff;
    transition: all 0.3s ease 0s;
    text-decoration: none;
}
.links-widget ul li a:before {
    position: absolute;
    content: '';
    left: -20px;
    top: 7px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    background-color: var(--secondary);
}
.links-widget ul li a:after {
    position: absolute;
    content: '';
    left: -30px;
    top: 10px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    background-color: var(--secondary);
}
.main-footer .footer-widget {
    position: relative;
    margin-bottom: 15px;
}

.contact-widget .social-links {
    position: relative;
}
.contact-widget ul.list li {
    position: relative;
    display: flex;
    color: #fff;
    font-weight: 500;
}
.contact-widget .social-links li a {
    position: relative;
    display: block;
    color: #ffffff;
    font-size: 14px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    background: rgba(255, 255, 255, 0.2);
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contact-widget .social-links li a span {
    position: relative;
}
.contact-widget .social-links li {
    position: relative;
    margin-right: 8px;
    margin-bottom: 10px;
    display: inline-block;
}
.contact-widget .social-links li a:before {
    /* position: absolute; */
    /* content: ''; */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background-image: -webkit-linear-gradient( 0deg, rgb(17 101 110) 16%, rgb(74 172 179) 100%);
}
footer.main-footer.style-two i {
    color: #fff;
    margin-right: 15px;
    font-weight: 300;
}

.copyright-info, .copyright-info a, .widget-content a {
    color: #fff;
}
.copyright-info.right {
    text-align: right;
}
.copyright {
    background: #714C10;
    padding: 6px 0px;
}
.footer-bottom-two .menu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.contact-widget ul.list li a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    margin-left: 15px;
    line-height: 24px;
}
.widgets-section li {
    margin-bottom: 10px;
}
.contact-widget ul.list i {
    margin-right: 10px;
}
.contact-widget ul.list {
    margin-bottom: 20px;
}
.copyright-text.text-right {
    text-align: right;
}
.copyright-text a
{
    text-decoration: none;
}
section.bottom_footer {
    padding: 0px;
    background: var(--secondary);
    padding-bottom: 6px;
}
ul.list.address1 i {
    margin-top: 4px;
    margin-right: 15px;
}
.footer-widget.links-widget.pl-5 {
    padding-left: 50px;
}
.hover-content-heading a {
    background: var(--primary);
    color: #fff;
    text-decoration: none;
    padding: 2px 10px;
    float: right;
    font-size: 13px;
    border-radius: 5px;
}
.hover-content-heading h2 {
    float: left;
    font-size: 16px;
    margin-top: 6px;
}
.website-tag-part {
    float: left;
    width: 100%;
}
.website-tag-part li {
    float: left;
    box-shadow: 0px 0px 2px 0px var(--secondary);
    background: #f5f5f5;
    padding: 2px 7px;
    margin: 4px;
    color: var(--secondary);
    font-size: 13px;
}
.hover-content-heading a:hover {
    background: var(--secondary);
}
h2.portfolio_name {
    text-align: center;
    font-size: 20px;
    margin-bottom: 0px;
}

/* Testimonial Section */

.testimonial-section{
	position:relative;
	
}

.testimonial-section .sec-title .text{
	margin-top:40px;
}

.testimonial-section .owl-carousel .owl-stage-outer{
	padding:20px 0px;
}

.testimonial-section .owl-theme .testimonial-block{
	margin:0px 15px;
}

.testimonial-section .btn_01{
	position:relative;
	text-align:right;
	padding-right:15px;
}

.testimonial-section .btn_01{
	position:relative;
	width:10px;
	height:5px;
	border-radius:0px;
	margin-left:10px;
	display:inline-block;
	background-color:var(--secondary);
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	opacity: 0.9;
}

.testimonial-section .btn_01.active,
.testimonial-section .btn_01:hover{
	width:30px;
	background-color:var(--primary);
}



.testimonial-block{
	position:relative;
}

.testimonial-block .inner-box {
    position: relative;
}

.testimonial-block .inner-box .upper-box{
	position:relative;
	padding-top:9px;
	padding-left:115px;
	margin: auto;
    width: 350px;
    text-align: center;
}

.testimonial-block .inner-box .upper-box .icon{
	position:absolute;
	left:0px;
	top:0px;
}
.carousel-indicators.testi_btn {
    bottom: 0;
}

.testimonial-block .inner-box .upper-box h4{
	position:relative;
	color:var(--secondary);
	font-weight:600;
}

.testimonial-block .inner-box .upper-box .designation{
	position:relative;
	color:var(--primary);
	font-size:16px;
}

.testimonial-block .inner-box .text{
	position:relative;
	margin-top:35px;
	color:#000;
	font-size:16px;
	line-height:1.9em;
	font-weight:500;
	text-align: center;
}


/* Fun fact */
.counter-area {
    background: var(--primary);
    color: #fff;
}
.tp-counter-item-icon {
    font-size: 50px;
    line-height: 50px;
}
.counter {
}
/*Font*/
.span3 {
    float: left;
    width: 25%;
    border: 1px solid #000;
    padding: 11px;
}
span.i-code {
    float: right;
}
/*Slider client*/
@media (max-width: 767px) {
    #multislider01 .carousel-inner .carousel-item>div {
        display: none;
    }

    #multislider01 .carousel-inner .carousel-item>div:first-child {
        display: block;
    }
}

#multislider01 .carousel-inner .carousel-item.active,
#multislider01 .carousel-inner .carousel-item-next,
#multislider01 .carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

    #multislider01 .carousel-inner .carousel-item-end.active,
    #multislider01 .carousel-inner .carousel-item-next {
        transform: translateX(16.6%);
    }

    #multislider01 .carousel-inner .carousel-item-start.active,
    #multislider01 .carousel-inner .carousel-item-prev {
        transform: translateX(-16.6%);
    }
}

#multislider01 .carousel-inner .carousel-item-end,
#multislider01 .carousel-inner .carousel-item-start {
    transform: translateX(0);
}
.client_btn {
    background: var(--primary);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
}
a {
    list-style: none;
    text-decoration: none;
}
.header-top {
}
.header-top::before {
    /* content: ""; */
    /* position: absolute; */
    /* top: 0; */
    /* left: 80px; */
    /* bottom: 0; */
    /* width: 48%; */
    /* background: var(--secondary); */
    /* clip-path: polygon(8% 0%, 92% 0%, 100% 100%, 0% 100%); */
}
.header-top-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.header-top-left, .header-top-right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}
.header-top-left, .header-top-right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}
.header-top-list ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
}
.header-top-list a {
    color: #fff;
}
.header-top::after {
    /* content: ""; */
    /* position: absolute; */
    /* top: 0; */
    /* right: 0; */
    /* bottom: 0; */
    /* width: 8%; */
    /* background: var(--secondary); */
    /* clip-path: polygon(35% 0%, 100% 0%, 100% 100%, 0% 100%); */
}

@media (max-width: 992px) {
  .navbar-collapse {
      flex-basis: 100%;
      flex-grow: 1;
      align-items: center;
      background-color: #fff;
      position: absolute;
      z-index: 9999999;
      left: 0;
      right: 0;
      border-radius: 10px 10px 23px 23px;
      top: 58px;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
      border-bottom: 5px solid var(--primary);
  }
}

/*Slider*/
.main-slider-three {
  position: relative;
  /*background-color: red;*/
  z-index: 1;
}
.main-slider-three__carousel {
  position: relative;
}
.main-slider-three__carousel.owl-carousel .owl-dots {
  margin: 0 !important;
  position: absolute;
  left: 50%;
  bottom: 100px;
  transform: translateX(-50%);
}
@media (min-width: 1350px) {
  .main-slider-three__carousel.owl-carousel .owl-dots {
    top: calc(50% + 20px);
    left: auto;
    right: 34px;
    transform: translateY(-50%) translateX(0%);
    flex-direction: column;
  }
}
@media (min-width: 1600px) {
  .main-slider-three__carousel.owl-carousel .owl-dots {
    right: 60px;
  }
}
.main-slider-three__carousel.owl-carousel .owl-dots .owl-dot {
  border-color: #fff;
}
@media (max-width: 1349px) {
  .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot {
    border-color: var(--secondary);
  }
}
.main-slider-three__carousel.owl-carousel .owl-dots .owl-dot::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  background-color: var(--secondary);
  transition: all 500ms ease;
}
@media (max-width: 1349px) {
  .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot::after {
    background-color: #fff;
  }
}
.main-slider-three__carousel.owl-carousel .owl-dots .owl-dot:hover, .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot.active {
  border-color: #fff;
  background-color: #fff;
}
@media (max-width: 1349px) {
  .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot:hover, .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot.active {
    border-color: var(--secondary);
    background-color: var(--secondary);
  }
}
.main-slider-three__carousel.owl-carousel .owl-dots .owl-dot:hover::after, .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot.active::after {
  transform: translate(-50%, -50%) scale(1);
}
.main-slider-three__item {
  position: relative;
  padding-top: 125px;
  background-color: #fff;
  padding-bottom: 180px;
}
@media (max-width: 1399px) {
  .main-slider-three__item {
  }
}
@media (max-width: 1199px) {
  .main-slider-three__item {
    padding-bottom: 300px;
  }
}
@media (max-width: 430px) {
  .main-slider-three__item {
    padding-top: 250px;
  }
}
@media (max-width: 390px) {
  .main-slider-three__item {
    padding-top: 230px;
  }
}

.main-slider-three__bg-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 31px);
  background: linear-gradient(#19232b, 0%, #0365d3, 100%);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 414.000000"><g transform="translate(0.000000,414.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 2070 c0 -1139 2 -2070 4 -2070 2 0 39 17 82 39 110 54 208 99 321 148 21 9 47 20 57 26 11 5 31 13 45 17 14 5 51 18 81 30 30 12 66 25 80 30 14 5 50 18 80 30 30 12 69 25 85 30 17 5 46 14 65 21 19 6 51 17 70 24 19 7 62 20 95 30 33 10 80 23 105 31 25 7 72 19 105 28 33 8 80 20 105 27 25 7 63 15 85 19 22 4 60 12 85 18 110 27 342 65 535 88 200 24 710 23 890 -1 170 -22 356 -58 475 -91 141 -39 208 -56 458 -118 31 -8 84 -21 117 -30 98 -24 175 -42 260 -61 44 -9 103 -23 131 -31 28 -8 61 -14 74 -14 13 0 46 -6 74 -14 57 -16 145 -34 221 -46 28 -4 77 -13 110 -20 369 -73 837 -138 1255 -174 530 -46 1112 -48 1515 -5 55 6 136 14 180 19 104 10 320 46 425 72 25 6 63 14 85 18 22 3 56 11 75 17 19 6 62 19 95 28 33 9 74 21 90 27 17 5 44 14 60 18 36 10 109 37 133 49 19 9 63 29 140 63 l52 23 0 1887 0 1888 -4500 0 -4500 0 0 -2070z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 414.000000"><g transform="translate(0.000000,414.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 2070 c0 -1139 2 -2070 4 -2070 2 0 39 17 82 39 110 54 208 99 321 148 21 9 47 20 57 26 11 5 31 13 45 17 14 5 51 18 81 30 30 12 66 25 80 30 14 5 50 18 80 30 30 12 69 25 85 30 17 5 46 14 65 21 19 6 51 17 70 24 19 7 62 20 95 30 33 10 80 23 105 31 25 7 72 19 105 28 33 8 80 20 105 27 25 7 63 15 85 19 22 4 60 12 85 18 110 27 342 65 535 88 200 24 710 23 890 -1 170 -22 356 -58 475 -91 141 -39 208 -56 458 -118 31 -8 84 -21 117 -30 98 -24 175 -42 260 -61 44 -9 103 -23 131 -31 28 -8 61 -14 74 -14 13 0 46 -6 74 -14 57 -16 145 -34 221 -46 28 -4 77 -13 110 -20 369 -73 837 -138 1255 -174 530 -46 1112 -48 1515 -5 55 6 136 14 180 19 104 10 320 46 425 72 25 6 63 14 85 18 22 3 56 11 75 17 19 6 62 19 95 28 33 9 74 21 90 27 17 5 44 14 60 18 36 10 109 37 133 49 19 9 63 29 140 63 l52 23 0 1887 0 1888 -4500 0 -4500 0 0 -2070z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
  z-index: 1;
}

.main-slider-three__bg-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 6px);
  background: url('assets/images/shapes/slidershape.png');
  background-size: cover;
  background-position: bottom;
  z-index: 2;
}

.main-slider-three__bg-3 {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 3px;
  right: 0;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 696.000000"><g transform="translate(0.000000,696.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M8965 6940 c-3 -11 -11 -20 -16 -20 -5 0 -22 -9 -37 -19 -44 -31 -326 -216 -336 -220 -4 -2 -37 -23 -72 -47 -35 -24 -66 -44 -69 -44 -3 0 -34 -20 -71 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -33 -20 -68 -43 -35 -24 -68 -46 -73 -48 -10 -4 -235 -151 -383 -250 -40 -27 -75 -49 -77 -49 -3 0 -34 -20 -71 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -34 -20 -70 -45 -37 -25 -68 -45 -70 -45 -2 0 -54 -34 -115 -75 -62 -41 -113 -75 -115 -75 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -32 -20 -67 -43 -35 -24 -68 -46 -73 -48 -6 -2 -50 -31 -100 -63 -49 -33 -139 -92 -200 -131 -60 -40 -150 -99 -200 -131 -49 -32 -94 -61 -100 -63 -5 -2 -38 -24 -73 -48 -35 -23 -65 -43 -67 -43 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -34 -20 -70 -45 -37 -25 -68 -45 -70 -45 -2 0 -54 -34 -115 -75 -62 -41 -113 -75 -115 -75 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -4 0 -141 -89 -294 -191 -40 -27 -74 -49 -76 -49 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -71 -45 -3 0 -34 -20 -71 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -114 -75 -62 -41 -113 -75 -115 -75 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -34 -20 -70 -45 -37 -25 -68 -45 -70 -45 -2 0 -54 -34 -116 -75 -62 -41 -113 -75 -115 -75 -2 0 -53 -34 -115 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -8 0 -124 -81 -136 -95 -10 -12 -10 -16 1 -19 15 -4 109 -29 199 -53 124 -33 167 -45 211 -59 26 -8 54 -14 64 -14 10 0 38 -7 64 -15 25 -8 74 -21 109 -30 153 -37 190 -47 232 -61 25 -8 54 -14 65 -14 11 0 40 -6 65 -14 45 -14 113 -31 180 -46 34 -7 71 -16 190 -45 30 -8 87 -21 125 -30 39 -9 95 -22 125 -30 30 -7 91 -21 135 -30 44 -9 105 -23 135 -30 30 -7 91 -21 135 -30 143 -30 209 -44 260 -56 28 -7 70 -15 95 -19 25 -4 65 -12 90 -18 51 -12 154 -33 280 -57 47 -9 117 -22 155 -30 39 -8 106 -21 150 -29 44 -8 109 -20 145 -27 36 -7 88 -15 115 -19 55 -7 142 -23 250 -46 39 -8 81 -14 95 -14 14 0 61 -6 105 -14 44 -8 119 -22 166 -30 48 -9 100 -16 115 -16 16 0 65 -6 109 -15 44 -8 133 -21 198 -30 64 -8 168 -22 230 -30 340 -45 795 -92 1017 -106 85 -5 162 -12 169 -15 67 -24 1522 -41 1881 -21 304 16 746 70 927 113 34 7 71 14 84 14 21 0 84 16 179 45 25 8 64 17 88 21 l42 7 0 3373 c0 2922 -2 3374 -14 3374 -8 0 -18 -9 -21 -20z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 696.000000"><g transform="translate(0.000000,696.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M8965 6940 c-3 -11 -11 -20 -16 -20 -5 0 -22 -9 -37 -19 -44 -31 -326 -216 -336 -220 -4 -2 -37 -23 -72 -47 -35 -24 -66 -44 -69 -44 -3 0 -34 -20 -71 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -33 -20 -68 -43 -35 -24 -68 -46 -73 -48 -10 -4 -235 -151 -383 -250 -40 -27 -75 -49 -77 -49 -3 0 -34 -20 -71 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -34 -20 -70 -45 -37 -25 -68 -45 -70 -45 -2 0 -54 -34 -115 -75 -62 -41 -113 -75 -115 -75 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -32 -20 -67 -43 -35 -24 -68 -46 -73 -48 -6 -2 -50 -31 -100 -63 -49 -33 -139 -92 -200 -131 -60 -40 -150 -99 -200 -131 -49 -32 -94 -61 -100 -63 -5 -2 -38 -24 -73 -48 -35 -23 -65 -43 -67 -43 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -34 -20 -70 -45 -37 -25 -68 -45 -70 -45 -2 0 -54 -34 -115 -75 -62 -41 -113 -75 -115 -75 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -4 0 -141 -89 -294 -191 -40 -27 -74 -49 -76 -49 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -71 -45 -3 0 -34 -20 -71 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -114 -75 -62 -41 -113 -75 -115 -75 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -34 -20 -70 -45 -37 -25 -68 -45 -70 -45 -2 0 -54 -34 -116 -75 -62 -41 -113 -75 -115 -75 -2 0 -53 -34 -115 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -8 0 -124 -81 -136 -95 -10 -12 -10 -16 1 -19 15 -4 109 -29 199 -53 124 -33 167 -45 211 -59 26 -8 54 -14 64 -14 10 0 38 -7 64 -15 25 -8 74 -21 109 -30 153 -37 190 -47 232 -61 25 -8 54 -14 65 -14 11 0 40 -6 65 -14 45 -14 113 -31 180 -46 34 -7 71 -16 190 -45 30 -8 87 -21 125 -30 39 -9 95 -22 125 -30 30 -7 91 -21 135 -30 44 -9 105 -23 135 -30 30 -7 91 -21 135 -30 143 -30 209 -44 260 -56 28 -7 70 -15 95 -19 25 -4 65 -12 90 -18 51 -12 154 -33 280 -57 47 -9 117 -22 155 -30 39 -8 106 -21 150 -29 44 -8 109 -20 145 -27 36 -7 88 -15 115 -19 55 -7 142 -23 250 -46 39 -8 81 -14 95 -14 14 0 61 -6 105 -14 44 -8 119 -22 166 -30 48 -9 100 -16 115 -16 16 0 65 -6 109 -15 44 -8 133 -21 198 -30 64 -8 168 -22 230 -30 340 -45 795 -92 1017 -106 85 -5 162 -12 169 -15 67 -24 1522 -41 1881 -21 304 16 746 70 927 113 34 7 71 14 84 14 21 0 84 16 179 45 25 8 64 17 88 21 l42 7 0 3373 c0 2922 -2 3374 -14 3374 -8 0 -18 -9 -21 -20z"/> </g> </svg>');
  mask-repeat: no-repeat;
  mask-position: right;
  z-index: 1;
  background: linear-gradient(0deg, #19232b 0%, #00bdf1 100%);
}

@media (max-width: 991px) {
  .main-slider-three__bg-2__image.slider-image {
    display: none !important;
  }
}

@media (max-width: 1599px) {
  .main-slider-three__bg-3 {
  }
}
.main-slider-three .container {
  position: relative;
  z-index: 4;
}
@media (max-width: 767px) {
  .main-slider-three__row {
    flex-direction: column-reverse;
  }
}
.main-slider-three__image {
  position: relative;
  position: absolute;
  left: 0;
  bottom: -130px;
  z-index: 1;
  width: 46%;
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .main-slider-three__image {
    left: 75px;
  }
}
/* @media (max-width: 1199px) {
  .main-slider-three__image {
    margin-left: 66px;
    display: table;
    position: relative;
    left: 0;
    bottom: 0;
  }
} */
@media (max-width: 767px) {
  .main-slider-three__image {
    margin-left: 25px;
  }
}
@media (max-width: 575px) {
  .main-slider-three__image {
    margin-left: 0;
  }
}
.main-slider-three__image::before {
  /* content: ""; */
  width: 518px;
  height: 497px;
  background-position: center center;
  background-size: 100% 100%;
  position: absolute;
  left: 44%;
  bottom: 0;
  transform: translateX(-49%);
  z-index: 1;
}
@media (max-width: 767px) {
  .main-slider-three__image::before {
    width: 500px;
    height: 500px;
    left: 48%;
  }
}
@media (max-width: 575px) {
  .main-slider-three__image::before {
    display: none;
  }
}
.main-slider-three__image::after {
  content: "";
  width: 500px;
  height: 523px;
  position: absolute;
  left: 46%;
  bottom: 22px;
  transform: translateX(-50%);
  background-color: #fff;
  z-index: 2;
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 903.000000"><g transform="translate(0.000000,903.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M4165 9015 c-7 -9 -35 -16 -80 -20 -106 -9 -317 -51 -470 -96 -38 -11 -83 -24 -100 -29 -29 -8 -64 -20 -135 -45 -169 -61 -487 -214 -633 -303 -37 -23 -69 -42 -72 -42 -5 0 -187 -123 -305 -206 -538 -380 -1234 -1112 -1657 -1744 -113 -168 -165 -250 -179 -280 -4 -8 -17 -31 -29 -50 -74 -120 -196 -365 -254 -510 -23 -56 -36 -86 -65 -153 -9 -21 -16 -44 -16 -52 0 -8 -6 -29 -14 -47 -18 -45 -49 -149 -90 -313 -17 -68 -40 -202 -56 -320 -13 -104 -13 -565 1 -674 16 -134 49 -295 93 -451 25 -93 66 -207 131 -365 38 -92 135 -292 173 -355 12 -19 28 -48 37 -65 35 -69 215 -338 300 -449 196 -257 333 -412 600 -680 208 -209 437 -418 601 -550 28 -23 95 -77 150 -121 154 -125 285 -222 457 -339 136 -91 370 -237 417 -259 8 -4 42 -22 75 -40 89 -50 192 -102 260 -132 33 -15 78 -35 100 -45 22 -10 76 -32 120 -50 44 -17 95 -38 113 -46 18 -8 39 -14 47 -14 8 0 29 -6 47 -14 31 -13 54 -20 193 -59 28 -8 86 -22 130 -32 44 -9 100 -22 125 -27 91 -21 202 -29 470 -35 279 -5 387 1 555 33 163 31 255 55 390 101 39 14 79 27 90 30 11 2 34 11 50 18 17 7 50 21 75 31 43 16 343 162 385 187 11 7 43 25 70 41 197 115 520 351 724 531 156 138 585 578 697 715 16 19 31 37 34 40 4 3 37 43 75 90 38 47 72 87 76 90 27 24 340 458 406 566 7 10 30 48 53 84 57 90 56 89 89 146 149 263 245 463 331 694 18 47 38 101 45 120 70 187 154 549 171 743 4 45 11 70 20 74 21 8 21 591 -1 607 -10 7 -18 43 -24 106 -10 104 -25 187 -47 266 -8 28 -14 59 -14 70 0 10 -6 36 -14 59 -7 22 -21 67 -31 100 -24 81 -50 159 -75 225 -12 30 -25 67 -30 81 -4 14 -12 34 -18 45 -6 10 -23 46 -37 79 -35 78 -126 260 -154 305 -11 19 -24 42 -28 50 -3 8 -18 33 -32 55 -38 59 -49 78 -58 95 -7 16 -53 83 -153 225 -312 445 -842 973 -1387 1383 -125 94 -291 212 -298 212 -2 0 -32 19 -67 43 -231 158 -597 346 -883 454 -93 36 -115 43 -210 71 -243 72 -441 114 -598 128 -45 4 -70 10 -74 20 -8 21 -574 21 -588 -1z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: auto;
  mask-size: auto;
  opacity: 0.5;
}
@media (max-width: 767px) {
  .main-slider-three__image::after {
    width: 510px;
    height: 515px;
    left: 48%;
  }
}
@media (max-width: 575px) {
  .main-slider-three__image::after {
    display: none;
  }
}
.main-slider-three__image__one {
  position: relative;
  z-index: 3;
  width: 90%;
  height: auto;
  top: -62px;
  left: 0;
}
.main-slider-three__image__shape {
  position: absolute;
  top: -80px;
  right: 0;
  animation: zump 2s linear infinite;
  opacity: 0.9;
}
@media (max-width: 767px) {
  .main-slider-three__image__shape {
    right: -30px;
  }
}
@media (max-width: 575px) {
  .main-slider-three__image__shape {
    right: 0;
  }
}
.main-slider-three__client {
  position: relative;
  margin-top: -35px;
  display: table;
  z-index: 4;
}
@media (max-width: 575px) {
  .main-slider-three__client {
    display: block;
  }
}

.main-slider-three__content {
  padding-left: 70px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1399px) {
  .main-slider-three__content {
  }
}
@media (max-width: 1199px) {
  .main-slider-three__content {
    padding-left: 0;
  }
}
.main-slider-three__content__shape-box {
  width: 58px;
  height: 58px;
  position: absolute;
  border-radius: 50%;
  border: 9px solid var(--secondary);
  transition: all 1200ms ease;
  animation: moveHorizontal 2s linear infinite;
  left: 50px;
  bottom: -17px;
}
@media (max-width: 1399px) {
  .main-slider-three__content__shape-box {
  }
}
@media (max-width: 1199px) {
  .main-slider-three__content__shape-box {
    left: 0;
    bottom: -100px;
  }
}
@media (max-width: 575px) {
  .main-slider-three__content__shape-box {
    width: 50px;
    height: 50px;
    bottom: -90px;
  }
}
.main-slider-three__content__shape-box::after {
  content: "";
  width: calc(100% + 11px);
  height: calc(100% + 11px);
  position: absolute;
  top: 13px;
  right: -40px;
  border: 2px solid var(--primary);
  border-radius: inherit;
}
@media (max-width: 575px) {
  .main-slider-three__content__shape-box::after {
    top: 15px;
    right: -20px;
  }
}
.main-slider-three__content__shape-one {
  position: absolute;
  top: -32px;
  left: 299px;
  z-index: -1;

  transition: all 1200ms ease;
  animation: treeMove 6s ease infinite;
}
@media (max-width: 1399px) {
  .main-slider-three__content__shape-one {
    left: 380px;
  }
}
@media (max-width: 1199px) {
  .main-slider-three__content__shape-one {
    left: 255px;
  }
}
@media (max-width: 360px) {
  .main-slider-three__content__shape-one {
    top: -65px;
    left: 215px;
  }
}
.main-slider-three__top {
}
.main-slider-three__top__inner {
  margin-bottom: 21px;
  padding: 7px 25px 5px;
  display: inline-flex;
  gap: 15px;
  background-color: #fff;
  border-radius: 30px;
}
.main-slider-three__top__box {
  position: relative;
  top: 3px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-color: var(--secondary);
}
.main-slider-three__top__box::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -6px;
  transform: translateY(-50%);
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 4.5px 0 4.5px 7.8px;
  border-color: transparent transparent transparent var(--secondary);
}
.main-slider-three__top__box__inner {
  width: 10px;
  height: 10px;
  position: relative;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}
.main-slider-three__top__box__inner::after {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #0f3667;
}
.main-slider-three__tagline {
  margin: 0;
  font-size: 18px;
  color: #000;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1.3;
}
.main-slider-three__title {
  position: relative;
  margin-bottom: 21px;
  font-size: 60px;
  color: #fff;
  font-weight: 700;
  line-height: 1.25;
  z-index: 999;
}
@media (max-width: 1399px) {
  .main-slider-three__title {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .main-slider-three__title {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .main-slider-three__title {
    font-size: 40px;
  }
}
@media (max-width: 430px) {
  .main-slider-three__title {
    font-size: 35px;
  }
}
.main-slider-three__title__text {
  position: relative;
  display: inline-block;
  font-weight: 400;
}
.main-slider-three__title__text::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 7px;
}
.main-slider-three__title__inner {
  
position: relative;
  
display: table;
}
.main-slider-three__descrip {
  margin-bottom: 31px;
  padding-right: 70px;
  z-index: 999;
  position: relative;
}
@media (max-width: 1399px) {
  .main-slider-three__description {
    padding-right: 0px;
    max-width: 700px;
  }
}
.main-slider-three__text {
  margin-bottom: 0;
  font-size: 17px;
  color: #fff;
}
@media (max-width: 767px) {
  .main-slider-three__text {
    font-size: 16px;
  }
}
.main-slider-three__button {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 31px;
  margin-top: 25px;
}
.main-slider-three__button__inner {
  
}
.main-slider-three__btn-1 {
  color: #19232b;
  background-color: #fff;
}
.main-slider-three__btn-1::after {
}
.main-slider-three__btn-1 .insuba-btn__icon-box {
  background-color: var(--primary);
}

.main-slider-three .video-btn__ripple::before, .main-slider-three .video-btn__ripple::after {
  animation: none;
}
.main-slider-three__circle {
}
.main-slider-three__circle--1 {
  animation: animatedCircle 18s infinite linear;
}
.main-slider-three__circle--2 {
  position: absolute;
  right: 35px;
  bottom: 268px;
  animation: bubbleMover 10s infinite linear;
}
.main-slider-three__circle--3 {
  position: absolute;
  right: 513px;
  bottom: 113px;
  background-color: #fff;
  animation: squareMover 10s infinite linear;
}
.main-slider-three__shape-one {
  position: absolute;
  top: -84px;
  left: 0;
  z-index: 3;
  animation: moveHorizontal2 2s linear infinite;
}
@media (max-width: 1199px) {
  .main-slider-three__shape-one.slider-image {
    display: none !important;
  }
}
.main-slider-three__shape-two {
  position: absolute;
  bottom: 25px;
  right: 14%;
  z-index: 3;
  animation: textRotate 5s infinite linear;
}
@media (max-width: 767px) {
  .main-slider-three__shape-two {
    top: 160px;
    right: 50px;
  }
}
@media (max-width: 575px) {
  .main-slider-three__shape-two {
    top: 150px;
    right: 30px;
  }
}
@media (max-width: 430px) {
  .main-slider-three__shape-two.slider-image {
    display: none !important;
  }
}
.main-slider-three .active .main-slider-three__image {
  opacity: 1;
  visibility: visible;
  transition: transform 1200ms ease, opacity 1200ms ease;
}
.main-slider-three .active .main-slider-three__top__inner,
.main-slider-three .active .main-slider-three__title__inner,
.main-slider-three .active .main-slider-three__text,
.main-slider-three .active .main-slider-three__btn-1,
.main-slider-three .active .main-slider-three__btn-2 {
  opacity: 1;
  transform: translateY(0);
}
.main-slider-three .active .main-slider-three__title__inner {
  transition-delay: 500ms;
}
.main-slider-three .active .main-slider-three__text {
  transition-delay: 800ms;
}
.main-slider-three .active .main-slider-three__btn-1 {
}
.main-slider-three .active .main-slider-three__btn-2 {
  transition-delay: 1300ms;
}
.main-slider-three .active .main-slider-three__bg-2__image {
  /* opacity: 0.24; */
  /* visibility: visible; */
  /* right: 0; */
  /* position: absolute; */
}
.main-slider-three .active .main-slider-three__content__shape-one,
.main-slider-three .active .main-slider-three__content__shape-box,
.main-slider-three .active .main-slider-three__shape-two,
.main-slider-three .active .main-slider-three__circle {
  opacity: 1;
  transition-delay: 800ms;
}

.main-slider-three .video-btn__ripple::before, .main-slider-three .video-btn__ripple::after {
  animation: none;
}
.main-slider-three__circle {
  width: 14px;
  height: 14px;
  background-color: var(--secondary);
  border-radius: 50%;
  z-index: 3;
  transition: all 1000ms ease;
}
.main-slider-three__circle--1 {
  position: absolute;
  right: 331px;
  bottom: 0;
}
.main-slider-three__circle--2 {
  position: absolute;
  right: 35px;
  bottom: 268px;

}
.main-slider-three__circle--3 {
  position: absolute;
  right: 513px;
  bottom: 113px;
  background-color: #fff;
  
}
.insuba-btn {
    cursor: pointer;
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    -webkit-appearance: none;
    border: none;
    outline: none !important;
    padding: 9px 77px 10.5px 35px;
    background-color: #000;
    font-size: 17px;
    color: #ffffff;
    font-weight: 700;
    border-radius: 100px;
    z-index: 1;
    transition: all 500ms ease;
}

.insuba-btn::after {
  content: "";
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: inherit;
  background-color: var(--secondary);
  z-index: -1;
  transition: all 500ms ease;
}
.insuba-btn:hover::after {
  width: 100%;
  left: 0;
}
.insuba-btn__icon-box {
  width: 44px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--secondary);
  border-radius: 0 100px 100px 0;
  overflow: hidden;
  transition: all 500ms ease;
}
.insuba-btn__icon-box::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}




/* ===================
22. About css 
====================== */

.about-left {
  position: relative;
  margin-right: 25px;
}

.about-left::before {
  content: "";
  position: absolute;
  width: 150px;
  height: 80%;
  left: -20px;
  top: 50px;
  border: 5px solid var(--secondary);
  border-radius: 100px 20px 20px 80px;
  z-index: -1;
}

.site-title-tagline {
  display: inline-block;
  color: #fff;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 18px;
  background: #f65801;
  border-radius: 50px;
  padding: 2px 15px 2px 3px;
  margin-bottom: 15px;
  margin-top: 25px;
}

.about-left::before {
  content: "";
  position: absolute;
  width: 150px;
  height: 80%;
  left: -20px;
  top: 50px;
  border: 5px solid var(--secondary);
  border-radius: 100px 20px 20px 80px;
  z-index: -1;
}

.about-img .img-1 {
  width: 51%;
  margin-top: 70px;
  border-radius: 100px 100px 0px 100px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.about-img .img-2 {
  position: absolute;
  top: -20px;
  right: 0;
  width: 45%;
  border: 10px solid #fff;
  border-radius: 100px 100px 100px 0px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.about-right {
  position: relative;
  display: block;
}

.about-experience {
  background: #714C10;
  position: absolute;
  right: 40px;
  bottom: 40px;
  padding: 14px 25px;
  border-radius: 100px 100px 0 100px;
  text-align: center;
  border: 10px solid #fff;
}

.about-experience h2 {
  color: #fff;
  font-size: 40px;
}

.about-experience p {
  color: #fff;
  font-weight: 600;
}

.about-content {
  margin-bottom: 35px;
  color: #000;
  margin-top: 25px;
}

.about-item {
  display: flex;
  gap: 20px;
  background: #fff;
  align-items: center;
}

.about-item .icon {
  width: 65px;
  height: 65px;
  text-align: center;
  background: #229ed9;
  border-radius: 50px;
}

.about-item .icon img {
  filter: brightness(0) invert(1);
  margin-top: 10px;
}

.about-item .content {
  flex: 1;
}

.about-item .content h6 {
  color: #000;
  font-size: 16px;
  margin-bottom: 5px;
  line-height: 25px;
}

.about-text {
  color: #000;
}


.about-area.py-120 {
}

/*** 

====================================================================
Shop One
====================================================================

***/

.shop-one {
  position: relative;
}

.shop-one .auto-container {
  position: relative;
  max-width: 1600px;
}

.shop-block_one {
  position: relative;
  margin-bottom: 40px;
}

.shop-block_one-inner {
  position: relative;
  border: 2px solid var(--primary);
}

.shop-block_one-image {
  position: relative;
  overflow: hidden;
}

.shop-block_one-image img {
  position: relative;
  width: 100%;
  display: 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;
}

.shop-block_one-image:before {
  position: absolute;
  top: 0;
  left: -85%;
  z-index: 99;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .7)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.shop-block_one-inner:hover .shop-block_one-image img {
  transform: scale(1.05, 1.05);
}

.shop-block_one-inner:hover .shop-block_one-image:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

.shop-block_one-content {
  position: relative;
  left: 0;
  right: 22px;
  z-index: 9;
  bottom: 0;
  text-align: center;
  padding-bottom: 17px;
  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: #000;
}

.shop-block_one-content:before {
  position: absolute;
  /* content: ''; */
  /* left: 0px; */
  /* top: 40px; */
  /* right: 0px; */
  /* bottom: 0px; */
  /* background-color: #000; */
  /* box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.08); */
  /* text-decoration: none; */
}

.shop-block_one-cart {
  position: relative;
  padding: 11px 35px;
  font-weight: 600;
  font-size: 15px;
  display: inline-block;
  color: #fff;
  text-transform: capitalize;
  background-color: var(--secondary);
  text-align: center;
  text-decoration: none;
  border-radius: 30px 30px 0px 0px;
}


.shop-block_one-cart i {
  position: relative;
  width: 32px;
  height: 32px;
  margin-left: 8px;
  font-weight: normal;
  line-height: 32px;
  border-radius: 50px;
  display: inline-block;
  color: #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: #fff;
}

.sec-title_title {
  text-align: center;
  text-transform: uppercase;
  color: #000;
  font-size: 20px;
  font-weight: 700;
}

h2.sec-title_heading {
  font-size: 35px;
  font-weight: 600;
  text-align: center;
  color: #000;
  margin-bottom: 70px;
}

.shop-block_one:hover i {
  color: #000;
  background-color: #fff;
}

.shop-block_one:hover .shop-block_one-cart {
  color: #fff;
  background-color: #000;
}

.shop-block_one-price {
  position: relative;
  font-weight: 600;
  font-size: 18px;
  margin-top: 25px;
  color: var(--primary);

}

.shop-block_one-price span {
  position: relative;
  margin-left: 5px;
  color: var(--primary);
  text-decoration: line-through;
}

.shop-block_one-heading {
}

.shop-block_one-heading a {
  position: relative;
  color: #fff;
  text-decoration: none;
  padding-top: 15px;
  float: left;
  text-align: center;
  width: 100%;
  font-weight: 400;
  font-size: 18px;
}

.shop-block_one-heading a:hover {
  color: #fff;
  /* text-decoration: none; */
}

.shop-block_one-rating {
  position: relative;
  margin-top: 10px;
}

/*** 


/* ===================
31. Counter css 
====================== */

.counter-area {
  position: relative;
  background: var(--primary);
  overflow: hidden;
  z-index: 1;
}

.counter-area::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(assets/images/shape/02.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: .1;
}

.counter-item {
  display: flex;
  gap: 12px;
  position: relative;
  padding: 15px 10px 15px 15px;
  border-radius: 100px;
  border: 2px solid #ffffff59;
  box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
  z-index: 1;
  margin-bottom: 20px;
}

.counter-item::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  bottom: -2px;
  width: 40%;
  border: 3px solid var(--secondary);
  border-radius: 100px 0 0 100px;
  border-right: none;
  transition: all .5s ease-in-out;;
}

.counter-item:hover::before {
  width: 50%;
}

.counter-item .icon {
  width: 80px;
  height: 80px;
  line-height: 94px;
  font-size: 35px;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  background: #fff;
}

.counter-item .icon img {
  width: 48px;
}

.counter-item .info {
  display: flex;
  gap: 2px;
}

.counter-item .counter {
  display: block;
  line-height: 1;
  color: #fff;
  font-size: 50px;
  font-weight: 900;
}

.counter-item .unit {
  font-size: 25px;
  color: var(--secondary);
  font-weight: 500;
  line-height: 1;
  margin: 3px 0 0 3px;
}

.counter-item .title {
  color: #fff;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
}

/* counter-area 2 */
.counter-area2 {
  position: relative;
  z-index: 1;
}

.counter-area2 .counter-wrap {
  margin-top: -80px;
}

.counter-area2 .counter-item {
  background: #fff;
}

.counter-area2 .counter-item .icon {
  background: var(--primary);
}

.counter-area2 .counter-item .counter {
  color: #000;
}

.counter-area2 .counter-item .title {
  color: #000;
}



/*====================
26. Choose css 
======================*/

.choose-area {
  position: relative;
  background: #ededed;
  z-index: 1;
}

.choose-area::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(assets/images/shape/01.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  opacity: 0.08;
  z-index: -1;
  margin-top: 70px;
}

.choose-content-wrap {
  margin-top: 30px;
}

.choose-img {
  position: relative;
  margin-left: 50px;
}

.choose-img::before {
  content: "";
  position: absolute;
  left: -15px;
  bottom: -15px;
  width: 100%;
  height: 100%;
  border: 5px solid var(--primary);
  border-radius: 30% 0 30% 30%;
}

.choose-img img {
  border-radius: 30% 0 30% 30%;
}

.choose-item {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 50px 50px 50px 0;
  box-shadow: 0px 0px 4px 2px var(--primary);
  padding: 15px 15px 15px 0;
  overflow: hidden;
}

.choose-item-icon {
  width: 80px;
  height: 80px;
  line-height: 120px;
  text-align: right;
  background: var(--primary);
  border-radius: 50px 50px 50px 0;
  padding-right: 12px;
  margin-left: -12px;
}

.choose-item-icon i {
  color: var(--secondary);
  font-size: 50px;
}

.choose-item-icon img {
  width: 50px;
}

.choose-item-info {
  flex: 1;
  color: #000;
}

.choose-item-info h4 {
  color: #000;
  margin-bottom: 10px;
  font-size: 21px;
}

.choose-img img {
  width: 100%;
  height: auto;
}

.choose-video-wrap {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

@media all and (max-width: 991px) {


  .choose-video-wrap {
      padding-top: 210px;
  }

  .choose-img {
      margin-top: 23px;
      margin-left: 10px;
  }
}

@media all and (max-width: 767px) {
  .choose-content-info {
      margin-right: 0px;
  }
}


/*--------------------------------------------------------------
# Work Planning
--------------------------------------------------------------*/
.work-planning {
  background-color: #ecf2f2;
  counter-reset: workPlanningSerialNumber;
}

.work-planning__container {
  position: relative;
  z-index: 1;
}

/* .work-planning__container::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  position: absolute;
  top: -124.5px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--secondary);
  z-index: 1;
} */

@media (max-width: 767px) {
  .work-planning__container::before {
      top: -104.5px;
  }
}

@media (max-width: 575px) {
  .work-planning__container::before {
      top: -84.5px;
  }
}

/* .work-planning__container::after {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  top: -120px;
  left: 50%;
  transform: translateX(-50%);
  background-color:#dddddd;
} */

@media (max-width: 767px) {
  .work-planning__container::after {
      top: -100px;
  }
}

@media (max-width: 575px) {
  .work-planning__container::after {
      top: -80px;
  }
}

.work-planning__item {
  position: relative;
  text-align: center;
  z-index: 2;
}

@media (min-width: 576px) {
  .work-planning__item--bottom-serial-number {
      margin-top: -2px;
      padding-bottom: 76px;
  }
}

@media (min-width: 576px) {
  .work-planning__item--bottom-serial-number .work-planning__item__serial-number {
      margin: 0;
      position: relative;
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%);
  }
}

.work-planning__item__serial-number {
  position: relative;
  margin-bottom: 21px;
}

.work-planning__item__serial-number::after {
  content: "0" counter(workPlanningSerialNumber);
  counter-increment: workPlanningSerialNumber;
  font-size: 58px;
  font-weight: 700;
  color: #c5c5c5;
  line-height: 1;
  transition: all 500ms ease;
}

.work-planning__item:hover .work-planning__item__serial-number::after {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--secondary);
}

.work-planning__item__image {
  margin: 0 auto 24px;
  position: relative;
  width: 191px;
  height: 191px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.work-planning__item__image__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: all 500ms ease;
}

.work-planning__item__image__bg--hover {
  opacity: 0;
}

.work-planning__item__image__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 167px;
  height: 167px;
  z-index: 1;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 501.000000 501.000000"><g transform="translate(0.000000,501.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M2080 4996 c0 -14 -48 -26 -104 -26 -16 0 -52 -6 -80 -14 -28 -8 -80 -22 -116 -31 -36 -10 -81 -23 -100 -30 -114 -42 -183 -70 -210 -86 -8 -5 -22 -12 -30 -15 -21 -8 -79 -39 -120 -63 -19 -11 -42 -24 -50 -28 -8 -3 -31 -19 -51 -35 -20 -15 -41 -28 -47 -28 -6 0 -12 -4 -14 -8 -1 -5 -25 -23 -53 -42 -27 -19 -108 -93 -180 -165 -153 -154 -169 -172 -221 -248 -95 -142 -133 -207 -216 -377 -178 -365 -306 -631 -335 -700 -9 -19 -22 -48 -29 -63 -8 -16 -14 -35 -14 -42 0 -8 -6 -29 -14 -47 -30 -71 -59 -185 -78 -303 -5 -33 -12 -161 -15 -285 -5 -218 3 -333 29 -440 6 -25 14 -61 18 -80 17 -79 50 -183 78 -250 8 -19 20 -48 27 -65 23 -53 86 -179 106 -210 10 -16 22 -37 26 -45 3 -8 19 -31 35 -51 15 -20 28 -41 28 -47 0 -6 4 -12 8 -14 5 -1 23 -24 41 -51 18 -26 92 -107 164 -180 148 -148 171 -169 242 -217 149 -101 195 -127 360 -209 305 -150 648 -315 725 -348 19 -9 48 -22 63 -29 16 -8 35 -14 42 -14 8 0 29 -6 47 -14 62 -27 227 -68 328 -83 87 -12 535 -9 625 4 103 16 234 49 320 80 22 9 58 22 80 30 51 19 106 43 125 54 8 5 22 12 30 15 21 8 79 39 120 63 19 11 42 24 50 28 8 3 31 19 51 35 20 15 41 28 47 28 6 0 12 4 14 8 2 5 26 23 53 42 46 31 280 258 332 322 93 113 177 252 272 443 150 305 315 648 348 725 9 19 22 48 29 63 8 16 14 35 14 42 0 8 6 29 14 47 29 69 72 241 80 328 3 32 12 60 21 66 13 9 15 47 15 243 0 179 -3 230 -12 228 -9 -1 -16 19 -21 58 -4 33 -13 80 -19 105 -6 25 -14 63 -19 85 -13 65 -46 171 -76 243 -41 101 -104 231 -134 277 -10 17 -22 37 -26 45 -3 8 -19 31 -35 51 -15 20 -28 41 -28 47 0 6 -4 12 -8 14 -5 2 -23 24 -41 51 -35 52 -275 298 -331 340 -85 63 -160 117 -164 117 -2 0 -28 16 -58 35 -29 20 -129 73 -223 119 -327 161 -642 312 -715 343 -19 9 -48 22 -63 29 -16 8 -35 14 -42 14 -8 0 -29 6 -47 14 -69 29 -241 72 -328 80 -32 3 -60 12 -66 21 -16 21 -474 23 -474 1z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 501.000000 501.000000"><g transform="translate(0.000000,501.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M2080 4996 c0 -14 -48 -26 -104 -26 -16 0 -52 -6 -80 -14 -28 -8 -80 -22 -116 -31 -36 -10 -81 -23 -100 -30 -114 -42 -183 -70 -210 -86 -8 -5 -22 -12 -30 -15 -21 -8 -79 -39 -120 -63 -19 -11 -42 -24 -50 -28 -8 -3 -31 -19 -51 -35 -20 -15 -41 -28 -47 -28 -6 0 -12 -4 -14 -8 -1 -5 -25 -23 -53 -42 -27 -19 -108 -93 -180 -165 -153 -154 -169 -172 -221 -248 -95 -142 -133 -207 -216 -377 -178 -365 -306 -631 -335 -700 -9 -19 -22 -48 -29 -63 -8 -16 -14 -35 -14 -42 0 -8 -6 -29 -14 -47 -30 -71 -59 -185 -78 -303 -5 -33 -12 -161 -15 -285 -5 -218 3 -333 29 -440 6 -25 14 -61 18 -80 17 -79 50 -183 78 -250 8 -19 20 -48 27 -65 23 -53 86 -179 106 -210 10 -16 22 -37 26 -45 3 -8 19 -31 35 -51 15 -20 28 -41 28 -47 0 -6 4 -12 8 -14 5 -1 23 -24 41 -51 18 -26 92 -107 164 -180 148 -148 171 -169 242 -217 149 -101 195 -127 360 -209 305 -150 648 -315 725 -348 19 -9 48 -22 63 -29 16 -8 35 -14 42 -14 8 0 29 -6 47 -14 62 -27 227 -68 328 -83 87 -12 535 -9 625 4 103 16 234 49 320 80 22 9 58 22 80 30 51 19 106 43 125 54 8 5 22 12 30 15 21 8 79 39 120 63 19 11 42 24 50 28 8 3 31 19 51 35 20 15 41 28 47 28 6 0 12 4 14 8 2 5 26 23 53 42 46 31 280 258 332 322 93 113 177 252 272 443 150 305 315 648 348 725 9 19 22 48 29 63 8 16 14 35 14 42 0 8 6 29 14 47 29 69 72 241 80 328 3 32 12 60 21 66 13 9 15 47 15 243 0 179 -3 230 -12 228 -9 -1 -16 19 -21 58 -4 33 -13 80 -19 105 -6 25 -14 63 -19 85 -13 65 -46 171 -76 243 -41 101 -104 231 -134 277 -10 17 -22 37 -26 45 -3 8 -19 31 -35 51 -15 20 -28 41 -28 47 0 6 -4 12 -8 14 -5 2 -23 24 -41 51 -35 52 -275 298 -331 340 -85 63 -160 117 -164 117 -2 0 -28 16 -58 35 -29 20 -129 73 -223 119 -327 161 -642 312 -715 343 -19 9 -48 22 -63 29 -16 8 -35 14 -42 14 -8 0 -29 6 -47 14 -69 29 -241 72 -328 80 -32 3 -60 12 -66 21 -16 21 -474 23 -474 1z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: auto;
  mask-size: auto;
}

.work-planning__item__image__inner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.work-planning__item:hover .work-planning__item__image__bg {
  opacity: 0;
}

.work-planning__item:hover .work-planning__item__image__bg--hover {
  opacity: 1;
}

.work-planning__item__icon-box {
  width: 79px;
  height: 79px;
  display: flex;
  position: absolute;
  left: -36px;
  bottom: 36px;
  align-items: center;
  justify-content: center;
  background-color: var(--secondary);
  border: 5px solid #fff;
  border-radius: 50%;
  z-index: 2;
  transition: all 500ms ease;
}

@media (max-width: 1199px) {
  .work-planning__item__icon-box {
      left: -15px;
      bottom: 30px;
  }
}

.work-planning__item:hover .work-planning__item__icon-box {
  background-color: var(--primary);
}

.work-planning__item__icon {
  display: inline-flex;
  font-size: 36px;
  color: #ffffff;
}

.work-planning__item__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.work-planning__item:hover .work-planning__item__icon {
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.work-planning__item__title {
  margin-bottom: 13px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
  color: #000;
}

.work-planning__item__text {
  margin: 0;
  font-weight: 500;
  line-height: 1.642;
  color: #000;
}

.work-planning__border-shape {
  position: absolute;
  top: calc(50% + 10px);
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 1399px) {
  .work-planning__border-shape {
      max-width: 100%;
      height: auto;
  }
}

@media (max-width: 1199px) {
  .work-planning__border-shape {
      display: none;
  }
}

.work-planning__appointment {
  margin-top: 53px;
  padding: 35px 32px;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px 50px;
}

@media (max-width: 991px) {
  .work-planning__appointment {
      flex-direction: column;
      justify-content: center;
  }
}

@media (max-width: 390px) {
  .work-planning__appointment {
      padding-left: 25px;
      padding-right: 25px;
  }
}

.work-planning__appointment__text {
  position: relative;
  margin: 0 0 0 13px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.47;
  color: #000;
}

@media (max-width: 991px) {
  .work-planning__appointment__text {
      margin: 0;
      text-align: center;
  }
}

.work-planning__appointment__text::before {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  top: 50%;
  left: -13px;
  transform: translateY(-50%);
  background-color: var(--secondary);
}

@media (max-width: 991px) {
  .work-planning__appointment__text::before {
      display: none;
  }
}

.work-planning__appointment .insuba-btn {
  flex-shrink: 0;
}

.work-planning-two {
  position: relative;
  background-color: transparent;
}

.work-planning-two__overlay {
  width: 100%;
  height: calc(100% - 156px);
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #f0f5f5;
}



.work-planning-two__bg__inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: -190px;
  background-position: center center;
  background-size: auto;
  background-repeat: repeat-x;
  animation: moveBackground 40s linear 0s infinite;
}

.work-planning-two .container {
  position: relative;
  z-index: 2;
}

@media (max-width: 991px) {
  .work-planning-two__inner {
    padding: 35px 40px 35px;
  }
}

@media (max-width: 767px) {
  /* .work-planning-two__inner {
      padding-top: 100px;
      padding-bottom: 91px;
  } */
}

@media (max-width: 575px) {
  .work-planning-two__inner {
      padding-top: 80px;
      padding-bottom: 71px;
  }
}

@media (max-width: 390px) {
  .work-planning-two__inner {
      padding-left: 30px;
      padding-right: 30px;
  }
}

.work-planning-two__top {
  margin-bottom: 110px;
  padding-left: 60px;
  padding-right: 60px;
}

@media (max-width: 991px) {
  .work-planning-two__top {
      padding: 0;
      margin-bottom: 49px;
  }
}

.work-planning-two .sec-title {
  margin-bottom: 0;
}

.work-planning-two__card {
  position: relative;
  text-align: center;
}

.work-planning-two__card--1 .work-planning-two__card__hover::after {
  /* width: calc(96% + 15px); */
}

.work-planning-two__card--2::before,
.work-planning-two__card--2::after {
  content: "";
  width: 1px;
  height: 206px;
  background-color:#dddddd;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 991px) {

  .work-planning-two__card--2::before,
  .work-planning-two__card--2::after {
      display: none;
  }
}

.work-planning-two__card--2::before {
  left: -15px;
}

.work-planning-two__card--2::after {
  right: -15px;
}

.work-planning-two__card--2 .work-planning-two__card__hover::after {
  width: calc(100% + 30px);
  left: 50%;
  transform: translateX(-50%);
}

.work-planning-two__card--3 .work-planning-two__card__hover::after {
  width: calc(100% + 15px);
  right: -15px;
}

.work-planning-two__card__show {
  padding: 0 60px;
  transition: all 500ms ease;
}

@media (max-width: 1199px) {
  .work-planning-two__card__show {
      padding: 0 30px;
  }
}

@media (max-width: 991px) {
  .work-planning-two__card__show {
      display: none;
  }
}

.work-planning-two__card__show .work-planning-two__card__title {
  margin-top: 14px;
}

.work-planning-two__card__show .work-planning-two__card__text {
  margin: 0;
}

.work-planning-two__card:hover .work-planning-two__card__show {
  opacity: 0;
  transform: translateY(-50px);
}

@media (min-width: 992px) {
  .work-planning-two__card__hover {
      padding: 0 30px;
      width: 100%;
      opacity: 0;
      position: relative;
      position: absolute;
      top: -70px;
      left: 50%;
      transform: translateX(-50%) translateY(50px);
      z-index: 2;
      transition: all 500ms ease;
  }
}

@media (min-width: 1200px) {
  .work-planning-two__card__hover {
      padding: 0 60px;
  }
}

.work-planning-two__card__hover::before {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 22px 22px 22px;
  border-color: transparent transparent var(--secondary) transparent;
  position: absolute;
  top: calc(100% + 29px);
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 991px) {
  .work-planning-two__card__hover::before {
      display: none;
  }
}

.work-planning-two__card__hover::after {
  content: "";
  width: 100%;
  height: 4px;
  background-color: var(--secondary);
  position: absolute;
  top: calc(100% + 50px);
  left: 0;
}

@media (max-width: 991px) {
  .work-planning-two__card__hover::after {
      display: none;
  }
}

@media (min-width: 992px) {
  .work-planning-two__card:hover .work-planning-two__card__hover {
      opacity: 1;
      transform: translateX(-50%) translateY(0px);
  }
}

.work-planning-two__card__serial-number {
  position: relative;
  margin: 0;
  font-size: 58px;
  font-weight: 700;
  color:#dddddd;
  line-height: 1;
  transition: all 500ms ease;
}

.work-planning-two__card:hover .work-planning-two__card__serial-number {
  color: #fff;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: var(--secondary);
}

.work-planning-two__card__icon-box {
  position: relative;
  z-index: 1;
  margin: -25px auto 0;
  width: 79px;
  height: 79px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #ecf2f2;
}

.work-planning-two__card__icon {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary);
  border-radius: inherit;
  font-size: 34px;
  color: #fff;
  transition: all 500ms ease;
}

.work-planning-two__card__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.work-planning-two__card:hover .work-planning-two__card__icon {
  background-color: var(--secondary);
}

.work-planning-two__card:hover .work-planning-two__card__icon>* {
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.work-planning-two__card__image {
  margin: -40px auto 0;
  width: 191px;
  height: 129px;
  border-radius: 50px;
  transition: all 500ms ease;
}

.work-planning-two__card__title {
  margin: 25px 0 12px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
}

.work-planning-two__card__title a {
  color: var(--secondary);
  transition: all 500ms ease;
}

.work-planning-two__card__title a:hover {
  background-size: 100% 1px;
  color: var(--primary);
}

.work-planning-two__card__text {
  margin-bottom: 9px;
  line-height: 1.4375;
}

.work-planning-two__card__link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--secondary);
  font-weight: 500;
  line-height: 1.4375;
}

.work-planning-two__card__link__icon {
  display: inline-flex;
  font-size: 12px;
  color: inherit;
}

.work-planning-two__card__link__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.work-planning-two__info {
  margin-top: 80px;
}

@media (max-width: 767px) {
  .work-planning-two__info__image {
      text-align: center;
  }
}

.work-planning-two__info__image img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.work-planning-two__info__list {
  margin: 0;
}

.work-planning-two__info__list li {
  display: flex;
  gap: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #232323;
}

.work-planning-two__info__list li+li {
  margin-top: 6px;
}

@media (max-width: 767px) {
  .work-planning-two__info__list li {
      justify-content: center;
  }
}

.work-planning-two__info__list li .service-details__policies__icon {
  position: relative;
  top: -1px;
  flex-shrink: 0;
  font-size: 18px;
  color: var(--secondary);
}

.work-planning-two__info__button {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media (max-width: 991px) {
  .work-planning-two__info__button {
      justify-content: center;
  }
}

.work-planning-two__shape-one {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: -585px;
  left: -176px;
}

.work-planning-two__shape-two {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: -500px;
  right: -370px;
}


.sec-title__box {
  position: relative;
  top: 3px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-color: #fff;
}
.sec-title__title {
  font-weight: 600;
  margin-bottom: 40px;
  color: #000;
  font-size: 40px;
  font-weight: 700;
}
.sec-title__box__inner {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #714C10;
}
.sec-title__box::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -6px;
  transform: translateY(-50%);
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 4.5px 0 4.5px 7.8px;
  border-color: transparent transparent transparent #fff;
}

.sec-title__top {
  margin-bottom: 15px;
  padding: 10px 20px 10px 20px;
  display: inline-flex;
  gap: 15px;
  background-color: #714C10;
  border-radius: 30px;
  color: #fff;
  text-align: center;
}

.work-planning__appointment .insuba-btn {
  flex-shrink: 0;
}


/* Service */

.service-area.style-two .section-title.text-center {
  margin-bottom: 82px;
}

h5.section-sub-title {
  font-size: 16px;
  color: #ff3c00;
  font-weight: 600;

  border-radius: 20px;
  background-color: rgba(255, 60, 0, .031);
  border: 1px solid hsla(0, 0%, 48%, .15);
  display: inline-block;
  padding: 6px 29px;
  position: relative;
  z-index: 1;
  margin: 0 0 22px;
  line-height: 25px;
}

p.service-des {
  color: #000;
}

.service-des p:hover {
  color: red;
}

h1.section-main-title {
  font-size: 42px;
  line-height: 55px;
  color: #050a1e;
  font-weight: 700;

  margin: 0;
}

.service-area.style-two .single-service-box:after {
  position: absolute;
  content: "";
  width: 175px;
  height: 5px;
  background-color: var(--primary);
  left: 66px;
  top: -5px;
  margin: 0 auto;
  z-index: 1;
}

.service-area.style-two .single-service-box:before {
  position: absolute;
  content: "";
  width: 175px;
  height: 5px;
  background-color: #050a1e;
  top: -5px;
  right: 0;
  z-index: 1;
}

.service-area.style-two .single-service-box {
  background: url(assets/images/service/serice-two-img.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  border-radius: 35px 0 35px 35px;
  padding: 32px 20px 45px;
  text-align: center;
  position: relative;
  transition: .5s;
  margin-bottom: 40px;
  height: auto;
  width: 100%;
}

.service-area.style-two .single-service-box:hover .service-des,
.service-area.style-two .single-service-box:hover .service-title {
  color: #fff;
}

.service-area.style-two .single-service-box:hover {
  transform: translateY(-30px);
}

p.service-des:hover {
  color: #000;
}
.service-area.style-two .single-service-box:hover .service-box-inner:after {
  height: 100%;
  top: 0;
}
.service-area.style-two .service-box-inner:after {
  position: absolute;
  content: "";
  height: 0;
  width: 100%;
  background: url(assets/images/service/service-hover.webp);
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  transition: .5s;
  border-radius: 35px 0 35px 35px;
  z-index: -1;
}

h5.section-sub-title:before {
  position: absolute;
  content: "";
  width: 30px;
  height: 7px;
  background: #ff3d00;
  border-radius: 30px;
  left: -8%;
  top: 14px;
}

.service-area.style-two .service-title {
  font-size: 24px;
  color: #050a1e;
  font-weight: 600;
  position: relative;
  transition: .5s;
}

.service-area.style-two .service-des:hover {
  color: #000;
}

.service-area.style-two .service-des {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  padding: 15px 0 14px;
  transition: .5s;
}

.service-area.style-two .service-icon {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 90px;
  border-radius: 35px;
  background-color: #f4f4f4;
  position: absolute;
  bottom: -60px;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #000;
}


/*** 

====================================================================
  Contact Section
====================================================================

***/
.contact-section {
}

.contact-section .anim-icons {
  z-index: 3;
  pointer-events: none;
}

.contact-section .anim-icons .icon-line3 {
  left: 410px;
  top: 30px;
}

.contact-section .anim-icons .icon-arrow1 {
  left: -195px;
  top: 320px;
}

.contact-section .anim-icons .icon-arrow2 {
  top: 160px;
  left: 680px;
}

.contact-section .upper-box {
  position: relative;
  /* background-color: var(--theme-color-light); */
  z-index: 3;
}

@media (max-width: 575.98px) {
  .contact-section .upper-box {
      display: none;
  }
}

.contact-section .upper-box .inner-box {
  padding: 11px;
  padding-left: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 15%;
}

@media (max-width: 991.98px) {
  .contact-section .upper-box .inner-box {
      padding-left: 20px;
  }
}

@media (max-width: 767.98px) {
  .contact-section .upper-box .inner-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-left: 0;
  }
}

.contact-section .upper-box .inner-box .title {
  margin-bottom: 0;
  text-transform: uppercase;
}

@media (max-width: 991.98px) {
  .contact-section .upper-box .inner-box .title {
      font-size: 22px;
      line-height: 1.2em;
  }
}

@media (max-width: 767.98px) {
  .contact-section .upper-box .inner-box .title {
      margin-bottom: 10px;
  }
}

.contact-section .upper-box .inner-box .theme-btn {
  background-color: var(--primary);
  padding: 16px 74px;
  font-size: 18px;
}

span.sub-title {
  color: #fff;
  font-weight: 600;
}

.contact-section .upper-box .inner-box .theme-btn:hover {
  color: var(--primary);
}

.contact-section {
  position: relative;
  padding: 60px 60px;
  background-image: url(assets/images/git/pattern-4.webp);
}

.contact-section .outer-box .sec-title {
  margin-bottom: 30px;
}

.contact-section .outer-box .sec-title h2 {
  /*font-size: 60px;*/
  color: #fff;
  font-weight: 700;
}

.contact-section .outer-box .contact-form {
  padding: 60px 60px;
  background-color: #fff;
  max-width: 760px;
  z-index: 2;
}

@media (max-width: 1199.98px) {
  .contact-section .outer-box .contact-form {
      max-width: 100%;
  }
}

@media (max-width: 767.98px) {
  .contact-section .outer-box .contact-form {
      padding: 30px 20px;
  }
}

.contact-section .outer-box .image {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-bottom: 8px;
  width: 38%;
}

@media (max-width: 1199.98px) {
  .contact-section .outer-box .image {
      display: none;
  }
}

.contact-form {
  position: relative;
}

.contact-form .row {
  margin: 0 -10px;
}

.contact-form .row>div {
}

.contact-form .form-group {
  position: relative;
}

.contact-form .form-group:last-child {
  margin-bottom: 0;
}

.contact-form .form-group label {
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 500;
  display: block;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.contact-form .form-group label.error {
  display: block;
  font-weight: 500;
  font-size: 13px;
  text-transform: capitalize;
  line-height: 24px;
  color: #ff0000;
  margin-bottom: 0;
}

.contact-form .form-group .select2-container--default .select2-selection--single,
.contact-form .form-group input:not([type=submit]),
.contact-form .form-group textarea,
.contact-form .form-group select {
  position: relative;
  display: block;
  height: 60px;
  width: 100%;
  padding: 15px 30px;
  font-size: 14px;
  color: #000;
  line-height: 28px;
  font-weight: 400;
  background-color: #f2f3f6;
  border: 1px solid var(--primary);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  margin-bottom: 20px;
}

.contact-form .form-group ::-webkit-input-placeholder {
  color: #000;
}

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus {
  border-color: var(--primary);
}

.contact-form .form-group textarea {
  height: 100px;
  resize: none;
}

@media (max-width: 991.98px) {

  .contact-form .form-group input[type=submit],
  .contact-form .form-group button {
      width: 100%;
  }
}

.contact-form.style-two .row {
  margin: 0 -5px;
}

.contact-form.style-two .form-group {
  padding: 0 5px;
  margin-bottom: 10px;
}

.contact-form.style-two .form-group ::-webkit-input-placeholder {
  color: var(--text-color);
}

.contact-form.style-two .form-group .select2-container--default .select2-selection--single,
.contact-form.style-two .form-group input:not([type=submit]),
.contact-form.style-two .form-group textarea,
.contact-form.style-two .form-group select {
  background-color: #1b1b1b;
}

.contact-form.style-two .form-group textarea {
  height: 120px;
}

.contact-form.style-two .theme-btn:before {
  background-color: var(--theme-color-light);
}

.contact-form.style-two .theme-btn:hover {
  color: var(--primary);
}

/*** 

====================================================================
    Contact Section Two
====================================================================

***/
.contact-section-two {
  position: relative;
  overflow: hidden;
  background-color: var(--primary);
}

.contact-section-two .icon-shape4 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 319px;
  height: 686px;
  background-image: url(assets/icons/icon-shape4.webp);
  background-repeat: no-repeat;
  z-index: 3;
}

@media (max-width: 1399.98px) {
  .contact-section-two .icon-shape4 {
      display: none;
  }
}

.contact-section-two .icon-shape5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 225px;
  height: 299px;  
  background-image: url(assets/icons/icon-shape5.webp);
  background-repeat: no-repeat;
  z-index: 3;
}

@media only screen and (max-width: 1699px) {
  .contact-section-two .icon-shape5 {
      display: none;
  }
}

.contact-section-two .form-column {
  position: relative;
}

.contact-section-two .form-column .inner-column {
  padding: 100px 0 100px;
  padding-right: 90px;
}

@media (max-width: 1199.98px) {
  .contact-section-two .form-column .inner-column {
      padding-right: 0;
  }
}

.contact-section-two .image-column .inner-column {
  margin-right: -365px;
  padding-bottom: 100px;
}

@media (max-width: 991.98px) {
  .contact-section-two .image-column .inner-column {
      margin-right: 0;
  }
}

.contact-section-two .image-column .inner-column .image {
  position: relative;
  margin-bottom: 0;
  height: 100%;
}

.contact-section-two .image-column .inner-column .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}



/*-------------------------------------------------------------- Testimonial ----------------------------------------------------------------*/


.cs_testimonial_1_section {
  position: relative;
  min-height: 550px;
}

.cs_bg_filed {
  background: url("assets/images/cta/cta.webp");
  background-size: cover;
  background-position: left;
  background-attachment: fixed;
}

.cs_section_heading.cs_style_1 .cs_section_subtitle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.cs_white_color {
  color: white;
}

.cs_semibold {
  /* font-weight: 600; */
}

.cs_fs_48 {
  /* font-size: 48px; */
  /* line-height: 1.208em; */
}

.cs_slider {
  position: relative;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-track {
  opacity: 1;
  width: 4452px;
  transform: translate3d(-1908px, 0px, 0px);
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

.cs_testimonial.cs_style_1 .cs_rating {
  margin-bottom: 25px;
}

.cs_rating {
  width: 102px;
  height: 16px;
  position: relative;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cs_white_color {
  /* color: white; */
}

.cs_fs_16 {
  font-size: 16px;
  line-height: 1.625em;
}

.cs_mb_25 {
  margin-bottom: 25px;
}

.cs_testimonial_avatar_right p,
h3 {
  /* color: #fff; */
}

/*-------------------------------------------------------------- Blog ----------------------------------------------------------------*/

.blog-card__image {
  margin-bottom: -103px;
  position: relative;
  z-index: 2;
}
.blog-card {
  position: relative;
}
.blog-card__image::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: var(--secondary);
  border-radius: 0 100px 0 100px;
  transition: all 500ms ease;
}

.blog-card__image__inner {
  position: relative;
  border-radius: 0 100px 0 100px;
  overflow: hidden;
  z-index: 1;
}

.blog-card__image__inner img {
  width: 100%;
  display: block;
  border-radius: inherit;
  transition: all 500ms ease;
}

.blog-card__image__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #00000029;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateY(-20%);
  z-index: 1;
  border-radius: inherit;
  transition: opacity 500ms ease, transform 500ms ease;
}

.blog-card__image__link::before, .blog-card__image__link::after {
  content: "";
  width: 25px;
  height: 2px;
  background-color: #fff;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blog-card__image__link::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.blog-card:hover .blog-card__image::after {
  top: -4px;
  opacity: 1;
}

.blog-card:hover .blog-card__image__link {
  opacity: 1;
  transform: translateY(0);
}

.blog-card:hover .blog-card__image img {
  transform: scale(1.1);
}

.blog-card__date {
  width: 90px;
  height: 95px;
  position: relative;
  position: absolute;
  left: 34px;
  bottom: -26px;
  transform: rotate(-27deg);
  z-index: 2;
  background-color: #19232b;
  border-radius: 0px 30px 0 30px;
  overflow: hidden;
  transition: all 500ms ease;
}

.blog-card__date::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 5px solid #fff;
  border-radius: inherit;
}

.blog-card__date__day {
  display: block;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(27deg);
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #fff;
  line-height: 54px;
  border-radius: 23px;
  background-color: #000;
  transition: all 500ms ease;
}

.blog-card__date__month {
  margin-left: 11px;
  margin-top: 46px;
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
  z-index: 1;
  transform: rotate(27deg);
}

.blog-card__date__year {
  margin-left: 25px;
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 1;
  z-index: 1;
}

.blog-card:hover .blog-card__date {
  background-color: var(--secondary);
}

.blog-card:hover .blog-card__date__day {
  background-color: #19232b;
}

.blog-card__content {
  position: relative;
  padding: 150px 30px 30px;
  border: 1px solid #b4b5ba;
  border-radius: 100px 0 100px 0;
  z-index: 1;
  transition: all 500ms ease;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .blog-card__content {
      padding-left: 25px;
      padding-right: 25px;
  }
}

@media (max-width: 375px) {
  .blog-card__content {
      padding-left: 25px;
      padding-right: 25px;
  }
}

.blog-card:hover .blog-card__content {
  border-color: var(--secondary);
}

.blog-card__title {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
  text-transform: capitalize;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .blog-card__title {
      font-size: 21px;
  }
}

@media (max-width: 375px) {
  .blog-card__title {
      font-size: 21px;
  }
}

.blog-card__title:hover {
  color: var(--secondary);
}

.blog-card__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}

.blog-card__title a:hover {
  background-size: 100% 1px;
}

.blog-card__text {
  margin-bottom: 26px;
}

.blog-card__link {
  display: block;
  width: 203px;
  position: relative;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .blog-card__link {
      width: 173px;
  }
}

@media (max-width: 375px) {
  .blog-card__link {
      width: 173px;
  }
}

.blog-card__link__front {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #fff;
  background-color: #19232b;
  perspective: 300px;
  transform-origin: top center;
  transform: translateY(0%) translateZ(0px) scaleY(1) rotateX(0deg);
  transition: transform 500ms ease;
}

.blog-card__link__front svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.blog-card__link:hover .blog-card__link__front {
  transform-origin: bottom center;
  transform: translateY(-100%) translateZ(150px) scaleY(0) rotateX(90deg);
}

.blog-card__link__back {
  padding: 9px 70px 9px 25px;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 700ms ease, top 700ms ease;
  transform: translateY(0%) translateZ(150px) scaleY(0) rotateX(90deg);
  perspective: 300px;
  transform-origin: bottom center;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .blog-card__link__back {
      padding-left: 25px;
      padding-right: 65px;
  }
}

@media (max-width: 390px) {
  .blog-card__link__back {
      padding-left: 25px;
      padding-right: 65px;
  }
}

.blog-card__link:hover .blog-card__link__back {
  transition: transform 500ms ease, top 500ms ease;
  transform: translateY(0%) translateZ(0px) scaleY(1) rotateX(0deg);
}

.blog-card__shape {
  position: absolute;
  width: 38px;
  height: 34px;
  background-color: #eeeeee;
  clip-path: polygon(7% 0, 0% 100%, 100% 100%);
  transition: all 600ms ease;
}

@media (max-width: 375px) {
  .blog-card__shape {
      width: 30px;
      height: 26px;
  }
}

.blog-card__shape--1 {
  right: 74px;
  bottom: 29px;
}

.blog-card__shape--2 {
  right: 51px;
  bottom: 49px;
}

.blog-card__shape--3 {
  right: 23px;
  bottom: 66px;
}

.blog-card:hover .blog-card__shape {
  transform: rotate(180deg);
}

.blog-card:hover .blog-card__shape--2 {
  background-color: var(--secondary);
}

.blog-card--four .blog-card__image::after {
  display: none;
}

.blog-card--four .blog-card__content {
  border-color: #e0e0e0;
  border-radius: 0 0 100px 0;
}

@media (max-width: 390px) {
  .blog-card--four .insuba-btn {
      padding-left: 25px;
      padding-right: 65px;
  }
}

.blog-card-two {
  position: relative;
  padding: 9px;
  border: 1px solid#dddddd;
  border-radius: 20px;
  overflow: hidden;
}

@media (min-width: 992px) {
  .blog-card-two--grid {
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
  }
}

@media (min-width: 992px) {
  .blog-card-two--grid .blog-card-two__image {
      width: 237px;
      flex-shrink: 0;
  }
}

@media (min-width: 992px) {
  .blog-card-two--grid .blog-card-two__content {
      padding: 10px 35px 10px 39px;
  }
}

.blog-card-two__image {
  position: relative;
  z-index: 1;
}

.blog-card-two__image__inner {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  z-index: 1;
}

.blog-card-two__image__inner img {
  width: 100%;
  display: block;
  border-radius: inherit;
  transition: all 500ms ease;
}

.blog-card-two__image__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: var(--primary);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateY(-20%);
  z-index: 1;
  border-radius: inherit;
  transition: opacity 500ms ease, transform 500ms ease;
}

.blog-card-two__image__link::before,
.blog-card-two__image__link::after {
  content: "";
  width: 25px;
  height: 2px;
  background-color: #fff;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blog-card-two__image__link::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.blog-card-two:hover .blog-card-two__image__link {
  opacity: 1;
  transform: translateY(0);
}

.blog-card-two:hover .blog-card-two__image img {
  transform: scale(1.1);
}

.blog-card-two__date {
  min-width: 69px;
  position: relative;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 2;

  font-size: 16px;
  text-align: center;
  font-weight: 500;
  color: #fff;
  line-height: 1;
  border-radius: 0 22px 0 22px;
  background-color: #0f3667;
  overflow: hidden;
  transition: all 500ms ease;
}

.blog-card-two__date__day {
  padding: 8px 8px 5px;
}

.blog-card-two__date__month {
  padding: 0 8px 7px;
}

.blog-card-two__date__year {
  position: relative;
  padding: 11px 8px 9px;
  z-index: 1;
}

.blog-card-two__date__year::after {
  content: "";
  width: 95px;
  height: 45px;
  background-color: var(--secondary);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 95.000000 45.000000"><g transform="translate(0.000000,45.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M617 869 c-827 -150 -817 -694 17 -839 718 -125 1440 195 1227 544 -152 249 -735 387 -1244 295z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 95.000000 45.000000"><g transform="translate(0.000000,45.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M617 869 c-827 -150 -817 -694 17 -839 718 -125 1440 195 1227 544 -152 249 -735 387 -1244 295z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: auto;
  mask-size: auto;
}

.blog-card-two__content {
  position: relative;
  padding: 35px 42px 32px;
  z-index: 1;
}

@media (max-width: 1199px) {
  .blog-card-two__content {
      padding-left: 30px;
      padding-right: 30px;
  }
}

@media (max-width: 991px) {
  .blog-card-two__content {
      padding-left: 25px;
      padding-right: 25px;
  }
}

@media (max-width: 390px) {
  .blog-card-two__content {
      padding-left: 20px;
      padding-right: 20px;
  }
}

.blog-card-two__title {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
  text-transform: capitalize;
}

@media (max-width: 390px) {
  .blog-card-two__title {
      font-size: 21px;
  }
}

.blog-card-two__title:hover {
  color: var(--secondary);
}

.blog-card-two__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}

.blog-card-two__title a:hover {
  background-size: 100% 1px;
}

.blog-card-two__text {
  margin-bottom: 23px;
}

.blog-card-two__link {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #19232b;
  overflow: hidden;
  transition: all 500ms ease;
}

.blog-card-two__link:hover {
  background-color: var(--secondary);
}

.blog-card-two__link__icon {
  display: inline-flex;
  font-size: 13px;
  color: #fff;
}

.blog-card-two__link__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.blog-card-two__link:hover .blog-card-two__link__icon {
  animation: slideLeft 400ms;
}

.blog-card-two__shape {
  max-width: 100%;
  height: auto;
  position: absolute;
  right: -65px;
  bottom: -7px;
  animation: moveHorizontal 2s linear infinite;
}

.blog-card-three__image {
  margin-bottom: 42px;
}

.blog-card-three__image img {
  width: 100%;
  display: block;
}

.blog-card-three__meta {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px 30px;
}

.blog-card-three__category {
  padding: 7px 31.5px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
  color: #fff;
  text-transform: uppercase;
  background-color: var(--secondary);
  border-radius: 20px;
  transition: all 500ms ease;
}

.blog-card-three__category:hover {
  background-color: #122f2a;
}

.blog-card-three__admin {
  display: flex;
  align-items: center;
  gap: 11px;
}

.blog-card-three__admin__image {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid var(--secondary);
}

.blog-card-three__admin__name {
  margin: 0;

  font-size: 16px;
  color: var(--insuba-text, #636363);
  font-weight: 400;
  text-transform: capitalize;
  line-height: 1.75;
}

.blog-card-three__admin__name a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}

.blog-card-three__admin__name a:hover {
  background-size: 100% 1px;
}

.blog-card-three__admin__name a:hover {
  color: var(--secondary);
}

.blog-card-three__comment {
  display: flex;
  align-items: center;
  gap: 10px;
}

.blog-card-three__comment__icon {
  display: inline-flex;
  flex-shrink: 0;
  font-size: 18px;
  color: var(--secondary);
}

.blog-card-three__comment__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.blog-card-three__comment__text {

  font-size: 16px;
  color: var(--insuba-text, #636363);
  font-weight: 400;
  text-transform: capitalize;
  line-height: 1.75;
  transition: all 500ms ease;
}

.blog-card-three__comment__text:hover {
  color: var(--secondary);
  text-shadow: 0px 0px 0.5px currentColor;
}

.blog-card-three__date {
  display: flex;
  align-items: center;
  gap: 10px;
}

.blog-card-three__date__icon {
  position: relative;
  top: -1px;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 18px;
  color: var(--secondary);
}

.blog-card-three__date__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.blog-card-three__date__text {
  margin: 0;
  font-size: 16px;
  color: var(--insuba-text, #636363);
  font-weight: 400;
  text-transform: capitalize;
  line-height: 1.75;
  transition: all 500ms ease;
}

.blog-card-three__title {
  margin-bottom: 11px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.363;
}

.blog-card-three__title:hover {
  color: var(--secondary);
}

.blog-card-three__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}

.blog-card-three__title a:hover {
  background-size: 100% 1px;
}

.blog-card-three__text {
  margin-bottom: 27px;
  line-height: 1.625;
}

.blog-card-three__btn {
  padding: 10.5px 82px 10.5px 38px;
}

.blog-one,
.blog-two,
.blog-three,
.blog-page {
  background-color: #fff;
}

.blog-three__blog+.blog-three__blog {
  margin-top: 30px;
}

.blog-three__blog {
  position: relative;
  margin-right: 30px;
  display: block;
  border-radius: 15px;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .blog-three__blog {
      margin-right: 0;
  }
}

.blog-three__blog::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--secondary);
  border-radius: inherit;
}

.blog-three__blog__image {
  display: block;
  width: 100%;
  border-radius: inherit;
  transition: all 500ms ease;
}

.blog-three__blog:hover .blog-three__blog__image {
  transform: scale(1.1);
}

.blog-three__blog__author {
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
  position: absolute;
  left: 50%;
  bottom: 31px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px 22px;
  z-index: 1;
}

@media (max-width: 375px) {
  .blog-three__blog__author {
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
  }
}

.blog-three__blog__author__image {
  flex-shrink: 0;
  width: 67px;
  height: 67px;
  border-radius: 50%;
  border: 2px solid #fff;
}

.blog-three__blog__author__text {
  margin: 0;
  font-size: 17px;
  color: #fff;
}

@media (max-width: 375px) {
  .blog-three__blog__author__text {
      margin-bottom: 5px;
  }
}

.blog-three__blog__author__name {
  margin: 0;
  font-size: 22px;
  color: #fff;
  font-weight: 700;
  line-height: 1.318;
}

@media (max-width: 430px) {
  .blog-three__blog__author__name {
      font-size: 20px;
  }
}

.blog-three__list {
  margin: 0;
}

.blog-three__list li+li {
  margin-top: 50px;
}

.blog-three__card {
  position: relative;
  padding-bottom: 26px;
  display: flex;
  align-items: flex-start;
  gap: 30px;
  border-bottom: 1px solid#dddddd;
  transition: all 500ms ease;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .blog-three__card {
      gap: 25px;
  }
}

@media (max-width: 575px) {
  .blog-three__card {
      flex-direction: column;
  }
}

.blog-three__card:hover {
  border-color: var(--secondary);
}

.blog-three__card__date {
  min-width: 69px;
  display: inline-block;
  flex-shrink: 0;
  position: relative;
  z-index: 2;

  font-size: 16px;
  text-align: center;
  font-weight: 500;
  color: #fff;
  line-height: 1;
  border-radius: 0 22px 0 22px;
  background-color: #0f3667;
  overflow: hidden;
  transition: all 500ms ease;
}

.blog-three__card__date__day {
  padding: 8px 8px 5px;
}

.blog-three__card__date__month {
  padding: 0 8px 7px;
}

.blog-three__card__date__year {
  position: relative;
  padding: 11px 8px 9px;
  z-index: 1;
}

.blog-three__card__date__year::after {
  content: "";
  width: 95px;
  height: 45px;
  background-color: var(--secondary);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 95.000000 45.000000"><g transform="translate(0.000000,45.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M617 869 c-827 -150 -817 -694 17 -839 718 -125 1440 195 1227 544 -152 249 -735 387 -1244 295z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 95.000000 45.000000"><g transform="translate(0.000000,45.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M617 869 c-827 -150 -817 -694 17 -839 718 -125 1440 195 1227 544 -152 249 -735 387 -1244 295z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: auto;
  mask-size: auto;
}

.blog-three__card__content {
  margin-top: -4px;
  padding-right: 172px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .blog-three__card__content {
      padding-right: 125px;
  }
}

@media (max-width: 767px) {
  .blog-three__card__content {
      padding-right: 130px;
  }
}

@media (max-width: 575px) {
  .blog-three__card__content {
      padding-right: 0px;
  }
}

.blog-three__card__title {
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .blog-three__card__title {
      font-size: 20px;
  }
}

.blog-three__card__title:hover {
  color: var(--secondary);
}

.blog-three__card__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}

.blog-three__card__title a:hover {
  background-size: 100% 1px;
}

.blog-three__card__text {
  margin: 0;
}

.blog-three__card__btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: #f0f5f5;
  transition: all 500ms ease;
}

@media (max-width: 575px) {
  .blog-three__card__btn {
      position: static;
  }
}

.blog-three__card__btn:hover {
  background-color: var(--secondary);
}

.blog-three__card__btn__icon-box {
  width: 76px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}

.blog-three__card__btn__icon {
  position: relative;
  display: inline-flex;
  border-radius: 16px;
  font-size: 26px;
  color: var(--secondary);
  z-index: 1;
  transition: all 500ms ease;
}

.blog-three__card__btn__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.blog-three__card__btn__icon::after {
  content: "";
  width: 16px;
  height: 16px;
  background-color: var(--primary);
  position: absolute;
  left: 13px;
  bottom: -3px;
  border-radius: 50%;
  z-index: -1;
}

.blog-three__card__btn:hover .blog-three__card__btn__icon {
  transform: rotate(90deg);
}

.blog-page .post-pagination {
  justify-content: center;
}

@media (max-width: 991px) {
  .blog-page .post-pagination {
      margin-top: 20px;
  }
}

.blog-page--list .post-pagination,
.blog-page--sidebar .post-pagination {
  margin-top: 20px;
}

@media (max-width: 991px) {

  .blog-page--list .post-pagination,
  .blog-page--sidebar .post-pagination {
      margin-top: 10px;
  }
}

.blog-page--sidebar .post-pagination {
  justify-content: flex-start;
}

@media (max-width: 991px) {
  .blog-page--sidebar .post-pagination {
      justify-content: center;
  }
}

.blog-page--grid .post-pagination {
  margin-top: 30px;
}

@media (max-width: 991px) {
  .blog-page--grid .post-pagination {
      margin-top: 20px;
  }
}


/*--------------------------------------------------------------
  13. Testimonial
----------------------------------------------------------------*/
.cs_testimonial_1_section {
  position: relative;
  min-height: 550px;
}

.blog-card__content a {
  color: var(--secondary);
  text-decoration: none;
}

.cs_testimonial_1_section .cs_testimonial_1_thumb {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 39%;
  background-size: cover;
  background-position: left center;
}

@media (max-width: 991px) {
  .cs_testimonial_1_section .cs_testimonial_1_thumb {
      display: none;
  }
}

.cs_testimonial_1_section .cs_testimonial_1_quote_wrap {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 120px;
  width: 120px;
  border: 3px solid var(--primary);
  border-radius: 50%;
  padding: 7px;
  left: -40px;
}

.cs_testimonial_1_section .cs_testimonial_1_quote {
  height: 100%;
  border-radius: inherit;
}

.cs_testimonial.cs_style_1 .cs_rating {
  margin-bottom: 25px;
}

.cs_testimonial.cs_style_1 .cs_testimonial_avatar_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

.cs_testimonial.cs_style_1 .cs_testimonial_avatar_img {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  border: 2px solid var(--primary);
}

.cs_testimonial.cs_style_2 {
  padding: 1px 30px 25px 30px;
  margin-top: 40px;
  position: relative;
}

@media (max-width: 1400px) {
  .cs_testimonial.cs_style_2 {
      padding: 1px 20px 25px 20px;
  }
}

.cs_testimonial.cs_style_2 .cs_testimonial_in {
  position: relative;
  z-index: 2;
}

.cs_testimonial.cs_style_2 .cs_testimonial_avatar_img {
  height: 80px;
  width: 80px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid var(--primary);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin-top: -40px;
  display: inline-block;
  margin-bottom: 12px;
}

.cs_testimonial.cs_style_2 .cs_rating {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.cs_testimonial.cs_style_2 .cs_testimonial_blockquote {
  font-style: initial;
}

.cs_testimonial.cs_style_2 .cs_quore_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0.04;
}

.cs_testimonial.cs_style_2:hover .cs_testimonial_avatar_img {
  border-color: var(--primary);
}

/*--------------------------------------------------------------
  14. CTA
----------------------------------------------------------------*/
a.cs_btn.cs_style_1.cs_color_1 {
  text-decoration: none;
  color: #d14600;
  background-color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  transition: .5s ease-in;
  text-transform: capitalize;
}

a.cs_btn.cs_style_1.cs_color_1:hover {
  color: #fff;
  background-color: #010f34;

}

.cs_cta.cs_style_1 {
  position: relative;
  overflow: hidden;
}

.cs_cta.cs_style_1 .cs_cta_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0 50px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 76%;
}


.cs_cta.cs_style_1 .cs_cta_in 
{
  width: 70%;
}


@media (max-width: 1199px) {
  .cs_cta.cs_style_1 .cs_cta_in {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      gap: 0px 0;
  }
}

.cs_cta.cs_style_1 .cs_cta_img {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 30%;
  max-width: 575px;
}

@media (max-width: 1700px) {
  .cs_cta.cs_style_1 .cs_cta_img {
      width: 25%;
  }
}

@media (max-width: 767px) {
  .cs_cta.cs_style_1 .cs_cta_img {
      display: none;
  }
}

.cs_cta.cs_style_1 .cs_cta_img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0;
  object-position: 0;
}

/*** 

====================================================================
Main Footer
====================================================================

***/
.footer-line {
}

.main-footer {
  position: relative;
  background-color: #09111a;
  color: #fff;
}

.main-footer .pattern-layer-one {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 270px;
  height: 275px;
  background-repeat: no-repeat;
}

.main-footer .pattern-layer-two {
  position: absolute;
  right: 0px;
  bottom: 0;
  width: 641px;
  height: 318px;
  background-repeat: no-repeat;
}

.main-footer .pattern-layer-three {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 369px;
  height: 260px;
  background-repeat: no-repeat;
}

.main-footer .pattern-layer-four {
  position: absolute;
  left: 5%;
  bottom: 22%;
  width: 81px;
  height: 81px;
  background-repeat: no-repeat;
}

.main-footer .pattern-layer-five {
  position: absolute;
  left: 0px;
  top: 38%;
  width: 131px;
  height: 190px;
  background-repeat: no-repeat;
}

.main-footer .pattern-layer-six {
  position: absolute;
  left: 0px;
  top: 12%;
  width: 286px;
  height: 625px;
  background-repeat: no-repeat;
}

.main-footer .pattern-layer-seven {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 312px;
  height: 293px;
  background-repeat: no-repeat;
}

.main-footer .circle-one {
  position: absolute;
  left: 12%;
  top: 32%;
  width: 11px;
  height: 11px;
  opacity: 0.10;
  border-radius: 50px;
  background-color: #fff;
}

.main-footer .circle-two {
  position: absolute;
  right: 10%;
  top: 46%;
  width: 27px;
  height: 27px;
  opacity: 0.10;
  border-radius: 50px;
  background-color: #fff;
}

.main-footer .circle-three {
  position: absolute;
  right: 40%;
  bottom: 16%;
  width: 12px;
  height: 12px;
  opacity: 0.10;
  border-radius: 50px;
  background-color: #fff;
}

.main-footer .upper-box {
  position: relative;
  padding: 60px 0px 0px;
}

.main-footer .upper-box .title-column {
  position: relative;
}

.main-footer .upper-box .title-column .inner-column {
  position: relative;
  /* text-align: right; */
}

.main-footer .upper-box .title-column h2 {
  font-size: 30px;
  color: #ffff;
  font-weight: 700;
}

.main-footer .upper-box .title-column h2 span {
  color: #f95300;
  font-weight: 700;
}

.main-footer .upper-box .title-column .text {
  color: #fff;
  font-size: 15px;
  margin-top: 10px;
}

.main-footer .upper-box .subscribe-column {
  position: relative;
}

.main-footer .upper-box .subscribe-column .inner-column {
  position: relative;
}

.main-footer .footer-column {
  margin-bottom:30px;
}

.main-footer .widgets-section {
  position: relative;
  padding: 70px 0px 60px;
}

.main-footer .footer-widget h3 {
  font-weight: 500;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 25px;
  font-size: 25px;
}


.main-footer .about-widget .logo {
  margin-top: -18px;
  margin-bottom: 10px;
}

.main-footer .about-widget .text {
  max-width: 300px;
  line-height: 1.8em;
  color: #fff;    
}

.main-footer .about-widget .opening {
  position: relative;
  color: #fff;
  font-size: 16px;
  margin-top: 40px;
  padding-left: 100px;
}

.main-footer .about-widget .opening .icon {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 78px;
  width: 78px;
  line-height: 78px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  font-size: 30px;
  background-color: var(--primary);
}

.main-footer .about-widget .opening strong {
  position: relative;
  font-weight: 500;
  display: block;
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;

}

.main-footer .about-widget .opening .time {
  position: relative;
  line-height: 1.6em;
  opacity: 0.60;
  color: #fff;
  font-size: 16px;
}

/* Nav List */

.main-footer .nav-list {
  position: relative;
}

.main-footer .nav-list li {
  position: relative;
  margin-bottom: 15px;
}

.main-footer .nav-list a {
  position: relative;
  font-size: 15px;
  color: #fff;
  font-family: sans-serif;
  text-decoration: none;
  margin-left: -22px;
  transition: .3s ease-in-out;
  /* padding-bottom: 11px; */
}

.main-footer .nav-list a:hover {
  opacity: 1;
  text-decoration: underline;
  color: #f65801;
}

/* Post Widget */

.main-footer .news-widget,
.main-footer .social-widget {
  padding-left: 40px
}

.main-footer .news-widget .post {
  position: relative;
  min-height: 65px;
  padding-top: 5px;
  padding-left: 90px;
  margin-bottom: 20px;
}

.main-footer .news-widget .post:last-child {
  margin-bottom: 0;
}

.main-footer .news-widget .post .thumb {
  position: absolute;
  left: 0px;
  top: 2px;
  width: 70px;
  overflow: hidden;
  border-radius: 4px;
}

.main-footer .news-widget .post .thumb a {
  display: block;
}

.main-footer .news-widget .post .thumb img {
  display: block;
  width: 100%;
  height: auto;
}

.main-footer .news-widget .post h6 {
  font-weight: 500;
  line-height: 1.6em;
  font-size: 18px;
  margin-top:  10px;
}

.main-footer .news-widget .post h6 a {
  color: #fff;
  text-decoration: none;
  padding-left: 28%;
  font-size: 13px;
  font-weight: 700;
  /* padding-top: 8px; */
}

.main-footer .news-widget .post h6 a:hover {
  color: var(--primary);
  /* text-decoration: none; */
}

.main-footer .news-widget .post .date {
  position: relative;
  display: block;
  line-height: 1.3em;
  font-size: 14px;
  text-transform: capitalize;
  color: #fff;
  padding-left: 28%;
  /* text-decoration: none; */
}

.main-footer .news-widget .post .date:before {
  position: absolute;
  content: '\f133';
  left: 0px;
  top: 0px;
  color: var(--primary);
  font-family: 'FontAwesome';
}

.main-footer .subscribe-form {
  margin-top:15px;
  max-width: 320px;
}

/* Subscribe Form */

.subscribe-form {
  position: relative;
}

.subscribe-form .form-group {
  position: relative;
  margin: 0px;
  width: 100%;
  max-width: 100%;
}

.main-footer .subscribe-form .form-group {
  height: 54px;
}

.mb-40 {
  margin-bottom: 40px;
}

.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="email"] {
  position: relative;
  line-height: 43px;
  font-size: var(--font-18);
  padding: 10px 15px 10px 25px;
  display: block;
  height: 60px;
  width: 100%;
  box-shadow: inherit;
  border-radius: 5px;
  font-weight: 400;
  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;
  background-color: #242b33;
  border: none;
  /* text-transform: lowercase; */
}

.subscribe-form .form-group input::placeholder,
.subscribe-form .form-group textarea::placeholder {
  color: #fff;
}

.main-footer .subscribe-form .form-group input {
  max-width: 320px;
  padding-left: 16px;
}

.main-footer .subscribe-form .form-group input::placeholder {
  font-size: 16px;
}

.subscribe-form .form-group button {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 15px 38px;
}

.main-footer .subscribe-form .form-group button {
  right: 5px;
  top: 5px;
  padding: 11px 11px;
  bottom: 5px;
  bottom: 0;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
}

.subscribe-form .form-group button:hover {
  background-color: var(--primary);
}

/* Footer Bottom */

.main-footer .footer-bottom {
  position: relative;
  padding: 14px 0px;
  background-color: #181f28;
}

.main-footer .footer-bottom .logo-column {
  position: relative;
}

.main-footer .footer-bottom .copyright-column {
  position: relative;
}

.main-footer .footer_links a {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  padding-right: 13px;
  margin-right: 12px;
  position: relative;
}

.main-footer .footer_links a:hover {
  color: #FF4A17;
}

.main-footer .footer_links a::before {
  position: absolute;
  top: 5px;
  right: 0;
  width: 1px;
  height: 13px;
  content: "";
  background-color: #fff;
}

.main-footer .footer_links a:last-child {
  margin-right: 0;
  padding-right: 0;
}

.main-footer .footer_links a:last-child:before {
  display: none;
}

.main-footer .footer-bottom .copyright {
  position: relative;
  font-size: 18px;
  color: #fff;
}

.main-footer .footer-bottom .copyright a {
  color: #fff;
}

.main-footer .social-column {
  position: relative;
}

.main-footer .social-column .inner-column {
  position: relative;
  text-align: right;
}

.main-footer .social-column .social-box {
  position: relative;
  margin-top:  10px;
}

.main-footer .social-column .social-box li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}

.main-footer .social-column .social-box li a {
  position: relative;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  border-radius: 3px;
  font-weight: normal;
  color: #fff;
  font-size: 20px;
  font-family: 'FontAwesome';
  margin-bottom: 25px;
  background-color: #181f28;
  text-decoration: none;
  transition: .3s ease-in-out;
}

.main-footer .social-column .social-box li a:hover {
  background-color: #ff5500;
}

.main-footer .social-widget .text {
  opacity: 0.57;
  line-height: 1.7em;
  color: #fff;    
}

.main-footer .social-widget .social-box {
  position: relative;
  margin-top: 25px;
}

.main-footer .social-widget .social-box li {
  position: relative;
  display: inline-block;
  margin-right: 5px;
}

.main-footer .social-widget .social-box li:last-child {
  margin-right: 0px;
}

.main-footer .social-widget .social-box li a {
  position: relative;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  display: inline-block;
  border-radius: 45px;
  font-weight: normal;
  color: var(--primary);
  font-size: 16px;
  font-family: 'FontAwesome';
  margin-bottom: 5px;
  background-color: #fff;
}

.main-footer .social-widget .social-box li a:hover {
  color: #fff;
  background-color: var(--primary);
}

.footer_info {
  margin-top: 25px;
  margin-bottom: 33px;
}

.footer_info li {
  font-size: 16px;
  color: #fff;
  margin-bottom: 17px;
  list-style: none;
}

.footer_info li:last-child {
  margin-bottom: 0;
}

.footer_info li i {
  margin-right: 5px;
  color: #FF4A17;
  /* list-style: none; */
}

/* Style Two */

.main-footer.style-two {
  margin-top: -85px;
  overflow: hidden;
  padding-top: 110px;
}

.main-footer.style-two .widgets-section {
  padding-bottom: 80px;
}

.main-footer.style-two .nav-list a {
  opacity: 0.57;
  line-height: 1.7em;
}

.main-footer.style-two .nav-list a:hover {
  opacity: 1;
}

/* Footer Bottom Two */

.main-footer .footer-bottom-two {
  position: relative;
  padding: 18px 15px;
  background-color: #181f28;
  margin-top: 40px;
  margin-bottom: 50px;
}

.main-footer .footer-bottom-two .copyright-column {
  position: relative;
}

.main-footer .footer-bottom-two .copyright {
  position: relative;
  font-size: 16px;
  color: #fff;
  padding-top: 42px;
}

.main-footer .footer-bottom-two .copyright a {
  color: #fff;
}

button.theme-btn.btn-style-one {
}

form#contact-form {
}

.main-footer .footer-bottom-two .footer-nav {
  position: relative;
  text-align: right;
}

.main-footer .footer-bottom-two .footer-nav li {
  position: relative;
  display: inline-block;
  margin-right: 15px;
  padding-right: 20px;
  border-right: 1px solid var(--primary);
}

.right {
}

.right img {
  float: right;
  position: relative;
  margin-top: -20px;
}

.main-footer .footer-bottom-two .footer-nav li a {
  position: relative;
  color: #fff;
  text-decoration: none;
  padding-top: 50px;
}

.main-footer .footer-bottom-two .footer-nav li:last-child {
  border: none;
  padding-right: 0px;
  margin-right: 0px;
}

.footer-widget.news-widget {
  padding-left: 70px;
}

.links-widget.style-two {
  margin-left: -20px;
}

.footer-widget.links-widget {
  margin-left: 16px;
}

ul.nav-list {
  list-style: none;
  /* text-decoration: none; */
}

/*====================
28. Portfolio css 
======================*/

.portfolio-area {
}


.pa-bg::before {
}

.portfolio-img {
  position: relative;
}



.portfolio-img::before {
  /* content: ''; */
  /* position: absolute; */
  /* top: 0px; */
  /* left: 0px; */
  /* width: 100%; */
  /* height: 100%; */
  /* opacity: 0; */
  /* background: var(--secondary); */
  /* border-radius: 30px; */
  /* transform: scaleY(0); */
  /* transition: all .5s ease-in-out; */
}

.portfolio-item:hover .portfolio-img::before {
  opacity: .8;
  transform: scaleY(1);
}

.portfolio-link {
  position: absolute;
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: var(--secondary);
  background: #fff;
  border-radius: 50px;
  text-align: center;
  left: 50%;
  top: 50%;
  font-size: 28px;
  margin-top: 50px;
  opacity: 0;
  box-shadow: 1px 1px 1px 1px #000;
  transform: translate(-50%, -50%);
  transition-delay: 0.3s;
}

.portfolio-link:hover {
  color: var(--secondary);
}

.portfolio-item:hover .portfolio-link {
  margin-top: 0px;
  opacity: 1;
}


.portfolio-content small {
  text-transform: uppercase;
  font-weight: 600;
  color: var(--secondary);
  font-size: 14px;
  letter-spacing: 2px;
}

.portfolio-content h4 a {
  font-size: 20px;
  color: #000;
  text-decoration: none;
  font-weight: 600;
}

.portfolio-content h4 a:hover {
  color: var(--secondary);
}

.portfolio-arrow {
}

.portfolio-arrow i {
  color: #fff;
  transform: rotate(-45deg);
  --transition: all .5s ease-in-out;
}

.portfolio-arrow:hover i {
  transform: rotate(0);
}


/* portfolio-slider */

.portfolio-slider .owl-nav {
  margin-top: 0px;
}

.portfolio-slider .owl-nav button {
  position: absolute;
  top: 50%;
  margin-top: -31px;
  transform: translate(0, -50%);
  
}

.portfolio-slider .owl-nav button i {
  display: inline-block;
  height: 48px;
  width: 48px;
  line-height: 48px;
  color: #fff;
  font-size: 25px;
  text-align: center;
  background: var(--secondary);
  border-radius: 50px;
  cursor: pointer;
  
}

.portfolio-slider .owl-nav button:hover i {
  background: var(--secondary);
  color: #fff;
}

.portfolio-slider .owl-nav .owl-prev {
  left: 0px;
  opacity: 0;
}

.portfolio-slider .owl-nav .owl-next {
  right: 0px;
  opacity: 0;
}

.portfolio-slider:hover .owl-nav .owl-prev {
  left: -10px;
  opacity: 1;
}

.portfolio-slider:hover .owl-nav .owl-next {
  right: -10px;
  opacity: 1;
}

@media all and (max-width: 1199px) {
  .portfolio-slider .owl-nav {
      display: none;
  }
}



/*====================
28. Portfolio css 
======================*/

.portfolio-area {
  position: relative;
}

.pa-bg {
  background: var(--primary);
}

.pa-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(assets/images/shape/01.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: .05;
}

.portfolio-img {
  position: relative;
}

.portfolio-img img {
  border-radius: 30px 30px 30px 0;
  width: 100%;
  /* padding-right: 44px; */
  /* align-items: center; */
}

.portfolio-img::before {
  /* content: ''; */
  /* position: absolute; */
  /* top: 0px; */
  /* left: 0px; */
  /* width: 100%; */
  /* height: 100%; */
  /* opacity: 0; */
  /* background: var(--secondary); */
  /* border-radius: 30px; */
  /* transform: scaleY(0); */
}

.portfolio-item:hover .portfolio-img::before {
  opacity: .8;
  transform: scaleY(1);
}

.portfolio-link {
  position: absolute;
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: var(--secondary);
  background: #fff;
  border-radius: 50px;
  text-align: center;
  left: 50%;
  top: 50%;
  font-size: 28px;
  margin-top: 50px;
  opacity: 0;
  box-shadow: 1px 1px 1px 1px #000;
  transform: translate(-50%, -50%);
  transition-delay: 0.3s;
}

.portfolio-link:hover {
  color: var(--secondary);
}

.portfolio-item:hover .portfolio-link {
  margin-top: 0px;
  opacity: 1;
}

.portfolio-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  margin: -30px 30px 0 0;
  position: relative;
  padding: 13px 15px 15px 15px;
  border-radius: 0 50px 50px 0;
  box-shadow: 1px 1px 1px 1px #000;
  width: 100%;
  /* text-decoration: none; */
}

.portfolio-content small {
  text-transform: uppercase;
  font-weight: 600;
  color: var(--secondary);
  font-size: 14px;
  letter-spacing: 2px;
}

.portfolio-arrow {
  width: 45px;
  height: 45px;
  line-height: 45px;
  background: #000;
  color: #fff;
  text-align: center;
  border-radius: 50px;
}

.portfolio-arrow i {
  color: #fff;
  transform: rotate(-45deg);
  
}

.portfolio-arrow:hover i {
  transform: rotate(0);
}

.site-heading {
}

.site-heading h2 {
  font-weight: bold;
  margin-bottom: 40px;
}

.site-heading span i {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 14px;
  padding-top: 7px;
  /* margin-top: 25px; */
}

/* portfolio-slider */
.portfolio-slider .portfolio-content {
  margin-bottom: 50px;
}

.portfolio-slider .owl-nav {
  margin-top: 0px;
}

.portfolio-slider.owl-carousel {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.portfolio-slider .owl-nav button {
  position: absolute;
  top: 50%;
  margin-top: -31px;
  transform: translate(0, -50%);
  
}

.portfolio-slider .owl-nav button i {
  display: inline-block;
  height: 48px;
  width: 48px;
  line-height: 48px;
  color: #fff;
  font-size: 25px;
  text-align: center;
  background: var(--secondary);
  border-radius: 50px;
  cursor: pointer;
  
}

.portfolio-slider .owl-nav button:hover i {
  background: var(--secondary);
  color: #fff;
}

.portfolio-slider .owl-nav .owl-prev {
  left: 0px;
  opacity: 0;
}

.portfolio-slider .owl-nav .owl-next {
  right: 0px;
  opacity: 0;
}

.portfolio-slider:hover .owl-nav .owl-prev {
  left: -10px;
  opacity: 1;
}

.portfolio-slider:hover .owl-nav .owl-next {
  right: -10px;
  opacity: 1;
}

@media all and (max-width: 1199px) {
  .portfolio-slider .owl-nav {
      display: none;
  }
}



/* ======================
29. Portfolio single
====================== */

.portfolio-sidebar .widget {
  background: #fff;
  padding: 30px;
  border-radius: 20px;
  margin-bottom: 30px;
  box-shadow: 1px 1px 1px 1px #000;
}

.portfolio-sidebar .widget .title {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

.portfolio-sidebar .widget .title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 50px;
  background: var(--secondary);
  border-radius: 50px;
}

.portfolio-sidebar .list li {
  border-bottom: 1px solid var(--primary);
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-size: 14px;
  color: #000;
  font-weight: 600;
  line-height: 33px;
}

.portfolio-sidebar .list li:last-child {
  border-bottom: none;
  padding: 0;
  margin: 0;
}

.portfolio-sidebar .list li span {
  display: block;
  font-weight: normal;
  font-size: 16px;
  margin: 0;
  text-transform: none;
}

.portfolio-sidebar .project h4 {
  color: #fff;
  margin-bottom: 25px;
}

.portfolio-sidebar .rating a {
  color: var(--secondary);
}

.portfolio-sidebar .project {
  background: var(--secondary);
}

.portfolio-details img {
  border-radius: 30px;
}

.portfolio-details .content h3 {
  color: #000;
}

.portfolio-details .content .list li {
  font-weight: 500;
  color: #000;
  margin-top: 5px;
}

.portfolio-details .content .list i {
  color: var(--secondary);
  margin-right: 10px;
}
a, a:active, a:focus, a:hover {
  outline: none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  text-decoration: none;
}

.funfact--home-2 {
  position: relative;
  background-color: #fff;
}
.funfact--home-2 .funfact__wrapper {
}
.funfact--home-2 {
  position: relative;
  background-color: #fff;
}
.funfact--home-2::after {
  /* content: ""; */
  /* width: 100%; */
  /* height: 250px; */
  /* position: absolute; */
  /* left: 0; */
  /* bottom: 0; */
  /* background-color: #000000; */
}
.funfact--home-2 .funfact__wrapper {
  position: relative;
  padding: 90px 10px 80px;
  margin: 0 auto;
  background-color: var(--secondary);
  border-radius: 50px;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 767px) {
  .funfact--home-2 .funfact__wrapper {
    padding-top: 93px;
    padding-bottom: 94px;
  }
}
@media (max-width: 575px) {
  .funfact--home-2 .funfact__wrapper {
    padding-top: 73px;
    padding-bottom: 74px;
  }
}
.funfact--home-2 .container {
  position: relative;
  z-index: 3;
}
.funfact--home-2 .funfact__top {
  text-align: center;
  margin: 0 auto 49px;
  padding-bottom: 18px;
  display: table;
  border-bottom: 1px solid var(--secondary);
}
.funfact--home-2 .funfact__top__title {
  margin: 0;
  font-size: 23px;
  color: #fff;
  font-weight: 700;
  line-height: 1.521;
}
.funfact--home-2 .funfact__icon-box {
  /* background-color: #fff; */
}
.funfact--home-2 .funfact__item:hover .funfact__icon-box {
  background-color: var(--primary);
}
.funfact--home-2 .funfact__icon {
  color: #0f3564;
}
.funfact--home-2 .funfact__item:hover .funfact__icon {
  color: #fff;
}
.funfact--home-2 .funfact__count,
.funfact--home-2 .funfact__text {
  color: #fff;
}
.funfact--home-2 .funfact__shape-one {
  position: absolute;
  top: 60px;
  left: -45px;
}
@media (max-width: 575px) {
  .funfact--home-2 .funfact__shape-one {
    display: none;
  }
}
.funfact--home-2 .funfact__shape-two {
  position: absolute;
  top: 0px;
  left: 150px;
  z-index: 1;
}
@media (max-width: 575px) {
  .funfact--home-2 .funfact__shape-two {
    display: none;
  }
}
.funfact--home-2 .funfact__shape-three {
  position: absolute;
  right: -171px;
  bottom: -35px;
}
.funfact--home-2 .funfact__shape-four {
  position: absolute;
  right: 71px;
  bottom: -19px;
  z-index: 1;
}
.funfact--home-2 .funfact__shape-five {
  position: absolute;
  top: -330px;
  right: -190px;
  z-index: 1;
}
.funfact--home-2 .funfact__shape-six {
  position: absolute;
  left: -61px;
  bottom: -93px;
  animation: zumpBottom 2s linear infinite;
}
.funfact--home-2 .funfact__bottom {
  margin-top: 45px;
  text-align: center;
}
.funfact--home-2 .funfact__bottom__text {
  margin: 0;
  font-weight: 500;
  color: #fff;
}
.funfact--home-2 .funfact__bottom__link {
  margin-left: 3px;
}
.funfact--home-2 .funfact__bottom__link:hover {
  color: #ffffff;
}
.funfact--home-2 .funfact__bottom__link__text {
  position: relative;
  color: inherit;
}
.funfact--home-2 .funfact__bottom__link__text::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--secondary);
  position: absolute;
  top: 100%;
  left: 0;
}
.funfact--home-2 .funfact__bottom__link:hover .funfact--home-2 .funfact__bottom__link__link__text::after {
  background-color: #fff;
}
.funfact--home-2 .funfact__bottom__link__icon {
  margin-left: 2px;
  display: inline-flex;
  font-size: 11px;
  color: inherit;
}
.funfact--home-2 .funfact__bottom__link__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.funfact__item {
  position: relative;
  display: flex;
  gap: 19px;
}
.funfact__icon-box {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #fff;
  transition: all 500ms ease;
}
.funfact__icon {
  display: inline-flex;
  font-size: 35px;
  color: #fff;
  transition: all 500ms ease;
}
.funfact__item:hover .funfact__icon {
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/*Testimonials*/
.testimonial-card__content {
  position: relative;
  transition: all 500ms ease;
}
.testimonial-card__content__shape {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 900.000000"><g transform="translate(0.000000,900.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M577 8986 c-3 -8 -23 -18 -44 -21 -21 -4 -84 -29 -139 -56 -191 -93 -323 -256 -380 -467 -22 -82 -21 -7823 1 -7909 8 -32 35 -99 61 -150 91 -181 257 -314 462 -369 82 -22 7823 -21 7909 1 102 26 237 101 313 174 102 100 182 235 205 349 4 18 13 36 21 39 21 8 21 5173 0 5173 -9 0 -18 19 -25 53 -7 28 -29 88 -51 132 -97 195 -285 339 -505 387 -32 7 -331 13 -830 17 -762 6 -781 7 -840 28 -33 12 -74 27 -90 35 -58 25 -172 107 -218 157 -47 50 -137 181 -137 199 0 6 -6 23 -14 39 -50 98 -50 91 -56 868 -7 728 -8 756 -44 851 -78 211 -287 402 -486 445 -31 7 -50 16 -50 25 0 21 -5055 21 -5063 0z"/></g></svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 900.000000"><g transform="translate(0.000000,900.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M577 8986 c-3 -8 -23 -18 -44 -21 -21 -4 -84 -29 -139 -56 -191 -93 -323 -256 -380 -467 -22 -82 -21 -7823 1 -7909 8 -32 35 -99 61 -150 91 -181 257 -314 462 -369 82 -22 7823 -21 7909 1 102 26 237 101 313 174 102 100 182 235 205 349 4 18 13 36 21 39 21 8 21 5173 0 5173 -9 0 -18 19 -25 53 -7 28 -29 88 -51 132 -97 195 -285 339 -505 387 -32 7 -331 13 -830 17 -762 6 -781 7 -840 28 -33 12 -74 27 -90 35 -58 25 -172 107 -218 157 -47 50 -137 181 -137 199 0 6 -6 23 -14 39 -50 98 -50 91 -56 868 -7 728 -8 756 -44 851 -78 211 -287 402 -486 445 -31 7 -50 16 -50 25 0 21 -5055 21 -5063 0z"/></g></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--secondary);
  transition: all 500ms ease;
}
.testimonial-card__content__inner {
  padding: 109px 41px 60px;
  position: relative;
  z-index: 1;
}
.testimonial-card__identity {
  position: relative;
  margin-top: -41px;
  text-align: center;
  z-index: 2;
}
.testimonial-card__designation {
  margin: 0;
  font-size: 17px;
  line-height: 1.4;
}
.testimonial-card__name {
  margin-bottom: 9px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
  text-transform: capitalize;
}

.testimonial-card__identity {
  position: relative;
  margin-top: -41px;
  text-align: center;
  z-index: 2;
}
.testimonial-card__quote-icon {
  position: absolute;
  top: 36px;
  left: 63px;
  display: inline-flex;
  font-size: 48px;
  color: #000;
  transition: all 500ms ease;
}
.testimonial-card__ratings {
  position: absolute;
  top: 85px;
  right: 41px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  transition: all 500ms ease;
}
.testimonial-card__ratings__icon {
  display: inline-flex;
  font-size: 16px;
  color: #000;
  transition: all 500ms ease;
}
.testimonial-card__content__shape::after {
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  /* position: absolute; */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 858.000000"><g transform="translate(0.000000,858.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M2193 8568 c1 -9 -19 -16 -58 -21 -372 -49 -687 -210 -981 -502 -284 -282 -517 -649 -707 -1120 -132 -326 -222 -629 -316 -1070 -15 -71 -57 -334 -70 -435 -108 -873 -78 -1474 110 -2155 39 -143 118 -372 159 -460 5 -11 21 -49 35 -84 101 -246 304 -601 492 -862 227 -313 563 -662 858 -889 39 -30 72 -57 75 -60 21 -22 370 -252 455 -300 33 -18 76 -42 95 -53 123 -70 338 -170 517 -240 318 -124 662 -216 958 -256 44 -6 134 -18 200 -28 172 -23 742 -23 905 0 214 31 438 73 515 97 17 5 98 30 180 56 442 136 882 365 1289 671 146 110 321 262 502 438 120 116 348 377 479 550 234 307 509 774 640 1085 15 36 35 83 45 105 30 65 106 268 155 410 44 128 135 477 163 625 36 190 69 431 77 565 7 118 14 153 26 133 5 -7 9 108 9 265 0 161 -4 276 -9 273 -13 -8 -19 27 -26 139 -9 134 -40 355 -71 493 -126 564 -409 909 -854 1041 -252 74 -355 84 -804 78 -198 -3 -471 -13 -606 -22 -406 -26 -707 -30 -915 -11 -220 21 -266 28 -495 76 -40 8 -186 58 -279 94 -163 65 -370 195 -518 325 -75 66 -215 186 -279 240 -98 83 -356 269 -495 357 -88 56 -135 82 -314 179 -70 37 -254 115 -359 151 -145 50 -289 83 -446 102 -43 5 -64 12 -63 20 2 9 -31 12 -137 12 -106 0 -139 -3 -137 -12z"/> </g> </svg>'); */
  /* mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 858.000000"><g transform="translate(0.000000,858.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M2193 8568 c1 -9 -19 -16 -58 -21 -372 -49 -687 -210 -981 -502 -284 -282 -517 -649 -707 -1120 -132 -326 -222 -629 -316 -1070 -15 -71 -57 -334 -70 -435 -108 -873 -78 -1474 110 -2155 39 -143 118 -372 159 -460 5 -11 21 -49 35 -84 101 -246 304 -601 492 -862 227 -313 563 -662 858 -889 39 -30 72 -57 75 -60 21 -22 370 -252 455 -300 33 -18 76 -42 95 -53 123 -70 338 -170 517 -240 318 -124 662 -216 958 -256 44 -6 134 -18 200 -28 172 -23 742 -23 905 0 214 31 438 73 515 97 17 5 98 30 180 56 442 136 882 365 1289 671 146 110 321 262 502 438 120 116 348 377 479 550 234 307 509 774 640 1085 15 36 35 83 45 105 30 65 106 268 155 410 44 128 135 477 163 625 36 190 69 431 77 565 7 118 14 153 26 133 5 -7 9 108 9 265 0 161 -4 276 -9 273 -13 -8 -19 27 -26 139 -9 134 -40 355 -71 493 -126 564 -409 909 -854 1041 -252 74 -355 84 -804 78 -198 -3 -471 -13 -606 -22 -406 -26 -707 -30 -915 -11 -220 21 -266 28 -495 76 -40 8 -186 58 -279 94 -163 65 -370 195 -518 325 -75 66 -215 186 -279 240 -98 83 -356 269 -495 357 -88 56 -135 82 -314 179 -70 37 -254 115 -359 151 -145 50 -289 83 -446 102 -43 5 -64 12 -63 20 2 9 -31 12 -137 12 -106 0 -139 -3 -137 -12z"/> </g> </svg>'); */
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #ffffff;
}

.testimonial-card:hover .testimonial-card__quote-icon {
  color: #fff;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
}
.testimonial-card:hover .testimonial-card__ratings {
  right: 50%;
  transform: translateX(50%);
  color: #fff;
}
.testimonial-card:hover .testimonial-card__ratings__icon
{
  color: #fff;
}
.testimonial-card:hover .testimonial-card__quote {
  color: #ffff;
}
.testimonial-card__quote {
  margin: 0;
  font-style: italic;
  font-weight: 500;
  text-align: center;
  line-height: 2.1875;
  transition: all 500ms ease;
  margin-top: 16px;
}
.testimonial-card__image {
  margin: 0 auto 21px;
  width: 72px !important;
  height: 72px !important;
  border-radius: 50%;
  border: 2px solid var(--secondary);
}
.testimonial-card__name {
  margin-bottom: 9px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
  text-transform: capitalize;
  color: #000;
}
.testimonials-one__shape-one {
  left: 0;
}
.testimonials-one__shape-one, .testimonials-one__shape-two {
  max-width: 100%;
  height: auto;
  position: absolute;
  bottom: 168px;
}
.testimonials-one__shape-two {
  right: 0;
}
.testimonial-section {
  position: relative;
  background-color: #edf0f2;
}

/*About us*/
/************ About One***********/
.about-one {
  position: relative;
}
.about-one__thumb {
  padding-left: 45px;
  padding-right: 100px;
  position: relative;
}
.about-one__thumb::after {
  content: "";
  width: 19px;
  height: 209px;
  border-radius: 8px;
  background-color: var(--primary);
  position: absolute;
  left: 0;
  bottom: 0;
  animation: topToBottomTwo 3s ease-in-out infinite;
}
.about-one__thumb__item {
  position: relative;
}
.about-one__thumb__item img {
  object-fit: cover;
  width: 100%;
  border-radius: 10px;
}
.about-one__thumb__item-small {
  position: absolute;
  bottom: 50px;
  right: 0;
}
.about-one__thumb__item-small img {
  border: 8px solid #fff;
  border-radius: 10px;
}
.about-one__thumb__item-popup {
  position: absolute;
  top: 10px;
  right: 10px;
  animation: scale 3s ease-in-out infinite;
  animation-delay: 500ms;
}
.about-one__thumb__funfact {
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
  position: absolute;
  left: 0;
  top: 5%;
  border-left: 3px solid #63AB45;
  z-index: 1;
  max-width: 222px;
  width: 100%;
  background-color: #fff;
  padding: 20px;
  display: flex;
  border-radius: 8px;
  align-items: center;
  justify-content: start;
  margin-right: auto;
  gap: 15px;
}
.about-one__thumb__funfact__icon {
  color: #63AB45;
  font-size: 43px;
  line-height: 0;
}
.about-one__thumb__funfact__count {
  margin-bottom: 7px;
  padding-bottom: 0;
  display: flex;
  align-self: center;
  justify-content: start;
}
.about-one__thumb__funfact__count span {
  margin-top: -12px;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 179%;
  color: #1D231F;
  margin-bottom: -15px;
}
.about-one__thumb__funfact__count span:last-child {
  line-height: 48px;
}
.about-one__thumb__funfact__text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 186%;
  margin-bottom: -4px;
  padding: 0;
  text-transform: capitalize;
  color: #595959;
}
.about-one__right .sec-title {
}
@media (min-width: 1200px) {
  .about-one__right {
    margin-left: 25px;
  }
}
.about-one__top__text {
  color: #000;
  margin-bottom: 30px;
}
.about-one__feature-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.about-one__feature-list li {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 178%;
  text-transform: capitalize;
  color: #1D231F;
}
.about-one__feature-list li i {
  color: #63AB45;
  margin-right: 5px;
  transition: all 0.4s ease-in-out;
}
.about-one__feature-list li:hover i {
  color: #1D231F;
}
.about-one__feature-list li + li {
  margin-top: 10px;
}
.about-one__feature {
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E5E5E5;
}
.about-one__feature-vestion {
  display: flex;
  align-items: center;
  gap: 15px;
}
.about-one__feature-vestion:hover .about-one__feature_icon {
  background-color: #F7921E;
}
.about-one__feature_icon {
  max-width: 80px;
  width: 100%;
  border-radius: 50%;
  background-color: #63AB45;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 44px;
  height: 80px;
  transition: all 0.4s ease-in-out;
}
.about-one__feature-title {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 160%;
  margin-bottom: 2px;
  padding-bottom: 0;
  color: #1D231F;
}
.about-one__feature-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 162%;
  color: #595959;
  margin-bottom: 0;
  padding-bottom: 0;
}
.about-one__button {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  gap: 25px;
  width: 100%;
}
@media (min-width: 576px) {
  .about-one__button {
    flex-direction: row;
    align-items: center;
  }
}
.about-one__button__call {
  position: relative;
}
.about-one__button__call__icon {
  position: absolute;
  left: 0;
  top: 5%;
  border-radius: 50%;
  max-width: 48px;
  width: 100%;
  height: 48px;
  background-color: #63AB45;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #fff;
  transition: all 0.4s ease-in-out;
}
.about-one__button__call__icon::after {
  content: "";
  border-radius: 50%;
  position: absolute;
  top: -3px;
  left: -3px;
  bottom: -3px;
  right: -3px;
  background-color: transparent;
  border: 1px solid #63AB45;
  transition: all 0.4s ease-in-out;
}
.about-one__button__call__content {
  padding-left: 58px;
}
.about-one__button__call span {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 186%;
  text-transform: capitalize;
  color: #63AB45;
  display: block;
}
.about-one__button__call a {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 144%;
  margin-bottom: 0;
  padding-bottom: 0;
  color: #1D231F;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.about-one__button__call a:hover {
  background-size: 100% 1px;
}
.about-one__button__call a:hover {
  color: #63AB45;
}
.about-one__button__call:hover .about-one__button__call__icon {
  background-color: #F7921E;
}
.about-one__button__call:hover .about-one__button__call__icon::after {
  border-color: #F7921E;
}
.about-one__element-one {
  position: absolute;
  left: 0;
  top: 40%;
  animation: topToBottom 4s ease-in-out infinite;
  z-index: -1;
  display: none;
}
@media (min-width: 1200px) {
  .about-one__element-one {
    display: block;
  }
}
.about-one__element-two {
  position: absolute;
  right: 0;
  top: 40%;
  animation: topToBottom 3.5s ease-in-out infinite;
  z-index: -1;
  display: none;
}
.about-one__element-two::after {
  content: "";
  position: absolute;
  width: 390px;
  height: 390px;
  background: #63AB45;
  filter: blur(150px);
  z-index: -1;
}
@media (min-width: 1200px) {
  .about-one__element-two {
  }
}
.about-one--one {
  background-color: #F3F8F6;
  z-index: 1;
}


/*--------------------------------------------------------------
  17. Service Card
----------------------------------------------------------------*/
.cs_service_card.cs_style_1 {
  position: relative;
}
.cs_service_card.cs_style_1:hover .cs_service_card_icon {
  background-color: var(--primary);
}
.cs_service_card.cs_style_1:hover .cs_service_card_icon img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.cs_service_card.cs_style_1:hover .cs_service_card_bg {
  color: var(--primary);
}
.cs_service_card.cs_style_1:hover .cs_service_card_number {
  -webkit-text-stroke: 1px #fff;
}
.cs_service_card.cs_style_1 .cs_service_card_bg {
  position: absolute;
  top: -40px;
  width: 486px;
  left: 50%;
  margin-left: 6px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #000;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1400px) {
  .cs_service_card.cs_style_1 .cs_service_card_bg {
    width: 456px;
  }
}
@media (max-width: 1199px) {
  .cs_service_card.cs_style_1 .cs_service_card_bg {
    width: 380px;
    top: -81px;
    margin-left: 0;
  }
}
.cs_service_card.cs_style_1 .cs_service_card_in {
  position: relative;
  z-index: 2;
  height: 384px;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.cs_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.cs_service_card.cs_style_1 .cs_service_card_icon {
  height: 80px;
  width: 80px;
  -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 1199px) {
  .cs_service_card.cs_style_1 .cs_service_card_icon {
    height: 70px;
    width: 70px;
    padding: 15px;
    bottom: 0;
  }
}
.cs_service_card.cs_style_1 .cs_service_card_icon img {
  -webkit-transition: inherit;
  transition: inherit;
}
.cs_service_card.cs_style_1 .cs_service_card_number {
  color: transparent;
  -webkit-text-stroke: 1px #000;
  height: 90px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 1199px) {
  .cs_service_card.cs_style_1 .cs_service_card_number {
    height: 70px;
  }
}
.cs_gap_y_30 {
  gap: 30px 0;
}
.cs_semibold {
  /* font-weight: 600; */
}

.cs_fs_24 {
  font-size: 24px;
  line-height: 1.417em;
  color: #000;
}
.cs_mb_15 {
  margin-bottom: 15px;
}
.cs_text_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  color: #000;
  font-size: 14px;
  line-height: 1.714;
}
.cs_service_card.cs_style_1 .cs_service_card_number {
  color: transparent;
  -webkit-text-stroke: 1px #788094;
  height: 90px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}


/*Breadcume*/
.breadcrumb-row ul {
  display: inline-block;
  margin-bottom: 0;
  background: #000;
  color: #fff;
  padding: 11px 23px;
  border-radius: 10px 10px 0px 0px;
}
.breadcrumb-row ul li {
  padding: 0;
  margin-right: 3px;
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
}
.demo-icon {
}
.breadcrumb-row ul li a {
  color: #fff;
  font-weight: 500;
}
.breadcrumb-row ul li.active {
  color: #fff;
  font-weight: 500;
}
.breadcrumb-row ul li {
  padding: 0;
  margin-right: 3px;
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
}
i.demo-icon.icon-angle-double-right {
  color: #fff;
  margin-right: 3px;
}
.demo-icon {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
}

.banner-heading {
  padding: 60px 0px 70px 0px;
  width: 100%;
  color: #fff;
}
.banner-title {
  color: #fff;
  font-size: 50px;
  margin-bottom: 0px;
  font-weight: 600;
}

ol.breadcrumb a {
  color: #fff;
  font-weight: 500;
}
ol.breadcrumb i {
  font-size: 12px;
  margin-left: 7px;
}

.por_banner1 {
  background-position: center;
  color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
}
nav.breadcrumb-row {
  text-align: left;
  margin-top: -26px;
  z-index: 9;
  position: relative;
}
.dz-bnr-inr h1 {
  font-weight: 600;
  font-size: 35px;
  margin-bottom: 20px;
  color: #fff;
  text-transform: capitalize;
  text-align: left;
  padding-bottom: 50px;
}

.blog-slide {
  position: relative;
  margin-bottom: 35px;
}
.blog_title41d {
  position: absolute;
  left: 0;
  bottom: 9px;
  right: 80px;
  background-color: var(--primary);
  padding: 20px 30px;
  border-top-right-radius: 6px;
}
.comment-respond {
  background-image: url(assets/images/blog/pattern-1.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  padding: 32px 40px 50px;
  margin-top: 20px;
  border-bottom: 3px solid var(--primary);
  border-top: 3px solid var(--primary);
}
.comment-field input, .comment-field textarea {
  width: 100%;
  display: block;
  border-radius: 5px;
  border: 1px solid var(--primary);
  font-size: 16px;
  padding: 15px 15px;
  line-height: 1.2;
  height: 50px;
}
.comment-field textarea {
  min-height: 130px;
  max-height: 130px;
}
.comment-field {
  margin-bottom: 15px;
}
.comment-notes {
  margin-bottom: 15px;
}
.blog-widget {
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  padding: 30px 30px;
  margin-bottom: 30px;
  border: 1px solid #E5E7E8;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
h2.sub-h2 {
  color: var(--primary);
  font-size: 30px;
  font-weight: 700;
  position: relative;
  margin-bottom: 20px;
}
.rc-post-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}
.rc-post-thumb {
  width: 100px;
  flex: 0 0 auto;
  height: auto;
}
.rc-post-content .date {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 12px;
}
.rc-post-content .title {
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 0;
}
.post-title a {
  color: #000;
}
.blog-slide,
.blog-slide img {
  width: 100%;
  height: auto;
}

/*Service*/

.widget_categories_two {
  margin-bottom: 45px;
  padding: 30px;
  -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 6px;
}
.widget_categories_two .categories-list li {
  position: relative;
  display: block;
  border: 1px solid #e1e5e9;
  margin-bottom: 10px;
  border-radius: 6px;
}
.widget_categories_two .categories-list li a {
  position: relative;
  display: block;
  font-size: 17px;
  line-height: 28px;
  font-weight: 600;
  color: #1e1e2a;
  padding: 14px 0px 13px 42px;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  border-radius: 6px;
}
.widget_categories_two .categories-list li a:before {
  position: absolute;
  content: "\f063";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 700;
  font-size: 12px;
  color: #838d9e;
  left: 20px;
  top: 16px;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  content: "\e809";
  font-family: "fontello";
  font-style: normal;
  color: var(--primary);
  margin-right: 10px;
}
.widget_categories_two .categories-list li a:hover {
  padding-left: 20px;
  color: #fff;
  background: var(--primary);
}
.widget_categories_two .categories-list li a:hover:before {
  opacity: 0;
}
.widget_contact {
  position: relative;
  padding: 50px 30px;
  border-radius: 6px;
  background-size: cover;
  text-align: center;
}
.widget_contact img {
  margin-bottom: 20px;
}
.cta_side
{
  text-align: left;
  color: #fff;
}
.cta_side a{
  color: #fff;
}
.cta_side .phone-number {
  position: relative;
  font-size: 24px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 11px;
}
.cta_side .email {
  position: relative;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 30px;
}
.cta_side .email a {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
.services-section-five {
  position: relative;
  padding: 70px 0 50px;
  background-color: #eff2f5;
  background-repeat: no-repeat;
  background-position: right;
}
.service-block-five .inner-box {
  position: relative;
  margin-bottom: 30px;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.service-block-five .inner-box:before {
  position: absolute;
  content: '';
  left: 20px;
  right: 20px;
  bottom: 0;
  height: 20px;
  opacity: .3;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  background-color: var(--primary);
}
.service-block-five .inner-box .content-box {
  position: relative;
  padding: 30px;
  padding-left: 30px;
  background-color: #fff;
  border-radius: 6px;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  background-color: #fff;
  z-index: 9;
  min-height: 120px;
  border: 2px dotted var(--primary);
}
.service-block-five .inner-box:after {
  position: absolute;
  content: '';
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 10px;
  opacity: .5;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: var(--primary);
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.service-block-five .inner-box .content-box:before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: var(--primary);
  opacity: 0;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  -webkit-transform: perspective(400px) rotateX(-90deg);
  -ms-transform: perspective(400px) rotateX(-90deg);
  transform: perspective(400px) rotateX(-90deg);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  border-radius: 6px;
}
.service-block-five h4 {
  position: relative;
  font-size: 25px;
  font-weight: 700;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  color: black;
}
.service-block-five p {
  padding-top: 10px;
  color: black;
}
.service-block-five .inner-box:hover .content-box:before {
  -webkit-transform: perspective(400px) rotateX(0deg);
  -ms-transform: perspective(400px) rotateX(0deg);
  transform: perspective(400px) rotateX(0deg);
  opacity: 1;
}
.service-block-five .inner-box:hover h4 {
  color: #fff;
}
.service-block-five .inner-box:hover p {
  color: white;
  position: relative;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
/** shop-details **/

.shop-details{
  position: relative;
}
.product-details-content .slider-pager li{
  position: relative;
  /* background: #fff; */
  margin-bottom: 10px;
  overflow: hidden;
  width: 96px;
  height: auto;
  z-index: 9;
}

.product-details-content .slider-pager li a{
}

.product-details-content .slider-pager li:last-child{
  margin-bottom: 0px;
}

.product-details-content .slider-pager img{
  width: 100%;
  transition: all 500ms ease;
}
.product-details-content .slider-content {
  position: relative;
  display: block;
}

.product-details-content .slider-content  .slider-pager{
  position: absolute;
  left: 0px;
  top: 0px;
}

.product-details-content .slider-inner{
  position: relative;
  border: 1px solid var(--secondary);
  padding: 17px;
  border-radius: 5px;
  float: left;
  width: 100%;
}

.product-details-content .slider-inner .bx-viewport{
  min-height: 468px;
}

.product-details-content .slider-content  .product-image{
  position: relative;
  /* padding-left: 120px; */
  width: 75%;
  float: right;
}

.product-details-content .slider-content  .product-image .image{
  position: relative;
  display: block;
  background: #fff;
}

.product-details-content .slider-content  .product-image .image img{
  width: 100%;
}

.product-details-content .product-details .othre-options .item-quantity{
  position: relative;
  display: inline-block;
  max-width: 130px;
  width: 100%;
  float: left;
  padding: 0px 40px;
  margin-right: 15px;
}

.item-quantity .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  max-width: 50px;
  width: 100%;
  height: 50px;
}

.item-quantity input.quantity-spinner {
  line-height: 50px;
  height: 50px;
  width: 50px !important;
  padding: 0px !important;
  box-shadow: none !important;
  font-family: 'EurostileCondensedBQ',"Poppins", sans-serif;
  border: none;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  color: #333;
  border: 1px solid #a3bbc8;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down{
  position: absolute;
  height: 50px;
  width: 40px;
  background: transparent;
  padding: 0px 0px;
  left: -39px;
  top: -50px;
  border: 1px solid #a3bbc8;
  border-right: none;
  border-radius: 0px;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up{
  position: absolute;
  height: 50px;
  width: 40px;
  background: transparent;
  padding: 0px 0px;
  right: -40px;
  top: -50px;
  border: 1px solid #a3bbc8;
  border-left: none;
  margin-top: 0px;
  border-radius: 0px;
}

.bootstrap-touchspin .glyphicon-chevron-up:before {
  content: "\f067";
  font-size: 12px;
  font-style: normal;
  color: #333;
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
}

.bootstrap-touchspin .glyphicon-chevron-down:before {
  content: "\f068";
  font-size: 12px;
  font-style: normal;
  color: #333;
  font-weight: 700;
  font-family: 'Font Awesome 5 Free';
}

.bootstrap-touchspin .input-group-btn-vertical{
  position: absolute;
  width: 100%;
}

.bootstrap-touchspin .input-group-btn-vertical i{
  top: 11px;
  left: 15px;
  font-size: inherit !important; 
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{
  margin-top: 0px;
}

.product-details-content .product-details h2{
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 50px;
  color: var(--secondary);
  margin-bottom: 3px;
}

.product-details-content .product-details .customer-review{
  position: relative;
  margin-bottom: 6px;
}

.product-details-content .product-details .rating-box{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 20px;
}

.product-details-content .product-details .rating-box li{
  position: relative;
  display: inline-block;
  float: left;
  font-size: 11px;
  margin-right: 5px;
}

.product-details-content .product-details .rating-box li:last-child{
  margin-right: 0px;
}

.product-details-content .product-details .reviews{
  position: relative;
  display: inline-block;
  float: left;
}

.product-details-content .product-details .reviews a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #243f4d;
}
.product-details-content .product-details .item-price h3{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 35px;
  font-family: 'EurostileCondensedBQ',"Poppins", sans-serif;
  color: #333333;
  margin-bottom: 20px;
}
.product-details-content .product-details .text p{
  margin-bottom: 16px;
}
.product-details-content .product-details .other-links ul li{
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: var(--secondary);
  font-weight: 700;
}
.product-details-content .product-details .other-links ul li a{
  font-weight: 400;
  color: var(--secondary);
}

.product-details-content .product-details .other-links{
  position: relative;
  margin-bottom: 26px;
}

.product-details-content .product-details .othre-options{
  position: relative;
  margin-bottom: 40px;
}

.product-details-content .product-details .othre-options .btn-box{
  position: relative;
  float: left;
}

.product-details-content .product-details .othre-options .theme-btn{
  font-weight: 400;
  text-transform: uppercase;
  padding: 12px 45px;
  letter-spacing: 1px;
}

.product-details-content .product-details .share-option li{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: var(--secondary);
  float: left;
  margin-right: 10px;
}

.product-details-content .product-details .share-option li:last-child{
  margin-right: 0px;
}

.product-details-content .product-details .share-option li:first-child{
  margin-right: 20px;
}

.product-details-content .product-details .share-option li a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #888;
  background: #f6f6f6;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 50%;
  font-weight: 400;
}

.product-details-content .product-details .share-option li a:hover{
  color: #fff;
}

.product-details-content .product-details{
  position: relative;
  margin-left: 50px;
}

.product-details-content{
  position: relative;
}

.tabs-box .tab{
  position:relative;
  display:none;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.tabs-box .tab.active-tab{
  display:block;  
}

.tabs-box .tab{
  transform:scale(0.9,0.9) translateY(0px);
}

.tabs-box .tab.active-tab{
  transform:scale(1) translateY(0px);
}

.shop-details .product-discription .tab-btn-box{
  position: relative;
  margin-bottom: 32px;
}

.shop-details .product-discription .tab-btn-box .tab-btns li{
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  color: #0d0d0d;
  font-weight: 500;
  background: #f8d4d4;
  padding: 10px 30px;
  text-align: center;
  border-radius: 5px;
  width: 240px;
  cursor: pointer;
  float: left;
  margin-right: 15px;
  transition: all 500ms ease;
}

.shop-details .product-discription .tab-btn-box .tab-btns li:last-child{
  margin-right: 0px;
}

.shop-details .product-discription .tab-btn-box .tab-btns li:hover,
.shop-details .product-discription .tab-btn-box .tab-btns li.active-btn{
  color: #fff;
}

.shop-details .product-discription .tabs-content .text h3{
  position: relative;
  display: block;
  font-size: 26px;
  line-height: 35px;
  color: var(--secondary);
  font-weight: 600;
  margin-bottom: 9px;
}

.shop-details .product-discription .tabs-content .text p{
  color: #243f4d;
  margin: 0px;
}

.shop-details .product-discription{
  position: relative;
  margin-bottom: 110px;
}

.shop-details .related-product .sec-title{
  margin-bottom: 40px;
}
.product-details-content .product-details .share-option li a:hover {
  background: #da292a;
}
.product-details-content .product-details .rating-box li {
  color: #fec104;
}
.shop-block-one .inner-box .lower-content .price {
  color: #da292a;
}
.shop-block-one .inner-box .lower-content .rating li {
  color: #fec104;
}
.centred {
  text-align: center;
}
.sec-title span {
  color: #fff;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up {
  position: absolute;
  height: 50px;
  width: 40px;
  background: transparent;
  padding: 0px 0px;
  right: -40px;
  top: -50px;
  border: 1px solid #a3bbc8;
  border-left: none;
  margin-top: 0px;
  border-radius: 0px;
}
.shop-details .product-discription .tab-btn-box .tab-btns li:hover, .shop-details .product-discription .tab-btn-box .tab-btns li.active-btn {
  background: #da292a;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.shop-block-one .inner-box:hover .image-box .list {
  bottom: 15px;
  visibility: visible;
}
.shop-block-one .inner-box:hover .image-box {
  border-color: #da292a;
}
.shop-block-one .inner-box .image-box .list li:first-child a {
  position: relative;
  display: inline-block;
  font-size: 20px;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.shop-block-one .inner-box .lower-content h6 a {
  display: inline-block;
  color: #282932;
}
.shop-block-one .inner-box .lower-content .rating li:last-child {
  margin-right: 0px;
  color: #d5d5d5;
}
.shop-block-one .inner-box .lower-content .rating li {
  position: relative;
  display: inline-block;
  float: left;
  font-size: 11px;
  line-height: 20px;
  margin-right: 3px;
}
.shop-block-one .inner-box .image-box {
  position: relative;
  display: block;
  background: #fff;
  border: 2px solid #f0f0f0;
  overflow: hidden;
  transition: all 500ms ease;
}
.shop-block-one .inner-box .image-box .list li:last-child a:hover {
    background: #da292a;
}
.tabs-box .tab.active-tab {
  transform: scale(1) translateY(0px);
}
.shop-details .product-discription .tabs-content .text p {
  color: #243f4d;
  margin: 0px;
}
.tabs-box .tab {
  position: relative;
 
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
}
.tabs-box .tab {
  transform: scale(0.9, 0.9) translateY(0px);
}
.product-details-content .slider-pager li a {
  position: relative;
  display: inline-block;
}

.thumb-box li a img{
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 2px solid gray;
}
.product-details-content .slider-pager li a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.thumb-box li a img:hover{
  border: 2px solid #da292a;
}
.prodct-dtl-list ul li {
  font-size: 16px;
  float: left;
  border-bottom: 1px solid var(--primary);
  padding: 10px 0 2px 0;
  list-style-type: none;
  color: #000;
  width: 50%;
}
.prodct-dtl-list ul li:nth-child(odd) {
  font-weight: 600;
  width: 50%;
}
section.career-section {
  background: #efefef;
}

/*work-planning-two*/
.work-planning-two__shape-one {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: -585px;
  left: -176px;
}
.work-planning-two__inner {
  margin-top: -110px;
  position: relative;
  z-index: 2;
  background-color: #fff;
  border-radius: 40px;
  overflow: hidden;
  padding-bottom: 45px;
}

.single-service-box:hover .service-icon,
.portfolio-item:hover .portfolio-content {
  background: #000;
}
.portfolio-item:hover p, .portfolio-item:hover a {
  color: #fff;
}
.portfolio-item:hover .portfolio-arrow i {
  color: #000;
}

.portfolio-item:hover .portfolio-arrow {
  background: #fff;
  color: #000;
}
.shop-block_one:hover .shop-block_one-content:before {
  background: var(--secondary);
}
.portfolio-info p {
  line-height: normal;
  margin-top: 10px;
}
.portfolio-content h4 a:hover {
  color: #000;
}
.service-card-three {
  position: relative;
  padding: 9px 10px;
  background-color: #fff;
  border-radius: 30px;
  filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.05));
  overflow: hidden;
}
.service-card-three__image {
  position: relative;
  z-index: 2;
}
.service-card-three__image img {
  width: 100%;
  display: block;
  border-radius: 30px 30px 0 0;
}
.service-card-three__content {
  position: relative;
  padding: 21px 34px;
  text-align: center;
  border-top: 4px solid var(--primary);
  z-index: 2;
  transition: all 500ms ease;
}
.service-card-three__title {
  margin-bottom: 7px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
  text-transform: capitalize;
}
.service-card-three__title a {
  color: #000;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.service-card-three__link {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-weight: 500;
  color: var(--secondary);
}
.service-card-three__shape {
  width: calc(100% + 100px) !important;
  display: block;
  position: absolute;
  left: -73px;
  bottom: -177px;
  opacity: 0;
  transform: translateY(100px);
  z-index: 1;
  transition: all 500ms ease;
}
.service-card-three::after {
  content: "";
  width: 100%;
  height: 0%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--secondary);
  border-radius: inherit;
  transition: all 500ms ease;
}
.service-card-three:hover .service-card-three__content {
  border-color: #fff;
}
.service-card-three:hover .service-card-three__title a, 
.service-card-three:hover .service-card-three__text, 
.service-card-three:hover .service-card-three__link {
  color: #fff;
}
.service-card-three:hover::after {
  height: 100%;
  top: 0;
}
.service-card-three:hover .service-card-three__shape {
  opacity: 1;
  transform: translateY(0px);
}
.service-card-three__title a:hover {
  background-size: 100% 1px;
}

/*Product_printer*/
.product_area {
  padding: 5px;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 0px 5px 4px #d5d5d5;
  border-radius: 10px 10px 70px 10px;	
  margin-bottom: 25px;
}
.product_area__image {
  width: 100%;
  height: auto;
  position: relative;
  top: 0;
  left: 0;
  border-radius: 10px 10px 70px 10px;
  transition: all 500ms ease;
  z-index: 1;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.product_area__image img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 10px 10px 47px 10px;
}
.product_area__image::after {
  content: "";
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(176deg, #ffffff47 90%, #fdfdfd);
  border-radius: 10px 10px 70px 10px;
  transition: all 400ms ease;
}
.product_area__content {
  position: relative;
  z-index: 1;
  margin-top: 20px;
  padding-bottom: 16px;
  padding-left: 10px;
}
.product_area__name {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
}
.product_area__designation {
  margin: 0;
  font-weight: 500;
  color: #fff;
  text-transform: capitalize;
  line-height: 1.625;
}
.product_area__btn {
  position: absolute;
  top: -86px;
  right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  font-size: 25px;
  color: #fff;
  background-color: var(--secondary);
  border-radius: 50%;
  border: 5px solid #fff;
  z-index: 2;
  transition: all 500ms ease;
}
.product_area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--primary);
  border-radius: 10px 10px 70px 10px;
}
.product_area:hover .product_area__image {
  height: 100%;
  border-radius: 20px 20px 101px 20px;
}
.product_area:hover .product_area__image::after {
  height: 100%;
  top: 0;
}
.product_area__btn:hover {
  transform: rotate(45deg);
  background-color: #000;
}
.product_area__name a:hover {
    background-size: 100% 1px;
}
.product_area__name a {
  color: #fff;
}
.product_area:hover::after {

  background: var(--secondary);
}
.choose_list ul li
{
  color: #fff;
}

.choose_list ul li i {
  margin-right: 8px;
}
.choose_list ul li {
  display: flex;
  margin-bottom: 5px;
}


.team-card {
  display: flex;
  align-items: center;
  gap: 41px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-card {
    flex-direction: column;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .team-card {
    flex-direction: column;
    gap: 20px;
  }
}
.team-card__image {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 15px;
}
.team-card__image img {
  max-width: 100%;
  height: auto;
  border-radius: 15px;
}
.team-card__image__shape {
  max-width: 100%;
  height: auto;
  position: absolute;
  left: -12px;
  bottom: -12px;
  transform: translate(-70px, 70px);
  opacity: 0;
  transition: all 500ms ease;
}
.team-card:hover .team-card__image__shape {
  opacity: 1;
  transform: translate(0px, 0px);
}
.team-card__content {
  position: relative;
  padding: 23px 30px 28px 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-card__content {
    padding-left: 30px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .team-card__content {
    padding-left: 30px;
    text-align: center;
  }
}
.team-card__content::after {
  content: "";
  width: calc(100% + 70px);
  height: 100%;
  position: absolute;
  top: 0;
  left: -70px;
  background-color: #ffffff;
  filter: drop-shadow(0 0 23px RGBA(var(--insuba-black10-rgb, 0, 0, 0), 0.06));
  border-radius: 15px;
  transition: all 500ms ease;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-card__content::after {
    width: 100%;
    left: 0;
  }
}
@media (max-width: 767px) {
  .team-card__content::after {
    width: 100%;
    left: 0;
  }
}
.team-card__content__inner {
  position: relative;
  z-index: 2;
}
.team-card__content__shape {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1;
  border-radius: 15px;
}
.team-card__content__shape__one, .team-card__content__shape__two {
  width: 70px;
  height: 118px;
  position: absolute;
  transform: rotate(45deg);
  opacity: 0;
  transition: all 500ms ease;
}
.team-card__content__shape__one {
  background-color:var(--primary);
  right: -83px;
  bottom: 22px;
}
.team-card__content__shape__two {
  background-color: #0f3667;
  right: -32px;
  bottom: -65px;
}
.team-card:hover .team-card__content::after {
  filter: drop-shadow(0 0 23px rgba(0, 0, 0, 0.15));
}
.team-card:hover .team-card__content__shape__one, .team-card:hover .team-card__content__shape__two {
  opacity: 1;
}
.team-card__name {
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.318;
}
.team-card__name:hover {
  color:var(--primary);
}
.team-card__name a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.team-card__name a:hover {
  background-size: 100% 1px;
}
.team-card__designation {
  margin-bottom: 8px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1.625;
}
.team-card__text {
  margin-bottom: 13px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.642;
}
.team-card .social-links {
  gap: 13px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-card .social-links {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .team-card .social-links {
    justify-content: center;
  }
}
.team-card .social-links a {
  width: 26px;
  height: 26px;
  background-color: transparent;
  border: 1px solid red;
}
.team-card .social-links__icon {
  font-size: 12px;
  color: #cacaca;
}
.team-card .social-links a:hover {
  background-color:var(--primary);
  border-color:var(--primary);
}
.team-card .social-links a:hover .social-links__icon {
  color: #ffffff;
}
.why-card-three {
  position: relative;
  overflow: hidden;
}
.why-card-three__content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 25px 25px;
  border: 1px solid #dddddd;
  border-radius: 25px 25px 101px 25px;
  background-color: #ffffff;
  transition: all 500ms ease;
}
@media (max-width: 425px) {
  .why-card-three__content {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 412px) {
  .why-card-three__content {
    padding-left: 30px;
    padding-right: 30px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .why-card-three__content {
    padding-left: 35px;
    padding-right: 35px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .why-card-three__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.why-card-three__content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scale(0.85);
  opacity: 0;
  background-color: var(--primary);
  border-radius: inherit;
  transition: all 500ms ease;
}
.why-card-three:hover .why-card-three__content {
  border-color: var(--primary);
}
.why-card-three:hover .why-card-three__content::after {
  transform: scale(1);
  opacity: 1;
}
.why-card-three__identity {
  position: relative;
  z-index: 2;
}
.why-card-three__name {
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.318;
  color: var(--secondary);
}
.why-card-three__name a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.why-card-three__name a:hover {
  background-size: 100% 1px;
}
.why-card-three__designation {
  margin: 0;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1.625;
  transition: all 500ms ease;
}
.why-card-three:hover .why-card-three__name, .why-card-three:hover .why-card-three__designation {
  color: #fff;
}
.why-card-three__btn {
  position: relative;
  top: -6px;
  z-index: 2;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #0f3564;
  transition: all 500ms ease;
}
.why-card-three__btn::after, .why-card-three__btn::before {
  content: "";
  width: 2px;
  height: 17px;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 500ms ease;
}
.why-card-three__btn::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.why-card-three__btn:hover::before {
  opacity: 0;
}
.why-card-three:hover .why-card-three__btn {
  background-color: #ffffff;
}
.why-card-three:hover .why-card-three__btn::before, .why-card-three:hover .why-card-three__btn::after {
  background-color: var(--primary);
}
.why-card-three__image {
  width: 100px;
}
.why-card-three__image img {
  width: 100%;
  height: auto;
}
.why-card-three:hover .why-card-three__image img {
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  background: #fff;
  border-radius: 50%;
  padding: 15px;
}
.why-card-three .social-links {
  margin: 0;
  position: absolute;
  right: 17px;
  bottom: 51px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  z-index: 2;
}
.why-card-three .social-links li {
  position: relative;
  right: -60px;
  opacity: 0;
  transition: all 500ms ease;
}
.why-card-three .social-links li:nth-child(1) {
  transition-delay: 0ms;
}
.why-card-three .social-links li:nth-child(2) {
  transition-delay: 100ms;
}
.why-card-three .social-links li:nth-child(3) {
  transition-delay: 200ms;
}
.why-card-three .social-links li:nth-child(4) {
  transition-delay: 300ms;
}
.why-card-three .social-links a {
  width: 37px;
  height: 37px;
  background-color: #ffffff;
  border: 1px solid #0f3260;
}
.why-card-three .social-links__icon {
  color: #0f3260;
}
.why-card-three .social-links a:hover {
  background-color: var(--primary);
  border-color: var(--primary);
}
.why-card-three .social-links a:hover .social-links__icon {
  color: #ffffff;
}
.why-card-three:hover .social-links li {
  opacity: 1;
  right: 0;
}
section.why-three {
  background: var(--secondary);
  position: relative;
}
.why-three__shape {
  max-width: 100%;
  height: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.1;
  z-index: 1;
  animation: zump 2s linear infinite;
}




.chooseus-style-two .shape .shape-3 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.chooseus-style-two {
  background: var(--hover1);
  position: relative;
}
.chooseus-style-two1 {
  background: #fff;
}
.chooseus-style-two .shape .shape-1 {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 515px;
  height: 330px;
}
.chooseus-style-two .shape .shape-1 {
  background: #eb7328;
}
.chooseus-style-two .content-box {
  background: #fff;
  padding: 50px 50px 30px 30px;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10);
  position: relative;
  z-index: 99;
}
.chooseus-style-two .image-layer {
  position: absolute;
  right: 15px;
  top: 17px;
}
.chooseus-style-two .content-box .inner-box .single-item {
  position: relative;
  display: block;
  padding: 0px 0px 0px 100px;
  margin-bottom: 42px;
}
.chooseus-style-two .content-box .inner-box .single-item .icon-box {
  position: absolute;
  display: inline-block;
  left: 0px;
  top: 1px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 40px;
  background: var(--primary);
  text-align: center;
  border-radius: 50%;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10);
  z-index: 1;
  transition: all 500ms ease;
  color: #fff;
}
.chooseus-style-two .content-box .inner-box .single-item h4 {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 16px;
}
.chooseus-style-two .content-box .inner-box .single-item:hover .icon-box:before {
  transform: scale(1,1);
}
.chooseus-style-two .content-box .inner-box .single-item .icon-box:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  border-radius: 50%;
  transform: scale(0,0);
  z-index: -1;
  transition: all 500ms ease;
}
button.theme-btn.btn-style-one {
  background: var(--primary);
  color: #fff;
  border: none;
  font-weight: 500;
  padding: 7px 18px;
  border-radius: 25px;
}
button.theme-btn.btn-style-one:hover
{
  background-color: var(--secondary);
}
h2.cs_section_title {
  font-size: 30px;
  color: #ffff;
  font-weight: 600;
  line-height: normal;
}
a.phone_cta {
  color: #fff;
  font-size: 25px;
  margin-top: 15px;
  font-weight: 600;
}
.gmap iframe {
  width: 100%;
  height: 500px;
}
/*Contact Form*/
.contact-one {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.contact-one .contact-info-section {
  position: relative;
}

.contact-one .contact-info-section .c-info-column {
  padding: 20px;
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 10px;
  margin-bottom: 15px;
}
.contact-one .contact-info-section .c-info-column p {
  margin-bottom: 0px;
}

@media (max-width: 991px) {
  .contact-one {
    margin-bottom: 0px;
  }
}

@media (max-width: 540px) {
  .contact-one .contact-info,
  .contact-one .contact-form-outer {
    padding: 20px;
  }
}

.cons-contact-form .form-control {
  border: 1px solid var(--primary);
  height: 52px;
  padding: 10px 20px;
  background-color: #fff;
  font-size: 13px;
  margin-bottom: 20px;
}

.cons-contact-form textarea.form-control {
  padding-top: 15px;
  height: 200px;
}
.site-bg-primary {
  background-color: var(--primary);
}
.section-head.left.wt-small-separator-outer {
  text-align: left;
}
.section-head {
  position: relative;
}
.section-head.left.wt-small-separator-outer p {
  margin-bottom: 40px;
}
.contact-one .contact-info-section .c-info-column {
  padding: 20px;
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 10px;
  margin-bottom: 15px;
}
.contact-one .contact-info-section .c-info-column span {
  text-transform: uppercase;
  font-size: 20px;
  padding-bottom: 5px;
  display: block;
  font-weight: 600;
  color: var(--secondary);
}
.contact-one .contact-info-section .c-info-column p {
  margin-bottom: 0px;
}
.p-a30 {
  padding: 30px;
}

/*--------------------------------------------------------------
# Consultations
--------------------------------------------------------------*/
.consultations-one {
  background-color: #ffffff;
  counter-reset: consultationsOneNumber;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .consultations-one__content {
    max-width: 700px;
  }
}
.consultations-one .sec-title {
  margin-bottom: 14px;
}
.consultations-one__text-box {
  margin-bottom: 24px;
  padding-right: 50px;
}
@media (max-width: 1199px) {
  .consultations-one__text-box {
    padding-right: 0;
  }
}
.consultations-one__inner {
  position: relative;
  margin-bottom: 50px;
  padding-right: 52px;
}
@media (max-width: 991px) {
  .consultations-one__inner {
    padding-right: 0;
  }
}
.consultations-one__inner__image {
  display: table;
  position: relative;
  position: absolute;
  top: 50%;
  right: 52px;
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .consultations-one__inner__image {
    right: 0;
  }
}
@media (max-width: 575px) {
  .consultations-one__inner__image {
    margin-top: 60px;
    margin-left: 15px;
    position: relative;
    top: 0px;
    right: auto;
    transform: translateY(0%);
  }
}
.consultations-one__inner__image::before {
  content: "";
  /* width: calc(50% + 13px);
  height: calc(100% + 26px); */
  position: absolute;
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
  background-color: #0f3667;
}
.consultations-one__inner__image img {
  position: relative;
  z-index: 1;
  max-width: 100%;
  height: auto;
  border: 4px solid #ffffff;
}
.consultations-one__item + .consultations-one__item {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #dddddd;
}
.consultations-one__item {
  display: flex;
  align-items: center;
  gap: 22px;
}
.consultations-one__item__icon-box {
  position: relative;
  /* width: 70px;
  height: 70px; */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: #0f3667;
  border-radius: 50%;
  transition: all 500ms ease;
}
.consultations-one__item:hover .consultations-one__item__icon-box {
  background-color: #0365d3;
}
.consultations-one__item__icon {
  display: inline-flex;
  font-size: 34px;
  color: #ffffff;
}
.consultations-one__item__icon svg {
  /* width: 1em;
  height: 1em; */
  fill: currentColor;
}
.consultations-one__item:hover .consultations-one__item__icon {
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.consultations-one__item__number {
  /* width: 24px;
  height: 24px; */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #ffffff;
  position: relative;
  position: absolute;
  top: 6px;
  right: -7px;
  z-index: 1;
}
.consultations-one__item__number::before {
  content: "0" counter(consultationsOneNumber);
  counter-increment: consultationsOneNumber;
  font-size: 10px;
  color: #ffffff;
  font-weight: 700;
  line-height: 1;
  z-index: 1;
  transition: all 500ms ease;
}
.consultations-one__item__number::after {
  content: "";
  /* width: 21px;
  height: 21px; */
  border-radius: 50%;
  background-color: #0365d3;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 500ms ease;
}
.consultations-one__item:hover .consultations-one__item__number::after {
  background-color: #0f3667;
}
.consultations-one__item__content {
  padding-right: 190px;
}
@media (max-width: 1199px) {
  .consultations-one__item__content {
    padding-right: 260px;
  }
}
@media (max-width: 767px) {
  .consultations-one__item__content {
    padding-right: 185px;
  }
}
@media (max-width: 575px) {
  .consultations-one__item__content {
    padding-right: 0px;
  }
}
.consultations-one__item__title {
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
}
@media (max-width: 390px) {
  .consultations-one__item__title {
    font-size: 20px;
  }
}
.consultations-one__image {
  width: 100%;
  height: auto;
  border-radius: 50%;
  display: table;
  position: relative;
  right: 0;
}

/* @media (max-width: 1199px) {
  .consultations-one__image {
    right: -28px;
  }
}
@media (max-width: 767px) {
  .consultations-one__image {
    width: 480px;
    height: 480px;
    right: auto;
  }
}
@media (max-width: 575px) {
  .consultations-one__image {
    width: 380px;
    height: 380px;
  }
}
@media (max-width: 412px) {
  .consultations-one__image {
    width: 330px;
    height: 330px;
  }
}
@media (max-width: 360px) {
  .consultations-one__image {
    width: 285px;
    height: 285px;
  }
} */
.consultations-one__image__inner {
  /* width: 100%;
  height: auto; */
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
/* @media (max-width: 767px) {
  .consultations-one__image__inner {
    width: 480px;
    height: 480px;
  }
}
@media (max-width: 575px) {
  .consultations-one__image__inner {
    width: 380px;
    height: 380px;
  }
}
@media (max-width: 412px) {
  .consultations-one__image__inner {
    width: 330px;
    height: 330px;
  }
}
@media (max-width: 360px) {
  .consultations-one__image__inner {
    width: 285px;
    height: 285px;
  }
} */
.consultations-one__image__one {
  border-radius: 50%;
}
/* @media (max-width: 767px) {
  .consultations-one__image__one {
    width: 480px;
    height: 480px;
  }
}
@media (max-width: 575px) {
  .consultations-one__image__one {
    width: 380px;
    height: 380px;
  }
}
@media (max-width: 412px) {
  .consultations-one__image__one {
    width: 330px;
    height: 330px;
  }
}
@media (max-width: 360px) {
  .consultations-one__image__one {
    width: 285px;
    height: 285px;
  }
} */
.consultations-one__image__two {
  /* width: 225px;
  height: 225px; */
  position: absolute;
  top: 32px;
  right: 0;
  border-radius: 50%;
  border: 12px solid #ffffff;
  z-index: 3;
  animation: zump 2s linear infinite;
}
/* @media (max-width: 767px) {
  .consultations-one__image__two {
    width: 200px;
    height: 200px;
    right: -30px;
  }
} */
@media (max-width: 575px) {
  .consultations-one__image__two {
    /* width: 150px;
    height: 150px;
    right: -10px; */
    border: 6px solid #ffffff;
  }
}
/* @media (max-width: 412px) {
  .consultations-one__image__two {
    width: 130px;
    height: 130px;
  }
}
@media (max-width: 360px) {
  .consultations-one__image__two {
    width: 100px;
    height: 100px;
  }
} */
.consultations-one__image__shape-one {
  position: absolute;
  right: 0;
  bottom: -55px;
  z-index: 1;
  animation: moveHorizontal 2s linear infinite;
}
.consultations-one__image__shape-two {
  position: absolute;
  top: 63px;
  left: 15px;
  z-index: 2;
}
@media (max-width: 767px) {
  .consultations-one__image__shape-two {
    display: none;
  }
}
.consultations-one__image__shape-three {
  position: absolute;
  left: 3px;
  bottom: -15px;
  z-index: 2;
  width: 100%;
}
@media (max-width: 767px) {
  .consultations-one__image__shape-three {
    display: none;
  }
}

.consultations-two {
  background-color: #ffffff;
  counter-reset: consultationsTwoNumber;
}
.consultations-two__top {
  margin-bottom: 61px;
}
.consultations-two .sec-title {
  margin: 0;
}
@media (max-width: 1199px) {
  .consultations-two .sec-title {
    text-align: center;
  }
}
@media (max-width: 1199px) {
  .consultations-two__description {
    text-align: center;
  }
}
.consultations-two__row {
  --bs-gutter-x: 50px;
}
p.consultations-one__text {
  margin-bottom: 10px;
}
.consultations-one__image img {
  width: 100%;
  height: auto;
}
.consultations-one__content.pl-3 {
  padding-left: 25px;
}
.offer_pic,
.offer_pic img
{
  width: 100%;
  height: auto;
  position: relative;
}
.our-history-content ul li {
  margin-bottom: 12px;
  list-style: circle;
  margin-left: 20px;
}
.our-history-content.m-b30.con-l-m-0 {
  margin-bottom: 45px;
  text-align: left;
}


/*--------------------------------------------------------------
# Faq
--------------------------------------------------------------*/
.faq-accordion {
  position: relative;
  z-index: 1;
}
.faq-accordion .accordion + .accordion {
  margin-top: 30px;
}
.faq-accordion .accordion {
  background-color: #ffffff;
  border-radius: 30px;
  border: 1px solid #dddddd;
}
.faq-accordion .accordion-title {
  position: relative;
  padding: 7.5px 50px 7.5px 10px;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 30px;
}
.faq-accordion .accordion-title::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  background-color: #0f3667;
  opacity: 0;
  transition: all 500ms ease;
}
.faq-accordion .accordion-title::after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  color: #0f3667;
  position: absolute;
  top: 50%;
  right: 23px;
  transform: translateY(-50%);
  z-index: 1;
  transition: all 500ms ease;
}
.faq-accordion .accordion-title__icon {
  position: relative;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: var(--secondary);
  font-size: 12px;
  color: #ffffff;
  border-radius: 50%;
  z-index: 1;
  transition: all 500ms ease;
}
.faq-accordion .accordion-title h4 {
  margin: 0;
  position: relative;
  font-size: 16px;
  color: #0f3667;
  font-weight: 600;
  line-height: 1.625;
  transition: all 500ms ease;
}
.faq-accordion .active .accordion-title::before {
  opacity: 1;
}
.faq-accordion .active .accordion-title::after {
  color: #ffffff;
  transform: translateY(-50%) rotate(180deg);
}
.faq-accordion .active .accordion-title__icon {
  color: var(--secondary);
  background-color: #ffffff;
  transform: rotate(45deg);
}
.faq-accordion .active .accordion-title h4 {
  color: #ffffff;
}
.faq-accordion .accordion-content .inner {
  padding: 18px 37px 20px;
}
.faq-accordion .accordion-content p {
  position: relative;
  margin: 0;
}
.faq-accordion .accordion-content p::before {
  content: "";
  width: 2px;
  height: calc(100% - 14px);
  position: absolute;
  top: 50%;
  left: -11px;
  transform: translateY(-50%);
  background-color: var(--secondary);
}

.faq-one {
  background: #f1f1f1;
}
.faq-one .sec-title {
  margin-bottom: 24px;
}
.faq-one .faq-accordion .accordion-title h4 {
  color: #232323;
}
.faq-one .faq-accordion .active .accordion-title h4 {
  color: #ffffff;
}
.faq-one__image {
  position: relative;
  margin-left: auto;
  display: table;
  padding: 68px 45px 58px;
  background-color: var(--secondary);
  border-radius: 1000px 1000px 0 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .faq-one__image {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .faq-one__image {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .faq-one__image {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 180px;
  }
}
@media (max-width: 430px) {
  .faq-one__image {
    padding-bottom: 180px;
  }
}
@media (max-width: 360px) {
  .faq-one__image {
    padding-bottom: 200px;
  }
}
.faq-one__image__overlay {
  /* width: calc(100% - 2px); */
  /* height: 355px; */
  /* position: relative; */
  /* position: absolute; */
  /* top: 1px; */
  /* left: 50%; */
  /* transform: translateX(-50%); */
  background-color: #ffffff;
  overflow: hidden;
  border-radius: inherit;
  z-index: 1;
}
.faq-one__image__overlay::after {
  content: "";
  width: 76px;
  height: 76px;
  position: absolute;
  top: -18px;
  right: 62px;
  background-color: var(--secondary);
}
@media (max-width: 575px) {
  .faq-one__image__overlay::after {
    display: none;
  }
}
.faq-one__image__one {
  margin: 0 auto;
  position: relative;
  width: 404px;
  height: 404px;
  text-align: center;
  border-radius: 50%;
  background-color: #ffffff;
  z-index: 2;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .faq-one__image__one {
    width: 380px;
    height: 380px;
  }
}
@media (max-width: 575px) {
  .faq-one__image__one {
    width: 340px;
    height: 340px;
    bottom: -60px;
  }
}
@media (max-width: 430px) {
  .faq-one__image__one {
    width: 300px;
    height: 300px;
    bottom: -80px;
  }
}
@media (max-width: 390px) {
  .faq-one__image__one {
    width: 270px;
    height: 270px;
  }
}
@media (max-width: 360px) {
  .faq-one__image__one {
    width: 230px;
    height: 230px;
    bottom: -115px;
  }
}
.faq-one__image__one img {
  max-width: 100%;
  height: auto;
}
.faq-one__image__one__image {
  position: relative;
  top: -23px;
  animation: moveHorizontal2 2s linear infinite;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .faq-one__image__one__image {
    top: -30px;
  }
}
@media (max-width: 575px) {
  .faq-one__image__one__image {
    top: -75px;
  }
}
@media (max-width: 430px) {
  .faq-one__image__one__image {
    top: -100px;
  }
}
.faq-one__image__umbrella {
  position: absolute;
  left: 50%;
  bottom: -36px;
  transform: translateX(-50%);
}
@media (max-width: 575px) {
  .faq-one__image__umbrella {
    bottom: -40px;
  }
}
@media (max-width: 430px) {
  .faq-one__image__umbrella {
    display: none;
  }
}


.faq-one__image__title {
  margin: 0;
  position: absolute;
  top: 179px;
  right: -7px;
  transform: rotate(90deg);
  font-size: 63px;
  font-weight: 700;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: RGBA(var(--insuba-black-rgb, 18, 47, 42), 0.1);
  color: transparent;
  text-transform: uppercase;
  line-height: 1;
  z-index: 3;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .faq-one__image__title {
    top: 190px;
    right: -35px;
  }
}
@media (max-width: 575px) {
  .faq-one__image__title {
    top: 150px;
    right: -20px;
    font-size: 60px;
  }
}
@media (max-width: 430px) {
  .faq-one__image__title {
    font-size: 52px;
  }
}
@media (max-width: 360px) {
  .faq-one__image__title {
    font-size: 48px;
  }
}
@media (max-width: 380px) {
  .faq-one__image__title {
    right: -30px;
  }
}

@media (max-width: 430px) {
  .faq-one__image__text {
    right: 25px;
    bottom: 25px;
  }
}
.faq-one__image__question {
  position: absolute;
  top: 19px;
  left: 12px;
  width: 119px;
  height: 119px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #ffffff;
  border: 6px solid #0f3667;
  font-size: 63px;
  font-weight: 700;
  color: #0f3667;
  z-index: 2;
  animation: animatedColor 1500ms ease infinite;
}
@media (max-width: 575px) {
  .faq-one__image__question {
    top: 10px;
    left: 0px;
  }
}
@media (max-width: 390px) {
  .faq-one__image__question {
    width: 100px;
    height: 100px;
    font-size: 60px;
  }
}
.faq-one__image__shape-box {
  width: calc(100% - 2px);
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: inherit;
  overflow: hidden;
  background-color: transparent;
}
.faq-one__image__shape-one, .faq-one__image__shape-two {
  position: absolute;
  bottom: 100px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background-color: #0f3667;
  border: 5px solid #ffffff;
}
.faq-one__image__shape-one {
  left: -90px;
}
.faq-one__image__shape-two {
  right: -90px;
}
.faq-one__common-question {
  margin: 47px 0 0 0;
}
.faq-one__common-question li {
  display: flex;
  justify-content: center;
  gap: 11px;
  font-size: 16px;
  font-weight: 600;
  color: #232323;
  line-height: 1.75;
}
.faq-one__common-question li p {
  margin: 0;
}
.faq-one__common-question li a {
  color: inherit;
  text-decoration: underline;
}
.faq-one__common-question li a:hover {
  color: var(--secondary);
}
.faq-one__common-question li .faq-one__common-question__icon {
  display: inline-flex;
  position: relative;
  top: 4px;
  flex-shrink: 0;
  font-size: 18px;
  color: var(--secondary);

}

.faq-one__image__shape {
  position: absolute;
  right: -24px;
  bottom: -17px;
  z-index: 1;
  animation: zumpBottom 2s linear infinite;
}
.faq-section {
  margin: 0 auto;
}

.faq-item {
  margin-bottom: 15px;
  border: 1px solid #979191;
  padding: 15px;
  border-radius: 25px;
  padding-bottom: 0;
}
.faq-answer p {
  padding: 12px 6px;
}
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  /* padding-top: 15px; */
  margin-bottom: 15px;
}

.faq-question {
  cursor: pointer;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  background: #0f3667;
  padding: 15px 15px;
  margin: 0px;
  border-radius: 15px;
}

.toggle-sign {
  font-weight: bold;
  font-size: 20px;
}
.faq-answer ul li {
  float: left;width: 100%;
  margin-bottom: 4px;
  list-style: circle !important;
  margin-left: 25px;
}
.faq-answer ul
{
  margin-top: 15px;
}
.our-history h4 {
  font-size: 25px;
  margin-bottom: 5px;
}
.our-history-content p {
  margin-top: 10px;
  display: inline-block;
  margin-bottom: 10px;
}
.offer_pic::after {
  content: "";
  position: absolute;
  top: -9px;
  right: 51px;
  width: 84%;
  height: auto;
  background-color: transparent;
  border: 20px solid var(--hover1);
  z-index: 0;
  bottom: 0;
  height: 90%;
}
/*** 
====================================================================
	Choose Section
====================================================================
***/
.choose-section{
	position:relative;
	background-color:#f4f7f9;
	background-position:left bottom;
	background-repeat:repeat-x;
}
.choose-section .image-column{
	margin-bottom:30px;
}

.choose-section .image-column .inner-column{
	position:relative;
}

.choose-section .image-column .section-icons{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
}

.choose-section .image-column .section-icons .icon-layer-one{
	position:absolute !important;
	left:-15% !important;
	top:auto !important;
	bottom:-5% !important;
	width:364px;
	height:296px;
	z-index:1;
}

.choose-section .image-column .section-icons .icon-layer-two{
	position:absolute !important;
	left: auto;
	top: auto;
	right: 27%;
	bottom: 12px;
	width:351px;
	height:186px;
	opacity:0.70;
}

.choose-section .image-column .icon-layer-three{
	position:absolute;
	left:-5%;
	bottom:30%;
	width:91px;
	height:84px;
	z-index:1;
	background-repeat:no-repeat;
}

.choose-section .image-column .icon-layer-four{
	position:absolute;
	right:22%;
	top:6%;
	width:98px;
	height:51px;
	z-index:1;
	background-repeat:no-repeat;
}

.choose-section .image-column .icon-layer-five{
	position:absolute;
	right:43%;
	bottom:16%;
	width:22px;
	height:23px;
	z-index:1;
	background-repeat:no-repeat;
}

.choose-section .image-column .image{
	position:relative;
}

.choose-section .image-column .image{
	position:relative;
}

.choose-section .content-column{
	position:relative;
	margin-bottom:30px;
}

.choose-section .content-column .sec-title{
	margin-bottom:30px;
}

.choose-section .content-column .inner-column{
	position:relative;
}

.choose-section .content-column .text{
	position:relative;
	color:#41496b;
	font-size:17px;
	line-height:1.7em;
	margin-bottom:35px;
}

.choose-section .content-column .text span{
	font-weight:600;
}

.choose-block{
	position:relative;
}

.choose-block .inner-box{
	position:relative;
}

.choose-block .inner-box:before{
	position:absolute;
	content:'';
	right:-6px;
	top:0px;
	bottom:0px;
	width:1px;
	border-right:1px dashed #d3ddf2;
}

.choose-block .inner-box .icon{
	position:relative;
	margin-bottom:10px;
}

.choose-block .inner-box h5{
	position:relative;
	margin-bottom:10px;
	color: var(--primary);
}

.choose-block .inner-box .choose-text{
	position:relative;
	line-height:1.7em;
	color:#0e0e0e;
}

.choose-block:last-child .inner-box:before{
	display:none;
}
.pro_offer h2 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 5px;
}
textarea.form-control_pop {
  height: 100px;
  width: 100%;
  border: 1px solid var(--primary);
  padding: 10px 20px;
  background-color: #fff;
  font-size: 13px;
  margin-bottom: 11px;
  border-radius: 7px;
}
.header-top .info-list li i {
  margin-right: 5px;
}
.category_area
{
  background: url(assets/images/homepage/pro_bg.webp);
}
.chooseus-style-two .content-box .inner-box .single-item:hover .icon-box {
  background: var(--secondary);
}
.contact-section .outer-box .image img {
  width: 100%;
  height: auto;
}
.blog_title41d h3 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
}
.blog_detail_1 h4 {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 20px;
  color: var(--secondary);
}
.col-md-12 {
  flex: 0 0 auto;
  width: 100%;
}
h2.comment-reply-title {
  font-size: 23px;
  font-weight: 600;
}
.rc-post-thumb img {
  width: 100%;
  height: auto;
}
.choose_offer, .choose_offer img {
  width: 100%;
  height: auto;
}
.shop_picdet1 {
  box-shadow: 0px 0px 6px 2px var(--primary);
  margin: 7px;
  border-radius: 10px;
}
.fl_right {
  padding-left: 25px;
}
.product-details__top.mo_576_pl-15 h2 {
  font-size: 25px;
  margin-bottom: 10px;
}
ul.pro_ul li a {
  color: #fff;
}
ul.pro_ul li {
  display: inline-block;
  margin-left: 15px;
  margin-top: 9px;
}
ul.pro_ul li i {
  margin-right: 5px;
}
.banner-area
{
  padding-bottom: 0;
  position: relative;
  color: #fff;
  background-position: 50% 50%;
  background-size: cover;
}
ul.breadcrumb li i {
  margin-right: 5px;
}
.dropdown:hover .dropdown-menu {
  display: block;
}
.col-lg-7.col-md-7.site-bg-white {
  background: #fff;
  position: relative;
}
.desktop{
  display: block;
}
.mobile{
  display: none;
}
img {
  max-width: 100%;
  height: auto;
}
.image img {
  width: 100%;
  height: auto;
}
@media (max-width: 1200px) {
  .menutop ul li a {
    padding: 5px 12px;
  }
  h2.cs_section_title {
    line-height: 1;
  }
  .funfact--home-2 .funfact__count, .funfact--home-2 .funfact__text {
    font-size: 18px;
}
.chooseus-style-two .content-box {
  padding: 50px 15px 20px 15px;
}
.about-one__top__text {
  margin-bottom: 6px;
}
.main-slider-three .active .main-slider-three__title__inner {
  font-size: 30px;
}
.contact-widget .social-links li a {
  width: 35px;
  height: 35px;
  line-height: 37px;
}

}

@media (max-width: 992px) {
  .logo {
    width: 170px;
  }
  section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .main-footer .widgets-section {
    padding: 50px 0px 30px;
}
  .sec-title__title {
    margin-bottom: 25px;
    font-size: 35px;
  }
  .sec-title__top {
    margin-bottom: 8px;
    padding: 7px 11px 7px 11px;
    gap: 10px;
  }
  ul.list.address1 i {
    margin-right: 5px;
}
.contact-widget .social-links li {
  margin-right: 3px;
}

.about-experience h5 {
  font-size: 25px;
}
.about-experience {
  right: 0px;
  bottom: 22px;
}
.service-card-three__content {
  padding: 10px 10px;
}
.service-card-three__title {
  font-size: 18px;
  margin-bottom: 0;
}
.product_area__name {
  font-size: 16px;
}
.product_area__content {
  margin-top: 10px;
  padding-bottom: 10px;
  padding-left: 2px;
}
.product_area {
  border-radius: 10px 10px 45px 10px;
}
.product_area::after {
  border-radius: 10px 10px 45px 10px;
}
img.funfact__item__shape {
  display: none;
}
.mar-b9{
  margin-bottom: 20px;
}
.mar-b99{
  margin-bottom: 25px;
}
.service-area.style-two .single-service-box {
  padding: 20px 15px 25px;
}
.chooseus-style-two .content-box .inner-box .single-item .icon-box {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 30px;
}
.chooseus-style-two .content-box .inner-box .single-item {
  padding: 0px 0px 0px 67px;
  margin-bottom: 20px;
}
.contact-section {
  padding: 50px 0;
}
.pro_offer h2 {
  font-size: 30px;
  margin-bottom: 0px;
}
.blog_title41d {  
  padding: 10px 15px;
}
.blog-widget {
  padding: 15px 15px 0px 15px;
}
.comment-respond {
  padding: 15px;
}
.fl_right {
  padding-left: 0px;
}
.prodct-dtl-list ul li {
  font-size: 13px;
}
.about-one__thumb__item-small {
  position: absolute;
  bottom: -203px;
  right: 0;
}
.why-card-three__image {
  width: 50px;
}
.choose-item-icon {
  width: 60px;
  height: 60px;
  line-height: 86px;
  padding-right: 0px;
  margin-left: -13px;
}
.choose-item-icon img {
  width: 35px;
}
.work-planning-two__inner {
  margin-top: -39px;
}
.p-a30 {
  padding: 10px;
}


}

@media (max-width: 767px) {
  .logo {
    width: 150px;
  }
  .cs_cta.cs_style_1 .cs_cta_in {
    width: 100%;
}
.copyright-info, .copyright-info a {
  text-align: center;
}
.copyright-info.right {
  text-align: center;
}
.desktop{
  display: none;
}
.mobile{
  display: block;
}
.about-img {
  margin-bottom: 15px;
}
.about-left {
  margin-right: 0px;
}
.about-left::before {
  left: -7px;
}
.about-content {
  margin-bottom: 14px;
  margin-top: 10px;
}
.mar-b{
  margin-bottom: 25px;
}
.funfact--home-2 .funfact__wrapper {
  padding: 31px 10px 9px;
}
.service-area.style-two .service-icon {
  bottom: -30px;
}
.service-area.style-two .service-des {
  padding: 15px 0 41px;
}
.chooseus-style-two .content-box .inner-box .single-item h4 {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 10px;
}
.blog-card__content {
  padding: 146px 15px 15px;
}
.blog-card__image__inner {
  border-radius: 0 60px 0 60px;
}
.dz-bnr-inr h1 {
  font-size: 30px;
  padding-bottom: 35px;
}
.breadcrumb-row ul {
  padding: 2px 10px;
}
.blog-slide {
  margin-bottom: 10px;
}
.blog_detail_1 h4 {
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 18px;
}
.specific-m{
  margin-top: 25px;
}
.about-one__thumb__item-small {
  bottom: 31px;
}
.about-one__top__text {
  margin-top: 15px;
}
.sec-title.\@\@extrClassName.wow.fadeInUp {
  text-align: center;
}
.consultations-one__content.pl-3 {
  padding-left: 0px;
}
p.consultations-one__text {
  margin-top: 10px;
}
.consultations-one__text-box {
  margin-bottom: 0;
}
.main-slider-three__image__one {
  width: 100%;
}


.main-slider-three__item {
  padding-top: 50px;
}
.main-slider-three__item {
  padding-bottom: 0px;
}
.main-slider-three__image__shape {
  top: 100px;
}
.wow.fadeInLeft.mobile {
  position: relative;
}

.slider-image {
  position: relative;
  z-index: 2;
}

.main-slider-three__image__shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%; /* Optional: Match slider size */
  height: 100%; /* Optional: Match slider size */
  object-fit: cover; /* Optional: Cover area without distortion */
}
.main-slider-three__content__shape-one {
  position: absolute;
  top: -24px;
}
.main-slider-three__content__shape-box {
  width: 50px;
  height: 50px;
  bottom: 1px;
}
.main-slider-three__content__shape-box {
  left: 193px;
  bottom: -8px;
}
.main-slider-three__bg-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - -161px);
  background: #0d8bcb;
}
.main-slider-three .container {
  position: relative;
  z-index: 4;
  padding-bottom: 30px;
}
h2.cs_section_title {
  line-height: 27px;
  font-size: 21px;
}
a.phone_cta {
  color: #fff;
  font-size: 21px;
}
.prodct-dtl-list ul li:nth-child(odd) {
  width: 100%;
}
.prodct-dtl-list ul li {
  width: 100%;
}
.testimonial-card__ratings {
  top: 85px;
  right: 101px;
}
.testimonial-card__content__inner {
  padding: 100px 10px 48px;
}


}

@media (max-width: 576px) {
  .header-top {
    display: none;
}
.dz-bnr-inr h1 {
  font-size: 25px;
  padding-bottom: 25px;
}
section {
  padding-top: 25px;
  padding-bottom: 25px;
}
.main-footer .widgets-section {
  padding: 25px 0px 0px;
}
.sec-title__title {
  margin-bottom: 25px;
  font-size: 25px;
}
.width-550{
  width: 50%;
}
.funfact__icon-box {
  width: 50px;
  height: 50px;
}
.funfact__icon {
  font-size: 25px;
}
.pro_offer h2 {
  font-size: 25px;
  margin-bottom: 0px;
}
.funfact__item {
  gap: 10px;
}
.service-area.style-two .service-title {
  font-size: 18px;
}
.widthh-550{
  width: 50%;
}
.work-planning__item__serial-number::after {
  font-size: 40px;
}
.work-planning__item__image {
  margin: 0 auto 10px;
}
.work-planning__item__title {
  margin-bottom: 3px;
}
.work-planning__item__serial-number {
  margin-bottom: 5px;
}
.contact-section {
  padding: 25px 0;
}
.contact-form .form-group input:not([type=submit]),
 .contact-form .form-group textarea, .contact-form .form-group select {
  padding: 15px 10px;
}
.faq-answer{
max-height: 865px;
}
.faq-question {
  font-size: 18px;
}
h2.sub-h2 {
  font-size: 25px;
}
.work-planning-two__inner {
  margin-top: -18px;
}
.work-planning-two__inner {
  padding-top: 25px;
  padding-bottom: 25px;
}
.contact-one .contact-info, .contact-one .contact-form-outer {
  padding: 20px 5px;
}
.faq-one__image__shape {
  right: 0px;
}
.insuba-btn {
  font-size: 16px;
}
.sec-title__top {
  text-align: left;
}
h6 {
  /* font-size: 1rem; */
  font-size: 14px;
}
.sec-title__box {
  position: relative;
  top: 1px;
}
.breadcrumb-row ul li {
  font-size: 16px;
}
.main-footer .widget-title {
  margin-bottom: 15px;
}


}

@media (max-width: 450px) {
  .widthh-550{
    width: 100%;
  }
  .about-one__thumb__item-small {
    bottom: -13px;
}
.about-one__thumb {
  padding-bottom: 100px;
}
  }

@media (max-width: 400px) {
.width-550{
  width: 100%;
}
}




@media (max-width: 576px) {
  #multislider05 .carousel-inner .carousel-item>div {
      display: none;
  }

  #multislider05 .carousel-inner .carousel-item>div:nth-child(-n+2) {
      /* Show the first two items */
      display: block;
  }

  #multislider05 .carousel-inner .carousel-item.active,
  #multislider05 .carousel-inner .carousel-item-next,
  #multislider05 .carousel-inner .carousel-item-prev {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .client-slider {
      max-width: 576px;
      margin: 0 auto;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  #multislider05 .carousel-inner .carousel-item.active,
  #multislider05 .carousel-inner .carousel-item-next,
  #multislider05 .carousel-inner .carousel-item-prev {
      display: flex;
      justify-content: center;
      align-items: center;
  }
}

@media (min-width: 768px) {
  #multislider05 .carousel-inner .carousel-item-end.active,
  #multislider05 .carousel-inner .carousel-item-next {
      transform: translateX(50%);
  }

  #multislider05 .carousel-inner .carousel-item-start.active,
  #multislider05 .carousel-inner .carousel-item-prev {
      transform: translateX(-50%);
  }

  #multislider05 .carousel-inner .carousel-item-end,
  #multislider05 .carousel-inner .carousel-item-start {
      transform: translateX(0);
  }
}


@media (max-width: 767px) {
    #multislider06 .carousel-inner .carousel-item > div {
      display: none;
    }
  
    #multislider06 .carousel-inner .carousel-item > div:first-child {
      display: block;
    }
  }
  
  /* Always show carousel items as flex */
  #multislider06 .carousel-inner .carousel-item-next,
  #multislider06 .carousel-inner .carousel-item-prev,
  #multislider06 .carousel-inner .carousel-item.active {
    display: flex;
  }
  
  /* Medium and up: shift carousel items horizontally */
  @media (min-width: 768px) {
    #multislider06 .carousel-inner .carousel-item-end.active,
    #multislider06 .carousel-inner .carousel-item-next {
      transform: translateX(50%);
    }
  
    #multislider06 .carousel-inner .carousel-item-prev,
    #multislider06 .carousel-inner .carousel-item-start.active {
      transform: translateX(-50%);
    }
  }
  
  /* Reset transformations on carousel edges */
  #multislider06 .carousel-inner .carousel-item-end,
  #multislider06 .carousel-inner .carousel-item-start {
    transform: translateX(0);
  }

  section#nav_menu-2 {
    padding-bottom: 0;
    padding-top: 0;
}
section#nav_menu-3 {
  padding-bottom: 0;
  padding-top: 0;
}
img.menu-img {
  max-width: 50%;
  height: auto;
}
.navbar-toggler {
  padding: 3px 0px;
  font-size: 21px;
  line-height: 0;
  color: #fff;
  background-color: var(--secondary);
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: 5px;
  transition: var(--bs-navbar-toggler-transition);
}
.fo-marb {
  margin-bottom: 12px;
}


h2.sec-title__tagline {
    font-size: 15px;
    color: #fff;
    font-weight: 600;
}
.animated, .slider-image, .wow {
  will-change: transform, opacity;
}
 .main-slider-three__image__shape { 
    max-width: 100%; 
    height: auto; 
    display: block; 
  }

.main-slider-three__image__shape {
  opacity: 1 !important;
  visibility: visible !important;
}