@charset "utf-8";


:root {  
    /** @font family declaration **/   
    --ff-inter-regular:'Inter-Regular';
    --ff-inter-bold:'Inter-Bold';
    --ff-inter-black:'Inter-Black';
    --ff-inter-medium:'Inter-Medium';
    --ff-inter-sbold:'Inter-SemiBold';
    --ff-inter-light:'Inter-Light';

    --ff-manrope-regular:'Manrope-Regular';
    --ff-manrope-medium:'Manrope-Medium';
    --ff-manrope-bold:'Manrope-Bold';
    --ff-manrope-sbold:'Manrope-SemiBold';
    --ff-manrope-ebold:'Manrope-ExtraBold';
    --ff-manrope-light:'Manrope-Light';
     
    /** common color declaration **/
     --bg-white: #ffffff;
     --bg-blue: #073C7D;
     --bg-orange: #FF6E0B;
     --bg-lblue: #00BDFF;
     --bg-grey:#EFEFEF;
     --bg-black:#000000;
     --bg-lgrey:#F8F6F6;
     --bg-dblue: #05506A;

     --txt-white: #ffffff;
     --txt-blue: #073C7D;
     --txt-lblue: #00BDFF;
     --txt-orange: #FF6E0B;
     --txt-lblack: #1E1E1E;
     --txt-black: #000000;
 }

/* CSS Document */
body { padding:0px; margin:0px; background:#FFFFFF; font-size:16px; color:#000000; line-height:20px; font-family: var(--ff-inter-regular); }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #000000; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 30px; }
a{ color: #000000; outline:none; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row { width:1200px; margin:auto; padding:0px;}
img { border: 0; height: auto; max-width: 100%; vertical-align: middle;  width: 100%; }

h1 { font-size: 48px; font-family: var(--ff-manrope-bold); line-height: 58px;}
h2 { font-size: 40px; font-family: var(--ff-manrope-bold); line-height: 50px;}
h3 { font-size: 32px; font-family: var(--ff-manrope-bold); line-height: 38px;}
h4 { font-size: 28px; font-family: var(--ff-manrope-bold); line-height: 28px;}
h6 { font-size: 20px; font-family: var(--ff-manrope-sbold); line-height: 26px;}

.d-flex { display: flex; flex-wrap: wrap; }
.justify-space-between { justify-content: space-between;}
.align-center { align-items: center;}
.div-center { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}

/* header css */
header { padding: 4px 0; float: left; width: 100%; position: relative; z-index: 99; background: var(--bg-white);}
header .row { width: 1300px;}
.logo { flex: 0 1 auto; flex-grow: 5;}
.logo img { width: 172px;}
.logo .stick-logo { display: none;}
.top-main { flex-grow: 2; }

.btn-list ul { display: flex; flex-wrap: wrap; column-gap: 20px; }
.btn-list ul li { flex: 0 1 auto;}
.btn-list ul li a { transition: all 0.4s ease; border: 1px solid var(--bg-black); color: var(--txt-black); font-size: 18px; font-family: var(--ff-inter-bold); padding: 0px 30px; border-radius: 50px; height: 54px; line-height: 54px; display: inline-block; }
.btn-list ul li.demo-btn a { background: var(--bg-orange); border: 1px solid var(--bg-orange); color: var(--txt-white);}
.btn-list ul li a:hover { background: var(--bg-lblue);  border: 1px solid var(--bg-lblue);}
.btn-list ul li.demo-btn a:hover { background: var(--bg-lblue);  border: 1px solid var(--bg-lblue);}

.is-sticky header { box-shadow: 0 0 4px rgba(0,0,0,0.1);}
/* .is-sticky .logo .stick-logo { display: block;}
.is-sticky .logo .desk-logo { display: none;} */
/* .is-sticky .megamenu-sec ul li a { color: var(--txt-black);}
.is-sticky .megamenu-sec ul li.has-mega-menu a.active span::after { color: var(--txt-orange);}
.is-sticky .megamenu-sec ul li.has-mega-menu span::after { color: var(--txt-black);}
.is-sticky .megamenu-sec ul li.has-mega-menu a:hover  span::after { color: var(--txt-orange);}
.is-sticky .btn-list ul li a { border: 1px solid var(--bg-orange); color: var(--txt-orange); }
.is-sticky .btn-list ul li.demo-btn a { color: var(--txt-white);}
.is-sticky .btn-list ul li a:hover { background: var(--bg-lblue);  border: 1px solid var(--bg-lblue); color: var(--txt-white);} */

.over header { background: var(--bg-white);}
/* .over header .logo .desk-logo { display: none;} */
/* .over header .logo .stick-logo { display: block;} */

/*****menu css*******/
.megamenu-sec {  float: left; }
.megamenu-sec ul { margin: 0; padding: 0; display: flex; column-gap: 25px; flex-wrap: wrap; align-items: center;}
.megamenu-sec ul li { display: inline-block; margin-right: 0; /*position: relative;*/ }
.megamenu-sec ul li a { font-size: 16px; color: var(--txt-white); transition: 0.4s ease; position: relative; padding: 35px 0; display: flex;  text-decoration: none; position: relative;}
.megamenu-sec ul li a i { margin-left: 0px; font-size: 18px; transform: translateY(2px); transition: 0.4s; position: relative; top: 2px;}
.megamenu-sec ul li a:hover { color: var(--txt-orange);}
.megamenu-sec ul li a:hover span:after { color: var(--txt-orange);}
/* .megamenu-sec ul li a::after { position: absolute; bottom: 30px; left: 0; width: 0%; display: block; content: ""; height: 2px; background: var(--white); transition: all 0.4s ease; } */
.megamenu-sec ul li a.active::after { position: absolute; bottom: 30px; left: 0; width: 100%; display: block; content: ""; height: 2px; background: var(--white); transition: all 0.4s ease; }
.megamenu-sec ul li a:hover::after { width: 100%;}
/* .megamenu-sec ul li:hover a::after { position: absolute; bottom: 30px; left: 0; width: 100%; display: block; content: ""; height: 2px; background: var(--white); transition: all 0.4s ease; } */
.megamenu-sec ul li a.active { color: var(--txt-orange); font-family: var(--ff-inter-bold);}
.megamenu-sec ul li a.active span::after { color: var(--txt-orange);}
.megamenu-sec ul li ul.submenu { transition: 0.4s ease; position: absolute; background-color: var(--white); padding: 40px 30px; transition: 0.3s; top: 130%; opacity: 0; visibility: hidden;  box-shadow: 3px 10px 30px rgba(0,0,0,0.1);}
.megamenu-sec ul li ul.submenu li { margin: 0; margin-bottom: 0px; display: block; width: 100%;}
/* .megamenu-sec ul li ul.submenu li a { line-height: 24px; transition: all 0.4s ease; font-size: 16px; color: var(--black); display: block; padding: 0 0 0 16px; text-transform: none; font-family: var(--ff-Regular);} */
/* .megamenu-sec ul li ul.submenu li a::before { transition: all 0.4s ease; position: absolute; left: 0; top: 0; content: "\f0da"; font-family: "FontAwesome"; color: var(--txt-dark-blue); font-size: 15px; transition: all 0.4s ease; }
.megamenu-sec ul li ul.submenu li a:hover { color: var(--txt-red); } */
/* .megamenu-sec ul li ul.submenu li a:hover::before  { color: var(--txt-red); } */
.megamenu-sec ul li:hover ul.submenu { opacity: 1; visibility: visible; top: 100%;}

.megamenu-sec ul li.has-mega-menu ul.submenu { left: 0%; right: 0; margin: 0 auto; width: 700px; background: var(--bg-white); margin: 0 auto; display: flex; flex-wrap: wrap; column-gap:2%; /* border: 1px solid #A91279; */ }
/* .megamenu-sec ul li.has-mega-menu ul.submenu li { width: 33.33%; flex: 1 1 70%; display: flex; flex-wrap: wrap; column-gap: 5%; padding-top: 15px;} */
/* .megamenu-sec ul li.has-mega-menu ul.submenu li:last-child { flex: 1 1 28%; padding-top: 0px;} */
.megamenu-sec ul li.has-mega-menu ul.submenu ul { display: flex; flex-wrap: wrap; /*flex-direction: column;*/ column-gap: 20px; justify-content: space-between; align-items: center;}
.megamenu-sec ul li.has-mega-menu ul.submenu ul li { flex: 0 1 100%; margin: 0 0 32px; padding: 0 0 22px 0; border-bottom: 0px solid #e5e5e5; position: relative; border-bottom: 1px solid rgba(0,0,0,0.1);}
/* .megamenu-sec ul li.has-mega-menu ul.submenu ul li::after { background: var(--bg-black); position: absolute; display: block; content: ""; width: 80%; bottom: 0; left: 0; height: 1px;} */
.megamenu-sec ul li.has-mega-menu ul.submenu ul li a::after { transition: all 0.4s ease; position: absolute; display: block; content: ""; background: url(../images/org-arrow.svg) no-repeat 0 0; width: 35px; height: 27px; position: absolute; left: auto; right: 0; }
.megamenu-sec ul li.has-mega-menu ul.submenu ul li a {  display: flex; align-items: center; padding: 0; box-shadow: none; column-gap: 50px;} 
.megamenu-sec ul li.has-mega-menu ul.submenu ul li:last-child a { border: none;}
.megamenu-sec ul li.has-mega-menu ul.submenu ul li a:hover h2 { color: var(--txt-orange); }
.megamenu-sec ul li.has-mega-menu ul.submenu ul li a:hover::after { right: 10px;}

.megamenu-sec ul li.has-mega-menu ul.submenu ul li .menu-img { flex: 0 1 19%; position: relative; z-index: 1;} 
.megamenu-sec ul li.has-mega-menu ul.submenu ul li .menu-img img { border-radius: 50%;}
.megamenu-sec ul li.has-mega-menu ul.submenu ul li .menu-img::after { width: 130px; height: 130px; border-radius: 50%; border: 1px solid var(--bg-lblue); display: block; content: ""; position: absolute; top: -12px; right: -20px; z-index: -1;}
.megamenu-sec ul li.has-mega-menu ul.submenu ul li .menu-img::before { width: 14px; height: 14px; border-radius: 50%; background: var(--bg-orange); display: block; content: ""; position: absolute; top: -6px; right: -1px; z-index: 0;}

.megamenu-sec ul li.has-mega-menu ul.submenu ul li .menu-txt { flex: 0 1 60%; display: flex; flex-wrap: wrap; row-gap: 10px}
.megamenu-sec ul li.has-mega-menu ul.submenu ul li .menu-txt h2 { transition:all .5s ease; font-size: 30px; color: var(--txt-blue); line-height: 32px; margin-bottom: 0px;}
.megamenu-sec ul li.has-mega-menu ul.submenu ul li .menu-txt p { font-size: 16px; line-height: 24px; color: var(--txt-black);}
.megamenu-sec ul li.has-mega-menu ul.submenu ul li:last-child { margin: 0; padding: 0; border: none;}
.megamenu-sec ul li.has-mega-menu span { margin-left: 4px;}
.megamenu-sec ul li.has-mega-menu span::after { position: relative; display: block; content: "\e842"; font-family: "feather"; color: var(--txt-black); font-size: 20px; color: var(--txt-white);}
.megamenu-sec ul li.has-mega-menu.selected span::after { content: "\e845"; }
/* .megamenu-sec ul li.has-mega-menu ul.submenu ul li a:hover  { background: none;}
.megamenu-sec ul li.has-mega-menu ul.submenu ul li a:hover .menu-txt h2 { color: var(--orange);}
.megamenu-sec ul li.has-mega-menu ul.submenu ul li a:hover .menu-img img { transform: scale(1.05);} */

.overlay { float: left; width: 100%; position: relative; }
.overlay::after { transition: all 2s ease-in-out; animation: overlay-fade 1s ease; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 99; display: block; content: ""; z-index: 1;}
@keyframes overlay-fade { 
    0% { opacity: 0;}
    100% { opacity: 1;}
}

.home-banner { float: left; width: 100%; position: relative; overflow: hidden;
background: rgba(7,60,125,1);
background: -moz-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,60,125,1)), color-stop(100%, rgba(9,75,155,1)));
background: -webkit-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -o-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -ms-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: linear-gradient(to bottom, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#073c7d', endColorstr='#094b9b', GradientType=0 ); }
.home-banner::after { position: absolute; bottom: -56%; left: -33%; display: block; content: ""; width: 650px; height: 650px; border: 1px solid var(--bg-lblue); border-radius: 50%;}

.home-banner .swiper-container { padding: 60px 0;}
.home-banner .swiper-slide .ban-div { flex: 0 1 40%; order: 2; margin-right: 3%; position: relative;}
.home-banner .swiper-slide .ban-img { border-radius: 50%; overflow: hidden; display: block;}
.home-banner .swiper-slide .ban-img.no-radius {border-radius: 0;}
.home-banner .swiper-slide .ban-caption { flex: 0 1 51%; order: 1;}
.home-banner .swiper-slide .ban-caption h1 { color: var(--txt-white); }
.home-banner .swiper-slide .ban-caption a { transition: all 0.5s ease; background: var(--bg-orange); color: var(--txt-white); font-size: 18px; margin-top: 32px; font-family: var(--ff-inter-bold); padding: 18px 30px; border-radius: 30px; display: inline-block;}
.home-banner .swiper-slide .ban-caption a:hover { background: var(--bg-lblue);}
.blu-circle { width: 432px; height: 432px; border: 1px solid var(--bg-lblue); position: absolute; right: -60px; top: 50px; border-radius: 50%; z-index: -1; }
.org-dot { position: absolute; display: block; content: ""; background: var(--bg-orange); width: 52px; height: 52px; border-radius: 50px; top: 40px; right: 54px; }

.data-driven-sec { float: left; width: 100%; padding: 80px 0;}
.data-driven-pad { float: left; width: 100%; padding: 0 8%; position: relative;}
.data-driven-pad::before {animation: jumpThree 3s infinite linear; position: absolute; display: block; content: ""; left: 40px; top: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--bg-lblue);}
.data-driven-pad::after { animation: jumpTwo 3s infinite linear; position: absolute; display: block; content: ""; right: 0px; top: 160px; width: 60px; height: 60px; border-radius: 50%; background: var(--bg-lblue);}

@-webkit-keyframes jumpTwo {
    0% {
      -webkit-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0)
    }
    40% {
      -webkit-transform:translate3d(0,20px,0);
      transform:translate3d(0,20px,0)
    }
    100% {
      -webkit-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0)
    }
  }
  @keyframes jumpTwo {
    0% {
      -webkit-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0)
    }
    40% {
      -webkit-transform:translate3d(0,20px,0);
      transform:translate3d(0,20px,0)
    }
    100% {
      -webkit-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0)
    }
  }

  @-webkit-keyframes jumpThree {
    0% {
      -webkit-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0)
    }
    40% {
      -webkit-transform:translate3d(0,-20px,0);
      transform:translate3d(0,-20px,0)
    }
    100% {
      -webkit-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0)
    }
  }
  @keyframes jumpThree {
    0% {
      -webkit-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0)
    }
    40% {
      -webkit-transform:translate3d(0,-20px,0);
      transform:translate3d(0,-20px,0)
    }
    100% {
      -webkit-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0)
    }
  }


.title-sec { text-align: center; float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px; justify-content: center; flex-direction: column;}
.title-sec h2 { color: var(--txt-black);}
.title-sec h2 span { color: var(--txt-orange);}
.title-sec p { color: var(--txt-black);}
.org-btn a { transition: all 0.5s ease; background: var(--bg-orange); color: var(--txt-white); font-size: 18px; margin-top: 0px; font-family: var(--ff-inter-bold); padding: 18px 30px; border-radius: 30px; display: inline-block;}
.org-btn a:hover { background: var(--bg-lblue);}

.data-list { float: left; width: 100%; margin-top: 70px; }
.data-list ul { display: flex; flex-wrap: wrap; row-gap: 60px;}
.data-list ul li { transition: all 0.4s ease; flex: 1 1 auto; border: 1px solid var(--bg-grey); background: rgba(247,247,247,0.5); position: relative; padding: 70px 50px 30px; border-radius: 30px; overflow: hidden;}
.data-list ul li:hover { box-shadow: 0 12px 50px rgba(0,0,0,0.12);}

.data-inn { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.data-lft { flex: 0 1 42%; position: relative;}
.data-img { float: left; width: 100%; position: relative; z-index: 1; border-radius: 50%; overflow: hidden;}
.data-img img { float: left; width: 100%; z-index: 1;}
.data-lft .blu-circle { width: 405px; height: 405px; border: 1px solid var(--bg-lblue); position: absolute; right: -70px; top: -38px; border-radius: 50%; z-index: 0; }
.data-lft .blue-dot { animation: scale-upOne 2s infinite linear; position: absolute; display: block; content: ""; background: var(--bg-lblue); width: 38px; height: 38px; border-radius: 50px; top: -16px; right: -8px; }
.data-list ul li:nth-child(even) .data-lft { order: 2; margin-right: 8%;}
.data-list ul li:nth-child(even) .data-txt { order: 1;}

.data-txt { flex: 0 1 40%; display: flex; flex-wrap: wrap; row-gap: 15px;  justify-content: center;}
.data-txt h3 { color: var(--txt-blue);}
.data-txt p { font-size: 16px; color: var(--txt-black); text-align: center;}
.data-txt a { transition: all 0.5s ease; width: 190px; border: 1px solid var(--bg-orange); background: none; color: var(--txt-orange); font-size: 18px; margin-top: 14px; font-family: var(--ff-inter-bold); padding: 18px 20px; border-radius: 30px; display: inline-flex;
align-items: center; justify-content: center; column-gap: 8px;}
.data-txt a span { text-decoration: underline;}
.data-txt a i { font-size: 22px;}
.data-txt a:hover { background: var(--bg-orange); color: var(--txt-white);}

@-webkit-keyframes scale-upOne {
    0% {
      -webkit-transform:scale(1);
      transform:scale(1)
    }
    50% {
      -webkit-transform:scale(.85);
      transform:scale(.85)
    }
    100% {
      -webkit-transform:scale(1);
      transform:scale(1)
    }
  }
  @keyframes scale-upOne {
    0% {
      -webkit-transform:scale(1);
      transform:scale(1)
    }
    50% {
      -webkit-transform:scale(.85);
      transform:scale(.85)
    }
    100% {
      -webkit-transform:scale(1);
      transform:scale(1)
    }
  }

.purpose-sec { float: left; width: 100%; padding: 80px 0 60px; position: relative; overflow: hidden;
background: rgba(7,60,125,1);
background: -moz-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,60,125,1)), color-stop(100%, rgba(9,75,155,1)));
background: -webkit-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -o-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -ms-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: linear-gradient(to bottom, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#073c7d', endColorstr='#094b9b', GradientType=0 ); }
.purpose-sec .div-center { align-items: flex-start;}

.purpose-lft { flex: 0 1 43%;}
.purpose-lft h2 { color: var(--txt-white); margin-bottom: 25px;}
.purpose-lft h2 span { color: var(--txt-orange);}
.purpose-lft p { font-size: 24px; line-height: 34px; color: var(--txt-white); margin-bottom: 0px; }
.tab-list { float: left; width: 100%; margin-top: 30px; border-top:1px solid rgba(255,255,255,0.5); padding-top: 30px;}
.tab-list ul { display: flex; flex-wrap: wrap; column-gap: 4%;}
.tab-list ul li { flex: 0 1 48%; /*margin-bottom: 20px; border-bottom: 1px solid #868484; padding-bottom: 20px;*/}
.tab-list ul li a { transition: all 0.4s ease; width: 100%; text-align: center; font-size: 23px; color: var(--txt-white); font-family: var(--ff-manrope-medium); background: rgba(255,255,255,0.1); display: inline-block; padding: 20px 16px; border-radius: 16px;}
.tab-list ul li:last-child { margin: 0; padding: 0; border: none;}
.tab-list ul li.current a {background: var(--bg-white); color: var(--txt-blue); font-family: var(--ff-manrope-bold); }
.tab-list ul li a:hover {background: var(--bg-orange); color: var(--txt-white);}

.purpose-rht .tab-cnt { float: left; width: 100%; display: none; }
.purpose-rht .tab-cnt p { font-size: 24px; line-height: 34px; color: var(--txt-white); margin-bottom: 32px;}
.purpose-rht .tab-cnt ul { display: flex; flex-wrap: wrap; }
.purpose-rht .tab-cnt ul li { flex: 1 1 100%; margin-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,0.5); padding-bottom: 24px;}
.purpose-rht .tab-cnt ul li img { width: 64px; display: block; margin-bottom: 24px;}
.purpose-rht .tab-cnt ul li h3 { color: var(--bg-white); margin-bottom: 12px;}
.purpose-rht .tab-cnt ul li p { font-size: 24px; margin: 0;}
.purpose-rht .tab-cnt ul li:last-child { margin: 0; padding: 0; border: none;}
.purpose-rht { flex: 0 1 42%;}
.purpose-rht .tab-cnt.show { display: block;}
.purpose-rht .tab-cnt.current { display: block; }

.purpose-img-btm { position: absolute; bottom: 0; width: 420px; height: auto; left: 0; }
.purpose-img { border-radius: 0% 100% 0 0; overflow: hidden; }
.purpose-img-btm .blu-circle { z-index: 1; width: 800px; height: 800px; top: -30px; right: -30px;}
.purpose-img-btm .blue-dot { animation: scale-upOne 2s infinite linear; position: absolute; display: block; content: ""; background: var(--bg-lblue); width: 38px; height: 38px; border-radius: 50px; top: 15px; right: 135px; }

.why-ecare-sec { float: left; width: 100%; padding: 70px 0 80px;}
.why-ecare-sec h2 { color: var(--txt-lblack); margin-bottom: 60px; width: 100%; }
.why-ecare-sec h2 span { color: var(--txt-orange);}
.why-ecare-sec ul { display: flex; flex-wrap: wrap; column-gap: 2%;} 
.why-ecare-sec ul li { flex: 0 1 32%; box-shadow: 0 4px 60px rgba(7,60,125,0.06); border: 1px solid #D3D3D3; border-radius: 24px; padding: 70px 30px; 
display: flex; flex-wrap: wrap; justify-content: center; text-align: center; transition: all 0.4s ease; row-gap: 30px;}
/* .why-ecare-sec ul li img { max-width: 84px; margin-bottom: 30px; } */
.why-ecare-sec ul li .icon-round { width: 84px; height: 84px; border-radius: 50px; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease;}
/* .why-ecare-sec ul li .icon-round span { width: 55px; height: 55px; display: inline-block; background-size: contain; background-position: center; transition: all 0.4s ease;} */
.why-ecare-sec ul li .why-txt { float: left; width: 100%;}
.ico-blue, .icobg2, .features-sec .icobg1 { background: var(--bg-blue);} 
.ico-org, .icobg1, .features-sec .icobg2 { background: var(--bg-orange);}
.ico-lblue, .icobg3, .features-sec .icobg3 { background: var(--bg-lblue);}

.why-ecare-sec ul li .icon-round img { max-height: 50px;}
.why-ecare-sec ul li .icon-round .orignal-img { display: block;}
.why-ecare-sec ul li .icon-round .hover-img { display: none;}

.why-ecare-sec ul li:hover .icon-round .orignal-img { display: none;}
.why-ecare-sec ul li:hover .icon-round .hover-img { display: block;}

.why-ecare-sec ul li h3 { color: var(--txt-lblack); margin-bottom: 15px; transition: all 0.4s ease;}
.why-ecare-sec ul li p { font-size: 18px; line-height: 24px; color: var(--txt-black); transition: all 0.4s ease;}
/* .ico-blue span { background: url(../images/design.svg) no-repeat 0 0; }
.ico-org span { background: url(../images/configurable.svg) no-repeat 0 0; }
.ico-lblue span { background: url(../images/seamless.svg) no-repeat 0 0; } */

.why-ecare-sec ul li:hover { border: 1px solid var(--bg-blue); background: rgba(7,60,125,1);
background: -moz-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,60,125,1)), color-stop(100%, rgba(9,75,155,1)));
background: -webkit-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -o-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -ms-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: linear-gradient(to bottom, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#073c7d', endColorstr='#094b9b', GradientType=0 ); }
.why-ecare-sec ul li:hover h3 { color: var(--txt-white);} 
.why-ecare-sec ul li:hover p { color: var(--txt-white);} 
.why-ecare-sec ul li:hover .icon-round { background: var(--bg-white); }
/* .why-ecare-sec ul li:hover .ico-blue span { background: url(../images/design-hover.svg) no-repeat 0 0; }
.why-ecare-sec ul li:hover .ico-lblue span { background: url(../images/seamless-hover.svg) no-repeat 0 0; }
.why-ecare-sec ul li:hover .ico-org span { background: url(../images/configurable-hover.svg) no-repeat 0 0; }
.why-ecare-sec ul li:hover .icon-round span { background-size: contain; transition: all 0.4s ease;} */

.testimonial-sec { float: left; width: 100%; background: #FAFAFA; padding: 80px 0;}
.testimonial-sec h2 { color: var(--txt-lblack); }
.testimonial-sec h2 span { color: var(--txt-orange);}
.testimonial-sec .swiper-container { float: left; width: 100%; overflow: inherit;}
.testimonial-sec .swiper-slide .test-div { flex: 0 1 32%; order: 2; margin-right: 8%; position: relative;}
.testimonial-sec .swiper-slide .test-img { border-radius: 50%; overflow: hidden; display: block;}
.testimonial-sec .swiper-slide .test-caption { flex: 0 1 48%; order: 1;}
.testimonial-sec .swiper-slide .test-caption p { color: var(--txt-black); font-size: 24px; line-height: 34px; position: relative; font-family: var(--ff-manrope-regular); border-bottom: 1px solid #B5B5B5; margin-bottom: 38px; padding-bottom: 38px;}
.testimonial-sec .swiper-slide .test-caption a { transition: all 0.5s ease; background: var(--bg-orange); color: var(--txt-white); font-size: 18px; margin-top: 32px; font-family: var(--ff-inter-bold); padding: 18px 30px; border-radius: 30px; display: inline-block;}
.testimonial-sec .swiper-slide .test-caption a:hover { background: var(--bg-lblue);}
.testimonial-sec .blu-circle { width: 402px; height: 402px; border: 1px solid var(--bg-lblue); position: absolute; right:-70px; top: -40px; border-radius: 50%; z-index: -1; }
.testimonial-sec .org-dot { animation: scale-upOne 2s infinite linear; position: absolute; display: block; content: ""; background: var(--bg-orange); width: 38px; height: 38px; border-radius: 50px; top: -20px; right:-6px; }
.test-details { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.test-name { flex: 0 1 auto; /*margin-right: 30px; padding-right: 30px; border-right: 1px solid #DBDBDB;*/}
.test-name h6 { margin-bottom: 5px; color: var(--txt-black);}
.test-name span { color: var(--txt-black); font-size: 16px;}

.testimonial-sec .swiper-pagination { position: relative;}
.testimonial-sec .swiper-pagination.swiper-pagination-bullets { width: auto; bottom: auto; float: left; }
.testimonial-sec .swiper-pagination .swiper-pagination-bullet { width: 14px; height: 14px; border-radius: 50px; background: #E6ECF2; opacity: 1; transition: all 0.5s ease;}
.testimonial-sec .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--bg-blue);}
.testimonial-sec .swiper-pagination .swiper-pagination-bullet:hover { background: var(--bg-orange);}

.testimonial-sec.hm-testimonial .swiper-slide { padding: 40px 0;}

.testimonial-sec.success-test .arrow { width: 40px; height: 40px; background: rgba(7,60,125,1); padding: 8px; border-radius: 50px; transition: all 0.4s ease; display: flex;
  align-items: center; justify-content: center; transform: translateY(-100%);}
  .testimonial-sec.success-test .arrow i { font-size: 20px; color: var(--txt-white);}
.testimonial-sec.success-test .swiper-button-prev { left: -70px;}
.testimonial-sec.success-test .swiper-button-next { right: -70px;}

.arrow-nav { width: 110px; position: absolute; left: 0;  right: 0; margin: 0 auto; bottom: 10px;}
.arrow-nav .arrow { width: 42px; height: 42px; background: rgba(7,60,125,1); padding: 8px; border-radius: 50px; transition: all 0.4s ease; display: flex;
align-items: center; justify-content: center;}
.arrow-nav .arrow:hover { background: var(--bg-blue);}
.arrow-nav .arrow i { font-size: 22px; color: var(--txt-white);}

.care-sec { float: left; width: 100%; position: relative; overflow: hidden;}
.care-sec img { float: left; width: 100%;}
.care-caption { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; row-gap: 30px; flex-direction: column; z-index: 9;}
.care-caption h2 { font-size: 48px; line-height: 58px; color: var(--txt-white); font-family: var(--ff-manrope-bold);}
.care-caption a { transition: all 0.5s ease; background: var(--bg-orange); color: var(--txt-white); font-size: 18px; margin-top: 0px; font-family: var(--ff-inter-bold); padding: 18px 30px; border-radius: 30px; display: inline-block; width: 230px;}
.care-caption a:hover { background: var(--bg-lblue);}

.circle-top-lft { position: absolute; top: 0; left: 0px;}
.circle-top-lft .blu-circle { width: 412px; height: 412px; border: 1px solid var(--bg-lblue); position: absolute; left:-290px; top: -170px; border-radius: 50%; z-index: 1; }
.circle-top-lft .org-dot { position: absolute; display: block; content: ""; background: var(--bg-orange); width: 38px; height: 38px; border-radius: 50px; top: 110px; right: -118px; z-index: 1; }

.circle-btm-rht { position: absolute; right: 0; bottom: 0px; top: 0;}
.circle-btm-rht .blu-circle { width: 680px; height: 680px; border: 2px solid var(--bg-lblue); position: absolute; right:-500px; top: 0px; border-radius: 50%; z-index: 1; }
.circle-btm-rht .org-dot { position: absolute; display: block; content: ""; background: var(--bg-orange); width: 64px; height: 64px; border-radius: 50px; top: 200px; right: 128px; z-index: 1; }


footer { background: var(--bg-lgrey); float: left; width: 100%; padding: 60px 0;}
.footer-logo { flex: 0 1 25%; display: flex;  flex-wrap: wrap; row-gap: 20px;}
.footer-logo img { max-width: 125px;}
.footer-logo p { font-size: 14px; color: var(--txt-lblack);}

.ftr-rht { flex: 0 1 72%; display: flex; flex-wrap: wrap; column-gap: 4%;}
.footer-menu { flex: 0 1 88%; display: flex; flex-wrap: wrap; column-gap: 4%;}
.ftr-list { flex: 0 1 22%; }
.ftr-list h6 { color: var(--txt-blue); margin-bottom: 20px;}
.ftr-list h6 a { color: var(--txt-blue); transition: all 0.4s ease;}
.ftr-list h6 a:hover { color: var(--txt-orange);}
.ftr-list ul { display: flex; flex-wrap: wrap; row-gap: 20px;}
.ftr-list ul li { flex: 1 1 100%;}
.ftr-list ul li a { font-size: 16px; color: #333; transition: all 0.4s ease;}
.ftr-list ul li a:hover { color: var(--txt-orange);}

.scroll-top { flex: 0 1 8%;}
.scroll-top a { transition: all 0.4s ease; width: 50px; height: 50px; border-radius: 50px; background: var(--bg-blue); display: inline-flex; align-items: center; justify-content: center;}
.scroll-top a i { color: var(--txt-white); font-size: 20px;}
.scroll-top a:hover { background: var(--bg-orange);}

.ftr-btm { display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid #CECECE; margin-top: 40px; padding-top: 40px;}
.ftr-social ul { display: flex; flex-wrap: wrap; align-items: center; column-gap: 25px;}
.ftr-social ul li { flex: 0 1 auto;}
.ftr-social ul li a i { font-size: 18px; transition: all 0.4s ease;}
.ftr-social ul li a:hover i { color: var(--txt-orange);}

.privacy-list ul { display: flex; flex-wrap: wrap; align-items: center; column-gap: 0px;}
.privacy-list ul li { flex: 0 1 auto; margin-right: 15px; padding-right: 15px; border-right: 1px solid var(--bg-black); line-height: 14px;}
.privacy-list ul li a { font-size: 16px; color: #333; font-size: 16px; transition: all 0.4s ease; }
.privacy-list ul li a:hover { color: var(--txt-orange);}
.privacy-list ul li:last-child { padding: 0; margin: 0; border: none;}

/******platform******/
/* .inner-ban { float: left; width: 100%; position: relative; overflow: hidden;}
.inner-ban img { float: left; width: 100%;}
.inn-caption { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; row-gap: 0px; flex-direction: column;}
.inn-caption h2 { font-size: 48px; line-height: 58px; color: var(--txt-white); font-family: var(--ff-manrope-bold); margin-bottom: 10px;}
.inn-caption p { font-size: 28px; line-height: 36px; font-family: var(--ff-manrope-bold); color: var(--txt-white); margin-bottom: 30px;}
.inn-caption a { transition: all 0.5s ease; background: var(--bg-orange); color: var(--txt-white); font-size: 18px; margin-top: 0px; font-family: var(--ff-inter-bold); padding: 18px 30px; border-radius: 30px; display: inline-block; width: 230px;}
.inn-caption a:hover { background: var(--bg-lblue);} */

.inner-ban { float: left; width: 100%; position: relative; padding: 60px 0 70px; overflow: hidden;
background: rgba(7,60,125,1);
background: -moz-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,60,125,1)), color-stop(100%, rgba(9,75,155,1)));
background: -webkit-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -o-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -ms-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: linear-gradient(to bottom, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#073c7d', endColorstr='#094b9b', GradientType=0 ); }
.inner-ban::after { position: absolute; bottom: -90%; left: -32%; display: block; content: ""; width: 650px; height: 650px; border: 1px solid var(--bg-lblue); border-radius: 50%;}
    
.inner-ban .ban-div { flex: 0 1 31%; order: 2; margin-right: 3%; position: relative; z-index: 1;}
.inner-ban .ban-img { border-radius: 50%; overflow: hidden; display: block;}
.inner-ban .ban-caption { flex: 0 1 55%; order: 1; z-index: 1;}
.inner-ban .ban-caption h1 { color: var(--txt-white); }
.inner-ban .ban-caption p { color: var(--txt-white); font-size: 28px; line-height: 34px; font-family: var(--ff-manrope-regular); margin-top: 32px;}
.inner-ban .ban-caption a { transition: all 0.5s ease; background: var(--bg-orange); color: var(--txt-white); font-size: 18px; margin-top: 32px; font-family: var(--ff-inter-bold); padding: 18px 30px; border-radius: 30px; display: inline-block;}
.inner-ban .ban-caption a:hover { background: var(--bg-lblue);}
.inner-ban .blu-circle { width: 352px; height: 352px; border: 1px solid var(--bg-lblue); position: absolute; right: -50px; top: 26px; border-radius: 50%; z-index: -1; }
.inner-ban .org-dot { position: absolute; display: block; content: ""; background: var(--bg-orange); width: 40px; height: 40px; border-radius: 50px; top: 20px; right: 45px; }
 
.sector-list { float: left; width: 100%; margin: 50px 0 120px; text-align: center;}
.sector-list ul { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 100px; background: rgba(247,247,247,0.5);padding: 30px 100px; border-radius: 32px; border: 1px solid #EFEFEF;}
.sector-list ul li { flex: 0 1 auto; text-align: center;}
.sector-list ul li img { max-width: 64px; margin-bottom: 10px;}
.sector-list ul li p { font-size: 20px; line-height: 26px; color: #04254C; font-family: var(--ff-manrope-sbold); }

.platform-cnt-sec { float: left; width: 100%; padding: 80px 0;}
.platform-cnt-sec h2 { color: var(--txt-black); text-align: center;}
.platform-cnt-sec h2 span { color: var(--txt-orange);}

.platform-cnt-sec .data-list { padding: 0 3%; margin: 0;}
.platform-cnt-sec .data-lft { flex: 0 1 32%; }
.platform-cnt-sec .data-lft .blu-circle { width: 392px; height: 392px; right: -74px; top: -45px;}
.platform-cnt-sec .data-lft .blue-dot { top: -6px; right: -34px;}
.platform-cnt-sec .data-txt { flex: 0 1 52%; row-gap: 25px; }
.platform-cnt-sec .data-txt p { text-align: left; font-family: var(--ff-inter-regular); color: #373333; font-size: 18px; line-height: 30px; margin-bottom: 0px;}
.platform-cnt-sec .data-txt ul { row-gap: 20px;}
.platform-cnt-sec .data-txt ul li { flex: 0 1 100%; font-size: 18px; color:#373333; line-height: 26px; font-family: var(--ff-inter-regular); background: none; padding: 0 0 0 35px; border-radius: 0px; border: none; position: relative;}
.platform-cnt-sec .data-txt ul li:after { position: absolute; content: ""; top: 4px; left: 0; background: url(../images/tick.svg) no-repeat 0 0; width: 20px; height: 20px;}
.platform-cnt-sec.workforce-sec .data-txt ul li:hover { box-shadow: none;}
.platform-cnt-sec .data-txt ul li:hover { box-shadow: none;}

.features-sec { background: var(--bg-blue); overflow: hidden; position: relative;}
.features-sec h2 { color: var(--txt-white); text-align: center; }
.features-sec.why-ecare-sec ul li { background: #E6F8FF; border: none;}
.features-sec.why-ecare-sec ul li h3 { font-size: 24px; line-height: 30px; font-family: var(--ff-manrope-sbold); }

.features-sec.why-ecare-sec ul li .ico-blue span { background: url(../images/customize.svg) no-repeat 0 0; }
.features-sec.why-ecare-sec ul li .ico-org span { background: url(../images/data.svg) no-repeat 0 0; }
.features-sec.why-ecare-sec ul li .ico-lblue span { background: url(../images/compliance.svg) no-repeat 0 0; }
.features-sec.why-ecare-sec ul li .icon-round span { background-size: contain; background-position: center;}
.features-sec.why-ecare-sec ul li:hover { background: #ffffff;}
.features-sec.why-ecare-sec ul li:hover h3 { color: var(--txt-black);}
.features-sec.why-ecare-sec ul li:hover p { color: var(--txt-black);}
.features-sec.why-ecare-sec ul li:hover .icon-round.ico-blue, .features-sec.why-ecare-sec ul li:hover .icon-round.icobg1 { background: var(--bg-blue);}
.features-sec.why-ecare-sec ul li:hover .icon-round.ico-org, .features-sec.why-ecare-sec ul li:hover .icon-round.icobg2 { background: var(--bg-orange);}
.features-sec.why-ecare-sec ul li:hover .icon-round.ico-lblue, .features-sec.why-ecare-sec ul li:hover .icon-round.icobg3 { background: var(--bg-lblue);}
/* .features-sec.why-ecare-sec ul li:hover { background: rgba(7,60,125,1);
background: -moz-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,60,125,1)), color-stop(100%, rgba(9,75,155,1)));
background: -webkit-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -o-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -ms-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: linear-gradient(to bottom, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#073c7d', endColorstr='#094b9b', GradientType=0 ); } */
.features-sec.why-ecare-sec ul li:hover .ico-blue span { background: url(../images/customize.svg) no-repeat 0 0;}
.features-sec.why-ecare-sec ul li:hover .ico-org span { background: url(../images/data.svg) no-repeat 0 0;}
.features-sec.why-ecare-sec ul li:hover .ico-lblue span { background: url(../images/compliance.svg) no-repeat 0 0;}
.features-sec.why-ecare-sec ul li:hover .icon-round span { background-size: contain; transition: all 0.4s ease; background-position: center;}

.features-sec.why-ecare-sec ul li p { font-size: 16px;}

.btn-orange { float: left; width: 100%; text-align: center; margin-top: 60px;}
.btn-orange a { transition: all 0.5s ease; background: var(--bg-orange); color: var(--txt-white); font-size: 18px; margin-top: 0px; font-family: var(--ff-inter-bold); padding: 18px 30px; border-radius: 30px; display: inline-block; width: 230px;}
.btn-orange a:hover { background: var(--bg-lblue);}

.features-sec .circle-btm-lft { position: absolute; bottom: 210px; left: 310px;}
.features-sec .circle-btm-lft .blu-circle { width: 800px; height: 800px; border: 2px solid var(--bg-lblue); border-radius: 50%; z-index: 1; opacity: 0.3;}
.features-sec .circle-btm-lft .blue-dot { position: absolute; display: block; content: ""; background: var(--bg-lblue); width: 38px; height: 38px; border-radius: 50px; top:75px; right: 140px; z-index: 1; }

.trans-sec { background: #ffffff; padding: 70px 0; float: left; width: 100%;}
.trans-sec h2 { color: var(--txt-lblack); margin-bottom: 60px; width: 100%; font-size: 38px;}
.trans-sec h2 span { color: var(--txt-orange);}
.trans-sec ul { display: flex; flex-wrap: wrap; column-gap: 2%;} 
.trans-sec ul li { flex: 0 1 32%; border: 0px solid #D3D3D3; border-radius: 24px; padding: 0px; overflow: hidden; transition: all 0.4s ease; background: #F8F8F8; }
.trans-sec ul li .trans-img { float: left; width: 100%; }
.trans-sec ul li .trans-img img { float: left; width: 100%; }
.trans-sec ul li .trans-txt { float: left; width: 100%; padding: 30px 30px 50px;}
.trans-sec ul li .trans-txt p { font-size: 18px; font-family: var(--ff-inter-sbold); line-height: 26px; transition: all 0.4s ease;}
.trans-sec ul li:hover { background: var(--bg-blue);}
.trans-sec ul li:hover .trans-txt p { color: var(--txt-white);}

.resource-test .swiper-wrapper { padding-bottom: 60px;}
.resource-test .swiper-slide .test-caption h3 { margin-bottom: 20px;}
.resource-test .swiper-slide .test-caption p { font-size: 16px; line-height: 26px; margin: 0; border: none; padding: 0;}
.resource-test .swiper-slide .test-caption a { border: 1px solid var(--bg-black); background: none; color: var(--txt-orange); display: inline-flex;
align-items: center; flex-wrap: wrap; column-gap: 10px;}
.resource-test .swiper-slide .test-caption a i { font-size: 20px;}
.resource-test .swiper-slide .test-caption a:hover { background: var(--bg-orange); color: var(--txt-white); border: 1px solid var(--bg-orange); }
.testimonial-sec .blue-dot { animation: scale-upOne 2s infinite linear; position: absolute; display: block; content: ""; background: var(--bg-lblue); width: 38px; height: 38px; border-radius: 50px; top: -20px; right:-6px; }


.solution-sec {float: left; width: 100%; padding: 80px 0; }
.solution-sec h2 { margin-bottom: 60px;}
.solution-sec h2 span { color: var(--txt-orange);}
.solution-list { float: left; width: 100%; margin-top: 120px; }
.solution-list ul { display: flex; flex-wrap: wrap; row-gap: 60px;}
.solution-list ul li { flex: 1 1 auto; position: relative; padding:0px 0 60px; border-bottom: 1px solid #E9EBF8; margin-bottom: 60px; }
.solution-inn { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0 5%;}
.solution-lft { flex: 0 1 33%; position: relative; margin-left:72px;}
.solution-img { float: left; width: 100%; position: relative; z-index: 1; border-radius: 50%; overflow: hidden;}
.solution-img img { float: left; width: 100%; z-index: 1;}
.solution-lft .blu-circle { width: 392px; height: 392px; border: 1px solid var(--bg-lblue); position: absolute; right: 35px; top: -42px; border-radius: 50%; z-index: 0; }
.solution-lft .blue-dot { position: absolute; display: block; content: ""; background: var(--bg-lblue); width: 38px; height: 38px; border-radius: 50px; top: 12px; right: -45px; }
.solution-lft .org-dot { animation: scale-upOne 2s infinite linear; position: absolute; display: block; content: ""; background: var(--bg-orange); width: 38px; height: 38px; border-radius: 50px; top: 12px; left: -45px; }

.solution-list ul li:nth-child(even) .solution-lft { order: 2; margin-right: 92px; margin-left: 0;}
.solution-list ul li:nth-child(even) .solution-lft .blu-circle { width: 392px; height: 392px; border: 1px solid var(--bg-lblue); position: absolute; right: -70px; top: -48px; border-radius: 50%; z-index: 0; }
.solution-list ul li:nth-child(even) .solution-lft .org-dot { position: absolute; display: block; content: ""; background: var(--bg-orange); width: 38px; height: 38px; border-radius: 50px; top: 12px; right: -48px; left: auto;}
.solution-list ul li:nth-child(even) .solution-txt { order: 1;}

.solution-txt { flex: 0 1 46%; display: flex; flex-wrap: wrap; row-gap: 20px; }
.solution-txt h3 { color: var(--txt-blue);}
.solution-txt p { font-size: 16px; color: var(--txt-black); line-height: 26px;}
.solution-txt a { transition: all 0.5s ease; width: 190px; border: 1px solid var(--bg-orange); background: none; color: var(--txt-orange); font-size: 18px; margin-top: 14px; font-family: var(--ff-inter-bold); padding: 18px 20px; border-radius: 30px; display: inline-flex;
align-items: center; justify-content: center; column-gap: 8px;}
.solution-txt a span { text-decoration: underline;}
.solution-txt a i { font-size: 22px;}
.solution-txt a:hover { background: var(--bg-orange); color: var(--txt-white);}

.solution-list ul li:last-child { margin: 0; padding: 0; border: none;}
.workforce-sec .data-list { margin-top: 120px;}
.salient-sec { float: left; width: 100%; background: #F8F8F8;}
.trans-sec.salient-sec ul li { background: var(--bg-white);}
.trans-sec.salient-sec ul li:hover { background: var(--bg-blue);}

.workforce-deliver { float: left; width: 100%; padding: 80px 0 100px; position: relative; overflow: hidden;
background: rgba(7,60,125,1);
background: -moz-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,60,125,1)), color-stop(100%, rgba(9,75,155,1)));
background: -webkit-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -o-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -ms-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: linear-gradient(to bottom, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#073c7d', endColorstr='#094b9b', GradientType=0 ); }
.workforce-deliver .div-center { align-items: flex-start;}
.workforce-lft { flex: 0 1 43%; }
.workforce-lft h2 { color: var(--txt-white); margin-bottom: 30px;}
.workforce-lft p { font-size: 24px; line-height: 32px; color: var(--txt-white); margin-bottom: 32px;}
.workforce-rht { flex: 0 1 46%;}
.workforce-rht p { font-size: 24px; line-height: 32px; color: var(--txt-white); margin-bottom: 32px;}
.workforce-rht p span { font-family: var(--ff-inter-sbold);}
.workforce-rht ul { display: flex; flex-wrap: wrap; }
.workforce-rht ul li { flex: 1 1 100%; margin-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,1); padding-bottom: 24px;}
.workforce-rht ul li img { width: 64px; display: block; margin-bottom: 24px;}
.workforce-rht ul li h3 { color: var(--bg-white); margin-bottom: 0px;}
.workforce-rht ul li p { font-size: 24px; margin: 0;}
.workforce-rht ul li:last-child { margin: 0; padding: 0; border: none;}

.workforce-img-btm { position: absolute; bottom: -80px; width: 440px; height: auto; left: -130px; }
.workforce-img { border-radius:50%; overflow: hidden; }
.workforce-img-btm .blu-circle { z-index: 1; width: 500px; height: 500px; top: -30px; right: -30px;}
.workforce-img-btm .blue-dot { animation: scale-upOne 2s infinite linear; position: absolute; display: block; content: ""; background: var(--bg-lblue); width: 38px; height: 38px; border-radius: 50px; top: 26px; right: 24px; }

.success-test { background: var(--bg-white);}
.success-test h2 { margin-bottom: 60px;}
.success-test .div-center { background: #F8F8F8; border-radius: 16px; overflow: hidden;}
.testimonial-sec.success-test .swiper-slide .sucess-lft { flex: 1 1 50%; background: #F8F8F8; padding: 50px;}
.testimonial-sec.success-test .swiper-slide .sucess-lft .test-img { border-radius: 0px; width: 300px; margin-bottom: 50px;}
.testimonial-sec.success-test .swiper-slide .sucess-lft h3 { font-size: 28px; line-height: 34px;}
.testimonial-sec.success-test .swiper-slide .sucess-lft a {transition: all 0.4s ease; border: 1px solid var(--bg-black); background: none; color: var(--txt-orange); display: inline-flex;
align-items: center; flex-wrap: wrap; column-gap: 10px; font-size: 18px; margin-top: 32px; font-family: var(--ff-inter-bold); padding: 18px 25px; border-radius: 30px;}
.testimonial-sec.success-test .swiper-slide .sucess-lft i { font-size: 20px;}
.testimonial-sec.success-test .swiper-slide .sucess-lft a:hover { background: var(--bg-orange); color: var(--txt-white); border: 1px solid var(--bg-orange); }
    
.testimonial-sec.success-test .swiper-slide .sucess-rht { flex: 1 1 50%; background: var(--bg-blue); padding: 0px;}
.testimonial-sec.success-test .swiper-slide .sucess-rht .success-txt img { width: 100%; position: relative; float: left;}
.testimonial-sec.success-test .swiper-slide .sucess-rht .success-txt p { color: var(--txt-white); font-size: 16px; line-height: 24px; margin-bottom: 12px;}
.testimonial-sec.success-test .swiper-slide .sucess-rht .success-txt h5 { color:var(--txt-white); font-size: 18px; line-height: 26px; margin-bottom: 5px; font-family: var(--ff-manrope-sbold);}
.testimonial-sec.success-test .swiper-slide .sucess-rht .success-txt span { color: var(--txt-white); font-size: 16px;}

.testimonial-sec.success-test .swiper-slide .sucess-rht .success-btm { float: left; width: 100%; display: flex; flex-wrap: wrap; padding: 30px; /*margin-top: 25px; padding-top: 25px; border-top: 1px solid rgba(255,255,255,0.2);*/}
.testimonial-sec.success-test .swiper-slide .sucess-rht .success-btm ul { display: flex; flex-wrap: wrap; column-gap: 4%;}
.testimonial-sec.success-test .swiper-slide .sucess-rht .success-btm ul li { flex: 1 1 30.6%;}
.testimonial-sec.success-test .swiper-slide .sucess-rht .success-btm ul li .case-ico { width: 44px; margin-bottom: 15px;}
.testimonial-sec.success-test .swiper-slide .sucess-rht .success-btm ul li .case-ico img { width: 100%; display: block;}
.testimonial-sec.success-test .swiper-slide .sucess-rht .success-btm ul li h3 { margin: 0 0 10px 0; font-size: 32px; line-height: 32px; color: #6BD9FF; font-family: var(--ff-manrope-bold);}
.testimonial-sec.success-test .swiper-slide .sucess-rht .success-btm ul li p { color: #ffffff;  font-size: 17px; line-height: 24px; }


.testimonial-sec.success-test .swiper-pagination.swiper-pagination-bullets { width: 100%; margin-top: 60px;}
.testimonial-sec.success-test .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--bg-orange);}
.testimonial-sec.success-test .swiper-pagination .swiper-pagination-bullet:hover { background: var(--bg-blue); }



/* About Us page */
.abt-wel-sec { float: left; width: 100%; padding: 130px 0px;}
.abt-wel-pad { display: flex; flex-wrap: wrap; column-gap: 4%;}
.abt-wel-lft { flex: 0 1 48%;}
.abt-wel-lft h2 { color: var(--txt-black); }
.abt-wel-lft h2 span{ color:var(--txt-orange); }
.abt-wel-rgt { flex: 0 1 48%; padding-right: 0;}
.abt-wel-rgt p { color: var(--txt-lblack); font-size: 18px; line-height: 28px; margin-bottom: 25px; font-family: var(--ff-inter-medium);}
.abt-wel-rgt p:last-child { margin-bottom: 0px;}

.why-care-sec { float: left; width: 100%; padding: 120px 0px 100px; background: var(--bg-blue); }
.why-care-lft { flex: 0 1 48%;}
.img-box { float: left; width: 385px;position: relative;}
.img-box .blu-circle { width: 405px; height: 405px; border: 1px solid var(--bg-lblue); position: absolute; right: -70px; top: -38px; border-radius: 50%; z-index: 0; }
.img-box .org-dot { animation: scale-upOne 2s infinite linear; position: absolute; display: block; content: ""; background: var(--bg-orange); width: 38px; height: 38px; border-radius: 50px; top: -16px; right: -8px; }
.why-care-rht {flex: 0 1 48%;}
.why-care-rht h2 { color: var(--txt-white); margin-bottom: 25px; }
.why-care-rht p{ color: #E6ECF2; font-size: 18px; line-height: 28px; margin-bottom: 20px; }
.why-care-rht p:last-child { margin-bottom: 0px;}

.communicate-sec { float: left; width: 100%; padding: 110px 0px 80px; }
.communicate-lft { flex: 0 1 58%; padding-right: 35px; }
.communicate-lft h2 { color: var(--bg-blue); margin-bottom: 25px; }
.communicate-lft p{ color: var(--txt-black); font-size: 16px; line-height: 26px; margin-bottom: 25px; }
.communicate-lft p:last-child { margin-bottom: 0px;}
.communicate-lft ul { display: flex; flex-wrap: wrap; row-gap: 12px;}
.communicate-lft ul li { flex: 0 1 100%; font-size: 18px; line-height: 28px; font-family: var(--ff-inter-sbold); color: var(--txt-lblack); padding-left: 40px; background: url(../images/tick-icon.svg) no-repeat left 0px top 3px; }
.communicate-rht { flex: 0 1 40%;padding-right: 80px;}
.communicate-rht .img-box { float: right; width: 385px;position: relative;}
.img-box .blu-circle { width: 405px; height: 405px; border: 1px solid var(--bg-lblue); position: absolute; right: -70px; top: -38px; border-radius: 50%; z-index: 0; }
.img-box .blue-dot { animation: scale-upOne 2s infinite linear; position: absolute; display: block; content: ""; background: var(--bg-lblue); width: 38px; height: 38px; border-radius: 50px; top: -16px; right: -8px; }

.leading-sec { float: left; width: 100%; padding: 70px 0px; background: #F7F7F7; }
.leading-sec h2 { color: var(--txt-orange); margin-bottom: 60px; }
ul.leading-list { display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 28px;} 
ul.leading-list li { flex: 0 1 32%; background: var(--txt-white); border-radius: 20px; border: 1px solid transparent; padding: 50px 0px; display: flex; flex-wrap: wrap; justify-content: center; transition: all 0.4s ease; }
ul.leading-list li .img-div { display: inline-block; width: 216px; position: relative;}
ul.leading-list li .img-div .leader-img { border-radius: 50%; overflow: hidden; position: relative;}
ul.leading-list li .img-div img { float: left; width: 100%;}
ul.leading-list li .img-div .leader-img .dummy-img { opacity: 0; width: 100%;}
ul.leading-list li .img-div .leader-img .org-img { position: absolute; width: 100%; left: 0;}


ul.leading-list li:hover { border: 1px solid var(--bg-blue); box-shadow: 0 0 40px rgba(0,0,0,0.05);}
ul.leading-list li:hover a.plus-ico { background: var(--bg-orange);}
a.plus-ico { position: absolute; right: 8px; bottom: 8px; display: flex; align-items: center; justify-content: center; background: var(--bg-blue); width: 50px; height: 50px; border-radius: 50px; color: var(--txt-white);
font-size: 37px; font-family: var(--ff-inter-light); transition: all 0.5s ease;}
a.plus-ico span { margin-top: -6px;}
a.plus-ico:hover { background: var(--bg-orange);}
.leading-det { width: 100%; margin-top: 32px;text-align: center; padding: 0px 15px; }
.leading-det h3 { font-size: 24px; line-height: 30px; font-family: var(--ff-manrope-sbold); color: var(--txt-blue); margin-bottom: 5px;}
.leading-det p { font-size: 16px; line-height: 24px; color: var(--txt-black);}
.leading-det ul { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 10px; margin-top: 20px; }
.leading-det ul li { flex: 0 1 auto; padding: 0px 0px;} 
.leading-det ul li a { width: 39px; height: 39px; display: flex; align-items: center; justify-content: center; border: 1px solid #D9D9D9; border-radius: 40px; 
font-size: 17px; color: var(--txt-lblue);transition: all 0.5s ease;}
.leading-det ul li:hover { border: 1px solid transparent;}
.leading-det ul li a:hover { border: 1px solid var(--bg-lblue); background: var(--bg-lblue); color: var(--txt-white);}

ul.lead-social { float:left; width:100%; display: flex; flex-wrap: wrap; justify-content: left; column-gap: 10px; }
ul.lead-social li { flex: 0 1 auto; padding: 0px 0px;} 
ul.lead-social li a { width: 39px; height: 39px; display: flex; align-items: center; justify-content: center; border: 1px solid #D9D9D9; border-radius: 40px; 
font-size: 17px; color: var(--txt-lblue);transition: all 0.5s ease;}
ul.lead-social li a:hover { border: 1px solid var(--bg-blue); background: var(--bg-blue); color: var(--txt-white);}

/*popup*/
.popup { width:715px;}
.popup-div { float:left; width:100%; padding: 30px 35px 40px; }
.popup .title-div { float:left; width:100%; padding-bottom: 20px; border-bottom: 1px solid #D9D9D9;}
.popup .title-div h2 { color:var(--txt-blue); font-size:32px; line-height:36px; font-family: var(--ff-manrope-bold)}
.popup .title-div h3 { color:var(--txt-orange); font-size:16px; line-height:24px;}
.popup .para-popup { float:left; width:100%; padding:25px 0px;}
.popup .para-popup p { font-size:16px; line-height:24px; color: var(--txt-black); margin-bottom:22px; }
.popup .para-popup p:last-child { margin-bottom: 0px;}
body.popup-main .fancybox-skin { border-radius: 21px;}
body.popup-main .fancybox-close { background:url(../images/popup-close.svg) no-repeat scroll 0 0; width:43px; height:43px; top: 30px; right: 30px;}
.fancybox-inner{ scrollbar-width:thin;scrollbar-color:var(--bg-orange) transparent; }
.fancybox-inner::-webkit-scrollbar {width:10px}
.fancybox-inner::-webkit-scrollbar-track {background:0 0}
.fancybox-inner::-webkit-scrollbar-thumb {background-color:#ff6634;border-radius:0;border:2px solid transparent}


/* contact-form */
.contact-us{float: left;width:100%;background: var(--bg-white);padding: 60px 0 80px 0;}
.address-detail { float: left; width: 100%;padding-bottom:70px;} 
.address-detail ul { display: flex; flex-wrap: wrap; column-gap: 2%; justify-content: center;}
.address-detail ul li { transition: all 0.4s ease; flex: 0 1 30%; background: var(--bg-white); padding: 70px 40px; box-shadow: 0 4px 60px rgba(7,60,125,0.06); border: 1px solid #D3D3D3; text-align: center; border-radius: 16px; }
.address-detail ul li img { width: 36px; display: inline-block;}
.address-detail ul li .icon-img {width: 84px;height: 84px;border-radius: 100%; display: flex;flex-wrap: wrap;justify-content: center;align-items: center;margin: 0 auto;transition: all 0.5s ease;margin-bottom: 30px;}
.address-detail ul li.blue .icon-img{background: var(--bg-blue);}
.address-detail ul li.ornge .icon-img{background: var(--bg-orange);}
.address-detail ul li.lite-blue .icon-img{background: var(--bg-lblue);}
.address-detail ul li h2 { font-size: 32px; line-height: 40px; color: var(--txt-black); margin-bottom: 15px;}
.address-detail ul li p { font-size: 18px; line-height: 28px; color: var(--txt-black);font-family: var(--ff-inter-regular);}
.address-detail ul li p a {text-decoration: underline; transition: all 0.4s ease;}
.address-detail ul li p a:hover { color: var(--txt-orange);}
.address-detail ul li:hover { border: 1px solid var(--bg-blue);}
.cnt-form{padding-bottom: 0;}
.cnt-form .form {margin-top: 0;background: transparent;width: 715px;padding: 0;box-shadow: none;}
.deal-form .form ul li label span{color: #D31313;}
.cnt-title{margin-bottom: 35px;padding-top: 90px;}

.deal-form {float: left; width: 100%;}
.deal-form .form {width: 100%;margin: 0 auto;padding: 0 15%; float: left;}
.deal-form .form ul {display: flex;flex-wrap: wrap;column-gap: 4%;row-gap: 25px;float: left;width: 100%;}
.deal-form .form ul li {flex: 0 1 48%;}
.deal-form .form ul li label {font-family: var( --ff-inter-regular); font-size: 16px; line-height: 20px; text-align: left; color: #000000; float: left;margin-bottom: 10px;width: 100%;}
.deal-form .form ul li input[type="text"], .deal-form .form ul li select, .deal-form .form ul li input[type="tel"], .deal-form .form ul li input[type="email"], .deal-form .form ul li input[type="file"], .deal-form .form ul li textarea {transition: all 0.3s ease; border: 1px solid #D9D9D9;float: left;width: 100%;height: 50px;padding: 15px; font-size: 13px; font-family: var( --ff-inter-regular); background: none;border-radius: 8px;}
.deal-form .form ul li.fl {flex: 0 1 100%;}
.deal-form .form ul li textarea {min-height: 240px; resize: none;}
.deal-form .form ul li.fl.s-btn {text-align: center;}
.deal-form .form ul li.fl.s-btn input {font-family: var(--ff-inter-bold); font-size: 18px;  color: #fff; width: 200px; height: 60px; border-radius: 30px;background: var(--bg-orange); display: inline-flex; align-items: center; justify-content: center;border: none; cursor: pointer;margin-top: 20px; transition: all 0.4s ease;}
.deal-form .form ul li.fl.s-btn input:hover { background: var(--bg-blue);}
.deal-form .form.custom-design ul li{flex: 0 1 100%;}
.deal-form .form ul li input[type="text"]:focus, .deal-form .form ul li input[type="tel"]:focus, .deal-form .form ul li input[type="email"]:focus, .deal-form .form ul li input[type="file"]:focus, .deal-form .form ul li textarea:focus,.nice-select.select_box_input.open,.nice-select.select_box_input.select-list.open { border: 1px solid #073C7D;}
.deal-form h2{font-size:40px;line-height: 50px;text-align: center;padding-bottom: 20px;font-family: var(--ff-manrope-bold);}
.deal-form p{font-size:16px;line-height: 26px;text-align: center;padding: 0%;font-family: var( --ff-inter-regular);margin-bottom: 60px;}
.map {float: left;width: 100%;}
.map iframe{float: left;width: 100%; height: 500px;}

/****************/
.inn-mobile-ban { display: none; margin: 20px auto; margin-right: 0;}



/**************   mobilemenu css  **************/
.m-menu { position: relative;  left:auto; top: 1px; display: none; z-index:999999; } 
.m-menu img { width: 20px;}
.mobile-menu{ padding: 15px 15px; position:fixed; top:72px; bottom: 0; width:100%; height: calc(100vh - 72px); z-index: 99999; overflow-y:auto; overflow-x:hidden; opacity: 0; visibility: hidden; transition: all 0.4s ease; background: #ffffff; border-top: 1px solid #e8e8e8;}
.mobile-menu.slow { opacity: 1; visibility: visible; }
body.over { overflow: hidden;}
.mobile-menu .nav { width: 100%;  background: var(--bg-white); float: left;  padding: 0px 0;}

.m-menu { width: 27px; height: 22px;  margin: 0px 0px 0 0;  -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: right;  }
.m-menu a { display: block;}
.m-menu span { display: block; position: absolute; height: 2px; width: 100%; background: var(--bg-black); border-radius: 0px; opacity: 1;
left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  

/* Icon 4 */
.m-menu span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(2) { top: 8px; width: 18px; right: 0; left: auto; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(3) { top: 16px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 4px;  background: var(--bg-orange);}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 18px; left: 4px; background: var(--bg-orange); }
.m-menu:hover span { background:var(--bg-orange);}

/*mbl menu css*/
.ec-menu .ec-icon { float: right; font-size: 20px; position: absolute; top: 0px; right: 0px; z-index: 99; color: var(--txt-white); width: 45px;height: 48px;background:var(--bg-orange);
display: flex; align-items: center; justify-content: center; cursor: pointer;}
.ec-menu ul { margin: 0; padding: 0; list-style: none; }
.ec-menu ul > li { border-bottom: 1px solid #E0D2D3; position: relative;}
.ec-menu ul li a { display: block; text-decoration: none; border-left: 0px solid #ddd; }
.ec-menu ul > li a.active {/* color: var(--orange); */}
.ec-menu ul li a:hover, .ec-menu ul li.open > a { color: var(--txt-orange); }
.ec-menu ul li a:hover, .ec-menu ul li.open a { border-color: var(--txt-orange); }
.ec-menu .ec-list > li > a { padding: 14px 0px; color: var(--txt-black); font-size: 17px; font-family: var(--ff-inter-regular); width: calc(100% - 44px); }
.ec-menu .sub-menu ul{ display: none;}
.ec-menu .sub-menu > li > a { padding: 11px 0px; color: var(--txt-lblack);font-size: 16px; font-family: var(--ff-inter-regular); line-height: 26px; }
.ec-menu .sub-menu > li:last-child { border: none;}
.ec-menu .sub-menu .sub-menu > li > a { padding-left: 10px; font-family: var(--ff-inter-regular); color: var(--txt-lblack);font-size: 14px;}
.ec-menu .open > .ec-icon { transform: rotate(180deg);}
.ec-menu ul li a { transition: all 0.24s ease-in-out; }
/* .ec-menu ul > li.expanded > a{position: relative; } */
/* .ec-menu ul > li.expanded > a:after {content: "";position: absolute;right: 0px;top: 0px;width: 44px;height: 44px;background: #F4742A;} */
.ec-menu .sub-menu {display: none; border-top: 1px solid #E0D2D3; padding-left: 20px;}

.is-sticky .m-menu span { background: var(--bg-orange);}

.mobile-btns { float: left; width: 100%; margin-top: 30px;}
.btns-box { display: flex; align-items: center; justify-content: center; column-gap: 15px;}
.btns-box a { transition: all 0.4s ease;font-size: 15px;font-family: var(--ff-inter-bold);padding: 0px 25px;border-radius: 50px; height: 45px;line-height: 45px;display: inline-block;}
.btns-box a.login-btn { border: 1px solid var(--bg-orange);color: var(--txt-orange);}
.btns-box a.login-btn:hover { color: var(--txt-white); background: var(--bg-blue); border: 1px solid var(--bg-blue);}
.btns-box a.demo-btn { border: 1px solid var(--bg-orange);color: var(--txt-white); background: var(--bg-orange);}
.btns-box a.demo-btn:hover { background: var(--bg-white);color: var(--txt-orange);}


.ftr-list ul li:first-child a{ font-size: 20px; font-family: var(--ff-manrope-sbold); line-height: 26px; font-weight: normal; padding: 0px; margin: 0px; color: var(--txt-blue); margin-bottom: 20px; }
.is-sticky #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { color:var(--txt-black); }
.wpcf7 form .wpcf7-response-output { margin: 2em 0 !important; float:left; width:100%; text-align:center; background:#FF0000; color:#FFFFFF; border:0px solid #ffb900!important; padding:10px!important; }


/********megamenu css***********/
#mega-menu-wrap-primary #mega-menu-primary { padding: 0 !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item span.mega-menu-title { transition: all .5s ease; font-size: 30px; color: var(--txt-blue);
  line-height: 32px; margin-bottom: 0px; font-family: var(--ff-manrope-bold);}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { left: 0%; right: 0; margin: 0 auto; width: 700px; background: var(--bg-white); margin: 0 auto; display: flex; flex-wrap: wrap; column-gap:2%; /* border: 1px solid #A91279; */  }
#mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-42  > li.mega-menu-megamenu > ul.mega-sub-menu { width:1000px; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { font-family:var(--ff-manrope-bold); color:#FF0000; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu .mega-description-group .mega-menu-description { font-size:12px; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row { border-bottom:1px solid #FF0000; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row:last-child { border-bottom:0px solid #FF0000; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu .mega-description-group .mega-menu-description { font-size: 16px; line-height: 24px; color: var(--txt-black);}
/* #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row { position: relative;} */
#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group { display: flex !important; flex-wrap: wrap; row-gap: 10px;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image { width: 80%; border-radius: 50%; position: relative;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image .image { border-radius: 50%; } 
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image a { padding: 0;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image::after { width: 130px; height: 130px; border-radius: 50%; border: 1px solid var(--bg-lblue); display: block; content: ""; position: absolute; top: -12px; right: -20px; z-index: -1;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image::before { width: 14px; height: 14px; border-radius: 50%; background: var(--bg-orange); display: block; content: ""; position: absolute; top: -6px; right: -1px; z-index: 0;}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu { display: flex !important; align-items: center; column-gap: 20px;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row { border-bottom: 1px solid rgba(0,0,0,0.1); margin: 0 0 32px; padding: 0 0 22px 0;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.mega-menu-columns-9-of-12 { width: 60% !important;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li:last-child.mega-menu-row { border: none; padding: 0; margin: 0;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row::after { transition: all 0.4s ease; position: absolute;
display: block; content: ""; background: url(../images/org-arrow.svg) no-repeat 0 0; width: 35px; height: 27px; position: absolute; left: auto; right: 0; top: 50%; transform: translateY(-50%); transition: all 0.4s ease;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover span::after { transform: rotate(90deg); }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link span { transform: rotate(180deg); }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row:hover > ul.mega-sub-menu > li span.mega-menu-title{ color: var(--txt-orange);}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row:hover::after { right: 10px;}
/* #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row:hover a.mega-menu-link { color: var(--txt-orange);} */
/* #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:hover span { color: var(--txt-orange); } */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:hover > a.mega-menu-link { color: var(--txt-orange); }

.mobile-menu .ec-menu ul > li button { position:absolute; top:0px; right:0px; background:var(--bg-orange); border:0px solid var(--bg-orange); width:45px; height:48px; }
.mobile-menu .ec-menu ul > li button svg, .mobile-menu .ec-menu ul > li button span.icon-minus { display:none; }
.mobile-menu .ec-menu ul > li button span.icon-plus::before { font-family:'feather' !important; content:'\e842' !important; color:#FFFFFF; font-size:20px; cursor:pointer;  }



/* new css */
.home-banner .swiper-slide .ban-div.inn-desk-ban.no-mar {margin-right: 0; flex: 0 1 48%;}
.inner-ban.no-pd { padding: 0;}
.ban-lft-pad {padding-left: calc((100% - 1200px + 0.5rem) / 2);}
.inner-ban .ban-img.no-radius { border-radius: 0;}
.inner-ban .ban-div.inn-desk-ban.no-mar {margin-right: 0; flex: 0 1 45%;}
.start-align { align-items: flex-start;}
.facilitate-sec { float: left; width: 100%; padding: 100px 0;}
.facilitate-sec .row { width: 1300px;}
.platform-cnt-sec.facilitate-sec .data-list { padding: 0;}
.platform-cnt-sec.facilitate-sec h2 { text-align: left; font-size: 32px; line-height: 42px;}
.platform-cnt-sec.facilitate-sec .data-lft {flex: 0 1 44%; padding-left: 58px;}
.platform-cnt-sec.facilitate-sec .data-txt { flex: 0 1 50%;}
.platform-cnt-sec.facilitate-sec .data-txt h4 { float: left; width: 100%; color: #373333; font-size: 22px; line-height: 32px; font-family: var(--ff-inter-bold);}
.data-infograph { float: left; width: 100%; padding: 130px 0 0;}
.data-info { float: left; width: 100%;}
.data-info img { float: left; width: 100%;}
.data-info img.desk-info { display: block;}
.data-info img.mob-info { display: none;}

.feature-sec ul { display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 40px;} 
.feature-sec ul li { background: var(--bg-white); flex: 0 1 48%; box-shadow: 0 4px 60px rgba(7,60,125,0.06); border: 1px solid #D3D3D3; border-radius: 24px; padding: 70px 30px; 
display: flex; flex-wrap: wrap; transition: all 0.4s ease; row-gap: 30px;}
.feature-sec ul li .icon-round { width: 84px; height: 84px; border-radius: 50px; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease;}
.feature-sec ul li .feature-txt { float: left; width: 100%;}
.feature-sec ul li .feature-txt p { float: left; width: 100%; color: #000000; font-size: 22px; line-height: 30px; font-family: var(--ff-inter-medium);}
.feature-sec ul li .ico-blue, .feature-sec ul li .icobg1 { background: var(--bg-blue);} 
.feature-sec ul li .ico-org, .feature-sec ul li .icobg2 { background: var(--bg-orange);}
.feature-sec ul li .ico-lblue, .feature-sec ul li .icobg3 { background: var(--bg-lblue);}
.feature-sec ul li .ico-dblue, .feature-sec ul li .icobg4 { background: var(--bg-dblue);}
.feature-sec ul li .icon-round img { max-height: 50px;}
.feature-sec ul li .icon-round .hover-img { display: none;}
.feature-sec.salient-sec ul li:hover { background: var(--bg-blue);}
.feature-sec ul li:hover { border: 1px solid var(--bg-blue); background: rgba(7,60,125,1);
background: -moz-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,60,125,1)), color-stop(100%, rgba(9,75,155,1)));
background: -webkit-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -o-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -ms-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: linear-gradient(to bottom, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#073c7d', endColorstr='#094b9b', GradientType=0 ); }
.feature-sec ul li:hover h3 { color: var(--txt-white);} 
.feature-sec ul li:hover p { color: var(--txt-white);} 
.feature-sec ul li:hover .icon-round { background: var(--bg-white); }
.feature-sec ul li:hover .icon-round .orignal-img { display: none;}
.feature-sec ul li:hover .icon-round .hover-img { display: block;}
.feature-sec ul.three-col li {flex: 0 1 31.33%;}

.abt-care-list { float: left; width: 100%; padding-top: 85px;}
.abt-care-list ul { display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 40px;} 
.abt-care-list ul li { background: var(--bg-white); flex: 0 1 22.24%; align-content: flex-start; box-shadow: 0 4px 60px rgba(7,60,125,0.06); border: 1px solid #D3D3D3; border-radius: 24px; padding: 30px 30px 40px; 
display: flex; flex-wrap: wrap; transition: all 0.4s ease; row-gap: 30px;}
.abt-care-list ul li .icon-round { width: 84px; height: 84px; border-radius: 50px; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease;}
.abt-care-list ul li .abt-txt { float: left; width: 100%;}
.abt-care-list ul li .abt-txt p { float: left; width: 100%; color: #000000; font-size: 22px; line-height: 30px; font-family: var(--ff-inter-medium);}
.abt-care-list ul li .ico-blue, .abt-care-list ul li .icobg1 { background: var(--bg-blue);} 
.abt-care-list ul li .ico-org, .abt-care-list ul li .icobg2 { background: var(--bg-orange);}
.abt-care-list ul li .ico-lblue, .abt-care-list ul li .icobg3 { background: var(--bg-lblue);}
.abt-care-list ul li .ico-dblue, .abt-care-list ul li .icobg4 { background: var(--bg-dblue);}
.abt-care-list ul li .icon-round img { max-height: 50px;}
.abt-care-list ul li .icon-round .hover-img { display: none;}
.abt-care-list.salient-sec ul li:hover { background: var(--bg-blue);}
.abt-care-list ul li:hover { border: 1px solid var(--bg-lblue); background: rgba(7,60,125,1);
background: -moz-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,60,125,1)), color-stop(100%, rgba(9,75,155,1)));
background: -webkit-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -o-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -ms-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: linear-gradient(to bottom, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#073c7d', endColorstr='#094b9b', GradientType=0 ); }
.abt-care-list ul li:hover h3 { color: var(--txt-white);} 
.abt-care-list ul li:hover p { color: var(--txt-white);} 
.abt-care-list ul li:hover .icon-round { background: var(--bg-white); }
.abt-care-list ul li:hover .icon-round .orignal-img { display: none;}
.abt-care-list ul li:hover .icon-round .hover-img { display: block;}

.data-driven-pad.no-pd { padding: 0;}
.data-driven-pad.no-pd .data-list ul li { background: none; box-shadow: inherit; border: none; padding: 70px 0 30px;}
.data-lft .blue-dot.org-clr {background: var(--bg-orange);}
.data-lft .panel-img { position: absolute; bottom: 0; right: -200px; z-index: 1; box-shadow: 0 2px 30px rgba(0,0,0,0.12);}
.data-driven-pad.no-pd .data-lft { flex: 0 1 38%; }
.data-driven-pad.no-pd .data-txt { flex: 0 1 34%;}
.data-txt.align-lft { justify-content: left;}
.data-txt.align-lft p { text-align: left;}
.data-list ul li:nth-child(2n+2) .data-lft .panel-img { right: auto; left: -80px;}
.data-driven-pad.no-pd .data-list ul li:nth-child(2n) .data-lft { flex: 0 1 38%; }
.data-driven-pad.no-pd .data-list ul li:nth-child(2n) .data-txt { padding-left: 100px; flex: 0 1 42%;}

.data-title { float: left; width: 100%;}
.data-title h2 { float: left; width: 100%; color: #FFFFFF; font-family: var(--ff-manrope-bold); font-size: 40px; line-height: 50px;}
.platform-cnt-sec.sol-cnt-sec .data-lft { flex: 0 1 40%; }
.platform-cnt-sec.sol-cnt-sec h2 { text-align: left;}
.data-img.no-radius { border-radius: 0;}
.platform-cnt-sec.sol-cnt-sec .data-list { padding: 0;}

.modular-sec {background: var(--bg-blue); overflow: hidden; position: relative;}
.why-ecare-sec.modular-sec h2 {color: var(--txt-white);}
.why-ecare-sec.modular-sec ul { float: left; width: 100%; display: grid; grid-gap: 28px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); grid-auto-rows: auto; grid-auto-flow: dense;} 
.why-ecare-sec.modular-sec ul li { text-align: left; justify-content: left; background: var(--bg-white); box-shadow: 0 4px 60px rgba(7,60,125,0.06); border: 1px solid #D3D3D3; border-radius: 24px; padding: 30px 30px 40px; 
display: flex; flex-wrap: wrap; transition: all 0.4s ease; row-gap: 25px; align-content: flex-start; overflow: hidden;}
.why-ecare-sec.modular-sec ul li:first-child { padding: 0;}
.why-ecare-sec.modular-sec ul li:first-child .modular-txt { padding: 25px;}
.why-ecare-sec.modular-sec ul li:first-child .modular-txt h3 { font-size: 32px; line-height: 42px;}
.why-ecare-sec.modular-sec ul li:hover:first-child { background: #FFFFFF; border: 1px solid #FFFFFF;}
.why-ecare-sec.modular-sec ul li:hover:first-child h3 { color: var(--txt-orange);} 
.why-ecare-sec.modular-sec ul li:hover:first-child p { color: var(--txt-black);} 
.why-ecare-sec.modular-sec ul li:hover:first-child .modular-lst p::before { background: #00739C;}
.why-ecare-sec.modular-sec ul li.tall { grid-row: span 2;}
.why-ecare-sec.modular-sec ul li.wide { grid-column: span 1;}
.why-ecare-sec.modular-sec ul li .icon-img { float: left; width: 100%;}
.why-ecare-sec.modular-sec ul li .icon-img img { float: left; width: 100%;}
.why-ecare-sec.modular-sec ul li .icon-round { width: 48px; height: 48px; border-radius: 50px; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease;}
.why-ecare-sec.modular-sec ul li .modular-txt { float: left; width: 100%;}
.why-ecare-sec.modular-sec ul li .modular-txt h3 { float: left; width: 100%; color: #000000; font-size: 28px; line-height: 38px; font-family: var(--ff-manrope-bold); margin-bottom: 0; padding-bottom: 15px;}
.why-ecare-sec.modular-sec ul li .modular-txt p { float: left; width: 100%; color: #000000; font-size: 16px; line-height: 24px; font-family: var(--ff-inter-regular);}
.why-ecare-sec.modular-sec ul li .ico-org, .why-ecare-sec.modular-sec ul li .icobg2 { background: var(--bg-orange);} 
.why-ecare-sec.modular-sec ul li .ico-lblue, .why-ecare-sec.modular-sec ul li .icobg3 { background: var(--bg-lblue);}
.why-ecare-sec.modular-sec ul li .ico-lblue, .why-ecare-sec.modular-sec ul li .icobg4 { background: var(--bg-lblue);}
.why-ecare-sec.modular-sec ul li .ico-org, .why-ecare-sec.modular-sec ul li .icobg5 { background: var(--bg-orange);}

.why-ecare-sec.modular-sec ul li .icon-round img { max-height: 30px;}
.why-ecare-sec.modular-sec ul li .icon-round .hover-img { display: none;}
.why-ecare-sec.modular-sec ul li:hover { background: var(--bg-blue);}
.why-ecare-sec.modular-sec ul li:hover { border: 1px solid var(--bg-lblue); background: rgba(7,60,125,1);
background: -moz-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,60,125,1)), color-stop(100%, rgba(9,75,155,1)));
background: -webkit-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -o-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: -ms-linear-gradient(top, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
background: linear-gradient(to bottom, rgba(7,60,125,1) 0%, rgba(9,75,155,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#073c7d', endColorstr='#094b9b', GradientType=0 ); }
.why-ecare-sec.modular-sec ul li:hover h3 { color: var(--txt-white);} 
.why-ecare-sec.modular-sec ul li:hover p { color: var(--txt-white);} 
.why-ecare-sec.modular-sec ul li:hover .icon-round { background: var(--bg-white); }
.why-ecare-sec.modular-sec ul li:hover .icon-round .orignal-img { display: none;}
.why-ecare-sec.modular-sec ul li:hover .icon-round .hover-img { display: block;}

.modular-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px;}
.modular-lst p { padding-left: 20px; flex: 0 1 100%; position: relative;}
.modular-lst p::before { position: absolute; content: ""; top: 6px; left: 0; background: #00739C; width: 11px; height: 11px; border-radius: 25px; transition: all 0.4s ease;}
.why-ecare-sec.modular-sec ul li:hover .modular-lst p::before { background: #FFFFFF;}

.power-sec { float: left; width: 100%; background: #ffffff; padding: 70px 0;}
.power-lft {flex: 0 1 48%; position: relative;}
.power-txt { flex: 0 1 48%; display: flex; flex-wrap: wrap; row-gap: 15px; justify-content: center;}
.power-sec h2 { color: var(--txt-lblack); margin-bottom: 60px; width: 100%; font-size: 38px;}
.power-sec h2 span { color: var(--txt-orange);}
.power-sec ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 60px;}
.power-sec ul li { padding-left: 60px; flex: 0 1 100%; position: relative; font-size: 22px; line-height: 32px; color: #000000; font-family: var(--ff-inter-regular);}
.power-sec ul li::before { position: absolute; content: ""; top: 6px; left: 0; background: url("../images/tick-list.svg") no-repeat top left; width: 30px; height: 30px; transition: all 0.4s ease;}

.platform-cnt-sec.facilitate-sec .data-txt ul li {font-family: var(--ff-inter-regular);}


.deal-form .form ul li .select_box_input{ background:none; width:100%; padding:15px;border: 1px solid #D9D9D9; border-radius: 8px; color: #000000; height:50px; line-height:20px; font-size:15px; letter-spacing: normal; font-family: var(--ff-manrope-regular);}
.deal-form .form ul li .select_box_input.open { color:var(--bg-blue); border: solid 1px var(--bg-blue); }
.deal-form .form ul li .nice-select::after { right: 25px;}
.deal-form .form ul li .nice-select.open::after {border-bottom: 2px solid var(--bg-blue);border-right: 2px solid var(--bg-blue);}
.deal-form .form ul li .nice-select .list { width: 100%; border-radius: 8px; row-gap: inherit;}
.deal-form .form ul li .nice-select .list li { flex: 0 1 100%; width: 100% !important; margin: 0px 0px; font-family: var(--ff-manrope-regular); font-size:14px; padding:2px 12px !important; color: #000;}
.deal-form .form ul li .nice-select .option:hover { color: #fff; background: var(--bg-blue);}
.deal-form .form ul li .nice-select:hover::after { border-bottom: 2px solid var(--bg-blue);border-right: 2px solid var(--bg-blue);}

.wpcf7-not-valid-tip { float: left;}
.wpcf7-form.sent .wpcf7-response-output { background: #46b450;}

/*gate*/
.gated-sec {float: left;width: 100%;background: var(--bg-white);padding: 80px 0 100px 0;}
.gated-inner{float: left;width: 100%;display: flex; flex-wrap: wrap; column-gap: 0%; row-gap: 0; justify-content: space-between;}
.gated-lft{ flex: 0 1 54%;}
.gated-rgt{flex: 0 1 40%; border: 0.3px solid #000;padding: 32px; border-radius: 12px; box-shadow: 3px 10px 30px rgba(0,0,0,0.1);}
.gated-sec h2{float: left;width: 100%;font-size: 32px;line-height: 40px;font-family: var(--ff-manrope-bold);color: #333333; margin-bottom: 20px;}
.gated-sec p{float: left;width: 100%; font-family: var(--ff-inter-regular); font-size: 18px;line-height: 27px; color: #373333; margin-bottom: 20px;}
.gated-sec p:last-child{margin-bottom: 0;}
.gate-img{float: left;width: 100%; margin-top: 30px;}
.gate-img img{float: left;width: 100%;}
.gate-img .mob-info{display: none;}


.inner-ban.gate {padding-bottom: 0;}
.inner-ban.gate .ban-img{border-radius: 0;}
.inner-ban.gate .org-dot{display: none;}
.inner-ban.gate .blu-circle{display: none;}
.inner-ban.gate::after {width: 530px; height: 530px;}


/* resource page css */
.resource-sec { float: left;width: 100%;background: var(--bg-white);padding: 95px 0px; border-top: 1px solid rgba(0,0,0,0.15);}
.resource-out { width: 100%; display: flex; flex-wrap: wrap; padding: 0px 20px; }
.resource-lft { flex: 0 1 23.5%; position: relative;}
.resource-rgt { flex: 0 1 76.5%; padding-left: 120px; }
ul.res-cat-menu { width: 100%; display: flex; flex-wrap: wrap; row-gap: 25px; position: sticky; top: 90px; /* Adjust the top offset as needed */}
ul.res-cat-menu li { flex: 0 1 100%;}
ul.res-cat-menu li a { display: flex; height: 60px; align-items: center; border-radius: 12px; border: 1px solid #848282; padding: 0px 20px;
color: var(--txt-black); font-size: 24px; line-height: 28px; font-family: var(--ff-manrope-medium); transition: all 0.4s ease; }
ul.res-cat-menu li a:hover, ul.res-cat-menu li a.active { background: var(--bg-blue); color: var(--txt-white); }

ul.main-blog-lst{ width: 100%; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 25px; }
ul.main-blog-lst li { flex: 0 1 48.5%; background: #F8F8F8; border: 1px solid #DAD4D4; padding: 20px 18px 32px; border-radius: 12px; 
display: flex; flex-wrap: wrap; row-gap: 40px; overflow: hidden; }
ul.main-blog-lst li .blog-cont { flex: 0 1 100%; }
ul.main-blog-lst li .blog-cont h5 { position: relative; color: var(--txt-orange); font-size: 14px; line-height: 18px; font-family: var(--ff-manrope-medium);
text-transform: uppercase; letter-spacing: 1.2px; padding-left: 18px; margin-bottom: 18px;}
ul.main-blog-lst li .blog-cont h5::before { content: ""; position: absolute; left: 0px; top:4px; width: 12px; height: 12px; background: var(--bg-orange); border-radius: 12px; }
ul.main-blog-lst li .blog-cont h2 { color: var(--txt-black); font-size: 28px; line-height: 36px; font-family: var(--ff-manrope-sbold);margin-bottom: 18px;}
a.more-link { color: var(--txt-blue); font-size: 18px; line-height: 21px; font-family: var(--ff-inter-sbold); display: inline-flex; align-items: center; column-gap: 14px; transition: all 0.4s ease; }
a.more-link span { text-decoration: underline;}
a.more-link:hover { color:  var(--txt-orange); }

.blog-img { width: 100%; display: flex; justify-content: center; }
/* .blog-img .ban-img { position: relative; border-radius: 12px 12px 0 0; margin-bottom: 20px; position: relative;}
.blog-img .ban-img img.org-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} */

.blog-img-div { flex: 0 1 215px; position: relative; z-index: 1; margin-right: 30px; }
.blog-img-div .ban-img { border-radius: 50%; overflow: hidden; display: block;}
.blog-img-div .blu-circle { width: 200px; height: 200px; border: 1px solid var(--bg-lblue); position: absolute; right: -27px; top: 15px; border-radius: 50%; z-index: -1; }
.blog-img-div .org-dot { position: absolute; display: block; content: ""; background: var(--bg-orange); width: 23px; height: 23px; border-radius: 50px; top: 8px; right: 30px; }

.case-study-sec .resource-rgt {padding-left: 25px; }
.case-study-sec ul.main-blog-lst { row-gap: 40px; }
.case-study-sec ul.main-blog-lst li { flex: 0 1 100%; padding: 0px 0px; }
.case-study-sec ul.main-blog-lst li .blog-cont { flex: 0 1 46%; padding: 20px 40px 20px 18px;}
.case-study-sec ul.main-blog-lst li .blog-img { flex: 0 1 54%; display: flex; flex-wrap: wrap;}
.case-study-sec ul.main-blog-lst li .blog-cont h5 { margin-bottom: 40px;}
.case-study-sec ul.main-blog-lst li .blog-cont h2 { font-size: 22px; line-height: 28px; margin-bottom: 25px;}
.case-study-img { float: left; width: 100%; }
.case-study-img img{ float: left; width: 100%; height: 100%; object-fit: cover; }

.case-lst-points { width: 100%; padding: 22px 22px; background: var(--bg-blue); }
.case-lst-points ul { display: flex; flex-wrap: wrap; column-gap: 3%; }
.case-study-sec .case-lst-points ul li { display: block; flex: 1 1 31.3333%; background: none; border: none; border-radius: 0px; row-gap: 0px; }
.case-lst-points ul li .ico-div { width: 100%; height: 32px; margin-bottom: 10px; display: inline-flex;}
.case-lst-points ul li .ico-div img { width: auto;}
.case-lst-points ul li .txt-div { width: 100%; }
.case-lst-points ul li .txt-div p { color: var(--txt-white); font-size: 16px; line-height: 19px; font-family: var(--ff-inter-medium); }


/*blog details*/
.inner-ban.blog-details{background: var(--bg-white);}
.inner-ban.blog-details:after{display: none;}
.inner-ban.blog-details .ban-caption h1{color: var(--txt-black); font-size: 63px; line-height: 76px;}
.inner-ban.blog-details .ban-caption h6 a.btn-link{background: transparent; padding: 0;color: var(--txt-black); font-family: var(--ff-inter-regular); font-size: 16px; line-height: 20px; margin: 0 0 10px 0;transition: all 0.4s ease; }
.inner-ban.blog-details .ban-caption h6 a.btn-link:hover { color: var(--txt-orange);}
.inner-ban.blog-details .ban-caption h5{width: 100%; float: left; color: var(--txt-black); font-family: var(--ff-inter-medium); font-size: 18px; line-height: 22px; margin-top: 20px;}

.blog-sec{float: left;width: 100%; background: var(--bg-white); padding: 0px 0 100px 0;}
.blog-inner{width: 900px; margin: 0px auto;}
.blog-sec h3{float: left;width: 100%; color: var(--txt-black); font-size: 40px;line-height: 48px;font-family: var(--ff-manrope-bold); margin-bottom: 20px; margin-top: 15px;}
.blog-sec h4 { margin-bottom: 20px; margin-top: 20px;display: block; width: 100%; float: left;}
.blog-sec p{float: left;width: 100%; color: var(--txt-black); font-size: 16px;line-height: 28px; font-family: var(--ff-inter-regular); margin-bottom: 20px;}
.blog-sec p:last-child{margin-bottom: 0;}
.blog-sec p a { color: var(--txt-blue); text-decoration: underline;}
.blog-det-img{width: 100%;float: left;margin: 0px 0 20px;}
.caption-img{width: 100%; float: left; margin-bottom: 15px;}
.caption-img img{width: 100%; float: left;}
.caption-txt{width: 100%;float: left; padding-left: 15px; border-left: 2px solid var(--txt-black);}
.caption-txt p{width: 100%;float: left;color: var(--txt-black);font-family: var(--ff-inter-regular);font-size: 14px;line-height: 21px; margin: 0;}
.blog-sec p span{color: var(--txt-black); font-family: var(--ff-inter-sbold); font-size: 20px;line-height: 28px;}

.blog-sec ul { display: flex; flex-wrap: wrap; width: 100%; row-gap: 10px; margin: 0 0 20px 0;}
.blog-sec ul li { flex: 1 1 100%; position: relative; padding-left: 20px; line-height: 26px;}
.blog-sec ul li::after { position: absolute; display: block; content: ""; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50px; background: #000;}

.helight-txt{width: 100%;float: left; padding-left: 15px;border-left: 2px solid var(--txt-black); margin: 20px 0 35px 0;}
.helight-txt p{width: 100%;float: left;color: var(--txt-black);font-family: var(--ff-inter-regular);font-size: 20px;line-height: 30px; font-style: italic; margin: 0;}

.conclusion{width: 100%; float: left; margin-top: 30px;}  

.share-lnk{width: 100%; float: left; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 60px;}
.share-lft{flex: 0 1 auto;}
.share-lft h4{width: 100%; float: left; color: var(--txt-black); font-family: var(--ff-inter-sbold); font-size: 18px; line-height: 27px; margin-bottom: 15px;}
.share-lft ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 0;}
.share-lft ul li{flex: 0 1 auto; padding: 0;}
.share-lft ul li::after { display: none;}
.share-lft ul li a{width: 32px; height: 32px; background: #F4F4F4; border-radius: 64px; padding: 4px; display: flex;align-items: center;justify-content: center; transition: all 0.4s ease;}
.share-lft ul li a:hover{background: var(--txt-orange); color: var(--txt-white);}

.share-rgt{flex: 0 1 auto; display: flex; align-items: flex-end;}
.share-rgt ul {width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 0;}
.share-rgt ul li{flex: 0 1 auto;  padding: 0;}
.share-rgt ul li::after { display: none;}
.share-rgt ul li a{float: left; color: var(--txt-black); font-family: var(--ff-inter-sbold); font-size: 14px; line-height: 21px; padding: 5px 20px; background: #F4F4F4; transition: all 0.4s ease;}
.share-rgt ul li a:hover{background: var(--txt-orange); color: var(--txt-white);}

.related-sec{float: left;width: 100%; background: var(--bg-white); padding: 130px 0 95px 0;}
.related-sec h2 { font-size: 48px; line-height: 57px; color: var(--txt-black); font-family: var(--ff-manrope-bold); position: relative; }
.related-sec h2::after { content: ""; position: absolute; left: 0px; top:55%; transform: translateY(-50%); width: 100%; height: 1px; border-bottom: 1px solid #989696;}
.related-sec h2 span { background: var(--bg-white); padding-right: 25px; position: relative; z-index: 1; }

ul.rel-blog-lst{ width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 25px; margin-top: 60px; }
ul.rel-blog-lst li { flex: 0 1 32%; background: #F8F8F8; border: 1px solid #DAD4D4; padding: 20px 18px 32px; border-radius: 12px; 
display: flex; flex-wrap: wrap; row-gap: 40px; overflow: hidden; }
ul.rel-blog-lst li .blog-cont { flex: 0 1 100%; }
ul.rel-blog-lst li .blog-cont h5 { position: relative; color: var(--txt-orange); font-size: 14px; line-height: 18px; font-family: var(--ff-manrope-medium);
text-transform: uppercase; letter-spacing: 1.2px; padding-left: 18px; margin-bottom: 18px;}
ul.rel-blog-lst li .blog-cont h5::before { content: ""; position: absolute; left: 0px; top:4px; width: 12px; height: 12px; background: var(--bg-orange); border-radius: 12px; }
ul.rel-blog-lst li .blog-cont h3 { color: var(--txt-black); font-size: 28px; line-height: 36px; font-family: var(--ff-manrope-sbold);margin-bottom: 18px;}

/* new css */
.blog-img-div .ban-img img.dummy-img { width: 100%;}
.blog-img-div .ban-img img.org-img { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.more-blog-content { float: left; width: 100%;}

/*  ECV lite  */
.ecv-ban.inner-ban{background:var(--bg-lblue)}
.ecv-ban.inner-ban::after {border: 1px solid var(--bg-white);}
.ecv-ban.inner-ban .ban-caption h1{color: #1E2833;}
.ecv-ban.inner-ban .ban-caption p{color: #1E2833;}
.ecv-ban.inner-ban .ban-caption a:hover{background: var(--bg-white);color: var(--txt-orange);}

.pain-point{padding: 95px 0 170px;}
.pain-point.platform-cnt-sec.facilitate-sec .data-txt ul li{font-family: var(--ff-inter-medium);} 
.platform-cnt-sec.facilitate-sec.pain-point .data-lft{flex: 0 1 50%;}
.platform-cnt-sec.facilitate-sec.pain-point .data-txt {flex: 0 1 48%;} 
.pain-point.platform-cnt-sec.facilitate-sec h2{margin-bottom: 20px;font-size: 40px;line-height: 48px;}
.pain-point .data-lft p{font-size: 18px;line-height: 28px;color:var(--txt-black);}
.data-point{float: left;width: 100%;position: relative;margin-top:50px;padding-left: 50px;} 
.data-point .panel-img{right:auto;left:-50px;bottom: -50px;box-shadow: none;} 
.pain-point .data-lft .data-point .blu-circle { width: 365px; height: 365px; right: -50px; top: 0;}
.pain-point .data-lft .data-point .blue-dot { top: 12px; right: 12px;}
.pain-point .data-txt li{background: url(../images/org-wrong.svg) no-repeat 0 0;background-size: cover;}
.pain-point .data-txt p{line-height: 28px;}
.pain-point .data-txt ul li::after {background: url(../images/org-wrong.svg) no-repeat 0 0;background-size: cover;}
.data-mob-img { display: none; padding-bottom: 30px; }
.data-mob-img .panel-img { position: absolute;bottom: 0;z-index: 1;}

.why-ecv{background: #F9F9F9;padding: 95px 0 210px;}
.why-ecv .communicate-rht{padding-right: 0;flex: 0 1 50%;}
.why-ecv .communicate-lft{flex: 0 1 50%;}
.why-ecv .communicate-lft h2{color:var(--txt-black)}
.why-ecv .communicate-lft h2 span {color: var(--txt-orange);}
.why-ecv .communicate-lft p{font-size: 18px;line-height: 28px;} 
.why-ecv .communicate-lft ul{row-gap: 16px;}
.why-ecv .communicate-lft ul li{font-family: var(--ff-inter-medium); background: url(../images/tick-lblue.svg) no-repeat left 0px top 3px;padding-left: 30px;}
.why-ecv .communicate-lft a { transition: all 0.5s ease; background: var(--bg-orange); color: var(--txt-white); font-size: 18px; margin-top: 32px; font-family: var(--ff-inter-bold); padding: 18px 30px; border-radius: 30px; display: inline-block;}
.why-ecv .communicate-lft a:hover { background: var(--bg-lblue);}
.why-ecv-img{position: relative;}
.why-ecv-img .data-img{border-radius: 0;text-align: right;margin-top: 15px;}
.why-ecv-img .data-img img{width: 530px;float: right;}
.why-ecv-img .blu-circle{z-index: 0;width: 395px;height:395px;top:-45px;right: 30px;}  
.why-ecv-img .blue-dot { animation: scale-upOne 2s infinite linear; position: absolute; display: block; content: ""; background: var(--bg-lblue); width: 35px; height: 35px; border-radius: 50px; top: -15px; right: 85px; }
.blue-dot.org-clr {background: var(--bg-orange);}

.ecv-benfits{padding:0 0 50px;} 
.ecv-benfits .data-infograph{padding: 0 0 100px;margin-top: -120px;}  
.ecv-benfits .data-infograph .data-info{border: 1px solid #EAEAEA;border-radius: 12px;overflow: hidden;}
.ecv-benfits.platform-cnt-sec.facilitate-sec .data-txt{padding-right: 50px;}
.bene-img {float: left;width: 100%;margin-top: 75px;margin-left: -53px;} 
.bene-img img{float: left;width: 100%;}
.ecv-benfits .data-txt p {font-size: 18px;line-height: 28px;color: #464545;}
.ecv-benfits.platform-cnt-sec.facilitate-sec .data-txt ul li{font-family: var(--ff-inter-medium);}
.ecv-benfits .data-txt ul li::after {background: url(../images/tick-lblue.svg) no-repeat 0 0;background-size: cover;}
.ecv-benfits .data-txt h4 span{color: var(--txt-orange);}
.ben-mob-img { display: none; }
.survery-list { float: left; width: 100%; margin-top: 100px; padding: 0 50px;} 
.survery-list ul { display: flex; flex-wrap: wrap; row-gap: 45px;column-gap: 2%;}
.survery-list ul li { transition: all 0.4s ease; flex: 0 1 49%; border: 1px solid #D3D3D3; background:var(--bg-white); position: relative; padding: 32px; border-radius: 8px; overflow: hidden;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.survery-list ul li:hover { box-shadow: 0 12px 50px rgba(0,0,0,0.12);}
.survey-rht{flex: 0 1 20%;}
.survey-lft{flex: 0 1 67%;} 
.survey-lft p{font-size: 22px;line-height: 32px;font-family: var(--ff-inter-medium);}
.survey-lft p span{color: var(--txt-orange);font-family: var(--ff-inter-bold);}

.surgeon{float: left;width: 100%;padding: 50px 0 135px;} 
.surgeon-img {float: left;width: 100%;text-align: center;margin-top: 75px;display: flex;flex-wrap: wrap;justify-content: center;}
.surgeon-img h4{font-size: 24px;line-height: 32px;color: var(--txt-black); margin-bottom: 50px;font-family: var(--ff-inter-medium);}
.surgeon-img h4 span{color:var(--txt-orange) ;}
.surgeon-img img{float: left;width: 100%;max-width: 770px;}



/*-------------------------------------------------------------------------------------------------------------------------------------------*/

.inner-ban.blog-details.market-details .ban-caption { /*flex: 1 1 100%;*/ flex: 0 1 55%;}
.inner-ban.blog-details.market-details .ban-caption h1 { font-size: 52px; line-height: 60px;}

.inner-ban.blog-details.market-details.market-det-cnt .ban-caption { flex: 1 1 100%;}

.inner-ban.blog-details.market-details .ban-div .ban-img { position: relative;}
.inner-ban.blog-details.market-details .ban-div .ban-img img.dummy-img { height: 360px;}
.inner-ban.blog-details.market-details .ban-div .ban-img img.org-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

.over-list.blog-lst ul.main-blog-lst li .blog-cont a { margin-top: 15px; position: relative; bottom: auto; opacity: 1; right: auto; color: var(--txt-blue); font-family: var(--ff-manrope-medium); }
.over-list.blog-lst ul.main-blog-lst li .blog-cont a:hover { color: var(--txt-orange);}

/************solution overview css***************/
.solution-over h5 { position: relative; color: var(--txt-orange); font-size: 14px; line-height: 18px; font-family: var(--ff-manrope-medium);
  text-transform: uppercase; letter-spacing: 1.2px; padding-left: 18px; margin-bottom: 18px;}
.solution-over h5::before { content: ""; position: absolute; left: 0px; top:4px; width: 12px; height: 12px; background: var(--bg-orange); border-radius: 12px; }
.solution-over h2 { font-size: 40px; font-family: var(--ff-manrope-bold); line-height: 50px; margin-bottom: 30px;}

.solution-main { float: left; width: 100%; border-radius: 12px; overflow: hidden;}
.solution-main img { float: left; width: 100%;}

.over-list { float: left; width: 100%; margin-top: 30px;}
.over-list h3 { font-size: 28px; line-height: 38px; font-family: var(--ff-manrope-medium); margin-bottom: 30px;}

.over-list ul.main-blog-lst li { display: block; position: relative; padding-bottom: 40px;}
.over-list ul.main-blog-lst li .blog-img { overflow: hidden; border-radius: 12px 12px 0 0; margin-bottom: 20px; position: relative;}
.over-list ul.main-blog-lst li .blog-img img.org-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.over-list ul.main-blog-lst li .blog-cont p { font-size: 18px; line-height: 26px; font-family: var(--ff-manrope-medium);}
.over-list ul.main-blog-lst li .blog-cont a {  position: absolute; right: 20px; bottom: 15px; opacity: 0; transition: all 0.4s ease; color: var(--txt-orange); font-size: 16px;}
.over-list ul.main-blog-lst li .blog-cont a:hover { color: var(--txt-blue);}
.over-list ul.main-blog-lst li:hover { background: #eff6ff;}
.over-list ul.main-blog-lst li:hover .blog-cont p  { color: var(--txt-blue);}
.over-list ul.main-blog-lst li:hover .blog-cont a { opacity: 1;}


/************markets new css***************/
.markets-list { float: left; width: 100%; margin-top: 30px;}
.markets-list ul { display: flex; flex-wrap: wrap; row-gap: 60px;}
.markets-list ul li { flex: 0 1 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 5%;}
.markets-list ul li .markets-img { flex: 0 1 40%; overflow: hidden; border-radius: 12px; position: relative;}
.markets-list ul li .markets-img img.org-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.markets-list ul li .markets-cnt { flex: 0 1 53%;}
.markets-list ul li .markets-cnt p { font-size: 18px; line-height: 26px; color: var(--txt-black); font-family: var(--ff-manrope-medium); }
.markets-list ul li .markets-cnt a { color: var(--txt-blue);font-size: 18px; font-family: var(--ff-manrope-medium); margin-top: 20px; display: inline-flex;
  align-items: center; column-gap: 10px; transition: all 0.4s ease; flex-wrap: wrap;}
.markets-list ul li .markets-cnt a span { text-decoration: underline;}
.markets-list ul li .markets-cnt a:hover { color: var(--txt-orange);}
.markets-list ul li:nth-child(even) .markets-img { order: 2;}

.related-sec.related-market { padding: 0 0 100px 0;}
.related-market ul.rel-blog-lst li { row-gap: 20px; display: block;}
.related-market ul.rel-blog-lst li .markets-img { flex: 0 1 100%; overflow: hidden; border-radius: 12px; position: relative; margin-bottom: 15px;}
.related-market ul.rel-blog-lst li .markets-img img.org-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.related-market ul.rel-blog-lst li .markets-cnt { flex: 0 1 100%;}
.related-market ul.rel-blog-lst li .markets-cnt p { font-size: 18px; line-height: 26px; color: var(--txt-black); font-family: var(--ff-manrope-medium); }
.related-market ul.rel-blog-lst li .markets-cnt a { color: var(--txt-blue);font-size: 18px; font-family: var(--ff-manrope-medium); margin-top: 20px; display: inline-flex;
  align-items: center; column-gap: 10px; transition: all 0.4s ease; flex-wrap: wrap;}
.related-market ul.rel-blog-lst li .markets-cnt a span { text-decoration: underline;}
.related-market ul.rel-blog-lst li .markets-cnt a:hover { color: var(--txt-orange);}


#mega-menu-wrap-primary #mega-menu-primary { position: static !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-resource-mnu.mega-menu-item > ul.mega-sub-menu { width: 1250px; display: flex; flex-wrap: wrap;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-resource-mnu.mega-menu-item ul.mega-sub-menu  > li.mega-menu-row {  width: auto; flex: 0 1 48%;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row { position: relative;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-resource-mnu > ul.mega-sub-menu > li.mega-menu-row  > ul.mega-sub-menu { column-gap: 6% !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-resource-mnu > ul.mega-sub-menu > li.mega-menu-row  > ul.mega-sub-menu > li.mega-menu-columns-3-of-12 { width: 25% !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-resource-mnu > ul.mega-sub-menu > li.mega-menu-row  > ul.mega-sub-menu > li.mega-menu-columns-9-of-12 { width: 60% !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-resource-mnu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image { width: 90%;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-resource-mnu > ul.mega-sub-menu > li:last-child.mega-menu-row { border-bottom: 1px solid rgba(0,0,0,0.1); margin: 0 0 32px; padding: 0 0 22px 0; }