/* Colors */
:root{
    --primary-gray-500 : #9d9d9c;
    --primary-red-50 : #fcf3f4;
    --primary-red-100 : #f1cad0;
    --primary-red-200 : #e7a2ad;
    --primary-red-300 : #dc7989;
    --primary-red-400 : #d25165;
    --primary-red-500 : #bd3147;
    --primary-red-600 : #962738;
    --primary-red-700 : #6d1c29;
    --primary-red-800 : #45121a;
    --primary-red-900 : #1c070b;
    --primary-yellow-50 : #fffcf5;
    --primary-yellow-100 : #fff8e5;
    --primary-yellow-200 : #ffebb2;
    --primary-yellow-300 : #ffde80;
    --primary-yellow-400 : #ffd14c;
    --primary-yellow-500 : #ffc318;
    --primary-yellow-600 : #e5aa00;
    --primary-yellow-700 : #b28400;
    --primary-yellow-800 : #805e00;
    --primary-yellow-900 : #4c3900;
    --primary-yellow-950 : #191300;
    --primary-natural-0 : #ffffff;
    --primary-natural-25 : #efefef;
    --primary-natural-50 : #e6e6e6;
    --primary-natural-100 : #cccccc;
    --primary-natural-200 : #b3b3b3;
    --primary-natural-300 : #999999;
    --primary-natural-400 : #808080;
    --primary-natural-500 : #666666;
    --primary-natural-600 : #4c4c4c;
    --primary-natural-700 : #333333;
    --primary-natural-800 : #191919;
    --primary-natural-900 : #0d0d0d;
    --kasbi-yellow : #fdba4d;
    --gray-2 : #F2F2F2;
    --gray-3 : #525252;
	
	--vesal-gray-200 : #f5f5f5f5;
	--vesal-gray-300 : #e1e1e1;
	--vesal-gray-400 : #bebebe;
	--vesal-gray-500 : #767676;
	--vesal-gray-600 : #4e4e4e;
	--vesal-gray-700 : #222222;	

    --kasbi-max-width: 1400px;
}

.primary-gray-500 {color: var(--primary-gray-500)}
.bg-primary-gray-500 {background-color: var(--primary-gray-500)}
.primary-red-50 {color: var(--primary-red-50)}
.bg-primary-red-50 {background-color: var(--primary-red-50)}
.primary-red-100 {color: var(--primary-red-100)}
.bg-primary-red-100 {background-color: var(--primary-red-100)}
.primary-red-200 {color: var(--primary-red-200)}
.bg-primary-red-200 {background-color: var(--primary-red-200)}
.primary-red-300 {color: var(--primary-red-300)}
.bg-primary-red-300{background-color: var(--primary-red-300)}
.primary-red-400 {color: var(--primary-red-400)}
.bg-primary-red-400{background-color: var(--primary-red-400)}
.primary-red-500 {color: var(--primary-red-500)}
.bg-primary-red-500{background-color: var(--primary-red-500)}
.primary-red-600 {color: var(--primary-red-600)}
.bg-primary-gray-600{background-color: var(--primary-natural-600)}
.primary-red-700 {color: var(--primary-red-700)}
.bg-primary-red-700 {background-color: var(--primary-red-700)}
.primary-red-800 {color: var(--primary-red-800)}
.bg-primary-red-800 {background-color: var(--primary-red-800)}
.primary-red-900 {color: var(--primary-red-900)}
.bg-primary-red-900 {background-color: var(--primary-red-900)}
.primary-yellow-50 {color: var(--primary-yellow-50)}
.bg-primary-yellow-50 {background-color: var(--primary-yellow-50)}
.primary-yellow-100 {color: var(--primary-yellow-100)}
.bg-primary-yellow-100 {background-color: var(--primary-yellow-100)}
.primary-yellow-200 {color: var(--primary-yellow-200)}
.bg-primary-yellow-200 {background-color: var(--primary-yellow-200)}
.primary-yellow-300 {color: var(--primary-yellow-300)}
.bg-primary-yellow-300 {background-color: var(--primary-yellow-300)}
.primary-yellow-400 {color: var(--primary-yellow-400)}
.bg-primary-yellow-400 {background-color: var(--primary-yellow-400)}
.primary-yellow-500 {color: var(--primary-yellow-500)}
.bg-primary-yellow-500 {background-color: var(--primary-yellow-500)}
.primary-yellow-600 {color: var(--primary-yellow-600)}
.bg-primary-natural-600 {background-color: var(--primary-yellow-600)}
.primary-yellow-700 {color: var(--primary-yellow-700)}
.bg-primary-yellow-700{background-color: var(--primary-yellow-700)}
.primary-yellow-800 {color: var(--primary-yellow-800)}
.bg-primary-yellow-800 {background-color: var(--primary-yellow-800)}
.primary-yellow-900 {color: var(--primary-yellow-900)}
.bg-primary-yellow-900 {background-color: var(--primary-yellow-900)}
.primary-yellow-950 {color: var(--primary-yellow-950)}
.bg-primary-yellow-950 {background-color: var(--primary-yellow-950)}
.primary-natural-0 {color: var(--primary-natural-0)}
.bg-primary-natural-0 {background-color: var(--primary-natural-0)}
.primary-natural-25 {color: var(--primary-natural-25)}
.bg-primary-natural-25 {background-color: var(--primary-natural-25)}
.primary-natural-50 {color: var(--primary-natural-50)}
.bg-primary-natural-50 {background-color: var(--primary-natural-50)}
.primary-natural-100 {color: var(--primary-natural-100)}
.bg-primary-natural-100 {background-color: var(--primary-natural-100)}
.primary-natural-200 {color: var(--primary-natural-200)}
.bg-primary-natural-200 {background-color: var(--primary-natural-200)}
.primary-natural-300 {color: var(--primary-natural-300)}
.bg-primary-natural-300 {background-color: var(--primary-natural-300)}
.primary-natural-400 {color: var(--primary-natural-400)}
.bg-primary-natural-400 {background-color: var(--primary-natural-400)}
.primary-natural-500 {color: var(--primary-natural-500)}
.bg-primary-natural-500 {background-color: var(--primary-natural-500)}
.primary-natural-600 {color: var(--primary-natural-600)}
.bg-primary-natural-600 {background-color: var(--primary-natural-600)}
.primary-natural-700 {color: var(--primary-natural-700)}
.bg-primary-natural-700 {background-color: var(--primary-natural-700)}
.primary-natural-800 {color: var(--primary-natural-800)}
.bg-primary-natural-800 {background-color: var(--primary-natural-800)}
.primary-natural-900 {color: var(--primary-natural-900)}
.bg-primary-natural-900 {background-color: var(--primary-natural-900)}

.text_vesal_gray_200{color:var(--vesal-gray-200) !important}
.text_vesal_gray_300{color:var(--vesal-gray-300) !important}
.text_vesal_gray_400{color:var(--vesal-gray-400) !important}
.text_vesal_gray_500{color:var(--vesal-gray-500) !important}
.text_vesal_gray_600{color:var(--vesal-gray-600) !important}
.text_vesal_gray_700{color:var(--vesal-gray-700) !important}

.bg_vesal_gray_200{background-color:var(--vesal-gray-200) !important}
.bg_vesal_gray_300{background-color:var(--vesal-gray-300) !important}
.bg_vesal_gray_400{background-color:var(--vesal-gray-400) !important}
.bg_vesal_gray_500{background-color:var(--vesal-gray-500) !important}
.bg_vesal_gray_600{background-color:var(--vesal-gray-600) !important}
.bg_vesal_gray_700{background-color:var(--vesal-gray-700) !important}


.kasbi-yellow {color: var(--kasbi-yellow)}
.text-gray-2{color: var(--gray-2)}
.bg-gray-2{background: var(--gray-2)}
.text-gray-3{color: var(--gray-3)}
.bg-gray-3{background: var(--gray-3)}
.bg-dark-hover:hover{background: #000000 !important;}

.bg-kasbi-yellow{background:var(--kasbi-yellow) !important;}
.filter-kasbi{filter:invert(74%) sepia(46%) saturate(598%) hue-rotate(345deg) brightness(96%) contrast(108%);}
.filter-kasbi-hover:hover, *:hover:has(>.filter-kasbi-hover) .filter-kasbi-hover{filter:invert(74%) sepia(46%) saturate(598%) hue-rotate(345deg) brightness(96%) contrast(108%);}

.invert_hover_yellow .card-img-bundle{border-radius:10px}
.invert_hover_yellow .card-img{padding:10px;filter:invert(100%) sepia(0%) saturate(2%) hue-rotate(212deg) brightness(111%) contrast(101%);}
.invert_hover_yellow:hover .card-img-bundle{background:#000;}
.invert_hover_yellow:hover .card-img{background:transparent;filter:invert(91%) sepia(14%) saturate(3358%) hue-rotate(322deg) brightness(103%) contrast(98%);}

::placeholder {color: #999 !important;  opacity: 0.85;}
::-ms-input-placeholder { color: #999 !important;}

/* Typography */
body.wp-theme-zoha,body.wp-theme-zoha * {
    font-weight: unset!important
}

.title-01{font:700 36px/1.5 custom_font_1 !important; font-variation-settings: "wght" 700 !important;}
.title-02{font:600 20px/1.5 custom_font_1 !important; font-variation-settings: "wght" 600 !important;} 
.title-03{font:600 16px/1.5 custom_font_1 !important; font-variation-settings: "wght" 600 !important; }

/* General */
.bg_Semicircle{position:relative;z-index:0;overflow: hidden;background:#f2f2f2}
.bg_Semicircle:before, .bg_Semicircle:after{content:"";position:absolute;right:calc(50% - 3000px);bottom:calc(100% - 160px);width:6000px;height:6000px;background:#fff;display:block;z-index:-1;border-radius:100%}
.bg_Semicircle:after{bottom:-160px;background:transparent;z-index:-2;border:160px solid #fff}
@media(max-width:768px){
    .bg_Semicircle:before, .bg_Semicircle:after{right:calc(50% - 1000px);bottom:calc(100% - 80px);width:2000px;height:2000px;}
    .bg_Semicircle:after{bottom:-70px;border:70px solid #fff}
}
.bg_Semicircle_not_top:before{display:none}
.bg_Semicircle_not_bottom:after{display:none}

.odd_even .widget-body>.row>.col:nth-child(2n+1) .card>.row {
    flex-direction: row-reverse
}

.bg_dark_img_yellow_switch:hover{background-color:var(--global-color-one) !important;}
.bg_dark_img_yellow_switch:hover > img {filter: invert(32%) sepia(0%) saturate(17%) hue-rotate(155deg) brightness(90%) contrast(92%);}


.search_form{max-width:500px;margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative}
.search_form input[type="search"]{width:500px;height:45px;border-radius:8px;border:0px;padding-left:30px;padding-right:10px}
.search_form #searchsubmit{width:24px;height:24px;background:url(https://kasbi.co/wp-content/uploads/2025/03/zoom.svg) no-repeat center;display:block;position:absolute;left:5px;top:calc(50% - 12px)}

.nav-link .kasbi-yellow{color:inherit}

.bg_dark_icons .card .card-img{padding:10px}
.bg_dark_icons .card div:has(>.card-img){background:var(--gray-3);border-radius:10px}
.bg_dark_icons .card:hover div:has(>.card-img){background:#000000;}
.bg_dark_icons .card:hover .card-img{filter:invert(69%) sepia(59%) saturate(463%) hue-rotate(350deg) brightness(201%) contrast(98%)}

.bg_dark_icons.bg_dark_icons_red .card:hover div:has(>.card-img){background: #e6e6e6;}
.bg_dark_icons .card:hover .card-img{filter:invert(31%) sepia(39%) saturate(2613%) hue-rotate(321deg) brightness(82%) contrast(96%);}

.slider_side_pagination .card-text{max-width: 50%;}
.slider_side_pagination .card > .card-img-bundle:before{content:"";width:100%;height:100%;background:rgba(0,0,0,0.7);position:absolute;right:0;top:0}
.slider_side_pagination .swiper-pagination-wrapper{position:relative;z-index:1;max-width:1400px;margin:0 auto;display:flex;justify-content:flex-start;}
.slider_side_pagination .swiper-pagination-wrapper-inner{width:300px;position:relative;transform:translateY(-100px);}
@media(max-width:768px){
    .slider_side_pagination .card-text{max-width: 100%;}
    .slider_side_pagination .swiper-pagination-wrapper{justify-content:center;}
    .slider_side_pagination .swiper-pagination-wrapper-inner{transform:translateY(-40px);}
}
.slider_side_pagination .swiper-pagination {position:relative;bottom:0px !important;}
.slider_side_pagination .swiper-pagination span:not(.swiper-pagination-bullet-active){background:#fff;opacity:1}
.slider_side_pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{transform:scale(1.5)}
.slider_side_pagination .swiper-pagination-wrapper .swiper-button-next, .slider_side_pagination .swiper-pagination-wrapper .swiper-button-prev{color:var(--primary-natural-300)}
.slider_side_pagination .swiper-pagination-wrapper .swiper-button-next:after, .slider_side_pagination .swiper-pagination-wrapper .swiper-button-prev:after{content:"\F138";font:300 24px bootstrap-icons!important;}
.slider_side_pagination .swiper-pagination-wrapper .swiper-button-prev:after{content:"\F12F";}
.slider_side_pagination .slideshow_btns{max-width:440px}
@media(max-width:768px) {
    .slider_side_pagination .slideshow_btns{max-width:100%}
}

/* Header */
.header_absolute .navbar.navbar-expand-lg .navbar-nav.navbar_desktop > * >a, .header_fixed .navbar.navbar-expand-lg .navbar-nav.navbar_desktop > * >a {
    filter: unset !important;
}
@media(min-width: 991px){
    .navbar.navbar-expand-lg .navbar-nav > .nav-item > .nav-link:before {display: none !important}
}

.trigger_wrapper{margin-left:120px}
@media(max-width:435px){
    .trigger_wrapper{margin-left:0}
    .navbar_icons{flex-grow:1 !important}
    .navbar_icons li{text-align:end !important}
}

#masthead .navbar-toggler{transform:translateY(-5px)}
#masthead .navbar-toggler .navbar-toggler-icon{border-color:#fff !important;position:relative;width: 25px !important;}
#masthead .navbar-toggler .navbar-toggler-icon:before{content:"";width:100%;height:2px;background:#fff;display:block;position:absolute;right:0;bottom:calc(-100% - 4px)}

.mobile-nav-content{min-width:350px;height: calc(100% - 10px);position: absolute;top: 5px;right: 50%;transform: translateX(50%);border-radius: 10px;padding:100px  10px 10px 10px!important;justify-content:space-between}
.mobile-nav-right-side{position: absolute;top: 10px;right: 50%;z-index: 2;transform: translateX(calc(100% + 120px));background: transparent !important;}
.mobile-nav-right-side .close:before, .mobile-nav-right-side .close:after{width:17px!important;}
.mobile-nav .mobile-nav-content .small-logo{margin-bottom:0!important;position: absolute;top:0;right: 50%;transform: translateX(50%)}

#home_top_slideshow .card > .card-img-bundle:before{content:"";width:100%;height:100%;background:rgba(0,0,0,0.7);position:absolute;right:0;top:0}
#home_top_slideshow .swiper-pagination-wrapper{position:relative;z-index:1;max-width:1400px;margin:0 auto;display:flex;justify-content:flex-end;}
#home_top_slideshow .swiper-pagination-wrapper-inner{width:300px;position:relative;transform:translateY(-50px);}
@media(max-width:768px){
    #home_top_slideshow .swiper-pagination-wrapper{justify-content:center;}
    #home_top_slideshow .swiper-pagination-wrapper-inner{transform:translateY(-40px);}
}
#home_top_slideshow .swiper-pagination {position:relative;bottom:0px !important;}
#home_top_slideshow .swiper-pagination span:not(.swiper-pagination-bullet-active){background:#fff;opacity:1}
#home_top_slideshow .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{transform:scale(1.5)}
#home_top_slideshow .swiper-pagination-wrapper .swiper-button-next, #home_top_slideshow .swiper-pagination-wrapper .swiper-button-prev{color:var(--primary-natural-300)}
#home_top_slideshow .swiper-pagination-wrapper .swiper-button-next:after, #home_top_slideshow .swiper-pagination-wrapper .swiper-button-prev:after{content:"\F138";font:300 24px bootstrap-icons!important;}
#home_top_slideshow .swiper-pagination-wrapper .swiper-button-prev:after{content:"\F12F";}
#home_top_slideshow .slideshow_btns{max-width:440px}
@media(max-width:768px) {
    #home_top_slideshow .slideshow_btns{max-width:100%}
}

#gform_1{max-width:430px;margin:0 auto}
#gform_1 input[type="submit"]{background:#000;border:0;outline:0;width:288px;height:48px;border-radius:8px;margin:0 auto}
#gform_1 input[type="text"], #gform_1 input[type="tel"]{border:1px solid var(--primary-natural-50);border-radius:8px;height:56px;color:#525252;font:400 16px/24px custom_font_1}
#gform_1 input[type="text"]:focus, #gform_1 input[type="tel"]:focus{outline-color: var(--primary-natural-200)}

.request_consultant{position:relative;z-index:0;}
.request_consultant:before{content:"";position:absolute;right:calc(50% - 3000px);bottom:20px;width:6000px;height:6000px;background:#f2f2f2;border:200px solid transparent;border-bottom-color: #f2f2f2;display:block;z-index:-1;border-radius:100%}
@media(max-width:768px){
    .request_consultant:before{right:calc(50% - 750px);bottom:20px;width:1500px;height:1500px;}
}

.play-icon{position:relative;z-index:0;overflow:hidden}
.play-icon a:before{content:"";width:100%;height:100%;background:rgba(0,0,0,0.6);position:absolute;right:0;top:0;z-index: 0;}
.play-icon a:after{content:"";width:100px;height:100px;background:url('https://kasbi.co/wp-content/uploads/2025/03/play-icon.svg') no-repeat center;position:absolute;right:calc(50% - 50px);top:calc(50% - 50px)}

.play-icon-without-bg a:before {display:none}

#promote_app video{max-height:80vh}

.parent-grid .bg_vesal_gray_600:hover{background:var(--kasbi-yellow) !important;transition:0.5s ease}
.parent-grid .bg_vesal_gray_600:hover *{color:#000 !important}
.parent-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-column-gap: 10px;
grid-row-gap: 10px;
}

.parent-grid > div:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
.parent-grid > div:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
.parent-grid > div:nth-child(3) { grid-area: 2 / 2 / 3 / 3; }
.parent-grid > div:nth-child(4) { grid-area: 3 / 1 / 4 / 3; }
.parent-grid > div:nth-child(5) { grid-area: 4 / 1 / 5 / 3; }
.parent-grid > div:nth-child(6) { grid-area: 1 / 3 / 3 / 4; }
.parent-grid > div:nth-child(7) { grid-area: 3 / 3 / 4 / 4; }
.parent-grid > div:nth-child(8) { grid-area: 4 / 3 / 5 / 4; }

@media(max-width:978px){
	.parent-grid {	grid-template-rows: repeat(5, 1fr);	}
	.parent-grid > div:nth-child(1) { grid-area: 1 / 1 / 2 / 4; }
	.parent-grid > div:nth-child(2) { grid-area: 2 / 3 / 3 / 4; }
	.parent-grid > div:nth-child(3) { grid-area: 2 / 1 / 3 / 3; }
	.parent-grid > div:nth-child(4) { grid-area: 3 / 1 / 4 / 4; }
	.parent-grid > div:nth-child(5) { grid-area: 4 / 1 / 5 / 4; }
	.parent-grid > div:nth-child(6) { grid-area: 5 / 1 / 6 / 2; }
	.parent-grid > div:nth-child(7) { grid-area: 5 / 2 / 6 / 3; }
	.parent-grid > div:nth-child(8) { grid-area: 5 / 3 / 6 / 4; }
}

@media(max-width:768px){
	.parent-grid {display: flex;flex-flow:column nowrap;}
}


#kasbi_tools .nav .active{background-color:var(--global-color-one) !important}

#home_mazaya .card-img-bundle{position:relative;z-index:0;}
#home_mazaya .card-img-bundle {min-width:64px;max-height:64px;background:#525252;border-radius:16px;transition:0.1s linear}
#home_mazaya .card:hover .card-img-bundle {background:#000000;}
#home_mazaya .card-img-bundle img {filter:invert(1)}
#home_mazaya .card:hover .card-img-bundle img {filter: invert(69%) sepia(59%) saturate(463%) hue-rotate(350deg) brightness(101%) contrast(98%);}


#kasbi_values .bg_vesal_gray_600:hover{background:var(--kasbi-yellow) !important}
#kasbi_values .bg_vesal_gray_600:hover div:has(>.zoha-image-block){background:var(--vesal-gray-600) !important;}
#kasbi_values .bg_vesal_gray_600:hover .zoha-image-block{filter:invert(1)}

#why_kasbi .bg_vesal_gray_600:hover{background:var(--kasbi-yellow) !important;color:var(--vesal-gray-600) !important;}
#why_kasbi .bg_vesal_gray_600:hover .zoha-image-block{filter:unset}


section:has(#home_mazaya_drivers) .swiper-container{position:relative;z-index:0;}
section:has(#home_mazaya_drivers) .swiper-container:before, section:has(#home_mazaya_drivers) .swiper-container:after{content:"";width:100%;height:100px;position:absolute;right:0;top:-50px;background:#fff;z-index:11;border-radius:100%}
section:has(#home_mazaya_drivers) .swiper-container:after{top:unset;bottom:199px;background:linear-gradient(0deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%);}
section:has(#home_mazaya_drivers) .swiper-slide .card{padding-bottom:200px !important;}
section:has(#home_mazaya_drivers) .swiper-slide .card .card-body{transform:scale(0,0) translateY(100px);position:absolute;bottom:60px;right:calc(50% - 175px);z-index:99;width:350px;transition:0.3s linear;transform-origin:bottom center}
section:has(#home_mazaya_drivers) .swiper-slide.swiper-slide-active .card .card-body{transform:scale(1,1) translateY(0);}
section:has(#home_mazaya_drivers) .swiper-slide .card-img{filter:grayscale(1)}
section:has(#home_mazaya_drivers) .swiper-slide.swiper-slide-active .card-img{filter:grayscale(0)}

section:has(#home_mazaya_drivers) .swiper-pagination .swiper-pagination-bullet{transition:0.1s linear}
section:has(#home_mazaya_drivers) .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {transform:scale(1.5)}
section:has(#home_mazaya_drivers) .swiper-pagination-wrapper{position:relative;max-width:300px;margin:0 auto;height:50px;transform:translateY(-50px);z-index: 999}
section:has(#home_mazaya_drivers) .swiper-pagination-wrapper .swiper-button-next, section:has(#home_mazaya_drivers) .swiper-pagination-wrapper .swiper-button-prev{color:var(--primary-natural-300);}
section:has(#home_mazaya_drivers) .swiper-pagination-wrapper .swiper-button-next:after, section:has(#home_mazaya_drivers) .swiper-pagination-wrapper .swiper-button-prev:after{content:"\F138";font:300 24px bootstrap-icons!important;}
section:has(#home_mazaya_drivers) .swiper-pagination-wrapper .swiper-button-prev:after{content:"\F12F";}

#mazaya_happy_man .card-img-bundle img{transform:scale(1.7) translate(20px, 4px);transform-origin:center bottom}
@media(max-width:860px){
    #mazaya_happy_man .card-img-bundle{position:relative;height:100%}
    #mazaya_happy_man .card-img-bundle img{position:absolute;left:0;bottom:0;transform:scale(1) translate(50px, -1px);aspect-ratio:3/4;object-fit:cover}
}

#home_faq .schema-faq{background:transparent}
#home_faq .schema-faq .schema-faq-section{box-shadow:unset;}
#home_faq .schema-faq .schema-faq-section .schema-faq-question{font:600 20px/28px custom_font_1;color:#000;}
#home_faq .schema-faq .schema-faq-section .schema-faq-question .icon:before, #home_faq .schema-faq .schema-faq-section .schema-faq-question .icon:after {content:"";display:block;border-right:2px solid #000;width:10px;height:10px;transform:rotate(45deg) translateY(-1px);transform-origin:center}
#home_faq .schema-faq .schema-faq-section .schema-faq-question .icon:after {transform:rotate(-45deg) translateY(1px)}

/*Contact Us */
#gform_2 input[type="submit"]{background:var(--kasbi-yellow);color:#000;border:0;outline:0;width:288px;height:48px;border-radius:8px;margin:0 auto;font:600 16px/22px custom_font_1}
#gform_2 input[type="text"], #gform_2 input[type="tel"], #gform_2 input[type="email"], #gform_2 textarea{border:1px solid var(--primary-natural-50);border-radius:8px;height:56px;color:#525252;font:400 16px/24px custom_font_1}
#gform_2 input[type="text"]:focus, #gform_2 input[type="tel"]:focus{outline-color: var(--primary-natural-200)}

.bg_Semicircle:has(#contact_socialnetworks):after{display:none}
#contact_socialnetworks .card:hover a:has(.card-img){background:#000;border-radius:10px}
#contact_socialnetworks .card:hover .card-img{background:transparent;filter:invert(69%) sepia(59%) saturate(463%) hue-rotate(350deg) brightness(201%) contrast(98%)}

#vision_mission .tirkaman{position:absolute;bottom:0;right:50px;max-width: 400px;}
@media(max-width:768px){
    /* #vision_mission > .row {padding-bottom:300px !important} */
    #vision_mission .tirkaman{right:calc(50% - 150px);max-width: 300px;}
}


.bg_Semicircle:has(#kasbi_departments):after{display:none}
#kasbi_departments .card .card-img{padding:10px}
#kasbi_departments .card:hover div:has(>.card-img){background:#000;border-radius:10px}
#kasbi_departments .card:hover .card-img{background:transparent;filter:invert(69%) sepia(59%) saturate(463%) hue-rotate(350deg) brightness(201%) contrast(98%)}

/* Blog */
.blog_top_slideshow .swiper-pagination-wrapper {direction:rtl;}
.blog_top_slideshow .swiper-pagination-wrapper-inner {transform: translate(50px, -100px) !important;}
@media(max-width:1200px){
    .blog_top_slideshow .swiper-pagination-wrapper{justify-content:center !important;}
    .blog_top_slideshow .swiper-pagination-wrapper-inner{transform:translateY(-40px) !important;}

}


.wpc-filters-main-wrap[data-set="502"] *, .wpc-filters-main-wrap[data-set="545"] *{margin-top:0;margin-bottom:0}
.wpc-filters-main-wrap[data-set="502"] input[type="checkbox"]{display:none;}
.wpc-filters-main-wrap[data-set="502"] .wpc-filter-link{font:600 16px custom_font_1;color:#000}
.wpc-filters-main-wrap[data-set="502"] input[type="checkbox"] + label {display: block;position: relative;padding-right:25px;cursor: pointer; user-select: none;}
.wpc-filters-main-wrap[data-set="502"] input[type="checkbox"] + label:before{content:""; position: absolute; top: 0;  right: 0;  height: 25px; width: 25px; background-color: #fff8e5;border:1px solid #fdba4d; border-radius: 5px;}
.wpc-filters-main-wrap[data-set="502"] input[type="checkbox"] + label:after { content: "";    position: absolute;    display: none;}
.wpc-filters-main-wrap[data-set="502"] input[type="checkbox"]:checked + label:after { display: block;}
.wpc-filters-main-wrap[data-set="502"] input[type="checkbox"] + label:after {right:8px; top: 3px; width:8px; height:15px; border: solid #fdba4d; border-width: 0 2px 2px 0;transform: rotate(45deg);}
.wpc-filters-ul-list.wpc-filters-list-508{display:flex;gap:20px}
#blog_filters .widget-body > .row .col:first-child{max-width:500px !important}


#blog_filters .card-text p{margin:0;padding:0}
#blog_filters .wpc-sorting-form select{border:0}
#blog_filters .widget-body > .row > .col:nth-child(2) .card{border:1px solid #eaeaea !important;background:#fcfcfc!important;border-radius:10px;}
#blog_filters .widget_wpc_filters_widget:has(.wpc-filter-set-545) select{background:transparent;border:0;padding:10px;}
#blog_filters .widget_wpc_filters_widget:has(.wpc-filter-set-545) {display:none}
@media(max-width:768px){
    #blog_filters .widget_wpc_filters_widget:has(.wpc-filter-set-545) {display:block}
    #blog_filters .widget_wpc_filters_widget:has(.wpc-filter-set-502) {display:none}
    #blog_filters .widget-body > .row > .col .card-title{display:none}
    #blog_filters .card-text {width:100%}
    #blog_filters .widget-body > .row > .col .card{border:1px solid #eaeaea !important;background:#fcfcfc!important;border-radius:10px;}
}

.main_col_internal p a{color:#009FEE;text-decoration:underline !important}


.card-subtitle {display:none}
body.single .card-subtitle{display:block}


.services_nav_list li{line-height:170%}
.services_nav_list li:before{margin-left:10px;transform:rotate(45deg); border-radius:3px}

#kasbi_service_clients .widget-body > .row .col .card .card-text p {margin:0}
@media(min-width:992px){
    #kasbi_service_clients .widget-body > .row .col .card{max-width:calc(100% - 80px)}
    #kasbi_service_clients .widget-body > .row .col:nth-child(2n) .card{transform:translateX(-80px);}
}

#cards_slides .swiper-container {padding:0 50px}
#cards_slides .swiper-container .swiper-slide{padding:15px}
#cards_slides .swiper-container .swiper-slide .card{box-shadow:0 4px 14px rgb(0 0 0 / 20%) !important;min-height:350px}
#cards_slides .swiper-container .swiper-slide.swiper-slide-active .card {transform:scale(0.94)}
#cards_slides .clients_comments{position:absolute;right:10%;top:30px;width:80%;height: 200px;padding-top: 50px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}
#cards_slides .clients_comments:before{content:"\F6B0";width:40px;height:30px;position:absolute;right:0;top:0;font:800 40px/70% 'bootstrap-icons';color:var(--kasbi-yellow)}
@media(max-width:720px){
    #cards_slides .swiper-container .swiper-slide .card{min-height:500px}
    #cards_slides .clients_comments{height:350px;}
}
#cards_slides .swiper-container .swiper-slide .card .card-text p{margin-bottom:0}
#cards_slides .swiper-button-prev:after, #cards_slides .swiper-button-next:after{content:"\F12F";font:300 24px bootstrap-icons!important;}
#cards_slides .swiper-button-next:after{content:"\F138";}


#registration_roadmap .widget-body{position:relative}
#registration_roadmap .widget-body:before{content:'';width:15px;height:15px;background:#ccc;border-radius:100%;position:absolute;right:3px;top:73px;z-index:2}
#registration_roadmap .widget-body:after{content:'\F231';font:300 25px 'bootstrap-icons';color:#ccc;width:15px;height:15px;position:absolute;right:150px;top:314px;z-index:2;display:flex;align-items:center;justify-content:center;}
#registration_roadmap .widget-body > .row > .col:nth-child(4), #registration_roadmap .widget-body > .row > .col:nth-child(5){transform:translateX(-150px)}
#registration_roadmap .widget-body > .row > .col{position:relative;z-index:0;}
#registration_roadmap .widget-body > .row > .col:before{content:'';width:100%;height: 2px;background-image: linear-gradient(90deg, #ccc, #ccc 70%, transparent 70%, transparent 100%);background-size: 13px 1px; border: none;display:block;position:absolute;right:0; top:80px;z-index:-1}
#registration_roadmap .widget-body > .row > .col:after{content:'\F22D';font:300 15px bootstrap-icons;width:100%;height:20px;display:flex;align-items:center;justify-content:flex-end;color:#ccc;position:absolute;right:0;top:71px}
#registration_roadmap .widget-body > .row{position:relative;}
#registration_roadmap .widget-body > .row:before{content:'\F229';font:300 15px bootstrap-icons;color:#ccc;width:15px;height:170px;position:absolute;left:-6px;top:132px;z-index:2;display:flex;align-items:center;justify-content:center;}
#registration_roadmap .widget-body > .row:after{content:'';width:130px;height:242px;border:2px dashed #ccc;border-right:0;border-radius:50px 0 0 50px;position:absolute;left:0;top:80px;z-index:-1}
#registration_roadmap .widget-body > .row > .col:nth-child(3):before{width:50%}
#registration_roadmap .widget-body > .row > .col:nth-child(3):after{width:80%}
#registration_roadmap .widget-body > .row > .col:nth-child(4):after, #registration_roadmap .widget-body > .row > .col:nth-child(5):after{content:'\F231';}
#registration_roadmap .card-text{position:relative}
#registration_roadmap .top_title{transform:translate(50%, -150px);position:absolute;top:10px;right:50%;color:var(--primary-natural-800)}

@media(max-width:767px){
    #registration_roadmap{max-width:300px !important}
    #registration_roadmap .widget-body:before, #registration_roadmap .widget-body:after{display:none}
    #registration_roadmap .widget-body > .row:before, #registration_roadmap .widget-body > .row:after{display:none}
    #registration_roadmap .widget-body > .row > .col:nth-child(4), #registration_roadmap .widget-body > .row > .col:nth-child(5){transform:translateX(0px)}
    #registration_roadmap .widget-body > .row > .col:before{width:50%;height:240px;background:none;border:2px dashed #ccc;border-right:0;border-radius:50px 0 0 50px;position:absolute;right:50%; top:80px;z-index:-1}
    #registration_roadmap .widget-body > .row > .col:after, #registration_roadmap .widget-body > .row > .col:nth-child(3):after{content:'\F229';width:20px;height:240px;right:calc(100% - 11px);justify-content:center;}
    #registration_roadmap .widget-body > .row > .col:nth-child(2n):before{transform:scale(-1,1);right:0}
    #registration_roadmap .widget-body > .row > .col:nth-child(2n):after, #registration_roadmap .widget-body > .row > .col:nth-child(3):after{transform:scale(-1,1);right:-9px;}
    #registration_roadmap .widget-body > .row > .col:nth-child(3):after{right:calc(100% - 11px)}
    #registration_roadmap .widget-body > .row > .col:nth-child(4):after{content:'\F229';}
    #registration_roadmap .widget-body > .row > .col:nth-child(5):before,#registration_roadmap .widget-body > .row > .col:nth-child(5):after{display:none}
}



#careers_list .widget-body > .row .col:hover .card{background:#000 !important;color:#fff}
#careers_list .widget-body > .row .col:hover .card a{color:#fff}


@media(max-width:900px){
    -#registration_process .widget-body{overflow-x:scroll;overflow-y:hidden;}
}
@media(min-width:992px){
	#registration_process .widget-body{height:200px;}
	#registration_process .widget-body > .row{position:relative;z-index:0;height:100%;}
	#registration_process .widget-body > .row:before{content:'';width:100%;height:50px;background:var(--primary-natural-800);border-radius:50px;position:absolute;right:0;top:calc(50% - 25px);z-index:1}
	#registration_process .widget-body > .row:after{content:'';width:100%;height:1px;border-top:2px dashed #fff;position:absolute;right:0;top:calc(50% - 2px);z-index:2}
	#registration_process .widget-body > .row .col:nth-child(2n){transform:translateY(150px);}
	#registration_process .widget-body .card-text p{margin-bottom:0px}
}

@media(max-width:991px){
	#registration_process .widget-body > .row{position:relative;z-index:0;height:auto;max-width:500px;margin:0 auto}
	#registration_process .widget-body > .row:before{content:'';width:50px;height:100%;background:var(--primary-natural-800);border-radius:50px;position:absolute;right:calc(50% - 25px);top:0;z-index:1}
	#registration_process .widget-body > .row:after{content:'';width: 1px;height: 100%;border-right: 2px dashed #fff;position:absolute;right:calc(50% - 2px);top:0;z-index:2}
	#registration_process .widget-body > .row .col{height:250px;padding-left:30px}
	#registration_process .widget-body > .row .col:nth-child(2n){transform:translateY(130px);padding-right:30px}
	#registration_process .widget-body > .row .col:last-child{height:auto}
	#registration_process .widget-body .card .row{flex-flow:column nowrap !important;align-items:center}
	#registration_process .widget-body .card .row .card-body{width:100%;text-align:center}
}

.mobile-nav .navbar-nav .menu-item{border:0 !important;padding:5px}
.mobile-nav .navbar-nav .menu-item a {color:#000}
.mobile-nav .navbar-nav .menu-item:hover{background:#EFEFEF;border-radius:10px}

.card[data-active="active"] .card-img-bundle img, .card:has(a[data-active="active"]) .card-img-bundle img{filter: invert(69%) sepia(59%) saturate(463%) hue-rotate(350deg) brightness(101%) contrast(98%) !important;}
.card[data-active="active"] .card-img-bundle, .card:has(a[data-active="active"]) .card-img-bundle{background:#000 !important}

.tabs .d-block { animation: fadeIn 0.5s ease;}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}


body.single.single-post div:has(>.page_title_wrap){justify-content:flex-end !important}
body.single.single-post .page_title_wrap {text-align:right !important}
body.single.single-post .page_title_wrap {margin-bottom:30px}
@media(max-width:768px){
    body.single.single-post .page_title_wrap {text-align:center !important;}
    body.single.single-post .page_title_wrap > a{font-size:32px !important}
}

.comment-reply-link{color:#000 !important}

.logo_chain .widget-body>.row>.col>.card .card-img{background-size:1300px !important;transition: 1s ease}
.logo_chain .widget-body>.row>.col:nth-child(4)>.card .card-img{background-position-x:0!important}
.logo_chain .widget-body>.row>.col:nth-child(3)>.card .card-img{background-position-x:-330px!important}
.logo_chain .widget-body>.row>.col:nth-child(2)>.card .card-img{background-position-x:-660px!important}
.logo_chain .widget-body>.row>.col:nth-child(1)>.card .card-img{background-position-x:100%!important}
.logo_chain .widget-body > .row > .col > .card:hover .card-img{background-position-x:0% !important;}
.logo_chain .widget-body > .row > .col:hover ~ .col .card .card-img{background-position-x:100% !important;}


@media(max-width:770px){
	.kasbi-jobs-slogan{background-size:cover !important}
}


.income_calculator{border:1px solid var(--primary-natural-50);border-radius: 20px;}
.form-select:focus{box-shadow:unset !important;border-color:var(--primary-red-500)!important;}

.income_calculator #income-range::-webkit-slider-runnable-track{height:15px;border:1px solid var(--primary-natural-50); background:var(--primary-red-500);background-image: linear-gradient(#fff, #fff); background-size: 35% 100%; background-repeat: no-repeat;}
.income_calculator #income-range::-moz-range-track{height:15px;border:1px solid var(--primary-natural-50);background: var(--primary-red-500);background-image: linear-gradient(#fff, #fff); background-size: 35% 100%; background-repeat: no-repeat;}
.income_calculator #income-range::-ms-track{height:15px;border:1px solid var(--primary-natural-50);background: var(--primary-red-500);background-image: linear-gradient(#fff, #fff); background-size: 35% 100%; background-repeat: no-repeat;}


.income_calculator #income-range.range-0::-webkit-slider-runnable-track{ background-size: 100% 100%;} 
.income_calculator #income-range.range-0::-moz-range-track{ background-size: 100% 100%;}
.income_calculator #income-range.range-0::-ms-track { background-size: 100% 100%;}
.income_calculator #income-range.range-1::-webkit-slider-runnable-track{ background-size: 66% 100%;}
.income_calculator #income-range.range-1::-moz-range-track { background-size: 66% 100%;}
.income_calculator #income-range.range-1::-ms-track { background-size: 66% 100%;}
.income_calculator #income-range.range-2::-webkit-slider-runnable-track{ background-size: 35% 100%;}
.income_calculator #income-range.range-2::-moz-range-track{ background-size: 35% 100%;}
.income_calculator #income-range.range-2::-ms-track { background-size: 35% 100%;}
.income_calculator #income-range.range-3::-webkit-slider-runnable-track{ background-size: 0% 100%;}
.income_calculator #income-range.range-3::-moz-range-track { background-size: 0% 100%;}
.income_calculator #income-range.range-3::-ms-track { background-size: 0% 100%;}

.income_calculator #income-range::-webkit-slider-thumb {width: 25px;height: 25px;margin-top:-6px;  background:var(--primary-red-500);}
.income_calculator #income-range::-moz-range-thumb {width: 25px;height: 25px;margin-top:-6px;   background: var(--primary-red-500);}
.income_calculator #income-range::-ms-thumb {width: 25px;height: 25px;margin-top:-6px;   background: var(--primary-red-500);}
.income_calculator #income-range:focus::-webkit-slider-thumb{    box-shadow:0 0 0 2px #fff, 0 0 3px 3px var(--primary-red-500) }
.income_calculator #income-range:focus::-moz-range-thumb{    box-shadow:0 0 0 2px #fff, 0 0 3px 3px var(--primary-red-500) }
.income_calculator #income-range:focus::-ms-thumb{    box-shadow:0 0 0 2px #fff, 0 0 3px 3px var(--primary-red-500) }

.income_calculator datalist {display: flex;	justify-content:space-between;-webkit-user-select: none; /* Safari */-moz-user-select: none; /* Firefox */-ms-user-select: none; /* IE10+/Edge */ user-select: none; /* Standard */	pointer-events:none; }
.income_calculator datalist option {width: auto;height: auto;opacity: 0.5;white-space: nowrap;position:relative}
.income_calculator datalist option:before{content:"";display:block;width:1px;height:10px;background:var(--primary-natural-100);position:absolute;top:-98%}
.income_calculator datalist option:nth-child(1):before, .income_calculator datalist option:nth-child(4):before{display:none}
.income_calculator datalist option:nth-child(2):before{right:calc(50% - 5px)}
.income_calculator datalist option:nth-child(3):before{right:calc(50% + 5px)}




/* Drivers */
#gform_4 input[type="submit"] {background:var(--bs-gray-900);color:#fff;width:80%;height:auto;padding:10px 20px;margin:0 auto;font-size:18px;}
#gform_4 input, #gform_4 select{border:0;border-radius:10px;height:50px}

.salary_calculation {background:#F2F2F3}
.salary_calculation #result{border:0px;background:transparent;font:300 50px/150% custom_font_4;text-align:center}
.salary_calculation .currency{font:300 30px/150% custom_font_2;color:var(--global-color-two)}
@media(max-width:500px){
    /*.salary_calculation #result{font-size:30px}*/
    .salary_calculation .currency{font-size:20px}
}
.salary_calculation #slider {-webkit-appearance: none;width: 100%;height: 25px; background: #ffffff;outline: none; opacity: 1; -webkit-transition: .2s; transition: opacity .2s;border-radius:20px;direction:ltr}
.salary_calculation #slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none;  width: 70px;  height: 40px;border-radius:30px;  background:var(--global-color-two) url(http://vesalgasht.ir/wp-content/themes/zoha-child/images/slider-arrow.svg) no-repeat center;  cursor: pointer;}
.salary_calculation #slider::-moz-range-thumb {  width: 70px;  height: 40px;border-radius:30px;   background:var(--global-color-two) url(http://vesalgasht.ir/wp-content/themes/zoha-child/images/slider-arrow.svg) no-repeat center;  cursor: pointer;}

.salary_option { display:none}
.salary_option + label .salary_option_icon{position:relative;}
.salary_option + label{position:relative;cursor:pointer;}
.salary_option + label .salary_option_icon:before{content:"";width:50px;height:30px;display:block;background:#7C7C7C;border-radius:20px;}
.salary_option + label .salary_option_icon:after{content:"";width:25px;height:25px;display:block;background:#fff;border-radius:100%;position:absolute;right:22px;top:calc(50% - 13px);transition:0.1s linear}
.salary_option:checked + label .salary_option_icon:after{right:3px;}
.salary_option:checked + label .salary_option_icon:before{background:var(--global-color-one);}

#vesalgasht_services .widget-body>.row>.col:nth-child(2n+1) .card>.row { flex-direction: row-reverse}

body .schema-faq{background:transparent;padding:0}
body .schema-faq .schema-faq-section{background:var(--gray-2);box-shadow:unset;margin-bottom:7px}
body .schema-faq .schema-faq-section:has(.active){box-shadow:unset}
body .schema-faq .schema-faq-section .schema-faq-question{font-size:16px;border-radius:10px;color:var(--bs-black);font-variation-settings:"wght" 500;}
body .schema-faq .schema-faq-section .schema-faq-question .icon:before{color:var(--vesal-gray-500)}

/* Samaneh Hooshmand */
#kasbi_working_steps .card .card_img_bundle {transform:rotateY(0);transition:transform 1s ease, background 0.2s 0.5s ease}
#kasbi_working_steps .card:hover .card_img_bundle {transform:rotateY(360deg);background:var(--kasbi-yellow) !important}
#kasbi_working_steps .card:hover .card_img_bundle img{filter:invert(26%) sepia(54%) saturate(389%) hue-rotate(167deg) brightness(90%) contrast(91%)}

#how_work_kasbi .swiper-slide-shadow-coverflow{display:none !important}

#data_cost_reduction .card{transition:0.5s ease}
#data_cost_reduction .card:hover{background:var(--global-color-one) !important}
#data_cost_reduction .card:hover .card_img_bundle{background:var(--global-color-three) !important}
#data_cost_reduction .card:hover .card_img_bundle img{filter:invert(1)}
#data_cost_reduction .card:hover .card-title{color:var(--global-color-three);}




body.page-id-2348 header, body.page-id-2348 footer{display:none}

#samaneh_hooshmand_mazaya .widget-body .card{transition:0.3s ease}
#samaneh_hooshmand_mazaya .widget-body .card:hover{background:var(--kasbi-yellow) !important}
#samaneh_hooshmand_mazaya .widget-body .card:hover .card-title{color:#fff}
#samaneh_hooshmand_mazaya .widget-body .card:hover .card-img{filter:invert(1)}

#samaneh_hooshmand_mazaya .widget-body > .row .col:nth-child(1) .card{background:var(--kasbi-yellow) !important}
#samaneh_hooshmand_mazaya .widget-body > .row .col:nth-child(1) .card:hover{background:var(--vesal-gray-600) !important}
#samaneh_hooshmand_mazaya .widget-body>.row .col:nth-child(1) .card .card-title{font-size:32px !important;}


#samaneh_hooshmand_mazaya .widget-body > .row .col .card .card-text p {margin:0}
@media(min-width:992px){
    -#samaneh_hooshmand_mazaya .widget-body > .row .col .card{max-width:calc(100% - 80px)}
    -#samaneh_hooshmand_mazaya .widget-body > .row .col:nth-child(2n) .card{transform:translateX(-80px);}
}

@media(min-width:600px){
	#samaneh_hooshmand_mazaya .widget-body>.row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, auto);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	}

	#samaneh_hooshmand_mazaya .widget-body>.row>.col:nth-child(1) { grid-area: 2 / 1 / 4 / 3; }
	#samaneh_hooshmand_mazaya .widget-body>.row>.col:nth-child(2) { grid-area: 1 / 1 / 2 / 2; }
	#samaneh_hooshmand_mazaya .widget-body>.row>.col:nth-child(3) { grid-area: 1 / 2 / 2 / 3; }
	#samaneh_hooshmand_mazaya .widget-body>.row>.col:nth-child(4) { grid-area: 1 / 3 / 2 / 4; }
	#samaneh_hooshmand_mazaya .widget-body>.row>.col:nth-child(5) { grid-area: 2 / 3 / 3 / 4; }
	#samaneh_hooshmand_mazaya .widget-body>.row>.col:nth-child(6) { grid-area: 3 / 3 / 4 / 4; }
}


/* My kasbi */
.animated_hover .card .card_img_bundle{position:relative;z-index:0;overflow:hidden}
.animated_hover .card .card_img_bundle:before{content:"";width:100%;height:100%;position:absolute;right:0;top:0;z-index:1;border-radius:100%;background:rgba(var(--global-color-rgb-one), 0.2);transform:scale(1) translate(100%, -100%);transform-origin:right top;transition:1s ease}
.animated_hover .card:hover .card_img_bundle:before{transform:scale(3) translate(50%, -50%)}

#about_kasbi_dashboard .col .card .card_img_bundle{z-index:0;}
#about_kasbi_dashboard .col .card .card-body{z-index:2;}
#about_kasbi_dashboard .col:nth-child(1) .card .card-img{transform:translateX(-30%)rotate(0deg);transition:1s ease}
#about_kasbi_dashboard .col:nth-child(1) .card:hover .card-img{transform:translateX(30%) rotate(0deg);}
#about_kasbi_dashboard .col:nth-child(2) .card .card-img{transform:translateX(-30%) translateY(0) rotate(-90deg);transition:1s ease}
#about_kasbi_dashboard .col:nth-child(2) .card:hover .card-img{transform:translateX(-30%) translateY(70%) rotate(-90deg);}
#about_kasbi_dashboard .col:nth-child(3) .card .card-img{transform:translateX(-30%) translateY(0%) rotate(-45deg);transition:1s ease;transform-origin:center top}
#about_kasbi_dashboard .col:nth-child(3) .card:hover .card-img{transform:translateX(-30%) translateY(0%) rotate(-150deg);}
#about_kasbi_dashboard .col:nth-child(4) .card .card-img{transform:translateX(-30%) translateY(-30%) rotate(45deg);transition:1s ease;}
#about_kasbi_dashboard .col:nth-child(4) .card:hover .card-img{transform:translateX(30%) translateY(-30%) rotate(-45deg);}

/* About Us*/
#ideal_platform .widget-body > .row > .col:nth-child(2) .row{flex-direction:row-reverse}
#ideal_platform .card_img_bundle {position:relative;z-index:0;animation:ideal_platform_anim 6s infinite}
#ideal_platform .card_img_bundle:before {content:"";width:90%;height:50%;position:absolute;right:50%;top:50%;transform:translate(50%, -50%);z-index:-1;background:var(--global-color-one);border-radius:15px}
#ideal_platform .card_img_bundle:before{animation:ideal_platform_bg_anim 10s infinite}

@keyframes ideal_platform_anim {
    0%,100% {  transform: translateY(3%)    }
    50% {  transform: translateY(-3%)    }
}
@keyframes ideal_platform_bg_anim {
    0%,100% {  transform: translate(50%,-40%)    }
    50% { transform: translate(50%,-60%)   }
}


