:root {
  --bs-blue: #249cdd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #59ba1f;
  --bs-secondary: #6c757d;
  --bs-success: #59ba1f;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-blue-rgb: 36, 156, 221;
  --bs-primary-rgb: 89, 186, 31;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 89, 186, 31;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 0, 0, 0;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: "Epilogue", sans-serif;
  --bs-body-font-size: 1.125rem; /* 1.12vw; */
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.6;
  --bs-body-color: #000;
  --bs-body-bg: #FFF;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #DEDEDE;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.13);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}


::-moz-selection { background: #59ba1f; color: #fff; text-shadow: none;}
::selection { background: #59ba1f; color: #fff; text-shadow: none;}
body{ overflow-x: hidden; -webkit-font-smoothing: antialiased; -webkit-overflow-scrolling: touch;}
body.front{ background: #F9F9F9;}
/*.mobile{ overflow: hidden; height: 100%; width: 100%; -webkit-overflow-scrolling: touch;}
.mobile body{ overflow-x: hidden; overflow-y: auto; height: 100%; width: 100%; -webkit-overflow-scrolling: touch;}*/

h1,
h2 { font-family: var(--bs-body-font-family); font-weight: 700;}
h1 { font-size: 5rem; line-height: 5.75rem;}
h2 { font-size: 2.5vw; line-height: 3.4vw;}
h3 { font-size: 2.009vw; line-height: 2.3vw; font-weight: 700;}
h4 { font-size: 1.8vw; line-height: 2.25vw; font-weight: 700;}
h5 { font-size: 1.5rem; line-height: 1.875rem;}
h6 { font-size: 1.25rem; line-height: 1.625rem;}
p:first-child { margin-top: 0;}
a{ color: #59ba1f; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; outline: none;}
a:hover{ color: #234;}
a:hover,
a:link { text-decoration: none; outline: none;}
img { border: 0; max-width: 100%;}
.overflow-hidden { overflow: hidden;}
.text-green { color: #59ba1f;}
.text-blue { color: #3fb4f4;}
.text-dark { color: #234;}
.text-light { color: #fff;}
.text-red { color: #f25959;}
.font-light,
.font-light *{ font-weight: 300;}
.font-normal,
.font-normal *{ font-weight: normal;}
.font-medium,
.font-medium *{ font-weight: 500;}
.font-bold,
.font-bold *{ font-weight: bold;}
.no-padding{ padding: 0;}
.no-padding-top{ padding-top: 0;}
.no-padding-bottom{ padding-bottom: 0;}
.no-padding-left{ padding-left: 0;}
.no-padding-right{ padding-right: 0;}
.tt-none{ text-transform: none;}
.tt-upper{ text-transform: uppercase;}
.h-100{ height: 100%;}
.w-100{ width: 100%;}

main{ position: relative; z-index: 2; width: 100%; overflow: hidden;}
/* .container { max-width: 100%;} */
.container-auto{ --bs-gutter-x: 252px; padding-left: calc(var(--bs-gutter-x) * .5); padding-right: calc(var(--bs-gutter-x) * .5); width: 100%; max-width: 100%; margin-right: auto; margin-left: auto;}
.container-fluid{ padding-right: 100px; padding-left: 1.25rem; width: 100%; max-width: 100%;}
.container-full{ padding-right: 0; padding-left: 0; width: 100%; max-width: 100%;}

/*Header Style*/
.header{ position: fixed; width: 100%; left: 0; height: 88px; top: 0; background-color: transparent; display: flex; align-items: center; z-index: 9995; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
body.front .header,
.header-alt{ background-color: #171B2B;}
.header-fixed{ height: 70px; background-color: #171B2B; box-shadow: 0 0 1px rgba(0, 0, 0, .4);}

.logo-link{ display: block; position: relative; z-index: 2; width: 260px; height: 54px; text-indent: -999px; background-position: center center; background-size: 100% auto; overflow: hidden; background-image: url(../img/logo.svg); background-repeat: no-repeat;}
.header-fixed .logo-link{ width: 230px;}

.nav-collapse{ width: 5rem; height: 100%; position: absolute; top: 0; right: 0; background-color: transparent; border-left: 1px solid transparent; z-index: 2; transition: all .4s ease-in-out;}
.header-fixed .nav-collapse{ background-color: #171B2B;}
.navbar-mobile .nav-collapse { display: block;}
.header-fixed .nav-collapse,
.nav-collapse-active { top: 0;}
.nav-collapse-item,
.nav-collapse-item { position: absolute; top: 50%; left: 50%; margin-left: -14px; width: 28px; height: 2px; margin-top: -1px; background-color: #F9F9F9; cursor: pointer; -webkit-transition: all .2s; transition: all .2s;}
.header-fixed .nav-collapse-item,
.header-mobile .nav-collapse-item { background-color: #F9F9F9;}
.nav-collapse-item-1 { -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px);}
.nav-collapse-item-3 { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px);}
.nav-collapse-active .nav-collapse-item-1 { -webkit-transform: translateY(0) rotate(45deg); -ms-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg);}
.nav-collapse-active .nav-collapse-item-2 { -webkit-transform: scale(.1, 1); -ms-transform: scale(.1, 1); transform: scale(.1, 1);}
.nav-collapse-active .nav-collapse-item-3 { -webkit-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg);}

.sidebar{ position: fixed; top: 0; right: 0; bottom: 0; width: 81px; background-color: transparent; border-left: 1px solid transparent; z-index: 1;transition: all .4s ease-in-out;}
.sidebar:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #171B2B; transition: all .4s ease-in-out;}
.header-mobile .sidebar{ border-color: var(--bs-border-color);}
.header-mobile .sidebar:before{ height: 100%;}
.sidebar .social-links-menu{ display: flex; flex-flow: column; justify-content: flex-end; align-items: center; position: relative; z-index: 1; height: 100%; width: 100%; margin: 0; padding: 0;}
.sidebar .social-links-menu li{ display: inline-block; margin-bottom: 1.25rem;}
.sidebar .social-links-menu a,
.sidebar .social-links-menu a:focus{ height: 1.75rem; width: 1.75rem; background-color: #fff; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center;}
.sidebar .social-links-menu li.facebook a { background-color: #3b5998;}
.sidebar .social-links-menu li.twitter a { background-color: #1DA1F2;}
.sidebar .social-links-menu li.linkedin a { background-color: #0077B5;}
.sidebar .social-links-menu li.clutch a { background-color: #173139;}
.sidebar .social-links-menu li a:hover { background-color: #333; color: #fff;}
.sidebar .social-links-menu li.facebook a:hover { background-color: #3b5998;}
.sidebar .social-links-menu li.twitter a:hover { background-color: #1DA1F2;}
.sidebar .social-links-menu li.linkedin a:hover { background-color: #0077B5;}
.sidebar .social-links-menu li.clutch a:hover { background-color: #173139;}
.sidebar .social-links-menu .icon { height: 1rem; width: 1rem; fill: currentColor; position: relative; top: 0;}

/*Navbar Style*/
.navbar-nav{ position: absolute; top: 100vh; left: 0; width: 100%; height: 100vh; padding: 5.5rem 0 0; background: #171B2B; overflow: hidden; margin: 0; display: block; border-top: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; box-shadow: -5px 5px 50px rgba(0,0,0,0.15);}
.header-mobile .navbar-nav{ top: 0;}
.navbar-nav > .container-auto{ height: 100%; overflow-y: auto;}
.navbar-nav > .container-auto > .row{ height: 100%;}
.navbar-nav ul{ list-style: none; margin: 0; padding: 0;}
.nav-main{ text-align: right;}
.nav-main li{ margin-bottom: 3rem;}
.nav-main li a{ padding-right: 3.5vw; font-size: 3vw; line-height: 1; font-weight: bold; text-transform: uppercase; color: #fff; opacity: .5; background-position: right 1rem center; background-size: 1.45vw auto; background-repeat: no-repeat; display: inline-block;}
.nav-main li a:hover,
.nav-main li a.active{ opacity: 1; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none' stroke='%23FFFFFF' stroke-width='4'%3e%3cpath d='M2.009,2.009l23.982,23.982 M5.362,25.991h20.629V5.362'/%3e%3c/svg%3e");}

.menu-wrap{ position: relative; min-height: 100%;}
.menu-wrap .nav-items{ position: absolute; left: 0; top: 0; width: 100%; padding-left: 3rem; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out;}
.menu-wrap .nav-items.active{ opacity: 1; visibility: visible;}
.menu-wrap .nav-items .nav-item{ margin-bottom: 1rem; font-size: 1rem; line-height: 1.5;}
.menu-wrap .nav-items .nav-item a{ color: #fff; display: inline-block;}
.menu-wrap .nav-items:hover .nav-item a{ opacity: .5;}
.menu-wrap .nav-items .nav-item a:hover,
.menu-wrap .nav-items .nav-item a.active{ opacity: 1;}
.menu-wrap .nav-items.col-2{ display: flex; flex-wrap: wrap; width: 80%;}
.menu-wrap .nav-items.col-2 .nav-item{ width: 50%;}

.nav-bottom{ display: flex; flex-wrap: wrap; justify-content: center; gap: 3rem;}
.nav-bottom .nav-item a{ padding-right: 2.75vw; font-size: 3vw; line-height: 1; font-weight: bold; text-transform: uppercase; color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none' stroke='%23FFFFFF' stroke-width='4'%3e%3cpath d='M2.009,2.009l23.982,23.982 M5.362,25.991h20.629V5.362'/%3e%3c/svg%3e"); background-position: right center; background-size: 1.45vw auto; background-repeat: no-repeat; display: inline-block;}
.nav-bottom:hover .nav-item a,
.nav-bottom.active .nav-item a{ opacity: .5;}
.nav-bottom .nav-item a:hover,
.nav-bottom.active .nav-item.active a{ opacity: 1;}

.nav-contact-info{ display: inline-flex; gap: 2.5rem; font-size: 1rem; line-height: 1; color: #fff; padding: 3rem 0; margin: 3rem auto 0; border-top: 1px solid #fff;}
.nav-contact-info a{ color: #fff;}

.nav-list { margin: 0; padding: 0; list-style-type: none;}
.nav-list-item { position: relative; vertical-align: top; display: inline-block;}
.nav-list-item + .nav-list-item { margin-left: 50px;}
.nav-list-item:last-child { margin-left: 30px;}
.nav-list-link,
.nav-list-link:focus { position: relative; display: block; padding-top: 12px; padding-bottom: 11px; font-family: Avenir, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 300; line-height: 14px; color: #fff; text-decoration: none; text-transform: uppercase; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
.nav-list-link:hover { text-decoration: none; color: #fff;}
.nav-list-link:after { content: ''; display: block; position: absolute; width: 0; height: 2px; bottom: 0; background-color: #fff; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.nav-list-item-btn .nav-list-link { line-height: 15px; border: 1px solid #fff; border-radius: 2px; padding: 10px 24px;}
.nav-list-item-btn .nav-list-link:hover { color: #000; background-color: #fff; text-decoration: none;}
.nav-list-item-btn .nav-list-link:after { display: none;}
.nav-list-item-hover .nav-list-link:after,
.nav-list-item.active .nav-list-link:after{ width: 100%;}

/* .header-mobile .navbar-overlay{ visibility: visible; opacity: 1; height: 100vh; width: 100%; background: rgba(255,255,255,0.8); position: absolute; left: 0; top: 0; z-index: -1; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} */

/*Navbar Dropdown Style*/
.nav-dropdown { display: none; margin: 0; padding: 0; list-style-type: none; background-color: #fff; overflow: hidden; -webkit-box-shadow: 3px 3px 14px rgba(0, 0, 0, .1); box-shadow: 3px 3px 14px rgba(0, 0, 0, .1); -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.nav-list-item-hover > .nav-dropdown { max-height: 600px; visibility: visible;}
.nav-dropdown-link { display: block; font-weight: 300; font-size: 13px; line-height: 16px; color: #444; text-decoration: none; border-bottom: 1px solid #e6e8ea; -webkit-transition: color .2s ease; transition: color .2s ease; padding: 14px 20px;}
.nav-dropdown-item .nav-dropdown-link:focus{ color: #444; text-decoration: none;}
.nav-dropdown-item.active .nav-dropdown-link,
.nav-dropdown-item .nav-dropdown-link:hover{ color: #59ba1f; text-decoration: none;}

.navbar-mobile .nav-list{ padding: 15px 30px;}
.header-fixed .nav-list-link,
.header-alt .nav-list-link,
.header-mobile .nav-list-link { color: #000; text-decoration: none;}
.header-mobile .nav-list-item.active .nav-list-link,
.header-fixed .nav-list-item.active .nav-list-link,
.header-alt .nav-list-item.active .nav-list-link { color: #59ba1f;}
.header-mobile .nav-list-link:after,
.header-fixed .nav-list-link:after,
.header-alt .nav-list-link:after { background-color: #59ba1f;}
.header-fixed .nav-list-item-btn .nav-list-link,
.header-alt .nav-list-item-btn .nav-list-link { color: #59ba1f; border-color: #59ba1f;}
.header-mobile .nav-list-item-btn .nav-list-link { border-color: #59ba1f;}
.header-fixed .nav-list-item-btn .nav-list-link:hover,
.header-alt .nav-list-item-btn .nav-list-link:hover,
.header-alt .nav-list-item-btn.active .nav-list-link,
.header-mobile .nav-list-item-btn .nav-list-link:hover { color: #fff; border-color: #59ba1f; background-color: #59ba1f; text-decoration: none;}
.navbar-mobile .nav-list-item { display: block;}
.navbar-mobile .nav-list-item + .nav-list-item { margin-left: 0;}
.navbar-mobile .nav-list-item + .nav-list-item-btn{ margin-top: 5px;}

.cursor{ pointer-events: none; position: fixed; padding: calc(.25rem + 1px); background-color: #fff; border-radius: 50%; mix-blend-mode: difference; transition: all 0.3s ease; z-index: 99999;}
.cursor.active{ padding: 1.875rem; margin-left: -1.625rem; margin-top: -1.625rem;}
/* .cursor:not(.active){ transform: scale(0.2); padding: 1.875rem;} */

/*Main Title Style*/
.main-title { position: relative; padding-top: 190px; padding-bottom: 100px; text-align: center;}
.main-title.section-dark { background-position: 50% 0; background-size: cover; background-repeat: no-repeat; background-color: #234; text-shadow: 0 0 15px rgba(0, 0, 0, .7);}
.main-title.section-dark[data-bg="center"]{ background-position: 50% 50%;}
.main-title.section-dark[data-bg="bottom"]{ background-position: 50% bottom;}
.title-large { padding-top: 222px; padding-bottom: 240px;}
.title-name h1 { margin-bottom: 0.5em; margin-top: 0; font-size: 4vw; line-height: 1.2; text-transform: uppercase; /*font-size: 70px; line-height: 1.28;*/ padding-left: 15px; padding-right: 15px;}
.title-line-height h1{ line-height: 1.2;}
.title-large h1 { line-height: 90px;}
.main-title .row div:last-child h1,
.main-title .row div:last-child p { margin-bottom: 0;}
.title-description { max-width: 1200px; margin-left: auto; margin-right: auto;}
/*.title-description,*/
.title-description p { padding-left: 20px; padding-right: 20px; font-size: 25px; line-height: 36px;}
.title-description .btn{ margin-top: 1.5rem;}

/*Section Title Style*/
.section-title{ position: relative; padding-top: 85px; padding-bottom: 100px; text-align: center;}
.section-items{ position: relative; padding-top: 85px; padding-bottom: 50px; text-align: center;}
.section-title-sm{ position: relative; padding-top: 45px; padding-bottom: 50px; text-align: center;}
.section-bg{ background-position: 50% 0; background-size: cover; background-color: #234; text-shadow: 0 0 15px rgba(0, 0, 0, .7);}
.section-bg[data-bg="center"]{ background-position: center center;}
.section-bg[data-bg="bottom"]{ background-position: center bottom;}
.section-bg-fixed{ background-attachment: fixed; background-position: 50% 0; background-size: cover; background-color: #234; text-shadow: 0 0 15px rgba(0, 0, 0, .7);}
.win.safari .section-bg-fixed{ background-attachment: inherit;}
.section-title.no-padding{ padding: 0;}
.section-title.no-padding-top{ padding-top: 0;}
.section-title.no-padding-bottom{ padding-bottom: 0;}
.section-light{ color: var(--bs-body-color);}
.section-dark{ color: #fff;}
.section-light + .section-light,
.section-light + .section-light-bg{ padding-top: 0;}
.section-gray{ background-color: #f6f6f6;}
.section-blue-pattern{ background: #3fb4f4 url(../img/blue-pattern.jpg) left top repeat; color: #fff;}
.section-green-pattern{ background: #59ba1f url(../img/green-pattern.jpg) left top repeat; color: #fff;}
.no-shadow{ text-shadow: none;}

/*Heading Style*/
.section-heading{ position: relative;}
.section-heading > .heading-title,
.section-heading > .heading-description { left: auto; right: auto; width: 90%; margin-left: auto; margin-right: auto;}
.section-heading > .heading-description{ margin-bottom: 1rem;}
.section-heading.heading-full > .heading-title,
.section-heading.heading-full > .heading-description{ width: 100%;}
.heading-title + .heading-description{ margin-top: 1.5rem;}
.heading-title h2 { margin: 0 0 1.5rem; /*font-weight: 300; font-size: 52px; line-height: 70px;*/ text-transform: uppercase;}
.heading-title h3 { margin: 0; font-weight: 600; font-size: 2.5rem; line-height: 3.125rem; text-transform: uppercase;}
.heading-color { font-style: normal;}
.heading:last-child > :last-child { margin-bottom: 0;}
/*.heading-description { line-height: 35px;}*/
.heading-description p { margin: 0;}
.heading-description p + p{ margin-top: 1.5rem; }
.heading-large .heading-description { font-size: 1.34vw; line-height: 2.233vw;}
.section-heading + .section-content{ padding-top: 2rem;}
.section-heading + .section-content-sm,
.section-title-sm .section-heading + .section-content{ padding-top: 1.5rem;}

.link-arrow{ padding-right: 1.75rem; color: var(--bs-body-color); font-weight: 500; position: relative; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23000' stroke-width='1.5'%3e%3cpath d='M1.007,1.005l11.933,11.933 M2.683,12.995h10.311V2.68'/%3e%3c/svg%3e"); background-position: right center; background-size: 1rem auto; background-repeat: no-repeat; display: inline-block;}
.link-arrow:before{ content: ""; width: 2.5rem; height: 2.5rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #DEDEDE; border-radius: 50%;}
.link-arrow .text{ padding-left: 1.25rem; position: relative;}

.stroke{ color: transparent;}
.stroke.primary{ -webkit-text-stroke: 1.25px #59BA1F;}
.stroke.secondary{ -webkit-text-stroke: 1.25px #171B2B;}

/*Section Home*/
.section-hero{ padding-top: 25vh;}
.section-home{ min-height: 100vh; width: 100%; padding-bottom: 3rem; background-color: #fff; display: flex; position: relative;}

.section-home h1,
.section-home h2,
.section-home .btn{ -webkit-transition: all 0.5s ease-out;}
#mouse-pointer{ position: fixed; width: 20px; height: 20px; border: 2px solid #234; display: inline-block; border-radius: 50%; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; z-index: 999999; pointer-events: none; overflow: visible;}
.items-home h1{ margin-bottom: 0; font-size: 4.2vw; line-height: 1.14;}
.items-home h1 .t1{ color: #59BA1F; margin-bottom: 1rem;}
.items-home h1 .t2{ margin-bottom: 1.5rem;}
.items-home p{ font-size: 1.34vw; line-height: 1.675vw; width: 20vw; max-width: 100%; margin-bottom: 2.5rem;}
.items-home .btn,
.items-home .btn:hover{ font-size: 1.125rem; line-height: 1; font-weight: 500; padding: .375rem .375rem .375rem 1.5rem; color: #fff; border-color: #59BA1F; background-color: #59BA1F; display: inline-flex; align-items: center; border-radius: 3rem;}
.items-home .btn .icon-end{ margin-left: .75rem; transition: all 0.3s ease-out;}
.items-home .btn:hover .icon-end{ margin-left: 1.75rem;}
.section-home .item-video{ position: absolute; bottom: 0; right: 0; width: 62vw; top: 46vh;}
.section-home .item-video .item-animate{ height: 100%; position: relative; z-index: 1;}
.section-home .item-video video{ object-fit: cover; mix-blend-mode: difference; border-top-left-radius: 40rem; position: absolute; left: 34%; top: 0; right: 0;}

.web-development-company{ color: #59ba1f; font-size: 1.5rem; font-weight: 500; line-height: 1; margin: 0 0 1.5rem;}

/* .home-circle{ z-index: 0; position: absolute; left: 50%; top: 50%; width: 500px; height: 500px; border-radius: 50%; box-shadow: 0 0 60px rgba(0,0,0,1); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0.1;}
.home-circle-1{ background-color: #3fb4f4;}
.home-circle-2{ background-color: #59ba1f;} */

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

/*Section About Company Style*/
.section-company{ text-align: left;}
/* .company-info .heading-title{ width: 100%;}
.company-info p{ margin-bottom: 1em; margin-top: 0;}
.company-info .more-btn{ margin-top: 2em;} */
/* .company-circle{ position: relative; overflow: hidden; max-width: 100%;}
.company-circle svg{ max-width: 100%;} */
/* .about-slider .slick-slide{ text-align: center; padding: 50px 30px 30px;}
.about-slider .slick-slide h4{ margin-bottom: 0; font-weight: 400; font-size: 90px; line-height: 100px; color: #59ba1f;}
.about-slider .slick-slide p{ line-height: 1.8;}
.about-slider .slick-dots{ bottom: 0;} */

.items-about-info{ padding-top: 3rem;}
.items-about-info .item-ai{ display: inline-block; text-align: left;}
.items-about-info .item-ai .item-wrap{ position: relative;}
.items-about-info .item-ai .item-wrap .item-number{ font-size: 8vw; line-height: 1; font-weight: bold; color: transparent; -webkit-text-stroke: 1.25px #59BA1F;}
.items-about-info .item-ai .item-wrap .item-type{ margin-bottom: .5rem; font-size: 1.57vw; line-height: 1; font-weight: 400; text-transform: uppercase; /*padding: .25rem; background-color: rgba(249, 249, 249, .8); position: absolute; left: 0; top: 42%; transform: translateY(-50%); border-radius: 10px;*/}
.items-about-info .item-ai .item-text{ font-size: 1.25vw; line-height: 1; text-transform: uppercase;}

.section-marquee{ position: relative; overflow: hidden; display: flex; padding: 4rem 0; border-top: 1px solid var(--bs-border-color); border-bottom: 1px solid var(--bs-border-color); transform: rotate(-4deg); width: calc(100% + 4rem); margin-left: -2rem; background: #fff;}
.items-marquee{ display: flex; position: relative; animation: marquee 80s linear infinite;}
.items-marquee .item{ padding-right: 2rem; display: flex; font-size: 3.35vw; line-height: 1; font-weight: bold; text-transform: uppercase; white-space: nowrap;}
.items-marquee .item .item-text{ padding-right: 4.5rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 30' fill='none' stroke='%23000' stroke-width='4'%3e%3cpath d='M1.002,15h35.787 M26.451,25.547L36.998,15L26.451,4.453'/%3e%3c/svg%3e"); background-position: right center; background-size: 2.5rem auto; background-repeat: no-repeat;}

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes marquee {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

/*Section Portfolio Style*/
/*.section-portfolio { padding-bottom: 0;}*/
.section-portfolio{ min-height: 100vh; display: flex; align-items: center;}
.section-portfolio .heading-description { max-width: 1220px;}
.section-portfolio .portfolio-container{ width: 400vw; display: flex; flex-wrap: nowrap;}
.portfolio-items{ width: 100%; display: flex; flex: 1; align-items: flex-start; text-align: left;}
.portfolio-items .item{ width: calc(50vw - 126px); margin: 0 3rem 0 0; display: block; position: relative;}
.portfolio-items .item-image{ width: 100%; padding-bottom: 60%; max-height: 50vh; overflow: hidden; position: relative;}
.portfolio-items .item-image img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.portfolio-items .item-name{ margin-top: 1.25rem;}
.portfolio-items .item-name h4{ line-height: 1; font-weight: bold; margin-bottom: 0; color: var(--bs-body-color);}
.portfolio-items .item-tags{ margin-top: 1.25rem; display: flex; flex-wrap: wrap; width: 100%;}
.portfolio-items .item-tag{ padding: .75rem 1.25rem .5rem; margin-right: .5rem; margin-bottom: .5rem; font-size: 1rem; line-height: 1; font-weight: 500; color: #000; background-color: #DEDEDE; border-radius: .25rem;}

/*Section Services Style*/
/* .section-services{ padding-bottom: 50px;}
.services-items{ display: block; background: #fcfcfc; text-align: center; overflow: hidden; padding: 54px 15px 20px; position: relative; margin-bottom: 50px; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .10); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .10); border-radius: 20px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all 1s ease; transition: all 1s ease;}
.services-items .item-image { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; opacity: 0; background-size: cover; background-position: 50% 50%; -webkit-transition: all 1s ease; transition: all 1s ease;}
.services-items:before { content: ''; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-decoration: none; background: #fefefe; opacity: 1; z-index: 2;}
html:not(.mobile) .services-items:hover:before { opacity: 1; background: #3fb4f4;}
.services-items .item-icon{ border: 2px solid #3fb4f4; width: 94px; height: 94px; display: inline-block; padding: 22px; line-height: 50px; position: relative; color: #234; z-index: 5; border-radius: 50%; margin-bottom: 5px;}
.services-items:hover .item-icon{ border-color: #fff;}
.services-items .item-icon .icon,
.services-items .item-icon svg { width: 50px; height: 50px; max-height: 50px;}
.services-items .item-name,
.services-items .item-text { position: relative; color: #234; z-index: 5;}
.services-items .item-text { font-size: 17px; line-height: 30px;}
.services-items .item-name h4 { text-transform: uppercase;}
.services-items .item-icon svg path{ fill: #3fb4f4; stroke: #3fb4f4;}
.services-items .item-icon svg path[fill="none"],
html:not(.mobile) .services-items:hover .item-icon svg path[fill="none"]{ fill: none;}
html:not(.mobile) .services-items:hover .item-icon svg path{ fill: #fff; stroke: #fff;}
html:not(.mobile) .services-items:hover .item-name,
html:not(.mobile) .services-items:hover .item-text { color: #fff;}
html:not(.mobile) .services-items:hover .item-image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 1;}
.services-items:before,
.services-items .item-icon,
.services-items .item-name,
.services-items .item-text,
.services-items .item-icon svg path{ -webkit-transition: all .4s ease; transition: all .4s ease;} */

/*Section Expertise Style*/
.section-expertise .sticky-title{ height: 80vh; display: flex; align-items: center;}
.section-expertise .section-content{ padding: 2rem 5rem; background-color: #fff;}
.section-expertise .items{ padding: 3rem 0; margin-bottom: 0; height: 70vh; display: flex; align-items: center; text-align: left;}
.section-expertise .items .item-icon{ margin-bottom: 1.5rem;}
.section-expertise .items .item-name{ color: #000; margin-bottom: 1.25rem;}
.section-expertise .items .item-name:hover{ color: #59ba1f;}
.section-expertise .items .item-name h4{ text-transform: none;}
.section-expertise .items .item-wrap{ width: 430px; max-width: 100%;}
/*.section-expertise { overflow: hidden;}
.section-expertise .row { position: relative; margin-left: -20px; margin-right: -20px; padding-top: 0; background-color: #f9f9f9; overflow: hidden;}
.section-expertise .expertise-items-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: opacity .8s ease, -webkit-transform 1s linear .8s;
  transition: opacity .8s ease, -webkit-transform 1s linear .8s;
  transition: opacity .8s ease, transform 1s linear .8s;
  transition: opacity .8s ease, transform 1s linear .8s, -webkit-transform 1s linear .8s;
}
.section-expertise .expertise-items-bg.active {
  -webkit-transition: opacity .8s ease, -webkit-transform 10s linear 0s;
  transition: opacity .8s ease, -webkit-transform 10s linear 0s;
  transition: opacity .8s ease, transform 10s linear 0s;
  transition: opacity .8s ease, transform 10s linear 0s, -webkit-transform 10s linear 0s;
  opacity: 1;
  -webkit-transform: scale(1) rotate(.02deg);
  -ms-transform: scale(1) rotate(.02deg);
  transform: scale(1) rotate(.02deg);
}
.section-expertise .col-xs-12 { position: relative; margin-left: -1px; margin-top: -1px; padding: 0; z-index: 3; background: 0;}
.section-expertise .expertise-items { position: relative; display: block; margin-bottom: 0; text-align: center; background: none; overflow: hidden; padding: 60px 20px 20px; width: 100%; -webkit-transition: all .2s ease; transition: all .2s ease; -webkit-transform: translateZ(0); transform: translateZ(0);}
.section-expertise .expertise-items.inactive:before { opacity: 1;}
.section-expertise .expertise-items.active:before { opacity: 1;}
.section-expertise .item-image { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background-size: cover; background-position: 50% 50%; opacity: 1; -webkit-transition: all 3s ease; transition: all 3s ease;}
.section-expertise .expertise-items.inactive .item-image { opacity: 1;}
.section-expertise .expertise-items.active .item-image { opacity: 1; -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); -webkit-transition: all 6s ease; transition: all 6s ease;}
.section-expertise .expertise-items:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-decoration: none; background: rgba(34, 51, 68, .25); -webkit-transition: all .4s ease; transition: all .4s ease; opacity: 1; z-index: 2;}
.section-expertise .item-icon { line-height: 60px; opacity: 0; -webkit-transition: all .4s ease; transition: all .4s ease;}
.section-expertise .item-text { width: 75%; margin-left: auto; margin-right: auto; opacity: 0;}
.section-expertise .item-icon .icon,
.section-expertise .item-icon svg { height: 60px; max-height: 60px;}
.section-expertise .item-icon,
.section-expertise .item-name,
.section-expertise .item-text { position: relative; color: #234; z-index: 5;}
.section-expertise .item-icon svg path { fill: #fff;}
.section-expertise .item-icon svg path[stroke="#223344"] { stroke: #fff;}
.section-expertise .item-icon svg path[fill="none"] { fill: none;}
.section-expertise .expertise-items:hover .item-name,
.section-expertise .expertise-items:hover .item-text,
.section-expertise .item-name,
.section-expertise .item-text { color: #FFF;}
.section-expertise .item-name h4 { font-weight: 500; font-size: 30px; line-height: 40px; text-transform: uppercase; -webkit-transition: all .4s ease; transition: all .4s ease;}
.section-expertise .item-icon svg path,
.section-expertise .item-name,
.section-expertise .item-text { -webkit-transition: all .4s ease; transition: all .4s ease;}
.section-expertise .expertise-items.active .item-icon,
.section-expertise .expertise-items.active .item-text { opacity: 1;}
.section-expertise .expertise-items.inactive .item-name h4 { opacity: .4;}
.section-expertise .expertise-items.active .item-name h4 { opacity: 1;}*/

/*Section Customers Style*/
.section-customers-marquee{ position: relative; overflow: hidden; display: flex; padding: 4.25rem 0 3.75rem; border-top: 1px solid var(--bs-border-color); border-bottom: 1px solid var(--bs-border-color); transform: rotate(-4deg); width: calc(100% + 4rem); margin-left: -2rem; background: #fff; z-index: 1;}
.items-cmarquee{ display: flex; position: relative; animation: cmarquee 30s linear infinite;}
.items-cmarquee .item{ padding-right: 2rem; display: flex; font-size: 3.35vw; line-height: 1; font-weight: bold; text-transform: uppercase; white-space: nowrap;}
.items-cmarquee .item .item-text{ padding-right: 4.5rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 30' fill='none' stroke='%23000' stroke-width='4'%3e%3cpath d='M1.002,15h35.787 M26.451,25.547L36.998,15L26.451,4.453'/%3e%3c/svg%3e"); background-position: right center; background-size: 2.5rem auto; background-repeat: no-repeat;}

@-webkit-keyframes cmarquee {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes cmarquee {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.section-customers{ padding: 3.75rem 0; margin-top: 1.5rem; border-top: 1px solid var(--bs-border-color); border-bottom: 1px solid var(--bs-border-color); background: #fff;}
.customers-slider{ text-align: center;}
/*.customers-items{ background: #fff; border: 1px solid #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
.customers-items > .row{ margin: 0;}
.customers-items > .row > .col-xs-12{ padding: 0;}
.section-customers .customers-slider img + img{ margin-top: 30px;}
.section-customers .customers-slider{ margin-top: 125px; padding: 0 40px;}*/

/*Section Testimonial Style*/
/*.testimonials-slider p{ text-align: justify;}
.testimonials-slider .quote-author{ padding-top: 20px; text-align: right;}
.testimonials-slider .slick-slide{ padding: 70px; font-size: 17px; min-height: 420px; display: flex; align-items: center;}
.testimonials-slider .slick-slide:nth-child(3n+1){ background-color: #59ba1f; color: #fff;}
.testimonials-slider .slick-slide:nth-child(3n+2){ background-color: #3fb4f4; color: #fff;}
.testimonials-slider .slick-slide:nth-child(3n+3){ background-color: #223344; color: #fff;}*/
.section-testimonials{ padding-top: 100px; text-align: left; position: relative;}
.section-testimonials .text-bg{ font-size: 12vw; line-height: 1; font-weight: bold; position: absolute; top: 10px; left: 10px; opacity: .1;}
.testimonials-row{ position: relative; align-items: center;}
.testimonials-row .col-xl-7{ position: relative; z-index: 1;}
.testimonials-row .col-xl-6{ position: absolute; right: 0; top: 0; height: 100%;}
.testimonials-row .col-xl-6 img{ height: 100%; object-fit: cover;}
.section-testimonials h2{ width: 89%; padding-bottom: .5rem; margin-left: 6rem; padding-left: 2.5rem; margin-bottom: 0; border-bottom: 1px solid #DEDEDE; text-transform: uppercase;}
.section-testimonials .ts-wrap{ padding: 2rem 0 0 8.5rem; position: relative;}
.section-testimonials .ts-wrap:before,
.section-testimonials .ts-wrap:after{ content: ""; position: absolute; width: 6rem; height: 6rem; border-radius: 1.875rem; background-size: center center; background-repeat: no-repeat; background-size: contain;}
.section-testimonials .ts-wrap:before{ left: 0; top: -3rem; background-image: url(../img/testimonial-icon-l.svg);}
.section-testimonials .ts-wrap:after{ width: 2rem; height: 2rem; right: 3rem; bottom: 3rem; background-image: url(../img/testimonial-icon-r.svg); border-radius: 0;}
.testimonials-slider .slick-slide{ display: flex; align-items: center;}
.testimonials-slider .ts-items{ padding: 3rem; margin-bottom: 0; background-color: #fff; border: 1px solid #DEDEDE; border-radius: .5rem;}
.testimonials-slider .quote-author{ margin-top: .5rem; font-weight: 600; display: flex; align-items: center; justify-content: flex-end; position: relative;}
.testimonials-slider .quote-author:after{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: calc(100% - 3rem); height: 1px; border: 1px dashed #DEDEDE;}
.testimonials-slider .quote-author span{ padding-left: 1rem; padding-right: 3rem; max-width: 65%; background: #fff; display: inline-block; position: relative; z-index: 1;}

/*Section Contact Us Style*/
/* .section-contact{ padding-top: 85px; padding-bottom: 88px; color: #FFF; background-color: #3fb4f4; text-align: center;}
.contact-title{ margin-top: 0; margin-bottom: 10px; font-weight: 300; font-size: 46px; line-height: 56px; text-transform: uppercase;}
.section-contact p{ margin-bottom: 25px;} */
.section-contact-form{ background: #234 url(../img/home-right-bg.jpg) center center repeat; margin-top: 50px; padding-top: 0; padding-bottom: 0; z-index: 1;}
.modal-contact{ --bs-modal-padding: 2rem; --bs-modal-header-padding: 1rem 2rem; --bs-modal-header-border-width: 0;}
/* .cf-title{ margin: 20px 0; font-weight: 700; font-size: 44px; line-height: 56px; text-transform: uppercase; text-align: left; position: relative;} */
.contact-box{ width: 100%; position: relative;}
.contact-box textarea.form-control{ height:157px;}
/* .testimonials-circle,
.contact-circle{ z-index: 0; position: absolute; width: 125px; height: 125px; border-radius: 50%; opacity: 1;}
.testimonials-circle{ background-color: #3fb4f4; left: -45px; bottom: 30px;}
.contact-circle{ background-color: #59ba1f; right: -45px; top: 30px;} */

/*.contact-box .form-control{ min-height: 48px; padding: 6px 0; background-color: transparent; font-size: 16px; border-width: 0 0 2px; border-radius: 0;}
.contact-box textarea.form-control{ padding:6px 0; height:84px;}
.contact-box textarea.form-control.errorMsg{ padding-bottom: 30px;}
.contact-box input.form-control.errorMsg{ padding-right: 78px;}
.contact-box .form-control:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none;}
.contact-box .form-group{ position: relative; margin-bottom: 20px;}
.contact-box select.form-control{background-position:right 5px center;}
.contact-box .form-control.errorMsg:focus{ -webkit-box-shadow: none; box-shadow: none;}
.contact-box div.errorMsg,
.contact-box div.captchaError{ position: absolute; bottom: 12px; right: 0; color: #ff7b7b; font-size: 15px;}
.contact-box select.form-control + div.errorMsg{ right: 28px;}*/
.contact-message{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 15px; background: rgba(255,255,255,0.9); z-index: 4; display: flex; flex-flow: column; justify-content: center; border-radius: 0 0 40px 40px; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.contact-message.active{ opacity: 1; visibility: visible;}

/*Button and Badge Style*/
.btn {
  --bs-btn-padding-x: 1.25rem;
  --bs-btn-padding-y: 0.75rem;
  --bs-btn-font-family: var(--bs-body-font-family);
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #212529;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 2px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
}
.btn-lg {
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-size: 1.125rem;
  --bs-btn-line-height: 1.5rem;
}
.btn-lg:not(.btn-icon-end) {
  --bs-btn-padding-y: 0.75rem;
}
.btn-icon-end {
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-border-width: 0;
  padding-right: .375rem;
  display: inline-flex;
  align-items: center;
}
.btn-icon-end .icon-end{ margin-left: .75rem; transition: all 0.3s ease-out;}
.btn-icon-end:hover .icon-end{ margin-left: 1.75rem;}
.w-200{ width: 200px; max-width: 100%;}
.w-300{ width: 300px; max-width: 100%;}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-gradient: none;
}
.btn-blue {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-blue);
  --bs-btn-border-color: var(--bs-blue);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-blue);
  --bs-btn-hover-border-color: var(--bs-blue);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-blue);
  --bs-btn-active-border-color: var(--bs-blue);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-blue);
  --bs-btn-disabled-border-color: var(--bs-blue);
}
.btn-outline-blue {
  --bs-btn-color: var(--bs-blue);
  --bs-btn-border-color: var(--bs-blue);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-blue);
  --bs-btn-hover-border-color: var(--bs-blue);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-blue);
  --bs-btn-active-border-color: var(--bs-blue);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-blue);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-blue);
  --bs-gradient: none;
}
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}
/*.btn.btn-xs { font-size: 15px; line-height: 16px; padding: 9px 15px 8px;}
.btn.btn-md { font-size: 18px; line-height: 18px; padding: 13px 40px 12px;}
.btn.btn-lg { font-size: 18px; line-height: 18px; padding: 20px 60px;}
.btn.btn-primary { color: #fff; border-color: #59ba1f; background-color: #59ba1f;}
.btn.btn-white { color: #234; background: #fff; border-color: #234;}
.btn.btn-blue:hover,
.btn.btn-green:hover,
.btn.btn-white:hover,
.btn:hover { color: #fff; background: #234; border-color: #234;}
.btn.btn-transparent{ border-color: #234; color: #234; background: none;}
.btn.btn-transparent.btn-white { border-color: #fff; color: #fff; background: none;}
.btn.btn-transparent.btn-white:hover,
.btn.btn-transparent:hover { color: #fff; background: #234; border-color: #234;}
.btn.btn-transparent.btn-white.btn-bg-blue:hover{ color: #3fb4f4; background: #fff; border-color: #fff;}
.btn.btn-transparent.btn-white.btn-bg-green:hover{ color: #59ba1f; background: #fff; border-color: #fff;}
.btn.btn-blue { color: #fff; border-color: #3fb4f4; background-color: #3fb4f4;}
.btn.btn-transparent.btn-blue { color: #3fb4f4; border-color: #3fb4f4; background-color: transparent;}
.btn.btn-transparent.btn-blue:hover { background: #3fb4f4; color: #fff; border-color: #3fb4f4;}
.btn.btn-green { color: #fff; border-color: #59ba1f; background-color: #59ba1f;}
.btn.btn-transparent.btn-green { color: #59ba1f; border-color: #59ba1f; background-color: transparent;}
.btn.btn-transparent.btn-green:hover { background: #59ba1f; color: #fff; border-color: #59ba1f;}
.btn.btn-transparent.btn-black { color: #232323; border-color: #59ba1f; background-color: transparent;}
.btn.btn-transparent.btn-black:hover { background: #59ba1f; color: #fff; border-color: #59ba1f;}*/

/* .btn-style{ background-color: #59ba1f; text-align: center; cursor: pointer; color: rgba(255,255,255,1); -webkit-transition: all 0.5s; transition: all 0.5s; position: relative; border: none; border-radius: 2px; overflow: hidden;}
.btn-style span{ font-size: 18px; line-height: 18px; font-weight: 300; padding: 20px 60px; text-align: center; text-transform: uppercase; display: block;}
.btn-style .btn-hide-text{ opacity: 0;}
.btn-style .btn-text{ z-index: 2; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.btn-style:before{ content: ''; position: absolute; top: 62px; left: 50%; width: 0; height: 0; border-left: 150px solid transparent; border-right: 150px solid transparent; border-top: 190px solid rgba(255,255,255,0.25); z-index: 1; transform: translateX(-50%); -webkit-transition: all 0.5s; transition: all 0.5s;}
.btn-style:after{ content: ''; position: absolute; top: 62px; left: 50%; width: 0; height: 0; border-left: 150px solid transparent; border-right: 150px solid transparent; border-top: 190px solid rgba(255,255,255,0.25); z-index: 1; transform: translateX(-50%); -webkit-transition: all 0.5s; transition: all 0.5s;}
.btn-style:after{ -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
.btn-style:hover:before{ opacity: 1; -webkit-transform: translate(-50%,-190px); transform: translate(-50%,-190px);}
.btn-style:hover:after{ opacity: 1; -webkit-transform: translate(-50%,-150px); transform: translate(-50%,-150px);} */

.badge{ background-color: #59ba1f; font-weight: normal;}
.badge.badge-md{ padding: 7px 15px 7px; font-size: 18px; border-radius: 50px;}

/*Section Column Items Style*/
.items{ height: calc(100% - 3rem); text-align: center; position: relative; margin-bottom: 3rem;}
.items[class*="items-bg-"] .item-wrap{ height: 100%;}
.items-bordered{ height: calc(100% - 2.5rem); margin-bottom: 2.5rem; border: 1px solid #f0f0f0; box-shadow: 0 3px 4px rgba(0,0,0,0.1);}
.items-bordered-bottom{ height: calc(100% - 2.5rem); margin-bottom: 2.5rem; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #f0f0f0; box-shadow: 0 0 1px rgba(0,0,0,0.35);}
.items-bordered-top{ height: calc(100% - 2.5rem); margin-bottom: 2.5rem; border-top-width: 5px; border-top-style: solid; border-top-color: #f0f0f0; box-shadow: 0 0 1px rgba(0,0,0,0.35);}
.items-bordered-left{ border-left-width: 5px; border-left-style: solid; border-left-color: #f0f0f0; box-shadow: 0 0 1px rgba(0,0,0,0.35);}
.items-bordered-right{ border-right-width: 5px; border-right-style: solid; border-right-color: #f0f0f0; box-shadow: 0 0 1px rgba(0,0,0,0.35);}
.items-bg-white{ background-color: #fff; text-shadow: none; color: #000;}
.items .item-icon{ width: 110px; height: 110px; display: inline-block; margin-bottom: 12px;}
.items .item-icon.icon-sm{ width: 70px; height: 70px;}
.items .item-icon.icon-large{ width: 140px; height: 140px;}
.items .item-icon .icon,
.items .item-icon svg { width: 100%; height: auto;}
.win.safari .items .item-icon .icon,
.win.safari .items .item-icon svg { width: 100%; height: 100%;}
.icon-rounded-top .item-icon{ padding: 20px; border-radius: 50%; margin-top: -55px; vertical-align: top;}
.items-bordered .item-icon,
.items-bordered-bottom .item-icon,
.items-bordered-top .item-icon{ margin-bottom: 0;}
.items .item-image{ margin-bottom: 12px;}
.items .item-name h2,
.items .item-name h3,
.items .item-name h4,
.items .item-name h5 { text-transform: uppercase; margin-top: 0; margin-bottom: 13px;}
.items .item-name.tt-none h2,
.items .item-name.tt-none h3,
.items .item-name.tt-none h4,
.items .item-name.tt-none h5 { text-transform: none;}
.items .item-text { font-size: 1rem; line-height: 1.625;}
.items .item-text p{ margin-top: 0; margin-bottom: 0;}
.items .item-text * + p,
.items .item-text * + ul{ margin-top: 1em;}
.items-right{ text-align: right;}
.items-left,
.items-info{ text-align: left;}
.items-bg-dark .item-wrap{ padding: 30px; background: rgba(0,0,0,0.7);}
.items-bg-dark-3 .item-wrap{ padding: 30px; background: rgba(0,0,0,0.3);}

.items-number{ padding-left: 75px;}
.items-number .item-number{ position: absolute; left: 5px; top: 5px; width: 50px; height: 50px; font-size: 1.5rem; font-weight: bold; line-height: 1; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center;}
.items-number .item-number:after{ content: ""; width: 60px; height: 60px; border: 3px solid #59ba1f; display: inline-block; position: absolute; left: -5px; top: -5px; border-radius: 50%;}
.items-level .item-name > h4{ background: #f6f6f6; height: 50px; display: inline-block; padding: .625rem 1.5rem 0 4rem; margin: 5px 0 1.25rem -4rem; border-radius: 2rem;}
.items-level .list-bullets{ margin-left: -8px;}
.level-info-row .after-bg:after{ content: ""; height: 2px; width: 100%; position: absolute; left: 0; top: 11px;}

.items-bordered .item-name,
.items-bordered-bottom .item-name,
.items-bordered-top .item-name,
.items-bordered-left .item-name,
.items-bordered-right .item-name{ margin: -1px -1px 0; padding: 20px 30px 0;}
.items-bordered .item-bg h3,
.items-bordered .item-bg h4,
.items-bordered .item-bg h5 { margin-bottom: 0;}
.items-bordered .item-name.item-bg,
.items-bordered-bottom .item-name.item-bg{ padding-bottom: 16px; padding-top: 18px;}
.items-bordered .item-text,
.items-bordered-bottom .item-text,
.items-bordered-top .item-text,
.items-bordered-left .item-text,
.items-bordered-right .item-text{ padding: 7px 30px 20px; line-height: 25px;}
.items-bordered .item-bg + .item-text,
.items-bordered-bottom .item-bg + .item-text,
.items-bordered-top .item-bg + .item-text,
.items-bordered-left .item-bg + .item-text,
.items-bordered-right .item-bg + .item-text{ padding-top: 30px;}
.title-border-bottom .item-name{ border-bottom-width: 2px; border-bottom-style: solid; padding-bottom: 5px; margin-bottom: 20px;}

.items-bg-hover{ display: block; background: #fcfcfc; text-align: center; overflow: hidden; padding: 30px 15px; position: relative; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .10); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .10); border-radius: 15px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all 1s ease; transition: all 1s ease;}
.items-bg-hover .item-icon,
.items-bg-hover .item-icon svg path{ -webkit-transition: all .3s ease; transition: all .3s ease;}

.items-green .item-bg,
.items-green .item-number,
.items-bg-hover.items-green:hover{ background: #59ba1f; color: #fff;}
.items-blue .item-bg,
.items-blue .item-number,
.items-bg-hover.items-blue:hover{ background: #3fb4f4; color: #fff;}
.items-red .item-bg,
.items-red .item-number,
.items-bg-hover.items-red:hover{ background: #fd5834; color: #fff;}
.items-purple .item-bg,
.items-purple .item-number,
.items-bg-hover.items-purple:hover{ background: #9334fd; color: #fff;}
.items-cyan .item-bg,
.items-cyan .item-number,
.items-bg-hover.items-cyan:hover{ background: #33d7d5; color: #fff;}
.items-yellow .item-bg,
.items-yellow .item-number,
.items-bg-hover.items-yellow:hover{ background: #eebe16; color: #fff;}

.items-green .item-color,
.items-green .item-color-hover a:hover,
.items-green .item-color-hover a.active,
.title-green .item-name{ color: #59ba1f;}
.items-blue .item-color,
.items-blue .item-color-hover a:hover,
.items-blue .item-color-hover a.active,
.title-blue .item-name{ color: #3fb4f4;}
.items-red .item-color,
.items-red .item-color-hover a:hover,
.items-red .item-color-hover a.active,
.title-red .item-name{ color: #fd5834;}
.items-purple .item-color,
.items-purple .item-color-hover a:hover,
.items-purple .item-color-hover a.active,
.title-purple .item-name{ color: #9334fd;}
.items-cyan .item-color,
.items-cyan .item-color-hover a:hover,
.items-cyan .item-color-hover a.active,
.title-cyan .item-name{ color: #33d7d5;}
.items-yellow .item-color,
.items-yellow .item-color-hover a:hover,
.items-yellow .item-color-hover a.active,
.title-yellow .item-name{ color: #eebe16;}

.items-green .item-stroke svg path{ stroke: #59ba1f;}
.items-blue .item-stroke svg path{ stroke: #3fb4f4;}
.items-red .item-stroke svg path{ stroke: #fd5834;}
.items-purple .item-stroke svg path{ stroke: #9334fd;}
.items-cyan .item-stroke svg path{ stroke: #33d7d5;}
.items-yellow .item-stroke svg path{ stroke: #eebe16;}

.items-green .item-fill svg path{ fill: #59ba1f;}
.items-blue .item-fill svg path{ fill: #3fb4f4;}
.items-red .item-fill svg path{ fill: #fd5834;}
.items-purple .item-fill svg path{ fill: #9334fd;}
.items-cyan .item-fill svg path{ fill: #33d7d5;}
.items-yellow .item-fill svg path{ fill: #eebe16;}

.items-bg-hover.items-green:hover .item-fill svg path,
.items-bg-hover.items-blue:hover .item-fill svg path,
.items-bg-hover.items-red:hover .item-fill svg path,
.items-bg-hover.items-purple:hover .item-fill svg path,
.items-bg-hover.items-cyan:hover .item-fill svg path,
.items-bg-hover.items-yellow:hover .item-fill svg path{ fill: #ffffff;}

.items-bb-green{ border-bottom: 5px solid #59ba1f;}
.items-bb-blue{ border-bottom: 5px solid #3fb4f4;}
.items-bb-red{ border-bottom: 5px solid #fd5834;}
.items-bb-purple{ border-bottom: 5px solid #7e3be2;}
.items-bb-cyan{ border-bottom: 5px solid #33d7d5;}
.items-bb-yellow{ border-bottom: 5px solid #eebe16;}

.items-bordered-bottom.items-green,
.title-border-bottom.items-green .item-name{ border-bottom-color: #59ba1f;}
.items-bordered-bottom.items-blue,
.title-border-bottom.items-blue .item-name{ border-bottom-color: #3fb4f4;}
.items-bordered-bottom.items-red,
.title-border-bottom.items-red .item-name{ border-bottom-color: #fd5834;}
.items-bordered-bottom.items-purple,
.title-border-bottom.items-purple .item-name{ border-bottom-color: #9334fd;}
.items-bordered-bottom.items-cyan,
.title-border-bottom.items-cyan .item-name{ border-bottom-color: #33d7d5;}
.items-bordered-bottom.items-yellow,
.title-border-bottom.items-yellow .item-name{ border-bottom-color: #eebe16;}

.items-bordered-top.items-green{ border-top-color: #59ba1f;}
.items-bordered-top.items-blue{ border-top-color: #3fb4f4;}
.items-bordered-top.items-red{ border-top-color: #fd5834;}
.items-bordered-top.items-purple{ border-top-color: #9334fd;}
.items-bordered-top.items-cyan{ border-top-color: #33d7d5;}
.items-bordered-top.items-yellow{ border-top-color: #eebe16;}

.items-bordered-left.items-green,
.items-bordered-right.items-green{ border-color: #59ba1f;}
.items-bordered-left.items-blue,
.items-bordered-right.items-blue{ border-color: #3fb4f4;}
.items-bordered-left.items-red,
.items-bordered-right.items-red{ border-color: #fd5834;}
.items-bordered-left.items-purple,
.items-bordered-right.items-purple{ border-color: #9334fd;}
.items-bordered-left.items-cyan,
.items-bordered-right.items-cyan{ border-color: #33d7d5;}
.items-bordered-left.items-yellow,
.items-bordered-right.items-yellow{ border-color: #eebe16;}

.items-green .item-number:after{ border-color: #59ba1f;}
.items-blue .item-number:after{ border-color: #3fb4f4;}
.items-red .item-number:after{ border-color: #fd5834;}
.items-purple .item-number:after{ border-color: #9334fd;}
.items-cyan .item-number:after{ border-color: #33d7d5;}
.items-yellow .item-number:after{ border-color: #eebe16;}

/*Section List Style*/
.list-square{ position: relative;}
.list-square:before{ content: ''; display: block; position: absolute; width: 1.5rem; height: 1.5rem; top: .5rem; left: -1.375rem; background-repeat: no-repeat; background-position: 0 0; background-size: cover;}
.item-name.list-square:before{ top: .125rem;}
.item-text-large.list-square:before{ top: .125rem;}
.list-square.list-right:before{ left: auto; right: -1.375rem;}
.list-square-top{ padding-top: 1.75rem; position: relative;}
.list-square-top:before{ content: ''; position: absolute; width: 1.5rem; height: 1.5rem; top: 0; left: 50%; margin-left: -.75rem; background-repeat: no-repeat; background-position: 0 0; background-size: cover; z-index: 1;}
.section-light .list-square:before,
.section-light .list-square-top:before{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTFENDA4NTFDMzkwMTFFNzhCMzFFOEFFQjBEMkUwQjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTFENDA4NTJDMzkwMTFFNzhCMzFFOEFFQjBEMkUwQjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MUQ0MDg0RkMzOTAxMUU3OEIzMUU4QUVCMEQyRTBCMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUQ0MDg1MEMzOTAxMUU3OEIzMUU4QUVCMEQyRTBCMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnXk3WoAAAGjSURBVHja7JpdTsJQEIUHA7xrAy4L18AWKO7B3qXwhAuBFx+Nm9AXHxRH0yZN097en3OmIXGSk0DSMt8HKdw7ZXbRkiuuG7nyYgs8avbMBnMyvGs9d5QuF07tfy+tTkpGIzGCp0mIITxFAilQBsDDJWQCeKiEkOELzYopIWT4k+aFKSFk+KZoEmIAT5UQI3iahJDhP+vQJIQMv6lDkxAyfHNMisQOJZALT5UQI3iahBjCUyTEGB4uIRPAQyVkIvgmDwMS61CJtsDOc9Kt5gyGH5MoQiTaU4l7z9b5Q/PaMxAoANvyu57hwpvm3XPOemhTX3msF5pD5/gvzTbj3d/Wr9GuZ83Sc87T2EVsJdEHf4yB932N+iTmAAkI/NgPGUsiBb5KXUqgJaDwoYs5lAQcPmY5nStBgY/d0KRK0OBTtpSxEt9M+NRNfawEDT5nrJIiAYfPHWy5CAkKPGK0GCJBg0cNd8ckaPDI8bpLWMxViMbIGxzOGh4tECpRIRsybvI5K3iWwJCEYzRiCXQlHKsJ8059OfAYWrO/j+H/zx7T1Y8AAwD1wUQ+6XWR6gAAAABJRU5ErkJggg==');}
.section-dark .items-green .list-square:before,
.section-gray .items-green .list-square:before,
.section-dark .items-green .list-square-top:before{ background-image: url(../img/square-green.png);}
.section-dark .items-blue .list-square:before,
.section-gray .items-blue .list-square:before,
.section-dark .items-blue .list-square-top:before{ background-image: url(../img/square-blue.png);}
.section-dark .items-red .list-square:before,
.section-gray .items-red .list-square:before,
.section-dark .items-red .list-square-top:before{ background-image: url(../img/square-red.png);}
.section-dark .items-purple .list-square:before,
.section-gray .items-purple .list-square:before,
.section-dark .items-purple .list-square-top:before{ background-image: url(../img/square-purple.png);}
.section-dark .items-cyan .list-square:before,
.section-gray .items-cyan .list-square:before,
.section-dark .items-cyan .list-square-top:before{ background-image: url(../img/square-cyan.png);}
.section-dark .items-yellow .list-square:before,
.section-gray .items-yellow .list-square:before,
.section-dark .items-yellow .list-square-top:before{ background-image: url(../img/square-yellow.png);}
.section-light .items-green .list-square:before,
.section-light .items-green .list-square-top:before,
.section-light .items-green .list-check li:before{ background-color: #59ba1f;}
.section-light .items-blue .list-square:before,
.section-light .items-blue .list-square-top:before,
.section-light .items-blue .list-check li:before{ background-color: #3fb4f4;}
.section-light .items-red .list-square:before,
.section-light .items-red .list-square-top:before,
.section-light .items-red .list-check li:before{ background-color: #fd5834;}
.section-light .items-purple .list-square:before,
.section-light .items-purple .list-square-top:before,
.section-light .items-purple .list-check li:before{ background-color: #9334fd;}
.section-light .items-cyan .list-square:before,
.section-light .items-cyan .list-square-top:before,
.section-light .items-cyan .list-check li:before{ background-color: #33d7d5;}
.section-light .items-yellow .list-square:before,
.section-light .items-yellow .list-square-top:before,
.section-light .items-yellow .list-check li:before{ background-color: #eebe16;}
.items-green .list-square:after{ background: #59ba1f;}
.items-blue .list-square:after{ background: #3fb4f4;}
.items-red .list-square:after{ background: #fd5834;}
.items-purple .list-square:after{ background: #9334fd;}
.items-cyan .list-square:after{ background: #33d7d5;}
.items-yellow .list-square:after{ background: #eebe16;}

.list-check{ font-weight: 400; margin: 0; padding: 0; list-style: none; text-align: left;}
.list-check li{ position: relative; padding-left: 40px; margin-bottom: 30px; line-height: 1.7;}
.list-check.check-20 li{ margin-bottom: 20px;}
.list-check.check-15 li{ margin-bottom: 15px;}
.list-check.check-10 li{ margin-bottom: 10px;}
.list-check li:before{ content: ''; display: block; position: absolute; width: 18px; height: 14px; top: 7px; left: 12px; background-repeat: no-repeat; background-position: 0 0; background-size: cover;}
.section-light .list-check li:before{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAcCAYAAAAJKR1YAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjcyMDlFNDdDMzlFMTFFNzk5OUNBNzY5RjNDQ0YyNzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjcyMDlFNDhDMzlFMTFFNzk5OUNBNzY5RjNDQ0YyNzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzIwOUU0NUMzOUUxMUU3OTk5Q0E3NjlGM0NDRjI3MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNzIwOUU0NkMzOUUxMUU3OTk5Q0E3NjlGM0NDRjI3MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plc63BwAAAHaSURBVHjazJe7SgNBFIY3ASOIWpl4jVEQGwsvUbDQTkSwUQs7SwsrCysfQQIi9pZiKh9AQlJpYRQR8ZrErKU2Bi2UFK7/4C4s487O2asOfBAYzuyXOTNnz0Y0DOUfjegfPfcZLINmkAQZ8LMxWvjjDYyyxHBssclIyCljOzMPzi3mUkANU6gM5kBFMN8IPsNK2Rlot0iTmRlN/xH0OAItEpl+8BSG0D6ISWT6gGoEBCm0rV8aO5kUqJqDzEIlsAlWwaEHkS+wIRFh9IJHPtgQOgZNXMC6C5k6WCHIJEHFagFDaFIQeOBA5h3MEmR6QFm0iCHUIAhuBfcEmRcw4VXGLDRoswgr8x82a7CtHyDKlGT/zBDakyy2Joi/AB0EmW7wQMm7+ZYtSRbNcrE5PaUymS5i2n8J1fSKqdicJ2PLs4SCx+gEd06uKV8Yi5IHsfOUAVGCDEvlrdO6YVWpdwkPk8FepDduqqoiqLSLHmQS4NptmRf1QzUwBqoOe54EyIMht02TXYNWBFOgTlwrDgpeZCg99Q4xTXFw5UeLoBDe3AsEmUu/ehZKT/2qnyfVYq4N5MCwX403tck/BdPceYqBE5D29VPAwW7mwYheOMdBIYg2M+zvMun4FmAA8OzkZhkXMTQAAAAASUVORK5CYII=');}
.items-info .list-check li:before{ top: 9px;}
.section-gray .list-check li:before,
.section-dark .list-check li:before{ background-image: url(../img/check-green.png);}

.list-bullets{ text-align: left; margin: 0; padding: 0; list-style-type: none; font-size: 1rem;}
.items .list-bullets{ line-height: 1.5;}
.list-bullets li{ position: relative; padding-left: 1.5rem;}
.list-bullets.list-large li{ padding-left: 20px;}
.list-bullets li:before{ content: ''; position: absolute; display: block; width: .25rem; height: .25rem; top: .625rem; left: .625rem; background-color: #59ba1f; border-radius: 50%;}
.list-bullets.list-large li:before{ content: ''; position: absolute; display: block; width: .375rem; height: .375rem; top: .5rem; left: 0; background-color: #59ba1f; border-radius: 50%;}
.list-none{ margin: 0; padding: 0; list-style-type: none; font-size: 1rem;}
.list-space-5 li + li{ margin-top: 5px;}
.list-space-10 li + li{ margin-top: 10px;}
.list-space-15 li + li{ margin-top: 15px;}
.list-bullets.list-light li a{ color: #234;} 
.list-bullets.list-dark li a{ color: #fff;} 

.items-green .list-bullets li:before,
.items-green.before-bg:before,
.items-green .before-bg:before,
.items-green.after-bg:after,
.items-green .after-bg:after{ background-color: #59ba1f;}
.items-blue .list-bullets li:before,
.items-blue.before-bg:before,
.items-blue .before-bg:before,
.items-blue.after-bg:after,
.items-blue .after-bg:after{ background-color: #3fb4f4;}
.items-red .list-bullets li:before,
.items-red.before-bg:before,
.items-red .before-bg:before,
.items-red.after-bg:after,
.items-red .after-bg:after{ background-color: #fd5834;}
.items-purple .list-bullets li:before,
.items-purple.before-bg:before,
.items-purple .before-bg:before,
.items-purple.after-bg:after,
.items-purple .after-bg:after{ background-color: #9334fd;}
.items-cyan .list-bullets li:before,
.items-cyan.before-bg:before,
.items-cyan .before-bg:before,
.items-cyan.after-bg:after,
.items-cyan .after-bg:after{ background-color: #33d7d5;}
.items-yellow .list-bullets li:before,
.items-yellow.before-bg:before,
.items-yellow .before-bg:before,
.items-yellow.after-bg:after,
.items-yellow .after-bg:after{ background-color: #eebe16;}

.items-right .list-bullets{ text-align: right;}
.items-right .list-bullets li{ padding-right: 25px; padding-left: 0;}
.items-right .list-bullets li:before{ left: auto; right: 10px;}

/*Section Application Development 2 Style*/
.section-appdev-2{ position: relative; width: 100%;}
.section-appdev-2 .items{ text-align: left; z-index: 2;}
.section-appdev-2 .items .item-name h3{ margin-top: 45px; margin-bottom: 45px;}
.section-appdev-2 .items .item-text{ margin-bottom: 60px;}
.section-appdev-2 .items .item-button{ margin-bottom: 40px;}
.section-appdev-2 .bg-media{ position: absolute; background-repeat: no-repeat; background-size: contain;}
.section-appdev-2 .media-left{ width: 60%; height: 100%; left: -220px; bottom: -20px; background-position: 0 100%; max-width: 1100px;}
.section-appdev-2 .media-right{ width: 50%; height: 100%; right: -165px; bottom: -64px; background-position: 0 100%; max-width: 400px;}

/*Section Application Development 3 Style*/
.section-appdev-3 .items:after{ content: ""; width: 100%; height: 30px; display: inline-block; background: url(../img/zigzag-shape.jpg) -2px top repeat-x; background-size: 20.2% auto; position: absolute; bottom: -30px; left: 0;}
.section-appdev-3 .items .item-name h4{ margin-bottom: 0; text-transform: none;}

/*Section Application Development 5 Style*/
.section-appdev-5 .items{ padding: 25px 30px;}
.section-appdev-5 .items .item-name h3{ margin-bottom: 20px;}

/*Section Application Development 6 Style*/
.section-appdev-6 .section-heading > .heading-title,
.section-appdev-6 .section-heading > .heading-description{ width: 90%;}
.section-appdev-6 .heading-title h2 { font-size: 40px; line-height: 50px;}
.section-appdev-6 .items .item-name h4{ margin-bottom: 15px;}
.section-appdev-6 .list-square{ padding-left: 8px;}

/*About Page Style*/
/*Section About 5 Statistics Style*/
.statistics-items .item-count{ font-weight: 400; font-size: 120px; line-height: 1; letter-spacing: -10px; white-space: nowrap;}
.statistics-items .item-text{ font-weight: 400; font-size: 17px; line-height: 25px; margin-top: 8px;}
.statistics-items .item-text p{ margin-bottom: 0;}
.statistics-number-left{ display: inline-block; vertical-align: top;}
.statistics-number-left .item-wrap{ position: relative; display: table;}
.statistics-number-left .item-count{ display: table-cell; font-size: 140px; line-height: .7; padding-top: 22px;}
.statistics-number-left .item-large-text{ display: table-cell; font-weight: normal; font-size: 50px; line-height: 1; text-align: left; padding-left: 20px; vertical-align: middle; padding-top: 20px;}
.statistics-number-left .item-large-text span{ font-weight: 400; font-size: 24px; line-height: 1; margin-top: 10px; display: inline-block; width: 100%; vertical-align: top;}
.statistics-number-left.medium .item-count{ font-size: 100px;}
.statistics-number-left.medium .item-large-text{ font-size: 40px; padding-top: 15px;}
.statistics-number-left.medium .item-large-text span{ font-size: 20px;}
.statistics-items .item-icon,
.statistics-items .item-icon svg{ width: 90px; height: 90px; display: inline-block; vertical-align: top;}
.items-icon-abs .item-icon{ position: absolute; left: 0; top: 50%; opacity: 0.2; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

/*Section About 8 Style*/
.section-about-8 .items .item-text{ line-height: 25px;}

/*Section Web Enterprise Portal 2 Style*/
.section-portal-2{ background-position: center bottom; background-repeat: no-repeat; background-size: 100% auto;}

/*Section Web Enterprise Portal 3 Style*/
.section-portal-3{ padding-bottom: 0;}
.section-portal-3 .media-image{ margin-bottom: -40px;}

/*Section Web Enterprise Portal 4 Style*/
.section-portal-4 .items .item-name h4{ text-transform: none;}

/*Section Web Enterprise Portal 5 Style*/
.section-portal-5{ position: relative; text-shadow: none;}
.section-portal-5:after{ content:""; background: rgba(0, 0, 0, 0.9); display: block; height: 100%; left: 0; position: absolute; top: 0; width: 50%;}
.section-portal-5 .row .col-12{ z-index: 1;}
.section-portal-5 .section-heading,
.section-portal-5 .section-content{ position: relative; z-index: 1;}
.section-portal-5 .section-content{ padding-top: 20px;}
.portal-tabs{ margin: 0 -10px; padding: 0; list-style: none; text-align: left;}
.portal-tabs li{ padding-left: 10px; padding-right: 10px; padding-top: 20px; }
.portal-tabs li a{ display: table; border: 1px solid rgba(255, 255, 255, 0.15); color: #fff; font-size: 17px; font-weight: 300; line-height: 26px; padding-bottom: 12px; padding-top: 12px; position: relative; vertical-align: top; height: 100px; width: 100%;}
.portal-tabs li a:hover{ border: 1px solid rgba(255, 255, 255, 0.4);}
.portal-tabs li a.active{ background-color: #59ba1f;}
.portal-tabs li a .tab-icon{ display: table-cell; width: 100px; text-align: center; vertical-align: middle;}
.portal-tabs li a .tab-icon svg{ width: 55px; height: 55px; vertical-align: middle;}
.portal-tabs li a .tab-name{ display: table-cell; vertical-align: middle; padding-right: 15px;}

.portal-tabs-content{ background-color: rgba(255,255,255,1); padding: 60px 70px 45px; position: relative; }
.portal-tabs-content .items .item-icon{ background: #59ba1f; border-radius: 50%; width: 140px; height: 140px; padding: 20px; position: relative;}

/*Section Business Process Automation 3 Style*/
.section-automation-3 .section-content .info-list{ list-style: none; margin: 1.25rem 0 0; padding: 1.875rem 0 0; position: relative;}
.section-automation-3 .section-content .info-list:before{ content: ''; position: absolute; left: 0; top: -20px; width: 100%; height: 21px; border: 1px solid rgba(255,255,255,0.15); border-top: none; border-radius: 0 0 20px 20px;}
.section-automation-3 .section-content .info-list li{ padding-top: 2.25rem; position: relative;}
.section-automation-3 .section-content .info-list li:before{ content: ''; position: absolute; width: 1.5rem; height: 1.5rem; top: 0; left: 50%; margin-left: -.75rem; background-repeat: no-repeat; background-position: 0 0; background-size: cover; background-image: url(../img/square-green.png);}
.section-automation-3 .section-content .info-list li:after{ content: ''; position: absolute; width: 1px; height: 31px; top: -29px; left: 50%; margin-left: 0; background: rgba(255,255,255,0.15);}

/*Section Business Process Automation 4 Style*/
.section-automation-4{ background-size: 100% 100%; background-repeat: no-repeat; background-position: center ;}
.automation-tabs{ list-style: none; margin: 0; padding: 0; width: 100%;}
.automation-tabs li{ padding: 0;}
.automation-tabs li a{ display: inline-block; outline: none;}
.automation-tabs li a .tab-icon{ display: inline-block; width: 150px; height: 150px; padding: 22px; background: #fff; border: 2px dashed #eee; border-radius: 50%;}
.automation-tabs li a.active .tab-icon{ background: #59ba1f;}
.automation-tabs li a .tab-name{ display: none;}
.automation-tabs li a .tab-icon svg{ width: 100px; height: 100px;}
.automation-tabs li a .tab-icon svg path{ stroke: #59ba1f;}
.automation-tabs li a.active .tab-icon svg path{ stroke: #fff;}

.automation-tabs-content .items{ text-align: center;}
.automation-tabs-content .items .item-wrap{ display: inline-block; text-align: left;}

.section-cms-5 .container-fluid{ padding-left: 0; padding-right: 0;}

/*Section Mobility 2 Style*/
.section-mobility-2 .section-content{ position: relative;}
.list-mobility-2{ list-style: none; margin: 0 0 60px; padding: 0;}
.list-mobility-2 li{ display: inline-block; width: 25%; margin-right: 24%; margin-top: 65px; padding-right: 40px; position: relative; text-align: right;}
.list-mobility-2 li:nth-child(2n+2){ margin-left: 24%; margin-right: 0; padding-right: 0; padding-left: 40px; text-align: left;}
.list-mobility-2 li:before{ content: ""; background: rgba(0,0,0,0.15); width: 100%; height: 1px; position: absolute; top: .875rem; left: 100%;}
.list-mobility-2 li:nth-child(2n+2):before{ left: auto; right: 100%;}
.list-mobility-2 li:after{ content: ""; background-repeat: no-repeat; background-position: 0 0; background-size: cover; background-image: url(../img/square-green.png); position: absolute; top: .125rem; width: 1.5rem; height: 1.5rem; right: 0;}
.list-mobility-2 li:nth-child(2n+2):after{ background-image: url(../img/square-blue.png); left: 0;}
.section-mobility-2 .section-heading:before { content: ""; position: absolute; display: block; width: 100px; height: 100%; left: 50%; margin-left: -50px;
  background: -webkit-linear-gradient(top,rgba(246,246,246,0) 0,rgba(246,246,246,.9) 50%,rgba(246,246,246,0) 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(246,246,246,0)),color-stop(50%,rgba(246,246,246,.9)),to(rgba(246,246,246,0)));
  background: linear-gradient(to bottom,rgba(246,246,246,0) 0,rgba(246,246,246,.9) 50%,rgba(246,246,246,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=0 );
}

/*Section Mobility 4 Style*/
.section-mobility-4 .section-content{ position: relative;}
.list-mobility-4{ list-style: none; margin: 0; padding: 0; width: 100%;}
.list-mobility-4 li{ display: inline-block; width: 100%; margin-top: 12px; min-height: 82px; position: relative;}
.list-mobility-4 li .list-icon{ position: absolute; left: 50%; margin-left: -40px; top: -23px; width: 80px; height: 80px; border-radius: 50%; padding: 15px; z-index: 1;}
.list-mobility-4 li .list-icon svg{ width: 50px; height: 50px;}
.list-mobility-4 li .list-left,
.list-mobility-4 li .list-right{ width: 29%; position: relative;}
.list-mobility-4 li .list-right{ text-align: right; float: left; padding-right: 35px; padding-left: 0;}
.list-mobility-4 li .list-left{ text-align: left; float: right; padding-left: 35px;}
.list-mobility-4 li .list-left:after,
.list-mobility-4 li .list-right:after{ content: ""; width: 100%; height: 2px; position: absolute; top: calc(.75rem + 1px);}
.list-mobility-4 li .list-right:after{ left: 99%;}
.list-mobility-4 li .list-left:after{ right: 99%;}
.list-mobility-4 li .list-left:before,
.list-mobility-4 li .list-right:before{ content: ""; background-repeat: no-repeat; background-position: 0 0; background-size: cover; position: absolute; top: .125rem; width: 1.5rem; height: 1.5rem;}
.list-mobility-4 li .list-right:before{ right: 0;}
.list-mobility-4 li .list-left:before{ left: 0;}

/*Section Mobility 5 Style*/
.mobility-list-5{ list-style: none; margin: 0; padding: 0;}

/*Section Mobility Background Art Style*/
.mobility-art-wrap{ display: none; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 0;}
.mobility-art-inner{ position: absolute; left: 0; top: 0; height: 0; right: 0; z-index: 0; overflow: hidden; -webkit-transition: all 2s linear; transition: all 2s linear;}
.line-speed-4{ -webkit-transition: all 4s linear; transition: all 4s linear;}
.line-speed-5{ -webkit-transition: all 5s linear; transition: all 5s linear;}
.line-speed-6{ -webkit-transition: all 6s linear; transition: all 6s linear;}
.mobility-art-inner.go{ height: 100%;}
.mobility-art-repeat-sm{ position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: url(../img/mobility-sm-repeat.png) center top repeat-y;}
.mobility-art-top-1{ z-index: 1; position: absolute; left: 0; top: 100px; height: 30px; width: 100%; background: url(../img/mobility-top-1.jpg) center top no-repeat;}
.section-mobility-1 .mobility-art-repeat-sm{ top: 130px;}
.mobility-art-middle-2{ z-index: 1; position: absolute; left: 0; top: 208px; width: 100%; height: 475px; background: url(../img/mobility-middle-2.jpg) center bottom no-repeat;}
.mobility-art-5{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 604px; background: url(../img/mobility-top-5.png) center bottom no-repeat;}

/*Section Requirements Engineering 1 Style*/
.section-requirements-1{ position: relative;}
.section-requirements-1 .horizontal-row .items{ margin-bottom: 25px;}

/*Tabs Vertical Style*/
.tabs-vertical{ width: 100%; height: 100%; overflow: hidden;}
.tabs-vertical .items{ margin-bottom: 0; height: 64px; overflow: hidden; -webkit-transition: height 0.4s linear; transition: height 0.4s linear;}
.tabs-vertical .items.items-selected{ height: auto;}
.tabs-vertical .items .item-name{ cursor: pointer; display: -webkit-box; display: -webkit-flex; display: flex;  align-items: center; -webkit-align-items: center;}

/*Section Integration 3 Style*/
.integration-row-3{ position: relative;}
.integration-art-wrap{ display: none; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 0;}
.integration-art-inner{ position: absolute; left: 0; top: 0; height: 0; right: 0; z-index: 0; overflow: hidden; -webkit-transition: all 2s linear; transition: all 2s linear;}
.integration-art-inner.go{ height: 100%;}
.integration-art-1{ position: absolute; left: 50%; margin-left: -66px; top: 127px; bottom: 0; width: 132px; background: url(../img/integration-3-1.png) center top repeat-y;}
.integration-art-2{ z-index: 1; position: absolute; left: 50%; margin-left: -66px; top: 428px; bottom: 0; width: 132px; background: url(../img/integration-3-2.png) center top no-repeat;}

.experience-api{ background: #fff; box-shadow: 0 3px 6px rgba(0,0,0,0.2);}
.api-title{ font-size: 21px; font-weight: normal; text-transform: uppercase; color: #59ba1f; padding: 15px 15px 10px; border-bottom: 1px dotted #e5e5e5;}
.api-slider .slick-track{ display: table;}
.api-slider .items{ margin-bottom: 0; padding: 15px; display: table-cell; float: none;}
.api-slider .items + .items{ border-left: 1px dotted #e5e5e5;}
.api-slider .items .item-name{ border-bottom: 1px dotted #e5e5e5; margin-bottom: 15px;}
.api-slider .items .item-name h5{ font-size: 19px; line-height: normal; font-weight: normal; text-transform: none;}
.api-slider .items .list-bullets{ font-size: 15px; text-align: left; display: inline-block;}
.api-slider .items .list-bullets li{ padding-bottom: 5px; padding-left: 15px;}
.api-slider .items .list-bullets li:before{ left: 0;}

/*Section Quality Ansurance And Testing 2 Style*/
.section-qa-2 .container-fluid{ padding: 0;}
.items-slide .items{ color: #fff; padding: 60px; width: 100%; background-position: 50% 0; background-size: cover; background-color: #234; text-shadow: 0 0 15px rgba(0, 0, 0, .7); overflow: hidden; margin-bottom: 0; -webkit-transition: all 0.5s linear; transition: all 0.5s linear;}
.items-slide-3 .items{ float: left;}
.items-slide-3 .items:before{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; z-index: 0; -webkit-transition: all 0.5s linear; transition: all 0.5s linear;}
.items-slide .items .item-icon,
.items-slide .items .item-name,
.items-slide .items .item-text,
.items-slide .items .item-name h3{ position: relative; z-index: 1; -webkit-transition: all 0.5s linear; transition: all 0.5s linear;}
.items-slide .items .item-icon{ width: 150px; height: 150px; padding: 30px; background: rgba(0,0,0,0.3); border-radius: 50%;}
.items-slide .items .item-name{ padding-bottom: 15px;}
.section-qa-2 .section-content .info-list{ list-style: none; margin: 0; padding: 10px 0 0; position: relative; line-height: 1.3;}
.section-qa-2 .section-content .info-list li{ padding-top: 35px; margin-top: 20px; position: relative;}
.section-qa-2 .section-content .info-list li:before{ content: ''; position: absolute; width: 24px; height: 24px; top: 0; left: 50%; margin-left: -12px; background-repeat: no-repeat; background-position: 0 0; background-size: cover; background-image: url(../img/square-green.png);}

/*Section Assistance And Maintenance 5 Style*/
.section-maintenance-5 .items .item-icon{ opacity: 0.2;}
.section-maintenance-5 .items .item-name{ font-size: 80px; font-weight: 500; line-height: 1; position: absolute; left: 0; top: 15px; width: 100%;}

/*Section Engagement-Driven Development Centers 3 Style*/
.section-centers-4 .container-fluid{ padding: 0;}
.centers-row-4{ width: 100%; padding: 60px 0; background-position: 50% 0; background-size: cover; background-color: #234; text-shadow: 0 0 15px rgba(0, 0, 0, .7); overflow: hidden; margin: 0;}

/*Section Engagement-Driven Development Centers 7 Style*/
.section-centers-7 .items .list-square:before{ display: none;}

/*Section UI/UX Design 1 Style */
.section-designing-1 .items .item-icon{ padding: 18px; width: 100px; height: 100px; border: 1px solid rgba(0,0,0,0.08); border-radius: 50%;}

/*Section UI/UX Design 3 Style */
.section-designing-3 .section-content{ padding-top: 70px; position: relative;}
.section-designing-3 .items .media-image{ margin-top: 30px;}
.tabs-designing-3{ list-style: none; padding: 0; margin: -10px 0 30px; border-bottom: 1px solid #ddd;}
.tabs-designing-3 li{ line-height: normal; vertical-align: top;}
.tabs-designing-3 li a{ font-size: 17px; font-weight: normal; color: #bbb; padding: 18px 10px; display: inline-block; width: 100%; height: 100%; position: relative; border-top: 1px solid #ddd;}
.tabs-designing-3 li a:hover,
.tabs-designing-3 li a.active{ color: #59ba1f;}
.tabs-designing-3 li a:after,
.tabs-designing-3 li a:before{ content: ""; position: absolute; left: 50%; margin-left: -7px; width: 0; height: 3px; background: #59ba1f; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; z-index: 1;}
.tabs-designing-3 li a:before{ top: -2px;}
.tabs-designing-3 li a:after{ bottom: -2px;}
.tabs-designing-3 li a.active:before,
.tabs-designing-3 li a.active:after{ left: 0; margin-left: 0; width: 100%;}

/*Section UI/UX Design 5 Style */
.section-designing-5{ background: url(../img/page-bg-designing-5.jpg) center bottom no-repeat;}
.section-designing-5 .block-row{ background: url(../img/designing-5.png) center -6px no-repeat;}

/*Section UI/UX Design 6 Style */
.section-designing-6 .items .list-square:before{ display: none;}

/*Section Social Networking 4 Style */
.section-social-3 .items{ padding-bottom: 20px;}
.section-social-3 .items:after{ content: ""; width: 100%; height: 30px; display: inline-block; background: url(../img/zigzag-shape.jpg) -2px top repeat-x; background-size: 11.15% auto; position: absolute; bottom: -30px; left: 0;}
.section-social-3 .items .item-text{ line-height: 30px;}

/*Section Social Networking 3 Style */
.section-social-4{ position: relative; overflow: hidden;}
.section-social-4 .bg-media{ position: absolute; background-repeat: no-repeat; background-position: center center;}
.section-social-4 .media-left{ left: -30px; bottom: -20px; width: 198px; height: 264px;}
.section-social-4 .media-right{ right: -80px; bottom: -100px; width: 332px; height: 379px;}

/*Section Social Networking 5 Style */
.section-social-5 .section-content{ position: relative;}
.section-social-5 .media-row{ position: absolute; left: 0; top: 50%; margin: 0; width: 100%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
.section-social-5 .list-bullets li + li{ margin-top: 3px;}

/*Section PHP 9 Style*/
.section-php-9{ background-size: 100% auto; background-position: center bottom; background-repeat: no-repeat; background-color: #fff;}

/*Section ROR 2 Style*/
.section-ror-2 .container-fluid .items .item-wrap{ width: 90%;}

/*Section ROR 4 Style*/
.section-ror-4 .media-row{ position: absolute; left: 0; top: 68%; margin: 0; width: 100%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}

/*Section ROR 5 Style*/
.section-ror-5 .media-row{ position: absolute; left: 0; bottom: 0; margin: 0; width: 100%;}
.section-ror-5 .items{ margin-bottom: 30px;}
.section-ror-5 .list-bullets{ display: inline-block;}

/*Section ROR 7 Style*/
.section-ror-7{ background-color: #fff; background-repeat: no-repeat; background-position: center bottom; padding-bottom: 20px; padding-top: 0;}

/*Section ROR 8 Style*/
.section-ror-8{ background: url(../img/ror-8.jpg) left bottom no-repeat; background-size: 100% auto;}

/*Row Items 1 Style*/
.row-items-1{ margin: 0 0 2.5rem;}
.row-items-1 .col-12{ padding: 0; z-index: 1;}
.row-items-1 .col-12:nth-child(2n+2){ z-index: 0;}
.row-items-1 .items{ background-color: #fff; margin-bottom: 0; height: 100%;}
.row-items-1 .col-12:nth-child(2n+2) .items{ background-color: #f6f6f6;}
.row-items-1 .items .item-wrap{ padding: 20px;}
.row-items-1 .items:before,
.row-items-1 .items:after{ position:absolute; content:""; top:20px; bottom:20px; left:40px; right:40px; z-index:-1; box-shadow:0 0 40px 13px rgba(0,0,0,0.3); border-radius:40%;}

/*Row Items 2 Style*/
.row-items-2{ --bs-gutter-x: 0;}
.row-items-2 > .col-12{ z-index: 1;}
.row-items-2 .items{ background-color: #fcfcfc; height: 100%; margin-bottom: 0; padding: 20px 5px 20px 20px;}
.row-items-2 .items:after{ position:absolute; content:""; bottom:20px; height: 20px; left:40px; right:40px; z-index:-1; box-shadow:0 0 40px 13px rgba(0,0,0,0.3); border-radius:40%;}
.row-items-2 .items-icon-left{ padding-left: 80px;}
.row-items-2 .items-icon-left .item-icon{ width: 50px; height: 50px; position: absolute; left: 20px; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
.safari .row-items-2 .items-icon-left .item-icon svg{ width: 100%; height: 100%;}
.row-items-2 .items .table-cell{ vertical-align: middle; padding: 0 10px;}

.row-items-2 .items-number-icon-left{ background-color: #fff;}
.row-items-2 .items-number-icon-left:after{ bottom:30px;}
.row-items-2 .items-number-icon-left .item-icon.item-bg{ width: 80px; height: 80px; padding: 15px; left: -10px; border-radius: 50%;}
.row-items-2 .items-number-icon-left .item-number{ position: absolute; left: -65px; font-size: 40px; line-height: 40px; font-weight: 400; color: #e0e4ea; background: none; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}

/*Row Items 3 Style*/
/* .row-items-3 .items:before,
.row-items-3 .items:after{ display: none; position:absolute; content:""; box-shadow:0 0 25px 10px rgba(0,0,0,0.2); top:35px; left:8px; bottom:35px; width:100px; z-index:-1; -webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg); transform: rotate(-6deg); border-radius: 0 50% 50% 0;}
.row-items-3 .items:after{ -webkit-transform: rotate(6deg); -moz-transform: rotate(6deg); transform: rotate(6deg); right: 8px; left: auto; border-radius: 50% 0 0 50%;}
.row-items-3 .col-xs-12:nth-child(2n+1) .items:before{ display: block;}
.row-items-3 .col-xs-12:nth-child(2n+2) .items:after{ display: block;} */

/*Row Items 4 Style*/
.row-items-4 .items .list-square:before{ display: none;}

/*Row Items 5 Style*/
.row-items-5{ position: relative;}
.row-items-5 .media-row{ position: absolute; left: 0; top: 55%; margin: 0; width: 100%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 2;}
.row-items-5 .items .list-square:before{ display: none; left: -45px; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 1;}
.row-items-5 .items-right-md .list-square:before{ right: -45px; left: auto;}
.row-items-5 .items .list-square:after{ display: none; content: ""; background: #ddd; width: 50%; height: 1px; position: absolute; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
.row-items-5 .items-left-md .list-square:after{ right: calc(100% + 30px);}
.row-items-5 .items-right-md .list-square:after{ left: calc(100% + 30px);}
.row-items-5 .items .item-wrap{ height: 100%;}

/*Row Items 6 Style*/
/* .row-items-6 .col-12 { padding: 0;} */
.row-items-6 .items { display: block; margin: 0; height: 100%; width: 100%; overflow: hidden; position: relative; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; color: #FFF;}
.row-items-6 .items .item-icon svg { width: 220px; height: auto;}
.row-items-6 .items .item-wrap { padding-left: 15px; padding-right: 15px;}
.container-fluid .row-items-6 .items .item-wrap{ width: 100%;}

/*Row Items 7 Style*/
.row-items-7 .items{ display: block; background: #fcfcfc; text-align: center; overflow: hidden; padding: 2rem 1rem; height: calc(100% - 1.5rem); margin-bottom: 1.5rem; position: relative; color: #000; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .10); width: 100%; transition: all .2s ease; transform: translateZ(0);}
.row-items-7 .items .item-image { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background-size: cover; background-position: 50% 50%; opacity: 0; -webkit-transition: all 1s ease; transition: all 1s ease;}
.row-items-7 .items:hover:before { opacity: 1;}
.row-items-7 .items:hover .item-image { opacity: 1; -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15);}
.row-items-7 .items:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-decoration: none; background: rgba(34, 51, 68, .25); -webkit-transition: all .4s ease; transition: all .4s ease; opacity: 0; z-index: 2;}
.row-items-7 .items .item-icon { margin-bottom: 25px;}
.row-items-7 .items .item-icon,
.row-items-7 .items .item-icon svg { height: 60px; max-height: 60px;}
.row-items-7 .items .item-icon,
.row-items-7 .items .item-name,
.row-items-7 .items .item-text { position: relative; z-index: 5;}
.row-items-7 .items .item-icon svg path { fill: #59ba1f;}
.row-items-7 .items:hover .item-icon svg path{ fill: #fff;}
.row-items-7 .items .item-icon svg path[stroke="#223344"] { stroke: #59ba1f;}
.row-items-7 .items:hover .item-icon svg path[stroke="#223344"] { stroke: #fff;}
.row-items-7 .items .item-icon svg path[fill="none"] { fill: none;}
.row-items-7 .items:hover .item-name,
.row-items-7 .items:hover .item-text { color: #FFF;}
.row-items-7 .items .item-name h5 { -webkit-transition: all .4s ease; transition: all .4s ease;}
.row-items-7 .items .item-icon svg path,
.row-items-7 .items .item-name,
.row-items-7 .items .item-text { -webkit-transition: all .4s ease; transition: all .4s ease;}

/*Row Items 8 Style*/
.row-items-8.row-bg-full{ background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.row-items-8.row-bg-full .col-12{ border-bottom: 1px solid rgba(255,255,255,0.5);}
.row-items-8.row-bg-full .col-12 + .col-12{ border-left: 1px solid rgba(255,255,255,0.5);}
.row-items-8{ --bs-gutter-x: 0;}
.row-items-8 .items { display: block; margin: 0; height: 100%; width: 100%; overflow: hidden; position: relative; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; color: #FFF;}
.row-items-8 .items .item-icon{ background: rgba(0,0,0,0.5); width: 170px; height: 170px; padding: 30px; border-radius: 50%; margin-bottom: 20px;}
.row-items-8 .items .item-icon svg path{ stroke: #fff;}
.row-items-8 .items .item-wrap { padding-left: 1rem; padding-right: 1rem;}
.container-full .row-items-8 .items .item-wrap{ width: 100%;}

/*Row Items 9 Style*/
.row-items-9{ position: relative;}
.row-items-9:before{ content: ""; position: absolute; left: 20px; top: 0; bottom: 0; width: 1px; border-right: 1px solid #ddd; display: inline-block;}
.row-items-9 .items:before{ content: attr(data-number); position: absolute; left: 0; top: -1.25rem; width: 2.5rem; height: 2.5rem; padding-top: .25rem; background-color: #fff; border: 1px solid #ddd; border-radius: 50%; z-index: 2; font-size: 1.5rem; line-height: 1; font-weight: 500; color: #ccc; text-align: center; display: flex; align-items: center; justify-content: center;}
.row-items-9 .items:last-child:before{ display: none;}
.row-items-9 .items .item-name{ background-color: #fff;}
.row-items-9 .items .item-text{ position: relative;}
.row-items-9 .item-text .before-bg{ position: relative;}
.row-items-9 .item-text .before-bg:before{ content: ""; position: absolute; top: .5rem; width: .75rem; height: .75rem; border-radius: 50%; display: block;}
.row-items-9 .items .item-text .row .col-12{ padding-top: 20px;}

/*Section Python 5 Style*/
.section-python-5 .media-row{ position: absolute; left: 0; top: 50%; margin: 0; width: 100%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 2;}
.section-python-5 .items .list-square:before{ display: none; left: -45px; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 1;}
.section-python-5 .items-right-lg .list-square:before{ right: -45px; left: auto;}
.section-python-5 .items .list-square:after{ display: none; content: ""; background: #ddd; width: 50%; height: 1px; position: absolute; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
.section-python-5 .items-left-lg .list-square:after{ right: calc(100% + 30px);}
.section-python-5 .items-right-lg .list-square:after{ left: calc(100% + 30px);}
.section-python-5 .items .item-wrap{ height: 100%;}

/*Section Python 6 Style*/
.section-python-6 .container-fluid .items .item-wrap{ width: 100%;}

/*Section Mobile Plateform Development 1 Style*/
.section-mobile-1 .items{ padding: 80px 20px;}

/*Section Mobile Plateform Development 2 Style*/
.section-mobile-2{ background-repeat: no-repeat; background-size: cover;}
.mobile-platform-slider{ border-top: 1px solid rgba(0,0,0,0.1); padding-top: 40px; margin-top: 30px;}

/*Section Backend 3 Style*/
.section-backend-3 .row-items-1{ margin-top: 75px;}
.backend-tool-tabs{ display: inline-block; width: 100%; margin: -10px 0 0; padding: 0; list-style: none; position: relative;}
.backend-tool-tabs li{ display: inline-block; padding: 2px 0;}
.backend-tool-tabs li a,
.backend-tool-tabs li a:focus{ display: inline-block; width: 100%; padding: 25px; min-width: 220px; background: #f6f6f6; font-size: 20px; line-height: 1; color: #59ba1f; font-weight: normal; text-transform: uppercase; position: relative; z-index: 1;}
html:not(.mobile) .backend-tool-tabs li a:hover,
.backend-tool-tabs li a.active{ background: #59ba1f; color: #fff;}
.section-backend-3 .items .item-icon{ width: 100%; height: auto; max-width: 180px; padding: 20px; margin-bottom: 0;}

/*Section Backend 6 Style*/
.section-backend-6 .section-content{ position: relative;}
.section-backend-6 .media-row{ position: absolute; left: 0; top: 50%; width: 100%; margin: 0; -webkit-transform: translate(0,-53%); transform: translate(0,-53%);}

/*Section Frontend 3 Style*/
.section-frontend-3 .section-content{ position: relative; padding-top: 25%;}
.section-frontend-3 .media-row{ position: absolute; left: -15px; right: -15px; top: 0;}

/*Section Tabs Design 1 Style*/
.tabs-design-1{ list-style: none; padding: 0; margin: -10px 0 30px; border-bottom: 1px solid #ddd;}
.tabs-design-1 li{ line-height: normal; vertical-align: top;}
.tabs-design-1 li a{ font-size: 17px; color: #999; padding: 18px 10px; display: inline-block; width: 100%; height: 100%; position: relative; border-top: 1px solid #ddd;}
.tabs-design-1 li a:hover,
.tabs-design-1 li a.active{ color: #59ba1f;}
.tabs-design-1 li a:after{ content: ""; position: absolute; left: 50%; margin-left: -7px; width: 0; height: 3px; background: #59ba1f; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; z-index: 1;}
.tabs-design-1 li a:after{ bottom: -2px;}
.tabs-design-1 li a.active:after{ left: 0; margin-left: 0; width: 100%;}

/*Section Ionic 3 Style*/
.section-ionic-3 .section-content{ position: relative;}
.list-ionic-3{ list-style: none; margin: 0; padding: 0;}
.list-ionic-3 li{ display: inline-block; width: 25%; margin-right: 24%; margin-top: 40px; min-height: 70px; padding-right: 40px; position: relative; text-align: right; vertical-align: top;}
.list-ionic-3 li:nth-child(2n+2){ margin-left: 24%; margin-right: 0; padding-right: 0; padding-left: 40px; text-align: left;}
.list-ionic-3 li:before{ content: ""; background: rgba(0,0,0,0.15); width: 100%; height: 1px; position: absolute; top: 16px; left: 100%;}
.list-ionic-3 li:nth-child(2n+2):before{ left: auto; right: 100%;}
.list-ionic-3 li:after{ content: ""; background-repeat: no-repeat; background-position: 0 0; background-size: cover; background-image: url(../img/square-green.png); position: absolute; top: 5px; width: 24px; height: 24px; right: 0;}
.list-ionic-3 li:nth-child(2n+2):after{ background-image: url(../img/square-blue.png); left: 0;}

/*Section Portfolio 1 Style*/
.section-portfolio-1 .items-bordered .item-name.item-bg{ padding-top: 30px; padding-bottom: 30px; display: block;}
.section-portfolio-1 .items{ background-image: url(../img/coming-soon-gray.png); background-position: center 62%; background-repeat: no-repeat;}

/*Section Portfolio Tabs Style*/
.portfolio-tabs{ position: fixed; left: 15px; top: 293px; width: 100%;}
.portfolio-tabs .items .item-name.item-bg{ padding-left: 20px; padding-right: 20px; display: block;}
.portfolio-tabs .items{ border-bottom: none; margin-bottom: 0;}
.portfolio-tabs .item-body{ padding: 20px;}
.portfolio-row{ padding: 15px 7px 0 8px; background: rgba(255,255,255,0.8); text-shadow: none;display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.portfolio-row .portfolio-column{ width: 50%; padding-left: 7px; padding-right: 8px;}
.portfolio-row .portfolio-column.full{ width: 100%;}
.portfolio-row .items{ margin-bottom: 15px; color: #234; background: #fff; display: inline-block; width: 100%; height: calc(100% - 15px); border: 1px solid #ddd;}
html:not(.mobile) .portfolio-row .items:hover{ -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);}
.portfolio-row .items .item-image-bg{ position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; overflow: hidden;}
.portfolio-row .items .item-image-bg img{ width: 100%;}
.portfolio-row .items .item-image-bg:after{ content: ""; position: absolute; display: inline-block; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255,255,255,0);}
html:not(.mobile) .portfolio-row .items:hover .item-image-bg:after{ background: rgba(255,255,255,0.1);}
.portfolio-row .items .item-content{ padding: 20px 30px; position: relative;}
.portfolio-row :not(.full) .items .item-name h4{ font-size: 1.625rem; line-height: 2.25rem;}
html:not(.mobile) .portfolio-row .items:hover .item-name h4{ color: #59ba1f;}
.portfolio-row .items .tags-title{ font-size: 11px; line-height: 1; color: rgba(0,0,0,0.5); font-weight: 500; text-transform: uppercase; padding: 6px 0;}
.portfolio-row .items .tags-item{ display: inline-block; margin-right: 10px; margin-bottom: 12px; padding: 5px 12px; font-size: 14px; line-height: 1; color: #fff; background-color: #59ba1f; vertical-align: top; border-radius: 2px;}
.portfolio-row :not(.full) .items .item-text{ font-size: 15px; line-height: 26px;}

.portfolio-row .full .items{ color: #fff;}
.portfolio-row .full .items .item-image-bg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.portfolio-row .full .items .item-image-bg img{ display: none;}
.portfolio-row .full .items .item-image-bg:after{ background: rgba(0,0,0,0.5);}
html:not(.mobile) .portfolio-row .full .items:hover .item-image-bg:after{ background: rgba(0,0,0,0.6);}
.portfolio-row .full .items .item-content{ padding: 5% 7%; width: 100%;}
.portfolio-row .full .items .item-name h4{ font-size: 36px; line-height: 46px;}
.portfolio-row .full .items .tags-title{ color: rgba(255,255,255,0.5);}

.portfolio-row .items,
.portfolio-row .items .item-image-bg:after,
.portfolio-row .items .item-name h4{ -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}

/*Section Portfolio Details Style*/
.section-portfolio-details{ padding-top: 150px; padding-bottom: 50px;}
.section-portfolio-details:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5);}
.section-portfolio-details .items .list-check{ font-weight: 300;}
.section-portfolio-details .items .list-check li:before{ top: 8px;}
.section-portfolio-details .items .tags-title{ font-size: 17px; line-height: 1; font-weight: 400; text-transform: uppercase; padding: 8px 0;}
.section-portfolio-details .items .tags-title:first-child{ padding-top: 0;}
.section-portfolio-details .items .tags-item{ display: inline-block; margin-right: 10px; margin-bottom: 12px; padding: 5px 12px; font-size: 15px; line-height: 1; color: #fff; background-color: #59ba1f; vertical-align: top; border-radius: 2px;}

/*Section Portfolio Details Menu Style*/
.portfolio-details-menu{ position: relative;}
.portfolio-menu{ position: relative; left: 0; top: 0; width: 100%; background: rgba(255,255,255,0.95); z-index: 3; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .4); box-shadow: 0 0 1px rgba(0, 0, 0, .4);}
.portfolio-menu ul{ list-style: none; margin: 0; padding: 0; text-align: center; position: relative;}
.portfolio-menu ul li{ display: block;}
.portfolio-menu ul li a{ color: rgba(34,51,68,0.8); font-weight: 400; font-size: 17px; padding: 12px 20px; display: inline-block; width: 100%;}
.portfolio-menu ul li a.active{ color: #59ba1f;}

/*Section Portfolio Case Study Style*/
.section-case-study{ padding: 60px 0 75px; color: #fff; background: #234; position: relative;}
.section-case-study .cs-title{ margin-bottom: 50px; margin-top: 0; position: relative; z-index: 3; text-align: center; text-transform: uppercase;}
.cs-background{ position: absolute; left: 0; top: 0; bottom: 0; right: 0;}
.cs-background .cs-step-bg{ background-position: center center; background-size: cover; background-repeat: no-repeat;}
.cs-background .slick-list,
.cs-background .slick-track,
.cs-background .slick-slide *{ height: 100%;}
.cs-wrap{ position: relative;}
.cs-steps{ background: #fff; padding: 30px 15px; color: #234; position: relative;}
.cs-steps .cs-step{ padding: 0 15px;}
.cs-steps .items{ margin-bottom: 0;}
.cs-steps .items .item-button{ margin-top: 30px;}
.cs-steps .item-image-bg{ position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; overflow: hidden;}
.cs-steps .item-image-bg img{ width: 100%;}
/*.cs-steps .slick-prev,
.cs-steps .slick-next{ background-image: url(../img/slider-arrow.png); background-repeat: no-repeat; width: 70px; height: 62px;}
.cs-steps .slick-prev{ background-position: left center; left: -90px;}
.cs-steps .slick-next{ background-position: right center; right: -90px;}*/
.cs-steps .slick-arrow{ width: 70px; height: 50px;}
.cs-steps .slick-prev{ left: -90px;}
.cs-steps .slick-next{ right: -90px;}
.cs-steps .slick-arrow:before{ font-family: inherit; font-size: 50px; padding-left: 0; padding-right: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.cs-steps .slick-prev:hover:before{ padding-right: 15px;}
.cs-steps .slick-next:hover:before{ padding-left: 15px;}
.cs-steps .slick-arrow.slick-disabled{ pointer-events: none;}

/*Section Android Development 7 Style */
.section-android-7 .section-content{ position: relative;}
.section-android-7 .media-row{ position: absolute; left: 0; top: 50%; margin: 0; width: 100%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}

/*Section iOS Development 1 Style */
.section-ios-1 .items h6{ margin: 0;}

/*Section iOS Development 2 Style */
.section-ios-2{ background-repeat: repeat; background-position: center center; background-size: unset; text-shadow: none;}
.section-ios-2 .section-content{ position: relative;}
.section-ios-2 .media-row{ position: absolute; left: 0; top: 50%; margin: 0; width: 100%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}

/*Section Content and Document Management 2 Style */
.section-cms-2 .media-image{ text-align: center;}
.section-cms-2 .media-image img{ display: inline-block; margin: 12px;}

/*Section Content and Document Management 3 Style */
.section-cms-3 .media-row{ padding-top: 30px;}
.section-cms-3 .block-row{ margin-top: 20px;}
.section-cms-3 .items .list-square:before{ left: -35px; display: none;}
.section-cms-3 .items-right-sm .list-square:before{ right: -35px; left: auto;}

/*Section Content and Document Management 4 Style */
.section-cms-4 .section-content{ position: relative;}
.section-cms-4 .media-row{ position: absolute; left: 0; top: 30%; width: 100%; text-align: center; margin: 0;}

/*Section Ecommerce Solution 2 Style */
.section-ecommerce-2 .items .list-square:before{ left: -35px; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); display: none;}
.section-ecommerce-2 .items-right-sm .list-square:before{ right: -35px; left: auto;}

/*Section Healthcare Solution 2 Style */
.section-healthcare-2{ text-shadow: none;}

/*Section Cloud Solutions 6 Style */
.section-cloud-6 .block-row .list-bottom{ padding-top: 20px;}

/*Column Divider Style*/
.column-divider .row > [class^="col-"]{ position: relative;}
.column-divider .row > [class^="col-"]:after{ content: ""; display: none; position: absolute; left: 0; top: 10%; height: 80%; width: 1px; background: rgba(255,255,255,0.2);}
.section-light.column-divider .row > [class^="col-"]:after{ background: rgba(0,0,0,0.15);}
.column-divider .row > [class^="col-"] + [class^="col-"]:after{ display: block;}

/*z-index column Style*/
.zindex-dec > :nth-child(1){ z-index: 10;}
.zindex-dec > :nth-child(2){ z-index: 9;}
.zindex-dec > :nth-child(3){ z-index: 8;}
.zindex-dec > :nth-child(4){ z-index: 7;}
.zindex-dec > :nth-child(5){ z-index: 6;}
.zindex-dec > :nth-child(6){ z-index: 5;}
.zindex-dec > :nth-child(7){ z-index: 4;}
.zindex-dec > :nth-child(8){ z-index: 3;}
.zindex-dec > :nth-child(9){ z-index: 2;}
.zindex-dec > :nth-child(10){ z-index: 1;}

/*Contact Page Styel*/
.contact-sales{ padding: 20px 20px;}
.contact-sales + .contact-sales{ border-top: 1px solid #f6f6f6;}
.sales-name{ font-size: 22px; margin-bottom: 20px; line-height: 1;}
.sales-phone{ margin-top: 8px;}
.sales-phone a,
.sales-phone a:hover,
.sales-phone a:focus{ color: #234;}

.captcha-image{ background: #f6f6f6; display: inline-block; height: 55px; border:1px solid #ddd; opacity: 0.8; -webkit-border-radius:2px; border-radius:2px; width: 100%; vertical-align: top; position: relative; text-align: left; padding-right: 55px;}
.captcha-image img{ width: 100%; height: 53px; vertical-align: top; -webkit-border-radius:3px; border-radius:3px;}
.captcha-reload{ display: inline-block; background:url(../img/reload.png) center center no-repeat; width: 53px; height: 53px; margin: 0 0 0 10px; border-left:1px solid #aaa; position: absolute; right: 0; top: 0; opacity: 0.6;}

/*Form Style*/
.form-control{ min-height: 3rem; background-color:#f6f6f6; color: #000; border-radius: .125rem;}
textarea.form-control{ padding-top: .5rem; padding-bottom: .5rem; height:184px; resize: none;}
select.form-control{ padding-right: 40px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpath fill='%23464646' d='M0.21703 1.50126L1.65186 0.066431L9.99987 8.41445L18.3479 0.066431L19.7827 1.50126L10.0013 11.2827L0.21703 1.50126Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px 9px; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; cursor:pointer;}
select.form-control option[value=""]{ color: #999;}
textarea.form-control.errorMsg{ padding-bottom: 30px;}
input.form-control.errorMsg{ padding-right: 78px;}
select.form-control + div.errorMsg{ right: 35px;}
.form-control:focus{ color: #000; background-color: #fff; border-color: var(--bs-blue); box-shadow: 0 0 0 0.25rem rgba(var(--bs-blue-rgb), 0.25);}
.form-control::-moz-placeholder { opacity: 1; color: #999;}
.form-control:-ms-input-placeholder { opacity: 1; color: #999;}
.form-control::-webkit-input-placeholder { opacity: 1; color: #999;}

.form-group{ position: relative; margin-bottom: 20px;}
.form-control.errorMsg{ border-color: rgba(244, 78, 78, 0.8);}
.form-control.errorMsg:focus{ border-color: rgba(244, 78, 78, 0.6); outline: 0; -webkit-box-shadow: 0 0 5px rgba(244, 78, 78, 0.4); box-shadow: 0 0 5px rgba(244, 78, 78, 0.4);}
div.errorMsg,
div.captchaError{ position: absolute; bottom: .75rem; right: .625rem; color: var(--bs-danger); font-size: .875rem; line-height: 1.5rem;}
.alert > p + p{ line-height: 22px; margin-top: 12px;}
.alert-danger { color: #983232; background-color: #fff2f2; border-color: #f3d9d9;}
.alert-success { color: #418717; background-color: #f7fff2; border-color: #dbefcf;}

.career-tabs{ margin: 0 -10px; padding: 0; list-style: none; text-align: left;}
.career-tabs .career-tabs-item{ padding: 20px 10px 0; text-align: center;}
.career-tabs .career-tabs-item a{ display: inline-block; color: #fff; font-size: 18px; font-weight: 400; line-height: 26px; padding-bottom: 20px; padding-top: 0px; position: relative; vertical-align: top; border-radius: 4px 4px 0 0; width: 100%;}
.career-tabs .slick-current .career-tabs-item a{ background-color: #fff; color: #234; padding-bottom: 0px; padding-top: 20px;}
.career-tabs .career-tabs-item a .tab-icon{ display: inline-block; width: 100%; vertical-align: middle;}
.career-tabs .career-tabs-item a .tab-icon img{ width: 120px; height: auto;}
.career-tabs .career-tabs-item a .tab-name{ display: inline-block; width: 100%; padding-top: 10px;}

.items-career .list-square{ padding-left: 2rem;}
.items-career .list-square:before{ left: 0; top: .125rem; background-color: currentColor;}
.items-career .list-bullets li:before{ background-color: currentColor;}
.items-career .btn.btn-transparent.btn-green { color: currentColor; border-color: currentColor; background-color: transparent;}
.items-career .list-bullets{ margin-left: 10px;}
.items-ror .list-square:before,
.items-ror .item-color,
.items-ror .list-bullets li:before,
.items-ror .btn.btn-transparent.btn-green,
.items-ror .glyphicon{ color: #cc0000;}
.items-ror .btn.btn-transparent.btn-green:hover { background: #cc0000; color: #fff; border-color: #cc0000;}
.items-react .list-square:before,
.items-react .item-color,
.items-react .list-bullets li:before,
.items-react .btn.btn-transparent.btn-green,
.items-react .glyphicon{ color: #43d0f5;}
.items-react .btn.btn-transparent.btn-green:hover { background: #43d0f5; color: #fff; border-color: #43d0f5;}
.items-bd .list-square:before,
.items-bd .item-color,
.items-bd .list-bullets li:before,
.items-bd .btn.btn-transparent.btn-green,
.items-bd .glyphicon{ color: #fd5834;}
.items-bd .btn.btn-transparent.btn-green:hover { background: #fd5834; color: #fff; border-color: #fd5834;}

#getBlogButton{ position: absolute; left: 0; top: 0; opacity: 0;}
.section-latest-blog .link-arrow{ font-size: 1rem;}
.row-blog .items{ display: block; background: #fcfcfc; text-align: left; overflow: hidden; padding: 200px 20px 65px; position: relative; color: #000; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .10); width: 100%; transition: all .2s ease;}
.row-blog .items .item-image { display: block; position: absolute; left: 0; top: 0; right: 0; height: 180px; z-index: 1; background-size: cover; background-position: 50% 50%; opacity: 0.9; transition: all 1s ease; margin-bottom: 15px;}
.row-blog .items:hover .item-image { opacity: 1;}
.row-blog .items .item-name h3{ font-size: 22px; line-height: 28px; text-transform: none; transition: all .4s ease;}
.row-blog .items:hover .item-name h3{ color: #59ba1f;}
.row-blog .items .item-meta{ font-size: 13px; line-height: 24px; position: absolute; bottom: 0; left: 0; right: 0; padding: 0 20px 16px;}
.row-blog .items .item-meta .item-author{ display: inline-block; padding-right: 15px;}
.row-blog .items .item-meta .item-author img{ width: 1.5rem; border-radius: 50%; margin-right: 3px; vertical-align: top;}

.row-blog.front-blog .items{ background: #F9F9F9; border-top: 1px solid #DEDEDE; padding: 2.5rem; margin-bottom: 0; color: #000; width: 100%; height: auto; box-shadow: none;}
.row-blog.front-blog .col-12:last-child .items{ border-bottom: 1px solid #DEDEDE;}
.row-blog.front-blog .items .item-image{ display: flex; align-items: center; justify-content: center; height: 100%; margin-bottom: 0; opacity: 0; transition: all .5s ease;}
.row-blog.front-blog .items:hover .item-image { opacity: 1;}
.row-blog.front-blog .items .item-image:hover .btn .icon-end{ margin-left: 1.25rem;}
.row-blog.front-blog .items .item-name h3{ font-size: 1.34vw; line-height: 1.786vw;}
.row-blog.front-blog .items .item-meta{ font-size: .875rem; line-height: 1.5rem; font-weight: 500; margin-bottom: .5rem; position: relative; padding: 0;}
.row-blog.front-blog .items .item-text + .item-meta{ margin-bottom: 0;}
.row-blog.front-blog .items .item-author{ font-size: .875rem; line-height: 1.5rem; font-weight: 500; display: inline-block; margin-top: 1rem; padding-right: 0;}
.row-blog.front-blog .items .item-author img{ margin-right: .5rem;}

.section-talk{ padding-bottom: 5rem;}
.section-talk h2{ font-size: 4.2vw; line-height: 1; margin-bottom: 0; text-align: left;}
.section-talk .link-talk{ padding-right: 3.3vw; color: var(--bs-body-color); position: relative; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23000' stroke-width='2.5'%3e%3cpath d='M1.007,1.005l11.933,11.933 M2.683,12.995h10.311V2.68'/%3e%3c/svg%3e"); background-position: right center; background-size: 2.2vw auto; background-repeat: no-repeat; display: inline-block; text-decoration: none;}
.section-talk .link-talk:hover{ padding-right: 4.4vw;}

.section-product .title-name h1{ font-weight: 500;}
.swiper-container{ width: 100%; padding-top: 50px; padding-bottom: 50px;}
.swiper-slide{ background-position: center; background-repeat: no-repeat; background-size: contain; width: 300px; height: 450px;}
.swiper-button-next,
.swiper-button-prev{ color: #000;}

.section-static{ text-align: left;}
.section-static h4{ margin: 0 0 1.5rem; font-weight: 600;}
.section-static h5{ margin: 0 0 1rem;}
.section-static h6{ margin: 0 0 .625rem;}
.section-static p{ margin-bottom: 1rem; font-size: 1rem; line-height: 1.5;}
.section-static ul{ margin-bottom: 1rem; font-size: 1rem; line-height: 1.5; padding-left: 1.875rem; list-style: disclosure-closed;}
.section-static strong{ font-weight: 500;}
.section-static .spacer{ height: 1.875rem; width: 100%;}

/*Footer Style*/
.front .footer { background-color: #fff;}
.footer { background-color: #f9f9f9; width: 100%; z-index: 1;}
.footer-links{ padding: 4.5rem 0;}
.footer ul { margin: 0; padding: 0; list-style-type: none;}
.footer a{ font-weight: 400; color: #000; vertical-align: top; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.footer .footer-links a{ font-size: 1.005vw; line-height: 2.009vw;}
.footer .footer-title{ width: 19.3vw; margin-bottom: 1rem; text-align: right;}
.footer .footer-title a{ font-size: 2.456vw; line-height: 1; font-weight: 500; padding-right: 2.02vw; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none' stroke='%23000' stroke-width='4'%3e%3cpath d='M2.009,2.009l23.982,23.982 M5.362,25.991h20.629V5.362'/%3e%3c/svg%3e"); background-position: right center; background-size: 1.005vw auto; background-repeat: no-repeat; display: inline-block;}
.footer .footer-title a span{ font-size: .625rem; line-height: 1rem; font-weight: 500; width: 1rem; height: 1rem; border: 1px solid #000; display: inline-flex; text-align: center; justify-content: center; vertical-align: top; margin-top: -.6875rem; margin-right: -.25rem;}
.footer .footer-links .row{ --bs-gutter-y: 4rem;}
.footer .footer-links .footer-column ul{ margin-left: 19.8vw;}
.footer .footer-links .footer-column ul li{ padding: 2px 0; display: block;}
.footer .footer-links .footer-column ul li a {}
.footer .footer-links .footer-column-2 ul{ display: flex; flex-wrap: wrap;}
.footer .footer-links .footer-column-2 li{ width: 60%;}
.footer .footer-links .footer-column-2 li:nth-child(2n+2){ width: 40%;}
.front .footer .footer-copy{ background-color: #F9F9F9;}
.footer .footer-copy{ padding: 2.25rem 0; font-weight: 400; font-size: .875rem; line-height: 1.125rem; color: #000; background-color: #fff;}
.footer .footer-copy .fc-links{ display: flex; flex-wrap: wrap;}
.footer .footer-copy .fc-links a + a:before{ content: " | "; margin: 0 .5rem;}

.social-links-menu .icon { height: 16px; top: 8px; width: 16px; vertical-align: top; display: inline-block; fill: currentColor; position: relative;}
.page-top{ width: 36px; height: 36px; padding: 5px; display: inline-block; background-color: rgba(0,0,0,0.7); color: #fff; font-size: 20px; line-height: 1; text-align: center; border-radius: 2px; position: fixed; right: 15px; bottom: -40px; opacity: 0; cursor: pointer; z-index: 1000; -webkit-transition: all .5s ease; transition: all .5s ease;}
.page-top.active{ bottom: 50px; opacity: 1;}

/*Typewrite Style*/
.typewrite > .typewrap { border-right: 0.07em solid #59ba1f; animation: blink-caret 1s step-end infinite;}
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: #59ba1f }
}

/*Coming Soon Page Style*/
.coming-soon{ background-size: cover; background-attachment: fixed; position: absolute; top: 0; right: 0; left: 0; bottom: 0;}
.coming-soon:after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 2;}
.coming-soon canvas { position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; opacity: 0.6}
.coming-soon-text{ position: absolute; left: 0; top: 50%; width: 100%; z-index: 3; text-align: center; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
.coming-soon-text h1{ font-size: 300%;}
.coming-soon-logo{ display: inline-block; position: relative; width: 350px; max-width: 90%; height: 100px; text-indent: -9999px; background-position: 0 0; background-size: 100% auto; overflow: hidden; background-repeat: no-repeat;}
.coming-soon-text a,
.coming-soon-text a:focus{ color: #59ba1f;}
.coming-soon-text a:hover{ color: #fff;}

/*Loader Style*/
.loader{ display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.7); z-index: 4; border-radius: 0 0 40px 40px;}

.loader-ripple{ height: 48px; width: 48px; border-radius: 50%; position: absolute; display: inline-block; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.loader-ripple:after,
.loader-ripple:before{ content: ''; height: 0; width: 0; border: inherit; border: 3px solid; border-radius: inherit; position: absolute; left: 40%; top: 40%; animation: circle-ripple  1.4s linear infinite; color: #59ba1f; box-sizing: content-box;}
.loader-ripple:before{ animation-delay: -0.7s; color: #3fb4f4;}
@keyframes circle-ripple {
  0% {
    height: 0;
    width: 0;
    border-width: 2px;
    left: 22px;
    top: 22px;
  }
  100% {
    height: 48px;
    width: 48px;
    border-width: 8px;
    left: -8px;
    top: -8px;
    opacity: 0;
  }
}



/* .visible-xlg{ display: none;} */

@media (max-width: 1440px) {
  /*.portfolio-items .item-name { padding-left: 15px; padding-right: 15px;}*/
}

@media (max-width: 1280px) {
  .section-appdev-2 .media-right{ right: -230px;}
}

@media (min-width: 1200px) and (max-width: 1439px) {
  /* .title-name h1{ font-size: 66px;} */

  .services-items{ min-height: 415px;}

  /* .company-circle{ border-radius: 50%; float: right; width: 100%;}
  .company-circle svg{ width: 100%;} */
  /* .about-slider{ position: absolute; left: 50%; margin-left: -125px; top: 50%; margin-top: -125px; width: 250px; height: 250px; z-index: 4;}
  .about-slider .slick-slide{ padding-top: 24px;}
  .about-slider .slick-dots{ top: 0; bottom: 0; text-align: left;}
  .about-slider .slick-dots li{ position: absolute; margin: 0; opacity: 0;}
  .about-slider .slick-dots li:nth-child(1){ bottom: -12px; left: 50%; margin-left: -10px;}
  .about-slider .slick-dots li:nth-child(2){ top: 50%; margin-top: -10px; left: -12px;}
  .about-slider .slick-dots li:nth-child(3){ top: -12px; left: 50%; margin-left: -10px;}
  .about-slider .slick-dots li:nth-child(4){ top: 50%; margin-top: -10px; right: -13px;} */

  .section-contact-form .container{ width: 100%;}
  
  /* .section-about-6 .container-fluid .items .item-wrap{ width: 86%;} */
  /* .section-about-8 .items{ min-height: 380px;} */

  /* .items-bordered .item-name h4,
  .items-bordered-bottom .item-name h4,
  .items-bordered-top .item-name h4,
  .items-bordered-left .item-name h4,
  .items-bordered-right .item-name h4{ font-size: 28px; line-height: 32px;} */

  /* .section-meth-6 .items{ min-height: 405px;}
  .section-meth-6 .section-content .row .col-xs-12:nth-child(1) .items,
  .section-meth-6 .section-content .row .col-xs-12:nth-child(2) .items,
  .section-meth-6 .section-content .row .col-xs-12:nth-child(3) .items{ min-height: 645px;} */

  /* .section-em-2 .items{ min-height: 505px;} */

  .section-quality-4 .items .item-name h5{ font-size: 24px;}

  .section-portal-2{ padding-bottom: 130px;}
  /* .section-portal-4 .items{ min-height: 330px;} */
  /* .section-portal-5 .heading-title h2{ font-size: 50px; } */

  .automation-tabs li:nth-child(1),
  .automation-tabs li:nth-child(4){ margin-top: 60px;}
  .section-automation-4 .automation-tabs-content{ padding: 0 80px; margin-top: -50px; margin-bottom: 30px;}

  /* .integration-row-3 .col-xs-12:nth-child(2) .items,
  .integration-row-3 .col-xs-12:nth-child(3) .items{ min-height: 315px;}
  .integration-row-3 .col-xs-12:nth-child(5) .items,
  .integration-row-3 .col-xs-12:nth-child(6) .items{ min-height: 320px;} */
  /* .integration-art-1{ top: 151px;}
  .integration-art-2{ top: 518px;} */

  .section-maintenance-3 .items .item-wrap{ min-height: 312px;}

  .section-designing-4 .section-heading > .heading-title{ width: 90%;}

  .section-symfony-5 .items{ margin-bottom: 30px;}
}

@media (max-width: 1199px) {
  :root {
    --bs-body-font-size: 1rem;
  }
  h2{ font-size: 2rem; line-height: 2.75rem;}
  h3 { font-size: 1.75rem; line-height: 2.25rem;}
  h4{ font-size: 1.5rem; line-height: 2rem;}
  h5 { font-size: 1.375rem; line-height: 1.875rem;}
  .nav-list-item + .nav-list-item { margin-left: 25px;}

  .navbar-nav > .container-auto{ padding-right: 6rem;}
  .nav-collapse{ background-color: transparent;}
  .header-mobile .sidebar{ border-left-color: rgba(var(--bs-body-bg-rgb), .3);}
  .sidebar{ background-color: transparent; border-left-color: transparent;}
  .sidebar .social-links-menu{ opacity: 0; visibility: hidden; background-color: transparent; transition: all .4s ease-in-out;}
  .header-mobile .sidebar .social-links-menu{ opacity: 1; visibility: visible;}
  .menu-wrap .nav-items .nav-item{ font-size: .875rem; line-height: 1.25rem;}
  .menu-wrap .nav-items{ padding-left: 2rem;}
  .menu-wrap .nav-items.col-2{ width: 100%;}
  .nav-main li a.active{ background-position: right center;}
  .nav-contact-info{ font-size: .875rem;}

  .cursor{ display: none;}
  .list-check li{ margin-bottom: 10px;}

  .section-home .item-video{ width: 65vw;}

  .container-auto{ --bs-gutter-x: 3rem;}
  .container-fluid{ padding-right: 1.25rem;}
  /*.heading-title h2{ font-size: 2rem; line-height: 2.75rem;}*/
  .heading-large .heading-description{ font-size: 1.125rem; line-height: 1.75rem;}

  .web-development-company{ font-size: 1.125rem;}
  .items-about-info .item-ai .item-wrap .item-number{ font-size: 5.5rem;}
  .items-about-info .item-ai .item-wrap .item-type{ font-size: 1.25rem;}
  .items-about-info .item-ai .item-text{ font-size: 1rem;}

  .section-portfolio .portfolio-container{ gap: 1rem; width: 100%; flex-wrap: wrap;}
  .portfolio-items{ width: calc(50% - .5rem); flex: 0 0 auto;}
  .portfolio-items .item{ width: 100%; margin-right: 0;}
  .portfolio-items .item-name{ margin-top: .75rem;}
  .portfolio-items .item-name h4{ font-size: 1.25rem;}
  .portfolio-items .item-tags{ margin-top: .75rem;}
  .portfolio-items .item-tag{ padding: .5rem .5rem .375rem; margin-right: .5rem; margin-bottom: .5rem; font-size: .875rem;}

  .items .item-text{ font-size: 1rem; line-height: 1.5rem;}
  .row-blog.front-blog .items{ padding-left: 0; padding-right: 0;}
  .row-blog.front-blog .items .item-name h3{ font-size: 1.25rem; line-height: 1.75rem;}

  .testimonials-row{ min-height: 200px;}
  .testimonials-row .col-xl-6{ display: none;}
  .section-testimonials h2{ width: auto; padding-bottom: .5rem; margin-left: 4rem; margin-right: 5rem;}
  .section-testimonials .ts-wrap{ padding: 1.5rem 0 0 5rem;}
  .section-testimonials .ts-wrap:before{ width: 4rem; height: 4rem; border-radius: 1rem; top: -2rem;}

  .section-talk h2{ font-size: 2.75rem;}
  .section-talk .link-talk,
  .section-talk .link-talk:hover{ padding-right: 2.75rem; background-size: 1.5rem auto; user-select: none;}

  .footer .footer-title{ width: 170px;}
  .footer .footer-links .footer-column ul{ margin-left: 180px;}
  .footer .footer-links a{ font-size: .875rem; line-height: 1.75rem;}
  .footer .footer-title a{ font-size: 1.25rem; line-height: 1.75rem; padding-right: 1.125rem; background-size: .625rem auto;}

  .items-bordered .item-name h4,
  .items-bordered-bottom .item-name h4,
  .items-bordered-top .item-name h4,
  .items-bordered-left .item-name h4,
  .items-bordered-right .item-name h4{ font-size: 26px; line-height: 32px;}

  .services-items { padding-top: 40px; margin-bottom: 30px;}

  .section-expertise .sticky-title{ height: auto;}
  .section-expertise .section-content{ padding: 0; margin-top: 1.5rem; background-color: transparent;}
  .section-expertise .items{ height: auto; padding: 1rem 0; text-align: center;}
  .section-expertise .items .item-wrap{ width: 370px; margin: 0 auto;}
  .section-expertise .expertise-items { padding-top: 30px;}

  .section-company .heading-title h2 br{ display: none;}
  /* .company-circle{ width: 560px;  margin: 0 auto;} */
  /* .about-slider.slick-dotted.slick-slider{ margin-top: 35px; margin-bottom: 0;}
  .about-slider .slick-list{ margin: 11px;}
  .about-slider .slick-slide{ padding: 30px; border: 3px solid #D9D9D8; border-radius: 15px;}

  .about-slider .slick-slide:after,
  .about-slider .slick-slide:before { position: absolute; content: '';}

  .about-slider .slick-slide:before{ border-top: 3px solid #D9D9D8; border-bottom: 3px solid #D9D9D8; top: 10px; right: -5px; bottom: 10px; left: -5px;}
  .about-slider .slick-slide:after{ border-right: 3px solid #D9D9D8; border-left: 3px solid #D9D9D8; top: -5px; right: 10px; bottom: -5px; left: 10px;}

  .about-slider .slick-slide .border-animation:after,
  .about-slider .slick-slide .border-animation:before { position: absolute; content: ''; z-index: 1; transition: opacity 5s ease, transform 2s ease-in-out;}

  .about-slider .slick-slide[data-slick-index="0"] .border-animation:before{ border-left: 3px solid #59ba1f; transform: scale(1, 0); transform-origin: 0 100%; top: 0; right: 10px; bottom: 0; left: 10px; transition-delay: 2s;}
  .about-slider .slick-slide[data-slick-index="0"] .border-animation:after{ border-bottom: 3px solid #59ba1f; transform: scale(1); transform-origin: 0 100%; top: 10px; right: 0; bottom: 10px; left: 0;}
  
  .about-slider .slick-slide[data-slick-index="1"] .border-animation:before{ border-top: 3px solid #59ba1f; transform: scale(0, 1); transform-origin: 0 100%; top: 10px; right: 0; bottom: 10px; left: 0; transition-delay: 2s;}
  .about-slider .slick-slide[data-slick-index="1"] .border-animation:after{ border-left: 3px solid #59ba1f; transform: scale(1); transform-origin: 100% 0; top: 0; right: 10px; bottom: 0; left: 10px;}

  .about-slider .slick-slide[data-slick-index="2"] .border-animation:before{ border-right: 3px solid #59ba1f; transform: scale(1, 0); transform-origin: 100% 0; top: 0; right: 10px; bottom: 0; left: 10px; transition-delay: 2s;}
  .about-slider .slick-slide[data-slick-index="2"] .border-animation:after{ border-top: 3px solid #59ba1f; transform: scale(1); transform-origin: 100% 0; top: 10px; right: 0; bottom: 10px; left: 0;}

  .about-slider .slick-slide[data-slick-index="3"] .border-animation:before{ border-bottom: 3px solid #59ba1f; transform: scale(0, 1); transform-origin: 100% 0; top: 10px; right: 0; bottom: 10px; left: 0; transition-delay: 2s;}
  .about-slider .slick-slide[data-slick-index="3"] .border-animation:after{ border-right: 3px solid #59ba1f; transform: scale(1); transform-origin: 0 100%; top: 0; right: 10px; bottom: 0; left: 10px;}

  .about-slider .slick-active[data-slick-index="0"] .border-animation:after,
  .about-slider .slick-active[data-slick-index="2"] .border-animation:after{ transform: scale(0, 1);}
  .about-slider .slick-active[data-slick-index="1"] .border-animation:after,
  .about-slider .slick-active[data-slick-index="3"] .border-animation:after{ transform: scale(1, 0);}
  .about-slider .slick-active .border-animation:before { transform: scale(1) !important;}

  .about-slider .slick-dots{ top: 0; bottom: 0; text-align: left;}
  .about-slider .slick-dots li{ position: absolute; margin: 0;}
  .about-slider .slick-dots li:nth-child(1){ bottom: 3px; left: 14px;}
  .about-slider .slick-dots li:nth-child(2){ top: 3px; left: 14px;}
  .about-slider .slick-dots li:nth-child(3){ top: 3px; right: 14px;}
  .about-slider .slick-dots li:nth-child(4){ bottom: 3px; right: 14px;}
  .about-slider .slick-dots li.slick-active button{ -webkit-transition: all 2s ease; transition: all 2s ease;} */

  /*.portfolio-items,
  .portfolio-items:hover { padding-top: 50px; padding-bottom: 10px;}
  .portfolio-items .item-icon,
  .portfolio-items:hover .item-icon { height: 100px; line-height: 100px; margin-top: 0; opacity: 0;}
  .portfolio-items .item-name{ opacity: 1;}
  .portfolio-items .item-name h4 { margin-bottom: 40px;}
  .portfolio-items .tags { position: relative; bottom: auto;}
  .portfolio-items .item-text,
  .portfolio-items:hover .item-text { margin-top: 0; padding-top: 0; opacity: 1;}*/

  .section-appdev-6 .items .item-text ul li + li{ margin-top: 8px;}

  .statistics-items .item-count,
  .statistics-number-left.medium .item-count{ font-size: 90px; line-height: 90px; letter-spacing: -4px;}
  .statistics-number-left .item-large-text,
  .statistics-number-left.medium .item-large-text{ font-size: 40px; padding-left: 15px; padding-top: 10px;}
  .statistics-number-left .item-large-text span{ font-size: 22px;}

  .section-portal-5:after{ width: 100%; background: rgba(0, 0, 0, 0.7);}
  .portal-tabs-content{ margin-top: 30px; padding: 40px 40px 15px;}

  .section-designing-4 .section-heading > .heading-title,
  .section-designing-4 .section-heading > .heading-description{ width: 100%;}

  .row-items-2 .col-12:nth-child(2n+2) .items{ background-color: #f6f6f6;}
  .row-items-2 .col-12:nth-child(2n+2) .items-number-icon-left{ background-color: #fff;}
  .row-items-2 .items-number-icon-left{ padding-left: 130px;}
  .row-items-2 .items-number-icon-left .item-number{ left: 0; font-size: 30px;}
  .row-items-2 .items-number-icon-left .item-icon.item-bg{ left: 42px;}

  .row-items-6 .items .item-name{ display: none;}
  .row-items-6 .items .item-icon { width: 100%; height: auto;}
  .row-items-6 .items .item-wrap { position: relative; top: -50px;}
  /* .row-items-6.row-flex-sm .items{ height: 100%;} */

  .row-items-8 .items .item-wrap { padding: 25px 15px;}
  /* .row-items-8.row-flex-sm .items{ height: 100%;} */

  .row-items-9 .items{ padding-top: 50px;}
  .row-items-9 .items:not(:last-child){ padding-left: 60px; text-align: left;}
  .row-items-9 .items:after{ content: ""; position: absolute; top: 0; left: 20px; width: 50px; height: 1px; border-bottom: 1px solid #ddd; display: block; z-index: 1;}
  .row-items-9 .item-text .before-bg:before{ left: -45px;}

  .portfolio-row .portfolio-column{ width: 100%;}
  .portfolio-row .items{ color: #fff;}
  .portfolio-row .items .item-image-bg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
  .portfolio-row .items .item-image-bg img{ display: none;}
  .portfolio-row .items .item-image-bg:after{ background: rgba(0,0,0,0.6);}
  .portfolio-row .items .item-content{ padding: 5% 7%; width: 100%;}
  .portfolio-row .items .item-name h4{ font-size: 36px; line-height: 46px;}
  .portfolio-row .items .tags-title{ color: rgba(255,255,255,0.5);}

  .cs-steps .item-image-bg{ height: 100%;}
  .section-case-study .cs-title{ margin-bottom: 2rem;}
  .cs-steps .items .item-button{ margin-top: 1rem;}
}

@media (min-width: 1025px) and (max-width: 1199px) {
  .title-name h1{ font-size: 54px; line-height: 74px;}
  .main-title .container{ width: 100%;}
}

@media (min-width: 992px) and (max-width: 1199px) {
  .services-items{ min-height: 340px;}

  .section-expertise .expertise-items { min-height: 345px;}

  .section-appdev-3 .items .item-text{ padding: 14px 15px 20px 0;}

  .section-appdev-5 .items{ min-height: 355px;}
  .section-appdev-5 .row > .col-12:nth-child(3) .items,
  .section-appdev-5 .row > .col-12:nth-child(4) .items{ border-radius: 0 0 20px 20px;}

  .section-appdev-6 .media-image{ padding-top: 30px;}

  /* .section-about-6 .container-fluid .items .item-wrap{ width: 84%;} */
  /* .section-about-8 .items{ min-height: 464px;} */

  /* .section-meth-6 .items{ min-height: 305px;}
  .section-meth-6 .section-content .row .col-xs-12:nth-child(1) .items,
  .section-meth-6 .section-content .row .col-xs-12:nth-child(2) .items{ min-height: 455px;}
  .section-meth-6 .section-content .row .col-xs-12:nth-child(3) .items,
  .section-meth-6 .section-content .row .col-xs-12:nth-child(4) .items{ min-height: 375px;}

  .section-em-2 .items{ min-height: 630px;} */

  .section-portal-2{ padding-bottom: 110px;}
  .section-portal-4 .items{ min-height: 280px;}

  .automation-tabs li:nth-child(1),
  .automation-tabs li:nth-child(4){ margin-top: 90px;}
  .automation-tabs li:nth-child(2),
  .automation-tabs li:nth-child(3){ margin-top: 10px;}

  .section-designing-5 .block-row{ background-size: 40% auto; background-position: center 5px;}
  .section-designing-5 .items{ margin-bottom: 0; min-height: 80px;}

  .list-mobility-2 li{ width: 21%; margin-right: 28%;}
  .list-mobility-2 li:nth-child(2n+2){ margin-left: 28%; margin-right: 0;}
  /* .section-mobility-3 .items{ min-height: 435px;} */

  .section-mobility-4 .section-content .media-row{ padding: 0 60px;}
  .list-mobility-4{ top: 166px;}
  .list-mobility-4 li{ font-size: 17px; line-height: 22px; margin-top: 0;}
  .list-mobility-4 li .list-right,
  .list-mobility-4 li .list-left{ padding-top: 5px;}

  .section-requirements-1 .horizontal-row .items{ margin-bottom: 60px;}
  /* .section-requirements-1 .horizontal-row .col-xs-12:nth-child(3) .items,
  .section-requirements-1 .horizontal-row .col-xs-12:nth-child(4) .items{ margin-bottom: 30px;} */
  /* .section-requirements-3 .items{ min-height: 230px;} */

  /* .section-integration-1 .items{ min-height: 230px;} */
  /* .integration-row-3 .col-xs-12:nth-child(2) .items,
  .integration-row-3 .col-xs-12:nth-child(3) .items{ min-height: 420px;}
  .integration-row-3 .col-xs-12:nth-child(5) .items,
  .integration-row-3 .col-xs-12:nth-child(6) .items{ min-height: 370px;} */
  /* .integration-art-1{ top: 204px;}
  .integration-art-2{ top: 648px;} */

  /* .section-maintenance-2 .items{ min-height: 312px;} */

  .section-social-2 .items{ min-height: 255px;}
  .section-social-5 .list-bullets{ font-size: 16px;}

  .section-ios-2{ background-position: center 104%;}

  /* html.safari:not(.mobile) .section-expertise-1 .row-items-7 .items{ min-height: 280px;}
  html.safari:not(.mobile) .section-services-1 .row-items-7 .items{ min-height: 340px;} */

  .list-ionic-3 li{ width: 21%; margin-right: 28%; min-height: 90px; margin-top: 20px;}
  .list-ionic-3 li:nth-child(2n+2){ margin-left: 28%; margin-right: 0;}
}

@media (min-width: 768px) and (max-width: 1199px) {
  .automation-tabs-content{ margin-bottom: 40px;}

  .section-cms-5 .container-fluid .items .item-wrap{ width: 90%;}
  .section-cms-5 .row-items-8.row-bg-full .col-12:nth-child(3){ border-left: none;}

  .section-designing-1 .items{ margin-bottom: 40px;}
  .section-designing-1 .items-right-sm{ padding-right: 115px;}
  .section-designing-1 .items-left-sm{ padding-left: 115px;}
  .section-designing-1 .items-right-sm .item-icon{ right: 0;}
  .section-designing-1 .items-left-sm .item-icon{ left: 0;}
  .section-designing-1 .items .item-text{ line-height: 24px;}

  .section-ror-5 .media-row .media-image{ width: 310px; display: inline-block;}
  .section-ror-5 .items{ margin-bottom: -10px;}
  .section-ror-6{ background-size: 310px auto;}
  .section-ror-7{ background-size: 113% auto; background-position: center center; background-color: transparent; position: relative;}
  .section-ror-7:before{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;
    background: #fff;
    background: -webkit-linear-gradient(top,#fff 1%,#f6f6f6 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#fff),to(#f6f6f6));
    background: linear-gradient(to bottom,#fff 1%,#f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 );}
  .section-ror-7 .row .col-12:nth-child(4),
  .section-ror-7 .row .col-12:nth-child(5){ padding-top: 120px;}

  .section-symfony-5 .items{ margin-bottom: 20px;}

  .row-blog .col-12:nth-child(3){ display: none;}
}

@media (min-width: 768px) and (max-width: 991px) {
  .section-home{ min-height: 55vh; padding-top: 15vh;}
  .items-home p{ font-size: 1.786vw; line-height: 2.4vw; width: 26vw;}
  .items-home .btn,
  .items-home .btn:hover{ font-size: 1rem;}
  .items-home .btn .icon-end{ width: 2.5rem; height: 2.5rem}
}

@media (max-width: 1024px) {
  /*.header .container{ width: 100%; padding: 0;}
  .header-mobile { padding-left: 0; padding-right: 0;}
  .header-fixed,
  .header-mobile { padding-top: 20px;}
  .logo{ margin-left: 30px;}
  .logo-link { width: 220px; height: 40px;}
  .nav-collapse { display: block;}
  .navbar-nav{ position: absolute; right: -360px; width: 360px; top: 78px; height: calc(100vh - 77px); background: #fff; overflow: auto; margin: 0; padding: 0; display: block; opacity: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; box-shadow: -5px 5px 50px rgba(0,0,0,0.15);}
  .header-mobile .navbar-nav{ opacity: 1; right: 0;}
  .header-mobile .navbar-overlay{ visibility: visible; opacity: 1;}
  .nav-list-link,
  .nav-list-link:focus { font-size: 16px; line-height: 16px; padding-top: 15px; padding-bottom: 14px; display: inline-block;}
  .nav-dropdown-link { font-size: 15px; padding: 16px 20px;}
  .nav-list-item + .nav-list-item { margin-left: 0;}
  .nav-list-item-btn .nav-list-link { padding: 14px 20px;}
  .nav-list-item-hover > .nav-dropdown { max-height: 100%;}*/

  .main-title,
  .title-large { padding-top: 150px; padding-bottom: 100px;}
  .title-name h1{ font-size: 48px; line-height: 68px;}

  .section-portfolio-details{ padding-top: 130px; padding-bottom: 40px;}

  .section-expertise .expertise-items-bg { display: none;}
  /* .section-expertise .col-xs-12 { margin-bottom: -1px;} */
  .section-expertise .row:hover .item-image { opacity: 1;}
  .section-expertise .expertise-items:hover .item-image { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
  .section-expertise .row-background.active { opacity: 0; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
  .section-expertise .item-icon,
  .section-expertise .item-text { opacity: 1;}
  .section-expertise .expertise-items.inactive .item-name h4 { opacity: 1;}

  .section-testimonials { padding-top:100px; padding-bottom:100px;}
  .section-testimonials .section-content { width:100%; padding-left:15px; padding-right:15px;}

  /*.portfolio-items .col-xs-12 { margin-bottom: -1px;}*/

  /* .container-fluid .items .item-wrap,
  .container-auto .items .item-wrap{ width: 90%; margin: auto;} */

  .section-appdev-2 .media-left,
  .section-appdev-2 .media-right{ display: none;}
}

@media (max-width: 991px) {
  /* .section-home .item-video{ width: 54vw;} */

  .list-bullets{ font-size: 15px;}
  
  .container-fluid .items .item-wrap,
  .container-auto .items .item-wrap,
  .container-full .items .item-wrap{ width: 75%; margin: auto;}

  .section-company{ text-align: center;}
  .items-about-info .item-ai .item-wrap .item-number{ font-size: 4.5rem;}
  .items-about-info .item-ai .item-wrap .item-type{ font-size: 1rem;}

  .services-items{ min-height: 410px;}
  .testimonials-slider + .cf-title{ text-align: right;}

  .section-appdev-3 .items:after{background-size: 10.1% auto;}
  .section-appdev-5 .row > .col-12:nth-child(4) .items{ border-radius: 0 0 20px 20px;}

  .section-appdev-6 .media-image{ padding-bottom: 30px;}
  .section-appdev-6 .list-square{ padding-left: 30px;}
  .section-appdev-6 .list-square:before{ left: 0;}

  .statistics-items .item-count,
  .statistics-number-left.medium .item-count{ font-size: 70px; line-height: 70px;}
  .statistics-number-left .item-large-text,
  .statistics-number-left.medium .item-large-text{ font-size: 30px; padding-top: 8px;}
  .statistics-number-left .item-large-text span,
  .statistics-number-left.medium .item-large-text span{ font-size: 19px; margin-top: 8px;}

  .items-bordered-top.icon-rounded-top{ margin-top: 2.75rem; height: calc(100% - 4.25rem);}

  /* .row-items-1.row-flex-md{ margin-bottom: 40px;}
  .row-items-1.row-flex-md .items{ margin-bottom: 0;} */

  .section-contact-1 .items{ height: auto;}

  .footer .footer-title{ width: 100%; text-align: left;}
  .footer .footer-links .footer-column ul{ margin-left: .75rem;}
  .footer .footer-copy{ padding: 1.25rem 0;}
}

@media (min-width: 768px) and (max-width: 991px) {
  .section-expertise .expertise-items { min-height: 415px;}

  /* .about-slider.slick-dotted.slick-slider{ margin-top: 40px;} */

  .section-appdev-2{ padding-bottom: 50px;}
  .section-appdev-2 .items .item-name h3{ margin-top: 5px; margin-bottom: 30px;}
  .section-appdev-2 .items .item-text{ margin-bottom: 35px;}

  .section-portal-2{ padding-bottom: 250px;}
  .section-portal-4 .items{ min-height: 290px;}

  .portal-tabs li a{ line-height: 22px; }
  .portal-tabs li a .tab-icon{ width: 88px;}

  .section-automation-3 .section-content .info-list li:nth-child(4),
  .section-automation-3 .section-content .info-list li:nth-child(5),
  .section-automation-3 .section-content .info-list li:nth-child(6){ margin-top: 30px;}
  .section-automation-3 .section-content .info-list li:nth-child(4):after,
  .section-automation-3 .section-content .info-list li:nth-child(5):after,
  .section-automation-3 .section-content .info-list li:nth-child(6):after{ display: none;}
  .automation-tabs li:nth-child(1),
  .automation-tabs li:nth-child(4){ margin-top: 60px; margin-bottom: 50px;}
  .automation-tabs li:nth-child(2),
  .automation-tabs li:nth-child(3){ margin-top: -20px;}
  .automation-tabs li a .tab-icon{ width: 110px; height: 110px;}
  .automation-tabs li a .tab-icon svg{ width: 60px; height: 60px;}
  .automation-tabs-content{ margin-top: -100px;}

  .section-mobility-1 .container-fluid .items .item-wrap{ width: 85%;}
  .mobility-art-middle-2{ top: 190px; height: 357px; background: url(../img/mobility-middle-2-sm.jpg) center bottom no-repeat;}
  .section-mobility-2 .section-content .media-row{ padding: 0 70px;}
  .list-mobility-2{ margin-bottom: 0; margin-top: 20px;}
  .list-mobility-2 li{ margin-top: 40px; padding-right: 30px; margin-right: 25%; font-size: 18px; width: 24%; vertical-align: top;}
  .list-mobility-2 li:nth-child(2n+2){ padding-left: 30px; margin-left: 26%;}

  .section-mobility-4 .section-content .media-row{ padding: 0 100px;}
  .list-mobility-4{ top: 132px;}
  .list-mobility-4 li{ font-size: 16px; line-height: 22px; margin-top: 0; min-height: 66px;}
  .list-mobility-4 li .list-right,
  .list-mobility-4 li .list-left{ padding-top: 5px;}
  .list-mobility-4 li .list-icon{ position: absolute; left: 50%; margin-left: -35px; top: -18px; width: 70px; height: 70px; border-radius: 50%; padding: 11px; z-index: 1;}
  .list-mobility-4 li .list-icon svg{ width: 44px; height: 44px;}

  .mobility-art-5{ height: 512px; background: url(../img/mobility-top-5-sm.png) center bottom no-repeat;}
  .section-mobility-5 .media-row{ padding: 0 50px;}
  /* .section-mobility-5 .block-row{ top: 117px; margin: 0 0 0 -372px; width: 744px; top: 4.5rem;} */
  /* .mobility-list-5{ text-align: left;}
  .mobility-list-5.right{ text-align: right;} */
  /* .mobility-list-5 li{ min-width: 200px; min-height: 188px; margin-top: 0;} */
  .mobility-list-5 li .list-number{ font-size: 40px;}
  .mobility-list-5 li .list-number span{ font-size: 24px;}
  .mobility-list-5 li .list-text{ margin-top: 38px; line-height: 1.375rem; font-size: 1rem;}

  .section-requirements-1 .horizontal-row .items{ margin-bottom: 42px;}

  /* .section-integration-1 .items{ min-height: 320px;} */
  /* .integration-row-3 .col-xs-12:nth-child(2) .items,
  .integration-row-3 .col-xs-12:nth-child(3) .items{ min-height: 470px;}
  .integration-row-3 .col-xs-12:nth-child(5) .items,
  .integration-row-3 .col-xs-12:nth-child(6) .items{ min-height: 395px;}

  .section-maintenance-2 .col-xs-12:nth-child(3) .items,
  .section-maintenance-2 .col-xs-12:nth-child(4) .items{ min-height: 395px;}
  .section-maintenance-2 .col-xs-12:nth-child(5) .items,
  .section-maintenance-2 .col-xs-12:nth-child(6) .items{ min-height: 355px;} */

  .level-row .col-12:nth-child(2){ padding-left: 100px;}
  .level-row .col-12:nth-child(3){ padding-left: 200px;}

  .section-centers-7 .media-row{ margin-top: -45px; margin-bottom: 15px;}

  .section-designing-5 .block-row{ background: none;}
  /* .section-designing-5 .items{ margin-bottom: -18px;} */

  .section-social-2 .items{ min-height: 355px;}
  .section-social-5 .media-row{ padding: 60px 40px 0;}
  .section-social-5 .block-row .items{ margin-bottom: 20px;}
  .section-social-5 .block-row .items .item-name h5{ font-size: 20px; line-height: 26px;}

  .section-ror-7 { background-size: 120% auto;}
  .section-ror-7 .row .col-12:nth-child(4),
  .section-ror-7 .row .col-12:nth-child(5){ padding-top: 70px;}

  .statistics-items .item-icon,
  .statistics-items .item-icon svg{ width: 70px; height: 70px;}

  .section-ecommerce-7 .media-row .col-12{ padding: 0;}

  .section-ionic-2 .section-content .media-row{ padding: 0 80px;}
  .list-ionic-3 li{ margin-top: 0; padding-right: 30px; font-size: 17px; min-height: 90px;}
  .list-ionic-3 li:nth-child(2n+2){ padding-left: 30px;}

  .section-designing-5 .items .item-text{ display: inline-block;}
  .section-centers-4.section-bg[data-bg="center"]{ background-image: url(../img/page-bg-centers-portrait-4.jpg) !important; background-position: center center;}
  .section-centers-4 .row .col-12:first-child{ padding-bottom: 70px;}
  .section-centers-4 .row .col-12:last-child{ padding-top: 70px;}
}

@media (max-width: 767px) {
  body { font-size: 1rem;}
  h2 { font-size: 1.75rem; line-height: 2.25rem;}
  h3 { font-size: 1.625rem; line-height: 2rem;}
  h4 { font-size: 1.5rem; line-height: 1.875rem;}
  h5 { font-size: 1.375rem; line-height: 1.875rem;}
  .container{ --bs-gutter-x: 2.5rem;}
  .container-auto{ padding-left: 1.25rem; padding-right: 1.25rem;}
  .container-fluid{ padding-right: 1.25rem;}
  .container-full{ padding-right: 0;}
  .header{ height: 50px; box-shadow: 0 0 1px rgba(0, 0, 0, .4); background-color: #171B2B; padding: 10px 0;}
  .header .container-auto{ padding-right: 4rem;}
  .nav-collapse{ background-color: transparent;}
  /* .nav-collapse-item,
  .header-fixed .nav-collapse-item{ background-color: #171B2B;} */
  .header-mobile .nav-collapse{ width: 3.125rem; background: #171B2B;}
  .header-mobile .nav-collapse-item{ background-color: #F9F9F9;}
  .logo-link,
  .header-fixed .logo-link{ width: 180px; height: 38px;}
  .navbar-nav{ padding-top: 3.5rem;}
  .sidebar{ width: 51px; top: 100vh; height: 100vh; background-color: #171B2B; visibility: hidden; transition: all 0.4s ease-in-out;}
  .sidebar:before{ display: none;}
  .header-mobile .sidebar{ top: 0; visibility: visible;}
  .navbar-mobile .nav-list{ padding: 5px 18px 15px;}
  .nav-main li{ margin-bottom: 1rem;}
  .nav-main li a,
  .nav-bottom .nav-item a{ font-size: 1rem; padding-right: 1rem; background-position: right center; background-size: .625rem auto;}
  .nav-bottom{ gap: 1rem 2rem;}
  .navbar-nav .col-12.mt-auto{ padding-top: 1rem;}
  .menu-wrap .nav-items{ padding-left: 0; position: relative; display: none;}
  .menu-wrap .nav-items.active{ display: block;}
  .menu-wrap .nav-items.col-2{ display: none;}
  .menu-wrap .nav-items.col-2.active{ display: flex;}
  .menu-wrap .nav-items .nav-item{ margin-bottom: .75rem;}
  .nav-contact-info{ gap: 1rem 1.5rem; font-size: .75rem; padding: 1.5rem 0; margin-top: 1.5rem; flex-wrap: wrap; justify-content: center; align-items: center;}

  .title-name h1,
  .title-description p { padding-left: 0; padding-right: 0;}
  .main-title,
  .title-large { padding-top: 100px; padding-bottom: 40px;}
  .title-name h1 { font-size: 2.25rem; line-height: 2.875rem;}
  .title-description p { font-size: 1.25rem; line-height: 1.75rem;}
  .title-description h4{ font-size: 1.5rem; line-height: 1.75rem;}

  .section-portfolio-details{ padding-top: 90px; padding-bottom: 10px;}

  /*.heading-title h2 { font-size: 32px; line-height: 40px;}*/
  .section-heading > .heading-title,
  .section-heading > .heading-description { width: 100%;}
  .heading-title h2{ margin-bottom: 1rem;}
  .heading-title + .heading-description{ margin-top: 1rem;}
  .heading-description{ line-height: 1.5rem;}
  .heading-large .heading-description{ font-size: 1.125rem; line-height: 1.75rem;}
  .heading-description p + p{ margin-top: 1rem;}

  .section-title,
  .section-title-sm{ padding-top: 35px; padding-bottom: 40px;}
  .section-heading + .section-content,
  .section-heading + .section-content-sm,
  .section-title-sm .section-heading + .section-content{ padding-top: 1rem;}
  .section-items{ padding-top: 35px; padding-bottom: 15px;}
  .section-statistics{ padding-bottom: 10px;}
  .statistics-items{ margin-bottom: 30px;}

  .column-divider .row > [class^="col-"] + [class^="col-"]:after{ display: none;}

  .list-center-xs{ text-align: center;}
  .list-center-xs li{ padding-left: 0;}
  .list-center-xs li:before{ position: relative; left: 0; top: -1px; margin-right: 8px; vertical-align: middle; display: inline-block;}

  /*.section-home{ min-height: 100vh; height: auto; padding: 100px 0;}
  .section-home .title-name h1{ font-size: 32px; line-height: 44px; margin-bottom: 0;}
  .section-home .title-description{ margin: 0;}
  .section-home .hash-tag{ font-size: 20px; margin-bottom: 30px;}
  .section-home .btn{ margin-top: 30px; padding: 12px 40px; font-size: 15px;}
  .move-down{ bottom: 15px;}*/

  .items-home h1{ font-size: 2.25rem; line-height: 1.2;}
  .items-home h1 .t1{ margin-bottom: .5rem;}
  .items-home h1 .t2{ margin-bottom: 1.25rem;}
  .items-home p{ font-size: 1.125rem; line-height: 1.625rem; width: 300px; max-width: 100%; margin-bottom: 1.5rem;}
  .section-home .item-video .item-animate{ width: 100%;}

  .services-items { margin-bottom: 15px; min-height: 50px; padding-top: 30px; padding-bottom: 20px;}
  .services-items .item-text{ font-size: 16px; line-height: 25px;}

  .section-expertise .items{ padding: 1rem 0 0;}
  .section-expertise .items .item-icon{ margin-bottom: 1rem;}
  .section-expertise .item-name h4{ font-size: 24px; line-height: 34px;}

  .section-marquee,
  .section-customers-marquee{ padding: 2rem 0;}
  .items-marquee .item,
  .items-cmarquee .item{ font-size: 1.5rem;}

  .section-customers{ padding: 1rem;}

  .section-testimonials { padding-top: 2.5rem; padding-bottom: 2.5rem;}
  .section-testimonials h2{ padding-bottom: 0; border-bottom: none; margin-left: 2.5rem; margin-right: 1.25rem; padding-left: 1rem;}
  .section-testimonials .ts-wrap{ padding: 0;}
  .section-testimonials .ts-wrap:before{ width: 2.5rem; height: 2.5rem; border-radius: 0; top: -1.25rem; z-index: 1;}
  .section-testimonials .ts-wrap:after{ bottom: 1rem; right: 1rem;}
  .testimonials-slider{ padding: .625rem 0 0; line-height: 1.375rem;}
  .testimonials-slider .ts-items{ padding: 1.25rem;}
  .testimonials-slider .quote-author:after{ width: calc(100% - 2.5rem);}
  .testimonials-slider .quote-author span{ max-width: 75%;}

  .section-latest-blog h2{ margin-bottom: 1rem;}
  .section-latest-blog .section-heading + .section-content-sm{ padding-top: 0;}
  .row-blog.front-blog .items{ padding: 1.5rem 0;}
  .row-blog.front-blog .items .item-name h3{ margin-bottom: 0;}
  .row-blog.front-blog .items .icon-carrow{ display: none;}
  .row-blog.front-blog .items .item-author{ margin-top: .5rem;}
  .section-talk{ padding-bottom: 2.25rem;}

  /* .company-info .more-btn{ margin-top: 1.2em;} */

  /*.section-portfolio{ padding-bottom: 0;}*/
  /*.portfolio-items { height: 310px;}
  .portfolio-items,.portfolio-items:hover{padding-top:15px}
  .portfolio-items .item-name h4{margin-bottom:20px}*/

  .section-contact-form{ padding-top: 0; padding-bottom: 0;}
  .cf-title{ font-size: 32px; line-height: 40px;}
  .contact-box{ padding: 20px; margin-bottom: -40px;}
  .section-latest-blog{ padding-top: 80px;}

  .items{ height: calc(100% - 1.5rem); margin-bottom: 1.5rem;}
  .items .item-text{ font-size: 1rem; line-height: 1.5rem;}

  .items-bordered .item-name,
  .items-bordered-bottom .item-name,
  .items-bordered-top .item-name,
  .items-bordered-left .item-name,
  .items-bordered-right .item-name{ padding: 15px 15px 0;}
  .items-bordered .item-name.item-bg,
  .items-bordered-bottom .item-name.item-bg{ padding-bottom: 12px; padding-top: 14px;}
  .items-bordered .item-text,
  .items-bordered-bottom .item-text,
  .items-bordered-top .item-text,
  .items-bordered-left .item-text,
  .items-bordered-right .item-text{ padding: 2px 15px 15px;}
  .items-bordered .item-bg + .item-text,
  .items-bordered-bottom .item-bg + .item-text,
  .items-bordered-top .item-bg + .item-text,
  .items-bordered-left .item-bg + .item-text,
  .items-bordered-right .item-bg + .item-text{ padding-top: 15px;}
  /* .items-bordered-top.icon-rounded-top{ margin-top: 2.75rem; height: calc(100% - 4.25rem);} */

  .list-check li{ padding-left: 35px; margin-bottom: 15px;}
  .list-check li:before{ left: 8px;}
  /* .list-square h4{ line-height: 38px;} */

  .section-appdev-2{ padding-bottom: 5px;}
  .section-appdev-2 .items .item-name h3{ margin-top: 5px; margin-bottom: 20px;}
  .section-appdev-2 .items .item-text{ margin-bottom: 25px; font-size: inherit;}

  .section-appdev-3{ padding-bottom: 20px;}
  .section-appdev-3 .items{ margin-bottom: 2.75rem; height: auto;}

  .section-appdev-6 .heading-title h2{ font-size: 25px; line-height: 35px;}
  .section-appdev-6 .items .item-text ul li + li{ margin-top: 4px;}

  .section-portal-2{ background-image: none !important;}
  .portal-tabs li{ padding-top: 0;}
  .portal-tabs li + li{ padding-top: 15px;}
  .portal-tabs li a{ padding-top: 6px; padding-bottom: 6px; height: 82px;}
  .portal-tabs-content{ margin-top: 20px; padding: 20px 20px 0;}

  .section-automation-3 .section-content .info-list li + li{ margin-top: 20px; padding-top: 27px;}
  .section-automation-3 .section-content .info-list li:not(:first-child):after{ display: none;}
  .section-automation-4{ background-image: none !important;}
  .automation-tabs li{ margin-bottom: 20px;}
  .automation-tabs li a .tab-icon{ width: 130px; height: 130px; padding: 17px;}
  .automation-tabs li a .tab-icon svg{ width: 90px; height: 90px;}

  .list-mobility-2{ margin: 20px 0 -20px;}
  .list-mobility-2 li,
  .list-mobility-2 li:nth-child(2n+2){ width: 49%; margin: 0; vertical-align: top; min-height: 60px; padding-top: 4px;}
  .list-mobility-2 li{ padding-right: 30px;}
  .list-mobility-2 li:nth-child(2n+2){ padding-left: 30px; padding-right: 0;}
  .list-mobility-2 li:before{ display: none;}

  .list-mobility-4 li{ padding-top: 120px; margin-top: 0; line-height: 22px;}
  .list-mobility-4 li + li{ margin-top: 20px;}
  .list-mobility-4 li .list-left{ width: 50%; padding-left: 20px; padding-top: 4px;}
  .list-mobility-4 li .list-right{ width: 50%; padding-right: 20px; padding-top: 4px;}
  .list-mobility-4 li .list-left:after,
  .list-mobility-4 li .list-right:after{ display: none;}
  .list-mobility-4 li .list-right:before{ right: -12px;}
  .list-mobility-4 li .list-left:before{ display: none;}
  .list-mobility-4 li .list-icon{ margin-left: -55px; top: 0; width: 110px; height: 110px; padding: 20px;}
  .list-mobility-4 li .list-icon svg{ width: 70px; height: 70px;}

  .mobility-list-5.right{ margin-top: 25px;}
  .mobility-list-5 li{ margin-top: 0;}
  .mobility-list-5 li + li{ margin-top: 25px;}
  .mobility-list-5 li .list-number{ display: inline-flex; width: 110px; height: 110px; font-size: 46px; line-height: 1; border-radius: 50%; padding: .5rem .75rem 0; align-items: center; justify-content: center;}
  .mobility-list-5 li .list-number span{ font-size: 26px;}
  .mobility-list-5 li .list-text{ margin-top: 10px; line-height: 26px;}

  .section-items-1 .media-row{ margin-bottom: 30px;}

  .items-slide .items{ padding: 30px 20px;}
  .section-qa-2 .section-content .info-list li{ padding-top: 28px;}

  .items-level .item-name > h4{ padding-top: 9px;}
  .items-level .item-text{ margin-left: -45px;}
  .section-centers-4.section-bg[data-bg="center"]{ background-image: url(../img/page-bg-centers-portrait-4.jpg) !important; background-position: center 54%;}
  .section-centers-4 .row .col-12:first-child{ padding-bottom: 40px;}
  .section-centers-4 .row .col-12:last-child{ padding-top: 40px;}

  .section-designing-5 .block-row{ background: none;}

  .section-appdev-4 .media-row{ margin-bottom: 25px;}

  .section-ror-7{ background: #f6f6f6 !important;}

  /* .row-items-1.row-flex-sm{ margin-bottom: 40px;}
  .row-items-1.row-flex-sm .items{ margin-bottom: 0;} */
  .backend-tool-tabs li{ width: 100%;}
  .section-backend-3 .row-items-1{ margin-top: 30px;}

  .section-ecommerce-2.section-bg[data-bg="center"]{ background-position: left center;}
  .row-items-8.row-bg-full .col-12 + .col-12{ border-left: none;}

  .row-items-9 .items{ padding-top: 35px;}
  .row-items-9 .items:not(:last-child){ padding-left: 40px;}
  .row-items-9 .items .item-name h4{ margin-bottom: 0;}
  .row-items-9 .items .item-text .row .col-12{ padding-top: 15px;}
  .row-items-9 .item-text .before-bg:before{ left: -25px;}

  .list-ionic-3{ margin: 0;}
  .list-ionic-3 li,
  .list-ionic-3 li:nth-child(2n+2){ width: 49%; margin: 20px 0 0; vertical-align: top; min-height: 50px; padding-top: 4px;}
  .list-ionic-3 li{ padding-right: 30px;}
  .list-ionic-3 li:nth-child(2n+2){ padding-left: 30px; padding-right: 0;}
  .list-ionic-3 li:before{ display: none;}

  .portfolio-row :not(.full) .items .item-name h4,
  .portfolio-row .full .items .item-name h4{ font-size: 1.5rem; line-height: 2rem;}

  .footer .footer-title{ margin-bottom: .5rem;}
  .footer-links{ padding: 2.5rem 0 1.5rem;}
  .footer .footer-links .row{ --bs-gutter-y: 2rem;}
}

@media (max-width: 575px) {
  .menu-wrap .nav-items.col-2 .nav-item{ width: 100%;}
  .nav-contact-info{ flex-direction: column;}

  .section-home.section-hero{ padding-top: 5rem; padding-bottom: 0;}
  .items-home h1 .t2 br{ display: none;}
  .section-home .item-video{ width: auto; position: relative; left: 0; top: 0 !important;}
  .section-home .item-video video{ left: 42%;}
  .section-home .item-video .item-animate{ height: 130%; top: -20%;}

  .items-about-info .item-ai .item-wrap .item-number{ font-size: 4rem;}
  .items-about-info .item-ai .item-wrap .item-type{ font-size: 1rem;}
  .items-about-info .item-ai .item-text{ font-size: .875rem; line-height: 1.25;}

  .portfolio-items{ width: 100%;}
}

@media (max-width: 480px) {
  /* .about-slider .slick-slide{ min-height: 244px; padding-bottom: 10px;} */

  .container-fluid .items .item-wrap,
  .container-auto .items .item-wrap,
  .container-full .items .item-wrap{ width: 100%;}

  .section-appdev-3 .items:after{background-size: 20.2% auto;}
}

@media (min-width: 576px) {
  .slider-pimages .slick-track{ display: flex; align-items: center;}
  .slider-pimages .slick-slide{ padding: 0 1rem;}
}

@media (min-width: 768px) {
  .items-left-sm,
  .text-left-sm{ text-align: left; }
  .items-right-sm,
  .text-right-sm{ text-align: right;}
  .items-right-sm .list-bullets{ text-align: right;}
  .items-right-sm .list-bullets li{ padding-right: 25px; padding-left: 0;}
  .items-right-sm .list-bullets li:before{ left: auto; right: 10px;}
  /*.row-flex-sm{ display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  .row-flex-sm .items{ height: calc(100% - 50px);}
  .row-flex-sm [class*="items-bordered"]{ height: calc(100% - 40px);}*/
  /* .row-flex-sm .items[class*="items-bg-"] .item-wrap{ height: 100%;} */
  /* .row-flex-sm.flex-center{ align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;} */
  /*.mac.safari .row-flex-sm > .col-xs-12:first-child{ margin-left: -1px;}*/

  .row-table-sm{ display: table; width: 100%;}
  .row-table-sm .table-cell{ display: table-cell; float: none;}

  .icon-left-sm{ padding-left: 130px; padding-right: 30px;}
  .icon-left-sm .item-icon{ position: absolute; left: -10px; top: 5px;}

  .column-sm-5 > [class^="col-"]{ width: 20%;}

  .section-home .item-video .item-animate{ width: 74%;}

  .section-portal-3{ margin-bottom: 40px;}

  .mobility-art-wrap{ display: block;}
  .section-mobility-2 .media-row{ position: absolute; left: 0; top: 3.75rem; margin: 0; width: 100%; z-index: 1;}
  .list-mobility-4{ position: absolute; left: 0; z-index: 1;}
  .mobility-art-5{ height: 466px;}
  .section-mobility-5 .section-content{ position: relative;}
  .section-mobility-5 .block-row{ position: absolute; left: 0; top: 74px; margin: 0; width: 100%;}
  .section-mobility-4 .section-heading:before,
  .section-mobility-5 .section-heading:before { content: ""; position: absolute; display: block; width: 100px; height: 100%; left: 50%; margin-left: -50px;
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.9)),to(rgba(255,255,255,0)));
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=0 );
  }
  .mobility-list-5{ text-align: left;}
  .mobility-list-5.right{ text-align: right;}
  .mobility-list-5 li{ width: 200px; min-height: 188px; max-width: 100%; display: inline-block; text-align: center;}
  .mobility-list-5 li .list-number{ color: #fff; line-height: 1; background: none;}
  .mobility-list-5.left li:first-child,
  .mobility-list-5.left li:nth-child(3){ margin-left: 52px;}
  .mobility-list-5.right li:first-child,
  .mobility-list-5.right li:nth-child(3){ margin-right: 52px;}

  .section-requirements-1 .horizontal-row{ background: url(../img/requirements-1.jpg) center top no-repeat; padding-bottom: 30px; width: 1140px; margin: 0 auto; max-width: 100%;}
  /* .section-requirements-1 .horizontal-row .col-12{ padding-left: 5px; padding-right: 5px;}
  .section-requirements-1 .horizontal-row .col-12:not(.offset-md-2){ padding-left: 0;} */
  .requirements-bottom-media{ background: url(../img/requirements-bottom-1.jpg) center bottom no-repeat; position: absolute; left: 0; right: 0; bottom: 50px; height: 90px;}

  .section-items-1{ position: relative;}
  .section-items-1 .media-row{ position: absolute; left: 0; top: 50%; width: 100%; margin: 0; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
  .section-items-1 .items:before{ content: ""; position: absolute; left: -20px; top: 8px; bottom: 6px; width: 1px;}
  .section-items-1 .items-right-sm:before{ left: auto; right: -20px;}
  .section-items-1 .items:after{ content: ""; width: 50px; height: 1px; position: absolute; top: 50%; right: 100%; margin-right: 20px;}
  .section-items-1 .items-right-sm:after{ right: auto; left: 100%; margin-left: 20px; margin-right: 0;}

  .items-slide .items .item-text{ font-size: 19px; line-height: 36px;}
  .items-slide .items .item-icon{ margin-bottom: 30px;}

  .section-maintenance-5 .icon-left-sm{ padding-left: 200px;}
  .section-maintenance-5 .items .item-icon{ top: 20px;}
  .section-maintenance-5 .items .item-name{ left: 10px; top: 0; width: auto;}

  .section-designing-1 .items .item-icon{ position: absolute; top: 0;}
  .tabs-designing-3{ display: flex; justify-content: space-around; margin: -30px 0 50px; border-top: 1px solid #ddd;}
  .tabs-designing-3 li a{ border-top: none;}

  .section-appdev-4 .section-content{ position: relative;}
  .section-appdev-4 .media-row{ position: absolute; left: 0; top: 50%; margin: 0; width: 100%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}

  .section-ror-6{ background-image: url(../img/ror-6.png); background-position: center top; background-repeat: no-repeat;}
  .row-items-2 .items .row-table-sm{ height: 102px;}
  .row-items-2 .items .item-name h5{ margin-bottom: 0;}

  .section-mobile-2 .bg-media{ position: absolute; background-repeat: no-repeat; background-size: contain;}
  .section-mobile-2 .media-left{ width: 30%; height: 100%; left: -100px; top: 0; background-position: left 60%; max-width: 400px;}
  .section-mobile-2 .media-center{ width: 24%; height: 100%; left: 38%; top: 0; background-position: center 27%;}
  .section-mobile-2 .media-right{ width: 30%; height: 85%; right: -100px; top: 15%; background-position: right center; max-width: 400px;}

  .backend-tool-tabs:before,
  .backend-tool-tabs:after{ content: ""; position: absolute; left: -1.25rem; right: -1.25rem;}
  .backend-tool-tabs:before{ top: 7px; border-top: 1px dashed #ddd;}
  .backend-tool-tabs:after{ bottom: 7px; border-bottom: 1px dashed #ddd;}
  .backend-tool-tabs li a:before,
  .backend-tool-tabs li a:after{ content: ""; position: absolute; left: 0; right: 0;}
  .backend-tool-tabs li a:before{ top: 5px; border-top: 1px dashed #59ba1f;}
  .backend-tool-tabs li a:after{ bottom: 5px; border-bottom: 1px dashed #59ba1f;}
  .backend-tool-tabs li a.active:before{ border-top-color: #fff;}
  .backend-tool-tabs li a.active:after{ border-bottom-color: #fff;}

  .tabs-design-1{ display: block; margin: -30px 0 50px;}
  .tabs-design-1 li{ display: inline-block;}
  .tabs-design-1 li a{ border-top: none; font-size: 22px; padding: 18px 20px;}

  .contact-sales{ padding: 2.25rem 1.25rem;}
  /* html:not(.safari) .row-items-7.row-flex-sm .items,
  html.mobile.safari .row-items-7.row-flex-sm .items{ height: calc(100% - 30px);} */

  .section-cms-3 .block-row{ position: absolute; left: 0; top: 50%; margin: 0; width: 100%;}
  .section-cms-3 .items .list-square:before{ display: block;}

  .section-ecommerce-2 .section-content-sm{ position: relative;}
  .section-ecommerce-2 .block-row{ position: absolute; left: 0; top: 40%; margin: 0; width: 100%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
  .section-ecommerce-2 .items .list-square:before{ display: block;}

  .section-ecommerce-7 .section-content{ position: relative;}
  .section-ecommerce-7 .media-row{ position: absolute; left: 0; top: 30%; width: 100%; text-align: center; margin: 0;}
  .section-ecommerce-7 .block-row .row .col-12:nth-child(2){ padding-top: 3rem;}

  .section-automation-4{ background-size: 170% 100%; background-position: 50% center;}

  .section-cloud-6 .section-content{ position: relative;}
  .section-cloud-6 .media-row{ position: absolute; left: 0; top: 50%; margin: 0; width: 100%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 2;}
  .section-cloud-6 .block-row .list-bottom{ padding-top: 100px;}

  .portfolio-tabs{ width: 31.5%;}

  .portfolio-details-menu{ padding-top: 66px;}
  .portfolio-menu{ position: absolute;}
  .portfolio-menu ul li{ display: inline-block; padding: 0 5px;}
  .portfolio-menu ul li a{ padding: 20px;}

  .portfolio-details-menu:before,
  .pd-animate .pd-line{ content: ""; position: absolute; left: 7%; top: 0; bottom: 0; width: 1px; background: #e5e5e5; z-index: 1;}
  .pd-animate .pd-line{ left: 18%;}
  .portfolio-details-menu > section:before,
  .pd-animate .pd-line:before{ content: attr(data-rel); position: absolute; left: 15%; top: 50%; -webkit-transform: translate(22px,-51%); transform: translate(22px,-51%); z-index: 1; font-family: Arial; font-size: 68px; font-weight: 500; color: #f0f0f0; opacity: 0; -webkit-transition: all 1s ease; transition: all 1s ease;}
  .portfolio-details-menu > section.active:before{ opacity: 1;}
  .portfolio-details-menu > section.section-gray:before{ color: #e9e9e9;}
  .portfolio-details-menu > section:after,
  .pd-animate .pd-line:after{ content: "0"; position: absolute; left: 15%; top: 50%; background: #fff; transform: translate(-18px,-50%); z-index: 1; font-family: Arial; font-size: 68px; font-weight: 500; color: #f0f0f0; line-height: 0.65;}
  .portfolio-details-menu > section.section-gray:after,
  .section-gray .pd-animate .pd-line:after{ background: #f6f6f6;}

  .pd-animate{ position: absolute; left: 15%; top: 50%; width: 112px; overflow: hidden; transform: translate(-20px,-50%); z-index: 2; max-height: 100%; -webkit-transition: all 1s ease; transition: all 1s ease;}
  .pd-animate .pd-line{ background: #59ba1f;}
  .pd-animate .pd-line:before,
  .pd-animate .pd-line:after{ color: #59ba1f;}

  .section-ionic-3 .media-row{ position: absolute; left: 0; top: 1.5rem; margin: 0; width: 100%; z-index: 1;}
}

@media (min-width: 992px) {
  .items-left-md,
  .text-left-md{ text-align: left; }
  .items-right-md,
  .text-right-md{ text-align: right;}
  .items-right-md .list-bullets{ text-align: right;}
  .items-right-md .list-bullets li{ padding-right: 25px; padding-left: 0;}
  .items-right-md .list-bullets li:before{ left: auto; right: 10px;}
  /* .row-flex-md{ display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  .row-flex-md .items{ height: calc(100% - 50px);}
  .row-flex-md [class*="items-border"]{ height: calc(100% - 40px);}
  .row-flex-md .items[class*="items-bg-"] .item-wrap{ height: 100%;} */
  /* .row-flex-md.flex-center{ align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;} */
  /* .mac.safari .row-flex-md > .col-xs-12:first-child{ margin-left: -1px;} */

  .icon-left-md{ padding-left: 130px; padding-right: 30px;}
  .icon-left-md .item-icon{ position: absolute; left: -10px; top: 5px;}

  .container-fluid .items .item-wrap,
  .container-auto .items .item-wrap,
  .container-full .items .item-wrap{ width: 90%; margin: auto;}

  /* .section-appdev-2 .items .item-text{ min-height: 150px;} */

  .section-portal-5 .section-heading{ text-align: left; }

  .section-automation-2 .section-content{ position: relative;}
  .section-automation-2 .media-row{ position: absolute; left: 0; top: 200px; padding: 0 100px; width: 100%; text-align: center; margin: 0;}

  .section-mobility-5 .block-row{ position: absolute; left: 50%; top: 2.375rem; margin: 0 0 0 -442px; width: 884px;}
  .mobility-art-middle-2{ top: 192px;}
  .mobility-art-5{ height: 588px;}
  .mobility-list-5 li{ width: 220px; margin-top: 52px; min-height: 200px;}
  .mobility-list-5 li .list-number{ font-size: 56px;}
  .mobility-list-5 li .list-number span{ font-size: 30px;}
  .mobility-list-5 li .list-text{ margin-top: 50px; line-height: 26px;}
  .mobility-list-5.left li:first-child,
  .mobility-list-5.left li:nth-child(3){ margin-left: 70px;}
  .mobility-list-5.right li:first-child,
  .mobility-list-5.right li:nth-child(3){ margin-right: 67px;}

  .integration-art-wrap{ display: block;}
  .integration-row-3 .items:after{ content: ""; background: #fff; border: 4px solid #59ba1f; width: 22px; height: 22px; position: absolute; left: -14px; top: 50%; margin-top: -11px; border-radius: 50%; z-index: -1;}
  .integration-row-3 .items-right-md:after{ left: auto; right: -14px;}
  .items-bordered-left.items-right-md{ border-left-width: 0; border-right-width: 5px; border-right-style: solid;}

  .level-row .col-12:nth-child(2){ padding-top: 40px;}
  .level-row .col-12:nth-child(3){ padding-top: 80px;}

  .section-centers-7 .section-content{ position: relative;}
  .section-centers-7 .media-row{ position: absolute; left: 0; top: 50%; margin: -250px 0 0; width: 100%;}
  .section-centers-7 .items .list-square:before{ left: -35px; display: block;}
  .section-centers-7 .items-right-md .list-square:before{ left: auto; right: -35px;}

  .section-designing-5 .block-row .col-12:last-child .items{ margin-top: -.75rem;}
  .section-designing-6 .section-content{ position: relative;}
  .section-designing-6 .media-row{ position: absolute; left: 0; top: 50%; margin: 0; width: 100%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
  .section-designing-6 .block-row .col-12:first-child{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
  .section-designing-6 .block-row .col-12:first-child .items{ margin-bottom: 0; padding: 0 30px;}
  .section-designing-6 .items .list-square:before{ left: -35px; display: block;}
  .section-designing-6 .items-right-md .list-square:before{ left: auto; right: -35px;}

  .section-social-4 .section-heading > .heading-description{ width: 75%;}
  .section-social-4 .media-left{ left: -50px; bottom: -50px;}
  .section-social-4 .media-right{ right: -170px; bottom: -120px;}

  .section-mobile-2 .media-left{ left: -160px; background-position: left center;}
  .section-mobile-2 .media-right{ right: -160px;}
  .integration-art-1{ top: 192px;}
  .integration-art-2{ top: 632px;}

  .row-items-4{ position: relative;}
  .row-items-4 .media-row{ position: absolute; left: 0; top: 50%; width: 100%; margin: 0; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
  .row-items-4 .items .list-square:before{ left: -35px; display: block;}
  .row-items-4 .items-right-md .list-square:before{ left: auto; right: -35px;}

  .row-items-5 .items .list-square:before,
  .row-items-5 .items .list-square:after{ display: inline-block;}

  .section-ecommerce-7 .media-row{ top: 2rem;}
  .section-ecommerce-7 .block-row .row .col-12:nth-child(2){ padding-top: 5rem;}

  .section-automation-4{ background-size: 150% 100%;}

  .section-cloud-2 .row-items-4 .media-row{ top: 54%;}
  .section-cloud-6 .block-row .list-bottom{ padding-top: 30px;}

  .section-android-2 .row-items-5 .media-row{ top: 49%;}
}

@media (min-width: 1025px) {
  .nav-dropdown { position: absolute; display: block; width: 240px; max-height: 0; top: 100%; left: 0; visibility:hidden;}

  .dropdown-col-2{ background: #fff; width: 480px; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); display:inline-block;}
  .dropdown-col-2 li{ float:left;width:50%}
  .dropdown-col-2 li:nth-child(2n+2){border-left:1px solid #e6e8ea}

  /* .section-expertise .col-xs-12 { -webkit-transform: translateZ(0); transform: translateZ(0);} */

  .main-title{ min-height: 500px;}
  .main-title.main-title-md{ min-height: 480px;}
  .main-title.section-light{ min-height: 200px;}

  .section-appdev-2 .section-content{ width: 790px; max-width: 100%; margin: 0 auto;}
}

@media (min-width: 1200px) {
  .container-full{ padding-right: 5rem;}
  .items-left-lg,
  .text-left-lg{ text-align: left; }
  .items-right-lg,
  .text-right-lg{ text-align: right;}
  /* .row-flex-lg{ display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  .row-flex-lg .items{ height: calc(100% - 50px);}
  .row-flex-lg [class*="items-border"]{ height: calc(100% - 40px);}
  .row-flex-lg .items[class*="items-bg-"] .item-wrap{ height: 100%;}
  .mac.safari .row-flex-lg > .col-xs-12:first-child{ margin-left: -1px;} */

  .header-fixed .sidebar{ background-color: rgba(var(--bs-body-bg-rgb), .75); border-left-color: #eee /*var(--bs-border-color);*/}

  .column-xl-8 > [class^="col-"]{ width: 12.5%;}

  .section-home .item-video .item-animate{ width: 85%; height: 120%; top: -14%;}

  .item-name.list-square:before{ top: .375rem;}
  .item-name.list-square h4{ line-height: 2.5rem;}

  .section-expertise  .sticky-container .row > .col-xl-6{ width: calc(50% - 4px);}
  /* .section-expertise  .sticky-container .sticky-title{ width: 100% !important;} */

  /* .section-expertise .expertise-items{ min-height: 400px;} */

  /*.portfolio-items .item-name h4 { height: auto!important;}*/

  .section-appdev-2 .section-content{ width: 840px; max-width: 100%; margin: 0 auto;}
  .section-appdev-2 .section-content .row > .col-12:nth-child(1){ padding-right: 30px;}
  .section-appdev-2 .section-content .row > .col-12:nth-child(2){ padding-left: 30px;}

  .section-appdev-5 .items{ border-radius: 0 0 20px 20px;}
  
  .section-appdev-6 .media-image{ width: 90%; display: inline-block;}

  .automation-tabs li:nth-child(2),
  .automation-tabs li:nth-child(3){ margin-top: -20px;}

  /* .section-mobility-3 .items{ min-height: 360px;} */
  .section-mobility-2 .section-heading{ min-height: 65px; display: inline-block; vertical-align: top;}
  .section-mobility-2 .section-heading h2{ margin-bottom: 0;}
  .section-mobility-2 .media-row{ top: 3rem;}
  .mobility-art-middle-2{ top: 176px;}
  .list-mobility-4{ top: 172px;}
  .mobility-art-5{ height: 604px;}
  .section-mobility-5 .section-heading h2{ min-height: 3.75rem;}

  .section-requirements-1 .horizontal-row .items{ margin-bottom: 85px;}
  .requirements-tablet{ background: url(../img/requirements-2.png) center center no-repeat; background-size: cover; width: 999px; max-width: 100%; height: 768px; overflow: hidden; display: inline-block; padding: 79px 95px 79px 91px;}
  /* .requirements-bottom-media{ left: 0;} */
  /* .section-requirements-3 .items{ min-height: 210px;} */

  /* .section-integration-1 .items{ min-height: 395px;} */

  .items-slide .items{ padding: 60px 20px; cursor: pointer;}
  .items-slide-3 .items{ width: 20%;}
  .items-slide-3 .items-active{ width: 60%; padding: 60px 70px 90px;}
  .items-slide-3 .items:before{ opacity: 0;}
  .items-slide-3 .items-active:before{ opacity: 1;}
  .items-slide .items .item-icon,
  .items-slide .items .item-name{ top: 80px;}
  .items-slide .items-active .item-icon,
  .items-slide .items-active .item-name{ top: 0px;}
  .items-slide .items:not(.items-active) .item-name h3{ font-size: 26px;}
  .items-slide .items .item-text{ opacity: 0; top: 200px;}
  .items-slide .items-active .item-text{ opacity: 1; top: 0;}

  /* .section-maintenance-2 .items{ min-height: 393px;} */

  .section-designing-1 .section-content{ padding-top: 4.5rem; position: relative;}
  .section-designing-1 .media-row{ position: absolute; left: 0; top: 0; width: 100%; margin: 0;}
  .section-designing-1 .block-row .col-12:nth-child(1),
  .section-designing-1 .block-row .col-12:nth-child(5){ padding-right: 4.75rem;}
  .section-designing-1 .block-row .col-12:nth-child(2),
  .section-designing-1 .block-row .col-12:nth-child(6){ padding-left: 4.75rem;}
  .section-designing-1 .block-row .col-12:nth-child(3){ padding-right: 7.875rem;}
  .section-designing-1 .block-row .col-12:nth-child(4){ padding-left: 140px;}
  .section-designing-1 .items{ margin-top: 40px; margin-bottom: 0; min-height: 145px;}
  .section-designing-1 .items-right-sm{ padding-right: 15px;}
  .section-designing-1 .items-left-sm{ padding-left: 15px;}
  .section-designing-1 .items-right-sm .item-icon{ left: 100%;}
  .section-designing-1 .items-left-sm .item-icon{ right: 100%;}
  .section-designing-5 .block-row{ background-size: 40% auto;}
  .section-designing-5 .items{ margin-bottom: 26px; min-height: 65px; height: auto;}
  .section-designing-5 .block-row .col-12:last-child .items{ margin-top: -1.75rem; min-height: 50px;}

  .section-social-4 .section-heading > .heading-description{ width: 62%;}

  .section-ror-7 .row .col-12:nth-child(4),
  .section-ror-7 .row .col-12:nth-child(5){ padding-top: 200px;}

  .row-items-2 .col-xl-6:nth-child(2n+2) .items{ border-left: 1px solid rgba(0,0,0,0.05);}

  .row-items-6 .items { height: 450px;}
  .row-items-6 .items .item-icon,
  .row-items-6 .items .item-wrap { position: relative; z-index: 2; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
  .row-items-6 .items .item-icon { position: absolute; width: 100%; height: auto; margin-bottom: 0; top: 50%; left: 0; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
  .row-items-6 .items .item-wrap { position: absolute; top: 100%; opacity: 0; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
  .row-items-6 .items:hover .item-icon { top: 0; opacity: 0;}
  .row-items-6 .items:hover .item-wrap { top: 50%; opacity: 1;}

  .row-items-8 .items { height: 600px;}
  .row-items-8 .items .item-wrap,
  .row-items-8 .items .item-text{ -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
  .row-items-8 .items .item-wrap{ padding-left: 30px; padding-right: 30px; position: absolute; top: 50%; -webkit-transform: translate(0,-40%); transform: translate(0,-40%);}
  .row-items-8 .items:hover .item-wrap{ -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
  .row-items-8 .items .item-text{ opacity: 0; -webkit-transform: translate(0,100%); transform: translate(0,100%);}
  .row-items-8 .items:hover .item-text{ opacity: 1; height: auto; -webkit-transform: translate(0,0); transform: translate(0,0);}

  .section-cms-5 .row-items-8 .items { height: 840px;}

  .section-python-2 .items{ padding: 50px 0;}
  .section-python-5 .items .list-square:before,
  .section-python-5 .items .list-square:after{ display: inline-block;}
  .section-python-7{ background: url(../img/python-7.png) left 80% no-repeat; background-size: 250px auto;}
  .section-python-8 .row-items-2 .items .row-table-sm{ min-height: 153px;}

  .section-mobile-2 .section-content .row:first-child{ padding: 0 150px;}
  .integration-art-1{ top: 164px;}
  .integration-art-2{ top: 540px;}

  .section-backend-6{ margin: 100px 0;}

  .section-android-5 .items-info p{ line-height: 40px;}
  .statistics-items .item-icon,
  .statistics-items .item-icon svg{ width: 120px; height: 120px;}

  .section-ios-2{ background-position: center 104%;}

  /* .safari .section-expertise-1 .row-items-7 .items{ min-height: 310px;}
  .safari .section-services-1 .row-items-7 .items{ min-height: 400px;} */

  .tabs-design-1 li a{ font-size: 32px; padding: 18px 30px;}

  .section-cms-4 .media-row{ top: 75px;}
  .section-cms-5 .container-fluid{ padding-right: 5rem;}

  .section-ecommerce-2 .column-xl-8{ position: relative;}
  .section-ecommerce-2 .column-xl-8:before{ content: ""; border-top: 1px solid #59ba1f; width: 86%; position: absolute; left: 7%; top: .75rem;}
  .section-ecommerce-7 .block-row.first{ margin-top: 4rem;}
  .section-ecommerce-7 .block-row .row .col-12:nth-child(2){ padding-top: 6rem;}

  .section-automation-4{ background-size: 115% 100%; background-position: center;}

  .row-items-9:before{ left: 50%;}
  .row-items-9 .items{ padding-top: 55px;}
  .row-items-9 .items [class*="text-xl-start"]{ padding-left: 60px;}
  .row-items-9 .items [class*="text-xl-end"]{ padding-right: 60px;}
  .row-items-9 .items:before{ left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0);}
  .row-items-9 .items + .items:after{ content: ""; position: absolute; top: 0; left: 50%; margin-left: -50px; width: 100px; height: 1px; border-bottom: 1px solid #ddd; display: block; z-index: 1;}
  .row-items-9 .items [class*="text-xl-start"] .before-bg:before{ left: -65px;}
  .row-items-9 .items [class*="text-xl-end"] .before-bg:before{ right: -66px;}
  /*.row-items-9{ margin: 0 auto; width: 800px; max-width: 100%;}
  .row-items-9 .items{ padding-top: 50px;}
  .row-items-9 .items .text-right-lg{ text-align: left;}
  .row-items-9 .items:not(:last-child){ padding-left: 60px; text-align: left;}
  .row-items-9 .items:not(:first-child):not(:last-child):after{ content: ""; position: absolute; top: 5px; left: 15px; width: 50px; height: 1px; border-bottom: 1px solid #ddd; display: block; z-index: 1;}
  .row-items-9 .item-text .before-bg:before{ left: -50px;}*/

  .section-portfolio-tabs .section-content{ padding-left: 15px; padding-right: 15px;}
  .portfolio-tabs{ left: 30px; top: 333px; width: 23%;}
  .portfolio-tabs .items .item-name.item-bg{ padding: 25px 20px;}
  .portfolio-row{ padding: 30px 15px 0;}
  .portfolio-row .portfolio-column{ width: 50%; padding-left: 15px; padding-right: 15px;}
  .portfolio-row .items{ margin-bottom: 30px; height: calc(100% - 30px);}
  .portfolio-row .full .items .item-content{ padding: 8% 10%;}

  .portfolio-details-menu:before,
  .portfolio-details-menu > section:before,
  .pd-animate .pd-line:before,
  .portfolio-details-menu > section:after,
  .pd-animate .pd-line:after,
  .pd-animate{ left: 11%;}

  .automation-tabs-content .items .item-wrap{ width: auto !important;}

  .cs-wrap{ padding: 0 80px;}
  .section-automation-2 .media-row{ top: 142px; padding: 0 120px;}

  .section-ionic-3 .media-row{ top: 2.75rem;}
}

@media (min-width: 1440px) {
  /* .row-flex-xlg{ display: flex;}
  .row-flex-xlg .items{ height: calc(100% - 50px);}
  .row-flex-xlg [class*="items-bordered-"]{ height: calc(100% - 40px);} */

  /* .visible-xlg{ display: block !important;} */
  /* .hidden-xlg{ display: none !important;} */
  /* .col-xlg-4{ width: 33.33333%;} */
  .container { max-width: 1280px;}
  /* .company-info .section-heading{padding-top:50px;} */

  .items-about-info .item-ai .item-text{ margin-top: -.5rem;}
  .services-items{ min-height: 360px;}

  /* .company-circle{ border-radius: 50%; float: right;} */
  /* .about-slider{ position: absolute; left: 50%; margin-left: -150px; top: 50%; margin-top: -150px; width: 300px; height: 300px; z-index: 4;}
  .about-slider .slick-dots{ top: 0; bottom: 0; text-align: left;}
  .about-slider .slick-dots li{ position: absolute; margin: 0; opacity: 0;}
  .about-slider .slick-dots li:nth-child(1){ bottom: -12px; left: 50%; margin-left: -10px;}
  .about-slider .slick-dots li:nth-child(2){ top: 50%; margin-top: -10px; left: -12px;}
  .about-slider .slick-dots li:nth-child(3){ top: -12px; left: 50%; margin-left: -10px;}
  .about-slider .slick-dots li:nth-child(4){ top: 50%; margin-top: -10px; right: -13px;} */

  .section-appdev-2 .media-left{ width: 66%; left: -260px;}
  .section-appdev-2 .section-content{ width: 940px;}
  .section-appdev-2 .section-content .row > .col-12:nth-child(1){ padding-right: 52px;}
  .section-appdev-2 .section-content .row > .col-12:nth-child(2){ padding-left: 52px;}

  /* .section-about-6 .container-fluid .items .item-wrap{ width: 90%;} */

  /* .section-about-8 .items{ min-height: 345px;}

  .section-meth-6 .items{ min-height: 345px;}
  .section-meth-6 .section-content .row .col-xs-12:nth-child(1) .items,
  .section-meth-6 .section-content .row .col-xs-12:nth-child(2) .items,
  .section-meth-6 .section-content .row .col-xs-12:nth-child(3) .items{ min-height: 535px;}

  .section-em-2 .items{ min-height: 445px;} */

  .section-portal-2{ padding-bottom: 150px;}

  .section-portal-4 .items{ min-height: 295px; }
  .portal-tabs li a{ font-size: 19px; }
  .portal-slider{ width: 540px; float: right;}

  .section-automation-2 .media-row{ top: 3.5rem; padding: 0;}
  .section-automation-2 .block-row > .col-lg-4:not(:last-child){ width: 25%;}
  .section-automation-2 .block-row > .offset-lg-4:not(:last-child){ margin-left: 50%;}
  .section-automation-2 .block-row > .col-12:last-child{ padding-top: 1.5rem;}

  .section-automation-4{ background-size: 120% 100%;}
  .automation-tabs li:nth-child(1),
  .automation-tabs li:nth-child(4){ margin-top: 5rem; margin-bottom: -2.5rem;}
  .section-automation-4 .automation-tabs-content{ margin-bottom: 0;}
  .automation-tabs-content .items .item-wrap{ width: 75% !important;}

  /* .section-mobility-3 .items{ min-height: 310px;} */

  /* .section-requirements-3 .items{ min-height: 220px;} */

  /* .section-integration-1 .items{ min-height: 375px;} */
  /* .integration-row-3 .col-xs-12:nth-child(2) .items,
  .integration-row-3 .col-xs-12:nth-child(3) .items{ min-height: 265px;} */

  /* .section-maintenance-2 .items{ min-height: 335px;} */

  /* .section-centers-4 .row .col-12:first-child{ padding-right: 100px;}
  .section-centers-4 .row .col-12:last-child{ padding-left: 100px;} */

  .section-designing-3 .items .row > .col-12:first-child{ padding-right: 70px;}
  .section-designing-5 .items{ min-height: 101px;}
  .section-designing-5 .block-row .col-12:last-child .items{ margin-top: 20px;}

  .section-social-4 .section-heading > .heading-description{ width: 66%;}

  .section-ror-4 .block-row{ padding-top: 60px;}
  .section-ror-7 .row .col-12:nth-child(4){ padding-top: 210px; /*margin-left: 14.3333%;*/}
  .section-ror-7 .row .col-12:nth-child(5){ padding-top: 210px; /*margin-left: 5.5%;*/}

  .section-mobile-2 .section-content .row:first-child{ padding: 0 170px;}
  .integration-art-1{ top: 138px;}
  .integration-art-2{ top: 460px;}

  .section-ios-2{ background-position: center 123%;}

  .safari .section-services-1 .row-items-7 .items{ min-height: 340px;}

  .section-ecommerce-7 .block-row .row .col-12:nth-child(2){ padding-top: 160px;}

  .portfolio-tabs .items .item-name.item-bg{ padding: 30px;}
  .portfolio-tabs .item-body{ padding: 30px;}
}

@media (min-width: 1600px) {
  .container { max-width: 1410px;}
  .menu-wrap .nav-items .nav-item,
  .nav-contact-info{ font-size: 1.1vw;}
  .section-heading > .heading-title,
  .section-heading > .heading-description { width: 80%;}

  .section-expertise .expertise-items{ padding-top: 76px;}

  .section-appdev-2 .media-left{ width: 60%; left: -220px;}

  .section-automation-4{ background-size: 110% 100%;}
  .section-automation-2 .media-row{ top: 1.5rem;}
  .section-automation-2 .block-row > .col-12:last-child{ padding-top: 60px;}

  /* .section-mobility-3 .items{ min-height: 285px;} */

  /* .section-integration-1 .items{ min-height: 350px;} */

  .section-mobile-2 .section-content .row:first-child{ padding: 0;}
  .integration-art-1{ top: 126px;}
  .integration-art-2{ top: 425px;}

  .row-items-7 .col-xl-4{ width: 25%;}
  /* .row-items-7 .col-lg-4.col-xlg-offset-1{ margin-left: 12.5%;}
  .row-items-7 .col-lg-4.col-xlg-offset-0{ margin-left: 0;} */
  .row-items-7 .items{ padding: 60px 20px;}

  /* .safari .section-expertise-1 .row-items-7 .items{ min-height: 370px;}
  .safari .section-services-1 .row-items-7 .items{ min-height: 400px;} */

  .section-cms-5 .row-items-8 .items { height: 700px;}

  .portfolio-row .full .items .item-content{ width: 74%;}
  .section-appdev-4 .media-row .media-image{ padding: 0 3rem;}
  .section-ecommerce-7 .block-row.first{ margin-top: 7rem;}
  .section-ecommerce-7 .block-row .row .col-12:nth-child(2){ padding-top: 120px;}
  .section-designing-5 .items{ min-height: 114px;}
  .section-designing-5 .block-row .col-12:last-child .items{ margin-top: 40px;}
}

@media (min-width: 1920px) {
  /* .hidden-xxlg{ display: none !important;} */
  .row-xxlg-4 .col-12{ width: 25%;}

  .section-heading > .heading-title,
  .section-heading > .heading-description { width: 74%;}

  .section-portal-2{ padding-bottom: 265px;}

  .section-automation-4{ background-size: 100% 100%;}

  /* .section-mobility-3 .items{ min-height: 270px;} */

  /* .section-integration-1 .items{ min-height: 285px;} */

  .portfolio-details-menu:before,
  .portfolio-details-menu > section:before,
  .pd-animate .pd-line:before,
  .portfolio-details-menu > section:after,
  .pd-animate .pd-line:after,
  .pd-animate{ left: 18%;}
}