/*!
Theme Name: WRP Solution
Theme URI: https://wrpsolution.com/
Author: WordPress Team
Author URI: https://wrpsolution.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wrp_solution
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

html {	line-height: 1.15;	-webkit-text-size-adjust: 100%;}
:root{	--body-color : #2C3140;	--title-color : #010203; --header-font : #212B35; 
--fancy-li-color : #9CC7FF;  --hr-color: #34619D;  --footer-bg : #183D6E; 	--primary-color:#24518D; --dark-gray:#1A2332;
--care-about-border:#E3E3E3; --white-color : #ffff; --button-white-font : #FEFEFE; --bg-color : #F2F8FF; --grey-border : #E3E3E3; --input-border:#D2D2D2; --grey:#2c3140b3; --light-grey: #6B7280;
 --font-small-size:14px; --button-font-small:16px; --orange-button : #FB8C00; --light-blue:#c9dbf4; --matirial-icons:"Material Symbols Outlined";
}
/* --form-color:{ color: #2c3140 ;  opacity: 0.7;} */

body {margin: 0;font-size: 15px; line-height: 23px;font-family: 'Poppins', sans-serif;font-weight: 400;color: var(--light-grey);} /* var(--body-color) */

header{ transition: background-color 0.3s, padding 0.3s; }
header.stick { z-index: 111; position: fixed;  width:100%; }
header.stick .bg-light {background: #fff !important; padding: 0px 0px !important; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05); }
.header-square-img figure img{ max-height: 500px; max-width: 500px;}
.header-round-img figure img{ max-height: 550px; max-width: 500px;}
.header-img figure img{ max-height: 500px !important; max-width: 600px !important;}

/* Common */
.main {padding: 0px;}
body .mt-0 {margin-top: 0px !important;}
body .ml-0 {margin-left: 0px !important;}
body .mt-5 {margin-top: 5px !important;}
body .mb-0 {margin-bottom: 0px !important;}
body .mb-5 {margin-bottom: 5px !important;}
body .mt-10 {margin-top: 10px !important;}
body .mt-15 {margin-top: 15px !important;}
body .mt-20 {margin-top: 20px !important;}
body .mt-30 {margin-top: 30px !important;}
body .mt-40 {margin-top: 40px !important;}
body .mt-50 {margin-top: 50px !important;}
body .mt-60 {margin-top: 60px !important;}
body .mb-10 {margin-bottom: 10px !important;}
body .mb-15 {margin-bottom: 15px !important;}
body .mb-20 {margin-bottom: 20px !important;}
body .mb-30 {margin-bottom: 30px !important;}
body .mb-40 {margin-bottom: 30px !important;}
body .mb-50 {margin-bottom: 50px !important;}

body .pt-10 {padding-top: 10px !important;}
body .pt-20 {padding-top: 20px !important;}
body .pt-30 {padding-top: 30px !important;}
body .pt-40 {padding-top: 60px !important;}
body .pt-50 {padding-top: 70px !important;}
body .pt-70 {padding-top: 70px !important;}
body .pb-10 {padding-bottom: 10px !important;}
body .pb-20 {padding-bottom: 20px !important;}
body .pb-30 {padding-bottom: 30px !important;}
body .pb-40 {padding-bottom: 60px !important;}
body .pb-50 {padding-bottom: 70px !important;}
body .pb-70 {padding-bottom: 70px !important;}

body .p-15 {padding: 15px !important;}
body .p-10 {padding: 10px !important;}
body .p-20 {padding: 20px !important;}
body .pl-0 {padding-left: 0px !important;}
body .pl-5 {padding-left: 5px !important;}
body .pr-5 {padding-right: 5px !important;}
body .pl-15 {padding-left: 15px !important;}
body .pr-15 {padding-right: 15px !important;}
body .pl-10 {padding-left: 10px !important;}
body .pl-20 {padding-left: 20px !important;}
body .pr-10 {padding-right: 10px !important;}
body .ml-5 {margin-left: 5px !important;}
body .mr-5 {margin-right: 5px !important;}	
body .ml-10 {margin-left: 10px !important;}
body .ml-15 {margin-left: 15px !important;}
body .ml-20 {margin-left: 20px !important;}
body .ml-30 {margin-left: 30px !important;}
body .ml-40 {margin-left: 40px !important;}
body .ml-50 {margin-left: 50px !important;}
body .mr-10 {margin-right: 10px !important;}
body .mr-15 {margin-right: 15px !important;}
body .mr-20 {margin-right: 20px !important;}
body .mr-30 {margin-right: 30px !important;}
body .mr-50 {margin-right: 50px !important;}
body .row-reverse { flex-direction: row-reverse;}
.d-none {display: none; }
.clearfix{ clear:both; overflow:hidden; }
.client-row.white-bg {background: #fff; }



.bg-light-image{ padding-bottom:40px !important; }
.hero-text .wpb_wrapper ul {padding-left: 30px;}

.fixed-container{ margin: 0 auto !important;}
.fixed-container > div {    max-width: 1250px;  padding: 0 !important;  margin: 0 auto !important;	float: unset; }
.vc_row{ margin: 0 !important;}
.fixed-container > div .vc_row{ margin-left: -15px !important; margin-right: -15px !important; }
body .vc_col-xs-1, body .vc_col-sm-1, body .vc_col-md-1, body .vc_col-lg-1, body .vc_col-xs-2, body .vc_col-sm-2, body .vc_col-md-2, body .vc_col-lg-2, body .vc_col-xs-3, body .vc_col-sm-3, body .vc_col-md-3, body .vc_col-lg-3, body .vc_col-xs-4, body .vc_col-sm-4, body .vc_col-md-4, body .vc_col-lg-4, body .vc_col-xs-5, body .vc_col-sm-5, body .vc_col-md-5, body .vc_col-lg-5, body .vc_col-xs-6, body .vc_col-sm-6, body .vc_col-md-6, body .vc_col-lg-6, body .vc_col-xs-7, body .vc_col-sm-7, body .vc_col-md-7, body .vc_col-lg-7, body .vc_col-xs-8, body .vc_col-sm-8, body .vc_col-md-8, body .vc_col-lg-8, body .vc_col-xs-9, body .vc_col-sm-9, body .vc_col-md-9, body .vc_col-lg-9, body .vc_col-xs-10, body .vc_col-sm-10, body .vc_col-md-10, body .vc_col-lg-10, body .vc_col-xs-11, body .vc_col-sm-11, body .vc_col-md-11, body .vc_col-lg-11, body .vc_col-xs-12, body .vc_col-sm-12, body .vc_col-md-12, body .vc_col-lg-12{
padding-left: 15px; padding-right: 15px;}
.banner-description,.home-hero-section.fixed-container p{font-size: 17.289px; font-weight: 500; line-height: 27px; }

.fancy-li ul{ list-style-type: none; padding-left: 30px; margin: 10px 0px; }
.fancy-li ul li { margin-bottom: 15px; } 
.fancy-li li {position: relative;}
.fancy-li ul li::after {position: absolute;	content: "";width: 20px;height: 20px;background: var(--fancy-li-color);	border-radius: 100%;	left: -30px;	top: 14px;	transform: translateY(-50%);	opacity: 0.5;}
.fancy-li ul li::before {position: absolute;content: "";width: 10px;height: 10px;background:var(--primary-color);border-radius: 100%;left: -25px;top: 14px;transform: translateY(-50%);z-index: 1;}
.top-li-icon li:after { top: 15px !important;}
.top-li-icon li:before { top: 15px !important;}
.li-pl-15 ul li{padding-left: 15px;}
a {text-decoration: none;}

h1{ font-size: 43px; line-height: 60px; font-weight: bold; margin-top: 0; margin-bottom: 25px; color: var(--title-color); }
h2,h3{ font-size: 35px; line-height: 50px; font-weight: 600; margin-top: 0; margin-bottom: 25px; color: var(--title-color);  }
/*h3{ font-size: 27px; line-height: 35px; font-weight: 600; margin-top: 0; margin-bottom: 25px; color: var(--title-color);  }*/
h4{ font-size: 22px; line-height: 30px; font-weight: 600; margin: 0;  color: var(--title-color); }
h5{ font-size: 19px; line-height: 30px; font-weight: 600; color: var(--title-color); }
h6{ font-size: 16.5px; line-height: 20px; font-weight: 600; margin: 0px; color: var(--title-color); }

/* h1{ font-size: calc(18px + 2vw); line-height: calc(18px + 3vw); font-weight: bold; margin-top: 0; margin-bottom: 25px; color: var(--title-color); }
h2{ font-size: calc(18px + 1.6vw); line-height: calc(17px + 2.5vw); font-weight: 600; margin-top: 0; margin-bottom: 25px; color: var(--title-color);  }
h3{ font-size: calc(16px + 0.65vw); line-height: calc(18px + 2vw); font-weight: 600; margin-top: 0; margin-bottom: 25px; color: var(--title-color);  }
h4{ font-size: calc(15px + 1.5vw); line-height: calc(18px + 2vw); font-weight: 600; margin: 0;  }
h5{ font-size: calc(14px + 0.5vw); line-height: calc(18px + 2vw); font-weight: 600;  }
h6{ font-size: calc(1px + 4vw); line-height: calc(15px + 1vw); font-weight: 500; } */
.comman-button a:not(header a) {display: inline-block; }
.item-style-1 h3 {font-size: 24px; line-height: 35px; text-transform:uppercase; }
.vc_column_container > .vc_column-inner{ padding: 0 !important;}
.bg-light{ background-color:var(--bg-color); }
.footer-bg{ background-color:var(--dark-gray); }
.color-fff, .color-fff h3 {color: #fff; } 
.light-grey { color: var(--grey );}
.dark-black { color: var(--title-color );}
.fw-500 {font-weight: 500;}
/* Header TEXT*/
.max-width-688{ max-width: 688px; margin: 0 auto !important; }
.max-width-750{ max-width: 750px; margin: 0 auto !important; }
.max-width-800{ max-width: 800px; margin: 0 auto !important; }
.max-width-900{ max-width: 900px; margin: 0 auto !important; }
.max-width-1050{ max-width: 1051.2px; margin: 0 auto !important; }
.max-width-1100{ max-width: 1100px; margin: 0 auto !important; }
.w-50 {width: 50%;}
.d-flex {display: flex; align-items: center;}
.m-d-flex {display: flex; align-items: center;}
/* Main Button Comman  */
.comman-button a,.comman-button input[type=submit]{text-decoration: none; font-size: var(--button-font-small); font-weight: 500; color: var(--button-white-font)!important; padding: 12px 27px; padding-top: 10px; padding-left: 25px !important; background-color: var(--primary-color); border-radius: 40px;  transition:all ease-in .1s;  cursor: pointer;}
.comman-button a i{ transition:all ease-in .2s; }
.comman-button a:hover,.comman-button input[type=submit]:hover{ background:var(--orange-button); box-shadow:0px 0px 8px rgba(0,0,0,0.3); }
.comman-button a:hover i {transform: translate(2px, 0px) scale(1.2); }
.comman-button {list-style-type: none;}
.comman-button a i{font-size: var(--font-small-size); margin-left: 5px; color: var(--button-white-font)!important;     position: relative; top: 0px;}
/* orange text & arrow  */
.discover-reviews a{ text-decoration: none;  font-weight: 600; color: var(--orange-button); border-bottom: 1px solid var(--orange-button); padding-bottom: 7px;}
.discover-reviews {list-style-type: none;}
.discover-reviews a i{font-size: var(--font-small-size); margin-left: 5px; color:var(--orange-button); position: relative; top: 0px;}
.vc_toggle{ border-radius:10px !important; }
.vc_toggle_title > h4 {font-size: 17px; }
.vc_toggle_content {margin-top: 0px; }
.vc_toggle {background: #fff; padding: 20px; margin-bottom: 15px; border-radius: 5px; }
.vc_toggle_size_md.vc_toggle_round .vc_toggle_content,.vc_toggle_size_md.vc_toggle_round .vc_toggle_title{     padding-left: 40px !important; }

.comman-explore-text a{ font-weight: 600; color: var(--orange-button);  text-decoration: none; border-bottom: 1px solid var(--orange-button); padding-bottom: 7px;}
.comman-img-size img{ height: 550px; width: 550px;}
/* .comman-img-size img{ height: 550px; width: 500px;} */
.comman-content-line { align-items: baseline !important;}
.comman-content-line h3 { color: var(--body-color) !important;}
.bottom-footer-form .comman-button input {min-width: 140px; margin-top: 15px; }
.redesign-nocode-service .vc_column-inner img{ display:none; }
.redesign-nocode-service .vc_column-inner h6 {margin-top: 0 !important; margin-left: 5px !important; }
.redesign-nocode-service .vc_column-inner p.sb-txt {margin-left: 5px !important; }

/* ------------------------------------------------- */
/* Home Page CSS */
/* HEADER  */ 
.topnav{ justify-content: space-between;}
.navbar .menu-icon i{display: none;}
.navbar-list{list-style-type: none; justify-content: end;}
.navbar-list li a {margin-left: 15px; font-weight: 600 !important; font-size:15.34px ; padding-left: 20px; text-decoration: none; color: var(--header-font); }
/*.navbar-list li.current-menu-item > a,.navbar-list li.current-menu-parent > a { color: var(--orange-button);}*/
.lets-talk-button li a {margin-right: -15px !important;}
.header-section p{font-size: 17.289px; font-weight: 500; line-height: 32px;}
/* .header-section p{font-size: 17.289px; font-weight: 500; margin-right: 50px; line-height: 32px;} */
.portfolio-items .vc_col-sm-12 {    padding: 0 !important; }
.topnav .navbar-list > li > ul {display: none; position:absolute;     left: 15px; top: 53px; z-index:111;     margin: 0; padding: 0; list-style:none;     padding-top: 25px !important; }
.topnav .navbar-list > li{ position:relative; }
.navbar-list > li > a {padding: 14px 20px; margin: 0;     display: inline-block; }
.stick .navbar-list > li > a {padding: 20px 20px; margin: 0;     display: inline-block; }
.topnav .navbar-list li li{  line-height:35px; }
.topnav .navbar-list > li:hover > ul {display: block; width: 315px; margin-top: -3px; /* border: 1px solid #f1f1f1; */ border-radius: 10px;     padding: 10px 0px; }
.stick .topnav .navbar-list > li:hover > ul {margin-top: 10px; }
.topnav .navbar-list{ margin:0; padding:0; }
.topnav .navbar-list > li > ul a {padding-left: 10px; display: block;     FONT-WEIGHT: 400 !important; }
/*.topnav .navbar-list > li > ul li {border-bottom: 1px solid #f2f8ff; }*/
.topnav .navbar-list li li a:hover{ color:var(--orange-button); }
/*.topnav .navbar-list > li > ul li:hover{ background:#f2f8ff; }*/
.topnav img {max-width: 110px;     margin-top: 5px; }
ul.project-more-info {margin-bottom: 40px !important; }  
.menu-action-btn ul {margin: 0; padding: 0; }
.menu-primary-menu-container > ul > li:hover::before {position: absolute; width: calc(100% - 40px); height: 4px; background: var(--orange-button); bottom: 0px; left: 20px; content: ""; }
.topnav .navbar-list > li > ul::after {content: ""; height: 100%; width: 100%; background: #fff; top: 10px; left: 0; position: absolute; z-index: 11; border-radius: 10px; }
.topnav .navbar-list > li > ul li {position: relative; z-index: 1111; }
.topnav .navbar-list li li a::after {content: "arrow_right_alt"; font-family: var(--matirial-icons); font-size: 15px; position: absolute; top: 1px; margin-left: 0px; visibility: hidden; transition:all ease-in .2s; }
.topnav .navbar-list li li a:hover::after{ margin-left: 10px; visibility: visible; }
.fa.fa-arrow-right-long::before {font-family: var(--matirial-icons); content: "arrow_right_alt" !important; font-style: normal; font-size: 18px; position: relative; top: 3px; }

i.fa.fas.fa-regular.fa-arrow-left::before {font-family: var(--matirial-icons); content: "arrow_back_ios" !important; font-style: normal; font-size: 18px; }
i.fa.fas.fa-regular.fa-arrow-right::before {font-family: var(--matirial-icons); content: "arrow_forward_ios" !important; font-style: normal; font-size: 18px; }
i.fa.fas.fa-regular.fa-arrow-left, i.fa.fas.fa-regular.fa-arrow-right {padding-top: 15px; padding-bottom: 10px; padding-left: 15px; padding-right: 13px; }

/* care-about- */ 
.care-about-img .vc_column-inner{padding-left: 0px !important; padding-right: 0px !important;}
.home-about-section img { max-width: 450px; }
.expericnce-awardwinner > body .vc_col-sm-6{ border: 1px solid var(--care-about-border); margin-left: 0px; margin-top: 25px; padding : 12px 15px !important}
.expericnce-awardwinner h6{margin-left: 65px; font-size: 18px !important; font-weight: 600 !important; margin-bottom: 8px; margin-top: -50px !important;	}
.expericnce-awardwinner .sb-txt{margin-left: 65px;margin-bottom: 8px; margin-top: 8px !important;}
.expericnce{margin-bottom: 25px; padding: 15px; border: 1px solid var(--grey-border );     padding-top: 25px !important;}
.expericnce p{margin: 0px;}
.awardwinner{margin-left: 10px; padding: 15px; border: 1px solid var(--grey-border );     padding-top: 25px !important;}
.awardwinner p{margin: 0px;}
/* Why Choose Us? */
.why-choose-us .vc_column-inner .wpb_text_column{    background: var(--bg-color);     position: relative;   padding: 30px 30px !important;}
.why-choose-us.bg-white-software-services .vc_column-inner .wpb_text_column{ background:#fff !important; min-height: 420px;  }
.page-id-3453 .why-choose-us.bg-white-software-services .vc_column-inner .wpb_text_column{background: var(--bg-color) !important; }
.home .why-choose-us .vc_column-inner .wpb_text_column,
.page-id-3453 .why-choose-us .vc_column-inner .wpb_text_column{    background: #fff !important;  }
.why-choose-us .fancy-li ul {    margin-top: 30px; }
.why-choose-us h3 {    margin-bottom: 20px; }
.why-choose-us .vc_column-inner .wpb_text_column::before { content: ""; border-top: 7px solid var(--primary-color); border-left: 7px solid var(--primary-color);    position: absolute;    left: 0;    top: 0;    height: 110px;     width: 120px;     z-index: 11;}
.why-choose-us h3 a{ margin-bottom: 40px; text-decoration: none;  list-style: unset; color: var(--title-color);}
.why-choose-us .vc_column-inner .wpb_text_column{ background: var(--bg-color) !important; }
.owl-carousel-3-items .owl-nav {position: absolute; right: 0; top: -90px; }
.owl-carousel-3-items .owl-nav i{ background:#fff; }

/* icon */
.service-img {
    height: 85px;
    width: 90px;
}

/* 4 image full section */
.portfolio-items {position: relative;}
.portfolio-items .vc_col-sm-3{padding: 0; }
/* .portfolio-items  h6{top: 0px; position: absolute; color:var(--white-color); margin: 20px; font-size: var(--font-small-size);} 
.portfolio-items  p{top: 10px; position: absolute; color:var(--white-color); font-size: 11px; margin: 40px 20px;} */
.portfolio-items  h6{top: 0px;  position: absolute; color:var(--white-color); margin: 20px; font-size:18px; font-weight: 600;} 
.portfolio-items  p{top: 40px;  position: absolute; color:var(--white-color); font-size: 15px; margin:20px !important;}
.portfolio-items  > div .vc_row{ margin-left: 0px !important; margin-right: 0px !important; }

/* Whether You’re a Startup, Small Business, or Corporation, Our Services  */
body .business-logo .vc_col-sm-3 img {    width: auto;    height: 34px;    margin: 0 auto;    background-color: var(--button-white-font);    position: absolute;    max-width: 90%;    left: 50%;    top: 50%;    transform: translate(-50%,-50%);}
.business-logo .wpb_single_image .vc_figure {    width: 100%; background: var(--white-color);    position: relative;    width: 100% !important;    display: block;    height: 110px;}

/* software-solution */
.bg-software-solution{background-color:var(--primary-color); padding: 40px 20px !important; }
.software-solution-text{  padding-left: 35px; }
.software-solution-text a{text-decoration: none; color: var(--white-color);font-weight: 600;font-size: 18px; }
.software-solutions > div > div{ padding-bottom: 40px;}
.bg-software-solution{ margin-left: -15px;  }
.bg-software-solution img{ vertical-align: middle !important; width: 50px; height: 45px; }
.bg-logistic h4{font-size: 20px;font-weight: 600;color: var(--title-color);}
.explore-btn{ margin: 0 auto; text-align: center !important; padding-bottom: 2px !important;}
.all-industries a{float: right; font-weight: 600; margin-right: 20px; color: var(--orange-button);  text-decoration: none; border-bottom: 1px solid var(--orange-button); padding-bottom: 7px;}
.software-solution-text a.active{border-bottom: 2px solid #D7A31A; padding-bottom: 5px;}

/* driving-growth */
.driving-growth-header{  height: 470px !important; padding-bottom: 150px;}
.driving-growth-header h3{max-width: 400px;}
.driving-growth-header p{max-width: 400px;}
.driving-growth-section .vc_column-inner{ padding-left: 0px !important; }
.driving-growth-section p{ font-size: var(--font-small-size); font-weight: 500; letter-spacing: 0.27px; color: var(--header-font)}
.driving-growth-section h2{ color: var(--primary-color); }
.vc_custom_1696928015046 {background-size: 100% auto;  background-repeat: no-repeat;  background-position: center center; }

/* client review  */
.owl-theme .owl-nav { float: right;}
.client-row { padding: 20px; background-color: var(--bg-color ); border-radius: 15px;     min-height: 120px;}
.client-row p{margin: 0px;}
.client-row img{ height: 55px; margin-right: 15px; }
.client-row h6 {color: var(--title-color); margin-bottom: 10px;}
.client-row p {color: var(--body-color); margin: 0px; font-size: 13px; font-weight: 400;}
.client-review-discription { font-weight: 500;}
.owl-nav{display: flex; justify-content: flex-end !important;}
.owl-nav i { margin-top: 20px; margin-left: 20px; color: var(--title-color ); border-radius: 100%; padding: 15px; background-color: var(--bg-color);}
.testimonials-home-slider {position: relative;}
.discover-reviews{ position: absolute; bottom: 15px;}

.marquee .js-marquee {display: flex; align-items: center; }
.js-marquee img {max-height: 32px; width: auto; padding: 20px 30px; border-radius: 10px; }


/* About Us Page */
/* About vision-mission */
.mission-vision-description p { margin-top: 0px; margin-right: 20px;}

/* .our-vision-mission {margin-left: 20px;} */
.our-vision, .our-mission, body .card-with-side-border {padding: 20px; padding-left: 30px; border-left: 5px solid var(--primary-color); background:var(--bg-color); margin-bottom: 15px;}
.our-vision h5,.our-mission h5, body .card-with-side-border h5{ margin-bottom: 7px !important;     margin-top: 0; }



/* About Why Choose Us? */
.why-choose-us-list > div > div { display: flex; flex-direction: inherit; flex-wrap: wrap; align-content: center; justify-content: center; margin: 0px -15px;}
.why-choose-us-list > div > div > div { width: calc(25% - 30px); padding: 8px 15px;}
.why-choose-us-list > div > div > div > div { background: var(--white-color);}
.why-choose-us-list .wpb_content_element .wpb_wrapper {padding: 15px 15px 23px; border: 1px solid var(--light-grey); min-height: 245px; border-radius:10px; }
.why-choose-us-list img { width: 80px; height: 80px;}
.why-choose-us-list h5 {font-weight: 600; margin: 17px 0px;}

/* We Are Creative Brand Design */
.creativeb-rand-design h5{ font-weight: 600; margin: 10px;  margin-bottom: 0px !important;}
.creativeb-rand-design p{ margin: 0px; }
.we-work-title h5{ color: var(--title-color); margin-bottom: 10px;}

/* How We Work? */
.about-we-work{ align-items: top !important;}
.about-we-work figure img{  max-height: 500px !important; max-width: 500px !important; }
.our-approach .client-review .owl-item{ margin-right: 25px !important;}
.our-approach-header{ text-align: center;}
.about-we-work.vc_row.vc_row-flex > .vc_column_container {	align-items: top !important;	display: block !important; }

/* Contact Us Page */
.contac-us-img{max-width: 450px; max-height: 450px;}
/*  */
.fixed-container > div  .form-container { margin: 0px !important; border-radius: 16px; border-top-right-radius: 16px !important;  border-bottom-right-radius: 16px !important; }
.form-container .contact-info > div{padding: 50px !important; background-color: var(--primary-color); border-bottom-left-radius: 16px; border-top-left-radius: 16px;  }
.contact-info i { color:var(--bg-color); }
.contact-info {padding: 0px !important; }
.contact-info h5{ color: var(--white-color); }
.contact-info p{ color: var(--white-color); }
.form-control{ padding: 0px !important; }
/* Form */
.contact-us-form {  width: 100%; margin: 0 auto; margin-top: 20px !important;}
.contact-us-form .input{font-family: 'Poppins', sans-serif; margin-bottom: 15px; box-sizing: border-box; font-size: 15px !important; padding: 12px; width: 100%; border: 1px solid var( --input-border); }
.contact-us-form textarea{font-family: 'Poppins', sans-serif; font-size: 12px !important; margin-bottom: 10px; padding: 12px; width: 100%; box-sizing: border-box;  border: 1px solid var( --input-border); }
.codedropz-upload-inner {display: flex; width: 94%; gap: 5px;justify-content: center;}
.contact-us-form .vc_col-md-6:nth-child(1) { padding-right: 7.5px; }
.contact-us-form .vc_col-md-6:nth-child(2) { padding-left: 7.5px; }
.contact-us-form p{ margin: 0px !important;}
.bg-lights{ background-color:var(--bg-color); }
.bg-primary{ background-color:var(--primary-color); }
.input-button{ border: unset; font-size: var(--font-small-size); font-weight: 500; color: var(--button-white-font)!important; padding: 10px 30px; background-color: var(--orange-button); border-radius: 20px;}
.smt-button { text-align: right !important; position: relative;  }
.wpcf7-spinner{  position: absolute; left: 100px; width: 35px; height: 35px;}
.codedropz-upload-handler {border: 1px solid var(--input-border) !important; margin-bottom: 15px !important; border-radius: 0;}
.codedropz-upload-container { background-color: var(--white-color);  padding: 12px 20px !important; color: var(--body-color); opacity: 0.7;}
.dnd-upload-counter { padding-right: 12px; }
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn { color: var(--primary-color)  }
.wpcf7 form .wpcf7-response-output { margin: 0 auto; max-width: 540px; margin-top: 15px;}
.footer-bg .comman-button.mt-40 {margin-top: 0 !important;  }
.footer-bg .comman-button.mt-40 a,footer .comman-button a{ border:1px solid #fff; }
#scrollToTopBtn {display: none; position: fixed; bottom: 20px; right: 20px; z-index: 100; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); background-color: var(--primary-color); color: white; border: none; border-radius: 100%; padding: 10px 12px; cursor: pointer; font-size: 24px; padding-right: 12px; padding-top: 12px; padding-bottom: 5px; }
#scrollToTopBtn:hover {background-color: #555; }
#scrollToTopBtn i {transform: rotate(-90deg) scale(1.1); }

.next-goal{ padding: 15px;}
.next-goal h5{ margin: 10px;}

/* CAREER PAGE DESIGN */
.career-list > div > div { display: flex; flex-direction: inherit; flex-wrap: wrap; align-content: center; justify-content: center; margin: 0px -15px;}
.career-list > div > div > div { width: calc(33.33% - 30px); padding: 8px 15px;}
.career-list > div > div > div > div { background: var(--white-color); border: 1px solid #D2D1D1; border-radius: 15px;}
.career-list .wpb_content_element .wpb_wrapper{padding:30px;}
.career-list h5 {font-weight: 600; margin: 10px 0px; color: var(--title-color );}

.requirement-proccess-list > div > div { display: flex; flex-direction: inherit; flex-wrap: wrap; align-content: center; justify-content: center; margin: 0px -15px;}
.requirement-proccess-list > div > div > div { width: calc(25% - 30px); padding: 8px 15px;}
.requirement-proccess-list > div > div > div > div { background: var(--bg-color ); border: 1px solid #D2D1D1; border-radius: 15px;}
.requirement-proccess-list .wpb_content_element .wpb_wrapper{padding:30px;}
.requirement-proccess-list h5 { font-size: 18px;  font-weight: 600; margin: 10px 0px; color: var(--title-color );}
.requirement-proccess-list h5 img { max-width: 50px; max-height: 55px;}

.currant-opening-container h5{ margin: 0px;}
.currant-opening-container { padding-right: 10px !important; padding-left: 10px !important;}
.hiring-posision{ border: 1px solid var(--light-grey) !important;  box-shadow: 0 2px 0px 0 rgba(88, 88, 88, 0.2), 0 3px 10px 0 rgba(88, 87, 87, 0.19);  padding: 15px 0px; border-radius: 15px;}
.apllynow-btn{ text-align: right;}

/* INSIGHT PAGE */
.insight-img img{ max-width: 100% !important;}
.insight-description{ padding: 20px;}
.insight-description p{ height: 90px; font-size: 20px; color: var(--title-color); font-weight: 400; line-height: 28px; letter-spacing: 0.3px;}
/* Post */
.post-list-masionary .vc_gitem-zone { background: var(--bg-color) !important; padding: 24px 40px; }
.post-list-masionary .vc_gitem-post-data-source-post_excerpt{ display: none; }
.post-list-masionary .vc_btn3 { background: transparent !important; color:var(--orange-button) !important; font-size: 16px !important; border-bottom: 1px solid !important; font-weight: 500; padding: 0 !important; margin-top: 10px !important; position: relative;}
.post-list-masionary .vc_btn3::after { content: "\f178"; font-family: var(--fa-style-family,"Font Awesome 6 Free"); font-weight: var(--fa-style,900); margin-left: 15px;}
.post-list-masionary .vc_btn3.vc_btn3-shape-rounded {border-radius: 0px !important; padding-bottom: 5px !important;}
.post-list-masionary h4{ font-weight: 400; color: var(--title-color);}
/* Post Page image */
.single-post .wpb_single_image > figure,.single-post .wpb_single_image > figure > div{ display: block !important; }
.single-post .wpb_single_image img{ width: 100%; height: 500px; object-fit: cover; object-position: center; }


/* Industry */
/*Industries We Serve*/
.industries-list > div > div { display: flex; flex-direction: inherit; flex-wrap: wrap; align-content: center; justify-content: center; margin: 0px -15px;}
.industries-list > div > div > div { width: calc(33.33% - 30px); padding: 8px 15px;}
.industries-list > div > div > div > div { background: var(--bg-color);}
.industries-list .wpb_content_element .wpb_wrapper{padding:30px;}
.industries-list h5 {font-weight: 600; margin: 10px 0px !important; }
.industries-list h5 a{ color: var(--title-color ) !important;}
.industry-container > div {border-bottom: 4px solid var(--primary-color);}
.industry-container img{ height: 50px !important; width: auto !important;}


/* Single Page Case Study */
/*.project-summary-img img{ width: 500px; max-height: 500px;}*/
.business-need-tabs { border-right: 1px solid;}
.case-study-tabs > ul { width: 45% !important;}
.case-study-tabs > div { position: relative;  width: 55%;}
.case-study-tabs { display: flex !important; align-items: center; }
.case-study-tabs .ult_tabmenu.style1, .case-study-tabs .ult_tabmenu.style2 { display: block !important; background-color: transparent !important;  }
.case-study-tabs .ult_tab_li{ background-color: transparent !important;  width: 100% !important; border-radius: 0 !important;}
.case-study-tabs .ult_tab_li a { background: transparent !important; padding: 15px 0px !important;}   
.case-study-tabs  li.ult_tab_li.current span { color: var(--orange-button) !important;}
.case-study-tabs  li.ult_tab_li.current .ult_a .ult-span-text{ border-bottom: 2px solid var(--orange-button) !important; padding-bottom: 7px; }
.case-study-tabs .ult-span-text { font-size: 24px !important; font-weight: 500; }
.case-study-tabs span.ult-span-text.ult-responsive { color: var(--title-color) !important; }
.case-study-tabs .ult_tabitemname{ padding-left: 66px !important; padding-top: 0px!important; padding-bottom: 0px !important; border-left: 1px solid var(--fancy-li-color ) !important;} 
.testimonial h5{ font-weight: 500 !important; padding-left: 60px !important; position: relative; font-size: 23px !important;}
.testimonial h6{ margin: 0px !important; color: var(--title-color) !important; }
.testimonial p{ margin-top: 0px !important;}
.ult_tab_min_contain > div > div> div li{ color: #2C3140; line-height: 24px;} 
q::before { content: "\f10d"; font-size: 48px; vertical-align: text-top !important; position: absolute; left: 0px; top: -25px; font-family: 'FontAwesome'; color: #aaa;}
q::after { content: "\f10e"; font-size: 48px; vertical-align: text-top !important; position: absolute; top:70px; padding-left: 15px !important; font-family: 'FontAwesome'; color: #aaa;}

/* Comman column Section */
.comman-column-section .vc_column-inner { background-color: var(--bg-color); position: relative; padding: 30px 30px !important; }
.comman-column-section .fancy-li ul { margin-top: 40px; }
.comman-column-section h3 { margin-bottom: 40px; font-size: 27px; line-height: 35px; font-weight: 600; margin-top: 0; margin-bottom: 25px; color: var(--title-color); }
.comman-column-section .vc_column-inner::before { content: ""; border-top: 7px solid var(--primary-color); border-left: 7px solid var(--primary-color); position: absolute; left: 0; top: 0; height: 110px; width: 120px; z-index: 11;}
.comman-column-section h3 a{ margin-bottom: 40px; text-decoration: none;  list-style: unset; color: var(--title-color);}


/*  */
.engagement-models-list  > div > div { display: flex; flex-direction: inherit; flex-wrap: wrap; align-content: center; justify-content: center; margin: 0px -15px;}
.engagement-models-list > div > div > div { width: calc(33.33% - 30px); padding: 8px 15px;}
.engagement-models-list > div > div > div > div { background: var(--bg-color);}
.engagement-models-list .wpb_content_element .wpb_wrapper{padding:50px 30px;}
.engagement-models-list h5 {font-weight: 600; margin: 10px;}

/*  */
/* .fixed-price figure img {margin-left: -55px;} */

   /* call to action */
   .align-right {text-align: right;}

/* Methodology Page  */
.methodology-list img{ vertical-align: middle !important; height: 50px; width: 50px; }
.methodology-list .title { margin-left: 20px;color: var(--body-color);font-size: 20px;font-weight: 600;line-height: 30px; }

/*  */
/* .strategy-planing ul li{ color: red;font-size: 15px;font-weight: 600;line-height: 28px;} */
.strategy-planing ul li a{ color: var(--title-color );font-size: 15px;font-weight: 500;line-height: 28px;}
.strategy-planing ul { margin: 5px 0px!important;}
.strategy-planing h2 { margin-bottom: 0px}
.strategy-planing p { margin-bottom: 0px}

.strategy-planing-list  > div > div { display: flex; flex-direction: inherit; flex-wrap: wrap; align-content: center; justify-content: center; margin: 0px -15px;}
.strategy-planing-list > div > div > div { width: calc(33.33% - 30px); padding: 8px 15px;}
.strategy-planing-list > div > div > div > div { background: var(--bg-color);}
.strategy-planing-list .wpb_content_element .wpb_wrapper{padding:10px 30px;}
.strategy-planing-list h5 {font-weight: 600; color: var(--title-color); margin: 10px; font-size: 16.379999px !important;}
.strategy-planing-container > div {border-bottom: 4px solid var(--primary-color);}
.strategy-planing-container img{ margin-top: -100px;} 

/* .technology-stratugy-list{ padding: 15px;} */
.technology-stratugy-list h5{ margin: 0px; color: var(--title-color);}

.helthcar-benefits ul li { padding-left: 10px; }
.helthcar-benefits ul { margin: 0px; }
.helthcar-benefits p { margin-left: 40px; margin-top: 5px; }
.white-card-with-border .wpb_wrapper .wpb_wrapper {background: #fff; }
 /* industry */
 .remove-border-bottom  > div > div { display: flex; flex-direction: inherit; flex-wrap: wrap; align-content: center; justify-content: center; margin: 0px -15px;}
.remove-border-bottom  > div > div > div { width: calc(33.33% - 30px); padding: 8px 15px;}
.remove-border-bottom  > div > div > div > div { background: var(--bg-color);}
.remove-border-bottom  .wpb_content_element .wpb_wrapper{padding:30px;}
.remove-border-bottom  h5 {font-weight: 600; margin: 10px 0px !important; }
.remove-border-bottom  h5 a{ color: var(--title-color ) !important;}

.requirement-proccess-lists > div > div { display: flex; flex-direction: inherit; flex-wrap: wrap; align-content: center; justify-content: center; margin: 0px -15px;}
.requirement-proccess-lists > div > div > div { width: calc(25% - 30px); padding: 8px 15px;}
.requirement-proccess-lists > div > div > div > div { background: var(--white-color ); border: 1px solid #D2D1D1; border-radius: 15px;}
.requirement-proccess-lists .wpb_content_element .wpb_wrapper{padding:30px;}
.requirement-proccess-lists h5 { font-size: 18px;  font-weight: 600; margin: 10px 0px; color: var(--title-color );}
.requirement-proccess-lists h5 img { max-width: 50px; max-height: 55px;}
 

/* .chooose-up-gap .vc_column-inner{ background-color:var(--bg-color) !important; } */


/* Technologies and Platforms We Use tab */
.technologies-platforms-tab .ult_tabmenu.style1, .technologies-platforms-tab .ult_tabmenu.style2 { border-bottom: 1px solid var(--body-color); background-color: transparent !important;  } 
.technologies-platforms-tab .ult_tab_li a { background: transparent !important; padding: 15px 0px !important;}   
.technologies-platforms-tab span.ult-span-text.ult-responsive { color: var(--title-color) !important; }
.technologies-platforms-tab  li.ult_tab_li.current span { color:var(--primary-color) !important;}
.technologies-platforms-tab .ult_tab_li{ background-color: transparent !important;  border-radius: 0 !important;}
.technologies-platforms-tab .ult-span-text { font-size: 18px !important; font-weight: 600; }

/* .technologies-platforms-tab  */
.technologies-platforms-tab {margin-bottom: 0px !important;}
.technologies-platforms-tab .ult_tabitemname{ padding:0px !important } 
body .technologies-platforms-logo .vc_col-sm-2 img {  width: auto;  margin: 0 auto; background-color: var(--button-white-font); position: absolute; max-width: 90%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.technologies-platforms-logo .wpb_single_image .vc_figure { border-radius: 12px; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
height: 150px !important; width: 100%; background: var(--white-color);  position: relative;  width: 100% !important;    display: block;    height: 110px;}
.max-width-470 img {max-width: 470px; }
.max-width-540 img {max-width: 540px; }


/* FOOTER */
.book-consulation {margin: 0 auto; margin-right: 0px;}
.ftr-header h3{ color: var(--button-white-font); margin-bottom: 15px !important;}
.ftr-header p {color: var(--bg-color); margin-top: 1.7rem !important; font-size: 18px; opacity: 0.8;     margin-bottom: 2rem; }
.ftr-font-color, .ftr-font-color i {text-decoration: none; color: var(--orange-button) !important; }
.ftr-border{border-bottom: 1px solid var(--hr-color ) ; }
/*.footer .row{ display: grid !important; grid-template-columns: 1.5fr 1.5fr 2.2fr 2.5fr 2.2fr 2.7fr;}*/
.footer .row{ display: grid !important; grid-template-columns: 1.5fr 2fr 2.5fr 3fr 3fr;}
.footer-col a{font-size: var(--font-small-size) !important; margin-bottom: 15px !important;  color:var( --button-white-font) !important; text-decoration: none !important; cursor: pointer; display: flex;}
.footer-col p{font-size: var(--font-small-size) !important; margin-bottom: 5px !important;  color:var( --button-white-font) !important;}
.flex-center { justify-content: center !important; display: flex !important;}
.footer-col a:nth-child(1){ font-weight: 600 !important; font-size: 16px !important;}
.footer-bold a{font-weight: 600 !important; font-size: 16px !important; margin-bottom: 30px !important;}
.ftr-address{ background-color: #202a3a; margin-bottom: 15px;  padding: 10px 20px !important;}
.footer-col  p:nth-child(2) { /*font-size: 13px !important;*/ margin-top: 0px !important;}
.footer-txt{ margin: 0 auto !important; width: 60% !important; text-align: center !important;}
.footer-txt p:nth-child(1) { font-weight: 600 !important; color:var(--button-white-font) !important; font-size: 16px !important; }
.footer-txt p:nth-child(2) { font-weight: 400 !important; color:var(--button-white-font)!important; font-size: 13px !important;}
.footer-logo a{ padding-right: 30px !important; margin-bottom: 30px !important;}
.footer-logo { margin-bottom: 20px !important;}
.ftr-address p:nth-child(1){ font-weight: 600 !important; margin-top: 5px; font-size: var(--font-small-size) !important;}
.pre-footer .comman-button a{border: 1px solid #fff; background: #fff; color: var(--primary-color) !important; }
.pre-footer .comman-button a i{ color: var(--primary-color) !important; }
.pre-footer .comman-button a:hover{ transform: translateY(-2px); }
.mail-or-contact-us {border-top: 1px solid #416da0; margin-top: 50px; padding-top: 40px; }
.mail-or-contact-us a {color: #fff; margin: 0px 20px; font-size:17px; }
.mail-or-contact-us a i {margin-right: 10px; }
.mail-or-contact-us a:hover{ color:var(--orange-button); }
.pre-footer{ position:relative; overflow:hidden; }
.pre-footer::before {content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%); animation: rotate 30s linear infinite; }
@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.bottom-footer-form .codedropz-upload-inner h3, .bottom-footer-form .codedropz-upload-inner span {display: none; }
.bottom-footer-form .codedropz-upload-inner{ justify-content: flex-start; }
.bottom-footer-form .codedropz-upload-inner > * { width:100%; text-align:left; }
.bg-gradiant-gray {background: var(--bg-color ); padding: 15px 40px !important; padding-bottom: 40px !important; border-radius: 10px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); }
.bottom-footer-form .bg-lights {padding: 40px; border-radius: 8px 0px 0px 8px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); }
.bottom-footer-form .contact-us-form .input,.bottom-footer-form .contact-us-form textarea,.bottom-footer-form .codedropz-upload-handler{     background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border: 0; padding: 15px 20px; border-radius: 5px !important; }
.bottom-footer-form .codedropz-upload-handler {padding: 0; border: 0 !important; }
.bottom-footer-form .codedropz-upload-container { border-radius: 5px !important; }

.bottom-counter .stats-desc{ text-align:left; margin-top:10px; }
.bottom-counter .stats-desc > div:nth-child(1){ color: var(--primary-color); font-size: 35px !important; line-height: 44px; font-weight: 600; margin-top: 0;  }
.bottom-counter .stats-desc > div:nth-child(2){ font-size: var(--font-small-size) !important; font-weight: 500; letter-spacing: 0.27px; color: var(--header-font); margin-top: 5px; }
.bottom-footer-form .stats-block {margin-bottom: 20px !important; }
.bottom-footer-form .bottom-counter {margin-top: 30px !important; }


.case-study-box {position: relative; margin-bottom: 20px; color: #fff; text-align: left; background-size: cover; background-position: center; display: flex; align-items: flex-end; height: 210px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); }
.color-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Adjust the overlay color and opacity here */ }
.case-study-content {position: relative; z-index: 2; }
.case-study-logo img {max-height: 50px; margin-bottom: 15px; }
.case-study-description {font-size: 16px; line-height: 1.5; }
.custom-placeholder {background-color: #f5f5f5; color: #333; display: flex; align-items: center; justify-content: center; text-align: center; }
.custom-placeholder .case-study-title {font-size: 20px; font-weight: 600; }
.case-study-logo img { max-height: 30px; }
.color-overlay.blue{ background: linear-gradient(107.36deg, rgba(0, 159, 253, .45) -8.2%, rgba(42, 42, 114, .45) 109.89%);  }
.color-overlay.gray{ background: linear-gradient(101.93deg, rgba(31, 31, 31, .45) -7.33%, rgba(129, 129, 129, .45) 107.06%);  }
.color-overlay.green{ background: linear-gradient(132.35deg, rgba(24, 166, 137, .5) -9.94%, rgba(19, 54, 92, .5) 112.44%); }
.color-overlay.yellow{ background: linear-gradient(98.75deg, rgba(254, 162, 72, .45) -5%, rgba(254, 137, 17, .45) 104.22%);  }
.color-overlay.purple {background: linear-gradient(135deg, rgba(128, 0, 128, .45) 0%, rgba(75, 0, 130, .45) 100%); }
.case-study-item .extra-details {padding: 1.5rem; }
.case-study-item .services span {display: inline-block; margin-right: 10px; padding: 0.25rem 0.75rem; background: var(--bg-color); color: var(--primary-color); border-radius: 15px; font-size: 0.8rem; }


.case-study-results {display: flex; justify-content: space-around; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #f1f1f1; }
.result-item {text-align: center; }
.result-value {font-size: 1rem; font-weight: bold; color: var(--primary-color); }
.result-label {font-size: 13px; color: var(--grey); line-height: 1.2; }
.case-study-results > div {width: 33.33%; padding: 0px 13px; }

 ul.home-about-right {margin: 0; padding: 0; display: flex; flex-wrap: wrap; margin-top: 30px;     max-width: 520px; float:right; }
ul.home-about-right li:nth-child(2n) {margin-top: -30px; }
ul.home-about-right li {list-style: none; width: 50%; margin-bottom: 15px; }
ul.home-about-right div h6 {font-size: 43px; margin-top: 30px; margin-bottom: 30px;     color: var(--primary-color);}
ul.home-about-right div {margin: 15px; text-align: center; padding: 11px; padding-bottom: 20px; border-radius: 10px; color: var(--body-color); font-weight: bold; font-size: 15px; border-bottom: 5px solid var(--primary-color); background: #fff; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); }
ul.home-about-right li:nth-child(3) > div, ul.home-about-right li:nth-child(2) > div {border-color: var(--orange-button); }

.case-studies-load-more.comman-button {text-align: center; margin-top: 40px; }
.case-study-item .case-study-box, .case-study-item .color-overlay {border-radius: 10px 10px 0px 0px  !important; }
.case-study-item .extra-details h6 {font-size: 19px; margin-bottom: 7px;     margin-top: 1rem; }
.extra-details a {color: var(--orange-button); margin-top: 5px; display: inline-block; }
/*.case-study-item {margin-bottom: 15px !important; }*/
.technologies {color: #ccc; }
.why-work-with-us .wpb_wrapper {padding: 15px; border: 1px solid var(--grey-border); margin-bottom: 25px; }
.why-work-with-us .wpb_wrapper p:first-child {margin: 0; font-size: 18px !important; font-weight: 600 !important; margin-bottom: -10px; margin-top: 5px; color: #000; }
.grayscale{     filter: grayscale(1); }
.benifit-image img{ max-width:490px; }
.our-application-process .client-row,.our-application-process .owl-nav i {background: #fff !important; }
.our-application-process h3 {margin-bottom: 13px; opacity: 0.2; display: inline-block; border: 1px solid; width: 45px; text-align: center; border-radius: 100%; height: 45px; line-height: 45px; font-size: 26px; }
.hiring-form .label {font-weight: 600; }
.hiring-form span.required {color: red; }
.hiring-form input,.hiring-form input:focus,.hiring-form input:active,
.hiring-form textarea,.hiring-form textarea:focus,.hiring-form textarea:active{border: 0 !important; border-bottom: 1px solid var(--input-border) !important; outline:none;     margin-bottom: 0 !important; }
.hiring-form .codedropz-upload-inner h3, .hiring-form .codedropz-upload-inner span {display: none; }
.career-form-container {background: var(--primary-color); border-radius:15px; }
.career-form-container > div:nth-child(2) {background: #f2f8ff; }
.career-form-container > div {padding: 45px; }
.career-form-container > div:nth-child(1) * {color: #eeeeee; }
.career-form-container > div:nth-child(1) h2 {color: #fff; }
.text-center{ text-align:center; }
.career-form-container .comman-button p {display: inline-block; position: relative; }
.wpcf7-response-output {margin: 0 !important; margin-top: 30px !important; background: #ffff; width: calc(100% - 35px) !important; max-width: unset !important; border-width: 0px 0px 0px 5px !important; padding: 13px 15px !important; }
.hiring-form > div {margin-bottom: 15px !important; }
.hiring-form span.wpcf7-not-valid-tip {font-size: 13px; color: red; }
.career-form-container > div:nth-child(1) h2 {color: #fff; font-size: 28px; }
.blog-listing{ margin:-15px; }
.blog-listing .vc_grid-item-mini.vc_clearfix {margin: 15px; margin-bottom: 25px; }
.react-out .wpb_wrapper {background: #fff; padding: 10px; margin-bottom: 5px; border-radius:10px; }
.react-out .wpb_wrapper h5 {margin: 0 !important; margin-bottom: 10px !important; }
.react-out .wpb_wrapper img {display: block; width: auto; text-align: left; margin-bottom: 20px; }
a.learn-more {margin-top: 25px; display: block; color: var(--orange-button); transition:all ease-in .05s; }
.software-solutions > div > div br { display: none; }
.three-column-service .chooose-up-gap > div > div {display: grid; justify-content: space-between; grid-template-columns: 33.33% 33.33% 33.33%; grid-gap: 30px; }

ul.project-more-info {margin: 0; display: flex; justify-content: space-between; margin-top: 40px; background: #fff; padding: 30px; padding-top: 25px; border-radius: 7px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); }
ul.project-more-info li label {font-size: 17px; font-weight: 600; }
ul.project-more-info li {list-style: none; border-right: 1px solid #d2e2f4; padding-right: 50px; display: inline-block; padding-top: 4px; padding-bottom: 15px;  }
ul.project-more-info li p {font-size: 15px !important; line-height: 0 !important; color: #7f7f7f; font-weight: normal !important; }
ul.project-more-info li:last-child {border: 0; }
.wpcf7-spinner {position: absolute; right: -70px; left: unset; top:7px; }
.project-information-detail > div { margin-top: -250px !important; background: #fff; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); border-radius: 10px; padding: 35px !important; }


/* ========================================================================================================== */
/* ANIMATION */
.f7568 { width: 100%; padding-left: 1.25rem; padding-right: 1.25rem}
.cefa5 { padding-top: 100%; max-width: 27rem; margin-left: auto; margin-right: auto; position: relative;}
.cefa5 .wrp-logo img{height: 260px; width: 260px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); }
.cefa5>svg { overflow: visible; width: 100%; height: 100%;position: absolute; top: 0; left: 0}
.decad {position: relative}
._67ae0 { top: 50%;right: 50%; width: 50%;transition: opacity .5s ease}
[data-js] ._67ae0 { opacity: 0}
[data-js] [data-item-revealed] ._67ae0 {opacity: 1}
._8ca5e { position: absolute}
.c8247 { width: 100%; transform-origin: 100% 50%}
._93157 { transform: rotate(5deg)}
._0dbdd { color: inherit; transition: color .3s ease}
._0dbdd,._0dbdd:focus,._0dbdd:hover,._0dbdd[data-touch-link-active] {text-decoration: none}
._0dbdd:focus ._1e91b,._0dbdd:hover ._1e91b,._0dbdd[data-touch-link-active] ._1e91b {transform: scale(1.23)}
._0dbdd:focus .fcd98 svg,._0dbdd:hover .fcd98 svg,._0dbdd[data-touch-link-active] .fcd98 svg {animation: f1900 .5s ease forwards}
._94500 { bottom: 0; padding-bottom: 2.01rem; transform-origin: 50% 100%}
._068d5 { padding-bottom: 0; padding-right: 2.5rem; transform-origin: 100% 50%; transform: translateY(-50%) rotate(-5deg); top: 0; right: 100%; bottom: auto; left: auto}
._552d0 { text-align: center}
.fb821 {font-weight: 700}
.c0bb7,.fb821 {font-size: 1rem}
._1e91b { width: 3.1rem; height: 3.1rem; top: 0; left: 2px; margin-top: -1.625rem; margin-left: -1.625rem;border-radius: 50%; transition: transform .5s ease,background-color .5s ease,box-shadow .5s ease}
/* [data-service-link-inactive] ._1e91b {background-color: #e4e6eb;box-shadow: 0 0 0 transparent} */
.b9c83 { background-color: #9b0283; box-shadow: 0 12px 36px rgba(155,2,131,.25)}
._7a738 { transform: rotate(75deg)}
.d82f6 { transform: translateX(-50%) rotate(-75deg)}
.d3dd3 { background-color: #fe7c5e; box-shadow: 0 12px 36px rgba(254,124,94,.25)}
.fcd98 {width: 100%;height: 100%;overflow: hidden}
.fcd98 svg {width: 1.375rem;height: 1.0625rem;animation: _8fc4e .5s ease forwards}
._8d305 {transform: rotate(-75deg)}
.e6c5d { display: flex}
.cd83b { align-items: center}
._74c3b {justify-content: center}
._3061b {margin-top: .75rem}
._08225 {transform: rotate(220deg)}
._52926 {padding-bottom: 0;padding-top: 2rem;bottom: auto;top: 0;transform-origin: 50% 0;transform: translateX(-50%) rotate(-220deg)}
._9f66e {transform: translateX(-50%) rotate(-148deg)}
.cf9c1 {transform: rotate(295deg)}
._4e9e2 {padding-bottom: 0;padding-top: 2rem; bottom: auto; top: 0; transform-origin: 50% 0; transform: translateX(-50%) rotate(-295deg)}
._3e4bb { background-color: #3d1d99; box-shadow: 0 12px 36px rgba(61,29,153,.25)}
._3334b { transform: rotate(-295deg)}
._0b7f7 {background-color: #7ad6ff;box-shadow: 0 12px 36px rgba(122,214,255,.25)}
._75e4c { transform: rotate(-220deg)}
.acd6f {transform: rotate(-5deg)}
.d031e {transform: rotate(148deg)}
.ab973 {transform: rotate(-148deg)}
._6984e {background-color: #fccd6d;box-shadow: 0 12px 36px rgba(252,205,109,.25)}
article {display: block;}
/* hover Content */
.data-info-popup > div::before {content: "";border: 2px solid #e4e6eb;background-color: var(--data-info-bg);border-radius: 50%; 
    position: absolute; width: 260px; height: 260px;  top: 50%;left: 50%;transform: translate(-50%,-50%);transition: transform .3s ease;}
    article.data-info-popup > div > div {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 16px;
        line-height: 25px;font-weight: 500;text-align: center;max-width: 100%;padding: 10px;box-sizing: border-box; color:#fff;}


.what-we-offer > div {     padding-left: 15px;   font-size: 15px;     padding-bottom: 10px; background: var(--white-color);   border-radius: 10px; }
.what-we-offer > div:first-child {margin-right: 20px; }
.what-we-offer > div strong{ color: black; }
.what-we-offer > div >p:first-child {margin-bottom: -10px; }
.what-we-offer.border-light > div{     border: 1px solid #f1f1f1;     border-radius: 10px; transition:all ease-in .2s; }
.what-we-offer.border-light > div:hover{ transform:translateY(-5px); }
/*.home .what-we-offer > div{     background: var(--bg-color);     text-align: center; }*/
.home .what-we-offer > div:nth-child(2) {margin-right: 20px; }
.home .what-we-offer > div {padding: 15px; }
.home .what-we-offer > div i {font-size: 22px; margin-top: 5px; margin-bottom: 10px; color: var(--primary-color); }
.home .why-choose-us-list .wpb_content_element .wpb_wrapper{ border: 0; color: var(--bg-color); }
.home .why-choose-us-list i, .child-services.font-icon i{font-size: 35px; margin-bottom: 10px; height: 80px; width: 80px; background: var(--primary-color); line-height: 80px; border-radius: 100%; color: #fff; margin-top: 10px; }
.home .why-choose-us-list h5{ color:#fff; }

.counter-design .stats-desc div:nth-child(1), .counter-design .stats-desc div:nth-child(2) {color: var(--primary-color); font-weight: 600; }
.counter-design .stats-desc div:nth-child(3) {color: var(--header-font); font-weight: 600; }
.counter-design .stats-desc div:nth-child(3) {color: var(--header-font); font-weight: 400; margin-top: 10px; font-size: 18px !important; }
.counter-design .stats-block.stats-top {margin-bottom: 0 !important; }
 
 .services-slider .fancy-li div > div { min-height: 40px !important; }
.services-slider .fancy-li div > ul { min-height: 290px !important; }
.problem-statement h5{ margin-top:0px; }

.garantee-li ul{ margin-top:25px; }
.garantee-li li::before {font-family: var(--matirial-icons); content: "check_circle" !important; width: 0 !important; height: 0 !important; top:0px !important; color: var(--primary-color); font-size: 20px; margin-left: -4px !important; }
.our-capabilites .technology-stratugy-list li::before { top:-3px !important; }
.garantee-li li::after{ content: unset !important; }


.why-wrpsolution-cards .why-choose-us-list > div > div > div {width: calc(33.33% - 30px); padding: 8px 15px; }
.why-wrpsolution-cards .why-choose-us-list > div > div > div > div {min-height: 265px !important; }
.page-id-6 .vc_toggle,.faq-bg-light .vc_toggle{ background:var(--bg-color) !important; }
.problem-solution-result{ transition:all ease-in .2s; }
.problem-solution-result:hover{ transform:translateY(-15px); }

.problem-solution-result h6 {margin-top: 14px !important; margin-bottom: 0px; font-size: 16px; color: #111; }
.problem-solution-result{ position: relative; padding-top: 80px; }
.problem-solution-result p{ font-size:15px !important;     color: #797979; }
/*.problem-solution-result.problem{ background:#fffbfb;     border: 1px solid #eeb5b5; }
.problem-solution-result.solution {background: #f6f6f6; border: 1px solid #dadada; }
.problem-solution-result.result {background: #fcfffa; border: 1px solid #cce2b5; }*/
.problem-solution-result h5 {margin-top: 0px; font-size: 22px; margin-top: 32px; margin-bottom: 25px !important; }

.problem-solution-result::before {content: "\f06a"; font-family: 'FONTAWESOME'; color: #e28383; width: 60px !important; height: 60px !important; position: absolute; text-align: center; line-height: 60px; font-size: 25px; border-radius: 35px; background: #ffe7e7; top: 25px; }
.problem-solution-result.problem::before {content: "\f12a"; color: #fffbfb; background: #24518d; }
.problem-solution-result.solution::before {content: "\f0eb"; color: #fffbfb; background: #24518d; }
.problem-solution-result.result::before {content:"\f201"; color: #fffbfb; background: #24518d; }

.fa.fa-arrow-right-long{ font-family: var(--matirial-icons); content: "arrow_right_alt" !important; }

.idustries-section-design {display: flex ; }
.idustries-section-design > p {display: block; width: 100px; margin: 0; }
.idustries-section-design > div {width: calc(100% - 100px); padding-left: 20px; }
.industries-without-border .card-with-side-border {border: 0; border-radius: 10px; }
.idustries-section-design a.explore {margin-top: 10px; color:var(--orange-button); }

a.learn-more i {margin-left: 3px; font-size: 13px; }
a.learn-more:hover { opacity:0.7; }

.animation-design i {font-size: 22px; color: #fff; }

.section-sub-title {font-size: 19px; font-weight: 600; color: var(--orange-button) !important; margin-bottom: 5px;  }


.child-services .why-choose-us-list > div > div > div > div {background: #3163a6; border: 0 !important; border-radius: 10px; min-height:245px !important; transition:all ease-in .2s; }
.child-services .why-choose-us-list > div > div > div > div:hover{ transform: translateY(-8px); }
.child-services .why-choose-us-list > div > div > div{ width:calc(25% - 20px) !important;     padding: 8px 10px !important; }
.child-services h2,.child-services h5{ color:#fff; }
.child-services p,.child-services div, .bg-primary .color-light p{ color:var(--light-blue); }
.bg-primary .color-light h2{ color:var(--white-color); }


/*.steps-design > div > div > div {display: flex; align-items: center; flex-wrap: wrap; justify-content: center; }
.steps-design > div > div > div > div {width: 33.33%; }
.steps-design .client-row{ padding:0 !important; }
.steps-design .client-row {padding: 15px !important; border: 1px solid #f1f1f1; background: #fff; margin: 10px; }
.steps-design{ margin:-10px 0px; }
.steps-design h3 {color: #9ba1ab; font-size: 14px; margin: 0; line-height: 18px; }
.steps-design .client-review > div > div {display: flex; margin-top: 15px; }
.steps-design .client-review > div > div i {background: #f2f8ff; color: #a7a1ab; font-size: 17px; height: 35px; width: 35px; line-height: 35px; text-align: center; border-radius: 5px; margin-right: 15px; }
.steps-design .client-review > div > div p{ font-size:15px; }
.steps-design .currant-opening-container > div {margin: -10px; width: calc(100% + 20px); }*/

/* Process Section */
/*.process {padding: 80px 0; background: white; }*/
.process h3 {font-size: 1.17em; margin-bottom: 0; line-height: 1.17em; }
.process-timeline {display: flex; justify-content: space-between; position: relative; margin-top: 3rem; }
.process-timeline::before {content: ''; position: absolute; top: 32px; left: 10%; right: 10%; height: 3px; background: linear-gradient(90deg, var(--primary-color), var(--primary-color)); z-index: 0; }
.process-step {flex: 1; text-align: center; position: relative; z-index: 1; cursor: pointer; transition: all 0.3s; }
.process-step:hover {transform: scale(1.05); }
.step-number {width: 60px; height: 60px; background: white; border: 3px solid var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-size: 1.5rem; font-weight: bold; color: var(--primary-color); position: relative; transition: all 0.3s; }
.process-step.active .step-number {background: linear-gradient(135deg, var(--primary-color), var(--primary-color)); color: white; border-color: transparent; }
.process-step h3 {margin-bottom: 0.5rem; color: #333; margin: 0 auto; margin-bottom: 10px; line-height: 1.40em; }
.process-step p {color: var(--light-grey); font-size: 0.9rem; max-width: 200px; margin: 0 auto; }
.process-details {margin-top: 3rem; padding: 2rem; background: var(--white-color); border-radius: 10px; display: none; }
.process-details.active {display: block; animation: fadeIn 0.5s; }

.main-services.three-column-service > div > div > div {display: flex !important; }
.main-services .service-card {background: #ffffff; border-radius: 10px !important; padding: 2rem; border-radius: 5px; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; position: relative; overflow: hidden; border: 1px solid #e8eaef; }
.main-services .service-card.no-slider{ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); }
.main-services .service-card.no-slider:hover {transform: translateY(-8px); box-shadow: 0 20px 48px rgba(0, 0, 0, 0.12); border-color: #e8eaef; }
.service-card.no-slider:hover::before {transform: scaleX(1); }
.service-card.with-slider ul {min-height: 160px; }
.service-card.no-slider::before {content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--primary-color); transform: scaleX(0); transition: transform 0.3s ease; }
.service-card .service-icon {width: 60px; height: 60px; background: var(--bg-color); border-radius: 14px; display: flex; align-items: center; justify-content: center; color: white; font-size: 28px; margin-bottom: 1.5rem; color: var(--primary-color); border: 1px solid rgba(165, 171, 189, 0.25); }
.service-card h3 a{color: var(--primary-color); margin-bottom: 1rem; font-size: clamp(1.5rem, 3vw, 2rem); }
.service-card h3 { line-height: 1.3; }
/*.service-card div { color:#7a7f8f; }*/
.service-card ul{ margin-top:1.5rem; }
.owl-carousel-3-items.main-services .owl-nav i{ background-color:var(--bg-color); }
.home .owl-carousel-3-items.main-services .owl-nav i,
.bg-light .owl-carousel-3-items.main-services .owl-nav i{ background-color:var(--white-color); }
.service-card .wpb_wrapper > div:nth-child(3) {min-height: 90px; }
.case-studies-load-more{ display:none; }
.page-id-2523 .case-studies-load-more{ display:block; }
.page-id-2523 .case-study-item {margin-bottom: 30px !important; }
.light-card .wpb_wrapper {background: var(--bg-color); padding: 15px; border-radius: 10px; }
.light-card .wpb_wrapper h5{ margin-top:0; }


.case-study-item {  background: var(--white-color); border-radius: 10px; overflow: hidden; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); transition: all 0.3s; }
.case-study-item:hover{ box-shadow:0 20px 40px rgba(0,0,0,0.15); }
.bg-light .case-study-item{ background:var(--white-color); }


.navbar-list-container {display: flex; align-items: center; }
.navbar-list-container > .wrp-logo:nth-child(1) {width: 110px; }
.navbar-list-container > .middel-menu:nth-child(2) { width: calc(100% - 325px); text-align:center; }
.navbar-list-container > .middel-menu > div{ display:inline-block;     text-align: left; }

.home .what-we-offer > div > p:first-child {margin: 0;     margin-bottom: -10px; }

.our-capabilites .technology-stratugy-list .wpb_wrapper > div {display: flex; }
.our-capabilites .technology-stratugy-list .wpb_wrapper > div i {font-size: 30px; height: 70px; width: 70px; text-align: center; line-height: 70px; background: var(--bg-color); border-radius: 100%; margin-right: 20px; color: var(--primary-color); }
.our-capabilites .technology-stratugy-list {padding: 25px !important; border-radius: 10px; background: #fff; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08); transition: all 0.3s; }
/*.our-capabilites .technology-stratugy-list:hover{     transform: translateY(-8px); }*/
.our-capabilites .technology-stratugy-list li {color: var(--light-grey); line-height: 1.2; }
.our-capabilites .technology-stratugy-list p{ color: var(--light-grey); }
.row-reverse .wpb_single_image { text-align: right; }

.features-blocks > div > div > div{grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; position: relative; }
.features-blocks > div > div > div > div{ text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; padding: 35px; display: flex; }
.horizontal-line {background-image: linear-gradient(90deg, var(--bg-color), #c1c8d1 40% 70%, var(--bg-color));     top: 50% !important; border-bottom: 3px #880d0d; border-left: 3px #880d0d; border-right: 3px #880d0d; width: 100%; height: 2px; position: absolute; inset: 280px 0% 0%; }
.v-line {background-image: linear-gradient(120deg, var(--bg-color), #c1c8d1 30% 70%, var(--bg-color)); width: 1.5px; height: calc(100% - 30px); position: absolute; inset: 0% 0% 0% 33.1%; }
.v-line.two {left: 66%; width:2px; }
.fixed-container > div .features-blocks {max-width: 1150px !important; margin: 0 auto !important; margin-top: 30px !important; }
.fixed-container > div .features-blocks strong {font-size: 18px; color: #000; }
.material-symbols-outlined{ font-size:unset; }
.our-sub-services .technology-stratugy-list ul,.our-sub-services .technology-stratugy-list p{ display:none; }
.our-sub-services .technology-stratugy-list h5 {color: var(--white-color); font-size: 16px; }
.our-sub-services .technology-stratugy-list i {height: 35px !important; width: 35px !important; line-height: 38px !important; cursor: pointer; position: absolute; right: 15px; font-size: 30px !important; background: #24518d !important; color: #fff !important; }
.our-sub-services .technology-stratugy-list {color: #fff;  margin-bottom: 20px;  padding: 0px 0px !important; background: transparent; box-shadow: unset; }
.our-sub-services .technology-stratugy-list.active p,.our-sub-services .technology-stratugy-list.active ul,.our-sub-services .technology-stratugy-list.active li{ display:block; color:var(--light-blue); }
.our-sub-services .technology-stratugy-list > div > p {margin-bottom: -15px !important; }
.our-sub-services .technology-stratugy-list .wpb_wrapper > div {display: flex; border-bottom: 2px solid #3163a6; padding-bottom: 10px; cursor:pointer; }
.our-sub-services .garantee-li li::before{     color: var(--light-blue) !important; } 


.mail-or-contact-us span {font-size: 20px; position: relative; top: 4px; margin-right: 3px; }
.footer-logo img {TRANSFORM: SCALE(0.9); transition:all ease-in .2s; }

.about-wrp-solution .wpb_single_image > figure{ margin-bottom: 20px;   }
 /*.about-wrp-solution .wpb_single_image > figure > div */
/*.about-wrp-solution .wpb_single_image > figure{width: 270px; background: var(--bg-color);border-radius: 100%; padding: 30px; }*/
.about-wrp-solution .wpb_single_image > figure {width: 270px; /* background: var(--bg-color); */ border-radius: 100%; /* padding: 30px; */ box-shadow: 0px 3px 40px RGBa(242, 248, 255, 1);     border: 1px solid #ebf1f8; }
.about-wrp-solution .wpb_single_image > figure > div {width: auto;  }
.about-wrp-solution strong { font-size: 35px; display: block; color: var(--primary-color); }
.our-vision h5, .our-mission h5{margin-bottom: -12px !important; margin-top: 0; font-size: 18px; }
.page-id-567 .child-services .why-choose-us-list > div > div > div,
.wp-singular .visiblity-portfolio .why-choose-us-list > div > div > div {width: calc(20% - 20px) !important; }
.page-id-567 .why-choose-us-list h5 {font-weight: 600; margin: 8px 0px; margin-top: -10px; }
.page-id-567 .testimonials-home-slider .owl-nav > button {margin-top: 40px; }
.page-id-567 .discover-reviews{ display:none; }
.owl-carousel.our-approach.our-application-process .owl-nav {margin-top: 35px; }
.career-form-container i {position: relative; top: 3px; margin-right: 5px; }
.contact-page hr { margin-top: 30px; margin-bottom: 20px; }
.footer-logo img:hover { filter: brightness(0.7);  }

.footer-col .contact p {display: flex; margin-top: 15px !important; }
.footer-col .contact p span:first-child {position: relative; top: 3px; margin-right: 11px; font-size: 23px; color: var(--orange-button); }
.footer-col .contact img {max-width: 120px;     margin-top: 10px; }
.footer-col .contact p a {font-weight: normal !important; font-size: var(--font-small-size) !important; }
.footer-col .contact p:last-child span.material-symbols-outlined {font-size: 20px; margin-right: 14px; left: 4px; }
.mail-or-contact-us a span {color: var(--orange-button); }


.image-shade-with-small-content figure {position: relative; max-width: 500px !important;  border-radius:10px; }
.image-shade-with-small-content figure::before {position: absolute; content: ""; border-radius:10px; width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: rotate(-5deg); transform: rotate(-5deg); background: var(--primary-color); z-index: -1; }
.image-shade-with-small-content figure img {width: 100%; }
.image-shade-with-small-content figure::after {content: "auto_awesome"; font-family: var(--matirial-icons); border-radius: 10px; position: absolute; animation: zoom-in-out 2s ease-in-out infinite; left: -50px; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); font-size: 50px; font-weight: bold; color: var(--primary-color); text-align: center; border-radius: 100%; bottom: 30px; padding: 36px 25px;     padding-left: 23px; }
.image-radius img, .only-shade img, .image-shade-with-small-content figure img{ border-radius:10px; }

.only-shade {text-align: center !important; }
.only-shade figure{ position:relative; }
.only-shade figure::before {position: absolute; content: ""; width: 100%; height: 100%; top: 30px; left: 30px; background: var(--bg-color); z-index: -1; border-radius: 10px; }


.hero-animation img { max-width: 100%;  border-radius:10px; }
.header-section .wpb_wrapper {text-align: right; }
.hero-animation .main-image {position: relative; z-index: 1; overflow: hidden; }
.hero-animation {/* width: calc(100% - 50px); */ /* margin: 0 auto; */ /* max-width: 450px; */ /* position: relative; */ display: inline-block; position: relative; }
/*animation: 5s top-bottom infinite ;*/
.hero-animation .icons {position: absolute; left: 0; z-index: 2;     animation: zoomShade 2s ease-in-out infinite; border: 2px solid transparent; top: 50%; background: #fff; height: 80px; width: 80px; font-size: 40px; line-height: 50px; text-align: center; border-radius: 100%; color: var(--primary-color); }
.hero-animation .icons span {line-height: 75px; }
.hero-animation .icons.icon1 {left: -40px; bottom: 30px; top: unset; }
.hero-animation .icons.icon2 {left: unset; right: -40px; top: 40px; }
.hero-animation .icons.icon3 {left: unset; right: -40px; bottom: 110px; top: unset; }
.hero-animation .animated-image {position: absolute; top: 20px; left: 0; max-width: 150px; animation: 5s top-bottom infinite; }
.hero-animation .animated-image img {border-radius: 0; height: 60px; width: auto; }
.care-about-img > .vc_column-inner > div > .wpb_single_image { /*overflow: hidden !important;*/ position: relative; }
.hero-animation .icons img {max-width: 56px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: -4px; }

.main-services.three-column-service > div > div > div > div {
    width: 33.33%;
}

.image-anime:hover:after,
.only-shade:hover:after {height: 250%; transition: all 600ms linear; background-color: transparent; } 
.image-anime:after,.only-shade:after {content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, 0.3); transform: translate(-50%, -50%) rotate(-45deg); z-index: 3; }

.frapee-modules-that-we-work {box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 10px; border-radius: 10px; background: rgb(255, 255, 255); transition: 0.3s; padding: 25px !important; margin-top:20px; padding-bottom:15px !important; }
.frapee-modules-that-we-work .title-section {color: #000; font-weight: bold; font-size: 20px; }
.frapee-modules-that-we-work .small-description {margin-top: 5px; margin-bottom: 10px; }
.frapee-modules-that-we-work .row-items {display: flex; align-items: center; }
.frapee-modules-that-we-work img { max-width: 220px; border-radius:10px; }
.frapee-modules-that-we-work .row-items ul {display: flex; flex-wrap: wrap; padding-left:15px; }
.frapee-modules-that-we-work .row-items li {width: calc(50% - 25px);     list-style: none; position:relative;  padding-left:25px; font-weight:500;     margin-bottom: 3px;  }
.frapee-modules-that-we-work .row-items li::before {content: "arrow_circle_right"; position: absolute; left: 0; color: var(--primary-color); font-family:var(--matirial-icons); }
.two-line-title h5 {max-width: 190px; margin: 0 auto; margin-bottom: 15px; margin-top: 10px; }
.case-study-item h6 a {line-height: 27px; }

.with-icon-p p i {color: var(--primary-color); }
.with-icon-p p {display: flex; align-items: center; margin: 0; font-weight: 500; margin-bottom: -3px; }

p.headline-case-studies {display: inline-block; background: #dadada; color: #333; padding: 6px 16px; margin-bottom: 7px !important; margin-top: 0 !important; border-radius: 20px;      font-size: 14px;     border: 1px solid; }
.problem-statement i{ background-color:#fff !important; }
.problem-statement p.headline-case-studies{background: #fdeeee; color: #f94949 !important; border: 1px solid; }
.problem-statement .technology-stratugy-list {background: var(--bg-color); box-shadow: unset; }

/*.casestudies-solution  i */
.casestudies-solution p.headline-case-studies{background: #a2e58d !important; color: green !important; border: 1px solid; }
.casestudies-solution .technology-stratugy-list {background: var(--bg-color); box-shadow: unset; }

.our-capabilites.integrated-modules .technology-stratugy-list { padding: 0px !important; }
.our-capabilites.integrated-modules .technology-stratugy-list .wpb_wrapper > div{ display:block; }
.our-capabilites.integrated-modules .technology-stratugy-list h5 {background: var(--primary-color); color: #fff; padding: 15px 25px; border-radius: 10px 10px 0px 0px; }
.our-capabilites.integrated-modules .technology-stratugy-list .wpb_wrapper > div > div:nth-child(2) {padding: 15px 25px; }
.integrated-modules i.material-symbols-outlined {height: 40px !important; width: 40px !important; line-height: 40px !important; font-size: 20px !important; }
.integrated-modules .technology-stratugy-list .wpb_wrapper > div > div p {display: flex; align-items: center; margin: 10px 0px; }
.custom-project img {max-width: 520px; }


.benifits-delivered ul, .custom-project ul {padding: 0; }
.benifits-delivered li, .custom-project ul li {list-style: none; padding-left: 30px; position: relative; }
.benifits-delivered li::before, .custom-project ul li::before {content: "check_circle"; font-family: var(--matirial-icons); position: absolute; left: 0; font-size: 23px; color: green !important; }
.benifits-delivered li, .custom-project ul li {list-style: none; padding-left: 30px; position: relative; padding: 5px 0px 5px 35px; font-weight: 500; }
.custom-project ul li::before{ color:var(--primary-color) !important; }
.custom-project .only-shade figure::before{ background:#fff; z-index:1; }
.custom-project .wpb_single_image .vc_single_image-wrapper{     position: relative; z-index:2; }
.overflow-hidden {overflow: hidden;     position: relative; }
.results-masures .what-we-offer.border-light > div > p:nth-child(2) {font-size: 18px; text-align: center;   max-width: 200px; margin: 0 auto; margin-top: 30px; }
.results-masures .what-we-offer.border-light > div:nth-child(2) {margin-bottom: -40px !important; }
.results-masures .what-we-offer.border-light > div {font-size: 32px; text-align: center; padding-bottom: 25px;     background: #f2f8ff; }
.results-masures .what-we-offer.border-light > div p strong {color: var(--primary-color); }
.visiblity-portfolio p.headline-case-studies {background: #70e6db; color: #000; border: 1px solid #0d9488; }

.visiblity-portfolio .why-choose-us-list .wpb_content_element .wpb_wrapper {height: auto !important; min-height: 200px !important; background: #fff; padding: 10px 30px; padding-bottom: 20px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05); }
.visiblity-portfolio .why-choose-us-list .wpb_content_element .wpb_wrapper h5 {color: black; }

.single-portfolio .wpb_single_image img {border-radius: 10px; }

@keyframes top-bottom {0% {transform: translateY(0); } 50% {transform: translateY(30px); } 100% {transform: translateY(0); } }
@keyframes left-right {0% {transform: translateX(0); } 50% {transform: translateX(30px); } 100% {transform: translateX(0); } }
@keyframes zoom-in-out {0% {transform: scale(1); } 50% {transform: scale(1.05); } 100% {transform: scale(1); } }
@keyframes zoomShade {0% {transform: scale(1); } 50% {transform: scale(1.05); } 100% {transform: scale(1); } }

.header-section img {max-width: 550px; }

/* MOBILE RESPONCIVE */
@media (max-width: 768px) {
    body .mt-20 {margin-top: 20px !important;}
    body .mb-20 {margin-bottom: 0px !important;}
    body .pt-20 {padding-top: 20px !important;}
    body .pb-20 {padding-bottom: 0px !important;}

    body .mt-30 {margin-top: 10px !important;}
    body .mb-30 {margin-bottom: 10px !important;}
    body .pt-30 {padding-top: 10px !important;}
    body .pb-30 {padding-bottom: 10px !important;}

    body .mt-40 {margin-top: 20px !important;}
    body .mb-40 {margin-bottom: 20px !important;}
    body .pt-40 {padding-top: 20px !important;}
    body .pb-40 {padding-bottom: 20px !important;}

    body .mt-50 {margin-top: 20px !important;}
    body .mb-50 {margin-bottom: 25px !important;}
    body .pt-50 {padding-top: 25px !important;}
    body .pb-50 {padding-bottom: 25px !important;}

    p{ margin: 0px !important; margin-bottom: 12px !important;}
    h1{ font-size: 28px; line-height: 35px; font-weight: bold; margin-top: 0; margin-bottom: 10px !important; color: var(--title-color); }
    h2{ font-size:25px; line-height: 28px; font-weight: 600; margin-top: 0px; margin-bottom: 10px !important; color: var(--title-color);  }
    h3{ font-size: 21px; line-height: 25px; font-weight: 600;   margin-bottom: 10px !important; color: var(--title-color);  }
    h4{ font-size: 18px; line-height: 20px; font-weight: 600;  margin-bottom: 10px !important;  }
    h5{ font-size: 17px; line-height: 30px; font-weight: 600;  }
    h6{ font-size: 15px; line-height: 28px; font-weight: 600; }


    /* comman css */
    body { font-size: 13.5px; line-height: 22px;}
    /* .fixed-container { padding: 15px !important; } */
    .li-pl-15 ul li {padding-left: 5px;}
    .fancy-li .mb-0 { margin-bottom: 20px !important; }
    .header-section {margin-top: 15px !important; display: block !important;}
    .header-section p{font-size: 15px; font-weight: 500; line-height: 25px; margin-right: 0px !important;} 
    .vc_row.vc_row-o-full-height { min-height: unset !important; }
    .care-about-img{  width:auto; margin-top: 5px; margin-bottom: 15px; }
    .comman-img-size img {margin-bottom: 30px !important;}
    .comman-content-line .row.d-flex{ align-items: baseline !important; }
    header.stick > div > div {padding-top: 10px !important; }
    /* button */
    /* .comman-button a, .comman-button input[type=submit] {
        font-size: var(--font-small-size);
   
        padding: 6px 20px;
       
    } */
    .blog-listing .vc_grid-item-mini.vc_clearfix {margin: 00px; margin-bottom: 25px; }

    .our-vision, .our-mission, body .card-with-side-border {margin-top: 0px !important}
    /* Header Nav Bar List */
    .topnav{position: relative;}
    .navbar { display:block !important; flex-direction: column !important;  align-items: center; }
    .navbar i{ font-size: 35px; color: var(--primary-color); position: absolute; right: 15px; top: 0px; display: block !important;}
    /* list design */
    .topnav .navbar-list > li > ul {background:var(--header-font); }
    .topnav .navbar-list > li:hover > ul {width: 250px;}
    .navbar-list { display: none !important;  flex-direction: column; top: 60px; left: 0; background-color: var(--primary-color); width: 100%;}
    .navbar-list.active { display: block !important; padding: 20px !important; margin: 0px;}
    .navbar-list li a{line-height: 35px; font-size: 14px; margin:0px !important; text-align: center; color:var(--bg-color) !important; padding:0px !important;}
    .navbar-list .comman-button a{ position: relative; margin-left: -31px !important; border-bottom: 1px solid var(--orange-button) !important; border-radius: 25px; padding:5px 30px 5px 10px !important;}
    .navbar-list .comman-button a i{ position: absolute; margin-right: -5px; top: 10px; color:var(---bg-color) !important;  }
    .navbar-list li.current-menu-item a {color: var(--orange-button) !important;}
    .navbar-list li.current-menu-item a:hover {color: var(--orange-button) !important;}
    .navbar-list li a:hover { color: var(--orange-button) !important; }

    .stick .topnav .navbar-list > li:hover > ul {margin-top: 00px; }
    .footer.footer-bg {PADDING-TOP: 0 !IMPORTANT; }
    .footer.footer-bg .container > DIV {DISPLAY: FLEX !important; FLEX-WRAP: wrap; }
    .footer.footer-bg .container > DIV > div:nth-child(1), .footer.footer-bg .container > DIV > div:nth-child(2) {margin-bottom: 25px !important; }
    .footer.footer-bg .container > DIV > div:nth-child(1), .footer.footer-bg .container > DIV > div:nth-child(2), .footer.footer-bg .container > DIV > div:nth-child(4), .footer.footer-bg .container > DIV > div:nth-child(3) {width: 50%; }
    .footer-col a:nth-child(1), .footer.footer-bg .container > DIV > div:nth-child(1) a, .footer.footer-bg .container > DIV > div:nth-child(2) a{font-weight: 600 !important; font-size: 14px !important; }
    .footer-col a {font-size: 12px !important; }
    .footer.footer-bg .container > DIV > div:nth-child(2) a, .footer.footer-bg .container > DIV > div:nth-child(4) a {padding-left: 15px; }
    .footer-col .contact p a,.footer-col .contact p {font-weight: normal !important; font-size: 12px !important; }
    .footer-col .contact p{ margin-top: 5px !important;}
    .footer-txt p:nth-child(1){     font-size: 13px !important; }
    .footer-txt {width: 100% !important; margin-bottom: -10px !important; }
    .comman-button a, .comman-button input[type=submit]{ font-size:14px !important; }
    .book-consulation .comman-button{         margin: 20px 0px !important; }

    .care-about-img .vc_single_image-wrapper img{         width: calc(100% - 70px) !important; }
    .image-shade-with-small-content figure::before,.only-shade figure::before{     width: calc(100% - 70px); left: 35px; }
    .only-shade figure::before{    left: 45px;         top: 25px; }
    .what-we-offer > div {margin-right: 4px !important; }
    .home .what-we-offer > div:last-child {margin-bottom: 0 !important; }
    .main-image.image-anime.reveal {margin-top: -20px; margin-bottom: 20px; }
    .what-we-offer.border-light > div:last-child {margin-bottom: 0 !important; }
    .wpb_single_image.wpb_content_element.vc_align_center.care-about-img.only-shade {margin-bottom: 35px; }
    .why-choose-wrp > .wpb_column.vc_column_container:first-child {padding-top: 0px !important; padding-bottom: 0px !important; }
    .mail-or-contact-us a {display: block; }
    .frapee-modules-that-we-work .row-items {display: block; width: 100%; }
    .frapee-modules-that-we-work img{ max-width:unset; width:100%; }
    .frapee-modules-we-work .wpb_raw_code.wpb_content_element.wpb_raw_html {padding-top: 0px !important; }
    .frapee-modules-we-work > div {margin-top: -50px !important; display: block; }
    .page-id-2523 .case-study-item {margin-bottom: 10px !important; }
    .job-opening-liting .job-items:last-child {margin-bottom: 0 !important; }
    .career-form-container {margin-top: -30px !important; margin-bottom: -61px !important; }
    .page-id-760 .career-form-container {margin-top: 10px !important; margin-bottom: -41px !important; }

    /* Home Page Design */
    /* header section */
    /* .header-section .wpb_wrapper .d-flex{ display: block !important;} */
    .lets-talk-button li a {margin-right: -15px !important;}
    .portfolio-items .vc_col-sm-12 {    padding: 0 !important; }
    .header-section .comman-button {text-align: left !important; margin-bottom: 20px !important;}
    /* SECOND SECTION */
    .home-about-section .wpb_wrapper .d-flex{ display: block !important;}
    .home-about-section img {
        max-width: 100%;
    }
    ul.home-about-right div {font-size:12px !important}
    ul.home-about-right div h6 {font-size: 32px !important; }
    .home-hero-section .wpb_wrapper .d-flex{ display: block !important;}
    .expericnce-awardwinner .sb-txt { margin-left: 65px !important; }
    .expericnce-awardwinner h6{ margin-top: -65px !important; }
    .awardwinner {margin: 0px;}
    /* Animation */
    /* .c8247  {  box-sizing: border-box; }
    .f7568  { padding: 0px;}
    .cefa5 .wrp-logo img { visibility: hidden;} */

    .process-timeline,.why-choose-us-list > div > div {flex-direction: column; }
    .process-timeline::before {top: 0; bottom: 0; left: 40px; right: auto; width: 2px; height: auto; }
    .child-services .why-choose-us-list > div > div > div {width: calc(100% - 30px); }
    .process-step p{ max-width:unset; }

    .software-solution-container  {display: block !important; padding: 0px !important;}
    .bg-software-solution .d-flex{ display: block !important;}
    .bg-software-solution{ margin-left: 0px;  }
    .bg-logistic{ margin-top: 25px; margin-bottom: 30px;}
    .logo-container  { margin-top: 0px !important; margin-bottom: 0px !important; }
    .logo-container:nth-child(3)  { margin-top: 0px !important; margin-bottom: 0px !important; }
    .logo-container .vc_column_container > .vc_column-inner  { margin-bottom: 15px;  }

    .driving-growth-section .vc_col-sm-3{ padding-left: 0px !important;  }
    .driving-growth-section h2{ margin-bottom: 15px; padding-left: 0px !important;}
    .driving-growth-section p  { margin-bottom: 15px !important; padding-left: 0px !important; }

    /* .expericnce-awardwinner p {margin-left: 65px !important; margin-bottom: 8px !important; margin-top: 8px !important;} */
    .why-choose-us h3 { margin-bottom: 40px !important; margin-top: 15px !important;}
    .testimonials-home-slider { margin-top: 20px ;}

    .client-review .mt-20{margin-top: 10px !important;}

    /* ABOUT US HEADER PAGE */
    .header-square-img figure img { max-height: inherit; max-width: inherit; margin-bottom: 30px;}
    .about-we-work p {margin-right: 0px !important;}
    .about-we-work figure img {max-height: inherit !important;max-width: inherit !important;}
    .our-vision { margin-left: 0px !important; }
    .our-mission{ margin-left: 0px !important;  }
    .our-mission h3{ margin-left: 0px !important; margin-bottom: 12px; }

    .hiring-position .d-flex{ justify-content: space-between !important;}
    .hiring-position .vc_col-md-6{ padding-left: 15px !important; padding-right: 15px !important; margin-bottom: 20px !important; }
    .hiring-position .comman-button a { padding: 10px 17px !important;  }
   
    .why-choose-us{ margin-top: unset !important}
    .why-choose-us-list > div > div > div { width: calc(100% - 30px); }
    .why-choose-us-list .pb-20{ padding-bottom: 15px !important;}
    .why-choose-us-list .wpb_content_element .wpb_wrapper {
        padding: 15px 15px 0px 15px;
        min-height: 240px; border-radius: 10px;
    }
    .why-choose-us.bg-white-software-services .vc_column-inner .wpb_text_column {
        background: #fff !important;
        min-height: 420px;
        margin-top: 0px !important;
    }

    .we-work-title h5 {  margin-top: 10px;}
    .we-work-title .comman-explore-text{ padding-top: 0px !important;  padding-bottom: 10px !important;}

    /* job openning */
    .job-opening-liting .other-details {display: block !important;margin-top: 17px !important;}
    .job-opening-liting .apply-link a{margin-top:10px !important;}
    .job-opening-liting .job-items{margin-bottom: 25px !important;}
    .job-opening-liting .job-items .title{font-size: 18px !important;}
    .main-services.three-column-service > div > div > div > div{ width:100%; }

    /* remove border */
    .remove-border-bottom > div > div > div { width: 100%;}

    /* requriemnt */
    .requirement-proccess-lists > div > div > div { width: 100%;}

    /* Career */
    .career-list > div > div > div { width: calc(100% - 30px); }
    .requirement-proccess-list > div > div > div { width: calc(100% - 30px);}

    .align-right {text-align: left;}
    .d-flex {display: block;}

    /* case study */
    .case-study-content {overflow: hidden;max-height: 225px;}

    /* Contact Us */
    .about-header .d-flex{ display: block !important;}
    .form-container .contact-info > div { padding: 20px !important;  border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
    .header-round-img figure img { max-height: inherit;  max-width: inherit; margin-bottom: 30px;}
    .contact-us-form .d-flex {display: block !important;}
    .contact-us-form { width: inherit; margin: 0 auto; padding-top: 25px;}
    .bg-lights { background-color: unset  !important; }
    .contact-us-form .vc_col-md-6:nth-child(1) { padding: 0px;}
    .contact-us-form .vc_col-md-6:nth-child(2) { padding: 0px; }
    .msg-textarea{ padding: 0px !important;}
    .file-upload {padding: 0px !important;}
    .wpcf7-spinner { left: 150px; }

    /* industry */
    .industries-list > div > div > div { width: calc(100% - 30px); padding: 8px 15px;}
    .industries-list .pb-20 { padding-bottom: 10px !important; }
    .single-post .wpb_single_image img  {height: inherit !important; width: inherit !important; }

    /* engagement models */
    .engagement-models-list > div > div > div { width: calc(100% - 30px); padding: 8px 15px;}
    .engagement-header .vc_col-sm-12{margin: 0px !important; padding-top: -50px !important; padding-bottom: -50px !important;   }


    /* Service Page */
    .header-img figure img {  max-height: 350px !important; max-width: inherit !important;  margin-bottom: 30px;}
    .strategy-planing ul li { font-size: 13px !important; }
    .strategy-planing {margin-top: 20px;}
    .owl-carousel-3-items .owl-nav {position: absolute;right: 0;top: -65px;}
    .owl-carousel .owl-stage-outer{height: auto !important; margin-top: 60px !important;}

    /* strategy-planing */
    .strategy-planing-list > div > div > div { width: calc(100% - 30px); padding: 8px 15px;}

    /* industry-detalis-page */
    .technology-stratugy-list h5 {margin-bottom: 10px; }
    .technology-stratugy-list { padding: 7.5px; }
    .helthcar-benefits h6 { font-size: 18px; }
    .helthcar-benefits ul{margin: 25px 0px !important;}
    .helthcar-benefits ul li {
    padding-left: 0px;
    }
    /* .helthcar-benefits p {margin: 0px auto !important;} */
    /*  */
    .technologies-platforms-logo .wpb_single_image .vc_figure { margin-bottom: 15px;}
    .ult_tabmenu.style1 a.ult_a { padding: 0px !important;}

    /* technology */
    .tab-links-main {width: 100%;overflow: scroll;}
    .tab-links-main li {white-space: nowrap;}
    .tech-icon-container {margin-left: 25%;}
    

    /* portfolio */
    .case-study-tabs { display: block !important;}
    .case-study-tabs .ult_tabmenu  { margin-bottom: 20px !important;}
    .case-study-tabs .ult_tabitemname {  padding-left: 0px !important; border-left: unset !important; padding: 0px !important;}
    .case-study-tabs .ult_tabitemname .ml-40{ margin-left: 30px !important;}
    .case-study-tabs > div {width: 100%;}
    .case-study-tabs > ul {width: 100% !important;  }
    .case-study-tabs > ul li { margin: 0 auto !important; }
    .case-study-tabs .ult_tabs .ult_tabcontent { font-size: 16px !important;}
    .testimonial h5 {font-size: 16px !important; padding-left: 45px !important;}
    q::before { font-size: 35px; }
    q::after {font-size: 35px; top: unset; bottom: -15px !important;  }
    .ult_tab_min_contain > div > div> div li { font-size: 14px;}

    .releted-case-study .vc_column_container {     padding-left: 0px; padding-right: 0px;} 
    .portfolio-items.fixed-container {padding: 0px !important;}

    .fixed-container > div .vc_row{margin-left: 0px !important; margin-right: 0px !important;}

    /* FOOTER  */
    .footer .row {display: block !important;}
    .footer-bg .d-flex { display: block !important;}
    .book-consulation .comman-button{ text-align: center !important; margin: 20px; } 
    .footer-col a { margin-bottom: 0px !important;}
    .footer-col { margin-bottom: 20px !important;}

    /* question */

    .vc_toggle_title > h4 {
        font-size: 15px;
    }

    /*09-09-2024 By v*/
    .page-id-6 .home-about-section h2{ margin-top: 30px; }
    .page-id-6 .home-about-section{ padding-bottom: 0px !important; }
    .page-id-567 .home-hero-section,
    .page-id-901 .home-hero-section,
    .page-id-2292 .home-hero-section,
    .page-id-1611 .home-hero-section,
    .page-id-1526 .home-hero-section,
    .page-id-2293 .home-hero-section,
    .page-id-2093 .home-hero-section,
    .page-id-2227 .home-hero-section,
    .page-id-2092 .home-hero-section,
    .page-id-2094 .home-hero-section,
    .page-id-3225 .home-hero-section,
    .page-id-760 .home-hero-section,
    .page-id-2523 .home-hero-section,
    .page-id-1512 .home-hero-section {
        padding-bottom: 20px;
    }
    .postid-2929 .home-hero-section,
    .postid-2403 .home-hero-section,
    .postid-2401 .home-hero-section,
    .postid-2400 .home-hero-section,
    .postid-2435 .home-hero-section{
        padding-bottom: 0px;
    }
    .postid-2929 .home-hero-section h3{
        margin-top: 30px !important;
    }
    .postid-2929 .top-li-icon,
    .postid-2403 .top-li-icon,
    .postid-2401 .top-li-icon,
    .postid-2400 .top-li-icon,
    .postid-2435 .top-li-icon {
        margin-top: 20px;
    }

    .page-id-6 .chooose-up-gap,
    .page-id-2093 .chooose-up-gap{
        padding-left: 0;
        padding-right: 0;
    }
    .page-id-567 .creativeb-rand-design .vc_col-sm-4{
        padding-left: 0;
        padding-right: 0;
    }
    ul.project-more-info { display: block; padding: 20px; margin-top: 20px; margin-bottom: 10px !important; }
    ul.project-more-info li { display: block; padding-right: 0; padding-bottom: 15px; border-right: none; border-bottom: 1px solid var(--light-grey); margin-bottom: 20px; }
    ul.project-more-info li:last-child { border-bottom: none; }
    ul.project-more-info li label { font-size: 16px; }
    ul.project-more-info li p { font-size: 14px !important; line-height: 1.2 !important; }

    .navbar-list-container {display: block; position: absolute; top: 2px; left: 0; z-index: 1111; }
    .navbar-list-container > .wrp-logo:nth-child(1){ display:none; }
    .navbar-list-container > .middel-menu > div{ display:block; }
    .navbar-list-container > .middel-menu > div > ul {padding-bottom: 50px !important; }
    .navbar-list-container > div.menu-action-btn {position: absolute; margin-top: -40px; width:100%;}
    .navbar-list-container > div.menu-action-btn.active { display: block !important;}
    .wrp-logo.d-none {display: block; position:relative; }
    .menu-action-btn{ display:none; }
    .navbar-list-container > .middel-menu:nth-child(2) {width: 100%; text-align: center; }
    .wrp-logo.d-none img {width: 100px; margin: 6px 15px; }
    .menu-action-btn i{     display: none !important; }
    .menu-action-btn a {font-size: 14px; margin-left: -5px; font-weight: 500 !important; }
}