@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
:root {
    --font1: 'Inter', sans-serif;
    --font2: 'Lato', sans-serif;
    --primary: #0161cd;
    --secondary: #0b121b;
    --text-color: #000066;
    --white: #FFFFFF;
    --dark: #717070;
    --grey: #6B6B84;
    --lightbg: #F4F4F4;
    --grd1: linear-gradient(90deg, rgba(213, 0, 64, 1) 0%, rgba(147, 46, 240, 1) 100%);
    --grd2: linear-gradient(180deg, rgba(58, 0, 183, 1) 0%, rgba(119, 9, 218, 1) 100%);
    --grd3: linear-gradient(180deg, rgba(225, 4, 100, 1) 0%, rgba(165, 5, 48, 1) 100%);
    --grd4: linear-gradient(180deg, rgba(0, 185, 31, 1) 0%, rgba(4, 124, 24, 1) 100%);
    --grd5: linear-gradient(0deg, rgba(255, 65, 2, 1) 0%, rgba(255, 173, 0, 1) 100%);
    --grd6: linear-gradient(90deg, rgba(0, 121, 168, 1) 0%, rgba(6, 86, 117, 1) 100%);
    --black: #1A1A1A;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
/*     font-size: 18px; */
    line-height: 25px;
    color: var(--grey);
    font-family: var(--font1);
}


 .container{
    max-width: 1280px;
} 



h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--secondary);
    font-family: var(--font1);
    font-weight: 700;
}

p {
    margin: 0 0 20px;
    font-size: 16px;
}

img,
svg {
    width: 100%;
}

.clear {
    clear: both;
}

.clear:after {
    position: relative;
    content: "";
    clear: both;
    display: table;
    width: 100%;
}

a {
    transition: .5s;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul {
/*     list-style: none; */
/*     padding: 0;
    margin: 0; */
}
.site-footer ul{
	list-style: none; 
   padding: 0;
    margin: 0;
}

section {
    padding: 36px 0;
    position: relative;
    overflow: hidden;
}

.bg-color {
    background-color: #EDEFFF;
}


/**common**/

.bglight {
    background-color: var(--lightbg);
}

.tophd {
    text-align: center;
    margin: 0 0 30px;
}

.tophd1 {
    text-align: left;
}

.tophd1 .subtitle {
    justify-content: flex-start;
}

.subtitle {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-family: var(--font2);
    font-weight: 600;
    position: relative;
    font-size: 16px;
    line-height: 26px;
    background: var(--grd2);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sub-bg {
    display: inline-block;
    background: #4f00961c;
    line-height: normal;
    padding: 10px 27px;
    border-radius: 100px;
    margin-bottom: 10px;
}


/* .subtitle:before{
	position: relative;
	display: inline-flex;
	content: "";
	background: url(../images/subtitleico.svg) no-repeat 0 center;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}  */

h2.title {
    font-size: 34px;
    line-height: 47px;
    text-transform: capitalize;
    margin: 0 0 10px;
    background: var(--grd1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

h6.title {
    font-size: 22px;
    
    text-transform: capitalize;
   
    background: var(--grd1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

/* ul {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
} */

ul li {
    font-weight: 500;
    margin: 0 0 10px;
}

.list li:before {
    position: absolute;
    content: "";
    background: url(../images/subtitleico.svg) no-repeat center;
    background-size: 20px;
    width: 30px;
    height: 30px;
    top: 2px;
    left: 0;
}

.cmnbtn {
    display: inline-block;
    font-weight: 500;
    position: relative;
    background: var(--grd2);
    color: var(--white);
    font-size: 16px;
    line-height: 18px;
    text-transform: capitalize;
    overflow: hidden;
    border-radius: 5px;
}

.cmnbtn span {
    display: block;
    padding: 16px;
    position: relative;
    z-index: 1;
}


/* .cmnbtn:before{
	position: absolute;
	width: 100%;
	height: 100%;
	left: -100%;
	top:0;
	background: var(--grd3);
	content: "";
	transition: .5s; 
	border-radius: 5px;
} */

.cmnbtn:before {
    content: "";
    position: absolute;
    bottom: 44%;
    right: 70%;
    top: -70%;
    left: -32%;
    background: var(--grd3);
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.cmnbtn:hover:before {
    -webkit-transform: scale(7);
    transform: scale(7);
}

.cmnbtn:hover {
    color: var(--white);
}

.new-btn {
    display: inline-block;
    font-weight: 500;
    position: relative;
    background: var(--primary);
    color: var(--white);
    font-size: 16px;
    line-height: 18px;
    padding: 18px 42px;
    text-transform: capitalize;
    text-align: center;
    overflow: hidden;
}

.new-btn span {
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-right: 0;
    transition: 0.5s;
}

.new-btn:hover span {
    margin-right: 10px;
}

.new-btn span:before {
    position: absolute;
    content: "";
    width: 0px;
    height: 2px;
    background: var(--white);
    left: 105%;
    top: 60%;
    transform: translate(0, -50%);
    transition: 0.5s;
}

.new-btn:hover span:before {
    width: 15px;
}

.new-btn:before {
    position: absolute;
    width: 5px;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--secondary);
    content: "";
    transition: .5s;
}

.new-btn:hover {
    color: var(--white);
}

.new-btn:hover:before {
    width: 10px;
}

.ar {
    display: inline-block;
    position: relative;
    padding-left: 12px;
}


/**mobile menu**/

.menubtn {
    width: 45px;
    height: 45px;
    background: var(--primary);
    padding: 8px;
    z-index: 124;
    margin-left: 10px;
    border-radius: 5px;
    position: relative;
    display: none;
}

.menubtn span {
    display: inline-block;
    background: var(--white);
    width: 100%;
    height: 3px;
}

.mobilemenu {
    position: fixed;
    right:-130%;
    height: 100%;
    top: 20px;
    background: rgba(0, 0, 0, .5);
    transition: .5s;
    z-index: 124;
    width: 100%;
    display: flex;
    justify-content: flex-end;
   
}

.mobilemenu.active {
    right: 0;
    top:0px;
}
.menulist{height:660px;}
.cross {
    position: absolute;
    width: 30px;
    height: 30px;
    background: var(--white);
    color: var(--black);
    padding: 4px 6px;
    right: 5px;
    top: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    display:block!important;
}

.mobilemenu ul {
    padding: 40px 30px;
    height:100vh!important;
    background: var(--primary);
    width: 360px;
    list-style: none;
    margin: 0;
	overflow-y:auto;
	overflow-x:hidden;
}

.mobilemenu ul li:before {
    display: none;
}

.mobilemenu ul.menulist li a {
    display: inline-block;
    margin: 5px 20px;
    color: var(--white);
    border-radius: 25px;
    position: relative;
	text-align:left;
}

.mobilemenu li a:after {
    position: absolute;
    content: "";
    width: 0;
    height: 2px;
    background: var(--primary);
    transition: .5s;
    left: 0;
    bottom: 0;
}

.mobilemenu li a:hover:after {
    width: 100%;
}

.mobilemenu ul.sub-menu1 {
    padding: 0 0 0 15px;
    display: none;
}

.mobilemenu ul li.menu-item-has-children1>a {
    position: relative;
}

.mobilemenu ul li.menu-item-has-children1>a:before,
.navlist li.menu-item-has-children a:before, .mobilemenu ul.menulist li.menu-item-has-children a:before {
    position: absolute;
    content: "";
    right: 0;
    top: 10px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: var(--white);
    padding: 3px;
    transform: rotate(135deg);
}
.mobilemenu ul.menulist li.menu-item-has-children a:before {right: -17px;}

.menulist li.menu-item-has-children {
    margin-right: 25px;
	    color: var(--white);
}

.menulist li {
    transition: 0.5s;
    position: relative;
	border-bottom:1px solid #ffffff;
	width:100%;
	padding:10px;
}

.menulist li .sub-menu {
    position: absolute;
    background: var(--white);
    min-width: 293px!important;
    transition: all 0.3s ease-out;
    top: 100%;
    opacity: 0;
    box-shadow: 2px 3px 6px 0px #dcd5d5;
    visibility: hidden;
    z-index: 99;
    text-align: left;
    transform: scaleY(0);
    transform-origin: top;
    padding: 20px;
    right: -30px;

    height: 250px;         /* ✅ fixed height */
    overflow-y: auto;      /* ✅ scroll if content is taller */
}

.menulist li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}

.sub-menu li {
    margin: 10px;
    display: block;
}

.sub-menu ul{
	height:300px;
}
.menulist li:hover>.sub-menu {
    transform: scale(1, 1);
    opacity: 1;
    visibility: visible;
}

.menulist .menu-item-has-children .sub-menu li a {
    color: var(--primary);
    margin: 0;
}

.navlist li.menu-item-has-children a:before {
    position: absolute;
    content: "";
    right: -10px;
    top: 8px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: var(--white);
    padding: 3px;
    transform: rotate(135deg);
}


/**header**/

.site-header {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    padding: 20px 0;
    z-index: 123;
    transition: .5s;
}

.sticky .site-header {
    background: var(--black);
    padding: 8px 0;
    position: fixed;
    box-shadow: 0px -10px 29px 0px #038619;
}

.sticky .logo img {
    width: 40%;
    transition: 0.6s;
}

.headerHold {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    display: inline-block;
    width: 280px;
}

.logo img {
    width: 86%;
    transition: 0.6s;
}

.navlist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.navlist li {
    display: inline-block;
    vertical-align: middle;
    padding: 13px 8px;
    margin-bottom: 0;
}

.navlist li:before {
    display: none;
}

.navlist li a {
    display: inline-block;
    color: var(--white);
    font-size: 18px;
    line-height: 24px;
    position: relative;
    padding: 2px 2px;
    font-weight: 400;
}


/* .navlist li a:after{
	position: absolute;
	content: "";
	width: 0;
	height: 2px;
	background: var(--primary);
	transition: .5s;
	left: 0;
	bottom: 0;
}
.navlist li a:hover:after{
	width: 100%;
} */

.headerright {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 36px;
}

.navlist li a:hover {
    background: var(--grd5);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.navlist li.menu-item-has-children {
    position: relative;
    padding-right: 18px;
	color: var(--white);

}

.navlist li.menu-item-has-children span {
    display: inline-block;
}

.navlist li .sub-menu {
    position: absolute;
    background: var(--white);
    min-width: 293px;
    transition: all 0.3s ease-out 0s;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    text-align: left;
    transform: scale(1, 0);
    transform-origin: 0 0;
    margin-top: 1px;
}

.menu-item-has-children span {
    display: inline-block;
}

.menu-item-has-children .sub-menu {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 10px;
}

.menu-item-has-children .sub-menu li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: 5px;
    transition: 0.5s;
    position: relative;
    padding: 8px 10px;
    margin: -2px 0;
    border-radius: 8px;
}
.menu-item-has-children .sub-menu li a:before {
    display: none;
}
.subi {
    display: inline-block;
}

/* .menu-item-has-children .sub-menu li a:hover {
    background: var(--grd2);
} */
.menu-item-has-children .sub-menu li a {
   padding: 2px 27px 13px 12px;       
    border-radius: 7px;          
    display: block;
	width:100%;
}

.menu-item-has-children .sub-menu li a:hover {
    background: var(--grd2);      /* your gradient */   /* adjust padding */
    color: #fff !important;       /* white text like image */
    display: block;               /* ensure padding applies fully */
}
.menu-item-has-children .sub-menu li :hover {
    background: var(--grd2);      /* your gradient */   /* adjust padding */
    color: #fff !important;       /* white text like image */
    display: block;               /* ensure padding applies fully */
}


.menu-item-has-children .sub-menu li:hover a {
    color: var(--white);
    -webkit-text-fill-color: #fff;
/* 	 padding-top: 13px; */
}
.menu-item-has-children .sub-menu li a {
	 padding-top: 13px;
}

.menu-item-has-children span i {
    color: var(--white);
    font-size: 12px;
    margin-left: 5px;
}

.navlist li .sub-menu {
    position: absolute;
    background: var(--white);
    min-width: 280px;
    transition: all 0.3s ease-out 0s;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    text-align: left;
    transform: scale(1, 0);
    transform-origin: 0 0;
    margin-top: -10px;
    border-radius: 8px;
}

.navlist li:hover>.sub-menu {
    transform: scale(1, 1);
    opacity: 1;
    visibility: visible;
	cursor:pointer;
}

.menu-item-has-children .sub-menu li a {
    position: relative;
    color: #1A1A1A;
/* 	background-color: var(--grd2); */
}

.menu-item-has-children .sub-menu li a:after {
    display: none;
}

.navlist li.menu-item-has-children .sub-menu li a:before {
    display: none;
}

.bor-rad {
    border-radius: 0px 32px 0px 0px;
}


/* inner-banner */

.inner-banner {
    position: relative;
}

.inner-banner-con {
    position: absolute;
    bottom: 190px;
    left: 8%;
}

.inner-banner-con figure {
    margin-bottom: 0;
}

.inner-banner-con h1 {
    font-size: 49px;
    color: var(--white);
    font-weight: bold;
}

.inner-banner-con ul {
    display: flex;
    align-items: center;
    column-gap: 15px;
    padding-left: 0;
    margin-bottom: 0;
	list-style:none;
}

.inner-banner-con ul li a {
    color: #EDEFFF;
    position: relative;
    font-size: 15px;
	list-style:none;
}

.inner-banner-con ul li a:after {
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    content: "/";
}

.inner-banner-con ul li:last-child a:after {
    display: none;
}


/**banner*/

.bannerimg {
    width: 100%;
}

/* .banner {
    position: relative;
   
    background-size: cover;
    padding: 100px 0 170px;
}
 */
.banner {
  position: relative;
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
  padding: 150px 0 300px; /* top | left-right | bottom */
  color: #fff;
}

/* Medium screens (tablets) */
@media (max-width: 992px) {
  .banner {
    padding: 100px 0 100px;
    background-position: center bottom;
  }
}

/* Small screens (mobiles) */
@media (max-width: 576px) {
  .banner {
    padding: 80px 0;
    background-position: center center;
    text-align: center;
  }
}

.banner:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60%;
    height: 173px;
    content: "";
    background-image: url(../images/shapes/banner-shape.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.bannerContent h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 62px;
    text-transform: capitalize;
    color: var(--white);
}

.bannerContent p {
    color: var(--white);
}

.bannerContent .cmnbtn {
    background: var(--grd4);
}

.bannerBottom {
    display: flex;
    align-items: center;
    column-gap: 22px;
}

.bannerBottom a:last-child figure {
    background: var(--white);
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 49px;
    height: 49px;
    border-radius: 100px;
    box-shadow: 0px 0px 40px 0px #00000024;
}

.bannerBottom a:last-child figure img {
    width: 18px;
}

.bannerBottom a:last-child {
    display: flex;
    align-items: center;
    column-gap: 22px;
}

.bannerBottom a:last-child span {
    background: var(--grd5);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
    font-weight: 500;
}


/* home-why */

.home-why {
    overflow: visible;
}

.why-main {
    background: linear-gradient(180deg, rgba(246, 2, 66, 1) 0%, rgba(255, 255, 255, 1) 100%);
    border-radius: 8px;
    padding: 1px;
    box-shadow: 0 4px 35px rgb(57 57 57 / 10%);
}



.why-box {
    background: #fff;
    border-radius: 7px;
    padding: 25px;
}

.why-box h3 {
    font-size: 18px;
}

.why-icon-box {
    background: #ccc;
    width: 90px;
    height: 90px;
    border-radius: 100px;
    position: relative;
    margin-bottom: 35px;
}

.why-inner-icon figure img {
    width: auto;
}

.why-inner-icon figure {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--grd3);
    border-radius: 100px;
    margin-bottom: 0;
}



.why-icon-box .dot-rote {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    -webkit-border-radius: 121px;
    -khtml-border-radius: 121px;
    -moz-border-radius: 121px;
    -ms-border-radius: 121px;
    -o-border-radius: 121px;
    border-radius: 121px;
    -webkit-animation: service_hexagon 2s infinite linear;
    -moz-animation: service_hexagon 2s infinite linear;
    -o-animation: service_hexagon 2s infinite linear;
    animation: service_hexagon 2s infinite linear;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}
.why-box .dot-rote {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}
.why-icon-box .dot-rote:after {
    content: "";
    bottom: 0;
    right: -4px;
    height: 12px;
    width: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    position: absolute;
    background: var(--grd3);
    -webkit-box-shadow: 0 4px 8px rgba(255, 91, 17, .45);
    -khtml-box-shadow: 0 4px 8px rgba(255, 91, 17, .45);
    -moz-box-shadow: 0 4px 8px rgba(255, 91, 17, .45);
    -ms-box-shadow: 0 4px 8px rgba(255, 91, 17, .45);
    -o-box-shadow: 0 4px 8px rgba(255, 91, 17, .45);
    box-shadow: 0 4px 8px rgba(255, 91, 17, .45);
}

.why-icon-box .dot-rote:before {
    content: "";
    top: 0;
    left: -4px;
    background: var(--grd3);
    -webkit-box-shadow: 0 4px 8px rgba(255, 151, 35, .45);
    -khtml-box-shadow: 0 4px 8px rgba(255, 151, 35, .45);
    -moz-box-shadow: 0 4px 8px rgba(255, 151, 35, .45);
    -ms-box-shadow: 0 4px 8px rgba(255, 151, 35, .45);
    -o-box-shadow: 0 4px 8px rgba(255, 151, 35, .45);
    box-shadow: 0 4px 8px rgba(255, 151, 35, .45);
    height: 12px;
    width: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    position: absolute;
}

@keyframes service_hexagon {
    0% {
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -o-transform: rotate(30deg);
        transform: rotate(30deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.whtwo {
    background: linear-gradient(180deg, rgba(255, 65, 2, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.whthree {
    background: linear-gradient(180deg, rgba(4, 124, 24, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.whfour {
    background: linear-gradient(180deg, rgba(6, 86, 117, 1) 0%, rgba(255, 255, 255, 1) 100%);
    margin-top: 25px;
}

.whtwo .why-inner-icon figure,
.whtwo .why-icon-box .dot-rote:before,
.whtwo .why-icon-box .dot-rote:after {
    background: var(--grd5);
}

.whthree .why-inner-icon figure,
.whthree .why-icon-box .dot-rote:before,
.whthree .why-icon-box .dot-rote:after {
    background: var(--grd4);
}

.whfour .why-inner-icon figure,
.whfour .why-icon-box .dot-rote:before,
.whfour .why-icon-box .dot-rote:after {
    background: var(--grd6);
}

.home-why-main .row .col-lg-6.col-md-12.col-sm-12.col-12:nth-child(odd) {
    margin-top: -155px;
}


/* Solution */

.home-solution {
    position: relative;
    background-image: url(../images/testi-bg.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    z-index: 1;
}

.home-solution .tophd {
    padding-right: 97px;
}

.home-solution-box {
    display: flex;
    column-gap: 25px;
}

.home-solution-box figure {
    width: 60px;
    height: 60px;
    content: "";
    background: var(--grd5);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    box-shadow: 0px 4px 30px 0px #00000054;
}

.home-solution-box img {
    width: 35px;
}

.home-solution-boxcnt {
    width: 70%;
}

.home-solution-boxcnt h3 {
    font-size: 18px;
    font-weight: 800;
}

.sb-two figure {
    background: var(--grd2);
}

.sb-three figure {
    background: var(--grd3);
}

.sb-four figure {
    background: linear-gradient(180deg, rgba(255, 201, 0, 1) 0%, rgba(202, 235, 0, 1) 100%);
}

.sb-five figure {
    background: var(--grd4);
}

.sb-six figure {
    background: var(--grd6);
}

.home-solution .line {
    position: absolute;
    height: 100%;
    top: 0;
    width: 2px;
    background: #D7DAFF;
    z-index: -1;
}

.home-solution .line:after {
    width: 12px;
    height: 12px;
    background: linear-gradient(180deg, rgba(175, 219, 255, 1) 0%, rgba(32, 155, 193, 1) 100%);
    border-radius: 2px;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    position: absolute;
    content: "";
    border-radius: 100px;
}

.home-solution .line1:after {
    animation: lineanim 5s linear infinite;
}

.home-solution .line2:after {
    animation: lineanim 10s linear infinite;
}

.home-solution .line3:after {
    animation: lineanim 8s linear infinite;
}

@keyframes lineanim {
    0% {
        top: 0;
        opacity: 1;
    }
    90% {
        top: 90%;
        opacity: 1;
    }
    100% {
        top: 100%;
        opacity: 0;
    }
}

.home-solution .line1 {
    left: 2%;
}

.home-solution .line2 {
    left: calc(50% - 130px);
}

.home-solution .line3 {
    left:  calc(50% + 250px);
}


/* home-package */

.fraction_holder {
    display: flex;
    gap: 76px;
}

/* .fraction_img {
    width: 516px;
    height: 516px;
    position: relative;
	top:90px;
    animation: roundmove 30s linear infinite;
}

@keyframes roundmove {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.fraction_img img {
    width: 100%;
}

.fr_im {
    position: absolute;
    cursor: pointer;
}

.fr_im1 {
    width: 240px;
}

.fr_im2 {
    width: 228px;
}

.fr_im3 {
    width: 232px;
}

.fr_im4 {
    width: 240px;
}

.fr_im5 {
    width: 277px;
}

.fr_im>img {
    opacity: 1;
    width: 100%;
}

.fr_im.active>img {
    opacity: 1;
    filter: grayscale(100%);
}

.fr_im .ico {
    position: absolute;
    display: inline-block;
    z-index: 1;
    width: 72px;
}

.fr_im1 {
    left: 1px;
    bottom: 54px;
}

.fr_im1 .ico {
    left: 35px;
    top: 50%;
    transform: translate(0, -50%);
}

.fr_im2 {
    left: 18px;
    top: 3px;
}

.fr_im2 .ico {
    left: 50%;
    top: 70px;
    transform: translate(-50%, 0%);
}

.fr_im3 {
    right: 17px;
    top: 1px;
}

.fr_im3 .ico {
    left: 50%;
    top: 70px;
    transform: translate(-50%, 0%);
}

.fr_im4 {
    right: 1px;
    bottom: 55px;
}

.fr_im4 .ico {
    right: 35px;
    top: 50%;
    transform: translate(0, -50%);
}

.fr_im5 {
    left: 119px;
    bottom: 0px;
}

.fr_im5 .ico {
    left: 50%;
    bottom: 20px;
    transform: translate(-50%, 0);
}

.fraction_content_holder {
    width: 48%;
}
 */

.fraction_img {
    width: 440px;        /* increased from 380px */
    height: 440px;
    position: relative;
    top: 70px;
    margin: 0 auto;
    animation: roundmove 30s linear infinite;
}

@keyframes roundmove {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.fraction_img img {
    width: 100%;
    height: auto;
}

.fr_im {
    position: absolute;
    cursor: pointer;
}

/* Adjusted slice sizes */
.fr_im1 { width: 210px; left: 2px; bottom: 45px; }
.fr_im2 { width: 198px; left: 16px; top: 6px; }
.fr_im3 { width: 202px; right: 16px; top: 4px; }
.fr_im4 { width: 210px; right: 2px; bottom: 46px; }
.fr_im5 { width: 235px; left: 100px; bottom: 0; }

.fr_im > img {
    width: 100%;
    opacity: 1;
    transition: all 0.3s ease;
}

.fr_im.active > img {
    filter: grayscale(100%);
}

/* Icon sizes + positioning */
.fr_im .ico {
    position: absolute;
    display: inline-block;
    z-index: 1;
    width: 65px; /* slightly larger than 55px */
}

/* keep proportional positions */
.fr_im1 .ico {
    left: 28px;
    top: 50%;
    transform: translateY(-50%);
}
.fr_im2 .ico {
    left: 50%;
    top: 65px;
    transform: translateX(-50%);
}
.fr_im3 .ico {
    left: 50%;
    top: 65px;
    transform: translateX(-50%);
}
.fr_im4 .ico {
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
}
.fr_im5 .ico {
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
}

/* Adjust content area width */
.fraction_content_holder {
    width: 45%;
}

.fraction_content {
    display: none;
}

.fraction_content.show {
    display: inline-block;
}

.fraction_content .ico {
    display: inline-block;
    margin: 0 0 40px;
    width: 100px;
}

.fraction_content h3 {
    font-weight: bold;
    text-transform: capitalize;
    color: #000676;
    font-size: 24px;
}

.fraction_content h4 {
    font-weight: bold;
    color: #000676;
    font-size: 18px;
}

.fraction_content p {
    margin: 0 0 40px;
}

@media (max-width:1250px) {
    .fraction_holder {
        gap: 20px;
    }
    .fraction_content_holder {
        width: 40%;
    }
}

@media (max-width:991px) {
    .fraction_holder {
        flex-wrap: wrap;
    }
    .fraction_img {
        margin: 0 auto;
    }
    .fraction_content_holder {
        width: 100%;
    }
}

@media (max-width:767px) {
    body {
        padding: 0;
    }
    .fraction_img {
        width: 300px;
        height: 300px;
    }
    .fr_im .ico {
        width: 40px;
    }
    .fr_im1 .ico {
        left: 22px;
        top: 50%;
        transform: translate(0, -50%);
    }
    .fr_im2 .ico {
        left: 55px;
        top: 35px;
        transform: translate(0, 0);
    }
    .fr_im3 .ico {
        left: auto;
        right: 55px;
        top: 40px;
        transform: translate(0, 0);
    }
    .fr_im4 .ico {
        right: 22px;
        top: 50%;
        transform: translate(0, -50%);
    }
    .fr_im5 .ico {
        left: 55px;
        bottom: 15px;
        transform: translate(0, 0);
    }
    .fr_im1 {
        left: 1px;
        bottom: 36px;
        width: 138px;
    }
    .fr_im2 {
        left: 7px;
        top: 0px;
        width: 136px;
    }
    .fr_im3 {
        right: 7px;
        top: 0px;
        width: 136px;
    }
    .fr_im4 {
        right: 0;
        bottom: 35px;
        width: 140px;
    }
    .fr_im5 {
        left: 68px;
        bottom: 5px;
        width: 160px;
    }
}


/* benefit */

.benefit-box {
    position: relative;
    padding: 20px 50px 20px 20px;
    border: 2px solid #CFCFCF;
    border-radius: 12px;
    display: flex;
     align-items: center; 
    column-gap: 20px; 
    overflow: hidden;
    background: var(--white);
    z-index: 1;
    height: 100%;
}
.benefit .row {
    row-gap:25px;
}

.benefit-box figure {
    margin-bottom: 0;
}

.benefit-box img {
    width: auto;
    transition: 0.5s;
}

.benefit-box h3 {
    font-size: 18px;
    margin-bottom: 0;
    transition: 0.5s;
}

.benefit-box:after {
    content: "";
    position: absolute;
    bottom: 49%;
    left: 85%;
    top: -30%;
    right: -6%;
    background: var(--grd3);
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0.9);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    z-index: -1;
}

.benefit-box:hover:after {
    -webkit-transform: scale(12);
    transform: scale(12);
}

.benefit-box.one:after {
    background: linear-gradient(90deg, rgba(213, 0, 64, 1) 0%, rgba(147, 46, 240, 1) 100%);
}

.benefit-box.two:after {
    background: var(--grd6);
}

.benefit-box.three:after {
    background: var(--grd4);
}

.benefit-box.four:after {
    background: var(--grd5);
}

.benefit-box.five:after {
    background: var(--grd2);
}

.benefit-box.six:after {
    background: linear-gradient(90deg, rgba(255, 201, 0, 1) 0%, rgba(202, 235, 0, 1) 100%);
}

.benefit-box:hover h3,
.benefit-box:hover p {
    color: var(--white);
    transition: 0.5s;
}

.benefit-box:hover img {
    filter: brightness(0) invert(1);
    transition: 0.5s;
}


/* advertise */

.advertise-right {
    position: relative;
}

figure.adicon1,
figure.adicon2,
figure.adicon3,
figure.adicon4,
figure.adicon5,
figure.adicon6,
figure.adicon7,
figure.adicon8 {
    position: absolute;
    margin-bottom: 0;
}

figure.adicon1 img,
figure.adicon2 img,
figure.adicon3 img,
figure.adicon4 img,
figure.adicon5 img,
figure.adicon6 img,
figure.adicon7 img,
figure.adicon8 img {
    width: 30px;
}

figure.adicon1 {
    top: 21px;
    left: 36.80%;
}

figure.adicon2 {
    top: 21px;
    right: 38.8%;
}

figure.adicon3 {
    top: 28.40%;
    right: 24.6%;
}

figure.adicon4 {
    bottom: 31%;
    right: 24.6%;
}

figure.adicon5 {
    bottom: 36px;
    right: 38.90%;
}

figure.adicon6 {
    bottom: 36px;
    left: 36.80%;
}

figure.adicon7 {
    bottom: 31.50%;
    left: 23%;
}

figure.adicon8 {
    top: 28%;
    left: 23%;
}


/***article-sec***/

.arti-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.arti-head .tophd {
    width: 52%;
}

.arti-img {
    position: relative;
    overflow: hidden;
}

.arti-img img {
    transform: scale(1.12);
    transition: 0.5s;
    object-fit: cover;
	
}

.arti-img1 img{
	object-fit: contain;
	height:650px;
	
}
.arti-part:hover .arti-img img {
    transform: scale(1.2);
}
.resourse_image {
  max-width: 600px;      /* control image container width */
  margin-left: auto;
  margin-right: auto;
}

.resourse_image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 12px;   /* optional */
}

.arti-con {
    padding: 24px;
}

.arti-con p {
    font-size: 16px;
    font-style: normal;
    margin: 0 0 10px 0;
    line-height: 26px;
    margin-bottom: 10px;
}

.arti-con h4 a {
    font-size: 24px;
    color: var(--black);
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 0 15px 0;
    transition: 0.5s;
}

.arti-con h5 a:hover {
    color: var(--primary);
}

.arti-part {
    border: 1px solid #E3E3FF;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
}

.arti-con .cmnbtn {
    background: #fff;
    border: 1px solid #6206ce;
    transition: 0.6s;
}

.arti-con .cmnbtn:hover:before,
.arti-con .cmnbtn:before {
    background: var(--grd5);
}

.arti-con .cmnbtn span {
    background: var(--grd1);
    -webkit-background-clip: text;
    transition: 0.6s;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.arti-con .cmnbtn .ar img {
    filter: invert(48%) sepia(13%) saturate(3207%) hue-rotate(234deg) brightness(63%) contrast(80%);
    transition: 0.6s;
}

.arti-con .cmnbtn:hover .ar img {
    filter: brightness(0) invert(1);
    transition: 0.6s;
}

.arti-con .cmnbtn:hover span {
    background: none;
    -webkit-text-fill-color: #fff;
    color: var(--white);
    transition: 0.6s;
}

.bl-data-box h3 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0;
}

.article-sec ul#pills-tab {
    column-gap: 12px;
}

.article-sec .nav-pills .nav-link {
    background: #EDEFFF;
    padding: 10px 15px;
    color: #525575;
}

.article-sec .nav-pills .nav-link.active,
.article-sec .nav-pills .show>.nav-link {
    background: var(--grd5);
    padding: 10px 15px;
    color: var(--white);
}

.article-sec .nav-pills .nav-link.active .bl-data-box h3 {
    color: var(--white);
}

.blog-list .arti-part {
    height: 100%;
}
.blog-list .row >div{
    margin: 0 0 20px;
}

ul.inner-pagi {
    display: flex;
    align-items: center;
    margin-top: 50px;
    column-gap: 14px;
}

ul.inner-pagi li,
ul.ptags li {
    list-style-type: none;
}

ul.inner-pagi li a {
    width: 45px;
    height: 45px;
    border: 1px solid #6B6B84;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px;
    background: #fff;
    border-radius: 5px;
    color: #6B6B84;
}

ul.inner-pagi li a.active {
    background: var(--grd3);
    color: #fff;
    border: 1px solid #bd0445;
    transition: 0.6s;
}

ul.inner-pagi li a:hover {
    background: var(--grd3);
    color: #fff;
    border: 1px solid #bd0445;
    transition: 0.6s;
    ;
}


/*****testi-sec*****/

.testi-sec,
.benefit,
.aprc,
.inner-growth,
.awar-benefit {
    position: relative;
    background-image: url(../images/testi-bg.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}

figure.testi-cl img {
    width: 90%;
}

figure.testi-cl {
    position: absolute;
    right: 0;
    top: 0;
}

.testi-left-con h3 {
    font-size: 18px;
}

.testi-slider .item {
    padding: 70px 40px 50px;
    background: var(--white);
    position: relative;
    box-shadow: 0px 8px 19px 0px #4f00962e;
    transition: 0.5s;
    margin: 33px;
}

figure.qt {
    position: absolute;
    top: -48px;
}


/* .testi-slider .item:before{
	position: absolute;
	content: "";
	right: 0;
	top: 0;
	background: url(../images/resource/testi-shape.png) no-repeat 0 0;
	width: 100px;
	height: 100px;
} */

.testi-slider .item p {
    font-family: var(--font2);
/*     font-size: 18px; */
    font-weight: 400;
    line-height: 30px;
    color: var(--dark);
    margin-bottom: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    /* number of lines to show */
    line-clamp: 6;
    -webkit-box-orient: vertical;
    padding-left: 25px;
    border-left: 2px solid #6b6b8459;
}

.testi-author {
    display: flex;
    align-items: center;
    gap: 20px;
}

.testi-img {
    width: 63px;
    height: 63px;
    border-radius: 100px;
}

.testi-slider .testi-con p {
    font-family: var(--font2);
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    color: var(--primary);
    margin-bottom: 5px;
}

.testi-con h3 {
    font-size: 18px;
    margin-bottom: 0;
}

.testi-con span {
    color: var(--dark);
    font-family: var(--font2);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
}

.testi-slider .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    /* margin-top: 25px; */
}

.testi-slider button.owl-dot {
    width: 10px;
    height: 10px;
    background: #A2A5CB !important;
}

.testi-slider button.owl-dot.active {
    width: 25px;
    background: var(--grd2) !important;
}


/* home-contact */

.home-contact {
    position: relative;
    margin-top: -100px;
}
.home-contact.inner-contact{
    margin-top: 0;
}

.contact-main {
    box-shadow: 0px 4px 30px 0 #00000036;
}

.contact-form {
    border: 2px solid #047C18;
    border-radius: 0 12px 12px 0;
    border-left: 0;
    padding: 45px 35px;
   background: /* subtle green glow bottom-left to match the corner */
    radial-gradient(1200px 600px at 6% 94%, rgba(112,154,25,0.95) 0%, rgba(112,154,25,0.30) 8%, transparent 30%),
    /* large soft magenta / purple sweep */
    linear-gradient(135deg,
      #c73583 2%,
      #be219a 20%,
      #b713aa 42.5%,
      #b010ae 67.5%,
      #5407b0 90%),
    /* subtle warm fill to produce orange-ish warmth along left/middle */
    radial-gradient(800px 500px at 8% 30%, rgba(255,152,0,0.70) 0%, rgba(255,152,0,0.12) 22%, transparent 45%);
  background-blend-mode: normal, normal, screen;
}
.con_submit {background-color:#ffffff!important;border-radius:16px;}
.contact-form form input,
.contact-form form select,
.contact-form form textarea {
/*     border: 1px solid #E3E3FF; */
    padding: 10px;
    width: 100%;
/*     margin-bottom: 30px; */
    color: #6B6B84;
    font-size: 15px;
    border-radius: 16px;
    outline: none;
}

.contact-form form textarea {
    height: 127px;
}

.contact-form input[type="submit"] {
/*     background: var(--grd2); */
    color: #FF0873;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0;
}

figure.con-left,
.contact-form {
    height: 100%;
}

figure.con-left img {
    height: 100%;
    object-fit: cover;
}

.brand-boxes .owl-nav {
    display: none!important;
}


/* inner-contact */

.contact-comt-right h3 {
    font-size: 18px;
}

.inner-consult {
    background-image: url(../images/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.inner-consult .title {
    text-transform: math-auto;
}

a.cons-btn {
    padding: 6px 20px;
    display: inline-block;
    border: 1px solid #0079A8;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 600;
}

.inner-who {
    text-align: center;
}

.inner-who-details {
    display: flex;
/*     justify-content: center; */
    column-gap: 25px;
}

.inner-who-details {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}
.inner-who-right span {
    color: #000676;
    padding-bottom: 16px;
    display: block;
}

.inner-who-details a {
/*     border: 1px solid #d00555; */
    padding: 26px 30px;
    border-radius: 4px;
}
/* Assign different border colors */
.inner-who-details .social-item:nth-child(1) {
  position: relative;
  border-radius: 8px; /* optional */
  padding: 30px;
  background: #fff; /* inner background color */
  z-index: 1;
}

.inner-who-details .social-item:nth-child(1)::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px; /* same as parent */
  padding: 2px; /* border thickness */
  background: linear-gradient(60deg, #2BA629, #E6124B, #FEA800);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: -1;
}
.gradient-text {
    display: inline-block;              /* important */
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    background: linear-gradient(60deg, #2BA629, #E6124B, #FEA800);
    -webkit-background-clip: text;      /* Chrome / Safari */
    -webkit-text-fill-color: transparent;
    background-clip: text;              /* harmless fallback */
    color: transparent;                 /* fallback */
    /* optional smoothing */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  /* If some parent sets color with !important, override it */
  .gradient-text[style] { /* small safeguard */
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
  }


.inner-who-details .social-item:nth-child(2) {
  position: relative;
  border-radius: 8px; /* optional */
  padding: 30px;
  background: #fff; /* inner background color */
  z-index: 1;
}

.inner-who-details .social-item:nth-child(2)::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px; /* same as parent */
  padding: 2px; /* border thickness */
  background: linear-gradient(60deg, #2BA629, #E6124B, #FEA800);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: -1;
}


.inner-who-details .social-item:nth-child(3) {
  position: relative;
  border-radius: 8px; /* optional */
  padding: 30px;
  background: #fff; /* inner background color */
  z-index: 1;
}

.inner-who-details .social-item:nth-child(3)::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px; /* same as parent */
  padding: 2px; /* border thickness */
  background: linear-gradient(60deg, #2BA629, #E6124B, #FEA800);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: -1;
}


.inner-who-details .social-item:nth-child(4) {
  position: relative;
  border-radius: 8px; /* optional */
  padding: 30px;
  background: #fff; /* inner background color */
  z-index: 1;
}

.inner-who-details .social-item:nth-child(4)::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px; /* same as parent */
  padding: 2px; /* border thickness */
  background: linear-gradient(60deg, #2BA629, #E6124B, #FEA800);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: -1;
}


.inner-who-details .social-item:nth-child(5) {
  position: relative;
  border-radius: 8px; /* optional */
  padding: 30px;
  background: #fff; /* inner background color */
  z-index: 1;
}

.inner-who-details .social-item:nth-child(5)::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px; /* same as parent */
  padding: 2px; /* border thickness */
  background: linear-gradient(60deg, #2BA629, #E6124B, #FEA800);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: -1;
}

.inner-who-details a span {
    font-size: 17px;
    font-weight: 600;
    color: #1A1A1A;
    margin-top: 10px;
    display: block;
    padding-bottom: 0;
}

/* .inner-who-details a:last-child {
    border: 1px solid #0174a0;
} */

.inner-who-details a figure {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
/*     border: 1px solid #ddd; */
    border-radius: 100px;
    margin: 0 auto;
/*     background: var(--grd3); */
}
.gradient-icon {
  font-size: 70px; /* adjust size as needed */
  background: linear-gradient(60deg, #2BA629, #E6124B, #FEA800); /* blue → purple → pink */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
/* .inner-who-details a:last-child figure {
    background: var(--grd6);
} */

.inner-who-details img {
    width: auto;
}


/* inner-about */
.inner-fpackage figure img {
    width: auto;
    max-width: 100%;
}
.about-who{

}
.about-who-holder {
    display: flex;
    align-items: center;
}

.about-who-left {
    flex: 0 0 auto;
    width: 40%;
    padding: 50px;
   /* background: url(../images/who-bg.png)  no-repeat 0 0; 
    background-size: cover;*/
    
    position: relative;
}
.about-who-left:before{
    right: 0;
    top: 0;
    width: calc(100% + 500px);
    height: 100%;
    content: "";
    background: url(../images/who-bg.png)  no-repeat 0 0; 
    background-size: cover;
    position: absolute;
    box-shadow: 10px 0px 14px 0px #0000001f;
}
.about-who-left >div{
    position: relative;
    z-index: 1;
}

.about-who-right {
    width: 53%;
    flex: 0 0 auto;
}

.about-who-box {
    box-shadow: 0px 4px 20px 0 #00000024;
    margin-bottom: 47px;
    padding: 30px 30px 30px 80px;
    display: flex;
    column-gap: 25px;
}

.about-who-box img {
    width: 80px;
}

.about-who-boxcnt h3 {
    font-size: 24px;
}

.about-who-boxcnt p {
    font-size: 18px;
    margin-bottom: 0;
}

.inner-value-box {
    border: 1px solid #209BC1;
    border-radius: 8px;
    padding: 30px;
}

.inner-value-box img {
    width: 80px;
}

.inner-value-box h3 {
    font-size: 18px;
}

.aprc-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 30px;
}

.aprc-box img {
    width: 80px;
    mix-blend-mode: darken;
}

.aprc-mdl img {
    width: auto;
}

.aprc-box h3 {
    font-size: 24px;
    margin-top: 34px;
}

.inner-future .whfour {
    margin-top: 0;
}


/* inner-flex-package */

.flex-package {
 
    padding: 33px;
    border-radius: 8px;
    margin-bottom: 50px;
}

.flex-package h2 {
    font-size: 24px;
}

.flex-package-right {
    display: flex;
    column-gap: 29px;
	border-radius:5px;
}

.flex-package-right img {
    width: 40px;
}

.flex-package-cnt h3 {
    font-size: 16px;
}

.fp-two {
    border: 1px solid #00B91F;
}

.fp-three {
    border: 1px solid #0079A8;
}

.fp-four {
    border: 1px solid #E10464;
}

.fp-five {
    border: 1px solid #FFC900;
}

.inner-future .why-main {
    height: 100%;
}

.inner-future .why-main,
.inner-future .why-box {
    height: 100%;
}


/* inner-growth */

.inner-growth .whfour {
    margin-top: 0;
}

.inner-growth .why-main {
    margin-bottom: 25px;
}

.inner-sem .row {
    margin-bottom: 25px;
}

.inner-sem .row:nth-child(odd) {
    flex-direction: row-reverse;
}

.sem-subtitle {
    font-size: 16px;
    color: var(--white);
    background: linear-gradient(90deg, #E10464, #8305CB);
    padding: 6px 18px;
    border-radius: 100px;
    display: inline-block;
}


.sem-left h3 {
    font-size: 24px;
    margin-bottom: 15px;
}

figure.seoimg {
    text-align: center;
}

figure.seoimg img {
    width: auto;
    max-width: 100%;
    height: 350px;
}


.stratagicimg {
/*     width: 100% !important; */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}



.flex-package-right {
    position: relative;
    border-radius: 8px;
/*     padding: 27px;
    margin-bottom: 25px; */
    background: white;
    z-index: 1;
	
}



/* Tips Tutorial */

.tips-social-main {
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
}

.tips-social-box {
    text-align: center;
}

.tips-social-box .ticon-box {
    margin: 0 auto 22px;
}

.ticon-box img {
    width: 35px;
}

.ticon-box {
    width: 60px;
    height: 60px;
    content: "";
    background: var(--grd5);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    box-shadow: 0px 4px 30px 0px #00000054;
}

.tips-social-box h3 {
    font-size: 18px;
}

.tips-social-main .tips-social-box:nth-child(2) .ticon-box {
    background: var(--grd2);
}

.tips-social-main .tips-social-box:nth-child(3) .ticon-box {
    background: var(--grd3);
}

.tips-social-main .tips-social-box:nth-child(4) .ticon-box {
    background: linear-gradient(180deg, rgba(255, 201, 0, 1) 0%, rgba(202, 235, 0, 1) 100%);
}

.tips-social-main .tips-social-box:nth-child(5) .ticon-box {
    background: var(--grd4);
}


/* awareness */

.awareness-right h3 {
    font-size: 15px;
}

.awar-benefit-main .benefit-box:after {
    bottom: initial;
    left: initial;
    right: -52px;
    top: -71px;
    width: 126px;
    height: 126px;
}

.benefit-box p {
    margin-bottom: 0;
    line-height: 24px;
    padding-top: 7px;
}

.aware-con {
    border-top: 1px solid #3A00B7;
    border-bottom: 1px solid #3A00B7;
}

.aware-con h2 {
    font-size: 16px;
}

.awar-value-main {
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
}

.awar-value-box {
    position: relative;
    background-color: #F6FBFF;
    border-radius: 10px;
    padding: 20px 15px;
    overflow: hidden;
    z-index: 1;
}

.awar-value-box:after {
    position: absolute;
    top: -37px;
    right: -40px;
    width: 100px;
    height: 100px;
    content: "";
    background: var(--grd3);
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0.9);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    z-index: -1;
}

.awar-value-box.one:after {
    background: var(--grd4);
}

.awar-value-box.two:after {
    background: var(--grd3);
}

.awar-value-box.three:after {
    background: var(--grd5);
}

.awar-value-box.four:after {
    background: var(--grd6);
}

.awar-value-box.five:after {
    background: linear-gradient(90deg, rgba(255, 201, 0, 1) 0%, rgba(202, 235, 0, 1) 100%);
}

.awar-value-box:hover:after {
    -webkit-transform: scale(12);
    transform: scale(12);
}

.awar-value-box img {
    width: auto;
}

.awar-value-box h3 {
    font-size: 18px;
    transition: 0.5s;
}

.awar-value-box:hover p {
    transition: 0.5s;
}

.awar-value-box:hover h3,
.awar-value-box:hover p {
    color: var(--white);
    transition: 0.5s;
}

.awar-value-box:hover img {
    filter: brightness(0) invert(1);
    transition: 0.5s;
}


/* case-details */

.case-banner {
    background-image: url(../images/case-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 150px;
}

.case-banner span {
    background: linear-gradient(90deg, rgba(255, 201, 0, 1) 0%, rgba(202, 235, 0, 1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.case-banner h1 {
    font-size: 42px;
    color: var(--white);
    font-weight: bold;
}

.case-main-top {
    margin-bottom: 25px;
}

.case-top-hd {
    display: flex;
}

.case-top-hd span {
    font-size: 18px;
    display: block;
    padding-left: 9px;
}

.case-main-top .footersocial span {
    color: #1A1A1A;
    font-weight: 500;
}

.case-main-top .footersocial {
    justify-content: end;
}

.cs-key.bg-color {
    margin-top: 50px;
}

.cs-key {
    padding: 21px 25px 1px;
    border-radius: 8px;
    margin-bottom: 29px;
}

.cs-key.sec {
    padding: 0;
}

.case-details h3 {
    background: var(--grd1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 21px;
    font-weight: 800;
}

.cs-key-list {
    margin: 36px 0;
}

.cs-key-list p span {
    color: #1A1A1A;
    font-weight: 600;
}

.cs-key-list p {
    margin-bottom: 6px;
}

.cs-seo .row {
    margin-bottom: 25px;
}

.cs-seo .row:nth-child(even) {
    flex-direction: row-reverse;
}

.cs-seo-l ul li {
    position: relative;
    padding-left: 30px;
    font-weight: normal;
    margin-bottom: 14px;
    font-size: 16px;
}

.cs-seo-l ul li:after {
    position: absolute;
    top: 11px;
    left: 0;
    content: "";
    background: url(../images/icons/arrow2.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 11px;
    width: 20px;
}


/* inner-blog */

section.inner-blog .row.onePd {
    --bs-gutter-x: 3.5rem;
}

section.inner-blog .row>.row {
    --bs-gutter-x: auto;
}

.blog-box {
    overflow: hidden;
    border: 2px solid #024732;
    border-radius: 12px;
}

.blog-box-top {
    position: relative;
}

.blog-box-top:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0006;
    content: "";
    visibility: hidden;
    opacity: 0;
    transition: 0.6s;
}

.blog-box-top figure {
    margin-bottom: 0;
}

.blog-box-top a i {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    opacity: 0;
    visibility: hidden;
    background: var(--primary);
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    transition: 0.6s;
    border-radius: 100px;
    z-index: 11;
}

.blog-box:hover .blog-box-top a i {
    visibility: visible;
    opacity: 1;
    transition: 0.6s;
    bottom: 50%;
}

.blog-box:hover .blog-box-top:after {
    visibility: visible;
    opacity: 1;
    transition: 0.6s;
}

.read {
    display: inline-block;
    position: relative;
    text-transform: capitalize;
    transition: .5s;
}

.read .readico {
    width: 32px;
    height: 32px;
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 0;
    transition: .5s;
    position: absolute;
    left: 0;
    border-radius: 4px;
    transition: .5s;
}

.read .text {
    color: var(--white);
    transition: .5s;
}

.blog-box:hover .read .readico {
    left: calc(100% + 10px);
}

.blog-box:hover .read .text {
    color: var(--primary);
}

.blog-box-btm {
    padding: 25px;
}

.blog-box-btm data {
    color: #024732;
    font-size: 15px;
    font-weight: 500;
}

.blog-box-btm h3 a,
.blog-box-btm h3 {
    color: #100226;
    font-size: 21px;
    line-height: 28px;
    margin: 11px 0;
}

.inner-blog .blog-box {
    margin-bottom: 25px;
}

ul.inner-pagi {
    display: flex;
    align-items: center;
    margin-top: 50px;
    column-gap: 14px;
    justify-content: center;
}

ul.inner-pagi li,
ul.ptags li {
    list-style-type: none;
}

ul.inner-pagi li a {
    width: 45px;
    height: 45px;
    border: 1px solid var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px;
    background: #fff;
    border-radius: 5px;
    color: var(--primary);
}

ul.inner-pagi li a.active {
    background: var(--primary);
    color: #fff;
    border: 1px solid var(--primary);
    transition: 0.6s;
}

ul.inner-pagi li a:hover {
    background: var(--primary);
    color: #fff;
    border: 1px solid var(--primary);
    transition: 0.6s;
    ;
}

.next-post {
    margin-bottom: 80px;
}

.next-post h3 {
    position: relative;
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    text-transform: capitalize;
    color: #1A1A1A;
    margin-bottom: 28px;
}

.next-post h3 hr {
    margin-top: 5px;
    height: 3px !important;
    background: var(--grd1);
    width: 52px;
    opacity: 1;
}

.next-postcnt {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 20px 0;
    border-bottom: 1px solid #C7C7C7
}

.next-postcnt figure {
    margin-bottom: 0;
}

.next-postcnt:hover a {
    color: var(--secondary);
}

.next-postcnt a {
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    color: #1A1A1A;
    font-family: var(--heading-font);
    line-height: normal;
}

.shedule p i {
    padding-right: 12px;
}

.shedule p {
    font-size: 14px;
    color: var(--secondary);
    margin-bottom: 0;
    font-weight: 500;
    background: var(--grd1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.next-post .ctgry li {
    border-bottom: 1px solid #E9EDF0;
    padding: 17px 0;
    position: relative;
    padding-left: 31px;
}

.next-post .ctgry li:after {
    position: absolute;
    content: "\f054";
    top: 18px;
    left: 0;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Font Awesome 5 Free';
    color: #4720B7;
}

.next-post .ctgry li:before {
    position: absolute;
    content: "\f054";
    top: 18px;
    left: 6px;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Font Awesome 5 Free';
    color: #4720B7;
}

.next-post .ctgry li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #565872;
}

ul.ptags {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}

ul.ptags li a {
    background: transparent;
    padding: 3px 18px;
    display: inline-block;
    margin-bottom: 13px;
    margin-right: 15px;
    color: #4F0096;
    font-size: 14px;
    border-radius: 0;
    font-weight: 500;
    border: 1px solid #C7C7C7;
    border-radius: 5px;
}

ul.ptags li a.active {
    background: var(--grd5);
    color: #fff;
    transition: 0.6s
}

ul.ptags li a:hover {
    background: var(--grd5);
    color: #fff;
    transition: 0.6s;
}

ul.arch {
    padding-left: 0;
}

ul.arch li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 9px;
    font-size: 16px;
    border-bottom: 1px solid #EFEDFE;
    padding: 10px 0;
    color: var(--black);
    font-weight: 500;
    list-style-type: none;
}

.blogdetailfirst h3 a {
    font-size: 32px;
    color: #1A1A1A;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 39px;
}

.calimg i {
    color: #d50040;
    position: relative;
    top: 2px;
}

.calimg span {
    font-weight: 600;
}

.calimg {
    font-size: 18px;
}

.btitle {
    margin-bottom: 15px;
    font-size: 24px;
    background: var(--grd1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blogintro {
    margin-top: 50px;
}

.bdeimg {
    margin-top: 50px;
}

.caption {
    color: var(--text-color) !important;
    font-weight: 600;
    margin-top: 20px;
    padding-left: 10px;
    border-left: 3px solid var(--text-color);
    line-height: 26px;
    font-size: 18px;
}

.imp {
    font-size: 20px;
    font-weight: 600;
    color: var(--secondary) !important;
    margin: 50px 0;
}

.quote {
    font-style: italic;
    color: #4F0096;
    font-size: 18px;
    padding: 20px;
    background: #f4f5f6;
    border-left: 3px solid #4F0096;
    border-radius: 4px;
    margin: 50px 0;
}

.blogconclusion {
    margin-top: 50px;
}

.blogdbot {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blogdbot .contsocial ul li {
    width: 45px;
}

.blogdbot .right-sidebar-tags ul li a {
    background: #f4f5f6;
    border: 0;
}

.blogdbot .right-sidebar-tags ul li:hover a {
    color: var(--secondary);
}

.clientblog {
    display: flex;
    gap: 20px;
    align-items: center;
}

.clientblog p {
    margin-bottom: 0;
}

.blogdbot .right-sidebar-tags {
    margin-top: 0;
}

.blogdbot {
    padding: 30px 0 50px 0;
    border-bottom: 1px solid #CFCFCF;
    margin-bottom: 50px;
}

.cname {
    font-size: 20px;
    font-weight: 600;
    color: var(--text-color) !important;
    margin-bottom: 10px;
}

.contsocial .social-icons {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-left: 0;
    margin-bottom: 0;
}

.contsocial ul li {
    height: 45px;
    width: 45px;
    background: var(--primary);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
}

.contsocial .social-icons li img {
    width: 21px;
    height: 21px;
    object-fit: contain;
}

.right-sidebar-tags ul li {
    list-style: none;
    display: inline-block;
}

.right-sidebar-tags ul {
    margin-bottom: 0;
}

.blogdbot .right-sidebar-tags ul li a {
    background: #f4f5f6;
    border: 0;
    margin: 1px 3px;
    padding: 4px 9px;
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    color: var(--text-color);
    border-radius: 4px;
}

.blogdbot .contsocial ul li a img {
    filter: brightness(0) invert(1);
}


/* footer-news */

.footer-news {
    background: linear-gradient(180deg, rgba(255, 201, 0, 1) 0%, rgba(202, 235, 0, 1) 100%);
    border-radius: 40px;
    padding: 29px 25px;
    margin: 0 88px;
}
.footer-news .footer-newscnt{
    width: 50%;
}
.footer-news .footer-newscnt{
    width: 50%;
}
.footer-news .news-form p{
    margin: 0;
}
.footer-news .news-form p br{
    display: none;
}
.footer-news .news-form .wpcf7-spinner{
    position: absolute;
}
.footer-news {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 25px;
    position: relative;
    bottom: -45px;
}

.footer-news img {
    width: auto;
}

.footer-newscnt h2 {
    font-size: 28px;
}

.footer-newscnt p {
    font-size: 14px;
    color: #1A1A1A;
    margin-bottom: 0;
}

.news-form form {
    position: relative;
	bottom:7px!important;
}

.news-form {
    width: 40%;
}

.news-form form input[type="email"] {
    width: 100%;
    border-radius: 16px;
    border: 0;
    padding: 10px;
    outline: none;
    font-size: 15px;
}

.news-form form input[type="submit"] {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: #000;
    color: var(--white);
    border-radius: 9px;
    padding: 4px 10px;
	font-size:16px;
}


/***footer***/

footer.site-footer {
    background: #000676;
    padding: 92px 0 21px;
}

.footerdiv p {
    color: var(--white);
}

.footerdiv .logo1 {
    margin-bottom: 25px;
    display: block;
}

.footerdiv h3 {
    font-size: 24px;
    color: #EDEFFF;
    font-weight: 500;
    margin-bottom: 23px;
}

ul.footerlist li {
    position: relative;
    padding-left: 25px;
}

ul.footerlist li:after,
ul.footerlist li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #EDEFFF;
    font-size: 13px;
}

ul.footerlist li:before {
    left: 6px;
}

ul.footerlist li a {
    display: block;
    color: #EDEFFF;
    font-size: 16px;
    font-weight: 400;
}

ul.footerlist li a:hover {
    padding-left: 10px;
    transition: 0.6s;
}

ul.address-list li {
    position: relative;
    padding-left: 25px;
}

ul.address-list li span {
    position: absolute;
    left: 0;
    top: 0;
}

ul.address-list li img {
    width: auto;
}

ul.address-list li,
ul.address-list li a {
    color: #EDEFFF;
    font-size: 16px;
    font-weight: normal;
}

.footersocial {
    display: flex;
    align-items: center;
}

.footersocial ul {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    column-gap: 10px;
}

.footersocial span {
    color: var(--white);
    margin-right: 17px;
}

.footersocial ul li {
    margin-bottom: 0;
    line-height: normal;
}

.footersocial ul li a span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid #fff;
    border-radius: 100px;
    margin-right: 0;
}

.footersocial ul li a span img {
    width: auto;
}

.footerBottom {
    border-top: 1px solid #585858;
    margin-top: 25px;
}

.footerBottom p {
    text-align: center;
    color: var(--white);
    padding-top: 25px;
    margin-bottom: 0;
}

ul.footerlist.footerlist1.service_submenu {
    display: flex;
    flex-wrap: wrap;
}

ul.footerlist.footerlist1.service_submenu li {
    width: 50%;
}

.footer_service_menu {
    position: relative;
}

.footer_service_menu .sub-menu {
    position: absolute;
    left: 100%;  /* Open to the right side */
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 999;
}

.footer_service_menu:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
}
.footer_service_menu ul.sub-menu li {
    width: 100% !important;
    padding: 0;
    margin: 0;
}

.footerBottom p a {
/*     background: linear-gradient(90deg, rgba(255, 201, 0, 1) 0%, rgba(202, 235, 0, 1) 100%); */
	
    background: linear-gradient(90deg, rgb(255 255 255) 0%, rgb(255 255 255) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
     font-size: 14px; 
}
.bdeimg img{width:100%;height:450px!important;}
.arti-img img{width:100%;height:244px!important;background-size:cover!important;background-position:100% 100%;}
/* #menu-item-70 ul li a{color:var(--black)!important;}
#menu-item-589 ul li a{color:var(--black)!important;}
#menu-item-64 li{word-break: normal!important;display:block;color:black!important;cursor:pointer;}
#menu-item-65{word-break: normal;display:block;color:black!impotant;cursor:pointer;gap:10%;}
#menu-item-69{word-break: normal;display:block;color:#0a0a0a!important;cursor:pointer;}
#menu-item-620{word-break: normal;display:block;color:#0a0a0a!important;cursor:pointer;}
#menu-item-621{word-break: normal;display:block;color:#0a0a0a!important;cursor:pointer;}
#menu-item-622{word-break: normal;display:block;color:#0a0a0a!important;cursor:pointer;}
#menu-item-623{word-break: normal;display:block;color:#0a0a0a!important;cursor:pointer;}
#menu-item-624{word-break: normal;display:block;color:#0a0a0a!important;cursor:pointer;padding-bottom:12px;}
#menu-item-589 a{color:#ffff!important;cursor:pointer;}
#menu-item-70 a{color:#ffff!important;cursor:pointer;}
#menu-item-65 a{word-break: normal;display:block;color:black!impotant;cursor:pointer;gap:10%;}
#menu-item-589 ul.sub-menu {
    list-style: none;
    padding: 0px; 
    margin: 0; 
    width: 300px; 
    
}

#menu-item-589 ul.sub-menu li {
    width: 100%; 
    padding: 15px 15px;
    box-sizing: border-box; 
}

#menu-item-589 ul.sub-menu li a {
    display: block;
    color: var(--black); 
    text-decoration: none;
    padding: 5px 15px; 
} */

/* #menu-item-589 ul.sub-menu li:hover {
    background: var(--grd2); 
    color: var(--white)!important;
    border-radius: 10px;
    width: 95%;
}


#menu-item-70 ul.sub-menu {
    list-style: none;
    padding: 0; 
    margin: 0; 
    width: 300px; 
} */
.sub-menu li a:hover{color:#ffff!important;}

/* #menu-item-70 ul.sub-menu li {
    width: 100%;
    padding: 10px 15px;
    box-sizing: border-box; 
}

#menu-item-70 ul.sub-menu li a {
    display: block; 
    color: var(--black); 
    text-decoration: none; 
    padding: 5px 15px; 
}

#menu-item-70 ul.sub-menu li:hover {
    background: var(--grd2);
    color: var(--white); 
    border-radius: 10px; 
    width: 90%; 
} */
.case-details img{
    object-fit: cover;
    height:350px;background-size:cover!important;background-position:center;}
.next-postcnt img{
    object-fit: cover;
    width:100px;height:100px;background-position:100% 100%;
background-repeat: no-repeat;background-size:auto!important;border-radius:4px;}
.news-form form input[type="submit"] {
    position: absolute;
    right: 6px;
    top: 27px;
    /*transform: translateY(-114%);*/
    border: 0;
    background: #000;
    color: var(--white);
    border-radius: 9px;
/*     padding: 8px 10px; */
    float:right;
	font-size:13px;
}
.wpcf7 form .wpcf7-response-output {
/*     margin: 1em 0.5em 1em !important; */
    padding: 0.2em 1em; 
    border: 2px solid #00a0d2;
	color:#ffffff;
}
.news-form form input[type="email"] {
    width: 100%;
    border-radius: 16px;
    border: 0;
    padding: 14px;
    outline: none;
    font-size: 15px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    /*color:#ffffff!important;*/
}

#wpcf7-f867-o3 .wpcf7-response-output {
  color: black !important;
}

.modal-overlay {
  display: none; /* Hidden by default */
  position: fixed;
  z-index: 1000; /* Sits on top of other elements */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Overlay background */
}

.modal-content {
  background-color: #fff;
  margin: 15% auto;
  padding: 20px;
  border-radius: 8px;
  width: 100%;
  max-width: 600px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: relative;
}

.modal-close {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
  font-size: 18px;
}

.wpcf7-form-control-wrap button,input,optgroup,select,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
    width:100%!important;
    
}
.recaptcha{width:100%;}
.wpcf7 input[type="file"] {
    cursor: pointer;
    width:100%!important;
}
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 2rem;
}


.pcf7-form-control{width:100%!important;}
.wpcf7-form-control wpcf7-select{width:100%!important;}
button, input, optgroup, select, textarea {
/*     margin: 5px; */
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

        .form-container {
            margin: 0 auto; 
            padding: 20px;
        }

        /* Style all input fields, text areas, select fields, and buttons */
        .form-container input[type="text"],
        .form-container input[type="email"],
        .form-container input[type="tel"],
        .form-container select,
        .form-container textarea,
       {
            width: 100%!important;
            padding: 10px;
            margin: 10px 0; 
            box-sizing: border-box; 
           
        }

        /* Button styling */
        .form-container button {
            background-color: #007bff;
            color: #fff!important; 
            border: none;
            cursor: pointer;
            font-size: 16px;
        }

        .form-container button:hover {
            background-color: #0056b3;
        }
/* .wpcf7-form-control input[type="text"],input[type="email"],input[type="tel"],select,textarea,input[type="text"]{ border:1px solid #bf0547!important;} */
#popup_submit{
  width: 100% !important;
  background-color: #6d07d4 !important;
  color: #fff!important;
  padding:10px;
}
.wpcf7-response-output {
    position: relative;
    top: 35px;
    margin-bottom: 30px; /* extra bottom space */
}


.wpcf7-textarea{
height: 90px!important;
width:100%;
}
/* .wpcf7-form-control-wrap{margin-right:12px!important;} */
.modal-body{border-top:1px solid #6d07d4!important;}

/* Contact Form 7 - Custom Styles */
.custom-contact-form {
    max-width: 700px;
    margin: 0 auto;
   
}

.custom-contact-form label {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    color: #333;
}

.custom-contact-form input[type="text"],
.custom-contact-form input[type="email"],
.custom-contact-form input[type="tel"],
.custom-contact-form input[type="file"],
.custom-contact-form select,
.custom-contact-form textarea {
    width: 100%;
    padding: 10px 12px;
    margin-bottom: 0px;
/*     border: 1px solid #0161cd; */
    border-radius: 6px;
    background: #fafafa;
    transition: all 0.3s ease;
    font-size: 15px;
}

.custom-contact-form input:focus,
.custom-contact-form select:focus,
.custom-contact-form textarea:focus {
    border-color: #0073e6;
    background: #fff;
    outline: blueviolet;
    box-shadow: 0 0 5px rgba(0,115,230,0.2);
}

.custom-contact-form textarea {
    min-height: 120px;
    resize: vertical;
}

/* Submit Button */
#popup_submit {
    background: #0073e6;
    color: #fff;
    padding: 12px 25px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s ease;
	margin-top:9px;
}

#popup_submit:hover {
    background: #005bb5;
}
#wpcf7-f1257-o1 .popup1_submit {
  background: #0073e6 !important;
  color: #fff !important;
  padding: 12px 25px;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
  margin-top: 9px;
  display: inline-block;
}

#wpcf7-f1257-o1 .popup1_submit:hover {
  background: #005bb5 !important;
}

/* Wrapper box */
#wpcf7-f1257-o1 .custom-form-wrapper {
  border: 2px solid #000;
  border-radius: 15px;
  padding: 25px 30px;
  background: #fff;
  max-width: 500px;
  margin: auto;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* Title */
#wpcf7-f1257-o1 .form-title {
  color: #000;
  font-size: 20px;
}

/* Common input style */
#wpcf7-f1257-o1 input.form-control {
  width: 100%;
  font-size: 15px;
  border: 2px solid transparent;
  outline: none;
  transition: 0.3s;
}

/* Individual colored borders */
.input-blue { border-color: #2196f3; }      /* Name */
.input-purple { border-color: #9c27b0; }    /* Email */
.input-pink { border-color: #e91e63; }      /* Phone */
.input-red { border-color: #f44336; }       /* Text 1 */
.input-green { border-color: #4caf50; }     /* Text 2 */

/* Button with gradient */
#wpcf7-f1257-o1 #popup1_submit {
  background: linear-gradient(to right, #a855f7, #f97316);
  color: #fff;
  font-weight: 600;
  border: none;
  padding: 12px 35px;
  border-radius: 25px;
  transition: all 0.3s ease;
}

#wpcf7-f1257-o1 #popup1_submit:hover {
  opacity: 0.85;
}


/* Mobile Friendly */
@media (max-width: 600px) {
    .custom-contact-form {
      
    }
    .custom-contact-form label {
        font-size: 14px;
    }
}
.modal-title{color:#f8013f;}
/* .logo-img {
      max-width: 70px; 
      height: 70px;
	float:right;
	
    }
    .company-name {
      font-size: 10px;
      font-weight: 700;
      color: #ffffff;
		
    }
    .company-url {
      font-size: 8px;
      color: #ffffff; 
		line-height:6px;
    }
.text-logo{
	position:relative;
	right:-10px!important;
} */

   /* Modal Base */
  .explore-modal {
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    animation: popIn 0.3s ease;
  }

  @keyframes popIn {
    from { transform: scale(0.95); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
  }

  /* Header */

  .explore-modal .btn-close {
    filter: invert(1);
    opacity: 0.8;
  }

  
  /* Inputs */
  .explore-modal .form-control {
    border-radius: 50px;
    padding: 0.7rem 1.2rem;
    border: 1.5px solid #dee2e6;
    transition: all 0.3s ease;
    box-shadow: none;
  }

  .explore-modal .form-control:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
  }

  /* Button */
  .wpcf7-submit{
/*     background-color: #0d6efd!important; */
    border: none;
    border-radius: 60%;
    padding: 0.75rem 1.2rem;
    color: #fff;
    font-weight: 600;
    transition: all 0.3s ease;
  }

.fixed-thumb img {
  width: 160px;   /* Set your desired width */
  height: 100px;  /* Set your desired height */
  object-fit: cover; /* Crops the image nicely */
  border-radius: 10px; /* Optional rounded corners */
}
 
/* .custom-contact-form {
  max-width: 400px;
  margin: 40px auto;
  padding: 30px;
  border: 2px solid #000;
  border-radius: 15px;
  text-align: left;
  background: #fff;
  font-family: "Poppins", sans-serif;
} */

.custom-contact-form .form-title {
  text-align: center;
  font-weight: 700;
  color: #000;
  margin-bottom: 25px;
}

.custom-contact-form label {
  display: block;
  margin-bottom: 15px;
  font-weight: 600;
  color: #000;
}

.custom-contact-form input[type="text"],
.custom-contact-form input[type="email"],
.custom-contact-form input[type="tel"],
.custom-contact-form input[type="file"],
.custom-contact-form select,
.custom-contact-form textarea {
  width: 100%;
  border-radius: 20px;
  padding: 10px 15px;
  font-size: 15px;
  outline: none;
/*   border: 2px solid transparent; */
  transition: 0.3s;
}

/* 🔹 Colored Borders */
.input-blue { border:3px solid #2196f3; }
.input-purple { border: 3px solid #8e24aa; }
.input-pink { border:3px solid  #e91e63; }
.input-red { border:3px solid #f44336; }
.input-green { border:3px solid #4caf50; }
.input-yellow {border:3px solid #de8c09;border-radius: 20px;}
.input-darkblue { border:3px solid #060d70;border-radius: 20px; }

/* 🔸 Gradient Submit Button */
#popup_submit {
  display: block;
  width: 100%;
  border: none;
  border-radius: 20px;
  padding: 10px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  background: linear-gradient(90deg, #9c27b0, #ff9800);
  transition: 0.3s;
}

#popup_submit:hover {
  opacity: 0.85;
}
.arti-head {
  text-align: center;
}

.arti-head .nav {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px; /* optional spacing between items */
}
.green-btn {
  background-color: #28a745!important;
  border-color: #28a745;
  color: #fff;
}

.green-btn:hover {
  background-color: #218838;
  border-color: #1e7e34;
  color: #fff;
}
/* Main Footer Menu Link */
.footer_service_menu > a {
    color: #ffffff !important;
    position: relative;
    display: inline-block;
}

/* Submenu wrapper */
/* .footer_service_menu .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background: #ffffff;
    min-width: 240px;
    max-height: 100px;
    overflow-y: auto;
    z-index: 999;
    border-radius: 6px;
    padding: 10px 0;  
    box-shadow: 0 4px 14px rgba(0,0,0,0.2);
} */

.footer_service_menu .sub-menu {
    display: none;
    position: absolute;
    left: 150px;
    top: 100%;
    background: #ffffff;
    min-width: 240px;
    max-height: auto;
    overflow-y: auto;
    z-index: 999;
    height:270px;
    border-radius: 6px;
    padding: 10px 0;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
    top: -75px !important;
}

/* Submenu links */
.footer_service_menu .sub-menu li a {
    color: #000 !important;
    padding: 12px 20px;   /* FIX: increased padding */
    display: block;
    font-size: 14px;
    line-height: 1.4;     /* FIX: proper text height */
    text-decoration: none;
margin: 0 10px;

}

/* Remove hover background */
.footer_service_menu .sub-menu li a:hover {
/*     background: transparent !important; */
/*     padding-left: 24px;   
    transition: padding 0.2s ease; */
	
	color:#000!important;
	webkit-text-fill-color: #000!important;
}

/* Show dropdown on hover */
.footer_service_menu:hover > .sub-menu {
    display: block;
}


@media (max-width: 767px) {

.footer_service_menu .sub-menu {
    display: none;
    position: absolute;
    left: 0px;
    top: 100%;
    background: #ffffff;
    min-width: 240px;
    max-height: auto;
    overflow-y: auto;
    z-index: 999;
    border-radius: 6px;
    padding: 10px 0;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
    top: 40px !important;
}
}

@media (max-width: 480px) {

.footer_service_menu .sub-menu {
    display: none;
    position: absolute;
    left: -70px;
    top: 100%;
    background: #ffffff;
    min-width: 240px;
    max-height: auto;
    overflow-y: auto;
    z-index: 999;
    border-radius: 6px;
    padding: 10px 0;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
    top: 40px !important;
}
}
 /* Modal custom styles */
  .promo-modal .modal-content {
    border-radius: 20px;
    overflow: hidden;
    border: 0;
  }

  .promo-modal .left-image {
    min-height: 100%;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  /* Make image column full-width on small screens (stacked) */
  @media (max-width: 767.98px) {
    .promo-modal .left-col {
      display: none; /* hide image on XS for better UX */
    }
  }

  /* Form / visual tweaks */
  .promo-modal .modal-body {
    padding: 1.6rem;
  }

  .promo-modal h2 {
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0.3px;
  }

  .promo-modal .btn-primary-custom {
    background: #c0392b;
    border: none;
    box-shadow: none;
  }

  .promo-modal .form-check-label {
    font-size: 0.85rem;
  }

  /* Make the modal appear a bit larger on wide screens */
  @media (min-width: 992px) {
    .modal-dialog.modal-lg {
      max-width: 900px;
    }
  }


/* Modal Box */
.promo-box {
  border-radius: 20px;
  padding: 25px;
  background: #fff;
  position: relative;
}

/* Close Button */
.close-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 100;
  background: none;
  border: none;
}

/* Left Image */
.popup-left-img {
  width: 100%;
  max-width: 390px;
  margin: 0 auto;
  display: block;
	position:relative;
	top:-70px;
}

/* Heading */
.popup-title {
  color: #C92127;
  font-size: 30px;
  line-height: 1.1;
}

/* Input boxes */
.popup-input {
  height: 35px;
  font-size: 14px;
  border-radius: 6px;
}

.name-border {
  border: 2px solid #1E88E5 !important;
}

.email-border {
  border: 2px solid #8E24AA !important;
}

.phone-border {
  border: 2px solid #D81B60 !important;
}
.para{
	font-size:14px;
}
.msg-border {
  border: 2px solid #43A047 !important;
  height: 50px !important;      /* FIXED HEIGHT */
  resize: none;                 /* Optional: prevents manual resizing */
}


/* Submit Button */
.submit-btn {
  font-size: 16px;
  padding: 10px;
}

/* ============================
   MOBILE RESPONSIVENESS
   ============================ */
@media (max-width: 992px) {
  .promo-box {
    padding: 15px;
  }
}

@media (max-width: 768px) {
  /* Stack image above form */
  .popup-title {
    font-size: 30px;
    text-align: center;
  }

  .popup-left-img {
    max-width: 300px;
  }

  .close-btn {
    top: 10px;
    right: 10px;
    font-size: 18px;
  }
}

@media (max-width: 576px) {
  .popup-title {
    font-size: 26px;
  }

  .popup-input {
    height: 44px;
    font-size: 15px;
  }

  .submit-btn {
    font-size: 16px;
    padding: 10px;
  }

  .promo-box {
/*     margin: 10px; */
    border-radius: 15px;
  }
}
/* Prevent modal content from scrolling */


.modal-dialog {
  height: auto !important;
  margin: auto;
}



@media (min-width: 300px) and (max-width: 800px) {


.popup-left-img {
  width: 80%;
  max-width: 390px;
  margin: 0 auto;
  display: block;
	position:relative;
	top:-10px;
}
/* success message */
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {
  color: #000 !important;
  margin-top: -30px !important;
}

/* validation errors */
.wpcf7 .wpcf7-response-output.wpcf7-validation-errors {
  color: #000 !important;
}
.custom-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 28px;
    color: #dc3545; /* red icon */
    cursor: pointer;
    z-index: 10;
}
#wpcf7-f848-o6 .wpcf7-response-output {
    position: relative;
    top: 40px !important;
}

.resource-detail {
    font-family: 'Poppins', sans-serif;
}

.resource-title {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.4;
    color: #222;
}


.resource-image {
    text-align: center;
}

.resource-image img {
    width: 70% !important;
    height: 300px !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 auto !important;
}



.resource-content {
  background: #f8f9fa;
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
}
.resource-content h5 {
  font-weight: 600;
  color: #333;
}



.resource-content {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
}

.resource-content h2,
.resource-content h3 {
    margin-top: 30px;
    font-weight: 600;
}

.resource-content p {
    margin-bottom: 20px;
}

/* Responsive */
@media (max-width: 768px) {
    .resource-title {
        font-size: 24px;
    }
}
.resource-download .btn {
    border-radius: 50px;
    font-weight: 600;
}
/* Newsletter reCAPTCHA width control */
.newsletterrecap{
    width: 100%;
    max-width: 350px!important; /* default reCAPTCHA width */
    transform: scale(0.9); /* adjust size */
    transform-origin: left center;
}
	..rc-anchor-normal{
	height: 74px;
    width: 350px!important;
	}
	
.growth-icon i {
  font-size: 48px; /* adjust size */
  background: linear-gradient(135deg, #6026C8, #C77DFF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.about-image-wrapper {
    width: 100%;
    max-width: 500px;   /* adjust as needed */
    height: 350px;      /* fixed height */
    overflow: hidden;
    border-radius: 12px;
}

.about-image {
    width: 100%;
    height: 100%;
    object-fit: cover;  /* maintains aspect ratio */
}
.small-img {
    width: 220px;      /* small width */
    height: 160px;     /* small height */
    overflow: hidden;
    border-radius: 10px;
}

.about-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.small-img {
    width: 180px;
    height: 130px;
}
@media (max-width: 576px) {
    .small-img {
        width: 150px;
        height: 110px;
    }
}

.footer_privacy a{
    font-size: 12px;
}

@media (max-width: 576px){
   
}

	
	
	
	p.footer_privacy a{
    font-size: 12px !important;
}
.footer_privacy .footer-link{
    font-size: 12px!important;
}
	.flexing{
		position:relative;
		top:70px!important;
	}


    /*----------- Sections -------------*/