@import url('/assets/fonts/ownfont/stylesheet.css');
 @import url('https://fonts.googleapis.com/css2?family=Monda:wght@700&display=swap');
/*Main Css */
 ::selection {
     background: #07bcf1;
     color: #fff;
     text-shadow: none;
}
 ::-webkit-scrollbar {
     width: 5px;
     background-color: #F5F5F5;
}
 ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
     display: none;
}
 ::-webkit-scrollbar-track-piece {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
     background-color: #fff;
}
 ::-webkit-scrollbar-thumb:vertical {
     border-radius: 10px;
     background-color: #00e06d;
}
 [class^="box-"] {
     display: none;
     height: 100%;
     width: 100%;
}
 [class^="box-"].showfirst {
     display: block;
     width: 100%;
}
 [class^="boxIn-"] {
     display: none;
     height: 100%;
     width: 100%;
}
 [class^="boxIn-"].showfirstIn {
     display: block;
     width: 100%;
}

/* =-=-=-=-=-=-= General =-=-=-=-=-=-= */
 body {
     font-family: 'Atlan';
     font-size: 16px;
     line-height: 30px;
     font-weight: 400;
     color: #666666;
     background-color: #fff;
     overflow-x: hidden;
     -webkit-text-size-adjust: 100%;
     -webkit-overflow-scrolling: touch;
     -webkit-font-smoothing: antialiased !important;
}
 html, body {
     width: 100%;
     scroll-behavior: smooth;
}
 .fancybox-slide video {
     height: 700px;
     width: 60%;
     background-color: transparent;
}
/* ------------------------------ */
 a {
     color: #4d0e87;
     line-height: 20px;
}
 a, a>* {
     outline: none;
     cursor: pointer;
     text-decoration: none;
}
 a:focus, a:hover {
     color: #dfd610;
     outline: none;
     text-decoration: none;
}
/* Transition elements 
/* ------------------------------ */
 .navbar a {
     -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
}
 a, .btn {
     -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
}
/* Reset box-shadow 
/* ------------------------------ */
 .btn, .form-control, .form-control:hover, .form-control:focus, .navbar-custom .dropdown-menu {
     -webkit-box-shadow: none;
     box-shadow: none;
}
 button:focus {
     outline: none !important;
}
 img {
     width: 100%;
     height: auto;
}
/* =-=-=-=-=-=-= Typography =-=-=-=-=-=-= */
 h1, h2, h3, h4, h5, h6 {
     font-weight: 400;
     margin: 0 0 15px;
     color: #202020;

}
 h1 {
     font-size: 35px;
     line-height: 50px;
}
 h2 {
     font-size: 25px;
}
 h3 {
     font-size: 20px;
     line-height: 25px 
}
 h4 {
     font-size: 18px;
     line-height: 20px 
}
p{line-height: 1.5;}
 blockquote {
     padding: 20px 20px 20px 60px;
     font-size: 16px;
     color: #969595;
     border-left: 0;
     border: 1px solid #eee;
     position: relative;
     margin: 0;
}

 blockquote::before {
     position: absolute;
     content: "\f10d";
     font-family: Font Awesome 5 Pro;
     font-size: 30px;
     color: #eee;
     left: 15px;
     top: 25px;
}
 input {
     outline: none;
}
 .btn:focus, button:focus {
     outline: none !important;
}
/* =-=-=-=-=-=-= List Style =-=-=-=-=-=-= */
 ul {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .unorder-list {
     list-style: inherit;
}
 .slick-slide {
     outline: none;
}
 header nav.navbar .nav-item.active_nav a {
     color: #00e06d !important;
}
/* =-=-=-=-=-=-= Global Style =-=-=-=-=-=-= */
 .section-padding {
     padding: 70px 0;
}
 .section-title {
     font-size: 40px;
     line-height: 30px;
     color: #dfd610;
     margin-bottom: 25px;
     text-transform: uppercase;
     font-weight: 700;
}
 .sub-title {
     margin: 0;
     line-height: 25px;
     color: #999999;
}
 header {
     position: relative;
     left: 0;
     right: 0;
     z-index: 99;
     top: 0;
     background: #fff;
}
 header:before {
     background-image: -moz-linear-gradient(90deg, #ff4878 1%, #35174d 57%, #6f36bb 100%);
     background-image: -webkit-linear-gradient(90deg, #ff4878 1%, #35174d 57%, #6f36bb 100%);
     background-image: linear-gradient(90deg, #ff4878 1%, #35174d 57%, #6f36bb 100%);
     opacity: 0.322;
     position: absolute;
     content: '';
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     height: 1px;
}
 header .logo-box {
     height: 100%;
     display: flex;
     justify-content: flex-start;
     align-items: center;
}
 header .logo-box img {
     width: 100%;
     max-width: 235px;
}
 header nav.navbar {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     height: 100%;
     padding: 0;
}
 header nav.navbar .navbar-collapse {
     width: fit-content;
     width: -moz-fit-content;
     width: -webkit-fit-content;
     display: none;
     justify-content: flex-end;
}
 header nav.navbar .nav-item a.nav-link {
     font-size: 16px;
     font-family: "Atlan";
     color: #6f6f6f;
     line-height: 1.5;
     text-align: left;
     font-weight: 400;
     padding: 22px 15px;
}
 header nav.navbar .nav-item a.nav-link:hover {
     color: #00e06d;
}
 header nav.navbar .navbar-collapse ul.navbar-nav {
     height: 100%;
     justify-content: center;
     align-items: center;
}
 header nav.navbar .nav-item {
    /*position: relative;
    */
     display: flex;
     align-items: center;
}
 header nav.navbar .nav-item ul.sub-menu {
     position: absolute;
     top: 100%;
     left: -5%;
     overflow: hidden;
     width: 250px;
     background: #fff;
     transition: ease all 0.25s;
     box-shadow: 0px 0px 0px -1px rgb(0 0 0 / 20%);
     border-radius: 5px;
     transition: ease all 0.25s;
     opacity: 0;
     z-index: -1;
     max-width: 0;
}
 header nav.navbar .has-child:hover ul.sub-menu {
     box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
     opacity: 1;
     z-index: 1;
     left: 0%;
     max-width: inherit;
}
 header nav.navbar .has-child:before {
     position: absolute;
     content: '';
     left: 0;
     bottom: 0;
     right: 0;
     margin: auto;
     height: 0;
     width: 15px;
     background: #cccccc;
     transition: ease all 0.25s;
     clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
     opacity: 0;
}
 header nav.navbar .has-child:hover:before {
     height: 15px;
     bottom: 0;
     opacity: 1;
}
 header nav.navbar .has-child .sub-menu li:before {
     position: absolute;
     content: '';
     height: 100%;
     top: 0;
     bottom: 0;
     left: 0;
     width: 0;
     transition: ease all 0.25s;
     background: #00e06d;
     z-index: -1;
}
 header nav.navbar .has-child .sub-menu li:hover:before {
     width: 100%;
}
 header nav.navbar .has-child .sub-menu li a {
     width: 100%;
     display: block;
}
 header nav.navbar .has-child .sub-menu li:hover a {
     color: #fff;
}
 .dropdown {
     display: none;
     transition: 0.5s;
     position: absolute;
     opacity: 0;
     visibility: hidden;
     top: 67px;
     width: 100%;
     margin: auto;
     background: #f7f7f7;
     z-index: 0;
     left: 0;
     right: 0;
     font-size: initial;
     padding: 37px 20px;
     border-bottom-right-radius: 40px;
     border-bottom-left-radius: 40px;
}
 .dropdown li {
     width: 100%;
     display: block;
     margin-bottom: 10px;
}
 .dropdown li a {
     font-size: 14px;
     color: #222222;
     font-weight: 500;
     display: block;
     padding-left: 16px;
}
 .dropdown li a:hover {
     color: #00e06d;
}
/*.dropdown-nav {
    position: relative;
}
*/
 .dropdown li.last {
     margin-bottom: 0px;
}
 .dropdown li.last a {
     border-bottom: none;
     padding-bottom: 0px;
}
 .dropdown-nav:hover > .dropdown {
     display: block;
     opacity: 1;
     z-index: 1;
     visibility: visible;
}
 .dropdown-nav:hover > .dropdown ul li {
     animation: scaleZ 700ms ease-in-out forwards;
     transform-origin: top center;
}
 .dropdown-nav:hover > .dropdown h4 {
     animation: scaleZ 700ms ease-in-out forwards;
     transform-origin: top center 
}
 .dropdown h4 {
     font-size: 19px;
     font-weight: 600;
     color: #00e06d;
     line-height: normal;
     text-transform: capitalize;
     opacity: 0;
}
 .dropdown ul>li>a {
     font-size: 14px;
     color: #5a5a5a;
     font-weight: 400;
     position: relative;
}
 .dropdown ul>li>a:after {
     content: "";
     width: 10px;
     height: 1px;
     background: #00e06d;
     position: absolute;
     bottom: 0;
     top: 0;
     left: 0;
     margin: auto;
}
 .dropdown ul>li {
     padding: 0;
     padding-bottom: 7px;
     perspective: 1000px;
     opacity: 0;
}
 .dropdown li {
     width: 100%;
     display: block;
     margin-bottom: 05px;
}
 .dropdown ul>li.active_subnav a, .case-dropdown ul>li.active_subnav a {
     color: #00e06d;
}
 .dropdown .flex-center {
     display: flex;
     justify-content: center;
     flex-flow: column;
}
 .case-dropdown {
     transition: 0.5s;
     position: absolute;
     opacity: 0;
     visibility: hidden;
     top: 67px;
     width: 77%;
     margin: auto;
     background: #f7f7f7;
     z-index: 0;
     left: 30%;
     right: 0;
     font-size: initial;
     padding: 28px 7px;
     border-bottom-right-radius: 40px;
     border-bottom-left-radius: 40px;
     display: none !important;
}
 .case-dropdown li {
     width: 100%;
     display: block;
     margin-bottom: 10px;
}
 .case-dropdown li a {
     font-size: 14px;
     color: #222222;
     font-weight: 500;
     display: block;
     padding-left: 16px;
}
 .case-dropdown li a:hover {
     color: #00e06d;
}
/*.case-dropdown-nav {
    position: relative;
}
*/
 .case-dropdown li.last {
     margin-bottom: 0px;
}
 .case-dropdown li.last a {
     border-bottom: none;
     padding-bottom: 0px;
}
 .case-dropdown-nav:hover > .case-dropdown {
     display: block !important;
     opacity: 1;
     z-index: 1;
     visibility: visible;
}
 .case-dropdown-nav:hover > .case-dropdown ul li {
     animation: scaleZ 700ms ease-in-out forwards;
     transform-origin: top center;
}
 .case-dropdown-nav:hover > .case-dropdown h4 {
     animation: scaleZ 700ms ease-in-out forwards;
     transform-origin: top center;
}
 .case-dropdown h4 {
     font-size: 19px;
     font-weight: 600;
     color: #00e06d;
     line-height: normal;
     text-transform: capitalize;
     opacity: 0;
}
 .case-dropdown ul>li>a {
     font-size: 14px;
     color: #5a5a5a;
     font-weight: 400;
     position: relative;
}
 .case-dropdown ul>li>a:after {
     content: "";
     width: 10px;
     height: 1px;
     background: #00e06d;
     position: absolute;
     bottom: 0;
     top: 0;
     left: 0;
     margin: auto;
}
 .case-dropdown ul>li {
     padding: 0;
     padding-bottom: 7px;
}
 .case-dropdown li {
     width: 100%;
     display: block;
     margin-bottom: 05px;
     opacity: 0;
}
 @keyframes scaleZ {
     0% {
         opacity: 0;
         transform: scale(0);
    }
     80% {
         transform: scale(1.07);
    }
     100% {
         opacity: 1;
         transform: scale(1);
    }
}
/*mmenu header*/
 .header-mobile {
     display: block;
     width: 40px;
     height: 40px;
     border: 1px solid #ddd;
     -webkit-box-shadow: none;
     box-shadow: none;
     border-radius: .25rem;
     background-color: #fff;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .header-mobile, .mm-ocd__backdrop:after {
     padding: 8px;
     position: absolute;
     font-size: 24px;
     top: 10px;
     right: 20px;
     outline: 0;
}
 .header-mobile a:after, .header-mobile a:before {
     content: '';
     display: block;
     background: #262962;
     height: 3px;
     width: 100%;
}
 .header-mobile a span {
     background: #262962;
     display: block;
     height: 3px;
     margin: 4px 0;
     width: 100%;
}
 .mm-ocd__backdrop:after {
     content: "\f00d";
     font-weight: 900;
     font-family: 'Font Awesome 5 Free';
     color: #262962;
     background-color: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 40px;
     height: 40px;
     border: 1px solid #fff;
     -webkit-box-shadow: none;
     border-radius: .25rem;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
/*portfolio-nav*/
 .portfolio-dropdown {
     transition: 0.5s;
     position: absolute;
     opacity: 0;
     visibility: hidden;
     top: 67px;
     width: 22%;
     margin: auto;
     background: #f7f7f7;
     z-index: 0;
     left: 44%;
     right: 0;
     font-size: initial;
     padding: 19px 7px;
     border-bottom-right-radius: 10px;
     border-bottom-left-radius: 10px;
     display: none;
}
 .portfolio-dropdown li {
     width: 100%;
     display: block;
     margin-bottom: 10px;
}
 .portfolio-dropdown li a {
     font-size: 14px;
     color: #222222;
     font-weight: 500;
     display: block;
     padding-left: 16px;
}
 .portfolio-dropdown li a:hover {
     color: #00e06d;
}
/*.portfolio-dropdown-nav {
    position: relative;
}
*/
 .portfolio-dropdown li.last {
     margin-bottom: 0px;
}
 .portfolio-dropdown li.last a {
     border-bottom: none;
     padding-bottom: 0px;
}
 .portfolio-dropdown-nav:hover > .portfolio-dropdown {
     display: block;
     opacity: 1;
     z-index: 1;
     visibility: visible;
}
 .portfolio-dropdown-nav:hover > .portfolio-dropdown ul li {
     animation: scaleZ 700ms ease-in-out forwards;
     transform-origin: top center;
}
 .portfolio-dropdown-nav:hover > .portfolio-dropdown h4 {
     animation: scaleZ 700ms ease-in-out forwards;
     transform-origin: top center;
}
 .portfolio-dropdown h4 {
     font-size: 19px;
     font-weight: 600;
     color: #00e06d;
     line-height: normal;
     text-transform: capitalize;
     opacity: 0;
}
 .portfolio-dropdown ul>li>a {
     font-size: 14px;
     color: #5a5a5a;
     font-weight: 400;
     position: relative;
}
 .portfolio-dropdown ul>li>a:after {
     content: "";
     width: 10px;
     height: 1px;
     background: #00e06d;
     position: absolute;
     bottom: 0;
     top: 0;
     left: 0;
     margin: auto;
}
 .portfolio-dropdown ul>li {
     padding: 0;
     padding-bottom: 7px;
}
 .portfolio-dropdown li {
     width: 100%;
     display: block;
     margin-bottom: 05px;
     opacity: 0;
}
/*industries-nav*/
 .ind-dropdown {
     transition: 0.5s;
     position: absolute;
     opacity: 0;
     visibility: hidden;
     top: 67px;
     width: 50%;
     margin: auto;
     background: #f7f7f7;
     z-index: 0;
     left: 54%;
     right: 0;
     font-size: initial;
     padding: 19px 7px;
     border-bottom-right-radius: 10px;
     border-bottom-left-radius: 10px;
     display: none;
}
 .ind-dropdown li {
     width: 100%;
     display: block;
     margin-bottom: 10px;
}
 .ind-dropdown li a {
     font-size: 14px;
     color: #222222;
     font-weight: 500;
     display: block;
     padding-left: 16px;
}
 .ind-dropdown li a:hover {
     color: #00e06d;
}
/*.portfolio-dropdown-nav {
    position: relative;
}
*/
 .ind-dropdown li.last {
     margin-bottom: 0px;
}
 .ind-dropdown li.last a {
     border-bottom: none;
     padding-bottom: 0px;
}
 .ind-dropdown-nav:hover > .ind-dropdown {
     display: block;
     opacity: 1;
     z-index: 1;
     visibility: visible;
}
 .ind-dropdown-nav:hover > .ind-dropdown ul li {
     animation: scaleZ 700ms ease-in-out forwards;
     transform-origin: top center;
}
 .ind-dropdown-nav:hover > .ind-dropdown h4 {
     animation: scaleZ 700ms ease-in-out forwards;
     transform-origin: top center;
}
 .ind-dropdown h4 {
     font-size: 19px;
     font-weight: 600;
     color: #00e06d;
     line-height: normal;
     text-transform: capitalize;
     opacity: 0;
     text-align: center;
}
 .ind-dropdown ul>li>a {
     font-size: 14px;
     color: #5a5a5a;
     font-weight: 400;
     position: relative;
}
 .ind-dropdown ul>li>a:after {
     content: "";
     width: 10px;
     height: 1px;
     background: #00e06d;
     position: absolute;
     bottom: 0;
     top: 0;
     left: 0;
     margin: auto;
}
 .ind-dropdown ul>li {
     padding: 0;
     padding-bottom: 7px;
}
 .ind-dropdown li {
     width: 100%;
     display: block;
     margin-bottom: 05px;
     opacity: 0;
}
/* Home Hero */
 .sc-box {
     position: fixed;
     top: 0;
     right: 0;
     z-index: 9;
     cursor: pointer;
     bottom: 0;
     height: fit-content;
     height: -webkit-fit-content;
     height: -moz-fit-content;
     margin: auto;
     padding-bottom: 170px;
}
 .sc-box ul {
     padding: 0;
     margin: 0;
     width: 60px;
}
 .sc-box ul li a {
     display: block;
     padding: 5px;
     margin: 5px;
     text-align: center;
     font-size: 22px;
     transition: ease all 0.25s;
     color: #eaeaea;
}
 .sc-box ul li a:hover {
     color: #6f36bb;
}
 .sc-box ul li.scca {
     position: relative;
     padding: 0;
     padding-right: 155px;
     transform: rotate(-90deg);
     top: 130px;
     width: 300px;
     left: -120px;
}
 .sc-box ul li.scca:before {
     position: absolute;
     content: '';
     height: 1px;
     width: calc(100% - 160px);
     top: 0;
     bottom: 0;
     right: 0;
     margin: auto;
     background: #00e06d;
}
 .sc-box ul li.scca a {
     border-width: 1px;
     border-color: #00e06d;
     border-style: solid;
     border-radius: 2px;
     font-size: 16px;
     padding: 15px;
     font-family: "Atlan";
     background: #fff;
     color: rgb(38, 41, 98);
     text-transform: uppercase;
     line-height: 1;
     text-align: center;
     position: relative;
     display: block;
     z-index: 1;
     overflow: hidden;
}
 .sc-box ul li.scca a:before {
     position: absolute;
     content: '';
     left: -100%;
     width: 100%;
     top: 0;
     bottom: 0;
     transition: ease all 0.25s;
     background: #00e06d;
     z-index: -1;
}
 .sc-box ul li.scca a:hover {
     color: #fff;
     border-color: #00e06d;
}
 .sc-box ul li.scca a:hover:before {
     left: 0;
}
 
 .hit-sect {
     padding: 27px 0 59px;
     position: relative;
}
 .hit-sect:before {
     position: absolute;
     content: '';
     left: 0;
     bottom: 0;
     right: 0;
     height: 75%;
     background: url(/assets/images/bg-img-box.png);
     background-size: contain;
     background-position: bottom center;
     clip-path: polygon(5% 22%, 0 22%, 0 100%, 100% 100%, 100% 22%, 95% 22%, 95% 90%, 5% 90%);
     z-index: -1;
}
 .hit-sect:after {
     display: none;
     position: absolute;
     content: '';
     top: -50px;
     right: 0;
     height: 100px;
     width: 80px;
     background: url(/assets/images/bg-img-box.png);
     background-size: auto;
     background-position: bottom center;
     z-index: -1;
}
 .hit-sect .desc h3 {
     font-size: 35px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 500;
     text-transform: uppercase;
     line-height: 1.15;
     text-align: left;
     margin: 0 0 10px;
}
.hit-sect .desc h2 {
    font-size: 45px;
    font-family: "Atlan";
    color: #4d0e87;
    text-transform: uppercase;
    line-height: 0.767;
    font-weight: 700;
    text-align: left;
    margin-bottom: 15px;
}
 .hit-sect .desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     margin-bottom: 30px;
     text-align: left;
}
 .hit-sect .desc .cta-box a {
     font-size: 14px;
     display: inline-block;
     font-family: "Atlan";
     color: rgb(38, 41, 98);
     text-transform: uppercase;
     line-height: 2.143;
     text-align: center;
     padding: 5px 0px;
     position: relative;
     border-radius: 2px;
     z-index: 1;
     border: 1px solid rgb(38, 41, 98);
     overflow: hidden;
     background-color: rgb(255, 255, 255);
     width: 200px;
     margin-right: 15px;
}
 .hit-sect .desc .cta-box a:before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     height: 100%;
     background: #00e06d;
     margin: auto;
     z-index: -1;
     transition: ease all 0.25s;
     transform: translateX(-150%);
}
 .hit-sect .desc .cta-box a:last-child, .hit-sect .desc .cta-box a:hover {
     border-color: #00e06d;
     color: #fff;
}
 .hit-sect .desc .cta-box a:last-child:before, .hit-sect .desc .cta-box a:hover:before {
     transform: translateX(0%);
}
 .hit-sect .desc .cta-box a:last-child:hover:before {
     transform: translateX(150%);
}
 .hit-sect .desc .cta-box a:last-child:hover {
     border-color: rgb(38, 41, 98);
     color: rgb(38, 41, 98);
}


 .testimonials {
     padding: 30px 0 20px;
     position: relative;
     z-index: 2;
     overflow: hidden;
}
 .testimonials .testimonial-slider, .testimonials .testimonial-slider>div {
     overflow: visible;
}
 .testimonials .item-box {
     background: #fff;
     padding: 25px;
     cursor: pointer;
     height: 267px;
     border-radius: 10px;
     box-shadow: 3.355px 2.179px 16px 0px rgb(49 32 19 / 10%);
     margin: 0 10px;
}
 .testimonials .item-box .author-desc {
     display: flex;
     align-items: center;
}
 .testimonials .item-box .author-desc .img-box {
     width: 60px;
     border-radius: 100%;
     overflow: hidden;
     height: 60px;
     margin-right: 15px;
}
 .testimonials .item-box h2 {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     font-weight: 600;
     line-height: 1.438;
     text-align: left;
     margin: 0;
}
 section.testimonials.testi-page .head-desc h3 {
     font-size: 37px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1;
     text-align: center;
     margin: 0;
}
 section.testimonials.testi-page .head-desc h2 {
     font-size: 53px;
     font-family: "Atlan";
     color: #4d0e87;
     text-transform: uppercase;
     font-weight: 700;
     line-height: 1;
     margin-bottom: 25px;
     text-align: center;
}
 section.testimonials.testi-page .head-desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     text-align: center;
     max-width: 80%;
     margin: auto;
     margin-bottom: 50px;
}
 .testi-page .col-md-4 {
     margin-bottom: 30px;
}
 .testi-page .item-box {
     height: 100%;
     position: relative;
}
 .testi-page .item-box .desc {
     position: unset !important;
}
 .testi-page .item-box .desc:before {
     top: inherit !important;
     bottom: 0;
     right: 35px;
}
 .testimonials .item-box h3 {
     font-size: 16px;
     font-family: "Atlan";
     color: #dedede;
     font-weight: 600;
     line-height: 1.438;
     text-align: left;
}
 .testimonials .item-box .desc {
     margin-top: 15px;
     position: relative;
}
 .testimonials .item-box .desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.438;
     text-align: left;
     font-style: italic;
     width: 92%;
     height: 121px;
}
 .testimonials .item-box .desc:before {
     position: absolute;
     content: '“';
     font-family: 'Monda', sans-serif;
     left: 85%;
     font-size: 76px;
     line-height: 0.6;
     top: unset;
     bottom: -57px;
     color: #dedede;
     display: flex;
     justify-content: center;
     height: 46px;
     transition: ease all 0.25s;
}
 .testimonials .item-box:hover .desc:before, .testimonials .item-box.slick-current .desc:before {
     color: #4d0e87;
}
/* testing */
 .cookie {
     background: #000;
     color: #fff;
     padding-top: 10px;
}
 .cookie p {
     margin-bottom: 0px;
     font-family: Gilroy-Medium;
     font-size: 16px;
     letter-spacing: 1px;
     color: #fff;
     line-height: 24px;
     padding-top: 7px;
}
 input.cookieok {
     border: 0px solid #ee3824;
     font-size: 14px;
     letter-spacing: 1px;
     text-decoration: none;
     color: #fff !important;
     font-weight: 500;
     text-transform: uppercase;
     font-family: Gilroy-Medium;
     transition: linear .3s;
     background: rgb(255, 162, 10);
     background: linear-gradient(-90deg, rgba(255, 162, 10, 1) 0%, rgba(253, 75, 15, 1) 100%);
     border-radius: 8px;
     height: 40px;
     line-height: 40px;
     padding: 0px 30px;
     cursor: pointer;
}
 .videoask-embed__button--1ONxk {
     z-index: 9999999 !important;
}
 .show-mobile {
     display: none;
}
 
 #quote .btn-white {
     border: 0 solid #fff;
     padding: 0 35px;
     height: 40px;
     line-height: 40px;
     font-size: 14px;
     letter-spacing: 1px;
     text-decoration: none;
     color: #f16721 !important;
     font-weight: 500;
     cursor: pointer;
     text-transform: uppercase;
     font-family: Gilroy-Medium;
     transition: linear 0.3s;
     background: #fff;
     background: #fff;
     border-radius: 8px;
     display: inline-block;
}
 .widget-section .widget_title {
     margin-bottom: 30px;
     color: #282526;
     font-family: Gilroy-Medium;
     font-size: 21px;
     margin-top: 20px;
     font-weight: 600;
     line-height: 1.1;
}
 .widget-section p a:first-child {
     border-right: 1px solid #ededed;
     padding-right: 10px;
     margin-right: 7px;
}
 .widget-section a {
     color: #282526;
     font-size: 14px;
     font-family: Gilroy-SemiBold;
}
 .widget-section p {
     color: #282526;
     font-size: 14px;
     font-family: Gilroy-Regular;
     line-height: 22px;
     margin-bottom: 0;
}
 .social_icons {
     text-align: left;
     margin: 30px 0 0;
}
 .social_icons ul {
     padding: 0;
     margin: 0;
}
 .social_icons ul li {
     display: inline-block;
}
 .social_icons ul li a svg.social-links {
     fill: #969596;
     transition: all 0.5s ease;
     margin-right: 5px;
}
 .social_icons ul li a:hover svg.social-links {
     fill: #ef5123;
     transition: all 0.5s ease;
}
 .social_icons ul li a:hover {
     color: #ffa20a;
}
 .widget-section input[type="email"], .widget-section input[type="submit"] {
     width: 100%;
}
 .widget-section input[type="email"] {
     padding: 10px;
}
 .widget-section input {
     border: 1px solid #000;
     margin-bottom: 0.5em;
}
 .testing {
     color: #2a2a2a;
     font-size: 12px;
     margin: 0;
     font-family: Gilroy-Regular;
}
 #subscriber_form .error {
     color: #2a2a2a;
     font-size: 12px;
     margin: 0;
     font-family: Gilroy-Regular;
}
 .widget-section #subscriber_form .sbt {
     padding: 0 12px;
     color: #fff;
     border: 0;
     text-align: center;
     background-size: 100% 100%;
     z-index: 1;
     display: block;
     background: #ffa20a;
     background: linear-gradient(-90deg, #ffa20a 0, #fd4b0f 100%);
     border-radius: 8px;
     box-shadow: 0 5px 14.4px 0.6px rgba(238, 56, 38, 0.22);
     height: 40px;
     line-height: 40px;
     text-transform: uppercase;
     font-family: Gilroy-Medium;
     font-size: 14px;
     letter-spacing: 1px;
     margin-top: 0;
     cursor: pointer;
     position: relative;
}
 .widget-section a.btn3 {
     width: 100%;
     text-align: center;
     padding-top: 11px;
     margin-top: 25px;
     height: 40px;
     background-size: 100% 100%;
     display: inline-block;
     position: relative;
     border: 0 solid #ee3824;
     font-size: 14px;
     letter-spacing: 1px;
     text-decoration: none;
     color: #fff !important;
     font-weight: 500;
     text-transform: uppercase;
     font-family: Gilroy-Medium;
     transition: linear 0.3s;
     background: #ffa20a;
     background: linear-gradient(-90deg, #ffa20a 0, #fd4b0f 100%);
     border-radius: 8px;
     box-shadow: 0 5px 14.4px 0.6px rgba(238, 56, 38, 0.22);
}
 .widget-section {
     padding-top: 50px;
     padding-bottom: 50px;
}
 .p-50 {
     padding: 0 40px;
}
 .p-r-50 {
     padding-right: 50px;
}
 span.hover-tooltip {
     display: none;
}
 .copyright-section {
     z-index: 999999;
     position: relative;
     background: #fff;
}
 .copyright-section .container {
     padding-top: 20px;
     padding-bottom: 20px;
     border-top: 1px solid #ccc;
}
 .b-right {
     border-right: 1px solid #ccc;
}
 ul#menu-footer-menu {
     margin: 0;
     padding: 0;
}
 ul#menu-footer-menu li {
     display: inline-block;
     float: none;
     border-left: 0;
     padding-right: 15px;
}
 ul#menu-footer-menu li a {
     font-size: 12px;
     letter-spacing: 1px;
     color: #282526;
     text-transform: uppercase;
     font-family: Gilroy-Medium;
     text-decoration: none;
}
 .copy-txt p {
     font-size: 12px;
     letter-spacing: 1px;
     color: #282526;
     text-transform: uppercase;
     font-family: Gilroy-Medium;
     line-height: normal;
     margin-top: 5px;
     text-align: right;
     margin-bottom: 0;
}
 .copyright-section a:hover {
     color: initial;
     text-decoration: none;
}
 .copyright-section .footer-img {
     display: inline-flex;
     width: auto;
     float: none;
     padding: 0;
     height: 75px;
     margin: 0 auto 0;
     text-align: center;
     border-bottom: 0 solid #eee;
     list-style: none;
     float: right;
}
 .copyright-section .footer-img li {
     padding: 0 5px 0 5px !important;
}
 .copyright-section ul li:first-child {
     padding-left: 0;
     border-left: 0;
}
 .footer-img a:hover div {
     -webkit-filter: grayscale(0);
     filter: grayscale(0);
     transition: linear 0.3s;
}
 .address-section .container {
     padding: 30px 50px 10px;
     border-radius: 10px;
    /*background-color: rgb(53 23 77);
    */
     background: url(/assets/images/home/map/bg.jpg) no-repeat;
     background-size: cover;
     height: 387px;
}
 .address-section {
     padding-top: 23px;
     position: relative;
     z-index: 5;
}
 .address-section .blog-t-section {
     padding: 30px 0;
}
 .sub-heading {
     font-size: 30px;
     font-family: "Atlan";
     color: rgb(255, 255, 255);
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1.533;
     text-align: left;
}
 .our-blog-cap {
     font-size: 45px;
     font-family: "Atlan";
     color: rgb(255, 255, 255);
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1.2;
     text-align: left;
}
 .our-blog-cap span, .sub-heading span {
     color: #00e06d;
}
 .blog-t-section p {
     font-size: 18px;
     font-family: "Atlan";
     color: rgb(255, 255, 255);
     line-height: 1.333;
     text-align: left;
     font-weight: 200;
     margin-bottom: 5px;
}
 .map-section {
     padding: 10px 0;
     text-align: center;
     margin: 0 auto;
}
 .map-bg {
     background: url(/assets/images/home/map/map.png) no-repeat;
     background-position: center;
     background-size: auto;
     width: 100%;
     height: 253px;
     position: relative;
     top: 10px;
}
 .marker1 {
     width: 50px;
     height: 50px;
     position: absolute;
     top: 19px;
     left: 97px;
     display: block;
}
 .marker2 {
     width: 50px;
     height: 50px;
     position: absolute;
     top: 66px;
     left: 168px;
     display: block;
}
 .marker3 {
     width: 50px;
     height: 50px;
     position: absolute;
     top: 94px;
     left: 404px;
     display: block;
     z-index: 4;
}
 .marker4 {
     width: 50px;
     height: 50px;
     position: absolute;
     top: 76px;
     left: 435px;
     display: block;
}
 .pin {
     width: 8px;
     height: 8px;
     position: relative;
     top: 11px;
     left: 11px;
     border: 1px solid #4d0e87;
     border-radius: 50%;
     z-index: 1;
}
 .marker1 .pin {
     background: #4d0e87;
}
 .marker1 .pin-effect {
     background: #4d0e87;
}
 .pin-effect {
     width: 20px;
     height: 20px;
     position: absolute;
     top: 5px;
     display: block;
     border-radius: 50%;
     opacity: 0;
     animation: pulsate 2.4s ease-out infinite;
     left: 5px;
}
 .marker2 .pin {
     background: #4d0e87;
}
 .marker2 .pin-effect {
     background: #35174d;
}
 .contact-canada-banner {
     padding: 10px;
     top: -90px;
     padding-left: 40px;
     left: 25px;
     width: 260px;
     padding-top: 0;
     background-size: 100% 100%;
     padding-bottom: 65px;
     transition: all 0.25s ease;
     height: 105px;
     z-index: 45663645;
}
 .map-bg .contact-canada-banner div.name_coun {
     font-size: 18px;
     line-height: normal;
     text-transform: capitalize;
}
 .map-bg .contact-canada-banner div.name_coun span {
     font-size: 12px;
     color: #282526;
     text-transform: capitalize;
     margin-top: 3px;
     line-height: normal;
     display: block;
}
 .marker3 .pin {
     background: #4d0e87;
}
 .marker3 .pin-effect {
     background: #35174d;
}
 .marker4 .pin {
     background: #4d0e87;
}
 .marker4 .pin-effect {
     background: #4d0e87;
}
 .country-list {
     bottom: 0;
     position: absolute;
     width: 100%;
     top: 90%;
     left: 55%;
     transform: translateX(-50%);
}
 .country-list .country-name {
     display: inline-block;
     margin-right: 21px;
     position: relative;
}
 .country-list .country-name:after {
     content: "";
     width: 4px;
     height: 40px;
     display: inline-block;
     position: absolute;
     left: -15px;
     bottom: -15px;
}
 .country-list .country-name:nth-child(1):after {
     background: #39386e;
     display: none;
}
 .country-list .country-name:nth-child(2):after {
     background: #027602;
     display: none;
}
 .country-list .country-name:nth-child(3):after {
     background: #1a89c8;
     display: none;
}
 .country-list .country-name .country--title {
     position: relative;
     top: 19px;
     font-size: 16px;
    /*font-family: Gilroy-Regular;
    */
     letter-spacing: 1px;
     color: #fff;
}
 .ist_usa_office {
     background: url(../images/usa-icon.png) no-repeat 100% 100%;
     width: 41px;
     height: 46px;
     display: inline-block;
     margin-left: 15px;
}
 .ist_karachi_office {
     background: url(../images/pk-icon.png) no-repeat 100% 100%;
     width: 34px;
     height: 36px;
     display: inline-block;
     margin-left: 0px;
}
 .ist_dubai_office {
     background: url(../images/dubai.png) no-repeat 100% 100%;
     width: 35px;
     height: 49px;
     display: inline-block;
     margin-left: 15px;
}
 .contact-canada-banner {
     display: none;
}
 .marker2:hover .contact-canada-banner {
     background: url(../images/contact-hover22.png) no-repeat;
     position: absolute;
     padding: 10px 10px 10px 20px;
     top: -75px;
     left: 23px;
     width: 145px;
     padding-top: 0;
     background-size: 100% 100%;
     padding-bottom: 0;
     transition: all 0.25s ease;
     height: 95px;
     display: block;
     text-align: left;
     z-index: 9;
}
 .marker3:hover .contact-canada-banner {
     background: url(../images/contact-hover22.png) no-repeat;
     position: absolute;
     padding: 10px 10px 10px 20px;
     top: -75px;
     left: 23px;
     width: 195px;
     padding-top: 0;
     background-size: 100% 100%;
     padding-bottom: 0;
     transition: all 0.25s ease;
     height: 95px;
     display: block;
     text-align: left;
     z-index: 99999;
}
 .marker4:hover .contact-canada-banner {
     background: url(../images/contact-hover22.png) no-repeat;
     position: absolute;
     padding: 10px 10px 10px 20px;
     top: -75px;
     left: 23px;
     width: 171px;
     padding-top: 0;
     background-size: 100% 100%;
     padding-bottom: 0;
     transition: all 0.25s ease;
     height: 95px;
     display: block;
     text-align: left;
     z-index: 9;
}
 .marker1:hover .contact-canada-banner {
     background: url(../images/contact-hover22.png) no-repeat;
     position: absolute;
     padding: 10px 10px 10px 20px;
     top: -80px;
     left: 23px;
     width: 145px;
     padding-top: 0;
     background-size: 100% 100%;
     padding-bottom: 0;
     transition: all 0.25s ease;
     height: 95px;
     display: block;
     text-align: left;
     z-index: 9;
}
 .contact-canada-banner div.name_coun {
     margin-top: 6px;
}
 .contact-canada-banner div.name_coun p {
     margin-bottom: 0;
     font-size: 18px;
     font-family: Gilroy-SemiBold;
     line-height: normal;
}
 .marker1:hover .contact-canada-banner div.name_coun span {
     float: left;
     margin-top: 10px;
     margin-left: 2%;
     font-size: 12px;
}
 .marker1:hover .contact-canada-banner div.name_coun span.add__03 {
     border-right: 0 solid #000;
     width: 33%;
}
 .contant-section .alert-success, .widget-section .alert-success {
     display: none;
}
 .mobile-view {
     display: none;
}
 @keyframes pulsate {
     0% {
         transform: scale(0.1);
         opacity: 0;
    }
     50% {
         opacity: 1;
    }
     100% {
         transform: scale(1.2);
         opacity: 0;
    }
}
 .location-list {
     padding: 0;
     margin: 0;
}
 .location-list li {
     list-style: none;
     font-size: 13px;
     display: inline-block;
     position: relative;
     font-size: 16px;
     font-family: "Atlan";
     line-height: 1.5;
     color: #fff;
     text-align: left;
     padding: 0 10px;
     cursor: pointer;
     transition: ease all 0.25s;
}
 .location-list li:after {
     content: "";
     background: #fff;
     height: 50%;
     width: 1px;
     display: block;
     position: absolute;
     top: 3px;
     right: -2px;
     bottom: 0;
     margin: auto;
}
 .location-list li:last-child:after {
     display: none;
}
 .location-list li:hover {
     color: rgb(218, 225, 53);
}
 input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:hover {
     -webkit-text-fill-color: #fff !important;
     -webkit-box-shadow: 0 0 0 1000px transparent inset;
     transition: background-color 5000s ease-in-out 0s;
}
 .contant-section .alert-success {
     color: #000;
     background-color: #fff;
     border-color: #fff;
     font-size: 15px;
     font-family: Gilroy-Regular;
     font-weight: 600;
}
 .widget-section {
     z-index: 999999;
     position: relative;
     background: #fff;
}
 .b-right p {
     margin-bottom: 10px;
}
 .side-bars {
     position: fixed;
     right: 0;
     transition: linear 0.3s;
     width: 0;
     text-decoration: none;
     color: #fff;
     border-radius: 0 5px 5px 0;
     top: 150px;
     z-index: 99999;
     opacity: 0;
}
 .side-bars.show-side {
     width: 50px;
     opacity: 1;
     transition: linear 0.3s;
}
 .side-bars ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
 .side-bars li {
     cursor: pointer;
     padding: 0;
     margin-bottom: 10px;
     width: 50px;
     height: 50px;
     text-align: center;
     line-height: 50px;
     transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
     border-top-right-radius: 8px;
     border-top-left-radius: 8px;
}
 .side-bars li:first-child {
     background: #f37a20;
     box-shadow: 0 10px 14px 10px rgba(238, 58, 36, 0.26);
}
 .side-bars li a img {
     transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
}
 .side-bars li img {
     transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
}
 .side-bars li:nth-child(2) {
     background: #f37a20;
     box-shadow: 0 10px 14px 10px rgba(238, 58, 36, 0.26);
}
 .side-bars li:last-child {
     width: 320px;
     height: 50px;
     position: relative;
     right: 135px;
     top: 135px;
     margin: 0;
     border-top-right-radius: 8px;
     border-top-left-radius: 8px;
     box-shadow: 0 10px 14px 10px rgba(238, 58, 36, 0.26);
     background: #f37a20;
}
 .side-bars li a {
     text-decoration: none;
     color: #fff !important;
     font-weight: 500;
     font-family: Gilroy-Medium;
     transition: linear 0.3s;
     letter-spacing: 1px;
     font-size: 18px;
}
 .side-bars li a svg#phones {
     transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     position: relative;
     top: 8px;
}
 .side-bars li svg#comments {
     transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     position: relative;
     top: 8px;
}
 #exampleModalCenter {
     background: #000000a6;
     z-index: 99999999;
}
 #exampleModalCenter .modal-dialog {
     max-width: 900px;
}
 #exampleModalCenter .form-section {
     padding: 50px 50px 0;
     margin-bottom: auto;
     background: #191819;
}
 #exampleModalCenter .form-section .contact--form {
     margin: 50px auto;
}
 #exampleModalNext {
     background: #000000a6;
     z-index: 99999;
}
 #exampleModalNext .modal-dialog {
     max-width: 700px;
}
 #exampleModalNext .form-section {
     padding: 50px 50px 0;
     margin-bottom: auto;
}
 #exampleModalCenter .form-section .contact--form {
     margin: 50px auto;
}
 .closed-btn {
     position: absolute;
     top: -5px;
     right: -5px;
     color: #fff;
     font-size: 12px;
     background: #fd580e;
     width: 20px;
     height: 20px;
     text-align: center;
     border-radius: 50%;
     font-family: Gilroy-Medium;
     line-height: 20px;
     cursor: pointer;
}
 .form-content h5 {
     color: #fff;
     font-size: 26px;
     font-family: Gilroy-SemiBold;
     line-height: normal;
     letter-spacing: 1px;
     margin-bottom: 10px;
     text-align: center;
     text-transform: uppercase;
}
 .form-content p {
     color: #fff;
     font-size: 16px;
     font-family: Gilroy-Regular;
     margin-bottom: 20px;
     text-align: center;
}
 .contact-div {
     margin-bottom: 20px;
     position: relative;
     height: 40px;
}
 .contact-text {
     margin-bottom: 20px;
     position: relative;
}
 .contact-div .contact-input {
     width: 100%;
     height: 35px;
     background: 0 0;
     border-width: 0 0 1px 0 !important;
     outline: 0;
     color: #fff;
     font-size: 14px;
     font-family: Gilroy-Light;
     letter-spacing: 1px;
     text-transform: capitalize;
     padding-left: 30px;
     border-radius: 0;
}
 .contact-div select {
     text-indent: 30px;
     padding-left: 0 !important;
}
 .contact-div .contact-input option {
     color: #fff;
     background: #333;
     border: 0;
     font-size: 14px;
     font-family: Gilroy-Light;
}
 .contact-text textarea::placeholder {
     color: #fff;
}
 .contact-div::-webkit-input-placeholder {
     color: #fff;
}
 .contact-div::-moz-placeholder {
     color: #fff;
}
 .contact-div:-ms-input-placeholder {
     color: #fff;
}
 .contact-div:-moz-placeholder {
     color: #fff;
}
 .contact-div .field.code {
     width: 13%;
     float: left;
     display: block;
     margin-bottom: 20px;
}
 .contact-div .field.code input {
     width: 100%;
     height: 35px;
     background: 0 0;
     border-width: 0 0 1px 0;
     outline: 0;
     color: #fff;
     font-size: 14px;
     font-family: Gilroy-Regular;
     letter-spacing: 1px;
     text-transform: capitalize;
     padding-left: 30px;
     border-radius: 0;
}
 .contact-div .field.phone {
     width: 87%;
     float: left;
     display: block;
     margin-bottom: 20px;
}
 .contact-div .field.phone input {
     width: 100%;
     height: 35px;
     background: 0 0;
     border-width: 0 0 1px 0;
     outline: 0;
     color: #fff;
     font-size: 16px;
     font-family: Gilroy-Light;
     letter-spacing: 1px;
     border-radius: 0;
     text-transform: capitalize;
}
 .contact-text textarea {
     width: 100%;
     background: 0 0;
     border-width: 0 0 1px 0;
     outline: 0;
     color: #fff;
     height: 85px;
     font-size: 14px;
     font-family: Gilroy-Light;
     letter-spacing: 1px;
     border-radius: 0;
}
 .contact-div .contact-textarea {
     width: 100%;
     height: 85px;
     background: 0 0;
     border-width: 0 0 1px 0 !important;
     outline: 0;
     color: #fff;
     font-size: 16px;
     font-family: Gilroy-Light;
     letter-spacing: 1px;
     text-transform: capitalize;
     padding-left: 30px;
     border-radius: 0;
}
 .contact-div input.submit--btn {
     border: 0 solid #ee3824;
     font-size: 14px;
     letter-spacing: 1px;
     text-decoration: none;
     color: #fff !important;
     font-weight: 500;
     text-transform: uppercase;
     font-family: Gilroy-Medium;
     transition: linear 0.3s;
     background: #ffa20a;
     background: linear-gradient(-90deg, #ffa20a 0, #fd4b0f 100%);
     border-radius: 8px;
     height: 40px;
     line-height: 40px;
     padding: 0 30px;
     display: inline-block;
     margin: auto;
     text-align: center;
     cursor: pointer;
}
 .contact--form {
     margin: 50px auto;
}
 .contact-div.user-icon:before {
     content: "";
     background-image: url(../images/Dubai/user.png);
     width: 20px;
     height: 20px;
     display: block;
     position: absolute;
     top: 6px;
}
 .contact-div.email-icon:before {
     content: "";
     background-image: url(../images/Dubai/email.png);
     width: 20px;
     height: 20px;
     display: block;
     position: absolute;
     top: 6px;
}
 .contact-div.flag-icon:before {
     content: "";
     background-image: url(../images/Dubai/flag.png);
     width: 20px;
     height: 20px;
     display: block;
     position: absolute;
     top: 6px;
}
 .contact-div.project-icon:before {
     content: "";
     background-image: url(../images/Dubai/icn_project.png);
     width: 20px;
     height: 20px;
     display: block;
     position: absolute;
     top: 4px;
     left: 2px;
}
 .contact-div.phone-icon:before {
     content: "";
     background-image: url(../images/Dubai/phone.png);
     width: 20px;
     height: 20px;
     display: block;
     position: absolute;
     top: 6px;
}
 .contact-div .phone-icon:before {
     content: "";
     background-image: url(../images/Dubai/phone.png);
     width: 20px;
     height: 20px;
     display: block;
     position: absolute;
     top: 6px;
}
 .contact-div.date-icon:before {
     content: "";
     background-image: url(../images/Dubai/date.png);
     width: 20px;
     height: 20px;
     display: block;
     position: absolute;
     top: 6px;
}
 .contact-div.time-icon:before {
     content: "";
     background-image: url(../images/Dubai/time.png);
     width: 20px;
     height: 20px;
     display: block;
     position: absolute;
     top: 6px;
}
 .btns a {
     padding: 10px 35px;
     font-size: 12px;
     font-family: Gilroy-Regular, sans-serif;
     line-height: 26px;
     margin-bottom: 20px;
     color: #fff !important;
     background: #ffa20a;
     background: linear-gradient(-45deg, #ffa20a 0, #fd4b0f 100%);
     text-transform: uppercase;
     letter-spacing: 1px;
     border-radius: 10px;
     text-decoration: none;
     cursor: pointer;
     z-index: 99;
     position: relative;
}
 @media (min-width:992px) and (max-width:1199px) {
     .map-bg {
         left: 35px;
    }
     .our-blog-cap {
         font-size: 29px !important;
         line-height: 38px !important;
    }
     .side-bars {
         display: none;
    }
     .location-list li a {
         font-size: 12px;
         padding: 0 6px;
    }
}
 @media (min-width:568px) and (max-width:991px) {
     .address-section {
         padding-top: 0;
         margin-top: 20px;
    }
     .address-section .container {
         padding: 0 15px;
         margin-top: 0;
         height: auto;
    }
     .address-section .blog-t-section {
         padding: 50px 0 20px;
    }
     .loc-item .country-name {
         text-align: left;
         margin-bottom: 20px;
         position: relative;
    }
     .loc-item {
         margin-bottom: 20px;
    }
     .loc-item .country-name img {
         width: auto;
         height: 49px;
         margin-right: 15px;
         text-align: center;
    }
     .loc-item .country-name .country--title {
         position: absolute;
         bottom: 0;
         font-size: 25px;
         font-family: Gilroy-Regular;
         letter-spacing: 1px;
         left: 65px;
         color: #fff;
    }
     .loc-item .loc-add {
         text-align: left;
         font-size: 14px;
         margin-bottom: 10px;
         color: #fff;
    }
     .loc-item .loc-add:after {
         content: "";
         background: #a8a8a8;
         width: 50px;
         height: 1px;
         display: block;
         margin-top: 10px;
    }
     .ist_canada_office {
         margin-left: 0;
    }
     .p-50 {
         padding: 0 15px;
    }
     .copyright-section .footer-img {
         display: flex;
         flex-wrap: wrap;
    }
     .copyright-section .footer-img li {
         margin: 0 10px 20px;
    }
     .p-r-50 {
         padding-right: 0;
    }
     .widget-section {
         position: relative;
         background: #fff;
    }
     .widget-section a.btn3 {
         width: 200px;
         padding-left: 16px;
         margin-top: 6px;
    }
     .map-bg {
         left: 0;
    }
     .badges-section .item-badge .badge-content {
         height: 120px !important;
    }
     .copy-txt p {
         text-align: center;
    }
     .widget-section p {
         line-height: 20px;
    }
     .widget-section .widget_title {
         margin-bottom: 20px;
    }
     .menu-footer-menu-container {
         margin-bottom: 10px;
    }
     .side-bars {
         display: none;
    }
     .contant-section .footer--div {
         width: 100%;
         float: left;
         margin-right: 0;
         margin-bottom: 20px;
    }
}
 @media (min-width:0px) and (max-width:567px) {
     .side-bars.show-side {
         display: none;
    }
     .mobile-view {
         display: block;
         padding: 0 15px;
    }
     .address-section {
         padding-top: 0;
         margin-top: 0;
    }
     .copy-txt p {
         text-align: center;
    }
     .dubai-location .address-section {
         margin-top: 220px;
    }
     .address-section .container {
         padding: 0 15px;
         margin-top: 0;
         height: auto;
    }
     .address-section .blog-t-section {
         padding: 50px 0 20px;
    }
     .map-section {
         display: none;
    }
     .loc-item .country-name {
         text-align: left;
         margin-bottom: 20px;
         position: relative;
    }
     .loc-item {
         margin-bottom: 20px;
    }
     .loc-item .country-name img {
         width: auto;
         height: 49px;
         margin-right: 15px;
         text-align: center;
    }
     .loc-item .country-name .country--title {
         position: absolute;
         bottom: 0;
         font-size: 25px;
         letter-spacing: 1px;
         left: 65px;
         color: #fff;
    }
     .loc-item .loc-add {
         text-align: left;
         font-size: 14px;
         margin-bottom: 10px;
         color: #fff;
    }
     .loc-item .loc-add:after {
         content: "";
         background: #a8a8a8;
         width: 50px;
         height: 1px;
         display: block;
         margin-top: 10px;
    }
     .ist_canada_office {
         margin-left: 0;
    }
     .ist_dubai_office {
         margin-left: 0;
    }
     .p-50 {
         padding: 0 15px;
    }
     .copyright-section .footer-img {
         display: flex;
         flex-wrap: wrap;
    }
     .copyright-section .footer-img li {
         margin: 0 10px 20px;
    }
     .ist_karachi_office {
         margin-left: 0;
    }
     .ist_usa_office {
         margin-left: 0;
    }
     .ist_ireland_office {
         margin-left: 5px;
    }
     .widget-section a.btn3 {
         width: 100%;
    }
     .contant-section .footer--div {
         width: 100%;
         margin-right: 0;
         position: relative;
    }
     .contant-section {
         padding: 200px 0 50px;
    }
     #quote .btn-white {
         width: 100%;
         text-align: center;
    }
     .menu-footer-menu-container {
         text-align: center;
         margin-bottom: 20px;
    }
     ul#menu-footer-menu li:last-child {
         padding-right: 0;
    }
     .copy-txt p {
         text-align: center;
    }
     .widget-section {
         padding-top: 20px;
         padding-bottom: 40px;
    }
     .copy-txt p {
         font-size: 10px;
    }
     .widget-section p {
         line-height: 20px;
    }
     .side-bars {
         display: none;
    }
     #exampleModalCenter .form-section {
         padding: 50px 0 0;
    }
     .address-section, .widget-section, .copyright-section {
         z-index: 9;
    }
     .contant-section {
         z-index: 1;
    }
     .side-bars.show-side {
         display: none;
    }
}
 @media (min-width:0px) and (max-width:374px) {
     .location-list li a {
         font-size: 12px;
         font-family: Gilroy-Regular;
         color: #fff;
         padding: 0 6px;
    }
     .side-bars {
         display: none;
    }
}
 .error {
     color: #fff;
}
 .new-style #phone-error {
     position: absolute;
     left: 0px;
     bottom: -38px;
     color: #fff;
}
 .f-form {
     background: url(/assets/images/home/formCta/bg.jpg) no-repeat;
     padding: 180px 0 50px;
     margin-top: -100px;
     height: 522px;
     background-size: cover;
     background-attachment: fixed;
}
 .f-form .desc h3 {
     font-size: 36px;
     font-family: "Atlan";
     color: #fff;
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1;
     margin: 0;
     text-align: left;
}
 .f-form .desc h2 {
     font-size: 52px;
     font-family: "Atlan";
     color: rgb(255, 255, 255);
     font-weight: 700;
     text-transform: uppercase;
     line-height: 1;
     text-align: left;
     margin-bottom: 23px;
     white-space: pre-line;
}
 .f-form .desc h2 span {
     color: #00e06d;
}
 .f-form .desc p {
     font-size: 18px;
     font-family: "Atlan";
     color: rgb(255, 255, 255);
     line-height: 1.333;
     font-weight: 300;
     text-align: left;
}
 .f-form .form-wrapper .field {
     position: relative;
     margin-bottom: 15px;
     z-index: 1;
     padding-bottom: 10px;
}
 .f-form .form-wrapper .field input, .f-form .form-wrapper .field select, .f-form .form-wrapper .field textarea {
     width: 100%;
     padding: 0;
     height: 30px;
     background: rgba(0, 0, 0, 0);
     border: none;
     border-bottom: 1px solid #fff;
     color: #fff;
     outline: none;
     font-family: "Atlan";
}
 .f-form .form-wrapper .field i {
     position: absolute;
     color: #fff;
     font-size: 14px;
     height: fit-content;
     height: -moz-fit-content;
     height: -webkit-fit-content;
     width: 15px;
     margin: auto;
     bottom: 10px;
     top: 0;
     right: 0;
     z-index: -1;
}
 .f-form .form-wrapper .field select {
     appearance: none;
     scroll-behavior: smooth;
}
 .f-form .form-wrapper .field select option {
     background: #43106d 
}
 .f-form .form-wrapper .field select::-webkit-scrollbar {
     width: 5px;
}
 .f-form .form-wrapper .field select::-webkit-scrollbar-track {
     background: #262962;
     border: 1px solid #44c08d;
}
 .f-form .form-wrapper .field select::-webkit-scrollbar-thumb {
     background: #44c08d;
}
 .f-form .form-wrapper .field.code {
     width: 100px;
}
 .f-form .form-wrapper .field.number {
     width: calc(100% - 100px);
}
 .f-form .form-wrapper .field input::placeholder, .f-form .form-wrapper .field select::placeholder, .f-form .form-wrapper .field textarea::placeholder {
     color: #fff;
}
 .f-form .form-wrapper .field input:-ms-input-placeholder, .f-form .form-wrapper .field select:-ms-input-placeholder, .f-form .form-wrapper .field textarea:-ms-input-placeholder {
     color: #fff;
}
 .f-form .form-wrapper .field textarea {
     height: 80px;
     resize: none;
     appearance: none;
     scroll-behavior: smooth;
}
 .f-form .form-wrapper .field textarea::-webkit-scrollbar {
     width: 5px;
}
 .f-form .form-wrapper .field textarea::-webkit-scrollbar-track {
     background: #44c08d;
     border: 1px solid #262962;
}
 .f-form .form-wrapper .field textarea::-webkit-scrollbar-thumb {
     background: #262962;
}
 .f-form .form-wrapper .form-btn button {
     border-width: 1px;
     border-color: rgb(249 249 249);
     border-style: solid;
     border-radius: 2px;
     font-size: 16px;
     padding: 15px;
     font-family: "Atlan";
     background: #00e06d;
     color: rgb(53 23 77);
     text-transform: uppercase;
     line-height: 1;
     text-align: center;
     transition: ease all 0.25s;
     position: relative;
     display: block;
     z-index: 1;
     overflow: hidden;
}
 .f-form .form-wrapper .form-btn button:before {
     position: absolute;
     content: '';
     right: 0%;
     width: 100%;
     top: 0;
     bottom: 0;
     transition: ease all 0.25s;
     background: #fff;
     z-index: -1;
}
 .f-form .form-wrapper .form-btn button:hover {
     color: #fff;
     border-color: #262962;
}
 .f-form .form-wrapper .form-btn button:hover:before {
     right: -100%;
}
 footer .footer-main-wrapper {
     padding: 25px 0;
}
 footer .footer-main-wrapper .footer-locations-nav.tabs-menu ul {
     padding: 0;
     margin: 0;
     display: inline-flex;
     width: fit-content;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     position: relative;
     margin-bottom: 35px;
}
 footer .footer-main-wrapper .footer-locations-nav.tabs-menu ul:before {
     position: absolute;
     content: '';
     left: 0;
     right: 0px;
     bottom: 0;
     background: rgb(190, 190, 190);
     height: 3px;
}
 footer .footer-main-wrapper .footer-locations-nav.tabs-menu ul li {
     width: 80px;
}
 footer .footer-main-wrapper .footer-locations-nav.tabs-menu ul li a {
     font-size: 20px;
     font-family: "Atlan";
     color: rgb(190, 190, 190);
     text-transform: uppercase;
     line-height: 1;
     text-align: left;
     transition: ease all 0.25s;
     position: relative;
     display: block;
     padding-bottom: 10px;
}
 footer .footer-main-wrapper .footer-locations-nav.tabs-menu ul li.current a, footer .footer-main-wrapper .footer-locations-nav.tabs-menu ul li a:hover {
     color: #4d0e87;
}
 footer .footer-main-wrapper .footer-locations-nav.tabs-menu ul li a:before {
     position: absolute;
     content: '';
     left: 0;
     bottom: 0;
     width: 0;
     transition: ease all 0.25s;
     height: 3px;
     background: #00e06d;
}
 footer .footer-main-wrapper .footer-locations-nav.tabs-menu ul li:first-child a:before {
     left: inherit;
     right: 0;
}
 footer .footer-main-wrapper .footer-locations-nav.tabs-menu ul li.current a:before {
     width: 100%;
}
 footer .footer-main-wrapper .footer-locations .location-main .country-detail h3 {
     font-size: 18px;
     font-family: "Atlan";
     color: #4d0e87;
     text-transform: uppercase;
     line-height: 1;
     font-weight: 600;
     text-align: left;
     margin: 0;
}
 footer .footer-main-wrapper .footer-locations ul li {
     position: relative;
     padding-left: 25px;
     margin-top: 25px;
}
 footer .footer-main-wrapper .footer-locations ul li i {
     position: absolute;
     top: 5px;
     left: 0;
     margin: auto;
     font-size: 20px;
     color: #262962;
}
 footer .footer-main-wrapper .footer-locations ul li a {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.714;
     text-align: left;
}
 footer .footer-main-wrapper .footer-locations ul li a:hover {
     color: #00e06d 
}
 footer .footer-main-wrapper .social-links ul {
     margin-top: 50px;
     display: flex;
}
 footer .footer-main-wrapper .social-links ul li a {
     padding: 5px;
     margin-right: 10px;
     color: #bebebe;
}
 footer .footer-main-wrapper .social-links ul li a:hover {
     color: #262962;
}
 footer .footer-main-wrapper .f-nav-wrapper {
     margin-top: 35px;
     padding: 30px 0 40px 20px;
     position: relative;
}
 footer .footer-main-wrapper .f-nav-wrapper:before {
     position: absolute;
     content: '';
     left: -30px;
     height: 100%;
     top: 0;
     background: #ddd;
     width: 1px;
}
 footer .footer-main-wrapper .f-nav-wrapper:after {
     position: absolute;
     content: '';
     right: 10px;
     height: 100%;
     top: 0;
     background: #ddd;
     width: 1px;
}
 footer .footer-main-wrapper .f-nav-wrapper h3 {
     font-size: 18px;
     font-family: "Atlan";
     color: rgb(38, 41, 98);
     text-transform: uppercase;
     line-height: 1;
     font-weight: 600;
     text-align: left;
     margin: 0;
}
 footer .footer-main-wrapper .f-nav-wrapper ul {
     margin-top: 30px;
}
 footer .footer-main-wrapper .f-nav-wrapper ul li a {
     font-size: 14px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1;
     margin-top: 20px;
     display: block;
     text-align: left;
}
 footer .footer-main-wrapper .f-nav-wrapper ul li a:hover {
     color: rgb(68, 192, 141) 
}
 footer .footer-main-wrapper .header h2 {
     font-size: 20px;
     font-family: "Atlan";
     color: rgb(255 72 120);
     text-transform: uppercase;
     line-height: 2;
     text-align: left;
     position: relative;
     font-weight: 600;
}
 footer .footer-main-wrapper .header h2:before {
     position: absolute;
     content: '';
     left: 0;
     width: 80px;
     bottom: 0;
     transition: ease all 0.25s;
     height: 3px;
     background: #44c08d;
}
 footer .footer-main-wrapper .f-subscribe-wrapper h3 {
     font-size: 18px;
     font-family: "Atlan";
     color: rgb(38, 41, 98);
     text-transform: uppercase;
     line-height: 1;
     font-weight: 600;
     text-align: left;
     margin-bottom: 20px;
}
 footer .footer-main-wrapper .f-subscribe-wrapper .subscription-form .field input {
     width: 100%;
     border: none;
     border-bottom: 1px solid rgb(111, 111, 111);
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     text-align: left;
}
 footer .footer-main-wrapper .f-subscribe-wrapper .subscription-form .field.btn {
     padding: 0;
     margin-top: 15px;
}
 footer .footer-main-wrapper .f-subscribe-wrapper .subscription-form .field.btn button {
     border: none;
     border-bottom: 1px solid rgb(38, 41, 98);
     font-size: 16px;
     padding: 15px;
     font-family: "Atlan";
     background: #fff;
     color: rgb(38, 41, 98);
     text-transform: uppercase;
     line-height: 1;
     text-align: center;
     position: relative;
     display: block;
     z-index: 1;
     overflow: hidden;
     transition: ease all 0.25s;
}
 footer .footer-main-wrapper .f-subscribe-wrapper .subscription-form .field.btn button:hover {
     background: #262962;
     color: #fff;
}
 footer .footer-main-wrapper .awards-box {
     margin-top: 15px;
     position: relative;
}
 footer .footer-main-wrapper .awards-box:before {
     position: absolute;
     content: '';
     left: 0;
     height: 100%;
     width: 50px;
     top: 0;
     background: linear-gradient(to right, #fff, transparent);
}
 footer .copyrights-box {
     background: #f6f4eb;
     padding: 25px;
}
 footer .copyrights-box p {
     margin: 0;
     font-size: 14px;
     font-family: "Atlan";
     color: rgb(38, 41, 98);
     line-height: 1.714;
     text-align: left;
     font-weight: 600;
}
 footer .copyrights-box ul {
     display: flex;
     justify-content: flex-end;
}
 footer .copyrights-box ul li {
     padding-left: 10px;
}
 footer .copyrights-box ul li a {
     color: #4d0e87;
     font-size: 14px;
     font-family: "Atlan";
     line-height: 1.714;
     text-align: left;
     font-weight: 500;
     display: block;
}
 footer .copyrights-box ul li a:hover {
     color: rgb(38, 41, 98);
}
 footer .copyrights-box ul li:first-child {
     margin: 0;
     padding: 0;
     border: none;
}
/* Innerpages */
 section.inner-hero-banner {
     padding: 54px 0;
     background-color: rgb(240, 240, 250);
}
 .and__mob section.app-sect-2 {
     padding: 16px 0;
}
 section.inner-hero-banner .desc {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
}
section.inner-hero-banner .desc h1 {
    font-size: 35px;
    font-family: "Atlan";
    color: #00e06d;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 28px;
    text-align: left;
    margin: 0;
}
section.inner-hero-banner .desc h1 span {
    font-size: 50px;
    font-family: "Atlan";
    color: #4d0e87;
    text-transform: uppercase;
    line-height: 1.3;
    font-weight: 700;
    margin: 0;
    display: block;
    text-align: left;
    margin: 0;
}
 .ui-ux ul.platform-list {
     justify-content: space-evenly;
}
 .ui-ux ul.platform-list li a {
     font-size: 15px;
}
 section.inner-hero-banner .desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.389;
     text-align: left;
     max-width: 480px;
     margin-bottom: 25px;
}
 section.inner-hero-banner .desc .cta-box {
     display: flex;
}
 section.inner-hero-banner .desc .cta-box a {
     font-size: 14px;
     display: inline-block;
     font-family: "Atlan";
     color: rgb(38, 41, 98);
     text-transform: uppercase;
     line-height: 2.143;
     text-align: center;
     padding: 5px 0px;
     position: relative;
     border-radius: 2px;
     z-index: 1;
     border: 1px solid rgb(38, 41, 98);
     overflow: hidden;
     background-color: rgb(240, 240, 250);
     width: 200px;
     margin-right: 15px;
}
 section.inner-hero-banner .desc .cta-box a:before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     height: 100%;
     background: #00e06d;
     margin: auto;
     z-index: -1;
     transition: ease all 0.25s;
     transform: translateX(-150%);
}
 section.inner-hero-banner .desc .cta-box a:last-child, section.inner-hero-banner .desc .cta-box a:hover {
     border-color: #00e06d;
     color: #fff;
}
 section.inner-hero-banner .desc .cta-box a:last-child:before, section.inner-hero-banner .desc .cta-box a:hover:before {
     transform: translateX(0%);
}
 section.inner-hero-banner .desc .cta-box a:last-child:hover:before {
     transform: translateX(150%);
}
 section.inner-hero-banner .desc .cta-box a:last-child:hover {
     border-color: rgb(38, 41, 98);
     color: rgb(38, 41, 98);
}
 .dedicated-quality-assurance svg path {
     stroke: #fff;
}
 section.inner-hero-banner .img-box {
     max-width: 85%;
     margin: auto;
     margin-right: 0;
}
 section.logoslider-row-sect {
     padding: 50px 0;
}
 section.logoslider-row-sect .logo-slider {
     position: relative;
}
 section.logoslider-row-sect .logo-slider button.slick-arrow {
     position: absolute;
     top: inherit;
     bottom: 0;
     top: 0;
     margin: auto;
     right: 0;
     font-size: 0;
     background: #fff;
     width: 50px;
     height: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     border: none;
     transition: ease all 0.25s;
    /* z-index: 1;
     */
}
 section.logoslider-row-sect .logo-slider button.slick-arrow:before {
     content: '\f061';
     position: absolute;
     font-family: 'Font Awesome 5 Free';
     font-size: 25px;
     color: #fff;
     font-weight: 900;
     background: #00e06d;
     top: 2px;
     display: flex;
     justify-content: center;
     align-items: center;
     bottom: 2px;
     left: 2px;
     border-radius: 50%;
     right: 2px;
     transition: ease all 0.25s;
}
 section.logoslider-row-sect .logo-slider button.slick-arrow:after {
     content: '';
     position: absolute;
     left: -1px;
     top: -1px;
     bottom: -1px;
     right: -1px;
     z-index: -1;
     border-radius: 50%;
     transition: ease all 0.25s;
     background-image: -moz-linear-gradient(90deg, #00e06d 1%, #cddc39 57%, #00e06d 100%);
     background-image: -webkit-linear-gradient(90deg, #00e06d 1%, #cddc39 57%, #00e06d 100%);
     background-image: linear-gradient(90deg, #00e06d 1%, #cddc39 57%, #00e06d 100%);
}
 section.logoslider-row-sect .logo-slider button.slick-prev.slick-arrow {
     display: none !important;
}
 section.logoslider-row-sect .logo-slider button.slick-arrow:hover, section.logoslider-row-sect .logo-slider button.slick-arrow:hover:before {
     background: rgba(0, 0, 0, 0);
}
 section.logoslider-row-sect .logo-slider .item-box img {
     width: 100%;
     height: 100%;
     object-fit: contain;
    /*filter: brightness(0) invert(0.7);
    */
     transition: ease all 0.25s;
}
 section.logoslider-row-sect .logo-slider .item-box.slick-current img, section.logoslider-row-sect .logo-slider .item-box:hover img {
     filter: none;
}
 section.logoslider-row-sect .logo-slider .item-box .item-wrapper {
     max-width: 50%;
     margin: auto;
     margin-left: 15px;
     transition: ease all 0.25s;
}
 section.logoslider-row-sect .logo-slider .item-box.slick-current .item-wrapper {
     transform: scale(1.1) 
}
 section.web-app-desc {
     padding: 50px 0 150px;
     position: relative;
}


 section.web-app-desc .head-desc h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 400;
     text-transform: uppercase;
     line-height: 1.15;
     margin: 0;
     text-align: center;
}
 section.web-app-desc .head-desc h2 {
     font-size: 60px;
     font-family: "Atlan";
     font-weight: 700;
     color: #4d0e87;
     text-transform: uppercase;
     margin: 0;
     line-height: 1;
     text-align: center;
     margin-bottom: 50px;
}
 section.web-app-desc .head-desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     text-align: center;
     max-width: 80%;
     margin: auto;
}
 section.web-app-desc .tabs-container {
     margin-top: 70px;
     padding-top: 50px;
     position: relative;
}
 section.web-app-desc .tabs-container:before {
     position: absolute;
     content: '';
     right: 0;
     top: 0;
     height: 70px;
     background: url(/assets/images/bg-img-box.png);
     width: 70% 
}
 section.web-app-desc .tabs-container .tabs-menu ul {
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
     margin-bottom: 50px;
}
 section.web-app-desc .tabs-container .tabs-menu ul li {
     width: 32%;
}
 section.web-app-desc .tabs-container .tabs-menu ul li a {
     font-size: 22px;
     width: 100%;
     height: 60px;
     display: flex;
     justify-content: center;
     font-family: "Atlan";
     align-items: center;
     font-weight: 400;
     color: rgb(38, 41, 98);
     text-transform: uppercase;
     text-align: center;
     padding: 5px 30px;
     position: relative;
     border-radius: 2px;
     z-index: 1;
     border: 1px solid rgb(38, 41, 98);
     overflow: hidden;
     background-color: rgb(255 255 255);
     margin-right: 15px;
}
 section.web-app-desc .tabs-container .tabs-menu ul li a:before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     height: 100%;
     background: #00e06d;
     margin: auto;
     z-index: -1;
     transition: ease all 0.25s;
     transform: translateY(-150%);
}
 section.web-app-desc .tabs-container .tabs-menu ul li {
     position: relative;
}
 section.web-app-desc .tabs-container .tabs-menu ul li:after {
     position: absolute;
     content: '';
     left: 0;
     top: 50%;
     right: 0;
     height: 15px;
     width: 15px;
     background: #00e06d;
     margin: auto;
     z-index: -1;
     transition: ease all 0.25s;
     clip-path: polygon(100% 0, 0 0, 50% 100%);
}
 section.web-app-desc .tabs-container .tabs-menu ul li.current:after {
     top: 100%;
}
 section.web-app-desc .tabs-container .tabs-menu ul li.current a, section.web-app-desc .tabs-container .tabs-menu ul li a:hover {
     border-color: #00e06d;
     color: #fff;
}
 section.web-app-desc .tabs-container .tabs-menu ul li.current a:before, section.web-app-desc .tabs-container .tabs-menu ul li a:hover:before {
     transform: translateY(0%);
}
 section.web-app-desc .tabs-container .tabs-wrapper .desc-box h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 400;
     text-transform: uppercase;
     line-height: 1;
     text-align: left;
     margin: 0;
}
 section.web-app-desc .tabs-container .tabs-wrapper .desc-box h2 {
     font-size: 60px;
     font-family: "Atlan";
     color: #4d0e87;
     text-transform: uppercase;
     line-height: 1;
     text-align: left;
     font-weight: 700;
     margin: 0;
     margin-bottom: 30px;
}
 section.web-app-desc .tabs-container .tabs-wrapper .desc-box p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     text-align: left;
     max-width: 80%;
}
 section.web-app-desc .tabs-container .tabs-wrapper .cta-box a {
     font-size: 14px;
     display: inline-block;
     font-family: "Atlan";
     color: rgb(38, 41, 98);
     text-transform: uppercase;
     line-height: 2.143;
     text-align: center;
     padding: 5px 0px;
     position: relative;
     border-radius: 2px;
     z-index: 1;
     border: 1px solid #00e06d;
     overflow: hidden;
     background-color: rgb(255 255 255);
     width: 200px;
     margin-right: 15px;
}
 section.web-app-desc .tabs-container .tabs-wrapper .cta-box a:before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     height: 100%;
     background: #00e06d;
     margin: auto;
     z-index: -1;
     transition: ease all 0.25s;
     transform: translateX(-150%);
}
 section.web-app-desc .tabs-container .tabs-wrapper .cta-box a:hover {
     border-color: #00e06d;
     color: #fff;
}
 section.web-app-desc .tabs-container .tabs-wrapper .cta-box a:hover:before {
     transform: translateX(0%);
}
 section.web-app-desc .tabs-container .tabs-wrapper .img-wrapper {
     padding: 0 50px;
     margin: auto;
     text-align: center;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     max-height: 500px;
}
 section.web-app-desc .tabs-container .tabs-wrapper .img-wrapper img {
     height: 100%;
     width: auto;
}
 section.web-portfolio-sect, section.web-portfolio-sect {
     position: relative;
     margin: 50px 0 0;
}
 section.ios-app-portfolio {
     margin-top: 50px;
}
 section.ios-app-portfolio .item, section.web-portfolio-sect .item {
     padding: 50px 0;
     background-size: 67% 100% !important;
}
 section.ios-app-portfolio .item .desc h3, section.web-portfolio-sect .item .desc h3 {
     font-size: 30px;
     font-family: "Atlan";
     color: rgb(255, 255, 255);
     font-weight: 400;
     text-transform: uppercase;
     line-height: 1.333;
     margin: 0;
     text-align: left;
}
 section.ios-app-portfolio .item .desc h2, section.web-portfolio-sect .item .desc h2 {
     font-size: 30px;
     font-family: "Atlan";
     color: #ffff;
     font-weight: 400;
     text-transform: uppercase;
     line-height: 1.333;
     margin: 0;
     text-align: left;
     margin-bottom: 50px;
}
 section.ios-app-portfolio .item .desc p, section.web-portfolio-sect .item .desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(255, 255, 255);
     line-height: 1.5;
     text-align: left;
     margin-bottom: 50px;
     max-width: 440px;
}
 section.ios-app-portfolio .item .details>h3, section.web-portfolio-sect .item .details>h3 {
     font-size: 20px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 400;
     text-transform: uppercase;
     line-height: 1.25;
     text-align: left;
     margin-bottom: 50px;
}
 section.ios-app-portfolio .item .details ul, section.web-portfolio-sect .item .details ul {
     padding: 0;
     margin: 0;
     margin-bottom: 50px;
}
 section.ios-app-portfolio .item .details ul li, section.web-portfolio-sect .item .details ul li {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(255, 255, 255);
     line-height: 1.5;
     text-align: left;
     position: relative;
     padding-left: 30px;
}
 section.ios-app-portfolio .item .details ul li:before, section.web-portfolio-sect .item .details ul li:before {
     position: absolute;
     content: '';
     left: 0px;
     top: 0;
     bottom: 0;
     width: 10px;
     height: 10px;
     background: #00e06d;
     border-radius: 100%;
     margin: auto;
     z-index: 1;
}
 section.ios-app-portfolio .item .details ul li:after, section.web-portfolio-sect .item .details ul li:after {
     position: absolute;
     content: '';
     left: 9px;
     top: 0;
     bottom: 11px;
     width: 5px;
     height: 5px;
     background: rgb(255 255 255);
     border-radius: 100%;
     margin: auto;
}
 section.ios-app-portfolio .item .details .row, section.web-portfolio-sect .item .details .row, section.ios-app-portfolio .item .details .row>div, section.web-portfolio-sect .item .details .row>div {
     width: 50%;
}
 section.ios-app-portfolio .item .details .downloads-quantity h3, section.web-portfolio-sect .item .details .downloads-quantity h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: #00e06d;
     text-transform: uppercase;
     font-weight: 700;
     line-height: 1.151;
     text-align: left;
     margin: 0;
}
 section.ios-app-portfolio .item .details .rating-box h3, section.web-portfolio-sect .item .details .rating-box h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: #00e06d;
     text-transform: uppercase;
     line-height: 1.151;
     font-weight: 700;
     text-align: left;
     margin: 0;
}
 section.ios-app-portfolio .item .details .downloads-quantity p, section.ios-app-portfolio .item .details .rating-box p, section.web-portfolio-sect .item .details .downloads-quantity p, section.web-portfolio-sect .item .details .rating-box p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(255, 255, 255);
     text-transform: uppercase;
     line-height: 1.438;
     text-align: left;
}
 section.ios-app-portfolio .item .device-box, section.web-portfolio-sect .item .device-box {
     bottom: 0;
     position: absolute;
     margin-left: -50px;
}
 section.ios-app-portfolio:before, section.web-portfolio-sect:before {
     position: absolute;
     content: '';
     right: 0;
     top: 50px;
     bottom: 0;
     width: 50%;
     background: url(/assets/images/bg-img-box.png);
     z-index: -1;
}
 section.ios-app-portfolio:after, section.web-portfolio-sect:after {
     position: absolute;
     content: '';
     right: 0;
     width: 300px;
     height: 250px;
     bottom: 0;
     background: #fff;
     z-index: -1;
}
 section.ios-app-portfolio button.slick-arrow, section.web-portfolio-sect button.slick-arrow {
     position: absolute;
     z-index: 9;
     right: 150px;
     top: inherit;
     bottom: 50px;
     font-size: 0;
     background: #fff;
     width: 50px;
     height: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     border: none;
     transition: ease all 0.25s;
}
 section.ios-app-portfolio button.slick-arrow:before, section.web-portfolio-sect button.slick-arrow:before {
     content: '\f061';
     position: absolute;
     font-family: 'Font Awesome 5 Free';
     font-size: 25px;
     color: #fff;
     font-weight: 900;
     background: #00e06d;
     top: 2px;
     display: flex;
     justify-content: center;
     align-items: center;
     bottom: 2px;
     left: 2px;
     border-radius: 50%;
     right: 2px;
     transition: ease all 0.25s;
}
 section.ios-app-portfolio button.slick-arrow:hover:before, section.web-portfolio-sect button.slick-arrow:hover:before {
     background: rgba(0, 0, 0, 0);
}
 section.ios-app-portfolio button.slick-arrow:after, section.web-portfolio-sect button.slick-arrow:after {
     content: '';
     position: absolute;
     left: -1px;
     top: -1px;
     bottom: -1px;
     right: -1px;
     z-index: -1;
     border-radius: 50%;
     transition: ease all 0.25s;
     background-image: -moz-linear-gradient(90deg, #00e06d 1%, #cddc39 57%, #00e06d 100%);
     background-image: -webkit-linear-gradient(90deg, #00e06d 1%, #cddc39 57%, #00e06d 100%);
     background-image: linear-gradient(90deg, #00e06d 1%, #cddc39 57%, #00e06d 100%);
}
 section.ios-app-portfolio button.slick-prev, section.web-portfolio-sect button.slick-prev {
     display: none;
}
 section.ios-app-portfolio .item .desc h3 {
     color: #00e06d;
}
 section.services-solutions {
     padding: 100px 0 0;
     position: relative;
}

/* section.services-solutions .head-desc {
     margin-bottom: 70px;
}
 */
 section.services-solutions .head-desc h3 {
     font-size: 35px;
     font-family: "Atlan";
     color: #00e06d;
     text-transform: uppercase;
     line-height: 1;
     text-align: center;
     margin: 0;
         font-weight: 600;
}
 section.services-solutions .head-desc h2 {
     font-size: 45px;
     font-weight: bold;
     font-family: "Atlan";
     color: #4d0e87;
     text-transform: uppercase;
     line-height: 1;
     text-align: center;
     margin: 0;
     margin-bottom: 15px;
}
 section.services-solutions .head-desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     text-align: center;
     max-width: 80%;
     margin: auto;
}
 section.services-solutions .tickets-row .tickets {
     padding: 0 33px 20px;
     border: 1px solid #262962;
     margin-top: 100px;
     height: calc(100% - 100px);
}
 section.services-solutions .tickets-row .tickets .icon-box {
     width: 100px;
     height: 100px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: auto;
     border-radius: 100%;
     margin-top: -60px;
     transition: ease all 0.25s;
     margin-bottom: 25px;
     background: #fff;
     border: 1px solid #262962;
}
 section.services-solutions .tickets-row .tickets:hover .icon-box {
     background: #00e06d;
     border-color: #00e06d;
}
 section.services-solutions .tickets-row .tickets .icon-box i {
     font-size: 50px;
     color: #262962;
     transition: ease all 0.25s;
}
 section.services-solutions .tickets-row .tickets:hover .icon-box i {
     color: #fff;
}
section.services-solutions .tickets-row .tickets .desc h3 {
    font-size: 21px;
    white-space: pre-line;
    font-family: "Atlan";
    color: rgb(53 23 77);
    text-transform: uppercase;
    line-height: 1.182;
    text-align: center;
    margin-bottom: 20px;
    transition: ease all 0.25s;
}
 section.services-solutions .tickets-row .tickets:hover .desc h3 {
     color: #00e06d;
}
 section.services-solutions .tickets-row .tickets .desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     text-align: center;
     max-height: 150px;
     overflow-y: auto;
     padding: 0 7px 0 0px;
}
 section.services-solutions .cta-box {
     margin-top: 60px;
     text-align: center;
}
 section.services-solutions .cta-box a {
     font-size: 14px;
     display: inline-block;
     font-family: "Atlan";
     text-transform: uppercase;
     line-height: 2.143;
     text-align: center;
     padding: 5px 0px;
     position: relative;
     border-radius: 2px;
     z-index: 1;
     border: 1px solid #00e06d;
     overflow: hidden;
     background-color: rgb(255, 255, 255);
     width: 200px;
     margin-right: 15px;
     color: #fff;
}
 section.services-solutions .cta-box a:before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     height: 100%;
     background: #00e06d;
     margin: auto;
     z-index: -1;
     transition: ease all 0.25s;
     transform: translateX(0%);
}
 section.services-solutions .cta-box a:hover {
     border-color: rgb(38, 41, 98);
     color: rgb(38, 41, 98);
}
 section.services-solutions .cta-box a:hover:before {
     transform: translateX(150%);
}
 section.dqa-sect {
}
 section.gbbf-sect {
     padding: 50px 0;
}
 section.dqa-sect .img-box {
     background: #4d0e87;
     padding: 50px 0;
     padding-right: 25px;
     position: relative;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
}
 section.gbbf-sect .img-box {
     padding: 0 50px;
}
 section.dqa-sect .img-box:before {
     position: absolute;
     content: '';
     top: 0;
     bottom: 0;
     right: 100%;
     width: 100%;
     background: #4d0e87;
}
 section.gbbf-sect .desc-box, section.dqa-sect .desc-box {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
}
 section.gbbf-sect .desc-box {
     padding-right: 25px;
}
 section.dqa-sect .desc-box {
     padding-left: 25px;
}
 section.gbbf-sect .desc-box h3, section.dqa-sect .desc-box h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 400;
     text-transform: uppercase;
     line-height: 1;
     margin: 0;
     text-align: left;
}
 section.gbbf-sect .desc-box h2, section.dqa-sect .desc-box h2 {
     font-size: 60px;
     font-family: "Atlan";
     color: #4d0e87;
     text-transform: uppercase;
     font-weight: 700;
     line-height: 1;
     margin-bottom: 30px;
     text-align: left;
}
 section.gbbf-sect .desc-box p, section.dqa-sect .desc-box p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     text-align: left;
}
 section.gbbf-sect .desc-box .cta-box a {
     font-size: 14px;
     display: inline-block;
     font-family: "Atlan";
     text-transform: uppercase;
     line-height: 2.143;
     text-align: center;
     padding: 5px 0px;
     position: relative;
     border-radius: 2px;
     z-index: 1;
     overflow: hidden;
     background-color: rgb(255, 255, 255);
     width: 200px;
     margin-top: 15px;
     border: 1px solid #00e06d;
     color: #fff;
}
 section.gbbf-sect .desc-box .cta-box a:before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     height: 100%;
     background: #00e06d;
     margin: auto;
     z-index: -1;
     transition: ease all 0.25s;
     transform: translateX(0%);
}
 section.gbbf-sect .desc-box .cta-box a:hover {
     color: rgb(38, 41, 98);
     border-color: rgb(38, 41, 98);
}
 section.gbbf-sect .desc-box .cta-box a:hover:before {
     transform: translateX(150%);
}
 section.tclc-sect {
     padding: 50px 0;
     background: #f0f0fa;
}
 section.tclc-sect .img-box {
     padding: 0 50px;
}
 section.tclc-sect .desc-box {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding-left: 25px;
}
 section.tclc-sect .desc-box h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 400;
     text-transform: uppercase;
     line-height: 1;
     margin: 0;
     text-align: left;
}
 section.tclc-sect .desc-box h2 {
     font-size: 60px;
     font-family: "Atlan";
     color: #4d0e87;
     text-transform: uppercase;
     font-weight: 700;
     line-height: 1;
     margin-bottom: 30px;
     text-align: left;
}
 section.tclc-sect .desc-box p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     text-align: left;
}
 section.tclc-sect .desc-box .cta-box a {
     font-size: 14px;
     display: inline-block;
     font-family: "Atlan";
     color: rgb(38, 41, 98);
     text-transform: uppercase;
     line-height: 2.143;
     text-align: center;
     padding: 5px 0px;
     position: relative;
     border-radius: 2px;
     z-index: 1;
     border: 1px solid rgb(38, 41, 98);
     overflow: hidden;
     width: 200px;
     margin-top: 15px;
}
 section.tclc-sect .desc-box .cta-box a:before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     height: 100%;
     background: #6f36bb;
     margin: auto;
     z-index: -1;
     transition: ease all 0.25s;
     transform: translateX(-150%);
}
 section.tclc-sect .desc-box .cta-box a:hover {
     border-color: #6f36bb;
     color: #fff;
}
 section.tclc-sect .desc-box .cta-box a:hover:before {
     transform: translateX(0%);
}
 section.haha-sect {
     position: relative;
     padding: 50px 0;
}
 section.haha-sect:before {
     position: absolute;
     content: '';
     right: 0;
     top: 50px;
     width: 70px;
     background: url(/assets/images/experiences-after-img.png);
     background-size: cover;
     height: 100px;
     z-index: 2;
}
 section.haha-sect:after {
     position: absolute;
     content: '';
     right: 55%;
     top: 0;
     width: 100%;
     background: url(/assets/images/experiences-after-img.png);
     background-size: cover;
     height: 50px;
     z-index: 2;
}
 section.haha-sect .img-box {
     padding: 0 50px;
}
 section.haha-sect .desc-box {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding-left: 25px;
}
 section.haha-sect .desc-box h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 400;
     text-transform: uppercase;
     line-height: 1;
     margin: 0;
     text-align: left;
}
 section.haha-sect .desc-box h2 {
     font-size: 60px;
     font-family: "Atlan";
     color: #4d0e87;
     text-transform: uppercase;
     font-weight: 700;
     line-height: 1;
     margin-bottom: 30px;
     text-align: left;
}
 section.haha-sect .desc-box p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     text-align: left;
}
 section.haha-sect .desc-box .cta-box a {
     font-size: 14px;
     display: inline-block;
     font-family: "Atlan";
     color: #00e06d;
     text-transform: uppercase;
     line-height: 2.143;
     text-align: center;
     padding: 5px 0px;
     position: relative;
     border-radius: 2px;
     z-index: 1;
     border: 1px solid #00e06d;
     overflow: hidden;
     width: 200px;
     margin-top: 15px;
}
 section.haha-sect .desc-box .cta-box a:before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     height: 100%;
     background: #00e06d;
     margin: auto;
     z-index: -1;
     transition: ease all 0.25s;
     transform: translateX(-150%);
}
 section.haha-sect .desc-box .cta-box a:hover {
     border-color: #00e06d;
     color: #fff;
}
 section.haha-sect .desc-box .cta-box a:hover:before {
     transform: translateX(0%);
}
 section.yfiad-sect {
}
 section.yfiad-sect .listing-wrapper {
     padding: 50px 0;
     background: #4d0e87;
     position: relative;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
}
 section.yfiad-sect .listing-wrapper:before {
     position: absolute;
     content: '';
     right: 100%;
     top: 0;
     bottom: 0;
     width: 100%;
     background: #4d0e87;
}
 section.yfiad-sect .listing-wrapper li .navbox {
     color: #a1a1a1;
     font-size: 15px;
     font-family: "Atlan";
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1.333;
     text-align: left;
     display: flex;
}
 section.yfiad-sect .listing-wrapper li .navbox .icon-box {
     width: 60px;
     font-size: 35px;
     display: flex;
     height: 100%;
     justify-content: center;
     align-items: center;
     height: 70px;
     width: 70px;
     border-radius: 100%;
     border: 1px solid #ddd;
     background: #ddd;
     transition: ease all 0.25s;
     position: relative;
}
 section.yfiad-sect .listing-wrapper li .navbox .icon-box:before {
     position: absolute;
     content: '';
     left: 8%;
     top: 8%;
     width: 10px;
     height: 10px;
     background: #00e06d;
     border-radius: 100%;
     transition: ease all 0.25s;
     width: 15px;
     height: 15px;
     top: 75%;
     left: 75%;
}
 section.yfiad-sect .listing-wrapper li .navbox .icon-box:after {
     position: absolute;
     content: '';
     left: 8%;
     top: 8%;
     width: 10px;
     height: 10px;
     background: #00e06d;
     border-radius: 100%;
     transition: ease all 0.25s;
}
 section.yfiad-sect .listing-wrapper li .navbox .icon-box i {
     justify-content: center;
     align-items: center;
     width: 35px;
     height: 35px;
     transition: ease all 0.25s;
     display: flex;
     color: #262962;
}
 section.yfiad-sect .listing-wrapper li .navbox .text-box {
     padding: 0 30px;
     max-width: calc(100% - 70px);
}
 section.yfiad-sect .listing-wrapper li .navbox .text-box h3 {
     font-size: 20px;
     font-family: "Atlan";
     color: rgb(255, 255, 255);
     font-weight: 400;
     text-transform: uppercase;
     line-height: 1.25;
     text-align: left;
}
 section.yfiad-sect .listing-wrapper li .navbox .text-box p {
     font-size: 14px;
     font-family: "Atlan";
     color: rgb(255, 255, 255);
     line-height: 1.5;
     font-weight: 300;
     text-align: left;
}
 section.yfiad-sect .img-box {
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: flex-end;
     margin: 0 -30px;
     background: linear-gradient(to right, #4d0e87 50%, rgba(0, 0, 0, 0)50%);
     position: relative;
}
 section.yfiad-sect .img-box img {
     margin-bottom: -30px;
}
 section.yfiad-sect .img-box:before {
     position: absolute;
     content: '';
     left: 25%;
     top: 70%;
     background: url(/assets/images/experiences-after-img.png);
     background-size: auto;
     height: 45%;
     z-index: 2;
     width: 100%;
}
 section.yfiad-sect .desc h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 400;
     text-transform: uppercase;
     line-height: 1.15;
     text-align: left;
     margin: 0;
}
 section.yfiad-sect .desc h2 {
     font-size: 60px;
     font-family: "Atlan";
     color: #4d0e87;
     font-weight: 700;
     text-transform: uppercase;
     line-height: 1;
     text-align: left;
     margin-bottom: 30px;
}
 section.yfiad-sect .desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     text-align: left;
}
section.ciad-sect {
    background-color: rgb(240 240 250);
    padding: 50px 0;
    margin-top: 100px;
    position: relative;
}
 section.ciad-sect:before {
     display: none;
     position: absolute;
     content: '';
     left: 30px;
     top: -30px;
     width: 170px;
     background: url(/assets/images/experiences-after-img.png);
     background-size: auto;
     height: 70px;
     z-index: 2;
}

section.ciad-sect .head-desc h3 {
    font-size: 35px;
    font-weight: 600;
    font-family: "Atlan";
    color: #00e06d;
    line-height: 1.15;
    text-align: left;
    margin: 0 0 7px;
    text-transform: uppercase;
}
section.ciad-sect .head-desc h2 {
    color: #4d0e87;
    font-family: Atlan;
    font-size: 45px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 20px;
    text-align: left;
    text-transform: uppercase;
}
 section.ciad-sect .list ul {
     display: flex;
     flex-wrap: wrap;
}
 section.ciad-sect .list ul li {
     width: 33.3333%;
     padding-left: 25px;
     position: relative;
     margin-bottom: 15px;
}
 section.ciad-sect .list ul li:before {
     position: absolute;
     content: '';
     left: 0px;
     top: 0;
     bottom: 0;
     width: 10px;
     height: 10px;
     background: #00e06d;
     border-radius: 100%;
     margin: auto;
     z-index: 1;
}
 section.ciad-sect .list ul li:after {
     position: absolute;
     content: '';
     left: 9px;
     top: 0;
     bottom: 11px;
     width: 5px;
     height: 5px;
     background: #4d0e87;
     border-radius: 100%;
     margin: auto;
}
section.ciad-sect .list ul li p {
    margin: 0;
    font-size: 18px;
    font-family: "Atlan";
    color: rgb(38, 41, 98);
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.25;
    text-align: left;
}
 section.atwu-sect {
     padding: 50px 0 150px;
     position: relative;
}
 section.atwu-sect:before {
     position: absolute;
     content: '';
     left: 0px;
     bottom: 0px;
     width: 280px;
     background: url(/assets/images/experiences-after-img.png);
     background-size: auto;
     height: 120px;
     z-index: 2;
}
 section.atwu-sect .head-desc {
     margin-bottom: 50px;
}
 section.atwu-sect .head-desc h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: rgb(0 224 109);
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1.15;
     margin: 0;
     text-align: center;
}
 section.atwu-sect .head-desc h2 {
     font-size: 60px;
     font-family: "Atlan";
     color: rgb(53 23 77);
     text-transform: uppercase;
     font-weight: 700;
     line-height: 1;
     margin: 0;
     margin-bottom: 35px;
     text-align: center;
}
 section.atwu-sect .head-desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     text-align: center;
     max-width: 80%;
     margin: auto;
}
 section.atwu-sect .tech-icons {
     display: flex;
     flex-wrap: nowrap;
     justify-content: space-between;
     align-items: center;
}
 section.brand-strategic-sect {
     padding: 50px 0;
}
 section.brand-strategic-sect .head-desc {
     margin-bottom: 35px;
     position: relative;
}
 section.brand-strategic-sect .head-desc:before {
     position: absolute;
     content: '';
     left: 0;
     top: 25%;
     right: 0;
     height: 330px;
     background: url(/assets/images/bg-img-box.png);
     background-size: cover;
     background-position: bottom center;
     clip-path: polygon(4% 22%, 0 22%, 0 100%, 100% 100%, 100% 22%, 96% 22%, 96% 80%, 4% 80%);
     z-index: -1;
}
 section.brand-strategic-sect .head-desc h2 {
     font-size: 60px;
     font-family: "Atlan";
     color: #4d0e87;
     text-transform: uppercase;
     font-weight: bold;
     line-height: 1;
     text-align: center;
     margin-bottom: 30px;
}
 section.brand-strategic-sect .head-desc h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 400;
     text-transform: uppercase;
     line-height: 1.15;
     text-align: center;
     margin: 0;
}
 section.brand-strategic-sect .head-desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.563;
     text-align: center;
     max-width: 90%;
     margin: auto;
     margin-bottom: 15px;
}
 section.brand-strategic-sect .bs-ticket {
     padding: 0 10px;
}
 section.brand-strategic-sect .bs-ticket .icon-box {
     font-size: 35px;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 70px;
     width: 70px;
     border-radius: 100%;
     background: #fff;
     border: 1px solid #ddd;
     transition: ease all 0.25s;
     position: relative;
     color: #262962;
     border-color: #262962;
     margin: auto;
     margin-bottom: 25px;
}
 section.brand-strategic-sect .bs-ticket .icon-box:before {
     position: absolute;
     content: '';
     left: 8%;
     top: 8%;
     width: 10px;
     height: 10px;
     border-radius: 100%;
     transition: ease all 0.25s;
     background: #00e06d;
}
 section.brand-strategic-sect .bs-ticket .icon-box:after {
     position: absolute;
     content: '';
     border-radius: 100%;
     transition: ease all 0.25s;
     width: 15px;
     height: 15px;
     top: 75%;
     left: 75%;
     background: #00e06d;
}
 section.brand-strategic-sect .bs-ticket .icon-box i {
     justify-content: center;
     align-items: center;
     width: 35px;
     height: 35px;
     transition: ease all 0.25s;
     display: flex;
}
 section.brand-strategic-sect .bs-ticket .desc-box h3 {
     font-size: 20px;
     font-family: "Atlan";
     color: rgb(38, 41, 98);
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1.25;
     text-align: center;
}
 section.brand-strategic-sect .bs-ticket .desc-box p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.563;
     text-align: center;
}
 section.addc-sect {
     padding: 70px 0;
     background: #f0f0fa;
}
 section.addc-sect .desc h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1.15;
     text-align: left;
     margin: 0;
}
 section.addc-sect .desc h2 {
     font-size: 60px;
     font-family: "Atlan";
     color: #4d0e87;
     font-weight: 700;
     text-transform: uppercase;
     line-height: 1;
     text-align: left;
     margin-bottom: 35px;
}
 section.addc-sect .desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.563;
     text-align: left;
}
 section.addc-sect .img-box {
     transform: translate(40px, -60px);
}
 section.addc-sect .listing ul li h3:before {
     position: absolute;
     content: '';
     left: -10px;
     top: 0;
     bottom: 0;
     width: 10px;
     height: 10px;
     background: #00e06d;
     border-radius: 100%;
     margin: auto;
     z-index: 1;
}
 section.addc-sect .listing ul li h3:after {
     position: absolute;
     content: '';
     left: -1px;
     top: 0;
     bottom: 11px;
     width: 5px;
     height: 5px;
     background: #35174d;
     border-radius: 100%;
     margin: auto;
}
 section.addc-sect .listing ul li h3 {
     font-size: 20px;
     font-family: "Atlan";
     padding-left: 10px;
     color: #4d0e87;
     font-weight: bold;
     text-transform: uppercase;
     line-height: 1.25;
     position: relative;
     text-align: left;
}
 section.addc-sect .listing ul li p {
     font-size: 16px;
     font-family: "Atlan";
     padding-left: 10px;
     color: rgb(111, 111, 111);
     line-height: 1.563;
     position: relative;
     text-align: left;
}
 .testing-list li .mb-app-box a:hover {
     color: #dfd610 !important;
}
 section.app-sect-2 {
     padding: 50px 0;
     position: relative;
}
 section.app-sect-2 .desc {
     padding: 0 10%;
     margin-bottom: 87px;
     position: relative;
}
 section.app-sect-2 .desc:before {
     position: absolute;
     content: '';
     left: 0;
     top: initial;
     bottom: -41%;
     right: 0;
     height: 400px;
     background: url(/assets/images/bg-img-box.png);
     background-size: cover;
     background-position: bottom center;
     clip-path: polygon(4% 22%, 0 22%, 0 100%, 100% 100%, 100% 22%, 96% 22%, 96% 80%, 4% 80%);
     z-index: -1;
}
 section.app-sect-2 .desc h2 {
     font-size: 30px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1.333;
     text-align: center;
     margin-bottom: 9px;
}
 section.app-sect-2 .desc h2 span {
     font-weight: 700;
     display: block;
     color: #4d0e87;
}
 section.app-sect-2 .desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.563;
     text-align: center;
}
 section.android-app-platforms {
     padding: 50px 0 0;
     position: relative;
}
 section.android-app-platforms:before {
     position: absolute;
     content: '';
     width: 190px;
     height: 250px;
     background: url(/assets/images/bg-img-box.png);
     left: 140px;
     right: 0;
     margin: auto;
     bottom: 35%;
     clip-path: polygon(30% 0, 30% 80%, 100% 80%, 100% 100%, 0 100%, 0 0);
}
 section.android-app-platforms .head-desc h2 {
     font-size: 60px;
     font-family: "Atlan";
     color: #4d0e87;
     font-weight: 700;
     text-transform: uppercase;
     line-height: 1;
     text-align: left;
     margin-bottom: 25px;
}
 section.android-app-platforms .head-desc h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 600;
     margin-bottom: 0;
     text-transform: uppercase;
     line-height: 1;
     text-align: left;
}
 section.android-app-platforms .head-desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     text-align: left;
     max-width: 90%;
}
 section.android-app-platforms .bullet-points ul {
     padding: 0;
     margin: 0;
     height: 500px;
     overflow: auto;
}
 section.android-app-platforms .bullet-points ul li {
     display: flex;
     justify-content: space-between;
}
 section.android-app-platforms .bullet-points ul li .icon-box {
     width: 140px;
     max-width: 140px;
     height: 140px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 100%;
     position: relative;
     background: #fff;
     color: #4d0e87;
     border: 1px solid #4d0e87;
     margin: 0;
     margin-bottom: 15px;
}
 section.android-app-platforms .bullet-points ul li .icon-box:before {
     position: absolute;
     content: '';
     left: 10%;
     top: 9%;
     width: 15px;
     height: 15px;
     border-radius: 100%;
     transition: ease all 0.25s;
     background: #00e06d;
}
 section.android-app-platforms .bullet-points ul li .icon-box:after {
     position: absolute;
     content: '';
     border-radius: 100%;
     transition: ease all 0.25s;
     width: 25px;
     height: 25px;
     top: 76%;
     left: 76%;
     background: #00e06d;
}
 section.android-app-platforms .bullet-points ul li .desc {
     max-width: calc(100% - 160px);
     padding-top: 50px;
}
 section.android-app-platforms .bullet-points ul li .icon-box i {
     font-size: 80px;
}
 section.android-app-platforms .bullet-points ul li .desc h3 {
     font-size: 30px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1;
     text-align: left;
     display: flex;
     max-width: 80%;
     margin-bottom: 22px;
}
 section.android-app-platforms .bullet-points ul li .desc h3 span {
     font-size: 60px;
     font-family: "Atlan";
     text-transform: uppercase;
     line-height: 1;
     text-align: center;
     color: #00e06d;
     -webkit-text-fill-color: rgb(255, 255, 255);
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: #00e06d;
     font-weight: 700;
     padding-right: 25px;
}
 section.android-app-platforms .bullet-points {
     position: relative;
}
/*section.android-app-platforms .bullet-points:before {
     position: absolute;
     content: '';
     top: 50%;
     bottom: 0;
     height: 50%;
     left: 0;
     right: 0;
     background: linear-gradient(to top, #fff 10%, rgba(0, 0, 0, 0));
     z-index: 1;
}
*/
 section.android-app-platforms .bullet-points ul::-webkit-scrollbar {
     width: 0;
}
 section.android-app-industries {
     padding: 100px 0;
     margin: 0;
     background: #f0f0fa;
     position: relative;
}
 section.android-app-industries:before {
     position: absolute;
     content: '';
     height: 80px;
     width: 200px;
     top: -20px;
     left: 50px;
     background: url(/assets/images/bg-img-box.png);
}
 section.android-app-industries:after {
     position: absolute;
     content: '';
     height: 55%;
     width: 45%;
     bottom: -20px;
     right: 0px;
     background: url(/assets/images/bg-img-box.png);
     clip-path: polygon(calc(100% - 70px) 0, 100% 0, 100% 100%, 0 100%, 0 80%, calc(100% - 70px) 80%);
}
 section.android-app-industries .head-desc h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1;
     text-align: left;
     margin: 0;
}
 section.android-app-industries .head-desc h2 {
     font-size: 60px;
     font-family: "Atlan";
     color: #4d0e87;
     font-weight: 700;
     text-transform: uppercase;
     line-height: 1;
     text-align: left;
     margin: 0;
     margin-bottom: 30px;
}
 section.android-app-industries .head-desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     text-align: left;
}
 section.android-app-industries .listing-points ul {
     display: flex;
     flex-wrap: wrap;
}
 section.android-app-industries .listing-points ul li {
     display: inline-block;
     width: 50%;
     margin-bottom: 45px;
     line-height: 0;
     padding-left: 25px;
     position: relative;
}
 section.android-app-industries .listing-points ul li:before {
     position: absolute;
     content: '';
     left: 0px;
     top: 10px;
     width: 10px;
     height: 10px;
     background: #00e06d;
     border-radius: 100%;
     margin: auto;
     z-index: 1;
}
 section.android-app-industries .listing-points ul li:after {
     position: absolute;
     content: '';
     left: 9px;
     top: 5px;
     width: 5px;
     height: 5px;
     background: #35174d;
     border-radius: 100%;
     margin: auto;
}
 section.android-app-industries .listing-points ul li p {
     font-size: 20px;
     font-family: "Atlan";
     color: #4d0e87;
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1.25;
     text-align: left;
     margin: 0;
}
 section.android-app-industries .listing-points ul li:nth-last-child(2), section.android-app-industries .listing-points ul li:nth-last-child(1) {
     margin: 0;
}
 section.oaads-sect {
     position: relative;
     padding: 50px 0;
}
 section.oaads-sect .container {
     position: relative;
     padding-bottom: 100px;
}
 section.oaads-sect .container:before {
     position: absolute;
     content: '';
     left: 0;
     bottom: 0;
     height: 250px;
     width: 45%;
     right: 0px;
     background: url(/assets/images/bg-img-box.png);
     clip-path: polygon(10% 80%, 100% 80%, 100% 100%, 0 100%, 0 0, 10% 0);
     z-index: -1;
}
 section.oaads-sect:after {
     position: absolute;
     content: '';
     top: 25%;
     height: 150px;
     width: 50px;
     right: 0px;
     background: url(/assets/images/bg-img-box.png);
     z-index: -1;
}
 section.oaads-sect .head-desc h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1;
     margin: 0;
     text-align: center;
}
 section.oaads-sect .head-desc h2 {
     font-size: 60px;
     font-family: "Atlan";
     color: #4d0e87;
     font-weight: 700;
     text-transform: uppercase;
     line-height: 1;
     text-align: center;
     margin: 0;
     margin-bottom: 25px;
}
 section.oaads-sect .head-desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     max-width: 80%;
     margin: auto;
     margin-bottom: 50px;
     text-align: center;
}
 section.oaads-sect .vector-wrapper {
     max-width: 200px;
     margin: auto;
}
 section.oaads-sect .col-wrapper {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: space-around;
}
 section.oaads-sect .col-wrapper .ticket {
     display: flex;
     justify-content: space-between;
}
 section.oaads-sect .col-wrapper .ticket .icon-box {
     width: 100px;
     max-width: 100px;
     height: 100px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 100%;
     position: relative;
     background: #fff;
     color: #4d0e87;
     border: 1px solid #35174d;
     margin: 0;
     margin-bottom: 15px;
}
 section.oaads-sect .col-wrapper .ticket .icon-box:before {
     position: absolute;
     content: '';
     left: 10%;
     top: 9%;
     width: 10px;
     height: 10px;
     border-radius: 100%;
     transition: ease all 0.25s;
     background: #00e06d;
}
 section.oaads-sect .col-wrapper .ticket .icon-box:after {
     position: absolute;
     content: '';
     border-radius: 100%;
     transition: ease all 0.25s;
     width: 20px;
     height: 20px;
     top: 76%;
     left: 76%;
     background: #00e06d;
}
 section.oaads-sect .col-wrapper .ticket.right {
     flex-direction: row-reverse;
}
 section.oaads-sect .col-wrapper .ticket .icon-box i {
     font-size: 45px;
}
 section.oaads-sect .col-wrapper .ticket .desc {
     max-width: calc(100% - 120px);
     padding-top: 30px;
}
 section.oaads-sect .col-wrapper .ticket.right .desc {
     text-align: right;
}
 section.oaads-sect .col-wrapper .ticket .desc h3 {
     font-size: 20px;
     font-family: "Atlan";
     color: #4d0e87;
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1.25;
}
 section.oaads-sect .col-wrapper .ticket .desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
}
 section.skills-diff-sect {
     padding: 60px 0;
     background: #4d0e87;
}
 section.skills-diff-sect .vector-wrapper {
     height: 100%;
     display: flex;
     align-items: center;
     padding-right: 0;
     justify-content: center;
}
 section.skills-diff-sect.v-2 .desc p {
     max-width: 90%;
}
 body.product-strategy.strat .analytics-content {
     margin: 0 15px 21px;
}
 section.skills-diff-sect .desc h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: rgb(242, 251, 247);
     font-weight: 600;
     text-transform: uppercase;
     margin: 0;
     line-height: 1;
     text-align: left;
}
 section.skills-diff-sect .desc h2 {
     font-size: 55px;
     font-family: "Atlan";
     color: #00e06d;
     text-transform: uppercase;
     line-height: 1;
     text-align: left;
     font-weight: 700;
     margin: 0;
     margin-bottom: 30px;
}
 section.skills-diff-sect .desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(242, 251, 247);
     line-height: 1.5;
     text-align: left;
}
 section.app-slider-sect {
     overflow: hidden;
     position: relative;
}
 section.app-slider-sect .wrapper {
}
 section.app-slider-sect .wrapper .nopad {
     padding: 0 !important;
}
 section.app-slider-sect .wrapper .desc-slider {
     background: #f0f0fa;
     position: relative;
     padding: 50px 0;
}
 section.app-slider-sect .wrapper .desc-slider:before {
     position: absolute;
     content: '';
     top: 0;
     bottom: 0;
     right: 100%;
     width: 200%;
     background: #f0f0fa;
}
 section.app-slider-sect .wrapper .desc-slider .item .desc {
     padding-right: 25px;
}
 section.app-slider-sect .wrapper .desc-slider .item .desc h3 {
     font-size: 30px;
     font-family: "Atlan";
     font-weight: 400;
     text-transform: uppercase;
     line-height: 1.333;
     margin: 0;
     color: #00e06d;
     text-align: left;
}
 section.app-slider-sect .wrapper .desc-slider .item .desc h3 span {
     color: #00e06d;
}
 section.app-slider-sect .wrapper .desc-slider .item .desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: #6f6f6f;
     line-height: 1.5;
     text-align: left;
     margin-bottom: 50px;
     max-width: 440px;
}
 section.app-slider-sect .wrapper .desc-slider .item .details>h3 {
     font-size: 20px;
     font-family: "Atlan";
     color: #4d0e87;
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1.25;
     text-align: left;
     margin-bottom: 50px;
}
 section.app-slider-sect .wrapper .desc-slider .item .details ul {
     padding: 0;
     margin: 0;
     margin-bottom: 50px;
}
 section.app-slider-sect .wrapper .desc-slider .item .details ul li {
     font-size: 16px;
     font-family: "Atlan";
     color: #6f6f6f;
     line-height: 1.5;
     text-align: left;
     position: relative;
     padding-left: 30px;
}
 section.app-slider-sect .wrapper .desc-slider .item .details ul li:before {
     position: absolute;
     content: '';
     left: 0px;
     top: 0;
     bottom: 0;
     width: 10px;
     height: 10px;
     background: #00e06d;
     border-radius: 100%;
     margin: auto;
     z-index: 1;
}
 section.app-slider-sect .wrapper .desc-slider .item .details ul li:after {
     position: absolute;
     content: '';
     left: 9px;
     top: 0;
     bottom: 11px;
     width: 5px;
     height: 5px;
     background: #35174d;
     border-radius: 100%;
     margin: auto;
}
 section.app-slider-sect .wrapper .desc-slider .item .details .row>div {
     width: 50%;
}
 section.app-slider-sect .wrapper .desc-slider .item .details .downloads-quantity h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: #00e06d;
     text-transform: uppercase;
     font-weight: 700;
     line-height: 1.151;
     text-align: left;
     margin: 0;
}
 section.app-slider-sect .wrapper .desc-slider .item .details .rating-box h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: #00e06d;
     text-transform: uppercase;
     line-height: 1.151;
     font-weight: 700;
     text-align: left;
     margin: 0;
}
 section.app-slider-sect .wrapper .desc-slider .item .details .downloads-quantity p, section.app-slider-sect .wrapper .desc-slider .item .details .rating-box p {
     font-size: 16px;
     font-family: "Atlan";
     color: #262962;
     text-transform: uppercase;
     line-height: 1.438;
     text-align: left;
}
 section.app-slider-sect .wrapper .desc-slider .item .device-box {
     bottom: 0;
     position: absolute;
     margin-left: -50px;
}
 section.web-portfolio-sect:before {
     position: absolute;
     content: '';
     right: 0;
     top: 50px;
     bottom: 0;
     width: 50%;
     background: url(/assets/images/bg-img-box.png);
     z-index: -1;
}
 section.web-portfolio-sect:after {
     position: absolute;
     content: '';
     right: 0;
     width: 300px;
     height: 250px;
     bottom: 0;
     background: #fff;
     z-index: -1;
}
 section.app-slider-sect .wrapper .desc-slider button.slick-arrow {
     position: absolute;
     z-index: 9;
     right: 150px;
     top: inherit;
     bottom: 50px;
     font-size: 0;
     background: #fff;
     width: 50px;
     height: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     border: none;
     transition: ease all 0.25s;
}
 section.app-slider-sect .wrapper .desc-slider button.slick-arrow:before {
     content: '\f061';
     position: absolute;
     font-family: 'Font Awesome 5 Free';
     font-size: 25px;
     color: #323b6c;
     font-weight: 900;
     background: #a1dfc6;
     top: 2px;
     display: flex;
     justify-content: center;
     align-items: center;
     bottom: 2px;
     left: 2px;
     border-radius: 50%;
     right: 2px;
     transition: ease all 0.25s;
}
 section.app-slider-sect .wrapper .desc-slider button.slick-arrow:hover:before {
     background: rgba(0, 0, 0, 0);
}
 section.app-slider-sect .wrapper .desc-slider button.slick-arrow:after {
     content: '';
     position: absolute;
     left: -1px;
     top: -1px;
     bottom: -1px;
     right: -1px;
     z-index: -1;
     border-radius: 50%;
     transition: ease all 0.25s;
     background-image: -moz-linear-gradient(90deg, rgb(218, 226, 45) 1%, rgb(120, 204, 108) 57%, rgb(21, 181, 171) 100%);
     background-image: -webkit-linear-gradient(90deg, rgb(218, 226, 45) 1%, rgb(120, 204, 108) 57%, rgb(21, 181, 171) 100%);
     background-image: linear-gradient(90deg, rgb(218, 226, 45) 1%, rgb(120, 204, 108) 57%, rgb(21, 181, 171) 100%);
}
 section.app-slider-sect .wrapper .desc-slider button.slick-prev {
     display: none;
}
 section.app-slider-sect .wrapper .app-slider-wrapper {
     background: #c82135;
     position: relative;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
}
 section.app-slider-sect .wrapper .app-slider-wrapper:before {
     position: absolute;
     content: '';
     left: 100%;
     width: 200%;
     top: 0;
     bottom: 0;
     background: #c82135;
}
 section.app-slider-sect .wrapper .app-slider-wrapper:after {
     position: absolute;
     content: '';
     left: 0%;
     width: 35%;
     top: 0;
     bottom: 0;
     background: linear-gradient(to right, #c82135, rgba(0, 0, 0, 0));
}
 section.app-slider-sect .wrapper .app-slider {
     padding: 50px 170px;
     overflow: hidden;
}
 section.app-slider-sect .wrapper .app-slider .slick-list {
     overflow: visible;
}
 section.app-slider-sect .wrapper .app-slider .item {
     padding: 15px;
     opacity: 0.5;
     transition: ease all 0.25s;
     transform: scale(1.0);
}
 .item.slick-slide.slick-current.slick-active.slick-center {
     opacity: 1;
     transform: scale(1.1);
}
 section.app-slider-sect .wrapper .app-logo-slider {
     position: absolute;
     width: 150px;
     height: 150px;
     background: #fff;
     border-radius: 100%;
     overflow: hidden;
     z-index: 9;
     padding: 30px;
     bottom: 5%;
     left: 0;
     right: 0;
     margin: auto;
     display: flex;
     justify-content: center;
     align-items: center;
}
 section.app-slider-sect .wrapper .app-logo-slider .item {
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
}
 section.app-slider-sect .wrapper .app-logo-slider ul.slick-dots {
     display: none;
}
 section.android-app-dev-sol {
     padding: 50px 0;
}
 section.android-app-dev-sol .head-desc h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: rgb(0 224 109);
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1;
     margin: 0;
     text-align: center;
}
 section.android-app-dev-sol .head-desc h2 {
     font-size: 60px;
     font-family: "Atlan";
     color: #4d0e87;
     text-transform: uppercase;
     margin: 0;
     font-weight: 700;
     line-height: 1;
     text-align: center;
     margin-bottom: 50px;
}
 section.android-app-dev-sol .ticket-box {
     width: 20%;
     position: relative;
     padding: 0 15px;
     z-index: 9;
}
 section.android-app-dev-sol .ticket-box:before {
     position: absolute;
     content: '';
     left: 0;
     right: 0;
     background: #f4f4f4;
     height: 5px;
     z-index: -1;
     top: 25%;
}
 section.android-app-dev-sol .ticket-box .icon-box {
     width: 100px;
     height: 100px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: auto;
     border-radius: 100%;
     transition: ease all 0.25s;
     margin-bottom: 25px;
     background: #fff;
     border: 1px solid #262962;
}
 section.android-app-dev-sol .ticket-box .icon-box i {
     font-size: 50px;
     color: #262962;
     transition: ease all 0.25s;
}
 section.android-app-dev-sol .ticket-box:hover .icon-box {
     background: #4d0e87;
     border-color: #4d0e87;
}
 section.android-app-dev-sol .ticket-box:hover .icon-box i {
     color: #fff;
}
 section.android-app-dev-sol .ticket-box .desc {
     padding: 0 35px;
}
 section.android-app-dev-sol .ticket-box .desc p {
     font-size: 18px;
     font-family: "Atlan";
     color: rgb(38, 41, 98);
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1.389;
     text-align: center;
     transition: ease all 0.25s 
}
 section.android-app-dev-sol .ticket-box:hover .desc p {
     color: #4d0e87;
}
 section.tech-use-to-deliver {
     padding: 100px 0;
     margin-top: 50px;
     background: #eff0fa;
     z-index: 1;
     position: relative;
}
 section.tech-use-to-deliver:before {
     position: absolute;
     content: '';
     height: 100px;
     width: 500px;
     z-index: -1;
     top: -50px;
     right: 0px;
     background: url(/assets/images/bg-img-box.png);
}
 section.tech-use-to-deliver:after {
     position: absolute;
     content: '';
     height: calc(100% + 80px);
     width: 50%;
     top: -50px;
     left: 0px;
     z-index: -1;
     background: url(/assets/images/bg-img-box.png);
     clip-path: polygon(100px 0%, 0% 0%, 0% 100%, 100% 100%, 100% 75%, 90% 75%, 90% calc(100% - 100px), 100px calc(100% - 100px));
}
 section.tech-use-to-deliver .tech-icons-wrapper {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-around;
}
 section.tech-use-to-deliver .tech-icons-wrapper .icon-box {
     width: 25%;
     padding: 15px;
}
 section.tech-use-to-deliver .tech-icons-wrapper .icon-box .desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(204, 206, 229);
     font-weight: 600;
     line-height: 2.083;
     text-align: center;
}
 section.tech-use-to-deliver .desc-wrapper {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
}
 section.tech-use-to-deliver .desc-wrapper h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1;
     margin: 0;
     text-align: left;
}
 section.tech-use-to-deliver .desc-wrapper h2 {
     font-size: 60px;
     font-family: "Atlan";
     color: #4d0e87;
     text-transform: uppercase;
     line-height: 1;
     margin: 0;
     font-weight: 700;
     text-align: left;
     margin-bottom: 35px;
}
 section.tech-use-to-deliver .desc-wrapper p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     text-align: left;
     max-width: 75%;
}
 .testimonials .cta-btn {
     text-align: center;
     margin-top: 50px;
}
 .testimonials .cta-btn a {
     font-size: 14px;
     display: inline-block;
     font-family: "Atlan";
     text-transform: uppercase;
     line-height: 2.143;
     text-align: center;
     padding: 5px 0px;
     position: relative;
     border-radius: 2px;
     z-index: 1;
     border: 1px solid #00e06d;
     overflow: hidden;
     background-color: rgb(255, 255, 255);
     width: 200px;
     margin-right: 15px;
     color: #fff;
}
 .testimonials .cta-btn a:before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     height: 100%;
     background: #00e06d;
     margin: auto;
     z-index: -1;
     transition: ease all 0.25s;
     transform: translateX(0%);
}
 .testimonials .cta-btn a:hover {
     border-color: rgb(38, 41, 98);
     color: rgb(38, 41, 98);
}
 .testimonials .cta-btn a:hover:before {
     transform: translateX(150%);
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item {
     padding: 50px 0;
     background-size: cover !important;
     position: relative;
     margin-bottom: 50px;
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item .desc h3 {
     font-size: 30px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 400;
     text-transform: uppercase;
     line-height: 1.333;
     margin: 0;
     text-align: left;
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item.alt .desc h3 {
     color: rgb(255, 255, 255);
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item .desc h2 {
     font-size: 30px;
     font-family: "Atlan";
     color: #fff;
     font-weight: 400;
     text-transform: uppercase;
     line-height: 1.333;
     margin: 0;
     text-align: left;
     margin-bottom: 50px;
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item.alt .desc h2 {
     color: #00e06d;
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item .desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(255, 255, 255);
     line-height: 1.5;
     text-align: left;
     margin-bottom: 50px;
     max-width: 440px;
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item .details>h3 {
     font-size: 20px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 400;
     text-transform: uppercase;
     line-height: 1.25;
     text-align: left;
     margin-bottom: 50px;
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item .details ul {
     padding: 0;
     margin: 0;
     margin-bottom: 50px;
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item .details ul li {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(255, 255, 255);
     line-height: 1.5;
     text-align: left;
     position: relative;
     padding-left: 30px;
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item .details ul li:before {
     position: absolute;
     content: '';
     left: 0px;
     top: 0;
     bottom: 0;
     width: 10px;
     height: 10px;
     background: #00e06d;
     border-radius: 100%;
     margin: auto;
     z-index: 1;
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item .details ul li:after {
     position: absolute;
     content: '';
     left: 9px;
     top: 0;
     bottom: 11px;
     width: 5px;
     height: 5px;
     background: #fff;
     border-radius: 100%;
     margin: auto;
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item .details .row, section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item .details .row>div {
     width: 50%;
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item .details .downloads-quantity h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: #00e06d;
     text-transform: uppercase;
     font-weight: 700;
     line-height: 1.151;
     text-align: left;
     margin: 0;
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item .details .rating-box h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: #fff;
     text-transform: uppercase;
     line-height: 1.151;
     font-weight: 700;
     text-align: left;
     margin: 0;
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item .details .downloads-quantity p, section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item .details .rating-box p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(255, 255, 255);
     text-transform: uppercase;
     line-height: 1.438;
     text-align: left;
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item .device-box {
     position: absolute;
     bottom: -50px;
     width: 300px;
     right: 0;
}
 section.web-portfolio-sect:before {
     position: absolute;
     content: '';
     right: 0;
     top: 50px;
     bottom: 0;
     width: 50%;
     background: url(/assets/images/bg-img-box.png);
     z-index: -1;
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item .container {
     position: relative;
}
 section.portfolio-main {
     padding: 50px 0;
     position: relative;
}
 section.portfolio-main:before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     height: 330px;
     background: url(/assets/images/bg-img-box.png);
     width: 100px;
}
 section.portfolio-main:after {
     position: absolute;
     content: '';
     right: 0;
     width: 100%;
     bottom: 0;
     height: 350px;
     background: url(/assets/images/bg-img-box.png);
     z-index: -1;
     clip-path: polygon(5% 22%, 0 22%, 0 100%, 100% 100%, 100% 22%, 95% 22%, 95% 85%, 5% 85%);
}
 section.portfolio-main .head-desc h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 400;
     text-transform: uppercase;
     line-height: 1.15;
     margin: 0;
     text-align: center;
}
 section.portfolio-main .head-desc h2 {
     font-size: 60px;
     font-family: "Atlan";
     font-weight: 700;
     color: #4d0e87;
     text-transform: uppercase;
     margin: 0;
     line-height: 1;
     text-align: center;
     margin-bottom: 50px;
}
 section.portfolio-main .head-desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     text-align: center;
     max-width: 80%;
     margin: auto;
     margin-bottom: 50px;
}
 section.portfolio-main .tabs-container {
     margin-top: 70px;
     padding-top: 50px;
     position: relative;
}
 section.portfolio-main .tabs-container:before {
     position: absolute;
     content: '';
     right: 0;
     left: 0;
     top: 0;
     height: 70px;
     background: url(/assets/images/bg-img-box.png);
     width: 100% 
}
 section.portfolio-main .portfolio-wrapper .tabs-menu ul {
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
     margin: auto;
     margin-bottom: 50px;
     max-width: 800px;
}
 section.portfolio-main .portfolio-wrapper .tabs-menu ul li {
     width: calc(33.333% - 30px);
     position: relative;
}
 section.portfolio-main .portfolio-wrapper .tabs-menu ul li a {
     font-size: 16px;
     width: 100%;
     height: 60px;
     display: flex;
     justify-content: center;
     font-family: "Atlan";
     align-items: center;
     font-weight: 600;
     color: rgb(38, 41, 98);
     text-transform: uppercase;
     text-align: center;
     padding: 5px 0;
     position: relative;
     border-radius: 2px;
     z-index: 1;
     border: 1px solid rgb(38, 41, 98);
     overflow: hidden;
     background-color: rgb(255 255 255);
     margin-right: 15px;
}
 section.portfolio-main .portfolio-wrapper .tabs-menu ul li a:before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     height: 100%;
     background: #00e06d;
     margin: auto;
     z-index: -1;
     transition: ease all 0.25s;
     transform: translateY(-150%);
}
 section.portfolio-main .portfolio-wrapper .tabs-menu ul li:after {
     position: absolute;
     content: '';
     left: 0;
     top: 50%;
     right: 0;
     height: 15px;
     width: 15px;
     background: #00e06d;
     margin: auto;
     z-index: -1;
     transition: ease all 0.25s;
     clip-path: polygon(100% 0, 0 0, 50% 100%);
}
 section.portfolio-main .portfolio-wrapper .tabs-menu ul li.current:after {
     top: 100%;
}
 section.portfolio-main .portfolio-wrapper .tabs-menu ul li.current a, section.portfolio-main .portfolio-wrapper .tabs-menu ul li a:hover {
     border-color: #00e06d;
     color: #fff;
}
 section.portfolio-main .portfolio-wrapper .tabs-menu ul li.current a:before, section.portfolio-main .portfolio-wrapper .tabs-menu ul li a:hover:before {
     transform: translateY(0%);
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item.alt .row {
     flex-direction: row-reverse;
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item.alt .device-box {
     left: 0;
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .cta-box {
     text-align: center;
     margin-top: 100px;
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .cta-box a {
     font-size: 14px;
     display: inline-block;
     font-family: "Atlan";
     text-transform: uppercase;
     line-height: 2.143;
     text-align: center;
     padding: 5px 0px;
     position: relative;
     border-radius: 2px;
     z-index: 1;
     border: 1px solid #44c08d;
     overflow: hidden;
     background-color: rgb(255, 255, 255);
     width: 200px;
     margin-right: 15px;
     color: #fff;
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .cta-box a:before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     height: 100%;
     background: #44c08d;
     margin: auto;
     z-index: -1;
     transition: ease all 0.25s;
     transform: translateX(0%);
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .cta-box a:hover {
     border-color: rgb(38, 41, 98);
     color: rgb(38, 41, 98);
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .cta-box a:hover:before {
     transform: translateX(150%);
}
 section.ytpid-sect {
     padding: 150px 0 100px;
     background: url(/assets/images/ytpid-sect-bg.jpg);
     background-position: center;
     background-size: cover;
}
 section.ytpid-sect .desc h3 {
     font-size: 30px;
     font-family: "Atlan";
     color: rgb(68, 192, 141);
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1;
     text-align: center;
     margin: 0;
     margin-bottom: 15px;
}
 section.ytpid-sect .desc h2 {
     font-size: 35px;
     font-family: "Atlan";
     color: rgb(38, 41, 98);
     text-transform: uppercase;
     font-weight: 700;
     line-height: 1.143;
     text-align: center;
     margin-bottom: 30px;
}
 section.ytpid-sect .desc p {
     font-size: 18px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.389;
     text-align: center;
     max-width: 60%;
     margin: auto;
}
 section.about-us-sect {
     padding: 25px 0;
}
 section.about-us-sect .desc {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
}
 section.about-us-sect .desc h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1;
     text-align: left;
     margin: 0;
     margin-bottom: 5px;
}
 section.about-us-sect .desc h2 {
     font-size: 50px;
     font-family: "Atlan";
     color: #4d0e87;
     text-transform: uppercase;
     line-height: 1;
     font-weight: bold;
     text-align: left;
     margin: 0;
     margin-bottom: 10px;
}
 section.about-us-sect .desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     text-align: left;
     padding-right: 15px;
}
 section.why-choose-us-sect {
     padding: 80px 0 200px;
     background: url(/assets/images/why-choose-us-bg.jpg);
     background-size: cover;
}
 section.why-choose-us-sect .heading h3 {
     font-size: 30px;
     font-family: "Atlan";
     color: #fff;
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1.533;
     text-align: center;
     margin: 0;
}
 section.why-choose-us-sect .heading h2 {
     font-size: 45px;
     font-family: "Atlan";
     color: rgb(255, 255, 255);
     font-weight: 700;
     text-transform: uppercase;
     line-height: 1.022;
     text-align: center;
     margin: 0;
}
 section.why-choose-us-sect .tickets-wrapper {
     padding-top: 100px 
}
 section.why-choose-us-sect .tickets-wrapper .ticket-box {
     border: 1px solid rgb(255, 255, 255);
     padding: 25px 0;
     border-radius: 10px;
}
 section.why-choose-us-sect .tickets-wrapper .ticket-box .icon-box {
     width: 100px;
     height: 100px;
     background: #fff;
     margin: auto;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: -75px;
     border-radius: 10px;
     transition: ease all 0.25s;
     margin-bottom: 25px;
}
 section.why-choose-us-sect .tickets-wrapper .ticket-box .icon-box i {
     color: #262962;
     font-size: 60px;
     transition: ease all 0.25s;
}
 section.why-choose-us-sect .tickets-wrapper .ticket-box:hover .icon-box {
     background: #00e06d;
}
 section.why-choose-us-sect .tickets-wrapper .ticket-box:hover .icon-box i {
     color: #fff;
}
 section.why-choose-us-sect .tickets-wrapper .ticket-box .desc h4 {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(255, 255, 255);
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1.438;
     margin: 0;
     text-align: center;
}
 section.mission-vision-sect {
     margin-top: -120px;
}
 section.mission-vision-sect .wrapper {
     display: flex;
     border-radius: 10px;
     overflow: hidden;
}
 section.mission-vision-sect .wrapper .mission-box, section.mission-vision-sect .wrapper .vision-box {
     width: 50%;
     padding: 35px;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 section.mission-vision-sect .wrapper .mission-box {
     background: url(/assets/images/mission-bg.jpg);
     background-size: cover;
}
 section.mission-vision-sect .wrapper .vision-box {
     background: url(/assets/images/vision-bg.jpg);
     background-size: cover;
}
 section.mission-vision-sect .wrapper .mission-box .icon-box, section.mission-vision-sect .wrapper .vision-box .icon-box {
     width: 80px;
     height: 80px;
     border: 1px solid #fff;
     color: #fff;
     border-radius: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 30px;
}
 section.mission-vision-sect .wrapper .mission-box .icon-box {
     border-color: #262962;
     color: #262962;
}
 section.mission-vision-sect .wrapper .mission-box .desc, section.mission-vision-sect .wrapper .vision-box .desc {
     max-width: calc(100% - 110px);
     width: 100%;
}
 section.mission-vision-sect .wrapper .mission-box .desc h4, section.mission-vision-sect .wrapper .vision-box .desc h4 {
     font-size: 22px;
     font-family: "Atlan";
     color: rgb(38, 41, 98);
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1.045;
     text-align: left;
}
 section.mission-vision-sect .wrapper .mission-box .desc p, section.mission-vision-sect .wrapper .vision-box .desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.429;
     text-align: left;
     margin: 0;
     max-width: 430px;
}
 section.mission-vision-sect .wrapper .vision-box .desc p, section.mission-vision-sect .wrapper .vision-box .desc h4 {
     color: #fff;
}
 section.our-team {
     padding: 50px 0;
}
 section.our-team .head-desc h3 {
     font-size: 30px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1.533;
     text-align: center;
     margin: 0;
}
 section.our-team .head-desc h2 {
     font-size: 45px;
     font-family: "Atlan";
     font-weight: 700;
     color: #4d0e87;
     text-transform: uppercase;
     line-height: 1.022;
     text-align: center;
     margin: 0;
     margin-bottom: 35px;
}
 section.our-team .head-desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     max-width: 75%;
     margin: auto;
     margin-bottom: 50px;
     text-align: center;
}
 section.our-team {
     padding: 50px 0;
     position: relative;
     z-index: 1;
}
 section.our-team:before {
     position: absolute;
     content: '';
     left: 0;
     bottom: 60px;
     background: url(/assets/images/bg-img-box.png);
     height: 350px;
     width: 70%;
     z-index: -1;
}
 section.our-team .cta-box {
     text-align: center;
     margin-top: 50px;
}
 section.our-team .cta-box a {
     font-size: 14px;
     display: inline-block;
     font-family: "Atlan";
     text-transform: uppercase;
     line-height: 2.143;
     text-align: center;
     padding: 5px 0px;
     position: relative;
     border-radius: 2px;
     z-index: 1;
     border: 1px solid #44c08d;
     overflow: hidden;
     background-color: rgb(255, 255, 255);
     width: 200px;
     margin-right: 15px;
     color: #fff;
}
 section.our-team .cta-box a:before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     height: 100%;
     background: #44c08d;
     margin: auto;
     z-index: -1;
     transition: ease all 0.25s;
     transform: translateX(0%);
}
 section.our-team .cta-box a:hover {
     border-color: rgb(38, 41, 98);
     color: rgb(38, 41, 98);
}
 section.our-team .cta-box a:hover:before {
     transform: translateX(150%);
}
 section.our-team .col-md-3 {
     padding: 0;
}
 section.our-team .team-member {
     position: relative;
     background-size: cover !important;
     background-repeat: no-repeat !important;
     background-position: top center !important;
     transition: ease all 0.25s;
     filter: grayscale(1);
}
 section.our-team .team-member:hover {
     filter: grayscale(0) 
}
 section.our-team .team-member label {
     position: absolute;
     bottom: 10%;
     left: 10px;
     right: 10px;
     border-radius: 20px;
     background-color: #00e06d;
     padding: 5px;
     line-height: 1;
     font-size: 12px;
     opacity: 0;
     font-family: "Atlan";
     color: rgb(255, 255, 255);
     z-index: 99;
     transition: Ease all 0.25s;
}
 section.our-team .team-member label .wrap {
     overflow: hidden;
}
 section.our-team .team-member label span {
     margin: 0;
     height: 100%;
     line-height: 1.5;
     overflow: hidden;
     white-space: nowrap;
     display: block;
     width: fit-content;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     opacity: 0;
}
 section.our-team .team-member label:before {
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 13.5px 12px .5px 0;
     border-color: transparent #00e06d transparent transparent;
     content: '';
     position: relative;
     top: -16px;
     right: 35px;
     float: right;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     z-index: -1;
}
 section.our-team .team-member:hover label span {
     opacity: 1;
     -moz-animation: marquee 15s linear infinite;
     -webkit-animation: marquee 15s linear infinite;
     animation: marquee 15s linear infinite;
}
 section.our-team .team-member:hover label {
     opacity: 1;
}
 @-moz-keyframes marquee {
     0% {
         transform: translateX(30%);
    }
     100% {
         transform: translateX(-100%);
    }
}
 @-webkit-keyframes marquee {
     0% {
         transform: translateX(30%);
    }
     100% {
         transform: translateX(-100%);
    }
}
 @keyframes marquee {
     0% {
         -moz-transform: translateX(30%);
         -webkit-transform: translateX(30%);
         transform: translateX(30%) 
    }
     100% {
         -moz-transform: translateX(-100%);
         -webkit-transform: translateX(-100%);
         transform: translateX(-100%);
    }
}
 section.our-team .desc-wrapper {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     background: #fff;
     padding: 15px;
}
 section.our-team .desc-wrapper h3 {
     font-size: 30px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1;
     text-align: left;
     margin: 0;
}
 section.our-team .desc-wrapper h2 {
     font-size: 40px;
     font-family: "Atlan";
     color: #4d0e87;
     text-transform: uppercase;
     font-weight: 700;
     line-height: 1.022;
     text-align: left;
     margin-bottom: 30px;
}
 section.our-team .desc-wrapper p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     text-align: left;
}
 section.facts-sect {
     overflow: hidden;
     padding: 40px 0 0;
}
 section.facts-sect .container {
     position: relative;
     padding: 50px 0;
     z-index: 1;
}
 section.facts-sect .container:before {
     position: absolute;
     content: '';
     right: -50px;
     top: 0;
     height: 100%;
     z-index: -1;
     width: 75%;
     background: red;
     border-radius: 10px;
     background-color: rgb(240 240 250 / 52%);
}
 section.facts-sect .img-box {
     margin-right: 50px;
     border-radius: 10px;
     overflow: hidden;
}
 section.facts-sect .desc-wrapper {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
}
 section.facts-sect .desc-wrapper .desc h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1.15;
     text-align: left;
     margin: 0 0 5px;
}
 section.facts-sect .desc-wrapper .desc h2 {
     font-size: 50px;
     font-weight: 700;
     font-family: "Atlan";
     color: #4d0e87;
     text-transform: uppercase;
     line-height: 0.92;
     text-align: left;
}
 section.facts-sect .desc-wrapper .desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     text-align: left;
}
 section.facts-sect .desc-wrapper .ticket {
     display: flex;
     justify-content: space-evenly;
     margin-bottom: 25px;
}
 section.facts-sect .desc-wrapper .ticket .icon-box {
     width: 100px;
     height: 100px;
     display: flex;
     justify-content: center;
     align-items: center;
     background: red;
     transition: ease all 0.25s;
     border-radius: 100%;
     background-color: rgb(255, 255, 255);
     box-shadow: 3.355px 2.179px 16px 0px rgba(49, 32, 19, 0.1);
}
 section.facts-sect .desc-wrapper .ticket .icon-box i {
     font-size: 40px;
     color: #262962;
     transition: ease all 0.25s;
}
 section.facts-sect .desc-wrapper .ticket:hover .icon-box {
     background: #4d0e87;
}
 section.facts-sect .desc-wrapper .ticket:hover .icon-box i {
     color: #fff;
}
 section.facts-sect .desc-wrapper .ticket .ticket-desc {
     max-width: calc(100% - 150px);
     width: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
}
 section.facts-sect .desc-wrapper .ticket .ticket-desc h4 {
     font-size: 16px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1;
     text-align: left;
     margin: 0;
     margin-right: -50px;
}
 section.facts-sect .desc-wrapper .ticket .ticket-desc h3 {
     font-size: 40px;
     font-family: "Atlan";
     font-weight: 700;
     color: rgb(111, 111, 111);
     text-transform: uppercase;
     line-height: 1;
     margin: 0;
     text-align: left;
}
 section.company-profile {
     padding: 50px 0;
     background: url(/assets/images/company-profile-bg.jpg);
     background-size: cover;
     background-repeat: no-repeat;
}
 section.company-profile .head-desc h3 {
     font-size: 30px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1.533;
     text-align: center;
     margin: 0;
}
 section.company-profile .head-desc h2 {
     font-size: 45px;
     font-weight: 700;
     font-family: "Atlan";
     color: #4d0e87;
     text-transform: uppercase;
     margin: 0;
     margin-bottom: 30px;
     line-height: 1.022;
     text-align: center;
}
 section.company-profile .head-desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     text-align: center;
     max-width: 75%;
     margin: auto;
     margin-bottom: 50px;
}
 section.company-profile .tabs-container .tabs-menu {
     max-width: 75%;
     margin: auto;
     margin-top: -30px;
}
 section.company-profile .tabs-container .tabs-menu ul {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
     margin-bottom: 50px;
}
 section.company-profile .tabs-container .tabs-menu ul li a {
     font-size: 16px;
     width: 100%;
     height: 60px;
     display: flex;
     justify-content: center;
     font-family: "Atlan";
     align-items: center;
     font-weight: 600;
     color: rgb(38, 41, 98);
     text-transform: uppercase;
     text-align: center;
     padding: 5px 10px;
     position: relative;
     border-radius: 2px;
     z-index: 1;
     border: 1px solid #6f36bb;
     s: hidden;
     background-color: #00e06d;
     margin-right: 15px;
}
 section.company-profile .tabs-container .tabs-menu ul li a:before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     height: 100%;
     background: #00e06d;
     margin: auto;
     z-index: -1;
     transition: ease all 0.25s;
     transform: translateY(-150%);
}
 section.company-profile .tabs-container .tabs-menu ul li {
     position: relative;
     z-index: 1;
     width: fit-content;
     width: -webkit-fit-content;
     width: -moz-fit-content;
}
 section.company-profile .tabs-container .tabs-menu ul li:after {
     position: absolute;
     content: '';
     left: 0;
     top: 50%;
     right: 0;
     height: 15px;
     width: 15px;
     background: #00e06d;
     margin: auto;
     z-index: -1;
     transition: ease all 0.25s;
     clip-path: polygon(100% 0, 0 0, 50% 100%);
}
 section.company-profile .tabs-container .tabs-menu ul li.current:after {
     top: 100%;
}
 section.company-profile .tabs-container .tabs-menu ul li.current a, section.company-profile .tabs-container .tabs-menu ul li a:hover {
     border-color: #00e06d;
     color: #fff;
}
 section.company-profile .tabs-container .tabs-menu ul li.current a:before, section.company-profile .tabs-container .tabs-menu ul li a:hover:before {
     transform: translateY(0%);
}
 section.company-profile .tabs-container .tabs-menu ul li a span {
     font-size: 12px;
}
 section.company-profile .tabs-container {
     position: relative;
     border: 1px solid;
     margin-top: 100px;
}
 section.company-profile .tabs-container .tabs-wrapper .wrapper .desc {
     max-width: 75%;
     margin: auto;
     padding-bottom: 35px;
}
 section.company-profile .tabs-container .tabs-wrapper .wrapper .desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     text-align: center;
}
 section.contact-us-sect {
     padding: 50px 0;
}
 section.contact-us-sect .head-desc h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1;
     text-align: center;
     margin: 0;
}
 section.contact-us-sect .head-desc h2 {
     font-size: 60px;
     font-family: "Atlan";
     color: #4d0e87;
     text-transform: uppercase;
     line-height: 1;
     font-weight: 700;
     text-align: center;
     margin-bottom: 30px;
}
 section.contact-us-sect .head-desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     max-width: 75%;
     margin: auto;
     text-align: center;
     margin-bottom: 50px;
}
 section.contact-us-sect .main-box {
     box-shadow: 3.355px 2.179px 16px 0px rgba(49, 32, 19, 0.1);
     border-radius: 10px;
     overflow: hidden;
}
 section.contact-us-sect .main-box>.row>.col-md-6 {
     padding: 50px;
}
 section.contact-us-sect .main-box>.row>.col-md-6:first-child {
     background-color: #00e06d;
}
 section.contact-us-sect .main-box .address-col .address-box h3 {
     font-size: 18px;
     font-family: "Atlan";
     color: #4d0e87;
     text-transform: uppercase;
     line-height: 1;
     font-weight: 600;
     text-align: left;
     margin: 0;
}
 section.contact-us-sect .main-box .address-col .address-box ul li {
     position: relative;
     padding-left: 25px;
     margin-top: 25px;
}
 section.contact-us-sect .main-box .address-col .address-box ul li i {
     position: absolute;
     top: 5px;
     left: 0;
     margin: auto;
     font-size: 20px;
     color: #4d0e87;
}
 section.contact-us-sect .main-box .address-col .address-box ul li a {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(255 255 255);
     line-height: 1.714;
     text-align: left;
}
 section.contact-us-sect .main-box .address-col .address-box ul li a:hover {
     color: #262962;
}
 section.contact-us-sect .main-box .address-col .social-links ul {
     display: flex;
     padding-top: 35px;
     margin-top: 45px;
     border-top: 1px solid #fff;
}
 section.contact-us-sect .main-box .address-col .social-links ul li {
     flex: 1;
     line-height: 1;
     text-align: center;
}
 section.contact-us-sect .main-box .address-col .social-links ul li a {
     font-size: 30px;
}
 section.contact-us-sect .main-box .address-col .social-links ul li a:hover, section.contact-us-sect .main-box .address-col .social-links ul li a:focus {
     color: #fff;
}
 section.contact-us-sect .main-box .form-wrapper .field {
     position: relative;
     margin-bottom: 15px;
     z-index: 1;
     padding-bottom: 10px;
}
 section.contact-us-sect .main-box .form-wrapper .field input, section.contact-us-sect .main-box .form-wrapper .field select, section.contact-us-sect .main-box .form-wrapper .field textarea {
     width: 100%;
     padding: 0;
     height: 30px;
     background: rgba(0, 0, 0, 0);
     border: none;
     border-bottom: 1px solid #262962;
     color: #262962;
     outline: none;
}
 section.contact-us-sect .main-box .form-wrapper .field i {
     position: absolute;
     color: #262962;
     font-size: 14px;
     height: fit-content;
     height: -moz-fit-content;
     height: -webkit-fit-content;
     width: 15px;
     margin: auto;
     bottom: 10px;
     top: 0;
     right: 0;
     z-index: -1;
}
 body.main .home-mobile-app svg path {
     stroke: #fff;
     fill: #fff;
}
 body.main .home-mobile-app svg path#Vector {
     fill: transparent;
}
 body.main .home-mobile-app svg path#Vector_2 {
     fill: transparent;
}
 body.main .home-mobile-app svg path#Vector_22, body.main .home-mobile-app svg path#Vector_19, body.main .home-mobile-app svg path#Vector_20 {
     fill: transparent;
}
 body.main .custom-web-app-dev svg path {
     stroke: #fff;
}
 body.main .going-beyond-bug-fix svg path {
     stroke: #fff;
}
 section.contact-us-sect .main-box .form-wrapper .field select {
     appearance: none;
     scroll-behavior: smooth;
}
 section.contact-us-sect .main-box .form-wrapper .field select option {
     background: #fff 
}
 section.contact-us-sect .main-box .form-wrapper .field select::-webkit-scrollbar {
     width: 5px;
}
 section.contact-us-sect .main-box .form-wrapper .field select::-webkit-scrollbar-track {
     background: #262962;
     border: 1px solid #44c08d;
}
 section.contact-us-sect .main-box .form-wrapper .field select::-webkit-scrollbar-thumb {
     background: #44c08d;
}
 section.contact-us-sect .main-box .form-wrapper .field.code {
     width: 100px;
}
 section.contact-us-sect .main-box .form-wrapper .field.number {
     width: calc(100% - 100px);
}
 section.contact-us-sect .main-box .form-wrapper .field input::placeholder, section.contact-us-sect .main-box .form-wrapper .field select::placeholder, section.contact-us-sect .main-box .form-wrapper .field textarea::placeholder {
     color: #262962;
}
 section.contact-us-sect .main-box .form-wrapper .field input:-ms-input-placeholder, section.contact-us-sect .main-box .form-wrapper .field select:-ms-input-placeholder, section.contact-us-sect .main-box .form-wrapper .field textarea:-ms-input-placeholder {
     color: #262962;
}
 section.contact-us-sect .main-box .form-wrapper .field textarea {
     height: 80px;
     resize: none;
     appearance: none;
     scroll-behavior: smooth;
}
 section.contact-us-sect .main-box .form-wrapper .field textarea::-webkit-scrollbar {
     width: 5px;
}
 section.contact-us-sect .main-box .form-wrapper .field textarea::-webkit-scrollbar-track {
     background: #44c08d;
     border: 1px solid #262962;
}
 section.contact-us-sect .main-box .form-wrapper .field textarea::-webkit-scrollbar-thumb {
     background: #262962;
}
 section.contact-us-sect .main-box .form-wrapper .form-btn button {
     border-width: 1px;
     border-color: #4d0e87;
     border-style: solid;
     border-radius: 2px;
     font-size: 16px;
     padding: 15px;
     font-family: "Atlan";
     background: #00e06d;
     color: #4d0e87;
     text-transform: uppercase;
     line-height: 1;
     text-align: center;
     transition: ease all 0.25s;
     position: relative;
     display: block;
     z-index: 1;
     overflow: hidden;
}
 section.contact-us-sect .main-box .form-wrapper .form-btn button:before {
     position: absolute;
     content: '';
     right: 0%;
     width: 100%;
     top: 0;
     bottom: 0;
     transition: ease all 0.25s;
     background: #fff;
     z-index: -1;
}
 section.contact-us-sect .main-box .form-wrapper .form-btn button:hover {
     color: #fff;
     border-color: #00e06d;
}
 section.contact-us-sect .main-box .form-wrapper .form-btn button:hover:before {
     right: -100%;
}
 section.web-portfolio-sect .item.web .desc h3, section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item.web .desc h3 {
     font-size: 40px;
     font-family: "Atlan";
     color: rgb(255, 255, 255);
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1.15;
     text-align: center;
}
 section.web-portfolio-sect .item.web .desc h2, section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item.web .desc h2 {
     font-size: 55px;
     font-family: "Atlan";
     color: rgb(255, 255, 255);
     text-transform: uppercase;
     line-height: 0.891;
     font-weight: 700;
     text-align: center;
     margin-bottom: 15px;
}
 section.web-portfolio-sect .item.web .desc p, section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item.web .desc p {
     font-size: 26px;
     font-family: "Atlan";
     color: rgb(255, 255, 255);
     line-height: 1.5;
     text-align: center;
}
 section.web-portfolio-sect .item.web .desc p span, section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item.web .desc p span {
     font-size: 16px;
     display: block;
}
 section.web-portfolio-sect .item.web .desc a, section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item.web .desc a {
     font-size: 16px;
     width: fit-content;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     padding: 25px;
     height: 60px;
     display: flex;
     justify-content: center;
     font-family: "Atlan";
     align-items: center;
     font-weight: 600;
     color: #00e06d;
     text-transform: uppercase;
     text-align: center;
     position: relative;
     border-radius: 2px;
     z-index: 1;
     border: 1px solid #00e06d;
     overflow: hidden;
     background-color: rgb(255 255 255);
     margin: auto;
}
 section.web-portfolio-sect .item.web .desc a:hover, section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item.web .desc a:hover {
     border-color: #6f36bb;
     color: #fff;
}
 section.web-portfolio-sect .item.web .desc a:before, section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item.web .desc a:before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     height: 100%;
     background: #00e06d;
     margin: auto;
     z-index: -1;
     transition: ease all 0.25s;
     transform: translateY(-150%);
}
 section.web-portfolio-sect .item.web .desc a:hover:before, section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item.web .desc a:hover:before {
     transform: translateY(0%);
}
 section.web-portfolio-sect .item.web .device-box, section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item.web .device-box {
     right: -50px;
     width: 900px;
     top: 75px;
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item.web .container {
     position: unset;
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item.web {
     margin-bottom: 200px;
     padding: 100px 0;
}
 section.portfolio-main .portfolio-wrapper .tabs-wrapper .tab-box .item.web.alt .device-box {
     left: -50px;
}
 footer .footer-main-wrapper .col-md-3:last-child .f-nav-wrapper:after, footer .footer-main-wrapper .col-md-3:last-child .f-nav-wrapper:before {
     display: none;
}
 section.web-portfolio-sect .item.web {
     padding: 100px 0;
     position: relative;
     background-size: cover !important;
}
/* we are hiring */
 .work-content h2 {
     font-size: 40px;
     text-transform: uppercase;
     color: #00e06d;
     padding: 15px 0;
     line-height: 46px;
}
 .work-content h2 span {
     font-size: 60px;
     display: block;
     line-height: 46px;
     font-weight: 900;
     color: #4d0e87;
     padding: 10px 0;
}
 .work-slider li img {
     width: initial;
}
 .work-slider button.slick-prev.slick-arrow {
    /* position: relative;
     */
     font-size: 0;
     background: none;
     border: none;
}
 .work-slider button.slick-next.slick-arrow {
    /* position: relative;
     */
     font-size: 0;
     background: none;
     border: none;
}
 .work-slider button.slick-prev.slick-arrow:before {
     content: "\f177";
     position: absolute;
     top: 0;
     font-size: 25px;
     color: #000;
     font-family: 'Font Awesome 5';
     font-weight: 200;
     left: 448px;
}
 .work-slider button.slick-next.slick-arrow:before {
     content: "\f178";
     position: absolute;
     top: 0;
     bottom: 0;
     left: 486px;
     font-size: 25px;
     color: #000;
     font-family: 'Font Awesome 5';
     font-weight: 200;
}
 .work-slider li {
     margin: 0 10px;
}
 .work-slider li img {
     width: 100%;
     text-align: center;
     transition: 0.5s;
}
 .work-brand-content h4 {
     font-size: 40px;
     text-transform: uppercase;
     color: #00e06d;
     margin: 0;
     padding: 0 0 10px;
}
 .work-brand-content h2 {
     font-size: 60px;
     text-transform: uppercase;
     font-weight: 800;
     color: #4d0e87;
     padding: 0 0 95px;
}
 section.work-brand {
     background: #eff0fa;
     padding: 40px 0 80px;
     position: relative;
}
 section.work-brand:before {
     content: "";
     background: url(/assets/images/hiring/work-brand-slider/left-dots.png) no-repeat;
     position: absolute;
     top: 0;
     left: 0;
     width: 82px;
     height: 258px;
}
 section.work-brand:after {
     content: "";
     background: url(/assets/images/hiring/work-brand-slider/right-dots.png) no-repeat;
     position: absolute;
     top: -42px;
     right: 0;
     width: 290px;
     height: 105px;
}
 .work-brand-slider {
     background: #fff;
     border-radius: 10px;
}
 .work-brand-slider li img {
     width: initial;
     margin: auto;
}
 .work-brand-slider .slick-prev.slick-arrow {
    /* position: relative;
     */
     font-size: 0;
     background: none;
     border: none;
     margin: auto;
}
 .work-brand-slider button.slick-prev.slick-arrow:before {
     content: "\f177";
     position: absolute;
     top: 41px;
     font-size: 25px;
     color: #000;
     font-family: 'Font Awesome 5';
     font-weight: 200;
     left: -47px;
     z-index: 999;
     transition: 0.5s;
}
 .work-brand-slider button.slick-prev.slick-arrow:hover:before, .work-brand-slider button.slick-next.slick-arrow:hover:before {
     color: #00e06d;
}
 section.work-at {
     padding: 0 0 55px;
}
 .work-brand-slider .slick-next.slick-arrow {
    /* position: relative;
     */
     font-size: 0;
     background: none;
     border: none;
}
 .work-brand-slider button.slick-next.slick-arrow:before {
     content: "\f178";
     position: absolute;
     top: 41px;
     font-size: 25px;
     color: #000;
     font-family: 'Font Awesome 5';
     font-weight: 200;
     left: initial;
     right: -44px;
     z-index: 999;
     transition: 0.5s;
}
 section.work-slider-diff {
     margin: -114px 0 50px;
     position: relative;
}
 section.work-slider-diff:before {
     content: "";
     background: url(/assets/images/hiring/work-brand-slider/dotted-bg-slider.png) no-repeat;
     position: absolute;
     top: 100%;
     height: 105px;
     width: 100%;
     background-size: cover;
}
 section.core-values {
     padding: 120px 0 0;
}
 .core-content h3 {
     font-size: 40px;
     color: #00e06d;
     text-transform: uppercase;
     font-weight: 600;
}
 .core-content h2 {
     font-size: 50px;
     color: #4d0e87;
     text-transform: uppercase;
     font-weight: 700;
}
 .core-content p {
     font-size: 18px;
     font-weight: 500;
     color: #6f6f6f;
}
 .core-img img {
     width: initial;
     padding: 20px;
}
 .core-box {
     display: flex;
}
 .core-list li {
     padding: 30px 20px;
     border-radius: 5px;
     background-color: rgb(255, 255, 255);
     box-shadow: 3.355px 2.179px 16px 0px rgb(49 32 19 / 10%);
     margin-bottom: 25px;
}
 .core-img {
     width: 90px;
     height: 90px;
     border: 1px solid;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 100%;
     position: relative;
}
 .core-img:after, .core-img:before {
     position: absolute;
     content: '';
     left: 8%;
     top: 8%;
     width: 10px;
     height: 10px;
     background: #00e06d;
     border-radius: 100%;
     transition: ease all 0.25s;
}
 .core-img:before {
     width: 14px;
     height: 14px;
     top: 75%;
     left: 81%;
}
 .core-detail h5 {
     margin: 0;
     font-size: 22px;
     text-transform: uppercase;
     font-weight: 600;
     color: #4d0e87;
}
 .core-detail {
     margin-left: 22px;
}
 .core-detail p {
     font-size: 16px;
     margin: 0;
}
 .more-than-job {
     background: #f2fbf7;
     padding: 80px 0;
     position: relative;
}
 .more-than-content h3 {
     font-size: 40px;
     text-transform: uppercase;
     font-weight: 600;
     margin: 0;
     color: #00e06d;
}
 .more-than-content h2 {
     font-size: 60px;
     text-transform: uppercase;
     color: #4d0e87;
     font-weight: 900;
     padding-bottom: 16px;
}
 .tickets-row .tickets {
     padding: 0 40px 20px;
     border: 1px solid #262962;
     margin-top: 100px;
     height: calc(100% - 100px);
     background: #fff;
}
 .tickets-row .tickets .icon-box {
     width: 100px;
     height: 100px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: auto;
     border-radius: 100%;
     margin-top: -60px;
     transition: ease all 0.25s;
     margin-bottom: 25px;
     background: #fff;
     border: 1px solid #262962;
}
 .tickets-row .tickets .icon-box i {
     font-size: 50px;
     color: #262962;
     transition: ease all 0.25s;
}
 .tickets-row .tickets .desc h3 {
     font-size: 22px;
     font-family: "Atlan";
     color: rgb(53 23 77);
     text-transform: uppercase;
     line-height: 1.182;
     text-align: center;
     margin-bottom: 20px;
}
 .tickets-row .tickets .desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(111, 111, 111);
     line-height: 1.5;
     text-align: center;
}
 .tickets-row .tickets:hover .icon-box {
     background: #00e06d;
     border-color: #00e06d;
}
 .tickets-row .tickets:hover .desc h3 {
     color: #00e06d;
}
 .icon-box img {
     width: initial;
}
 .tickets:hover .icon-box img {
     filter: grayscale(1) brightness(100) 
}
 .more-than-job::before {
     content: "";
     background: url(../images/hiring/job/dotted-left.png) no-repeat;
     width: 492px;
     height: 112px;
     position: absolute;
     top: -60px;
     left: 0;
}
 .more-than-job::after {
     content: "";
     position: absolute;
     bottom: -52px;
     background: url(../images/hiring/job/bg-after.png) no-repeat;
     width: 100%;
     height: 253px;
     z-index: 0;
     left: 50%;
     transform: translateX(-46%);
     background-size: cover;
}
 .tickets-row.__before {
     position: relative;
     z-index: 2;
}
/* .tickets-row.__before::before{
     content: "";
     position: absolute;
     top: 72%;
     left: 50%;
     transform: translateX(-50%);
     background: url(../images/hiring/job/bg-after.png) no-repeat;
     width: 100%;
     height: 253px;
     z-index:-1 
}
 */
 section.career-start {
     padding: 65px 0 0;
}
 .career-content h3 {
     font-size: 40px;
     line-height: normal;
     font-weight: 500;
     text-transform: uppercase;
     color: #00e06d;
}
 .career-content h3 span {
     font-size: 60px;
     display: block;
     font-weight: 700;
     color: #4d0e87;
}
 .form-sec {
     background-color: rgb(255, 255, 255);
     box-shadow: 3.355px 2.179px 16px 0px rgba(49, 32, 19, 0.1);
     padding: 46px;
     position: relative;
}
 .form-sec::before {
     content: "";
     background: url(../images/hiring/career/form-dots-left.png) no-repeat;
     position: absolute;
     bottom: -32px;
     left: -116px;
     width: 570px;
     height: 164px;
     z-index: -1;
}
 .form-sec::after {
     content: "";
     background: url(../images/hiring/career/form-dots-top.png) no-repeat;
     position: absolute;
     left: -37px;
     width: 100%;
     top: 0;
     height: 114px;
     z-index: -1;
}
 .form-fld {
     width: 100%;
     height: 40px;
     border-bottom: 1px solid #6f6f6f;
     margin-bottom: 40px;
}
 .form-fld input, .form-fld select {
     border: none;
     width: 100%;
     height: 100%;
     padding: 0 10px;
     outline: none;
}
 .form-fld select {
     color: #6f6f6f;
}
 .form-fld select option {
     color: #6f6f6f;
     background: #fff 
}
 .form-fld-file input::-webkit-file-upload-button {
     background: #fff;
     width: 39%;
     outline: none;
     border: 1px solid;
     text-transform: uppercase;
     font-size: 13px;
     height: 37px;
     border: 1px solid #6f6f6f;
}
 .form-fld-textarea {
     height: 92px;
     width: 100%;
     border-bottom: 1px solid #6f6f6f;
     margin-bottom: 20px;
}
 .form-fld-textarea textarea {
     width: 100%;
     height: 100%;
     padding: 0 20px;
     resize: none;
     border: none;
     outline: none;
}
 .form-submit input {
     width: 181px;
     height: 43px;
     text-transform: uppercase;
     background: #4ae06d;
     border: none;
     color: #fff;
     border-radius: 2px;
}
 .social-media section.inner-hero-banner .desc h1 span {
     font-size: 50px;
     font-family: "Atlan";
     color: #4d0e87;
     text-transform: uppercase;
     line-height: normal;
     font-weight: 700;
     margin: 0;
     display: block;
     text-align: left;
     margin-bottom: 25px;
}
 section.more-text h3 {
     font-size: 31px;
     line-height: normal;
     font-weight: 500;
     text-transform: uppercase;
     color: #00e06d;
}
 section.more-text h3 span {
     color: #4d0e87;
}
 section.more-text p {
     padding: 10px 50px;
}
 .social-media .more-than-job::before {
     display: none;
}
 section.more-text {
     padding: 0 0 80px;
     position: relative;
}
 section.more-text:before {
     content: "";
     background: url(../images/social-media-exe/border.png) no-repeat;
     position: absolute;
     bottom: 0;
     width: 100%;
     height: 418px;
     z-index: -1;
     right: 0;
     background-position: center;
     background-size: 100%;
     margin: 0;
}
 .social-media section.more-than-job:after {
     display: none;
}
 .social-media .more-than-job {
     padding: 80px 0 140px;
}
 section.digi-market {
     margin: -160px 0 0;
     position: relative;
     padding: 0 0 73px;
}
 section.digi-market::before {
     position: absolute;
     content: "";
     background: url(../images/social-media-exe/border-2.png) no-repeat;
     bottom: 0;
     background-position: center;
     background-size: 100%;
     width: 100%;
     height: 261px;
     z-index: -1;
     height: 261px;
}
/*blog detailed section*/
 .blog-card img {
     width: initial;
}
 .blog-card {
     display: flex;
}
 .blog-card-content {
     display: flex;
     justify-content: center;
     align-items: center;
}
 .__right ul {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .__right ul li {
     padding: 0 0 0 15px;
}
 .__left h6 {
     margin: 0;
}
 .blog-card {
     justify-content: center;
     display: flex;
     align-items: center;
}
 .blog-card span {
     margin-right: 15px;
}
 .blog-detail-content h3 {
     font-size: 35px;
     text-transform: uppercase;
     font-weight: 600;
     color: #4d0e87;
     padding: 0 0 17px 0;
}
 .__left {
     text-align: left;
}
 .main-blog-section {
     padding: 40px 0 0;
     position: relative;
}
/*case-studies*/
 .case-studies-bann {
     background: url(../images/case-study/arena-eatz/banner/bg.png) no-repeat;
     background-size: cover !important;
    /*height: 667px;
    */
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 0;
     height: 100vh;
     position: relative;
}
 .bann-content h4 {
     font-size: 35px;
     text-transform: uppercase;
     color: #0d1c33;
     font-weight: 600;
}
 .bann-content h2 {
     font-size: 70px;
     text-transform: uppercase;
     font-weight: 800;
     color: #ebb72d;
}
 .bann-content h2 span {
     color: #0d1c33;
}
 .bann-content p {
     font-size: 18px;
     color: #6f6f6f;
}
 .bann-img {
     position: relative;
     padding: 45px 0 0 0;
}
 .case-studies-bann::before {
     content: "";
     background: url(../images/case-study/arena-eatz/banner/01.png) no-repeat;
     height: 175px;
     width: 175px;
     background-size: 100%;
     position: absolute;
     top: 36px;
     left: 50%;
     transform: translateX(-50%);
}
 .case-studies-bann:after {
     content: "";
     background: url(../images/case-study/arena-eatz/banner/02.png) no-repeat;
     height: 221px;
     width: 221px;
     background-size: 100%;
     position: absolute;
     bottom: 0;
     right: 0;
}
 .ideas-content h3 {
     font-size: 30px;
     font-weight: 600;
     text-transform: uppercase;
     color: #0d1c33;
}
 .ideas-content h4 {
     color: #ebb72d;
     font-size: 45px;
     text-transform: uppercase;
     font-weight: 700;
     padding: 05px 0;
     letter-spacing: 1px;
}
 .ideas-content p {
     max-width: 80%;
     text-align: center;
     font-size: 18px;
     color: #6f6f6f;
     margin: auto;
     font-weight: 300;
}
 .ideas-img {
     background: url(../images/case-study/arena-eatz/ideas/bg.jpg);
     height: 433px;
     width: 100%;
     background-size: cover;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 0 0 80px;
}
 .ideas-left-img {
     position: absolute;
     top: -13%;
}
 section.ideas {
     padding: 60px 0 80px;
}
 .ideas-img-content p {
     text-align: left;
     color: #fff;
     font-size: 15px;
}
 .ideas-left-img:before {
     content: "";
     background: url(../images/case-study/arena-eatz/ideas/shadow.png) no-repeat;
     width: 769px;
     height: 102px;
     position: absolute;
     top: 98%;
}
 section.order-food {
     padding: 85px 0 25px;
}
 .order-food-content h4 {
     font-size: 30px;
     font-weight: 600;
     text-transform: uppercase;
     margin: 0;
}
 .order-food-content h2 {
     font-size: 80px;
     font-weight: 700;
     text-transform: uppercase;
     line-height: 80px;
     color: #ebb72d;
}
 .order-food-content h2 span {
     color: #0d1c33;
}
 .multiple-food {
     background: url(../images/case-study/arena-eatz/multiple-food/bg.png) no-repeat;
     width: 100%;
     height: 419px;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     z-index: 9;
     background-position: right;
}
 .multiple-food-content h4 {
     font-size: 30px;
     color: #ebb72d;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: uppercase;
}
 .multiple-food-content h2 {
     font-size: 45px;
     color: #fff;
     font-weight: 700;
     text-transform: uppercase;
}
 .multiple-food-content p {
     font-size: 16px;
     color: #fff;
     font-weight: 300;
}
 .multiple-food-content {
     max-width: 75%;
     margin-left: auto;
}
 ul.arena-slider li img {
     width: 100%;
}
 ul.arena-slider {
     width: 95%;
}
 ul.arena-slider .slick-list.draggable {
     border-top-right-radius: 265px;
     border-bottom-right-radius: 265px;
}
 ul.arena-slider button.slick-arrow {
     position: absolute;
     top: inherit;
    /* transform: translateY(-50%);
     */
     bottom: 45%;
     left: 98%;
     font-size: 0;
     background: #fff;
     width: 50px;
     height: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     border: none;
     transition: ease all 0.25s;
     z-index: 1;
}
 ul.arena-slider button.slick-arrow:before {
     content: '\f061';
     position: absolute;
     font-family: 'Font Awesome 5 Free';
     font-size: 25px;
     color: #fff;
     font-weight: 900;
     background: #00e06d;
     top: 2px;
     display: flex;
     justify-content: center;
     align-items: center;
     bottom: 2px;
     left: 2px;
     border-radius: 50%;
     right: 2px;
     transition: ease all 0.25s;
}
 ul.arena-slider button.slick-arrow:after {
     content: '';
     position: absolute;
     left: -1px;
     top: -1px;
     bottom: -1px;
     right: -1px;
     z-index: -1;
     border-radius: 50%;
     transition: ease all 0.25s;
     background-image: -moz-linear-gradient(90deg, #00e06d 1%, #cddc39 57%, #00e06d 100%);
     background-image: -webkit-linear-gradient(90deg, #00e06d 1%, #cddc39 57%, #00e06d 100%);
     background-image: linear-gradient(90deg, #00e06d 1%, #cddc39 57%, #00e06d 100%);
}
 ul.arena-slider button.slick-arrow:hover, ul.arena-slider button.slick-arrow:hover:before {
     background: rgba(0, 0, 0, 0);
}
 .remodal-wrapper .remodal {
     background: #f2fbf7;
     border-radius: 10px;
     overflow: hidden;
     position: relative;
}
 .arena-box {
     position: relative;
}
 .arena-box h5 {
     position: absolute;
     bottom: 0;
     font-size: 24px;
     color: #fff;
     font-weight: 600;
     text-transform: uppercase;
     padding: 0 19px;
     letter-spacing: 1px;
}
 .arena-overlay {
     position: absolute;
     bottom: 0;
     padding: 0 20px;
     background: url(../images/case-study/arena-eatz/case-slider/bg-layer.png) no-repeat;
     width: 100%;
     height: 293px;
     background-size: 100%;
     display: flex;
     flex-flow: column;
     justify-content: flex-end;
     align-items: flex-start;
     opacity: 0;
     transition: 0.5s;
}
 .arena-overlay h4 {
     font-size: 24px;
     color: #fff;
     font-weight: 600;
     text-transform: uppercase;
     padding: 0 19px;
     letter-spacing: 1px;
}
 .arena-overlay p {
     color: #fff;
     font-weight: 300;
}
 ul.arena-slider .slick-slide.slick-current.slick-active .arena-overlay {
     opacity: 1;
}
 ul.arena-slider .slick-slide.slick-current.slick-active h5 {
     display: none;
}
 section.arena-slider-main {
     margin: -55px 0 0 0;
     position: relative;
}
 section.user-interface {
     padding: 50px 0;
}
 .interface-content {
     text-align: center;
}
 .interface-content h3 {
     color: #0d1c33;
     font-size: 30px;
     text-transform: uppercase;
     font-weight: 600;
     margin: 0;
     padding: 0 0 5px;
}
 .interface-content h2 {
     font-size: 39px;
     text-transform: uppercase;
     font-weight: 700;
     color: #ebb72d;
}
 ul.interface-color-palettes {
     display: flex;
     justify-content: space-evenly;
     align-items: center;
     padding: 50px 0;
}
 .int-color-box span {
     width: 192px;
     height: 192px;
     background: #ebb72d;
     display: block;
     border-radius: 50%;
}
 ul.interface-color-palettes li:nth-child(2) span {
     background: #0d1c33;
}
 ul.interface-color-palettes li:nth-child(3) span {
     background: #dcdcde;
}
 .int-color-box h6 {
     font-size: 35px;
     text-align: center;
     padding: 12px 0;
     font-weight: 200;
     color: #6f6f6f;
}
 ul.font-atlan {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .font-box h5 {
     font-size: 30px;
     color: #ebb72d;
     letter-spacing: 1px;
     font-weight: 500;
}
 .font-box-md h3 {
     font-size: 70px;
     color: #6f6f6f;
     font-weight: 600;
}
 .font-box-md p {
     font-size: 18px;
     color: #6f6f6f;
     letter-spacing: 4px;
     padding-left: 20px;
}
 .font-box-md {
     display: flex;
     justify-content: space-between;
     align-items: baseline;
     padding: 20px 0;
}
 ul.font-atlan li:nth-child(2) .font-box-md p {
     font-weight: 500;
}
 ul.font-atlan li:nth-child(2) .font-box-md h3 {
     font-weight: 500;
}
 ul.font-atlan li:nth-child(3) .font-box-md p {
     font-weight: 300;
}
 ul.font-atlan li:nth-child(3) .font-box-md h3 {
     font-weight: 300;
}
 .cloud-banner {
     background: url(../images/case-study/arena-eatz/cloud-bg/bg.jpg) no-repeat;
     background-size: cover;
     height: 560px;
     width: 100%;
}
 .steps-img {
     position: relative;
}
 .steps-img:before {
     position: absolute;
     content: "";
     left: 8%;
     background: url(../images/case-study/arena-eatz/simple-steps/mbile.png);
     width: 546px;
     height: 664px;
     background-size: 85%;
     background-repeat: no-repeat;
     bottom: -118px;
     top: unset;
}
 .steps-content h3 {
     font-size: 30px;
     text-transform: uppercase;
     color: #ebb72d;
     font-weight: 600;
}
 .steps-content h2 {
     font-size: 45px;
     color: #0d1c33;
     text-transform: uppercase;
     font-weight: 700;
     margin: 0;
     padding: 0 0 16px;
}
 .steps-content p strong {
     color: #e8b73e;
     font-weight: 500;
}
 section.simple-steps {
     padding: 130px 0 0;
}
/*cruzing-4*/
 .cruzing-4-cash .case-studies-bann {
     background: url(../images/case-study/cruzing-4-cash/banner/bg.png) no-repeat;
     background-size: cover;
    /*height: 667px;
    */
     display: flex;
     justify-content: center;
     align-items: center;
    /*margin: 85px 0 0 0;
    */
     height: 100vh;
     position: relative;
}
 .cruzing-4-cash .case-studies-bann::before, .cruzing-4-cash .case-studies-bann::after {
     display: none;
}
 .cruzing-4-cash .bann-content h2 {
     font-size: 70px;
     text-transform: uppercase;
     font-weight: 800;
     color: #1281fc;
}
 .cruzing-4-cash .bann-content h2 span {
     color: #4c525c;
}
 .cruzing-4-cash .ideas-content h4 {
     color: #1281fc;
}
 .cruzing-4-cash .ideas-content h3 {
     color: #4c525c;
}
 .cruzing-4-cash .ideas-img {
     background: url(../images/case-study/cruzing-4-cash/ideas/bg.jpg);
     height: 433px;
     width: 100%;
     background-size: cover;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 0 0 80px;
}
 .cruzing-4-cash .order-food-content h2 {
     color: #1281fc;
}
 .cruzing-4-cash .order-food-content h4 {
     color: #4c525c;
}
 .cruzing-4-cash .multiple-food {
     background: url(../images/case-study/cruzing-4-cash/multiple-food/bg.png) no-repeat;
     width: 100%;
     height: 419px;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     z-index: 9;
     background-position: right;
}
 .cruzing-4-cash .multiple-food-content h4 {
     color: #fff;
     text-transform: uppercase;
}
 .cruzing-4-cash .multiple-food-content h2 {
     text-transform: uppercase;
}
 .cruzing-4-cash .arena-overlay {
     position: absolute;
     bottom: 0;
     padding: 0 20px;
     background: url(../images/case-study/cruzing-4-cash/case-slider/bg-layer.png) no-repeat;
     width: 100%;
     height: 293px;
     background-size: 100%;
     display: flex;
     flex-flow: column;
     justify-content: flex-end;
     align-items: flex-start;
     opacity: 0;
     transition: 0.5s;
}
 .cruzing-4-cash .interface-content h3 {
     color: #4c525c;
}
 .cruzing-4-cash .interface-content h2 {
     color: #1281fc;
}
 .cruzing-4-cash .int-color-box span {
     background: #1281fc;
}
 .cruzing-4-cash ul.interface-color-palettes li:nth-child(2) span {
     background: #4c525c;
}
 .cruzing-4-cash ul.interface-color-palettes li:nth-child(3) span {
     background: #8f9598;
}
 .cruzing-4-cash .font-box h5 {
     color: #1281fc;
}
 .cruzing-4-cash .cloud-banner {
     background: url(../images/case-study/cruzing-4-cash/cloud-bg/bg.jpg) no-repeat;
     background-size: cover;
     height: 560px;
     width: 100%;
}
 .cruzing-4-cash .steps-img:before {
     position: absolute;
     content: "";
     left: 0;
     background: url(../images/case-study/cruzing-4-cash/simple-steps/mble.png) no-repeat;
     width: 546px;
     height: 664px;
     background-size: 100%;
     bottom: 0;
}
 .cruzing-4-cash .steps-content h2 {
     font-size: 34px;
     margin: 0;
     padding: 0 0 7px;
}
 .cruzing-4-cash .steps-content p strong {
     color: #1281fc;
}
 .cruzing-4-cash .simple-steps {
     background: url(../images/case-study/cruzing-4-cash/simple-steps/bg.png) no-repeat;
     height: 694px;
     width: 100%;
     background-size: cover;
}
 .cruzing-4-cash .address-section {
     padding-top: 0;
}
/*moments-pin*/
 .moments-pin .case-studies-bann {
     background: url(../images/case-study/moments-pin/banner/bg.png) no-repeat;
     background-size: cover;
    /*height: 667px;
    */
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh;
     position: relative;
}
 .moments-pin .case-studies-bann::before, .moments-pin .case-studies-bann::after {
     display: none;
}
 .moments-pin .bann-content h2 {
     font-size: 70px;
     text-transform: uppercase;
     font-weight: 800;
     color: #4eb76f;
}
 .moments-pin .bann-content h2 span {
     color: #757575;
}
 .moments-pin .ideas-content h4 {
     color: #4eb76f;
}
 .moments-pin .ideas-content h3 {
     color: #757575;
}
 .moments-pin .ideas-img {
     background: url(../images/case-study/moments-pin/ideas/bg.jpg);
     height: 433px;
     width: 100%;
     background-size: cover;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 0 0 80px;
}
 .moments-pin .order-food-content h2 {
     color: #4eb76f;
     font-size: 54px;
     margin: 0;
}
 .moments-pin .order-food-content h4 {
     color: #757575;
}
 .moments-pin .multiple-food {
     background: url(../images/case-study/moments-pin/multiple-food/bg.png) no-repeat;
     width: 100%;
     height: 419px;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     z-index: 9;
     background-position: right;
}
 .moments-pin .multiple-food-content h4 {
     color: #fff;
     text-transform: uppercase;
}
 .moments-pin .multiple-food-content h2 {
     text-transform: uppercase;
}
 .moments-pin .arena-overlay {
     position: absolute;
     bottom: 0;
     padding: 0 20px;
     background: url(../images/case-study/moments-pin/case-slider/bg-layer.png) no-repeat;
     width: 100%;
     height: 293px;
     background-size: 100%;
     display: flex;
     flex-flow: column;
     justify-content: flex-end;
     align-items: flex-start;
     opacity: 0;
     transition: 0.5s;
}
 .moments-pin .interface-content h3 {
     color: #4c525c;
}
 .moments-pin .interface-content h2 {
     color: #4eb76f;
}
 .moments-pin .int-color-box span {
     background: #4eb76f;
}
 .moments-pin ul.interface-color-palettes li:nth-child(2) span {
     background: #448aff;
}
 .moments-pin ul.interface-color-palettes li:nth-child(3) span {
     background: #8f9598;
}
 .moments-pin .font-box h5 {
     color: #4eb76f;
}
 .moments-pin .cloud-banner {
     background: url(../images/case-study/moments-pin/cloud-bg/bg.jpg) no-repeat;
     background-size: cover;
     height: 560px;
     width: 100%;
}
 .moments-pin .steps-img:before {
     position: absolute;
     content: "";
     left: 0;
     background: url(../images/case-study/moments-pin/simple-steps/mble.png) no-repeat;
     width: 546px;
     height: 664px;
     background-size: 100%;
     bottom: 0;
}
 .moments-pin .steps-content h2 {
     color: #757575;
}
 .moments-pin .steps-content p strong {
     color: #1281fc;
}
 .moments-pin .simple-steps {
     background: url(../images/case-study/moments-pin/simple-steps/bg.png) no-repeat;
     height: 694px;
     width: 100%;
     background-size: cover;
     padding: 158px 0 0;
}
 .moments-pin .address-section {
     padding-top: 0;
}
 .moments-pin .steps-content h3 {
     color: #1281fc;
     margin: 0;
}
/*shed-card*/
 .shed-card .case-studies-bann {
     background: url(../images/case-study/shed-card/banner/bg.png) no-repeat;
     background-size: cover;
    /*height: 667px;
    */
     display: flex;
     justify-content: center;
     align-items: center;
    /*margin: 85px 0 0 0;
    */
     height: 100vh;
     position: relative;
}
 .shed-card .case-studies-bann::before, .shed-card .case-studies-bann::after {
     display: none;
}
 .shed-card .bann-content h2 {
     font-size: 40px;
     text-transform: uppercase;
     font-weight: 800;
     color: #163051;
}
 .shed-card .bann-content h2 span {
     color: #1b6ab5;
}
 .shed-card .ideas-content h4 {
     color: #1b6ab5;
}
 .shed-card .ideas-content h3 {
     color: #757575;
}
 .shed-card .ideas-img {
     background: url(../images/case-study/shed-card/ideas/bg.jpg);
     height: 433px;
     width: 100%;
     background-size: cover;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 0 0 80px;
}
 .shed-card .order-food-content h2 {
     font-size: 39px;
     font-weight: 700;
     text-transform: uppercase;
     line-height: 49px;
     color: #163051;
}
 .shed-card .order-food-content h4 {
     line-height: normal;
     font-size: 40px;
     color: #1b6ab5;
     font-weight: 700;
}
 .shed-card .order-food-content h4 span {
     color: #163051;
}
 .shed-card .multiple-food {
     background: url(../images/case-study/shed-card/multiple-food/bg.png) no-repeat;
     width: 100%;
     height: 419px;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     z-index: 9;
     background-position: right;
}
 .shed-card .multiple-food-content h4 {
     color: #fff;
     text-transform: uppercase;
}
 .shed-card .multiple-food-content h2 {
     text-transform: uppercase;
}
 .shed-card .arena-overlay {
     position: absolute;
     bottom: 0;
     padding: 0 20px;
     background: url(../images/case-study/shed-card/case-slider/bg-layer.png) no-repeat;
     width: 100%;
     height: 293px;
     background-size: 100%;
     display: flex;
     flex-flow: column;
     justify-content: flex-end;
     align-items: flex-start;
     opacity: 0;
     transition: 0.5s;
}
 .shed-card .interface-content h3 {
     color: #1b6ab5;
}
 .shed-card .interface-content h2 {
     color: #163051;
}
 .shed-card .int-color-box span {
     background: #1b6ab5;
}
 .shed-card ul.interface-color-palettes li:nth-child(2) span {
     background: #163051;
}
 .shed-card ul.interface-color-palettes li:nth-child(3) span {
     background: #757575;
}
 .shed-card .font-box h5 {
     color: #1b6ab5;
}
 .shed-card .cloud-banner {
     background: url(../images/case-study/shed-card/cloud-bg/bg.jpg) no-repeat;
     background-size: cover;
     height: 560px;
     width: 100%;
}
 .shed-card .steps-img:before {
     position: absolute;
     content: "";
     left: 0;
     background: url(../images/case-study/shed-card/simple-steps/mble.png) no-repeat;
     width: 546px;
     height: 664px;
     background-size: 100%;
     bottom: 0;
}
 .shed-card .steps-content h2 {
     color: #1b6ab5;
}
 .shed-card .steps-content p strong {
     color: #1b6ab5;
}
 .shed-card .simple-steps {
     background: url(../images/case-study/shed-card/simple-steps/bg.png) no-repeat;
     height: 694px;
     width: 100%;
     background-size: cover;
}
 .shed-card .address-section {
     padding-top: 0;
}
 .shed-card .steps-content h3 {
     color: #1281fc;
}
/*web-apps*/
/*arena-eatz*/
 .web-arena-eatz .case-studies-bann {
     background: url(../images/web-app/arena-eatz/banner/bg.jpg) no-repeat;
     height: 748px;
     width: 100%;
}
 .web-arena-eatz .bann-content h4 {
     color: #fff;
}
 .web-arena-eatz .bann-content p {
     color: #fff;
}
 .web-arena-eatz .case-studies-bann:before {
     display: none;
}
 .web-arena-eatz .bann-img {
     padding: 0;
}
 .web-arena-eatz .cta-box {
     display: flex;
}
 .web-arena-eatz .cta-box a:last-child, .web-arena-eatz .cta-box a:hover {
     border-color: #00e06d;
     color: #fff;
}
 .web-arena-eatz .cta-box a:before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     height: 100%;
     background: #00e06d;
     margin: auto;
     z-index: -1;
     transition: ease all 0.25s;
     transform: translateX(-150%);
}
 .web-arena-eatz .cta-box a {
     font-size: 14px;
     display: inline-block;
     font-family: "Atlan";
     color: rgb(38, 41, 98);
     text-transform: uppercase;
     line-height: 2.143;
     text-align: center;
     padding: 5px 0px;
     position: relative;
     border-radius: 2px;
     z-index: 1;
     border: 1px solid rgb(38, 41, 98);
     overflow: hidden;
     background-color: rgb(240, 240, 250);
     width: 190px;
     margin-right: 15px;
}
 .web-arena-eatz .cta-box a {
     font-size: 14px;
     display: inline-block;
     font-family: "Atlan";
     color: rgb(38, 41, 98);
     text-transform: uppercase;
     line-height: 2.143;
     text-align: center;
     padding: 5px 0px;
     position: relative;
     border-radius: 2px;
     z-index: 1;
     border: 1px solid rgb(38, 41, 98);
     overflow: hidden;
     background-color: rgb(240, 240, 250);
     width: 190px;
     margin-right: 15px;
}
 .web-arena-eatz .cta-box a:last-child:before, .web-arena-eatz .cta-box a:hover:before {
     transform: translateX(0%);
}
 .web-arena-eatz .bann-img {
     position: relative;
}
 .web-arena-eatz .bann-img:before {
     position: absolute;
     content: "";
     background: url(../images/web-app/arena-eatz/banner/laptop.png) no-repeat;
     background-size: 84%;
     width: 786px;
     height: 575px;
     bottom: -123px;
}
 .web-arena-eatz .case-studies-bann:after {
     content: "";
     background: url(../images/web-app/arena-eatz/banner/02.png) no-repeat;
     height: 211px;
     width: 362px;
     background-size: 100%;
     position: absolute;
    /* bottom: -10px;
     */
     top: 86%;
     right: 0;
}
 .about-sec-content h4 {
     text-transform: uppercase;
     font-size: 40px;
     font-weight: 600;
     margin: 0;
     padding: 0 0 12px;
}
 .about-sec-content h2 {
     font-size: 50px;
     font-weight: 800;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #0d1c33;
}
 .about-sec-content h2 span {
     color: #ebb72d;
}
 .about-sec-content p {
     font-size: 17px;
     font-weight: 300;
     padding: 0 0 15px;
}
 .about-sec-content a {
     color: #fff;
     background: #ebb72d;
     border-radius: 2px;
     padding: 13px 53px;
     text-transform: uppercase;
     font-size: 14px;
    /* margin: 20px 0 0;
     */
     border: 1px solid #ebb72d;
     transition: 0.5s;
}
 .about-sec-content a:hover {
     color: #ebb72d;
     background: transparent;
}
 section.about-sec {
     padding: 50px 0;
     position: relative;
}
 section.about-sec::before {
     content: "";
     background: url(../images/web-app/arena-eatz/about-sec/back-before.png) no-repeat;
     background-size: 100%;
     width: 268px;
     height: 486px;
     position: absolute;
     left: 0;
     bottom: 0;
     z-index: -1;
}
 section.why-choose-sec {
     background: url(../images/web-app/arena-eatz/why-choose/bg.png) no-repeat;
     width: 100%;
     height: 823px;
     background-size: cover;
     padding: 50px 0 0;
}
 .why-choose-content h4 {
     text-transform: uppercase;
     font-size: 40px;
     font-weight: 600;
     margin: 0;
     padding: 0 0 12px;
}
 .why-choose-content h2 {
     font-size: 50px;
     font-weight: 800;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #0d1c33;
}
 .why-choose-content h2 span {
     color: #ebb72d;
}
 .why-choose-content p {
     font-size: 16px;
     font-weight: 300;
     padding: 0 0 15px;
}
 .order-process {
     background: url(../images/web-app/arena-eatz/order-process/bg.jpg) no-repeat;
     background-size: cover;
     width: 100%;
     height: 562px;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .op-content h4 {
     font-size: 35px;
     text-transform: uppercase;
     color: #fff;
     font-weight: 600;
     margin: 0;
     padding: 0 0 10px;
}
 .op-content h2 {
     font-size: 50px;
     color: #ebb72d;
     font-weight: 700;
     text-transform: uppercase;
}
 .op-content p {
     font-size: 16px;
     color: #fff;
     font-weight: 300;
}
 .op-box {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 104px;
     height: 104px;
     border-radius: 50%;
     background: #fff;
     transition: 0.5s;
}
 .op-box img {
     width: initial;
     transition: 0.5s;
}
 ul.op-cont-list {
     display: flex;
     justify-content: space-evenly;
     align-items: center;
}
 .op-cont-box {
     display: flex;
     flex-flow: column;
     justify-content: center;
     align-items: center;
}
 .op-box:hover {
     background: #ebb72d;
}
 .op-box:hover img {
     filter: grayscale(1) brightness(100);
}
 .op-cont-box h5 {
     color: #fff;
     font-size: 18px;
     text-transform: uppercase;
     font-weight: 700;
     padding: 10px 0 0;
     margin: 0;
}
 .op-cont-box p {
     font-size: 14px;
     line-height: 20px;
     padding: 10px 20px 0;
}
 ul.op-cont-list li {
     position: relative;
}
 ul.op-cont-list li:nth-child(1):before {
     content: "";
     position: absolute;
     top: 33%;
     left: 77%;
     background: url(../images/web-app/arena-eatz/order-process/after-img.png) no-repeat;
     background-size: 94%;
     width: 225px;
     height: 33px;
}
 ul.op-cont-list li:nth-child(2):before {
     content: "";
     position: absolute;
     top: 18%;
     left: 79%;
     background: url(../images/web-app/arena-eatz/order-process/before-img.png) no-repeat;
     background-size: 100%;
     width: 225px;
     height: 33px;
}
 section.custom-friendly {
     padding: 130px 0 160px;
     position: relative;
}
 .custom-content h4 {
     text-transform: uppercase;
     font-size: 35px;
     font-weight: 600;
     margin: 0;
     padding: 0 0 12px;
}
 .custom-content h2 {
     font-size: 40px;
     font-weight: 800;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #ebb72d;
}
 .custom-content p {
     font-size: 16px;
     font-weight: 300;
     padding: 0 0 15px;
}
 .custom-btn a > img {
     width: initial;
     vertical-align: top;
}
 .custom-btn a {
     background: #000;
     padding: 15px 18px;
     border-radius: 5px;
}
 .custom-friendly::before {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     background: url(../images/web-app/arena-eatz/customer-friendly/after.png) no-repeat;
     width: 287px;
     height: 338px;
     background-size: 100%;
}
 .custom-friendly::after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     background: url(../images/web-app/arena-eatz/customer-friendly/before.png) no-repeat;
     width: 197px;
     height: 259px;
     background-size: 100%;
}
 .mini-circles {
     position: relative;
}
 .mini-circles img {
     width: initial;
}
 .mini-circles > div {
     border-radius: 50%;
     background-color: rgb(255, 255, 255);
     box-shadow: 4.579px 23.559px 40px 0px rgb(26 82 104 / 45%);
     width: 70px;
     height: 70px;
     display: flex;
     justify-content: center;
     align-items: center;
     position: absolute;
     transition: 0.5s;
}
/*.mini-circles div:hover,.mini-circles2 > div:hover{
     background: #ebb72d ;
}
 .mini-circles div:hover img, .mini-circles2 > div:hover img {
     filter: grayscale(1) brightness(100);
}
*/
 .mini-circles div:nth-child(2) {
     left: calc(100% - 100px);
}
 .mini-circles2 {
     position: relative;
}
 .mini-circles2 img {
     width: initial;
}
 .mini-circles2 > div {
     border-radius: 50%;
     background-color: rgb(255, 255, 255);
     box-shadow: 4.579px 23.559px 40px 0px rgb(26 82 104 / 45%);
     width: 70px;
     height: 70px;
     display: flex;
     justify-content: center;
     align-items: center;
     position: absolute;
}
 .mini-circles2 div:nth-child(2) {
     left: calc(100% - 100px);
    /* top: 100%;
     */
     bottom: -17px;
}
 .mini-circles2 div:nth-child(1) {
     left: calc(36% - 100px);
    /* top: 100%;
     */
}
 .responsive-friendly {
     background: url(../images/web-app/arena-eatz/responsive-friendly/bg.png) no-repeat;
     height: 100vh;
     width: 100%;
     background-size: cover;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     margin: -69px 0 0;
}
 .responsive-friendly::before {
     content: "";
     position: absolute;
     top: 50%;
     right: 0;
     background: url(../images/web-app/arena-eatz/responsive-friendly/after.png) no-repeat;
     width: 524px;
     height: 587px;
     z-index: -1;
     transform: translateY(-50%);
}
 .responsive-content h4 {
     text-transform: uppercase;
     font-size: 40px;
     font-weight: 600;
     margin: 0;
     padding: 0 0 12px;
}
 .responsive-content h2 {
     font-size: 50px;
     font-weight: 800;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #ebb72d;
}
 .responsive-content p {
     font-size: 16px;
     font-weight: 300;
     padding: 0 0 15px;
}
 .cosa-bella section.user-interface {
     position: relative;
}
 .cosa-bella section.user-interface:after {
     position: absolute;
     content: "";
     top: 76px;
     right: 0;
     background: url(../images/web-app/cosa-bella/user-bann/after.png) no-repeat;
     width: 226px;
     height: 109px;
     background-size: 100%;
}
 .cosa-bella section.user-interface:before {
     position: absolute;
     content: "";
     bottom: 50%;
     left: 0;
     background: url(../images/web-app/cosa-bella/user-bann/before.png) no-repeat;
     width: 138px;
     height: 226px;
     background-size: 100%;
}
/*cosa-bella*/
 .cosa-bella .case-studies-bann {
     background: url(../images/web-app/cosa-bella/banner/bg.jpg) no-repeat;
     height: 748px;
     width: 100%;
}
 .cosa-bella .bann-content h2 {
     color: #fab2d1;
}
 .cosa-bella .bann-content h4 {
     color: #fff;
}
 .cosa-bella .bann-content p {
     color: #fff;
}
 .cosa-bella .case-studies-bann:before {
     display: none;
}
 .cosa-bella .bann-img {
     padding: 0;
}
 .cosa-bella .cta-box {
     display: flex;
}
 .cosa-bella .cta-box a:last-child, .cosa-bella .cta-box a:hover {
     border-color: #00e06d;
     color: #fff;
}
 .cosa-bella .cta-box a:before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     height: 100%;
     background: #00e06d;
     margin: auto;
     z-index: -1;
     transition: ease all 0.25s;
     transform: translateX(-150%);
}
 .cosa-bella .cta-box a {
     font-size: 14px;
     display: inline-block;
     font-family: "Atlan";
     color: rgb(38, 41, 98);
     text-transform: uppercase;
     line-height: 2.143;
     text-align: center;
     padding: 5px 0px;
     position: relative;
     border-radius: 2px;
     z-index: 1;
     border: 1px solid rgb(38, 41, 98);
     overflow: hidden;
     background-color: rgb(240, 240, 250);
     width: 190px;
     margin-right: 15px;
}
 .cosa-bella .cta-box a {
     font-size: 14px;
     display: inline-block;
     font-family: "Atlan";
     color: rgb(38, 41, 98);
     text-transform: uppercase;
     line-height: 2.143;
     text-align: center;
     padding: 5px 0px;
     position: relative;
     border-radius: 2px;
     z-index: 1;
     border: 1px solid rgb(38, 41, 98);
     overflow: hidden;
     background-color: rgb(240, 240, 250);
     width: 190px;
     margin-right: 15px;
}
 .cosa-bella .cta-box a:last-child:before, .cosa-bella .cta-box a:hover:before {
     transform: translateX(0%);
}
 .cosa-bella .bann-img {
     position: relative;
}
 .cosa-bella .bann-img:before {
     position: absolute;
     content: "";
     background: url(../images/web-app/cosa-bella/banner/laptop.png) no-repeat;
     background-size: 84%;
     width: 786px;
     height: 575px;
     bottom: -123px;
}
 .cosa-bella .case-studies-bann:after {
     content: "";
     background: url(../images/web-app/cosa-bella/banner/02.png) no-repeat;
     height: 168px;
     width: 586px;
     background-size: 100%;
     position: absolute;
    /* bottom: -10px;
     */
     top: 86%;
     right: 0;
}
 .cosa-bella .about-sec-content h4 {
     text-transform: uppercase;
     font-size: 40px;
     font-weight: 600;
     margin: 0;
     padding: 0 0 12px;
     color: #fab2d1;
}
 .cosa-bella .about-sec-content h2 {
     color: #000000;
}
 .cosa-bella .about-sec-content h2 span {
     color: #000000;
}
 .cosa-bella .about-sec-content p {
     font-size: 17px;
     font-weight: 300;
     padding: 0 0 15px;
}
 .cosa-bella .about-sec-content a {
     color: #fff;
     background: #fab2d1;
     border-radius: 2px;
     padding: 13px 53px;
     text-transform: uppercase;
     font-size: 14px;
    /* margin: 20px 0 0;
     */
     border: 1px solid #fab2d1;
     transition: 0.5s;
}
 .cosa-bella .about-sec-content a:hover {
     color: #fab2d1;
     background: transparent;
}
 .cosa-bella section.about-sec {
     padding: 0 0;
     position: relative;
}
 .cosa-bella section.about-sec::before {
     content: "";
     background: url(../images/web-app/cosa-bella/about-sec/back-before.png) no-repeat;
     background-size: 100%;
     width: 228px;
     height: 250px;
     position: absolute;
     left: 0;
     bottom: -25px;
     z-index: -1;
}
 .cosa-bella section.why-choose-sec {
     background: url(../images/web-app/cosa-bella/why-choose/bg.png) no-repeat;
     width: 100%;
     height: 673px;
     background-size: cover;
     padding: 0 0 0;
     background-position: bottom;
}
 .cosa-bella .why-choose-content h4 {
     text-transform: uppercase;
     font-size: 40px;
     font-weight: 600;
     margin: 0;
     padding: 0 0 12px;
     color: #fab2d1;
}
 .cosa-bella .why-choose-content h2 {
     font-size: 50px;
     font-weight: 800;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #000;
}
 .cosa-bella .why-choose-content h2 span {
     color: #000;
}
 .cosa-bella .why-choose-content p {
     font-size: 16px;
     font-weight: 300;
     padding: 0;
     margin: 0;
}
 .cosa-bella .order-process {
     background: url(../images/web-app/cosa-bella/order-process/bg.jpg) no-repeat;
     background-size: cover;
     width: 100%;
     height: 562px;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .cosa-bella .op-content h4 {
     font-size: 35px;
     text-transform: uppercase;
     color: #fff;
     font-weight: 600;
     margin: 0;
     padding: 0 0 10px;
     color: #fff;
}
 .cosa-bella .op-content h2 {
     font-size: 50px;
     color: #fab2d1;
     font-weight: 700;
     text-transform: uppercase;
}
 .cosa-bella .op-content p {
     font-size: 16px;
     color: #fff;
     font-weight: 300;
     padding-bottom: 50px;
}
 .cosa-bella .op-box {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 82px;
     height: 82px;
     border-radius: 50%;
     background: #fff;
     transition: 0.5s;
     position: absolute;
     top: -53px;
}
 .cosa-bella .op-box img {
     width: initial;
}
 .cosa-bella ul.op-cont-list {
     display: flex;
     justify-content: space-evenly;
     align-items: center;
}
 .cosa-bella .op-cont-box {
     display: flex;
     flex-flow: column;
     justify-content: center;
     align-items: center;
     padding: 40px 20px;
     border: 1px solid #fff;
     border-radius: 8px;
     position: relative;
     transition: 0.5s;
}
 .cosa-bella .op-cont-box:hover {
     border-color: #fab2d1;
}
 .cosa-bella .op-cont-box:hover .op-box {
     background: #fab2d1;
}
 .cosa-bella .op-cont-box:hover img {
     filter: grayscale(1) brightness(100);
}
 .cosa-bella .op-cont-box h5 {
     color: #fff;
     font-size: 18px;
     text-transform: uppercase;
     font-weight: 700;
     padding: 10px 0 0;
     margin: 0;
}
 .cosa-bella .op-cont-box p {
     font-size: 14px;
     line-height: 20px;
     padding: 10px 0 0;
     height: 92px;
     overflow-y: auto;
}
 .cosa-bella ul.op-cont-list li {
     position: relative;
     width: 23%;
}
 .cosa-bella ul.op-cont-list li:nth-child(1):before {
     display: none;
}
 .cosa-bella ul.op-cont-list li:nth-child(2):before {
     display: none;
}
 .cosa-bella section.custom-friendly {
     padding: 130px 0 160px;
     position: relative;
}
 .cosa-bella .custom-content h4 {
     text-transform: uppercase;
     font-size: 40px;
     font-weight: 600;
     margin: 0;
     padding: 0 0 12px;
     color: #fab2d1;
}
 .cosa-bella .custom-content h2 {
     font-size: 50px;
     font-weight: 800;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #000;
}
 .cosa-bella .custom-content p {
     font-size: 16px;
     font-weight: 300;
     padding: 0 0 15px;
}
 .cosa-bella .custom-btn a > img {
     width: initial;
     vertical-align: top;
}
 .cosa-bella .custom-btn a {
     background: #000;
     padding: 15px 18px;
     border-radius: 5px;
}
 .cosa-bella .custom-friendly::before {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     background: url(../images/web-app/cosa-bella/customer-friendly/after.png) no-repeat;
     width: 164px;
     height: 163px;
     background-size: 100%;
}
 .cosa-bella .custom-friendly::after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     background: url(../images/web-app/cosa-bella/customer-friendly/before.png) no-repeat;
     width: 212px;
     height: 253px;
     background-size: 100%;
}
 .cosa-bella .mini-circles {
     position: relative;
}
 .cosa-bella .mini-circles img {
     width: initial;
}
 .cosa-bella .mini-circles > div {
     border-radius: 50%;
     background-color: rgb(255, 255, 255);
     box-shadow: 4.579px 23.559px 40px 0px rgb(26 82 104 / 45%);
     width: 70px;
     height: 70px;
     display: flex;
     justify-content: center;
     align-items: center;
     position: absolute;
     transition: 0.5s;
}
/*.cosa-bella .mini-circles div:hover,.mini-circles2 > div:hover{
     background: #fab2d1;
}
/*.cosa-bella .mini-circles div:hover img, .mini-circles2 > div:hover img {
     filter: grayscale(1) brightness(100);
}
*/
 .cosa-bella .mini-circles div:nth-child(2) {
     left: calc(100% - 100px);
}
 .cosa-bella .mini-circles2 {
     position: relative;
}
 .cosa-bella .mini-circles2 img {
     width: initial;
}
 .cosa-bella .mini-circles2 > div {
     border-radius: 50%;
     background-color: rgb(255, 255, 255);
     box-shadow: 4.579px 23.559px 40px 0px rgb(26 82 104 / 45%);
     width: 70px;
     height: 70px;
     display: flex;
     justify-content: center;
     align-items: center;
     position: absolute;
}
 .cosa-bella .mini-circles2 div:nth-child(2) {
     left: calc(100% - 100px);
    /* top: 100%;
     */
     bottom: -17px;
}
 .cosa-bella .mini-circles2 div:nth-child(1) {
     left: calc(36% - 100px);
    /* top: 100%;
     */
}
 .cosa-bella .responsive-friendly {
     background: url(../images/web-app/cosa-bella/responsive-friendly/bg.png) no-repeat;
     height: 100vh;
     width: 100%;
     background-size: cover;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     margin: -28px 0 0;
}
 .cosa-bella .responsive-friendly::before {
     content: "";
     position: absolute;
     top: 50%;
     right: 0;
     background: url(../images/web-app/cosa-bella/responsive-friendly/after.png) no-repeat;
     width: 524px;
     height: 587px;
     z-index: -1;
     transform: translateY(-50%);
}
 .cosa-bella .responsive-content h4 {
     text-transform: uppercase;
     font-size: 40px;
     font-weight: 600;
     margin: 0;
     padding: 0 0 12px;
     color: #fab2d1;
}
 .cosa-bella .responsive-content h2 {
     font-size: 50px;
     font-weight: 800;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #000;
}
 .cosa-bella .responsive-content p {
     font-size: 16px;
     font-weight: 300;
     padding: 0 0 15px;
}
 .cosa-bella .cloud-banner {
     background: url(../images/web-app/cosa-bella/user-bann/bg.png) no-repeat;
     background-size: cover;
     height: 560px;
     width: 100%;
}
 .cosa-bella .interface-content h2 {
     color: #fab2d1;
}
 .cosa-bella .interface-content h3 {
     color: #000;
}
 .cosa-bella .int-color-box span {
     background: #000;
}
 .cosa-bella ul.interface-color-palettes li:nth-child(2) span {
     background: #fab2d1;
}
 .cosa-bella ul.interface-color-palettes li:nth-child(3) span {
     background: #1a1a1a;
}
 .cosa-bella .font-box h5 {
     color: #fab2d1;
}
 .cosa-bella section.user-interface {
     position: relative;
     padding: 20px 0;
}
 .cosa-bella section.user-interface:after {
     position: absolute;
     content: "";
     top: 76px;
     right: 0;
     background: url(../images/web-app/cosa-bella/user-bann/after.png) no-repeat;
     width: 226px;
     height: 109px;
     background-size: 100%;
}
 .cosa-bella section.user-interface:before {
     position: absolute;
     content: "";
     bottom: 50%;
     left: 0;
     background: url(../images/web-app/cosa-bella/user-bann/before.png) no-repeat;
     width: 138px;
     height: 226px;
     background-size: 100%;
}

 .how-detail h5 {
     font-size: 24px;
     color: #00b0f3;
     text-transform: uppercase;
     font-weight: 600;
     margin: 0;
}
 .how-box {
     display: flex;
     justify-content: space-evenly;
     align-items: center;
     flex-flow: row-reverse;
}
 .how-box .how-imgs {
     width: 68px;
     height: 68px;
     border-radius: 50%;
     margin: 0 0 0 10px;
     border: 1px solid #000;
     display: flex;
}
 ul.how-list li {
     margin: 0 0 26px;
     position: relative;
}

/*website*/
/*my-easy-fi*/
 .web-banner {
     height: 100vh;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     background: url(../images/sites/my-easy-fi/banner/bg.png) no-repeat;
     background-size: cover;
     margin: 0 0 0;
     position: relative;
}
 .web-bann-content h4 {
     font-size: 35px;
     font-weight: 700;
     text-transform: uppercase;
     padding: 0 0 0px;
     margin: 0 0 8px;
}
 .web-bann-content h2 {
     font-size: 43px;
     text-transform: uppercase;
     font-weight: 700;
     color: #076b37;
     line-height: normal;
     margin: 0;
}
 .web-bann-content h2 span {
     color: #4ab737;
}
/*.web-bann-img {
     position: relative;
}
*/
 .web-bann-img::before {
     content: "";
     position: absolute;
     bottom: 0;
     left: unset;
     width: 780px;
     height: 569px;
     background: url(../images/sites/my-easy-fi/banner/screens.png) no-repeat;
     background-size: 100%;
     right: 0;
}
 .client-benefits {
     background: url(../images/sites/my-easy-fi/client-benefits/bg.png) no-repeat;
     height: 900px;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
}
 .client-benefits::before {
     content: "";
     background: url(../images/sites/my-easy-fi/client-benefits/before.png) no-repeat;
     background-size: 100%;
     width: 105px;
     height: 396px;
     position: absolute;
     bottom: 10%;
     left: 0;
}
 .client-benefits::after {
     content: "";
     background: url(../images/sites/my-easy-fi/client-benefits/after.png) no-repeat;
     background-size: 100%;
     width: 240px;
     height: 213px;
     position: absolute;
     bottom: 10%;
     right: 0;
}
 .client-bf-content h4 {
     font-size: 35px;
     text-transform: uppercase;
     font-weight: 600;
     color: #252525;
}
 .client-bf-content h2 {
     font-size: 39px;
     color: #076b37;
     text-transform: uppercase;
     font-weight: 700;
     letter-spacing: 1px;
}
 .client-bf-content p {
     font-size: 16px;
     padding: 0;
     color: #000;
     max-width: 85%;
     text-align: center;
     margin: auto;
}
 .client-bf-content img {
     width: initial;
}
 .finance-matter {
     width: 100%;
     height: 640px;
     background: url(../images/sites/my-easy-fi/finance-matter/bg.jpg) no-repeat;
     background-size: cover;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .finance-content h4 {
     font-size: 32px;
     color: #fff;
     font-weight: 600;
     text-transform: uppercase;
}
 .finance-content h2 {
     color: #9fb523;
     font-weight: 700;
     font-size: 39px;
     text-transform: uppercase;
     margin: 0;
}
 .finance-content p {
     color: #fff;
     font-weight: 300;
     padding: 5px 0 0;
}
 .finance-img {
     position: relative;
     width: 500px;
     height: 500px;
}
 .finance-img:before {
     position: absolute;
     bottom: 0;
     left: -20px;
     background: url(../images/sites/my-easy-fi/finance-matter/laptop.png) no-repeat;
     background-size: 95%;
     width: 494px;
     height: 465px;
     content: "";
}
 section.highlights {
     padding: 90px 0 0;
     position: relative;
}
 section.highlights::before {
     content: "";
     position: absolute;
     top: 50%;
     right: 0;
     background: url(../images/sites/my-easy-fi/hightlights/calc.png) no-repeat;
     width: 190px;
     height: 404px;
     background-size: 100%;
     transform: translateY(-50%);
}
 .high-content h4 {
     margin: 0;
     padding: 0 0 12px;
     font-size: 32px;
     font-weight: 600;
     text-transform: uppercase;
}
 .high-content h2 {
     font-size: 39px;
     text-transform: uppercase;
     font-weight: 700;
     color: #065c2f;
     letter-spacing: 1px;
    /* margin: 0;
     */
}
 .high-content p {
     max-width: 85%;
     color: #000;
     font-weight: 400;
}
 .achieve-content h4 {
     font-size: 30px;
     font-weight: 600;
     text-transform: uppercase;
}
 .achieve-content h2 {
     font-size: 45px;
     color: #4ab737;
     text-transform: uppercase;
     font-weight: 700;
}
 .achieve-content p {
     font-weight: 300;
     color: #252525;
}
 section.achieve-finance {
     padding: 50px 0 0;
     position: relative;
}
 section.achieve-finance::before {
     content: "";
     position: absolute;
     top: 23%;
     right: 0;
     width: 672px;
     height: 485px;
     background: url(../images/sites/my-easy-fi/achieve-freedom/after.png) no-repeat;
     background-size: 100%;
     z-index: -1;
}
 .achieve-img {
     position: relative;
}
 ._mini-circles img {
     width: initial;
}
 ._mini-circles {
     position: absolute;
     width: 68px;
     height: 68px;
     border-radius: 50%;
     background-color: rgb(255, 255, 255);
     box-shadow: 4.579px 23.559px 40px 0px rgb(26 82 104 / 45%);
     display: flex;
     justify-content: center;
     align-items: center;
     transition: 0.5s;
}
 ._mini-circles:hover img {
     filter: grayscale(100) invert(1);
}
 ._mini-circles:hover {
     background: #065c2f;
}
 ._mini-circles.m-2 {
     left: 95%;
     top: 28%;
}
 ._mini-circles.m-3 {
     left: 8%;
     bottom: 10%;
}
 ._mini-circles.m-1 {
     left: 14%;
}
 .my-easy-fi .interface-content h2 {
     color: #065c2f;
}
 .my-easy-fi .int-color-box span {
     background: #4ab737;
}
 .my-easy-fi ul.interface-color-palettes li:nth-child(2) span {
     background: #065c2f;
}
 .my-easy-fi ul.interface-color-palettes li:nth-child(3) span {
     background: #252525;
}
 .my-easy-fi .font-box h5 {
     color: #065c2f;
}
 .my-easy-fi .font-box-md h3 {
     color: #4ab737;
}
 .creative-content h4 {
     font-size: 30px;
     font-weight: 600;
     text-transform: uppercase;
     color: #000;
     margin: 0 0 6px;
}
 .creative-content h2 {
     font-size: 39px;
     color: #065c2f;
     font-weight: 700;
     text-transform: uppercase;
}
 .budget {
     background: url(../images/sites/my-easy-fi/budget/bg.png) no-repeat;
     background-size: cover;
     height: 1002px;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
}
 .bd-img {
     position: absolute;
}
 .bd-img img {
     width: initial;
}
 .creative-content p {
     color: #000;
}
 .budget-content img {
     width: initial;
     margin: auto;
     display: block;
}
 .bd-img.bd-8 {
     right: 19%;
     top: 53%;
}
 .bd-img.bd-7 {
     top: 26%;
     right: 9%;
}
 .bd-img.bd-6 {
     top: 16%;
     left: 58%;
}
 .bd-img.bd-5 {
     top: 30%;
     left: 49%;
}
 .bd-img.bd-4 {
     top: 17%;
     left: 43%;
}
 .bd-img.bd-3 {
     top: 52%;
     left: 14%;
}
 .bd-img.bd-2 {
     top: 32%;
     left: 7%;
}
 .want-content h4 {
     font-size: 30px;
     color: #fff;
     text-transform: uppercase;
     font-weight: 600;
     margin: 0;
     padding: 0 0 8px;
}
 .want-content h2 {
     font-size: 45px;
     color: #fff;
     text-transform: uppercase;
     font-weight: 700;
     letter-spacing: 1px;
}
 .want-content h2 span {
     color: #f00;
}
 .want-content p {
     color: #fff;
     font-weight: 300;
}
 
 section.creative {
     padding: 50px 0 0;
}
 .what-u-want {
     background: url(../images/sites/rocket-mash/achieve-freedom/bg.png) no-repeat;
     width: 100%;
     height: 510px;
     display: flex;
     justify-content: center;
     align-items: center;
     background-size: cover;
     position: relative;
}
 .what-u-want::before {
     content: "";
     position: absolute;
     bottom: 82%;
     left: -14px;
     background: url(../images/sites/rocket-mash/achieve-freedom/after.png) no-repeat;
     width: 141px;
     height: 254px;
     background-size: 100%;
}
 .what-u-want::after {
     content: "";
     position: absolute;
     top: 50%;
     right: 0;
     background: url(../images/sites/rocket-mash/achieve-freedom/right.png) no-repeat;
     width: 831px;
     height: 848px;
     background-size: 100%;
     transform: translateY(-50%);
}
 .remodal-wrapper .remodal button.remodal-close:before {
     color: #00e06d;
     font-size: 35px;
}
 .remodal-wrapper .remodal button.remodal-close {
     left: inherit;
     right: 0;
     top: 0;
     transition: ease all 0.25s;
}
 .remodal-wrapper .remodal button.remodal-close:hover {
     transform: rotate(45deg);
}
 .remodal-wrapper .remodal:before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     height: 175px;
     width: 175px;
     border-top: 10px solid #00e06d;
     border-left: 10px solid #00e06d;
}
 .remodal-wrapper .remodal:after {
     position: absolute;
     content: '';
     right: 0;
     bottom: 0;
     height: 175px;
     width: 175px;
     border-bottom: 10px solid #4d0e87;
     border-right: 10px solid #4d0e87;
}
 .popup-form .head-desc h4 {
     font-size: 30px;
     font-family: "Atlan";
     color: #00e06d;
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1;
     text-align: center;
     margin: 0 0 6px;
}
 .popup-form .head-desc h3 {
     font-size: 50px;
     font-family: "Atlan";
     color: #4d0e87;
     text-transform: uppercase;
     line-height: 1;
     font-weight: 700;
     text-align: center;
     margin-bottom: 20px;
}
 .popup-form .head-desc p {
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(38, 41, 98);
     line-height: 1;
     text-align: center;
     max-width: 75%;
     margin: 0 auto 30px;
}
 .popup-form .popup-form-box form .field {
     position: relative;
     margin-bottom: 15px;
     z-index: 1;
     padding-bottom: 10px;
}
 .popup-form .popup-form-box form .field input, .popup-form .popup-form-box form .field select, .popup-form .popup-form-box form .field textarea {
     width: 100%;
     padding: 0;
     height: 30px;
     background: rgba(0, 0, 0, 0);
     border: none;
     border-bottom: 1px solid #262962;
     color: #262962;
     outline: none;
     -webkit-text-fill-color: #262962 !important;
     -webkit-box-shadow: 0 0 0 1000px transparent inset;
     transition: background-color 5000s ease-in-out 0s;
}
 .popup-form .popup-form-box form .field i {
     position: absolute;
     color: #262962;
     font-size: 14px;
     height: fit-content;
     height: -moz-fit-content;
     height: -webkit-fit-content;
     width: 15px;
     margin: auto;
     bottom: 10px;
     top: 0;
     right: 0;
     z-index: -1;
}
 .popup-form .popup-form-box form .field select {
     appearance: none;
     scroll-behavior: smooth;
}
 .popup-form .popup-form-box form .field select option {
     background: #fff 
}
 .popup-form .popup-form-box form .field select::-webkit-scrollbar {
     width: 5px;
}
 .popup-form .popup-form-box form .field select::-webkit-scrollbar-track {
     background: #262962;
     border: 1px solid #44c08d;
}
 .popup-form .popup-form-box form .field select::-webkit-scrollbar-thumb {
     background: #44c08d;
}
 .popup-form .popup-form-box form .field.code {
     width: 100px;
}
 .popup-form .popup-form-box form .field.number {
     width: calc(100% - 100px);
}
 .popup-form .popup-form-box form .field input::placeholder, .popup-form .popup-form-box form .field select::placeholder, .popup-form .popup-form-box form .field textarea::placeholder {
     color: #262962;
}
 .popup-form .popup-form-box form .field input:-ms-input-placeholder, .popup-form .popup-form-box form .field select:-ms-input-placeholder, .popup-form .popup-form-box form .field textarea:-ms-input-placeholder {
     color: #262962;
}
 .popup-form .popup-form-box form .field textarea {
     height: 80px;
     resize: none;
     appearance: none;
     scroll-behavior: smooth;
}
 .popup-form .popup-form-box form .field textarea::-webkit-scrollbar {
     width: 5px;
}
 .popup-form .popup-form-box form .field textarea::-webkit-scrollbar-track {
     background: #44c08d;
     border: 1px solid #262962;
}
 .popup-form .popup-form-box form .field textarea::-webkit-scrollbar-thumb {
     background: #262962;
}
 .popup-form .popup-form-box form .form-btn button {
     border-width: 1px;
     border-color: #262962;
     border-style: solid;
     border-radius: 2px;
     font-size: 16px;
     padding: 15px;
     font-family: "Atlan";
     background: #6f36bb;
     color: rgb(38, 41, 98);
     text-transform: uppercase;
     line-height: 1;
     text-align: center;
     transition: ease all 0.25s;
     position: relative;
     display: block;
     z-index: 1;
     overflow: hidden;
     margin: auto;
}
 .popup-form .popup-form-box form .form-btn button:before {
     position: absolute;
     content: '';
     right: 0%;
     width: 100%;
     top: 0;
     bottom: 0;
     transition: ease all 0.25s;
     background: #fff;
     z-index: -1;
}
 .popup-form .popup-form-box form .form-btn button:hover {
     color: #fff;
     border-color: #6f36bb;
}
 .popup-form .popup-form-box form .form-btn button:hover:before {
     right: -100%;
}

section.thankyou{
width: 100%;
height: 798px;
background: url(../images/thankyou-page-banner.jpg) no-repeat;
background-size: cover;


    }
 section.thankyou .desc p {
     text-align: center;
     margin: auto;
    }

/*Home-portfolio-section*/
 .home-portfolio {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh;
     background-size: cover !important;
     width: 100%;
}
 .home-portfolio.hm-01 {
     background: url(../images/home/portfolio/moment-pin/bg.jpg) no-repeat;
}
 .home-portfolio.hm-02 {
     background: url(../images/home/portfolio/rocket-mash/bg.jpg) no-repeat;
}
 .home-portfolio.hm-03 {
     background: url(../images/home/portfolio/arena-eatz/bg.jpg) no-repeat;
}
 .port-img {
     position: relative;
}
 .port-img::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     background: url(../images/home/portfolio/moment-pin/mble.png) no-repeat;
     background-size: 100%;
     width: 100%;
     height: 749px;
}
 .home-portfolio.hm-02 .port-img::before {
     background: url(../images/home/portfolio/rocket-mash/laptop.png) no-repeat;
     width: 668px;
     height: 448px;
}
 .home-portfolio.hm-03 .port-img::before {
     background: url(../images/home/portfolio/arena-eatz/mbile.png) no-repeat;
     width: 691px;
     height: 590px;
}
 .home-portfolio.hm-02 .port-content h2 span {
     color: #06234c;
     font-size: 56px;
     font-weight: 700;
     color: #000;
}
 .port-content h2 {
     font-size: 60px;
     text-transform: uppercase;
     font-weight: 700;
     color: #fff;
     letter-spacing: 1px;
}
 .port-content h2 span {
     color: #06234c;
}
 .home-portfolio.hm-02 .port-content h2 {
     font-size: 40px;
     font-weight: 600;
}
 .port-content p {
     color: #fff;
     font-weight: 300;
     font-size: 16px;
     padding: 0 0 15px;
}
 .home-portfolio.hm-03 .port-content h2 span {
     color: #e7b42d;
}
 .port-content a {
     background: #fff;
     padding: 12px 18px;
     text-transform: uppercase;
     font-size: 15px;
     border: 1px solid;
}
 .scroll-sec {
     position: relative;
     height: 100vh;
}
 .scroll-sec .first.home-portfolio {
     position: relative;
     z-index: 0;
}
 .scroll-sec .home-portfolio {
     position: absolute;
     top: 0;
     left: 0;
    /*z-index: -1;
    */
     transition: 0.6s;
     height: 100vh;
     will-change: transform;
}
/*mobile-app*/
 .scroll-sec-mob {
     position: relative;
     height: 100vh;
}
 .scroll-sec-mob .first.mob__portfolio {
     position: relative;
     z-index: 0;
}
 .scroll-sec-mob .mob__portfolio {
     position: absolute;
     top: 0;
     left: 0;
    /*z-index: -1;
    */
     transition: 0.6s;
     height: 100vh;
     will-change: transform;
}

/*.scroll-sec-web .web__portfolio.first{
     opacity: 1;
}
*/
/*.scroll-sec-web{
     position: relative;
     width: 100%;
     height: 100vh;
}
 .web__portfolio.first{
     position: relative;
}
 .web__portfolio{
     position: absolute;
     width: 100%;
     height: 100vh;
     top: 0;
     left: 0;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     opacity: 0;
     visibility: hidden;
}
/*.web__portfolio:last-child {
     position: -webkit-sticky;
     position: sticky;
}
*/
/*pricing*/
 section.pkg-details {
     padding: 15px 0 0;
}
 .pkg-content {
     padding: 30px 0 0;
}
 .pkg-content h4 {
     font-size: 30px;
     text-transform: uppercase;
     color: #00e06d;
     text-align: center;
     font-weight: 600;
     margin: 0 0 10px;
}
 .pkg-content h2 {
     text-align: center;
     font-size: 50px;
     color: #4d0e87;
     text-transform: uppercase;
     font-weight: 700;
     margin: 0 0 5px;
}
 .pkg-content p {
     font-size: 15px;
     font-weight: 300;
     width: 80%;
     margin: auto;
     text-align: center;
     color: #6f6f6f;
}
 ul.pkg-list > li {
     width: calc(90% / 3);
     display: inline-block;
     margin-right: 18px;
}
 ul.pkg-list {
     padding: 30px 0;
}
 .pkg-box {
     padding: 18px;
     background-color: rgb(255, 255, 255);
     box-shadow: 0px 3px 24px 0px rgba(68, 68, 68, 0.13);
     border-radius: 10px;
     border: 1px solid rgb(77, 14, 135);
     transition: 0.5s;
}
 .pkg-name h5 {
     font-size: 15px;
     font-weight: 700;
     text-transform: uppercase;
     color: #4d0e87;
     margin: 0;
     padding: 0 0 0;
     white-space: pre-line;
}
 .pkg-price h3 {
     font-size: 54px;
     color: #00e06d;
     font-weight: 800;
     margin: 0;
}
 .pkg-price h3 strong {
     font-size: 30px;
}
 .pkg-price h3 span {
     font-size: 30px;
     font-weight: 600;
}
 .pkg-price h3 strong {
     font-size: 38px;
     vertical-align: top;
     font-weight: 600;
}
 .pkg-name p {
     font-size: 18px;
     color: #a8a8a8;
     text-transform: lowercase;
     font-weight: 300;
     margin: 0 0 12px;
}
 .pkg-top {
     display: flex;
     flex-flow: row;
     justify-content: space-between;
     align-items: center;
    /*border-bottom: 1px solid #eeeeee;
    */
     max-height: 110px;
}
 .pkg-mid {
     padding: 15px 0 5px;
     border-bottom: 1px solid #eeeeee 
}
 .pkg-mid h5 {
     font-size: 13px;
     text-transform: uppercase;
     font-weight: 600;
     color: #cccccc;
     text-align: center;
     padding: 10px 0 0;
     margin: 0;
}
 .pkg-btm {
     padding: 10px 0 5px;
     display: flex;
     justify-content: space-around;
     align-items: center;
     position: relative;
}
 .pkg-btm::before {
     content: "";
     position: absolute;
     top: 12%;
     left: 51%;
     width: 1px;
     height: 44px;
     background: #eeeeee;
}
 ul.pkg-item li {
     font-size: 14px;
     color: #4d0e87;
     position: relative;
     padding: 0 8px;
}
 ul.pkg-item li h6 {
     background: #4d0e87;
     padding: 4px 0;
     text-align: center;
     color: #fff;
     font-style: italic;
     margin: 0;
     font-size: 14px;
}
/*ul.pkg-item li::before{
     content: "";
     position: absolute;
     top: 0;
     left: 0 ;
     background: url(/assets/images/pricing/checked.png) no-repeat;
     height: 13px;
     width: 13px;
     background-size: 100%;
}
*/
 .pkg-mid p {
     line-height: normal;
     font-size: 15px;
     font-weight: 300;
}
 span.check img {
     width: initial;
     vertical-align: middle;
}
 .pkg-btm a span {
     font-size: 14px;
     color: #6f6f6f;
     font-weight: 500;
     display: block;
}
 span.check {
     padding: 0 5px 0 0;
}
 .addon {
     background: #4d0e87;
     margin: 10px 0 0;
}
 .addon p {
     padding: 5px 0;
     color: #fff;
     text-align: center;
     margin: 0;
     font-weight: 400;
}
 .addon p span {
     color: #00e06d;
}
 .order-now {
     display: block;
     margin: 20px auto 10px;
     text-align: center;
     transition: 0.5s;
     background: #fff;
     cursor: pointer;
}
 .order-now a:hover {
     background: #00e06d;
     color: #fff;
}
 .order-now a {
     padding: 10px 42px;
     border: 1px solid;
     text-transform: uppercase;
     color: #00e06d;
     font-weight: 600;
     margin: auto;
}
 .pkg-btm a span {
     font-size: 14px;
     color: #6f6f6f;
     font-weight: 500;
     display: block;
}
 .pkg-btm a:nth-child(2) {
     color: #00e06d;
}
 ul.web-tab-list {
     display: flex;
     justify-content: space-evenly;
     align-items: center;
     padding: 25px 0 0;
}
 ul.web-tab-list li a {
     text-transform: uppercase;
     font-weight: 600;
     position: relative;
}
 ul.web-tab-list li.current a, ul.web-tab-list li:hover a {
     color: #00e06d;
}
 ul.web-tab-list li.current a::before {
     content: "\f0d7";
     position: absolute;
     top: 75%;
     left: 50%;
     font-size: 18px;
     font-weight: 600;
     color: #00e06d;
     font-family: 'Font Awesome 5 Free';
}
/*portfolio*/
 section.logo-portfolio {
     position: relative;
}
 .portfolio-tabbox {
     padding: 40px 0;
}
 .logo_box {
     display: inline-block;
     height: 321px;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .logo_box img {
     width: initial;
     transition: 0.5s;
}
 .logo_box:hover img {
     animation: scale 3s infinite;
}
 @keyframes scale {
     0% {
         transform: scale(1, 1);
    }
     50% {
         transform: scale(1.1, 1.1);
    }
     100% {
         transform: scale(1, 1);
    }
}
 .pf-heading {
     background: #4d0e87;
     width: 100%;
     height: 100%;
     padding: 20px;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
}
 section.logo-portfolio .head h3 {
     position: absolute;
     z-index: 1;
     transform: rotate(270deg);
     top: 28%;
     right: 46%;
     font-size: 33px;
     width: 100%;
     text-align: center;
     text-transform: uppercase;
     font-weight: 700;
     color: #00e06d;
     letter-spacing: 1px;
}
/*web design and development*/
/*creative design*/
 .creative-direction section.ciad-sect {
     margin-top: 0;
}
.creative-direction section.web-app-desc {
    padding: 0px 0 25px;
    position: relative;
}
 .creative-direction section.ciad-sect .list ul li {
     width: 50%;
}
.creative-direction section.ciad-sect .list ul li p {
    font-size: 16px;
}
.creative-direction section.services-solutions .tickets-row .tickets {
    padding: 0 26px 24px;
    border: 1px solid #262962;
    margin-top: 90px;
    height: calc(95% - 90px);
}

 .creative-direction section.services-solutions .tickets-row .tickets .desc h3 {
     margin-bottom: 3px;
     font-size: 17px;
}
 .creative-direction section.ios-app-portfolio {
     margin-top: 0;
}
 .creative-direction section.services-solutions .tickets-row .tickets .desc p {
     font-size: 15px;
}
.desc.txt-2 h3 {
    font-size: 35px;
    padding: 0 0 0px;
    font-weight: 600;
}

.desc.txt-2 h2 {
    font-size: 45px;
    margin: 0 0 15px;
}
section.web-app-desc h4 {
    font-size: 25px;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    color: #00e06d;
    width: 90%;
    margin: 0 auto 10px;
}
 section.web-app-desc h4 span {
     color: #262962;
}
 section.logoslider-row-sect {
     padding: 30px 0;
}
 section.web-app-desc {
     padding: 0px 0 150px;
     position: relative;
}
 .pkg-box:hover {
     transform: scale(1.04);
}
 ul.package-tabs-list {
     display: flex;
     justify-content: space-evenly;
     align-items: center;
     padding: 20px 0 0;
}
 ul.package-tabs-list li a {
     border-radius: 2px;
     border: 1px solid #00e06d;
     display: block;
     width: 171px;
     height: 42px;
     text-align: center;
     line-height: 42px;
     text-transform: uppercase;
     font-size: 13px;
     color: #00e06d;
     transition: 0.5s;
     background: #fff;
}
 ul.package-tabs-list li.current a, ul.package-tabs-list li a:hover {
     background: #00e06d;
     color: #fff;
}
/*moment-pins portfolio page*/
 .moment-pin-app {
     width: 100%;
     height: 100vh;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .moment-pin-app.am-1 {
     background: url(../images/portfolio/mobile/bg-1.jpg) no-repeat;
     background-size: cover;
}
 .moment-pin-app.am-2 {
     background: url(../images/portfolio/mobile/bg-2.jpg) no-repeat;
     background-size: cover;
}
 .moment-pin-app.am-3 {
     background: url(../images/portfolio/mobile/bg-3.jpg) no-repeat;
     background-size: cover;
}
 .moment-pin-app.am-4 {
     background: url(../images/portfolio/mobile/bg-4.jpg) no-repeat;
     background-size: cover;
}
 .moment-pin-app.am-4 {
     background: url(../images/portfolio/mobile/bg-4.jpg) no-repeat;
     background-size: cover;
}
 .moment-pin-app.am-5 {
     background: url(../images/portfolio/mobile/bg-5.png) no-repeat;
     background-size: cover;
}
 .moment-pin-app.am-6 {
     background: url(../images/portfolio/mobile/bg-6.jpg) no-repeat;
     background-size: cover;
}
 .moment-pin-app.am-7 {
     background: url(../images/portfolio/mobile/bg-7.png) no-repeat;
     background-size: cover;
}
 .moment-pin-app.am-8 {
     background: url(../images/portfolio/mobile/bg-8.jpg) no-repeat;
     background-size: cover;
}
 .moment-pin-app.am-5 .mb-tab-content h2 span {
     color: #fbb2d0;
}
 .moment-pin-app.am-6 .mb-tab-content h2 span {
     color: #a8dcc3;
}
 .moment-pin-app.am-7 .mb-tab-content h2 span {
     color: #370f02;
}
 section.mobile-app-tabs {
     padding: 165px 0 0;
}
 .mb-tab-content h2 {
     font-size: 60px;
     font-weight: 700;
     text-transform: uppercase;
     color: #fff;
     letter-spacing: 1px;
}
 .mb-tab-content h2 span {
     color: #06234c;
}
 .am-2 .mb-tab-content h2 span {
     color: #323232;
}
 .am-3 .mb-tab-content h2 span {
     color: #e8b73e;
}
 .am-4 .mb-tab-content h2 span {
     color: #414165;
}
 .mb-tab-content p {
     color: #fff;
     font-weight: 300;
}
 .app-tabs-btn a {
     width: 165px;
     height: 42px;
     background: #fff;
    /* padding: 10px;
     */
     display: inline-block;
     text-align: center;
     line-height: 42px;
     border: 1px solid;
     text-transform: uppercase;
     font-size: 15px;
}
 .mb-tag-img {
     position: relative;
}
/* .mb-tag-img::before {
     content: "";
     position: absolute;
     top: -141px;
     width: 100%;
     height: 630px;
     background-size: 100% !important;
}
 .moment-pin-app.am-1 .mb-tag-img::before{
     background: url(../images/portfolio/mobile/mbile-1.png) no-repeat;
}
 .moment-pin-app.am-2 .mb-tag-img::before{
     background: url(../images/portfolio/mobile/mbile-2.png) no-repeat;
}
 .moment-pin-app.am-3 .mb-tag-img::before{
     background: url(../images/portfolio/mobile/mbile-3.png) no-repeat;
}
 .moment-pin-app.am-4 .mb-tag-img::before{
     background: url(../images/portfolio/mobile/mbile-4.png) no-repeat;
}
*/
 .top-arrow {
     font-size: 18px;
     background: #ffffffbf;
     width: 50px;
     height: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     border: none;
     transition: ease all 0.25s;
    /* z-index: 1;
     */
     margin: 7px 0;
     display: inline-block;
     text-align: center;
     line-height: 50px;
}
 .arrow-btns {
     margin: 13px 0 0;
}
 .video-box {
     position: relative;
}
 .video-overlay {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
     background: #00000047;
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     transition: 0.5s;
     opacity: 0;
}
 .video-box:hover .video-overlay {
     opacity: 1;
}
 .video-overlay i {
     color: #fff;
     font-size: 68px;
}
.plat-content h4 {
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 600;
    color: #00e06d;
    text-align: center;
    margin: 0 0 10px;
}
.plat-content h2 {
    color: #4d0e87;
    text-align: center;
    font-size: 45px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px;
}
 .plat-content p {
     text-align: center;
     max-width: 80%;
     margin: auto;
    
}
 ul.platform-list li a {
     color: #00e06d;
     background: #fff;
     border: 1px solid;
     width: 239px;
     height: 49px;
     display: block;
     font-size: 18px;
     text-align: center;
     line-height: 49px;
     text-transform: uppercase;
     position: relative;
     transition: 0.5s;
}
 ul.platform-list li.current a, ul.platform-list li a:hover {
     color: #fff;
     background: #00e06d;
}
ul.platform-list {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 40px 0 28px;
}
 ul.platform-list li.current a::before {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border-left: 7px solid transparent;
     border-right: 7px solid transparent;
     border-top: 10px solid #00e06d;
     top: 100%;
     left: 50%;
}
.platform-tabbox .desc.txt-2 h3 {
    margin: 0 0 10px;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 600;
    color: #00e06d;
}
.platform-tabbox .desc.txt-2 h2 {
    margin: 0 0 7px;
    font-size: 45px;
    padding: 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #4d0e87;
}
.platform-tabbox .desc.txt-2 p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    max-width: 90%;
    line-height: 1.8;
}
 .platform-tabbox {
    /* padding: 0 0 30px;
     */
     margin: 0 0 0;
}
 .best-deals {
     width: 100%;
     height: 537px;
     background: url(../images/web-design-and-deve/e-commerce/best-deals/bg.jpg) no-repeat;
     background-size: cover;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .best-deals-img img {
     width: initial;
     position: relative;
     top: 21px;
}
 .best-deals-img {
     position: relative;
}
 .best-d-content h4 {
     font-size: 40px;
     text-transform: uppercase;
     font-weight: 600;
     color: #fff;
     text-align: center;
     padding: 0 0 10px;
}
 .best-d-content h2 {
     font-size: 60px;
     font-weight: 700;
     text-transform: uppercase;
     text-align: center;
     color: #fff;
     margin: 0;
}
 .best-d-content a {
     padding: 12px 26px;
     background: #fff;
     border: 1px solid;
     text-transform: uppercase;
     font-size: 14px;
}
 .best-d-content p {
     font-size: 25px;
     color: #fff;
     font-weight: 300;
     text-align: center;
     letter-spacing: 0.5px;
     margin: 0 0 0;
}
 .best-d-content span {
     display: block;
     text-align: center;
     color: #fff;
     font-weight: 300;
     margin: 0 0 10px;
}
 .e-commerce section.services-solutions .head-desc h2 {
     margin-bottom: 10px;
}
 .e-commerce section.services-solutions {
     padding: 100px 0 50px;
}
 .e-commerce section.services-solutions::before {
     position: absolute;
     content: '';
     left: 0;
     bottom: 0;
     right: 0;
     height: 75%;
     background: url(/assets/images/bg-img-box.png);
     background-size: contain;
     background-position: bottom center;
     clip-path: polygon(5% 22%, 0 22%, 0 100%, 100% 100%, 100% 22%, 95% 22%, 95% 90%, 5% 90%);
     z-index: -1;
}
 .e-commerce .tickets-row {
     padding-bottom: 50px;
}
 .e-commerce .ciad-sect {
     margin: 0;
}
 .e-commerce section.ciad-sect .list ul li {
     width: 25%;
     margin: 0 0 47px;
}
 .s_media {
     position: relative;
     z-index: 0;
}
 .s_media::before {
     display: none;
     content: "";
     position: absolute;
     height: 146px;
     width: 146px;
     bottom: -31px;
     left: 0;
     background: url(../images/web-design-and-deve/e-commerce/features/map-circle.png) no-repeat;
     background-size: 100%;
     z-index: -1;
}
 .inspire-img img {
     width: initial;
}
.inspiring-content h4 {
    font-size: 36px;
    font-weight: 600;
    text-transform: uppercase;
    color: #00e06d;
    margin: 0 0 10px;
}
.inspiring-content h2 {
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    color: #4d0e87;
    margin: 0 0 10px;
}
.inspiring-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
}
 section.inspiring-client {
     padding: 0 0 62px;
     position: relative;
}
 section.inspiring-client::before {
     position: absolute;
     content: '';
     left: 0;
     bottom: 0;
     right: 0;
     height: 86%;
     background: url(/assets/images/bg-img-box.png);
     background-size: contain;
     background-position: bottom center;
     clip-path: polygon(5% 22%, 0 22%, 0 100%, 100% 100%, 100% 22%, 95% 22%, 95% 90%, 5% 90%);
     z-index: -1;
}
 .informational section.ciad-sect .list ul li {
     margin-bottom: 24px;
}
.informational section.platform-work {
    padding: 50px 0 0;
}
 .benefit-sec {
     height: 488px;
     width: 100%;
     background-size: cover !important;
     background: url(../images/web-design-and-deve/informational/benefits/bg.jpg) no-repeat;
}
.benefit-content h4 {
    font-size: 35px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 10px;
}
.benefit-content h2 {
    font-size: 45px;
    text-transform: uppercase;
    font-weight: 700;
    color: #ced539;
    margin: 0 0 10px;
}
.benefit-content p {
    color: #fff;
    max-width: 90%;
    margin: auto;
    font-weight: 400;
}
 section.benefit-sec {
     padding: 75px 0 0;
}
section.services-solutions.info {
    padding: 0 0 20px;
    margin: -16% 0 0;
}
 section.services-solutions.info .tickets-row .tickets {
     padding: 0 34px 5px;
}
 .work-together {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 23px 0 20px;
}
 .work-together a {
     color: #fff;
     font-size: 14px;
     padding: 10px 14px;
     background: #00e06d;
     text-transform: uppercase;
     transition: 0.5s;
     border-radius: 2px;
     border: 1px solid #fff;
}
 .work-together a:hover {
     border-color: #00e06d;
     color: #00e06d;
     background: #fff;
}
.responsive-benefit h4 {
    color: #00e06d;
    font-size: 35px;
    margin: 0 0 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.responsive-benefit h2 {
    font-size: 45px;
    text-transform: uppercase;
    font-weight: 700;
    color: #4d0e87;
    margin: 0 0 04px;
}
 .bene-img {
     font-size: 35px;
     display: flex;
     height: 100%;
     justify-content: center;
     align-items: center;
     height: 100px;
     width: 100px;
     border-radius: 100%;
     border: 1px solid #4d0e87;
     transition: ease all 0.25s;
     position: relative;
}
 .bene-img:before, .bene-img:after {
     position: absolute;
     content: '';
     left: 8%;
     top: 8%;
     width: 10px;
     height: 10px;
     background: #00e06d;
     border-radius: 100%;
     transition: ease all 0.25s;
}
 .bene-img:before {
     width: 15px;
     height: 15px;
     top: 75%;
     left: 80%;
}
 .bene-img img {
     width: initial;
}
ul.benef-res-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row;
    padding: 15px 0 35px;
}
 .bene-box {
     display: flex;
     flex-flow: column;
     justify-content: space-between;
     align-items: center;
}
 .bene-box h6 {
     font-size: 20px;
     text-transform: uppercase;
     font-weight: 600;
     color: #4d0e87;
     margin: 0;
     padding: 15px 0 0;
}
 .bene-box p {
     font-size: 14px;
     line-height: 25px;
     max-width: 85%;
     margin: auto;
     max-height: 100px;
     overflow-y: auto;
}
 ul.benef-res-list li:nth-child(2) .bene-img:before {
     width: 15px;
     height: 15px;
     top: -7%;
     left: 35%;
}
 ul.benef-res-list li:nth-child(2) .bene-img:after {
     width: 10px;
     height: 10px;
     bottom: -5%;
     top: inherit;
     left: 46%;
}
 ul.benef-res-list li:nth-child(3) .bene-img:before {
     width: 15px;
     height: 15px;
     top: 8%;
     left: 5%;
}
 ul.benef-res-list li:nth-child(3) .bene-img:after {
     width: 10px;
     height: 10px;
     left: 83%;
     top: 78%;
}
 section.benefit-responsive {
     padding: 20px 0 30px;
     position: relative;
}
 section.benefit-responsive:before {
     position: absolute;
     content: '';
     left: 0;
     bottom: 0;
     right: 0;
     height: 75%;
     background: url(/assets/images/bg-img-box.png);
     background-size: contain;
     background-position: bottom center;
     clip-path: polygon(5% 22%, 0 22%, 0 100%, 100% 100%, 100% 22%, 95% 22%, 95% 90%, 5% 90%);
     z-index: -1;
}
 section.benefit-responsive:after {
     position: absolute;
     content: '';
     top: -50px;
     right: 0;
     height: 100px;
     width: 80px;
     background: url(/assets/images/bg-img-box.png);
     background-size: auto;
     background-position: bottom center;
     z-index: -1;
}
 section.hit-sect.__main {
     background: #f0f0fa;
}
.responsive-design section.services-solutions .head-desc h2 {
    margin-bottom: 10px;
    font-size: 45px;
}
 .responsive-design section.services-solutions {
     padding:  50px 0;
}
 .responsive-design section.ios-app-portfolio {
     margin: 0;
}
 section.resp-process-sec {
     padding: 60px 0;
     background: #eff0fa;
}
 .resp-content h4 {
     font-size: 35px;
     text-transform: uppercase;
     font-weight: 600;
     color: #00e06d;
     line-height: inherit;
     margin: 0;
}
.resp-content h2 {
    font-size: 45px;
    text-transform: uppercase;
    font-weight: 700;
    color: #4d0e87;
    margin: 0 0 6px;
}
.resp-content p {
    font-weight: 400;
    line-height: 1.8;
}
 .rp-img {
     background: #fff;
     font-size: 35px;
     display: flex;
     height: 100%;
     justify-content: center;
     align-items: center;
     height: 100px;
     width: 100px;
     border-radius: 100%;
     border: 1px solid #4d0e87;
     transition: ease all 0.25s;
     position: relative;
     margin: 0 22px 22px 0px;
     padding: 0 29px;
}
 .rp-img:before, .rp-img:after {
     position: absolute;
     content: '';
     left: 8%;
     top: 8%;
     width: 10px;
     height: 10px;
     background: #00e06d;
     border-radius: 100%;
     transition: ease all 0.25s;
}
 .rp-img:before {
     width: 15px;
     height: 15px;
     top: 75%;
     left: 80%;
}
 .rp-img img {
     width: initial;
}
 .rp-box {
     display: flex;
     flex-flow: row;
    /*justify-content: space-between;
    */
     align-items: center;
}
 ul.rp-list li:nth-child(2) .rp-img:before {
     width: 15px;
     height: 15px;
     top: -7%;
     left: 35%;
}
 ul.rp-list li:nth-child(2) .rp-img:after {
     width: 10px;
     height: 10px;
     bottom: -5%;
     top: inherit;
     left: 46%;
}
 ul.rp-list li:nth-child(3) .rp-img:before {
     width: 15px;
     height: 15px;
     top: 8%;
     left: 5%;
}
 ul.rp-list li:nth-child(3) .rp-img:after {
     width: 10px;
     height: 10px;
     left: 83%;
     top: 78%;
}
 .rp-content h6 {
     font-size: 20px;
     text-transform: uppercase;
     font-weight: 600;
     color: #262962;
     margin: 0 0 3px;
     transition: 0.5s;
}
.rp-content p {
    font-size: 16px;
    font-weight: 400;
}
 .rp-box:hover .rp-content h6 {
     color: #00e06d;
}
 .agile-development section.services-solutions {
     padding: 0 0 0;
     position: relative;
}
 .agile-img img {
     width: initial;
     transition: 0.2s;
}
 ul.agile-dev-list li .agile-box {
     border: 1px solid #262962;
     padding: 20px 0 3px 50px;
     position: relative;
     margin: 0 0 15px;
     width: 85%;
     margin-left: auto;
}
 ul.agile-dev-list li:hover .agile-img img {
     filter: grayscale(100%) brightness(100);
}
 ul.agile-dev-list li:hover span.agile-img {
     background: #00e06d;
     border-color: #00e06d;
}
 ul.agile-dev-list li:hover .agile-content h4 {
     color: #00e06d;
}
 span.agile-img {
     display: block;
     position: absolute;
     top: 5%;
     right: 92%;
     width: 90px;
     height: 90px;
     border-radius: 50%;
     border: 2px solid;
     display: flex;
     justify-content: center;
     align-items: center;
     background: #fff;
     transition: 0.5s;
}
 .agile-content h4 {
     font-size: 20px;
     text-transform: uppercase;
     font-weight: 600;
     color: #262962;
     margin: 0 0 4px;
}
 .agile-content p {
     font-size: 14px;
     max-width: 95%;
     line-height: 26px;
}
 section.agile-development {
     padding: 40px 0 0;
     position: relative;
}
/*section.agile-development:before {
     content: "";
     background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 34%);
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 168px;
     z-index: 1;
}
*/
 section.agile-development .img-box {
     position: relative;
     z-index: 9;
}
 .app-market .inner-hero-banner img {
     width: initial;
}
 .analytics-img img {
     width: initial;
}
 section.app-analytics {
     padding: 0 0 50px;
     position: relative;
}
 section.app-analytics::before {
     position: absolute;
     content: '';
     left: 0;
     bottom: 0;
     right: 0;
     height: 75%;
     background: url(/assets/images/bg-img-box.png);
     background-size: contain;
     background-position: bottom center;
     clip-path: polygon(5% 22%, 0 22%, 0 100%, 100% 100%, 100% 22%, 95% 22%, 95% 90%, 5% 90%);
     z-index: -1;
}
 section.app-portfolio-content {
     margin: 45px 0 0;
}
 .app-analytics.v-2 {
     padding: 50px 0;
}
 .analytics-content h4 {
     font-size: 40px;
     font-weight: 600;
     color: #00e06d;
     margin: 0;
     text-transform: capitalize;
     padding: 0 0 11px;
     text-transform: uppercase;
}
 .ticket-box:hover img {
     filter: grayscale(100%) brightness(100);
}
 .analytics-content h2 {
     font-size: 60px;
     text-transform: uppercase;
     font-weight: 700;
     color: #4d0e87;
}
 .analytics-content p {
     max-width: 90%;
     font-weight: 300;
}
 .analytics-content a {
     border: 1px solid;
     padding: 10px;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 14px;
     background: #fff;
     position: relative;
     transition: 0.5s;
     z-index: 1;
}
 .skills-diff-sect a {
     border: 1px solid #fff;
     padding: 10px;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 14px;
     background: #fff;
     transition: 0.5s;
     margin: 20px 0 0;
}
 .analytics-content a:hover {
     background: #4d0e87;
     color: #fff;
}
 .app-market section.app-sect-2 {
     padding: 50px 0 0;
     position: relative;
}
 section.skills-diff-sect.v-1 {
     background: linear-gradient(90deg, rgba(255, 255, 255, 1) 5%, rgba(77, 14, 135, 1) 5%);
}
 .skills-diff-sect.v-2 {
     background: linear-gradient(90deg, rgba(68, 192, 141, 1) 95%, rgba(255, 255, 255, 1) 95%);
}
 section.skills-diff-sect.v-2 .desc h2 {
     color: #fff;
}
 .app-market section.app-slider-sect .wrapper .app-slider-wrapper {
     background: #4d0e87;
}
 .app-market section.app-slider-sect .wrapper .app-slider-wrapper:before {
     background: #4d0e87;
}
 .app-market section.app-slider-sect .wrapper .app-slider-wrapper:after {
     position: absolute;
     content: '';
     left: 0%;
     width: 35%;
     top: 0;
     bottom: 0;
     background: linear-gradient(to right, #4d0e87, rgba(0, 0, 0, 0));
}
 .agile-rght-content {
     position: relative;
     z-index: 3;
}
 .agile-rght-content h4 {
     font-size: 40px;
     text-transform: uppercase;
     font-weight: 600;
     color: #00e06d;
}
 .agile-rght-content h2 {
     font-size: 60px;
     font-weight: 700;
     text-transform: uppercase;
     color: #4d0e87;
}
 .agile-rght-content p {
     font-weight: 300;
}
 .agile-rght-content a {
     background: #00e06d;
     color: #fff;
     text-transform: uppercase;
     font-weight: 500;
     padding: 12px 16px;
     font-size: 14px;
     position: relative;
     z-index: 8;
     transition: 0.5s;
     border: 1px solid #00e06d;
}
 .agile-rght-content a:hover {
     background: #fff;
     color: #00e06d;
}
 .product-strategy .inner-hero-banner img {
     width: 100%;
}
 .product-strategy section.app-sect-2 {
     padding: 13px 0;
     position: relative;
}
 .product-strategy section.app-sect-2 .desc h2 {
     font-size: 40px;
}
 .product-strategy section.app-sect-2 .desc h2 span {
     font-size: 60px;
}
 .product-strategy section.skills-diff-sect.v-1 {
     background: linear-gradient(90deg, rgba(255, 255, 255, 1) 5%, rgb(68 192 141) 5%);
}
 .product-strategy section.skills-diff-sect .desc h2 {
     color: #fff;
}
 .product-strategy section.skills-diff-sect .desc p {
     font-size: 15px;
}
 .product-strategy .skills-diff-sect.v-2 {
     background: linear-gradient(90deg, rgb(77 14 135) 95%, rgba(255, 255, 255, 1) 95%);
}
 .product-strategy section.app-portfolio-content {
     margin: 27px 0 0;
}
 section.app-portfolio-content h4 {
     font-size: 40px;
     text-transform: uppercase;
     font-weight: 600;
     color: #00e06d;
}
 section.app-portfolio-content h2 {
     font-size: 60px;
     font-weight: 700;
     text-transform: uppercase;
     color: #4d0e87;
}
 section.mbs-workshop {
     padding: 40px 0;
     background: #f2fbf7;
}
 .mbs-work-content h4 {
     font-size: 40px;
     text-transform: uppercase;
     font-weight: 600;
     color: #00e06d;
}
 .mbs-work-content h2 {
     font-size: 60px;
     font-weight: 700;
     text-transform: uppercase;
     color: #4d0e87;
}
 ul.mbs-workshop-list {
     padding: 20px 0;
}
 ul.mbs-nav-slider li {
     font-size: 20px;
     text-transform: uppercase;
     color: #4d0e87;
     padding: 10px 0;
     font-weight: 600;
     padding: 10px 0 10px 47px;
     cursor: pointer;
     text-align: center;
}
 ul.mbs-workshop-list li {
     width: 32.33%;
     display: inline-block;
     position: relative;
     margin: 0 0 20px;
}
 ul.mbs-workshop-list li p {
     margin: 0;
     font-size: 16px;
     font-family: "Atlan";
     color: rgb(38, 41, 98);
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1.25;
     text-align: left;
     padding: 0 0 0 19px;
}
 ul.mbs-workshop-list li:before {
     position: absolute;
     content: '';
     left: 0px;
     top: 0;
     bottom: 0;
     width: 10px;
     height: 10px;
     background: #00e06d;
     border-radius: 100%;
     margin: auto;
     z-index: 1;
}
 ul.mbs-workshop-list li:after {
     position: absolute;
     content: '';
     left: 9px;
     top: 0;
     bottom: 11px;
     width: 5px;
     height: 5px;
     background: #4d0e87;
     border-radius: 100%;
     margin: auto;
}
 .mbs-nav-slider button.slick-arrow {
     position: absolute;
     top: inherit;
     bottom: 0;
     top: 0;
     margin: auto;
     left: -1%;
     font-size: 0;
     background: #fff;
     width: 50px;
     height: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     border: none;
     transition: ease all 0.25s;
    /* z-index: 1;
     */
}
 .mbs-nav-slider button.slick-arrow:before {
     content: '\f060';
     position: absolute;
     font-family: 'Font Awesome 5 Free';
     font-size: 25px;
     color: #fff;
     font-weight: 900;
     background: #00e06d;
     top: 2px;
     display: flex;
     justify-content: center;
     align-items: center;
     bottom: 2px;
     left: 2px;
     border-radius: 50%;
     right: 2px;
     transition: ease all 0.25s;
}
 .mbs-nav-slider button.slick-arrow:after {
     content: '';
     position: absolute;
     left: -1px;
     top: -1px;
     bottom: -1px;
     right: -1px;
     z-index: -1;
     border-radius: 50%;
     transition: ease all 0.25s;
     background-image: -moz-linear-gradient(90deg, #00e06d 1%, #cddc39 57%, #00e06d 100%);
     background-image: -webkit-linear-gradient(90deg, #00e06d 1%, #cddc39 57%, #00e06d 100%);
     background-image: linear-gradient(90deg, #00e06d 1%, #cddc39 57%, #00e06d 100%);
}
 .mbs-nav-slider .slick-prev {
     display: none !important;
}
 .mb-slider .slick-list.draggable {
     padding: 25px 0 0;
}
 .mbs-nav-slider .slick-slide.slick-active.slick-current {
     color: #dae22d;
}
 .app-market .inner-hero-banner img {
     width: 100%;
}
 .agile-rght-content .ovr-cntnt {
     font-size: 30px;
     line-height: normal;
     margin: 0;
}
/*qa pages*/
/*manual automated*/
 .prov-img img {
     width: initial;
}
 .prov-content h2 {
     font-size: 40px;
     text-transform: uppercase;
     font-weight: 600;
     color: #00e06d;
}
 section.provising {
     padding: 30px 0;
}
 .prov-content h2 span {
     font-size: 60px;
     color: #4d0e87;
     font-weight: 800;
}
 .com-content h4 {
     font-size: 40px;
     text-transform: uppercase;
     font-weight: 600;
     color: #00e06d;
}
 .com-content h2 {
     font-size: 60px;
     text-transform: uppercase;
     font-weight: 700;
     color: #4d0e87;
}
 section.comprehensive {
     padding: 20px 0;
}
/*usability-testing*/
 .usability-testing .resp-process-sec {
     background: #fff;
     padding: 0;
}
 .usability-testing .rp-list {
     background: #00e06d;
     padding: 70px 10px;
     position: relative;
}
 .usability-testing .rp-list li {
     margin: 0 0 25px;
}
 .usability-testing .rp-list::before {
     content: "";
     position: absolute;
     top: 0;
     right: 100%;
     height: 100%;
     width: 40%;
     background: #00e06d;
}
 .usability-testing .rp-img:before, .usability-testing .rp-img:after {
     background: #4d0e87;
}
 .usability-testing .rp-content p {
     color: #fff;
}
 .usability-testing .rp-content h6 {
     color: #fff;
}
 .usability-testing .rp-box:hover .rp-content h6 {
     color: #4d0e87;
}
 .usability-testing .resp-content {
     padding: 0 40px;
}
 .usability-testing section.services-solutions {
     padding: 40px 0 0;
     position: relative;
}
 .mobile-app-mart ul.platform-list {
     justify-content: space-evenly;
}
 .mobile-app-mart ul.platform-list li a {
     width: 360px;
}
 .mobile-app-mart section.app-slider-sect .wrapper .app-slider-wrapper:after {
     background: linear-gradient(to right, #4d0e87, rgba(0, 0, 0, 0));
}
 .mobile-app-mart section.app-slider-sect .wrapper .app-slider-wrapper {
     background: #530f84;
}
 .mobile-app-mart section.app-slider-sect .wrapper .app-slider-wrapper:before {
     background: #4d0e87;
}
 .main-app-testing h4 {
     font-size: 40px;
     text-transform: uppercase;
     font-weight: 600;
     color: #00e06d;
}
 .main-app-testing h2 {
     font-size: 60px;
     text-transform: uppercase;
     font-weight: 800;
     color: #4d0e87;
}
 .main-app-testing p {
     font-size: 15px;
     font-weight: 400;
}
 .main-app-testing {
     position: relative;
     padding: 40px 0 0;
}
 .testing-list {
     width: 450px;
     height: 450px;
     margin: 95px auto;
     position: relative;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     border: 1px solid #fff;
     border-radius: 100%;
}
 .testing-list:before {
     position: absolute;
     content: '';
     left: 20px;
     right: 20px;
     top: 20px;
     bottom: 20px;
     border-radius: 100%;
     background: url(../images/qa-testing/mob-app-mart/mobile-circle.png);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     height: calc(100% - 40px);
     width: calc(100% - 40px);
     margin: 0 auto;
     animation: spin 130s linear infinite;
}
 .testing-list li {
     width: 263px;
     position: absolute;
     margin: auto;
     height: fit-content;
}
 .testing-list li img {
     width: initial;
}
 .mb-app-box {
     display: flex;
     flex-flow: column;
     justify-content: center;
     align-items: center;
}
 .testing-list li .mb-app-box span {
     background: #00e06d;
     height: 106px;
     width: 106px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     padding: 50px;
}
 .testing-list li:nth-child(odd) .mb-app-box span {
     background: #4d0e87;
}
 .testing-list li:nth-child(even) .mb-app-box a {
     color: #00e06d;
}
 .testing-list li:nth-child(1) {
     bottom: 80%;
     left: 0;
     right: 0;
     text-align: center;
}
 .testing-list li:nth-child(2) {
     bottom: 68%;
     left: 67%;
     text-align: left;
}
 .testing-list li:nth-child(2) a {
     margin-left: 10px;
}
 .testing-list li:nth-child(3) {
     bottom: 38%;
     left: 83%;
     text-align: center;
     z-index: 3;
}
 .testing-list li:nth-child(4) {
     bottom: 6%;
     left: 67%;
     text-align: center;
}
 .testing-list li:nth-child(5) {
     bottom: -15%;
     left: 21%;
     text-align: center;
}
 .testing-list li:nth-child(6) {
     bottom: 6%;
     right: 71%;
     text-align: center;
}
 .testing-list li:nth-child(7) {
     bottom: 38%;
     right: 77%;
     text-align: center;
}
 .testing-list li:nth-child(8) {
     bottom: 68%;
     right: 72%;
     text-align: center;
}
 .mb-app-box a {
     font-size: 16px;
     text-transform: uppercase;
     font-weight: 600;
     padding: 0 0 14px;
     line-height: normal;
}
 .q__left.mb-app-box a {
     margin-left: 11px;
}
 .testing-list li:nth-child(5) .mb-app-box a {
     padding-top: 20px;
}
 .testing-list li:nth-child(2) .mb-app-box, .testing-list li:nth-child(3) .mb-app-box, .testing-list li:nth-child(4) .mb-app-box {
     flex-flow: row-reverse;
}
 .testing-list li:nth-child(6) .mb-app-box, .testing-list li:nth-child(7) .mb-app-box, .testing-list li:nth-child(8) .mb-app-box {
     flex-flow: row;
}
 .testing-list li:nth-child(7) a {
     margin-right: 15px;
}
 .qa-tabs .mb__box {
     position: absolute;
     width: 100%;
     height: fit-content;
     top: 51%;
     left: 37%;
}
 .qa-tabs .mb__box p {
     width: 27%;
     padding: 5px 0 0;
     color: #fff;
}
 
/*animation keyframe spin*/
 @keyframes spin {
     from {
         transform: rotate(0deg) 
    }
     to {
         transform: rotate(360deg) 
    }
}
 .testing-list li.current .mb-app-box span {
     background: #baca1e;
}
 .testing-list li.current .mb-app-box span img {
     filter: grayscale(100%) brightness(100);
}
 .app-mart-process {
     width: 100%;
     background: url(../images/qa-testing/mob-app-mart/app-mart-bg.jpg) no-repeat;
     background-size: cover;
     height: 579px;
     display: flex;
     flex-flow: column;
     justify-content: center;
     align-items: center;
}
 .app-process-content h4 {
     font-size: 40px;
     font-weight: 600;
     color: #fff;
     text-transform: uppercase;
     line-height: normal;
}
 .app-process-content h2 {
     font-size: 60px;
     font-weight: bold;
     text-transform: uppercase;
     color: #00e06d;
}
 .app-process-content p {
     color: #fff;
     font-weight: 300;
}
 .app-mart-box span img {
     width: initial;
}
 .app-mart-box span {
     width: 78px;
     height: 78px;
     background: #fff;
     display: block;
     display: flex;
     flex-flow: column;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     position: relative;
}
 .app-mart-box {
     display: flex;
     justify-content: flex-start;
     align-items: center;
}
 ul.app-mart-process-list li:nth-child(odd) .app-mart-box {
     justify-content: flex-end;
}
 ul.app-mart-process-list li {
     margin-bottom: 31px;
     position: relative;
}
 .app-mart-box span:before, .app-mart-box span:after {
     position: absolute;
     content: '';
     left: 8%;
     top: 8%;
     width: 10px;
     height: 10px;
     background: #00e06d;
     border-radius: 100%;
     transition: ease all 0.25s;
}
 .app-mart-box span:before {
     width: 15px;
     height: 15px;
     top: 75%;
     left: 80%;
}
 .app-mart-content h5 {
     font-size: 30px;
     font-weight: 700;
     color: #00e06d;
     margin: 0;
}
 .app-mart-content p {
     font-size: 19px;
     text-transform: uppercase;
     font-weight: 600;
     color: #ced538;
}
 .app-mart-content {
     margin: 0 10px;
     padding: 0 0;
}
 ul.app-mart-process-list li:before {
     height: 2px;
     width: 184px;
     background: #fff;
     content: "";
     position: absolute;
     bottom: -15px;
     right: 34%;
     transform: rotate(143deg);
}
 ul.app-mart-process-list li:nth-child(2):before {
     left: 30%;
     transform: rotate(31deg);
     width: 229px;
}
 ul.app-mart-process-list li:nth-child(3):before {
     width: 120px;
}
 ul.app-mart-process-list li:nth-child(4):before {
     display: none;
}
 ul.app-mart-process-list li:nth-child(3):before {
     width: 179px;
     left: 38%;
}
 .ecommerce-app section.resp-process-sec {
     background: none;
}
 .ecommerce-app .rp-list {
     position: relative;
     padding: 60px 10px;
     background: #262962;
}
 .ecommerce-app .rp-list::before {
     background: #262962;
     height: 100%;
     width: 40%;
     position: absolute;
     top: 0;
     right: 100%;
     content: "";
}
 .rp-content h6 {
     color: #00e06d;
}
 .ecommerce-app .resp-content h4 {
     font-size: 32px;
}
 .ecommerce-app .rp-content p {
     color: #fff;
}
 .ecommerce-app .services-solutions {
     padding: 0;
}
 .content-marketing section.web-app-desc {
     padding: 0;
}
 .content-marketing section.ciad-sect {
     margin-top: 40px;
}
 section.marketing-constulting {
     padding: 50px 0 0;
}
 section.marketing-constulting {
     padding: 50px 0 0;
}
 .consult-content h4 {
     font-size: 40px;
     font-weight: 600;
     text-transform: uppercase;
     color: #00e06d;
     margin: 0 0 10px;
}
 .consult-content h2 {
     font-size: 60px;
     font-weight: 700;
     text-transform: uppercase;
     color: #4d0e87;
}
 ul.consulting-list.left {
     text-align: right;
}
 ul.consulting-list li {
     margin-bottom: 50px;
}
 .consulti-box h5 {
     font-size: 22px;
     font-weight: 600;
     text-transform: uppercase;
     color: #4d0e87;
}
 .consulti-box p {
     font-size: 14px;
}
 .consult-content {
     padding-bottom: 65px;
}
 .consult-main-center {
     display: block;
     margin: auto;
}
 .consulting-circle-list {
     width: 320px;
     height: 320px;
     position: relative;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     margin: 0 auto;
     border: 1px solid #4d0e87;
     border-radius: 100%;
}
 .consulting-circle-list::before {
     position: absolute;
     content: '';
    /* left: 20px;
     */
     right: 15px;
     top: 15px;
     left: 15px;
     bottom: 15px;
     border-radius: 100%;
     background: url(../images/branding/cs-circle.png);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     height: calc(100% - 30px);
     width: calc(100% - 30px);
     margin: 0 auto;
     animation: spin 130s linear infinite;
}
 .consulting-circle-list li span img {
     width: initial;
}
 .consulting-circle-list li span {
     height: 107px;
     width: 107px;
     background: #fff;
     border: 1px solid #4d0e87;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     transition: 0.5s;
}
 .consulting-circle-list li:hover span {
     background: #00e06d;
     border: 1px solid #00e06d;
}
 .consulting-circle-list li:hover img {
     filter: grayscale(100%)brightness(100);
}
 .consulting-circle-list li {
     position: absolute;
}
 .consulting-circle-list li:nth-child(1) {
     top: 0;
     right: 74%;
}
 .consulting-circle-list li:nth-child(2) {
     top: 0;
     left: 74%;
}
 .consulting-circle-list li:nth-child(3) {
     bottom: 0;
     right: 74%;
}
 .consulting-circle-list li:nth-child(4) {
     bottom: 0;
     left: 74%;
}
 section.services-solutions.create-digt {
     padding: 20px 0 60px;
     background: linear-gradient(0deg, rgba(255, 255, 255, 1) 38%, rgba(242, 251, 247, 1) 39%);
}
 section.services-solutions.create-digt .head-desc h2 {
     margin-bottom: 35px;
}
 .creative-direction section.services-solutions.create-digt .tickets-row .tickets {
     margin-top: 88px;
}
 .email-marketing .services-solutions {
     padding: 0 0 30px;
}
 .what-inc {
     display: flex;
     justify-content: center;
     align-items: center;
     background: url(../images/branding/email-market/include-bg.jpg) no-repeat;
     width: 100%;
     background-size: cover;
     height: 219px;
}
 section.what-inc h2 {
     font-size: 60px;
     font-weight: 700;
     color: #ced539;
     text-transform: uppercase;
     letter-spacing: 1px;
}
 section.what-inc h2 span {
     font-size: 40px;
     font-weight: 600;
     display: block;
     color: #fff;
}
 section.what-inc p {
     color: #fff;
}
 .included-after {
     background: url(../images/branding/email-market/included-after.jpg) no-repeat;
     background-size: cover;
     width: 100%;
     height: 497px;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .af-list-box span img {
     width: initial;
}
 ul.inc-after-list li {
     width: 33%;
     display: inline-block;
     margin-bottom: 46px;
}
 .af-list-box {
     display: flex;
     align-items: center;
     justify-content: flex-start;
}
 .af-list-box span {
     background: #fff;
     display: block;
     height: 77px;
     width: 77px;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     padding: 0 35px;
     border: 1px solid;
}
 .af-list-box p {
     font-size: 20px;
     color: #fff;
     text-transform: uppercase;
     margin-left: 16px;
}
 .af-list-box span:before, .af-list-box span:after {
     position: absolute;
     content: '';
     left: 8%;
     top: 8%;
     width: 10px;
     height: 10px;
     background: #4d0e87;
     border-radius: 100%;
     transition: ease all 0.25s;
}
 .af-list-box span:before {
     width: 15px;
     height: 15px;
     top: 75%;
     left: 80%;
}
 section.android-app-dev-sol .ticket-box .desc p.para_1 {
     font-size: 14px !important;
     color: #757575;
     font-weight: 400;
     text-transform: unset;
}
 .seo-serv-content h4 {
     font-size: 40px;
     text-transform: uppercase;
     font-weight: 600;
     color: #00e06d;
}
 .seo-serv-content h2 {
     font-size: 60px;
     text-transform: uppercase;
     font-weight: 700;
     color: #4d0e87;
}
 .seo-serv-content p {
     font-size: 15px;
     margin-bottom: 25px;
}
 .seo-serv-content a {
     text-transform: uppercase;
     font-weight: 600;
     background: #00e06d;
     color: #fff;
     font-size: 15px;
     padding: 12px 10px;
     border: 1px solid #00e06d;
     border-radius: 2px;
     transition: 0.5s;
}
 .seo-serv-content a:hover {
     background: #fff;
     color: #00e06d;
}
 .other-seo-service {
     background: url(../images/branding/seo/other-serv.jpg) no-repeat;
     background-size: cover;
     height: 384px;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
}
 section.hire-seo-service {
     padding: 0 0 40px;
}
 .other-seo-content h4 {
     font-size: 40px;
     text-transform: uppercase;
     font-weight: 600;
     color: #fff;
     letter-spacing: 1px;
}
 .other-seo-content h2 {
     font-size: 60px;
     text-transform: uppercase;
     font-weight: 700;
     color: #ced539;
}
 .other-seo-content p {
     color: #fff;
     font-weight: 300;
}
 .seo-lis-box span img {
     width: initial;
}
 ul.seo-list-item {
     display: flex;
     justify-content: space-evenly;
     align-items: center;
}
 .seo-lis-box {
     display: flex;
     flex-flow: column;
     justify-content: center;
     align-items: center;
     padding: 0 10px;
}
 .seo-lis-box span {
     height: 106px;
     width: 106px;
     background: #fff;
     border: 1px solid;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-bottom: 10px;
     transition: 0.5s;
}
 .seo-lis-box h6 {
     font-size: 15px;
     text-transform: uppercase;
     font-weight: 600;
     color: #262962;
     margin: 0 0 5px;
     text-align: center;
     padding: 10px 0;
     white-space: pre-line;
}
 ul.seo-list-item li {
     width: calc(100% /5);
}
 ul.seo-list-item li:hover span {
     background: #00e06d;
     border: 1px solid #00e06d;
}
 ul.seo-list-item li:hover span img {
     filter: grayscale(100%) brightness(100);
}
 ul.seo-list-item li:hover .seo-lis-box h6 {
     color: #00e06d;
}
 .seo-lis-box p {
     font-size: 14px;
     line-height: 28px;
     height: 158px;
     overflow-y: auto;
     padding: 0 10px 0 0;
}
 section.seo-list-sec {
     margin: -70px 0 0;
}
 .simple-seo-content h4 {
     font-size: 40px;
     text-transform: uppercase;
     font-weight: 600;
     color: #00e06d;
}
 .simple-seo-content h2 {
     font-size: 60px;
     font-weight: 700;
     text-transform: uppercase;
     color: #4d0e87;
}
 section.simple-seo-process {
     padding: 60px 0 0;
}
 .ss-box img {
     width: initial;
}
 .ss-box span.ss-img {
     height: 77px;
     width: 77px;
    /* display: block;
     */
     border: 1px solid #262962;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     background: #fff;
     padding: 0 20px;
}
 ul.seo-simple-list li {
     width: 49%;
     display: inline-block;
     margin-bottom: 52px;
}
 ul.seo-simple-list li:hover .ss-box span.ss-img {
     background: #00e06d;
     border-color: #00e06d;
}
 ul.seo-simple-list li:hover .ss-box span.ss-img img {
     filter: grayscale(100%) brightness(100);
}
 .ss-box {
     display: flex;
     justify-content: center;
     align-items: center;
}
 ul.seo-simple-list li {
     width: 49%;
     display: inline-block;
     margin-bottom: 52px;
}
 .ss-box {
     display: flex;
     justify-content: center;
     align-items: center;
}
 .ss-box h5 span {
     font-size: 24px;
     font-weight: 700;
     color: #00e06d;
     display: block;
}
 .ss-box h5 {
     font-size: 20px;
     color: #262962;
     text-transform: uppercase;
     font-weight: 600;
     margin-left: 14px;
}
 .seo-prof-content h4 {
     font-size: 40px;
     text-transform: uppercase;
     font-weight: 600;
     color: #00e06d;
}
 .seo-prof-content h2 {
     font-size: 60px;
     font-weight: 700;
     text-transform: uppercase;
     color: #4d0e87;
}
 .seo-prof-content p {
     max-width: 85%;
     text-align: center;
     margin: auto;
}
 section.seo-professional {
     padding: 40px 0 50px;
     position: relative;
}
/*section.seo-professional::before {
     position: absolute;
     top: 0;
     right: 0;
     width: 8%;
     height: 100%;
     content: "";
     background: linear-gradient( 90deg, rgb(255 255 255 / 60%) 94%, rgba(255,255,255,1) 100%);
     z-index: 1;
}
*/
 section.seo-professional::after {
     display: none;
     position: absolute;
     top: 0;
     left: 0;
     width: 8%;
     height: 100%;
     content: "";
     background: linear-gradient(90deg, rgb(255 255 255 / 60%) 94%, rgba(255, 255, 255, 1) 100%);
     z-index: 1;
}
 .s_prof_box span img {
     width: initial;
}
 ul.seo-prof-list {
     padding: 0 0px 0;
}
 .s_prof_box {
     border: 1px solid #262962;
     padding: 30px;
     display: flex;
     flex-flow: column;
     justify-content: center;
     align-items: center;
     height: 250px;
}
 .s_prof_box span {
     width: 150px;
     height: 150px;
     display: flex;
     justify-content: center;
     align-items: center;
     border: 1px solid #262962;
     border-radius: 50%;
     margin-top: -138px;
     background: #fff;
     transition: 0.5s;
}
 .s_prof_box h5 {
     font-size: 20px;
     text-transform: uppercase;
     font-weight: 600;
     color: #262962;
     padding: 20px 0 0;
     margin: 0 0 0;
}
 .s_prof_box p {
     text-align: center;
     font-size: 15px;
     margin: 0;
     line-height: 25px;
     max-height: 90px;
     overflow-y: auto;
}
 ul.seo-prof-list li {
     padding: 0 21px;
}
 ul.seo-prof-list li:hover .s_prof_box span {
     background: #00e06d;
     border-color: #00e06d;
}
 ul.seo-prof-list li:hover .s_prof_box h5 {
     color: #00e06d;
}
 ul.seo-prof-list li:hover .s_prof_box span img {
     filter: grayscale(100%) brightness(100);
}
 .seo_prof_parent {
     padding: 130px 0 0;
}
 ul.seo-prof-list li.slick-slide.slick-current.slick-active .s_prof_box span img {
     filter: grayscale(100%) brightness(100);
}
 ul.seo-prof-list li.slick-slide.slick-current.slick-active .s_prof_box span {
     background: #00e06d;
     border-color: #00e06d;
}
 ul.seo-prof-list li.slick-slide.slick-current.slick-active .s_prof_box h5 {
     color: #00e06d;
}
 .logo-beneficial {
     background: url(../images/branding/logo-design/logo-bane-bg-2.jpg) no-repeat;
     height: 600px;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     background-position: bottom;
     background-size: 100%;
}
 .beneficial-box {
     width: 100%;
     background: #fff;
     height: 543px;
}
 .benef-img img {
     width: initial;
}
 .benef-img {
     padding: 25px;
}
 .benef-content {
     padding: 20px;
}
 .benef-content h4 {
     font-size: 37px;
     text-transform: uppercase;
     line-height: normal;
     font-weight: 600;
     color: #00e06d;
}
 .benef-content h2 {
     font-size: 48px;
     text-transform: uppercase;
     font-weight: 700;
     color: #4d0e87;
}
 .benef-content p {
     font-size: 14px;
}
 section.expertize {
     padding: 70px 0 30px;
     background: rgb(255, 255, 255);
     background: linear-gradient(0deg, rgba(255, 255, 255, 0.9528186274509804) 48%, rgba(242, 251, 247, 1) 48%);
     display: flex;
     justify-content: center;
     align-items: center;
}
 .expertize-content h4 {
     font-size: 36px;
     text-transform: uppercase;
     font-weight: 600;
     color: #00e06d;
}
 .expertize-content h2 {
     font-size: 49px;
     text-transform: uppercase;
     font-weight: 700;
     color: #4d0e87;
}
 .exper-box span img {
     width: initial;
}
 ul.expertize-list {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 20px 0 0;
}
 .exper-box {
     flex-flow: column;
     display: flex;
     justify-content: center;
     align-items: center;
}
 ul.expertize-list li {
     padding: 0 20px;
}
 ul.expertize-list li:hover .exper-box span {
     background: #00e06d;
     border-color: #00e06d;
}
 ul.expertize-list li:hover .exper-box span img {
     filter: grayscale(100%) brightness(100);
}
 ul.expertize-list li:hover .exper-box h6 {
     color: #00e06d;
}
 .exper-box span {
     width: 106px;
     height: 106px;
     background: #fff;
     border: 1px solid #262962;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     margin: 0 0 20px;
}
 .exper-box h6 {
     text-transform: uppercase;
     font-size: 17px;
     font-weight: 600;
     color: #4d0e87;
     text-align: center;
}
 .exper-box p {
     text-align: center;
     font-size: 15px;
}
 .logo-design section.services-solutions {
     padding: 43px 0 0;
     position: relative;
}
 .compedious-process {
     background: url(../images/branding/logo-design/comp-bg.jpg) no-repeat;
     background-size: cover;
     width: 100%;
     height: 501px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 40px 0 0;
}
 .comp-content h4 {
     font-size: 40px;
     font-weight: 600;
     text-transform: uppercase;
     color: #00e06d;
}
 .comp-content h2 {
     font-size: 60px;
     font-weight: 700;
     text-transform: uppercase;
     color: #ced538;
}
 .comp-content p {
     color: #fff;
     font-weight: 300;
}
 .comp-box span img {
     width: initial;
}
 .comp-box span.com-img {
     height: 107px;
     width: 107px;
     background: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
}
 .comp-box {
     display: flex;
     align-items: center;
     justify-content: flex-start;
}
 ul.comp-list li {
     width: 49%;
     margin-bottom: 35px;
     display: inline-block;
}
 ul.comp-list li:hover span.com-img {
     background: #00e06d;
}
 ul.comp-list li:hover span.com-img img {
     filter: grayscale(100%) brightness(100);
}
 ul.comp-list li:hover .comp-box h5 {
     color: #ced538;
}
 .comp-box h5 span {
     font-size: 30px;
     display: block;
     font-weight: 700;
     color: #00e06d;
}
 .comp-box h5 {
     font-size: 18px;
     text-transform: uppercase;
     color: #fff;
     font-weight: 600;
     margin: 0 0 0 13px;
}
 .portfolio-bann-content h1 {
     font-size: 60px;
     text-transform: uppercase;
     font-weight: 700;
     color: #4d0e87;
     text-align: center;
}
 .portfolio-bann-content span {
     font-size: 40px;
     display: block;
     font-weight: 600;
     color: #00e06d;
}
 .portfolio-bann-content p {
     font-weight: 400;
     max-width: 80%;
     margin: auto;
     text-align: center;
     padding: 10px 20px;
}
 ul.portfolio-tabs-list {
     display: flex;
     align-items: center;
     justify-content: space-evenly;
}
 section.all-portfolio {
     padding: 40px 0;
}
 ul.portfolio-tabs-list li a {
     width: 218px;
     height: 42px;
     border: 1px solid #4d0e87;
     color: #4d0e87;
     font-weight: 400;
     text-transform: uppercase;
     display: block;
     text-align: center;
     line-height: 42px;
     font-size: 15px;
     background: #fff;
     letter-spacing: 0.5px;
     position: relative;
}
 ul.portfolio-tabs-list li.current a, ul.portfolio-tabs-list li:hover a {
     background: #00e06d;
     border-color: #00e06d;
     color: #fff;
}
 ul.portfolio-tabs-list li.current a::before {
     position: absolute;
     content: '';
     left: 0;
     right: 0;
     top: 100%;
     height: 15px;
     width: 15px;
     background: #00e06d;
     margin: auto;
     z-index: 0;
     transition: ease all 0.25s;
     clip-path: polygon(100% 0, 0 0, 50% 100%);
}
 ul.pkg-item {
     max-height: 200px;
     overflow-y: scroll;
     margin-bottom: 20px;
}
 .terms-content {
     padding: 37px 0 0;
}
 .terms-content h2 {
     text-align: center;
     text-transform: uppercase;
     font-weight: 700;
     font-size: 40px;
     color: #4d0e97;
}
 .terms-content p {
     padding: 0 52px;
     font-size: 16px;
}
 body.terms__condtions section.address-section {
     padding: 10px;
}
 .privacy-content {
     padding: 37px 0 0;
}
 .privacy-content h2 {
     text-align: center;
     text-transform: uppercase;
     font-weight: 700;
     font-size: 40px;
     color: #4d0e97;
}
 .privacy-content p {
     padding: 0 52px;
     font-size: 16px;
}
 body.terms__condtions section.address-section {
     padding: 10px;
}
/*ul.sitemap-list {
     margin: 0 0 10px;
     display: flex;
     justify-content: space-evenly;
     align-items: center;
}
 ul.sitemap-list li a {
     background: #00e06d;
     color: #fff;
     height: 47px;
     width: 210px;
     display: block;
     text-align: center;
     text-transform: uppercase;
     line-height: 47px;
     border-radius: 2px;
     border: 1px springgreen;
}
 */
 .privacy-content h3 {
     font-size: 22px;
     text-transform: capitalize;
     font-weight: 600;
     color: #00e06d;
     padding: 10px 0 5px;
     margin: 0;
}
 .privacy-content h4 {
     margin: 0;
     padding: 00px 0 15px;
     font-size: 28px;
     text-transform: uppercase;
     color: #4d0e97;
     font-weight: 700;
     display: block;
     text-align: center;
}
/*.privacy-content ul {
     margin: 0 0 10px;
     display: flex;
     justify-content: space-evenly;
     align-items: center;
     flex-flow: wrap;
}
 .privacy-content li a {
     background: #00e06d;
     color: #fff;
     height: 47px;
     width: 210px;
     display: block;
     text-align: center;
     text-transform: uppercase;
     line-height: 47px;
     border-radius: 2px;
     border: 1px springgreen;
     margin: 20px 17px;
}
*/
 .privacy-content li a {
     font-size: 15px;
     color: #2a2a2a;
     text-transform: capitalize;
     padding: 0 0 0 8px;
}
 .privacy-content li {
     margin: 0 0 0;
    /*list-style: square;
    */
}
 .header-mobile a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 100%;
     height: 100%;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
}
 .header-mobile a:after, .header-mobile a:before {
     content: '';
     display: block;
     background: #262962;
     height: 3px;
     width: 100%;
}
 .header-mobile a span {
     background: #262962;
     display: block;
     height: 3px;
     margin: 4px 0;
     width: 100%;
}
 .header-mobile a:after, .header-mobile a:before {
     content: '';
     display: block;
     background: #262962;
     height: 3px;
     width: 100%;
}
 section.home-main-banner {
     height: 700px;
     width: 100%;
}
 .main_bg {
     height: 100vh;
     width: 100%;
    /*background: url(../images/banner/back-1.jpg);
    */
     background: url(../images/banner/ban-1.jpg), #18a8b7;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
}
/*.main__bg::before{
     content: "";
     background: url(../images/banner/circles.png) no-repeat;
     width: 100%;
     height: 979px;
     background-size: 100%;
     position: absolute;
     top: 0;
     left: 0;
     animation: myAnim 5s infinite;
}
 .main__bg::after{
     content: "";
     background: url(../images/banner/lines_1.svg) no-repeat;
     width: 100%;
     height: 979px;
     background-size: 100%;
     position: absolute;
     top: 0;
     left: 0;
     animation: scale 2s ease 0s infinite alternate forwards;
}
*/
/*animation keyframe scale*/
 @keyframes scale {
     0% {
         -webkit-transform: scale(1);
         -moz-transform: scale(1);
         -o-transform: scale(1);
         -ms-transform: scale(1);
         transform: scale(1) 
    }
     50% {
         -webkit-transform: scale(1.04);
         -moz-transform: scale(1.04);
         -o-transform: scale(1.04);
         -ms-transform: scale(1.04);
         transform: scale(1.04) 
    }
     100% {
         -webkit-transform: scale(1);
         -moz-transform: scale(1);
         -o-transform: scale(1);
         -ms-transform: scale(1);
         transform: scale(1) 
    }
}
 @keyframes myAnim {
     0% {
         animation-timing-function: ease-out;
         transform: scale(1);
         transform-origin: center center;
    }
     10% {
         animation-timing-function: ease-in;
         transform: scale(0.91);
    }
     17% {
         animation-timing-function: ease-out;
         transform: scale(0.98);
    }
     33% {
         animation-timing-function: ease-in;
         transform: scale(0.87);
    }
     45% {
         animation-timing-function: ease-out;
         transform: scale(1);
    }
}
 .main__banner-content h2 {
     font-size: 49px;
     color: #fff;
     font-weight: 700;
     text-transform: uppercase;
     padding: 0;
     margin: 0;
}
 .main__banner-content h4 {
     font-size: 20px;
     line-height: 31px;
     color: #ffff;
     text-transform: uppercase;
     letter-spacing: 0px;
     font-weight: 600;
     padding: 10px 0 0;
}
 .main__bg.bg_2 {
     background: url(../images/banner/ban-2.jpg);
}
 .main__bg.bg_3 {
     background: url(../images/banner/ban-3.jpg);
}

 .main__bg.bg_3 img {
     width: initial;
}
 ul.client-bann li img {
     width: initial;
     filter: grayscale(100) brightness(100);
}
 ul.client-bann li {
     display: inline-block;
     margin-right: 21px;
}
 ul.client-bann li span {
     font-size: 20px;
     color: #fff;
     display: block;
     padding: 0;
     margin: 0;
     text-transform: uppercase;
     font-weight: 600;
}
 ul.client-bann li {
     font-size: 40px;
     color: #fff;
     font-weight: 800;
     vertical-align: middle;
}



 .main__swiper__buttons .swiper-button-prev, .swiper-button-next {
     background: none;
}
 .main__swiper__buttons .swiper-button-prev {
     left: 1.58%;
     top: 86%;
     right: initial;
}
 .main__swiper__buttons .swiper-button-next {
     background: none;
     right: 97%;
     top: 80%;
}
 .main__swiper__buttons i {
     font-size: 27px;
    /*background: #fff;
    */
     height: 50px;
     width: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 4px;
     color: #fff;
     text-align: center;
     transition: 0.5s;
     animation: bounceSmall 4s infinite;
}
 .main__swiper__buttons i:hover {
     color: #00e06d;
}
/*animation keyframe bounceSmall*/
 @keyframes bounceSmall {
     10%, 20%, 30%, 40%, 50% {
         transform: translateY(0);
    }
     15% {
         transform: translateY(-14px);
    }
     25% {
         transform: translateY(-8px);
    }
     35% {
         transform: translateY(-4px);
    }
     45% {
         transform: translateY(-2px);
    }
}

 .badges-btn {
     display: none;
}
 section.services-solutions {
     padding: 59px 0 0;
     position: relative;
}
 .app-market.agile section.services-solutions {
     padding: 0 
}
 .product-strategy section.inner-hero-banner .desc h1 {
     font-size: 31px;
}
 .product-strategy section.inner-hero-banner .desc h1 span {
     font-size: 54px;
     margin-bottom: 13px;
}
 .product-strategy.strat section.inner-hero-banner .desc h1 span {
     font-size: 44px;
     margin-bottom: 20px;
}
 .product-strategy.strat section.app-sect-2 .desc h2 {
     font-size: 35px;
     margin: 0;
}
 .product-strategy.strat section.app-sect-2 .desc h2 span {
     font-size: 45px;
     line-height: 44px;
}
 .product-strategy.strat .analytics-content h2 {
     font-size: 49px;
     margin: 0 0 15px;
}
 .product-strategy.strat .analytics-content h4 {
     font-size: 35px;
     padding: 0 0 10px;
}
 .product-strategy.strat section.skills-diff-sect .desc h2 {
     font-size: 50px;
     margin-bottom: 12px;
}
 .product-strategy.strat section.app-portfolio-content h4 {
     font-size: 34px;
     line-height: 0;
}
 .product-strategy.strat section.app-portfolio-content h2 {
     font-size: 45px;
     margin: 0 0 10px;
}
 .product-strategy.strat section.ios-app-portfolio {
     margin-top: 0;
}
 .web_app_dev section.web-app-desc .head-desc h2 {
     font-size: 54px;
     margin-bottom: 12px;
}
 .email-marketing section.inner-hero-banner .desc h1 {
     font-size: 30px;
}
 .email-marketing section.inner-hero-banner .desc h1 span {
     font-size: 43px;
     line-height: 1.2;
     margin-bottom: 11px;
}
 .creative-direction.search section.web-app-desc {
     padding: 15px 0 76px;
     position: relative;
}
 .ongoing_asst .com-content h4 {
     font-size: 36px;
}
 .ongoing_asst .com-content h2 {
     font-size: 51px;
     margin: 5px 0;
}
 .ongoing_asst .analytics-content h2 {
     font-size: 48px;
}
 .ongoing_asst .analytics-content h4 {
     font-size: 35px;
     margin: 0;
     padding: 0 0 0;
}
 body.ongoing_asst section.inner-hero-banner.manual-automated svg {
     width: 686px;
     height: 375px;
}
 .usability-testing .resp-content h2 {
     font-size: 50px;
}
 .usability-testing .resp-content h4 {
     font-size: 33px;
     margin: 0;
}
 .mobile-app-mart .plat-content h4 {
     font-size: 34px;
     line-height: 20px;
     margin: 10px 0 0;
}
 .mobile-app-mart .plat-content h2 {
     font-size: 48px;
     margin: 0;
}
 .mobile-app-mart .main-app-testing h4 {
     font-size: 36px;
     margin: 0 0 05px;
}
 .mobile-app-mart .main-app-testing h2 {
     font-size: 45px;
     margin: 0 0 10px;
}
 .mobile-app-mart .app-process-content h4 {
     font-size: 35px;
     margin: 0;
}
 .mobile-app-mart .app-process-content h2 {
     font-size: 51px;
}
 body.ui-ux .web-app-user-interface svg {
     width: 100%;
     height: auto;
}
 body.ui-ux .platform-tabbox svg {
     width: 100%;
}
 body.ecommerce-app .ecommerce-portal svg {
     width: 100%;
     height: auto;
}
 body.and__mob .android-app-service svg {
     width: 100%;
     height: auto;
}
 body.and__mob .home-android svg {
     width: 100%;
     height: auto;
     transform: scale(1.5);
}
 body.and__mob section.oaads-sect .vector-wrapper {
     max-width: 100%;
}
 .vector-wrapper .mobile svg {
     width: 100%;
     height: auto;
}
 body.app-market.game .osa-game-developement svg {
     width: 100%;
     height: auto;
     transform: scale(1.8);
}
 body.app-market.game section.inner-hero-banner .desc h1 {
     font-size: 31px;
}
 .analytics-img svg {
     width: 100%;
     height: auto;
}
 body.app-market.game .game-3 svg {
     transform: scale(1.7);
}
 body.app-market.game .analytics-img .game-1 svg {
     transform: scale(0.8);
}
 body.app-market.game .analytics-img .game-2 svg {
     transform: scale(1.6);
}
 body.app-market.cross section.inner-hero-banner svg {
     width: 100%;
     height: auto;
     transform: scale(1.8);
}
 body.app-market.agile section.inner-hero-banner svg {
     width: 100%;
     height: auto;
}
 body.product-strategy section.inner-hero-banner svg {
     width: 100%;
     height: auto;
     transform: scale(1.7);
}
 body.product-strategy.__mvp section.inner-hero-banner svg {
     width: 100%;
     height: auto;
     transform: scale(1.2);
}
 body.product-strategy.__mvp section.app-sect-2 .desc {
     margin-bottom: 107px;
}
 body.app-market.mart section.inner-hero-banner svg {
     width: 100%;
     height: auto;
}
 body.app-market.mart .vector-wrapper .automated-segmentaion svg {
     width: 100%;
     height: auto;
}
 body.app-market.mart .analytics-img .optimized-app svg {
     transform: scale(1.7);
}
 body.app-market.mart .vector-wrapper .automated-segmentaion svg {
     width: 100%;
     height: auto;
     transform: scale(1.2);
}
 body.product-strategy.strat section.inner-hero-banner svg {
     width: 100%;
     height: auto;
     transform: scale(1.7);
}
 body.product-strategy.strat svg {
     width: 100%;
     height: auto;
}
 body.mobile-app-mart svg {
     width: 100%;
     height: auto;
}
 body.mobile-app-mart .testing-crashes-detect {
     transform: scale(0.8);
}
 body.usability-testing svg {
     width: 100%;
     height: auto;
}
 body.logo-design .ld-best-uae svg {
     width: 100%;
     height: auto;
}
 body.logo-design .benef-img svg {
     width: 100%;
     height: auto;
}
 body.pricing .who-we-are_blogging svg {
     width: 100%;
     height: auto;
}
 .cruzing-4-cash .bann-content h2 {
     font-size: 52px;
}
 .cruzing-4-cash .order-food-content h2 {
     font-size: 54px;
     line-height: 72px;
     margin: 0;
}
 .cruzing-4-cash .order-food-content h4 {
     font-size: 22px;
     margin: 0;
}
 .moments-pin .bann-content h2 {
     font-size: 53px;
}
 .web___app .bann-content h2 {
     font-size: 53px;
}
 .web___app .case-studies-bann .bann-content p {
     color: #fff;
}
 .how-detail p {
     text-transform: lowercase;
     margin: 0;
}
 .cocacola .web-banner {
     height: 629px;
    /* background-position: bottom;
     */
     background-size: cover !important;
     background: url(../images/sites/coca-cola/banner/bg.png);
}
 .cocacola .web-bann-img::before {
     background: url(../images/sites/coca-cola/banner/laptop.png) no-repeat;
}
 .cocacola .web-bann-content h2 {
     color: #f00005;
     font-size: 39px;
     margin: 0 0 8px;
}
 .cocacola .web-bann-content h2 span {
     color: #850a0f;
}
 .cocacola .client-bf-content h2 {
     color: #f00005;
     font-size: 39px;
     margin: 0 0 4px;
}
 .client-bf-content h4 {
     font-size: 35px;
     text-transform: uppercase;
     font-weight: 600;
     margin: 0 0 8px;
     color: #252525;
}
 .cocacola .high-content h2 {
     color: #f00005;
     font-size: 39px;
     margin: 0 0 8px;
}
 .cocacola .achieve-content h2 {
     color: #f00005;
     font-size: 39px;
     margin: 0 0 6px;
}
 .cocacola .interface-content h2 {
     color: #a60004;
}
 .cocacola .creative-content h2 {
     color: #f00005;
     margin: 0 0 3px;
}
 .cocacola .int-color-box span {
     background: #f00005;
}
 .cocacola ul.interface-color-palettes li:nth-child(2) span {
     background: #a60004;
}
 .cocacola ul.interface-color-palettes li:nth-child(3) span {
     background: #252525;
}
 .cocacola .font-box h5 {
     color: #f00005;
}
 .cocacola .finance-matter {
     background: url(../images/sites/coca-cola/finance-matter/bg.jpg) no-repeat;
}
 .cocacola .finance-content h2 {
     color: #fff;
     font-size: 39px;
}
 .cocacola .finance-img:before {
     background: url(../images/sites/coca-cola/finance-matter/laptop.png) no-repeat;
}
 .cocacola section.highlights::before {
     display: none;
}
 .cocacola section.achieve-finance::before {
     background: url(../images/sites/coca-cola/achieve-freedom/after.png) no-repeat;
}
 .cocacola .budget {
     height: auto;
     background: url(../images/sites/coca-cola/budget/bg.png) no-repeat;
     background-position: left bottom;
}
 .cocacola .client-benefits {
     height: 855px;
     background: url(../images/sites/coca-cola/client-benefits/bg.png) no-repeat;
}
 .cocacola .client-benefits::after {
     background: url(../images/sites/coca-cola/client-benefits/after.png) no-repeat;
     width: 262px;
     height: 531px;
}
 .marker3 {
     display: block;
}
 .tabs-wrapper .home-mobile-app svg {
     transform: scale(1.7);
}
 .tabs-wrapper .going-beyond-bug-fix svg {
     transform: scale(1.7);
}
 .tabs-wrapper .custom-web-app-dev svg {
     transform: scale(1.5);
}
 .tabs-wrapper .custom-web-app-dev svg {
     transform: scale(1.5);
}
 .tabs-wrapper .digital-marketing-icon svg {
     width: 100%;
     height: auto;
     transform: scale(1.4);
}
 .tabs-wrapper .bss-help svg {
     width: 100%;
     height: auto;
     transform: scale(1.1);
}
 .tabs-wrapper .web-design-development svg {
     width: 100%;
     height: auto;
     transform: scale(1.5);
}
 ul.location-list li a {
     color: #fff;
}
/* svg, .tabs-wrapper .going-beyond-bug-fix svg, .tabs-wrapper .custom-web-app-dev svg,{
     transform: scale(1.7);
}
*/
 .pkg-name p del {
     padding: 0 5px 0 0;
}
 .e-commerce section.hit-sect.__2 {
     padding: 0 0 50px;
}
 .ecommerce-app section.services-solutions .cta-box {
     margin-top: 64px;
}
 .ecommerce-app section.ios-app-portfolio {
     margin-top: 10px;
}
 .web_app_dev .custom-web-app-dev svg {
     width: 100%;
     height: auto;
}
 .analytics-content {
     margin: 0 0 21px;
}
 .app-market.mart .app-campaigns svg {
     width: 100%;
     height: auto;
     transform: scale(1.2);
}
 .product-strategy.strat section.app-sect-2 .desc {
     padding: 0 10%;
     margin-bottom: 00;
     position: relative;
}
 .product-strategy.strat section.app-sect-2 .desc::before {
     display: none;
}
 .ongoing_asst .analytics-img .game-3 svg {
     width: 100%;
     height: auto;
     transform: scale(1.5);
}
 .ongoing_asst .analytics-img .game-2 svg {
     width: 100%;
     height: auto;
     transform: scale(1.8);
}
 .mobile-app-mart .mobile-app-marketing svg {
     width: 100%;
     height: auto;
     transform: scale(0.9);
}
 .analytics-img .game-1 svg {
     transform: scale(1);
     width: 100%;
     height: 480px;
}
 img.bann_mobile {
     position: absolute;
     top: 40%;
     left: 77%;
     width: initial;
     display: block;
     width: 20% !important;
     clip-path: polygon(0px 0px, -0.22% -0.13%, 0% 100%, 0% 100%);
}
 .p__2 {
     padding: 0 0 0 20%;
}
 .for_h2_Wrapper {
     height: 59px;
     position: relative;
     overflow: hidden;
     transition: 0.5s;
}
 .for_h2_Wrapper h2 {
     transform: translateY(100%);
}
 .for_h4_Wrapper {
     position: relative;
     overflow: hidden;
}
 .for_h4_Wrapper h4 {
     transform: translateX(-100%);
     opacity: 0;
}
 .sound-state .web-banner {
     background: url(../images/sites/sound-state/banner/bg.png);
     background-repeat: no-repeat;
     background-size: cover;
     height: 623px;
}
 .sound-state .web-bann-img::before {
     content: "";
     background: url(../images/sites/sound-state/banner/laptop.png) no-repeat;
}
 .sound-state .web-bann-content h2 {
     color: #ad9887;
}
 .sound-state .web-bann-content h2 span {
     color: #ad9887;
}
 .sound-state .client-benefits {
     background: url(../images/sites/sound-state/client-benefits/bg.png) no-repeat;
     background-size: cover;
}
 .sound-state .client-benefits::before {
     display: none !important;
}
 .sound-state .client-benefits::after {
     display: none;
}
 .sound-state .finance-matter {
     background: url(../images/sites/sound-state/finance-matter/bg.jpg) no-repeat;
}
 .sound-state .finance-img:before {
     position: absolute;
     background: url(../images/sites/sound-state/finance-matter/laptop.png) no-repeat;
}
 .sound-state .finance-content h2 {
     color: #fff;
}
 .sound-state section.highlights::before {
     display: none;
}
 .sound-state section.achieve-finance::before {
     background: url(../images/sites/sound-state/achieve-freedom/after.png) no-repeat;
}
 .sound-state .budget {
     background: url(../images/sites/sound-state/budget/bg.png) no-repeat;
}
 .sound-state .client-bf-content h2 {
     color: #ad9887;
}
 .sound-state .client-bf-content p {
     max-width: 70%;
}
 .sound-state .high-content h2 {
     color: #ad9887;
}
 .sound-state .achieve-content h2 {
     color: #ad9887;
}
 .sound-state .interface-content h2 {
     color: #ad9887;
}
 .sound-state .int-color-box span {
     background: #ad9887;
}
 .sound-state ul.interface-color-palettes li:nth-child(2) span {
     background: #ebebeb;
}
 .sound-state ul.interface-color-palettes li:nth-child(3) span {
     background: #252525;
}
 .sound-state .font-box h5 {
     color: #ad9887;
}
 .sound-state .creative-content h2 {
     color: #ad9887;
     text-transform: uppercase;
}
 .unity-chess .web-banner {
     background: url(../images/sites/unity-chess/banner/bg.png);
     background-repeat: no-repeat;
     background-size: cover;
     height: 623px;
}
 .unity-chess .web-bann-img::before {
     content: "";
     background: url(../images/sites/unity-chess/banner/laptop.png) no-repeat;
}
 .unity-chess .client-benefits {
     background: url(../images/sites/unity-chess/client-benefits/bg.png) no-repeat;
     background-size: cover;
}
 .unity-chess .client-benefits::after {
     display: none;
}
 .unity-chess .finance-matter {
     background: url(../images/sites/unity-chess/finance-matter/bg.jpg) no-repeat;
}
 .unity-chess .finance-img:before {
     position: absolute;
     background: url(../images/sites/unity-chess/finance-matter/laptop.png) no-repeat;
}
 .unity-chess section.highlights::before {
     display: none;
}
 .unity-chess section.achieve-finance::before {
     background: url(../images/sites/unity-chess/achieve-freedom/after.png) no-repeat;
}
 .unity-chess .budget {
     background: url(../images/sites/unity-chess/budget/bg.png) no-repeat;
     background-position: left;
}
 .unity-chess .web-bann-content h2 span {
     color: #ffa727;
}
 .unity-chess .web-bann-content h2 {
     color: #006ac0;
}
 .unity-chess .client-bf-content h2 {
     color: #006ac0;
}
 .unity-chess .client-bf-content p {
     max-width: 75%;
}
 .unity-chess .finance-content h2 {
     color: #fff;
}
 .unity-chess .high-content h2 {
     color: #006ac0;
}
 .unity-chess .achieve-content h2 {
     color: #006ac0;
}
 .unity-chess .font-box h5 {
     color: #006ac0;
}
 .unity-chess .creative-content h2 {
     color: #006ac0;
}
 .unity-chess .int-color-box span {
     background: #fea726;
}
 .unity-chess ul.interface-color-palettes li:nth-child(2) span {
     background: #006ac0;
}
 .unity-chess ul.interface-color-palettes li:nth-child(3) span {
     background: #252525;
}
 .main__bg.bg_3 img.bann_mobile {
     left: 78%;
}
 svg#logo {
     width: 100%;
     height: auto;
     transform: scale(1.5);
}
 .Main_bann-img {
     margin-right: auto;
     display: block;
     text-align: center;
}
 .seo-serv-box svg {
     width: 100%;
    /* height: auto;
     */
}
 .tech-icons-wrapper .icon-box img {
     display: block;
     margin: auto;
     filter: grayscale(100%);
     transition: 0.25s;
}
 .tech-icons-wrapper .icon-box img:hover {
     filter: none;
}
 .smoothies .web-banner {
     background: url(../images/sites/smoothies/banner/bg.png) no-repeat;
     background-size: cover;
}
 .smoothies .web-bann-img::before {
     background: url(../images/sites/smoothies/banner/laptop.png) no-repeat;
}
 .smoothies .client-benefits {
     background: url(../images/sites/smoothies/client-benefits/bg.png) no-repeat;
     background-size: cover;
}
 .smoothies .client-benefits::after {
     display: none;
}
 .smoothies .finance-matter {
     position: relative;
     background: url(../images/sites/smoothies/finance-matter/bg.jpg) no-repeat;
}
 .smoothies .finance-img:before {
     background: url(../images/sites/smoothies/finance-matter/laptop.png) no-repeat;
}
 .smoothies section.highlights {
     padding: 0 0 0;
}
/*.smoothies .finance-matter::before{
    content:"";
    background:url(../images/sites/smoothies/finance-matter/before.png) no-repeat;
    background-size:100%;
    height:435px;
    width:395px;
    position:absolute;
    bottom:72%;
    left:0;
}
*/
/*.smoothies .finance-matter::after{
    content:"";
    background:url(../images/sites/smoothies/finance-matter/after.png) no-repeat;
    background-size:100%;
    height:461px;
    width:251px;
    position:absolute;
    top:45%;
    right:0;
}
*/
 .smoothies section.highlights::before {
     content: "";
     position: absolute;
     top: 85%;
     left: 0;
     background: url(../images/sites/smoothies/highlights/after.png) no-repeat;
     width: 239px;
     height: 245px;
     background-size: 100%;
     transform: translateY(-50%);
}
 .smoothies section.achieve-finance::before {
     background: url(../images/sites/smoothies/achieve-freedom/after.png) no-repeat;
}
 .smoothies .budget::after {
     content: "";
     position: absolute;
     right: 0;
     bottom: 0;
     background: url(../images/sites/smoothies/budget/bean.png) no-repeat;
     width: 220px;
     height: 228px;
}
 .smoothies .web-bann-content h4 {
     color: #48b36c;
     white-space: pre-line;
     line-height: 46px;
     margin: 0;
}
 .smoothies .web-bann-content h2 span {
     color: #ffc600;
}
 .smoothies .web-bann-content h2 {
     color: #48b36c;
}
 .smoothies .client-bf-content h4 {
     margin: 0;
}
 .smoothies .client-bf-content h2 {
     color: #48b36c;
}
 .smoothies .finance-content h2 {
     margin: 0;
     white-space: pre-line;
     color: #fff;
}
 .smoothies .finance-content p {
     max-width: 95%;
}
 .smoothies .high-content h2 {
     color: #48b36c;
}
 .smoothies .interface-content h2 {
     color: #48b36c;
}
 .smoothies .creative-content h2 {
     color: #48b36c;
     text-transform: uppercase;
     font-size: 38px;
     margin: 10px 0;
}
 .smoothies .int-color-box span {
     background: #4ab737;
}
 .smoothies ul.interface-color-palettes li:nth-child(2) span {
     background: #e5b200;
}
 .smoothies ul.interface-color-palettes li:nth-child(3) span {
     background: #252525;
}
 .smoothies .font-box h5 {
     color: #4ab737;
}
/*sik careers*/
 .sik .web-banner {
     background: url(../images/sites/sik/banner/bg.png) no-repeat;
     background-size: cover;
}
 .sik .web-bann-img::before {
     background: url(../images/sites/sik/banner/laptop.png) no-repeat;
}
 .sik .client-benefits {
     background: url(../images/sites/sik/client-benefits/bg.png) no-repeat;
     background-size: cover;
}
 .sik .client-benefits::after {
     display: none;
}
 .sik .finance-matter {
     position: relative;
     background: url(../images/sites/sik/finance-matter/bg.jpg) no-repeat;
}
 .sik .finance-img:before {
     width: 549px;
     height: 622px;
     background: url(../images/sites/sik/finance-matter/laptop.png) no-repeat;
     display: none;
}
 .smoothies section.highlights {
     padding: 0 0 0;
}
 .smoothies .finance-matter::before {
     content: "";
     background: url(../images/sites/smoothies/finance-matter/before.png) no-repeat;
     background-size: 100%;
     height: 435px;
     width: 395px;
     position: absolute;
     bottom: 72%;
     left: 0;
}
 .smoothies .finance-matter::after {
     content: "";
     background: url(../images/sites/smoothies/finance-matter/after.png) no-repeat;
     background-size: 100%;
     height: 461px;
     width: 251px;
     position: absolute;
     top: 45%;
     right: 0;
}
 .smoothies section.highlights::before {
     content: "";
     position: absolute;
     top: 85%;
     left: 0;
     background: url(../images/sites/smoothies/highlights/after.png) no-repeat;
     width: 239px;
     height: 245px;
     background-size: 100%;
     transform: translateY(-50%);
}
 .smoothies section.achieve-finance::before {
     background: url(../images/sites/smoothies/achieve-freedom/after.png) no-repeat;
}
 .smoothies .budget::after {
     content: "";
     position: absolute;
     right: 0;
     bottom: 0;
     background: url(../images/sites/smoothies/budget/bean.png) no-repeat;
     width: 220px;
     height: 228px;
}
 .smoothies .web-bann-content h4 {
     color: #48b36c;
     white-space: pre-line;
     line-height: 46px;
     margin: 0;
}
 .sik .web-bann-content h2 span {
     color: #229495;
}
 .sik .web-bann-content h2 {
     color: #2c5463;
}
 .sik .client-bf-content h4 {
     font-size: 35px;
     color: #2c5463;
     margin: 0;
}
 .sik .client-bf-content h2 {
     color: #229495;
}
 .sik .client-bf-content p {
     margin-bottom: 16px;
}
 .sik .finance-content h2 {
     margin: 0;
     white-space: pre-line;
     color: #fff;
}
 .sik .finance-content p {
     max-width: 95%;
}
 .sik .high-content h2 {
     color: #48b36c;
}
 .sik .finance-content h4 {
     font-size: 26px;
}
 .sik .high-content h2 {
     color: #229495;
}
 .sik .creative-content h2 {
     color: #229495;
     text-transform: uppercase;
     font-size: 37px;
     margin: 0;
}
 .sik .int-color-box span {
     background: #2c5463;
}
 .sik .achieve-content h2 {
     color: #2a4a55;
}
 .sik ul.interface-color-palettes li:nth-child(2) span {
     background: #229495;
}
 .sik ul.interface-color-palettes li:nth-child(3) span {
     background: #252525;
}
 .sik .font-box h5 {
     color: #229495;
}
 .sik section.highlights::before {
     content: "";
     position: absolute;
     top: 50%;
     right: 0;
     background: url(../images/sites/sik/highlights/after.png) no-repeat;
     width: 157px;
     height: 252px;
     background-size: 100%;
     transform: translateY(-50%);
}
 .sik .interface-content h2 {
     color: #2a4a55;
}
 .sik .creative-content h4 {
     font-size: 23px;
}
 ul.sitemap-list {
     display: flex;
     justify-content: space-evenly;
     align-items: center;
}
 .sitemap .privacy-content h2 {
     font-size: 37px;
     margin: 0 0 17px;
}
 .privacy-content li a:hover {
     color: #00e06d;
}
/*section.sitemapSec .row .col-md-4 {
     border-bottom: 1px solid #e3e3e3;
}
*/
 section.sitemapSec ul {
     padding: 0 0 15px;
}
 section.sitemapSec ul.___porfolio {
     display: flex;
     flex-flow: row;
     justify-content: space-evenly;
     align-items: center;
}
 .agile-development .img-box .home-concerned svg {
     width: 100%;
     height: auto;
}
 .platform-tabbox .img-box {
     display: block;
     margin: auto;
     text-align: center;
}
 .agile-content {
     padding: 0 0 0 10px;
}
 .com-content p {
     margin: 0;
     padding: 0 0 0;
}
 .ongoing_asst .analytics-content {
     margin: 0 0 21px;
     padding: 0 0 0 36px;
}
/*preloader*/
 .preloader {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 9999998;
     background: whitesmoke;
}
 .preloader span {
     display: block;
     position: relative;
     left: 50%;
     top: 50%;
     width: 150px;
     height: 150px;
     margin: -75px 0 0 -75px;
     border-radius: 50%;
     border: 3px solid transparent;
     border-top-color: #9370DB;
     -webkit-animation: spin 2s linear infinite;
     animation: spin 2s linear infinite;
     z-index: 1001;
}
 .preloader span:before {
     content: "";
     position: absolute;
     top: 5px;
     left: 5px;
     right: 5px;
     bottom: 5px;
     border-radius: 50%;
     border: 3px solid transparent;
     border-top-color: #BA55D3;
     -webkit-animation: spin 3s linear infinite;
     animation: spin 3s linear infinite;
}
 .preloader span:after {
     content: "";
     position: absolute;
     top: 15px;
     left: 15px;
     right: 15px;
     bottom: 15px;
     border-radius: 50%;
     border: 3px solid transparent;
     border-top-color: #FF00FF;
     -webkit-animation: spin 1.5s linear infinite;
     animation: spin 1.5s linear infinite;
}
 @-webkit-keyframes spin {
     0% {
         -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
         -ms-transform: rotate(0deg);
        /* IE 9 */
         transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }
     100% {
         -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
         -ms-transform: rotate(360deg);
        /* IE 9 */
         transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}
 @keyframes spin {
     0% {
         -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
         -ms-transform: rotate(0deg);
        /* IE 9 */
         transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }
     100% {
         -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
         -ms-transform: rotate(360deg);
        /* IE 9 */
         transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}
/*invictus slider*/
 div.spinner {
     -moz-animation: rotate 10s infinite linear;
     -webkit-animation: rotate 10s infinite linear;
     animation: rotate 10s infinite linear;
     position: relative;
     display: block;
     margin: auto;
     width: 142px;
     height: 142px;
}
 .loader {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
}
 div.spinner i {
     -moz-animation: rotate 3s infinite cubic-bezier(0.09, 0.6, 0.8, 0.03);
     -webkit-animation: rotate 3s infinite cubic-bezier(0.09, 0.6, 0.8, 0.03);
     animation: rotate 3s infinite cubic-bezier(0.09, 0.6, 0.8, 0.03);
     -moz-transform-origin: 50% 100% 0;
     -webkit-transform-origin: 50% 100% 0;
     transform-origin: 50% 100% 0;
     position: absolute;
     display: inline-block;
     top: 50%;
     left: 50%;
     border: solid 6px transparent;
     border-bottom: none;
}
 div.spinner i:nth-child(1) {
     -moz-animation-timing-function: cubic-bezier(0.09, 0.3, 0.12, 0.03);
     -webkit-animation-timing-function: cubic-bezier(0.09, 0.3, 0.12, 0.03);
     animation-timing-function: cubic-bezier(0.09, 0.3, 0.12, 0.03);
     width: 44px;
     height: 22px;
     margin-top: -22px;
     margin-left: -22px;
     border-color: #2172b8;
     border-top-left-radius: 36px;
     border-top-right-radius: 36px;
}
 div.spinner i:nth-child(2) {
     -moz-animation-timing-function: cubic-bezier(0.09, 0.6, 0.24, 0.03);
     -webkit-animation-timing-function: cubic-bezier(0.09, 0.6, 0.24, 0.03);
     animation-timing-function: cubic-bezier(0.09, 0.6, 0.24, 0.03);
     width: 58px;
     height: 29px;
     margin-top: -29px;
     margin-left: -29px;
     border-color: #18a39b;
     border-top-left-radius: 42px;
     border-top-right-radius: 42px;
}
 div.spinner i:nth-child(3) {
     -moz-animation-timing-function: cubic-bezier(0.09, 0.9, 0.36, 0.03);
     -webkit-animation-timing-function: cubic-bezier(0.09, 0.9, 0.36, 0.03);
     animation-timing-function: cubic-bezier(0.09, 0.9, 0.36, 0.03);
     width: 72px;
     height: 36px;
     margin-top: -36px;
     margin-left: -36px;
     border-color: #82c545;
     border-top-left-radius: 48px;
     border-top-right-radius: 48px;
}
 div.spinner i:nth-child(4) {
     -moz-animation-timing-function: cubic-bezier(0.09, 1.2, 0.48, 0.03);
     -webkit-animation-timing-function: cubic-bezier(0.09, 1.2, 0.48, 0.03);
     animation-timing-function: cubic-bezier(0.09, 1.2, 0.48, 0.03);
     width: 86px;
     height: 43px;
     margin-top: -43px;
     margin-left: -43px;
     border-color: #f8b739;
     border-top-left-radius: 54px;
     border-top-right-radius: 54px;
}
 div.spinner i:nth-child(5) {
     -moz-animation-timing-function: cubic-bezier(0.09, 1.5, 0.6, 0.03);
     -webkit-animation-timing-function: cubic-bezier(0.09, 1.5, 0.6, 0.03);
     animation-timing-function: cubic-bezier(0.09, 1.5, 0.6, 0.03);
     width: 100px;
     height: 50px;
     margin-top: -50px;
     margin-left: -50px;
     border-color: #f06045;
     border-top-left-radius: 60px;
     border-top-right-radius: 60px;
}
 div.spinner i:nth-child(6) {
     -moz-animation-timing-function: cubic-bezier(0.09, 1.8, 0.72, 0.03);
     -webkit-animation-timing-function: cubic-bezier(0.09, 1.8, 0.72, 0.03);
     animation-timing-function: cubic-bezier(0.09, 1.8, 0.72, 0.03);
     width: 114px;
     height: 57px;
     margin-top: -57px;
     margin-left: -57px;
     border-color: #ed2861;
     border-top-left-radius: 66px;
     border-top-right-radius: 66px;
}
 div.spinner i:nth-child(7) {
     -moz-animation-timing-function: cubic-bezier(0.09, 2.1, 0.84, 0.03);
     -webkit-animation-timing-function: cubic-bezier(0.09, 2.1, 0.84, 0.03);
     animation-timing-function: cubic-bezier(0.09, 2.1, 0.84, 0.03);
     width: 128px;
     height: 64px;
     margin-top: -64px;
     margin-left: -64px;
     border-color: #c12680;
     border-top-left-radius: 72px;
     border-top-right-radius: 72px;
}
 div.spinner i:nth-child(8) {
     -moz-animation-timing-function: cubic-bezier(0.09, 2.4, 0.96, 0.03);
     -webkit-animation-timing-function: cubic-bezier(0.09, 2.4, 0.96, 0.03);
     animation-timing-function: cubic-bezier(0.09, 2.4, 0.96, 0.03);
     width: 142px;
     height: 71px;
     margin-top: -71px;
     margin-left: -71px;
     border-color: #5d3191;
     border-top-left-radius: 78px;
     border-top-right-radius: 78px;
}
 @-moz-keyframes rotate {
     to {
         -moz-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @-webkit-keyframes rotate {
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @keyframes rotate {
     to {
         -moz-transform: rotate(360deg);
         -ms-transform: rotate(360deg);
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
/*load-more*/
 .onLoad {
     display: none;
}
 a.load-more-btn, a.load-more-btn2 {
     border: 1px solid #00e06d;
     color: #fff;
     padding: 9px 49px;
     font-size: 17px;
     text-transform: uppercase;
     background: #00e06d;
     transition: 0.5s;
}
 a.load-more-btn, a.load-more-btn3 {
     border: 1px solid #00e06d;
     color: #fff;
     padding: 9px 49px;
     font-size: 17px;
     text-transform: uppercase;
     background: #00e06d;
     transition: 0.5s;
}
 .load_div {
     margin: 54px 0 0;
}
 a.load-more-btn:hover, a.load-more-btn2:hover {
     color: #00e06d;
     background: transparent;
}
 .logo_box.rand_col img {
     width: 50%;
}
/*portfolio web__drop*/
 .web_Box {
     height: 350px;
     overflow: hidden;
     margin: 0 0 45px;
     border: 2px solid;
     border-radius: 20px;
     width: 100%;
     position: relative;
}
 section.web__drop {
     margin: 100px 0 0;
}
 .web_Box:hover .web__overlay {
     opacity: 1;
}
 .web__overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #00000070;
     display: flex;
     justify-content: center;
     align-items: center;
     opacity: 0;
     transition: 0.5s;
}
 .web__overlay i {
     font-size: 60px;
     color: #ffff;
     cursor: pointer;
}
 #portfolio__websitedevelopment .load_div {
     margin: 12px 0 0;
}
 .responsive-design svg#logo {
     width: 100%;
     height: auto;
     transform: inherit;
}
 .home-concerned svg {
     width: 100%;
}
 section.hit-sect .desc {
     max-width: 92%;
     margin: auto;
     padding: 23px 0 50px;
}
 .web_Port_content {
     z-index: 9;
     position: relative;
}
 ul.benef-res-list li {
     width: calc(98% / 3);
     vertical-align: middle;
}
 section.testimonials.testi-page {
     padding: 0 0 20px;
}
 section.inspiring-client .container {
     width: 90%;
}
.informational section.ciad-sect {
    margin-top: 0;
    padding: 50px 0;
}
 li.active_subnav a {
     color: #00e06d !important;;
}
 .app-market.mart section.app-sect-2 {
     padding: 0 0 0;
     position: relative;
}
 .app-market.mart section.app-sect-2 .desc:before {
     bottom: -30%;
}
 .app-market.mart .analytics-content {
     padding: 0 0 0 14px;
     margin: 0 0 21px;
}
 .app-market.mart section.app-analytics {
     padding: 14px 0 50px;
}
 svg._email_ {
     transform: scale(1.2) !important;
}
 .mb__box {
     position: absolute;
     top: 68%;
     left: 50%;
     transform: translate(-50%, -50%);
}
 .mb__box p {
     width: 40%;
     margin: auto;
     color: #fff;
}
/*.testing-list li.left_textbox .mb-app-box {
     flex-flow: row-reverse !important;
}
*/
 .testing-list li:nth-child(5) .mb-app-box {
     flex-flow: column-reverse;
}
/*industries*/
/*food*/
 .ind_Banner {
     background: url(../images/industries/food/banner-1.png) no-repeat;
     background-size: cover;
     width: 100%;
     height: 818px;
     display: flex;
     justify-content: center;
     display: flex;
     padding: 50px 0 0;
     position: relative;
}
 .ind_Banner::before {
     position: absolute;
     bottom: 1%;
     right: 83%;
     background: url(../images/industries/food/plate-before.png) no-repeat;
     height: 297px;
     width: 294px;
     content: "";
}
 .food_content h4 {
     font-size: 30px;
     text-transform: uppercase;
     font-weight: 600;
     margin: 0;
}
 .food_content h2 {
     color: #66a214;
     font-size: 55px;
     font-weight: 700;
     text-transform: uppercase;
     margin: 0;
}
 .food_content h2 span {
     color: #ee6b34;
}
 .food_content p {
     max-width: 80%;
     color: #000;
}
 .img__food img {
     width: initial;
     display: block;
     margin: auto;
     position: absolute;
     left: 35%;
     top: 12%;
}
 .img__food {
     position: relative;
     z-index: 2;
     height: 472px;
     width: 472px;
}
 .multi-dollar {
     position: relative;
}
 .multi-dollar::before {
     content: "";
     background: url(../images/industries/food/bowl.png) no-repeat;
     position: absolute;
     top: 16%;
     left: 1%;
     background-size: 100%;
     content: "";
     height: 217px;
     width: 216px;
}
 .multi-dollar::after {
     content: "";
     background: url(../images/industries/food/mint.png) no-repeat;
     position: absolute;
     top: 0%;
     right: 1%;
     background-size: 100%;
     content: "";
     height: 67px;
     width: 83px;
}
 .multi-content h4 {
     font-size: 35px;
     line-height: 42px;
     text-align: center;
     max-width: 80%;
     margin: auto;
     font-weight: 600;
     color: #ee6b34;
}
 .multi-content h4 span {
     color: #0d1c33;
}
 ul.multi-list span img {
     width: initial;
}
 ul.multi-list li {
     width: calc(95% / 3);
     display: inline-block;
}
 ul.multi-list span img {
     width: initial;
}
 ul.multi-list {
     margin: 30px 0 0;
}
 ul.multi-list li {
     width: calc(95% / 3);
     display: inline-block;
}
 .multi-box span {
     width: 90px;
     height: 90px;
     background: #fcdfd3;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
}
 .multi-box {
     display: flex;
     justify-content: center;
     align-items: end;
     width: 90%;
     border: 2px solid #e8e7e7;
     border-radius: 10px;
     margin: auto;
     padding: 26px;
     background: #fff;
     transition: 0.5s;
}
 .multi-box:hover {
     box-shadow: 7.641px 43.332px 95px 0px rgba(226, 91, 39, 0.16);
     border: 2px solid #fff;
}
 .mul-cont h3 {
     margin: 25px 0 7px;
     font-size: 40px;
     font-weight: 600;
     color: #ee6b34;
}
 .mul-cont p {
     color: #000;
}
 .mul-cont {
     display: flex;
     flex-flow: column;
     justify-content: center;
     align-items: flex-start;
     padding: 0 0 0 20px;
}
 .createIn {
     background: url(../images/industries/food/create-bg.jpg) no-repeat;
     width: 100%;
     height: 732px;
     background-size: cover;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
}
 .createIn::before {
     content: "";
     position: absolute;
     bottom: 75%;
     left: 0;
     background: url(../images/industries/food/create-after.png) no-repeat;
     width: 122px;
     height: 244px;
     background-size: 100%;
}
 section.multi-dollar {
     margin: 0 0 55px;
}
 .create-cont h5 {
     font-size: 24px;
     color: #fff;
     text-transform: uppercase;
     font-weight: 600;
     letter-spacing: 1px;
}
 .create-cont h2 {
     font-size: 35px;
     color: #fff;
     font-weight: 700;
     text-transform: uppercase;
     line-height: 49px;
}
 .create-cont h2 span {
     color: #e25b27;
}
 .create-cont h6 {
     font-size: 18px;
     color: #fff;
     font-weight: 500;
}
 .create-cont p {
     color: #fff;
     padding: 0 0 25px;
}
 .create-cont a {
     background: #e25b27;
     color: #fff;
     text-transform: uppercase;
     border-radius: 2px;
     padding: 12px 24px;
     transition: 0.5s;
     border: 1px solid #e25b27;
}
 .create-cont a:hover {
     color: #e25b27;
     background: transparent;
}
 section.organic-food img {
     width: initial;
     margin: auto;
     text-align: center;
     display: block;
}
 .organic-cont h5 {
     font-size: 18px;
     text-transform: uppercase;
     font-weight: 600;
}
 .organic-cont h4 {
     font-size: 24px;
     line-height: normal;
     text-transform: uppercase;
     font-weight: 600;
}
 .organic-cont h2 {
     font-size: 36px;
     text-transform: uppercase;
     font-weight: 700;
     color: #e25b27;
}
 .messg_box {
     height: 153px;
     width: 488px;
     border-radius: 20px;
     background-color: rgb(102, 162, 20);
     box-shadow: 5.73px 32.499px 46px 0px rgba(102, 162, 20, 0.49);
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 20px;
     position: relative;
     margin: 42px 0 0;
}
 .messg_box p {
     color: #fff;
     font-weight: 600;
     font-size: 21px;
}
 section.organic-food {
     padding: 60px 0 0;
     position: relative;
}
 section.organic-food::before {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     background: url(../images/industries/food/onion.png) no-repeat;
     width: 51px;
     height: 83px;
     background-size: 100%;
}
 .messg_box::before {
     content: "";
     width: 0;
     height: 0;
     border-left: 14px solid transparent;
     border-right: 14px solid transparent;
     border-bottom: 30px solid #66a214;
     bottom: 93%;
     right: 95%;
     position: absolute;
     transform: rotate(332deg);
}
 .online-food-content {
     padding: 50px 0;
     position: relative;
}
 .online-food::before {
     content: "";
     position: absolute;
     left: 89%;
     background: url(../images/industries/food/after.png) no-repeat;
     width: 217px;
     height: 286px;
     background-size: 77%;
}
 .online-food-content h2 {
     font-size: 35px;
     max-width: 85%;
     margin: auto;
     text-align: center;
     line-height: 43px;
     color: #e25b27;
}
 .online-food-content h2 span {
     color: #000 
}
 .trust-box span img {
     width: initial;
}
 ul.online-trust {
     padding: 40px 0 0;
     justify-content: space-evenly;
     align-items: center;
     display: flex;
}
 ul.online-trust li {
     width: calc(90% / 3);
     display: inline-block;
}
 .trust-box {
     width: 100%;
     height: 411px;
     display: flex;
     flex-flow: column;
     justify-content: center;
     align-items: center;
     padding: 0 41px;
     border: 2px solid #e8e7e7;
     border-radius: 17px;
     background: #fff;
     transition: 0.5s;
}
 .trust-box:hover {
     border: 2px solid #fff;
     box-shadow: 7.641px 43.332px 95px 0px rgba(226, 91, 39, 0.16);
}
 .trust-box span {
     width: 102px;
     height: 102px;
     background: #fcdfd3;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .trust-box h4 {
     font-size: 22px;
     font-weight: 600;
     text-transform: uppercase;
     color: #e25b27;
     padding: 20px 0 0;
     text-align: center;
     line-height: 23px;
     white-space: pre-line;
}
 .trust-box p {
     text-align: center;
     color: #000;
}
 .trust-box a {
     font-size: 31px;
     color: #bdbdbd;
}
 .covered-food {
     background: url(../images/industries/food/covered-bg.jpg) no-repeat;
     background-size: cover;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 547px;
     width: 100%;
     padding: 120px 0 0;
     margin: 0 0 95px;
}
 .covered-content h2 {
     font-size: 35px;
     max-width: 85%;
     text-align: center;
     color: #fff;
     line-height: 51px;
     margin: 0 auto 32px;
}
 .chain-box {
     position: relative;
}
 .ch-cont-box {
     position: absolute;
     bottom: 0;
     padding: 0 26px 13px;
}
 .ch-cont-box h6 {
     color: #fff;
     font-size: 21px;
     margin: 0 0 5px;
}
 .ch-cont-box h4 {
     line-height: normal;
     font-size: 22px;
     color: #fff;
     font-weight: 600;
}
 .ch-cont-box p {
     font-size: 18px;
     color: #fff;
     display: none;
    /*visibility: hidden;
    */
     transition: 0.5s;
}
 .chain-overlay {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     transition: 0.5s;
     opacity: 0;
     transition: 0.5s;
}
 .chain-box:hover .ch-cont-box p {
     display: block;
}
 .chain-box:hover .chain-overlay {
     opacity: 1;
}
 .chance-img {
     position: relative;
     padding: 40px 0 0;
}
 .chance-img::before {
     content: "";
     background: url(../images/industries/food/spice.png) no-repeat;
     background-size: 100%;
     width: 378px;
     height: 320px;
     position: absolute;
     top: 8%;
     right: 78%;
     z-index: -1;
}
 .chance-cont h2 {
     font-size: 35px;
     font-weight: 600;
     color: #e25b27;
}
 .chance-cont {
     max-width: 90%;
}
 .chance-cont a {
     background: #e25b27;
     color: #fff;
     text-transform: uppercase;
     border-radius: 2px;
     border: 1px solid #e25b27;
     padding: 12px 24px;
     transition: 0.5s;
}
 .create-cont a:hover {
     color: #e25b27;
     background: transparent;
}
 .chance-cont p {
     margin: 0 0 35px;
}
 .chance-img::after {
     content: "";
     background: url(../images/industries/food/candy.png) no-repeat;
     background-size: 100%;
     width: 95px;
     height: 98px;
     position: absolute;
     bottom: 5%;
     right: 0%;
}
 .adv-content h2 {
     text-align: center;
     font-size: 35px;
     color: #e25b27;
     font-weight: 600;
}
 .advance-img::before {
     content: "";
     position: absolute;
     top: 15%;
     right: 0;
     background: url(../images/industries/food/half-laptop.png) no-repeat;
     height: 557px;
     width: 743px;
     background-size: 100%;
}
 .adv__box span img {
     width: initial;
}
 .adv__box {
     padding: 0 25px;
     height: 165px;
     max-width: 90%;
     align-items: center;
     display: flex;
     flex-flow: row;
     justify-content: end;
     border-radius: 15px;
     border: 2px solid #e8e8e8;
     transition: 0.5s 
}
 .adv__box span {
     height: 102px;
     width: 102px;
     display: flex;
     justify-content: center;
     align-items: center;
     background: #fcdfd3;
     border-radius: 50%;
     padding: 0 45px;
}
 .adv__content {
     padding: 0 0 0 17px;
}
 .adv__content h4 {
     font-size: 22px;
     margin: 0;
     color: #e25b27;
     font-weight: 600;
}
 ul.adv__List li {
     margin: 0 0 27px;
}
 .adv__content p {
     color: #000;
     line-height: 26px;
     font-size: 15px;
}
 ul.adv__List {
     margin: 20px 0 0;
}
 .adv__box:hover {
     border: 2px solid #fff;
     box-shadow: 7.641px 43.332px 95px 0px rgb(226 91 39 / 16%);
}
 section.advance-tech {
     position: relative;
     margin: 0 0 50px;
}
 .cta__industry {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     height: 442px;
     background-size: cover !important;
     background: url(../images/industries/food/cta.jpg) no-repeat;
     position: relative;
     margin: 0 0 35px;
}
/*.cta-details {
     margin-left: auto;
     display: block;
     max-width: 50%;
}
*/
 .cta-details p {
     font-size: 20px;
     color: #fff;
     font-weight: 600;
     margin: 0 0 05px;
}
 .cta-details h2 {
     font-size: 40px;
     text-transform: uppercase;
     font-weight: 600;
     color: #fff;
     margin: 0 0 25px;
}
 .cta-details a {
     font-size: 16px;
     color: #fff;
     text-transform: uppercase;
     border: 1px solid;
     padding: 11px 32px;
     transition: 0.5s;
     background: transparent;
}
 .cta-details a:hover {
     background: #fff;
     color: #e25b27;
}
 .chain-overlay img {
     filter: grayscale(1);
}
 .cta__Img {
     position: relative;
}
 .cta__industry::before {
     position: absolute;
     left: 0;
     background: url(../images/industries/food/cta-left.png) no-repeat;
     background-size: 100%;
     content: "";
     width: 655px;
     height: 494px;
}
 .cta-details {
     max-width: 80%;
     margin-left: auto;
}
 .ios__mob section.inner-hero-banner .desc h1 {
     text-transform: initial;
}
 
 .contact_main .bss-help svg {
     width: 100%;
     height: auto;
}
 .who_we_are .inner-hero-banner{
     padding: 0;
}
 .pricing section.inner-hero-banner .desc h1 span {
     font-size: 32px;
}
 .pricing section.inner-hero-banner .desc h1 {
     line-height: 1.2;
     font-size: 29px;
}
/*health-care*/
.health-care .ind_Banner {
    background: url(../images/industries/health-care/banner-1.png) no-repeat;
    width: 100%;
    height: 699px;
    background-size: cover;
    background-position: bottom;
        overflow: hidden;
}


 .health-care .food_content p, .health-care .food_content h4, .health-care .food_content h2, .health-care .food_content h2 span {
     color: #fff;
}
 .health-care .ind_Banner::before {
     display: none;
}
.health-care .img__food img {
    top: unset;
    left: 192px;
    right: unset;
}
.health-care .img__food {
    height: 320px;
}
.health-care .ind_Banner::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/industries/health-care/banner-before.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 305px;
    z-index: 9;
}
 .health-care .multi-dollar::before {
     content: "";
     background: url(../images/industries/health-care/bowl.png) no-repeat;
     position: absolute;
     top: 0%;
     left: 0;
     background-size: 80%;
     height: 377px;
     width: 317px;
}
 .health-care .multi-dollar::after {
     content: "";
     background: url(../images/industries/health-care/mint.png) no-repeat;
     position: absolute;
     bottom: 80%;
     top: unset;
     right: 0;
     background-size: 100%;
     height: 302px;
     width: 228px;
}
 .health-care .createIn {
     background: url(../images/industries/health-care/create-bg.jpg) no-repeat;
     background-size: cover;
}
 .health-care .createIn::before {
     content: "";
     position: absolute;
     bottom: unset;
     right: 0;
     top: 65%;
     background: url(../images/industries/health-care/create-after.png) no-repeat;
     width: 258px;
     height: 356px;
     background-size: 100%;
     left: unset;
}
 .health-care section.organic-food img {
     width: initial;
}
 .health-care .covered-food {
     background: url(../images/industries/health-care/covered-bg.jpg) no-repeat;
     background-size: cover;
     height: 544px;
}
 .health-care .chance-img::before{
     display: none;
}
 .health-care .chance-img::after{
     content: "";
     background: url(../images/industries/health-care/candy.png) no-repeat;
     background-size: 100%;
     width: 325px;
     height: 225px;
     position: absolute;
     bottom: 5%;
     right: 0%;
}
 .health-care .advance-img::before {
     content: "";
     position: absolute;
     top: 15%;
     right: 0;
     background: url(../images/industries/health-care/half-laptop.png) no-repeat;
     height: 557px;
     width: 743px;
     background-size: 100%;
}
 .health-care .cta__industry {
     background: url(../images/industries/health-care/cta.jpg) no-repeat;
}
 .health-care .cta__industry::before{
     background: url(../images/industries/health-care/cta-left.png) no-repeat;
}
 .health-care .multi-box span {
     background: #e2f6ff;
}
 .health-care .trust-box span {
     background: #e2f6ff;
}
 .health-care .adv__box span {
     background: #e2f6ff;
}
 .health-care .mul-cont h3 {
     color: #2bb2ea;
}
 .health-care .trust-box h4 {
     color: #2bb2ea;
}
 .health-care .multi-content h4 {
     color: #092c70;
}
 .health-care .multi-content h4 span{
     color: #2bb2ea;
}
 .health-care .create-cont a {
     background: #ffffff;
     color: #2bb2ea;
     border: 1px solid #2bb2ea;
}
 .health-care .create-cont h2 span {
     color: #2bb2ea;
}
 .health-care .organic-cont h2 {
     color: #092c70;
}
 .health-care .messg_box {
     background-color: #2bb2ea;
     box-shadow: 5.73px 32.499px 46px 0px rgb(43 178 234 / 49%);
}
 .health-care .messg_box::before{
     border-bottom: 30px solid #2bb2ea;
}
 .health-care .online-food-content h2 {
     color: #2bb2ea;
}
 .health-care .trust-box:hover{
     box-shadow: 7.641px 43.332px 95px 0px rgba(36, 160, 211, 0.21);
}
 .health-care .chance-cont h2 {
     color: #2bb2ea;
}
 .health-care .chance-cont a {
     background: #2bb2ea;
     border: 1px solid #2bb2ea;
}
 .health-care .adv-content h2 {
     color: #2bb2ea;
}
 .health-care .adv__box:hover {
     border: 2px solid #fff;
     box-shadow: 7.641px 43.332px 95px 0px rgba(36, 160, 211, 0.21);
}
 .health-care .adv__content h4 {
     color: #2bb2ea;
}
 .health-care .multi-box:hover {
     box-shadow: 7.641px 43.332px 95px 0px rgb(226 91 39 / 16%);
}
 .health-care .chance-cont h2 {
     color: #2bb2eb;
}
 .fitness .ind_Banner {
     background: url(../images/industries/fitness/banner-1.png) no-repeat;
     background-size: cover;
     width: 100%;
     height: 682px;
     display: flex;
     justify-content: center;
     display: flex;
     padding: 50px 0 0;
     background-position: bottom;
}
 .fitness .ind_Banner::before{
     display: none;
}
 .fitness .img__food::before {
     content: "";
     position: absolute;
     top: -39px;
     left: 0;
     background: url(../images/industries/fitness/plate.png) no-repeat;
     background-size: 90%;
     width: 563px;
     height: 627px;
}
 .fitness .img__food {
     height: 400px 
}
 .fitness .multi-dollar::after{
     display: none;
}
 .fitness .multi-dollar::before {
     content: "";
     background: url(../images/industries/fitness/bowl.png) no-repeat;
     position: absolute;
     top: 0%;
     left: 0%;
     background-size: 100%;
     content: "";
     height: 211px;
     width: 307px;
}
 .fitness .multi-img img{
     width: initial;
}
 .multi-img {
     display: block;
     margin: auto;
     text-align: center;
}
 .fitness .createIn{
     background: url(../images/industries/fitness/create-bg.jpg) no-repeat;
     width: 100%;
     height: 737px;
     background-size: cover;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
}
 .fitness .createIn::before{
     display: none;
}
 .fitness section.organic-food::before{
     display: none;
}
 .fitness .online-food::before{
     display: none;
}
 .fitness .covered-food {
     background: url(../images/industries/fitness/covered-bg.jpg) no-repeat;
     background-size: cover;
     width: 100%;
     height: 544px;
}
 .fitness .chain-overlay img {
     filter: unset;
}
 .fitness .chance-img::after {
     content: "";
     background: url(../images/industries/fitness/dumbell.png) no-repeat;
     background-size: 100%;
     width: 223px;
     height: 282px;
     position: absolute;
     top: 8%;
     right: 0%;
     z-index: -1;
}
 .fitness .advance-img::before{
     background: url(../images/industries/fitness/half-laptop.png) no-repeat;
}
 .fitness .cta__industry {
     height: 436px;
     background: url(../images/industries/fitness/cta.jpg) no-repeat;
}
 .fitness .cta__industry::before {
     background: url(../images/industries/fitness/cta-left.png) no-repeat;
     width: 645px;
     height: 494px;
}
 .fitness .multi-content h4 {
     color: #c051ff;
}
 .fitness .multi-box span {
     background: #f8ebff;
}
 .fitness .mul-cont h3 {
     color: #c051ff;
}
 .fitness .multi-box:hover {
     box-shadow: 7.641px 43.332px 95px 0px rgba(188, 70, 255, 0.21);
}
 .fitness .create-cont h2 span {
     color: #c051ff;
}
 .fitness .create-cont a {
     background: #c051ff;
     border: 1px solid #c051ff;
}
 .fitness .create-cont a:hover {
     color: #c051ff;
     background: transparent;
}
 .fitness .organic-cont h2 {
     color: #c051ff;
}
 .fitness .messg_box {
     background-color: rgb(188, 70, 255);
     box-shadow: 5.73px 32.499px 46px 0px rgba(188, 70, 255, 0.39);
}
 .fitness .messg_box::before {
     border-bottom: 30px solid #bc46ff;
    ;
}
 .fitness .online-food-content h2 {
     color: #c051ff;
}
 .fitness .trust-box span {
     background: #f8ebff;
}
 .fitness .trust-box h4 {
     color: #c051ff;
}
 .fitness .chance-cont h2 {
     color: #c051ff;
}
 .fitness .chance-cont a {
     background: #c051ff;
     border: 1px solid #c051ff;
     ;
     transition: 0.5s;
}
 .fitness .trust-box:hover {
     box-shadow: 7.641px 43.332px 95px 0px rgba(188, 70, 255, 0.21);
}
 .fitness .adv-content h2 {
     color: #c051ff;
}
 .fitness .adv__content h4 {
     color: #c051ff;
}
 .fitness .adv__box span {
     background: #f8ebff;
}
 .fitness .food_content h4, .fitness .food_content p{
     color: #fff;
}
 .fitness .food_content h2, .fitness .food_content h2 span {
     color: #c051ff;
}
/*E-commerce*/
 .ind_Ecom .ind_Banner {
     background: url(../images/industries/e-commerce/banner-1.png) no-repeat;
     background-size: cover;
     width: 100%;
     height: 682px;
     display: flex;
     justify-content: center;
     display: flex;
     padding: 50px 0 0;
     background-position: bottom;
     position: relative;
}
 .ind_Ecom .ind_Banner::before {
     background: url(../images/industries/e-commerce/banner-before.png) no-repeat;
     background-size: 100%;
     width: 100%;
     height: 641px;
     position: absolute;
     bottom: 0;
     left: 0;
     content: "";
     background-position: bottom;
     z-index: -1;
}
 .ind_Ecom .img__food::after {
     content: "";
     position: absolute;
     top: 7px;
     right: 0;
     background-size: 83% !important;
     width: 637px;
     height: 495px;
     background: url(../images/industries/e-commerce/plate.png) no-repeat;
     transform: rotateZ(6deg);
}
 .ind_Ecom .img__food {
     height: 510px;
     width: 100%;
     overflow: hidden;
}
 .ind_Ecom .multi-dollar::after{
     display: none;
}
 .ind_Ecom .multi-dollar::before {
     content: "";
     background: url(../images/industries/e-commerce/bowl.png) no-repeat;
     position: absolute;
     top: -60px;
     left: 0%;
     background-size: 100%;
     height: 328px;
     width: 209px;
}
 .ind_Ecom .food_content {
     padding: 0 0 69px;
}
 .ind_Ecom .food_content h4 {
     color: #fff;
}
 .ind_Ecom .food_content h2, .ind_Ecom .food_content h2 span {
     color: #fff;
}
 .ind_Ecom .food_content p{
     color: #fff;
}
 .ind_Ecom .multi-content h4 {
     color: #000;
}
 .ind_Ecom .multi-content h4 span {
     color: #f39c2e;
}
 .ind_Ecom .multi-box span {
     background: #d2dff9;
}
 .ind_Ecom .mul-cont h3 {
     color: #000;
}
 .ind_Ecom .createIn {
     background: url(../images/industries/e-commerce/create-bg.jpg) no-repeat;
     width: 100%;
     height: 737px;
     background-size: cover;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
}
 .ind_Ecom .createIn::before{
     display: none;
}
 .ind_Ecom .multi-box:hover {
     box-shadow: 7.641px 43.332px 95px 0px rgba(148, 182, 255, 0.67);
}
 .ind_Ecom .create-cont h2 span {
     color: #f39c2e;
}
 .ind_Ecom .create-cont a{
     background: #f39c2e;
     border: 1px solid #f39c2e;
}
 .ind_Ecom .create-cont a:hover{
     background: transparent;
     color: #f39c2e;
}
 .ind_Ecom .organic-cont h2 {
     color: #f39c2e;
}
 .ind_Ecom .covered-food {
     background: url(../images/industries/e-commerce/covered-bg.jpg) no-repeat;
     background-size: cover;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 544px;
     width: 100%;
     padding: 120px 0 0;
     margin: 0 0 95px;
}
 .ind_Ecom .messg_box {
     background-color: #ff3c98;
     box-shadow: 5.73px 32.499px 46px 0px rgb(255 60 152 / 39%);
}
 .ind_Ecom .messg_box::before {
     border-bottom: 30px solid #ff3c98;
}
 .ind_Ecom .online-food-content h2 {
     color: #000;
}
 .ind_Ecom .online-food-content h2 span{
     color: #2049a0;
}
 .ind_Ecom .trust-box span {
     background: #d2dff9;
}
 .ind_Ecom .trust-box h4{
     color: #2049a0;
}
 .ind_Ecom section.organic-food::before{
     display: none;
}
 .ind_Ecom .online-food::before{
     display: none;
}
 .ind_Ecom .chain-overlay img {
     filter:initial;
}
 .ind_Ecom .chance-img::before{
     display: none;
}
 .ind_Ecom .chance-img::after {
     content: "";
     background: url(../images/industries/e-commerce/candy.png) no-repeat;
     background-size: 100%;
     width: 277px;
     height: 259px;
     position: absolute;
     bottom: 5%;
     right: 0%;
}
 .ind_Ecom .advance-img::before {
     content: "";
     position: absolute;
     top: 15%;
     right: 0;
     background: url(../images/industries/e-commerce/half-laptop.png) no-repeat;
     height: 557px;
     width: 743px;
     background-size: 100%;
}
 .ind_Ecom .cta__industry {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     height: 442px;
     background-size: cover !important;
     background: url(../images/industries/e-commerce/cta.jpg) no-repeat;
}
 .ind_Ecom .cta__industry::before {
     position: absolute;
     left: 0;
     background: url(../images/industries/e-commerce/cta-left.png) no-repeat;
     background-size: 100%;
     content: "";
     width: 655px;
     height: 494px;
}
 .ind_Ecom .trust-box:hover {
     box-shadow: 7.641px 43.332px 95px 0px rgba(148, 182, 255, 0.67) 
}
 .ind_Ecom .chance-cont h2 {
     color: #2049a0;
}
 .ind_Ecom .chance-cont a {
     background: #2049a0;
     border: 1px solid #2049a0;
}
 .ind_Ecom .adv-content h2 {
     color: #2049a0;
}
 .ind_Ecom .adv__content h4 {
     color: #2049a0;
}
 .ind_Ecom .adv__box span {
     background: #d2dff9;
}
 .ind_Ecom .adv__box:hover {
     box-shadow: 7.641px 43.332px 95px 0px rgba(148, 182, 255, 0.67) 
}
/*mob-app remaining case Studies*/
 .text-box.__Ios{
     text-transform: initial;
}
 .testimonials_main .app-usability-testing svg {
     width: 100%;
     height: auto;
}
 .testimonials_main .testimonials .item-box .desc:before{
     display: none;
}
 .mob__app.meal__day .case-studies-bann{
     background: url(../images/case-study/meal-day/banner/bg.png) no-repeat;
     height: 667px;
    /*background-size: cover;
    */
     height: auto;
}
 .mob__app.meal__day .case-studies-bann::before {
     display: none;
}
 .mob__app.meal__day .bann-content h2 {
     color: #eb232f;
     white-space: pre-line;
}
 .mob__app.meal__day .bann-content h2 span{
     color: #5ba946;
}
 .mob__app.meal__day .case-studies-bann::after{
     height: 376px;
     width: 185px;
     background: url(../images/case-study/meal-day/banner/after.png) no-repeat;
     background-size: 100%;
     position: absolute;
     bottom: -75px;
     left: 0;
     content: "";
}
 .mob__app.meal__day .ideas-content h4 {
     color: #5ba946;
    ;
}
 .mob__app.meal__day .ideas-content h4 span {
     color: #eb232f;
}
 .mob__app.meal__day .ideas-img {
     background: url(../images/case-study/meal-day/ideas/bg.jpg) no-repeat;
}
 .mob__app.meal__day .order-food-content h2 {
     color: #eb232f;
}
 .mob__app.meal__day .ideas-left-img:before{
     display: none;
}
 .mob__app.meal__day .order-food-content h2 span {
     color: #5ba946;
}
 .mob__app.meal__day .multiple-food{
     background: url(../images/case-study/meal-day/multiple-food/bg.png) no-repeat;
     background-size: cover !important;
}
 .mob__app.meal__day .multiple-food-content h4 {
     color: #fff;
     text-transform: uppercase;
}
 .mob__app.meal__day .multiple-food-content h2{
     text-transform: uppercase;
}
 .mob__app.meal__day .arena-overlay{
     background: url(../images/case-study/meal-day/case-slider/bg-layer.png) no-repeat;
     width: 100%;
     height: 304px;
     background-size: cover !important;
}
 .mob__app.meal__day .interface-content h2{
     color: #5ba946;
}
 .mob__app.meal__day .int-color-box span{
     background: #eb232f;
}
 .mob__app.meal__day ul.interface-color-palettes li:nth-child(2) span {
     background: #5ba946;
}
 .mob__app.meal__day ul.interface-color-palettes li:nth-child(3) span {
     background: #808283;
}
 .mob__app.meal__day .font-box h5{
     color: #5ba946;
}
 .mob__app.meal__day .cloud-banner{
     background: url(../images/case-study/meal-day/cloud-bg/bg.jpg) no-repeat;
     background-size: cover !important 
}
 .mob__app.meal__day .steps-img:before{
     background: url(../images/case-study/meal-day/simple-step/mbile.png);
     width: 613px;
     height: 716px;
     background-size: 78%;
     background-repeat: no-repeat;
     left: 12%;
     bottom: -173px;
}
 .mob__app.meal__day .steps-content h3 {
     color: #eb232f;
}
 .mob__app.meal__day .steps-content p strong {
     color: #5ba946;
}
/*caterday*/
 .mob__app.meal__day .bann-content h2 span.grey-clr {
     color: #808283;
}
 .mob__app.meal__day.caterday .case-studies-bann::after {
     height: 376px;
     width: 250px;
     background: url(../images/case-study/caterday/banner/after.png) no-repeat;
     background-size: 100%;
     position: absolute;
     top: 78%;
     left: 0;
     content: "";
}
 .mob__app.caterday .bann-img{
     position: relative;
}
 .mob__app.caterday .bann-img::before{
     content: "";
     position: absolute;
     top: 0;
     left: -66px;
     width: 232px;
     height: 236px;
     background: url(../images/case-study/caterday/banner/plate.png) no-repeat;
     background-size: 100%;
}
 .mob__app.caterday .case-studies-bann::before{
     content: "";
     width: 189px;
     height: 255px;
     position: absolute;
     bottom: 0;
     right: 0;
     background: url(../images/case-study/caterday/banner/plate-before.png) no-repeat;
     background-size: 100%;
}
 .mob__app.caterday .ideas-img{
     position: relative;
}
 .mob__app.caterday .ideas-img::before{
     content: "";
     position: absolute;
     bottom: 0;
     right: 0;
     width: 226px;
     height: 242px;
     background: url(../images/case-study/caterday/ideas/spice.png) no-repeat;
     background-size: 100%;
}
 .mob__app.caterday .multiple-food{
     background: url(../images/case-study/caterday/multiple-food/bg.png) no-repeat;
     background-size: cover !important 
}
 .mob__app.caterday .steps-img:before{
     background: url(../images/case-study/caterday/simple-step/mbile.png);
     width: 613px;
     height: 716px;
     background-size: 78%;
     background-repeat: no-repeat;
     left: 12%;
     bottom: -173px;
}
 .mob__app.caterday .multiple-food{
     position: relative;
}
 .mob__app.caterday .multiple-food::before{
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 289px;
     height: 241px;
     background: url(../images/case-study/caterday/simple-step/before.png) no-repeat;
     background-size: 100%;
}
 .mob__app.caterday .user-interface{
     position: relative;
}
 .mob__app.caterday .user-interface::before{
     position: absolute;
     content: "";
     top: 25%;
     right: 0;
     background: url(../images/case-study/caterday/simple-step/after.png) no-repeat;
     background-size: 100%;
     width: 127px;
     height: 307px;
}
 .mob__app.caterday .simple-steps{
     position: relative;
}
 .mob__app.caterday .simple-steps::before{
     position: absolute;
     content: "";
     bottom: 0;
     left: 93%;
     background: url(../images/case-study/caterday/simple-step/half-plate.png) no-repeat;
     background-size: 75%;
     width: 169px;
     height: 328px;
     z-index: -1;
}
 .mob__app.soccerfy .case-studies-bann {
     background: url(../images/case-study/soccerfy/banner/bg.png) no-repeat;
     background-size: cover !important;
     height: 667px;
}
 .mob__app.soccerfy .case-studies-bann::before{
     display: none;
}
 .mob__app.soccerfy .case-studies-bann::after{
     content: "";
     background: url(../images/case-study/soccerfy/banner/after.png) no-repeat;
     height: 467px;
     width: 252px;
     position: absolute;
     top: 65%;
     left: 0;
     background-size: 100%;
}
 .mob__app.soccerfy .ideas-img {
     background: url(../images/case-study/soccerfy/ideas/bg.jpg) no-repeat;
}
 .mob__app.soccerfy .ideas-left-img:before{
     display: none;
}
 .mob__app.soccerfy .multiple-food{
     background: url(../images/case-study/soccerfy/multiple-food/bg.png) no-repeat;
     width: 100%;
     height: 419px;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     z-index: 9;
     background-position: right;
     background-size: cover;
}
 .mob__app.soccerfy .arena-box{
     background: linear-gradient(0deg, #20bf55 0%, #01baef 74%);
     height: 363px;
     display: flex !important;
     justify-content: center !important;
     align-items: center !important;
     width: 100% ;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 0;
}
 .mob__app.soccerfy .arena-box img{
     width: initial;
}
 .mob__app.soccerfy ul.arena-slider {
     width: 90%;
}
 .mob__app.soccerfy .arena-overlay {
     position: absolute;
     bottom: 0;
     padding: 0 20px;
     background: #FFF;
     width: 100%;
     height: 397px;
     background-size: 100%;
     display: flex;
     flex-flow: column;
     justify-content: center;
     align-items: center;
     opacity: 0;
     transition: 0.5s;
}
 .mob__app.soccerfy .arena-overlay img{
     filter: invert(54%) sepia(72%) saturate(563%) hue-rotate(95deg) brightness(104%) contrast(92%);
     margin: 0 0 20px;
}
 .mob__app.soccerfy .arena-overlay h4, .mob__app.soccerfy .arena-overlay p {
     color: #3ac67a;
     text-align: center;
     margin: 0;
}
 .mob__app.soccerfy section.user-interface{
     position: relative;
}
 .mob__app.soccerfy section.user-interface::before{
     position: absolute;
     top: 0;
     left: 0;
     background: url(../images/case-study/soccerfy/simple-step/after.png) no-repeat;
     height: 466px;
     width: 173px;
     background-size: 100%;
     content: "";
}
 .mob__app.soccerfy .cloud-banner{
     background: url(../images/case-study/soccerfy/cloud-bg/bg.jpg) no-repeat;
     height: 660px;
     display: flex;
     justify-content: center;
     align-items: center;
     background-size: cover;
}
 .mob__app.soccerfy .bann-content h2 {
     color: #2f7dae;
}
 .mob__app.soccerfy .bann-content h2 span{
     color: #0bd769;
}
 .mob__app.soccerfy .ideas-content h4 {
     color: #0bd769;
}
 .mob__app.soccerfy .order-food-content h2 {
     color: #0bd769;
}
 .mob__app.soccerfy .order-food-content h2 span {
     color: #2f7dae;
}
 .mob__app.soccerfy .multiple-food-content h4 {
     color: #fff;
}
 .mob__app.soccerfy .multiple-food-content h2{
     text-transform: uppercase;
}
 .mob__app.soccerfy .int-color-box span{
     background: #0bd769;
}
 .mob__app.soccerfy ul.interface-color-palettes li:nth-child(2) span {
     background: #fcf201;
}
 .mob__app.soccerfy ul.interface-color-palettes li:nth-child(3) span {
     background: #2f7dae;
}
 .mob__app.soccerfy .font-box h5 {
     color: #0bd769;
}
 .mob__app.range-booth .case-studies-bann {
     background: url(../images/case-study/range-booth/banner/bg.png) no-repeat;
     background-size: cover !important;
     height: 667px;
}
 .mob__app.range-booth .case-studies-bann::before, .mob__app.range-booth .case-studies-bann::after{
     display: none;
}
 .mob__app.range-booth .ideas-img{
     background: url(../images/case-study/range-booth/ideas/bg.jpg);
     height: 433px;
     width: 100%;
     background-size: cover;
}
 .mob__app.range-booth .ideas-left-img::before{
     display: none;
}
 .mob__app.range-booth .multiple-food{
     background: url(../images/case-study/range-booth/multiple-food/bg.png) no-repeat;
     width: 100%;
     height: 419px;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     background-position: right;
     background-size: cover;
}
 .mob__app.range-booth .arena-overlay {
     background: url(../images/case-study/range-booth/case-slider/bg-layer.png) no-repeat;
     width: 100%;
     height: 293px;
     background-size: 100%;
}
 .mob__app.range-booth .cloud-banner {
     background: url(../images/case-study/range-booth/cloud-bg/bg.jpg) no-repeat;
     background-size: cover;
     height: 660px;
     width: 100%;
     display: flex;
     flex-flow: column;
     justify-content: center;
     align-items: center;
}
 .mob__app.range-booth .bann-content h2 span {
     color: #174092;
}
 .mob__app.range-booth .bann-content h2 {
     color: #4cc369;
}
 .mob__app.range-booth .order-food-content h2 {
     color: #174092;
}
 .mob__app.range-booth .order-food-content h2 span {
     color: #4cc369;
}
 .mob__app.range-booth .ideas-content h4{
     color: #174092;
}
 .mob__app.range-booth .ideas-content h4 span{
     color: #4cc369;
}
 .mob__app.range-booth .interface-content h2 {
     color: #174092;
}
 .mob__app.range-booth .multiple-food-content h4{
     color: #fff;
}
 .mob__app.range-booth .int-color-box span {
     background: #4cc369;
}
 .mob__app.range-booth ul.interface-color-palettes li:nth-child(2) span {
     background: #174092;
}
 .mob__app.range-booth ul.interface-color-palettes li:nth-child(3) span{
     background: #808283;
}
 .mob__app.range-booth .font-box h5{
     color: #4cc369;
    ;
}
 .mob__app.ez-grocery .case-studies-bann {
     background: url(../images/case-study/ez-grocery/banner/bg.png) no-repeat;
     background-size: cover !important;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 0;
     height: 703px;
     position: relative;
}
 .mob__app.ez-grocery .case-studies-bann::before{
     display: none;
}
 .mob__app.ez-grocery .case-studies-bann::after{
     content: "";
     background: url(../images/case-study/ez-grocery/banner/after.png) no-repeat;
     height: 330px;
     width: 312px;
     background-size: 100%;
     position: absolute;
     top: 64%;
     left: 0;
}
 .mob__app.ez-grocery .ideas-img {
     background: url(../images/case-study/ez-grocery/ideas/bg.jpg);
     height: 433px;
     width: 100%;
     background-size: cover;
}
 .mob__app.ez-grocery .ideas-left-img::before{
     display: none;
}
 .mob__app.ez-grocery .multiple-food {
     background: url(../images/case-study/ez-grocery/multiple-food/bg.png) no-repeat;
     width: 100%;
     height: 365px;
     display: flex;
     background-size: cover;
}
 .mob__app.ez-grocery .arena-overlay {
     background: url(../images/case-study/ez-grocery/case-slider/bg-layer.png) no-repeat;
}
 .mob__app.ez-grocery .cloud-banner {
     background: url(../images/case-study/ez-grocery/cloud-bg/bg.jpg) no-repeat;
     background-size: cover;
     height: 560px;
     width: 100%;
}
 .mob__app.ez-grocery section.user-interface{
     position: relative;
}
 .mob__app.ez-grocery section.user-interface::before{
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     background: url(../images/case-study/ez-grocery/order-food/after.png) no-repeat;
     width: 222px;
     height: 197px;
     background-size: 100%;
}
 .mob__app.ez-grocery .steps-img:before{
     position: absolute;
     content: "";
     left: 8%;
     background: url(../images/case-study/ez-grocery/simple-step/mbile.png);
     width: 613px;
     height: 716px;
     background-size: 85%;
     background-repeat: no-repeat;
     bottom: -118px;
     top: unset;
}
 .mob__app.ez-grocery section.simple-steps {
     padding: 80px 0 0;
     position: relative;
}
 .mob__app.ez-grocery section.simple-steps::before{
     position: absolute;
     top: 0;
     right: 0;
     content: "";
     background-size: 100%;
     width: 127px;
     height: 156px;
     background: url(../images/case-study/ez-grocery/simple-step/after.png);
}
 .mob__app.ez-grocery .bann-content h2 span {
     color: #58ab46;
}
 .mob__app.ez-grocery .bann-content h2 {
     color: #eb232f;
}
 .mob__app.ez-grocery .ideas-content h4 {
     color: #58ab46;
}
 .mob__app.ez-grocery .ideas-content h4 span{
     color: #eb232f;
}
 .mob__app.ez-grocery .order-food-content h2{
     color: #eb232f ;
}
 .mob__app.ez-grocery .order-food-content h2 span{
     color: #58ab46;
}
 .mob__app.ez-grocery .multiple-food-content h4{
     color: #fff;
}
 .mob__app.ez-grocery .int-color-box span {
     background: #ed2133;
}
 .mob__app.ez-grocery ul.interface-color-palettes li:nth-child(2) span {
     background: #58ab46;
}
 .mob__app.ez-grocery ul.interface-color-palettes li:nth-child(3) span {
     background: #838788;
}
 .mob__app.ez-grocery .font-box h5{
     color: #ed2133;
}
 .mob__app.ez-grocery .steps-content h3{
     color: #ed2133;
}
 .mob__app.ez-grocery .steps-content h2 {
     color: #58ab46;
}
 .mob__app.ez-grocery .steps-content p strong{
     color: #ed2133;
}
 .mob__app.ez-grocery .interface-content h2{
     color: #ed2133;
}
 .__site.dg__range .web-banner{
     background: url(../images/sites/digital-range/banner/bg.png) no-repeat;
     background-size: cover;
     height: 747px;
}
 .__site.dg__range .web-bann-img::before {
     background: url(../images/sites/digital-range/banner/laptop.png) no-repeat;
     background-size: 100%;
     height: 811px;
     height: 620px;
}
 .__site.dg__range .client-benefits {
     background: url(../images/sites/digital-range/client-benefits/bg.png) no-repeat;
     height: 710px;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
}
 .__site.dg__range .client-benefits::before, .__site.dg__range .client-benefits::after{
     display: none;
}
 .__site.dg__range .client-bf-content p {
     margin-bottom: 20px;
}
 .__site.dg__range .finance-matter {
     width: 100%;
     height: 580px;
     background: url(../images/sites/digital-range/finance-matter/bg.jpg) no-repeat;
     background-size: cover;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .__site.dg__range .finance-img{
     width: 581px;
     height: 625px;
}
 .__site.dg__range .finance-img:before {
     position: absolute;
     bottom: 0;
     left: 28px;
     background: url(../images/sites/digital-range/finance-matter/laptop.png) no-repeat;
     background-size: 100%;
     width: 581px;
     height: 625px;
     content: "";
}
 .__site.dg__range section.highlights::before{
     position: absolute;
     top: 55px;
     left: 0;
     width: 121px;
     height: 398px;
     background: url(../images/sites/digital-range/highlights/after.png) no-repeat;
     background-size: 100%;
     content: "";
}
 .__site.dg__range section.creative{
     position: relative;
}
 .__site.dg__range section.creative::before{
     width: 643px;
     height: 404px;
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: -1;
     background: url(../images/sites/digital-range/creative/after.png) no-repeat;
}
 .__site.dg__range .web-bann-content h4{
     color: #3aaf50;
}
 .__site.dg__range .web-bann-content h2 span{
     color: #223150;
}
 .__site.dg__range .web-bann-content h2{
     color: #3aaf50;
}
 .__site.dg__range .client-bf-content h4{
     color: #3aaf50;
}
 .__site.dg__range .client-bf-content h2{
     color: #223150;
}
 .__site.dg__range .finance-content h2 {
     color: #fff;
}
 .__site.dg__range .high-content h4{
     color: #3aaf50;
}
 .__site.dg__range .high-content h2{
     color: #223150;
}
 .__site.dg__range .achieve-content h4{
     color: #3aaf50;
}
 .__site.dg__range .achieve-content h2{
     color: #223150;
}
 .__site.dg__range .int-color-box span{
     background: #223150;
}
 .__site.dg__range ul.interface-color-palettes li:nth-child(2) span {
     background: #3aaf50;
}
 .__site.dg__range ul.interface-color-palettes li:nth-child(3) span {
     background: #34383b;
}
 .__site.dg__range .font-box h5{
     color: #3aaf50;
}
 .__site.dg__range .creative-content h4{
     color: #223150;
}
 .__site.dg__range .creative-content h2 {
     color: #3aaf50;
     text-transform: uppercase;
}
 .__site.dg__range .interface-content h2{
     color:#3aaf50 ;
}
/*web-app*/
 .budget_uni.__site .web-banner{
     height: 694px;
     width: 100%;
     align-items: center;
     background-size: cover !important;
     margin: 0 0 0;
     background-position: bottom !important;
     position: relative;
     background: url(../images/web-app/budget-university/banner/bg.png) no-repeat;
}
 .budget_uni.__site .web-bann-img::before {
     content: "";
     position: absolute;
     bottom: unset;
     top: 128px;
     left: 0;
     width: 783px;
     height: 620px;
     background: url(../images/web-app/budget-university/banner/screens.png) no-repeat;
     background-size: 100%;
}
 .budget_uni.__site .web-bann-img{
     width: 806px;
     height: 620px;
     position: relative;
}
 .budget_uni.__site .client-benefits {
     background: url(../images/web-app/budget-university/client-benefits/bg.png) no-repeat;
     height: 829px;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     background-size: cover !important;
     margin: 0;
}
 .budget_uni.__site .client-benefits::before, .budget_uni.__site .client-benefits::after{
     display: none;
}
 .budget_uni.__site .finance-matter {
     width: 100%;
     height: 678px;
     background: url(../images/web-app/budget-university/finance-matter/bg.png) no-repeat;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .budget_uni.__site .finance-img:before {
     position: absolute;
     left: 39%;
     bottom: 0;
     background: url(../images/web-app/budget-university/finance-matter/laptop.png) no-repeat;
     background-size: 100%;
     width: 494px;
     height: 465px;
     content: "";
}
 .budget_uni.__site .high-content {
     max-width: 75%;
     margin: auto;
}
 .budget_uni.__site section.highlights::before{
     display: none;
}
 .budget_uni.__site .highlights-img img {
     width: 100%;
     display: block;
     margin-left: auto;
}
 .budget_uni.__site section.highlights {
     padding: 65px 0 0;
}
 .budget_uni.__site section.achieve-finance {
     padding: 0;
     position: relative;
}
 .budget_uni.__site section.achieve-finance::before {
     content: "";
     position: absolute;
     top: 33%;
     left: 0;
     width: 669px;
     height: 481px;
     background: url(../images/web-app/budget-university/achieve-freedom/after.png) no-repeat;
     background-size: 100%;
     z-index: -1;
}
 .budget_uni.__site .web-bann-content h2 {
     font-size: 41px;
     color: #2c62aa;
}
 .budget_uni.__site .high-content p {
     max-width: 100%;
}
 .budget_uni.__site .client-bf-content h2 {
     color: #4ab737;
}
 .budget_uni.__site .finance-content h2 {
     color: #4ab737;
}
 .budget_uni.__site .high-content h2 {
     color: #4ab737;
    /* margin: 0;
     */
}
 .budget_uni.__site .achieve-content h2 span {
     color: #2c62aa;
}
 .budget_uni.__site .int-color-box span {
     background: #265ea8;
}
 .budget_uni.__site ul.interface-color-palettes li:nth-child(2) span {
     background: #8cbf3f;
}
 .budget_uni.__site ul.interface-color-palettes li:nth-child(3) span {
     background: #252525;
}
 .budget_uni.__site .interface-content h2 {
     color: #265ea8;
}
 .budget_uni.__site .font-box h5 {
     color: #265ea8;
}
 .budget_uni.__site .creative-content h2 {
     color: #265ea8;
}
/*mind 4 buzz*/
 .m4B.__site .web-banner {
     height: 857px;
     width: 100%;
     align-items: center;
     background-size: cover !important;
     margin: 0 0 0;
     background-position: bottom !important;
     position: relative;
     background: url(../images/web-app/mind-4-buzz/banner/bg.png) no-repeat;
}
 .m4B.__site .web-bann-img::before {
     content: "";
     position: absolute;
     top: unset;
     left: unset;
     bottom: 0;
     right: 2%;
     width: 1050px;
     height: 787px;
     background: url(../images/web-app/mind-4-buzz/banner/screens.png) no-repeat;
     background-size: 100%;
}
 .m4B.__site .web-bann-content h2 {
     font-size: 43px;
     white-space: pre-line;
     color: #a82970;
}
 .m4B.__site .web-bann-content h2 span {
     color: #aece51;
}
 .m4B.__site .web-banner::before{
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     background: url(../images/web-app/mind-4-buzz/banner/before.png) no-repeat;
     background-size: 100%;
     width: 80px;
     height: 261px;
}
 .m4B.__site .client-benefits {
     height: initial;
     background-size: initial;
     margin: 0px 0 0;
     background: initial;
}
 .m4B.__site .client-benefits::after {
     display: none;
}
 .m4B.__site .client-benefits::before{
     content: "";
     width: 594px;
     height: 347px;
     background: url(../images/web-app/mind-4-buzz/client-benefits/bg.png) no-repeat;
     position: absolute;
     bottom: 0;
     left: 0;
}
 .m4B.__site .finance-matter {
     width: 100%;
     height: 678px;
     background: url(../images/web-app/mind-4-buzz/finance-matter/bg.png) no-repeat;
     background-size: intial !important;
     display: flex;
     justify-content: center;
     align-items: center;
     background-position: left;
     position: relative;
}
 .m4B.__site .finance-img:before {
     position: absolute;
     left: unset;
     bottom: -125px;
     background: url(../images/web-app/mind-4-buzz/finance-matter/laptop.png) no-repeat;
     background-size: 100%;
     width: 641px;
     height: 604px;
     content: "";
}
/*.m4B.__site .finance-matter::before{
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     background: url(../images/web-app/mind-4-buzz/finance-matter/after.png) no-repeat;
     width: 116px;
     height: 305px;
     background-size: 100%;
     display: none;
}
*/
 .m4B.__site section.highlights{
     background: url(../images/web-app/mind-4-buzz/hightlights/bg.png) no-repeat;
     width: 100%;
     height: 827px;
     background-size: cover;
     margin: 10px 0;
     position: relative;
}
 .m4B.__site .high-content {
     max-width: 75%;
     margin: auto;
}
 .m4B.__site section.highlights::before{
     height: 228px;
     width: 78px;
     background: url(../images/web-app/mind-4-buzz/hightlights/before.png) no-repeat;
     position: absolute;
     top: 15%;
     left: 0;
     background-size: 100%;
     content: "";
}
 .m4B.__site section.achieve-finance::before {
     content: "";
     position: absolute;
     top: 23%;
     left: 0;
     width: 822px;
     height: 560px;
     background: url(../images/web-app/mind-4-buzz/achieve-freedom/before.png) no-repeat;
     background-size: 100%;
     z-index: -1;
}
 .m4B.__site section.achieve-finance::after{
     content: "";
     position: absolute;
     top: 0%;
     right: 0;
     width: 275px;
     height: 667px;
     background: url(../images/web-app/mind-4-buzz/achieve-freedom/after.png) no-repeat;
     background-size: 100%;
     z-index: -1;
}
 .m4B.__site section.highlights.h_2 {
     background: unset;
}
 .m4B.__site section.highlights.h_2::before{
     display: none;
}
 .m4B.__site section.user-interface{
     background: url(../images/web-app/mind-4-buzz/interface/bg.png) no-repeat;
     height: 795px;
     width: 100%;
     background-size: cover;
}
 .m4B.__site section.creative {
     position: relative;
}
 .m4B.__site section.creative::before {
     content: "";
     position: absolute;
     right: 0;
     bottom: 0;
     width: 177px;
     height: 273px;
     background: url(../images/web-app/mind-4-buzz/creative/after.png) no-repeat;
     background-size: 100%;
}
 .m4B.__site .client-bf-content h2 {
     color: #ab2970;
}
 .m4B.__site .finance-content h2 {
     color: #ffffff;
}
 .m4B.__site .high-content h2 {
     color: #a82970;
    /* margin: 0;
     */
}
 .m4B.__site .achieve-content h2 {
     color: #a82970;
}
 .m4B.__site .achieve-content h2 span{
     color: #aece51;
}
 .m4B.__site .interface-content h2 {
     color: #aece51;
}
 .m4B.__site .font-box-md h3 {
     color: #a82970;
}
 .m4B.__site .font-box h5 {
     color: #a82970;
}
 .m4B.__site .int-color-box span {
     background: #af427c;
}
 .m4B.__site ul.interface-color-palettes li:nth-child(2) span {
     background: #f28037;
}
 .m4B.__site ul.interface-color-palettes li:nth-child(3) span {
     background: #252525;
}
 .m4B.__site .creative-content h2 {
     color: #aece51;
     text-transform: uppercase;
}
/*oku-sensei*/
 .oku.__site section.web-banner{
     height: 857px;
     width: 100%;
     align-items: center;
     background-size: cover !important;
     margin: 0 0 0;
     background-position: bottom !important;
     position: relative;
     background: url(../images/web-app/oku/banner/bg.png) no-repeat;
}
 .oku.__site .web-bann-img::before {
     content: "";
     position: absolute;
     bottom: 0;
     top: unset;
     left: unset;
     width: 1004px;
     height: 725px;
     background: url(../images/web-app/oku/banner/screens.png) no-repeat;
     background-size: 100%;
}
 .oku.__site .client-benefits {
     background: url(../images/web-app/oku/client-benefits/bg.png) no-repeat;
     height: 893px;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     background-position: right bottom;
}
 .oku.__site .client-benefits::after{
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 478px;
     height: 482px;
     background: url(../images/web-app/oku/client-benefits/after.png) no-repeat;
     background-size: 78%;
}
 .oku.__site .finance-matter {
     width: 100%;
     height: 640px;
     background: url(../images/web-app/oku/finance-matter/bg.png) no-repeat;
     display: flex;
     justify-content: center;
     align-items: center;
     background-position: right;
}
 .oku.__site .finance-img:before {
     position: absolute;
     bottom: 0;
     left: -20px;
     background: url(../images/web-app/oku/finance-matter/laptop.png) no-repeat;
     background-size: 95%;
     width: 568px;
     height: 535px;
     content: "";
}
 .oku.__site section.highlights::before{
     display: none;
}
 .oku.__site .high-content {
     max-width: 75%;
     display: block;
     margin: auto;
}
 .oku.__site section.achieve-finance::before {
     content: "";
     position: absolute;
     top: 23%;
     left: 0;
     width: 917px;
     height: 663px;
     background: url(../images/web-app/oku/achieve-freedom/before.png) no-repeat;
     background-size: 100%;
     z-index: -1;
}
 .oku.__site .finance-img {
     position: relative;
     width: 500px;
     height: 500px;
}
 .oku.__site .user-interface{
     position: relative;
}
 .oku.__site .user-interface::before{
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 283px;
     height: 492px;
     background: url(../images/web-app/oku/interface/wing.png) no-repeat;
     background-size: 100%;
}
 .oku.__site .user-interface::after{
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     width: 826px;
     height: 765px;
     background: url(../images/web-app/oku/interface/bg.png) no-repeat;
     background-size: 100%;
     z-index: -1;
}
 .oku.__site section.creative{
     position: relative;
}
 .oku.__site section.creative::before{
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     background-size: 100%;
     background: url(../images/web-app/oku/creative/after.png) no-repeat;
     width: 301px;
     height: 351px;
}
 .oku.__site .web-bann-content h2 {
     font-size: 43px;
     white-space: pre-line;
     color: #ff7084;
}
 .oku.__site .web-bann-content h2 span{
     color: #252525;
}
 .oku.__site .client-bf-content h2 {
     color: #ff7084;
}
 .oku.__site .finance-content h2 {
     color: #ffff;
}
 .oku.__site .high-content h2 {
     color: #ff7084;
    /* margin: 0;
     */
}
 .oku.__site .achieve-content h2 {
     color: #ff7084;
}
 .oku.__site ._mini-circles:hover {
     background: #ff7084;
}
 .oku.__site .interface-content h2 {
     color: #ff7084;
}
 .oku.__site .font-box h5 {
     color: #ff7084;
}
 .oku.__site .creative-content h2{
     color: #ff7084;
     text-transform: uppercase;
}
 .oku.__site .int-color-box span{
     background: #ff7084;
}
 .oku.__site ul.interface-color-palettes li:nth-child(2) span {
     background: #000;
}
 .oku.__site ul.interface-color-palettes li:nth-child(3) span {
     background: #252525;
}
 .oku.wellness.__site section.web-banner {
     height: 857px;
     width: 100%;
     align-items: center;
     background-size: cover !important;
     margin: 0 0 0;
     background-position: bottom !important;
     position: relative;
     background: url(../images/web-app/wellness-sinelia/banner/bg.png) no-repeat;
}
 .oku.wellness.__site .web-bann-img::before {
     content: "";
     position: absolute;
     bottom: 95px;
     top: unset;
     left: unset;
     width: 780px;
     height: 569px;
     background: url(../images/web-app/wellness-sinelia/banner/screens.png) no-repeat;
     background-size: 100%;
     right: unset;
}
 .oku.wellness.__site section.web-banner::before{
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: 205px;
     height: 213px;
     background: url(../images/web-app/wellness-sinelia/banner/before.png) no-repeat;
     background-size: 100%;
}
 .oku.wellness.__site .client-benefits {
     background: url(../images/web-app/wellness-sinelia/client-benefits/bg.png) no-repeat;
     height: 757px;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     background-position: left bottom;
}
 .oku.wellness.__site .client-benefits::after{
     content: "";
     position: absolute;
     bottom: 0;
     right: 0;
     background: url(../images/web-app/wellness-sinelia/client-benefits/after.png) no-repeat;
     width: 143px;
     height: 176px;
     top: unset;
     left: unset;
}
 .oku.wellness.__site .finance-matter {
     width: 100%;
     height: 640px;
     background: url(../images/web-app/wellness-sinelia/finance-matter/bg.png) no-repeat;
     display: flex;
     justify-content: center;
     align-items: center;
     background-position: right;
}
 .oku.wellness.__site .finance-img:before {
     position: absolute;
     bottom: 0;
     left: -20px;
     background: url(../images/web-app/wellness-sinelia/finance-matter/laptop.png) no-repeat;
     background-size: 95%;
     width: 489px;
     height: 483px;
     content: "";
}
 .oku.wellness.__site section.achieve-finance::before {
     content: "";
     position: absolute;
     top: 23%;
     left: 0;
     width: 800px;
     height: 481px;
     background: url(../images/web-app/wellness-sinelia/achieve-freedom/before.png) no-repeat;
     background-size: 100%;
     z-index: -1;
}
 .oku.wellness.__site section.achieve-finance {
     padding: 0;
     position: relative;
}
 .oku.wellness.__site section.achieve-finance::after {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     width: 201px;
     height: 126px;
     background: url(../images/web-app/wellness-sinelia/achieve-freedom/after.png) no-repeat;
     background-size: 100%;
     z-index: -1;
}
 .oku.wellness.__site .user-interface::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 137px;
     height: 261px;
     background: url(../images/web-app/wellness-sinelia/interface/wing.png) no-repeat;
     background-size: 100%;
}
 .oku.wellness.__site .user-interface::after {
     content: "";
     position: absolute;
     bottom: 0;
     right: 0;
     width: 180px;
     height: 214px;
     background: url(../images/web-app/wellness-sinelia/interface/before.png) no-repeat;
     background-size: 100%;
     z-index: -1;
     top: unset 
}
 .oku.wellness.__site section.creative::before {
     display: none;
}
 .oku.wellness.__site .web-bann-content h2 {
     color: #713b71;
}
 .oku.wellness.__site .web-bann-content h2 span {
     color: #278540;
}
 .oku.wellness.__site .high-content h2 {
     color: #278540;
}
 .oku.wellness.__site .achieve-content h2 {
     color: #278540;
}
 .oku.wellness.__site .achieve-content h2 span{
     color: #713b71 ;
}
 .oku.wellness.__site .high-content h2 span{
     color:#713b71 ;
}
 .oku.wellness.__site .interface-content h2 {
     color: #278540;
}
 .oku.wellness.__site .font-box h5 {
     color: #713b71;
}
 .oku.wellness.__site .creative-content h2 {
     color: #713b71;
}
 .oku.wellness.__site .int-color-box span {
     background: #713b71;
}
 .oku.wellness.__site ul.interface-color-palettes li:nth-child(2) span {
     background: #278540;
}
 .oku.wellness.__site .client-bf-content h2 {
     color: #278540;
}
 .oku.__site.ato_cady section.web-banner {
     height: 825px;
     width: 100%;
     align-items: center;
     background-size: cover !important;
     margin: 0 0 0;
     background-position: bottom !important;
     position: relative;
     background: url(../images/web-app/auto-candy/banner/bg.png) no-repeat;
}
 .oku.__site.ato_cady .web-bann-img::before {
     content: "";
     position: absolute;
     bottom: 0;
     top: unset;
     left: unset;
     width: 998px;
     height: 733px;
     background: url(../images/web-app/auto-candy/banner/screens.png) no-repeat;
     background-size: 100%;
}
 .oku.__site.ato_cady .client-benefits {
     background: url(../images/web-app/auto-candy/client-benefits/bg.png) no-repeat;
     height: 893px;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     background-position: left bottom;
}
 .oku.__site.ato_cady .client-benefits::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 331px;
     height: 744px;
     background: url(../images/web-app/auto-candy/client-benefits/after.png) no-repeat;
     background-size: 78%;
}
 .oku.__site.ato_cady .finance-matter {
     width: 100%;
     height: 640px;
     background: url(../images/web-app/auto-candy/finance-matter/bg.png) no-repeat;
     display: flex;
     justify-content: center;
     align-items: center;
     background-position: right;
     position: relative;
}
 .oku.__site.ato_cady .finance-img:before {
     position: absolute;
     bottom: 0;
     left: -20px;
     background: url(../images/web-app/auto-candy/finance-matter/laptop.png) no-repeat;
     background-size: 95%;
     width: 568px;
     height: 535px;
     content: "";
}
 .oku.__site.ato_cady .finance-matter:after{
     content: "";
     background: url(../images/web-app/auto-candy/finance-matter/after.png) no-repeat;
     width: 570px;
     height: 236px;
     position: absolute;
     bottom: -29px;
     right: 0;
     background-size: 100%;
}
 .oku.__site.ato_cady section.achieve-finance {
     padding: 0;
     position: relative;
}
 .oku.__site.ato_cady section.achieve-finance::before {
     content: "";
     position: absolute;
     top: 23%;
     left: 0;
     width: 917px;
     height: 663px;
     background: url(../images/web-app/auto-candy/achieve-freedom/before.png) no-repeat;
     background-size: 100%;
     z-index: -1;
}
 .oku.__site.ato_cady .user-interface::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 347px;
     height: 335px;
     background: url(../images/web-app/auto-candy/interface/wing.png) no-repeat;
     background-size: 100%;
}
 .oku.__site.ato_cady section.creative::before{
     display: none;
}
 .oku.__site.ato_cady .user-interface::after {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     width: 826px;
     height: 765px;
     background: url(../images/web-app/auto-candy/interface/bg.png) no-repeat;
     background-size: 100%;
     z-index: -1;
}
 .oku.__site.ato_cady .web-bann-content h2{
     color: #36d11a;
}
 .oku.__site.ato_cady .web-bann-content h2 span{
     color: #0018f8;
}
 .oku.__site.ato_cady .client-bf-content h2 {
     color: #0018f8;
}
 .oku.__site.ato_cady .finance-content h2 {
     color: #36d11a;
}
 .oku.__site.ato_cady .high-content h2 {
     color: #0018f8;
    /* margin: 0;
     */
}
 .oku.__site.ato_cady .achieve-content h2 {
     color: #0018f8;
}
 .oku.__site.ato_cady ._mini-circles:hover {
     background: #0018f8;
}
 .oku.__site.ato_cady .interface-content h2 {
     color: #0018f8;
}
 .oku.__site.ato_cady .font-box h5 {
     color: #4dc940;
}
 .oku.__site.ato_cady .creative-content h2 {
     color: #0018f8;
     text-transform: uppercase;
}
 .oku.__site.ato_cady .int-color-box span {
     background: #0018f8;
}
 .oku.__site.ato_cady ul.interface-color-palettes li:nth-child(2) span {
     background: #36d11a;
}
/* industry <==> beauty*/
 .beauty .ind_Banner {
     background: url(../images/industries/beauty/banner-1.png) no-repeat;
     background-size: cover;
     width: 100%;
     min-height: 700px;
     display: flex;
     justify-content: center;
     display: flex;
     padding: 50px 0 0;
     position: relative;
     background-position: bottom right;
     overflow: hidden;
     height: auto;
}
 .beauty .img__food img {
     width: initial;
     display: block;
     margin: auto;
     position: absolute;
     left: unset;
     top: 10%;
     right: unset 
}
 .beauty .ind_Banner::before {
     position: absolute;
     bottom: 0%;
     left: 0;
     background: url(../images/industries/beauty/plate-before.png) no-repeat;
     height: 491px;
     width: 295px;
     content: "";
}
 .beauty .multi-dollar::before, .beauty .multi-dollar::after{
     display: none;
}
 .beauty section.multi-dollar {
     margin: 0 0 55px;
}
 .beauty .createIn {
     background: url(../images/industries/beauty/create-bg.jpg) no-repeat;
     background-size: cover !important;
}
 .beauty .createIn::before {
     content: "";
     position: absolute;
     bottom: unset;
     top: -100px;
     left: 0;
     background: url(../images/industries/beauty/create-after.png) no-repeat;
     width: 183px;
     height: 296px;
     background-size: 100%;
}
 .beauty section.organic-food::before{
     display: none;
}
 .beauty .online-food::before {
     content: "";
     position: absolute;
     left: unset;
     right: 0;
     background: url(../images/industries/beauty/after.png) no-repeat;
     width: 177px;
     height: 220px;
     background-size: 100%;
}
 .beauty .covered-food {
     background: url(../images/industries/beauty/covered-bg.jpg) no-repeat;
     background-size: cover !important;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 547px;
     width: 100%;
     padding: 120px 0 0;
     margin: 0 0 95px;
}
 .beauty .chance-img::before{
     display: none;
}
 .beauty .chance-img::after {
     content: "";
     background: url(../images/industries/beauty/candy.png) no-repeat;
     background-size: 100%;
     width: 257px;
     height: 317px;
     position: absolute;
     bottom: 5%;
     right: 0%;
}
 .beauty .advance-img::before {
     content: "";
     position: absolute;
     top: 15%;
     right: 0;
     background: url(../images/industries/beauty/half-laptop.png) no-repeat;
     height: 557px;
     width: 743px;
     background-size: 100%;
}
 .beauty .cta__industry {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     height: 442px;
     background-size: cover !important;
     background: url(../images/industries/beauty/cta.jpg) no-repeat;
     position: relative;
     margin: 0 0 35px;
}
 .beauty .cta__industry::before {
     position: absolute;
     left: 0;
     background: url(../images/industries/beauty/cta-left.png) no-repeat;
     background-size: 100%;
     content: "";
     width: 655px;
     height: 494px ;
}
 .beauty .img__food {
     position: relative;
     z-index: 2;
     height: 374px;
     width: auto;
}
 .beauty img.banner-right-img {
     position: absolute;
     width: auto;
     height: 625px;
     right: 266px;
     bottom: 43px;
}
 .beauty .food_content h2, .beauty .food_content h2 span {
     color: #000;
}
 .beauty .multi-content h4 span {
     color: #cb957d;
}
 .beauty .multi-content h4{
     color: #000;
}
 .beauty .multi-box span {
     background: #fff5f3;
}
 .beauty .mul-cont h3 {
     color: #cb957d;
}
 .beauty .create-cont h6, .beauty .create-cont p, .beauty .create-cont h5 {
     color: #000;
}
 .beauty .create-cont h2, .beauty .create-cont h2 span {
     color: #cb957d;
}
 .beauty .create-cont a {
     background: #000;
     border: 1px solid #000;
}
 .beauty .organic-cont h2 {
     color: #cb957d;
}
 .beauty .messg_box {
     background-color: rgb(59, 113, 123);
     box-shadow: 7.641px 43.332px 95px 0px rgba(59, 113, 123, 0.21);
}
 .beauty .messg_box::before {
     border-bottom: 30px solid #3b717b;
}
 .beauty .online-food-content h2 {
     color: #000;
}
 .beauty .online-food-content h2 span{
     color: #cb957d;
}
 .beauty .trust-box span {
     background: #fff5f3;
     ;
}
 .beauty .trust-box h4 {
     color: #cb957d;
}
 .beauty .chance-cont h2 {
     color: #cb957d;
}
 .beauty .chance-cont a {
     background: #cb957d;
     border: 1px solid #cb957d;
}
 .beauty .adv-content h2 {
     color: #cb957d;
}
 .beauty .adv__box span {
     background: #fff5f3;
}
 .beauty .adv__content h4 {
     color: #cb957d;
}
/*industry Cleaning*/
.clean .ind_Banner {
    background: url(../images/industries/cleaning/banner-1-2.png) no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 694px;
    display: flex;
    justify-content: center;
    display: flex;
    padding: 50px 0 0;
    position: relative;
    background-position: bottom right;
    overflow: hidden;
    height: auto;
}
.clean .ind_Banner::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/industries/cleaning/banner-before.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 353px;
    z-index: 9;
}
/*.clean .ind_Banner::after{
     content: "";
     background: url(../images/industries/cleaning/banner-before.png) no-repeat;
     width: 100%;
     height: 264px;
     position: absolute;
     bottom: 0;
     left: 0;
}*/
.clean img.banner-right-img {
    position: absolute;
    width: 523px;
    height: 628px;
    right: -18px;
    bottom: unset;
    top: 10px;
    left: unset;
    z-index: -1;
}
 .clean .img__food {
     height: 349px;
}
 .clean .ind_Banner::before{
     display: none;
}
 .clean section.multi-dollar {
     margin: 25px 0 55px;
}
 .clean .multi-dollar::before {
     content: "";
     background: url(../images/industries/cleaning/gloves.png) no-repeat;
     background-size: 100%;
     content: "";
     height: 310px;
     width: 240px;
     top: 0;
     left: 0;
}
 .clean .multi-dollar::after{
     display: none;
}
 .clean .createIn {
     background: url(../images/industries/cleaning/covered-bg.png) no-repeat;
     width: 100%;
     height: 724px;
     background-size: cover;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
}
 .clean .createIn::before{
     display: none;
}
 .clean .covered-food {
     background: url(../images/industries/cleaning/covered-bg.jpg) no-repeat;
     background-size: cover;
     height: 544px;
     width: 100%;
}
 .clean .chain-overlay img {
     filter: initial;
}
 .clean .online-food::before {
     content: "";
     position: absolute;
     left: unset;
     background: url(../images/industries/cleaning/after.png) no-repeat;
     width: 231px;
     height: 372px;
     background-size: 100%;
     right: 0;
}
 .clean section.organic-food::before{
     display: none;
}
 .clean .chance-img::after {
     content: "";
     background: url(../images/industries/cleaning/plate-before.png) no-repeat;
     background-size: 100%;
     width: 307px;
     height:347px;
     position: absolute;
     bottom: 5%;
     right: 0%;
}
 .clean .advance-img::before {
     content: "";
     position: absolute;
     top: 15%;
     right: 0;
     background: url(../images/industries/cleaning/half-laptop.png) no-repeat;
     height: 557px;
     width: 743px;
     background-size: 100%;
}
 .clean .cta__industry {
     width: 100%;
     height: 442px;
     background-size: cover !important;
     background: url(../images/industries/cleaning/cta.jpg) no-repeat;
}
 .clean .cta__industry::before {
     position: absolute;
     left: 0;
     background: url(../images/industries/cleaning/cta-left.png) no-repeat;
     background-size: 100%;
     content: "";
     width: 655px;
     height: 494px;
}
 .clean .food_content h4, .clean .food_content h2, .clean .food_content h2 span, .clean .food_content p{
     color: #fff;
}
 .clean .multi-content h4{
     color: #000;
}
 .clean .multi-content h4 span {
     color: #304cc8;
}
 .clean .mul-cont h3 {
     color: #304cc8;
}
 .clean .multi-box span {
     background: #dff1e8;
}
 .clean .create-cont h2 span {
     color: #fff;
}
 .clean .create-cont a {
     background: #25a065;
     border: 1px solid #25a065;
}
 .clean .messg_box {
     background-color: rgb(38, 163, 102);
     box-shadow: 7.641px 43.332px 62px 0px rgba(38, 163, 102, 0.3) 
}
 .clean .messg_box::before {
     border-bottom: 30px solid #26a366 
}
 .clean .organic-cont h2 {
     color: #304cc8;
}
 .clean .online-food-content h2 {
     color: #000;
}
 .clean .online-food-content h2 span{
     color: #304cc8;
}
 .clean .trust-box span {
     background: #dff1e8;
}
 .clean .trust-box h4 {
     color: #25a065;
}
 .clean .chance-cont h2, .clean .adv-content h2 {
     color: #304cc8;
}
 .clean .adv__content h4 {
     color: #25a065;
}
 .clean .adv__box span {
     background: #dff1e8;
}
 .clean .chance-cont a {
     background: #2a2a2c;
     border: 1px solid #2a2a2c;
}
 .clean .multi-box:hover, .clean .trust-box:hover, .clean .adv__box:hover {
     box-shadow: 7.293px 41.362px 62px 0px rgba(38, 163, 102, 0.21);
     border: 2px solid #fff;
}
/*casestudies == website == myeasyfi*/
 .my-easy-fi.webapp .web-banner {
     background: url(../images/web-app/my-easy-fi/banner/bg.png) no-repeat;
     min-height: 736px;
     width: 100%;
     align-items: center;
     background-size: cover;
     margin: 0 0 0;
     background-position: bottom ;
    /* padding: 282px 0 0;
     */
     position: relative;
     height: auto;
}
.my-easy-fi.webapp .web-bann-img::before {
    content: "";
    position: absolute;
    bottom: -89px;
    left: unset;
    width: 1075px;
    height: 809px;
    background: url(../images/web-app/my-easy-fi/banner/screens.png) no-repeat;
    background-size: 100%;
}
 .my-easy-fi.webapp .web-bann-content h2 {
     white-space: pre-line;
}
 .my-easy-fi.webapp .client-benefits::before{
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     background: url(../images/web-app/my-easy-fi/banner/before.png) no-repeat;
     width: 373px;
     height: 428px;
     background-size: 100%;
}
 .my-easy-fi.webapp .client-benefits {
     background: url(../images/web-app/my-easy-fi/client-benefits/bg.png) no-repeat;
     min-height: 900px;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     background-position: bottom left;
     height: auto;
     margin: 0 0 25px;
}
 .my-easy-fi.webapp .client-benefits::after {
     content: "";
     background: url(../images/web-app/my-easy-fi/client-benefits/after.png) no-repeat;
     background-size: 100%;
     width: 455px;
     height: 145px;
     position: absolute;
     top: 29%;
     right: 3.5%;
}
 .my-easy-fi.webapp .finance-matter {
     width: 100%;
     height: 640px;
     background: url(../images/web-app/my-easy-fi/finance-matter/bg.png) no-repeat;
     display: flex;
     justify-content: center;
     align-items: center;
     background-position: right;
}
 .my-easy-fi.webapp .finance-img {
     position: relative;
     height: 604px;
     width: 641px;
}
 .my-easy-fi.webapp .finance-img:before {
     position: absolute;
     bottom: 0;
     left: -120px;
     background: url(../images/web-app/my-easy-fi/finance-matter/laptop.png) no-repeat;
     background-size: 100%;
     width: 641px;
     height: 604px;
     content: "";
}
 section.easy-highlights {
     position: relative;
     min-height: 826px;
     height: auto;
     display: flex;
     justify-content: center;
     align-items: center;
}
 section.easy-highlights::before{
     content: "";
     position: absolute;
     top: 10%;
     right: 0;
     width: 941px;
     height: 826px;
     background: url(../images/web-app/my-easy-fi/hightlights/laptop.png) no-repeat;
     background-size: 100%;
}
 .easy-content h4 {
     font-size: 30px;
     text-transform: uppercase;
     font-weight: 600;
     letter-spacing: 0.5px;
}
 .easy-content h2 {
     font-size: 45px;
     font-weight: 700;
     text-transform: uppercase;
     color: #1a783b;
     margin: 0 0 5px;
}
 .easy-content p {
     color: #000;
     font-size: 18px;
}
 section.easy-highlights::after{
     content: "";
     position: absolute;
     top: 2%;
     left: 0;
     width: 585px;
     height: 225px;
     background: url(../images/web-app/my-easy-fi/hightlights/before.png) no-repeat;
     background-size: 100%;
}
 .grow-content h4 {
     font-size: 30px;
     font-weight: 600;
     text-transform: uppercase;
}
 .grow-content h2 {
     font-size: 45px;
     text-transform: uppercase;
     font-weight: 700;
     color: #076b37;
}
 .grow-content h2 span {
     color: #000;
}
 section.grow-business {
     position: relative;
}
 section.grow-business::before{
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 174px;
     height: 546px;
     background: url(../images/web-app/my-easy-fi/grow/before.png) no-repeat;
     background-size: 100%;
}
 section.grow-business::after{
     position: absolute;
     content: "";
     bottom: -45px;
     right: 0;
     width: 174px;
     height: 546px;
     background: url(../images/web-app/my-easy-fi/grow/before.png) no-repeat;
     background-size: 100%;
     transform: rotate(180deg);
}
 section.easy-highlights.two::before{
     content: "";
     position: absolute;
     top: 10%;
     right: 0;
     width: 941px;
     height: 826px;
     background: url(../images/web-app/my-easy-fi/hightlights/laptop-2.png) no-repeat;
     background-size: 100%;
}
 section.easy-highlights::after{
     display: none;
}
 .my-easy-fi.webapp section.user-interface{
     position: relative;
}
 .my-easy-fi.webapp section.user-interface::before{
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     background:url(../images/web-app/my-easy-fi/interface/calc.png) no-repeat;
     width: 325px;
     height: 460px;
     background-size: 100%;
}
 .my-easy-fi.webapp section.user-interface::after{
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     background:url(../images/web-app/my-easy-fi/interface/after.png) no-repeat;
     width: 454px;
     height: 195px;
     background-size: 100%;
}
 .my-easy-fi.webapp section.creative {
     padding: 0;
     position: relative;
}
 .my-easy-fi.webapp section.creative::before{
     content: "";
     position: absolute;
     bottom: 0;
     right: 0;
     background: url(../images/web-app/my-easy-fi/creative/bg.png) no-repeat;
     background-size: 100%;
     width: 596px;
     height: 389px;
}
/*industry home-care*/
 .home-care .ind_Banner {
     background: url(../images/industries/home-care/banner-1.png) no-repeat;
     background-size: cover;
     width: 100%;
     min-height: 694px;
     display: flex;
     justify-content: center;
     display: flex;
     padding: 50px 0 0;
     position: relative;
     background-position: bottom right;
     height: auto;
}
 .home-care img.banner-right-img {
     position: absolute;
     width: 530px;
     height: 631px;
     right: 347px;
     bottom: 30px;
}
 .home-care .img__food {
     height: 348px;
}
 .home-care .ind_Banner::before{
     display: none;
}
 .home-care section.multi-dollar {
     margin: 0 0 55px;
}
 .home-care .multi-dollar::before {
     content: "";
     background: url(../images/industries/home-care/plate-before.png) no-repeat;
     position: absolute;
     top: 0%;
     left: 0%;
     background-size: 100%;
     content: "";
     height: 321px;
     width: 293px;
}
 .home-care .multi-dollar::after {
     display: none;
}
 .home-care .createIn {
     background: url(../images/industries/home-care/create-bg.jpg) no-repeat;
     width: 100%;
     height: 732px;
     background-size: cover;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
}
 .home-care .createIn::before{
     display: none;
}
 .home-care section.organic-food::before{
     display: none;
}
 .home-care .online-food::before {
     content: "";
     position: absolute;
     right: 0;
     background: url(../images/industries/home-care/create-after.png) no-repeat;
     width: 248px;
     height: 232px;
     background-size: 100%;
     left: unset;
}
 .home-care .covered-food {
     background: url(../images/industries/home-care/covered-bg.jpg) no-repeat;
     background-size: cover;
     height: 544px;
}
 .home-care .chance-img::after{
     width: 219px;
     height: 357px;
     background: url(../images/industries/home-care/candy.png) no-repeat;
     background-size: 100%;
     position: absolute;
     bottom: 5%;
     right: 0%;
}
 .home-care .advance-img::before {
     content: "";
     position: absolute;
     top: 15%;
     right: 0;
     background: url(../images/industries/home-care/half-laptop.png) no-repeat;
     height: 557px;
     width: 743px;
     background-size: 100%;
}
 .home-care .cta__industry {
     background: url(../images/industries/home-care/cta.jpg) no-repeat;
}
 .home-care .cta__industry::before {
     width: 681px;
     background-size: 100% !important;
     background: url(../images/industries/home-care/cta-left.png) no-repeat;
}
 .home-care .food_content * {
     color: #fff;
}
 .home-care .multi-content h4 {
     color: #000;
}
 .home-care .multi-content h4 span {
     color: #a89bdb;
}
 .home-care .multi-box span, .home-care .trust-box span, .home-care .adv__box span {
     background: #beb2ed73;
}
 .home-care .mul-cont h3{
     color: #a89bdb;
}
 .home-care .create-cont h2 span{
     color: #fff;
}
 .home-care .create-cont a {
     background: #fff;
     color: #a89bdb;
     border: 1px solid #fff;
}
 .home-care .organic-cont h2 {
     color: #a89bdb;
}
 .home-care .messg_box {
     background-color: rgb(102, 193, 237);
     box-shadow: 5.73px 32.499px 46px 0px rgba(43, 178, 234, 0.39);
}
 .home-care .messg_box::before{
     border-bottom: 30px solid rgb(102, 193, 237);
}
 .home-care .online-food-content h2 {
     color: #000;
}
 .home-care .online-food-content h2 span {
     color: #a89bdb;
}
 .home-care .trust-box h4 {
     color: #a89bdb;
}
 .home-care .chance-cont h2 {
     color: #97cae3;
}
 .home-care .chance-cont a {
     background: #97cae3;
     text-transform: uppercase;
     border: 1px solid #97cae3;
}
 .home-care .adv-content h2, .home-care .adv__content h4 {
     color: #a89bdb;
}
 .home-care .trust-box:hover, .home-care .adv__box:hover, .home-care .multi-box:hover {
     box-shadow: 7.641px 43.332px 95px 0px rgba(168, 155, 219, 0.21);
}
/*industry educational*/
.education .ind_Banner {
    background: url(../images/industries/educational/banner-1-2.png) no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 694px;
    display: flex;
    justify-content: center;
    display: flex;
    padding: 50px 0 0;
    position: relative;
    background-position: bottom right;
    overflow: hidden;
    height: auto;
}
.education .ind_Banner::after{
        content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/industries/educational/banner-before.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 353px;
    z-index: 9;

    }
 .education .img__food {
     height: 349px;
}


 .education img.banner-right-img {
     position: absolute;
     width: 562px;
     height: 623px;
     right: 275px;
      left: unset;
    top: 2%;
        right: 0;
    bottom:  unset;

}
 .education .ind_Banner::before{
     display: none;
}
 .education section.multi-dollar {
     margin: 22px 0 55px;
}
 .education .multi-img img {
     width: initial;
}
 .education .multi-dollar::before {
     content: "";
     background: url(../images/industries/educational/gloves.png) no-repeat;
     position: absolute;
     top: 0%;
     left: 0%;
     background-size: 100%;
     content: "";
     height: 272px;
     width: 247px;
}
 .education .multi-dollar::after{
     display: none;
}
 .education .createIn {
     background: url(../images/industries/educational/covered-bg.jpg) no-repeat;
     width: 100%;
     height: 732px;
     background-size: cover;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .education .createIn::before{
     display: none;
}
 .education section.organic-food::before{
     display: none;
}
 .education .online-food::before {
     content: "";
     position: absolute;
     left: unset;
     right: 0;
     background: url(../images/industries/educational/candy.png) no-repeat;
     width: 228px;
     height: 290px;
     background-size: 100%;
}
 .education .covered-food {
     background: url(../images/industries/educational/covered-bg.jpg) no-repeat;
     background-size: cover;
     height: 544px;
     width: 100%;
}
 .education .chain-overlay img {
     filter: initial;
}
 .education .covered-food {
     background: url(../images/industries/educational/create-bg.jpg) no-repeat;
     background-size: cover;
     height: 544px;
     width: 100%;
}
 .education section.chance-img img {
     width: initial;
}
 .education .chance-img::after {
     content: "";
     background: url(../images/industries/educational/after.png) no-repeat;
     background-size: 100%;
     width: 244px;
     height: 357px;
     position: absolute;
     bottom: -15px;
     right: 0%;
}
 .education .advance-img::before {
     content: "";
     position: absolute;
     top: 15%;
     right: 0;
     background: url(../images/industries/educational/half-laptop.png) no-repeat;
     height: 557px;
     width: 743px;
     background-size: 100%;
}
 .education .cta__industry {
     width: 100%;
     height: 442px;
     background-size: cover !important;
     background: url(../images/industries/educational/cta.jpg) no-repeat;
}
 .education .cta__industry::before {
     background: url(../images/industries/educational/cta-left.png) no-repeat;
     background-size: 100%;
     content: "";
     width: 619px;
     height: 494px;
}
 .education .multi-content h4 {
     color: #000;
}
 .education .multi-content h4 span {
     color: #f68d79;
}
 .education .mul-cont h3 {
     color: #4f48ba;
}
 .education .multi-box span {
     background: #fbedfd;
}
 .education .create-cont h2 span{
     color: #fff;
}
 .education .create-cont a{
     background: #fff;
     color: #000;
     border: 1px solid #fff;
}
 .education .organic-cont h2 {
     color: #5049bb;
}
 .education .messg_box {
     background-color: #f7967e;
     box-shadow: 5.73px 32.499px 46px 0px #f7967e4a;
}
 .education .messg_box::before {
     border-bottom: 30px solid #f7967e;
}
 .education .online-food-content h2 {
     color: #000;
}
 .education .online-food-content h2 span{
     color: #f7967e 
}
 .education .trust-box span, .education .adv__box span{
     background: #fbedfd;
}
 .education .trust-box h4, .education .chance-cont h2, .education .adv-content h2, .education .adv__content h4 {
     color: #5049bb;
}
 .education .multi-box:hover, .education .trust-box:hover, .education .adv__box:hover {
     box-shadow: 7.641px 43.332px 95px 0px rgba(168, 155, 219, 0.21);
     border: 2px solid #fff;
}
 .education .chance-cont a{
     background: #5049bb;
     border:1px solid #5049bb 
}
 .education .food_content h2 {
     color: #ffff;
}
 .education .food_content h2 span{
     color: #f27c6e;
}
 .education .food_content h4, .education .food_content p{
    color: #fff
}
/*transport*/
 .transport .ind_Banner {
     background: url(../images/industries/logistics/banner-1.png) no-repeat;
     background-size: cover;
     width: 100%;
     min-height: 691px;
     display: flex;
     justify-content: center;
     display: flex;
     padding: 50px 0 0;
     position: relative;
     background-position: bottom right;
     overflow: hidden;
     height: auto;
}
 .transport img.banner-right-img {
     position: absolute;
     width: 673px;
     height: 483px;
     right: 254px;
     bottom: 94px;
}
 .transport .img__food {
     height: 317px;
}
 .transport .ind_Banner::before{
     display: none;
}
 .transport section.multi-dollar {
     margin: 20px 0 55px;
}
 .transport .multi-dollar::before {
     content: "";
     background: url(../images/industries/logistics/gloves.png) no-repeat;
     position: absolute;
     top: 0;
     left: 0%;
     background-size: 100%;
     content: "";
     height: 286px;
     width: 252px;
}
 .transport .multi-dollar::after{
     display: none;
}
 .transport .multi-img img {
     width: initial;
}
 .transport .createIn {
     background: url(../images/industries/logistics/covered-bg.jpg) no-repeat;
     width: 100%;
     height: 732px;
     background-size: cover;
}
 .transport .createIn::before{
     display: none;
}
 .transport section.organic-food::before{
     display: none;
}
 .transport .online-food::before {
     content: "";
     position: absolute;
     left: unset;
     background: url(../images/industries/logistics/plate-before.png) no-repeat;
     width: 269px;
     height: 201px;
     background-size: 100%;
     right: 0;
}
 .health-care .online-food:before,.health-care .organic-food:before{
    display: none;
}

 .transport .covered-food {
     background: url(../images/industries/logistics/create-bg.jpg) no-repeat;
     background-size: cover;
     width: 100%;
}
 .transport .chain-overlay img {
     filter: unset;
}
 .transport .chance-img::after {
     content: "";
     background: url(../images/industries/logistics/after.png) no-repeat;
     background-size: 100%;
     width: 336px;
     height: 193px;
     position: absolute;
     bottom: 5%;
     right: 0%;
}
 .transport .advance-img::before {
     background: url(../images/industries/logistics/half-laptop.png) no-repeat;
}
 .transport .cta__industry {
     background: url(../images/industries/logistics/cta.jpg) no-repeat;
}
 .transport .cta__industry::before {
     background: url(../images/industries/logistics/cta-left.png) no-repeat;
}
 .transport .food_content * {
     color: #fff !important;
}
 .transport .multi-content h4 {
     color: #000;
}
 .transport .multi-content h4 span{
     color: #eb4641;
}
 .transport .multi-box span, .transport .trust-box span, .transport .adv__box span{
     background:#e2e2e2 ;
}
 .transport .mul-cont h3 {
     color: #eb4641;
}
 .transport .create-cont h2 {
     color: #eb4641;
}
 .transport .create-cont h2 span{
     color: inherit;
}
 .transport .create-cont a {
     background: #fff;
     color: #000;
     border: 1px solid #fff;
}
 .transport .messg_box {
     background-color: #ff8400;
     box-shadow: 0px 13px 35px 0px rgb(255 132 0 / 50%);
}
 .transport .messg_box::before {
     border-bottom: 30px solid #ff8400;
}
 .transport .online-food-content h2{
     color: #000;
}
 .transport .online-food-content h2 span {
     color: #eb4641;
}
 .transport .trust-box h4{
     color: #eb4641;
}
 .transport .chance-cont h2, .transport .adv-content h2, .transport .adv__content h4 {
     color: #eb4641;
}
 .transport .multi-box:hover, .transport .trust-box:hover, .transport .adv__box:hover {
     box-shadow: 7.641px 43.332px 95px 0px rgba(168, 155, 219, 0.21);
}
 .transport .organic-cont h2 {
     color: #eb4641;
}
 .transport .chance-cont a {
     background: #e94f45;
     border: 1px solid #de4b46;
}
.cloud-banner {
   
    display: none !important;
}
/*case studies sos*/
.sos.__site section.web-banner {
    height: 857px;
    width: 100%;
    align-items: center;
    background-size: cover !important;
    margin: 0 0 0;
    background-position: bottom !important;
    position: relative;
    background: url(../images/web-app/sos/banner/bg.png) no-repeat;
}
.sos.__site .web-bann-img::before {
    content: "";
    position: absolute;
    bottom: 0;
    top: unset;
    left: unset;
    width: 1004px;
    height: 755px;
    background: url(../images/web-app/sos/banner/screens.png) no-repeat;
    background-size: 100%;
}
.sos.__site .client-benefits{
    background: url(../images/web-app/sos/client-benefits/bg.png) no-repeat;
    height: 893px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-position: left bottom;
}
.sos.__site .client-benefits::before {
    content: "";
    background: url(../images/web-app/sos/client-benefits/after.png) no-repeat;
    background-size: 100%;
    width: 486px;
    height: 270px;
    position: absolute;
    top: 10%;
    left: 0;
}
.sos.__site .client-benefits::after {
    content: "";
    background: url(../images/web-app/sos/client-benefits/before.png) no-repeat;
    background-size: 100%;
    width: 179px;
    height: 595px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.sos.__site .finance-matter {
    width: 100%;
    height: 684px;
    background: url(../images/web-app/sos/finance-matter/bg.png) no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: right;
}
.sos.__site .finance-img {
    position: relative;
    width: 500px;
    height: 500px;
}
.sos.__site .finance-img:before {
    position: absolute;
    bottom: 0;
   left: -84px;
    background: url(../images/web-app/sos/finance-matter/laptop.png) no-repeat;
    background-size: 95%;
    width: 641px;
    height: 604px;
    content: "";
}
.sos.__site  .high-content {
    max-width: 80%;
    margin: auto;
}
.sos.__site section.achieve-finance::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/web-app/sos/achieve-freedom/before.png) no-repeat;
    width: 174px;
    height: 546px;
    background-size: 100%;
}
.sos.__site section.achieve-finance::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/web-app/sos/achieve-freedom/after.png) no-repeat;
    width: 179px;
    height: 546px;
    background-size: 100%;

}
.sos.__site section.highlights {
    padding: 35px 0 0;
    position: relative;
}
.sos.__site section.achieve-finance {
    padding: 0;
    position: relative;
}
.sos.__site section.user-interface {
    padding: 0;
    position: relative;
}
.sos.__site section.user-interface::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/web-app/sos/hightlights/before.png) no-repeat;
   width: 367px;
    height: 271px;
    background-size: 100%;

}

.sos.__site section.creative::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background-size: 100%;
    background: url(../images/web-app/sos/creative/after.png) no-repeat;
    width: 596px;
    height: 443px;
}
.sos.__site section.creative {
    padding: 10px 0 0;
    position: relative;
}
.sos.__site .web-bann-content h2,
.sos.__site .high-content h2,
.sos.__site .client-bf-content h2,
.sos.__site .achieve-content h2,
.sos.__site .creative-content h2 {   color: #ebb72d; }
.sos.__site .finance-content h2 {
    color: #fff; 
}

.sos.__site  .achieve-content h2 {
    font-size: 39px;
   
    margin: 0;
}
.sos.__site  .achieve-content h4 {
  
    margin: 0 0 7px;
}
.sos.__site .high-content h2 {
    margin: 0;
   
}
/*cosa-bella*/

.cosa.__site section.web-banner {
    height: 857px;
    width: 100%;
    align-items: center;
    background-size: cover !important;
    margin: 0 0 0;
    background-position: bottom !important;
    position: relative;
    background: url(../images/web-app/cosa-bella/banner/bg.png) no-repeat;
}
.cosa.__site .web-bann-img::before {
    content: "";
    position: absolute;
    bottom: 0;
    top: unset;
    left: unset;
    width: 1004px;
    height: 755px;
    background: url(../images/web-app/cosa-bella/banner/screens.png) no-repeat;
    background-size: 100%;
}
.cosa.__site .client-benefits {
    background: url(../images/web-app/cosa-bella/client-benefits/bg.png) no-repeat;
    height: 893px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-position: left bottom;
}
.cosa.__site .client-benefits::before {
    content: "";
    background: url(../images/web-app/cosa-bella/client-benefits/after.png) no-repeat;
    background-size: 100%;
    width: 349px;
    height: 155px;
    position: absolute;
    top: 0;
    left: 0;
}
.cosa.__site .client-benefits::after {
    content: "";
    background: url(../images/web-app/cosa-bella/client-benefits/before.png) no-repeat;
    background-size: 100%;
    width: 228px;
    height: 546px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.cosa.__site .finance-matter {
    width: 100%;
    height: 684px;
    background: url(../images/web-app/cosa-bella/finance-matter/bg.png) no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: right;
}

.cosa.__site .finance-img:before {
    position: absolute;
    bottom: 0;
    left: -84px;
    background: url(../images/web-app/cosa-bella/finance-matter/laptop.png) no-repeat;
    background-size: 95%;
    width: 641px;
    height: 604px;
    content: "";
}
.cosa.__site section.highlights {
    padding: 50px 0 0;
    position: relative;
}

.cosa.__site section.achieve-finance {
    padding: 0;
    position: relative;
}
.cosa.__site section.achieve-finance::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/web-app/cosa-bella/hightlights/before.png) no-repeat;
    background-size: 100%;
   width: 175px;
    height: 546px;

}
.cosa.__site .high-content {
    max-width: 80%;
    margin: auto;
}
.cosa.__site .web-bann-content h4,
.cosa.__site .client-bf-content h2,
.cosa.__site .high-content h2,
.cosa.__site .achieve-content h2,
.cosa.__site .high-content h2,
.cosa.__site .interface-content h2,
.cosa.__site .creative-content h2,
.cosa.__site .font-box h5 {

    color: #fcc5db;
}
.cosa.__site .web-bann-content h2{
    color: #000;
}

.cosa.__site .finance-content h2 {
    color: #fff;
    
}
.cosa.__site .int-color-box span{
    background: #fcc1d9;
}
.cosa.__site ul.interface-color-palettes li:nth-child(2) span {
    background: #c0c0be;
}
.cosa.__site ul.interface-color-palettes li:nth-child(3) span{
    background: #252525;

}

.responsive-design section.hit-sect.__main{
    padding: 30px 0 ;
}
.responsive-design section.hit-sect.__main .desc.txt-2 {
    padding: 0;
}
.responsive-design section.services-solutions .head-desc h3 {
    margin: 0 0 5px;
    font-weight: 600;
    font-size: 35px;
}
.responsive-design section.services-solutions .tickets-row .tickets .desc h3 {
    font-size: 22px;
   
    margin-bottom: 10px;
}
.responsive-design svg.react-svg {
    width: 100%;
    padding: 50px;
} 
.creative-direction .desc.txt-2 h3 {
    font-size: 35px;
    padding: 0 0 0px;
    font-weight: 600;
    white-space: pre-line;
}
.creative-direction section.hit-sect.__hi {
    padding: 0 0 60px;
}
.creative-direction section.services-solutions {
    padding: 35px 0 0;
    position: relative;
}
.creative-direction section.services-solutions .head-desc h3 {
    font-size: 35px;
    
    line-height: unset;
    margin: 0 0 10px;
}
.creative-direction section.services-solutions .head-desc h2 {
    font-size: 45px;
   
    margin-bottom: 10px;
}
.e-commerce  section.platform-work {
    padding: 30px 0;
}

.e-commerce  ul.platform-list {
  
    padding: 30px 0;
}
.e-commerce section.services-solutions .tickets-row .tickets {

    margin-top: 85px;
    height: calc(100% - 85px);
}
/*casestudies medford*/
.med.__site section.web-banner {
    height: 762px;
    width: 100%;
    align-items: center;
    background-size: cover !important;
    margin: 0 0 0;
    background-position: bottom !important;
    position: relative;
    background: url(../images/sites/medford/banner/bg.png) no-repeat;
}
.med.__site .web-bann-img::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: unset;
    width: 783px;
    height: 620x;
    background: url(../images/sites/medford/banner/screens.png) no-repeat;
    background-size: 100%;
    right: 0;
}
.med.__site .client-benefits {
    background: url(../images/sites/medford/client-benefits/bg.png) no-repeat;
    height: 893px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-position: left bottom;
}
.med.__site .client-benefits::before{
    content: "";
    position: absolute;
    top: 40%;
    left: 0;
    background-size: 100%;
    width: 225px;
    height: 376px;
    background: url(../images/sites/medford/client-benefits/after.png) no-repeat;
}
.med.__site .client-benefits::after{
    content: "";
    position: absolute;
    top: 0%;
    right: 0;
    background-size: 100%;
    width: 277px;
    height: 776px;
    background: url(../images/sites/medford/client-benefits/before.png) no-repeat;
}
.med.__site .finance-matter {
    width: 100%;
    height: 640px;
    background: url(../images/sites/medford/finance-matter/bg.png) no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
        background-position: left;
}
.med.__site .finance-img:before {
    position: absolute;
    bottom: 0;
    left: -20px;
    background: url(../images/sites/medford/finance-matter/laptop.png) no-repeat;
    background-size: 100%;
    width: 494px;
    height: 465px;
    content: "";
}
.med.__site section.highlights {
    padding: 40px 0 0;
    position: relative;
}
.med.__site  section.highlights::before{
    content:  "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 419px ;
    width: 194px;
     background: url(../images/sites/medford/hightlights/before.png) no-repeat;
    background-size: 100%;

}
.med.__site .highlights-img img {
    width: initial;
}

.med.__site section.achieve-finance {
    padding: 0;
}
.med.__site section.achieve-finance::before {
    content: "";
    position: absolute;
    top: 23%;
    right: 0;
    width: 672px;
    height: 464px;
    background: url(../images/sites/medford/achieve-freedom/before.png) no-repeat;
    background-size: 100%;
    z-index: -1;
}
.med.__site section.highlights.h_2{
    display: none;
}
.med.__site .budget {
    background: url(../images/sites/medford/budget/bg.png) no-repeat;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-position: left  bottom;

}
.med.__site .budget::after{
 content: "";
    position: absolute;
    bottom: 0%;
    right: 0;
    width: 491px;
    height: 219px;
    background: url(../images/sites/medford/budget/after.png) no-repeat;
    background-size: 100%;
    z-index: -1;
}
.med.__site .budget::before{
 content: "";
    position: absolute;
    top: 0%;
    right: 0;
    width: 131px;
    height: 398px;
    background: url(../images/sites/medford/budget/before.png) no-repeat;
    background-size: 100%;
    z-index: -1;
}
.med.__site .int-color-box span {
 
    background: #2ba5dd;
    
}
.med.__site ul.interface-color-palettes li:nth-child(2) span {
    background: #092c70;
}

 .med.__site ul.interface-color-palettes li:nth-child(3) span {
    background: #91c440;
}
 .med.__site ul.interface-color-palettes li:nth-child(4) span {
    background: #252525;
}
 .med.__site .web-bann-content h2 {
  
    white-space: pre-line;

}
 .med.__site .web-bann-content h4,
  .med.__site .client-bf-content h4 ,
   .med.__site .high-content h4,
  .med.__site .achieve-content h4{
    
    color: #092c70;
}
  .med.__site .web-bann-content h2 span,
   .med.__site .client-bf-content h2 span,
   .med.__site .high-content h2 span,
   .med.__site .achieve-content h2 span {
    color: #2ba5dd;
}
 .med.__site .web-bann-content h2,
 .med.__site .client-bf-content h2,
  .med.__site .high-content h2,
    .med.__site .achieve-content h2,
        .med.__site .creative-content h2{
    color: #91c440;

 }
  .med.__site .interface-content h2 {
  
    color: #2ba5dd;
}
  .med.__site .finance-content h2{
    color:  #fff;
  }
   .med.__site  .font-box h5 {
    color: #91c440;
 
}
 /*elegant tours*/

 .eleg.__site section.web-banner {
    height: 890px;
    width: 100%;
    align-items: center;
    background-size: cover !important;
    margin: 0 0 0;
    background-position: bottom !important;
    position: relative;
    background: url(../images/sites/elegant/banner/bg.png) no-repeat;
}
.eleg.__site .web-bann-img::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: unset;
    width: 1004px;
    height: 725px;
    background: url(../images/sites/elegant/banner/screens.png) no-repeat;
    background-size: 100%;
    right: 0;
}
.eleg.__site .client-benefits {
    background: url(../images/sites/elegant/client-benefits/bg.png) no-repeat;
    height: 893px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-position: left bottom;
}
.eleg.__site .client-benefits::after {
    content: "";
    background: url(../images/sites/elegant/client-benefits/before.png) no-repeat;
    background-size: 100%;
    width: 225px;
    height: 567px;
    position: absolute;
    bottom: 0%;
    right: 0;
}
.eleg.__site .client-benefits::before{
    content: "";
    background: url(../images/sites/elegant/client-benefits/after.png) no-repeat;
    background-size: 100%;
    width: 298px;
    height: 158px;
    position: absolute;
    top: 0%;
    left: 0;
}
.eleg.__site .finance-matter {
    width: 100%;
    height: 640px;
    background: url(../images/sites/elegant/finance-matter/bg.png) no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: left;
    position: relative;
}
.eleg.__site .finance-img:before {
    position: absolute;
    bottom: 0;
    left: -20px;
    background: url(../images/sites/elegant/finance-matter/laptop.png) no-repeat;
    background-size: 100%;
    width: 494px;
    height: 465px;
    content: "";
}
.eleg.__site .finance-matter:after{
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../images/sites/elegant/finance-matter/after.png) no-repeat;
    background-size: 100%;
    width: 388px;
    height: 177px;
    content: ""; 
}
.eleg.__site section.highlights::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    background: url(../images/sites/elegant/hightlights/before.png) no-repeat;
    width: 86px;
    height: 383px;
    background-size: 100%;
}
.eleg.__site section.achieve-finance::before {
    content: "";
    position: absolute;
    bottom: -62px;
    top: unset;
    right: 0;
    width: 672px;
    height: 686px;
    background: url(../images/sites/elegant/achieve-freedom/before.png) no-repeat;
    background-size: 100%;
    z-index: -1;
}

.eleg.__site section.achieve-finance{
    padding: 0;
}

.eleg.__site .budget {
    background: url(../images/sites/elegant/budget/bg.png) no-repeat;
  
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-position: left bottom;
}
.eleg.__site .budget::before {
    background: url(../images/sites/elegant/budget/bg.png) no-repeat;
    width: 121px;
    height: 398px;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.eleg.__site .web-bann-content h2 span {
    color: #eb1c22;
}
.eleg.__site .web-bann-content h2 {
    font-size: 41px;    
    color: #0e9b49;
  
}
.eleg.__site .client-bf-content h4,
.eleg.__site .high-content h4,
.eleg.__site .achieve-content h4,
.eleg.__site .interface-content h3,
.eleg.__site .creative-content h4 {
    font-size: 35px;

    color: #0e9b49;
}
.eleg.__site .client-bf-content h2,
.eleg.__site .high-content h2,
.eleg.__site .achieve-content h2,
.eleg.__site  .interface-content h2,
.eleg.__site .creative-content h2
 {
    color: #27a7df;

}
.eleg.__site .achieve-content h2 span{
    color:#eb1c22 ;
}
.eleg.__site  .finance-content h2{
    color: #fff;
}
.eleg.__site .int-color-box span{
    background: #0e9b49;
}
.eleg.__site ul.interface-color-palettes li:nth-child(2) span{
        background: #efc713;
}
.eleg.__site ul.interface-color-palettes li:nth-child(3) span{
        background: #27a7df;
}
.eleg.__site .font-box h5{
    color:  #0e9b49;

}
.eleg.__site .font-box-md h3{
    color:  #27a7df;

}
/*desta world*/
.desta.__site .web-banner {
    height: 719px;
    width: 100%;
    align-items: center;
       background-size: cover !important;
    margin: 0 0 0;
    background-position: bottom !important;
    position: relative;
    background: url(../images/sites/desta-world/banner/bg.png) no-repeat;

}

.desta.__site .web-bann-img::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: unset;
    width: 1004px;
    height: 725px;
    background: url(../images/sites/desta-world/banner/laptop.png) no-repeat;
    background-size: 100%;
    right: 0;
}

.desta.__site .client-bf-content img {
    width: initial;
}

.desta.__site .client-benefits {
    background: url(../images/sites/desta-world/client-benefits/bg.png) no-repeat;
    height: 893px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-position: left bottom;
}
.desta.__site .client-benefits::after {
    content: "";
    background: url(../images/sites/desta-world/client-benefits/after.png) no-repeat;
    background-size: 100%;
    width: 274px;
    height: 755px;
    position: absolute;
    bottom: 10%;
    right: 0;
}
.desta.__site .finance-matter {
    width: 100%;
    height: 640px;
    background: url(../images/sites/desta-world/finance-matter/bg.png) no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: bottom left;
    position: relative;
}
.desta.__site .finance-img:before {
    position: absolute;
    bottom: 0;
    left: -20px;
    background: url(../images/sites/desta-world/finance-matter/laptop.png) no-repeat;
    background-size: 100%;
    width: 494px;
    height: 465px;
    content: "";
}
.desta.__site section.highlights::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    background: url(../images/sites/desta-world/highlights/after.png) no-repeat;
    width: 172px;
    height: 495px;
    background-size: 100%;
    transform: translateY(-50%);
}
.desta.__site section.achieve-finance::before {
    content: "";
    position: absolute;
    top: 23%;
    right: 0;
    width: 672px;
    height: 464px;
    background: url(../images/sites/desta-world/achieve-freedom/after.png) no-repeat;
    background-size: 100%;
    z-index: -1;
}

.desta.__site .budget {
    background: url(../images/sites/desta-world/budget/bg.png) no-repeat;
    height: 891px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-position: bottom left;
}
.desta.__site .budget::before {
    content: "";
    position: absolute;
    top: 0%;
    right: 0;
    width: 131px;
    height: 398px;
    background: url(../images/sites/medford/budget/before.png) no-repeat;
    background-size: 100%;
    z-index: -1;
}
.desta.__site .budget::after {
    content: "";
    position: absolute;
    bottom: 0%;
    right: 20px;
    width: 279px;
    height: 597px;
    background: url(../images/sites/desta-world/budget/after.png) no-repeat;
    background-size: 100%;
    z-index: -1;
}
.desta.__site .web-bann-content h2 {

    white-space: pre-line;
}
.desta.__site .web-bann-content h2,
.desta.__site .client-bf-content h2,
.desta.__site .high-content h2,
.desta.__site  .achieve-content h2,
.desta.__site .interface-content h2,
.desta.__site .creative-content h2,
.desta.__site .font-box h5{
    color:  #cba252;

}
.desta.__site .web-bann-content h2 span{
    color: #000;
}
.desta.__site .finance-content h2{
    color: #fff;
}
.desta.__site section.creative {
    padding: 0;
}
.desta.__site .int-color-box span{
    background: #cba252;
}
.desta.__site ul.interface-color-palettes li:nth-child(2) span{
    background: #4a4a4a;
}
.desta.__site ul.interface-color-palettes li:nth-child(3) span{
    background: #252525;
}
.education .chance-img::before{
    display: none !important;
}
/*errors page*/
.error-cont h2 {
    font-size: 71px;
    font-weight: 800;
    color: #a43484;
}

.error-cont h4 {
    font-size: 34px;
    font-weight: 600;
   color: #423c75;
}



/* Terms Page */

.terms-condtions .terms-content p {
    padding: 0;
}

.terms-condtions .terms-content h3 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 25px;
    color: #4d0e97;
}

.terms-condtions .terms-content ul.content-list {
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 20px;
}

.terms-condtions .terms-content a.green:hover {
    color: #00e06d;
}