/**
 * Theme Name: Jami Partners Child Theme
 * Template:   jamipartner
 * Version: 1.0
 */
/* Global Box-sizing
------------------------------------*/
.post, .page { margin: 0; }
body { background: #fff; font-weight: 400; font-family: 'IBM Plex Sans', sans-serif; font-style: normal; font-size: 16px; line-height: 24px; color: #161816; padding: 0; margin: 0px; position: relative; }
p { font-weight: 400; font-family: 'IBM Plex Sans', sans-serif; font-style: normal; font-size: 16px; line-height: 24px; color: #161816; padding: 0; margin: 0 0 30px 0; }
ul { list-style: none; margin: 0; padding: 0; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-family: 'IBM Plex Sans', sans-serif; padding: 0; margin: 0; }
a, span, i { display: inline-block; }
a, a:hover, a:visited { text-decoration: none; }
a:focus, span:focus, button:focus, li, div, input, * { outline: none; }
img, a img { display: inline-block; max-width: 100%; height: auto; }
*, *:after, *:before { padding: 0; margin: 0; list-style: none; border: none; box-sizing: border-box; }
.clearfix:before, .gform_wrapper:before, ul:before, .clearfix:after, .gform_wrapper:after, ul:after { content: ''; display: table; }
.clearfix:after, .gform_wrapper:after, ul:after { clear: both; }
/* .clearfix, .gform_wrapper, ul { *zoom:1; } */
.defaultBtn { background-image: linear-gradient(to right, #7dba28, #0ca539); padding: 17px 20px; border-radius: 10px; font-size: 18px; font-weight: 700; line-height: 20px; color: white; text-decoration: none; transition: 0.3s; }
.defaultBtn:hover { background-image: linear-gradient(to left, #7dba28, #0ca539); }
.borderBtn { border: 1px solid #deb24d; ; padding: 0px 50px; line-height: 50px; border-radius: 0px; font-size: 16px; font-weight: 400; color: #deb24d; transition: all 0.3s ease-in; text-transform: uppercase; }
.borderBtn:hover { color: #fff; background-color: #deb24d; }
.defaultBtn + .defaultBtn { background-color: transparent; color: #fff; margin-left: 10px; ; }
.defaultBtn + .defaultBtn:hover { background-color: white; color: #04000a; }
.shadowImg img { box-shadow: -45px -45px 0px #f8f0db; }
.overflow-none { overflow: hidden; }
h2 { font-size: 32px; line-height: 33px; font-weight: 600; color: black; padding: 0; margin: 0 0 35px 0; letter-spacing: -1px; }
h2 span { font-size: 18px; line-height: 27px; text-decoration: underline; display: block; margin: 0 0 25px 0; padding: 0; }
/* .overflow-hidden { overflow: hidden; } */
/* .logo img { max-width: 190px; } */
input:focus-visible, textarea:focus-visible { outline: none; }
.header { background-color: #FDFDFD; border-bottom: 2px solid #7EBA28; /* position: fixed; left: 0; right: 0; top: 0px; z-index: 10;*/ }
.header .row.align-items-center { height: 78px; }
.header .col-10 { padding-right: 0px; }
.mainMenu>ul { display: flex; align-items: center; justify-content: flex-end; list-style: none; padding: 0; margin: 0; }
.mainMenu>ul>li { position: relative; }
.mainMenu>ul>li.menuSeprator { margin-left: 0; position: relative; }
.mainMenu>ul>li.menuSeprator:before { position: absolute; left: -1px; top: 0; content: "|"; font-size: 15px; color: black; bottom: 0; margin: auto; height: 25px; }
.mainMenu>ul>li + li { margin-left: 15px; }
.mainMenu>ul>li#productMenu { position: relative; }
.mainMenu>ul>li#productMenu i {position: absolute;right: -11px;top: 20px;font-size: 14px;}

.mainMenu>ul>li:nth-last-child(2), .mainMenu>ul>li:nth-last-child(3) { margin-left: 0px; }
.mainMenu>ul>li a { text-decoration: none; color: black; padding: 10px 15px; display: block; font-weight: 400; font-size: 18px; line-height: 32px; position: relative; }
.mainMenu>ul>li a i { position: absolute; right: -8px; bottom: 0; margin: auto; top: 0; height: 12px; font-size: 14px; }
.mainMenu>ul>li:last-child a { background-image: linear-gradient(to right, #7dba28, #0ca539); border-radius: 8px; color: white; font-size: 20px; line-height: 20px; font-weight: 700; }
/* .mainMenu>ul>li a.active { background-image: linear-gradient(to right, #7dba28, #0ca539); color: transparent; background-clip: text; } */
.mainMenu ul li.active > a { font-weight: 700; }
.mainMenu>ul>li:first-child { margin-left: 90px; position: relative; }
.mainMenu>ul>li:first-child i { position: absolute; right: -11px; top: 20px; font-size: 14px; }
.mainMenu>ul>li:last-child { margin-left: auto; }
.no-scroll { overflow: hidden; }


/* Sub Menu Styling */
.subMenu { width: 100%; position: absolute; left: 0; top: 75px; background-color: #F5F5F5; z-index: 5; border-radius: 0 0 30px 30px; display: none; height: 270px; border-top: 2px solid #7EBA28; }
#productList.subMenu { height: 170px; }
.subMenu a.closeMenuBtn { display: none; }
/* .subMenu>.container>.row {height: 270px;} */
.subMenu h3 {font-size: 24px;font-weight: 700;color: #161816;text-transform: uppercase;padding: 0;margin: 0 0 10px 0;} 
.subMenu .menuLeftInfo p { font-size: 16px; font-weight: 400; color: #161816; text-transform: uppercase; padding: 0; margin: 0px;   } 
.subMenu h4 {font-size: 16px;font-weight: 600;color: #161816;padding: 0;margin: 0 0 22px 0;}
.subMenu h4 img {position: relative; left: -10px; opacity: 0; transition: 0.3s;}
.subMenu h4:hover img { opacity: 1; left: 5px; }
.subMenu h4 a { color: #161816; }
.subMenu ul {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.subMenu ul li {flex: 50%;padding: 0;margin: 0 0 10px 0; font-size: 16px;}
.subMenu ul li a { font-size: 16px; font-weight: 400; color: #161816; letter-spacing: -0.5px; display: inline-block; position: relative;  transition: 0.3s; }
.subMenu ul li a img { position: absolute; right: 10px; top: 6px; opacity: 0; visibility: hidden; transition: 0.3s;  }
.subMenu ul li a:hover { font-weight: 600; }
.subMenu ul li:hover a img { opacity: 1; visibility: visible; right: -15px; }

/* .subMenu ul li a:before { position: absolute; content: ''; height: 1px; width: 0; left: 0; bottom: 0; background-image: linear-gradient(to right, #7dba28, #0ca539); transition: 0.3s; }
.subMenu ul li a:hover:before { width: 90%; } */
#servicesMenu:hover .subMenu { opacity: 1; transform: translateY(0px); }
.productDropdownList p { font-size: 16px; letter-spacing: -0.5px; }
.innerPad0 [class^="col-sm-"] { padding-left: 0px; padding-right: 0px; }
.menuLeftInfo { padding-top: 100px; position: relative; }
.menuLeftInfo:before { width: 1px; height: 270px; position: absolute; right: 15px; top: 0; content: ''; background-color: #e0e0e0; }
.topMenu { padding-top: 50px; }
.productDropdownList.topList { padding-top: 50px;}
.productDropdownList h4 { margin-bottom: 14px; }
.productDropdownList h4 img { position: relative; left: -10px; opacity: 0; transition: 0.3s; }
.productDropdownList p { line-height: 20px; }

.productDropdownList:hover h4 img { opacity: 1; left: 5px; }

/* Sub Menu Styling */
.bannerSlider.slick-slider.slick-dotted { margin: 0; }
.bannerSlider .slick-dots { width: 1472px; left: 25px; right: 0; margin: auto; display: flex; bottom: 100px; }
.bannerSlider .slick-dots li { width: auto; height: auto; }
.bannerSlider .slick-dots li button {width:12px;height:12px;padding: 0px; background: #D1D3E4; border-radius: 25px;     transition: 0.3s; }
.bannerSlider .slick-dots li button::before { display: none;}
.bannerSlider .slick-dots li.slick-active button { width: 32px;  background-image: linear-gradient(to right, #7dba28, #0ca539); }
.bannerSec { background: url(assets/images/banners/banner-home01.jpg) right top no-repeat; background-size: cover; position: relative; }
.bannerSec:before { position: absolute; left: 0; top: 0; content: ''; width: 48%; height: 100%; background: linear-gradient(to right, rgb(0 0 0) 0%, rgb(0 0 0 / 85%) 50%, rgb(0 0 0 / 0%) 98%, rgba(0, 0, 0, 0) 100%); }
.bannerSec .row.align-items-center { min-height: 700px; }
.bannerSec .banInfo { position: relative; z-index: 10; padding: 0px 0 0 0px; letter-spacing: -0.5px; margin-top: -70px; }
.bannerSec .banInfo h1 { font: normal 600 64px/67px 'IBM Plex Sans', sans-serif; color: white;  padding: 0; margin: 0 0 20px 0; }
.bannerSec .banInfo p { font: normal 400 22px/30px 'IBM Plex Sans', sans-serif; color: white; padding: 0 100px 0 0; margin: 0; letter-spacing: 0.2px; }
.bannerTwo { background-image: url(assets/images/banners/banner-home02.jpg); }
.bannerThree { background-image: url(assets/images/banners/banner-home03.jpg); }

.breadCrum { margin-top: -25px; }
.breadCrum ul { display: flex; justify-content: flex-start; align-items: center; }
.breadCrum ul li + li { margin-left: 20px; padding-left: 20px; position: relative; }
.breadCrum ul li + li:before { position: absolute; content: "\f054"; font-family: 'Font Awesome 5 Pro'; color: white; left: 0; top: 0; font-size: 12px; line-height: 28px; }
.breadCrum ul li a { font-size: 16px; font-weight: 400; color: #F5F5F5; padding: 0; margin: 0; }
.breadCrum.black ul li a { color: #1e1e1e; }
.breadCrum.black ul li + li:before { color: #1e1e1e; }

.banBtn { margin-top: 25px; }
.banBtn a { background-image: linear-gradient(to right, #7dba28, #0ca539); padding: 17px 25px; border-radius: 10px; font-size: 18px; font-weight: 700; line-height: 20px; color: white; text-decoration: none; transition: 0.3s; }
.banBtn a + a { padding: 17px 25px; border-radius: 10px; font-size: 18px; font-weight: 700; line-height: 20px; color: white; background: transparent; transition: 0.3s; }
.banBtn a + a:hover { background-image: linear-gradient(to right, #7dba28, #0ca539);text-decoration: none;}

.banBotSec {}
.banBotSec h2 { text-transform: none; max-width: 75%; margin: auto;  padding:  100px 0px 60px; }
.banBotSec h2 span { font-size: 20px; font-weight: 400; text-decoration: none; padding: 20px 140px 0; color: #161816CC; } 

.banBotbox { background-color: #F5F5F5; border-radius: 24px; padding: 32px 40px; margin-bottom: 100px; min-height: 410px; transition: 0.5s; position: relative; }
.banBotbox h4 { font-size: 32px; font-weight: 700; color: #1E1E1E; padding: 24px 0 30px 0; }
.banBotbox p { font-size: 20px; font-weight: 400; color: #494949; margin: 0; padding: 0; }
.banBotbox a { font-size: 14px; font-weight: 500; color: #1E1E1E; text-transform: uppercase; position: absolute; left: 40px; bottom: 32px; }

.banBotbox.boxOne:hover {background: radial-gradient(193.85% 151.02% at 131.35% 182.68%, rgba(83, 177, 253, 0.15) 0%, rgba(83, 177, 253, 0.00) 100%), radial-gradient(191.13% 162.08% at -17.81% -47.21%, rgba(83, 177, 253, 0.20) 0%, rgba(83, 177, 253, 0.00) 100%), linear-gradient(0deg, rgba(30, 30, 30, 0.20) 0%, rgba(30, 30, 30, 0.20) 100%), rgba(30, 30, 30, 0.95);
background-blend-mode: normal, plus-lighter, normal, normal;}
.banBotbox i { opacity: 1; }
.banBotbox i.hoverIcon { opacity: 0; left: 40px; top: 30px; position: absolute; transition: 0.3s; }

.banBotbox:hover i { opacity: 0; }
.banBotbox:hover i.hoverIcon { opacity: 1; }

.banBotbox.boxOne:hover h4 { background: linear-gradient(90deg, #53B1FD 0.23%, #1570EF 79.17%); color: transparent; background-clip: text; }
.banBotbox:hover p, .banBotbox:hover a, .banBotbox:hover a i { color: #FDFDFDCC; opacity: 1; }


.banBotbox.boxtwo:hover {background: radial-gradient(193.85% 151.02% at 131.35% 182.68%, rgba(247, 144, 9, 0.15) 0%, rgba(247, 144, 9, 0.00) 100%), radial-gradient(191.13% 162.08% at -17.81% -47.21%, rgba(247, 144, 9, 0.20) 0%, rgba(247, 144, 9, 0.00) 100%), linear-gradient(0deg, rgba(30, 30, 30, 0.20) 0%, rgba(30, 30, 30, 0.20) 100%), rgba(30, 30, 30, 0.95); background-blend-mode: normal, plus-lighter, normal, normal;}

.banBotbox.boxtwo:hover h4 {background: linear-gradient(90deg, #F79009 0.23%, #DC6803 79.17%); color: transparent; background-clip: text; }
.banBotbox.boxtwo i.hoverIcon { top: 33px; }
.banBotbox.boxThree:hover {background: radial-gradient(193.85% 151.02% at 131.35% 182.68%, rgba(158, 119, 237, 0.15) 0%, rgba(158, 119, 237, 0.00) 100%), radial-gradient(191.13% 162.08% at -17.81% -47.21%, rgba(158, 119, 237, 0.20) 0%, rgba(158, 119, 237, 0.00) 100%), linear-gradient(0deg, rgba(30, 30, 30, 0.20) 0%, rgba(30, 30, 30, 0.20) 100%), rgba(30, 30, 30, 0.95); background-blend-mode: normal, plus-lighter, normal, normal;}

.banBotbox.boxThree:hover h4 { background: linear-gradient(90deg, #9E77ED 0.23%, #6941C6 79.17%); color:  transparent; background-clip: text;}
.banBotbox.boxThree i.hoverIcon { top: 34px; }

.buildTogetherSec { background: linear-gradient(to right, rgba(40, 54, 64, 1) 0%, rgba(25, 25, 24, 1) 100%); padding: 100px 0px 76px;  overflow: hidden; }
.buildTogetherSec .buildTogetherInfo h3 { background-image: linear-gradient(to right, #7dba28, #0ca539); color: transparent; background-clip: text; font: normal 700 32px / 38px 'IBM Plex Sans', serif; padding: 0; margin: 0 0 25px 0; }
.buildTogetherSec .buildTogetherInfo p { font: normal 400 19px / 140% 'IBM Plex Sans'; color: white; max-width: 440px; margin-bottom: 170px; }
.partnerSec { background-color: #f9f9f9; padding: 50px 0px; }
.botForm { margin-left: 60px; } 
.field { background-color: white; border-radius: 8px; border: 1px solid black; padding: 15px 20px 10px; margin-bottom: 15px; }
.field:last-child { margin-bottom: 0; }
.field p { margin: 0px; padding: 0; font-size: 14px; color: black; font-weight: 500; }
.field input[type="text"], .field input[type="email"], .field select { border: 0; width: 100%; font-family: 'IBM Plex Sans'; font-size: 18px; color: #1e1e1e; }
.field input[type="text"]::placeholder, .field input[type="email"]::placeholder { color: #1E1E1E66; font-size: 18px; font-weight: 400; } 
.field.textarea { height: 100%; }
.field textarea { border: 0; width: 100%; border-radius: 5px; padding: 0px; height: 90%; resize: none; font-size: 18px; color: #1e1e1e;  font-family: 'IBM Plex Sans'; }
.submit input[type="submit"], .submit button[type="submit"]
{ display: block; width: 100%; background-color: white; text-align: left; padding: 18px 15px; border-radius: 5px; border: 0; box-shadow: none; font-weight: 700; font-size: 16px; color: #0ca539; text-transform: uppercase; cursor: pointer; }
.submit { margin-top: 30px; display: flex; align-items: center;  }
.submit p { margin-bottom: 0; }
.submit span.iconBtn { width: 295px; position: relative; }
.submit span.iconBtn i { position: absolute; right: 20px; top: 22px; color: #0ca539; font-size: 16px; }
#partnerForm .submit span.iconBtn i { top: 23px; }
.submitInfo { margin-top: 28px; }
.submitInfo p { font-size: 14px; font-weight: 400; color: white; max-width: 60%; line-height: 19px; margin: 0;  }
.field p span.wpcf7-form-control-wrap { display: block; }
.slick-prev, .slick-next { background-color: black; top: inherit; bottom: -50px; }
.slick-prev { left: 25px; }
.slick-next { right: 25px; }
.footer { background-color: #1e1e1e; padding: 50px 0; }
.footer h4 {background-image: linear-gradient(to right, #7dba28, #0ca539);color: transparent;background-clip: text;font: normal 700 16px / 120% 'IBM Plex Sans', serif;margin-bottom: 15px;}
.footer h4>i { display: none; }
.footer .fotLinks ul { padding: 0px; margin: 0; }
.footer .fotLinks ul li { list-style: none; padding: 5px 0; }
.footer .fotLinks ul li a {font-size: 16px;font-weight: 400;color: #FDFDFD;text-decoration: none; letter-spacing: -2.5%; }
.fotLinks.halfLi { display: flex; align-items: flex-start; justify-content: flex-start; margin-bottom: 40px; }
.fotLinks.halfLi ul { width: 50%; }
footer.footer .col-5 { padding-left: 110px; position: relative; }
footer.footer .col-5:before { content: ''; position: absolute; left: 50px; top: 0; bottom: 0; width: 2px; background-color: white; }
.footer hr { background-image: linear-gradient(to right, #7dba28, #0ca539); height: 2px; border: 0px; display: block; margin: 50px 0;   }
.footer .fotBorArea { padding-left: 80px; margin-left: 50px; border-left: 2px solid #FDFDFD;}

.borLeft { border-left: 2px solid white; }
.pl-60 { padding-left: 60px; }
.linerBg { background-color: #e5e5f7; opacity: 0.8; background: repeating-linear-gradient( 45deg, #444cf7, #444cf7 2px, #e5e5f7 2px, #e5e5f7 10px ); height: 500px; }
.banFormBg { background-color: white; border-radius: 8px; width: 550px; display: flex; justify-content: center; align-items: center; margin-top: 40px; }
.banFormBg input[type="text"] { width: 60%; background: transparent; border: 0; padding: 0 0 0 25px; height: 54px; font-size: 18px; font-weight: 500; }
.banFormBg input[type="text"]::placeholder, .field textarea::placeholder { color: #1E1E1E66;}
.banFormBg input[type="submit"] { margin-left: auto; background: linear-gradient(90deg, #7EBA28 0.23%, #0CA539 79.17%); border: 0; font: normal 700 18px / 22px 'IBM Plex Sans', sans-serif; color: white; height: 55px; border-radius: 0 8px 8px 0; cursor: pointer; padding: 0 15px; }
.counterSec { padding: 75px 0 95px 10px;     background-color: #F5F5F5; }
.counterArea { padding-left: 45px; }
.counterSec h3 { font: normal 500 32px/33px 'IBM Plex Sans', sans-serif; padding: 0px; margin: 15px 0 34px 0; text-transform: uppercase; }
.counterSec h3 span { font-weight: 600; }
.counterSec p { font-size: 22px; line-height: 33px; font-weight: 400; margin: 0; padding: 0 50px 0 0; }
.counterSec hr { margin: 45px 0 20px 0; background: linear-gradient(to right, rgb(64 64 64) 0%, rgb(0 0 0 / 50%) 50%, rgb(0 0 0 / 0%) 98%, rgba(0, 0, 0, 0) 100%); border: none; height: 1.5px; }
.counterSec h6 { font-size: 18px; line-height: 27px; font-weight: 400; font-style: italic; padding: 0 0 0 40px; margin: 0; position: relative; }
.counterSec h6::before { width: 20px; height: 18px; position: absolute; left: 0; top: 2px; content: ''; background: url(assets/images/chat_icon.svg) left top no-repeat; }
.counterArea .count ul { display: flex; justify-content: space-between; align-items: center; list-style: none; }
.counterArea .count ul li { width: 33.333%; }
.counterArea .count ul li h3 { font-size: 64px; font-weight: 700; line-height: 74px; padding: 0; margin: 0 0 10px 0; background: #0CA539; background: linear-gradient(to right, #7EBA28 0%, #0CA539 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.counterArea .count ul li p { font-size: 18px; font-weight: 400; line-height: 27px; padding: 0; margin: 0; }
.counterInfo p { padding: 0; margin: 0 0 25px 0; }
.counterInfo a { font-size: 18px; font-weight: 400; line-height: 20px; color: black; text-decoration: underline; }
.counterInfo h4 { margin: 48px 0 20px 0; font-size: 18px; font-weight: 700; line-height: 27px; text-decoration: underline; }
.globalNetwordSec { padding: 100px 0px 50px; overflow: hidden; }
.globelInfo { padding-left: 0; }
.globelInfo p { font-size: 22px; line-height: 33px; font-weight: 400; color: #161816; margin: 0 70px 50px 0; }
.globelInfo a { background-image: linear-gradient(to right, #7dba28, #0ca539); padding: 17px 20px; border-radius: 10px; font-size: 18px; font-weight: 700; line-height: 20px; color: white; text-decoration: none; transition: 0.3s; }
.globelInfo a + a { color: #1e1e1e; background: #F5F5F5; margin-left: 20px; border: 2px solid transparent; }
/* .globelInfo a + a:hover { border: 2px solid #0ca539; } */
.scale-section { width: 100%; background-color: black; transition: transform 0.3s ease-out; transform: scale(0.3); border-radius: 24px; padding-top: 87px; height: 850px; }
.scale-section .headArea { padding-bottom: 95px; }
.scale-section .headArea h2 { font-size: 64px; line-height: 67px; color: white; margin-bottom: 22px; }
.scale-section .headArea h2 span { color: white; text-transform: capitalize; letter-spacing: -0.3px; }
.scale-section .headArea h2 strong { background: #0CA539; background: linear-gradient(to right, #7EBA28 0%, #0CA539 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#dynamic-heading.hover-precision { background: none;-webkit-text-fill-color: #53B1FD; color: #53B1FD; }
#dynamic-heading.hover-seamlessness { background: none;-webkit-text-fill-color: #F79009; color: #F79009; }
#dynamic-heading.hover-expertise { background: none;-webkit-text-fill-color: #9E77ED; color: #9E77ED; }
.scale-section .headArea p{font-size: 32px;font-weight:700;line-height:120%;color:#F5F5F5;padding: 0px; margin: 0px; }
.animatedBox { height: 360px; background: transparent; padding: 32px 45px; border-radius: 12px; transition: 0.3s; }
.animatedBox h4 { font-size: 32px; line-height: 38px; font-weight: 700; padding: 0px; margin: 18px 0px; color: white; }
.animatedBox i { display: block; }
.animatedBox i svg path { stroke: white; transition: 0.3s; }
.animatedBox p { font-size: 20px; font-weight: 400; line-height: 24px; color: #FDFDFDCC; padding: 0px; margin: 0 0 35px 0; transform: translateY(20px); opacity: 0; transition: 0.3s; }
.animatedBox a { font-size: 14px; font-weight: 500; line-height: 16px; color: #F5F5F5CC; padding: 0px; margin: 0; transform: translateY(20px); opacity: 0; transition: 0.3s; transition-delay: 0.2s; }
.animatedBox a img { margin-left: 15px; }
.animatedBox:hover { /* Permalink - use to edit this gradient: https://colorzilla.com/gradient-editor/#303824+0,25291f+100&1+0,0+100 */ background: linear-gradient(135deg, rgba(48,56,36,1) 0%,rgba(37,41,31,0) 100%); }
.animatedBox.hoverPrecision:hover i svg path, .animatedBox.hoverPrecision:hover h4 {color: #53B1FD; stroke: #53B1FD; }
.animatedBox.hoverPrecision:hover { background: linear-gradient(135deg, #2196f352 0%, rgba(37, 41, 31, 0) 100%); }
.animatedBox.hoverSeamless:hover { background: linear-gradient(135deg, #f7900940 0%, rgba(37, 41, 31, 0) 100%); }
.animatedBox.hoverSeamless:hover i svg path, .animatedBox.hoverSeamless:hover h4 {color: #F79009; stroke: #F79009;}
.animatedBox.hoverExpertise:hover { background: linear-gradient(135deg, #9e77ed50 0%, rgba(37, 41, 31, 0) 100%); }
.animatedBox.hoverExpertise:hover i svg path,
.animatedBox.hoverExpertise:hover h4 { color: #9E77ED; stroke: #9E77ED; }
.animatedBox:hover i svg path { stroke: #7EBA28; }
.animatedBox:hover p, .animatedBox:hover a { transform: translateY(0px); opacity: 1; }
.gientSec { padding: 100px 0px 80px; background: #f5f5f5b0 url(assets/images/globe-map.png) center top no-repeat; }
.logoSlider { padding-top: 50px; }
ul.giendTopLogos { margin-bottom: 50px; }
ul.giendTopLogos .slick-track { display: flex; justify-content: center; align-items: center; text-align: center; }
ul.giendTopLogos .slick-track li { max-width: 200px; margin: 0 30px; }
ul.giendTopLogos .slick-track li img { margin: auto; max-height: 50px; width: auto; }


/* For Equal Space */
.giendTopLogos li {
    height: 100px;
    padding: 0 30px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.giendTopLogos li img {
    width: 200px;
    height: 70px;
    object-fit: contain;
}
/* For Equal Space */


.halfSec { overflow: hidden; }
.halfSec.home { background: url(assets/images/team-sec-bg.png) left top repeat; background-size: cover; }
.halfSec .container-fluid { padding-left: 0px; padding-right: 0px; }
.imgArea { background: url(assets/images/home-half-img.jpg) right -35px top no-repeat; background-size: auto 100%; height: 520px; }
.leftContectArea { width: 600px; float: right; margin-right: 103px; display: flex; height: 100%; align-items: flex-start; padding-top: 70px;  }
.leftContectArea h2 { padding-right: 100px; }
.leftContectArea h2 span { font-size: 18px; font-weight: 700; line-height: 27px;  }
.leftContectArea p { font-size: 19px; line-height: 25px; font-weight: 500;  margin-bottom: 45px; }
.leftContectArea a { background-image: linear-gradient(to right, #7dba28, #0ca539); padding: 17px 25px; border-radius: 10px; font-size: 18px; font-weight: 700; line-height: 20px; color: white; text-decoration: none; transition: 0.3s; }
.leftContectArea a i { margin-left: 8px; }
.leftContectArea a + a { color: #1e1e1e; background: #F5F5F5; margin-left: 20px; font-weight: 500; }

.postlist h2 { margin-bottom: 50px; text-transform: capitalize; }
/* .home .postlist h2 { text-transform: inherit; }  */

.postlist { padding-top: 100px; padding-bottom: 50px; }
.postlist h6 { font-size: 22px; font-weight: 400; line-height: 26px; color: #1E1E1ECC; padding: 0 100px 0 0; margin: 0; text-align: right;  }
.postImgArea { position: relative;} 
.postImgArea img { width: 100%; border-radius: 15px 15px 0 0; height: 280px; }
.postImgArea h6 { font-size: 16px; line-height: 24px; font-weight: 700; color:#F5F5F5; position: absolute; left: 30px; top: 30px; text-transform: uppercase; text-align: left; }
.post-single-list { margin-bottom: 50px; border: 1px solid #dbdbdb; border-radius: 15px; }
.postInfo { padding: 0 10px 0 20px; height: 320px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; }
.postlist .postInfo h4 { padding: 25px 0; margin: 0px; font-size: 24px; font-weight: 600; line-height: 120%; color: #1E1E1E; min-height: 110px;  } 
.postlist .postInfo p {  padding: 0; margin: 0 0 15px 0; font-size: 19px; font-weight: 400; line-height: 120%; color: #1e1e1ed9; min-height: 137px; } 
.postlist .postInfo a { padding: 0; margin: 0 0 30px 0; font-size: 14px; font-weight: 500; line-height: 30px; color: #1e1e1ed9; text-transform: uppercase; transition: 0.3s; position: relative; }  
.postlist .postInfo a:before { position: absolute; left: 0; bottom: 0px; width: 100%; height: 1px; content: ''; background-color: black; }
.postlist .postInfo a i { display: inline-block; margin-left: 12px; }
.postlist .postInfo a:hover { color: #0CA539; }
.postlist .postInfo a:hover:before  { background-color: #0CA539; }

.postlist .slick-prev, .postlist .slick-next { background-color: transparent; bottom: inherit; top: -70px; }
.postlist .slick-prev:before, .postlist .slick-next:before { display: none;}
.postlist .slick-prev { left: inherit; right: 60px; }

.postSliderSec .slick-prev, .postSliderSec .slick-next { background: transparent; }
.postSliderSec .slick-prev:before, .postSliderSec .slick-next:before { display: none; }
.postSliderSec .slick-prev {bottom: inherit;top: -53px;left: 1380px;}
.postSliderSec .slick-next {bottom: inherit;top: -53px;left: 1420px;right: inherit;}
.postSliderSec h4 {padding-right: 100px;}


.challengeArea { background: url(assets/images/challenge-bg.png) center top no-repeat; background-size: cover; height: 545px; border-radius: 10px; padding: 65px 55px 55px 70px;  }
.challengeArea .challengeInfo { max-width: 500px; }
.challengeArea h3 { padding: 0; margin: 0 0 25px 0; font-size: 64px; font-weight: 700; line-height: 67px; color: #1E1E1E; }
.challengeArea p { font-size: 19px; font-weight: 400; line-height: 22px; padding: 0 50px 0 4px; margin: 0 0 45px 0; }
.challengeArea a { background-image: linear-gradient(to right, #7dba28, #0ca539); padding: 15px 23px; border-radius: 10px; font-size: 18px; font-weight: 700; line-height: 20px; color: white; text-decoration: none; transition: 0.3s; margin-left: 5px; }

.botForm .submit button[type="submit"] { display: flex; align-items: center; width: 295px; cursor: pointer; }
.botForm .submit button[type="submit"] i { margin-left: auto;}
.botForm .submit p { font-size: 14px; font-weight: 400; line-height: 19px; color: #FDFDFDCC; margin: 0; padding: 0; }
.botForm .submit p a { color: #FDFDFDCC; text-decoration: underline; transition: 0.3s; font-weight: 700; }
.botForm .submit p a:hover { color: #7dba28; }
.copySec p { font-size: 14px; font-weight: 500; line-height: 19px; color: #FDFDFD; padding: 0px; margin: 0; }
.copySec p a { padding-left: 20px; margin-left: 20px; border-left: 1px solid #FDFDFD; color: #FDFDFD; transition: 0.3s; }
.copySec p a:hover { color: #7dba28; }
.privacyLinks { text-align: right; }
.privacyLinks a {  color: #FDFDFD; font-size: 14px; line-height: 19px; text-decoration: underline; transition: 0.3s; }
.privacyLinks a + a { margin-left: 48px; }
.privacyLinks a:hover {  color: #7dba28; }

.ctaSec { margin: 50px 0 0;}
.ctaSec h4 { font-size: 30px; font-weight: 700; }
.ctaSec .align-items-center { min-height: 164px; background: url(assets/images/cta-bg.png) center top no-repeat; padding-left: 50px; padding-right: 50px; border: 1px solid #D4D4D4; border-radius: 12px; }
.ctaSec .align-items-center { margin-right: 0px; margin-left: 0; }
.ctaSec .align-items-center a { background-image: linear-gradient(to right, #7dba28, #0ca539); padding: 17px 25px; border-radius: 10px; font-size: 18px; font-weight: 700; line-height: 20px; color: white; text-decoration: none; transition: 0.3s; }
.ctaSec .align-items-center a i { margin-left: 8px; }

.blackSec { background-color: #121519; padding: 100px 0 70px; }
.blackSec h2 { font-size: 32px; font-weight: 700; color: white;  padding: 0px; margin: 0 0 45px 0;  }
.blackSec h2 span { font-size: 18px; font-weight: 700; color: white; padding: 0 0 25px; margin: 0; display: block; }
.featuredServImg { position: relative; margin-bottom: 30px; border: 1px solid black; border-radius: 12px;  transition: 0.3s; overflow: hidden; }

.blackSec .col-sm-8 .featuredServImg>img, .blackSec .col-sm-4 .featuredServImg>img { width: 100%; height: 330px; object-fit: cover; }
.blackSec .col-sm-4 .featuredServImg>img { height: 209px; }




.featuredServImg::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); opacity: 0; /* Start hidden */ transition: opacity 0.3s ease;  /* Animate opacity */ }
.featuredServImg:hover { border-bottom: 1px solid;
border-image: linear-gradient(to bottom, black, white) 1;} 
/* .featuredServImg:hover .contArea h3 br { display: none; } */
.featuredServImg:hover::before { opacity: 1; /* Fade in */ }

.featuredServImg .contArea {position: absolute;left: 20px;right: 20px;bottom: 20px;}
.featuredServImg .contArea h3 {color: #F5F5F5;font-size: 32px; font-weight: 700;}
.featuredServImg .contArea p {color: #F5F5F5;height: 0;opacity: 0;transition: opacity 0.3s ease;margin: 0;font-size: 20px;}
.featuredServImg .contArea a {color: #F5F5F5; height: 0; opacity: 0; padding-bottom: 10px; margin-left: -10px; transition: 0.3s; }
.featuredServImg .contArea a img { filter: invert(1); width: 20px; margin-left: 10px; }
.featuredServImg:hover .contArea a { opacity: 1;  margin-left: 5px; }
/* .featuredServImg:hover .contArea p, .featuredServImg:hover .contArea a { height: auto; opacity: 1; }  */

/* Mobile Menu Styling */
.mobLogo { display: none; }
#nav-icon4 {width: 24px;height: 22px;position: absolute;margin: 0px auto;-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;display: none;right: 0;top: 0; bottom: 0; margin: auto; }
#nav-icon4 span {display: block;position: absolute;height: 2px;width: 100%;background: #0ca539;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;}
#nav-icon4 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;}
#nav-icon4 span:nth-child(2) {top: 8px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4 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;}
#nav-icon4.open span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 6px;left: 8px;}
#nav-icon4.open span:nth-child(2) { width: 0%; opacity: 0;}
#nav-icon4.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 30px;left: 8px;}
/* Mobile Menu Styling */


.servBanner { background-position: right top; background-repeat: no-repeat; background-size: cover; position: relative; background-color: #010101; }
.servBanner.righBg { background-position: right top; position: relative; }
.servBanner .row.align-items-center { min-height: 550px; }
.servBanner .servBanInfo h3 { font-size: 48px; font-weight: 600; line-height: 50px; padding: 0px; margin: 0 0 20px 0; }
.servBanner .servBanInfo h3 span { font-size: 18px; font-weight: 400; display: block; margin-bottom: 10px; }
.servBanner .servBanInfo p { font-size: 22px; font-weight: 400; display: block; line-height: 30px; padding-right: 80px; }

.touchLessInfo .row.align-items-center { min-height: 650px;     position: relative; }
.bannerInfo { border-radius: 0 40px 40px 0; position: absolute; left: 0; bottom: 80px; width: 590px; height: 225px; padding: 38px 0 0 65px;
  background: linear-gradient(90deg, #4D4D4D 0%, #1E1E1E 100%),
radial-gradient(73.5% 74.93% at -8.55% -59.42%, #1E1E1E 0%, rgba(30, 30, 30, 0) 100%); }

.whiteBreadCrum {}
.whiteBreadCrum ul { display: flex; justify-content: flex-start; align-items: center; padding: 30px 0; }
.whiteBreadCrum ul li img {  filter: brightness(0); }
.whiteBreadCrum ul li a { font-size: 16px; font-weight: 400; color: #1E1E1E; padding: 0; margin: 0; }
.whiteBreadCrum ul li + li { margin-left: 20px; padding-left: 20px; position: relative; }
.whiteBreadCrum ul li + li:before { position: absolute; content: "\f054"; font-family: 'Font Awesome 5 Pro'; color: #1E1E1E; left: 0; top: 0; font-size: 12px; line-height: 28px; font-weight: 700; }
.whiteBreadCrum ul li.active a { font-weight: 700; }

.bannerInfo h6 {font-size: 20px;font-weight: 600;color: white;padding: 0 0 0 130px;margin: 0 0 6px 0;}
.bannerInfo h4 { font-size: 32px;font-weight: 900;color: white;padding: 0;margin: 0; }
.bannerInfo p { padding: 0 0 0 130px; font-size: 16px; font-weight: 500; color: white; margin: 0; }
.bannerInfo p i { color: #7EBA28;}

.bannerInfo.pms { padding-top: 55px; }
.bannerInfo.pms i { font-style: inherit; }
.bannerInfo.pms h6 {padding: 0;font-size: 24px;}
.bannerInfo.pms h4 { margin-bottom: 6px; }
.bannerInfo.pms p {padding: 0;font-size: 22px;}


 .servTabInfo { padding: 100px 0px; }
.servTabList { background-color: #f6f5f6; /* position: sticky; top: 0; z-index: 1; */ }
.servTabList ul { display: flex; justify-content: space-between; align-items: center; }
.servTabList ul li + li { margin-left: 2px;}
.servTabList ul li a { padding: 17px 10px; font-size: 18px; line-height: 25px; color: #1E1E1E; /* min-width: 245px; */ text-align: center;  }
.servTabList ul li a.active, .servTabList ul li a:hover { background-color: #1E1E1E; color: #0CA539; font-weight: 700; }


.servBox { text-align: center; max-width: 90%; margin: 60px auto 0; }
.servBox i { margin: 0; }
.servBox h5 { font-size: 22px; font-weight: 700; padding: 0; margin: 20px 0 10px 0; }
.servBox p { font-size: 18px; font-weight: 500; padding: 0; margin: 0; }

.grayCtaSec { padding-bottom: 95px; }
.grayCta { /* https://colorzilla.com/gradient-editor/#000000+1,666666+100 */ background: linear-gradient(to right,  rgba(0,0,0,1) 1%,rgba(102,102,102,1) 100%); display: flex; justify-content: flex-start; align-items: center; border-radius: 12px; margin-bottom: 65px;; }
.grayCta h3 { color: #F5F5F5; font-size: 22px; font-weight: 600; margin-left: 48px; }
.grayCta a { margin-left: auto; font-size: 18px; font-weight: 700; color: #1E1E1E; background-color: white; padding: 17px 24px; border-radius: 8px; margin-right: 48px; }

.twoSec .col-sm-6:first-child { background-color: white; border: 2px solid #F5F5F5; border-radius: 12px 0 0 12px; padding: 32px; }
.twoSec .col-sm-6:last-child { background-color: #F5F5F5; border: 2px solid #F5F5F5; border-radius: 0 12px 12px 0;;  min-height: 250px; padding: 32px;}
.twoSec h6 {}
.twoSec h6 span { padding: 0px; margin: 0 0 24px 0;  font-size: 16px; font-weight: 400; color: #1E1E1E; text-decoration: underline; }
.twoSec ul {}
.twoSec ul li { list-style: disc; margin-left: 18px; margin-bottom: 20px; }
.twoSec ul li h4 { font-size: 22px; font-weight: 600; color: #1E1E1E; padding: 0px; margin: 0 0 5px 0; }
.twoSec ul li p { font-size: 18px; margin: 0px;  }
.twoSec ul li:last-child { margin-bottom: 0; }


.checkListSec hr { margin-top: 32px; margin-bottom: 32px; padding: 0px; border: 0; height: 1px; /* border-top: 1px dashed #1E1E1E55; */ 
  background-image: repeating-linear-gradient(90deg, #1E1E1E55, #1E1E1E55 5px, transparent 5px, transparent 15px), repeating-linear-gradient(180deg, #1E1E1E55, #1E1E1E55 5px, transparent 5px, transparent 15px), repeating-linear-gradient(90deg, #1E1E1E55, #1E1E1E55 5px, transparent 5px, transparent 15px), repeating-linear-gradient(180deg, #1E1E1E55, #1E1E1E55 5px, transparent 5px, transparent 15px);
  background-position: left top, right top, left bottom, left top;
  background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
  background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
}
.checkList img { position: absolute; left: 0; top: 0;}
.checkList { position: relative; padding: 0 0 0 48px;}
.checkList h4 { font-size: 22px; font-weight: 700; color: #1E1E1E; padding: 0; margin: 0 0 6px 0;}
.checkList p { font-size: 18px; font-weight: 500;}


.servBgSec { min-height: 850px; border-radius: 25px;  padding-top: 75px;
/* Permalink - https://colorzilla.com/gradient-editor/#1570ef+0,076aed+45,53b1fd+100 */
background: linear-gradient(45deg,  rgba(21,112,239,1) 0%,rgba(7,106,237,1) 45%,rgba(83,177,253,1) 100%); 


/* FIGMA DESIGN CSS 
background: #53B1FD; background-blend-mode: overlay; background: linear-gradient(64.1deg, rgba(30, 30, 30, 0) 15.46%, rgba(30, 30, 30, 0.2) 74.5%); background: radial-gradient(92.55% 166.31% at 94.04% 17.94%, rgba(21, 112, 239, 0) 0%, #1570EF 100%);*/
}


.postSliderSec { padding: 70px 0px; overflow: hidden; }
.postSliderSec .sliderWrapper .slick-list.draggable {padding-right: 0;position: relative;}
.postSliderSec .sliderWrapper .slick-list.draggable:after {
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  height: 100%;
  width: 190px;
  background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,1) 100%);
  display: none;
  } 

.postSliderSec .slick-prev, .postSliderSec .slick-next { width: 32px; height: 32px;}

.servOverComHead h2 { font-size: 48px; line-height: 56px; text-transform: capitalize; }
.servOverComHead h2 span { text-transform: uppercase; }
.servBgSec h2 { color: white; font-size: 48px; line-height: normal; }
.servBgSec h2 span { margin-bottom: 10px; }
.servSubHead { text-align: right; }
.servSubHead h3 { font-size: 28px; font-weight: 700; color: #F5F5F5; padding: 0px; margin: 0; }
.servSubHead p { font-size: 16px; font-weight: 400; color: #F5F5F5; padding: 0px; margin: 0; }
.servBgSec hr { height: 1px; background-color: rgba(255, 255, 255, 0.3); border: 0; margin: 0; padding: 0px;; }
.servList {  margin: 50px 0 0 0; }
.servList h4 {  font-size: 32px; font-weight: 500; color: #F5F5F5; padding: 0; margin: 0 0 20px 0; }
.servList p { font-size: 18px; font-weight: 300; color: #F5F5F5; padding: 0px; margin: 0; line-height: 26px;  }


.industriSec { background-color: #F5F5F5; padding: 96px 0; }
.industriSec img.mt-auto { border-radius: 0 15px 15px 0; margin-right: 10px; }
.indsBox { padding: 0 0 40px 45px;} 
.indsBox img { position: absolute; left: 0; top: 0;} 
.indsBox h4 { font-size: 18px; font-weight: 500; padding: 0; margin: 0 0 4px 0;} 
.indsBox p { font-size: 18px; font-weight: 400; color: #1E1E1ECC; line-height: 27px; margin: 0; } 


.stepSec { margin: 72px 0; }
.stepSec [class^="col-sm-"] { padding-left: 0; padding-right: 0; }



.grayBg { border-radius: 12px 0 0 12px;  /* opacity: 0.6; */  background-color: #F5F5F5; background-size: 7px 7px; background-image: repeating-linear-gradient(45deg, #ffffff 0, #ffffff 0.7000000000000001px, #F5F5F5 0, #F5F5F5 50%); padding: 55px 0 50px 50px; ; height: 100%; }
.grayBg h2 { color: black; }
.grayBg ul {}
.grayBg ul li { position: relative; padding-left: 95px; margin-bottom: 50px; margin-bottom: 34px; }
.grayBg ul li:last-child { margin-bottom: 0; }
.grayBg ul li i { width: 56px; height: 56px; background-color: #F5F5F5; position: absolute; left: 0; top: 0; border-radius: 12px; display: flex; justify-content: center; align-items: center; box-shadow: 2px 5px 8px 2px #f0f0f0 inset; }
.grayBg ul li h4 { font-size: 22px; font-weight: 700; padding: 0; margin: 0 0 10px 0; }
.grayBg ul li p { max-width: 70%; font-size: 18px; font-weight: 500; line-height: 120%; margin: 0; }

.faqs-section { padding-bottom: 80px; }
.faqs-section h2 { font-weight: 700; padding-bottom: 50px; }
.faq-content--question { font-size: 22px; font-weight: 700; padding: 22px 24px 22px; margin: 0; position: relative; cursor: pointer; }
.faq-content--question:before { position: absolute; right: 0px; top: 0px; bottom: 0; margin: auto; background: url(../jamipartner-child/assets/images/faq-down-icon.png) left top no-repeat; width: 20px; height: 20px; content: ''; }
.faq-content--answer { font-size: 18px; font-weight: 400; color: #1E1E1ECC; line-height: 27px; margin: 0; padding: 0px 24px; display: none; }
.faq-content--question.active:before { -webkit-transform: scaleY(-1); transform: scaleY(-1); }



/* industries page */
.whiteText.servBanner .servBanInfo h3, .whiteText.servBanner .servBanInfo p { color: white;}
.indusSec {padding: 70px 0 40px; }
.indusSec .indusBox { position: relative; margin-bottom: 32px; overflow: hidden;  border-radius: 12px; }
.indusSec .indusBox img { transition: 2s; transform: scale(1);  }
.indusSec .indusBox:hover img { transform: scale(1.1); }
.indusSec .indusBox .indusInfo { position: absolute; left: 25px; bottom: 25px; max-width: 55%; }
.indusSec .indusBox .indusInfo h4 { font-size: 32px; font-weight: 700; color: white; line-height: 120%; padding: 0px; margin: 0px; }
.indusSec .indusBox .indusInfo p {  font-size: 18px; font-weight: 400; color: white; line-height: 140%; padding: 10px 0 0 0; margin: 0px; }

.greenSec.aboutGreen .greenBg { padding-left: 0; padding-right: 0; }
.greenBg { border-radius: 24px;margin-left: -100px;margin-right: -100px;}
.greenBg .infoBox {} 
.greenBg .infoBox h2 {text-transform: capitalize;font-size: 22px;line-height: 120%;font-weight: 700;} 
/* .greenBg .infoBox h2 span { text-transform: uppercase; } */
.greenBg .infoBox p {font-size: 18px;line-height: 140%; } 
.greenBg .infoBox h6 {font-size: 18px;line-height: 140%;font-weight: 700;padding: 0;margin: 0;}
.greenBg .infoBox h6 span { font-weight: 400; display: block; }

.greenSec.aboutGreen .greenBg .infoBox { padding-right: 40px;}
.greenSec.aboutGreen .greenBg .infoBox p { padding-right: 30px; }

.greenOverwhite {border-radius: 12px;padding: 32px 32px 32px 84px; 
background: linear-gradient(101deg, rgba(12, 165, 57, 0.20) 14.27%, rgba(12, 165, 57, 0.12) 78.36%), linear-gradient(0deg, #1E1E1E 0%, #1E1E1E 100%), #FFF;
}
.greenOverwhite h6 { font-size: 16px; line-height: 120%; font-weight: 400; padding: 0; margin: 0 0 30px 0;}
.greenOverwhite h6 span {text-decoration: underline;color: white;}
.greenOverwhite ul { position: relative; padding: 0px; margin: 0px; }
.greenOverwhite ul li {position: relative;margin-bottom: 30px;}
.greenOverwhite ul li:last-child { margin-bottom: 0px;}
.greenOverwhite ul li img { position: absolute; left: -55px; top: 0;}
.greenOverwhite ul li h4 {font-size: 22px;font-weight: 700;line-height: 120%;padding: 0;margin: 0 0 5px 0;color: white;}
.greenOverwhite ul li p {font-size: 18px;font-weight: 400;line-height: 120%;padding: 0;margin: 0;color: white;}


.borAccordianSec { padding: 50px 0 0px;}
.borAccordianSec .container { max-width: 1670px; padding-left: 30px; padding-right: 30px; }
.borAccordianSec .container .row { padding: 70px 30px; border-radius: 25px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#646464+0,333333+100 */
background: linear-gradient(to right,  rgba(100,100,100,1) 0%,rgba(51,51,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 }
 /* .borAccordianSec .container .row { padding: 70px 110px; border-radius: 25px; background: linear-gradient(to right,  rgba(100,100,100,1) 0%,rgba(51,51,51,1) 100%); } */

.borAccordianSec h2 { font-size: 48px; line-height: 120%; color: white; }
.borAccordianSec p { color: white; font-size: 18px; line-height: 140%; text-transform: capitalize; }
.borAccordianSec h6 { font-size: 18px; font-weight: 700; line-height: 120%; color: white; margin: 60px 0 0 0; padding: 0; }
.borAccor {border: 1px solid #F5F5F5;padding: 0;background-color: #F5F5F5;border-radius: 12px;}
.borAccor ul {
}
.borAccor ul.list>li {padding: 32px;border-bottom: 1px solid #F5F5F5;cursor: pointer;transition: 0.3s;}
.borAccor ul.list>li:last-child { border: 0; border-radius: 0 0 12px 12px; }
.borAccor ul.list>li h5 { font-size: 22px; font-weight: 600; line-height: 120%; padding: 0; margin: 0 0 13px 0; color: #1E1E1E; position: relative; }
.borAccor ul.list>li h5::before { position: absolute; right: 0px; top: 0px; width: 16px; height: 16px; background: url(assets/images/bor-tab-icon_plus.png) center center no-repeat; content: ''; }
.borAccor ul.list>li h5 img { margin-right: 10px; }
.borAccor ul.list>li p { font-size: 18px; font-weight: 400; line-height: 140%; padding: 0; margin: 0; color: #1E1E1E; }
.borAccor ul.list>li:first-child { border-radius: 12px 12px 0 0;}
.borAccor ul.list>li.accorClick.active { background-color: white; }
.borAccor ul.list>li.accorClick.active h5 { background-image: linear-gradient(to right, #7dba28, #0ca539); color: transparent; background-clip: text; }
.borAccor ul.list>li.accorClick.active h5::before { background-image: url(assets/images/bor-tab-icon_minus.png); }

.accorAnswer { padding-top: 25px; display: none; }
.accorAnswer ul { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.accorAnswer ul li {position: relative;flex: 0 0 50%;font-size: 18px;font-weight: 500;line-height: 120%;color: #1E1E1E;padding: 0 0 0 35px;margin-bottom: 20px;}
.accorAnswer ul li:before { width: 22px; height: 22px; background: url(assets/images/industries-accor-icon.png) center top no-repeat; position: absolute; left: 0; top: 0; content: ''; }
.accorAnswer a { display: inline-block; margin-top: 25px; font-size: 14px; font-weight: 500; color: #1E1E1ECC; position: relative; }
.accorAnswer a:before { content: "\f054"; position: absolute;right: -16px; top: 0; bottom: 0; font-size: 12px; color: #1E1E1E; font-family: "Font Awesome 5 Pro"; }
.borAccordianSec hr { margin: 75px 0; }
.indusTabSec { padding: 0px 0 130px 0;}
#tabs-nav {}
#tabs-nav li { width: 325px; cursor: pointer;  }
#tabs-nav li a { font-size: 21px; font-weight: 500; line-height: 58px; color: #1E1E1E; padding: 0px 13px; border-radius: 8px; margin-bottom: 5px;  transition: 0.2s; }
#tabs-nav li.active a, #tabs-nav li:hover a { font-weight: 700; background-color: #F5F5F5; }
.valueSec { padding-bottom: 70px; }
.valueBgArea { background-color: #F5F5F5; border-radius: 12px; padding: 32px 32px 0;}
.valueInfo { padding-left: 32px; padding-top: 35px; }
.valueInfo h2 { text-transform: capitalize;}
.valueInfo ul {}
.valueInfo ul li { font-size: 18px; font-weight: 400; line-height: 120%; color: #1E1E1E; margin: 0 0 16px 0; padding: 0 0 0 26px; position: relative;  }
.valueInfo ul li:before { position: absolute; left: 0; top: 0; width: 13px; height: 13px; background: url(assets/images/value-info-list-icon.png) left top no-repeat; content: ''; }
.valueInfo a {background-image: linear-gradient(to right, #7dba28, #0ca539); padding: 17px 25px; border-radius: 10px; font-size: 18px; font-weight: 700; line-height: 20px; color: white; text-decoration: none; transition: 0.3s; margin-top: 30px; }
.valueInfo a i { margin-left: 10px; }
.valueInfo a:hover { color: #333; background-image: linear-gradient(to left, #7dba28, #0ca539); }
/* industries page */


/* About Us page */
.aboutStorySec { padding: 100px 0 50px; overflow: hidden; }
.aboutStorySec h2 { margin-bottom: 20px; }
.aboutStorySec .storyInfo p { font-size: 22px; line-height: 140%; }

.aboutStoryBoxImg { }
.aboutStoryBoxInfo { padding-top: 57px; position: relative; }
.aboutStoryBoxInfo>img { position: absolute; left: 0; top: 18px; }

.aboutStoryBoxInfo img {}
.aboutStoryBoxInfo h6 { font-size: 18px; line-height: 120%; font-weight: 400; padding: 0; margin: 0; }
.aboutStoryBoxInfo h4 { font-size: 18px; line-height: 120%; font-weight: 700; padding: 0; margin: 10px 0 0 0; }

.sliderWrapper {position: relative;padding: 90px 0 90px 0;}
.sliderWrapper .slick-list.draggable { padding-right: 40px; }
.aboutSlider:before { width: 100%; height: 1px; background-color: #A6A6A6; position: absolute; left: 0; top: 109px; content: ''; }
.aboutSlider:after { position: absolute; content: ''; right: 0; top: 0; height: 240px; width: 50px;
  background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 2%,rgba(255,255,255,1) 100%); }



.aboutDarkBg {background: url(assets/images/about-brown-bg.png) center top no-repeat;border-radius: 24px;margin: 0;padding: 70px 70px 0 70px;background-size: cover;}
.aboutDarkBg h6 { font-size: 32px; line-height: 120%; font-weight: 700; color: #F5F5F5; padding: 0; margin: 0 0 25px 0; text-align: center; }
.tabInfo h4 { font-size: 22px; line-height: 120%; font-weight: 500; color: #F5F5F5; padding: 0; margin: 25px 0 10px 0; }
.tabInfo p {font-size: 18px;line-height: 140%;font-weight: 400;color: #a8a9a9;padding: 0;margin: 0;}

.tabInfoDtl .tabInfo { margin-bottom: 60px; text-align: center; }
.tabList ul { display: flex; justify-content: center; align-items: center; margin: 60px 0 0 0;  } 
.tabList ul li { font-size: 22px; font-weight: 500; color: #F5F5F5; line-height: 120%; padding: 5px 0 0 0; margin: 0 36px; cursor: pointer; text-transform: uppercase; }
.tabList ul li.active { border-top: 1px solid #F5F5F5;  background: #0CA539;
  background: linear-gradient(to right, #7EBA28 0%, #0CA539 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

  .aboutGallerySec { padding-bottom: 60px;}
  .aboutGallerySec h2 { text-transform: capitalize;}

  .aboutGalBox { position: relative; overflow: hidden; border-radius: 20px; height: 100%;  }
  .aboutGalBox::before { position: absolute; position: absolute; left: 0; top: 0px; width: 100%; height: 100%; content: ''; 
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); z-index: 1; }
    .aboutGalBox img { transform: scale(1); transition: 2s; height: 100%; width: 100%; }
    .aboutGalBox:hover img { transform: scale(1.1); }
  .aboutGalBox .galInfo { position: absolute; left: 15px; bottom: 15px;     z-index: 2; }
  .aboutGalBox .galInfo h4 { font-size: 32px; font-weight: 700; line-height: 120%; color: #F5F5F5; padding: 0; margin: 0 0 10px 0; }
  .aboutGalBox .galInfo p { font-size: 14px; font-weight: 400; line-height: 140%; color: #F5F5F5; padding: 0; margin: 0;}
  .mb-35 { margin-bottom: 30px; }
  .mb-15 { padding: 0 35px 15px 28px; }

   
  .aboutGraySec { padding: 0px 0 50px;}
  .aboutGraySec h2 { text-transform: capitalize; }
  /* .aboutGraySec h2 { text-align: center; } */
  .grayBox { background-color: #F5F5F5; border-radius: 12px; padding: 32px; margin-top: 20px;  }
  .grayBox h6 { font-size: 16px; font-weight: 400; color: #1E1E1E; line-height: 120%; padding: 0 0 10px; margin: 0; }
  .grayBox h4 { font-size: 32px; font-weight: 700; color: #1E1E1E; line-height: 120%; padding: 0 0 10px; margin: 0; text-transform: capitalize; }
  .grayBox p { font-size: 18px; font-weight: 400; color: #1E1E1E; line-height: 140%; padding: 0 0 10px; margin: 0; }
  .grayBox.secondBox { margin-top: 35px; }
  
.grayBigBg { background-color: #F5F5F5; border-radius: 12px; padding: 0px 100px 60px; margin-left: -100px; margin-right: -100px; margin-top: 30px; position: relative; }
.row.grayBigBg:before { content: ''; position: absolute; left: 0; top: -40px; background-color: #f5f5f5; height: 65px; width: calc(50% - 15px); border-radius: 15px 15px 0px 0; }
  .grayBigBg h3 {  font-size: 32px; font-weight: 700; color: #1E1E1E; line-height: 120%; padding: 0 0 32px; margin: 0; background-image: linear-gradient(to right, #7dba28, #0ca539); color: transparent; background-clip: text; }

  .grayBigBg .whiteBox { background-color: white; border-radius: 8px; padding: 24px; box-shadow: 0px 0px 12px 0px #7373734D; box-shadow: 0px 0px 20px 0px #DCDBDB33 inset; text-align: center; position: relative; }
  .grayBigBg .whiteBox::before { position: absolute; right: -60px; bottom: 0; top: 0; margin: auto; width: 106px; height: 146px; content: ''; background: url(assets/images/about-box-arrows.png) center top no-repeat;     z-index: 1; }
  .grayBigBg .col-sm-4:nth-child(4) .whiteBox:before { display: none; }
  .grayBigBg .whiteBox h5 { font-size: 22px; line-height: 120%; font-weight: 600; padding: 0 0 25px 0; margin: 0; }
  .grayBigBg .whiteBox h5 span { position: relative; padding-bottom: 5px; }
  .grayBigBg .whiteBox h5 span::before { position: absolute; left: 0; bottom: 0; width: 100%; content: ''; height: 1px; background-color: #1E1E1E;  }
  .grayBigBg .whiteBox ul {}
  .grayBigBg .whiteBox ul li {  font-size: 22px; line-height: 200%; font-weight: 400; padding: 0; margin: 0; }


  .engBotList {}
  .engBotList ul {position: relative;padding: 70px 0 0 0;margin: 0;display: flex;justify-content: center;align-items: center;}
  .engBotList ul:before {width: calc(100% + 50px); content: ''; height: 40px; border-bottom: 2px dashed #898989; border-radius: 0 0 25px 25px; background-color: transparent; position: absolute; left: -25px; top: 0; border-left: 2px dashed #898989; border-right: 2px dashed #898989;}
  .engBotList ul li {font-size: 22px;line-height: 120%;font-weight: 600;padding: 0;margin: 0 60px;}
  /* About Us page */


  /* Contact Us page */
.contactBanner.servBanner .row { min-height: 550px; }
.formSec.contactform { background-color: #F5F5F5;  padding: 100px 0 76px; }
.formSec { padding: 72px 0; }
.formSec .formInfo { max-width: 485px; }
.formSec .formInfo h2 { line-height: 120%; text-transform: capitalize; padding-right: 40px; margin-bottom: 115px; }
.contactform.formSec .formInfo h2 { margin-bottom: 25px; }
.contactform.formSec .formInfo p {  font-weight: 500; font-size: 20px; line-height: 140%; letter-spacing: -2.5%; margin-bottom: 130px; }

.formSec .formInfo h5 { font-weight: 600; font-size: 18px; line-height: 120%; letter-spacing: -2.5%;     margin-bottom: 20px; }
.formSec .formInfo h6 { font-weight: 400; font-size: 18px; line-height: 120%; letter-spacing: -2.5%; position: relative; padding-left: 30px; }
.formSec .formInfo h6 img { position: absolute; left: 0; top: 0; }
.mobAdd { display: none; }

.contactForm {}
.contactForm .field { background-color: #FDFDFD; border: 1px solid #E6E6E6; }
.contactForm .field input, .contactForm .field textarea { background: transparent;  }
.contactForm .field p input { padding-left: 0; }
.contactForm .submit button[type="submit"] { display: flex; align-items: center; width: 295px; cursor: pointer; background-image: linear-gradient(to right, #7dba28, #0ca539); color: white; transition: 0.3s; border-radius: 12px; }

.contactForm .submit button[type="submit"]:hover { background-image: linear-gradient(to left, #7dba28, #0ca539); }
.contactForm .submit button[type="submit"] i { margin-left: auto;}
.contactForm .submit p { margin: 0 0 0 0px; font-size: 14px; line-height: 140%; color: #1E1E1ECC; }
.contactForm .submit p a { font-weight: 700; color: #1E1E1E; }

.contactBottomBg { background-color: #F5F5F5; padding: 70px 0; }
.contactBottomBg h2 { text-transform: capitalize; padding-right: 150px; line-height: 120%;     text-align: center; }
.ofcLocat { background-color: #FDFDFD; border: 1px solid #E6E6E6; border-radius: 8px; padding: 16px 25px; margin-bottom: 15px; }
.ofcLocat h6  { font-size: 14px; font-weight: 500; line-height: 120%; color: #1E1E1E; padding: 0; margin: 0 0 8px 0; }
.ofcLocat p  { font-size: 18px; font-weight: 400; line-height: 120%; color: #1E1E1E66; padding: 0; margin: 0 0 10px 0; }
.ofcLocat p:last-child { margin: 0; }
.ofcLocat p a { color: #1E1E1E66; }
/* Contact Us page */


/* Service Main page */
.techSec { padding: 72px 0px; }
.techSec .techInfo h2  {}
.techSec .techInfo p { margin: 0; }
.techSec .techInfo ul { padding: 87px 0 0 0; margin: 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; }
.techSec .techInfo ul li { position: relative; padding: 0 0 0 45px; margin: 0 0 20px 0; font-size: 22px; font-weight: 500; line-height: 120%; color: #1E1E1E; }
.techSec .techInfo ul li:before { width: 24px; height: 24px; position: absolute; left: 0; top: 0; content: ''; background: url(assets/images/service-icon.svg) left top no-repeat; background-size: cover;  }

.howSolveTop { background-color: #F5F5F5; border-radius: 24px 24px 0 0; padding: 48px 32px 32px 32px; }
.howSolveTop p { color: #1E1E1E; font-size: 22px; font-weight: 400; line-height: 120%; padding: 0px; margin: 0px;  }

.howSolveGrn { border-radius: 0 0 24px 24px; padding: 32px; 
  background: linear-gradient(to right,  rgba(26,57,35,1) 2%,rgba(26,57,35,1) 21%,rgba(28,46,33,1) 100%); }

  .howSolveGrn h3 { font-size: 14px; font-weight: 400; line-height: 120%; color: #F5F5F5; padding: 0; margin: 0 0 20px 0; }
  .howSolveGrn h3 span { display: inline-block; text-decoration: underline; }
  .howSolveGrn ul { padding: 0; margin: 0; }
  .howSolveGrn ul li {font-size: 18px;font-weight: 400;line-height: 140%;color: #F5F5F5;padding: 0 0 0 30px;margin: 0 0 20px 0;position: relative;}
  .howSolveGrn ul li:last-child { margin: 0; }
  .howSolveGrn ul li strong { font-size: 22px; font-weight: 600; display: block; padding-bottom: 5px;  }
  .howSolveGrn ul li:before { width: 8px; height: 8px; background-color: white; border-radius: 50%; content: ''; position: absolute; left: 0; top: 8px; }


.expertSolSec { padding: 70px 0; }
.expLeftList h2 { text-transform: capitalize; margin: 0 0 55px 0; }
.expLeftList h2 span { margin: 0 0 10px 0; }
.expLeftList #tabs-nav { margin-bottom: 30px; }
.expLeftList #tabs-nav li { width: 100%; border-radius: 8px; }
.expLeftList #tabs-nav li a { display: flex; justify-content: flex-start; align-items: center; color: #1E1E1E; position: relative; }
.expLeftList #tabs-nav li a img { margin-right: 10px; }
.expLeftList #tabs-nav li.active a, .expLeftList #tabs-nav li:hover a {/* background-color: white; */ }
.expertSolSec .tabBotInfo h6 {  font-size: 22px; line-height: 120%; font-weight: 700; padding: 0; margin: 0 0 10px; }
.expertSolSec .tabBotInfo p  { font-size: 21px; line-height: 140%; font-weight: 400; padding: 0; margin: 0; letter-spacing: -1.2px; }

.expLeftList #tabs-nav li:hover, .expLeftList #tabs-nav li.active { background-color: white;}
.expLeftList #tabs-nav li:first-child.active a, .expLeftList #tabs-nav li:first-child:hover a {background: linear-gradient(90deg, #53B1FD 0.23%, #1570EF 79.17%); color: transparent; background-clip: text;}
.expLeftList #tabs-nav li:nth-last-child(2):hover a, .expLeftList #tabs-nav li:nth-last-child(2).active a {background: linear-gradient(90deg, #F79009 0.23%, #DC6803 79.17%); color: transparent; background-clip: text;}
.expLeftList #tabs-nav li:last-child:hover a, .expLeftList #tabs-nav li:last-child.active a {background: linear-gradient(90deg, #9E77ED 0.23%, #6941C6 79.17%);  color: transparent; background-clip: text;}

.expLeftList #tabs-nav li a img.activeImg { position: absolute; left: 13px; top: 15px; opacity: 0; transition: 0.3s; } 
.expLeftList #tabs-nav li.active a img, .expLeftList #tabs-nav li:hover a img { opacity: 0;} 
.expLeftList #tabs-nav li:hover a img.activeImg, .expLeftList #tabs-nav li.active a img.activeImg { opacity: 1;} 



.expDtl h2 { font-size: 32px; line-height: 140%; text-transform: capitalize; font-weight: 700; padding: 0; margin: 0 0 20px 0; }
.expDtl p { font-size: 20px; line-height: 140%; margin: 0; letter-spacing: -2.5%; }
.expDtlInfo { margin-top: 45px; }
.expDtlInfo h3 { font-size: 32px; font-weight: 700; padding: 0px; margin: 0 0 20px 0; color: #1E1E1E; }
.expDtlInfo p { font-size: 18px; font-weight: 400; padding: 0px; margin: 0 0 20px 0; color: #1E1E1E;}
.expDtlInfo a { font-size: 14px; font-weight: 500; padding: 0px; margin: 0; color: #1E1E1ECC; text-transform: uppercase; display: inline-block; opacity: 0.8; }  
.expDtl ul { padding: 0; margin: 20px 0 0 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; }
.expDtl ul li { font-size: 20px; font-weight: 500; color: #1E1E1E; padding: 0 16px; margin: 20px 20px 0 0; line-height: 56px; background-color: white; border-radius: 12px; transition: 0.3s; }
.expDtl ul li a {color: #1E1E1E;position: relative;}
/* .expDtl ul li:hover a {background: linear-gradient(90deg, #53B1FD 0.23%, #1570EF 79.17%);color: transparent;background-clip: text; transition: 0.3s;} */
.expDtl ul li a img {width: 20px;opacity: 0;transition: 0.3s;visibility: hidden;position: absolute;right: 0;top: 18px; display: none; }
/* .expDtl ul li:hover a img {opacity: 1;margin-left: 2px;visibility: visible;right: -0px;} */
/* .expDtlInfo:hover a { color: #1E1E1E; } */

#tab1 .expDtlInfo:hover h3 { color: #1874f0; }
#tab2 .expDtlInfo:hover h3 { color: #e37204; }
#tab3 .expDtlInfo:hover h3 { color: #7c54d4; }


/* .expDtl #tab2 ul li:hover a { background: linear-gradient(90deg, #F79009 0.23%, #DC6803 79.17%); color: transparent; background-clip: text;}
.expDtl #tab3 ul li:hover a { background: linear-gradient(90deg, #9E77ED 0.23%, #6941C6 79.17%); color: transparent; background-clip: text;} */



.delSec { padding: 70px 0;}
.whiteLineBg {background-color: #F5F5F5; background-size: 7px 7px; background-image: repeating-linear-gradient(45deg, #ffffff 0, #ffffff 0.7000000000000001px, #F5F5F5 0, #F5F5F5 50%); padding: 0px 0 0px 50px; ; height: 100%; border-radius: 0 15px 15px 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.whiteLineBg p { max-width: 430px; font-size: 19px; font-weight: 500; }



.twoModels { padding: 40px 0 80px; }
.twoModels h2 { text-align: center; text-transform: capitalize; line-height: 120%;; }
.twoModels h2 span {}

.modelBox {}
.modelBox .topImg {position: relative;overflow: hidden;border-radius: 10px 10px 0 0;}
.modelBox .topImg img {transition: 2s;transform: scale(1);}
.modelBox:hover .topImg img { transform: scale(1.1); }
.modelBox .topImgInfo { position: absolute; left: 30px; bottom: 30px; width: 100%; max-width: 100%; }
.modelBox .topImgInfo h3 { font-size: 64px; font-weight: 700; padding: 0; margin: 0 0 10px 0; color: #F5F5F5; line-height: 100%; }
.modelBox .topImgInfo p { font-size: 16px; font-weight: 400; line-height: 140%; color: #F5F5F5; padding: 0; margin: 0; }
.modelBox .botInfo { border: 1px solid #a5a5a5; border-top: 0; border-radius: 0 0 15px 15px; }
.modelBox .botInfo .keyBenefitsArea { padding: 32px 32px 32px 32px; }
.modelBox .botInfo h6 { font-size: 16px; font-weight: 400; color: #1E1E1E; padding: 0; margin: 0 0 10px 0; }
.modelBox .botInfo .keyBenefitsArea ul { margin: 0 0 20px 20px; }
.modelBox .botInfo .keyBenefitsArea ul li { font-size: 18px; font-weight: 400; padding: 0; margin: 0 0 10px 0; color: #1E1E1E; list-style: disc;  }
.modelBox .botInfo .keyBenefitsArea ul li strong { font-weight: 600;}
.modelBox .botInfo .keyBenefitsArea ul li:last-child { margin: 0; }
.modelBox .botInfo .bestForList {}
.modelBox .botInfo .bestForList span:first-child { background-color: transparent; }
.modelBox .botInfo .bestForList span { display: inline-block; padding: 6px 8px; border-radius: 12px; background-color: #F5F5F5; font-size: 16px; font-weight: 400; line-height: 140%; margin: 0 0 10px 0;  }
.modelBox .botInfo .botSeprator { border-top: 1px solid #a5a5a5; padding: 25px 32px;; }
.modelBox .botInfo .botSeprator ul { display: flex; align-items: center; }
.modelBox .botInfo .botSeprator ul li { font-size: 18px; font-weight: 400; line-height: 140%; width: 50%; }
.modelBox .botInfo .botSeprator ul li:last-child { margin-left: auto; }
.modelBox .botInfo .botSeprator ul li:last-child a { background-color: #f5f5f5; display: flex; border-radius: 8px; padding: 13px 32px; align-items: center; color: #1E1E1E; }
.modelBox .botInfo .botSeprator ul li:last-child a i {margin-left: auto;font-size: 12px;}


.focusedSec { background-position: right top; background-repeat: no-repeat; background-color: #1E1E1E; position: relative; overflow: hidden; background-size: auto 100%; }
.focusedSec.clientPartner p br { display: none; }
.focusedSec:before { position: absolute; left: 0; content: ''; top: 0; inset: 0; width: 50%; background: linear-gradient(  to right,  #1E1E1E 0%,  #383838 100%); left: 0; margin: auto; right: 0; margin-right: 850px; }
.focusedInfo { max-width: 717px;  }
.focusedSec .row.align-items-center { height: 470px; }
.focusedInfo h2 { color: white; max-width: 510px;  }
.focusedInfo h2 span { color: white; text-transform: capitalize; }
.focusedInfo p { font-size: 19px; font-weight: 500; color: #F5F5F5; line-height: 120%; max-width: 500px; }
.focusedSec.clientPartner p  {max-width: 550px;}

.focusedInfo a { background-image: linear-gradient(to right, #7dba28, #0ca539); padding: 17px 25px; border-radius: 10px; font-size: 18px; font-weight: 700; line-height: 20px; color: white; text-decoration: none; transition: 0.3s; }
/* .focusedInfo a:hover { background-image: linear-gradient(to right, #7dba28, #0ca539);text-decoration: none;} */


/* .focusedSec .container-fluid { padding-left: 0; padding-right: 0; } */
/* Service Main page */


/* Service Sub page */
.sevBanBotInfo { padding: 90px 0px; }
.servHead img { display: block; margin-bottom: 25px;  }
.servHead h2, .servDtl h2 { text-transform: capitalize; line-height: 120%; }

.servDtl h2 span { text-transform: uppercase;}
.servDtl p {max-width: 75%; }

.sevColorBgInfo { padding: 90px 0; position: relative; background: linear-gradient(to right, rgba(93, 163, 220, 1) 0%, rgba(47, 115, 209, 1) 50%, rgba(47, 115, 209, 1) 100%); }
.sevColorBgInfo:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(white 1px, transparent 2px); background-size: 20px 20px; pointer-events: none; opacity: 0.07; }
.sevColorBgInfo .sevColorBgDtl h2 { text-transform: capitalize; color: white; font-size: 48px; line-height: 120%; margin: 0; }
.sevColorBgInfo .sevColorBgDtl h2 span { text-transform: uppercase; text-decoration: none; }
.sevColorBgInfo .sevColorBgDtl ul { display: flex; flex-direction: column; justify-content: flex-start; margin: 175px 0 0 0; }
.sevColorBgInfo .sevColorBgDtl ul li { font-size: 22px; font-weight: 500; line-height: 120%; color: #F5F5F5; padding: 0 0 0 45px; margin: 0 0 20px 0; position: relative; } 
.sevColorBgInfo .sevColorBgDtl ul li:before { background: url(assets/images/check-white.svg) center top no-repeat; background-size: cover; width: 24px; height: 24px; position: absolute; left: 0; top: 0; content: ''; }


.servWhtieBg { background-color: white; border-radius: 12px 12px 0 0; padding: 30px; }
.servWhtieBg h6 { font-size: 16px; font-weight: 400; color: #1E1E1E; padding: 0px; margin: 0 0 20px 0; text-decoration: underline; }
.servWhtieBg ul { padding: 0 0 0 20px;  }
.servWhtieBg ul li {list-style: disc; font-size: 18px; font-weight: 400; color: #1E1E1E;  line-height: 140%; padding: 0; margin: 0 0 20px 0; }
.servWhtieBg ul li strong { font-size: 22px; font-weight: 600;  line-height: 120%; padding: 0; margin: 0 0 5px 0; display: block; line-height: 120%; }
.servWhtieBg ul li:last-child { margin-bottom: 0; } 

.servGrayBg { background-color: #F5F5F5; border-radius: 0 0 12px 12px; }
/* Service Sub page */


.clientSec { padding: 100px 0 80px;}

.clientSec h2 { line-height: 120%; letter-spacing: -2.5%; display: flex; justify-content: center; align-items: center; flex-direction: column; font-weight: 700; }
.clientSec h2 span { text-decoration: none; position: relative; }
.clientSec h2 span:before { position: absolute; left: 0; right: 0; bottom: 2px; width: 100%; height: 2px; background-color: #1E1E1E; content: '';}

.clientSec .clientBox { margin: 0 0 20px 0; min-height: 360px; background: radial-gradient(99.89% 129.78% at 0% 0%, #FFFFFF 41.58%, #EFEFEF 100%); padding: 40px; border-radius: 12px; border: 2px solid;
border-image-source: linear-gradient(180deg, #D5D5D5 0%, rgba(213, 213, 213, 0.15) 100%); display: flex; flex-direction: column;  }
.clientSec .clientBox picture { height: 120px; display: block; }
/* .clientSec .clientBox .clientInfo { margin-top: auto; } */
.clientSec .clientBox .clientInfo h4 { color: #1e1e1e; font-size: 20px; font-weight: 700; line-height: 120%; margin: 0 0 15px 0; text-transform: uppercase; }
.clientSec .clientBox .clientInfo p { font-size: 19px; line-height: 120%; padding: 0; margin: 0; color: #1E1E1ECC; }


.clientSec .row.justify-content-center.mt-4 .col-sm-4:first-child .clientBox:hover { background: radial-gradient(99% 157.22% at 3.11% 4.57%, #005BD2 0%, #002F6C 100%); }
.clientSec .row.justify-content-center.mt-4 .col-sm-4:nth-child(2) .clientBox:hover {background: radial-gradient(99% 157.22% at 3.11% 4.57%, #312B7F 0%, #120F3C 100%);}
.clientSec .row.justify-content-center.mt-4 .col-sm-4:nth-child(3) .clientBox:hover {background: radial-gradient(124.89% 156.57% at 91.06% 107.43%, #6D7CFF 0%, #FF51FF 100%)}
.clientSec .row.justify-content-center.mt-4 .col-sm-4:nth-child(4) .clientBox:hover {background: radial-gradient(99.89% 100% at 0% 0%, #62B55F 0%, #52BAB2 49.84%, #1592D0 100%)}
.clientSec .row.justify-content-center.mt-4 .col-sm-4:nth-child(5) .clientBox:hover {background: radial-gradient(99% 157.22% at 3.11% 4.57%, #94BF23 0%, #496500 100%);}
.clientSec .row.justify-content-center.mt-4 .col-sm-4:nth-child(6) .clientBox:hover {background: radial-gradient(99% 157.22% at 3.11% 4.57%, #124C81 0%, #002A50 100%);}
.clientSec .row.justify-content-center.mt-4 .col-sm-4:nth-child(7) .clientBox:hover {background: radial-gradient(127.34% 128.71% at -13.78% -13.57%, #F0E400 0%, #4CA634 49.84%, #1D529C 100%);}
.clientSec .row.justify-content-center.mt-4 .col-sm-4:nth-child(8) .clientBox:hover {background: radial-gradient(99% 157.22% at 3.11% 4.57%, #711F7F 0%, #310438 100%);}
.clientSec .row.justify-content-center.mt-4 .col-sm-4:nth-child(9) .clientBox:hover {background: radial-gradient(99% 157.22% at 3.11% 4.57%, #F37021 0%, #572304 100%);}
.clientSec .row.justify-content-center.mt-4 .col-sm-4:nth-child(10) .clientBox:hover {background: radial-gradient(127.34% 128.71% at -13.78% -13.57%, #981C08 0%, #DA281B 100%);}
.clientSec .row.justify-content-center.mt-4 .col-sm-4:nth-child(11) .clientBox:hover {background: radial-gradient(99% 157.22% at 3.11% 4.57%, #00bdff 0%, #001eff 100%);}
.clientSec .row.justify-content-center.mt-4 .col-sm-4:nth-child(12) .clientBox:hover {background: radial-gradient(99% 157.22% at 3.11% 4.57%, #F37021 0%, #572304 100%);}
.clientSec .row.justify-content-center.mt-4 .col-sm-4:nth-child(13) .clientBox:hover {background: radial-gradient(127.34% 128.71% at -13.78% -13.57%, #454545 0%, #000000 100%);}
.clientSec .row.justify-content-center.mt-4 .col-sm-4:nth-child(14) .clientBox:hover {background: radial-gradient(99% 157.22% at 3.11% 4.57%, #081B58 0%, #01081D 100%);}
.clientSec .row.justify-content-center.mt-4 .col-sm-4:nth-child(15) .clientBox:hover {background: radial-gradient(99% 157.22% at 3.11% 4.57%, #444 0%, #000000 100%);}

.clientSec .row.justify-content-center.mt-4 .col-sm-4 .clientBox:hover h4, .clientSec .row.justify-content-center.mt-4 .col-sm-4 .clientBox:hover p { color: white;}
/* .clientSec .row.justify-content-center.mt-4 .col-sm-4 .clientBox:hover img { filter: brightness(0) invert(1); } */


.clientSec .row.justify-content-center.mt-4 .col-sm-4 .clientBox .clientHoverImg  { position: absolute; left: 59px; top: 43px; opacity: 0; transition: 0.3s; }
.clientSec .row.justify-content-center.mt-4 .col-sm-4 .clientBox:hover .clientHoverImg { opacity: 1;}
.clientSec .row.justify-content-center.mt-4 .col-sm-4 .clientBox.imgHover img { background-color: black; }
.clientSec .row.justify-content-center.mt-4 .col-sm-4 .clientBox:hover img { opacity: 0;}



/* .clientSec.black-text .clientBox .clientInfo h4, .clientSec.black-text .clientBox .clientInfo p { color: #1E1E1ECC;  } */


.touchSecurSec { background: #F5F5F5E5 url(assets/images/jp-logo-bg.png) right -160px top no-repeat; background-size: contain; padding-top: 30px; padding-bottom: 60px;  }
.touchSecurSec.idcPage { background: url(assets/images/idc-bg-logo.jpg) right top no-repeat; background-size: cover; background-color: none;}
.touchSecurSec .row.align-items-center { min-height: 365px; }
.touchSecurSec.idcPage .row.align-items-center { min-height: 658px; }
/* .touchSecurSec h2 { text-transform: capitalize; } */
.touchSecurSec h2 span { background-image: linear-gradient(to right, #7dba28, #0ca539); color: transparent; background-clip: text; font-size: 16px; margin-bottom: 20px; font-weight: 700; }
.touchSecurSec .touchSecArea  { padding-right: 60px;}
.touchSecurSec .touchSecArea p { font-size: 20px; font-weight: 500; color: #1E1E1E; line-height: 140%; letter-spacing: -2.5%; }
.touchSecureList { margin: 50px 0 40px; }
.touchSecureList h3 { font-size: 24px; font-weight: 600; position: relative; padding-left: 50px; margin: 0 0 18px; }
.touchSecureList h3 img { position: absolute; left: 0px; top: -4px; }
.touchSecureList ul {padding: 0px; margin: 10px 0 0 0; }
.touchSecureList ul li { padding: 0 0 0 12px; margin: 0 0 10px 0; font-size: 18px; font-weight: 500; color: #1E1E1E; }
.touchSecureList ul li i { font-size: 12px; margin-right: 5px; }


.trustedArea .row.align-items-center { height: 130px; background-color: white; }
.trustedArea h3 { text-align: right; font-size: 16px; font-weight: 700; color: #1E1E1E; text-transform: uppercase; }
.trustedArea ul { padding: 0; margin: 0; display: flex; justify-content: center; align-items: center; }
.trustedArea ul li { max-width: 210px; margin: 0 15px; }
.trustedArea ul li img { max-height: 64px; }

.greenSec {padding: 100px 0px; background: url(assets/images/overviewbg.jpg) center top no-repeat; background-size: cover; }
.greenSec .row h2 { color: white; font-size: 24px; margin-bottom: 40px; }
.greenSec .row h2 span { background-image: linear-gradient(to right, #7dba28, #0ca539); color: transparent; background-clip: text; font-size: 16px; margin-bottom: 20px; font-weight: 700;  }

.greenSec.aboutGreen { background: none; } 
.greenSec.aboutGreen .row h2 { font-size: 22px; font-weight: 700; color: #1E1E1E; line-height: 120%;}
.greenSec.aboutGreen .row h2 span { font-size: 18px; color: #1E1E1E; background: none;}

.greenSec .grayBox { background-color: #EEEEEEEE; padding: 20px; border-radius: 12px; margin: 0; }
.greenSec .grayBox h4 { font-size: 18px; font-weight: 700; padding: 0px; margin: 0 0 10px 0; line-height: 120%;  letter-spacing: -1px; }
.greenSec .grayBox p {font-weight: 500; padding: 0px 40px 0 0; margin: 0 0 10px 0; line-height: 140%; }

.challangeSec { padding: 65px 0px; }
.challangeSec h2 span { background-image: linear-gradient(to right, #7dba28, #0ca539); color: transparent; background-clip: text;font-size: 16px; font-weight: 700; }
.challangeSec .col-sm-6 .chalangeGrayBox { background: #eeeeee url(assets/images/touchless-images/icon-challanges1-big.png) right bottom no-repeat; min-height: 250px; border-radius: 12px; padding: 20px;    margin-bottom: 25px;}
.challangeSec .chalangeGrayBox h4 { display: flex; flex-direction: row; align-items: flex-end; font-size: 24px; font-weight: 700; color: #1E1E1E;}
.challangeSec .chalangeGrayBox h4 img {margin-right: 15px;}
.challangeSec .chalangeGrayBox p { padding: 20px 105px 0 0; font-size: 18px; font-weight: 500; margin: 0; }
.challangeSec .chalangeGrayBox p b { font-weight: 700; font-style: italic;  }

.challangeSec .col-sm-6:nth-child(3) .chalangeGrayBox { background-image: url(assets/images/touchless-images/icon-challanges2-big.png); margin-top: -60px; }
.challangeSec .col-sm-6:nth-child(4) .chalangeGrayBox { background-image: url(assets/images/touchless-images/icon-challanges3-big.png); max-width: 525px; margin-left: auto; min-height: 200px; }
.challangeSec .col-sm-6:nth-child(4) .chalangeGrayBox p { padding-right: 12px; }
.challangeSec .col-sm-6:nth-child(5) .chalangeGrayBox { background-image: url(assets/images/touchless-images/icon-challanges4-big.png); margin-top: -45px; max-width: 645px; }
.challangeSec .col-sm-6:nth-child(5) .chalangeGrayBox p { padding-right: 15px; }


.biomatSec { background: url(assets/images/touchless-secure.jpg) center top no-repeat; background-size: cover; border-radius: 0; padding-top: 70px; }
.biomatSec h2 {font-size: 24px;font-weight: 700;color: white;padding: 0px;margin: 0; }
.biomatSec h2 span {background-image: linear-gradient(to right, #7dba28, #0ca539);color: transparent;background-clip: text;font-size: 16px;padding: 0px 0 20px 0px;margin: 0; }
.biomatSec .bioCnt p { padding: 20px 0 0 0; margin: 0; font-size: 18px; color: white; line-height: 140%; }
.biomatSec .bioCnt h6 { padding: 40px 0 20px 0; margin: 0; font-size: 18px; color: white; line-height: 140%;  font-weight: 700; }
.biomatSec .bioCnt ul {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.biomatSec .bioCnt ul li {font-size: 18px;color: white;padding: 10px 0 0 0px;margin: 0 0 20px 0;font-weight: 700;width: 33%;position: relative;display: flex;justify-content: flex-start;align-items: center;}
.biomatSec .bioCnt ul li span { margin-left: 10px; }

.faceSec { border-radius:  0 0 80px 80px; padding: 80px 0px; position: relative; z-index: 4;
background: url(assets/images/facial-verification.png) center top no-repeat; background-size: cover;
}
.faceSec h2 {font-size: 24px;font-weight: 700;margin-bottom: 20px; }
.faceSec h2 span {background-image: linear-gradient(to right, #7dba28, #0ca539);color: transparent;background-clip: text;font-size: 16px;margin-bottom: 20px; }
.faceSec p { font-size: 18px; font-weight: 500; padding: 0px; margin: 0; line-height: 120%; max-width: 90%; }
.faceSec h6 { padding: 0px 0 20px 0; margin: 0; font-size: 18px; color: #1E1E1E; line-height: 140%; font-weight: 700;}
.faceSec ul {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.faceSec ul li { font-size: 18px; color: #1E1E1E;; padding: 10px 0 0 0px; margin: 0 0 20px 0; font-weight: 700; width: 50%; position: relative; display: flex; justify-content: flex-start; align-items: center; }
.faceSec ul li span { margin-left: 15px; }


.verificationSec { /* background: url(assets/images/biometric-flow.png) center top no-repeat; background-size: cover; */ background-color: #f5f5f5; padding: 140px 0 70px; margin: -70px 0 0 0; z-index: 1; position: relative; }
.verificationSec h2 { text-align: center; }
.verificationSec h2 span { background-image: linear-gradient(to right, #7dba28, #0ca539);color: transparent;background-clip: text;font-size: 16px;margin-bottom: 70px; font-weight: 700; }



.secOCRsec {background: url(assets/images/touchless-secure.jpg) center top no-repeat; background-size: cover; padding: 70px 0 100px; border-radius: 0; }

.secOCRsec h2 {font-size: 24px;font-weight: 700;margin-bottom: 20px; color: white;  } 
.secOCRsec h2 span {background-image: linear-gradient(to right, #7dba28, #0ca539);color: transparent;background-clip: text;font-size: 16px;margin-bottom: 20px;}
.secOCRsec p {font-size: 18px;font-weight: 500;color: white; line-height: 140%; padding-right: 60px; }
.secOCRsec h6 { padding: 40px 0 20px 0; margin: 0; font-size: 18px; color: white; line-height: 140%;  font-weight: 700; }
.secOCRsec ul {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.secOCRsec ul li { font-size: 18px; color: white; padding: 10px 0 0 0px; margin: 0 0 20px 0; font-weight: 700; width: 50%; position: relative; display: flex; justify-content: flex-start; align-items: center; }
.secOCRsec ul li span {margin-left: 10px; }
.dataFlowArea { background-color: #F5F5F5; border-radius: 40px; padding: 60px; text-align: center; margin-top: 65px; }


.csSec { padding: 100px 0 65px 0; }
.csSec h2 {font-size: 24px;font-weight: 700;margin-bottom: 20px; }
.csSec h2 span {background-image: linear-gradient(to right, #7dba28, #0ca539);color: transparent;background-clip: text;font-size: 16px;margin-bottom: 20px;}
.csSec p {font-size: 18px;font-weight: 500;color: #1E1E1E; line-height: 140%; padding-right: 60px; }
.csSec .list { background-color: #EFEFEF; border-radius: 12px; padding: 0px;; }
.csSec .list ul { display: flex; justify-content: space-between; align-items: center; height: 140px; padding: 0; margin: 0; }
.csSec .list ul li {}
.csSec .list ul li h6 { font-size: 32px; font-weight: 700; line-height: 120%; color: transparent; background-image: linear-gradient(to right, #7dba28, #0ca539); background-clip: text; }
.csSec .list ul li p { padding: 10px 0 0 0; margin: 0; }


.marketGapSec { padding: 85px 0px; background: #F5F5F5E5 url(assets/images/pms/marketGapbg.jpg) left top no-repeat; background-size: cover; }
.marketGapSec .gapInfo {}
.marketGapSec .gapInfo h2 { font-weight: 700; line-height: 120%; padding-right: 150px; }
.marketGapSec .gapInfo h2 span { background-image: linear-gradient(to right, #7dba28, #0ca539);color: transparent;background-clip: text;font-size: 16px;margin-bottom: 20px; }
.marketGapSec .gapInfo ul { padding: 20px 0 0 0;}
.marketGapSec .gapInfo ul li { padding: 0 0 0 30px; margin: 0 0 20px 0; position: relative; font-size: 20px; font-weight: 700; color: black; }
.marketGapSec .gapInfo ul li img { position: absolute; left: 0px; top: 0; width: 16px;height: 16px; bottom: 0; margin: auto; }

.marketGapSec .whiteBox { background-color: white; border-radius: 20px; padding: 100px 45px 45px 45px; position: relative; margin-top: 100px; text-align: center; }
.marketGapSec .whiteBox .topImg { background-color: white; border-radius: 20px 20px 0 0; width: 405px; height: 112px; position: absolute; left: 0px; top: -50px; right: 0; margin: auto; padding-top: 20px;  }

.marketGapSec .whiteBox h2 { padding: 0; margin: 0; font-size: 40px; line-height: 120%; margin-bottom: 75px; position: relative; }
.marketGapSec .whiteBox h2:before, .marketGapSec .whiteBox h2:after { position: absolute; left: 0; top: 0; content: ''; width: 143px; height: 102px; background-repeat: no-repeat; background-position: center center; }
.marketGapSec .whiteBox h2:before { background-image: url(assets/images/pms/qoute-start.png); }
.marketGapSec .whiteBox h2:after { background-image: url(assets/images/pms/qoute-end.png); left: inherit; right: 40px; top: inherit; bottom: -50px; }

.marketGapSec .whiteBox p { font-size: 20px; font-weight: 500; line-height: 140%; color: #1E1E1E; max-width: 90%; margin: auto; }
.marketGapSec .whiteBox p span { color: #E21A1A; font-style: italic; font-weight: 700; }



.purposeSec { background: url(assets/images/pms/purposeSecBg.jpg) right top no-repeat; background-size: cover; padding: 50px 0 110px 0; }
.purposeSec .purposeInfo { padding-right: 140px; }
.purposeSec .purposeInfo h2 { color: white; font-weight: 400; line-height: 140%; }
.purposeSec .purposeInfo h2 span { font-weight: 700;  }
.purposeSec .purposeInfo h2 b {font-weight: 700; font-style: italic;}
.purposeSec .purposeInfo p { color: white; font-size: 18px; font-weight: 500; line-height: 140%; }
.purposeSec ul { display:  flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.purposeSec ul li {font-size: 20px;font-weight: 700;color: white;padding: 0;margin: 70px 40px 0px;flex: 0 0 10%;text-align: center;}
.purposeSec ul li img { display: block; margin: auto; margin-bottom: 20px; }


.coreBenefitSec { padding: 65px 0 65px 0; }
.coreBenefitSec .coreInfo h2 { font-weight: 500; line-height: 140%; margin-bottom: 20px;  }
.coreBenefitSec .coreInfo h2 span {  font-weight: 700; padding: 0 0 20px 0; margin: 0; }
.coreBenefitSec .coreInfo h2 b {color: #1136B5; font-weight: 700; font-style: italic;  }
.coreBenefitSec .coreInfo p { font-size: 18px; font-weight: 500; line-height: 140%; color: #1E1E1E; padding: 0; margin: 0 auto; max-width: 80%; margin-bottom: 65px; }

.coreBenefitSec .row.align-items-end { }
.coreBenefitSec .row.align-items-end .boxArea { background-color: #EEEEEE; background-size: 602px 600px; border: 1px solid #E5E5E5; border-radius: 20px; height: 600px; margin-bottom: 40px; background-position: left top; background-repeat: no-repeat; display: flex;  flex-direction: column-reverse; position: relative; overflow: hidden; border: 4px solid #E5E5E5; }
.coreBenefitSec .row.align-items-end .boxArea:nth-child(even) { background-color: #1136B5;  background-position: right top; background-repeat: no-repeat; border: 4px solid #1136B5; }

.coreBenefitSec .row.align-items-end .boxArea:before {position: absolute;right: -210px;top: -70px;margin: auto;content: '';background: url(assets/images/jp-logo-bg.png) right top no-repeat;background-size: 850px 780px;width: 900px;height: 770px;z-index: 0;opacity: 0.4;}
.boxArea:after { content: ''; background: linear-gradient(45deg,  rgba(0,0,0,0.12) 0%,rgba(0,0,0,0) 100%); position: absolute; left: 602px; top: 0; height: 600px; width: 100%; max-width: 850px; }
.coreBenefitSec .row.align-items-end .boxArea:nth-child(even):before { left: -160px; right: inherit; opacity: 0.05; background-size: 750px 780px; width: 700px; }

.coreBenefitSec .row.align-items-end .boxArea:nth-child(even).boxArea:after { left: -20px; background: linear-gradient(300deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); }
.coreBenefitSec .row.align-items-end .boxArea .coreBoxInfo {padding: 0 170px 40px 650px;position: relative;z-index: 5;}
.coreBenefitSec .row.align-items-end .boxArea .coreBoxInfo h4 { font-size: 32px; font-weight: 700; color: #1E1E1E; line-height: 120%; padding: 0; margin: 0 0 15px 0; }
.coreBenefitSec .row.align-items-end .boxArea .coreBoxInfo p { font-size: 18px; font-weight: 500; color: #1E1E1E; line-height: 140%; padding: 0; margin: 0 0 10px 0; }

.coreBenefitSec .row.align-items-end .boxArea:nth-child(even) .coreBoxInfo { padding: 0 860px 40px 50px; }
.coreBenefitSec .row.align-items-end .boxArea:nth-child(even) .coreBoxInfo h4, .coreBenefitSec .row.align-items-end .boxArea:nth-child(even) .coreBoxInfo p {color: white;}


.formOverlay {background-color: #000000b8; z-index: 100; position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; opacity: 0; visibility: hidden; transition: 0.3s; }
.formOverlay.active {opacity: 1; visibility: visible; }
.generalPopupForm {z-index: 110; position: fixed; left: 0; right: 0; margin: auto; width: 1060px; top: 50%; transform: translateY(-50%); padding: 35px; border-radius: 24px; opacity: 0; visibility: hidden; transition: 0.3s; /* background: url(assets/images/popupformbg.png) center top no-repeat; background-size: cover; */ background: linear-gradient(110deg, #27353F 0%, #222B31 45%, #1B1E20 82%, #191A1A 100%); }
.generalPopupForm.active { opacity: 1; visibility: visible; }
a.formClose { position: absolute; right: -5px; top: -10px; background-color: red; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; color: white; border-radius: 50%; opacity: 1; font-size: 16px; font-weight: 400; line-height: 0; border: 1px solid #d60606;}
.generalPopupForm h4 { font-size: 32px; font-weight: 700; padding: 0; margin: 0; background: linear-gradient(90deg, #7EBA28 0.23%, #0CA539 79.17%); color: transparent; background-clip: text; text-transform: capitalize; margin-bottom: 40px; }
.generalPopupForm .field { margin-bottom: 10px; }
#JoinOurTeamForm .field { min-height: 85px; }
.generalPopupForm .field input[type="text"],  .generalPopupForm .field input[type="email"] {}
.generalPopupForm .field.submit { margin: 0; padding: 0; border: 1px solid #0750b6; border-radius: 8px; }
.generalPopupForm .field.submit input[type="submit"] { text-align: center; background: linear-gradient(90deg, #53B1FD 0.23%, #1570EF 79.17%); color: white; border-radius: 8px; padding: 15px 15px; }
.generalPopupForm .submit button[type="submit"] { max-width: 297px; position: relative; }
.generalPopupForm .submit button i { position: absolute; right: 20px; top: 23px;}
#partnerForm.generalPopupForm { width: 850px; padding: 70px; }
#partnerForm.generalPopupForm .submit, #JoinOurTeamForm.generalPopupForm .submit { margin-top: 10px; }
.tabBgArea { background-color: #EFEFEF; border-radius: 25px; padding: 25px; min-height: 380px; margin-left: 0; margin-right: 0; }

#JoinOurTeamForm .row form { display: flex; flex-wrap: wrap;}

#generalForm .wpcf7 { display: flex; width: 100%;}
#generalForm .wpcf7 form { display: flex; flex-wrap: wrap;}
.wpcf7 form .wpcf7-response-output { margin: 10px 0px; }
.submit p { display: flex; }

.pmsBanBotTab ul { display: flex; justify-content: space-between; align-items: center; }
.pmsBanBotTab ul li { font-size: 18px; font-weight: 400; color: #1E1E1E; padding: 0 50px; margin: 0; line-height: 57px; background-color: white;text-align: center; cursor: pointer; }
.pmsBanBotTab ul li.active {background-color: #1E1E1E;font-weight: 700;}
.pmsBanBotTab ul li span { display: block; background-color: white; text-align: center; }
.pmsBanBotTab ul li.active span { background-image: linear-gradient(to right, #7dba28, #0ca539); color: transparent; background-clip: text; }

.pmsBoxMain [class*=col-] { margin-bottom: 30px;}
.pmsBoxMain h4 { font-size: 24px; font-weight: 700; padding: 0; margin: 0 0 15px 0; color: #1E1E1E; }
.pmsBoxMain p { font-size: 16px; font-weight: 500; padding: 0; margin: 0 0 15px 0; color: #1E1E1E; line-height: 140%; }
.pmsBoxMain p:last-child { margin-bottom: 0; }

.pmsBoxMain .pmsBox-1 {background-color: #D5D5D5;height: 253px;display: flex; border-radius: 10px; align-items: center; }
.pmsBoxMain .pmsBox-1 .boxImg { width: 290px; height: 100%; }
.pmsBoxMain .pmsBox-1 .boxImg img { object-fit: cover; height: 100%; }
.pmsBoxMain .pmsBox-1 .boxInfo{padding-left: 30px;width: 495px;}

.pmsBoxMain .pmsBox-2 {background-color: #EEEEEE; height: 530px; border-radius: 10px; }
.pmsBoxMain .pmsBox-2 .boxImg { height: 309px; }
.pmsBoxMain .pmsBox-2 .boxImg img { object-fit: cover; height: 100%; border-radius: 10px 10px 0 0; }
.pmsBoxMain .pmsBox-2 .boxInfo { padding: 25px 30px 30px 25px; }

.pmsBoxMain .pmsBox-3 {background-color: #D5D5D5; height: 542px; margin-top: -277px; border-radius: 10px; }
.pmsBoxMain .pmsBox-3 .boxImg { height: 304px; }
.pmsBoxMain .pmsBox-3 .boxImg img { object-fit: cover; height: 100%; border-radius: 10px 10px 0 0; }
.pmsBoxMain .pmsBox-3 .boxInfo { padding: 25px 30px 30px 25px; }

.pmsBoxMain .pmsBox-4 { height: 247px; margin-top: -277px; border-radius: 10px; }

.pmsBoxMain .pmsBox-5 {background-color: #313131; height: 265px; transform: translate(-490px); border-radius: 10px; display: flex; align-items: center; }
.pmsBoxMain .pmsBox-5 .boxImg { width: 269px; height: 265px; }
.pmsBoxMain .pmsBox-5 .boxImg img { object-fit: cover; height: 100%; }
.pmsBoxMain .pmsBox-5 .boxInfo{padding-left: 25px;width: 300px;}
.pmsBoxMain .pmsBox-5 h4, .pmsBoxMain .pmsBox-5 p { color: white; }

.pmsBoxMain .pmsBox-6 { background-color: #EEEEEE; height: 449px; margin-top: -296px; border-radius: 10px; }
.pmsBoxMain .pmsBox-6 .boxImg { height: 275px; background-color: #5EB5F3CC; border-radius: 10px 10px 0 0; }
.pmsBoxMain .pmsBox-6 .boxImg img { object-fit: cover; height: 100%; position: relative; bottom: -16px; }
.pmsBoxMain .pmsBox-6 .boxInfo { padding: 25px 30px 30px 25px; }

.pmsBoxMain .pmsBox-7 { background-color: #EEEEEE; height: 474px; border-radius: 10px; }
.pmsBoxMain .pmsBox-7 .boxImg { height: 309px; background-color: #E1B679; border-radius: 10px 10px 0 0; }
.pmsBoxMain .pmsBox-7 .boxImg img { object-fit: cover; height: 100%;  }
.pmsBoxMain .pmsBox-7 .boxInfo { padding: 25px 30px 30px 25px; }


.pmsBoxMain .pmsBox-8 { height: 154px; }


.pmsBoxMain .pmsBox-9 { background-color:#D5D5D5;height: 290px; margin-top: -320px; border-radius: 10px; display: flex; align-items: flex-end;  }
.pmsBoxMain .pmsBox-9 .boxImg { width: 287px; height: 100%; }
.pmsBoxMain .pmsBox-9 .boxImg img { object-fit: cover; height: 100%; }
.pmsBoxMain .pmsBox-9 .boxInfo { padding-left: 30px;width: 470px;}
.pmsBoxMain .pmsBox-9 .boxInfo p { margin-bottom: 30px; }

.pmsBoxMain .pmsBox-10 {background-color: #D1F6B1; height: 224px; margin-top: -30px; border-radius: 10px; display: flex; align-items: center; }
.pmsBoxMain .pmsBox-10 .boxImg { width: 290px; height: 100%; }
.pmsBoxMain .pmsBox-10 .boxImg img { object-fit: cover; height: 100%; }
.pmsBoxMain .pmsBox-10 .boxInfo{padding-left: 30px;width: 495px;}

.pmsBoxMain .pmsBox-11 {background-color: #EEEEEE; height: 490px; margin-top: -30px; }
.pmsBoxMain .pmsBox-11 .boxImg { height: 246px; }
.pmsBoxMain .pmsBox-11 .boxImg img { object-fit: cover; height: 100%; border-radius: 10px 10px 0 0; }
.pmsBoxMain .pmsBox-11 .boxInfo { padding: 25px 30px 30px 25px; }


.pmsBoxMain .pmsBox-12 {background-color: #313131; height: 470px; margin-top: -268px; border-radius: 10px; }
.pmsBoxMain .pmsBox-12 .boxImg { height: 238px; }
.pmsBoxMain .pmsBox-12 .boxImg img { object-fit: cover; height: 100%; border-radius: 10px 10px 0 0; }
.pmsBoxMain .pmsBox-12 .boxInfo { padding: 25px 30px 30px 25px; }
.pmsBoxMain .pmsBox-12 .boxInfo h4, .pmsBoxMain .pmsBox-12 .boxInfo p { color: white;}

.pmsBoxMain .pmsBox-13 { height: 238px; margin-top: -268px; border-radius: 10px; }

.pmsBoxMain .pmsBox-14 {background-color: #D1F6B1; height: 202px; margin-top: -232px; border-radius: 10px; display: flex; align-items: center; }
.pmsBoxMain .pmsBox-14 .boxImg { width: 287px; height: 100%; border-radius: 10px 0 0 10px; }
.pmsBoxMain .pmsBox-14 .boxImg img { object-fit: cover; height: 100%; }
.pmsBoxMain .pmsBox-14 .boxInfo{padding-left: 30px;width: 640px;}

.pmsHalfBoxArea  { background-color: #EEEEEEF0; height: 435px; border-radius: 10px; margin-top: -30px; }
.pmsHalfBoxArea .boxImg { height: 238px;  }
.pmsHalfBoxArea img { object-fit: cover; height: 100%; border-radius: 10px 10px 0 0; }
.pmsHalfBoxArea .boxInfo { padding: 30px; }
.pmsHalfBoxArea .boxInfo h4 { font-size: 24px; font-weight: 700; color: #1E1E1E; padding: 0; margin: 0 0 15px 0; }
.pmsHalfBoxArea .boxInfo p { font-size: 16px; font-weight: 500; color: #1E1E1E; padding: 0; margin: 0 0 15px 0; }
.pmsHalfBoxArea .boxInfo p:last-child { margin-bottom: 0px; } 


.pmsHalfBoxArea.halfSecondBox { background-color: #317D86F0;}
.pmsHalfBoxArea.halfSecondBox h4, .pmsHalfBoxArea.halfSecondBox p { color: white;}

.valuePrincipalSec { background-color: #F5F5F5; padding: 100px 0; }
.valuePrincipalSec .col-sm-4:nth-child(2) { margin-top: -100px; }
.valuePrincipalSec .col-sm-4:nth-child(3) { margin-top: -200px; }
.valuePrincipalSec h2 { line-height: 105%; letter-spacing: -2.5%; margin-bottom: 180px; }
.valuePrincipalSec .valuPriciplBox { background-color: white; box-shadow: 0px 2px 40px 0px #0000001A; border-radius: 12px; height: 150px; margin-bottom: 40px; padding: 25px; transition: all .35s ease; }
.valuePrincipalSec .valuPriciplBox:hover { transform: translateY(-10px); border-color: #6C63FF; box-shadow: 0 25px 50px rgb(10 10 10 / 27%); }
.valuePrincipalSec .valuPriciplBox h5 { font-size: 22px; font-weight: 700; color: #1E1E1E; padding: 0px; margin: 0; line-height: 120%; display: flex;justify-content: flex-start; align-items: center; margin-bottom: 27px;  }
.valuePrincipalSec .valuPriciplBox h5 i { width: 40px; height: 40px; margin-right: 20px; }
.valuePrincipalSec .valuPriciplBox p  { font-size: 18px; font-weight: 400; color: #1E1E1E; padding: 0px; margin: 0; line-height: 140%; }

.partnerTabs { padding-left: 80px; }

.whyWorkSec { padding: 100px 0px; }
.whyWorkSec .whyWorkInfo { padding-right: 17px;}
.whyWorkSec .whyWorkInfo h2 { line-height: 140%; font-weight: 600; font-size: 32px; }
.whyWorkSec .whyWorkInfo h2 span { font-size: 18px; font-weight: 700; color: #1E1E1E; margin-bottom: 25px; }
.whyWorkSec .whyWorkInfo h2 strong { font-weight: 700; color: #7EBA28; }
.whyWorkSec .whyWorkInfo p { font-size: 18px; font-weight: 400; line-height: 140%; padding-right: 105px;}
.whyWorkSec h3 { background-image: linear-gradient(to right, #7dba28, #0ca539); color: transparent; background-clip: text; font-size: 18px; font-weight: 700; padding: 0; margin: 0 0 20px 0; line-height: 150%; }

.whyWorkSec .borAccor { background: transparent; border: 2px solid #F5F5F5; transition: 0.3s; }
.whyWorkSec .borAccor.bg { background-color: #F5F5F5; }
.whyWorkSec .borAccor ul { flex-direction: column; align-items: flex-start; }
.whyWorkSec .borAccor ul li { border-radius: 0; border-width: 2px; }
.whyWorkSec .borAccor ul li:before { width: 22px; height: 22px; background-size: cover;}
.whyWorkSec .borAccor ul.list>li h5 { margin: 0px; }
.whyWorkSec .borAccor ul li:first-child { border-radius: 12px 12px 0 0; }

.idcBanner.touchLessInfo .bannerInfo {max-width: inherit; width: 717px;height: 225px;padding-top: 54px;padding-bottom: 54px;}
.idcBanner .bannerInfo h6 {font-size: 24px;font-weight: 600;padding: 0;}
.idcBanner .bannerInfo h4 { text-transform: uppercase; margin-bottom: 6px; }
.idcBanner .bannerInfo p { padding-left: 0; }


.idcServices { padding: 95px 0; background-color: #fafafa; }
.idcServices h2 { margin-bottom: 50px; }
.idcServices ul{display: flex;justify-content:center;align-items:flex-start;gap: 60px;margin-bottom:80px;}
.idcServices ul li p { font-size: 20px; font-weight: 700; color: #1E1E1E; padding: 15px 0 0 0; margin: 0; line-height: 120%; letter-spacing: -2.5%; }
.idcClientele { padding: 100px 0px; background-color: white;  }
.idcClientele h2 { margin-bottom: 65px; }


.wpcf7-response-output { color: white; display: none !important; }
.mobHeading h4 { display: none; }
.wpcf7 input:-webkit-autofill,
.wpcf7 input:-webkit-autofill:hover,
.wpcf7 input:-webkit-autofill:focus,
.wpcf7 input:-webkit-autofill:active {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: inherit !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: inset 0 0 0 1000px transparent !important;
}

.mobHeading { display: none; }

/* Responsive
------------------------------------*/
@media only screen and (min-width: 1200px) {
  .container { max-width: 1470px; }
}

@media only screen and (max-width: 1400px) {
.pmsBoxMain .pmsBox-5 { transform: translate(-465px); }
.pmsBoxMain .pmsBox-5 .boxImg { width: 230px; }
}

@media only screen and (max-width: 1340px) {
.pmsBoxMain .pmsBox-5 { transform: translate(-440px); }
}
@media only screen and (max-width: 1280px) {
.pmsBoxMain .pmsBox-5 { transform: translate(-410px); }
.pmsBoxMain .pmsBox-6 .boxInfo { padding: 20px 15px; }
.pmsBoxMain h4 { font-size: 20px; margin: 0 0 10px 0; font-size: 18px; }
.pmsBoxMain p { font-size: 15px; margin: 0 0 12px 0; line-height: 130%; }
.pmsHalfBoxArea { height: 470px; margin-top: -30px; }
.pmsHalfBoxArea.halfSecondBox { margin-top: -30px; }
}

@media only screen and (max-width: 1200px) {
.pmsBoxMain h4 { font-size: 16px; }
.pmsBoxMain .pmsBox-5 { transform: translate(-315px); }


.pmsBoxMain .pmsBox-1 .boxInfo,
.pmsBoxMain .pmsBox-5 .boxInfo,
.pmsBoxMain .pmsBox-10 .boxInfo,
.pmsBoxMain .pmsBox-14 .boxInfo { padding-left: 15px; padding-right: 15px; width: 100%; }

}


@media (max-width: 1650px) { 
  .greenBg, .grayBigBg, .aboutDarkBg { margin-left: 0; margin-right: 0; }
  .engBotList ul:before { width: calc(100% + 40px); left: -20px; }
}

@media (max-width: 1480px) {
  .bannerSlider .slick-dots { width: auto; }
  .leftContectArea { margin-right: 50px; } 
  .footer h4 { font-size: 18px; }
  .servList { margin: 30px 0 0 0; }
  .servList h4 { font-size: 25px; margin: 0 0 10px 0; }
  .servList p { font-size: 16px; }
  .servBgSec { min-height: inherit; padding: 60px 0; height: auto; }
  .twoSec ul li h4 br, .aboutStoryBoxInfo h4 br { display: none; }
  .grayBigBg { padding-left: 50px; padding-right: 50px;}
  .grayBg ul li { padding-left: 75px; margin-bottom: 50px; margin-bottom: 20px; }
  .grayBigBg .whiteBox ul li { font-size: 18px; }
  .engBotList ul li { font-size: 18px; }
  .grayBigBg .whiteBox::before { width: 100px; height: 100px; background-size: contain; }
  .aboutGalBox .galInfo h4 { font-size: 22px; margin: 0 0 0px 0; } 
  #tabs-nav li a { font-size: 18px; line-height: 50px; padding: 0px 10px; }
  .expDtl h2 { font-size: 35px; }
  .expDtl p { font-size: 20px; }
  .expDtlInfo { margin-top: 35px; }
  .expDtlInfo h3 { font-size: 26px; margin: 0 0 12px 0;  }
  .focusedSec { background-position: right -100px top; }
  .focusedSec.clientPartner  { background-position: right -143px top; }
  .focusedInfo h2 { max-width: 440px; }
  .banFormBg { width: 440px; }
  .postInfo { height:  340px;}
  .globelInfo p:last-child { margin-bottom: 0px; }
  .focusedSec:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background-color: #04000ab3; opacity: 0.8; margin-right: 762px; }
  .focusedSec.bgAdjust:before { margin-right: 767px; }
  .expLeftList #tabs-nav li a img.activeImg { left: 11px; top: 10px; }
  .greenSec .grayBox { min-height: 205px; }
  .challangeSec .chalangeGrayBox p { font-size: 17px;}
  .clientSec .clientBox { min-height: 380px; }
  .touchLessInfo .row.align-items-center { min-height: 490px; }
  .touchLessInfo .bannerInfo { max-width: 490px; }
  .subMenu ul li a { font-size: 13px; }
  .productDropdownList.topList { padding-right: 15px;}
  .productDropdownList p { font-size: 13px; }
  .idcBanner.touchLessInfo .bannerInfo { width: 560px; height: 215px; padding-top: 40px; padding-bottom: 40px; }
  .idcBanner .bannerInfo h6 { font-size: 22px; }
  .bannerInfo h4 { font-size: 28px; }
  .grayBox.secondBox { margin-top: 62px; }
  /* .wpcf7-spinner { display: none;} */
  .generalPopupForm { padding: 25px 35px; }
  .generalPopupForm h4 { margin-bottom: 20px; }
  .imgArea { background-position: right -90px top;}

}

@media (max-width: 1367px) {
  .focusedSec { background-position: right -200px top; }
  .focusedSec:before { margin-right: 661px; }
  .imgArea { background-position: right -105px top; height: 500px; } 

}

@media (max-width: 1280px) {
  .scale-section .headArea h2 { font-size: 55px; }
  .animatedBox { height: auto; padding: 20px 30px; }
  .animatedBox h4 { font-size: 25px; line-height: 32px; margin: 5px 0px; }
  .animatedBox p { font-size: 18px; line-height: 25px; margin: 15px 0 25px 0; }
  .postlist .postInfo h4 { padding: 15px 0; font-size: 25px; line-height: 32px; }
  .postlist .postInfo p { margin: 0 0 10px 0; font-size: 18px; line-height: 24px; min-height: 168px; }
  .challengeArea h3 { line-height: 60px; font-size: 50px; }
  .leftContectArea { margin-right: 0px; } 

  .servBanner .row.align-items-center { min-height: 430px; }
  .servBanner .servBanInfo h3 { font-size: 35px; line-height: 40px; margin: 0 0 10px 0; }
  .servBanner .servBanInfo p { font-size: 20px; line-height: 30px; padding-right: 0px; }
  .servTabList ul li a { padding: 10px 10px; font-size: 16px; }
  .servBox h5 { font-size: 18px; margin: 10px 0 5px 0; }
  .servBox p { font-size: 16px; }

  .grayCta a { font-size: 14px; padding: 10px 10px; margin-right: 15px; min-width: 130px; text-align: center; }
  .servOverComHead h2 { font-size: 35px; line-height: 45px; }

  .twoSec .col-sm-6:first-child { padding: 15px; }
  .twoSec .col-sm-6:last-child { padding: 15px; }
  .twoSec ul li h4 { font-size: 16px; }

  .checkList h4 { font-size: 18px; }
  .checkList p { font-size: 16px; font-weight: 500; margin-bottom: 15px; }

  .servBgSec h2 { font-size: 35px; max-width: 80%; }
  .servSubHead h3 { font-size: 22px; }
  .servSubHead p { font-size: 14px; }

  
  .postSliderSec h2 { font-size: 28px; }

  .grayBg ul li { padding-left: 50px; }
  .grayBg ul li i { width: 35px; height: 35px; }
  .grayBg ul li i svg { width: 20px; }
  .grayBg ul li h4 { font-size: 18px; margin: 0; }
  .grayBg ul li p { max-width: 90%; font-size: 16px;  line-height: normal; margin: 0; }

  .greenBg .infoBox h2 { font-size: 25px; }
  .greenBg .infoBox p  { font-size: 16px; line-height: 130%; margin-bottom: 40px; }

  .greenBg .infoBox h6 {  font-size: 16px; line-height: 120%; margin: 0 0 30px 0; }
  .greenOverwhite { padding: 25px 25px 25px 75px; }
  .greenOverwhite ul li h4 { font-size: 18px; line-height: 100%; }
  .greenOverwhite ul li p { font-size: 16px; }
  

  .grayBox h4 { font-size: 25px; }
  .grayBox p { font-size: 17px; }
  .aboutStorySec .storyInfo p { font-size: 20px; }
  .aboutStorySec .col-sm-8 { -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
  .aboutStoryBoxInfo h4 { font-size: 16px; }
  .grayBigBg h3 { font-size: 25px; padding: 0 0 25px;  }
  .grayBigBg .whiteBox h5 { font-size: 18px; }
  .grayBigBg .whiteBox ul li { font-size: 18px; }
  .engBotList ul li { font-size: 18px; }
  .grayBigBg .whiteBox::before { width: 100px; height: 100px; background-size: contain; }
  .engBotList ul:before { width: calc(100% + 40px); left: -20px; }


  .aboutDarkBg { min-height: inherit; margin: 0; padding: 30px; height: auto; background-size: cover; }
  .tabInfoDtl { min-height: 100px; }
  .tabInfo h4 { font-size: 20px; margin: 15px 0 10px 0; }
  .tabInfo p { font-size: 16px; }
  .aboutGalBox .galInfo h4 { font-size: 20px; margin: 0 0 0px 0; } 
  .focusedSec { background-position: right -260px top; }
  .boxArea:after { left: 500px; height: 400px; width: 100%; max-width: 430px; }
  .coreBenefitSec .row.align-items-end .boxArea:nth-child(even).boxArea:after { left: 0px;}
  .mainMenu>ul>li:first-child { margin-left: 30px; }
  .mainMenu>ul>li + li { margin-left: 5px; } 
  .pmsBanBotTab ul li { font-size: 16px; padding: 0 25px; line-height: 50px; }

  .focusedSec:before { margin-right: 683px; }
  .focusedSec.bgAdjust:before { margin-right: 687px; }
  .buildTogetherSec .buildTogetherInfo p { margin-bottom: 100px; }

  .mainMenu>ul>li#productMenu i, .mainMenu>ul>li:first-child i { right: -8px; }
  .bannerSec .banInfo h1 br { display: none;}
  .greenSec .grayBox { min-height: 200px; }
  .bannerInfo { width: 450px; }
  .challangeSec .col-sm-6:nth-child(5) .chalangeGrayBox { margin-top: -35px; }
  .bioCnt { padding-bottom: 40px; }
  .bannerInfo.pms { width: 500px; }
  .bannerInfo.pms h6 { font-size: 20px; }
  .bannerInfo.pms h4 { margin-bottom: 0px; font-size: 28px; }
  .purposeSec { padding: 50px 0; }
  .focusedSec.clientPartner { background-position: right -223px top;    }
  .clientSec .clientBox { min-height: 380px; }
  .whiteText.servBanner .servBanInfo p br { display: none;}
.subMenu ul li a, .productDropdownList p { font-size: 12px; }
.subMenu .menuLeftInfo p { font-size: 14px; }
.subMenu ul li { font-size: 14px;}

.touchSecurSec .touchSecArea { padding-right: 0px; } 
.focusedSec .row.align-items-center { height: 515px; }

.imgArea { background-position: right -100px top; height: 490px; } 

 
}

@media (max-width: 1200px) {
  h2 { font-size: 28px; line-height: 35px; margin: 0 0 15px 0; }
  .mainMenu>ul>li a { padding: 10px 8px; font-size: 16px; }
  .mainMenu>ul>li:last-child a { font-size: 16px; }
  .bannerSec .banInfo h1 { font-size: 45px; line-height: 55px; }
  .bannerSec .banInfo p { font-size: 20px; }
  .bannerSec .banInfo p br { display: none;}
  .bannerSec .row.align-items-center { min-height: 600px; }
  .bannerSlider .slick-dots { width: 100%; justify-content: center; left: 0; bottom: 20px; }

  .counterSec .col-sm-6.offset-1 { margin-left: 0px; }
  .counterSec .col-sm-5 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .counterSec h3 { font-size: 32px; margin-bottom: 15px;  }
  .counterSec p { font-size: 20px; line-height: 28px; padding: 0 0px 0 0; }
  
  .counterArea { padding-left: 20px; }
  .counterArea .count ul {     align-items: flex-start; }
  .counterArea .count ul li h3 { font-size: 50px; }
  .counterArea .count ul li p { font-size: 16px; line-height: 22px; padding: 0; }
  .globelInfo p { font-size: 20px; line-height: 33px; margin: 0 0px 40px 0; }
  .scale-section {  padding-top: 50px; padding-bottom: 50px; height: auto; }
  .scale-section .headArea { padding-bottom: 30px; }
  .postlist h2 { font-size: 25px; }
  .postlist h6 { padding: 10px 0 0 0; font-size: 16px; left: 15px; top: 10px; }
   .scale-section .headArea h2 { font-size: 45px; } 
  .postlist .postInfo h4 { font-size: 20px; line-height: 28px; }
  .postlist .postInfo p { font-size: 17px; }
  .challengeArea { height: auto; padding: 35px; }
  .challengeArea h3 { font-size: 40px; }
  .botForm .submit p br { display: none;}
  .leftContectArea p { max-width: inherit; }


  .subMenu h3 { font-size: 18px; }
  .productDropdownList.topList { padding-top: 30px; }
  .productDropdownList p { margin-bottom: 20px; }
  .menuLeftInfo { padding-top: 70px; }
  .subMenu h4 { margin: 0 0 15px 0; }

  .checkListSec .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .checkList { margin-top: 20px; }

  .tabScrnAdjust .col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

  .greenBg { padding: 40px 20px;}
  .indusSec .indusBox .indusInfo { max-width: inherit;}
  .indusSec .indusBox .indusInfo h4 { font-size: 25px; }
  .indusSec .indusBox .indusInfo p { font-size: 16px; line-height: 110%; padding: 0px 10px 0 0;}


  .borAccordianSec h2 { font-size: 30px; margin-bottom: 20px; }
  .borAccor ul.list>li { padding: 20px 15px; }
  .borAccor ul.list>li h5 { font-size: 20px; margin: 0 0 8px 0; }
  .borAccor ul.list>li p { font-size: 16px; line-height: 140%; }

  .grayBigBg .whiteBox ul li { font-size: 16px; }
  .grayBigBg { padding-left: 30px; padding-right: 30px; }
  .grayBigBg .whiteBox {     padding: 24px 15px; }

  .tabInfoDtl .col { flex: 0 0 50%;  padding-bottom: 20px; }
  .tabList ul li { font-size: 18px; margin: 0 20px;  }
  .aboutGraySec h2 br { display: none; }

  .techSec .techInfo h2 { font-size: 26px; }
  .techSec .techInfo ul { padding: 50px 0 0 0; }
  .techSec .techInfo ul li { padding: 0 0 0 35px; margin: 0 0 20px 0; font-size: 18px; line-height: 110%; }
  .techSec .techInfo ul li:before { width: 20px; height: 20px; }
  
  .howSolveTop, .howSolveGrn { padding: 25px; }
  .howSolveTop p { font-size: 20px; }
  .howSolveGrn h3 {     margin: 0 0 15px 0; }
  .howSolveGrn ul li { font-size: 16px; line-height: 140%; padding: 0 0 0 20px; margin: 0 0 20px 0; }
  .howSolveGrn ul li strong { font-size: 20px; }


  .expertSolSec .col-sm-3 { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; }
  .expertSolSec .col-sm-9 { -ms-flex: 0 0 66.666%; flex: 0 0 66.666%; max-width: 66.666%; }

  .expDtl h2 { font-size: 30px; }
  .expDtlInfo h3 { font-size: 22px; }
  .expDtlInfo p { font-size: 15px; }
  .expLeftList h2 {  margin: 0 0 30px 0; }
  .expLeftList #tabs-nav { margin-bottom: 25px; }

 .whiteLineBg { padding: 25px; }
  .whiteLineBg h2 { font-size: 18px; margin-bottom: 5px;  }
  .whiteLineBg p { max-width: inherit; font-size: 16px; font-weight: 500; margin-bottom: 10px; }
  .whiteLineBg h2 span { font-size: 14px; margin: 0 0 0px 0; }
  .whiteLineBg h2 br { display: none; }

  .defaultBtn { padding: 15px 10px; font-size: 16px; margin-top: 0!important; }
  
  .modelBox .topImgInfo h3 { font-size: 25px; }
  .modelBox .botInfo .keyBenefitsArea { padding: 20px; }
  .modelBox .botInfo .keyBenefitsArea ul li { font-size: 15px; margin: 0 0 5px 0; }
  .modelBox .botInfo .bestForList span { padding: 5px 10px; font-size: 14px; line-height: 120%; margin: 0 0 5px 0; }

  .modelBox .botInfo .botSeprator ul li { font-size: 14px; }
  .modelBox .botInfo .botSeprator ul li:last-child a { padding: 8px 25px 8px 15px; } 
  
  .focusedSec { position: relative; }
  .focusedSec:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: auto; content: ''; background-color: #04000ab3; opacity: 0.8; }
  .focusedSec { background-position: right center; height: auto !important; }
  .sevColorBgInfo .sevColorBgDtl h2 { font-size: 35px; }
  .purposeSec .purposeInfo { padding-right: 50px; }
  .coreBenefitSec .coreInfo p { max-width: 100%; margin-bottom: 25px; }

  .coreBenefitSec .row.align-items-end .boxArea .coreBoxInfo h4 { font-size: 22px; margin: 0 0 10px 0;  }
  .coreBenefitSec .row.align-items-end .boxArea .coreBoxInfo p { font-size: 16px; line-height: 120%; margin: 0; }
  .coreBenefitSec .row.align-items-end .boxArea { background-size: 500px auto;  height: 400px; }
  .coreBenefitSec .row.align-items-end .boxArea .coreBoxInfo { padding: 20px 20px 20px 520px; }
  .coreBenefitSec .row.align-items-end .boxArea:nth-child(even) .coreBoxInfo { padding: 20px 520px 20px 20px; }


  .greenSec.aboutGreen .greenBg { padding: 0px 0px; }
  .greenSec.aboutGreen .row h2, .greenSec.aboutGreen .row h2 span { margin-bottom: 15px;}
  .aboutGraySec { padding: 50px 0; }
  .aboutGraySec h2 { margin-bottom: 25px; }
.engBotList ul li { margin: 0 30px; }


}
@media (max-width: 1024px) {
  /* html body [class^="col-sm-"], .counterSec [class^="col-sm-"], .aboutGraySec .col-6 {  -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } */
  .blackSec [class^="col-sm-"], .header .col-sm-3, .postListSec .col-sm-8, .postListSec .col-sm-4, .banBotSec .col-sm-4
   {  -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } 
   #serviceList [class^="col-sm-"], #productList [class^="col-sm-"]
   {  -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } 
  h2, .scale-section .headArea h2, .postlist h2 { font-size: 24px; line-height: 30px; margin: 0; }
  h2 span, .scale-section .headArea h2 span { font-size: 16px; line-height: 25px; margin: 0 0 10px 0; }
  .banBotSec h2 span { padding-left: 0; padding-right: 0;   }
.leftContectArea h2 br { display: none; }
  .bannerSec .row.align-items-center { min-height: 430px; padding-bottom: 30px; }
  .bannerSec .banInfo h1 { font-size: 28px; line-height: 35px; margin: 0 0 10px 0; }
  .bannerSec .banInfo p { font-size: 18px; line-height: 26px; padding-right: 0;  }
  .banFormBg { width: 100%; margin-top: 20px; }
  .bannerSec .banInfo { padding-top: 0px; margin-top: 0; max-width: 290px; }
  .bannerSec .banInfo .banFormBg { max-width: 500px; }
  .banFormBg input[type="text"] { width: 60%; padding: 0 0 0 15px; height: 54px; font-size: 14px; }
  .banFormBg input[type="submit"] { font: normal 700 14px / 22px 'IBM Plex Sans', sans-serif; height: 55px; }
  .bannerSlider .slick-dots {left: 54px; bottom: 40px; justify-content: flex-start; align-items: center; width: auto; }

  .counterSec { padding: 50px 0 0 0; }
  .counterSec h3 { font-size: 24px; line-height: 30px; margin: 0px 0 15px 0; }
  .counterSec p { font-size: 18px; line-height: 26px;  margin: 0 0 20px 0; padding: 0;  }
  .counterSec h6 { line-height: 28px; padding: 0; }
  .counterArea { padding-left: 0px; }
  .counterArea .count ul { align-items: flex-start; }
  .counterArea .count ul li h3 { font-size: 35px; line-height: 50px; }
  .counterArea .count ul li h3 img { max-width: 40px;}
  .counterArea .count ul li p {font-size: 14px; padding: 0; margin: 0; line-height: 22px; }
  .counterInfo { padding-bottom: 50px; }
  .counterInfo h4 { margin: 20px 0 10px 0; font-size: 16px; line-height: 26px; }


  .globalNetwordSec { padding: 50px 0px;  }
  .globalNetwordSec .row .text-right { text-align: left !important; }
  .globalNetwordSec .col-sm-6.text-right { text-align: left !important; padding-bottom: 30px; }
  
.globelInfo h2 br { display: none;}
  .globelInfo p { font-size: 18px; line-height: 26px; margin: 20px 0px 30px 0; }
  .globelInfo a { padding: 15px; font-size: 16px; }
  .globelInfo a + a { margin-left: 5px; }

  .scale-section { padding-top: 30px; height: auto;     transform: scale(1); }
  .scale-section .headArea { padding-bottom: 30px; }
  .scale-section .headArea p { font-size: 18px; line-height: 24px; padding: 0px; margin: 0px; }
  .scale-section .pl-0.pr-0 { padding-left: 15px !important; padding-right: 15px  !important; }

  .animatedBox { background: linear-gradient(135deg, rgba(48, 56, 36, 1) 0%, rgba(37, 41, 31, 0) 100%); }
  .animatedBox { height: auto; padding: 10px; margin-bottom: 25px; }
  .animatedBox i { display: inline-block; }
  .animatedBox i svg { width: 30px; }
  .animatedBox h4 { font-size: 20px; line-height: 26px; padding: 0px; margin: 16px 0px 16px 10px; display: inline-block; }
  .animatedBox p { font-size: 18px;  line-height: 24px; padding: 0px; margin: 0 0 15px 0;}
  .animatedBox p, .animatedBox a { transform: translateY(0px); opacity: 1; }

  .slick-dotted.slick-slider { margin-bottom: 50px; }

  .postlist { padding-top: 50px; }
  .postlist h6 { font-size: 20px;  line-height: 26px; margin: 0 0 40px 0; text-align: left; }
  .postImgArea h6 { font-size: 14px; line-height: 20px; }
  
  .postlist .postInfo h4 { padding: 30px 0 10px; font-size: 20px; line-height: normal; text-transform: capitalize; min-height: 95px; }
  .postlist .postInfo p { font-size: 18px; line-height: 26px; margin-bottom: 15px; min-height: 160px; }
  .post-single-list { max-width: 430px; margin: 0 auto 0px; min-height: 600px; padding-bottom: 30px; }
  .post-single-list.tabPad0 { margin-left: 0; }
  .postlist .postInfo { height: 270px; }
  .postlist .postInfo a { margin-bottom: 0; }
  .ctaSec {  padding: 0 15px; }
  .ctaSec .align-items-center { min-height: inherit; padding-left: 0px; padding-right: 0px; padding-top: 30px; padding-bottom: 30px; background-size: cover; background-position: left; }
  .ctaSec .align-items-center h4 { font-size: 20px; text-align: center; padding-bottom: 0px; }
  .ctaSec .align-items-center .text-right { text-align: center !important; }
  .ctaSec .align-items-center a { padding: 10px 15px; margin-top: 0px; border-radius: 5px; font-size: 16px; }

 .gientSec { padding: 50px 0px; }
 .logoSlider { padding-top: 40px; }

 .challengeArea { height: auto; padding: 20px; }
 .challengeArea .challengeInfo { max-width: inherit;  }
 .challengeArea h3 { padding: 0; margin: 0 0 15px 0; font-size: 24px; line-height: 30px; }
 .challengeArea p { font-size: 18px; line-height: 24px; padding: 0; margin: 0 0 15px 0; }
 .challengeArea a { padding: 15px 20px; font-size: 16px; }

 
 
 .halfSec .container-fluid { padding-left: 15px; padding-right: 15px; }
 .leftContectArea { width: 100%; float: none; margin-right: 0px; display: flex; padding-top: 40px; padding-bottom: 30px; }
.leftContectArea h2 { padding-right: 0px; }
 .leftContectArea p { font-size: 18px; line-height: 25px; max-width: inherit; margin: 20px 0 30px; }
 .leftContectArea a { padding: 15px; font-size: 16px; }
 .leftContectArea a + a { font-weight: 500; margin-left: 5px; }



 
.field { margin-bottom: 5px; padding: 10px 20px 10px; }
.field.textarea { margin-top: 0px; height: calc(99% - 14px); }
#generalForm .field.textarea {  height: 250px; overflow: hidden; }
.field p { text-align: left;}
.contactForm .field.textarea { height: 330px; }

 .submit { flex-direction: column; align-items: flex-start; text-align: left; }
.botForm .submit { margin-top: 0;}
 .botForm .submit p {   margin: 0; padding: 15px 0 0 0px; }

.footer { padding: 25px 0 20px; }
.footer h4 { position: relative; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #7dba28; font-size: 16px; line-height: 50px; }
.footer h4>i { display: block; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; color: #4CAF50; height: 20px; }
.footer .fotLinks ul { padding: 0px; margin: 0 0 25px 0; }
.fotLinks.halfLi ul li { width: 100%; }
.footer .fotLinks ul li { padding: 2px 0; }
.footer .fotLinks.mobActive h4 { border: 0; background-image: linear-gradient(to right, #7dba28, #0ca539); color: transparent; background-clip: text; margin-bottom: 0; line-height: normal; margin-top: 15px; }
.fotLinks.mobActive { border-bottom: 1px solid #7dba28; }
.footer .fotLinks.mobActive h4 i { color: white; }
.footer .fotLinks.mobActive h4 i.fa-chevron-down:before { content: "\f077"; }
h4.mobActive i.fa-chevron-down:before { content: "\f077"; }
h4.mobActive i.fa-chevron-down:before { color: white; }

.footer hr { height: 0px; margin: 20px 0 0 0;}

.copySec p { text-align: center;}
.copySec p a { padding-left: 5px; margin-left: 5px; }
.privacyLinks { text-align: center; padding-top: 15px; }



.mobLogo { padding: 15px; display: flex; }
.topMenu { padding-top: 15px; }
#nav-icon4 { display: block; }
.header .row.align-items-center { height: auto;}
.header { padding: 20px 0; }
.subMenu { height: 100vh; display: block !important; z-index: 15; top: 0; padding-top: 25px; width: 0; overflow: auto; transition: 0.3s; }
.subMenu.active { width: 100%; }
.subMenu h3 { font-size: 20px; text-align: left; margin-bottom: 0; }
.subMenu h3 br { display: none; }
.subMenu .menuLeftInfo p { text-align: left;}
.innerPad0 [class^="col-sm-"] { padding-left: 15px; padding-right: 15px; }
.menuLeftInfo { padding-top: 10px; padding-bottom: 10px; }
.subMenu a.closeMenuBtn { display: block; }
.subMenu ul li { margin: 0 0 8px 0; width: 100%; border-bottom: 1px solid green; padding-bottom: 5px; }
.productDropdownList.topList { padding-top: 15px; }
.subMenu h4 { margin: 0 0 5px 0; }
.subMenu .col-sm-9.pl-0.pr-0 { padding-left: 15px !important; padding-right: 15px !important; }
.mainMenu { position: fixed; left: 0px; top: 0; background-color: #F5F5F5; width: 0; height: 100%; z-index: 10; transition: 0.3s; overflow: hidden; }
.mainMenu.openMenu { width: 100%; }
.mainMenu>ul { justify-content: flex-start; flex-direction: column; align-items: flex-start; }
.mainMenu>ul>li { width: 100%; border-bottom: 1px solid green; padding-bottom: 5px; margin-bottom: 5px; }
.mainMenu>ul>li + li { margin-left: 0px; }
.mainMenu>ul>li:first-child { margin-left: 0; }
.mainMenu>ul>li:last-child { margin-left: inherit; border-bottom: 0; }
.mainMenu>ul>li a { padding: 6px 16px;  }
.mainMenu>ul>li a i {right: 10px;  }
.mainMenu>ul>li a i:before { content: "\f054"; }
.mainMenu>ul>li:first-child i, .mainMenu>ul>li#productMenu i { z-index: 1; right: 20px; }
.mainMenu>ul>li:first-child i:before, .mainMenu>ul>li#productMenu i:before { content: "\f054" }
.mainMenu>ul>li:last-child a { font-size: 16px; padding: 15px 15px; border-radius: 8px; margin: 10px 10px 0; display: inline-block; }
.closeMenu, .closeMenuBtn { position: absolute; right: 20px; top: 35px; font-size: 20px; color: #1fa836; display: block; }
.productDropdownList { border-bottom: 1px solid green; margin-bottom: 15px; }
.mobMenuAdjust { padding-left: 15px !important; padding-right: 15px !important; }
.subMenu { border: 0;}
.banBotbox h4 br { display: none; }

.mobHeading h4 { display: block; font-size: 24px; font-weight: 700; color: #161816; text-transform: uppercase; padding: 0; margin: 0 0 10px 0; }
.mobHeading h3, .mobHeading p { display: none;}
.servTabList ul { display: none; }
.servTabInfo { padding: 50px 0px; }
.servBox { max-width: 50%; margin: 30px auto 0; }
.servBgSec h2 { font-size: 28px; max-width: 100%; }

.grayCta { flex-direction: column; padding: 15px; }
.grayCta a { margin: auto;}
.grayCta h3 { font-size: 22px; margin-left: 0px; padding: 0 0 15px 0; text-align: center; }
.postlist { padding-top: 60px !important; }
.industriSec {  padding: 50px 0; }
.industryImgarea { padding-bottom: 25px; }
.indsBox { padding: 0px 0 5px 45px; margin-top: 15px; position: relative; }
.stepSec { margin: 50px 0; }
.grayBg ul { margin-top: 20px; }
.faqs-section h2 { padding-bottom: 20px; }

 /* Global Styling */
  .offset-1, .offset-2, .offset-3  { margin-left: 0 !important;}
  .bannerSec .banInfo h1 br, .bannerSec .banInfo p br, .counterSec h6::before, .footer .fotLinks ul, .twoSec ul li p br, .servSubHead h3 br, .grayCta img { display: none; }
/* .grayBigBg .whiteBox::before { transform: rotate(90deg); left: 0; bottom: -65px; top: inherit; right: 0; } */
.indusSec .indusBox img { border-radius: 12px; width: 100%; }
.indusSec .indusBox { margin-bottom: 0; margin-top: 25px; }

.grayBigBg h3 { text-align: left; }
.grayBigBg .whiteBox {  margin-bottom: 5px; padding: 40px 15px; }
.sliderWrapper { margin-right: 0; padding: 0; }
.aboutGalBox .galInfo h4 { font-size: 20px; margin: 0 0 0px 0; }
.postSliderSec .sliderWrapper .slick-list.draggable { padding-right: 0; }  


.aboutDarkBg { padding: 30px 15px; }
.tabList ul {margin: 20px 0 0 0; }
.tabList ul li { font-size: 15px; margin: 0 10px; }


.sliderWrapper .slick-list.draggable { padding-right: 0; }
.aboutGallerySec .container { max-width: 60%; }
.aboutGallerySec .col-7, .aboutGallerySec .col-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 20px; }
.mb-15 { padding: 0; margin-bottom: 20px; }
.valueBgArea { padding: 25px; }

/* Contact Page Responsive */
.formSec .formInfo h2 { padding-right: 0px; margin-bottom: 20px; }
.formSec .formInfo P { margin-bottom: 10px; }
.contactForm .col-sm-6.pl-0 { padding-left: 15px !important; }
.contactForm .submit p { margin: 20px 0 0 0; }
.contactBottomBg { padding: 50px 0; }
.contactBottomBg h2 { padding: 0 0 20px; }
.contactBottomBg .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.ofcLocat p { font-size: 16px; }
/* Contact Page Responsive */

.delSec { padding: 50px 0; }
.delSec img { width: 100%; } 
.delSec .pl-0 { padding-left: 15px !important;}
.delSec .pr-0 { padding-right: 15px !important; }


.techSec { padding: 50px 0px; }
.techSec .techInfo h2 { font-size: 26px; margin-bottom: 15px; }
.techSec .techInfo ul { padding: 25px 0; }
.howSolveTop p { font-size: 18px; line-height: 130%; }

.expertSolSec { padding: 50px 0; }
.expertSolSec h2 { margin-bottom: 20px; }
.expertSolSec .col-sm-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.expertSolSec .col-sm-9 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.expDtl h2 { font-size: 24px; }
.expLeftList #tabs-nav li:hover a { background-color: transparent; }
.expDtl .row .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }


.twoModels .col-sm-6 { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; margin: 15px auto; }
.focusedSec .row.align-items-center { height: auto; padding: 40px 0; height: auto !important ; }

.focusedInfo h2 { max-width: inherit; font-size: 22px; margin-bottom: 10px; }
.focusedInfo p { font-size: 16px; margin-bottom: 30px; }

.sevColorBgInfo .sevColorBgDtl h2 {   font-size: 35px; }
.sevColorBgInfo .sevColorBgDtl ul { margin: 50px 0 20px 0; }


.touchSecureList { margin: 30px 0 0 0; }
.touchSecureList h3 { font-size: 18px; padding-left: 40px; }
.touchSecureList h3 img { max-width: 30px; }
.touchSecurSec p {  margin: 0; }
.touchSecurSec .touchSecArea p { padding-top: 20px; padding-bottom: 20px; }
.trustedArea h3 { text-align: center; font-size: 22px; }

.greenSec { padding: 30px 0px; }
.greenSec .row h2 span { margin-bottom: 0px; }
.greenSec .grayBox { padding: 15px; margin: 0 0 20px 0; min-height: 215px; }
.greenSec .grayBox h4 br { display: none;}

.challangeSec { padding: 30px 0px; }
.challangeSec .col-sm-6 .chalangeGrayBox  { min-height: inherit; }
.challangeSec .col-sm-6:nth-child(2) .chalangeGrayBox { position: relative; bottom: -100px; }
.challangeSec .col-sm-6:nth-child(3) .chalangeGrayBox, .challangeSec .col-sm-6:nth-child(5) .chalangeGrayBox { margin-top: 0; }
.challangeSec .col-sm-6:nth-child(4) .chalangeGrayBox { margin-top: 54px; }
.challangeSec .chalangeGrayBox h4 { font-size: 20px; }
.challangeSec .chalangeGrayBox h4 img { margin-right: 15px; max-width: 40px; }
.challangeSec .chalangeGrayBox p { padding: 20px 20px 0 0; font-size: 18px;  line-height: 140%; }


.bioCnt { padding-top: 30px; padding-bottom: 40px; }
.col-sm-8.d-flex.align-items-center.pl-5 { padding-left: 15px !important; }
.biomatSec .bioCnt ul li { font-size: 16px; padding-left: 0px; width: 50%; margin-bottom: 10px; }
.biomatSec .bioCnt ul li br { display: none; }

.faceSec { padding: 40px 0 20px;  border-radius: 0 0 30px 30px;}
.faceSec ul li { width: 100%; margin-bottom: 10px; }
.faceSec ul li span br { display: none; }

.verificationSec {  padding: 100px 0 40px; margin-top: -60px; }
.verificationSec h2 span { margin-bottom: 20px; }
.secOCRsec { padding: 40px 0; border-radius: 0; }


.csSec { padding: 40px 0; }
.csSec img { display: block; margin: 25px auto; }

.csSec .list {  padding: 30px 15px; }
.csSec .list ul { height: auto; flex-wrap: wrap; }
.csSec .list ul li { width: 33.333%;  margin-bottom: 20px; text-align: center; }
.csSec .list ul li h6 { font-size: 24px; }
.csSec .list ul li p {  font-size: 16px; }
.secOCRsec p { padding-right: 0px; }
.secOCRsec ul li { width: 100%; }
.csSec p { padding-right: 0px; }
.tabInfoDtl .tabInfo { margin-bottom: 20px; text-align: center; }
.borAccordianSec .container .row { padding: 20px 0; }
.postSliderSec h4 { padding-right: 0; text-align: left; font-size: 22px; }

.purposeSec { padding: 40px 0; }
.marketGapSec .whiteBox h2 { font-size: 30px; margin-bottom: 50px; }
.purposeSec ul li { font-size: 18px; margin: 20px 25px 0px; flex: 0 0 15%; }
.formSec.contactform .formInfo { max-width: fit-content; }
.mobAdd { display: inline; }
.formSec .formInfo h6 { margin-bottom: 25px; }
.deskAdd, .formSec .formInfo h6 br { display: none;}
.featuredServImg { border-bottom: 1px solid;
border-image: linear-gradient(to bottom, black, white) 1;} 
.featuredServImg .contArea h3 { font-size: 40px;}
.featuredServImg .contArea h3 br { display: none;}
.featuredServImg::before { opacity: 0.35; /* Fade in */ }

 .postSliderSec { padding-top: 30px;  }
 .slick-dots li { width: 10px; }
 .slick-dots li button:before { font-size: 10px; }

 .trustedArea { padding: 30px 0; }
 .trustedArea .row.align-items-center { height: auto; }
 .trustedArea ul { flex-wrap: wrap; }
 .trustedArea ul li { max-width: 120px; margin: 0px 15px 10px 15px; }
.trustedArea ul li:first-child { flex: 0 0 100%; width: 100%; max-width: 100%; } 
 .dataFlowArea { border-radius: 20px; padding: 15px;  margin-top: 15px; }
 .touchLessInfo.servBanner .row.align-items-center { min-height: 300px; }
 .coreBenefitSec .row.align-items-end .boxArea:before { right: -70px; top: 0; background-size: cover; width: 250px; height: 230px; }

 .generalPopupForm {  margin: auto; width: 80%; padding: 15px; border-radius: 10px; }
 /* .generalPopupForm.active {top: 0; bottom: 0; }  */
 #partnerForm.generalPopupForm { width: 90%; padding: 20px; }
 a.formClose { top: 0; right: 0; }
 .generalPopupForm h4 { font-size: 25px; margin-bottom: 10px; }
 .generalPopupForm .field p:first-child { display: none;}
 .generalPopupForm .field textarea { height: 100%; } 

 ul.giendTopLogos .slick-track li { margin: 0 15px; }
 



.valuePrincipalSec { padding: 50px 0; }
.valuePrincipalSec h2 { font-size: 26px; line-height: 110%; margin-bottom: 25px; }

.valuePrincipalSec .col-sm-4:nth-child(2), .valuePrincipalSec .col-sm-4:nth-child(3) { margin-top: 0px;  }
.valuePrincipalSec .valuPriciplBox { margin-bottom: 20px; border-radius: 8px; height: 110px; padding: 15px 25px;  }
.valuePrincipalSec .valuPriciplBox h5 { font-size: 18px; margin-bottom: 15px; }
.valuePrincipalSec .valuPriciplBox h5 i { width: 25px; height: 25px; margin-right: 10px; }
.valuePrincipalSec .valuPriciplBox p { font-size: 16px; }
.whyWorkSec .whyWorkInfo h2 { font-size: 28px; }
.whyWorkSec { padding: 100px 0px 30px; }
.aboutGraySec h2 { max-width: 70%; margin: auto; margin-bottom: 25px; }




.contactform.formSec .formInfo p { margin-bottom: 135px; }
.footer .fotBorArea { padding-left: 0px; margin-left: 0px; border-left: 0px solid #FDFDFD; }

/* .fotLinks.halfLi { display:  none;} */
.fotLinks.halfLi { margin: 0; flex-wrap: wrap;}
.fotLinks.halfLi ul { width: 100%; margin-bottom: 0px; }
.fotLinks.halfLi ul + ul { margin-bottom: 25px; }
h4.mobActive + .halfLi { border-bottom: 1px solid #7dba28; }
 
.coreBenefitSec .row.align-items-end .boxArea:before, .clientSec h2 br, .biomatSec .bioCnt p br, .secOCRsec ul li span br, .postSliderSec .sliderWrapper .slick-list.draggable:after, .mob-hide, .modelBox .topImgInfo p br, .boxArea:after { display: none; }

.expDtl ul li { font-size: 18px; padding: 0 16px; margin: 20px 15px 0 0; }
.focusedInfo { max-width: 340px; }
.postListSec { margin-bottom: 30px; }
.expDtl h2 br { display:  none;}

.expertSolSec .tabBotInfo { display: flex; }
.expertSolSec .tabBotInfo h6 { margin: 0 15px 20px 0; }


.bannerInfo { border-radius: 0 15px 15px 0;width: 250px; height: auto; padding: 15px; bottom: 20px;  }
.bannerInfo.pms { height: auto; padding: 30px 30px 30px 40px; border-radius: 0 25px 25px 0; width: auto; }
.marketGapSec .gapInfo ul li img { bottom: inherit; top: 5px;; }
.bannerInfo img { max-width: 160px;}
.bannerInfo h6 { font-size: 18px; padding: 0; margin: 0; }
.bannerInfo p { padding: 0; font-size: 14px; }

.clientSec .clientBox { min-height: 320px; }
.clientSec .clientBox picture { height: auto; display: block; margin-bottom: 15px; }
	
h4.mobActive { border: 0; padding-bottom: 0; margin-bottom: 0; }
.menuLeftInfo:before { display: none; }
.banBotbox { border-radius: 12px; padding: 30px 30px; margin-bottom: 30px; min-height: inherit; }

.breadCrum { margin-top: -5px; }

.contactBanner.servBanner .row { min-height: 350px;  padding: 25px 0; }
.partnerTabs { padding-left: 0px; }
.borAccordianSec h6 { margin: 30px 0; }
.ctaSec .align-items-center { margin-right: -15px; margin-left: -15px; }
.servBanner { padding-bottom: 25px; background-position: right 0px top; }
.servBanner.righBg { background-position: right -200px top; }
.servBanner.righBg:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }
.contactForm .submit { margin-top: 10px; }
.imgArea { background-position: center; height: 430px; margin-right: -15px; background-size: 100% 100%; }
.leftContectArea { margin-right: 20px; padding-left: 15px; } 

.buildTogetherSec .buildTogetherInfo h3 br { display: none;}
.submit span.iconBtn, .submit p { width: 100%; max-width: 240px; }
.submit span.iconBtn i { top:  20px; }
#partnerForm .submit p, #partnerForm .submit span.iconBtn { max-width: 250px; width: 100%;  }
.buildTogetherSec .buildTogetherInfo p { margin-bottom: 70px; }

.globalNetwordSec .col-sm-7, .globalNetwordSec .col-sm-5, .halfSec.home .col-sm-6
{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}

.buildTogetherSec .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.buildTogetherSec .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.footer .col-sm-4, .footer .col-sm-8 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

.expLeftList #tabs-nav { display: flex; }
.expLeftList #tabs-nav li { width: 33%; margin: 0 5px; }
.postlist .slick-prev, .postlist .slick-next { top: -56px; }
.secOCRsec .col-sm-6.offset-1 img { margin-top: 50px; }
.clientSec .text-center h2  { max-width: 70%; margin: auto; }
.clientSec .col-sm-4 {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.focusedSec.clientPartner { background-position: right -143px top; }
.focusedSec.bgAdjust { background-position: right 0px top; }
.focusedSec.bgAdjust:before { margin-right: 0; }
.grayBox { margin-top: 34px; }
.borAccordianSec .col-sm-5 {  -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.coreBenefitSec .boxImg { height: 100%; }
.coreBenefitSec .boxImg img { object-fit: cover; height: 100%; border-radius: 10px; }
.coreBenefitSec .pmsHalfBoxArea { height: 385px; }
.coreBenefitSec .pmsHalfBoxArea .boxImg { height: auto;}
.coreBenefitSec .pmsHalfBoxArea img { object-fit: contain; height: auto; border-radius: 0px; }
.pmsBoxMain .pmsBox-3 .boxInfo { padding: 20px 25px 25px 20px; }
.pmsHalfBoxArea, .pmsHalfBoxArea.halfSecondBox { margin-top: 0px; }
.whyWorkSec .whyWorkInfo h2 br { display: none;}
.banBotbox i.hoverIcon { left: 30px; }
.banBotbox.boxtwo i.hoverIcon { top: 31px; }
.banBotbox.boxThree i.hoverIcon { top: 30px; }
.mobile-mb-0 { margin-bottom: 0 !important; }
#JoinOurTeamForm .field { min-height: inherit; }

.mobHeading { display: block; }
.mobHeading .closeMenuBtn { top: 10px;}
#productList.subMenu {  height: 100%; }

.idcBanner .bannerInfo h6 { font-size: 16px; }
.idcBanner .bannerInfo h4 { font-size: 24px; }
.idcBanner.touchLessInfo .bannerInfo {width: 380px; height: auto; padding-top: 25px; padding-bottom: 25px; padding-right: 25px;}

.accorAnswer ul li { padding-left: 25px; }
.accorAnswer ul li:before { left: 0px; top: 3px; content: ''; background-size: contain;width: 16px; height: 16px; }
.whyWorkSec .borAccor ul li:before { width: 16px; height: 16px; background-size: cover; }
.grayBox.secondBox { margin-top: 50px; }


.page-template-client-and-partners .servBanner { background-position: right -80px top; }

}

@media (max-width: 1000px) {
.coreBenefitSec .row.align-items-end .boxArea { background-size: 350px auto; height: auto;     }
.coreBenefitSec .row.align-items-end .boxArea .coreBoxInfo { padding: 20px 20px 20px 370px; }
.coreBenefitSec .row.align-items-end .boxArea:nth-child(even) .coreBoxInfo { padding: 20px 360px 20px 20px; }
.banBotbox { border-radius: 12px; padding: 30px; margin-bottom: 40px; min-height: inherit;} 
.marketGapSec .whiteBox .topImg { width: 300px; height: auto; }
  .bannerSlider .slick-dots {left: 44px;  }
  .col-sm-4.pl-0.pr-0 { padding-left: 15px !important; padding-right: 15px !important; }
  .focusedSec { background-size: cover;}
.engBotList ul li {    margin: 0 20px; }


.post-single-list.tabPad0 { margin-left: auto; }
.postlist .postInfo h4, .postlist .postInfo p, .post-single-list { min-height: inherit; }
.postlist .postInfo { height: auto;}

}


@media (max-width: 767px) {



      html body [class^="col-sm-"], .globalNetwordSec .col-sm-7, .globalNetwordSec .col-sm-5, .halfSec.home .col-sm-6, .aboutGraySec .col-6, .borAccordianSec .col-sm-5
       {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
.buildTogetherSec .col-sm-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.buildTogetherSec .col-sm-8 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .twoModels .col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 15px auto; }
.expLeftList #tabs-nav { display: flex; flex-wrap: wrap; }
.expLeftList #tabs-nav li { width: 100%; margin: 0 0px; }


  .sevColorBgInfo .sevColorBgDtl h2 br { display: none; }
  .sevColorBgInfo .sevColorBgDtl h2 { font-size: 30px; }
  .sevColorBgInfo { padding: 50px 0; }
  .servWhtieBg { padding: 30px 15px; }
  .servWhtieBg ul li { font-size: 16px; line-height: 110%; margin: 0 0 10px 0; }
  .servWhtieBg ul li strong { font-size: 18px; }
  .sevColorBgInfo .sevColorBgDtl ul li { font-size: 18px; padding: 0 0 0 35px; margin: 0 0 10px 0; }
.globalNetwordSec .row { flex-direction: column-reverse;}
.halfSec .row { flex-direction: column-reverse; }
.imgArea { background-position: center top; height: 300px; }
  /* New Home page Responsie */
  .banBotSec h2 { max-width: 100%; padding: 50px 0px; }
  .banBotSec h2 span { font-size: 18px;  padding: 15px 0 0 0; }
  .banBotbox { border-radius: 15px; padding: 20px; margin-bottom: 30px; min-height: inherit; }
  .banBotbox h4 { font-size: 26px; padding: 15px 0 15px 0; }
  .banBotbox p { font-size: 18px; margin: 0 0 20px 0; }
  .banBotbox a { position: relative; left: 0; bottom: 0; }


  .blackSec { padding: 50px 0; }
  .blackSec h2 span { padding-bottom: 15px; }
  .blackSec h2 { font-size: 26px; margin: 0 0 30px 0; }

  .featuredServImg .contArea { left: 25px; right: 10px; bottom: 25px; }
  .featuredServImg .contArea p { margin: 10px 0;}

  ul.giendTopLogos { margin-bottom: 0px; }
  


  .clientSec { padding: 50px 0; }
  .clientSec .clientBox { margin: 0 0 25px 0; min-height: inherit; padding: 15px; }
  .clientSec .clientBox picture { padding-bottom: 20px; height: auto; position: relative; }
  .clientSec .row.justify-content-center.mt-4 .col-sm-4 .clientBox .clientHoverImg { left: 0; top: 0; }
  .clientSec .clientBox .clientInfo h4 { font-size: 18px;  margin: 0 0 15px 0; }
  .clientSec .clientBox .clientInfo p { font-size: 17px; line-height: 110%; }
#serviceList .closeMenuBtn, #productList .closeMenuBtn { /* top: 12px; */ top: 0;}
  /* New Home page Responsie */

  .coreBenefitSec .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .coreBenefitSec .row.align-items-end .boxArea .coreBoxInfo { padding: 320px  15px 15px 15px; }
  .coreBenefitSec .row.align-items-end .boxArea {height: auto; text-align: center; background-size: 100% 300px; }
  .coreBenefitSec .row.align-items-end .boxArea:nth-child(even) .coreBoxInfo { padding: 320px 15px 15px 15px; }

  .marketGapSec .whiteBox { border-radius: 10px; padding: 40px 15px; margin-top: 80px; }
  .marketGapSec .whiteBox h2 { font-size: 22px; margin-bottom: 10px; } 
  .marketGapSec .whiteBox p { font-size: 16px; max-width: inherit; }
  .marketGapSec .whiteBox h2:before, .marketGapSec .whiteBox h2:after { width: 60px; height: 40px; background-size: cover; }

.bannerInfo, .bannerInfo.pms { border-radius: 0 15px 15px 0;width: 250px; height: auto; padding: 15px; bottom: 20px;  }
.bannerInfo img { max-width: 160px;}
.bannerInfo h6 { font-size: 18px; padding: 0; margin: 0; }
.bannerInfo p { padding: 0; font-size: 14px; }


.footer .fotBorArea { padding-left: 0px; margin-left: 0px; border-left: 0px solid #FDFDFD; }
/* .fotLinks.halfLi { display: none; }  */

.biomatSec { padding-bottom: 25px; }
 .blackSec .text-right { text-align: left !important; margin-bottom: 15px; }

 .marketGapSec { background: #ebebebe5;}
 .marketGapSec .gapInfo h2 { padding-right: 0px; }
 .marketGapSec { padding: 50px 0px; }
 .marketGapSec .gapInfo ul li { margin-bottom: 15px; font-size: 16px; }
 .marketGapSec .gapInfo ul li img { top: 5px; bottom: inherit; }

 .servBanner.pmsbanner .row.align-items-center { min-height: 250px; }
 .bannerInfo.pms { padding-top: 15px; width: 50%; min-width: 250px; }
 .bannerInfo.pms h6 { font-size: 18px; }
 .bannerInfo.pms h4 {font-size: 20px; }
 .bannerInfo.pms p { font-size: 18px; }

.purposeSec .purposeInfo { padding-right: 0px; }
.purposeSec ul { display: block; }
.purposeSec ul li { font-size: 16px; margin: 15px 10px 0px; flex: 0 0 20%; max-width: 165px; width: 27%; display: inline-block; }
.purposeSec ul li img { max-width: 35px; margin-bottom: 5px; }

.coreBenefitSec { padding: 50px 0; }
.coreBenefitSec .coreInfo h2 { margin-bottom: 15px; }


.engBotList ul { padding: 50px 0 0 0; flex-wrap: wrap; justify-content: center; }
.engBotList ul:before { width: calc(100% + 0px); left: 0; border-radius: 0 0 15px 15px; height: 20px; }
.engBotList ul li { margin: 0 5px 10px; width: 33%; padding: 0 0; text-align: center; }


.whyWorkSec { padding: 50px 0px; }
.whyWorkSec .whyWorkInfo { padding-right: 0;}
.whyWorkSec .whyWorkInfo h2 { font-size: 24px; line-height: 30px; margin-bottom: 10px;; }
.whyWorkSec .whyWorkInfo h2 span { margin-bottom: 10px; }
.whyWorkSec .whyWorkInfo p { font-size: 16px; line-height: 120%; padding-right: 0; }
.partnerTabs { padding-left: 0px; }
.whyWorkSec .borAccor ul li:before { width: 15px; height: 15px; }

.contactBanner.servBanner .row { min-height: inherit; padding: 20px 0 0 0; }
.contactBanner.servBanner .breadCrum.mt-4 { margin-top: 0 !important;}
.contactBanner .servBanInfo { padding-top: 25px; max-width: 300px; }
section.servBanner.contactBanner { background-position: right top;}

 .tabBgArea {  border-radius: 10px; padding: 30px 0 30px; min-height: inherit; }
 .globelInfo { padding-left: 0px; max-width: 310px; padding-top: 30px; }

 .field input[type="text"], .field input[type="email"] { border: 0; background: none; } 
.postlist, .postListSec { padding-bottom: 0px; }

 .bannerSlider .slick-dots { left: 30px; }
.generalPopupForm, #partnerForm.generalPopupForm {  width: 90%;  /*width: fit-content;  margin-left: 15px;  margin-right: 15px;*/ }
.generalPopupForm .wpcf7 { flex: 0 0 100%;  max-width: 100%;}
/* .generalPopupForm.active { padding-left: 30px; padding-right: 30px; } */
.servBanner .row.align-items-center { min-height: 500px; }

.clientSec h2 { text-align: left !important; align-items: flex-start; }
.postlist .postInfo { height: auto; }
.post-single-list { padding-bottom: 50px; min-height: 600px;  }
.footer .fotLinks ul li br { display: none;}
.marketGapSec .whiteBox .topImg { width: 240px; padding-top: 15px; }
.banBotbox h4 br { display: block; } 
.featuredServImg .contArea h3 { font-size: 25px;}

 .buildTogetherSec { padding: 50px 0px 30px; text-align: center; }
 .buildTogetherSec .buildTogetherInfo h3 { font-size: 26px; line-height: 30px;  padding: 0; margin: 0 0 15px 0; }
 .buildTogetherSec .buildTogetherInfo p { max-width: inherit; margin-bottom: 20px; font-size: 18px; line-height: 26px; }
.buildTogetherInfo { display: flex; flex-direction: column; align-items: center;}
.buildTogetherInfo img { order: 1; margin-bottom: 15px; max-width: 80px;}
.buildTogetherInfo h3 { order: 2;}
.buildTogetherInfo p { order: 3;}
.botForm { margin-left: 0px; margin-top: 25px; }
.submit span.iconBtn, .submit p { max-width: 250px; }
.field.textarea { margin-top: 5px; height: 97%; }
.biomatSec .bioCnt ul li { font-size: 16px; padding-left: 0px; width: 100%; margin-bottom: 5px; }
.csSec .list ul li { width: 50%;  margin-bottom: 10px; }
.ctaSec .align-items-center a { margin-top: 5px; }
.greenSec .grayBox { min-height: inherit;}
.hideMobile, .pmsBanBotTab { display: none; }
.challangeSec .col-sm-6:nth-child(2) .chalangeGrayBox {bottom: 0px; }
.challangeSec .col-sm-6:nth-child(4) .chalangeGrayBox { margin-top: 0; }
.secOCRsec .col-sm-6.offset-1 img { margin-top: 0px; }
.clientSec .clientBox { min-height: inherit; }
.clientSec .col-sm-4 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.clientSec .text-center h2 { max-width: 100%; margin: auto; }
.valuePrincipalSec .col-sm-4:nth-child(2), .valuePrincipalSec .col-sm-4:nth-child(3) { margin-top: 20px; }
.valuePrincipalSec .valuPriciplBox { height: auto; }
.row.grayBigBg:before { display: none;}
.grayBigBg h3 { text-align: center; }
.aboutGraySec h2 { max-width: 100%; }
.grayBigBg .whiteBox::before { transform: rotate(90deg); left: 0; bottom: -65px; top: inherit; right: 0; }
.grayBigBg .whiteBox {  margin-bottom: 25px; }
.contactform.formSec .formInfo p { margin-bottom: 25px; }


.pmsBoxMain .pmsBox-2, .pmsBoxMain .pmsBox-5, .pmsBoxMain .pmsBox-6, .pmsBoxMain .pmsBox-7, .pmsBoxMain .pmsBox-11, .pmsBoxMain .pmsBox-12 { height: auto;}
.pmsBoxMain .pmsBox-6 .boxImg { text-align: center; }
.pmsBoxMain .pmsBox-1 .boxImg { min-width: 220px; }
.pmsBoxMain .pmsBox-2 .boxImg img { width: 100%; }
.pmsBoxMain .pmsBox-3 { margin-top: 0; height: auto; } 
.pmsBoxMain .pmsBox-3 .boxImg img { width: 100%; }
.pmsBoxMain .pmsBox-5 { transform: translate(0px); }
.pmsBoxMain .pmsBox-6, .pmsBoxMain .pmsBox-9, .pmsBoxMain .pmsBox-10, .pmsBoxMain .pmsBox-11, .pmsBoxMain .pmsBox-12, .pmsBoxMain .pmsBox-13, .pmsBoxMain .pmsBox-14 { margin-top: 0;}
.pmsBoxMain .col-sm-8.offset-4 { margin-left: 0px !important; }
.coreBenefitSec .col-8 {  -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.pmsBoxMain .pmsBox-7 .boxImg { height: auto; text-align: center; }
.pmsBoxMain .pmsBox-9 .boxInfo p { margin-bottom: 0; }
.coreBenefitSec .pmsHalfBoxArea { height: auto; }
.pmsHalfBoxArea, .pmsHalfBoxArea.halfSecondBox { margin-top: 30px; }

.banBotbox i.hoverIcon { left: 20px; top: 20px; }
.banBotbox.boxtwo i.hoverIcon, .banBotbox.boxThree i.hoverIcon { top: 20px; }
.mobile-mb-0 { margin-bottom: 30px !important; }

.subMenu.active { overflow-y: scroll; }
.mainMenu>ul>li:first-child i, .mainMenu>ul>li#productMenu i { width: 30px; height: 25px; display: flex; justify-content: center; align-items: center; top: 10px; }
.closeMenu, .closeMenuBtn { right: 30px; }
.expertSolSec .tabBotInfo { display: none;}
.expDtl ul {    flex-direction: column; align-items: flex-start; }


/* .idcBanner.touchLessInfo .bannerInfo { width: calc(100% - 30px); height: auto; padding-top: 15px; padding-bottom: 15px; padding-right: 15px; } */
.idcBanner.touchLessInfo .bannerInfo {width: 50%; min-width: 250px; padding: 15px; }
.idcBanner .bannerInfo h4 { font-size: 18px; }
.touchSecurSec.idcPage { padding-bottom: 50px; padding-top: 50px; }
.touchSecurSec.idcPage .row.align-items-center { min-height: inherit; }
.idcServices { padding: 50px 0; }
.idcServices h2 { margin-bottom: 25px; } 
.idcServices ul { justify-content: center; align-items: center; gap: 0; margin-bottom: 25px; flex-wrap: wrap;  }
.idcServices ul li { margin-bottom: 25px; width: 45%; }
.idcServices ul li p { font-size: 16px; }

.idcClientele { padding: 50px 0px; }
.idcClientele h2 { margin-bottom: 25px; }

.servBanner:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); }
.accorAnswer ul li:before { top: 0; }
.contactForm .field.textarea { height: 200px; }
.generalPopupForm { height: fit-content; overflow: scroll; max-height: 100%; }
#generalForm .field.textarea { height: 150px; overflow: hidden; }
.csSec h2 br { display: none; }

}

@media (max-width: 600px) {
  .banBtn a { font-size: 16px; padding: 15px;}
  .subMenu ul { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; flex-direction: column; }
  #nav-icon4 { right: 15px; }
  .servBox { max-width: 100%; }

  .servBanner .servBanInfo h3 { font-size: 28px; line-height: 30px; color: white; }
  .servBanner .servBanInfo p, .breadCrum.black ul li + li:before,  .breadCrum.black ul li a { color: white; }
  .whiteBgBan .row.align-items-center { min-height: 350px; }
.servBanner .servBanInfo p { line-height: 28px; }
   .breadCrum.black ul li img {filter: brightness(0) invert(1);}
  .servOverComHead h2 { font-size: 25px; line-height: 30px; }
  .checkList { margin-top: 10px; }
  .checkListSec .col-sm-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .servBgSec h2 { font-size: 24px; }


  .postSliderSec { padding: 30px 0px 50px; }
  .faq-content--question { font-size: 18px; padding: 5px 30px 15px 0px; }
  .faq-content--answer { font-size: 16px; line-height: 22px; margin: 0; padding: 0px 0 15px 0; }
  /* .faq-content--question:before { bottom: inherit;} */

.grayBg { padding: 20px; }


.valuePrincipalSec h2 { font-size: 22px; }


.indusSec { padding: 30px 0; }
.indusSec .indusBox { margin-top: 15px; }
.indusSec .indusBox .indusInfo { left:  15px; }
.indusSec .indusBox .indusInfo h4 { font-size: 20px; } 
.indusSec .indusBox .indusInfo p { padding-top: 5px; }


.greenBg .infoBox h2 { font-size: 20px; padding-bottom: 10px; }
.greenOverwhite { padding: 30px 30px 30px 60px; margin-top: 15px; }
.greenOverwhite h6 { margin-bottom: 20px; }
.greenOverwhite ul li { margin-bottom: 30px; }
.greenOverwhite ul li h4 {  font-size: 16px; }
.greenOverwhite ul li img { left: -32px; max-width: 22px; }

.borAccordianSec { padding: 50px 0 50px 0; }
.borAccordianSec h2 { font-size: 28px; margin-bottom: 20px; }
.borAccordianSec h6 { font-size: 18px; margin: 0px 0 30px 0; }

.borAccor ul.list>li { padding: 20px 10px; }
.borAccor ul.list>li h5 { font-size: 18px; padding: 10px 0; }
.borAccor ul.list>li h5::before { top: 10px; }
.borAccor ul.list>li h5 img { margin-right: 5px; max-width: 18px; }

.accorAnswer ul { justify-content: flex-start; align-items: flex-start; flex-direction: column; }
.accorAnswer ul li {  font-size: 16px; line-height: 100%;  margin-bottom: 15px; padding: 0 0 0 25px; }
.accorAnswer ul li:before { width: 15px; height: 15px; background-size: cover; }

.borAccordianSec hr { margin: 25px 0 0; }

.indusTabSec { padding: 0px 0 50px 0; }
#tabs-nav li a { font-size: 16px; line-height: 48px; padding: 0px 15px;}
.valueInfo { padding-left: 0px; padding-top: 0px; }
.valueInfo h2 { margin-bottom: 15px; }
.expLeftList #tabs-nav li a img { width: 18px; }
.expDtl ul li { font-size: 16px; padding: 5px 15px; margin: 0px 15px 15px 0; line-height: 30px; border-radius: 5px; }
  
  .aboutStorySec { padding: 50px 0 50px; }
  .aboutStorySec .col-sm-8 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .aboutStoryBoxImg img { margin: auto; }
  .aboutStoryBoxInfo { padding-top: 10px; text-align: center; }
  .aboutGraySec { padding: 50px 0 0; }
  .grayBox { padding: 15px; }
  .grayBox h4 { font-size: 20px; }
  .grayBigBg { padding-left: 0; padding-right: 0; padding-top: 30px; }
  .grayBox.secondBox { margin-top: 30px; }
  .grayBigBg h3 { font-size: 20px; padding: 0 0 15px 0;}
  .tabInfoDtl .col { flex: 0 0 100%; padding-bottom: 10px; }
  .aboutGallerySec .container { max-width: 100%; }

  .formSec { padding: 50px 0; }
  .contactBottomBg .col-sm-6, .expDtl .row .col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .contactBottomBg .col-sm-6.pr-0 { padding-right: 15px !important; }


  .techSec .techInfo h2 { font-size: 22px; }
  .howSolveGrn ul li strong { font-size: 18px; }
  .howSolveGrn ul li { font-size: 15px; line-height: 130%; }

  .expDtl p { font-size: 18px;}
  .expDtlInfo { margin-top: 25px; }
  .expDtlInfo h3 { font-size: 18px; margin-bottom: 5px; }
  .expDtlInfo p { margin-bottom: 5px; }


.modelBox .topImgInfo h3 { font-size: 20px; }
.modelBox .botInfo .keyBenefitsArea { padding: 15px; }
.modelBox .botInfo .keyBenefitsArea ul li { font-size: 14px; }
.modelBox .botInfo .botSeprator ul { display: flex; align-items: flex-start; flex-direction: column; }
.modelBox .botInfo .botSeprator ul li { width: auto; }
.modelBox .botInfo .botSeprator ul li:last-child { margin-left: inherit; margin-top: 10px; }
.modelBox .botInfo .botSeprator ul li:last-child a i { margin-left: 5px; }
.modelBox .topImgInfo { left: 10px; bottom: 15px; width: calc(100% - 12px); }
.pmsBoxMain .pmsBox-1 { height: auto; flex-direction: column; }
.pmsBoxMain .pmsBox-1 .boxImg { min-width: inherit; width: 100%; }
.pmsBoxMain .pmsBox-1 .boxImg img { width: 100%; }
.pmsBoxMain .pmsBox-5, .pmsBoxMain .pmsBox-9, .pmsBoxMain .pmsBox-10, .pmsBoxMain .pmsBox-14 { height: auto; flex-direction: column; }
.pmsBoxMain .pmsBox-7 .boxImg img { position: relative; bottom: -26px; }
.pmsBoxMain .pmsBox-2 .boxImg, .pmsBoxMain .pmsBox-3 .boxImg { height: auto; }
.pmsBoxMain .boxInfo { padding: 25px 15px !important; }
.pmsBoxMain .pmsBox-9 .boxImg { text-align: center; width: 100%; }
.pmsBoxMain .pmsBox-10 .boxImg { width: 100%; text-align: center; }
.pmsBoxMain .pmsBox-9 .boxInfo { width: auto; }
.pmsBoxMain .pmsBox-14 .boxImg { width: 100%; height: auto; text-align: center; }
.pmsHalfBoxArea .boxInfo { padding: 25px 15px; }
.pmsHalfBoxArea { margin-top: 0; }
.whiteBreadCrum ul { padding: 15px 0; }
.whiteBreadCrum ul li + li { margin-left: 10px; padding-left: 10px; }
.halfSec.home .imgArea { margin-left: -15px; background-size: 100% 100%; }

.valuePrincipalSec h2 br, .servList h4 br, .mob-hide, .valueInfo br, .aboutSlider:before, .aboutStoryBoxInfo img, .twoModels h2 br, .servBanner .servBanInfo p br, .servBanner .servBanInfo h3 br  { display: none; }
.formSec.contactform .formInfo { max-width: 310px; }
#generalForm .textarea { margin-top: 10px; }

.faceSec p { margin-bottom: 20px;}
.faceSec h6 { padding: 0px 0 10px 0; }
.generalPopupForm .field textarea { height: 100px; }
    .touchLessInfo.servBanner { background-position: right -140px top; }


}
@media (max-width: 370px) {
  .leftContectArea a { padding: 10px; }
  .whiteBreadCrum ul li a { font-size: 15px; }
  .servBanner .servBanInfo h3 span { font-size: 15px; }
  .purposeSec ul li { width: calc(50% - 25px); }
}

@media (max-width: 320px) {

.bannerSec .row.align-items-center { min-height: 350px; }
.ctaSec .align-items-center h4 { font-size: 18px; }
.globelInfo a { padding: 14px; font-size: 15px; }

.bannerSlider .slick-dots { bottom: 20px; }

}