:root {
    --color-white-100: #fff;
    --black:#000;
    --color-black-500: #444;
    --header-dropdown-bg:#222;
    --dropdown-list:#BBB;
    --dropdown-paragraph:#DDD;
    --red-dropdown-menu:#C52030;
    --counter-color:#2F2B25;
    --our-p:#FF6961;
    --noactiv-tab:#FFBAB7;
    --ft_bg:#EEEEEE;
    --purple:#282663;

}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body {color: var(--color-black-500);font-family: 'Orkney Light'!important;font-size: 18px;font-style: normal;font-weight: 300;line-height: 26px;}
a{color:var(--color-white-100);}
/* common classes */
.faq, .blogs{margin-bottom:80px;}
.our-journey, .growth, .technology, .portfolio, .clients, .intro, .erp_module, .erp_industry, .faq, .erp_desc, .erp_acordian, .inner_info, .partner-form, .overseas_office, .milestone, .career-detail, .solution, .blog_list, .blog_detail, .about, .become_partner{margin-top: 80px;}

.int-btn{color: var(--color-white-100);font-size: 16px;font-weight: 500;line-height: 16px; text-transform: uppercase;padding: 17px 20px;border: 2px solid var(--color-white-100);display: flex;align-items: center;gap: 20px;border-radius: 39px;text-decoration: none;}
.int-btn:hover{color: var(--color-white-100);}
header a, button {cursor: pointer;border: none;outline: none;user-select: none;background: none;box-shadow: none;}
.common_head{font-size: 54px;font-style: normal;font-weight: 700;line-height: 68px;text-align: center;}
.growth .common_head{color: var(--counter-color);}
.hiring, .become_partner, .section_mb{margin-bottom:80px;}
/* common classes */

/* logo css */
.header {z-index: 100;margin: 0 auto;position: absolute;width: 100%;}
.header a{text-decoration: none;}
.wrapper {display: flex;align-items: center;justify-content: space-between;}
.wrapper.container,.mega-dropdown .container{width: 100%;max-width: 1500px;}
.brand img {width:250px;}
.menu-item {display: inline-block;margin-left: 50px;}
ul#menu{margin-bottom: 0;padding: 0;line-height: 113px;}
ul#menu li.menu-item:first-child{margin-left: 0;}
.menu-link {color: var(--color-white-100);font-size: 16px;font-weight: 500;line-height: 24px; text-transform: uppercase;transition: .2s ease-in;}
.menu-link:hover {color: var(--red-dropdown-menu);}
.product-dorp-menu {background: none;transform-origin: 0 0;transform: rotate(-90deg);width: 40px;font-size: 62px;color: #262626;font-weight: 700;transform-origin: -23px 38px;text-transform: uppercase;position: relative;top: 300px;z-index: -1;}
 .menu-item:hover .mega-dropdown{transform: translateY(0);}
 .menu-link:hover img.down-arrow{filter: brightness(0) saturate(100%) invert(17%) sepia(47%) saturate(4304%) hue-rotate(338deg) brightness(111%) contrast(97%);}
.mega-dropdown {position: absolute;background-color: var(--header-dropdown-bg);color: var(--color-white-100);left: 0;width: 100%;padding: 120px 0 80px 0;top: 0;transform: translateY(-100%);z-index: -1;transition: .3s ease-in;}
.mega-dropdown .container {display: flex;}
.dropdown-right{padding-left: 117px;}
.par-left {padding-left: 18px;list-style: disc;line-height: normal;}
a.submenu-link {padding-left: 45px;transition: .2s ease-in;white-space: nowrap;}
a.submenu-link:hover{color: var(--red-dropdown-menu);}
.submenu-link {color: var(--dropdown-list);font-size: 24px;font-weight: 400;}
.submenu-link:hover {outline: none;color: var(--dropdown-list);}
.drop-submenu{padding-left: 0;width: 45%;line-height: normal;}
li.submenu-item{font-size: 24px;color: var(--color-black-500);list-style: none;border-bottom: 1px solid #414648;padding: 20px 5px;}
.submenu li.submenu-item:last-child {border-bottom: none;}
.dropdown-right p{color: var(--dropdown-paragraph);font-size: 20px;line-height: 32px;margin-bottom: 60px;}
.dropdown-right .dev_name{font-size:20px;}
.par-left li {padding: 0 0 30px 0;}
.par-left a {color: var(--color-white-100);font-size: 18px;font-style: normal;font-weight: 400;line-height: 24px;}
.par-left img {padding-left: 13px;}
.dropdown-right .par-left{
        list-style: circle;
}
.dropdown-right .par-left li {
    padding: 0px 0 13px 0;
}
.dropdown-right .par-left li::marker{
   font-size: 26px;
}
.growth_points li{
    cursor:pointer;
}
.navbar{position: initial;padding: 0;}
.burger {position: relative;display: none;cursor: pointer;width: 24px;;height: 27px;opacity: 0;visibility: hidden;background: transparent;}
.burger-line {position: absolute;display: block;right: 0;width: 24px;height: 2.1px;opacity: 1;border: none;outline: none;border-radius: 16px;background: var(--color-white-100);transition: .3s ease;z-index: 27;}
a.img-fluid.brand.brand-small,a.int-btn.header-btn-small{display: none;}
.newtoggle .burger-line{background: var(--color-white-100);}
/* .burger.newtoggle .burger-line{background: var(--color-white-500);} */
.burger-line:nth-child(1) {top: 0px;}
.burger-line:nth-child(2) {top: 8px;width: 15px;}
.burger-line:nth-child(3) {top: 16px;}
.logo-small{display: none;}
img.down-arrow {height: 14px;margin-top: -3px;margin-left: 8px;transition: .2s ease;position:relative;}
/* .menu-dropdown:hover > .submenu {display: block;opacity: 1;visibility: visible;transform: translateY(0);} */
.overlay {position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 9;opacity: 0;visibility: hidden;transition: all 0.35s ease-in-out;background-color: rgba(0, 0, 0, 0.65);}

/* banner sec */
/* .banner, .your_groww, .technology .nav button, .hero-slide{position: relative;} */
/*.banner-img{width: 100%; height: 400px;}*/
 .your_groww, .technology .nav button, .hero-slide, .banner, .inner_banner{position: relative;}
h1.banner-header {color: var(--color-white-100);font-size: 66px;font-weight: 700;line-height: 74px;margin-bottom: 23px;}
.mb_disp{display:none!important;}
/*.hero_info{position: absolute; top: 38%;left: 12%; max-width: 700px;}*/
.hero_info{position: absolute; top: 32%;left: 11%; max-width: 1500px;}
.main_info{position: absolute; top: 28%;left: 12%; max-width: 700px;}
.main_info h1, .hero_info h1, .acc_img_info h3{color: var(--color-white-100);font-size: 54px;font-weight: 700;line-height: 64px;margin-bottom: 23px;}
.main_info p, .hero_info p{color: var(--color-white-100);}
.main_info .common_btn, .hero_info .common_btn{display: flex;}
.hero_slider .slick-dots{position: absolute;border: 0;display: flex; bottom: 40px;left: 12%;width: fit-content;}
.hero_slider .slick-dots li button{border: 1px solid var(--color-white-100);border-radius: 50%;font-size: 0px;padding: 4px;margin: 0 8px;background-color: var(--black);width: 14px;height: 14px;}
.hero_slider .slick-dots .slick-active button{padding: 6px;background-color: var(--dropdown-paragraph);}
.hero_slider li.slick-active button:before {color: transparent;}
.hero_slider .slick-dots li button:before {font-size: 0;width: 0px !important;height: 0px !important;}


/* our journy */

.counter-inner, .right_count {width: 48%;}
/* counter */
    @keyframes rotate {
  0%{
     transform: rotate(0deg);
    }
 100%{
     transform: rotate(360deg);
    }
 }
@keyframes antirotate {
  0%{
     transform: rotate(360deg);
    }
 100%{
     transform: rotate(0deg);
    }
 }
.journey-counter{display: flex;justify-content: center;position: relative;margin-top: 80px;}
.circle_1, .circle_2, .circle_3{position:absolute;border-radius:50%; border:2px dashed var(--dropdown-list);display: flex;align-items: center;justify-content: center;}
.circle_1{width: 450.889px;  height: 451.793px; top:0;animation: rotate 40s linear infinite;}
.circle_2{width: 324.992px;  height: 324.992px; top:10%; animation: antirotate 40s linear infinite;}
.circle_3{width: 195.316px;  height: 195.316px; top:25%;animation: rotate 40s linear infinite;}
.circle_img{position:absolute;top:37%;z-index: 2;transition: all 0.3s ease;}
.circle_img:hover{scale:1.05;}
.stat {text-align:center;display: flex;justify-content: center;justify-content: space-between;position: relative;padding-top:10px;}
/*.stat {text-align:center;display: flex;justify-content: center;justify-content: space-between;position: relative;margin-top: 80px;}*/
.milestone-counter {display: flex;align-items: center;padding: 0 40px;border: 1px solid black;width: 370px;justify-content: space-between;border-radius: 20px;border: 1px solid var(--dropdown-paragraph);background: var(--color-white-100);box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.16);margin-bottom: 50px;height: 110px;}
.our-journey .row{justify-content: center;}
.highlight {color:var(--counter-color);padding:0 0;display:block;margin-bottom:0;text-align: right;font-size: 56px;font-weight: 700;line-height: normal;}
img.img-fluid.journey-img {position: absolute;z-index: -1;left: 27%;top: -5%;}
.counter-inner .milestone-counter:last-child{margin-bottom: 0;}
.counter-inner .milestone-counter:nth-last-of-type(1),.counter-inner .milestone-counter:nth-last-of-type(3){margin-left: 90px;}
.right_count .milestone-counter:nth-last-of-type(1), .right_count .milestone-counter:nth-last-of-type(3) {margin-right: 90px;margin-left: auto;}
.right_count .milestone-counter:nth-last-of-type(2) {margin-left: auto;}
span.stat-count.highlight:after {content: "+";}
.milestone-details {font-family: 'Anydore Regular';font-size: 31px;line-height: 35px;text-align: left;font-style: normal;font-weight: 400;padding: 29px 0;}
span.stat-count.highlight {font-family: 'Anydore Regular';}
.right_count .milestone-details{text-align: right;}


/*.our_products{background-image: url('../images/product_bg.jpg'); background-repeat: no-repeat; background-size: cover; padding: 50px 0;margin-top: 115px;}*/
.our_products{margin-top: 130px;}
.our_products_wrapper{border: 1px solid #ccc;border-radius: 20px;position:relative;padding: 100px 50px 50px;}
.our_products_wrapper h2{position:absolute;background-color:var(--color-white-100);top:-30px;left:40%;}
.product_tab .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .become_partner .nav-pills .nav-link.active {background: none;font-size: 32px;font-style: normal;font-weight: 700;line-height: 45px;position: relative;}
.product_tab .nav-pills .nav-link.active, .become_partner .nav-pills .nav-link.active{color:var(--counter-color);}
.product_tab .nav .nav-item button:not(:first-child)::before, .become_partner .nav .nav-item button:not(:first-child)::before{content: '';position: absolute;top:0px;left: -10px;height: 40px;border-left: 2px solid #ccc;}
.product_tab .nav .nav-item button.active::after,.technology .nav-pills .nav-link.active::after, .become_partner .nav-pills .nav-link.active::after
{content: "";width: 15px;position: absolute;left: 41%;bottom: -16px;border-radius: 52%;height: 15px;background: var(--red-dropdown-menu);}
.product_tab .nav-link, .become_partner .nav-link {color: var(--dropdown-paragraph);font-size: 32px;font-style: normal;font-weight: 500;line-height: 45px;}
.product_tab .nav, .become_partner .nav {justify-content: center;padding-bottom: 8px;border-bottom: 1px solid var(--noactiv-tab);width: fit-content;margin: 0 auto;gap: 20px;}
.parent_marquee{position: relative;}
/*.our_products .common_btn{color:;}*/
/*.parent_marquee::before {*/
/*  content: ''; */
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  height: 100%;*/
/*  width: 50px; */
/*  background: linear-gradient(to right, #eb6059, #eb605903, transparent);*/
/*  z-index: 1;*/
/*}*/
/*.parent_marquee::after {*/
/*  content: ''; */
/*  position: absolute;*/
/*  top: 0;*/
/*  right: 0;*/
/*  height: 100%;*/
/*  width: 50px; */
/*  background: linear-gradient(to left, #eb6059, #eb605903, transparent);*/
/*  z-index: 1; */
/*}*/

.mg_round, .blog_quote{border-radius: 20px;}
.prd_points{margin: 0 ; padding-left: 20px;}
.prd_points li {font-size: 18px;line-height: 36px;}
.prd_points li::marker {font-size: 26px;}
.common_btn {color: var(--color-white-100);padding: 13px 35px;border-radius: 39px;border: 1px solid var(--color-white-100);display: block;width: fit-content;text-decoration: none;margin-top: 20px;position: relative;overflow: hidden;transition: all 0.4s ease-in-out;z-index: 1;}
/* .common_btn::before {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.2); transition: all 0.4s ease-in-out; z-index: -1;} */
/* .common_btn:hover::before {left: 0;} */
.common_btn:hover {color: var(--color-white-100); }

/*growth css*/
.your_groww{cursor: pointer;text-align: center;}
/* .your_groww:before {content: "";position: absolute;top: 0;border-radius: 20px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000000 100%);width: -webkit-fill-available;height: -webkit-fill-available;} */
.growth_box{display: grid; grid-template-columns: repeat(3, 1fr);gap: 20px;}
/* .growth_box img {width: 200px;height: auto;} */
/* .growth_content {width: 200px;height: auto;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000000 100%);} */
/* .growth_content {width: 200px;height: auto;} */
/* .groww_dis {position: absolute;bottom: 0;left: 16px;text-align: start;}  */
.your_groww.active img {
    border-radius:15px;
  background: rgba(255, 255, 255, 0.1);
  transform: scale(1.05);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.groww_dis h4{color: var(--counter-color); font-size: 21px;font-weight: 700;margin-top:10px;}
.groww_dis p{color: var(--counter-color);font-size: 16px;font-weight: 500;text-transform: uppercase;}
.dev_name{color: var(--counter-color);font-size: 24px;font-style: normal;font-weight: 700;line-height: 41px;}
.growth_points {display: flex;font-size: 17px;line-height: 31px;gap: 20px;}
.growth_points ul{margin: 0; padding-left: 20px;}
.growth_points li::marker{color: #282763;font-size: 26px;}
.addis {color: var(--red-dropdown-menu);border: 1px solid var(--red-dropdown-menu);position: relative;display: inline-block;text-decoration: none;transition: all 0.3s ease;}
.addis:hover {color: var(--red-dropdown-menu);}
/* .addis::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--red-dropdown-menu);z-index: -1;transform: scaleX(0);transform-origin: right;transition: transform 0.3s ease;} */
/* .addis:hover::before {transform: scaleX(1);transform-origin: left;} */
/* .addis::after {content: "";position: absolute;bottom: -5px;left: 0;width: 100%;height: 2px;background-color: var(--red-dropdown-menu);transform: scaleX(0);transition: transform 0.3s ease;transform-origin: left;} */
/* .addis:hover::after {transform: scaleX(1);} */
.addis span img {transition: transform 0.3s ease;}
.addis:hover span img {transform: translateX(5px);}
.stage_area{padding-left:20px;}
/*growth css*/

/*technology css */
.technology{background-image: url('../images/Technology.jpg'); background-repeat: no-repeat; background-size: cover; padding: 80px 0;height:584px;}
.technology .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .milestone .nav-link{background: none;color:var(--color-white-100); font-size: 24px;font-style: normal;font-weight: 700;line-height: 30px;}
.technology .nav-link, .tech_p, .feed_name p {font-style: normal;font-size: 18px;font-weight: 500;text-align: left;line-height: 30px;margin: 10px 0;}

/* ym css starts */
.technology .nav, .milestone .nav, .milestone .nav-link{position: relative;}
.technology .nav{border-bottom:1px solid var(--color-white-100);width:fit-content;margin:0 auto;gap:20px;}
.technology .nav-pills .nav-link:not(:first-child)::before{content: '';position: absolute;top:0px;left: -10px;height: 40px;border-left: 2px solid #ccc;}
.technology .nav-link{color:var(--dropdown-paragraph);}
.tech_p{color:var(--color-white-100);}
/*.technology .nav::before {content: '';position: absolute;left: 0px;height: 100%;border-left: 2px solid #5273CC;}*/
/* .technology .nav button{position: relative;} */
/*.technology .nav-pills .nav-link.active::before {content: '';position: absolute;left: -2px;height: 50px;width: 5px;border-radius: 10px;top: 0;background-color: var(--color-white-100);}*/
.tech_box_wrapper{display:flex;justify-content:center;gap:50px;flex-wrap:wrap;}
.tech_box{text-align: center; padding: 20px 0px;}
.technology .growth_box{gap:60px;}
/*technology css*/

/* portfolio */
.portfolio_slider .slick-dots li button:before, .feedback_slider .slick-dots li button:before, .inds_slider .slick-dots li button:before{content: '' !important; width: 30px !important; height: 6px !important; background-color: var(--color-black-500);opacity: 0.75 !important;}
.portfolio_slider .slick-dots li.slick-active button:before, .feedback_slider .slick-dots li.slick-active button:before, .inds_slider .slick-dots li.slick-active button:before{background-color: var(--red-dropdown-menu);}
.portfolio_slider .slick-dots li, .feedback_slider .slick-dots li, .inds_slider .slick-dots li{margin: 0 15px !important;}
.portfolio_slider .slick-dots li button, .feedback_slider .slick-dots li button, .inds_slider .slick-dots li button{width: 0px !important;height: 0px !important;padding: 0px !important;}
.portfolio_slider .slick-dots li, .feedback_slider .slick-dots li, .inds_slider .slick-dots li, .hero_slider .slick-dots li{height: 0px !important;}
/*.portfolio_slide.slick-slide{width:fit-content !important;}*/
.pf_btn{color: var(--counter-color); font-weight: 700; text-decoration: none; display: flex;padding: 10px 0;align-items: center;}
.pf_btn:hover{color: var(--counter-color); }

/* feedback */
/*.feedback{background-image: url('../images/feedback_bg.jpg'); background-repeat: no-repeat; background-size: cover; padding: 100px 0;margin: 115px 0;position: relative;}*/
.feedback{padding: 100px 0 0;position: relative;}
.feedback::after{content: "";position: absolute;background-color:var(--color-white-100);background-image: url(../images/quote.svg);background-repeat: no-repeat;width: 120px;height: 120px;left: 19%;top: 7%;}
.feedback_slider .slick-dots{left:-80% !important;bottom:8% !important;}
.feedback_wrapper{border:1px solid #ccc;border-radius:20px;padding:100px 50px 50px;}
.feedback_head{padding-right: 25px;border-right: 1px solid #ccc;}
/*.feedback_slider {padding-left: 110px;}*/
/*.feedback_slider .slick-dots{width: fit-content !important;}*/
/*.feedback_slider .slick-dots li.slick-active button:before{background-color: var(--color-white-100);}*/
.feed_info {display: flex;align-items: center;gap: 30px;margin: 40px 0;}
.feed_img img{height:100px;width:100px;border-radius:50%;}

/* client */
.client_wrapper {display: flex;align-items: center;justify-content: space-evenly;margin: 50px 0;}
.left-client {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.client {text-align: center;width: 140px;height: 140px;filter: grayscale(1);}
.client:hover{filter: grayscale(0);fill:var(--color-white-100);}

/*reason*/
.reasons{background-image: url('../images/reasons.jpg'); background-repeat: no-repeat; background-size: cover; padding: 100px 0;margin: 80px 0;position: relative;}
.reason_title{font-family: 'Anydore Regular';font-size:72px;color:var(--color-white-100);margin-bottom:50px;text-align:center;}
.reason_wrapper{display:flex;align-items:flex-start;justify-content: space-evenly;}
.reason{text-align:center;width:165px;}
.reason img{min-width:165px;min-height:165px;}
.reason .submenu-link{color:var(--color-white-100);text-align:center;margin-top:20px;font-size:20px;}
/*reason*/

/* purpose */
.purpose{background-image: url('../images/purpose_bg.jpg'); background-repeat: no-repeat; background-size: cover; padding: 100px 0;margin: 80px 0;position: relative;}
.purpose_btn{margin: 0 auto; margin-top: 60px;}
.purpose p{font-size: 20px;}

/* blogs */
.blog_wrapper{margin-top: 50px;}
.blog_date{color: var(--color-black-500);font-size: 14px;line-height: 24px;margin: 15px 0;}
.blog_info{text-decoration: none;}
.blog_info p{color: var(--color-black-500);}
.blog_desc{display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
a.blog_info:hover .dev_name {color: var(--red-dropdown-menu);transition: all 0.2s ease;}

/* footer */
.ft_wrapper{background-color: var(--ft_bg);padding: 75px 0;}
.ft_title{font-size: 40px;line-height: normal;color: var(--color-black-500);margin-bottom: 50px;text-align: center;}
.footer h3{color:var(--counter-color);font-size: 24px;font-weight: 700;line-height: 48px;}
.footer_link ul, .ft_info ul{list-style: none; padding: 0; margin: 0;}
.ft_a, .cpy_link a {color: var(--color-black-500);text-decoration: none;font-size: 16px;font-weight: 400;line-height: 32px;}
footer .ft_a:hover{padding-left: 5px;transition: all 0.5s;}
.ft_a:hover, .cpy_link a:hover{color: var(--color-black-500);}
.ft_info{margin-top: 50px; padding: 50px 0;border-top:1px solid #BBB;}
/* .ym_copyright, .cpy_info{display: flex;justify-content: space-between;align-items: center;height: 150px;gap: 30px;font-size: 16px;} */
.cpy_info{display: flex;justify-content: space-between;align-items: center;gap: 20px;font-size: 16px;}
.cpy_link{display: flex; align-items: center; text-align: center; justify-content: space-around;}
.ym_copyright > div:not(:first-child), .cpy_icon_wrapper > div > a:not(:first-child) {border-left: 1px solid var(--dropdown-list);}
.ym_copyright > div{padding: 25px 50px;display: flex; align-items: center;justify-content:center;}
.cpy_icon_wrapper{display: flex;justify-content: space-between; align-items: center;}
.cpy_icon_wrapper a{display: inline-block;padding: 0 10px;}
/* footer ends */

/* erp_iw page */
 .erp_module .common_head {margin-bottom: 60px;}
 .intro .common_head{
     margin-bottom: 30px;
 }
/* module card section */

.module_card{position: relative;box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.16);border: 1px solid var(--dropdown-paragraph); border-radius: 20px;padding: 60px;overflow: hidden;text-align: center;height: 356px;}
.module_info img{border-radius: 20px;}
.module_card .dev_name{margin-top: 20px;}
.module_overlay {background: var(--gradient, linear-gradient(0deg, #0D2565 0.14%, #1E4ED0 99.86%));
    color: var(--color-white-100);position: absolute;bottom: 0;left: 0;right: 0;overflow: hidden;width: 100%;height: 0;transition: all .5s ease;border-radius: 20px;visibility: hidden;opacity: 0;padding: 10px;}
.module_card:hover .module_overlay {height: 100%;visibility: visible;opacity: 1;}
.hidden-modules {display: none;}

/*erp accordian starts */
.erp-box{background-image: url(../images/sea_blue_bg.jpg);background-repeat: no-repeat;background-size: cover;overflow: hidden;}
/*.accordian_img{height: 600px;position: relative;overflow: hidden;}*/
/*.accordian_img img { object-fit:contain}*/
.acc_img_info{position: absolute; top: 30%; left: 30%;max-width:650px;}
.acordian_wrapper{height:100%;background-repeat: no-repeat;background-size: cover;display: flex; justify-content: center;flex-direction: column;padding-left:30px;overflow: hidden;}
.acordian_wrapper .accordion-button, .acordian_wrapper .accordion-button:not(.collapsed), .acordian_wrapper .accordion-body{background: transparent;background-repeat: no-repeat;background-size: cover;}
/* comman class for accordian */
.acordian_wrapper .accordion-button:not(.collapsed)::after, .web_acordian_wrapper .accordion-button:not(.collapsed)::after, .tasknote_wrapper .accordion-button:not(.collapsed)::after{background-image: url(../images/Minus_White.svg);}
.acordian_wrapper .accordion-button::after, .web_acordian_wrapper .accordion-button::after, .tasknote_wrapper .accordion-button::after{background-image: url(../images/Plus_White.svg);scale: 1.5;}
.acordian_wrapper .accordion-button, .web_acordian_wrapper .accordion-button, .tasknote_wrapper .accordion-button{color: var(--color-white-100);box-shadow: none;font-size: 30px;line-height: 40px;}
.acordian_wrapper .accordion-body, .web_acordian_wrapper .accordion-body, .tasknote_wrapper .accordion-body{color: var(--color-white-100);box-shadow: none;}
.acordian_wrapper .accordion-item, .web_acordian_wrapper .accordion-item, .tasknote_wrapper .accordion-item{border: none; border-bottom: 1px solid var(--color-white-100);background: transparent;}
.acordian_wrapper .accordion-item:last-child, .web_acordian_wrapper .accordion-item:last-child, .tasknote_wrapper .accordion-item:last-child{border: none;}
/*erp accordian end*/

/* pos accordian */
.web_acordian_wrapper .accordion-button, .web_acordian_wrapper .accordion-button:not(.collapsed), .web_acordian_wrapper .accordion-body{background-image: url(../images/purpose_bg.jpg);background-repeat: no-repeat;background-size: cover;}

/* web development accordian */
.web_acordian_wrapper{background-image: url(../images/purpose_bg.jpg);background-repeat: no-repeat;background-size: cover;padding: 80px;height: 600px;display: flex; justify-content: center;flex-direction: column;}
.accordian_p{color: var(--color-white-100);font-family: Orkney;font-style: normal;font-weight: 500;line-height: 26px;}

/* crm accordian */
.crm_wrapper{background-image: url(../images/feedback_bg.jpg);background-repeat: no-repeat;background-size: cover;padding: 80px;height: 600px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.crm_list li::marker, .crm_list {color: var(--color-white-100);line-height: 40px;}

/* tasknote accordian */
.tasknote_wrapper{background-image: url(../images/product_bg.jpg);background-repeat: no-repeat;background-size: cover;padding: 80px;height: 600px;display: flex; justify-content: center;flex-direction: column;}
.tasknote_wrapper .accordion-button, .tasknote_wrapper .accordion-button:not(.collapsed), .tasknote_wrapper .accordion-body{background-image: url(../images/product_bg.jpg);background-repeat: no-repeat;background-size: cover;}

/* industry slider */
/*.inds_slide{margin-left:20px; margin-top: 50px;}*/
.inds_slide{margin-left:9px;margin-right:9px; margin-top: 50px;}
.inds_slide.slick-slide img{width: 100% !important;}
 .portfolio .slick-slide, .erp_industry .slick-slide, .slick-slide{
    cursor:grab;
}
/* faqs */
.faq .accordion-button:not(.collapsed)::after {background-image: url(../images/black_Minus.svg);transform: rotate(0deg);scale: 1.5;}
.faq .accordion-button::after{background-image: url(../images/black_Plus.svg);scale: 1.5;}
.faq .accordion-button:not(.collapsed){ background-color: transparent;color: var(--black);box-shadow: none;}
.accordion-button:focus{box-shadow: none;}
.faq .accordion-item{border-radius: 10px; border: 1px solid var(--dropdown-list);}
.faq .accordion-collapse{box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.16);border-radius: 10px;}
.faq button.accordion-button.collapsed{border-radius: 10px; border: 1px solid var(--dropdown-list);}
.faq button.accordion-button.collapsed:first-child, .faqbutton .accordion-button.collapsed:last-child{border: none;} 
.faq .accordion-item:first-of-type .accordion-button,
.faq .accordion-item:last-of-type .accordion-button {border-radius: 14px;}

/* pos */
/*.discuss{background-image: url('../images/sea_blue_bg.jpg'); background-repeat: no-repeat; background-size: cover; padding: 100px 0;margin: 80px 0;}*/
.discuss{background: var(--purple); padding: 100px 0;margin: 80px 0;}

/* pos solutions */
.sol_card{position: relative; overflow: hidden;}
.sol_card_info{position: absolute;bottom: 0;left: 0;right: 0;overflow: hidden;width: 100%;height: 20%;transition: all .5s ease;padding: 20px 50px;}
.sol_card:hover .sol_card_info {height: auto;visibility: visible;opacity: 1;transition: all .5s ease;}
.sol_card_title{text-decoration: none; }
.sol_card_title h3{margin-bottom: 20px;}

/* expertise */
.expertise{/*padding: 50px 0;*/margin-top: 80px;}
.expertise .product_tab .nav-link{color: var(--color-black-500);}
.expertise .product_tab .nav .nav-item button.active::after{background: var(--red-dropdown-menu);}
.expertise .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .blog_date span{color: var(--red-dropdown-menu);}
.expertise .product_tab .nav {border-bottom: 1px solid var(--dropdown-list);}


/* channel partner */
.cp_wrapper {display: flex;align-items: flex-start;justify-content: center;gap: 30px;padding: 30px;height: 350px;}
.border_line > div{position: relative;}
.border_line > div:nth-child(even):before {border-right: 1px solid var(--dropdown-paragraph);content: "";position: absolute;height: 100%;top: 0;}
.border_line > div:not(:nth-last-child(-n+2)):after{border-bottom: 1px solid var(--dropdown-paragraph);content: "";position: absolute;width: 100%;left: 0;}

/* become partner form */
.fm_wrapper h2{margin-bottom: 40px;}
.fm_wrapper .row >div{margin-bottom: 50px;}
/* .fm_label{margin-bottom: 20px;display: block;} */
.fm_input {padding: 10px 10px 10px 0;width: 100%;border: none;border-bottom: 1px solid var(--dropdown-list);}
.form-control:focus {border: 0; border-bottom: 1px solid var(--dropdown-list);border-radius: 0;background: none !important;}
.fm_input:focus, .fm_input:focus-visible {box-shadow: none;outline: 0px;}
input[type="file"]::file-selector-button {border-radius: 10px; border:1px solid var(--dropdown-paragraph);margin-top: 20px;padding: 5px 10px;}
textarea {resize: none;}
select {
    background-image: url("../images/Vector.svg");background-position: right 25px;background-repeat: no-repeat;background-size: auto 25%;outline: none;-moz-appearance: none;-webkit-appearance: none;appearance: none;}


/* contact */
.contact .common_head{margin-bottom: 50px;}
.contact .discuss{padding: 60px 80px;}
.contact_links{display: flex;gap: 20px;}
.contact_info h3{color: var(--color-white-100); font-weight: 700;line-height: 24px;}
.contact_info a{color: var(--color-white-100); font-size:24; text-decoration: none;}
.office_wrapper h6{color: var(--red-dropdown-menu); font-size: 24px; line-height: 30px;margin-bottom: 25px;}
.office_wrapper a{color: var(--color-black-500);text-decoration: none;line-height: 24px; margin-bottom: 25px;}
.fm_wrapper{padding: 50px 60px; border: 1px solid var(--dropdown-paragraph);border-radius: 20px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}

/* development process */
.step_num{border-radius: 20px;padding: 20px 0;text-align: center; color: var(--color-white-100);font-size: 30px;font-weight: 700;width: 68px;display: inline-block;margin-bottom: 10px;}
.step_1 p, .step_2 p{font-size: 16px;line-height: 26px;margin-bottom: 0;}
.process_wrapper{ margin-top: 50px; display: grid;column-gap: 50px;row-gap: 0;
    grid-template-areas:
        "a f ."
        ". f b"
        "c f ."
        ". f d"
        "e f .";
}
.dev_img{grid-area: f;}
.step_1{grid-area: a;text-align: right;}
.step_2{grid-area: b;text-align: left;}
.step_3{grid-area: c;text-align: right;}
.step_4{grid-area: d;text-align: left;}
.step_5{grid-area: e;text-align: right;}

/* why choose us  */
.why_choose{background-image: url('../images/why_choose_banner.jpg'); background-repeat: no-repeat; background-size: cover; padding: 100px 0;margin: 80px 0;}
.why_choose .common_head{margin-bottom: 50px;}

/* hiring */
.hire_card{box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.16);border: 1px solid var(--dropdown-paragraph); border-radius: 20px;padding: 60px;}


/* about milestone */
.milestone{background-image: url('../images/Technology.jpg'); background-repeat: no-repeat; background-size: cover; padding: 80px 0;}
.milestone .nav-link.active{color: var(--color-white-100);font-size: 48px;font-weight: 700;line-height: 74px;background: none;}
.milestone .tab-content{padding-left: 100px;}
.milestone .nav-link{font-weight: 400;}
.milestone .nav::before {content: '';position: absolute;right: 0px;height: 100%;border-right: 2px solid #AAB6D7;}
.milestone .nav-link::after{content: '';position: absolute;right: -3px;height: 8px;width: 8px;top: 39%;background-color: var(--color-white-100);}
.milestone .nav-link.active::after{right: -7px;height: 16px;width: 16px;}


/* career-detail */
.career-detail p{margin-bottom: 0;}
.career-detail ul li {line-height: 36px;}

/* leadership */
.team .dev_name{margin-bottom: 0;}
.team .blog_date{margin-top: 0;}

/* clients */
.clients_wrapper {display: flex;gap: 30px;flex-wrap:wrap;justify-content:center;}

/* blog-listing */
.blog_list .nav{gap: 20px;margin-bottom: 20px;}
.blog_list .nav-link{background-color: #EEF3FF;border-radius: 36px;color: #18388E;font-weight: 400;}
.blog_list .nav-pills .nav-link.active{background-color: #0B2363;font-weight: 500;}

/* blog-detail */
.blog-list{margin: 40px 0;list-style-image: url(../images/blog-marker.svg);}
.blog-list li a{color: var(--red-dropdown-menu);line-height: 36px;text-decoration: none;}
.read_more{background-color: #EEF3FF;border-radius: 20px;display: inline-block; padding: 10px 30px;}
.read_more a{color: var(--red-dropdown-menu);text-decoration: none;}
.blog_quote{background-color: #478C5C; padding: 30px 50px;color: var(--color-white-100);font-size: 24px;line-height: normal;position: relative;margin-bottom: 50px;}
.blog_quote::after{content: '';position: absolute; background-image: url(../images/blog_quote.svg);right: 0;background-repeat: no-repeat;height: 60px; width: 100px;}
/* header dropdown content change */
.dropdown-right {display: none;}

.dropdown-right.active {display: block;}

/* .spark {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transform-origin: center;
  animation: pulse 1.5s ease-in-out infinite, trail 2s ease-out forwards;
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.7;
  }
}

@keyframes trail {
  0% {
    opacity: 1;
    transform: translate(0, 0) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translate(var(--x), var(--y)) rotate(720deg) scale(0);
  }
} */
/* module card new design */
.expertise .row{counter-reset: service 0;}

.expertise  .row > div{border-bottom: 1px solid var(--counter-color);}
/* If the total number of children is even, remove border from the last two divs */
.expertise .row > div:nth-last-child(1):nth-child(even),
.expertise .row > div:nth-last-child(2):nth-child(odd) {
    border-bottom: none;
}

/* If the total number of children is odd, remove border from the last div */
.expertise .row > div:last-child:nth-child(odd) {
    border-bottom: none;
}
/*.expertise  .row > div:nth-last-child(-n+1){border-bottom: none;}*/

.expert_points{padding: 20px 50px 20px 80px;position: relative;counter-increment: service;}
.expert_points::before{position: absolute;content: counter(service);font-size: 18px;left: 0;top:20px;}
.expert_head{display: flex;align-items: center;gap: 20px;margin-bottom: 14px;}
.expert_head img{mix-blend-mode: hard-light;transition:0.3s ease;}
.expert_head img:hover , .about_points img:hover{scale:1.2;transition:0.3s ease;}
/* module card new design */
/*product inner info*/
.inner_info{background-image: url(../images/sea_blue_bg.jpg);background-repeat: no-repeat;background-size: cover;padding:50px 0;}
.new_inner_info{background:var(--purple);padding:50px 0;}
/*product inner info*/
/*new inner banner desgin*/
.inner_banner{background: linear-gradient(90deg, #123082 0%, #020C26 100%),url(../images/inner_products/brand_banner.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-blend-mode: color-dodge;
    height:420px;width:100%;
}
/*new inner banner desgin*/

/*new inner banner desgin*/
.brand_banner{background-color:#0a101c;color:var(--color-white-100);padding-top:115px;}
.brand_banner .wrapper{display:block;}
.brand_banner img {filter: grayscale(1);transition: all 0.3s ease;mix-blend-mode: luminosity;}
.brand_banner img:hover {filter: grayscale(0);transition: all 0.3s ease;mix-blend-mode: inherit;}
.brand_banner h1{font-size:18px;}
.brand_banner h2{font-size:55px;font-weight:600;}
.brand_banner h2 span{font-size:55px;font-weight:100;}

 /* / General Marquee Styling / */
        .header-marquee {
            background-color: #ffffff15;
            color: var(--color-white-100);
            height: 48px;
            text-align: center;
            align-items: center;
            display: flex;
            font-weight: 700;
            white-space: nowrap;
            overflow: hidden;
        }

        .runner {
            justify-content: flex-start;
        }

        /* / Animation Container for Start and End / */
        .runner-start {
            display: flex;
            animation: ticker 25s linear infinite;
            will-change: transform;
        }

        /* / Text Styling / */
        .marquee-line,
        .marquee-line_text {
            display: inline-flex;
            align-items: center;
        }

        /* / Marquee Animation / */
        @keyframes ticker {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(-50%);
            }
        }

        /* / Add Bullet to Text / */
        .marquee-line_text::after {
            content: "\2022";
            padding: 0 16px;
            color: var(--red-dropdown-menu);
            font-size:25px;
        }
/*new inner banner desgin*/
/*our work form by sumita*/

.fm_connect .row >div {
  margin-bottom: 30px;
}
.fm_connect .fm_input:focus ,
.fm_connect .fm_input:focus-visible{
  color: #ffffff;
}
.fm_connect .common_btn ,
.thankyou-page .common_btn{
  background: #c42030;
  border: 1px solid #c42030;
}
.fm_connect .common_btn:hover span img {
  transform: translateX(5px);
}
.fm_connect .common_btn span img{
  transition: transform 0.3s ease;
}
.connect-form{
  padding-top: 150px;
  background: #0A101C;
  padding-bottom: 50px;
  /* padding: 50px 0px; */
}
.fm_connect .fm_label {
  color: #fff;
}
.fm_connect .fm_input{
  background: #0A101C;
  color: #fff;
}
/* .Connectbanner{
  background: #212529;
  padding-bottom: 80px;
} */
.fm_connect input:-webkit-autofill,
.fm_connect input:-webkit-autofill:hover, 
.fm_connect input:-webkit-autofill:focus,
.fm_connect textarea:-webkit-autofill,
.fm_connect textarea:-webkit-autofill:hover,
.fm_connect textarea:-webkit-autofill:focus,
.fm_connect select:-webkit-autofill,
.fm_connect select:-webkit-autofill:hover,
.fm_connect select:-webkit-autofill:focus{
  /* border: 1px solid #FFF; */
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #0A101C inset;
  transition: background-color 5000s ease-in-out 0s;
}
/* .Connectbanner-img{
  background-image: url(../images/ourwork-banner.svg);
  background-position: top center;
  background-size: 100% contain;
  background-repeat: no-repeat no-repeat;
  position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute !important;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    pointer-events: none;
} */
/*our work form by sumita*/
.header .dev_name, .header .growth_points li::marker{
  color:var(--color-white-100);
}

.slider_title {
color:var(--color-white-100);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 64px;
margin-bottom:25px;
}
.slide_a a{
        text-decoration: none;
        padding:0px 6px;
}
.slide_a a:hover{
        color:var(--color-white-100);
            font-weight: bold;
}
.portfolio_wrapper{
    z-index: 1;
    position: relative;
}
.slide_content {
    top: 30%;
    left: 3%;
}
/*.new_inner_info img{*/
/*    height:400px;*/
/*}*/
/*.new_inner_info{*/
/*    height:500px;*/
/*}*/
/*about css*/
.about_points {align-items: start;gap: 40px;display: flex;}

    .about_points img {height: 130px ; transition:0.3s ease;}

    .about .col-lg-12 {border-bottom: 2px dashed var(--dropdown-list);padding:20px;}
    .about .col-lg-12:last-child{border:none;}
    /*about css end*/
    
    /* Scroll To Top Button Styles */
.scroll-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  /*width: 60px;*/
  /*height: 60px;*/
  /*background-color: var(--red-dropdown-menu);*/
  /*color: #fff;*/
  /*border-radius: 50%;*/
  /*text-align: center;*/
  /*line-height: 40px;*/
  /*font-size: 20px;*/
  /*box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);*/
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 1000;
}

/*.scroll-to-top:hover {*/
/*  background-color: #0a101c;*/
/*}*/
/* Add Jello Animation Effect to the Arrow */
.scroll-to-top:hover svg {
  animation: jello-vertical 0.9s both;
  transform-origin: top;
}

/* Jello Animation Keyframes */
@keyframes jello-vertical {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.scroll-to-top.show {
    display: flex;
    justify-content: center;
    align-items: center;
}
  /* Scroll To Top Button Styles */
   .border_Skill {
  border-radius: 30px;
border: 1px solid #BBB;
display: inline-flex;
padding: 7px 30px;
justify-content: center;
align-items: center;
margin-bottom: 15px;
margin-right: 5px;
 }
 /*become partner form*/
 .form_item{position:relative;}
 .form_item .fm_label{
    position: absolute;
    cursor: text;
    z-index: 2;
    top: 13px;
    left: -5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    background-color: var(--white);
    padding: 0 10px;
    color: var(--wb-black);
    /* -webkit-transition: top 0.3s, font-size 0.3s;*/
    /*transition: top 0.3s, font-size 0.3s;*/
      -webkit-transition: top 0.3s, font-size 0.3s; /* For Safari, older Chrome */
  -moz-transition: top 0.3s, font-size 0.3s;    /* For older Firefox */
  -o-transition: top 0.3s, font-size 0.3s;      /* For older Opera */
  transition: top 0.3s, font-size 0.3s;         /* Standard */
     
 }
    .fm_input:focus + .fm_label,.fm_input:not(:placeholder-shown) + .fm_label {top: -12px;font-size: 12px;color:var(--wb-purple);padding:0 5px;margin:0;}
 /*become partner form*/
 .hiretech_form .fm_wrapper {
    padding: 50px 60px;
    border: none;
    border-radius: 20px;
    box-shadow: none;
}
.thankyou-page{
    padding-top: 190px;
        padding-bottom: 80px;
            background: #0A101C;
}

/*btn hover effct*/
.addis {
    position: relative;
    display: inline-block;
    /*padding: 10px 20px;*/
    text-decoration: none;
    color: var(--red-dropdown-menu); /* Default text color */
    background: #fff; /* Default background color */
    overflow: hidden; /* Hide sliding background overflow */
    transition: color 0.3s ease; /* Smooth text color transition */
}

/* Pseudo-Element for Sliding Background */
.addis::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Start off-screen to the left */
    width: 100%;
    height: 100%;
    background: #c52030; /* Background color on hover */
    z-index: -2; /* Place it behind the text and icon */
    transition: left 0.4s ease; /* Smooth sliding effect */
}

/* Hover Effect */
.addis:hover::before {
    left: 0; /* Slide the background in from the left */
}

/* Ensure Text and Icon Stay Above Background */
.addis span, 
.addis span img {
    position: relative;
    z-index: 1; /* Keep above the sliding background */
}

/* Text Color Change on Hover */
.addis:hover {
    color: #fff; /* Text turns white on hover */
}

/* Icon (SVG) Styling */
.common_btn span img {
    transition: filter 0.3s ease; /* Smooth transition for SVG color */
}

.common_btn:hover span img {
    filter: invert(0) brightness(9); /* Change SVG color to white */
}

/*btn hover effct end*/

/* Default Styling */
.border_Skill {
    display: inline-block;
    transition: transform 0.3s ease; /* Smooth transition */
}

/* Shake Animation */
@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    50% { transform: translateX(5px); }
    75% { transform: translateX(-5px); }
    100% { transform: translateX(0); }
}

/* Hover Effect */
.border_Skill:hover {
    animation: shake 0.4s ease; /* Trigger shake animation on hover */
}