html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: normal; font-family: 'SFProDisplay'; font-size: 16px; color: #000;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a, a:hover, a:focus, button:focus{ text-decoration:none; outline:none;}
html { scroll-behavior: smooth;}
img{ max-width: 100%;}
button{ cursor: pointer; }
.ui-autocomplete { z-index: 100 !important;}

.header{ position: sticky; top: -150px; z-index: 99; background: #fff; transition: 0.4s; box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.1);}
.sticky .header{ top: 0; }
.header .header_container{ display: flex; flex-wrap: wrap; align-items: center; padding: 0 30px; transition: 0.4s;}
.header .header_container.container{ padding-top: 5px; padding-bottom: 5px; padding-right: var(--bs-gutter-x,.75rem); padding-left: var(--bs-gutter-x,.75rem);}
.header .logo{}
.header .logo img{ height: 30px; }
.header_right{ display: flex; align-items: center; position:relative; }

.header_topbar{ background:#242b3e; display:flex; flex-wrap:wrap; align-items: center; padding: 8px 30px;}
.topbar_menu ul li{ display:inline-block; border-right:1px solid #fff; margin-right: 15px; padding-right: 15px;}
.topbar_menu ul li:last-child{ border-right:0; margin-right: 0; padding-right: 0;}
.topbar_menu ul li a{ color:#fff; font-size:14px; display:block; padding:3px 0; }
.topbar_menu ul li a:hover{ color:#fbba00; }
.topbar_right{ margin-left:auto; display:flex; align-items:center; }
.topbar_logo{ margin-right:15px; }
.topbar_logo img{ height:34px; }
.mobile_search{ display:none; }
.search_bar{ width: 240px;}
.search_bar .content{ position:relative; }
.search_bar .content input { color: #fff; height: 34px; border: 1px solid #c0c5d1; background-color: transparent; border-radius: 20px; padding: 0 15px; font-size: 14px; width: 100%; }
.search_bar .content input:focus{ box-shadow:none; outline: none; border-color: #fff;}
.search_bar .content button { position: absolute; right: 0; top: 0; width: 36px; height: 34px; font-size: 16px; border: 0; background-color: transparent; color: #fff;}
.search_bar.active{ display: block;}

.language.dropdown{ margin-left:15px; }
.language.dropdown .dropdown-toggle img{ height: 18px; }
.language.dropdown .dropdown-toggle{ display: block; font-size: 18px; font-weight: normal; color: #fff; padding: 5px; cursor: pointer;}
.language.dropdown .dropdown-toggle:after{ content:"\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 16px; vertical-align: inherit; border:0; }
.language.dropdown .dropdown-toggle span{ text-transform:uppercase;}
.language.dropdown .dropdown-menu{ min-width: 80px; box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%); border: 0; padding: 10px 15px; width: 100%; right: 0; left: auto !important; transform: inherit !important; top: 100% !important; margin-top: 10px; inset:100% 0 auto auto !important;}
.language.dropdown .dropdown-menu li:not(:last-child){ margin-bottom: 8px;}
.language.dropdown .dropdown-menu label{ font-size: 12px; color: #666; }
.language.dropdown .dropdown-menu a{ display: flex; align-items: center; color: #000; font-size: 16px; }
.language.dropdown .dropdown-menu a:hover{ color: #0083e6; }
.language.dropdown .dropdown-menu a img{ height: 16px; margin-right:10px; }
.language.dropdown .dropdown-menu a span{ display: inline-block; }
.header_right .service_logo{ margin-left: 10px; }
.header_right .service_logo img{ height: 34px; }
.top_phone_email{ margin-left:15px; }
.top_phone_email a{ display:block; color:#000; font-size:12px; }
.top_phone_email a .fa{ margin-right:5px; }
.top_phone_email a:hover{ color:#106ae5; }
.header_right_btns{ margin-left:10px; }
.header_right_btns a{ display:inline-block; background:#e29f25; border: 1px solid #e29f25; color:#fff; padding: 0 15px; line-height:38px; text-transform: uppercase; font-size:13px; border-radius:8px; transition: 0.4s;}
.header_right_btns a:hover{ background:#00508c; border-color: #00508c;}
.header_right_btns a.outline_btn{ background:#fff; color:#000; border-color: #333;}
.header_right_btns a.outline_btn:hover{ background:#00508c; border-color: #00508c; color: #fff;}

.nav_menu{ margin: 0px auto;}
.nav_menu > ul{ display: flex; align-items: center; justify-content: space-between; }
.nav_menu ul li.nav-item{}
.nav_menu ul li.nav-item > .nav-link{ display: block; font-size: 16px; padding: 0 15px; line-height: 70px; color: #000; cursor: pointer;}
.nav_menu ul li.nav-item > .nav-link:after{ content:"\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 13px; display:inline-block; margin-left:5px; }
.nav_menu ul li.nav-item.no_submenu > .nav-link:after{ display:none; }
.nav_menu ul li.nav-item:hover > .nav-link{ color: #496dce; }
.nav_menu li.nav-item > .nav-link:after { content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 14px; display: none; margin-left: 5px;}
.nav_menu .mega_menu{ display: none; padding: 20px; background: #fff; position: absolute; left: 50%; top: 100%; max-width: 1050px; width: 100%; box-shadow: 0 3px 10px rgb(0 0 0 / 15%); transform: translateX(-50%); max-height: calc(100vh - 120px); overflow-y: auto;}
.nav_menu .mega_menu > ul{ display: flex; flex-wrap: wrap; width: 100%;}
.nav_menu .mega_menu > ul > li{ width: 33.33%; padding: 0 15px;}
.nav_menu .mega_menu > ul > li > a{ display: block; color: #000; font-size: 20px; font-weight: 600; margin-bottom: 20px; line-height: normal;}
.nav_menu .mega_menu ul ul{}
.nav_menu .mega_menu ul ul li{ display: block; margin-bottom:10px; }
.nav_menu .mega_menu ul ul li a{ display: block; color: #000; padding: 10px 15px; font-size: 15px; font-weight: 400; line-height: normal; border-radius: 20px; box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.2); transition: 0.4s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.nav_menu .mega_menu ul ul li a:hover{ transform:translateX(7px); color: #496dce;}
.nav_menu .mega_menu ul ul li.active-menu a{  color: #00508c; font-weight:500; }
.nav_menu .mega_menu ul ul li a:before{ content:""; display:inline-block; background-image:url(../images/menu-icon-1.png); width: 16px; height: 16px; vertical-align: middle; margin-right: 10px; background-size: auto 16px; background-repeat: no-repeat; background-position: center;}
.nav_menu li.nav-item.main-menu-1 .mega_menu ul li:nth-child(1) ul li a:before{ background-image:url(../images/menu-icon-2.png);}
.nav_menu li.nav-item.main-menu-1 .mega_menu ul li:nth-child(2) ul li a:before{ background-image:url(../images/menu-icon-3.png);}
.nav_menu li.nav-item.main-menu-1 .mega_menu ul li:nth-child(3) ul li a:before{ background-image:url(../images/menu-icon-4.png);}
.nav_menu li.nav-item.main-menu-1 .mega_menu ul li:nth-child(4) ul li a:before{ background-image:url(../images/menu-icon-5.png);}
.nav_menu li.nav-item.main-menu-2 .mega_menu ul li:nth-child(2) ul li a:before{ background-image:url(../images/menu-icon-9.png);}
.nav_menu li.nav-item.main-menu-2 .mega_menu ul li:nth-child(3) ul li a:before{ background-image:url(../images/menu-icon-10.png);}
.nav_menu li.nav-item.main-menu-3 .mega_menu ul li:nth-child(1) ul li a:before{ background-image:url(../images/menu-icon-6.png);}
.nav_menu li.nav-item.main-menu-3 .mega_menu ul li:nth-child(2) ul li a:before{ background-image:url(../images/menu-icon-7.png);}
.nav_menu li.nav-item.main-menu-3 .mega_menu ul li:nth-child(3) ul li a:before{ background-image:url(../images/menu-icon-8.png);}
.nav_menu li.nav-item.main-menu-4 .mega_menu ul li ul li:nth-child(1) a:before{ background-image:url(../images/microsoft-icon.svg);}
.nav_menu li.nav-item.main-menu-4 .mega_menu ul li ul li:nth-child(2) a:before{ background-image:url(../images/azure-icon.svg);}
.nav_menu li.nav-item.main-menu-5 .mega_menu ul li:nth-child(2) ul li a:before{ background-image:url(../images/menu-icon-9.png);}
.nav_menu li.nav-item.main-menu-5 .mega_menu ul li:nth-child(3) ul li a:before{ background-image:url(../images/menu-icon-5.png);}
.nav_menu li.nav-item.main-menu-3 .mega_menu > ul > li > a{ font-size:0; height:36px; background-position:top left; background-repeat:no-repeat; }
.nav_menu li.nav-item.main-menu-3 .mega_menu > ul > li:nth-child(1) > a{ background-image:url(../images/ecommerce/magento.svg); }
.nav_menu li.nav-item.main-menu-3 .mega_menu > ul > li:nth-child(2) > a{ background-image:url(../images/ecommerce/shopify-logo.svg); }
.nav_menu li.nav-item.main-menu-3 .mega_menu > ul > li:nth-child(3) > a{ background-image:url(../images/ecommerce/shopware_logo.svg); }

.nav_menu li.nav-item.main-menu-1 .mega_menu{max-width: 1400px;}
.nav_menu li.nav-item.main-menu-1 .mega_menu > ul > li{ width:25%; }
.nav_menu li.nav-item.main-menu-4 .mega_menu{ max-width: 350px;}
.nav_menu li.nav-item.main-menu-4 .mega_menu > ul > li{ width:100%; padding:0; }
.nav_menu li.nav-item.main-menu-4 .mega_menu > ul > li > a { display: none;}
.nav_menu li.nav-item.main-menu-5 .mega_menu > ul > li:nth-child(3) > a{ color:#663399; }
.nav_menu .mega_menu > ul > li:nth-child(1) > a{ color:#5490e3; }
.nav_menu .mega_menu > ul > li:nth-child(2) > a{ color:#689118; }
.nav_menu .mega_menu > ul > li:nth-child(3) > a{ color:#545454; }
.nav_menu .mega_menu > ul > li:nth-child(4) > a{ color:#663399; }

.mega_menu_right{ background: #333; width: 300px; display: none; flex-direction: column; justify-content: space-around; padding: 10px 20px; text-align: center;}
.mega_menu_right .service_logo, .mega_menu_right .link{ padding:10px 0; }
.mega_menu_right a{ display:block; }
.mega_menu_right a img{ max-width: 120px; max-height: 80px; transition: 0.4s;}
.mega_menu_right a span{ display:block; font-size:14px; color:#fff; margin-top:10px; text-transform:uppercase; }
.mega_menu_right a:hover img{ transform:scale(1.05); }
.nav_menu li.nav-item.main-menu-5 .mega_menu_right a span, .nav_menu li.nav-item.main-menu-5 .mega_menu_right a span{ color:#222; }

.nav_menu .dropdown-menu{ min-width: 350px; border:0; padding:20px; border-radius:0px; box-shadow: 0 3px 10px rgb(0 0 0 / 15%);}
.nav_menu .dropdown-menu li{ margin-bottom:10px; }
.nav_menu .dropdown-menu li:last-child{ margin-bottom:0; }
.nav_menu .dropdown-menu li a{ display: block; color: #000; padding: 10px 15px; font-size: 15px; font-weight: 400; line-height: normal; border-radius: 20px; box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.2); transition: 0.4s;}
.nav_menu .dropdown-menu li a:hover{ transform:translateX(7px); color: #496dce;}
.nav_menu .dropdown-menu li a:before{ content:""; display:inline-block; background:url(../images/menu-icon-1.png); width: 16px; height: 16px; vertical-align: middle; margin-right: 10px; background-size: 16px;}

#project_advice{scroll-margin-top: 80px;}
.home_slider{ position: relative; }
.home_slider.owl-theme .owl-dots{ margin-top: 0 !important; position: absolute; left: 0; bottom: 15px; width: 100%;}
.home_slider.owl-theme .owl-dots .owl-dot span{ height: 8px; width: 30px; background: transparent; border: 1px solid #ddd; margin: 4px;}
.home_slider.owl-theme .owl-dots .owl-dot.active span, .home_slider.owl-theme .owl-dots .owl-dot:hover span{ background: #fff;}
.banner_inner{ position: relative; height: calc(100vh - 100px); display: flex; align-items: center;}
.banner_inner a{ display: block; width: 100%; }
.home_slider .banner_caption{ text-align: left; padding: 0 15px;  width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 2;}
.home_slider .banner_caption .banner_content{ max-width: 700px; }
.home_slider .banner_caption h1{ font-family: 'Rajdhani'; font-size: 48px; color: #fff; font-weight: bold;}
.home_slider .banner_caption h4{ font-family: 'Rajdhani'; font-size: 30px; font-weight: 500; color: #fff;}
.home_slider .banner_caption .btn_sec a{ display: inline-block; font-size: 20px; background: #ffa200; color: #fff; padding: 12px 25px; border-radius: 6px; }
.home_slider .banner_caption .banner_logo img{ height: 44px; width: auto; }

.banner_caption_1{ background: rgba(0,80,140,0.5); width: 45%; height: 100%; position: absolute; left: 0; top: 0; display: flex; flex-direction: column; justify-content: center; text-align: center; transition: 0.4s; }
.banner_caption_1 h1{ color: #fff; font-size: 40px; font-weight: bold;}
.banner_caption_1 h1 span{ display: block; font-weight: normal; }
.banner_caption_1 h4{ font-size: 24px; font-weight: normal; color: #fff; margin-top: 40px;}
.banner_caption_1 h4 span{ display: block; }
.banner_caption_1 h4 img{ height: 48px; margin: 15px 0; }
.banner_caption_1 .btn_sec{ margin-top: 40px;}
.banner_caption_1 .btn_sec a{ display: inline-block; font-size: 15px; font-weight: 500; background: #fff; color: #464646; padding: 10px 15px; border-radius: 40px;}
.banner_caption_1 .btn_sec a:after{ content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; display: inline-block; margin-left: 5px; width:26px; height: 26px; line-height: 26px; text-align: center; background: #464646; color: #fff; border-radius: 50%; }

.partner_sec{ background: #f6f6f6; padding: 20px 0; text-align: center; }
.partner_sec h4{ font-size: 13px; text-transform: uppercase; color: #999; width: 100%; padding: 10px 0 20px;}
.partner_sec .partner_slider{ padding: 0 50px; position: relative;}
.partner_sec .partner_slider.owl-carousel .owl-stage{ display: flex; align-items: center; }
.partner_slider li{ display: inline-block; padding: 10px; }
.partner_slider li img{ width: auto !important; height: 50px; max-width: inherit;}
.partner_sec .partner_slider .owl-nav{ margin-top: 0; }
.partner_sec .partner_slider.owl-theme .owl-nav [class*=owl-]{ width: 36px; height: 36px; border: 1px solid #999; border-radius: 50%; line-height: 34px; background: #fff; margin: 0; font-size: 24px; color: #666; position: absolute; top: 50%; transform: translateY(-50%);}
.partner_sec .partner_slider.owl-carousel .owl-nav button.owl-prev{ left: 0; }
.partner_sec .partner_slider.owl-carousel .owl-nav button.owl-next{ right: 0; }

.home_services{ padding: 40px 60px;}
.home_services > .row{ margin: 0 -20px; }
.home_services > .row > [class*="col-"]{ padding: 0 20px; }
.service_item{ position: relative; margin: 20px 0; padding: 30px; min-height: 500px; height: calc(100% - 40px); background-size: cover; background-repeat: no-repeat; background-position: center;}
.service_item .content{ color: #fff; }
.service_item .content.black{ color: #000; }
.service_item h3{ font-size: 27px; font-weight: 500; margin-bottom: 15px; }
.service_item p{ font-size: 17px; }
.service_item a{ display: inline-block; margin-top: 30px; }
.service_item a img{ height: 18px; }
.service_item .service_logo{ margin-top: 30px; }
.service_item .service_logo img{ max-height: 80px; max-width: 140px;}
.service_item.logo_right .content{ padding-right: 100px; }
.service_item.logo_right .service_logo{ min-width: 130px; text-align: right; position: absolute; right: 30px; z-index: 1; top: 0;}
.service_item .portfolio_callage{ position: absolute; right: 0; bottom: 0; padding-left: 30px; }

.home_about{ position: relative; padding: 120px 0; background-size: cover; background-repeat: no-repeat; background-position: center; background-position: center; background-attachment: fixed;}
.home_about:before{ content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; }
.home_about .about_content{ max-width: 500px; position: relative; margin-bottom: 0;}
.home_about .about_content h1{ font-size: 48px; color: #fff; line-height: 1.1;}
.home_about .about_content h2{ font-size: 48px; color: #fff; line-height: 1.1;}
.home_about .about_content p{ color: #fff; font-size: 20px; margin-top: 25px;}
.home_about .about_content .btn_sec a{ display: inline-block; font-size: 20px; background: #ffa200; color: #fff; padding: 12px 25px; border-radius: 6px; }

.home_blog{ padding: 40px 0; }
.home_blog_title{ margin-bottom: 40px; display: flex; flex-wrap: wrap; align-items: flex-end;}
.home_blog_title h2{ font-size: 40px; font-weight: bold; color: #000; }
.home_blog_title h2 span{ font-size:24px; font-weight:normal; display: block;}
.home_blog_title a{ margin-left: auto; display:inline-block; background:#106ae5; color:#fff; font-size:18px; padding:15px 30px; border-radius:30px; transition:0.4s; }
.home_blog_title a:after{ content:"\f178"; font-family: "Font Awesome 6 Free"; font-weight: 900; display: inline-block; margin-left: 10px;}
.home_blog_title a:hover { background: #032d60; color: #fff;}
.home_blog_item{ margin: 15px 0; height: calc(100% - 30px);}
.home_blog_item .blog_img{ border-radius: 15px; position: relative;}
.home_blog_item .blog_img img{ width: 100%; transition: 0.4s; height: auto; border-radius: 15px;}
.home_blog_item .blog_img .pub_date{ background: #3095e1; text-transform: uppercase; color: #fff; font-size: 16px; position: absolute; top: -25px; left: 15px; text-align: center; width: 80px; padding: 15px 0; border-radius: 8px;}
.home_blog_item .blog_img .pub_date span{ display: block; font-size: 26px; line-height: 1; font-weight: bold;}
.home_blog_item .blog_content{ padding: 20px 0; color: #000; }
.home_blog_item .blog_content .pub_date{ font-size: 13px; margin-bottom: 15px; }
.home_blog_item .blog_content .title{ font-size: 18px; margin-bottom: 15px; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.home_blog_item .blog_content p{ font-size: 14px;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.home_blog_item .blog_content .view_post_btn{ display: inline-block; color: #106ae5; font-size: 16px; font-weight: 500; margin-top: 15px; }
.home_blog_item .blog_content .view_post_btn:after{ content:"\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 14px; display:inline-block; margin-left:5px; }
.home_blog_item .blog_content .view_post_btn:hover{ text-decoration:underline; }

.footer{ background: #eff8fe; padding-top: 60px; font-family: 'SFProDisplay';border-top: 1px solid #d5dce1;}
.footer_col{ margin-bottom:40px; }
.footer_title{ font-size:22px; font-weight:bold; margin-bottom:15px; color:#000; }
.footer_menu{}
.footer_menu li{ display:block; margin-bottom:10px; }
.footer_menu li a{ display:inline-block; font-size:16px; font-weight: normal; color:#000; position: relative; padding-bottom: 2px;}
.footer_menu li a:hover{ color:#106ae5; }
.footer_menu li a::before{ content: ''; position: absolute; width: 100%; height: 2px; background-color: #106ae5; bottom: 0; left: 0; transform-origin: right; transform: scaleX(0); transition: transform .3s ease-in-out;}
.footer_menu li a:hover::before { transform-origin: left; transform: scaleX(1);}
.member_logo{ display: flex; flex-wrap: wrap; align-items: flex-start;}
.member_logo li img{ height:40px; }
.copyright{ text-align: center; font-size: 14px; color: #000; padding: 20px 15px; border-top: 2px solid #afafaf;}
.footer_logo img{ height:45px; }
.social_footer{ margin-top: 20px;}
.social_footer a{ margin: 0 2px; display: inline-block; font-size: 18px; color: #fff; width: 34px; height: 34px; line-height: 34px; border-radius: 6px; text-align: center; background: #1b1c21;}
.social_footer a img { height: 16px;}
.footer_address{ margin-top:20px; }
.footer_address h4{ color:#000; font-size:18px; font-weight:bold; margin-bottom:5px; }
.footer_address p{ color:#000; font-size:16	px; margin-bottom:5px;}
.footer_address p a{ color:#000; }
.footer_address p a:hover{ color:#106ae5; }

.newsletter_section{ background:#106ae5; padding:60px 0; font-family: 'SFProDisplay';}
.newsletter_section .container{ display:flex; flex-wrap:wrap; align-items: center;}
.newsletter_section .title{ color:#fff; width: 40%; padding-right: 15px;}
.newsletter_section .title h3{ font-size:24px; font-weight:bold; }
.newsletter_section .title p{ font-size:14px; font-weight:500; margin-top: 5px;}
.newsletter_section .newsletter_field{ width:60%;}
.newsletter_section .newsletter_field .field{ display:flex; }
.newsletter_section .newsletter_field input[type="email"]{ width: 100%;height:50px; background:#fff; padding:0 15px; border:0; }
.newsletter_section .newsletter_field input[type="email"]:focus{ outline:none; box-shadow:none; }
.newsletter_section .newsletter_field button{ margin-left:15px; white-space: nowrap; background:#0c3b7c; color:#fff; padding: 0 20px; line-height: 50px; border: 0; font-size: 14px; font-weight: 500; transition: 0.4s;}
.newsletter_section .newsletter_field button:hover{ background:#000; }

.newsletter{ text-align: center; margin-bottom: 30px; position: relative;}
.newsletter h4{ font-size: 20px; color: #fff; font-weight: normal; margin-bottom: 20px;}
.newsletter .subcribe_btn{ background-image: url(../images/right-arrow-white.png); background-repeat: no-repeat; background-position: center right 25px; background-size: 30px; display: inline-block; font-size: 24px; font-weight: 600; color: #fff; border: 2px solid #fff; border-radius: 30px; padding: 0 65px 0 30px; line-height: 50px; cursor: pointer; }
.newsletter .newsletter_field{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 1; opacity: 0; visibility: hidden; transition: 0.4s;}
.newsletter .newsletter_field input{ outline: none; width: 400px; max-width: 100%; border: 2px solid #fff; height: 54px; background: transparent; border-radius: 30px; padding: 5px 60px 5px 15px; color: #fff; font-size: 16px;}
.newsletter .newsletter_field button{ position: absolute; right: 0; top: 0; line-height: 52px; border: 0; border-radius: 0; color: #fff; width: 54px; background: transparent; border-left: 2px solid #fff;text-align: center;}
.newsletter.show .subcribe_btn{ opacity: 0; pointer-events: none; }
.newsletter.show .newsletter_field{ opacity: 1; visibility: visible;}
.newsletter .newsletter_field input:-webkit-autofill, .newsletter .newsletter_field input:-webkit-autofill:hover, .newsletter .newsletter_field input:-webkit-autofill:focus, .newsletter .newsletter_field input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #000 inset !important;
    -webkit-text-fill-color: #fff !important;
}

.footer_bottom{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 15px 0; border-top: 1px solid #cccccc; }
.footer_bottom .copyright{ font-size: 13px; font-weight: 300; color: #fff; }
.footer_bottom .footer_menu li{ display: inline-block; margin-right: 25px; }
.footer_bottom .footer_menu li:last-child{ margin-right: 0; }
.footer_bottom .footer_menu li a{ padding: 5px 0; display: block; color: #fff; font-size: 14px; font-weight: 300; }
.footer_bottom .footer_menu li a:hover{ text-decoration: underline; }
.fixed_btn{ position: fixed; top: 50%; right: 0; transform: translateY(-50%); z-index: 9;}
.adobe_solutions{ display: none; margin-bottom: 10px;}
.adobe_solutions a{ display: block; padding: 10px 5px; width: 110px; text-align: center; background: #fff; box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 10%);}
.adobe_solutions img{ width: 100%;}
.get_demo{ display: none; margin-bottom: 10px; width: 110px; padding: 15px 10px; z-index: 9; background: #00508c; text-align: center; cursor: pointer; box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 10%); transition: 0.4s;}
.get_demo:hover{ background: #fbba00; }
.get_demo a{ display: block; }
.get_demo img{ max-height: 36px; }
.get_demo span{ display: block; color: #fff; font-size: 15px; font-weight: 300; line-height: 1.2; margin-top: 5px;}
.social_fixed{ position: fixed; left: 30px; top: 50%; transform: translateY(-50%); z-index: -1;}
.social_fixed.active{ z-index: 98; }
.social_fixed a{ position: relative; top: 2500px; opacity: 0; margin: 10px 0; display: block; font-size: 18px; color: #fff; width: 36px; height: 36px; line-height: 36px; border-radius: 50%; text-align: center; background: rgba(0,0,0,0.4); border: 1px solid #C3C3C3; transition: 0.4s; }
.social_fixed a:hover{ background: rgba(0,0,0,0.7); color: #fff; }
.social_fixed a.facebook{ transition: all 0.3s ease-out;}
.social_fixed a.linkedin{ transition: all 0.6s ease-out;}
.social_fixed a.instagram{ transition: all 0.9s ease-out;}
.social_fixed a.twitter{ transition: all 1.2s ease-out; }
.social_fixed a.youtube{ transition: all 1.5s ease-out; }
.social_fixed.active a{ top: 0; opacity: 1;}
.social_fixed a{ display: flex; align-items: center; justify-content: center;}
.social_fixed a img{ height:16px; }
.contact_slide_btn{ width: 110px; padding: 15px 10px; z-index: 9; background: #00508c; text-align: center; cursor: pointer; box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 10%); transition: 0.4s;}
.contact_slide_btn:hover{ background: #fbba00; }
.contact_slide_btn img{ max-height: 36px; }
.contact_slide_btn span{ display: block; color: #fff; font-size: 15px; font-weight: 300; line-height: 1.2; margin-top: 5px;}
.contact_slide_info{ z-index: 101; background: #00508c; max-width: 100%; position: fixed; top: 50%; transform: translateY(-50%); right: -105%; transition: right 0.4s; box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);}
.contact_slide_info.show{ right: 0; }
.contact_call{ text-align: center; padding: 30px;}
.contact_call h4{ font-size: 18px; font-weight: 300; color: #fff;}
.contact_call a{ white-space: nowrap; font-size: 24px; font-weight: 500; color: #fff; }
.contact_call a:hover{ text-decoration: underline; }
.contact_service{ text-align: center; padding: 25px; background: #fff; }
.contact_service .divide{ position:relative; margin-bottom: 20px; color: #666;}
.contact_service .divide:before{ content:""; width:140px; height:1px; background:#ccc; position:absolute; left:50%; top:50%; transform:translateX(-50%); }
.contact_service .divide span{ background:#fff; padding:0 10px; position:relative; z-index:2; }
.contact_service h4{ font-size: 18px; font-weight: 500; color: #333; margin-bottom: 5px;}
.contact_service p{ font-size: 14px; color: #666; margin-bottom: 10px; }
.contact_service .contact_modal_btn{ display: inline-block; background: #00508c; color: #fff; font-size: 16px; padding: 10px 20px; }
.header .menu_bar{ width:24px; padding:10px 0; display:none; cursor:pointer;}
.header .menu_bar span{ display:block; height:2px; margin-bottom:5px; background:#000; transition: 0.4s;}
.header .menu_bar span:last-child{ margin-bottom:0px;}

.footer_newsletter{}
.footer_newsletter .field{ position:relative; }
.footer_newsletter input{ width: 100%; height:44px; font-size: 16px; border-width:0 0 2px 0; border-color: #fff; background-color:transparent; color:#fff; }
.footer_newsletter input:focus{ outline:none; }
.footer_newsletter button{ font-size: 16px; font-weight: 500; color: #fff; background-color:transparent; padding:0; border: 0; line-height:44px; position:absolute; right:0; top:0; }
.footer_newsletter button:hover{color:#25c9ff;}
.footer_newsletter input:-webkit-autofill,
.footer_newsletter input:-webkit-autofill:hover, 
.footer_newsletter input:-webkit-autofill:focus, 
.footer_newsletter input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #000 inset !important;
}
.footer_newsletter input:-webkit-autofill{
    -webkit-text-fill-color: #fff !important;
}


.animate_form{ margin-bottom:20px; position:relative;}
.animate_form .form-control, .animate_form .custom-file-label{ width: 100%; background:transparent; color:#000; font-size:14px; height:40px; border:1px solid #ccc; box-shadow:none; border-radius:0px; position:relative; z-index:2;}
.animate_form .custom-file{ height: 50px; }
.animate_form .custom-file-input{ opacity:0; }
.animate_form .custom-file-label{ position: absolute; left: 0; top: 0; z-index: 1; padding: 0px 80px 0 12px; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.animate_form .custom-file-label::after{ content: "Browse"; height: 40px; line-height: 40px; padding: 0 15px; border-radius: 0; position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; background: #333; color: #fff;}
.animate_form select.form-control{ appearance: auto; height:40px;}
.animate_form textarea.form-control{ height:120px;}
.animate_form .form-control::-webkit-input-placeholder { transition: all 200ms ease-out;}
.animate_form .form-control + span { position:absolute; top:-7px; left:7px; font-size:11px; color:#0083e6; transition:all 200ms ease-out; background: #fff; z-index: 2; padding: 0 3px;}
.animate_form .form-control:not(:focus):not(.filled)::-webkit-input-placeholder { color: transparent;}
.animate_form .form-control:not(:focus):not(.filled) + span{ top: 10px; font-size:14px; color:#666; z-index: inherit;}
.animate_form select.form-control + span, .animate_form input[type="file"].form-control + span{ top: -7px; left: 7px; font-size: 11px; color:#666;}
.animate_form select.form-control:not(:focus):not(.filled) + span{ top: -7px; left: 7px; font-size: 11px; color:#666; z-index: 2;}
.animate_form .form-control:focus, .animate_form .form-control.filled, .animate_form .form-control:focus + .custom-file-label{ border-color:#0083e6; box-shadow: none;}
.animate_form input:-webkit-autofill,
.animate_form input:-webkit-autofill:hover, 
.animate_form input:-webkit-autofill:focus, 
.animate_form input:-webkit-autofill:active
{
 -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.custom_modal .modal-content{ border-radius: 0px; border: 0px; padding: 50px 50px 0; margin-bottom: 25px;}
.custom_modal .modal-body{ padding: 0; }
.custom_modal .modal-header{ border: 0; padding: 0; text-align: center; flex-wrap: wrap; margin-bottom: 30px;}
.custom_modal .modal-header p{ color: #666; max-width: 500px; margin: 0px auto;}
.custom_modal .modal-header h5{ width: 100%; font-size: 18px; font-weight: normal; color: #666;}
.custom_modal .modal-header h2{ width: 100%; font-size: 36px; font-weight: 600; line-height: normal; margin-bottom: 10px;}
.custom_modal .modal-header h2 span{ color: #0083e6; }
.custom_modal .modal-header h3{ width: 100%; font-size: 30px; font-weight: 600; line-height: normal;}
.custom_modal .modal-header .close{ opacity: 1; position: absolute; right: 5px; top: 5px; width: 40px; height: 40px; border: 0; background: transparent; padding: 0; line-height: 40px; margin: 0; border-radius: 50%; color: #666; font-weight: 300; font-size: 36px; transition: 0.4s;}
.modal_form .modal_form_btn{ background: #0083e6; color: #fff; text-transform: uppercase; padding: 0px 40px; line-height: 48px; border: 2px solid #0083e6; border-radius: 30px; transition: 0.4s; margin-top: 20px; margin-bottom: -25px;}
.modal_form .modal_form_btn:hover{ background: #fff; color: #000; }

.service_banner{ position: relative; }
.service_banner img{ width: 100%; }
.service_banner img.desk_hide{ display: none; }
.service_banner .banner_content{ width: 100%; position: absolute; top:50%; left: 0; transform: translateY(-50%); }
.service_banner .banner_content h2{ margin-bottom: 15px; }
.service_banner .banner_content h2 span{ position: relative; display: inline-block; padding: 15px 40px; background: #4c84ae; color: #fff; font-size: 50px; font-weight: 600; }
.service_banner .banner_content h4 span{ position: relative; display: inline-block; padding: 20px 40px; background: #e7ca69; color: #fff; font-size: 24px; font-weight: 400;}
.service_banner .banner_content h2 span:after{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background: #4c84ae; transform-origin: bottom left; transform: skew(-28deg, 0deg);}
.service_banner .banner_content h4 span:after{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background: #e7ca69; transform-origin: bottom left; transform: skew(-28deg, 0deg);}

.development_list{ padding: 60px 0; display: flex; flex-wrap: wrap; margin: 0 -15px; }
.development_list .item{ flex: 0 0 50%; max-width:50%; padding: 0 15px; margin-bottom: 25px; }
.development_list .title{ position: relative; padding-left: 20px;}
.development_list .title .icon{ width: 54px; height: 54px; line-height: 54px; text-align: center; background: #00508c; z-index: 1; position: absolute; left: 0; top: -2px; border-radius: 50%; }
.development_list .title .icon img{ height: 26px; filter: brightness(0) invert(1); }
.development_list .title h4{ background: #f0f1f2; color: #00508c; font-size: 18px; font-weight: 500; line-height: 50px; padding-left: 45px; transform: skewX(-15deg);}
.development_list .title h4 span{ display: inline-block; transform: skewX(15deg);}
.development_list .content{ padding: 20px 0 0 65px; }
.development_list .content p{ font-size: 14px; line-height: 22px; color: #333; margin-bottom: 15px; }
.development_list .content ul{ padding-left: 14px; list-style-type: disc; }
.development_list .content ul li{ font-size: 14px; line-height: 22px; color: #333; margin-bottom: 8px; }

.technology_list{ padding-bottom: 60px; }
.technology_list .title{ text-align: center; margin-bottom: 50px;}
.technology_list .title span{ position: relative; background: #fff; color: #00508c; font-size: 27px; padding: 15px 40px; display: inline-block; border: 2px solid #00508c; border-radius: 10px; }
.technology_list .title span:before{ content: ""; width: 100%; height: 100%; background: #00508c; border-radius: 10px; z-index: -1; position: absolute; right: -15px; bottom: -15px; }
.technology_row{ display: flex; flex-wrap: wrap; padding: 15px 0; border-bottom: 1px solid #eee;}
.technology_heading{ flex: 0 0 25%; max-width: 25%; padding: 5px 20px 5px 0; }
.technology_heading img{ height: 36px; }
.technology_heading span{ display: inline-block; font-size: 16px; font-weight: 500; margin-left: 10px; }
.technology_content{ flex: 0 0 75%; max-width: 75%;}
.technology_content ul{ display: flex; flex-wrap: wrap; }
.technology_content ul li{ flex: 0 0 33.33%; max-width: 33.33%; margin: 5px 0; }
.technology_content ul li:before{ content: "\f0da"; font-family: "Font Awesome 6 Free"; font-weight: 900; display: inline-block; margin-right: 6px; }

.cms_banner{ text-align: center; padding: 180px 15px; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover;}
.cms_banner:before{ content: ""; width: 100%; height: 100%; background: rgba(43,25,1,0.7); position: absolute; left: 0; top: 0; }
.cms_banner h1{ position: relative; color: #fff; font-size: 50px; text-transform: uppercase; font-weight: 600; padding-bottom: 10px; margin-bottom: 20px; }
.cms_banner h1:after{ content: ""; width: 100px; height: 4px; background: #ddb42a; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.cms_banner p{ position: relative; color: #fff; font-size: 20px; }

.portfolio_area{ padding: 60px 0; }
.portfolio_filters{ text-align:center; margin-bottom:20px; padding: 0;}
.portfolio_filters li{ display: inline-block; font-size: 16px; text-transform: uppercase; color: #666; line-height: 52px; padding: 0 25px; cursor: pointer; }
.portfolio_filters li.active{ background: #00508c; color: #fff; }
.portfolio_items{ display: flex; flex-wrap: wrap; margin: 0 -15px; overflow: hidden; height: auto !important;}
.portfolio_items .project{ position: static !important; width: 33.33%; padding: 0 15px; }
/*.portfolio_items .project .content{ display: block; position: relative; overflow: hidden; }
.portfolio_items .project .project_img img{ width: 100%; vertical-align: bottom; transition: 0.4s;}
.portfolio_items .project:hover .project_img img{ transform: scale(1.1); }
.portfolio_items .project .project_inner{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0, 0, 0, 0.2); transition: 0.4s; display: flex; align-items: center; justify-content: center;}
.portfolio_items .project:hover .project_inner{ background:rgba(0, 0, 0, 0.6);}
.portfolio_items .project .project_title{ opacity:0; transition:0.4s; font-size: 18px; font-weight: 400; color: #fff; text-transform: uppercase; }
.portfolio_items .project:hover .project_title{ opacity:1; }
.portfolio_items .project .project_link{ position: absolute; right: 15px; bottom: 15px; z-index: 2;}
.portfolio_items .project .project_link img{ width:40px; }
.portfolio_items .project .project_logo{ position: absolute; right: 10px; top: 10px; padding: 12px; background: #fff; border-radius: 50%; width: 70px; height: 70px; display: flex; align-items: center; }*/

.contact_banner{ padding: 100px 0; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover;}
.contact_banner:before{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.6); position: absolute; left: 0; top: 0; }
.contact_banner h1{ position: relative; text-align: center; color: #fff; font-size: 60px; text-transform: uppercase; font-weight: 600; margin-bottom: 20px; }
.contact_banner p{ position: relative; font-size: 20px; color: #fff; text-align: center; margin-bottom: 20px;}
.contact_banner p:last-child{ margin-bottom: 0; }
.contact_banner p a{ text-decoration: underline; color: #ddb52d; }
.contact_area{ padding: 80px 0; position: relative; background: url(../images/contact-us-map.jpg) no-repeat; background-size: auto; background-position: top center;}
.contact_area .contact_form{ max-width: 900px; margin: 0px auto;  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 10%); background: #fff; padding: 50px;}
.contact_form .title{ font-size: 36px; font-weight: 600; margin-bottom: 30px; }
.contact_form .animate_form .form-control{ border: 2px solid #eee; height: 48px; }
.contact_form .animate_form textarea.form-control{ height: 120px; }
.contact_form .animate_form .form-control + span{ font-weight: 500; }
.contact_form .animate_form .form-control:not(:focus):not(.filled) + span{ top: 15px; font-weight: 500; }
.contact_form .animate_form .form-control:focus, .contact_form .animate_form .form-control.filled{ border-color: #0083e6;}
.contact_form .animate_form select.form-control:not(:focus):not(.filled) + span{ top: -7px; left: 7px; font-size: 11px; color: #666; z-index: 2;}
.contact_form .contact_btn{ margin-top: 20px; background: #0083e6; color: #fff; font-size: 16px; font-weight: 500; padding: 0px 30px; border-radius: 4px; line-height: 48px; border:0; transition: 0.4s;}
.contact_form .contact_btn:hover{ background: #262e35;}
.contact_area .contact_details{ flex: 0 0 33.33%; max-width: 33.33%; background: #262e35; padding: 30px;}
.contact_info{ display: flex; padding: 20px 0;}
.contact_info .icon{ width: 50px; height: 50px; line-height: 50px; background: #c89900; border-radius: 50%; font-size: 20px; color: #fff; display: flex; justify-content: center; align-items: center;}
.contact_info .info{ width: calc(100% - 50px); padding-left: 20px;}
.contact_info .info h5{ font-size: 20px; font-weight: 500; color: #fff; margin-bottom: 10px; }
.contact_info .info span{ font-size: 15px; color: #ccc; }

.contact_address{ background: #f5f5f5; padding: 60px 0; scroll-margin-top: 100px;}
.contact_address .container{ max-width: 1320px; }
.contact_address h2{ text-align: center; font-size: 48px; margin-bottom: 30px; }
.office_address{ height: calc(100% - 40px); background: #fff; box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 10%); margin: 20px 0;}
.office_address .office_img{ position: relative; overflow: hidden; }
.office_address .office_img img{ width: 100%; transition: 0.4s; }
.office_address:hover .office_img img{ transform: scale(1.1); }
.office_address .office_img .name{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.2); display: flex; justify-content: center; align-items: center;}
.office_address .office_img .name h3{font-size: 27px; color: #fff; text-transform: uppercase;}
.office_address .office_contact{ background: #fff; padding: 20px 15px 30px; }
.office_address .office_contact h4{ font-size: 20px; margin-bottom: 20px; }
.office_address .office_contact p{ font-size: 16px; line-height: 24px; position: relative; padding-left: 30px; margin-bottom: 20px; }
.office_address .office_contact p:last-child{ margin-bottom: 0; }
.office_address .office_contact p a{ color: #000; }
.office_address .office_contact p a:hover{ text-decoration: underline; }
.office_address .office_contact p img{ width: 18px; position: absolute; left: 0; top: 4px; }
.office_address.main{ display: flex; flex-wrap: wrap; }
.office_address.main .office_img{ width: 30%; }
.office_address.main .office_img img{ height: 100%; width: auto; }
.office_address.main .office_contact{ width: 70%; padding: 30px; }

.current_post{ padding: 30px 0; display: flex; flex-wrap: wrap; position: relative; margin-bottom: 50px;}
.current_post .blog_featured_img{ flex: 0 0 50%; max-width: 50%; position: relative; z-index: 2;}
.current_post .blog_featured_img img{ width: 100%; }
.current_post .blog_post_content{ flex: 0 0 50%; max-width: 50%; background: #eee; padding:60px 40px; position: relative; top: 50px; z-index: 1;}
.current_post .blog_post_content:before{ content: ""; background: #eee; width: 100%; height: 100%; position: absolute; left: -50%; top: 0; z-index: -1;}
.current_post .blog_post_date{ font-size: 14px; color: #727271; text-transform: uppercase; margin-bottom: 40px; }
.current_post .blog_post_title{ max-width: 600px; font-size: 30px; font-weight: 500; margin-bottom: 30px;}
.blog_post_title a{ color:#333; }
.current_post .blog_short_desc{ max-width: 600px; margin-bottom: 50px; color: #666; font-size: 16px; }
.current_post .blog_post_bottom { width: 100%; max-width: 600px; display: flex; flex-wrap: wrap; align-items: center;}
.current_post .blog_post_bottom .view_post_btn{ display: inline-block; color: #000; font-size: 14px; text-transform: uppercase; padding: 0 40px; line-height: 48px; border: 1px solid #000; transition: .4s; text-decoration: none;}
.current_post .blog_post_bottom .view_post_btn:hover{ background: #000; color: #fff; }
.current_post .blog_post_share { margin-left: auto; display: flex; align-items: center;}
.blog_post_share .share_action { cursor: pointer; order: 2; margin-left: 5px; width: 40px; height: 40px; line-height: 38px; color: #666; border: 1px solid #ccc; text-align: center; border-radius: 50%; font-size: 16px;}
.current_post.odd .blog_featured_img{ order: 2; }
.current_post.odd .blog_post_content{ order: 1; display: flex; flex-direction: column; align-items: flex-end; text-align: right;}
.current_post.odd .blog_post_content:before{ left: auto; right: -50%; }
.current_post.odd .blog_post_bottom .view_post_btn{ order: 2; }
.current_post.odd .blog_post_share{ margin-left: 0; margin-right: auto; }
.current_post.odd .blog_post_share .share_action{ order: inherit; margin-left: 0; margin-right: 5px; }
.blog_list_container{ margin: 0px auto; max-width: 1600px; padding: 0 30px; }
.previous_posts{ display: flex; flex-wrap: wrap; padding-bottom: 30px;}
.previous_post{ margin: 15px 0; margin-right: 30px; width: calc(33.33% - 20px); background: #fff; box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 10%);}
.previous_post:nth-child(3n) { margin-right: 0;}
.previous_post .blog_featured_img{ padding: 10px 10px 0;}
.previous_post .blog_featured_img img{ width: 100%; }
.previous_post .blog_post_content{padding: 25px 20px;}
.previous_post .blog_post_date{ font-size: 13px; color: #727271; text-transform: uppercase; margin-bottom: 20px; }
.previous_post .blog_post_title{ font-size: 20px; font-weight: 500; margin-bottom: 20px;}
.previous_post .blog_short_desc{ margin-bottom: 25px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.previous_post .blog_short_desc p{ color: #666; font-size: 15px;}
.previous_post .blog_post_bottom { max-width: 600px; display: flex; flex-wrap: wrap; align-items: center;}
.previous_post .blog_post_bottom .view_post_btn{ display: inline-block; color: #000; font-size: 13px; text-transform: uppercase; padding: 0 30px; line-height: 44px; border: 1px solid #000; transition: .4s; text-decoration: none;}
.previous_post .blog_post_bottom .view_post_btn:hover{ background: #000; color: #fff; }
.previous_post .blog_post_share{ margin-left: auto; display: flex; align-items: center;}
.blog_post_share.active .share_action .fa:before{ content: "\f00d"; font-size: 24px; line-height: 36px; color: #000;}
.blog_post_share .share_addtional { display: none; list-style: none; padding: 0; margin: 0;}
.blog_post_share.active .share_addtional { display: flex;}
.blog_post_share .share_addtional a{ display: inline-block; color: #666; font-size: 18px; margin: 0 10px; }
.current_post .blog_post_share .share_addtional a{ color: #333;  margin: 0 5px; border: 1px solid #666; width: 32px; height: 32px; text-align: center; line-height: 30px;}
.blog_pagination{ width: 100%; justify-content: center; margin: 15px 0;}
.blog_pagination li{ margin: 5px; }
.blog_pagination li a{ display: block; width: 40px; height: 40px; text-align: center; line-height: 38px; color: #000; border: 1px solid #ccc; border-radius: 50%; transition: 0.4s;}
.blog_pagination li a:hover{ border-color: #333; color: #333; }
.blog_pagination li.active a{ border-color: #333; background: #333; color: #fff; pointer-events: none;}
.aiz-pagination .pagination .page-link:focus{ box-shadow:none; }
.aiz-pagination .pagination .active .page-link{ color: #fff;}
.aiz-pagination .pagination .page-item .page-link{ padding: 5px 20px; text-transform: uppercase; border: 1px solid #666;}
.aiz-pagination .pagination .page-item .page-link:hover{ background:#333; color:#fff; border-color:#333; }
.aiz-pagination .pagination .page-item.disabled .page-link{ opacity:0.7; }
.single_blog{ padding: 60px 0; }
.single_blog .container{ max-width:960px; }
.post_head{ position: relative; margin-bottom: 30px; padding-right: 160px;}
.post_head .post_title h1{ font-size: 34px; font-weight: 500;}
.post_head .post_title h3{ font-size: 30px; font-weight: 500;}
.post_head .post_title .bottom{ padding-top: 15px; display: flex; }
.post_head .post_title .bottom span{ font-size: 13px; color: #666;}
.post_head .post_title .bottom span:after{ content: "|"; margin: 0 10px; }
.post_head .post_title .bottom span:last-child:after{ display: none; }
.post_head .social_share{ position: absolute; right: 0; top: 0;}
.post_head .social_share a{ width: 36px; height: 36px; line-height: 36px; background: #f2f2f2; color: #333; border-radius: 50%; display: inline-block; text-align: center;  transition: 0.4s;}
.post_head .social_share a:hover{ background: #333; color: #fff; }
.post_featured_img{ margin-bottom: 30px; }
.post_featured_img img{ width: 100%; }
.post_content a{ text-decoration: underline; color: #0083e6; }
.post_content p{ font-size: 18px; line-height: 24px; color: #555; margin-bottom: 20px; }
.post_content p strong, .post_content li strong{ font-weight: 600; color: #333;}
.post_content ul{ padding-left: 16px; list-style-type: disc; margin-bottom: 20px; }
.post_content ul li{ font-size: 18px; line-height: 24px; color: #555; margin-bottom: 6px; }
.post_content ol{ padding-left: 16px; list-style-type: auto; margin-bottom: 20px; }
.post_content ol li{ font-size: 18px; line-height: 24px; color: #555; margin-bottom: 6px; }
.post_content img{ width: 100%; margin-bottom: 20px; }
.post_content h2 { font-size: 30px; font-weight: 500; margin-bottom: 20px;}
.post_content h3 { font-size: 24px; font-weight: 500; margin-bottom: 20px;}
.post_content h4 { font-size: 18px; font-weight: 500; margin-bottom: 20px;}
.post_content h5 { font-size: 14px; margin-bottom: 20px; font-weight: 500;}
.post_content .icon_lists h5{ margin-bottom: 10px; }
.post_content .icon_lists p{ margin-bottom: 15px; }
.post_content .icon_lists ul{ margin-bottom: 15px; }
.icon_lists { position: relative; padding-left: 70px; margin-bottom: 30px;}
.icon_lists .icon{ width: 54px; height: 54px; border-radius: 50%; position: absolute; left: 0; top: 0; text-align: center; line-height: 54px; background: #00508c;}
.icon_lists .icon img{ height: 30px; width: auto; margin: 0; filter: brightness(0) invert(1);}
.icon_lists .icon.no_bg{ background: transparent;}
.icon_lists .icon.no_bg img{ filter: inherit; opacity: 0.7; height: 54px;}
.post_content a.post_btn{ text-decoration: none; text-transform: uppercase; display: inline-block; background: #0083e6; color: #fff; font-size: 16px; font-weight: 500; padding: 0px 30px; border-radius: 4px; line-height: 48px; border:0; transition: 0.4s;}
.post_content a.post_btn:hover{ background: #262e35;}

.captcha_field > div{ display: flex; align-items: center; margin-bottom: 10px; height: 60px;}
.captcha_field > div > span { display: inline-block; min-width: 105px;}
.captcha_field button{ background-color: #0083e6 !important; border: 0; margin-left: 15px; box-shadow: none !important; font-size: 14px; padding: 5px 10px;}
.captcha_field img{ max-height: 60px;}
.captcha_field .help-block { color: #f00; font-size: 13px; margin-top: 5px; display: block;}
.captcha_field .help-block strong{ font-weight: normal;}
.captcha_field .form-control{ font-size: 14px; max-width: 200px; height: 40px; border: 1px solid #ccc; box-shadow: none; border-radius: 0; color: #000; transition: 0.4s;}
.captcha_field .form-control:focus{ border-color: #e3b6a1; }

.cms_content{ padding: 40px 0; }
.cms_content h1{ color: #00508c; font-size: 36px; margin-bottom: 25px; margin-top: 30px; font-weight: 600; }
.cms_content h2{ color: #222; font-size: 30px; margin-bottom: 20px; margin-top: 30px; font-weight: 600; }
.cms_content h3{ color: #222; font-size: 24px; margin-bottom: 20px; margin-top: 30px; font-weight: 600; }
.cms_content h4{ color: #222; font-size: 20px; margin-bottom: 20px; margin-top: 30px; font-weight: 600; }
.cms_content p{ color: #222; font-size: 15px; line-height: 24px; margin-bottom: 15px; }
.cms_content ul{ padding-left: 20px; list-style: disc; margin-bottom: 20px; }
.cms_content li{ color: #222; font-size: 16px; margin-bottom: 10px; }
.cms_content strong{ font-weight: 600;}

.theme_banner_1{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 180px 0 80px;}
.theme_banner_1.overlay:before{ content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: absolute; left: 0; top: 0; }
.theme_banner_1.overlay-4:before{ content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; top: 0; }
.theme_banner_1 .theme_banner_caption{ position: relative; max-width: 640px;}
.theme_banner_1 .theme_banner_caption h1{ font-size: 40px; color: #efab1f;}
.theme_banner_1 .theme_banner_caption h3{ font-size: 21px; color: #fff; margin-top: 15px; font-weight: 300;}
.theme_banner_1 .theme_banner_caption p{ font-size: 16px; color: #fff; margin-top: 15px; font-weight: 300;}
.theme_banner_1 .theme_banner_caption .service_logo{ margin-bottom: 30px; }
.theme_banner_1 .theme_banner_caption .service_logo img{ height: 48px; }
.theme_banner_1 .theme_banner_caption .btn_sec{ margin-top: 30px;}
.theme_banner_1 .theme_banner_caption .btn_sec a{ display: inline-block; font-size: 17px; background: #0083e6; color: #fff; padding: 12px 30px; transition: 0.4s;}
.theme_banner_1 .theme_banner_caption .btn_sec a:hover{ background: #fbba00; }
.section_title{ max-width: 900px; margin: auto; color: #000; font-size: 36px; line-height: 1.3; font-weight: normal; text-align: center;}
.section_title-2{ max-width: 900px; margin: auto; color: #000; font-size: 30px; line-height: 1.3; font-weight: normal; text-align: center;}
.section_subtitle{ max-width: 900px; margin: auto; font-size: 20px; color: #222; font-weight: 300; line-height: 1.3; text-align: center;}
.video_section{ position: relative; padding-top: 60px; margin-bottom: 60px; }
.video_section:before{ content: ""; background: #f0f0f0; width: 100%; height: calc(100% - 80px); position: absolute; left: 0; top: 0; z-index: -1; }
.video-container { overflow: hidden; position: relative; width:100%;}
.video-container::after { padding-top: 56.25%; display: block; content: '';}
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video_modal_link{ cursor: pointer; max-width: 750px; display: block; margin: 0px auto; position: relative; overflow: hidden;}
.video_modal_link img{ width: 100%; }
.video_modal_link .play_btn{ width: 100%; height: 100%; background: rgba(0,0,0,0.1); position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center;}
.video_modal_link .play_btn img{ width: auto; height: 80px;}
.element_item{ text-align: center; margin: 30px auto; max-width: 240px;}
.video_modal button.close{ position: absolute; right: -35px; top: -35px; border: 0; background: transparent; color: #fff; font-size: 40px; font-weight: 300;}
.m-width-320{ max-width: 320px !important; }
.m-width-400{ max-width: 400px !important; }
.m-width-100{ max-width: 100% !important; }
.grey_bg{ background-color: #eff8fe !important; }
.desktop_grey_bg{ background-color: #eff8fe !important; }
.white_bg{ background-color: #fff !important; }
.black_bg{ background-color: #191919 !important; }
.black_bg_2{ background-color: #000 !important; }
.white_color, .white_color *{ color:#fff !important; }
.green_bg{ background:#4e813e !important; }
.element_item img{ display: inline-block; height: 80px; margin-bottom: 30px;}
.element_item h3{ color: #000; font-size: 24px; font-weight: normal; line-height: 1.3;}
.element_item h4{ color: #000; font-size: 20px; font-weight: normal; line-height: 1.3;}
.element_item h5{ color: #000; font-size: 18px; font-weight: normal; line-height: 1.3;}
.element_item p{ color: #3c3c3c; font-size: 17px;}
.element_item h3 + p, .element_item h4 + p, .element_item h4 + p, .element_item h5 + p{ margin-top: 12px; }
.element_boxes{ position: relative; padding-bottom: 60px; }
.element_boxes:before{content: ""; background: #f0f0f0; width: 100%; height: calc(100% - 100px); position: absolute; left: 0; bottom: 0; z-index: -1; }
.element_boxes .item{ height: calc(100% - 20px); background: #106ae5; padding: 30px 20px 60px; margin: 10px 0; transition: all .2s ease-in-out; position:relative; }
.element_boxes .item:hover{ transform: scale(1.05); }
.element_boxes [class*="col-"]:nth-child(2n) .item { background: #7d7d7d; }
.element_boxes .item .element_logo{ margin-bottom: 40px; height: 40px;}
.element_boxes .item img{ max-height: 48px; max-width: 120px;}
.element_boxes .item h4{ font-size: 22px; font-weight: 500; color: #fbba00; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #fff; }
.element_boxes .item p{ margin: 15px 0; font-size: 15px; font-weight: 300; color: #fff;}
.element_boxes .item ul{ margin: 15px 0; list-style: square; padding-left: 20px;}
.element_boxes .item ul li{ font-size: 17px; font-weight: 300; color: #fff;}
.element_boxes .item a{ font-size: 16px; font-weight: 300; color: #fff; text-decoration: underline; position: absolute; left: 20px; bottom: 30px;}
.element_boxes .item a:hover{ color: #fbba00; }
.schedule_call{ display: inline-block; background: #106ae5; color: #fff; font-size: 20px; border: 0; padding: 0px 40px; line-height: 54px; transition: 0.4s;}
.schedule_call:hover{ background: #fbba00; color: #fff;}
.schedule_call.small{ font-size:16px; padding:0 25px; line-height:44px; }
.layout_textcontent h3{ color: #000; font-size: 24px; font-weight: 400; margin: 25px 0 15px 0; }
.layout_textcontent h4{ color: #000; font-size: 20px; font-weight: 500; margin: 25px 0 15px 0; }
.layout_textcontent p{ color: #3c3c3c; font-size: 17px; margin: 15px 0;}
.layout_textcontent strong{ font-weight: 600; }
.layout_textcontent ul{ margin: 20px 0; list-style: square; padding-left: 20px; }
.layout_textcontent ul li{ color: #3c3c3c; font-size: 17px; padding-bottom: 12px; }
.layout_textcontent ul li:last-child{ padding-bottom: 0; }
#financial_management, #sales_customer_management, #purchasing_inventory, #business_intelligence, #analytics_reporting, #industry_capabilities, #mobility, #magento_hosting { scroll-margin-top: 100px;}
.element_item_2{ margin: 15px 0; background: #fff; box-shadow: 0 0 20px 5px hsl(0deg 0% 78% / 20%); padding: 30px 25px; height: calc(100% - 30px);}
.element_item_2 img{ height: 80px; margin-bottom: 30px;}
.element_item_2 h3{ color: #000; font-size: 24px; font-weight: normal; line-height: 1.3;}
.element_item_2 h4{ color: #000; font-size: 20px; font-weight: normal; line-height: 1.3;}
.element_item_2 h5{ color: #000; font-size: 18px; font-weight: normal; line-height: 1.3;}
.element_item_2 p{ color: #3c3c3c; font-size: 16px;}
.element_item_2 h3 + p, .element_item_2 h4 + p{ margin-top: 15px; }
.element_item_2 ul{ list-style: square; padding-left: 20px; }
.element_item_2 h4 + ul, .element_item_2 h3 + ul{ margin-top: 15px; }
.element_item_2 ul li{ color: #3c3c3c; font-size: 16px; padding-bottom: 12px;}
.element_item_2 ul li:last-child{ padding-bottom: 0; }
.element_item_2 a{ display:block; transition: 0.4s;}
.element_item_2 a:hover{ transform:scale(1.1); }
.border-1{ border: 1px solid #ddd; }
.company_logo_area{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.company_logo_area .company_logo_link{ width: calc(20% - 20px); text-align: center; margin: 10px 0; padding: 30px 15px 20px; background: #fff; box-shadow: 0 0 20px 5px hsl(0deg 0% 78% / 20%);}
.company_logo_area .company_logo_link a{ color: #3c3c3c; display: block; height: 80px;}
.company_logo_area .company_logo_link img{ max-width: 90%; margin: 0px auto; }
.company_logo_area .company_logo_link p{ display: block; padding-top: 10px; border-top: 1px solid #ccc;}
.service_inner{ display: flex; flex-wrap: wrap;}
.service_inner_left{ width: 25%; display: block; padding: 50px 0;}
.service_inner_left ul{background: #fff; padding: 20px 15px; transition: 0.4s; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.sticky .service_inner_left ul{ position: sticky; top: 80px;}
.service_inner_left ul{ top: 0; position: sticky;}
.service_inner_left ul li{ display: block; }
.service_inner_left ul li a{ display: block; font-size: 16px; color: #3c3c3c; padding: 10px 15px;}
.service_inner_left ul li a.active{ background: #e4f0f9; }
.service_inner_right{ width: 75%; padding: 0 0 50px 40px; }
.service_inner_single{ padding-top: 40px; scroll-margin-top: 70px;}
.service_inner_single .layout_textcontent ul{ margin: 15px 0; }
.service_inner_single .layout_textcontent ul li{ font-size: 16px; padding-bottom: 5px; }
.service_inner_single .section_title{ font-size: 30px; font-weight: 600; text-align: left; max-width: 100%; }
.service_inner_single .section_title img{ display: block; padding-bottom: 10px;}
.element_item_3{ margin: 15px 0; border: 1px solid #eaeaea; border-left: 15px solid #0083e6; background: #fff; box-shadow: 0 0 20px 5px hsl(0deg 0% 78% / 20%); padding: 30px 25px; height: calc(100% - 30px);}
.element_item_3 .title{ display: flex; align-items: center; margin-bottom: 25px; }
.element_item_3 .title img{ display: block; width: 50px; }
.element_item_3 h3{ color: #000; font-size: 27px; font-weight: normal; line-height: 1.3;}
.element_item_3 h4{ color: #000; font-size: 22px; font-weight: normal; line-height: 1.3; margin-bottom: 15px;}
.element_item_3 .title h4{ color: #000; font-size: 20px; font-weight: normal; line-height: 1.3; margin-left: 15px;}
.element_item_3 .title p{ color: #3c3c3c; font-size: 16px;}
.element_item_3 ul{ list-style: square; padding-left: 20px; }
.element_item_3 ul li{ color: #3c3c3c; font-size: 16px; padding-bottom: 12px;}
.element_item_3 ul li:last-child{ padding-bottom: 0; }
.element_item_3 h3 + p, .element_item_3 h3 + ul{ margin-top: 20px; }

body.sap-business-one .get_demo, body.index .get_demo, body.ecommerce .adobe_solutions{ display: block; }
/*.ecommerce .project_form{ background: #EB1000; }
.ecommerce .project_form .submit_btn{ background: #fff; color: #000; }*/
.ecommerce_banner_1{ background: #EB1000; padding: 60px 0;}
.ecommerce_banner_img{ padding-left: 40px; }
.ecommerce_banner_img img{ width: 100%; }
.ecommerce_banner_content{ color: #fff; padding-right: 40px;}
.ecommerce_banner_content h4{ font-size: 18px; margin-bottom:15px; }
.ecommerce_banner_content h1{ font-size: 36px; font-weight: 600; margin-bottom: 15px; }
.ecommerce_banner_content p{ font-size: 18px; margin-bottom: 20px; }
.ecommerce_btn a{ white-space: nowrap; display: inline-block; padding: 8px 15px; border-radius: 30px; background: transparent; border: 2px solid #333; color: #333; font-size: 14px; font-weight: 600; transition: 0.4s; }
.ecommerce_btn a:hover{ background: #333; color: #fff; }
.ecommerce_btn.white a{ border-color: #fff; color: #fff;}
.ecommerce_btn.white a:hover{ background: #fff; color: #333;}
.pb-80{ padding-bottom: 80px !important; }
.pt-80{ padding-top: 80px !important; }
.pb-60{ padding-bottom: 60px !important; }
.pt-60{ padding-top: 60px !important; }
.pb-40{ padding-bottom: 40px !important; }
.pt-40{ padding-top: 40px !important; }
.hr_line{ border-bottom: 1px solid #ccc; }
.layout_textcontent_2 h1{ color: #222; font-size: 36px; font-weight: 600; margin: 0 0 20px;}
.layout_textcontent_2 h2{ color: #222; font-size: 30px; font-weight: 600; margin: 0 0 20px;}
.layout_textcontent_2 h3{ color: #222; font-size: 24px; font-weight: 600; margin: 0 0 20px;}
.layout_textcontent_2 h4{ color: #222; font-size: 20px; font-weight: 600; margin: 0 0 20px;}
.layout_textcontent_2 p{color: #222; font-size: 16px; margin: 20px 0; }
.layout_textcontent_2 strong{ font-weight: 600; }
.layout_textcontent_2 ul{ margin: 20px 0; list-style: disc; padding-left: 20px; }
.layout_textcontent_2 ul li{ color: #222; font-size: 16px; padding-bottom: 4px; }
.layout_textcontent_2 ul li:last-child{ padding-bottom: 0; }
.layout_textcontent_2.font-18 p, .layout_textcontent_2.font-18 ul li{ font-size: 18px; }
.layout_textcontent_2 .service_logo{ margin-top:30px; }
.layout_textcontent_2 .service_logo img{ max-height:60px; max-width:250px; }
.element_flex{ background-color: #F5F5F5; border-radius: 8px; margin: 0px auto; max-width: 800px; display: flex; flex-wrap: wrap; align-items: center;}
.element_flex .element_img{ width: 40%; padding: 20px 30px; order: 2;}
.element_flex .element_img img{ height: 180px; }
.element_flex .element_text{ width: 60%; padding: 20px 30px; order: 1;}
.element_flex .element_text h4{ font-size: 20px; font-weight: 600; }
.features_accordion{ background-color: #f5f5f5; }
.features_accordion .accordion-item{ background-color: transparent; border: 0; border-bottom: 1px solid #ddd; }
.features_accordion .accordion-item .accordion-button{ color: #666; font-size: 16px; font-weight: 600; padding: 25px 20px 25px 38px; background-color: transparent; box-shadow: none; }
.features_accordion .accordion-item .accordion-button:hover{ color: #000; }
.features_accordion .accordion-item .accordion-button:after{ display: none; }
.features_accordion .accordion-item .accordion-button:before{ content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; width: 18px; text-align: center; position: absolute; left: 20px; top: 25px; }
.features_accordion .accordion-item .accordion-button.collapsed:before{ content: "\f105";}
.features_accordion .accordion-body{ padding: 0 20px 20px 20px; } 
.features_accordion .accordion-body p{ font-size: 16px; color: #333; margin-bottom: 20px; }
.features_accordion .accordion-body a{ color: #0083e6; font-size: 16px; font-weight: 600; }
.features_accordion .accordion-body a:hover{ text-decoration: underline; }
.benefit_header{ padding: 60px 0; background: #f5f5f5; }
.benefit_header_content h1{ color: #222; font-size: 36px; font-weight: 600; margin-bottom: 20px; }
.benefit_header_content h3{ color: #222; font-size: 24px; font-weight: 600; margin-bottom: 20px; }
.benefit_header_content p{ color: #222; font-size: 18px; }
.benefit_nav{ background: #fff; max-width: 320px; padding: 25px 0; box-shadow: 0px 0px 8px -2px rgb(0 0 0 / 15%);}
.benefit_nav .title{ font-size: 16px; font-weight: bold; text-transform: uppercase; padding: 0 25px 10px;}
.benefit_nav .title:after{ display: block; box-shadow: 0 1px 1px 1px #eaeaea; content: ''; height: 1px; width: 100%; margin-top: 5px;}
.benefit_nav ul li a{ display: block; padding: 12px 25px; color: #666;}
.benefit_nav ul li a:hover, .benefit_nav ul li a.active{ background: #eee; color: #000; }
.benefit_item{ padding: 30px 15px; }
.benefit_item .img_box{ max-width: 400px; margin: 0px auto; margin-bottom: -80px;}
.benefit_item .layout_textcontent_2{ background: #f5f5f5; padding: 100px 40px 40px;}
a.learn_more{ color: #0083e6; font-weight: 600; display: inline-block; }
a.learn_more:hover{ text-decoration: underline; }
.benefit_features{ background: #f5f5f5; padding: 50px 25px 100px 25px; margin: 15px 0; height: calc(100% - 30px); text-align: center; position: relative;}
.benefit_features a.learn_more{ position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%); }
.feature_inner_header{ padding: 80px 0; }
.feature_inner_content .title:after{ content: ""; width: 250px; max-width: 100%; height: 2px; background: #ddd; display: block; margin: 40px 0; }
.feature_inner_content h1{ color: #222; font-size: 36px; font-weight: 600; margin: 20px 0; }
.feature_inner_content h2{ color: #222; font-size: 30px; font-weight: 400; margin: 20px 0; }
.feature_inner_content h3{ color: #222; font-size: 24px; font-weight: 600; margin: 20px 0;}
.feature_inner_content p{ margin: 20px 0; color: #222; font-size: 16px; }
.feature_inner_content ul{ margin: 20px 0; list-style: disc; padding-left: 20px; }
.feature_inner_content ul li{ color: #222; font-size: 16px; margin-bottom: 8px;}
.feature_inner_content strong{ font-weight: 600; }
.feature_inner_nav{ background: #F5F5F5; max-width: 320px; padding: 30px 20px 10px;}
.feature_inner_nav .title{ font-size: 16px; font-weight: bold; text-transform: uppercase; padding: 0 20px 10px;}
.feature_inner_nav .title:after{ display: block; box-shadow: 0 1px 1px 1px #eaeaea; content: ''; height: 1px; width: 100%; margin-top: 5px;}
.feature_inner_nav .accordion-flush .accordion-item .accordion-button{ font-size: 16px; color: #666; padding: 10px 10px 10px 20px; background-color: transparent; box-shadow: none;}
.feature_inner_nav .accordion-flush .accordion-item .accordion-button:hover{ background: #ddd; color: #000; }
.feature_inner_nav .accordion-flush .accordion-item .accordion-button:after{ display: none; }
.feature_inner_nav .accordion-flush .accordion-item .accordion-button:before{ content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; width: 18px; text-align: center; position: absolute; left: 0; top: 10px; font-size: 18px; font-weight: bold;}
.feature_inner_nav .accordion-flush .accordion-item .accordion-button.collapsed:before{ content: "\f105";}
.feature_inner_nav .accordion-flush .accordion-item{ background-color: transparent; border: 0; margin-bottom: 10px; }
.feature_inner_nav .accordion-flush .accordion-body{ padding: 5px 0 0 20px; }
.feature_inner_nav ul li{ margin-bottom: 5px; }
.feature_inner_nav ul li a{ display: block; padding: 8px 10px 8px 20px; color: #666; }
.feature_inner_nav ul li a:hover, .feature_inner_nav ul li a.active{ color: #000; background: #ddd; }
.features_inner_section{ background-color: #F2F7FA; padding: 100px 0; }
.features_inner_section .layout_textcontent_2{ padding-left: 50px; }
.features_inner_section .layout_textcontent_2 .row{ margin: 0px -30px;}
.features_inner_section .layout_textcontent_2 [class*="col-"]{ padding: 0 30px; }
.features_inner_section .layout_textcontent_2 h3{ margin-bottom: 30px; }
.features_inner_section .layout_textcontent_2 p{ margin-top: 0; }
.features_inner_section .layout_textcontent_2 ul li{ padding-bottom: 2px;}

.package_link{ text-align: center; padding: 40px 15px; background-color: #f7f7f7; justify-content: center; transition: 0.4s; position: sticky; top: 85px;}
.package_link li{ display: inline-block; }
.package_link li:after{content: "|"; display: inline-block; padding: 0 15px; font-size: 16px;}
.package_link li:last-child:after{ display: none; }
.package_link li a{ display: inline-block; color: #222; font-size: 16px; }
.package_link li a.active{ font-weight: 600; color: #0083e6; }
.sticky .package_link{ padding-bottom: 10px; z-index: 1; } 

.packages_area{background-color: #f7f7f7; padding: 20px 0 60px; scroll-margin-top: 170px;}
.packages{ position: relative; padding: 30px 30px 90px 30px; background: #fff; height: calc(100% - 30px); margin: 15px 0;}
.packages .title{ text-align: center; position: relative; padding-bottom: 10px;}
.packages .title h2{ color: #0083e6; font-size: 27px;}
.packages .title:after{ content: ""; display: block; background-color: #0083e6; width: 60px; height: 5px; margin: 0px auto; margin-top: 10px;}
.packages ul{ padding: 0 15px; }
.packages ul li{ position: relative; font-size: 16px; padding-left: 24px; margin: 10px 0; }
.packages ul li:before{ content: "✓"; font-size: 16px; color: #0083e6; position: absolute; left: 0; top: 2px; }
.packages a{ position: absolute; left: 0; right: 0; bottom: 30px; margin: auto; width: calc(100% - 60px); font-size: 16px; font-weight: 400; display: block; padding: 12px 5px; background-color: #0083e6; color: #fff; border-radius: 4px; text-align: center; transition: 0.4s;}
.packages a:hover{ background-color: #00508c; color: #fff; }
.packages_addons_area{ padding: 80px 0; scroll-margin-top: 170px; }
.add_ons{ padding-left: 65px; position: relative; margin: 30px 0; }
.add_ons .icon{ width: 40px; position: absolute; left: 0; top: 0;}
.add_ons .icon img{ max-width: 100%; }
.add_ons h4{ font-size: 22px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; color: #222; }
.add_ons p{ font-size: 16px;  color: #222;}

.magento_price_banner{ padding: 80px 0; background-repeat: no-repeat; background-position: center; background-size: cover; }
.magento_price_banner .left{}
.magento_price_banner h5{ font-size: 16px; font-weight: 400; text-transform: uppercase; color: #fff;}
.magento_price_banner h1{ font-size: 48px; font-weight: 600; text-transform: uppercase; color: #fff; }
.magento_price_banner p{ font-size: 24px; color: #fff; margin-top: 30px; }
.magento_price_banner .right{ text-align: right; }
.magento_desc{ text-align:center; }
.magento_desc h3{color: #222; font-size: 24px; font-weight: 600; margin: 0 0 20px;}
.magento_desc p{ color: #222; font-size: 16px; margin: 20px 0;}
.magento_desc ul{ text-align:left; }
.magento_desc ul li{ padding:0 20px 0 15px; position:relative; color: #222; font-size: 16px; margin: 15px 0;}
.magento_desc ul li:before{ content:"\f0da"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0px; top: 3px;}
.magento_faq{ padding:30px 20px; height: calc(100% - 20px); margin: 10px 0; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); border-radius: 6px;}
.magento_faq h4{ color: #222; font-size: 20px; font-weight: 600; margin: 0 0 20px;}
.magento_faq p{ color: #222; font-size: 15px;}
.packages_comparison{ border-top: 1px solid #ddd;padding: 60px 0; scroll-margin-top: 40px;}
.comparison_title{text-align: center;}
.comparison_title h1{ font-size: 40px; font-weight: 600; color: #222; margin-bottom: 15px; }
.comparison_title h3{ font-size: 30px; font-weight: 600; color: #222; margin-bottom: 15px; }
.comparison_title p{ font-size: 16px; color: #222; margin-bottom: 15px; }
.packages_sign{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-size: 16px; background: #fff; padding: 5px 0;}
.packages_sign div{ margin: 0 4px; }
.packages_sign .fa{ margin-right: 5px; }
.comparison_header h3{ font-size: 22px; font-weight: 500; color: #0083e6; text-align: center; padding: 0 5px; position: relative;}
.comparison_grid{ display: grid; grid-template-columns: repeat(4,1fr); margin: 30px 0;}
.comparison_header.comparison_grid { position: sticky; padding: 15px 0; background: #fff; top: 113px; z-index: 1;}
.comparison_grid .title{ padding: 25px 15px 15px 0; font-size: 20px; text-transform: uppercase; font-weight: 500; color: #222; border-bottom: 1px solid #ddd;}
.comparison_grid .description{ font-size: 16px; color: #222; grid-area: span 1/span 3; padding: 25px 0 15px 15px; border-bottom: 1px solid #ddd;}
.comparison_grid .comparison_col{ font-size: 16px; color: #222; padding: 12px 0; border-bottom: 1px solid #ddd; }
.comparison_grid > div:nth-child(4n+5){ border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.comparison_grid .comparison_col.center{ display: flex; justify-content: center; align-items: center; }
.yes{ display: inline-block; width: 16px; height: 16px; border: 3px solid #50cb75; border-radius: 50%; vertical-align: middle; position:relative; }
.no{ display: inline-block; width: 16px; height: 16px; border: 3px solid #fa3232; border-radius: 50%; vertical-align: middle; }
/*.no:after{ content: "\f057"; font-family: FontAwesome; display: inline-block; color: #f00; font-size: 20px;}*/
.optional{ display: inline-block; width: 16px; height: 16px; border: 3px solid #f9c307; border-radius: 50%; vertical-align: middle;position:relative;}
.optional.fill{ background:#f9c307; }
.yes.fill{ background:#50cb75; }
.yes span, .optional span{ position: absolute; right: -15px; top: 0; line-height: 10px;}

.ecommerce_banner_2{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 200px 0;}
.ecommerce_banner_2 .banner_caption{ max-width: 600px; }
.ecommerce_banner_2 .banner_caption h1{ font-size: 36px; font-weight: normal; color: #fff;}
.ecommerce_banner_2 .service_logo{ margin-bottom: 40px; }
.ecommerce_banner_2 .service_logo img{ height: 60px; }
.shopify_services{ padding: 60px 0; }
.shopify_services .element_item{ margin: 20px auto; }
.shopify_services .element_item img{ height: 60px; margin-bottom: 20px;}
.shopify_services .layout_img img{ width: 100%; }
.black_color{ color: #000000 !important; }

.open_source_table{ max-width: 900px; margin: 0px auto; }
.open_source_table tr th{ min-width: 160px; background-color: #222; color: #fff; padding: 10px; font-weight: 500; box-shadow: none; border: 0; }
.open_source_table tr td{ min-width: 160px; padding: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.open_source_table tr td:nth-child(2){ border-left: 1px solid #ccc; border-right: 1px solid #ddd; }
.open_source_table tr:nth-child(even){ background-color: #f7f7f7;}
.open_source_table tr td.bord_btm{ border-bottom: 2px solid #666; padding-top: 25px; font-weight: 500;}
.checkmark:after{ content: "✓";  font-family: "Font Awesome 6 Free"; font-weight: 900; display: inline-block; color: #222; font-size: 20px;}

.digital_marketing_banner{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 240px 0;}
.digital_marketing_banner:before{ content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; }
.digital_marketing_banner .banner_caption{ position: relative; max-width: 800px; margin: 0px auto; padding: 0 15px; text-align: center;}
.digital_marketing_banner .banner_caption h1{ font-size: 40px; font-weight: 600; color: #fff; text-transform: uppercase;}
.digital_marketing_banner .banner_caption p{ font-size: 20px; color: #fff; }
.digital_marketing_banner .banner_caption .schedule_call{ border-radius: 6px; margin-top: 40px; font-size: 18px; background: #fbba00; }

.element_brd_boxes{ display: flex; flex-wrap: wrap; }
.element_brd_boxes .item{ width: 50%; padding: 40px 30px; text-align: center; border-right: 2px dotted #ccc; }
.element_brd_boxes .item:nth-child(2n){ border-right: 0; }
.element_brd_boxes .item:nth-child(n+3){border-top: 2px dotted #ccc;}
.element_brd_boxes .icon{ margin-bottom: 25px; }
.element_brd_boxes .icon img{ height: 100px; }
.element_brd_boxes h4{ color: #222; font-size: 20px; font-weight: 500; margin-bottom: 15px; }
.element_brd_boxes p{ color: #666; }
.element_brd_boxes.col4 .item{ width: 25%; padding: 30px 20px; border-right: 2px dotted #ccc;}
.element_brd_boxes.col4 .item:nth-child(4n){ border-right: 0; }
.element_brd_boxes.col4 .item:nth-child(n+3){border-top: 0px;}
.element_brd_boxes.col4 .item:nth-child(n+5){border-top: 2px dotted #ccc;}

.digital_services{}
.digital_services .item{ position: relative; padding-left: 55px; margin-bottom: 30px;}
.digital_services .item:last-child{ margin-bottom: 0; }
.digital_services.left .item{ padding-left: 0; padding-right: 55px; text-align: right; }
.digital_services.left .icon{ left: auto; right: 0; }
.digital_services .icon{ position: absolute; left: 0; top: 0; }
.digital_services .icon img{ width: 36px;}
.digital_services h4{ color: #222; font-size: 18px; font-weight: 500; margin-bottom: 10px; }
.digital_services p{ color: #666; }
.digital_services .img_box{ padding: 0 30px; }

.element_box_section{ background: #333; padding-top: 60px;}
.element_box_section .title{ flex: 0 0 100%; max-width: 100%; text-align: center; color: #fff; font-size: 36px; font-weight: 400; margin-bottom: 60px; position: relative; padding-bottom: 20px;}
.element_box_section .title:after{ content: ""; width: 60px; height: 4px; background: #0083e6; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }
.element_box_row{ display: flex; flex-wrap: wrap; }
.element_box_block{ flex: 0 0 50%; max-width: 50%; display: flex; flex-wrap: wrap;}
.element_box_block .img_box{ flex: 0 0 50%; max-width: 50%; overflow: hidden; position: relative;}
.element_box_block .img_box:after{ content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: absolute; left: 0; top: 0; transition: 0.4s;}
.element_box_block .img_box img{ width: 100%; transition: 0.4s; min-height: 100%; }
.element_box_block:hover .img_box:after{ opacity: 0; }
.element_box_block:hover .img_box img{ transform: scale(1.05); }
.element_box_block .content_box{background: #222; display: flex; flex-direction: column; justify-content: center; flex: 0 0 50%; max-width: 50%;  color: #fff; text-align: left; padding: 30px; }
.element_box_block:nth-child(3) .img_box, .element_box_block:nth-child(4) .img_box{ order: 2; }
.element_box_block:nth-child(3) .content_box, .element_box_block:nth-child(4) .content_box{ order: 1; }
.element_box_block .content_box h4{ font-size: 24px; margin-bottom: 20px; padding-bottom: 12px; position: relative; }
.element_box_block .content_box h4:after{ content: ""; width: 40px; height: 3px; background: #0083e6; position: absolute; left: 0; bottom: 0; }
.element_box_block .content_box ul{ padding-left: 20px; list-style: disc;}
.element_box_block .content_box ul li{ margin-bottom: 7px; }

.google_ads_section{max-width: 960px; margin: 0px auto; }
.google_ads_content{  }
.google_ads_content h1{ color: #000; font-size: 40px; font-weight: normal; margin-bottom: 25px; }
.google_ads_content h2{ color: #000; font-size: 36px; font-weight: normal; margin-bottom: 25px; }
.google_ads_content h3{ color: #000; font-size: 27px; font-weight: 500; margin-bottom: 25px;}
.google_ads_content h4{ color: #000; font-size: 22px; font-weight: 400; margin-bottom: 25px;}
.google_ads_content p{ color: #000; font-size: 17px; font-weight: 300; line-height: 27px; margin-bottom: 20px; }
.google_ads_content ul{ padding-left: 20px; list-style: disc; margin-bottom: 20px; }
.google_ads_content ul li{ color: #000; font-size: 17px; font-weight: 300; margin-bottom: 10px; }
.google_ads_content .schedule_call{ line-height: 48px; font-size: 16px; padding: 0 25px; border-radius: 6px; }
.google_ads_img.sticky{ position: sticky; top: 150px; }
.gap-200{ height: 200px; }
.list_items{}
.list_items li{ padding: 15px 25px; border: 1px solid #ddd; border-radius: 4px; margin-bottom: 10px; transition: 0.4s;}
.list_items li:hover{ box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%), 0 5px 15px 0 rgb(0 0 0 / 10%);}
.list_items li h4{ font-size: 21px; font-weight: 400; margin-bottom: 10px;}
.list_items li p{ font-weight: 300; font-size: 17px; color: #000;}
.list_items.no_border li{ border: 0; padding: 15px 0; }
.list_items.no_border li:hover{ box-shadow: none; }
.google_ads_sub{ margin: 15px 0; border: 1px solid #ddd; padding: 30px 25px 80px; border-radius: 4px; min-height: 400px; position: relative; transition: 0.4s; height: calc(100% - 30px);}
.google_ads_sub:hover{box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%), 0 5px 15px 0 rgb(0 0 0 / 10%);}
.google_ads_sub img{ height: 70px; margin-bottom: 30px;}
.google_ads_sub h4{ font-size: 18px; text-transform: uppercase; margin-bottom: 30px;}
.google_ads_sub p{ font-size: 18px; }
.google_ads_sub .learn_more{ padding: 10px 15px; border-radius: 4px; position: absolute; right: 25px; bottom: 25px; transition: 0.4s; }
.google_ads_sub .learn_more:after{ content: "\f0a9"; font-family: "Font Awesome 6 Free"; font-weight: 900; display: inline-block; margin-left: 8px; vertical-align: middle;}
.google_ads_sub .learn_more:hover{ background: #f3f9ff; text-decoration: none; }
.google_ads_element{ text-align: center; padding: 20px 10px; text-align: center;  }
.google_ads_element img{ height: 80px; margin-bottom: 30px; }
.google_ads_element h4{ color: #000; font-size: 17px; text-transform: uppercase; font-weight: 400; }
.google_ads_element p{ font-size: 17px; font-weight: 300; margin-top: 15px; color: #000;}

.social_media_banner{ position: relative; overflow: hidden;}
.social_media_banner_content{ max-width: 450px; padding: 80px 15px; }
.social_media_banner_content .social_media_logo{ margin-bottom: 30px; }
.social_media_banner_content .social_media_logo img{ height: 40px; }
.social_media_banner_content h1{ font-size: 40px; color: #fff; font-weight: 400; margin-bottom: 40px; }
.social_media_banner_content .schedule_call{ background: transparent; border: 2px solid #fff; border-radius: 4px; font-size: 16px; line-height: 40px; padding: 0 20px;}
.social_media_banner_content .schedule_call:hover{ background: #fff; color: #222; }
.social_media_img{ position: absolute; right: 0; top: 0; width: 50%; height: 100%; display: flex; align-items: center;}
.social_media_img img{ min-width: 100%; min-height: 100%;}
.scoial_media_section{ max-width: 1020px; padding: 0 15px; margin: 0px auto; }
.scoial_media_text_img.sticky{ position: sticky; top: 150px; }
.scoial_media_textcontent h2{ color: #444950; font-size: 30px; font-weight: 500; }
.scoial_media_textcontent h3{ color: #444950; font-size: 24px; font-weight: 500;  margin: 20px 0;}
.scoial_media_textcontent h4{ color: #444950; font-size: 22px; font-weight: normal; margin: 20px 0; }
.scoial_media_textcontent p{ color: #444950; font-size: 17px; line-height: 30px; margin: 20px 0;}
.scoial_media_textcontent ul{ padding-left: 20px;}
.scoial_media_textcontent ul li{ list-style: disc; margin-bottom: 8px; color: #444950; font-size: 17px;}
.scoial_media_textcontent strong{ font-weight: 600; }
.social_media_box{ background: #f5f6f6; height: calc(100% - 30px); margin: 15px 0;}
.social_media_box img{ width: 100%;}
.social_media_box .social_media_box_content{ padding: 30px; }
.social_media_box .social_media_box_content h3{ font-size: 20px; font-weight: 500; margin-bottom: 20px; }
.social_media_box .social_media_box_content P{ font-size: 16px; line-height: 27px;}
.social_media_box .social_media_box_content ul{ padding-left: 20px;}
.social_media_box .social_media_box_content ul li{ list-style: disc; margin-bottom: 5px; font-size: 16px;}
.social_media_box .social_media_box_content strong{ font-weight: 600; }

.section_title-3{ max-width: 700px; margin: auto; color: #222; font-size: 34px; line-height: 1.3; font-weight: 500; text-align: center;}
.microsoft_card{ background: #fff; padding: 10px; box-shadow: 0px 0px 20px -2px rgb(0 0 0 / 20%); margin: 15px 0; height: calc(100% - 30px);}
.microsoft_card .img_box{}
.microsoft_card .content{ padding: 20px 10px 10px; }
.microsoft_card .content h4{ font-size: 20px; font-weight: 500; margin-bottom: 15px; }
.microsoft_card .content p{ font-size: 16px; margin-bottom: 15px; }
.microsoft_card .content ul{ padding-left: 16px; list-style: disc; }
.microsoft_card .content ul li{ margin-bottom: 8px; font-size: 16px; }
.element_item_4{ margin: 15px 0; background: #fff; box-shadow: 0 0 20px 5px hsl(0deg 0% 78% / 20%); padding: 30px 20px; height: calc(100% - 30px); text-align: center;}
.element_item_4 img{ height: 50px; margin-bottom: 25px;}
.element_item_4 h4{ color: #222; font-size: 20px; font-weight: 500; line-height: 1.3; margin-bottom: 15px;}
.element_item_4 p{ color: #3c3c3c; font-size: 16px;}
.element_item_4 .learn_more{ margin-top: 25px; }

#ms_price_table{ scroll-margin-top: 100px;}
.ms_table_header{ background-color: #fff; box-shadow: 1px 5px 5px rgb(0 0 0 / 15%); padding: 20px 15px; position: relative; text-align: center;}
.ms_table_header .title{ font-size: 16px; font-weight: 500; margin-bottom: 10px;}
.ms_table_header .price_area{ font-size: 12px; font-weight: 500; }
.ms_table_header .price{ display: inline-block; font-size: 20px; }
.ms_table_header p{ font-size: 14px; font-weight: normal; line-height: 1.2;}
.ms_table_header .buy_now{ margin-top: 15px; display: block; font-size: 15px; padding: 10px 25px; background: #0083e6; color: #fff; transition: 0.4s; }
.ms_table_header .buy_now:hover{ background: #00508c;}
.ms_pricing_sign{ font-size: 14px; font-weight: 500; }
.ms_pricing_sign div{ display: inline-block; margin-right: 10px; }
.ms_pricing_sign img{ width: 18px; }
.ms_pricing_table table{ table-layout: fixed; }
.ms_pricing_table tr{ border-bottom: 5px solid #eff8fe;}
.ms_pricing_table tr th{ width: 27%; font-size: 14px; font-weight: normal; background-color: #fff; padding: 20px 15px; border: 0;}
.ms_pricing_table tr td{ font-size: 14px; font-weight: 500; background-color: #fff; border-inline: 5px solid #eff8fe; text-align: center; padding: 15px 0; border-bottom: 0;}
.ms_pricing_table tr td p{ margin-top: 5px; }
.ms_pricing_table tr td img { width: 18px;}
.ms_pricing_table tr.accordion-toggle th, .ms_pricing_table tr.accordion-toggle td{ background-color: transparent; }
.ms_pricing_table tr.accordion-toggle.collapsed th, .ms_pricing_table tr.accordion-toggle.collapsed td{ background-color: #fff; }
.ms_pricing_table tr.accordion-toggle td img{ display: none; }
.ms_pricing_table tr.accordion-toggle.collapsed td img{ display: inline-block; }
.ms_pricing_table tr.ms_table_header_row{ border-bottom: 15px solid #eff8fe;}
.ms_pricing_table tr.ms_table_header_row th{ background-color: #fff; }
.ms_pricing_table tr.ms_table_header_row td{ padding: 0; }
.ms_pricing_table tr.accordion-toggle{ cursor: pointer;}
.ms_pricing_table tr.accordion-toggle .accordion_btn{ font-size: 16px; font-weight: 500; padding-left: 25px; position: relative;}
.ms_pricing_table tr.accordion-toggle .accordion_btn:before{ content: "\2212"; width: 30px; height: 30px; line-height: 24px; font-size: 27px; font-weight: 300; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.ms_pricing_table tr.accordion-toggle.collapsed .accordion_btn:before{content: "\002B"; }
.ms_pricing_table tr.accordian-body th{ padding: 15px; }
.scrol_down a{ display: inline-block; width: 48px; height: 48px; line-height: 48px; font-size: 36px; background: #00508c; color: #fff; border-radius: 50%; }

.licence_cost table{ table-layout:fixed; border-collapse: separate; border-spacing: 5px; vertical-align: middle;}
.licence_cost table tr th{ text-align: center; border: 0; color: #fff; font-size: 22px; font-weight: 500; padding: 15px 10px;}
.licence_cost table tr th:nth-child(2){ background: #f9c307; }
.licence_cost table tr th:nth-child(3){ background:#0083e6; }
.licence_cost table tr th:nth-child(4){ background:#6ecd71; }
.licence_cost table>:not(:first-child){ border-top:0; }
.licence_cost table tr td{ text-align:center; border:0; padding:15px; font-size:15px; line-height:20px; }
.licence_cost table tbody tr td:nth-child(1){ text-align:left; font-size: 15px; font-weight: 500;}
.licence_cost table tbody tr td{ background-color: #f5f5f5;}
.licence_cost table tbody tr td.no_bg{ background:none; }
.licence_cost table .price{ font-size:16px; font-weight:500; line-height:normal; }
.licence_cost table .price div{ font-size:27px; font-weight:600; color:#0083e6; letter-spacing:0; }
.licence_cost table .btn{ font-size: 13px; text-transform: uppercase; font-weight: 400; background: #0083e6; border-radius: 0; color: #fff; padding: 10px 20px; border: 0;}
.licence_cost table .btn:hover{ background: #00508c;}
.licence_cost table .btn:focus{ outline:none; box-shadow:none; }
.licence_cost table tbody tr.price_bg td{ background-color: #e3f2fd;}
.licence_cost table tbody tr td h4{ color: #0083e6; font-size:16px; text-transform:uppercase; margin-bottom: 10px;}
.licence_cost table tbody tr td strong{ font-weight:600; }

.implementation_package{ background: #fff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); border-radius: 15px; height: calc(100% - 40px); padding-bottom: 15px; margin: 20px 0; position: relative;}
.implementation_package .title { padding: 20px;}
.implementation_package .title h3 { font-size: 22px; font-weight: 500; color: #333; text-transform: uppercase;}
.implementation_package .price { font-size: 30px; font-weight: bold; padding: 15px 20px; color: #fff; border-radius: 10px; margin-bottom: 20px; background: #0083e6;}
.implementation_package .price div{ display:inline-block; }
.implementation_package .price .old{ text-decoration:line-through; }
.implementation_package > ul{ padding: 0 15px;}
.implementation_package > ul > li{ font-size: 14px; padding-left: 20px; position: relative; margin-bottom: 10px; padding-bottom: 10px; }
.implementation_package > ul > li:last-child{ border-bottom:0; margin-bottom:0; }
.implementation_package > ul > li:before{ content:"\f058"; font-family: "Font Awesome 6 Free"; font-weight: 900; display:inline-block; font-size: 16px; position: absolute; left: 0; top: 0;}
.implementation_package > ul > li.include:before{ color:#50cb75;}
.implementation_package > ul > li.optnl:before{ color:#f9c307;}
.implementation_package ul li strong{ font-weight: 600; }

.ms_pricing_table tr td .tooltip_title{ font-size:16px; }
.tooltip_feature{ position:relative;}
.tooltip_feature .tooltip_btn{ position:relative; cursor: pointer; color: #888; line-height: 18px; display: inline-block;}
.tooltip_feature .tooltip_btn:before{ content: ""; position: absolute; top: -7px; left: 0; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #333; opacity: 0;}
.tooltip_feature .tooltip_btn:hover:before{ opacity:1; }
.tooltip_feature .tooltip_btn:hover{ color:#333; }
.tooltip_feature .intool { border-radius: 4px; min-width: 240px; width: 100%; padding:15px 10px; opacity: 0; visibility: hidden; z-index: 10; position: absolute; bottom: 25px; display: block; color: #fff; font-size: 12px; line-height: normal; background: #333; font-weight: 400; max-height: 300px; overflow-y: auto;}
.tooltip_feature .intool b{ font-weight:600; }
.tooltip_feature .tooltip_btn:hover + .intool{ opacity: 1; text-decoration: none; visibility: visible;}
.tooltip_feature .intool::-webkit-scrollbar { width: 6px;}
.tooltip_feature .intool::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);}
.tooltip_feature .intool::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 10px;}
.tooltip_feature .intool ul{ padding-left:15px; list-style:disc; text-align:left; }
.implementation_package > ul > li .tag{ font-size: 13px; border:1px solid #333; border-radius:3px; padding:0px 2px; display:inline-block; line-height: 16px; font-weight: 500;}
.tooltip_feature.icon_img{ display:flex; align-items:center; }
.tooltip_feature.icon_img .icon{ flex: 0 0 36px;}
.tooltip_feature.icon_img .icon img{ width: auto; max-height:28px; max-width:28px; }
.tooltip_feature.icon_img .tooltip_btn{ margin-left:5px;}

.addons_table{ padding:5px 0; }
.addons_table table{ background:#fff; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); }
.addons_table table th { background: #0083e6; color: #fff; font-size: 14px; font-weight: normal; text-align: center; padding: 12px 10px;}
.addons_table table td{ font-size:14px; padding: 12px 10px; text-align: center;}
.addons_table table td:nth-child(1){ text-align:left; }
.addons_table table .title{ font-size: 16px; font-weight: 500; text-transform:uppercase; }
.addons_table table .accordion_btn{ padding-left: 20px; position: relative; cursor: pointer;}
.addons_table tr.accordion-toggle .accordion_btn:before { content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; width: 20px; height: 20px; font-size: 20px; font-weight: 300; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.addons_table tr.accordion-toggle.collapsed .accordion_btn:before { content: "\f105";}
.addons_table .table>:not(:first-child){ border-top:0; }
.addons_table .subheading{ font-size:13px; }
.addons_table .price{ font-size:16px; font-weight:500; white-space:nowrap; color:#333; }
.addons_table .price span{ display: block; font-size:12px; font-weight:normal; }
.addons_table tr.heading{ background:#9babb8; font-size:16px; font-weight:500; }
.addons_table tr.heading td{ color:#fff; }
.addons_table tr.sub_heading td{ font-size: 16px; font-weight: 500; color:#0083e6; background:#f6f7f8; }
.addons_table tr.sub_heading2 td{ font-size: 16px; font-weight: 500; }

.project_section{ padding: 60px 0; }
.project_header{ margin-bottom: 40px; }
.project_header h1{ font-size: 36px; font-weight: 600; margin-bottom: 10px; display:flex; align-items:center; }
.project_header h1 img{ margin-left:auto; height:30px; }
.project_header p{ font-size: 18px; }
.project_header .project_banner{ background: #f5f5f5; margin-top: 30px; padding-bottom: 40px;}
.project_desc{ margin-bottom: 40px; }
.project_desc h4{ font-size: 17px; font-weight: 500; text-transform: uppercase; padding-bottom: 15px; position: relative; margin-bottom: 20px; }
.project_desc h4:after{ content: ""; width: 40px; height: 3px; background: #efab1f; position: absolute; left: 0; bottom: 0; }
.project_desc p{ font-size: 15px; line-height: 24px; margin-bottom: 15px; }
.project_desc strong{ font-weight: 600; }
.project_desc ul{ padding-left: 20px; list-style: disc; margin-bottom: 15px; }
.project_desc li{ font-size: 15px; line-height: 24px; margin-bottom: 5px;}
.project_summary{}
.project_summary h4{ font-size: 17px; font-weight: 500; text-transform: uppercase; padding-bottom: 15px; position: relative; margin-bottom: 20px; }
.project_summary h4:after{ content: ""; width: 40px; height: 3px; background: #efab1f; position: absolute; left: 0; bottom: 0; }
.project_summary table{ table-layout: fixed; }
.project_summary table th{ font-weight: normal; }
.project_summary table td{ text-align: right; }
.project_summary .project_link{ margin-top: 30px; }
.project_summary .project_link a{ display: block; text-align: center; border-radius: 4px; background: #efab1f; color: #fff; padding: 15px; font-size: 15px; text-transform: uppercase;}
.client_feedback { margin-top: 40px; border: 7px solid #efab1f; text-align: center; border-radius: 45px; position: relative;	z-index: 2;}
.client_feedback p { color: #333; font-size: 18px; line-height: 27px; padding: 50px;	position: relative;	z-index: 3; margin-bottom: 0;}
.client_feedback::before {	content: "";position: absolute;	left: -20px;top: -20px;	background: url(../images/quotes.png) no-repeat #fff; background-size: 60px;width: 90px;height: 90px; background-position: 10px 10px;}
.client_feedback::after {content: "";position: absolute;	right: -20px;bottom: -20px;	background: url(../images/quotes.png) no-repeat #fff; background-size: 60px;width: 90px; height: 90px;background-position: 10px 10px; transform: rotate(180deg)}
.round {width: 100%;height: 100%;position: absolute;z-index: 1;}
.round-1::before {content: "";position: absolute;left: 88px;top: -7px;width: 50px;height: 7px;background: #efab1f;border-radius: 30px;}
.round-1::after { content: ""; position: absolute; left: -7px; top: 62px; width: 7px; height: 50px; background: #efab1f; border-radius: 30px;}
.round-2::before { content: ""; position: absolute;	right: 87px; bottom: -7px;width: 50px; height: 7px; background: #efab1f; border-radius: 30px; z-index: 1;}
.round-2::after { content: "";	position: absolute;	right: -7px; bottom: 62px;width: 7px; height: 50px; background: #efab1f; border-radius: 30px; z-index: 1;}

.wp-package_banner{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 160px 0;}
.wp-package_banner:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0;}
.wp-package_banner .banner_caption { text-align: center; position: relative; max-width: 700px; margin: 0px auto; padding: 0 15px;}
.wp-package_banner .banner_caption h1 { font-size: 36px; font-weight: 600; color: #fff;}
.wp-package_banner .banner_caption .schedule_call { border-radius: 6px; margin-top: 30px; font-size: 18px; background: #fbba00;}
.wp-package_banner .service_logo img{ height: 80px; }

.wordpress_package{ background: #fff; border: 1px solid #ccc; height: calc(100% - 40px); margin: 20px 0; padding-bottom: 90px; position: relative;}
/*.wordpress_package:before{ content: ''; background: url(../images/design/package-shadow.png) 50% 100% no-repeat; height: 23px; opacity: .4; position: absolute; left: 0; top: 100%; width: 100%;background-size: 100% 23px;}*/
.wordpress_package .title{ padding: 20px; display: flex; align-items: center;}
.wordpress_package .title h3{ font-size: 22px; font-weight: 500; color: #333; text-transform: uppercase; margin-left: 15px;}
.wordpress_package .price{ font-size: 30px; padding: 15px; text-align: center; color: #fff; margin-bottom: 20px; }
.wordpress_package .price:after{ content: "*"; margin-left: 4px; font-size: 24px; vertical-align: top;}
.wordpress_package.theme_1 .price{ background: #ffc416; }
.wordpress_package.theme_2 .price{ background: #5a1645; }
.wordpress_package.theme_3 .price{ background: #c91f3c; }
.wordpress_package .title .icon{ font-size: 40px; flex: 0 0 80px; height: 80px; border-radius: 50%; background: #333; color: #fff; display: flex; align-items: center; justify-content: center;}
.wordpress_package .title .icon img{ height: 40px; }
.wordpress_package ul li{ font-size: 15px; padding: 10px 10px 10px 35px; position: relative; }
.wordpress_package ul li strong{ font-weight: 600; }
.wordpress_package ul li:before{ content: ""; width: 12px; height: 12px; border-radius: 50%; position: absolute; left: 15px; top: 15px; }
.wordpress_package ul li.no_text:before{ display: none; }
.wordpress_package ul li:nth-child(even){ background: #eee; }
.wordpress_package ul li.no_text:nth-child(even){ background: #f7f7f7; }
.wordpress_package .get_now_btn{ padding: 20px 15px; text-align: center; position: absolute; left: 0; bottom: 0; width: 100%;}
.wordpress_package .get_now_btn a{ display: inline-block; padding: 12px 25px; background: #fbba00; color: #fff; border-radius: 4px; }
.wordpress_package.theme_1 ul li:before{ background: #ffc416; }
.wordpress_package.theme_2 ul li:before{ background: #5a1645; }
.wordpress_package.theme_3 ul li:before{ background: #c91f3c; }
.wordpress_package ul li.disabled{color:#d7d7d7;}
.wordpress_package ul li.disabled:before{ content: "\f00d"; font-family: "Font Awesome 6 Free"; font-weight: 900; background: none; }

.wp_icon_box{ background: #525252; height: calc(100% - 40px); margin: 20px 0;}
.wp_icon_box .title{ font-size: 22px; font-weight: 500; color: #fff; text-transform: uppercase; padding: 15px 30px;}
.wp_icon_box.box_1 .title{ background: #ffc416;}
.wp_icon_box.box_2 .title{ background: #5a1645;}
.wp_icon_box.box_3 .title{ background: #c91f3c;}
.wp_icon_box p{ font-size: 16px; font-weight: 300; padding: 30px; color: #fff; }

.thank_you{ padding: 40px 0; text-align: center; min-height: calc(100vh - 362px); display: flex; align-items: center;}
.thank_you .icon{ color: #4eae49; font-size: 48px; }
.thank_you h1{ font-size: 30px; font-weight: 600; margin: 15px 0; }
.thank_you p{ font-size: 18px; margin-bottom: 10px; }
.thank_you p a{ color: #0083e6; text-decoration: underline; }

.project_item{ display: block; text-align: center; margin: 20px 0; }
.project_item .project_img{ position: relative; overflow: hidden; border-radius:15px; }
.project_item .project_img > img{ width: 100%; transition: 0.4s;}
.project_item:hover .project_img > img{ transform: scale(1.05); }
.project_item .project_img:before{ opacity: 0; transition: 0.4s; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; z-index: 1; }
.project_item .project_img .project_logo{ opacity: 0; transition: 0.4s; position: absolute; left: 15px; bottom: 15px; z-index: 2;}
.project_item:hover .project_img:before{ opacity: 1; }
.project_item:hover .project_img .project_logo{ opacity: 1;}
.project_item .project_img .project_logo img{ max-width: 150px; max-height: 48px; filter: brightness(0) invert(1);}
.project_item h5{ display: inline-block; margin-top: 20px; font-size: 13px; letter-spacing: 2px; font-weight: 400; background: #f9c307; color: #fff; text-transform: uppercase; padding: 5px 10px; border-radius: 4px; }
.project_item p{ margin-top: 15px; font-size: 16px; color: #333; }
.project_item .project_img .tag{ position:absolute; right:15px; top:0; z-index:1; }
.project_item .project_img .tag img{ height:80px;}
.project_item .category_name{  position: absolute; left: 15px; top: 0; background: #ea140a; font-size: 14px; color: #fff; padding: 7px 12px; z-index: 1; border-radius: 0 0 12px 12px; max-width: 40%;}

.about_title{ text-align: center; margin-bottom: 50px; }
.about_title h2{ font-size: 36px; font-weight: 600; text-transform: uppercase; position: relative; padding-bottom: 15px;}
.about_title h2:after { content: ""; width: 80px; height: 4px; background: #ddb42a; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.about_section{ display: flex; flex-wrap: wrap; align-items: center;}
.about_section .about_image{ width: 40%; }
.about_section .about_image img{ width: 100%; }
.about_section .about_desc{ position: relative; min-height: 250px; width: 65%; margin-left: -5%; background: #fff; padding: 30px; box-shadow: 0 25px 100px 0 rgb(0 0 0 / 15%);}
.about_section .about_desc.order-lg-1{ margin-left: 0; margin-right: -5%; }
.about_section .about_desc h4{ font-size: 27px; font-weight: 400; margin-bottom: 20px; }
.about_section .about_desc p{ font-size: 16px; line-height: 24px; }

.team_leaders{ padding:40px 0;}
.team_leader{ position:relative; margin: 10px 0; height: calc(100% - 20px); text-align:center; padding-top: 260px; }
.team_leader .leader_img{ width: 320px; height: 320px; position: absolute; left: 50%; transform: translateX(-50%); top: 0;}
.team_leader .leader_img img{ width: 100%; border-radius: 50%;}
.team_leader .leader_info{ padding:80px 30px 30px; background:#eef5fc; border-radius:15px; height: 100%;}
.team_leader .leader_info h3{ font-size: 24px; font-weight:bold;}
.team_leader .leader_info h4{ font-size: 20px; font-weight: normal;}
.team_leader .leader_info h4:after{ content:""; width:2px; height:30px; background:#000; display:block; margin:5px auto; }
.team_leader .leader_info p{ font-size:14px; font-style: italic; font-weight:400;}

.partner_box{ height: 220px; display: flex; flex-direction: column; justify-content: space-between; background: #fff; padding: 30px; margin: 12px 0; box-shadow: 0 25px 100px 0 rgb(0 0 0 / 15%); border-radius: 4px;}
.partner_box h4{ font-size: 24px; }
.partner_box .partner_logo img{ max-height: 54px; transition: all .4s ease-in-out;}
.partner_box:hover .partner_logo img{ transform: scale(1.1); }

.term_conditions_banner{ background: #f2f2f2; padding: 80px 0; }
.term_conditions_banner h1{ position: relative; color: #000; font-size: 44px; font-weight: 600; padding-bottom: 10px; }
.term_conditions_banner h1:after{ content: ""; width: 100px; height: 4px; background: #ddb42a; position: absolute; left: 0; bottom: 0;}
.term_conditions_banner h2 { margin-top: 25px; font-size: 20px;}
.term_conditions{ padding: 60px 0; }
.term_conditions .title h2{ font-size: 27px; font-weight: 600; margin-bottom: 30px; color: #fbba00;}
.term_conditions ul{ list-style: disc; padding-left: 20px;}
.term_conditions ul li{ margin-bottom: 12px;  color: #00508c;}
.term_conditions ul li a{ display: inline-block; font-size: 18px; font-weight: 500; color: #00508c;}
.term_conditions ul li a:hover{ text-decoration: underline; }
#open_preferences_center{ display: none; }

.microsoft_pricing{ background: #fff; box-shadow: 0 5px 15px rgb(0 0 0 / 15%); padding: 60px 15px 30px; color: #000; border-radius: 15px; height: calc(100% - 30px); margin: 15px auto;position: relative;}
.microsoft_pricing .offer-img{position: absolute;content: '';left: -20px;top: -20px; z-index: 2;}
.microsoft_pricing .offer-img img{width: 60px;height: auto}
.microsoft_pricing .title{ font-size: 24px; text-align: center; font-weight: 500; min-height: 70px;}
.microsoft_pricing .price_container{ text-align: center; margin: 20px 0;}
.microsoft_pricing .price{ font-size: 15px; font-weight: 500;display: flex;align-items: center; justify-content: center; }
.microsoft_pricing .price span.old-price{ font-size: 24px; font-weight: 500; color: #666; text-decoration: line-through; margin-right: 10px;}
.microsoft_pricing .price span.new-price{ font-size: 36px; font-weight: 600; color: #0078d4;}
.microsoft_pricing .price_container .user_month { font-size: 15px; font-weight: 500; text-align: center; margin:0 0 10px; }

.microsoft_pricing p{ font-size: 13px; line-height: 1.2; }
.microsoft_pricing .buy_now{ display: block; width: calc(100% - 30px); margin: 0px auto; text-align: center; font-size: 16px; font-weight: 500; padding: 8px 20px; background: #0083e6; color: #fff; transition: 0.4s;}
.ms_table_header .buy_now:hover{ background: #00508c;}
.microsoft_features{ margin-top: 40px; min-height: 220px;}
.microsoft_features p{ font-size: 14px; font-weight: 500; padding-left: 25px; margin-bottom: 15px; }
.microsoft_features li{ font-size: 14px; padding: 5px 0 5px 25px; position: relative; }
.microsoft_features li:before{ content: "\f00c"; color: #00508c; font-size: 12px; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; top: 9px; }
.microsoft_element{ margin-top: 20px;}
.microsoft_element p{ font-size: 15px; font-weight: 500; margin-bottom: 15px; }
.microsoft_element ul{ display: flex; flex-wrap: wrap; }
.microsoft_element ul li{text-align: center; padding: 8px; width: 25%;}
.microsoft_element ul li img{ width: 26px; }
.microsoft_element ul li span{ display: block; font-size: 11px; margin-top: 5px;}

.ms365_banner{ padding-top: 30px;}
.ms365_banner .banner_img{}
.ms365_banner .banner_content{ max-width:450px; }
.ms365_banner h1{ font-size:36px; font-weight:600; margin-bottom:20px; }
.ms365_banner p{ font-size:18px; }

.payment_method ul{ margin:0 -15px; display:flex; flex-wrap:wrap; justify-content:center; }
.payment_method ul li{ width:33.33%; padding:15px; text-align: center; max-width: 240px; margin-bottom: 0;}
.payment_method ul li img{ height:60px; }
.payment_method ul li p{ font-size:18px; margin-top:20px; }
.custom_tabs{ display: flex; flex-wrap: nowrap; justify-content: center; margin-bottom: 30px; border-bottom: 0;}
.custom_tabs .nav-item{ display:inline-block; margin: 0;}
.custom_tabs .nav-item .nav-link{ color: #000; border: 0; border-bottom: 1px solid #ddd !important; display:block; font-size:15px; font-weight: 500; padding: 0 30px 15px 30px; }
.custom_tabs .nav-item .nav-link:hover{ color:#0083e6; }
.custom_tabs .nav-item .nav-link.active{ color:#0083e6; border-color:#0083e6; box-shadow: inset 0 -3px 0 0 #0083e6; }
.accordion_item{ border-top:1px solid #ddd; position:relative; }
.accordion_item:last-child{ border-bottom:1px solid #ddd; }
.accordion_toggle{ font-size:18px; font-weight:400; padding:15px 40px 15px 15px; position: relative; cursor: pointer;}
.accordion_toggle:after{ content:"\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size:30px; color: #666; position:absolute; right:10px; top:50%; transform:translateY(-50%); }
.accordion_toggle:hover, .accordion_toggle.active{ background:#e4e6e7; }
.accordion_toggle.active:after{ content:"\f106"; }
.accordian_body{ display:none; padding: 20px 0; font-size: 15px;}
.accordian_body ul{ list-style: disc; padding-left: 16px;}
.accordian_body ul li{ margin:5px 0; }
.faq_accordion .accordian_body{ padding:15px; }
.pricing_table table{ margin-bottom:0; }
.pricing_table tr th{ min-width: 150px; padding:12px; font-size:15px; font-weight:500; text-align: center; vertical-align: middle; border: 1px solid #ccc;}
.pricing_table tr td{ min-width: 150px; padding:12px; font-size:14px; text-align:center;  vertical-align: middle; border: 1px solid #ccc;}
.pricing_table tr th:nth-child(1), .pricing_table tr td:nth-child(1){ text-align:left; }
.pricing_table tr td img{ height:18px; }
.pricing_table tr td img + p{ margin-top:5px; line-height: 1.1; font-size: 13px;}
.teaser_items ul{ margin:0 -15px; display:flex; flex-wrap:wrap; }
.teaser_items ul li{ width:33.33%; padding:15px; text-align: center;}
.teaser_items ul li img{ height:60px; }
.teaser_items ul li h4{ font-size:20px; font-weight:500; margin: 20px 0 10px;}
.teaser_items ul li p{ font-size:14px; }
.microsoft_certificates{ padding:60px 0 20px; }
.microsoft_certificates h3{ font-size:20px; font-weight:500; }
.microsoft_certificates img{ max-height:110px; }
.layout_btn a{ display: inline-block; text-transform: uppercase; background: #0083e6; color: #fff; font-size: 16px; font-weight: normal; border-radius: 6px; border: 0; padding: 12px 30px; transition: 0.4s;}
.layout_btn a:hover{ background: #0067b4;}

.location_desc p{ margin-bottom: 20px; font-size: 18px; }
.location_link{ margin-bottom: 20px; }
.location_link a{ display: inline-block; padding: 10px 20px; background-color: #00508c; color: #fff; font-size: 18px; margin-right: 5px; }
.location_listing{ padding: 60px 0; scroll-margin-top: 100px;}
.location_item{ display: block; margin: 15px 0; }
.location_item img{ width: 100%; }
.location_item h4{ color: #333; font-size: 18px; font-weight: 500; margin-top: 15px;}

.sap_theme_banner{ padding:80px 0; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; }
.sap_theme_banner .banner_content h1{ font-size: 40px; font-weight: 600; color: #222; margin-bottom: 20px;}
.sap_theme_banner .banner_content h2{ font-size: 32px; font-weight: 600; color: #222; margin-bottom: 20px;}
.sap_theme_banner .banner_content p{ font-size:16px; margin-bottom: 20px; color: #222;}
.sap_theme_banner .banner_content ul{ list-style:disc; margin-bottom: 20px; padding-left: 20px;}
.sap_theme_banner .banner_content ul li{ font-size:16px; color: #222;}
.sap_theme_banner .banner_content a{ display: inline-block; font-size: 15px; background: #00508c; color: #fff; padding: 12px 30px; border-radius: 4px;}
.layout_textcontent_3 h2{ font-size:30px; font-weight:600; color:#222;  margin-bottom: 20px;}
.layout_textcontent_3 h3{ font-size:24px; font-weight:600; color:#222;  margin-bottom: 20px;}
.layout_textcontent_3 h4{ font-size:18px; font-weight:600; color:#222;  margin-bottom: 20px;}
.layout_textcontent_3 p{ color:#222; font-size:16px; margin-bottom: 20px;}
.layout_textcontent_3 ul{ list-style:disc; padding-left: 20px; margin-bottom: 20px;}
.layout_textcontent_3 ul li{ color:#222; font-size:16px; margin-bottom: 5px;}
.layout_textcontent_3 strong{ font-weight:600; }
.integration_table{ max-width:800px; margin:0px auto;}
.integration_table table tr th{ background: #6b89a1; color: #fff; font-weight: 500; font-size: 16px;}
.integration_table table tbody{ border-top:0 !important; }
.integration_table table tr:nth-child(even) { background-color: #f2f2f2;}
.integration_table table tr td{ font-size:16px; }
.integration_endpoints{}
.integration_endpoints .title{ margin-bottom:30px; }
.integration_endpoints .title h5{ font-size:14px; color:#00508c; text-transform:uppercase; letter-spacing:2px; }
.integration_endpoints .title h2{ font-size:30px; font-weight:500; color:#333; margin-bottom: 5px;}
.integration_endpoints .title ul{ list-style:disc; padding-left: 20px; margin-top: 15px;}
.integration_endpoints .title ul li{ margin-bottom:4px; font-size: 16px;}
.integration_endpoints .title strong{ font-weight:600; }
.integration_tabs{ display:flex; flex-wrap:wrap; justify-content:space-between; font-family: 'SFProDisplay';}
.integration_tabs .nav{ width: 280px; justify-content: center;  align-content: flex-start;}
.integration_tabs .nav .nav-link{ width: 100%; margin-bottom: 15px; border-radius: 0px; padding: 15px; font-size: 14px; background: #6b89a1; color: #fff;}
.integration_tabs .nav .nav-link:last-child{ margin-bottom:0; }
.integration_tabs .nav .nav-link.active{ background:#3095e1; }
.integration_tabs .tab-content{ width:calc(100% - 300px); background: #fff; border-radius: 4px; box-shadow: 0px 4px 51px -40px rgb(0 0 0 / 50%); padding: 30px;}
.integration_tabs .tab-content h3{ color: #000; font-size: 24px; font-weight: bold; position: relative; margin-bottom: 20px;}
.integration_tabs .tab-content ul{ list-style:disc; padding-left: 20px;}
.integration_tabs .tab-content ul li{ margin-bottom:10px; font-size: 16px;}
.integration_tabs .tab-content strong{ font-weight:600; }
.integration_tabs .tab-content p{ margin-bottom:15px; font-size: 16px;}

.layout_img_2{}
.layout_img_2 .img_block{ margin: 20px 0; padding: 0 0 30px 30px; background-image: linear-gradient(90deg,#cce8ff 48%,transparent 82%);}
.layout_img_2 .img_block img{ margin-top:-30px; }


.service_modal{ font-family: 'SFProDisplay'; z-index: 999; background: rgba(0,0,0,0.6); width: 100% !important; height: 100% !important; position: fixed!important; left: 0!important; top: 0!important; margin:0px !important; overflow-y: auto;}
.service_modal .modal_container{ max-width: 660px; width: calc(100% - 30px); margin: 30px auto; min-height: calc(100vh - 60px); display: flex; align-items: center;}
.service_modal.active .modal_container{ transform: none;}
.service_modal .modal_content{ position: relative; width: 100%; background:#fff; padding:30px 40px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.service_modal .close_modal{ color:#000; font-size:36px; font-weight: 300; position:absolute; right:5px; top:5px; cursor:pointer; width: 40px; height: 40px; line-height: 40px;}
.service_modal .modal_content.sap{ background-color:#e4f1f9; background-image:url(../images/sap-modal-bg.png); background-repeat:no-repeat; background-position:center bottom; background-size: contain;}

.service_modal .modal_container{ max-width:660px; }
.service_modal .logo{ text-align:center; margin-bottom: 15px;}
.service_modal .logo img{ max-width: 200px; max-height: 80px; }
.service_modal .title{ font-size:30px; font-weight: 600; color:#000; text-align:center; border-bottom: 2px solid #333; padding-bottom: 10px; margin-bottom: 15px;}
.service_modal .subtitle{ display:inline-block; padding:0 15px; font-size:24px; font-weight: bold; color:#000; border-bottom: 1px solid #000;}
.font_22{ font-size:20px !important; }
.font_18{ font-size:18px !important; }
.font_16{ font-size:16px !important; }
.service_modal p{ font-size:16px; color:#000; margin: 15px 0; line-height: 1.2;}
.service_modal p a{ color:#000; text-decoration:underline; }
.service_modal ul{ margin: 15px 0;}
.service_modal ul li{ font-size:15px; color:#000; margin:5px 0; list-style:disc; list-style-position: inside; line-height: 1.2;}
.service_modal strong{ font-weight:600; }
.service_modal .modal_btn{ margin-top:15px; }
.service_modal .modal_btn a{ display:inline-block; font-size:14px; font-weight: 500; text-transform:uppercase; background:#000; color:#fff; padding:15px 25px; border-radius:30px; transition: 0.4s;}
.service_modal .modal_btn a:hover{ background:#333; color:#fff; }

.ecommerce .service_modal .modal_container{ max-width:900px; }
.ecommerce .service_modal .modal_content.sap{ background-image:url(../images/ecommerce/ecommerce-modal-bg.jpg); background-size: cover;}
.ecommerce .service_modal #quote_form_popup{ display:none; }
.service_modal .ingold_logo_hr .logo_box{ background-color:#edf6fd; }
.service_modal .ingold_logo_hr .logo_box img{ height:40px; }
.service_modal .service_col .icon{ margin-bottom:40px; }
.service_modal .service_col { margin: 10px 0; height: calc(100% - 20px); padding-bottom: 30px;}
.service_modal .service_col h4{ font-size:16px; }
.service_modal .service_col p{ font-size:14px; }

.modal_discount_card{ padding: 10px 7px;}
.modal_discount_card .heading{ position: relative; width: calc(100% + 14px); left: -7px; border-radius: 15px; padding: 10px 15px; font-size: 18px; font-weight: 500; color: #fff; background: linear-gradient(180deg, rgba(0,0,212,0.8) 0%, rgba(0,124,244,0.8) 100%);}
.modal_discount_card .content{ background: #fff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; margin-top: -20px; padding: 25px 20px 10px; box-shadow: 0px 8px 1px -2px rgba(0, 0, 0, 0.1);}
.modal_discount_card .content h2 { color: #000; font-size: 54px; text-align: center; font-weight: bold;}
.modal_discount_card .content h2 span { display: block; font-size: 24px; margin-top: -10px;}
.modal_discount_card .content p { font-size: 16px; font-weight: 500; color: #000; margin: 10px 0 0;}
.modal_package_row.row{ margin-left:-5px; margin-right:-5px; }
.modal_package_row.row .col-6{ padding:0 5px; }
.modal_package_card{ height: calc(100% - 10px); display: block; margin: 5px 0; color: #fff; overflow: hidden; padding: 20px 15px;}
.modal_package_card h3{ font-size:18px; font-weight:600; margin-bottom:5px; }
.modal_package_card .price{}
.modal_package_card .price .old{ font-size:16px; text-decoration:line-through; }
.modal_package_card .price .special{ font-size:24px; font-weight:bold; }
.modal_package_card.basic{ background:#117cc9; }
.modal_package_card.standard{ background:#989533; }
.modal_package_card.plus{ background:#518b6d; }
.modal_package_card.premium{ background:#ea9d0c; }
.modal_package_card p{ color: #fff !important; font-size:12px !important; margin:5px 0 0 !important; }

.breadcrumb{ display:none; margin:0; padding:10px 20px; background:#0063ad; }
.breadcrumb .container{ max-width:1600px; }
.breadcrumb ul{ display:flex; flex-wrap: wrap; align-items:center; }
.breadcrumb li{ display:inline-block; font-size:14px; color: #fff;}
.breadcrumb li:after{ content:"\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; display:inline-block; margin:0 10px; }
.breadcrumb li:last-child:after{ display: none;}
.breadcrumb li a{ display:inline-block; color:#fff; }
.breadcrumb li a:hover{ text-decoration:underline; }
.breadcrumb li span{ display:inline-block; color: #a6d3f6;}

.registration_area{ padding:80px 0;  font-family: 'SFProDisplay';}
.registration_area .title{ margin-bottom:20px; }
.registration_area .title h2{ font-size:30px; font-weight:600; line-height:1.2; margin-bottom:10px; }
.registration_area .title p{ font-size:18px; color: #f0ab00;}
.registration_area .form_item{ margin-bottom:25px; }
.registration_area .form_item label{ font-size:18px; font-weight:bold; margin-bottom:5px; }
.registration_area .form_item select.form-control{ appearance:auto; }
.registration_area .form_item .form-control{ background:#f6f6f6; border:1px solid #ccc; font-size: 18px; height: 50px; border-radius: 0;}
.registration_area .form_item .form-control:focus{ outline:none; box-shadow:none; background: #fff;}
.registration_area .submit_btn{ display: inline-block; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%); color: #fff; font-size: 20px; padding: 15px 40px; border-radius: 40px; border:0; }
.registration_area .sap_magento_section1{ padding:0; }
.registration_area .sap_magento_section1 .item{ margin-bottom:40px; padding-left:30px; }
.registration_area .sap_magento_section1 .item:after{ display: none; width:30px; height:30px; left:-14px; top:6px; }

.create_account{ margin-top:40px; }
.create_account h3{ font-size:24px; font-weight:500; line-height:1.2; margin-bottom:15px;}
.create_account ul{ list-style:disc; padding-left:20px; }
.create_account li{ margin-bottom:5px; }
.create_account strong{ font-weight:600; }

.sap_sidebar{ background:#f0efef; padding:30px 20px; }
.sap_sidebar .service_logo img{ height:36px; }
.sap_sidebar h3{ font-size:24px; margin:15px 0; }

.shopify_table{}
.shopify_table table{ table-layout:fixed; }
.shopify_table tr { border-bottom: 5px solid #fff;}
.shopify_table tr.shopify_table_header_row { border-bottom: 20px solid #fff;}
.shopify_table tr.shopify_table_header_row th { background-color: transparent;}
.shopify_table tr.shopify_table_header_row td { padding: 0;}
.shopify_table_header{ background-color: #fafafa; box-shadow: 1px 5px 5px rgb(0 0 0 / 15%); padding: 20px 15px; position: relative; text-align: center;}
.shopify_table_header .title{ font-size: 18px; font-weight: 500;}
.shopify_table_header .price_area{ margin:10px 0; }
.shopify_table_header .price{ font-size: 36px; font-weight: 600;}
.shopify_table_header p{ margin: 10px 0; min-height: 44px;}
.shopify_table_header .buy_now{ display: block; font-size: 15px; text-align: center; padding: 10px 25px; background: #0083e6; color: #fff; transition: 0.4s;}
.shopify_table table tr th{ border:0; padding:15px; font-size: 15px; font-weight:500; background-color: #fafafa;}
.shopify_table table tr td{ border:0; padding:15px; font-size: 15px; background-color: #fafafa; border-inline: 10px solid #fff;}

.woocommerce_pricing .pricing_header{ text-align:center; padding-bottom:15px; }
.woocommerce_pricing .pricing_header h3{ text-transform: uppercase; font-size:24px; font-weight:500; color: #0083e6; margin-bottom:5px; }
.woocommerce_pricing .pricing_header p{ font-size:14px; font-weight:normal; }
.woocommerce_pricing .pricing_header .time{ font-size:16px; font-weight:500; margin-top:5px; }
.woocommerce_pricing table{ table-layout:fixed; }
.woocommerce_pricing table tr th{ padding:20px 0; font-size:20px; font-weight:500; }
.woocommerce_pricing table tr td{ font-size: 18px; padding:15px 0; border-right: 1px solid #ddd; text-align: center;}
.woocommerce_pricing table tr td:nth-child(1){ text-align:left; border-right:0; }
.woocommerce_pricing table tr td:last-child{ border-right:0; }


.sap_pricing{ padding-bottom: 20px;}
.sap_pricing .pricing_header{ text-align:center; }
.sap_pricing .th_header_row th{ padding: 15px; border: 1px solid #ddd; position: sticky; top: 84px; background: #fff; z-index: 1;}
.sap_pricing .pricing_header h3{ text-transform: uppercase; font-size:15px; font-weight:500; }
.sap_pricing .pricing_header .price{ font-size:20px; font-weight:600; color: #0083e6;}
.sap_pricing table tr.table_heading_title td{ padding: 15px 10px; background: #f9f9f9; font-size:15px; font-weight:500; text-transform: uppercase; cursor: pointer;}
.sap_pricing table tr.table_heading_title td div:before{ content:"\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; display:inline-block; width: 20px;}
.sap_pricing table tr.table_heading_title.collapsed td div:before{ content:"\f105";}
.sap_pricing table tr td{ border: 1px solid #ddd; font-size: 14px; padding:10px; text-align: center; vertical-align: middle;}
.sap_pricing table tr td:nth-child(1){ text-align:left; padding-left:15px; }
.sap_pricing table tr td:not(:first-child), .sap_pricing table tr th:not(:first-child){ width:160px; }

.package_names{ display:flex; flex-wrap: wrap; background: #fff; z-index: 1; top: -120px; transition: 0.4s; margin-top: 60px;}
.package_names.fixed{ position: sticky; position: -webkit-sticky; top: 94px; }
.package_names > div{ width: 16%; text-align: center; padding: 15px 10px; position: relative; box-shadow: 1px 0 0 0 #ddd, 0 1px 0 0 #ddd, 1px 1px 0 0 #ddd, 1px 0 0 0 #ddd inset, 0 1px 0 0 #ddd inset;}
.package_names > div:first-child{ width:36%; }
.package_names > div:before{ content:""; width:100%; height:34px; background:#fff; position:absolute; left:0; top:-34px; }
.package_names h3{ color:#fff; text-transform:uppercase; font-size:16px; line-height:34px; padding: 0 20px; position:absolute; left:0; top:-34px; }
.package_names .price{ font-size:27px; font-weight:600; }
.package_names .price small{ color: #000; font-size: 13px; font-weight: 500; vertical-align: text-top; margin-left: 5px;}
.package_names p{ display:inline-block; margin-top: 5px; color:#fff; font-size:13px; border-radius:30px; padding:5px 15px; }
.package_names .desc{ font-size:13px; line-height: 16px; margin-top: 10px; padding-top:10px; border-top:2px solid #bababa; }
.package_names .desc strong{ font-weight:600; color: #e29f25;}
.package_names .starter h3, .package_names .starter p{ background:#4dc6a7; }
.package_names .silver h3, .package_names .silver p{ background:#ccc; }
.package_names .gold h3, .package_names .gold p{ background:#f9c307; }
.package_names .platinum h3, .package_names .platinum p{ background:#8f8f8f; }
.package_names .starter .price{ color:#4dc6a7; }
.package_names .silver .price{ color:#ccc; }
.package_names .gold .price{ color:#f9c307; }
.package_names .platinum .price{ color:#8f8f8f; }
.package_names.fixed h3{ width:100%; }
.package_names.fixed .desc{ display: none;}


/*.package_names h3{ font-size: 15px; font-weight: 500; color: #222; margin: 5px 0;}
.package_names p{ font-size:12px; line-height:16px;}
.package_names > div span.price{ display:block; color:#0083e6; font-size:20px; font-weight:600; }
.package_names.fixed > div{ padding:10px; }
.package_names.fixed > div span.price{ font-size:18px; }
.package_names.fixed h3{ font-size:14px; margin-bottom: 0;}
.package_names.fixed p{ opacity:0; visibility:hidden; height: 0;}*/
.package_header{ display:flex; flex-wrap: wrap; cursor: pointer; background: #f9f9f9;}
.package_header .title{ width:36%; padding: 15px; font-size: 15px; font-weight: 500; color: #222; text-transform: uppercase; position: relative; box-shadow: 1px 0 0 0 #ddd, 0 1px 0 0 #ddd, 1px 1px 0 0 #ddd, 1px 0 0 0 #ddd inset, 0 1px 0 0 #ddd inset;}
.package_header .title:before { content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; width: 20px; display: inline-block;}
.package_header.collapsed .title:before{ content: '\f105';}
.package_header .description{ width:64%; padding: 15px; font-size: 14px; color: #222; box-shadow: 1px 0 0 0 #ddd, 0 1px 0 0 #ddd, 1px 1px 0 0 #ddd, 1px 0 0 0 #ddd inset, 0 1px 0 0 #ddd inset;}
.package_feature{ display:flex; flex-wrap: wrap;}
.package_feature .item{ width: 16%; font-size: 14px; color: #222; padding: 10px; text-align:center; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;  box-shadow: 1px 0 0 0 #ddd, 0 1px 0 0 #ddd, 1px 1px 0 0 #ddd, 1px 0 0 0 #ddd inset, 0 1px 0 0 #ddd inset;}
.package_feature .item.title{ width:36%; text-align:left; justify-content: flex-start; padding: 10px 15px;}
.package_feature .item p{ margin-top:5px; width:100%; }
.package_sub_header{ display:flex; flex-wrap: wrap; box-shadow: 1px 0 0 0 #ddd, 0 1px 0 0 #ddd, 1px 1px 0 0 #ddd, 1px 0 0 0 #ddd inset, 0 1px 0 0 #ddd inset; cursor: pointer;}
.package_sub_header .title{ width:36%; padding: 15px; font-size: 14px; font-weight: 500; color: #222; position: relative;}
.package_sub_header .title:before { content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; width: 16px; display: inline-block; }
.package_sub_header.collapsed .title:before{ content: '\f105';}
.package_sub_header .description{ width:64%; padding: 15px 0 15px 15px; font-size: 15px; color: #222;}
.shopify_pricing .package_feature:nth-child(odd){ background:#f5f5f5; }

#sap_function, #implementation_package, #starter_package, #sap-starter-package, #woocommerce_package, #wordpress_woocommerce_package{scroll-margin-top: 80px;}
#woocommerce_package, #wordpress_woocommerce_package{scroll-margin-top: 80px;}

.certificate_section{ position:relative; }
.adobe_partner_logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 240px; height: 240px; border: 2px solid #ccc; display: flex; align-items: center; padding: 20px; border-radius: 50%;}
.adobe_partner_logo img{}
.certificate_lists { display: flex; flex-wrap: wrap; justify-content: space-between;}
.certificate_lists .certificate_item {  width: calc(50% - 160px); padding: 15px; border: 1px solid #ccc; position: relative;}
.certificate_lists .certificate_item:before{ content:""; width:12px; height:12px; border:2px solid #666; border-radius: 50%; position:absolute; left:-48px; top:50%; transform:translateY(-50%); }
.certificate_lists .certificate_item:after{ content:""; width:36px; height:1px; background:#ccc; position:absolute; left:-36px; top:50%;  }
.certificate_lists .certificate_item:nth-child(odd){ text-align:right; }
.certificate_lists .certificate_item:nth-child(odd):before{ left:auto; right:-48px; }
.certificate_lists .certificate_item:nth-child(odd):after{ left:auto; right:-36px; }
.certificate_item .badge{ margin-bottom:15px; }
.certificate_item .badge img{ height:70px; }
.certificate_item .content{}
.certificate_item .content h4 { font-size: 16px; font-weight: 600; text-transform: uppercase; margin-bottom: 10px;}
.certificate_item .content p{ font-size:14px; }
.accordion.magento .accordion-item{ margin-bottom:15px; border:0; padding:20px; border-radius: 0;}
.accordion.magento .accordion-button{ font-size:18px; font-weight:500; padding: 0;}
.accordion.magento .accordion-button:not(.collapsed), .accordion.magento .accordion-button:focus{ color: #222; box-shadow:none; background-color:transparent; }
.accordion.magento .accordion-body{ padding:25px 0 0 0; }
#magento-faq-1, #magento-faq-2, #magento-faq-3, #magento-faq-4, #magento-faq-5{ scroll-margin-top:80px; }

.woocommerce_packages .package_feature .item.title, .woocommerce_packages .package_names > div:first-child{ width:49%; }
.woocommerce_packages .package_names > div, .woocommerce_packages .package_feature .item{ width:17%; }

.portfolio_tab{ background:#00508c; border:0; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom:40px; }
.portfolio_tab li a{ display: block; padding: 20px 0; margin: 0 20px; border:0; border-radius:0; color:#fff; font-size: 16px; text-transform: uppercase; position: relative;}
.portfolio_tab li a.active{ background:transparent; color:#efab1f; }
.portfolio_tab li a.active:after{ content: ""; width:100%; height:3px; background: #efab1f; position:absolute; left:0; bottom:0; }
.tab-box { display: none;}
.computer-empty { overflow: hidden; position: relative; width: 600px; margin:0px auto;}
.computer-screen { overflow: hidden; position: absolute; width: 556px; left: 22px; top: 23px;}
.computer-screen img {width: 100%; object-fit: cover; object-position: top; height: 314px; transition: 10s all ease;}
.computer-screen:hover img{ object-position: bottom;}
.tablet-empty { overflow: hidden; position: relative; width: 600px; margin:0px auto;}
.tablet-screen { overflow: hidden; position: absolute; width: 556px; left: 22px; top: 23px;}
.tablet-screen img {width: 100%; object-fit: cover; object-position: top; height: 389px; transition: 10s all ease;}
.tablet-screen:hover img{ object-position: bottom;}
.mobile-empty { overflow: hidden; position: relative; width: 262px; margin:0px auto;}
.mobile-screen { overflow: hidden; position: absolute; width: 246px; left: 8px; top: 10px; border-radius: 30px;}
.mobile-screen img {width: 100%; object-fit: cover; object-position: top; height: 513px; transition: 20s all ease;}
.mobile-empty:hover .mobile-screen img{ object-position: bottom;}
.mobile-empty img.mobile{ position:relative; }

.faq_section .title{ text-align:center; margin: 0 0 25px;}
.faq_section .title h2{ color: #222; font-size: 30px; font-weight: 600;}
.faq_section .accordion-item{ margin:15px 0; padding: 25px 30px; border: 0; border-radius: 6px;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);}
.faq_section .accordion-button{ padding:0; font-size: 18px; font-weight: 500;}
.faq_section .accordion-button:focus{ box-shadow:none; }
.faq_section .accordion-button:not(.collapsed){ background-color:transparent; box-shadow:none; color: #000;}
.faq_section .accordion-button span{ display:inline-block; margin-right:10px; }
.faq_section .accordion-button::after{ content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; background: #f5f7fd; color:#000; width: 34px; height: 34px; line-height: 34px; text-align: center; border-radius: 50%; background-image:none; transform: inherit;}
.faq_section .accordion-button:not(.collapsed)::after{ content: "\f107"; background: #87929b; color: #fff; background-image:none; }
.faq_section .accordion-body{ padding:20px 0 0 0; font-size:16px; line-height:24px; }

dfn {
  cursor: pointer;
  font-style: normal;
  position: relative;
  font-size: 18px;
  margin-left: 5px;
  color: #00508c;
}
dfn::after {
  content: attr(data-info);
  display: inline;
  position: absolute;
  top: 22px; left: 0;
  opacity: 0;
  width: 250px;
  font-size: 13px;
  line-height: 1.5em;
  padding: 0.5em 0.8em;
  background: rgba(0,0,0,0.8);
  color: #fff;
  pointer-events: none; 
  transition: opacity 250ms, top 250ms;
}
dfn::before {
  content: '';
  display: block;
  position: absolute;
  top: 12px; left: 20px;
  opacity: 0;
  width: 0; height: 0;
  border: solid transparent 5px;
  border-bottom-color: rgba(0,0,0,0.8);
  transition: opacity 250ms, top 250ms;
}
dfn:hover {z-index: 2;} 
dfn:hover::after,
dfn:hover::before {opacity: 1;}
dfn:hover::after {top: 30px;}
dfn:hover::before {top: 20px;}

.certified_partners{ background:#fff; padding:50px 0; }
.certified_partners .title{ margin-bottom:20px; text-align:center; }
.certified_partners .title h2{ font-size: 36px; font-weight: 600; color: #000;}
.partner_item{ margin:10px 0; }
.partner_item img{ filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.2));}


/*SAP Magento Integration page*/
.sap_magento_banner{ padding:80px 0 100px; text-align: center; font-family: 'SFProDisplay'; position: relative; margin-bottom: 30px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.sap_magento_banner .logo_area{display: inline-block; padding:20px 30px; border-radius:50px; background:#fff; }
.sap_magento_banner .logo_area img{ max-height:34px; }
.sap_magento_banner h1{ font-size:40px; color:#fff; font-weight:bold; margin-top: 40px;}
.sap_magento_banner h1 span{ display:block; font-weight:normal; }
.sap_magento_banner h2{ font-size:36px; font-weight:bold; color: #fff;}
.sap_magento_banner h2 span{ font-weight:normal; }
.sap_magento_banner h4{ color:#fff; font-size:22px; font-weight:bold; }
.sap_magento_banner p{ font-size:20px; font-weight:normal; color: #fff;}
.sap_magento_banner .btn_sec{ position: absolute; left: 0; bottom: -27px; width: 100%; text-align: center;}
.sap_magento_banner .btn_sec a{ display:inline-block; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%); color:#fff; font-size:20px; padding:15px 30px; border-radius:40px; }

.sap_magento_section1{ padding:60px 0; font-family: 'SFProDisplay';}
.sap_magento_section1 .container{ position:relative; }
.sap_magento_section1 .container:before{ content:""; width:2px; height:100%; background:#d9d9d9; position:absolute; left:24px; top:0; }
.sap_magento_section1 .item{ margin-bottom:40px; position: relative; padding-left: 40px;}
.sap_magento_section1 .item:last-child{ margin-bottom:0; }
.sap_magento_section1 .item:after { z-index: 1; content: ""; width: 30px; height: 30px; border: 4px solid #fff; position: absolute; left: -3px; top: 6px; border-radius: 50%; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%); transition: 0.4s;}

.sap_magento_section1 .item h2{ color: #000; font-size:30px; font-weight:bold; margin-bottom: 25px; position: relative;}
.blue_color{ color:#3095e1 !important; }
.orange_color{ color:#fd575a !important; }
.green_color{ color:#94be46 !important; }
.purple_color{ color:#9a5a8e !important; }
.grey_color{ color:#818181 !important; }
.light_grey_color{ color:#adadab !important; }
.font_normal{ font-weight:normal !important; }
.bg_orange_gradient{ background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%) !important;}

.sap_magento_section2{ background:#000; padding:80px 0; font-family: 'SFProDisplay';}
.sap_magento_section2 h2.title{ font-size: 36px; font-weight: bold; color: #f91462; background: linear-gradient(to right, #FF8C45 0%, #f91462 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.sap_magento_section2 .item{ padding-bottom:30px; margin-bottom:30px; border-bottom:2px solid #f91462; position: relative;}
.sap_magento_section2 .item:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:0; }
.sap_magento_section2 .item h4{ font-size:24px; font-weight:bold; margin-bottom:25px; color:#fff; position: relative; padding-left: 12px;}
.sap_magento_section2 .item h4:before{ content:""; width:40px; height:40px; border-radius:40px; position: absolute; left: 0; top: -6px; background: linear-gradient(to right, #FF8C45 0%, #f91462 100%); transition: 0.4s;}
.sap_magento_section2 .item h4 span{ position:relative; }
.sap_magento_section2 .item:hover h4:before{ width:100%;  }
.sap_magento_section2 .item p{ font-size:18px; color:#818181; }
.sap_magento_section2 .item p span{ color:#fff; }
.sap_magento_section2 .row_2{ display:flex; flex-wrap:wrap; justify-content: space-between;}
.sap_magento_section2 .row_2 .item{ width:calc(50% - 20px); padding: 30px 0 0 0; margin: 30px 0 0 0; border-top:2px solid #f91462; border-bottom:0;}
.sap_magento_section2 .row_2 .item.full{ width:100%; }
.sap_magento_section2 .row_2 .item:nth-child(1), .sap_magento_section2 .row_2 .item:nth-child(2){ border-top:0; }
.sap_magento_section2 .row_2 .item:hover h4:before{ width:40px; }

.sap_magento_section3{ padding:60px 0; font-family: 'SFProDisplay';}
.sap_magento_section3 h2.title{ font-size: 36px; font-weight: normal; color: #000; margin-bottom:25px;}
.sap_magento_section3 h2.title span{ font-weight:bold; }
.sap_magento_section3 .item{ background:#000; border-radius:20px; padding:40px 30px; margin:12px 0; height: calc(100% - 24px);}
.sap_magento_section3 .item .icon{ margin-bottom:30px; }
.sap_magento_section3 .item .icon img{ max-height:100px; transition:0.4s; }
.sap_magento_section3 .item:hover .icon img{ transform:scale(0.8); }
.sap_magento_section3 .item h4{ font-size:22px; font-weight:bold; color:#fd6c4c; margin-bottom: 20px; transition:0.4s;}
.sap_magento_section3 .item p{ font-size:18px; color:#828282; transition:0.4s;}
.sap_magento_section3 .item p span{ color:#fff; }
.sap_magento_section3 .item.hover_gradient:Hover{ background: linear-gradient(180deg, rgba(255, 121, 88, 1) 0%, rgba(255, 15, 71, 1) 100%); }
.sap_magento_section3 .item.hover_gradient:Hover .icon img{ filter: brightness(0) invert(1);}
.sap_magento_section3 .item.hover_gradient:Hover p{ color:#fff !important; }

.sap_magento_section4{ background: #000; padding:80px 0; font-family: 'SFProDisplay';}
.sap_magento_section4 h2.title{ font-size: 36px; font-weight: bold; color: #fff; margin-bottom:30px; }
.integration_feature{ display:flex; flex-wrap:wrap; font-family: 'SFProDisplay';}
.integration_feature .item{ width:50%; border:2px solid #fff; padding:40px 30px; position:relative; margin-bottom:-2px; }
.integration_feature .item.full{ width:100% !important; }
.integration_feature .item:before{ content:""; height: 4px; width: 0; position: absolute; left: 0; top: -2px; transition: 0.4s; background: linear-gradient(90deg, rgba(58,196,242,1) 0%, rgba(0,120,212,1) 100%);}
.integration_feature .item:hover:before{ width:100%; }
.integration_feature .item .icon{ transition: 0.6s; width: 100px; height: 100px; border-radius: 10px; text-align: center; line-height: 100px; margin-bottom:30px; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%);}
.integration_feature .item .icon img{ max-height:60px; transition: 0.4s;}
.integration_feature .item:hover .icon { border-radius: 50%;}
.integration_feature .item h4{ font-size:24px; font-weight:bold; color:#fc5452; margin-bottom: 20px;}
.integration_feature .item li{  font-size:18px; color:#333; margin-bottom: 20px; position: relative; padding-left: 25px;}
.integration_feature .item li:last-child{ margin-bottom:0; }
.integration_feature .item li strong{ color:#fff; font-weight:500; }
.integration_feature .item li:before{ content:""; width:10px; height:10px; position: absolute; left: 0; top: 6px; transform: rotate(45deg); background: linear-gradient(0deg, rgba(0, 120, 212, 1) 0%, rgba(58, 196, 242, 1) 100%); }
.integration_feature .item p{ font-size:18px; color:#333; }
.integration_feature .item p span{ color:#fff; }
.integration_feature.light .item{ border-color:#727271; }
.integration_feature.row_3 .item{ width:33.33%; padding:40px 20px; }
.integration_feature .item .icon2{ margin-bottom:30px; }
.integration_feature .item .icon2 img{ max-height: 100px; transition: 0.4s;}
.integration_feature .item:hover .icon img { transform: scale(0.8);}

.integration_full_banner{ padding-top:80px; font-family: 'SFProDisplay'; overflow: hidden;}
.integration_full_banner .container{ position:relative; }
.integration_full_banner .container:before{ z-index: 1; content:""; width:2px; height:calc(100% - 80px); background:#888888; left:17px; top:-30px; position:absolute; }
.integration_full_banner h2.title{ font-size: 36px; font-weight: bold; color: #000; padding-left: 40px; margin-bottom: 40px; position: relative;}
.integration_full_banner h2.title span{ color:#fc5852; }
.integration_full_banner h2.title:before{ content:""; z-index: 1; width:10px; height:50px; position: absolute; left: 1px; top: 0; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%);}
.integration_full_banner .content{ padding-left:200px; }
.integration_full_banner .content .image_wrapper{ padding: 0 0 20px 20px; margin-bottom:-100px; position:relative; z-index: 2; position: relative; overflow: hidden; border-radius: 30px;}
.integration_full_banner .content .image_wrapper:before{ content: ""; width: 100%; height: 100%; border: 1px solid #fc5652; border-radius: 30px; position: absolute; left: 0; bottom: 0; }
.integration_full_banner .content .image_wrapper img{ width:100%; border-radius: 30px; position: relative; transition: 0.4s; }
.integration_full_banner .content .image_wrapper:hover img{ transform: scale(1.1);}
.integration_full_banner .content .content_wrapper{ background:#000; padding:150px 0 60px;  position: relative;}
.integration_full_banner .content .content_wrapper:before{ content:""; background:#000; left:-100%; width:100%; top:0; height:100%; position:absolute;}
.integration_full_banner .content .content_wrapper:after{ content:""; background:#000; right:-100%; width:100%; top:0; height:100%; position:absolute;}
.integration_full_banner .content .content_wrapper p{ font-size:18px; color:#666; }
.integration_full_banner .content .content_wrapper p span{ color:#fff; }
.integration_full_banner .content .content_wrapper h3{ font-size:30px; font-weight:bold; color: #fff;}
.integration_full_banner.right .container:before{ left:auto; right:17px; }
.integration_full_banner.right h2.title{ text-align:right; padding-left: 0; padding-right: 40px;}
.integration_full_banner.right h2.title:before{ left:auto; right:0; }
.integration_full_banner.right .content{ padding-left:0; padding-right:200px;}

.sap_magento_table{ padding:60px 0; font-family: 'SFProDisplay'; }
.sap_magento_table table{ margin-bottom:0; }
.sap_magento_table table th{ padding: 10px 15px; background:#00508c; color:#fff; font-size:24px; font-weight:500; }
.sap_magento_table table td{ padding: 10px 15px; font-size:20px; }
.sap_magento_table table tr:nth-child(odd){ background:#edf0f3; }

.integration_title{ font-size: 30px; font-weight: bold; color: #000; margin-bottom: 25px; position: relative; padding-left: 25px; font-family: 'SFProDisplay';}
.integration_title:before { content: ""; width: 8px; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%);}
.integration_subtitle{ font-size:20px; color:#727271; margin-bottom:40px; font-family: 'SFProDisplay';}
.integration_title2{ font-size: 30px; font-weight: bold; color: #000; font-family: 'SFProDisplay';} 
.integration_subtitle2{ font-size:18px; color:#000; margin-bottom:25px; font-family: 'SFProDisplay';}
.integration_title3{ font-size: 30px; font-weight: bold; color: #000; margin-bottom: 40px; position: relative; padding-bottom: 15px; font-family: 'SFProDisplay';}
.integration_title3:before { content: ""; height: 4px; width: 100px; position: absolute; left: 0; bottom: 0; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%);}
.integration_title3.center{ text-align:center; }
.integration_title3.center:before{ left:50%; transform:translateX(-50%); }
.integration_title4{ font-size: 24px; font-weight: 500; color: #000; margin-bottom: 25px; position: relative; padding-bottom: 10px; font-family: 'SFProDisplay';}
.integration_title4:before { content: ""; height: 4px; width: 100px; position: absolute; left: 0; bottom: 0; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%);}
.integration_subtitle3{ font-size: 20px; color: #000; margin-bottom: 25px; position: relative; padding-left: 25px; font-family: 'SFProDisplay';}
.integration_subtitle3:before { content: ""; width: 8px; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%);}

.multibank_benefit{ font-family: 'SFProDisplay';}
.multibank_benefit .highlights{ font-size: 18px; font-weight: 500; color: #fff; padding: 10px 20px; border-radius: 10px; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%);}
.multibank_benefit ul{}
.multibank_benefit ul li{ font-size: 18px; font-weight: 500; color: #000; margin-bottom: 10px; padding-left: 20px; position: relative;}
.multibank_benefit ul li:last-child{ margin-bottom:0; }
.multibank_benefit ul li:before { content: ""; width: 10px; height: 10px; position: absolute; left: 0; top: 6px; border-radius: 50%; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%);}

.multibank_compatibility{ background:#000; padding-bottom:60px; font-family: 'SFProDisplay'; overflow: hidden;}
.multibank_compatibility .image_wrapper{ margin-bottom: 40px; position: relative;}
.multibank_compatibility .image_wrapper:before { content: ""; background: #fff; left: -100%; width: 150%; top: 0; height: 50%; position: absolute;}
.multibank_compatibility .image_wrapper:after { content: ""; background: #fff; right: -100%; width: 150%; top: 0; height: 50%; position: absolute;}
.multibank_compatibility .image_wrapper.img_block:before, .multibank_compatibility .image_wrapper.img_block:after{ display:none; }
.multibank_compatibility .img_box{ position:relative; z-index: 2; padding:0 0 20px 20px; transition: 0.4s; overflow: hidden; border-radius:30px;}
.multibank_compatibility .img_box:before{ content:""; width:100%; height:100%; border:1px solid #fc5652; border-radius:30px; position:absolute; left:0; bottom:0; }
.multibank_compatibility .image_wrapper img{ border-radius:30px; position: relative; transition: 0.4s;}
.multibank_compatibility .img_box:hover img{ transform: scale(1.1);}
.multibank_compatibility .img_box.no_border{ padding:0; border-radius: 0px;}
.multibank_compatibility .img_box.no_border:before{ display:none; }
.multibank_compatibility .image_wrapper .img_box.no_border img{ border-radius:0px; }
.multibank_compatibility .img_box.no_border:hover img{ transform: scale(1);}
.multibank_compatibility h2{ font-size:30px; font-weight:bold; margin-bottom: 25px; color: #fff;}
.multibank_compatibility h3{ font-size:25px; font-weight:bold; color: #fff; margin-bottom: 25px; position: relative; display: inline-block; padding-bottom: 15px;}
.multibank_compatibility h3:after{ content:""; height:2px; width: 60%; position: absolute; left: 0; bottom: 0; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%);}
.multibank_compatibility p{ font-size:18px; color:#828282; }
.multibank_compatibility .btn_sec{ margin-top: 40px;}
.multibank_compatibility .btn_sec a{ display:inline-block; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%); color:#fff; font-size:18px; padding:15px 30px; border-radius:40px; }

.custom_table{ padding:60px 0; font-family: 'SFProDisplay';}
.custom_table table{ margin-bottom:0; border-radius: 20px; table-layout: fixed;}
.custom_table table thead{ background: #3095e1;}
.custom_table table tr th{ padding: 20px 15px; text-align:center; vertical-align:middle; border:1px solid #b4cad9; color: #fff; font-size: 16px; font-weight:600;  }
.custom_table table thead tr:first-child th{ border-top:0; }
.custom_table table thead tr:first-child th:first-child{ border-radius:20px 0 0 0;}
.custom_table table thead tr:first-child th:last-child{ border-radius:0 20px 0 0; }
.custom_table table thead tr th:first-child{ border-left: 0;}
.custom_table table thead tr th:last-child{ border-right: 0;}
.custom_table table thead tr th:last-child{ border-right:0; }
.custom_table table tbody{ background:#e3f3fe;}
.custom_table table tr td{ padding: 15px; font-size: 16px; text-align:center; vertical-align:middle; color:#000; border:1px solid #b4cad9; }
.custom_table table tr td:first-child{ border-left:0; }
.custom_table table tr td:last-child{ border-right:0; }
.custom_table table tbody tr:last-child td:first-child{ border-radius:0 0 0 20px; border-left: 0;}
.custom_table table tbody tr:last-child td:last-child{ border-radius:0 0 20px 0; border-right: 0;}
.custom_table table tbody tr:last-child td{ border-bottom:0; }
.custom_table table .title{ font-size:24px; color: #fff;}
.custom_table table .subtitle{ font-size:20px;}
.custom_table table .subtitle2{ font-size:18px;}
.custom_table table .price{ font-size:20px; font-weight:bold; color:#fff; margin: 5px 0; white-space:nowrap;}
.custom_table .content{ margin-top:30px; }
.custom_table .content p{ font-size:18px; color:#000; margin-bottom:20px; }
.custom_table .content ul li{ font-size:18px; color:#676767; margin-bottom: 10px; position: relative; padding-left: 20px;}
.custom_table .content ul li:before { content: ""; width: 10px; height: 10px; position: absolute; left: 0; top: 6px; border-radius: 50%; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%);}

.cloud_expert_section{ padding:60px 0; position: relative; font-family: 'SFProDisplay';}
.cloud_expert_section .img_box{ position:relative; z-index: 2; padding:0 0 20px 20px; transition: 0.4s; overflow: hidden; border-radius:30px;}
.cloud_expert_section .img_box:before{ content:""; width:100%; height:100%; border:1px solid #fc5652; border-radius:30px; position:absolute; left:0; bottom:0; }
.cloud_expert_section .img_box img{ width: 100%; border-radius:30px; position: relative; transition: 0.4s;}
.cloud_expert_section .img_box:hover img{ transform: scale(1.1);}
.cloud_expert_section.top_bg:before{ content:""; width:100%; height:220px; position:absolute; left:0; top:0; background: #000;}
.cloud_expert_section.top_bg .integration_title{ color:#fff; }

.startups_price_box { font-family: 'SFProDisplay'; text-align: center; border-radius: 20px; padding: 60px 40px; margin: 12px 0; height: calc(100% - 24px); background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%) !important;}
.startups_price_box h2{ color: #fff; font-size:80px; font-weight:bold; }
.startups_price_box p{ color: #fff; font-size:24px; font-weight:normal; }
.sap_certified{ display:flex; align-items:center; font-family: 'SFProDisplay';}
.sap_certified .logo_area{ margin-right:15px; }
.sap_certified .logo_area img{ max-height:100px; }
.sap_certified p{ font-size: 40px; font-weight: bold; color:#666; text-transform:uppercase; }
.sap_certified p span{ display:block; color:#05a7e7; }
.sap_single_btn a{ display:inline-block; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%); color:#fff; font-size:18px; padding:15px 30px; border-radius:40px; }
.sap_single_btn.big_btn a{ font-size:24px; }
.sap_single_btn a.blue_btn{ background: #3095e1; border-radius: 10px; transition: 0.4s;}
.sap_single_btn a.blue_btn:hover{ background: #032d60; color: #fff;}
.sap_single_btn a.blue_btn + a.blue_btn{ background:#c0e4ff; color:#000; }
.sap_single_btn a.blue_btn + a.blue_btn:hover{ background: #032d60; color: #fff;}
.sap_single_btn a.blue_btn2{ background: #005f6f; border-radius: 10px; transition: 0.4s;}
.sap_single_btn a.blue_btn2:hover{ background: #00242a; color: #fff;}
.sap_single_btn a + a{ margin-left:5px; }
.sap_single_btn a.white_bg{ background: #fff; color:#000; }
.sap_single_btn a.white_bg:hover{ background: #fff; color:#3095e1; }
.sap_single_btn a.orange_btn{ background: #ed741b; color:#fff; }
.hosting_list_items{}
.hosting_list_items li{ color:#fff; position: relative; padding-left: 35px; margin-bottom: 40px;}
.hosting_list_items li:last-child{ margin-bottom:0; }
.hosting_list_items li:before { content: ""; width: 18px; height: 18px; position: absolute; left: 0; top: 6px; border-radius: 50%; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%);}
.hosting_list_items li h4{ font-size:24px; color:#fd575a; font-weight:bold; margin-bottom:15px; }
.hosting_list_items li p{ font-size:18px !important; color:#fff !important; }
.sap_faq { background: #000; padding: 80px 0; font-family: 'SFProDisplay';}
.sap_faq h2.title { font-size: 120px; font-weight: bold; color: #f91462; background: linear-gradient(to right, #FF8C45 0%, #f91462 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block;}
.sap_faq .accordion-item{ background-color: transparent; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #f91462; position: relative;}
.sap_faq .accordion-item:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.sap_faq .accordion-button{ padding: 15px 0 15px 60px; font-size:22px; font-weight: bold; color:#fff; box-shadow: none; background-color: transparent;}
.sap_faq .accordion-button:after{ display:none;}
.sap_faq .accordion-button:before{ content:"\002B"; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%); }
.sap_faq .accordion-button:not(.collapsed):before{ content:"\2212"; }
.sap_faq .accordion-body{ padding: 15px 0 15px 60px; font-size:18px; color:#828282; }
.sap_magento_section5{ padding:60px 0; font-family: 'SFProDisplay';}
.sap_magento_section5 .img_box{ position:relative; z-index: 2; padding:0 0 20px 20px; transition: 0.4s; overflow: hidden; border-radius:30px;}
.sap_magento_section5 .img_box:before{ content:""; width:100%; height:100%; border:1px solid #fc5652; border-radius:30px; position:absolute; left:0; bottom:0; }
.sap_magento_section5 .img_box img{ width: 100%; border-radius:30px; position: relative; transition: 0.4s;}
.sap_magento_section5 .img_box:hover img{ transform: scale(1.1);}
.sap_magento_section5 .content{ padding-left:40px; }
.sap_magento_section5 .content h2{ color:#fd575a; font-size:36px; font-weight:bold; margin-bottom:25px; }
.sap_magento_section5 .content p{ font-size:18px; color:#000; }

.sap_listing_item{ margin-bottom:30px; position: relative; font-family: 'SFProDisplay';}
.sap_listing_item h4{ display: inline-block; font-size:24px; font-weight:bold; margin-bottom:20px; color:#000; position: relative; padding: 0 12px;}
.sap_listing_item h4:before{ content:""; width:40px; height:40px; border-radius:40px; position: absolute; left: 0; top: -6px; background: linear-gradient(to right, #FF8C45 0%, #f91462 100%); transition: 0.4s;}
.sap_listing_item h4 span{ position:relative; }
.sap_listing_item:hover h4:before{ width:100%;  }
.sap_listing_item p{ font-size:18px; color:#000; }

.integration_full_banner .content .image_wrapper.no_border{ padding:0; border-radius: 0; }
.integration_full_banner .content .image_wrapper.no_border:before{ display:none; }
/*.video_wrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; z-index: 2; border: 6px solid #fff; overflow: hidden; border-radius: 20px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);}*/
.video_wrapper{ position: relative; width: 100%; --bs-aspect-ratio: 56.25%; border: 6px solid #fff; border-radius: 20px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); overflow: hidden;}
.video_wrapper::before { display: block; padding-top: var(--bs-aspect-ratio); content: "";}
.video_wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*Reference page*/
.reference_page_title{ padding:40px 0; text-align:center; font-family: 'SFProDisplay';}
.reference_page_title h1{font-size: 40px; font-weight: bold; color: #000;}
.reference_single_banner{}
.reference_single_banner img{ width:100%; }
.reference_section{ padding:60px 0;  }
.reference_dark{ background:#000; }
.reference_title{ font-family: 'SFProDisplay'; margin-bottom: 30px;}
.reference_title h2{ font-size:30px; font-weight:bold; padding-bottom:15px; position:relative; color: #000; }
.reference_title h2:after{ content: ""; width:80px; height:4px; position: absolute; left: 0; bottom: 0; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%); }
.reference_title.center h2{ text-align: center;}
.reference_title.center h2:after{ left:50%; transform:translateX(-50%); }
.reference_title.blue_border h2{ padding-bottom:20px;}
.reference_title.blue_border h2:after{ width: 100px; height: 6px; border-radius: 10px; background: linear-gradient(0deg, rgba(0, 120, 212, 1) 0%, rgba(58, 196, 242, 1) 100%);}
.reference_title.white_border h2{ padding-bottom:20px;}
.reference_title.white_border h2:after{ width: 100px; height: 6px; border-radius: 10px; background: #fff}
.reference_content{ font-family: 'SFProDisplay'; color: #000;}
.reference_content p{ font-size:18px; margin-bottom: 25px;}
.reference_content ul{ margin-bottom:25px; }
.reference_content ul li{ font-size:18px; position:relative; padding-left: 22px; margin-bottom: 10px;}
.reference_content ul li:before { content: ""; width: 10px; height: 10px; position: absolute; left: 0; top: 9px; transform: rotate(45deg); background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%);}
.reference_content h4{ font-size:20px; font-weight:bold; margin-bottom:25px; margin-top: 40px;}
.reference_content a{ text-decoration:underline; font-weight:500; color:#000; }
.reference_dark .reference_title h2{ color:#fff; }
.reference_dark .reference_content{ color:#9c9c9c; }
.reference_dark .reference_content span{ color:#fff; }
.reference_dark .reference_content h4{ color:#fff; }
.reference_client_feedback{ padding:60px 0; font-family: 'SFProDisplay';}
.reference_client_feedback .reference_title h2{ text-align:center; }
.reference_client_feedback .reference_title h2:after{ left:50%; transform:translateX(-50%); }
.reference_client_feedback .content_wrapper{ max-width:1000px; margin:0px auto; text-align: center;}
.reference_client_feedback .content_wrapper p{ color:#000; font-size:18px; margin-bottom: 20px;}
.reference_client_feedback .content_wrapper p:last-child{ margin-bottom:0; }
.reference_client_feedback .content_wrapper .client_name{ text-align:center; margin-top: 30px;}
.reference_client_feedback .content_wrapper .client_name span{ display: inline-block; background: #ea140a; color: #fff; border-radius: 30px; padding: 10px 30px; font-size:18px; font-weight:bold; }
.book_demo{ text-align:center; font-family: 'SFProDisplay';}
.book_demo a{ display:inline-block; background: #000; color: #fff; padding: 15px 40px; border-radius: 40px; font-size:20px; font-weight:bold; transition:0.4s; }
.book_demo a:hover{ background:#0083e6;	 }
.reference_dark .book_demo a{ background: #fff; color: #000; }
.reference_dark .book_demo a:hover{ background:#0083e6; color: #fff;}
.summary_content{ font-family: 'SFProDisplay';}
.summary_content ul li{ font-size:20px; margin-bottom: 30px; position: relative;}
.summary_content ul li h5{ font-size: 18px; display:inline-block; margin-bottom:10px; position:relative; padding: 0 10px;}
.summary_content ul li h5:before{ content:""; width:28px; height:28px; border-radius: 20px; position: absolute; left: 0; top: -2px; transition: 0.4s; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%); }
.summary_content ul li h5 span{ position:relative; }
.summary_content ul li p{ font-weight:bold; }
.summary_content ul li:hover h5:before{ width:100%; border-radius: 15px;}

.slick_home_slider .slick-dots{ margin-top: 0 !important; position: absolute; left: 0; bottom: 15px; width: 100%; text-align: center;}
.slick_home_slider .slick-dots li{ display:inline-block; }
.slick_home_slider .slick-dots button{ height: 8px; width: 30px; background: transparent; border: 1px solid #ddd; margin: 4px; border-radius: 30px; text-indent: -999999px; padding: 0;}
.slick_home_slider .slick-dots .slick-active button, .slick_home_slider .slick-dots button:hover{ background: #fff;}
.banner_inner img{ width:100%; }
.slick_partner_slider .slick-list{}
.slick_partner_slider li{ display: inline-block; padding: 10px 15px; }
.slick_partner_slider li img{ width: auto !important; height: 50px; max-width: inherit;}
.partner_sec .slick_partner_slider { padding: 0 50px; position: relative;}
.slick_partner_slider .slick-arrow { width: 36px; height: 36px; border: 1px solid #999; border-radius: 50%; line-height: 34px; background: #fff; margin: 0; font-size: 0; color: #666; position: absolute; top: 50%; transform: translateY(-50%); padding: 0;}
.slick_partner_slider .slick-prev { left: 0;}
.slick_partner_slider .slick-next { right: 0;}
.slick_partner_slider .slick-prev:before{ content:"\f104"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size:24px; }
.slick_partner_slider .slick-next:before{ content:"\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size:24px;}

#quote_form_popup{ margin:0px auto; margin-top:20px; }
#quote_form_popup .field{ margin-bottom:10px; }
#quote_form_popup .field .form-control{ border:0; }
#quote_form_popup .field .form-control:focus{ box-shadow:none; outline:none; }
#quote_form_popup .check_item{ position: relative; padding-left: 25px; color: #fff; text-align: left;}
#quote_form_popup .check_item input{ display: none; }
#quote_form_popup .check_item span:before{ content: ""; width: 16px; height: 16px; line-height: 16px; text-align: center; background: #fff; position: absolute; left: 0; top: 3px; }
#quote_form_popup .check_item input[type="checkbox"]:checked + span:before{ content: "\2713"; color: #000; font-weight: bold; font-size: 14px;}
.animate_form.email_field{}
.animate_form.email_field:before{ content: ""; width: 100%; height: 100%; background: #fff; position: absolute; left: 0; top: 0; border-radius: 30px;}
.animate_form.email_field .form-control{ padding: 10px 150px 0 15px; border-radius: 30px; height: 56px; border: 0; font-size:18px; }
.animate_form.email_field .form-control + span{ top: 5px; left: 15px; color: #666; line-height: 16px;}
.animate_form.email_field .form-control:not(:focus):not(.filled) + span{ color: #000; left: 15px; top: 20px;}
.animate_form.email_field .submit_btn { position: absolute; top: 4px; right: 4px; font-size: 16px; font-weight: 500; line-height: 48px; padding: 0 20px; border: 0; background: #000; z-index: 2; color: #fff; border-radius: 30px; transition: 0.4s;}
.animate_form.email_field .submit_btn:hover{ background:#333; }
.sap_b1_free_trial .animate_form.email_field .form-control{ border:1px solid #ccc; }
.sap_b1_free_trial .animate_form.email_field input[type="text"]{ padding:10px 15px 0 15px;}
.sap_b1_free_trial .animate_form.email_field select.form-control{ padding:10px 15px 0 15px; }

.sap_theme_banner_2{ font-family: 'SFProDisplay'; padding: 180px 0 80px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.sap_theme_banner_2 .banner_caption{ color:#fff; position: relative; max-width: 660px;}
.sap_theme_banner_2 .banner_caption .service_logo{ margin-bottom:30px; }
.sap_theme_banner_2 .banner_caption .service_logo img{ max-height:50px; }
.sap_theme_banner_2 .logo_area { display: inline-block; padding: 15px 30px; border-radius: 50px; background: #fff;}
.sap_theme_banner_2 .logo_area img { max-height: 30px;}
.sap_theme_banner_2 .banner_caption h1{ font-size:36px; font-weight: bold; padding-bottom: 10px; position:relative; margin-bottom: 20px;}
.sap_theme_banner_2 .banner_caption h1:after { content: ""; width: 80px; height: 4px; position: absolute; left: 0; bottom: 0; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%);}
.sap_theme_banner_2 .banner_caption h1.no_border{ padding-bottom: 0;}
.sap_theme_banner_2 .banner_caption h1.no_border:after{ display:none; }
.sap_theme_banner_2 .banner_caption h3{ font-size:24px; font-weight: bold; margin-bottom: 20px;}
.sap_theme_banner_2 .banner_caption h4{ font-size:20px; font-weight: bold; margin-bottom: 20px;}
.sap_theme_banner_2 .banner_caption p{ font-size:18px; margin-bottom:15px; }
.sap_theme_banner_2 .banner_caption .btn_sec{ margin-top:30px; }
.sap_theme_banner_2 .banner_caption .btn_sec a{ display:inline-block; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%); color:#fff; font-size:18px; padding:15px 30px; border-radius:40px; }
.sap_theme_banner_2 .banner_caption .btn_sec.white a{ background:#fff; color:#333; }
.sap_theme_banner_2 .banner_caption ul li{ font-size: 18px; color: #fff; margin-bottom: 10px; padding-left: 20px; position: relative;}
.sap_theme_banner_2 .banner_caption ul li:last-child{ margin-bottom:0; }
.sap_theme_banner_2 .banner_caption ul li:before { content: ""; width: 10px; height: 10px; position: absolute; left: 0; top: 6px; border-radius: 50%; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%);}

.brochures_downloads{ display:flex; flex-wrap:wrap; justify-content:space-between; font-family: 'SFProDisplay'; }
.brochures_downloads a{ display: flex; align-items: center; justify-content: center; text-align: center; border:1px solid #3095e1; font-size:20px; padding:40px 15px; border-radius:20px; color:#000; width:calc(20% - 10px); margin:5px 0; transition:0.4s; }
.brochures_downloads a:hover{ color: #fff; background: #3095e1; }
.brochures_downloads2{ display:flex; flex-wrap: wrap; justify-content:center; }
.brochures_downloads2 a{ margin: 5px; padding: 20px 40px; border-radius: 50px; text-align: center; display:inline-block; color: #fff; background: linear-gradient(90deg, rgba(135,230,151,1) 0%, rgba(96,169,226,1) 100%);}
.brochures_downloads2 h4{ font-size:24px; }
.brochures_downloads2 p{ font-size:16px; line-height: 1;}

.demosystem_box{ padding: 40px 30px; border-radius: 20px; position: relative; font-family: 'SFProDisplay'; height: calc(100% - 20px); margin: 10px 0; background: #3095e1; transition: 0.4s;}
.demosystem_box h3{ font-size:22px; font-weight: bold; color:#fff; margin-bottom:25px; }
.demosystem_box p{ font-size:16px; color:#fff; }
.demosystem_box ul li{ font-size: 16px; color: #fff; margin-bottom: 8px; padding-left: 18px; position: relative;}
.demosystem_box ul li:before { content: ""; width: 8px; height: 8px; position: absolute; left: 0; top: 5px; border-radius: 50%; background: #fff;}
.demosystem_box:hover{ background:#000; }
.demosystem_box:before{ opacity: 0; transition: 0.4s; content:""; width:50%; height:12px; border-radius: 15px; position: absolute; left: 50%; transform: translateX(-50%); top: 0; background: #3095e1;}
.demosystem_box:hover:before{ opacity:1; }
.demosystem_box .sap_single_btn a{ color: #000; background:#fff; }
.demosystem_box:hover .sap_single_btn a{ color: #fff; background: #3095e1;}
.demosystem_fullbanner{ font-family: 'SFProDisplay'; padding: 60px 0; background-repeat: no-repeat; background-position: center; background-size: cover;}
.demosystem_fullbanner h2{ font-size:30px; font-weight: bold; color:#fff; margin-bottom:25px; }
.demosystem_fullbanner p{ font-size:18px; color:#fff; margin-bottom: 20px;}

.woocommerce_card_1{ background: url(../images/ecommerce/woocommerce-card-1-bg.jpg) no-repeat center; background-size: cover; padding:40px 30px; text-align:center; border-radius: 20px; margin: 10px 0; height: calc(100% - 20px); font-family: 'SFProDisplay'; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);}
.woocommerce_card_1 .icon{ position: relative; display: inline-flex; justify-content: center; align-items: center; margin-bottom:30px; width:80px; height:80px; border-radius: 50%; background: #fff; transition: 0.4s;}
.woocommerce_card_1 .icon:before { content: ""; width: 110px; height: 110px; border: 1px solid #fff; border-radius: 50%; position: absolute; left: -15px; top: -15px;}
.woocommerce_card_1 .icon img{ max-height:44px; max-width: 44px; }
.woocommerce_card_1 h4{ font-size:20px; font-weight: 600; color: #000; transition: 0.4s;}
.woocommerce_card_1 p{ font-size:16px; color:#000; margin-top:15px; transition: 0.4s;}

.woocommerce_card_1 .icon.nohover_img img{ filter:inherit; }
.woocommerce_card_1 p a{ color:#fff; text-decoration:underline; }
.woocommerce_card_1.hover_blue{ padding:40px 20px; }
.woocommerce_card_1.hover_blue .icon{ width:80px; height:80px; background: linear-gradient(0deg, rgba(76,197,248,1) 0%, rgba(132,245,222,1) 100%);}
.woocommerce_card_1.hover_blue .icon img{ max-height:50px; max-width: 50px;}
.woocommerce_card_1.hover_blue h4{ font-size:20px; }
.woocommerce_card_1.hover_blue p{ font-size:15px; }
.woocommerce_card_1.hover_blue:hover{ background: linear-gradient(0deg, rgba(76,197,248,1) 0%, rgba(132,245,222,1) 100%);}
.woocommerce_card_1.hover_blue:hover .icon{ background:#fff; }

.woocommerce_card_2{ display: flex; box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.1); background:#fff; padding:30px 20px; border-radius: 20px; margin: 10px 0; height: calc(100% - 20px); font-family: 'SFProDisplay'; transition: 0.4s;}
.woocommerce_card_2 .icon{ margin-right: 15px; display: inline-flex; justify-content: center; align-items: center; flex:0 0 80px; height:80px; border-radius: 50%; background: linear-gradient(0deg, rgba(76,197,248,1) 0%, rgba(132,245,222,1) 100%); transition: 0.4s;}
.woocommerce_card_2 .icon img{ max-width: 45px; height:45px; filter: brightness(0) invert(1); }
.woocommerce_card_2 .icon.nohover{ background:#eff8fe; }
.woocommerce_card_2 .icon.nohover img{ filter:inherit; }
.woocommerce_card_2 .content{}
.woocommerce_card_2 h4{ font-size:22px; font-weight: bold; transition: 0.4s;}
.woocommerce_card_2 p{ font-size:16px; margin-top:15px; transition: 0.4s;}
.woocommerce_card_2:hover{ background: linear-gradient(270deg, rgba(76,197,248,1) 0%, rgba(132,245,222,1) 100%);}
.woocommerce_card_2:hover .icon{ background:#fff; }
.woocommerce_card_2:hover .icon img{ filter:inherit; }
.woocommerce_card_2:hover h4{ color:#fff; }
.woocommerce_card_2:hover p{ color:#fff; }
.woocommerce_card_2.grey{ background:#f4f4f4; box-shadow: none;}
.woocommerce_card_2.grey .icon{ background: linear-gradient(90deg, rgba(255, 141, 68, 1) 0%, rgba(249, 19, 98, 1) 100%);}
.woocommerce_card_2.grey:hover{ background: linear-gradient(90deg, rgba(255, 141, 68, 1) 0%, rgba(249, 19, 98, 1) 100%);}
.woocommerce_card_2.grey:hover .icon{ background:#fff; }
.woocommerce_card_3{ padding: 40px 30px; border-radius: 10px; margin: 10px 0; height: calc(100% - 20px); outline: 1px solid #fff; color:#fff; font-family: 'SFProDisplay'; transition: 0.4s;}
.woocommerce_card_3 h4{ font-size:22px; font-weight: bold; transition: 0.4s;}
.woocommerce_card_3 p{ color: #ccc; font-size:16px; margin-top:15px; transition: 0.4s;}
.woocommerce_card_3:hover{ background: linear-gradient(0deg, rgba(0, 120, 212, 1) 0%, rgba(58, 196, 242, 1) 100%); outline: none;}
.woocommerce_card_3:hover p{ color:#fff; }
.woocommerce_card_4{ padding: 40px 30px; margin: 10px 0; height: calc(100% - 20px); outline: 2px solid #fff; border-radius: 10px; color:#fff; font-family: 'SFProDisplay';}
.woocommerce_card_4 h3{ font-size:24px; font-weight: bold; position: relative; padding-bottom: 10px; margin-bottom: 30px;}
.woocommerce_card_4 h3:after{ content: ""; width:80px; height:4px; position: absolute; left: 0; bottom: 0; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%); }
.woocommerce_card_4 p{ color: #ccc; font-size:16px; margin-top:15px; transition: 0.4s;}
.text_box_card{ padding: 40px 30px; border-radius: 20px; position: relative; font-family: 'SFProDisplay'; height: calc(100% - 20px); margin: 10px 0; background: linear-gradient(90deg, rgba(255, 141, 68, 1) 0%, rgba(249, 19, 98, 1) 100%);}
.text_box_card h3{ font-size:24px; font-weight: bold; color:#fff; margin-bottom:25px; }
.text_box_card p{ font-size:18px; color:#fff; }
.text_box_card_2{ display:flex; flex-wrap:wrap; justify-content:space-between; font-family: 'SFProDisplay'; }
.text_box_card_2 .item{ text-align: center; border:1px solid #fc5652; padding:40px 15px; border-radius:20px; color:#000; width:calc(20% - 10px); margin:5px 0; transition:0.4s; }
.text_box_card_2 .item:hover{ color: #fff; background: linear-gradient(180deg, rgba(249,20,98,1) 0%, rgba(255,140,69,1) 100%); }
.text_box_card_2 .item h4{ font-size:18px; font-weight:600; margin-bottom:20px; }
.text_box_card_2 .item p{ font-size:14px; }
.text_box_card_2.column_4 .item{ width:calc(25% - 10px); }
.black_bg .text_box_card_2 .item{ color:#ccc; }
.black_bg .text_box_card_2 .item:hover{ color:#fff; }

.text_wrapper{ font-family: 'SFProDisplay';}
.text_wrapper h1{ font-size:36px; font-weight:bold; margin-bottom:20px; color:#000; }
.text_wrapper h2{ font-size:30px; font-weight:bold; margin-bottom:20px; color:#000; }
.text_wrapper h3{ font-size:24px; font-weight:bold; margin-bottom:20px; color:#000; }
.text_wrapper h4{ font-size:20px; font-weight:bold; margin-bottom:20px; color:#000; }
.text_wrapper .border_btm{ padding-bottom:10px; border-bottom:2px solid #000; }
.text_wrapper p{ font-size:16px; margin: 20px 0; color: #000; line-height: 1.2;}
.text_wrapper ul{ font-size: 16px; list-style: disc; padding-left: 16px;}
.text_wrapper ul li{ color: #000; margin-bottom: 7px; position: relative;}
.text_wrapper ul li:last-child{ margin-bottom:0; }
.text_wrapper ul li a{ color:#000; }
.text_wrapper ul li a:hover{ color:#3095e1; text-decoration:underline; }
.text_wrapper ul.row_2{ columns: 2; -webkit-columns: 2; -moz-columns: 2;}
.image_wraper img{ width:100%; }
.image_wraper.round{ position:static; }
.image_wraper.round img{ border-radius:50%; border:12px solid #3095e1; position: static; overflow: hidden;}
.single_btn_row{ font-family: 'SFProDisplay'; padding: 25px 0; background: #3095e1;}
.single_btn_row .container{ display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.single_btn_row h2{ font-size:30px; font-weight:bold; color:#fff; }
.single_btn_row h3{ font-size:24px; font-weight:bold; color:#fff; }
.single_btn_row .sap_single_btn a{ background:#fff; color:#000; }
.text_wrapper ul.check_listing{ font-size:16px; list-style: none; padding-left: 0;}
.text_wrapper ul.check_listing li{ padding-left:22px; }
.text_wrapper ul.check_listing li:before{ color: #00a6e3; content:"\f058"; font-family: "Font Awesome 6 Free"; font-weight: 900; background: none; top: 2px; position: absolute; left: 0;}
.text_wrapper ul.check_listing li p{ font-size:16px; }
.text_wrapper ul.check_listing.right li{ padding-left:0; padding-right:22px; }
.text_wrapper ul.check_listing.right li:before{ left:auto; right:0; }

.text_wrapper ul.list_inline{ font-size:18px; font-weight: 500; list-style: none; padding-left: 0; margin: 0 -7px;}
.text_wrapper ul.list_inline li{ display:inline-block; padding: 0 7px; margin-bottom: 10px;}
.text_wrapper ul.list_inline li:before { content: "\f058"; font-family: "Font Awesome 6 Free"; font-weight: 900; display: inline-block; margin-right: 5px;}

.integration_tabs.woocommerce_tabs .nav{ width:40%; height: 100%;}
.integration_tabs.woocommerce_tabs .nav .nav-link{ font-size:16px; }


.integration_tabs.woocommerce_tabs .tab-content{ width:58%;}
/*.integration_tabs.woocommerce_tabs h3{ color: #fff; font-size: 24px; font-weight: bold; padding-bottom: 15px; position: relative; margin-bottom: 20px;}
.integration_tabs.woocommerce_tabs h3:after{ content: ""; width: 80px; height: 4px; position: absolute; left: 0; bottom: 0; background: linear-gradient(90deg, rgba(255, 141, 68, 1) 0%, rgba(249, 19, 98, 1) 100%);}
.integration_tabs.woocommerce_tabs .tab-content p{ line-height:24px; }
.integration_tabs.woocommerce_tabs .tab-content a{ color:#fff; text-decoration:underline; font-weight:600; }*/
#section1, #section2, #section3, #section4, #section5, #section6, #section7, #section8, #section9, #section10{ scroll-margin-top:100px; }

.feat_box_warpper{ background:#434343; padding:40px 0; }
.feat_box_warpper .image_wraper{ margin-top:-150px; margin-bottom:150px; }
.feat_box_warpper ul li{ color: #fff; padding-top:15px; position:relative; margin-bottom: 50px;}
.feat_box_warpper ul li h4{ font-size:20px; }
.feat_box_warpper ul li:last-child{ margin-bottom:0; }
.feat_box_warpper ul li:before{ content: ""; width:60px; height:4px; position: absolute; left: 0; top: 0; background: linear-gradient(90deg, rgba(255, 141, 68, 1) 0%, rgba(249, 19, 98, 1) 100%); transition:0.4s; }
.feat_box_warpper ul.right li{ text-align:right; }
.feat_box_warpper ul.right li:before{ left:auto; right:0; }
.feat_box_warpper ul.center li{ text-align:center; }
.feat_box_warpper ul.center li:before{ left:50%; transform:translateX(-50%); }
.feat_box_warpper ul li:hover:before{ width:160px; max-width:100%; }

.magento_price_section{ margin-top:40px; text-align:center; }
.magento_price_section .title_warpper{ margin-bottom:80px; position: relative; text-align: center;}
.magento_price_section .title_warpper span{ background: #fff; color: #000; font-size:18px; font-weight: 500; padding:0 20px; position:relative; }
.magento_price_section .title_warpper:before{ content:""; width:100%; height:1px; background:#666; position:absolute; left:0; top:50%; }
.price_card{ max-width: 360px; display: inline-block; margin-bottom: 50px; line-height: 1.2; color:#fff; background: linear-gradient(90deg, rgba(255, 141, 68, 1) 0%, rgba(249, 19, 98, 1) 100%); border-radius:20px; padding: 3px;  transition: 0.3s ease; position: relative; }
.price_card:hover{ transform: translateY(-15px);}
.price_card .content{ border-radius: 20px; position: relative; background: #191919; text-align: center; padding: 70px 20px 50px;}
.price_card .icon_wrapper{ width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; background: linear-gradient(90deg, rgba(255, 141, 68, 1) 0%, rgba(249, 19, 98, 1) 100%); padding: 3px; border-radius: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: -50px;}
.price_card .icon_wrapper .icon { border-radius: 100%; background: #191919; padding: 20px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 100%;}
.price_card .icon_wrapper .icon img{ max-height:48px; }
.price_card .title{ min-height: 140px;}
.price_card .title h3{ font-size:24px; font-weight:600; margin-bottom:10px; }
.price_card .title p{ font-size:16px; }
.price_card .price_box{ min-height:110px; }
.price_card .price_box h5{ font-size:16px; text-transform: uppercase;}
.price_card .price_box h3{ font-size:22px; font-weight:600; }
.price_card .divider { height: 3px; background: linear-gradient(306deg, #ffda07, #f82828); margin: 10px auto; width: 100%;}
.price_card .price_box p{ font-size:11px; text-transform:uppercase; }
.price_card .enquiry_btn { display: inline-block; background: linear-gradient(90deg, rgba(255, 141, 68, 1) 0%, rgba(249, 19, 98, 1) 100%); color: #fff; font-size: 16px; padding: 0px 20px; border-radius: 40px; width: 80%; max-width: 200px; position: absolute; left: 50%; transform: translateX(-50%); line-height: 50px; bottom: -25px; text-transform: uppercase; z-index: 2;}
.magento_price_section .condition_text { padding-top: 30px; font-size: 13px; text-align: center; display: block; width: 100%; text-transform: uppercase; position: absolute; left: 0; bottom: -50px; color: #666;}
.magento_payment{ text-align:center; }
.magento_payment h3{ color: #222; font-size: 24px; font-weight: 600; margin: 0 0 20px; }
.magento_payment img{ max-height:60px;}
.ingold_logo_hr{ position: relative; text-align: center;}
.ingold_logo_hr:before{ content:""; width:100%; height:1px; background:#999; position:absolute; left:0; top:50%; }
.ingold_logo_hr .logo_box{ display:inline-block; background:#fff; padding:0 15px; position: relative;z-index: 2;}
.ingold_logo_hr img{ height:60px; }

.ms_365_banner{ padding:120px 0; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; }
.ms_365_banner .banner_caption{}
.ms_365_banner .banner_caption .service_logo { margin-bottom: 30px; display: inline-block; background: #fff; border-radius: 15px; padding: 15px;}
.ms_365_banner .banner_caption .service_logo img{ max-height:40px; max-width:200px; }
.ms_365_banner .banner_caption h1{ font-size:40px; font-weight:bold; color:#fff; }
.ms_365_banner .banner_caption h1 span{ display:block; font-weight:normal; }
.ms_365_services{}
.ms_365_services ul{}
.ms_365_services ul li{ display: flex; flex-wrap: wrap; padding:40px 0; border-bottom:1px solid #ccc; }
.ms_365_services ul li:last-child{ border-bottom:0; padding-bottom:0; }
.ms_365_services ul li .number{ width: 25%; display: inline-block; font-size: 100px; font-weight: 300; line-height: 1em; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, .5);}
.ms_365_services ul li .content{ width:75%; }
.ms_365_services ul li .content h3{ font-size:24px; font-weight: 600; margin-bottom:20px; color: #fff;}
.ms_365_services ul li .content p{ font-size:16px; color:#ccc; }
.layout_img.img_radius{ border-top-left-radius: 80px; border-bottom-right-radius: 80px; overflow: hidden;}
.ms_365_contact{ border-top: 1px solid #ccc; padding:80px 0; position: relative; overflow: hidden; z-index: 1; background:url(../images/microsoft/map.svg) no-repeat center; }
.ms_365_contact::after { position: absolute; left: 0; top: 0px; width: 100%; height: 100%; background: #fff; background-size: auto; content: ""; opacity: .9; z-index: -1;}
.ms_contact_info{ text-align:center; margin:15px 0; }
.ms_contact_info .icon{ margin: 0px auto; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; width:64px; height:64px; border:2px solid #000; border-radius: 50%;}
.ms_contact_info .icon img{ height: 30px; transition: .3s ease;}
.ms_contact_info h4{ font-size:20px; font-weight:500; margin-bottom:10px; }
.ms_contact_info p{ font-size: 16px; color: #6c757d;}
.ms_contact_info p a{ color: #6c757d; }
.ms_contact_info:hover .icon{ background:#000; }
.ms_contact_info:hover .icon img { filter: brightness(0) invert(1);}

.azure_banner{ font-family: 'SFProDisplay'; padding: 80px 0; background-repeat: no-repeat; background-position: center; background-size: cover;}
.azure_banner .banner_caption{ color:#fff; position: relative; max-width: 600px;}
.azure_banner .logo_area { display: inline-block;}
.azure_banner .logo_area img { height: 80px;}
.azure_banner .banner_caption h1{ font-size:36px; font-weight: bold; position:relative; margin-bottom: 20px;}
.azure_banner .banner_caption p{ font-size:18px; margin-bottom:15px; }
.microsoft_card_1{ background: linear-gradient(0deg, rgba(0,120,212,1) 0%, rgba(58,196,242,1) 100%); padding:40px 30px; text-align:center; border-radius: 20px; margin: 10px 0; height: calc(100% - 20px); font-family: 'SFProDisplay'; transition: 0.4s;}
.microsoft_card_1 .icon{ display: inline-flex; justify-content: center; align-items: center; margin-bottom:30px; width:100px; height:100px; border-radius: 50%; background: #fff; transition: 0.4s;}
.microsoft_card_1 .icon img{ max-height:54px; max-width: 54px; }
.microsoft_card_1 h4{ font-size:20px; font-weight: bold; color: #fff; transition: 0.4s;}
.microsoft_card_1 p{ font-size:16px; color:#fff; margin-top:15px; transition: 0.4s;}
.microsoft_card_1 .btn_sec{ margin-top:30px; }
.microsoft_card_1 .btn_sec a{ display:inline-block; background:#fff; color:#000; padding:12px 30px; font-size:16px; border-radius:30px;	 }

.microsoft_card_2{ display: flex; background: linear-gradient(0deg, rgba(0, 120, 212, 1) 0%, rgba(58, 196, 242, 1) 100%); padding:30px 20px; border-radius: 20px; margin: 10px 0; height: calc(100% - 20px); font-family: 'SFProDisplay'; transition: 0.4s;}
.microsoft_card_2 .icon{ margin-right: 15px; display: inline-flex; justify-content: center; align-items: center; flex:0 0 80px; height:80px; border-radius: 50%; background: #fff; transition: 0.4s;}
.microsoft_card_2 .icon img{ max-width: 45px; height:45px; }
.microsoft_card_2 .content{ color:#fff; }
.microsoft_card_2 h4{ font-size:20px; font-weight: 600; transition: 0.4s;}
.microsoft_card_2 p{ font-size:16px; margin-top:15px; transition: 0.4s;}

.microsoft_card_3{ background:#272727; padding:40px 30px; text-align:center; border-radius: 20px; margin: 10px 0; height: calc(100% - 20px); font-family: 'SFProDisplay'; transition: 0.4s;}
.microsoft_card_3 .icon{ display: inline-flex; justify-content: center; align-items: center; margin-bottom:30px; width:100px; height:100px; border-radius: 50%; background: linear-gradient(0deg, rgba(0,120,212,1) 0%, rgba(58,196,242,1) 100%); transition: 0.4s;}
.microsoft_card_3 .icon img{ max-height:54px; max-width: 54px; filter: brightness(0) invert(1); }
.microsoft_card_3 h4{ font-size:22px; font-weight: bold; color: #fff; transition: 0.4s;}
.microsoft_card_3 p{ font-size:16px; color:#ccc; margin-top:15px; transition: 0.4s;}
.microsoft_card_3:hover{ background: linear-gradient(0deg, rgba(0,120,212,1) 0%, rgba(58,196,242,1) 100%);}
.microsoft_card_3:hover .icon{ background:#fff; }
.microsoft_card_3:hover .icon img{ filter:inherit; }
.microsoft_card_3:hover p{ color:#fff; }

.microsoft_card_4{ display: flex; background:#ebeef0; padding:20px; border-radius: 10px; margin: 8px 0; height: calc(100% - 16px); font-family: 'SFProDisplay'; transition: 0.4s;}
.microsoft_card_4 .icon{ flex:0 0 60px; transition: 0.4s;}
.microsoft_card_4 .icon img{ max-width: 45px; height:45px;}
.microsoft_card_4 h4{ font-size:22px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #ddd; transition: 0.4s;}
.microsoft_card_4 p{ font-size:16px; color: #666; margin-top:15px; transition: 0.4s;}
.microsoft_card_4:hover{ background: linear-gradient(0deg, rgba(0,120,212,1) 0%, rgba(58,196,242,1) 100%);}
.microsoft_card_4:hover .icon img{ filter: brightness(0) invert(1); }
.microsoft_card_4:hover h4{ color:#fff; }
.microsoft_card_4:hover p{ color:#fff; }
.microsoft_card_4.white_bg{ background: #fff; box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.1);}
.microsoft_card_4.white_bg:hover{ background: linear-gradient(0deg, rgba(0,120,212,1) 0%, rgba(58,196,242,1) 100%);}

.microsoft_card_5{ background:#fff; text-align: center; box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.1); padding:40px 20px; border-radius: 10px; margin: 8px 0; height: calc(100% - 16px); font-family: 'SFProDisplay'; transition: 0.4s;}
.microsoft_card_5 .icon{ margin-bottom: 20px;}
.microsoft_card_5 .icon img{ max-width: 80px; height:80px;transition: 0.4s;}
.microsoft_card_5 h4{ font-size:20px; font-weight: bold; transition: 0.4s;}
.microsoft_card_5 p{ font-size:15px; color: #666; margin-top:15px; transition: 0.4s;}
.microsoft_card_5:hover{ background: linear-gradient(0deg, rgba(249,19,98,1) 0%, rgba(255,142,68,1) 100%);}
.microsoft_card_5:hover .icon img{ filter: brightness(0) invert(1); }
.microsoft_card_5:hover h4{ color:#fff; }
.microsoft_card_5:hover p{ color:#fff; }

.microsoft_card_6{ display: flex; background:#fff; box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.1); padding:30px 20px; border-radius: 10px; margin: 10px 0; height: calc(100% - 20px); font-family: 'SFProDisplay'; transition: 0.4s;}
.microsoft_card_6 .icon{ flex:0 0 80px; transition: 0.4s;;}
.microsoft_card_6 .icon img{ max-width: 60px; height:60px;}
.microsoft_card_6 h4{ font-size:22px; font-weight: bold; transition: 0.4s;}
.microsoft_card_6 p{ font-size:16px; color: #666; margin-top:15px; transition: 0.4s;}
.microsoft_card_6 ul{ font-size:16px; color: #666; margin-top:15px; transition: 0.4s; list-style: disc; padding-left: 17px;}
.microsoft_card_6 ul li{ margin-bottom:5px; }
.microsoft_card_6:hover{ background: linear-gradient(0deg, rgba(0,120,212,1) 0%, rgba(58,196,242,1) 100%);}
.microsoft_card_6:hover .icon img{ filter: brightness(0) invert(1); }
.microsoft_card_6:hover h4{ color:#fff; }
.microsoft_card_6:hover p{ color:#fff; }
.microsoft_card_6:hover ul{ color:#fff; }
.mywave_logo{ border-radius:50%; text-align:center; overflow: hidden; box-shadow: 0px 0px 20px 0px rgba(48,149,225,0.5);}

.microsoft_card_7{ background:#272727; padding:0 30px 40px 30px; text-align:center; border-radius: 20px; margin:70px 0 10px 0; height: calc(100% - 80px); font-family: 'SFProDisplay'; transition: background 0.4s ease;}
.microsoft_card_7 .icon{ margin-top: -60px; border: 3px solid #fff; display: inline-flex; justify-content: center; align-items: center; margin-bottom:30px; width:120px; height:120px; border-radius: 50%; background: linear-gradient(0deg, rgba(0,120,212,1) 0%, rgba(58,196,242,1) 100%); transition: background 0.5s ease;}
.microsoft_card_7 .icon img{ max-height:54px; max-width: 54px; filter: brightness(0) invert(1); }
.microsoft_card_7 h4{ font-size:20px; font-weight: bold; color: #fff; transition: 0.4s;}
.microsoft_card_7 p{ font-size:16px; color:#ccc; margin-top:15px; transition: 0.4s;}
.microsoft_card_7:hover{ background: linear-gradient(0deg, rgba(0,120,212,1) 0%, rgba(58,196,242,1) 100%);}
.microsoft_card_7:hover .icon{ background:#fff; }
.microsoft_card_7:hover .icon img{ filter:inherit; }
.microsoft_card_7:hover p{ color:#fff; }

.sap_main_banner{ position: relative; padding:60px 0; font-family: 'SFProDisplay'; background-repeat: no-repeat; background-position: center; background-size: cover;}
.sap_main_banner.overlay:before{ content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; }
.sap_main_banner .banner_content{ max-width:600px; position: relative;}
.sap_main_banner .service_logo{ display: inline-block; padding: 15px 25px; border-radius: 50px; background: #fff; margin-bottom: 25px;}
.sap_main_banner .service_logo img{ height: 30px;}
.sap_main_banner .service_logo_nobg{ margin-bottom: 25px;}
.sap_main_banner .service_logo_nobg img{ height:48px; }
.sap_main_banner h1{ font-size:36px; font-weight: 600; color:#fff; position: relative; }
.sap_main_banner h1.bord_btm{padding-bottom: 15px; margin-bottom: 15px;}
.sap_main_banner h1.bord_btm:after{ content: ""; width:150px; height:4px; background:#fff; position:absolute; left:0; bottom:0; }
.sap_main_banner h2{ font-size:30px; font-weight:600; margin-top:20px; color:#fff;}
.sap_main_banner h3{ font-size:24px; font-weight:600; margin-top:20px; color:#fff;}
.sap_main_banner h4{ font-size:20px; font-weight:600; margin-top:20px; color:#fff;}
.sap_main_banner p{ font-size:18px; font-weight:normal; margin-top:20px; color:#fff;}
.sap_main_banner ul{ font-size:18px; font-weight: 500; color: #fff; }
.sap_main_banner ul li{ position:relative; padding-left: 25px; margin-bottom: 7px;}
.sap_main_banner ul li:before{ content:"\f058"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; top: 2px;}
body.ecommerce .sap_main_banner{ padding:150px 0 60px; }
/*body.sap-business-one .category_badge{ display:none;}*/
.page_content{ position:relative; }
.category_badge { position: absolute; z-index: 2; left: 0; top: 0; width: 100%;}
.category_badge a{ display:inline-block; }
.category_badge img{ height:140px; }
.category_badge p{ font-size: 10px; font-weight: 500; color: #fff; text-align: center;}
.category_badge span{ display: block; color:#fff; font-size: 14px;}
.category_badge.inner_badge a{ margin-left:140px; } 
.sap_pricing_banner.sap_main_banner h1{ font-size: 30px; color:#000;}
.sap_pricing_banner.sap_main_banner ul{ color:#000; font-size:20px; }
.sap_pricing_banner .sap_banner_form{ background: rgba(0, 0, 0, 0.2); }

.service_top{ background:#d9e9f9; padding:30px 0; }
.service_top .service_logo img{ height:48px; }
.service_top h1{ font-size:40px; font-weight:600; }
.service_top h2{ font-size:30px; font-weight:600; }
.service_top p{ font-size:20px; }
.service_top ul{ font-size:22px; font-weight: 500; margin:0 -10px; }
.service_top ul li{ display:inline-block; padding:0 10px; margin-bottom: 8px;}
.service_top ul li:before{ content:"\f058"; font-family: "Font Awesome 6 Free"; font-weight: 900; display:inline-block; margin-right:5px; }
.sap_top_form{ margin-top:40px; background:transparent; padding:0; border-radius:0; }
.sap_top_form h4{ font-size:20px; font-weight:600; margin-bottom:20px; }
.sap_top_form h5{ font-size: 16px; font-weight:normal; }
.sap_top_form .row{ position:relative; padding-right:220px; margin:0 -5px; }
.sap_top_form .row>*{ padding:0 5px; }
.sap_top_form .animate_form.email_field{ margin-bottom: 15px;}
.sap_top_form .animate_form.email_field .form-control{ height:48px; font-size:16px; padding: 5px 15px;}
.sap_top_form .animate_form.email_field .form-control:not(:focus):not(.filled) + span{ top:15px; font-size:14px; }
.sap_top_form .animate_form.email_field .form-control + span{ top:0px; }
.sap_top_form .submit{ width:220px; position:absolute; right:0; }
.sap_top_form .submit .submit_btn{ width:100%; background: #00508c; color: #fff; line-height: 48px; font-size: 16px; font-weight: 500; border: 0; border-radius: 30px;}

.call_box{ font-family: 'SFProDisplay'; position: relative; padding: 40px 30px 40px 80px; color: #fff; border-radius: 15px; background: linear-gradient(90deg, rgba(255, 141, 68, 1) 0%, rgba(249, 19, 98, 1) 100%); }
.call_box .icon{ position:absolute; left:30px; top:45px; }
.call_box .icon img{ height:36px; filter: brightness(0) invert(1); }
.call_box h3{ font-size:30px; font-weight: bold; margin-bottom: 15px;}
.call_box p{ font-size:18px; }
.call_box .sap_single_btn a{ font-size:16px; background:#fff; color:#000; }
.call_box .sap_single_btn a:hover{ background:#000; color:#fff; }
.blue_gradient{ background: linear-gradient(0deg, rgba(0, 120, 212, 1) 0%, rgba(58, 196, 242, 1) 100%) !important; }
.partner_items_box{ padding: 20px 0; border-radius: 20px; background: linear-gradient(0deg, rgba(76,197,248,1) 0%, rgba(132,245,222,1) 100%); }
.partner_items_box .item{ padding:15px 30px; border-bottom:1px solid #fff; text-align:center;  }
.partner_items_box .item img{ max-width:300px; display:inline-block; width:100%; }
.partner_items_box .item:last-child{ border-bottom:0; }
.azure_bg{ background-repeat:no-repeat; background-position:center; background-size:contain; }
.azure_partner_bg{ background-repeat:no-repeat; background-position:center; background-size:cover; }
.azure_faq{ font-family: 'SFProDisplay';}
.azure_faq .accordion-item{ border:0; border-bottom:1px solid #ccc; border-radius:0px; }
.azure_faq .accordion-button{ font-size:18px; font-weight:600; color:#000; padding:20px 0; }
.azure_faq .accordion-button:not(.collapsed){ background:none; }
.azure_faq .accordion-button::after{ content:"\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 20px; color: #666; background: none;}
.azure_faq .accordion-body{ padding:10px 0; color:#333;}
.azure_faq .accordion-body p{ font-size:16px; margin:15px 0; }
.azure_faq .accordion-body ul{ margin:15px 0; list-style: disc; padding-left: 17px;}
.azure_faq .accordion-body ul li{font-size:16px; margin-bottom: 5px;}
.azure_faq .accordion-body a{ text-decoration:underline; color:#333; }
.integration_tabs.azure_tabs{ font-family: 'SFProDisplay';}
.integration_tabs.azure_tabs .nav{ width:40%; overflow: hidden; height: 100%; box-shadow: 0px 4px 51px -40px rgb(0 0 0 / 50%);}
.integration_tabs.azure_tabs .nav .nav-link{ font-size: 18px; font-weight: 500; padding: 20px 15px; text-align: left; background:#fff; color: #333; margin-bottom:0; text-transform:inherit; border-bottom: 1px solid #ddd;}
.integration_tabs.azure_tabs .nav .nav-link:last-child{ border-bottom:0; }
.integration_tabs.azure_tabs .nav .nav-link.active{ color: #fff; border-bottom-color: transparent; background: linear-gradient(0deg, rgba(0, 120, 212, 1) 0%, rgba(58, 196, 242, 1) 100%);}
.integration_tabs.azure_tabs .tab-content{ width:58%; color: #333;}
.integration_tabs.azure_tabs h3{ font-size: 24px; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #ddd; position: relative; margin-bottom: 20px;}
.integration_tabs.azure_tabs h4{ font-size: 20px; font-weight: bold;}
.integration_tabs.azure_tabs .tab-content p{ line-height:24px; }
.integration_tabs.azure_tabs .tab-content a{ color:#333; text-decoration:underline; font-weight:600; }
.black_text_box{ font-family: 'SFProDisplay'; background:#000; padding:30px; color:#fff; margin: 10px 0; height:calc(100% - 20px); border-radius:15px; color:#ccc; transition: 0.4s;}
.black_text_box p{ font-size:16px; line-height:24px; }
.black_text_box:hover{ color: #fff; background: linear-gradient(0deg, rgba(0, 120, 212, 1) 0%, rgba(58, 196, 242, 1) 100%);}

.sap_project_bg{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover;}
.sap_project_bg:before{ content:""; background:rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.sap_project_bg .container{ position:relative; }

.it_banner{ font-family: 'SFProDisplay'; padding: 100px 0; background-repeat: no-repeat; background-position: center; background-size: cover;}
.it_banner .banner_caption{ color:#fff; position: relative; max-width: 660px;}
.it_banner .banner_caption .service_logo{ margin-bottom:30px; }
.it_banner .banner_caption .service_logo img{ max-height:50px; }
.it_banner .logo_area { display: inline-block; padding: 15px 30px; border-radius: 50px; background: #fff;}
.it_banner .logo_area img { max-height: 30px;}
.it_banner .banner_caption h1{ font-size:36px; font-weight: bold; position:relative; margin-bottom: 20px;}
.it_banner .banner_caption h3{ font-size:24px; font-weight: bold; margin-bottom: 20px;}
.it_banner .banner_caption p{ font-size:18px; margin-bottom:15px; }

.it_card{ font-family: 'SFProDisplay'; background:#ebeef0; padding:30px 20px; border-radius:15px; text-align:center; margin:8px 0; height:calc(100% - 16px); transition:0.4s; }
.it_card .icon{ margin-bottom:20px; }
.it_card .icon img{ max-width:60px; max-height:60px; transition:0.4s;}
.it_card h4{ font-size:20px; font-weight:600; transition:0.4s;}
.it_card p{ font-size:16px; margin-top:20px; transition:0.4s;}
.document_tabs.nav-tabs{ display: flex; justify-content: center; margin-bottom: 30px; border-bottom: 0; font-family: 'SFProDisplay';}
.document_tabs.nav-tabs .nav-item{ display:inline-block; margin: 0;}
.document_tabs.nav-tabs .nav-item .nav-link{ background: #ddd; color: #000; border: 0; border-radius: 0; display:block; font-size:20px; font-weight: 500; padding: 20px 40px;}
.document_tabs.nav-tabs .nav-item .nav-link.active{ background: #3095e1; color:#fff; }

.azure_services_bg_1{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed;}
.azure_services_bg_1:before{ background: linear-gradient(0deg, rgba(0, 120, 212, 1) 0%, rgba(58, 196, 242, 1) 100%); opacity: 0.7; content:""; width:100%; height:100%; position:absolute; left:0; top:0; }
.azure_services_bg_1 .container{ position:relative; }
.azure_services_bg_2{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; }
.azure_services_bg_2 .container{ position:relative; }

.azure_tabs.nav-tabs{ display: flex; justify-content: center; margin-bottom: 30px; border-bottom: 0; font-family: 'SFProDisplay';}
.azure_tabs.nav-tabs .nav-item{ display:inline-block; margin: 0 10px;}
.azure_tabs.nav-tabs .nav-item .nav-link{ min-width: 180px; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); border-radius: 15px; background: #fff; color: #000; border: 0; display:block; font-size:20px; font-weight: 500; padding: 30px;}
.azure_tabs.nav-tabs .nav-item .nav-link img{ margin:0px auto; max-width: 80px; max-width: 80px;}
.azure_tabs.nav-tabs .nav-item .nav-link span{ display:block; margin-top:20px; }
.azure_tabs.nav-tabs .nav-item .nav-link.active{     background: linear-gradient(0deg, rgba(0, 120, 212, 1) 0%, rgba(58, 196, 242, 1) 100%); color:#fff; }
/*.azure_tabs.nav-tabs .nav-item .nav-link.active img{ filter: brightness(0) invert(1);}*/
.azure_tabs_content{ background:#f9f9f9; border-radius:20px; padding:40px; margin-top: 40px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); }

.ecommerce_card_1{ padding:30px; background: linear-gradient(90deg, rgba(186,236,202,1) 0%, rgba(236,237,162,1) 100%); border-radius:10px; margin: 10px 0; height: calc(100% - 20px); overflow:hidden; font-family: 'SFProDisplay';}
.ecommerce_card_1 h3{ font-size: 24px; font-weight: bold; margin-bottom: 20px;}
.ecommerce_card_1 p{ font-size:16px; line-height: 22px;}
.magento_bg{ position:relative; background-repeat: no-repeat; background-position: center; background-size: cover;}
.magento_bg:before{ background: rgba(0, 0, 0, 0.8); content:""; width:100%; height:100%; position:absolute; left:0; top:0; }
.magento_bg .container{position: relative;}
.ecommerce_card_2{ font-family: 'SFProDisplay'; text-align: center; padding:40px 30px; margin: 10px 0; height: calc(100% - 20px); background: #fff; border-radius: 10px; box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.2); transition: 0.4s;}
.ecommerce_card_2 h4{ font-size:20px; font-weight:bold; margin-bottom:20px; }
.ecommerce_card_2 p{ color:#666; }
.ecommerce_card_2:hover{ background: linear-gradient(0deg, rgba(249, 19, 98, 1) 0%, rgba(255, 142, 68, 1) 100%);}
.ecommerce_card_2:hover h4, .ecommerce_card_2:hover p{ color:#fff; }{ color:#fff; }

.ecommerce_faq{ font-family: 'SFProDisplay';}
.ecommerce_faq .accordion-item{ border:0; border-radius:0px; margin: 10px 0;}
.ecommerce_faq .accordion-button{ background: #eff8fe; font-size:18px; font-weight:600; color:#666; padding:20px; border-radius:10px !important; }
.ecommerce_faq .accordion-button:not(.collapsed){ color: #fff; box-shadow: none; background: #3095e1; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important;}
.ecommerce_faq .accordion-button::after{ content:"\f0d7"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 20px; color: #666; background: none;}
.ecommerce_faq .accordion-button:not(.collapsed)::after{ color:#fff; background: none; }
.ecommerce_faq .accordion-body{ background: #f5f5f5; padding:10px 20px; color:#000; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.ecommerce_faq .accordion-body p{ font-size:16px; margin:15px 0; }
.ecommerce_faq .accordion-body ul{ margin:15px 0; list-style: disc; padding-left: 17px;}
.ecommerce_faq .accordion-body ul li{font-size:16px; margin-bottom: 5px;}
.ecommerce_faq .accordion-body a{ text-decoration:underline; color:#333; }

.ecommerce_card_3{ background:#fff; box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.2); padding:40px 30px; border-radius: 20px; margin: 10px 0; height: calc(100% - 20px); font-family: 'SFProDisplay'; transition: 0.4s;}
.ecommerce_card_3 .icon{ display: inline-flex; justify-content: center; align-items: center; margin-bottom:30px; width:100px; height:100px; border-radius: 50%; background: linear-gradient(90deg, rgba(255,141,68,1) 0%, rgba(249,19,98,1) 100%); transition: 0.4s;}
.ecommerce_card_3 .icon img{ max-height:54px; max-width: 54px; filter: brightness(0) invert(1); }
.ecommerce_card_3 h4{ font-size:22px; font-weight: bold; color: #000; transition: 0.4s;}
.ecommerce_card_3 p{ font-size:16px; color:#666; margin-top:15px; transition: 0.4s;}
.ecommerce_card_3 ul{ margin-top:15px; }
.ecommerce_card_3 ul li{ font-size: 16px; color: #666; margin-bottom: 6px; padding-left: 15px; position: relative;transition: 0.4s;}
.ecommerce_card_3 ul li:before{ content: ""; width: 6px; height: 6px; position: absolute; left: 0; top: 6px; border-radius: 50%; background: linear-gradient(90deg, rgba(255, 141, 68, 1) 0%, rgba(249, 19, 98, 1) 100%);transition: 0.4s;}
.ecommerce_card_3:hover{ background: linear-gradient(0deg, rgba(249,19,98,1) 0%, rgba(255,142,68,1) 100%);}
.ecommerce_card_3:hover .icon{ background:#fff; }
.ecommerce_card_3:hover .icon img{ filter:inherit; }
.ecommerce_card_3:hover h4{ color:#fff; }
.ecommerce_card_3:hover p{ color:#fff; }
.ecommerce_card_3:hover ul li{ color:#fff; }
.ecommerce_card_3:hover ul li:before{ background:#fff; }

.ecommerce_card_4{ display: flex; background:#222; padding:30px 20px; border-radius: 20px; margin: 10px 0; height: calc(100% - 20px); font-family: 'SFProDisplay'; transition: 0.4s;}
.ecommerce_card_4 .icon{ margin-right: 15px; display: inline-flex; justify-content: center; align-items: center; flex:0 0 100px; height:100px; border-radius: 50%; background:#fff; transition: 0.4s;}
.ecommerce_card_4 .icon img{ max-width: 54px; height:54px; }
.ecommerce_card_4 .content{}
.ecommerce_card_4 h4{ color: #fff; font-size:22px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #666; transition: 0.4s;}
.ecommerce_card_4 p{ color: #ccc; font-size:16px; margin-top:15px; transition: 0.4s;}
.ecommerce_card_4:hover{ background: #fff;}
.ecommerce_card_4:hover .icon{ background: linear-gradient(90deg, rgba(255, 141, 68, 1) 0%, rgba(249, 19, 98, 1) 100%);}
.ecommerce_card_4:hover .icon img{ filter: brightness(0) invert(1);}
.ecommerce_card_4:hover h4{ color:#000; }
.ecommerce_card_4:hover p{ color:#666; }
.black_box_card{ padding: 40px 30px; border-radius: 20px; position: relative; font-family: 'SFProDisplay'; height: calc(100% - 20px); margin: 10px 0; background: #000; transition: 0.4s;}
.black_box_card p{ font-size:18px; color:#fff; }
.black_box_card:hover{ background: linear-gradient(0deg, rgba(249, 19, 98, 1) 0%, rgba(255, 142, 68, 1) 100%);}
.portfolio_slider{ background: #e5f9d2; position:relative; padding: 60px 0 0;}
.portfolio_slider .overlay{ position: absolute; left: 0; top: 0; width: 70vw; height: 100%; border-top-right-radius: 300px; border-bottom-right-radius: 300px; background: linear-gradient(90deg, rgba(249,19,98,1) 0%, rgba(255,142,68,1) 100%);}
.portfolio_slider .computer-empty{ width:540px; }
.portfolio_slider .computer-screen{ width: 430px; left: 55px; top: 15px; border-radius: 6px;}
.portfolio_slider .computer-screen img{ height:280px; }
.portfolio_slider .slick_home_slider .slick-dots{ text-align:left; bottom: 15px;}
.portfolio_slider .slick_home_slider .slick-dots button{ border-color:#000; }
.portfolio_slider .slick_home_slider .slick-dots .slick-active button, .slick_home_slider .slick-dots button:hover{ background:#000; }

.home_banner{ display: flex; align-items: center; font-family: 'SFProDisplay'; position:relative; padding: 120px 0; min-height:calc(100vh - 70px); background-image:url(../images/home-banner-bg-2.webp); background-repeat: no-repeat; background-size: 50% 100%; background-position: top right;}
.home_banner:before{ content:""; width:50%; height: 100%; position: absolute; left:0; top:0; background:url(../images/home-banner-bg-1.webp) no-repeat center; background-size: cover;}
.home_banner .content{ width:50%; position: relative;}
.home_banner .content h1{ font-size:60px; font-weight:bold; color:#fff; padding-bottom: 25px; margin-bottom: 20px; position: relative;}
.home_banner .content h1:after{ content:""; width:180px; height:8px; background:#fff; position:absolute; left:0; bottom:0; }
.home_banner .content h3{ font-size:40px; font-weight:normal; color:#fff; }
.home_banner .content .banner_btn{ margin-top:30px; }
.home_banner .content .banner_btn a{ display:inline-block; border-radius:6px; border: 2px solid #c2d1e9; background:#c2d1e9; color:#000; font-size:16px; text-transform:uppercase; padding:15px 30px; transition: 0.4s;}
.home_banner .content .banner_btn a:hover{ background:#fff; color:#000; border-color:#00aeef; }
.home_banner .content .change_word{ height:50px; overflow: hidden;}
.home_banner .content .change{ animation: changeword 12s infinite; position:relative; }
.home_banner .content .change span{ display: inline-block; font-size:40px; font-weight:bold; color:#fff; }
.home_banner .content .change div{ height: 50px;}
/*@keyframes changeword {
  0% {margin-top: 0;}
  11.11% {margin-top: 0;}

  22.22% {margin-top: -50px;}
  33.33% {margin-top: -50px;}

  44.44% {margin-top: -100px;}
  55.55% {margin-top: -100px;}

  66.66% {margin-top: -150px;}
  77.77% {margin-top: -150px;}

  88.88% {margin-top: -200px;}
  100% {margin-top: -200px;}
}*/

@keyframes changeword {
  0%, 9.5%, 100% {
    transform: translate3d(0, 0, 0);
  }
  12.5%, 22% {
    transform: translate3d(0, -20%, 0);
  }
  25%, 34.5% {
    transform: translate3d(0, -40%, 0);
  }
  37.5%, 47% {
    transform: translate3d(0, -60%, 0);
  }
  50%, 59.5% {
    transform: translate3d(0, -80%, 0);
  }
  62.5%, 72% {
    transform: translate3d(0, -60%, 0);
  }
  75%, 84.5% {
    transform: translate3d(0, -40%, 0);
  }
  87.5%, 97% {
    transform: translate3d(0, -20%, 0);
  }
}

.home__services .title{ text-align:center; padding: 40px 0;}
.home__services .title h1, .home__services .title h2{ font-size:40px; font-weight: bold; color:#000; }
.services_section{ position:relative; padding-bottom: 110px; background: url(../images/service_bg.webp) no-repeat center bottom; background-size: cover;}
.service_col{ overflow: hidden; position: relative; height: calc(100% - 10px); margin: -15px 0 25px; text-align:center; background:#fff; padding:60px 20px 60px; border-radius: 20px; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); }
.service_col:before { content: ""; width: 100%; height: 120px; position: absolute; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: bottom center;}
.service_col.sap:before{ background-image: url(../images/home-sap-service-bg.png); }
.service_col.ecommerce:before{ background-image: url(../images/home-ecommerce-service-bg.png); }
.service_col.it:before{ background-image: url(../images/home-it-service-bg.png); }
.service_col.digital:before{ background-image: url(../images/home-digital-service-bg.png); }
.service_col.cloud:before{ background-image: url(../images/home-service-bg-5.png); }
.service_col .icon{ position: relative; width:90px; height:90px; background: #fff; display: flex; justify-content: center; align-items: center; margin: 0px auto; border-radius:50%; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);}
.service_col .icon img{ max-width:65px; max-height:45px; }
.service_col .icon:before{ content: ""; width:110px; height:110px; border:1px solid #00aeef; border-radius:50%; position: absolute; left:-10px; top:-10px; }
.service_col .service_logo{ }
.service_col h4{ font-size:18px; font-weight:bold; margin-bottom:10px; color:#000; }
.service_col p{ font-size:16px; color:#000;}
.font-14{ font-size:14px !important; }
.service_col .btn_sec{ width:100%; position:absolute; left:0; bottom:30px; }
.service_col .btn_sec a{ font-size:15px; font-weight:600; text-decoration:underline; color: #000;}
.service_col .btn_sec a:hover{ color:#00aeef; }
.book_demo_btn{ margin-top:40px; text-align:center; }
.book_demo_btn a{ display:inline-block; padding:15px 30px; font-size: 20px; background:#fff; color: #00aeef; border:2px solid #00aeef; border-radius:10px; }
.book_demo_btn a:hover{ background: #eaf5fe; color:#032d60; border-color:#032d60; }
.service_col .service_logos{ height:50px; overflow:hidden; margin: 30px 0;}
.service_col .service_logos .service_logo.animate { -webkit-animation-name: changelogo;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-name: changelogo;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}
.service_col .service_logo img{ max-width:140px; max-height:50px; }
.service_col .service_logo .item { height: 50px; display: flex; align-items: center; justify-content: center;}

@keyframes changelogo {
  0%, 12.66%, 100% {
    transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    transform: translate3d(0, -25%, 0);
  }
  33.32%, 45.98% {
    transform: translate3d(0, -50%, 0);
  }
  49.98%, 62.64% {
    transform: translate3d(0, -75%, 0);
  }
  66.64%, 79.3% {
    transform: translate3d(0, -50%, 0);
  }
  83.3%, 95.96% {
    transform: translate3d(0, -25%, 0);
  }
}

.home_market_section{ background:#eff8fe;}
.home_market_section .title{ margin-bottom:60px; text-align: center;}
.home_market_section .title h2{ font-size:48px; font-weight: bold; color:#000; margin-bottom:20px; }
.home_market_section .title p{ font-size:24px; color:#000; }
.home_market_item{ background: url(../images/home_market_item-bg.jpg) no-repeat center; background-size: cover; margin: 15px 0; height: calc(100% - 30px); padding: 60px 30px 40px; border-radius: 20px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.home_market_item .icon{ position: relative; width:110px; height:110px; background: #fff; display: flex; justify-content: center; align-items: center; margin: 0px auto; border-radius:50%; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);}
.home_market_item .icon img{ width:54px; height:54px; }
.home_market_item .icon:before{ content: ""; opacity: 0.5; width:140px; height:140px; border:4px solid #fff; border-radius:50%; position: absolute; left:-15px; top:-15px; transition:0.4s; }
/*.home_market_item:hover .icon:before{ border-color:#106ae5; }*/
.home_market_item h3{ font-size:27px; font-weight: bold; color:#000; margin: 50px 0 15px;}
.home_market_item h4{ font-size:22px; font-weight: bold; color:#000; margin: 50px 0 15px;}
.home_market_item p{ font-size:18px; color:#000; }
.home_market_item ul{ font-size:18px; padding-left:17px; list-style:disc; }
.home_market_item ul li{ margin-bottom:7px; }
.home_market_section .btn_sec{ margin-top:40px; text-align:center; }
.home_market_section .btn_sec a{ display:inline-block; padding:15px 40px; text-transform: uppercase; font-size: 18px; background:#3095e1; color: #fff; border-radius:10px; transition: 0.4s;}
.home_market_section .btn_sec a:hover{ background: #032d60; color:#fff; }

.home__innovation{ background:#035143; padding: 40px 0; margin-top: -1px;}
.home__innovation .title{  }
.home__innovation .title h2{ font-size:48px; font-weight: bold; color:#fff; }
.home__innovation .title h3{ font-size:36px; font-weight: bold; color:#fff;}
.home__innovation .title p{ font-size:24px; color:#fff; margin-top:20px; }
.innovation_row{ display: flex; flex-wrap: wrap; margin: 0 -15px; margin-top: 40px; justify-content: center; }
.innovation_row .innovation_col { width: 16.66%; padding: 15px; text-align: center;}
.innovation_col h3{ color:#aedd73; font-size:44px; font-weight:bold; }
.innovation_col p{ color:#fff; font-size:20px; margin-top:15px; }

.home_content h2 { font-size: 40px; font-weight: bold; color: #000; margin-bottom: 30px;}
.home_content p { font-size: 24px; color: #000; margin-bottom: 20px;}
.home_content p:last-child{ margin-bottom:0; }

.pricing__section{ padding:60px 0; background:#eff8fe; }
.home_btn_sec{ margin-top:30px; }
.home_btn_sec a{ display:inline-block; padding:15px 30px; font-size: 20px; background:#3095e1; color: #fff; border-radius:10px; transition: 0.4s;}
.home_btn_sec a:hover{ background: #032d60; color:#fff; }

.home__integration{ padding:40px 0; }
.home__integration .sap_box { min-height: 200px; display: inline-flex; justify-content: center; align-items: center; position: relative; background-color: #2d9ee6; color: white; padding: 30px; margin-bottom: 40px;}
.home__integration .sap_box img{ height:44px; }
.home__integration .sap_box .arrow { position: absolute; left: 50%; bottom: -18px; width: 40px; height: 20px; background-color: #2d9ee6; clip-path: polygon(50% 100%, 0 0, 100% 0); transform: translateX(-50%);}
.integration_items{ display:flex; flex-wrap:wrap; margin:0 -5px; justify-content:center; }
.integration_items .item{ width:20%; padding: 5px; }
.integration_box{ display: block; padding:20px; display:flex; justify-content:center; align-items:center; text-align:center; height:200px; }
.integration_box img{ width: 100%; max-width:90%; max-height:60px; transition: 0.4s;}
.integration_box:hover img{ transform:scale(1.05); }
.erp_stage_item{ background:#f2f9ff; margin:10px 0; height:calc(100% - 20px); border-radius:20px; padding: 20px;}
.erp_stage_item .icon{ width:80px; height:80px; background:#fff; border-radius:50%; margin-bottom:15px; display:flex; align-items:center; justify-content:center; }
.erp_stage_item .icon img{ max-height:40px; max-width:40px; }
.erp_stage_item h4{ font-size:20px; font-weight:bold;}
.erp_stage_item p{ font-size:14px; margin-top:10px; }
.erp_stage_item a{ display:inline-block; font-size: 14px; font-weight: 500; border-radius: 30px; margin-top:15px; padding:10px 25px; color: #fff; background: linear-gradient(104deg,rgba(0, 106, 180, 1) 0%, rgba(0, 174, 233, 1) 100%); }

.home__partners{ padding:60px 0; background: url(../images/home-partner-bg.webp) no-repeat center; background-size: cover;}
.home__partners .home_content{ margin-bottom:60px;}
.partner__items{ display:flex; flex-wrap:wrap; margin:0 -10px; justify-content: center;}
.partner__items .partner__item{ display: flex; justify-content: center; align-items: center; margin:15px 10px; width:calc(16.66% - 20px); background:#fff; padding:15px 20px; border-radius:20px; }
.partner__items .partner__item img{ max-height:60px; }
.home__partners .btn_sec{ margin-top:80px;}
.home__partners .btn_sec a{ display:inline-block; padding:15px 50px; font-size: 20px; background:#fff; color: #000; border: 2px solid #fff; border-radius:10px; transition: 0.4s;}
.home__partners .btn_sec a:hover{ color: #00aeef; border-color: #00aeef;}

.home_success_stories{ padding:40px 0;}
.home_latest_work{ display: block; margin: 15px 0; background:#fff; border-radius:20px; overflow:hidden; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.home_latest_work img{ width:100%; }
.home_latest_work .name{ padding:20px 15px; text-align:center; color: #727271; font-size: 20px;}
.home_latest_work:hover .name{ color:#3095e1; }

.home_digital_solutions{ padding: 40px 0;}
.all_solutions{ padding-top:200px; position:relative; max-width: 850px; margin: 0px auto;}
.all_solutions .solutions_items{}
.all_solutions .solutions_items .item{ position: absolute; font-size: 24px; text-align: center; display: flex; justify-content: center; align-items: center; color: #fff; background:#3095e1; width:160px; height:160px; border-radius:50%; }
.all_solutions .solutions_items .item.erp{ top: 250px; left: 0; background: linear-gradient(180deg, rgba(1,94,234,0.5) 0%, rgba(0,192,250,0.5) 100%); }
.all_solutions .solutions_items .item.ecommerce{ top: 70px; left: 130px; background: linear-gradient(180deg, rgba(242,240,71,0.5) 0%, rgba(30,217,79,0.5) 100%);}
.all_solutions .solutions_items .item.web{ top: 0; left: 50%; margin-left: -80px; background: linear-gradient(180deg, rgba(205,64,143,0.5) 0%, rgba(9,79,195,0.5) 100%);}
.all_solutions .solutions_items .item.it{ top: 70px; right: 130px; background: linear-gradient(180deg, rgba(253,83,146,0.5) 0%, rgba(248,111,100,0.5) 100%);}
.all_solutions .solutions_items .item.digital{ top: 250px; right: 0; background: linear-gradient(180deg, rgba(254,220,69,0.5) 0%, rgba(255,180,0,0.5) 100%);}
.home_digital_solutions .circle{ margin: 0px auto; width:480px; height:480px; border:5px solid #3095e1; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.home_digital_solutions .circle h3{ text-align: center; color:#009dfc; font-size:120px; font-weight:bold; }
.home_digital_solutions .circle h3 span{ display: block; font-size:36px; font-weight:500; color:#000; margin-top:-15px; }
.home_digital_solutions .circle h4{ font-size:30px; font-weight:bold; color:#000; }

.all_solutions .solutions_items .item{
  -webkit-animation: blink 5s linear infinite;
          animation: blink 5s linear infinite;
}
.all_solutions .solutions_items .item:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.all_solutions .solutions_items .item:nth-child(2) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.all_solutions .solutions_items .item:nth-child(3) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.all_solutions .solutions_items .item:nth-child(4) {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.all_solutions .solutions_items .item:nth-child(5) {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
@keyframes blink {
  0% {
    transform: scale(1.2);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}

.page_content{ font-family: 'SFProDisplay';}
.starter_package table{ border-collapse: separate; border-spacing: 2px; vertical-align: middle;}
.starter_package table thead tr th:nth-child(1){ background:none; }
.starter_package table thead tr th{ font-size: 20px; font-weight: 600; text-align: center; background: #3095e1; color: #fff;}
.starter_package table tr th { padding: 15px; font-size: 14px; font-weight: 500; background-color: #badcf5; color: #000; border: 0;}
.starter_package table tr td { padding: 15px; font-size: 14px; font-weight: 400; background-color: #3095e1; color: #fff; border: 0;}
.starter_package table tr th h4{ font-weight:bold; margin-bottom:5px; }
.starter_package table .price { font-size: 14px; font-weight: 500;}
.starter_package table .price div { white-space: nowrap; font-size: 20px; font-weight: 600; color: #fff; margin:5px 0; }

.starter_package_bg1{ background-image:url(../images/SAP/starter-package-bg-1.jpg); background-repeat: no-repeat; background-position: bottom 150px center; background-size:cover; }
.sap_card_1{ padding: 40px 30px; margin: 15px 0; height: calc(100% - 30px); display: flex; flex-direction: column; justify-content: center; background:#fff; border-radius: 10px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); }
.sap_card_1 h4{ font-size:21px; font-weight:600; margin-bottom: 20px;}
.sap_card_1 p{ font-size:18px; }
.sap_card_1 ul{ font-size:18px; list-style:disc; padding-left:17px; }
.sap_card_1 ul li{ margin-bottom:5px; padding-left:0; }
.sap_card_1 ul li:before{ display:none; }
.sap_card_1 ul.check_listing li:before{ display:inline-block; }
.starter_package_bg2{ background-image:url(../images/SAP/starter-package-bg-2.jpg); background-repeat: no-repeat; background-position: center; background-size:cover; }
.blue_bg{ background:#3095e1; }
.blue_bg_2{ background:#095085; }
.orange_bg{ background:#ed741b; }
.font_36{ font-size:36px !important; }
.font_40{ font-size:40px !important; }
.font_45{ font-size:45px !important; }
.font_50{ font-size:50px !important; }
.starter_package_bg3{ background-image:url(../images/SAP/starter-package-bg-3.jpg); background-repeat: no-repeat; background-position: center; background-size:cover; }
.starter_package_bg4{ background-image:url(../images/SAP/starter-package-bg-4.jpg); background-repeat: no-repeat; background-position: center; background-size:cover; }

.sap_function_table{ display:flex; flex-wrap:wrap; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.sap_function_table .item{ width: 12.5%; border-right: 1px solid #ddd;background: #fff;}
.sap_function_table .item:last-child{ border-right:0; }
.sap_function_table .heading.accordion-button{ background: #3095e1; text-align: center; padding: 20px 10px; min-height: 160px; pointer-events: none; flex-direction: column;}
.sap_function_table .heading.accordion-button:after{ display:none; }
.sap_function_table .heading .icon{ margin: 0px auto; background: #fff; width:70px; height:70px; border-radius:50%; display:flex; justify-content:center; align-items:center; }
.sap_function_table .heading .icon img{ max-height:40px; max-width:40px; }
.sap_function_table .heading h4{ font-size:13px; font-weight:600; color:#fff; margin-top:15px; padding: 0;}
.sap_function_table .content{ padding:15px 10px; }
.sap_function_table .content.collapse:not(.show){ display:block; }
.sap_function_table .content ul{}
.sap_function_table .content ul li{ font-size:12px; margin-bottom:10px; padding-left: 10px; position: relative;word-break: break-word;}
.sap_function_table .content ul li:before{ content:""; width:4px; height:4px; background:#000; border-radius:50%; position:absolute; left:0; top:5px; }

.sap_implement_table .ms_table_header{ background-color: #3095e1; color: #fff; box-shadow: none; padding: 20px 10px;}
.sap_implement_table .ms_table_header .title{ margin-bottom:0; font-size:20px; }
.sap_implement_table .ms_table_header .price{ white-space: nowrap; margin-top:5px; font-size:27px; font-weight:600; }
.sap_implement_table .ms_table_header p{ font-size:13px; }
.sap_implement_table .ms_table_header a{ text-decoration:underline; color:#fff; cursor:pointer; font-weight:500; }
.sap_implement_table.ms_pricing_table tr td{  padding: 20px;}
.ms_pricing_table tr.ms_table_header_row .service_logo{ margin-bottom:30px; }
.ms_pricing_table tr.ms_table_header_row .service_logo img{ max-height:36px; }
.sap_implement_table.ms_pricing_table tr.ms_table_header_row td{ padding:0; background-color: #3095e1; vertical-align: top;}
.sap_implement_table.ms_pricing_table tr.ms_table_header_row td:nth-child(2), .sap_implement_table.ms_pricing_table td:nth-child(2) .ms_table_header{ background-color:#117cc9;}
.sap_implement_table.ms_pricing_table tr.ms_table_header_row td:nth-child(3), .sap_implement_table.ms_pricing_table td:nth-child(3) .ms_table_header{ background-color:#989533;}
.sap_implement_table.ms_pricing_table tr.ms_table_header_row td:nth-child(4), .sap_implement_table.ms_pricing_table td:nth-child(4) .ms_table_header{ background-color:#518b6d;}
.sap_implement_table.ms_pricing_table tr.ms_table_header_row td:nth-child(5), .sap_implement_table.ms_pricing_table td:nth-child(5) .ms_table_header{ background-color:#ea9d0c;}
.sap_implement_table.ms_pricing_table tr th{ font-size: 16px; width: 45%; padding: 20px;}
.sap_implement_table.ms_pricing_table tr.accordion-toggle .accordion_btn:before{ content:"\f107"; font-size: 18px; line-height: 30px; font-family: "Font Awesome 6 Free"; font-weight: 900;  }
.sap_implement_table.ms_pricing_table tr.accordion-toggle.collapsed .accordion_btn:before{ content:"\f105"; }
.sap_implement_table.ms_pricing_table tr.accordion-toggle.no_toggle{ cursor:inherit; }
.sap_implement_table.ms_pricing_table tr.accordion-toggle.no_toggle .accordion_btn{ padding-left:0; }
.sap_implement_table.ms_pricing_table tr.accordion-toggle.no_toggle .accordion_btn:before{ display:none; }
.sap_implement_table.ms_pricing_table .more_btn{ float:right; }
.sap_implement_table.ms_pricing_table .more_btn a{ color: #106ae5; display:inline-block; font-size:14px; text-decoration: underline;}
.sap_implement_table.ms_pricing_table .more_btn a:after{ content:"\f101"; font-family: "Font Awesome 6 Free"; font-weight: 900; display: inline-block; margin-left: 5px;}
.sap_implement_table.ms_pricing_table .production_feature > td{ padding:5px 0 0; border-inline: 0; background-color:transparent; }
.sap_implement_table.ms_pricing_table .production_feature tr.ms_table_header_row{ border-bottom-width:5px; }
.sap_implement_table.ms_pricing_table .sap_single_btn a.blue_btn{ width: 100%; padding:12px 10px; font-size:14px; }
.sap_implement_table.ms_pricing_table table tbody td.row_heading{ color:#000; background:#eff8fe; font-size: 18px; font-weight: 600; padding: 15px 10px; border: 0; text-align: left;}

.implement_table_modal{ font-family: 'SFProDisplay'; }
.implement_table_modal .modal-content{ background:#eff8fe; }
.implement_table_modal .ms_pricing_table{ padding-top:30px; }
.implement_table_modal.custom_modal .modal-header{ margin-bottom:0; justify-content:center; }
.implement_table_modal .sap_implement_table.ms_pricing_table tr th{ padding:15px; font-size:14px; }
.implement_table_modal .sap_implement_table.ms_pricing_table tr td{ padding:15px; }
.implement_table_modal .sap_implement_table.ms_pricing_table tr.ms_table_header_row td{ padding:0; }

.sap_service_company_bg1 { background-image: url(../images/SAP/sap-service-company-bg-1.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: cover;}
.sap_service_company_bg2 { background-image: url(../images/SAP/sap-service-company-bg-2.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: cover;}
.compatibility_scanner_devices{ padding:120px 0; background:url(../images/SAP/compatibility_scanner_devices-bg.jpg) no-repeat center; background-size: cover;}
.row5 .col{ flex: 0 0 auto; width: 20%;}
.sap_card_2{ position: relative; text-align: center; display: flex; flex-direction: column; justify-content: center; padding:40px 20px; background:#fff; border-radius: 20px; margin: 10px 0; height: calc(100% - 20px); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); overflow:hidden; }
.sap_card_2:before{ content:""; height:10px; width:100%; position:absolute; left:0; top:0;background: linear-gradient(90deg, rgba(58,196,242,1) 0%, rgba(0,120,212,1) 100%); }
.sap_card_2 h3{ font-size:22px; font-weight: 600; margin-bottom:15px; }
.sap_card_2 h4{ font-size:18px; font-weight: 600; margin-bottom:15px; }
.sap_card_2 p{ font-size:16px; }
.sap_card_2 ul{ padding-left:15px; list-style:disc; }
.sap_card_2 ul li{ font-size:16px; margin-bottom:5px; }
.sap_logistics_bg1{ background-image: url(../images/SAP/sap-business-one-logistics-bg-1.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: cover;}
.sap_logistics_bg2{ background-image: url(../images/SAP/sap-business-one-logistics-bg-2.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: cover;}
.sap_card_3{ background:#fff; padding:30px 20px; text-align:center; border-radius: 20px; margin: 10px 0; height: calc(100% - 20px); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.sap_card_3 .icon{ display: inline-flex; justify-content: center; align-items: center; margin-bottom:20px; width:100px; height:100px; border-radius: 50%; background: #eff8fe; }
.sap_card_3 .icon img{ max-height:54px; max-width: 54px; }
.sap_card_3 h3{ font-size:22px; font-weight: bold; }
.sap_card_3 h4{ font-size:18px; font-weight: bold; }
.sap_card_3 p{ font-size:16px; margin-top:15px;}

.ecommerce_card_5{ padding: 40px 25px; background: url(../images/ecommerce/ecommerce-card-5-bg.jpg) no-repeat center; background-size: cover; margin: 10px 0; height: calc(100% - 20px); border-radius: 20px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.ecommerce_card_5 .icon{ margin-bottom: 25px; position: relative; width:110px; height:110px; background: #fff; display: inline-flex; justify-content: center; align-items: center; border-radius:50%; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.ecommerce_card_5 .icon img{ width:54px; height:54px; }
.ecommerce_card_5 h4{ font-size:20px; font-weight: bold;}
.ecommerce_card_5 p{ font-size:16px; margin-top: 20px;}
.shopify_agentur_bg1 { background-image: url(../images/ecommerce/shopify-agentur-bg-1.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: cover;}
.shopify_agentur_bg2 { background-image: url(../images/ecommerce/shopify-agentur-bg-2.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: cover;}
.ecommerce_card_6{ padding: 40px 25px; margin: 10px 0; height: calc(100% - 20px); border-radius: 50px; background: #fff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.ecommerce_card_6 .icon{ margin-bottom: 20px; }
.ecommerce_card_6 .icon img{ width:80px; height:80px; }
.ecommerce_card_6 h3{ font-size:24px; font-weight: bold; }
.ecommerce_card_6 h4{ font-size:20px; font-weight: bold; }
.ecommerce_card_6 h5{ font-size:18px; font-weight: bold; }
.ecommerce_card_6 p{ font-size:16px; margin-top: 20px;}
.ecommerce_card_6 ul{ font-size:16px; padding-left:15px; list-style:disc; margin-top:20px;}
.ecommerce_card_6 ul li{ margin-bottom:7px; }
.ecommerce_bg_right{ background-image:url(../images/ecommerce/shopify-agentur-img-1.png); background-repeat: no-repeat; background-position: center right; background-size: 45%; }
.ecommerce_bg_left{ background-image:url(../images/ecommerce/shopify-agentur-img-2.png); background-repeat: no-repeat; background-position: center left; background-size: 45%; }
.shopify_demo_bg{background-image: url(../images/ecommerce/shopify-demo-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.ecommerce_card_7{ margin: 10px 0; height: calc(100% - 20px); background: #fff; border-radius: 30px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); overflow: hidden;}
.ecommerce_card_7 .heading{ text-align: center; padding: 20px 30px; background:#5a863e; color:#fff; font-size:18px; font-weight:600; }
.ecommerce_card_7 .content{ text-align: center; font-size:18px; padding:30px; }
.woocommerce_b2b_logo{ padding: 30px; margin: 10px 0; display: flex; justify-content: center; align-items: center; background:#fff; border-radius:20px; min-height:250px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.woocommerce_b2b_bg1{ background-image: url(../images/ecommerce/woocommerce-b2b-bg-1.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: cover;}
.woocommerce_b2b_bg2{ background-image: url(../images/ecommerce/woocommerce-b2b-bg-2.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: cover;}
.woocommerce_col2{ display:flex; flex-wrap:wrap; margin:0px -15px; justify-content:space-between; position:relative; }
.woocommerce_col2 .text_wrapper{ width:48%; padding:0 15px; }
.woocommerce_col2:after{ content: ""; width: 1px; height: 100%; position: absolute; left: 50%; top: 0; background: #000;}
.ecommerce_card_8{ padding: 60px 25px 40px; background: url(../images/ecommerce/ecommerce-card-6-bg.jpg) no-repeat center; background-size: cover; margin: 10px 0; height: calc(100% - 20px); border-radius: 30px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.ecommerce_card_8 h4{ font-size:20px; font-weight: bold;}
.ecommerce_card_8 p{ font-size:18px; margin-top: 20px;}
.shopify_partner_bg1 { background-image: url(../images/ecommerce/shopify-partner-bg-1.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: cover;}
.shopify_partner_bg2 { background-image: url(../images/ecommerce/shopify-agentur-bg-2.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: cover;}
.shopify_card_1{ padding: 40px 30px; margin: 10px 0; height: calc(100% - 20px); display: flex; flex-direction: column; justify-content: center; background:#578f63; border-radius: 30px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); }
.shopify_card_1 .icon{ margin-bottom:30px; }
.shopify_card_1 .icon img{ height:60px; }
.shopify_card_1 h4{ color: #fff; font-size:21px; font-weight:600; margin-bottom: 20px;}
.shopify_card_1 p{ color: #fff; font-size:18px; }
.was_ist_shopify_bg1{ background-image: url(../images/ecommerce/was-ist-shopify-bg-1.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: cover;}
.woocommerce_support_bg1{ background-image: url(../images/ecommerce/woocommerce-support-bg1.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: cover;}
.woocommerce_support_bg2{ background-image: url(../images/ecommerce/woocommerce-support-bg2.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: cover;}
.woocommerce_support_bg3{ background-image: url(../images/ecommerce/woocommerce-support-bg3.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: cover;}

.iso_banner{ padding:60px 0; }
.iso_banner .banner_content h1{ color: #222; font-size: 40px; font-weight: 600; margin-bottom: 20px;}
.iso_banner .banner_content p{ font-size:20px; line-height: 1.4;}
.iso_item{ background: #fff; border-radius: 15px; padding: 30px 40px; margin: 15px 0; height: calc(100% - 30px); box-shadow: 0 5px 15px rgb(0 0 0 / 15%); }
.iso_item .iso_img{ display: block; text-align:center; margin-bottom: 40px;}
.iso_item .iso_img img{ transition:0.4s; }
.iso_item:hover .iso_img img{ transform:scale(1.05); }
.iso_item h3{ font-size:24px; font-weight:600; margin-bottom: 15px;}
.iso_item p{ font-size:16px; line-height: 1.4; }

.sap_banner_form{ background:rgba(255, 255, 255, 0.7); border-radius:20px; padding:25px; margin-top:20px; max-width: 540px;}
.sap_banner_form h4{ color: #000; font-size:18px; font-weight:500; margin: 0 0 15px;}
.sap_banner_form .animate_form.email_field{ margin-bottom: 15px;}
.sap_banner_form .animate_form.email_field .form-control{ height:48px; font-size:16px; padding: 5px 15px;}
.sap_banner_form .animate_form.email_field input[type="email"].form-control{ padding: 10px 165px 0 15px;}
.sap_banner_form .animate_form.email_field:before{ background:#fff; }
.sap_banner_form .animate_form.email_field .form-control:not(:focus):not(.filled) + span{ top:15px; font-size:14px; }
.sap_banner_form .animate_form.email_field .form-control + span{ top:0px; }
.sap_banner_form .animate_form.email_field .form-control + span { background: transparent;}
.sap_banner_form .animate_form.email_field .submit_btn{ line-height: 40px; font-size: 14px;}
.sap_banner_form h5{ font-size:14px; font-weight:500;}
.sap_banner_form .animate_form.email_field .submit_btn{ background:#00508c; }
.sap_banner_form form .row{ margin:0 -5px; }
.sap_banner_form form [class*="col-"]{ padding:0 5px; }

.project_process{}
.project_process ul{}
.project_process ul li{ display: flex; position:relative; margin:0 0 30px; }
.project_process ul li:before{ content:""; width:2px; height:100%; background:#3095e1; position:absolute; left:39px; top:40px; z-index: -1;}
.project_process ul li:last-child{ margin:0; }
.project_process ul li:last-child:before{ display:none; }
.project_process .icon{ flex: 0 0 80px; height:80px; border-radius:6px; background: #eff8fe; display: flex; align-items: center; justify-content: center;}
.project_process .icon img{ width:48px; }
.project_process .description{ padding-left:25px; }
.project_process .description h4{ font-size: 22px; font-weight: bold; line-height: 80px;}
.project_process .description p{ font-size: 18px; margin-bottom: 15px;}
.project_process .description p:last-child{ margin-bottom:0; }

.magento_pricing_section{ padding:60px 0 80px; background: #fdfdfd url(../images/service_bg.webp) no-repeat center bottom;  background-size: cover;}
.magento_pricing_section h3.title{ font-size:27px; font-weight:normal; position: relative; margin-bottom: 15px;}
.magento_pricing_section h3.title:after{ content:""; width:100%; height:1px; background:#ccc; position:absolute; left:0; top:50%; }
.magento_pricing_section h3.title span{ background:#fdfdfd; padding-right:15px; position:relative; display:inline-block; z-index:1; }
.magento_pricing_card{ text-align: center; overflow: hidden; position: relative; background:#fff; border-radius:30px; padding:90px 15px; box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.2); height: calc(100% - 20px); margin: 10px 0;}
.magento_pricing_card:before { content: ""; width: 100%; height: 70px; position: absolute; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: bottom center;}
.magento_pricing_card.b2c:before{ background-image: url(../images/home-sap-service-bg.png); }
.magento_pricing_card.b2b:before{ background-image: url(../images/home-ecommerce-service-bg.png); }
.magento_pricing_card.b2c_b2b:before{ background-image: url(../images/home-it-service-bg.png); }
.magento_pricing_card.adobe:before{ background-image: url(../images/home-digital-service-bg.png); }
.magento_pricing_card .heading h4{ font-size:18px; font-weight:bold; margin-bottom:5px; }
.magento_pricing_card .heading p{ font-size:14px; }
.magento_pricing_card .heading a{  color:#3095e1; text-decoration:underline; }
.magento_pricing_card .purchase_option{ margin-top:20px; }
.magento_pricing_card .purchase_option h5{ font-size:16px; font-weight:500; }
.magento_pricing_card .purchase_option h5 span{ font-size:12px; font-weight:normal; display:block; }
.magento_pricing_card .price{ font-size:18px; font-weight:normal; margin-top:15px; }
.magento_pricing_card .price span{ font-size:36px; font-weight:bold; }
.magento_pricing_card .rental_option{ border-top:1px solid #ccc; margin-top:20px; padding-top:15px; }
.magento_pricing_card .rental_option h5{ font-size:16px; font-weight:500; }
.magento_pricing_card .rental_option h5 span{ font-size:12px; font-weight:normal; display:block; }
.magento_pricing_card .rental_option p{ font-size:16px; }
.magento_pricing_card .sap_single_btn{ width:100%; position:absolute; left:0; bottom:30px; }
.magento_pricing_card .sap_single_btn a.blue_btn{ font-size:14px; border-radius:30px; padding:12px 30px; }
.magento_pricing_card.adobe .rental_option{ border-top:0; padding-top: 30px; }

.table_bg { background: #fdfdfd url(../images/service_bg.webp) no-repeat center bottom; background-size: 100%;}
.magento_pricing_table.hide{ display:none !important; }
.magento_pricing_table h2.title{ font-size:36px; font-weight:bold; position: relative; margin-bottom: 30px;}
.magento_pricing_table h2.title:after{ content:""; width:100%; height:1px; background:#ccc; position:absolute; left:0; top:50%; }
.magento_pricing_table h2.title span{ background:#fff; padding-right:15px; position:relative; display:inline-block; z-index:1; }
.magento_pricing_table table{ background: #fff; margin-bottom:0; }
.magento_pricing_table thead tr th:nth-child(1){ width:28%; border:0; }
.magento_pricing_table thead tr th{ width: 18%; border: 1px solid #fff; text-align: center; padding: 0; position: sticky; top: 68px; z-index: 1; background: #fff;}
.magento_pricing_table thead tr th .heading{ background:#3095e1; padding:20px 5px; }
.magento_pricing_table thead tr th h4{ color:#fff; font-size:18px; font-weight:600;}
.magento_pricing_table thead tr th h5{ color:#fff; font-size:14px; font-weight:500;}
.magento_pricing_table thead tr th p{ color:#fff; font-size:14px; font-weight: normal;}
.magento_pricing_table .table>:not(:first-child){ border-top:0; }
.magento_pricing_table table tbody td{ padding:12px 10px; vertical-align:middle; }
.magento_pricing_table table tbody td.row_heading{ color:#000; background:#def1ff; font-size: 18px; font-weight: 600; padding: 15px 10px; border: 0;}
.magento_pricing_table table tbody td h5{ font-size:16px; font-weight:500; margin-bottom:5px; color:#000; }
.magento_pricing_table table tbody td p{ font-size:14px; color:#555; font-weight:normal; }
.magento_pricing_table table tbody td p a{ text-decoration:underline; }
.magento_pricing_table table tbody td .price, .magento_pricing_table.mobile table tbody td .price{ font-size:24px; font-weight:600; }
.option_yes{ width:24px; height:24px; background:url(../images/checkmark.png) no-repeat center; background-size:16px;  }
.option_no{ width:24px; height:24px; background:url(../images/close.png) no-repeat center; background-size:14px; opacity: 0.7;}
.magento_pricing_table.fixed_layout table{ table-layout: fixed;}
.magento_pricing_table.fixed_layout thead tr th{ width: 100%; position:static; border-bottom: 1px solid #eee;}
.magento_pricing_table.fixed_layout thead tr th:nth-child(1){ width: 100%; border: 1px solid #fff;border-bottom: 1px solid #eee;}
.magento_pricing_table.fixed_layout table tbody td{ padding:15px; border: 1px solid #eee;}
.magento_pricing_table.fixed_layout table tbody tr:nth-child(even){ background:#eef5f9; }

.starter_table.magento_pricing_table.fixed_layout table{ table-layout:inherit; }
.starter_table.magento_pricing_table.fixed_layout thead tr th{ width:auto; }
.starter_table.magento_pricing_table.fixed_layout thead tr th:nth-child(1){ width:auto; }
.starter_table.magento_pricing_table.fixed_layout table tbody td{ font-size:14px; }
.starter_table.magento_pricing_table.fixed_layout table .price{ font-weight:500; }
.starter_table.magento_pricing_table.fixed_layout table .price span{ display: block; white-space: nowrap; font-size: 20px; font-weight:600; margin: 5px 0;}

.magento_feature_btn{ padding: 40px 0; text-align: center;}
.magento_feature_btn .magento_feature_btn_toggle{ cursor: pointer; display: inline-block; font-size:18px; font-weight:500; background: #3095e1; color: #fff; border-radius:10px; padding:15px 40px; transition:0.4s; }
.magento_feature_btn .magento_feature_btn_toggle:before{ content: "\2212"; margin-right: 5px;}
.magento_feature_btn .magento_feature_btn_toggle.toggle-hide:before{content: "\002B";}
.magento_feature_btn .magento_feature_btn_toggle:hover{ background: #032d60; color: #fff;}

.magento_pricing_table.mobile{ display:none; background:#fff;}
.magento_pricing_table.mobile .nav-tabs{ flex-wrap: nowrap; position:sticky; top:102px; background:#fff; z-index: 9; border-bottom: 0;}
.magento_pricing_table.mobile .nav-tabs .nav-link{ display: flex; flex-direction: column; background: #f2f2f2; flex: 1 0 0; color: #222; font-size: 14px; font-weight: 600; padding: 20px 5px;  border: 0; border-right: 1px solid #ddd; border-radius: 0; margin-bottom: 0;}
.magento_pricing_table.mobile .nav-tabs .nav-link span{ display:block; font-size:12px; font-weight: normal; margin-top:5px; }
.magento_pricing_table.mobile .nav-tabs .nav-link span.price{ font-size:16px; font-weight:600; }
.magento_pricing_table.mobile .nav-tabs .nav-link p { font-size: 10px; font-weight: normal; margin-top: 5px;word-break: break-word;}
.magento_pricing_table.mobile .nav-tabs .nav-link p a{ text-decoration:underline; }
.magento_pricing_table.mobile .nav-tabs .nav-link.active p a{ color: #fff;}
.magento_pricing_table.mobile .nav-tabs .nav-link:last-child{ border-right:0; }
.magento_pricing_table.mobile .nav-tabs .nav-link.active{ background: url(../images/ecommerce/magento-pricing-tab-bg.jpg) no-repeat center; background-size: cover; border-left: 0; color: #fff;}
.magento_pricing_table.mobile .heading{ padding:20px 10px; }
.magento_pricing_table.mobile .heading h3{ font-size:22px; font-weight:bold; margin-bottom:10px;}
.magento_pricing_table.mobile .heading p{ font-size:14px; font-weight:normal; margin-top:5px; }
.magento_pricing_table.mobile .heading .link_btn{ margin-top:10px; }
.magento_pricing_table.mobile .heading .link_btn a{ color: #3095e1; text-decoration: underline;}
.magento_pricing_table.mobile .heading ul li{ font-size:14px; position:relative; margin-bottom:10px; padding-left:20px; }
.magento_pricing_table.mobile .heading ul li:before{ content:"\f058"; font-family: "Font Awesome 6 Free"; font-weight: 900; position:absolute; left:0; top:1px; }
.magento_pricing_table.mobile .sub_heading{ background:#f5f5f5; font-size:13px; padding:10px; }
.magento_pricing_table.mobile .sap_single_btn{ margin-top:20px; }
.magento_pricing_table.mobile .sap_single_btn a{ font-size:14px; font-weight: normal; padding: 12px 20px; }
.magento_pricing_table table tbody td p a{ font-size:13px; }
.magento_pricing_table.mobile .price{ font-size:14px; white-space:nowrap; }
.magento_pricing_table.mobile .price span{ font-size: 24px; font-weight: 600;}
.sap_implement_table.magento_pricing_table table tbody td:nth-child(2){ text-align: center;}
.magento_pricing_table table tbody td img{ width:16px; }
.magento_pricing_table.mobile tr.accordion-toggle{ border-bottom:5px solid #fff; }
.magento_pricing_table.mobile tr.accordion-toggle .accordion_btn{ display: flex; align-items: center;}
.magento_pricing_table.mobile tr.accordion-toggle .accordion_btn:before{ content: "\f106"; font-size: 18px; line-height: 30px; font-family: "Font Awesome 6 Free"; font-weight: 900; order: 2; margin-left: auto;}
.magento_pricing_table.mobile tr.accordion-toggle.collapsed .accordion_btn:before{ content: "\f107";}
.mobile_table_fixed_layout table{ table-layout: fixed;}
.magento_pricing_table.mobile table tbody td:last-child{ min-width:80px; }

.magento_shop_section{ padding:0 0 80px; background: #fdfdfd url(../images/service_bg.webp) no-repeat center bottom;  background-size: cover; }
.magento_card{ margin: 10px 0; border-radius: 30px; height: calc(100% - 20px); padding: 40px 30px; background:url(../images/ecommerce/magento-card-bg.jpg) no-repeat center; background-size: cover; box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.2);}
.magento_card h4{ font-size: 22px; font-weight: 600; margin: 0 0 20px; }
.magento_card p{ font-size:18px; }
.magento_card ul{ font-size:18px; list-style:disc; padding-left: 16px;}
.magento_card ul li{ margin:10px 0; }

.sap_card_4{ overflow: hidden; position: relative; height: calc(100% - 20px); margin: 10px 0; text-align:center; background:#fff; padding:40px 20px 30px; border-radius: 20px; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); }
.sap_card_4:before { content: ""; width: 120%; height: 90px; position: absolute; left: -10%; top: 0; background-image: url(../images/home-sap-service-bg.png); background-size: cover; background-repeat: no-repeat; background-position: bottom center;}
.sap_card_4 .icon{ position: relative; width:90px; height:90px; background: #fff; display: flex; justify-content: center; align-items: center; margin: 0px auto; margin-bottom: 30px;  border-radius:50%; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);}
.sap_card_4 .icon img{ width:45px; height:45px; }
.sap_card_4 .icon:before{ content: ""; width:110px; height:110px; border:1px solid #00aeef; border-radius:50%; position: absolute; left:-10px; top:-10px; }
.sap_card_4 h4{ font-size:20px; font-weight:bold; margin-bottom:10px; color:#000; }
.sap_card_4 p{ font-size:16px; color:#000; margin-top: 15px;}

.sap_card_5{ height: calc(100% - 20px); margin: 10px 0; padding:30px 20px; border-radius: 20px; background: linear-gradient(180deg, rgba(130,173,252,1) 0%, rgba(180,244,253,1) 100%); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); }
.sap_card_5 h3{ font-size:24px; font-weight:bold; margin-bottom:15px; color:#000; }
.sap_card_5 h4{ font-size:20px; font-weight:bold; margin-bottom:15px; color:#000; }
.sap_card_5 p{ font-size:16px; margin-top: 15px;}
.sap_card_5 ul{ font-size:16px; margin-top: 15px; padding-left: 16px; list-style: disc;}
.sap_card_5 ul li{ margin-bottom:7px; }
.sap_card_5 ul li:last-child{ margin-bottom:0; }

.mobile_accordion .accordion-item{ margin:8px 0; border:0; }
.mobile_accordion .accordion-item:first-of-type, .mobile_accordion .accordion-item:last-of-type, .mobile_accordion .accordion-item:first-of-type .accordion-button{ border-radius:0; }
.mobile_accordion .accordion-button{ background: #def1ff; padding:15px; font-size:16px; font-weight:600; }
.mobile_accordion .accordion-button::after{ width:16px; height:16px; background-size:16px;}
.mobile_accordion .accordion-button:not(.collapsed)::after { background-image:url(../images/down-arrow.svg); }
.mobile_accordion .accordion-button:not(.collapsed){ background:#3095e1; color:#fff; box-shadow: none;}
.mobile_accordion .accordion-body{ padding-left:0; padding-right:0; }

.location_card_1{ overflow: hidden; position: relative; height: calc(100% - 20px); margin: 10px 0; text-align:center; background:#fff; padding:80px 20px 30px; border-radius: 20px; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); }
.location_card_1:before { content: ""; width: 120%; height: 60px; position: absolute; left: -10%; top: 0; background-image: url(../images/home-sap-service-bg.png); background-size: cover; background-repeat: no-repeat; background-position: bottom center;}
.location_card_1 h4{ font-size:20px; font-weight:bold; margin-bottom:10px; color:#000; }
.location_card_1 h5{ font-size:18px; font-weight:bold; margin-bottom:10px; color:#000; }
.location_card_1 p{ font-size:16px; color:#000; margin-top: 15px;}
.location_card_1 img.icon{ height:70px; }
.location_card_1.first:before{ background-image: url(../images/home-sap-service-bg.png); }
.location_card_1.second:before{ background-image: url(../images/home-ecommerce-service-bg.png); }
.location_card_1.third:before{ background-image: url(../images/home-it-service-bg.png); }
.location_card_1.fourth:before{ background-image: url(../images/home-digital-service-bg.png); }
.location_card_1.fifth:before{ background-image: url(../images/home-other-service-bg.png); }
.location_card_2{ padding: 30px 20px; background: url(../images/ecommerce/ecommerce-card-6-bg.jpg) no-repeat center; background-size: cover; margin: 10px 0; height: calc(100% - 20px); border-radius: 30px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.location_card_2 h4{ font-size:20px; font-weight: bold;}
.location_card_2 p{ font-size:16px; margin-top: 20px;}
.location_bg1 { background-image: url(../images/location-bg-1.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover;}
.location_bg2 { background-image: url(../images/location-bg-2.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: 100%;}
.location_bg3 { background-image: url(../images/location-bg-3.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.location_card_3{ background: url(../images/location-card-3-bg.jpg) no-repeat center; background-size: cover; padding:30px; overflow: hidden; position: relative; height: calc(100% - 20px); margin: 10px 0; border-radius: 20px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);}
.location_card_3 .icon { width: 120px; height: 120px; background: #fff; display: flex; justify-content: center; align-items: center; margin: 0px auto; margin-bottom: 30px; border-radius: 50%;}
.location_card_3 .icon img{ height:60px;}
.location_card_3 h4{ font-size:20px; font-weight:bold; margin-bottom:10px; color:#000; }
.location_card_3 p{ font-size:16px; color:#000; margin-top: 15px;}
.location_card_4{ background: url(../images/location-card-4-bg.jpg) no-repeat center; background-size: cover; padding:30px; overflow: hidden; position: relative; height: calc(100% - 20px); margin: 10px 0; border-radius: 20px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);}
.location_card_4 h4{ font-size:20px; font-weight:bold; margin-bottom:10px; color:#000; }
.location_card_4 p{ font-size:16px; color:#000; margin-top: 15px;}

.service_logo_section{}
.service_logo_section span{ display: inline-block; min-width: 150px; margin:5px; padding:10px 20px; border-radius:30px; border:1px solid #ccc; }
.service_logo_section img{ height:40px;}
.magento_hosting_card{ border-radius: 20px; margin: 10px 0; height: calc(100% - 20px); background: linear-gradient(90deg, rgba(50,119,234,1) 0%, rgba(50,176,234,1) 100%);}
.magento_hosting_card .heading{ padding:25px 30px; border-bottom: 1px solid #c3deff;}
.magento_hosting_card .heading h4{ color: #fff; font-size:18px; font-weight:bold; margin-bottom:10px; }
.magento_hosting_card .heading .price{ color: #c3deff; font-size:16px; }
.magento_hosting_card .heading .price span{ display: inline-block; margin-right: 5px; color: #fff; font-size:36px; font-weight:bold; }
.magento_hosting_card .heading p{ color: #c3deff; font-size:16px; margin-top: 10px;}
.magento_hosting_card .content{ padding:25px 30px; }
.magento_hosting_card .content ul li{ font-size:16px; color:#fff; position:relative; margin-bottom:15px; padding-left:22px; }
.magento_hosting_card .content ul li:before{ content:"\f058"; font-family: "Font Awesome 6 Free"; font-weight: 900; position:absolute; left:0; top:1px; }
.magento_card_row5{ display:flex; flex-wrap:wrap; margin:0 -5px; }
.magento_card_row5 .item{ width:20%; padding:0 5px; }
.magento_card_2{ padding:20px; border-radius: 20px; margin: 5px 0; height: calc(100% - 10px); color: #fff; background: linear-gradient(0deg, rgba(0,120,212,1) 0%, rgba(58,196,242,1) 100%); }
.magento_card_2 .icon{ margin-bottom:20px; }
.magento_card_2 .icon img{ max-height:70px; }
.magento_card_2 h4{ font-size:18px; font-weight:600; margin-bottom:15px; }
.magento_card_2 p{ font-size:16px; }
.magento_card_3{ text-align: center; border:1px solid #333; border-radius:20px; padding:30px; margin:10px 0; height:calc(100% - 20px); }
.magento_card_3 .icon{ margin-bottom:20px; }
.magento_card_3 .icon img{ max-height:70px; }
.magento_card_3 h3{ font-size:24px; font-weight:600; margin-bottom:15px;}
.magento_card_3 h4{ font-size:20px; font-weight:600; margin-bottom:15px; }
.magento_card_3 p{ font-size:16px; }

.magento_hosting_table{}
.magento_hosting_table thead th{ padding:10px 8px; font-size:18px; font-weight:600; }
.magento_hosting_table .heading{ text-align:center; }
.magento_hosting_table .heading h4{ font-size:22px; font-weight:600; }
.magento_hosting_table .heading p{ font-size:14px; font-weight: 300; margin-bottom: 5px;}
.magento_hosting_table .table>:not(:first-child){ border-top:0; }
.magento_hosting_table table td{ padding:8px 10px; font-size:16px; border-right:1px solid #ddd; }
.magento_hosting_table table td:last-child{ border-right:0; }
.magento_hosting_table table td:nth-child(1){ padding-left:0; }
.magento_hosting_table table td.row_heading{ font-size:20px; font-weight:600; padding-top: 30px;}
.check .fa{ color:#3277ea; font-size:22px; }
.ingold_stack{ display:flex; align-items:center; justify-content:center; gap:10px; font-size:30px; font-weight:500; }
.ingold_stack span{ display: inline-block; }
.ingold_stack span.label{ padding:15px 20px; font-size:18px; color:#fff; }
.ingold_stack span.value{ font-weight:600; }

.sap_pricing_card{ border-radius:20px; background:#e9f6fd; overflow:hidden; box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.2); margin:10px 0; height:calc(100% - 20px); }
.sap_pricing_card .heading{ background:#3095e1; color: #fff; text-align:center; padding:20px 15px; }
.sap_pricing_card .heading h3{ font-size:24px; font-weight:600; }
.sap_pricing_card .subheading{ background:#e5e5e5; padding:5px 20px; font-size:16px; font-weight:500; }
.sap_pricing_card .content{ background: #fff; padding:20px; font-size:14px; }
.sap_pricing_card .price span{ font-size:24px; font-weight:bold; }
.sap_pricing_card ul{ padding:20px;}
.sap_pricing_card ul li{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc; }
.sap_pricing_card ul li:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:0; }
.sap_pricing_card ul li h4{ font-size:18px; font-weight:600; }
.sap_pricing_card ul li p{ font-size:14px; }

.sap_card_6{ background:#2370bf; color:#fff; padding:30px; border-radius:20px; }
.sap_card_row5{ display:flex; flex-wrap:wrap; margin:0 -5px; }
.sap_card_row5 .item{ width:20%; padding:0 5px; }
.sap_card_7{ padding: 30px 20px 20px; border-radius: 20px; margin: 5px 0; height: calc(100% - 10px); background: linear-gradient(90deg, rgba(50, 119, 234, 1) 0%, rgba(50, 176, 234, 1) 100%);}
.sap_card_7 .icon{ position: relative; width:80px; height:80px; background: #fff; display: flex; justify-content: center; align-items: center; margin: 0px auto; margin-bottom: 20px; border-radius:50%; }
.sap_card_7 .icon img{ width:44px; height:44px; }
.sap_card_7 .icon:before{ content: ""; width:100px; height:100px; border:1px solid #fff; border-radius:50%; position: absolute; left:-10px; top:-10px; transition:0.4s; }
.sap_card_7 h4{ color: #fff; font-size:18px; font-weight:600; margin-bottom:15px; }
.sap_card_7 p{ color: #fff; font-size:14px; }

.sap_card_8{ color: #fff; padding: 20px 15px; border-radius: 10px; margin: 10px 0; height: calc(100% - 20px); background: linear-gradient(180deg,rgba(0, 106, 180, 1) 0%, rgba(0, 174, 233, 1) 100%); }
.sap_card_8 .icon{ width:80px; height:80px; background:#fff; border-radius:50%; margin-bottom:15px; display:flex; align-items:center; justify-content:center; }
.sap_card_8 .icon img{ max-height:40px; max-width:40px; }
.sap_card_8 h4{ font-size:18px; font-weight:600; margin-bottom:15px; }
.sap_card_8 p{ font-size:14px; margin-bottom:15px; }
.sap_card_8 ul{ list-style:disc; padding-left:16px; font-size:14px; }
.sap_card_8 ul li{ margin-bottom:8px; }
.sap_card_8 .link{ margin-top:20px; }
.sap_card_8 .link a{ display:inline-block; color:#fff; font-size:14px; }
.sap_card_8 .link a:before{ content:"\f061"; font-family: "Font Awesome 6 Free"; font-weight: 900; display:inline-block; margin-right:5px; }
.sap_card_8 .link a:hover{ text-decoration:underline; }

.addon_banner.sap_main_banner{ padding:30px 0; }
.addon_banner.sap_main_banner .service_logo{ width: 70px; height: 70px; padding: 0; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;}
.addon_banner.sap_main_banner h1{ font-size:30px; }
.addon_banner.sap_main_banner ul{ font-size:16px; }
.addon_banner.sap_main_banner h3{ font-size:22px; }
.addon_table_box{ background:#268cd3; padding:30px; }
.addon_table_box h4{ font-size:20px; font-weight:bold; color:#fff; margin:0 0 20px; }
.addon_table_box h5{ font-size:18px; font-weight:bold; color:#fff; padding-bottom: 5px; border-bottom: 1px solid #fff; margin-bottom: 10px;}
.addon_table_box .table{ margin-bottom:20px; }
.addon_table_box .table>:not(caption)>*>*{ background-color:transparent; }
.addon_table_box .table tr td{ border:0; color:#fff; font-size:15px; padding: 8px 0;}
.addon_table_box .table tr td.price{ font-size:16px; font-weight:bold; text-align:right; white-space:nowrap; }
.addon_table_box .table tr td:nth-child(1){ padding-right:10px; }
.addon_table_box .table tr td:nth-child(2){ padding-left:10px; }
.addon_table_box .sap_single_btn a{ display: block; background:#fff; color:#268cd3; font-size: 16px; font-weight: 500; text-align:center; }
.platform_section{ display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -5px;}
.platform_section .item { width: 20%; padding: 5px;}
.platform_box { display: block; padding: 20px; display: flex; justify-content: center; align-items: center; text-align: center; height: 140px; border-radius: 20px; background: #fff; box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.2) !important;}
.platform_box img { width: 100%; max-width: 90%; max-height: 60px; transition: 0.4s;}
.platform_box:hover img { transform: scale(1.05);}
.addon_card_1{ background: url(../images/SAP/addon-card-1-bg.jpg) no-repeat center; background-size: cover; padding:40px 30px; text-align:center; border-radius: 20px; margin: 10px 0; height: calc(100% - 20px); font-family: 'SFProDisplay'; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.addon_card_1 .icon{ position: relative; display: inline-flex; justify-content: center; align-items: center; margin-bottom:30px; width:80px; height:80px; border-radius: 50%; background: #fff; transition: 0.4s;}
.addon_card_1 .icon:before { content: ""; width: 110px; height: 110px; border: 1px solid #fff; border-radius: 50%; position: absolute; left: -15px; top: -15px;}
.addon_card_1 .icon img{ max-height:44px; max-width: 44px; }
.addon_card_1 h4{ font-size:20px; font-weight: 600; color: #000; transition: 0.4s;}
.addon_card_1 p{ font-size:16px; color:#000; margin-top:15px; transition: 0.4s;}
.help_section { display: flex; justify-content: center; align-items: center;}
.help_section .help_text { font-size: 22px; font-weight: 500; color: #fff; margin-right: 20px;}
.help_section .sap_single_btn { display: flex; justify-content: center; gap: 10px;}
.help_section .sap_single_btn a{ font-size: 16px; background: #3095e1; color: #fff;}
.help_section .sap_single_btn i{ margin-right:5px; }
.img_bg_round { display: inline-block; background: #fff; padding: 15px 30px; border-radius: 50px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.img_bg_round img { height: 50px;}
.solution_box{ margin: 10px 0;}
.solution_box img { width: 100%;}
.solution_box h4 { font-size: 20px; font-weight: bold; margin-top: 15px;}
.solution_box .sap_single_btn a{ font-size: 16px; background: #3095e1; color: #fff;}
.addon_bg_1{ background-image:url(../images/SAP/addon-bg-1.jpg); background-repeat:no-repeat; background-position:bottom center; background-size:100%; }
.dms_services_logo{ display:flex; align-items:center; justify-content: center;}
.dms_services_logo span{ display:inline-flex; padding:20px 15px; border-right: 1px solid #ccc;}
.dms_services_logo span:last-child{ border-right:0; }
.dms_services_logo img{ max-height:100px; }
.ecommerce_platforms{display: flex;flex-direction: column;align-items: center;}
.ecommerce_platforms .platform_items {display: flex;flex-direction: row;align-items: center;gap: 20px;justify-content: center;margin-top: 20px;}
.ecommerce_platforms .platform_item { background: #fff; box-shadow: 0px 0px 8px 4px rgba(204,196,204,0.3); padding: 20px; width: 310px; height: 180px;}
.ecommerce_platforms .platform_item h4{ font-size: 18px; font-weight: 600; margin-bottom: 15px;}
.ecommerce_platforms .platform_item p{ font-size: 15px;}
.ecommerce_platforms .plus-container { position: relative; display: flex; justify-content: center; align-items: center;}
.ecommerce_platforms .plus { font-size: 100px; font-weight: bold; position: absolute; color: #134b86; bottom: -50px;}

.secirity_link ul{ display:flex; flex-wrap:wrap; margin:0 -10px; padding-left:0; list-style:none; }
.secirity_link ul li{ width:50%; padding:10px; margin-bottom:0; }
.secirity_link ul li a{ display:block; background: #eff8fe; border-radius: 6px; color:#333; font-size: 18px; font-weight: 500; padding:15px 15px; border: 1px solid #d8dbdd; position: relative; padding-right: 35px;}
.secirity_link ul li a:after{ content:"\f08e"; font-family: "Font Awesome 6 Free"; font-weight: 900; position:absolute; right:15px; top:20px; }
.secirity_link ul li a:hover{ color:#0083e6; }

.home_erp_pricing_table { display: flex; flex-direction: column; background: url(../images/home_market_item-bg.jpg) no-repeat center; background-size: cover; margin: 10px 0; height: calc(100% - 20px); border-radius: 20px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.home_erp_pricing_table .icon { position: relative; width: 110px; height: 110px; background: #fff; display: inline-flex; justify-content: center; align-items: center; margin: 40px auto; border-radius: 50%; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);}
.home_erp_pricing_table .icon:before { content: ""; opacity: 0.5; width: 140px; height: 140px; border: 4px solid #fff; border-radius: 50%; position: absolute; left: -15px; top: -15px; transition: 0.4s;}
.home_erp_pricing_table .icon img { width: 54px; height: 54px;}
.home_erp_pricing_table .heading{ text-align: center; padding: 10px; color: #fff; background: linear-gradient(104deg,rgba(0, 106, 180, 1) 0%, rgba(0, 174, 233, 1) 100%); }
.home_erp_pricing_table .heading span{ display:block; font-size:20px; font-weight:500; }
.home_erp_pricing_table .heading h3{ font-size:25px; font-weight:bold; }
.home_erp_pricing_table .content{ padding:20px; text-align:center; }
.home_erp_pricing_table .content p{ font-size:17px; }
.home_erp_pricing_table .price{ text-align:center; font-size:22px; margin-top:25px; }
.home_erp_pricing_table .price small{ display: block; font-size:14px; }

/*Career Page*/
.career_banner{ position: relative; background: url(../images/career-bg.jpg) no-repeat center; background-size: cover;}
.career_banner:before{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.6); position: absolute; left: 0; top: 0; }
.career_title{ padding: 160px 0; text-align: center; position: relative; }
.career_title h1{ color: #fff; font-size: 60px; text-transform: uppercase; font-weight: 600; margin-bottom: 20px; }
.career_title p{ color: #fff; font-size: 20px; }
.current_opening{ padding: 40px 0;}
.current_opening .title{ text-align: center; margin-bottom: 20px; }
.current_opening .title h3{ font-size: 36px; font-weight: 600; margin-bottom: 10px; }
.current_opening .title p{ font-size: 18px; color: #333; }
.current_opening .title p a{ font-weight:600; text-decoration:underline; }
.job_item{ padding: 25px 30px; border: 1px solid #ccc; border-radius: 10px; background: #fff; position: relative; margin: 12px 0; height: calc(100% - 24px);}
.job_item h3{ font-size: 24px; font-weight: 600;  min-height: 48px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.job_item p{ font-size: 16px; color: #666; margin-top: 15px;}
.job_item .category{ margin-top:10px; color: #333; font-size: 16px; line-height: 24px; padding-left: 30px; background-image: url(../images/suitcase.png); background-position: left center; background-repeat: no-repeat; background-size: 20px; }
.job_item .location{ margin-top:10px; color: #333; font-size: 16px; line-height: 24px; padding-left: 30px; background-image: url(../images/location.png); background-position: left center; background-repeat: no-repeat; background-size: 20px; }
.job_item .date{ margin-top:10px; color: #333; font-size: 16px; line-height: 24px; padding-left: 30px; background-image: url(../images/calendar.png); background-position: left center; background-repeat: no-repeat; background-size: 20px; }
.job_item .job_btns{ display:flex; align-items:center; justify-content: space-between; margin-top: 30px;}
.job_item .job_btns a{ color: #000; font-size: 16px; border: 1px solid #ccc; border-radius: 6px; padding: 4px 20px 4px 4px; display: flex; align-items: center; gap: 12px; cursor: pointer; transition: all 0.4s ease-in-out;}
.job_item .job_btns a span { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: #000; color: #fff; border-radius: 4px;}
.job_item .job_btns a span i{ transition: all 0.4s ease-in-out; }
.job_item .job_btns a:hover{ background:#000; border-color:#000; color:#fff; }
.job_item .job_btns a:hover span{ background: #fff; color: #000; }
.job_details{ padding:40px 0; }
.job_details .title{ margin-bottom:40px; padding-bottom: 10px; border-bottom:1px solid #ccc; }
.job_details .title h1{ font-size:36px; font-weight:600; }
.job-description h4{ font-size: 22px; font-weight: 600; margin-bottom: 15px; }
.job-description p{ font-size: 16px; line-height: 22px; color: #000; margin-bottom: 15px; }
.job-description ul, .job-description ol{ list-style: inherit; padding-left: 15px; }
.job-description li{ color: #000; font-size: 16px; line-height: 22px; margin-bottom: 5px; }
.job-description li::before { color: #666; content: "\f101"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 12px; left: 0; position: absolute; top: 0;}
.job_short_info{ background: #fff; box-shadow: 0px 2px 5px rgba(69, 48, 48, 0.2); border-radius: 10px 10px 6px 6px; position: sticky; top: 90px;}
.job_short_info ul{ padding: 30px;}
.job_short_info ul li { list-style: none; padding-bottom: 10px; font-size: 18px; font-weight: 500; line-height: 30px; color: #000;}
.job_short_info ul li:last-child{ padding-bottom:0; }
.job_short_info ul li span { font-size: 14px; font-weight: normal; line-height: 30px; text-transform: uppercase; color: #666; display: block;}
.job_short_info a { display: block; border: 0; text-align: center; font-size: 18px; color: #fff; background: #000; border-radius: 0px 0px 6px 6px; width: 100%; padding: 20px 0; transition: all 0.4s ease-in-out;}
.job_short_info a:hover{ background:#3095e1; color:#fff; }

.team_work_process{ position:relative; display:flex; flex-direction: column;}
.team_work_process:before{ content:""; width:1px; background:#a5a5a5; position: absolute; left: 50%; top: 40px; bottom: 90px;}
.team_work_process .item{ width: calc(50% - 30px); padding:30px; border:1px solid #3ba9ea; border-radius:15px; margin-bottom:15px; position:relative; }
.team_work_process .item:nth-child(odd){ align-self: flex-end; }
.team_work_process .item:before{ content:""; width:24px; height:24px; background:#3ba9ea; border-radius:50%; position:absolute; right:-43px; top:30px; }
.team_work_process .item:nth-child(odd):before{ left:-43px; right:auto; }
.team_work_process .item:nth-child(4n + 1):before{ background:#3ba9ea; }
.team_work_process .item:nth-child(4n + 2):before{ background:#eba920; }
.team_work_process .item:nth-child(4n + 3):before{ background:#a69f36; }
.team_work_process .item:nth-child(4n + 4):before{ background:#629880; }
.team_work_process h4{ font-size:20px; font-weight:bold; margin-bottom: 15px;}
.team_work_process ul{ padding-left:17px; list-style: disc; font-size:18px; }
.team_work_process ul li{ margin-bottom:4px; }
.team_work_process ul li:last-child{ margin-bottom:0; }
.certified_partner{ text-align: center; background:#fff; padding:30px; border-radius:12px; height:calc(100% - 20px); margin:10px 0; box-shadow: 0 25px 100px 0 rgb(0 0 0 / 15%); }
.certified_partner .img{ height:100px; display:flex; justify-content:center; align-items:center; }
.certified_partner img{ max-height:100px; max-width:80%; display:inline-block; }
.certified_partner h4{ font-size: 18px; font-weight: 600; margin-top:20px; }

ul.column2_list{ columns: 2; -webkit-columns: 2; -moz-columns: 2; gap: 60px;}
ul.column2_list li{ font-size:18px; margin-bottom:10px; break-inside: avoid;}
.multibaning_steps{ background:#25c5bc; padding:30px 40px; }
.multibaning_steps h4{ color: #fff; font-size:24px; font-weight:bold; margin-bottom:20px; }
.multibaning_steps li{ margin-bottom:20px; display: flex; align-items: center; font-size:20px; font-weight:500; color: #fff;}
.multibaning_steps li .icon{ margin-right: 15px; display: inline-block; flex:0 0 70px; height:70px; background:#124b85; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.multibaning_steps li .icon img{ height:36px; }

/*New contact css*/
.contact_header{ font-family: 'SFProDisplay'; text-align: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc;}
.contact_header h1{ font-size:30px; font-weight: bold; margin-bottom: 30px;}
.contact_header p{ font-size:18px; }
.contact_persons{ font-family: 'SFProDisplay';}
.contact_persons h3.title{ font-size:24px; font-weight: 500; text-align:center; margin-bottom: 30px;}
.contact_persons .seavice_heading{ font-size: 18px; font-weight: 500; color: #000; padding: 15px; text-align: center; text-transform: uppercase; background-image:url("{!! asset('design/front/images/contact-service-bg-1.jpg') !!}"); background-repeat: no-repeat; background-position: center; background-size:cover; }
.contact_persons .seavice_heading.ecommerce{ background-image:url("{!! asset('design/front/images/contact-service-bg-2.jpg') !!}");}
.person_info{ display:flex; flex-wrap:wrap; padding:40px 20px;}
.person_info .person_details{ width:50%; }
.person_details h4{ font-size:24px; font-weight:500; }
.person_details p{ font-size:16px; }
.person_info .person_img{ width:50%; display: flex; justify-content: flex-end;}
.person_info .person_img .img_thumb{ width:220px; height:220px; border:1px solid #bdbdbd; border-radius:50%; overflow:hidden; }
.person_info .person_img .img_thumb img{ border-radius:50%; }
.person_info .email_btn{ position:relative; }
.person_info .email_btn input{ position:absolute; opacity:0; z-index:-1; }
.person_info .email_btn button{ position: relative; width: 160px; max-width: 100%; text-align: center; display:inline-block; background:#116ae5; color:#fff; font-size:16px; text-transform:uppercase; padding:12px 30px; border: 0;}
.person_info .email_btn button.green_bg{ background:#397338; }
.person_info .email_btn span { display: none; position: absolute; left: 170px; top: 10px; padding: 5px 15px; border-radius: 20px; background: #116ae5; color: #fff;    font-size: 14px; text-transform: initial;}
.person_info .email_btn button.green_bg span{ background: #397338; }
.person_info .email_btn:hover span{ display:block; }
.person_info .call{ margin-top:20px; }
.person_info .call a{ font-size:16px; font-weight: 500; color:#000; }
.person_info .call a img{ height:18px; margin-right:10px; }

.contact_form_section{ font-family: 'SFProDisplay'; }
.contact_form_section .title{ margin-bottom:30px; text-align:center; }
.contact_form_section .title h3{ font-size:22px; font-weight:500; margin-bottom:5px; position:relative; }
.contact_form_section .title h3:before{ content:""; width:100%; height:1px; background:#ccc; position:absolute; left:0; top:50%; }
.contact_form_section .title h3 span{ background:#fff; padding:0 15px; position: relative;}
.contact_form_section .title p{ font-size:14px; }
.contact_form_section .form-group{ margin-bottom:20px; }
.contact_form_section .form-group label{ font-size:16px; font-weight:500; margin-bottom:5px; }
.contact_form_section .form-group .form-control{ font-size: 16px; height:44px; border-radius: 0px;}
.contact_form_section .form-group textarea.form-control{ height:120px; }
.contact_form_section .form-group .form-control:focus{ outline:none; box-shadow:none; }
.contact_form_section .radio_group{ display: flex; flex-wrap: wrap; margin: 10px -12px 0 -12px;}
.contact_form_section .radio_group label{ width: 33.33%; margin: 0 0 15px; padding:0 12px; position:relative; cursor: pointer;}
.contact_form_section .radio_group label input[type="radio"]{ opacity:0; position:absolute; visibility:hidden; }
.contact_form_section .radio_group label span{ font-weight:normal; padding-left: 27px; position: relative; display: block;}
.contact_form_section .radio_group label span:before{ content:""; width:18px; height:18px; border:1px solid #ced4da; border-radius:50%; position: absolute; left: 0; top: 0;}
.contact_form_section .radio_group label input[type="radio"]:checked + span:before{ border-color:#116ae5; }
.contact_form_section .radio_group label input[type="radio"]:checked + span:after{ content:""; width:10px; height:10px; background:#116ae5; border-radius: 50%; position: absolute; left:4px; top:4px; }
.contact_form_submit{ background:#116ae5; color:#fff; padding:15px 30px; font-size:16px; text-transform:uppercase; border:0; transition: 0.4s;}
.contact_form_submit:hover{ background:#0063ad; color:#fff; }

.contact_bottom_info{ font-family: 'SFProDisplay'; padding:0 0 50px; background-image:url("{!! asset('design/front/images/contac-bottom-bg.jpg') !!}"); background-repeat: no-repeat; background-position: center; background-size:cover; }
.contact_bottom_info h2.title{ font-size:30px; font-weight:600; margin-bottom:30px; position:relative; text-align:center; }
.contact_bottom_info h2.title:before{ content:""; width:100%; height:1px; background:#ccc; position:absolute; left:0; top:50%; }
.contact_bottom_info h2.title span{ background:#fff; padding:0 15px; position: relative;}
.contact_bottom_info .service_col{ margin:10px 0; height: calc(100% - 20px); padding-bottom: 40px;}
.contact_bottom_info .service_col .icon{ margin-bottom:40px; }

@media(max-width:1200px){
  .contact_persons .seavice_heading{ font-size:17px; }
  .contact_form_section .radio_group label{ width:50%; }
}
@media(max-width:767px){
  .contact_header h1{ font-size:24px; margin-bottom:15px; }
  .contact_header p{ font-size:16px; }
  .contact_persons h3.title{ font-size:20px; margin-bottom:20px; }
  .contact_persons .seavice_heading{ font-size:13px; padding:15px 10px; }
  .person_info{ padding:20px 0; justify-content: space-between;}
  .person_info .person_img{ order:1; width:100px; }
  .person_info .person_img .img_thumb{ width:100px; height:100px; }
  .person_info .person_details{ order: 2; width:calc(100% - 120px); }
  .person_details h4{ font-size:20px; }
  .person_details p{ font-size:14px; }
  .person_info .email_btn button{ width:120px; font-size:14px; padding:10px 30px; }
  .person_info .email_btn span{ left:130px; font-size:13px; top:5px; }
  .person_info .call{ margin-top:10px; }
  .person_info .call a{ font-size:14px; }
  .person_info .call a img{ height:16px; }
  .contact_form_section .title h3{ font-size:20px; }
  .contact_form_section .form-group label{ font-size:15px; }
  .contact_form_section .radio_group label{ width:100%; }
  .contact_bottom_info h2.title{ font-size:24px; }
}
.calendly-inline-widget{ margin-top:-20px; }