@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css');

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
:root{
  --webFont:"Figtree", sans-serif;
  --colorWhite:#ffffff;
  --colorOrange:#FF5400;
  --colorBlack:#444444;
  --colorGreen:#9DC829;
}
* {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-decoration: none;
    outline: none;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Figtree", sans-serif;
}

h1, h2, h4, h5, h6 {
    font-family: "Figtree", sans-serif;
    margin: 0;
    padding: 0;
}

p {
    font-family: "Figtree", sans-serif;
    font-size: 17px;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
    color: #444444;
    font-weight: 400;
    line-height: 27px;
}
b, strong {
    font-weight: bold;
}
ul, li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

img {
    max-width: 100%;
    border: none;
}

a {
    text-decoration: none;
    outline: none !important;
}

html {
    scroll-behavior: smooth;
    font-size: 100%;
}

.p-80 {
    padding: 80px 0;
}

.bannertext h1 {
    font-size: 45px;
  color: #444444;
  font-weight: 500;
  margin: 0;
  line-height: 57px;
}

.bannertext h1 span {
    color: #174FA4;
    font-weight: 600;
}

.headertext h3 {
    font-family: "Figtree", sans-serif;
  font-size: 45px;
  color: #000;
  font-weight: 500;
  margin: 0 0 10px;
  position: relative;
}

.headertext h3 span {
    color: #D4D4D4;
}

.small_title h5 {
    font-size: 18px;
    color: #444444;
    margin-bottom: 8px;
    font-weight: 600;
}

.btn1 {
    background-color: #6AC607;
    font-size: 17px;
    padding: 10px 10px 10px 25px;
    transition: all .5s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    border-radius: 50px;
    transition: 0.6s;
}

.btn1:hover {
    background-color: #000;
}

.btn1 .fa-plus {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #5EB402;
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec_tag {
    background-color: #C4F095;
  padding: 6px 20px;
  text-align: center;
  font-size: 14px;
  color: #202020;
  border-radius: 30px;
  transform: rotate(343deg);
  margin: 0 auto 15px;
  position: absolute;
  top: -51px;
}




/* ======================================================================= */
    /* header start */
/* ======================================================================= */

.headerarea {
    box-shadow: none;
    padding: 0;
    position: relative;
}
.headerarea::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(to right, #a5cc3e, #01abcd, #fba51d);
}
.headerarea .logo {
	width: 100%;
	max-width: 230px;
	position: relative;
	display: inline-block;
	/* background-color: #fff; */
	/* padding: 10px; */
	/* border-radius: 0 0 10px 10px; */
}

.headerarea .logo img {
    width: 100%;
    object-fit: cover;
    position: relative;
}
img.twentytwenty-after {
    filter: grayscale(1);
}
.headerarea .header-contact .call {
    width: 100%;
    min-width: 43px;
    max-width: 43px;
    height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #F6F7FB;
    background-color: #F6F7FB;
    color: #000000;
    border-radius: 100%;
    margin-left: 10px;
    transition: 0.5s;
}

.headerarea .header-contact .call:hover {
    border-color: #000000;
    background-color: #000000;
    color: #ffffff;
}

.headerarea.fix {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	border-radius: 0;
	background-color: #fff;
	padding: 4px 0px;
	z-index: 2;
	box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}


.login_btn{
	background: #FF5400;
	border: 1px solid #FF5400;
	font-size: 19px;
	padding: 10px 30px !important;
	font-weight: 500;
	border-radius: 30px;
	color: #fff;
	display: inline-block;
}
.login_btn:hover {
	background: #000000;
	border-color:#000000
}

.headerarea.fix .menu ul li a {
    color: #000;
}

.headerarea.fix .menu ul li a:hover, .headerarea.fix .menu ul li.active a {
    color: #000;
}

.header-right {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.header-right .header-contact .btn {
    margin-right: 10px;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
/*menu CSS
--------------------------------------------------------------------------------------------------*/
.menu {
	margin-top: 0px;
	margin-right: 34px;
}
.menu ul{margin:0;padding:0;font-size:0;}
.menu ul li{display:inline-block;padding:0;list-style-type:none;position:relative;vertical-align:middle;}
.menu ul li.active { position: relative; }
.menu ul li.active::before {content: '';position: absolute;top: -5px;left: 0;width: 100%;max-width: 50px;height: 50px;background-repeat: no-repeat;background-size: contain;background-position: center;background-image: url(../images/menu-active-shape.svg);}
.menu ul li span {
	position: absolute;
	top: 43%;
	right: 8px;
}
.menu ul li span::after { content: '\2b'; color: #000000; font-family: FontAwesome; font-size: 10px; }
.menu ul li:hover span::after { color: #FF5400; }
.headarea.innerheader .menu ul li a { color: #000; }
.menu ul li a {
    color: #000;
    font-size: 19px;
    font-weight: 700;
    display: block;
    padding: 30px 0px;
    margin: 0 30px;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.menu ul li.active a { color: #FF5400; }
.menu ul li.active ul li a{color: #000;}
/* .menu ul li a:hover, .menu ul li.active a { color: #FF5400; } */
.menu ul li.active a::after { width: 100%; }
.menu ul li a span { display: inline-block; vertical-align: 0px; margin-left: 6px; font-size: 10px; }
.menu ul li:hover ul li a:hover { color: #000; background-color: #f7c624; }
.menu ul li ul {
    width: 290px;
    position: absolute;
    top: calc(100% + 30px);
    left: 0;
    z-index: 99;
    background-color: #ffffff;
    text-align: left;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.41);
    border-radius: 0px 0px 10px 10px;
    padding: 9px;
}
  border-radius: 0px 0px 10px 10px; }
.menu ul ul li:first-child:before{display:none;}
.menu ul ul li:after{display:none;}
/* .menu ul li:last-child ul{width:220px;position:absolute;top:100%;left:auto;right:0;z-index:2;background-color:#ffffff;box-shadow:0px 5px 14px rgb(0 0 0 / 2%);text-align:left;} */
.menu ul li ul li a {
    font-size: 16px;
    text-transform: none;
    padding: 6px 30px 6px 17px;
    color: #000;
    line-height: 26px;
    font-weight: 600;
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
    display: block;
    margin: 0;
}
.menu ul li ul li ul{top:10px;left:179px;border-radius: 0px;transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -khtml-transition: all ease-in-out 0.5s;}
.menu ul li ul li span{right:7px;top:12px;}
.menu ul li ul li:hover ul{left: 239px;top: 0px !important;transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -khtml-transition: all ease-in-out 0.5s;}
.menu ul li a:hover.menu ul li ul{display:block;}
.menu ul li ul li{display:block;padding:0;border-bottom:solid 1px rgb(255 255 255 / 7%);border-right:none;}
.menu ul li ul li:last-child{border:none;}
.menuButton{width:40px;height:35px;padding:5px;float:right;display:none;}
.menuButton span { width: 100%; height: 2px; background: #000; margin-bottom: 6px; float: left; transition: all 0.3s ease-in-out 0s; }
.menuButton span:last-child{margin-bottom:0;}
@media (min-width:991.98px) {
    .menu ul {
        display: block!important;
    }

    .menu ul li:hover > ul {
        opacity: 1;
        top: 100%;
        visibility: visible;
    }
}
@media (max-width:991.98px){.menuButton{display:block;margin-left:15px;cursor:pointer;}
 .menu ul li span{background:url(../images/menu_arrow.png) center center no-repeat;cursor:pointer;width:15px;height:15px;position:absolute;right:15px;top:20px;z-index:99;}
 .menu ul li:hover span{background:url(../images/menu_arrow_hover.png) center center no-repeat;}
 .arrow_change span:nth-child(2){display:none;}
 .arrow_change span:first-child{position:relative;top:9px;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
 .arrow_change span:last-child{position:relative;top:1px;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
 .menuBar{padding:15px 0;}
 .menu{padding:5px 0;}
 .menu ul{display:none;background-color:#fff;position:absolute;top:100%;left:0;width:100%;z-index:99;}
 .menu ul li a{color:#071731;display:block;width:100%;font-size:15px;}
 .menu ul li ul{display:none;background-color:#e1e1e1;position:relative;top:5px;left:0;width:100%;z-index:1;padding:0;visibility: initial;opacity: 1;}
 .menu ul li:last-child ul{display:none;background-color:#e1e1e1;position:relative;top:5px;left:0;width:100%;z-index:1;}
 .menu ul li{display:block;padding:10px 15px 10px 15px;border-top:1px solid #cccccc54;text-align:left;position:relative;}
 .menu ul li span{position:absolute;right:30px;z-index:99;cursor:pointer;top:12px;text-align:center;}
 .menu ul li ul li ul{top:0;left:0;}
 .menu ul li ul li a{font-size: 12px;text-transform: none; background-color: #e1e1e1; padding: 8px 12px;color: #000;}
}



/*-- header area stop --*/


/* ======================================================================= */
    /* banner start */
/* ======================================================================= */

/*banner area css start*/
.banner_area{ position:relative;}
.bg-video-wrap {position: relative;overflow: hidden;width: 100%;height: 100vh; background: url(../images/videoposter.jpg) no-repeat center center/cover;z-index: 1;}
.bg-video-wrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}
.bg-video-wrap video {height: 100vh; width: 100vw;object-fit: cover;position: relative;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;}
.bg-video-wrap .overlay_box {
    position: absolute;
    width: 100%;
    z-index: 2;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    /* background: rgb(60 159 188 / 33%); */
   /* background: rgb(8,150,188);
    background: linear-gradient(180deg, rgb(8 150 188 / 48%) 0%, rgba(3,54,88,0) 100%);*/
}
.bg-video-wrap .overlay_box .textbox_banner {
    max-width: 650px;
    width: 100%;
}
.bg-video-wrap .overlay_box .textbox_banner h1 {
    margin-bottom: 15px;
    font-size: 48px;
    line-height: 58px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px;
}
.bg-video-wrap .overlay_box .textbox_banner h1 span {
    display: block;
    height: 68px;
    text-decoration: underline;
    background: linear-gradient(to right, #99c745 0%, #f89d32 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap;
}
.bg-video-wrap .overlay_box .textbox_banner p{ font-size: 1.25rem; padding-right: 50px; line-height: 2.25rem; color: #fff; text-shadow: 2px 3px 5px rgb(0 6 50 / 40%); font-family: 'PlusJakartaSansRegular'; }
.btn{background: #FF5400;
  padding: 10px 35px;
  border-radius: 25px;
  color: #fff;
  transition: all .3s ease-in-out;
  --bs-btn-bg: #ff5400;
  --bs-btn-border-color: #ff5400;}
  .btn:hover{background: #000;color: #fff;transition: all .3s ease-in-out;}


.services_secinerin{ background: #fff !important;}
.Whychooseus_seciner .headertext{position: relative;}
.Whychooseus_seciner .sec_tag10{left: 0px; right: initial; top: -48px;}
.aboutareainnre10{min-height: 220px;
  background: #02ABCD;
  border-radius: 15px;
  margin-bottom: 15px;
  padding: 30px 25px;
  text-align: center;
  position: relative;}
.aboutareainnre10 h6{color: #fff;
  font-size: 18px;}
  
.aboutareainnre10 h3{position: absolute;
  left: 0px;
  right: 0px;
  bottom: 10px;
  font-size: 60px;
  color: #fff;}
.aboutimg101{height: 220px; overflow: hidden;border-radius: 15px;}
.aboutimg101 img, .aboutimg102 img, .aboutimg104 img, .aboutimg103 img{width: 100%;
  height: 100%;
  object-fit: cover;transition: all .3s ease-in-out;
  border-radius: 15px;}
.aboutimg101:hover img, .aboutimg102:hover img, .aboutimg103:hover img, .aboutimg104:hover img{ transform: scale(1.1);transition: all .3s ease-in-out;}

.aboutimg102{height: 458px;overflow: hidden;border-radius: 15px;}
.aboutimg103{height: 240px;overflow: hidden;border-radius: 15px;
  margin-bottom: 15px;}
.aboutareainnre11{min-height: 190px;overflow: hidden;border-radius: 15px;}
.aboutimg104{height: 190px;overflow: hidden;border-radius: 15px;}
.servicebox{background: #fff;
  padding: 20px; transition: all .3s ease-in-out;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px #dddddd8c;}
  .servicebox:hover{background: #abd04330;transition: all .3s ease-in-out;}
  .serviceimg {
    height: auto;
    border-radius: 15px;
    margin: 14px 0px;
    overflow: hidden;
    transition: all .3s ease-in-out;
}
.serviceimg img{width: 100%;
  height: 100%;transition: all .3s ease-in-out;
  object-fit: cover;
  border-radius: 15px;}
.morebtn1{border: 1px solid #ff5903;
  padding: 10px 20px;
  border-radius: 25px;
  display: inline-block;
  color: #000;}

.morebtn1 span{margin-left: 10px;
  color: #ff5903;}

.serviceicon {margin-right: 10px;width: 50px;
  position: relative;transition: all .3s ease-in-out;}
.serviceicon img {
	position: relative;
	z-index: 1;
	transition: all .3s ease-in-out;
}
.serviceicon::after{ position: absolute; content: "";width: 35px;
  height: 35px;
  background: #BEE35C;
  left: -3px;
  top: 3px;
  border-radius: 50%;}
.morebtn1:hover{ background: #ff5903; color: #fff;}
.morebtn1:hover i{ color: #fff;}



.aboutareainnre{ background: #fff; border-radius: 20px; padding: 20px;transition: all .5s ease-in-out;}
.services_seciner{background: #E8FBFF;}
.services_seciner .headertext {
    width: 62%;
    margin: 0 auto 35px;
    position: relative;
}
.services_seciner .sec_tag10{right: 150px;
  top: -38px;}
.services_seciner h4{font-size: 20px;font-weight: 700;width: 75%;
  margin-bottom: 10px;}
.services_seciner p {
    color: #000;
    margin-bottom: 25px;
    font-size: 17px;
    line-height: normal;
}
.aboutimg10{width: 80px;
  height: 80px;
  background: #FBEEE9;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 17px;transition: all .5s ease-in-out;
  margin-right: 15px;}
  .morebtn {
	background: #fbeee9;
	padding: 6px 19px;
	color: #000;
	transition: all .5s ease-in-out;
	border-radius: 30px;
}
.aboutin{ display: none; transition: all .5s ease-in-out;}
.aboutimg10 img{transition: all .5s ease-in-out;}
.aboutareainnre:hover .morebtn{ background: #ff5b0a; color: #fff; transition: all .5s ease-in-out;}
.aboutareainnre:hover .aboutimg10{background: #ff5b0a;transition: all .5s ease-in-out;} 
.aboutareainnre:hover .aboutimg10 img{filter: brightness(0) invert(1);transition: all .5s ease-in-out;}
.aboutimg11{background: #E9FABA;}
.aboutareainnre:hover .aboutimg11{background: #79A111;transition: all .5s ease-in-out;}
.aboutareainnre:hover img{ transform: scale(1.1);transition: all .5s ease-in-out;}

/* ======================================================================= */
    /* brandsec start */
/* ======================================================================= */
.brandsec {
    width: 100%;
    padding-bottom: 0 !important;
    overflow: hidden;
}

.brandsec h4 {
	font-size: 28px;
	color: #000;
	font-weight: 400;
	margin: 0 0 15px;
	position: relative;
	text-align: center;
	display: inline-block;
	padding: 1px 15px;
	background: #fff;
	z-index: 9;
}

.brandsec h4 span {
    color: #FF5701;
}

.brandsectext {
    position: relative;
    margin-bottom: 15px;
    z-index: 0;
}
.brandsectext::after{position: absolute;
  content: "";
  width: 100%;
  background: #00000024;
  height: 1px;
  left: 0px;
  bottom: 29px;}

.branBox {
	height: 100%;
	width: 100%;
	background-color: #fff;
	padding: 7px 8px;
	border-radius: 14px;
	margin: 10px;
	text-align: center;
	box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.branBoxlogo { width: 100%; max-width: 110px; height: 65px; position: relative; display: flex; align-items: center; justify-content: center;transition: all .3s ease-in-out; }
.branBoxlogo:hover img{ transform: scale(1.1); transition: all .3s ease-in-out;}

.branBoxlogo img { width: 100%; height: 100%; object-fit: contain;transition: all .3s ease-in-out; }
/**/
.brand_slide .owl-carousel .owl-stage-outer { padding: 55px 0 0 !important; }
.brand_slide .owl-nav button.owl-prev, .brand_slide .owl-nav button.owl-next { width: 40px; height: 40px; border: 1px solid #fff; border-radius: 50%; color: #fff; font-size: 30px;}
.brand_slide .owl-nav button.owl-prev span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.brand_slide .owl-nav button.owl-prev span::after { content: '\f060'; color: #fff !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 16px; }
.brand_slide .owl-nav button.owl-prev:hover span::after { content: '\f060'; color: #fff !important; }
.brand_slide .owl-nav button.owl-next span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.brand_slide .owl-nav button.owl-next span::before { content: '\f061'; color: #fff !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 16px; }
.brand_slide .owl-nav button.owl-next:hover span::before { content: '\f061'; color: #fff !important; }
.brand_slide .owl-nav button.owl-prev { left: 0px; position: relative;}
.brand_slide .owl-nav button.owl-next { right: 0px; position: relative;}
.brand_slide .owl-nav { position: absolute; display: inline-flex; right: -215px; bottom: 160px; align-items: center; justify-content: flex-end; width: 100%; }
.brand_slide .owl-nav button.owl-prev:hover, .brand_slide .owl-nav button.owl-next:hover { background: #C82D2D; border: 1px solid #C82D2D; color: #fff; transition: all .3s ease-in-out;}
.owl-theme .owl-nav { margin-top: 0; }
.owl-carousel .brand_slide .owl-dots.disabled, .owl-carousel .brand_slide .owl-nav.disabled {
    display: block !important;
}


/* ======================================================================= */
    /* about_sec start */
/* ======================================================================= */
.about_sec {
    width: 100%;
}

.about_sec .headertext {
    width: 70%;
  margin: 0 auto 45px;
}
.about_seciner .headertext h3{line-height: 45px;
  position: relative;}
  .roundin{width: 35px;
  height: 35px;
  background: #D1F383;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  position: absolute;
  right: 0px;}
.aboutarea{background: #FFEDCD;
  text-align: center;
  padding: 30px;
  border-radius: 20px;}
  .aboutarea h4{font-size: 35px;
  font-weight: 600;
  line-height: 35px;}
.aboutpic img{ width: 35%; margin: 10px 0px;}
 .about_seciner .headertext p{padding-top: 129px;}
.about_seciner .headertext{position: relative;width: 85%;}
.sec_tag10{background-color: #C4F095;
  padding: 6px 20px;
  text-align: center;
  font-size: 14px;
  color: #202020;
  border-radius: 30px;
  transform: rotate(343deg);
  position: absolute;
  right: 90px;
  top: 42px;}
.btnin{color: #ff9600;
  font-size: 20px;}
.aboutPic {
    height: 435px;
    position: relative;
    display: flex;
    overflow: hidden;
    border-radius: 25px; 
    /*-webkit-clip-path: polygon(0% 100%, 0% 45%, 72.79% 0.00%, 100% 30%, 100% 100%);
    clip-path: polygon(21.69% 98.39%, 12.65% -1.22%, 77.15% 0.34%, 87.56% 99.4%, 87.58% 99.77%);*/
}

.aboutPic img {
    width: 71%;
  height: 100%;
  object-fit: contain;
  margin: 0 auto;
}

.company_brand {
    position: absolute;
  top: 0;
  right: 240px;
  width: 142px;
  height: 143px;
  overflow: hidden;
}

.company_brand img {
    animation: spin 25s linear infinite;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* ======================================================================= */
    /* services_sec start */
/* ======================================================================= */
.services_sec {
    width: 100%;
    
}

.services_sec .headertext {
    width: 50%;position: relative;
   
}

.services_secin {
    width: 100%;
    margin-top: 35px;
}

.services_box {
    width: 100%;
  background-color: #fff;
  border-radius: 20px;
  padding: 35px 25px;
  position: relative;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) inset;
  transition: 0.6s;overflow: hidden;
}

.services_box::after{ position: absolute; content: ""; background: url(../images/shap.png);top: 0px;
  right: 0px;
  width: 229px;
  height: 148px;}


.services_box h4 {
    font-size: 25px;
  margin-bottom: 20px;
}

.services_box p{ margin-bottom: 60px;}
.why_choose .row{border-top: 1px solid #ddd;}

.services_sec .btn1 {
    padding: 10px 15px;
    background-color: rgb(216,226,240);
    color: #174FA4;
    position: relative;
}

.btn1 .fa-arrow-right {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgb(255 255 255);
    font-size: 16px;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 11px;
    top: 7px;
    transition: 0.6s;
}

.count_tag {
    background-color: transparent;
    border: 1px solid #174FA4;
    padding: 2px 20px;
    text-align: center;
    font-size: 16px;
    color: #174FA4;
    border-radius: 30px;
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 15px;
}


.planing_gallery .galleryimg {
  margin-bottom: 1rem;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
	overflow: hidden;
}

.planing_gallery .galleryimg:hover {
  margin-bottom: 1rem;
  cursor: pointer;
}

.galleryimg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: 1s;
    border-radius: 0;
}

.galleryimg:hover img {
  opacity: 0.7;
	transform: scale(1.1);
}

.galleryimg{position: relative;
  height: 420px;
  border-radius: 15px;
  overflow: hidden;}

.videotext{background: #1E242C;
  padding: 75px 90px; height: 420px;
  text-align: center;
  border-radius: 15px;}
.videotext h6{font-size: 18px;
  color: #fff;
  line-height: 16px;}
  .videotext h6 span{ color: #ddd; padding-left: 5px; margin-left: 5px; border-left: 1px solid #ddd;}
 .videotext h2 {
    font-size: 40px;
    color: #fff;
    line-height: 43px;
    margin-top: 28px;
    font-weight: 400;
}
  

.video-play-button { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 32px; height: 44px; border-radius: 50%; padding: 18px 20px 18px 28px; }
.video-play-button:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 70px; height: 70px; background: #fcf0de; border-radius: 50%; animation: pulse-border 1100ms ease-out infinite; }
.video-play-button:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: flex; align-items: center; justify-content: center; width: 65px; height: 65px;background: rgb(255, 84, 0); border-radius: 50%; transition: all 200ms; }
.video-play-button span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 19px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; top: 10px; left: 5px; }
.video-play-button .fa-play { font-size: 25px; color: #fff; position: relative; z-index: 2; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.video_slide .owl-nav{position: relative;
  left: -235px;
  right: 0px;
  width: 20%;
  margin: 0 auto 0px;
  bottom: 95px;}
.video_slide .owl-nav .owl-prev, .video_slide .owl-nav .owl-next{width: 40px;
  height: 40px;
  background: #fff !important;
  border-radius: 50%;
  font-size: 38px !important;
  line-height: 35px !important;}
.video_slide .owl-prev:hover, .video_slide .owl-next:hover{ background: #eb7101 !important;}

  
.readysec{background: #0aa3c6;
  position: relative;}
.readysec .headertext{width: 55%;
  margin: 0 auto;}
 .readysec h3{color: #fff;
  font-size: 48px;
  line-height: 50px;}
  .readysec .getbtn{background: #000;
  padding: 10px 25px;
  border-radius: 25px;
  color: #fff;
  margin-top: 10px;
  display: inline-block;}
.readysec .getbtn:hover{background: #fff; color: #000;}
.countriesarea h3 {
    font-size: 43px;
    text-align: center;
    width: 80%;
    margin: 0 auto 30px;
}
.countriesarea h3 span{ color: #757575;}
.areabox{display: flex;
  justify-content: center;}
.areabox .flex-shrink-0{font-size: 60px;
  margin-right: 15px;}
.areabox h4{font-size: 18px;
  color: #333;}
.countriesarea .row{border-bottom: 1px solid #ddd;
  padding-bottom: 25px;}  

  
.shapicon{ position: absolute; bottom: 0px;}

.shapicon1{ position: absolute; top: 0px;right: 0px;}

.services_secinner .headertext{margin: 0 auto 50px;}
.services_boxinner{background: #F3FFE6;
  border-radius: 10px;
  padding: 39px 30px 25px 30px;
  position: relative;transition: all .5s ease-in-out;}
.services_boxinner h4, .services_boxinner h4 a{font-size: 30px;
  margin-bottom: 10px;}
.services_boxinner p{width: 70%;}
.arrowin{position: absolute;
  top: 25px;
  right: 22px;
  width: 55px;
  height: 55px;
  border: 1px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transform: rotate(320deg);
  font-size: 23px;
  color: #000;}
.services_boximg{height: 420px;
  margin-top: 25px;border-radius: 10px;
  overflow: hidden;transition: all .5s ease-in-out;}
.services_boximg img{width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;transition: all .5s ease-in-out;}
.services_boxinner:hover img{ transform: scale(1.1); transition: all .5s ease-in-out;}


.testimonial_slide{ padding-left: 90px;}
.testimonials .sec_tag {
    top: -42px;
    left: 0;
}
.testimonialsBox {
    background: #F3FFE6;
    padding: 30px;
    border-radius: 20px;
    font-size: 17px;
}
.testimonialsBox ul {
    padding: 0px;
    margin: 0px 0 12px;
}
.testimonialsBox ul li{ display: inline-block; color: #FF9600;}
.testimonialsBox p{ margin: 10px 0px 20px; color: #434343; font-weight: 300;}
.testimonialin .flex-shrink-0{width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 12px;}

.ervicertext h5{font-size: 20px;}
.ervicertext h6{font-size: 15px;
  color: #4f4f4f;
  font-weight: 300;
  line-height: 27px;}











/* ======================================================================= */
    /* footer start */
/* ======================================================================= */
.footer_sec {
    background: #1a1a1a;
    padding: 40px 0px 20px;
}
.footertop {
    background: #fff;
    padding: 40px 80px;
    margin-bottom: 55px;
    border-radius: 25px;
}
.footertop h4{font-size: 55px;
  color: #fff;}
.footertop .btn1{display: inline-flex;
  padding: 10px 30px;
  color: #fff;
  margin: 0px 5px;
  border: 1px solid #fff;
  background: #2f312b;}

.joinarea{display: flex;justify-content: space-between; width: 80%;margin: 0 auto;}
.joinarea .form-control{width: 80%; height: 47px; border-radius: 25px; padding: 15px;}
.joinarea .btn-primary{background: #FF9600; border: none;border-radius: 25px; padding: 6px 14px; margin-left: 10px;
  font-size: 20px;width: 200px;}
.joinarea .btn-primary:hover{
	background:#000;
}

.footertoparea h4 {
    font-size: 42px;
    color: #000;
    line-height: 52px;
    margin-bottom: 16px;
}
.footertoparea p {
    margin: 8px auto 18px;
}
.footer_logo {
    width: 100%;
    max-width: 125px;
    position: relative;
    display: inline-block;
   
    background: #fff;
  padding: 5px;
}


.footer_sec h5{font-size: 20px;
  color: #fff;
  margin-bottom: 20px;}
.footer_sec ul, .footer_sec ol{ padding: 0px; margin: 0px;}
.footer_sec ul li{ margin-bottom: 10px; position: relative; padding-left: 15px;width: 32%;
  display: inline-block;}
.footer_sec ul li::after{ position: absolute;content: "";width: 5px;height: 5px;background: #fff;
  border-radius: 50%; top: 10px; left: 0px;}
.footer_sec ul li a, .footer_sec ol li a{color: #FFF;
  font-size: 16px; transition:a11 .3s ease-in-out}
.footer_sec ul li a:hover, .footer_sec ol li a:hover{ color: #FF5400;transition:a11 .3s ease-in-out}
.footer_sec ol li{display: inline-block;
  border-right: 1px solid #fff;
  padding: 0px 7px;
  line-height: 15px;}
.footer_sec ol li:last-child{border-right: 0px solid #fff;}
.footer_sec h6{font-size: 16px; color: #fff; margin-bottom: 10px;}
.footer_sec h3{font-size: 100px;color: #fff;line-height: 100px;font-weight: 300;}
.footerlogo {
    width: 230px;
    margin: 35px 0px 10px;
}

.unq-case{background: #FF5400;
  padding: 8px 35px;
  border-radius: 25px;
  color: #fff;
  border: none;}
.footer_box h5 {
    font-size: 22px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 500;
}

.footer_box ul {
    padding: 0;
    margin: 0 0 0 25px;
    list-style: none;
}

.footer_box ul li {
    width: 100%;
}

.footer_box ul li a {
    font-size: 16px;
    color: #fff;
    padding-bottom: 10px;
    text-decoration: none;
    display: block;
    transition: 0.5s;
    position: relative;
}

.footer_box ul li a::before {
    content: "\f105";
    position: absolute;
    top: 0px;
    left: -20px;
    font-size: 14px;
    font-family: FontAwesome;
    color: #f7b650;
    transition: 0.5s;
}

.footer_box ul li a:hover {
    color: #f7b650;
}


.socialmedia{ position: relative;}
.socialmedia ul{ padding: 0px;text-align: right;  position: relative; z-index: 9;}
.socialmedia ul li{ display: inline-block; list-style: none; padding-left: 0px;width: initial;
  margin-bottom: 0px;}
.socialmedia ul li::after{ display: none;}
.socialmedia ul li a{width: 35px; height: 35px; display: flex; background: #04788f; justify-content: center;
  border: 1px solid #fff; align-items: center; color: #fff; border-radius: 7px;margin: 0px 2px; transition: all .3s ease-in-out;}
.socialmedia ul li a:hover{ background: #fff; color: #04788f; border: 1px solid #fff; transition: all .3s ease-in-out;}
.copyright{margin-top: 35px;border-top: 2px dotted #e6e6e6;padding-top: 35px;}
.copyright h6{ font-size: 17px;color: #fff;}
.copyright h6 span{ color: #A5CC3E;}





.aboutus {
    width: 100%;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 80px 0px;
}
.bnrhead{ position: relative; z-index: 1;width: 100%;
  max-width: 550px;}

.aboutus::after{position: absolute; content: ""; top: 0px;background: #000000;
background: linear-gradient(94deg, rgba(0, 0, 0, 0.8) 0%, rgba(51, 104, 130, 0) 70%); width: 100%; height: 100%;
  left: 0px;}

.aboutus h1 {
    font-size: 36px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 10px;
}

.aboutus h2 {
    font-size: 50px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 10px;
}

.aboutus h6 {
    font-size: 16px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 0px;
}

.aboutus h6 a {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0px;
}
.yearbox{text-align: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 22px;
  margin-bottom: 21px;
  position: relative;}
.yearbox h5{font-size: 150px;
  line-height: 100px;
  margin-bottom: 10px;}
.yearbox h3{background-color: #C4F095;
  padding: 6px 20px;
  text-align: center;
  font-size: 14px;
  color: #202020;
  border-radius: 30px;
  transform: rotate(343deg);
  position: absolute;
  left: 70px;
  top: 26px;}
.aboutright{border-left: 1px solid #ddd;
  padding-left: 60px;}
  .aboutimgin{height: 450px;
  margin-bottom: 25px;position: relative;}
.aboutimgin img{width: 100%;
  height: 100%; border-radius: 10px;
  object-fit: cover;}




.yearboxin{position: absolute;
  bottom: 0px;
  right: -8px;
  background: #ff5400;
  padding: 20px 13px;
  border-radius: 20px;
  border: 7px solid #fff;
  text-align: center;
  font-size: 55px;
  color: #fff;
  line-height: 55px;}
.yearboxin span{display: block;
  font-size: 18px;
  line-height: 25px;}
.countriesareainner .headertext{padding-left: 35px;}
 .countriesareainner .headertext h3{margin: 0 0 10px;} 


.aboutbox{background: #A5CC3C1F;
  text-align: center;
  padding: 40px 10px;transition: all .3s ease-in-out;
  border-radius: 10px;}  

.aboutbox:hover img{ transform: scale(1.1); transition: all .3s ease-in-out;}  
.aboutimg1010{margin-bottom: 15px;}
.aboutbox h4{font-size: 20px;}
.aboutbox p{margin: 10px 0px 25px;}
.getbtnin{ color: #000;font-size: 17px;}
.aboutboxin:nth-of-type(2) .aboutbox{ background: #01ABCD17;}
.aboutboxin:nth-of-type(3) .aboutbox{ background: #F7A51A1A;}
.aboutboxin1010{transition: all .3s ease-in-out;}
.aboutboxin1010 img{transition: all .3s ease-in-out;}
.aboutboxin10{background: #fef6e8;
  position: relative;transition: all .3s ease-in-out;
  text-align: center;
  border-radius: 10px;}
.aboutboxin10 h6{position: absolute;
  bottom: 10px;
  left: 10px;
  background: #ffffffa3;
  padding: 10px 20px;
  border-radius: 25px;}

.teamboxin{background: #E8F9FD;
  border-radius: 20px;
  padding: 25px;}
  .teamboxinimg{width: 50px;
  height: 50px;
  background: #58D7EE;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;}

.partnerarea{ margin-top: 55px;}
.teamboxin{background: #E8F9FD;
  border-radius: 20px;
  padding: 25px;}
  .teamboxinimg{width: 50px;
  height: 50px;
  background: #58D7EE;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;}
.teamboxin h4{margin: 18px 0px;
  font-size: 24px;
  text-transform: uppercase;}
  .readmore{background: #fff;
  padding: 9px 25px;
  display: inline-block;
  border-radius: 20px;
  color: #000;}


.digital_seciner .headertext{width: 60%;margin: 0 auto 35px;}
.digitalbox{border: 1px solid #D7D7D79C;
  text-align: center; width: 100%;
  padding: 30px 20px;
  border-radius: 15px;transition: all .3s ease-in-out;
  box-shadow: 0px 0px 10px 0px #dddddd8c;
  margin-bottom: 20px;}
  .careericonin{width: 90px;
  height: 90px;
  margin: 0 auto 25px;
  background: #FFF7EA;
  display: flex;transition: all .3s ease-in-out;
  align-items: center;
  justify-content: center;
  border-radius: 15px;}

.digitalbox h4{font-size: 22px;
  line-height: 25px;}
.digitalbox:hover .careericonin{background: #D4F8FF; transition: all .3s ease-in-out;}

.whychoos_seciner .headertext{width: 55%; margin-bottom: 30px;}
.whychoos_seciner{background: #F2F2F2;}
.servicebox h4{font-size: 25px;
  line-height: 28px;
  margin-bottom: 10px;
  width: 100% !important;}
.businessesbg{ background: #fff;}
.businessesbox:hover{ background: #FFEDCD; transition: all .3s ease-in-out;}

.servicebox:hover img{ transform: scale(1.1); transition: all .3s ease-in-out;}

.headertextiner{border: 1px solid #dddddd69;
  padding: 25px;
  border-radius: 25px;
  box-shadow: 0px 3px 0px 0px #04788f;}
.aboutimginin{  height: 420px;}
.aboutimginin img{border-radius: 25px;}

.areaboxin10 .flex-shrink-0{ margin-right: 0px;text-align: center;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n){ margin-top: 40px; }
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .lthumblebox{order: 2;}
.lambdinner_box{ margin-top: 60px; }
.lambdinner_box .lambdinner_textbox .practicon{width: 65px;height: 65px;border-radius: 61px;background: rgba(47, 108, 215, 0.10);
margin-bottom: 20px;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .lambdinner_textbox .practicon{display: inline-block;margin-right: 20px;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .lambdinner_textbox .practicon img{right: -5px;}
.lambdinner_box .lambdinner_textbox .practicon img{position: relative;top: 5px;right: -20px;}
.lambdinner_box .lambdinner_thumble {width: 550px; height: 335px;display: flex; position: relative;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n)  .lambdinner_thumble{margin-right: auto;}
.lambdinner_totalarea .lthumblebox{order: 2;}
.lambdinner_totalarea .ltextbox{ order: 1;}

.lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .lambdinner_thumble:before{right: inherit; left:-30px; bottom:-30px;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n)  .lambdinner_thumble:after {right: -20px;left: auto;}
.lambdinner_box .lambdinner_thumble img{ width: 100%; object-fit: cover; height: 100%; border-radius: 25px;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .ltextbox .lambdinner_textbox{padding-right: 0px;padding-left: 0px;text-align: left;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .lambdinner_textbox h2, .lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .lambdinner_textbox p{ text-align:left;}
.lambdinner_totalarea .lambdinner_box .btn-custom{ text-transform:capitalize;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .btn-custom1{ float:right;}
.lambdinner_box .lambdinner_textbox h1{font-weight: 600;font-size: 37px;line-height: 50px;color: #000;margin-bottom: 10px;text-align: left;text-transform: capitalize;position: relative;}
.lambdinner_box .lambdinner_textbox p{font-weight: 300;font-size: 16px;line-height: 27px;color: #000;margin-bottom: 25px;text-align: left;max-width: 100%;}
.lambdinner_box .lambdinner_textbox .btn-custom{border: 2px solid #E9602F;padding: 10px 25px;display: inline-block;color: #E9602F;text-align: center;font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.32px;margin: 20px 15px 0px 0px; transition:all .3s ease-in-out;}
.lambdinner_box  .lambdinner_textbox .btn-custom:hover{ color:#E9602F;border: 2px solid #fff; background:#fff; transition:all .3s ease-in-out;}
.servicesareaimg{position: relative;height: 410px; overflow: hidden;transition: all .3s ease-in-out;border-radius: 15px;}
.servicesarea h6{position: absolute; top: 15px; left: 15px; border: 1px solid #fff; border-radius: 25px;
  padding: 6px 15px; color: #fff; font-size: 11px; z-index: 9;}
.servicesareaimg img{width: 100%;height: 100%; object-fit: cover;border-radius: 15px;transition: all .3s ease-in-out;}
.arrowin10{position: absolute; bottom: -3px; right: -6px; width: 55px; height: 55px; border: 4px solid #fff;
  display: flex; align-items: center; justify-content: center; border-radius: 50px; background: #04a9c7;
  color: #fff; font-size: 25px; transform: rotate(330deg);}
.servicesareaimg:hover img{ transform: scale(1.1); transition: all .3s ease-in-out;}



/* ======================================================================= */
    /* contact start */
/* ======================================================================= */

.contactarea{ padding: 70px 0px;}
.contactbox {
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    background: #fff;
}
.contactleft{padding: 35px 30px;}
.contactbox h4{font-size: 30px;line-height:35px;color: #000;font-weight: 600;margin-bottom: 15px;}
.contactbox p{font-size: 16px;line-height: 27px;margin-bottom: 25px;}
.contactleft .form-group{margin-bottom: 15px;}
.contactleft .form-control, .contactleft .form-select{font-size: 15px; height: 45px;border: none;border-bottom: 1px solid #ced4da;border-radius: 0px;padding: 0px;}
textarea.form-control {min-height: 110px;resize: none;}
.contactright{height: 100%;}
.contactright h4{font-size: 30px;line-height: 35px;color: #000;font-weight: 600;margin-bottom: 15px;width: 100%;}
.contactright p{font-size: 16px;line-height: 27px;margin-bottom: 25px;color: #000;}
.contactright .counter{border-bottom: 1px solid #e7e7e7;padding-bottom: 7px;margin-bottom: 7px;}
.contactright .counter:last-child{border-bottom: none}

.contactright .counter-img{width: 40px;height: 40px;background: #fff;border-radius: 50%;text-align: center;justify-content: center;margin-right: 15px;display: flex;align-items: center;font-size: 20px;color: #ff5400;}
.contactright .counter-body h5{font-size: 23px; line-height: 30px; color: #ff5400; margin-bottom: 0px;font-weight: 600;}
.contactright .counter-body h6, .contactright .counter-body h6 a{font-size: 15px;font-weight: 500;color: #000;letter-spacing: 0.01em;line-height: 23px;}


.counterboxrae .counter-img{width: 40px;height: 40px;background: #fff;border-radius: 50%;text-align: center;justify-content: center;margin-right: 15px;display: flex;align-items: center;font-size: 20px;color: #ff5400;}
.counterboxrae .counter-body h5{font-size: 23px; line-height: 30px; color: #ff5400; margin-bottom: 0px;font-weight: 600;}
.counterboxrae .counter-body h6, .counterboxrae .counter-body h6 a{font-size: 15px;font-weight: 500;color: #000;letter-spacing: 0.01em;line-height: 23px;}

.counterboxraeiner{position: relative;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  overflow: hidden;
  height: 270px;margin-bottom: 20px;
  width: 100%;
  background-position: center !important;
  border-radius: 15px;}



.incounter-body h5{font-size: 30px;
  color: #fff;}
.incounter-body h6{font-size: 17px;
  color: #fff;
  margin-top: 10px;
  font-weight: 300;}

.incounter-body h6 span{width: 30px;
  height: 30px;
  display: inline-block;
  background: #ffffffc9;
  border-radius: 50%;
  padding: 6px 0px;
  text-align: center;
  color: #ff5400;
  font-size: 16px;}
.contactarea .headertext h3{font-size: 35px;}



.counterboxraeiner:after{position: absolute;
  content: "";
  background: linear-gradient(360deg, rgba(23, 137, 234, 0.9) 8%, rgba(23, 137, 234, 0) 99%);
  top: 0px;
  width: 100%;
  height: 100%;}
.counterboxraeiner .counter-img{background: #ff5400;color: #fff;
  margin: 0 auto 15px;}
.incounter-body{position: absolute;
  bottom: 20px;
  z-index: 9;
  left: 0px;
  width: 100%;
  padding: 0px 15px;}
.arrowara{position: absolute;
  right: 10px;
  bottom: 5px;
  width: 32px;
  height: 32px;
  background: #ff5400;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transform: rotate(320deg);
  color: #fff;}




.contsocialmedia{ position:relative;margin-top: 40px;}
.contsocialmedia ul {margin: 0;padding: 0;list-style: none;}
.contsocialmedia ul li {position: relative;display: inline-block;list-style: none;border-radius: 7px;overflow: hidden;margin: 0 3px;}
.contsocialmedia ul li a{width: 39px;height: 39px;display: flex;align-items: center;justify-content: center;color: #000;font-size: 18px;border: 1px solid #f7b650;border-radius: 50%;transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;    -khtml-transition: all ease-in-out 0.5s;}
.contsocialmedia ul li:hover a{border: 1px solid #fff;background-color: #f7b650;color: #000;transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;-khtml-transition: all ease-in-out 0.5s;}
.contactright .socialmedia{ position:inherit;}
.contactright .socialmedia ul{text-align: left;max-width: initial;position: initial;background: inherit;}
.map{margin-top: 0px;filter: grayscale(100%); line-height: 0;}
.maparea iframe {
  width: 100%;
  height: 500px;
  border: none;
  line-height: 0;
}

.form-control:focus {
    box-shadow: none;
}
.contactbox .login_btn{background: #FF5400;
  padding: 8px 30px;
  border-radius: 25px;
  color: #fff;
  border: none;}



.servicebox10 .card{display: flex;
  flex-direction: column;
  min-width: 0;
  box-shadow: 0px 0px 20px 0px #bdbdbd59;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #e3e6f0;
  transition: all 1s ease-out;
}
.servicebox10 .card:hover {
	border-color: #ff540075;
}
.servicebox10 h6{ margin-right:20px;display: inline-block;}
.servicebox10 ul{ padding:10px 0px}
.graphicbox ul li{ margin-bottom:5px}
.servicebox10{ width:100%;}
.text-right{ text-align:right;}
.servicebox10 h2{ font-size:27px; color: #FF5701;}
.whychoos_secinerinner{ background:#fff;}
.servicebox1010 .card-footer{background: #f4f4f4c4; padding: 0px 15px; margin-top: 15px;}
.servicebox1010 .nav-tabs{display: flex;justify-content: space-between;padding: 10px 0px;}
.servicebox1010 .nav-link{ border: 1px solid #ddd; border-radius: 0px; color: #000; padding: 8px 35px; font-size:17px;background: #fff;}
.servicebox1010 .graphicbox{ padding:25px;}
.servicebox1010 h2{ padding: 10px 0px 0px 15px;}
.servicebox1010 .nav-tabs .nav-item.show .nav-link, .servicebox1010 .nav-tabs .nav-link.active{border: 1px solid #ff5400;
  background: #ff5400;color: #fff;}
.tab-content1010{border: 1px solid #ddd;padding: 25px;box-shadow: 0px 0px 20px 0px #bdbdbd59;}
.tab-content1010 h4{font-size: 23px;margin-bottom: 15px;}
.tab-content1010 ul{ padding: 0px 0px 20px 20px; margin:0px}
.tab-content1010 ul li{ list-style: disc; margin-bottom:5px}
.servicebox1010 .card-footer .nav-link:hover{background: #ff5400; color:#fff}
.tab-content1010 .form-group{ margin-bottom:10px}

.wpm_6310_team_style_3{border-color: #ddd;background: #FFF;}
.wpm_6310_team_style_3:hover {
  background: #FFFFFF82;
  padding-bottom: 30px;
  border: 2px solid #FF5400;
}
.wpm_6310_team_style_3:hover .wpm_6310_team_style_3_pic img {
  border-color: #FF5400;
}
.wpm-6310-row img, .wpm-6310-owl-item img {
  float: left !important;
  width: 250px !important;
  height: 240px !important;
}
.wpm_6310_team_style_3_title{color: #FF5400;}
.wpm_6310_team_style_3:hover {
  background: #fff !important;
  padding-bottom: 30px !important;
}
.wpm_6310_team_style_3_designation{font-size: 18px !important;
  color: #000 !important;}

.wpm_6310_team_style_3_border::after{border-bottom: 3px solid #FF5400 !important;}
.wpm-6310-close {color: #fff !important;float: right;font-weight: bold;line-height: 0px;padding: 0;margin: 0;
position: absolute;right: -10px !important;top: -10px !important;z-index: 999;width: 45px;height: 45px;border: 1px solid #f00 !important;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 35px !important;background: #f00;}




/*08.08.2025*/
/* ======================================================================= */
    /* solution_sec start */
/* ======================================================================= */
.solution_sec .lambdinner_totalarea .lthumblebox {
    order: 1;
}
.solution_sec .lambdinner_box .lambdinner_thumble {
    width: 100%;
    height: 450px;
    display: flex;
    position: relative;
}

.solution_sec h4 {
    font-size: 18px;
    color: #FF5400;
    margin-bottom: 25px;
}

.content_solutions {
    width: 100%;
}
.content_solutions .headertext {
    width: 100% !important;
}

.content_solutions .serviceimg {
	width: 100%;
	height: 230px;
	margin: 0 auto 14px;
}

.content_solutions .servicebox h5 {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}

.bg_color:nth-of-type(1) .servicebox{
    background-color: #f3f8e6;
}

.bg_color:nth-of-type(2) .servicebox{
    background-color: #e6f7fa;
}

.bg_color:nth-of-type(3) .servicebox{
    background-color: #fef6e8;
}

.bg_color:nth-of-type(4) .servicebox{
    background-color: #e6f7fa;
}

.bg_color:nth-of-type(5) .servicebox{
    background-color: #fef6e8;
}

.bg_color:nth-of-type(6) .servicebox{
    background-color: #f3f8e6;
}

.bg_color:nth-of-type(7) .servicebox{
    background-color: #fef6e8;
}

.bg_color:nth-of-type(8) .servicebox{
    background-color: #f3f8e6;
}

.bg_color:nth-of-type(9) .servicebox{
    background-color: #e6f7fa;
}

/* ======================================================================= */
    /* why_choose start */
/* ======================================================================= */
.why_chooseUs {
    width: 100%;
}

.why_chooseUspic {
    width: 100%;
    position: relative;
    display: flex;
    overflow: hidden;
    border-radius: 25px;
}

.why_chooseUspic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.why_chooseUspic:hover img {
    transform: scale(1.1);
}

.why_chooseUsbox {
    width: 100%;
    background-color: #f8f8f8;
    border: 1px solid #FF9600;
    border-radius: 25px;
    padding: 25px;
}

.why_chooseUsbox h5 {
    font-size: 15px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}

.why_chooseUsbox p {
    font-size: 15px;
    margin-bottom: 0px;
    line-height: 20px;
}

.why_chooseUsbox .fa-circle-dot {
    color: #FF9600;
}

/* ======================================================================= */
    /* why_choose start */
/* ======================================================================= */
.your_goals {
    width: 100%;
    background-color: #E6F7FA;
    position: relative;
}

.your_goals:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 150px;
    background-color: #fff;
}

.your_goals_left {
    width: 100%;
    padding-right: 25px;
}

.your_goalspic {
    width: 95%;
    height: 480px;
    position: relative;
    display: flex;
    border-radius: 15px;
    overflow: hidden;
}

.your_goalspic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.your_goalspic:hover img {
    transform: scale(1.1);
}

/* ======================================================================= */
    /* our_services start */
/* ======================================================================= */
.our_services {
    width: 100%;
}

.our_servicesPic {
    width: 100%;
    position: relative;
    display: flex;
    border-radius: 15px;
    overflow: hidden;
}

.our_servicesPic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.our_servicesPic:hover img {
    transform: scale(1.1);
}

.our_servicesPic::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgb(0 0 0 / 79%) 7%, rgba(0, 0, 0, 0.08725488486410193) 65%);
    top: 0px;
    left: 0px;
    border-radius: 15px;
}

.services_textbox {
    position: absolute;
    bottom: 0px;
    padding: 20px 50px 25px 25px;
    z-index: 3;
}

.services_textbox h5 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px;
}

.services_textbox p {
    color: #fff;
    margin-bottom: 0px;
}

.imageHeight:nth-of-type(2) .our_servicesPic{
    height: 420px;
}

.imageHeight:nth-of-type(3) .our_servicesPic{
    height: 420px;
}

.imageHeight:nth-of-type(6) .our_servicesPic{
    height: 420px;
}

.imageHeight:nth-of-type(7) .our_servicesPic{
    height: 420px;
}

/* ======================================================================= */
    /* why_dimentics  start */
/* ======================================================================= */
.why_dimentics {
    width: 100%;
}

.why_dimentics h4 {
    font-size: 18px;
    color: #FF5400;
    margin-bottom: 10px;
}

.why_dimenticsbox {
    width: 100%;
}

.why_dimentics h5 {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin: 10px 0;
}

.sub-menu-toggle{ display:none;}

.servicesarea{padding: 25px 20px;
  border: 1px solid #e6e6e6;
  box-shadow: 0px 0px 13px 0px #ddd;
  border-radius: 5px;}

.servicesarea10 h4{font-size: 24px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #ff5501;
  line-height: 31px;}

.servicesarea10 h2{font-size: 20px; margin-bottom: 10px; font-weight: 600; color: #000; line-height: 24px;}
.servicesarea10 p{ margin-bottom:10px}
.servicesarea10 ul{ padding:0px 0px 10px 15px; margin:0px;}
.servicesarea10 ul li{ margin-bottom: 5px; position: relative; color: #4c4c4c;}
.servicesarea10 ul li::after {content: '\f058'; color: #ff680b; font-family: FontAwesome;font-size: 12px; left: -17px;
  position: absolute; top: 4px; }
.brandimg{width: 70px;
  margin-right: 15px;}
.brandimg img{filter: brightness(0) saturate(100%) invert(45%) sepia(53%) saturate(5767%) hue-rotate(0deg) brightness(102%) contrast(104%);}


.wpcf7-spinner{ display:none;}
.wpcf7-submit{font-size: 19px;
    padding: 10px 30px;
    font-weight: 500;border:1px solid #FF5400;transition:0.5s;}
.wpcf7-submit:hover{
	border-color:#000000;
	background-color:#000000;
}
.faqsection .accordion-item h3{font-size: 23px;}
.servicebox h4 a{display: block;
  color: #000;}
.servicebox h4 {
	font-size: 22px;
	margin: 0;
}
.blogbox .morebtn1{padding: 6px 21px;font-size: 13px;}



/*-- service details area start --*/
.service-details-area .service-details-list {
    border-radius: 6px;
  background-color: #ff5400;
  padding: 25px 20px;
}
.service-details-area .service-details-list h3 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 20px;
    text-transform: capitalize;
}
.service-details-area .service-details-list h3 img {
    margin-left: 10px;
    width: auto;
    height: 15px;
    object-fit: contain;
}
.service-details-area .service-details-list .list li{
    margin: 0 0 12px;
}
.service-details-area .service-details-list .list li:last-child{
    margin: 0 0 0;
}
.service-details-area .service-details-list .list li a {
    display: block;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    background-color: #ffffff;
    border-radius: 6px;
    color: #000000;
    padding: 13px;
    padding-right: 30px;
}
.service-details-area .service-details-list .list li a::after {
    content: '\f105';
    position: absolute;
    top: 14px;
    right: 15px;
    font-size: 16px;
    font-family: FontAwesome;
}
.service-details-area .service-details-list .list li a:hover, .service-details-area .service-details-list .list li a:hover::after{
    color: #E65E2E;
}
.card.service-details-card{
    margin-bottom: 25px;
}
.card.service-details-card:last-child{
    margin-bottom: 0;
}
.card.service-details-card .card-img{
    margin-bottom: 20px;
}
.card.service-details-card .card-img img{
    width: 100%;
    object-fit: cover;
}
.card.service-details-card .card-body h2, .card.service-details-card .card-body h3{
    color: #fff;
    font-size: 34px;
    font-weight: 400;
    margin: 0 0 15px;
}
.card.service-details-card .card-body p{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 10px;
}

.service-details-area h4{font-size: 30px;  
    margin: 20px 0px;
    font-weight: bold;}
.blog_details h2{
	padding: 15px 0;
    font-size: 27px;}
.blog_details h3{
	padding: 15px 0;
    font-size: 22px!important;}
.service-details-area h2{
	padding: 15px 0;
    font-size: 27px;}
/*-- service details area stop --*/


.areaboxareain{box-shadow: 0px 0px 10px 0px #ddd;display: flex;}
.areaboximg{ height:400px}
.areaboximg img{width: 100%; height: 100%; object-fit: cover;}
.areaboxinner {
    padding-right: 0;
}
.areaboxinner.show{
	display: flex !important;
	align-items: center;
}
.areaboxinner .form-control{ height:47px;margin-bottom: 10px;}
.areaboxinner .login_btn { background: #FF5400;padding: 8px 35px; border-radius: 25px;color: #fff; border: none;}



.unq-home-invt{background: #FF5400;
  padding: 8px 35px;
  border-radius: 25px;
  color: #fff;
  border: none;}


.testimonialsicon{ width:72px; height:72px}
.testimonialsicon img{ width:100%; height:100%; object-fit:cover;}

.swal2-styled{background: #FF5400;
  padding: 8px 35px;
  border-radius: 25px;
  color: #fff;
  border: none;}

.swal2-styled{background: #FF5400;
  padding: 8px 35px;
  border-radius: 25px;
  color: #fff;
  border: none;}

.wpcf7 form.invalid .wpcf7-response-output{border-color: #ff5400;}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #ff5400;
}
.unq-case10{background: #FF5400;
  padding: 8px 35px;
  border-radius: 25px;
  color: #fff;
  border: none;}




.faqsection .accordion-item {padding: 15px;margin-bottom: 15px; border: 1px solid #ddd !important;border-radius: 10px !important;}
.faqsection .accordion-item .accordion-header .accordion-button {padding: 0;font-size: 16px;font-weight: 500;color: #000;
background-color: transparent;box-shadow: none;}
.faqsection .accordion-item .accordion-header .accordion-button span{color: #000;margin-right: 5px;}
.faqsection .accordion-item .accordion-header .accordion-button:focus{background-color: transparent;box-shadow: none;}
.faqsection .accordion-item .accordion-header .accordion-button::after{display: none;}
.faqsection .accordion-item .accordion-header .accordion-button::before {content: '\f068';position: absolute;top: 0;right: 0;background-color: #FF680B;border-radius: 100%;font-family: FontAwesome;width: 24px;height: 24px;color: #fff;
font-size: 12px;text-align: center;line-height: 25px;}
.faqsection .accordion-item .accordion-header .accordion-button.collapsed::before{content: '\2b';background-color: #FF680B;color: #fff;}
.faqsection .accordion-item .accordion-body {padding-left: 0;padding-right: 0; font-size: 15px; font-weight: 400;
  color: #000; margin-top: 10px; padding-top: 10px; border-top: 1px solid #CACACA; padding-bottom: 0px;}

.faqsection .accordion-item .accordion-body p{ margin-bottom:10px}


.servicesarea10 h3 {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #000;
  line-height: 24px;
}


#wp-megamenu-item-1198 .wp-megamenu-sub-menu li a {
  font-size: 16px !important;
  color: #000 !important;
  font-weight: 600 !important;
  line-height: 24px !important;
}
.copyright101 {
    text-align: right;
    margin-top: 44px;
    color: #fff;
}



.footerarea h4{font-size: 25px;
  color: #fff;
  margin-bottom: 17px;}

.footerarea ul, .footerarea ol{ padding: 0px; margin: 0px;}
.footerarea ul li{margin-bottom: 5px; position: relative; padding-left: 15px; width: 100%; display: inline-block;}
.footerarea ul li::after{ position: absolute;content: "";width: 5px;height: 5px;background: #fff;
  border-radius: 50%; top: 10px; left: 0px;}
.footerarea ul li a, .footer_sec ol li a{color: #FFF;
  font-size: 16px; transition:a11 .3s ease-in-out}
.footerarea ul li a:hover, .footerarea ol li a:hover{ color: #FF5400;transition:a11 .3s ease-in-out}
.testimonialin{ margin-top:15px;}



.scroll-section {
	position: relative;
	overflow: hidden;
	padding: 50px 0;
	background: #e8fbff;
}
.scroll-section h2 {
	font-family: "Figtree", sans-serif;
	font-size: 45px;
	color: #000;
	font-weight: 500;
	margin: 0 0 10px;
	text-align: center;
}

.scroll-section::before {
    content: "";
    position: absolute;
    width: 45vw;
    height: 60vw;
    top: -11%;
    left: -40px;
    border-radius: 100%;
    background: radial-gradient(ellipse at center, rgb(225 169 200) 0, rgba(4, 228, 255, 0) 70%);
    opacity: .4;
    z-index: -1;
}
        .slider-container {
            position: relative;
            height: 100vh;
            display: flex;
            align-items: center;
            overflow: hidden;
        }

        .slider-wrapper {
	display: flex;
	gap: 3rem;
	padding-left: 2rem;
	will-change: transform;
	height: 100vh;
	z-index: 33333;
	position: relative;
}

   .slide {
	flex-shrink: 0;
	width: 600px;
	height: 620px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	box-shadow: none;
	transition: transform 0.3s ease;
	cursor: pointer;
	box-sizing: border-box;
	padding:40px;
	background-color: transparent;
	   z-index:1;
}
.slide::after {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	border: 1px solid #fff;
	top: 182px;
	left: 45px;
	border-radius: 100%;
	-webkit-box-shadow: 0 0 36px 11px #0cd1fb;
	box-shadow: 0 0 36px 11px #0cd1fb;
	-webkit-transition: all .2s;
	transition: all .2s;
	z-index: 1;
}
.slide h3 {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 15px;
}

.slide h4 {
    font-size: 65px;
    font-weight: 800;
    position: relative;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
    text-shadow: none;
    background-image: linear-gradient(108deg, #00d5ff 0, #0a7188 32%, #8ceafd 84%, #01abcd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.slide ul {
	list-style-type: decimal;
	padding-left: 20px;
}
.slide ul li {
	list-style-type: disclosure-closed;
  font-size: 16px;
  padding: 4px;
}
.slide .icon_img {
	max-width: 80px;
  margin-bottom: 95px;
  height: 80px;
  display: flex;
  position: relative;
  top: 30px;
}
.slide .icon_img img{
	width:100%;
	height:100%;
	object-fit: contain;
}
.progress-bar {
	position: absolute;
	top: 190px;
	left: 0;
	width: 100%;
	height: 3px;
	background-image: linear-gradient(108deg, #00d5ff 0, #0a7188 32%, #8ceafd 84%, #01abcd 100%);
	transform: scaleX(0);
	transform-origin: left;
	z-index: 1000;
}
        

        

        @media (max-width: 768px) {
            .slide {
                width: 80vw;
                height: 300px;
            }

           
        }

        @media (max-width: 480px) {
            .slide {
                width: 90vw;
                height: 250px;
            }
        }





.nav-tabs{ border:none;}
.cardarea .nav-tabs .nav-link{width: 100%;
  position: relative;
  min-height: 90px;
	border:none;
  text-align: left;
  color: #000;
  font-size: 17px;
  margin-bottom: 7px;
  padding: 12px 15px 10px 85px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;}
.cardarea .nav-tabs .nav-link span{width: 75px;
  position: absolute;
  margin-right: 10px;
  height: auto;
  border-radius: 50%;
  background: #ddd;
  padding: 15px;
  left: 0px;}
.cardarea .nav-tabs .nav-link span img{ width:100%; height:100%; object-fit:contain;}
.cardarea .nav-tabs .nav-link.active span{
  background: linear-gradient(173deg, rgb(0, 92, 133) 0%, rgb(0, 178, 255) 100%);
  }
.cardarea .nav-tabs .nav-link.active span img{filter: brightness(0) invert(1);}
.cardarea .nav-tabs .nav-link.active{ color:#006d9d;border: none;}
.servicearea h4{font-size: 25px; margin: 20px 0px 20px;color: #000;}
.snumber{width: 65px; height: 65px; background: linear-gradient(173deg, rgb(0, 92, 133) 0%, rgb(0, 178, 255) 100%);
  display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; font-size: 35px;}
.servicearea ul{padding:0px; margin:0px;}
.servicearea ul li{ position: relative; padding-left: 25px; margin-bottom: 6px; color:#000}
.servicearea ul li a{ position: relative; margin-bottom: 6px; color:#000}
.servicearea ul li:after{ position: absolute; content: '\f14a'; color: #006b9a; font-family: FontAwesome;
  font-size: 19px; left: 0px; top: 0px; }
.servicearea{border-right: 2px dotted #c4c4c4;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: #fff;
}

/*-- new css 20.02.2026 --*/
.new-team-area .headertext p{
	max-width:573px;
	margin:0 auto;
}
.new-team-area .counter-box-list{
	width:100%;
	max-width:964px;
	margin:0 auto 55px;
}

.stats-box h2 {
  font-size: 60px;
  font-weight: 700;
  margin: 0;
  color: #000;
}

.progress-line {
  width: 100%;
  height: 6px;
  background: #d6d6d6;
  border-radius: 10px;
  margin: 10px 0 15px;
  overflow: hidden;
}

.progress-line span {
  display: block;
  width: 60%;
  height: 100%;
  background: #00a6c7;
  border-radius: 10px;
  transition: width 2s linear;
}

.stats-box p {
  margin: 0;
  font-size: 20px;
  color: #555;
}
.new-team-area .headertext{
	margin-bottom:35px;
}

.experts-card {
    width: 100%;
    position: relative;
    height: 440px;
}

.content-box {
    padding: 52px 35px 35px 35px;
    border-radius: 24px;
    position: relative;
}
.content-box::before {
    content: "";
    position: absolute;
    background-image: url(https://dimentics.com/wp-content/uploads/2026/02/bg-new.png);
    width: 100%;
    height: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    top: 0;
    left: 0;
    border-radius: 20px;
}

/* ICON OVERLAP FIX */
.experts-card .icon-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 88px;
    height: 70px;
    background: #f3f8e6;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.experts-card .icon-box img {
  width: 42px;
}

/* HEADING */
.experts-card .content-box h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #111;
    position: relative;
    padding-top: 48px;
}

/* LIST */
.experts-card .content-box ul {
    list-style: none;
    padding: 0;
    margin: 0 0 40px;
    position: relative;
}

.experts-card .content-box ul li {
    position: relative;
    padding-left: 38px;
    margin-bottom: 12px;
    font-size: 16px;
    color: #000000;
    font-weight: 500;
}

/* GREEN CHECK ICON */
.experts-card .content-box ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  background: #dff3cf;
  color: #4caf50;
  border-radius: 50%;
  font-size: 13px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.second-list-body .row .col-lg-4:nth-child(2) .content-box::before {
	filter: brightness(0) saturate(100%) invert(93%) sepia(21%) saturate(116%) hue-rotate(147deg) brightness(100%) contrast(97%);
}
.second-list-body .row .col-lg-4:nth-child(2) .experts-card .icon-box{
	background-color:#E6F7FA;
}
.second-list-body .row .col-lg-4:nth-child(2) .experts-card .content-box ul li::before {
    background-color: #dae9ed;
    color: #03859E;
}

.second-list-body .row .col-lg-4:nth-child(3) .content-box::before {
	filter: brightness(0) saturate(100%) invert(95%) sepia(58%) saturate(454%) hue-rotate(296deg) brightness(108%) contrast(101%);
}
.second-list-body .row .col-lg-4:nth-child(3) .experts-card .icon-box{
	background-color:#FFF6E9;
}
.second-list-body .row .col-lg-4:nth-child(3) .experts-card .content-box ul li::before {
    background-color: #f1ebe7;
    color: #FF5400;
}

.second-list-body .row .col-lg-4:nth-child(4) .content-box::before {
	filter: brightness(0) saturate(100%) invert(92%) sepia(2%) saturate(1150%) hue-rotate(314deg) brightness(93%) contrast(131%);
}
.second-list-body .row .col-lg-4:nth-child(4) .experts-card .icon-box{
	background-color:#FFF0EF;
}
.second-list-body .row .col-lg-4:nth-child(4) .experts-card .content-box ul li::before {
    background-color: #ebe3e3;
    color: #F30F00;
}

.second-list-body .row .col-lg-4:nth-child(5) .content-box::before {
	filter: brightness(0) saturate(100%) invert(97%) sepia(91%) saturate(6281%) hue-rotate(176deg) brightness(114%) contrast(107%);
}
.second-list-body .row .col-lg-4:nth-child(5) .experts-card .icon-box{
	background-color:#EDFFF6;
}
.second-list-body .row .col-lg-4:nth-child(5) .experts-card .content-box ul li::before {
    background-color: #daefe8;
    color: #03C480;
}




.countriesarea101 ul{padding: 0px 0px; margin: 10px 0px 15px 15px;}
.countriesarea101 ul li{list-style: disc; margin-bottom:5px}
.countriesarea101 h2{font-size: 22px;margin: 10px 0px 10px;display: block;}

.service-details-area .service-details-list ul {
    list-style: none;
    margin: 0px!important;
    padding: 0;
}
.service-details-area .service-details-list ul li{
	list-style:none;
}
.service-details-area ul {
    list-style-type: bullets;
    padding: inherit;
    margin: 10px 0;
    padding-left: 24px;
}
.service-details-area ul li {
    list-style-type: disc;
}


/* BB */
/* ======================================================================= */
    /* digital_learning  start */
/* ======================================================================= */
.digital_learning {
    width: 100%;
}

.digital_learning b {
    color: #0042C5;
    font-weight: 600;
}

.digital_learningpic {
    width: 95%;
    margin-left: auto;
    height: 545px;
    display: flex;
    overflow: hidden;
    position: relative;
}

.digital_learningpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.digital_learningpic::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    mix-blend-mode: screen;
    background-image: url(../images/new-shape1.jpg);
}
/* ======================================================================= */
    /* support_sec  start */
/* ======================================================================= */
.support_sec {
    width: 100%;
}

.form_card {
    width: min(100%, 90%);
    margin: 0 auto;
    position: relative;
    background-color: #fff;
    padding: 45px;
    border-radius: 45px;
    box-shadow: 0 1px 10px rgb(0 0 0 / 10%);
    display: block;
}

.form_card::before {
    content: '';
    position: absolute;
    left: -160px;
    top: -140px;
    width: 400px;
    height: 400px;
    z-index: -1;
    background-color: #9dc82936;
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
}

.form_card::after {
    content: '';
    position: absolute;
    right: -230px;
    bottom: 0;
    width: 400px;
    height: 400px;
    z-index: -1;
    background-color: #ff960036;
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
}

.form_card .form-control {
    font-size: 17px;
    font-weight: 400;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #616161;
}

.form-floating>.form-control, .form-floating>.form-control-plaintext {
    padding: 5px 15px;
    height: 60px;
}

.form-floating>label {
    font-size: 17px;
    top: -35px;
}

.form-control:focus {
    box-shadow: none;
}

.form-floating>label span {
    color: red;
}

/* ======================================================================= */
    /* custom_help  start */
/* ======================================================================= */
.custom_help {
    width: 100%;
}

.custom_help .headertext {
    width: min(100%, 860px);
    margin: 0 auto;
}

.custom_helpbox {
    width: 100%;
    border-radius: 30px;
    padding: 50px;
    background: linear-gradient(to bottom, #f1f7e0, #ffffff);
    border: 1px solid #f2ffcd;
}

.no_circle {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #000;
    background: linear-gradient(to bottom, #9DC829, #C4EA5F);
}

.custom_help h4 {
    font-size: 26px;
	font-weight: 400;
    color: #000;
    width: 70%;
    margin: 20px 0 10px;
}
.custom_help p {
    width: 90%;
    font-size: 16px;
    margin: 0;
    line-height: 26px;
}
.customcard {
    position: relative;
}

.customcard:after {
    content: "";
    position: absolute;
    top: 0;
    right: 22px;
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, rgb(255 255 255 / 0%), #bbcf87, rgb(255 122 122 / 0%));
    transform: translateX(12px);
}

.custom_help .col-lg-4:last-child .customcard:after {
    display: none;
}

/* ======================================================================= */
    /* gets_results  start */
/* ======================================================================= */
.gets_results {
    width: 100%;
}

.gets_resultspic {
    margin-left: auto;
    height: 375px;
    display: flex;
    border-radius: 35px;
    overflow: hidden;
    position: relative;
    margin-top: 35px;
}

.gets_resultspic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gets_results_right {
    width: 95%;
    margin-left: auto;
}

.gets_results_right h4 {
    font-size: 26px;
    color: #000;
    margin: 0 0 10px;
}

.results_icon {
    width: 95px;
    height: 95px;
    background-color: #e7f7fa;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.results_icon img {
    object-fit: contain;
    width: auto;
    height: 45px;
}

.gets_results_right .d-flex.gap-4 {
    margin-bottom: 35px;
}

.gets_results_right .d-flex.gap-4 p {
    margin-bottom: 0;
}

.gets_results .headertext h3 {
    font-size: 40px;
}

.counter_row {
    width: 100%;
    margin-top: 50px;
}

.counter_card {
    width: 100%;
    height: 100%;
    background-color: #EDF7F9;
    border-radius: 20px;
    padding: 35px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}
.counter_card h2 {
    font-size: 60px;
    color: #000;
    text-align: center;
    font-weight: 600;
    line-height: 60px;
}
.counter_card .small, .counter_card small {
    font-size: 17px;
}
/* ======================================================================= */
    /* free_session start */
/* ======================================================================= */
.free_session {
    width: 98%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 45px 0;
    border-radius: 35px;
    text-align: center;
    background: #2A7B9B;
    background: linear-gradient(90deg, #9DC829 0%, #bbb91c 50%, #FF9600 100%);
}

.free_session .headertext h3, .free_session .headertext p {
    color: #fff;
}

.free_session .headertext p {
    width:38%;
    margin: 0 auto 25px;
}


/* ======================================================================= */
    /* lerning_services start */
/* ======================================================================= */
.lerning_services {
    width: 100%;
    margin: 0 auto;
    max-width: 1920px;
    overflow: hidden;
	padding-top: 0 !important;
}
.lerning_services .headertext {
    width: min(100%, 770px);
    margin: 0 auto;
}
.lerning_services .headertext h3 {
    width: min(100%, 500px);
    margin: 0 auto 10px;
}
.lerning_box {
    width: 100%;
    height: 100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;

}

.lerning_services .container-fluid {
    padding: 0;
    overflow: hidden;
}

.lerning_servicespic {
    height: 658px;
    position: relative;
    display: flex;
    overflow: hidden;
}

.lerning_servicespic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lerning_services .accordion { width: 80%;  border-left: 1px solid #ccc;  position: relative; z-index: 1;}
.lerning_services .accordion-item { border: none; margin: 7px 0; background-color: transparent; }
.lerning_services .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.lerning_services .accordion-item:first-of-type>.accordion-header .accordion-button { border-top-left-radius: 0; border-top-right-radius: 0; }
.lerning_services .accordion-item:first-of-type { border-top-left-radius: 0; border-top-right-radius: 0; }
.lerning_services .accordion-item:last-of-type { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.lerning_services .accordion-button:not(.collapsed) { box-shadow: none; color: #0FB3D0; background-color: transparent; }
.lerning_services .accordion-button { padding: 15px; font-size: 22px; color: #000;  background-color: transparent; }
.lerning_services .accordion-button span { color: var(--black); margin-right: 10px; }
.lerning_services .accordion-body { padding: 0 15px 15px 15px; }
.lerning_services .accordion-body p { width: 100%; margin: 0 auto; padding: 0px; margin-bottom: 15px; }
.lerning_services .accordion-body h6 { font-size: 18px; color: #000; margin-bottom: 10px; }
.lerning_services .accordion-body ul {
    margin: 0 0 15px;
}
.lerning_services .accordion-body ul li {
    width: 100%;
    font-size: 16px;
    color: #000;
    padding: 0 0 3px 15px;
    position: relative;
}

.lerning_services .accordion-body ul li:before { 
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 50%;
}

.lerning_services .accordion-button::after { background-color: #ececec; padding: 4px; border-radius: 50%; width: 30px; height: 30px; background-position: 8px 8px; background-size: 15px; }
.lerning_services .accordion-button:not(.collapsed)::after { background-color: #c3f5ff5c; }
.lerning_services .accordion-item { border-radius: 0px; overflow: hidden; border-bottom: 1px solid #C9C9C9 !important; }
.lerning_services .accordion-item:first-of-type { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.lerning_services .accordion-item:last-of-type { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

.lerning_services .accordion-item:last-of-type {
    border-bottom: none !important;
}

/* ======================================================================= */
    /* wework_sec start */
/* ======================================================================= */
.wework_sec {
    width: 100%;
}

.wework_sec .headertext {
    width: min(100%, 770px);
    margin: 0 auto 100px;
}

.wework_sec .WebText {
    width: 100%;
    max-width: 715px;
    margin: 0 auto 110px;
    text-align: center;
}
.wework_secBox {
    background-color: #ffffff;
    border: 10px solid #ffffff;
    padding: 55px 16px 0;
    position: relative;
    border-top: 0;
    transition: all 0.5s ease-out;
}
.wework_secBox:hover {
    background-color: #EDF5FD;
}

.wework_secBox::before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    max-width: 22%;
    height: 1px;
    background-color: #000000;
    transform: translate(-8px, -8px);
	transition: 0.5s;
}

.wework_secBox::after {
    content: '';
    position: absolute;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
    left: 0;
    bottom: 0;
    transform: translate(-9px, 10px);
    width: 104%;
    height: 106%;
	transition:0.5s;
}
.wework_secBox:hover::before{
	background-color:#FF5400;
}
.wework_secBox:hover::after{
	border-left-color:#FF5400;
	border-bottom-color:#FF5400;
}
.wework_secBox span {
    color: #0FB3D0;
    font-size: 30px;
    line-height: 1.5;
    display: block;
    margin-bottom: 12px;
    transition: all 0.5s ease-out;
}

.wework_secBox:hover span {
    color: #FF5400;
}

.wework_secBox h4 {
    color: #444444;
    font-size: 22px;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 16px;
    line-height: 1.2;
}

.wework_secBox h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 65px;
    height: 2px;
    background-color: #6CA6DA;
    transition: all 0.5s ease-out;
}

.wework_secBox:hover h4::after {
    background-color: #FF5400;
}
.wework_secBox p {
    color: #444444;
    font-size: 16px;
    line-height: 26px;
}

.wework_secBox .icon {
    width: 100%;
    max-width: 95px;
    height: 95px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #0FB3D0;
    padding: 28px;
    border: 2px solid #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(50px, -60px);
    transition: all 0.5s ease-out;
}

.wework_secBox:hover .icon {
    background-color: #FF5400;
}

.wework_secBox .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* ======================================================================= */
    /* asked_sec start */
/* ======================================================================= */
.asked_sec {
    width: 100%;
}

.asked_sec .headertext {
    width: 40%;
    margin: 0 auto;
}

.asked_sec .accordion { width: 100%;  position: relative; z-index: 1;}
.asked_sec .accordion-item { border: none; margin: 7px 0; background-color: transparent; }
.asked_sec .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.asked_sec .accordion-item:first-of-type>.accordion-header .accordion-button { border-top-left-radius: 0; border-top-right-radius: 0; }
.asked_sec .accordion-item:first-of-type { border-top-left-radius: 0; border-top-right-radius: 0; }
.asked_sec .accordion-item:last-of-type { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.asked_sec .accordion-button:not(.collapsed) { box-shadow: none; color: #0FB3D0; background-color: transparent; }
.asked_sec .accordion-button { padding: 15px; font-size: 22px; color: #000;  background-color: transparent; }
.asked_sec .accordion-button span { color: #FF5400; margin-right: 10px; }
.asked_sec .accordion-body { padding: 0 15px 15px 15px; }
.asked_sec .accordion-body p { width: 100%; margin: 0 auto; padding: 0px; margin-bottom: 15px; }
.asked_sec .accordion-body h6 { font-size: 18px; color: #000; margin-bottom: 10px; }
.asked_sec .accordion-body ul {
    margin: 0 0 15px;
}
.asked_sec .accordion-body ul li {
    width: 100%;
    font-size: 16px;
    color: #000;
    padding: 0 0 3px 15px;
    position: relative;
}

.asked_sec .accordion-body ul li:before { 
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 50%;
}

.asked_sec .accordion-button::after { background-color: #ececec; padding: 4px; border-radius: 50%; width: 30px; height: 30px; background-position: 8px 8px; background-size: 15px; }
.asked_sec .accordion-button:not(.collapsed)::after { background-color: #c3f5ff5c; }
.asked_sec .accordion-item { border-radius: 0px; overflow: hidden; border: none !important; box-shadow: 0 1px 10px rgb(0 0 0 / 10%);}
.asked_sec .accordion-item:first-of-type { border-top-left-radius: 15px; border-top-right-radius: 15px; }
.asked_sec .accordion-item:last-of-type { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }

.asked_sec .accordion-item:last-of-type {
    box-shadow: 0 1px 10px rgb(0 0 0 / 10%);
}

.asked_sec .accordion-item {
    margin: 0 0 15px;
    background: transparent;
    border-radius: 15px;
}

.asked_sec .accordion-button {
    padding: 20px;
    font-size: 20px;
    color: #000;
    background: transparent;
    box-shadow: none;
    font-size: 22px;
}
.asked_sec .accordion-button:not(.collapsed) {
    color: #000000;
}

.asked_sec .accordion-button::after {
    background-color: #ececec;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-size: 14px;
    background-position: center;
}
.asked_sec .accordion-button:not(.collapsed)::after {
    background-color: #9DC829;
}

.asked_sec .accordion-body {
    padding: 0 20px 10px;
}

.asked_sec .accordion-body ul li {
    font-size: 16px;
    padding-left: 15px;
    position: relative;
}

.asked_sec .accordion-body ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 50%;
}


/* ======================================================================= */
    /* asked_sec start */
/* ======================================================================= */
.asked_sec {
    width: 100%;
}

.category_sec {
    width: 100%;
    background-color: #FFF3EE;
    padding: 25px 0;
}

.category_sec ul {
    text-align: center;
}

.category_sec ul li {
    display: inline-block;
}

.category_sec ul li a {
    font-size: 18px;
    color: #000;
    padding: 0 20px;
    font-weight: 500;
}

.category_sec ul li a.active{
  color:#FF5400;

}

.category_sec ul li a:hover {
    color: #FF5400;
}

/* ======================================================================= */
    /* category_row1 start */
/* ======================================================================= */
.category_row1 {
    width: 100%;
    position: relative;
}

.category_row1::after {
    content: '';
    position: absolute;
    left: 300px;
    top: 190px;
    width: 250px;
    height: 250px;
    z-index: -1;
    background-color: #ff960057;
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
}
.category_row1pic {
    height: 465px;
    position: relative;
    display: flex;
    overflow: hidden;
    align-items: end;
}
.category_row1pic img {
    width: auto;
    height: 460px;
    object-fit: contain;
    margin: 0 auto;
}

.category_row1pic::before {
    content: '';
    position: absolute;
    right: 104px;
    bottom: 0;
    width: 78%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-image: url(../images/category_shape1.webp);
    z-index: -1;
}

.category_row1 b {
    color: #0042C5;
    font-weight: 600;
}

.category_row1 .headertext {
    width: 100%;
    padding: 40px;
    border-radius: 35px;
    box-shadow: 0 1px 10px rgb(0 0 0 / 10%);
    border-bottom: 2px solid #04788F;
}

/* ======================================================================= */
    /* our_platform start */
/* ======================================================================= */
.our_platform {
    width: 100%;
}

.our_platform .headertext {
    width: 52%;
    margin: 0 auto 45px;
}

.our_platformbox {
    width: 70%;
    margin: 0 auto;
    position: relative;
    display: table;
}

.our_platformbox::after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: -50px;
    margin: 0 auto;
    width: 400px;
    height: 400px;
    z-index: -1;
    background-color: #ff960036;
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(100px);
}

.platform_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
}

.platform_gridcard {
    width: 100%;
    background-color: #ffffff;
    padding: 25px;
    border-radius: 25px;
    box-shadow: 0 1px 10px rgb(0 0 0 / 10%);
}

.our_platform .results_icon {
    width: 65px;
    height: 65px;
    background-color: #ffeee5;
    border-radius: 50%;
}

.our_platform .results_icon img {
    max-width: 30px;
}
.our_platform h4 {
    font-size: 40px;
    color: #000;
    font-weight: 600;
    line-height: 50px;
}

.platform_grid .platform_gridcard:nth-child(2) .results_icon {
    background-color: #e7f7fa;
}

.platform_grid .platform_gridcard:nth-child(3) .results_icon {
    background-color: #edf5d8;
}

.platform_grid .platform_gridcard:nth-child(4) .results_icon {
    background-color: #fef6e8;
}

/* ======================================================================= */
    /* tellus_sec start */
/* ======================================================================= */
.tellus_sec {
    width: 100%;
    padding: 50px 0;
}

.tellus_bg {
    width: 100%;
    background-color: #0FB3D0;
    border-radius: 25px;
    padding: 0 75px;
}

.tellus_form {
    width: min(100%, 555px);
    background-color: #fff;
    padding: 35px 45px;
    position: relative;
    display: inline-block;
    z-index: 1;
}

.tellus_form:before {
    content: "";
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #ffffff;
    border-radius: 25px 25px 0 0;
    box-shadow: 0 -10px 10px rgb(0 0 0 / 4%);
}

.tellus_form:after {
    content: "";
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #ffffff;
    border-radius: 0 0 25px 25px;
    box-shadow: 0 10px 10px rgb(0 0 0 / 7%);
}

.tellus_form .form-control {
    width: 100%;
    border: 1px solid #ccc;
    background-color: transparent;
    font-size: 17px;
    color: #000;
    padding: 5px 15px;
    height: 55px;
    border-radius: 10px;
    margin-bottom: 25px;
    position: relative;
}
.tellus_form textarea.form-control {
    height: 120px;
    padding-top: 20px;
    resize: none;
    margin: 0;
}
.form-control:focus {
    box-shadow: none;
}
.tellus_form .btn01{
    background-color: var(--theme-color2);
    color: #ffffff;
}
.form-group label {
    font-size: 16px;
    display: inline-block;
    position: absolute;
    left: 16px;
    top: -10px;
    background-color: #ffffff;
    z-index: 1;
    padding: 4px 5px;
    line-height: normal;
}

.tellus_form .form-group {
    position: relative;
}

.form-group label span {
    color: red;
}

.tellus_sec .headertext h3, .tellus_sec .headertext p {
    color: #fff;
}

/* ======================================================================= */
    /* our_solutions start */
/* ======================================================================= */
.our_solutions {
    width: 100%;
}

.our_solutions .headertext {
    width: 42%;
    margin-bottom: 45px;
}

.our_solutions_card {
    width: 100%;
    background-color: #ffffff;
    border-radius: 15px;
    padding: 20px;
    border-left: 2px solid #FF5400;
    box-shadow: 0 1px 10px rgb(0 0 0 / 10%);
}
.our_solutions h4 {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    line-height: normal;
}

.our_solutions_icon {
    width: 55px;
    height: 55px;
    background-color: #ffeee5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.our_solutions_icon img {
    max-width: 25px;
}

.our_solutions p {
    margin: 15px 0 10px;
    font-size: 16px;
    line-height: 26px;
}

.our_solutions_card a {
    color: #FF5400;
}

.our_solutions .changediv:nth-child(2) .our_solutions_card, .our_solutions .changediv:nth-child(5) .our_solutions_card  {
    border-left-color: #0FB3D0;
}

.our_solutions .changediv:nth-child(2) .our_solutions_icon, .our_solutions .changediv:nth-child(5) .our_solutions_icon {
    background-color: #e7f7fa;
}

.our_solutions .changediv:nth-child(2) .our_solutions_card a, .our_solutions .changediv:nth-child(5) .our_solutions_card a {
    color: #0FB3D0;
}

.our_solutions .changediv:nth-child(3) .our_solutions_card, .our_solutions .changediv:nth-child(6) .our_solutions_card   {
    border-left-color: #9DC829;
}

.our_solutions .changediv:nth-child(3) .our_solutions_icon, .our_solutions .changediv:nth-child(6) .our_solutions_icon {
    background-color: #f5f9ea;
}

.our_solutions .changediv:nth-child(3) .our_solutions_card a, .our_solutions .changediv:nth-child(6) .our_solutions_card a {
    color: #9DC829;
}


/*========= new css start 10.04.2026 =============*/

/*========= Staff Augmentation CSS Start =============*/

.inner-banner-wrapper {
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.inner-banner-wrapper .container{
  position: relative;
}
/* .inner-banner-wrapper::before{
  content: "";
  position: absolute;
  inset: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/staff-augmentation-inner-banner-shape.png);
} */
.inner-banner-wrapper .banner-wrapper-body{
  padding: 30px 0;
  align-items: center;
}
.inner-banner-wrapper .banner-content{
  width: min(100%, 635px);
}
.inner-banner-wrapper .banner-content h1{
  color: var(--colorWhite);
  font-size: 48px;
  font-weight: 600;
  line-height: 58px;
  margin: 0 0 14px;
}

.inner-banner-wrapper .banner-content h2{
  color: var(--colorWhite);
  font-size: 48px;
  font-weight: 600;
  line-height: 58px;
  margin: 0 0 14px;
}

.breadcrumb .breadcrumb-item {
  font-size: 16px;
  font-weight: 400;
}
.inner-banner-wrapper .banner-content h6 {
    color: var(--colorWhite);
    font-size: 24px;
    line-height: 34px;
    margin: 0 0 16px;
}
.breadcrumb .breadcrumb-item a, .breadcrumb-item+.breadcrumb-item::before{
  content: "-";
  color: var(--colorWhite);
  transition: all 0.5s ease-out;
}
.breadcrumb .breadcrumb-item a:hover, .breadcrumb .breadcrumb-item.active{
  color: var(--colorOrange);
}
.inner-banner-wrapper .banner-content ul {
    padding-left: 20px;
}
.inner-banner-wrapper .banner-content ul li {
    color: var(--colorWhite);
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 6px;
    list-style: disc;
}
.inner-banner-wrapper .banner-content ul li:last-child{
  margin: 0;
}
.inner-banner-wrapper .banner-form{
  border-radius: 20px;
  padding: 25px;
  background-color: var(--colorWhite);
}
.inner-banner-wrapper .banner-form h3, .banner-mobile-form .banner-form h3 {
  position: relative;
  color: var(--colorBlack);
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
  padding-bottom: 12px;
  margin-bottom: 30px;
}
.inner-banner-wrapper .banner-form h3::after, .banner-mobile-form .banner-form h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: min(100%, 110px);
  height: 1px;
  background-image: url(../images/line.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.inner-banner-wrapper .banner-form .form-group, .banner-mobile-form .banner-form .form-group{
  position: relative;
  margin-bottom: 24px;
}
.inner-banner-wrapper .banner-form .form-group label, .banner-mobile-form .banner-form .form-group label {
    color: var(--colorBlack);
    font-size: 16px;
    line-height: 26px;
    position: absolute;
    background-color: #ffffff;
    transform: translate(-6px, -4px);
    padding: 0 8px;
}
.inner-banner-wrapper .banner-form .form-group label sup, .banner-mobile-form .banner-form .form-group label sup{
  color: #ff0000;
}
.inner-banner-wrapper .banner-form .form-control, .banner-mobile-form .banner-form .form-group .form-control {
  height: 60px;
  border-radius: 10px;
  border: 1px solid rgb(0 0 0 / 50%);
  color: var(--colorBlack);
  font-size: 17px;
  font-weight: 500;
  transition: all 0.5s ease-out;
  outline: none;
}
.inner-banner-wrapper .banner-form .form-control::placeholder, .banner-mobile-form .banner-form .form-control::placeholder{
  color: var(--colorBlack);
  font-size: 17px;
  font-weight: 500;
}
.inner-banner-wrapper .banner-form .form-control:focus, .banner-mobile-form .banner-form .form-control:focus{
  border-color: var(--colorBlack);
}

/*-- innerhelp area --*/
.pageContent h2, .pageContent h3 {
  color: var(--colorBlack);
  font-size: 40px;
  font-weight: 600;
  line-height: 50px;
  margin: 0 0 16px;
}
.pageContent h1 {
  color: var(--colorBlack);
  font-size: 40px;
  font-weight: 600;
  line-height: 50px;
  margin: 0 0 16px;
}
.innerhelp-wrapper .pageContent {
    width: min(100%, 860px);
    margin: 0 auto 50px;
    text-align: center;
}
.innerHelpCard {
  background-color: rgb(157 200 41 / 5%);
  position: relative;
  padding: 50px 40px 30px;
  border-radius: 25px;
  transition: all 0.5s ease-out;
}
.innerHelpCard:hover{
  background-color: #242424;
}
.innerHelpCard h5 {
  font-size: 26px;
  line-height: 36px;
  color: var(--colorBlack);
  margin: 0 0 12px;
  transition: all 0.5s ease-out;
}
.innerHelpCard p{
  transition: all 0.5s ease-out;
}
.innerHelpCard:hover h5, .innerHelpCard:hover p{
  color: var(--colorWhite);
}
.innerHelpCard .icon {
  width: clamp(90px, 100%, 90px);
  height: 90px;
  border-radius: 50%;
  border: 2px solid var(--colorWhite);
  background-color: var(--colorGreen);
  box-shadow: 0 5px 8px rgb(0 0 0 / 10%);
  margin: 0 0 24px;
  padding: 20px;
  transition: all 0.5s ease-out;
}
.innerHelpCard .icon img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.innerHelpCard:hover .icon{
  padding: 0;
  background-color: transparent;
  border-color: transparent;
}
.innerHelpCard .bg-icon{
  width: min(100%, 320px);
  display: flex;
  justify-content: end;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  transition: all 0.5s ease-out;
}
.innerHelpCard:hover .bg-icon{
  opacity: 0.05;
}
.innerHelpCard .bg-icon img{
  width: auto;
  height: 280px;
  object-fit: contain;
}
/*-- innerLearning area start --*/
.innerLearning-area .innerLearning-img {
  height: 491px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.innerLearning-area .innerLearning-img::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(../images/learning-inner-img-shape.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  mix-blend-mode: screen;
}
.innerLearning-area .innerLearningContentBox {
    margin-left: 20px;
}
.innerLearningContentBox .pageContent {
    border-left: 1px solid rgb(0 0 0 / 70%);
    padding-left: 30px;
}
.innerLearningContentBox .pageContent h2 {
  font-size: 40px;
  line-height: 48px;
}

.innerLearningContentBox .pageContent h1 {
  font-size: 40px;
  line-height: 48px;
}
.innerLearning-media .media-icon {
  width: min(100%, 60px);
  height: 60px;
  background-color: #0FB3D0;
  border-radius: 50%;
  padding: 12px;
}
.innerLearning-media .media-icon img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.innerLearning-media .media-body{
  padding-left: 8px;
}
.innerLearning-media .media-body h6{
  color: var(--colorBlack);
  font-size: 14px;
  line-height: 24px;
}
.innerLearning-media .media-body .tel {
  color: var(--colorBlack);
  font-size: 24px;
  font-weight: 600;
  transition: all 0.5s ease-out;
}
.innerLearningContentBox .innerLearning-media {
    border-left: 1px solid rgb(0 0 0 / 70%);
    padding-top: 20px;
    padding-left: 25px;
}
/*-- innerLearning area stop --*/
/*-- dream area start --*/
.dream-body-wrapper{
  background-color: #0FB3D0;
  position: relative;
}
.dream-body-wrapper::before, .dream-body-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: -6%;
  background-color: #0FB3D0;
  width: min(100%, 6%);
  height: 100%;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.dream-body-wrapper::after{
  left: auto;
  right: -6%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
.dream-body-wrapper .pageContent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 45px;
}
.dream-list-wrapper{
  flex-direction: row-reverse;
}
.dream-body-wrapper .pageContent h2{
  width: min(100%, 517px);
  color: var(--colorWhite);
}
.dream-body-wrapper .pageContent .right{
  width: min(100%, 435px);
}
.dream-body-wrapper .pageContent .right p{
  color: var(--colorWhite);
  margin-bottom: 20px;
}
.btn-link {
  border: 1px solid var(--colorWhite);
  color: var(--colorWhite);
  font-size: 17px;
  font-weight: 600;
  display: inline-block;
  text-decoration: none;
  padding: 10px 45px 10px 20px;
  border-radius: 30px;
  position: relative;
}
.btn-link::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: min(100%, 20px);
  height: 15px;
  background-image: url(../images/arrow-right.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transform: translate(-14px, 14px);
}
.btn-link:hover{
  border-color: var(--colorOrange);
  background-color: var(--colorOrange);
  color: var(--colorWhite);
  transition: all 0.5s ease-out;
}
.dream-list-wrapper .video-box{
  overflow: hidden;
  display: flex;
  height: 390px;
  border-radius: 25px;
  position: relative;
}
.dream-list-wrapper .video-box img{
  width: 100%;
  object-fit: cover;
}
.dream-list-wrapper .video-box a {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dream-list-wrapper .video-box a img{
  width:min(100%, 80px);
}
.dream-body-wrapper .dream-left-box h6{
  color: var(--colorWhite);
  font-size: 26px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 30px;
}
.dream-body-wrapper .dream-left-box ul li {
  color: var(--colorWhite);
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  background-image: url(../images/check-icon.png);
  background-size: 5%;
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 36px;
  margin-bottom: 12px;
}
.dream-body-wrapper .dream-left-box ul li:last-child{
  margin: 0;
}
/*-- dream area stop --*/

/*-- Skill area start --*/
.skill-area .pageContent {
    width: min(100%, 635px);
    margin: 0 auto 45px;
    text-align: center;
}
.skill-area .skill-card{
  width: 100%;
  padding: 55px;
  border-radius: 25px;
  box-shadow: 0 4px 15.3px rgb(0 0 0 / 5%);
  border: 1.5px solid transparent;
}
.skill-area .skill-card h3 {
  font-size: 28px;
  font-weight: 500;
  line-height: 38px;
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 32px;
}
.skill-area .skill-card h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: min(100%, 90px);
  height: 1px;
  background-image: url(../images/line.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
  filter: brightness(0) saturate(100%) invert(58%) sepia(95%) saturate(998%) hue-rotate(142deg) brightness(88%) contrast(88%);
}
.skill-area .skill-card ul{
  padding-left: 0;
}
.skill-area .skill-card ul li {
  font-size: 17px;
  font-weight: 500;
  line-height: 27px;
  color: var(--colorBlack);
  margin-bottom: 12px;
  background-image: url(../images/check-icon2.png);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left;
  padding-left: 30px;
}
.skill-area .skill-card ul li:last-child{
  margin-bottom: 0;
}
.skill-area .row div:nth-of-type(2n) .skill-card{
  border-color: #FF9600;
}
.skill-area .row div:nth-of-type(2n) .skill-card h3::after{
  filter: brightness(0) saturate(100%) invert(62%) sepia(80%) saturate(2686%) hue-rotate(360deg) brightness(103%) contrast(106%);
}
.skill-area .row div:nth-of-type(2n) .skill-card ul li{
  background-image: url(../images/check-icon3.png);
}
/*-- Skill area stop --*/
/*-- success area start --*/
.success-area .row{
  flex-direction: row-reverse;
}
.success-area .success-imgbox{
  width: 100%;
  height: 461px;
  overflow: hidden;
  border-radius: 22px;
  display: flex;
}
.success-area .success-imgbox img{
  width: 100%;
  object-fit: cover;
}
.success-area .success-slider-wapper{
  background-color: #1E242C;
}

.form_card textarea.form-control{ height:120px}


/*-- success area stop --*/

/*========= Staff Augmentation CSS Stop =============*/
.footertoparea .btn {
    font-size: 19px;
    padding: 10px 30px;
    font-weight: 500;
}
.footertoparea .btn-primary{
	border-color:#FF5400;
}
.footertoparea .btn-primary:hover{
	border-color:#000000;
}
.headertext br{
	display:none;
}
.digital_learning .row{
	align-items:center;
}
.digital_learning .headertext h3 {
    margin: 0 0 30px;
    padding-bottom: 28px;
    font-size: 40px;
    line-height: 50px;
}
.digital_learning .headertext h3::after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:min(100%,128px);
	height:5px;
	background-image:url(../images/line-new.png);
}

.digital_learning .headertext h1 {
    margin: 0 0 30px;
    padding-bottom: 28px;
    font-size: 40px;
    line-height: 50px;
	position: relative;
}
.digital_learning .headertext h1::after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:min(100%,128px);
	height:5px;
	background-image:url(../images/line-new.png);
}


.digital_learning .headertext p {
    padding-left: 26px;
}
.support_sec .headertext {
    width: min(100%, 692px);
    margin: 0 auto 65px;
}
.support_sec .headertext h4 {
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 16px;
    padding: 0 60px;
    color: #444444;
}
.support_sec .headertext p {
    font-size: 16px;
    line-height: 26px;
}
.form_card .wpcf7-submit {
    font-size: 19px;
    padding: 10px 30px !important;
    font-weight: 500;
    border-radius: 30px;
    border: 1px solid #ff5400;
    transition: 0.5s;
}
.form_card .wpcf7-submit:hover{
	border-color:#000000;
}
.custom_help .headertext h3 {
    width: min(100%, 545px);
    margin: 0 auto 20px;
}
.custom_help .headertext p{
	width:100%;
}
.free_session .headertext p:last-child{
	margin-bottom:0;
}
.free_session .headertext h3 {
    font-size: 44px;
}
.lerning_box .row{
	align-items:stretch;
}
.lerning_box .row .col-lg-6{
	flex:1;
}
.category_row1 .headertext h3 {
    font-size: 41px;
    line-height: 48px;
}
.category_row1 .headertext h1 {
    font-size: 41px;
    line-height: 48px;
	margin-bottom:15px;
}
.our_solutions .headertext h3 {
    font-size: 40px;
    line-height: 48px;
}
.our_solutions .headertext h1 {
    font-size: 40px;
    line-height: 48px;
}
.innerLearning-area .row{
	align-items:center;
}
.dream-body-wrapper .pageContent br{
	display:none;
}
.video_secinner .pageContent{
	width:min(100%, 800px);
	margin:0 auto 50px;
}
.video_secinner .videotext h6{
	color:#ffffff;
	font-size:32px;
	line-height:normal;
	position:relative;
	margin-bottom: 16px;
}
.video_secinner .videotext p{
	color:#ffffff;
}
.video_secinner .headertext{
	margin-bottom:50px;
}
.brandsec .brandsectext h4{
  font-size: 24px;
}

.banner-form101{ display:none;}

.banner-form101 {
  border-radius: 20px;
  padding: 25px;border: 1px solid #ddd;
  margin-top: 25px;
  background-color: var(--colorWhite);
}

.banner-form101 .form-group label {
    color: var(--colorBlack);
    font-size: 16px;
    line-height: 26px;
    position: absolute;
    background-color: #ffffff;
    transform: translate(-6px, -4px);
    padding: 0 8px;
}
.banner-form101 .form-group label sup{
  color: #ff0000;
}
.banner-form101 .form-control {
  height: 50px;margin-bottom: 10px;
  border-radius: 10px;
  border: 1px solid rgb(0 0 0 / 50%);
  color: var(--colorBlack);
  font-size: 17px;
  font-weight: 500;
  transition: all 0.5s ease-out;
  outline: none;
}
.inner-banner-wrapper .banner-content h6 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.banner-form101 .form-control::placeholder{
  color: var(--colorBlack);
  font-size: 17px;
  font-weight: 500;
}
.banner-form101 .form-control:focus{
  border-color: var(--colorBlack);
}

.breadcrumb.mb-5{margin-bottom: 10px !important;}

.footertoparea{
	position:relative;
}
.footertoparea .footertoparea-img {
    position: absolute;
    top: -20px;
    right: 0;
    width: auto;
    height: 230px;
}





/* ======================================================================= */
    /* interactive_sec start  21.04.2026*/
/* ======================================================================= */
.interactive_sec {
    width: 100%;
}

.interactive_secpic {
    width: 92%;
    position: relative;
    display: flex;
    overflow: hidden;
}

.interactive_secpic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.interactive_sec .headertext h1 {
    font-size: 42px;
}

.interactive_sec p, .wedo_secbcard p, .wedo_secb p, .service_sec p, .gets_results p, .prosof_sec p {
    font-size: 18px;
}

/* ======================================================================= */
    /* wedo_secb start  21.04.2026*/
/* ======================================================================= */
.wedo_secb {
    width: 100%;
}

.wedo_secb .login_btn {
    background: #FF5400;
    padding: 10px 25px;
    border: none;
    border-radius: 25px;
    color: #fff;
    font-size: 18px;
    margin-top: 10px;
    display: inline-block;
}

.wedo_secbcard {
    width: 100%;
    background-color: #fff;
    border: 1px solid #0000001a;
    padding: 25px;
    border-radius: 20px;
    box-shadow: 0 1px 10px rgb(0 0 0 / 10%);
    transition: 0.6s;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

.wedo_secbcard:hover {
    border-color: #01ABCD;
}

.do_iconbox {
    width: 75px;
    height: 75px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e7f1c9;
    border-radius: 15px;
    transition: 0.6s;
}

.do_iconbox img {
    max-width: 42px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(55%) sepia(98%) saturate(439%) hue-rotate(34deg) brightness(95%) contrast(92%);
}

.wedo_secbcard h4 {
    font-size: 24px;
    color: #000;
    margin: 20px 0 10px;
}

.wedo_secbcard p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}

.wedo_secbcard:hover .do_iconbox {
    background-color: #01ABCD;
}

.wedo_secbcard:hover .do_iconbox img {
    filter: brightness(0) saturate(100%) invert(96%) sepia(100%) saturate(2%) hue-rotate(60deg) brightness(106%) contrast(100%);
}

/* ======================================================================= */
    /* service_sec start */
/* ======================================================================= */
.service_sec {
    width: 98%;
    max-width: 1920px;
    margin: 0 auto;
    border-radius: 25px;
    background: linear-gradient(to bottom, #0FB3D0, #0FB3D0);
}

/*.service_sectop {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 100px;
}*/

.service_sectop .title3 h6 {
    color: #ffffff94;
}

.service_sectop .title3 h3 {
    color: #fff;
}

.service_sectop .title3 {
    width: 45%;
}

.service_sectop  p {
    color: #fff;
    flex-basis: 38%;
    flex-shrink: 0;
}

.acc-list {
    margin-top: 120px;
    display: flex;
    flex-direction: column;
}

.acc-item {
    cursor: pointer;
    overflow: visible;
    position: relative;
}

.acc-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 4px;
    border-bottom: 1px solid rgba(255,255,255,0.22);
    position: relative;
    z-index: 2;
}

.acc-item.active .acc-header {
    border-bottom: none;
    padding-bottom: 10px;
}

.acc-item:last-child .acc-header {
    border-bottom: none;
}

.acc-title {
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    margin: 0;
}

.acc-chevron {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1.8px solid rgba(255,255,255,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    flex-shrink: 0;
    transform: rotate(45deg);
}

.acc-body {
    background: #EFF5F5;
    border-radius: 18px;
    padding: 0 500px 0 30px;
    margin-bottom: 4px;
    position: relative;
    min-height: 0;
    max-height: 0;
    opacity: 0;
    transition: all 0.5s ease;
}


.acc-item.active .acc-body {
    padding: 35px 500px 35px 30px;
    max-height: 600px;
    opacity: 1;
}

.acc-body-title {
    font-size: 32px;
    font-weight: 400;
    color: var(--black);
    margin-bottom: 15px;
}

.acc-body-text {
    font-size: 12.5px;
    line-height: 1.75;
    color: #6b7280;
    margin: 0;
}

.acc-body-img {
    width: 320px;
    height: 395px;
    border-radius: 16px;
    object-fit: cover;
    position: absolute;
    right: 112px;
    top: -115px;
    box-shadow: 0 12px 32px rgba(0,0,0,0.22);
    z-index: 10;
    transform: rotate(-10deg);
}

.acc-body-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.acc-action-btn {
    position: absolute;
    bottom: 14px;
    right: 14px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #e53935;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    box-shadow: 0 4px 14px rgba(229, 57, 53, 0.5);
    z-index: 11;
    transform: rotate(-45deg);
}

.service_sec .headertext h3, .service_sec .headertext p {
    color: #fff;
}

.service_sec .headertext {
    width: 72%;
    margin: 0 auto;
}


/* ======================================================================= */
    /* our_platformBs start  
/* ======================================================================= */
.our_platformBs {
    width: 100%;
}

.our_platformBs .platform_grid {
    grid-gap: 18px;
}

.our_platformBs .results_icon {
    width: 50px;
    height: 50px;
    background-color: #e7f7fa;
    border-radius: 50%;
}

.our_platformBs .results_icon img {
    max-width: 22px;
}

.our_platformBs .our_platformbox {
    width: 100%;
    margin-top: 40px;
}

.our_platformBs .platform_gridcard {
    padding: 15px;
    border-radius: 15px;
}

.our_platformBs .platform_gridcard p {
    margin-bottom: 0;
}
.our_platformBs .platform_gridcard h4 {
    font-size: 26px;
    font-weight: 700;
}

.our_platformBs .platform_grid .platform_gridcard:nth-child(1) .results_icon {
    background-color: #ffeee5;
}

.our_platformBs .our_platformbox::after {
    display: none;
}

.our_platformBsPic {
    width: 100%;
    height: 500px;
    position: relative;
    display: flex;
    overflow: hidden;
}

.our_platformBsPic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/**/
.business_success {
    margin: -1px auto 0;
}

.business_success .headertext {
    width: 85%;
    margin: 0 auto;
}

.free_session .headertext p {
    width: 88%;
    margin: 0 auto 35px;
    font-size: 18px;
    color: #fff;
}

.business_success {
    background: linear-gradient(90deg, #86B40A 0%, #86B40A 50%, #86B40A 100%);
}

.business_success .login_btn {
    padding: 10px 25px;
    font-size: 18px;
    transition: 0.6s;
}

.business_success .login_btn:hover {
    background-color: #04788F;
}


/* ======================================================================= */
    /* prosof_sec start  
/* ======================================================================= */
.prosof_sec {
    width: 100%;
}

.prosof_sec .headertext {
    width: 70%;
    margin: 0 auto;
}

.prosof_seccard {
    width: 100%;
    position: relative;
    padding: 45px 30px;
    border-radius: 20px;
    background-color: #f9f9f9;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 50px;
    flex-direction: column;
    overflow: hidden;
    transition: 0.6s;
}

.prosof_seccard h4 {
    font-size: 26px;
    color: #000;
    font-weight: 600;
}

.prosof_seccard p {
    margin: 10px 0 0;
}

.prosof_seccard_icon {
    width: 75px;
    height: 75px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #0FB3D0;
    background-color: #f9f9f978;
    border-radius: 15px;
    transition: 0.6s;
    z-index: 1;
}

.prosof_seccard_icon img {
    max-width: 30px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(84%) sepia(50%) saturate(6708%) hue-rotate(145deg) brightness(92%) contrast(88%);
}

.prosof_seccard::after {
    content: '';
    position: absolute;
    left: -20px;
    bottom: -20px;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    background-color: #00d9ff;
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(60px);
}

.prosof_seccard::before {
    content: '';
    position: absolute;
    right: -10px;
    top: -10px;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    background-color: #00d9ff;
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(60px);
}

.prosof_seccard:hover:before {
   background-color: #FF5400;
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(60px); 
}

.prosof_seccard:hover:after {
   background-color: #FF5400;
    border-radius: 100%;
    filter: blur(100px);
    -webkit-filter: blur(60px); 
}

.prosof_seccard:hover .prosof_seccard_icon {
    border-color: #FF5400;
}

.prosof_seccard:hover .prosof_seccard_icon img {
    filter: brightness(0) saturate(100%) invert(44%) sepia(100%) saturate(3921%) hue-rotate(1deg) brightness(102%) contrast(105%);
}

.prosof_seccard:hover {
    flex-direction: column-reverse;
    transition: 0.6s;
}

.prosof_sec .row > .col-lg-4:nth-child(2) .prosof_seccard_icon img {
    max-width: 35px;
}

.prosof_sec .row > .col-lg-4:nth-child(3) .prosof_seccard_icon img {
    max-width: 40px;
}

.prosof_sec .row > .col-lg-4:nth-child(4) .prosof_seccard_icon img {
    max-width: 45px;
}

.prosof_sec .row > .col-lg-4:nth-child(5) .prosof_seccard_icon img {
    max-width: 42px;
}

.prosof_sec .row > .col-lg-4:nth-child(6) .prosof_seccard_icon img {
    max-width: 42px;
}

/* ======================================================================= */
    /* rapid_learning start  22.04.2026
/* ======================================================================= */
.rapid_learning {
    width: 100%;
}

.interactive_sec .headertext h1 {
    margin-bottom: 20px;
}

/**/
.rapid_project .headertext {
    width: 75%;
    margin: 0 auto;
}

.rapid_project p {
    width: 90%;
    margin: 0 auto;
    font-size: 18px;
}

.rapid_project .custom_helpbox {
    background: linear-gradient(to bottom, #ff96002e, #fff4e324);
    border: 1px solid #fff1de;
}

.rapid_project .customcard:after {
    background: linear-gradient(to bottom, rgb(255 255 255 / 0%), #ff960080, rgb(255 122 122 / 0%));
}

.rapid_project .custom_helpbox p {
    width: 90%;
    margin: 0;
}

.rapid_project .no_circle {
    background: linear-gradient(to bottom, #FF9600, #FFD292);
}

/* ======================================================================= */
    /* rapid_speed start  
/* ======================================================================= */
.rapid_speed {
    width: 100%;
}

.rapid_speed .headertext {
    margin-bottom: 50px;
}

.rapid_speed_icon {
    width: 75px;
    height: 75px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.rapid_speed_icon:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background-color: #0FB3D0;
    border-radius: 50%;
    z-index: -1;
}

.rapid_speed_icon img {
    max-width: 55px;
    object-fit: contain;
}

.rapid_speed h4 {
    font-size: 26px;
    color: #000;
    margin: 0 0 10px;
}

.rapid_speed p {
    font-size: 18px;
    margin-bottom: 0;
}

.rapid_speedpic {
    width: 90%;
    margin-left: auto;
    height: 677px;
    position: relative;
    display: flex;
}

.rapid_speedpic img {
    width: 100%;
    height: 100%;
    border-radius: 50em;
    overflow: hidden;
    object-fit: contain;
}

.rapid_speedpic:before {
    content: "";
    position: absolute;
    top: 15px;
    right: -15px;
    width: 100%;
    height: 100%;
    border-radius: 50em;
    border: 3px solid #0FB3D0;
    transition: 0.6s;
}

.rapid_speedpic:hover:before {
    top: 0;
    right: 0;
}

/* ======================================================================= */
    /* we_tools start  
/* ======================================================================= */
.we_tools {
    width: 98%;
    margin: 0 auto;
    background-color: #0FB3D0;
    border-radius: 25px;
}

.we_tools .headertext {
    width: 67%;
    margin: 0 auto;
}

.we_tools .headertext h3 {
    color: #fff;
}

.we_tools .headertext p {
    font-size: 18px;
    color: #fff;
}

.we_tools .accordion { width: 100%; }
.we_tools .accordion-item { border: none; margin: 3px 0; background-color: transparent; }
.we_tools .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.we_tools .accordion-item:first-of-type>.accordion-header .accordion-button { border-top-left-radius: 0; border-top-right-radius: 0; }
.we_tools .accordion-item:first-of-type { border-top-left-radius: 0; border-top-right-radius: 0; }
.we_tools .accordion-item:last-of-type { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.we_tools .accordion-button:not(.collapsed) {
    box-shadow: none;
    color: #FFF;
    background-color: transparent;
}
.we_tools .accordion-button {
    padding: 20px 75px;
    font-size: 30px;
    color: #ffffff;
    font-weight: 500;
    box-shadow: 0px 0px 5px 0px #ddd;
    background-color: transparent;
}
.we_tools .accordion-button span {
    color: var(--black);
    margin-right: 10px;
    font-weight: 200;
}
.we_tools .accordion-body {
    padding: 0 75px 15px 75px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 10px;
}
.we_tools .accordion-body p {
    font-size: 18px;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    color: #fff;
}
/*.we_tools .accordion-button::after {
    background-color: transparent;
    padding: 4px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    background-position: 8px 8px;
    background-size: 15px;
    border: 1px solid #fff;
}*/
.we_tools .accordion-button:not(.collapsed)::after {
    background-color: #FF9600;
    transform: rotate(45deg);
    border-color: #FF9600;
    color: #000;
}
.we_tools .accordion-item {
    border-radius: 0px;
    overflow: hidden;
    border-top: 1px solid #ffffffad !important;
}
.we_tools .accordion-item:first-of-type { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.we_tools .accordion-item:last-of-type { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

.we_tools .accordion_pic {
    width: 100%;
    height: 250px;
    flex-basis: 400px;
    flex-shrink: 0;
    position: relative;
    display: flex;
    border-radius: 15px;
    overflow: hidden;
}

.we_tools .accordion_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.we_tools .accordion-item:hover .we_tools .accordion_pic img {
    transform: scale(1.1);
}

.we_tools .accordion-button::after {
    flex-shrink: 0;
    margin-left: auto;
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    transition: 0.3s;
    background-image: none;
    font-size: 18px;
    background-color: transparent;
    padding: 4px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    background-position: 8px 8px;
    background-size: 15px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-45deg);
}

.asked_sec {
    padding-bottom: 0 !important;
}

.page-id-1659 .asked_sec.p-80.pt-0 {
    padding-bottom: 50px !important;
}
.servicebox10 h6 i {
    margin-right: 5px;
}
.banner-mobile-form {
	display: none;
	padding: 25px 0 0;
}

.service-details-area .innimgblog {
    margin-bottom: 24px;
}


/*-- textbooks-print-and-digital css start --*/
.textbook-main-area .sectionone-area{
  background-color: #FFF3EE;
  padding: 24px 0;
}
.textbook-main-area .sectionone-body ul{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}
.textbook-main-area .sectionone-body ul li{
  margin-right: 40px;
}
.textbook-main-area .sectionone-body ul li:last-child{
  margin-right: 0;
}
.textbook-main-area .sectionone-body ul li a{
  display: inline-block;
  transition: all 0.5s ease-out;
  color: #000000;
  font-size: 18px;
  font-weight: 500;
}
.textbook-main-area .sectionone-body ul li a:hover{
  color: #FF5400;
}
.textbook-main-area .sectiontwo-area .imgbox img{
  width: 100%;
  object-fit: cover;
}
.textbook-main-area .sectiontwo-area .content-box{
  padding-left: 24px;
}
.textbook-main-area .sectiontwo-area .content-box h2 {
  color: #000000;
  font-size: 36px;
  line-height: 46px;
  margin-bottom: 16px;
}
.textbook-main-area .sectiontwo-area .content-box p{
  color: #0A0C10;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 16px;
}
.textbook-main-area .sectiontwo-area .content-box p:last-child{
  margin-bottom: 0;
}
.textbook-main-area .sectionfour-area .pageContent {
  width: min(100%, 537px);
  margin: 0 auto 40px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.textbook-main-area .sectionfour-area .pageContent h2{
  margin: 0;
}
.textbook-main-area .sectionfour-area .body-wrapper{
  width: min(100%, 845px);
  margin: 0 auto;
  position: relative;
}
.textbook-main-area .sectionfour-area .body-wrapper .row > div:nth-child(2) .sectionfour-media .media-icon{
  background-color: rgb(15 179 208 / 10%);
}
.textbook-main-area .sectionfour-area .body-wrapper .row > div:nth-child(3) .sectionfour-media .media-icon{
  background-color: rgb(164 203 60 / 10%);
}
.textbook-main-area .sectionfour-area .body-wrapper .row > div:nth-child(4) .sectionfour-media .media-icon{
  background-color: rgb(246 164 26 / 10%);
}
.textbook-main-area .sectionfour-area .body-wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: min(100%, 500px);
  height: 500px;
  background: #FF9600;
  background: radial-gradient(circle, rgba(255, 150, 0, 0.25) 0%, rgba(255, 255, 255, 0) 70%);
  border-radius: 50%;
  transform: translateY(80px);
}
.textbook-main-area .sectionfour-media{
  position: relative;
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 6px 16px rgb(0 0 0 / 4%);
  padding: 40px;
  z-index: 1;
}
.textbook-main-area .sectionfour-media .media-icon {
  width: clamp(70px, 100%, 70px);
  height: 70px;
  background-color: rgb(255 84 0 / 10%);
  border-radius: 50%;
  padding: 18px;
}
.textbook-main-area .sectionfour-media .media-icon img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.textbook-main-area .sectionfour-media .media-body{
  padding-left: 24px;
}
.textbook-main-area .sectionfour-media .media-body h4 {
  color: #000000;
  font-size: 42px;
  line-height: 52px;
  font-weight: 600;
}
.textbook-main-area .sectionfour-media .media-body h6{
  color: #000000;
  font-size: 17px;
  font-weight: 400;
  line-height: normal;
}
.textbook-main-area .sectionfive-area .body-wrapper{
  padding: 0 80px;
  background-color: #0FB3D0;
  border-radius: 25px;
}
.textbook-main-area .sectionfive-area .body-wrapper .form-box{
  padding: 30px 50px;
  background-color: #ffffff;
  position: relative;
}
.textbook-main-area .sectionfive-area .body-wrapper .form-box::before, .textbook-main-area .sectionfive-area .body-wrapper .form-box::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 40px;
  background-color: #ffffff;
}
.textbook-main-area .sectionfive-area .body-wrapper .form-box::before{
  top: 0;
  transform: translateY(-40px);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  box-shadow: 0 -16px 20px rgb(0 0 0 / 8%);
}
.textbook-main-area .sectionfive-area .body-wrapper .form-box::after{
  bottom: 0;
  transform: translateY(40px);
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  box-shadow: 0 16px 20px rgb(0 0 0 / 8%);
}
.textbook-main-area .sectionfive-area .body-wrapper .form-box .form-group{
  position: relative;
  margin-bottom: 26px;
}
.textbook-main-area .sectionfive-area .body-wrapper .form-box .form-group .form-control {
  border: 1px solid #9C9C9C;
  color: #000000;
  font-size: 18px;
  font-weight: 400;
  height: 60px;
}
.textbook-main-area .sectionfive-area .body-wrapper .form-box .form-group .form-control::placeholder{
  color: #000000;
  font-size: 18px;
  font-weight: 400;
}
.textbook-main-area .sectionfive-area .body-wrapper .form-box .form-group label {
  color: #000000;
  font-size: 17px;
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  transform: translate(12px, -12px);
  padding: 0 5px;
}
.textbook-main-area .sectionfive-area .body-wrapper .form-box .form-group label sup{
  color: #FF0000;
}
.textbook-main-area .sectionfive-area .body-wrapper .pageContent {
    padding: 0 55px;
}
.textbook-main-area .sectionfive-area .body-wrapper .pageContent h2, .textbook-main-area .sectionfive-area .body-wrapper .pageContent p{
  color: #ffffff;
}
.textbook-main-area .sectionSix-area .pageContent{
  width: min(100%, 851px);
  text-align: center;
  margin: 0 auto 50px;
}
.textbook-main-area .sectionSix-card{
  border: 1px solid #F0F0F0;
  background-color: #ffffff;
  box-shadow: 0 8px 11.8px rgb(0 0 0 / 4%);
  padding: 25px;
  border-radius: 25px;
  position: relative;
  transition: all 0.5s ease-out;
}
.textbook-main-area .sectionSix-card:hover{
  border-color: #0FB3D0;
}
.textbook-main-area .sectionSix-card .card-body h4{
  font-size: 26px;
  font-weight: 600;
  line-height: 36px;
  color: #000000;
  margin-bottom: 8px;
}
.textbook-main-area .sectionSix-card .card-body p {
  margin: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
}
.textbook-main-area .sectionSix-card .card-icon {
  width: min(100%, 62px);
  height: 62px;
  border: 1px solid #B2B2B2;
  border-radius: 12px;
  background-color: #EFEFEF;
  margin-bottom: 32px;
  padding: 10px;
  transition: all 0.5s ease-out;
}
.textbook-main-area .sectionSix-card:hover .card-icon{
  border-color: #0FB3D0;
  background: #0E7D91;
  background: -webkit-linear-gradient(0deg, rgba(14, 125, 145, 1) 0%, rgba(15, 179, 208, 1) 100%);
  background: -moz-linear-gradient(0deg, rgba(14, 125, 145, 1) 0%, rgba(15, 179, 208, 1) 100%);
  background: linear-gradient(0deg, rgba(14, 125, 145, 1) 0%, rgba(15, 179, 208, 1) 100%);
}
.textbook-main-area .sectionSix-card:hover .card-icon img{
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(161deg) brightness(104%) contrast(104%);
}
.textbook-main-area .sectionSix-card .card-icon img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.textbook-main-area .sectionSix-card .card-number {
  color: #F5F5F4;
  font-size: 70px;
  font-weight: 600;
  line-height: 70px;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-30px, 20px);
}
.sectionSeven-area .listing-media {
  border-top: 1px solid #E3E3E3;
  flex-direction: row-reverse;
  padding-right: 24px;
  padding-left: 65px;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  cursor: pointer;
}
.sectionSeven-area .listing-media:last-child{
  border-bottom: 1px solid #E3E3E3;
}
.sectionSeven-area .listing-media::before {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  background-color: #e5e5e5;
  width: min(100%, 38px);
  height: 38px;
  border-radius: 50%;
  transform: translate(15px, 30px);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/plus-new.png);
  background-size: 13px;
  transition: all 0.5s ease-out;
}
.sectionSeven-area .listing-media.active::before {
  background-color: #0FB3D0;
  background-image: url(../images/plus-new-hover.png);
  transform: translate(15px, 30px) rotate(45deg);
}
.sectionSeven-area .listing-media .media-img{
  width: min(100%, 380px);
  height: 240px;
  border-radius: 15px;
  overflow: hidden;
}
.sectionSeven-area .listing-media .media-img img{
  width: 100%;
  object-fit: cover;
}
.sectionSeven-area .listing-media .media-body {
  padding-right: 100px;
}
.sectionSeven-area .listing-media .media-body h5 {
  color: #000000;
  font-size: 28px;
  font-weight: 500;
  line-height: 38px;
  padding: 10px 0;
}
.sectionSeven-area .listing-media .media-body p{
  color: #0A0C10;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin: 0;
}
.listing-media .media-img,
.listing-media .media-body p {
  display: none;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.4s ease;
}

.listing-media.active .media-img,
.listing-media.active .media-body p {
  display: block;
  opacity: 1;
  transform: translateY(0);
}
.textbook-main-area .sectiontwo-area .content-box::before{
	display:none;
}
/*-- textbooks-print-and-digital css stop --*/




/* ======================================================================= */
    /* education_solutions start  30.04.2026 BB */
/* ======================================================================= */
.education_row1 {
    width: 100%;
}

.education_row1pic {
    width: 96%;
    height: 495px;
    display: flex;
    overflow: hidden;
    position: relative;
}

.education_row1pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.education_row1 .login_btn {
    background: #FF5400;
    padding: 10px 25px;
    border: none;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    margin-top: 15px;
}

/* ======================================================================= */
    /* our_servicesB start */
/* ======================================================================= */
.our_servicesB {
    width: 100%;
}

.our_servicesB .headertext {
    width: 80%;
    margin: 0 auto 50px;
}

.our_servicesB .accordion {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
}

.our_servicesB .accordion-item {
    border-radius: 0;
    margin: 0;
    border: none;
    overflow: hidden;
    border-top: 1px solid #E3E3E3;
}
.our_servicesB .accordion-item .accordion-header .accordion-button {
    font-size: 24px;
    color: #000;
    padding: 15px;
    border-left-color: #077CC1;
    border-radius: 0 !important;
    transition: 0.5s;
    box-shadow: none;
    transition: 0.5s;
    font-weight: 500;
    background-color: transparent;
    position: relative;
}
.our_servicesB .accordion-item .accordion-header .accordion-button.collapsed{
    border-left: 2px solid var(--theme-color2);
    border-radius: 8px !important;
    background-color: #ffffff;
    color: #000000;
}
.our_servicesB .accordion-item .accordion-collapse .accordion-body {
    width: 100%;
    /* max-width: 95%; */
    background-color: #ffffff;
    margin: 0 auto 2.5%;
    border-radius: 20px;
    /* padding: 30px; */
    font-size: 16px;
    font-family: 'GoliLight';
    /* line-height: 26px; */
    color: #000000;
}
.our_servicesB .accordion-item .accordion-header .accordion-button::after {
    content: '\f068';
    font-size: 16px;
    font-family: FontAwesome;
    background-image: none;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border-radius: 50%;
    color: #000000;
    transition: 0.5s;
}
.our_servicesB .accordion-item .accordion-header .accordion-button.collapsed::after{
    content: '\2b';
    background-color: #077cc11a;
}
/*.our_servicesB .accordion-item .accordion-header .accordion-button::before {
    content: "Q.";
    position: absolute;
    top: 0;
    left: 0;
    color: var(--theme-color2);
    transform: translate(22px, 26px);
}*/
.calculatorlist-img {
    height: 250px;
    display: flex;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}

.calculatorlist-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.our_servicesB .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    background-color: #0FB3D0;
    color: #fff;
}

.calculatorlist-content p {
    margin: 0;
    width: 90%;
}
.calculatorlist-content p .btn{
	margin-top:16px;
}
/* ======================================================================= */
    /* methodology_sec start */
/* ======================================================================= */
.methodology_sec {
    width: 100%;
}

.methodology_sec .headertext {
    width: 60%;
    margin: 0 auto 50px;
}

.methodology_card {
    width: 100%;
    padding: 15px 10px;
    text-align: center;
    position: relative;
}

.methodology_card::after {
    content: '';
    position: absolute;
    right: -30px;
    top: 59px;
    margin: 0 auto;
    width: 60px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../images/arrowright.png);
}

.methodology_sec .row > div:last-child .methodology_card::after {
    display: none;
}

.methodology_iconbox {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    width: 120px;
    height: 120px;
}

.methodology_iconbox img {
    max-width: 42px;
    object-fit: contain;
}

.methodology_card h4 {
    font-size: 22px;
    color: #000;
    font-weight: 600;
    margin: 0 0 10px;
}
.methodology_card p {
    margin: 0;
}

.methodology_iconbox::before {
    content: '';
    position: absolute;
    left: -10px;
    right: 0;
    top: 0;
    margin: 0 auto;
    width: 140px;
    height: 140px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../images/shape23.webp);
    z-index: -1;
}


/*-- assessment area start --*/
.assessment-area .section-one-area .content-box h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 46px;
    margin: 0 0 16px;
    color: #000000;
}
.assessment-area .section-one-area .content-box p {
    color: #0A0C10;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    margin: 0 0 16px;
}
.assessment-area .section-one-area .content-box p:last-child{
    margin-bottom: 0;
}
.assessment-area .section-one-area .img-box img{
    width: 100%;
    object-fit: cover;
}

.assessment-area .accordion { width: 100%;  position: relative; z-index: 1;}
.assessment-area .accordion-item { border: none; margin: 7px 0; background-color: transparent; }
.assessment-area .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.assessment-area .accordion-item:first-of-type>.accordion-header .accordion-button { border-top-left-radius: 0; border-top-right-radius: 0; }
.assessment-area .accordion-item:first-of-type { border-top-left-radius: 0; border-top-right-radius: 0; }
.assessment-area .accordion-item:last-of-type { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.assessment-area .accordion-button:not(.collapsed) { box-shadow: none; color: #0FB3D0; background-color: transparent; }
.assessment-area .accordion-button { padding: 15px; font-size: 22px; color: #000;  background-color: transparent; }
.assessment-area .accordion-button span { color: #FF5400; margin-right: 10px; }
.assessment-area .accordion-body { padding: 0 15px 15px 15px; }
.assessment-area .accordion-body p { width: 100%; margin: 0 auto; padding: 0px; margin-bottom: 15px;color: #000000; }
.assessment-area .accordion-body h6 { font-size: 18px; color: #000; margin-bottom: 10px; }
.assessment-area .accordion-body ul {
    margin: 0 0 15px;
}
.assessment-area .accordion-body ul li {
    width: 100%;
    font-size: 16px;
    color: #000;
    padding: 0 0 3px 15px;
    position: relative;
}

.assessment-area .accordion-body ul li:before { 
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 50%;
}

.assessment-area .accordion-button::after { background-color: #ececec; padding: 4px; border-radius: 50%; width: 30px; height: 30px; background-position: 8px 8px; background-size: 15px; }
.assessment-area .accordion-button:not(.collapsed)::after { background-color: #c3f5ff5c; }
.assessment-area .accordion-item { border-radius: 0px; overflow: hidden; border: none !important; box-shadow: 0 1px 10px rgb(0 0 0 / 10%);}
.assessment-area .accordion-item:first-of-type { border-top-left-radius: 15px; border-top-right-radius: 15px; }
.assessment-area .accordion-item:last-of-type { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }

.assessment-area .accordion-item:last-of-type {
    box-shadow: 0 1px 10px rgb(0 0 0 / 10%);
}

.assessment-area .accordion-item {
    margin: 0 0 15px;
    background: transparent;
    border-radius: 15px;
}

.assessment-area .accordion-button {
    padding: 15px;
    font-size: 18px !important;
    color: #000;
    background: transparent;
    box-shadow: none;
    font-size: 22px;
    font-weight: 600;
}

.assessment-area .accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #FFE0B3;
}

.assessment-area .accordion-button::after {
    background-color: #ececec;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-size: 14px;
    background-position: center;
}

.assessment-area .accordion-button:not(.collapsed)::after {
    background-color: #c3f5ff5c;
}

.assessment-area .accordion-body {
    padding: 0 15px 15px;
    background-color: #ffe0b3;
}
.assessment-area .accordion-body ul li {
    font-size: 16px;
    padding-left: 15px;
    position: relative;
}
.assessment-area .accordion-body ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 50%;
}
.assessment-area .section-two-area .heading {
    width: min(100%, 85%);
    margin: 0 auto 40px;
    text-align: center;
}
.assessment-area .section-two-area .heading h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: normal;
    color: #000000;
}
.assessment-card.section-two-card {
    box-shadow: 0 7px 14.2px rgb(0 0 0 / 6%);
    border-radius: 20px;
    background-color: #ffffff;
    padding: 30px 20px;
    border-bottom: 1px solid #FF5400;
}
.assessment-card.section-two-card .card-header{
    display: flex;
}
.assessment-card.section-two-card .card-header .icon {
    width: 65px;
    height: 65px;
    background-color: rgb(255 84 0 / 10%);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
	flex-basis: 65px;
	flex-shrink: 0;
}
.assessment-card.section-two-card .card-header .icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.assessment-card.section-two-card .card-header .body{
    padding-left: 8px;
}
.assessment-card.section-two-card .card-header .body h6 {
    font-size: 36px;
    font-weight: 600;
    line-height: 46px;
    margin: 0 0 0;
}
.assessment-card.section-two-card .card-header .body p {
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
}
.assessment-card.section-two-card .card-body {
    padding-top: 35px;
    border-top: 1px dashed #9d9d9d;
    margin-top: 35px;
}
.assessment-card.section-two-card .card-body h4 {
    font-size: 24px;
    line-height: 34px;
    margin: 0 0 8px;
    color: #000000;
}
.assessment-card.section-two-card .card-body p{
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #000000;
}
.section-two-area .row div:nth-of-type(2n) .assessment-card.section-two-card{
    border-bottom-color: #0FB3D0;
}
.section-two-area .row div:nth-of-type(2n) .assessment-card.section-two-card .card-header .icon{
    background-color: rgb(15 179 208 / 10%);
}
.section-two-area .row div:nth-of-type(3n) .assessment-card.section-two-card{
    border-bottom-color: #A4CB3C;
}
.section-two-area .row div:nth-of-type(3n) .assessment-card.section-two-card .card-header .icon{
    background-color: rgb(164 203 60 / 13%);
}
.section-two-area .row div:last-child .assessment-card.section-two-card{
    border-bottom-color: #F6A41A;
}
.section-two-area .row div:last-child .assessment-card.section-two-card .card-header .icon{
    background-color: rgb(246 164 26 / 12%);
}
.section-two-area.three .heading{
    width: min(100%, 100%);
    margin: 0 0 40px;
    text-align: left;
}
.assessment-box.three.card {
    border: none;
    border-left: 1px solid #FF5400;
    box-shadow: 0 6px 10px rgb(0 0 0 / 8%);
    padding: 24px;
    background-color: #ffffff;
    border-radius: 16px;
}
.assessment-box.three.card p{
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}
.assessment-box.three.card .card-header{
    display: flex;
    border: none;
    background-color: transparent;
    margin: 0 0 16px;
    padding: 0;
}
.assessment-box.three.card .card-header .icon {
    width: clamp(62px, 100%, 62px);
    height: 62px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(255 84 0 / 10%);
    padding: 12px;
    flex-basis: 62px;
    flex-shrink: 0;
}
.assessment-box.three.card .card-header .icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.assessment-box.three.card .card-header h4 {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin: 0;
    padding-left: 10px;
    width: 95%;
}
.assessment-area .three .row div:nth-of-type(2n) .assessment-box.three.card{
    border-left-color: #0FB3D0;
}
.assessment-area .three .row div:nth-of-type(3n) .assessment-box.three.card{
    border-left-color: #9DC829;
}
.assessment-area .three .row div:nth-of-type(4n) .assessment-box.three.card{
    border-left-color: #FF5400;
}
.assessment-area .three .row div:nth-of-type(5n) .assessment-box.three.card{
    border-left-color: #0FB3D0;
}

.assessment-area .wrap{
  display:flex;
  width:100%;
  height:466px;
  border:0.5px solid var(--color-border-tertiary);
  border-radius:var(--border-radius-lg);
  overflow:hidden;
  background:var(--color-background-primary);
  font-family:'DM Sans',sans-serif;
}
.assessment-area .text-col{
  flex:0 0 400px;
  padding:28px 24px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  border-right:0.5px solid var(--color-border-tertiary);
  transition:all 0.45s cubic-bezier(0.4,0,0.2,1);
}
.assessment-area .text-col h2 {
    font-size: 30px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 14px;
    letter-spacing: -0.01em;
}
.assessment-area .text-col p {
    font-size: 15px;
    line-height: 1.75;
    color: var(--color-text-secondary);
    font-weight: 300;
}
.assessment-area .tabs-col{
  display:flex;
  flex-direction:row;
  border-right:0.5px solid var(--color-border-tertiary);
}
.assessment-area .tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    border-right: 0.5px solid var(--color-border-tertiary);
    transition: background 0.2s;
    position: relative;
    padding-top: 15px;
    justify-content: end;
    border-right: 1px solid #cdcdcd;
}
.assessment-area .tab:last-child{border-right:none;}
.assessment-area .tab:hover{background:var(--color-background-secondary);}
.assessment-area .tab-nav{
  display: none;
  gap:10px;
  margin-bottom:20px;
}
.assessment-area .tab-nav button{
  background:none;
  border:none;
  cursor:pointer;
  color:var(--color-text-tertiary);
  padding:0;
  width:16px;
  height:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:color 0.2s;
}
.assessment-area .tab-nav button:hover{color:var(--color-text-primary);}
.assessment-area .tab-label {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text-secondary);
    letter-spacing: 0.04em;
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
    margin-top: 8px;
	padding: 0 8px;
}
.assessment-area .tab-num{
  font-size:18px;
  color:var(--color-text-tertiary);
  font-weight:500;
  letter-spacing:0.06em;
}
.assessment-area .img-col {
    flex: 1;
    position: relative;
    overflow: hidden;
}
.assessment-area .img-col img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:opacity 0.5s ease;
}
.assessment-area .img-badge {
    position: absolute;
    bottom: 18px;
    right: 18px;
    text-align: left;
    z-index: 9;
    width: 200px;
}
.assessment-area .img-badge .badge-num{
  font-size:28px;
  color:#000000;
  line-height:1;
  display:block;
}
.assessment-area .img-badge .badge-label{
  font-size:12px;
  color:#000000;
  font-weight:300;
  letter-spacing:0.04em;
}
.assessment-area .fade-enter{animation:fadeIn 0.4s ease forwards;}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
.section-four-area .heading{
    width: min(100%, 850px);
    margin: 0 auto 40px;
    text-align: center;
}
.section-four-area .heading h3{
    color: #000000;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 16px;
}
.section-four-area .heading p{
    color: #000000;
    font-size: 18px;
    font-weight: 400;
}
.section-five-area .heading h5 {
    color: #000000;
    font-size: 35px;
    font-weight: 600;
    line-height: 45px;
    margin-bottom: 12px;
}
.section-five-card{
    box-shadow: 0 8px 11.8px rgb(0 0 0 / 10%);
    padding: 25px;
    background-color: #ffffff;
    transition: 0.5s;
    border: 1px solid #F0F0F0;
    border-radius: 20px;
}
.section-five-card h5 {
    color: #000000;
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    margin: 0 0 8px;
}
.section-five-card p{
    color: #0F0F0F;
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
    margin: 0;
}
.section-five-card .number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    border: 1px solid #EFEFEF;
    background-color: rgb(204 204 204 / 10%);
    color: #928E8E;
    font-size: 36px;
    font-weight: 400;
    line-height: 46px;
    border-radius: 10px;
    margin-bottom: 20px;
    transition: 0.5s;
}
/*-- assessment area stop --*/


.content-box10::before{ display:none;}




/* ======================================================================= */
    /* accessibility_sec1 start  07.05.2026 BB
/* ======================================================================= */
.accessibility_sec1 {
    width: 100%;    
}

.accessibility_pic {
    width: 94%;
    height: 525px;
    position: relative;
    display: flex;
    border-radius: 110px 110px 0;
    overflow: hidden;
}

.accessibility_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.access_box {
    width: auto; 
    background-color: #FF9600; 
    padding: 45px 25px;  
    border-radius: 50px 50px 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

.access_box h4 {
    font-size: 50px;
    color: #fff;
    font-weight: 500;
}

.access_box h6 {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.access_box hr {
    margin: 20px 0 15px;
    border-top: 1px solid #fff;
    opacity: 1;
}

/* ======================================================================= */
    /* access_method  
/* ======================================================================= */
.access_method {
    width: 100%;    
}

.access_method .headertext {
    width: 70%;
    margin: 0 auto 65px;
}

.vertical_tabs .nav {
    gap: 15px;
}

.vertical_tabs .nav-link {
    width: 100%;
    text-align: left;
    border-radius: 0px;
    padding: 0;
    background: none;
    border-bottom: 1px solid #ccc;
}

.vertical_tabs .nav-link.active {
    background: none;
}

.vertical_tabs .tab_box {
    padding: 0;
    border-radius: 0;
    background: none;
    height: 100%;
}


@media (max-width: 991px) {

    .vertical_tabs .nav {
        flex-direction: row !important;
        overflow-x: auto;
        flex-wrap: nowrap;
        margin-bottom: 20px;
    }

    .vertical_tabs .nav-link {
        white-space: nowrap;
        width: auto;
        min-width: 140px;
        text-align: center;
    }

}

.vertical_tabs .row {
    flex-direction: row-reverse;
}

.vertical_tabspic {
    width: 95%;
    height: 525px;
    position: relative;
    display: flex;
}

.vertical_tabspic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 65px 65px 65px 10px;
    overflow: hidden;
    position: relative;
}

.vertical_tabspic .overlay {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.vertical_tabspic .overlay::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgb(157 200 41 / 49%), rgb(157 200 41 / 0%));
    border-radius: 62px 62px 62px 10px;
}

.vertical_tabspic:before {
    content: "";
    position: absolute;
    top: -12px;
    right: -12px;
    background-color: #9DC829;
    border-radius: 10px 70px 30px;
    width: 200px;
    height: 350px;
    z-index: -1;
}

.vertical_tabspic::after {
    content: '';
    position: absolute;
    left: -50px;
    bottom: -50px;
    width: 150px;
    height: 230px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../images/dots.webp);
    z-index: -1;
}

.linkcard {
    width: 100%;
}

.linkcard h4 {
    font-size: 28px;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
}

.linkcard article {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}

.linkcard h6 {
    font-size: 15px;
    color: #9DA19F;
    text-transform: uppercase;
    flex-basis: 150px;
    flex-shrink: 0;
}

.vertical_tabs .nav-link.active .linkcard h4 {
    color: #9DC829;
    background: none;
}

/* ======================================================================= */
    /* microlearning  
/* ======================================================================= */
.microlearning {
    width: 100%;
}

.microlearning .counter_card {
    background-color: transparent;
    border-radius: 20px;
    padding: 35px 15px;
    display: inline-block;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    text-align: center;
    transition: 0.4s ease;
}

.microlearning .counter_card:hover {
    transform: translateY(-5px);
}

.microlearning .counter_card h2 {
    font-size: 100px;
    font-weight: 700;
    color: #CECECE;
    margin: 0;
    line-height: 1;
    transition: 0.6s;
}

.microlearning .counter_card:hover h2 {
    color: #A4CB3D;
}

.microlearning .counter_card h6 {
    font-size: 14px;
    color: #222222;
    margin: 0;
    text-transform: uppercase;
    background-color: #ffffff;
    margin-top: -53px;
    position: relative;
    z-index: 1;
    line-height: normal;
    transition: 0.6s;
}

.microlearning .counter_card:hover h6 {
    color: #A4CB3D;
}

@media (max-width: 767px) {

    .microlearning .counter_card {
        padding: 25px 10px;
    }

    .microlearning .counter_card h2 {
        font-size: 35px;
    }

    .microlearning .counter_card h6 {
        font-size: 14px;
    }
}

/* ======================================================================= */
    /* tailored_rapid  
/* ======================================================================= */
.tailored_rapid {
    width: 100%;
}

.tailored_rapidpic {
    height: 100%;
    position: relative;
    display: flex;
    overflow: hidden;
}

.tailored_rapidpic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tailored_rapid .headertext {
    width: 95%;
}

.tailored_rapid .headertext h3 {
    width: 50%;
    margin-bottom: 15px;
}

.tailored_rapidlft {
    width: 95%;
    height: 100%;
    padding: 0;
    border-right: 1px solid #ccc;
}

.tailored_rapid .login_btn {
    padding: 10px 20px;
    font-size: 18px;
    margin-top: 25px;
    display: inline-block;
    transition: 0.6s;
}

.tailored_rapid .login_btn:hover {
    background-color: #9DC829;
}

.tailored_rapid hr {
    margin: 30px 0 10px;
    border-top: 1px solid #ccc;
    opacity: 1;
}

/* ======================================================================= */
    /* whyB_choose  
/* ======================================================================= */
.whyB_choose {
    width: 100%;
}

.whyB_choose .headertext {
    width: 85%;
    margin: 0 auto 45px;
}

.whyB_choose_card {
    width: 100%;
    background-color: #f0f6e2;
    padding: 0 25px 40px 0;
    border-radius: 0 45px 45px 45px;
}

.whyB_choose_icon {
    width: 120px;
    height: 120px;
    background-color: #e0ecc2;
    border-radius: 0 70px 70px 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 55px;
}

.whyB_choose_icon img {
    max-width: 55px;
    object-fit: contain;
}

.whyB_choose_card h5 {
    font-size: 24px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}

.whyB_choose_card p {
    margin: 0px;
    font-size: 17px;
}

.whyB_choose_card article {
    padding-left: 30px;
}

.whyB_choose .row > div:nth-child(2) .whyB_choose_card, .whyB_choose .row > div:nth-child(6) .whyB_choose_card {
    background-color: #ffeae0;
}

.whyB_choose .row > div:nth-child(2) .whyB_choose_icon, .whyB_choose .row > div:nth-child(6) .whyB_choose_icon {
    background-color: #ffd4be;
}

.whyB_choose .row > div:nth-child(3) .whyB_choose_card, .whyB_choose .row > div:nth-child(4) .whyB_choose_card {
    background-color: #e2f6f9;
}

.whyB_choose .row > div:nth-child(3) .whyB_choose_icon, .whyB_choose .row > div:nth-child(4) .whyB_choose_icon {
    background-color: #c2ecf3;
}
.section-one-area.assessment-area.p-80.text-center h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: normal;
    color: #000000;
    width: 75%;
    margin: 0 auto 15px;
}

.section-one-area.assessment-area.p-80.text-center p {
    width: 75%;
    margin: 0 auto 15px;
}
.branBoxlogo101 {
    width: 88%;
    margin: 25px auto 0;
    height: 470px;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.branBoxlogo101 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section-two-area.section-two-area150.p-80.pt-0 .icon1250 {
    position: relative;
    height: 485px;
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    width: 98%;
}

.section-two-area.section-two-area150.p-80.pt-0 .icon1250:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(../images/shape119.jpg);
	mix-blend-mode: screen;
}
.section-two-area.section-two-area150.p-80.pt-0 .section-two-area150text {
	padding-left: 35px;
	border-left: 1px solid #ccc;

}
.our_servicesB .accordion-item {
    box-shadow: none;
    border-top: 1px solid #ccc !important;
    border-radius: 0 !important;
}
.our_servicesB .calculatorlist-content {
	padding-right: 15px;
}


.our_servicesB .accordion-item .accordion-header .accordion-button::after {
    position: absolute;
    left: 0;
}
.our_servicesB .accordion-item .accordion-header .accordion-button, .our_servicesB .accordion-item .accordion-collapse .accordion-body {
    padding-left: 50px;
    padding-right: 25px;
}
 .our_servicesB .accordion-item:last-of-type {
    box-shadow: none;
}
.our_servicesB .accordion-item {
    margin: 0;
}
.our_servicesB .accordion-item .accordion-header .accordion-button.collapsed {
    margin: 15px 0;
}
/* .our_solutions .changediv:nth-child(2) .our_solutions_icon, .our_solutions .changediv:nth-child(5) .our_solutions_icon {
    background-color: #52bfd3;
} */
.assessment-area .three .row div:nth-child(2) .icon, .assessment-area .three .row div:nth-child(5) .icon {
    background-color: #e7f7fa;
}
.assessment-area .three .row div:nth-child(3) .icon, .assessment-area .three .row div:nth-child(6) .icon {
    background-color: #f5f9ea;
}
.assessment-card.section-two-card1023 {
    border: 1px solid #E5E5E5;
    border-radius: 25px;
    padding: 25px 10px 15px 10px;
    transition: 0.6s;
    height: 100%;
    display: flex;
}

.assessment-card.section-two-card1023:hover {
	background-color: #A4CB3D;
}
.assessment-card.section-two-card1023 .icon102 {
    margin-bottom: 50px;
    position: relative;
    margin-left: 15px;
}

.assessment-card.section-two-card1023 .icon102:before {
    content: "";
    position: absolute;
    top: -3px;
    left: -12px;
    width: 60px;
    height: 60px;
    background-color: #f5f9ea;
    border-radius: 50%;
	transition: 0.6s;
}
.assessment-card.section-two-card1023 .icon102 img {
	max-width: 60px;
	object-fit: content;
	filter: brightness(0) saturate(100%) invert(83%) sepia(11%) saturate(2319%) hue-rotate(27deg) brightness(90%) contrast(93%);
}
.assessment-card.section-two-card1023 .body125 {
    background-color: #F6F5F2;
    padding: 15px;
    border-radius: 15px;
}
.section-two-area.p-80.pt-0.section-two-area1245 .headertext.text-center {
    width: 70%;
    margin: 0 auto 35px;
}
.assessment-card.section-two-card1023 h4 {
	font-size: 22px;
	color: #000;
	margin-bottom: 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.assessment-card.section-two-card1023 p {
    line-height: 22px;
/*     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; */
}
.assessment-card.section-two-card1023 .card-header {
	display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}
.assessment-card.section-two-card1023:hover .icon102:before {
    background-color: #ffffff3b;
}
.assessment-card.section-two-card1023:hover .icon102 img {
    filter: brightness(0) saturate(100%) invert(95%) sepia(97%) saturate(14%) hue-rotate(213deg) brightness(104%) contrast(104%);
}
.innerLearning-area.p-80.innerLearning-area2560 .pageContent {
	border-left: none;
	padding-left: 0;
}
.innerLearning-area.p-80.innerLearning-area2560 .innerLearning-img img {
	max-width: 50%;
}
.innerLearning-area.p-80.innerLearning-area2560 .innerLearning-img {
    background-size: contain;
}
.innerLearning-area.p-80.innerLearning-area2560 .pageContent .btn {
    padding: 10px 35px;
    border: none;
	margin-top: 10px;
}
.our_servicesB.our_services250.p-80.pt-0 {
	background-color: #0FB3D0;
	border-radius: 25px;
	padding: 80px 0 !important;
	width: 98%;
	max-width: 1920px;
	margin: 0 auto;
}
.our_servicesB.our_services250.p-80.pt-0 .headertext h3, .our_servicesB.our_services250.p-80.pt-0 .headertext p {
	color: #fff;
}
.our_servicesB.our_services250.p-80.pt-0 .accordion-button::after {
    position: inherit;
}
.our_servicesB.our_services250.p-80.pt-0 .accordion-item, .our_servicesB.our_services250.p-80.pt-0 .accordion-body, .our_servicesB.our_services250.p-80.pt-0 .accordion-button.collapsed {
   background-color: transparent;
}
.our_servicesB.our_services250.p-80.pt-0 .calculatorlist-content {
    padding-right: 0;
	padding-left: 35px;
}
.our_servicesB.our_services250.p-80.pt-0 .accordion-item {
    border-top: 1px solid #ffffff85 !important;
}
.our_servicesB.our_services250.p-80.pt-0 .accordion-button {
    color: #fff;
}
.our_servicesB.our_services250.p-80.pt-0 .accordion-body p {
    color: #fff;
}
.our_servicesB.our_services250.p-80.pt-0 .accordion-button.collapsed::after {
    border: 1px solid #fff;
}
.our_servicesB.our_services250.p-80.pt-0 .accordion-button.collapsed::after {
    content: '\f061';
    background-color: #077cc11a;
    color: #fff;
	transform: rotate(-45deg);
}
.our_servicesB.our_services250.p-80.pt-0 .accordion-button:not(.collapsed)::after {
    content: '\f061';
    background-color: #FF9600;
    color: #000;
    transform: rotate(45deg);
}
.lerning_services.p-80 {
    padding-top: 80px !important;
}

.innerLearning-area2560 .innerLearning-img:before {
	display: none;
}
.microlearning.p-80.on_counter .Counter_box {
	display: flex;
    align-items: center;
    justify-content: center;
}
.microlearning.p-80.on_counter .Counter_box h5 {
	font-size: 100px;
    font-weight: 700;
    color: #CECECE;
    margin: 0;
    line-height: 1;
    transition: 0.6s;
}
.microlearning.p-80.on_counter .Counter_box:hover h5 {
    color: #A4CB3D;
}
.wpcf7-submit {
    padding: 10px 30px !important;
	border-radius: 10px !important;
}

/* ======================================================================= */
    /* key_differentiator start  11.05.2026  */
/* ======================================================================= */
.key_differentiator {
    width: 100%;
}

.key_differentiator .title3 {
    width: 65%;
    margin: 0 auto 35px;
}

.key_card {
    width: 100%;
    border: 2px solid #1D1D1D;
    border-right: none;
    padding: 0 0 20px 20px;
    border-radius: 25px 0 0 25px;
    margin-top: 55px;
    position: relative;
    display: inline-block;
    transition: 0.6s;
}

.key_card:hover {
    border-color: #0FB3D0;
}

.key_card:hover:before {
    background-color: #0FB3D0;
}

.key_card:before {
    content: "";
    position: absolute;
    right: 0px;
    top: -2px;
    width: 170px;
    height: 2px;
    background-color: #ffffff;
    transition: 0.6s;
}

.key_card:hover:before {
    background-color: #fff;
}

.key_cardin {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: 25px;
}

.key_circle {
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 50%;
    background-color: #1D1D1D;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -45px 0 0 40px;
    transition: 0.6s;
}

.key_circle img {
    max-width: 40px;
    object-fit: contain;
}

.key_card:hover .key_circle {
    background-color: #0FB3D0;
}

.key_textbox {
    width: 100%;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
}

.key_card h5 {
    font-size: 22px;
    color: var(--black);
    position: relative;
    margin-bottom: 20px;
}

.key_card h5:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 50px;
    height: 2px;
    background-image: url(../images/line.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.key_differentiator .btn02, .our_gallery .btn02 {
    color: #0FB3D0;
    background-color: transparent;
    border: 1px solid #0FB3D0;
    margin: 0 auto;
    display: table;
}

.key_differentiator .btn02::before, .our_gallery .btn02::before{
    background-color: #0FB3D0;
}

.key_differentiator .btn02:hover, .our_gallery .btn02:hover{
    border-color: #0FB3D0;
    color: var(--white);
}

.key_differentiator .btn02 {
    margin-top: 35px;
}


/* ======================================================================= */
    /* design_servicesB 
/* ======================================================================= */
.design_servicesB {
    width: 100%;
    position: relative;
    display: inline-block;
}

.design_servicesB:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 98%;
    max-width: 1920px;
    height: 66%;
    background-color: #0FB3D0;
    border-radius: 25px;
    margin: 0 auto;
    z-index: -1;
}

.design_servicesB .login_btn {
    padding: 10px 20px;
    font-size: 18px;
    margin-top: 10px;
    display: inline-block;
    transition: 0.6s;
}

.design_servicesBpic {
    height: 600px;
    position: relative;
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}

.design_servicesBpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.design_servicesB .headertext {
    width: 90%;
}

.design_servicesB .headertext h3 {
    color: #fff;
}

.design_servicesB .headertext p {
    color: #fff;
}

/* ======================================================================= */
    /* choose_dimenticsB 
/* ======================================================================= */
.choose_dimenticsB {
    width: 100%;
    position: relative;
    display: inline-block;
}

.choose_dimenticsB:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 98%;
    max-width: 1920px;
    height: 90%;
    background-color: #86B40A;
    border-radius: 25px;
    margin: 0 auto;
}

.choose_dimenticsB .login_btn {
    padding: 10px 30px;
    font-size: 18px;
    margin-top: 10px;
    display: inline-block;
    transition: 0.6s;
}

.choose_dimenticsB .headertext {
    width: 100%;
    position: relative;
    z-index: 1;
    padding-top: 30px;
}

.choose_dimenticsB .headertext h3 {
    color: #fff;
}

.choose_dimenticsB .headertext p {
    color: #fff;
}

.choose_dimenticsB_pic {
    width: 80%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    bottom: 0;
    margin-left: auto;
}

.choose_dimenticsB_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
}

.choose_dimenticsB_pic:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/shape23.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center bottom;
}

/* ======================================================================= */
    /* training_contentB 
/* ======================================================================= */
.training_contentB {
    width: 100%;
}

.training_contentB .headertext p {
    width: 75%;
    margin: 0 auto;
}

.training_contentB_card {
    width: 100%;
    background-color: #fff;
    border-radius: 20px;
    padding: 35px 25px;
    position: relative;
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
    transition: 0.6s;
}

.training_contentB_card:before {
    content: "";
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: #676464;
    border-radius: 25px;
    width: 150px;
    height: 150px;
    z-index: -1;
    transition: 0.6s;
}

.training_contentB_card:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: -8px;
    background-color: #676464;
    border-radius: 25px;
    width: 150px;
    height: 150px;
    z-index: -1;
    transition: 0.6s;
}

.training_contentB_icon {
    width: 80px;
    height: 80px;
    background-color: #676464;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 55px;
    transition: 0.6s;
}

.training_contentB_icon img {
    max-width: 45px;
    object-fit: contain;
}

.training_contentB_card h5 {
    font-size: 24px;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
    width: 75%;
}

.training_contentB_card:hover:after, .training_contentB_card:hover:before {
    background-color: #86B40A;
}

.training_contentB_card:hover .training_contentB_icon {
    background-color: #86B40A;
}

/* ======================================================================= */
    /* what_make 
/* ======================================================================= */
.what_make {
    width: 100%;
}

.what_make .headertext {
    width: 70%;
    margin: 0 auto;
}

.custom_tabs_sec {
    width: 100%;
}

.custom_tabs_wrap {
    background: #fe9100;
    border-radius: 18px;
    overflow: hidden;
    background: linear-gradient(to bottom, #ff96002e, #fff4e324);
}

.custom_tabs_wrap .nav {
    background: linear-gradient(to bottom, #fff6eb, #FFFBFC);
    height: 100%;
    border-right: 1px solid #ddd;

}

.custom_tabs_wrap .nav-link {
    width: 100%;
    border-radius: 0;
    text-align: left;
    padding: 18px 20px;
    border-bottom: 1px solid #ddd;
    color: #111;
    background: transparent;
    transition: 0.3s;
    border-left: 3px solid transparent;
}

.custom_tabs_wrap .nav-link.active {
    border-left: 3px solid #ff5a1f;
    background: linear-gradient(to left, #ffefd9, #f3b14b00);
}

.tab_flex {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.tab_icon {
    width: 35px;
    min-width: 35px;
}

.tab_icon img {
    width: 100%;
}

.tab_text h4 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 8px;
}

.tab_text p {
    font-size: 16px;
    line-height: normal;
    color: #444;
    margin: 0;
}

.tab_img {
    width: 100%;
    padding: 0 40px;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
	transition: 0.6s;
}

.tab_img img {
    width: 100%;
    border-radius: 20px;
    border: 1px solid #31d7ff;
    object-fit: cover;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #000000;
}





@media(max-width:991px) {

    .custom_tabs_wrap .nav {
        border-right: none;
    }

    .tab_text h4 {
        font-size: 24px;
    }

    .tab_img {
        padding: 25px;
    }
}

@media(max-width:767px) {

    .custom_tabs_wrap .nav-link {
        padding: 18px;
    }

    .tab_text h4 {
        font-size: 20px;
    }

    .tab_text p {
        font-size: 14px;
        line-height: 24px;
    }

    .tab_img img {
        height: auto;
    }
}

/* ======================================================================= */
    /* visual_design 
/* ======================================================================= */
.visual_design {
    width: 100%;
}

.visual_designpic {
    width: 95%;
    height: 478px;
    position: relative;
    display: flex;
    border-radius: 15px;
    overflow: hidden;
}

.visual_designpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.visual_designpic:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/visual_shape1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    mix-blend-mode: screen;
}

.visual_design .headertext h3 {
    font-size: 37px;
    margin-bottom: 20px;
}

/* ======================================================================= */
    /* transform_website 
/* ======================================================================= */
.transform_website {
    width: 100%;
}

.transform_websitein {
    width: 100%;
    position: relative;
}

.transform_websitein:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25px;
    width: 100%;
    height: 70%;
    background-color: #fff2e0;
    border-radius: 25px 150px 25px 25px;
    margin: 0 auto;
}

.transform_website .login_btn {
    padding: 10px 20px;
    font-size: 18px;
    margin-top: 10px;
    display: inline-block;
    transition: 0.6s;
}

.transform_websitepic {
    width: 95%;
    height: 100%;
    position: relative;
    display: flex;
    overflow: hidden;
    margin-left: auto;
}

.transform_websitepic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.transform_website .headertext {
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 130px 50px 50px 50px;
}


/* ======================================================================= */
    /* methodology_sec start */
/* ======================================================================= */
.ourdesignb .methodology_card .methodology_iconbox img {
    filter: brightness(0) saturate(100%) invert(34%) sepia(94%) saturate(2248%) hue-rotate(2deg) brightness(104%) contrast(108%);
}

.ourdesignb .methodology_iconbox::before {
    background-image: url(../images/shap151.webp);
}

.ourdesignb .methodology_card::after {
    background-image: url(../images/arrow151.webp);
}


/* ======================================================================= */
    /* enabled_sec1 start */
/* ======================================================================= */
.enabled_sec1 {
    width: 100%;
}

.enabled_sec1 h6 {
    font-size: 18px;
    color: #000;
    font-weight: 400;
    width: 80%;
}

.enabled_sec1 p {
    font-size: 22px;
    line-height: 32px;
}

.enabled_sec1pic {
    height: 280px;
    position: relative;
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}

.enabled_sec1pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.enabled_sec1pic:hover img {
    transform: scale(1.1);
}


/* ======================================================================= */
    /* powering_talent start */
/* ======================================================================= */
.powering_talent {
    width: 100%;
}

.powering_talent .headertext p {
    width: 58%;
    margin: 0 auto;
}

.powering_talentcard {
    width: 100%;
    padding: 0 15px;
    text-align: center;
}

.powering_talenticon {
    width: 100px;
    height: 100px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background-color: #cee394;
    margin: 0 auto 35px;
}

.powering_talenticon img {
    max-width: 55px;
    object-fit: contain;
}

.powering_talentcard h5 {
    font-size: 24px;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
}

.powering_talent .row > div:nth-child(2) .powering_talenticon {
    background-color: #B1F1FD;
}

.powering_talent .row > div:nth-child(3) .powering_talenticon {
    background-color: #FDCEA0;
}

.accessibility_pic101 {
    height: 450px !important;
    border-radius: 20px !important;
}

.powering_talentcard br {
	display: none;
}
.site-header.fix{
	width:100%;
    position: fixed !important;
    top: 0;
    left: 0;
    padding: 0;
    background-color: #ffffff;
    transition: all 0.5s ease-out;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.key_differentiator h3 {
	font-family: "Figtree", sans-serif;
    font-size: 45px;
    color: #000;
    font-weight: 500;
    margin: 0 auto 10px;
    position: relative;
	width: 60%;
}
.key_cardin .key_textbox p {
	margin-bottom: 0;
}

.choose_dimenticsB100 .choose_dimenticsB_pic:before {
    display: none;
}
.innerLearning-area.p-80.innerLearning-area2560 .innerLearning-img img {
	max-width: 100%;
	border-radius: 20px;
	object-fit: cover;
}
.key_textbox p br {
	display: none;
}
.do_iconbox10 {
    width: 60px;
    height: 60px;
    background-color: #f8f8f8;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #000;
    font-weight: 500;
    transition: 0.6s;
    border: 1px solid #ccc;
}

.wedo_secbcard:hover .do_iconbox10 {
    background-color: #FF5400;
    color: #fff;
    border-color: #FF5400;
}
.page-id-2866 .wedo_secbcard:hover {
    border-color: #FF5400;
}
.what_make .custom_tabs_wrap .nav-link .tab_text br {
	display: none;
}
.wedo_secb .headertext h3 {
    font-size: 36px;
}
.assessment-area .img-col::after {
    content: "";
    position: absolute;
    background-image: url(../images/new-sape.jpg);
    inset: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    mix-blend-mode: screen;
}
.assessment-area .tab.active{
	border-right:0;
}
.choose_dimenticsB201 .choose_dimenticsB_pic:before {
    display: none;
}
.innerLearning-area2560 .innerLearning-img {
    height: 440px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.key_textbox br, .training_contentB_card br {
	display: none;
}





/* ======================================================================= */
    /* simplify_access  19.05.2026  start */
/* ======================================================================= */
.simplify_access {
    width: 100%;
}

.simplify_accesspic {
    height: 800px;
    position: relative;
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}

.simplify_accesspic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.simplify_access .headertext {
    width: 95%;
    margin-top: 25px;
}

.simplify_accessbtm {
    width: 90%;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 35px 30px;
    box-shadow: 0 1px 10px rgb(0 0 0 / 10%);
    position: relative;
    margin-top: -350px;
}

.simplify_card {
    width: 100%;
    padding: 0 15px;
    position: relative;
}

.simplify_cardicon {
    width: 80px;
    height: 80px;
    position: relative;
    display: flex;
    overflow: hidden;
    margin-bottom: 5px;
}

.simplify_cardicon img {
    max-width: 55px;
    object-fit: contain;
    position: relative;
    z-index: 1;
}

.simplify_cardicon:before {
    content: "";
    position: absolute;
    left: -17px;
    right: 0;
    top: 20px;
    width: 50px;
    height: 50px;
    background-color: #fff1e2;
    margin: 0 auto;
    border-radius: 50%;
}

.simplify_card h5 {
    font-size: 24px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 500;
}

.simplify_card:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, rgb(255 255 255 / 0%), #bfbfbf, rgb(255 122 122 / 0%));
    transform: translateX(12px);
}

.simplify_access .col-lg-4:last-child .simplify_card:after {
    display: none;
}

.simplify_card p {
	margin-bottom: 0;
}

.simplify_card p br {
	display: none;
}


.wedo_secb1250 .headertext{width: 100%;max-width: 510px;margin: 0 auto 30px;}
.wedo_secb1250 .wedo_secbcard h3{ font-size:25px;}


.img-boxarea{position: relative;right: -85px;}
.img-box125{width: 510px;height: 700px;}
.img-box125 img, .img-box148 img{width: 100%;height: 100%;object-fit: cover;border-radius: 30px;position: relative;}
.img-box148{position: absolute; bottom: 40px; border: 10px solid #fff; border-radius: 30px; height: 350px; left: -57px;}
.content-box h5{margin-bottom: 15px;font-size: 20px;}
.eventarea{text-align: center;padding: 0px 35px;}
.eventicon{width: 70px; height: 70px; margin: 0 auto 13px; background: #E4F0F5; padding: 11px;border-radius: 10px;display: flex; justify-content: center; align-items: center;transition: all .3s ease-in-out;}
.eventarea:hover .eventicon{background: #0FB3D0;transition: all .3s ease-in-out;}
.eventarea:hover .eventicon img{filter: brightness(0) invert(1);transition: all .3s ease-in-out;}
.eventarea h4{font-size: 21px; line-height: normal; margin-bottom: 10px;}
.eventarea p{font-size: 17px;line-height: 25px;}
.lerning_servicespic150{height: auto;}

.lerning_box150{border-top: 0px solid #ccc;border-bottom: 0px solid #ccc;}
.headertext125 ul{padding: 0px;margin: 25px 0px 0px 0px;}
.headertext125 ul li{ position: relative; padding-left: 30px; margin-bottom: 15px;}
.headertext125 ul li:after{ position:absolute; content:"";background:url(https://dimentics.com/wp-content/uploads/2026/05/Group54.png) no-repeat;width: 20px;height: 20px;left: 0px;top: 3px;}
.our_servicesB .row {
  align-items: initial;
}

.key_textbox150{justify-content: initial;min-height: 250px;}
.key_circle102{position: absolute;
  top: -25px;
  background: #383838;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  text-align: center;
  color: #fff;
  align-items: center;
  left: 180px;
  justify-content: center;
  font-size: 24px;}
.key_textbox150 .key_textbox{box-shadow: none;
  padding: 45px 0px 0px 10px;}

.lerningservicespicarea{position: relative;}
.lerning_servicespic250{width: 420px;
  height: 490px;
  margin-left: 20px;}
.lerning_servicespic250 img{width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 25px;}
.lerning_servicespic25025{width: 300px;
  height: 330px;
  border-radius: 25px;
  position: absolute;
  bottom: -125px;
  right: -22px;}
.lerning_servicespic25025 img{width: 100%;
  height: 100%;
  object-fit: cover;
  border: 5px solid #fff;
  border-radius: 25px;}

.key_differentiator10 .headertext{width: 100%;
  max-width: 500px;
  margin: 0 auto 0px;}

.key_differentiator150{background: #86B40A;
  width: 98%;
  margin: 0 auto;
  border-radius: 15px;}

.lerning_servicespictext h3{font-size: 30px;
  color: #fff;
  margin-bottom: 25px;}

.alignment10{margin-bottom: 15px;
  color: #fff;
  font-size: 17px;
  align-items: center;}
.alignment10 span{width: 45px;
  height: 45px;
  display: flex;
  background: #92C703;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 18px;
  margin-right: 10px;
  color: #fff;}

.eventarea125{ text-align:left;}
.eventarea125 .eventicon{margin: initial; margin-bottom:20px}

.page-id-3125 .wedo_secb1250 .headertext {
    max-width: 910px;
}
.page-id-3125 .wedo_secb1250 .wedo_secbcard h3 {
    font-size: 22px;
}
.page-id-3125 .wedo_secbcard h3 {
	font-size: 24px;
}
.page-id-3125 .prosof_sec .headertext {
    width: 80%;
}
.page-id-3125 .videotext {
    padding: 35px 30px;
}
.page-id-3219 .choose_dimenticsB:before {
    height: 100%;
}
.page-id-3219 .content-box {
    padding: 0px 35px 0 35px;
}



.innerLearning-img10101{ position:relative;height: 483px;}
.innerLearning-img10101 img{width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0px 150px 0px 0px;
  position: relative;
  z-index: 1;}
.innerLearning-img10101:after{ position: absolute;
  content: "";
  width: 270px;
  height: 270px;
  background: #F9DF9C;
  bottom: -15px;
  left: -15px;}
.innerLearning-img10101:before{ position: absolute;
  content: "";
  width: 450px;
  height: 400px;
  border: 5px solid #9DC829;
  right: -25px;
  border-radius: 0px 150px 0px 0px;
  top: -25px;}

.innerLearningContentBox150 ul{ padding:0px; margin:0px;}
.innerLearningContentBox150 ul li{ position:relative;}
.innerLearningContentBox150 ul li:after{ position:absolute; content:"";background:url(https://dimentics.com/wp-content/uploads/2026/05/Clip-path-group.png) no-repeat;width: 20px;height: 20px;left: 0px;top: 3px;}

.icon102{ margin-right:10px;}


.new-whychoose-card {
    padding: 50px 48px 45px 24px;
    position: relative;
    min-height: 281px;
    display: flex;
    align-items: center;
}
.new-whychoose-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url(https://dimentics.com/wp-content/uploads/2026/05/new-card-shape1.jpeg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.new-whychoose-card:hover::before{
  background-image: url(https://dimentics.com/wp-content/uploads/2026/05/new-card-shape2.jpeg);
}
.new-whychoose-card h5 {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 14px;
  transition: 0.5s;
  position: relative;
}
.new-whychoose-card p {
    margin-bottom: 0;
    transition: 0.5s;
    position: relative;
    font-size: 15px;
}
.new-whychoose-card:hover h5, .new-whychoose-card:hover p{
  color: #ffffff;
}
.new-whychoose-card .icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 78px;
  height: 78px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #FF9600;
  padding: 20px;
}
.new-whychoose-card .icon img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.new-whychoose-card:hover .icon{
  top: auto;
  bottom: 10px;
  background-color: #0FB3D0;
}

/* ======================================================================= */
    /* vdo_learning 27.05.2025  start */
/* ======================================================================= */
.vdo_choose {
    width: 100%;
}

.vdo_choose .headertext {
    width: 60%;
    margin: 0 auto;
}

.vdo_choosecard {
    width: 100%;
    background-color: #EDE8FE;
    border-radius: 20px;
    padding: 45px 25px;
    text-align: center;
    border: 2px solid #9277ee66;
}

.vdo_choose_circle {
    width: 75px;
    height: 75px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
    overflow: hidden;
}

.vdo_choose_circle img {
    max-width: 35px;
    object-fit: contain;
}

.vdo_choosecard h5 {
    font-size: 22px;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
}

.vdo_choose .row > .col-lg-3:nth-child(2) .vdo_choosecard {
    background-color: #FCF5EF;
    border: 2px solid #f7a51d7a;
}

.vdo_choose .row > .col-lg-3:nth-child(3) .vdo_choosecard {
    background-color: #E8FBFF;
    border: 2px solid #0fb3d06e;
}

.vdo_choose .row > .col-lg-3:nth-child(4) .vdo_choosecard {
    background-color: #F8FFE6;
    border: 2px solid #b8d7658f;
}


/* ======================================================================= */
    /* vdo_solution start */
/* ======================================================================= */
.vdo_solution {
    width: 100%;
}

.vdo_solution .headertext {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.vdo_solution .headertext p {
    width: 50%;
}

.vdo_solution .headertext h3 {
    width: 30%;
}

/*.solution_left {
    width: 100%;
}*/

.feature-section {
    width: 100%;
}

.feature-item {
    display: flex;
    gap: 20px;
    position: relative;
    margin-bottom: 40px;
}

.feature-item:last-child {
    margin-bottom: 0;
}

.feature-icon-wrap {
    position: relative;
}

.feature-icon {
    width: 56px;
    height: 56px;
    background: #11b7d9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    flex-shrink: 0;
}

.feature-icon img {
    max-width: 30px;
    object-fit: contain;
}

.feature-line {
    width: 1px;
    height: 45px;
    background: #999;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 68px;
}

.feature-item:last-child .feature-line {
    display: none;
}

.feature-content h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
}

.feature-content p {
    font-size: 16px;
    line-height: 28px;
    color: #666;
    margin: 0;
}

.image-wrapper2 {
    width: 100%;
    height: 425px;
    position: relative;
    display: flex;
   
}

.image-wrapper2 img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
     border-radius: 20px;
     overflow: hidden;
}

.stats-bar {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    background: #9acd32;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 25px;
    gap: 25px;
    z-index: 2;
    min-width: 430px;
}

.stats-box {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #fff;
}

.stats-box h2 {
    font-size: 44px;
    font-weight: 700;
    margin: 0;
    line-height: 1;
}

.stats-box p {
    color: #fff;
    margin: 0;
    font-size: 17px;
    line-height: 22px;
    text-transform: uppercase;
}

.divider {
    width: 1px;
    height: 60px;
    background: rgba(255,255,255,0.5);
}
.zf-subContWrap .zf-tempFrmWrapper{
	margin-bottom:10px;
}
@media(max-width:991px) {

    .feature-content h4 {
        font-size: 24px;
    }

    .stats-bar {
        position: relative;
        transform: none;
        left: auto;
        min-width: auto;
        width: 100%;
        border-radius: 0;
        gap: 25px;
        padding: 20px;
        flex-wrap: wrap;
    }

    .stats-box h2 {
        font-size: 34px;
    }

    .image-wrapper {
        margin-top: 40px;
    }
}

@media(max-width:576px) {

    .feature-item {
        gap: 15px;
    }

    .feature-content h4 {
        font-size: 22px;
    }

    .feature-content p {
        font-size: 14px;
        line-height: 24px;
    }

    .stats-box {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .divider {
        display: none;
    }
}


@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600&family=DM+Sans:wght@400;500&display=swap');

.enquiry-popup-home .modal-body {
    padding: 0px!important;
}
.enquiry-popup-home .modal-dialog {
    max-width: 560px;
    width: 100%;
}
.enquiry-popup-home .modal-header {
    position: absolute;
    width: 100%;
    z-index: 9;
}
.zf-templateWidth {
    font-family: 'DM Sans', sans-serif;
    max-width: 730px;
    margin: 0;
}

.zf-templateWrapper {
    background: #fff;
    border: none;
    border-radius: 8px;
    overflow: hidden;
}

/* ── Header ── */
.zf-tempHeadBdr {
  list-style: none;
  padding: 0;
  position: relative;
}
.zf-tempHeadBdr::before {
  content: '';
  display: block;
  height: 4px;
  background: linear-gradient(90deg, #1a3a5c, #2e6da4, #4fa3e0);
}
.zf-tempHeadContBdr {
  padding: 1.75rem 2rem 1.5rem;
  border-bottom: 0.5px solid #e8e8e8;
}
.zf-frmTitle {
    font-size: 30px;
    font-weight: 700;
    color: #111;
    line-height: 1.25;
    margin-bottom: .4rem;
    font-family: "Figtree", sans-serif;
}
.zf-frmTitle em { font-style: normal; }
.zf-frmDesc {
  font-size: 14px;
  color: #888;
  margin: 0;
}
.zf-clearBoth { clear: both; }

/* ── Body ── */
.zf-subContWrap {
    padding: 1.75rem 2rem 0rem;
    list-style: none;
}
.zf-subContWrap ul { list-style: none; padding: 0; }

/* ── Field wrapper ── */
.zf-tempFrmWrapper {
  margin-bottom: 1.25rem;
}
/* 2-column grid on the field list */
.zf-subContWrap ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 1.25rem;
  list-style: none;
  padding: 0;
}

/* Message field — full width */
.zf-subContWrap ul .zf-tempFrmWrapper:last-child {
  grid-column: 1 / -1;
}

/* Responsive — stack on small screens */
@media (max-width: 520px) {
  .zf-subContWrap ul {
    grid-template-columns: 1fr;
  }
}
/* ── Label ── */
.zf-labelName {
  display: block;
  font-size: 12.5px;
  font-weight: 500;
  color: #555;
  letter-spacing: .03em;
  margin-bottom: .45rem;
}
.zf-labelName .zf-important {
  color: #e05a3a;
  font-style: normal;
  margin-left: 2px;
}

/* ── Inputs ── */
.zf-tempContDiv input[type="text"],
.zf-tempContDiv select,
.zf-tempContDiv textarea {
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  color: #111;
  width: 100%;
  background: #f7f7f7;
  border: 0.5px solid #ddd;
  border-radius: 10px;
  padding: 10px 14px;
  outline: none;
  transition: border-color .15s, box-shadow .15s, background .15s;
  appearance: none;
  -webkit-appearance: none;
}
.zf-tempContDiv input[type="text"]::placeholder,
.zf-tempContDiv textarea::placeholder { color: #bbb; }
.zf-tempContDiv input[type="text"]:focus,
.zf-tempContDiv select:focus,
.zf-tempContDiv textarea:focus {
  border-color: #2e6da4;
  box-shadow: 0 0 0 3px rgba(46,109,164,.12);
  background: #fff;
}

/* ── Select arrow ── */
.zf-tempContDiv select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-color: #f7f7f7;
  padding-right: 36px;
  cursor: pointer;
}

/* ── Textarea ── */
.zf-tempContDiv textarea {
  min-height: 100px;
  resize: vertical;
  line-height: 1.55;
}

/* ── Phone wrapper ── */
.zf-phwrapper { width: 100%; }
.zf-phwrapper label { display: none; }

/* ── Error ── */
.zf-errorMessage {
  font-size: 12px;
  color: #c0392b;
  margin-top: 4px;
}

/* ── Footer / Submit ── */
.zf-fmFooter {
  list-style: none;
  padding: 0 2rem 2rem;
}
.zf-submitColor {
  font-family: 'Sora', sans-serif;
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: .03em;
  color: #fff;
 background: linear-gradient(135deg, #ed5100, #ff5903);
  border: none;
  border-radius: 10px;
  padding: 13px 28px;
  width: 100%;
  cursor: pointer;
  transition: opacity .15s, transform .1s;
}
.zf-submitColor:hover { opacity: .9; }
.zf-submitColor:active { transform: scale(.99); }

.choose1502 .row .col-lg-6 .vdo_choosecard125 {
    position: relative;
    padding: 16px;
    padding-left: 0;
    padding-top: 0;
}
.choose1502 .row .col-lg-6 .vdo_choosecard125::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 90%;
    background-color: #DFDCDC;
}
.choose1502 .row .col-lg-6 .vdo_choosecard125::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 91%;
    height: 1px;
    background-color: #DFDCDC;
}

.choose1502 .row .col-lg-6:nth-of-type(2n) .vdo_choosecard125::before{
	display:none;
}
.choose1502 .row .col-lg-6:nth-child(3) .vdo_choosecard125::after, .choose1502 .row .col-lg-6:nth-child(4) .vdo_choosecard125::after{
	display:none;
}
.vdo_choosecard125 .vdo_choose_circle126 {
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background-color: #0FB3D0;
    padding: 14px;
    margin-bottom: 16px;
    margin-top: 20px;
}
.vdo_choosecard125 .vdo_choose_circle126 img{
	width:100%;
	height:100%;
	object-fit:content;
}
.vdo_choosecard125 h4{
	color:#000000;
	font-size:26px;
	line-height:36px;
}
#masthead {
    z-index: 99;
}

/* ─── Outer wrapper — matches SVG canvas 409×283 ─── */
  .card-wrap {
    position: relative;
    width: 100%;
    height: 283px;
    flex-shrink: 0;
  }

  /* ─── White fill layer, clipped to the exact SVG path ─── */
  .card-fill {
    position: absolute;
    inset: 0;
    background: #ffffff;
    clip-path: path('M31.2892 0.753426H274.576C298.607 0.753426 304.948 20.4549 305.115 30.3057V52.3446C305.115 85.7534 337.75 103.253 356.181 102.433H375.205C401.639 102.433 407.914 125.14 407.747 135.992V251.196C407.747 274.036 387.387 281.082 377.208 281.75H29.7873C8.96054 281.75 1.75129 262.382 0.75 252.699V31.3074C0.75 6.46352 21.1095 0.586464 31.2892 0.753426Z');
  }

  /* ─── SVG border overlay — exact stroke, sits on top ─── */
  .card-border {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }

  /* ─── Orange circle badge — positioned to match SVG cx=359.75 cy=45.75 r=39 ─── */
.card-badge {
    position: absolute;
    left: calc(359.75px - 60px);
    top: calc(45.75px  - 34px);
    width: 78px;
    height: 78px;
    background: #FF9600;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    padding: 18px;
}
.card-badge img{
	width:100%;
	height:100%;
}
  /* ─── Text content, padded inside the clipped card ─── */
  .card-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* stay inside the card shape — avoid the notched top-right */
    padding: 110px 28px 28px 28px;
    z-index: 2;
    clip-path: path('M31.2892 0.753426H274.576C298.607 0.753426 304.948 20.4549 305.115 30.3057V52.3446C305.115 85.7534 337.75 103.253 356.181 102.433H375.205C401.639 102.433 407.914 125.14 407.747 135.992V251.196C407.747 274.036 387.387 281.082 377.208 281.75H29.7873C8.96054 281.75 1.75129 262.382 0.75 252.699V31.3074C0.75 6.46352 21.1095 0.586464 31.2892 0.753426Z');
  }
.card-content h5 {
    color: #000000;
    font-size: 23px;
    line-height: 30px;
    margin-bottom: 10px;
}
.card-content p {
    margin: 0;
    font-size: 15px;
    line-height: 22px;
}
.new-whychoose-area.services_sec .headertext {
    width: 60%;
    margin: 0 auto 30px;
}