.service-block-three .inner-box .image-box {
    background: #cc9017; 

}

.scroll-to-top .scroll-bar-text {
   font-size: 11px;
   font-weight: 600;
   color: violet;
   cursor: pointer;
   transition: all 500ms ease;
}
.scroll-to-top {
   position: fixed;
   right: 0px;
   bottom: 100px;
   transform: rotate(0deg);
   z-index: 99;
}

       body.offcanvas-open {
   overflow: hidden;
}
       #overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5); /* semi-transparent black */
   display: none;
   z-index: 9998; /* Ensure it's below the offcanvas menu */
}
textarea.form-control {
   height: auto !important;
}
.work-img-12 {
   padding: 40px 40px 40px 40px;
   background-color: none !important;
   border-radius: 70px 70px 70px 0px;
}

.icon {
   color: rgb(71, 10, 10); /* Inherit color from parent */
   font-size: inherit; /* Inherit font size from parent */
   margin-right: 5px; /* Adjust margin as needed */
}

/* Style for the icon class when hovered */
.icon:hover {
   color: #5124f5; /* Change color on hover */
}
       .custom-caption {
           position: absolute;
           left: 0;
           top: 30%;
           margin-bottom: 30%;
       }

       @keyframes fadeIn {
           0% {
               opacity: 0;
           }

           100% {
               opacity: 1;
           }
       }

       .custom-caption h2 {
           opacity: 0;
           /* Initially hidden */
           animation: fadeIn 1.5s ease forwards;
           /* Animation to gradually show */
           animation-delay: 1s;
           /* Delay before animation starts */
       }

       .custom-caption h5,
       .custom-caption p {
           margin: 0;
       }

       .icon-22::before {
           content: "\e915";
           /* Unicode character representing the icon you want to use */
       }

       .testimonial-block-one {
           height: 400px;
           /* Adjust this value as needed */

       }

       .projects-ventures-technologies1 a:hover {
           color: yellow;
       }

       .footer-column ul li a {
           color: black;
           text-decoration: none;
           transition: color 0.3s;
       }

       .footer-column ul li a:hover {
           color: #FFD700;
       }

       .footerlinks {
           margin-left: 40%;
           padding-top: 20px;
           line-height: 25%;
       }

       .col-lg-4 .overlay-content {
           display: flex;
           justify-content: center;
           flex-direction: column;
           align-items: center;
           text-align: center;
       }

       .background-image {
           background-position: center;
           background-repeat: no-repeat;
           color: black;
           font-style: normal;
       }

       .slow-animation {
           animation: slowFade 2s linear infinite;
       }

       .content_block_four .content-box .list li:before {
           position: absolute;
           content: '';
           font-family: "Open Sans", sans-serif !important;
           left: 0px;
           top: 0px;
           font-size: 12px;
       }

       .fa-check:before {
           content: "\f00c";
           margin-left: -24px;
       }

       .fa-dot-circle:before {
           content: "\f192";
           margin-left: -24px;
       }

       .icon-16:before {
           content: "\e90f";
       }

       .content_block_12 .content-box .single-item .icon-box {
           background: white !important;
           color: black;
           width: 70px;
           margin-left: -20px;
       }

       body>div.boxed_wrapper>section.service-three.p_relative.sec-pad>div.auto-container>div:nth-child(2)>div:nth-child(3)>div>div>figure>img {
           height: 367px !important;
       }

       .service-block-three .inner-box .image-box img {
           width: 100%;
           height: 367px !important;
           border-radius: 10px;
           transition: all 500ms ease;
       }

       .footer-social-two li {
           display: inline-block;
           margin-right: 10px;
       }

       .footer-social-two li a {
           display: inline-block;
           font-size: 24px;

           transition: transform 0.3s ease;
       }

       .footer-four .footer-social-two li a:hover {
           background: none;
           border-color: none !important;
           border: none;
           outline: none;
       }

       .footer-four .footer-social-two li a {
           background: transparent;
           border: none !important;
       }

       .footer-social-two li a:hover {
           transform: scale(1.2);
       }

       body {
           font-family: "Open Sans", sans-serif !important;
           background: #fffde9;
       }

       p {
           position: relative;
           font-family: "Open Sans", sans-serif !important;
           font-size: 16px;
           line-height: 26px;
           margin-bottom: 0px;
           font-weight: 400;
           transition: all 500ms ease;
       }

       .font_family_oxygen {
           font-family: "Open Sans", sans-serif !important;
       }

       h1,
       h2,
       h3,
       h4,
       h5,
       h6 {
           position: relative;
           font-family: "Open Sans", sans-serif !important;
           font-weight: 600;
           color: #000;
           line-height: 1.4em;
           margin: 0px;
           transition: all 500ms ease;
       }

       input,
       button,
       select,
       textarea {
           font-family: "Open Sans", sans-serif !important;
       }

       .main-nav-container {
           margin-left: 330px;
           background: #3f130a;
           color: #fff;
           border-radius: 0px 30px 0px 30px;
           height: 60px;
           position: relative;
           padding: 0px 20px;
           text-align: center;
       }

       .header-nav-container .main-nav-container {
           margin-left: 10px;
           display: flex;
           justify-content: center;
           width: 100%;
           background: #3f130a;
           color: #ffffff !important;
           border-radius: 0px 30px 0px 30px;
           position: relative;
           padding: 0px 20px;
           text-align: center;
       }

       .main-menu .navigation>li>a {
           position: relative;
           display: block;
           text-align: center;
           font-size: 16px;
           line-height: 30px;
           font-family: "Open Sans", sans-serif !important;
           padding: 30px 0px;
           font-weight: 600;
           opacity: 1;
           color: #fcfcff;
           overflow: hidden;
           z-index: 1;
           -webkit-transition: all 500ms ease;
           -moz-transition: all 500ms ease;
           -ms-transition: all 500ms ease;
           -o-transition: all 500ms ease;
           transition: all 500ms ease;
       }

       .header-nav-container .main-nav-container::before {
           content: '';
           position: absolute;
           bottom: -20px;
           left: 0;
           width: 100%;
           height: 20px;
           background: linear-gradient(180deg, 0%, rgba(255, 255, 255, 0) 100%);
           border-radius: 0px 0px 30px 30px;
       }

       .list {
           margin-top: -2% !important;
       }

       .header-lower .outer-box .logo-box {
           padding: 0px 0px;
           padding: 0px 0px;
       }

       .sticky-header .logo-box {
           padding: 0px 0px !important;
           width: 250px;
       }

       .footer-four .footer-widget-section {
           padding: 20px 0px !important;
       }

       .footer-four .footer-bottom p,
       .footer-four .footer-bottom a {
           color: #000000;
           font-family: "Open Sans", sans-serif !important;
       }

       .footer-four .footer-bottom {

           border-top: 1px solid #e4e7eb;
       }

       .carousel-control-prev,
       .carousel-control-next {
           font-size: 8rem;
           /* Adjust the size of the icons as needed */
           width: auto;
           /* Ensure the width adjusts to the size of the icon */
           height: auto;
           /* Ensure the height adjusts to the size of the icon */
           padding: 4rem;
           /* Add padding around the icons */
       }

       .banner-two {
           padding-top: 0px !important;
       }

       .projects-ventures-technologies1 .col-lg-12 a:hover,
       .projects-ventures-technologies1 .col-md-12 a:hover,
       .projects-ventures-technologies1 .cl-sm-6 a:hover {
           color: yellow;
       }


       .offcanvas {
        
           width: 400px;
           /* Adjust the width as needed */
           position: fixed;
           z-index: 9999;
           top: 0;
           right: 0;
           background-color: #f1f1f1;
           transition: 0.5s;
       }

       .offcanvas-content {
           padding: 20px;
           height: 100%;
       }

       .offcanvas-content .modal-header {
           padding-bottom: 10px;
           border-bottom: 1px solid #dee2e6;
       }

       .offcanvas-content .modal-body {
           padding: 10px 0;
           
       }

       .carousel .carousel-item {
   color: #999;
   overflow: hidden;
   min-height: 120px;
   font-size: 13px;
}
.carousel .media {
   position: relative;
   padding: 0 0 0 20px;
   margin-left: 20px;
}
.carousel .media img {
   width: 75px;
   height: 75px;
   display: block;
   border-radius: 50%;
   box-shadow: 0 2px 4px rgba(0,0,0,0.2);
   border: 2px solid #fff;
}
.carousel .testimonial {
   color: #fff;
   position: relative;    
   background: #ffeec6;
   padding: 15px;
   margin: 0 0 20px 20px;
}
.carousel .testimonial::before, .carousel .testimonial::after {
   content: "";
   display: inline-block;
   position: absolute;
   left: 0;
   bottom: -20px;
}
.carousel .testimonial::before {
   width: 20px;
   height: 20px;
   background: #9b9b9b;
   box-shadow: inset 12px 0 13px rgba(0,0,0,0.5);
}
.carousel .testimonial::after {
   width: 0;
   height: 0;
   border: 10px solid transparent;
   border-bottom-color: #fff;
   border-left-color: #fff;
}
.carousel .carousel-item .row > div:first-child .testimonial {
   margin: 0 20px 20px 0;
}
.carousel .carousel-item .row > div:first-child .media {
   margin-left: 0;
}
.carousel .testimonial p {
   text-indent: 40px;
   line-height: 21px;
   margin: 0;
}
.carousel .testimonial p::before {
   content: "\201D";
   font-family: "Open Sans", sans-serif !important;
   color: #6b1616;
   font-weight: bold;
   font-size: 38px;
   line-height: 70px;
   position: absolute;
   left: -35px;
   top: -28px;
}
.carousel .overview {
   padding: 3px 0 0 15px;
}
.carousel .overview .details {
   padding: 5px 0 8px;
}
.carousel .overview b {
   text-transform: uppercase;
   color: #ff5555;
}
.carousel-control-prev12, .carousel-control-next12 {
   width: 30px;
   height: 30px;
   text-shadow: none;
   top: 4px;
}
.carousel-control-prev12 i, .carousel-control-next12 i {
   font-size: 16px;
}


.carousel-indicators {
   bottom: -60px;
}
.carousel-indicators li, .carousel-indicators li.active {
   width: 17px;
   height: 17px;
   border-radius: 0;
   margin: 1px 5px;
     box-sizing: border-box;
}
.carousel-indicators li {	
   background: #e2e2e2;
   border: 4px solid #fff;
}
.carousel-indicators li.active {
   color: #fff;
   background: #ff5555;
   border: 5px double;    
}
.star-rating li {
   padding: 0 2px;
}
.star-rating i {
   font-size: 14px;
   color: #ffdc12;
}

@media(max-width:500px)
{
   body > div.boxed_wrapper > footer > div.container > div.footer-widget-section > div > div.col-lg-4.col-md-6.col-sm-6.footer-column.mt-4
   {
       display: flex !important;

   }
   /* .right1
   {
       white-space: nowrap !important;
   } */
   .offcanvas {
    width: 422px;
   position: fixed;
   z-index: 9999;
   margin-top: -16px !important;
   top: 0;
   right: 0;
   background-color: #f1f1f1;
   transition: 0.5s;
}

.carousel .testimonial {
   color: #fff;
   position: relative;
   background: #ffeec6;
   padding: 15px;
   margin: 0 0 8px 0px;
}
/* .widget-content
{
   margin-top: 14%;
} */
.offcanvas-content {
    padding: 0px !important;
    margin-left: 14px;
    margin-right: 4px;
    height: 100%;
}
}