/*======================================
Theme Name: Divi Child
Theme URI: https://divicake.com/
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.14.1
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
:root{
    --theme-color1: #800000;
    --theme-color1-rgb: 128, 0, 0;
    --theme-color2: #db0606;
    --theme-color2-rgb: 219, 6, 6;
    --dark-color: #202020;
    --dark-color-rgb: 32, 32, 32;
    --bs-white: #ffffff;
    --bs-white-rgb: 255, 255, 255;
    --bs-black: #000000;
    --bs-black-rgb: 0, 0, 0;
    --border-radius: 10px;
    --color-gradient-1: linear-gradient(90deg, var(--theme-color1) 0%, var(--theme-color2) 100%);
    --transition: all 500ms ease;
    --font-awesome-free: "Font Awesome 6 Free";
    --font-awesome-brands: "Font Awesome 6 Brands";
    --box-shadow: 5px 5px 0px 0px var(--dark-color);
}
@-moz-document url-prefix() {
    * {
        scrollbar-width: thin; 
        scrollbar-color: var(--theme-color1) #efefef; 
    }
}
::selection {
  color: var(--bs-white);
  background: var(--bs-black);
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background: var(--theme-color1);
}


body {
    overflow-y: auto;
    overflow-x: hidden;
    accent-color: var(--theme-color1);
    word-break: break-word;
}

div#page-container {
    overflow-y: visible;
    overflow-x: hidden;
}
header .et_pb_blurb_content {
    display: flex;
}

body:not(.et-fb) #et-boc .et-l #dd-section {
    z-index: 999999 !important;
}

#wpadminbar {
    z-index: 9999999 !important;
}

.et_pb_row {
    width: 90%;
}

footer .et_pb_column .et_pb_widget {
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 0 !important;
}
footer .et_pb_widget_area_left {
    padding-right: 0;
}
.wpcf7-spinner {
    position: absolute;
}

.wpa-test-msg {
    display: block;
    width: 100%;
    float: left;
}
.contact-form-sec form .et_pb_column {
    margin-bottom: 10px !important;
}
.equal-img, .equal-img * {
    height: 100%;
    display: flex;
    object-fit: cover;
}
.wpcf7 form .wpcf7-response-output {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
/*--back-to-top--*/
 .et_pb_scroll_top.et-pb-icon {
    --size: 50px;
    height: var(--size);
    width: var(--size);
    right: 10px;
    bottom: 40px;
    text-decoration: none;
    z-index: 999;
    border: 1px solid var(--bs-white);
    border-radius: 6px;
    background: var(--theme-color1);
    transition: var(--transition);
    font-family: inherit;
    font-size: 14px;
    animation: border-transform 10s linear infinite alternate forwards;
     &:before{
        content: "\f176";
        font-family: var(--font-awesome-free);
        font-weight: 900;
        height: 100%;
        width: 100%;
        color: var(--bs-white);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: var(--transition);
     }
     &:hover {
         background-color: var(--bs-black);
     }
 }
 
@keyframes border-transform {
    0%, 100% {
      border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
    }
    14% {
      border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
    }
    28% {
      border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
    }
    42% {
      border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
    }
    56% {
      border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
    }
    70% {
      border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
    }
    84% {
      border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
    }
  }
 
 /*--back-to-top-close--*/
/*----button css----*/
body #page-container .home-slider-sec.et_pb_section .et_pb_button, 
body #page-container .et_pb_section div div .et_pb_button_module_wrapper .et_pb_button, .header-btn{
    --padding: clamp(0.625rem, 0.5592rem + 0.2105vw, 0.75rem) clamp(1.5625rem, 1.398rem + 0.5263vw, 1.875rem);
    padding: var(--padding) !important;
   position:relative;
    background:var(--theme-color1);
    border:0 !important;
    font-size: clamp(0.9375rem, 0.8849rem + 0.1316vw, 1rem) !important;
    color:white;
   transition:0.4s;
    z-index:2;
}
.sub_btn{
    margin-top:15px;
}
body #page-container .home-slider-sec.et_pb_section .et_pb_button:before, 
body #page-container .et_pb_section div div .et_pb_button_module_wrapper .et_pb_button:before, .header-btn:before{
    position:absolute;
    content:'';
    width:calc(100% - 4px);
    height:calc(100%-4px);
    border:2px solid white;
    visibility:visible;
    opacity:1;
    display:block;
    margin:0;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    opacity:0;
	 transition: 0.5s;
}
body #page-container .home-slider-sec.et_pb_section .et_pb_button:hover, 
body #page-container .et_pb_section div div .et_pb_button_module_wrapper .et_pb_button:hover, .header-btn:hover{
    padding: var(--padding) !important;
    border:0 !important;
}
body #page-container .home-slider-sec.et_pb_section .et_pb_button:after, 
body #page-container .et_pb_section div div .et_pb_button_module_wrapper .et_pb_button:after, .header-btn:after{
    display: none;
}

body #page-container .home-slider-sec.et_pb_section .et_pb_button:hover:before,
 body #page-container .et_pb_section div div .et_pb_button_module_wrapper .et_pb_button:hover:before,
 .header-btn:hover::before {
    width: calc(100% - 14px);
    opacity: 1;
    transition: 0.4s;
    inset: 5px;
    margin: auto;
}
.sub_btn.et_pb_button {
    width: fit-content;
    text-align: center;
	position:relative;
}
/*---- button css end ---*/


/* list-style css */
ul.list-style li,
ul.et_pb_pricing li{
    position:relative;
    list-style:none;
    padding:0 0 0 26px;
    margin:0 0 10px 0;

}
ul.list-style li:before,
ul.et_pb_pricing li:before{
    position:absolute;
    content:'\f14a';
    font-family:fontawesome;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    color:var(--theme-color1);
	font-size:20px;
}
ul.list-style {
    padding:0;
}
ul.et_pb_pricing li:before{
	color:White;
}
/* list-style css  End*/

/*******  | HEADER CODE |  *******/
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
    vertical-align: middle !important;
}
header li.mega-menu-row {
    padding-top:20px !important;
}
header li.mega-menu-row  ul.mega-sub-menu li h4.mega-block-title{
    color:maroon !important;
}
header li.mega-menu-row  ul.menu {
    padding-left:0;
}
header li.mega-menu-row  ul.menu li,  ul.menu li{
    position:relative;
    list-style:none;
    padding-left:20px;
}
header li.mega-menu-row  ul.menu li a{
    color:black;
}
header li.mega-menu-row  ul.menu li a:hover{
   color:maroon; 
}
header li.mega-menu-row  ul.menu li:before{
    position:absolute;
    content:'\f105';
    left:0;
    font-family:fontawesome;
    color:maroon;
}
#mega-menu-primary-menu > li > ul.mega-sub-menu {
    margin: 30px 0px!important;
}
#mega-menu-primary-menu > li > ul:last-child li {
    padding: 4px 15px;
}
#mega-menu-primary-menu > li > ul:last-child li a {
    position:relative;
}
#mega-menu-primary-menu > li > ul:last-child li a:after {
    content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    height: 1em;
    width: 100%;
    border-bottom: 2px solid var(--theme-color1);
    margin-top: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
#mega-menu-primary-menu > li > ul:last-child li a:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
#mega-menu-primary-menu > li > ul:last-child li h4 {
    padding-bottom:20px!important
}
#mega-menu-primary-menu > li > ul:last-child li h4:after {
    content: '';
    position: absolute;
    background-image: linear-gradient(to left, var(--bs-white), var(--theme-color1));
    -webkit-text-fill-color: transparent;
    width: 100%;
    height: 2px;
    left: 0px;
    bottom: 10px;
    z-index: 99999999;
}
#mega-menu-primary-menu > li > ul:last-child li h4 {
    position: relative;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item a{
    font-weight:normal !important;
}


/*******  | HOMEPAGE CODE |  *******/
/* slider css */
.home-slider-sec .et_pb_slide_content h1 {
  font-size: 100px;
  font-weight: bold;
}
.home-slider-sec .et_pb_slide_description {
  position: relative;
  padding: 50px;
}
.home-slider-sec .et_pb_slide_description p {
  max-width: 50%;
  font-size: clamp(0.9375rem, 0.8849rem + 0.1316vw, 1rem);
  letter-spacing: 1px;
}
.home-slider-sec .et_pb_slide_description:before {
  position: absolute;
  content: "";
  background: #f6f6f652;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 40%;
  z-index: -1;
  border-radius: 20px;
}

.home-slider-sec h5.et_pb_slide_title {
  text-transform: uppercase;
  -webkit-text-stroke: 1px maroon;
  letter-spacing: 2px;
}
 .home-slider-sec .et-pb-slider-arrows {
    position: absolute;
    top: auto;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 9;
    right: 5%;
    bottom:5%;
    left: 0;
    text-align: center;
    display: flex;
    justify-content: end;
}
 .home-slider-sec .et-pb-slider-arrows a {
    border: none;
    display: inline-block;
    padding: 0;
    background-color: white;
    position: relative;
    width: 45px;
    height:45px;
    line-height: 1.2em;
    font-size: 30px;
    z-index: 2;
    border-radius: 0px;
    top: 50%;
    left: 0 !important;
    right: 0 !important;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2px 0px;
    border-radius:50%;
    border:2px solid white;
     color:black;
}
 .home-slider-sec .et-pb-slider-arrows a:hover{
     background:maroon;
     color:white;
     border:2px solid maroon;
 }
.home-slider-sec .et-pb-controllers a {
    text-indent: 0;
    width: 40px;
    height: 40px;
    opacity: 1;
    font-weight: bold;
    color: white;
    background: transparent;
    padding: 5px;
    position: relative;
    margin-right: 0;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    border:2px solid #ffffff40;
    margin-bottom:10px;
}
.home-slider-sec .et-pb-controllers a:last-child{
    margin:0;
}
.home-slider-sec .et-pb-controllers .et-pb-active-control {
    background: maroon;
    border:2px solid maroon;
}
.home-slider-sec .et-pb-controllers {
    position: absolute;
    bottom: 20px;
    left: auto;
    width: auto;
    text-align: center;
    z-index: 10;
    display: inline-flex;
    flex-direction: column;
    margin-left: auto;
    right: auto;
    bottom: 50%;
    border:0 !important;
    left:2%;
}
.home-slider-sec .et-pb-controllers:before, .home-slider-sec .et-pb-controllers:after{
    position:absolute;
    content:'';
    background-image:url('/wp-content/uploads/2023/11/slider-v1-icon2.png');
    background-size:contain;
    width: 100%;
    height:100%;
    bottom: -112px;
    background-repeat: no-repeat;
    background-position: center;
    top:auto;
}
.home-slider-sec .et-pb-controllers:after{
    top:-112px;;
    bottom:auto;
    background-image:url('/wp-content/uploads/2023/11/slider-v1-icon1.png');
}
/* slider css */


/*----About us css Start ----*/

.main_title h2 span {
    color: var(--theme-color1);
}
.submain_titles {
    margin-bottom: 15px !important;
    & h4 {
        background: var(--bs-white);
        width: fit-content;
        padding: clamp(0.75rem, 0.5921rem + 0.3947vw, 0.9375rem);
        border-radius: 50px;
        box-shadow: 0 11px 27px rgba(0,9,71,.13);
        color: var(--theme-color1);
        font-size: clamp(0.9375rem, 0.7796rem + 0.3947vw, 1.125rem) !important; 
    }
}
.ct-video-shape {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    animation: animationFramesTwo 12s infinite linear alternate;
}
@keyframes animationFramesTwo {
	0% {
		transform: translateX(0);
	}
	25% {
		transform: translateX(40px);
	}
	50% {
		transform: translateX(0);
	}
	75% {
		transform: translateX(-40px);
	}
	100% {
		transform: translateX(0);
	}
}
.videoplay_btn {
    position: absolute;
    right: 100px;
    bottom: 56px;
    z-index: 99;
    width: 56px;
    height: 56px;
    font-size: 14px;
    line-height: 56px;
    text-align: center;
}
.aboutus-img:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2023/11/h2-video-shape-main.png);
    background-repeat: no-repeat;
    bottom: -30px;
    left: 70px;
    background-position: bottom left;
    z-index: -1;
    animation: animationFramesTwo 12s infinite linear alternate;
}
.videoplay_btn:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--theme-color1);
    border-radius: 50%;
    animation: pulse-border2 1500ms ease-out infinite;
    -webkit-animation: pulse-border2 1500ms ease-out infinite;
    z-index: -2;
}
@keyframes pulse-border2 {
0% {
    transform: scale(1);
    opacity: .67;
}
100% {
    transform: scale(2.2);
    opacity: 0;
}
}

.about_servicelist {
    padding: 20px 0px;
    border-top: 4px solid #f3f3f3;
    border-bottom: 4px solid #f3f3f3;
}
.about_servicelist ul {
    display: flex;
    align-items: center;
    gap: 100px;
    list-style: none;
    line-height: normal;
	padding: 0px;
}
.about_servicelist ul li {
    display: flex;
    align-items: center;
    gap: 10px;
}
.about_servicelist ul li h4 {
    font-size: clamp(1rem, 0.8947rem + 0.2632vw, 1.125rem);
    font-weight: 500;
    padding-bottom: 0px;
	letter-spacing: 1px;
}

.submain_titles.center h4 {
    margin: 0 auto;
}

/* ---- flaticon css ---*/
.about_servicelist ul li i {
    background-image: -webkit-gradient(linear, left top, right top, from(#fb5858), to(var(--theme-color1)));
    background-image: -webkit-linear-gradient(to left, #fb5858, var(--theme-color1));
    background-image: -moz-linear-gradient(to left, #fb5858, var(--theme-color1));
    background-image: -ms-linear-gradient(to left, #fb5858, var(--theme-color1));
    background-image: -o-linear-gradient(to left, #fb5858, var(--theme-color1));
    background-image: linear-gradient(to left, #fb5858, var(--theme-color1));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fb5858', endColorStr='var(--theme-color1)', gradientType='1');
    background-color: transparent !important;
    background-color: initial;
    background-clip: text;
    -o-background-clip: text;
    -ms-background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -o-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: clamp(3.125rem, 2.3882rem + 1.8421vw, 4rem);
}
/* ---- flaticon css end---*/

/*----About us css end ----*/


/* testimonial section css */
.testimonial_secs{
	overflow-x:hidden;
	overflow-y:auto;
}
.testimonial_secs .wpmtst-testimonial.testimonial{
   border:0px !important;
}
.testimonial_secs .wpmtst-testimonial.testimonial:before {
    background: linear-gradient(to bottom, #f3640a, var(--theme-color1));
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: clamp(0.25rem, 0.0921rem + 0.3947vw, 0.4375rem);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.testimonial_secs .strong-view.wpmtst-default .wpmtst-testimonial-inner{
   border:0px !important;
   padding:50px 50px 50px 120px;
   position: relative;
}
.testimonial_secs .strong-view.wpmtst-default .wpmtst-testimonial-inner:before{
   position:absolute;
   content:'';
   background-image:url('https://designzindia.com/wp-content/uploads/2023/11/testi-icon.png');
   bottom:50px;
   right:50px;
   width:40px;
   height:40px;
   background-repeat:no-repeat;
   background-size:contain;
}
.testimonial_secs .wpmtst-testimonial-image.testimonial-image  {
    --img-size: 145px;
    position: absolute;
    top: 0;
    left: -60px;
    background: #fff;
    width: var(--img-size);
    height: var(--img-size);
    z-index: 99;
    border-radius:50%;
    bottom:0;
    transform: translateY(35%);
}
.testimonial_secs .wpmtst-testimonial-image.testimonial-image img{
   border-radius:50%;
}
.testimonial_secs .wpmtst-testimonial-image.testimonial-image:before {
    content: "";
    position: absolute;
    background: -webkit-gradient(linear, left top, left bottom, from(#f3640a), to(#fec53e));
    background: linear-gradient(to bottom, #f3640a, var(--theme-color1));
    z-index: -1;
    inset: -7px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.testimonial_secs .wpmslider-viewport {
    border: 0 !important;
    overflow: visible !important;
   background:white;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.testimonial_secs .wpmslider-viewport:hover .wpmtst-testimonial-image.testimonial-image:before{
   background: linear-gradient(to bottom, var(--theme-color1), #f3640a);
}
.testimonial_secs .wpmslider-viewport:hover .wpmtst-testimonial.testimonial:before{
   background: linear-gradient(to bottom, var(--theme-color1), #f3640a);
}

.testimonial_secs .strong-rating-wrapper.in-view {
   position:absolute;
/*    width:100%; */
   top:50px;
}
.testimonial_secs .wpmtst-testimonial-field.testimonial-field{
   text-align:left !important;
}

.testimonial_secs .wpmtst-testimonial-content.testimonial-content p{
   padding:40px 0px 20px 0px!important;
}
.testimonial_secs .wpmtst-testimonial-field.testimonial-field.testimonial-name {
    font-size: clamp(1.1875rem, 1.0296rem + 0.3947vw, 1.375rem);
   text-transform:capitalize;
}
.testimonial_secs .wpmtst-testimonial-field.testimonial-field.testimonial-company {
   color:#972f2f;
   text-transform:uppercase;
}
.testimonial_secs .wpmslider-controls-direction a{
    background:transparent !important;
    font-size:20px !important;
}

.testimonial_secs a.wpmslider-prev:before, a.wpmslider-next:before{
    color:maroon;
    content:'\f177' !important;
    -webkit-mask:none !important;
    font-family:fontawesome;
}
.testimonial_secs a.wpmslider-next:before{
    content:'\f178' !important;
}
/* testimonial section css */


/*----service section css ---*/

.ct-service-external1 .item--inner {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 80px;
    padding: 75px 24px 44px;
    position: relative;
    z-index: 1;
}
.ct-service-external1 .item--inner:before {
content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-border-radius: 60px 8px 8px 8px;
    -moz-border-radius: 60px 8px 8px 8px;
    border-radius: 60px 8px 8px 8px;
    -webkit-box-shadow: 0 0 10px rgba(1,25,59,6%);
    box-shadow: 0 0 10px rgba(1,25,59,6%);
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1);
    z-index: -1;
}
.ct-service-external1 .item--overlay {
    background-image: linear-gradient(to left, #fb5858, var(--theme-color1));
    height: 152px;
    width: 100%;
    position: absolute;
    top: -44px;
    left: 0;
    z-index: -1;
    border-radius: 8px 60px 0 0;
    opacity: 0;
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1);
}
.ct-service-external1 .item--overlay:before {
    content: '';
    z-index: 88;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 100%;
    background-image: url(/wp-content/uploads/2023/11/overlay-shape2.png);
    background-size: cover;
}
.ct-service-external1 .item--icon {
    min-width: 76px;
    width: 76px;
    height: 76px;
    line-height: 76px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -38px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1);
}
.ct-service-external1 .item--icon:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to left, #fb5858, var(--theme-color1));
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-box-shadow: 0 6px 6px rgb(235 77 77 / 29%);
    -moz-box-shadow: 0 6px 6px rgb(235 77 77 / 29%);
    box-shadow: 0 6px 6px rgb(235 77 77 / 29%);
    z-index: -1;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.ct-service-external1 .item--title {
    font-size: 20px;
    color: #101130;
    padding-bottom: 24px;
    margin-bottom: 25px;
    position: relative;
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1);
}
.ct-service-external1 .item--description {
    color: #57586d;
    line-height: 1.5;
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1);
}
.ct-service-external1 .item--readmore {
    position: absolute;
    bottom: 11px;
    left: 0;
    right: 0;
    z-index: 99;
    opacity: 0;
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1);
    visibility: hidden;
}
.ct-service-external1 .item--inner:hover .item--title:before {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}
.ct-service-external1 a.btn-text-gr {
    background-image: linear-gradient(to left, #fb5858, var(--theme-color1));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.ct-service-external1 .item--title:before {
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 4px;
    width: 88px;
    background-image: linear-gradient(to left, #fb5858, var(--theme-color1));
    position: absolute;
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1);
}
.ct-service-external1 .item--inner:hover:before {
    -webkit-box-shadow: 0 34px 32px rgba(1,25,59,.14);
    -moz-box-shadow: 0 34px 32px rgba(1,25,59,.14);
    box-shadow: 0 34px 32px rgba(1,25,59,.14);
    -webkit-border-radius: 8px 60px 8px 8px;
    -khtml-border-radius: 8px 60px 8px 8px;
    -moz-border-radius: 8px 60px 8px 8px;
    border-radius: 8px 60px 8px 8px;
    height: calc(100% + 44px);
}
.ct-service-external1 .item--inner:hover .item--overlay {
    opacity: 1;
}
.ct-service-external1 .item--inner:hover .item--icon {
    top: -8px;
}
.ct-service-external1 .item--inner:hover .item--icon:before {
    background: var(--bs-white)!important;
}
.ct-service-external1 .item--inner:hover .item--title {
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
}
.ct-service-external1 .item--inner:hover .item--description {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
}
.ct-service-external1 .item--inner:hover .item--readmore {
    opacity: 1;
    visibility: visible;
    bottom: 31px;
}
.ct-service-external1 .item--overlay svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}
.ct-service-external1 .item--icon img {
    width: 48px!important;
    height: auto;
    filter: brightness(0) invert(1);
}
.ct-service-external1 .item--inner:hover .item--icon img {
    filter: initial;
}
#services_lists .owl-nav,
#projects_lists .owl-nav {
    position: absolute;
    top: -150px;
    right: 0px;
    display: block;
}
#services_lists .owl-nav div,
#projects_lists .owl-nav div {
    height: 46px;
    width: 46px;
    background-color: var(--bs-white)!important;
    -webkit-box-shadow: 0 0 13px rgba(1,25,59,.1)!important;
    -moz-box-shadow: 0 0 13px rgba(1,25,59,.1)!important;
    box-shadow: 0 0 13px rgba(1,25,59,.1)!important;
    margin: 0;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    bottom: 15px;
	border-radius: 100px!important;
    margin: 5px!important;
}
#services_lists .owl-nav div i:before, 
#projects_lists .owl-nav div i:before {
    font-family: 'FontAwesome';
    font-size: 12px;
    position: absolute;
    top: 50%;
    color: maroon!important;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-weight: 400;
    border-radius: 100px;
}
#services_lists .owl-nav div:hover,
#projects_lists .owl-nav div:hover {
    background-image: linear-gradient(to left, #fb5858, var(--theme-color1));
}
#services_lists .owl-nav div:hover i:before,
#projects_lists .owl-nav div:hover i:before {
    color: var(--bs-white)!important;
}

/*----service section css -end--*/

/*----project section css----*/

.project-ct .item {
    background: var(--bs-white);
    border-radius: 10px;
    box-shadow: 0 10px 10px rgba(1,25,59,6%);
}
.project-ct .item .item-holder {
    padding: 10px;
}
.project_infos {
    padding: 20px 10px;
    height: 260px;
}
.project_infos h3.project_title {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}
.project_infos h4:before {
    content: '\f073';
    position: relative;
    font-family: 'FontAwesome';
    padding-right: 10px;
    vertical-align: middle;
    background-image: linear-gradient(to left, #fb5858, var(--theme-color1));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.project_readmore {
    margin: 20px 0px 0px 0px;
}
.project_readmore a {
    background-image: linear-gradient(to left, #fb5858, var(--theme-color1));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-size: 15px;
}
.projectimg {
    position: relative;
}
.projectimg:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to left, #fb5858, var(--theme-color1));
    top: 0px;
    bottom: 0px;
    opacity: 0;
    transition: 1s;
}
.projectimg:before {
    content: '\2b';
    position: absolute;
    bottom: 0px;
    z-index: 9999999;
    color: maroon;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 54px;
    font-weight: 300;
    opacity: 0;
    background: var(--bs-white);
    width: fit-content;
    height: fit-content;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    line-height: 0px;
    padding: 22px 10px;
	transition: 1s;
	border-radius: 4px;
}
.project-ct .item:hover .projectimg:after {
    opacity: .6;
}
.project-ct .item:hover .projectimg:before {
    opacity: 1;
}

/*----project section css end----*/

/*------ services demo css start---*/
.service_opts .et_pb_column .item--overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -moz-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    transform-origin: right center;
    -webkit-transform-origin: right center;
    -webkit-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
}
.service_opts .et_pb_column {
    position: relative;
}
.service_opts .et_pb_column:hover .item--overlay {
    transform-origin: left center;
    -webkit-transform-origin: left center;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}
.service_opts .et_pb_column .item--overlay:before,
.service_opts .et_pb_column .item--overlay:after {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.service_opts .et_pb_column .item--overlay:before {
    background-image: linear-gradient(to left, #fb5858, var(--theme-color1));
    /*background-image: -webkit-gradient(linear, left top, right top, from(#1475F7), to(#7114EF));
    background-image: -webkit-linear-gradient(to left, #1475F7, #7114EF);
    background-image: -moz-linear-gradient(to left, #1475F7, #7114EF);
    background-image: -ms-linear-gradient(to left, #1475F7, #7114EF);
    background-image: -o-linear-gradient(to left, #1475F7, #7114EF);
    background-image: linear-gradient(to left, #1475F7, #7114EF);*/
    background-color: transparent !important;
}
.service_opts .et_pb_column .item--overlay:after {
    background-image: url(/wp-content/uploads/2023/11/overlay-shape1.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
}
.service_opts .et_pb_column:hover h4.et_pb_module_header span {
    color: #fff;
}
.service_opts .et_pb_column:hover .et_pb_main_blurb_image img {
    filter: brightness(0) invert(1);
}
.service_opts .et_pb_column.et_pb_module {
    margin-bottom: 0px!important;
}
.service_opts .et_pb_column h4.et_pb_module_header{
    padding-bottom: 0px!important;
}
.marketing-ser .et_pb_column:hover .et_pb_blurb_description {
    color: #fff;
}
/*------ services demo css end---*/

/*----- case studies section css ----*/

.case_studies_sec:after,
.footer_secs:before,
.footer_secs:after {
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2023/11/h2-shape1-1.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    animation: animationFramesOne 12s infinite linear alternate;
    background-size: clamp(5rem, -1.3158rem + 15.7895vw, 12.5rem);
}
@keyframes animationFramesOne {
0% {
    transform: translateX(0);
}
25% {
    transform: translateX(-40px);
}
50% {
    transform: translateX(0);
}
75% {
    transform: translateX(40px);
}
100% {
    transform: translateX(0);
}
}

/*----- case studies section css end----*/

/*---- blog section css start----*/

.blog_secs .et_pb_blog_grid_wrapper article{
    background:#ffff;
    border-radius:15px;
    min-height:560px;
    position:relative;
     transition:0.6s;
}
.blog_secs .et_pb_blog_grid_wrapper article img{
    border-radius:15px 15px 0px 0px;
     transition:0.5s;
}
.blog_secs .et_pb_blog_grid_wrapper article span.published {
    color: var(--bs-white);
    background:var(--theme-color1);
    padding: 7px 10px;
    border-radius:15px 0px 15px 0px;
    margin:10px 0px;
    display:inline-block;
}
.blog_secs a.more-link {
    background-image: linear-gradient(to left, #fb5858, var(--theme-color1));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-transform:capitalize;
    font-size:15px;
    display:inline-block;
    position:absolute;
    bottom:20px;
    letter-spacing:0px;
}
.blog_secs a.more-link:before{
    position:absolute;
    content: "\f054";
    font-family:fontawesome;
    opacity:1;
    right:-15px;
    z-index:9999;
    font-size:12px;
    visibility:visible;
    display:block;
    -webkit-text-fill-color: #e10e0e;
}
.blog_secs .et_pb_blog_grid_wrapper article:hover{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition:0.6s;
    background: var(--bs-white);
}
.blog_secs .et_pb_blog_grid_wrapper article:hover img{
    transform:scale(1.1);
    transition:0.5s;
}
.blog_secs .et_pb_blog_grid_wrapper article  .et_pb_image_container a{
    overflow:hidden;
     border-radius:15px 15px 0px 0px;
    transition:0.5s;
}

/*---- blog section css end----*/

/*******  | INNERPAGE CODE |  *******/
.contact_form_info .wpcf7-text, .contact_form_info .wpcf7-textarea {
    width: 100%;
    padding:20px 10px !important;
    display: block;
    border: 1px solid #b22424 !important;
    background: #fff;
    border-radius: 3px;
    margin-bottom: 20px !important;
}
.contact_form_info .wpcf7-submit {
    border: medium none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    margin: 21px 0px;
    padding: 19px 36px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    background-color: var(--theme-color1);
}

/*******  | INNER PAGE CODE |  *******/

/*--News-Page-Css-Start--*/
.news-sec .et_pb_posts .et_pb_post:before,
.news-sec .et_pb_posts .et_pb_post:after {
    clip-path: polygon(0 0, 80% 0, 100% 28%, 82% 100%, 0 100%);
    content: "";
    visibility: visible;
    height: 100%;
    background: var(--theme-color1);
    width: 69%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.news-sec .et_pb_posts .et_pb_post:before {
    background: var(--bs-black);
    clip-path: polygon(0 0, 70% 0, 100% 68%, 92% 100%, 0 100%);
    z-index: 1;
    left: -20px;
}
.news-sec .et_pb_posts .et_pb_post .entry-featured-image-url {
    width: 46%;
    float: right;
    margin-bottom: 0;
}
.news-sec .et_pb_posts .et_pb_post {
    width: 49%;
    overflow: hidden;
    margin-bottom: 0;
}
.news-sec .et_pb_posts .et_pb_ajax_pagination_container {
    gap: 20px;
    display: flex;
    flex-wrap: wrap;
}
.news-sec .et_pb_posts .et_pb_post .entry-featured-image-url img {
    height: 330px;
    object-fit: cover;
}
.news-sec .et_pb_posts .et_pb_post .entry-title, 
.news-sec .et_pb_posts .et_pb_post .post-meta, 
.news-sec .et_pb_posts .et_pb_post .post-content {
    position: relative;
    z-index: 9;
    width: 70%;
    padding-left: 30px;
    color: #fff;
}
.news-sec .et_pb_posts .post-content-inner { 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-sec .et_pb_posts .et_pb_post .entry-title {
    margin-top: 60px;
}
.news-sec .et_pb_posts .et_pb_post .entry-title {
    color: var(--bs-white);
    font-weight: 600;
    line-height: 1.3;
    font-size: 22px;
    transition: all 0.5s;
}
.news-sec .et_pb_posts .et_pb_post .post-content p {
    color: var(--bs-white);
}
.news-sec .et_pb_posts .et_pb_post .post-meta a {
    color: var(--bs-white);
}
.news-sec .et_pb_posts .et_pb_post .post-meta {
    margin: 5px 0;
}
.news-sec .et_pb_post .more-link {
    background: var(--bs-black);
    display: inline-block;
    padding: 6px 18px;
    color: var(--bs-white);
    margin-top: 10px;
    transition: all 0.5s;
    text-transform: capitalize;
}
.news-sec .et_pb_post:hover .more-link {
    background: var(--bs-white);
    color:var(--theme-color1)
}
.news-sec .wp-pagenavi {
    width: 100%;
}
.news-sec .et_pb_posts .et_pb_ajax_pagination_container>div {
    width: 100%;
}
.news-sec .et_pb_posts .et_pb_ajax_pagination_container .wp-pagenavi {
    text-align: center;
    border: 0;
}
.news-sec .wp-pagenavi>* {
    padding: 7px 17px;
    background: var(--bs-black);
    display: inline-block;
    border-radius: 30px;
    color: var(--bs-white);
    transition: all 0.5s;
}
.news-sec .wp-pagenavi>*:hover {
    background: var(--theme-color1);
    color: var(--bs-white) !important;
}
.news-sec span.current {
    color: var(--theme-color1) !important;
}
/*--News-Page-Css-End--*/
/*--Career-Page-CSS-Start--*/
.career-sec .job-info-box{
  padding: 40px;
  border-radius: 20px;
  margin-bottom:40px;
  position: relative;
  background-color: var(--bs-white);
  border: 2px solid var(--theme-color1);
  box-shadow: 10px 10px 0px 0px var(--theme-color1);
  transition: var(--transition);
  &:last-child {
    margin-bottom: 0;
  }
  &:hover{
    background-color: rgba(var(--theme-color1-rgb), 0.05);
  }
  & h2 {
    font-size: clamp(1.375rem, 1.2434rem + 0.4211vw, 1.625rem);
  }
}
.career-sec .collab_box {
    color: var(--theme-color1);
    font-size: 20px;
    text-align: right;
}
.career-sec .job-info {
    display: grid;
    align-items: center;
    grid-template-columns: auto 160px;
}
.career-sec form#job-search select#sort_order {
    float: right;
}
.career-sec form#job-search input, .career-sec form#job-search select {
    background: #faf5f5;
    padding: 10px 40px 10px 20px !important;
    border-radius: 5px;
    border-color: var(--theme-color1);
    margin-left: 1em;
}
.career-sec form#job-search {
    margin-bottom: 30px !important;
}
.career-sec form#job-search select{
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="gray"><path d="M5 7l5 5 5-5H5z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 15px;
}
/*--Career-Page-CSS-End--*/
/* Web Design Page Css */
.how-we-work-icons-row{
   counter-reset: section; 
}
.how-we-work-icons-row .et_pb_main_blurb_image {
    width:100px;
    height:100px;
    display:flex;
    background-color:#e3e3e3;
    margin:auto;
    margin-bottom:40px;
    border-radius:50%;
    outline:2px solid var(--theme-color1);
    outline-offset:10px;
    position:relative;
    z-index:1;
}
.how-we-work-icons-row .et_pb_main_blurb_image:before{
    position:absolute;
    content:'';
    background-color:var(--theme-color1);
    inset:0;
    margin:auto;
    border-radius:50%;
    z-index:-1;
    opacity:0;
    width:0;
    height:0;
    transition:.4s;
}
.how-we-work-icons-row .et_pb_main_blurb_image:after{
    position:absolute;
    counter-increment: section;
    content: "0" counter(section) "";  
    width:35px;
    height:35px;
    background-color:var(--theme-color1);
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    color:white;
    right:-30px;
    top:0;
    bottom:0;
    margin:auto;
    border:2px solid white;
}
.how-we-work-icons-row .et_pb_main_blurb_image img{
    width:50px;
    height:50px;
    object-fit:contain;
}
.how-we-work-icons-row  .et_pb_column:hover .et_pb_main_blurb_image:before{
    opacity:1;
    width:100%;
    height:100%;
}
.how-we-work-icons-row  .et_pb_column:hover .et_pb_main_blurb_image img{
    filter:brightness(0) invert(1);
}
.how-we-work-icons-row  .et_pb_column:hover .et_pb_main_blurb_image:after{
    background-color: var(--bs-white);
    border-color:var(--theme-color1);
    color:var(--theme-color1);
}
/* Web Design Page Css End*/
/* Zencart Page Css */
.our-solution-sec .et_pb_column:hover .et_pb_blurb_description {
    color:white;
}
 .our-solution-sec .et_pb_column:hover  span.et_pb_image_wrap span{
    color:white;
}
/*  Zencart Page Css End */
/* Graphic Design Page Css */
.graphic-design-img-module,
.graphic-design-img-module span.et_pb_image_wrap,
.graphic-design-img-module span.et_pb_image_wrap  img{
    height:100%;
}
/* Graphic Design Page Css End*/
/* Magento Page Css */
.magento-sec .magento-row .et_pb_main_blurb_image span.et_pb_image_wrap{
width:100px;
height:100px;
background-color:var(--theme-color1);
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
}
.magento-sec .magento-row .et_pb_main_blurb_image{
    margin-bottom:20px;
}
/* Magento Page Css End*/
/*******  | FOOTER CODE |  *******/


.footer_links ul li {
    padding: clamp(0rem, -1.6705rem + 2.7273vw, 0.375rem) 0px;
}
.footer_links .fwidget {
    margin-bottom: 0px!important;
}
.footer_links ul li:before {
    content: '\f054';
    font-family: 'FontAwesome';
    margin-right: 10px;
    font-weight: 700;
    color: var(--bs-white);
}
.footer_links ul li:hover a {
    transform-origin: 0% 50%;
    transform: scaleX(1);
}
.footer_links ul li a:after,
.privacymenus ul li a:after{
    content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    height: 1em;
    width: 100%;
    border-bottom: 1px solid var(--bs-white);
    margin-top: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.footer_links ul li:hover a:after,
.privacymenus ul li:hover a:after{
	 opacity: 1;
	 -webkit-transform: scale(1);
	 transform: scale(1);
}
.footer_links ul li a,
.privacymenus ul li a {
    position: relative;
}
.footer_titles h2:after {
    content: '';
    position: absolute;
    background-image: linear-gradient(to left, var(--bs-white), #d39a9a99);
    -webkit-text-fill-color: transparent;
    width: 30%;
    height: 2px;
    left: 0px;
    bottom: 0px;
    z-index: 99999999;
}
.footer_titles h2 {
    position: relative;
}
.privacymenus .fwidget {
    margin-bottom: 0px!important;
    width: 1000%!important;
}
.privacymenus ul {
    display: flex;
    align-items: center;
    justify-content: end;
}
.privacymenus ul li {
	margin-bottom: 0px;
}
.footer_secs:before {
    background-image: url(/wp-content/uploads/2023/11/white9toate.png);
	background-position: top right;
	opacity: .1;
}
.footer_secs:after {
    background-image: url(/wp-content/uploads/2023/11/whiteshapes.png);
	background-position: bottom left;
	opacity: .1;
}
.footer_secs {
    overflow-x:hidden;
	overflow-y:auto;
}

/*--- Single Blog page css start ---*/

.single_blog_content ul {
    list-style: none;
    padding-left: 0px;
	padding-bottom: 0px;
}
.single_blog_content ul li {
    padding: 8px 0px;
    position: relative;
    display: flex;
}
.single_blog_content h2 {
    padding-bottom: 25px;
}
.single_blog_content ul li:before {
    content: '\52';
    font-family: 'ETmodules';
    margin-right: 10px;
    color: var(--theme-color1);
    font-weight: 700;
    vertical-align: middle;
}
.single_blog_content p {
    font-weight: 400!important;
}
.side_catgorylists {
    padding: 20px;
    box-shadow: 0px -3px 0px 0px #b0293e;
    border: 1px solid #b0293e;
    border-radius: 10px;
}
.side_catgorylists .fwidget {
    margin-bottom: 0px!important;
}
.side_catgorylists .fwidget ul li:not(:last-child) {
    border-bottom: 1px solid #0000000f;
}
.side_catgorylists .fwidget ul li {
    padding: 6px 0px;
    margin-bottom: 0px;
    font-size: 14px;
}
.side_catgorylists .fwidget ul li a {
    transition: 1s;
}
.side_catgorylists .fwidget ul li:hover a {
    color: #b62a40;
    margin-left: 20px;
}

/*--- Single Blog page css End ---*/


/*------ job listing  css Start ---*/

ul.job-listings {
    display: grid;
    grid-template-columns: repeat(3,1fr););
    gap: 20px;
    list-style: none!important;
}
ul.job-listings li {
    background: #8000000a;
    padding: 40px 30px;
    border-radius: 10px;
}
h3.job_title {
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: 600;
}
.top_box {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 14px 0px;
}
.top_box h5 {
    display: flex;
    align-items: center;
}
.top_box i {
    margin-right: 10px;
    background: #70000099;
    color: #fff;
    padding: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.bottom_box {
	display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 40px;
    font-size: 16px;
}
a.listbtn {
    background: var(--theme-color1);
    color: #fff;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: 700;
}

/*--- job listing  css end ---*/


/*---- single Job listing Css start ----*/

.top_info_header ul {
    display: flex;
    align-items: center;
    gap: 40px;
    list-style: none;
    padding-left: 0px;
    padding-bottom: 0px;
	margin: 10px 0px;
}
.top_info_header {
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 3px #1e293b26 !important;
    margin-bottom: 30px;
	background: #80000003;
    border: 1px solid #80000021;
}
.top_info_header ul li i {
    background: #800000 !important;
    color: #fff;
    padding: 10px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.top_info_header ul li {
    display: flex;
    align-items: center;
    gap: 10px;
}
.single-job-detail {
    box-shadow: 0 0 3px #1e293b26 !important;
    padding: 30px;
    background: #80000003;
    border: 1px solid #80000021;
    border-radius: 10px;
    width: clamp(16.23625rem, -0.4556rem + 27.2242vw, 22.99125rem);
}
.single-job-detail ul {
    list-style: none;
    padding-left: 0px;
}
.single-job-detail ul li {
    display: flex;
    align-items: center;
    gap: 20px;
	padding: 15px 0px;
}
.single-job-detail ul li:not(:last-child) {
    border-bottom: 1px solid #8000001c;
}
.single-job-detail ul li .info_listbox span {
    display: block;
    font-weight: 900;
}
.single-job-detail ul li .info_listbox i {
    font-size: 14px;
}
.single_job_main_wrapper .et_pb_column.et_pb_column_2_3 {
    min-height: 100vh;
}
.job_description ul, .job_description ol {
    list-style: none;
    padding-left: 0px;
	padding-bottom: 0px;
}
.job_description ul li:before, .job_description ol li:before {
    content: '\4e';
    font-family: 'ETmodules';
    background: #800000;
    color: #fff;
    padding: 2px;
    border-radius: 50%;
    margin-right: 10px;
    min-width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    margin-top: 4px;
}
.job_description ul li , .job_description ol li {
    display: flex;
    padding: 4px 0px;
}
.job_description p {
    padding: 12px 0px;
}
.job_description p strong {
    color: #000!important;
    letter-spacing: 0.2px;
}
.job_description p strong {
    color: #000!important;
    letter-spacing: 0.2px;
}
.single-job-detail ul li > i {
    background: #800000;
    color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.apply_btn {
    margin: 30px 0px;
}
.single_job_main_wrapper {
    position: relative;
    display: flex;
}
.top_title_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px!important;
}
.top_title_block a.apply_btn {
    margin: 0px!important;
}


/*----single Job listing  css end ----*/

/* --portfolio-list-sec-- */
/* .portfolio-list-sec {
    --border: 1px solid #342B0C1F;
    --arrow-size: clamp(2.25rem, 0.8463rem + 2.9283vw, 3.5rem);
    & .et_pb_post {        
        display: grid;
        grid-template-columns: 30% 70% 100%;
        gap: clamp(0.625rem, -0.0769rem + 1.4641vw, 1.25rem);
        align-items: center;
        border-top: var(--border);
        padding: clamp(1.875rem, 0.8222rem + 2.1962vw, 2.8125rem) clamp(0.625rem, -0.7787rem + 2.9283vw, 1.875rem);
        margin-bottom: 0;
        &:last-of-type {
            border-bottom: var(--border);
        }
        & .post-content {
            display: flex;
            gap: clamp(11.25rem, -2.0855rem + 27.8184vw, 23.125rem);
            align-items: center;
        }
        & .more-link{
            font-size: 0;
            &:before {
                content: "\f061";
                font-family: var(--font-awesome-free);
                font-weight: 900;
                width: var(--arrow-size);
                min-width: var(--arrow-size);
                height: var(--arrow-size);
                border: 1px solid var(--bs-black);
                border-radius: 50%;
                font-size: clamp(1.125rem, 0.7039rem + 0.8785vw, 1.5rem);
                display: flex;
                align-items: center;
                transition: var(--transition);
                color: var(--bs-black);
                justify-content: center;
            }
        }
        & .entry-featured-image-url {
            order: 3;
            margin-bottom: 0;
            position: absolute;
            width: clamp(10rem, 5.0869rem + 10.2489vw, 14.375rem);
            right: 0;
            top: 50%;
            z-index: 9;
        }
        & .entry-title {
            padding-bottom: 0;
            transition: var(--transition);
            & a:before {
                content: "\f0b1";
                font-family: var(--font-awesome-free);
                font-weight: 900;
                margin-right: clamp(0.3125rem, -0.0384rem + 0.7321vw, 0.625rem);
            }
        }
        & .entry-featured-image-url img {
            aspect-ratio: 0.9;
            object-fit: contain;
            padding: clamp(0.3125rem, -0.0384rem + 0.7321vw, 0.625rem);
            border-radius: clamp(0.3125rem, -0.0384rem + 0.7321vw, 0.625rem);
            transform: translate(-50%, -50%) scale(0) rotate(0deg);
            transition: var(--transition);
            border: 2px solid transparent;
            background: var(--bs-white);
            -webkit-border-radius: var(--border-radius);
            -moz-border-radius: var(--border-radius);
            border-radius: var(--border-radius);
        }
        &.active {
            & .entry-featured-image-url img {
                transform: translate(-50%, -50%) scale(1) rotate(4deg);
                box-shadow: var(--box-shadow);
                border: 2px solid var(--dark-color);
            }
            & .entry-title {
                & a:before {
                    color: var(--theme-color1);
                }
            }
            & .more-link{
                font-size: 0;
                &:before{
                    border-color: var(--theme-color1);
                    color: var(--bs-white);
                    background: var(--theme-color1);
                }
            }
        }
    }
} */
/* --portfolio-list-sec-close-- */
/* --portfolio-inner-- */
/* .et_pb_section.inner_banner {
    --padding: 104px;
    padding-top: var(--padding);
    padding-bottom: var(--padding);
    background-color: rgba(0, 0, 0, 0.58) !important;
    background-blend-mode: overlay;
    & h2 {
        color: var(--bs-white);
        text-align: center;
        font-size: 42px;
    }
}
.portfolio-items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.portfolio-item {
    flex: 0 0 auto;
    width: 50%;
    max-width: 100%;
    padding: 0 10px;
    position: relative;
    margin: 10px 0;
    & img {
        padding: clamp(0.3125rem, 0.148rem + 0.5263vw, 0.625rem);
        aspect-ratio: 1.5;
        width: 100%;
        object-fit: contain;
    }
    & h2 {
        position: absolute;
        bottom: 0;
        padding: clamp(1.125rem, 0.7961rem + 1.0526vw, 1.75rem);
        width: 100%;
        text-align: center;
        left: 0;
        background: linear-gradient(0deg, var(--theme-color1), transparent);
        color: var(--bs-white);
        letter-spacing: clamp(0rem, -0.0329rem + 0.1053vw, 0.0625rem);
        font-size: clamp(1.25rem, 1.0526rem + 0.6316vw, 1.625rem);
    }
    & a {
        position: relative;
        overflow: hidden;
        display: block;
        border: 2px solid #20202026;
        box-shadow: 5px 5px 0px 0px #ececec;
        border-radius: var(--border-radius);
    }
}

 */
/* --portfolio-inner-close-- */



/* --media-query-- */
@media screen and (min-width:1200px) and (max-width:1500px){
.home-slider-sec .et-pb-slider-arrows {
    bottom: 10%;
}
a.listbtn {
    background: var(--theme-color1);
    padding: 10px 15px;
}
}
@media only screen and (min-width:981px) {
    .reverse-row {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    
    .reverse-row .et_pb_column {
        margin-left: auto !important;
        margin-right: 0 !important;
    }
    
    .reverse-row .et_pb_column.et-last-child {
        margin-left: 0 !important;
    }
    .map_sec .et_pb_column {
        margin-top: -80px;
        z-index: 0;
    }
}

@media only screen and (max-width:1180px) {
}
@media only screen and (max-width:980px) {
.privacymenus ul {
    justify-content: center;
}
.home-slider-sec .et_pb_slide_content h1 {
    font-size: 60px;
}
.home-slider-sec .et_pb_slide_description:before{
    width:60%;
}
.home-slider-sec .et_pb_slide_description{
    margin-left:30px;
}
.home-slider-sec .et_pb_slide_description p {
    max-width: 90%;
}
.news-sec .et_pb_posts .et_pb_post {
    background: var(--theme-color1);
    padding: 40px;
}
.news-sec .et_pb_posts .et_pb_post .entry-featured-image-url {
    width: 100%;
    margin-bottom: 30px;
}
.news-sec .et_pb_posts .et_pb_post .entry-title, 
.news-sec .et_pb_posts .et_pb_post .post-meta, 
.news-sec .et_pb_posts .et_pb_post .post-content {
    width: 100%;
    padding-left: 0px;
}
.news-sec .et_pb_posts .et_pb_post:before, .news-sec .et_pb_posts .et_pb_post:after  {
    display: none;
}
.news-sec .et_pb_posts .et_pb_post {
    width: 100%;
}
.career-sec .job-info-box{
  padding: 40px 30px;
}
.career-sec .job_content {
    width: 100%;
}
.et_pb_section.inner_banner {
    --padding: 75px;
    & h2 {
        font-size: 35px;
    }
}
.mainheader_rows .et_pb_button_module_wrapper {
    display: none;
}
header #mega-menu-wrap-primary-menu #mega-menu-primary-menu {
    padding: 20px 20px 20px 20px !important;
    height: auto !important;
}
.service_opts {
    justify-content: center;
}
.aboutus-img:after {
    left: 20px;
}
.ct-video-shape {
    right: 200px;
}
.videoplay_btn {
    right: 370px;
}
.how-we-work-icons-row {
    justify-content: center;
}
/* .portfolio-list-sec .post-content-inner {
    padding-right: 30px;
} */
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 0px 15px;
}
.graphic-design-img-module span.et_pb_image_wrap,
.graphic-design-img-module span.et_pb_image_wrap img{
    width:100%;
}
.graphic-design-img-module span.et_pb_image_wrap img{
    height:550px;
    object-fit:cover;
}
.stock-image-row span.et_pb_image_wrap,
.stock-image-row span.et_pb_image_wrap img{
    width:100%;
}
.business-venture-sec span.et_pb_image_wrap,
.business-venture-sec span.et_pb_image_wrap img{
	width:100%;
}
.redefining-web-sec span.et_pb_image_wrap,
.redefining-web-sec span.et_pb_image_wrap img{
    width:100%;
}
.cross-platform-sec span.et_pb_image_wrap img{
    height:450px;
	object-fit:Cover;
}
.cross-platform-sec .et_pb_with_border.et_pb_module.et_pb_image {
    text-align:center;
}
.why-vofox-sec .et_pb_module.et_pb_image span.et_pb_image_wrap img{
    height:450px;
    object-fit:contain;
}
.case_studies_sec .et_pb_module.main_title h2{
    max-width:80%;
}
.single_job_main_wrapper {
    display: block;
}
.single-job-detail.stikcy-bar {
    width: 100%;
    position: relative !important;
}
.single-job-detail ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
ul.job-listings {
    grid-template-columns: repeat(2, 1fr);
}
a.listbtn {
    font-size: 14px;
    padding: 10px 40px;
}
.bottom_box {
    margin-top: 10px;
    flex-wrap: wrap;
    gap: 10px 40px;
}
.single_job_main_wrapper .et_pb_column.et_pb_column_2_3 {
    min-height: 100%;
}
.single-job-detail ul li:last-child{
    border-bottom: 1px solid #8000001c;
}
.career-sec form#job-search input, .career-sec form#job-search select {
    margin-left: 1em !important;
    margin: 10px 0px;
}
.career-sec form#job-search select#sort_order {
    float: none;
}
.career-sec form#job-search {
    text-align: center;
}
}

@media only screen and (max-width:768px) {
.footer_secs {
    background-size: cover!important;
}
}

@media only screen and (max-width:767px) {
.testimonial_secs .wpmtst-testimonial-image.testimonial-image  {
    --img-size: 110px;
    position:relative;
    top:0;
    left:0;
    transform: translateY(0%);
    max-width:100% !important;
}
.testimonial_secs .strong-rating-wrapper.in-view {
    position:relative;
    left:0;
    top:0;
    width:auto;
}
.testimonial_secs .wpmtst-testimonial-content.testimonial-content p {
    padding: 20px 0px 20px 0px !important;
    display: inline-block;
}
.testimonial_secs .strong-view.wpmtst-default .wpmtst-testimonial-inner {
    padding: 30px 30px 30px 35px;
}
.blog_secs a.more-link{
    position:relative;
    bottom:0;
    margin-top:10px;
}
.blog_secs .et_pb_blog_grid_wrapper article{
    min-height:auto;
}
.contact_form_info .wpcf7-text, .contact_form_info .wpcf7-textarea {
    padding: 12px 10px !important;
}
.home-slider-sec .et_pb_slide_description:before{
   display:none;
}
.home-slider-sec .et-pb-slider-arrows{
    bottom:0;
}
.home-slider-sec .et_pb_slide_content h1 {
    font-size: 30px;
}
.home-slider-sec .et_pb_slide_description{
    padding:0;
}
.news-sec .et_pb_posts .et_pb_post {
    padding: 20px;
}
/* .portfolio-list-sec {
    & .et_pb_post {
        grid-template-columns: repeat(1, 1fr);        
        & .post-content {
            display: flex;
            gap: 20px;
            align-items: center;
        }
        & .entry-featured-image-url {
            position: relative;
            order: unset;
            top: 0%;
            width: 100%;
            margin-bottom: 20px;
            & img {
                aspect-ratio: auto;
                transform: none !important;
            }
        }
    }

} */
.et_pb_section.inner_banner {
    --padding: 55px;
    & h2 {
        font-size: 28px;
    }
}
.portfolio-item {
    width: 100%;
}
.career-sec .job-info {
    grid-template-columns: 100%;
}
.career-sec .collab_box {
    text-align: left;
    margin-top: 10px;
}
.videoplay_btn, .ct-video-shape {
    right: 0;
}
.about_servicelist ul {
    gap: 20px;
}
#services_lists .owl-nav, #projects_lists .owl-nav {
    top: -75px;
}
.home-slider-sec .et_pb_slide_description p {
    max-width: 100%;
}
.aboutus-img:after, .ct-video-shape img {
    left: 30px;
    width: 100px;
    height: 100px;
}
.about-us-sec .about-us-col{
    max-width:80%;
}
/* .portfolio-list-sec .post-content-inner {
    padding-right: 0px;
} */
.premier-icon-sec .et_pb_column {
    width: 50% !important;
}
.ct-service-external1 .item--inner {
    margin-bottom: 40px;
    padding: 65px 24px 34px;
}
.strong-rating-wrapper .star svg {
    width: 17px;
}
.blog_secs .et_pb_blog_grid_wrapper article span.published {
    padding: 3px 11px;
    font-size: 14px;
}
.graphic-design-img-module span.et_pb_image_wrap img {
		height: 350px;
}
.cross-platform-sec span.et_pb_image_wrap img {
height: 350px;
}
.why-vofox-sec .et_pb_module.et_pb_image span.et_pb_image_wrap img {
height: 350px;
}
.case_studies_sec .et_pb_module.main_title h2{
    max-width:100%;
}
.top_info_header ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}
.single-job-detail ul {
    grid-template-columns: repeat(1, 1fr);
	gap: 0px;
	padding-bottom:0px;
}
ul.job-listings {
    grid-template-columns: repeat(1, 1fr);
}
.single-job-detail ul li:last-child{
    border-bottom: none;
}
.top_box {
    display: block;
}
.top_box h5 {
    font-size: 16px;
	margin: 10px 0px;
}
.bottom_box {
	margin-top: 15px;
}
.view_btn {
    margin-top: 15px;
}
}