/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
#slider_4885 img {
    border-radius: 30px;
}
.fusion-portfolio-content-wrapper {
    opacity: 1 !important;
}
.fusion-form select {
    color: #5d1b27;
}
.fusion-form-form-wrapper .fusion-form-field option {
    color: #5d1b27;
}
/**** con fom ***/
.con-page-form .wpcf7-form-control {
 /*   margin: 5px 0px;*/
    background: transparent !important;
	color: #5d1b27 !important;
}
.con-page-form input.wpcf7-form-control.has-spinner.wpcf7-submit {
    border: 2px solid #b18d92 !important;
    padding: 14px 30px !important;
    text-transform: uppercase;
    font-size: 12px !important;
    letter-spacing: 1px;
}
.con-page-form .wpcf7-form-control {
border: none !important;
    border-bottom: 2px solid #ae8d92 !important;
    border-radius: unset !important;
    padding: 0 !important;
    font-size: 14px !important;
	color: #5d1b27;
}
.con-page-form .wpcf7-select-parent .select-arrow {
    border-left: none;
    top: 5px;
    right: 1px;
    background: transparent !important;
    color: #690e0e;
}
.con-page-form .wpcf7-spinner {
    float: none;
    display: block;
}
.con-page-form ::placeholder {
    color: #5d1b27 !important;
}
.con-page-form .sub {
	text-align: center;
	width: 100%;
}
/*** con end ***/

.sidenavv {
    height: auto;
    position: fixed;
    z-index: 1;
    top: 130px;
    right: -100%;
    background-color: #007c709e;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 0px;
    z-index: 99999999;
}

.sidenavv a {
    padding: 8px 8px 8px 32px;
    /* text-decoration: none; */
    font-size: 25px;
    /* color: #818181; */
    /* display: block; */
    /* transition: 0.3s; */
}
.cffcust {
    padding: 15px;
}
.cffcust .wpcf7-form-control {
    margin: 5px 0px;
    background: transparent !important;
	color: #fff !important;
}
.cffcust .wpcf7-form-control option {
    background: #007c70;
}
.cffcust input.wpcf7-form-control.has-spinner.wpcf7-submit {
    border: 2px solid #fff !important;
    padding: 10px !important;
}
.cffcust .wpcf7-form-control {
border: none !important;
    border-bottom: 2px solid #fff !important;
    border-radius: unset !important;
    padding: 10px !important;
    font-size: 14px !important;
	color: #fff;
}
.cffcust .wpcf7-select-parent .select-arrow {
    border-left: none;
    top: 5px;
    right: 1px;
    background: #007c71;
    color: #fff;
  }
.cffcust ::placeholder {
    color: #fff !important;
}
.sidenavv a:hover {
  color: #f1f1f1;
}
.sidenavv .closebtn {
    position: absolute;
    top: -21px;
    left: -22px;
    font-size: 36px;
    color: #fff;
    margin-left: 0px;
}
#mainn {
    transition: margin-left .5s;
    /* padding: 16px; */
    transition: opacity 0.4s 0.1s ease;
    /* width: 300px;
    position: absolute; */
    top: 50%;
    background: #267c6f;
    right: -83px;
	position: fixed !important;
}

@media screen and (max-height: 450px) {
  .sidenavv {padding-top: 15px;}
  .sidenavv a {font-size: 18px;}
}
.sa_owl_theme.owl-carousel .owl-dots {
    display: none !important;
}
/***************Read More ****************/
.ner1 .cnm .txt-rdm {
    position:relative;
    height: 0px;
    overflow: hidden;
}
.ner1 .cnm.active .txt-rdm {
    position:relative;
    height: auto;
}
.ner1 .cnm .rd-txt2 {
    position: relative;
    height: 247px;
    overflow: hidden;
}
.ner1 .cnm.active .rd-txt2 {
    position: relative;
    height: auto;
}
.ner1 .cnm .rd-txt1 {
    position: relative;
    height: 288px;
    overflow: hidden;
}
.ner1 .cnm.active .rd-txt1 {
    position: relative;
    height: auto;
}

.ner1 .cnm .rd-txt {.sa_owl_theme
    position:relative;
    height: 75px;
    overflow: hidden;
}
.ner1 .cnm a.more {
    padding: 13px 25px !important;
    font-size: 10px !important;
    background: transparent !important;
    border: 2px solid #5d1b27;
    display: inline-block;
    line-height: 16px;
    text-transform: uppercase;
    cursor: pointer;
}
.ner1 .cnm a.more:before {
    content: 'Read More';
}
.ner1 .cnm.active a.more:before {
    content: 'Read Less';
}
.ner1 .cnm.active .rd-txt {
    position:relative;
    height: auto;
}
.ner1 .cnm.active .rd-txt:before {
   display:none;
}
p.font-size-28 {
     font-size: 28px;
    line-height: 1.2;
}
.mar-top-30 {
    margin-top: 30px !important;
}
.rd-txt ul, .rd-txt ol {
    padding-left: 20px;
}
.rd-txt ul li, .rd-txt ol li {
    margin-bottom:7px;
}
.mar-bot-28{
	margin-bottom:28px;
}
.mar-bot-10{
	margin-bottom:10px;
}
/********************* End Read More **************/
/**************** Inner Page Toggle *************/
.inr-pg-tog .panel-title a {

    padding: 8px 20px 10px 20px;
    font-size: 15px !important;
    margin-bottom: 12px;
}
.inr-pg-tog .panel-body.toggle-content {

    padding: 20px 20px 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.inr-pg-tog .panel-body.toggle-content p{
	margin-bottom:0;
}
/**************** end Inner Page Toggle *************/
.sa_hover_fullslide a.sa_slide_link_icon {
    background: transparent !important;
}
/* .sticky-apply {
    position: fixed;
    bottom: 50%;
    right: -96px;
    background: #267C6F;
    padding: 12px 12px 8px 12px;
    z-index: 11111111;
    transform: rotate(270deg);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
} */
.sticky-apply {
    position: fixed;
    /* bottom: 50%; */
    /* right: -96px; */
    background: #267C6F;
    /* padding: 12px 12px 8px 12px; */
    z-index: 11111111;
    transform: rotate(270deg);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.sticky-apply a {
    color: white!important;
    padding-left: 10px!important;
    padding-right: 10px;
    padding-bottom: 4px!important;
    display: block;
    font-family: 'Iskry Bold';
    font-size: 18px;
}
.pad-top-bot{
	padding-top:100px !important;
	padding-bottom:80px !important;
}
/**************************Process 2 *********************/
/*.pro2-main {
    display: flex;
    width: 100%;
    flex-basis: 20%;
	    margin-top: 40px;
}
.pro2-inr {
    flex: 20%;
    margin-right: 5%;
}
.pro2-inr.mar-top5.aft5 {
    margin-right: 0;
}
span.pro2-num {
    display: block;
    line-height: 1.2;
}
span.pro2-til {
    font-family: 'Iskry Bold';
    font-size: 22px;
    margin-bottom: 14px;
    display: block;
    margin-top: 13px;
}
.pro2-im {
    display: inline-block;
    border: 2px solid;
    padding: 12px;
    border-radius: 50%;
    margin-bottom: 20px;
    position: relative;
}
.pro2-im img {
    padding: 10px;
    width: 60px;
}
p.pro2-txt {
    font-size: 14px;
}*/
.pro2-main {
    display: flex;
    width: 100%;
    flex-basis: 20%;
}
.pro2-inr {
    flex: 20%;
}
span.pro2-num {
    display: block;
    line-height: 1.2;
}
span.pro2-til {
    font-family: 'Iskry Bold';
    font-size: 22px;
    margin-bottom: 14px;
    display: block;
    margin-top: 13px;
}
.pro2-im {
    display: inline-block;
    border: 2px solid;
    padding: 12px;
    border-radius: 50%;
    margin-left: 35px;
    position: relative;
}
.pro2-im img {
    padding: 10px;
    width: 60px;
}

.pro2-inr.mar-top2 {
    margin-top: 331px;
}
.pro2-inr.mar-top4 {
    margin-top: 331px;
}
.aft1 .pro2-im:after {
    content: '';
    position: absolute;
    display: block;
    border-bottom: 2px dashed;
    width: 249px;
    top: 50%;
    left: 100%;
}
.aft2 .pro2-im:before {
    content: '';
    position: absolute;
    display: block;
    border-left: 2px dashed;
    height: 91%;
    top: -80px;
    left: 50%;
}
.aft2 .pro2-im:after {
    content: '';
    position: absolute;
    display: block;
    border-bottom: 2px dashed;
    width: 249px;
    top: 50%;
    left: 100%;
}
.aft3 .pro2-im:before {
    content: '';
    position: absolute;
    display: block;
    border-left: 2px dashed;
    height: 91%;
    bottom: -80px;
    left: 50%;
}
.aft3 .pro2-im:after {
    content: '';
    position: absolute;
    display: block;
    border-bottom: 2px dashed;
    width: 249px;
    top: 50%;
    left: 100%;
}
.aft4 .pro2-im:before {
    content: '';
    position: absolute;
    display: block;
    border-left: 2px dashed;
    height: 91%;
    top: -80px;
    left: 50%;
}
.aft4 .pro2-im:after {
    content: '';
    position: absolute;
    display: block;
    border-bottom: 2px dashed;
    width: 249px;
    top: 50%;
    left: 100%;
}
.aft5 .pro2-im:before {
    content: '';
    position: absolute;
    display: block;
    border-left: 2px dashed;
    height: 91%;
    bottom: -80px;
    left: 50%;
}
p.pro2-txt {
    font-size: 14px;
	min-height:100px;
}
@media screen and (max-width: 1300px) and (min-width: 1100px){
span.pro2-til {
    font-size: 15px;
	margin-bottom: 8px;
}
p.pro2-txt {
    font-size: 11px;
    min-height: 100px;
}
.aft1 .pro2-im:after {
    width: 123px;
}
.aft2 .pro2-im:after {
    width: 123px;
}
.aft3 .pro2-im:after {
    width: 123px;
}
.aft4 .pro2-im:after {
    width: 123px;
}
.pro2-inr.mar-top2 {
    margin-top: 312px;
}
.pro2-inr.mar-top4 {
    margin-top: 312px;
}
}
@media screen and (max-width: 1400px) and (min-width: 1301px){
span.pro2-til {
    font-size: 17px;
	margin-bottom: 8px;
}
p.pro2-txt {
    font-size: 12px;
    min-height: 109px;
}
.aft1 .pro2-im:after {
    width: 141px;
}
.aft2 .pro2-im:after {
    width: 141px;
}
.aft3 .pro2-im:after {
    width: 141px;
}
.aft4 .pro2-im:after {
    width: 141px;
}
.pro2-inr.mar-top2 {
    margin-top: 323px;
}
.pro2-inr.mar-top4 {
    margin-top: 323px;
}
}
/**************************Process 2  End *********************/

/******************abt Process ******************/
.abt-why h6.content-box-heading {
    font-family: 'Iskry Bold';
	text-align:left !important;
}
.abt-why .content-container {
    font-size: 14px;
    text-align: left !important;
}
.abt-why .image {
    text-align: left;
}
.abt-why .col.content-box-wrapper.content-wrapper {
    padding: 0 50px;
}
p.his-til {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 7px;
    font-size: 20px;
}
p.his-txt {
    margin-bottom: 0;
    font-size: 13px;
    text-align: center;
}
span.fusion-imageframe.his {
    background: #5d1b27;
    border-radius: 50%;
    padding: 20px;
	overflow:visible;
}
.his img {
    filter: invert(1) brightness(2);
    padding: 6px;
}
span.fusion-imageframe.his:after {
    width: 90px;
    left: calc(100% + 1px);
    border-color: #938267;
    content: '';
    position: absolute;
    display: inline-block;
    border-top: 1px solid #938267;
    z-index: -476;
    top: 50%;
}
span.fusion-imageframe.his:before {
    top: 49%;
left: calc(100% + 72px);
    width: 12px;
    height: 12px;
    border-right: 1px solid #000000;
    color: #000000;
    content: "";
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    display: inline-block;
    border-top: 1px solid #000000;
}
span.fusion-imageframe.his-lst:before, span.fusion-imageframe.his-lst:after{
	display:none;
}
.hid{
	display:none !important;
}
/******************abt Process ******************/
.show-det-main {
 /*   border: 1px solid;*/
}
.det a {
    display: block;
    margin-bottom: 16px;
    font-size: 15px;
}
.det a i {
    margin-right: 7px;
}
p.show-til {
    font-size: 25px;
    font-family: 'Iskry Bold';
    line-height: 37px;
    margin-bottom: 12px;
    padding:0px 20px 0 20px;
}
.det {
    padding: 0 20px;
}
.timi p {
    font-family: 'Iskry Bold';
    font-size: 21px;
    line-height: 32px;
  margin-bottom: 12px;
}
.timi {
    font-size: 15px;
   /* margin-top: 31px;
    border-top: 1px solid;*/
    padding: 20px;
}
.process-tab a.tab-link h4.fusion-tab-heading {
    font-family: 'Iskry Bold';
    font-size: 19px;
    color: #5d1b27;
    font-weight: 800;
}
.process-tab a.tab-link {
    background: transparent !important;
    border: 1px solid #5d1b27 !important;
    padding: 21px 30px !important;
}
.process-tab .tab-pane {
       border: 1px solid !important;
    padding: 40px 50px 10px 50px !important;
    height: 387px !important;
    overflow-y: hidden;
}
.prd-pro-stp-wrap {
    overflow-y: auto;
    height: 324px;    padding-right: 10px;
}
/* ========================= */
/*      CUSTOM SCROLLBAR     */
/* ========================= */

/* Scrollbar width */
.prd-pro-stp-wrap::-webkit-scrollbar {
    width:3px;                         /* Width of the scrollbar */
}

/* Scrollbar background track */
.prd-pro-stp-wrap::-webkit-scrollbar-track {
    background: #f0f0f0;                /* Light grey track background */
    border-radius: 10px;                /* Rounded edges */
}

/* Scrollbar thumb (the moving part) */
.prd-pro-stp-wrap::-webkit-scrollbar-thumb {
    background: #b5b5b5;                /* Scroll thumb color */
    border-radius: 10px;                /* Rounded scroll thumb */
}

/* Scrollbar thumb on hover */
.prd-pro-stp-wrap::-webkit-scrollbar-thumb:hover {
    background: #999;                   /* Darker on hover */
}
.prd-pro-stp {
    position: absolute;
    top: 0px;
    right: 0;
    background: #5d1b27;
    color: white;
    font-size: 13px;
    padding: 10px 19px;
    border-bottom-left-radius: 7px;
    line-height: 1;
}
.pro-im {
    display: inline-block;
    border: 2px solid;
    border-radius: 50%;
    padding: 9px;
    margin-bottom: 19px;
}
.pro-im img {
    padding: 8px;
}
.fusion-blog-shortcode .fusion-post-wrapper {
    border: 0 !important;
}
.fusion-blog-shortcode .fusion-post-wrapper .fusion-flexslider.flexslider.fusion-post-slideshow {
    border: 0 !important;
}
@media screen and (max-width: 768px) and (min-width: 300px){
.sa_owl_theme.owl-carousel .owl-dots {
    display: block !important;
}
.pro2-main {
    flex-direction: column;
	margin-top:40px;
}
.pro2-inr {
    margin-right: 0%;
    margin-bottom: 26px;
}
.pro2-im {
    margin-left: 0;
}
.aft1 .pro2-im:after{
    display:none;		
}
.aft2 .pro2-im:before{
	display:none;
}
.aft2 .pro2-im:after{
	display:none;
}
.aft3 .pro2-im:before{
	display:none;
}
.aft3 .pro2-im:after{
	display:none;
}
.aft4 .pro2-im:before{
	display:none;
}
.aft4 .pro2-im:after{
	display:none;
}
.aft5 .pro2-im:before{
	display:none;
}
.aft2 {
    display: flex;
    flex-direction: column;
}
.aft2 .pro2-im {
    width: 88px;
    -webkit-order: 4;
}
.mar-top2 {
    margin-top: 8% !important;
}
.mar-top3 {
    margin-top: 8% !important;
}
.aft4 {
    display: flex;
    flex-direction: column;
}
.aft4 .pro2-im {
    width: 88px;
    -webkit-order: 4;
}
.mar-top4 {
    margin-top: 8% !important;
}
.mar-top5 {
    margin-top: 8% !important;
}
.abt-why .col.content-box-wrapper.content-wrapper {
    padding: 0 0px;
}
.res-size h3 {
    font-size: 26px !important;
}
.frm-txt p {
    font-size: 13px;
}
.pop-qu-t h3 {
    font-size: 25px !important;
}
div#popmake-14 {
    top: 20% !important;
}
p.show-til {
    font-size: 22px;
    line-height: 35px;
    padding: 0px 13px 0 13px;
}
.det {
    padding: 0 13px;
}
.det a {
    font-size: 12px;
}
.timi {
    font-size: 12px;
    padding: 20px 13px;
}
.timi p {
    font-size: 22px;
    line-height: 34px;
}
p.pro2-txt {
    min-height: auto;
}
.process-tab .tab-pane {
    padding: 20px 20px 10px 20px !important;
	    position: relative;
}
.process-tab .tab-pane p {
    font-size: 14px;
}
.process-tab a.tab-link {
    padding: 11px 20px !important;
}
.process-tab a.tab-link h4.fusion-tab-heading {
    font-size: 16px;
}
.fusion-portfolio-grid .fusion-portfolio-post {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 50% !important;
    height: auto !important;
    float: none;
}
.fusion-portfolio-content a {
    font-size: 11px;
}
.project-tab .tab-pane {
    padding-top: 10px !important;
}
.project-tab .nav.fusion-mobile-tab-nav {
    display: none !important;
}
.project-tab.fusion-tabs .nav {
    display: block;
}
.sidenavv {
right: -125%;
}
}
/***************** Types of Kitchen Designs *****************/
.ser-inf-main {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.ser-im-main {
    position: relative;
}
.ser-im-main:before {
    content: '';
    background: rgb(233 224 209 / 50%);
    display: block;
    position: absolute;
    width: 95%;
    height: 91%;
    top: 50%;
    transition: all ease-in-out 0.3s;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    backdrop-filter: blur(2px);
}
.ser-inf-main:hover .ser-im-main:before {
    background: rgb(233 224 209 / 77%);
    transition: all ease-in-out 0.3s;
    opacity: 1;
}
.vs-feature-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    z-index: 1;
    padding: 30px;
    padding-bottom: 25px;
    padding-top: 60px;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.4s;
    text-align: justify;
	height:89%;
}
.vs-feature-content:before {
    content: "";
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    background-image: linear-gradient(to top, rgb(233 224 209 / 100%) 40%, rgba(0, 0, 0, 0) 100%);
}
.ser-inf-main:hover .vs-feature-content {
    opacity: 1;
    visibility: visible;
    top: 10px;
}
/* Tooltip text: initially hidden */
.pro2-im .tooltip-hv {
    visibility: hidden;       /* hide tooltip by default */
    opacity: 0;               /* fade effect */
    width: 400px;
    background-color: #5d1b27 ;
    color: #fff;
    text-align: left;
    padding: 12px 15px;
    border-radius: 6px;
    position: absolute;
    bottom: 110%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    transition: opacity 0.3s 
ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

/* Tooltip arrow pointing down to image */
.pro2-im .tooltip-hv::after {
    content: "";
    position: absolute;
    top: 100%;                /* place arrow below tooltip */
    left: 50%;                /* center horizontally */
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color:#5d1b27 transparent transparent transparent;
}

/* Show tooltip on hover of container */
.pro2-im:hover .tooltip-hv {
    visibility: visible;
    opacity: 1;
}

/* Optional: make tooltip scrollable if content is long */
.pro2-im .tooltip-hv .tooltip-inner {
    max-height: 200px;        /* adjust height */
    overflow-y: auto;
    margin: 0;                /* remove default margin */
}

/* Optional: custom scrollbar for tooltip */
.pro2-im .tooltip-hv .tooltip-inner::-webkit-scrollbar {
    width: 3px;
}

.pro2-im .tooltip-hv .tooltip-inner::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 5px;
}

.pro2-im .tooltip-hv .tooltip-inner::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.4);
    border-radius: 5px;
}
.pro2-im .tooltip-inner p{
    font-family: "Good Sans 400";
    font-weight: 300;
    color:#fff;
        font-size: 13px;
    line-height: 24px;    
    margin: 0;
}
.pro2-im .tooltip-inner {
    max-width: 100%;
    padding: 3px 8px;
    color: #d1d1d2;
    text-align: center;
    text-decoration: none;
    background-color: #5d1b27;
    border-radius: 4px;
    background-clip: padding-box;
    font-family: "Good Sans 400";
    font-weight: 300;
}

.pro2-im .tooltip-hv::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,0.6);
}
@media screen and (max-width: 1370px) and (min-width: 1100px){
.vs-feature-content {
        padding-top: 0;
        font-size: 12px !important;
	    padding: 20px;
}
}
/***************** End Types of Kitchen Designs *****************/
/********************** Case Study ******************/
.txt-up {
    text-transform: uppercase;
    line-height: 1.6;
}
ul.sace-1 {
    list-style: none;
    padding-left: 35px;
	margin-top:0;
		margin-bottom:0;
}
.sace-1 li {
    position: relative;
    margin-bottom: 28px;
    text-indent: -20px;
}
.sace-1 li:before {
    content: '';
    background-image: url(/wp-content/uploads/2023/11/shap-list.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    height: 21px;
    width: 20px;
    top: 11px;
    right: 15px;
}
/********************** End Case Study ******************/

@media screen and (max-width: 1920px){
    .aft1 .pro2-im:after,
    .aft2 .pro2-im:after ,
    .aft3 .pro2-im:after ,
    .aft4 .pro2-im:after ,
    .aft5 .pro2-im:after {
        width: 228px;
    }
}

@media screen and (max-width: 1850px){
    .aft1 .pro2-im:after,
    .aft2 .pro2-im:after ,
    .aft3 .pro2-im:after ,
    .aft4 .pro2-im:after ,
    .aft5 .pro2-im:after {
        width: 11.9vw;
    }
}

@media screen and (max-width: 1680px){
    .aft1 .pro2-im:after,
    .aft2 .pro2-im:after ,
    .aft3 .pro2-im:after ,
    .aft4 .pro2-im:after ,
    .aft5 .pro2-im:after {
        width: 194px;
    }
	.aft3 .pro2-im:before {
        height: 50%;
        bottom: -43px;
    }
    .aft4 .pro2-im:before {
        height: 50%;
        top: -43px;
    }
  
}

@media screen and (max-width: 1600px){
    .aft1 .pro2-im:after,
    .aft2 .pro2-im:after ,
    .aft3 .pro2-im:after ,
    .aft4 .pro2-im:after ,
    .aft5 .pro2-im:after {
        width: 182px;
    }
	.aft3 .pro2-im:before {
        height: 50%;
        bottom: -43px;
    }
    .aft4 .pro2-im:before {
        height: 50%;
        top: -43px;
    }
}

@media screen and (max-width: 1536px){
    .aft1 .pro2-im:after,
    .aft2 .pro2-im:after ,
    .aft3 .pro2-im:after ,
    .aft4 .pro2-im:after ,
    .aft5 .pro2-im:after {
        width: 172px;
    }
	.aft5 .pro2-im:before {
        height: 66%;
        bottom: -57px;
    }
}

@media screen and (max-width: 1440px){
    .aft1 .pro2-im:after,
    .aft2 .pro2-im:after ,
    .aft3 .pro2-im:after ,
    .aft4 .pro2-im:after ,
    .aft5 .pro2-im:after {
        width: 11vw;
    }
    .aft3 .pro2-im:before {
        height: 50%;
        bottom: -43px;
    }
    .aft4 .pro2-im:before {
        height: 50%;
        top: -43px;
    }
    .aft5 .pro2-im:before {
        height: 66%;
        bottom: -57px;
    }
}

@media screen and (max-width: 1366px){
    .aft1 .pro2-im:after, .aft2 .pro2-im:after, .aft3 .pro2-im:after, .aft4 .pro2-im:after, .aft5 .pro2-im:after {
        width: 10.7vw;
    }
    .aft3 .pro2-im:before {
        height: 91%;
        bottom: -80px;
    }
    .aft4 .pro2-im:before {
        height: 91%;
        top: -80px;
    }
    .aft5 .pro2-im:before {
        height: 91%;
        bottom: -80px;
    }
}

@media screen and (max-width: 1280px){
    .aft1 .pro2-im:after, .aft2 .pro2-im:after, .aft3 .pro2-im:after, .aft4 .pro2-im:after, .aft5 .pro2-im:after {
        width: 134px;
    }
    .aft3 .pro2-im:before {
        height: 91%;
        bottom: -80px;
    }
    .aft4 .pro2-im:before {
        height: 91%;
        top: -80px;
    }
    .aft5 .pro2-im:before {
        height: 91%;
        bottom: -80px;
    }
}

@media screen and (max-width: 1279px){
	.process-desktop{
		display:none !important
	}
	 body:not(.fusion-builder-ui-wireframe) .fusion-no-large-visibility.process-mobile {
        display: flex !important;
    }
}

@media screen and (max-width: 1200px){
    .aft1 .pro2-im:after, .aft2 .pro2-im:after, .aft3 .pro2-im:after, .aft4 .pro2-im:after, .aft5 .pro2-im:after {
        width: 10.2vw;
    }
}

@media screen and (max-width: 575px){
    .process-tab .tab-pane {
        height: auto !important;
        overflow-y: hidden;
    }
    .prd-pro-stp-wrap {
        overflow-y: auto;
        height: auto;    padding-right: 0px;
    }
}