/************ CSS Styles ************

    Template Name: Nippon- Software Landing  Template
    Author: Tanmoy Dhar
    version: 1.0
    Copyright: 2018

************************************/
 /*==================================

        Table of Content
        1. Body Css
        2. Preload
        3. Navbar
        4. Banner Section
        5. Features Section
        6. Pricing Section
        7. Counter Section
        8. Screensort Section
        9. Services Section
        10. Blogs Section
        11. Testimonial Section
        12. Contact Form Section
        13. Footer
        14. Single Blog Page
        15. Mobile Responsive

==================================*/

 /*============ 1. Body Css ============*/

 /*:root {
   --supper-red:#FE846F;
   --supper-green:#88FA88;
   --supper-purple:#9A6FFD;
   --supper-blue:#5B67EF;
};*/

 html,
 body,
 div,
 span,
 applet,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 a,
 abbr,
 acronym,
 address,
 big,
 cite,
 code,
 del,
 dfn,
 em,
 img,
 ins,
 kbd,
 q,
 s,
 samp,
 small,
 strike,
 strong,
 sub,
 sup,
 tt,
 var,
 b,
 u,
 i,
 center,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 fieldset,
 form,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td,
 article,
 aside,
 canvas,
 details,
 embed,
 figure,
 figcaption,
 footer,
 header,
 hgroup,
 menu,
 nav,
 output,
 ruby,
 section,
 summary,
 time,
 mark,
 audio,
 video {
     margin: 0;
     padding: 0;
     border: 0;
 }

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section,
 main {
     display: block;
 }

 ul,
 li {
     list-style: none;
 }

 select {
     width: 100%;
 }

 input:focus {
     outline: 0;
 }

 body {
     font-family: 'Baloo';
     font-size: 14px;
     font-weight: 400;
     line-height: 26px;
     overflow-x: hidden;
     background-color: #ffffff;
     color: #666666;
 }

 body::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     border-radius: 10px;
     background-color: #fff;
 }

 body::-webkit-scrollbar {
     width: 12px;

 }

 body::-webkit-scrollbar-thumb {
     border-radius: 10px;
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
     background-color: #5a64e8;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     color: #323a45;
     font-weight: normal;
     line-height: 1.2;
     font-family: 'Baloo', sans-serif;
     letter-spacing: 0;
     margin: 0;
 }

 img {
     width: 100%;
     height: auto;
 }

 a,
 a:hover,
 a:focus {
     color: inherit;
     text-decoration: none;


 }

 p {
     font-family: 'Baloo', sans-serif;
     font-weight: 400;
     color: #666;
     line-height: 25px;
     font-size: 16px;
 }

 .bg-gray {
     background-color: #f9f8f8;
 }

 span {
     display: inline-block;
 }

 /*===========Margin And Paddings============*/
 .mt-0 {
     margin-top: 0 !important;
 }

 .mt-5 {
     margin-top: 5px !important;
 }

 .mt-10 {
     margin-top: 10px !important;
 }

 .mt-15 {
     margin-top: 15px !important;
 }

 .mt-20 {
     margin-top: 20px !important;
 }

 .mt-25 {
     margin-top: 25px !important;
 }

 .mt-30 {
     margin-top: 30px !important;
 }

 .mt-35 {
     margin-top: 35px !important;
 }

 .mt-40 {
     margin-top: 40px !important;
 }

 .mt-45 {
     margin-top: 45px !important;
 }

 .mt-50 {
     margin-top: 50px !important;
 }

 .mt-55 {
     margin-top: 55px !important;
 }

 .mt-60 {
     margin-top: 60px !important;
 }

 .mt-62 {
     margin-top: 62px !important;
 }

 .mt-65 {
     margin-top: 65px !important;
 }

 .mt-70 {
     margin-top: 70px !important;
 }

 .mt-75 {
     margin-top: 75px !important;
 }

 .mt-80 {
     margin-top: 80px !important;
 }

 .mt-85 {
     margin-top: 85px !important;
 }

 .mt-90 {
     margin-top: 90px !important;
 }

 .mt-95 {
     margin-top: 95px !important;
 }

 .mt-100 {
     margin-top: 100px !important;
 }

 .mt-150 {
     margin-top: 150px !important;
 }

 .mt-250 {
     margin-top: 250px !important;
 }

 /* Custom Margin Bottom */
 .mb-0 {
     margin-bottom: 0 !important;
 }

 .mb-15 {
     margin-bottom: 15px !important;
 }

 .mb-30 {
     margin-bottom: 30px !important;
 }

 .mb-35 {
     margin-bottom: 37px !important;
 }

 .mb-20 {
     margin-bottom: 20px !important;
 }

 .mb-50 {
     margin-bottom: 50px !important;
 }

 .mb-100 {
     margin-bottom: 100px !important;
 }

 .m-0 {
     margin: 0px !important;
 }

 /* Custom Padding top */
 .pt-0 {
     padding-top: 0 !important;
 }

 .pt-30 {
     padding-top: 30px !important;
 }

 .pt-50 {
     padding-top: 50px !important;
 }

 .pt-100 {
     padding-top: 100px !important;
 }

 /* Custom Padding top */
 .pb-0 {
     padding-bottom: 0 !important;
 }

 .pb-5 {
     padding-bottom: 5px !important;
 }

 .pb-30 {
     padding-bottom: 30px !important;
 }

 .pb-50 {
     padding-bottom: 50px !important;
 }

 .pb-70 {
     padding-bottom: 70px !important;
 }

 .pb-100 {
     padding-bottom: 100px !important;
 }

 .pb-200 {
     padding-bottom: 150px !important;
 }

 .p-0 {
     padding: 0 !important;
 }

 .owl-theme .owl-dot span {
     width: 20px !important;
 }

 .bg-gray {
     background-color: #f9f8f8;
 }

 .div-btn {
     display: inline-block;
     background-color: #2ecbd1;
     padding: 10px 15px;
     color: #fff;
     text-transform: uppercase;
     -webkit-transition: .2s background-color ease;
     -o-transition: .2s background-color ease;
     transition: .2s background-color ease;
     font-size: 16px;
     letter-spacing: 1px;
     font-weight: 600;
     cursor: pointer;
     margin-right: 10px;
 }

 .div-btn:hover {
     color: #2ecbd1;
     background-color: transparent;
 }

 .bread-crumb a {
     color: #fff;
     display: inline-block;
     margin: 0 10px;
     position: relative;
     font-size: 16px;
     text-transform: uppercase;
 }

 .bread-crumb a:before {
     content: "/";
     position: absolute;
     right: -15px;
 }

 .bread-crumb a:last-child:before {
     display: none;
 }

 blockquote {
     font-size: 15px;
     color: #222;
     border-left: 4px solid #222;
     padding-left: 20px;
     margin: 40px 0;
     font-weight: 500;
 }

 /*=========== Section Style ============*/

 .section-title p {
     color: #6f6e6e;
 }

 .section-title.bg-section-title h3 {
     color: #fff;
 }

 .section-title.bg-section-title p {
     color: #fff;
 }

 .section-padding {
     padding: 120px 0;
 }

 .m-60 {
     margin: 0 60px;
 }

 .paddingtop {
     padding: 70px 0;
 }

 .section-title {
     margin-bottom: 65px;
 }

 .main-title h4 {
     font-size: 35px;
     text-transform: capitalize;
     margin-bottom: 0px;
     font-weight: 600;
     letter-spacing: 0px;
     /* color: #263566; */
 }

 .title-section .badge {
     font-weight: 700;
     color: #ffffff;
     background: #FE846D;
     text-transform: uppercase;
     font-size: 12px;
     letter-spacing: 1px;
     border-radius: 14px;
     padding: 7px 19px;
     margin-bottom: 15px;
 }

 .main-title h6 {
     color: #0E1F37;
     font-size: 16px;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 2px;
     display: inline-block;
     padding: 0 15px;
     position: relative;
 }

 .bg-title-section .badge {
     background: #fff;
     color: #192538;
 }

 .bg-title-section .title-main {
     color: #fff;
 }

 .bg-title-section .title-details {
     color: #fff;
 }

 .main-title.meain-title-bg-white p:after {
     border-color: #f8f9fa;
 }

 .main-title.meain-title-bg-white h4 {
     color: #fff;
 }

 .main-title.meain-title-bg-white p {
     color: #fff;
 }

 .main-title.meain-title-bg-white:before {
     border-color: #fff;
 }

 .main-title h6:before,
 .main-title h6:after {
     content: '';
     width: 30px;
     height: 3px;
     background-color: #2ecbd1;
     position: absolute;
     bottom: 8px;
 }

 .main-title h6:before {
     left: -25px;
 }

 .main-title h6:after {
     right: -25px;
 }

 .main-title {
     position: relative;
     text-align: center;
 }

 .section-title p {
     font-size: 18px;
     font-weight: 400;
     line-height: 1.67;
     color: #2a3b71;
     text-align: center;
 }

 .section-title h3 {
     text-align: center;
     font-size: 38px;
     margin-top: 0;
     margin-bottom: 25px;
     line-height: 25px;
     color: #181b3a;
     font-weight: 600;
 }

 .main-title span {
     color: #2ecbd1;
     font-weight: 700;
 }

 .divi-title {
     margin-bottom: 20px;
 }

 .divi-title h4 {
     font-size: 35px;
     font-weight: 600;
     position: relative;
     margin-bottom: 20px;
 }

 .divi-title span {
     color: #2ecbd1;
 }

 .divi-title h4:before {
     content: '';
     width: 40px;
     height: 3px;
     background-color: #2ecbd1;
     position: absolute;
     bottom: -10px;
 }

 h1.title-page-back {
     position: absolute;
     color: #EEEFF3;
     font-size: 140px;
     font-weight: 800;
     text-transform: uppercase;
     left: 50%;
     transform: translate(-50%);
     z-index: 0;
     /* top: -48px; */
     bottom: -55px;
     display: none;
 }

 .title-main-page {
     position: relative;
     z-index: 1;
 }

 /*page title*/
 .page-title {
     height: 50vh;
     width: 100%;
     -webkit-background-size: cover;
     background-size: cover;
     background-attachment: fixed;
     background-repeat: no-repeat;
     position: relative;
     overflow: hidden;
     z-index: 0;
 }

 .page-title-div {
     top: 55%;
     position: absolute;
     color: #fff;
     z-index: 11;
     width: 100%;
     left: 0;
     text-align: center;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 .page-title-div h1 {
     font-size: 50px;
     font-weight: 700;
     letter-spacing: 0px;
     color: #fff;
 }




 /*----------------------------------------------------
          04-navbar
----------------------------------------------------*/


 /*Middile nav*/

 .navbar {
     position: fixed;
     top: 0px;
     width: 100%;
     z-index: 9999;
     padding: 0;
     background: #4F45D9;
 }

 a.navbar-brand img {
     width: 165px;
 }

 .logo-color {
     display: none;
 }

 .navbar .container {
     padding: 0;
     position: relative;
     transition: all 0.5s ease-in-out;
 }

 .navbar .navbar-brand .b-logo {
     display: block;
 }

 .navbar .navbar-nav .nav-item {
     padding: 15px 10px;
     transition: all 0.5s ease-in-out;
 }

 .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-toggle {
     cursor: pointer;
     color: #FE846F;
 }

 .dropdown-toggle::after {
     content: "\f107";
     font-family: 'Font Awesome 5 Free';
     margin: 0;
     border: none;
     font-weight: 900;
     /* <-- add this or 400 for other styles */
     vertical-align: 0;
     margin-left: 1px;
 }

 .dropdown-menu {
     width: auto;
     padding: 10px 5px 30px 5px;
     position: absolute;
     left: 0;
     border: none;
     box-shadow: 0 11px 35px rgba(0, 0, 0, 0.075);
 }

 @media only screen and (min-width:992px) {
     .dropdown-menu {
         visibility: hidden;
         opacity: 0;
         display: block;
         -webkit-transform: translateY(50px);
         -moz-transform: translateY(50px);
         -ms-transform: translateY(50px);
         -o-transform: translateY(50px);
         transform: translateY(50px);
         -webkit-transition: transform 0.4s ease;
         transition: transform 0.4s ease;
     }

     .dropdown:hover .dropdown-menu {
         margin-top: 0;
         -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
         -ms-transform: translateY(0);
         -o-transform: translateY(0);
         transform: translateY(0);
         visibility: visible;
         opacity: 1;
     }

     .dropdown-menu>li {
         display: block;
     }
 }

 .dropdown-menu a {
     padding: 10px !important;
     text-transform: uppercase;
     font-size: 13px;
     font-weight: 600;
 }

 .dropdown-menu a:hover,
 .dropdown-menu a:focus {
     color: #FE846F !important;
     background: none;
 }

 .navbar .navbar-nav .nav-link {
     font-size: 14px;
     color: #ffffff;
     text-transform: capitalize;
     font-weight: 600;
     letter-spacing: 1px;
     padding: 0;
 }

 .mega-item {
     position: static;
 }

 .mega-menu {
     left: 0;
     right: 0;
 }

 .navbar .navbar-nav .nav-item.log-in {
     padding: 25px 10px;
 }

 .navbar .navbar-nav .nav-item.log-in .nav-link {
     padding: 10px 20px;
     font-size: 14px;
     color: #333;
     text-transform: uppercase;
     font-weight: 600;
     background: #FF8941;
     background-image: -webkit-gradient(linear, left top, right top, from(#FF8941), color-stop(51%, #ff9d61), to(#FF8941));
     background-image: -webkit-linear-gradient(to right, #FF8941 0%, #41e9ff 51%, #FF8941 100%);
     background-image: -o-linear-gradient(to right, #FF8941 0%, #41e9ff 51%, #FF8941 100%);
     background-image: linear-gradient(to right, #FF8941 0%, #ff995a 51%, #FF8941 100%);
     background-size: 200% auto;
     color: #ffffff;
     border-radius: 5px !important;
 }

 .navbar .navbar-nav .nav-item.log-in .nav-link:hover {
     background: #2e2ac7;
     color: #fff !important;
 }

 .navbar .navbar-nav .nav-link:hover {

     color: #fff;
 }

 .navbar-colored .nav-item.log-in .nav-link {
     color: #fff !important;
     background: #FF8941;
     background-image: -webkit-gradient(linear, left top, right top, from(#FF8941), color-stop(51%, #ff9d61), to(#FF8941));
     background-image: -webkit-linear-gradient(to right, #FF8941 0%, #41e9ff 51%, #FF8941 100%);
     background-image: -o-linear-gradient(to right, #FF8941 0%, #41e9ff 51%, #FF8941 100%);
     background-image: linear-gradient(to right, #FF8941 0%, #41e9ff 51%, #FF8941 100%);
     background-size: 200% auto;
     border-radius: 50px !important;
 }

 .navbar-colored .logo-white {

     display: none;
 }

 .navbar-colored .logo-color {

     display: block;
 }

 .navbar .navbar-nav .nav-link:hover,
 .navbar-colored .navbar-nav .nav-link:hover,
 .navbar .navbar-nav .nav-link.active,
 .navbar-colored .navbar-nav .nav-link.active {
     color: #0024dd;
 }

 .navbar-colored .navbar-nav .nav-link:hover,
 .navbar-colored .navbar-nav .nav-link:hover,
 .navbar-colored .navbar-nav .nav-link.active {
     color: #FE846F !important;
 }

 .dropdown-item.active {
     color: #1fcae8;
     background-color: transparent;
 }

 .navbar .navbar-toggler:focus {
     outline: none
 }

 .navbar-2 .navbar-toggler .fa-bars {
     color: #ffffff;
 }

 .navbar-colored {
     background-color: #fff;
     box-shadow: 0 1px 8px 3px rgba(0, 0, 0, 0.05);
     transition: all .45s ease;
 }

 .navbar-colored .navbar-nav .nav-item {
     padding: 20px 10px;
 }

 .navbar-colored li.nav-item.log-in.sign-in a {
     background: #FF8941 !important;
 }

 .navbar-colored .navbar-nav .nav-link {
     color: #333;
 }

 a.navbar-brand h2 {
     font-size: 28px;
     font-weight: 700;
     font-weight: 700;
     color: #fff;
     text-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
     text-transform: uppercase;
     letter-spacing: 2px;
 }

 .navbar-colored .navbar-nav .nav-item.log-in {
     padding: 15px 10px;
 }

 .navbar-colored .navbar-toggler .fa-bars {
     color: #ff9d4d;
 }

 li.nav-item a {
     padding: 8px 5px;
 }

 a.nav-link {
     padding: 8px 0px !important;
 }

 /*Navbar 2*/


 .navbar-2 li.nav-item a {
     color: #fff;
 }

 .navbar-2 li.nav-item .dropdown-item {
     color: #2a2a2a;
     font-size: 13px;
 }

 s .navbar-2 .navbar-nav .nav-link {
     color: #fff;
 }

 .navbar-2 .navbar-nav .nav-link:hover,
 .navbar-2.navbar-colored .navbar-nav .nav-link:hover,
 .navbar-2 .navbar-nav .nav-link.active,
 .navbar-2.navbar-colored .navbar-nav .nav-link.active {
     color: #f7931e;
 }

 nav.navbar.navbar-expand-lg.navbar-2.navbar-colored {
     background: #fff;
     box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
     top: 0;
 }

 .navbar-2.navbar-colored .navbar-nav .nav-link {
     color: #222;
 }

 .color-logo {
     display: none;
     transition: .2s;
 }

 .navbar-2.navbar-colored .white-logo {
     display: none;
 }

 .navbar-2.navbar-colored .color-logo {
     display: block;
 }

 /*mobile responsive*/

 @media (max-width: 991px) {

     .navbar-colored .navbar-nav .nav-link:hover,
     .navbar-colored .navbar-nav .nav-link:hover,
     .navbar .navbar-nav .nav-link.active,
     .navbar-colored .navbar-nav .nav-link.active {
         color: #FE846F;
     }

     .navbar {
         text-align: left;
     }

     a.navbar-brand {
         margin-left: 15px;
     }

     .navbar .container {
         padding: 10px 5px;
     }

     .navbar-colored .container {
         padding: 10px 5px;
     }

     .navbar-collapse {
         background-color: #fff;
         margin-top: 10px;
         max-height: 440px;
         overflow-y: scroll;
     }

     .navbar .navbar-nav .nav-item {
         padding: 10px 20px;
         display: block;
         text-align: center;
     }

     .navbar .navbar-nav .nav-link {
         color: #3d3d40;
         padding: 0px;
         display: inline-block;
     }

     .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-toggle {
         color: inherit
     }

     .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle:hover {
         color: #1fcae8;
     }

     .navbar .nav-item.dropdown .dropdown-menu {
         padding: 0;
         box-shadow: none;
         -webkit-transition: max-height 0.5s, opacity 0.2s 0.1s;
         -moz-transition: max-height 0.5s, opacity 0.2s 0.1s;
         -ms-transition: max-height 0.3s, opacity 0.2s 0.1s;
         -o-transition: max-height 0.5s, opacity 0.2s 0.1s;
         transition: max-height 0.5s, opacity 0.2s 0.1s;
         max-height: 0;
         display: block;
         overflow: hidden;
         opacity: 0;
     }

     .navbar .nav-item.dropdown .dropdown-menu.show {
         max-height: 230px;
         overflow-y: scroll;
         display: block;
         opacity: 1;
     }


     .navbar .navbar-nav .nav-item.log-in {
         margin-bottom: 0px;
         padding: 0 20px;
         margin-top: 15px;
     }

     .navbar .navbar-nav .nav-item.log-in a {
         display: block;
         margin-bottom: 10px;
         text-align: center;
     }
 }

 @media (max-width: 767px) {
     .navbar-nav {
         padding: 25px;
         background: #fff;
     }
 }

 li.nav-item.log-in.sign-in a {
     background: #FF8941 !IMPORTANT;
     color: #fff !important;
 }

 .header-1 {
     position: relative;
     z-index: 99;
 }

 .header-form-subscribe {
     position: relative;
 }

 .nav-btn {
     display: inline-block;
     background: #F7931E;
     padding: 8px 20px !important;
     border-radius: 25px;
     text-transform: uppercase;
     font-weight: 500;
     letter-spacing: .5px;
 }

 /*============ 4. Banner Section============*/
 .banner {
     height: 75vh;
     position: relative;
     width: 100%;
     display: block;
 }

 .header-1 img {
     max-width: 500px;
 }

 canvas.particles-js-canvas-el {
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 1;
     left: 0;
     top: 0;
 }

 .banner.owl-dots {
     display: none;
 }

 .bg-section {
     background: rgba(0, 0, 0, 0) linear-gradient(to right, #7471FE 0%, rgba(64, 60, 255, .9) 0%, rgba(65, 61, 255, .9) 100%) repeat scroll 0 0;
     width: 100%;
     height: 100%;

 }

 .overlay {
     background-image: linear-gradient(to right, rgba(90, 100, 232, 0.9), rgba(84, 96, 234, 0.9));
     width: 100%;
     height: 100%;
     z-index: 1;
     position: relative;

 }

 .section-bg {
     background-size: cover;
     position: relative;
     background-position: left;
     z-index: 0;
 }

 h2.header-title {
     font-size: 50px;
     line-height: 70px;
     font-weight: 600;
     margin-bottom: 20px;
     color: #fff;
     text-transform: capitalize;

 }

 .banner-index canvas.particles-js-canvas-el {
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 0;
     left: 0;
     top: 0;
 }

 p.header-subtitle {
     font-size: 14px;
     line-height: 28px;
     margin-bottom: 50px;
     color: #fff;
 }

 .header-app h3 {
     font-size: 28px;
     line-height: 40px;
     color: #fff;
     margin-bottom: 10px;
     letter-spacing: 3px;
 }


 .header-app h3 span {
     color: #ffffff;
     margin-bottom: 0px;
     font-size: 20px;
 }

 .bg-overlay-2 {
     background-image: linear-gradient(to right, #208CCC, #09BADB);
     width: 100%;
     height: 100%;
 }

 .section-bg-overlay {
     background: rgba(79, 69, 217, .9);
     width: 100%;
     height: 100%;
 }

 .bg-overlay {
     background: #4F45D9;
     width: 100%;
     height: 100%;
 }

 .banner-img:before {
     display: none;
 }

 .header-app {
     z-index: 999;
 }

 .header-app.header-3 {
     text-align: center;
 }

 /*SVG background*/
 .banner-svg-1:after {
     content: '';
     height: 100%;
     display: block;
     background: url(../images/svg/wave-double.svg) bottom no-repeat;
     background-size: cover;
     position: absolute;
     bottom: -3px;
     left: 0;
     right: 0;
     z-index: 101;
 }

 .banner-svg-4:after {
     content: '';
     height: 100%;
     display: block;
     background: url(../images/svg/m-style.svg) bottom no-repeat;
     background-size: cover;
     position: absolute;
     bottom: -3px;
     left: 0;
     right: 0;
     z-index: 101;
 }

 /*SVG background*/
 .banner-svg-2:after {
     position: absolute;
     height: 100%;
     width: 100%;
     content: '';
     left: 0;
     bottom: 0;
     z-index: 2;
     background: url(../images/svg/wave-d.png) 100% 100% no-repeat;
     background-size: contain;
 }

 .banner-svg-3:after {
     position: absolute;
     height: 100%;
     width: 100%;
     content: '';
     left: 0;
     bottom: 0;
     z-index: 2;
     background: url(../images/svg/wave-d.png) 100% 100% no-repeat;
     background-size: contain;
 }

 h2.header-title span {
     font-weight: 600;
 }

 h2.header-title b {
     font-weight: 600;
 }

 .slider-area .owl-dots {
     position: relative;
     top: -60px;
 }

 .slider-area .owl-dots .owl-dot {
     background: #fff;
 }

 .slider-area .owl-dot.active {
     background: #FE846F;
 }

 .owl-theme .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span {
     background: transparent;
 }

 .owl-theme .owl-dots .owl-dot span {
     background: transparent;
 }

 .slider-area .owl-dot {
     width: 30px;
     height: 5px;
     border-radius: 10px;
 }

 .sl-item {
     width: 100%;
     height: 100vh;
     background-size: cover;
 }

 .slider-area .owl-theme .owl-dots .owl-dot {
     display: inline-block;
     zoom: 1;
     padding: 5px;
     margin: 0 5px;
 }

 .header-form-subscribe {
     position: relative;
 }

 .header-form-subscribe input {
     width: 300px;
     border: 0;
     height: 50px;
     padding: 10px 20px;
     border-radius: 5px;
     box-shadow: 3px 9px 18px rgba(0, 0, 0, .15);
 }

 button.header-btn {
     position: absolute;
     top: 0;
     bottom: 0;
     border: 0;
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
     margin-left: -8px;
     padding: 10px 20px;
     font-size: 16px;
     border-top-left-radius: 0px;
     border-bottom-left-radius: 0px;
     color: #fff;
     box-shadow: 3px 9px 18px rgba(0, 0, 0, .15);
     text-transform: uppercase;
     letter-spacing: 1px;
     background: #FE846F;
     cursor: pointer;
 }

 button.header-btn:hover {
     background-color: #FF5722;
 }

 /*button*/
 .btn {
     display: inline-block;
     font-weight: 400;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     font-family: 'Baloo', sans-serif;
     padding: 10px 30px 10px;
     font-size: 17px;
     line-height: 28px;
     border: 0px;
     border-radius: 10px;
     -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
     -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
 }

 .btn.header-btn-color {
     background: #f7931e;
     color: #fff !important;
     border-radius: 25px;
     box-shadow: 6px 5px 10px rgba(43, 43, 43, 0.25);
 }

 /*What we do*/
 .what-we-do-div h2 {
     font-weight: 600;
     margin-bottom: 25px;
     font-size: 40px;
     letter-spacing: 1px;
 }

 .btn-color {
     background: #f7931e;
     font-size: 16px;
     color: #fff;
     -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .06);
     box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .06);
     border-radius: 25px;
 }

 .play-btn i {
     /* background: #4f45d9; */
     color: #fff;
     width: 50px;
     height: 50px;
     text-align: center;
     border-radius: 50%;
     font-size: 18px;
     line-height: 50px;
     background-image: linear-gradient(to right, #5480D4, #5460ea);
     margin-left: 14px;
     position: relative;
 }

 a.play-btn i:after {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     content: "";
     height: 60px;
     left: 0;
     margin-left: -5px;
     margin-top: -5px;
     opacity: 0.5;
     position: absolute;
     top: 0px;
     width: 60px;
     background: #5468e4;
     z-index: -1;
 }

 a.play-btn span {
     font-weight: 600;
     margin-left: 10px;
     font-size: 16px;
 }

 .about-btn {
     margin-top: 50px;
 }

 .we-do-item {
     border-radius: 5px;
     background: #4f45d9;
     padding: 30px 20px;
     -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .06);
     box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .06);
     text-align: center;
     /* box-shadow: 4px 4px 10px rgba(34, 34, 34, 0.2); */
 }

 .we-do-item h4 {
     color: #fff;
     font-size: 18px;
     line-height: 30px;
     font-weight: 600;
     letter-spacing: .5px;
     text-transform: uppercase;
 }

 .we-do-icon i:before {
     color: #fff;
     margin-left: 0;
 }

 .we-do-icon i:before {
     width: 70px;
     background: white;
     height: 70px;
     display: inline-block;
     font-size: 40px;
     line-height: 70px;
     border-radius: 100%;
     color: #4f45d9;
     position: relative;
     z-index: 9;
 }

 .we-do-icon i {
     position: relative;
 }

 .we-do-icon i:after {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     content: "";
     height: 80px;
     left: 0;
     margin-left: -5px;
     margin-top: -13px;
     opacity: 0.5;
     position: absolute;
     top: -27px;
     width: 80px;
     background: white;
     z-index: 0;
 }

 .we-do-item p {
     color: #fff;
 }

 .we-do-item h4 {
     margin-bottom: 35px;
 }

 .we-do-icon {
     margin-bottom: 35px;
 }

 .right-shape {
     position: relative;
 }

 .right-shape:after {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     background: url(../images/background-shape.png);
     top: 0;
     right: 0
 }

 .team-view-text a {
     margin-top: 50px;
 }

 .team-view-text h2 {
     font-weight: 600;
     margin-bottom: 25px;
     line-height: 56px;
     text-transform: capitalize;
     font-size: 40px;
 }

 /*services*/
 .digital-service-left h2 {
     font-weight: 600;
     margin-bottom: 25px;
     line-height: 56px;
     text-transform: capitalize;
     font-size: 40px;
 }

 .digital-service-left a {
     margin-top: 50px;
 }

 .digital-services-item {
     display: flex;
     align-items: center;
 }

 .digital-services-icon {
     width: 45%;
 }


 .digital-services-icon i:before {
     margin-left: 0;
     width: 60px;
     background: #4f45d9;
     height: 60px;
     display: inline-block;
     font-size: 32px;
     line-height: 60px;
     border-radius: 100%;
     color: #ffffff;
     position: relative;
     text-align: center;
     z-index: 9;
 }

 .digital-services-icon i:after {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     content: "";
     height: 70px;
     left: 0;
     margin-left: -5px;
     margin-top: -5px;
     opacity: 0.5;
     position: absolute;
     top: -27px;
     width: 70px;
     background: #4f45d9;
     z-index: 0;
 }

 .digital-services-icon i {
     position: relative;
     text-align: center;
 }

 .digital-services-item {
     padding: 20px;
     -webkit-box-shadow: 0px 8px 17px 3px rgba(0, 0, 0, 0.06);
     box-shadow: 0px 8px 17px 3px rgba(0, 0, 0, 0.06);

     /* box-shadow: 4px 4px 10px rgba(34, 34, 34, 0.2); */
     margin-bottom: 30px;
 }

 .digital-services-text h4 {
     font-size: 22px;
     font-weight: 600;
     margin-bottom: 15px;
 }

 .bg-image {
     position: relative;
 }

 .bg-image:before {
     content: "";
     position: absolute;
     background: url(../images/background-shape3.png);
     background-size: cover;
     width: 100%;
     height: 100%;
     /* top: 193px; */
     background-position: center center;
     top: 0;
     left: 0;

 }

 h2.boost-web-title {
    font-weight: 600;
    line-height: 63px;
    font-size: 45px;
    margin-bottom: 15px;
 }

 p.boost-web-text {
    margin-bottom: 65px;
    font-size: 16px;
    line-height: 28px;
 }

 .boost-form {
     position: relative;
 }

 .boost-form input {
     width: 270px;
     height: 47px;
     border: 0;
     padding: 0 20px;

 }

 input.text-web {
     border-top-left-radius: 25px;
     border-bottom-left-radius: 25px;
 }

 .boost-form button {
     margin-left: -25px;
     /* padding: 11px; */
     margin-top: -3px;
 }

 .boost-form {
     margin-bottom: 20px;
 }

 .section-title {
     text-align: center;
 }

 .section-title h2 {
     font-weight: 600;
     margin-bottom: 15px;
     font-size: 40px;
     letter-spacing: 1px;
 }

 .section-title p {
     font-size: 16px;
     font-weight: 400;
     line-height: 1.67;
     color: #8c8c8c;
     text-align: center;
 }

 /*Clients section*/
 .client-carousel {
     margin-bottom: 40px;
 }

 .clients-com {
     background: #ffffff;
     padding: 40px 35px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -ms-border-radius: 4px;
     -o-border-radius: 4px;
     border-radius: 4px;
     -moz-background-clip: padding;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     position: relative;
     margin-bottom: 25px;
     box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
     margin-top: 20px;

 }

 .client-box {
     margin: 20px;
 }

 .client-carousel .owl-nav {
     position: absolute;
 }

 .client-box.client-box-bg-white p {
     color: #222;
     line-height: 28px;
     font-size: 14px;
 }

 .client-box.client-box-bg-white .clients-com:before {
     color: #2bdfff;
     /* z-index: 999; */
 }

 .client-box.client-box-bg-white h6 {
     color: #4F45D9;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 20px;
 }

 .client-caro-white .owl-nav i {
     background: #FF8941;
     background-image: -webkit-gradient(linear, left top, right top, from(#FF8941), color-stop(51%, #41e9ff), to(#FF8941));
     background-image: -webkit-linear-gradient(to right, #FF8941 0%, #41e9ff 51%, #FF8941 100%);
     background-image: -o-linear-gradient(to right, #FF8941 0%, #41e9ff 51%, #FF8941 100%);
     background-image: linear-gradient(to right, #FF8941 0%, #41e9ff 51%, #FF8941 100%);
     background-size: 200% auto;
     color: #ffffff !important;
 }

 .client-box.client-box-bg-white .clients-name p {
     color: #888888;
     font-size: 16px;
 }

 .clients-com a {
     margin-right: 10px;
 }

 .client-carousel .owl-prev {
     position: absolute;
     left: 0px;
 }

 .client-carousel .owl-next {
     position: absolute;
     left: 40px;
     margin-top: 3px;
     /* background: red; */
     display: inline-block;
     text-align: center;
     /* width: 20px; */
     /* height: 22px; */
 }

 .clients-div h4 {
     font-size: 30px;
     font-weight: 600;
     margin-bottom: 15px;
 }

 .client-carousel .owl-next i {
     font-size: 16px;
     width: 30px;
     height: 30px;
     background: rgba(40, 20, 131, 0.05);
     /* background: #d7d3d3; */
     /* color: #fff; */
     line-height: 30px;
     font-weight: 600;
     border-radius: 5px;
 }

 .client-carousel .owl-prev i {
     text-align: center;
     font-size: 16px;
     width: 30px;
     height: 30px;
     background: #FF8941;
     background-image: -webkit-gradient(linear, left top, right top, from(#FF8941), color-stop(51%, #ff9d61), to(#FF8941));
     background-image: -webkit-linear-gradient(to right, #FF8941 0%, #41e9ff 51%, #FF8941 100%);
     background-image: -o-linear-gradient(to right, #FF8941 0%, #41e9ff 51%, #FF8941 100%);
     background-image: linear-gradient(to right, #FF8941 0%, #ff995a 51%, #FF8941 100%);
     background-size: 200% auto;
     /* background: #d7d3d3; */
     /* color: #fff; */
     line-height: 30px;
     color: #fff;
     font-weight: 600;
     border-radius: 5px;
 }

 .client-carousel .owl-next i {
     text-align: center;
     font-size: 16px;
     width: 30px;
     height: 30px;
     background: #FF8941;
     background-image: -webkit-gradient(linear, left top, right top, from(#FF8941), color-stop(51%, #ff9d61), to(#FF8941));
     background-image: -webkit-linear-gradient(to right, #FF8941 0%, #41e9ff 51%, #FF8941 100%);
     background-image: -o-linear-gradient(to right, #FF8941 0%, #41e9ff 51%, #FF8941 100%);
     background-image: linear-gradient(to right, #FF8941 0%, #ff995a 51%, #FF8941 100%);
     background-size: 200% auto;
     /* background: #d7d3d3; */
     /* color: #fff; */
     line-height: 30px;
     color: #fff;
     font-weight: 600;
     border-radius: 5px;
 }

 .client-carousel .owl-nav {
     position: absolute;
     bottom: 75px;
     right: 0px;
     /* margin-top: 10px; */
 }

 div#c-caro .owl-prev {
     margin-top: 3px;
 }

 .client-carousel .owl-prev:hover i {
     background: #FF8941;
     background-image: -webkit-gradient(linear, left top, right top, from(#FF8941), color-stop(51%, #ff9d61), to(#FF8941));
     background-image: -webkit-linear-gradient(to right, #FF8941 0%, #41e9ff 51%, #FF8941 100%);
     background-image: -o-linear-gradient(to right, #FF8941 0%, #41e9ff 51%, #FF8941 100%);
     background-image: linear-gradient(to right, #FF8941 0%, #ff995a 51%, #FF8941 100%);
     background-size: 200% auto;
 }

 .client-carousel .owl-next:hover i {
     background: #FF8941;
     background-image: -webkit-gradient(linear, left top, right top, from(#FF8941), color-stop(51%, #ff9d61), to(#FF8941));
     background-image: -webkit-linear-gradient(to right, #FF8941 0%, #41e9ff 51%, #FF8941 100%);
     background-image: -o-linear-gradient(to right, #FF8941 0%, #41e9ff 51%, #FF8941 100%);
     background-image: linear-gradient(to right, #FF8941 0%, #ff995a 51%, #FF8941 100%);
     background-size: 200% auto;
 }

 .client-carousel .clients-com p {
     margin-bottom: 0;
 }

 .clients-img {
     display: flex;
     align-items: center;
     margin-left: 30px;
 }

 .clients-com p span {
     display: inline-block;
     color: #FF8941;
 }

 .clients-img img {
     width: 80px !important;
     border-radius: 50%;
 }

 .clients-name {
     width: 50%;
     margin-left: 20px;
 }

 .clients-name p {
     margin-bottom: 0;
     color: #7d7a7a;
     font-size: 14px;
 }

 .clients-name h6 {
     margin-bottom: 0px;
     font-size: 18px;
 }

 .clients-com:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     border-top: 10px solid #ffffff;
     position: absolute;
     bottom: -10px;
     left: 55px;
 }

 .clients-com a {
     color: #4F45D9;
 }

 div#c-caro .owl-dots {
     display: none;
 }

 /*Pricing Section*/

 .pricing-pricing-table-single {
     background: #fff;
     padding: 40px 0px 45px;
 }

 .pricing-wrap {
     -webkit-box-shadow: 0 0 30px #ddd;
     box-shadow: 0 0 30px #ddd;
     padding: 50px 50px 60px;
     border-radius: 6px;
     background-color: #fff
 }

 .pricing-wrapper {
     margin: 30px 0 0;
 }

 .pricing-header {}

 .pricing-header h4 {
     font-size: 22px;
     font-weight: 600;
     color: #4F45D9;
     margin-bottom: 25px;
     text-transform: uppercase;
 }

 .pricing-color {
     background: #4F45D9;
     padding: 15px 0;
 }

 .pricing-color h2 {
     color: #fff;
     font-size: 40px;
     font-weight: 600;
     line-height: 50px;
 }

 .pricing-color h5 {
     color: #fff;
     font-size: 18px;
     margin-top: 5px;
 }

 ul.pricing-details {
     padding: 30px 0 15px;
 }

 ul.pricing-details li {
     margin-bottom: 15px;
     font-size: 16px;
 }

 .pricing-btn {
     display: inline-block;
     background: #f7931e;
     color: #fff;
     /* padding: 10px 30px; */
     padding: 10px 30px !important;
     border-radius: 25px;
     text-transform: uppercase;
     /* font-weight: 500; */
     letter-spacing: .5px;
     font-size: 14px;
     font-family: 'Baloo', sans-serif;
 }

 ul.pricing-details .fa-check {
     color: rgba(17, 52, 166, 0.79);
 }

 ul.pricing-details i {
     margin-right: 5px;
 }

 ul.pricing-details .fa-times {
     color: rgba(255, 0, 0, .79);
 }

 .toggle,
 .toggler-pircing {
     display: inline-block;
     vertical-align: middle;
     margin: 10px;
 }

 .toggler-pircing {
     color: #888888;
     -webkit-transition: .2s;
     transition: .2s;
     font-size: 16px;
     font-weight: bold;
 }

 .toggler-pircing-is-active {
     background-image: linear-gradient(to right, #192538, #192538);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-color: transparent;
     font-size: 16px;
 }

 .switch {
     display: block;
 }

 .toggle {
     position: relative;
     width: 80px;
     height: 35px;
     border-radius: 100px;
     background: #192538;
     overflow: hidden;
     -webkit-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
     box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
 }

 .check {
     position: absolute;
     display: block;
     cursor: pointer;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     z-index: 6;
 }

 .check:checked~.switch {
     right: 2px;
     left: 57.5%;
     -webkit-transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
     transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
     -webkit-transition-property: left, right;
     transition-property: left, right;
     -webkit-transition-delay: .08s, 0s;
     transition-delay: .08s, 0s;
 }

 .switch {
     position: absolute;
     left: 2px;
     top: 2px;
     bottom: 2px;
     right: 57.5%;
     background-color: #fff;
     border-radius: 36px;
     z-index: 1;
     -webkit-transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
     transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
     -webkit-transition-property: left, right;
     transition-property: left, right;
     -webkit-transition-delay: 0s, .08s;
     transition-delay: 0s, .08s;
     -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
 }

 .inactive {
     display: none;
 }

 .pricing-wrapper .pricing-pricing-table-single {
     -webkit-transform: rotateY(180deg);
     transform: rotateY(180deg);
     -webkit-animation: cd-rotate 0.5s;
     animation: cd-rotate 0.5s;
     -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
 }

 .pricing-wrapper .pricing-pricing-table-single:hover {
     -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
 }

 .pricing-wrapper.inactive .pricing-pricing-table-single {
     -webkit-transform: rotateY(0);
     transform: rotateY(0);
     -webkit-animation: cd-rotate-inverse 0.5s;
     animation: cd-rotate-inverse 0.5s;
     opacity: 0;
 }

 .pricing-wrapper .pricing-content {
     -webkit-transform: rotateY(180deg);
     transform: rotateY(180deg);
     -webkit-animation: cd-rotate-back 0.5s;
     animation: cd-rotate-back 0.5s;
 }

 .pricing-content ul {
     margin-top: 5px;
 }

 .pricing-switcher-button {
     margin-bottom: 60px;
 }

 .pricing-wrapper.inactive .pricing-content {
     -webkit-transform: rotateY(0);
     transform: rotateY(0);
     -webkit-animation: cd-rotate-inverse-back 0.5s;
     animation: cd-rotate-inverse-back 0.5s;
     opacity: 0;
 }

 .color-pricing {
     background: #4F45D9;
 }

 .pricing-header h4 {}

 .color-pricing .pricing-color {
     background: #fff;
 }

 .color-pricing .pricing-color h2 {
     color: #323a45;
 }

 .color-pricing .pricing-color h5 {
     color: #323a45;
 }

 .color-pricing .pricing-header h4 {
     color: #fff;
 }

 .color-pricing ul.pricing-details li {
     color: #fff;
 }

 .color-pricing ul.pricing-details .fa-check {
     color: rgba(255, 255, 255, 0.84);
 }

 .color-pricing ul.pricing-details .fa-times {
     color: rgba(255, 255, 255, 0.84);
 }

 .pricing-pricing-table-single.text-center {
     position: relative;
 }

 .pricing-pricing-table-single:after {
     content: "";
     position: absolute;
     background: url(../images/background-shape.png);
 }

 .pricing-pricing-table-single:after {
     content: "";
     position: absolute;
     background: url(../images/background-shape.png);
     width: 100%;
     height: 100%;
     left: 0px;
     bottom: 0;
     opacity: 0.3;
     /* top: 0px; */
 }

 .blog-text {
     padding: 15px 30px;
     background: #fff;
 }

 .btn-pricing-div {
     margin-bottom: 20px;
 }

 .blog-item {
     -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
 }

 .blog-text h2 {
     font-size: 20px;
     margin: 10px 0px 15px;
     font-weight: 600;
     line-height: 28px;
     text-transform: capitalize;
 }

 .blog-text h6 {
     margin: 15px 0 30px;
     color: #888888;
     font-size: 16px;
 }

 .blog-text h6 i {
     margin-right: 5px;
 }

 .blog-text a {
     text-align: center;
     display: inline-block;
 }

 .blog-text:hover {
     -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
 }

 @-webkit-keyframes cd-rotate {
     0% {
         -webkit-transform: perspective(2000px) rotateY(0);
     }

     70% {
         -webkit-transform: perspective(2000px) rotateY(200deg);
     }

     100% {
         -webkit-transform: perspective(2000px) rotateY(180deg);
     }
 }

 @keyframes cd-rotate {
     0% {
         -webkit-transform: perspective(2000px) rotateY(0);
         transform: perspective(2000px) rotateY(0);
     }

     70% {
         -webkit-transform: perspective(2000px) rotateY(200deg);
         transform: perspective(2000px) rotateY(200deg);
     }

     100% {
         -webkit-transform: perspective(2000px) rotateY(180deg);
         transform: perspective(2000px) rotateY(180deg);
     }
 }

 @-webkit-keyframes cd-rotate-inverse {
     0% {
         -webkit-transform: perspective(2000px) rotateY(-180deg);
     }

     70% {
         -webkit-transform: perspective(2000px) rotateY(20deg);
     }

     100% {
         -webkit-transform: perspective(2000px) rotateY(0);
     }
 }

 @keyframes cd-rotate-inverse {
     0% {
         -webkit-transform: perspective(2000px) rotateY(-180deg);
         transform: perspective(2000px) rotateY(-180deg);
     }

     70% {
         -webkit-transform: perspective(2000px) rotateY(20deg);
         transform: perspective(2000px) rotateY(20deg);
     }

     100% {
         -webkit-transform: perspective(2000px) rotateY(0);
         transform: perspective(2000px) rotateY(0);
     }
 }

 @-webkit-keyframes cd-rotate-back {
     0% {
         -webkit-transform: perspective(2000px) rotateY(0);
     }

     70% {
         -webkit-transform: perspective(2000px) rotateY(-200deg);
     }

     100% {
         -webkit-transform: perspective(2000px) rotateY(-180deg);
     }
 }

 @keyframes cd-rotate-back {
     0% {
         -webkit-transform: perspective(2000px) rotateY(0);
         transform: perspective(2000px) rotateY(0);
     }

     70% {
         -webkit-transform: perspective(2000px) rotateY(-200deg);
         transform: perspective(2000px) rotateY(-200deg);
     }

     100% {
         -webkit-transform: perspective(2000px) rotateY(-180deg);
         transform: perspective(2000px) rotateY(-180deg);
     }
 }

 @-webkit-keyframes cd-rotate-inverse-back {
     0% {
         -webkit-transform: perspective(2000px) rotateY(180deg);
     }

     70% {
         -webkit-transform: perspective(2000px) rotateY(-20deg);
     }

     100% {
         -webkit-transform: perspective(2000px) rotateY(0);
     }
 }

 @keyframes cd-rotate-inverse-back {
     0% {
         -webkit-transform: perspective(2000px) rotateY(180deg);
         transform: perspective(2000px) rotateY(180deg);
     }

     70% {
         -webkit-transform: perspective(2000px) rotateY(-20deg);
         transform: perspective(2000px) rotateY(-20deg);
     }

     100% {
         -webkit-transform: perspective(2000px) rotateY(0);
         transform: perspective(2000px) rotateY(0);
     }
 }

 form.newsfeed-form {
     display: -webkit-inline-box;
 }

 .news-feed {
     text-align: center;
     padding: 30px;
     /* background: #4F45D9; */
     position: relative;
     z-index: 1;
 }

 .news-feed h2 {
     color: #fff;
     font-size: 24px;
     font-weight: 600;
     letter-spacing: .5px;
     margin-bottom: 30px;
     position: relative;
     text-transform: uppercase;
 }

 .news-feed h2:after {
     content: "";
     position: absolute;
     width: 50px;
     height: 3px;
     background: #fff;
     left: 50%;
     transform: translateX(-50%);
     bottom: -20px;
 }

 .news-feed p {
     margin-top: 65px;
     color: #e4e4e4;
     margin-bottom: 40px;
     font-size: 18px;
     line-height: 32px;
 }

 form.newsfeed-form input {
     width: 100%;
     height: 50px;
     margin-bottom: 30px;
     border: 0;
     background: #f5f5f5;
     padding: 0 15px;
     /* border-radius: 50px; */
     margin-bottom: 50px;
     border-radius: 5px;
     box-shadow: 2px 2px 10px rgba(82, 82, 82, 0.35);
 }

 form.newsfeed-form input:hover,
 form.newsfeed-form input:focus {
     background: #fff;
 }

 .newsfeed-div {
     height: 100%;
     display: flex;
     align-items: center;
     background: #4F45D9;
     position: relative;
     -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
 }

 .newsfeed-div:after {
     content: "";
     position: absolute;
     background: url(../images/newsfeed.png);
     width: 190px;
     height: 170px;
     right: 0px;
     bottom: 0;
     opacity: 0.5;
     background-repeat: no-repeat;
     z-index: 0;
     background-size: contain;
     /* top: 0px; */
     /* top: 0px; */
 }

 /*contact*/
 .contact-info {
     display: flex;
     width: 100%;
     align-items: center;
 }

 .contact-icon {
     width: 25%;
 }

 .contact-icon i {
     font-size: 50px;
     color: #fff;
 }

 .contact-text h4 {
     color: #fff;
     font-size: 16px;
     font-weight: 600;
     /* line-height: .5px; */
     margin-bottom: 10px;
     text-transform: uppercase;
     letter-spacing: 1px;
 }

 .contact-text p {
     color: #e8e8e8;
     font-size: 16px;
     line-height: 28px;
 }

 .footer-overlay {
     width: 100%;
     height: 100%;
     background: rgba(79, 69, 217, 0.9);
 }

 .footer-title h3 {
     color: #fff;
     font-weight: 600;
     font-size: 22px;
     text-transform: capitalize;
     letter-spacing: 1px;
     position: relative;
     margin-bottom: 40px;
 }

 .footer-title h3:before {
     content: "";
     position: absolute;
     width: 50px;
     left: 0;
     bottom: -15px;
     height: 5px;
     background: #fff;
 }

 .footer-list-item ul li {
     font-size: 15px;
     color: #e8e8e6;
     margin-bottom: 10px;
     /* border-bottom: 1px solid rgba(255, 255, 255, 0.17); */
 }

 .footer-form input {
     width: 100%;
     height: 35px;
     margin-bottom: 20px;
     border: 0;
     border-radius: 5px;
     padding: 0 15px;
     background: whitesmoke;
 }

 .footer-form textarea {
     width: 100%;
     height: 60px;
     padding: 10px 15px 5px;
     border-radius: 5px;
     border: 0;
     background: whitesmoke;
 }

 button.btn.footer-btn {
     background: #f7931e;
     padding: 8px 25px;
     border-radius: 25px;
     margin-top: 15px;
     color: #fff;
 }

 .footer-end {
     text-align: center;
     background: #3e36a9;
 }

 .footer-end p {
     color: #eaeaea;
     padding: 10px;
 }

 .footer-list-item li {
     text-transform: capitalize;
 }


 /*team*/
 .team-member {
     text-align: center;
 }

 .team-member {
     background: #fff;
     text-align: center;

     -webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
     transition: all .3s ease-out;
     padding: 12px;
     /* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); */
     -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;

 }

 .team-img {
     display: inline-block;
     vertical-align: middle;
     position: relative;
     margin-top: 25px;
     position: relative;
     /* margin-bottom: 25px; */
 }

 .team-img img {
     width: 200px;
     height: 200px;
     border-radius: 100%;
 }

 .team-member h2 {
     font-size: 22px;
     font-weight: 600;
     margin-top: 30px;
 }

 .team-member p {
     font-size: 16px;
     font-weight: 500;
     margin-top: 10px;
     margin-bottom: 30px;
     color: #888888;
     text-transform: capitalize;
 }

 .team-icon i {
     position: absolute;
     right: -7px;
     bottom: 15px;
     background: #5147d6;
     width: 50px;
     height: 50px;
     font-size: 30px;
     text-align: center;
     border-radius: 50%;
     color: #ffffff;
     line-height: 54px;
     box-shadow: -1px 2px 10px rgba(34, 34, 34, 0.44);
 }

 .cbp-nav-next,
 .cbp-nav-prev {
     position: relative;
     /* background: #7c8b90; */
     cursor: pointer;
     display: inline-block;
     margin-left: 10px;
     /* height: 22px; */
     /* width: 21px; */
     text-align: center;
     font-size: 16px;
     width: 30px;
     height: 30px;
     background: #FF8941;
     background-image: -webkit-gradient(linear, left top, right top, from(#FF8941), color-stop(51%, #ff9d61), to(#FF8941));
     background-image: -webkit-linear-gradient(to right, #FF8941 0%, #41e9ff 51%, #FF8941 100%);
     background-image: -o-linear-gradient(to right, #FF8941 0%, #41e9ff 51%, #FF8941 100%);
     background-image: linear-gradient(to right, #FF8941 0%, #ff995a 51%, #FF8941 100%);
     background-size: 200% auto;
     /* background: #d7d3d3; */
     /* color: #fff; */
     line-height: 30px;
     color: #fff;
     font-weight: 600;
     border-radius: 5px !important;
 }

 .cbp-l-caption-buttonLeft,
 .cbp-l-caption-buttonRight {
     background-color: #f7931e;
     color: #FFFFFF;
     display: inline-block;
     font: 400 12px/30px "Open Sans", sans-serif;
     min-width: 90px;
     text-align: center;
     margin: 4px;
     padding: 0px 6px;
     border-radius: 25px;

 }

 .header-btn-color:hover {
     background: #f58400;
     color: #fff;
 }

 .nav-btn:hover {
     background: #f58400;
     color: #fff;
 }

 .btn-color:hover {
     background: #f58400;
     color: #fff;
 }

 /*color section*/

 /*home 2*/
 .header-app-2 h2 {
     font-size: 35px;
     font-weight: 300;
     line-height: 55px;
     margin-bottom: 15px;
 }

 .header-app-2 p {
     margin-bottom: 50px;
     color: #fff;
 }

 .color-2.navbar {

     background: transparent;
 }

 .color-2 .we-do-item {
     background-image: linear-gradient(to right, #208CCC, #09BADB);
 }

 .color-2 .we-do-icon i:before {
     color: #0bb7da;

 }

 .color-2 .play-btn i {
     background-image: linear-gradient(to right, #208CCC, #09BADB);

 }

 .color-2 a.play-btn i:after {
     background-image: linear-gradient(to right, #208CCC, #09BADB);
 }

 .color-2 .digital-services-icon i:after {
     background-image: linear-gradient(to right, #208CCC, #09BADB);
 }

 .color-2 .digital-services-icon i:before {
     background-image: linear-gradient(to right, #208CCC, #09BADB);
 }

 .color-2 .pricing-color {
     background-image: linear-gradient(to right, #208CCC, #09BADB);
 }

 .color-2 .color-pricing {
     background-image: linear-gradient(to right, #208CCC, #09BADB);
 }

 .color-2 .color-pricing .pricing-color {
     background: #fff;
 }

 .color-2 .team-icon i {
     background-image: linear-gradient(to right, #208CCC, #09BADB);
 }

 .color-2 .newsfeed-div {
     background-image: linear-gradient(to right, #208CCC, #09BADB);
 }

 .footer-overlay-2 {
     background-image: linear-gradient(to right, rgba(32, 140, 204, .9), rgba(9, 186, 219, .9));
 }

 .color-2.footer-end {
     background-image: linear-gradient(to right, #208CCC, #09BADB);
 }

 .color-2::-webkit-scrollbar-thumb {
     background-color: #10ABD6;
 }

 .color-2 .pricing-header h4 {
     color: #10ABD6;

 }

 .color-2 .color-pricing .pricing-header h4 {
     color: #fff;
 }

 .bg-overlay-3 {
     background-image: linear-gradient(to right, rgba(32, 140, 204, .9), rgba(9, 186, 219, .9));
     height: 100%;
     width: 100%;
 }

 /*home 3*/
 #owl-demo .owl-dots {
     position: absolute;
     bottom: 90px;
     left: 125px;
 }

 #owl-demo .owl-dots .owl-dot span {
     background: rgba(255, 255, 255, 0.5);
 }

 #owl-demo .owl-dot.active {
     background: #fff;
 }

 .owl-theme .owl-dots .owl-dot span {
     height: 4px;
     margin: 0px 2px;
     display: block;
     -webkit-backface-visibility: visible;
     transition: opacity .2s ease;
     border-radius: 0;
     width: 35px !important;
 }

 .slider-area .owl-dots .owl-dot {
     background: #fff;
 }

 .slider-area .owl-dot.active {
     background: #FE846F;
 }

 .owl-theme .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span {
     background: #fff;
 }

 .owl-theme .owl-dots .owl-dot span {
     background: #fff;
 }

 .slider-area .owl-dot {
     width: 30px;
     height: 5px;
     border-radius: 10px;
 }

 .sl-item {
     width: 100%;
     height: 100vh;
     background-size: cover;
 }

 .slider-area .owl-theme .owl-dots .owl-dot {
     display: inline-block;
     zoom: 1;
     padding: 5px;
     margin: 0 5px;
 }

 .bg-overlay-4 {
     background-image: linear-gradient(-35deg, rgba(224, 64, 251, .9) 0%, rgba(254, 94, 49, .9) 100%);
     height: 100%;
     width: 100%;
 }

 nav.navbar.color-3 {
     background: transparent;
 }

 .color-3 .play-btn i {

     background-image: linear-gradient(-35deg, rgba(224, 64, 251, 1) 0%, rgba(254, 94, 49, 1) 100%);

 }

 .color-3 a.play-btn i:after {
     background-image: linear-gradient(-35deg, rgba(224, 64, 251, 1) 0%, rgba(254, 94, 49, 1) 100%);
 }

 .color-3 .digital-services-icon i:before {
     background-image: linear-gradient(-35deg, rgba(224, 64, 251, 1) 0%, rgba(254, 94, 49, 1) 100%);

 }

 .color-3 .digital-services-icon i:after {
     background-image: linear-gradient(-35deg, rgba(224, 64, 251, 1) 0%, rgba(254, 94, 49, 1) 100%);
 }

 .color-3 .pricing-color {
     background-image: linear-gradient(-35deg, rgba(224, 64, 251, 1) 0%, rgba(254, 94, 49, 1) 100%);
 }

 .color-3 .color-pricing {
     background-image: linear-gradient(-35deg, rgba(224, 64, 251, 1) 0%, rgba(254, 94, 49, 1) 100%);
 }

 .color-3 .team-icon i {
     background-image: linear-gradient(-35deg, rgba(224, 64, 251, 1) 0%, rgba(254, 94, 49, 1) 100%);
 }

 .color-3 .newsfeed-div {
     background-image: linear-gradient(-35deg, rgba(224, 64, 251, 1) 0%, rgba(254, 94, 49, 1) 100%);
 }

 .color-3 .color-pricing .pricing-color {
     background: #fff;
 }

 .color-3 .footer-overlay-2 {
     background-image: linear-gradient(-35deg, rgba(224, 64, 251, .9) 0%, rgba(254, 94, 49, .9) 100%);
 }

 .color-3 .btn.header-btn-color {
     background: -webkit-linear-gradient(left, #8a63f2 0%, #6a38da 100%);
     background: linear-gradient(to right, #8a63f2 0%, #6a38da 100%);
 }

 .color-3 .nav-btn {
     background: -webkit-linear-gradient(left, #8a63f2 0%, #6a38da 100%);
     background: linear-gradient(to right, #8a63f2 0%, #6a38da 100%);
 }

 .color-3 .btn-color {
     background: -webkit-linear-gradient(left, #8a63f2 0%, #6a38da 100%);
     background: linear-gradient(to right, #8a63f2 0%, #6a38da 100%);
 }

 .color-3 .cbp-l-caption-buttonLeft,
 .color-3 .cbp-l-caption-buttonRight {
     background: -webkit-linear-gradient(left, #8a63f2 0%, #6a38da 100%);
     background: linear-gradient(to right, #8a63f2 0%, #6a38da 100%);
 }

 .color-3 .client-carousel .owl-prev i {
     background: -webkit-linear-gradient(left, #8a63f2 0%, #6a38da 100%);
     background: linear-gradient(to right, #8a63f2 0%, #6a38da 100%);
 }

 .color-3 .client-carousel .owl-next i {
     background: -webkit-linear-gradient(left, #8a63f2 0%, #6a38da 100%);
     background: linear-gradient(to right, #8a63f2 0%, #6a38da 100%);
 }

 .color-3 .cbp-nav-next,
 .color-3 .cbp-nav-prev {
     background: -webkit-linear-gradient(left, #8a63f2 0%, #6a38da 100%);
     background: linear-gradient(to right, #8a63f2 0%, #6a38da 100%);
 }

 .color-3 .pricing-btn {
     background: -webkit-linear-gradient(left, #8a63f2 0%, #6a38da 100%);
     background: linear-gradient(to right, #8a63f2 0%, #6a38da 100%);
 }

 .color-3 button.btn.footer-btn {
     background: -webkit-linear-gradient(left, #8a63f2 0%, #6a38da 100%);
     background: linear-gradient(to right, #8a63f2 0%, #6a38da 100%);
 }

 .color-3.footer-end {
     background-image: linear-gradient(-35deg, rgba(224, 64, 251, 1) 0%, rgba(254, 94, 49, 1) 100%);
 }

 .cbp-l-grid-projects-title {
     font: 700 12px/21px "Open Sans", sans-serif;
     color: #474747;
     margin-top: 15px;
 }

 .cbp-l-grid-projects-desc {
     font: 400 14px/18px "Open Sans", sans-serif;
     color: #888888;
     margin-top: 5px;
     font-weight: 500;
 }

 .color-3 .navbar-2 .navbar-nav .nav-link:hover,
 .color-3 .navbar-2.navbar-colored .navbar-nav .nav-link:hover,
 .color-3 .navbar-2 .navbar-nav .nav-link.active,
 .navbar-2.navbar-colored .navbar-nav .nav-link.active {
     color: #865eef;
 }

 .color-3 .navbar-colored .navbar-nav .nav-link:hover,
 .color-3 .navbar-colored .navbar-nav .nav-link:hover,
 .color-3 .navbar-colored .navbar-nav .nav-link.active {
     color: #865eef !important;
 }

 .we-do-item.we-do-3 h4 {
     margin-top: 30px;
     margin-bottom: 10px;
 }

 .we-do-item.we-do-3 {
     background-image: linear-gradient(-35deg, rgba(224, 64, 251, 1) 0%, rgba(254, 94, 49, 1) 100%);
     padding: 35px 20px;
 }

 .color-3 .we-do-icon i:before {
     color: #f25283 !important;
 }

 .blog-grid-views .blog-item {
     margin-bottom: 50px;
 }

 /*Project single*/
 .project-img {
     position: relative;
 }

 .project-img .owl-nav {
     display: block !important;
 }

 .project-img .owl-prev,
 .project-img .owl-next {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
 }

 .project-img .owl-prev i,
 .project-img .owl-next i {
     font-size: 35px;
     color: rgba(244, 116, 37, 0.39);
 }

 .project-img .owl-next {
     right: 25px;
 }

 .project-img .owl-prev {
     left: 25px;
 }

 .project-img .owl-prev:hover i,
 .project-img .owl-next:hover i {
     font-size: 35px;
     color: rgba(244, 116, 37, 1);
 }

 .project-info {
     margin-left: 50px;
 }

 .project-info h4 {
     font-size: 18px;
     margin-bottom: 10px;
     line-height: 20px;
 }

 .project-info p {
     margin-bottom: 20px;
     font-size: 16px;
 }

 a.btn.project-btn {
     background: #f47425;
 }

 a.btn.project-btn:hover {
     background: #2B2B35;
 }

 .project-item img {
     height: 375px;
 }


 .project-details h2 {
     font-size: 30px;
     line-height: 35px;
     margin-bottom: 25px;
     text-transform: capitalize;
     font-weight: 600;
 }

 .about-app-text-item li {
     margin-bottom: 20px;
     font-size: 15px;
     font-weight: 500;
     font-family: 'Baloo', sans-serif;
 }

 .blog-details-post .entry-title h2 {

     margin-bottom: 15px;
     margin-top: 25px;
 }

 .blog-details-post .comments-area .comment-author-metadata h4 {
     margin-bottom: 5px;
 }

 ul.about-app-text-item i {
     background: #F7931E;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     color: #ffffff;
     float: left;
     font-size: 12px;
     height: 20px;
     line-height: 20px;
     margin-right: 15px;
     margin-top: 5px;
     position: relative;
     text-align: center;
     width: 20px;
     z-index: 1;
 }

 .about-app-text-item i:after {
     background: #F7931E;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     content: "";
     height: 28px;
     left: 0;
     margin-left: -4px;
     margin-top: -4px;
     opacity: 0.5;
     position: absolute;
     top: 0;
     width: 28px;
     z-index: -1;
 }

 .title-main-page h4 {
     margin-bottom: 5px;
 }

 /*============ 15. Mobile Responsive  ============*/
 @media screen and (min-width: 1028px) {
     .team-over-img img {
         width: 450px;
     }

 }

 @media screen and (max-width: 991px) {
     .header-img {
         display: none;
     }

     .we-do-left-div {
         display: inline-block !important;
     }

     .we-do-item {
         margin-top: 50px;
     }

     .team-over-img {
         margin-bottom: 50px;
     }

     .digital-service-left {
         margin-bottom: 50px;
     }

     .team-member {
         margin-bottom: 50px;
     }

     .blog-item {
         margin-bottom: 50px;
     }

     .contact-info {
         display: block;
         text-align: center;
     }

     .contact-icon {
         width: 100%;
         margin-bottom: 30px;
     }

     .contact-info {
         margin-bottom: 50px;
     }

     .footer-list-item {
         margin-bottom: 50px;
     }

     .what-we-do-div {
         margin-bottom: 50px;
     }
 }

 @media screen and (max-width: 767px) {
     .header-title {
         font-size: 40px !important;
         line-height: 55px !important;
     }

     .we-do-item h4 {
         color: #fff;
         font-size: 25px;

     }

     .we-do-item {
         padding: 45px 20px;
     }

     .we-do-icon i:before {
         width: 90px;
         background: white;
         height: 90px;
         display: inline-block;
         font-size: 50px;
         line-height: 90px;
         border-radius: 100%;

     }

     .we-do-icon i:after {
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         border-radius: 50%;
         content: "";
         height: 100px;
         left: 0;
         margin-left: -5px;
         margin-top: -5px;
         opacity: 0.5;
         position: absolute;
         top: -49px;
         width: 100px;
         background: white;
         z-index: 0;
     }

     h2.boost-web-title {
         color: #fff;
         font-weight: 600;
         font-size: 35px;
         margin-bottom: 15px;
     }

     .boost-form input {
         width: 160px;
         height: 47px;
         border: 0;
         padding: 0 20px;
     }

     .section-title h2 {
         font-weight: 600;
         margin-bottom: 15px;
         font-size: 35px;
         letter-spacing: 1px;
     }

     .section-title p {
         font-size: 14px;
     }

     .client-carousel .owl-nav {
         bottom: 75px;
         right: 85px;
         /* margin-top: 10px; */
     }

     .pricing-pricing-table-single.text-center {
         margin-bottom: 50px;
     }

     .news-feed {
         text-align: center;
         padding: 30px;
         /* background: #4F45D9; */
         position: relative;
         z-index: 1;
         width: 100%;
     }
 }

 @media screen and (max-width: 570px) {}

 @media screen and (max-width: 460px) {}

 @media screen and (max-width: 370px) {}


 /*====================================
    15. PREload CSS
====================================*/
 #preload {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 99999;
     background: #fff;
 }

 #load {
     display: block;
     position: relative;
     left: 50%;
     top: 50%;
     width: 80px;
     height: 80px;
     margin: -75px 0 0 -75px;
     border-radius: 50%;
     border: 3px solid transparent;
     border-top-color: #FE846F;
     -webkit-animation: spin 2s linear infinite;
     animation: spin 2s linear infinite;
 }

 #load:before {
     content: "";
     position: absolute;
     top: 5px;
     left: 5px;
     right: 5px;
     bottom: 5px;
     border-radius: 50%;
     border: 3px solid transparent;
     border-top-color: #FE846F;
     -webkit-animation: spin 3s linear infinite;
     animation: spin 3s linear infinite;
 }

 #load:after {
     content: "";
     position: absolute;
     top: 15px;
     left: 15px;
     right: 15px;
     bottom: 15px;
     border-radius: 50%;
     border: 3px solid transparent;
     border-top-color: #FE846F;
     -webkit-animation: spin 1.5s linear infinite;
     animation: spin 1.5s linear infinite;
 }

 @-webkit-keyframes spin {
     0% {
         -webkit-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
         transform: rotate(0deg);
     }

     100% {
         -webkit-transform: rotate(360deg);
         -ms-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 @keyframes spin {
     0% {
         -webkit-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
         transform: rotate(0deg);
     }

     100% {
         -webkit-transform: rotate(360deg);
         -ms-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }




 @font-face {
     font-family: "Baloo";
     src: url("../fonts/BalooTammudu2-Regular.ttf");
     src: url("../fonts/BalooTammudu2-Regular.ttf?#iefix") format("embedded-opentype"), url("../fonts/BalooTammudu2-Regular.ttf") format("opentype"), url("../fonts/BalooTammudu2-Regular.ttf") format("svg"), url("../fonts/BalooTammudu2-Regular.ttf") format("truetype"), url("../fonts/BalooTammudu2-Regular.ttf") format("woff"), url("../fonts/BalooTammudu2-Regular.ttf") format("woff2");
     font-weight: 400;
     font-style: normal;
     font-display: swap
 }


 .accordion-title {
     font-weight: bold;
     line-height: 19px;
     letter-spacing: .1em;
     color: #4f45d9 !important;
     padding: 10px 0;
     padding-right: 30px;
     text-decoration: none;
     cursor: pointer;
 }

 #accordion .card {
     border: 0px;
 }

 #accordion .card-header {
     border-bottom: 2px solid #4f45d9;
     background-color: white;
 }

 .bg-digit {
     background-color: #4f45d9 !important;
 }

 .whyus-bussiness-title {
     border-bottom: 1px solid rgba(255, 255, 255, 0.3);
     padding-bottom: 10px;
     margin-bottom: 20px;
 }

 .whyus-bussiness .fa-user {
     font-size: 35px;
 }

 .whyus-bussiness .icon {
     font-size: 35px;
     text-transform: uppercase;
 }

 .text-orange {
     color: #ff8941;
 }

 .feature p {
     font-size: 12px;
 }

 ol {
     list-style: none;
     counter-reset: my-awesome-counter;
 }

 ol li {
     counter-increment: my-awesome-counter;
 }

 ol li::before {
     content: counter(my-awesome-counter) " ";
 }

 .expect-list {
     max-width: 390px;
 }

 .expect-list li {
     display: flex;
     position: relative;
     align-items: center;
     text-transform: uppercase;
     margin-bottom: 70px;
 }

 .expect-icon {
     height: 86px;
     width: 86px;
     border: 2px solid #ff8941;
     border-radius: 100px;
     display: table;
     padding: 10px;
     margin-right: 75px;
     vertical-align: middle;
     position: relative;
     flex: none;
 }

 .expect-list ol li::before {
     position: absolute;
     top: 13px;
     left: 120px;
     font-size: 64px;
     line-height: 86px;
 }

 .expect-icon i {
     text-align: center;
     margin: 0 auto;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     font-size: 24px;
 }

 .expect-list li:last-child {
     margin-bottom: 0;
 }

 .expect-list li .expect-icon:after {
     content: "";
     border-left: 1px dotted #ff8941;
     position: absolute;
     width: 1px;
     height: 46px;
     top: 95px;
     left: 43px;
 }

 .expect-list li:last-child .expect-icon:after {
     display: none;
 }


 .btn-get-started {
     background-color: #ff8941;
     border-radius: 0 !important;
     color: #fff;
     padding: 12px 10px 9px;
     background-image: none;
     margin: 0 auto;
     cursor: pointer;
     width: 100%;
     height: 42px;
     border: 2px solid #ff8941;
     transition: .5s all;
     font-weight: 600;
     font-size: 18px;
     line-height: 24px;
     text-align: center;
     letter-spacing: .1em;
     text-transform: uppercase;
     max-width: 158px;
 }

 .success-phone a.clearbrand i {
     width: 17px;
     margin-right: 10px;
     font-size: 17px
 }

 .success-phone a.clearbrand {
     clear: both;
     color: #244367;
     font-weight: 700;
     display: flex;
     align-items: center;
     margin-bottom: 10px
 }

 .success-phone a.clearbrand:hover {
     color: #ff8941
 }


 .thankyou .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
     width: 100% !important;
 }

 .thankyou .dropdown-toggle::after {
     content: '' !important;
 }

 .thankyou .btn {
     border-radius: 4px !important;
 }

 .boxsizingBorder {
     width: 100%;
     padding: 15px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 .p-thankyou {
     padding: 40px;
 }

 .p-thankyou p {
     color: white;
 }


 .blog-blockbox-wrap .blog-img img {
     vertical-align: top;
     width: 100%;
     height: auto;
     max-width: 100%;
     position: relative
 }

 .blog-time {
     text-transform: uppercase;
     position: absolute;
     top: 0;
     width: 61px;
     height: 61px;
     background: #ff8941;
     color: #fff;
     text-align: center;
     padding: 11px 8px;
     z-index: 1;
     font-weight: bold;
     font-size: 19px;
     line-height: 20px;
     letter-spacing: .1em
 }

 .blog-time span {
     display: block;
     font-size: 14px;
     letter-spacing: .1em;
     line-height: 16px;
     font-weight: 400
 }

 .blog-time:after {
     content: '';
     width: 15px;
     height: 15px;
     background: url(../images/down-arrow-blog.png);
     position: absolute;
     bottom: -15px;
     left: 0;
     background-size: cover
 }

 .link-item {
     text-align: right;
     position: absolute;
     bottom: 70px;
     right: 25px;
 }

 .card-img-top {
     height: 230px !important;
 }