@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900");
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

 a{text-decoration:none}a:focus,a:hover{text-decoration:none}.row.m0{margin:0}.p0{padding:0}i:before{margin-left:0!important}body{font:400 15px/28px Roboto,sans-serif;letter-spacing:0;color:#3c3c42;padding:0;overflow-x:hidden;z-index:0}.body_wrapper{z-index:20;overflow:hidden}.btn,a,button{text-decoration:none;outline:0}.btn:focus,.btn:hover,a:focus,a:hover,button:focus,button:hover{text-decoration:none;outline:0}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:0;-webkit-box-shadow:none;box-shadow:none}
 @media (min-width:1250px){.container{max-width:1200px}}@media (max-width:767px){.container{max-width:100%}}
 .container.custom_container {max-width: 1520px;}
 .f_size_50{font-size:50px}.f_size_40{font-size:40px}.f_size_30{font-size:30px}.f_size_28{font-size:28px}.f_size_22{font-size:22px}.f_size_24{font-size:24px}.f_size_20{font-size:20px}.f_size_18{font-size:18px}.f_size_16{font-size:16px}.f_size_15{font-size:15px}.l_height60{line-height:60px}.l_height50{line-height:50px}.l_height45{line-height:45px}.l_height40{line-height:40px}.l_height30{line-height:30px}.l_height34{line-height:34px}.l_height28{line-height:28px}.f_p{font-family:Roboto,sans-serif}.f_300{font-weight:300}.f_400{font-weight:400}.f_500{font-weight:500}.f_600{font-weight:600}.f_700{font-weight:700}.f_900{font-weight:900}.t_color{color:#051441}.w_color{color:#fff}.t_color2{color:#3f4451}.t_color3{color:#222d39}.d_p_color{color:#bdbed6}.bg_color{background:#f5f5f5}.bg_color_faq{background:#fff}.dk_bg_one{background:#090a21}.dk_bg_two{background:#010101}.seo_title_color{color:#263b5e}.mt_60{margin-top:60px}.mt_30{margin-top:30px}.mt_20{margin-top:20px}.mt_40{margin-top:40px}.mt_70{margin-top:70px}.mt_75{margin-top:75px}.mt_100{margin-top:100px}.mt_130{margin-top:130px}.mb_70{margin-bottom:70px}.mb_20{margin-bottom:20px}.mb_15{margin-bottom:15px}.mb_30{margin-bottom:-30px}.mb-30{margin-bottom:30px}.mb_40{margin-bottom:40px}.mb_50{margin-bottom:50px}.mb-50{margin-bottom:-50px}.mb_60{margin-bottom:60px}.mb_90{margin-bottom:90px}.pl_20{padding-left:20px}.pl-30{padding-left:30px}.pl_40{padding-left:40px}.pl_50{padding-left:50px}.pl_100{padding-left:100px}.pl_70{padding-left:70px}.pl_120{padding-left:120px}.pr_100{padding-right:100px}.pr_120{padding-right:120px}.pr_70{padding-right:70px}.pr_50{padding-right:50px}.pr_20{padding-right:20px}.pt_150{padding-top:150px}.pt_120{padding-top:40px}.sec_pad{padding:100px 0}.sec_pad_port{padding:100px 0}.sec_pad_cnt{padding:60px 0}.sec_pad_ser{padding:80px 0}.sec_pad_ser_2nd{padding:80px 0 80px 0}.sec_pad_portfolio{padding:80px 0 80px 0}
/*====================================================*/
 .btn_hover{overflow:hidden;display:inline-block;font-weight:500;font-size:14px;font-family:Poppins,sans-serif;z-index:1;cursor:pointer;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.btn_hover:hover{color:#fff}
 .btn_three{font:600 16px Roboto,sans-serif;letter-spacing: 1px; color:#fff;background:#1aacf6;border-radius:3px;padding:15px 30px;border:1px solid #1aacf6;margin-top:50px;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;cursor:pointer;display:inline-block;text-transform: uppercase;}.btn_three:hover{color:#1c1c22;background:0 0}

/*=========== Preloader ============*/
 .ctn-preloader {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     cursor: default;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 100%;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     z-index: 9000;
}
 .ctn-preloader .animation-preloader {
     z-index: 1000;
}
 .ctn-preloader .animation-preloader .spinner {
     -webkit-animation: spinner 1s infinite linear;
     animation: spinner 1s infinite linear;
     border-radius: 50%;
     border: 40px solid rgba(26, 172, 246, 1);
     border-top-color: #fff;
     height: 9em;
     margin: 0 auto 3.5em auto;
     width: 9em;
}
 .ctn-preloader .animation-preloader .txt-loading {
     font: bold 5em "Poppins", sans-serif;
     text-align: center;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .ctn-preloader .animation-preloader .txt-loading .letters-loading {
     color: rgba(0, 0, 0, 0.2);
     position: relative;
}
 .ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
     -webkit-animation: letters-loading 4s infinite;
     animation: letters-loading 4s infinite;
     color: #000000;
     content: attr(data-text-preloader);
     left: 0;
     opacity: 0;
     font-family: "Poppins", sans-serif;
     position: absolute;
     top: -3px;
     -webkit-transform: rotateY(-90deg);
     transform: rotateY(-90deg);
}
 .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
     -webkit-animation-delay: 0.2s;
     animation-delay: 0.2s;
}
 .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
     -webkit-animation-delay: 0.4s;
     animation-delay: 0.4s;
}
 .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
     -webkit-animation-delay: 0.6s;
     animation-delay: 0.6s;
}
 .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
     -webkit-animation-delay: 0.8s;
     animation-delay: 0.8s;
}
 .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
     -webkit-animation-delay: 1s;
     animation-delay: 1s;
}
 .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
     -webkit-animation-delay: 1.2s;
     animation-delay: 1.2s;
}
 .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
     -webkit-animation-delay: 1.4s;
     animation-delay: 1.4s;
}
 .ctn-preloader.dark .animation-preloader .spinner {
     border-color: rgba(255, 255, 255, 0.2);
     border-top-color: #fff;
}
 .ctn-preloader.dark .animation-preloader .txt-loading .letters-loading {
     color: rgba(255, 255, 255, 0.2);
}
 .ctn-preloader.dark .animation-preloader .txt-loading .letters-loading:before {
     color: #fff;
}
 .ctn-preloader p {
     font-size: 14px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: 8px;
     color: #3b3b3b;
}
 .ctn-preloader .loader {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     font-size: 0;
     z-index: 1;
     pointer-events: none;
}
 .ctn-preloader .loader .row {
     height: 100%;
}
 .ctn-preloader .loader .loader-section {
     padding: 0px;
}
 .ctn-preloader .loader .loader-section .bg {
     background-color: #ffffff;
     height: 100%;
     left: 0;
     width: 100%;
     -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
     -o-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
     transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}
 .ctn-preloader .loader.dark_bg .loader-section .bg {
     background: #111339;
}
 .ctn-preloader.loaded .animation-preloader {
     opacity: 0;
     -webkit-transition: 0.3s ease-out;
     -o-transition: 0.3s ease-out;
     transition: 0.3s ease-out;
}
 .ctn-preloader.loaded .loader-section .bg {
     width: 0;
     -webkit-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
     -o-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
     transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
}
 @-webkit-keyframes spinner {
     to {
         -webkit-transform: rotateZ(360deg);
         transform: rotateZ(360deg);
    }
}
 @keyframes spinner {
     to {
         -webkit-transform: rotateZ(360deg);
         transform: rotateZ(360deg);
    }
}
 @-webkit-keyframes letters-loading {
     0%, 75%, 100% {
         opacity: 0;
         -webkit-transform: rotateY(-90deg);
         transform: rotateY(-90deg);
    }
     25%, 50% {
         opacity: 1;
         -webkit-transform: rotateY(0deg);
         transform: rotateY(0deg);
    }
}
 @keyframes letters-loading {
     0%, 75%, 100% {
         opacity: 0;
         -webkit-transform: rotateY(-90deg);
         transform: rotateY(-90deg);
    }
     25%, 50% {
         opacity: 1;
         -webkit-transform: rotateY(0deg);
         transform: rotateY(0deg);
    }
}
 @media screen and (max-width: 767px) {
     .ctn-preloader .animation-preloader .spinner {
         height: 8em;
         width: 8em;
    }
     .ctn-preloader .animation-preloader .txt-loading {
         font: bold 3.5em "Poppins", sans-serif;
    }
}
 @media screen and (max-width: 500px) {
     .ctn-preloader .animation-preloader .spinner {
         height: 7em;
         width: 7em;
    }
     .ctn-preloader .animation-preloader .txt-loading {
         font: bold 2em "Poppins", sans-serif;
    }
}
/*============== header_area css ==============*/
 .header_area {
     position: fixed;
     width: 100%;
     left: 0;
     z-index: 20;
     top: 0;
}
 .menu_one {
     padding: 0px;
}
 .menu_one .btn_get {
     margin-left: 40px;
}
 .sticky_logo img + img {
     display: none;
}
 @media (min-width: 992px) {
     .mobile_btn {
         visibility: hidden;
         display: none;
    }
}
 .menu > .nav-item {
     position: relative;
     padding-bottom: 35px;
     padding-top: 35px;
}
 .menu > .nav-item > .nav-link {
     font: 500 18px 'Roboto', sans-serif;
     color: #fff;
     padding: 0px;
     -webkit-transition: color 0.3s ease 0s;
     -o-transition: color 0.3s ease 0s;
     transition: color 0.3s ease 0s;
     position: relative;
	 letter-spacing: 0.5px;
}
 .menu > .nav-item > .nav-link:before {
     content: "";
     width: 0;
     height: 1px;
     background: #6754e2;
     position: absolute;
     bottom: 0;
     left: auto;
     right: 0;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
 .menu > .nav-item > .nav-link:after {
     display: none;
}
 .arrow-plus{
     position:relative;
     display:inline-block;
     z-index:99;
     left:1px;
     top:3px;
     cursor:pointer;
     text-align:center;
     height:auto;
}
 .sub-arrow-plus{
     position:absolute;
     top:20px;
     right:20px;
}
 @media (max-width: 991px){
     .arrow-plus {
        position: absolute;
         right: 0;
         left: auto;
         top: -4px;
         line-height: 22px;
         text-align: center;
    }
     .dis-blk {
        display: block!important;
    }
     .menu > .nav-item.submenu .dropdown-menu {
        background-color: transparent!important;
    }
     .menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link {
        color: #e5e5ee!important;
    }
}
 .menu > .nav-item.submenu .dropdown-menu {
     margin: 0px;
     border: 0px;
     margin: 0px;
     border-radius: 0px;
     left: -40px;
     min-width: 200px;
     padding: 0px;
     background: #1aacf6;
     -webkit-box-shadow: -1px 2px 19px 3px rgba(14, 0, 40, 0.05);
     box-shadow: -1px 2px 19px 3px rgba(14, 0, 40, 0.05);
}
 @media (min-width: 992px) {
     .menu > .nav-item.submenu .dropdown-menu {
         -webkit-transform: translateY(20px);
         -ms-transform: translateY(20px);
         transform: translateY(20px);
         -webkit-transition: all 0.3s ease-in;
         -o-transition: all 0.3s ease-in;
         transition: all 0.3s ease-in;
         opacity: 0;
         visibility: hidden;
         display: block;
    }
}
 .menu > .nav-item.submenu .dropdown-menu .nav-item {
     display: block;
     width: 100%;
     margin-right: 0px;
     padding: 0px 20px;
     position: relative;
}
 .menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link {
     padding: 0px;
     white-space: nowrap;
     border-bottom: 1px solid #50bef6;
     font: 400 14px/34px 'Roboto', sans-serif;
     color: #051441;
     -webkit-transition: color 0.2s linear;
     -o-transition: color 0.2s linear;
     transition: color 0.2s linear;
}
 .menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link:after {
     display: none;
}
 .menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link span.arrow_carrot-right {
     right: 20px;
     position: absolute;
     line-height: 30px;
     font-size: 18px;
}
 .menu > .nav-item.submenu .dropdown-menu .nav-item {
     padding-top: 10px;
}
 .menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link {
     padding-bottom: 6px;
     border-bottom: none;
}
 @media (min-width: 992px) {
     .menu > .nav-item.submenu .dropdown-menu .nav-item:first-child > .dropdown-menu {
         top: 0;
    }
}
 .menu > .nav-item.submenu .dropdown-menu .nav-item:last-child {
     padding-bottom: 20px;
     margin-bottom: -8px;
}
 .menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
     -webkit-transition: -webkit-transform 0.3s ease-in;
     transition: -webkit-transform 0.3s ease-in;
     -o-transition: transform 0.3s ease-in;
     transition: transform 0.3s ease-in;
     transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
     padding: 0px;
}
 .menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu:before {
     display: none;
}
 @media (min-width: 992px) {
     .menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
         position: absolute;
         left: 100%;
         top: 0px;
         opacity: 0;
         display: block;
         visibility: hidden;
         -webkit-transform: translateY(20px);
         -ms-transform: translateY(20px);
         transform: translateY(20px);
         -webkit-transition: all 0.3s ease-in;
         -o-transition: all 0.3s ease-in;
         transition: all 0.3s ease-in;
    }
}
 .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item {
     padding: 0px;
}
 .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu {
     left: 0;
     position: relative;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
}
 .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item {
     padding: 20px 45px;
     border: 1px solid transparent;
     -webkit-transition: all .15s linear;
     -o-transition: all .15s linear;
     transition: all .15s linear;
}
 .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link .navdropdown_icon {
     margin-right: 25px;
}
 .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link .navdropdown_icon img {
     max-width: 30px;
}
 .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link .navdropdown_content h5 {
     font: 500 16px "Poppins", sans-serif;
     color: #13112d;
     margin-bottom: 0px;
}
 .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link .navdropdown_content p {
     margin-bottom: 0;
     padding-top: 5px;
     font-size: 15px;
     line-height: 20px;
     color: #616161;
}
 .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item.nav_download_btn {
     border-top-color: #f2f0f7;
     padding: 15px 45px;
}
 .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item.nav_download_btn .nav-link .navdropdown_link {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item.nav_download_btn .nav-link .navdropdown_link .navdropdown_icon {
     margin-right: 10px;
}
 .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item:hover {
     -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
     transform: scale(1.05);
     border-color: #f2f0f7;
     background-color: white;
     -webkit-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1), 0px -1px 0px 0px rgba(243, 241, 248, 0.004);
     box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1), 0px -1px 0px 0px rgba(243, 241, 248, 0.004);
}
 .menu > .nav-item.submenu.mega_menu {
     position: static;
}
 .menu > .nav-item.submenu.mega_menu .mega_menu_inner {
     min-width: 200px;
     list-style: none;
     position: absolute;
     -webkit-box-shadow: -1px 2px 19px 3px rgba(14, 0, 40, 0.05);
     box-shadow: -1px 2px 19px 3px rgba(14, 0, 40, 0.05);
     left: 0px;
     right: 0px;
     -webkit-transition: all 300ms linear 0s;
     -o-transition: all 300ms linear 0s;
     transition: all 300ms linear 0s;
     background: #fff;
}
 @media (min-width: 992px) {
     .menu > .nav-item.submenu.mega_menu .mega_menu_inner {
         -webkit-transform: translateY(20px);
         -ms-transform: translateY(20px);
         transform: translateY(20px);
         -webkit-transition: all 0.3s ease-in;
         -o-transition: all 0.3s ease-in;
         transition: all 0.3s ease-in;
         top: 100%;
         opacity: 0;
         visibility: hidden;
         display: block;
    }
}
 .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu {
     position: relative;
     max-width: 1170px;
     margin: 0 auto;
     left: 0;
     background: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
     padding: 0px;
}
 @media (min-width: 992px) {
     .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
    }
}
 .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item {
     padding-top: 40px;
     padding-bottom: 40px;
     margin-bottom: 0px;
     width: 25%;
}
 .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item > .nav-link {
     font: 500 18px "Poppins", sans-serif;
     color: #13112d;
}
 .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu {
     left: 0;
     position: relative;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
     -webkit-box-shadow: none;
     box-shadow: none;
     padding: 0px;
     background: transparent;
     top: 0;
}
 .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu > .nav-item {
     padding-left: 0px;
     padding-right: 0px;
     white-space: normal;
}
 .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu > .nav-item:first-child {
     padding-top: 20px;
}
 .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu > .nav-item:last-child {
     padding-bottom: 0px;
     margin-bottom: 0px;
}
 .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item:hover > .nav-link {
     color: inherit !important;
}
 .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu {
     left: 0;
}
 @media (min-width: 992px) {
     .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu {
         padding: 20px 0px;
    }
}
 .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .mCSB_scrollTools {
     width: 0px;
}
 .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .mCSB_container {
     margin: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .mCustomScrollBox {
     width: 100%;
}
 .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item {
     padding: 0px;
     margin-bottom: 0;
     width: 100%;
}
 .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .dropdown-menu {
     left: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-left: -20px;
     margin-right: -20px;
     max-height: calc(100vh - 120px);
}
 .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .dropdown-menu .nav-item {
     width: 25%;
     padding: 15px 20px;
     margin-bottom: 0;
}
 .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item {
     text-align: center;
}
 .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .rebon_tap {
     font: 500 12px "Poppins", sans-serif;
     color: #fff;
     background: red;
     display: block;
     position: absolute;
     top: -7px;
     left: -25px;
     padding: 15px 22px 5px;
     text-transform: uppercase;
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .img {
     -webkit-box-shadow: 0px 4px 8px 0px rgba(12, 0, 46, 0.06);
     box-shadow: 0px 4px 8px 0px rgba(12, 0, 46, 0.06);
     position: relative;
     margin-top: 0;
     display: block;
     overflow: hidden;
}
 .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .img:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     background: #13112d;
     left: 0;
     top: 0;
     opacity: 0;
     -webkit-transition: opacity 0.3s linear;
     -o-transition: opacity 0.3s linear;
     transition: opacity 0.3s linear;
}
 .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .img img {
     width: 100%;
     max-width: 100%;
}
 .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .img.box_none {
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .text {
     font: 500 16px/22px "Poppins", sans-serif;
     color: #13112d;
     display: block;
     margin-top: 20px;
}
 .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item:hover .img:before {
     opacity: 0.50;
}
 @media (min-width: 992px) {
     .menu > .nav-item.submenu.mega_menu:hover .dropdown-menu > .nav-item > .dropdown-menu {
         opacity: 1;
         visibility: visible;
    }
     .menu > .nav-item.submenu.mega_menu:hover .mega_menu_inner {
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
         opacity: 1;
         visibility: visible;
    }
}
 .menu > .nav-item:nth-last-child(-n+2).submenu .dropdown-menu {
     left: auto;
     right: 0;
}
 .menu > .nav-item:nth-last-child(-n+2).submenu .dropdown-menu .nav-item > .dropdown-menu {
     left: auto;
     right: 100%;
}
 .menu > .nav-item:nth-last-child(-n+2).submenu.mega_menu .dropdown-menu {
     left: 0;
     right: auto;
}
 .menu > .nav-item:nth-last-child(-n+2).submenu.mega_menu .dropdown-menu .nav-item > .dropdown-menu {
     left: 0;
     right: auto;
}
 .menu > .nav-item + .nav-item {
     margin-left: 45px;
}
 .menu > .nav-item.active .nav-link:before {
     width: 100%;
     left: 0;
     right: auto;
}
 .menu > .nav-item:hover .nav-link:before {
     width: 100%;
     left: 0;
     right: auto;
}
 @media (min-width: 992px) {
     .menu > .nav-item:hover .dropdown-menu {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
         visibility: visible;
    }
     .menu > .nav-item:hover .dropdown-menu.mega_menu_three .nav-item .dropdown-menu {
         opacity: 1;
         visibility: visible;
    }
}
 @media (min-width: 992px) and (min-width: 992px) {
     .menu > .nav-item:hover .dropdown-menu > .nav-item:hover .dropdown-menu {
         -webkit-transform: scaleY(1);
         -ms-transform: scaleY(1);
         transform: scaleY(1);
         opacity: 1;
         visibility: visible;
    }
}
 .navbar .search_cart .search a, .navbar .search_cart .shpping-cart a {
     font-size: 18px;
     line-height: 18px;
     color: #282835;
     margin-left: 16px;
}
 .navbar .search_cart.w_menu .search a, .navbar .search_cart.w_menu .shpping-cart a {
     color: #fff;
}
 .navbar .search_cart.w_menu .search a.nav-link {
     margin-left: 0;
}
 .navbar .search_cart.w_menu .search a.nav-link:before {
     display: none;
}
 .navbar .search_cart .search {
     display: inline-block;
}
 .navbar .search_cart .search a.nav-link {
     font-size: 16px;
     line-height: 20px;
     position: relative;
     margin-left: 32px;
}
 .navbar .search_cart .search a.nav-link:before {
     width: 1px !important;
     height: 12px;
     left: -14px;
     top: 3px;
     background: #13112d;
}
 .navbar .search_cart .shpping-cart {
     display: inline-block;
     margin-left: 0px;
     margin-right: 0px;
}
 .navbar .search_cart .shpping-cart .num {
     position: absolute;
     width: 16px;
     height: 16px;
     border-radius: 50%;
     background: #6754e2;
     color: #fff;
     font-size: 11px;
     display: block;
     position: absolute;
     top: -8px;
     right: -9px;
     line-height: 16px;
     text-align: center;
}
 .navbar .search_cart .shpping-cart .nav-link:before {
     display: none;
}
 .navbar .search_cart .shpping-cart .dropdown-menu {
     padding: 0px;
     min-width: 350px;
     width: 100%;
     position: absolute;
}
 .navbar .search_cart .shpping-cart .dropdown-menu li {
     background: #fff;
}
 .navbar .search_cart .shpping-cart .dropdown-menu li:first-child {
     padding-bottom: 0px;
}
 .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding: 30px;
}
 .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item a {
     color: #333;
     margin-left: 0;
}
 .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-img {
     display: block;
     width: 30%;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-content {
     width: 60%;
     padding-left: 15px;
     -ms-flex-item-align: center;
     -ms-grid-row-align: center;
     align-self: center;
}
 .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-content .cart-title {
     font-size: 15px;
     font-weight: 500;
     line-height: 22px;
     font-family: "Poppins", sans-serif;
     margin-bottom: 10px;
     -webkit-transition: color 0.3s linear;
     -o-transition: color 0.3s linear;
     transition: color 0.3s linear;
}
 .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-content p {
     font-size: 14px;
     line-height: 22px;
     font-family: "Poppins", sans-serif;
     color: #333;
     font-weight: 300;
     margin-bottom: 0px;
}
 .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-content p del {
     color: #919191;
}
 .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-remove {
     width: 10%;
     text-align: right;
     -ms-flex-item-align: center;
     -ms-grid-row-align: center;
     align-self: center;
}
 .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-remove a {
     font-size: 14px;
     color: #333;
}
 .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-remove a:hover {
     color: #6754e2;
}
 .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item:hover .cart-img {
     opacity: 0.5;
}
 .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item:hover .cart-title a {
     color: #6754e2;
}
 .navbar .search_cart .shpping-cart .dropdown-menu .cart_f {
     padding: 25px 30px 30px;
     background: #f9f9f9;
}
 .navbar .search_cart .shpping-cart .dropdown-menu .cart_f .total {
     font-size: 14px;
     color: #676b75;
}
 .navbar .search_cart .shpping-cart .dropdown-menu .cart_f .total .p-total {
     float: right;
     font-size: 20px;
     color: #333333;
     font-weight: 500;
}
 .navbar .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn {
     font-size: 14px;
     text-transform: capitalize;
     border-radius: 4px;
     margin: 0px;
     line-height: 40px;
     padding: 0px 32px;
     background: #6754e2;
     border: 1px solid #6754e2;
     color: #fff;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 .navbar .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn:hover {
     background: transparent;
     color: #6754e2;
}
 .navbar .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn + .get_btn {
     margin-left: 10px;
     background: transparent;
     color: #6754e2;
}
 .navbar .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn + .get_btn:hover {
     background: #6754e2;
     color: #fff;
}
 .menu_two {
     padding: 0px;
}
 .menu_two .w_menu > .nav-item .nav-link:before {
     background: #a5d5f5;
}
 .menu_two .w_menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item > .nav-link {
     color: #13112d;
}
 .menu_two .menu_toggle .hamburger-cross span, .menu_two .menu_toggle .hamburger span {
     background: #fff;
}
 .w_menu .nav-item .nav-link {
     color: #fff;
}
 .w_menu .nav-item .nav-link:before {
     background: #fff;
}
 .nav_right_btn .login_btn {
     font: 500 15px "Poppins", sans-serif;
     padding: 13px 32px;
     min-width: 120px;
     display: inline-block;
     text-align: center;
     color: #fff;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
     border-top-left-radius: 45px;
     border-bottom-left-radius: 45px;
     border-top-right-radius: 45px;
     border: 1px solid transparent;
}
 .nav_right_btn .login_btn:hover, .nav_right_btn .login_btn.active {
     background: #fff;
     -webkit-box-shadow: 0px 20px 24px 0px rgba(0, 11, 40, 0.1);
     box-shadow: 0px 20px 24px 0px rgba(0, 11, 40, 0.1);
}
 @media (max-width: 991px) {
     .nav_right_btn {
         display: none;
    }
}
/*========= hamburger menu css ========*/
 .navbar-toggler {
     padding: 0px;
     margin-left: 20px;
}
 .navbar-toggler:focus {
     outline: none;
}
 .menu_toggle {
     width: 22px;
     height: 22px;
     position: relative;
     cursor: pointer;
     display: block;
}
 .menu_toggle .hamburger {
     position: absolute;
     height: 100%;
     width: 100%;
     display: block;
}
 .menu_toggle .hamburger span {
     width: 0%;
     height: 2px;
     position: relative;
     top: 0;
     left: 0;
     margin: 4px 0;
     display: block;
     background: #1aacf6;
     border-radius: 3px;
     -webkit-transition: .2s ease-in-out;
     -o-transition: .2s ease-in-out;
     transition: .2s ease-in-out;
}
 .menu_toggle .hamburger span:nth-child(1) {
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
}
 .menu_toggle .hamburger span:nth-child(2) {
     -webkit-transition-delay: .125s;
     -o-transition-delay: .125s;
     transition-delay: .125s;
}
 .menu_toggle .hamburger span:nth-child(3) {
     -webkit-transition-delay: .2s;
     -o-transition-delay: .2s;
     transition-delay: .2s;
}
 .menu_toggle .hamburger-cross {
     position: absolute;
     height: 100%;
     width: 100%;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     display: block;
}
 .menu_toggle .hamburger-cross span {
     display: block;
     background: #1aacf6;
     border-radius: 3px;
     -webkit-transition: .2s ease-in-out;
     -o-transition: .2s ease-in-out;
     transition: .2s ease-in-out;
}
 .menu_toggle .hamburger-cross span:nth-child(1) {
     height: 100%;
     width: 2px;
     position: absolute;
     top: 0;
     left: 10px;
     -webkit-transition-delay: .3s;
     -o-transition-delay: .3s;
     transition-delay: .3s;
}
 .menu_toggle .hamburger-cross span:nth-child(2) {
     width: 100%;
     height: 2px;
     position: absolute;
     left: 0;
     top: 10px;
     -webkit-transition-delay: .4s;
     -o-transition-delay: .4s;
     transition-delay: .4s;
}
 .collapsed .menu_toggle .hamburger span {
     width: 100%;
}
 .collapsed .menu_toggle .hamburger span:nth-child(1) {
     -webkit-transition-delay: .3s;
     -o-transition-delay: .3s;
     transition-delay: .3s;
}
 .collapsed .menu_toggle .hamburger span:nth-child(2) {
     -webkit-transition-delay: .4s;
     -o-transition-delay: .4s;
     transition-delay: .4s;
}
 .collapsed .menu_toggle .hamburger span:nth-child(3) {
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
}
 .collapsed .menu_toggle .hamburger-cross span:nth-child(1) {
     height: 0%;
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
}
 .collapsed .menu_toggle .hamburger-cross span:nth-child(2) {
     width: 0%;
     -webkit-transition-delay: .2s;
     -o-transition-delay: .2s;
     transition-delay: .2s;
} 
 .header_top {
     padding: 12px 0px;
}
 .header_contact_info {
     margin-bottom: 0;
}
 .header_contact_info li {
     display: inline-block;
     font-size: 14px;
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     color: #fff;
     text-transform: capitalize;
}
 .header_contact_info li:before {
     content: "";
     width: 1px;
     height: 12px;
     top: 1px;
     background: #5e5d76;
     display: inline-block;
     position: relative;
     margin: 0px 22px 0px 20px;
}
 .header_contact_info li:first-child:before {
     display: none;
}
 .header_contact_info li a {
     color: #c3c1da;
     font-weight: 300;
     padding-left: 5px;
}
 .header_social_icon {
     text-align: right;
     margin-bottom: 0;
}
 .header_social_icon li {
     display: inline-block;
     margin: 0px 0px 0px 15px;
}
 .header_social_icon li a {
     font-size: 12px;
     color: #fff;
}
/*============ sticky menu css ==============*/
 .header_area {
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
 .header_area.navbar_fixed {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     background-color: #1c1c22;
     -webkit-box-shadow: 0px 4px 6px 0px rgba(12, 0, 46, 0.06);
     box-shadow: 0px 4px 6px 0px rgba(12, 0, 46, 0.06);
}
 .header_area.navbar_fixed .menu_one {
     padding: 0px;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
 .header_area.navbar_fixed .menu_one .btn_get {
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .header_area.navbar_fixed .sticky_logo img {
     display: none;
}
 .header_area.navbar_fixed .sticky_logo img + img {
     display: block;
}
 .header_area.navbar_fixed .w_menu .nav-item .nav-link {
     color: #051441;
}
 .header_area.navbar_fixed .w_menu .nav-item .nav-link:before {
     background: #051441;
}
 .header_area.navbar_fixed .menu_poss .w_menu .nav-item .nav-link:hover {
     color: #5e53fb;
}
 .header_area.navbar_fixed .menu_poss .w_menu .nav-item .nav-link:hover:before {
     background: #5e53fb;
}
 .header_area.navbar_fixed .menu_poss .w_menu .nav-item.active .nav-link {
     color: #5e53fb;
}
 .header_area.navbar_fixed .menu_poss .w_menu .nav-item.active .nav-link:before {
     background: #5e53fb;
}
 .header_area.navbar_fixed .menu_poss .w_menu.search_cart .search a.nav-link:before {
     background: #5e53fb;
}
 .header_area.navbar_fixed .menu_two .menu_toggle .hamburger-cross span, .header_area.navbar_fixed .menu_two .menu_toggle .hamburger span {
     background: #051441;
}
 .header_area.navbar_fixed .menu_two .nav_right_btn .login_btn.active, .header_area.navbar_fixed .menu_two .nav_right_btn .login_btn:hover {
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .header_area.navbar_fixed .menu_two .nav_right_btn .login_btn.active:hover {
     color: #fff;
}
 .header_area.navbar_fixed .menu_four .btn_get {
     border: 2px solid #ccc5fa;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .header_area.navbar_fixed .menu_four .btn_get:hover {
     border-color: #6754e2;
}
 .header_area.navbar_fixed .menu_four .btn_get_radious {
     border-color: #563bd1;
     color: #563bd1;
}
 .header_area.navbar_fixed .menu_four .btn_get_radious:hover {
     background: #563bd1;
     color: #fff;
}
 .header_area.navbar_fixed .menu_four .menu_toggle .hamburger span, .header_area.navbar_fixed .menu_four .menu_toggle .hamburger-cross span {
     background: #6754e2;
}
 .header_area.navbar_fixed .menu_four .event_btn {
     color: #1c1c22;
     border-color: #1c1c22;
}
 .header_area.navbar_fixed .menu_four .event_btn:hover {
     border-color: #fd475d;
     color: #fff;
}
 .header_area.navbar_fixed .nav_right_btn .login_btn {
     color: #051441;
}
 .header_area.navbar_fixed .menu_five .btn_get {
     border-color: #3d64f4;
     color: #3d64f4;
     display: inline-block;
}
 .header_area.navbar_fixed .menu_five .btn_get:hover {
     background: #3d64f4;
     color: #fff;
}
 .header_area.navbar_fixed .menu_five .menu_toggle .hamburger-cross span, .header_area.navbar_fixed .menu_five .menu_toggle .hamburger span {
     background: #3d64f4;
}
 .header_area.navbar_fixed .menu_six .menu > .nav-item > .nav-link {
     color: #051441;
}
 .header_area.navbar_fixed .menu_six .menu > .nav-item:hover > .nav-link, .header_area.navbar_fixed .menu_six .menu > .nav-item.active > .nav-link {
     color: #3d57f4;
}
 .header_area.navbar_fixed .menu_six .menu > .nav-item:hover > .nav-link:before, .header_area.navbar_fixed .menu_six .menu > .nav-item.active > .nav-link:before {
     background: #3d57f4;
}
 .header_area.navbar_fixed .menu_six .menu_toggle .hamburger-cross span, .header_area.navbar_fixed .menu_six .menu_toggle .hamburger span {
     background: #3d57f4;
}
 .header_area.navbar_fixed .menu_six .btn_get {
     border-color: #3d57f4;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: #3d57f4;
}
 .header_area.navbar_fixed .menu_six .btn_get:hover {
     color: #fff;
}
 .header_area.navbar_fixed .menu_seven .menu > .nav-item > .nav-link {
     color: #051441;
}
 .header_area.navbar_fixed .menu_seven .menu > .nav-item:hover > .nav-link, .header_area.navbar_fixed .menu_seven .menu > .nav-item.active > .nav-link {
     color: #4069eb;
}
 .header_area.navbar_fixed .menu_seven .menu > .nav-item:hover > .nav-link:before, .header_area.navbar_fixed .menu_seven .menu > .nav-item.active > .nav-link:before {
     background: #4069eb;
}
 .header_area.navbar_fixed .menu_seven .btn_get {
     border-color: #4069eb;
     color: #4069eb;
}
 .header_area.navbar_fixed .menu_seven .btn_get:hover {
     background: #4069eb;
     color: #fff;
}
 .header_area.navbar_fixed .menu_seven .menu_toggle .hamburger-cross span, .header_area.navbar_fixed .menu_seven .menu_toggle .hamburger span {
     background: #4069eb;
}
 .header_area.navbar_fixed .menu_eight .dom_btn {
     border-color: #23b1fe;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .header_area.navbar_fixed .menu_eight .dom_btn:hover {
     background: #23b1fe;
     color: #fff;
}
 .header_area.navbar_fixed .menu_eight .dom_btn.techno_btn_two {
     border-color: #1aacf6;
}
 .header_area.navbar_fixed .menu_eight .dom_btn.techno_btn_two:hover {
     background: #1aacf6;
}
 .header_area.navbar_fixed .menu_eight .menu_toggle .hamburger span, .header_area.navbar_fixed .menu_eight .menu_toggle .hamburger-cross span {
     background: #23b1fe;
}
 .header_area.navbar_fixed .security_btn {
     color: #0e79de;
}
 .header_area.navbar_fixed .security_btn:hover {
     background: #0e79de;
     color: #fff;
}
 .header_area.navbar_fixed .menu_nine .menu > .nav-item:hover > .nav-link, .header_area.navbar_fixed .menu_nine .menu > .nav-item.active > .nav-link {
     color: #5f51fb;
}
 .header_area.navbar_fixed .menu_nine .menu > .nav-item:hover > .nav-link:before, .header_area.navbar_fixed .menu_nine .menu > .nav-item.active > .nav-link:before {
     background: #5f51fb;
}
 .header_area.navbar_fixed .menu_nine .btn_get {
     border-color: #5f51fb;
     color: #5f51fb;
}
 .header_area.navbar_fixed .menu_nine .btn_get:hover {
     background: #5f51fb;
     color: #fff;
}
 .header_area.navbar_fixed .menu_nine .menu_toggle .hamburger-cross span, .header_area.navbar_fixed .menu_nine .menu_toggle .hamburger span {
     background: #5f51fb;
}
 .header_area.navbar_fixed.header_area_five .menu_one {
     padding: 0px 50px;
}
 .header_area.navbar_fixed.header_area_six .header_top {
     display: none;
} 
 .full_header {
     position: fixed;
     width: 100%;
     top: 0;
     left: 0;
     z-index: 100;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 40px;
}
 .full_header .logo img {
     display: none;
}
 .full_header .logo img + img {
     display: inline-block;
}
 .full_header .bar_menu {
     cursor: pointer;
}
 .full_header .bar_menu span {
     width: 36px;
     height: 2px;
     background: #fff;
     display: block;
}
 .full_header .bar_menu span:not(:last-child) {
     margin-bottom: 7px;
}
 .full_header .bar_menu span:nth-child(2) {
     width: 24px;
}
 .full_header .bar_menu span:nth-child(3) {
     width: 30px;
}
 .full_header.content-white .logo img {
     display: inline-block;
}
 .full_header.content-white .logo img + img {
     display: none;
}
 
 .navbar .offcanfas_menu {
     margin: 0px;
     display: table-cell;
     vertical-align: middle;
     width: 50%;
}
 .navbar .offcanfas_menu > .nav-item {
     overflow: hidden;
     padding: 0px;
     margin: 0px;
}
 .navbar .offcanfas_menu > .nav-item:not(:last-child) {
     margin-bottom: 18px;
}
 .navbar .offcanfas_menu > .nav-item .nav-link {
     font-size: 2.1rem;
     line-height: 46px;
     display: inline-block;
     color: #fff;
     font-weight: 700;
     font-family: "Poppins", sans-serif;
     -webkit-transform: translateY(45px);
     -ms-transform: translateY(45px);
     transform: translateY(45px);
     opacity: 0;
     visibility: hidden;
     -o-transition: all ease .3s .0s;
     -webkit-transition: all ease .3s .0s;
     transition: all ease .3s .0s;
     display: inline-block;
}
 .navbar .offcanfas_menu > .nav-item .nav-link:before {
     background: #5f28fb;
}
 .navbar .offcanfas_menu > .nav-item.submenu .nav-link {
     padding-right: 20px;
}
 .navbar .offcanfas_menu > .nav-item.submenu .nav-link:after {
     content: "\33";
     font-family: eleganticons;
     position: absolute;
     right: 13px;
     top: 0;
     display: block;
     border: 0;
     line-height: 50px;
     margin-left: 20px;
}
 .navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu {
     position: relative !important;
     -webkit-transform: translate3d(0px, 0px, 0px) !important;
     transform: translate3d(0px, 0px, 0px) !important;
     display: none;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
     visibility: visible;
     -webkit-transition: all 0s linear;
     -o-transition: all 0s linear;
     transition: all 0s linear;
     z-index: 0;
     background: transparent;
     padding-left: 25px;
     padding-top: 20px;
     padding-bottom: 0;
     max-height: none !important;
     left: 0;
}
 .navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu > .nav-item {
     background: transparent;
     padding: 0px;
}
 .navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu > .nav-item > .nav-link {
     color: #fff;
     font-size: 16px;
     line-height: 31px;
}
 .navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu > .nav-item:hover .nav-link, .navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu > .nav-item.active .nav-link {
     color: #5f28fb;
}
 .navbar .offcanfas_menu > .nav-item.submenu.active .nav-link {
     color: #5f28fb;
}
 .navbar .offcanfas_menu > .nav-item.submenu.active .nav-link:before {
     background: #5f28fb;
}
 .navbar .offcanfas_menu > .nav-item.submenu.show .nav-link {
     color: #5f28fb;
}
 .navbar .offcanfas_menu > .nav-item.submenu.show .nav-link:before {
     width: 100%;
     background: #5f28fb;
}
 .navbar .offcanfas_menu > .nav-item.submenu.show .dropdown-menu {
     position: relative !important;
     -webkit-transform: translate3d(0px, 0px, 0px) !important;
     transform: translate3d(0px, 0px, 0px) !important;
} 
 .close_icon {
     position: absolute;
     right: 60px;
     top: 40px;
     color: #7b84a2;
     font-size: 30px;
     cursor: pointer;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 .close_icon:hover {
     color: #fff;
}
 .burger_menu {
     width: 40px;
     height: 24px;
     position: relative;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .5s ease-in-out;
     -moz-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
     transition: .5s ease-in-out;
     cursor: pointer;
     font-size: 25px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #051441;
     margin-left: 25px;
}
 .side_menu_wrapper {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 99;
     background: rgba(5, 20, 65, 0.9);
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transition: -webkit-transform 0.8s ease .4s;
     transition: -webkit-transform 0.8s ease .4s;
     -o-transition: transform 0.8s ease .4s;
     transition: transform 0.8s ease .4s;
     transition: transform 0.8s ease .4s, -webkit-transform 0.8s ease .4s;
     -webkit-transform-origin: 0% 50%;
     -ms-transform-origin: 0% 50%;
     transform-origin: 0% 50%;
}
 .side_menu_wrapper .side_menu {
     max-width: 545px;
     height: 100%;
     margin-left: auto;
     background: #fff;
     position: relative;
     -webkit-transition-duration: .4s;
     -o-transition-duration: .4s;
     transition-duration: .4s;
     -webkit-transform: translateX(100%);
     -ms-transform: translateX(100%);
     transform: translateX(100%);
     opacity: 0;
}
 .side_menu_wrapper .side_menu ul {
     margin-bottom: 0;
}
 .side_menu_wrapper .side_menu .menu_top {
     padding: 60px 70px 0px;
}
 .side_menu_wrapper .side_menu .menu_top .close {
     font-size: 20px;
}
 .side_menu_wrapper .side_menu .m_content {
     position: absolute;
     left: 0px;
     top: 10vh;
     overflow-x: hidden;
     overflow-y: auto;
     max-height: 55vh;
     -webkit-overflow-scrolling: touch;
     overflow-scrolling: touch;
     font-weight: 600;
     width: 100%;
     display: block;
     letter-spacing: -.025rem;
     list-style: none;
     margin: 0;
     -webkit-transform: translateY(3rem);
     -ms-transform: translateY(3rem);
     transform: translateY(3rem);
     -webkit-transition: opacity .5s .6s ease, -webkit-transform .5s .6s ease;
     transition: opacity .5s .6s ease, -webkit-transform .5s .6s ease;
     -o-transition: transform .5s .6s ease, opacity .5s .6s ease;
     transition: transform .5s .6s ease, opacity .5s .6s ease;
     transition: transform .5s .6s ease, opacity .5s .6s ease, -webkit-transform .5s .6s ease;
     list-style: none;
     padding-left: 18%;
     padding-right: 100px;
     margin-top: 5vh;
}
 .side_menu_wrapper .side_menu .m_content h2 {
     font-size: 3.5vh;
     line-height: 4vh;
     font-weight: 700;
     color: #051441;
     margin-bottom: 1vh;
}
 .side_menu_wrapper .side_menu .m_content a {
     font-size: 2.5vh;
     font-weight: 500;
}
 .side_menu_wrapper .side_menu .m_content p {
     font-size: 1.9vh;
     line-height: 2.9vh;
     color: #7e86a1;
     font-weight: 300;
     margin-top: 4vh;
     margin-bottom: 8.2vh;
}
 .side_menu_wrapper .side_menu .get_info li .media img {
     margin-right: 20px;
     height: 5vh;
}
 .side_menu_wrapper .side_menu .get_info li .media .media-body h4 {
     font-size: 2vh;
     font-weight: 600;
     margin-bottom: 0.5vh;
}
 .side_menu_wrapper .side_menu .get_info li .media .media-body p {
     margin-bottom: 0vh;
     margin-top: 0.5vh;
     font-size: 1.8vh;
}
 .side_menu_wrapper .side_menu .get_info li + li {
     margin-top: 2.9vh;
}
 .side_menu_wrapper .side_menu .m_footer {
     position: absolute;
     left: 18%;
     bottom: 10%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .side_menu_wrapper .side_menu .m_footer li a {
     font-size: 20px;
     color: #959ebb;
     font-size: 16px;
     width: 50px;
     height: 50px;
     text-align: center;
     border: 1px solid #959ebb;
     display: inline-block;
     margin: 0px 5px;
     line-height: 50px;
     border-radius: 50%;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 .side_menu_wrapper .side_menu .m_footer li a:hover {
     background: #5f28fb;
     border-color: #5f28fb;
     color: #fff;
     -webkit-box-shadow: 0px 20px 20px 0px rgba(95, 40, 251, 0.3);
     box-shadow: 0px 20px 20px 0px rgba(95, 40, 251, 0.3);
}
 .menu-is-opened .side_menu_wrapper {
     z-index: 100;
     opacity: 1;
     visibility: visible;
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
     -webkit-transform-origin: 100% 50%;
     -ms-transform-origin: 100% 50%;
     transform-origin: 100% 50%;
     transition: -webkit-transform .7s ease .2s;
     -webkit-transition: -webkit-transform .7s ease .2s;
     -o-transition: transform .7s ease .2s;
     transition: transform .7s ease .2s;
     transition: transform .7s ease .2s, -webkit-transform .7s ease .2s;
}
 .menu-is-opened .side_menu_wrapper .side_menu {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
     -webkit-transition: -webkit-transform 0.5s 0.6s linear;
     transition: -webkit-transform 0.5s 0.6s linear;
     -o-transition: transform 0.5s 0.6s linear;
     transition: transform 0.5s 0.6s linear;
     transition: transform 0.5s 0.6s linear, -webkit-transform 0.5s 0.6s linear;
}
 .menu_one.navbar .search_cart .search a.nav-link:before {
     display: none;
}
/*================= menu_scroll css ================*/
 .menu_one.menu_scroll .container-fluid {
     padding-left: 100px;
     padding-right: 100px;
}
 .menu_one .container-fluid {
     padding-left: 65px;
     padding-right: 100px;
}
 .menu_one .tracking_btn {
     text-align: center;
     position: relative;
}
 .menu_one .tracking_btn .er_btn {
     font-size: 16px;
     color: #fff;
     background: #6754e2;
     border: 0px;
     padding: 8px 50px;
     margin-top: 0;
     display: block;
     position: relative;
     overflow: visible;
}
 .menu_one .tracking_btn .er_btn:hover {
     background: #6754e2;
}
 .menu_one .tracking_btn h6 {
     font-size: 12px;
     color: #777777;
     margin-bottom: 0;
     line-height: 12px;
     position: relative;
     bottom: -7px;
}
/*================= dom_home_area css ===============*/
 .dom_home_area {
     position: relative;
     background: #fafafe;
     height: 1100px;
}
 .banner_top {
     padding-top: 210px;
}
 .banner_top h2 {
     color: #051441;
     margin-bottom: 25px;
}
 .banner_top p {
     margin-bottom: 42px;
}
 .banner_top .subcribes {
     max-width: 630px;
     margin: 0 auto;
}
 .banner_top .subcribes .form-control {
     border: 1px solid #e9ebf4;
     border-radius: 4px;
     background-color: white;
     -webkit-box-shadow: 0px 30px 30px 0px rgba(0, 11, 40, 0.1);
     box-shadow: 0px 30px 30px 0px rgba(0, 11, 40, 0.1);
     font: 400 15px/46px "Poppins", sans-serif;
     padding-left: 30px;
     color: #051441;
     z-index: 0;
}
 .banner_top .subcribes .form-control.placeholder {
     color: #b4b9c8;
}
 .banner_top .subcribes .form-control:-moz-placeholder {
     color: #b4b9c8;
}
 .banner_top .subcribes .form-control::-moz-placeholder {
     color: #b4b9c8;
}
 .banner_top .subcribes .form-control::-webkit-input-placeholder {
     color: #b4b9c8;
}
 .banner_top .subcribes .btn_submit {
     position: absolute;
     right: 8px;
     color: #fff;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     padding: 11px 32px;
}
 .dom_home_img {
     text-align: center;
     margin-top: 120px;
     position: relative;
}
 .dom_home_img img {
     -webkit-box-shadow: 0px 40px 60px 0px rgba(0, 11, 40, 0.16);
     box-shadow: 0px 40px 60px 0px rgba(0, 11, 40, 0.16);
     border-radius: 8px;
}
/*============== slider_area css ==============*/
 .slider_area {
     background-image: -moz-linear-gradient(40deg, #1786d8 0%, #00aff0 100%);
     background-image: -webkit-linear-gradient(40deg, #1786d8 0%, #00aff0 100%);
     background-image: -ms-linear-gradient(40deg, #1786d8 0%, #00aff0 100%);
     height: 930px;
     background-size: cover;
     background-position: 50%;
     position: relative;
     overflow: hidden;
     z-index: 1;
}
 .slider_area .bottom_shoape {
     position: absolute;
     bottom: 0px;
     left: 0;
     z-index: -1;
     width: 100%;
}
 .slider_area .middle_shape {
     position: absolute;
     right: 0;
     bottom: 0;
     z-index: -1;
}
 .leaf {
     position: absolute;
}
 .leaf.l_left {
     top: 200px;
     left: 260px;
}
 .leaf.l_right {
     right: 0;
     bottom: 100px;
}
 .mobile_img {
     position: relative;
}
 .mobile_img .img {
     -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
     animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
     -webkit-animation-name: animateUpDown;
     animation-name: animateUpDown;
     -webkit-animation-duration: 2s;
     animation-duration: 2s;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
}
 .mobile_img .mobile {
     z-index: -1;
     position: relative;
}
 .mobile_img .women_img {
     top: 245px;
     right: 160px;
     z-index: 1;
}
 .slider_content {
     padding-top: 200px;
}
 .slider_content h2, .slider_content p {
     color: #fff;
}
 @-webkit-keyframes animateUpDown {
     0% {
         -webkit-transform: translateY(0px);
         transform: translateY(0px);
    }
     50% {
         -webkit-transform: translateY(-15px);
         transform: translateY(-15px);
    }
     100% {
         -webkit-transform: translateY(0px);
         transform: translateY(0px);
    }
}
 @keyframes animateUpDown {
     0% {
         -webkit-transform: translateY(0px);
         transform: translateY(0px);
    }
     50% {
         -webkit-transform: translateY(-15px);
         transform: translateY(-15px);
    }
     100% {
         -webkit-transform: translateY(0px);
         transform: translateY(0px);
    }
}

/*=============== saas banner area ================*/
 .dom_banner_area {
     background-image: -moz-linear-gradient(140deg, #030207 0%, #111339 100%);
     background-image: -webkit-linear-gradient(140deg, #030207 0%, #111339 100%);
     background-image: -ms-linear-gradient(140deg, #030207 0%, #111339 100%);
     padding-top: 230px;
     overflow: hidden;
     position: relative;
     z-index: 1;
}
 .dom_shap {
     position: absolute;
     right: 0;
     top: 0;
     z-index: -1;
}
 .dasboard_img img {
     border-top-left-radius: 15px;
     border-top-right-radius: 15px;
}

/*================ agency_banner_area_two css ===============*/
 .agency_banner_area_two {
     background-image: -moz-linear-gradient(40deg, #1aacf6 0%, #a485fd 100%);
     background-image: -webkit-linear-gradient(40deg, #1aacf6 0%, #a485fd 100%);
     background-image: -ms-linear-gradient(40deg, #1aacf6 0%, #a485fd 100%);
     padding: 230px 0px 140px;
     position: relative;
     z-index: 1;
     overflow: hidden;
}
 .dot_shap {
     position: absolute;
     right: 0;
     top: 0;
     background: rgba(255, 255, 255, 0.03);
     border-radius: 50%;
     z-index: -1;
}
 .dot_shap.one {
     width: 740px;
     height: 740px;
     top: -280px;
}
 .dot_shap.two {
     width: 640px;
     height: 640px;
     top: -150px;
     right: -80px;
}
 .dot_shap.three {
     width: 640px;
     height: 640px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     right: -450px;
}
 .agency_banner_img {
     margin-left: -100px;
}
 .agency_content_two .agency_banner_btn {
     color: #1aacf6;
     border-color: #fff;
     background: #fff;
}
/*=============== dom_banner_area_two css ===============*/
 .dom_banner_area_two {
     position: relative;
     z-index: 1;
}
 .dom_banner_area_two .shap_img {
     position: absolute;
     width: 101%;
     height: 540px;
     bottom: 120px;
     z-index: 0;
     left: 0;
     overflow: hidden;
     background-size: cover;
     -webkit-transform: rotate(2deg);
     -ms-transform: rotate(2deg);
     transform: rotate(2deg);
     right: 0;
}
 .dom_banner_area_two .section_intro {
     background-image: -moz-linear-gradient(-50deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);
     background-image: -webkit-linear-gradient(-50deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);
     background-image: -ms-linear-gradient(-50deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);
}
 .section_container {
     max-width: 830px;
     margin: 0 auto;
     text-align: center;
     height: 75vh;
}
 .section_container .intro {
     height: 68%;
     width: 100%;
     position: relative;
}
 .section_container .intro_content {
     position: absolute;
     bottom: 0;
     width: 100%;
     left: 0;
     padding: 0px 15px;
}
 .section_container .intro_content h1 {
     font-size: 50px;
     letter-spacing: -0.20px;
     line-height: 70px;
     margin-bottom: 16px;
}
 .section_container .intro_content p {
     line-height: 30px;
     margin-bottom: 60px;
}
 .section_container .intro_content .subcribes {
     max-width: 570px;
     margin: 0 auto;
}
 .section_container .intro_content .subcribes .form-control {
     border-radius: 4px;
     background-color: white;
     -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 11, 40, 0.1);
     box-shadow: 0px 8px 16px 0px rgba(0, 11, 40, 0.1);
     font: 300 16px/36px "Poppins", sans-serif;
     border: 0px;
     color: #a1a8be;
     height: 60px;
     padding-left: 30px;
     position: relative;
     z-index: 1;
}
 .section_container .intro_content .subcribes .form-control.placeholder {
     color: #a1a8be;
}
 .section_container .intro_content .subcribes .form-control:-moz-placeholder {
     color: #a1a8be;
}
 .section_container .intro_content .subcribes .form-control::-moz-placeholder {
     color: #a1a8be;
}
 .section_container .intro_content .subcribes .form-control::-webkit-input-placeholder {
     color: #a1a8be;
}
 .section_container .intro_content .subcribes .btn_submit {
     position: absolute;
     top: 0;
     right: 0;
     font: 400 14px/60px "Poppins", sans-serif;
     color: #fff;
     background: #1c7ce7;
     border-radius: 4px;
     padding: 0px 25px;
     border: 0px;
     z-index: 2;
}
 .animation_img {
     text-align: center;
     margin-top: -320px;
     z-index: 2;
     position: relative;
}
 .home_bubble .bubble {
     position: absolute;
     border-radius: 50%;
}
 .home_bubble .bubble.b_one, .home_bubble .bubble.b_four {
     width: 10px;
     height: 10px;
}
 .home_bubble .bubble.b_two, .home_bubble .bubble.b_five {
     width: 30px;
     height: 30px;
}
 .home_bubble .bubble.b_three, .home_bubble .bubble.b_six {
     width: 14px;
     height: 14px;
}
 .home_bubble .bubble.b_one {
     background: #00c99c;
     top: 40%;
     left: 85px;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-animation: spin2 2s infinite alternate;
     animation: spin2 2s infinite alternate;
}
 .home_bubble .bubble.b_two {
     background: #fca249;
     top: 50%;
     left: 155px;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-animation: spin1 2s infinite alternate;
     animation: spin1 2s infinite alternate;
}
 .home_bubble .bubble.b_three {
     background: #7d95fa;
     top: 85%;
     left: 255px;
     -webkit-animation: spin1 1s infinite alternate;
     animation: spin1 1s infinite alternate;
}
 .home_bubble .bubble.b_four {
     background: #d27dfa;
     top: 40%;
     right: 85px;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-animation: spin1 2s infinite alternate;
     animation: spin1 2s infinite alternate;
}
 .home_bubble .bubble.b_five {
     background: #ff9398;
     top: 50%;
     right: 155px;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-animation: spin1 3s infinite alternate;
     animation: spin1 3s infinite alternate;
}
 .home_bubble .bubble.b_six {
     background: #f1d53b;
     top: 85%;
     right: 55px;
     -webkit-animation: spin2 2s infinite alternate;
     animation: spin2 2s infinite alternate;
}
 .home_bubble .triangle {
     position: absolute;
}
 .home_bubble .triangle.b_seven {
     left: 25%;
     top: 400px;
}
 .home_bubble .triangle.b_eight {
     left: -100px;
     bottom: -45px;
}
 .home_bubble .triangle.b_nine {
     right: 28%;
     bottom: 250px;
     -webkit-animation: spin2 2s infinite alternate;
     animation: spin2 2s infinite alternate;
}
/*============ keyframes animation =============*/
 @-webkit-keyframes pulse {
     0% {
         opacity: 1;
         -webkit-transform: translate(-50%, -50%) scale(1);
         transform: translate(-50%, -50%) scale(1);
    }
     100% {
         opacity: 0;
         -webkit-transform: translate(-50%, -50%) scale(2);
         transform: translate(-50%, -50%) scale(2);
    }
}
 @keyframes pulse {
     0% {
         opacity: 1;
         -webkit-transform: translate(-50%, -50%) scale(1);
         transform: translate(-50%, -50%) scale(1);
    }
     100% {
         opacity: 0;
         -webkit-transform: translate(-50%, -50%) scale(2);
         transform: translate(-50%, -50%) scale(2);
    }
}
/*====================================================*/
/*====================================================*/
/*================= Start breadcrumb_area css =================*/
 .breadcrumb_area {
     position: relative;
     z-index: 1;
     padding: 120px 0px 80px;
     overflow: hidden;
}
 .breadcrumb_area .breadcrumb_shap {
     position: absolute;
     right: 0;
     top: 0;
     z-index: -1;
}
 .breadcrumb_area h1 {
    color: #e0e0e0
}
 .breadcrumb_area h1 span {
    color: #1aacf6;
}
 .breadcrumb_area h3 {
    color: #1aacf6;
	 font-weight: 700;
	 font-size: 26px; letter-spacing: 0px; line-height: 36px;
}
 .breadcrumb_area p {
    color: #9d9da2
}
 .breadcrumb_area .er_btn {
    padding: 10px 37px;
    margin-top: 0;
}
/*================= End breadcrumb_area css =================*/
/*============== features_area css ==============*/
 .features_area {
     background: #fbfbfd;
     overflow: hidden;
}
 .feature_info .feature_img img {
     max-width: 100%;
}
 .feature_info .feature_img.f_img_one {
     margin-left: -50px;
}
 .feature_info .feature_img.f_img_one .one {
     bottom: 10px;
     left: 50px;
}
 .feature_info .feature_img.f_img_one .three {
     bottom: 60px;
     left: 50px;
}
 .feature_info .feature_img.f_img_two .one {
     right: 120px;
     bottom: 10px;
}
 .feature_info .feature_img.f_img_two .three {
     right: 70px;
     bottom: 30px;
}
 .feature_info .feature_img.f_img_two .four {
     top: 80px;
     left: 100px;
}
 .feature_info .f_content .icon {
     position: relative;
     width: 105px;
     height: 105px;
     text-align: center;
     line-height: 105px;
     font-size: 20px;
     color: #fff;
     margin-left: -24px;
     z-index: 1;
}
 .feature_info .f_content .icon img {
     position: absolute;
     left: 0;
     top: 10px;
     z-index: -1;
}
 .feature_info .f_content h2 {
     color: #3f4451;
     line-height: 44px;
     padding-right: 50px;
     margin: 8px 0px 30px;
}
 .feature_info .f_content p {
     color: #616161;
     line-height: 30px;
     margin-bottom: 0px;
}


 .dot {
     width: 20px;
     height: 20px;
     border-radius: 50%;
     background-color: rgba(255, 161, 39, 0.161);
     display: block;
     position: absolute;
     left: -9px;
     top: 15px;
     z-index: 1;
}
 .dot .dot1 {
     position: absolute;
     left: 50%;
     margin-top: -4px;
     margin-left: -4px;
     top: 50%;
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: #feb85d;
}
 .dot .dot2 {
     position: absolute;
     left: 50%;
     top: 50%;
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: rgba(254, 184, 93, 0.8);
     -webkit-animation: pulsate 3s infinite;
     animation: pulsate 3s infinite;
     -webkit-animation-delay: 1.5s;
     animation-delay: 1.5s;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     will-change: transform;
}
 .dot.middle_dot {
     left: 54.8%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     bottom: 0;
     top: auto;
}
 


/*=========== service_area css ============*/
 .service_area {
     background: #f4f6fa;
}
 .service_item {
     background: #fff;
     -webkit-box-shadow: 0px 30px 40px 0px rgba(3, 115, 156, 0.1);
     box-shadow: 0px 30px 40px 0px rgba(3, 115, 156, 0.1);
     padding: 47px 40px 0px;
     height: 100%;
     position: relative;
     border: 2px solid transparent;
     -webkit-transition: border 0.2s linear;
     -o-transition: border 0.2s linear;
     transition: border 0.2s linear;
     cursor: pointer;
     overflow: hidden;
}
 .service_item p {
     line-height: 28px;
}
 .service_item .icon {
     width: 54px;
     height: 54px;
     line-height: 54px;
     font-size: 20px;
     border-radius: 50%;
     color: #fff;
     text-align: center;
     background-image: -moz-linear-gradient(40deg, #1aacf6 0%, #a485fd 100%);
     background-image: -webkit-linear-gradient(40deg, #1aacf6 0%, #a485fd 100%);
     background-image: -ms-linear-gradient(40deg, #1aacf6 0%, #a485fd 100%);
     -webkit-box-shadow: 0px 14px 30px 0px rgba(94, 44, 237, 0.4);
     box-shadow: 0px 14px 30px 0px rgba(94, 44, 237, 0.4);
     position: absolute;
     right: 30px;
     top: 30px;
}
 .service_item .icon.s_icon_one {
     background-image: -moz-linear-gradient(40deg, #1aacf6 0%, #a485fd 100%);
     background-image: -webkit-linear-gradient(40deg, #1aacf6 0%, #a485fd 100%);
     background-image: -ms-linear-gradient(40deg, #1aacf6 0%, #a485fd 100%);
     -webkit-box-shadow: 0px 14px 30px 0px rgba(94, 44, 237, 0.4);
     box-shadow: 0px 14px 30px 0px rgba(94, 44, 237, 0.4);
}
 .service_item .icon.s_icon_two {
     background-image: -moz-linear-gradient(40deg, #e03827 0%, #f9a47a 100%);
     background-image: -webkit-linear-gradient(40deg, #e03827 0%, #f9a47a 100%);
     background-image: -ms-linear-gradient(40deg, #e03827 0%, #f9a47a 100%);
     -webkit-box-shadow: 0px 14px 30px 0px rgba(224, 56, 39, 0.4);
     box-shadow: 0px 14px 30px 0px rgba(224, 56, 39, 0.4);
}
 .service_item .icon.s_icon_three {
     background-image: -moz-linear-gradient(40deg, #2c82ed 0%, #38d0fc 100%);
     background-image: -webkit-linear-gradient(40deg, #2c82ed 0%, #38d0fc 100%);
     background-image: -ms-linear-gradient(40deg, #2c82ed 0%, #38d0fc 100%);
     -webkit-box-shadow: 0px 14px 30px 0px rgba(44, 130, 237, 0.4);
     box-shadow: 0px 14px 30px 0px rgba(44, 130, 237, 0.4);
}
 .service_item .icon.s_icon_four {
     background-image: -moz-linear-gradient(40deg, #e09520 0%, #fae926 100%);
     background-image: -webkit-linear-gradient(40deg, #e09520 0%, #fae926 100%);
     background-image: -ms-linear-gradient(40deg, #e09520 0%, #fae926 100%);
     -webkit-box-shadow: 0px 14px 30px 0px rgba(224, 149, 32, 0.4);
     box-shadow: 0px 14px 30px 0px rgba(224, 149, 32, 0.4);
}
 .service_item img {
     margin-right: -25px;
     width: auto;
}
 .service_item:hover {
     border-color: #c4e7f7;
}
/*================ prototype_service_info css ==============*/
 .prototype_service_area_two, .prototype_service_area_three {
     overflow: hidden;
}
 .prototype_service_info {
     padding: 150px 0px 175px;
     position: relative;
     z-index: 0;
}
 .p_service_info {
     margin-bottom: -90px;
}
 .p_service_item {
     margin-bottom: 90px;
}
 .p_service_item .icon {
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
     width: 55px;
     height: 60px;
     position: relative;
     margin: 0px 0px 25px;
     font-size: 24px;
     -webkit-border-radius: 50% / 14%;
     border-radius: 50% / 14%;
     color: white;
     text-align: center;
     line-height: 64px;
     -o-text-overflow: clip;
     text-overflow: clip;
     z-index: 1;
}
 .p_service_item .icon:before {
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
     position: absolute;
     content: "";
     top: 10%;
     right: -5.5%;
     bottom: 10%;
     left: -5%;
     border: none;
     -webkit-border-radius: 7% / 50%;
     border-radius: 7% / 50%;
     -o-text-overflow: clip;
     text-overflow: clip;
     text-shadow: none;
     z-index: -1;
}
 .p_service_item .icon.icon_one {
     background: #7142f8;
}
 .p_service_item .icon.icon_one:before {
     background: #7142f8;
}
 .p_service_item .icon.icon_two {
     background: #5cbd2c;
}
 .p_service_item .icon.icon_two:before {
     background: #5cbd2c;
}
 .p_service_item .icon.icon_three {
     background: #f38650;
}
 .p_service_item .icon.icon_three:before {
     background: #f38650;
}
 .p_service_item .icon.icon_four {
     background: #ecbf24;
}
 .p_service_item .icon.icon_four:before {
     background: #ecbf24;
}
 .p_service_item .icon.icon_five {
     background: #fa4c9a;
}
 .p_service_item .icon.icon_five:before {
     background: #fa4c9a;
}
 .p_service_item .icon.icon_six {
     background: #35bfe7;
}
 .p_service_item .icon.icon_six:before {
     background: #35bfe7;
}
 .p_service_item h5 {
     font-size: 17px;
     line-height: 22px;
     margin-bottom: 15px;
}
 .p_service_item p {
     font-size: 15px;
}
 .symbols-pulse {
     position: absolute;
     top: 58%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     z-index: -1;
}
 .symbols-pulse > div {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 23rem;
     height: 23rem;
     border-radius: 100%;
     background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(227, 221, 246, 0.1)), color-stop(65%, rgba(227, 221, 246, 0.2)), to(rgba(227, 221, 246, 0.1)));
     background-image: -webkit-linear-gradient(top, rgba(227, 221, 246, 0.1) 0%, rgba(227, 221, 246, 0.2) 65%, rgba(227, 221, 246, 0.1) 100%);
     background-image: -o-linear-gradient(top, rgba(227, 221, 246, 0.1) 0%, rgba(227, 221, 246, 0.2) 65%, rgba(227, 221, 246, 0.1) 100%);
     background-image: linear-gradient(-180deg, rgba(227, 221, 246, 0.1) 0%, rgba(227, 221, 246, 0.2) 65%, rgba(227, 221, 246, 0.1) 100%);
     z-index: -1;
}
 .symbols-pulse .pulse-1 {
     -webkit-transform: translate(-50%, -50%) scale(0.67);
     -ms-transform: translate(-50%, -50%) scale(0.67);
     transform: translate(-50%, -50%) scale(0.67);
}
 .symbols-pulse .pulse-2 {
     -webkit-transform: translate(-50%, -50%) scale(1.05);
     -ms-transform: translate(-50%, -50%) scale(1.05);
     transform: translate(-50%, -50%) scale(1.05);
}
 .symbols-pulse .pulse-3 {
     -webkit-transform: translate(-50%, -50%) scale(1.63);
     -ms-transform: translate(-50%, -50%) scale(1.63);
     transform: translate(-50%, -50%) scale(1.63);
}
 .symbols-pulse .pulse-4 {
     -webkit-transform: translate(-50%, -50%) scale(2.1);
     -ms-transform: translate(-50%, -50%) scale(2.1);
     transform: translate(-50%, -50%) scale(2.1);
}
 .symbols-pulse .pulse-x {
     will-change: transform;
     -webkit-animation: pulsate 3s infinite;
     animation: pulsate 3s infinite;
}
 @-webkit-keyframes pulsate {
     0% {
         opacity: 1;
         -webkit-transform: translate(-50%, -50%) scale(0.5);
         transform: translate(-50%, -50%) scale(0.5);
    }
     100% {
         opacity: 0;
         -webkit-transform: translate(-50%, -50%) scale(4);
         transform: translate(-50%, -50%) scale(4);
    }
}
 @keyframes pulsate {
     0% {
         opacity: 1;
         -webkit-transform: translate(-50%, -50%) scale(0.5);
         transform: translate(-50%, -50%) scale(0.5);
    }
     100% {
         opacity: 0;
         -webkit-transform: translate(-50%, -50%) scale(4);
         transform: translate(-50%, -50%) scale(4);
    }
}
/*================ prototype_service_area css =============*/
 .prototype_service_area {
     background: #fbfbfd;
     padding-bottom: 130px;
     padding-top: 20px;
}
 .service_carousel {
     padding-left: 155px;
     position: relative;
     z-index: 1;
}
 .service_carousel:before {
     width: 100px;
     content: "";
     height: 100%;
     right: -25px;
     top: 0;
     position: absolute;
     background: #fbfbfb;
     -webkit-filter: blur(12px);
     filter: blur(12px);
     -webkit-box-shadow: 0px 100px 40px 0px rgba(251, 251, 251, 0.1);
     box-shadow: 0px 100px 40px 0px rgba(251, 251, 251, 0.1);
     z-index: 1;
}
 .service_carousel .owl-stage {
     left: -100px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .service_carousel .owl-item {
     padding-left: 25px;
     padding-bottom: 55px;
}
 .service_carousel .owl-item .service_item {
     -webkit-box-shadow: 0px 30px 40px 0px rgba(12, 0, 46, 0.1);
     box-shadow: 0px 30px 40px 0px rgba(12, 0, 46, 0.1);
}
 .service_carousel .owl-item .service_item:hover {
     border-color: rgba(116, 68, 253, 0.2);
}
 .service_carousel .owl-item .service_item img {
     width: auto;
}
 .service_carousel .owl-next {
     position: absolute;
     top: 40%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     left: 0;
     width: 56px;
     height: 56px;
     border-radius: 50%;
     background: white;
     -webkit-box-shadow: 0px 2px 20px 2px rgba(12, 0, 46, 0.06);
     box-shadow: 0px 2px 20px 2px rgba(12, 0, 46, 0.06);
     font-size: 16px;
     color: #222d39;
     line-height: 56px;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
 .service_carousel .owl-next:hover {
     background: #7444fd !important;
     color: #fff !important;
}
 .prototype_service_area_two {
     background: #f8f8fc;
     padding: 120px 0px 60px;
     position: relative;
     z-index: 1;
}
/*============= agency_service_area css =============*/
 .agency_service_area {
     padding: 135px 0px 140px;
}
 .agency_service_item {
     margin-bottom: 30px;
}
 .agency_service_item .icon {
     width: auto;
     height: auto;
     display: inline-block;
}
 .agency_service_item .icon i {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
 .agency_service_item a {
     font: 400 14px/26px "Poppins", sans-serif;
     color: #222d39;
     vertical-align: middle;
     position: relative;
     z-index: 1;
     -webkit-transition: color 0.3s linear 0s;
     -o-transition: color 0.3s linear 0s;
     transition: color 0.3s linear 0s;
}
 .agency_service_item a:before {
     content: "";
     width: 100%;
     height: 1px;
     background: #222d39;
     left: 0;
     bottom: 0;
     position: absolute;
     z-index: -1;
     -webkit-transition: width 0.3s linear 0s;
     -o-transition: width 0.3s linear 0s;
     transition: width 0.3s linear 0s;
}
 .agency_service_item p {
     display: inline-block;
}
 .agency_service_item p i {
     vertical-align: middle;
     padding-left: 8px;
     -webkit-transition: all 0.3s linear 0s;
     -o-transition: all 0.3s linear 0s;
     transition: all 0.3s linear 0s;
}
 .agency_service_item p:hover a {
     color: #1aacf6;
}
 .agency_service_item p:hover a:before {
     width: 132%;
     background: #1aacf6;
}
 .agency_service_item p:hover i {
     color: #1aacf6;
     padding-left: 12px;
}
/*====================== design_developers_area css =================*/
 .design_img img {
     border: 2px solid #e4ebf2;
     border-radius: 6px;
     background-color: #c3c9ce;
     -webkit-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);
     box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);
}
 .design_img_two {
     margin-left: -100px;
}
/*============== software_service_area css =============*/
 .software_service_area {
     background: #f9f9fc;
}
 .software_service_tab {
     margin: 0px;
     border: 0px;
     display: block;
}
 .software_service_tab .nav-item {
     margin: 0px;
}
 .software_service_tab .nav-item .nav-link {
     display: block;
     padding: 16px 32px 16px 40px;
     -webkit-transition: border-left-color .25s linear;
     -o-transition: border-left-color .25s linear;
     transition: border-left-color .25s linear;
     border-radius: 0px;
     border: 0px;
     border-left: 4px solid #e6e8ef;
     background: transparent;
     font: 400 16px "Poppins", sans-serif;
     color: #616161;
     position: relative;
}
 .software_service_tab .nav-item .nav-link:before {
     content: "";
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 7px 0 7px 8px;
     border-color: transparent transparent transparent #3d64f4;
     position: absolute;
     left: -2px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     opacity: 0;
}
 .software_service_tab .nav-item .nav-link.active {
     border-left-color: #3d64f4;
     color: #3d64f4;
}
 .software_service_tab .nav-item .nav-link.active:before {
     opacity: 1;
}
 .software_service_tab_content {
     margin-bottom: -70px;
}
 .software_service_tab_content .software_service_item {
     padding-right: 30px;
}
 .software_service_tab_content .software_service_item i {
     font-size: 30px;
     color: #3d64f4;
     line-height: 40px;
}
 .software_service_tab_content .software_service_item h5 {
     font: 600 17px/25px "Poppins", sans-serif;
     color: #222d39;
}
 .software_service_tab_content .software_service_item p {
     font-size: 15px;
}
/*============== developer_product_area css ================*/
 .developer_product_area {
     background: #f9f9fc;
     padding: 160px 0px;
}
 .developer_product_content {
     padding-right: 100px;
}
 .developer_product_content .develor_tab {
     display: inline-block;
     border-bottom: 2px solid #e1e3ed;
     padding: 0px 40px 0px 10px;
}
 .developer_product_content .develor_tab .nav-item {
     margin: 0px 0px 0px 50px;
     float: left;
}
 .developer_product_content .develor_tab .nav-item .nav-link {
     font: 400 16px "Poppins", sans-serif;
     color: #616161;
     border: 0px;
     padding: 0px 0px 10px;
     position: relative;
}
 .developer_product_content .develor_tab .nav-item .nav-link:before {
     width: 0;
     content: "";
     left: auto;
     right: 0;
     height: 2px;
     background: #3d64f4;
     position: absolute;
     bottom: -2px;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 .developer_product_content .develor_tab .nav-item .nav-link.active {
     color: #3d64f4;
     background: transparent;
}
 .developer_product_content .develor_tab .nav-item .nav-link.active:before {
     right: auto;
     left: 0;
     width: 100%;
}
 .developer_product_content .develor_tab .nav-item:first-child {
     margin-left: 0px;
}
 .developer_product_content .developer_tab_content p {
     line-height: 28px;
     font-weight: 300;
}
 .developer_product_content .developer_tab_content .details_btn {
     font: 400 14px "Poppins", sans-serif;
     color: #3d64f4;
     position: relative;
     display: inline-block;
}
 .developer_product_content .developer_tab_content .details_btn:before {
     width: 100%;
     content: "";
     left: auto;
     right: 0;
     height: 1px;
     background: #3d64f4;
     position: absolute;
     bottom: 0px;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 .c_violet {
     color: #222d39;
}
 .c_violet:before {
     background: #1aacf6;
}
 .c_violet:hover {
     color: #1aacf6;
}
 .d_product_content_two .develor_tab .nav-item .nav-link:before {
     background: #1aacf6;
}
 .d_product_content_two .develor_tab .nav-item .nav-link.active {
     color: #1aacf6;
}
 .tab_img_info {
     position: relative;
}
 .tab_img_info .tab_img {
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     border-radius: 6px;
     overflow: hidden;
     -webkit-transition: opacity 0.3s linear;
     -o-transition: opacity 0.3s linear;
     transition: opacity 0.3s linear;
}
 .tab_img_info .tab_img.active {
     position: relative;
     opacity: 1;
}
/*============= app_service_area css ============*/
 .app_service_area {
     padding-top: 120px;
     background: #fff;
}
 .app_service_info {
     margin-bottom: -90px;
     position: relative;
     z-index: 2;
     overflow: hidden;
}
 .app_service_item {
     border: 1px solid #f4f4f9;
     background-color: white;
     -webkit-box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
     box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
     padding: 50px;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
     margin-bottom: 30px;
     cursor: pointer;
}
 .app_service_item .app_icon {
     font-size: 40px;
     line-height: 45px;
}
 .app_service_item .app_icon.one {
     text-shadow: 0px 14px 30px rgba(44, 130, 237, 0.4);
     color: #616161;
     background-image: -moz-linear-gradient(0deg, #2171d4 0%, #2cc4f0 100%);
     background-image: -webkit-linear-gradient(0deg, #2171d4 0%, #2cc4f0 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
 .app_service_item .app_icon.two {
     text-shadow: 0px 14px 30px rgba(224, 56, 39, 0.4);
     color: #e03827;
     background-image: -moz-linear-gradient(0deg, #e03827 0%, #f9a47a 100%);
     background-image: -webkit-linear-gradient(0deg, #e03827 0%, #f9a47a 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
 .app_service_item .app_icon.three {
     text-shadow: 0px 14px 30px rgba(94, 44, 237, 0.4);
     color: #e03827;
     background-image: -moz-linear-gradient(0deg, #1aacf6 0%, #a485fd 100%);
     background-image: -webkit-linear-gradient(0deg, #1aacf6 0%, #a485fd 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
 .app_service_item .learn_btn_two {
     color: #222d39;
     font-size: 14px;
}
 .app_service_item .learn_btn_two:before {
     background: #4069eb;
}
 .app_service_item .learn_btn_two:hover {
     color: #4069eb;
}
 .app_service_item .learn_btn_two.c_violet:hover {
     color: #1aacf6;
}
 .app_service_item .learn_btn_two.c_violet:hover:before {
     background: #1aacf6;
}
 .app_service_item:hover {
     -webkit-box-shadow: 0px 20px 40px 0px rgba(12, 0, 46, 0.08);
     box-shadow: 0px 20px 40px 0px rgba(12, 0, 46, 0.08);
}
 .app_service_area_two {
     background: #f9f9fc;
     padding: 120px 0px;
}
 .app_service_area_two .app_service_info {
     margin-bottom: -30px;
}
/*============= about_details_area css =============*/
 .about_details_area {
    background:#fff;
}
 .about_details_area .job_info .info_item {
     padding-left: 0px;
}
 .about_details_area .details_content .sec_title p + p {
     margin-top: 40px;
     margin-bottom: 0;
}

 .about_details_img {
     margin-left: -80px;
}
.about_details h2 {
	font-weight: 700;
	font-size: 28px;
	line-height: 38px;
	margin-bottom: 30px;
	color: #3c3c42;	
}
.about_details h2 span {color: #1aacf6;}
.about_details h4 {
	font-weight: 800;
	line-height: 32px;
	margin-bottom: 30px;
	font-size: 26px;
	color: #3c3c42;
}
.about_details h3 {
	font-weight: 700;
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 30px;
	color: #3c3c42;	
	background: #f9f9f9;
	padding: 20px;
}
.about_details p {
	font-weight: 400;
	line-height: 32px;
	margin-bottom: 30px;
	font-size: 16px;
	color: #1c1c22;
}
 .about_details ul {
     padding-left: 35px;
}
 .about_details ul li {
     font: 400 16px "Roboto", sans-serif;
     color: #1c1c22;
     position: relative;
     padding-left: 35px;
     margin-bottom: 13px;
	 line-height: 28px;
}
 .about_details ul li i {
     position: absolute;
     left: 0;
     top: 5px;
     color: #1aacf6;
}
 .about ul li:last-child {
     margin-bottom: 0px;
}
 .about_item + .about_details_item {
     margin-top: 80px;
}
.about-head {
	margin-bottom: 60px;
}
.about-head h2 {
	font-size: 40px;
	font-weight: 800;
	margin-bottom: 20px;
}
.about-head p {
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 36px;
	color: #1c1c22;
}
 .work_details_area {
    background:#fff;
}
.work-head {
	margin-bottom: 0px;
}
.work-head h2 {
	font-size: 40px;
	font-weight: 800;
	margin-bottom: 20px;
	color: #1c1c22;
}
.work-head h4 {
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
	color: #1c1c22;
}
.work-head p {
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 36px;
	color: #1c1c22;
}
.contact_details_area {
    background:#1c1c22;
	padding-top: 100px;
	padding-bottom: 60px;
}
.contact-head {
	margin-bottom: 0px;
}
.contact-head h2 {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 20px;
	color: #9d9da2;
}
.contact-head h4 {
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
	color: #9d9da2;
}
.contact-head p {
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 36px;
	color: #9d9da2;
	padding-bottom: 0; margin-bottom: 0;
}

.services_details_area {
    background:#fff;
	padding: 100px 0 60px 0;
}
.services-head {
	margin-bottom: 0px;
}
.services-head h2 {
	font-size: 40px;
	font-weight: 800;
	margin-bottom: 20px;
	color: #0c0c12;
}
.services-head h4 {
	font-size: 24px;
	font-weight: 800;
	line-height: 36px;
	color: #0c0c12;
}
.services-head p {
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 36px;
	color: #0c0c12;
	margin-bottom: 0;
}

.about_details_area .about-group-box {
	padding: 30px 30px 40px;
	margin-bottom: 30px;
	text-align: center;
	background: #f9f9f9;
}
.about_details_area .about-group-box h3.design, .about_details_area .about-group-box h3.development {
	padding-top: 70px;
    margin-top: 0;
	padding-bottom: 20px;
	font-weight: 800;
	font-size: 24px;
	color: #3c3c42;
	letter-spacing: 0px;
}
.about_details_area .about-group-box h3.design{
	background: url(../img/design-group-icon.png) no-repeat center top;    
}
.about_details_area .about-group-box h3.development{
	background: url(../img/development-group-icon.png) no-repeat center top;
}
.about_details_area .about-group-box p{padding: 0; margin: 0; font-weight: 400; font-size: 16px; line-height: 2;color: #616161;}
.about_details_area .about-group-box:last-child {
	margin-bottom: 0px;
}















/*============= service_details_area css =============*/
 .service_details_area {
    background:#fff;
}
 .service_details_area .job_info .info_item {
     padding-left: 0px;
}
 .service_details_area .details_content .sec_title p + p {
     margin-top: 40px;
     margin-bottom: 0;
}

 .service_details_img {
     margin-left: -80px;
}
 .service_details ul {
     padding-left: 35px;
}
 .service_details ul li {
     font: 400 16px "Poppins", sans-serif;
     color: #616161;
     position: relative;
     padding-left: 35px;
     margin-bottom: 13px;
}
 .service_details ul li i {
     position: absolute;
     left: 0;
     top: 5px;
     color: #1aacf6;
}
 .service_details ul li:last-child {
     margin-bottom: 0px;
}
 .service_details_item + .service_details_item {
     margin-top: 80px;
}
/*============= dom_service_area css =============*/
 .dom_service_item .dom_service_content .icon {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     font-size: 24px;
     line-height: 64px;
     color: #fff;
     text-align: center;
     margin-bottom: 35px;
}
 .dom_service_item .dom_service_content .icon.icon_one {
     background-image: -moz-linear-gradient(40deg, #1aacf6 0%, #a485fd 100%);
     background-image: -webkit-linear-gradient(40deg, #1aacf6 0%, #a485fd 100%);
     background-image: -ms-linear-gradient(40deg, #1aacf6 0%, #a485fd 100%);
     -webkit-box-shadow: 0px 10px 20px 0px rgba(94, 44, 237, 0.2);
     box-shadow: 0px 10px 20px 0px rgba(94, 44, 237, 0.2);
}
 .dom_service_item .dom_service_content .icon.icon_two {
     background-image: -moz-linear-gradient(40deg, #e03827 0%, #f9a47a 100%);
     background-image: -webkit-linear-gradient(40deg, #e03827 0%, #f9a47a 100%);
     background-image: -ms-linear-gradient(40deg, #e03827 0%, #f9a47a 100%);
     -webkit-box-shadow: 0px 10px 20px 0px rgba(227, 69, 49, 0.2);
     box-shadow: 0px 10px 20px 0px rgba(227, 69, 49, 0.2);
}
 .dom_service_item .dom_service_content .icon.icon_three {
     background-image: -moz-linear-gradient(40deg, #57b22a 0%, #77ea3d 100%);
     background-image: -webkit-linear-gradient(40deg, #57b22a 0%, #77ea3d 100%);
     background-image: -ms-linear-gradient(40deg, #57b22a 0%, #77ea3d 100%);
     -webkit-box-shadow: 0px 10px 20px 0px rgba(92, 186, 45, 0.2);
     box-shadow: 0px 10px 20px 0px rgba(92, 186, 45, 0.2);
}
 .dom_service_item .dom_service_content .icon.icon_four {
     background-image: -moz-linear-gradient(40deg, #2c82ed 0%, #38d0fc 100%);
     background-image: -webkit-linear-gradient(40deg, #2c82ed 0%, #38d0fc 100%);
     background-image: -ms-linear-gradient(40deg, #2c82ed 0%, #38d0fc 100%);
     -webkit-box-shadow: 0px 10px 20px 0px rgba(45, 139, 239, 0.2);
     box-shadow: 0px 10px 20px 0px rgba(45, 139, 239, 0.2);
}
 .dom_service_item .dom_service_content h4 {
     margin-bottom: 20px;
}
 .dom_service_item .dom_service_content p {
     margin-bottom: 45px;
}
 .dom_service_item + .dom_service_item {
     margin-top: 180px;
}
/*============ payment_service_area css ==============*/
 .payment_service_area {
     padding-top: 225px;
     padding-bottom: 150px;
     position: relative;
     z-index: 2;
     background: url("../img/home9/shape_two.png") no-repeat scroll center 0;
     background-size: cover;
}
 .payment_service_area .image_shape {
     position: absolute;
     width: 100%;
     top: 0;
     left: 0;
     height: 882px;
     z-index: -1;
}
 .payment_service_area .service-content h2 {
     font-size: 26px;
     margin-bottom: 25px;
}
 .payment_service_area .service-content p {
     font-size: 18px;
}
 .pay_icon {
     background: url("../img/home9/icon_shape_two.png") no-repeat scroll center 0;
     width: 110px;
     height: 103px;
     text-align: center;
     line-height: 95px;
     margin-bottom: 34px;
}
 .payment_service_item {
     padding-right: 80px;
     margin-bottom: 75px;
}
 .payment_service_item .icon {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.1);
     text-align: center;
     line-height: 55px;
     margin-right: 30px;
}
 .payment_service_item h3 {
     margin-bottom: 15px;
}
 .payment_service_item p {
     margin-bottom: 0;
}
/*============= stratup_service_area css =============*/
 .stratup_service_img {
     position: relative;
     padding-top: 20px;
     z-index: 1;
}
 .stratup_service_img .shape {
     position: absolute;
     left: -37px;
     right: 0;
     top: 0;
     bottom: 0;
     background: url(../img/new/new_shape.png) no-repeat scroll left 0;
     z-index: -1;
     background-size: contain;
}
 .stratup_service_img .phone_img {
     position: absolute;
     left: 0;
     bottom: 0;
}
 .stratup_service_info {
     margin-left: -15px;
}
 .stratup_service_info .startup_service_item {
     position: relative;
     padding-left: 75px;
}
 .stratup_service_info .startup_service_item .icon {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     text-align: center;
     font-size: 24px;
     color: #fff;
     background: #6fadfa;
     line-height: 65px;
     position: absolute;
     left: 0;
     top: -5px;
}
 .stratup_service_info .startup_service_item .icon.icon_two {
     background: #f3af4e;
}
 .stratup_service_info .startup_service_item .icon.icon_three {
     background: #fa6fd1;
}
 .stratup_service_info .startup_service_item .icon.icon_four {
     background: #fa6666;
}
 .stratup_service_info .startup_service_item h3 {
     font-size: 18px;
     font-weight: 600;
     font-family: "Poppins", sans-serif;
     color: #051441;
     margin-bottom: 2px;
}
 .stratup_service_info .startup_service_item p {
     font-size: 15px;
     font-weight: 400;
     margin-bottom: 0;
}
 .stratup_service_info .startup_service_item + .startup_service_item {
     margin-top: 40px;
}
/*============= stratup_service_area css =============*/
/*============= progress_bar_area css =============*/
 .progress_bar_area {
     padding-top: 120px;
}
 .progress_bar_area .br_bottom {
     width: 100%;
     height: 1px;
     background: #f0f0f8;
     margin-top: 100px;
}
 .progress_bar_area .progress_item {
     text-align: center;
     padding: 0px 30px;
     margin-bottom: 30px;
}
 .progress_bar_area .progress_item .circle {
     position: relative;
     margin-bottom: 22px;
}
 .progress_bar_area .progress_item h4 {
     color: #051441;
     font-size: 20px;
     font-weight: 500;
     line-height: 30px;
     font-family: "Poppins", sans-serif;
}
 .progress_bar_area .progress_item p {
     margin-bottom: 0;
     line-height: 28px;
}
 .progress_bar_area .number {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     font-size: 40px;
     color: #051441;
     font-family: "Poppins", sans-serif;
     font-weight: 400;
}
/*============= progress_bar_area css =============*/

/*=========== case_study_area css ==========*/
 .case_study_area {
    background:#fff;
}
 .case_study_area .row {
     margin-bottom: -40px;
}
 .case_study_area_wrk {
    background:#fff;
}
 .case_study_area_wrk .row {
     margin-bottom: -40px;
}
 .case_study_item {
     margin-bottom: 30px;
}
 .case_study_item img {
     max-width: 100%;
}
 .case_study_item .text {
     background: #f9f9f9;
     padding: 20px 40px;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 .case_study_item .textport {
     background: #fff;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 .case_study_item .textport_cnt {
     padding: 40px;
}
 .case_study_item .padd {
     padding: 40px!important;
}
 .case_study_item .icondv {
    width:40%;
     margin: 0 auto;
     padding-bottom:20px;
     border-bottom:4px solid #1aacf6;
     text-align:center;
}
 .case_study_item .icondv img {
    width:80%;
}
 .case_study_item p {
     font-size: 16px;
     color: #616161;
     margin-bottom: 0;
	 line-height: 2rem;
}
 /*.case_study_item h3 {
     font-size: 20px;
     line-height: 34px;
     font-weight: 500;
     color: #282835;
     margin-bottom: 0;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 .case_study_item h3.ser {
     margin-bottom: 10px;
     margin-top:20px;
}*/
 .case_study_item h3 {
	padding-top: 70px;
    margin-top: 0;
	padding-bottom: 20px;
	font-weight: 800;
	font-size: 24px;
	color: #3c3c42;
	 text-align: center;
	 line-height: 32px;
}
.case_study_item h3 span {display: block;}

.case_study_item h3.web-design{
	background: url(../img/web-design-icon.png) no-repeat center top;    
}
.case_study_item h3.web-development{
	background: url(../img/web-development-icon.png) no-repeat center top;    
}
.case_study_item h3.e-commerce-development{
	background: url(../img/e-commerce-development-icon.png) no-repeat center top;    
}
.case_study_item h3.open-source{
	background: url(../img/open-source-icon.png) no-repeat center top;    
}
.case_study_item h3.mobile-app{
	background: url(../img/mobile-app-icon.png) no-repeat center top;    
}
.case_study_item h3.social-media{
	background: url(../img/social-media-icon.png) no-repeat center top;    
}
.case_study_item h3.seo{
	background: url(../img/seo-icon.png) no-repeat center top;    
}
.case_study_item h3.digital-mktg{
	background: url(../img/digital-mktg-icon.png) no-repeat center top;    
}
.case_study_item h3.graphics{
	background: url(../img/graphics-icon.png) no-repeat center top;    
}


 .case_study_item h3.portfo {
     font-size: 18px;
     font-family: 'Roboto', sans-serif!important;
     line-height: 24px;
     font-weight: 600;
     color: #313036;
     margin-bottom: 16px;
     margin-top:6px;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 .case_study_item h3.portfo:hover {
    color:#1aacf6;
}
 .case_study_item .p_head {
    font-size:16px;
     padding:10px 0;
     line-height:26px;
     color:#1c1c22;
     font-weight: 300;
}
 .case_study_item .p_head:last-child {
    padding-bottom: 0px;
}
 .case_study_item .p_head a {
    font-weight:300;
}
 .case_study_item .p_head span {
    color:#000;
     padding:0;
     font-weight:500;
    display: block
}
 .case_study_item:hover .text {
     background: #fff;
     -webkit-box-shadow: 0px 20px 20px 0px rgba(9, 1, 34, 0.06);
     box-shadow: 0px 20px 20px 0px rgba(9, 1, 34, 0.06);
}
 .case_study_item:hover .textport {
     background: #fff;
     -webkit-box-shadow: 0px 20px 20px 0px rgba(9, 1, 34, 0.06);
     box-shadow: 0px 20px 20px 0px rgba(9, 1, 34, 0.06);
}
.services_details {
     margin-bottom: 30px;
}
 .services_details p {
     font-weight: 400;
    line-height: 32px;
    margin-bottom: 30px;
    font-size: 16px;
    color: #1c1c22;
}


/*=================== case_study_details_area css ===============*/
 .study_details h2 {
     font-size: 30px;
     font-weight: 600;
     color: #051441;
     margin-bottom: 25px;
}
 .study_details .btn_info {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-top: 40px;
}
 .study_details .tag {
     font-size: 20px;
     color: #3dc318;
     margin-left: 25px;
}
 .study_details .tag i {
     padding-right: 15px;
}
 .study_details ul li {
     font: 400 15px "Poppins", sans-serif;
     color: #616161;
     margin-bottom: 15px;
}
 .study_details ul li span {
     font-weight: 600;
     color: #051441;
}
 .study_details_content {
     padding-top: 58px;
}
 .study_details_content h2 {
     font-size: 26px;
     color: #051441;
     font-weight: 600;
     margin-bottom: 25px;
}
 .study_details_content p {
     color: #616161;
     font-size: 15px;
     line-height: 28px;
     margin-bottom: 0;
}
 .study_details_content p + p {
     margin-top: 30px;
}
 .study_details_two .study_details_content {
     padding-top: 0px;
}
 .study_details_two .study_details_content + .study_details_content {
     padding-top: 50px;
}
 .study_details_three .details_img img {
     -webkit-box-shadow: -12.856px 15.321px 30px 0px rgba(9, 1, 34, 0.1);
     box-shadow: -12.856px 15.321px 30px 0px rgba(9, 1, 34, 0.1);
}
 .study_details_three .study_details_content {
     padding-top: 0;
}
 .study_details_three .study_details_content h2 {
     margin-bottom: 25px;
}
 .study_details_three .study_details_content p {
     margin-bottom: 50px;
}
 .study_details_three .study_details_content ul li {
     font: 400 15px/34px "Poppins", sans-serif;
     color: #282835;
     position: relative;
     padding-left: 25px;
}
 .study_details_three .study_details_content ul li:before {
     content: "\e64c";
     position: absolute;
     left: 0;
     top: 0;
     font-family: 'themify';
     color: #1aacf6;
}

/*=========== case_studies_area css ==========*/
 .case_studies_slider .owl-dots {
     margin-top: 40px;
}
 .case_studies_slider .owl-dots button span {
     width: 6px;
     height: 6px;
     background: #b9c4d8;
     border: 0px;
}
 .case_studies_slider .owl-dots button.active span {
     background: #1aacf6;
}
 .studies_item {
     background: #fff;
     -webkit-box-shadow: 0px 3px 4px 0px rgba(38, 59, 94, 0.1);
     box-shadow: 0px 3px 4px 0px rgba(38, 59, 94, 0.1);
     margin: 10px 15px;
}
 .studies_item .text {
     padding: 18px 40px;
}
 .studies_item .text h4 {
     font-size: 20px;
     color: #263b5e;
     font-weight: 500;
     margin-bottom: 3px;
}
 .studies_item .text p {
     margin-bottom: 0;
}
 .studies_item .text p a {
     font-size: 16px;
     color: #6a7695;
}
/*====================================================*/

/*================== call_action_area css ================*/
 .call_action_area {
     min-height: 900px;
     position: relative;
     background-image: -moz-linear-gradient(180deg, #1786d8 0%, #00aff0 100%);
     background-image: -webkit-linear-gradient(180deg, #1786d8 0%, #00aff0 100%);
     background-image: -ms-linear-gradient(180deg, #1786d8 0%, #00aff0 100%);
     z-index: 1;
     padding-top: 250px;
     position: relative;
     overflow: hidden;
}
 .call_action_area:before {
     content: "";
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     position: absolute;
     background: url("../img/home2/action_bg.png") no-repeat scroll center 0;
}
 .call_action_area .action_one {
     left: -240px;
     bottom: 0;
     height: 100%;
     z-index: -1;
}
 .call_action_area .action_two {
     right: 0;
     background-position: 50% 50%;
     z-index: -1;
     top: 0;
}
 .call_action_area .action_content {
     max-width: 570px;
     margin: 0 auto;
     position: relative;
     z-index: 1;
}
 .call_action_area .action_content h2 {
     margin-bottom: 15px;
     color: #fff;
}
 .call_action_area .action_content p {
     font-weight: 300;
     color: #fff;
}
 .call_action_area .action_content .action_btn {
     min-width: 180px;
     line-height: 55px;
     border-radius: 45px;
     -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 11, 40, 0.2);
     box-shadow: 0px 20px 40px 0px rgba(0, 11, 40, 0.2);
     background: #fff;
     color: #00aff0;
}
 .call_action_area .action_content .action_btn:hover {
     -webkit-box-shadow: none;
     box-shadow: none;
}



/*=============== agency_testimonial_area css ==============*/
 .agency_testimonial_info {
     position: relative;
}
 .agency_testimonial_info .testimonial_slider {
     max-width: 770px;
     border-radius: 6px;
     margin: 0 auto;
     background-color: white;
     -webkit-box-shadow: 0px 20px 40px 0px rgba(12, 0, 46, 0.06);
     box-shadow: 0px 20px 40px 0px rgba(12, 0, 46, 0.06);
     padding: 50px;
}
 .agency_testimonial_info .testimonial_slider .testimonial_item {
     z-index: 0;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
 .agency_testimonial_info .testimonial_slider .testimonial_item .author_img img {
     max-width: 100%;
     width: auto;
     display: inline-block;
     border-radius: 50%;
}
 .agency_testimonial_info .testimonial_slider .testimonial_item .author_description {
     margin-top: 18px;
     margin-bottom: 40px;
}
 .agency_testimonial_info .testimonial_slider .testimonial_item .author_description h4 {
     margin-bottom: 5px;
}
 .agency_testimonial_info .testimonial_slider .testimonial_item .author_description h6 {
     font: 400 14px/26px "Poppins", sans-serif;
     color: #959cb1;
}
 .agency_testimonial_info .testimonial_slider .testimonial_item p {
     font-weight: 300;
     font-size: 16px;
     line-height: 30px;
     margin-bottom: 50px;
}
 .agency_testimonial_info .testimonial_slider .active {
     position: relative;
     z-index: 9;
}
 .agency_testimonial_info .testimonial_slider .owl-dots {
     text-align: center;
     bottom: 0px;
     position: relative;
     margin-top: 0px;
}
 .agency_testimonial_info .testimonial_slider .owl-dots .owl-dot {
     width: 16px;
     height: 16px;
     border-radius: 50%;
     border: 1px solid transparent;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
     margin: 0px 2px;
}
 .agency_testimonial_info .testimonial_slider .owl-dots .owl-dot span {
     width: 8px;
     height: 8px;
     background: #cfcfe7;
     border-radius: 50%;
     display: block;
     margin: 0 auto;
     border: 0px;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
 .agency_testimonial_info .testimonial_slider .owl-dots .owl-dot.active {
     border-color: #1aacf6;
}
 .agency_testimonial_info .testimonial_slider .owl-dots .owl-dot.active span {
     -webkit-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
}
 .agency_testimonial_info .owl-prev, .agency_testimonial_info .owl-next {
     width: 50px;
     height: 50px;
     line-height: 50px;
     border-radius: 50%;
     border: 1px solid #f3f5f8;
     background-color: white;
     -webkit-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.06);
     box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.06);
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     cursor: pointer;
}
 .agency_testimonial_info .owl-prev:hover, .agency_testimonial_info .owl-next:hover {
     color: #fff;
     background: #1aacf6;
}
 .agency_testimonial_info .owl-next {
     right: 0;
}



/*============ feedback_area css ==============*/
 .feedback_slider .owl-nav {
     display: none;
}
 .feedback_slider .item {
     padding: 0px 15px;
}
 .feedback_slider .shap_one, .feedback_slider .shap_two {
     position: absolute;
     bottom: 0;
     right: 20px;
     opacity: 0.302;
     border-radius: 10px;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     width: 66px;
     height: 66px;
     bottom: -35px;
     opacity: 0.302;
}
 .feedback_slider .shap_one {
     background-image: -moz-linear-gradient(40deg, #290a59 0%, #3d57f4 100%);
     background-image: -webkit-linear-gradient(40deg, #290a59 0%, #3d57f4 100%);
     background-image: -ms-linear-gradient(40deg, #290a59 0%, #3d57f4 100%);
}
 .feedback_slider .shap_two {
     background-image: -moz-linear-gradient(40deg, #290a59 0%, #3d57f4 100%);
     background-image: -webkit-linear-gradient(40deg, #290a59 0%, #3d57f4 100%);
     background-image: -ms-linear-gradient(40deg, #290a59 0%, #3d57f4 100%);
     right: -10px;
     bottom: -45px;
}
 .feedback_slider .center .feedback_item {
     border-color: #3d57f4;
}
 .feedback_slider .center .feedback_item .shap_one, .feedback_slider .center .feedback_item .shap_two {
     opacity: 1;
}
 .feedback_item {
     border: 1px solid #131430;
     border-radius: 4px;
     background-color: #0f1029;
     -webkit-box-shadow: 0px 30px 50px 0px rgba(12, 0, 46, 0.3);
     box-shadow: 0px 30px 50px 0px rgba(12, 0, 46, 0.3);
     padding: 45px;
     position: relative;
     overflow: hidden;
}
 .feedback_item .feed_back_author {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .feedback_item .media .img {
     border: 1px solid #44467b;
     border-radius: 50%;
     width: 60px;
     height: 60px;
     overflow: hidden;
     margin-right: 18px;
}
 .feedback_item .media .img img {
     max-width: 100%;
     width: auto;
}
 .feedback_item .media .media-body {
     -ms-flex-item-align: center;
     -ms-grid-row-align: center;
     align-self: center;
}
 .feedback_item .media .media-body h6 {
     margin-bottom: 0px;
     font-size: 14px;
     color: #58596e;
}
 .feedback_item p {
     font-weight: 300;
     margin-top: 34px;
     margin-bottom: 25px;
}
 .feedback_item .post_date {
     font-size: 14px;
     line-height: 24px;
     color: #58596e;
     font-style: italic;
     font-weight: 300;
     position: relative;
}
 .feedback_item .post_date:before {
     content: "";
     width: 100%;
     height: 1px;
     background: #58596e;
     position: absolute;
     left: 0;
     bottom: 0;
}
 .feedback_item .ratting {
     -ms-flex-item-align: center;
     -ms-grid-row-align: center;
     align-self: center;
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     text-align: right;
}
 .feedback_item .ratting a {
     font-size: 12px;
     color: #58596e;
}
 .feedback_item .ratting a:nth-child(1), .feedback_item .ratting a:nth-child(2), .feedback_item .ratting a:nth-child(3) {
     color: #3d57f4;
}
 .owl-dots {
     text-align: center;
     margin-top: 75px;
}
 .owl-dots .owl-dot span {
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: #3d3e65;
     margin: 0px 5px;
     border: 1px solid #3d3e65;
     display: block;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 .owl-dots .owl-dot.active span {
     background: transparent;
     -webkit-transform: scale(1.5);
     -ms-transform: scale(1.5);
     transform: scale(1.5);
     border-color: #3d57f4;
}
 .owl-dots .owl-dot:focus {
     outline: none;
}
 

 .nav_container {
     position: relative;
     z-index: 1;
}
 .nav_container .owl-prev, .nav_container .owl-next {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     background-color: white;
     -webkit-box-shadow: 0px 3px 4px 0px rgba(12, 0, 46, 0.06);
     box-shadow: 0px 3px 4px 0px rgba(12, 0, 46, 0.06);
     font-size: 20px;
     color: #222d39;
     border: 0px;
     line-height: 50px;
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
     cursor: pointer;
}
 .nav_container .owl-prev:hover, .nav_container .owl-next:hover {
     background: #4069eb;
     color: #fff;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .nav_container .owl-prev {
     left: 15px;
}
 .nav_container .owl-next {
     right: 15px;
}
 .nav_container .owl-dots {
     margin-top: 30px;
}
 .nav_container .owl-dots .owl-dot span {
     background: #cfcfe7;
     border: 0px;
}
 .nav_container .owl-dots .owl-dot.active span {
     background: #653cee;
}
 .shap {
     position: absolute;
     opacity: 0.02;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     border-radius: 45px;
     left: 90px;
     z-index: -1;
}
 .shap.one {
     background-image: -moz-linear-gradient(140deg, #7d0df0 0%, #0cb6e7 100%);
     background-image: -webkit-linear-gradient(140deg, #7d0df0 0%, #0cb6e7 100%);
     background-image: -ms-linear-gradient(140deg, #7d0df0 0%, #0cb6e7 100%);
     width: 650px;
     height: 510px;
     top: -155%;
}
 .shap.two {
     background-image: -moz-linear-gradient(140deg, #7d0df0 0%, #0cb6e7 100%);
     background-image: -webkit-linear-gradient(140deg, #7d0df0 0%, #0cb6e7 100%);
     background-image: -ms-linear-gradient(140deg, #7d0df0 0%, #0cb6e7 100%);
     width: 666px;
     height: 330px;
     top: -145%;
     left: 290px;
}
 .app_testimonial_item .author-img {
     width: 70px;
     height: 70px;
     border-radius: 100%;
     overflow: hidden;
     margin: 0 auto 15px;
}
 .app_testimonial_item .author-img img {
     width: auto;
     border-radius: 100%;
     max-width: 100%;
}
 .app_testimonial_item .author_info {
     margin-bottom: 35px;
}
 .app_testimonial_item .author_info p {
     color: #959cb1;
     font-size: 14px;
     margin-bottom: 0px;
}
/*============== faq area css =============*/
 .faq_tab {
     border: 1px solid #f4f4f4;
     background-color: #f4f4f4;
     padding: 50px 40px;
}
 .faq_tab .nav-tabs {
     border: 0px;
     margin-bottom: 0px;
     display: block;
}
 .faq_tab .nav-item {
     margin: 0px;
}
 .faq_tab .nav-item .nav-link {
     font: 400 16px/22px "Poppins", sans-serif;
     color: #616161;
     padding: 0px;
     border: 0px;
     border-radius: 0px;
     display: inline-block;
     position: relative;
     margin-bottom: 20px;
}
 .faq_tab .nav-item .nav-link:before {
     content: "";
     width: 0;
     height: 1px;
     background: #1aacf6;
     position: absolute;
     left: 0;
     bottom: 0;
     -webkit-transition: width 0.2s linear;
     -o-transition: width 0.2s linear;
     transition: width 0.2s linear;
}
 .faq_tab .nav-item .nav-link.active {
     color: #1aacf6;
     font-weight:600;
     background:none;
}
 .faq_tab .nav-item .nav-link.active:before {
     width: 100%;
}
 .faq_content .tab-pane .card {
     border: 0px;
     border-radius: 0px;
     background: transparent;
     border-bottom: 1px solid #e4e0ee;
}
 .faq_content .tab-pane .card .card-header {
     padding: 0px;
     border: 0px;
     background: transparent;
}
 .faq_content .tab-pane .card .card-header .btn {
     color: #1aacf6;
     display: block;
     width: 100%;
     text-align: left;
     font: 500 18px/26px "Poppins", sans-serif;
     padding: 20px 30px 20px 0px;
     position: relative;
     white-space: normal;
}
 .faq_content .tab-pane .card .card-header .btn i {
     position: absolute;
     right: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     display: none;
     font-size: 20px;
}
 .faq_content .tab-pane .card .card-header .btn i + i {
     display: block;
}
 .faq_content .tab-pane .card .card-header .btn.collapsed {
     color: #576370;
}
 .faq_content .tab-pane .card .card-header .btn.collapsed i {
     display: block;
}
 .faq_content .tab-pane .card .card-header .btn.collapsed i + i {
     display: none;
}
 .faq_content .tab-pane .card .card-body {
     padding: 0px 0px 45px;
     font: 400 15px/26px "Poppins", sans-serif;
     color: #616161;
}
/*====================================================*/

 .contact_info_item {
     border-bottom: 1px solid #eeebf6;
     padding-bottom: 25px;
}
 .contact_info_item p {
     color: #616161;
     margin-bottom: 8px;
}
 .contact_info_item a {
     color: #616161;
     padding-left: 3px;
     display: inline-block;
}
 .contact_info_item a:hover {
     color: #1aacf6;
}
 .contact_info_item + .contact_info_item {
     border: 0px;
     margin-top: 33px;
}
 .mapbox {
     height: 400px;
     -webkit-box-shadow: 0px 3px 4px 0px rgba(12, 0, 46, 0.05);
     box-shadow: 0px 3px 4px 0px rgba(12, 0, 46, 0.05);
     border: 10px solid #fff;
}
 #mapBox {
     height: 100% !important;
}
 .text_box {
     margin-bottom: 30px;
}
 .text_box input[type="text"], .text_box textarea, .text_box select, .text_box input[type="password"], .text_box input[type="email"] {
     font: 400 15px/60px 'Roboto', sans-serif;
     color: #222d39;
     height: 60px;
     border-radius: 4px;
     background-color: white;
     -webkit-box-shadow: 0px 1px 1px 0px rgba(12, 0, 46, 0.1);
     box-shadow: 0px 1px 1px 0px rgba(12, 0, 46, 0.1);
     width: 100%;
     border: 1px solid #fff;
     padding-left: 30px;
}
 .text_box input[type="text"].placeholder, .text_box textarea.placeholder, .text_box input[type="password"].placeholder, .text_box input[type="email"].placeholder {
     color: #9ca3b9;
}
 .text_box input[type="text"]:-moz-placeholder, .text_box textarea:-moz-placeholder, .text_box input[type="password"]:-moz-placeholder, .text_box input[type="email"]:-moz-placeholder {
     color: #9ca3b9;
}
 .text_box input[type="text"]::-moz-placeholder, .text_box textarea::-moz-placeholder, .text_box input[type="password"]::-moz-placeholder, .text_box input[type="email"]::-moz-placeholder {
     color: #9ca3b9;
}
 .text_box input[type="text"]::-webkit-input-placeholder, .text_box textarea::-webkit-input-placeholder, .text_box input[type="password"]::-webkit-input-placeholder, .text_box input[type="email"]::-webkit-input-placeholder {
     color: #9ca3b9;
}
 .text_box input[type="text"]:focus, .text_box textarea:focus, .text_box select:focus, .text_box input[type="password"]:focus, .text_box input[type="email"]:focus {
     border-color: #f2effc;
     -webkit-box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
     box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
     outline: none;
}
 .text_box textarea {
     height: 220px;
}
 .contact_form_box .btn_three {
     min-width: 180px;
     text-align: center;
     background: #1aacf6;
     border-color: #1aacf6;
     margin-top: 0px;
}
 .contact_form_box .btn_three:hover {
     background: transparent;
     color: #1aacf6;
}
 .mapbox2 {
     height: 440px;
}

/*==================== sign_in_area css ==================*/
.sign_in_area {
	padding-bottom: 100px;
	background: #1c1c22;
}
.sign_info {
     padding: 0;
     /*-webkit-box-shadow: 0px 50px 100px 0px rgba(12, 0, 46, 0.05);
     box-shadow: 0px 50px 100px 0px rgba(12, 0, 46, 0.05);*/
}
 .sign_info .login_info {
	 padding: 40px;
	 background: #ececec;
}
.sign_info_content {
	padding: 0px;
	background: #1c1c22;
	margin-bottom:30px;
}
.login_info h1 {
    font-weight: 800;
	color: #3c3c42;
	font-size: 30px;
	padding-bottom: 4px;
}
.login_info h2 {
    font-weight: 600;
	color: #3c3c42;
	font-size: 22px;
}
 .sign_info_content h3 {
	 font-weight: 700;
	 color: #ccc;
	 letter-spacing: 1px;
	 margin-top:30px;
}
 .sign_info_content h4 {
	 font-weight: 700;
	 color: #9d9da2;
	 font-size: 18px;
	 margin-bottom: 20px;
}
.sign_info_content p {
	color: #9d9da2;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #4e4c57;
}
 .sign_info .sign_info_content h2 {
     font-size: 30px;
     color: #616161;
}
.sign_info_content p span {font-size: 18px;text-transform: uppercase; color: #1aacf6;letter-spacing: 2px;padding: 0;}
 .sign_info .sign_info_content ul li {
     font: 400 16px/34px 'Roboto', sans-serif;
     color: #616161;
}
 .sign_info .sign_info_content ul li a {
    font-weight: 700;
     color: #1aacf6;
     font-size: 18px;
}
 .sign_info .sign_info_content ul li i {
     color: #9d9da2;
     margin-right: 10px;
}
 .sign_info .sign_info_content ul li i.one {
     padding-right:0px;
     border:1px solid #5c5c62;
     border-radius:50%;
     padding:8px;
     margin-bottom:6px;
     
}
 .sign_info .sign_info_content ul li i.two {
     padding-right:10px;
}
 .sign_info .sign_info_content ul li i.three {
     padding-right:0px;
     border:1px solid #5c5c62;
     border-radius:50%;
     padding:8px;
}
 .sign_info .sign_info_content ul li i.four {
     padding-right:12px;
}
 .sign_info .login-form .text_box {
     margin-bottom: 25px;
}
 .sign_info .lead-text {
     font: 400 14px/40px 'Roboto', sans-serif;
     color: #616161;
     padding-right: 20px;
}
 .sign_info .social_tag li {
     display: inline-block;
}
 .sign_info .social_tag li a {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     display: block;
     line-height: 44px;
     color: #fff;
     font-size: 13px;
     text-align: center;
     margin-left: 7px;
}
 .sign_info .social_tag li:first-child a {
     background: #4779de;
}
 .sign_info .social_tag li:nth-child(2) a {
     background: #e43e30;
}
 .sign_info .social_tag li:nth-child(3) a {
     background: #1da1f3;
}
 .sign_info .sign-in-form .btn_three {
     width: auto;
     margin-top: 0;
}
 .sign_info .sign-in-form .extra .forgotten-password a {
     color: #161341;
     font-weight: 400;
}
 .sign_info .sign-in-form .extra .forgotten-password a:hover {
     color: #1aacf6;
}
 .sign_btn_transparent {
     display: inline-block;
     background: transparent;
     border-color: #1aacf6;
     color: #1aacf6;
}
 .sign_btn_transparent:hover {
     background: #1aacf6;
     color: #fff;
}

 #success, #error {
     position: relative;
     top: 10px;
     display: block;
     right: 0;
     left: 0;
     bottom: -15px;
     display: none;
     font-weight: 600;
}
 #success {
     color: lawngreen;
}
 #error {
     color: orangered;
}

/*====================================================*/
 .typography_breacrumb {
     background: #f9f9f9;
}
 .typography_breacrumb h1 {
     color: #222d39;
     font-weight: 400;
}
 .typography_breacrumb h1 span {
     font-weight: 700;
}
 .typography_breacrumb p {
     color: #616161;
}
 h1, h2, h3, h4, h5, h6 {
     color: #1c1c22;
	 font-family: "Poppins", sans-serif;
}
 p {
     font-size: 16px;
     color: #3c3c42;
}
 p span {
     padding: 3px 8px;
}
 .bg-dark {
     background: #222d39 !important;
}
 .bg-purpple {
     background: #6e3ef8;
}
 .bg-blue {
     background: #2cabed;
}
 .h_title {
     font-size: 24px;
     color: #616161;
     font-weight: 300;
     margin-bottom: 50px;
}
 .heading_style h1, .heading_style h2, .heading_style h3, .heading_style h4, .heading_style h5, .heading_style h6 {
     color: #4b505e;
     font-weight: 700;
}
 .heading_style .h_title {
     font-size: 24px;
     color: #616161;
     font-weight: 300;
}
 .heading_style h1 {
     font-size: 50px;
}
 .heading_style h2 {
     font-size: 44px;
}
 .heading_style h3 {
     font-size: 36px;
}
 .heading_style h4 {
     font-size: 30px;
}
 .heading_style h5 {
     font-size: 24px;
}
 .heading_style h6 {
     font-size: 18px;
}
 .heading_style.medium h1, .heading_style.medium h2, .heading_style.medium h3, .heading_style.medium h4, .heading_style.medium h5, .heading_style.medium h6 {
     font-weight: 500;
}
 .heading_style.medium .h_title {
     font-weight: 300;
}
 .heading_style.regular .h_title {
     font-weight: 300;
}
 .heading_style.regular h1, .heading_style.regular h2, .heading_style.regular h3, .heading_style.regular h4, .heading_style.regular h5, .heading_style.regular h6 {
     font-weight: 400;
}
 .tooltip_p .text-green {
     color: #49c10e;
}
 .tooltip_p .text-red {
     color: #f0368d;
}
 .tooltip > .tooltip-inner {
     background-color: #f00;
     color: #fff;
}
 .tooltip > .tooltip-inner .arrow:before {
     border-bottom-color: red;
}
 .drop_text span {
     float: left;
     font-size: 54px;
     color: #2cabed;
     font-weight: 700;
     line-height: 50px;
}
 .nested {
     font-size: 16px;
     color: #627387;
     line-height: 36px;
     font-weight: 400;
}
 .blockquote {
     border-left: 2px solid #4b505e;
     padding-left: 30px;
}
 .blockquote p {
     font-size: 18px;
     color: #4b505e;
     font-style: italic;
     font-weight: 400;
     line-height: 30px;
}
 .blockquote_two {
     background: #f9fafb;
     padding: 20px 20px 20px 40px;
     font-size: 22px;
     font-style: italic;
     color: #627387;
}
 .blockquote_two img {
     margin-right: 40px;
}
 .blockquote_three {
     background: #f9fafb;
     padding: 40px;
     font-size: 22px;
     color: #616161;
     font-style: italic;
     line-height: 40px;
}
 .blockquote_three img {
     margin-right: 40px;
}
 .typography_promo_area {
     position: relative;
     z-index: 1;
     height: 400px;
     background-color: #1aacf6;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .typography_promo_area .bg_overlay {
     position: absolute;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     background-attachment: fixed;
     opacity: 0.1;
}
 .typography_promo_area h2 {
     color: #fff;
     font-size: 40px;
     line-height: 50px;
     font-weight: 600;
}
 .typography_promo_area .btn_get {
     color: #fff;
     border: 1px solid #fff;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
     margin-top: 30px;
}
 .typography_promo_area .btn_get:hover {
     background: #fff;
     color: #051441;
}
 .alert {
     font-size: 16px;
     line-height: 34px;
     position: relative;
     border-width: 1px;
     border-style: solid;
     border-radius: 0px;
     margin-bottom: 30px;
}
 .alert i {
     float: left;
     font-size: 20px;
     line-height: 32px;
     margin-right: 20px;
}
 .alert .alert_close {
     position: absolute;
     right: 20px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     font-size: 20px;
     cursor: pointer;
}
 .alert .alert_close i {
     margin-right: 0;
}
 .alert.notice {
     background: #f9f8fc;
     border-color: #e9e6f5;
     color: #616161;
}
 .alert.error {
     background: #ffebeb;
     border-color: #f4bdbd;
     color: #eb4a4a;
}
 .alert.warning {
     background: #fffaeb;
     border-color: #edd796;
     color: #e7b931;
}
 .alert.info {
     background: #ebfcff;
     border-color: #aee9f3;
     color: #49cbe1;
}
 .alert.success {
     background: #ecffeb;
     border-color: #b0efac;
     color: #4acc43;
}
 .alert.message {
     background: #f5f1fd;
     border-color: #d7caf5;
     color: #8d62e3;
}
 .big_alert {
     padding: 40px;
     font-size: 20px;
}
 .big_alert i {
     font-size: 24px;
}
 .box_alert {
     border: 1px solid #e9e6f5;
     padding: 40px;
     position: relative;
     margin-bottom: 30px;
}
 .box_alert .icon {
     width: 70px;
     height: 70px;
     text-align: center;
     line-height: 70px;
     font-size: 20px;
     color: #616161;
     border: 1px solid #e9e6f5;
     background: #f9f8fc;
     border-radius: 50%;
     margin-right: 30px;
}
 .box_alert .media-body h5 {
     font-size: 20px;
     line-height: 28px;
     color: #222d39;
     font-weight: 500;
     margin-bottom: 10px;
}
 .box_alert .media-body p {
     font-size: 15px;
     line-height: 28px;
     color: #616161;
}
 .box_alert .alert_close {
     position: absolute;
     right: 20px;
     top: 20px;
     color: #616161;
     font-size: 20px;
     cursor: pointer;
}
 .box_alert.box_warning .icon {
     background: #fffaeb;
     border-color: #edd796;
     color: #e7b931;
}
 .box_alert.box_success .icon {
     background: #ecffeb;
     border-color: #b0efac;
     color: #4acc43;
}
 .box_alert.box_error .icon {
     background: #ffebeb;
     border-color: #f4bdbd;
     color: #eb4a4a;
}
 .box_alert.box_info .icon {
     background: #ebfcff;
     border-color: #aee9f3;
     color: #49cbe1;
}
 .box_alert.box_info_two .icon {
     background: #f5f1fd;
     border-color: #d7caf5;
     color: #8d62e3;
}
 .button_item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .button_item .btn_hover {
     margin-top: 0;
}
 .button_item + .button_item {
     margin-top: 20px;
}
 .btn_s {
     padding: 9px 44px;
}
 .btn_m {
     padding: 16px 50px;
}
 .btn_l {
     padding: 24px 86px;
}
 .btn_c {
     padding: 16px 50px;
}
 .btn_border {
     border-width: 1px;
     border-style: solid;
     border-color: #222d39;
     color: #222d39;
}
 .btn_border:hover {
     background: #7444fd;
     border-color: #7444fd;
     color: #fff;
}
 .border2 {
     border-width: 2px;
}
 .border3 {
     border-width: 3px;
}
 .border4 {
     border-width: 4px;
}
 .btn_r {
     border-radius: 4px;
}
 .btn_r_n {
     border-radius: 0px;
}
 .btn_r_two {
     border-radius: 8px;
}
 .btn_r_three {
     border-radius: 45px;
}
 .box_s {
     background: #5f2eed;
     -webkit-box-shadow: 0 6px #8057f8;
     box-shadow: 0 6px #8057f8;
}
 .box_s:hover {
     background: #5f2eed;
     color: #fff;
}
 .box_s:hover:hover {
     -webkit-box-shadow: 0 4px #8057f8;
     box-shadow: 0 4px #8057f8;
}
 .btn-style2 {
     position: relative;
     overflow: visible;
     z-index: auto;
     background: #5f2eed;
     -webkit-transition: all 0.1s linear;
     -o-transition: all 0.1s linear;
     transition: all 0.1s linear;
}
 .btn-style2:before {
     content: "";
     width: 100%;
     height: 100%;
     background: #dfd5fb;
     position: absolute;
     right: -5px;
     bottom: -5px;
     z-index: -2;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 .btn-style2:hover {
     background: #5f2eed;
     margin-right: 0;
     margin-bottom: 0;
     color: #fff;
}
 .btn-style2:hover:before {
     right: 0;
     bottom: 0;
}
 .btn-style3 {
     position: relative;
     background: transparent;
}
 .btn-style3:before {
     content: "";
     left: 5px;
     right: 5px;
     bottom: 5px;
     top: 5px;
     background: #5f2eed;
     position: absolute;
     z-index: -1;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
 .btn-style3:hover {
     color: #fff;
}
 .btn-style3:hover:before {
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
}
 .btn-style4 {
     position: relative;
     background: #dfd5fb;
     border: 0px;
}
 .btn-style4:before {
     content: "";
     left: 2px;
     right: 2px;
     bottom: 2px;
     top: 2px;
     background: #5f2eed;
     position: absolute;
     z-index: -1;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
 .btn-style4:hover {
     color: #fff;
}
 .btn-style4:hover:before {
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
}
 .i_btn_one {
     padding: 16px 50px;
}
 .i_btn_one i {
     margin-right: 10px;
}
 .i_btn_two {
     padding: 16px 50px;
}
 .i_btn_two i {
     margin-left: 14px;
}
 .i_btn_three {
     padding: 0 50px 0px 0px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .i_btn_three i {
     width: 50px;
     float: left;
     text-align: center;
     height: 100%;
     line-height: 53px;
     margin-right: 35px;
     border-right: 1.2px solid rgba(255, 255, 255, 0.2);
}
 .i_btn_three:hover i {
     border-color: #7444fd;
}
 .i_btn_four {
     padding: 0 0px 0px 50px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .i_btn_four i {
     width: 50px;
     float: left;
     text-align: center;
     height: 100%;
     line-height: 53px;
     margin-left: 35px;
     border-left: 1.2px solid rgba(255, 255, 255, 0.2);
}
 .i_btn_four:hover i {
     border-color: #7444fd;
}
 .btn_blue {
     background: #2e95ed;
     border-color: #2e95ed;
}
 .btn_blue:hover {
     background: #2e95ed;
     color: #fff;
     -webkit-box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
     box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
     -webkit-transform: translateY(-5px);
     -ms-transform: translateY(-5px);
     transform: translateY(-5px);
}
 .btn_red {
     background: #db247f;
     border-color: #db247f;
}
 .btn_red:hover {
     background: #db247f;
     color: #fff;
     -webkit-box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
     box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
     -webkit-transform: translateY(-5px);
     -ms-transform: translateY(-5px);
     transform: translateY(-5px);
}
 .btn_green {
     background: #62be09;
     border-color: #62be09;
     padding: 16px 64px;
}
 .btn_green:hover {
     background: #62be09;
     color: #fff;
     -webkit-box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
     box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
     -webkit-transform: translateY(-5px);
     -ms-transform: translateY(-5px);
     transform: translateY(-5px);
}
 .btn_yellow {
     background: #e4a817;
     border-color: #e4a817;
     padding: 16px 64px;
}
 .btn_yellow:hover {
     background: #e4a817;
     color: #fff;
     -webkit-box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
     box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
     -webkit-transform: translateY(-5px);
     -ms-transform: translateY(-5px);
     transform: translateY(-5px);
}
 .btn_purple {
     background: #b715f3;
     border-color: #b715f3;
}
 .btn_purple:hover {
     background: #b715f3;
     color: #fff;
     -webkit-box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
     box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
     -webkit-transform: translateY(-5px);
     -ms-transform: translateY(-5px);
     transform: translateY(-5px);
}
 .btn_violte {
     background: #5f2eed;
     border-color: #5f2eed;
}
 .btn_violte:hover {
     background: #5f2eed;
     color: #fff;
     -webkit-box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
     box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
     -webkit-transform: translateY(-5px);
     -ms-transform: translateY(-5px);
     transform: translateY(-5px);
}
 .btn_orange {
     background: #f05b2d;
     border-color: #f05b2d;
     padding: 16px 64px;
}
 .btn_orange:hover {
     background: #f05b2d;
     color: #fff;
     -webkit-box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
     box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
     -webkit-transform: translateY(-5px);
     -ms-transform: translateY(-5px);
     transform: translateY(-5px);
}
 .btn_nill {
     background: #1bbbce;
     border-color: #1bbbce;
     padding: 16px 64px;
}
 .btn_nill:hover {
     background: #1bbbce;
     color: #fff;
     -webkit-box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
     box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
     -webkit-transform: translateY(-5px);
     -ms-transform: translateY(-5px);
     transform: translateY(-5px);
}
/*====================================================*/


/* Css keyframes css ============================================================================================ */
 @-webkit-keyframes menu-animation {
     0% {
         opacity: 0;
         -webkit-transform: scale(0.04) translateY(300%);
         transform: scale(0.04) translateY(300%);
    }
     40% {
         -webkit-transform: scale(0.04) translateY(0);
         transform: scale(0.04) translateY(0);
         -webkit-transition: ease-out;
         -o-transition: ease-out;
         transition: ease-out;
    }
     40% {
         -webkit-transform: scale(0.04) translateY(0);
         transform: scale(0.04) translateY(0);
    }
     60% {
         opacity: 1;
         -webkit-transform: scale(0.02) translateY(0px);
         transform: scale(0.02) translateY(0px);
    }
     61% {
         -webkit-transform: scale(0.04);
         transform: scale(0.04);
    }
     99.9% {
         height: 0;
         padding-bottom: 100%;
         border-radius: 100%;
    }
     100% {
         -webkit-transform: scale(2);
         transform: scale(2);
         height: 100%;
         padding-bottom: 0;
         border-radius: 0;
    }
}
 @keyframes menu-animation {
     0% {
         opacity: 0;
         -webkit-transform: scale(0.04) translateY(300%);
         transform: scale(0.04) translateY(300%);
    }
     40% {
         -webkit-transform: scale(0.04) translateY(0);
         transform: scale(0.04) translateY(0);
         -webkit-transition: ease-out;
         -o-transition: ease-out;
         transition: ease-out;
    }
     40% {
         -webkit-transform: scale(0.04) translateY(0);
         transform: scale(0.04) translateY(0);
    }
     60% {
         opacity: 1;
         -webkit-transform: scale(0.02) translateY(0px);
         transform: scale(0.02) translateY(0px);
    }
     61% {
         -webkit-transform: scale(0.04);
         transform: scale(0.04);
    }
     99.9% {
         height: 0;
         padding-bottom: 100%;
         border-radius: 100%;
    }
     100% {
         -webkit-transform: scale(2);
         transform: scale(2);
         height: 100%;
         padding-bottom: 0;
         border-radius: 0;
    }
}
/* End Css keyframes css ============================================================================================ */
/*====================================================*/
/*====================================================*/
 .ms-section.section_1 {
     background-image: -moz-linear-gradient(40deg, #6712a8 0%, #5f28fb 100%);
     background-image: -webkit-linear-gradient(40deg, #6712a8 0%, #5f28fb 100%);
     background-image: -ms-linear-gradient(40deg, #6712a8 0%, #5f28fb 100%);
}
 .ms-section.section_2 {
     background-image: -moz-linear-gradient(40deg, #6712a8 0%, #5f28fb 100%);
     background-image: -webkit-linear-gradient(40deg, #6712a8 0%, #5f28fb 100%);
     background-image: -ms-linear-gradient(40deg, #6712a8 0%, #5f28fb 100%);
}
 .ms-section.section_4 {
     background-image: -moz-linear-gradient(40deg, #6712a8 0%, #5f28fb 100%);
     background-image: -webkit-linear-gradient(40deg, #6712a8 0%, #5f28fb 100%);
     background-image: -ms-linear-gradient(40deg, #6712a8 0%, #5f28fb 100%);
}
 .ms-section.section_6 {
     background-image: -webkit-linear-gradient(310deg, #6712a8 0%, #5f28fb 100%);
     background-image: -o-linear-gradient(310deg, #6712a8 0%, #5f28fb 100%);
     background-image: -webkit-linear-gradient(50deg, #6712a8 0%, #5f28fb 100%);
     background-image: -o-linear-gradient(50deg, #6712a8 0%, #5f28fb 100%);
     background-image: linear-gradient(40deg, #6712a8 0%, #5f28fb 100%);
}
 .ms-section.section_8 {
     position: relative;
}
 .ms-section.section_8 .split_banner {
     background: url("../img/new/home-split/mobile_bg.jpg") no-repeat center top;
     background-size: cover;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .height {
     height: 100%;
}
 .split_banner, .split_banner_content {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: relative;
}
 .square {
     width: 50px;
     height: 50px;
}
 .square.one {
     top: 200px;
     left: 50px;
     -webkit-animation: spin2 2s infinite alternate;
     animation: spin2 2s infinite alternate;
}
 .square.two {
     top: 220px;
     left: 70px;
     -webkit-animation: spin2 2.5s infinite alternate;
     animation: spin2 2.5s infinite alternate;
}
 .square.three {
     height: 102px;
     width: 102px;
     top: auto;
     left: 20px;
     bottom: -10%;
     -webkit-animation: spin1 3s infinite alternate;
     animation: spin1 3s infinite alternate;
}
 .square.four {
     bottom: 43%;
     left: 80px;
     -webkit-animation: spin2 2s infinite alternate;
     animation: spin2 2s infinite alternate;
}
 .intro {
     width: 70%;
     margin-left: auto;
     margin-right: 100px;
     position: relative;
}
 .split_slider_content {
     color: #fff;
     padding: 70px 0px 70px 120px;
     position: relative;
     z-index: 0;
}
 .split_slider_content .br_shap {
     position: absolute;
     left: 0;
     top: 0;
     width: 330px;
     border: 10px solid #8429c9;
     height: 100%;
     z-index: -1;
}
 .split_slider_content h2 {
     font-size: 50px;
     line-height: 66px;
     font-weight: 700;
     margin-bottom: 20px;
     position: relative;
     z-index: 0;
     -webkit-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     transform: translateX(-100%);
     -webkit-transition: all 1s linear;
     -o-transition: all 1s linear;
     transition: all 1s linear;
     color: #fff;
}
 .split_slider_content h2:before {
     content: "";
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: #fff;
     opacity: 0.8;
     position: absolute;
     z-index: 0;
     -webkit-transition: all 1s linear;
     -o-transition: all 1s linear;
     transition: all 1s linear;
}
 .split_slider_content p {
     font-size: 18px;
     line-height: 30px;
     margin-bottom: 45px;
     -webkit-transform: translateY(10px);
     -ms-transform: translateY(10px);
     transform: translateY(10px);
     opacity: 0;
     color: #fff;
}
 .split_slider_content .btn_get {
     border: 1px solid #fff;
     border-radius: 3px;
     color: #fff;
     padding: 3px 33px;
     font-size: 15px;
     -webkit-box-shadow: none;
     box-shadow: none;
     -webkit-transform: translateY(10px);
     -ms-transform: translateY(10px);
     transform: translateY(10px);
     opacity: 0;
}
 .split_slider_content .btn_get:hover {
     background: #fff;
     color: #5f28fb;
}
 .split_slider_content .content {
     overflow: hidden;
}
 .spliet_slider_img .phone_one {
     position: absolute;
     top: -23%;
     z-index: 0;
     left: 111px;
     -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
     animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
     -webkit-animation-name: animateUpDown;
     animation-name: animateUpDown;
     -webkit-animation-duration: 3s;
     animation-duration: 3s;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
}
 .spliet_slider_img .phone_two {
     position: relative;
     left: 40px;
     top: 112px;
     -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
     animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
     -webkit-animation-name: animateUpDown;
     animation-name: animateUpDown;
     -webkit-animation-duration: 3.3s;
     animation-duration: 3.3s;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
}
 .border_shap {
     position: absolute;
     width: 400px;
     height: 700px;
     background: rgba(255, 255, 255, 0.05);
     top: 0;
     left: 100px;
     -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     transform: translateY(-100%);
     -webkit-transition: all 0.4s linear;
     -o-transition: all 0.4s linear;
     transition: all 0.4s linear;
     opacity: 0;
     visibility: hidden;
}
 .border_shap.two {
     left: 36%;
     top: -20%;
}
 .square {
     position: absolute;
     width: 40px;
     height: 40px;
     background: rgba(255, 255, 255, 0.05);
}
 .active .border_shap {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
     visibility: visible;
     -webkit-transition: 1.5s ease-in-out;
     -o-transition: 1.5s ease-in-out;
     transition: 1.5s ease-in-out;
}
 .active .border_shap.two {
     -webkit-transition: -webkit-transform 2.5s linear;
     transition: -webkit-transform 2.5s linear;
     -o-transition: transform 2.5s linear;
     transition: transform 2.5s linear;
     transition: transform 2.5s linear, -webkit-transform 2.5s linear;
}
 .active .split_slider_content h2 {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
     -webkit-transition: all 1.5s linear;
     -o-transition: all 1.5s linear;
     transition: all 1.5s linear;
}
 .active .split_slider_content h2:before {
     right: 0;
     left: auto;
     width: 0;
     -webkit-transition: all 2s linear;
     -o-transition: all 2s linear;
     transition: all 2s linear;
}
 .active .split_slider_content p {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
     -webkit-transition: opacity 1s 1.5s linear , -webkit-transform 1s 1.5s linear;
     transition: opacity 1s 1.5s linear , -webkit-transform 1s 1.5s linear;
     -o-transition: transform 1s 1.5s linear , opacity 1s 1.5s linear;
     transition: transform 1s 1.5s linear , opacity 1s 1.5s linear;
     transition: transform 1s 1.5s linear , opacity 1s 1.5s linear , -webkit-transform 1s 1.5s linear;
}
 .active .split_slider_content .btn_get {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition: opacity 1s 1.7s linear,background 0.2s linear , -webkit-transform 1s 1.8s linear;
     transition: opacity 1s 1.7s linear,background 0.2s linear , -webkit-transform 1s 1.8s linear;
     -o-transition: transform 1s 1.8s linear , opacity 1s 1.7s linear,background 0.2s linear;
     transition: transform 1s 1.8s linear , opacity 1s 1.7s linear,background 0.2s linear;
     transition: transform 1s 1.8s linear , opacity 1s 1.7s linear,background 0.2s linear , -webkit-transform 1s 1.8s linear;
     opacity: 1;
}
 .split_app_content h2 {
     margin-bottom: 38px;
}
 .split_app_content p {
     font-size: 18px;
     line-height: 30px;
     color: #7e86a1;
     margin-bottom: 0;
}
 .split_app_content .btn_three {
     font-size: 15px;
     padding: 15px 33px;
}
 .split_app_content .s_app_btn {
     background: #5f28fb;
     border-color: #5f28fb;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
}
 .split_app_content .s_app_btn i {
     margin-right: 10px;
     font-size: 22px;
}
 .split_app_content .s_app_btn + .s_app_btn {
     background: transparent;
     color: #5f28fb;
     margin-left: 16px;
}
 .split_app_content .s_app_btn + .s_app_btn:hover {
     background: #5f28fb;
     color: #fff;
}
 .split_app_content .s_app_btn:hover {
     background: transparent;
     color: #5f28fb;
}
 .split_title {
     font-size: 40px;
     line-height: 50px;
     color: #051441;
     font-weight: 700;
     font-family: "Poppins", sans-serif;
}
 .split_title span {
     font-weight: 400;
}
 
 #multiscroll-nav ul li a span {
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background: #e6e7ec;
     border: 0px;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
 #multiscroll-nav ul li a.active span {
     background: #5f28fb;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
 #multiscroll-nav.white ul li a span {
     background: #8051f1;
}
 #multiscroll-nav.white ul li a.active span {
     background: #fff;
}
/*====================================================*/
/*============ techno_menu css =============*/
 .techno_menu .er_btn {
     margin-left: 0;
     margin-top: 0;
}
 .techno_menu .menu > .nav-item > .nav-link:before {
     display: none;
}
 .techno_menu .menu > .nav-item:hover > .nav-link, .techno_menu .menu > .nav-item.active > .nav-link {
     color: #1aacf6;
}
 .techno_menu .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .techno_menu .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .techno_menu .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
     color: #051441;
}
 .techno_menu .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .text:hover {
     color: #051441;
}
/*============ techno_menu css =============*/
 .h_footer_dark {
     background: #0c0c12;
     padding: 100px 0px 100px;
     color:#87878b!important;
     font-family: 'Roboto', sans-serif!important;
}
 .h_footer_dark .company_widget p {
     font-size: 16px;
     font-weight: 400;
     margin-top: 32px;
     margin-bottom: 0;
}
 .h_footer_dark .company_widget .f_social_icon {
     margin-bottom: 30px;
}
 .h_footer_dark .f_widget.about-widget .f_list li a, .h_footer_dark .f_widget.company_widget p {
     color: #6c6c72;
     font-weight: 400;
}
 .h_footer_dark .f_widget.about-widget .f_list li {
     margin-bottom: 8px;
}
 .h_footer_dark .f_widget.about-widget .f_list li a:before {
     background: #1aacf6;
}
 .h_footer_dark .f_widget.about-widget .f_list li a:hover {
     color: #1aacf6;
}
 .h_footer_dark_two .f_widget.about-widget .f_list li a:before {
     display: none;
}
 .h_footer_dark_two .f_widget.about-widget .f_list li a:hover {
     color: #1aacf6;
}
.dark_widget .f-title {
    color: #8c8c92;
	font-family: "Roboto", sans-serif;font-size: 20px;
}
/*============== techno_banner_area_two css =============*/
 .techno_banner_area_two {
     background: #1c1c22;
     position: relative;
     z-index: 0;
}
 .techno_banner_area_two + section {
     position: relative;
     z-index: 1;
}
 .techno_banner_area_two .animation_img {
    /*margin-top: -380px;
    */
     margin-top: 0px;
}
 .techno_banner_area_two .cloud_animation {
     margin-bottom: 0;
}
 .techno_banner_area_two .cloud_animation li {
     position: absolute;
}
 .techno_banner_area_two .cloud_animation li:nth-child(1) {
     top: 220px;
     left: 170px;
     -webkit-animation: jurk 4s 5s linear infinite alternate;
     animation: jurk 4s 5s linear infinite alternate;
}
 .techno_banner_area_two .cloud_animation li:nth-child(2) {
     top: 420px;
     left: 370px;
     -webkit-animation: jurk 4s 2s linear infinite alternate;
     animation: jurk 4s 2s linear infinite alternate;
}
 .techno_banner_area_two .cloud_animation li:nth-child(3) {
     left: 120px;
     top: 50%;
     -webkit-animation: jurk 3s 3s linear infinite alternate;
     animation: jurk 3s 3s linear infinite alternate;
}
 .techno_banner_area_two .cloud_animation li:nth-child(4) {
     top: 420px;
     right: 320px;
     -webkit-animation: jurk 4s 2s linear infinite alternate;
     animation: jurk 4s 2s linear infinite alternate;
}
 .techno_banner_area_two .cloud_animation li:nth-child(5) {
     right: 120px;
     top: 380px;
     -webkit-animation: jurk 8s 2s linear infinite alternate;
     animation: jurk 8s 2s linear infinite alternate;
}
 .techno_banner_area_two .cloud_animation li:nth-child(6) {
     top: 220px;
     right: 170px;
     -webkit-animation: jurk 5s 3s linear infinite alternate;
     animation: jurk 5s 3s linear infinite alternate;
}
/*.techno_banner_area_two .techno_shap {
     content: '';
     display: block;
     position: absolute;
     top: calc(100% - 190px);
     background-color: white;
     min-height: 390px;
     width: 2200px;
     left: -77px;
     -webkit-transform: rotate(-6deg);
     -webkit-transform-origin: 0 0 0;
     -moz-transform: rotate(-6deg);
     -moz-transform-origin: 0 0 0;
     -o-transform: rotate(-6deg);
     -o-transform-origin: 0 0 0;
     -ms-transform: rotate(-6deg);
     -ms-transform-origin: 0 0 0;
     transform: rotate(-6deg);
     z-index: -1;
}
*/
 .techno_banner_area_two .techno_shap_two {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -2;
}
 .techno_banner_area_two .animation_img img {
     -webkit-box-shadow: 0px 40px 100px 0px rgba(1, 1, 64, 0.08);
     box-shadow: 0px 40px 100px 0px rgba(1, 1, 64, 0.08);
}
 .techno_banner_area_two .section_container .intro_content h1 {
	 font-size: 50px;
     line-height: 64px;
     color: #e0e0e0;
     font-weight: 700;
}
 .techno_banner_area_two .section_container .intro_content p {
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 40px;
     color:#fff;
	 letter-spacing: 1px;
}
 .techno_banner_area_two .section_container .intro_content p span a {
    color:#1aacf6;
     font-weight:600;
}
.techno_banner_area_two .section_container .intro_content p span a:hover {color: #fff;}
 .techno_banner_area_two .section_container .intro_content .er_btn {
     padding: 10px 37px;
     margin-top: 0;
}
 @-webkit-keyframes cloud {
     0% {
         left: 14%;
         top: 200px;
         opacity: 0;
    }
     20% {
         left: 44%;
         top: 100px;
         opacity: 1;
    }
     40% {
         left: 65%;
         top: 50px;
         opacity: 1;
    }
     60% {
         left: 80%;
         top: 130px;
         opacity: 1;
    }
     80% {
         left: 90%;
         top: 180px;
         opacity: .5;
    }
     100% {
         left: 100%;
         top: 230px;
         opacity: 0;
    }
}
 @keyframes cloud {
     0% {
         left: 14%;
         top: 200px;
         opacity: 0;
    }
     20% {
         left: 44%;
         top: 100px;
         opacity: 1;
    }
     40% {
         left: 65%;
         top: 50px;
         opacity: 1;
    }
     60% {
         left: 80%;
         top: 130px;
         opacity: 1;
    }
     80% {
         left: 90%;
         top: 180px;
         opacity: .5;
    }
     100% {
         left: 100%;
         top: 230px;
         opacity: 0;
    }
}
 @-webkit-keyframes animateCloud {
     0% {
         left: -20%;
         opacity: 1;
    }
     100% {
         left: 100%;
         opacity: 1;
    }
}
 @keyframes animateCloud {
     0% {
         left: -20%;
         opacity: 1;
    }
     100% {
         left: 100%;
         opacity: 1;
    }
}
 @-webkit-keyframes jurk {
     0% {
         -webkit-transform: translate3d(-10px, -10px, 0);
         transform: translate3d(-10px, -10px, 0);
         opacity: 1;
    }
     50% {
         -webkit-transform: translate3d(-20px, 20px, 0);
         transform: translate3d(-20px, 20px, 0);
         opacity: 1;
    }
     100% {
         -webkit-transform: translate3d(30px, 0px, 0);
         transform: translate3d(30px, 0px, 0);
         opacity: 1;
    }
}
 @keyframes jurk {
     0% {
         -webkit-transform: translate3d(-10px, -10px, 0);
         transform: translate3d(-10px, -10px, 0);
         opacity: 1;
    }
     50% {
         -webkit-transform: translate3d(-20px, 20px, 0);
         transform: translate3d(-20px, 20px, 0);
         opacity: 1;
    }
     100% {
         -webkit-transform: translate3d(30px, 0px, 0);
         transform: translate3d(30px, 0px, 0);
         opacity: 1;
    }
}
/*============== techno_banner_area_two css =============*/
/*============== techno_service_area css =============*/
 .techno_service_area {
     padding-top: 100px;
     padding-bottom: 80px;
     background: url(../img/banner_shap.jpg) #1c1c22 no-repeat scroll top center;
}
 .techno_service_area_de {
     padding-top: 80px;
     padding-bottom: 80px;
}
 .techno_service_area .row {
}
 .techno_title h2 {
     font-size: 34px;
     text-transform:uppercase;
}
 .techno_title h2 span {
     color: #ff0000;
}
 .techno_service_item {
     margin-bottom: 100px;
}
 .techno_service_item img {
     margin-bottom: 35px;
}
 .techno_service_item .h_head:hover {
     color: #1aacf6;
}
 .techno_service_item p {
     font-weight: 400;
     margin-bottom: 0;
}
/*=========== techno_analytics_area css ============*/
 .techno_analytics_area {
     background: #fff;
     padding: 100px 0px 70px;
}
 .techno_analytics_item {
     padding: 0px 50px;
}
 .techno_analytics_item p {
     font-size: 22px;
     color: #1c1c22;
     font-weight: 500;
     margin-bottom: 0;
     margin-top: 25px;
}
 .techno_testimonial_area {
     position: relative;
     z-index: 2;
}
 .techno_testimonial_area .row {
     margin-right: -25px;
     margin-left: -25px;
}
 .techno_testimonial_area h3 {
     font-weight: 800;
	padding-bottom: 16px;
	text-transform: uppercase;
	font-size: 2.8rem;
	letter-spacing: 4px;
	color: #2c2c32;
}
@media screen and (max-width: 766px) {
	.techno_testimonial_area h3 {
		font-size: 28px;
	}
}
.techno_testimonial_area h4 {
	font-family: "Roboto", sans-serif;
	color: #2c2c32;
	font-size: 1.4rem;
	font-weight: 500;
	padding-bottom: 22px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
@media screen and (max-width: 766px) {
	.techno_testimonial_area h4 {
		font-size: 19px;
	}
}
 .techno_testimonial_area p {
	 line-height:30px;
	font-size: 18px;
	 margin-bottom: 60px;
}
 .er_btn {
     border: 2px solid #1aacf6;
     font-size: 17px;
     font-weight: 500;
     color: #1aacf6;
     font-family: 'Roboto', sans-serif;
     border-radius: 45px;
     line-height: 26px;
     padding: 8px 27px;
     display: inline-block;
     margin-top: 80px;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 .er_btn:hover {
     background: #1aacf6;
     border-color: #1aacf6;
     -webkit-box-shadow: 0px 20px 30px 0px rgba(45, 93, 237, 0.1);
     box-shadow: 0px 20px 30px 0px rgba(45, 93, 237, 0.1);
     color: #fff;
}
 .er_btn_2 {
     border: 2px solid #fff;
     font-size: 16px;
     font-weight: 500;
     color: #fff;
     font-family: "Poppins", sans-serif;
     border-radius: 45px;
     line-height: 26px;
     padding: 8px 27px;
     display: inline-block;
     margin-top: 20px;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 .er_btn_2:hover {
     background: #fff;
     border-color: #fff;
     -webkit-box-shadow: 0px 20px 30px 0px rgba(45, 93, 237, 0.1);
     box-shadow: 0px 20px 30px 0px rgba(45, 93, 237, 0.1);
     color: #1aacf6;
}
 .techno_testimonial_info {
     position: relative;
}
 .techno_testimonial_info .owl-nav button.owl-prev, .techno_testimonial_info .owl-nav button.owl-next {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     font-size: 40px;
     color: #c9c9d0;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
 .techno_testimonial_info .owl-nav button.owl-prev:hover, .techno_testimonial_info .owl-nav button.owl-next:hover {
     color: #1aacf6;
}
 .techno_testimonial_info .owl-nav button.owl-prev {
     left: -50px;
}
 .techno_testimonial_info .owl-nav button.owl-next {
     right: -50px;
}
 .techno_testimonial_item {
     padding: 10px 25px;
}
 .techno_testimonial_item .content {
     background-color:white;
     -webkit-box-shadow: 0px -14px 20px 0px rgba(1, 1, 64, 0.06);
     box-shadow: 0px -14px 20px 0px rgba(1, 1, 64, 0.06);
     padding: 80px 60px 50px;
     position: relative;
     border:1px solid #f0f0f0;
     background: #fff;
}
 .techno_testimonial_item .content:before {
     content: "";
     width: 20px;
     height: 20px;
     background: #fff;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     position: absolute;
     top: -8px;
     left: 70px;
}
 .techno_testimonial_item .content p {
     font-weight: 600;
     font-size: 18px;
     color: #4c4c52!important;
     line-height: 36px;
	 margin-bottom: 10px;
}
 .techno_testimonial_item .content .icon {
     font-size: 100px;
     font-weight:700;
     color: #1aacf6;
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     position: absolute;
     left: 30px;
     top: -40px;
     font-family: "Times New Roman", "serif";
     height: 133px;
}
 .techno_testimonial_item .ratting {
     padding-top: 10px;
}
 .techno_testimonial_item .ratting a {
     font-size: 15px;
     color: #f5c10d;
}
 .techno_testimonial_item .media {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 30px;
     padding-left: 50px;
}
 .techno_testimonial_item .media img {
     width: auto;
     border-radius: 50%;
     margin-right: 20px;
}
 .techno_testimonial_item .media .media-body h5 {
     font-size: 18px;
     font-weight: 500;
     color: #1c1c22;
     margin-bottom: 3px;
     font-family: 'Roboto', sans-serif;
	 line-height: 28px;
	 letter-spacing: 1px;
	 text-transform: uppercase;
}
 .techno_testimonial_item .media .media-body h5 span {
     color: #6c6c72;
     font-weight: 400;
     font-size: 16px;
	 display: block;
	 letter-spacing: 1px;
	 text-transform: none;
}
 .techno_testimonial_item .media .media-body p {
     margin-bottom: 0;
     color: #1aacf6;
     font-weight: 600;
	 text-transform: uppercase;
	 font-size: 16px;
	 letter-spacing: 2px;
}
@media screen and (max-width: 766px) {
	.techno_testimonial_item .media .media-body h5 {
		line-height: 22px;
	}
}
 .techno_call_action_area {
     padding-bottom: 100px;
     padding-top: 100px;
     background: #f0f0f0;
     position: relative;
     z-index: 1;
}
 .techno_call_action_area:before {
     content: "";
     position: absolute;
     width: 100%;
     left: 0;
     height: 100%;
     z-index: -1;
}
 .techno_action_content img {
     margin-bottom: 32px;
}
 .techno_action_content h3 {
     font-size: 60px;
     font-weight: 800;
     color: #1c1c22;
     line-height: 70px;
     margin-bottom: 18px;
}
 .techno_action_content p {
     font-size: 24px;
     color: #5b5965;
     font-weight: 400;
     line-height: 36px;
}
 .techno_action_content p span {
     font-weight: 700;
     color: #1c1c22;
	 padding: 0!important;
}
 .techno_action_content .er_btn {
     margin-top: 40px;
}
 .er_btn_two {
     background: #1aacf6;
     border-color: #1aacf6;
     color: #fff;
     -webkit-box-shadow: 0px 20px 30px 0px rgba(45, 93, 237, 0.1);
     box-shadow: 0px 20px 30px 0px rgba(45, 93, 237, 0.1);
	 text-transform: uppercase;
	 letter-spacing: 0.5px;
}
 .er_btn_two:hover {
     -webkit-box-shadow: none;
     box-shadow: none;
     border-color: #1aacf6;
     background: transparent;
     color: #1aacf6;
}
 .er_btn_ser {
     border: 2px solid #1aacf6;
     font-size: 13px;
     font-weight: 500;
     color: #1aacf6;
     font-family: "Roboto", sans-serif;
	 text-transform: uppercase;
     border-radius: 45px;
     line-height: 26px;
     padding: 4px 18px;
     display: inline-block;
     margin-top: 20px;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 .er_btn_ser:hover {
     background: #1aacf6;
     border-color: #1aacf6;
     -webkit-box-shadow: 0px 20px 30px 0px rgba(45, 93, 237, 0.1);
     box-shadow: 0px 20px 30px 0px rgba(45, 93, 237, 0.1);
     color: #fff;
}
.er_btn_ser_1 {
     border: 2px solid #1aacf6;
     font-size: 17px;
     font-weight: 500;
     color: #1aacf6;
     font-family: "Roboto", sans-serif;
	 text-transform: uppercase;
     border-radius: 45px;
     line-height: 26px;
     padding: 4px 18px;
     display: inline-block;
     margin-top: 20px;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 .er_btn_ser_1:hover {
     background: #1aacf6;
     border-color: #1aacf6;
     -webkit-box-shadow: 0px 20px 30px 0px rgba(45, 93, 237, 0.1);
     box-shadow: 0px 20px 30px 0px rgba(45, 93, 237, 0.1);
     color: #fff;
}
 .er_btn_two_ser {
     background: #fff;
     border-color: #1aacf6;
     color: #1aacf6;
     
}
 .er_btn_two_ser:hover {
     -webkit-box-shadow: none;
     box-shadow: none;
     border-color: #1aacf6;
     background: transparent;
     color: #fff;
     background: #1aacf6;
}
.er_btn_two_ser_1 {
     background: #1aacf6;
     border-color: #1aacf6;
     color: #fff;
     
}
 .er_btn_two_ser_1:hover {
     -webkit-box-shadow: none;
     box-shadow: none;
     border-color: #1aacf6;
     background: transparent;
     color: #1aacf6;
     background: #fff;
}
 .techno_customer_logo_area {
     padding-top: 120px;
}
 .techno_customer_logo_area .er_btn {
     margin-top: 140px;
}
 .animation_inner {
     height: 370px;
     position: relative;
}
 .animation_inner li {
     border-radius: 10px;
     -webkit-box-shadow: 0px 2px 4px 0px rgba(2, 45, 79, 0.1);
     box-shadow: 0px 2px 4px 0px rgba(2, 45, 79, 0.1);
     position: absolute;
}
 .animation_inner li img {
     border-radius: 10px;
}
 .animation_inner li:nth-child(1) {
     top: 0;
     left: 35px;
     -webkit-box-shadow: 0px 30px 30px 0px rgba(2, 45, 79, 0.1);
     box-shadow: 0px 30px 30px 0px rgba(2, 45, 79, 0.1);
}
 .animation_inner li:nth-child(2) {
     top: 55px;
     left: 170px;
}
 .animation_inner li:nth-child(3) {
     top: 130px;
     left: 270px;
}
 .animation_inner li:nth-child(4) {
     top: 35px;
     left: 410px;
}
 .animation_inner li:nth-child(5) {
     top: 109px;
     left: 495px;
}
 .animation_inner li:nth-child(6) {
     top: 40px;
     left: 700px;
}
 .animation_inner li:nth-child(7) {
     top: 0;
     left: 890px;
}
 .animation_inner li:nth-child(8) {
     top: 40%;
     left: 35px;
}
 .animation_inner li:nth-child(9) {
     top: 182px;
     left: 585px;
     -webkit-box-shadow: 10px 30px 30px 0px rgba(2, 45, 79, 0.15);
     box-shadow: 10px 30px 30px 0px rgba(2, 45, 79, 0.15);
}
 .animation_inner li:nth-child(10) {
     top: 130px;
     left: 780px;
}
 .animation_inner li:nth-child(11) {
     top: 128px;
     left: 950px;
}
 .animation_inner li:nth-child(12) {
     top: 85px;
     left: 95%;
}
 .animation_inner li:nth-child(13) {
     bottom: 0;
     left: -35px;
}
 .animation_inner li:nth-child(14) {
     bottom: 30px;
     left: 150px;
     -webkit-box-shadow: 10px 30px 30px 0px rgba(2, 45, 79, 0.15);
     box-shadow: 10px 30px 30px 0px rgba(2, 45, 79, 0.15);
}
 .animation_inner li:nth-child(15) {
     bottom: 20px;
     left: 310px;
}
 .animation_inner li:nth-child(16) {
     bottom: -25px;
     left: 460px;
}
 .animation_inner li:nth-child(17) {
     bottom: 35px;
     left: 690px;
}
 .animation_inner li:nth-child(18) {
     bottom: -30px;
     left: 800px;
}
 .animation_inner li:nth-child(19) {
     bottom: 45px;
     left: 940px;
}
 .animation_inner li:nth-child(20) {
     bottom: 0px;
     right: 0;
}


/*====================================================*/
 .banner_top .subcribes .btn_submit, .s_features_item.s_features_item_two .s_features_content .learn_btn:hover:before, .price_btn:hover, .testimonial_title .owl-prev:hover, .testimonial_title .owl-next:hover {
     background: #6754e2;
}
 .banner_top .subcribes .form-control:focus, .price_btn, .s_subcribes .form-control, .f_widget.about-widget .f_list li a:before {
     border-color: #6754e2;
}
 .s_features_item.s_features_item_two .s_features_content .learn_btn:hover, .price_btn, .s_subcribes .btn-submit, .f_widget.about-widget .f_list li a:hover, .f_widget .widget-wrap p a:hover, .footer_bottom a, .menu > .nav-item:hover .nav-link, .menu > .nav-item.active .nav-link, .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .text:hover, .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link, .footer_bottom a:hover {
     color: #6754e2;
}
 .w_menu .nav-item:hover .nav-link, .w_menu .nav-item.active .nav-link {
     color: #fff;
}
 .menu_two .w_menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_two .w_menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_two .w_menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link, .nav_right_btn .login_btn.active, .header_area.navbar_fixed .menu_two .nav_right_btn .login_btn.active, .header_area.navbar_fixed .menu_two .nav_right_btn .login_btn:hover, .slider_btn {
     color: #00aff0;
}
 .header_area.navbar_fixed .menu_two .nav_right_btn .login_btn.active, .header_area.navbar_fixed .menu_two .nav_right_btn .login_btn:hover {
     border-color: #00aff0;
}
 .header_area.navbar_fixed .menu_two .nav_right_btn .login_btn.active:hover, .slider_btn:hover, .price_tab .hover_bg, .f_widget.about-widget .f_list li a:before {
     background: #00aff0;
}
 .startup_tab .nav-item:nth-child(1) .icon {
     background: #fa6fd1;
}
 .startup_tab .nav-item:nth-child(1) .nav-link.active {
     border-color: #fa6fd1;
}
 .startup_tab .nav-item:nth-child(2) .icon {
     background: #6fadfa;
}
 .startup_tab .nav-item:nth-child(2) .nav-link.active {
     border-color: #6fadfa;
}
 .startup_tab .nav-item:nth-child(3) .icon {
     background: #f3af4e;
}
 .startup_tab .nav-item:nth-child(3) .nav-link.active {
     border-color: #f3af4e;
}
 .startup_tab .nav-item:nth-child(4) .icon {
     background: #aa6ffa;
}
 .startup_tab .nav-item:nth-child(4) .nav-link.active {
     border-color: #aa6ffa;
}
 .startup_tab .nav-item:nth-child(5) .icon {
     background: #fa6666;
}
 .startup_tab .nav-item:nth-child(5) .nav-link.active {
     border-color: #fa6666;
}
 .payment_features_item .learn_btn_two:hover {
     color: #5f51fb;
}
 .btn_six {
     color: #fff;
     background: #1aacf6;
}
 .btn_six:hover {
     background: #fff;
     color: #1aacf6;
}
/*====================================================*/
/*====================================================*/
 #pp-nav {
     right: 45px;
}
 #pp-nav li {
     margin: 4px;
}
 #pp-nav li a span {
     background: #decbfe;
     border: 0px;
     width: 6px;
     height: 6px;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 #pp-nav li a.active span {
     background: #fff;
     -webkit-transform: scale(1.8);
     -ms-transform: scale(1.8);
     transform: scale(1.8);
}
 .pagepiling .scroll-wrap {
     position: relative;
     min-height: 100%;
     overflow: hidden;
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .pagepiling .scroll-wrap .scrollable-content {
     width: 100%;
}
 .p-section-bg {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: -1;
     background-size: cover;
     background-position: center;
}
 .pp-scrollable.section {
     overflow-x: hidden;
}
 .section-1 .pp_triangle {
     top: 150px;
     left: 52%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
}
 .section-1 .pp_snak {
     bottom: 50px;
     right: 100px;
     -webkit-animation: slideInnew3 4s both alternate infinite;
     animation: slideInnew3 4s both alternate infinite;
}
 .section-1.active .section_one_img img {
     -webkit-animation: fadeInLeft 1s both 0.8s;
     animation: fadeInLeft 1s both 0.8s;
}
 .section-1.active .section_one_img .dots {
     -webkit-animation: fadeInUp 1s both 1s;
     animation: fadeInUp 1s both 1s;
}
 .pp_triangle {
     -webkit-animation: spinnerRotateone 6s both alternate infinite;
     animation: spinnerRotateone 6s both alternate infinite;
}
 .p_absoulte {
     position: absolute;
}
 .round_line {
     width: 600px;
     height: 600px;
     border-radius: 50%;
     border: 2px solid #fff;
     position: absolute;
     opacity: 0.2;
     z-index: 0;
}
 .round_line.one {
     top: -230px;
     right: -50px;
}
 .round_line.two {
     top: -430px;
     right: -500px;
}
 .round_line.three {
     bottom: -188px;
     left: -50px;
}
 .round_line.four {
     bottom: -450px;
     left: -80px;
}
 .round_line.two, .round_line.four {
     width: 800px;
     height: 800px;
}
 .active .round {
     -webkit-animation: zoomIn 0.7s both 0.4s;
     animation: zoomIn 0.7s both 0.4s;
}
 .active .round_line.two {
     -webkit-animation: fadeInDown2 1s both 1.4s;
     animation: fadeInDown2 1s both 1.4s;
}
 .active .round_line.one {
     -webkit-animation: fadeInDown2 1s both 1s;
     animation: fadeInDown2 1s both 1s;
}
 .active .round_line.three {
     -webkit-animation: fadeInUp2 1s both 1.4s;
     animation: fadeInUp2 1s both 1.4s;
}
 .active .round_line.four {
     -webkit-animation: fadeInUp2 1s both 1s;
     animation: fadeInUp2 1s both 1s;
}
 .active .pp_sec_title h3 {
     -webkit-animation: fadeInUp .9s both 0.6s;
     animation: fadeInUp .9s both 0.6s;
}
 .active .pp_sec_title h2 {
     -webkit-animation: fadeInUp .9s both 0.8s;
     animation: fadeInUp .9s both 0.8s;
}
 .pp_block {
     right: 0;
     top: 177px;
}
 .section_one_img {
     margin-left: -180px;
     position: relative;
     z-index: 1;
}
 .section_one_img img {
     -webkit-animation: fade .9s both;
     animation: fade .9s both;
}
 .section_one_img .round {
     width: 550px;
     height: 550px;
     border-radius: 50%;
     background-image: -moz-linear-gradient(-140deg, #fae679 0%, #6ce987 100%);
     background-image: -webkit-linear-gradient(-140deg, #fae679 0%, #6ce987 100%);
     background-image: -ms-linear-gradient(-140deg, #fae679 0%, #6ce987 100%);
     -webkit-box-shadow: 0px 20px 60px 0px rgba(10, 5, 75, 0.06);
     box-shadow: 0px 20px 60px 0px rgba(10, 5, 75, 0.06);
     position: absolute;
     top: -60px;
     z-index: -2;
}
 .section_one_img .dots {
     position: absolute;
     bottom: 0;
     right: 35px;
     z-index: -1;
}
 .section_one-content {
     padding-right: 100px;
}
 .section_one-content h2 {
     font-size: 50px;
     line-height: 60px;
     font-weight: 300;
     color: #fff;
     margin-bottom: 40px;
}
 .section_one-content h2 span {
     font-weight: 700;
}
 .btn_scroll {
     font-size: 16px;
     color: #fff;
     border: 2px solid #c8c1fc;
     padding: 9px 32px;
     border-radius: 4px;
     display: inline-block;
}
 .btn_scroll:hover {
     background: #5f54fd;
     border-color: #5f54fd;
     -webkit-box-shadow: 0px 20px 50px 0px rgba(14, 6, 134, 0.2);
     box-shadow: 0px 20px 50px 0px rgba(14, 6, 134, 0.2);
     color: #fff;
}
/*============== footer_area css ==============*/
 .f_bg {
     background: #eff2f9;
     -webkit-box-shadow: 0px -1px 0px 0px rgba(231, 236, 246, 0.004);
     box-shadow: 0px -1px 0px 0px rgba(231, 236, 246, 0.004);
}
 .footer_top {
     border-bottom: 1px solid #e0e3ef;
     padding: 115px 0px 100px;
}
 .f_widget .widget-wrap {
     margin-top: 35px;
}
 .f_widget .widget-wrap p span {
     color: #051441;
}
 .f_widget .widget-wrap p a {
     color: #616161;
     -webkit-transition: color 0.2s linear;
     -o-transition: color 0.2s linear;
     transition: color 0.2s linear;
}
 .f_widget.company_widget .mchimp-errmessage, .f_widget.company_widget .mchimp-sucmessage {
     position: absolute;
}
 .f_widget.about-widget .f_list {
     margin-bottom: 0px;
}
 .f_widget.about-widget .f_list li {
     margin-bottom: 15px;
}
 .f_widget.about-widget .f_list li a {
     font: 300 16px/20px 'Roboto', sans-serif;
     color: #616161;
     position: relative;
     -webkit-transition: color 0.2s linear;
     -o-transition: color 0.2s linear;
     transition: color 0.2s linear;
     display: inline-block;
}
 .f_widget.about-widget .f_list li a:before {
     content: "";
     width: 0;
     height: 1px;
     background: #6754e2;
     right: 0;
     left: auto;
     bottom: 0;
     position: absolute;
     -webkit-transition: width 0.2s linear;
     -o-transition: width 0.2s linear;
     transition: width 0.2s linear;
}
 .f_widget.about-widget .f_list li a:hover:before {
     width: 100%;
     right: auto;
     left: 0;
}
 .f_widget.about-widget .f_list li:last-child {
     margin-bottom: 0px;
}
 .f_subscribe {
     position: relative;
     margin-top: 40px;
}
 .f_subscribe .form-control {
     font: 300 14px "Poppins", sans-serif;
     color: #333;
     border: 1px solid #e2e7f3;
     border-radius: 3px;
     background: #e9ecf3;
     padding-left: 25px;
     height: 54px;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .f_subscribe .form-control.placeholder {
     color: #9ba2b5;
}
 .f_subscribe .form-control:-moz-placeholder {
     color: #9ba2b5;
}
 .f_subscribe .form-control::-moz-placeholder {
     color: #9ba2b5;
}
 .f_subscribe .form-control::-webkit-input-placeholder {
     color: #9ba2b5;
}
 .f_subscribe .form-control:focus {
     -webkit-box-shadow: 0px 4px 6px 0px rgba(12, 0, 46, 0.06);
     box-shadow: 0px 4px 6px 0px rgba(12, 0, 46, 0.06);
}
 .f_subscribe button {
     position: absolute;
     right: 25px;
     background: transparent;
     padding: 0;
     color: #222d39;
     font-size: 16px;
     top: 52%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .footer_bottom {
     font-size: 14px;
     font-weight: 300;
     line-height: 20px;
     color: #7f88a6;
     padding: 27px 0px;
}
 .footer_bottom p a {
     -webkit-transition: color 0.2s linear;
     -o-transition: color 0.2s linear;
     transition: color 0.2s linear;
}
 .footer_bottom .f_menu {
     margin-bottom: 0px;
}
 .footer_bottom .f_menu li {
     display: inline-block;
     position: relative;
}
 .footer_bottom .f_menu li a {
     color: #7f88a6;
     -webkit-transition: color 0.2s linear;
     -o-transition: color 0.2s linear;
     transition: color 0.2s linear;
}
 .footer_bottom .f_menu li a:hover {
     color: #6754e2;
}
 .footer_bottom .f_menu li + li {
     margin-left: 16px;
}
 .footer_bottom .f_menu li + li:before {
     content: "";
     width: 1px;
     height: 12px;
     background: #b1b7ca;
     display: inline-block;
     margin-right: 18px;
     vertical-align: middle;
}
 .footer_bottom a:hover {
     color: #6754e2;
}
 .f_social_icon_two a {
     font-size: 14px;
     color: #969db4;
     margin: 0px 8px;
}
/*================ footer area two css ==============*/
 .footer_area_two {
     background: #fbfbfd;
}
 .footer_area_two .footer_top_two {
     border-bottom: 1px solid #e9ecf3;
     padding: 120px 0px 70px;
}
 .footer_area_two .footer_top_two .f_widget.about-widget .f_list li a:before {
     background: #00aff0;
}
 .footer_area_two .footer_top_two .f_widget.about-widget .f_list li a:hover {
     color: #00aff0;
}
 .footer_area_two .footer_top_two .f_widget .widget-wrap p a:hover {
     color: #00aff0;
}
 .footer_area_two .footer_bottom {
     position: relative;
}
 .footer_area_two .footer_bottom p a {
     color: #00aff0;
}
 .footer_area_two .footer_bottom .f_menu li a:hover {
     color: #00aff0;
}
 .footer_area_two .footer_bottom .f_menu li + li:before {
     background: #7f88a6;
}
 .f_social_icon a {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     font-size: 18px;
     line-height: 40px;
     color: #8c8c92;
     display: inline-block;
     background: #2c2c32;
     text-align: center;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
 .f_social_icon a:hover {
     background: #1aacf6;
     color: #fff;
}
 .f_social_icon a + a {
     margin-left: 10px;
}
 .f_social_icon_cnt a {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     font-size: 17px;
     line-height: 36px;
     color: #111;
     display: inline-block;
     background: #fff;
     border:1px solid #ccc;
     text-align: center;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
 .f_social_icon_cnt a:hover {
     background: #1aacf6;
     color: #fff;
     border:1px solid #1aacf6;
}
 .f_social_icon_cnt a + a {
     margin-left: 4px;
}
 .cont_hdr {
     padding:0;
     margin:0;
     font-family: 'Roboto', sans-serif;
}
 .cont_hdr li {
     display: inline-block;
     list-style: none;
     font-size:18px;
     line-height:36px;
     color: #1aacf6;
}
 .cont_hdr .wh {
     font-size:20px;
}
 .cont_hdr li a {
     margin-right:20px;
     font-size:18px;
     font-weight:600;
     color: #e5e5ee;
}

/*============= error_footer css ===========*/
 .error_footer {
     background: #eff2f9;
     padding: 40px 0px;
}
 .error_footer a:hover {
     color: #1aacf6;
}
 .error_footer .f_menu li a {
     position: relative;
}
 .error_footer .f_menu li a:before {
     content: "";
     width: 0;
     height: 1px;
     background: #1aacf6;
     position: absolute;
     bottom: 0;
     left: 0;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
 .error_footer .f_menu li a:hover {
     color: #1aacf6;
}
 .error_footer .f_menu li a:hover:before {
     width: 100%;
}
 .error_footer .f_menu li + li:before {
     display: none;
}

 .navbar-brand img {
    width:230px;
}
 .techno_box {
    border-radius: 10px;
     border: 2px solid #f4f4f4;
     text-align:center;
     padding: 20px 20px;
     margin-bottom:30px;
}
 .techno_box:hover {
    border: 2px solid #e0e0e0;
}
 .techno_box img {
    max-width:100%;
}
 .f-logo img {
    width:250px;
     margin-bottom:20px;
}
 .f_email {
    font-weight: bold;
     font-size:24px;
     color:#555;
     padding-bottom:0px;
	 font-family: "Roboto", sans-serif;
}
 .f_email i {
     margin-right:10px;
     color:#5c5c62;
     border:1px solid #5c5c62;
     padding:12px;
     border-radius:50%;
}
 .f_email a {
    color:#8c8c92;
}
 .f_email a:hover {
    color:#5c5c62;
}
 .f_phone {
    font-weight: bold;
     font-size:24px;
     color:#8c8c92;
     padding-bottom:0px;
	 font-family: "Roboto", sans-serif;
}
 .f_phone i {
    margin-right:10px;
     color:#5c5c62;
     border:1px solid #5c5c62;
     padding:12px;
     border-radius:50%;
}
 .f_phone a {
    color:#8c8c92;
}
 .f_phone a:hover {
    color:#5c5c62;
}

 .f_skype {
    font-weight: bold;
     font-size:24px;
     color:#8c8c92;
     padding-bottom:0px;
	 font-family: "Roboto", sans-serif;
}
 .f_skype i {
    margin-right:10px;
     color:#5c5c62;
     border:1px solid #5c5c62;
     padding:12px;
     border-radius:50%;
}
 .f_skype a {
    color:#8c8c92;
}
 .f_skype a:hover {
    color:#5c5c62;
}

 .f_whatsapp {
    font-weight: bold;
     font-size:24px;
     color:#8c8c92;
	 font-family: "Roboto", sans-serif;
}
 .f_whatsapp i {
    margin-right:10px;
     color:#5c5c62;
     border:1px solid #5c5c62;
     padding:12px;
     border-radius:50%;
}
 .f_whatsapp a {
    color:#8c8c92;
}
 .f_whatsapp a:hover {
    color:#5c5c62;
}
.salndsup{
	color:#6c6c72!important;
}
 .salndsup strong {
    color:#7c7c82;
}
 .salndsup a {
    color:#616161;
}
 .salndsup a:hover {
    color:#818181;
}
 .btn_mart_20 {
    margin-top:20px!important;
}
 .fnt_sz_18 {
    font-size:18px!important;
}
/*contact form*/
 .c_statusMsg {
    display:none;
     border:1px solid #f0f0f0;
     background:#fff;
     color:#f00;
     padding:14px;
     text-align:center;
     margin-bottom:30px;
}
/*Display Flex*/
 .row.display-flex {
     display: flex;
     flex-wrap: wrap;
}
 .row.display-flex > [class*='col-'] {
     display: flex;
}
 .display-box {
     height: 100%;
}
 section.mod-text-menu {
    padding-bottom: 100px;
	 padding-top: 100px;
    background: #1c1c22;
}
 section.mod-text-menu h1 {
    color: #9d9da2;
     margin-bottom: 30px;
     font-weight: 600;
     border-left: 6px solid #1aacf6;
     padding-left: 26px;
}
 section.mod-text-menu h2 {
    color: #9d9da2;
     margin-bottom: 30px;
     font-weight: 600;
     font-size: 26px;
     line-height: 38px;
}
section.mod-text-menu h2 span {    
     font-weight: 700;
	letter-spacing: 1px;
	color: #fff;
}
 section.mod-text-menu h4 {
    color: #9d9da2;
     margin-bottom: 30px;
     font-weight:300;
     font-size: 30px;
     line-height: 42px;
}
 section.mod-text-menu p {
    color: #9d9da2;
     font-size: 18px;
     margin-bottom: 30px;
    line-height: 2rem;
}
section.mod-text-menu p strong {color: #ddd;font-weight: 400;}
 section.mod-text-menu ul.nav{
    margin-top:10px;
}
section.mod-text-menu ul.nav li.nav-item{
    padding-bottom:2.8rem;
}
section.mod-text-menu ul.nav li.nav-item:last-child {
	padding-bottom:0rem;
}
section.mod-text-menu ul.nav li.nav-item:before{
    content:"";
    width:100%;
    display:block;
    height:1px;
    background:linear-gradient(to right,#1aacf6 50%,#4e4c57 50%);
    background-size:200% 100%;
    background-position:right bottom;
    transition:all ease 0.3s;
}
section.mod-text-menu ul.nav li.nav-item a.nav-link{
    position:relative;
    padding:0.8rem;
    color:#1aacf6;
    font-size:1.3rem;
    line-height: 1.8rem;
     padding-right:50px;
    font-weight:400;
    font-style:normal;
    letter-spacing: 1px
}
section.mod-text-menu ul.nav li.nav-item a.nav-link .nav-link-arrow{
    width:30px;
    position:absolute;
    right:0.8rem;
    top:30px;
    transition:all ease 0.3s;
}
section.mod-text-menu ul.nav li.nav-item a.nav-link:hover .nav-link-arrow{
    right:0;
}
section.mod-text-menu ul.nav li.nav-item:hover:before{
    background-position:left bottom;
}
section.mod-text-menu ul.nav li.nav-item.has-icon{
    margin-left:30px;
    position:relative;
}
section.mod-text-menu ul.nav li.nav-item.has-icon span.nav-item-icon{
    position:absolute;
    top:-16px;
    left:-30px;
    width:30px;
}
section.mod-text-menu ul.nav li.nav-item.has-icon:hover span.nav-item-icon svg .a{
    fill:#1aacf6;
}
@media screen and (max-width: 991px){
    section.mod-text-menu ul.nav{
        margin-top:50px;
    }
}
@media screen and (max-width: 575px){
    section.mod-text-menu ul.nav li.nav-item a.nav-link{
        font-size:1.4rem;
    }
}
section.mod-text-menu ul.nav li.nav-item a.nav-link span {
    font-weight: 600;
    display: block;
    font-size: 1.5rem;
    letter-spacing:normal
}
 section.mod-featured-case-study img {
     max-width: 100%;
}
 section.mod-featured-case-study .cs > a{
    display:block;
    height:100%;
    overflow:hidden;
}
section.mod-featured-case-study .cs > a > .row{
    height:100%;
}
section.mod-featured-case-study .cs-text{
    padding:60px 0 60px 30px;
}
section.mod-featured-case-study .cs-text p{
    color:#fff;
}
section.mod-featured-case-study .cs-text p.cs-client{
    text-transform:uppercase;
    font-size:1.0rem;
    opacity:0.8;
    line-height:1.4;
    font-weight:600;
    font-style:normal;
	letter-spacing: 2px;
}
section.mod-featured-case-study .cs-text p.cs-url{
    line-height:1.4;
    font-weight:300;
    font-style:normal;
	letter-spacing: 2px;
}
section.mod-featured-case-study .cs-text p.cs-title{
    font-size:2.2rem;
    font-weight:700;
    line-height:2.6rem;
	font-family: "Poppins", sans-serif;
}
section.mod-featured-case-study .cs-img{
    text-align:right;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
}
section.mod-featured-case-study .cs-img img{
    transition:all ease 0.2s;
    transform-origin:right;
}
section.mod-featured-case-study .cs > a:hover .cs-img img{
    transform:scale(1.1);
}
@media screen and (max-width: 991px){
    section.mod-featured-case-study .cs-text{
        padding-bottom:0;
        padding-right:30px;
    }
    section.mod-featured-case-study .cs-text p.cs-title{
        font-size:1.8rem;
        line-height:2rem;
    }
}
 section.mod-service{
    margin-top:0px !important;
    padding:4rem 0;
}
section.mod-service .nav-link-arrow{
    width:28px;
    margin-left:2rem;
    transition:all ease 0.3s;
}
section.mod-service ul{
    margin-top:2rem;
    max-width:95%;
    column-count:2;
    column-gap:10px;
    padding-left:0;
}
section.mod-service ul li{
    border-bottom:1px solid #707070;
    display:inline-block;
    transition:all .2s ease-in-out;
    width:90%;
}
section.mod-service ul li a{
    padding:25px 0;
    font-size:1.125rem;
    text-transform:uppercase;
    font-weight:600;
}
section.mod-service.dark{
    background:#262626;
}
section.mod-service.dark *{
    color:#fff;
}
section.mod-service.dark .servicetype{
    border-right:1px solid #6b7f88;
}
section.mod-service.dark ul li:hover{
    border-bottom:1px solid #fff;
}
section.mod-service.light a{
    color:#262626;
}
section.mod-service.light .servicetype{
    border-right:1px solid #e2e8ec;
}
section.mod-service.light ul li:hover{
    border-bottom:1px solid #1ccef5;
}
section.mod-service .servicetype{
    border-right:1px solid #e2e8ec;
    padding-right:2.5rem;
}
section.mod-service .servicetype .icon{
    margin-bottom:1.5rem;
}
section.mod-service .servicetype .h1{
    font-weight:700;
}
@media (max-width: 575px){
    section.mod-service .servicetype .h1{
        font-size:1.6rem;
    }
}
section.mod-service .servicetype h2:hover .nav-link-arrow{
    margin-left:3rem;
}
section.mod-service .servicetype .content{
    margin-top:1.5rem;
}
section.mod-service .cs-block{
    display:flex;
    justify-content:flex-end;
}
section.mod-service .cs-block .casestudy{
    max-width:350px;
    padding-left:2rem;
}
section.mod-service .cs-block .casestudy .img-container{
    overflow:hidden;
}
section.mod-service .cs-block .casestudy img,section.mod-service .cs-block .casestudy .cs-title,section.mod-service .cs-block .casestudy .cs-link{
    width:100%;
    transition:all 0.2s ease-in-out;
}
section.mod-service .cs-block .casestudy:hover img{
    transform:scale(1.1);
}
section.mod-service .cs-block .casestudy:hover .cs-title{
    color:#1ccef5;
}
section.mod-service .cs-block .casestudy .cs-client{
    font-size:1rem;
    letter-spacing:0.5px;
    text-transform:uppercase;
    font-weight:600;
    margin-top:1rem;
    color:#707070;
}
section.mod-service .cs-block .casestudy .cs-title{
    font-size:1.6rem;
}
section.mod-service .cs-block .casestudy .cs-link{
    color:#1ccef5;
}
@media screen and (max-width: 991px){
    section.mod-service ul{
        column-count:1;
        max-width:100%;
    }
    section.mod-service ul li{
        width:100%;
    }
}
@media screen and (max-width: 767px){
    section.mod-service.light .servicetype,section.mod-service.dark .servicetype{
        border-right:0;
        padding-right:15px;
    }
    section.mod-service .cs-block{
        justify-content:flex-start;
        margin-top:2rem;
    }
    section.mod-service .cs-block .casestudy{
        max-width:100%;
        padding-left:0;
    }
}
 p {
    font-size: 16px;
     font-weight: 400;
     font-family: 'Roboto', sans-serif;
}
 .always-chat {
    text-align: center;
    padding: 24px 0 30px 0;
     border: 1px solid #4e4c57;
     background: #1c1c22;
     font-family: 'Roboto', sans-serif;
}
 .always-chat h3 {
    color: #9d9da2;
     font-size: 20px;
     margin-bottom: 14px;
     font-weight: 300;
	 font-family: "Roboto", sans-serif;
}
 .always-chat div {
    font-size: 40px!important;
     margin: 0;
     padding: 0;
     color: #fff!important;
}
 .always-chat div span {
    font-size: 30px!important;
     color: #fff;
     font-weight: 500;
}
 
 .f_social_icon_top {
    padding-top: 20px!important;
     margin-top: 20px!important;
     border-top: 1px solid #4e4c57;
}
 .f_social_icon_top a {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     font-size: 18px;
     line-height: 40px;
     color: #ccc;
     display: inline-block;
     background: #3a3840;
     text-align: center;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
 .f_social_icon_top a:hover {
     background: #1aacf6;
     color: #fff;
}
 .f_social_icon_top a + a {
     margin-left: 2px;
}

.footer-company {
	text-align: center;
	padding-top: 30px;
}
.clients {
	padding: 100px 0;
	text-align: center;
	background-color: #fff;
}
@media screen and (max-width: 1087px) {
	.clients {
		padding-left: 2vw;
		padding-right: 2vw;
	}
}
@media screen and (max-width: 766px) {
	.clients {
		padding-bottom: 60px;
		padding-top: 60px;
	}
}
.clients h3 {
	font-weight: 800;
	padding-bottom: 16px;
	text-transform: uppercase;
	font-size: 2.8rem;
	letter-spacing: 4px;
	color: #2c2c32;
}
@media screen and (max-width: 766px) {
	.clients h3 {
		font-size: 28px;
	}
}
.clients h4 {
	font-family: "Roboto", sans-serif;
	color: #2c2c32;
	font-size: 1.4rem;
	font-weight: 500;
	padding-bottom: 22px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
@media screen and (max-width: 766px) {
	.clients h4 {
		font-size: 19px;
	}
}
.clients .content {
	max-width: 740px;
	margin: auto;
	line-height:30px;
	font-size: 18px;
}
.clients .clients-grid {
	padding-top: 60px;
	display: flex;
	flex-wrap: wrap;
}
.clients .clients-grid .item {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20%;
	height: 170px;
	font-size: 2.8rem;
	color: #4d4d4d;
	border-right: solid 1px #dadddd;
	border-bottom: solid 1px #dadddd;
	cursor: pointer;
}
.clients .clients-grid .item:hover {
	opacity: 0.6;
	transition: all 300ms ease;
}
.clients .clients-grid img {
	max-width: 80%;
}
.clients .clients-grid .item:nth-child(5n) {
	border-right: none;
}
@media screen and (max-width: 766px) {
	.clients .clients-grid .item:nth-child(5n) {
		border-right: solid 1px #dadddd;
	}
}
.clients .clients-grid .item:nth-child(n + 6) {
	border-bottom: none;
}
@media screen and (max-width: 766px) {
	.clients .clients-grid .item:nth-child(n + 6) {
		border-bottom: solid 1px #dadddd;
	}
}
@media screen and (max-width: 766px) {
	.clients .clients-grid .item {
		width: 50%;
	}
	.clients .clients-grid .item:nth-child(even) {
		border-right: none;
	}
}
.clients .clients-grid .icon {
	font-size: 3rem;
}
.clients .clients-grid .icon-Logo2 {
	font-size: 2rem;
}
.clients .clients-grid .icon-Logo3 {
	font-size: 3rem;
}
.clients .clients-grid .icon-Logo1,
.clients .clients-grid .icon-Logo5 {
	font-size: 2.5rem;
}
.clients .clients-grid .icon-Logo6,
.clients .clients-grid .icon-Logo10 {
	font-size: 4rem;
}
.clients .clients-grid .icon-Plus {
	color: #ff3a32;
	font-size: 1rem;
	position: absolute;
	right: 15px;
	bottom: 15px;
}
.footer-company {padding-top: 60px; margin-top: 60px; border-top: 1px solid #1c1c22; font-size: 16px;}
.footer-company a {color: #5c5c62;}
.footer-company a:hover {color: #1aacf6;}
.footer-company span{padding-left: 8px; padding-right: 8px;}
.gazers{font-family:Poppins;padding:190px 0;background-position:center;transition:1s}.gazers-text h5{font-size:85px;font-family:Poppins;color:rgba(255,255,255,.51);font-weight:700;line-height:1.085;text-align:left;padding-left:5%;padding-left:5%;margin-bottom:0}.gazers-text h5:hover{color:#fff}.gazers-text div{display:inline-block}
@media (min-width:768px) and (max-width:991px){.gazers-text h5{font-size:60px}}
@media (max-width:767px){.gazers-text h5{font-size:50px}}
.our-strength-home {
	margin-bottom: 30px;
	overflow: hidden;
	border-top: 1px solid #4e4c57;
	border-bottom: 1px solid #4e4c57;
	padding: 20px 0;
}

.our-strength-home .strength-col {
	width: 33.333333%;
	float: left;
	text-align: center;
	border-right: 1px solid #4e4c57;
	font-weight: 400;
	font-size: 16px;
	line-height: 36px;
	color: #9d9da2;
}
.our-strength-home .strength-col:last-child {border: 0;}
.our-strength-home .strength-col p {font-weight: 800;font-size: 34px; color: #fff;
padding-top: 70px;
    margin-top: 0;
    font-weight: 800;
    letter-spacing: 1px;
	margin-bottom: 0!important;
}
.our-strength-home .strength-col p.dom-clients {background: url(../img/clients-icon.png) no-repeat center top;}
.our-strength-home .strength-col p.int-clients {background: url(../img/int-clients-icon.png) no-repeat center top;}
.our-strength-home .strength-col p.team {background: url(../img/team-icon.png) no-repeat center top;}

.our-strength {
	margin-bottom: 30px;
	overflow: hidden;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding: 20px 0;
}

.our-strength .strength-col {
	width: 33.333333%;
	float: left;
	text-align: center;
	border-right: 1px solid #e0e0e0;
	font-weight: 600;
	font-size: 16px;
	line-height: 36px;
}
.our-strength .strength-col:last-child {border: 0;}
.our-strength .strength-col span {display: block;font-weight: 800;font-size: 34px; color: #1aacf6;}

@media screen and (max-width: 766px) {
.our-strength {
	padding: 0px 0;
}
.our-strength .strength-col {
	width: 100%;
	float:none;
	text-align: center;
	border-bottom: 1px solid #e0e0e0;
	border-right: 0;
	font-weight: 600;
	font-size: 16px;
	line-height: 36px;
	padding: 14px 0;
}
.our-strength-home {
	padding: 0px 0;
}
.our-strength-home .strength-col {
	width: 100%;
	float:none;
	text-align: center;
	border-bottom: 1px solid #4e4c57;
	border-right: 0;
	font-weight: 600;
	font-size: 16px;
	line-height: 36px;
	padding: 14px 0;
}
}
.exp-badge {background: #1c1c22;display: inline-block; float: left;padding: 30px;margin-right: 20px; color: #fff; text-align: center;}
.exp-badge .year {font-size: 100px;color: #1aacf6;font-weight: 700!important;display: block;line-height: 80px;letter-spacing: 0;font-family: "Poppins", sans-serif;}
.exp-badge .yearof {font-size: 18px;color: #fff;margin-bottom: 10px!important;text-transform: uppercase;font-weight: 700;letter-spacing: 2px;display: block}
.exp-badge .experience {font-size: 28px;text-transform: uppercase;font-weight: 400;letter-spacing: 1px;display: block}

.exp-badge-home {background: #1aacf6;display: inline-block; float: left;padding: 30px;margin-right: 20px; color: #fff; text-align: center;}
.exp-badge-home .year {font-size: 100px;color: #1c1c22;font-weight: 700!important;display: block;line-height: 80px;letter-spacing: 0;font-family: "Poppins", sans-serif;}
.exp-badge-home .yearof {font-size: 18px;color: #fff;margin-bottom: 10px!important;text-transform: uppercase;font-weight: 700;letter-spacing: 2px;display: block}
.exp-badge-home .experience {font-size: 28px;text-transform: uppercase;font-weight: 400;letter-spacing: 1px;display: block}

@media screen and (max-width: 766px) {
	.exp-badge-home {display: block; float: none;margin-right: 0px;margin-bottom: 30px;}
	.exp-badge {display: block; float: none;margin-right: 0px;margin-bottom: 30px;}
	.about_details_area .about-group-box {margin-top: 50px;}
	.about_details_area .about-group-box:last-child{margin-top: 0;}
}
.text_box input placeholder {color: #f90;}