/*===========================
1. COMMON css 
===========================*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;800;900&display=swap");

body {
font-family: "Montserrat", sans-serif;
font-weight: normal;
font-style: normal;
color: #6c6a72; }

* {
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: "Montserrat", 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: circle; }

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;
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 20px;
font-size: 14px;
line-height: 40px;
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: #D59925;
position: relative;
z-index: 10;
overflow: hidden;
letter-spacing: 1.5px; }
.main-btn::before {
position: absolute;
content: '';
background-color: #D59925;
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: #AE7B1E;
color: #fff;
border-color: #fff; }
.main-btn:hover::before {
height: 400px;
opacity: 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
.section-title {
padding-left: 0;
padding-top: 20px; } }
@media (max-width: 767px) {
.section-title {
padding-left: 0;
padding-top: 20px; } }
.section-title span {
color: #D59925;
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: #D59925;
width: 16px; }
.section-title .title {
font-size: 35px;
color: #1d1729;
margin-top: 8px; }
@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: 40px; } }
@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; }
.infetech-header-area .templates-logo {
background: #1d1729;
padding: 40px 80px;
height: 100%; }
.infetech-header-area .templates-logo img {
max-width: 140px; }
@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: 100px; }
}
.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: #D59925;
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: #fff; }

.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: #D59925;
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:max-content;
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: #D59925;
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 a {
font-size: 20px;
color: #1d1729;
margin-right: 30px; }
@media (max-width: 767px) {
.header-main-info .header-mini-btn ul li a {
margin-right: 50px; } }
@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; }
@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(../images/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: #D59925;
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; }

.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; }
.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: #D59925; }
.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: #D59925; }

.canvas_close {
position: absolute;
top: 10px;
right: 13px; }
.canvas_close a {
font-size: 18px;

font-weight: 500;
width: 32px;
height: 32px;
display: block;
text-align: center;
line-height: 30px;
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: #D59925;
border-color: #D59925;
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: #D59925;
border-color: #D59925; }

.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: #D59925;
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: #D59925;
border-color: #D59925;
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 a {
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 a {
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: #D59925;
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: #D59925; }
.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: #D59925;
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 a {
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: #D59925; }
.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: #D59925;
-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-bottom: 0px;
margin-top: -2px;
margin-top: 120px; }
.slide-overlay {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.infetech-banner-area {
margin-bottom: 0px; } }
@media (max-width: 767px) {
.infetech-banner-area {
margin-bottom: 0px; } }
.infetech-banner-area.infetech-banner-layoyt-2 {
margin-top: -2px;
border: 0; }
.infetech-banner-area .infetech-banner-slide-active {
position: relative;
z-index: 10;
color: #fff; }
.infetech-banner-area .infetech-banner-slide-active::before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 434px;
z-index: -1; }
.infetech-banner-area .infetech-banner-slide-active::after {
position: absolute;
content: '';
right: 0;
top: 0;
height: 100%;
width: 395px;
z-index: -1; }
.infetech-banner-area .infetech-banner-content {
text-align: center;
display: flex;
align-items: center;
flex-direction: column;
height: 794px;
justify-content: center;
position: relative;
z-index: 2; }
@media (max-width: 767px) {
.infetech-banner-area .infetech-banner-content {
height: 500px; } }
.infetech-banner-area .infetech-banner-content h4 {
font-size: 22px;
font-weight: 600;
color: #fff;
display: inline-block;
position: relative;
padding-bottom: 5px;
margin-bottom: 30px; }
@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 h1 {
font-size: 50px;
font-weight: 800;
color: #fff;
line-height: 1;
margin-bottom: 28px; }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.infetech-banner-area .infetech-banner-content h1 {
font-size: 45px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.infetech-banner-area .infetech-banner-content h1 {
font-size: 40px; } }
@media (max-width: 767px) {
.infetech-banner-area .infetech-banner-content h1 {
font-size: 30px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
.infetech-banner-area .infetech-banner-content h1 {
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: 46%; }
.infetech-banner-area.infetech-banner-slide .slick-arrow.next {
top: 54%; }
.infetech-banner-area.infetech-banner-slide .slick-arrow:hover {
opacity: 1; }

.infetech-banner-area-layout-2 .infetech-banner-slide-item {
background: url(../images/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(../images/banner-thumb-5.jpg); }
.infetech-banner-area-layout-2 .infetech-banner-slide-item.item-3 {
background: url(../images/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(../images/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: #D59925;
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(../images/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(../images/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: #D59925;

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(../images/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 #D59925;
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(../images/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: #D59925;
display: inline-block;
height: 102px;
width: 102px;
background: #D59925;
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 #D59925;
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(../images/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(../images/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;

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 #D59925; }

.breadcrumb-area {
background-image: url(../images/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(../images/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();
}
@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;
}
.breadcrumb-item nav ol li + .breadcrumb-item::before {
color: #fff; }

/*===========================
4.ABOUT css 
===========================*/
.infetech-about-area {
background-image: url(../images/serving-bg.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-top: 60px;
padding-bottom: 60px;
margin-bottom: 50px;
position: relative;
z-index: 20;
overflow: hidden;
}
.infetech-about-area .infetech-about-thumb {
position: relative; }
.infetech-about-area .infetech-about-thumb .thumb {
position: absolute;
top: 300px;
left: 200px;
z-index: 2; }
.infetech-about-area .infetech-about-thumb .thumb img {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
@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; } }
@media (max-width: 767px) {
.infetech-about-area .infetech-about-thumb .thumb {
display: none; } }
.infetech-about-area .infetech-about-thumb .about-logo {
position: absolute;
top: 0;
right: -63px; }
@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: 100px;
left: 340px;
background: #D59925;
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: 30px; }
.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, #D59925 0%, #D59925 100%);
background-image: -webkit-linear-gradient(0deg, #D59925 0%, #D59925 100%);
background-image: -ms-linear-gradient(0deg, #D59925 0%, #D59925 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: #D59925;
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: #D59925; }
.infetech-about-content > .title {
font-size: 30px;
font-weight: 800;
line-height: 40px; }
@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 {
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::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: #D59925;
padding-right: 9px; }
.infetech-about-content > a {
border: 1px solid #D59925; }

.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 #D59925;
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 #D59925; }

.infetech-about-4-area {
background-image: url(../images/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, #D59925 0%, #D59925 100%);
background-image: -webkit-linear-gradient(0deg, #D59925 0%, #D59925 100%);
background-image: -ms-linear-gradient(0deg, #D59925 0%, #D59925 100%);
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
color: #D59925;
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 #D59925; }

/*===========================
5.SERVICE css 
===========================*/
.infetech-service-area {
position: relative;
z-index: 25; }
@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; }
@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: #D59925; }
.single-infetech-serice-item .content .icon {
background: #D59925;
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(../images/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: #D59925; }
.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;

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: 30px;
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:hover p {
color: #fff; }
.single-service-3-item:hover::after {
color: #7547f8; }

.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 {
margin-left: 100px;
background-image: url(../images/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.07);
transform: translate(0);
padding: 50px 50px 50px 140px;
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;

background: #D59925;
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, #D59925 0%, #D59925 100%);
background-image: -webkit-linear-gradient(0deg, #D59925 0%, #D59925 100%);
background-image: -ms-linear-gradient(0deg, #D59925 0%, #D59925 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(../images/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;
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 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: 26px;
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: #D59925; }
.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-2 {
margin-left: 15px;
margin-right: 15px; }

/*===========================
7.CTA css 
===========================*/
.infetech-cta-box {
background-image: url(../images/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, #D59925 0%, #D59925 100%);
background-image: -webkit-linear-gradient(180deg, #D59925 0%, #D59925 100%);
background-image: -ms-linear-gradient(180deg, #D59925 0%, #D59925 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: #D59925;
color: #fff; }

.infetech-cta-2-area {
background-image: url(../images/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: #D59925;
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(../images/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: #D59925; }
.cta-home-box span {
font-size: 16px;
font-weight: 600;
color: #D59925; }
.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, #D59925 0%, rgba(184, 130, 252, 0) 65%);
background-image: -webkit-linear-gradient(90deg, #D59925 0%, rgba(184, 130, 252, 0) 65%);
background-image: -ms-linear-gradient(90deg, #D59925 0%, rgba(184, 130, 252, 0) 65%);
z-index: -1;
opacity: 0;
transition: all linear 0.3s; }
.single-project-item .single-project-overlay .title {
color: #fff;
font-size: 24px;
margin-bottom: 7px; }
@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 span {
color: #000;
font-weight: 800;
font-size: 14px;
color: #D59925;

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: 50px;
display: inline-block;
position: absolute;
right: 0px;
bottom: 40px;
z-index: 20;
opacity: 0;
transition: all linear 0.3s; }
@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: #D59925; }
.single-project-item:hover .single-project-overlay::before {
opacity: 1; }
.single-project-item:hover .single-project-overlay span {
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: #D59925; }

.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(../images/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: #D59925; }

.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; }
.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: 25px;
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 span {
color: #D59925;
font-weight: 800;
margin-top: 2px; }
.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: 14px;
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: #D59925;
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: #D59925; }

.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: #D59925;
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; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
.infetech-projects-grid-area {
padding-top: 70px;
padding-bottom: 40px; } }
.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: #D59925;
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: #D59925;
color: #fff; }

.projects-details-content {
padding-top: 40px; }
.projects-details-content .text .title {
font-size: 40px;
text-transform: capitalize;
margin-bottom: 16px; }
@media (max-width: 767px) {
.projects-details-content .text .title {
font-size: 30px; } }
.projects-details-content .text p {
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; }
.projects-details-content .projects-details-page-changer ul li:hover .icon i {
background: #D59925;
color: #fff; }

.projects-details-thumb img {
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(../images/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: 60px;
margin-bottom: 30px;
background-image: url(../images/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 #D59925;
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: #D59925; }
.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: 45px 42px 42px 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: #D59925; }

.infetech-testimonial-4-area {
background-image: url(../images/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: #D59925;
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: #D59925;
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 .box .thumb {
padding: 6px;
position: relative;
z-index: 10;
display: inline-block; }
.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, #D59925 0%, #D59925 100%);
background-image: -webkit-linear-gradient(87deg, #D59925 0%, #D59925 100%);
background-image: -ms-linear-gradient(87deg, #D59925 0%, #D59925 100%);
height: 100%;
width: 100%;
border-radius: 50%;
z-index: -1; }
.testimonial-slide-active-5 .testimonial-slide-item .box .content .title {
font-size: 26px;
color: #1d1729;
text-transform: capitalize; }
@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: #D59925;
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: 38px;
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: 36px;
font-size: 20px; }
.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: #D59925; }

/*===========================
10.TESTIMONIAL css 
===========================*/
.infetech-team-area {
padding-bottom: 50px;
padding-top: 30px;
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(../images/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 {
color: #6c6a72;
line-height: 30px; }
.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: #D59925; }
.single-tema-item .top-line::after {
position: absolute;
content: '';
right: -4px;
bottom: 80px;
height: 8px;
width: 8px;
background: #D59925; }
.single-tema-item .thumb {
overflow: hidden; }
.single-tema-item .thumb img {
transition: all linear 0.3s;
width: 100%; }
.single-tema-item .content {
padding-top: 18px;
position: relative; }
.single-tema-item .content .title {
font-size: 24px; }
.single-tema-item .content span {
font-size: 16px;
font-weight: 500;
color: #6c6a72; }
.single-tema-item .content .share-icon {
position: absolute;
right: 0;
top: 18px;
background: #D59925;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
color: #fff; }
.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: #D59925; }
.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: #D59925; }
.team-details-area .team-details-thumb .top-line::after {
position: absolute;
content: '';
right: -4px;
bottom: 80px;
height: 8px;
width: 8px;
background: #D59925; }
.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: #D59925;
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: #D59925;
color: #fff; }
.team-details-area .team-details-content h2 {
font-size: 30px;
font-weight: 500;
color: #D59925;
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 #D59925;
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(../images/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(../images/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-video-area .video-content .play-btn a {
height: 60px;
width: 60px;
text-align: center;
line-height: 60px;
border-radius: 50%;
color: #fff;
background: #D59925;
position: relative; }
.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-direction: column;
justify-content: flex-start;
align-items: flex-end;
row-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 {
flex-direction: column;
column-gap: 30px;
align-items: flex-start; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
.video-content-wrapper {
flex-direction: row;
column-gap: 30px; } }
.video-content-wrapper .video-content-box {
background: #D59925;
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 span {
font-size: 18px;
color: #fff; }
.video-content-wrapper .video-content-box.item-2 {
background: #D59925; }

/*===========================
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: #D59925;
color: #fff;
font-size: 10px;
font-weight: 700;
padding: 10px 20px;
}
.single-blog-item .content {
background: #fff;
margin-top: -30px;
margin-left: 20px;
margin-right: 20px;
position: relative;
z-index: 10;
padding: 40px;
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 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: #D59925; }
.single-blog-item .content .blog-meta .title a {
font-size: 24px;
color: #1d1729;
margin-top: 10px; }
@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 > a {
background: #f4f2f9;
color: #6c6a72;
font-weight: 600;

padding: 10px 15px;
margin-top: 22px;
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: #D59925; }
.single-blog-item:hover .content .blog-meta .title a {
color: #D59925; }

.infetech-blog-area-2 {
padding-top: 120px;
padding-bottom: 70px;
overflow: hidden; }
.infetech-blog-area-2 .section-title {
padding-right: 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: #D59925;
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: #D59925;
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: #D59925; }
.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;
padding-right: 20px;
position: relative;
overflow: hidden;
z-index: 10;
padding-left: 20px;
font-size: 16px;
font-weight: 500;
color: #6c6a72;
line-height: 42px;
transition: all linear 0.4s; }
.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 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 a:hover::before {
width: 100%;
right: auto;
left: 0; }
.blog-sidebar .blog-widgets.blog-category-sidebar ul li a:hover i {
color: #D59925; }
.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;

margin-bottom: 10px;
margin-right: 6px; }
.blog-sidebar .blog-widgets.blog-tags ul li a:hover {
background: #D59925;
color: #fff; }

.blog-details-box .top-content .thumb img {
width: 100%; }
.blog-details-box .top-content ul {
margin-top: 23px; }
.blog-details-box .top-content ul li {
font-size: 16px;
font-weight: 500;
color: #6c6a72;
position: relative;
padding-right: 14px;
margin-right: 7px; 
list-style-type: circle;}
.blog-details-box .top-content ul li:first-child::before {
position: absolute;
content: '';
right: 0;
top: 0; }
.blog-details-box .top-content ul li img {
padding-right: 5px; }
.blog-details-box .top-content .title {
font-size: 30px;
text-transform: capitalize;
margin-top: 8px;
margin-bottom: 10px; }
@media (max-width: 767px) {
.blog-details-box .top-content .title {
font-size: 24px; } }
.blog-details-box .top-content p {
font-weight: 500;
color: #6c6a72;
line-height: 30px; }

.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: #D59925;
color: #fff;
padding: 9px 20px;
font-size: 12px;
font-weight: 800;
}
@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: #D59925; }

.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: #D59925; }
.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 #D59925;
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 #D59925; }

/*===========================
13.FOOTER css 
===========================*/
.infetech-footer-area {
padding-top: 120px;
padding-bottom: 107px;
background-image: url(../images/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: #D59925; }
@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: 48px;
background: #15101e;
border-radius: 50%;
color: #aea8b9;
font-size: 18px; }
.footer-about ul li a:hover {
background: #D59925; }

@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: #D59925; }

.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: #D59925; }

@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: #D59925; }

.footer-copyright {
background: #15101e;
border-top: 1px solid #322d3d;
padding: 30px 0; }
.footer-copyright p {
color: #b0a9c0; }
.footer-copyright p a {
color: #D59925; }

/*===== 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: #D59925;
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: #D59925;
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: #D59925;
border-radius: 10px; }
.go-top-wrap .go-top-btn i {
font-size: 20px;
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: #D59925;
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(../images/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: #D59925; }

@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: #D59925; }

.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: #D59925; }

.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-top: 115px;
background-image: url(../images/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: 50px 0 45px;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
text-align: center;
width: 210px; }
@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(../images/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: '\f078';
font-weight: 300;
left: 50%;
top: 96%;
transform: translateX(-50%);
font-size: 14px;
color: #fff;
font-family: "Font Awesome 5 Pro"; }
.clients-tabs-item ul.nav li button.active span {
color: #fff; }
.clients-tabs-item ul.nav li button.active svg {
fill: #D59925; }

.clients-content-box .title {
font-size: 30px;
color: #1d1729;
margin-bottom: 22px; }
.clients-content-box p {
font-size: 16px;
color: #6c6a72;
line-height: 30px;
margin-bottom: 32px; }
.clients-content-box a {
border: 1px solid #D59925; }

.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; }
@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; }
@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: 35px; }
@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: #D59925;
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: #D59925;
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(../images/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: #D59925;
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: #D59925; }

/*===========================
15.TESTIMONIAL css 
===========================*/
.infetech-information-area {
padding-top: 120px;
padding-bottom: 120px;
position: relative;
z-index: 10;
overflow: hidden; }
.infetech-information-area::before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
background-image: url(../images/information-bg-dot.png);
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; }
.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;

letter-spacing: 21px;
transform: rotate(-90deg); }
.infetech-information-area .information-thumb .thumb.thumb-2 {
margin-top: -85px; }
.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: -70px;
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: #D59925;
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: #D59925; }
.information-content .quote-text p {
font-size: 18px;
color: #1d1729;
font-weight: 600;
line-height: 32px; }
.information-content .information-btns {
display: flex; }
@media (max-width: 767px) {
.information-content .information-btns {
flex-direction: column;
align-items: flex-start; } }
.information-content .information-btns .play-btn {
margin-left: 30px;
display: flex;
align-items: center; }
@media (max-width: 767px) {
.information-content .information-btns .play-btn {
margin-left: 0;
margin-top: 20px; } }
.information-content .information-btns .play-btn a {
height: 60px;
width: 60px;
background: #D59925;
border-radius: 50%;
text-align: center;
line-height: 60px;
color: #fff; }
.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(../images/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, #D59925 0%, #D59925 100%);
background-image: -webkit-linear-gradient(0deg, #D59925 0%, #D59925 100%);
background-image: -ms-linear-gradient(0deg, #D59925 0%, #D59925 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(../images/offer-category-bg.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.infetech-offer-category-area .section-title span {
color: #D59925; }
.infetech-offer-category-area .section-title span::before {
background: #D59925; }
.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: #D59925;
margin-right: 20px;
transition: all linear 0.3s; }
.offer-category-item .box:hover a {
background: #D59925;
border-color: #D59925; }
.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 (max-width: 767px) {
.infetech-fun-facts-area.infetech-fun-facts-about-area {
padding-bottom: 100px; } }
@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;

color: #D59925;
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(../images/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: #D59925;
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; }
@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;
gap: 80px;
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; }
.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(../images/promo-banner-bg.jpg);
padding: 168px 0 120px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-top: -60px; }
@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; }
@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: #D59925; }

/*===========================
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(../images/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: #D59925;
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: 40px; }
@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 {
background: #f4f2f9;
padding: 60px 80px 50px;
background-image: url(../images/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 {
padding: 30px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.home-contact-box form {
padding: 30px;
margin-top: 30px; } }
@media (max-width: 767px) {
.home-contact-box form {
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 #D59925; }

.infetech-subscribe-area {
padding-top: 110px;
padding-bottom: 110px;
background: #D59925;
background-image: url(../images/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: #D59925;
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: 90px;
width: 90px;
text-align: center;
line-height: 90px;
border-radius: 50%;
background-image: -moz-linear-gradient(0deg, #D59925 0%, #D59925 100%);
background-image: -webkit-linear-gradient(0deg, #D59925 0%, #D59925 100%);
background-image: -ms-linear-gradient(0deg, #D59925 0%, #D59925 100%);
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
position: relative;
z-index: 10;
min-width: 90px; }
.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: 75px;
width: 75px;
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; }

.contact-form-page-box {
padding: 60px 80px 35px;
background: #f4f2f9;
background-image: url(../images/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: 40px;
color: #000;
font-size: 14px;
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: 40px;
padding-top: 25px;
color: #000;
font-size: 14px;
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: 27px; }
.benefits-content .content-box span {
font-size: 20px;
font-weight: 700;
color: #D59925; }
.benefits-content .content-box p {
color: #6c6a72;
font-weight: 500;
line-height: 30px;
margin-top: 23px; }
.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 #D59925;
margin-top: 48px; }

/*===========================
21.SERVING css 
===========================*/
.infetech-serving-area {
background-image: url(../images/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: #D59925;
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(../images/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(../images/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: #D59925;
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(../images/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(../images/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: #D59925;
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: #D59925;
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: #D59925; }

/*# sourceMappingURL=style.css.map */