/*===========================
    1. COMMON css
===========================*/
 /* @import url("css2.css"); */

 body {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-style: normal;
   color: #6c6a72;
   line-height: 1.35;
 }

 * {
   margin: 0;
   padding: 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }

 img {
   max-width: 100%;
 }

 a:focus,
 input:focus,
 textarea:focus,
 button:focus {
   text-decoration: none;
   outline: none;
 }

 a {
   text-decoration: none;
   transition: all linear 0.3s;
 }

 a:focus,
 a:hover {
   text-decoration: none;
 }

 i,
 span,
 a {
   display: inline-block;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: "Catamaran", sans-serif;
   font-weight: 800;
   color: #1d1729;
   margin: 0px;
 }

 h1 {
   font-size: 48px;
 }

 h2 {
   font-size: 36px;
 }

 h3 {
   font-size: 28px;
 }

 h4 {
   font-size: 22px;
 }

 h5 {
   font-size: 18px;
 }

 h6 {
   font-size: 16px;
 }

 ul,
 ol {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
 }

 p {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   color: #6c6a72;
   margin: 0px;
 }

 .bg_cover {
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   width: 100%;
   height: 100%;
 }

 .slick-slide {
   outline: 0;
 }

 .text-left {
   text-align: left;
 }

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

 .text-right {
   text-align: right;
 }

 /*===== All Button Style =====*/
 .main-btn {
   display: inline-block;
   font-weight: 700;
   text-align: center;
   text-transform: uppercase;
   white-space: nowrap;
   vertical-align: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   border: 0;
   padding: 0 50px;
   font-size: 14px;
   line-height: 60px;
   border-radius: 0px;
   color: #fff;
   cursor: pointer;
   z-index: 5;
   -webkit-transition: all 0.4s ease-out 0s;
   -moz-transition: all 0.4s ease-out 0s;
   -ms-transition: all 0.4s ease-out 0s;
   -o-transition: all 0.4s ease-out 0s;
   transition: all 0.4s ease-out 0s;
   background-color: #5f2dee;
   position: relative;
   z-index: 10;
   overflow: hidden;
   letter-spacing: 1.5px;
 }

 .main-btn::before {
   position: absolute;
   content: '';
   background-color: #b882fc;
   width: 100%;
   height: 0%;
   left: 50%;
   top: 50%;
   border-radius: 33px;
   -webkit-transform: translate(-50%, -50%) rotate(-45deg);
   transform: translate(-50%, -50%) rotate(-45deg);
   z-index: -1;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   opacity: 1;
 }

 .main-btn:hover {
   background-color: #fff;
   color: #5f2dee;
   border-color: #5f2dee;
 }

 .main-btn:hover::before {
   height: 400px;
   opacity: 0;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .section-title {
     padding-left: 0;
   }
 }

 @media (max-width: 767px) {
   .section-title {
     padding-left: 0;
   }
 }

 .section-title span {
   color: #5f2dee;
   font-size: 16px;
   font-weight: 600;
   position: relative;
   padding-left: 26px;
 }

 .section-title span::before {
   position: absolute;
   content: '';
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   height: 2px;
   background: #5f2dee;
   width: 16px;
 }

 .section-title .title {
   font-size: 45px;
   color: #1d1729;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .section-title .title {
     font-size: 36px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .section-title .title {
     font-size: 36px;
   }
 }

 @media (max-width: 767px) {
   .section-title .title {
     font-size: 26px;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .section-title .title {
     font-size: 30px;
   }
 }

 .section-title p {
   font-weight: 500;
   color: #b0a9c0;
   line-height: 20pt;
 }

 .section-title.section-title-2 .title {
   color: #fff;
 }

 /*===========================
    2.HEADER css
===========================*/
 .infetech-header-area {
   /* position: absolute;
   left: 0;
   top: 0;
   right: 0; */
   z-index: 99;

   box-shadow: 0 0 15px 0 rgba(0, 0, 0, .09);

 }

 .infetech-header-area .templates-logo {
   background: #1d1729;
   padding: 42px 80px;
   height: 100%;
 }

 @media (max-width: 1200px) {

   .infetech-header-area .templates-logo {
     padding: 42px 60px;
   }
 }

 @media (max-width: 767px) {
   .infetech-header-area .templates-logo {
     width: 100%;
     padding: 10px 0px;
     text-align: center;
   }
 }

 .infetech-header-area .templates-logo img {
   max-width: 160px;
 }

 .infetech-header-area .header-wrapper {
   display: flex;
   column-gap: 50px;
 }

 @media (max-width: 767px) {
   .infetech-header-area .header-wrapper {
     display: block;
   }
 }

 .infetech-header-area .header-box {
   width: 100%;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-header-area .header-box {
     display: flex;
     align-items: center;
   }
 }

 @media (max-width: 767px) {
   .infetech-header-area .header-box {
     display: flex;
     align-items: center;
   }
 }

 .infetech-header-area .header-box .header-topbar {
   border-bottom: 1px solid #e4e0ee;
 }

 @media only screen and (min-width: 10px) and (max-width: 992px) {
   .infetech-header-area .header-box .header-topbar {
     display: none;
   }
 }

 .infetech-header-area .header-box .header-topbar .header-topbar-text p {
   font-size: 14px;
   font-weight: 500;
   color: #6c6a72;
 }

 @media only screen and (min-width: 10px) and (max-width: 1600px) {
   .infetech-header-area .header-box .header-topbar .header-topbar-text p {
     font-size: 13px;
   }
 }

 .infetech-header-area.infetech-header-area-5 {
   top: 30px;
 }

 .infetech-header-area.infetech-header-area-5 .header-wrapper {
   background: #fff;
   margin-left: -60px;
   margin-right: -60px;
   box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .infetech-header-area.infetech-header-area-5 .header-wrapper {
     margin-left: -0px;
     margin-right: -0px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-header-area.infetech-header-area-5 .header-wrapper {
     margin-left: -0px;
     margin-right: -0px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-header-area.infetech-header-area-5 .header-wrapper {
     margin-left: -0px;
     margin-right: -0px;
   }
 }

 @media (max-width: 767px) {
   .infetech-header-area.infetech-header-area-5 .header-wrapper {
     margin-left: -0px;
     margin-right: -0px;
   }
 }

 .infetech-header-area.infetech-header-area-5 .header-wrapper .templates-logo {
   padding: 28px 60px;
 }

 @media (max-width: 767px) {
   .infetech-header-area.infetech-header-area-5 .header-wrapper .templates-logo {
     padding: 10px 0;
   }
 }

 @media (max-width: 767px) {
   .infetech-header-area.infetech-header-area-5 .header-wrapper .header-box {
     padding: 10px 0;
   }
 }

 .infetech-header-area.infetech-header-area-5 .header-wrapper .header-box .header-main-nav {
   height: auto;
 }

 .infetech-header-area.infetech-header-area-5 .header-wrapper .header-box .header-main-nav .header-main-nav-box>ul>li {
   padding: 36px 0;
   margin-right: 45px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-header-area.infetech-header-area-5 .header-wrapper .header-box .header-main-nav .header-main-nav-box>ul>li {
     margin-right: 20px;
   }
 }

 .infetech-header-area.infetech-header-area-5 .header-wrapper .header-box .header-main-nav .header-main-info .header-mini-btn::before {
   right: inherit;
   left: -30px;
 }

 .infetech-header-area.infetech-header-area-5.header-sticky.sticky {
   box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
 }

 .infetech-header-area.infetech-header-area-5.header-sticky.sticky .header-wrapper {
   box-shadow: none;
 }

 .header-topbar-info-wrapper {
   display: flex;
   align-items: center;
   justify-content: flex-end;
 }

 .header-topbar-info-wrapper .header-topbar-info {
   margin-right: 38px;
 }

 @media only screen and (min-width: 1600px) and (max-width: 1845px) {
   .header-topbar-info-wrapper .header-topbar-info {
     margin-right: 20px;
   }
 }

 @media only screen and (min-width: 10px) and (max-width: 1600px) {
   .header-topbar-info-wrapper .header-topbar-info {
     display: none;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .header-topbar-info-wrapper .header-topbar-info {
     margin-right: 15px;
   }
 }

 .header-topbar-info-wrapper .header-topbar-info ul {
   display: flex;
   align-items: center;
   column-gap: 30px;
 }

 .header-topbar-info-wrapper .header-topbar-info ul li {
   font-size: 14px;
   font-weight: 500;
   color: #6c6a72;
 }


 @media only screen and (min-width: 1600px) and (max-width: 1845px) {
   .header-topbar-info-wrapper .header-topbar-info ul li {
     font-size: 13px;
   }
 }

 .header-topbar-info-wrapper .header-topbar-info ul li i {
   color: #b882fc;
   padding-right: 10px;
 }

 .header-topbar-info-wrapper .header-topbar-social {
   background: #f4f2f9;
   padding: 9px 80px;
 }

 @media only screen and (min-width: 1600px) and (max-width: 1845px) {
   .header-topbar-info-wrapper .header-topbar-social {
     padding: 9px 30px;
   }
 }

 @media only screen and (min-width: 10px) and (max-width: 1600px) {
   .header-topbar-info-wrapper .header-topbar-social {
     padding: 9px 30px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .header-topbar-info-wrapper .header-topbar-social {
     padding: 9px 15px;
   }
 }

 .header-topbar-info-wrapper .header-topbar-social ul {
   display: flex;
   align-items: center;
   column-gap: 25px;
 }

 .header-topbar-info-wrapper .header-topbar-social ul li a {
   font-size: 14px;
   color: #6c6a72;
 }

 .header-topbar-info-wrapper .header-topbar-social ul li a:hover {
   color: #0d6efd;
 }

 .header-main-nav {
   display: flex;
   align-items: center;
   height: 80px;
   justify-content: space-between;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .header-main-nav {
     width: 100%;
     justify-content: flex-end;
   }
 }

 @media (max-width: 767px) {
   .header-main-nav {
     width: 100%;
     justify-content: flex-end;
     height: 62px;
     justify-content: center;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .header-main-nav-box {
     display: none;
   }
 }

 @media (max-width: 767px) {
   .header-main-nav-box {
     display: none;
   }
 }

 .header-main-nav-box ul li {
   display: inline-block;
   margin-right: 45px;
   position: relative;
   padding: 27px 0;
 }

 @media only screen and (min-width: 10px) and (max-width: 1450px) {
   .header-main-nav-box ul li {
     margin-right: 20px;
   }
 }

 .header-main-nav-box ul li a {
   font-weight: 500;
   color: #6c6a72;
   font-size: 16px;
   position: relative;
 }

 @media only screen and (min-width: 10px) and (max-width: 1300px) {
   .header-main-nav-box ul li a {
     font-size: 14px;
   }
 }

 .header-main-nav-box ul li a::before {
   position: absolute;
   content: '';
   left: 0;
   bottom: 0;
   height: 2px;
   width: 0px;
   background: #5f2dee;
   transition: all linear 0.3s;
 }

 .header-main-nav-box ul li a:hover {
   color: #1d1729;
 }

 .header-main-nav-box ul li a:hover::before {
   width: 16px;
 }

 .header-main-nav-box ul li .sub-menu {
   position: absolute;
   left: 0px;
   top: 110%;
   width: 200px;
   background-color: #fff;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.3s ease-out 0s;
   -moz-transition: all 0.3s ease-out 0s;
   -ms-transition: all 0.3s ease-out 0s;
   -o-transition: all 0.3s ease-out 0s;
   transition: all 0.3s ease-out 0s;
   z-index: 99;
   -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
   -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
   box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
   border-top: 0;
   padding: 0;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .header-main-nav-box ul li .sub-menu {
     position: relative !important;
     width: 100% !important;
     left: 0 !important;
     top: auto !important;
     opacity: 1 !important;
     visibility: visible !important;
     display: none;
     right: auto;
     -webkit-transform: translateX(0%);
     -moz-transform: translateX(0%);
     -ms-transform: translateX(0%);
     -o-transform: translateX(0%);
     transform: translateX(0%);
     -webkit-transition: all 0s ease-out 0s;
     -moz-transition: all 0s ease-out 0s;
     -ms-transition: all 0s ease-out 0s;
     -o-transition: all 0s ease-out 0s;
     transition: all 0s ease-out 0s;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     text-align: left;
     border-top: 0;
   }
 }

 @media (max-width: 767px) {
   .header-main-nav-box ul li .sub-menu {
     position: relative !important;
     width: 100% !important;
     left: 0 !important;
     top: auto !important;
     opacity: 1 !important;
     visibility: visible !important;
     display: none;
     right: auto;
     -webkit-transform: translateX(0%);
     -moz-transform: translateX(0%);
     -ms-transform: translateX(0%);
     -o-transform: translateX(0%);
     transform: translateX(0%);
     -webkit-transition: all 0s ease-out 0s;
     -moz-transition: all 0s ease-out 0s;
     -ms-transition: all 0s ease-out 0s;
     -o-transition: all 0s ease-out 0s;
     transition: all 0s ease-out 0s;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     text-align: left;
     border-top: 0;
   }
 }

 .header-main-nav-box ul li .sub-menu>li {
   position: relative;
   display: block;
   margin-right: 0;
   padding: 0;
 }

 .header-main-nav-box ul li .sub-menu>li a {
   display: block;
   padding: 10px 24px;
   margin: 0;
   position: relative;
   color: #1d1729;
   -webkit-transition: all 0.3s ease-out 0s;
   -moz-transition: all 0.3s ease-out 0s;
   -ms-transition: all 0.3s ease-out 0s;
   -o-transition: all 0.3s ease-out 0s;
   transition: all 0.3s ease-out 0s;
   border-radius: 0;
   margin: 0 0;
   line-height: 30px;
   border-top: 1px solid #e4e0ee;
 }

 .header-main-nav-box ul li .sub-menu>li a::before {
   display: none;
 }

 .header-main-nav-box ul li .sub-menu>li a i {
   float: right;
   font-size: 14px;
   margin-top: 5px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .header-main-nav-box ul li .sub-menu>li a i {
     display: none;
   }
 }

 @media (max-width: 767px) {
   .header-main-nav-box ul li .sub-menu>li a i {
     display: none;
   }
 }

 .header-main-nav-box ul li .sub-menu>li .sub-menu {
   right: auto;
   left: 100%;
   top: 0;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.3s ease-out 0s;
   -moz-transition: all 0.3s ease-out 0s;
   -ms-transition: all 0.3s ease-out 0s;
   -o-transition: all 0.3s ease-out 0s;
   transition: all 0.3s ease-out 0s;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .header-main-nav-box ul li .sub-menu>li .sub-menu {
     padding-left: 30px;
   }
 }

 @media (max-width: 767px) {
   .header-main-nav-box ul li .sub-menu>li .sub-menu {
     padding-left: 30px;
   }
 }

 .header-main-nav-box ul li .sub-menu>li .sub-menu li:hover .sub-menu {
   top: 0 !important;
 }

 .header-main-nav-box ul li .sub-menu>li:hover .sub-menu {
   top: 0%;
   opacity: 1;
   visibility: visible;
 }

 .header-main-nav-box ul li .sub-menu>li:hover>a {
   background-color: #404040;
   color: #fff !important;
 }

 .header-main-nav-box ul li:hover>a {
   color: #404040;
   font-weight: 500;
 }

 .header-main-nav-box ul li:hover>a::before {
   opacity: 1;
 }

 .header-main-nav-box ul li:hover .sub-menu {
   opacity: 1;
   visibility: visible;
   top: 100%;
 }

 .header-main-info {
   display: flex;
   align-items: center;
 }

 .header-main-info .header-main-info-contact {
   position: relative;
   padding-left: 68px;
   margin-right: 80px;
 }

 @media only screen and (min-width: 10px) and (max-width: 1450px) {
   .header-main-info .header-main-info-contact {
     margin-right: 20px;
   }
 }

 @media only screen and (min-width: 10px) and (max-width: 1200px) {
   .header-main-info .header-main-info-contact {
     display: none;
   }
 }

 .header-main-info .header-main-info-contact .icon {
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   height: 50px;
   width: 50px;
   text-align: center;
   line-height: 50px;
   background: #5f2dee;
   border-radius: 50%;
 }

 .header-main-info .header-main-info-contact .content {
   display: flex;
   flex-direction: column;
 }

 .header-main-info .header-main-info-contact .content span {
   font-size: 13px;
   font-weight: 500;
   color: #6c6a72;
 }

 .header-main-info .header-main-info-contact .content a {
   font-size: 18px;
   font-weight: 500;
   color: #1d1729;
 }

 .header-main-info .header-mini-btn {
   margin-right: 30px;
   position: relative;
 }

 @media only screen and (min-width: 10px) and (max-width: 1200px) {
   .header-main-info .header-mini-btn {
     margin-right: 0;
   }
 }

 .header-main-info .header-mini-btn::before {
   position: absolute;
   content: '';
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 1px;
   height: 50px;
   background: #e4e0ee;
 }

 @media only screen and (min-width: 10px) and (max-width: 1200px) {
   .header-main-info .header-mini-btn::before {
     display: none;
   }
 }

 .header-main-info .header-mini-btn ul {
   display: flex;
   align-items: center;
 }

 .header-main-info .header-mini-btn ul li .header-mini-icon {
   font-size: 20px;
   color: #1d1729;
   margin-right: 30px;
   cursor: pointer;
 }

 @media (max-width: 767px) {
   .header-main-info .header-mini-btn ul li .header-mini-icon {
     margin-right: 25px;
     margin-left: 25px;
   }
 }

 @media (max-width: 767px) {
   .header-main-info .header-mini-btn ul li:last-child a {
     margin-right: 0;
   }
 }

 .header-main-info .header-mini-btn .toggle-bar {
   display: none;
   font-size: 22px !important;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .header-main-info .header-mini-btn .toggle-bar {
     display: inline-block;
   }
 }

 @media (max-width: 767px) {
   .header-main-info .header-mini-btn .toggle-bar {
     display: inline-block;
   }
 }

 /***

====================================================================
    Search Popup
====================================================================

***/
 .search-popup {
   position: fixed;
   left: 0;
   top: 0;
   height: 100vh;
   width: 100%;
   z-index: 99999;
   margin-top: -540px;
   transform: translateY(-100%);
   background-color: rgba(0, 0, 0, 0.9);
   -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
   -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
   -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
   transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1);
   /* easeInOutQuint */
   -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
   -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
   -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
   transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
   /* easeInOutQuint */
 }

 .sidenav-bar-visible .search-popup {
   width: 80%;
 }

 .search-popup:before {
   position: absolute;
   left: 0;
   top: 100%;
   width: 100%;
   height: 560px;
   background-image: url(../image/waves-shape.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   margin-top: 0px;
   content: "";
 }

 .search-active .search-popup {
   transform: translateY(0%);
   margin-top: 0;
 }

 .search-popup .close-search {
   position: absolute;
   left: 0;
   right: 0;
   top: 75%;
   margin: 0 auto;
   margin-top: -200px;
   border-radius: 50%;
   text-align: center;
   background-color: #b882fc;
   width: 70px;
   cursor: pointer;
   font-family: "flaticon";
   border-bottom: 0;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
   opacity: 0;
   visibility: hidden;
 }

 .search-popup .close-search span {
   position: relative;
   display: block;
   height: 70px;
   width: 70px;
   font-size: 30px;
   line-height: 70px;
   color: #fff;
   transform: rotate(-90deg);
 }

 .search-active .search-popup .close-search {
   visibility: visible;
   opacity: 1;
   top: 50%;
   -webkit-transition-delay: 1500ms;
   -moz-transition-delay: 1500ms;
   -ms-transition-delay: 1500ms;
   -o-transition-delay: 1500ms;
   transition-delay: 1500ms;
 }

 .search-popup form {
   position: absolute;
   max-width: 700px;
   top: 50%;
   left: 15px;
   right: 15px;
   margin: -35px auto 0;
   transform: scaleX(0);
   transform-origin: center;
   background-color: #1d1729;
   -webkit-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   transition: all 300ms ease;
 }

 .search-active .search-popup form {
   transform: scaleX(1);
   -webkit-transition-delay: 1200ms;
   -moz-transition-delay: 1200ms;
   -ms-transition-delay: 1200ms;
   -o-transition-delay: 1200ms;
   transition-delay: 1200ms;
 }

 .search-popup .form-group {
   position: relative;
   margin: var(--margin-zero);
   overflow: hidden;
 }

 .search-popup .form-group input[type="text"],
 .search-popup .form-group input[type="search"] {
   position: relative;
   display: block;
   font-size: 18px;
   line-height: 50px;
   color: #1d1729;
   height: 70px;
   width: 100%;
   padding: 10px 30px;
   background-color: #fff;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
   font-weight: 500;
   text-transform: capitalize;
   border: 0;
 }

 .search-popup .form-group input[type="submit"],
 .search-popup .form-group button {
   position: absolute;
   right: 30px;
   top: 0px;
   height: 70px;
   line-height: 70px;
   background: transparent;
   text-align: center;
   font-size: 24px;
   color: #1d1729;
   padding: 0;
   cursor: pointer;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
   border: 0;
 }

 .search-popup .form-group input[type="submit"]:hover,
 .search-popup .form-group button:hover {
   color: #1d1729;
 }

 .search-popup input::placeholder,
 .search-popup textarea::placeholder {
   color: #1d1729;
 }

 .search-popup .close-search.style-two {
   position: absolute;
   right: 25px;
   left: auto;
   color: #fff;
   width: auto;
   height: auto;
   top: 25px;
   margin: 0px;
   border: none;
   background: none !important;
   box-shadow: none !important;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .search-popup .close-search.style-two span {
   font-size: 20px;
   color: #fff;
 }

 .main-header .sticky-header .search-box-btn {
   float: left;
   cursor: pointer;
   padding: 27px 0px;
   font-size: 18px;
   color: #1d1729;
   margin-left: 25px;
 }

 .main-header .mobile-menu .menu-box .mCSB_scrollTools {
   width: 3px;
 }

 .off_canvars_overlay {
   width: 100%;
   height: 100%;
   position: fixed;
   z-index: 9998;
   opacity: 0;
   visibility: hidden;
   cursor: crosshair;
   background: #232323;
   top: 0;
 }

 .off_canvars_overlay.active {
   opacity: .5;
   visibility: visible;
 }

 .offcanvas_menu {
   display: none;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .offcanvas_menu {
     display: block;
   }
 }

 @media (max-width: 767px) {
   .offcanvas_menu {
     display: block;
   }
 }

 .offcanvas_menu_wrapper {
   width: 290px;
   position: fixed;
   background: #fff;
   z-index: 9999;
   top: 0;
   height: 100vh;
   transition: .5s;
   left: 0;
   margin-left: -300px;
   padding: 50px 15px 30px;
   overflow-y: auto;
 }

 .offcanvas_menu_wrapper.active {
   margin-left: 0;
 }

 .offcanvas_menu_wrapper .slinky-theme-default {
   background: inherit;
   min-height: 300px;
   overflow-y: auto;
 }

 .offcanvas_menu_wrapper .header-btn {
   margin-bottom: 30px;
 }

 .offcanvas_menu_wrapper .header-btn a {
   color: #1d1729;
 }

 .offcanvas_menu_wrapper .header-btn a:hover {
   color: #1d1729;
 }

 .offcanvas_main_menu li {
   position: relative;
 }

 .offcanvas_main_menu li:last-child {
   margin: 0;
 }

 .offcanvas_main_menu li span.menu-expand {
   position: absolute;
   right: 0;
   font-size: 12px;
 }

 .offcanvas_main_menu li a {
   font-size: 14px;
   font-weight: 500;
   text-transform: capitalize;
   display: block;
   padding-bottom: 10px;
   margin-bottom: 10px;
   border-bottom: 1px solid #ededed;
   color: #1d1729;
   -webkit-transition: all 0.3s ease-out 0s;
   -moz-transition: all 0.3s ease-out 0s;
   -ms-transition: all 0.3s ease-out 0s;
   -o-transition: all 0.3s ease-out 0s;
   transition: all 0.3s ease-out 0s;
 }

 .offcanvas_main_menu li a:hover {
   color: #b882fc;
 }

 .offcanvas_main_menu li ul.sub-menu {
   padding-left: 20px;
 }

 .offcanvas_footer {
   margin-top: 50px;
   padding-bottom: 50px;
   text-align: center;
 }

 .offcanvas_footer span a {
   font-size: 14px;
   color: #1d1729;
   -webkit-transition: all 0.3s ease-out 0s;
   -moz-transition: all 0.3s ease-out 0s;
   -ms-transition: all 0.3s ease-out 0s;
   -o-transition: all 0.3s ease-out 0s;
   transition: all 0.3s ease-out 0s;
 }

 .offcanvas_footer span a:hover {
   color: #b882fc;
 }

 .canvas_close {
   position: absolute;
   top: 10px;
   right: 13px;
 }

 .canvas_close a {
   font-size: 13px;
   text-transform: uppercase;
   font-weight: 500;
   width: 32px;
   height: 32px;
   display: block;
   text-align: center;
   line-height: 32px;
   border: 1px solid #ededed;
   border-radius: 50%;
   color: #1d1729;
   -webkit-transition: all 0.3s ease-out 0s;
   -moz-transition: all 0.3s ease-out 0s;
   -ms-transition: all 0.3s ease-out 0s;
   -o-transition: all 0.3s ease-out 0s;
   transition: all 0.3s ease-out 0s;
 }

 .canvas_close a:hover {
   background: #b882fc;
   border-color: #b882fc;
   color: #fff;
 }

 .canvas_open a {
   font-size: 26px;
   width: 50px;
   height: 42px;
   display: block;
   line-height: 39px;
   text-align: center;
   border: 1px solid #232323;
   color: #1d1729;
   -webkit-transition: all 0.3s ease-out 0s;
   -moz-transition: all 0.3s ease-out 0s;
   -ms-transition: all 0.3s ease-out 0s;
   -o-transition: all 0.3s ease-out 0s;
   transition: all 0.3s ease-out 0s;
 }

 .canvas_open a:hover {
   color: #b882fc;
   border-color: #b882fc;
 }

 .offcanvas-social {
   margin-bottom: 40px;
 }

 .offcanvas-social ul li {
   display: inline-block;
 }

 .offcanvas-social ul li a {
   height: 40px;
   width: 40px;
   text-align: center;
   line-height: 38px;
   color: #b882fc;
   border: 1px solid #eaeaea;
   border-radius: 50%;
   margin: 0 5px;
   -webkit-transition: all 0.3s ease-out 0s;
   -moz-transition: all 0.3s ease-out 0s;
   -ms-transition: all 0.3s ease-out 0s;
   -o-transition: all 0.3s ease-out 0s;
   transition: all 0.3s ease-out 0s;
 }

 .offcanvas-social ul li a:hover {
   background: #b882fc;
   border-color: #b882fc;
   color: #fff;
 }

 .infetech-header-area-2 .header-topbar-layout-2 {
   background: #1d1729;
   position: relative;
   z-index: 20;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-header-area-2 .header-topbar-layout-2 {
     display: none;
   }
 }

 @media (max-width: 767px) {
   .infetech-header-area-2 .header-topbar-layout-2 {
     display: none;
   }
 }

 .infetech-header-area-2 .header-topbar-layout-2 .header-topbar-text {
   padding-left: 60px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .infetech-header-area-2 .header-topbar-layout-2 .header-topbar-text {
     padding-left: 30px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-header-area-2 .header-topbar-layout-2 .header-topbar-text {
     padding-left: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-header-area-2 .header-topbar-layout-2 .header-topbar-text {
     padding-left: 15px;
   }
 }

 @media (max-width: 767px) {
   .infetech-header-area-2 .header-topbar-layout-2 .header-topbar-text {
     padding-left: 15px;
   }
 }

 .infetech-header-area-2 .header-topbar-layout-2 .header-topbar-text p {
   color: #b0a9c0;
   font-weight: 500;
   font-size: 14px;
 }

 .infetech-header-area-2 .header-topbar-layout-2 .header-topbar-info-wrapper .header-topbar-info {
   display: block;
 }

 .infetech-header-area-2 .header-topbar-layout-2 .header-topbar-info-wrapper .header-topbar-info ul li {
   color: #b0a9c0;
   font-size: 14px;
   font-weight: 500;
 }

 .infetech-header-area-2 .header-topbar-layout-2 .header-topbar-info-wrapper .header-topbar-social {
   background: #15101e;
 }

 .infetech-header-area-2 .header-topbar-layout-2 .header-topbar-info-wrapper .header-topbar-social ul li a {
   font-size: 18px;
   color: #fff;
 }

 .infetech-header-area-2 .header-main-nav-layout-2 {
   position: absolute;
   left: 0;
   top: 44px;
   right: 0;
   z-index: 30;
   padding: 30px 60px;
   border-bottom: 1px solid #ffffff2e;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-header-area-2 .header-main-nav-layout-2 {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-header-area-2 .header-main-nav-layout-2 {
     top: 0;
   }
 }

 @media (max-width: 767px) {
   .infetech-header-area-2 .header-main-nav-layout-2 {
     top: 0;
     padding: 10px 60px;
   }
 }

 .infetech-header-area-2 .header-main-nav-layout-2 .logo-white img {
   width: 160px;
 }

 .infetech-header-area-2 .header-main-nav-layout-2 .header-main-nav-box ul li {
   padding: 0;
 }

 .infetech-header-area-2 .header-main-nav-layout-2 .header-main-nav-box ul li a {
   color: #fff;
 }

 .infetech-header-area-2 .header-main-nav-layout-2 .header-main-nav-box ul li a::before {
   background: #fff;
 }

 .infetech-header-area-2 .header-main-nav-layout-2 .header-main-nav-box ul li .sub-menu li a {
   color: #1d1729;
 }

 .infetech-header-area-2 .header-main-nav-layout-2 .header-main-info {
   justify-content: flex-end;
 }

 @media (max-width: 767px) {
   .infetech-header-area-2 .header-main-nav-layout-2 .header-main-info {
     justify-content: center;
     margin-top: 20px;
   }
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .infetech-header-area-2 .header-main-nav-layout-2 .header-main-info .header-mini-btn {
     margin-right: 15px;
   }
 }

 .infetech-header-area-2 .header-main-nav-layout-2 .header-main-info .header-mini-btn ul li .header-mini-icon {
   color: #fff;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .infetech-header-area-2 .header-main-nav-layout-2 .header-main-info .header-mini-btn ul li .header-mini-icon {
     margin-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-header-area-2 .header-main-nav-layout-2 .header-main-info .header-mini-btn ul li:nth-child(2) a {
     margin-right: 0;
   }
 }

 .infetech-header-area-2 .header-main-nav-layout-2 .header-main-info .header-mini-btn::before {
   background: #ffffff2e;
 }

 .infetech-header-area-2 .header-main-nav-layout-2 .header-main-info .header-main-info-contact {
   margin-right: 0;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .infetech-header-area-2 .header-main-nav-layout-2 .header-main-info .header-main-info-contact {
     padding-left: 60px;
   }
 }

 .infetech-header-area-2 .header-main-nav-layout-2 .header-main-info .header-main-info-contact .content a {
   color: #fff;
   white-space: nowrap;
 }

 .infetech-header-area-2 .header-main-nav-layout-2 .header-main-info .header-main-info-contact .content span {
   color: #fff;
   opacity: 0.5;
 }

 .infetech-header-area-2 .header-main-nav-layout-2 .header-main-info .header-main-info-contact .icon {
   background: #fff;
 }

 .infetech-header-area-2.infetech-header-area-3 .top-line {
   height: 5px;
   width: 100%;
   background: #b882fc;
   position: absolute;
   z-index: 199;
   left: 0;
   top: 0;
 }

 .infetech-header-area-2.infetech-header-area-3 .top-line::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 5px;
   width: 50%;
   background: #5f2dee;
 }

 .infetech-header-area-2.infetech-header-area-3 .header-main-nav-layout-2 {
   top: 5px;
   background: #fff;
   padding: 25px 60px;
   box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
 }

 .infetech-header-area-2.infetech-header-area-3 .header-main-nav-layout-2.header-main-nav-layout-4 {
   top: 45px;
   background: transparent;
   box-shadow: none;
   border-bottom: 1px solid #e4e0ee;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-header-area-2.infetech-header-area-3 .header-main-nav-layout-2.header-main-nav-layout-4 {
     top: 0;
   }
 }

 @media (max-width: 767px) {
   .infetech-header-area-2.infetech-header-area-3 .header-main-nav-layout-2.header-main-nav-layout-4 {
     top: 0;
   }
 }

 .infetech-header-area-2.infetech-header-area-3 .header-main-nav-layout-2 .logo-white {
   text-align: left;
 }

 @media (max-width: 767px) {
   .infetech-header-area-2.infetech-header-area-3 .header-main-nav-layout-2 .logo-white {
     text-align: center;
   }
 }

 .infetech-header-area-2.infetech-header-area-3 .header-main-nav-layout-2 .header-main-nav-box ul li a {
   color: #6c6a72;
 }

 .infetech-header-area-2.infetech-header-area-3 .header-main-nav-layout-2 .header-main-nav-box ul li a::before {
   position: absolute;
   content: '';
   left: 0;
   bottom: 0;
   height: 2px;
   width: 0px;
   background: #5f2dee;
   transition: all linear 0.3s;
 }

 .infetech-header-area-2.infetech-header-area-3 .header-main-nav-layout-2 .header-main-nav-box ul li a:hover {
   color: #1d1729;
 }

 .infetech-header-area-2.infetech-header-area-3 .header-main-nav-layout-2 .header-main-nav-box ul li a:hover::before {
   width: 16px;
 }

 .infetech-header-area-2.infetech-header-area-3 .header-main-nav-layout-2 .header-main-info .header-mini-btn ul li .header-mini-icon {
   color: #1d1729;
 }

 .infetech-header-area-2.infetech-header-area-3 .header-main-nav-layout-2 .header-main-info .header-mini-btn::before {
   background: #e4e0ee;
 }

 .infetech-header-area-2.infetech-header-area-3 .header-main-nav-layout-2 .header-main-info .header-main-info-contact .icon {
   background: #5f2dee;
 }

 .infetech-header-area-2.infetech-header-area-3 .header-main-nav-layout-2 .header-main-info .header-main-info-contact .content span {
   color: #6c6a72;
 }

 .infetech-header-area-2.infetech-header-area-3 .header-main-nav-layout-2 .header-main-info .header-main-info-contact .content a {
   color: #1d1729;
 }

 @media (min-width: 768px) {
   .header-sticky.sticky {
     position: fixed;
     left: 0;
     top: 0;
     right: 0;
     z-index: 99;
     background: #fff;
     animation: sticky 1s;
   }

   @-webkit-keyframes sticky {
     0% {
       top: -200px;
     }

     100% {
       top: 0;
     }
   }

   @keyframes sticky {
     0% {
       top: -200px;
     }

     100% {
       top: 0;
     }
   }

   .header-main-nav-layout-2.header-sticky.sticky {
     background: #1d1729;
   }

   .infetech-header-area-2.infetech-header-area-3 .header-main-nav-layout-2.header-sticky.sticky {
     top: 0;
     background: #fff;
   }
 }

 /*Loader Css*/
 .preloader {
   background-color: #fff;
   bottom: 0;
   height: 100%;
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
   width: 100%;
   z-index: 999999;
 }

 .lds-ellipsis {
   margin: 0 auto;
   position: relative;
   top: 50%;
   -moz-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 64px;
   text-align: center;
   z-index: 9999;
 }

 .lds-ellipsis span {
   display: inline-block;
   width: 15px;
   height: 15px;
   border-radius: 50%;
   background: #5f2dee;
   -webkit-animation: ball-pulse-sync .6s 0s infinite ease-in-out;
   animation: ball-pulse-sync .6s 0s infinite ease-in-out;
 }

 .lds-ellipsis span:nth-child(1) {
   -webkit-animation: ball-pulse-sync .6s -.14s infinite ease-in-out;
   animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
 }

 .lds-ellipsis span:nth-child(2) {
   -webkit-animation: ball-pulse-sync .6s -70ms infinite ease-in-out;
   animation: ball-pulse-sync 0.6s -70ms infinite ease-in-out;
 }

 @-webkit-keyframes ball-pulse-sync {
   33% {
     -webkit-transform: translateY(10px);
     transform: translateY(10px);
   }

   66% {
     -webkit-transform: translateY(-10px);
     transform: translateY(-10px);
   }

   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }

 @keyframes ball-pulse-sync {
   33% {
     -webkit-transform: translateY(10px);
     transform: translateY(10px);
   }

   66% {
     -webkit-transform: translateY(-10px);
     transform: translateY(-10px);
   }

   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }

 @keyframes bubbleMover {
   0% {
     -webkit-transform: translateY(0px) translateX(0) rotate(0);
     transform: translateY(0px) translateX(0) rotate(0);
   }

   30% {
     -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
     transform: translateY(30px) translateX(50px) rotate(15deg);
     -webkit-transform-origin: center center;
     transform-origin: center center;
   }

   50% {
     -webkit-transform: translateY(50px) translateX(100px) rotate(45deg);
     transform: translateY(50px) translateX(100px) rotate(45deg);
     -webkit-transform-origin: right bottom;
     transform-origin: right bottom;
   }

   80% {
     -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
     transform: translateY(30px) translateX(50px) rotate(15deg);
     -webkit-transform-origin: left top;
     transform-origin: left top;
   }

   100% {
     -webkit-transform: translateY(0px) translateX(0) rotate(0);
     transform: translateY(0px) translateX(0) rotate(0);
     -webkit-transform-origin: center center;
     transform-origin: center center;
   }
 }

 @keyframes bubbleMover2 {
   0% {
     -webkit-transform: translateY(0px) translateX(0) rotate(0);
     transform: translateY(0px) translateX(0) rotate(0);
   }

   30% {
     transform: translateY(10px) translateX(20px) rotate(5deg);
     -webkit-transform-origin: center center;
     transform-origin: center center;
   }

   50% {
     transform: translateY(20px) translateX(40px) rotate(20deg);
     -webkit-transform-origin: right bottom;
     transform-origin: right bottom;
   }

   80% {
     transform: translateY(30px) translateX(40px) rotate(5deg);
     -webkit-transform-origin: left top;
     transform-origin: left top;
   }

   100% {
     -webkit-transform: translateY(0px) translateX(0) rotate(0);
     transform: translateY(0px) translateX(0) rotate(0);
     -webkit-transform-origin: center center;
     transform-origin: center center;
   }
 }

 @keyframes pusher {
   33% {
     transform: scale(0.7);
   }

   66% {
     transform: scale(1);
   }

   100% {
     transform: scale(0.7);
   }
 }

 /*===========================
    3.BANNER css
===========================*/
 .infetech-banner-area {
   position: relative;
   z-index: 10;
   overflow: hidden;
   /* margin-top: -2px; */
   /* margin-top: 120px; */
 }


 .infetech-banner-area.infetech-banner-layoyt-2 {
   margin-top: -2px;
   border: 0;
 }

 .infetech-banner-area .infetech-banner-slide-active {
   position: relative;
   z-index: 10;
 }

 .infetech-banner-img img {
   width: 100%;
 }

 /* .infetech-banner-area .infetech-banner-slide-active::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 100%;
   width: 434px;
   background-image: url(../image/banner-shape-1.png);
   z-index: -1;
 } */

 /* .infetech-banner-area .infetech-banner-slide-active::after {
   position: absolute;
   content: '';
   right: 0;
   top: 0;
   height: 100%;
   width: 395px;
   background-image: url(../image/banner-shape-2.png);
   z-index: -1;
 } */

 .infetech-banner-area .infetech-banner-slide-active {
   position: relative;
 }

 .infetech-banner-area .infetech-banner-slide-active .container {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
 }

 .infetech-banner-area .infetech-banner-slide-active.item-1 {
   background-image: url(../image/banner-thumb-1.jpg);
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
 }

 .infetech-banner-area .infetech-banner-slide-active.item-2 {
   background-image: url(../image/banner-thumb-2.jpg);
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
 }

 .infetech-banner-area .infetech-banner-slide-active.item-3 {
   background-image: url(../image/banner-thumb-3.jpg);
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
 }

 .infetech-banner-area .infetech-banner-content {
   text-align: center;
   display: flex;
   align-items: center;
   flex-direction: column;
   /* height: 794px; */
   justify-content: center;
   position: relative;
 }

 /* @media (max-width: 767px) {
   .infetech-banner-area .infetech-banner-content {
     height: 500px;
   }
 } */

 .infetech-banner-area .infetech-banner-content h4 {
   font-size: 18px;
   font-weight: 600;
   color: #fff;
   opacity: 0.6;
   display: inline-block;
   position: relative;
   /* text-transform: uppercase; */
   padding-bottom: 5px;
   margin-bottom: 35px;
 }

 @media (max-width: 767px) {
   .infetech-banner-area .infetech-banner-content h4 {
     font-size: 14px;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .infetech-banner-area .infetech-banner-content h4 {
     font-size: 18px;
   }
 }

 /* .infetech-banner-area .infetech-banner-content h4::before {
   position: absolute;
   content: '';
   left: 0;
   bottom: 0;
   height: 2px;
   width: 100%;
   background: #a4a2a9;
 } */

 .infetech-banner-area .infetech-banner-content h2 {
   font-size: 100px;
   font-weight: 800;
   color: #fff;
   text-transform: uppercase;
   line-height: 1;
   margin-bottom: 20px;
 }

 @media (max-width: 1440px) {
   .infetech-banner-area .infetech-banner-content h2 {
     font-size: 70px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-banner-area .infetech-banner-content h2 {
     font-size: 60px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-banner-area .infetech-banner-content h2 {
     font-size: 50px;
   }
 }

 @media (max-width: 767px) {
   .infetech-banner-area .infetech-banner-content h2 {
     font-size: 30px;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .infetech-banner-area .infetech-banner-content h2 {
     font-size: 50px;
   }
 }

 .infetech-banner-area .infetech-banner-content .banner-arrow {
   position: absolute;
   left: 63%;
   top: 58%;
 }

 .infetech-banner-area .infetech-banner-content img {
   display: inline-block;
 }

 @media (max-width: 767px) {
   .infetech-banner-area .infetech-banner-content img {
     width: 28px;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .infetech-banner-area .infetech-banner-content img {
     width: 40px;
   }
 }

 .infetech-banner-area.infetech-banner-slide .slick-arrow {
   position: absolute;
   right: 17%;
   height: 0;
   z-index: 10;
   height: 50px;
   width: 50px;
   border: 2px solid #fff;
   color: #fff;
   border-radius: 50%;
   text-align: center;
   line-height: 50px;
   cursor: pointer;
   transition: all linear 0.3s;
   opacity: 0.3;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .infetech-banner-area.infetech-banner-slide .slick-arrow {
     right: 10%;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-banner-area.infetech-banner-slide .slick-arrow {
     right: 40px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-banner-area.infetech-banner-slide .slick-arrow {
     right: 30px;
   }
 }

 .infetech-banner-area.infetech-banner-slide .slick-arrow.prev {
   top: 50%;
   transform: translateY(-55%);
 }

 .infetech-banner-area.infetech-banner-slide .slick-arrow.next {
   top: 50%;
   transform: translateY(55%);
 }

 .infetech-banner-area.infetech-banner-slide .slick-arrow:hover {
   opacity: 1;
 }

 .infetech-banner-area-layout-2 .infetech-banner-slide-item {
   background: url(../image/banner-thumb-4.jpg);
   padding-top: 250px;
   padding-bottom: 130px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   z-index: 10;
 }

 .infetech-banner-area-layout-2 .infetech-banner-slide-item.item-2 {
   background: url(../image/banner-thumb-5.jpg);
 }

 .infetech-banner-area-layout-2 .infetech-banner-slide-item.item-3 {
   background: url(../image/banner-thumb-6.jpg);
 }

 .infetech-banner-area-layout-2 .infetech-banner-slide-item::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   background-image: url(../image/banner-shape-bg.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   z-index: -1;
 }

 .infetech-banner-area-layout-2 .infetech-banner-slide-item .infetech-banner-content .play-btn a {
   height: 60px;
   width: 60px;
   text-align: center;
   line-height: 60px;
   border-radius: 50%;
   color: #fff;
   background: #b882fc;
   position: relative;
 }

 .infetech-banner-area-layout-2 .infetech-banner-slide-item .infetech-banner-content .play-btn a::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   border: 1px solid #fff;
   border-radius: 50%;
   animation: play-popup 1.5s infinite;
 }

 .infetech-banner-area-layout-2 .infetech-banner-slide-item .infetech-banner-content .info-text .title {
   font-size: 90px;
   color: #fff;
   padding-top: 39px;
   padding-bottom: 16px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-banner-area-layout-2 .infetech-banner-slide-item .infetech-banner-content .info-text .title {
     font-size: 60px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-banner-area-layout-2 .infetech-banner-slide-item .infetech-banner-content .info-text .title {
     font-size: 40px;
   }
 }

 @media (max-width: 767px) {
   .infetech-banner-area-layout-2 .infetech-banner-slide-item .infetech-banner-content .info-text .title {
     font-size: 40px;
   }
 }

 .infetech-banner-area-layout-2 .infetech-banner-slide-item .infetech-banner-content .info-text p {
   font-size: 18px;
   font-weight: 500;
   color: #fff;
   opacity: 0.7;
   padding-right: 50px;
   margin-bottom: 42px;
 }

 .infetech-banner-area-layout-2.infetech-banner-slide .slick-arrow {
   position: absolute;
   right: 17%;
   height: 0;
   z-index: 10;
   height: 50px;
   width: 50px;
   border: 2px solid #fff;
   color: #fff;
   border-radius: 50%;
   text-align: center;
   line-height: 50px;
   cursor: pointer;
   transition: all linear 0.3s;
   opacity: 0.3;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .infetech-banner-area-layout-2.infetech-banner-slide .slick-arrow {
     right: 10%;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-banner-area-layout-2.infetech-banner-slide .slick-arrow {
     right: 40px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-banner-area-layout-2.infetech-banner-slide .slick-arrow {
     right: 30px;
   }
 }

 .infetech-banner-area-layout-2.infetech-banner-slide .slick-arrow.prev {
   top: 46%;
 }

 .infetech-banner-area-layout-2.infetech-banner-slide .slick-arrow.next {
   top: 54%;
 }

 .infetech-banner-area-layout-2.infetech-banner-slide .slick-arrow:hover {
   opacity: 1;
 }

 .infetech-banner-area-layout-2.infetech-banner-area-layout-3 {
   margin-top: 103px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-banner-area-layout-2.infetech-banner-area-layout-3 {
     margin-top: 96px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-banner-area-layout-2.infetech-banner-area-layout-3 {
     margin-top: 92px;
   }
 }

 @media (max-width: 767px) {
   .infetech-banner-area-layout-2.infetech-banner-area-layout-3 {
     margin-top: 92px;
   }
 }

 .infetech-banner-area-layout-2.infetech-banner-area-layout-3 .infetech-banner-slide-item {
   background-image: url(../image/banner-thumb-8.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }

 .infetech-banner-area-layout-2.infetech-banner-area-layout-3 .infetech-banner-slide-item::before {
   display: none;
 }

 .infetech-banner-area-layout-2.infetech-banner-area-layout-3 .infetech-banner-slide-item.item-2 {
   background-image: url(../image/banner-thumb-7.jpg);
 }

 .infetech-banner-area-layout-2.infetech-banner-area-layout-3 .infetech-banner-slide-item .infetech-banner-content span {
   font-weight: 800;
   color: #5f2dee;
   text-transform: uppercase;
   letter-spacing: 2.5px;
 }

 .infetech-banner-area-layout-2.infetech-banner-area-layout-3 .infetech-banner-slide-item .infetech-banner-content .title {
   color: #1d1729;
   font-size: 100px;
   padding-top: 0;
   line-height: 110px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-banner-area-layout-2.infetech-banner-area-layout-3 .infetech-banner-slide-item .infetech-banner-content .title {
     font-size: 60px;
     line-height: 60px;
   }
 }

 @media (max-width: 767px) {
   .infetech-banner-area-layout-2.infetech-banner-area-layout-3 .infetech-banner-slide-item .infetech-banner-content .title {
     font-size: 28px;
     line-height: 28px;
     margin-top: 20px;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .infetech-banner-area-layout-2.infetech-banner-area-layout-3 .infetech-banner-slide-item .infetech-banner-content .title {
     font-size: 56px;
     line-height: 56px;
   }
 }

 .infetech-banner-area-layout-2.infetech-banner-area-layout-3 .infetech-banner-slide-item .infetech-banner-content .title span {
   text-transform: capitalize;
   color: #1d1729;
   letter-spacing: inherit;
   position: relative;
   z-index: 10;
 }

 .infetech-banner-area-layout-2.infetech-banner-area-layout-3 .infetech-banner-slide-item .infetech-banner-content .title span::before {
   position: absolute;
   content: '';
   width: 100%;
   height: 25px;
   bottom: 15px;
   left: 0;
   background-image: url(../image/banner-line.png);
   z-index: -1;
 }

 @media (max-width: 767px) {
   .infetech-banner-area-layout-2.infetech-banner-area-layout-3 .infetech-banner-slide-item .infetech-banner-content .title span::before {
     display: none;
   }
 }

 .header-main-nav-layout-2 .logo-white {
   text-align: left;
 }

 @media (max-width: 767px) {
   .header-main-nav-layout-2 .logo-white {
     text-align: center;
   }
 }

 .infetech-banner-main-area {
   position: relative;
 }

 .infetech-banner-main-area .banner-social {
   position: absolute;
   left: 80px;
   top: 50%;
   transform: translateY(-50%);
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .infetech-banner-main-area .banner-social {
     left: 30px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-banner-main-area .banner-social {
     display: none;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-banner-main-area .banner-social {
     display: none;
   }
 }

 @media (max-width: 767px) {
   .infetech-banner-main-area .banner-social {
     display: none;
   }
 }

 .infetech-banner-main-area .banner-social ul li {
   margin: 40px 0;
 }

 .infetech-banner-main-area .banner-social ul li a {
   color: #6c6a72;
 }

 .infetech-banner-main-area .banner-play-icon {
   display: flex;
   justify-content: flex-end;
   width: 100%;
   align-items: center;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-banner-main-area .banner-play-icon {
     justify-content: flex-start;
     margin-top: 20px;
   }
 }

 @media (max-width: 767px) {
   .infetech-banner-main-area .banner-play-icon {
     justify-content: flex-start;
     margin-top: 20px;
   }
 }

 .infetech-banner-main-area .banner-play-icon .icon a {
   display: inline-block;
   height: 86px;
   width: 86px;
   text-align: center;
   line-height: 86px;
   background: rgba(95, 45, 238, 0.5);
   border-radius: 50%;
   color: #fff;
   position: relative;
 }

 .infetech-banner-main-area .banner-play-icon .icon a::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   border: 1px solid #5f2dee;
   border-radius: 50%;
   animation: play-popup 2s infinite;
 }

 .infetech-banner-main-area .banner-play-icon .title {
   font-size: 16px;
   font-weight: 500;
   color: #1d1729;
   margin-left: 50px;
 }

 .infetech-banner-main-area .infetech-banner-area-layout-2 .infetech-banner-slide-item {
   padding-top: 144px;
   padding-bottom: 150px;
 }

 @keyframes play-popup-2 {
   from {
     transform: scale(1);
     opacity: 1;
   }

   to {
     transform: scale(1.5);
     opacity: 0;
   }
 }

 .infetech-banner-area-4 {
   padding-top: 205px;
   padding-bottom: 77px;
   position: relative;
   z-index: 10;
 }

 .infetech-banner-area-4::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   width: 100%;
   height: 845px;
   background-image: url(../image/banner-thumb-9.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   z-index: -1;
 }

 @media (max-width: 767px) {
   .infetech-banner-area-4::before {
     display: none;
   }
 }

 .infetech-banner-area-4 .banner-content-box {
   text-align: center;
 }

 .infetech-banner-area-4 .banner-content-box .title {
   font-size: 60px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-banner-area-4 .banner-content-box .title {
     font-size: 46px;
   }
 }

 @media (max-width: 767px) {
   .infetech-banner-area-4 .banner-content-box .title {
     font-size: 36px;
   }
 }

 .infetech-banner-area-4 .banner-content-box span {
   font-size: 24px;
   font-weight: 400;
   color: #6c6a72;
   margin-top: 18px;
   margin-bottom: 50px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-banner-area-4 .banner-content-box span {
     font-size: 20px;
   }
 }

 @media (max-width: 767px) {
   .infetech-banner-area-4 .banner-content-box span {
     font-size: 18px;
   }
 }

 .infetech-banner-area-4 .banner-content-box .thumb {
   position: relative;
 }

 .infetech-banner-area-4 .banner-content-box .thumb .icon {
   background: #b882fc;
   display: inline-block;
   height: 102px;
   width: 102px;
   background: #5f2dee;
   border-radius: 50%;
   text-align: center;
   line-height: 98px;
   position: relative;
   position: absolute;
   left: -10px;
   top: 45px;
 }

 @media (max-width: 767px) {
   .infetech-banner-area-4 .banner-content-box .thumb .icon {
     display: none;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .infetech-banner-area-4 .banner-content-box .thumb .icon {
     display: block;
   }
 }

 .infetech-banner-area-4 .banner-content-box .thumb .icon::before {
   position: absolute;
   content: '';
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   height: 140px;
   width: 140px;
   border: 20px solid #5f2dee;
   border-radius: 50%;
   opacity: 0.05;
 }

 .infetech-banner-area-4 .banner-content-box .thumb .icon.icon-2 {
   left: auto;
   right: 0;
   top: 170px;
 }

 .infetech-banner-area-5 {
   background: #f5f3f9;
   padding: 295px 0 170px;
   background-image: url(../image/footer-line.png);
   background-size: auto;
   background-position: top right;
   background-repeat: no-repeat;
   position: relative;
 }

 .infetech-banner-area-5::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 100%;
   width: 49%;
   background-image: url(../image/banner-thumb-10.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-banner-area-5::before {
     display: none;
   }
 }

 @media (max-width: 767px) {
   .infetech-banner-area-5::before {
     display: none;
   }
 }

 .banner-content-5 {
   padding-left: 92px;
   margin-right: -60px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .banner-content-5 {
     margin-right: 0;
     padding-left: 30px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .banner-content-5 {
     margin-right: 0;
     padding-left: 30px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .banner-content-5 {
     margin-right: 0;
     padding-left: 0px;
   }
 }

 @media (max-width: 767px) {
   .banner-content-5 {
     margin-right: 0;
     padding-left: 0px;
   }
 }

 .banner-content-5 span {
   font-size: 16px;
   font-weight: 700;
   text-transform: uppercase;
   color: #1d1729;
   display: block;
   padding-top: 13px;
   padding-bottom: 14px;
 }

 .banner-content-5 .title {
   font-size: 80px;
   line-height: 80px;
   margin-bottom: 26px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .banner-content-5 .title {
     font-size: 70px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .banner-content-5 .title {
     font-size: 60px;
     line-height: 70px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .banner-content-5 .title {
     font-size: 55px;
     line-height: 65px;
   }
 }

 @media (max-width: 767px) {
   .banner-content-5 .title {
     font-size: 36px;
     line-height: 46px;
   }
 }

 .banner-content-5 p {
   font-size: 18px;
   font-weight: 500;
   color: #6c6a72;
   line-height: 36px;
   margin-bottom: 37px;
 }

 .banner-content-5 a {
   border: 1px solid #5f2dee;
 }

 .breadcrumb-area {
   background-image: url(../image/breadcrumb-bg.png);
   background-position: top right;
   background-size: cover;
   background-repeat: no-repeat;
   margin-top: 124px;
   padding: 151px 0 135px;
   position: relative;
   z-index: 10;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .breadcrumb-area {
     padding: 101px 0 85px;
   }
 }

 @media (max-width: 767px) {
   .breadcrumb-area {
     padding: 101px 0 85px;
   }
 }

 .breadcrumb-area::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   background-image: url(../image/breadcrumb-bg-shape.png);
   background-position: top right;
   background-size: contain;
   background-repeat: no-repeat;
   z-index: -1;
 }

 .breadcrumb-item {
   text-align: center;
 }

 .breadcrumb-item .title {
   color: #fff;
   font-size: 40px;
   lg: linear-gradient();
   text-transform: uppercase;
 }

 @media (max-width: 767px) {
   .breadcrumb-item .title {
     font-size: 30px;
     line-height: 40px;
   }
 }

 .breadcrumb-item nav {
   display: inline-block;
 }

 .breadcrumb-item nav ol li a,
 .breadcrumb-item nav ol li.active {
   color: #fff;
   opacity: 0.6;
   font-weight: 600;
   text-transform: uppercase;
 }

 .breadcrumb-item nav ol li+.breadcrumb-item::before {
   color: #fff;
 }

 /*===========================
    4.ABOUT css
===========================*/
 .infetech-about-area {
   position: relative;
   z-index: 20;
   overflow: hidden;
 }

 .infetech-about-area .infetech-about-thumb {
   position: relative;
 }

 .infetech-about-area {
   position: relative;
   top: 100px;
   padding: 15px 0;
 }

 .infetech-about-area .infetech-about-thumb .thumb {
   position: relative;
   top: -195px;
   left: 200px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-about-area .infetech-about-thumb .thumb {
     left: 50px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-about-area .infetech-about-thumb .thumb {
     position: absolute;
     top: 200px;
     left: 280px;
   }

   .infetech-about-area {
     top: 0;
     padding: 80px 0;
   }
 }

 @media (max-width: 767px) {
   .infetech-about-area .infetech-about-thumb .thumb {
     display: none;
   }

   .infetech-about-area {
     top: 0;
     padding: 80px 0;
   }
 }

 .infetech-about-area .infetech-about-thumb .about-logo {
   position: absolute;
   top: 0;
   right: -63px;
   max-width: 170px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-about-area .infetech-about-thumb .about-logo {
     display: none;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-about-area .infetech-about-thumb .about-logo {
     display: none;
   }
 }

 @media (max-width: 767px) {
   .infetech-about-area .infetech-about-thumb .about-logo {
     display: none;
   }
 }

 .infetech-about-area .infetech-about-thumb .about-box {
   position: absolute;
   top: 240px;
   left: 340px;
   background: #b882fc;
   padding: 24px 40px;
 }



 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-about-area .infetech-about-thumb .about-box {
     left: 250px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-about-area .infetech-about-thumb .about-box {
     top: 140px;
   }
 }

 @media (max-width: 767px) {
   .infetech-about-area .infetech-about-thumb .about-box {
     position: static;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .infetech-about-area .infetech-about-thumb .about-box {
     position: absolute;
   }
 }

 .infetech-about-area .infetech-about-thumb .about-box .title {
   font-size: 36px;
   font-weight: 700;
   color: #fff;
   display: flex;
   align-items: center;
 }

 .infetech-about-area .infetech-about-thumb .about-box span {
   font-size: 16px;
   color: #fff;
   font-weight: 500;
   text-transform: capitalize;
 }

 .infetech-about-area.infetech-about-service-area {
   padding-bottom: 70px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-about-area.infetech-about-service-area {
     padding-top: 70px;
   }
 }

 @media (max-width: 767px) {
   .infetech-about-area.infetech-about-service-area {
     padding-top: 70px;
   }
 }

 .infetech-about-area.infetech-about-service-area .infetech-about-content .p {
   font-size: 24px;
   font-weight: 400;
   color: #6c6a72;
   line-height: 40px;
 }

 .infetech-about-area.infetech-about-service-area .infetech-about-content .icon {
   height: 125px;
   width: 125px;
   text-align: center;
   line-height: 125px;
   background: #000;
   border-radius: 50%;
   background-image: -moz-linear-gradient(0deg, #5f2dee 0%, #b882fc 100%);
   background-image: -webkit-linear-gradient(0deg, #5f2dee 0%, #b882fc 100%);
   background-image: -ms-linear-gradient(0deg, #5f2dee 0%, #b882fc 100%);
   box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
   position: relative;
   z-index: 10;
   margin-bottom: 33px;
 }

 .infetech-about-area.infetech-about-service-area .infetech-about-content .icon::before {
   position: absolute;
   content: '';
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   border-radius: 50%;
   background: #fff;
   z-index: -1;
   height: 105px;
   width: 105px;
 }

 .infetech-about-area.infetech-about-service-area .infetech-about-content ul li img {
   margin-right: 8px;
 }

 .infetech-about-area.infetech-about-service-area .infetech-about-thumb {
   position: relative;
   z-index: 10;
   margin-right: -100px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-about-area.infetech-about-service-area .infetech-about-thumb {
     margin-right: -50px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-about-area.infetech-about-service-area .infetech-about-thumb {
     margin-right: 0px;
   }
 }

 @media (max-width: 767px) {
   .infetech-about-area.infetech-about-service-area .infetech-about-thumb {
     margin-right: 0px;
   }
 }

 .infetech-about-area.infetech-about-service-area .infetech-about-thumb img.main-thumb {
   margin-left: -60px;
 }

 @media (max-width: 767px) {
   .infetech-about-area.infetech-about-service-area .infetech-about-thumb img.main-thumb {
     margin-left: 0;
   }
 }

 .infetech-about-area.infetech-about-service-area .infetech-about-thumb .item-1 {
   position: absolute;
   left: -60px;
   top: 0;
   z-index: -1;
 }

 .infetech-about-area.infetech-about-service-area .infetech-about-thumb .item-2 {
   position: absolute;
   right: 0px;
   bottom: -50px;
   z-index: -1;
 }

 .infetech-about-content {
   padding-left: 70px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-about-content {
     padding-left: 0;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-about-content {
     padding-left: 0;
     margin-top: 40px;
   }
 }

 @media (max-width: 767px) {
   .infetech-about-content {
     padding-left: 0;
     margin-top: 20px;
   }
 }

 .infetech-about-content span {
   font-size: 16px;
   color: #5f2dee;
   padding-left: 28px;
   position: relative;
   font-weight: 600;
 }

 .infetech-about-content span::before {
   position: absolute;
   content: '';
   left: 0;
   bottom: 8px;
   height: 2px;
   width: 16px;
   background: #5f2dee;
 }

 .infetech-about-content>.title {
   font-size: 45px;
   font-weight: 800;
   line-height: 55px;
 }

 @media (max-width: 767px) {
   .infetech-about-content>.title {
     font-size: 26px;
     line-height: 36px;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .infetech-about-content>.title {
     font-size: 45px;
     line-height: 55px;
   }
 }

 .infetech-about-content .p,
 .infetech-about-content p {
   line-height: 30px;
   font-weight: 500;
   margin-top: 26px;
   margin-bottom: 40px;
 }

 .infetech-about-content .about-card {
   display: flex;
   gap: 20px;
 }

 @media (max-width: 767px) {
   .infetech-about-content .about-card {
     margin-bottom: 30px;
   }
 }

 .infetech-about-content .about-card .icon {
   padding-left: 20px;
   padding-top: 10px;
   position: relative;
   z-index: 10;
   min-width: 85px;
 }

 .infetech-about-content .about-card .icon img {
   width: 100%;
 }

 .infetech-about-content .about-card .icon::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 54px;
   width: 54px;
   background: #f8f2ff;
   border-radius: 50%;
   z-index: -1;
 }

 .infetech-about-content .about-card .content .title {
   font-size: 20px;
   font-weight: 800;
   color: #000;
   line-height: 26px;
   margin-top: 16px;
 }

 .infetech-about-content ul {
   margin-top: 38px;
   margin-bottom: 38px;
 }

 .infetech-about-content ul li {
   font-size: 16px;
   font-weight: 700;
   color: #000;
   line-height: 38px;
 }

 .infetech-about-content ul li i {
   color: #b882fc;
   padding-right: 5px;
   font-size: 20px;
 }

 .infetech-about-content>a {
   border: 1px solid #5f2dee;
 }

 .infetech-about-3-area {
   padding-bottom: 120px;
   overflow: hidden;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-about-3-area {
     padding-bottom: 90px;
   }
 }

 @media (max-width: 767px) {
   .infetech-about-3-area {
     padding-bottom: 90px;
   }
 }

 .infetech-about-3-area .section-title p {
   font-weight: 500;
   color: #6c6a72;
   line-height: 30px;
   margin-top: 30px;
 }

 .infetech-about-3-area .about-3-thumb {
   position: relative;
   z-index: 10;
 }

 .infetech-about-3-area .about-3-thumb .about-ring {
   margin-top: 60px;
   margin-left: -235px;
   z-index: -5;
   position: relative;
 }

 .infetech-about-3-area .about-3-thumb .about-thumb-3 {
   position: absolute;
   left: 40px;
   top: 0;
   z-index: 1;
 }

 @media (max-width: 767px) {
   .infetech-about-3-area .about-3-thumb .about-thumb-3 {
     left: 0;
   }
 }

 .infetech-about-3-area .about-3-thumb .about-thumb-1 {
   position: absolute;
   left: -190px;
   top: 310px;
   z-index: 2;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-about-3-area .about-3-thumb .about-thumb-1 {
     display: none;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-about-3-area .about-3-thumb .about-thumb-1 {
     display: none;
   }
 }

 @media (max-width: 767px) {
   .infetech-about-3-area .about-3-thumb .about-thumb-1 {
     display: none;
   }
 }

 .infetech-about-3-area .about-3-thumb .about-thumb-2 {
   position: absolute;
   left: 250px;
   top: 390px;
   z-index: 2;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-about-3-area .about-3-thumb .about-thumb-2 {
     display: none;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-about-3-area .about-3-thumb .about-thumb-2 {
     display: none;
   }
 }

 @media (max-width: 767px) {
   .infetech-about-3-area .about-3-thumb .about-thumb-2 {
     display: none;
   }
 }

 .infetech-about-3-area .about-3-content {
   padding-left: 70px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-about-3-area .about-3-content {
     padding-left: 20px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-about-3-area .about-3-content {
     padding-left: 0px;
   }
 }

 @media (max-width: 767px) {
   .infetech-about-3-area .about-3-content {
     padding-left: 0px;
   }
 }

 .infetech-about-3-area .about-3-content .about-sub-service {
   display: flex;
   align-items: center;
   gap: 25px;
   margin-bottom: 30px;
 }

 @media (max-width: 767px) {
   .infetech-about-3-area .about-3-content .about-sub-service {
     display: block;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .infetech-about-3-area .about-3-content .about-sub-service {
     display: flex;
   }
 }

 .infetech-about-3-area .about-3-content .about-sub-service .icon {
   text-align: center;
   min-height: 105px;
   min-width: 105px;
   line-height: 105px;
   background: #fff;
   border-radius: 50%;
   box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);
   border-bottom: 5px solid #5f2dee;
   display: inline-block;
 }

 @media (max-width: 767px) {
   .infetech-about-3-area .about-3-content .about-sub-service .icon {
     margin-bottom: 20px;
   }
 }

 .infetech-about-3-area .about-3-content .about-sub-service .content .title {
   font-size: 24px;
   text-transform: capitalize;
 }

 .infetech-about-3-area .about-3-content .about-sub-service .content p {
   line-height: 30px;
   color: #6c6a72;
   font-weight: 500;
   padding-top: 12px;
 }

 .infetech-about-3-area .about-3-content .main-btn {
   margin-top: 20px;
   border: 1px solid #5f2dee;
 }

 .infetech-about-4-area {
   background-image: url(../image/about-bg.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   padding-top: 120px;
   padding-bottom: 120px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-about-4-area {
     padding-top: 70px;
     padding-bottom: 70px;
   }
 }

 @media (max-width: 767px) {
   .infetech-about-4-area {
     padding-top: 70px;
     padding-bottom: 70px;
   }
 }

 .about-thumb-4 {
   margin-left: -50px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .about-thumb-content {
     padding-left: 0;
     margin-top: 30px;
   }
 }

 @media (max-width: 767px) {
   .about-thumb-content {
     padding-left: 0;
     margin-top: 30px;
   }
 }

 .about-thumb-content .about-sub-item {
   display: flex;
   align-items: center;
   gap: 16px;
 }

 @media (max-width: 767px) {
   .about-thumb-content .about-sub-item {
     display: block;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .about-thumb-content .about-sub-item {
     display: flex;
   }
 }

 @media (max-width: 767px) {
   .about-thumb-content .about-sub-item .number {
     margin-bottom: 10px;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .about-thumb-content .about-sub-item .number {
     margin-bottom: 0px;
   }
 }

 .about-thumb-content .about-sub-item .number span {
   display: inline-block;
   height: 65px;
   width: 65px;
   text-align: center;
   line-height: 65px;
   background: #000;
   background-image: -moz-linear-gradient(0deg, #5f2dee 0%, #b882fc 100%);
   background-image: -webkit-linear-gradient(0deg, #5f2dee 0%, #b882fc 100%);
   background-image: -ms-linear-gradient(0deg, #5f2dee 0%, #b882fc 100%);
   box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
   color: #5f2dee;
   position: relative;
   z-index: 10;
   font-size: 16px;
   font-weight: 600;
   border-radius: 50%;
 }

 .about-thumb-content .about-sub-item .number span::before {
   position: absolute;
   content: '';
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   height: 54px;
   width: 54px;
   background: #fff;
   border-radius: 50%;
   z-index: -1;
 }

 .about-thumb-content .about-sub-item .content p {
   font-weight: 500;
   color: #6c6a72;
   line-height: 30px;
 }

 .about-thumb-content a {
   border: 1px solid #5f2dee;
 }

 /*===========================
    5.SERVICE css
===========================*/
 .infetech-service-area {
   position: relative;
   z-index: 25;
   background: #f4f2f9;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-service-area {
     padding-bottom: 60px;
   }
 }

 .infetech-service-area.infetech-service-page-area {
   margin-bottom: 0;
   padding-top: 120px;
   padding-bottom: 185px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-service-area.infetech-service-page-area {
     padding-top: 80px;
     padding-bottom: 70px;
   }
 }

 @media (max-width: 767px) {
   .infetech-service-area.infetech-service-page-area {
     padding-top: 80px;
     padding-bottom: 70px;
   }
 }

 .infetech-service-area.infetech-service-page-area .single-infetech-serice-item .content {
   box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.15);
 }

 /* .single-infetech-serice-item {
   margin-bottom: -86px;
 } */

 .single-infetech-serice-item .text {
   font-size: 16px;
   font-weight: 500;
   line-height: 1.35;
   margin-top: 8px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-infetech-serice-item {
     margin-bottom: 0;
   }
 }

 @media (max-width: 767px) {
   .single-infetech-serice-item {
     margin-bottom: 30px;
   }
 }

 .single-infetech-serice-item .thumb {
   overflow: hidden;
 }

 .single-infetech-serice-item .thumb img {
   transition: all linear 0.3s;
   width: 100%;
 }

 .single-infetech-serice-item:hover .thumb img {
   transform: scale(1.1);
 }

 .single-infetech-serice-item .content {
   margin-left: 20px;
   margin-right: 20px;
   top: -20px;
   position: relative;
   z-index: 10;
   background: #fff;
   text-align: center;
   padding: 21px 30px;
 }

 .single-infetech-serice-item .content .title {
   font-size: 20px;
   line-height: 22px;
   font-weight: 800;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .single-infetech-serice-item .content .title {
     font-size: 18px;
   }
 }

 .single-infetech-serice-item .content .title a {
   color: #404040;
 }

 .single-infetech-serice-item .content .title a:hover {
   color: #5f2dee;
 }

 .single-infetech-serice-item .content .icon {
   background: #5f2dee;
   height: 70px;
   width: 70px;
   text-align: center;
   line-height: 70px;
   position: absolute;
   right: 0;
   bottom: 100%;
 }

 .infetech-service-3-area {
   padding-bottom: 120px;
   margin-top: -30px;
   position: relative;
   z-index: 10;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-service-3-area {
     padding-bottom: 60px;
   }
 }

 @media (max-width: 767px) {
   .infetech-service-3-area {
     padding-bottom: 60px;
   }
 }

 .single-service-3-item {
   box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
   padding: 40px 116px 40px 40px;
   background-image: url(../image/service-bg.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
   z-index: 10;
   transition: all linear 0.3s;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .single-service-3-item {
     padding: 40px 70px 40px 40px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-service-3-item {
     padding: 40px 70px 40px 40px;
     margin-bottom: 10px;
   }
 }

 @media (max-width: 767px) {
   .single-service-3-item {
     padding: 40px 70px 40px 40px;
     margin-bottom: 10px;
   }
 }

 .single-service-3-item .bg {
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   background: #fff;
   z-index: -1;
   transition: all linear 0.3s;
 }

 .single-service-3-item::before {
   position: absolute;
   content: '';
   top: 0;
   right: 0;
   height: 20px;
   width: 20px;
   background: #b882fc;
 }

 .single-service-3-item::after {
   position: absolute;
   content: '01';
   bottom: 14px;
   right: 30px;
   font-weight: 300;
   font-size: 60px;
   color: #e4e0ee;
   transition: all linear 0.3s;
 }

 .single-service-3-item .title {
   font-size: 24px;
   text-transform: uppercase;
   margin-bottom: 13px;
   transition: all linear 0.3s;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .single-service-3-item .title {
     font-size: 20px;
   }
 }

 .single-service-3-item .p {
   font-weight: 500;
   line-height: 1.3;
   color: #6c6a72;
   transition: all linear 0.3s;
 }

 .single-service-3-item.item-2::after {
   content: '02';
 }

 .single-service-3-item.item-3::after {
   content: '03';
 }

 .single-service-3-item:hover {
   box-shadow: none;
   transform: translateY(-10px);
 }

 .single-service-3-item:hover .bg {
   opacity: 0;
 }

 .single-service-3-item:hover .title {
   color: #fff;
 }

 .single-service-3-item.clients-3-item .title a:hover,
 .single-service-3-item.clients-3-item:hover .title a,
 .single-service-3-item:hover .title a {
   color: #fff !important;
 }

 .single-service-3-item:hover .p {
   color: #fff;
 }

 .single-service-3-item:hover::after {
   color: #7547f8;
 }

 .single-service-img {
   display: block;
 }

 .single-service-img img {
   width: 100%;
 }

 .infetech-service-slide-3-area {
   padding-top: 70px;
   padding-bottom: 70px;
 }

 @media (max-width: 767px) {
   .infetech-service-slide-3-area {
     padding-top: 30px;
     padding-bottom: 30px;
   }
 }

 .infetech-service-slide-3-area .container-fluid {
   padding-left: 60px;
   padding-right: 60px;
 }

 @media (max-width: 767px) {
   .infetech-service-slide-3-area .container-fluid {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .infetech-service-slide-3-area .single-service-3-item {
   background-image: url(../image/service-line.png);
   background-position: right bottom;
   background-repeat: no-repeat;
   background-size: auto;
   box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.12);
   transform: translate(0);
   padding: 50px 50px 50px 50px;
   position: relative;
   /* margin-top: 50px;
   margin-bottom: 50px; */
 }

 @media (max-width: 767px) {
   .infetech-service-slide-3-area .single-service-3-item {
     padding: 30px;
     margin-left: 0;
   }
 }

 .infetech-service-slide-3-area .single-service-3-item .bg {
   display: none;
 }

 /* .infetech-service-slide-3-area .single-service-3-item .thumb {
   position: absolute;
   left: -100px;
   top: 50%;
   transform: translateY(-50%);
 }

 @media (max-width: 767px) {
   .infetech-service-slide-3-area .single-service-3-item .thumb {
     position: static;
     left: 0;
     transform: translateY(0px);
     display: inline-block;
     margin-top: 20px;
   }
 } */

 .infetech-service-slide-3-area .single-service-3-item .thumb span {
   position: absolute;
   top: 10px;
   right: 10px;
   height: 96px;
   width: 96px;
   text-align: center;
   line-height: 80px;
   font-size: 30px;
   color: #fff;
   font-weight: 800;
   text-transform: uppercase;
   background: #5f2dee;
   border: 10px solid #fff;
   border-radius: 50%;
 }

 .infetech-service-slide-3-area .single-service-3-item::after {
   display: none;
 }

 .infetech-service-slide-3-area .single-service-3-item .title {
   color: #1d1729;
 }

 .infetech-service-slide-3-area .single-service-3-item .p {
   color: #6c6a72;
 }

 .infetech-sponser-slide-3 .col-lg-4 {
   margin-left: 15px;
   margin-right: 15px;
 }

 .single-service-5-item {
   position: relative;
   margin: 0px 2px;
   overflow: hidden;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-service-5-item {
     margin-bottom: 4px;
   }
 }

 @media (max-width: 767px) {
   .single-service-5-item {
     margin-bottom: 4px;
   }
 }

 .single-service-5-item img {
   width: 100%;
   transition: all linear 0.3s;
 }

 .single-service-5-item:hover img {
   transform: scale(1.1);
 }

 .single-service-5-item .single-service-overlay {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.6);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   padding: 40px;
 }

 .single-service-5-item .single-service-overlay span {
   display: inline-block;
   height: 90px;
   width: 90px;
   text-align: center;
   line-height: 90px;
   background: #000;
   background-image: -moz-linear-gradient(0deg, #5f2dee 0%, #b882fc 100%);
   background-image: -webkit-linear-gradient(0deg, #5f2dee 0%, #b882fc 100%);
   background-image: -ms-linear-gradient(0deg, #5f2dee 0%, #b882fc 100%);
   box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
   color: #1d1729;
   position: relative;
   z-index: 10;
   font-size: 20px;
   font-weight: 800;
   border-radius: 50%;
 }

 @media (max-width: 767px) {
   .single-service-5-item .single-service-overlay span {
     height: 70px;
     width: 70px;
     line-height: 70px;
   }
 }

 .single-service-5-item .single-service-overlay span::before {
   position: absolute;
   content: '';
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   height: 75px;
   width: 75px;
   background: #fff;
   border-radius: 50%;
   z-index: -1;
 }

 @media (max-width: 767px) {
   .single-service-5-item .single-service-overlay span::before {
     height: 60px;
     width: 60px;
   }
 }

 .single-service-5-item .single-service-overlay span::after {
   position: absolute;
   content: '';
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   height: 110px;
   width: 110px;
   border-radius: 50%;
   border: 1px solid #fff;
   opacity: 0.1;
 }

 @media (max-width: 767px) {
   .single-service-5-item .single-service-overlay span::after {
     height: 75px;
     width: 75px;
   }
 }

 .single-service-5-item .single-service-overlay .title {
   color: #fff;
   font-size: 24px;
   margin-top: 45px;
   margin-bottom: 15px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .single-service-5-item .single-service-overlay .title {
     margin-top: 20px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-service-5-item .single-service-overlay .title {
     margin-top: 15px;
   }
 }

 @media (max-width: 767px) {
   .single-service-5-item .single-service-overlay .title {
     margin-top: 15px;
   }
 }

 .single-service-5-item .single-service-overlay p {
   font-size: 16px;
   font-weight: 500;
   color: #fff;
   opacity: 0.7;
   line-height: 30px;
 }

 /*===========================
    6.FEATURE css
===========================*/
 .infetech-feature-area {
   background: #1d1729;
   padding-top: 180px;
   padding-bottom: 120px;
   position: relative;
   position: relative;
   z-index: 10;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-feature-area {
     padding-top: 80px;
     padding-bottom: 80px;
   }
 }

 @media (max-width: 767px) {
   .infetech-feature-area {
     padding-top: 80px;
     padding-bottom: 80px;
   }
 }

 .infetech-feature-area::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   background-image: url(../image/dot-bg.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   z-index: -1;
 }

 .single-infetech-feature-item {
   background: #15101e;
   text-align: center;
   margin-top: 90px;
   transition: all linear 0.3s;
 }

 .single-infetech-feature-item .icon {
   /* height: 120px; */
   /* width: 120px; */
   width: 85%;
   text-align: center;
   /* line-height: 120px; */
   display: inline-block;
   margin-top: -60px;
   position: relative;
   z-index: 10;
   background: #15101e;
   border-radius: 50%;
   transition: all linear 0.3s;
 }

 .single-infetech-feature-item .icon img {
   width: 100%;
 }

 .single-infetech-feature-item .icon svg path {
   transition: all linear 0.3s;
 }

 .single-infetech-feature-item .content {
   padding: 0 20px 35px;
 }

 .single-infetech-feature-item .content .title {
   color: #fff;
   font-size: 20px;
   margin-top: 20px;
   margin-bottom: 15px;
 }

 .single-infetech-feature-item .content .title a {
   color: #fff;
   transition: all linear 0.3s;
 }

 .single-infetech-feature-item .content .p {
   color: #b0a9c0;
   font-size: 15px;
   transition: all linear 0.3s;
 }

 .single-infetech-feature-item:hover {
   background: #fff;
   transform: translateY(-10px);
 }

 .single-infetech-feature-item:hover .icon {
   background: #5f2dee;
 }

 .single-infetech-feature-item:hover .icon svg path {
   fill: #fff;
 }

 .single-infetech-feature-item:hover .content .title a {
   color: #1d1729;
 }

 .single-infetech-feature-item:hover .content p {
   color: #6c6a72;
 }

 .infetech-feature-slide .col-lg-4 {
   margin-left: 15px;
   margin-right: 15px;
 }

 /*===========================
    7.CTA css
===========================*/
 .infetech-cta-box {
   background-image: url(../image/cta-bg.jpg);
   position: relative;
   z-index: 10;
   padding: 80px 100px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-cta-box {
     padding: 30px;
   }
 }

 @media (max-width: 767px) {
   .infetech-cta-box {
     padding: 30px;
   }
 }

 .infetech-cta-box::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   background-image: -moz-linear-gradient(180deg, #b882fc 0%, #5f2dee 100%);
   background-image: -webkit-linear-gradient(180deg, #b882fc 0%, #5f2dee 100%);
   background-image: -ms-linear-gradient(180deg, #b882fc 0%, #5f2dee 100%);
   opacity: 0.85;
   z-index: -1;
 }

 .infetech-cta-box .cta-content .title {
   font-size: 40px;
   color: #fff;
   margin-bottom: 16px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-cta-box .cta-content .title {
     margin-top: 30px;
   }
 }

 @media (max-width: 767px) {
   .infetech-cta-box .cta-content .title {
     margin-top: 30px;
     font-size: 26px;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .infetech-cta-box .cta-content .title {
     font-size: 40px;
   }
 }

 .infetech-cta-box .cta-content ul li {
   font-size: 16px;
   font-weight: 700;
   color: #fff;
   line-height: 36px;
 }

 .infetech-cta-box .cta-content ul li i {
   padding-right: 9px;
 }

 .infetech-cta-box .cta-content .main-btn {
   background: #fff;
   color: #1d1729;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-cta-box .cta-content .main-btn {
     margin-left: 0;
     margin-top: 15px;
   }
 }

 @media (max-width: 767px) {
   .infetech-cta-box .cta-content .main-btn {
     margin-left: 0;
     margin-top: 15px;
   }
 }

 .infetech-cta-box .cta-content .main-btn:hover {
   background: #5f2dee;
   color: #fff;
 }

 .infetech-cta-2-area {
   background-image: url(../image/bg.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-cta-2-area {
     padding: 80px 0;
   }
 }

 @media (max-width: 767px) {
   .infetech-cta-2-area {
     padding: 80px 0;
   }
 }

 .infetech-cta-2-area .cta-btn {
   text-align: right;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-cta-2-area .cta-btn {
     text-align: left;
     margin-top: 15px;
   }
 }

 @media (max-width: 767px) {
   .infetech-cta-2-area .cta-btn {
     text-align: left;
     margin-top: 15px;
   }
 }

 .infetech-cta-2-area .cta-btn a {
   background: #fff;
   color: #1d1729;
 }

 .infetech-cta-2-area .cta-btn a:hover {
   background: #b882fc;
   color: #fff;
 }

 @media (max-width: 767px) {
   .infetech-cta-2-area .cta-content {
     text-align: center;
   }
 }

 .infetech-cta-2-area .cta-content p {
   color: #fff;
   font-size: 20px;
   color: #e1d6ff;
 }

 .infetech-cta-2-area .cta-content .title {
   color: #fff;
   font-size: 36px;
   margin-top: 17px;
 }

 @media (max-width: 767px) {
   .infetech-cta-2-area .cta-btn {
     text-align: center;
   }
 }

 .infetect-cta-area-home-2 {
   position: relative;
   z-index: 10;
   margin-bottom: -100px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetect-cta-area-home-2 {
     margin-bottom: -50px;
   }
 }

 .cta-home-box {
   background-image: url(../image/cta-bg-2.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   padding: 75px 100px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   position: relative;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .cta-home-box {
     padding: 60px 50px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .cta-home-box {
     padding: 60px 50px;
     flex-direction: column;
     gap: 20px;
     align-items: flex-start;
   }
 }

 @media (max-width: 767px) {
   .cta-home-box {
     flex-direction: column;
     gap: 20px;
     align-items: flex-start;
     padding: 20px 30px;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .cta-home-box {
     padding: 60px 50px;
   }
 }

 .cta-home-box::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   width: 10px;
   height: 100%;
   background: #b882fc;
 }

 .cta-home-box span {
   font-size: 16px;
   font-weight: 600;
   color: #b882fc;
 }

 .cta-home-box .title {
   font-size: 36px;
   font-weight: 800;
   color: #fff;
   margin-top: 5px;
 }

 @media (max-width: 767px) {
   .cta-home-box .title {
     font-size: 28px;
   }
 }

 .infetech-map {
   margin-bottom: -8px;
 }

 .infetech-map iframe {
   height: 490px;
   width: 100%;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-map iframe {
     height: 300px;
   }
 }

 @media (max-width: 767px) {
   .infetech-map iframe {
     height: 300px;
   }
 }

 /*===========================
    8.PROJECT css
===========================*/
 .infetech-project-area {
   border-bottom: 1px solid #e4e0ee;
   padding-bottom: 160px;
   margin-bottom: 80px;
   overflow: hidden;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-project-area {
     padding-top: 80px;
     padding-bottom: 80px;
   }
 }

 @media (max-width: 767px) {
   .infetech-project-area {
     padding-top: 80px;
     padding-bottom: 80px;
   }
 }

 .infetech-project-area .section-title p {
   color: #6c6a72;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .infetech-project-area .container-fluid {
     padding-left: 25px;
     padding-right: 25px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-project-area .container-fluid {
     padding-left: 0;
     padding-right: 0;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-project-area .container-fluid {
     padding-left: 0;
     padding-right: 0;
   }
 }

 @media (max-width: 767px) {
   .infetech-project-area .container-fluid {
     padding-left: 0;
     padding-right: 0;
   }
 }

 .infetech-project-area.infetech-project-area-5 {
   margin-bottom: 0;
   border-bottom: 0;
 }

 .single-project-item {
   position: relative;
   overflow: hidden;
 }

 .single-project-item img {
   width: 100%;
   transition: all linear 0.3s;
 }

 .single-project-item .single-project-overlay {
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   padding-left: 40px;
   padding-bottom: 32px;
   z-index: 10;
 }

 .single-project-item .single-project-overlay::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   background-image: -moz-linear-gradient(90deg, #b882fc 0%, rgba(184, 130, 252, 0) 65%);
   background-image: -webkit-linear-gradient(90deg, #b882fc 0%, rgba(184, 130, 252, 0) 65%);
   background-image: -ms-linear-gradient(90deg, #b882fc 0%, rgba(184, 130, 252, 0) 65%);
   z-index: -1;
   opacity: 0;
   transition: all linear 0.3s;
 }

 .single-project-item .single-project-overlay::after {
   position: absolute;
   content: '';
   left: 0;
   bottom: 0;
   height: 300px;
   width: 100%;
   background-image: -moz-linear-gradient(90deg, #000 0%, rgba(184, 130, 252, 0) 65%);
   background-image: -webkit-linear-gradient(90deg, #000 0%, rgba(184, 130, 252, 0) 65%);
   background-image: -ms-linear-gradient(90deg, #000 0%, rgba(184, 130, 252, 0) 65%);
   z-index: -1;
   opacity: .6;
   transition: all linear 0.3s;
 }

 .single-project-item .single-project-overlay .title {
   font-size: 24px;
   margin-bottom: 7px;
 }

 .single-project-item .single-project-overlay .title a {
   color: #FFF;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .single-project-item .single-project-overlay .title {
     font-size: 20px;
   }
 }

 .single-project-item .single-project-overlay>div {
   color: #000;
   font-weight: 800;
   font-size: 14px;
   color: #b882fc;
   text-transform: uppercase;
   transition: all linear 0.3s;
 }

 .single-project-item .single-project-overlay>a {
   color: #fff;
   border: 2px solid #fff;
   border-radius: 50%;
   height: 50px;
   width: 50px;
   text-align: center;
   line-height: 46px;
   display: inline-block;
   position: absolute;
   right: 0px;
   bottom: 40px;
   z-index: 20;
   opacity: 0;
   transition: all linear 0.3s;
   font-size: 20px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1365px) {
   .single-project-item .single-project-overlay>a {
     position: static;
     opacity: 1;
     margin-top: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .single-project-item .single-project-overlay>a {
     position: static;
     opacity: 1;
     margin-top: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-project-item .single-project-overlay>a {
     position: static;
     opacity: 1;
     margin-top: 15px;
   }
 }

 @media (max-width: 767px) {
   .single-project-item .single-project-overlay>a {
     position: static;
     opacity: 1;
     margin-top: 15px;
   }
 }

 .single-project-item .single-project-overlay>a:hover {
   background: #fff;
   color: #b882fc;
 }

 .single-project-item:hover .single-project-overlay::after {
   opacity: 0;
 }

 .single-project-item:hover .single-project-overlay::before {
   opacity: 1;
 }

 .single-project-item:hover .single-project-overlay>div {
   color: #fff;
 }

 .single-project-item:hover .single-project-overlay>a {
   opacity: 1;
   right: 40px;
 }

 .single-project-item:hover img {
   transform: scale(1.1);
 }

 .infetech-project-slide-2 .col-lg-3,
 .infetech-project-slide .col-lg-3 {
   padding-left: 15px;
   padding-right: 15px;
 }

 .infetech-project-slide-2 .slick-dots,
 .infetech-project-slide .slick-dots {
   position: absolute;
   left: 50%;
   bottom: -48px;
   transform: translateX(-50%);
   width: auto;
 }

 .infetech-project-slide-2 .slick-dots li,
 .infetech-project-slide .slick-dots li {
   display: inline-block;
   margin: 0 5px;
 }

 .infetech-project-slide-2 .slick-dots li button,
 .infetech-project-slide .slick-dots li button {
   border: 0;
   background: #bbb9be;
   height: 4px;
   width: 16px;
   font-size: 0;
 }

 .infetech-project-slide-2 .slick-dots li.slick-active button,
 .infetech-project-slide .slick-dots li.slick-active button {
   background: #5f2dee;
 }

 .infetech-sponser-area {
   padding-bottom: 80px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-sponser-area.infetech-sponser-area-3 {
     padding-bottom: 40px;
   }
 }

 @media (max-width: 767px) {
   .infetech-sponser-area.infetech-sponser-area-3 {
     padding-bottom: 40px;
   }
 }

 .infetech-sponser-area.infetech-sponser-services-area {
   border-top: 1px solid #e4e0ee;
   padding-top: 80px;
 }

 .infetech-sponser-area .infetech-sponser-item {
   text-align: center;
   padding: 35px 0;
 }

 .infetech-sponser-area .infetech-sponser-item img {
   display: inline-block;
   opacity: 0.6;
 }

 .infetech-sponser-area .infetech-sponser-item:hover {
   background: #f4f2f9;
 }

 .infetech-sponser-area .infetech-sponser-item:hover img {
   opacity: 1;
 }

 .infetech-sponser-area.infetech-sponser-area-2 {
   border-top: 1px solid #e4e0ee;
   padding-top: 90px;
   margin-top: 120px;
 }

 .infetech-sponser-area.infetech-sponser-area-4 {
   border-bottom: 1px solid #e4e0ee;
 }

 .infetech-sponser-area.infetech-sponser-area-5 {
   background-image: url(../image/sponser-bg.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   padding: 90px 0;
 }

 .infetech-sponser-area.infetech-sponser-area-5 .infetech-sponser-item {
   transition: all linear 0.3s;
 }

 .infetech-sponser-area.infetech-sponser-area-5 .infetech-sponser-item:hover {
   background: #7545fc;
 }

 .infetech-sponser-area.infetech-sponser-area-5 .infetech-sponser-item:hover img {
   opacity: 1;
 }

 .infetech-sponser-area.infetech-sponser-area-5 .infetech-sponser-item img {
   opacity: 0.6;
   transition: all linear 0.3s;
 }

 .infetech-sponser-area.infetech-sponser-about-area {
   padding-top: 90px;
   padding-bottom: 90px;
   border-bottom: 1px solid #e4e0ee;
 }

 .infetech-project-offer-area-2 .single-project-item-2 {
   position: relative;
   padding-right: 70px;
   z-index: 10;
   padding-bottom: 40px;
 }

 @media (max-width: 767px) {
   .infetech-project-offer-area-2 .single-project-item-2 {
     padding-right: 0;
     margin-bottom: 30px;
   }
 }

 .infetech-project-offer-area-2 .single-project-item-2 .thumb {
   overflow: hidden;
 }

 .infetech-project-offer-area-2 .single-project-item-2 .thumb img {
   width: 100%;
   transition: all linear 0.3s;
 }

 .infetech-project-offer-area-2 .single-project-item-2:hover .thumb img {
   transform: scale(1.1);
 }

 .infetech-project-offer-area-2 .single-project-item-2 .project-content {
   position: absolute;
   right: 0;
   bottom: 0;
   width: 370px;
   background: #fff;
   box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
   z-index: 5;
   display: flex;
   align-items: center;
   padding: 35px 40px 35px 50px;
 }

 @media (max-width: 767px) {
   .infetech-project-offer-area-2 .single-project-item-2 .project-content {
     position: static;
     width: 100%;
     justify-content: flex-start;
     flex-direction: column;
     align-items: flex-start;
     padding: 20px;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .infetech-project-offer-area-2 .single-project-item-2 .project-content {
     position: static;
     width: 100%;
     justify-content: space-between;
     flex-direction: row;
     align-items: flex-start;
   }
 }

 .infetech-project-offer-area-2 .single-project-item-2 .project-content .text a {
   font-size: 20px;
   font-weight: 800;
   color: #1d1729;
   line-height: 26px;
 }

 .infetech-project-offer-area-2 .single-project-item-2 .project-content .icon {
   margin-left: 30px;
 }

 @media (max-width: 767px) {
   .infetech-project-offer-area-2 .single-project-item-2 .project-content .icon {
     margin-left: 0;
     margin-top: 20px;
   }
 }

 .infetech-project-offer-area-2 .single-project-item-2 .project-content .icon a {
   height: 50px;
   width: 50px;
   text-align: center;
   line-height: 52px;
   border-radius: 50%;
   color: #fff;
   background: #b882fc;
 }

 .infetech-project-slider-area-2 {
   padding-top: 120px;
   padding-bottom: 160px;
   position: relative;
   z-index: 10;
   overflow: hidden;
 }

 .infetech-project-slider-area-2::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 450px;
   width: 100%;
   background: #f4f2f9;
   z-index: -1;
 }

 .infetech-project-slider-area-2 .single-project-slider-item {
   margin-left: 15px;
   margin-right: 15px;
 }

 .infetech-project-slider-area-2 .single-project-slider-item .thumb {
   overflow: hidden;
   display: block;
 }

 .infetech-project-slider-area-2 .single-project-slider-item .thumb img {
   transition: all linear 0.3s;
   width: 100%;
 }

 .infetech-project-slider-area-2 .single-project-slider-item .content {
   padding-top: 22px;
   padding-bottom: 22px;
   border-bottom: 1px solid #e4e0ee;
   position: relative;
 }

 .infetech-project-slider-area-2 .single-project-slider-item .content .title a {
   font-size: 24px;
   color: #1d1729;
 }

 .infetech-project-slider-area-2 .single-project-slider-item .content .title a:hover {
   color: #0d6efd;
 }

 .infetech-project-slider-area-2 .single-project-slider-item .content .p {
   color: #b882fc;
   font-weight: 800;
   margin-top: 6px;
   padding-right: 50px;
 }

 .infetech-project-slider-area-2 .single-project-slider-item .content .link {
   position: absolute;
   right: 0;
   bottom: 0;
   height: 48px;
   width: 50px;
   text-align: center;
   line-height: 48px;
   background: #e4e0ee;
   font-size: 18px;
   color: #6c6a72;
 }

 .infetech-project-slider-area-2 .single-project-slider-item:hover .thumb img {
   transform: scale(1.1);
 }

 .infetech-project-slider-area-2 .single-project-slider-item:hover .content .link {
   background: #5f2dee;
   color: #fff;
 }

 .project-slider-active .slick-dots {
   position: absolute;
   left: 50%;
   bottom: -47px;
   transform: translateX(-50%);
   text-align: center;
 }

 .project-slider-active .slick-dots li {
   display: inline-block;
   margin: 0 5px;
 }

 .project-slider-active .slick-dots li button {
   border: 0;
   background: #bbb9be;
   height: 4px;
   width: 16px;
   font-size: 0;
 }

 .project-slider-active .slick-dots li.slick-active button {
   background: #5f2dee;
 }

 .infetech-project-3-area {
   padding-top: 112px;
   padding-bottom: 155px;
   position: relative;
   z-index: 10;
 }

 @media (max-width: 767px) {
   .infetech-project-3-area {
     padding-top: 60px;
     padding-bottom: 90px;
   }
 }

 .infetech-project-3-area::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   width: 100%;
   height: 425px;
   background: #1d1729;
   z-index: -1;
 }

 .infetech-project-3-area .section-title {
   text-align: center;
   margin-bottom: 44px;
 }

 .infetech-project-3-area .section-title .title {
   color: #fff;
 }

 .infetech-project-3-area.services::before {
   display: none;
 }

 .infetech-project-3-area.services .section-title .title {
   color: #1d1729;
 }

 .infetech-project-4-area {
   overflow: hidden;
   position: relative;
   z-index: 10;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-project-4-area {
     padding-top: 50px;
     padding-bottom: 0px;
   }
 }

 @media (max-width: 767px) {
   .infetech-project-4-area {
     padding-top: 50px;
     padding-bottom: 0px;
   }
 }

 .infetech-project-4-area::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 410px;
   width: 100%;
   background: #5f2dee;
   z-index: -1;
 }

 .infetech-project-4-area .section-title {
   text-align: center;
 }

 .infetech-project-4-area .section-title span {
   color: #fff;
 }

 .infetech-project-4-area .section-title span::before {
   background: #fff;
 }

 .infetech-project-4-area .section-title .title {
   color: #fff;
 }



 .infetech-projects-grid-area .single-project-item {
   margin-bottom: 30px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-projects-details-area {
     padding: 70px 0 50px;
   }
 }

 @media (max-width: 767px) {
   .infetech-projects-details-area {
     padding: 70px 0 50px;
   }
 }

 .projects-details-list-box {
   background: #f4f2f9;
   padding: 50px 50px 88px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .projects-details-list-box {
     padding: 20px 20px 30px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .projects-details-list-box {
     padding: 20px 20px 30px;
   }
 }

 @media (max-width: 767px) {
   .projects-details-list-box {
     padding: 20px 20px 30px;
   }
 }

 .projects-details-list-box .projects-list-item {
   border-bottom: 1px solid #fff;
   padding-bottom: 10px;
   padding-top: 10px;
 }

 .projects-details-list-box .projects-list-item span {
   font-size: 16px;
   font-weight: 500;
   color: #6c6a72;
 }

 .projects-details-list-box .projects-list-item .title {
   font-size: 16px;
   font-weight: 700;
   color: #5f2dee;
   text-transform: capitalize;
   padding-top: 6px;
 }

 .projects-details-list-box .social ul li {
   display: inline-block;
 }

 .projects-details-list-box .social ul li a {
   height: 40px;
   width: 40px;
   text-align: center;
   line-height: 40px;
   font-size: 14px;
   color: #1d1729;
   border-radius: 50%;
   background: #fff;
   margin-right: 10px;
 }

 .projects-details-list-box .social ul li a:hover {
   background: #5f2dee;
   color: #fff;
 }


 .projects-details-content .text .title {
   font-size: 40px;
   text-transform: capitalize;
   margin-bottom: 16px;
   text-align: center;
 }

 @media (max-width: 767px) {
   .projects-details-content .text .title {
     font-size: 30px;
   }
 }

 .projects-details-content .text {
   font-weight: 500;
   color: #6c6a72;
   line-height: 30px;
 }

 .projects-details-content .small-text {
   margin-top: 40px;
 }

 .projects-details-content .small-text .title {
   font-size: 24px;
   text-transform: capitalize;
   margin-bottom: 16px;
 }

 .projects-details-content .small-text p {
   font-weight: 500;
   color: #6c6a72;
   line-height: 30px;
 }

 .projects-details-content .small-text ul {
   margin-top: 25px;
 }

 .projects-details-content .small-text ul li {
   font-size: 18px;
   font-weight: 600;
   color: #1d1729;
   line-height: 38px;
 }

 .projects-details-content .small-text ul li img {
   padding-right: 8px;
 }

 .projects-details-content .projects-details-page-changer {
   border-top: 1px solid #e4e0ee;
   border-bottom: 1px solid #e4e0ee;
   padding-top: 30px;
   padding-bottom: 30px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .projects-details-content .projects-details-page-changer {
     margin-top: 50px;
   }
 }

 @media (max-width: 767px) {
   .projects-details-content .projects-details-page-changer {
     margin-top: 50px;
   }
 }

 .projects-details-content .projects-details-page-changer ul {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .projects-details-content .projects-details-page-changer ul li {
   display: inline-block;
 }

 .projects-details-content .projects-details-page-changer ul li a {
   font-size: 16px;
   font-weight: 500;
   color: #6c6a72;
   display: flex;
   align-items: center;
   gap: 20px;
 }

 .projects-details-content .projects-details-page-changer ul li .icon i {
   height: 50px;
   width: 50px;
   line-height: 50px;
   text-align: center;
   background: #f4f2f9;
   border-radius: 50%;
   color: #1d1729;
   transition: all linear 0.3s;
   font-size: 20px;
 }

 .projects-details-content .projects-details-page-changer ul li:hover .icon i {
   background: #5f2dee;
   color: #fff;
 }

 .projects-details-thumb {
   text-align: center;
   margin-bottom: 30px;
 }

 .projects-details-thumb img {
   max-width: 100%;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-project-details-list-area {
     padding-bottom: 40px;
   }
 }

 @media (max-width: 767px) {
   .infetech-project-details-list-area {
     padding-bottom: 40px;
   }
 }

 .infetech-project-details-list-area .single-project-item {
   margin-bottom: 30px;
 }

 /*===========================
    9.TESTIMONIAL css
===========================*/
 .infetech-testimonial-area {
   background-image: url(../image/testimonial-bg.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   padding-top: 115px;
   padding-bottom: 133px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-testimonial-area {
     padding-top: 80px;
     padding-bottom: 80px;
   }
 }

 @media (max-width: 767px) {
   .infetech-testimonial-area {
     padding-top: 80px;
     padding-bottom: 80px;
   }
 }

 .infetech-testimonial-area .single-testimonial-box {
   padding-left: 15px;
   padding-bottom: 15px;
   margin-left: 15px;
   margin-right: 15px;
   margin-bottom: 15px;
   background-image: url(../image/testimonial-line.png);
   background-position: bottom left;
   background-size: auto;
   background-repeat: no-repeat;
 }

 @media (max-width: 767px) {
   .infetech-testimonial-area .single-testimonial-box {
     margin-left: 0;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .infetech-testimonial-area .single-testimonial-box {
     margin-left: 30px;
   }
 }

 .infetech-testimonial-area .single-testimonial-box .single-testimonial-user {
   margin-bottom: -85px;
   margin-left: -75px;
   position: relative;
   z-index: 20;
 }

 @media (max-width: 767px) {
   .infetech-testimonial-area .single-testimonial-box .single-testimonial-user {
     margin-left: 0;
     margin-bottom: 20px;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .infetech-testimonial-area .single-testimonial-box .single-testimonial-user {
     margin-bottom: -85px;
     margin-left: -60px;
   }
 }

 .infetech-testimonial-area .single-testimonial-box .single-testimonial-user .thumb {
   background: #fff;
   border-radius: 50%;
   overflow: hidden;
   padding: 22px;
   height: 150px;
   width: 150px;
   position: relative;
 }

 @media (max-width: 767px) {
   .infetech-testimonial-area .single-testimonial-box .single-testimonial-user .thumb {
     height: 100px;
     width: 100px;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .infetech-testimonial-area .single-testimonial-box .single-testimonial-user .thumb {
     height: 150px;
     width: 150px;
   }
 }

 .infetech-testimonial-area .single-testimonial-box .single-testimonial-user .thumb::before {
   position: absolute;
   content: '';
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   height: 130px;
   width: 130px;
   border: 6px solid #5f2dee;
   border-radius: 50%;
 }

 @media (max-width: 767px) {
   .infetech-testimonial-area .single-testimonial-box .single-testimonial-user .thumb::before {
     height: 80px;
     width: 80px;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .infetech-testimonial-area .single-testimonial-box .single-testimonial-user .thumb::before {
     height: 130px;
     width: 130px;
   }
 }

 .infetech-testimonial-area .single-testimonial-box .single-testimonial-user .thumb img {
   width: 100%;
   border-radius: 50%;
 }

 .infetech-testimonial-area .single-testimonial-box .single-testimonial-user .user-content {
   background: #fff;
   border-radius: 60px;
   padding: 15px 85px 15px 177px;
   position: absolute;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
   z-index: -1;
   box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
 }

 @media (max-width: 767px) {
   .infetech-testimonial-area .single-testimonial-box .single-testimonial-user .user-content {
     padding: 15px 30px 15px 110px;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .infetech-testimonial-area .single-testimonial-box .single-testimonial-user .user-content {
     padding: 15px 85px 15px 177px;
   }
 }

 .infetech-testimonial-area .single-testimonial-box .single-testimonial-user .user-content .title {
   font-size: 20px;
   color: #1d1729;
 }

 .infetech-testimonial-area .single-testimonial-box .single-testimonial-user .user-content span {
   font-weight: 600;
   font-size: 14px;
   color: #5f2dee;
 }

 .infetech-testimonial-area .single-testimonial-box .single-testimonial-user .user-content img {
   position: absolute;
   right: 55px;
   top: 100%;
 }

 @media (max-width: 767px) {
   .infetech-testimonial-area .single-testimonial-box .single-testimonial-user .user-content img {
     right: 39px;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .infetech-testimonial-area .single-testimonial-box .single-testimonial-user .user-content img {
     right: 55px;
   }
 }

 .single-testimonial-item {
   background: #fff;
   padding: 100px 42px 36px 50px;
   box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .single-testimonial-item {
     padding-top: 100px;
   }
 }

 @media (max-width: 767px) {
   .single-testimonial-item {
     padding: 25px;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .single-testimonial-item {
     padding: 40px;
   }
 }

 .single-testimonial-item ul {
   display: flex;
   justify-content: flex-end;
   margin-bottom: 27px;
 }

 .single-testimonial-item ul li {
   display: inline-block;
   margin-left: 4px;
 }

 .single-testimonial-item ul li i {
   color: #ffc600;
 }

 .single-testimonial-item p {
   font-size: 18px;
   font-weight: 500;
   color: #6c6a72;
   line-height: 34px;
 }

 .infetech-testimonial-slide .col-lg-6 {
   padding-left: 15px;
   padding-right: 15px;
 }

 .infetech-testimonial-slide .slick-dots {
   position: absolute;
   left: 50%;
   bottom: -18px;
   transform: translateX(-50%);
   width: auto;
 }

 .infetech-testimonial-slide .slick-dots li {
   display: inline-block;
   margin: 0 5px;
 }

 .infetech-testimonial-slide .slick-dots li button {
   border: 0;
   background: #bbb9be;
   height: 4px;
   width: 16px;
   font-size: 0;
 }

 .infetech-testimonial-slide .slick-dots li.slick-active button {
   background: #5f2dee;
 }

 .infetech-testimonial-4-area {
   background-image: url(../image/testimonial-bg-2.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   overflow: hidden;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-testimonial-4-area {
     padding-top: 70px;
     padding-bottom: 70px;
   }
 }

 @media (max-width: 767px) {
   .infetech-testimonial-4-area {
     padding-top: 70px;
     padding-bottom: 70px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-testimonial-4-area .testimonial-4-box .testimonial-small-thumb .testimonial-thumb-list {
     width: 350px;
     margin-bottom: 20px;
   }
 }

 @media (max-width: 767px) {
   .infetech-testimonial-4-area .testimonial-4-box .testimonial-small-thumb .testimonial-thumb-list {
     width: 300px;
     margin-bottom: 20px;
   }
 }

 .infetech-testimonial-4-area .testimonial-4-box .testimonial-small-thumb .testimonial-thumb-list li {
   margin: 5px 0;
 }

 .infetech-testimonial-4-area .testimonial-thumb-4 {
   position: relative;
 }

 .infetech-testimonial-4-area .testimonial-thumb-4 .quote-icon {
   height: 115px;
   width: 115px;
   background: rgba(0, 0, 0, 0.2);
   text-align: center;
   line-height: 160px;
   color: #fff;
   font-size: 80px;
   font-weight: 700;
   border-radius: 50%;
   position: absolute;
   right: -28px;
   top: 50%;
   transform: translateY(-50%);
   z-index: 10;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-testimonial-4-area .testimonial-thumb-4 .quote-icon {
     left: 350px;
     right: inherit;
   }
 }

 @media (max-width: 767px) {
   .infetech-testimonial-4-area .testimonial-thumb-4 .quote-icon {
     left: 350px;
     right: inherit;
   }
 }

 .infetech-testimonial-4-area .testimonial-thumb-4 .quote-icon::before {
   position: absolute;
   content: '';
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   height: 75px;
   width: 75px;
   border-radius: 50%;
   background: #b882fc;
   z-index: -1;
 }

 .infetech-testimonial-4-area .testimonial-content-4 {
   padding-left: 95px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-testimonial-4-area .testimonial-content-4 {
     padding-left: 0;
     margin-top: 20px;
   }
 }

 @media (max-width: 767px) {
   .infetech-testimonial-4-area .testimonial-content-4 {
     padding-left: 0;
     margin-top: 20px;
   }
 }

 .infetech-testimonial-4-area .testimonial-content-4 .section-title span {
   color: #b0a9c0;
 }

 .infetech-testimonial-4-area .testimonial-content-4 .section-title span::before {
   background: #b0a9c0;
 }

 .infetech-testimonial-4-area .testimonial-content-4 .section-title .title {
   color: #fff;
 }

 .infetech-testimonial-4-area .testimonial-content-4 .section-title p {
   font-weight: 500;
   line-height: 40px;
   color: #b0a9c0;
   font-size: 20px;
   margin-top: 25px;
 }

 .infetech-testimonial-4-area .clients-info {
   margin-top: 40px;
 }

 .infetech-testimonial-4-area .clients-info .title {
   color: #fff;
   font-size: 20px;
 }

 .infetech-testimonial-4-area .clients-info .title span {
   color: #b882fc;
   font-size: 14px;
   font-weight: 500;
   padding-left: 14px;
   margin-left: 14px;
   position: relative;
 }

 .infetech-testimonial-4-area .clients-info .title span::before {
   position: absolute;
   content: '';
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   height: 2px;
   width: 2px;
   background: #fff;
 }

 .infetech-testimonial-4-area .testimonial-slider-active-4 .slick-arrow {
   position: absolute;
   bottom: 0;
   height: 50px;
   width: 50px;
   text-align: center;
   line-height: 50px;
   color: #423c4c;
   border: 2px solid #423c4c;
   border-radius: 50%;
   font-size: 20px;
   z-index: 20;
   cursor: pointer;
   transition: all linear 0.3s;
 }

 .infetech-testimonial-4-area .testimonial-slider-active-4 .slick-arrow.prev {
   right: 70px;
 }

 .infetech-testimonial-4-area .testimonial-slider-active-4 .slick-arrow.next {
   right: 0px;
 }

 .infetech-testimonial-4-area .testimonial-slider-active-4 .slick-arrow:hover {
   border-color: #fff;
   color: #fff;
 }

 .testimonial-area-5 {
   /* padding-top: 0px;
   padding-bottom: 222px; */
   overflow: hidden;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .testimonial-area-5 {
     padding-bottom: 260px;
   }
 }

 .testimonial-area-5 .testimonial-thumb-5 {
   margin-right: -135px;
   position: relative;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .testimonial-area-5 .testimonial-thumb-5 {
     margin-top: 100px;
   }
 }

 @media (max-width: 767px) {
   .testimonial-area-5 .testimonial-thumb-5 {
     display: none;
   }
 }

 .testimonial-area-5 .testimonial-thumb-5 .item-1 {
   position: absolute;
   left: 45px;
   top: 80px;
   z-index: 6;
 }

 .testimonial-area-5 .testimonial-thumb-5 .item-2 {
   position: absolute;
   right: 155px;
   bottom: -65px;
   z-index: 5;
 }

 .testimonial-area-5 .testimonial-thumb-5 .item-3 {
   position: absolute;
   bottom: -115px;
   left: 60px;
   z-index: 4;
 }

 .testimonial-area-5 .testimonial-thumb-5 .item-4 {
   position: absolute;
   left: 260px;
   top: 85px;
   z-index: 3;
 }

 .testimonial-area-5.testimonial-area-about {
   background: #f4f2f9;
   padding-top: 114px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .testimonial-area-5.testimonial-area-about {
     padding-top: 60px;
   }
 }

 @media (max-width: 767px) {
   .testimonial-area-5.testimonial-area-about {
     padding-top: 60px;
   }
 }

 /* .testimonial-slide-active-5 .testimonial-slide-item .box {
   display: flex;
   align-items: center;
   gap: 30px;
 }

 @media (max-width: 767px) {
   .testimonial-slide-active-5 .testimonial-slide-item .box {
     display: block;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .testimonial-slide-active-5 .testimonial-slide-item .box {
     display: flex;
   }
 } */

 .testimonial-slide-active-5 .testimonial-slide-item {
   background-image: url(../image/testimonial-line.png);
   background-position: bottom left;
   background-size: auto;
   background-repeat: no-repeat;
   /* background-color: #fff; */
   padding: 15px;
 }

 .testimonial-slide-bg {
   background: #fff;
   padding: 30px;
   border-radius: 10px;
   max-width: 560px;
 }

 .testimonial-slide-active-5 .testimonial-slide-item .content {
   margin-top: 15px;
 }

 .testimonial-slide-active-5 .testimonial-slide-item .box .thumb {
   padding: 10px;
   position: relative;
   z-index: 10;
   display: inline-block;
 }

 .testimonial-slide-active-5 .testimonial-slide-item .box .thumb img {
   width: 100%;
   border-radius: 10px;
 }

 .testimonial-slide-active-5 .testimonial-slide-item .box .thumb::before {
   position: absolute;
   content: '';
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   background-image: -moz-linear-gradient(87deg, #5f2dee 0%, #b882fc 100%);
   background-image: -webkit-linear-gradient(87deg, #5f2dee 0%, #b882fc 100%);
   background-image: -ms-linear-gradient(87deg, #5f2dee 0%, #b882fc 100%);
   height: 100%;
   width: 100%;
   border-radius: 10px;
   z-index: -1;
 }

 .testimonial-slide-active-5 .testimonial-slide-item .box .content .title {
   font-size: 26px;
   color: #1d1729;
   text-transform: capitalize;
 }

 .testimonial-slide-active-5 .testimonial-slide-item .box .content .title a {
   color: #1d1729;
 }

 .testimonial-slide-active-5 .testimonial-slide-item .box .content .title a:hover {
   color: #0a58ca;
 }

 @media (max-width: 767px) {
   .testimonial-slide-active-5 .testimonial-slide-item .box .content .title {
     font-size: 20px;
   }
 }

 .testimonial-slide-active-5 .testimonial-slide-item .box .content span {
   font-size: 16px;
   font-weight: 600;
   color: #5f2dee;
   padding-bottom: 6px;
 }

 .testimonial-slide-active-5 .testimonial-slide-item .box .content ul li {
   display: inline-block;
   color: #ffc600;
 }

 .testimonial-slide-active-5 .testimonial-slide-item .text {
   padding-top: 10px;
   padding-right: 75px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .testimonial-slide-active-5 .testimonial-slide-item .text {
     padding-right: 0;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .testimonial-slide-active-5 .testimonial-slide-item .text {
     padding-right: 0;
   }
 }

 @media (max-width: 767px) {
   .testimonial-slide-active-5 .testimonial-slide-item .text {
     padding-right: 0;
   }
 }

 .testimonial-slide-active-5 .testimonial-slide-item .text .p {
   font-weight: 500;
   color: #6c6a72;
   line-height: 1.4;
   font-size: 18px;
 }

 .testimonial-slide-active-5 .slick-dots {
   position: absolute;
   left: 0;
   bottom: -56px;
   width: auto;
 }

 .testimonial-slide-active-5 .slick-dots li {
   display: inline-block;
   margin: 0 5px;
 }

 .testimonial-slide-active-5 .slick-dots li button {
   border: 0;
   background: #bbb9be;
   height: 4px;
   width: 16px;
   font-size: 0;
 }

 .testimonial-slide-active-5 .slick-dots li.slick-active button {
   background: #5f2dee;
 }

 /*===========================
    10.TESTIMONIAL css
===========================*/
 .infetech-team-area {
   padding-bottom: 120px;
   padding-top: 115px;
   position: relative;
   z-index: 20;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-team-area {
     padding-top: 50px;
     padding-bottom: 80px;
   }
 }

 @media (max-width: 767px) {
   .infetech-team-area {
     padding-top: 50px;
     padding-bottom: 80px;
   }
 }

 .infetech-team-area::before {
   position: absolute;
   content: '';
   top: 0;
   right: 0;
   background-image: url(../image/team-pattern.png);
   height: 470px;
   width: 370px;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   z-index: -1;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-team-area .row {
     margin-bottom: 0;
   }
 }

 @media (max-width: 767px) {
   .infetech-team-area .row {
     margin-bottom: 0;
   }
 }

 .infetech-team-area .section-title .p,
 .infetech-team-area .section-title p {
   color: #6c6a72;
 }

 .infetech-team-area.infetech-team-area-page {
   padding-top: 120px;
   padding-bottom: 56px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-team-area.infetech-team-area-page {
     padding-top: 60px;
     padding-bottom: 70px;
   }
 }

 @media (max-width: 767px) {
   .infetech-team-area.infetech-team-area-page {
     padding-top: 60px;
     padding-bottom: 70px;
   }
 }

 .infetech-team-area.infetech-team-area-page::before {
   display: none;
 }

 .infetech-team-area.infetech-team-area-page .single-tema-item {
   margin-bottom: 60px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-team-area.infetech-team-area-page .single-tema-item {
     margin-bottom: 0;
   }
 }

 @media (max-width: 767px) {
   .infetech-team-area.infetech-team-area-page .single-tema-item {
     margin-bottom: 0;
   }
 }

 .single-tema-item {
   margin-left: 25px;
   margin-right: 25px;
   padding-top: 20px;
   padding-right: 20px;
   position: relative;
   z-index: 10;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-tema-item {
     margin-top: 30px;
   }
 }

 @media (max-width: 767px) {
   .single-tema-item {
     margin: 30px 0 0 0;
   }
 }

 .single-tema-item .top-line {
   position: absolute;
   right: 0;
   top: 0;
   width: 125px;
   height: 140px;
   border-top: 1px solid #e4e0ee;
   border-right: 1px solid #e4e0ee;
   z-index: -1;
 }

 .single-tema-item .top-line::before {
   position: absolute;
   content: '';
   left: 20px;
   top: -4px;
   height: 8px;
   width: 8px;
   background: #b882fc;
 }

 .single-tema-item .top-line::after {
   position: absolute;
   content: '';
   right: -4px;
   bottom: 80px;
   height: 8px;
   width: 8px;
   background: #5f2dee;
 }

 .single-tema-item .thumb {
   display: block;
   overflow: hidden;
 }

 .single-tema-item .thumb img {
   transition: all linear 0.3s;
   width: 100%;
 }

 .single-tema-item .content {
   padding-top: 18px;
   padding-right: 60px;
   position: relative;
 }

 .single-tema-item .content .title {
   font-size: 24px;
 }

 .single-tema-item .content .title a {
   color: #1d1729;
 }

 .single-tema-item .content .title a:hover {
   color: #0d6efd;
 }

 .single-tema-item .content>div {
   font-size: 16px;
   font-weight: 500;
   color: #6c6a72;
 }

 .single-tema-item .content .share-icon {
   position: absolute;
   right: 0;
   top: 18px;
   background: #5f2dee;
   height: 50px;
   width: 50px;
   text-align: center;
   line-height: 50px;
   color: #fff;
   font-size: 20px;
 }

 .single-tema-item .content .share-icon:hover {
   background: #0d6efd;
 }

 .single-tema-item .content .share-icon ul {
   position: absolute;
   bottom: 100%;
   right: 0;
   background: #fff;
   display: flex;
   flex-direction: column;
   box-shadow: 0px 10px 58.8px 1.2px rgba(0, 0, 0, 0.07);
   padding: 12px 0 22px 0;
   transform: rotateY(91deg);
   transition: all linear 0.3s;
   opacity: 0;
 }

 .single-tema-item .content .share-icon ul li {
   display: inline-block;
 }

 .single-tema-item .content .share-icon ul li a {
   height: 38px;
   width: 50px;
   text-align: center;
   line-height: 50px;
   display: block;
   color: #1d1729;
 }

 .single-tema-item .content .share-icon ul li a:hover {
   color: #5f2dee;
 }

 .single-tema-item .content .share-icon:hover ul {
   transform: rotateY(0deg);
   opacity: 1;
 }

 .single-tema-item:hover .thumb img {
   transform: scale(1.1);
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .team-details-area {
     padding-top: 60px;
     padding-bottom: 20px;
   }
 }

 @media (max-width: 767px) {
   .team-details-area {
     padding-top: 80px;
     padding-bottom: 70px;
   }
 }

 .team-details-area .team-details-thumb {
   position: relative;
   margin-right: 20px;
   padding-right: 20px;
   padding-top: 20px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .team-details-area .team-details-thumb {
     margin-right: 0;
   }
 }

 @media (max-width: 767px) {
   .team-details-area .team-details-thumb {
     margin-right: 0;
   }
 }

 .team-details-area .team-details-thumb img {
   width: 100%;
 }

 .team-details-area .team-details-thumb .top-line {
   position: absolute;
   right: 0;
   top: 0;
   width: 125px;
   height: 140px;
   border-top: 1px solid #e4e0ee;
   border-right: 1px solid #e4e0ee;
   z-index: -1;
 }

 .team-details-area .team-details-thumb .top-line::before {
   position: absolute;
   content: '';
   left: 20px;
   top: -4px;
   height: 8px;
   width: 8px;
   background: #b882fc;
 }

 .team-details-area .team-details-thumb .top-line::after {
   position: absolute;
   content: '';
   right: -4px;
   bottom: 80px;
   height: 8px;
   width: 8px;
   background: #5f2dee;
 }

 .team-details-area .team-details-content {
   padding-left: 70px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .team-details-area .team-details-content {
     padding-left: 0;
     padding-top: 30px;
   }
 }

 @media (max-width: 767px) {
   .team-details-area .team-details-content {
     padding-left: 0;
     padding-top: 30px;
   }
 }

 .team-details-area .team-details-content .title {
   font-size: 40px;
   text-transform: capitalize;
 }

 @media (max-width: 767px) {
   .team-details-area .team-details-content .title {
     font-size: 30px;
   }
 }

 .team-details-area .team-details-content span {
   font-size: 18px;
   font-weight: 600;
   color: #5f2dee;
   margin-bottom: 18px;
   padding-top: 5px;
 }

 .team-details-area .team-details-content ul li {
   display: inline-block;
 }

 .team-details-area .team-details-content ul li a {
   height: 40px;
   width: 40px;
   text-align: center;
   line-height: 44px;
   background: #f4f2f9;
   margin-right: 6px;
   border-radius: 50%;
   color: #1d1729;
   font-size: 14px;
 }

 .team-details-area .team-details-content ul li a:hover {
   background: #5f2dee;
   color: #fff;
 }

 .team-details-area .team-details-content h2 {
   font-size: 30px;
   font-weight: 500;
   color: #5f2dee;
   line-height: 36px;
 }

 @media (max-width: 767px) {
   .team-details-area .team-details-content h2 {
     font-size: 20px;
     line-height: 36px;
   }
 }

 .team-details-area .team-details-content p {
   font-size: 16px;
   font-weight: 500;
   line-height: 34px;
   color: #6c6a72;
 }

 .team-progress-area {
   padding-bottom: 112px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .team-progress-area {
     padding-top: 0px;
     padding-bottom: 20px;
   }
 }

 @media (max-width: 767px) {
   .team-progress-area {
     padding-top: 0px;
     padding-bottom: 20px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .team-progress-area .border-top {
     padding-top: 80px;
   }
 }

 @media (max-width: 767px) {
   .team-progress-area .border-top {
     padding-top: 80px;
   }
 }

 .team-progress-area .circle {
   text-align: center;
   position: relative;
   height: 145px;
 }

 .team-progress-area .circle strong {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   font-size: 30px;
   font-weight: 400;
   color: #1d1729;
 }

 .team-progress-area .team-progress-box {
   position: relative;
   z-index: 10;
   display: inline-block;
 }

 .team-progress-area .team-progress-box::before {
   position: absolute;
   content: '';
   border: 2px solid #5f2dee;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   z-index: -1;
   height: 90%;
   width: 90%;
   border-radius: 50%;
   background: #f9f9f9;
 }

 .team-progress-area .content {
   margin-top: 13px;
 }

 @media (max-width: 767px) {
   .team-progress-area .content {
     margin-bottom: 50px;
   }
 }

 .team-progress-area .content span {
   font-weight: 500;
   font-size: 18px;
   color: #6c6a72;
 }

 .team-form-area {
   background-image: url(../image/team-form-bg.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   padding-top: 114px;
   padding-bottom: 100px;
 }

 @media (max-width: 767px) {
   .team-form-area {
     padding-top: 70px;
     padding-bottom: 60px;
   }
 }

 .team-form-area .section-title {
   padding: 0;
 }

 .team-form-box .input-box {
   margin-bottom: 20px;
 }

 .team-form-box .input-box input {
   width: 100%;
   height: 60px;
   padding-left: 40px;
   border: 0;
   color: #6c6a72;
   font-size: 14px;
 }

 .team-form-box .input-box input::placeholder {
   opacity: 1;
   color: #6c6a72;
 }

 .team-form-box .input-box textarea {
   width: 100%;
   height: 180px;
   padding-left: 40px;
   padding-top: 15px;
   border: 0;
   color: #6c6a72;
   font-size: 14px;
   resize: none;
 }

 .team-form-box .input-box textarea::placeholder {
   opacity: 1;
   color: #6c6a72;
 }

 /*===========================
    11.VIDEO css
===========================*/
 .infetech-video-area {
   padding-top: 120px;
   padding-bottom: 120px;
   background-image: url(../image/video-bg.jpg);
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   position: relative;
   z-index: 10;
   overflow: hidden;
 }

 .infetech-video-area .video-shape {
   position: absolute;
   left: 0;
   top: 0;
   z-index: -1;
 }

 .infetech-video-area::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   background: #1d1729;
   opacity: 0.7;
   z-index: -2;
 }

 .infetech-promo-banner-about .video-content .play-btn a,
 .infetech-video-area .video-content .play-btn a {
   height: 60px;
   width: 60px;
   text-align: center;
   line-height: 60px;
   font-size: 20px;
   padding-left: 3px;
   border-radius: 50%;
   color: #fff;
   background: #b882fc;
   position: relative;
 }

 .infetech-promo-banner-about .video-content .play-btn a::before,
 .infetech-video-area .video-content .play-btn a::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   border: 1px solid #fff;
   border-radius: 50%;
   animation: play-popup 1.5s infinite;
 }

 .infetech-video-area .video-content span {
   font-size: 16px;
   font-weight: 600;
   color: #fff;
   display: inline-block;
   padding-top: 43px;
   padding-bottom: 16px;
 }

 .infetech-video-area .video-content .title {
   color: #fff;
   font-size: 60px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-video-area .video-content .title {
     font-size: 46px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-video-area .video-content .title {
     font-size: 46px;
     margin-bottom: 20px;
   }
 }

 @media (max-width: 767px) {
   .infetech-video-area .video-content .title {
     font-size: 26px;
     margin-bottom: 20px;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .infetech-video-area .video-content .title {
     font-size: 40px;
     margin-bottom: 20px;
   }
 }

 @keyframes play-popup {
   from {
     transform: scale(1);
     opacity: 1;
   }

   to {
     transform: scale(1.5);
     opacity: 0;
   }
 }

 .video-content-wrapper {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-end;
   align-items: flex-end;
   gap: 12px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .video-content-wrapper {
     flex-direction: row;
     column-gap: 30px;
   }
 }

 @media (max-width: 767px) {
   .video-content-wrapper {
     column-gap: 30px;
     align-items: flex-start;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .video-content-wrapper {
     column-gap: 30px;
   }
 }

 .video-content-wrapper .video-content-box {
   background: #b882fc;
   display: inline-block;
   padding: 50px;
 }

 .video-content-wrapper .video-content-box .title {
   color: #fff;
   font-size: 40px;
   margin-bottom: 4px;
 }


 .video-content-wrapper .video-content-box .counter {
   display: inline;
 }

 .video-content-wrapper .video-content-box span {
   font-size: 18px;
   color: #fff;
 }

 .video-content-wrapper .video-content-box:nth-child(2),
 .video-content-wrapper .video-content-box:nth-child(3) {
   background: #5f2dee;
 }

 /*===========================
    12.BLOG css
===========================*/
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-blog-area {
     padding-top: 80px;
     padding-bottom: 80px;
   }
 }

 @media (max-width: 767px) {
   .infetech-blog-area {
     padding-top: 80px;
     padding-bottom: 80px;
   }
 }

 .infetech-blog-area.infetech-blog-area-3 {
   position: relative;
   border-bottom: 1px solid #e4e0ee;
   z-index: 10;
   margin-bottom: 80px;
 }

 @media (max-width: 767px) {
   .infetech-blog-area.infetech-blog-area-3 {
     padding-top: 50px;
     padding-bottom: 60px;
     margin-bottom: 40px;
   }
 }

 .infetech-blog-area.infetech-blog-area-3::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   width: 100%;
   height: 592px;
   background: #f4f2f9;
   z-index: -1;
 }

 @media (max-width: 767px) {
   .single-blog-item {
     margin-bottom: 30px;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .single-blog-item {
     margin-bottom: 0px;
   }
 }

 .single-blog-item .thumb {
   overflow: hidden;
   position: relative;
 }

 .single-blog-item .thumb a {
   display: block;
 }

 .single-blog-item .thumb a img {
   width: 100%;
   transition: all linear 0.3s;
 }

 .single-blog-item .thumb span {
   position: absolute;
   top: 20px;
   left: 20px;
   background: #5f2dee;
   color: #fff;
   font-size: 10px;
   font-weight: 700;
   padding: 10px 20px;
   text-transform: uppercase;
 }

 .single-blog-item .content {
   background: #fff;
   margin-top: -30px;
   margin-left: 20px;
   margin-right: 20px;
   position: relative;
   z-index: 10;
   padding: 20px;
   transition: all linear 0.3s;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .single-blog-item .content {
     padding: 20px;
   }
 }

 @media (max-width: 767px) {
   .single-blog-item .content {
     padding: 20px;
     margin-top: 0;
     margin-left: 0;
     margin-right: 0;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .single-blog-item .content {
     margin-top: -30px;
     margin-left: 20px;
     margin-right: 20px;
   }
 }

 .single-blog-item .content .blog-meta ul {
   margin-bottom: 10px;
 }

 .single-blog-item .content .blog-meta ul li {
   display: inline-block;
   margin-right: 20px;
   position: relative;
   font-size: 14px;
   font-weight: 500;
   color: #6c6a72;
 }

 .single-blog-item .content .blog-meta ul li::before {
   position: absolute;
   content: '/';
   right: -14px;
   top: 50%;
   transform: translateY(-50%);
   color: #6c6a72;
   font-weight: 500;
 }

 .single-blog-item .content .blog-meta ul li:last-child {
   margin-right: 0;
 }

 .single-blog-item .content .blog-meta ul li:last-child::before {
   display: none;
 }

 .single-blog-item .content .blog-meta ul li i {
   color: #5f2dee;
 }

 .single-blog-item .content .blog-meta .title a {
   font-size: 24px;
   color: #1d1729;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .single-blog-item .content .blog-meta .title a {
     font-size: 20px;
   }
 }

 @media (max-width: 767px) {
   .single-blog-item .content .blog-meta .title a {
     font-size: 18px;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .single-blog-item .content .blog-meta .title a {
     font-size: 24px;
   }
 }

 .single-blog-item .content .blog-meta .text {
   margin-top: 10px;
 }

 .single-blog-item .content .blog-meta>a {
   background: #f4f2f9;
   color: #6c6a72;
   font-weight: 600;
   text-transform: uppercase;
   padding: 10px 15px;
   margin-top: 18px;
   letter-spacing: 1;
 }

 .single-blog-item:hover .thumb img {
   transform: scale(1.1);
 }

 .single-blog-item:hover .content {
   box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
 }

 .single-blog-item:hover .content .blog-meta>a {
   color: #fff;
   background: #b882fc;
 }

 .single-blog-item:hover .content .blog-meta .title a {
   color: #5f2dee;
 }

 .infetech-blog-area-2 {
   padding-top: 120px;
   padding-bottom: 50px;
   overflow: hidden;

   background-image: url(../image/contact-shape-left.png);
   background-position: left bottom;
   background-size: 360px auto;
   background-repeat: no-repeat;

 }

 .infetech-blog-area-2 .section-title {
   padding-right: 40px;
 }

 .infetech-blog-area-2 .main-btn {
   margin-top: 40px;
 }

 @media only screen and (min-width: 10px) and (max-width: 1600px) {
   .infetech-blog-area-2 .section-title {
     padding-right: 0;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-blog-area-2 .section-title {
     padding-bottom: 20px;
   }
 }

 @media (max-width: 767px) {
   .infetech-blog-area-2 .section-title {
     padding-bottom: 20px;
   }
 }

 .infetech-blog-area-2 .section-title p {
   color: #6c6a72;
   margin-top: 29px;
   padding-right: 70px;
 }

 @media only screen and (min-width: 10px) and (max-width: 1600px) {
   .infetech-blog-area-2 .section-title p {
     padding-right: 0;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-blog-area-2 .section-title p {
     margin-top: 10px;
   }
 }

 @media (max-width: 767px) {
   .infetech-blog-area-2 .section-title p {
     margin-top: 10px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1600px) {
   .infetech-blog-area-2 .section-title .title {
     font-size: 30px;
   }
 }

 .infetech-blog-area-2 .full-right {
   position: relative;
   left: calc((100% - 1020px) / 3);
 }

 @media only screen and (min-width: 992px) and (max-width: 1600px) {
   .infetech-blog-area-2 .full-right {
     left: calc((100% - 1020px) / 4);
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-blog-area-2 .full-right {
     left: calc((100% - 940px) / 4);
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-blog-area-2 .full-right {
     left: 0;
   }
 }

 @media (max-width: 767px) {
   .infetech-blog-area-2 .full-right {
     left: 0;
   }
 }

 .infetech-blog-area-2 .single-blog-item {
   padding-left: 15px;
   padding-right: 15px;
   margin-bottom: 50px;
 }

 .infetech-blog-slide-active {
   margin-right: 275px;
 }

 @media only screen and (min-width: 1600px) and (max-width: 1800px) {
   .infetech-blog-slide-active {
     margin-right: 180px;
   }
 }

 @media only screen and (min-width: 10px) and (max-width: 1600px) {
   .infetech-blog-slide-active {
     margin-right: 0px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-blog-page-area {
     padding: 70px 0 40px;
   }
 }

 @media (max-width: 767px) {
   .infetech-blog-page-area {
     padding: 70px 0 40px;
   }
 }

 .infetech-blog-page-area .single-blog-item {
   margin-bottom: 30px;
 }

 .blog-sidebar .input-box {
   position: relative;
 }

 .blog-sidebar .input-box input {
   width: 100%;
   background: #b882fc;
   height: 84px;
   padding-left: 50px;
   color: #fff;
   font-size: 18px;
   font-weight: 500;
   border: 0;
 }

 @media (max-width: 767px) {
   .blog-sidebar .input-box input {
     padding-left: 20px;
   }
 }

 .blog-sidebar .input-box input::placeholder {
   opacity: 1;
   color: #fff;
 }

 .blog-sidebar .input-box button {
   position: absolute;
   right: 50px;
   top: 50%;
   transform: translateY(-50%);
   font-size: 24px;
   color: #fff;
   border: 0;
   background: transparent;
 }

 @media (max-width: 767px) {
   .blog-sidebar .input-box button {
     right: 20px;
   }
 }

 .blog-sidebar .blog-widgets {
   background: #f4f2f9;
   padding: 46px 30px 30px;
 }

 .blog-sidebar .blog-widgets .blog-title {
   margin-bottom: 15px;
   padding-left: 20px;
 }

 .blog-sidebar .blog-widgets .blog-title .title {
   font-size: 22px;
 }

 .blog-sidebar .blog-widgets.blog-sidebar-list .blog-item {
   display: flex;
   align-items: center;
   gap: 16px;
   padding: 20px;
   margin-bottom: 10px;
   transition: all linear 0.3s;
 }

 @media (max-width: 767px) {
   .blog-sidebar .blog-widgets.blog-sidebar-list .blog-item {
     display: block;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .blog-sidebar .blog-widgets.blog-sidebar-list .blog-item {
     display: flex;
   }
 }

 .blog-sidebar .blog-widgets.blog-sidebar-list .blog-item .thumb {
   min-width: 70px;
 }

 @media (max-width: 767px) {
   .blog-sidebar .blog-widgets.blog-sidebar-list .blog-item .thumb {
     margin-bottom: 10px;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .blog-sidebar .blog-widgets.blog-sidebar-list .blog-item .thumb {
     margin-bottom: 0px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog-sidebar .blog-widgets.blog-sidebar-list .blog-item .content {
     display: flex;
     flex-direction: column;
   }
 }

 @media (max-width: 767px) {
   .blog-sidebar .blog-widgets.blog-sidebar-list .blog-item .content {
     display: flex;
     flex-direction: column;
   }
 }

 .blog-sidebar .blog-widgets.blog-sidebar-list .blog-item .content span {
   font-size: 16px;
   font-weight: 500;
   color: #6c6a72;
   margin-bottom: 4px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .blog-sidebar .blog-widgets.blog-sidebar-list .blog-item .content span {
     font-size: 14px;
   }
 }

 .blog-sidebar .blog-widgets.blog-sidebar-list .blog-item .content span i {
   color: #5f2dee;
   padding-right: 4px;
 }

 .blog-sidebar .blog-widgets.blog-sidebar-list .blog-item .content .title {
   font-size: 18px;
   font-weight: 700;
   transition: all linear 0.3s;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .blog-sidebar .blog-widgets.blog-sidebar-list .blog-item .content .title {
     font-size: 14px;
   }
 }

 .blog-sidebar .blog-widgets.blog-sidebar-list .blog-item .content .title:hover {
   color: #5f2dee;
 }

 .blog-sidebar .blog-widgets.blog-sidebar-list .blog-item:hover {
   background: #fff;
   box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
 }

 .blog-sidebar .blog-widgets.blog-category-sidebar ul li {
   margin-bottom: 10px;
 }

 .blog-sidebar .blog-widgets.blog-category-sidebar ul li a {
   display: flex;
   width: 100%;
   justify-content: space-between;
   align-items: center;
   position: relative;
   overflow: hidden;
   z-index: 10;
   padding-left: 20px;
   padding-right: 20px;
   padding-top: 10px;
   padding-bottom: 10px;
   font-size: 16px;
   font-weight: 500;
   color: #6c6a72;
   line-height: 1.3;
   transition: all linear 0.4s;
 }

 .blog-sidebar .blog-widgets.blog-category-sidebar ul li a span,
 .blog-sidebar .blog-widgets.blog-category-sidebar ul li a i {
   transition: all linear 0.4s;
 }

 .blog-sidebar .blog-widgets.blog-category-sidebar ul li .sub-cat a.current,
 .blog-sidebar .blog-widgets.blog-category-sidebar ul li.category-li.current>a,
 .blog-sidebar .blog-widgets.blog-category-sidebar ul li a:hover {
   background: #fff;
   box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
 }

 .blog-sidebar .blog-widgets.blog-category-sidebar ul li .sub-cat a.current,
 .blog-sidebar .blog-widgets.blog-category-sidebar ul li.category-li.current>a {
   color: #5f2dee;
 }

 .blog-sidebar .blog-widgets.blog-category-sidebar ul li a:hover::before {
   width: 100%;
   right: auto;
   left: 0;
 }

 .blog-sidebar .blog-widgets.blog-category-sidebar ul li a:hover i {
   color: #5f2dee;
 }

 .blog-sidebar .blog-widgets.blog-tags ul {
   padding-left: 20px;
 }

 .blog-sidebar .blog-widgets.blog-tags ul li {
   display: inline-block;
 }

 .blog-sidebar .blog-widgets.blog-tags ul li a {
   background: #fff;
   padding: 10px 20px;
   font-size: 12px;
   font-weight: 700;
   color: #1d1729;
   text-transform: uppercase;
   margin-bottom: 10px;
   margin-right: 6px;
 }

 .blog-sidebar .blog-widgets.blog-tags ul li a:hover {
   background: #5f2dee;
   color: #fff;
 }

 .blog-details-box .top-content .thumb img {
   width: 100%;
 }

 .blog-details-box .top-content ul {
   margin-top: 15px;
   margin-bottom: 20px;
 }

 .blog-details-box .top-content ul li {
   display: inline-block;
   font-size: 16px;
   font-weight: 500;
   color: #6c6a72;
   position: relative;
   padding-right: 14px;
   margin-right: 7px;
 }

 .blog-details-box .top-content ul li:first-child::before {
   position: absolute;
   content: '/';
   right: 0;
   top: 8px;
 }

 .blog-details-box .top-content ul li img {
   width: 36px;
   height: 36px;
   object-fit: contain;
   object-position: center;
   border-radius: 50%;
   padding-right: 5px;
 }

 .blog-details-box .top-content ul li i {
   margin-right: 5px;
   color: #5f2dee;
 }

 .blog-details-box .top-content .title {
   font-size: 42px;
   text-transform: capitalize;
 }

 .blog-details-box .top-content p {
   font-weight: 500;
   color: #6c6a72;
   line-height: 1.5;
 }

 .blog-social-box {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-top: 30px;
   margin-top: 50px;
   border-top: 1px solid #e4e0ee;
 }

 @media (max-width: 767px) {
   .blog-social-box {
     flex-wrap: wrap;
     gap: 20px;
   }
 }

 .blog-social-box .blgo-tags-details {
   display: flex;
   align-items: center;
   gap: 10px;
 }

 .blog-social-box .blgo-tags-details span {
   font-size: 18px;
   font-weight: 800;
   color: #1d1729;
 }

 .blog-social-box .blgo-tags-details ul li {
   display: inline-block;
   margin-right: 6px;
 }

 .blog-social-box .blgo-tags-details ul li a {
   background: #5f2dee;
   color: #fff;
   padding: 9px 20px;
   font-size: 12px;
   font-weight: 800;
   text-transform: uppercase;
 }

 @media (max-width: 767px) {
   .blog-social-box .blgo-tags-details ul li a {
     padding: 9px 15px;
   }
 }

 .blog-social-box .blog-social-details ul li {
   display: inline-block;
 }

 .blog-social-box .blog-social-details ul li a {
   font-size: 20px;
   color: #1d1729;
   margin-left: 26px;
 }

 @media (max-width: 767px) {
   .blog-social-box .blog-social-details ul li a {
     margin-left: 0;
     margin-right: 15px;
   }
 }

 .blog-social-box .blog-social-details ul li a:hover {
   color: #5f2dee;
 }

 .blog-post-prev-next {
   background: #f4f2f9;
   padding: 60px 60px 60px 60px;
   transition: all linear 0.3s;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .blog-post-prev-next {
     padding: 30px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog-post-prev-next {
     padding: 30px;
   }
 }

 @media (max-width: 767px) {
   .blog-post-prev-next {
     padding: 30px;
     margin-bottom: 20px;
   }
 }

 .blog-post-prev-next .title {
   font-size: 24px;
   font-weight: 800;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .blog-post-prev-next .title {
     font-size: 20px;
   }
 }

 @media (max-width: 767px) {
   .blog-post-prev-next .title {
     font-size: 18px;
   }
 }

 .blog-post-prev-next .title a {
   color: #1d1729;
 }

 .blog-post-prev-next:hover {
   background: #5f2dee;
 }

 .blog-post-prev-next:hover .title a {
   color: #fff;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-blog-details-area {
     padding-top: 40px;
     padding-bottom: 70px;
   }
 }

 @media (max-width: 767px) {
   .infetech-blog-details-area {
     padding-top: 40px;
     padding-bottom: 70px;
   }
 }

 .blog-comments-box {
   padding-top: 53px;
 }

 .blog-comments-box .comments-title {
   padding-bottom: 48px;
 }

 .blog-comments-box .comments-title .title {
   font-size: 36px;
   text-transform: capitalize;
 }

 @media (max-width: 767px) {
   .blog-comments-box .comments-title .title {
     font-size: 30px;
   }
 }

 .blog-comments-box .blog-item {
   display: flex;
   align-items: center;
   border-bottom: 1px solid #e4e0ee;
 }

 @media (max-width: 767px) {
   .blog-comments-box .blog-item {
     display: block;
   }
 }

 .blog-comments-box .blog-item .thumb {
   min-width: 165px;
   margin-right: 45px;
 }

 @media (max-width: 767px) {
   .blog-comments-box .blog-item .thumb {
     margin-bottom: 20px;
   }
 }

 .blog-comments-box .blog-item .content {
   position: relative;
 }

 .blog-comments-box .blog-item .content .title {
   font-size: 20px;
   margin-bottom: 22px;
 }

 .blog-comments-box .blog-item .content p {
   font-weight: 500;
   line-height: 30px;
 }

 .blog-comments-box .blog-item .content a {
   position: absolute;
   right: 0;
   top: 0;
   border: 1px solid #5f2dee;
   line-height: 34px;
   padding: 0 20px;
 }

 .blog-form-box .blog-title {
   padding-bottom: 48px;
 }

 .blog-form-box .blog-title .title {
   font-size: 36px;
 }

 @media (max-width: 767px) {
   .blog-form-box .blog-title .title {
     font-size: 30px;
   }
 }

 .blog-form-box .input-box input {
   width: 100%;
   background: #f4f2f9;
   border: 0;
   height: 60px;
   padding-left: 30px;
   color: #6c6a72;
   font-size: 16px;
   font-weight: 500;
 }

 .blog-form-box .input-box input::placeholder {
   opacity: 1;
 }

 .blog-form-box .input-box textarea {
   width: 100%;
   background: #f4f2f9;
   border: 0;
   height: 170px;
   padding-left: 30px;
   padding-top: 15px;
   resize: none;
   color: #6c6a72;
   font-size: 16px;
   font-weight: 500;
 }

 .blog-form-box .input-box textarea::placeholder {
   opacity: 1;
 }

 .blog-form-box .input-box button {
   margin-top: 20px;
   border: 1px solid #5f2dee;
 }

 /*===========================
    13.FOOTER css
===========================*/
 .infetech-footer-area {
   padding-top: 120px;
   padding-bottom: 107px;
   background-image: url(../image/footer-bg.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-footer-area {
     padding: 80px 0;
   }
 }

 @media (max-width: 767px) {
   .infetech-footer-area {
     padding: 80px 0;
   }
 }

 .infetech-footer-area .title {
   color: #fff;
   font-size: 20px;
   color: #fff;
   position: relative;
   padding-bottom: 14px;
   margin-bottom: 20px;
 }

 .infetech-footer-area .title::before {
   position: absolute;
   content: '';
   left: 0;
   bottom: 0;
   height: 2px;
   width: 17px;
   background: #5f2dee;
 }

 @media (max-width: 767px) {
   .infetech-footer-area .title::before {
     left: 50%;
     transform: translateX(-50%);
   }
 }

 @media (max-width: 767px) {
   .footer-about {
     text-align: center;
   }
 }

 .footer-about>a {
   max-width: 165px;
 }

 .footer-about p {
   color: #b0a9c0;
   line-height: 30px;
   margin-top: 18px;
 }

 .footer-about ul {
   margin-top: 20px;
   display: flex;
   gap: 10px;
 }

 @media (max-width: 767px) {
   .footer-about ul {
     justify-content: center;
   }
 }

 .footer-about ul li a {
   height: 45px;
   width: 45px;
   text-align: center;
   line-height: 45px;
   background: #15101e;
   border-radius: 50%;
   color: #aea8b9;
   font-size: 18px;
 }

 .footer-about ul li a:hover {
   background: #5f2dee;
 }

 @media (max-width: 767px) {
   .footer-nav {
     margin-top: 30px;
     text-align: center;
   }
 }

 .footer-nav ul li a {
   color: #b0a9c0;
   font-size: 16px;
   line-height: 34px;
 }

 .footer-nav ul li a:hover {
   color: #5f2dee;
 }

 .footer-newsletter {
   margin-right: 90px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .footer-newsletter {
     margin-top: 30px;
     margin-right: 0;
   }
 }

 @media (max-width: 767px) {
   .footer-newsletter {
     margin-top: 30px;
     text-align: center;
     margin-right: 0;
   }
 }

 .footer-newsletter p {
   color: #b0a9c0;
   line-height: 30px;
   margin-bottom: 21px;
 }

 .footer-newsletter .input-box {
   position: relative;
 }

 .footer-newsletter .input-box input {
   width: 100%;
   background: #fff;
   height: 50px;
   padding-left: 20px;
   color: #6c6a72;
   display: block;
   border: 0;
   font-size: 14px;
   font-weight: 500;
 }

 .footer-newsletter .input-box input::placeholder {
   color: #6c6a72;
   opacity: 1;
 }

 .footer-newsletter .input-box button {
   position: absolute;
   right: 0;
   top: 0;
   height: 100%;
   width: 50px;
   text-align: center;
   line-height: 50px;
   border: 0;
   color: #fff;
   font-size: 18px;
   background: #5f2dee;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .footer-info {
     margin-top: 30px;
   }
 }

 @media (max-width: 767px) {
   .footer-info {
     margin-top: 30px;
     text-align: center;
   }
 }

 .footer-info ul li {
   display: flex;
   align-items: flex-start;
   gap: 13px;
   color: #b0a9c0;
   margin-bottom: 10px;
 }

 @media (max-width: 767px) {
   .footer-info ul li {
     justify-content: center;
   }
 }

 .footer-info ul li i {
   color: #000;
   font-size: 14px;
   color: #b882fc;
   position: relative;
   top: 2px;
 }

 .footer-info ul li a {
   color: #b0a9c0;
 }

 .footer-info ul li a:hover {
   color: #b882fc;
 }

 .footer-copyright {
   background: #15101e;
   border-top: 1px solid #322d3d;
   padding: 30px 0;
 }

 .footer-copyright p {
   color: #b0a9c0;
 }

 .footer-copyright p a {
   color: #b882fc;
 }

 /*===== Go Top =====*/
 .go-top-area {
   position: relative;
   z-index: 999;
 }

 .go-top-area .go-top {
   position: fixed;
   cursor: pointer;
   top: 0;
   right: 24px;
   color: #ffffff;
   background-color: #b882fc;
   z-index: 9999;
   width: 40px;
   text-align: center;
   height: 42px;
   line-height: 42px;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.9s ease-out 0s;
   -moz-transition: all 0.9s ease-out 0s;
   -ms-transition: all 0.9s ease-out 0s;
   -o-transition: all 0.9s ease-out 0s;
   transition: all 0.9s ease-out 0s;
   border-radius: 10px;
 }

 .go-top-area .go-top i {
   position: absolute;
   top: 50%;
   left: -4px;
   right: 0;
   margin: 0 auto;
   font-size: 15px;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
   -webkit-transition: all 0.5s ease-out 0s;
   -moz-transition: all 0.5s ease-out 0s;
   -ms-transition: all 0.5s ease-out 0s;
   -o-transition: all 0.5s ease-out 0s;
   transition: all 0.5s ease-out 0s;
 }

 .go-top-area .go-top i:last-child {
   opacity: 0;
   visibility: hidden;
   top: 60%;
 }

 .go-top-area .go-top::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   background-color: #b882fc;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.5s ease-out 0s;
   -moz-transition: all 0.5s ease-out 0s;
   -ms-transition: all 0.5s ease-out 0s;
   -o-transition: all 0.5s ease-out 0s;
   transition: all 0.5s ease-out 0s;
   border-radius: 10px;
 }

 .go-top-area .go-top:focus,
 .go-top-area .go-top:hover {
   color: #fff;
 }

 .go-top-area .go-top:focus::before,
 .go-top-area .go-top:hover::before {
   opacity: 1;
   visibility: visible;
 }

 .go-top-area .go-top:focus i:first-child,
 .go-top-area .go-top:hover i:first-child {
   opacity: 0;
   top: 0;
   visibility: hidden;
 }

 .go-top-area .go-top:focus i:last-child,
 .go-top-area .go-top:hover i:last-child {
   opacity: 1;
   visibility: visible;
   top: 50%;
 }

 .go-top-area .go-top.active {
   top: 98%;
   -webkit-transform: translateY(-98%);
   -moz-transform: translateY(-98%);
   -ms-transform: translateY(-98%);
   -o-transform: translateY(-98%);
   transform: translateY(-98%);
   opacity: 1;
   visibility: visible;
   border-radius: 10px;
   right: 20px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .go-top-area .go-top.active {
     top: 93%;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .go-top-area .go-top.active {
     top: 93%;
   }
 }

 .go-top-wrap {
   position: relative;
 }

 .go-top-wrap .go-top-btn {
   display: inline-block;
   width: 40px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   color: #fff;
   top: 3px;
   z-index: 1;
   background: #b882fc;
   border-radius: 10px;
 }

 .go-top-wrap .go-top-btn i {
   font-size: 18px;
   font-weight: 700;
   padding-left: 4px;
   color: #fff;
 }

 .go-top-wrap .go-top-btn::after {
   z-index: -1;
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 40px;
   height: 40px;
   -webkit-animation: ripple 1.6s ease-out infinite;
   -moz-animation: ripple 1.6s ease-out infinite;
   -o-animation: ripple 1.6s ease-out infinite;
   animation: ripple 1.6s ease-out infinite;
   opacity: 0;
   background: #b882fc;
   border-radius: 10px;
 }

 .go-top-wrap .go-top-btn:hover {
   background-color: #1d1729;
   color: #fff;
 }

 @keyframes ripple {

   0%,
   35% {
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transform: scale(0);
     opacity: 1;
   }

   50% {
     -webkit-transform: scale(1.5);
     -moz-transform: scale(1.5);
     -ms-transform: scale(1.5);
     -o-transform: scale(1.5);
     transform: scale(1.5);
     opacity: 0.8;
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(2);
     -moz-transform: scale(2);
     -ms-transform: scale(2);
     -o-transform: scale(2);
     transform: scale(2);
   }
 }

 @-webkit-keyframes ripple {

   0%,
   35% {
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transform: scale(0);
     opacity: 1;
   }

   50% {
     -webkit-transform: scale(1.5);
     -moz-transform: scale(1.5);
     -ms-transform: scale(1.5);
     -o-transform: scale(1.5);
     transform: scale(1.5);
     opacity: 0.8;
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(2);
     -moz-transform: scale(2);
     -ms-transform: scale(2);
     -o-transform: scale(2);
     transform: scale(2);
   }
 }

 .sing-area {
   z-index: 11;
   position: relative;
 }

 .sing-area .footer-sing-up {
   margin-top: 0;
   margin-bottom: -60px;
 }

 @-webkit-keyframes footer-shape {
   0% {
     right: 100px;
   }

   50% {
     right: 0;
   }

   100% {
     right: 100px;
   }
 }

 @keyframes footer-shape {
   0% {
     right: 100px;
   }

   50% {
     right: 0;
   }

   100% {
     right: 100px;
   }
 }

 .infetech-footer-4-area {
   background-image: url(../image/footer-line.png);
   background-position: top right;
   background-size: auto;
   background-repeat: no-repeat;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-footer-4-area {
     padding-top: 70px;
     padding-bottom: 70px;
   }
 }

 @media (max-width: 767px) {
   .infetech-footer-4-area {
     padding-top: 70px;
     padding-bottom: 70px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .footer-about-4 {
     text-align: center;
   }
 }

 @media (max-width: 767px) {
   .footer-about-4 {
     text-align: center;
   }
 }

 .footer-about-4 .logo {
   width: 165px;
   margin-bottom: 20px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .footer-about-4 .logo {
     display: inline-block;
   }
 }

 @media (max-width: 767px) {
   .footer-about-4 .logo {
     display: inline-block;
   }
 }

 .footer-about-4 ul li a {
   font-size: 24px;
   font-weight: 700;
   color: #5f2dee;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .footer-list-4 {
     text-align: center;
     margin: 30px 0;
   }
 }

 @media (max-width: 767px) {
   .footer-list-4 {
     text-align: center;
     margin: 30px 0;
   }
 }

 .footer-list-4 ul li a {
   font-size: 18px;
   font-weight: 500;
   color: #6c6a72;
   line-height: 32px;
 }

 .footer-list-4 ul li a:hover {
   color: #5f2dee;
 }

 .footer-address {
   padding-right: 30px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .footer-address {
     text-align: center;
     margin-bottom: 30px;
   }
 }

 @media (max-width: 767px) {
   .footer-address {
     text-align: center;
     margin-bottom: 30px;
     padding-right: 0;
   }
 }

 .footer-address p {
   font-size: 18px;
   line-height: 36px;
   color: #6c6a72;
   font-weight: 500;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .footer-social {
     display: flex;
     justify-content: center;
   }
 }

 @media (max-width: 767px) {
   .footer-social {
     display: flex;
     justify-content: center;
   }
 }

 .footer-social ul li {
   display: inline-block;
   margin-right: 6px;
 }

 .footer-social ul li a {
   height: 45px;
   width: 45px;
   text-align: center;
   line-height: 48px;
   border-radius: 50%;
   color: #fff;
   background: #5f2dee;
 }

 .infetech-footer-4-area.footer-copyright {
   text-align: center;
   background: #fff;
   border-top-color: #e4e0ee;
 }

 .infetech-footer-4-area.footer-copyright p {
   font-size: 16px;
   font-weight: 500;
   color: #6c6a72;
 }

 /*===========================
    14.CLIENTS css
===========================*/
 .infetech-clients-area {
   padding: 115px 0;
   background-image: url(../image/client-bg-line.png);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   overflow: hidden;
 }

 .clients-tabs-item ul.nav {
   display: flex;
   justify-content: center;
   column-gap: 30px;
   flex-wrap: nowrap;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .clients-tabs-item ul.nav {
     flex-wrap: wrap;
   }
 }

 @media (max-width: 767px) {
   .clients-tabs-item ul.nav {
     flex-wrap: wrap;
   }
 }

 .clients-tabs-item ul.nav li button {
   background: #fff;
   padding: 45px 0 40px;
   box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
   text-align: center;
   width: 210px;
 }

 .clients-tabs-item ul.nav li button div {
   background: rgba(255, 255, 255, 1);
   width: 95px;
   height: 95px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 13px auto;
   border: 2px solid #0d6efd;
 }

 .clients-tabs-item ul.nav li button img {
   width: 55px;
   height: auto;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .clients-tabs-item ul.nav li button {
     width: 170px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .clients-tabs-item ul.nav li button {
     margin-top: 0 !important;
     margin-bottom: 30px;
   }
 }

 @media (max-width: 767px) {
   .clients-tabs-item ul.nav li button {
     margin-top: 0 !important;
     margin-bottom: 30px;
   }
 }

 .clients-tabs-item ul.nav li button span {
   display: block;
   font-weight: 800;
   color: #1d1729;
   font-size: 20px;
   /* margin-top: 5px; */
 }

 .clients-tabs-item ul.nav li button.active {
   background: #1d1729;
   background-image: url(../image/client-item-line.png);
   background-size: auto;
   background-position: top right;
   background-repeat: no-repeat;
   position: relative;
 }

 .clients-tabs-item ul.nav li button.active::before {
   position: absolute;
   content: '';
   left: 50%;
   top: 100%;
   transform: translateX(-50%);
   width: 0;
   height: 0;
   border-left: 20px solid transparent;
   border-right: 20px solid transparent;
   border-top: 20px solid #1d1729;
 }

 .clients-tabs-item ul.nav li button.active::after {
   position: absolute;
   content: "\e71b";
   font-weight: 300;
   left: 50%;
   top: 96%;
   transform: translateX(-50%);
   font-size: 14px;
   color: #fff;
   font-family: 'icomoon' !important;
 }

 .clients-tabs-item ul.nav li button.active span {
   color: #fff;
 }

 .clients-tabs-item ul.nav li button.active svg {
   fill: #b882fc;
 }

 .clients-tabs-item ul.nav li button.active div {
   border-color: #fff;
 }


 .clients-content-box .title {
   font-size: 30px;
   color: #1d1729;
   margin-bottom: 22px;
 }

 .clients-content-box .p {
   font-size: 16px;
   color: #6c6a72;
   line-height: 30px;
 }

 .clients-content-box a {
   border: 1px solid #5f2dee;
 }

 .infetech-clients-3-area {
   padding-top: 112px;
   padding-bottom: 120px;
   background: #f2f0f7;
 }

 @media (max-width: 767px) {
   .infetech-clients-3-area {
     padding-top: 60px;
     padding-bottom: 150px;
   }
 }

 .single-service-3-item.clients-3-item {
   margin: 3px;
   box-shadow: none;
   /* padding: 45px 95px 45px 50px; */
   padding: 20px;
 }

 /* @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .single-service-3-item.clients-3-item {
     padding: 45px 50px 45px 50px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-service-3-item.clients-3-item {
     padding: 45px 50px 45px 50px;
   }
 }

 @media (max-width: 767px) {
   .single-service-3-item.clients-3-item {
     padding: 30px;
   }
 } */

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .single-service-3-item.clients-3-item {
     padding: 45px 50px 45px 50px;
   }
 }

 .single-service-3-item.clients-3-item::before {
   right: 50px;
   bottom: 50px;
   top: inherit;
   background: #f4ecff;
   height: 65px;
   width: 65px;
   border-radius: 50%;
   transition: all linear 0.3s;
   display: none;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .single-service-3-item.clients-3-item::before {
     display: none;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-service-3-item.clients-3-item::before {
     display: none;
   }
 }

 @media (max-width: 767px) {
   .single-service-3-item.clients-3-item::before {
     display: none;
   }
 }

 .single-service-3-item.clients-3-item::after {
   display: none;
 }

 .single-service-3-item.clients-3-item .title {
   font-size: 24px;
   text-transform: capitalize;
   margin-bottom: 10px;
   margin-top: 18px;
 }

 .single-service-3-item.clients-3-item .title a {
   color: #1d1729;
 }

 .single-service-3-item.clients-3-item .title a:hover {
   color: #5f2dee;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .single-service-3-item.clients-3-item .title {
     font-size: 20px;
     margin-bottom: 10px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-service-3-item.clients-3-item .title {
     font-size: 20px;
     margin-bottom: 10px;
   }
 }

 @media (max-width: 767px) {
   .single-service-3-item.clients-3-item .title {
     font-size: 20px;
     margin-bottom: 10px;
   }
 }

 .single-service-3-item.clients-3-item .icon {
   position: absolute;
   right: 30px;
   bottom: 30px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .single-service-3-item.clients-3-item .icon {
     position: static;
     margin-top: 10px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-service-3-item.clients-3-item .icon {
     position: static;
     margin-top: 10px;
   }
 }

 @media (max-width: 767px) {
   .single-service-3-item.clients-3-item .icon {
     position: static;
     margin-top: 10px;
   }
 }

 .single-service-3-item.clients-3-item .icon svg {
   transition: all linear 0.3s;
 }

 .single-service-3-item.clients-3-item:hover::before {
   background: #6c3af0;
 }

 .single-service-3-item.clients-3-item:hover .icon svg {
   fill: #fff;
 }

 .faq-box-area {
   position: relative;
   z-index: 10;
   margin-top: -60px;
 }

 @media (max-width: 767px) {
   .faq-box-area {
     background: #f2f0f7;
   }
 }

 .faq-box-area .faq-box-item {
   padding: 30px 30px 30px 60px;
   background: #b882fc;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .faq-box-area .faq-box-item {
     padding: 30px;
     display: block;
     text-align: center;
   }
 }

 @media (max-width: 767px) {
   .faq-box-area .faq-box-item {
     padding: 30px;
     display: block;
     text-align: center;
   }
 }

 .faq-box-area .faq-box-item .title {
   font-size: 18px;
   color: #fff;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .faq-box-area .faq-box-item .title {
     margin-bottom: 25px;
   }
 }

 @media (max-width: 767px) {
   .faq-box-area .faq-box-item .title {
     margin-bottom: 25px;
   }
 }

 .faq-box-area .faq-box-item a {
   background: #fff;
   color: #1d1729;
   line-height: 60px;
 }

 .faq-box-area .faq-box-item a:hover {
   background: #5f2dee;
   color: #fff;
 }

 .infetech-clients-4-area {
   padding-top: 114px;
   padding-bottom: 120px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-clients-4-area {
     padding-top: 50px;
     padding-bottom: 50px;
   }
 }

 @media (max-width: 767px) {
   .infetech-clients-4-area {
     padding-top: 50px;
     padding-bottom: 50px;
   }
 }

 .clients-4-item {
   background-image: url(../image/clients-item-bg.png);
   padding: 40px 45px 40px 40px;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
   z-index: 10;
   box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
   transition: all linear 0.3s;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .clients-4-item {
     padding: 30px 25px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .clients-4-item {
     margin-bottom: 30px;
   }
 }

 @media (max-width: 767px) {
   .clients-4-item {
     margin-bottom: 30px;
   }
 }

 .clients-4-item::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   background: #fff;
   z-index: -1;
   transition: all linear 0.3s;
 }

 .clients-4-item .title {
   font-size: 20px;
   transition: all linear 0.3s;
 }

 .clients-4-item p {
   color: #6c6a72;
   font-weight: 500;
   line-height: 30px;
   margin: 14px 0 20px;
   transition: all linear 0.3s;
 }

 .clients-4-item .icon {
   background: #5f2dee;
   height: 100px;
   width: 100px;
   text-align: center;
   line-height: 100px;
   border-radius: 50%;
   display: inline-block;
   transition: all linear 0.3s;
 }

 .clients-4-item .icon svg {
   transition: all linear 0.3s;
 }

 .clients-4-item:hover {
   box-shadow: none;
 }

 .clients-4-item:hover::before {
   opacity: 0;
 }

 .clients-4-item:hover .title {
   color: #fff;
 }

 .clients-4-item:hover p {
   color: #fff;
 }

 .clients-4-item:hover .icon {
   background: #fff;
 }

 .clients-4-item:hover .icon svg {
   fill: #5f2dee;
 }

 /*===========================
    15.TESTIMONIAL css
===========================*/
 .infetech-information-area {
   padding-top: 120px;
   padding-bottom: 120px;
   position: relative;
   z-index: 10;
   overflow: hidden;
  background-image: url(../image/information-bg-dot.png);
 }

 .infetech-information-area::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   z-index: -1;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-information-area .information-thumb {
     margin-bottom: 30px;
   }
 }

 .infetech-information-area .information-thumb .thumb {
   display: flex;
   align-items: flex-start;
   position: relative;
   content: 'missions';
 }

 .infetech-information-area .information-thumb .thumb .information-logo {
   padding-left: 60px;
   padding-top: 85px;
 }

 .infetech-information-area .information-thumb .thumb::before {
   position: absolute;
   /* content: 'missions'; */
   left: -185px;
   top: 135px;
   font-size: 30px;
   font-weight: 400;
   color: #1d1729;
   opacity: 0.2;
   text-transform: uppercase;
   letter-spacing: 21px;
   transform: rotate(-90deg);
 }

 .infetech-information-area .information-thumb .thumb.thumb-2 {
   margin-top: -85px;
   content: 'visions';
 }

 .infetech-information-area .information-thumb .thumb.thumb-2 .information-logo {
   padding-left: 0;
   padding-right: 60px;
   margin-top: 85px;
 }

 .infetech-information-area .information-thumb .thumb.thumb-2::before {
   /* content: 'visions'; */
   left: auto;
   right: -185px;
   transform: rotate(90deg);
 }

 .information-content {
   position: relative;
   margin-top: -7px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .information-content {
     padding-left: 0;
   }
 }

 @media (max-width: 767px) {
   .information-content {
     padding-left: 0;
   }
 }

 .information-content span {
   font-size: 24px;
   font-weight: 700;
   color: #b882fc;
   margin-top: 30px;
   margin-bottom: 13px;
 }

 .information-content p {
   font-size: 16px;
   font-weight: 500;
   color: #6c6a72;
   line-height: 30px;
 }

 .information-content .quote-text {
   background: #fff;
   padding: 20px 10px 20px 40px;
   position: relative;
   margin-top: 40px;
   margin-bottom: 50px;
   box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
 }

 .information-content .quote-text::before {
   position: absolute;
   content: '';
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 4px;
   height: 80px;
   border-radius: 10px;
   background: #b882fc;
 }

 .information-content .quote-text p {
   font-size: 18px;
   color: #1d1729;
   font-weight: 600;
   line-height: 32px;
 }

 .infetech-company-about-area .information-btns,
 .information-content .information-btns {
   display: flex;
 }

 @media (max-width: 767px) {

   .infetech-company-about-area .information-btns,
   .information-content .information-btns {
     flex-direction: column;
     align-items: flex-start;
   }
 }

 .infetech-company-about-area .information-btns .play-btn,
 .information-content .information-btns .play-btn {
   margin-left: 30px;
   display: flex;
   align-items: center;
 }

 @media (max-width: 767px) {

   .infetech-company-about-area .information-btns .play-btn,
   .information-content .information-btns .play-btn {
     margin-left: 0;
     margin-top: 20px;
   }
 }

 .infetech-company-about-area .information-btns .play-btn a,
 .information-content .information-btns .play-btn a {
   height: 60px;
   width: 60px;
   background: #b882fc;
   border-radius: 50%;
   text-align: center;
   line-height: 60px;
   color: #fff;
 }

 .infetech-company-about-area .information-btns .play-btn span,
 .information-content .information-btns .play-btn span {
   font-size: 16px;
   font-weight: 700;
   color: #1d1729;
   margin: 0 0 0 18px;
 }

 /*===========================
    16.OFFER css
===========================*/
 .infetech-offer-area {
   padding-top: 120px;
   padding-bottom: 120px;
   background-image: url(../image/offer-bg.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-offer-area {
     padding: 70px 0;
   }
 }

 @media (max-width: 767px) {
   .infetech-offer-area {
     padding: 70px 0;
   }
 }

 .infetech-offer-area .section-title {
   margin-bottom: 30px;
   padding-right: 70px;
 }

 .infetech-offer-area .section-title span {
   color: #fff;
 }

 .infetech-offer-area .section-title span::before {
   background: #fff;
 }

 .infetech-offer-area .section-title .title {
   color: #fff;
 }

 .infetech-offer-area .offer-text {
   padding-right: 30px;
 }

 .infetech-offer-area .offer-text p {
   font-size: 16px;
   font-weight: 500;
   color: #e1d6ff;
   margin-bottom: 26px;
 }

 .infetech-offer-area .offer-list ul li {
   color: #fff;
   font-size: 18px;
   font-weight: 500;
   margin-bottom: 15px;
 }

 .infetech-offer-area .offer-list ul li img {
   padding-right: 5px;
 }

 .infetech-offer-thumb {
   position: relative;
   padding-left: 70px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-offer-thumb {
     text-align: left !important;
     margin-top: 20px;
   }
 }

 @media (max-width: 767px) {
   .infetech-offer-thumb {
     text-align: left !important;
     margin-top: 20px;
   }
 }

 .infetech-offer-thumb .offer-icon {
   height: 130px;
   width: 130px;
   text-align: center;
   line-height: 130px;
   background-image: -moz-linear-gradient(0deg, #b882fc 0%, #5f2dee 100%);
   background-image: -webkit-linear-gradient(0deg, #b882fc 0%, #5f2dee 100%);
   background-image: -ms-linear-gradient(0deg, #b882fc 0%, #5f2dee 100%);
   position: absolute;
   left: 0;
   bottom: 20px;
 }

 .base {
   position: absolute;
   left: 1085px;
   top: 3287px;
   width: 130px;
   height: 128px;
   z-index: 324;
 }

 .infetech-offer-category-area {
   padding-top: 118px;
   padding-bottom: 110px;
   background-image: url(../image/offer-category-bg.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }

 .infetech-offer-category-area .section-title span {
   color: #b882fc;
 }

 .infetech-offer-category-area .section-title span::before {
   background: #b882fc;
 }

 .infetech-offer-category-area .section-title .title {
   color: #fff;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-offer-category-area .offer-content {
     margin-bottom: 30px;
   }
 }

 @media (max-width: 767px) {
   .infetech-offer-category-area .offer-content {
     margin-bottom: 30px;
   }
 }

 .infetech-offer-category-area .offer-content p {
   font-size: 16px;
   font-weight: 500;
   color: #b0a9c0;
   line-height: 30px;
   margin: 28px 30px 48px 0;
 }

 .offer-category-item .box {
   margin-bottom: 30px;
 }

 .offer-category-item .box a {
   display: flex;
   align-items: center;
   border: 1px solid #55515f;
   padding-left: 40px;
   padding-top: 28px;
   padding-bottom: 28px;
   font-size: 20px;
   font-weight: 800;
   color: #fff;
   text-transform: capitalize;
   transition: all linear 0.3s;
 }

 .offer-category-item .box a i {
   font-size: 30px;
   color: #b882fc;
   margin-right: 20px;
   transition: all linear 0.3s;
 }

 .offer-category-item .box:hover a {
   background: #5f2dee;
   border-color: #5f2dee;
 }

 .offer-category-item .box:hover a i {
   color: #fff;
 }

 /*===========================
    16.FUN FACTS css
===========================*/
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-fun-facts-area {
     padding-bottom: 40px;
   }
 }

 @media (max-width: 767px) {
   .infetech-fun-facts-area {
     padding-bottom: 40px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-fun-facts-area.infetech-fun-facts-about-area {
     padding-bottom: 50px;
   }
 }


 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-fun-facts-area.infetech-fun-facts-service-area {
     padding-top: 70px;
   }
 }

 @media (max-width: 767px) {
   .infetech-fun-facts-area.infetech-fun-facts-service-area {
     padding-top: 70px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .fun-facts-item {
     margin-bottom: 40px;
   }
 }

 .fun-facts-item .title {
   padding-left: 30px;
 }

 @media (max-width: 767px) {
   .fun-facts-item .title {
     text-align: center;
     margin-bottom: 20px;
     margin-top: 30px;
   }
 }

 .fun-facts-item .title span {
   font-size: 60px;
 }

 .fun-facts-item .title sup {
   font-size: 60px;
 }

 @media (max-width: 767px) {
   .fun-facts-item .content-box {
     display: flex;
     justify-content: center;
     text-align: center;
   }
 }

 .fun-facts-item .content-box span {
   border: 1px solid #e4e0ee;
   font-weight: 800;
   text-transform: uppercase;
   color: #5f2dee;
   padding: 8px 28px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .fun-facts-item .content-box span {
     font-size: 14px;
   }
 }

 /*===========================
    17.COMPANY css
===========================*/
 .infetech-company-area {
   padding-bottom: 120px;
   position: relative;
   z-index: 10;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-company-area {
     padding-bottom: 90px;
   }
 }

 @media (max-width: 767px) {
   .infetech-company-area {
     padding-bottom: 90px;
   }
 }

 .infetech-company-area::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 100%;
   width: 730px;
   background-image: url(../image/company-bg.jpg);
   background-size: cover;
   background-position: center;
   z-index: -1;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .infetech-company-area::before {
     width: 500px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .infetech-company-area::before {
     display: none;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-company-area::before {
     display: none;
   }
 }

 @media (max-width: 767px) {
   .infetech-company-area::before {
     display: none;
   }
 }

 .infetech-company-area .section-title p {
   font-weight: 500;
   line-height: 30px;
   color: #6c6a72;
   margin-top: 30px;
   font-size: 18px;
 }

 .infetech-company-area .company-thumb img {
   width: 100%;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-company-area .col-lg-6 {
     padding-left: 0px;
   }
 }

 @media (max-width: 767px) {
   .infetech-company-area .col-lg-6 {
     padding-left: 15px;
   }
 }

 .company-service-item {
   display: flex;
   align-items: center;
 }

 .company-service-item .icon {
   min-height: 50px;
   min-width: 54px;
   border-radius: 50%;
   text-align: center;
   line-height: 56px;
   color: #fff;
   background: #b882fc;
   margin-right: 30px;
   font-size: 24px;
 }

 .company-service-item .content .title {
   font-size: 18px;
   font-weight: 700;
 }

 .company-service-item .content p {
   font-size: 18px;
   line-height: 30px;
   color: #6c6a72;
   font-weight: 500;
   padding-top: 9px;
 }

 .infetech-company-about-area {
   padding-top: 120px;
   padding-bottom: 130px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-company-about-area {
     padding-top: 80px;
     padding-bottom: 90px;
   }
 }

 @media (max-width: 767px) {
   .infetech-company-about-area {
     padding-top: 80px;
     padding-bottom: 90px;
   }
 }

 .infetech-company-about-area .company-about-thumb {
   position: relative;
   z-index: 20;
 }

 .infetech-company-about-area .company-about-thumb .icon {
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   z-index: 10;
 }

 .infetech-company-about-area .company-about-thumb>img {
   max-width: 490px;
 }

 .infetech-company-about-area .company-about-thumb .icon img {
   max-width: 170px;
 }

 @media (max-width: 767px) {
   .infetech-company-about-area .company-about-thumb .icon {
     display: none;
   }
 }

 .infetech-company-about-area .infetech-about-content {
   padding-left: 70px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-company-about-area .infetech-about-content {
     padding-left: 0;
   }
 }

 @media (max-width: 767px) {
   .infetech-company-about-area .infetech-about-content {
     padding-left: 0;
   }
 }

 .infetech-company-about-area .infetech-about-content .p {
   margin-bottom: 27px;
 }

 .infetech-company-about-area .infetech-about-content ul {
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
   column-gap: 20px;
   margin: 0;
 }

 @media (max-width: 767px) {
   .infetech-company-about-area .infetech-about-content ul {
     display: block;
   }
 }

 .infetech-company-about-area .infetech-about-content ul li {
   font-size: 18px;
   font-weight: 700;
   min-width: calc(50% - 10px);
 }

 .infetech-company-about-area .infetech-about-content ul li i {
   font-size: 20px;
 }

 .infetech-company-about-area .infetech-about-content a {
   margin-top: 35px;
 }

 /*===========================
    18.PROMO BANNER css
===========================*/
 .infetech-promo-banner-area {
   background-image: url(../image/promo-banner-bg.jpg);
   padding: 168px 0 120px;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   margin-top: -60px;
 }

 .infetech-promo-banner-area.infetech-promo-banner-about {
   margin-top: 0;
 }

 @media (max-width: 767px) {
   .infetech-promo-banner-area {
     padding: 115px 0 60px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-promo-banner-area {
     padding: 115px 0 60px;
   }
 }

 .infetech-promo-banner-area.infetech-promo-banner-about {
   padding-top: 110px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-promo-banner-area.infetech-promo-banner-about {
     padding-top: 50px;
   }
 }

 @media (max-width: 767px) {
   .infetech-promo-banner-area.infetech-promo-banner-about {
     padding-top: 50px;
   }
 }

 .promo-banner-item .title {
   color: #fff;
   font-size: 60px;
   padding-bottom: 55px;
 }

 .infetech-promo-banner-about .promo-banner-item .title {
   padding-top: 40px;
   padding-bottom: 40px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .promo-banner-item .title {
     font-size: 48px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .promo-banner-item .title {
     font-size: 36px;
   }
 }

 @media (max-width: 767px) {
   .promo-banner-item .title {
     font-size: 36px;
   }
 }

 .promo-banner-item a {
   background: #fff;
   color: #1d1729;
 }

 .promo-banner-item a:hover {
   color: #fff;
   background: #5f2dee;
 }

 /*===========================
    19.TECHNOLOGY css
===========================*/
 .infetech-technology-area {
   position: relative;
   z-index: 10;
 }

 .infetech-technology-area::before {
   position: absolute;
   content: '';
   left: 0;
   bottom: 0;
   width: 100%;
   height: 120px;
   background: #f4f2f9;
   z-index: -1;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-technology-area.infetech-technology-service-area {
     padding-bottom: 70px;
   }
 }

 @media (max-width: 767px) {
   .infetech-technology-area.infetech-technology-service-area {
     padding-bottom: 70px;
   }
 }

 .infetech-technology-area.infetech-technology-service-area::before {
   bottom: auto;
   top: 0;
 }

 .technology-box {
   background-image: url(../image/technology-bg.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   padding-top: 98px;
   padding-bottom: 95px;
 }

 @media (max-width: 767px) {
   .technology-box {
     padding-top: 40px;
     padding-bottom: 40px;
   }
 }

 .technology-box .section-title {
   padding-left: 70px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .technology-box .section-title {
     padding-left: 30px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .technology-box .section-title {
     padding-left: 30px;
     margin-bottom: 20px;
   }
 }

 @media (max-width: 767px) {
   .technology-box .section-title {
     padding-left: 0px;
     margin-bottom: 20px;
     text-align: center;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .technology-box .section-title {
     padding-left: 30px;
   }
 }

 .technology-box .section-title span {
   color: #fff;
 }

 .technology-box .section-title span::before {
   background: #fff;
 }

 .technology-box .section-title .title {
   color: #fff;
   font-size: 35px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .technology-box .section-title .title {
     font-size: 28px;
   }
 }

 @media (max-width: 767px) {
   .technology-box .section-title .title {
     font-size: 30px;
   }
 }

 .technology-box .col-lg-4:last-child .technology-service::before {
   display: none;
 }

 .technology-box .technology-service {
   position: relative;
 }

 @media (max-width: 767px) {
   .technology-box .technology-service {
     text-align: center;
     margin-bottom: 20px;
   }
 }

 .technology-box .technology-service::before {
   position: absolute;
   content: '';
   right: 25px;
   top: 0;
   height: 100%;
   width: 1px;
   background: rgba(255, 255, 255, 0.4);
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .technology-box .technology-service::before {
     right: -3px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .technology-box .technology-service::before {
     right: 15px;
   }
 }

 @media (max-width: 767px) {
   .technology-box .technology-service::before {
     display: none;
   }
 }

 .technology-box .technology-service .icon {
   border: 2px solid #fff;
   height: 64px;
   width: 64px;
   text-align: center;
   line-height: 62px;
   border-radius: 50%;
   display: inline-block;
 }

 .technology-box .technology-service .content {
   margin-top: 27px;
 }

 .technology-box .technology-service .content .title {
   font-size: 18px;
   font-weight: 700;
   color: #fff;
   margin-bottom: 5px;
 }

 .technology-box .technology-service .content p {
   font-size: 16px;
   font-weight: 500;
   color: #fff;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .technology-box .col-lg-8 {
     padding-left: 40px;
   }
 }

 @media (max-width: 767px) {
   .technology-box .col-lg-8 {
     padding-left: 0px;
   }
 }

 /*===========================
    19.CONTACT css
===========================*/
 @media (max-width: 767px) {
   .infetech-home-contact {
     padding-bottom: 70px;
   }
 }

 .home-contact-leftbar .contact-content-item {
   display: flex;
   align-items: flex-start;
   gap: 30px;
 }

 @media (max-width: 767px) {
   .home-contact-leftbar .contact-content-item {
     display: block;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .home-contact-leftbar .contact-content-item {
     display: flex;
   }
 }

 .home-contact-leftbar .contact-content-item .icon {
   min-height: 60px;
   min-width: 60px;
   text-align: center;
   line-height: 60px;
   background: #b882fc;
   font-size: 20px;
   color: #fff;
   border-radius: 50%;
 }

 @media (max-width: 767px) {
   .home-contact-leftbar .contact-content-item .icon {
     display: inline-block;
     margin-bottom: 10px;
   }
 }

 .home-contact-leftbar .contact-content-item .content {
   padding-right: 30px;
   padding-left: 30px;
 }

 /* @media (max-width: 767px) {
   .home-contact-leftbar .contact-content-item .content {
     padding-right: 0;
   }
 } */

 .home-contact-leftbar .contact-content-item .content .title {
   font-size: 20px;
   margin-bottom: 10px;
 }

 .home-contact-leftbar .contact-content-item .content .p {
   font-weight: 500;
   color: #6c6a72;
   line-height: 18pt;
 }

 .home-contact-box .form-card {
   background: #f4f2f9;
   padding: 60px 70px 50px;
   background-image: url(../image/contact-shape.png);
   background-size: auto;
   background-position: top right;
   background-repeat: no-repeat;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .home-contact-box .form-card {
     padding: 30px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .home-contact-box .form-card {
     padding: 30px;
     margin-top: 30px;
   }
 }

 @media (max-width: 767px) {
   .home-contact-box .form-card {
     padding: 30px;
     margin-top: 30px;
   }
 }

 .home-contact-box form .section-title .title {
   font-size: 35px;
 }

 .home-contact-box form .input-box {
   margin-bottom: 10px;
 }

 .home-contact-box form .input-box input {
   width: 100%;
   height: 60px;
   padding-left: 40px;
   background: #fff;
   border: 0;
   font-size: 14px;
   font-weight: 400;
   color: #6c6a72;
 }

 .home-contact-box form .input-box input::placeholder {
   color: #6c6a72;
   opacity: 1;
 }

 .home-contact-box form .input-box textarea {
   width: 100%;
   height: 180px;
   padding-left: 40px;
   padding-top: 15px;
   background: #fff;
   border: 0;
   resize: none;
   font-size: 14px;
   color: #6c6a72;
 }

 .home-contact-box form .input-box textarea::placeholder {
   opacity: 1;
   color: #6c6a72;
 }

 .home-contact-box form .input-box button {
   width: 100%;
   height: 60px;
   line-height: 60px;
   border: 1px solid #5f2dee;
 }

 .home-contact-box form .input-box textarea,
 .home-contact-box form .input-box input {
   font-size: 16px;
   padding-left: 30px;
 }

 .home-contact-box form .row>* {
   padding-left: 5px;
   padding-right: 5px;
 }

 .infetech-subscribe-area {
   padding-top: 110px;
   padding-bottom: 110px;
   background: #5f2dee;
   background-image: url(../image/subscribe-shape.png);
   background-position: top right;
   background-repeat: no-repeat;
   background-size: auto;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .infetech-subscribe-area {
     background-size: 40%;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-subscribe-area {
     padding-top: 60px;
     padding-bottom: 60px;
   }
 }

 @media (max-width: 767px) {
   .infetech-subscribe-area {
     padding-top: 60px;
     padding-bottom: 60px;
   }
 }

 .infetech-subscribe-area .subscribe-text {
   padding-right: 50px;
 }

 .infetech-subscribe-area .subscribe-text .title {
   color: #fff;
   font-size: 45px;
 }

 @media (max-width: 767px) {
   .infetech-subscribe-area .subscribe-text .title {
     font-size: 28px;
   }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .infetech-subscribe-area .subscribe-text .title {
     font-size: 30px;
   }
 }

 .infetech-subscribe-area .subscribe-form {
   padding-left: 70px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-subscribe-area .subscribe-form {
     padding-left: 0;
     margin-top: 20px;
   }
 }

 @media (max-width: 767px) {
   .infetech-subscribe-area .subscribe-form {
     padding-left: 0;
     margin-top: 20px;
   }
 }

 .infetech-subscribe-area .subscribe-form .input-box {
   position: relative;
 }

 .infetech-subscribe-area .subscribe-form .input-box .icon {
   position: absolute;
   right: 0;
   top: 5px;
 }

 .infetech-subscribe-area .subscribe-form .input-box .icon button {
   border: 0;
   background: transparent;
   color: #fff;
   font-size: 24px;
 }

 .infetech-subscribe-area .subscribe-form .input-box input[type="email"] {
   width: 100%;
   height: 60px;
   background: transparent;
   border: 0;
   border-bottom: 2px solid #6f42f0;
   font-weight: 500;
   color: #fff;
 }

 .infetech-subscribe-area .subscribe-form .input-box input[type="email"]::placeholder {
   opacity: 1;
   color: #fff;
 }

 .checkbox_common {
   margin-top: 25px;
 }

 .checkbox_common input[type="checkbox"] {
   display: none;
 }

 .checkbox_common input[type="checkbox"]+label span {
   display: inline-block;
   width: 16px;
   height: 16px;
   margin: -1px 15px 0 0;
   vertical-align: middle;
   cursor: pointer;
   -moz-border-radius: 50%;
   border-radius: 50%;
   border: 2px solid #fff;
   position: relative;
 }

 .checkbox_common input[type="checkbox"]+label span:before {
   color: #5f2dee;
   content: "\f00c";
   font-family: 'Font Awesome 5 Pro';
   font-size: 9px;
   position: absolute;
   text-align: center;
   left: 1px;
   top: -1px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0);
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   -ms-transition: 0.2s;
   -o-transition: 0.2s;
   transition: 0.2s;
 }

 .checkbox_common input[type="checkbox"]:checked+label span {
   background: #fff;
   border-color: #fff;
 }

 .checkbox_common input[type="checkbox"]:checked+label span:before {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
 }

 .checkbox_common input[type="checkbox"]+label span,
 .checkbox_common input[type="checkbox"]:checked+label span {
   -webkit-transition: background-color 0.2s linear;
   -o-transition: background-color 0.2s linear;
   -moz-transition: background-color 0.2s linear;
   transition: background-color 0.2s linear;
 }

 /*---------------checkbox style-2---------------*/
 .checkbox_style2 input[type="checkbox"]+label span {
   border-radius: 3px;
 }

 .checkbox_common label {
   color: #fff;
   font-weight: 500;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-contact-page-area {
     padding: 40px 0 70px;
   }
 }

 @media (max-width: 767px) {
   .infetech-contact-page-area {
     padding: 40px 0 70px;
   }
 }

 .infetech-contact-page-area .conatct-info .item {
   display: flex;
   align-items: center;
   gap: 20px;
   margin-bottom: 20px;
 }

 .infetech-contact-page-area .conatct-info .item .icon {
   height: 80px;
   width: 80px;
   text-align: center;
   border-radius: 50%;
   background-image: -moz-linear-gradient(0deg, #5f2dee 0%, #b882fc 100%);
   background-image: -webkit-linear-gradient(0deg, #5f2dee 0%, #b882fc 100%);
   background-image: -ms-linear-gradient(0deg, #5f2dee 0%, #b882fc 100%);
   box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
   position: relative;
   z-index: 10;
   min-width: 80px;
   font-size: 30px;
   color: #5f2dee;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .infetech-contact-page-area .conatct-info .item .icon::before {
   position: absolute;
   content: '';
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   background: #fff;
   border-radius: 50%;
   height: 65px;
   width: 65px;
   z-index: -1;
 }


 .infetech-contact-page-area .conatct-info .item .content span {
   font-size: 15px;
   font-weight: 500;
   color: #6c6a72;
   margin-bottom: 2px;
 }

 .infetech-contact-page-area .conatct-info .item .content .title {
   font-size: 20px;
   font-weight: 600;
   color: #1d1729;
   line-height: 30px;
 }

 .infetech-contact-page-area .conatct-info .item .content .title a {
   color: #1d1729;
 }

 .infetech-contact-page-area .conatct-info .item .content .title a:hover {
   color: #5f2dee;
 }

 .contact-form-page-box {
   padding: 60px 80px 35px;
   background: #f4f2f9;
   background-image: url(../image/contact-shape-2.png);
   background-repeat: no-repeat;
   background-position: top right;
   background-size: contain;
 }

 @media (max-width: 767px) {
   .contact-form-page-box {
     padding: 30px;
   }
 }

 .contact-form-page-box .input-box {
   margin-bottom: 25px;
 }

 .contact-form-page-box .input-box input {
   width: 100%;
   border: 0;
   background: #fff;
   height: 60px;
   padding-left: 30px;
   color: #000;
   font-size: 16px;
   font-weight: 400;
   color: #6c6a72;
 }

 .contact-form-page-box .input-box input::placeholder {
   opacity: 1;
 }

 .contact-form-page-box .input-box textarea {
   width: 100%;
   border: 0;
   background: #fff;
   height: 180px;
   padding-left: 30px;
   padding-top: 25px;
   color: #000;
   font-size: 16px;
   font-weight: 400;
   resize: none;
   color: #6c6a72;
 }

 .contact-form-page-box .input-box textarea::placeholder {
   opacity: 1;
 }

 .contact-form-page-box .input-box button {
   width: 100%;
   padding: 0;
   margin-top: 20px;
 }

 /*===========================
    20.BENEFITS css
===========================*/
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-benefits-area.infetech-benefits-services-area {
     padding-top: 70px;
     padding-bottom: 70px;
   }
 }

 @media (max-width: 767px) {
   .infetech-benefits-area.infetech-benefits-services-area {
     padding-top: 70px;
     padding-bottom: 70px;
   }
 }

 .benefits-thumb {
   position: relative;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .benefits-thumb {
     display: none;
   }
 }

 @media (max-width: 767px) {
   .benefits-thumb {
     display: none;
   }
 }

 .benefits-thumb .main-thumb {
   margin-left: -55px;
   position: relative;
   z-index: 10;
 }

 .benefits-thumb .shape-1 {
   position: absolute;
   left: -65px;
   top: 30px;
   z-index: 5;
 }

 .benefits-thumb .shape-2 {
   position: absolute;
   top: 0;
   left: -80px;
   z-index: 6;
 }

 .benefits-thumb .shape-3 {
   position: absolute;
   top: 190px;
   left: -170px;
   z-index: 6;
 }

 .benefits-thumb .shape-4 {
   position: absolute;
   right: 90px;
   bottom: 50px;
   z-index: 3;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .benefits-content {
     padding-left: 0;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .benefits-content {
     padding-left: 0;
   }
 }

 @media (max-width: 767px) {
   .benefits-content {
     padding-left: 0;
   }
 }

 .benefits-content .content-box {
   padding-top: 25px;
 }

 .benefits-content .content-box .product-details-info {
   font-size: 20px;
   font-weight: 700;
   color: #5f2dee;
 }

 .benefits-content .content-box .p {
   color: #6c6a72;
   font-weight: 500;
   line-height: 30px;
 }

 .benefits-content .benefits-service-box {
   margin-top: 15px;
   display: flex;
   align-items: center;
   gap: 20px;
 }

 .benefits-content .benefits-service-box .icon {
   padding-left: 20px;
   padding-top: 20px;
   position: relative;
   z-index: 10;
 }

 @media (max-width: 767px) {
   .benefits-content .benefits-service-box .icon {
     flex-basis: 140px;
   }
 }

 .benefits-content .benefits-service-box .icon::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 70px;
   width: 70px;
   border-radius: 50%;
   background: #f8f2ff;
   z-index: -1;
 }

 .benefits-content .benefits-service-box .content span {
   color: #1d1729;
   font-size: 20px;
   font-weight: 800;
   line-height: 30px;
   padding-top: 15px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .benefits-content .benefits-service-box .content span {
     font-size: 16px;
     line-height: 20px;
   }
 }

 .benefits-content>a {
   border: 1px solid #5f2dee;
   margin-top: 48px;
 }

 /*===========================
    21.SERVING css
===========================*/
 .infetech-serving-area {
   background-image: url(../image/serving-bg.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   padding-top: 113px;
   padding-bottom: 180px;
 }

 .infetech-serving-area .section-title {
   margin-bottom: 55px;
 }

 .single-serving-item {
   background: #fff;
   padding: 40px 0;
   margin: 0px 20px;
   position: relative;
   z-index: 10;
 }

 .single-serving-item::before {
   position: absolute;
   content: '';
   right: 0;
   top: 0;
   height: 100%;
   width: 0%;
   background: #5f2dee;
   z-index: -4;
   transition: all linear 0.3s;
   opacity: 0;
 }

 .single-serving-item .icon svg {
   transition: all linear 0.3s;
 }

 .single-serving-item .title {
   margin-top: 25px;
   font-size: 18px;
   font-weight: 700;
   transition: all linear 0.3s;
 }

 .single-serving-item:hover::before {
   opacity: 1;
   width: 100%;
 }

 .single-serving-item:hover .icon svg {
   fill: #fff;
 }

 .single-serving-item:hover .title {
   color: #fff;
 }

 .serving-angle-shape-1 {
   transition: all .3s ease;
   -moz-transition: all .3s ease;
   -webkit-transition: all .3s ease;
   -o-transition: all .3s ease;
   position: absolute;
   top: 0;
   left: -30px;
   width: 0;
   height: 0;
   opacity: 0;
   border-top: 130px solid #7746f1;
   border-right: 80px solid transparent;
   z-index: -2;
 }

 .serving-angle-shape-2 {
   transition: all .3s ease;
   -moz-transition: all .3s ease;
   -webkit-transition: all .3s ease;
   -o-transition: all .3s ease;
   position: absolute;
   top: 0;
   left: -30px;
   width: 0;
   height: 0;
   opacity: 0;
   border-top: 250px solid #6730fd;
   border-right: 150px solid transparent;
   z-index: -3;
 }

 .single-serving-item {
   overflow: hidden;
   z-index: 10;
 }

 .single-serving-item:hover .serving-angle-shape-1,
 .single-serving-item:hover .serving-angle-shape-2 {
   transition: all .3s ease;
   -moz-transition: all .3s ease;
   -webkit-transition: all .3s ease;
   -o-transition: all .3s ease;
   -webkit-transition-delay: .3s;
   transition-delay: .3s;
   opacity: 1;
   left: 0;
 }

 /*===========================
    21.SOLUTIONS css
===========================*/
 .infetech-solutions-area {
   background: #1d1729;
   padding-top: 112px;
   padding-bottom: 116px;
   background-image: url(../image/solutions-shape.png);
   background-position: top right;
   background-repeat: no-repeat;
   background-size: contain;
   position: relative;
 }

 .infetech-solutions-area::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 100%;
   width: 50%;
   background-image: url(../image/solutions-bg.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .infetech-solutions-area::before {
     display: none;
   }
 }

 @media (max-width: 767px) {
   .infetech-solutions-area::before {
     display: none;
   }
 }

 .solutions-content .section-title span {
   color: #b0a9c0;
 }

 .solutions-content .section-title span::before {
   background: #b0a9c0;
 }

 .solutions-content .section-title .title {
   color: #fff;
 }

 .solutions-content .solutions-box-content {
   margin-top: 30px;
 }

 .solutions-content .solutions-box-content span {
   font-weight: 600;
   font-size: 18px;
   line-height: 30px;
   color: #5f2dee;
   margin-bottom: 25px;
 }

 .solutions-content .solutions-box-content p {
   color: #b0a9c0;
   font-weight: 500;
   line-height: 30px;
   margin-bottom: 29px;
 }

 .solutions-content .solutions-service {
   display: flex;
   gap: 20px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .solutions-content .solutions-service {
     margin-bottom: 20px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .solutions-content .solutions-service {
     margin-bottom: 20px;
   }
 }

 @media (max-width: 767px) {
   .solutions-content .solutions-service {
     margin-bottom: 20px;
   }
 }

 .solutions-content .solutions-service .icon {
   padding-left: 20px;
   padding-top: 10px;
   position: relative;
   z-index: 10;
 }

 .solutions-content .solutions-service .icon::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 52px;
   width: 52px;
   background: #2d223f;
   border-radius: 50%;
   z-index: -1;
 }

 .solutions-content .solutions-service .content span {
   color: #fff;
   font-size: 20px;
   font-weight: 800;
   margin-top: 14px;
 }

 /*===========================
    22.PRICING css
===========================*/
 .infetech-pricing-area {
   padding-top: 112px;
   padding-bottom: 113px;
   position: relative;
   z-index: 10;
 }

 .infetech-pricing-area::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   width: 100%;
   height: 675px;
   background: #f4f2f9;
   z-index: -1;
 }

 .single-pricing-box {
   padding: 50px;
   box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
   background: #fff;
   background-image: url(../image/pricing-item-bg.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   margin-left: 15px;
   margin-right: 15px;
   position: relative;
   z-index: 10;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .single-pricing-box {
     padding: 50px 25px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-pricing-box {
     padding: 50px 25px;
     text-align: center;
     margin-bottom: 30px;
   }
 }

 @media (max-width: 767px) {
   .single-pricing-box {
     padding: 50px 25px;
     text-align: center;
     margin-bottom: 30px;
   }
 }

 .single-pricing-box::before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   bottom: auto;
   width: 100%;
   height: 0%;
   background-image: url(../image/pricing-item-bg-2.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   z-index: -1;
   transition: all linear 0.3s;
 }

 .single-pricing-box .price-heading {
   padding-bottom: 25px;
 }

 .single-pricing-box .price-heading .title {
   font-size: 36px;
   font-weight: 800;
   color: #1d1729;
   line-height: 48px;
   padding-bottom: 10px;
   transition: all linear 0.3s;
 }

 .single-pricing-box .price-heading p {
   font-size: 14px;
   font-weight: 600;
   color: #6c6a72;
   line-height: 24px;
   transition: all linear 0.3s;
 }

 .single-pricing-box .price-box {
   display: flex;
   gap: 12px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-pricing-box .price-box {
     justify-content: center;
   }
 }

 @media (max-width: 767px) {
   .single-pricing-box .price-box {
     justify-content: center;
   }
 }

 .single-pricing-box .price-box img {
   height: 95px;
   width: 95px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .single-pricing-box .price-box img {
     height: 50px;
     width: 50px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-pricing-box .price-box img {
     height: 50px;
     width: 50px;
   }
 }

 @media (max-width: 767px) {
   .single-pricing-box .price-box img {
     height: 50px;
     width: 50px;
   }
 }

 .single-pricing-box .price-box>span {
   font-size: 60px;
   font-weight: 800;
   color: #5f2dee;
   padding-top: 25px;
   transition: all linear 0.3s;
 }

 @media (max-width: 767px) {
   .single-pricing-box .price-box>span {
     font-size: 45px;
   }
 }

 .single-pricing-box .price-box>span sup {
   font-size: 30px;
 }

 .single-pricing-box .price-box>span span {
   font-size: 18px;
   color: #6c6a72;
   font-weight: 500;
   transition: all linear 0.3s;
 }

 .single-pricing-box .price-featured {
   padding-top: 12px;
 }

 .single-pricing-box .price-featured span {
   font-size: 18px;
   font-weight: 600;
   color: #5f2dee;
   padding-bottom: 8px;
   transition: all linear 0.3s;
 }

 .single-pricing-box .price-featured ul li {
   font-size: 16px;
   font-weight: 600;
   line-height: 36px;
   color: #1d1729;
   transition: all linear 0.3s;
 }

 .single-pricing-box .price-featured ul li img {
   padding-right: 12px;
 }

 .single-pricing-box .price-featured>a {
   margin-top: 29px;
 }

 .single-pricing-box:hover::before,
 .single-pricing-box.active::before {
   height: 100%;
   bottom: 0;
   top: auto;
 }

 .single-pricing-box:hover .price-heading .title,
 .single-pricing-box.active .price-heading .title {
   color: #fff;
 }

 .single-pricing-box:hover .price-heading p,
 .single-pricing-box.active .price-heading p {
   color: #fff;
 }

 .single-pricing-box:hover .price-box span,
 .single-pricing-box.active .price-box span {
   color: #fff;
 }

 .single-pricing-box:hover .price-featured span,
 .single-pricing-box.active .price-featured span {
   color: #fff;
 }

 .single-pricing-box:hover .price-featured ul li,
 .single-pricing-box.active .price-featured ul li {
   color: #fff;
 }

 .single-pricing-box:hover .price-featured a,
 .single-pricing-box.active .price-featured a {
   border: 1px solid #fff;
   background: #fff;
   color: #5f2dee;
 }

 .index-product-text {
   display: none;
 }

 .index-product-text.active {
   display: block;
 }

 .index-product-btn {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   gap: 6px;
 }

 .index-product-btn .main-btn {
   padding: 0 30px;
   line-height: 50px;
   cursor: pointer;
 }

 .index-product-btn .grey {
   background: #f2f0f7;
   color: #1d1729;
 }

 .index-product-btn .main-btn:hover {
   background: #f2f0f7;
 }

 .index-product-btn .grey:hover {
   color: #5f2dee;
 }

 .index-product .index-product-btn {
   margin-top: 28px;
 }

 .index-product-li {
   margin-top: 50px;
 }

 .index-product .index-product-text {
   margin-top: 32px;
 }

 .index-product-li {
   display: none;
 }

 .index-product-li.active {
   display: block;
 }


 .top-carousel {
   width: 100%;
   position: relative;
   overflow: hidden;
   padding: 0;
 }

 .top-carousel .slide-item {
   overflow: hidden;
   background-size: cover;
   background-position: center;

   min-height: 450px;
   padding: 50px 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
 }

 .top-carousel .slick-slide {
   margin: 0;
 }

 .top-carousel-text {
   max-width: 800px;
 }

 .top-carousel-text h2 {
   font-size: 32px;
   margin-bottom: 0;
   line-height: 1.3;
   color: #fff;
   font-weight: 600;
 }

 .top-carousel-text>div {
   font-size: 18px;
   line-height: 1.5;
   color: #fff;
   opacity: .6;
   margin-top: 15px;
 }

 .top-carousel-text a {
   margin-top: 25px;
   display: inline-block;
   text-align: left;
 }

 .top-carousel .slider .slick-dots {
   position: absolute;
   left: 0 !important;
   bottom: 22px !important;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 1;
 }

 .top-carousel .slider .slick-dots li {
   width: 15px;
   height: 6px;
   transition: ease-out .36s;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0 5px !important;
   font-size: 0;

 }

 .top-carousel .slick-dots li button {
   width: 15px;
   height: 6px;
   border-radius: .25rem;
   background: #fff;
   border: none;
 }

 .top-carousel .slick-dots li.slick-active {
   width: 30px;
 }

 .top-carousel .slick-dots li.slick-active button {
   box-shadow: none;
   width: 30px;
   background: #0d6efd;
 }

 @media (max-width: 768px) {
   .top-carousel .slide-item {
     min-height: 300px;
   }
 }




 .pagination-box {
   list-style: none;
   padding: 0;
   margin: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 25px;
   margin-top: 30px;
 }

 @media (max-width: 991px) {
   .pagination-box {
     gap: 15px;
   }
 }

 @media (max-width: 400px) {
   .pagination-box {
     gap: 5px;
   }
 }

 .pagination-box .pagination-item {
   border-radius: 10px;
   background: #fff;
   -webkit-box-shadow: 0px 4px 20px 0px rgba(21, 32, 50, 0.15);
   box-shadow: 0px 4px 20px 0px rgba(21, 32, 50, 0.15);
   height: 45px;
   min-width: 45px;
   font-size: 16px;
   color: #5f2dee;
   line-height: 45px;
   text-align: center;
   font-weight: 600;
 }

 @media (max-width: 400px) {
   .pagination-box .pagination-item {
     height: 40px;
     min-width: 40px;
     line-height: 40px;
   }
 }

 .pagination-box .pagination-item.active {
   background-color: #5f2dee;
   color: #fff;
   pointer-events: none;
 }

 .pagination-box a.pagination-item:hover {
   background-color: #5f2dee;
   color: #fff;
 }

 .pagination-box .pagination-arrow {
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
 }

 .pagination-box .pagination-arrow:hover {
   color: #5f2dee;
 }

 .pagination-box .pagination-arrow-left {
   margin-right: 15px;
 }

 .pagination-box .pagination-arrow-right {
   margin-left: 15px;
 }

 .infetech-projects-grid-area .pagination-box {
   margin-top: 40px;
 }

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

 .page-title-left {
   text-align: left;
 }

 .page-title.section-title .title {
   margin-top: 0;
 }

 .page-title.section-title .p {
   margin-top: 8px;
 }

 .case-section .index-product-btn {
   margin-top: 30px;
   margin-bottom: 30px;
 }

 .infetech-clients-3-area .pagination-box {
   margin-top: 60px;
 }


 .breadcumb-section {
   padding: 16px 0;
 }

 .breadcumb-section ul {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   font-size: 14px;
   font-weight: 400;
   text-transform: uppercase;
   color: #0d6efd;
   margin: 0;
   padding: 0;
   list-style: none;
 }

 .breadcumb-section ul h1 {
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
   line-height: inherit;
   margin-bottom: 0;
 }

 .breadcumb-section svg {
   width: 18px;
   height: auto;
   margin-right: 10px;
   display: block;

 }

 .breadcumb-section li span {
   margin: 0 8px;
   color: #333;
 }

 .breadcumb-section img {
   width: 18px;
   margin: 0 10px;
 }

 .breadcumb-section a {
   color: #333;
   transition: ease-out .26s;
 }

 .breadcumb-section a:hover {
   color: #0d6efd;
 }

 .service-section-row {
   display: flex;
   align-items: center;
 }

 .service-section-img {
   width: 50%;
 }

 .service-section-img img {
   width: 100%;
 }

 .service-section-row .single-service-3-item {
   position: relative;
 }

 .service-section-row .single-service-3-item .title a {
   color: #1d1729 !important;
 }

 .service-section-row .single-service-3-item .title a:hover {
   color: #0d6efd !important;
 }

 .service-section-row {
   margin-bottom: 60px;
 }

 .service-section-row .main-btn {
   padding: 0 30px;
   line-height: 50px;
   margin-top: 20px;
 }

 .service-section-row .main-btn:hover {
   background: #f2f0f7;
 }

 .service-section-row:nth-child(even) {
   flex-direction: row-reverse;
 }

 .service-section-row:nth-child(even) .single-service-3-item {
   text-align: right;
 }

 .service-section-row:nth-child(even) .single-service-3-item::before {
   left: 0;
   right: auto;
 }

 .service-section-row:nth-child(even) .single-service-3-item {
   background-position: left bottom;
 }





 .about-history {
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
   position: relative;
   overflow: hidden;
 }

 .about-history .index_title {
   color: white;
   text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
   text-align: center;
 }

 .about-history-center {
   position: relative;
 }

 .about-history .swiper-slide {
   text-align: center;
   color: #fff;
 }

 .about-history-title {
   font-size: 30px;
   font-weight: 700;
   line-height: 1.3;
   text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
 }

 .about-history-title::before {
   content: '';
   width: 85px;
   height: 3px;
   background: #0d6efd;
   display: block;
   margin: 0 auto 6px auto;
 }

 .about-history-text {
   font-size: 16px;
   line-height: 1.6;
   font-weight: 400;
   margin: 18px auto 0 auto;
   padding: 0 60px;
   max-width: 900px;
   text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
 }

 .about-history-sub {
   color: #FFFFFF47;
   font-weight: 800;
   font-size: 180px;
   padding-top: 10px;
   line-height: 1;
   margin-top: auto;
   white-space: nowrap;
 }

 .about-history-center .swiper-slide {
   height: auto;
   display: flex;
   flex-direction: column;
   overflow: hidden;
 }

 .about-history-prev,
 .about-history-next {
   position: absolute;
   top: 70px;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   background: #fff;
   cursor: pointer;
   z-index: 2;
   transition: ease-out .36s;
   font-size: 30px;
   line-height: 1;
 }

 .about-history-prev::before,
 .about-history-next::before {
   content: '⌵';
   display: block;
   font-weight: bold;
   position: absolute;
   top: 50%;
   left: 50%;
 }

 .about-history-prev::before {
   transform: translate(-30%, -50%) rotate(90deg);
 }

 .about-history-next::before {
   transform: translate(-70%, -50%) rotate(-90deg);
 }

 .about-history-prev:hover,
 .about-history-next:hover {
   background: #0d6efd;
   color: #fff;
 }

 .about-history-prev {
   left: 0;
 }

 .about-history-next {
   right: 0;
 }

 .about-history-bottom {
   margin-top: 60px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.5);
   display: flex;
   justify-content: center;
   position: relative;
   z-index: 2;
 }

 .about-history-bottom .swiper {
   position: relative;
   bottom: -5px;
   overflow: visible;
 }

 .about-history-bottom .swiper-slide {
   width: auto;
   padding: 0 60px;
   cursor: pointer;
 }

 .about-history-bottom .swiper-slide span {
   display: block;
   width: 9px;
   height: 9px;
   position: relative;
   margin: 0 auto;
   opacity: .5;
 }

 .about-history-bottom .swiper-slide span::after {
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background: #fff;
 }

 .about-history-bottom .swiper-slide span::before {
   content: '';
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   width: 27px;
   height: 27px;
   border-radius: 50%;
   background: rgba(255, 255, 255, 0.5);
   opacity: 0;
   transition: ease-out .36s;
 }

 .about-history-bottom .swiper-slide div {
   font-size: 30px;
   color: #fff;
   text-align: center;
   opacity: .5;
   font-weight: 600;
   margin-bottom: 15px;
   text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
 }

 .about-history-bottom .swiper-slide-thumb-active span,
 .about-history-bottom .swiper-slide-thumb-active div,
 .about-history-bottom .swiper-slide-thumb-active span::before {
   opacity: 1;
 }

 .about-history-bottom .swiper {
   width: 100%;
 }

 .about-history .section-title h3 {
   color: #ffffff;
 }

 .about-history .section-title span::before {
   background: #0d6efd;
 }

 .about-history .section-title span {
   color: #0d6efd;
 }

 @media (max-width: 1024px) {
   .about-history-sub {
     font-size: 17vw;
   }
 }

 @media screen and (min-width: 768px) and (max-width: 992px) {
   .about-history-sub {
     font-size: 14vw;
   }
 }

 @media (max-width: 768px) {

   .about-history-prev,
   .about-history-next {
     width: 40px;
     height: 40px;
   }

   .about-history {
     padding-top: 60px;
     padding-bottom: 60px;
   }



   .about-history-prev,
   .about-history-next {
     top: 5px;
   }

   .about-history-text {
     padding: 0;
   }

   .about-history-bottom .swiper-slide {
     padding: 0 30px;
   }

   .about-history-bottom .swiper-slide div {
     font-size: 24px;
   }

   .about-history-bottom {
     margin-top: 30px;
   }
 }

 .certificates-section {
   padding-top: 110px;
   padding-bottom: 110px;
 }

 .certificates-section .single-serving-item {
   padding: 0 0 23px 0;
 }

 .certificates-section .single-serving-item .title {
   margin-top: 20px;
   padding: 0 10px;
 }



 #text-side {
   display: none;
 }

 @media (min-width: 992px) {
   #text-side-phone {
     display: none;
   }

   #text-side {
     display: block;
   }
 }

 #toc-list {
   margin-top: 15px;
 }

 #toc-list ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
 }

 .toc-container {
   line-height: 1.75;
 }

 .toc-item {
   color: #333;
   transition: ease-out .36s;
   line-height: 1.3;
 }

 .toc-item-title {
   position: relative;
   font-size: 16px;
   padding: 5px 25px 5px 0;
 }

 .toc-sub-item {
   font-size: 14px;
   padding: 2px 0 4px 20px;
   color: #333;
 }

 .toc-item span {
   cursor: pointer;
   text-decoration: none;
 }

 .toc-item span:hover {
   text-decoration: underline;
 }

 .toc-item.active,
 .toc-container:has(.toc-sub-list .active) .toc-item-title {
   color: #0d6efd;
 }

 .toc-sub-list {
   padding: 3px 0;
   display: none;
 }

 .toc-icon {
   position: absolute;
   right: 0;
   top: 6px;
   transform: rotate(-90deg);
   font-style: normal;
   transition: ease-out .36s;
   cursor: pointer;
   width: 26px;
   height: 26px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .toc-icon:before {
   content: "⌵";
   font-weight: bold;
 }

 .toc-item-title.on .toc-icon {
   transform: rotate(0deg);
 }

 #text-content em {
   font-style: italic;
 }

 #text-content * {
   margin: revert !important;
   padding: revert !important;
 }

 #text-content table,
 #text-content table th,
 #text-content table td {
   width: revert !important;
   height: revert !important;
   text-align: revert !important;
   border-spacing: revert !important;
   border-collapse: revert !important;
 }

 #text-content h1,
 #text-content h2,
 #text-content h3,
 #text-content h4,
 #text-content h5,
 #text-content h6,
 #text-content p {
   font-size: revert;
 }

 .blog-sidebar {
   position: sticky;
   top: 130px;
 }

 .index-product-dot {
   display: flex;
   justify-content: center;
   margin-top: 60px;
 }

 .index-product-dot span {
   width: 16px;
   height: 4px;
   border-radius: 0;
 }

 .index-product-dot .swiper-pagination-bullet-active {
   background: #5f2dee;
 }

 .service-slide-row {
   padding: 0 50px;
   position: relative;
 }

 .slide-btn-next,
 .slide-btn-prev {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   cursor: pointer;
   width: 50px;
   height: 50px;
   line-height: 48px;
   border-radius: 50%;
   font-size: 20px;
   text-align: center;
   border: 1px solid #5f2dee;
   color: #5f2dee;
   transition: .3s;
 }

 .slide-btn-next {
   right: 0;
 }

 .slide-btn-prev {
   left: 0;
 }

 .slide-btn-next:hover,
 .slide-btn-prev:hover {
   background: #5f2dee;
   color: #fff;
 }

 .product-section .row {
   row-gap: 50px;
 }

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

 .product-section .section-title {
   margin-bottom: 60px;
 }


 .home-contact-leftbar .contact-content-item {
   background: #fff;
   margin-bottom: 15px;
   padding: 30px 0;
 }

 .home-contact-leftbar .contact-content-item:last-child {
   margin-bottom: 0;
 }

 .home-contact-leftbar .contact-content-item .content {
   width: 100%;
 }

 .home-contact-leftbar .contact-content-item .content .title {
   position: relative;
   padding-right: 35px;
   cursor: pointer;
 }

 .home-contact-leftbar .contact-content-item .content .title span {
   width: 28px;
   height: 28px;
   font-size: 16px;
   background: #faeff2;
   border-radius: 2px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   right: 0;
   top: -2px;
   transition: .3s;
 }

 .home-contact-leftbar .contact-content-item .content .p {
   display: none;
 }

 .home-contact-leftbar .contact-content-item .content .title:hover span,
 .home-contact-leftbar .contact-content-item.active .content .title span {
   background: #0d6efd;
   color: #fff;
 }

 .home-contact-leftbar .contact-content-item.active .content .title span i::before {
   content: "\e660";
 }

 .faq-section .information-thumb .thumb img {
   max-width: 300px;
 }

 .faq-section .information-thumb .thumb .information-logo {
   max-width: 144px;
 }

 .faq-section .information-thumb {
   max-width: 450px;
   margin-left: auto;
   margin-right: auto;
 }

 .product-list {
   overflow: visible;
   padding-top: 90px;
   padding-bottom: 120px;
 }

 .product-list .single-tema-item {
   margin-left: 0;
   margin-right: 0;
 }

 .product-list-row {
   row-gap: 40px;
 }

 .product-list .blog-sidebar .blog-widgets {
   padding: 40px 20px 25px;
 }


 .category-li span {
   transition: .36s;
 }

 .category-li.rotate span {
   transform: rotate(90deg);
 }

 .category-li .sub-cat {
   display: none;
 }

 .blog-sidebar .blog-widgets.blog-category-sidebar ul li .sub-cat {
   padding-left: 10px;
 }

 .blog-sidebar .blog-widgets.blog-category-sidebar ul li.category-li {
   margin-bottom: 5px;
 }

 .product-list .pagination-box {
   margin-top: 70px;
 }

 .product-details-info {
   padding-top: 15px;
 }

 .product-details-info li {
   display: flex;
   align-items: start;
   margin-top: 5px;
 }

 .product-details-info span {
   margin-right: 8px;
 }

 .product-details-info div {
   flex: 1;
   overflow: hidden;
 }

 .product-details-btns {
   display: flex;
   flex-wrap: wrap;
   gap: 5px;
   margin-top: 28px;
 }

 .product-details-btns .main-btn {
   padding: 0 30px;
   line-height: 50px;
   border: 1px solid #5f2dee;
 }

 .swiper-bottom {
   margin-top: 10px;

 }

 .product-imgs .swiper-button-next::after,
 .product-imgs .swiper-button-prev::after {
   color: #0d6efd;
   font-size: 30px;
 }

 .product-details-row {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   background: #f2f2f2;
   padding: 15px;
   margin-bottom: 30px;
 }

 .product-details-row div {
   font-weight: 600;
   font-size: 22px;
   margin: 0 15px;
   cursor: pointer;
   padding: 6px 0;
   color: #333;
   transition: .3s;
   position: relative;
 }

 .product-details-row div:hover,
 .product-details-row div.active {
   color: #5f2dee;
 }

 .product-details-row div::after {
   content: '';
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 3px;
   background: #5f2dee;
   opacity: 0;
   transition: .3s;
 }

 .product-details-row div.active::after {
   opacity: 1;
 }



 .details-description {
   padding-left: 0;
   padding-top: 20px;
 }

 .details-description-img img {
   width: 100%;
 }

 .details-description-text {
   margin-top: 25px;
 }

 .details-description-text h2 {
   font-size: 30px;
   margin-bottom: 10px;
 }

 .details-description li {
   margin-bottom: 40px;
   list-style: none;
 }

 .details-description li:last-child {
   margin-bottom: 0;
 }

 .details-description .details-description-text {
   padding-right: 30px;
 }

 .details-description li .row {
   flex-direction: column-reverse;
 }

 @media (min-width: 992px) {
   .details-description-text {
     margin-top: 0;
   }

   .details-description li .row {
     flex-direction: row;
   }

   .details-description li.on .row {
     flex-direction: row-reverse;
   }

   .details-description li.on .details-description-text {
     padding-right: 0;
     padding-left: 30px;
   }

 }

 .details-download {
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
 }

 .details-download li {
   display: flex;
   align-items: center;
   padding: 20px 0;
   border-bottom: 1px solid #dddcdc;
 }

 .details-download li img {
   width: 80px;

 }

 .details-download li>span {
   font-size: 20px;
   color: #000;
   margin: 0 20px;
   flex: 1;
   overflow: hidden;
 }

 .details-download li:last-child {
   border-bottom: none;
 }

 .details-download .main-btn {
   padding: 0 30px;
   line-height: 50px;
   border: 1px solid #5f2dee;
 }

 .details-card {
   display: none;
 }

 .details-card.active {
   display: block;
 }

 .section-bg {
   background: #f4f2f9;
 }

 .section-bg-none {
   background: none;
 }

 .not-page {
   text-align: center;
 }

 .not-page img {
   width: 500px;
 }

 .not-page .container>img {
   margin-bottom: 40px;
 }

 .not-page .main-btn {
   border: 1px solid #5f2dee;
   margin-top: 35px;
 }

 .not-page .text {
   margin-top: 25px;
 }

 .search-section .pagination-box {
   margin-top: 60px;
   margin-bottom: 20px;
 }

 .infetech-banner-img img {
   min-height: 360px;
   object-fit: cover;
   object-position: center;
 }

 /* padding: 120px 0; */

 .infetech-blog-area-2 .main-btn {
   border: 1px solid #5f2dee;
 }

 .infetech-service-slide-3-area .service-section-img {
   width: 40%;
 }

 .infetech-service-slide-3-area .single-service-3-item {
   width: 60%;
 }

 @media (max-width: 1560px) {
   .header-main-nav-box ul li {
     margin-right: 30px;
   }
 }

 @media (max-width: 1440px) {
   .header-main-nav-box ul li {
     margin-right: 25px;
   }
 }

 @media (max-width: 1366px) {

   .header-main-info .header-mini-btn::before,
   .header-main-info .header-main-info-contact {
     display: none;
   }

 }

 @media (max-width: 1200px) {


   .infetech-team-area {
     padding-bottom: 100px;
     padding-top: 95px;
   }

   .infetech-testimonial-area {
     padding-top: 95px;
     padding-bottom: 113px;
   }

   .pb-120 {
     padding-bottom: 100px;
   }

   .pt-115 {
     padding-top: 95px;
   }

   .infetech-clients-3-area {
     padding-top: 92px;
     padding-bottom: 100px;
   }

   .infetech-about-area {
     top: 95px;
   }

   .video-content-wrapper .video-content-box {
     padding: 30px;
   }

   .infetech-video-area {
     padding-top: 100px;
     padding-bottom: 100px;
   }

   .infetech-blog-area-2 {
     padding-top: 100px;
     padding-bottom: 30px;
   }

   .pt-100 {
     padding-top: 80px;
   }

   .pb-100 {
     padding-bottom: 80px;
   }

   .infetech-footer-area {
     padding-top: 100px;
     padding-bottom: 87px;
   }

   .footer-copyright {
     padding: 20px 0;
   }

   .testimonial-slide-active-5 .testimonial-slide-item .box .content .title {
     font-size: 20px;
   }

   .testimonial-slide-active-5 .testimonial-slide-item .text .p {
     font-size: 16px;
   }

   .testimonial-slide-active-5 .testimonial-slide-item .content {
     margin-top: 12px;
   }

   .testimonial-slide-bg {
     padding: 20px;
   }

   .slide-btn-next,
   .slide-btn-prev {
     width: 40px;
     height: 40px;
     line-height: 38px;
     font-size: 18px;
   }

   .service-slide-row {
     padding: 0 40px;
   }

   .infetech-company-about-area {
     padding-top: 100px;
     padding-bottom: 110px;
   }

   .fun-facts-item .title span {
     font-size: 55px;
   }

   .infetech-promo-banner-area.infetech-promo-banner-about {
     padding: 90px 0;
   }

   .infetech-clients-area {
     padding: 95px 0;
   }

   .pt-110 {
     padding-top: 90px;
   }

   .infetech-project-3-area {
     padding-top: 92px;
     padding-bottom: 135px;
   }

   .certificates-section {
     padding-top: 90px;
     padding-bottom: 90px;
   }

   .pt-120 {
     padding-top: 100px;
   }

   .pagination-box {
     margin-top: 20px;
   }

   .case-section .single-project-item .single-project-overlay {
     padding: 0 20px 20px 20px;
   }

   .infetech-contact-page-area .conatct-info .item .content .title {
     font-size: 18px;
   }

   .infetech-contact-page-area .conatct-info .item .icon::before {
     height: 55px;
     width: 55px;
   }

   .infetech-contact-page-area .conatct-info .item .icon {
     width: 70px;
     height: 70px;
     min-width: 70px;
     font-size: 28px;
   }

   .infetech-contact-page-area .conatct-info .item {
     gap: 12px;
   }

   .contact-form-page-box {
     padding: 50px 50px;
   }

   .contact-form-page-box .col-lg-12 .input-box {
     margin-bottom: 0;
   }

   .infetech-project-slider-area-2 .single-project-slider-item {
     margin-left: 0;
     margin-right: 0;
   }

   .infetech-project-slider-area-2 .single-project-slider-item .content .title a {
     font-size: 22px;
   }

   .infetech-information-area .information-thumb .thumb::before {
     display: none;
   }

   .infetech-information-area {
     padding: 100px 0;
   }

   .product-list {
     padding-top: 70px;
     padding-bottom: 100px;
   }

   .infetech-service-slide-3-area {
     padding-top: 60px;
     padding-bottom: 60px;
   }

   .infetech-service-slide-3-area .mt-60 {
     margin-top: 50px;
   }

   .service-section-row {
     margin-bottom: 40px;
   }


   .infetech-service-slide-3-area .service-section-img {
     width: 50%;
   }

   .infetech-service-slide-3-area .single-service-3-item {
     width: 50%;
   }

   .infetech-clients-3-area .row.mt-60 {
     margin-top: 50px;
   }

   .projects-details-content .text .title {
     font-size: 36px;
   }

   .not-page img {
     width: 400px;
   }

   .not-page h1 {
     font-size: 40px;
   }

   /* padding: 100px 0; */

 }

 @media (max-width: 991px) {


   .infetech-team-area {
     padding-bottom: 80px;
     padding-top: 75px;
   }

   .infetech-testimonial-area {
     padding-top: 75px;
     padding-bottom: 93px;
   }

   .pb-120 {
     padding-bottom: 80px;
   }

   .pt-115 {
     padding-top: 75px;
   }

   .pt-110 {
     padding-top: 70px;
   }

   .infetech-clients-3-area {
     padding-top: 72px;
     padding-bottom: 80px;
   }

   .infetech-about-area {
     top: 0;
     padding: 60px 0;
   }

   .infetech-video-area {
     padding-top: 80px;
     padding-bottom: 80px;
   }

   .infetech-blog-area-2 {
     padding-top: 80px;
     padding-bottom: 10px;
   }


   .infetech-footer-area {
     padding-top: 80px;
     padding-bottom: 67px;
   }

   .index-product-li {
     margin-top: 20px;
   }

   .section-title.mb-55 {
     margin-bottom: 35px;
   }

   .testimonial-thumb-5 {
     display: none;
   }

   .testimonial-slide-active-5 .slick-dots {
     bottom: -40px;
   }

   .single-project-item .single-project-overlay {
     padding: 20px;
   }

   .single-project-item .single-project-overlay>a {
     height: 40px;
     width: 40px;
     line-height: 38px;
   }

   .infetech-project-slide-2 .slick-dots,
   .infetech-project-slide .slick-dots {
     bottom: -35px;
   }

   .infetech-about-content>.title {
     font-size: 40px;
     line-height: 1.3;
   }

   .video-content-wrapper {
     justify-content: center;
   }

   .video-content-wrapper .video-content-box {
     padding: 35px;
   }

   .infetech-blog-area-2 .section-title {
     padding-bottom: 50px;
   }

   .infetech-blog-area-2 .main-btn {
     margin-top: 25px;
   }



   .infetech-company-about-area {
     padding-top: 80px;
     padding-bottom: 90px;
   }

   .infetech-promo-banner-area.infetech-promo-banner-about {
     padding: 70px 0;
   }

   .infetech-clients-area {
     padding: 75px 0;
   }

   .pt-110 {
     padding-top: 70px;
   }

   .infetech-project-3-area {
     padding-top: 72px;
     padding-bottom: 115px;
   }

   .certificates-section {
     padding-top: 70px;
     padding-bottom: 70px;
   }

   .pt-120 {
     padding-top: 80px;
   }

   .pt-90 {
     padding-top: 80px;
   }

   .pb-90 {
     padding-top: 80px;
   }

   .infetech-projects-grid-area .pagination-box {
     margin-top: 30px;
   }

   .infetech-contact-page-area .section-title.mt-30 {
     margin-top: 0;
   }

   .product-section .section-title {
     margin-bottom: 50px;
   }

   .product-section {
     padding: 70px 0 100px 0;
   }

   .infetech-information-area {
     padding: 80px 0;
   }

   .faq-section .information-thumb {
     margin-top: 50px;
   }

   .product-list {
     padding-top: 60px;
     padding-bottom: 80px;
   }

   .infetech-project-3-area .section-title {
     margin-bottom: 30px;
   }

   .product-list-row {
     row-gap: 10px;
   }

   .product-list .pagination-box {
     margin-top: 60px;
   }

   .benefits-content {
     margin-top: 30px;
   }

   .section-title .title {
     font-size: 32px;
   }

   .benefits-content .content-box {
     padding-top: 20px;
   }

   .details-description-text h2 {
     font-size: 24px;
   }

   .details-description .details-description-text {
     margin-top: 20px;
   }

   .infetech-service-slide-3-area .single-service-3-item {
     padding: 30px;
   }

   .single-service-3-item .title {
     font-size: 22px;
   }

   .infetech-clients-3-area .row.mt-60 {
     margin-top: 40px;
   }

   .not-page {
     padding-bottom: 80px;
   }

   .projects-details-content .text .title {
     font-size: 30px;
   }

   .not-page img {
     width: 360px;
   }

   .not-page h1 {
     font-size: 36px;
   }

   /* padding: 80px 0; */
 }

 @media (max-width: 767px) {
   /* padding: 60px 0; */

   .infetech-banner-area .infetech-banner-content h4 {
     margin-bottom: 25px;
   }













   .pt-110 {
     padding-top: 50px;
   }

   .infetech-team-area {
     padding-bottom: 60px;
     padding-top: 55px;
   }

   .infetech-testimonial-area {
     padding-top: 55px;
     padding-bottom: 73px;
   }

   .pb-120 {
     padding-bottom: 60px;
   }

   .pt-115 {
     padding-top: 55px;
   }

   .infetech-clients-3-area {
     padding-top: 52px;
     padding-bottom: 60px;
   }

   .infetech-video-area {
     padding-top: 60px;
     padding-bottom: 60px;
   }

   .infetech-blog-area-2 {
     padding-top: 60px;
   }


   .infetech-footer-area {
     padding-top: 60px;
     padding-bottom: 47px;
   }

   .index-product-btn .main-btn {
     padding: 0 20px;
     line-height: 46px;
   }

   .index-product .index-product-text {
     margin-top: 28px;
   }

   .index-product-li {
     margin-top: 0px;
   }

   .single-tema-item .content .title {
     font-size: 20px;
   }

   .single-tema-item .content>div {
     margin-top: 3px;
   }

   .index-product-dot {
     margin-top: 45px;
   }

   .slide-btn-next,
   .slide-btn-prev {
     position: relative;
     top: 0;
     transform: translateY(0);
   }

   .service-slide-row {
     padding: 0;
   }

   .slide-btn-row {
     display: flex;
     justify-content: center;
   }

   .slide-btn-next,
   .slide-btn-prev {
     margin: 0 6px;
   }

   .testimonial-slide-active-5 .slick-dots {
     position: relative;
     top: 70px;
     bottom: 0;
     text-align: center;
   }

   .infetech-about-content>.title {
     font-size: 24px;
   }

   .infetech-about-content .p,
   .infetech-about-content p {
     line-height: 1.4;
     margin-top: 15px;
     margin-bottom: 20px;
   }

   .infetech-about-content .about-card .content .title {
     font-size: 18px;
   }

   .infetech-about-content .about-card .icon {
     max-width: 75px;
   }

   .section-title.mb-55 {
     margin-bottom: 25px;
   }

   .infetech-about-content ul {
     margin-top: 10px;
     margin-bottom: 20px;
   }

   .video-content-wrapper {
     column-gap: 15px;
   }

   .video-content-wrapper .video-content-box {
     padding: 15px;
   }

   .video-content-wrapper .video-content-box span {
     font-size: 16px;
   }

   .video-content-wrapper .video-content-box .title {
     font-size: 36px;
   }

   .video-content-wrapper {
     margin-top: 10px;
   }

   .pt-120 {
     padding-top: 60px;
   }

   .pt-100 {
     padding-top: 60px;
   }

   .pb-100 {
     padding-bottom: 60px;
   }

   .infetech-cta-2-area .cta-content .title {
     font-size: 28px;
   }

   .footer-nav ul {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
   }

   .footer-nav ul li {
     margin-left: 10px;
     margin-right: 10px;
   }


   .top-carousel .slide-item {
     padding: 30px 0;
   }

   .top-carousel-text h2 {
     font-size: 28px;
   }

   .top-carousel-text>div {
     font-size: 16px;
   }

   .top-carousel-text .main-btn {
     padding: 0 30px;
     line-height: 50px;
   }

   .infetech-company-about-area {
     padding-top: 60px;
     padding-bottom: 50px;
   }

   .infetech-promo-banner-area.infetech-promo-banner-about {
     padding: 50px 0;
   }

   .infetech-clients-area {
     padding: 55px 0;
   }

   .pt-110 {
     padding-top: 50px;
   }

   .infetech-project-3-area {
     padding-top: 52px;
     padding-bottom: 60px;
   }

   .certificates-section {
     padding-top: 50px;
     padding-bottom: 50px;
   }

   .fun-facts-item .title {
     padding-left: 0;
   }

   .fun-facts-item .title span {
     font-size: 36px;
   }

   .fun-facts-item .title sup {
     font-size: 40px;
   }

   .fun-facts-item .content-box span {
     font-size: 14px;
     padding: 8px 10px;
     width: 100%;
   }

   .infetech-company-about-area .infetech-about-content a {
     margin-top: 20px;
   }

   .infetech-company-about-area .infetech-about-content .p {
     margin-bottom: 18px;
   }

   .infetech-promo-banner-about .promo-banner-item .title {
     padding-top: 30px;
     padding-bottom: 30px;
   }

   .promo-banner-item .title {
     font-size: 28px;
   }

   .clients-tabs-item ul.nav {
     column-gap: 15px;
   }

   .clients-tabs-item ul.nav li button {
     width: 165px;
   }

   .clients-tabs-item ul.nav li button div {
     width: 80px;
     height: 80px;
   }

   .clients-tabs-item ul.nav li button span {
     font-size: 16px;
   }

   .clients-tabs-item ul.nav li button {
     padding-top: 35px;
   }

   .clients-content-box .title {
     font-size: 26px;
     margin-bottom: 16px;
   }

   .infetech-serving-area .section-title {
     margin-bottom: 35px;
   }

   .infetech-cta-2-area .cta-content .title {
     font-size: 26px;
   }

   .infetech-cta-2-area .cta-btn .main-btn {
     padding: 0 40px;
     line-height: 55px;
   }

   .pagination-box {
     margin-top: 0;
   }

   .pt-90 {
     padding-top: 60px;
   }

   .pb-90 {
     padding-bottom: 60px;
   }

   .infetech-projects-grid-area .row.mt-60 {
     margin-top: 40px;
   }

   .single-project-item .single-project-overlay .title {
     font-size: 22px;
   }

   .infetech-projects-grid-area .pagination-box {
     margin-top: 20px;
   }

   .contact-form-page-box {
     padding: 30px;
   }

   .contact-form-page-box .input-box input {
     height: 50px;
     padding: 0 15px;
   }

   .contact-form-page-box .input-box {
     margin-bottom: 15px;
   }

   .contact-form-page-box .input-box textarea {
     height: 120px;
     padding: 15px;
   }

   .contact-form-page-box .input-box button {
     line-height: 50px;
   }

   .cta-home-box .title {
     font-size: 22px;
   }

   .infetect-cta-area-home-2 {
     margin-bottom: 0;
   }

   .infetect-cta-area-home-2 .main-btn {
     line-height: 50px;
     padding: 0 30px;
   }

   .product-section {
     padding: 50px 0 60px 0;
   }

   .product-section .section-title {
     margin-bottom: 40px;
   }

   .infetech-project-slider-area-2 .single-project-slider-item .content .title a {
     font-size: 20px;
   }

   .infetech-project-slider-area-2 .single-project-slider-item .content {
     padding-top: 15px;
   }

   .product-section .row {
     row-gap: 30px;
   }

   .infetech-information-area {
     padding: 60px 0;
   }

   .home-contact-leftbar .contact-content-item {
     padding: 20px 0 15px 0;
   }

   .home-contact-leftbar .contact-content-item .content .title {
     font-size: 18px;
   }

   .home-contact-leftbar .contact-content-item .content {
     padding-right: 20px;
     padding-left: 20px;
   }

   .faq-section .information-thumb .thumb img {
     max-width: 200px;
   }

   .infetech-information-area .information-thumb .thumb .information-logo {
     padding-top: 10px;
   }

   .infetech-information-area .information-thumb .thumb.thumb-2 .information-logo {
     margin-top: 110px;
   }

   .home-contact-box .form-card {
     margin-top: 0;
   }

   .infetech-home-contact {
     padding-bottom: 60px;
   }

   .home-contact-box form .input-box input {
     padding: 0 15px;
     height: 50px;
   }

   .home-contact-box form .input-box textarea {
     padding: 15px;
     height: 120px;
   }

   .home-contact-box form .input-box button {
     line-height: 50px;
     margin-top: 5px;
   }

   .product-list {
     padding-bottom: 60px;
   }

   .infetech-project-3-area .section-title {
     margin-bottom: 20px;
   }

   .product-list .blog-sidebar .blog-widgets {
     padding: 30px 20px 25px;
   }

   .product-list .pagination-box {
     margin-top: 50px;
   }

   .section-title .title {
     font-size: 22px;
   }

   .benefits-content {
     margin-top: 25px;
   }

   .product-details-btns .main-btn {
     padding: 0 19px;
     line-height: 45px;
   }

   .product-details-row div {
     margin-bottom: 8px;
   }

   .product-details-row {
     padding-bottom: 10px;
   }

   .details-description-text h2 {
     font-size: 20px;
   }

   .details-description .details-description-text {
     margin-top: 16px;
   }

   .infetech-blog-area-2 {
     padding-bottom: 10px;
   }

   .infetech-service-slide-3-area {
     padding-top: 50px;
     padding-bottom: 40px;
   }

   .infetech-service-slide-3-area .service-section-img {
     width: 100%;
   }

   .infetech-service-slide-3-area .single-service-3-item {
     width: 100%;
   }

   .service-section-row {
     display: block;
   }

   .single-service-3-item .title {
     font-size: 20px;
   }

   .infetech-service-slide-3-area .single-service-3-item {
     padding: 20px;
   }

   .service-section-row:nth-child(even) .single-service-3-item {
     text-align: left;
   }

   .service-section-row:nth-child(even) .single-service-3-item::before {
     left: auto;
     right: 0;
   }

   .infetech-clients-3-area .row.mt-60 {
     margin-top: 30px;
   }

   .infetech-clients-3-area .pagination-box {
     margin-top: 45px;
   }

   .not-page {
     padding: 50px 0 60px 0;
   }

   .not-page h1 {
     font-size: 36px;
   }

   .projects-details-content .text .title {
     font-size: 24px;
   }

   .projects-details-thumb {
     margin-bottom: 20px;
   }

   .not-page img {
     width: 260px;
   }

   .not-page h1 {
     font-size: 26px;
   }

 }



 /*# sourceMappingURL=style.css.map */