*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
html{
	scroll-behavior: smooth;
}

a{
	text-decoration: none;
}
ul{
	list-style: none;
}
body{
	font-size: 16px;
	color: #000000;
	font-family: "Figtree", sans-serif;
/*	overflow: hidden;*/
}
html, body {
    height: auto;
}

[data-scroll-container] {
    height: auto;
/*    overflow: hidden;*/
}
.image-move {
    opacity: 0;
    transform: translateX(100%);
    transition: transform 1s ease, opacity 1s ease;
}
        /* In-View Animation */
.is-inview {
    opacity: 1;
    transform: translateX(0) translateY(0) scale(1);
}
.header .toggle-menu{
	display: none;
	
}

/***********header**************************************/

.header{
	width: 100%;
	height: auto;
	position: relative;
	display: block;
	z-index: 9999;
	background-color: #ffffff;

}
header.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #000000 !important;
    color: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    z-index: 9999;
}
.main-menu{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	padding: 15px 0px;

}
.top-nav{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 0px;
}
.main-logo{
	width: 140px;
	height: auto;
	display: block;
	position: relative;
	background-color: #ffffff;
	padding: 5px;
}
.main-logo img{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}
.top-nav ul{
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 0px;
}
.top-nav ul li a{
	text-decoration: none;
	font-size: 15px;
	color: #000000;
	font-weight: 600;
	text-transform: uppercase;
}
.main-menu-right ul{
	display: flex;
	gap: 20px;
	margin-bottom: 0px;
}

.top-nav ul li a:hover::after {
    width: 10px;
    height: 10px;
    border-color: #000000;
}
.top-nav ul li a::after {
    top: 0;
    left: 0;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
}

.top-nav ul li a:hover::before {
	width: 10px;
    height: 10px;
    border-color: #000000;
}
.top-nav ul li a::before
{
	right: 0;
    bottom: 0;
    border-bottom: 2px solid transparent;
    border-right: 2px solid transparent;
}

/*****dropdown******/


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

.dropdown-button {

    color: white;
/*    padding: 10px 20px;*/
    border: none;
    cursor: pointer;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}


.top-nav ul .dropdown-menu {
    display: none;
    position: absolute;
    background-color: #B82D37;
    min-width: 300px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-top: 5px;
}

.dropdown-menu li {
    list-style: none;
    display: block;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #efefef57;
}
.dropdown-menu li:last-child{
	border-bottom: 0px;
}

.dropdown-menu a {
    color: #ffffff !important;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    margin: 0px auto;
    text-align: center;
}

.dropdown-menu a:hover {
    background-color: #2E2E2E;
}

.top-nav ul .show {
    display: block;
}

.rotate {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.icon {
    transition: transform 0.3s ease;
}



/**************banner******************************************/

.banner{
	width: 100%;
	height: auto;
	display: flex;
	position: relative;
	padding: 50px 25px 10px 25px;
	overflow: hidden;
}
.banner-left{
	width: 50%;
	height: auto;
	display: block;
	position: relative;
	padding-top: 80px;
}
.banner-left h1{
	text-transform: capitalize;
	text-align: left;
	font-size: 18px;
	color: #B82D37;
	font-weight: 500;
}
.banner-left h2{
	font-size: 45px;
	font-weight: 700;
/*	text-transform: capitalize;*/
	color: #000000;
	margin-bottom: 30px;
	line-height: 57px;
}
.banner-left h2 span{
	color: #B82D37;
	font-weight: 700;
}
.banner-left p{
	font-size: 20px;
	font-weight: 600;
	color: #7A7A7A;
	margin-bottom: 50px;
}
.banner-left p span{
	color: #B82D37;
}
.banner-right{
	width: 40%;
	height: auto;
	display: block;
	position: relative;
}
.banner-right img{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	margin: 0px 0px auto 0px;
}

.arrow-hero-img{
	position: absolute;
    content: "";
    left: auto;
    right: 39%;
    top: auto;
    bottom: 23%;
    width: 120px;

}
.hero-img-left-arrow{
	position: absolute;
	content: "";
	left: auto;
	right: 33%;
    top: 25%;
    bottom: auto;
	width: 130px;
}
.hero-img-right-arrow{
	position: absolute;
	content: "";
	left: auto;
	right: 2%;
	top: auto;
	bottom: 35%;
	width: 130px;
}
.btn-action{
	width: 180px;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	position: relative;
	background-color: #393939;
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 600;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	color: #ffffff;
	border-radius: 32px;
	margin-right: 30px;
}
.btn-action span{
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #B82D37;
	color: #ffffff;
	border-radius: 50%;
	font-size: 17px;
	transform: rotate(-45deg);
	transition: 0.5s;
}
.btn-action:hover span{
	transform: rotate(0deg);
	transition: 0.5s;
}
.btn-action:hover{
	background-color: #B82D37;
	color: #ffffff;
}
.banner-left a img{
	display: block;
    position: relative;
    margin-left: 0px;
    width: 60px;
}
.banner-tab{
	display: flex;
	gap: 30px;
}

.banner-img{
	position: absolute;
	content: "";
	left: auto;
	right: 46%;
	top: auto;
	bottom: 0px;
	width: 200px;
    animation: slideLeftRight 6s linear infinite;
}
.btn-contact{
	width: 180px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    position: relative;
    background-color: #B82D37;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
    
    text-decoration: none;
    color: #ffffff;
    border-radius: 32px;
    margin-right: 30px;
}
.btn-contact a{
	color: #ffffff !important;
	width: 100%;
	display: block;
	margin: 0px auto;
	text-align: center;
	padding: 10px 15px 10px 15px;

}
.arrow-right {
  width: 33px;
  height: 33px;
  border: 2px solid #333;
  border-left: 0;
  border-top: 0;

  transform: rotate(315deg);
}
.banner-circle-bg{
	width: 300px;
	height: 300px;
	display: block;
	position: absolute;
	left: auto;
	right: 10px;
	top: 0px;
	bottom: 0px;
	animation: rotateClockwise 2s linear infinite;
    
}

.banner-ai{
	position: absolute;
	content: "";
	left: auto;
	right: 40%;
	top: 10%;
	bottom: auto;
	width: 50px;
	animation: slidetopBottom 9s linear infinite;
}
.banner-analysis-img{
	position: absolute;
    content: "";
    left: auto;
    right: 0px;
    top: auto;
    bottom: 28%;
    width: 108px;
    animation: slidetopBottom 6s linear infinite;
}




@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes rotateClockwise {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes slideLeftRight {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(50px); /* Adjust distance as needed */
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes slidetopBottom {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(30px); /* Adjust distance as needed */
  }
  100% {
    transform: translateY(0);
  }
}

/*************home-section-one**************************/

.home-section-one{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 25px 0px;
/*	background-color: #dddddd;*/
    background-color: #ffefef;
	overflow: hidden
}
.client-area{
	width: 100%;
	height: auto;
	display: flex;
	position: relative;
	justify-content: space-between;
	margin: 0px auto;
}
.client-area img{
    width: auto;
    height: 40px;
    display: block;
    position: relative;
}


/*****************home-section-two********************************/


.home-section-two{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 50px 0px 50px 0px;
	overflow: hidden;
}
.home-section-two-right .home-section-title{
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
	color: #B82D37;
	margin-bottom: 15px;
	position: relative;
	display: block;
	padding-top: 7px;
}

.home-section-two h1{
	text-align: left;
	font-size: 35px;
	font-weight: 400;
	margin-bottom: 20px;
}
.home-section-two h1 span{
	color: #B82D37;
	font-weight: 700;
}
.home-section-two p{
	text-align: left;
	font-size: 17px;
	color: #7A7A7A;
	font-weight: 300;
}



.home-section-two .btn-about-us{
	width: 180px;
    height: auto;
    display: flex
;
    justify-content: center;
    align-items: center;
    gap: 15px;
    position: relative;
    background-color: #393939;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    color: #ffffff;
    border-radius: 32px;
    margin-top: 30px;
}
.btn-about-us span{
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #B82D37;
	color: #ffffff;
	border-radius: 50%;
	font-size: 17px;
	transform: rotate(-45deg);
	transition: 0.5s;
}
.btn-about-us:hover span{
	transform: rotate(0deg);
	transition: 0.5s;
	background-color: #ffffff;
	color: #B82D37;
}
.btn-about-us:hover{
	background-color: #B82D37;
	color: #ffffff;
}


/*******************home-section-three**************************/

.home-section-three{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 50px 0px 10px 0px;
/*    background-color: #ffefef;*/
    overflow: hidden

}
.home-section-two-left{
   width: 100%;
   height: auto;
   display: block;
   position: relative;
}
.home-section-two-left img{
/*	transition: transform 0.6s;*/
	width: 100%;
}
/*.home-section-two-left img:hover{
	transform: rotateY(360deg);
}*/
.home-section-two-right{
   width: 100%;
   height: auto;
   display: block;
   position: relative;
/*   margin-top: 20px;*/
   padding-left: 40px;
}
.home-section-three .home-section-title{
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
	color: #B82D37;
	margin-bottom: 15px;
	position: relative;
	text-align: center;
}
.home-section-three h4::before{
	position: absolute;
	left: 0px;
	top: 0px;
	right: auto;
	bottom: auto;
	width: 100px;
	height: 2px;
	background-color: #B82D37;
}

.home-section-three h2{
	font-size: 35px;
	font-weight: 600;
	margin: 0px auto;
	margin-bottom: 30px;
	text-align: center;
}
.home-section-three h2 span{
	color: #B82D37;
	font-weight: 700;
}
.home-section-three p{
	font-size: 17px;
	text-align: center;
	color: #7A7A7A;
}

.home-service-area{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	margin-top: 40px;
}

.home-service-box{
	width: 31%;
    height: auto;
/*    border: 2px solid #d3d3d3;*/
    border-radius: 10px;
    position: relative;
    display: block;
    margin-bottom: 40px;
    padding: 15px 15px 0px 15px;
    background-color: #fcfcfc;
    
}

/*.home-service-box:hover.home-service-box::before, .home-service-box:hover.home-service-box::after{
	opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    border-radius: 10px;
}*/
/*.home-service-box::before{
	position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}
.home-service-box::after{
	position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    border-right: 2px solid #000;
    border-left: 2px solid #000;
    webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}*/
.home-service-box h3{
	text-align: center;
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 500;
	color: #000000;
	margin-bottom: 10px;
	margin-top: 0px;
}
.home-service-box img{
	width: auto;
	height: 150px;
	display: block;
	margin: 0px auto;
	position: relative;
	-webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.home-service-box:hover img{
	-webkit-transform: scale(1);
    transform: scale(1);
    transition: 0.9s;
}


/**************home-section-four*****************************/

.home-section-four{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 50px 0px;
/*	background-color: #dddddd;*/
    overflow: visible !important;
}
.home-section-four .home-section-title{
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
	color: #B82D37;
	margin-bottom: 15px;
	display: block;
	text-align: center;
}

.home-section-four h2{
	font-size: 35px;
	font-weight: 600;
	margin: 0px auto;
	margin-bottom: 20px;
	text-align: center;
}
.home-section-four h2 span{
	color: #B82D37;
	font-weight: 700;
}
.home-section-four p{
	text-align: center;
	font-size: 17px;
	margin-bottom: 40px;
	color: #7A7A7A;
}

.scroll-wrapper {
      display: flex;
      position: relative;
      height: 400px;
    }

.home-section-four-left{
	width: 50%;
	height: 400px;
	display: block;
	position: relative;
	overflow: hidden;
}
.home-section-four-left img{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	object-fit: contain;
	transition: transform 0.6s;
}
.home-section-four-left img:hover{
	transform: rotateY(360deg);
}
.home-section-four-right{
	width: 50%;
	height: 400px;
	display: block;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE and Edge */
}
.home-section-four-right::-webkit-scrollbar {
  display: none; /* Chrome, Safari, and Opera */
}
.home-sec-four-right-area{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	margin-bottom: 20px;
}
.home-sec-right-area-right{
	width: 90%;
/*	height: auto;*/
    height: 180px;
	display: block;
	position: relative;
	background-color: #f7f8fa;
	padding: 25px 25px 25px 45px;
	margin: 0px 0px 0px auto;
}
.home-sec-right-area-right h3{
	font-size: 20px;
	text-align: left;
	margin-bottom: 10px;
}
.home-sec-right-area-right p{
	text-align: left;
	font-size: 15px;
	margin-bottom: 0px;
}
.home-sec-right-area-left{
	position: absolute;
    content: "";
    left: 24px;
/*    top: 35%;*/
    top: 10%;
    width: 60px;
    height: 60px;
    background-color: #ffb8bd;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    color: #B82D37;
}
.home-sec-right-area-left i{
	font-size: 25px;
	color: #B82D37;
	transition: transform 0.6s;
}
.home-sec-four-right-area:hover i{
	transform: rotateY(360deg);
}



/* Transparent scroll overlay over left section */
    .left-scroll-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 100%;
      z-index: 10;
    }

    @media screen and (max-width: 768px) {
      .scroll-wrapper {
        flex-direction: column;
        height: auto;
      }

      .scroll-left,
      .scroll-right {
        width: 100%;
      }

      .left-scroll-overlay {
        display: none;
      }
    }


/**************home-section-five*********************************/

.home-section-five{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 50px 0px 50px 0px;
/*	background-color: #ffefef;*/
    overflow: hidden
}
.home-section-five .home-section-title{
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
	color: #B82D37;
	margin-bottom: 15px;
}
.home-section-five h2{
	font-size: 35px;
	font-weight: 600;
	margin: 0px auto;
	margin-bottom: 20px;
	text-align: center;
}
.home-section-five h2 span{
	color: #B82D37;
	font-weight: 700;
}
.home-section-five p{
	text-align: center;
	font-size: 17px;
	color: #7A7A7A;
}
.our-approach-area{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	margin-top: 20px;
}
.our-approach-area img{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}
.our-approach-area .box-one{
    width: 230px;
    height: auto;
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 150px;
    bottom: auto;
}
.our-approach-area h3{
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	color: #B82D37;
}
.our-approach-area .box-two{
    width: 230px;
    height: auto;
    display: block;
    position: absolute;
    left: 34%;
    right: 0px;
    top: 150px;
    bottom: auto;
}
.our-approach-area .box-three{
    width: 230px;
    height: auto;
    display: block;
    position: absolute;
    left: auto;
    right: 11%;
    top: 150px;
    bottom: auto;
}
.our-approach-area .box-four{
    width: 230px;
    height: auto;
    display: block;
    position: absolute;
    left: 0px;
    right: auto;
    top: auto;
    bottom: -110px;
}
.our-approach-area .box-five{
    width: 230px;
    height: auto;
    display: block;
    position: absolute;
    left: 34%;
    right: auto;
    top: auto;
    bottom: -110px;
}
.our-approach-area .box-six{
    width: 230px;
    height: auto;
    display: block;
    position: absolute;
    left: auto;
    right: 11%;
    top: auto;
    bottom: -110px;
}


/***********home-section-six***************************/


.home-section-six{
    width: 100%;
    height: 641px;
    display: block;
    position: relative;
    padding: 50px 0px 20px 0px;
    overflow: hidden;
}

.title-heading .home-section-title{
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
	color: #B82D37;
	margin-bottom: 15px;
}
.home-sec-six-left{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding-right: 40px;
}
.home-sec-six-left h2{
      font-size: 35px;
    font-weight: 600;
    text-transform: capitalize;
    /* color: #b72e38; */
    color: #000;
    margin-bottom: 20px;
}
.home-sec-six-left h2 span{
	color: #b72e38;
}
.home-sec-six-left .icon-qoute{
	position: absolute;
	top: 10%;
	left: 0px;
	right: 0px;
	bottom: auto;
	opacity: 0.1;
}
.home-sec-six-left .icon-qoute ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: flex;
	justify-content: space-around;
}
.home-sec-six-left .icon-qoute ul li i{
	font-size: 250px;
	color: #b72e38;
}
.home-sec-six-left .icon-qoute ul .icon-right{
	transform: rotateY(180deg);
}
#owl-testimonial .testi-head-box{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}
#owl-testimonial .testi-head-box .testi-home-section-nine{
	width: 80px;
	height: 80px;
	display: block;
	position: relative;
	margin-left: 0px;
	margin-right: 20px;
	background-color: #b72e38;
	border-radius: 50%;
	
}
#owl-testimonial .testi-head-box .testi-img-box img{
	width:80px;
	height: 80px;
	border-radius: 50%;
	display: block;
	position: relative;
}

#owl-testimonial .testi-head-box h3{
	text-align: left;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 5px;
}
#owl-testimonial .testi-head-box h4{
	text-align: left;
	text-transform: capitalize;
	font-size: 15px;

}
.testi-content-box{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
    padding-bottom: 20px;
}
#owl-testimonial .testi-content-box p{
	text-align: left;
	font-size: 18px;
    color: #7A7A7A;
}


#owl-testimonial .owl-dots.disabled, #owl-testimonial .owl-nav{
	display: none !important;
}
#owl-testimonial .owl-dots{
	position: absolute;
	left: auto;
	right: 0px;
	bottom: 40px;
}
#owl-testimonial.owl-theme .owl-dots .owl-dot span{
	background-color: transparent;
}
#owl-testimonial button.owl-dot{
	width: 20px;
	height: 20px;
	margin-left:5px;
	margin-right: 5px;
	border-radius: 50%;
	border: 2px solid #b72e38;
	position: relative;
	background-color: #ffffff;
}
#owl-testimonial button.owl-dot.active{
	border: 2px solid #6c6c6c;
	background-color: #ffffff;
}
#owl-testimonial button.owl-dot:before{
	    position: absolute;
    content: "";
    top: 7px;
    left: 17px;
    width: 100%;
    height: 2px;
    background: #b72e38;
}


#owl-testimonial button.owl-dot:last-child:before{
	position: absolute;
	content: "";
	top: 6px;
	left: 0px;
	width: 0px;
	height: 0px;
	background-color: transparent;
}
#owl-testimonial button.owl-dot:after{
	position: absolute;
	content: "";
	top: 3px;
	left: 3px;
	width: 10px;
	height: 10px;
	background-color:#b72e38 ;
	border-radius: 50%;
}
#owl-testimonial button.owl-dot.active:after{
	position: absolute;
	content: "";
	top: 3px;
	left: 3px;
	width: 10px;
	height: 10px;
	background-color:#6c6c6c ;
	border-radius: 50%;
}

.home-sec-six-right{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	background-image: url("../images/testimonial/testi-bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 40px 30px 0px 30px;
	overflow: hidden;
}
.home-sec-six-right img{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	transform: rotateY(180deg);
}


/************home-section-seven************************/

.home-section-seven{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 50px 0px 0px 0px;
	overflow: hidden
}


.home-section-seven h2{
	font-size: 35px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 30px;
}
.home-section-seven h2 span{
	color: #B82D37;
	font-weight: 700;
}
.home-section-seven p{
	text-align: center;
	font-size: 18px;
    color: #7A7A7A;
}
.btn-view-more{
	width: 180px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    position: relative;
    background-color: #393939;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    color: #ffffff;
    border-radius: 32px;
    margin-top: 30px;
}
.project-area{
	width: 100%;
	padding: 15px;
	margin: 0 auto;
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
    justify-content: center;
    align-items: center;
}
.project-area .card{
	color: #000;
    border-radius: 2px;
    border: 0px;
    background: #fff;
/*    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);*/
margin-bottom: 20px;
}
.card-image{
	position: relative;
      display: block;
      width: 100%;
      height: 250px;
      padding-top: 70%;
      background: white;
}
.project-area .card .card-image img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
}
/*.project-name{
	text-decoration: none;
	display: block;
	margin: 0px auto;
	text-transform: capitalize;
	font-size: 20px;
	font-weight: 400;
	color: #000000;
}*/

/*************call-to-action-area******************************************/

.call-to-action-area{
	width: 100%;
	height: auto;
/*	display: flex;*/
display: none;
	position: relative;
	background-color: #f9cb30;
	padding: 50px;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
	margin-top: 40px;
}
.call-to-action-area-left{
	width: 40%;
	height: auto;
	display: block;
	position: relative;
}
.call-to-action-area-left h2{
	font-size: 35px;
	font-weight: 700;
	color: #000000;
}

.call-to-action-area-right{
	width: 65%;
	height: auto;
	display: block;
	position: relative;
	padding-left: 40px;
}
.call-to-action-area-right p{
	font-size: 17px;
	text-align: left;
	color: #000000;
}
.btn-call-action{
	font-size: 18px;
	text-transform: capitalize;
	color: #000000;
	font-weight: 500;
}

/***************footer***********************************/

.footer{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 50px 0px 0px 0px;
	background-color: #000000;
}

.footer-top{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	box-sizing: border-box;
	margin: 0px auto;
}
.foot-top-one{
	width: 28%;
	height: auto;
	display: block;
	position: relative;
}
.foot-top-one img{
	width: 130px;
	height: auto;
	display: block;
	position: relative;
	margin-bottom: 20px;
}
.foot-top-one p{
	color: #b5b5b5;
}
.foot-top-one a{
	margin-top: 30px;
	display: flex;
	align-items: center;
	gap: 10px;
	color: #b5b5b5;
}
.foot-top-one a i{
	font-size: 20px;
	color: #b02b35;
}
.foot-top-two{
	width: 12%;
	height: auto;
	display: block;
	position: relative;
}
.foot-top-two h4{
	text-transform: capitalize;
	font-size: 18px;
	margin-bottom: 30px;
	position: relative;
	padding-bottom: 15px;
	color: #b5b5b5;
}
.foot-top-two h4::before{
	position: absolute;
	content: "";
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #000000;
	height: 2px;
}
.foot-top-two ul{
	padding-left: 0px;
}
.foot-top-two ul li {
	padding-bottom: 15px;
}

.foot-top-two ul li a{
	color: #b5b5b5;
	text-decoration: none;
}
.foot-top-two ul li a span{
	padding-right: 5px;
	color: #b02b35;
}

.foot-top-three{
	width: 18%;
	height: auto;
	display: block;
	position: relative;
}
.foot-top-three h4{
	text-transform: capitalize;
	font-size: 18px;
	font-weight: 20px;
	margin-bottom: 30px;
	position: relative;
	padding-bottom: 15px;
	color: #b5b5b5;
}
.foot-top-three h4::before{
	position: absolute;
	content: "";
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #000000;
	height: 2px;
}
.foot-top-three ul{
	padding-left: 0px;
}
.foot-top-three ul li {
	padding-bottom: 15px;
}
.foot-top-three ul li a{
	color: #b5b5b5;
	text-decoration: none;
}
.foot-top-three ul li a span{
	color: #b02b35;
	padding-right: 5px;
}

.foot-top-four{
	width: 28%;
	height: auto;
	display: block;
	position: relative;
}
.foot-top-four h4{
	text-transform: capitalize;
	font-size: 18px;
	margin-bottom: 30px;
	position: relative;
	padding-bottom: 15px;
	color: #b5b5b5;
}
.foot-top-four h4::before{
	position: absolute;
	content: "";
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #000000;
	height: 2px;
}
.foot-top-four ul{
	padding-left: 0px;
}
.foot-top-four ul li{
	display: flex;
	gap: 20px;
	padding-bottom: 20px;
	color: #b5b5b5;
}

.foot-top-four ul li i{
	font-size: 20px;
	color: #b02b35;
}

.footer-bottom{
	width: 100%;
	height: auto;
/*	display: block;*/
	position: relative;
	margin: 0px auto;
	border-top: 1px solid #b5b5b536;
	margin-top: 40px;
}
.footer-bottom p{
	text-align: left;
	margin-top: 20px;
	padding-bottom: 20px;
	color: #b5b5b5;
}
.footer-bottom p a{
	color: #b02b35;
}

/************home-section-nine*************************************/

.home-section-nine{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 50px 0px 30px 0px;
}
.home-section-nine h2{
	font-size: 35px;
    font-weight: 600;
    margin: 0px auto;
    margin-bottom: 50px;
    text-align: center;
    color: #000000;
}

.home-sec-client{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	gap: 20px;
	position: relative;
}
.img-box{
	width: 170px;
	height: 170px;
	background-color: #ffffff;
	border: 1px solid #dbdbdb;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
}
.home-sec-client img{
	width: 110px;
}


/****************************************************************************/
/***********contact-page***********************************/
/****************************************************************************/

.title-section{
	width: 100%;
    height: auto;
    padding: 50px 0px;
    position: relative;
    background-color: #2E2E2E;
    display: block;
}
/*.title-section::before{
	position: absolute;
	content: "";
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background-color: #000000d9;
}*/
.title-section h1{
	text-align: center;
	font-weight: 700;
	text-transform: capitalize;
	font-size: 40px;
    color: #ffffff;
    position: relative;
    margin-bottom: 0px;
}
.title-section p{
	width: 70%;
	color: #cdcdcd;
	font-size: 17px;
	text-align: center;
	position: relative;
	letter-spacing: 0.9px;
	margin: 0px auto;
	margin-top: 20px;
}


/************contact-section-one****************************/

.contact-sec-two{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}

.contact-sec-two form{
	border: 1px solid #b82d374d;
	padding: 35px;
    border-radius: 15px;
    background-color: #800000;
}

.contact-sec-two h2{
	text-transform: capitalize;
	font-size: 25px;
	text-align: center;
	margin-bottom: 30px;
}
.contact-sec-two p{
	color: #7A7A7A;
	font-weight: 300;
/*	letter-spacing: 0.9px;*/
}
.textarea-area{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}
.textarea-form{
	position: relative;
	padding-left: 40px;
}
.textarea-icon{
	position: absolute;
    content: "";
    left: 10px;
    top: 8px;
    right: auto;
    bottom: auto;
}
.contact-sec-two .form-control{
	line-height: 2.5;
}
.contact-sec-two .form-select{
	line-height: 2.5;
}
.contact-sec-two .form-control:focus {
    background-color: var(--bs-body-bg);
    border-color: #dee2e6;
    outline: 0;
    box-shadow: none;
}
.contact-sec-two .form-select:focus {
    background-color: var(--bs-body-bg);
    border-color: #dee2e6;
    outline: 0;
    box-shadow: none;
}
.btn-submit{
	width: 140px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    position: relative;
/*    background-color: #393939;*/
background-color: #B82D37;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    color: #ffffff;
    border-radius: 32px;
    margin: 0px auto;
    margin-top: 30px;
}
.btn-submit span {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    color: #B82D37;
    border-radius: 50%;
    font-size: 17px;
    transform: rotate(-45deg);
    transition: 0.5s;
}
.btn-submit:hover span{
	transform: rotate(0deg);
	transition: 0.5s;
	background-color: #ffffff;
	color: #B82D37;
}
.btn-submit:hover{
	background-color: #393939;
	color: #ffffff;
}



.contact-section-one{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 50px 0px;
}




/*********contact-section-two****************************************/

.contact-section-two{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 50px 0px;
}

.contact-row{
	align-items: center;
	background-color: #d3d3d3;
	padding-top: 10px;
}

.contact-sec-two-right{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding-left: 30px;
}
.contact-sec-two-right h2{
	text-transform: capitalize;
	font-size: 25px;
	text-align: left;
	margin-bottom: 30px;
}
.contact-social{
	display: flex;
	gap: 10px;
	margin-left: 0px;
	padding-left: 0px;
}
.contact-social li{
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.contact-social li a{
	color: #ffffff;
	font-size: 25px;
}
.instagram{ 
    background: #f09433; 
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    border-radius: 5px;
}
  .linkedin{
  	background-color: #0077B5;
  	border: 0px;
  	outline: inherit;
  	border-radius: 5px;
}
.facebook{
	background-color: #1877F2;
	border: 0px;
	outline: inherit;
	border-radius: 5px;
}
.address-area{
	width: 100%;
	height: auto;
	display: flex;
	gap: 10px;
	position: relative;
	margin-bottom: 20px;
}
.address-area-left{
	width: 40px;
	height: auto;
	display: block;
	position: relative;
}
.location-icon{
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-color: #b82d37;
	color: #ffffff;
	font-size: 18px;
}
.address-area-right{
	width: auto;
	height: auto;
	display: block;
	position: relative;
}
.address-area-right h3{
	font-size: 18px;
	text-transform: capitalize;
	color: #000000;
	margin-top: 4px;
	margin-bottom: 7px;
}
.address-area-right p{
	border-bottom: 0px;
	margin-bottom: 0px;
	color: #7A7A7A;
	font-size: 15px;
}


/**********************************************************************************/
/***********About-Us*****************************************/
/**********************************************************************************/

.about-section-one{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 50px 0px;
}
.about-section-one .row{
	align-items: center;
}

.about-sec-one-right{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding-left: 40px;
}
.about-sec-one-right h2{
    text-align: center;
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 30px;
}
.about-sec-one-right h2 span {
    color: #B82D37;
    font-weight: 700;
}
.about-sec-one-right p{
	text-align: left;
	font-size: 17px;
    color: #7A7A7A;
}
.margin-about{
	margin-top: 40px !important;
}


/*************about-section-two*******************/

.about-section-two{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 0px 0px 50px 0px;
}


/********vision-area*******************/

.vision-area{
	width: 100%;
	height: auto;
	display: flex;
	position: relative;
	background-color: #276ca7;
	border-radius: 10px;
	margin-top: 30px;
	border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}
.vision-title{
	width: 40%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: relative;
	padding: 20px;
	padding-right: 40px;
}
.vision-title h3{
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	color: #ffffff;
	text-transform: capitalize;
}
.vision-content{
	width: 60%;
	height: auto;
	display: block;
	position: relative;
	background-color: #ffffff0d;
	padding: 20px;
}
.vision-content p{
	margin-bottom: 0px;
	color: #ffffff;
}
.vision-icon{
	width: 150px;
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	padding: 20px;
	background-color: #276ca7;
	z-index: 99;
	border-radius: 50%;
	top: 5px;
	left: 0px;
	
}

.vision-icon span{
	width: 110px;
	height: 110px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #ffffff;
	border-radius: 50%;
}
.vision-icon span img{
	width: 60px;
	height: auto;
	display: block;
	position: relative;
	transition: transform 0.6s;
}
.vision-icon:hover img{
	transform: rotate(360deg);
}
.shadow-icon{
	width: 114px;
    height: 136px;
    isplay: block;
    position: absolute;
    border-radius: 50%;
    background-color: #00000017;
    top: -16px;
    left: 29px;
}


/********mission*********************/


.mission-area{
	width: 100%;
	height: auto;
	display: flex;
	position: relative;
	background-color: #ed8c2d;
	border-radius: 10px;
	margin-top: 30px;
	border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}
.mission-title{
	width: 40%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: relative;
	padding: 20px;
	padding-right: 40px;
}
.mission-title h3{
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	color: #ffffff;
	text-transform: capitalize;
}
.mission-content{
	width: 60%;
	height: auto;
	display: block;
	position: relative;
	background-color: #ffffff0d;
	padding: 20px;
}
.mission-content p{
	margin-bottom: 0px;
	color: #ffffff;
}
.mission-icon{
	width: 150px;
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	padding: 20px;
	background-color: #ed8c2d;
	z-index: 99;
	border-radius: 50%;
	top: 5px;
	left: 0px;
}
.mission-icon span{
	width: 110px;
	height: 110px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #ffffff;
	border-radius: 50%;
}
.mission-icon span img{
	width: 60px;
	height: auto;
	display: block;
	position: relative;
	transition: transform 0.6s;
}
.mission-icon:hover img{
	transform: rotateY(360deg);
}



/**********value*********************/

.value-area{
	width: 100%;
	height: auto;
	display: flex;
	position: relative;
	background-color: #cf362e;
	border-radius: 10px;
	margin-top: 30px;
	border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}
.value-title{
	width: 40%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: relative;
	padding: 20px;
	padding-right: 40px;
}
.value-title h3{
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	color: #ffffff;
	text-transform: capitalize;
}
.value-content{
	width: 60%;
	height: auto;
	display: block;
	position: relative;
	background-color: #ffffff0d;
	padding: 20px;
}
.value-content p{
	margin-bottom: 0px;
	color: #ffffff;
}
.value-icon{
	width: 150px;
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	padding: 20px;
	background-color: #cf362e;
	z-index: 99;
	border-radius: 50%;
	top: 5px;
	left: 0px;
}
.value-icon span{
	width: 110px;
	height: 110px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #ffffff;
	border-radius: 50%;
}
.value-icon span img{
	width: 60px;
	height: auto;
	display: block;
	position: relative;
	transition: transform 0.6s;
}
.value-icon:hover img{
	transform: rotate(360deg);
}



/*************************portfolio-section*****************************************************/

.portfolio-section-one{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 50px 0px;
}
.portfolio-section-one h2{
	text-align: center;
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.portfolio-section-one h2 span{
	color: #B82D37;
    font-weight: 700;
}
.portfolio-section-one p{
	text-align: center;
	color: #7A7A7A;
    font-weight: 300;
}


.portfolio-area{
	width: 100%;
	padding: 15px;
	margin: 0 auto;
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
    justify-content: center;
    align-items: center;
}
.portfolio-area .card{
	color: #000;
    border-radius: 2px;
    border: 0px;
    background: #fff;
/*    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);*/
margin-bottom: 20px;
}
.card-image{
	position: relative;
      display: block;
      width: 100%;
      height: 250px;
      padding-top: 70%;
      background: white;
}
.portfolio-area .card .card-image img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
}


/***********about-section-three********************************************/

.about-section-three{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
/*	background-color: #ffefef;*/
	padding: 50px 0px;
}
.about-section-three h2{
    text-align: center;
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 20px;
}

.about-section-three h2 span {
    color: #B82D37;
    font-weight: 700;
}
.about-section-three p{
	text-align: center;
	font-size: 17px;
    color: #7A7A7A;
	display: block;
	width: 80%;
	margin: 0px auto;
	margin-bottom: 30px;
}
.we-work-area{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	gap: 15px;
	position: relative;
}
.we-work-box{
	width: 160px;
	height: auto;
	display: block;
	position: relative;
}
.we-work-box span{
	width: 100px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	border:2px solid #cf362e;
	border-radius: 50%;
	margin: 0px auto;
	font-size: 30px;
	color: #cf362e;
	
}
.we-work-box span i{
	transition: transform 0.6s;
}

.we-work-box span:hover i{
    transform: rotateY(360deg);
}

.we-work-box h3{
	text-align: center;
	font-size: 20px;
	text-transform: capitalize;
	margin-top: 20px;
}


/****************seo-section-one**********************************/

.seo-section-one{
	width:100%;
	height: auto;
	display: block;
	position: relative;
	padding: 50px 0px;
}
.seo-section-one h2{
	text-align: center;
    font-size: 35px;
    font-weight: 400;
    margin-bottom: 30px;
}
.seo-section-one h2 span{
	color: #B82D37;
    font-weight: 700;
}
.seo-section-one p{
	text-align: left;
	font-size: 17px;
	color: #686868;
}
.seo-service-area{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin-top: 50px;
	gap: 15px;

}
.seo-service-box{
	width:32%;
	height: auto;
	display: block;
	position: relative;
	padding: 25px;
	z-index: 1;

}


.seo-icon {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
    margin-top: 5px;

}


.seo-icon img {
    width: 40px;
    height: auto;
    position: relative;
    z-index: 2;
    display: block;
    margin: 0px auto;
    transition: 0.6s;
}
.seo-service-box h3{
	text-align: center;
	font-size: 20px;
	color: #000000;
	margin-bottom: 15px;
}
.seo-service-box p{
	text-align: center;
	font-size: 16px;
	font-weight: 300;
	color: #686868;
}

.seo-service-box-one{
	background-color: #e9f7f0;
}
.seo-service-box-one:hover img{
	transform: scale(1.2);
}
.seo-service-box-two{
	background-color: #fdeded;
}
.seo-service-box-two:hover img{
	transform: scale(1.2);
}


.btn-get-audit{
	width: 240px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    position: relative;
    background-color:#B82D37;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    color: #ffffff;
    border-radius: 32px;
    margin: 0px auto;
    margin-top: 30px;
}
.btn-get-audit span{
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
	color: #B82D37;
	border-radius: 50%;
	font-size: 17px;
	transform: rotate(-45deg);
	transition: 0.5s;
}
.btn-get-audit:hover span{
	transform: rotate(0deg);
	transition: 0.5s;
	background-color: #ffffff;
	color: #B82D37;
}
.btn-get-audit:hover{
	background-color: #393939;
	color: #ffffff;
}

/**************seo-section-two*****************************************/

.service-title-section{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	background-color: #fff6f9;
	padding: 50px 0px 50px 0px;
	overflow: hidden;
}


.seo-service-title-img{
	position: absolute;
	content: "";
	left: 20%;
	right: auto;
	top: auto;
	bottom: 0px;
	width: 800px;
}
.service-title-section .row{
	align-items: center;
}
.service-title-sec-one{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}
.service-title-sec-one h1{
	text-transform: capitalize;
    text-align: center;
    font-size: 15px;
    color: #B82D37;
    font-weight: 500;
    position: relative;
    width: 100%;
    display: block;
    margin: 0px auto;
    padding: 10px 13px;
    position: relative;
    z-index: 9;
}
/*.service-title-sec-one h1::before{
	position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transition: all 0.4s;
    background: #B82D37;
    opacity: 8%;
    z-index: 9;
}*/

.service-title-sec-one .title-heading{
	font-weight: 700;
    font-size: 35px;
    color: #000000;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
/*    margin-top: 20px;*/
    margin-top: 0px;
    width: 50%;
    line-height: 49px;
    z-index: 9;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
.service-title-sec-one .title-heading.show{
	opacity: 1;
}
.service-title-sec-one .title-heading span{
	color: #B82D37;
	font-weight: 700;
}

.service-title-sec-one p{
    text-align: center;
    width: 50%;
    display: block;
    margin: 0px auto;
    font-size: 18px;
    color: #5c5c5c;
    z-index: 9;
    position: relative;
}

.service-title-sec-one .btn-about-us{
	width: 185px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    position: relative;
    background-color: #393939;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    color: #ffffff;
    border-radius: 32px;
    margin: 0px auto 0px 0px;
    margin-top: 10px;
    z-index: 99;
}
.seo-contact-content p{
	font-size: 16px;
}
.service-title-sec-one .btn-about-us span{
	width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #B82D37;
    color: #ffffff;
    border-radius: 50%;
    font-size: 9px;
    transform: rotate(-45deg);
    transition: 0.5s;
}
.service-title-sec-one .btn-about-us:hover span{
	transform: rotate(0deg);
	transition: 0.5s;
	background-color: #ffffff;
	color: #B82D37;
}
.service-title-sec-one .btn-about-us:hover{
	background-color: #B82D37;
	color: #ffffff;
}


.seo-contact-area{
	width: 400px;
	height: 182px;
	display: block;
	position: relative;
	margin: 0px auto;
	margin-top: 30px;
	
}
.seo-cont-top{
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
}
.seo-cont-bottom{
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: auto;
	bottom: 0;
	width: 100%;
}
.seo-contact-content{
	width: 100%;
	height: auto;
	display: flex;
	background-image: url("../images/mid.png");
	background-repeat: no-repeat;
	background-size: 100%;
    padding: 0 15px;
    top: 43px;
    position: relative;
    gap: 20px;
}
.seo-contact-content img{
	width: 80px;
	height: 80px;
}
.seo-contact-content p{
	text-align: left;
	width: 100%;
}


/***********seo-section-two***********************************/

.seo-section-two{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 50px 0px;
}
.seo-section-two h2{
	text-align: center;
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 40px;
    text-transform: capitalize;
    color: #000000;
}
.seo-section-two .accordion{
	border-top: 0px !important; 
}
.seo-section-two .accordion-item{
	border-top: 0px !important;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-left: 0px;
	border-right: 0px;
}
.seo-section-two .accordion-button {
    font-size: 20px;
    padding: 20px;
    font-weight: 600;
}
.accordion-button:focus{
	box-shadow: none !important;
}


/**************.seo-section-three********************************************/

.seo-section-three{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 50px 0px;
/*	background-color: #f7f7f7;*/
}
.seo-section-three h2{
	text-align: center;
    font-size: 35px;
    font-weight: 500;
    display: block;
    width: 65%;
    margin: 0px auto;
    margin-bottom: 60px;
}
.seo-section-three h2 span{
	font-weight: 700;
	color: #B82D37;
}


.seo-need-area{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	gap: 10px;
}
.seo-need-area .seo-need-box{
	width: 25%;
	height: 180px;
	display: block;
	position: relative;
}
.seo-need-area .seo-need-box::before{
	position: absolute;
	content: "";
	left: auto;
	right: 20px;
	top: 0px;
	bottom: auto;
	width: 112px;
	height: 101px;
	background-color: #ffffff;
	z-index: 9;
}
.seo-need-area .box-one{
	width: 210px;
	height: 160px;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	border: 3px solid #21a371;
}
.seo-need-area .box-two{
	width: 210px;
	height: 160px;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	border: 3px solid #4ab500;
}
.seo-need-area .box-three{
	width: 210px;
	height: 160px;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	border: 3px solid #2a4687;
}
.seo-need-area .box-four{
	width: 210px;
	height: 160px;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	border: 3px solid #f50021;
}
.seo-need-one-icon{
	position: absolute;
	content: "";
	left: 23%;
    right: 0;
    top: -34px;
    bottom: auto;
    width: 80px;
    height: 80px;
	background-color:#21a371;
	border-radius: 50%;
	border: 4px solid #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	z-index: 99;
	
}

.seo-need-one-icon img{
	width: 50px;
	height: auto;
	display: block;
	position: relative;
	transition: transform 0.6s;
}
/*.seo-need-box:hover img{
    transform: rotateY(360deg);
}*/
.seo-need-two-icon{
	position: absolute;
	content: "";
	left: 23%;
    right: 0;
    top: -34px;
    bottom: auto;
    width: 80px;
    height: 80px;
	background-color:#4ab500;
	border-radius: 50%;
	border: 4px solid #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	z-index: 99;
}
.seo-need-two-icon img{
	width: 50px;
	height: auto;
	display: block;
	position: relative;
	transition: 0.6s;
}

.seo-need-three-icon{
	position: absolute;
	content: "";
	left: 23%;
    right: 0;
    top: -34px;
    bottom: auto;
    width: 80px;
    height: 80px;
	background-color:#2a4687;
	border-radius: 50%;
	border: 4px solid #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	z-index: 99;
}
.seo-need-three-icon img{
	width: 50px;
	height: auto;
	display: block;
	position: relative;
	transition: 0.6s;
}
.seo-need-four-icon{
	position: absolute;
	content: "";
	left: 23%;
    right: 0;
    top: -34px;
    bottom: auto;
    width: 80px;
    height: 80px;
	background-color:#f50021;
	border-radius: 50%;
	border: 4px solid #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	z-index: 99;
}
.seo-need-four-icon img{
	width: 50px;
	height: auto;
	display: block;
	position: relative;
	transition: 0.6s;
}
.seo-need-box h3{
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	position: relative;
	z-index: 99;
	margin-top: 30px;
}
.right-arrow-one{
	position: absolute;
	content: "";
	left: auto;
	right: 0px;
	top: auto;
    bottom: 46px;
    width: 64px;
	height: auto;
}


/***************seo-section-four******************************************/

.seo-section-four{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 50px 0px;
/*	background-color: #e7e7e7;*/
}
.seo-section-four h2{
	text-align: center;
    font-size: 35px;
    font-weight: 500;
    margin: 0px auto;
    margin-bottom: 30px;
    width: 80%;
    line-height: 49px;
}
.seo-section-four h2 span{
	font-weight: 700;
	color: #B82D37;
}
.seo-section-four p{
	text-align: center;
	font-size: 17px;
	font-weight: 300;
	margin-bottom: 15px;
}
.seo-sec-four-area{
	width: 100%;
	height: auto;
	display: flex;
	position: relative;
	margin-top: 40px;
}
.seo-sec-four-box-one{
	width: 25%;
	height: auto;
	display: block;
	position: relative;
	padding: 25px 15px;
	border-left: 3px solid #bbb9b9;
	border-top: 3px solid #bbb9b9;
	border-right: 3px solid #bbb9b9;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.seo-sec-four-box-one::before{
	position: absolute;
    content: "";
    left: 0px;
    right: -1px;
    top: auto;
    bottom: 0px;
    background-color: #ffffff;
    height: 23px;
    border-radius: 10px;
}
.seo-sec-four-box-one h3{
	text-align: center;
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 500;
	margin-bottom: 10px;
}
.seo-sec-four-box-one p{
	text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #5c5c5c;
    margin-bottom: 0px;
}
.seo-sec-four-box-one img{
	width: 80px;
	height: auto;
	display: block;
	position: relative;
	margin: 0px auto;
	margin-bottom: 20px;
	transition: 0.6s;
}
.seo-sec-four-box-one:hover img{
	transform: scale(0.8);
}

/********seo-sec-four-box-two************/

.seo-sec-four-box-two{
	width: 25%;
	height: auto;
	display: block;
	position: relative;
	padding: 25px 15px;
	border-bottom: 3px solid #bbb9b9;
	border-left: 3px solid #bbb9b9;
	border-right: 3px solid #bbb9b9;
	border-radius: 20px;
	margin-left: -3px;
}
.seo-sec-four-box-two::before{
	position: absolute;
    content: "";
    left: -1px;
    right: -1px;
    top: 0px;
    bottom: auto;
    background-color: #ffffff;
    height: 22px;
    border-radius: 10px;
}
.seo-sec-four-box-two h3{
	text-align: center;
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 500;
	margin-top: 10px;
    margin-bottom: 10px;
}
.seo-sec-four-box-two p{
	text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #5c5c5c;
    margin-bottom: 0px;
}
.seo-sec-four-box-two img{
	width: 80px;
	height: auto;
	display: block;
	position: relative;
	margin: 0px auto;
	transition: 0.6s;
}
.seo-sec-four-box-two:hover img{
	transform: scale(0.8);
}


/***********seo-sec-four-box-three***********************/


.seo-sec-four-box-three{
	width: 25%;
	height: auto;
	display: block;
	position: relative;
	padding: 25px 15px;
	border-top: 3px solid #bbb9b9;
	border-right: 3px solid #bbb9b9;
	border-left: 3px solid #bbb9b9;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	margin-left: -3px;

}
.seo-sec-four-box-three::before{
	position: absolute;
    content: "";
    left: -1px;
    right: -1px;
    top: auto;
    bottom: 0px;
    height: 23px;
    background-color: #ffffff;
    border-radius: 10px;
}

.seo-sec-four-box-three h3{
	text-align: center;
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 500;
	margin-bottom: 10px;
}
.seo-sec-four-box-three p{
	text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #5c5c5c;
    margin-bottom: 0px;
}
.seo-sec-four-box-three img{
	width: 80px;
	height: auto;
	display: block;
	position: relative;
	margin: 0px auto;
	margin-bottom: 20px;
	transition: 0.6s;
}
.seo-sec-four-box-three:hover img{
	transform: scale(0.8);
}

/********seo-sec-four-box-four************/

.seo-sec-four-box-four{
	width: 25%;
	height: auto;
	display: block;
	position: relative;
	padding: 25px 15px;
	border-bottom: 3px solid #bbb9b9;
	border-left: 3px solid #bbb9b9;
	border-right: 3px solid #bbb9b9;
	border-radius: 20px;
	margin-left: -3px;
}
.seo-sec-four-box-four::before{
	position: absolute;
    content: "";
    left: -1px;
    right: -1px;
    top: 0px;
    bottom: auto;
    background-color: #ffffff;
    height: 22px;
    border-radius: 10px;
}
.seo-sec-four-box-four h3{
	text-align: center;
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 500;
	margin-top: 10px;
    margin-bottom: 10px;
}
.seo-sec-four-box-four p{
	text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #5c5c5c;
    margin-bottom: 0px;
}
.seo-sec-four-box-four img{
	width: 80px;
	height: auto;
	display: block;
	position: relative;
	margin: 0px auto;
	transition: 0.6s;
}
.seo-sec-four-box-four:hover img{
	transform: scale(0.8);
}



/*************seo-section-five**********************************************/

.seo-section-five{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 50px 0px;

}
.seo-section-five h2{
	text-align: center;
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 30px;
}

.seo-section-five h2 span{
	font-weight: 700;
	color: #B82D37;
}
.seo-section-five p{
	text-align: left;
	font-size: 17px;
    font-weight: 300;
    margin-bottom: 20px;
}

.seo-sec-five-top{
	width: 100%;
	height: auto;
	display: flex;
	gap: 20px;
	position: relative;
	margin-top: 30px;
}
.seo-sec-five-top-left{
	width: 50%;
	height: auto;
	display: block;
	position: relative;
	
}
.seo-sec-five-top-right{
	width: 50%;
	height: auto;
	display: block;
	position: relative;
}
.seo-accordion-area{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding-right: 30px;
}
.seo-accordion-header a{
	width: 100%;
	height: auto;
	position: relative;
	padding: 20px 0px;
	border-bottom: 1px solid #d1d1d1;
	display: flex;
	justify-content: space-between;
/*	padding-left: 18px;*/
}


.seo-accordion-content{
	width: 100%;
	height: auto;
	display: block;
	padding: 15px 0px;
	border-bottom: 1px solid #d1d1d1;
	overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
    padding-left: 35px;
}
.seo-accordion-content p{
	font-size: 17px;
	text-align: left;
	font-weight: 300;
	margin-bottom: 0px;
}
.seo-accordion-header a{
	font-size: 18px;
	text-transform: capitalize;
	color: #000000;
	font-weight: 600;
}
.seo-accordion-header a i{
	font-size: 22px;
}
.seo-accordion-image{
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	padding: 0px 30px;
}
.seo-accordion-image img{
/*	width: 300px;*/
   width: 100%;
}

  .seo-accordion-content,
.seo-accordion-image {
  display: none;
}

.seo-accordion-content.active,
.seo-accordion-image.active {
  display: flex;
  animation: fadeSlideDown 0.4s ease forwards;


}

.bi-plus-lg{
      transform: rotate(180deg);
    }

.seo-accordion-content {
  max-height: 0;
  overflow: hidden;
/*  transition: max-height 0.4s ease, padding 0.4s ease;*/
  transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.4s ease;
  padding: 0 15px;
  opacity: 0;
  position: relative;
}
.seo-accordion-content::before{
	position: absolute;
	content: "";
	left: 0;
    right: auto;
    top: 0px;
    bottom: 0;
    width: 5px;
/*    background: linear-gradient(135deg, #ff416c, #ff4b2b);*/
}




.seo-accordion-content.active {
  max-height: 300px; /* Adjust based on your content size */
  padding: 15px;
  opacity: 1;
  animation: fadeSlideDown 0.4s ease forwards;
  padding-left: 35px;
}
.bi-dash-circle-fill{
      transform: rotate(180deg);
    }

    @keyframes fadeSlideDown {
      from {
        opacity: 0;
        transform: translateY(-10px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .seo-accordion-image img {
      max-width: 100%;
      height: auto;
      border-radius: 10px;
    }
    .seo-accordion-header{
    	position: relative;
    }
    .accordion-count{
	    width: 30px;
	    height: 30px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    position: relative;
	    color: #ffffff;
	    font-size: 14px;
    }


/* 6 stunning gradients */
.gradient-1 {
  background: linear-gradient(135deg, #ff416c, #ff4b2b); /* Pink to orange-red */
}

.gradient-2 {
  background: linear-gradient(135deg, #00c6ff, #0072ff); /* Light blue to deep blue */
}

.gradient-3 {
  background: linear-gradient(135deg, #f7971e, #ffd200); /* Orange to yellow */
}

.gradient-4 {
  background: linear-gradient(135deg, #8e2de2, #4a00e0); /* Purple shades */
}

.gradient-5 {
  background: linear-gradient(135deg, #00b09b, #96c93d); /* Teal to lime green */
}

.gradient-6 {
  background: linear-gradient(135deg, #ff5f6d, #ffc371); /* Coral pink to gold */
}

.gradient-1-content::before{
	position: absolute;
	content: "";
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: auto;
	width: 4px;
	background: linear-gradient(135deg, #ff416c, #ff4b2b);
}

.gradient-2-content::before{
	position: absolute;
	content: "";
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: auto;
	width: 4px;
	background: linear-gradient(135deg, #00c6ff, #0072ff);
}
.gradient-3-content::before{
	position: absolute;
	content: "";
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: auto;
	width: 4px;
	background: linear-gradient(135deg, #f7971e, #ffd200);
}
.gradient-4-content::before{
	position: absolute;
	content: "";
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: auto;
	width: 4px;
	background: linear-gradient(135deg, #8e2de2, #4a00e0);
}
.gradient-5-content::before{
	position: absolute;
	content: "";
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: auto;
	width: 4px;
	background: linear-gradient(135deg, #00b09b, #96c93d);
}
.gradient-6-content::before{
	position: absolute;
	content: "";
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: auto;
	width: 4px;
	background: linear-gradient(135deg, #ff5f6d, #ffc371);
}
/*.gradient-1-img{
	background: linear-gradient(135deg, #ff416c, #ff4b2b);
}
.gradient-2-img{
	background: linear-gradient(135deg, #00c6ff, #0072ff);
}

.gradient-3-img{
	background: linear-gradient(135deg, #f7971e, #ffd200);
}
.gradient-4-img{
	background: linear-gradient(135deg, #8e2de2, #4a00e0);
}
.gradient-5-img{
	background: linear-gradient(135deg, #00b09b, #96c93d);
}
.gradient-6-img{
	background: linear-gradient(135deg, #ff5f6d, #ffc371);
}
*/

/*****************seo-section-six********************************/

.seo-section-six{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 50px 0px;
}
.seo-section-six h2{
	text-align: center;
    font-size: 35px;
    font-weight: 500;
    width: 80%;
    display: block;
    margin: 0px auto;
    margin-bottom: 40px;
}
.seo-section-six h2 span{
	color: #B82D37;
	font-weight: 700;
}

.seo-section-six p{
	text-align: left;
	font-size: 17px;
	font-weight: 300;
}




/*****************seo-section-Seven********************************/

.seo-section-seven{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 50px 0px;
}
.seo-section-seven h2{
	text-align: center;
    font-size: 40px;
    font-weight: 500;
    width: 80%;
    display: block;
    margin: 0px auto;
    margin-bottom: 40px;
}
.seo-section-seven h2 span{
	font-weight: 700;
    color: #B82D37;
}

.seo-section-seven p{
	text-align: left;
	font-size: 17px;
	font-weight: 300;
}


/************seo-section-eight**************************************/


.seo-section-eight{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 50px 0px;
/*	background-color: #B82D37;*/
    
}
.seo-sec-eight-area{
	width: 100%;
	height: auto;
	display: flex;
	position: relative;
	gap: 35px;
	justify-content: center;
	border: 1px solid #b02b35;
	padding: 40px;
	border-radius: 25px;
	background-color: #b02b35;
}
.seo-section-eight h2{
	text-align: left;
    font-size: 30px;
    font-weight: 600;
    color: #ffffff;
    line-height: 55px;
}

.seo-section-eight .btn-about-us{
	width: 170px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    position: relative;
    background-color: #000000;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 500;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    color: #ffffff;
    border-radius: 32px;
    z-index: 99;
}
.seo-section-eight .btn-about-us span{
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
	color: #000;
	border-radius: 50%;
	font-size: 17px;
	transform: rotate(-45deg);
	transition: 0.5s;
}
.seo-section-eight .btn-about-us:hover span{
	transform: rotate(0deg);
	transition: 0.5s;
	background-color: #b02b35;
	color: #ffffff;
}
.seo-section-eight .btn-about-us:hover{
	background-color: #ffffff;
	color: #b02b35;
}


/**************seo-section-nine*******************************/

.seo-section-nine{
	width: 100%;
	height: 610px;
	display: block;
	position: relative;
	padding: 50px 0px;
	overflow: hidden;
}
.seo-section-nine h2{
	text-align: center;
    font-size: 35px;
    font-weight: 500;
    display: block;
    margin: 0px auto;
    margin-bottom: 40px;
    color: #000000;
    text-transform: capitalize;
}
.seo-section-nine h3{
	text-align: center;
	font-size: 22px;
	font-weight: 500;
	margin-top: 20px;
}

.seo-testimonial-area{
	width: 70%;
	height: auto;
	display: block;
	position: relative;
	padding: 20px;
	border: 1px solid #5c5c5c;
	border-radius: 15px;
	margin: 0px auto;
}
.seo-testimonial-area h3{
	text-align: center;
	font-size: 22px;
	font-weight: 500;
	margin-top: 20px;
}
.seo-testimonial-area p{
	text-align: center;
	font-size: 17px;
	color: #5c5c5c;
	width: 70%;
	display: block;
	margin: 0px auto;
}
.seo-testimonial-area .seo-client{
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    margin-top: 20px;
}
.seo-testimonial-area .seo-author{
	text-align: center;
	font-size: 17px;
	font-weight: 500;
	color: #5c5c5c;
}
.seo-testimonial-area img{
	width: 100px;
	height: 100px;
	display: block;
	position: relative;
	border-radius: 50%;
	margin: 0px auto;
}

/*******home-apporach****************************/

.home-sec-new-approch{
	width: 100%;
	height: auto;
	display: flex;
	position: relative;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 40px;
}


/******one***********************/

.home-approach-box-one{
	width: 32%;
	height: auto;
	display: block;
	position: relative;
}
.home-approach-box-one h4{
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	text-transform: capitalize;
}
.home-approach-box-one p{
	text-align: center;
}
.home-approach-box-one .icon-wrap{
	width: 167px;
    height: 167px;
    display: block;
    position: relative;
    z-index: 1;
    background: rgb(245 245 245);
    border-radius: 50%;
    margin: 0px auto 25px;
}
.home-approach-box-one .approach-icon{
	width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 1;
    background: #FF0000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-approach-box-one .approach-icon img{
	width: 50px;
	height: auto;
	display: block;
	position: relative;
}
.home-approach-box-one .icon-thumb{
	width: 55px;
    height: 55px;
    line-height: 55px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    right: 30px;
    bottom: 20px;
    box-shadow: 0px 5px 18.8px 1.2px rgba(99, 102, 187, 0.1);
    z-index: -1;
}
.home-approach-box-one .icon-thumb span{
	font-family: "Futura PT";
    font-size: 40px;
    font-size: 2.2222222222rem;
    font-weight: 900;
    color: #fff;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FF0000;
}



/******two***********************/

.home-approach-box-two{
    width: 32%;
	height: auto;
	display: block;
	position: relative;
}
.home-approach-box-two h4{
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	text-transform: capitalize;
}
.home-approach-box-two p{
	text-align: center;
}

.home-approach-box-two .icon-wrap{
	width: 167px;
    height: 167px;
    display: block;
    position: relative;
    z-index: 1;
    background: rgb(245 245 245);
    border-radius: 50%;
    margin: 0px auto 25px;
}
.home-approach-box-two .approach-icon{
	width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 1;
    background: #5d00d4	;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-approach-box-two .approach-icon img{
	width: 50px;
	height: auto;
	display: block;
	position: relative;
}
.home-approach-box-two .icon-thumb{
	width: 55px;
    height: 55px;
    line-height: 55px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 30px;
    top: 20px;
    box-shadow: 0px 5px 18.8px 1.2px rgba(99, 102, 187, 0.1);
    z-index: -1;
}
.home-approach-box-two .icon-thumb span{
	font-family: "Futura PT";
    font-size: 40px;
    font-size: 2.2222222222rem;
    font-weight: 900;
    color: #fff;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #5d00d4;
}


/******three***********************/

.home-approach-box-three{
	width: 32%;
	height: auto;
	display: block;
	position: relative;
}
.home-approach-box-three h4{
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	text-transform: capitalize;
}
.home-approach-box-three p{
	text-align: center;
}
.home-approach-box-three .icon-wrap{
	width: 167px;
    height: 167px;
    display: block;
    position: relative;
    z-index: 1;
    background: rgb(245 245 245);
    border-radius: 50%;
    margin: 0px auto 25px;
}
.home-approach-box-three .approach-icon{
	width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 1;
    background: #4A90E2;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-approach-box-three .approach-icon img{
	width: 50px;
	height: auto;
	display: block;
	position: relative;
}
.home-approach-box-three .icon-thumb{
	width: 55px;
    height: 55px;
    line-height: 55px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    right: 30px;
    bottom: 20px;
    box-shadow: 0px 5px 18.8px 1.2px rgba(99, 102, 187, 0.1);
    z-index: -1;
}
.home-approach-box-three .icon-thumb span{
	font-family: "Futura PT";
    font-size: 40px;
    font-size: 2.2222222222rem;
    font-weight: 900;
    color: #fff;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #4A90E2;
}

/********four*****************/

.home-approach-box-four{
    width: 32%;
	height: auto;
	display: block;
	position: relative;
}
.home-approach-box-four h4{
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	text-transform: capitalize;
}
.home-approach-box-four p{
	text-align: center;
}


.home-approach-box-four .icon-wrap{
	width: 167px;
    height: 167px;
    display: block;
    position: relative;
    z-index: 1;
    background: rgb(245 245 245);
    border-radius: 50%;
    margin: 0px auto 25px;
}
.home-approach-box-four .approach-icon{
	width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 1;
    background: #4CAF50;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-approach-box-four .approach-icon img{
	width: 50px;
	height: auto;
	display: block;
	position: relative;
}
.home-approach-box-four .icon-thumb{
	width: 55px;
    height: 55px;
    line-height: 55px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 30px;
    top: 20px;
    box-shadow: 0px 5px 18.8px 1.2px rgba(99, 102, 187, 0.1);
    z-index: -1;
}
.home-approach-box-four .icon-thumb span{
	font-family: "Futura PT";
    font-size: 40px;
    font-size: 2.2222222222rem;
    font-weight: 900;
    color: #fff;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #4CAF50;
}



/******five***********************/

.home-approach-box-five{
	width: 32%;
	height: auto;
	display: block;
	position: relative;
}
.home-approach-box-five h4{
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	text-transform: capitalize;
}
.home-approach-box-five p{
	text-align: center;
}
.home-approach-box-five .icon-wrap{
	width: 167px;
    height: 167px;
    display: block;
    position: relative;
    z-index: 1;
    background: rgb(245 245 245);
    border-radius: 50%;
    margin: 0px auto 25px;
}
.home-approach-box-five .approach-icon{
	width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 1;
    background: #FFA500;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-approach-box-five .approach-icon img{
	width: 50px;
	height: auto;
	display: block;
	position: relative;
}
.home-approach-box-five .icon-thumb{
	width: 55px;
    height: 55px;
    line-height: 55px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    right: 30px;
    bottom: 20px;
    box-shadow: 0px 5px 18.8px 1.2px rgba(99, 102, 187, 0.1);
    z-index: -1;
}
.home-approach-box-five .icon-thumb span{
	font-family: "Futura PT";
    font-size: 40px;
    font-size: 2.2222222222rem;
    font-weight: 900;
    color: #fff;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFA500;
}



/********six*****************/

.home-approach-box-six{
    width: 32%;
	height: auto;
	display: block;
	position: relative;
}
.home-approach-box-six h4{
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	text-transform: capitalize;
}
.home-approach-box-six p{
	text-align: center;
}


.home-approach-box-six .icon-wrap{
	width: 167px;
    height: 167px;
    display: block;
    position: relative;
    z-index: 1;
    background: rgb(245 245 245);
    border-radius: 50%;
    margin: 0px auto 25px;
}
.home-approach-box-six .approach-icon{
	width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 1;
    background: #800080	;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-approach-box-six .approach-icon img{
	width: 50px;
	height: auto;
	display: block;
	position: relative;
}
.home-approach-box-six .icon-thumb{
	width: 55px;
    height: 55px;
    line-height: 55px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 30px;
    top: 20px;
    box-shadow: 0px 5px 18.8px 1.2px rgba(99, 102, 187, 0.1);
    z-index: -1;
}
.home-approach-box-six .icon-thumb span{
	font-family: "Futura PT";
    font-size: 40px;
    font-size: 2.2222222222rem;
    font-weight: 900;
    color: #fff;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #800080;
}

.arrow-img {
	position: absolute;
    top: 30px;
    right: -95px;
}
.arrow-img-two{
	position: absolute;
    top: 60px;
    right: -95px;
}
.arrow-img-three{
	display: none;
}

/*********************************************************************/
/**********blog-page***************************/
/*********************************************************************/

.blog-section-one{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 50px 0px;
}
.blog-section-one h2{
	text-align: center;
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 30px;
}
.blog-section-one h2 span{
	color: #B82D37;
    font-weight: 700;
}
.blog-section-one .col{
	padding: 0px 35px;
	border-right: 1px dashed #ebebeb;
	margin-bottom: 30px;
}
.blog-section-one .col:last-child {
    border: 0;
}
.blog-box{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}
.blog-box img{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}
.blog-date{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	margin-top: 20px;
	margin-bottom: 10px;
}
.blog-date span{
	color: #000000;
	font-size: 17px;
	font-weight: 500;
}
.blog-box h3 a{
	font-size: 20px;
	font-weight: 700;
	color: #000000;
}
.btn-read-more{
	width: 150px;
	height: auto;
	display: block;
	position: relative;
	padding: 10px 0px;
	text-align: center;
	border: 1px solid #B82D37;
	color: #B82D37;
	text-transform: capitalize;
	border-radius: 25px;
	margin-top: 20px;
	transition: 0.6s;
}
.btn-read-more:hover{
	background-color: #B82D37;
	color: #ffffff;
}


.paid-section-three h2{
    margin-bottom: 25px !important;
}
.paid-section-three .seo-need-area{
    margin-top: 60px;
}



.footer-social-media{
	width: 100%;
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	position: relative;
	margin-bottom: 0px;
	margin-top: 20px;
}
.footer-social-media .instagram{
	width: 25px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.footer-social-media .linkedin{
	width: 25px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #0077B5;
	
}
.footer-social-media a i{
    color: #ffffff;
    font-size: 20px;

}


.action-section{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 80px 0px;
}
.action-section-one{
	width: 100%;
	height: auto;
	display: block;
	padding: 40px;
}

.action-section h2{
	text-align: center;
	font-size: 60px;
	font-weight: 600;
	color: #b82d37;
}
.action-section h3{
	text-align: center;
}

.btn-back-home{
	width: 180px;
	height: auto;
	display: block;
	position: relative;
	margin: 0px auto;
	text-align: center;
	background-color: #b82d37;
	color: #ffffff;
	padding: 10px 0px;
	margin-top: 30px;
}




/************Home client slider************************/

.client-slider {
  overflow: hidden;
  white-space: nowrap;
  padding: 30px 0;
}

.slider-track {
  display: flex;
  width: max-content;
  animation: scroll 20s linear infinite;
}

.slide {
  flex: 0 0 auto;
  width: auto;
  height: 52px;
  margin: 0 20px;
  transition: transform 0.3s;
}

.slide img {
  width: 100%;
  filter: grayscale(100%);
  opacity: 0.7;
  transition: all 0.3s ease;
}

.slide img:hover {
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.05);
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Responsive */
@media (max-width: 768px) {
  .slide {
    width: 120px;
    margin: 0 10px;
  }
}



.service-title-sec-one .btn-start-content-plan{
	width: 210px;
}
.service-title-sec-one .btn-start-conversation{
	width: 220px;
}

.service-title-sec-one .btn-free-audit {
	width: 195px;
}