/*****************************************************************     Template Name    : Techmax - IT Solutions and Technology Services HTML5 Responsive Website Template     Author           : Barakah Themes     Version          : 1.0     Created          : 2024     File Description : Main css file of the template *****************************************************************/  /*****************************************************************  ** - 01 - Default CSS ** - 02 - Preloader Section CSS ** - 03 - Navbar Section CSS ** - 04 - Home Section CSS ** - 05 - Services Section CSS ** - 06 - Services Details Page CSS ** - 07 - Overview Section CSS ** - 08 - Counter Section CSS ** - 09 - Team Section CSS ** - 10 - Testimonial Section CSS ** - 11 - Projects Section CSS ** - 12 - Projects Details Page CSS ** - 13 - Hire Section CSS ** - 14 - Blog Section CSS ** - 15 - Blog Details Page CSS ** - 16 - Partner Section CSS ** - 17 - Other Page Banner Title CSS ** - 18 - About Page CSS ** - 19 - Pricing Page CSS ** - 20 - Faq Page CSS ** - 21 - Coming Soon Page CSS ** - 22 - Contact Page CSS ** - 23 - Terms & Conditions Page CSS ** - 24 - Privacy Policy Page CSS ** - 25 - All Page Footer Section CSS ** - 26 - All Page Copyright Section CSS  *****************************************************************/  /**************************************  ** - 01 - Default CSS  **************************************/ *, *:before, *:after {     box-sizing: border-box; }  * {     scroll-behavior: inherit !important; }  html, body {     height: auto;     width: 100%;     margin: 0;     padding: 0;     overflow-x: hidden;     box-sizing: border-box; } body {     padding: 0;     margin: 0;     font-size: 17px;     font-family: "Jost", sans-serif; }  img {     max-width: 100%;     height: auto;     border-radius: 3px; }  button {     outline: 0 !important; }  dl, ol, ul {     padding: 0;     margin: 0;     list-style: none; }  .d-table {     width: 100%;     height: 100%; }  .d-table-cell {     vertical-align: middle; }  .ptb-100 {     padding-top: 100px;     padding-bottom: 100px; }  .pb-50 {     padding-bottom: 50px; } .pb-70 {     padding-bottom: 70px; }  .pb-100 {     padding-bottom: 100px; }  .pt-50 {     padding-top: 50px; } .pt-70 {     padding-top: 70px; } .pt-100 {     padding-top: 100px; }  .bg-grey {     background-color: rgb(215, 215, 215, 0.17); }  .section-padding {     padding: 100px 0; }  a {     color: #404040;     text-decoration: none;     -webkit-transition: 0.4s !important;     transition: 0.4s !important;     outline: 0 !important; }  a:hover {     text-decoration: none;     color: #005CE6; }  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {     font-weight: 600;     line-height: 1.4;     font-family: "Jost", sans-serif; }  p {     font-size: 17px;     line-height: 1.8;     color: #5f5f5f;     margin-bottom: 15px;     font-weight: 400;     letter-spacing: 0.3px;     font-family: "Jost", sans-serif; }  p:last-child {     margin-bottom: 0; }  .default-btn {     border: none;     position: relative;     display: inline-block;     text-align: center;     overflow: hidden;     z-index: 1;     color: #ffffff;     background-color: #005CE6;     -webkit-transition: 0.4s;     transition: 0.4s;     border-radius: 30px;     font-weight: 600;     font-size: 16px;     padding-left: 35px;     padding-right: 35px;     padding-top: 14px;     padding-bottom: 14px; }  .default-btn span {     position: absolute;     display: block;     width: 0;     height: 0;     border-radius: 50%;     background-color: #005CE6;     -webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;     transition: width 0.5s ease-in-out, height 0.5s ease-in-out;     -webkit-transform: translate(-50%, -50%);     transform: translate(-50%, -50%);     z-index: -1;     border-radius: 30px; }  .default-btn:hover, .default-btn:focus {     color: #ffffff; }  .default-btn:hover span, .default-btn:focus span {     width: 225%;     height: 562.5px; }  .default-btn-one {     border: none;     position: relative;     display: inline-block;     text-align: center;     overflow: hidden;     z-index: 1;     color: #005CE6;     background-color: #ffffff;     -webkit-transition: 0.4s;     transition: 0.4s;     border-radius: 30px;     font-weight: 600;     font-size: 16px;     padding-left: 35px;     padding-right: 35px;     padding-top: 14px;     padding-bottom: 14px;     margin-top: 5px;     margin-right: 20px; }  .default-btn-one span {     position: absolute;     display: block;     width: 0;     height: 0;     border-radius: 50%;     background-color: #005CE6;     -webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;     transition: width 0.5s ease-in-out, height 0.5s ease-in-out;     -webkit-transform: translate(-50%, -50%);     transform: translate(-50%, -50%);     z-index: -1;     border-radius: 30px; }  .default-btn-one:hover, .default-btn-one:focus {     color: #ffffff; }  .default-btn-one:hover span, .default-btn-one:focus span {     width: 225%;     height: 562.5px; }  .section-title {     text-align: center;     margin-bottom: 65px;     line-height: 1.5; }  .section-title h6 {     font-size: 16px;     font-weight: 600;     color: #ff9800;     letter-spacing: 0.5px;     text-transform: uppercase; }  .section-title h2 {     color: #404040;     font-size: 40px;     font-weight: 700;     margin: 0 0 0 0; }  .color-text {     color: #005CE6; }  .valign {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center; }  /* [ Start Overlay ] */ [data-overlay-dark], [data-overlay-light] {     position: relative; }  [data-overlay-dark] .container, [data-overlay-light] .container {     position: relative;     z-index: 2; }  [data-overlay-dark]:before, [data-overlay-light]:before {     content: "";     position: absolute;     width: 100%;     height: 100%;     top: 0;     left: 0;     z-index: 1; }  [data-overlay-dark]:before {     background-color: #02050b; }  [data-overlay-light]:before {     background-color: #fff; }  [data-overlay-dark] h1, [data-overlay-dark] h2, [data-overlay-dark] h3, [data-overlay-dark] h4, [data-overlay-dark] h5, [data-overlay-dark] h6, [data-overlay-dark] span, .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .bg-dark span, .bg-color h1, .bg-color h2, .bg-color h3, .bg-color h4, .bg-color h5, .bg-color h6, .bg-color span {     color: #fff; }  [data-overlay-dark] p, .bg-dark p, .bg-color p {     color: #dad6d6; }  [data-overlay-dark="0"]:before, [data-overlay-light="0"]:before {     opacity: 0; }  [data-overlay-dark="1"]:before, [data-overlay-light="1"]:before {     opacity: 0.1; }  [data-overlay-dark="2"]:before, [data-overlay-light="2"]:before {     opacity: 0.2; }  [data-overlay-dark="3"]:before, [data-overlay-light="3"]:before {     opacity: 0.3; }  [data-overlay-dark="4"]:before, [data-overlay-light="4"]:before {     opacity: 0.4; }  [data-overlay-dark="5"]:before, [data-overlay-light="5"]:before {     opacity: 0.5; }  [data-overlay-dark="6"]:before, [data-overlay-light="6"]:before {     opacity: 0.6; }  [data-overlay-dark="7"]:before, [data-overlay-light="7"]:before {     opacity: 0.7; }  [data-overlay-dark="8"]:before, [data-overlay-light="8"]:before {     opacity: 0.8; }  [data-overlay-dark="9"]:before, [data-overlay-light="9"]:before, [data-overlay-color="9"]:before {     opacity: 0.9; }  [data-overlay-dark="10"]:before, [data-overlay-light="10"]:before {     opacity: 1; }  /* [ End Overlay ] */  /*****************************************  ** - 00 -  Go Top CSS  *****************************************/ .go-top {     position: fixed;     cursor: pointer;     top: 0;     right: 15px;     color: #ffffff;     background-color: #005CE6;     text-align: center;     z-index: 4;     width: 45px;     height: 45px;     line-height: 45px;     opacity: 0;     visibility: hidden;     -webkit-transition: 0.9s;     transition: 0.9s;     border-radius: 3px; }  .go-top.active {     top: 97%;     -webkit-transform: translateY(-98%);     transform: translateY(-98%);     opacity: 1;     visibility: visible; }  .go-top i {     position: absolute;     top: 50%;     -webkit-transform: translateY(-50%);     transform: translateY(-50%);     left: 0;     right: 0;     margin: 0 auto;     -webkit-transition: 0.4s;     transition: 0.4s; }  .go-top i:last-child {     opacity: 0;     visibility: hidden;     top: 60%; }  .go-top::before {     content: "";     position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%;     z-index: -1;     background-color: #404040;     opacity: 0;     visibility: hidden;     -webkit-transition: 0.4s;     transition: 0.4s;     border-radius: 5px; }  .go-top:hover, .go-top:focus {     color: #ffffff; }  .go-top:hover::before, .go-top:focus::before {     opacity: 1;     visibility: visible; }  .go-top:hover i:first-child, .go-top:focus i:first-child {     opacity: 0;     top: 0;     visibility: hidden; }  .go-top:hover i:last-child, .go-top:focus i:last-child {     opacity: 1;     visibility: visible;     top: 50%; }  /**************************************  ** - 02 - Preloader Section CSS  **************************************/ .preloader {     position: fixed;     z-index: 999999;     background-color: #ffffff;     width: 100%;     height: 100%;     text-align: center;     left: 0;     right: 0; } .preloader .lds-spinner {     display: inline-block;     position: relative;     width: 80px;     height: 80px; } .preloader .lds-spinner div {     -webkit-transform-origin: 40px 40px;     transform-origin: 40px 40px;     -webkit-animation: lds-spinner 1.2s linear infinite;     animation: lds-spinner 1.2s linear infinite; } .preloader .lds-spinner div::after {     content: " ";     display: block;     position: absolute;     top: 5px;     left: 35px;     width: 5px;     height: 20px;     border-radius: 20%;     background-color: #005CE6; } .preloader .lds-spinner div:nth-child(1) {     -webkit-transform: rotate(0deg);     transform: rotate(0deg);     -webkit-animation-delay: -1.1s;     animation-delay: -1.1s; } .preloader .lds-spinner div:nth-child(2) {     -webkit-transform: rotate(30deg);     transform: rotate(30deg);     -webkit-animation-delay: -1s;     animation-delay: -1s; } .preloader .lds-spinner div:nth-child(3) {     -webkit-transform: rotate(60deg);     transform: rotate(60deg);     -webkit-animation-delay: -0.9s;     animation-delay: -0.9s; } .preloader .lds-spinner div:nth-child(4) {     -webkit-transform: rotate(90deg);     transform: rotate(90deg);     -webkit-animation-delay: -0.8s;     animation-delay: -0.8s; } .preloader .lds-spinner div:nth-child(5) {     -webkit-transform: rotate(120deg);     transform: rotate(120deg);     -webkit-animation-delay: -0.7s;     animation-delay: -0.7s; } .preloader .lds-spinner div:nth-child(6) {     -webkit-transform: rotate(150deg);     transform: rotate(150deg);     -webkit-animation-delay: -0.6s;     animation-delay: -0.6s; } .preloader .lds-spinner div:nth-child(7) {     -webkit-transform: rotate(180deg);     transform: rotate(180deg);     -webkit-animation-delay: -0.5s;     animation-delay: -0.5s; } .preloader .lds-spinner div:nth-child(8) {     -webkit-transform: rotate(210deg);     transform: rotate(210deg);     -webkit-animation-delay: -0.4s;     animation-delay: -0.4s; } .preloader .lds-spinner div:nth-child(9) {     -webkit-transform: rotate(240deg);     transform: rotate(240deg);     -webkit-animation-delay: -0.3s;     animation-delay: -0.3s; } .preloader .lds-spinner div:nth-child(10) {     -webkit-transform: rotate(270deg);     transform: rotate(270deg);     -webkit-animation-delay: -0.2s;     animation-delay: -0.2s; } .preloader .lds-spinner div:nth-child(11) {     -webkit-transform: rotate(300deg);     transform: rotate(300deg);     -webkit-animation-delay: -0.1s;     animation-delay: -0.1s; } .preloader .lds-spinner div:nth-child(12) {     -webkit-transform: rotate(330deg);     transform: rotate(330deg);     -webkit-animation-delay: 0s;     animation-delay: 0s; } @-webkit-keyframes lds-spinner {     0% {         opacity: 1;     }     100% {         opacity: 0;     } } @keyframes lds-spinner {     0% {         opacity: 1;     }     100% {         opacity: 0;     } }  /**************************************  ** - 03 - Navbar Section CSS  **************************************/ .techmax-responsive-nav {     display: none; }  .techmax-nav {     background-color: transparent;     padding-top: 15px;     padding-bottom: 15px;     padding-right: 0;     padding-left: 0; }  .techmax-nav .navbar {     padding-right: 0;     padding-top: 0;     padding-left: 0;     padding-bottom: 0; }  .techmax-nav .navbar ul {     padding-left: 0;     list-style-type: none;     margin-bottom: 0; }  .techmax-nav .navbar .navbar-nav {     margin: auto; }  .techmax-nav .navbar .navbar-nav .nav-item {     position: relative;     padding-top: 15px;     padding-bottom: 15px;     padding-left: 0;     padding-right: 0; }  .techmax-nav.index-navber .navbar .navbar-nav .nav-item a {     color: #404040; } .techmax-nav .navbar .navbar-nav .nav-item a {     color: #fff;     font-size: 17px;     font-weight: 500;     text-transform: capitalize;     padding-left: 0;     padding-right: 0;     padding-top: 0;     padding-bottom: 0;     margin-left: 15px;     margin-right: 15px; } /* .techmax-nav .navbar .navbar-nav .nav-item a:hover, .techmax-nav .navbar .navbar-nav .nav-item a:focus, .techmax-nav .navbar .navbar-nav .nav-item a.active { 	color: #005CE6; } */ .techmax-nav .navbar .navbar-nav .nav-item a i {     font-size: 10px;     position: relative;     top: -1px;     margin-left: 1px; }  .techmax-nav .navbar .navbar-nav .nav-item:last-child a {     margin-right: 0; }  .techmax-nav .navbar .navbar-nav .nav-item:first-child a {     margin-left: 0; } /* .techmax-nav .navbar .navbar-nav .nav-item:hover a, .techmax-nav .navbar .navbar-nav .nav-item:focus a, .techmax-nav .navbar .navbar-nav .nav-item.active a { 	color: #005CE6; } */ .techmax-nav .navbar .navbar-nav .nav-item .dropdown-menu {     -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);     box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);     background-color: #ffffff;     position: absolute;     border: none;     top: 80px;     left: 0;     width: 230px;     z-index: 99;     display: block;     opacity: 0;     visibility: hidden;     border-radius: 0;     -webkit-transition: all 0.3s ease-in-out;     transition: all 0.3s ease-in-out;     padding: 0px;     border-radius: 5px;     overflow: hidden; }  .techmax-nav .navbar .navbar-nav .nav-item .dropdown-menu li {     padding: 0;     border-bottom: 1px solid #f1f1f1; } .techmax-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child {     border-bottom: 0px solid transparent; }  .techmax-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {     position: relative;     color: #404040;     font-size: 16px;     font-weight: 500;     padding: 10px 15px;     text-transform: capitalize;     margin: 0; }  .techmax-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .techmax-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .techmax-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {     color: #ffffff;     background-color: #005CE6;     padding-left: 20px; }  .techmax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {     left: -245px;     top: 0;     opacity: 0;     visibility: hidden; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     a {     color: #005CE6; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     a:hover, .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     a:focus, .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     a.active {     color: #005CE6; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu {     left: -245px;     top: 0;     opacity: 0;     visibility: hidden; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     a {     color: #005CE6;     text-transform: capitalize; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     a:hover, .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     a:focus, .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     a.active {     color: #005CE6; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu {     left: -245px;     top: 0;     opacity: 0;     visibility: hidden; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     a {     color: #005CE6;     text-transform: capitalize; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     a:hover, .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     a:focus, .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     a.active {     color: #005CE6; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu {     left: 195px;     top: 0;     opacity: 0;     visibility: hidden; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     a {     color: #005CE6;     text-transform: capitalize; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     a:hover, .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     a:focus, .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     a.active {     color: #005CE6; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu {     left: 195px;     top: 0;     opacity: 0;     visibility: hidden; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     a {     color: #005CE6;     text-transform: capitalize; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     a:hover, .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     a:focus, .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     a.active {     color: #005CE6; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu {     left: 195px;     top: 0;     opacity: 0;     visibility: hidden; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     a {     color: #005CE6;     text-transform: capitalize; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     a:hover, .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     a:focus, .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     a.active {     color: #005CE6; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li.active     a {     color: #005CE6; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li:hover     .dropdown-menu {     opacity: 1;     visibility: visible;     top: -15px;     -webkit-transition: 0.4s;     transition: 0.4s; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li.active     a {     color: #005CE6; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li:hover     .dropdown-menu {     opacity: 1;     visibility: visible;     top: -15px;     -webkit-transition: 0.4s;     transition: 0.4s; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li.active     a {     color: #005CE6; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li:hover     .dropdown-menu {     opacity: 1;     visibility: visible;     top: -15px;     -webkit-transition: 0.4s;     transition: 0.4s; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li.active     a {     color: #005CE6; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li     .dropdown-menu     li:hover     .dropdown-menu {     opacity: 1;     visibility: visible;     top: -15px;     -webkit-transition: 0.4s;     transition: 0.4s; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li.active     a {     color: #005CE6; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li     .dropdown-menu     li:hover     .dropdown-menu {     opacity: 1;     visibility: visible;     top: -15px;     -webkit-transition: 0.4s;     transition: 0.4s; }  .techmax-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {     color: #005CE6; }  .techmax-nav     .navbar     .navbar-nav     .nav-item     .dropdown-menu     li:hover     .dropdown-menu {     opacity: 1;     visibility: visible;     top: -15px;     -webkit-transition: 0.4s;     transition: 0.4s; }  .techmax-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {     opacity: 1;     visibility: visible;     top: 100%;     -webkit-transition: 0.4s;     transition: 0.4s; }  .techmax-nav .navbar .other-option {     margin-left: 0;     margin-top: 5px; } .techmax-nav .navbar .other-option .default-btn {     padding: 12px 25px;     font-size: 15px;     font-weight: 600;     box-shadow: 0 2px 15px rgb(123, 104, 238, 0.15); }  .techmax-nav .navbar .other-option .default-btn.nav-btn-1 {     margin-right: 15px; } .navbar-area .techmax-nav .navbar .other-option .default-btn-one.nav-btn-2 {     margin-right: 0; }  .navbar-area.is-sticky     .techmax-nav     .navbar     .other-option     .default-btn-one.nav-btn-2 {     color: #ffffff;     background-color: #005CE6;     margin-right: 0; }  .techmax-nav .black-logo {     display: none; }  .navbar-area {     background-color: transparent;     -webkit-transition: 0.4s;     transition: 0.4s;     position: absolute;     z-index: 999;     left: 0;     top: 0;     width: 100%;     height: auto; }  .navbar-area.is-sticky {     position: fixed;     top: 0;     left: 0;     width: 100%;     z-index: 999;     -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);     box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);     background-color: #ffffff !important;     -webkit-animation: 500ms ease-in-out 0s normal fadeInDown;     animation: 500ms ease-in-out 0s normal fadeInDown;     -webkit-transition: 0.4s;     transition: 0.4s; }  .navbar-area.is-sticky .navbar-nav .nav-item a {     color: #505050; }  .navbar-area.is-sticky .navbar-nav .nav-item a:hover, .navbar-area.is-sticky .navbar-nav .nav-item a:focus, .navbar-area.is-sticky .navbar-nav .nav-item a.active {     color: #005CE6; }  .navbar-area.is-sticky .techmax-nav .navbar-brand .white-logo {     display: none; }  .navbar-area.is-sticky .techmax-nav .navbar-brand .black-logo {     display: block; }  @media only screen and (max-width: 991px) {     .navbar-area {         padding-top: 20px;         padding-bottom: 20px;     }      .navbar-area.is-sticky {         border-bottom: none;         -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);         box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);         padding-top: 20px;         padding-bottom: 20px;     }      .navbar-area.is-sticky .logo .white-logo {         display: none;     }      .navbar-area.is-sticky .logo .black-logo {         display: block;     }      .techmax-responsive-nav {         display: block;     }      .techmax-responsive-nav .techmax-responsive-menu {         position: relative;     }      .techmax-responsive-nav         .techmax-responsive-menu.mean-container         .mean-nav         ul {         font-size: 15px;     }      .techmax-responsive-nav         .techmax-responsive-menu.mean-container         .mean-nav         ul         li         a {         font-size: 15px;     }      .techmax-responsive-nav         .techmax-responsive-menu.mean-container         .mean-nav         ul         li         a.active {         color: #005CE6;     }      .techmax-responsive-nav         .techmax-responsive-menu.mean-container         .mean-nav         ul         li         li         a {         font-size: 15px;     }      .techmax-responsive-nav         .techmax-responsive-menu.mean-container         .navbar-nav {         overflow-y: scroll;         height: 300px;         -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);         box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);     }      .techmax-responsive-nav         .techmax-responsive-menu.mean-container         .others-options {         display: none;     }      .techmax-responsive-nav .mean-container a.meanmenu-reveal {         color: #404040;     }      .techmax-responsive-nav .mean-container a.meanmenu-reveal span {         background-color: #404040;     }      .techmax-responsive-nav .logo {         position: relative;         width: 50%;         z-index: 999;     }      .techmax-responsive-nav .logo .white-logo {         display: block;     }      .techmax-responsive-nav .logo .black-logo {         display: none;     }      .techmax-nav {         display: none;     } }  /**************************************  ** - 04 - Home Section CSS  **************************************/ .home-section {     overflow: hidden;     position: relative;     z-index: 1;     height: 750px;     min-height: 100vh;     background: url(../images/home-bg.jpg);     background-repeat: no-repeat;     background-size: cover;     background-position: center; } .grey-cr {     height: 500px;     width: 500px;     border-radius: 500px;     position: absolute;     bottom: -20%;     left: -10%;     z-index: -1;     background-color: rgb(215, 215, 215, 0.17); } .main-banner-content {     padding-top: 70px; } .main-banner-content h3 {     color: #005CE6;     font-size: 18px;     font-weight: 600;     margin: 0 0 15px 0;     text-transform: uppercase; } .main-banner-content h1 {     color: #333;     font-size: 48px;     font-weight: 700;     margin: 0 0 20px 0; }  .main-banner-content p {     color: #404040;     font-size: 18px;     margin: 0 0 0 0; }  .main-banner-content .banner-btn {     margin-top: 25px; }  .home-section .banner-image {     text-align: center;     padding-top: 35px; }  .home-section .creative-shape {     position: absolute;     bottom: -5px;     left: 0;     width: 100%;     height: auto;     z-index: -1; }  /**************************************  ** - 04.1 - Home 2 Section CSS  **************************************/ .home-section.home-2 {     overflow: hidden;     position: relative;     z-index: 1;     height: 750px;     min-height: 100vh;     background: linear-gradient(135deg, rgba(0,92,230,0.05), rgba(0,230,118,0.1)); } .home-section.home-2::before {     content: "";     position: absolute;     z-index: -1;     left: 0;     top: 0;     height: 100%;     width: 100%;     opacity: 0.8;     background-color: #004ba8;     background-image: linear-gradient(-135deg, #005CE6 -1.68%, #004ba8 100%); } .home-section.home-2 .home-shape {     position: absolute;     z-index: -1;     left: 0;     bottom: -5px;     width: 100%;     height: auto; }  .home-section.home-2 .main-banner-content {     padding-top: 70px; }  .home-section.home-2 .main-banner-content h3 {     color: #ffffff;     font-size: 18px;     font-weight: 600;     margin: 0 0 15px 0;     text-transform: uppercase; } .home-section.home-2 .main-banner-content h1 {     color: #ffffff;     font-size: 48px;     font-weight: 700;     margin: 0 0 20px 0; }  .home-section.home-2 .main-banner-content p {     color: #ffffff;     font-size: 16px;     margin: 0 0 0 0; }  .home-section.home-2 .main-banner-content .banner-btn {     margin-top: 25px; } #particles-js {     position: absolute;     z-index: -1;     top: 0;     left: 0;     width: 100%;     height: 100vh;     pointer-events: none; }  /**************************************  ** - 04.2 - Home 3 Section CSS  **************************************/ .swiper-container {     position: relative;     width: 100%;     height: 800px;     min-height: 100vh; }  .swiper-slide {     position: relative;     z-index: 1;     background-size: cover;     background-position: center center; }  .swiper-slide {     width: 100%;     height: 800px;     min-height: 100vh;     display: flex;     align-items: center;     justify-content: center;     flex-direction: column;     display: -webkit-box;     display: -ms-flexbox;     display: -webkit-flex;     display: flex;     -webkit-box-pack: center;     -ms-flex-pack: center;     -webkit-justify-content: center;     justify-content: center;     -webkit-box-align: center;     -ms-flex-align: center;     -webkit-align-items: center;     align-items: center; } .swiper-slide:before {     content: "";     position: absolute;     z-index: -1;     top: 0;     left: 0;     right: 0;     bottom: 0;     width: 100%;     height: 100%;     opacity: 0.6;     background-color: #122042; }  .swiper-slide-content {     padding-top: 100px;     max-width: 650px; }  .swiper-slide .swiper-slide-content h1 {     color: #ffffff;     font-size: 55px;     font-weight: 700;     margin-bottom: 15px; }  .swiper-slide .swiper-slide-content p {     color: #ffffff;     font-size: 16px;     line-height: 1.8;     margin-bottom: 0; }  .swiper-slide .swiper-slide-content .banner-btn {     padding: 0;     margin-top: 30px;     margin-bottom: 0; } .swiper-slide.slide-bg-1 {     background-image: url(../images/slider-1.jpg); } .swiper-slide.slide-bg-2 {     background-image: url(../images/slider-2.jpg); } .swiper-slide.slide-bg-3 {     background-image: url(../images/slider-3.jpg); }  .swiper-pagination .swiper-pagination-bullet {     width: 12px;     height: 12px;     display: inline-block;     border-radius: 100%;     background: #ffffff;     opacity: 0.5; }  .swiper-pagination     .swiper-pagination-bullet.swiper-pagination-bullet-active.swiper-pagination-bullet-active-main {     background: #ffffff;     opacity: 1; } .swiper-button-next:after, .swiper-button-prev:after {     color: #ffffff; }  .swiper-slide-content h3 {     color: #ffffff;     font-size: 16px;     font-weight: 600;     padding: 10px 20px;     padding-right: 50px;     border-radius: 10px;     letter-spacing: 1px;     display: inline-block;     text-transform: uppercase;     background-image: linear-gradient(to left, rgba(255, 0, 0, 0), #0d6efd);     margin-bottom: 20px; }  /**************************************  ** - 05 - Services Section CSS  *************************************/ .services-section .section-title {     margin-bottom: 35px; }  .single-services-item {     position: relative;     z-index: 1;     display: block;     padding: 35px 30px;     text-align: left;     border-radius: 10px;     background-color: #ffffff;     margin-top: 30px;     overflow: hidden;     -webkit-box-shadow: 0px 5px 30px 0px rgb(110, 123, 197, 0.12);     -moz-box-shadow: 0px 5px 30px 0px rgb(110, 123, 197, 0.12);     box-shadow: 0px 5px 30px 0px rgb(110, 123, 197, 0.12);     -webkit-transition: all 500ms ease-out;     transition: all 500ms ease-out; }  .services-icon {     text-align: center;     display: inline-block;     margin-bottom: 25px;     -webkit-transition: 0.5s;     transition: 0.5s;     will-change: transform; }  .services-icon i {     color: #005CE6;     font-size: 40px;     width: 75px;     height: 75px;     line-height: 75px;     display: block;     margin: auto;     background-color: rgb(232, 235, 255, 0.5);     border-radius: 20px 20px 20px 5px;     -webkit-border-radius: 20px 20px 20px 5px;     -moz-border-radius: 20px 20px 20px 5px;     -webkit-transition: 0.5s;     transition: 0.5s; }  .single-services-item h3 {     font-size: 22px;     font-weight: 600;     margin-bottom: 0;     -webkit-transition: all 400ms ease-out;     transition: all 400ms ease-out; }  .single-services-item h3 a {     display: inline-block; }  .single-services-item p {     font-size: 16px;     margin-top: 15px;     margin-bottom: 0;     -webkit-transition: all 400ms ease-out;     transition: all 400ms ease-out;     will-change: transform; }  .single-services-item .services-btn-link {     margin-top: 16px; }  .single-services-item .services-btn-link .services-link {     display: inline-block;     font-size: 16px;     color: #005CE6;     letter-spacing: 0.5px;     font-weight: 600;     -webkit-transition: all 400ms ease-out;     transition: all 400ms ease-out;     text-decoration: underline; }  .single-services-item:hover {     -webkit-transform: translateY(-5px);     transform: translateY(-5px); }  .single-services-item:hover .services-icon i {     background-color: #fff; }  .single-services-item:hover h3 {     color: #fff; } .single-services-item:hover p {     color: #fff; } .single-services-item:hover .services-btn-link .services-link {     color: #fff; } .single-services-item:before {     content: "";     position: absolute;     width: 100%;     height: 100%;     top: 0px;     left: 0px;     z-index: -1;     background-image: linear-gradient(-135deg, #005CE6 -1.68%, #004ba8 100%);     -webkit-transition: all 0.3s ease 0s;     -moz-transition: all 0.3s ease 0s;     -o-transition: all 0.3s ease 0s;     transition: all 0.3s ease 0s;     opacity: 0; } .single-services-item.active:before, .single-services-item:hover:before {     opacity: 1; }  /********************************************  ** - 06 - Services Details Page CSS  ********************************************/ .services-details-image {     text-align: center;     margin-bottom: 40px; } .services-details-image img {     border-radius: 5px; }  .services-details-content h3 {     font-size: 25px;     font-weight: 700;     margin-bottom: 15px; } .services-details-content .features-text {     margin-top: 20px; }  .services-details-content .features-text h4 {     font-size: 20px;     font-weight: 600;     margin-bottom: 12px; }  .services-details-content .features-text .service-features-list {     margin-bottom: 25px; }  .services-details-content .features-text .service-features-list li {     display: flex;     align-items: center;     margin-bottom: 15px; }  .services-details-content .features-text .service-features-list li:last-child {     margin-bottom: 0px; }  .services-details-content .features-text .service-features-list i {     color: #ffffff;     font-size: 10px;     height: 20px;     width: 20px;     line-height: 20px;     text-align: center;     border-radius: 5px;     display: inline-block;     margin-right: 10px;     background-color: #005CE6;     -webkit-transition: all 400ms ease-out;     transition: all 400ms ease-out; }  .services-widget .widget {     padding: 30px 25px;     margin-top: 35px;     border-radius: 5px;     background-color: rgb(11, 11, 49, 0.05); }  .services-widget .widget:first-child {     margin-top: 0; }  .services-widget .widget .widget-title {     position: relative;     font-size: 22px;     font-weight: 700;     padding-bottom: 10px;     margin-bottom: 30px;     text-transform: capitalize;     border-bottom: 1px solid #ffffff; }  .services-widget .widget .widget-title::before {     content: "";     position: absolute;     bottom: -1px;     left: 0;     width: 50px;     height: 1px;     background-color: #005CE6; }  .services-widget .widget_categories ul {     padding-left: 0;     margin-bottom: 0;     list-style-type: none; }  .services-widget .widget_categories ul li {     position: relative;     color: #747576;     font-size: 15px;     font-weight: 600;     margin-bottom: 12px; }  .services-widget .widget_categories ul li:last-child {     margin-bottom: 0; }  .services-widget .widget_categories ul li a {     color: #ffffff;     font-size: 15px;     font-weight: 600;     padding: 12px 15px;     display: block;     border-radius: 5px;     background-color: #005CE6;     transition: all ease 350ms;     -moz-transition: all ease 350ms;     -webkit-transition: all ease 350ms; }  .services-widget .widget_categories ul li a:hover {     color: #ffffff;     background-color: #005CE6; } .widget_download_btn a {     padding: 12px 20px;     display: block;     border-radius: 5px; } .widget_download_btn a:first-child {     margin: 0 0 12px; }  /**************************************  ** - 07 - Overview Section CSS  **************************************/ .overview-content h6 {     font-size: 16px;     font-weight: 600;     color: #ff9800;     letter-spacing: 0.5px;     text-transform: uppercase; }  .overview-content h2 {     font-size: 36px;     color: #404040;     margin: 8px 0 15px 0; }  .overview-content p {     margin: 0 0 0 0; }  .overview-content .features-list {     display: -ms-flexbox;     display: -webkit-box;     display: flex;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     padding-left: 0;     list-style-type: none;     margin-bottom: 0;     margin-top: 16px;     margin-left: -10px;     margin-right: -10px; }  .overview-content .features-list li {     -ms-flex: 0 0 50%;     -webkit-box-flex: 0;     flex: 0 0 50%;     max-width: 50%;     margin-top: 25px;     padding-left: 10px;     padding-right: 10px; }  .overview-content .features-list li span {     position: relative;     z-index: 1;     display: block;     padding: 15px 15px;     padding-left: 25px;     -webkit-transition: 0.4s;     transition: 0.4s;     color: #404040;     font-size: 16px;     font-weight: 500;     border-radius: 0px 0px 10px 0px;     border-left: 2px solid #005CE6;     background-color: #ffffff;     -webkit-box-shadow: -1px 3px 20px 0px rgb(82, 90, 101, 0.1);     box-shadow: -1px 3px 20px 0px rgb(82, 90, 101, 0.1);     overflow: hidden; }  .overview-content .features-list li span:hover {     color: #ffffff;     padding-left: 30px; } .overview-content .features-list li span.active {     color: #fff;     padding-left: 30px; }  .overview-content .features-list li span::before {     content: "";     position: absolute;     top: 0;     left: 0;     right: 100%;     bottom: 0;     border-radius: 0px 0px 10px 0px;     background-color: #005CE6;     background-image: linear-gradient(-135deg, #005CE6 -1.68%, #004ba8 100%);     z-index: -1;     -webkit-transition: 0.4s;     transition: 0.4s; }  .overview-content .features-list li span.active:before {     right: 0; } .overview-content .features-list li span:hover::before {     right: 0; }  .overview-image {     text-align: center; }  /*************************************  ** - 08 - Counter Section CSS  *************************************/ .counter-area {     position: relative;     z-index: 1;     text-align: center;     background: url(../images/banner-bg.jpg);     background-repeat: no-repeat;     background-size: cover;     background-position: center;     background-attachment: fixed; }  .counter-area::before {     content: "";     position: absolute;     z-index: -1;     top: 0;     left: 0;     padding: 0;     height: 100%;     width: 100%;     opacity: 0.7;     background-color: #005CE6;     background-image: linear-gradient(-135deg, #005CE6 -1.68%, #004ba8 100%); }  .counter-area .section-title h5 {     color: #ffffff; } .counter-area .section-title h2 {     color: #fff; } .counter-contents h2 {     color: #fff;     font-size: 45px;     font-weight: 700;     margin-bottom: 5px;     word-spacing: -10px; } .counter-contents h3 {     color: #fff;     font-size: 20px;     font-weight: 600; }  /***********************************  ** - 09 - Team Section CSS  ***********************************/ .team-area { }  .team-area .section-title {     margin-bottom: 35px; } .single-team-box {     margin-top: 30px;     overflow: hidden;     -webkit-transition: 0.5s;     transition: 0.5s; } .team-image {     position: relative;     z-index: 1;     border-radius: 5px;     overflow: hidden; }  .team-image::before {     content: "";     position: absolute;     z-index: 2;     top: 0;     left: 0;     padding: 0;     height: 100%;     width: 100%;     opacity: 0;     visibility: hidden;     background-color: #005CE6;     background-image: linear-gradient(-135deg, #005CE6 -1.68%, #004ba8 100%);     -webkit-transition: 0.5s;     transition: 0.5s; } .single-team-box:hover .team-image::before {     opacity: 0.8;     visibility: visible; }  .single-team-box .team-image img {     width: 100%;     height: auto;     -webkit-transition: 0.5s;     transition: 0.5s; }  .single-team-box:hover .team-image img {     -webkit-transform: scale(1.1);     -ms-transform: scale(1.1);     -o-transform: scale(1.1);     transform: scale(1.1); }  .team-social-icon {     position: absolute;     z-index: 5;     top: 50%;     width: 100%;     text-align: center;     -webkit-transform: translateY(-50%);     -ms-transform: translateY(-50%);     -o-transform: translateY(-50%);     transform: translateY(-50%); }  .team-social-icon a {     margin: 4px;     display: inline-block;     opacity: 0;     visibility: hidden;     -webkit-transform: scale(0);     -ms-transform: scale(0);     -o-transform: scale(0);     transform: scale(0);     -webkit-transition: all 0.3s;     -o-transition: all 0.3s;     transition: all 0.3s;     will-change: transform; } .team-social-icon a i {     color: #005CE6;     font-size: 20px;     width: 40px;     height: 40px;     line-height: 40px;     border-radius: 5px;     background-color: #ffffff;     -webkit-transition: all 0.3s;     -o-transition: all 0.3s;     transition: all 0.3s; } .team-social-icon a i:hover {     color: #ffffff;     background-color: #005CE6; } .single-team-box:hover .team-social-icon a {     opacity: 1;     visibility: visible;     -webkit-transform: scale(1);     -ms-transform: scale(1);     -o-transform: scale(1);     transform: scale(1); }  .team-info {     padding: 20px 15px 0px;     text-align: center;     -webkit-transition: 0.5s;     transition: 0.5s; } .team-info h3 {     font-size: 20px;     font-weight: 600;     margin-bottom: 0; } .team-info span {     color: #005CE6;     font-size: 16px;     font-weight: 500;     display: block; }  /**************************************  ** - 10 - Testimonial Section CSS  **************************************/ .testimonial-section {     text-align: center;     position: relative;     z-index: 1; }  .single-testimonial {     position: relative;     padding: 35px 15px;     border-radius: 5px;     background-color: #fff; }  .single-testimonial .testimonial-content {     margin-bottom: 25px;     text-align: center; }  .single-testimonial .rating-box {     margin-bottom: 12px; } .rating-box ul li {     display: inline-block;     margin-right: 0px; }  .rating-box ul li i {     color: #ffce39;     font-size: 18px; }  .single-testimonial .testimonial-content p {     color: #333;     font-size: 18px;     font-style: normal;     line-height: 1.8; }  .single-testimonial .avatar {     margin: 0 auto;     margin-bottom: 15px; }  .single-testimonial .avatar img {     border-radius: 50%;     border: 5px solid #f8f8f8;     width: 90px;     margin: 0 auto; }  .single-testimonial .testimonial-bio {     text-align: center; }  .single-testimonial .testimonial-bio .bio-info h3 {     color: #333;     font-size: 20px;     font-weight: 600;     margin-top: 0; }  .single-testimonial .testimonial-bio .bio-info span {     color: #005CE6;     font-size: 16px;     font-weight: 500; }  .testimonial-slider.owl-theme .owl-nav {     opacity: 0;     visibility: hidden;     margin-top: 0;     -webkit-transition: 0.4s;     transition: 0.4s; }  .testimonial-slider.owl-theme .owl-nav [class*="owl-"] {     position: absolute;     left: 10px;     top: 50%;     -webkit-transform: translateY(-50%);     transform: translateY(-50%);     margin: 0;     padding: 0;     background-color: #fff;     -webkit-transition: 0.4s;     transition: 0.4s;     color: #333;     font-size: 18px;     width: 50px;     height: 45px;     line-height: 50px; }  .testimonial-slider.owl-theme .owl-nav [class*="owl-"].owl-next {     left: auto;     right: 10px; }  .testimonial-slider.owl-theme .owl-nav [class*="owl-"]:hover {     color: #005CE6;     background-color: transparent; }  .testimonial-slider.owl-theme .owl-dots {     line-height: 0.01;     margin-top: 30px;     margin-bottom: 0; }  .testimonial-slider.owl-theme .owl-dots .owl-dot span {     width: 10px;     height: 10px;     margin: 0 4px;     background-color: #fff;     -webkit-transition: 0.4s;     transition: 0.4s;     border-radius: 30px; }  .testimonial-slider.owl-theme .owl-dots .owl-dot:hover span {     background-color: #005CE6; }  .testimonial-slider.owl-theme .owl-dots .owl-dot.active span {     background-color: #005CE6; }  .testimonial-slider.owl-theme:hover .owl-nav {     opacity: 1;     visibility: visible; }  /*************************************  ** - 11 - Projects Page CSS  *************************************/  .single-project-item {     position: relative;     margin-bottom: 30px; }  .single-project-item::before {     content: "";     position: absolute;     left: 0;     top: 0;     width: 100%;     height: 100%;     border-radius: 5px;     background-color: #005CE6;     opacity: 0;     visibility: hidden;     -webkit-transition: 0.4s;     transition: 0.4s; }  .project-image img {     border-radius: 5px; }  .single-project-item .project-image-hover-content {     position: absolute;     left: 18px;     right: 18px;     bottom: 18px;     text-align: left;     -webkit-transform: translateY(50px);     transform: translateY(50px);     opacity: 0;     visibility: hidden;     display: flex;     align-items: center;     justify-content: space-between;     padding: 25px 20px;     border-radius: 5px;     background-color: #ffffff;     -webkit-transition: 0.4s;     transition: 0.4s; }  .single-project-item .project-image-hover-content .project-info {     padding-right: 10px; }  .single-project-item .project-image-hover-content .project-info h6 {     color: #005CE6;     font-size: 15px;     margin-bottom: 5px;     line-height: 1.3;     -webkit-transition: 0.4s;     transition: 0.4s; }  .single-project-item .project-image-hover-content .project-info h3 {     color: #333;     font-size: 18px;     line-height: 1.3;     margin: 0;     -webkit-transition: 0.4s;     transition: 0.4s; }  .single-project-item .project-image-hover-content .project-info h3 a {     color: #333;     font-size: 18px;     margin: 0;     -webkit-transition: 0.4s;     transition: 0.4s; }  .single-project-item .project-image-hover-content .project-link-btn .read-more {     display: flex;     align-items: center; }  .single-project-item     .project-image-hover-content     .project-link-btn     .read-more     i {     color: #ffffff;     font-size: 50px;     width: 50px;     height: 50px;     line-height: 50px;     text-align: center;     border-radius: 50%;     display: inline-block;     background-color: #005CE6;     box-shadow: 0 2px 15px rgb(123, 104, 238, 0.15);     -webkit-transition: 0.4s;     transition: 0.4s; } .single-project-item     .project-image-hover-content     .project-link-btn     .read-more     i:hover {     color: #ffffff;     background-color: #ffc107; }  .single-project-item:hover::before, .single-project-item:focus::before {     opacity: 0.7;     visibility: visible; }  .single-project-item:hover .project-image-hover-content, .single-project-item:focus .project-image-hover-content {     opacity: 1;     visibility: visible;     -webkit-transform: translateY(0px);     transform: translateY(0px);     -webkit-transition: 0.6s;     transition: 0.6s; }  /******************************************  ** - 12 - Projects Details Page CSS  ******************************************/ .project-details-image {     margin-bottom: 30px; }  .projects-details-desc {     margin-top: 5px; }  .projects-details-desc h3 {     margin-bottom: 13px;     font-size: 25px; }  .projects-details-desc .features-text {     margin-top: 25px;     margin-bottom: 25px; }  .projects-details-desc .features-text h4 {     margin-bottom: 12px;     font-size: 20px;     font-weight: 600; }  .projects-details-desc .features-text h4 i {     font-size: 16px;     margin-right: 4px;     color: #005CE6; }  .project-details-widget { }  .project-details-info h3 {     color: #444444;     font-size: 24px;     margin-bottom: 10px; }  .project-details-info {     padding: 30px 30px;     border-radius: 3px;     -webkit-border-radius: 3px;     -moz-border-radius: 3px;     background-color: #ffffff;     -webkit-box-shadow: 0px 5px 25px 0px rgb(110, 110, 110, 0.12);     -moz-box-shadow: 0px 5px 25px 0px rgb(110, 110, 110, 0.12);     box-shadow: 0px 5px 25px 0px rgb(110, 110, 110, 0.12); }  .project-details-info ul li {     border-bottom: 1px solid rgb(0 0 0 / 10%);     display: block;     padding: 15px 0; } .project-details-info ul li:last-child {     border-bottom: 0px;     padding-bottom: 0; }  .project-details-info ul li h4 {     color: #444444;     font-size: 18px;     margin-bottom: 10px; }  .project-details-info .social-share-box li {     padding: 0;     border: 0;     display: inline-block;     margin-right: 8px; }  .project-details-info .social-share-box li a {     color: #005CE6;     display: inline-block;     background: transparent;     width: 35px;     height: 35px;     line-height: 35px;     text-align: center;     border: 1px solid #005CE6;     border-radius: 5px; }  .project-details-info .social-share-box li a:hover {     color: #fff;     background-color: #005CE6; }  .image-sliders.owl-theme .owl-nav {     opacity: 0;     visibility: hidden;     margin-top: 0;     -webkit-transition: 0.4s;     transition: 0.4s; }  .image-sliders.owl-theme .owl-nav [class*="owl-"] {     position: absolute;     left: 0;     top: 50%;     -webkit-transform: translateY(-50%);     transform: translateY(-50%);     margin: 0 15px;     padding: 0;     background-color: transparent;     -webkit-transition: 0.4s;     transition: 0.4s;     color: #ffffff;     font-size: 25px; }  .image-sliders.owl-theme .owl-nav [class*="owl-"].owl-next {     left: auto;     right: 0; }  .image-sliders.owl-theme .owl-nav [class*="owl-"]:hover {     color: #005CE6;     background-color: transparent; }  .image-sliders.owl-theme:hover .owl-nav {     opacity: 1;     visibility: visible; }  /************************************  ** - 13 - Hire Section CSS  ************************************/ .hire-section {     position: relative;     z-index: 1;     background: linear-gradient(135deg, #021a36 0%, #004ba8 100%);     background-position: center center;     background-size: cover;     background-repeat: no-repeat;     text-align: center;     padding: 70px 0; }  .hire-section::before {     content: "";     position: absolute;     z-index: -1;     left: 0;     top: 0;     height: 100%;     width: 100%;     opacity: 0.7;     background-color: #005CE6;     background-image: linear-gradient(-135deg, #005CE6 -1.68%, #004ba8 100%); }  .hire-content h6 {     font-size: 16px;     font-weight: 600;     color: #ff9800;     letter-spacing: 0.5px;     text-transform: uppercase; }  .hire-content h2 {     color: #fff;     font-size: 38px;     font-weight: 700;     margin: 0; }  .hire-content p {     color: #fff;     font-size: 16px;     margin: 20px 0 0 0; }  .hire-content .hire-btn {     margin-top: 20px; }  .hire-content .hire-btn .default-btn {     margin-right: 15px; }  /**************************************  ** - 14 - Blog Section CSS  **************************************/ .blog-item {     border-radius: 3px;     overflow: hidden;     -webkit-box-shadow: -1px 5px 20px 0px rgb(82 90 101 / 10%);     box-shadow: -1px 5px 20px 0px rgb(82 90 101 / 10%);     background-color: #ffffff;     position: relative;     margin-bottom: 30px;     -webkit-transition: 0.4s;     transition: 0.4s; }  .blog-item .single-blog-item {     border-top: none;     padding: 25px 25px; }  .blog-item .single-blog-item .blog-list {     padding-left: 0;     margin-bottom: 5px;     -webkit-transition: 0.4s;     transition: 0.4s; }  .blog-item .single-blog-item .blog-list li {     color: #005CE6;     font-size: 16px;     font-weight: 500;     margin-right: 15px;     display: inline-block;     list-style-type: none; }  .blog-item .single-blog-item .blog-list li:last-child {     margin-right: 0; }  .blog-item .single-blog-item .blog-list li i {     margin-right: 3px;     position: relative;     top: -1px; }  .blog-item .single-blog-item .blog-list li i::before {     font-size: 15px; }  .blog-item .single-blog-item .blog-list a {     color: #005CE6;     text-decoration: none; }  .blog-item .single-blog-item .blog-content {     -webkit-transition: 0.4s;     transition: 0.4s; }  .blog-item .single-blog-item .blog-content h3 {     color: #404040;     font-size: 22px;     font-weight: 600;     line-height: 32px;     margin-bottom: 10px;     -webkit-transition: 0.4s;     transition: 0.4s; }  .blog-item .single-blog-item .blog-content h3:hover {     color: #005CE6;     -webkit-transition: 0.6s;     transition: 0.6s;     -webkit-transition: 0.5s;     text-decoration: none; }  .blog-item .single-blog-item .blog-content p {     color: #6a6c72;     font-size: 17px;     margin: 0; }  .blog-item .single-blog-item .blog-content a {     text-decoration: none; }  .blog-item .single-blog-item .blog-content .blog-btn {     margin-top: 15px; }  .blog-item .single-blog-item .blog-content .blog-btn .blog-btn-one {     display: inline-block;     font-size: 15px;     color: #fff;     font-weight: 500;     -webkit-transition: 0.4s;     transition: 0.4s; }  .blog-item:hover .blog-content h3 {     color: #005CE6; }  /***************************************  ** - 15 - Blog Details Page CSS  ***************************************/ .blog-details-desc .article-content {     margin-top: 30px; }  .blog-details-desc .article-content .entry-meta {     margin-bottom: -8px; }  .blog-details-desc .article-content .entry-meta ul {     padding-left: 0;     margin-bottom: 0;     list-style-type: none; }  .blog-details-desc .article-content .entry-meta ul li {     position: relative;     display: inline-block;     color: #404040;     margin-right: 21px; }  .blog-details-desc .article-content .entry-meta ul li span {     display: inline-block;     color: #404040;     font-weight: 500; }  .blog-details-desc .article-content .entry-meta ul li a {     display: inline-block;     color: #5f5f5f; }  .blog-details-desc .article-content .entry-meta ul li a:hover {     color: #005CE6; }  .blog-details-desc .article-content .entry-meta ul li i {     color: #005CE6;     margin-right: 2px; }  .blog-details-desc .article-content .entry-meta ul li::before {     content: "";     position: absolute;     top: 12px;     right: -15px;     width: 6px;     height: 1px;     background-color: #005CE6; }  .blog-details-desc .article-content .entry-meta ul li:last-child {     margin-right: 0; }  .blog-details-desc .article-content .entry-meta ul li:last-child::before {     display: none; }  .blog-details-desc .article-content h3 {     margin-bottom: 15px;     margin-top: 25px;     font-size: 24px; }  .blog-details-desc .article-content .wp-block-gallery.columns-3 {     padding-left: 0;     list-style-type: none;     display: -ms-flexbox;     display: -webkit-box;     display: flex;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     margin-right: -10px;     margin-left: -10px;     margin-bottom: 30px;     margin-top: 30px; }  .blog-details-desc .article-content .wp-block-gallery.columns-3 li {     -ms-flex: 0 50%;     -webkit-box-flex: 0;     flex: 0 50%;     max-width: 50%;     padding-right: 10px;     padding-left: 10px; }  .blog-details-desc .article-content .wp-block-gallery.columns-3 li figure {     margin-bottom: 0; }  .blog-details-desc .article-footer {     display: -ms-flexbox;     display: -webkit-box;     display: flex;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     margin-top: 30px; }  .blog-details-desc .article-footer .article-tags {     -ms-flex: 0 0 50%;     -webkit-box-flex: 0;     flex: 0 0 50%;     max-width: 50%;     color: #5f5f5f; }  .blog-details-desc .article-footer .article-tags span {     display: inline-block;     color: #333;     font-size: 15px;     font-weight: 600;     margin-right: 5px; }  .blog-details-desc .article-footer .article-tags a:last-child {     margin-right: 0px; } .blog-details-desc .article-footer .article-tags a {     color: #404040;     font-weight: 500;     font-size: 15px;     padding: 8px 13px;     border-radius: 5px;     display: inline-block;     border: 1px solid #ebebeb;     background-color: #f8f8f8;     margin-top: 5px;     margin-right: 5px; }  .blog-details-desc .article-footer .article-tags a:hover {     color: #ffffff;     background-color: #005CE6;     border-color: #005CE6; }  .blog-details-desc .article-footer .article-share {     -ms-flex: 0 0 50%;     -webkit-box-flex: 0;     flex: 0 0 50%;     max-width: 50%; }  .blog-details-desc .article-footer .article-share .social {     padding-left: 0;     list-style-type: none;     text-align: right;     margin-bottom: 0; }  .blog-details-desc .article-footer .article-share .social li {     display: inline-block;     margin-right: 5px; } .blog-details-desc .article-footer .article-share .social li:last-child {     margin-right: 0; }  .blog-details-desc .article-footer .article-share .social li span {     display: inline-block;     margin-right: 5px;     color: #333;     font-size: 15px;     font-weight: 600; }  .blog-details-desc .article-footer .article-share .social li a {     display: inline-block; }  .blog-details-desc .article-footer .article-share .social li a i {     color: #005CE6;     font-size: 18px;     width: 40px;     height: 40px;     line-height: 40px;     border-radius: 5px;     background-color: #eeeef0;     text-align: center;     -webkit-transition: 0.4s;     transition: 0.4s; }  .blog-details-desc .article-footer .article-share .social li a i:hover {     color: #ffffff;     background-color: #005CE6; }  .blog-details-desc .post-navigation {     margin-top: 30px; }  blockquote, .blockquote {     overflow: hidden;     background-color: #fafafa;     padding: 50px !important;     position: relative;     text-align: center;     z-index: 1;     margin-bottom: 20px;     margin-top: 20px; }  blockquote p, .blockquote p {     color: #404040;     line-height: 1.6;     margin-bottom: 0;     font-style: italic;     font-weight: 500;     font-size: 24px !important; }  blockquote cite, .blockquote cite {     display: none; }  blockquote::before, .blockquote::before {     color: #efefef;     content: "\f10e";     position: absolute;     left: 50px;     top: -50px;     z-index: -1;     font-family: "Font Awesome 5 Free";     font-size: 140px;     font-weight: 900; }  blockquote::after, .blockquote::after {     content: "";     position: absolute;     left: 0;     top: 0;     bottom: 0;     width: 3px;     background-color: #005CE6;     margin-top: 20px;     margin-bottom: 20px; }  .post-navigation {     border-top: 1px solid #eeeeee;     border-bottom: 1px solid #eeeeee;     padding-top: 20px;     padding-bottom: 20px; }  .post-navigation .navigation-links {     display: -ms-flexbox;     display: -webkit-box;     display: flex;     -ms-flex-wrap: wrap;     flex-wrap: wrap; }  .post-navigation .navigation-links .nav-previous {     -ms-flex: 0 0 50%;     -webkit-box-flex: 0;     flex: 0 0 50%;     max-width: 50%; }  .post-navigation .navigation-links .nav-previous a i {     margin-right: 2px;     -webkit-transition: 0.4s;     transition: 0.4s; }  .post-navigation .navigation-links .nav-previous a:hover i {     margin-right: 0; }  .post-navigation .navigation-links .nav-next {     -ms-flex: 0 0 50%;     -webkit-box-flex: 0;     flex: 0 0 50%;     max-width: 50%;     text-align: right; }  .post-navigation .navigation-links .nav-next a i {     margin-left: 2px;     -webkit-transition: 0.4s;     transition: 0.4s; }  .post-navigation .navigation-links .nav-next a:hover i {     margin-left: 0; }  .post-navigation .navigation-links div a {     display: inline-block;     font-weight: 600; }  .comments-area {     padding: 25px;     margin-top: 30px;     -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);     box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);     background-color: #ffffff; }  .comments-area .comments-title {     position: relative;     margin-bottom: 30px;     line-height: initial;     font-size: 24px;     font-weight: 600; }  .comments-area ol, .comments-area ul {     padding: 0;     margin: 0;     list-style-type: none; }  .comments-area .comment-list {     padding: 0;     margin: 0;     list-style-type: none; }  .comments-area .comment-body {     border-bottom: 1px solid #eeeeee;     padding-left: 65px;     color: #404040;     font-size: 14px;     margin-bottom: 20px;     padding-bottom: 20px; } .comments-area .comment-list .children {     padding-left: 90px; } .comments-area .comment-body .reply {     margin-top: 15px; }  .comments-area .comment-body .reply a {     border: 1px solid #ded9d9;     color: #404040;     display: inline-block;     padding: 5px 20px;     border-radius: 30px;     text-transform: capitalize;     position: relative;     z-index: 1;     font-size: 16px;     font-weight: 600; }  .comments-area .comment-body .reply a:hover {     color: #ffffff;     background-color: #005CE6;     border-color: #005CE6; }  .comments-area .comment-author {     font-size: 17px;     margin-bottom: 0.1em;     position: relative;     z-index: 2; }  .comments-area .comment-author .avatar {     height: 50px;     left: -65px;     position: absolute;     width: 50px; }  .comments-area .comment-author .fn {     font-weight: 600; }  .comments-area .comment-author .says {     display: none; }  .comments-area .comment-metadata {     margin-bottom: 0.8em;     color: #5f5f5f;     letter-spacing: 0.01em;     text-transform: uppercase;     font-size: 13px;     font-weight: 400; }  .comments-area .comment-metadata a {     color: #5f5f5f; }  .comments-area .comment-metadata a:hover {     color: #005CE6; }  .comments-area .comment-respond {     margin-top: 30px; }  .comments-area .comment-respond .comment-reply-title {     margin-bottom: 0;     position: relative;     font-size: 24px;     font-weight: 600; }  .comments-area     .comment-respond     .comment-reply-title     #cancel-comment-reply-link {     display: inline-block; }  .comments-area .comment-respond .comment-form {     overflow: hidden; }  .comments-area .comment-respond .comment-notes {     margin-bottom: 0;     margin-top: 10px; }  .comments-area .comment-respond .comment-form-comment {     margin-top: 20px;     float: left;     width: 100%;     margin-bottom: 25px; }  .comments-area .comment-respond label {     display: block;     font-weight: 600;     color: #404040;     margin-bottom: 5px; }  .comments-area .comment-respond input[type="date"], .comments-area .comment-respond input[type="time"], .comments-area .comment-respond input[type="datetime-local"], .comments-area .comment-respond input[type="week"], .comments-area .comment-respond input[type="month"], .comments-area .comment-respond input[type="text"], .comments-area .comment-respond input[type="email"], .comments-area .comment-respond input[type="url"], .comments-area .comment-respond input[type="password"], .comments-area .comment-respond input[type="search"], .comments-area .comment-respond input[type="tel"], .comments-area .comment-respond input[type="number"], .comments-area .comment-respond textarea {     display: block;     width: 100%;     background-color: #ffffff;     border: 1px solid #eeeeee;     padding: 0.625em 0.7375em;     outline: 0;     -webkit-transition: 0.4s;     transition: 0.4s; }  .comments-area .comment-respond input[type="date"]:focus, .comments-area .comment-respond input[type="time"]:focus, .comments-area .comment-respond input[type="datetime-local"]:focus, .comments-area .comment-respond input[type="week"]:focus, .comments-area .comment-respond input[type="month"]:focus, .comments-area .comment-respond input[type="text"]:focus, .comments-area .comment-respond input[type="email"]:focus, .comments-area .comment-respond input[type="url"]:focus, .comments-area .comment-respond input[type="password"]:focus, .comments-area .comment-respond input[type="search"]:focus, .comments-area .comment-respond input[type="tel"]:focus, .comments-area .comment-respond input[type="number"]:focus, .comments-area .comment-respond textarea:focus {     border-color: #005CE6; }  .comments-area .comment-respond .comment-form-author {     float: left;     width: 50%;     padding-right: 10px;     margin-top: 20px;     margin-bottom: 0; }  .comments-area .comment-respond .comment-form-email {     float: left;     width: 50%;     padding-left: 12px;     margin-top: 20px;     margin-bottom: 0; }  .comments-area .comment-respond .form-submit {     float: left;     width: 100%; }  .comments-area .comment-respond .form-submit input {     color: #ffffff;     font-size: 15px;     font-weight: 600;     padding: 10px 30px;     display: inline-block;     cursor: pointer;     border-radius: 5px;     background-color: #005CE6;     -webkit-transition: 0.4s;     transition: 0.4s;     border: none;     outline: 0; }  .comments-area .comment-respond .form-submit input:hover, .comments-area .comment-respond .form-submit input:focus {     color: #ffffff;     background-color: #404040; }  /**********************************************  ** - 15 - Blog Page Sidebar Widget CSS  **********************************************/ .widget-area .widget {     margin-top: 35px; }  .widget-area .widget:first-child {     margin-top: 0; }  .widget-area .widget .widget-title {     border-bottom: 1px solid #eeeeee;     padding-bottom: 10px;     margin-bottom: 25px;     text-transform: capitalize;     position: relative;     font-size: 20px; }  .widget-area .widget .widget-title::before {     content: "";     position: absolute;     background-color: #005CE6;     bottom: -1px;     left: 0;     width: 50px;     height: 1px; }  .widget-area .widget_search {     background-color: #f5f5f5;     padding: 15px; }  .widget-area .widget_search form {     position: relative; }  .widget-area .widget_search form label {     display: block;     margin-bottom: 0; }  .widget-area .widget_search form .screen-reader-text {     display: none; }  .widget-area .widget_search form .search-field {     background-color: transparent;     height: 50px;     padding: 6px 15px;     border: 1px solid #005CE6;     width: 100%;     display: block;     outline: 0;     -webkit-transition: 0.4s;     transition: 0.4s; }  .widget-area .widget_search form .search-field:focus {     border-color: #005CE6; }  .widget-area .widget_search form button {     position: absolute;     right: 0;     outline: 0;     bottom: 0;     height: 50px;     width: 50px;     z-index: 1;     border: none;     color: #ffffff;     background-color: #005CE6;     -webkit-transition: 0.4s;     transition: 0.4s; }  .widget-area .widget_search form button:hover {     background-color: #404040;     color: #ffffff; }  .widget-area .widget_techmax_posts_thumb {     position: relative;     overflow: hidden; }  .widget-area .widget_techmax_posts_thumb .item {     overflow: hidden;     margin-bottom: 15px; }  .widget-area .widget_techmax_posts_thumb .item:last-child {     margin-bottom: 0; }  .widget-area .widget_techmax_posts_thumb .item .thumb {     float: left;     width: 120px;     overflow: hidden;     border-radius: 3px;     margin-right: 15px; }  .widget-area .widget_techmax_posts_thumb .item .info {     overflow: hidden;     margin-top: 5px; }  .widget-area .widget_techmax_posts_thumb .item .info span {     display: block;     color: #5f5f5f;     text-transform: capitalize;     margin-top: 3px;     font-size: 14px; }  .widget-area .widget_techmax_posts_thumb .item .info .title {     margin-bottom: 0;     line-height: 1.4;     font-size: 16px; }  .widget-area .widget_techmax_posts_thumb .item .info .title a {     display: inline-block; }  .widget-area .widget_recent_entries ul {     padding-left: 0;     margin-bottom: 0;     list-style-type: none; }  .widget-area .widget_recent_entries ul li {     position: relative;     margin-bottom: 12px;     color: #404040;     padding-left: 14px;     line-height: 1.5;     font-weight: 400;     font-size: 16px; }  .widget-area .widget_recent_entries ul li:last-child {     margin-bottom: 0; }  .widget-area .widget_recent_entries ul li::before {     background-color: #005CE6;     height: 8px;     width: 8px;     content: "";     left: 0;     top: 7px;     position: absolute;     border-radius: 50px;     border-right-style: inset; }  .widget-area .widget_recent_entries ul li a {     display: inline-block;     color: #404040; }  .widget-area .widget_recent_entries ul li a:hover {     color: #005CE6; }  .widget-area .widget_recent_entries ul li .post-date {     display: block;     font-size: 13px;     color: #5f5f5f;     margin-top: 4px; }  .widget-area .widget_categories ul {     padding-left: 0;     margin-bottom: 0;     list-style-type: none; }  .widget-area .widget_categories ul li {     margin-bottom: 15px; }  .widget-area .widget_categories ul li:last-child {     margin-bottom: 0; }  .widget-area .widget_categories ul li a {     display: flex;     justify-content: space-between;     padding: 12px 18px;     color: #404040;     font-size: 16px;     font-weight: 500;     border-radius: 5px;     border: 1px solid #ebebeb;     background-color: #f8f8f8; }  .widget-area .widget_categories ul li a:hover {     color: #fff;     background-color: #005CE6; }  .widget-area .widget_categories ul li .post-count {     float: right; }  .widget-area .widget_meta ul {     padding-left: 0;     margin-bottom: 0;     list-style-type: none; }  .widget-area .widget_meta ul li {     position: relative;     margin-bottom: 12px;     color: #404040;     padding-left: 14px;     font-size: 16px;     font-weight: 400; }  .widget-area .widget_meta ul li:last-child {     margin-bottom: 0; }  .widget-area .widget_meta ul li::before {     content: "";     position: absolute;     top: 7px;     left: 0;     width: 8px;     height: 8px;     border-radius: 50px;     background-color: #005CE6;     border-right-style: inset; }  .widget-area .widget_meta ul li a {     display: inline-block;     color: #404040; }  .widget-area .widget_meta ul li a:hover {     color: #005CE6; }  .widget-area .widget_tag_cloud .widget-title {     margin-bottom: 12px; }  .widget-area .tagcloud a {     display: inline-block;     color: #404040;     font-size: 16px;     font-weight: 500;     padding: 12px 18px;     border: 1px solid #ebebeb;     background-color: #f8f8f8;     border-radius: 6px;     margin-top: 10px;     margin-right: 8px; }  .widget-area .tagcloud a:hover, .widget-area .tagcloud a:focus {     color: #ffffff;     background-color: #005CE6;     border-color: #005CE6; }  .widget-area .widget_event_details ul {     padding-left: 0;     margin-bottom: 0;     list-style-type: none; }  .widget-area .widget_event_details ul li {     border-bottom: 1px solid #eeeeee;     color: #888f96;     padding-bottom: 10px;     padding-top: 10px; }  .widget-area .widget_event_details ul li:first-child {     padding-top: 0; }  .widget-area .widget_event_details ul li:last-child {     border-bottom: none;     padding-bottom: 0; }  .widget-area .widget_event_details ul li span {     display: inline-block;     color: #404040;     font-weight: 400; }  .widget-area .widget_event_details ul li a {     display: inline-block;     color: #888f96; }  .widget-area .widget_event_details ul li a:hover {     color: #005CE6; }  /************************************************  ** - 15 - Blog Page Number Pagination CSS  ************************************************/ .pagination-area {     margin-top: 20px;     text-align: center;     display: flex;     align-items: center;     justify-content: center; }  .pagination-area .page-numbers {     width: 45px;     height: 45px;     margin: 0 5px;     display: inline-flex;     align-items: center;     justify-content: center;     background-color: transparent;     color: #005CE6;     font-size: 18px;     font-weight: 600;     border: 1px solid #005CE6;     border-radius: 8px; }  .pagination-area .page-numbers.current, .pagination-area .page-numbers:hover, .pagination-area .page-numbers:focus {     color: #ffffff;     background-color: #005CE6; }  /**************************************  ** - 16 - Partner Section CSS  **************************************/ .partner-section {     position: relative;     background-color: #fff;     overflow: hidden;     z-index: 1; }  .partner-list {     display: -ms-flexbox;     display: -webkit-box;     display: flex;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     margin-right: -5px;     margin-left: -5px; }  .partner-list .partner-item {     -ms-flex: 0 0 20%;     -webkit-box-flex: 0;     flex: 0 0 20%;     max-width: 20%;     padding-left: 10px;     padding-right: 10px;     margin-bottom: 20px; }  .partner-list .partner-item a {     display: block;     text-align: center;     padding: 0px 0px;     overflow: hidden;     border-radius: 10px;     background-color: #ffffff;     box-shadow: 0px 5px 20px rgb(34, 34, 129, 0.1); }  /***********************************  ** - 16 - Partner Slider CSS  ***********************************/ .partner-area {     padding: 50px 0px; }  .partner-slide-item {     padding: 0px 0px;     margin: 0px 15px; }  .partner-area .partner-carousel img {     max-width: 100%;     width: inherit !important;     margin: 0 auto;     -webkit-transition: 0.3s;     transition: 0.3s; }  .partner-area .partner-carousel img:hover {     opacity: 0.7;     cursor: pointer; }  /*********************************************  ** - 17 - Other Page Banner Title CSS  *********************************************/ .page-title-area {     position: relative;     z-index: 1;     background: linear-gradient(135deg, #021a36 0%, #004ba8 100%);     background-position: center center;     background-size: cover;     background-repeat: no-repeat;     height: 400px; }  .page-title-area::before {     content: "";     position: absolute;     z-index: -1;     height: 100%;     width: 100%;     left: 0;     top: 0;     opacity: 0.6;     background-color: #0d296c; }  .page-title-content {     text-align: center;     margin-top: 45px; }  .page-title-content h2 {     color: #ffffff;     font-size: 40px;     font-weight: 700;     margin-bottom: 0; }  .page-title-content ul {     padding-left: 0;     list-style-type: none;     margin-top: 12px;     margin-bottom: 0; }  .page-title-content ul li {     color: #ffffff;     display: inline-block;     position: relative;     font-weight: 600;     font-size: 15px;     margin-left: 10px;     margin-right: 10px;     text-transform: uppercase; }  .page-title-content ul li a {     display: inline-block;     color: #ffffff;     -webkit-transition: 0.4s;     transition: 0.4s; }  .page-title-content ul li a:hover {     color: #005CE6; }  .page-title-content ul li::before {     content: "";     position: absolute;     top: 9px;     right: -15px;     width: 6px;     height: 6px;     border-radius: 50%;     background-color: #ffffff; }  .page-title-content ul li:last-child::before {     display: none; }  .item-bg1 {     background: linear-gradient(135deg, #021a36 0%, #004ba8 100%); }  .item-bg2 {     background: linear-gradient(135deg, #021a36 0%, #004ba8 100%); }  /*********************************  ** - 18 - About Page CSS  *********************************/ .about-section {     position: relative;     z-index: 1; }  .about-content h6 {     color: #005CE6;     font-size: 16px;     font-weight: 600;     margin-bottom: 10px;     text-transform: uppercase;     letter-spacing: 0.5px; } .about-content h2 {     font-size: 36px;     font-weight: 700;     margin-bottom: 20px; }  .about-content p {     margin-bottom: 15px; }  .about-section .skills {     margin-top: 30px; } .about-section .skills .skill-item {     margin-bottom: 25px; }  .about-section .skills .skill-item:last-child {     margin-bottom: 0px; }  .about-section .skills .skill-item h6 {     position: relative;     z-index: 4;     font-size: 15px;     letter-spacing: 0.7px;     text-transform: capitalize;     font-weight: 600;     margin-bottom: 10px; } .about-section .skills .skill-item h6 em {     float: right;     font-size: 15px;     font-style: normal; } .about-section .skills .skill-item .skill-progress {     position: relative;     height: 7px;     border-radius: 10px;     background-color: #f1f1fa;     overflow: hidden; } .about-section .skills .skill-item .skill-progress .progres {     position: absolute;     top: 0;     left: 0;     height: 100%;     width: 10%;     background-color: #005CE6;     -webkit-transition: all 1.5s;     transition: all 1.5s; }  /************************************  ** - 19 - Pricing Page CSS  ************************************/ .pricing-content {     padding: 45px 40px;     background-color: #ffffff;     text-align: left;     border-radius: 5px;     margin-bottom: 30px;     box-shadow: -1px 3px 20px 0px rgba(75, 81, 91, 0.1);     transition: all 0.4s ease 0s; } .price-heading {     margin-bottom: 30px;     text-align: center; } .price-heading .price-name h3 {     font-size: 24px;     color: #333;     font-weight: 700;     margin-bottom: 15px; }  .price-heading .price-name h2 {     font-size: 45px;     font-weight: 700;     color: #005CE6;     display: inline-block; }  .price-heading .price-name .price-small-text {     font-size: 15px;     font-weight: 600;     color: #3e3e3e; } .price-body {     padding-left: 40px;     padding-right: 30px; } .price-body ul li {     display: block;     padding: 5px 0; } .price-body ul li:last-child {     padding-bottom: 0; } .price-body ul li i {     color: #6f64e7;     padding-right: 5px; } .price-body .offer-list-none {     color: #b7b7b7; } .price-body .offer-list-none i {     color: #ff9aa0; } .price-btn {     text-align: center;     margin-bottom: 30px; } .price-btn .default-btn {     display: block; }  /*******************************  ** - 20 - Faq Page CSS  *******************************/ .faq-accordion .accordion {     list-style-type: none;     padding: 0;     margin: 0;     padding-left: 0;     margin-bottom: 0;     position: relative; }  .faq-accordion .accordion .accordion-item {     display: block;     margin-bottom: 0px;     border: 0;     border-bottom: 1px solid rgb(231 231 231); }  .faq-accordion .accordion .accordion-item:last-child {     margin-bottom: 0; }  .faq-accordion .accordion .accordion-item .accordion-title {     color: #333;     position: relative;     font-size: 18px;     font-weight: 600;     display: block;     padding: 25px 0;     background-color: transparent;     border-radius: 0;     cursor: pointer; }  .faq-accordion .accordion .accordion-item .accordion-title:hover {     color: #005CE6; } .faq-accordion .accordion .accordion-item .active.accordion-title {     color: #005CE6; }  .faq-accordion .accordion .accordion-item .accordion-title i {     position: absolute;     right: 15px;     top: 50%;     -webkit-transform: translateY(-50%);     transform: translateY(-50%);     color: #333;     -webkit-transition: 0.5s;     transition: 0.5s;     font-size: 15px; }  .faq-accordion .accordion .accordion-item .active.accordion-title i {     color: #005CE6; }  .faq-accordion .accordion .accordion-item .accordion-title.active i::before {     content: "\f0d8"; }  .faq-accordion .accordion .accordion-item .accordion-content {     display: none;     font-size: 15px;     padding-bottom: 20px;     margin-bottom: 0; }  .faq-accordion .accordion .accordion-item .accordion-content.show {     display: block; }  /**************************************  ** - 21 - Coming Soon Page CSS  **************************************/ .coming-soon-area {     position: relative;     z-index: 1;     height: 800px;     min-height: 100vh;     padding: 120px 0;     background: linear-gradient(135deg, #021a36 0%, #004ba8 100%);     background-position: center center;     background-size: cover;     background-repeat: no-repeat; }  .coming-soon-area::before {     position: absolute;     content: "";     z-index: -1;     left: 0;     top: 0;     width: 100%;     height: 100%;     opacity: 0.7;     background-color: #005CE6;     background-image: linear-gradient(-135deg, #005CE6 -1.68%, #004ba8 100%); }  .coming-soon-area .social-list {     text-align: center;     margin-top: 50px; }  .coming-soon-area .social-list li {     display: inline-block; }  .coming-soon-area .social-list li.list-heading {     display: block;     color: #ffffff;     margin-bottom: 10px;     font-size: 16px;     font-weight: 500; }  .coming-soon-area .social-list li a {     display: inline-block; }  .coming-soon-area .social-list li a i {     color: #ffffff;     font-size: 16px;     width: 38px;     height: 38px;     line-height: 38px;     border-radius: 50%;     display: inline-block;     background-color: #005CE6;     border: 1px solid #005CE6;     -webkit-transition: 0.5s;     transition: 0.5s;     margin: 0 2px; }  .coming-soon-area .social-list li a i:hover {     color: #ffffff;     border: 1px solid #ffffff;     background-color: transparent; }  .coming-soon-content {     max-width: 830px;     text-align: center;     margin: 0 auto; }  .coming-soon-content h1 {     color: #ffffff;     margin-bottom: 15px;     font-size: 46px;     font-weight: 600; }  .coming-soon-content p {     color: #ffffff;     margin: 0 auto;     max-width: 620px;     line-height: 30px; }  .coming-soon-content form {     position: relative;     margin: 35px auto 55px;     max-width: 520px; }  .coming-soon-content form .email-input {     display: block;     width: 100%;     height: 56px;     border: none;     -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1),         0px 0px 0px 5px rgba(255, 255, 255, 0.3);     box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1),         0px 0px 0px 5px rgba(255, 255, 255, 0.3);     border-radius: 40px;     padding: 15px 25px;     outline: 0 !important;     background-color: #f1f2f3; }  .coming-soon-content form .submit-btn {     position: absolute;     right: 3px;     top: 3px;     height: 50px;     background-color: #005CE6;     color: #ffffff;     border: none;     border-radius: 40px;     width: 130px;     outline: 0 !important;     cursor: pointer;     text-transform: uppercase;     font-size: 15px;     font-weight: 600; }  .coming-soon-content form .submit-btn:hover, .coming-soon-content form .submit-btn:focus {     background-color: #005CE6; }  .coming-soon-content #timer div {     background-color: #ffffff;     display: inline-block;     border-radius: 50%;     width: 120px;     height: 120px;     color: #005CE6;     -webkit-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5);     box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5);     margin: 0 10px;     padding-top: 18px;     font-size: 40px;     font-weight: 600; }  .coming-soon-content #timer div span {     display: block;     margin-top: -4px;     color: #777777;     font-size: 15px;     font-weight: 600; }  /***********************************  ** - 22 - Contact Page CSS  ***********************************/ .contact-section { }  .contact-section .contact-form-3 form .form-control {     font-size: 15px;     width: 100%;     padding: 10px 20px;     height: 52px;     color: #333;     border: none;     background-color: #f3f3f3;     font-weight: 600;     border-radius: 5px;     text-transform: capitalize;     border-left: 2px solid #b4b7bd;     transition: all 0.4s; } .contact-section .contact-form-3 form input:focus, .contact-section .contact-form-3 form textarea:focus {     outline: none;     border: none;     -webkit-box-shadow: none;     box-shadow: none;     border-left: 2px solid #005CE6; } .contact-information-box-3 {     background-color: #fff;     padding: 25px 20px;     border-radius: 5px;     border-bottom: 2px solid #005CE6;     -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05),         0 5px 15px rgba(0, 0, 0, 0.03);     box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.03); } .contact-information-box-3 .single-contact-info-box {     position: relative;     z-index: 1;     padding: 10px 10px;     display: block;     border-radius: 3px;     text-align: left;     margin-bottom: 10px;     overflow: hidden; } .contact-information-box-3 .contact-info {     position: relative;     z-index: 1; }  .contact-information-box-3 .contact-info h6 {     font-weight: 600;     font-size: 18px;     color: #333;     margin-bottom: 7px;     text-transform: capitalize; }  .contact-information-box-3 .contact-info p {     color: #333;     font-size: 16px;     font-weight: 500;     margin: 0; } .contact-information-box-3 .single-contact-info-box .contact-info-bg-icon {     color: #005CE6;     opacity: 0.2;     position: absolute;     left: 0;     right: 0;     bottom: -25px;     margin: 0 auto;     z-index: -1;     -webkit-transition: 0.5s;     transition: 0.5s; } .contact-information-box-3 .single-contact-info-box .contact-info-bg-icon i {     font-size: 100px; } .contact-section .contact-form .form-group {     margin-bottom: 30px; } .contact-section .contact-form form textarea.form-control {     height: auto;     padding-top: 15px;     line-height: initial; }  .contact-section .form-message {     margin: 0; } .contact-section .form-message.success {     background-color: #03b103;     color: #fff;     padding: 10px 15px;     border-radius: 3px;     margin-bottom: 30px; }  .contact-section .form-message.error {     background-color: #ff4d15;     color: #fff;     padding: 10px 15px;     border-radius: 3px;     margin-bottom: 30px; }  /*******************************  ** - 25 - Map Section CSS  *******************************/ .map-section {     margin-bottom: -10px; }  .map-section .google-map iframe {     width: 100%;     height: 450px;     border: 0; }  /*******************************************  ** - 23 - Terms & Conditions Page CSS  *******************************************/ .single-terms h3 {     font-size: 24px;     font-weight: 700;     margin: 0 0 15px 0; }  /*******************************************  ** - 24 - Privacy Policy Page CSS  *******************************************/ .single-privacy h3 {     font-size: 24px;     font-weight: 700;     margin: 0 0 15px 0; }  /******************************************  ** - 25 - All Page Footer Section CSS  ******************************************/ .footer-area {     position: relative;     z-index: 1;     background-color: #1c1c23; } .footer-area {     position: relative;     z-index: 1;     background: linear-gradient(135deg, #021a36 0%, #004ba8 100%);     background-position: center center;     background-size: cover;     background-repeat: no-repeat; }  .footer-area::before {     content: "";     position: absolute;     z-index: -1;     left: 0;     top: 0;     height: 100%;     width: 100%;     opacity: 0.8;     background-color: #005CE6;     background-image: linear-gradient(-135deg, #005CE6 -1.68%, #004ba8 100%); }  .single-footer-widget .footer-logo {     display: inline-block;     margin-bottom: 20px; }  .footer-heading {     margin-bottom: 25px; }  .footer-heading h3 {     font-size: 20px;     color: #ffffff;     font-weight: 600;     margin: 0 0 0 0;     position: relative;     border-bottom: 1px solid #fff;     padding-bottom: 10px; }  .single-footer-widget .footer-social {     padding-left: 0;     margin-bottom: 0;     margin-top: 20px; }  .single-footer-widget .footer-social li {     display: inline-block;     margin-right: 10px; }  .single-footer-widget .footer-social li:last-child {     margin-right: 0; }  .single-footer-widget .footer-social i {     color: #005CE6;     font-size: 20px;     height: 40px;     width: 40px;     line-height: 40px;     border-radius: 5px;     text-align: center;     display: inline-block;     background-color: #ffffff;     border: 1px solid #ffffff;     -webkit-transition: 0.4s;     transition: 0.4s; }  .single-footer-widget .footer-social i:hover {     background-color: #005CE6;     color: #ffffff;     border: 1px solid #005CE6; }  .single-footer-widget p {     font-size: 16px;     color: #ececec;     font-weight: 400; }  .single-footer-widget .footer-heading {     margin-bottom: 25px; }  .single-footer-widget .footer-heading h3 {     color: #ffffff;     font-size: 22px;     font-weight: 600;     margin: 0 0 0 0; }  .single-footer-widget .footer-quick-links {     padding-left: 0;     margin-bottom: 0; }  .single-footer-widget .footer-quick-links li {     list-style-type: none;     padding-bottom: 18px; }  .single-footer-widget .footer-quick-links li:last-child {     padding-bottom: 0; }  .single-footer-widget .footer-quick-links li a {     display: inline-block;     color: #ececec;     font-size: 17px;     font-weight: 400; }  .single-footer-widget .footer-quick-links li a:hover {     color: #fff;     text-decoration: underline !important;     -webkit-transition: 0.4s;     transition: 0.4s; }  .single-footer-widget .footer-info-contact {     margin-bottom: 16px; }  .single-footer-widget .footer-info-contact:last-child {     margin-bottom: 0; }  .single-footer-widget .footer-info-contact h3 {     font-size: 16px;     color: #fff;     font-weight: 600;     margin: 0 0 10px 0; }  .single-footer-widget .footer-info-contact span {     font-size: 17px;     color: #ececec;     font-weight: 400; }  .single-footer-widget .footer-info-contact span a {     font-size: 17px;     color: #ececec;     font-weight: 400;     -webkit-transition: 0.4s;     transition: 0.4s; }  .single-footer-widget .footer-info-contact span a:hover {     color: #fff; }  /**************************************  ** - 00 - Footer Subscribe CSS  **************************************/ .newsletter-form {     max-width: 580px;     position: relative;     margin-left: auto;     margin-right: auto;     margin-top: 20px; }  .newsletter-form .input-newsletter {     display: block;     width: 100%;     background-color: #ffffff;     border: none;     height: 50px;     padding-left: 25px;     border-radius: 5px;     outline: 0;     color: #404040; }  .newsletter-form .input-newsletter::-webkit-input-placeholder {     color: #5f5f5f; }  .newsletter-form .input-newsletter:-ms-input-placeholder {     color: #5f5f5f; }  .newsletter-form .input-newsletter::-ms-input-placeholder {     color: #5f5f5f; }  .newsletter-form .input-newsletter::placeholder {     color: #5f5f5f; }  .newsletter-form button {     position: absolute;     right: 0;     top: 0;     background-color: #005CE6;     color: #ffffff;     border: none;     height: 50px;     padding: 0 30px;     border-radius: 0px 5px 5px 0px;     -webkit-transition: 0.4s;     transition: 0.4s;     line-height: 50px;     text-transform: capitalize;     font-size: 15px; }  /********************************************  ** - 26 - All Page Copyright Section CSS  ********************************************/ .copyright-area {     background-color: #0e1326;     padding: 35px 0; }  .copyright-area p {     color: #ececec;     font-size: 17px; }  .copyright-area p a {     color: #ececec;     display: inline-block;     font-weight: 600; }  .copyright-area p a:hover {     color: #005CE6; }  .copyright-area ul {     padding-left: 0;     margin-bottom: 0;     list-style-type: none;     text-align: right; }  .copyright-area ul li {     display: inline-block;     color: #ececec;     font-size: 17px;     position: relative;     margin-left: 10px;     margin-right: 10px; }  .copyright-area ul li a {     display: inline-block;     color: #ececec; }  .copyright-area ul li a:hover {     color: #005CE6; }  .copyright-area ul li::before {     content: "";     position: absolute;     top: 5px;     right: -13px;     width: 1px;     height: 14px;     background-color: #ffffff; }  .copyright-area ul li:last-child {     margin-right: 0; }  .copyright-area ul li:last-child::before {     display: none; }  .copyright-area ul li:first-child {     margin-left: 0; }  /* my styling */ .box {     background-color: #c1c1c1;     padding: 20px;     border-radius: 20px;     position: relative;     height: 100%;     z-index: 1;     transition: color 300ms ease-in-out; }  /*============== Start pricing section ==========*/  .pricing .row .box {     text-align: center;     align-items: center; }  #table3 > .price {     color: #f3f3f3; }  #table3 > h3, #table3 > ul li, #table3 > i {     color: #d8d8d8; }  .pricing .row .box ul {     margin: 0;     padding: 0;     display: flex;     flex-direction: column; }  #table3 .btn {     background-color: var(--bodyColor);     color: var(--brand-color); }  #table3 ul li .bi-check2-circle {     color: var(--dark-brand-color); }  .pricing .row .box .price {     font-size: 55px;     font-weight: bold;     color: var(--brand-color); }  .pricing .row .box i {     font-size: 55px;     color: var(--secendaryColor); }  .pricing .box ul li .bi {     font-size: 18px;     margin-right: 5px; }  .pricing .box ul li .bi-check2-circle {     color: var(--brand-color); }  .pricing .box ul li .bi-x-circle {     color: #864141; }  .pricing ul li {     color: var(--secendaryColor);     font-size: 20px;     font-weight: 400;     text-align: center; }  .pricing h3 {     color: var(--secendaryColor);     font-size: 20px;     font-weight: 600;     text-transform: capitalize; }  .pricing .box .title-2 {     font-size: 25px;     text-transform: capitalize;     font-weight: bold; }  /*============== End pricing section ==========*/  /*============== start FAQ section ==========*/ .faq .box h4 {     color: var(--title-2-color);     font-size: 20px;     font-weight: 600; }  .faq .box i {     font-size: 25px;     color: var(--brand-color); }  .rotate-icon {     transition: transform 0.3s ease-in-out; }  .rotate-icon.rotated {     transform: rotate(180deg); }  /*============== End FAQ section ==========*/  #progress {     position: fixed;     bottom: 20px;     right: 10px;     height: 70px;     width: 70px;     display: none;     place-items: center;     border-radius: 50%;     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);     cursor: pointer;     z-index: 800; }  #progress-value {     display: block;     height: calc(100% - 15px);     width: calc(100% - 15px);     border-radius: 50%;     display: grid;     background-color: #f8f6f4;     place-items: center;     font-size: 35px;     color: #005CE6; }  .progress-bar {     width: 100%;     height: 8px;     background-color: var(--boxColor);     border-radius: 5px;     overflow: hidden; }  .progress-bar-fill {     height: 100%;     background-color: var(--brand-color);     border-radius: 5px;     transition: width 0.2s ease-in-out;     animation: load 3s 0s;     -webkit-animation: load 3s 0s;     -moz-animation: load 3s 0s;     -o-animation: load 3s 0s; }  .progress-bar-fill.progress-bar-fill-1 {     width: 70%; }  .progress-bar-fill.progress-bar-fill-2 {     width: 20%; }  .progress-bar-fill.progress-bar-fill-3 {     width: 55%; }