*{ box-sizing: border-box; }
*:focus{outline:none;}
::-moz-focus-inner{border:0;} 

body { margin:0px; font-family: 'Livvic', sans-serif; color: #81838C; font-size: 20px; font-weight: 400; line-height: 34px; background: #fff; overflow: hidden; }
ul{ margin:0px; padding:0px; }

a { transition: ease 0.5s; text-decoration:none; color: #1974D2; }
a:hover { color: #8EDFFF; }
p { padding: 0; margin: 0 0 25px; }
p:last-child { margin-bottom: 0; }

::-webkit-input-placeholder{opacity:1; color: rgb(14 30 39 / 40%); }
::-moz-placeholder{opacity:1; color: rgb(14 30 39 / 40%); } 
:-ms-input-placeholder{opacity:1; color: rgb(14 30 39 / 40%); }
:-moz-placeholder{opacity:1; color: rgb(14 30 39 / 40%); }

textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="file"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]
{font-family: 'Montserrat', sans-serif ; border-radius:0; border:none; padding:10px; margin:0 0 15px 0; font-size:16px; font-weight:400; width: 100%;}
.inputs-list{margin:0 0 15px;}
input[type="submit"]::-moz-focus-inner{border: 0;}
textarea{resize:none;}

h1,h2,h3,h4,h5,h6{ margin-top:0px; margin-bottom:20px; line-height: normal; font-weight:700; color: #800080; font-family: 'Livvic', sans-serif; } 
h1 { font-size: 72px; line-height: 90px; }
h2 { font-size: 48px; line-height: normal; font-weight:600;}
h3 { font-size: 36px; line-height: normal; font-weight:600;}
h4 { font-size: 28px; line-height: 36px; } 
h5 { font-size: 24px; line-height: 32px;  font-weight:600;} 
h6 { font-size: 20px; line-height: 28px; margin-bottom: 15px; color:#5A6980; font-weight:600; }

.text_white { color: #fff; }
.text_grey { color: #81838C; }
.text_white h3 , .text_white h4 , .text_white h2 , .text_white h1 , .text_white h5 , .text_white h6 { color: #fff; }
.bg_color{background-color: #F0F7FF;}
ul , li { list-style: none; }
.row {  margin: 0 -15px; }
.pt-60 {padding-top: 60px;}
.pt-20{padding-top: 20px;}

.title_section { width: 100%; max-width: 780px; margin-bottom: 50px; font-size: 16px; line-height: 22px; }
.title_section h2 { margin-bottom: 10px; }
.title_section .sub_title { margin-bottom: 20px; }
.title_section.text_center { margin-left: auto; margin-right: auto; margin-bottom: 40px; }

.body_size { font-size: 16px; line-height: 26px; }
.body_size_18 { font-size: 18px; line-height: 24px; }

.text_center { text-align: center; }
.text_left{text-align: left;}
.text_right{text-align: right;}
.text_justify { text-align: justify; }

.container { float:none; width:100%; max-width: 1550px; padding: 0 15px; margin:0 auto; }
.container:before , .container:after {clear:both; content: ""; display:table;}

.container_1460{ float:none; width:100%; max-width: 1460px; padding: 0 15px; margin:0 auto; }
.container_1500{ float:none; width:100%; max-width: 1580px; padding: 0 15px; margin:0 auto; }


.flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex }
/*  flex top */
.flex.top { -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: start; -ms-flex-align: start ; align-items: start; align-items: flex-start; }
/*  flex center */
.flex.center { -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
/*  flex bottom */
.flex.bottom { -webkit-box-align: end ; -moz-box-align: end ; -webkit-align-items: end; -ms-flex-align: end ; align-items: end ; align-items: flex-end ; } 
.wrap { flex-wrap: wrap; }
.j_left{ justify-content: flex-start; }
.j_right{ justify-content: flex-end; }
.j_center{ justify-content: center; }
.flex.reverse{ flex-direction: row-reverse; }

.flex_row { flex-wrap: wrap; }
.bglink { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 6 }
.btn a { background: #fff; color: #79077E; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; padding: 15px 17px; display: inline-block; border-radius: 8px; text-align: center; }
.btn2 a { background: #F00; color: #fff; padding: 15px 45px; box-shadow: 0px 24px 34px 0px rgba(202, 237, 255, 0.50); border-radius: 12px;}
.btn3 a { color: #F00; border-radius: 12px; padding: 15px 50px; }
.btn a:hover { background: #F00; color: #fff; }
.btn2 a:hover { background: #800080; color: #fff; }

.fl100 { width: 100%; float: left; }
.set_img { background-size: cover; background-repeat: no-repeat; background-position: center; }
.bg_overlay { position: relative; z-index: 1; }
.bg_overlay:after{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; top: 0; z-index: -2; opacity: 0.95; background: linear-gradient(88deg, #800080 2.06%, #00308F 98.41%); }
.overlay_hero:before , .overlay_hero:after {content: "";position: absolute;left: 0;right: 0;top: 0; bottom: 0; }
.overlay_hero:before { background: linear-gradient(180deg, rgba(25, 116, 210, 0.80) 0%, rgba(142, 223, 255, 0.50) 100%); mix-blend-mode:  hard-light; z-index: -1; opacity: 1; }
.overlay_hero::after { background: #000; opacity: 0.5; backdrop-filter: blur(92.43333435058594px); z-index: -1; }

/*.overlay_commited:after{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; top: 0; z-index: -2; opacity: 0.9; background: linear-gradient(180deg, #1974D2 0%, #8EDFFF 100%);}*/



.overlay { position: relative; z-index: 1; }
.overlay:after { content: ""; background: linear-gradient(112.77deg, #C381DB 0%, #4E92F9 100%); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1;  opacity: 0.04; }


#loader { position: fixed; left: 0; right: 0;top: 0; bottom: 0; z-index: 9999; background: #fff; display: flex; align-items: center; justify-content: center; }
body.body-load { overflow: visible; }
body.body-load #loader { display: none; }

/**/
.slick-arrow { position: absolute; top: -100px; right: 160px; font-size: 0; z-index: 2; width: 50px; border: 2px solid #00308F; height: 50px; background: transparent; border-radius: 100px; cursor: pointer; opacity: .2; transition: all 0.5s; }
.slick-arrow:hover { opacity: 1; }
.slick-next { right: 300px; }
.slick-arrow:after {  content: ""; position: absolute; top: 13px; background-image: url("data:image/svg+xml,%3Csvg width='71' height='24' viewBox='0 0 71 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70.0607 13.0607C70.6464 12.4749 70.6464 11.5251 70.0607 10.9393L60.5147 1.3934C59.9289 0.807617 58.9792 0.807617 58.3934 1.3934C57.8076 1.97919 57.8076 2.92894 58.3934 3.51472L66.8787 12L58.3934 20.4853C57.8076 21.0711 57.8076 22.0208 58.3934 22.6066C58.9792 23.1924 59.9289 23.1924 60.5147 22.6066L70.0607 13.0607ZM-1.31134e-07 13.5L69 13.5L69 10.5L1.31134e-07 10.5L-1.31134e-07 13.5Z' fill='%2300308F'/%3E%3C/svg%3E%0A"); width: 70px; height: 20px; background-position: center; background-size: cover; left: -40px; }
.slick-next.slick-arrow:after { transform: rotate(180deg); left: 10px; }
.slick-arrow { right: 0;}
.slick-next { right: 150px; }

.mp1{position: relative; z-index: 1;}
.mp1:after { content: ""; position: absolute; width: 222.849px; height: 111.31px; background-image: url(../images/m1_img.svg); z-index: -1; right: -40px; top: -60px; background-position: center; background-size: cover;}
.mp2 { position: relative; z-index: 1; }
.mp2:before { content: ""; position: absolute; width: 222.849px; height: 111.31px; transform: rotate(-90deg); top: auto; bottom: 0; left: -110px; opacity: 0.5; background-image: url(../images/m1_img.svg); z-index: -1; background-position: center; background-size: cover; }


.half_circule1{position: relative; z-index: 1;}
.half_circule1:after { content: ""; position: absolute; background-image: url(../images/half_cicule.svg); right: 70px; width: 252px; height: 133px; background-position: center; background-size: cover; top: -80px; z-index: -1;}
.half_circule2 { position: relative; z-index: 1; }
.half_circule2:before { content: ""; position: absolute; background-image: url(../images/half_cicule_2.png); z-index: -1; background-position: center; background-size: cover; width: 262px; height: 133px; bottom: -70px; left: 81px; }


/*header*/
header { position: fixed; top: 0; left: 0; right: 0; width: 100%;background: #fff; z-index: 999; transition: ease 0.5s;  }
.nav_menu > ul > li > a:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #1974D2; transform: scale(0); transition: transform .3s ease; }
.nav_menu ul li a:hover:before , .nav_menu ul li.active a:before { transform: scale(1); }
.nav_menu ul li a:hover , .nav_menu ul li.active a { color: #1974D2;}
.header_logo { line-height: 0;  width: 100%; max-width: 170px; }
.header_logo img { width: 100%; }
.nav_menu ul li { display: inline-block; }
.header_right { width: calc(100% - 170px); text-align: right; }
.nav_menu ul li a { color: #485466; font-size: 16px; position: relative; z-index: 1; display: inline-block; font-size: 16px; }
.nav_menu > ul > li > a { padding: 34px 20px; }
.fixed .nav_menu > ul > li > a {  padding: 24px 20px; }
.ebiz-toggle { display: none; }

header.fixed {  z-index: 999; box-shadow: 0 0 40px -31px #000; }

.menu-item-has-children {  position: relative; }
.nav_menu ul.sub-menu { position: absolute;  left: 0;  text-align: left;   width: 260px;background: #ffff;  opacity: 0;  visibility: hidden;  transition: ease 0.5s; box-shadow: 0 10px 30px -24px #000; }
.nav_menu ul.sub-menu li a { padding: 10px 15px;  color: #fff; width: 100%; border-bottom: 1px solid;    background: linear-gradient(88deg, #800080 2.06%, #00308F 98.41%); line-height:normal; }
.nav_menu ul.sub-menu li {  width: 100%; }
.nav_menu ul.sub-menu li:last-child a { border-bottom: none; }
.nav_menu ul.sub-menu li a:hover {  background: linear-gradient(88deg, #00308F 2.06%, #800080 98.41%); color: #fff; }
.nav_menu .menu-item-has-children:hover ul.sub-menu { opacity: 1;  visibility: visible; }

.mobile-toggle { position: absolute;  right: 0;  top: 0; bottom: 0;  margin: auto; height: 40px; }

/**/
.hero_section { padding: 120px 0; overflow: hidden; }
.hero_left { width: 55%; }
.hero_right { width: 45%; }
.hero_wrap  .btn { padding-top: 20px; }
.hero_text p { font-weight: 300; }
.hero_img { line-height: 0; width: 100%; max-width: 578.037px;}
.hero_img img { width: 100%; border-radius: 20px; height: auto; } 
.hero_wrap h3 {font-weight: 400; }

.circle_hero .hero_img { border-radius: 100%; width: 551px; height: 508px; position: relative; z-index: 1; margin-left: -40px; }
/*.circle_hero .hero_img:before { content: ""; border-radius: 100%; border: 10px solid #800080; background: #F2F200; width: 543px; height: 506px; position: absolute; z-index: -1; bottom: 20px; }*/
/*.circle_hero .hero_img:before { }*/
.circle_hero .hero_img img { width: 100%; height: 100%; border-radius: 100%; position: relative; bottom: 0; left: 0; object-position: center; border: 10px solid #800080; }
.circle_hero { position: relative; z-index: 1; display: table; margin: auto; }
.circle_hero:before, .circle_hero:after { content: ""; border-radius: 100%; border: 1px solid #FFF; opacity: 0.3; width: 740px; height: 691px; position: absolute; left: 50%; top: 50%; margin: auto; transform: translate(-50%, -50%); }
.circle_hero:after { width: 644px; height: 600px; }


ul.circle_ul li { position: absolute; z-index: 1; }
ul.circle_ul li:nth-child(1) { top: 49px; left: -95px; }
ul.circle_ul li:nth-child(2) { top: -74px; right: 80px; }
ul.circle_ul li:nth-child(3) { right: -88px; bottom: 30px; }
ul.circle_ul li:nth-child(4) { left: -23px; bottom: 46px; }

ul.tag_img li { position: absolute; z-index: 1; }
ul.tag_img li:nth-child(1) { right: -210px; top: 80px; }
ul.tag_img li:nth-child(2) { top: 280px;  left: -140px;}

/**/
.curve_shape { position: relative; z-index: 1; overflow: hidden; }
.curve_shape:before , .curve_shape:after { content: ""; position: absolute; opacity: 0.4; width: 367px; height: 752px; background-image: url(../images/twocol_after_img.png); background-size: cover; background-position: center; z-index: -1;  }
.curve_shape:after {  right: -50px; top: -70px; }
.curve_shape:before { transform: scale(-1); bottom: calc(100% - 100px); }

.twocol_section { padding: 100px 0;  overflow: hidden;}
.twocol_left { width: 792px; }
.twocol_right { width: calc(100% - 792px); padding-left: 70px; }
.twocol_img img { width: 100%; }
.twocol_text { width: 100%; max-width: 700px; }

/**/
.our_section { padding: 100px 0 150px; }
.our_item { width: calc(100% / 4 - 30px); text-align: center; background: #fff; margin: 0 15px 30px; border-radius: 20px; box-shadow: 0px 4px 40px 0px rgba(43, 89, 255, 0.08); padding: 17px; }
.our_icon { line-height: 0; width: 100%; max-width: 80px; margin: 10px auto 20px; height: 80px; }
.our_icon img { width: 100%; }
.our_item_title h5 { color: #000B33; }
.our_item:nth-child(2n) { margin-top: 80px; margin-bottom: -50px; }

/**/
.slider_section { padding: 100px 0; }
.slider_title { width: 100%; max-width: 700px; margin-bottom: 40px; font-size: 16px; line-height: 22px; }
.slider_item { padding: 40px 20px; margin: 0 15px; transition: all 0.5s;}
.slider_item_text{color: #000;}
.bg_red h5 { color: #F00; font-weight: 600; }
.bg_black h5 { color: #000; font-weight: 600; }
.bg_yelolow h5 { color: #F2F200; font-weight: 600; }
.bg_blue h5 { color: #00308F; font-weight: 600; }
.bg_purple h5 { color: #A020F0; font-weight: 600; }
.slider_row { margin: 0 -15px; }

/**/
.product_section { padding: 20px 0 80px; }
.product_left { width: 634px; padding-right: 30px; }
.product_right { width: calc(100% -  634px); display: flex; }
.product_item { width: 413px; background: #F6F9FB; min-height: 430.796px; padding: 20px 46px; position: relative; z-index: 1;}
.product_item_title h6 { color: #000; }
.product_item_text { font-size: 16px; line-height: 24px; }
.product_item:nth-child(2n) { background: #fff; }
.link a { background: #fff; display: inline-block; padding: 10px 20px; border-radius: 100pc; height: 60px; width: 60px; }
.link img { width: 100%; height: 100%; }
.product_item .link { position: absolute; right: 40px; bottom: 40px; }
.product_content { width: 100%; max-width: 515px; }
.product_section .wrap_v2 { width: auto; margin-left: 220px; }
.wrap_v2 .product_item:nth-child(2) { box-shadow: 50px 60px 80px 0px #7389951F;  z-index: 2; }

.slider_section:before { top: 80px; left: 0; }
.slider_section { overflow: visible; }
.curve_after_hide:after { display: none; }
.curve_before_hide:before { display: contents; }
.product_section:after { top: 50px; right: 0; }

.bg_red {border: 1px solid #F00;border-radius: 20px; background: rgba(255, 0, 0, 0.05);}
.bg_yelolow {border: 1px solid #F2F200;border-radius: 20px; background: rgba(242, 242, 0, 0.05);}
.bg_blue {border: 1px solid #00308F;border-radius: 20px; background: rgba(0, 48, 143, 0.05);}
.bg_purple {border: 1px solid #A020F0;border-radius: 20px; background: rgba(160, 32, 240, 0.05);}
.bg_black {border: 1px solid #000;border-radius: 20px; background: #FFF;}

/**/
.choose_section { padding: 100px 0; }
.chhose_left { width: 782.25px; }
.chhose_right { width: calc(100% - 782.25px); padding-left: 50px;}
.choose_item { background: #fff; display: flex; align-items: center; margin-bottom: 40px; border-radius: 10px; width: 100%; max-width: 719px; padding: 20px 30px; border: 1px solid #CCC; box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.08); }
.chhose_content h5 { margin-bottom: 0; color: #000B33; }
.choose_icon { line-height: 0; width: 100%; max-width: 61px; height: 61px; }
.choose_icon img { width: 100%; object-fit: cover; }
.chhose_content { width: calc(100% - 61px); padding-left: 40px; }
.choose_section .title_section { margin-bottom: 30px; }
.choose_item:nth-child(2n) { margin-left: -50px; }
.product_item:nth-child(2n) .link a { background: #F6F9FB; } */



/*about us*/
.about_hero  .hero_img img { border-radius: 20px; overflow: hidden; }

/**/
.service_section{padding: 150px 0 80px; overflow: visible;}
.service_left{width: 50%;}
.service_right { width: 50%; }
.service_item { width: 100%; max-width: 540px; margin-bottom: 30px; }

.service_img { line-height: 0; max-width: 636px; width: 100%; }
.service_img img { width: 100%; object-fit: cover; position:relative; z-index:1; border-radius: 15px; }
.service_section:before {  bottom: -50px; } 
.service_section:after { bottom: 80px; right: 0; top: auto; } 

.pt1 , .pt2 , .pt3 , .pt4 , .pt5 , .pt6{ position: relative; z-index: 1; }
.pt1:before , .pt2:after , .pt3:before , .pt5 , .pt4:after {  content: ""; background: url(../images/dots.svg) no-repeat center / contain ;  position: absolute; }
.pt1:before { width: 235px; height: 217px; left: 0; right: 0; top: -80px; margin: auto; z-index: -1; }
.pt2:after { background-image: url(../images/pt1.svg); width: 175px;  height: 87px; left: 40px; right: 0; bottom: -30px; z-index: 1; }
.pt3:after { background-image: url(../images/pt2.svg); width: 171px; height: 86px; top: -30px; right: -40px; }
.pt4:before { background-image: url(../images/dots_v2.svg); width: 235px; height: 217px;bottom: -30px; left: -30px; }

svg.svg_pt { position: absolute; left: 0; }
svg.svg_pt.svg_pt1 { right: 0; left: auto; }
svg.svg_pt.svg_pt2 { bottom: 0; left: 100px; }


/*  */
.acc_section .pt1:before { background:url(../images/pt2.svg); background-size: cover; width: 289.334px; height: 144.667px; left: 100px;;}
.acc_section .pt2:after { z-index: -1; left: -50px; bottom: 40px;}


/**/
.commited_section { padding: 100px 0; }
.commited_title { width: 100%; max-width: 1000px; margin: 0 auto 30px; }

/**/
.empower_section { padding: 100px 0; }
.empower_section .title_section { width: 100%; margin: 0 auto 70px; max-width: 100%; text-align: center; }
.empower_main { border-radius: 25px; background: #F8F8FE; padding: 70px 50px; width: 100%; }
.empower_item { width: 33.33%; display: flex; align-items: center; }
.contect_title h6 { color: #81838C; margin-bottom: 0; }
.contect_text { font-size: 16px; line-height: 26px; }
.empower_icon svg { width: 100%; max-width: 30px; height: 30px;}
.empower_icon { width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; }
.empower_right { width: calc(100% - 90px); padding-left: 30px; }
.icon_bg_purpule { background: #800080; padding: 10px; border-radius: 100px;}
.icon_bg_red { background: #FF0000; padding: 10px; border-radius: 100px;}
.icon_bg_yellow { background: #FFC83E; padding: 10px; border-radius: 100px;}
.empower_icon svg path { fill: #fff;}
.contect_text a {color: #81838C;}

/**/
.frame_section { overflow: hidden; }
.form_item_cb { width: 50%; padding: 0 15px 20px; }
.form_item_cb input { border: 1px solid #e5e5e5; display: block; width: 100%; border-radius: 5px; color: #727272; padding: 10px 20px; height: 50px; margin-bottom: 5px; }
.frame_left { width: 50%; padding-right: 30px;}
.frame_right { width: 50%; }
.form_item_cb label{color: red}
.button button , .button input[type="submit"] { border-radius: 12px; background: #F00; box-shadow: 0px 24px 34px 0px rgba(202, 237, 255, 0.50); border: 0; color: #fff; display: inline-block; padding: 15px 70px; cursor: pointer;}
.form_item_cb textarea { border-radius: 5px; border: 1px solid #e5e5e5; height: 220px; padding: 10px 20px; }
.form_item_cb:last-child { width: 100%; }
.form_item_cb input::placeholder { color: #70798B; font-size: 16px; line-height: normal; font-weight: 500; }
.form_item_cb textarea::placeholder { color: #70798B; font-size: 16px; line-height: normal; font-weight: 500; }
.ifram_wrap iframe {width: 100%;min-height: 632.05px; border-radius: 15px;}

body .wpcf7-not-valid-tip { font-size: 16px; }
body .wpcf7 form.invalid .wpcf7-response-output { border-color: #dc3232; color: #dc3232; text-align: center; }
body .wpcf7 form .wpcf7-response-output { border-radius: 90px; }
.button p { display: flex; align-items: center; }

body .wpcf7 form.sent .wpcf7-response-output { background: #46b450; text-align: center; color: #fff; }

/**/
.develoment_hero .hero_text { width: 100%; max-width: 600px; }
.hero_img { position: relative; z-index: 1; width: 100%; max-width: 680px; right: -20px; }
.develoment_hero .hero_img:before { content: ""; position: absolute; width: 688px; height: 688px; z-index: 1; top: -50px; border: 5px solid rgba(255, 255, 255, 0.80); border-radius: 100%; left: -40px; right: 0; margin: auto; }
.develoment_hero .hero_img img { border-radius: 100%;}




/**/
.acc_section { padding: 150px 0 100px; }
.acc_left { width: 720px; }
.acc_right { width: calc(100% - 720px); padding-left: 70px; }
.acc_title h5 { color: #000B33; font-weight: 500; }
.acc_item { width: 100%; max-width: 650px; background: #fff; border-radius: 10px; box-shadow: 0px 4px 40px 0px rgba(43, 89, 255, 0.08); padding: 30px 30px 30px; margin-bottom: 20px; position: relative; z-index: 1; }
.acc_content { font-size: 14px; line-height: 26px; display: none; padding-left: 70px; margin-top: 10px; }
.acc_title_item h6 { margin-bottom: 0; font-weight: 500 }
.acc_item_no { position: absolute; top: 0; width: 50px; height: 50px; display: flex;justify-content: center;  align-items: center;  bottom: 0; margin: auto; left: -5px; }
.sewrvice_img img { width: 100%; height: 100%; border-radius: 20ox; }
.sewrvice_img { line-height: 0; max-width: 636px; }
.acc_item_no span { color: #FD4C5C; text-align: center; font-family: Livvic; font-size: 30px; font-style: normal; font-weight: 600; line-height: 42px; }
.sevice_bg_red { border-radius: 10px; background: #ffdbde; }
.acc_title_item { padding-left: 70px; position: relative; z-index: 1; cursor: pointer; }
.sevice_bg_yellow { border-radius: 10px; background: #fff4d8; }
.sevice_bg_yellow span { color: #FFC83E; text-align: center; font-family: Livvic; font-size: 30px; font-style: normal; font-weight: 600; line-height: 42px; }
.sevice_bg_green { border-radius: 10px; background: #ccf1ea; }
.sevice_bg_green span { color: #00BB98; }
.acc_title_item:after { content: "";  position: absolute; background: url(../images/arrow_acc.svg); width: 20px; height: 24px; top: 0; right: 0; background-position: center; background-size: cover;}
.active.acc_title_item:after {  background: url(../images/arrow_acc_down.svg);}

/*  */

.our_devp .our_item { width: calc(100% / 3 - 30px); min-height: 314px;}
.our_devp .our_item {  margin-top: 0; margin-bottom: 30px; }
.our_devp .our_item:nth-child(2) {  margin-top: 80px; margin-bottom: -50px; }
.our_devp .our_item:nth-child(5){ margin-top: 80px; margin-bottom: -50px; }
.our_devp .our_item_text { width: 100%; max-width: 396px; margin: auto;}
.our_devp .title_section {  max-width: 100%; width: 100%;}


/*  */
.process_section { padding: 100px 0 150px;}
.process_section:before { top: 150px; opacity: 1; }
.process_section .title_section { width: 100%; max-width: 1300px;}
.process_item { width: calc(100% / 2 - 30px); display: flex; align-items: center; border-radius: 20px; border: 1px solid #EAE9F2; background: #FFF; margin-bottom: 20px; margin-right: 20px; padding: 30px; }
.process_no { color: #FD4C5C; font-family: Livvic; font-size: 66px; font-style: normal; font-weight: 700; line-height: 22px; }
.process_right_content { padding-left: 40px; }
.process_item-text { font-size: 16px; line-height: 22PX; }

/**/
.fourcol_section { padding: 80px 0; }
.title_section.text_center { }
.fourcol_section .title_section { max-width: 1190px; margin-bottom: 50px;}
.fourcol_item { width: calc(100% / 4 - 30px); margin: 0 15px;text-align: center;}
.fourcol_img img { width: 100%; border-radius: 20px; border: 0px solid #FFF; height: 268px; object-fit: cover; }
.img_teg h5 { color: #363F4D; font-size: 25px; line-height: normal; margin-top: 10px; }


/*  */
.accordian_section { padding: 80px 0 20px; overflow: hidden;}
.acordion_content { display: none; }
.accordion_item {width: 100%; border-radius: 20px; border: 1px solid #E8EBF6; background: #fff; padding: 24px 40px; margin-bottom: 20px; }
.accordion_item_title h5 { margin-bottom: 0; font-size: 22px; color: #242A33; }
.accordion_item_title {  position: relative; z-index: 1; cursor: pointer; }
.acordion_content { margin-top: 15px; }
.accordion_item_title:after { content: ""; position: absolute; background: url(../images/arrow_accordian_down.png); width: 15px; height: 15px; right: 0; top: 0; bottom: 0; margin: auto; z-index: -1; background-position: center; background-size: cover; background-repeat: no-repeat; }
.active .accordion_item_title:after{  background-image: url(../images/arrow_accordian_up.png); }
.active .accordion_item_title::before { box-shadow: 0px 2px 30px 2px #00000014; } 
.accordion_item.active {background: #fff; box-shadow: 0px 2px 80px 2px rgba(0, 0, 0, 0.06); backdrop-filter: blur(125px); }
.accordion_item_title:before { content: ""; width: 40px; height: 40px; background: #fff; position: absolute; right: -13px; z-index: -2; border-radius: 50px; top: 0; bottom: 0; margin: auto; }
.accordian_section .title_section { max-width: 100%;}

/**/
.footer_section { padding: 80px 0 0px; border-top: 2px solid #0000FF; background: #F4F4F4;}
.footer_main { width: 100%; margin: auto; border-bottom: 1px solid #5A697F33; padding-bottom: 50px; margin-bottom: 28px;}
.footer_col { width: 33.33%; margin: 0 45px; }
.footer_col:last-child { width: 38%;}
.footer_wrap  { justify-content: center; margin: 0 -45px;}
.footer_text { margin-bottom: 25px; }
.footer_link a { color: #485466; font-family: Nunito; font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; display: inline-block; border: 1px solid; border-radius: 4px; padding: 8px 8px; }
.footer_link a:hover { background-color: #1974D2; color: #fff; }
.footer_nav ul li a { color: #7E92B2; padding-bottom: 5px; display: inline-block; }
.footer_nav ul li a:hover { color: #1974D2; }
/*.footer_nav ul li img , .footer_nav ul li svg { width: 100%; max-width: 25px; line-height: 0; height: 20px; object-fit: contain; margin-top: 9px; margin-right: 10px; }*/
.footer_nav ul li svg { width: 50px;  margin-right: 10px; }
/*.footer_nav ul li svg  {}*/ 
.social_link { padding-top: 10px; }
.social_link ul li { display: inline-block; margin-right: 10px; vertical-align: middle; }
.social_link ul li a { background: #fff; border: 1px solid; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 20px; }
.coypright a { font-weight: 700; color: #6C7E99; }
.footer_nav ul li a { font-size: 16px; line-height: normal; }
.coypright_text p { display: flex; justify-content: center; align-items: center; }
.coypright_text  svg { margin-left: 10px; margin-right: 10px; margin-top: 3px; height: auto; width: 16px; }
.coypright a:hover { color: #1974D2; }

.dev_service { padding-top: 60px; }
.dev_service .service_right {  width: 55%; padding-right: 120px;  }
.dev_service .service_right .service_text { font-size: 16px; line-height: 24px; margin-bottom: 50px; }
.dev_service .service_left { width: 45%; }
.dev_service ul { padding-left: 23px;  border-left: 10px solid #F6F4FF;  width: 100%;  max-width: 600px; }
.dev_service ul h6 { margin-bottom: 10px; }
.dev_service ul li {  margin-bottom: 30px; position: relative;}
.dev_service ul li:after {   content: "";  position: absolute;  left: -33px; right: 0; top: 0; bottom: -50px;  width: 10px;background: #F00; opacity: 0;  transition: all 0.5s;}
.dev_service ul li:hover:after{ opacity:1;  } 
.dev_service ul li:last-child:after { bottom:0; }
.dev_service .pt3:after { transform: rotate(90deg); right: -106px;  width: 274px;   height: 139px; top: -10px; }


.dev_slider_section .slider_title { max-width: 1050px; }
.dev_slider_section .slick-arrow {  top: -182px; }

.clients_sec {  padding: 70px 0 90px; overflow: visible; }
.clients_box { width: calc(100% / 3 - 30px);  margin: 0 15px; }
.clients_slider { margin: 0 -15px;  display: flex; flex-wrap: wrap; }
.clients_content { box-shadow: 0px 4px 40px 0px #2B59FF14;  padding: 45px 40px; border-radius: 15px; margin-bottom: 40px; background-color: #fff; }
.clients_content .clients_text { color: #000B33; margin-bottom: 50px; }
.clients_wrap { display: flex; align-items: center; padding: 0 50px; }
.clients_img { width: 70px;   height: 70px; border-radius: 100%; overflow: hidden; }
.clients_img img { width: 100%; height: 100%; }
.clients_dec { width: calc(100% - 70px); padding-left: 40px; font-size: 16px; }
.clients_dec h6 { margin-bottom: 0; color: #000B33; }
.clients_sec:after { right: 0; }

.consultants_help_sec { padding: 100px 0; }
.consultants_help_sec .title_section {width: 100%;  max-width: 1150px; margin-bottom: 50px; }
.consultants_help_wrap {display: flex; align-items: center; }
.consultants_help_left {width: 50%; }
.consultants_help_right {width: 50%;padding-left: 50px; padding-top: 20px; padding-bottom: 20px; }
.consultants_help_box h3 { font-size: 32px; color: #030314; }
.help_arrow { display: flex; height: 50px; z-index: 22; position: relative; margin-top: 30px; }
.help_arrow > span { width: 45px; height: 45px; display: flex; background: #fff !important; position: static; border: none; align-items: center; justify-content: center; opacity: 1; margin: 0 5px; }
.help_arrow > span:after { display: none; }
.help_arrow > span.help_arrow_left  svg { transform: scale(-1); }
.help_arrow > span:hover { background: #F00 !important; filter: drop-shadow(-5px 10px 30px rgba(0, 89, 133, 0.30)); }
.help_arrow > span:hover svg { fill: #fff; }
.help_arrow > span:hover svg path { stroke: #fff; }
.help_arrow > span svg path { transition: all 0.5s; }
.consultants_help_left img { width: 100%; }
.acc_wrap { margin-top: 40px; }
.product_service { padding-top: 100px; }
.product_service .service_row {align-items: center; }


/**/
.implementation_hero .container { max-width: 1620px; }
.implementation_hero .hero_text { width: 100%; max-width: 580px; }
.our_impl.our_devp .our_item:nth-child(2) { margin-top: 0; margin-bottom: 30px; }
.our_impl.our_devp .our_item:nth-child(5) { margin: 0 0 30px; }
.dev_slider_section .bg_red { background: #fff; }
/* .porcess_impl .process_item:last-child { width: 100%; } */

.acc_section .acc_img:before { background-image: url(../images/dots_v2.svg); width: 235px; height: 217px; top: -30px;  left: -30px; right: auto; }
.acc_section .acc_img:after { content: ""; background: url(../images/dots.svg) no-repeat center / contain; position: absolute; width: 165px; height: 217px; right: 40px; bottom: 60px;  z-index: -1; }
.acc_img img {width: 100%;} 
.implement_service { padding-top: 150px; }

.consulting_hero .hero_img img { border-radius: 0; }
.consulting_hero   .hero_img:before {right: -80px;  bottom: 0; z-index: -1;  width: 525px;  height: 525px; }
.consulting_hero .hero_text { max-width: 100%; }

.accordian_section:before { top: -70px; opacity: 0.6;}

/*clinik*/
.clinik_hero .hero_text { width: 100%; max-width: 750px;}
.cilinik_service .pt2:after { left: auto; bottom: 0; transform: rotate(90deg); }
.cilinik_service .pt1:before {background: url(../images/pt2.svg);background-size: cover;background-position: center;top: -60px;position: absolute;right: calc(100% - 300px);width: 175.596px;height: 87.639px;}
.acc_clinik.curve_shape:after { left: 0; transform: scale(-1); top: 300px; }
.commited_cilinik .commited_title { max-width: 100%; }
.our_item_title h3 { font-size: 32px; line-height: normal; }
.acc_cilinik_text { color: red; width: 100%; max-width: 640px; padding-top: 10px;}


/**/

.converter_service .pt1:before { margin: 30px -40px 0;}
.our_covert .title_text span { font-size: 24px; line-height: normal; color: red; }
.our_covert .title_text { margin-top: 20px; }


.store_section { padding: 100px 0 20px; }
.store_section.curve_shape:before { transform: scale(-1); bottom: 50px; height: 890px; width: 440px; }
.store_section .title_section { width: 100%; max-width: 1180px; }
.store_left { width: 50%; }
.store_right { width: 50%; padding-left: 20px; }
.store_wrap { display: flex; flex-wrap: wrap; }
.store_item { width: calc(100% / 3 - 30px); margin: 0 15px 30px;border-radius: 16px; background: #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10); text-align: center; padding: 20px; transition:all 0.5s; cursor:pointer; }
.store_icon img { width: 100%; height: 100%;  background: #fff; border-radius: 100%; }
.store_icon { line-height: 0; max-width: 80px; margin: 0 auto 20px; }
.store_item:hover , .store_item.active { background: #800080; color: #fff}
.store_item:hover .store_title h5 , .store_item.active .store_title h5 { color: #fff;}
.store_item .store_title h5:hover { background: #800080; color: #fff}
.store_title h5 { color: #333; font-weight: 400; }
.store_box { border-radius: 16px; border: 1px solid #E8ECFB; background: #FFF; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10); }
.store_img img { width: 100%; height: 100%; border-radius: 10px 10px 0 0; }
.store_img { line-height: 0; max-width: 746px; }
.store_box_title { padding: 30px; }
.store_box_title h5 { font-weight: 600; }

/**/
.title_pdf h2{font-size: 45px;}
.store_main { border-radius: 20px; border: 2px solid #E8ECFB; opacity: 0.7; background: #E8ECFB; text-align: center; margin: 50px 0 0; padding: 30px 30px 20px; }
.store_content h4 { font-size: 32px; line-height: normal; color: #000; }
.store_content h3 { font-size: 32px; line-height:normal; margin-bottom: 30px;}
.store_content { width: 100%; max-width: 1160px; margin: auto; }
.pdf_store.curve_shape:before { right: 0; transform: scale(1); width: 330px; height: 703px; top: 304px; }


/**/
.pdf_service .pt2:after { background-image: url(../images/pt2.svg); left: -80px; right: 0; z-index: 1; top: 120px; width: 196.946px; height: 97.654px; transform: rotate(180deg); }
.marketing_sevice .pt2:after { transform: rotate(180deg); margin: auto; left: 0; right: 0; }
.marketing_sevice .pt1:before { margin-right: -32px; margin-top: 30px;}
.marketing_sale:before { bottom: 0; width: 300px; height: 721px; top: 0; }

/**/
.signature_hero .mp1:after { right: 40px; z-index: 1; top: -80px; }
.signathure_service .pt1:before {top: 200px; left: -10px;}
/*.converter_service .half_circule1:after { top: 94%; transform: rotate(180deg); }*/
.converter_service { padding: 120px 140px; }

/**/
.acc_pdf.curve_shape:after {right: auto;transform: scale(-1);top: 170px;}
.markert_acc.curve_shape:after { top: 108px;}
.accordian_pdf.curve_shape:after { top: 70px; width: 280px; height: 570px; }

.converter_service .half_circule1:after { bottom: -90px; transform: scale(-1);  top: auto; }

.signature_service_sec .service_img { max-width: 700px; }

.signature_service_sec .service_right {width: 45%;}
.signature_service_sec .service_left {width: 55%;}
.signature_service_sec .container { max-width: 1420px; }

.acc_clinik2 {
    padding: 90px 0;
}

.acc_clinik2.curve_shape:after {top: -220px;transform: rotate(-90deg);left: 0;right: -610px;margin: auto; opacity: 1;}
svg.clinik_svg {
    position: absolute;
}

svg.clinik_svg.clinik_svg2 {
    right: 50px;
}

svg.clinik_svg.clinik_svg3 {
    bottom: 50px;
    left: 510px;
}

.clinik_hero .mp1:before {
    content: "";
    background-image: url(../images/dots3.svg);
    width: 235px;
    height: 217px;
    position: absolute;
    bottom: -40px;
    left: -40px;
} 

.storev2_section {padding-bottom: 70px; }
.our_covert {
    padding-bottom: 90px;
}

/*  */
.contact_section { padding: 80px 0; overflow: hidden; }
.contact_left {width: 475px; box-shadow: 0 15px 40px rgb(211 220 232 / 60%); padding: 30px; border-radius: 10px; background: #fff;}
.contact_right { width: calc(100% - 475px); padding-left: 50px;}
.contact_wrap { display: flex; align-items: flex-start; margin-bottom: 10px;}
.contact_section .empower_icon { margin-top: -5px; }
.contact_icon a i { width: 50px; height: 50px; border: 1px solid #e6e6e6; border-radius: 50px; color: #888; transition: all 500ms ease; display: flex; align-items: center; justify-content: center; font-size: 20px; }
.contact_col_right { width: calc(100% - 50px); padding-left: 30px; }
.contact_title { padding-left: 70px; }
.contact_col { margin-bottom: 30px; }
.contact_title h5 { margin-bottom: 10px; }
.contact_link a { color: #252525; }
.contact_img img { width: 100%; height: 100%; }
.contact_img { width: 100%; max-width: 30px; margin-top: 10px; margin-left: 10px; }
.contact_col_text { width: 100%; max-width: 300px;margin: 0 10px; }
.contect_text p { margin-bottom: 8px;color:black!important; }

.contact_section .empower_icon { width: 40px; height: 40px; }
.contact_section .empower_icon svg { width: 16px; }
.contact_img + .contact_col_right { padding-left: 20px; }
.contact_section .empower_icon { background:#F00; border-radius: 100%; margin-bottom: -1px;  }
.contact_link a:hover { color:#F00; }
.converter_service .service_right { padding-left: 30px;}

/**/
.dev_slider_section .slider_item:hover h5 { color: red; transition: all 0.5s; }
.slider_item:hover { border-color: red; }
.dev_service .service_img { position: sticky; top: 120px;}

ul.tag_img li { transform: translateY(20px); opacity: 0; transition: all 0.5s; }
ul.tag_img li:nth-child(2) { transition-delay: 0.5s; }
ul.tag_img.active li {  opacity: 1;  transform: translateY(0); }

.blog_sec { padding: 100px 0; font-size: 16px; line-height: 24px; }
.blog_row {  margin: 0 -15px; }
.blog_item { width: calc(100% / 4 - 30px);  margin: 15px; box-shadow: -10px 60px 60px 0px rgb(115 137 149 / 20%); }
.blog_content { padding: 30px 30px 110px; position: relative; }
.blog_img { width: 100%; padding-top: 54%; }
.blog_content a { color: #000B33; }
.blog_content h4 { font-size: 24px;  line-height: normal; }
.blog_item .link a { display: flex; align-items: center; justify-content: center; background: #F00;  position: absolute; bottom: 15px; right: 20px;}
.blog_item .link a path {  stroke: #fff; }

.filter_left { width: 50%;  align-items: center; }
.filter_right { width: 50%;  text-align: right; }
.filter_search {  display: inline-block; position: relative; }
.filter_sec h6 {  font-size: 16px;  margin-right: 20px; margin-bottom: 0; color: #800080; }
.filter label { box-shadow: -10px -1px 70px 0px rgb(115 137 149 / 30%);  display: block;  background: #fff;  padding: 16px 45px 16px 15px;  line-height: normal;  position: relative; cursor: pointer; }
.filter { min-width: 300px; position: relative; }
.filter ul {  position: absolute;  background: #fff; width: 100%;  display: none; z-index: 9; max-height: 266px; overflow: auto; }
.filter ul li a {  padding: 10px 15px;  display: block; color: #00308F; }
.filter ul li a:hover {  background: #00308F;  color: #fff; }
.filter label:after { content: ""; }  
.filter_search input { margin-bottom: 0;  box-shadow: -10px -1px 70px 0px rgb(115 137 149 / 30%); display: block;  background: #fff;  padding: 16px 45px 16px 15px;   width: 350px; }
.filter_sec {  margin-bottom: 30px; }
.filter label svg , .filter_search svg { position: absolute;  right: 14px;  width: 14px; height: 14px;  top: 0;bottom: 0; margin: auto; }
.filter label svg path , .filter_search svg path{  fill: #F00; }  

.loadmore { text-align: center; }
.loadmore .blog-load-more { display: none; }
.loadmore img { width: 58px; height: auto; }

/*blog-details*/
.blog_share ul li { display: inline-block; margin-right: 10px; vertical-align: middle; }
.blog_share ul li a { background: #fff; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 100pc; }
.blog_share ul li a:hover { background-color: #F00; color: #fff;  }
.blog_share ul li a path { transition: ease 0.5s; }
.blog_share ul li a:hover path {fill: #fff;}

.post_left { width: 100%; max-width: 930px; margin: auto; }
/*.post_right { width: 30%; }*/
.post_date { display: flex; justify-content: center; margin-bottom: 20px;}
.post_section { padding: 80px 0; }
.post_title h2 { font-size: 30px; line-height: normal; padding-top: 20px; }
.post_date span { margin-right: 20px; }
.body_text p { font-size: 16px; line-height: 24px; }
.body_text li { list-style: disc; padding-bottom: 8px;}
.body_text ul { padding-left: 20px; margin-bottom: 20px; }
.body_text li { font-size: 16px; line-height: 24px; }
.body_text img { width: 100%; max-width: 800px;}
.post_right_box ul li { display: flex;  align-items: center; padding-bottom: 15px;}
.post_right_box ul li img { width: 100%; max-width: 70px; height: auto; border-radius: 8px;}
.post_right_box ul li a { padding-left: 16px; font-size: 18px; line-height: normal; color: #fff; width: calc(100% - 70px);}
.post_right_box { padding: 40px 20px 20px; background: linear-gradient(88deg, #800080 2.06%, #00308F 98.41%); margin-left: 30px; border-radius: 10px; margin-top: 70px; position: sticky; top: 100px; }
.post_right_box ul li a:hover {  color: red;}
.post_right_box h4 {color: #fff; }

.post_categories ul li { display: inline-block; color: #800080; font-weight: 700; }
.post_categories ul li:after { content: ","; }
.post_categories ul li:last-child:after {  display: none; }
.post_date { justify-content: left; margin-bottom: 25px; }
.related_blog .blog_row { justify-content: center; }

.blog_share { margin-bottom: 20px; }
.blogheroinner h1 { font-size: 50px; line-height: normal; margin-bottom: 40px; }
.blogheroinner .btn a { min-width: 160px; }

.post_date { font-size: 14px; }
.related_blog {  font-size: 16px;  line-height: 24px; }

.footer_nav li.flex { margin-bottom: 10px; }



.acc_section .acc_img:after { right: -40px; }

.integration_ptn { position: relative; z-index: 1; }
.integration_ptn::before, .integration_ptn::after { content: ""; background-image: url(../images/dots3.svg); width: 235px; height: 217px; position: absolute; z-index: -1;  }
.integration_ptn::after { top: -70px; right: 110px; }
.integration_ptn::before { bottom: 0; left: 0; right: 0;margin: auto; bottom: -40px; }
.integration_hero { padding-top: 160px; padding-bottom: 160px; }

.augment_section:before { top: -140px; transform: rotate(235deg); }
.augment_section:after { bottom: -140px; top: auto;transform: rotate(65deg); }

.our_devp:before {top: 100px;left: 0;opacity: 0.8;}

.integration_porcess { padding-top: 50px; }
.our_devp.curve_shape.curve_after_hide { padding-bottom: 80px; }
.integration_porcess:after { right: 0; left: auto; }
.integration_porcess:before { right: 0; left: auto;  transform: none;  top: 0; } 

.integration_help_sec .title_section { width: 100%; max-width: 1322px; }
.integration_help_sec .title_section .title_text { max-width: 1180px; margin: auto; }
.integration_help_sec .title_section h2 {  font-size: 40px; }

.include_service_sec .service_text { margin-bottom: 30px; }
.list_style ul {  display: flex; flex-wrap: wrap; }
.list_style ul li { width: 50%; position: relative;  padding-left: 40px;  color: #000000;  margin-bottom: 12px; }
.list_style ul li:before { content: ""; width: 32px;  height: 32px; position: absolute; left: 0; top: 0; background-image: url(../images/tick-square.png); }

.include_service_sec { padding-top: 130px; }
.include_service_sec h2 { margin-bottom: 50px; }

.methodology_item { width: calc(100% / 3 - 30px); margin: 15px 15px; text-align: center; border-radius: 14px; background: rgb(33 5 163 / 5%);  display: flex;  align-items: center;justify-content: center;  flex-wrap: wrap;  padding: 30px 15px; }
.methodology_item h5 {  width: 100%;  margin-bottom: 0;  color: #000; font-size: 20px;  font-style: normal; font-weight: 500;  line-height: 30px; /* 150% */ letter-spacing: 0.2px; }
.methodology_sec { padding-top: 40px; overflow: hidden; }
.methodology_row {  margin: 0 -15px; }
.methodology_sec:after { top: 0; opacity: 0.5; }
.methodology_sec .service_text { margin-bottom: 30px; }
.methodology_sec .service_left { padding-right: 30px; }

.integration_choose_sec .choose_item { margin: 0 auto 24px !important; text-align: center;  max-width: 580px; padding: 20px 15px; }
.integration_choose_sec .choose_item .chhose_content { padding: 0; width: 100%; }
.integration_choose_sec .chhose_left { width: 50%; }
.integration_choose_sec .chhose_right { width: 50%; }
.integration_choose_sec .container {  max-width: 1320px; }
.integration_choose_sec h2 { font-size: 42px;  margin-bottom: 20px; }



/**/
.counter_section { margin-top: -80px; position: relative; z-index: 1; }
.counter_item { width: 20%; text-align: center; }
.counter_title { font-size: 45px; font-weight: 700;display: flex; align-items: center; justify-content: center; margin-bottom: 6px; }
.counter_main { border-radius: 20px; background: #FFF; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.07); padding: 100px 0; }
.counter_title h2 {font-size: 40px; font-weight: 700; margin-bottom: 0; line-height: normal;}
.counter_text { font-size: 22px; font-weight: 500; line-height: normal;}



/**/
.footer_awrard_title h2 { margin-bottom: 50px; }
.award_img ul li { display: inline-block; vertical-align: middle; margin-right: 30px; }
.award_img ul li img { width: 100%; height: 100%; max-width: 180px; height: 110px;  object-fit: contain;}
.award_img { padding-bottom: 100px; }

/**/
.footer_awrard_title{text-align: center;}

.header_right { display: flex; justify-content: right; }  


@media(max-width:1900px){
/*    .container { max-width: 1400px; }*/
    h1 { font-size: 60px; }

}


@media(max-width:1850px){
    .container {  max-width: 1400px;  }

    .circle_hero .hero_img {width: 411px;height: 378px;}
    .circle_hero .hero_img:before { width: 383px; height: 356px; }
    .circle_hero:after { width: 492px; height: 450px; }
    .circle_hero:before { width: 590px; height: 551px; }
    ul.circle_ul li:nth-child(1) { top: 7px; }
    ul.circle_ul li:nth-child(2) {top: -63px;right: 10px;}
    ul.circle_ul li:nth-child(3) { bottom: -5px; }
    ul.circle_ul li:nth-child(4) { bottom: 12px;}
    ul.tag_img li:nth-child(1) img { width: 100%; max-width: 240px; }
    ul.tag_img li:nth-child(1) { right: -150px; }
    ul.tag_img li:nth-child(2) img { width: 100%; max-width: 190px; }
    ul.tag_img li:nth-child(2) { left: -130px; bottom: 130px; top: auto; }
    .hero_section h3 { font-size: 30px; }

    .product_left { width: 602px; }
    .product_right { width: calc(100% - 602px); }
    .twocol_left {  width: 642px; }    
    .twocol_right {  width: calc(100% - 642px);  }

    .develoment_hero .hero_img:before { width: 615px;  height: 615px; }
    .our_item_title h3 { font-size: 28px; padding-top: 10px; }
    
}



@media(max-width:1500px){
    .container { max-width: 1200px; }
    h1 { font-size: 60px; }

    .service_specialties .service_item { width: 50%; }
    .service_specialties .service_item_right {  width: 100%; }
    .service_specialties .reverse .service_left {  position: relative;  right: -120px; }
    .service_specialties { overflow: hidden; }

    /* .fourcol_item { width: calc(25% - 48px); } */
    .fourcol_img { width: 100%; }
    .client_right { padding-left: 80px; }

    .client_right { padding-left: 80px; }
    .accordion_item { padding-right: 60px; }
    .accordion_item_title:before { right: -39px; }
    .accordion_item_title:after { right: -27px; }

    .two_column_sec .service_right {  padding-left: 30px;  }
    .sevice_imp_stage .service_item { width: 33.333%; }

    .home_hero { min-height: 500px; }
    .home_product_sec .service_left { width: 400px; }
    .home_product_sec .service_right { width: calc(100% - 400px); }
    .home_product_sec .img_curve { margin-left: -80px; max-width: 374px; height: 374px; }
    .home_product_sec .img_curve:before { max-width: 460px; height: 460px; }
    .home_product_sec .img_curve:after, .home_product_sec .img_curve_new span:before { width: 372px;  height: 372px; }
    .home_product_sec .img_curve_new span:before { top: -70px; left: -80px; }
    .home_product_sec .img_curve:after { top: 100px; right: -70px; }

    /*  */
    .empower_main {  padding: 80px 20px; }
    .empower_item { padding-left: 0px; }
    .commited_title h2 {  font-size: 56px;   margin-bottom: 30px;  }


    /* 14-09-2023 */
    .product_left { width: 534px; }
    .product_right { width: calc(100% - 534px); }
    .product_item { padding: 20px 28px; }
    .social_link ul li {   margin-right: 5px;     }


    /*  */
    .service_img { max-width: 460px; margin: auto; }
    h2.animated.fadeInUpShort.delay-750.go { }
    .two_column_sec .service_right h2 { font-size: 40px; line-height: normal; }
    .service_text p { font-size: 16px; line-height: 22px; }
    .service_section { padding: 100px 0; }
    .curve_shape:before, .curve_shape:after { }
    .service_section .title_section { margin-bottom: 20px; }
    .commited_title h2 { font-size: 45px; line-height: normal; }
    .empower_section .title_section h2 { font-size: 42px; line-height: normal; }
    .empower_icon { width: 80px; height: 80px; }

    /*  */
    .develoment_hero .hero_img:before {   height: 545px;  width: 545px;  } 
    .develoment_hero .hero_left {  padding-right: 30px; } 
    .develoment_hero .hero_left h1 {line-height: normal; }

/*    */
        .store_icon { max-width: 60px; }
        .store_icon { }
        .store_item { min-height: auto; }
        .store_section.curve_shape.curve_after_hide { }
        .store_section.curve_shape:before { width: 340px; height: 775px; top: 120px; }
        .store_title h5 {font-size:20px; line-height:normal; }

/*         */
/*       .service_text p { font-size: 16px; line-height: 24px; }*/
       .service_right h2 { font-size: 40px; line-height: normal; }
       .our_item_title h3 { font-size: 24px; padding-top: 10px; }

/*       */
.converter_service .service_right { padding-right: 0; padding-left: 0;}

/**/
.hero_img{right: 0;}

/*    */
    .blog_content h4 { font-size: 22px; line-height: normal; }
    .blog_content { padding: 20px 20px 110px; }

  /**/
  .counter_main { padding: 70px 20px; }

 /*  */
 .circle_hero .hero_img { right: -20px; }


}

@media(max-width:1400px){ 
    .sevice_imp_stage .service_left { width: calc(50% - 220px); padding-left: calc(50% - 540px); }
    .sevice_imp_stage .service_img { max-width: 290px; height: 290px; }
    .sevice_imp_stage .img_curve:before { width: 372px; height: 390px; }
    .sevice_imp_stage .img_curve_new span:before { width: 328px; height: 328px; left: -90px; top: -110px; }
    .sevice_imp_stage .img_curve:after { width: 328px; height: 328px; right: -100px; bottom: -110px; top: auto; }
    .sevice_imp_stage .service_right { width: calc(50% + 220px); padding-right: 15px; padding-left: 104px; }
    .sevice_imp_stage .service_icon { margin-left: auto; margin-right: auto; position: relative; left: -20px; }

    .sevice_imp_stage .title_section { padding: 0 15px; }

    .footer_wrap { margin: 0; }
    .footer_col { margin: 0 15px; }

    .acc_section .acc_right {    padding-left: 0;  }
    .acc_section .acc_left {   padding-right: 60px;  }

}

@media(max-width:1300px){
    .service_section {  overflow: hidden; }

}

@media(max-width:1199px){ 
    .container { max-width: 962px; }

    .img_curve {  max-width: 200px; height: 200px; }
    .img_curve img {  border-radius: 30px; }
    .img_curve:before { width: 260px; height: 260px; border-radius: 30px;  left: -30px; top: -30px; }
    .img_curve:after, .img_curve_new span:before {width: 210px;  height: 210px;   border-radius: 40px; }
    
    .img_curve:after { bottom: -80px; right: -80px;  top: auto; }

    .service_left { width: 400px; }
    
    .service_right { width: calc(100% - 400px); }
    
    .process_service .img_curve {  left: 0; }    
    .service_section {  padding: 60px 0; }    
    .img_curve_new span:before {  left: -80px; top: -80px;  }
    
    .service_specialties .service_row.reverse .service_img { margin-left: 0; }

    .fourcol_img { height: 276px; }     
    .img_teg h5 { font-size: 20px;  line-height: normal;   margin-bottom: 0; }

    .client_left {  width: 430px; }
    .client_right { width: calc(100% - 430px); }

    /*  */
    .home_hero h1 {  font-size: 60px;  }
    .home_product_sec .img_curve { max-width: 200px; height: 200px; margin-left: 0; }
    .home_product_sec .img_curve:before {  width: 260px; height: 260px; border-radius: 30px; left: -30px; top: -30px; }
    .home_product_sec .img_curve_new span:before { top: -80px;}
    
    .home_product_sec .img_curve:after, .home_product_sec .img_curve_new span:before { width: 210px; height: 210px; border-radius: 40px; }
    .home_product_sec .img_curve:after { bottom: -80px; top: auto; }
    .home_product_sec .service_left { width: 340px; margin-top: 40px; }
    .home_product_sec .service_right { width: calc(100% - 340px); }
    .home_product_sec .service_item { width: 100%; }
    .home_process_sec .title_section { margin-bottom: 70px; }
    .home_process_sec .service_left { min-height: auto; }

    /*  */
    .service_intergation .service_item_right { padding-right: 0; }

     /*  */
    .commited_title h2 { font-size: 44px; line-height: normal; }
    .commited_section { min-height: 400px; }
    .empower_item { width: calc(100% / 2 - 30px); margin: 15px; flex-wrap: wrap; justify-content: center; }
    .empower_right {  width: 100%;  padding: 20px 30px 0; text-align: center; }
    .empower_wrap { justify-content: center; }
    .empower_section { padding: 70px 0; }
    .ifram_wrap iframe { min-height: 380px; }
    .frame_section { padding: 60px 0; }

    /*  */
    .contact_left { width: 400px; }
    .contact_right { width: calc(100% - 400px); }
    .contact_title h5 { font-size: 22px; line-height: normal; }
    .contact_form_title h2 { font-size: 32px; line-height: normal; }
    
    /*  */
    h1 { line-height: normal; }
    .circle_hero .hero_img { width: 241px; height: 219px; margin-bottom: -39px; margin-right: 17px; }
    .circle_hero .hero_img:before { width: 215px; height: 193px; }
    .circle_hero .hero_img img { bottom: 31px; left: -3px; }
    .circle_hero:after { width: 292px; height: 292px; }
    .circle_hero:before { width: 360px; height: 360px; }
    ul.tag_img li:nth-child(2) img { max-width: 130px; }
    ul.tag_img li:nth-child(2) { bottom: 0px; left: -80px; }
    ul.tag_img li:nth-child(1) img { max-width: 160px; }
    ul.tag_img li:nth-child(1) { right: -70px; top: 0px; }
    ul.circle_ul li:nth-child(1) svg { width: 32px; }
    ul.circle_ul li:nth-child(2) svg { width: 25px; }
    ul.circle_ul li:nth-child(2) { top: -81px; right: 30px; }
    ul.circle_ul li:nth-child(3) svg { width: 40px; }
    ul.circle_ul li:nth-child(3) { bottom: -40px; right: -38px; }
    ul.circle_ul li:nth-child(4) svg { width: 26px; }
    ul.circle_ul li:nth-child(4) { bottom: -58px; }

    .twocol_left { width: 45%; }
    .twocol_right { width: 55%; }
    .our_item { width: calc(100% / 2 - 30px); }
    .product_left { width: 100%; margin-bottom: 50px; }
    .product_right { width: 100%; }
    .product_row.flex { flex-wrap: wrap; }
    .product_item { width: 50%; }
    .product_section .wrap_v2 { margin: 0; }
    .chhose_left { width: 55%; }
    .chhose_right { width: 45%; }
    .social_link ul li { margin-right: 0; }
    .choose_section { padding: 70px 0; }
    
    .slick-arrow{top:auto;bottom:-60px;left:0;right:0;margin:auto}button.slick-prev.slick-arrow{right:-150px}button.slick-next.slick-arrow{left:-150px}

    /*  */
    .curve_shape:before, .curve_shape:after { width: 170px; height: 700px; top: 0; }
    .service_right { padding-right: 60px; }
    .two_column_sec .service_right h2 { font-size: 31px; }
    .aport_service 
    .title_section h2 { font-size: 35px; line-height: normal; }
    
    /*  */
    svg.svg_pt.svg_pt2 { width: 200px;  height: 100px; }
    .commited_title h2 { font-size: 40px;  line-height: normal; }
    svg.svg_pt.svg_pt1 { width: 100px; height: 210px; }

    .develoment_hero .hero_img:before {   height: 425px;     width: 425px; }
    .acc_section {  padding: 90px 0; }
    .acc_section .acc_left {  width: 55%;  padding-right: 30px; }
    .acc_section .acc_right {   width: 45%;  }
    .acc_section h2 {  font-size: 40px; }
    .acc_item {  padding: 40px 30px 20px; }
    /* .acc_item_no {    top: 29px;     } */
    .process_section {    padding: 80px 0;     }
    
    .dev_service:after {   right: 0;     }
    .dev_service .pt3:after {    top: 10px;    }
    .dev_service .service_right {   padding-right: 50px;     }
    .dev_slider_section .slick-arrow {    top: auto;     }
    .fourcol_img img {    height: 200px;     }
    .fourcol_img {    height: auto;     }
    .clients_content {    padding: 20px 25px;     }
    .clients_wrap {  padding: 0 15px;  }
    .clients_dec {   padding-left: 20px; }

     .store_section .title_section h2 {font-size: 40px; line-height: normal; }
    .store_section { padding: 60px 0; }
    .store_section.curve_shape:before { top: 120px; width: 300px; height: 700px; }
    .store_title h5 { font-size: 17px; line-height: normal; }
/*    .store_title h5 {font-size:20px; line-height:normal; }*/
    .store_item { min-height: 160px; padding: 0 10px 0; }
    .store_icon { margin-top: 20px; }
    .store_content h3 { font-size: 28px; line-height: normal; }
    .store_content h4 { font-size: 28px; line-height: normal; }
    .our_item_title h3{font-size: 18px; line-height: normal;} 
    .our_item_title h5{font-size: 20px; line-height: normal;} 


    /*    */
    .converter_service .service_right { padding-right: 0; padding-left: 20px;}
    .converter_service.curve_shape:after { width: 310px; height: 630px; top: 70px; }


    /**/
    .dev_service ul li:last-child:hover:after {height: 103px;}

    /**/
    .blog_item { width: calc(100% / 3 - 30px);}

    /**/
    .post_section{padding: 60px 0;}
    /*.post_left { width: 60%; }*/
    /*.post_right { width: 40%; }*/
    .body_text h2 { font-size: 35px; line-height: normal; }
    .body_text h3 { font-size: 28px; line-height: normal; }
    .post_right_box ul li img { max-width: 60px; }

    .blogheroinner h1 { font-size: 40px; }
    .blogheroinner .hero_left { padding-right: 30px; }


/**/
.counter_title h2 { font-size: 40px; line-height: normal; }
.counter_title { font-size: 36px; line-height: normal; margin-bottom: 4px; }
.counter_text { font-size: 24px; line-height: normal; }

/**/
.circle_hero .hero_img { right: -34px; width: 250px; height: 250px;  top: 12px; }
ul.circle_ul li:nth-child(1) { left: -70px; }
ul.circle_ul li:nth-child(2) { top: -75px; }
ul.circle_ul li:nth-child(3) { right: -52px; }
ul.circle_ul li:nth-child(4) { bottom: -41px; left: 10px; }

/**/
.counter_item{width:33.33%;margin-bottom:25px}



}


@media(max-width:991px){ 
    .container { max-width: 750px; }    
    h1 {  font-size: 45px; }
    h2 {  font-size: 36px; }
    body {  font-size: 14px;  line-height: 22px;  }

    .nav_menu > ul > li > a {  padding: 18px 10px;  }
    .fixed .nav_menu > ul > li > a {    padding: 18px 10px; }
    .header_logo {    max-width: 125px;  }
    .header_right {   width: calc(100% - 125px); }
    .nav_menu ul li a { font-size: 14px; line-height: normal;  }


    .hero_section {  min-height: 460px; }
    .hero_section .btn {  padding-top: 40px;  }

    .service_item:last-child { margin-bottom: 0; }    
    .inculed_section { padding-top: 60px; }
    .inculed_item { padding: 0 15px;  }

    .service_specialties .service_item { width: 100%; }
    .service_specialties .service_row.reverse .service_img { margin-left: -20px; }

    .fourcol_item { width: calc(100% / 2 - 50px);   margin-bottom: 30px; }
    .fourcol_img { height: 426px;  }

    .fourcol_section { padding: 60px 0; }
    
    .client_img { max-width: 245px;  height: 245px; }
    .client_img:after {  width: 330px;  height: 330px; }
    .client_img:before { width: 295px; height: 295px;  left: -90px;  top: auto;   bottom: -89px;  }
    .client_left {   width: 338px;  }
    .client_right {  width: calc(100% - 338px);  padding-left: 60px;    }
    .client_section {   padding-bottom: 130px;  }


    .footer_col h6 {font-size: 18px; }
    .social_link ul li { margin-right: 4px; }
    .social_link ul li a {width: 30px; height: 30px; }

    .footer_wrap {  flex-wrap: wrap; }
    .footer_col:first-child { width: 100% !important;  margin-bottom: 30px; }
    .footer_col { width: calc(22% - 30px);  }
    .footer_col:last-child {width: 29%;}

    .home_hero h1 { font-size: 45px; }
    .home_hero h3 { font-size: 28px; }
    .home_inculed_section .inculed_item { padding: 20px; }
    .home_inculed_section h6 { line-height: 24px; }
    .home_process_sec .service_right { padding-right: 30px; }
    .home_process_sec .title_section { margin-bottom: 40px; }
    .home_product_sec .service_left { width: 300px; }
    .home_product_sec .service_right { width: calc(100% - 300px); }

    
    .sevice_imp_stage .service_left { width: 300px; margin: 0 auto 200px; }
    .sevice_imp_stage .service_row.flex { flex-wrap: wrap; }
    .sevice_imp_stage .service_right { width: 100%; padding: 0 15px; justify-content: center; }
    .sevice_imp_stage .service_item { width: 50%; }

    /*  */
    .service_itergation .service_right {  padding-right: 20px;  }
    .service_itergation_v1 .service_right {  padding-left: 30px;  }
    .form_col {  padding: 0 8px; }
    .form_main {margin: 0 -8px; }
    .frame_section { padding-bottom: 20px; }
    
    /*  */
    .contact_left { width: 300px; }
    .contact_right { width: calc(100% - 300px); }
    .contact_title h5 { font-size: 20px; line-height: normal; }
    .contact_form_title h2 { font-size: 29px; line-height: normal; }
    .form_item_cb input { height: 40px; }
    .form_item_cb input::placeholder { font-size: 14px; line-height: normal; }

    /*  */
    .hero_section h3 { font-size: 18px; }
    .our_section { padding: 60px 0; }
    .choose_item { padding: 10px 22px; margin-bottom: 18px; }
    .chhose_content { padding-left: 20px; }
    .chhose_content h5 { font-size: 19px; }
    .choose_item:nth-child(2n) { margin-left: -10px; }

     .service_section{padding: 150px 0  60px;}
    .service_row { display: block; }
    .service_left { width: 100%; margin-bottom: 30px; }
    .service_right { width: 100%; margin-top: 70px; }
    .service_section .title_section { margin-bottom: 50px; }
    .commited_title h2 { font-size: 34px; line-height: normal; }

    .develoment_hero .hero_img:before { width: 320px; height: 320px; left: -20px; top: -20px; }
    .acc_section h2 { font-size: 36px; }
    .process_no { font-size: 26px; }
    .process_right_content { padding-left: 20px; }
    .dev_service .service_left { width: 100%; }
    .dev_service .service_right { width: 100%; padding-right: 0; }
    .acc_section .acc_left { width: 100%; padding-right: 0; }
    .sevice_row { flex-wrap: wrap; }
    .acc_section .acc_right { width: 100%; margin-top: 100px; }
    .acc_right .sewrvice_img { margin: auto; }
    .acc_item { max-width: 100%; }
    .fourcol_img { height: auto; }
    .clients_box { width: calc(100% / 2 - 30px); margin-bottom: 60px; }
    .clients_slider { justify-content: center; }
    .clients_sec { padding-bottom: 50px; }
    .fourcol_row {  justify-content: center; }

    .consultants_help_right { padding-left: 30px; }
    .consultants_help_box h3 { font-size: 22px; }
    .consultants_help_sec .title_section {  margin-bottom: 30px; }
    .consultants_help_sec { padding: 60px 0;  }

    /*    */

    .store_section .title_section h2 { font-size: 32px; line-height: normal; }
    .store_item { width: calc(100% / 2 - 30px); }
    .store_content h3 { font-size: 24px; line-height: normal;}
    .store_content h4 { font-size: 24px; line-height: normal; }
    .pdf_store { padding: 60px 0 0; }
    .acc_section h2 { font-size: 30px; line-height: normal; } 
    svg.clinik_svg.clinik_svg1 { width: 70px; top: -10px; }
    .acc_clinik2.curve_shape:after { width: 250px; height: 500px; right: -100px; }
    svg.clinik_svg.clinik_svg3 { }
    svg.clinik_svg.clinik_svg3 { bottom: 20px; }
    
    .signature_service_sec .service_left { width: 100%; }
    .two_column_sec .service_right { width: 100%; }

        /**/
    .blog_sec { padding: 70px 0; }
    .filter { min-width: 220px;}


    /*  */
    /*.post_left { width: 50%; }*/
    /*.post_right { width: 50%; }*/
    .post_right_box h4 { font-size: 22px; line-height: normal; }
    .body_text p { font-size: 14px; line-height: 22px; }
    .body_text h3 { font-size: 22px; line-height: normal; }
    .body_text h2 { font-size: 30px; line-height: normal; }
    .body_text h5 { font-size: 20px; line-height: normal; }

    .blog_item {  width: calc(100% / 2 - 30px); }

/**/
.counter_main { padding: 50px 10px; }
.counter_title { font-size: 30px; line-height: normal; }
.counter_title h2 { font-size: 35px; line-height: normal; }
.counter_text { font-size: 20px; }

.header_right #mega-menu-wrap-menu-1 #mega-menu-menu-1 {
    padding-left: 0;
}

.header_right #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    padding: 0 0;
    font-size: 14px;
}

header .container {  
    max-width: 890px;
}

.header_right #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-size: 14px;
}

.header_right #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-size: 14px;
}


}

@media(max-width:767px){
    h1 {  font-size: 32px;  }    
    h2 {  font-size: 26px;  line-height: 32px;  }
    
    header {  padding: 20px 0;  }

    .header_right{ display: none; }    


    
    .service_section .title_section {    margin-bottom: 20px;  }
    .service_row {  flex-direction: column-reverse;}
    /* .service_left {display: table;margin: auto;padding-bottom: 110px;max-width: 240px;width: 100%;} */
    .service_right { width: 100%;  margin-top: 40px; padding-left: 0; }
    .service_item {  flex-wrap: wrap;    margin-bottom: 70px;  }
    /* .service_item_right { width: 100%; padding-left: 0;padding-right: 0; } */
    .service_item:last-child {  margin-bottom: 0; }
    .service_right.row {margin-left: 0;margin-right: 0;}
    .service_right.row .service_item { padding: 0; }

    .inculed_item {  width: 100%; }
    .inculed_item .inculed_icon {   position: relative;    left: -15px; }
    .process_service .service_right {  margin-top: 90px;  padding-right: 0;  }
    
    
    .service_specialties .service_row.reverse .service_img {  margin-left: 0; }
    .service_specialties .reverse .service_left {  right: 0;  }
    .service_row_wrap .service_row {  margin-bottom: 70px;  width: 100%; display: block; }
    .service_specialties .title_section {   margin-bottom: 50px;  }
    .service_business .service_item { width: calc(100% - 30px);  margin: 0 15px 50px; }
    .service_business .title_section { margin-bottom: 50px; }
    .service_business .service_item:last-child {  margin-bottom: 0; }


    /*  */
         .about_hero .hero_wrap { flex-direction: column-reverse; }
        .about_hero .hero_left { text-align: left; padding-bottom: 0; }
        .curve_shape:before, .curve_shape:after { width: 130px; height: 720px; top: 0; }
        .service_left { padding-bottom: 40px; }
        .service_right{padding-right: 0;}
        .empower_section .title_section h2 {font-size: 28px; line-height: normal;}

    .fourcol_item {  width: 250px; margin: 0 0 30px;  }
    .fourcol_img { height: 346px; margin-left: -20px;  }

    .client_row { flex-wrap: wrap;  }

    .client_section {  overflow: hidden;   padding: 60px 0 100px; }    
    .client_img img {  border-radius: 40px; }
    .client_img:after {   border-radius: 77px; }    
    .client_img:before {  border-radius: 60px; }
    .client_left {   width: 280px;    padding-bottom: 140px;   margin: auto;   position: relative; left: -18px; }
    .client_right {  width: 100%;    padding: 0;  }

    .accordion_item_title h5 {    font-size: 16px;    line-height: normal;  }
    .accordion_item {  padding-left: 20px; }
    .accordion_item_title:before {   right: -52px;    }
    .accordion_item_title:after {   right: -39px; }
    
    .footer_col {width: 100% !important;  text-align: center;  margin-bottom: 30px;  }
    .footer_main {   padding-bottom: 0px; }    
    .footer_section {  padding: 40px 0  0;  }
    .footer_nav ul li img {display: table;margin: 0 auto 10px;}
    .footer_nav ul li.flex { flex-wrap: wrap; }
    .accordian_section {   padding-bottom: 40px; }

    .ebiz-toggle { display: block; position: absolute; right: 20px; width: 35px; height: 28px; background: transparent; border: none; margin: auto; }
    .ebiz-toggle span, .ebiz-toggle span:after, .ebiz-toggle span:before { background: #242A33; width: 100%; height: 4px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
    .ebiz-toggle span:after, .ebiz-toggle span:before { content: ""; transition: all 0.5s; }
    .ebiz-toggle span:before { transform: translateY(-10px); }
    .ebiz-toggle span:after { transform: translateY(10px); }
    .body-subopen .ebiz-toggle span { background: transparent; }
    .body-subopen .ebiz-toggle span:before { transform: rotate(45deg); top: 0; } 
    .body-subopen .ebiz-toggle span:after { top: 0; transform: rotate(-45deg); }

    .header_right { position: absolute; top: 100%; left: 0; right: 0; background: linear-gradient(88deg, #800080 2.06%, #00308F 98.41%); padding: 20px 0; width: 100%; text-align: left; max-height: calc(100vh - 63px); overflow: auto !important; }
    .header_right .nav_menu > ul { padding: 0 15px; }
    .header_right .nav_menu > ul > li > a { font-weight: 700; font-size: 18px; line-height: 23px; display: inline-block; padding: 10px 0; width: 100%; color: #fff; }
    .header_right .nav_menu > ul > li ul.sub-menu { display: none; opacity: 1; visibility: visible; box-shadow: none; }
    .header_right .nav_menu > ul > li { margin: 0; width: 100%;  }
    span.mobile-toggle:after { content: "\276F"; transform: rotate(90deg);  font-size: 18px; color: #fff; }
    span.mobile-toggle { position: absolute; right: 0;  font-weight: 700;  font-size: 28px; top: 0; width: 40px;  display: flex; align-items: center;   justify-content: center;     height: 40px; z-index: 2; margin-top: 0; }
    .header_right .nav_menu > ul li.menu-item-has-children { position: relative; }
    span.mobile-toggle.ebiz-subopen { transform: scaleY(-1); }
    .header_right .nav_menu > ul > li ul.sub-menu li a { width: 100%; display: block; font-weight: 700; font-size: 18px; line-height: 30px; color: #fff; padding: 3px 15px 8px; margin-bottom: 6px; }
    .header_right .nav_menu > ul > li ul.sub-menu { margin-bottom: 20px; }
    .sub-menu span.mobile-toggle { font-size: 20px; color: #28A7FC; top: 1px; }
    .header_right .nav_menu > ul > li ul.sub-menu ul.sub-menu li a { padding-left: 30px; }
    .header_right .nav_menu > ul > li ul.sub-menu {position: relative;background: transparent;margin: 0;transition: all 0s;width: 100%;}
    .nav_menu ul li a:hover:before, .nav_menu ul li.active a:before { display: none; }

    .mobile-toggle svg {  display: none;  }
    
    /*  */
    .hero_section { min-height: auto; padding: 50px 0; }
    .home_hero h1 { font-size: 32px; }
    .home_hero h3 { font-size: 24px; line-height: normal; margin-bottom: 13px; }
    .two_column_sec .service_right { padding-left: 0; margin-top: 0; }
    .home_inculed_section .inculed_item { width: 100%; border-right: none !important; }
    .home_inculed_section .inculed_item:after { display: no9n; }
    .home_inculed_section .inculed_row { margin: 0 -30px; }
    .home_inculed_section .inculed_item:last-child { margin-bottom: 10px; }
    .home_product_sec .service_left { margin-top: 10px; }
    .home_product_sec .service_right { width: 100%; }
    .home_product_sec .service_item { margin-bottom: 60px; }
    .home_product_sec h2 { margin-bottom: 60px; }
    .home_product_sec .service_item:last-child { margin-bottom: 0; }

    /*  */
    .sevice_imp_stage .service_img { width: 300px; }
    .sevice_imp_stage .service_left { margin-bottom: 71px; }
    .sevice_imp_stage .img_curve_new span:before { top: -80px; }
    .sevice_imp_stage .img_curve:after { bottom: -90px; }
    .sevice_imp_stage .img_curve:before { height: 355px; width: 355px; }
    .sevice_imp_stage .service_item { width: 100%; }
    .sevice_imp_stage .service_item:last-child { margin-bottom: 0; }

    /*  */
    .service_right.row .service_item { margin-bottom: 30px; }
    .service_itergation_v1 .service_right { padding-left: 0; }

    .commited_title h2 { font-size: 24px; }
    .commited_section { min-height: auto; padding: 50px 0; }
    .empower_item { width: calc(100% / 1 - 30px); }
    .empower_right { padding: 30px 0 0; }
    .empower_main { padding: 50px 20px; }
    .empower_section { padding-top: 60px; padding-bottom: 30px; }
    .frame_left { width: 100%; padding: 0; }
    .frame_row { flex-wrap: wrap; }
    .form_col { width: 100%; margin-bottom: 30px; }
    .form_main { flex-wrap: wrap; }
    .form_box { margin-top: 0; }
    .form .button { text-align: center; padding-top: 10px; }
    .frame_right { width: 100%; margin-top: 50px; }
    .ifram_wrap iframe { min-height: 330px; }

    /*  */
    .contact_section{padding: 40px 0;}
    .contact_left { width: 300px; }
    .contact_right { width: calc(100% - 300px); }
    .contact_title h5 { font-size: 20px; line-height: normal; }
    .contact_form_title h2 { font-size: 29px; line-height: normal; }
    .form_item_cb input { height: 40px; }
    .contact_row.flex { display: block; }
    .contact_left { width: 100%; }
    .contact_right { width: 100%; padding-left: 0; margin-top: 20px; }
    .form_item_cb { width: 100%; }
    .contact_right .button {text-align: center; }


    /*  */
    .hero_wrap { flex-wrap: wrap; text-align: center; } 
    .hero_left { width: 100%; padding-bottom: 80px; }  
    .hero_right { width: 100%; padding: 0 0 60px; }   
    .hero_section .btn { padding-top: 20px; }
    .btn3 a { padding: 13px 25px; }
    .twocol_row.flex { flex-wrap: wrap; }
    .twocol_left { width: 100%; }
    .twocol_right { width: 100%; padding: 30px 0 0; }
    .twocol_section { padding: 70px 0; }
    .our_item { width: calc(100% / 1 - 30px); margin-top: 0 !important; margin-bottom: 25px !important; }
    .slider_section { padding: 60px 0; }
    .product_section { padding: 30px 0 60px; }
    .product_item { width: 100% !important; min-height: 350px; padding-bottom: 121px; }
    .product_right { flex-wrap: wrap; }
    .choose_row.flex.center { flex-direction: column-reverse; }
    .chhose_left { width: 100%; padding: 0 15px; }
    .chhose_right { width: 100%; padding: 0 0 40px; }
    .choose_section { padding: 60px 0; }

    .develoment_hero .hero_img { width: 100%; max-width: 330px; margin: auto; }
    .develoment_hero .hero_left { padding: 0 0 70px; }
    .acc_section h2 { font-size: 26px; line-height: normal; margin-bottom: 30px; }
    .acc_section { padding: 50px 0; }
    .acc_item_no { width: 30px; height: 30px; }
    .acc_item_no span { font-size: 20px; }
    .acc_item { padding: 18px 15px; }
    .acc_title_item h6 { font-size: 14px; line-height: normal; margin-bottom: 0; }
    .acc_title_item { padding-left: 42px; padding-right: 25px;}
    .acc_title_item:after { top: -4px; width: 23px; }
    .acc_content { padding-left: 42px; padding-top: 14px; }
    .our_devp .our_item { width: calc(100% / 1 - 30px); }
    .our_section { padding: 50px 0; }
    .process_item { width: calc(100% / 1 - 30px); margin: 15px; display: block; text-align: center; }
    .process_row { justify-content: center; }
    .process_right_content { padding: 10px 0 0; }
    .process_no { margin-bottom: 10px; }
    .process_section { padding: 60px 0; }
    .service_section { padding-top: 60px; padding-bottom: 50px; }
    .dev_slider_section { padding-bottom: 100px; }
    .fourcol_img { height: auto; margin: auto; }
    .clients_box { width: calc(100% / 1 - 30px); }
    .clients_sec { padding-bottom: 0; }
    .accordian_section { padding: 50px 0 40px; }

    .consultants_help_right { padding-left: 30px; }
    .consultants_help_box h3 { font-size: 22px; }
    .consultants_help_sec .title_section { margin-bottom: 30px; }
    .consultants_help_sec { padding: 60px 0; }
    .consultants_help_wrap { flex-wrap: wrap; }
    .consultants_help_left { width: 100%; }
    .consultants_help_right { width: 100%; padding: 40px 0 0; text-align: center; }
    .help_arrow { justify-content: center; }
    .develoment_hero .hero_img { right: 0; }
    .hero_img { right: 0; }
    .clinik_hero .hero_left { padding-bottom: 40px; }
    .cilinik_service { padding: 120px 0 80px;}
/*    .our_item_title h3  {font-size: 22px; line-height: normal; padding-top: 15px;}*/
/*    .our_item { margin: 0 0 15px!important;}*/

/*    */
    .store_section .title_section h2 { font-size: 27px; line-height: normal; }
    .store_wrap { }
    .store_wrap { display: block; }
    .store_item { width: 100%; padding: 10px; margin: 40px 0 20px; }
    .store_row.flex { display: block; }
    .store_left { width: 100%; padding: 0 15px; }
    .store_right { width: 100%; margin-top: 50px; padding-left: 0; }
    .store_box_title { padding: 20px; }
    .acc_section .acc_right { margin-top: 40px;}
    .store_content h3 { font-size: 20px; line-height: normal; }
    .store_content h4 { font-size: 20px; line-height: normal; }

    .list_style ul li { width: 100%; }
    .include_service_sec h2 { margin-bottom: 20px; }
    .include_service_sec .service_left { padding-bottom: 0; }
    .include_service_sec { padding-bottom: 0; }
    .methodology_sec .service_left { padding-right: 0; width: 100%; }
    .methodology_sec { padding-top: 20px; }
    .methodology_item { width: calc(100% / 1 - 30px); }
    .integration_choose_sec .chhose_left { width: 100%; padding: 0; }
    .integration_choose_sec .chhose_right { width: 100%; }
    .integration_choose_sec .choose_item .chhose_content h5 { line-height: normal; }
    .integration_choose_sec h2 { font-size: 28px; line-height: normal; }
    .integration_help_sec .title_section h2 { font-size: 28px; }

    .hero_left {position: relative;  z-index: 2;}

    .fourcol_section{padding: 40px 0 10px;}

    .fourcol_item:last-child { margin-bottom: 0; }
    .signature_service_sec .service_left { width: 100%; }
    .two_column_sec .service_right { width: 100%; }


    .acc_section h2 { font-size: 22px; line-height: normal;margin-bottom:60px; }
    .acc_clinik2 { padding: 80px 0; }
    .acc_clinik2.curve_shape:after { width: 239px; height: 380px; right: 0; left: 0; margin: auto; }
    svg.clinik_svg.clinik_svg2 { top: 170px; }
    svg.clinik_svg.clinik_svg1 { width: 60px; height: 80px; top: 20px; }
    svg.clinik_svg.clinik_svg3 { left: 0; bottom: 10px; right: 0; margin: auto; }
    .our_item_title h3 { font-size: 18px; line-height: normal; padding-top: 15px; }
    .our_item_title h5 { font-size: 18px; line-height: normal; }



/*     */
    .signature_hero .hero_left { padding-bottom: 110px; }
    .signature_hero .hero_right{padding-bottom: 0;}
    .signature_hero .mp1:after { width: 170px; height: 85px; }
    .clinik_hero .mp1:before { width: 140px; height: 140px; top: 200px; }


/*    */
    .devpt2_sec.curve_shape:after {top: 54%;width: 200px;height: 500px;}
    .devpt2_sec.curve_shape:before { width: 220px; height: 440px; top: 80px; }
    .dvpt_prosecc_sec.curve_shape:before { width: 173px; height: 376px; top: 200px; }

/*    */
    .converter_service { padding: 100px 0; }
    .our_devp .our_item:last-child { margin-bottom: 0 !important; }

  

/*  */
    .client_devpt_sec.curve_shape:before { top: auto; width: 240px; height: 500px; }
    .clients_sec.client_devpt_sec.curve_shape { }
    .client_devpt_sec.curve_shape:after { top: 370px; width: 230px; height: 450px; }

    /*    */
    .pdf_service { padding: 100px 0 40px; }
    .pdf_service .pt1:before { width: 175px; height: 197px; left: 0; right: 0; top: -80px; margin: auto; z-index: -1; }
    .pdf_service.pdf_service .pt2:after { width: 150px; height: 100px; left: -10px; top: 50px; }
    .pdf_service.curve_shape:after { width: 120px; height: 540px; top: 20px; }

   /*    */
   .btn {text-align: center;}

    /**/
    .blog_sec { padding: 40px 0; }
    .filter_sec h6 { margin-right: 0; margin-bottom: 10px; }
    .blog_row { justify-content: center; }
    .blog_item { width: calc(100% / 1 - 30px); margin: 0; padding: 0 15px; margin-bottom: 20px;}
    .filter_sec { display: block; }
    .filter_left { width: 100%; margin-bottom: 20px; display:block; }
    .filter_right { width: 100%; text-align: left; }
    .filter_search { width: 100%; }
    .filter_search input[type="search"] { width: 100%; }

    /*    */
    .post_row { display: block; }
    .post_left { width: 100%; }
    .post_right { width: 100%; }
    .post_right_box { margin: 0; }
    .post_section { padding: 40px 0; }

    .blogheroinner h1 { font-size: 28px; }
    .blogheroinner .hero_left {  padding-right: 0; }
    .post_date {  flex-wrap: wrap; }

    .filter_search input {  width: 100%; }

	.counter_row { display: block; }
	.counter_item { width: 100%; margin-bottom: 25px; }
	.counter_main { padding: 40px 0 30px; }


	/*	*/
	.award_img ul li img { max-width: 85px; }
	.award_img ul li { margin-right: 8px; }
	.award_img { padding-bottom: 40px; }

	.footer_nav ul li svg { margin: 0 auto 10px; }


	.header_right #mega-menu-wrap-menu-1 .mega-menu-toggle { display: none; }
	.header_right { border: none; padding: 0; }
 
	.header_right #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 { display: block; }
	.header_right #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    padding: 4px 15px;
}
  


}

@media(max-width:400px){
    .circle_hero { transform: scale(0.8); }
    .blog_content {  padding: 20px 10px 110px; }
}

.integration-content-slider{background: linear-gradient(90deg, #74047D 0%, #473E92 100%);}
.integration-content-slider .item{height: 100%;display: flex;align-items: center;border-radius: 20px;padding: 2rem 5rem;}
.integration-roadmap {display: flex;}
.integration-slider,.integration-slider .owl-stage-outer,.integration-slider .owl-stage,.integration-slider .owl-item,.integration-image-slider .item{height: 100%;}
.integration-image-slider{width: 42%;border-radius: 20px;padding: 0 10px;}
.integration-content-slider{width: 58%;border-radius: 20px;padding: 0 10px;}
.integration-image-slider img{border-radius: 20px;height: 100%;object-fit: cover;}
.integration-content h4{font-family: 'Livvic', sans-serif;color: #ffffff;margin-bottom: 2rem;}
.integration-content p{font-size: 18px;font-family: 'Livvic', sans-serif;color: #ffffff;line-height: 1.8;}

.integration-content-slider .owl-nav {display: flex;position: absolute;right: 0;bottom: -5rem;}
.integration-content-slider .owl-nav .owl-prev{width: 45px;height: 45px;border-radius: 50%;background: #FF0000 !important;padding: 9px 16px !important;transform: rotate(180deg);margin-right: 15px;box-shadow: 0px 0 30px 0px #0059854D;line-height: 0 !important;}
.integration-content-slider .owl-nav .disabled{background: #E5DCDC !important;box-shadow: none !important;}
.integration-content-slider .owl-nav .disabled img{filter: invert(6%) sepia(7%) saturate(6226%) hue-rotate(171deg) brightness(0%) contrast(100%);}
.integration-content-slider .owl-nav .owl-next{width: 45px;height: 45px;border-radius: 50%;background: #FF0000 !important;padding: 9px 16px !important;box-shadow: 0px 0 30px 0px #0059854D;line-height: 0 !important;}


/* advayan-home page-new */
:root{
    --advayan-black-color:#000000;
    --advayan-primary-color:#071033;
    --advayan-white-color:#ffffff;
    --advayan-gray-color:#7B7B7B;
    --advayan-secondary-color:#181818;
    --advayan-light-black-color:#1c1c1c;
	--advayan-blue-color:#0000FF;
	--advayan-light-blue-color:#1974D2;
	--advayan-theam-blue-color:#429BF6;
}
.text-light-black{color:var(--advayan-light-black-color) !important}
.bg-light-black{background:var(--advayan-light-black-color) !important}

.text-black{color:var(--advayan-black-color) !important}
.bg-black{background:var(--advayan-black-color) !important}

.text-white{color:var(--advayan-white-color) !important}
.bg-white{background:var(--advayan-white-color) !important}

.text-primary{color:var(--advayan-primary-color) !important}
.bg-primary{background:var(--advayan-primary-color) !important}

.text-gray{color:var(--advayan-gray-color) !important}
.bg-gray{background:var(--advayan-gray-color) !important}

.text-secondary{color:var(--advayan-secondary-color) !important}
.bg-secondary{background:var(--advayan-secondary-color) !important}

.text-blue{color:var(--advayan-blue-color) !important}
.bg-blue{background:var(--advayan-blue-color) !important}

.text-light-blue{color:var(--advayan-light-blue-color) !important}
.bg-light-blue{background:var(--advayan-light-blue-color) !important}

.text-theam-blue{color:var(--advayan-theam-blue-color) !important}
.bg-theam-blue{background:var(--advayan-theam-blue-color) !important}

.shadow-0{box-shadow:none !important}
html{box-sizing: border-box;}

.h1,.h2,.h3,.h4,.h5,.h6{font-family: "Murecho", serif !important;font-weight: 500;letter-spacing: 0.5px;line-height: 1.4;}
.h1{font-size: 60px !important;line-height:1.4 !important}
.h2{font-size: 50px !important;line-height:1.4 !important}
.h3{font-size: 40px !important;line-height:1.4 !important}
.h4{font-size: 36px !important;line-height:1.4 !important}
.h5{font-size: 28px !important;line-height:1.4 !important}
.h6{font-size: 24px !important;line-height:1.4 !important}
a{text-decoration: none;color: var(--primary-color);}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600 !important;}
.fw-700{font-weight: 700 !important;}
.fw-800{font-weight: 800 !important;}
.fw-900{font-weight: 900 !important;}
a:hover{color: var(--advayan-primary-color);}
.theam-button-black{background:var(--advayan-primary-color);color:var(--advayan-white-color);}
.theam-button img{width:28px !important;transition:all 0.5s ease-in-out}
.theam-button{font-size:16px;text-transform:uppercase}
.primary-button{background:var(--advayan-white-color);color:var(--advayan-blue-color);display: inline-block;padding: 10px 20px;transition:all 0.5s ease-in-out}

.primary-button:hover{background:transparent;color:var(--advayan-white-color);transition:all 0.5s ease-in-out}
.button-animation{position:relative;overflow:hidden;transition:all 0.5s ease-in-out;display: inline-flex;align-items: center;}
.button-animation:after{content:'';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background:var(--advayan-blue-color);color:var(--advayan-white-color);transition:all 0.5s ease-in-out;transform: translateY(100%);}
.button-animation:hover:after{transform: translateY(0%);transition:all 0.9s ease-in-out}
.button-animation:hover img{transition:all 0.5s ease-in-out;transform:rotate(-45deg);filter: brightness(0) invert(1);}

.button-animation:before {content: '';width: 100%;height: 100%;position: absolute;background: #5858985e;left: 0;top: 0;transform: translateY(100%);transition:all 0.5s ease-in-out}
.button-animation:hover:before{transform: translateY(0%);transition:all 0.5s ease-in-out}
.button-animation span{z-index:1}

.home-banner{position:relative}
.home-banner:after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(90deg, #071033cc, #153099cc)}
.home-banner h1{color:var(--advayan-white-color);text-transform:uppercase;font-weight:700}
.home-banner h1 span,.content-text-animation span{position:relative;display: inline-block;overflow: hidden;height: 1.25em;}
.home-banner h1 span span,.content-text-animation span span{display: block;animation: animateWords 8s infinite ease;color:#5CACFF;margin-left:15px}
.banner-content{position:absolute;top:30%;left:15%;transform:translate(-15%, -35%);z-index:1}
.text-animation{display:inline-flex}
.content-text-animation span span{color:#ffffff;margin-left:0}
.content-text-animation span{height:1.5em}
@keyframes animateWords {
	 0% {
		 transform: translateY(0%);
	}
	 25% {
		 transform: translateY(-100%);
	}
	 50% {
		 transform: translateY(-200%);
	}
	 75% {
		 transform: translateY(-300%);
	}
	 100% {
		 transform: translateY(-400%);
	}
}
.banner-content p{font-size:18px;color:#ffffff;letter-spacing:0.5px;margin:20px 0 30px}
.home-banner .counters{position:absolute;left:8%;top:75%;transform:translate(-8%, -85%);display:inline-flex;color:#ffffff;z-index:1}
.counter {
	 line-height: 1.2;
	 position: relative;
	 display: flex;
	 overflow: hidden;
	 align-items: center;
	 height: 50px;
	 font-size: 45px;
	 font-weight: 400;
}
 .counter span {
	 z-index: 1;
	 display: flex;
	 flex-direction: column;
	 height: 100%;
	 transition: transform 2s ease;
	 transform: translateY(0);
	 color:#ffffff;font-family: "Murecho", serif;
	 line-height: 1;
}
 .counter span span {
	 flex: 0 0 100%;
	 height: 100%;
}
.home-banner .counters div{margin-right:25px}
.banner-ratings{position:absolute;right:5%;bottom:20%;transform:translate(-10%, -10%);z-index:1}
.banner-ratings p{color:var(--advayan-white-color);font-size:14px;margin-bottom:60px}
.banner-ratings .counters{position:relative;left:unset;top:unset;transform:unset}
.banner-ratings h3.counter{font-size:20px !important;font-weight:700;height:20px;margin-bottom:0}

.text-color-ani h2:hover{color:#0000FF !important;transition:all 0.5s ease-in-out}
.text-color-ani h2{transition:all 0.5s ease-in-out;display:inline}
.redirect-arrow {position: absolute;top: -6rem;right: 5%;transform: translate(-5%, -100%);border: 2px dashed;width: 120px;height: 120px;border-radius: 100%;transition:all 0.5s ease-in-out;display: inline-flex;align-items: center;justify-content: space-around;}
.redirect-arrow:hover{transition:all 0.5s ease-in-out;transform: translate(-6%, -100%) scale(0.6);background:var(--advayan-theam-blue-color);border:0}
.redirect-arrow img{width:36px;height:26px}
.redirect-arrow:hover img{filter: brightness(0) invert(1);}

.accordion-body a {
    color: black;
}

.product-content{position:relative;overflow:hidden;border-right: 1px solid #ccc;}
.product-content .hover-image{transform:translateX(100%);position:absolute;top:0;transition:all 0.5s ease-in-out;}
.product-content:hover .hover-image{transition:all 0.5s ease-in-out;transform:translateX(0%);transform-origin(right)}
.checkout-product-content {position: absolute;left: 5%;right: 5%;bottom: 10%;text-align: center;color: var(--advayan-white-color);}
.theam-button {padding: 10px 25px;font-size: 16px;text-transform: uppercase;font-weight: 500;display:inline-flex}
.theam-button img{margin-left:15px;vertical-align: bottom;}
.theam-button-white{border:1px solid var(--advayan-white-color);color:var(--advayan-white-color)}
.theam-button-white:hover{color:#0000FF}
.moving-consulting-content .theam-button-white img,.theam-button-black img {
    filter: brightness(0) invert(1);
}
.moving-consulting-content .theam-button-white:hover img{
    filter: unset;
}
.theam-button-black.button-animation:hover {
    color: #ffffff;
}
.theam-button-white:hover.button-animation:after{background:#ffffff;color:#0000FF}
.checkout-product-content{opacity:0;transition: all 0.5s ease-in-out}
.checkout-product-content h6 {text-transform: uppercase;}
.checkout-product-content p{margin-bottom:30px}
.product-content img{width:100%;}
.product-content img.initial-image{height:477px !important}
.product-content:hover .checkout-product-content{opacity:1;transition: all 0.5s ease-in-out;z-index:1}
.product-content:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg, #000000cc, #0000001c);opacity:0}
.product-content:hover:after{opacity:1}
.redirect-arrow.ideas-redirect-arrow {
    top: 0;
}
.down-vector {
    position: absolute;
    width: 250px;
    right: 0;
	bottom:0;
	z-index:1
}
.top-vector {
    position: absolute;
    width: 250px;
    left: 0;
	top:0;
	z-index:1
}

.voice-item{position:relative;background:var(--advayan-white-color);border:2px solid #CFDDD4;border-left:0;padding:25px;color:#474747;box-shadow:0 4px 4px #00000030}
.voice-item:before{content:'';width:10px;height:100%;background:#DEE1E6;border-radius:40px;position:absolute;left:-15px;top:0}
.slider2 [dir='rtl'] .slick-slide{text-align:left}
.voice-item .voice-item-img{position:relative;width:75px}
.voice-item .voice-item-img img{width:100%}
.voice-item .voice-item-img img.google-icon{padding: 5px;background:#ffffff;width: 30px;height: 30px;position: absolute;right: 0%;bottom: 5%;transform: translate(-5%, 0%);border-radius: 100%;}
.voice-item h6{font-size:16px !important}
.voice-item p{font-size:12px}
.client-sliders .slick-slide{margin:20px 20px !important}
.voice-item .right-quotes{position:absolute;width:45px;right:5%;top:10%}

.brand-item{margin:0 5px;transition:all 0.5s ease-in-out;cursor:pointer}
.brand-item:hover{transition:all 0.5s ease-in-out;transform:scale(0.95)}
/* .brand-item {width: 240px;height: 160px;position:relative;}
.brand-item:before{content:'';width:100%;height:100%;position:absolute;background: #ffffff70;top:0;left:0;border-radius: 10px;transform-origin: top left;transition: transform 0.3s ease;}
.brand-item img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} */
/* .brand-item:hover {border:1px solid #0000FF} */

.branding-item .slider {position: relative;width: 100%;display: grid;place-items: center;overflow: hidden;margin:0;}
.team-div:hover{color:#ffffff;background-image:none;border:1px solid #ffffff;transition:all 0.5s ease-in-out;}
.branding-item .slider::after {right: 0;top: 0;transform: rotateZ(180deg);}
.branding-item .slide-track {display: flex;animation: scroll 20s linear infinite;justify-content: space-between;}
.branding-item .slide {display: block;width: 450px;margin:0 25px;}
.branding-item{margin:20px 0}
@keyframes scroll {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(calc(-150px * 10));
    }
}

@keyframes scroll2 {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(calc(-150px * 5));
    }
}
.branding-item .slider:hover .slide-track,.branding-item .slider:hover .slide-track2 {animation-play-state: paused;}
.branding-item .rtl-slider .slide-track-rtl {display: flex;animation: scroll-rtl 20s linear infinite;justify-content: space-between;}
@keyframes scroll-rtl {
    0% {
        transform: translateX(calc(-150px * 10));
    }
    100% {
        transform: translateX(0px);
    }
}
.branding-item .rtl-slider:hover .slide-track-rtl {animation-play-state: paused;}



/* Initial styles */
.scroll-wrapper {
  position: relative;
  overflow: hidden;
  height: 2.8em; /* Adjust according to text height */
}

.scroll-wrapper .text {
  position: absolute;
  left: 0;
  width: 100%;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

/* Initial state */
.scroll-wrapper .text-1 {
  transform: translateY(0%);
  opacity: 1;
}

.scroll-wrapper .text-2 {
  transform: translateY(100%);
  opacity: 0;
}

/* On hover effect */
.scale-with-purpose:hover .text-1 {
  transform: translateY(-100%);
  opacity: 0;
}

.scale-with-purpose:hover .text-2 {
  transform: translateY(0%);
  opacity: 1;
}
.scale-with-purpose{position:relative;height:360px}
.moving-consulting{position:relative;height:360px}
.moving-consulting:before {content: '';background: #0912366e;width: 100%;height: 100%;position: absolute;z-index: 1;}
.moving-consulting-content{position:absolute;left:0%;right:0%;top:50%;transform:translate(0%, -50%);z-index:1;color:var(--white-color);text-align:center;max-width: 900px;margin: auto;}
.moving-consulting-content h3{text-transform:uppercase;margin:0 auto 30px;color:#ffffff;max-width:80%}
.fast-moving-video {width: 100%;height: 360px;object-fit: cover;}
.latest-project img{width:100%}
.project-info p,.project-info h2{color:var(--advayan-primary-color);}
.project-info .sub-title{margin-bottom:0;text-transform:uppercase;font-size:18px}
.project-info h2{margin-bottom:1.8rem;font-size:50px;font-weight:600;font-family: "Murecho", serif;}
.project-info p{margin-bottom:2.5rem;}
.latest-pro-vid{position:relative}
.latest-pro-vid:after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:#09123670}
.playing-project-video{width:100%;height:460px;object-fit:cover}

.action-item-tab{margin-top:80px}
.action-item-tab ul,.action-item-tab li .nav-link,.action-item-tab .tab-content,.action-item-tab .accordion-item{border:0 !important}
.action-item-tab li .nav-link{color:var(--advayan-secondary-color);font-weight:600;text-transform:uppercase;padding: 10px 35px;}
.action-item-tab li {border-bottom:1px solid var(--advayan-secondary-color)}
.action-item-tab li .nav-link.active{background:var(--advayan-blue-color);color:var(--advayan-white-color);border-radius:0;}
.action-item-tab .accordion-body{padding:0}

.action-item{background:#F4F4F4;padding:15px 30px;position:relative;transition:all 0.5s ease-in-out;overflow:hidden;border:1px solid transparent;height:100%;display:flex;justify-content: center;}
.action-item:hover{border:1px solid #0000FF;background:#EFEFFF}
.action-item .side-icon{position:absolute;right:0;top:0;width:27px;transition:all 0.5s ease-in-out;}
.action-item:hover .side-icon{transform:scale(1.8);transition:all 0.5s ease-in-out;}
.action-item .action-show{display:flex;align-items: center;transform:translateY(0%);transition:all 0.5s ease-in-out;padding:10px 25px}
.action-item .action-show img{width:50px;margin-right:15px;}
.action-item .action-show h6{font-size:18px !important}
.action-item p{opacity:0;transition:all 0.5s ease-in-out;position: absolute;top: 50%;left:18%;right:15%;transform: translate(-15%, -50%);}
.action-item-tab .tab-content{margin-top:50px}

.action-item:hover .action-show{transform:translateY(-200%);transition:all 0.5s ease-in-out}
.action-item:hover p{opacity:1;transition:all 0.5s ease-in-out}

.categories-list p{color:var(--advayan-secondary-color);font-size:18px;font-weight:300}
.news-card.card{border:0 !important;border-radius:0;background:#F4F4F4;position:relative;overflow:hidden;transition:all 0.9s ease-in-out}
.news-card:hover{box-shadow:0 5px 18.6px 5px #00000012}
.news-card .card-header{background-color:transparent;padding:0;border:0;position:relative;overflow:hidden;transition:all 0.s ease-in-out}

.news-card .card-header span{background:var(--advayan-white-color);position:absolute;left:10%;top:10%;transform:translate(-10%, -10%);color:#868383;padding:10px 15px;font-size:18px}
.news-card .card-header img{width:100%;transition:all 0.9s ease-in-out}
.news-card:hover .card-header img{transition:all 0.9s ease-in-out;transform:scale(1.1);}
.news-card .card-body{padding:25px;position:relative;transition:all 0.5s ease-in-out;font-family: "Murecho", serif !important;}
.news-card .card-body p,.news-item p{color:var(--advayan-secondary-color);font-size:20px}
.news-card .card-body .date{color:#1974D2;font-size:16px;}
.news-card .card-body:after{content:'';width:25%;height:10px;background:#429BF6;border-radius:0 30px 30px 0;position:absolute;left:0;top:-5px;transition:all 0.9s ease-in-out;transform:translateX(0)}
.news-card:hover .card-body:after{transition:all 0.9s ease-in-out;transform:translateX(20%);width:70%;border-radius:30px}
.news-item{margin-bottom:13px}


.news-item .date, .categories-list p span{color:#BCBCBC;font-weight:300}


.industries-serve{position:relative}
.industries-serve {
  margin: 0 auto;
  max-width: 80%;
}

.industries-serve .slick-slider {
  margin-left: -12%;
  margin-right: -12%;
}

.industries-serve .slick-list {
  padding: 5% 15% 3% !important;
}


.industries-serve .slick-track {
  max-width: 100%!important;
  transform: translate3d(30%, 0, 0)!important;
  perspective: 100px;
}

.industries-serve  .slick-slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  width: auto !important;
  transform: translate3d(0, 0, 0);
  transition: transform 1s, opacity 1s;
}


.industries-serve  .slick-current {
  opacity: 1;
  position: relative;
  display: block;
  z-index: 2;
}

.industries-serve .slick-snext {
  opacity: 1;
  transform: translate3d(25%, 25%, -25px) rotate(10deg);
  z-index: 1;
  perspective: 1000px;
}
.industries-serve .slick-snext2 {
  opacity: 1;
  transform: translate3d(60%, 45%, -70px) rotate(15deg);
  z-index: 0;
  perspective: 1000px;
filter: blur(2px);
}

.industries-serve .slick-sprev {
  opacity: 1;
  transform: translate3d(-40%, 0, -25px) rotate(-8deg);
}

.industries-serve .slick-sprev2 {
  opacity: 1;
  transform: translate3d(-100%, 0, -69px) rotate(-18deg);
	filter: blur(2px);
}

.industries-serve .item {
  display: block;
  width: 375px;
  height: 375px;
  position:relative;
}
.industries-serve .item:after{
	content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(7,16,51,0.11) 49%, rgba(7,16,51,1) 100%);
}
.industries-serve .item h6{    font-size: 20px !important;
    color: var(--advayan-white-color);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5%;
    text-align: center;
    z-index: 1;
    text-transform: uppercase;
}

.who-we-are h2{font-size:170px !important}
.checkout-product ul.slick-dots {
    padding: 0;
    display: inline-flex;
    width: 100%;
    justify-content: center;
}
.checkout-product ul.slick-dots li{list-style-type:none;font-size: 0;width:11px;height:11px;border-radius:50%;border: 1px solid #0000FF;margin:0 3px}
.checkout-product ul.slick-dots li button{background:transparent;border:0}
.checkout-product ul.slick-dots li.slick-active{background:#0000FF}
.mobile-show{display:none}
@media (max-width: 991px) {
	h1,.h1{font-size: 42px !important;line-height:1.4 !important}
	h2,.h2{font-size: 36px !important;line-height:1.4 !important}
	h3,.h3{font-size: 32px !important;line-height:1.4 !important}
	h4,.h4{font-size: 28px !important;line-height:1.4 !important}
	h5,.h5{font-size: 24px !important;line-height:1.4 !important}
	h6,.h6{font-size: 20px !important;line-height:1.4 !important}
	.tab-content>.tab-pane {display: block !important;opacity: 1 !important;}
	.banner-content{left: 10%;transform: translate(-10%, -35%);}
	.playing-banner-video {width: 100%;height: 770px;object-fit: cover;}
	.banner-ratings{right: 2%;transform: translate(-2%, -10%);text-align: center;}
	.banner-ratings .rating-image{width:200px}
	.industries-serve .slick-track{transform: translate3d(23%, 0, 0)!important;}
	.industries-serve .slick-snext{transform: translate3d(28%, 6%, -24px) rotate(10deg);}
	.industries-serve .slick-snext2{transform: translate3d(55%, 38%, -50px) rotate(15deg);}
	.who-we-are h2 {font-size: 100px !important;}
	.moving-consulting-content{max-width:70%}
	.brand-item{width: 170px;height: 150px;}
	.playing-project-video{height:450px}
	.action-item-tab .accordion-item{border-bottom:1px solid var(--advayan-secondary-color) !important}
	.action-item-tab .accordion-button{background-color:transparent;font-size:18px;text-transform:uppercase;font-weight:600;border:0;box-shadow:none !important;letter-spacing:1px}
	.action-item-tab .accordion-button:not(.collapsed){background-color:transparent;color:var(--advayan-blue-color);}
	.accordion-button:focus{box-shadow:none !important}
	.action-item-tab .accordion-button::after{background-image:url('https://advayan.infotanksmedia.com/wp-content/uploads/2025/02/arrow_drop_down.png')}
	.action-item-tab .accordion-button:not(.collapsed)::after{background-image:url('https://advayan.infotanksmedia.com/wp-content/uploads/2025/02/arrow_drop_down-1.png');transform: rotate(0);}
}
.voice-product ul.slick-dots {
    padding: 0;
    display: flex;
    justify-content: center;
    margin: 20px 10px;
}
.voice-product ul.slick-dots li button {
    font-size: 0;
    border: 1px solid #0000ff;
    background: #ffffff;
    padding: 5px;
    border-radius: 50%;
    margin: 0 3px;
}
.voice-product ul.slick-dots li.slick-active button{background:#0000ff}
@media (max-width: 767px) {
	h1,.h1{font-size: 38px !important;line-height:1.4 !important}
	h2,.h2{font-size: 34px !important;line-height:1.4 !important}
	h3,.h3{font-size: 30px !important;line-height:1.4 !important}
	h4,.h4{font-size: 26px !important;line-height:1.4 !important}
	h5,.h5{font-size: 22px !important;line-height:1.4 !important}
	h6,.h6{font-size: 18px !important;line-height:1.4 !important}
	header.entry-header{display:none}
	
	
	.home-banner h1 .text-animation{display:block}
	.banner-ratings {position: relative;bottom: 0;left: 0;right: 0;transform: translate(0, 0);margin: 0;padding: 15px 0 20px;border-bottom: 1px solid;}
	.hide-mobile{display:none}
	.banner-content {text-align: center;left: 0;right: 0;top:25%;transform: translate(0px, -25%);max-width: 95%;margin: auto;}
	.home-banner .counters {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;left: 0;right: 0;top: 75%;transform: translate(0%, -75%);text-align:center}
	.banner-ratings .rating-image{width:100%}
	.home-banner .counter{justify-content: center;}
	.home-banner .counters div{margin:0}
	.checkout-product .slick-list{padding:0 8% 0 !important;}
	.playing-project-video{height:100%}
	
	.product-content .hover-image{transform: translateX(0%);}
	.checkout-product-content,.product-content:after{opacity:1}
	.checkout-product-content{z-index:1}
	
	
	.action-item-tab {margin-top: 0;}
	.action-item{background: transparent;padding: 0;justify-content: flex-start;}
	.action-item .side-icon,.action-item p{display:none}
	.action-item .action-show h6{color:#707070;font-weight:400}
	.action-item .action-show img{width:30px}
	.action-item .action-show{padding:0px 25px}
	.action-item-tab .accordion-body .mb-4,.project-info h2,.project-info p{margin-bottom: 1rem !important;}
	.action-item-tab .accordion-body {padding: 10px 0;}
	
	.industries-serve .item{width:100%;height:auto}
	.industries-serve .slick-track {transform: translate3d(0, 0, 0) !important;}
	.industries-serve .slick-snext {transform: translate3d(36%, 5%, -9px) rotate(6deg);}
	.industries-serve .slick-snext2 {transform: translate3d(55%, 0%, -120px) rotate(15deg);}
	.industries-serve .item h6{font-size: 16px !important;}
	.project-info{text-align:center}
	.who-we-are h2 {font-size: 34px !important;}
/* 	.marque-image {overflow:hidden}
	.marque-image img {animation: marquee 5s linear infinite alternate;height: 250px !important;width: 1000px !important;max-width: 1000px !important;}
	.marque-image img:hover {
		-webkit-animation-play-state: paused;
		-moz-animation-play-state: paused;
		-o-animation-play-state: paused;
		animation-play-state: paused;
	}
	@keyframes marquee {
	  0% {
		margin-left: 0;
	  }
	  100% {
		margin-left: calc(0px + 608px);
	  }
} */
	.marque-image {
  overflow: hidden;
  width: 800px; /* visible container width */
  height: 250px;
  position: relative;
}

.marque-image img {
  height: 250px !important;
  width: 1000px !important; /* actual image width is wider than container */
  animation: pan 10s ease-in-out infinite alternate;
  will-change: transform;
	max-width: 1000px !important;
}

.marque-image img:hover {
  animation-play-state: paused;
}

@keyframes pan {
  0% {
    transform: translateX(0); /* left edge of image touches left edge of container */
  }
  100% {
    transform: translateX(-65%); /* so right edge of image touches right edge of container */
  }
}

	.redirect-arrow{width:75px;height:75px;right:0;display:none}
	.project-info .theam-button {
    margin: auto;
    display: table;
}
	.top-vector,.down-vector{width:75px}
	    .moving-consulting-content,.moving-consulting-content h3{
        max-width: 100%;
    }
	.disktop-show{display:none}
	.mobile-show{display:block}
	.action-item-tab .tab-content{margin-top:20px}
	.news-item .date, .categories-list p span{font-size:14px}
	.news-card .card-body p, .news-item p{font-size:16px}
	.brand-item{height:125px}
}
/* footer code css */
 .section-footer {
            padding: 40px 60px 10px 60px;
            display: flex;
            gap: 115px;
            align-items: center;
        }

        .section-footer h1 {
            font-size: 4em;
            font-weight: bold;
            margin-bottom: 40px;
        }

        .map-container {
            position: relative;
            width: 100%;
            max-width: 1200px;
        }

        .map-container img {
            width: 100%;
            height: auto;
        }

        .columns {
            display: flex;
            justify-content: space-between;
            max-width: 1200px;
            width: 80%;
            padding-top: 40px;
            border-top: 1px solid;
            padding-left: 125px;
        }

        .column {
            flex: 1;
            margin: 0 20px;
        }

        .column h3 {
            margin-bottom: 10px;
            font-weight: 400;
            color: #181818 !important;
            font-family: "Murecho", Sans-serif;
            font-size:16px;
        }

        .column ul {
            list-style: none;
            padding: 0;
        }

        .column ul li {
            margin-bottom: 8px;
        }

        .column ul li a {
            color: #7E92B2 !important;
            text-decoration: none;
            transition: color 0.3s;
            font-family: "Murecho", Sans-serif;
              font-size:14px;
        }

        .column ul li a:hover {
            color: #2a5da8;
        }

        .lower-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 60px;
            background: transparent;
            font-size: 0.9em;
            color: #555;
    
        }

        .footer-left {
            display: flex;
            align-items: center;
        }

        .social-icons img {
            height: auto;
            margin-right: 10px;
        }

        p.privacy-policy {
            width: 100px;
            background: white;
            padding: 2px 5px;
            position: absolute;
            right: 50px;
            top: 0px;
        }


        hr.custom-hr {
            width: 100%;
            height: 0px;
            color: black;
        }

        .footer-right {
            display: flex;
            width: 55%;
            position: relative;
        }
      .footer-left span {
      font-family: "Murecho", Sans-serif;
     color: #7E92B2 !important;
}
     .heading-footer h2 {
            color: #181818;
            font-family: "Murecho", Sans-serif;
            font-size: 100px;
            font-weight:700;
            text-transform: uppercase;
        }
.heading-footer {
    position:relative;
/*     display: flex;
    justify-content: space-between; */
    padding: 0 60px;
}
.redirect-arrow-footer {
position: absolute;
    top: 8rem;
    right: 5%;
    transform: translate(-5%, -100%);
    border: 2px dashed;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    transition: all 0.5s ease-in-out;
    display: inline-flex
;
    align-items: center;
    justify-content: space-around;
}
.heading-footer:hover .redirect-arrow-footer {
    transition: all 0.5s ease-in-out;
    transform: translate(-6%, -100%) scale(0.6);
    background: var(--advayan-theam-blue-color);
    border: 0;
}
.heading-footer:hover .redirect-arrow-footer img {
    filter: brightness(0) invert(1);
}
.heading-footer:hover h2 {
 animation: hoverE 1s ease;
color: #0000FF;
}

 @keyframes hoverE {
      0% {
        color: #000;
      }
      50% {
        color: #071033;
      }
      100% {
        color: #0000FF;
      }
    }
    
    .map-container  p{
        color: #FFF;
font-family: Murecho;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
    }
    .pin1 {
 
    position: absolute;
    top: 4%;
    width: 50%;
    left: 21%;
    padding: 15px 15px 15px 22px;
    border-radius: 50px 50px 50px 0px;
	background: rgba(24, 24, 24, 0.54);
	backdrop-filter: blur(2.6500000953674316px);
}
.pin2 {

    position: absolute;
    top: 50%;
    width: 50%;
    right: -18%;
    padding: 15px 15px 15px 22px;
    border-radius: 0px 50px 50px 50px;
	background: rgba(24, 24, 24, 0.54);
	backdrop-filter: blur(2.6500000953674316px);
}

.footer-right a {
    color: #181818;
}



/*responsive*/

@media (max-width: 767px) {
    .section-footer {

    flex-wrap: wrap;
}
    .lower-footer {

    flex-wrap: wrap;
    flex-direction: column;
}
.columns {

    padding-left: 0px;
}
  .section-footer {
    padding: 40px 20px 10px 20px;
    display: flex
;
    gap: 115px;
    align-items: center;
    flex-wrap: wrap;
}  
.column h3 {
    font-size: 16px !important;
}
.footer-left {
    display: flex
;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}
p.privacy-policy {
    
    right: 20px;
    top: 0px;
}
.pin1 {
    top: -16%;
    width: 80%;
    left: 20%;
 
}
.pin2{
    background: gray;
    position: absolute;
    top: 52%;
    width: 70%;
    right: 31%;
    padding: 15px 15px 15px 22px;
    border-radius: 50px 0px 50px 50px;
}
.redirect-arrow-footer{

    width: 100px;
    height: 100px;
  
}
	.heading-footer .redirect-arrow-footer{width: 70px;
        position: relative;
        height: 70px;
        right: 0;
        top: 0;
        transform: translate(0, 0);
        text-align: right;
        float: right;}

}
.partners p{
    color: #071033;

font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
padding: 10px 50px;
margin-bottom: 10px;
}
.partners{
    border-radius: 99px;
background: linear-gradient(180deg, #FFF 0%, #FFF 100%);
width: fit-content;

}

.partners-affilations {
    justify-items: center;
}
.marquee
 {
    width: 300px;
    overflow: hidden;
    white-space: nowrap;
    background: #fff;
    border-radius: 50px;
}

.marquee-content {
  display: inline-block;
  animation: scroll-reverse 12s linear infinite alternate;
}
.marquee-content img {
  width: 400px; /* ← Set image width */
  height: auto;
  display: inline-block;
  
}
@keyframes scroll-reverse {
  0% {
    transform: translateX(10%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.btn-model{
    display: flex
;
    justify-content: center;
}

.theam-button-models .button-animation:after{background:#ffffff;color:#0000FF}
.theam-button-models:hover img{
    filter: unset;
}
.theam-button-models{border:0px solid #000;color: #fff; background:#0000FF;}

.theam-button-models:hover{color:#0000FF;}
.theam-button-models img {
    filter: brightness(0) invert(1);
}
.theam-button-models:hover.button-animation:after{background:#ffffff;color:#0000FF}


/* salesforce-development-services starts */
.e-con-full {max-width: 1400px;margin: auto;width: 1500px;}
.murecho{font-family: "Murecho", Sans-serif !important;}
.page-banner-content {max-width: 75%;margin: auto;}
.sfds-layer{position:absolute;top:80%;left:50%;transform:translate(-50%, -50%);}
.page-banner-content p{font-size:18px;font-weight:300;letter-spacing: 0.5px;margin:10px 0 30px}

.sfd-card{border:1px solid #BFBFBF;border-radius:10px;padding:20px 15px;background:#F5F9FF;height:100%}
.sfd-gray{background:#F4F5F6}
.sfd-card h6{font-size:18px !important;color:#071033;font-weight:500}
.sfd-card p{font-size:14px;color:#555555}
.sfd-card h3{font-size:40px}
.sfd-card h3 span{color:#000000;font-weight:600}
.sfds-service img{width:50px;margin-bottom:20px}
.sfds-service h6{font-size:20px !important;margin-bottom:12px}
.sfds-service p{color:#B5B5B5}
.border-right{border-right:1px solid #ffffff1a}
.border-line-bottom{border-bottom:1px solid #ffffff1a }
.sfds-service {padding: 2rem;}

.principle{width:560px;}
.principle .principle-vector{position: absolute;right: 0;bottom: 0;}
.principle h5{position: absolute;right: 10%;bottom: 5%;font-size: 24px;font-weight: 500;transform: translate(-10%, -5%);}
.principle h6{color:#071033;font-size:20px;margin-bottom:20px}
.principle p{color:#555555;font-size:14px}
.core-principle{position:relative;overflow-x: scroll;padding:60px 0 80px}
.principle-block {display: inline-flex;}
.principle.even {margin-top: 20rem;margin-left: -12rem;}
.principle-image img:not(.principle-vector){width:100%}
.principle.even,.principle.odd,.scroll-line{position:relative}
.principle.even:after{content: '';position: absolute;width: 100%;height: 75%;border-left: 1px dashed #0000FF;top: -58%;left: 20%;z-index: -1;}
.principle.even:before{content: '';position: absolute;width: 50%;height: 1px;border-top: 1px dashed #0000FF;top: 15%;left: -45%;}
.principle.odd:not(:first-child) {margin-left: -12rem;}
.principle.odd:after{content: '';position: absolute;width: 100%;height: 50%;border-left: 1px dashed #0000FF;top: 16%;left: 20%;z-index: -1;}
.principle.odd:before{content: '';position: absolute;width: 60%;height: 1px;border-top: 1px dashed #0000FF;top: 36%;left: -45%;z-index: -1;}


.core-principle::-webkit-scrollbar{height:10px;}
.core-principle::-webkit-scrollbar-thumb{background-color: #091236;border-radius:5px;}
.scroll-line:after{content: '';width: 100%;height: 2px;position: absolute;bottom: 4px;left: 0; z-index: -1;background: #eaeaea;}
.signature-process h2 span{color:#A1CFFF;}
.signature-item{background:#ffffff33;padding: 30px 55px;color:#ffffff;border-radius:10px;margin-bottom:10px}
.signature-item h3{font-size:24px;margin-bottom:50px}
.signature-item p{color:#A1CFFF;margin-bottom:25px}
.signature-item ul{padding:0}
.signature-item ul li{margin-bottom: 20px;list-style-type: initial;margin-left: 25px;}

.scrollbar-line::-webkit-scrollbar-track{border-radius: 10px;background:transparent;}
.scrollbar-line::-webkit-scrollbar{width: 10px;background-color: transparent;}
.scrollbar-line::-webkit-scrollbar-thumb{border-radius: 10px;background: #A1CFFF;z-index:5;}
.scrollbar-line {height: 550px;padding-right: 25px;overflow-y: scroll;}
.signature-block {position: relative;z-index: 0;}
.signature-block:after {content: '';width: 2px;height: 100%;background: #cccccc;position: absolute;right: 4px;top: 0;z-index: -1;}

.model-card{border:1px solid #0086ff2b !important;background:#a1cfff2e !important;transition:0.5s ease-in-out;height: 100% !important;}
.model-card:hover{transition:0.5s ease-in-out;background:#F4F5F6 !important}
.model-card .card-header{border-bottom:1px solid #0086ff2b !important;background:#0086ff2b;padding:25px 35px}
.model-card .card-header h5{font-size:24px;font-weight:500;margin-bottom:0}
.model-card .card-body{padding-top:70px}
.model-card .card-body h6{color:#0086FF;font-weight:600;margin-bottom:3px}
.model-card .card-body p{color:#9593A4}
.faq-block p{margin-bottom:0}
.faq-block p a{color:#0A7CFF;text-decoration:underline}
.faq-block .accordion-item{margin-bottom:30px;border:1px solid #dee2e6;border-radius:12px;border-top:1px solid #dee2e6 !important;}
.faq-block .accordion-item .accordion-button{background-color:transparent;padding:25px 25px;color:#1A1D23}
.load-more-button{border-radius: 50px;border: 1px solid #1f22292b;color: #2D3139;padding: 20px 45px;margin: 25px auto;
display: inline-block;}


@media(max-width:767px){
	.sfds-layer{top:10%}
	.heading-footer{padding:0 15px}
}



/* salesforce-development-services Ends */

.steps-container {
max-width: 700px;
margin: 0 auto;
}

.step-card {
position: sticky;
top: 4rem;
padding: 2rem;
margin-bottom: 1rem;
/* reduced */
border: 1px solid #ddd;
transition: transform 0.2s;
border-radius: 16px;
border: 1px solid #FFF;
background:#082051;
backdrop-filter: blur(40px);
}

.step-card.step-2 {
top: 4.5rem;
}

.step-card.step-3 {
top: 5rem;
}

.step-card.step-4 {
top: 5.5rem;
}

.step-card.step-5 {
top: 6rem;
}


.step-label {
background: #fff;

padding: 4px 12px;
border-radius: 20px;
font-size: 0.8rem;
display: inline-block;
margin-bottom: 1rem;
color: #000;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.step-card h3 {
margin: 0 0 0.5rem;
color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 140%;
font-family: "Murecho", Sans-serif;
}

.step-card p {
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px;
margin: 0;
font-family: "Murecho", Sans-serif;
}
ul.step-ul {
color: #fff;
margin-top: 10px;
}
ul.step-ul li{
list-style: disc;
margin-bottom: 10px;
font-family: "Murecho", Sans-serif;
}


new