body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto';
    font-weight: 300;
    scroll-behavior: smooth;
	
}

h1, h2, h3, h4, h5, h6, p{margin:0px;}
*::after, *::before{transition: all 0.35s ease-in;}

*, *::after, *::before {
    box-sizing: border-box;
}

body {
    line-height: 1;
    color: #5C79B9;
    background: linear-gradient(to right, #2c2c56, #2b2b55, #27274c, #252549, #1f203e, #1b1b35, #191a33, #17182e, #16172d, #15162a);
}

@font-face {
    font-family: 'Inner Bold';
    src: url('../fonts/customfont.woff2') format('woff2'),
         url('../fonts/Inner-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inner Light';
    src: url('../fonts/Inner-Light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inner LightItalic';
    src: url('../fonts/Inner-LightItalic.woff2') format('woff2'),
         url('../fonts/Inner-LightItalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inner-SemiBold';
    src: url('../fonts/Inner-SemiBold.woff2') format('woff2'),
         url('../fonts/Inner-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inner-Regular';
    src: url('../fonts/Inner-Regular.woff2') format('woff2'),
         url('../fonts/Inner-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-SemiBold.woff2') format('woff2'),
        url('../fonts/Roboto-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Serif';
    src: url('../fonts/RobotoSerif-SemiBold.woff2') format('woff2'),
        url('../fonts/RobotoSerif-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

.section {width:100%; height: 100vh;}

/* Container */
.container {width: 100%; max-width: 1400px; margin: 0 auto; padding-left:30px; padding-right:30px;}
.container::after {clear: both;}

/* ==== Nav menu css ==== */
.navBar {position:fixed; width: 100%; left: 0px; top: 0px; padding:28px 75px; z-index: 999;  opacity: 0;  transition: all 0.35s ease-in; visibility:hidden;}
.navBar.active{ opacity: 1; visibility: visible;}
.navBar > ul > li {position: relative;}


   .navBar ul.sub-menu {display: flex; flex-wrap: wrap;  position: absolute;  z-index: 9999; border: 0; text-align: left; min-width: 220px; 
    background: #fff !important; top: 110%; opacity: 0; visibility: hidden; transition: all 0.3s; border-radius:7px; border:1px solid #ccc; overflow:hidden; box-shadow:0px 6px 20px rgba(0,0,0,0.15);}
    .navBar ul.sub-menu > li {width: 100%; border-bottom:1px solid #ddd; padding:0px;}
	.navBar ul.sub-menu > li:last-child{border-bottom:0px;}
    .navBar ul.sub-menu > li a {font-size: 20px; color:#313131; font-family:sans-serif; font-weight:normal; font-size:16px; padding:15px;}
	.navBar ul.sub-menu > li a:hover{background:#5c79b9; color:#fff;}
	.navBar ul.sub-menu > li a::after{display:none;}
    .navBar > ul > li:hover > ul.sub-menu {top:100%; opacity: 1; visibility: visible;}


.fixedLogo.active.scrollLogoActive{top:15px;}
.navBar.scrollNavActive{background: rgba(25, 25, 49, 0.9); padding: 14px 75px;}

.navBar ul {text-align: right; padding: 0px; margin: 0px; float: right; border-left: 4px solid #fff; transition: all 0.35s ease-in; margin-right:-35px;}
.navBar.active ul{margin-right:0px;}
.navBar ul li {display:inline-block; padding: 0px 3px;}
.navBar ul li a {transition: all 0.35s ease-in; color: #FFFFFF; font-size: 26px; font-family: 'Inner-SemiBold'; text-decoration:none; padding:6px 12px; position: relative; display: block;}
.navBar ul li a::after{content: ""; position: absolute; left:0px; top:0px; width:0px; height: 100%; background: rgb(92, 121, 185, 0.4); transition:  all 0.35s ease-in; z-index: -1;}
.navBar ul li.innerIndex a {color:#F2858F;}
.navBar ul li a:hover::after {width:100%;}
.navBar.light-bg ul{border-color: #353d79;}
.navBar.light-bg ul li a {color: #353d79;}
.navBar.light-bg ul li a::after{background: rgb(92, 121, 185, 0.4);}

.fixedLogo{position: fixed; right: -30px; top:28px; width: 26px; cursor: pointer; z-index: 9999; opacity: 0; transition: all 0.35s ease-in;}
.fixedLogo img{width:100%;}
.fixedLogo.active{opacity: 1; right: 28px;}

.bottomStrip{width:100%; position: fixed; left: 0px; bottom: -50px; background: #b3cc33; height: 58px; overflow: hidden; color:#ffffff; font-family: 'Inner-SemiBold'; font-size: 22px; padding: 9px 0px; z-index: 999; transition: all 0.35s ease-in; opacity: 0;}
.bottomStrip a{display: block; text-decoration: none; width: 100%; color: #fff; position: absolute; left: 0px; top: 0px; height: 100%; display: flex; align-items: center; justify-content: flex-start; transition: all 0.35s ease;}
.bottomStrip a:hover{background:#596619;}
.bottomStrip.active{bottom:0px; opacity: 1;}
.TickerMobile{display: none;}
.footerArrow{display: inline-block; margin-left: 10px; vertical-align: middle; width: 30px; height: 30px; background: #000; border-radius: 50%; background-image: url(../images/right-arrow.png); background-repeat: no-repeat; background-position: center center; background-size: 17px;}
.footerArrow img{width:20px;}

/* == Section 1 Css Start == */
.heroSection{width:100%;}

.heroSection .container{height: 100%; position: relative;}

.logoDesktop{max-width:73%; height:100%; display:flex; align-items:center; justify-content:flex-start; flex-direction: column;}
.logoDesktop .logoHalf{position: relative; width: 100%; display: flex; align-items: center; flex-direction: column; overflow: hidden;}
.logoDesktop .logoTop{height:47.30%; justify-content: flex-end;}
.logoDesktop .logoLayer{height:3.10%;}
.logoDesktop .logoBottom{height:49.20%; justify-content: flex-start;}

.logoDesktop img{max-width: 100%; max-height: 95%; display: block; opacity: 0;}

.animateScroll{opacity: 0; transition: opacity 0.5s ease-in-out;}

.bannerText{color:#5C79BA; /*font-size: 60px;*/ position: absolute; right:6%; bottom:55%; z-index: 2; font-family: 'Inner LightItalic'; line-height: 1.1; font-size: clamp(20px, 6.1vh, 100px); opacity: 0;}
/*.bannerText span{color:#fff;}*/

.logoMobile{width: 100%; height: 56%; display: flex; align-items: flex-end; justify-content: flex-end; flex-direction: row; position: absolute; left:0px; bottom:8%; padding: 0px 20px; display: none;}
.logoMobile .logoHalfM{height:100%; position: relative; display: flex; align-items: flex-end; justify-content: flex-end; flex-direction: column; overflow: hidden;}
.logoMobile .logoLeftM{width:47.07%;}
.logoMobile .logoLayerM{width:10px;}
.logoMobile .logoLayerM img{width:100%;}
.logoMobile .logoRightM{width:49.02%; align-items: flex-start;}

.logoMobile img{max-width: 100%; max-height: 100%; display: block;}

/* ==== Section 2 css ==== */
.whatGotYou{width:100%; overflow: hidden; position: relative;}
.downArrow{width:50px; height: 50px; position: absolute; left: 50%; margin-left: -25px; bottom:30px; transition: all 0.35s ease-in; z-index: 3; background-image: url(../images/arrow-down.png); background-size: 16px; background-position: center center; background-repeat: no-repeat; cursor: pointer; border-radius: 50%; border:2px solid #fff; animation: downArrow 2s ease-in-out infinite}
@keyframes downArrow {
    0% { transform: translateY(0); }
    50% { transform: translateY(10px); }
    100% { transform: translateY(0); }
}
.downArrow a{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.whatGotYou .slider{height: 100%; margin-bottom:0px;}
.whatGotYou .slider div{height: 100%;}
.whatGotYou .slideItem {position: relative; display: flex !important ; align-items: center; justify-content: center; flex-direction: row;}
.whatGotYou .slideItem::after{content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 1;}
.whatGotYou img{width:100%; height: 100%; object-fit: cover; position: absolute;}
.whatGotYou h2{color: #fff; font-family: 'Inner-Regular'; font-size: 60px; position: absolute; width: 100%; margin: 0px; text-align: center; padding:0px 30px; line-height:1.1; padding:0px 60px; z-index: 2; font-weight: normal;}
.whatGotYou h2 span{display: block; font-size: 27px; padding-bottom: 30px; font-weight: bold;}

.slick-prev, .slick-next{display: none;}
.whatGotYou .slick-dots{width: 30px; height: 100%; top: 0px; right: 20px; display: flex ; align-items: center; justify-content: center; flex-direction: column; z-index: 2;}
.whatGotYou .slick-dots li{width:14px; height: 14px; border:2px solid #fff; cursor: pointer; border-radius: 8px; cursor: pointer; transition: all 0.35s linear; margin:6px 0px; cursor: pointer;}
.whatGotYou .slick-dots li.slick-active{height: 30px;background:#fff;}
.whatGotYou .slick-dots li:hover{border:3px solid #fff;}
.whatGotYou .slick-dots li button{width:100%; height: 100%;}
.whatGotYou .slick-dots li button:before{display: none;}

/* ==== Section 3 css ==== */
.adaptiveSection{width:100%; padding: 100px 0px; text-align: center; background: linear-gradient(to right, #e5e5f1, #e3e3f1, #e3e2f1, #e2e0f0, #e1dff0, #dfddef, #dddcef, #dbd9ee, #dbd8ee);}
.adaptiveSection .container{height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.adaptiveText{color:#17172B; font-size: 50px; z-index: 2; font-family: 'Inner Light'; line-height: 1.2; max-width: 100%; padding-bottom: 5%;}


.threeRingsWrap{display: flex; align-items: center; justify-content: flex-start;}
.threeRingsWrap *{transition: all 0.35s ease-in;}
.threeRingBox{width: 430px; height: 430px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; position: relative; cursor: pointer; border-radius: 50%; transition: all 0.35s ease-in; box-shadow: 0 0px 14px rgba(0, 0, 0, 0.4); margin-right: -81px;}
.threeRingBox:last-child{margin-right: 0px;}
.threeRingBox::after{content: ""; position: absolute; left:0px; top:0px; width: 100%; height: 100%; border:80px solid rgba(45, 44, 88, 0.7); border-radius: 50%; transition: all 0.35s ease-in;}
.threeRingBox:hover::after{border:1px solid; opacity: 0;}
/*.ringBoxMid{margin: 0px -81px; z-index: 1;}*/
.threeRingBox h2{color: #17172B; font-size: 31px; width: 100%; font-family: 'Inner-Regular'; font-weight: normal; opacity: 1;}
.threeRingBox:hover h2{opacity: 0;}
.threeRingBox .content{width: 100%; opacity: 0; position: absolute; padding:10px 10%;}
.threeRingBox .content h2{display: none;}
.threeRingBox h3{font-size: 55px; color: #fff; font-family: 'Inner-Regular'; padding: 0 0px 13px;}
.threeRingBox h3 span{color:#5C79BA;}
.threeRingBox p{font-family: 'Roboto'; font-size: 17px; color:#fff; line-height: 1.4; font-weight: 300;}
.threeRingBox p strong{font-weight: 600;}

/* Popup css */
.overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); display: none; z-index: 9998;}
.capabilityPopup {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-height: 100%; overflow-y: auto;  max-width: 1220px;  background: #17182d; border-radius: 19px;  padding: 48px 27px;  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);  display: none; z-index: 9999; text-align: left;}
.close {position: absolute; top: 20px; right: 20px; font-size: 32px; cursor: pointer; font-weight: bold;}
body.no-scroll {overflow: hidden;}
.popupTextWrap h5{color: #5C79BA; font-family: 'Inner-SemiBold'; font-weight: normal; font-size: 50px; margin-bottom: 18px;}
.popupTextWrap h5 span{color: #fff;}
.popupColumnRow { width: 100%; display: flex ; align-items: flex-start; justify-content: space-between; flex-direction: row; border-top: 1px solid #fff; flex-wrap: wrap;}
.popupColumns:nth-child(1) {color: #fff; width: 40%;}
.popupColumns:nth-child(2) {color: #fff; width: 54%;}
.popupColumns p {margin-top: 31px; font-family: 'Roboto'; font-weight: 300; font-size: 16px; line-height: 1.56em; color: #fff;}
.popupColumns ul {font-family: 'Roboto'; font-weight: 500; font-size: 16px; line-height: 1.3; padding-left: 20px; margin:27px 0 0 0px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.popupColumns ul li {width: 49%; color: #fff; margin: 10px 0; padding-left: 0; position: relative; list-style: none; display: flex; align-items: flex-start;}
.popupColumns ul li:before{content: ""; display: inline-block; background: #fff; width: 6px; height: 6px; border-radius: 50%; margin-right: 8px; margin-top: 7px;}
/*.popupColumns ul li:before{content: ""; background-size:100% 100%; display: inline-block; width: 35px; height: 35px; margin-right: 12px;}*/

/*.ia_list_1:before {background: url(../images/ia-icon-1.jpg) no-repeat;}
.ia_list_2:before {background: url(../images/ia-icon-1.jpg) no-repeat;}
.ia_list_3:before {background: url(../images/ia-icon-1.jpg) no-repeat;}
.ia_list_4:before {background: url(../images/ia-icon-1.jpg) no-repeat;}
.ia_list_5:before {background: url(../images/ia-icon-1.jpg) no-repeat;}
.ia_list_6:before {background: url(../images/ia-icon-1.jpg) no-repeat;}
.ia_list_7:before {background: url(../images/ia-icon-1.jpg) no-repeat;}
.ia_list_8:before {background: url(../images/ia-icon-1.jpg) no-repeat;}
.ia_list_9:before {background: url(../images/ia-icon-1.jpg) no-repeat;}
.ia_list_10:before {background: url(../images/ia-icon-1.jpg) no-repeat;}
.ia_list_11:before {background: url(../images/ia-icon-1.jpg) no-repeat;}*/



/* Animation on Active

.threeRingBox.active{background:#fff; border:0px solid #fff; z-index: 4; transform: rotateY(180deg); padding:10px 5%;}
.threeRingBox.active .content{transform: rotateY(180deg); transition: all 1s;}
.threeRingBox.active>h2{display: none;}
.threeRingBox.active h2{font-size:31px; color:#292B67;}
.threeRingBox.active .content{opacity: 1; position: relative;}*/

.threeRingBox:hover{z-index: 4; background: #2D2C58;}
.threeRingBox:hover h2{font-size:31px; color:#292B67;}
.threeRingBox:hover .content{opacity: 1; transition: all 1s;}

/* ==== Strentgh Section css ==== */
.strengthSection{padding:100px 0px; background: url(../images/i8-background.jpg) no-repeat; background-size: cover; background-position: center center; position: relative;}
.strengthSection::after{content: ""; position: absolute; left: 0px; top:0px; width:100%; height: 100%; background: rgba(0, 0, 0, 0.6);}
.strengthSection .container{display:flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; /*max-width: 1300px;*/ z-index: 1; position: relative;}
.strengthSection .leftBox{max-width: 38%;}
.strengthSection .leftBox img{max-width: 175px;}
.strengthSection .leftBox p{font-size: 20px; color:#fff; margin-top: 20px; font-family: 'Roboto'; font-weight: 300; line-height:1.5;}
.strengthSection .leftBox a{display: inline-block; font-family: 'Inner-SemiBold'; color: #fff; font-size: 20px; text-decoration: none; padding: 15px 40px; background: #b3cc33; border-radius: 34px; width: 325px; max-width: 100%; text-align: center; margin-top: 60px; transition: all 0.35s ease-in;}
.strengthSection .leftBox a:hover{background: #596619;}
.Inner8Title{color: #5C79BA;font-family: 'Inner Light'; line-height: 1.1; font-size: 45px;}
.strengthSection .rightBox{width: 600px; position: relative;}
.Inner8SecLogo{max-width: 40%; width: 240px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.35s ease-in;}
.rightBox.activeInfograph .Inner8SecLogo{opacity: 0.05;}

#svgContainer{z-index: 1; position: relative; border-radius: 50%;}
.valuesWrap{margin: 0px; padding: 0px; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center;}
.valuesBack{color:#fff; font-size: 35px; cursor: pointer; transition: all 0.35s ease-in; display: none;}
.valuesBack:hover{color:#5C79BA;}
.valuesWrap li{font-family: 'Roboto'; font-weight: 400; color: #fff; font-size: 24px; line-height: 1.5; list-style: none; opacity: 0; padding:30px 0px 0px; transition: none; width: 57%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.valuesWrap li.active{opacity:1; padding-top:0px; transition: all 0.5s ease-in;}

.svgBox{cursor:pointer; transition: all 0.35s ease-in;}
.activepath{opacity: 0.2;}

.valueBottomImg, .valueTopImg{display: none;}


/* ==== End to end section css ==== */
.endToendSection{padding:6% 0px 3%;}
.endToendSection .container{height: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column;}
.endToendSection h4{color:#5C79B9; font-size: 50px; z-index: 2; font-family: 'Inner LightItalic'; line-height: 1.2; max-width: 100%; padding-bottom: 5%; font-weight: 300;}
.endToendSection h4 span{color:#fff;}
.footLogo{width:65%; max-width:850px;}
.footLogo img{width:100%;}
.footLogo .mobileDisplay{display: none;}



/* ==== Leadership Team section CSS start ==== */
/*.teamWrap{width:100%; display: flex; align-items:center; flex-wrap: wrap; justify-content: space-between; flex-direction: row; gap: 30px; text-align: center;}
.teamBox{width:270px; height: 270px; overflow: hidden; border-radius: 50%; background: #5C79BA; position: relative; margin-bottom: 10px;}
.teamBox *{transition: all 0.35s ease-in;}
.teamBox::after{content: ""; width: 101%; height: 101%; position: absolute; left: -1px; top: -1px; background:#fff; z-index: 2; transform: scale(0); border-radius: 50%; opacity: 0;}
.teamBox:hover::after{transform: scale(1);  opacity: 1;}
.teamBox .teamImg{width:100%; height: 100%; object-fit: cover;}
.teamShortName{position: absolute; width: 100%; bottom:20px; font-size: 35px; font-family: 'Inner-Regular'; color: #FFFFFF; z-index: 1; text-shadow: -1px 0px 5px rgba(0,0,0,0.5); padding: 0px 22%;}
.teamBox:hover .teamShortName{bottom:-40px; opacity: 0;}

.teamBox .teamContent{position: absolute; width: 100%; height: 100%; left: 0px; top:0px; z-index: 3; transition: all 0.4s ease-out;
    border-radius: 50%; display:flex; align-items:center; justify-content:center; flex-direction: column; padding:0px 20px; opacity: 0;}
.teamBox:hover .teamContent{opacity: 1;
    -webkit-animation: bottomTopTop 0.7s ease-in-out 0s 1 forwards;
    animation: bottomTopTop 0.7s ease-in-out 0s 1 forwards;
}
.teamContent .teamName{font-family: 'Inner-SemiBold'; color:#404080; font-size: 26px;}
.teamContent .teamName span{display: block; font-size: 17px; padding-top: 5px;}
.teamContent p{font-family: 'Roboto'; font-weight: 300; font-size: 15px; color:#1D1D1B; line-height: 1.2; margin:15px 0px;}
.teamSocial img{max-width: 30px;}
.teamSocial img:hover{transform: scale(1.06);}

@keyframes bottomTopTop {
    0% {top:15px; opacity: 0;}
    100% {top:0px; opacity: 1;}
}
*/
/* ==== How we do it section css ==== */
.howWeDoSec{width:100%; min-height: auto; height: auto; padding:100px 0px; background:linear-gradient(to right, #e5e5f1, #e3e3f1, #e3e2f1, #e2e0f0, #e1dff0, #dfddef, #dddcef, #dbd9ee, #dbd8ee); display: none;}
.howWeDoSec h4{color:#17172B; font-family: 'Inner-SemiBold'; font-weight: normal; font-size: 100px;}
.howWeDoSubTitle{color: #17172B; font-family: 'Roboto'; font-weight: 300; width:100%; max-width: 730px; font-size: 22px; line-height: 1.3; margin:40px 0px;}
.howWeDoSlider{padding: 0px 0px 0px 5%; margin-top: 70px;}
.howWeSlidItem{width:100%; background:linear-gradient(to right, #f2f2f8, #f1f1f9, #f0f0f8, #efeef7, #eeeef8, #eeedf7); padding:0px 40px 40px; cursor: pointer; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);}
.howWeSlidItem h5{color: #ffffff; font-family: 'Inner-SemiBold'; font-weight: normal; font-size: 40px; margin-bottom: 30px; background: #812644; margin-left: -40px; padding: 30px 70px 30px 40px; border-radius: 0px 0px 70px 0px; display:inline-block;}
.howWeDoColumnRow{width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row;}
.howWeDoColumn{color:#fff; width: 47%;}
.howWeDoColumnRow h6{font-family: 'Inner-SemiBold';  font-size: 30px;}
.howWeDoColumn p{margin-top: 15px;  font-family: 'Roboto'; font-weight: 300; font-size: 20px; line-height: 1.3; color:#17172B;}
.howWeDoColumn .howWeDoFirstPara{font-family: 'Roboto Serif'; font-weight: normal; font-size: 18px; color:#812644; background-color: #fad3d6; line-height: 1.3; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone;     padding-right: 3px;}

.howWeDoColumn ul{font-family: 'Roboto'; font-weight: 600; font-size: 15px; line-height: 1.3; padding-left: 20px; margin:0px;}
.howWeDoColumn ul li{color:#17172B; margin-bottom: 3px;}
.howWeSlidItem.MediaferrySlide h5{background: #7A8A27;}

/* how weSlider css */
.howWeSlider .slick-slide{margin: 0 1% 0.25% 0px;}
.howWeSlider .slick-list.draggable{padding-right: 32%;}
.howWeSlider .slick-dots li button {font-size: 14px; color: #15162a;}
.howWeSlider .slick-dots li button {background-color: #802644; border-radius: 50%;}
.howWeSlider li.slick-active button {background-color: #B3CC33;}
.howWeSlider .slick-dots { width: calc(100% - 10%); display: none !important;}
.howWeSlider .slick-arrow {display: none !important;}
.slick-dotted.slick-slider{margin-bottom: 0px;}


/* ==== Form section css start ==== */
.formSection{width:100%; background:#F0858F;}
.formSection.active{background:#802644; padding:20px 0px;}
.formDropdown{display: none;}
.formToggle{cursor: pointer; padding: 20px 0px 12px; transition: all 0.35s linear;}
.formToggle:hover{background:#802644;}
/*.formSection.active .formToggle:hover{background: red}*/
.formSection h6{font-family: 'Inner-SemiBold'; color: #ffffff; font-size: 40px; font-weight: normal; line-height: 1;}
.formDropdown p{font-family: 'Roboto'; font-weight: 300; color: #ffffff; line-height: 1.3; max-width: 100%; width: 600px; font-size: 18px; margin: 20px 0px 30px;}


.form-columns-3, .form-columns-1, .hs_submit, .hs_recaptcha{max-width:100% !important;display: flex !important; justify-content:space-between; gap: 20px;}
.formSection .hs-input{width: 100% !important;outline: none;height:44px;padding:10px;color:#333;font-size:17px;font-family: 'Roboto';font-weight:400;box-shadow: none;border: 0px; border:0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius: 6px;}
.hs-form-field{float: none;width:100%;position: relative;}
.hs-form-field .input{width:100% !important; margin-right: 0px !important;}
.hs-fieldtype-textarea.hs-input {height: 80px; resize:none;}
.hs_contact_form_message{margin:20px 0px;}
.hs-error-msgs{position:absolute; z-index:2; list-style:none; background:#fff; border-radius:8px; padding:10px 20px; font-size:12px; top:100%;; margin-top:10px; box-shadow:0px 0px 10px rgba(0,0,0,0.4); color:red;}
.hs-error-msgs::after{content:""; position:absolute; border-style: solid; border-width: 0 7px 14px 7px; border-color: transparent transparent #fff transparent; transform: rotate(0deg); top:-12px; left:10px;}
.hs_recaptcha{margin-bottom:20px;}
.submitted-message p{max-width: 100%; width: 100% !important;}
.submitted-message p span strong{color: #fff !important; font-size: 18px;}


.hs-submit{position:relative;}
.hs-submit .actions{position:absolute; right:0px; top:-70px}
.hs-button{cursor:pointer; color:#fff; text-transform:uppercase; font-size:20px; font-family: 'Roboto'; font-weight:400; outline:none;border-radius:0px;border: 0px; background:#F0858F; transition:all 0.35s ease-in; padding:11px 20px; width:250px; max-width:100%; display:block; border-radius: 25px;}
.hs-button:hover{background:#4F2B2F;}

/* ==== Mediaferry section ==== */
.mediaferrySection{width: 100%; padding:100px 0px; background: linear-gradient(to right, #e5e5f1, #e3e3f1, #e3e2f1, #e2e0f0, #e1dff0, #dfddef, #dddcef, #dbd9ee, #dbd8ee);}
.mediaferrySection .container{max-width: 100%; width: 1140px;}
.mediaferrySecTitle{color: #17172B; font-size: 50px; z-index: 2; font-family: 'Inner Light'; line-height: 1.2; max-width: 100%; text-align: center; max-width: 100%; width: 1150px; margin: 0px auto 40px;}
.mediaferrySecTitle sup{font-size: 50%;}
.mfContentWrap{display: flex ; align-items: center; justify-content: space-between; flex-direction: row;}
.mediaferryLeft{width: 420px; max-width: 100%; line-height: 1.2;}
.mediaferryLeft p{font-family: 'Roboto'; font-weight: 300; color: #101221; font-size: 20px; margin-bottom: 20px; line-height:1.5;}
.mediaferryLeft .mfButtons button{transition: all 0.35s ease-in; border: 2px solid #17182E; border-radius: 34px; cursor: pointer; font-family: 'Inner-SemiBold'; font-size: 16px; color:#17182E; width: 170px; position: relative; padding:12px 10px; margin-top: 20px; margin-right: 20px;}
/*.mediaferryLeft .mfButtons button::before{content: ""; width: 18px; height: 18px; background: #17182E; transition: all 0.35s ease-in; border-radius: 50%; position: absolute; left: 15px; top: calc(50% - 2px); transform: translate(0, -50%);}*/
.mediaferryLeft .mfButtons button:hover::before, .mediaferryLeft .mfButtons button.active::before{background: #fff;}
.mediaferryLeft .mfButtons button:hover, .mediaferryLeft .mfButtons button.active{background: #191931 0% 0% no-repeat padding-box; color:#fff;}


.mfOuterCircle{width: 460px; height: 460px; border-radius: 50%; position: relative; overflow: hidden; display: flex ; align-items: center; justify-content: center;}
.mfOuterCircle::after{content: ""; position: absolute; left: 0px; top:0px; width: 100%; height: 100%; background: transparent linear-gradient(143deg, #9898D5 0%, #A8ACFF 100%) 0% 0% no-repeat padding-box; opacity:0.3;}
.mfInnerCircle{width: 340px; height: 340px; background: transparent linear-gradient(143deg, #2C2C57 0%, #15162A 100%) 0% 0% no-repeat padding-box; border-radius: 50%; box-shadow: 0px 0px 6px #000000A1; position: relative; z-index: 1;}
.mediaferryText{position: absolute; width: 100%; height: 100%; padding:25px; display: flex ; align-items: center; justify-content: center; flex-direction: column; text-align: center;}
.mediaferryText h4{font-family: 'Inner-SemiBold'; font-size: 35px; color:#fff;}
.mediaferryText p{font-family: 'Roboto'; font-weight: 400; color: #fff; font-size: 20px; margin-top: 15px; line-height: 1.3;}



/* ==== Footer CSS start ==== */
.footer{width:100%; padding:45px 0px 103px; background: #17172B;}
.footer *{transition: all 0.35s ease-in;}
.footer .container{display: flex; align-items: flex-end; justify-content: flex-start; flex-direction: row; position: relative;}
.footerBox{width:28%;}
.footerBox img{max-width: 100%; width: 240px;}
.footerBoxRight h6{color:#fff; font-family: 'Roboto'; font-weight: 600; font-size: 20px; margin-bottom: 8px; text-transform: uppercase;}
.footerBoxRight p{color: #5C79B9; font-family: 'Roboto'; font-weight: 300; font-size: 14px; line-height: 1.3; padding-top: 8px;}
.footerBox .footAddress{margin-bottom: 20px;}
.footerBoxRight a{color: #5C79B9;}
.footeLinkedIn{width: 30px; position: absolute; bottom: 0px; right: 30px;}
.footeLinkedIn img{width:100%; transition: all 0.35s ease-in;}
.footeLinkedIn img:hover{transform: scale(1.1)}


/* ==== Leadership Team section CSS start ==== */
.teamSection{width:100%; padding:100px 0px;}
.teamSection h5{font-family: 'Inner-Regular'; color:#333d79; font-size: 70px; font-weight: normal; letter-spacing: -4px;}
.teamSection h5 span{color:#5C79BA;}
.teamSubTitle{color:#5046a2; font-family: 'Roboto'; font-weight: 300; width:100%; font-size: 22px; line-height: 1.3; margin:20px 0px 30px;}
.overlay.overlayTransparent{background: transparent !important;}
.teadHeadshots .container {padding: 0; width: 95%; max-width: 1850px; margin-top:50px;}
.headshotWrap {display:flex; }
.headshotBox1 {width: 36%; display: flex;}
.headshotBox2 {width: 37%; display: flex; position: relative; left: -4.5%;}
.headshotBox3 { width: 44%; display: flex;  position: absolute;  right: 0;}

/* .headshotBox3 {width:40%; display:flex} */
.headshotWrap img {width:100%}
.headshots_imgBox{transition: all 0.35s ease-in;}
.headshots_imgBox svg {width:100%; position: absolute; left: 0; top: 0;}
.headshots_imgBox {position: relative; transition: opacity 0.3s ease, transform 0.3s ease;}
/* .headshots_imgBox.img11 svg { top: -5%;} */
.img01 { z-index: 1;}
.img02 {left: -22px; }
.img03 {left: -42px; z-index: 1;}
.img04 {left: -76px;}
.img05 {z-index: 1;}
.img06 {left: -8%;}
.img07 { left: -7%; top:-20px; z-index: 1;}
.img08 { left: -12%;}
.img12 {right: -6%;}
.img11 { right: -8.6%; top: 23px; z-index: 2;}
.img11 svg{top: -30px;}
.img10 { right: -19.3%; z-index: 4;  top: -30px;}
.img09 { right: -21%; top: 3px;  z-index: 2;}

.headshots_imgBox svg { position: absolute; z-index:995; height: 100%;}
.headshots_imgBox svg path { cursor: pointer; height: 100%; opacity: 0;}

.img_popUp {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);  width: 760px; max-height: 100%; overflow-y: auto; max-width: 90%; background: #5e79b9 0% 0% no-repeat padding-box; padding: 20px 0 0 40px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); display: none; z-index: 9999; text-align: left;  border-radius: 19px;}
.img_popUp span {position: absolute; top: 10px; right: 15px; font-size: 32px; cursor: pointer; font-weight: bold;}
.popuptext { padding-bottom: 10px; padding-top: 10px;}

.popUpinner {display: flex; justify-content: space-between; flex-wrap: wrap; }
.leftHeadshotText { width: 55%;}
.leftHeadshotImg {width: 37.5%;display: flex; align-items: end;}
.leftHeadshotImg img { display: block; max-width: 220px;}
.leftHeadshotText h2 {font-size: 26px; font-weight: 500; color: #fff; padding-bottom: 6px;}
.leftHeadshotText h3 {font-size: 18px; font-weight: 600; color: #fff; margin-top: 10px; line-height:1.3;}
.leftHeadshotText p {font-size: 16px; font-weight: 400; color: #fff; margin-top: 20px; line-height: 1.42em;}
.teamLinkedIn{display:inline-block; margin-top: 18px;}
.teamLinkedIn img{max-width: 30px !important;}
.close-popup {width: 34px; height: 34px; display: block; background:url('../images/teampopup-close.png') no-repeat; text-indent: -999px; overflow: hidden; background-size: 100%;}

div#clickArrow {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    height: 30px;
    background-color: #C7DB5A;
    position: absolute;
    z-index: 9999;
    right: 0;
    top: 50%;
    margin-top: -15px;
    background-size: 30px;
    width: 30px;
    display: none;
    transform: rotate(-90deg);
    border-radius: 50%;
}


@media (max-width: 1500px) {
    .whatGotYou h2{font-size: 50px;}
    .whatGotYou h2 span{font-size: 23px;}
    .adaptiveSection, .strengthSection{padding:80px 0px;}
    .teamSection{padding:70px 0px;}
    .threeRingBox{width: 380px; height: 380px;}
    .mediaferrySection{padding:70px 0px;}
}

@media (max-width: 1350px) {
    .bottomStrip{font-size: 18px;}
    .footerArrow{width:24px; height: 24px; background-size: 13px;}
}

@media (max-width: 1100px) {
    .bottomStrip {font-size: 16px;}
    
}

@media (max-height: 850px) {
    .bannerText {right: 14%; bottom: 61%;}
}

@media (min-height: 911px) {
    .heroSection{width:100%; display:flex; align-items:center; justify-content:center; flex-direction: column;}
    .heroSection .container{max-height: 862px;}
    .bannerText{font-size:56px;}
}

@media (max-height: 800px) {
    .adaptiveText{padding-bottom: 3%;}
    .threeRingBox.active h2{font-size: 29px;}
    .threeRingBox h3{font-size: 50px; padding:6% 0px 7%;}
    .threeRingBox p{font-size: 18px;}
    .strengthSection .rightBox{width: 550px;}
}

@media (max-width: 1400px) {
        .adaptiveText{padding-bottom: 5%; font-size: 40px;}
        .endToendSection h4{font-size: 40px;}
}


@media (max-width: 991px) {
    .headshotWrap { display: flex;  flex-wrap: wrap; justify-content: center;}
    .headshotBox1, .headshotBox2, .headshotBox3 {position: static; width:500px; max-width: 90%;}
    .headshotBox2 {order: 1;}
    .headshotBox1 {order: 2;}
    .headshotBox3 {order: 3;} 
    .img09, .img10, .img11, .img12 {right: 0;  }
	.img09{top:-8px;}
	.img10{top:-30px;}
	.img11{transform: scale(0.95); top:5px;}
	
    /*========== InnerAdvisor POPUP CSS ================*/
    .popupColumns:nth-child(1), .popupColumns:nth-child(2) {width: 100%;}
    .popupColumns p {padding-left: 0;}
    .popupColumns ul {padding-right: 0; padding-left: 0;}  

    .footer{padding:45px 0px 93px;}
    .bottomStrip{font-size: 13px; height: 48px;}
    .footerArrow{display: none;}
    .popupColumns ul li{margin:6px 0px;}
    .bannerText, .adaptiveText, .Inner8Title, .mediaferrySecTitle{font-family: 'Inner-Regular';}

    .fixedLogo{width:30px;}
    .fixedLogo.active.scrollLogoActive {top: 28px;}
    .navBar{padding:0px 70px 0px; background: rgba(25, 25, 49, 1) !important; top:0px; right:0px; width: 0px; transition: none; overflow: hidden;}
    .navBar.active{width:100%; overflow: visible; padding:0px 70px 15px;}
    .navBar ul{padding-top: 20px; border:0px; float: left; width: 100%; text-align: left; transition: all 0.35s ease; padding-left: 60px;}
    .navBar.active ul{padding-left: 0px;}
    .navBar ul li{display: block; border-left: 4px solid transparent;padding:2px 0px;}
    .navBar ul li.HomeMenu{border-color:#fff;}
    .navBar ul li a{font-size: 30px;}
    .navBar.light-bg ul li a {color: #ffffff;}

    .heroSection .container{max-height: 100%;}
    .bannerText{width:100%; right:auto; top:11%; left:0px; font-size:40px; line-height:1.1; padding:0px 65px 0px 25px;}
    .logoDesktop{display:none;}
    .logoMobile{display: flex;}

    .strengthSection .leftBox{padding-right: 20px;}
	
	.whatGotYou h2{opacity: 1 !important; transform: none !important;}

    .navBar ul.sub-menu {padding: 0 !important;  position: relative; z-index: 9999; opacity: 0; visibility: hidden; transform: translateY(-10%); transition: all 0.3s; height: 0; margin-bottom: 10px !important; margin-left: 15px !important; box-shadow:0; border:0px; width: calc(100% - 15px);}
    .navBar ul.sub-menu.active {display: block; opacity: 1; visibility: visible; transform: translateY(0%); height: auto;}
	.navBar ul.sub-menu li{padding:0px; border-left:0px;}
    .navBar ul.sub-menu li a {font-size: 15px; padding: 10px 15px;}

    div#clickArrow {display: block; transition: all 0.3s;}
    div#clickArrow.active { transform: rotate(0); }
	
	.testimonialAuth{width:100%;}

} 

@media(max-width:1030px) and (min-height:1024px) {
    .heroSection .container{max-height: 100%;}
    .bannerText{width:100%; right:auto; top:11%; left:0px; font-size:50px; line-height:1.1; padding:0px 65px 0px 25px;}
    .logoDesktop{display:none;}
    .logoMobile{display: flex;}
}

@media(min-width:992px) and (max-width:1024px) {
    .threeRingsWrap { transform: scale(0.95);}
}
@media(min-width:768px) and (max-width:991px) {
    .threeRingsWrap { transform: scale(0.75);    }
    .footerBox img {  max-width: 100%;  width: 180px;  }
}
@media(min-width:768px) and (max-width:840px) {
    .strengthSection .container {flex-direction: column  ;}
    .strengthSection .rightBox {width: 600px; order: 1;}
    .strengthSection .leftBox { max-width: 100%;  width: 400px;  margin-top: 110px; order: 2;  }
    .Inner8Title { font-size: 28px;  }
    .strengthSection .leftBox p {  margin-top: 30px; font-size: 16px; }
    
}

@media (max-width: 767px) {
    .navBar ul{padding-top: 60px;}
    .fixedLogo, .fixedLogo.active.scrollLogoActive{top:71px;}
    .fixedLogo.active{right:25px;}

    .section{height: 100vh;}
    .container{padding-left: 25px; padding-right: 25px;}
    .bottomStrip{bottom: auto; top: 0px; font-size: 20px; height: 46px; opacity: 1;}
    .bottomStrip{bottom:auto;}

    .whatGotYou h2{font-size: 45px; text-align: left; padding: 0px 65px 0px 25px; top: 110px; line-height: 1.2; transform: none;}
    .whatGotYou h2 span{font-size: 20px;}
    .downArrow { width: 40px; height: 40px; margin-left:-20px; background-size:15px;}

    .adaptiveSection{padding:0px;}
    .adaptiveSection .container{justify-content: flex-start; padding-top: 50px;padding-bottom: 50px;}
    .adaptiveText {font-size: 30px; line-height: 1.3; padding-right:0px; text-align: left; padding-bottom:0px; text-align: center;}

    .threeRingsWrap{justify-content: center; flex-direction: column; margin-top: 30px; width: 100%;}
    .threeRingBox{width: 270px; height: 270px; margin: 0px; margin-bottom: -55px;}
    .threeRingBox:last-child{margin-bottom:0px;}
    .threeRingBox::after{border: 55px solid rgba(92, 121, 186, 0.9);}
    .threeRingBox h2{font-size: 27px;}
    .threeRingBox:hover h2{font-size: 23px;}
    .threeRingBox h3{font-size:36px; padding:5% 0px;}
    .threeRingBox p{font-size: 13px; padding:0px 25px;}

    .threeRingBox .content{padding:5% 10%;}

    .bannerText{font-size: 28px;}

    .TickerMobile{display: block; text-align: center; font-size: 16px;}
    .tickerDesk{display: none;}

    .strengthSection{padding: 50px 0px;}
    .strengthSection .container{flex-direction: column;}
    .strengthSection .leftBox{max-width: 100%; width: 100%; padding-right: 0px; margin-top:40px;}
    .strengthSection .leftBox img{max-width: 155px;}
    .strengthSection .leftBox p{margin-top: 30px; font-size: 16px;}
    .strengthSection .leftBox a{font-size: 18px;}
    .Inner8Title{font-size: 28px;}

    .strengthSection .rightBox{max-width:100%;}
    .valuesWrap li{font-size: 15px;}


    .endToendSection.section{height: auto; padding: 60px 0px 17px;}
    .endToendSection h4{font-size:34px; margin-bottom:110px;}
    .endToendSection h4 br{display: none;}
    .footLogo{max-width: 100%; width: 300px;}
    .footLogo .deskDisplay{display:none;}
    .footLogo .mobileDisplay{display: block;}

    .teamSection{padding:50px 0px;}
    .teamWrap{justify-content: center;}
    .teamSection h5{font-size: 70px;}
    .teamSubTitle{font-size: 20px; max-width: 100%; margin:20px 0px 30px 0px;}


    /* ==== How we do section CSS start ==== */
    .howWeDoSec{padding:50px 0px; height: auto;}
    .howWeDoSlider{margin-top:40px;}
    .howWeDoSec h4{font-size: 60px;}
    .howWeSlidItem{padding: 0px 20px 30px;}
    .howWeDoColumnRow{flex-direction: column; gap: 30px;}
    .howWeSlidItem h5{font-size: 35px; margin-bottom: 30px; margin-left: -20px; padding: 25px 80px 25px 20px; border-radius: 0px 0px 50px 0px;}
    .howWeDoColumnRow h6{font-size:26px;}
    .howWeDoColumn p{font-size: 14px;}
    .howWeDoColumn{width:100%;}

    .howWeSlider .slick-slide{margin-right: 20px;}
    .howWeSlider .slick-list.draggable {padding-right: 5%;}

    .formToggle{padding:15px 0px 10px;}
    .formSection h6{font-size: 40px;}

    .mediaferrySection{padding:50px 0px;}
    .mediaferrySecTitle{font-size: 30px; margin-bottom: 30px;}
    .mfContentWrap{flex-direction: column;}
    .mediaferryLeft{width: 100%; text-align: center;}
    .mediaferryLeft p{font-size: 16px; margin-bottom: 12px;}
    .mediaferryLeft .mfButtons button{width:135px; padding:8px 10px; margin:10px 10px 0px 0px; font-size: 15px;}
    .mediaferryLeft .mfButtons button::before{width: 12px; height: 12px; left: 9px; top: calc(50% - 1px);}
    .mediaferryRight {margin-top: 40px;}
    .mfOuterCircle {width: 330px; height: 330px;}
    .mfInnerCircle {width: 270px; height: 270px;}
    .mediaferryText h4{font-size: 28px;}
    .mediaferryText p{font-size: 16px;}


    /* == Footer mobile == */
    .footer{padding:30px 0px;}
    .footer .container {display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 14px;}
    .footerBox, .footerBoxLast {width: calc(50% - 7px);}
    .footerBoxLast{text-align: left;}
    .footerBox h6{font-size: 16px;}
    .footerBox p{font-size: 15px;}
    .footerBoxLast a img {max-height: 25px;}
    .footerBoxLast a{padding: 0px 15px 0px 0px;}
    .footerBox, .footerBoxLast {width: calc(49% - 4px); margin-top:20px;}
    .footerBox:first-child {width:100%; margin-top:0px;}
    .footerBox .footAddress {margin-bottom: 15px;}
    .footeLinkedIn{width: 100%; position: relative; right: auto; margin-top: 15px;}
    .footeLinkedIn img{width: 30px;}

    .footerBox img{width: 220px;}
    .footerBoxRight{margin-top: 20px;}
    .footerBoxRight h6 {font-size: 18px; line-height: 1.2; width: 270px; max-width: 100%;}
    .footerBoxRight p{font-size: 13px; padding-top: 2px;}

    .formSection.active{padding: 20px 0px 40px;}
    .formDropdown p{font-size: 16px; margin:10px 0px 20px;}
    .form-columns-3, .form-columns-1, .hs_submit, .hs_recaptcha{flex-direction: column;}
    .hs-submit .actions {position: relative; right: 0px; top: auto;}
    .hs-button{width: 100%;}

    /*========== InnerAdvisor POPUP CSS ================*/
    .capabilityPopup {max-height:95%;}
    .popupColumns ul li{width: 48%; margin: 5px 0; position: relative;  min-height: 19px; padding-left: 18px; line-height: 1.3;}
    .popupColumns ul li:before {content: ""; width: 6px; height: 6px; position: absolute; left: 0;  top: 7px; margin-top:0px;}
    .img03 {left: 20px; z-index: 2;}
    .img04 {left: 0; z-index: 1;}
    .img07 {left: 4%;}
    .img08 {left: 0;}


    .leftHeadshotText { width: 100%;}
    .leftHeadshotImg {width: 100%; justify-content: center;}
    .img_popUp {padding: 20px 20px 0; max-height: 95%;}
    .img_popUp span {width: 28px; height: 28px; background-size: 100% 100%; top: 15px;}
    .leftHeadshotText h2 { max-width: 89%;}
    .popupColumns ul li { width: 100%; margin: 5px 0; position: relative;  min-height: 22px; padding-left: 14px; line-height: 1;}
    .close {top: 10px;}

}

@media (max-width: 390px) {
	.TickerMobile{font-size: 16px;}
}

@media (max-width: 370px) {
    .bottomStrip{font-size:18px;}
    .footerBox h6 {font-size: 15px;}
    .footer .container{gap:8px;}
	.TickerMobile{font-size: 14px;}
}

@media (max-width: 767px) and (max-height: 700px) {
    .logoMobile{height: 53%; bottom: 6%;}
}

@media (min-width: 1024px) and (max-width: 1399px) and (max-height: 800px) {
    .bannerText {right: 12%; bottom: 62%;}
    .bannerText {font-size: clamp(20px, 5.1vh, 100px);}
    .adaptiveText {max-width: 90%;}
}

@media (min-width: 1024px) and (max-width: 1399px) and (max-height: 770px) {
    .bannerText {right: 12%; bottom: 58%;}
    .bannerText {font-size: clamp(20px, 5.1vh, 100px);}
    .adaptiveText {font-size: 34px;}
    .mediaferrySecTitle{font-size: 34px; width: 630px;}
}

@media (min-width: 1024px) and (max-height: 770px) {
    .strengthSection .rightBox{width: 500px;}
    .valuesWrap li{font-size: 22px;}
}


@media (max-width: 767px) and (min-height: 400px) {
    .whatGotYou h2{top:0px; display: flex ; justify-content: center; align-items: center; height: 100%;}
    .whatGotYou h2 span{font-size: 20px; top: 110px; left: 25px; right: 65px; position: absolute;}
}

@media (max-height: 500px) {
	.logoDesktop{display:flex; max-width:45%;}
	.logoMobile{display:none;}
	.bannerText{font-size: 20px; width: 32%; left: auto; right: 74px; padding-right: 0px; top: 36%; transform: translate(0px, -50%); bottom: auto;}
}


/*--------------------- Blog  Lists Start Here ----------------------*/

.blog_wrapper {background:#fff; min-height:50vh; padding:60px 0 40px;}
.blog_cards_wrapper {width:100%; max-width:980px; margin:0 auto; }
.blog_cards_wrapper .blog_card {width:100%; max-width: 100%;}
.blog_heading { font-family: 'Inner-SemiBold'; letter-spacing: 0px; color: #5C79B9; font-size:25px; line-height:1.2}
.blog_heading a {color: #5C79B9; text-decoration: none; transition: all 0.35s ease-in;}
.blog_heading a:hover {color: #5C79B9; text-decoration: underline;}
.blog_short_text {font-size:18px; color: #101221; line-height:30px; margin-top: 18px; font-weight:400}
.blog_date { font-size: 18px; margin-top: 26px; font-weight: 600; color: #101221;}

.blog_card {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin-bottom: 30px;}
.blog_image {width:416px; height:416px; border-radius: 50%; overflow:hidden; position:relative; background:#e6e7fd; padding:28px; order: 1;}

.blog_img_wrap{width: 100%; height: 100%; border-radius: 100%; overflow: hidden;}
.blog_img_wrap img {transition: all 0.5s; transform: scale(1); transform-origin: center ;}
.blog_image:hover .blog_img_wrap img {transform: scale(1.1);}

.blog_image img {width:100%; height:100%; object-fit:cover; border-radius: 50%;}
.blog_content { width: 49.5%; max-width: 100%; order:2 }
.blog_card:nth-child(even) .blog_image {order: 2;}
.blog_card:nth-child(even)  .blog_content {order: 1;}
.blog_Pagination {display:flex; justify-content:center; align-items:center;  margin-top: 50px; list-style:none; padding:0px;}
.blog_Pagination li {margin:0 2px}

/*---- Pagination Old-----------------------*/
.blog_Pagination li a {display:block; width:40px; height:40px; color:#000; text-align:center; border-radius:50%; text-decoration:none; color:#000; text-decoration:none; font-weight:600; font-size:18px; text-decoration:none; line-height:40px; transition: all 0.3s; } 
.blog_Pagination li.active a {display:block; width:40px; height:40px; background:#191931;  color:#fff; text-align:center; border-radius:50%; }
.blog_Pagination li a:hover {display:block; width:40px; height:40px; background:#191931;  color:#fff; text-align:center; border-radius:50%; } 

/*----------- Pagination New --------------------*/
.blog_Pagination a, .blog_Pagination span{display:block; width:40px; height:40px; color:#000; text-align:center; border-radius:50%; text-decoration:none; color:#000; text-decoration:none; font-weight:600; font-size:18px; text-decoration:none; line-height:40px; transition: all 0.3s; margin:0 10px } 
.blog_Pagination .current {display:block; width:40px; height:40px; background:#b4cd35;  color:#fff; text-align:center; border-radius:50%; }
.blog_Pagination a:hover {display:block; width:40px; height:40px; background:#191931;  color:#fff; text-align:center; border-radius:50%; } 
.blog_Pagination a.next.page-numbers {width:auto; border-radius:0; padding:0 10px}
.blog_Pagination a.prev.page-numbers {width:auto; border-radius:0; padding:0 10px}




section.blog_section_hero {height:650px; overflow:hidden }
section.blog_section_hero .slider_Blogdetails { height: 100%;}
section.blog_section_hero .slider_Blogdetails .slideItem { height: 100%;}
section.blog_section_hero .slider_Blogdetails .slideItem > img {  width: 100%;  height: 100%;   object-fit: cover;}
section.blog_section_hero.whatGotYou img {position:static}
.blog_section_hero .slideContent {position: absolute; left: 50%; top: 0; transform: translateX(-50%); color: #fff; z-index: 99; width: 1220px;  max-width: 90%; display: flex; flex-direction: column; justify-content: center; align-items: center; height:100%}
.blog_bredcrub { font-size:25px; font-family: 'Inner-Regular'; display:block; text-align:center}
.blog_hero_text {font-size:50px; line-height:70px; font-family: 'Inner-Regular'; display:block; text-align:center; margin-top: 20px; }
.blog_hero_text a{text-decoration:none; color:#fff; transition:all 0.35s ease-in;}
.blog_hero_text a:hover{text-decoration:underline;}
.hero_social_date {font-size: 20px; font-family: 'Inner-SemiBold'; display:block; text-align:center; margin-top: 115px;}  
.hero_social_icons  {display: flex; justify-content: center; align-items: center; margin-top: 100px;}
.hero_social_icons img {width: 36px !important; margin: 0px 7px;}
.subscrip_wrapper { padding: 110px 0px; background-color: #5c7aba; color: #fff; position: relative;  background-image: url('../images/top_ring.jpg'), url('../images/bottom_ring.jpg'); background-position: right top, left bottom; background-repeat: no-repeat, no-repeat; background-size: auto; text-align: center;}
.sub_heading {display:block; font-family: 'Inner-SemiBold'; font-size:35px;}
.sub_subHeading {display:block; font-size:35px; font-family: 'Inner-Regular'; margin-top:25px}

.subscrip_form_with_captcha {
    display: block;
    margin: 0 auto;
    max-width: 375px;
    margin-top: 50px;
    width: 100%;
}
.subscrip_form_with_captcha .input input {
    width: 100%;
    border-radius: 34px;
    height: 60px;
    outline: 0;
    background: none;
    border: 2px solid #fff;
    padding: 0 145px 0 25px;
    color: #fff;
    font-size: 14px;
    font-family: 'Inner-Regular';
}

.subscrip_form_with_captcha .input input::placeholder {
    color:#fff
}

.subscrip_form_with_captcha  .actions {
    width: 140px;
    top: -58px !important;
    right: 2px;
}
.subscrip_form_with_captcha  .actions input {
    background: #B4CD35;
    height: 56px;
    border-radius: 34px !important;
    font-size: 20px;
    font-family: 'Inner-SemiBold';
    text-transform: none;
    transition:all 0.3s;
}

.subscrip_form_with_captcha  .actions input:hover, .subscrip_form_with_captcha  .actions input:focus {
    background:#191931;
} 

.hs_error_rollup > ul {
    display: none !important;
}



/*--------------------- Blog  Lists End Here ----------------------*/


/*--------------------- Blog  Details Start Here ----------------------*/


.slider_bg {background-color: #E5E5F2; padding: 70px 0 70px;}
.sliderWrap { overflow: visible; position: relative;  z-index: 1;  max-width: 1100px;  margin: auto; padding:0 50px; }
.sliderWrap .slick-list {padding:75px 0  70px!important;}
.relatedBlog {position: relative; z-index: 1;}
.relatedBlog .slick-slide { position: relative; display: flex !important; justify-content: center;  align-items: center;   transition: all 0.3s ease; transform: scale(0.85); z-index: 1;  }
.relatedBlog .slick-center { transform: scale(1);  z-index: 10; }
.slick-current + div + div { left: 20px;}
.relatedBlog .slick-slide img { border-radius: 50%;  object-fit: cover; border: 20px solid #dcdbf4; width: 330px !important; height: 330px !important; object-fit: cover;   }
.blogDetailSection { background: #ffffff; padding: 50px 0 10px;  font-weight: 400;}
#blogcontent-2 { padding: 50px 0 54px;}
.blogContentWrap{  font-size: 20px;  line-height: 30px;  color: #000000;  margin-bottom: 20px;}
.blogContentWrap p{ padding-bottom: 20px;}
.blogContentWrap ul{padding-left: 20px; margin: 0; margin-bottom:40px;}
.blogContentWrap ul li{font-size: 20px;line-height: 30px; margin-bottom: 5px;}
.blogContentWrap h2{ font-family: 'Inner-Regular'; font-weight: normal; padding: 10px 0 0; font-size: 35px; line-height: 45px; color: #5C79B9;}
.blogContentWrap h3{ font-family: 'Inner-Regular'; font-weight: normal; padding: 10px 0 0; font-size: 30px; line-height: 45px; color: #5C79B9;}

.blogContentWrap h4{ font-family: 'Inner-Regular'; font-weight: normal; padding: 10px 0 0; font-size: 25px; line-height: 45px; color: #5C79B9;}

.blogContentWrap h5{ font-family: 'Inner-Regular'; font-weight: normal; padding-bottom: 10px; font-size: 20px; line-height: 45px; color: #5C79B9;}

.imgWrap{padding-top: 0; margin-bottom: 20px;}
.blogContentWrap img{width: 100%; border-radius: 11px;}
.multImgWrap{display: flex; column-gap: 30px; padding-top: 0; margin-bottom: 20px;}
.testimonialSection{padding: 70px 0px;background-color: #5C79B9;}
.testimonialWrap{display: flex;column-gap: 20px;}
.testimonialWrap .blog_image {order: inherit !important;}
.testimonialContent{ flex: 1;font-size: 22px;line-height: 30px; padding: 0 30px; color: #ffffff;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;}
.testimonialText{ position: relative; line-height: 32px; font-weight: 400;}
.testimonialText::before{ content: ' '; position: absolute; height: 82px; width: 34px; background-image: url(../images/leftQ.svg); left: -35px; top: -17px;}
.testimonialText::after{content: ' '; position: absolute; height: 82px; width: 34px; background-image: url(../images/rightQ.svg); right: -31px; bottom: -13px;}
.testimonialAuth{padding-top: 20px;font-weight: 600;}
.relatedBlogSection{padding: 70px 0; background-color: #f2f0f7;}
.slideImgWrap{ width: 360px;  height: 360px;  padding: 20px;  position: relative;
     background: linear-gradient(143deg, #9898D5 0%, #A8ACFF 100%) 0% 0% no-repeat;
    -webkit-background: linear-gradient(143deg, #9898D5 0%, #A8ACFF 100%) 0% 0% no-repeat;
    border-radius: 50%;
    overflow: hidden;
}

.relatedBlog .slideItem .slideImg{ width: 320px; height: 320px; border-radius: 50%; overflow: hidden;}
.relatedBlog .slideItem{margin-top: 55px;}
.relatedBlog .slideItem .slideImg .img-circle{ width: 360px; height: 360px; object-fit: cover;}
.slidText p{font-size: 30px; line-height: 45px; color: #ffffff;}
.slick-current .slideImgWrap{display: block;}
.slick-current .slidText{ display: none;}
.s-icon img {width: 36px; margin-right: 14px;}

.relatedBlog  .slide {position: relative;}
.relatedBlog .slidText {opacity: 0; display: block;position: absolute; left: 0; width: 100%; height: 100%; top: 0; border-radius: 50%;
    background: transparent linear-gradient(143deg, #2C2C57 0%, #15162A 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #000000A1;  align-items: center;text-align: center;  z-index: 1;   opacity: 0;}
.relatedBlog  .slick-center .slidText { animation: fadeIn 1s ease-in-out both;  }
.relatedBlog  .blog_bannerText { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 45px;}
.relatedBlog  .blog_bannerText  a {
    display: block;
    font-family: 'Inner-Regular';
    font-size: 22px;
    line-height: 28px;
    color: #fff;
    text-decoration: none;
    transition: all 0.35s ease-in;
}
.relatedBlog  .blog_bannerText  a:hover {color: #5C79B9;}

.relatedBlog .blog_bannerText a .arrow-slide img {
    width: 30px !important;
    height: 30px !important;
    margin: 10px auto 0;
    border:0px;
    transition: all 0.5s ease;
    transfrom:scale(1)
}

.relatedBlog .blog_bannerText a:hover .arrow-slide img {
    transform: scale(1.2);
    transition: all 0.5s ease;
}

/*.relatedBlog .blog_bannerText .arrow-slide {
    display: none;
}*/

.relatedBlog .slick-arrow {
    width: 38px;
    height: 38px;
    background: url('../images/blog_arrow.png') no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    transition: all 0.3s ease;
    z-index: 2;
  }
  
  /* Hover scale */
  .relatedBlog .slick-arrow:hover {
    transform: translateY(-50%) scale(1.15);
  }
  
  .relatedBlog .slick-next {
    right: -70px;
  }
  
  .relatedBlog .slick-prev {
    left: -70px;
    transform: translateY(-50%) rotate(-180deg);
  }
  
  /* Keep hover scale + rotation */
  .relatedBlog .slick-prev:hover {
    transform: translateY(-50%) rotate(-180deg) scale(1.15);
  }
  
  

.relatedBlog  .slick-arrow:before, .relatedBlog  .slick-arrow:after {display: none;}

.s-icon a img, .hero_social_icons a img{transition: all 0.3s;}
.s-icon a img:hover {transform: scale(1.15);}
.hero_social_icons a img:hover {transform: scale(1.15);}

.s-icon a img{transition: all 0.3s;}
.s-icon a img:hover {transform: scale(1.15);}





.heading-slider {font-family: 'Inner Light'; font-size: 42px; color: #101221; text-align: center; margin-bottom: 50px;}

#testimonial .blog_image {width: 310px; height: 310px; padding: 20px;}

section#testimonial .container {max-width: 980px;}

.blogDetailSection .container {max-width: 980px; margin: 0 auto;} 

.testimonialText q:after, .testimonialText q:before {display:none}


@keyframes fadeIn {
    from {
      opacity: 0;

    }
    to {
      opacity: 1;

    }
  }

.blogContentWrap p a {
    color: #5C79B9;
	transition:all 0.3s
}

.blogContentWrap p a:hover {
	text-decoration:none
}


div#blogFilterWrapper { background: #fff; padding: 50px 0 30px;}
.blog_filter_wrapper { display: flex; align-items: center;  justify-content: space-between;}
.blog_filter_wrapper lable {font-weight: 600; color: #313131;  margin-right: 15px;}
select#blog-category-filter {
    border: 2px solid #b3cc33;
    padding: 7px 10px 7px 20px;
    border-radius: 30px;
    font-weight: 600;
    color: #313131;
    min-width: 220px;
    height: 45px;
    font-family: 'Roboto';
    font-size: 0.9rem;
    outline: 0;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23C7DB5A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 94% 50%;
    background-size: 28px;
}


/*------------------------- 09-06-2025 ------------------------------*/
.top_block_innerGpr { padding: 0 !important; }
.top_block_innerGpr .blogContentWrap { margin-bottom: 0 !important; padding: 20px 0 20px !important;}
.top_block_innerGpr .blogContentWrap h2, .top_block_innerGpr .blogContentWrap h3, .top_block_innerGpr .blogContentWrap h4, .top_block_innerGpr .blogContentWrap h5, .top_block_innerGpr .blogContentWrap h6 { padding: 0 !important; margin-top:30px; margin-bottom:10px}
.top_block_innerGpr .blogContentWrap p  { padding: 0 !important; margin: 0 0 30px;}
.top_block_innerGpr .blogContentWrap img {display:block}
.top_block_innerGpr .multImgWrap .multImgWrap {margin-bottom:0}
.blogContentWrap.single_image { margin: 0 !important; padding: 0 !important;}
.blogContentWrap.bdouble-img {padding:0 !important}
.top_block_innerGpr .multImgWrap, .top_block_innerGpr .imgWrap {padding:0 !important; margin-bottom: 0 !important;}
.blogContentWrap.content_top_block_innerGpr p:first-child {  margin-top: 30px;}

.top_block_innerGpr .blogContentWrap h2 + p,  .top_block_innerGpr .blogContentWrap h3 + p, .top_block_innerGpr .blogContentWrap h4 + p, .top_block_innerGpr .blogContentWrap h5 + p { margin-top: 0;}
.top_block_innerGpr .blogContentWrap img { display: block; height: 100%;  object-fit: cover;}


#blog-search { background: #fff; border: 2px solid #b3cc33; padding: 15px 15px; display: flex; justify-content: space-between; align-items: center; background-repeat: no-repeat; background-size: 28px; font-size: 0.9rem; border-radius: 30px; outline: 0; min-width: 300px; pointer-events: auto; }

.blog-search-wrapper { position: relative; }

.blog-search-wrapper img { position: absolute; right: 20px; max-width: 20px; top: 50%; transform: translateY(-50%); }


.custom-select-wrapper { position: relative; min-width: 300px; font-family: sans-serif;    }
.custom-select { background: #fff; border: 2px solid #b3cc33; padding: 15px 15px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; border-radius: 6px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23C7DB5A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat;background-position: 94% 50%;			background-size: 28px;font-size: 0.9rem;border-radius: 30px;    }
.select-arrow { font-size: 14px;  transition: transform 0.3s;display:none     }
.select-options {list-style: none;margin: 0px 0 0 0;padding: 0;	border: 1px solid #ccc;	position: absolute;	width: 100%;max-height: 220px;	overflow-y: auto;			background: white;z-index: 10;display: none;border-radius: 7px;	box-shadow: 0px 6px 20px rgba(0,0,0,0.15)}
.select-options li {padding: 15px 15px; cursor: pointer; transition:all 0.3s; color:#313131;   border-bottom: 1px solid #ddd;      }
.select-options li:hover { background-color: #5c79b9;color:#fff     }
#blogFilterWrapper span.selected { color: #313131; font-weight: 600;}




@media(min-width:1400px) and (max-width: 1599px){
     section.blog_section_hero { height: 550px;}
}

@media(min-width:1280px) and (max-width: 1399px) {    
    .subscrip_wrapper {background-size:120px; padding:110px 0}
     section.blog_section_hero { height: 450px;}
}

@media(min-width:1024px) and (max-width: 1279px) {
    .blog_section_hero .slideContent {width:880px}
    .blog_hero_text {font-size:40px; line-height:60px;}
    .hero_social_icons {margin-top: 50px;}
    .subscrip_wrapper {background-size:100px; padding:80px 0}
    .subscrip_wrapper .container { width: 75%; }
    .sliderWrap {padding: 0 70px;}
    .relatedBlog .slick-slide img { width: 300px !important; height: 300px !important; border: 10px solid #dcdbf4; }
    .relatedBlog  .blog_bannerText {font-size: 20px; line-height: 28px;   padding: 25px;    }
    .slider_bg { padding: 50px 0; }
    .heading-slider {margin-bottom: 10px;}
    .relatedBlog .blog_bannerText a {font-size: 20px;  line-height: 28px; }
    .relatedBlog .slick-slide span.arrow-slide img {margin-top: 10px;}
    .relatedBlog .slick-next {right: -60px;}
    .relatedBlog .slick-prev {left: -60px;}
    .sliderWrap .slick-list {padding:70px 0  50px!important;}
    .relatedBlog .slick-center { transform: scale(1.3) !important; }
    section.blog_section_hero { height: 400px;}

}

@media(min-width:1024px) and (max-width:1100px) {
     .navBar ul li a {font-size: 22px;}
}

@media(min-width:768px) and (max-width: 1023px) {
    .blog_hero_text {font-size:30px; line-height:40px; margin-top:10px}
    .hero_social_icons {margin-top: 40px;}
    .hero_social_date {margin-top: 50px;}
    .sliderWrap {padding: 0 80px;}
    .relatedBlog .slick-slide img { width: 290px !important; height: 290px !important; border: 10px solid #dcdbf4; }
    .relatedBlog  .blog_bannerText {font-size: 20px; line-height: 28px;   padding: 25px;    }
    .heading-slider {margin-bottom: 10px;}
    .sliderWrap .slick-list {padding:70px 0  50px!important;}
    .custom-select-wrapper, #blog-search { min-width: 250px; }
}

@media(min-width:992px) and (max-width:1023px) {
    .relatedBlog  .blog_bannerText  a { font-size: 18px; line-height: 26px;  }
    .relatedBlog .slick-slide span.arrow-slide img {margin-top:5px;}
    .relatedBlog .slick-center { transform: scale(1.3) !important; }
    section.blog_section_hero { height: 400px;}
    .navBar ul li a {font-size: 22px; padding: 6px 10px;}
}



@media(min-width:768px) and (max-width: 990px) { 
    .blog_image { order: 1 !important; transform: scale(0.9);   margin: 0 auto;  }
    .blog_content { width: 100%; max-width: 100%; order:2 !important; text-align:center}
    .testimonialWrap {flex-wrap: wrap;}
    .testimonialSection {  padding: 50px 0px;  }
    .testimonialContent { width: 100%; flex: inherit; text-align: center; }
    .multImgWrap {flex-wrap: wrap; }
    .multImgWrap p {width: 100%;}
    .sliderWrap {padding: 0 50px;}
    .relatedBlog .slick-slide img { width: 240px !important; height: 240px !important; border: 10px solid #dcdbf4; }
    .relatedBlog  .blog_bannerText a { font-size: 16px; line-height: 24px; padding: 18px; }
    .relatedBlog .slick-slide span.arrow-slide img { width: 25px !important; margin: 5px auto 0; height: auto !important; }
    .slider_bg { padding: 50px 0; }
    .heading-slider {margin-bottom: 10px;}
    .relatedBlog .slick-prev {left: -40px; width: 30px; height: 30px;}
    .relatedBlog .slick-next {right: -40px; width: 30px; height: 30px;}
    section.blog_section_hero {height: 300px;}
	.multImgWrap > div:nth-child(2) { margin-top: 30px;}

}

@media(max-width:767px) { 
    .blog_image { order: 1 !important; transform: scale(0.9);   margin: 0 auto;  }
    .blog_content { width: 100%; max-width: 100%; order:2 !important; text-align:center}
    .blog_image { order: 1 !important;  transform: scale(1);  margin: 0 auto;  width: 300px; height: 300px; margin-bottom: 20px; padding:18px  }
    .testimonialImgWrap { width: 300px; height: 300px; border-radius: 50%; overflow: hidden;  margin-bottom: 30px; }
    .subscrip_wrapper {background-size:80px; padding:60px 0}
    .testimonialWrap {flex-wrap:wrap ;}
    .testimonialContent {width: 100%; flex: auto;}
    section.blog_section_hero { margin-top: 46px; height: 500px; }
    section.blog_section_hero.whatGotYou img { position: static; height: 100%; min-height: 50vh; object-fit: cover;  }
    .blog_hero_text { font-size: 29px; line-height: 1.3; padding-top:10px;}
    span.hero_social_icons a img { height: inherit !important; min-height: inherit !important; }
    .blog_section_hero .slideContent {transform: none; width: 100%; align-items: center; text-align: center; justify-content: center; left: 0px; max-width: 100%; padding: 0px 50px;}
	.blog_section_hero .slideContent span{text-align:center;}
    .blog_bredcrub, .blog_hero_text {text-align: left; margin: 0;}
    .hero_social_icons {justify-content: center;  margin-top: 60px;}
    .hero_social_date {margin-top: 60px; text-align: left;}
    .blog_bredcrub {font-size: 23px;}
	.hero_social_date{font-size:18px;}
    .testimonialText, .testimonialAuth { text-align: center; font-size: 20px;  line-height: 1.3; padding-left:7px; padding-right:7px;}
    .testimonialSection {  padding: 50px 0px;  }
    .multImgWrap {flex-wrap: wrap; margin: 0; }
    .multImgWrap p {width: 100%;}
    .sliderWrap {padding: 0 50px;}
    .slider_bg {padding: 50px 0;  }
    .relatedBlog .slick-slide img {width: 240px !important; height: 240px !important; border: 10px solid #dcdbf4;}
    .relatedBlog .blog_bannerText a {font-size: 16px; line-height: 20px;}
    .relatedBlog .slick-arrow {width: 30px; height: 30px; }
    .relatedBlog .slick-next {right: -40px;display:none !important;}
    .relatedBlog .slick-prev {left: -40px;display:none !important;}
    .heading-slider {margin-bottom: 10px;}
    .subscrip_form_with_captcha  .actions { position:absolute  }
    .subscrip_form_with_captcha {margin-top:30px; margin-bottom:30px}
    .imgWrap {margin: 0;}
    .slider_bg { padding: 50px 0 30px;}
	.sub_heading{margin-top:20px;line-height:1.1;}
	.sub_subHeading {font-size:25px; line-height:1.3;}
	.multImgWrap > div:nth-child(2) { margin-top: 30px;}

    .custom-select-wrapper, #blog-search { min-width: inherit; width: 100%; }

    .blog-search-wrapper { position: relative; width: 100%; margin-top: 15px;}
     .blog_filter_wrapper { justify-content: center; flex-wrap: wrap; padding: 0 15px; }
	
	div#blogFilterWrapper{padding-bottom:0px;}
	.sliderWrap .slick-list{padding-top:75px !important;}
}

@media(max-width: 600px) {
	.sliderWrap .slick-list{padding-top:78px !important;}
}

@media(max-width: 550px) {
    .relatedBlog .slick-slide { transform: scale(1.1) !important;} 
    .relatedBlog .blog_bannerText {padding: 20px 35px;}
    .relatedBlog .blog_bannerText a {font-size: 18px;  line-height: 1.2;}
    .relatedBlog .slick-slide span.arrow-slide img {margin-top: 10px; width: 18px !important; height: 18px !important; }
    .slider_bg { padding: 50px 0 0;  }
    select#blog-category-filter {min-width: 180px;}
    .sliderWrap .slick-list {padding-top: 45px !important;}
}

@media(max-width: 375px) {
    .testimonialText q {padding: 10px; }
    .relatedBlog .slick-slide img {  width: 210px !important;  height: 210px !important;   border: 10px solid #dcdbf4;    }   
    
}

@media(max-width: 346px) {
    .relatedBlog .slick-slide img {  width: 190px !important;  height: 190px !important;   border: 10px solid #dcdbf4;    }   
    .relatedBlog .blog_bannerText a { font-size: 14px; line-height: 17px; } 
    #testimonial .blog_image { width: 270px; height: 270px;  padding: 15px;    }
    .blog_image { transform: scale(1);  width: 270px;  height: 270px; padding: 15px; }
    
}

.blog_Pagination a.next.page-numbers, .blog_Pagination a.prev.page-numbers {
    width: auto;
    border-radius: 20px;
    padding: 20px 40px;
    background: url('https://innergroup1dev.wpenginepowered.com/wp-content/uploads/2025/05/nextARW.png') no-repeat #b4cd35;
    font-size: 38px;
    display: flex;
    align-items: center;
    margin: 0;
    color: #fff;
    text-indent: -99999px;
    overflow: hidden;
    background-position: center center;
    background-size: 18px;
}
.blog_Pagination a.prev.page-numbers { transform: rotate(180deg);}
.blog_Pagination a.next.page-numbers:hover, .blog_Pagination a.prev.page-numbers:hover {background-color:#191931}


/*--------------------- Blog  Details End Here ----------------------*/





.s-icon { padding-bottom: 44px;}