/**
 * @file
 * Subtheme specific CSS.
 */

 @import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;1,400;1,500;1,700&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
 :root {
     --primary-font: "DM Sans", sans-serif;
     --secondary-font: "Montserrat", sans-serif;
     --primary-color: #fd204f;
     --secondary: #232323;
     --light: #f7f7f7;
     --heading-color: #232323;
     --dark: #6f6f6f;
     --footer-color: #afafaf;
 }
 * {
     margin: 0px;
 }
 
 /* custom css */
 
 body {
     overflow-x: hidden;
     background-color: white !important;
 }
 
 .g-5-1,
 .gx-5-1 {
     --bs-gutter-x: 3.5rem;
 }
 ::selection{
     background-color: var(--primary-color);
     color: white;
 }
 .g-6,
 .gx-6 {
     --bs-gutter-x: 4rem;
 }
 
 .g-7,
 .gx-7 {
     --bs-gutter-x: 7rem;
 }
 
 .g-4-1,
 .gx-4-1 {
     --bs-gutter-x: 2rem;
 }
 
 .g-4-2,
 .gx-4-2 {
     --bs-gutter-x: 2.25rem;
 }
 
 .mt-8 {
     margin-top: 5rem !important;
 }
 
 hr:not([size]) {
     height: 2px;
     opacity: 0.15;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: var(--secondary-font);
     color: var(--heading-color);
     font-weight: bold;
 }
 
 h1 {
     font-size: 32px;
     line-height: 42px;
 }
 
 h2 {
     font-size: 25px;
     line-height: 35px;
 }
 
 .dropdown-menu {
     border: unset;
 }
 
 .dropend .dropdown-menu[data-bs-popper] {
     margin-left: 0;
 }
 
 h3 {
     font-size: 20px;
     line-height: 30px;
 }
 
 h4 {
     font-size: 18px;
     line-height: 26px;
 }
 
 h5 {
     font-size: 16px;
     font-weight: 600;
     line-height: 26px;
 }
 
 h6 {
     font-size: 14px;
     line-height: 24px;
 }
 
 p {
     font-size: 14px;
     font-family: var(--primary-font);
     color: var(--dark);
     font-weight: 500;
     line-height: 24px;
 }
 
 a {
     text-decoration: none;
     font-size: 14px;
     line-height: 20px;
     font-family: var(--primary-font);
     transition: all 0.4s ease-in 0s;
 }
 
 a h5 {
     transition: all 0.4s ease-in 0s;
 }
 
 a:hover,
 a:hover h5,
 a:hover h3,
 a:focus {
     color: var(--primary-color) !important;
 }
 
 a h3 {
     transition: all 0.25s ease-in 0s;
 }
 
 button:focus {
     box-shadow: unset;
 }
 
 ul {
     padding: unset;
     margin-bottom: unset;
 }
 
 li {
     list-style: none;
 }
 
 .dropdown-submenu .dropdown-menu::-webkit-scrollbar {
     width: 6px;
     background-color: #f5f5f5;
     border-radius: 10px;
 }
 
 .dropdown-submenu .dropdown-menu::-webkit-scrollbar-thumb {
     background-color: var(--primary-color);
     border-radius: 10px;
 }
 
 .column-4 {
     flex: 0 0 auto;
     width: 33.33%;
 }
 
 .column-2 {
     flex: 0 0 auto;
     width: 18.9%;
 }
 
 .column-3 {
     flex: 0 0 auto;
     width: 28.85%;
 }
 
 .sec-pad-20 {
     padding: 20px 0px;
 }
 
 .sec-pad-70 {
     padding: 70px 0;
 }
 
 .sec-pad-b-70 {
     padding-bottom: 70px !important;
 }
 
 .sec-pad-b-40 {
     padding-bottom: 40px !important;
 }
 
 .sec-pad-b-30 {
     padding-bottom: 30px !important;
 }
 
 .sec-pad-t-100 {
     padding-top: 100px;
 }
 
 .sec-pad-t-120 {
     padding-top: 120px !important;
 }
 
 .sec-pad-b-150 {
     padding-bottom: 150px !important;
 }
 
 .sec-pad-b-170 {
     padding-bottom: 170px !important;
 }
 
 .sec-pad-b-60 {
     padding-bottom: 60px !important;
 }
 
 .sec-pad-200 {
     padding: 200px 0 !important;
 }
 
 .sec-pad-b-180 {
     padding-bottom: 180px !important;
 }
 
 .sec-pad-b-190 {
     padding-bottom: 190px !important;
 }
 
 .sec-pad-b-200 {
     padding-bottom: 200px !important;
 }
 
 .sec-pad-b-100 {
     padding-bottom: 100px !important;
 }
 
 .sec-pad-b-120 {
     padding-bottom: 120px !important;
 }
 
 .sec-pad-b-50 {
     padding-bottom: 50px !important;
 }
 
 .sec-pad-t-50 {
     padding-top: 50px;
 }
 
 .sec-pad-t-70 {
     padding-top: 70px;
 }
 
 .sec-pad-t-60 {
     padding-top: 60px;
 }
 
 .sec-pad-t-80 {
     padding-top: 80px !important;
 }
 
 .sec-pad-t-140 {
     padding-top: 140px !important;
 }
 
 .sec-pad-b-80 {
     padding-bottom: 80px !important;
 }
 
 .sec-pad-b-20 {
     padding-bottom: 20px !important;
 }
 
 .sec-pad-50 {
     padding: 50px 0px;
 }
 
 .sec-pad-140 {
     padding: 140px 0px !important;
 }
 
 .sec-pad-80 {
     padding: 80px 0px;
 }
 
 .sec-mt-b-120 {
     margin-bottom: 120px !important;
 }
 
 .sec-pad-100 {
     padding: 100px 0px !important;
 }
 
 .sec-pad-180 {
     padding: 180px 0px;
 }
 
 .sec-pad-120 {
     padding: 120px 0px !important;
 }
 .sec-pad-120 .sec-pad-120{
     padding: 0px !important;
 }
 .sec-pad-150 {
     padding: 150px 0px;
 }
 
 .sec-pad-t-80 {
     padding-top: 80px;
 }
 
 .sec-pad-t-100 {
     padding-top: 100px;
 }
 
 .sec-pad-t-120 {
     padding-top: 120px;
 }
 
 .heading-1 h2 {
     font-family: var(--secondary-font);
 }
 
 .sec-pad-b-0 {
     padding-bottom: 0;
 }
 
 body.header-2 .banner-text,
 body.header-3 .banner-text,
 body.header-4 .banner-text {
     padding: 140px 0px;
 }
 
 #pt-header .header-1,
 #pt-header .header-2,
 #pt-header .header-3,
 #pt-header .header-4,
 #pt-header .header-5 {
     display: none;
 }
 
 #pt-header .header-1.active,
 #pt-header .header-2.active,
 #pt-header .header-3.active,
 #pt-header .header-4.active,
 #pt-header .header-5.active {
     display: block;
 }
 
 body.header-1 .banner-text {
     padding: 200px 0px 120px;
 }
 
 .title h2 {
     font-size: 24px;
     line-height: 35px;
     color: var(--primary-color);
     font-weight: 600;
     font-family: var(--secondary-font);
 }
 
 .rounded {
     border-radius: 0.75rem !important;
 }
 
 
 /* Headers */
 
 #header-3 .btn-primary {
     font-family: var(--secondary-font);
     font-weight: 600;
 }
 
 #header-3 .top-search .header-3-form-btn {
     margin-left: 0;
     padding: 0px 5px !important;
     text-align: center;
     position: absolute;
     right: 0;
     border-radius: 0;
     z-index: 24;
     display: inline-flex;
 }
 
 #header-3 .top-search .header-3-form-btn i {
     margin-left: 0;
     font-size: 10px;
 }
 
 #header-3 .fixed-top .top-search .header-3-form-btn {
     padding: 0.5px 5px !important;
 }
 
 #header-3 .fixed-top .navbar-nav .nav-link {
     padding: 32px 0px !important;
 }
 
 #header-3 .nav-brand {
     padding: 40px 20px;
 }
 
 .navbar-top {
     background: var(--secondary);
 }
 
 #header-3 .fixed-top .dropdown-menu[data-bs-popper] {
     top: 100%;
 }
 
 #header-3 .navbar-nav .nav-link {
     padding: 52px 0px;
 }
 
 .topbar {
     display: flex;
     justify-content: space-between;
     align-items: center;
     font-size: 14px;
 }
 
 #header-4 .topbar {
     display: block;
     justify-content: space-between;
     align-items: center;
     font-size: 14px;
     padding: 12px 0px;
 }
 
 #header-4 nav {
     margin: 0 auto;
 }
 
 #header-3 .navbar-top-inner-left i {
     vertical-align: 1px;
 }
 
 #header-3 .navbar-top-inner-left i svg,
 #header-4 .navbar-top-inner-left i svg {
     width: 14px;
     height: 14px;
 }
 
 .service-text a:hover h5 {
     color: var(--primary-color);
 }
 
 #header-2 .navbar-top-inner-left i svg {
     width: 20px;
     height: 20px;
     justify-content: center;
     background: rgb(255, 255, 255);
     padding: 5px;
     border-radius: 50px;
 }
 
 #header-2 li.lan-drop {
     padding-left: 18px;
 }
 
 #header-3 .fixed-top .nav-brand {
     padding: 20px 0px;
 }
 
 #header-2 .navbar-top-inner-left i svg {
     fill: var(--primary-color);
 }
 
 #header-3 .navbar-top-inner-left i svg {
     fill: rgb(255, 255, 255);
 }
 
 #header-3 .lan-dropdown-menu {
     top: 184%;
 }
 
 #header-3 .lan-drop:hover .lan-dropdown-menu {
     position: absolute;
     right: 0;
     min-width: 90px;
     width: 100%;
     box-shadow: 0px 4px 8px -5px;
     display: block !important;
     padding: 0px !important;
     z-index: 99;
 }
 
 .lan-dropdown-menu {
     position: absolute;
     background: rgb(255, 255, 255);
     z-index: 9;
     top: 228%;
     padding: 4px 30px 10px 0px;
     display: none;
 }
 
 .getquotue .btn-primary {
     padding: 10px 34px;
 }
 
 .lan-drop:hover .lan-dropdown-menu {
     display: block;
 }
 
 .navbar-top-inner-left i {
     margin-right: 6px;
     font-size: 15px;
 }
 
 .navbar-top-inner-left ul li {
     display: inline-block;
     padding: 18px 18px;
 }
 
 .navbar-top-inner-left ul li:first-child {
     padding-left: unset;
 }
 
 button.navbar-toggler:focus {
     outline: unset;
     box-shadow: unset;
 }
 
 .navbar-top-inner-right ul li img {
     width: 25px;
     margin-right: 3px;
     margin-top: -2px;
 }
 
 li.lan-drop {
     padding: 0px 5px;
 }
 
 #header-3 .nav-link {
     letter-spacing: 0.25px;
 }
 
 #header-3 .navbar-top-inner-right ul li a {
     padding: 20px 0px;
 }
 
 #header-3 .nav-link i {
     font-size: 10px;
 }
 
 
 /* menu bar */
 
 .navbar-toggler .hamburger-toggle {
     position: relative;
     width: 50px;
     height: 50px;
     z-index: 11;
     float: right;
 }
 .navbar-toggler .hamburger-toggle:hover{
     cursor: pointer;
 }
 
 .navbar-toggler .hamburger-toggle .hamburger {
     position: absolute;
     transform: translate(-50%, -50%) rotate(0deg);
     left: 50%;
     top: 50%;
     width: 50%;
     height: 50%;
     pointer-events: none;
 }
 
 #header-1 .navbar-toggler .hamburger-toggle .hamburger span {
     background: #fff;
 }
 
 .navbar-toggler .hamburger-toggle .hamburger span {
     width: 100%;
     height: 4px;
     position: absolute;
     background: #333;
     border-radius: 2px;
     z-index: 1;
     transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
     left: 0px;
 }
 
 .navbar-toggler .hamburger-toggle .hamburger span:first-child {
     top: 10%;
     transform-origin: 50% 50%;
     transform: translate(0% -50%) !important;
 }
 
 .navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
     top: 50%;
     transform: translate(0, -50%);
 }
 
 .navbar-toggler .hamburger-toggle .hamburger span:last-child {
     left: 0px;
     top: auto;
     bottom: 10%;
     transform-origin: 50% 50%;
 }
 
 .navbar-toggler .hamburger-toggle .hamburger.active span {
     position: absolute;
     margin: 0;
 }
 
 .navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
     top: 45%;
     transform: rotate(45deg);
 }
 
 .navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
     left: 50%;
     width: 0px;
 }
 
 .navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
     top: 45%;
     transform: rotate(-45deg);
 }
 
 .navbar-toggler {
     padding-right: unset;
 }
 
 .navbar-top-inner-right .lan-dropdown-menu li img {
     width: 25px;
 }
 
 .navbar-top-inner-left ul li a {
     color: var(--light);
     font-size: 14px;
     transition: all 0.5s ease-in 0s;
     letter-spacing: 0.25px;
     padding: 20px 0px;
     font-weight: 100 !important;
 }
 
 .navbar-top-inner-left ul li a:hover {
     color: rgb(249, 59, 80);
 }
 
 .navbar-top-inner-left {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     justify-content: space-between;
 }
 
 .navbar-top-inner-right ul li a {
     font-size: 14px;
     color: var(--light);
     transition: all 0.5s ease-in 0s;
 }
 
 .navbar-top-inner-right ul li a:hover {
     color: var(--primary-color);
 }
 
 .navbar-top-inner-right i {
     margin-left: 2px;
     font-size: 12px;
     vertical-align: unset;
 }
 
 .nav-brand {
     padding: 0px 110px 0px 0px;
 }
 .nav-brand img {
     width: auto;
     height: 200px;
     object-fit: cover;
 }
 .navbar {
     padding: 0px;
     position: relative;
 }
 
 .nav-item {
     padding: 0px 15px;
 }
 
 .nav-link {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
     color: var(--secondary);
     font-family: Montserrat;
 }
 
 .dropdown-menu[data-bs-popper] {
     top: 100%;
     left: 0px;
     margin-top: 0rem;
     border: unset;
 }
 
 .dropdown-menu li {
     border-bottom: 1px solid rgb(216 216 216 / 45%);
 }
 
 .dropdown-menu li:last-child {
     border-bottom: unset;
 }
 
 .nav-item:hover .nav-link {
     color: var(--primary-color);
 }
 
 .dropdown-item:hover {
     background: var(--primary-color);
     color: var(--light) !important;
 }
 
 .dropdown-menu li a {
     padding: 8px 20px;
     transition: all 0.25s ease-in 0s;
     font-family: var(--secondary-font);
     font-size: 14px;
     font-weight: 600;
 }
 
 .dropdown-menu {
     padding: 0px;
     border-radius: unset;
     box-shadow: rgb(132 132 132) 0px 4px 15px -5px;
 }
 
 .dropdown-submenu>.dropdown-menu {
     left: 80%;
 }
 
 .dropdown-submenu {
     position: relative;
 }
 
 .getquotue {
     text-align: center;
     margin-left: 40px;
 }
 
 .dropdown-submenu .dropdown-menu {
     top: 0px !important;
     /* margin-left: 32px; */
     left: 100%;
     max-height: 300px;
     overflow-y: auto;
     margin-top: 0rem;
 }
 
 form.top-search {
     padding-left: 18px;
     margin-top: -5px;
 }
 
 form.top-search .input-group {
     margin-top: 0 !important;
     display: flex;
     align-items: center;
 }
 .top-search .form-control {
     border-top-style: unset;
     border-top-width: unset;
     border-right-style: unset;
     border-right-width: unset;
     border-left-style: unset;
     border-left-width: unset;
     border-image: unset;
     border-bottom: 2px solid rgb(183, 183, 183);
     border-radius: unset;
     width: 130px;
     font-size: 12px;
     font-family: Montserrat;
     border-top-color: rgb(183, 183, 183);
     border-right-color: rgb(183, 183, 183);
     border-left-color: rgb(183, 183, 183);
     padding: 7px 1px !important;
 }
 
 .top-search .input-group-text {
     display: flex;
     align-items: center;
     padding: 0.45rem 0.1rem;
     font-size: 12px;
     font-weight: 100;
     line-height: 1.5;
     color: var(--secondary);
     text-align: left;
     white-space: nowrap;
     background-color: unset;
     border-top: unset;
     border-right: unset;
     border-left: unset;
     border-image: unset;
     border-bottom: 2px solid rgb(183, 183, 183);
     border-radius: unset;
 }
 
 .lan-dropdown-menu li:last-child {
     border-right: 0px;
     border-bottom: 0px;
 }
 
 input:-webkit-autofill,
 input:-webkit-autofill:hover, 
 input:-webkit-autofill:focus,
 textarea:-webkit-autofill,
 textarea:-webkit-autofill:hover,
 textarea:-webkit-autofill:focus,
 select:-webkit-autofill,
 select:-webkit-autofill:hover,
 select:-webkit-autofill:focus {
   border: 1px solid rgb(0, 0, 0);
   -webkit-text-fill-color: rgb(0, 0, 0);
   -webkit-box-shadow: 0 0 0px 1000px #FFF inset;
   box-shadow: 0 0 0px 1000px #FFF inset;
   transition: background-color 5000s ease-in-out 0s;
 }
 
 .navbar-toggler {
     box-shadow: unset;
 }
 
 ul.navbar-nav {
     text-align: left;
 }
 
 .fixed-top {
     background: rgb(255, 255, 255);
     box-shadow: rgb(142, 142, 142) 0px 0px 20px -5px;
     padding: 0px;
     position: fixed !important;
     animation: .75s top-slide ease-in-out !important;
 }
 
 #header-4 .dropdown-menu[data-bs-popper] {
     top: 100%;
 }
 
 #header-4 form.top-search {
     padding: unset;
     margin-top: 0px;
 }
 
 #header-4 {
     position: relative;
     z-index: 2;
 }
 
 #header-4 .navbar-top {
     background-color: transparent;
     border-bottom: 2px solid rgb(221, 221, 221);
 }
 
 #header-4.topbar .top-wrapp {
     display: flex;
 }
 
 #header-4 .topbar ul {
     margin-bottom: 0px;
     padding: 0px;
     list-style-type: none;
     justify-content: space-between;
     align-items: center;
 }
 
 #header-4 .topbar ul li {
     padding: 19px 40px;
     border-left: 2px solid rgb(221, 221, 221);
 }
 
 #header-4 .topbar ul:last-child {
     border-right: 2px solid rgb(221, 221, 221);
 }
 
 #header-4 .topbar ul li a {
     color: var(--secondary);
     line-height: 24px;
     vertical-align: middle;
     transition: all 0.75s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
     font-weight: 500 !important;
 }
 
 #header-4 .lan-dropdown-menu {
     display: none;
 }
 
 #header-4 .lan img {
     width: 28px;
     padding-right: 5px;
     margin-top: -3px;
     height: auto !important;
 }
 
 .form-1 textarea::placeholder {
     text-transform: uppercase !important;
 }
 
 .h-4.newletter-form .form-control::placeholder {
     font-weight: 500 !important;
     color: var(--dark);
 }
 
 .form.heading-1 {
     margin-bottom: 30px;
 }
 
 #hone-4-counter h5 {
     font-size: 20px;
     color: #000;
 }
 
 #hone-4-counter .h-2-couter-details h2 span,
 #hone-4-counter .h-2-couter-details h2 {
     color: var(--primary-color);
     font-size: 25px;
 }
 
 #header-4 .form-control::placeholder {
     font-weight: 500;
     font-family: "DM Sans";
     color: var(--secondary) !important;
 }
 
 #hone-4-counter .h4-contact-wapper {
     padding: 40px 0px 10px;
 }
 
 #h4-contact-wapper .h-4.contact-icon-wapper {
     background: var(--dark) !important;
 }
 
 #hone-4-counter .h-4.contact-icon-wapper {
     background: #f1f1f1;
     width: 75px;
     height: 75px;
     padding: 20px;
 }
 
 #hone-4-counter .h-4.contact-icon-wapper svg {
     fill: #000;
 }
 
 #header-4 .navbar-top-inner-left i {
     font-size: 13px;
     vertical-align: 1px;
 }
 
 #header-4 .nav-link {
     padding: 41px 0px !important;
 }
 
 #header-4 .btn.btn-primary {
     padding: 12px 30px;
     font-weight: 600;
     border-radius: 0;
     font-family: Montserrat;
     border-radius: 2px !important;
 }
 
 #header-4 .topbar .lan-dropdown-menu li {
     border: 0px;
     text-align: center;
 }
 
 #header-4 .topbar .lan-dropdown-menu li:last-child {
     border-right: 0px;
 }
 
 #header-4 .topbar .lan-dropdown-menu {
     padding: 0px 10px;
     left: 0px;
     width: 100%;
     top: 100%;
 }
 
 .lan-drop .lan-dropdown-menu {
     display: none !important;
 }
 
 .lan-drop {
     position: relative;
 }
 
 .lan-dropdown-menu li {
     border-bottom: 1px solid rgb(228, 228, 228);
     padding: 5px 0px 5px 11px !important;
 }
 
 .lan-dropdown-menu li a {
     font-weight: 500;
     color: var(--secondary) !important;
 }
 
 .lan-dropdown-menu li a:hover {
     color: var(--primary-color) !important;
 }
 
 #header-4 .navbar-top-inner-left ul li {
     display: block;
 }
 
 .lan-drop:hover .lan-dropdown-menu {
     position: absolute;
     width: 100%;
     box-shadow: 0px 4px 8px -5px;
     display: block !important;
     padding: 0px !important;
 }
 
 #header-4 .form-control {
     border: unset !important;
     width: 80px;
     font-size: 14px;
     color: var(--secondary);
 }
 
 #header-4 .top-search .input-group-text {
     border: unset;
 }
 
 #header-4 .topbar {
     padding: 0px;
 }
 
 #header-4 .lan-drop img {
     width: 25px;
     margin-top: -3px;
     margin-right: 5px;
 }
 
 #header-4 .nav-brand {
     background: var(--primary-color);
     padding: 29px 65px;
 }
 
 #header-4 .navbar {
     padding: unset;
 }
 
 #header-4 .nav-brand::after {
     content: "";
     bottom: 0px;
     position: absolute;
     border-bottom: 110px solid white;
     border-left: 50px solid transparent;
     right: 0px;
 }
 
 #header-4 .nav-brand {
     position: relative;
 }
 
 #back-to-top {
     position: fixed;
     bottom: 10px;
     padding: 15px 20px;
     background: var(--primary-color);
     right: 10px;
     border-color: var(--primary-color);
     z-index: 9;
     transition: all 0.5s ease-in 0s;
 }
 
 #back-to-top i {
     margin-left: 0px;
 }
 
 #back-to-top:hover,
 #back-to-top:focus {
     background-color: white !important;
     box-shadow: unset;
 }
 #back-to-top:hover i,
 #back-to-top:focus i{
    color: var(--primary-color);
 }
 
 #header-2 .topbar {
     padding: 0px;
 }
 
 #header-2 .dropdown-menu[data-bs-popper] {
     top: 100%;
 }
 
 #header-2 .nav-brand svg,
 #header-3 .nav-brand svg {
     min-width: 90px;
 }
 
 #header-2 .nav-link {
     padding: 35px 18px !important;
 }
 
 #header-2 .navbar-top {
     background: var(--primary-color);
     padding: 0px 0px 50px;
 }
 
 #header-2 .navbar-top-inner-left ul li a:hover,
 #header-2 .navbar-top-inner-left ul li a:focus {
     color: var(--light) !important;
 }
 
 #header-2 .navbar-top-inner-right ul li {
     display: inline-block;
     vertical-align: middle;
 }
 
 #header-2 .input-group-prepend {
     display: flex;
     justify-content: center;
     align-items: center;
 }
 
 #header-2 .navbar-top-inner-right ul li form .form-control {
     background: unset;
     border: unset;
     width: 75px;
     color: var(--light);
     padding: 14px;
     font-size: 13px;
     font-weight: 600 !important;
 }
 
 #header-2 .nav-item {
     padding: 0px;
 }
 #header-2 .input-group-prepend span {
     background: var(--light);
     border-radius: 50%;
     padding: 5px;
     border: unset !important;
 }
 #header-2 form.top-search fieldset, #header-4 form.top-search fieldset{
     border: none !important;
 }
 #header-2 .input-group-prepend span i {
     margin-left: 0px;
     color: var(--primary-color);
     font-size: 9px;
 }
 
 #header-2 input.form-control::placeholder {
     color: var(--light);
     font-weight: 500 !important;
     font-family: var(--primary-font);
 }
 
 #header-2 #search-block-form{
     padding: 5px 5px;
 }
 #header-2 #search-block-form i{
     color: var(--primary-color);
 }
 #header-2 .navbar-top-inner-right i{
     font-size: 10px;
     margin-left: 1px;
 }
 #header-2 .navbar-top-inner-right li:first-child::before {
     content: "";
     position: absolute;
     width: 2px;
     right: 2px;
     top: 8px;
     background: var(--light);
     height: 15px;
 }
 
 #header-2 .navbar-top-inner-right li {
     padding: 0px 12px;
     position: relative;
 }
 
 #header-2 .navbar-top-inner-left i {
     width: 18px;
     vertical-align: bottom;
     font-size: 11px;
     font-weight: 800;
     border-radius: 50%;
     color: var(--primary-color);
     padding: 5px 4px;
     text-align: center;
     margin-right: 1px;
 }
 
 #header-2 .lan-drop .lan-dropdown-menu li:first-child::before {
     content: unset !important;
 }
 
 #header-2 .navbar-top-inner-right .lan-dropdown-menu li {
     padding: 8px 12px !important;
 }
 
 #header-2 .lan-dropdown-menu {
     padding-right: 10px !important;
 }
 
 #header-2 .lan-drop li:hover a {
     color: var(--secondary);
 }
 
 #header-2 .lan-drop a:hover {
     color: var(--secondary) !important;
 }
 
 #header-2 .lan-dropdown-menu li a:hover {
     color: var(--primary-color) !important;
 }
 
 #header-2 .navbar {
     position: absolute;
     top: 60px;
     background: rgb(255, 255, 255);
     z-index: 99;
     left: 0px;
     margin-right: auto;
     margin-left: auto;
     right: 0px;
     padding: 0px;
     box-shadow: 0px 0px 4px var(--dark);
 }
 
 #header-2 .nav-brand {
     padding: 0px 170px 0px 35px;
     justify-content: center;
 }
 
 #header-4 .navbar-sticky .fixed-top {
     top: 0px;
     z-index: 1999;
     position: fixed !important;
 }
 
 #header-2 .nav-link {
     font-family: Montserrat;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 13px;
 }
 #header-2 .lan-drop:hover .lan-dropdown-menu {
     z-index: 999;
     top: 100%;
     padding-right: 0px !important;
     left: 0;
 }
 
 #header-2 .navbar-top-inner-right ul li a:focus {
     color: var(--secondary) !important;
 }
 
 #header-2 .navbar.fixed-top {
     position: fixed;
     top: 0px;
     left: 0px;
     max-width: 100% !important;
     min-width: 100% !important;
 }
 #header-2 .cls-1, #header-3 .cls-1{
     fill: black;
 }
 #header-2 .navbar-top-inner-right ul li a {
     padding: 0px 0px;
 }
 
 #header-1 .fixed-top .navbar-nav li:hover::after {
     bottom: 2px !important;
 }
 
 #header-1 .btn-primary {
     padding: 10px 30px;
 }
 
 #header-1 .fixed-top .nav-item .nav-link {
     padding: 1.99rem 0px;
 }
 
 #header-1 .navbar-nav .dropdown-menu li {
     padding: 0px;
 }
 
 #header-1 .navbar-expand-lg .navbar-collapse {
     justify-content: flex-end;
 }
 
 #header-1 svg {
     color: var(--light);
 }
 
 .cls-3 {
     fill: var(--primary-color) !important;
 }
 
 #header-1 {
     position: absolute;
     z-index: 99;
     left: 0px;
     right: 0px;
 }
 
 #header-1 form.top-search {
     margin-top: 0px;
 }
 
 #pt-reset-color.btn:hover,
 #pt-reset-color.btn:focus,
 #pt-reset-color.btn:active {
     color: black !important;
 }
 
 #header-1 .fixed-top {
     background: var(--secondary);
     box-shadow: rgb(142, 142, 142) 0px 0px 20px -5px;
     padding: 0px !important;
 }
 
 #header-1 .navbar-top.d-none {
     background: transparent;
 }
 
 #header-1 .navbar-top-inner-right ul li {
     display: inline-block;
 }
 
 #video-3 {
     margin-bottom: 0;
 }
 
 #header-1 .navbar-top-inner-right ul li form .form-control {
     background: unset;
     border: unset;
     width: 70px;
     color: var(--light);
     padding: 14px;
     font-size: 12px;
 }
 
 #header-1 .navbar-nav li {
     transition: all 0.5s ease-in-out 0s;
     padding: 0px 15px;
 }
 
 #header-1 .fixed-top .nav-item.active::after {
     bottom: 2px !important;
 }
 
 #header-1 .navbar-nav li:hover::after,
 #header-1 .nav-item.active::after {
     position: absolute;
     content: "";
     width: 30px;
     bottom: 30px;
     left: 18px;
     height: 3px;
     background: rgb(255, 255, 255);
     transition: all 0.5s ease-in-out 0s;
 }
 
 #header-2 .nav-item.active .nav-link,
 #header-3 .nav-link.active,
 #header-4 .nav-link.active {
     color: var(--primary-color);
 }
 
 #header-1 .navbar-nav li .dropdown-menu li:hover::after {
     content: unset;
 }
 #header-1 .dropdown-toggle::after{
     font-weight: 600;
 }
 
 #header-1 .dropdown-toggle::after,
 #header-2 .dropdown-toggle::after {
     content: "\f078" !important;
     font-size: 12px;
     border: unset;
     font-family: "Font Awesome 5 Free"!important;
     vertical-align: 0.01rem;
     margin-left: 0px;
 }
 
 #header-1 ul li {
     position: relative;
 }
 
 #header-1 .nav-item:hover .nav-link {
     color: rgb(255, 255, 255) !important;
 }
 
 #header-1 .input-group-prepend span {
     border-radius: 50%;
     padding: 8px;
     border: unset !important;
 }
 
 #header-1 .input-group-prepend span i {
     margin-left: 0px;
     color: var(--light);
     font-size: 12px;
 }
 
 #header-1 input.form-control::placeholder {
     color: var(--light);
 }
 
 #header-1 .navbar-top-inner-right ul li form .form-control:focus {
     border-color: var(--light) !important;
 }
 
 #header-1 .navbar-top-inner-right li:first-child::before {
     content: "";
     position: absolute;
     width: 2px;
     right: 0px;
     top: 13px;
     height: 14px;
     background: var(--light);
 }
 header #search-block-form{
     padding: 0;
 }
 #header-1 .navbar-top-inner-right li {
     padding: 0px 0px 0px 14px;
     position: relative;
     vertical-align: middle;
 }
 #header-1 .top-search .btn{
     padding: 7px 20px 8px 0px;
 }
 #header-1 .lan-dropdown-menu,
 #header-2 .lan-dropdown-menu {
     padding-right: 10px !important;
     top: 182%;
 }
 
 #header-1 .nav-brand {
     padding: 20px 0px;
 }
 
 #header-1 .lan-drop li:hover a {
     color: var(--primary-color);
 }
 
 #header-1 .lan-drop a:hover {
     color: var(--primary-color) !important;
 }
 
 #header-1 .lan-dropdown-menu li a:hover {
     color: var(--primary-color) !important;
 }
 
 #header-1 .lan-drop .lan-dropdown-menu li:first-child::before {
     content: unset !important;
 }
 
 #header-1 .navbar {
     padding: 0px;
 }
 
 #header-1 .nav-link {
     font-size: 14px;
     line-height: 20px;
     font-weight: 600;
     font-family: var(--secondary-font);
     color: var(--light);
     padding: 2.5rem 0px;
 }
 #header-1 fieldset{
     border: none !important;
 }
 #header-1 .dropdown-menu[data-bs-popper] {
     top: 75%;
     margin-top: 0rem;
     border: unset;
 }
 
 #header-1 .navbar-top-inner-left ul li {
     position: relative;
 }
 
 #header-1 .navbar-top-inner-left ul li:first-child::before {
     content: "";
     position: absolute;
     width: 2px;
     right: 0px;
     top: 21px;
     height: 15px;
     background: var(--light);
 }
 
 #header-1 .btn-primary {
     font-family: Montserrat;
     font-weight: 600;
 }
 
 #header-1 .fixed-top .dropdown-menu[data-bs-popper] {
     top: 100%;
 }
 
 #header-1 .nav-brand svg,
 #header-4 .nav-brand svg {
     min-width: 120px;
 }
 
 #header-1 .nav-brand .cls-1 {
     fill: rgb(255, 255, 255) !important;
 }
 
 #header-1 .navbar-top-inner-right .lan-dropdown-menu li,
 #header-2 .navbar-top-inner-right .lan-dropdown-menu li {
     display: block;
 }
 
 .mega-menu-dropdown {
     position: static !important;
 }
 
 #header-1 .navbar-nav li.mega-menu-dropdown:hover::after,
 #header-1 .mega-menu-dropdown.nav-item.active::after {
     left: 67.5%;
 }
 
 .mega-menu-container {
     box-shadow: 0px 2px 15px -3px #ddd;
     padding: 20px 20px;
     background: #fff;
 }
 
 .mega-menu-dropdown .dropdown-menu {
     width: 100% !important;
     left: 0;
     padding: 30px 25px;
     padding: 0;
     background: transparent;
     box-shadow: unset !important;
 }
 
 .mega-menu-dropdown .dropdown-menu .element {
     display: flex;
     flex-direction: column;
 }
 
 .mega-menu-dropdown .dropdown-menu a {
     padding: 8px 20px;
     transition: all 0.25s ease-in 0s;
     font-family: var(--secondary-font);
     font-size: 14px;
     font-weight: 600;
 }
 
 
 /* header End */
 
 
 /* banner */
 
 .banner {
     position: relative;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }
 
 .banner::after {
     content: "";
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.62);
     position: absolute;
     top: 0px;
 }
 
 .banner-text {
     position: relative;
     z-index: 1;
     padding: 125px 0px;
 }
 
 .banner-text h2 {
     font-size: 50px;
     line-height: 65px;
     font-family: var(--secondary-font);
     color: var(--light);
     font-weight: 600;
 }
 /* banner end */
 
 /*  Grid Start */
 .grid-title h2 {
     font-size: 28px;
     font-family: var(--secondary-font);
     font-weight: 700;
 }
 
 .grid-text {
     margin-bottom: 50px;
 }
 
 .grid-text p {
     letter-spacing: 0.2px;
 }
 input:-webkit-autofill,
 input:-webkit-autofill:hover, 
 input:-webkit-autofill:focus,
 textarea:-webkit-autofill,
 textarea:-webkit-autofill:hover,
 textarea:-webkit-autofill:focus,
 select:-webkit-autofill,
 select:-webkit-autofill:hover,
 select:-webkit-autofill:focus {
   border: 1px solid rgb(0, 0, 0);
   -webkit-text-fill-color: rgb(0, 0, 0);
   -webkit-box-shadow: 0 0 0px 1000px #FFF inset;
   box-shadow: 0 0 0px 1000px #FFF inset;
   transition: background-color 5000s ease-in-out 0s;
 }
 [data-drupal-selector="edit-upload-resume-remove-button"]{
    margin-left: 20px !important;
    font-size: 14px !important;
    padding: 10px 20px !important;
    width: 108px !important;
    margin-top: 0 !important;
  }
 /*  Grid End */
 
 
 /* Footer Start */
 
 .footer {
     background-color: var(--secondary);
 }
 
 .quote .btn-primary {
     font-family: Montserrat;
     font-weight: 600;
     font-size: 16px;
 }
 
 .footer-content p {
     color: var(--light);
     font-size: 13.5px;
     margin-bottom: unset;
 }
 
 .footer-content ul li {
     display: inline-block;
     padding: 10px;
 }
 
 .form-control:focus {
     box-shadow: unset;
 }
 
 .logo-img {
     width: 500px;
     padding-bottom: 20px;
 }
 
 .logo-img img {
     width: 500px;
 }
 
 .footer-content ul li a {
     color: var(--light);
     font-size: 18px;
 }
 
 .footer-content ul li:first-child {
     padding-left: unset;
 }
 
 .footer-content ul {
     margin-bottom: 30px;
     margin-top: 10px;
 }
 
 .footer-form .input-group-prepend span {
     padding: 0px;
     height: 100%;
     border-top-left-radius: 0px;
     border-bottom-left-radius: 0px;
     background-color: transparent;
     border-color: transparent;
 }
 footer .input-group{
     flex-wrap: nowrap;
 }
 #footer-form .mb-3{
     margin-bottom: 0 !important;
 }
 
 .footer-form .form-control {
     background: transparent;
     border: 1px solid #a7a7a7 !important;
     color: var(--light) !important;
     padding: 10px 20px !important;
 }
 
 .form-control:focus:not(.panel-skins-content .form-control) {
     box-shadow: none;
 }
 
 .footer .input-group-prepend {
     background: var(--light);
     border: unset;
     border-top-right-radius: 0.25rem;
     border-bottom-right-radius: 0.25rem;
     transition: all 0.5s ease-in 0s;
     font-size: 0;
     width: auto;
 }
 .footer .input-group-prepend button{
     padding: 19px 22px;
     background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2243.333%22%20height%3D%2240%22%20viewBox%3D%220%200%2043.333%2040%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Icon_ionic-md-send%22%20data-name%3D%22Icon%20ionic-md-send%22%20d%3D%22M3.375%2C44.5l43.333-20L3.375%2C4.5V20.056L34.417%2C24.5%2C3.375%2C28.944Z%22%20transform%3D%22translate(-3.375%20-4.5)%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E");
     background-repeat: no-repeat;
     background-position: center;
     background-size: 15px;
 }
 .footer .input-group-prepend .input-group-text{
     position: relative;
 }
 .footer .input-group-prepend:hover button{
     background-color: var(--primary-color);
 }
 .footer .input-group-prepend:hover {
     background-color: var(--primary-color);
 }
 .footer-form .input-group-prepend svg {
     width: 15px;
     height: 23px;
 }
 [id*="search-block-form"] .form-actions{
     display: none;
 }
 form.top-search .form-control, form.top-search .form-control:focus{
     border: 0 !important;
 }
 #header-2 .top-search .form-control{
    padding: 7px 1px 3px !important;
 }
 form.top-search fieldset{
     border-bottom: 2px solid #b7b7b7;
 }
 button.input-group-prepend:hover span i svg {
     fill: rgb(255, 255, 255);
 }
 #header-3 .top-search fieldset{
     order: 1;
 }
 #header-3 .top-search .input-group-prepend{
     order: 2;
 }
 .services {
     padding-left: 0px;
 }
 
 .footer-info {
     width: 80%;
 }
 
 .footer h4 {
     color: var(--light);
     font-family: var(--primary-font);
     font-weight: 500;
     font-size: 20px;
 }
 
 .footer h4::before {
     content: "";
     width: 25px;
     height: 3px;
     position: absolute;
     bottom: 0px;
     background: var(--primary-color);
 }
 .footer h4 {
     position: relative;
     padding-bottom: 15px;
     margin-bottom: 20px;
 }
 
 .services ul li a{
     color: var(--footer-color);
 }
 
 .services ul li {
     padding-bottom: 5px;
 }
 
 .reach-us ul li {
     color: var(--footer-color);
     font-size: 14px;
     padding-bottom: 12px;
 }
 
 .reach-us i {
     background: var(--primary-color);
     border-radius: 50px;
     padding: 6px;
     font-size: 9px;
     text-align: center;
     color: var(--light);
     margin-right: 10px;
 }
 
 .reach-us a {
     color: var(--footer-color);
 }
 
 .reach-us a:hover i {
     color: var(--light);
 }
 
 button.input-group-prepend:hover span i {
     color: rgb(255, 255, 255);
 }
 
 
 /* Footer End */
 
 
 /* buttonts Start */
 
 .btn-primary {
     background-color: var(--primary-color) !important;
     border-color: var(--primary-color) !important;
     border-width: 2px;
     font-size: 14px;
     padding: 10.5px 25px;
     transition: all 0.35s ease-in 0s;
     color: var(--light) !important;
 }
 
 .btn-primary:hover,
 .btn-primary:focus,
 .btn-primary:active {
     background-color: transparent !important;
     border-color: var(--primary-color) !important;
     outline: none;
     box-shadow: none !important;
 }
 
 
 /* buttonts End */
 
 
 /* Copy rights Start */
 
 .copy-rights {
     background: rgb(21, 21, 21);
 }
 
 .terms {
     text-align: right;
 }
 
 .terms ul li {
     display: inline-block;
     padding: 0px 15px;
 }
 
 .copy small {
     color: var(--light);
     font-weight: 400;
 }
 
 .copy small a {
     color: var(--footer-color);
 }
 
 .terms ul li a {
     color: var(--footer-color);
 }
 
 
 /* Copy rights Start */
 
 .title {
     margin-bottom: 55px;
 }
 
 .title h4 {
     color: var(--primary-color);
     letter-spacing: 0.7px;
     font-size: 25px;
     font-weight: 600;
     font-family: Montserrat;
 }
 
 .blockquotes-text-1 {
     margin-bottom: 50px;
 }
 
 .blockquotes-text-1::before {
     content: "\f10e";
     font-family: "Font Awesome 5 Free";
     top: -18px;
     left: 0px;
     font-weight: 600;
     position: absolute;
     width: 30px;
     font-size: 75px;
     color: var(--primary-color);
 }
 
 .blockquotes-text-1 {
     position: relative;
 }
 
 .blockquotes-text-1 p {
     color: var(--secondary);
     font-size: 20px;
     line-height: 36px;
     font-weight: 500;
     margin-left: 117px;
 }
 
 .blockquotes-text-2 {
     margin-bottom: 30px;
 }
 
 .blockquotes-text-2 p {
     color: var(--secondary);
     font-size: 21px;
     font-weight: 500;
     line-height: 33px;
     margin-left: 110px;
     padding-right: 30px;
     margin-top: 2px;
 }
 
 
 /* Block Quotes */
 
 .blockquotes-text-2::before {
     content: url("../img/Icons/Svg/right-quotes-symbol.svg");
     display: inline-block;
     width: 35px;
     position: absolute;
     left: 55px;
     top: -13px;
 }
 
 .blockquotes-text-2 {
     position: relative;
 }
 
 .blockquotes-text-3 {
     margin-bottom: 50px;
     padding: 0px 30px;
 }
 
 .blockquotes-text-3 p {
     font-style: italic;
     font-size: 20px;
     font-weight: 400;
     color: var(--secondary);
     line-height: 31px;
 }
 
 .blockquotes-text-4 p {
     text-align: center;
     color: var(--secondary);
     font-weight: 500;
     font-size: 20px;
     line-height: 35px;
     padding: 10px 64px;
 }
 
 .blockquotes-text-4 {
     margin-bottom: 50px;
 }
 
 .blockquotes-text-4 p span {
     font-size: 40px;
     font-style: italic;
     color: var(--secondary);
     vertical-align: top;
     font-weight: 100;
     position: relative;
     top: 5px;
     left: -2px;
 }
 
 .blockquotes-text-5 {
     background: rgb(245, 245, 245);
     padding: 35px 175px;
 }
 
 .blockquotes-text-5 p {
     font-size: 27px;
     line-height: 40px;
     color: var(--secondary);
     font-weight: 500;
     margin-bottom: 000;
 }
 
 .blockquotes-text-5 p span {
     font-weight: 400;
     font-size: 40px;
     vertical-align: middle;
     font-style: italic;
 }
 
 
 /* Dropcops */
 
 .dropcops-text-1,
 .dropcops-text-2 {
     margin-bottom: 50px;
 }
 
 .dropcops-text-1 .heading-1,
 .dropcops-text-2 .heading-1 {
     margin-bottom: 30px;
 }
 
 .dropcops-text-1 p::first-letter {
     float: left;
     font-size: 55px;
     padding: 12px;
     color: var(--secondary);
     font-weight: 900;
 }
 
 .dropcops-text-1 p::first-letter {
     float: left;
     font-size: 45px;
     padding: 12px 0px 3px;
     color: var(--secondary);
     font-weight: 600;
     margin-right: 8px;
 }
 
 .dropcops-text-2 p::first-letter {
     float: left;
     font-size: 37px;
     padding: 6px 9px;
     margin-top: 8px;
     color: var(--secondary);
     font-weight: 500;
     border: 1px solid;
     margin-right: 10px;
 }
 
 
 /* Headeing */
 
 .heading-text {
     margin-bottom: 50px;
 }
 
 
 /* .heading-1 h1,
  .heading-1 h2,
  .heading-1 h3,
  .heading-1 h4,
  .heading-1 h5,
  .heading-1 h6 {
      font-size: 28px;
  } */
 
 .heading-1,
 .heading-2,
 .heading-3,
 .heading-4,
 .heading-5,
 .heading-6 {
     margin-bottom: 20px;
     font-weight: 100 !important;
 }
 
 
 /* Highlight */
 
 .highlight-1 {
     color: var(--secondary);
     font-weight: 700;
     font-style: italic;
 }
 
 .highlight-2 {
     background: var(--primary-color);
     color: var(--light);
     padding: 4px 2px;
     letter-spacing: 1px;
 }
 
 
 /* accordion */
 
 .accordion-button::after {
     content: "\f078";
     font-family: "Font Awesome 5 Free";
     font-size: 18px;
     font-weight: 600;
     height: unset;
     width: unset;
     background-image: unset !important;
 }
 
 .accordion-item {
     background-color: #fff;
     border: 1px solid rgba(0, 0, 0, 0.125);
 }
 
 .heading-1.accordian-title {
     margin-bottom: 30px !important;
 }
 
 .accordion-button:not(.collapsed)::after {
     background-image: unset !important;
 }
 
 .accordion-collapse {
     border: none;
 }
 
 .accordian-1 {
     margin-top: 30px;
 }
 
 #accordian .accordian-4 {
     margin-bottom: 0px;
 }
 
 .accordian-1,
 .accordian-2,
 .accordian-3,
 .accordian-4 {
     margin-bottom: 80px;
 }
 
 .accordian-1 .accordion-item {
     padding: 18px 30px;
     margin-bottom: 30px;
     border-radius: 7px;
 }
 
 .accordian-1 .accordion-item:last-child {
     border-top: 1px solid rgb(221, 221, 221);
 }
 
 .accordian-1 .accordion-item {
     border-top: 1px solid rgb(221, 221, 221) !important;
 }
 
 .accordian-1 .accordion-body {
     padding: 30px 0px 0px;
 }
 
 .accordian-1 .accordion-item .accordion-button {
     color: var(--secondary);
     font-weight: 500;
     font-size: 18px;
     z-index: 1;
 }
 
 .accordian-1 .accordion-item .accordion-button {
     border: 0;
 }
 
 .accordian-3 .accordion-button.accordian-3 .accordion-button {
     border: none;
     border-radius: 0;
 }
 
 .accordian-1 .accordion-item .accordion-button:not(.collapsed) {
     background: unset;
     border-bottom: 1px solid rgb(221, 221, 221) !important;
 }
 
 .accordian-1 .accordion-item {
     border: 1px solid rgba(0, 0, 0, 0.125);
 }
 
 .accordion-button:not(.collapsed) {
     background-color: inherit;
 }
 
 .accordian-1 .accordion-button::after,
 .accordian-4 .accordion-button::after {
     content: "\f067";
     font-family: "Font Awesome 5 Free";
     font-size: 20px;
 }
 
 .accordian-1 .accordion-button:not(.collapsed)::after,
 .accordian-4 .accordion-button:not(.collapsed)::after {
     content: "\f067";
     font-family: "Font Awesome 5 Free";
     transform: unset;
 }
 
 .style-4.accordian-title {
     margin-bottom: 0;
 }
 
 .style-4.accordian-title h2 {
     margin-bottom: 0;
 }
 
 .accordian-4 .accordion-button:focus {
     box-shadow: unset;
 }
 
 .accordian-1 .accordion-item .accordion-button {
     box-shadow: unset;
     padding: 15px 0px 15px;
     border-color: unset !important;
 }
 
 .accordion-button:not(.collapsed)::after {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
     transform: rotate(-180deg) !important;
 }
 
 .accordian-2 .accordion-button {
     background: rgb(244, 244, 244);
     color: var(--secondarY);
     padding: 10px 25px;
     font-weight: 500;
     font-size: 16px;
     border: 0px !important;
     border-radius: 50px !important;
 }
 
 .accordian-2 .accordion-item {
     border: 0px;
     z-index: 1;
     margin-bottom: 30px;
 }
 
 .accordian-2 .accordion-button:focus {
     box-shadow: unset;
 }
 
 .accordian-2 .accordion-item .accordion-button:not(.collapsed) {
     box-shadow: unset;
 }
 
 .accordian-2 .accordion-body,
 .accordian-3 .accordion-body {
     padding: 18px 18px 0px;
 }
 
 .accordian-3 .accordion-button {
     background: rgb(244, 244, 244);
     color: var(--secondary);
     font-weight: 500;
     font-size: 16px;
     padding: 10px 20px;
     border: none;
     border-bottom: 0px !important;
 }
 
 .accordian-4 .accordion-button {
     border: 0;
 }
 
 .accordian-3 .accordion-item {
     border: 0px;
     margin-bottom: 30px;
 }
 
 .accordian-3 .accordion-button:focus {
     border-bottom: 0px;
     box-shadow: unset !important;
 }
 
 .accordian-3 .accordion-button:not(.collapsed) {
     box-shadow: unset;
     border-bottom: 0px !important;
 }
 
 .accordian-4 .accordian-item {
     border: 0px;
 }
 
 .accordian-4 .accordion-item {
     border: 0px;
     margin-bottom: 25px !important;
 }
 
 .accordian-4 .accordion-button:not(.collapsed) {
     color: var(--secondary);
     background-color: rgb(255, 255, 255);
     box-shadow: unset;
 }
 
 .accordian-4 .accordion-button {
     border-bottom: 2px solid rgb(221, 221, 221);
     padding: 25px 0px;
     font-size: 18px;
     font-weight: 500;
     font-family: "Montserrat";
 }
 
 .accordian-4 .accordion-body {
     padding: 25px 0px 0px;
 }
 
 
 /* buttons  */
 
 .btn.btn-lg.btn-primary,
 .btn.btn-lg.btn-secondary,
 .btn.btn-lg.btn-info,
 .btn.btn-lg.btn-black,
 .btn.btn-lg.btn-outline-primary,
 .btn.btn-lg.btn-outline-secondary,
 .btn.btn-lg.btn-outline-info,
 .btn.btn-lg.btn-outline-black {
     font-size: 17px;
     font-weight: 600 !important;
     letter-spacing: 1px;
     font-family: var(--secondary-font) !important;
     text-transform: uppercase;
 }
 
 .btn.btn-sm.btn-primary,
 .btn.btn-sm.btn-secondary,
 .btn.btn-sm.btn-info,
 .btn.btn-sm.btn-black,
 .btn.btn-sm.btn-outline-primary,
 .btn.btn-sm.btn-outline-secondary,
 .btn.btn-sm.btn-outline-info,
 .btn.btn-sm.btn-outline-black {
     text-transform: uppercase;
     font-size: 15px !important;
     font-weight: 600 !important;
     font-family: var(--secondary-font);
 }
 
 .btn.btn-md.btn-primary,
 .btn.btn-md.btn-secondary,
 .btn.btn-md.btn-info,
 .btn.btn-md.btn-black,
 .btn.btn-md.btn-outline-primary,
 .btn.btn-md.btn-outline-secondary,
 .btn.btn-md.btn-outline-info,
 .btn.btn-md.btn-outline-black {
     font-size: 15px;
     text-transform: uppercase;
     font-weight: 600 !important;
     font-family: var(--secondary-font) !important;
 }
 
 .btn.btn-sm.btn-primary.btn-icon,
 .btn.btn-sm.btn-secondary.btn-icon,
 .btn.btn-sm.btn-info.btn-icon,
 .btn.btn-sm.btn-black.btn-icon {
     padding: 0.5rem 1rem !important;
 }
 
 .btn.btn-md.btn-primary.btn-icon,
 .btn.btn-md.btn-secondary.btn-icon,
 .btn.btn-md.btn-info.btn-icon,
 .btn.btn-md.btn-black.btn-icon {
     padding: 0.75rem 1.75rem !important;
 }
 
 .btn.btn-lg.btn-primary.btn-icon,
 .btn.btn-lg.btn-secondary.btn-icon,
 .btn.btn-lg.btn-info.btn-icon,
 .btn.btn-lg.btn-black.btn-icon {
     padding: 1rem 2.25rem !important;
 }
 
 .btn-group-sm>.btn,
 .btn-sm {
     border-radius: 0rem;
     padding: 0.5rem 2rem !important;
     font-size: 0.875rem !important;
 }
 
 .btn-md {
     border-radius: 0rem;
     padding: 0.75rem 2.75rem !important;
 }
 
 .btn-lg {
     border-radius: 0rem;
     padding: 1rem 3.25rem !important;
 }
 
 .btn-secondary {
     background: rgb(255, 198, 4);
     border: 2px solid rgb(255, 198, 4);
     color: var(--secondary);
     transition: all 0.5s ease-in-out 0s;
 }
 
 .btn-secondary:hover {
     background: transparent;
     border: 2px solid;
     color: rgb(255, 198, 4) !important;
 }
 
 .btn-black {
     background: var(--dark);
     color: var(--light);
     border: 2px solid;
     transition: all 0.5s ease-in-out 0s;
 }
 
 .btn-black:hover {
     background: transparent;
     color: var(--dark) !important;
 }
 
 .btn-info {
     background: rgb(16, 105, 217);
     color: rgb(255, 255, 255);
     transition: all 0.5s ease-in-out 0s;
     border: 2px solid rgb(16, 105, 217) !important;
 }
 
 .btn-info:hover {
     background: transparent;
     color: rgb(16, 105, 217) !important;
 }
 
 .btn-radius {
     border-radius: 0.3rem;
 }
 
 .btn-radius-5 {
     border-radius: 50px;
 }
 
 .btn-outline-primary {
     color: var(--primary-color);
     border-color: var(--primary-color) !important;
     transition: all 0.5s ease-in-out 0s;
 }
 
 .btn-outline-primary:hover {
     background: var(--primary-color);
     border-color: var(--primary-color);
     color: var(--light) !important;
 }
 
 .btn-outline-secondary {
     border-color: rgb(255, 198, 4);
     color: var(--secondary);
     transition: all 0.5s ease-in-out 0s;
 }
 
 .btn-outline-secondary:hover {
     background: rgb(255, 198, 4);
     border-color: rgb(255, 198, 4);
     color: var(--light) !important;
 }
 
 .btn-outline-info {
     border-color: rgb(16, 105, 217);
     color: var(--secondary);
     transition: all 0.5s ease-in-out 0s;
 }
 
 .btn-outline-info:hover {
     background: rgb(16, 105, 217);
     color: var(--light) !important;
 }
 
 .btn-outline-black {
     border: 1px solid;
 }
 
 .btn-outline-black:hover {
     background: rgb(111, 111, 111);
     color: var(--light) !important;
 }
 
 .btn i {
     font-size: 13px;
     color: white;
 }
 .header_type.header-3 .btn i, .header_type.header-4 .btn i{
     color: black;
 }
 
 /* site icons */
 .site-icons ul{
     display: flex;
     justify-content: start;
     flex-wrap: wrap;
     max-width: 95%;
     margin: 0 auto;
     margin-bottom: unset;
 }
 .site-icons ul li {
     background: var(--primary-color);
     display: inline-flex;
     justify-content: center;
     align-items: center;
     width: 80px;
     height: 80px;
     text-align: center;
     border-radius: 50px;
     padding: 14px;
     margin: 30px 28px;
     color: rgb(255, 255, 255);
     font-size: 30px;
 }
 
 .site-icons ul li svg {
     fill: #fff;
     width: 35px;
 }
 .site-icons ul li:hover{
     cursor: pointer;
 }
 .facebook-icon svg {
     width: 15px !important;
 }
 
 .map iframe,
 .map-1 iframe {
     width: 100%;
 }
 
 .map-marker-icon svg {
     width: 20px !important;
 }
 
 .cup-icon svg {
     width: 25px !important;
 }
 
 .right-arrow svg {
     width: 16px !important;
 }
 
 .clock-icon svg {
     width: 30px !important;
 }
 
 .left-arrow-icon svg {
     width: 16px !important;
 }
 
 .down-arrow-icon svg {
     width: 30px !important;
 }
 
 .up-arrow-icon svg {
     width: 30px !important;
 }
 
 .right-arrow-icon svg {
     width: 16px !important;
 }
 
 .send-icon-o svg {
     width: 25px !important;
 }
 
 .send-icon svg {
     width: 25px !important;
 }
 
 
 /* Dividers */
 
 .bordder-solid {
     border-bottom: 2px solid;
     font-size: 18px;
     padding-bottom: 12px;
 }
 
 .dividers:last-child {
     margin-bottom: 0;
 }
 
 .bordder-dashed {
     border-bottom: 2px dashed;
     font-size: 18px;
     padding-bottom: 12px;
 }
 
 .bordder-rounded::before {
     content: "";
     bottom: -10px;
     background: var(--secondary);
     width: 100%;
     height: 7px;
     position: absolute;
     border-radius: 50px;
 }
 
 .bordder-rounded {
     position: relative;
     font-size: 20px;
     padding-bottom: 12px;
 }
 
 .bordder-dotted {
     border-bottom: 4px dotted;
     font-size: 20px;
     padding-bottom: 12px;
 }
 
 .dividers {
     margin-bottom: 50px;
 }
 
 .dividers h2 {
     margin-bottom: 30px;
     font-family: Montserrat;
 }
 
 
 /* Pricing */
 
 .pricing-bg-1 {
     background: #f4f4f4;
     padding: 90px 0 70px;
 }
 
 .pricing-1 {
     background: #fff;
     padding: 70px 35px 60px;
     margin-bottom: 20px;
 }
 
 .pricing-1-title,
 .pricing-2-title,
 .pricing-3-title,
 .pricing-4-title {
     margin-bottom: 20px;
 }
 
 .pricing-1 .btn-outline-primary,
 .pricing-1 .btn-primary {
     text-transform: capitalize !important;
     padding: 0.65rem 2.25rem !important;
 }
 
 .pricing-1 p {
     line-height: 35px;
     margin-bottom: 40px;
 }
 
 .pricing-1 .price:after {
     content: "";
     width: 140px;
     height: 140px;
     position: absolute;
     top: -13px;
     border: 3px solid;
     left: 0;
     border-radius: 50%;
     right: 0;
     margin-right: auto;
     margin-left: auto;
 }
 
 .pricing-1 .price {
     position: relative;
     padding: 30px;
     margin-bottom: 30px;
 }
 
 .pricing-2 {
     border: 1px solid #adadad;
     border-radius: 10px;
     padding: 50px 41px 40px;
     box-shadow: 0px 0px 12px -4px #adadad;
     margin: 20px 0px;
 }
 
 .pricing-title {
     margin-bottom: 30px;
     font-family: var(--secondary-font);
 }
 
 .pricing-title h5 {
     font-size: 20px;
     font-weight: 600;
 }
 
 .price {
     margin-bottom: 30px;
 }
 
 .pricing-2.even {
     background: #f1f1f1;
 }
 
 .pricing-2 .price span {
     font-size: 15px;
     letter-spacing: 1px;
     margin-left: 3px;
     font-weight: 500;
 }
 
 .price h2 {
     font-size: 38px;
     color: var(--dark);
     font-weight: 600;
     font-family: "Montserrat";
 }
 
 .price span {
     font-size: 18px;
     letter-spacing: 2px;
     margin-left: 5px;
 }
 
 .pricing-1.even {
     position: relative;
 }
 
 .pricing-1.even:before {
     width: 100%;
     content: "";
     height: 30px;
     background: #fff;
     position: absolute;
     left: 0;
     top: -15px;
     right: 0;
     margin-left: auto;
     margin-right: auto;
 }
 
 .pricing-1.even:after {
     width: 100%;
     content: "";
     height: 30px;
     background: #fff;
     position: absolute;
     left: 0;
     bottom: -15px;
     right: 0;
     margin-left: auto;
     margin-right: auto;
 }
 
 .pricing-1 .price span {
     text-transform: capitalize;
     font-family: "Montserrat";
     font-size: 16px;
     font-weight: 500;
     letter-spacing: 0;
     color: #6f6f6f;
 }
 
 .pricing-1 .pricing-title:after {
     content: "";
     width: 30px;
     bottom: -20px;
     height: 3px;
     position: absolute;
     background: var(--primary-color);
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
 }
 
 .pricing-1 .pricing-title {
     position: relative;
 }
 
 .pricing-1.even .pricing-title:after {
     width: 40px;
 }
 
 .pricing-title {
     margin-bottom: 50px;
 }
 
 .pricing-2 .btn-outline-primary,
 .pricing-2 .btn-primary {
     margin-bottom: 30px;
     padding: 11px 30px !important;
     text-transform: capitalize !important;
 }
 
 .pricing-2 p {
     line-height: 40px;
 }
 
 .pricing-3 {
     margin-bottom: 30px;
 }
 
 .pricing-3 .price {
     background: #fff;
     padding: 60px 0px;
     border: 1px solid #ccc;
     border-radius: 6px;
     margin-bottom: 10px;
 }
 
 .pricing-3 .price h5 {
     color: var(--primary-color);
     text-transform: uppercase;
     font-weight: 500;
     font-size: 19px;
     line-height: 30px;
     margin-bottom: 30px;
 }
 
 .pricing-3 .price h2 {
     font-size: 50px;
     color: var(--secondary);
     font-weight: 600;
     line-height: 40px;
     margin-bottom: 25px;
 }
 
 .pricing-3 .price h3 {
     font-weight: 600;
     font-size: 22px;
     font-family: "Montserrat";
 }
 
 .pricing-3 ul {
     background: #fff;
     padding: 25px 40px 25px;
     border: 1px solid #ddd;
     border-radius: 6px;
 }
 
 .pricing-3 ul li {
     border-bottom: 2px solid #ddd;
     padding: 15px 0px;
     font-size: 14px;
     color: var(--dark);
 }
 
 .pricing-3 ul li:last-child {
     border-bottom: unset;
     display: inline-grid;
 }
 
 .pricing-3 .btn-outline-primary,
 .pricing-3 .btn-primary {
     margin-top: 35px;
     font-size: 14px !important;
 }
 
 .pricing-4 {
     background: #fff;
     border: 1px solid #ccc;
     padding: 20px 0px 20px;
     margin-bottom: 30px;
 }
 
 .pricing-4 ul li:first-child {
     padding: 20px 0px 35px;
     font-size: 20px;
     font-family: "Montserrat";
     font-weight: 600;
     color: var(--secondary);
 }
 
 .pricing-4 ul li {
     border-bottom: 1px solid #ccc;
     padding: 15px 0px;
     font-size: 14px;
     font-family: var(--primary-font);
     color: var(--dark);
 }
 
 .pricing-4 ul li:nth-child(2) {
     padding: 20px 0px 35px;
     font-size: 42px;
     font-family: "Montserrat";
     font-weight: 600;
     color: var(--dark);
 }
 
 .pricing-4 ul li:nth-child(2) span {
     font-size: 16px;
     text-transform: lowercase;
     font-weight: 600;
     color: var(--dark);
     margin-left: -10px;
     letter-spacing: 1.5px;
     margin-left: 4px;
 }
 
 .pricing-4 ul li:last-child {
     border-bottom: unset;
     padding: 40px 0 20px;
 }
 
 .pricing-4.even {
     position: relative;
 }
 
 .pricing-4.even:before {
     content: "";
     width: 100%;
     position: absolute;
     height: 18px;
     top: -10px;
     left: 0px;
     transform: scaleX(1.005);
     right: 0;
     margin-right: auto;
     margin-left: auto;
     background: #fff;
     border-top: 1px solid #ccc;
     border-left: 1px solid #ccc;
     padding: 3px 35px;
     border-right: 1px solid #ccc;
 }
 
 .pricing-4 .btn-outline-primary,
 .pricing-4 .btn-primary {
     text-transform: capitalize !important;
     border-radius: 1px !important;
     padding: 10px 35px !important;
 }
 
 .pricing-3 .btn-outline-primary,
 .pricing-3 .btn-primary {
     padding: 10px 35px !important;
     text-transform: capitalize !important;
     border-radius: 3px !important;
 }
 
 .pricing-4.even:after {
     content: "";
     width: 100%;
     position: absolute;
     height: 18px;
     bottom: -10px;
     left: 0px;
     transform: scaleX(1.005);
     right: 0;
     margin-right: auto;
     margin-left: auto;
     background: #fff;
     border-bottom: 1px solid #ccc;
     border-left: 1px solid #ccc;
     border-right: 1px solid #ccc;
 }
 
 
 /* Subscribe */
 
 .subscribe {
     padding: 120px 0px;
     background: url("../img/map.png") center center;
 }
 
 .subscribe-content h3 {
     font-size: 20px;
     line-height: 35px;
     text-align: center;
     margin-bottom: 40px;
     padding: 0px 50px;
 }
 
 .subscribe-form .form-control {
     background: rgb(255, 255, 255);
     border-top: unset;
     border-right: unset;
     border-left: unset;
     border-image: unset;
     border-bottom: 1px solid rgb(175, 175, 175);
     border-radius: 0px;
 }
 
 .subscribe .input-group-prepend {
     border-top: unset;
     border-right: unset;
     border-left: unset;
     border-image: unset;
     background: none;
     border-bottom: 1px solid rgb(175, 175, 175);
 }
 
 .subscribe button {
     transition: all 0.35s ease-in-out 0s;
 }
 
 .subscribe span {
     color: var(--light);
     border-radius: 50px;
     border: unset;
     margin-bottom: 5px;
     width: 40px;
     height: 40px;
     justify-content: center;
     background: var(--primary-color) !important;
 }
 
 
 /* tooltips */
 
 .tooltip-text {
     color: var(--primary-color) !important;
 }
 
 .tooltip {
     z-index: 0;
 }
 
 .tooltip>.tooltip-inner {
     background: var(--primary-color);
     color: var(--light);
     padding: 10px;
     font-weight: 600;
 }
 
 .tooltip-1 h2,
 .tooltip-2 h2 {
     font-family: var(--secondary-font);
     font-size: 25px !important;
 }
 
 .tooltip-1 {
     margin-bottom: 50px;
 }
 .tooltip-1 .heading-4, .tooltip-2 .heading-4 {
     margin-bottom: 70px;
 }
 .tooltip.bs-tooltip-top .tooltip-arrow::before {
     border-top-color: var(--primary-color);
 }
 
 .tooltip-style-2 .tooltip-arrow {
     left: 20px !important;
     margin-left: 0 !important;
     transform: translate3d(-5px, 0px, 0px) !important;
 }
 
 .tooltip-style-2 .tooltip-text {
     color: var(--dark) !important;
 }
 
 .tooltip-2 p {
     margin-bottom: 0;
 }
 
 .tooltip-style-2 .tooltip-arrow::before {
     content: "";
     position: absolute;
     width: 12px;
     top: -7px;
     border-width: 0;
     background: #fff;
     transform: rotate(45deg);
     height: 12px;
     border-left-color: #000;
     border-right-color: #000000fa;
     left: -3px;
     border-bottom: 1px solid;
     border-right: 1px solid;
 }
 
 .tooltip-style-2 .tooltip-inner {
     background: white;
     color: #000;
     border-top: 2px solid #5d5d5d;
     border-bottom: 2px solid #5d5d5d;
     border-left: 1px solid;
     border-right: 1px solid;
     padding: 8px !important;
     border-radius: 2px;
     font-family: var(--primary-font);
     font-weight: 400;
 }
 
 
 /* progress bar */
 
 .progerss-1 .heading-1,
 .progerss-2 .heading-1,
 .progerss-3 .heading-1,
 .progerss-4 .heading-1 {
     margin-bottom: 30px !important;
 }
 
 .progerss-1,
 .progerss-2,
 .progerss-3 {
     margin-bottom: 100px;
 }
 
 .progerss-1 .progress-bar {
     position: relative;
     overflow: visible;
     border-radius: 50px;
     background: var(--primary-color);
 }
 
 .progerss-1 .progress {
     position: relative;
     overflow: visible;
     border-radius: 50px;
 }
 
 .progerss-1 .popOver {
     position: absolute;
     color: rgb(0, 0, 0);
     top: -28px;
     right: 0px;
     overflow: visible;
     font-size: 16px;
     font-weight: 700;
     font-family: var(--bs-font-sans-serif) !important;
 }
 
 .progerss-2 .progress-bar {
     position: relative;
     overflow: visible;
     border-radius: 50px;
     background: var(--primary-color);
 }
 
 .progerss-2 .progress-bar::after {
     content: "";
     position: absolute;
     right: 0;
     width: 35px;
     height: 35px;
     border-radius: 50%;
     border: 4px solid #fff;
     background-color: var(--primary-color);
 }
 
 .progerss-2 .progerss-count {
     text-align: right;
     font-size: 18px;
     font-weight: 700;
 }
 
 .progerss-2 .progress {
     position: relative;
     overflow: visible;
     border-radius: 50px;
 }
 
 .progerss-3 .progress-bar {
     position: relative;
     overflow: visible;
     border-radius: 50px;
     background-color: #1155cc;
 }
 
 .progerss-3 .progress {
     position: relative;
     overflow: visible;
     border-radius: 50px;
 }
 
 .progerss-3 .popOver {
     position: absolute;
     color: rgb(0, 0, 0);
     top: -28px;
     right: 0px;
     overflow: visible;
     font-size: 16px;
     font-weight: 700;
     font-family: var(--priamry-font) !important;
 }
 
 .progerss-3 .heading-1 {
     margin-bottom: 50px !important;
 }
 
 .progerss-1 .heading-1 {
     margin-bottom: 60px !important;
 }
 
 .progerss-4 .progress-bar {
     position: relative;
     overflow: visible;
     background: var(--primary-color);
     min-height: 20px;
 }
 
 .progerss-4 .popOver {
     position: absolute;
     color: rgb(0, 0, 0);
     top: -28px;
     right: 0px;
     overflow: visible;
     font-size: 16px;
     font-weight: 700;
     font-family: var(--bs-font-sans-serif) !important;
 }
 
 .progerss-4 .progress {
     position: relative;
     overflow: visible;
     border-radius: 0;
     min-height: 20px;
 }
 
 .progerss-4 .title-progerss {
     display: flex;
     justify-content: space-between;
     margin-bottom: 12px;
 }
 
 .slider-box .slider input {
     width: 100%;
     height: 15px;
     -webkit-appearance: none;
     outline: none;
     background: #e9ecef;
     border-radius: 15px;
 }
 
 .slider-box .slider input::-webkit-slider-thumb {
     -webkit-appearance: none;
     height: 30px !important;
     width: 30px;
     border-radius: 50%;
     border: 4px solid #fff;
     background-color: var(--primary-color);
 }
 
 .slider-box .slider input::-webkit-slider-progress {
     -webkit-appearance: none;
     height: 15px;
     background: var(--primary-color);
 }
 
 .progerss-tilte h4 {
     font-weight: 500;
     font-family: var(--primary-color);
     color: #4d4d4d;
 }
 
 .progress-style-3 {
     padding-left: 20px;
 }
 
 
 /* services */
 
 .service-4 .nav-tabs .nav-link:focus,
 .nav-tabs .nav-link:hover {
     border: unset;
     box-shadow: none;
 }
 
 .nav-tabs .nav-link {
     border: 0px solid transparent !important;
 }
 
 .service-4 .nav-tabs .nav-link {
     font-weight: 600;
     font-family: var(--secondary-font);
 }
 
 .service-4 .nav-item:focus-visible {
     border: unset !important;
     outline: unset;
 }
 
 .service-style-1 ul {
     display: flex;
     justify-content: space-between;
     align-items: center;
     background-color: white;
     box-shadow: 0 0 10px #ddd;
     margin: 22px 0;
 }
 
 .service-style-1 .heading-1 {
     margin-bottom: 20px;
 }
 
 .service-style-1 ul li {
     padding: 25px 31px;
     border-left: 2px solid #ddd;
 }
 
 .services-content.services i svg {
     width: 20px;
     transition: all 0.25s ease-in-out;
 }
 
 .service-list-1-img {
     max-height: 425px;
     height: 425px;
 }
 
 .services-content.services a:hover svg {
     fill: var(--primary-color);
 }
 
 .service-style-1 ul li .services-4-1-img {
     height: 50px;
     padding: 0;
     text-align: center;
 }
 
 .service-style-1 ul li:first-child {
     border-right: 0;
     padding: 60px 55px;
     border-left: 0;
     border: 0;
 }
 
 .service-style-1 ul li .services-4-1-img svg {
     width: 35px;
     height: 35px;
     stroke: #000;
 }
 .services-3_column svg{
    height: 40px;
    width: 40px;
 }
 .service-style-1 ul li .services-4-1-img img {
     width: 40px;
 }
 
 .service-4 .nav-link:focus-visible {
     outline: unset;
 }
 
 .service-content {
     padding: 20px 35px;
     transition: all 0.5s ease-in-out 0s;
 }
 
 .service-3 .nav-item:first-child {
     padding-left: 0;
 }
 
 .service-3 .nav-link {
     padding: 12px 0;
     font-weight: 600;
 }
 
 .service-3 .nav-item {
     padding: 0px 41px;
 }
 
 .service-3,
 .service-2,
 .service-4 {
     margin-top: 80px;
 }
 
 .service-3 h2,
 .service-4 h2 {
     margin-bottom: 20px;
 }
 
 .service-4 h2 {
     margin-bottom: 30px;
 }
 
 .service-2 .heading-1 {
     margin-bottom: 35px !important;
 }
 
 .service-2 .service-text h5 {
     font-size: 16px;
     margin-bottom: 12px;
     font-weight: 600;
 }
 
 .service-3 .btn-outline-primary {
     text-transform: capitalize !important;
     font-size: 14px !important;
     margin-top: 20px;
     padding: 10px 25px !important;
 }
 
 .service-3 .nav-item:last-child {
     padding-right: 0;
 }
 
 .service-4 .btn-outline-primary {
     padding: 10px 20px !important;
     text-transform: capitalize !important;
     font-size: 14px !important;
 }
 
 .service-4 .services-title h3 {
     font-size: 28px;
     margin-bottom: 25px;
 }
 
 .services-title h3 {
     font-family: var(--secondary-font);
 }
 
 .service-content:hover {
     background: #f1f1f1;
     border-radius: 5px;
 }
 
 .sertvice-img {
     width: 40px;
     display: inline-block;
     margin-bottom: 20px;
 }
 
 .sertvice-img img {
     width: 100%;
 }
 
 .service-text h5 {
     border-left: 3px solid var(--primary-color);
     padding-left: 18px;
     margin-bottom: 15px;
     font-weight: 600;
     font-size: 18px;
 }
 
 .service-4 {
     margin-top: 80px;
 }
 
 .service-4 .nav-item:first-child {
     padding-left: 0px;
 }
 
 .service-4 .nav-item {
     padding: 0px 40px;
 }
 
 .service-4 .nav-item:last-child {
     padding-right: 0px;
 }
 
 .service-4 .nav-link {
     padding: 10px 0px;
 }
 
 .service-4 .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active {
     border-top: unset;
     border-right: unset;
     border-left: unset;
     color: var(--secondary);
     border-image: unset;
     border-bottom: 4px solid var(--primary-color) !important;
 }
 
 .service-4 .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-item:hover .nav-link {
     border-top: unset;
     border-right: unset;
     border-left: unset;
     border-image: unset;
     border-bottom: 4px solid var(--primary-color) !important;
 }
 
 .service-4 h1 {
     margin-top: 4%;
     margin-bottom: 4%;
     font-family: "Patua One", cursive;
 }
 
 .box-tech svg {
     width: 40px;
     height: 40px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 20px;
 }
 .box-tech svg path{
     fill: black !important;
 }
 .box-tech.dark-bg .desc a {
     font-size: 0.95rem;
     color: #fff;
     font-family: var(--secondary-font);
     text-transform: uppercase;
     font-weight: 600;
 }
 
 .dark-bg svg path{
     fill: #fff !important;
 }
 
 .box-tech .desc a {
     color: var(--secondary);
     font-size: 0.95rem;
     font-family: var(--secondary-font);
     text-transform: uppercase;
     font-weight: 600;
 }
 
 .box2 {
     max-height: 350px;
     height: 350px;
     background-color: #eee;
     background-size: cover;
     background-position: center center;
     transition: all 0.5s ease-in-out;
     display: flex;
     align-content: center;
     justify-content: center;
 }
 
 .box2 .hover {
     height: 100%;
     background-color: rgba(0, 0, 0, 0.5);
     opacity: 0;
     display: flex;
     justify-content: center;
     flex-flow: column;
     transition: all 0.5s ease-in-out;
     padding: 2em 2em;
 }
 
 .box2 .hover h1 {
     color: #fff;
     font-size: 1.8em;
     text-transform: uppercase;
     font-family: "Patua One", cursive;
 }
 
 .box2 .hover p {
     color: #fff;
 }
 
 .box2:hover {
     filter: grayscale(100%);
 }
 
 .box2:hover .hover {
     opacity: 1;
     cursor: pointer;
 }
 
 .box {
     position: relative;
     max-height: 255px;
     height: 255px;
     background-color: #eee;
     display: flex;
     align-content: center;
     justify-content: center;
     overflow: hidden;
 }
 
 .box .content-hover2 {
     transform: scale(0, 0);
     position: absolute;
     height: 100%;
     width: 100%;
     background-color: #d32222;
     transition: all 0.2s ease-in-out;
     display: flex;
     justify-content: center;
     flex-flow: column;
     padding: 2em 2em;
 }
 
 .box-tech.dark-bg:hover .content .desc p {
     margin-bottom: 20px;
 }
 
 .box .content-hover2 h1 {
     color: #fff;
     font-size: 1.5em;
     text-transform: uppercase;
     font-family: "Patua One", cursive;
     font-style: italic;
 }
 
 .box .content-hover2 p {
     color: #fff;
 }
 
 .box .content-hover {
     transform: scale(0, 0);
     position: absolute;
     height: 100%;
     width: 100%;
     background-color: #252525;
     transition: all 0.2s ease-in-out;
     display: flex;
     justify-content: center;
     flex-flow: column;
     padding: 2em 2em;
 }
 
 .box .content-hover h1 {
     color: #fff;
     font-size: 1.5em;
     text-transform: uppercase;
     font-family: "Patua One", cursive;
     font-style: italic;
 }
 
 .box .content-hover p {
     color: #fff;
 }
 
 .box .content {
     display: flex;
     justify-content: center;
     flex-flow: column;
 }
 
 .box .content img {
     width: 160px;
 }
 
 .box .content p {
     font-size: 1.2em;
     font-weight: 600;
     text-transform: uppercase;
     margin-top: -2em;
 }
 
 .box:hover>.content-hover,
 .box:hover>.content-hover2 {
     transform: scale(1, 1);
     cursor: pointer;
 }
 
 .box-tech {
     position: relative;
     max-height: 400px;
     height: 400px;
     background-color: #eee;
     display: flex;
     align-content: center;
     justify-content: center;
     overflow: hidden;
     padding: 2em 2rem;
 }
 
 .box-tech .content {
     display: flex;
     align-content: center;
     justify-content: center;
     flex-flow: column;
     text-align: center;
     padding-top: 5em;
     transition: all 0.2s ease-in-out;
 }
 
 .box-tech .content img {
     width: 34px;
     transition: all 0.2s ease-in-out;
     filter: grayscale(100%) brightness(75%);
     margin-left: 130px;
     margin-bottom: 20px;
 }
 
 .box-tech .content p {
     font-size: 1rem;
     font-weight: 600;
     font-family: var(--secondary-font);
     color: var(--secondary);
     margin-top: 0em;
     transition: all 0.2s ease-in-out;
 }
 
 .box-tech.dark-bg .content h3 {
     font-size: 1rem;
     font-weight: 500;
     font-family: var(--secondary-font);
     color: #fff;
     margin-top: 0em;
     transition: all 0.2s ease-in-out;
 }
 
 .box-tech.dark-bg .content .desc p {
     font-size: 0.9rem !important;
     font-weight: 500;
     font-family: var(--secondary-font);
     color: #fff;
     margin-top: 0em;
     transition: all 0.2s ease-in-out;
 }
 
 .box-tech .content .desc p {
     font-size: 0.9rem !important;
     font-weight: 500;
     font-family: var(--secondary-font);
     margin-top: 0em;
     transition: all 0.2s ease-in-out;
 }
 
 .box-tech .content .desc {
     transform: scale(0, 0);
     transition: all 0.65s ease-in-out;
 }
 
 .box-tech .content .desc .line {
     border-top: 1px solid #000;
     width: 0px;
     margin-top: 0em;
     margin-bottom: 1em;
     transition: all 0.2s ease-in-out;
 }
 
 .box-tech.dark-bg .content p {
     font-size: 1rem;
     font-weight: 500;
     font-family: var(--secondary-font);
     color: #fff;
     margin-top: 0em;
     transition: all 0.2s ease-in-out;
 }
 
 .box-tech:hover .content {
     padding-top: 0em;
     cursor: pointer;
 }
 
 .box-tech:hover .content img {
     width: 35px;
     filter: none;
 }
 
 .box-tech:hover .content p {
     color: var(--secondary);
 }
 
 .box-tech.dark-bg:hover .content p {
     color: #fff;
     margin-top: 10px;
     margin-bottom: 10px;
 }
 
 .box-tech:hover .content .desc {
     display: block !important;
     transform: scale(1, 1);
 }
 
 .box-tech:hover .content .desc .line {
     width: 50px;
 }
 
 .services-title {
     padding: 0px 0px 10px;
 }
 
 .service-4 .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link:focus {
     color: var(--seconday) !important;
 }
 
 .services-4-1 .services-title h2 {
     font-family: var(--secondary-font);
     margin-bottom: 0;
 }
 
 .services-4-1-img {
     display: inline-block;
     padding: 70px 15px;
 }
 
 .services-4-1-img img {
     width: 100%;
 }
 
 .services-4-1-inner h3 {
     font-weight: 600;
 }
 
 .boder-right {
     border-right: unset !important;
 }
 
 .services-content.services a {
     font-size: 25px;
     color: var(--secondary);
 }
 
 .services-4-1 {
     margin-top: 80px;
 }
 
 .border {
     border-color: rgba(222, 226, 230, 0.57) !important;
 }
 
 .boder-right-0 {
     border-right: unset !important;
 }
 
 .dark-bg {
     background-color: var(--secondary);
 }
 
 .icon-img {
     width: 30px;
     position: relative;
     display: inline-block;
     transition: all 0.25s ease-in-out 0s;
     margin-top: 70px;
 }
 
 .service-3 figure {
     position: relative;
     overflow: hidden;
     margin: 9px 1%;
     padding: 180px;
     max-height: revert;
     text-align: center;
     cursor: pointer;
 }
 
 .service-4 figure img {
     position: relative;
     display: block;
     min-height: 100%;
     max-width: 100%;
     opacity: 0.8;
 }
 
 .service-4 figure figcaption {
     color: rgb(255, 255, 255);
     text-transform: uppercase;
     font-size: 1.25em;
     backface-visibility: hidden;
 }
 
 .service-4 figure figcaption::before,
 .service-4 figure figcaption::after {
     pointer-events: none;
 }
 
 .service-4 figure figcaption,
 .service-4 figure figcaption {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
 }
 
 .service-3 figure h2 {
     color: #fff;
     text-transform: capitalize;
     font-size: 16px;
     margin-bottom: 10px;
     font-weight: 500;
     font-family: var(--secondary-font);
 }
 
 
 /* alerts */
 
 .alert-style-1 .alert-info,
 .alert-style-1 .alert-warning,
 .alert-style-1 .alert-danger,
 .alert-style-1 .alert-success {
     padding: 35px !important;
 }
 .alert-style-1 .alert-dismissible .btn-close,
 .alert-style-2 .alert-dismissible .btn-close,
 .alert-style-3 .alert-dismissible .btn-close,
 .alert-style-4 .alert-dismissible .btn-close {
     top: 15px !important;
 }
 .alert-style-1 .alert-dismissible .btn-close{
     top: 22px !important;
 }
 
 .alert-style-4 .alert:last-child {
     margin-bottom: 0;
 }
 
 #heading .heading-text {
     margin-bottom: 0px;
 }
 
 #highlights .heading-text,
 #highlights .heading-text p {
     margin-bottom: 0px;
 }
 
 .alert-style-1 i,
 .alert-style-2 i,
 .alert-style-3 i,
 .alert-style-4 i {
     font-size: 35px;
     margin-right: 40px;
     font-weight: 900;
     vertical-align: bottom;
 }
 
 .btn-close {
     box-sizing: content-box;
     width: 1em;
     height: 1em;
     padding: 0.25em;
     color: rgb(0, 0, 0);
     background: url("../img/Icons/Png/close.svg") center center / 1em no-repeat transparent;
     border: 0px;
     border-radius: 0.25rem;
     opacity: 1 !important;
 }
 
 .alert-style-1 .alert-info,
 .alert-style-1 .alert-warning,
 .alert-style-1 .alert-danger,
 .alert-style-1 .alert-success,
 .alert-style-2 .alert-info,
 .alert-style-2 .alert-warning,
 .alert-style-2 .alert-danger,
 .alert-style-2 .alert-success,
 .alert-style-3 .alert-info,
 .alert-style-3 .alert-warning,
 .alert-style-3 .alert-danger,
 .alert-style-3 .alert-success,
 .alert-style-4 .alert-info,
 .alert-style-4 .alert-warning,
 .alert-style-4 .alert-danger,
 .alert-style-4 .alert-success {
     padding: 25px 30px;
     margin-bottom: 40px;
 }
 
 .alert-style-1 .alert-dismissible .btn-close,
 .alert-style-2 .alert-dismissible .btn-close,
 .alert-style-3 .alert-dismissible .btn-close,
 .alert-style-4 .alert-dismissible .btn-close {
     top: 25px;
     right: 20px;
     z-index: 1 !important;
 }
 
 .alert-style-4 .alert-dismissible .btn-close {
     top: 18px;
     right: 20px;
     opacity: 1;
 }
 
 .alert-style-1,
 .alert-style-2,
 .alert-style-3,
 .alert-style-4 {
     font-size: 25px;
     font-weight: 600;
 }
 
 .alert-style-2 .border-info,
 .alert-style-2 .border-danger,
 .alert-style-2 .border-warning,
 .alert-style-2 .border-success {
     border-top: unset !important;
     border-right: unset !important;
     border-left: unset !important;
     border-image: unset !important;
     border-bottom: 5px solid !important;
     border-radius: unset !important;
 }
 
 .alert-style-3 .border-danger,
 .alert-style-3 .border-warning,
 .alert-style-3 .border-success,
 .alert-style-3 .border-info,
 .alert-style-4 .border-danger,
 .alert-style-4 .border-warning,
 .alert-style-4 .border-success,
 .alert-style-4 .border-info {
     border: unset !important;
     border-radius: 78px !important;
 }
 
 .alert-style-3 i {
     padding: 0px 20px;
     margin-right: 20px;
 }
 
 .alert-style-3 .btn-close {
     padding: 20px 30px;
 }
 
 .alert-style-4 i {
     width: 80px;
     padding: 20px;
     height: 80px;
     text-align: center;
     color: rgb(255, 255, 255);
     border-radius: 50px;
 }
 
 .alert-style-4 .alert-danger i {
     background-color: rgb(132, 32, 41);
 }
 
 .alert-style-4 .alert-info i {
     background-color: rgb(5, 81, 96);
 }
 
 .alert-style-4 .alert-success i {
     background-color: rgb(15, 81, 50);
 }
 
 .alert-style-4 .alert-warning i {
     background-color: rgb(102, 77, 3);
 }
 
 .alert-style-4 .alert {
     padding: 4px;
     display: inline-flex;
     justify-content: left;
     align-items: center;
     width: 100%;
 }
 
 
 /*  Lists */
 
 .list-style-1 ul li:before {
     content: "";
     width: 6px;
     height: 6px;
     position: absolute;
     background: var(--secondary);
     left: -18px;
     top: 7px;
     border-radius: 50%;
 }
 
 .list-style-1 ul li,
 .list-style-2 ul li,
 .list-style-3 ul li,
 .list-style-4 ul li {
     list-style: none;
     margin-bottom: 14px;
     font-size: 14px;
     position: relative;
     color: var(--dark);
 }
 
 .list-style-1 ul,
 .list-style-2 ul {
     padding-left: 15px;
 }
 
 .list-style-1 ul li::marker {
     color: var(--secondary);
     font-size: 20px;
 }
 
 .list-style-2 ul li::marker {
     content: "\f00c";
     font-family: 'Font Awesome 5 Free';
     color: var(--secondary);
     font-weight: 600;
     width: 23px;
 }
 
 .list-style-2 ul li {
     padding-left: 10px;
     list-style-position: outside;
 }
 
 .list-style-3 ul li::marker {
     content: "\f0da";
     font-size: 16px;
     font-family: 'Font Awesome 5 Free';
     color: var(--secondary);
     font-weight: 600;
     color: var(--secondary);
 }
 
 .list-style-3 ul li {
     padding-left: 10px;
 }
 
 .list-style-3 ul {
     padding-left: 5px;
 }
 
 .list-style-4 ul li::before {
     content: " ";
     width: 3px;
     left: -15px;
     top: 5px;
     height: 15px;
     position: absolute;
     background: var(--primary-color);
     color: var(--secondary);
 }
 
 .list-style-4 ul {
     padding-left: 15px;
 }
 
 .list-style-4 li {
     position: relative;
     font-size: 14px;
     color: var(--dark);
     margin-bottom: 15px;
 }
 .h-1 .form-3 .col-md-6, .h-2-contact-faq .form-3 .col-md-6, .map-contact-wapper form .col-md-6{
     width: 100%;
     flex: 0 0 auto;
 }
 
 .map-contact-wapper form .col-md-6 {
     margin-top: 15px;
 }
 .h-3-contact.form-4 .form-4-text-block{
     margin-bottom: 35px;
 }
 /* Forms */
 
 .form-1 .form-control,
 .form-2 .form-control {
     border: 2px solid #ccc;
     color: var(--secondary);
     padding: 12px 20px;
 }
 
 .form-1,
 .form-2 {
     margin-top: 35px;
 }
 
 .form-2 .form-control {
     border: 2px solid #eee;
     color: var(--secondary);
     padding: 12px 20px;
 }
 
 .form-1 textarea,
 .form-2 textarea,
 .form-3 textarea,
 .form-4 textarea,
 .form-5 textarea {
     resize: none;
 }
 
 .form-4 .btn-primary:hover {
     color: var(--primary-color) !important;
 }
 
 .form-3,
 .form-4 {
     margin-top: 35px;
 }
 
 .form-1 .form-control::placeholder {
     font-weight: 400;
     color: #aaa;
 }
 
 .newletter-form .form-control::placeholder {
     font-weight: 500 !important;
     color: var(--secondary);
 }
 
 .form-2 .form-control::placeholder {
     font-weight: 500;
     color: var(--dark);
 }
 
 .form-1 .btn-primary,
 .form-2 .btn-primary,
 .form-4 .btn-primary {
     font-size: 15px;
     padding: 10px 40px;
     font-family: var(--secondary-font);
     font-weight: 600;
 }
 
 .form-4 .btn-primary {
     border-radius: 0px !important;
     padding: 12px 45px;
 }
 
 .form-1 .btn-primary:hover,
 .form-2 .btn-primary:hover {
     color: var(--primary-color) !important;
 }
 
 .form-1 .form-control:focus,
 .form-2 .form-control:focus {
     border: 2px solid var(--dark);
     border-bottom: 2px solid var(--dark) !important;
 }
 
 .form-3 {
     background: #f1f1f1;
     padding: 60px 45px 80px;
     border-radius: 10px;
 }
 
 .form-3-text-block h3 {
     font-size: 25px;
     font-family: "Montserrat";
     font-weight: 600;
     line-height: 40px;
     margin-bottom: 20px;
 }
 
 .form-3-text-block {
     margin-bottom: 20px;
 }
 
 .form-3 .form-control {
     padding: 18px 20px;
     font-weight: 600;
     font-size: 14px;
     font-family: "Montserrat";
 }
 
 .form-3 .form-control:focus {
     border-bottom: 1px solid #858585 !important;
     border: 1px solid #858585;
 }
 
 .form-3 .btn-primary:hover {
     color: var(--primary-color) !important;
 }
 
 .form-3 .btn-primary {
     width: 100%;
     font-size: 14px;
     font-weight: 600;
     border-radius: 50px;
     margin-top: 15px;
     padding: 13px 20px;
 }
 
 .form-4 {
     box-shadow: 0 0 10px #ddd;
     border-radius: 10px;
     padding: 60px 45px;
 }
 
 .form-4-text-block h4 {
     color: var(--primary-color);
     font-family: "Montserrat";
     font-weight: 500;
     text-transform: uppercase;
     line-height: 40px;
 }
 
 .form-4-text-block h3 {
     font-family: "Montserrat";
     font-size: 25px;
     font-weight: 600;
     line-height: 40px;
     margin-bottom: 20px;
 }
 
 .form-4 .form-control {
     padding: 15px 20px;
     font-weight: 600;
     font-family: "Montserrat";
     font-size: 15px;
     border-radius: 2px;
 }
 
 .form-4 .form-control:focus {
     border: 2px solid #ddd;
     border-bottom: 2px solid #ddd !important;
 }
 
 .form-5 .form-control {
     padding: 20px 25px;
     font-family: var(--secondary-font);
     font-weight: 500;
     font-size: 14px;
     border-radius: 5px;
     border: 2px solid #ccc;
 }
 
 .form-5 .form-control:focus {
     border: 2px solid #000;
     border-bottom: 2px solid !important;
 }
 
 .form-5 .btn-primary {
     width: 100%;
     margin-top: 15px;
     font-size: 16px;
     font-family: var(--secondary-font);
     font-weight: 700;
     padding: 15px 25px;
 }
 
 .form-5 .btn-primary:hover {
     color: var(--primary-color) !important;
 }
 
 
 /* Tables */
 
 .table-1 table {
     width: 100%;
 }
 
 .table-3 table thead th:first-child {
     border-left: 0;
 }
 
 .table-style-1 {
     margin-bottom: 40px !important;
 }
 
 .table-style-2 {
     margin-bottom: 0px !important;
 }
 
 .table-style-1 h2,
 .table-style-2 h2 {
     font-weight: 700;
 }
 
 .table-1 table thead tr td {
     border-right: 2px solid;
     text-align: center;
     border-color: rgb(215 215 221 / 41%);
     padding: 15px 18px;
     font-size: 26px;
     font-family: "DM Sans";
     font-weight: 500;
 }
 
 .table-1 tbody:before {
     content: "@";
     display: block;
     line-height: 25px;
     text-indent: -99999px;
 }
 
 .table-1 tbody tr td {
     border: 2px solid;
     border-color: #efeff1;
     padding: 25px 50px;
     font-size: 25px;
     font-weight: 500;
     text-align: center;
 }
 
 .table-1 tbody tr:first-child td {
     border-top: 0;
     border-left: 2px solid !important;
     border-color: #efeff1 !important;
 }
 
 .table-1 tbody tr {
     box-shadow: 0px -10px 11px -10px #ddd;
 }
 
 .table-1 tbody tr:last-child {
     box-shadow: 0px 5px 12px -5px #ddd;
 }
 
 .table-1 table thead tr th:last-child {
     border-left: 1px solid;
     border-color: #ddd;
     border-right: 0;
 }
 
 .table-3 tbody tr {
     background: #ddd;
     border: 2px solid #efeff1;
     border-left: 0;
     border-right: 0;
 }
 
 .table-3 tbody tr td {
     border-left: 2px solid #efeff1;
     padding: 18px 20px;
     text-align: center;
     color: #000;
     font-size: 24px;
     font-weight: 400;
     font-family: var(--priamry-font);
 }
 
 .table-3 tbody tr td:first-child {
     font-family: var(--secondary-font);
     border-left: 0;
     font-weight: 500;
 }
 
 .table-1 thead {
     box-shadow: 0 0 13px #ddd;
     border-radius: 3px;
 }
 
 .table-1table {
     border-collapse: collapse;
     margin: 10px;
 }
 
 .table-style-2 {
     margin-top: 50px;
 }
 
 .table-2 table {
     width: 100%;
 }
 
 .table-2 table thead {
     border-bottom: 2px solid;
     border-color: #efeff1;
 }
 
 .table-2 table thead td {
     font-size: 22px;
     padding: 30px 30px;
     font-family: var(--primary-font);
     text-align: center;
     font-weight: 600;
 }
 
 .table-2 tbody tr {
     border-bottom: 2px solid #efeff1;
 }
 
 .table-2 tbody tr td {
     text-align: center;
     font-size: 23px;
     padding: 30px 30px;
     font-weight: 500;
     font-family: var(--secondary-font);
 }
 
 .table-2 tbody tr:last-child {
     border-bottom: 0;
 }
 
 .table-3 table {
     width: 100%;
 }
 
 .table-3 table thead {
     text-align: center;
     background: #ddd;
     border-bottom: 20px solid #fff;
 }
 
 .table-3 table thead td {
     padding: 15px 30px;
     font-weight: 900;
     text-align: center;
     border-left: 2px solid #efeff1;
     font-size: 22px;
     font-family: var(--primary-font);
 }
 
 
 /* .table-1  tbody:before { 
      line-height:1em;
      content:".";
      color:white; 
      display:block;
  } */
 
 
 /* 403 page*/
 
 .bg-gray {
     background: #f1f1f1;
 }
 
 .page-403 h1 {
     font-size: 55px;
     font-family: "Montserrat";
     color: var(--primary-color);
     font-weight: 600;
     margin-top: 12px;
 }
 
 .page-403 p {
     font-size: 21px;
     margin-top: 50px;
     padding: 0px 290px;
     line-height: 35px;
     font-weight: 400;
 }
 
 .page-403 .btn-primary {
     text-transform: capitalize !important;
     font-size: 15px !important;
     padding: 12px 45px !important;
     margin-top: 20px;
     border-radius: 4px;
 }
 .page-403 img{
     object-fit: contain !important;
     height: 250px;
 }
 
 /* 404 page */
 
 .page-404-content h1 {
     font-size: 25px;
     font-family: var(--primary-font);
     color: var(--primary-color);
     font-weight: 500;
 }
 
 .page-404 {
     padding-bottom: 5px;
 }
 
 .page-404 img {
     width: 100%;
 }
 
 .page-404-content {
     margin: 20px 0;
 }
 
 .page-404-content p {
     font-size: 16px;
     padding: 0px 25px;
     margin-top: 12px;
     margin-bottom: 30px;
     font-weight: 100;
 }
 
 .page-404-content .btn-primary {
     padding: 10px 40px !important;
     text-transform: capitalize !important;
     border-radius: 4px;
 }
 
 
 /* Faq */
 
 .accordian-1.faq {
     margin-top: 0;
 }
 
 .accordian-1.faq .accordion-item .accordion-button {
     padding: 0;
 }
 
 .accordian-1.faq .accordion-item {
     padding: 24px 30px;
     margin-bottom: 25px;
 }
 
 .accordian-1.faq .accordion-item .accordion-button:not(.collapsed) {
     padding: 0px 0 20px !important;
 }
 
 .faq-bottom h4 {
     text-transform: capitalize;
     font-size: 25px;
     font-weight: 600;
     font-family: var(--secondary-font);
     line-height: 40px;
     margin-bottom: 30px;
 }
 
 .faq-bottom .btn-primary {
     font-size: 14px;
     font-family: var(--secondary-font);
     font-weight: 600;
     padding: 10px 30px;
     text-transform: capitalize;
 }
 
 
 /* tabs */
 
 #tab-style-1.short-codes .tab-1 .nav-tabs {
     justify-content: center;
 }
 
 #tab-style-1.short-codes .tab-1 .nav-tabs .nav-item.show .nav-link,
 #tab-style-1.short-codes .tab-1 .nav-tabs .nav-link.active {
     border: 2px solid var(--primary-color) !important;
     color: var(--primary-color) !important;
 }
 
 #tab-style-1.short-codes .tab-1 .nav-tabs .nav-link {
     color: var(--dark);
     font-weight: 600;
 }
 
 #tab-style-1.short-codes .tab-1 {
     margin-top: 20px;
 }
 
 #tab-style-1.short-codes .tab-1 .tab-content {
     padding: 30px 0 50px;
 }
 
 #tab-style-1.short-codes .tab-1 .nav-item {
     padding: 0;
     margin: 0 5px;
 }
 
 #tab-style-1.short-codes .tab-1 .nav-item .nav-link {
     padding: 12px 40px;
     border-radius: 0;
     border: 2px solid #fff !important;
 }
 
 #tab-style-1.short-codes .nav-tabs .nav-item:hover .nav-link {
     border: 2px solid var(--primary-color) !important;
 }
 
 #tab-style-2.short-codes .tab-style-2 .nav-tabs {
     justify-content: center;
     border: 0;
 }
 
 #tab-style-2.short-codes .tab-style-2 .nav-tabs .nav-item.show .nav-link,
 #tab-style-2.short-codes .tab-style-2 .nav-tabs .nav-link.active {
     border: 2px solid var(--primary-color) !important;
     color: var(--primary-color) !important;
     border-radius: 50px;
 }
 
 #tab-style-2.short-codes .tab-style-2 .nav-tabs .nav-link {
     color: var(--dark);
     font-weight: 600;
 }
 
 #tab-style-2.short-codes .tab-style-2 {
     margin-top: 20px;
 }
 
 #tab-style-2.short-codes .tab-2-1-content {
     padding: 30px 0 50px;
 }
 
 #tab-style-2.short-codes .tab-style-2 .nav-item {
     padding: 0;
     margin: 0 5px;
 }
 
 #tab-style-2.short-codes .tab-style-2 .nav-item .nav-link {
     padding: 12px 40px;
     border-radius: 0;
     border: 2px solid #fff !important;
 }
 
 #tab-style-2.short-codes .nav-tabs .nav-item:hover .nav-link {
     border: 2px solid var(--primary-color) !important;
     border-radius: 50px;
 }
 
 #tab-style-3.short-codes .tab-style-3 .nav-tabs {
     justify-content: center;
     border: 0;
 }
 
 #tab-style-3.short-codes .tab-style-3 .nav-tabs .nav-item.show .nav-link,
 #tab-style-3.short-codes .tab-style-3 .nav-tabs .nav-link.active {
     border: 2px solid var(--primary-color) !important;
     color: #fff !important;
     border-radius: 8px;
     background-color: var(--primary-color) !important;
 }
 
 #tab-style-3.short-codes .tab-style-3 .nav-tabs .nav-link {
     color: var(--dark);
     font-weight: 600;
 }
 
 #tab-style-3.short-codes .tab-style-3 {
     margin-top: 20px;
 }
 
 #tab-style-3.short-codes .tab-3-1-content {
     padding: 30px 0 50px;
 }
 
 #tab-style-3.short-codes .tab-style-3 .nav-item {
     padding: 0;
     margin: 0 5px;
 }
 
 #tab-style-3.short-codes .tab-style-3 .nav-item .nav-link {
     padding: 12px 40px;
     border-radius: 0;
     border: 2px solid #fff !important;
 }
 
 #tab-style-3.short-codes .nav-tabs .nav-item:hover .nav-link {
     border-radius: 8px;
     color: #fff !important;
     background-color: var(--primary-color) !important;
 }
 
 #tab-style-4.short-codes .tab-style-4 .nav-tabs {
     justify-content: center;
     border: 0;
 }
 
 #tab-style-4.short-codes .tab-style-4 .nav-tabs .nav-item.show .nav-link,
 #tab-style-4.short-codes .tab-style-4 .nav-tabs .nav-link.active {
     border: 2px solid var(--primary-color) !important;
     color: #fff !important;
     background-color: var(--primary-color) !important;
     border-radius: 50px;
 }
 
 #tab-style-4.short-codes .tab-style-4 .nav-tabs .nav-link {
     color: var(--dark);
     font-weight: 600;
 }
 
 #tab-style-4.short-codes .tab-style-4 {
     margin-top: 20px;
 }
 
 #tab-style-4.short-codes .tab-4-1-content {
     padding: 30px 0 50px;
 }
 
 #tab-style-4.short-codes .tab-style-4 .nav-item {
     padding: 0;
     margin: 0 5px;
 }
 
 #tab-style-4.short-codes .tab-style-4 .nav-item .nav-link {
     padding: 12px 40px;
     border-radius: 0;
     border: 2px solid #fff !important;
 }
 
 #tab-style-4.short-codes .nav-tabs .nav-item:hover .nav-link {
     border: 2px solid var(--primary-color) !important;
     border-radius: 50px;
     color: #fff !important;
     background-color: var(--primary-color) !important;
 }
 
 #tab-style-5.short-codes .tab-style-5 .nav-tabs {
     justify-content: center;
     border: 0;
 }
 
 #tab-style-5.short-codes .tab-style-5 .nav-tabs .nav-item.show .nav-link,
 #tab-style-5.short-codes .tab-style-5 .nav-tabs .nav-link.active {
     color: var(--primary-color) !important;
 }
 
 #tab-style-5.short-codes .tab-style-5 .nav-tabs .nav-link {
     color: var(--dark);
     font-weight: 600;
 }
 
 #tab-style-5.short-codes .tab-style-5 {
     margin-top: 20px;
 }
 
 #tab-style-5.short-codes .tab-5-1-content {
     padding: 30px 0 50px;
 }
 
 #tab-style-5.short-codes .tab-style-5 .nav-item {
     padding: 0;
     margin: 0 5px;
 }
 
 #tab-style-5.short-codes .tab-style-5 .nav-item .nav-link {
     padding: 12px 40px;
     border-radius: 0;
 }
 
 #tab-style-5.short-codes .nav-tabs .nav-item .nav-link {
     border: 0 !important;
 }
 
 #tab-style-5.short-codes .nav-tabs .nav-item:hover .nav-link {
     border: 0 !important;
     color: var(--primary-color) !important;
 }
 
 .tab-1 .img-area,
 .tab-2 .img-area {
     width: 100%;
     position: relative;
     height: 280px;
 }
 
 .tabs-title.heading-1 {
     margin-bottom: 30px;
 }
 
 .tab-1 .img-area img,
 .tab-2 .img-area img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
 }
 
 .tab-1 .tab-content,
 .tab-2 .tab-content {
     padding: 60px 0 120px;
 }
 
 .tab-2-img {
     margin-bottom: 15px;
 }
 
 .tab-2-nav-bar {
     display: flex;
     justify-content: space-between;
 }
 
 .tab-1 .nav-tabs .nav-item.show .nav-link,
 .tab-1 .nav-tabs .nav-link.active {
     border-top: unset;
     border-right: unset;
     border-left: unset;
     color: var(--secondary);
     border-image: unset;
     border-bottom: 4px solid var(--primary-color) !important;
 }
 
 .tab-1 .nav-tabs .nav-item .nav-lilnk {
     padding: 19px;
 }
 
 .tab-1 .nav-tabs .nav-link {
     font-size: 14px;
     padding: 12px 0px;
 }
 
 .tab-1 .nav-tabs .nav-items {
     padding: 0px 24px;
 }
 
 .tab-1 .nav-item {
     padding: 0px 39px;
 }
 
 .tab-1 .nav-item:first-child {
     padding-left: 0;
 }
 
 .tab-1 .nav-item:last-child {
     padding-right: 0;
 }
 
 .tab-1 .nav-tabs {
     border: 0;
 }
 
 #blog-details-sidebar hr:not([size]) {
     margin-top: 30px;
 }
 #blog-details-sidebar.sec-pad-120{
     padding: 110px 0 !important;
 }
 .tab-1 .wapper,
 .tab-2 .wapper {
     width: 100%;
     position: relative;
     height: 300px;
 }
 
 .tab-1 .img-details h5,
 .tab-2 .img-details h5 {
     font-family: var(--secondary-font);
     font-size: 16px;
     font-weight: 600;
     line-height: 10px;
 }
 
 .tab-1 .img-details p,
 .tab-2 .img-details p {
     margin-bottom: 0;
     font-size: 14px;
     font-weight: 500;
 }
 
 .tab-1 .img-details,
 .tab-2 .img-details {
     width: 100%;
     padding: 25px 30px 20px;
     margin-right: auto;
     margin-left: auto;
     background: #f1f1f1;
     margin-top: -5px;
     z-index: 1;
     position: relative;
 }
 
 .tab-1 .icon-wapper,
 .tab-2 .icon-wapper {
     position: relative;
 }
 
 .tab-1 .icon,
 .tab-2 .icon {
     position: absolute;
     background: #fff;
     width: 60px;
     height: 60px;
     border-radius: 50%;
     right: 0px;
     top: -100px;
     z-index: -1;
     text-align: center;
     padding: 10px;
     box-shadow: 0 0 12px #ccc;
 }
 
 .tab-1 .icon svg,
 .tab-2 .icon svg {
     fill: var(--primary-color);
     width: 40px;
 }
 
 .tab-2 .nav-fillter {
     color: var(--secondary);
     font-size: 15px;
     font-weight: 600;
     font-family: var(--secondary-font);
 }
 
 .tab-2 .img-area {
     height: 200px;
 }
 
 .tab-2 .icon {
     width: 40px;
     height: 40px;
     top: -80px;
     right: 0px;
     padding: 5px;
 }
 
 .tab-2 .icon svg {
     width: 30px;
 }
 
 .tab-2 .active-tab a {
     color: var(--primary-color) !important;
 }
 
 .tab-2 .img-details {
     padding: 20px 20px 20px;
 }
 
 
 /* Audio & video */
 
 .audio {
     text-align: center;
 }
 
 .video.heading-1 {
     margin-bottom: 35px !important;
 }
 
 .video.heading-1 h2 {
     font-weight: 700;
     font-size: 26px !important;
 }
 
 .video-3-bottom h2 {
     font-weight: 700;
 }
 
 .video-1 {
     background: url(../img/2.jpg);
     background-position: center center;
     min-height: 575px;
     max-height: 575px;
     margin-bottom: 400px;
     padding: 0px;
     position: relative;
 }
 
 .video-1::before {
     content: "";
     width: 100%;
     height: 100%;
     background: var(--primary-color);
     position: absolute;
     opacity: 0.75;
     z-index: 0;
     bottom: 0;
     top: 0;
     left: 0;
     right: 0;
     margin-right: auto;
     margin-left: auto;
 }
 
 .video-1-title {
     padding: 100px 45px;
     position: relative;
     z-index: 1;
 }
 
 .video-2-title {
     padding: 100px 15px;
     position: relative;
     z-index: 1;
 }
 
 .video-1-title h3 {
     color: var(--light);
     font-size: 28px;
     font-family: var(--secondary-font);
 }
 
 .video-2-title h3 {
     color: var(--light);
     font-size: 28px;
     font-family: var(--secondary-font);
 }
 
 .video-1-title p {
     color: #fff;
     font-weight: 400;
     margin-top: 20px;
     font-size: 15px;
 }
 
 .video-2-title p {
     color: #fff;
     font-weight: 400;
     margin-top: 20px;
     font-size: 15px;
 }
 
 .video-style-1 {
     position: relative;
 }
 
 .video-1 .video-img {
     position: absolute;
     z-index: 1;
     top: -50px;
     height: 600px;
     max-height: 600px;
     background: url(../img/audio-video/1.jpg);
     width: 100%;
     background-size: cover;
     background-position: center center;
 }
 
 .video-2 {
     background: url(../img/2.jpg);
     background-position: center center;
     min-height: 640px;
     max-height: 640px;
     padding: 0px;
     position: relative;
 }
 
 .video-1 .video-img img {
     width: 100%;
 }
 
 .video-1 .video-style-1 a {
     position: absolute;
     width: 90px;
     z-index: 1;
     top: 0px;
     bottom: 0;
     left: 0;
     right: 0;
     margin-right: auto;
     margin-left: auto;
     transform: translate(0px, 200px);
 }
 
 .video-1 .video-img:before {
     content: "";
     position: absolute;
     top: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     background: #00000094;
 }
 
 .video-2::before {
     content: "";
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgb(0 0 0 / 50%);
 }
 
 .video-2 .video-style-2 a {
     position: absolute;
     width: 85px;
     z-index: 1;
     top: 0px;
     height: 100px;
     bottom: 0;
     left: 0;
     right: 0;
     margin-right: auto;
     margin-left: auto;
     transform: translate(0px, 300px);
 }
 
 .video-img-3 img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 10px;
 }
 
 .video-img-3 {
     position: relative;
 }
 #video-3 .video-img-3{
     height: 100%;
 }
 .video-img-3::before {
     content: "";
     background: rgb(0 0 0 / 50%);
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 10px;
 }
 
 .video-img-3 a {
     width: 70px;
     margin-left: auto;
     margin-right: auto;
 }
 
 .video-3-right li {
     padding: 0px 25px 0px 5px;
 }
 
 .video-3-right li i svg {
     width: 35px;
     margin-left: 30px;
 }
 .home-4-what-we-do svg{
     height: 38px;
     width: 38px !important;
 }
 #video-3 .col-lg-7{
     height: auto;
 }
 .video-3-right {
     display: flex;
     justify-content: space-evenly;
     margin-bottom: 15px;
     padding: 30px 0px;
     box-shadow: 0px 0px 6px 2px #eee;
 }
 .video-3-right {
     transition: all 0.25s ease-in-out;
 }
 
 .video-3-right:last-child {
     margin-bottom: 0;
 }
 
 .video-3-right h4 {
     font-weight: 600;
     font-size: 16px;
 }
 
 .video-3-bottom {
     margin-bottom: 30px;
     position: relative;
     z-index: 1;
 }
 
 .video-3-bottom .heading-1 {
     margin-bottom: 35px !important;
 }
 
 nav.tabs{
     margin-top: 80px;
 }
 /* Blog */
 
 .bolg-1-img {
     max-height: 350px;
     min-height: 280px;
     height: 300px;
 }
 .img-fluid{
     width: 100%;
     object-fit: cover;
 }
 #blog-full-width img{
     height: 300px;
 }
 #blog-full-width .blog-4-tittle{
     margin-top: 10px;
 }
 #blog-full-width .blog-4-details p{
     margin-bottom: 30px;
 }
 #blog-details-sidebar .blog-4-tittle h2 {
     font-weight: 600;
 }
 
 #blog-details-sidebar .bolg-2-img {
     height: 280px;
 }
 
 #blog-details-sidebar h5 {
     font-weight: 600;
 }
 
 #blog-details-sidebar .blog-2-content {
     padding: 20px 0px 10px;
 }
 
 #blog-list-sidebar .bolg-4-img img {
     border-radius: 0 !important;
 }
 
 #blog-grid-4 .bolg-3-img img {
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
 }
 .blog-style_4 .bolg-4-img img{
     height: 320px;
 }
 .blog-style_4 .view-content div:first-child{
     margin-top: 0 !important;
 }
 .home-4-title h2{
     font-weight: 600;
 }
 #blog-grid-4 .blog-3-tittle h5 {
     font-weight: 700;
     margin-bottom: 10px;
 }
 
 #blog-details-full-width .btn.btn-primary {
     font-size: 18px;
 }
 
 #blog-details-sidebar .bolg-4-img img {
     border-radius: 6px;
     height: 450px;
 }
 #blog-full-width i {
     vertical-align: middle;
 }
 #blog-details-sidebar .blog-4-tittle{
     margin-top: 0;
 }
 #blog-details-sidebar .blog-4-details p{
     margin-bottom: 10px;
 }
 #blog-details-full-width .bolg-4-img img {
     border-radius: 5px;
     height: 600px;
     width: 100%;
     object-fit: cover;
 }
 #block-sidebar2 .other-services-menu.mb-5{
     margin-bottom: 0 !important;
 }
 #blog-details-full-width .blog-4-content.mt-4{
     margin-top: 2.5rem !important;
 }
 #blog-details-sidebar #blog-full-width .mb-5{
     margin-bottom: 2.5rem !important;
 }
 #blog-grid-4 .bolg-3-img {
     height: 190px;
     min-height: 200px;
     max-height: 300px;
     width: 100%;
 }
 .blog-blog_4_column .blog-3-date{
     margin-bottom: 3px;
 }
 .blog-blog_4_column .blog-3-tittle h6{
     font-weight: 600;
 }
 .blog-blog_4_column .blog-3-tittle h6:hover{
     color: var(--primary-color);
     transition: all 0.35s ease-in-out;
 }
 #blog-grid-4 .blog-3-content {
     height: auto;
     background: #fff;
     border: 1px solid #ddd;
     border-top-right-radius: 0px;
     width: auto;
     min-width: unset;
     padding: 15px 20px 15px 20px;
     min-height: unset;
 }
 
 .blog-wapper-3 {
     margin-bottom: 18px;
 }
 
 .bolg-1-img img {
     height: 100%;
     width: 100%;
     object-fit: cover;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
 }
 
 .blog-1-content {
     padding: 20px 10px 30px;
     text-align: center;
     box-shadow: 0 2px 8px #ddd;
 }
 
 .blog-1-date svg {
     width: 16px;
     fill: #666;
 }
 
 .blog-1-date ul li {
     display: inline-block;
     font-size: 13px;
     vertical-align: middle;
     position: relative;
     padding: 10px 8px;
     font-family: var(--secondary-font);
     font-weight: 600;
     color: #666;
 }
 
 .bolg-2-img {
     height: 325px;
 }
 
 .bolg-2-img img {
     height: 100%;
     width: 100%;
     object-fit: cover;
     object-position: top;
 }
 
 .blog-1-date i {
     vertical-align: text-bottom;
     margin-right: 2px;
 }
 
 .blog-3-date {
     margin-bottom: 10px;
 }
 
 .blog-1-date ul li:first-child::after {
     content: "";
     width: 2px;
     height: 15px;
     position: absolute;
     background: rgb(102 102 102 / 74%);
     right: 0;
     top: 14px;
 }
 
 .blog-1-date ul li:first-child {
     padding-right: 15px;
 }
 
 .blog-1-tittle h5 {
     font-weight: 600;
     font-size: 17px;
     color: var(--secondary);
 }
 
 .blog-1-content-text p {
     margin-bottom: 20px;
 }
 
 .blog-1-content-text .btn-primary {
     text-transform: capitalize !important;
     padding: 10px 20px !important;
     border-radius: 3px;
 }
 
 .blog-2-content {
     padding: 20px 0px;
     padding-right: 50px;
 }
 
 .blog-2-date i svg {
     width: 13px;
     vertical-align: text-top;
     margin-right: 5px;
 }
 
 .blog-2-date li {
     display: inline-block;
     padding: 12px 12px;
     font-size: 13px;
     font-family: var(--secondary-font);
     position: relative;
     font-weight: 600;
     color: #666;
 }
 
 .blog-2-date li:first-child::after {
     content: "";
     position: absolute;
     width: 2px;
     height: 17px;
     background: #666;
     top: 12px;
     right: 0;
 }
 
 .blog-2-date li:first-child {
     padding-left: 0;
     padding-right: 15px;
 }
 
 .blog-2-content-text .primary-link {
     color: var(--primary-color) !important;
     font-size: 15px;
     font-weight: 600;
     font-family: var(--secondary-font);
     transition: all 0.25s ease-in-out;
 }
 
 .blog-2-content-text .primary-link:hover {
     color: var(--secondary) !important;
 }
 
 .bolg-3-img {
     height: 240px;
     min-height: 240px;
     max-height: 300px;
 }
 
 .bolg-3-img img {
     object-fit: cover;
     height: 100%;
     width: 100%;
 }
 
 .blog-3-date ul li {
     display: inline-block;
     font-size: 11px;
     font-family: var(--secondary-font);
     font-weight: 500;
     color: #666;
     padding: 8px;
     position: relative;
 }
 
 .blog-3-date ul li svg {
     width: 10px;
     margin-right: 5px;
 }
 
 .blog-3-date ul li:first-child:after {
     content: "";
     width: 2px;
     height: 13px;
     background: #666;
     position: absolute;
     top: 10px;
     right: -1px;
 }
 
 .blog-3-date ul li:first-child {
     padding-left: 0;
     padding-right: 10px;
 }
 .testimonial-title.home-3-title {
     margin-bottom: 45px;
 }
 .blog-3-content {
     background: #f1f1f1;
     height: 240px;
     min-height: 240px;
     max-height: 300px;
     border-top-right-radius: 5px;
     padding: 40px 20px 20px 20px;
     border-bottom-right-radius: 5px;
 }
 
 .blog-3-tittle h5 {
     font-size: 15px;
     font-weight: 600;
     margin-bottom: 23px;
 }
 
 .blog-3-tittle .primary-link {
     color: var(--primary-color);
     font-weight: 600;
     font-size: 15px !important;
     font-family: var(--secondary-font);
     transition: all 0.25s ease-in-out;
 }
 
 .blog-3-tittle .primary-link:hover {
     color: var(--secondary) !important;
 }
 
 .blog-4-date svg {
     width: 14px;
     vertical-align: baseline;
     margin-right: 5px;
     margin-bottom: -4px;
 }
 
 [class$="-date"] svg path {
     fill: var(--primary-color);
 }
 
 [class$="-date"] #comment-icon path {
     fill: none;
     stroke: var(--primary-color);
 }
 
 .blog-4-date ul li {
     padding: 10px 15px;
     display: inline-block;
     position: relative;
     color: #666;
     font-size: 14px;
     font-weight: 500;
     font-family: var(--primary-font);
 }
 
 .blog-4-date ul li:first-child::after {
     content: "";
     position: absolute;
     background: #666;
     width: 2px;
     height: 17px;
     top: 12px;
     right: 0;
 }
 
 .blog-4-date ul li:first-child {
     padding-left: 0;
     padding-right: 18px;
 }
 
 .blog-4-tittle h5 {
     font-size: 18px;
     font-weight: 600;
 }
 
 .blog-4-details {
     margin: 12px 0;
     margin-top: 2px;
 }
 
 .blog-4-details .primary-link {
     font-size: 14px;
     font-family: var(--secondary-font);
     font-weight: 600;
     color: var(--primary-color);
     transition: all 0.25s ease-in-out;
 }
 
 .blog-4-details p {
     margin-bottom: 20px;
 }
 
 .blog-4-details .primary-link:hover {
     color: var(--secondary) !important;
 }
 
 .blog-4-tittle {
     margin-top: 0;
 }
 
 
 /* carousels */
 
 .carousels-style-1 {
     padding: 12px;
 }
 
 .carousels-style-2 .team-1 {
     overflow-y: inherit;
 }
 
 .carousel-2 .team-name h3 {
     margin-bottom: 0px;
     font-weight: 600;
 }
 
 .carousel-6 h2 {
     margin-bottom: 20px;
 }
 
 .carousel-8 h2 {
     margin-bottom: 20px;
 }
 
 #team-3 .owl-carousel .owl-nav.disabled {
     margin-top: 20px !important;
 }
 
 .carousel-9 .team-name h3 {
     font-weight: 600;
     margin-bottom: 0;
 }
 
 .carousel-2 .carousels-style-2 img {
     border-radius: 3px;
 }
 
 .carousels-top-icon i svg {
     fill: var(--primary-color);
     width: 30px;
 }
 
 .carousels-top-icon {
     text-align: center;
     margin-bottom: 30px;
 }
 
 .carousels-style-1-body .content p {
     font-size: 22px;
     line-height: 35px;
     color: var(--secondary);
     text-align: center;
 }
 
 #carousel-4 .owl-dots.disabled {
     margin-top: 50px !important;
 }
 .owl-dots button{
     outline: none;
 }
 button:focus{
     outline: none;
 }
 .carosules-style-1 .footer-content {
     text-align: center;
 }
 
 .carousel-7 .owl-dots {
     margin-top: 60px;
 }
 
 .carousels-style-1-body .footer-content {
     text-align: center;
     margin-top: 20px;
     margin-bottom: 30px;
 }
 
 .carousels-style-1-body .footer-content p {
     color: var(--primary-color);
     margin-bottom: 30px;
     font-family: var(--primary-font);
     font-size: 16px;
 }
 
 .triangle-with-shadow {
     width: 80px;
     height: 67px;
     position: relative;
     position: absolute;
     overflow: hidden;
     transform: rotate(-1deg);
     box-shadow: 14px -9px 10px -17px rgb(0 0 0 / 50%);
     bottom: -67px;
 }
 
 .triangle-with-shadow:after {
     content: "";
     position: absolute;
     width: 282px;
     height: 76px;
     background: #fff;
     transform: rotate(133deg);
     top: -116px;
     left: 9px;
     box-shadow: 2px 6px 6px -2px #ddd;
 }
 
 .carousels-style-1-body .footer-content h4 {
     text-transform: uppercase;
     font-weight: 500;
     color: #666;
     font-size: 18px;
     letter-spacing: 2px;
     font-family: var(--primary-font);
 }
 
 .carousels-style-1-body .footer-content .footer-img {
     display: inline-block;
 }
 
 .carousels-style-1-body .footer-content .footer-img img {
     border-radius: 50%;
     width: 70px;
     height: 70px;
     object-fit: cover;
     object-position: top;
 }
 
 .carousel-1 .owl-theme .owl-dots .owl-dot span,
 .carousel-2 .owl-theme .owl-dots .owl-dot span,
 .carousel-3 .owl-theme .owl-dots .owl-dot span {
     border-radius: 0;
     background: #000;
 }
 
 .carousel-1 .owl-theme .owl-dots .owl-dot.active span,
 .carousel-2 .owl-theme .owl-dots .owl-dot.active span,
 .carousel-3 .owl-theme .owl-dots .owl-dot.active span {
     background: var(--primary-color);
 }
 
 .carousel-2 .owl-carousel .owl-dots.disabled {
     display: block !important;
     margin-top: 0px !important;
 }
 
 .carousel-3 .owl-carousel .owl-dots.disabled {
     margin-top: 60px !important;
     display: block !important;
 }
 
 .team-img {
     max-height: 423px;
     height: 420px;
 }
 
 .team-1 {
     position: relative;
     overflow-y: hidden;
 }
 
 .team-img img {
     max-height: 100%;
     object-position: top;
     object-fit: cover;
 }
 
 .team-social ul li {
     display: inline-block;
 }
 
 .team-social {
     position: absolute;
     bottom: -180px;
     opacity: 0;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
     transition: all 0.5s ease-in-out;
 }
 
 .tema-details {
     text-align: center;
     padding: 20px;
     transition: all 0.5s ease-in-out;
 }
 
 .carousels-2 .owl-item:hover .team-social {
     bottom: 15px;
     opacity: 1;
 }
 
 .carousels-2 .owl-item .team-img {
     transition: all 0.5s ease-in-out;
 }
 
 .carousels-2 .owl-item:hover .team-img {
     height: 320px;
 }
 
 .carousels-2 .owl-item:hover .tema-details {
     padding: 25px 25px 60px;
     box-shadow: 1px 2px 19px -4px #ddd;
     position: relative;
     z-index: 1;
 }
 
 .item {
     padding: 2px;
 }
 
 .carousel-5 .item {
     padding: 25px 6px 60px;
 }
 
 .team-social ul li a i {
     font-size: 25px;
     padding: 12px;
     color: #666;
     transition: all 0.25s ease-in-out;
 }
 .team-social ul li a:hover i{
     color: var(--primary-color) !important;
 }
 
 .team-name p {
     color: var(--primary-color);
 }
 
 .icon-c-5 i svg {
     fill: var(--primary-color);
     width: 30px;
     text-align: center;
     margin-bottom: 20px;
 }
 
 .icon-c-5 {
     text-align: center;
     position: relative;
     padding: 40px;
     box-shadow: 0 0 18px -1px #ddd;
     border-radius: 15px;
 }
 
 .message-c-5 p {
     color: var(--secondary);
     font-size: 20px;
     line-height: 40px;
     font-family: var(--secondary-font);
     font-weight: 500;
 }
 
 .c-5.team-1-img {
     width: 90px;
     height: 90px;
 }
 
 .c-5.team-1-img img {
     height: 100%;
     border-radius: 50%;
     object-fit: cover;
     object-position: top;
 }
 
 .c-5.names {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     margin-top: 60px;
     width: 100%;
 }
 
 .c-5.team-name {
     margin-left: 30px;
 }
 
 .c-5.team-name p {
     margin-bottom: 0;
 }
 
 .c-5.team-name h5 {
     font-family: var(--primary-font);
     font-weight: 500;
     text-transform: uppercase;
     font-size: 18px;
     letter-spacing: 2px;
     color: #666;
 }
 
 .carousel-5 .owl-theme .owl-dots .owl-dot.active span {
     background: var(--primary-color);
 }
 
 .carousel-5 .owl-theme .owl-dots .owl-dot span {
     background: #aaa;
 }
 
 .carousel-5 .owl-theme .owl-dots .owl-dot span:hover {
     background: var(--primary-color);
 }
 
 .carousels-6 .team-img {
     max-height: none;
     width: 250px;
     height: 250px;
     border-radius: 50%;
     border: 1px solid;
     display: inline-block;
     text-align: center;
     padding: 5px;
 }
 
 .carousels-6 .team-1 {
     position: relative;
     text-align: center;
 }
 .carousels-6 .carousels-style-2 .team-name p{
     font-size: 15px;
 }
 .carousels-6 .team-img img {
     max-height: 100%;
     object-position: top;
     object-fit: cover;
     border-radius: 50%;
 }
 
 .carousels-6 .team-social ul li {
     display: inline-block;
 }
 
 .carousels-6 .team-social {
     display: block;
     opacity: 1;
     bottom: -15px;
 }
 
 .carousels-6 .tema-details {
     text-align: center;
     padding: 20px;
 }
 
 .carousels-6 .team-name h3 {
     text-transform: uppercase;
 }
 
 .carousels-6 .owl-nav.disabled {
     display: block !important;
 }
 
 .carousels-6 {
     position: relative;
 }
 
 .carousels-6 .owl-prev {
     left: 0;
     position: absolute;
     top: 0;
     transform: translate(0px, 180px);
 }
 
 .carousels-6 button.owl-next {
     right: 0;
     position: absolute;
     top: 0;
     transform: translate(0px, 180px);
 }
 
 .carousels-6 .owl-prev,
 .carousels-6 .owl-next {
     background: #fff;
     font-size: 18px !important;
     border: 1px solid #6f6f6f !important;
     height: 31px;
     opacity: 1;
     color: #000000 !important;
     width: 31px;
     border-radius: 50% !important;
     font-weight: 900;
     transition: all 0.25s ease-in-out;
 }
 
 .carousels-6 .owl-prev:hover,
 .carousels-6 .owl-next:hover {
     background: var(--primary-color) !important;
     border-color: var(--primary-color) !important;
     color: #fff !important;
 }
 
 .text-center h4 {
     color: var(--primary-color);
     margin-bottom: 15px;
     text-transform: uppercase;
     font-weight: 600;
 }
 
 .text-center h2 {
     text-transform: capitalize;
 }
 
 .testimonial-title {
     margin-bottom: 80px;
 }
 
 .carousels-7 .owl-nav.disabled {
     display: block !important;
 }
 .carousels-7 .testimonial-title{
     margin-bottom: 50px;
 }
 #testimonial-3 .item {
     padding: 12px 220px 60px;
 }
 
 #testimonial-3 .owl-prev {
     transform: translate(190px, 270px);
 }
 
 #testimonial-3 .owl-next {
     transform: translate(-190px, 270px);
 }
 
 .carousels-7 {
     position: relative;
 }
 
 .carousels-7 .owl-prev {
     left: 0;
     position: absolute;
     top: 0;
     transform: translate(70px, 180px);
 }
 
 .carousels-7 button.owl-next {
     right: 0;
     position: absolute;
     top: 0;
     transform: translate(-70px, 180px);
 }
 
 .carousels-7 .owl-prev,
 .carousels-7 .owl-next {
     background: #fff;
     font-size: 18px !important;
     border: 1px solid #6f6f6f !important;
     height: 31px;
     opacity: 1;
     color: #000000 !important;
     width: 31px;
     border-radius: 50% !important;
     font-weight: 900;
     transition: all 0.25s ease-in-out;
 }
 
 .carousels-7 .owl-prev:hover,
 .carousels-7 .owl-next:hover {
     background: var(--primary-color) !important;
     border-color: var(--primary-color) !important;
     color: #fff !important;
 }
 
 .carousel-7 .item {
     padding: 12px 170px;
 }
 
 .carousel-7 .item .carousels-style-2 {
     background: #fff;
     padding: 50px 35px 50px 60px;
     border-radius: 10px;
 }
 .carousel-7  .testimonial-title {
     margin-bottom: 40px;
 }
 .carousel-7 .footer-img img {
     border-radius: 50%;
     height: 100%;
     object-fit: cover;
     object-position: top;
 }
 
 .carousel-7 .footer-img {
     width: 180px;
     display: inline-block;
     height: 180px;
     text-align: center;
 }
 
 .carousel-7 .footer-content {
     text-align: center !important;
 }
 
 .carousel-7 .footer-content {
     text-align: center;
 }
 
 .carousel-7 .carousels-top-icon {
     text-align: left;
 }
 
 .carousel-7 .carousels-top-icon svg {
     width: 30px;
 }
 
 .carousel-7 .content h5 {
     font-size: 20px;
     font-weight: 500;
     line-height: 35px;
     margin-bottom: 25px;
 }
 
 .carousel-7 .content h4 {
     font-family: var(--primary-font);
     font-weight: 500;
     color: #666;
     margin-bottom: 0;
     letter-spacing: 1px;
     text-transform: uppercase;
 }
 
 .carousel-7 .content p {
     color: var(--primary-color);
     font-size: 16px;
 }
 
 .carousel-7 .owl-theme .owl-dots .owl-dot span {
     background: #869791;
 }
 
 .carousel-7 .owl-theme .owl-dots .owl-dot.active span,
 .carousel-7 .owl-theme .owl-dots .owl-dot:hover span {
     background: var(--primary-color);
 }
 
 .carousel-8 .team-img {
     max-height: 300px;
 }
 
 .carousel-8 .team-img img {
     object-position: top;
 }
 
 .carousel-8 .tema-details {
     width: 100%;
     position: absolute;
     bottom: -200px;
     left: 0;
     opacity: 0;
     height: 100%;
     right: 0;
     background: hsl(0deg 0% 0% / 68%);
     margin-right: auto;
     margin-left: auto;
     transition: all 0.5s ease-in-out;
     /* transform: translate(0px, 100px); */
 }
 
 .carousel-8 .owl-theme .owl-nav {
     width: 320px;
     position: absolute;
     bottom: -25px;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
 }
 
 .carousel-8 .owl-theme .owl-dots {
     position: absolute;
     bottom: -80px;
     left: 0;
     right: 0;
 }
 
 .carousel-8 .tema-details {
     padding: 0;
 }
 
 .carousel-8 .team-name h3 {
     color: #fff;
     margin-bottom: 0;
     font-weight: 500;
 }
 
 .carousel-8 .team-img::after {
     display: none;
     width: 100%;
     height: 100%;
     background: #00000073;
     transition: all 0.25s ease-in-out;
     position: absolute;
     top: 0;
 }
 
 .carousel-8 .team-name p {
     color: #fff;
 }
 
 .carousel-8 .team-name::after {
     content: "";
     width: 130px;
     height: 2px;
     background: #fff;
     position: absolute;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
 }
 
 .carousel-8 .team-social {
     display: block;
 }
 
 .carousel-8 .team-social ul li a i {
     color: #fff;
     font-size: 14px;
     padding: 12px;
 }
 
 .owl-carousel .owl-nav button.owl-prev {
     position: absolute;
     left: 0;
     z-index: 1;
 }
 
 .owl-carousel .owl-nav button.owl-next {
     position: absolute;
     right: 0;
     z-index: 1;
 }
 
 .carousel-8 .team-social {
     margin-top: 30px;
     opacity: 1;
     top: 0;
 }
 
 .carousel-8 .carousels-style-2:hover .team-img::after {
     display: block;
 }
 
 .carousel-8 .carousels-style-2 {
     cursor: pointer;
 }
 
 .carousel-8 .carousels-style-2:hover .tema-details {
     opacity: 1;
     bottom: 0;
     transform: translate(0px, 0px);
 }
 
 .carousle-8 .team-name {
     position: absolute;
     top: 0;
     transform: translate(10px, 107px);
 }
 
 .carousel-8 .carousels-style-2 .tema-details .team-name {
     position: absolute;
     width: 100%;
     left: 0;
     right: 0;
     margin-right: auto;
     margin-left: auto;
     transform: translate(0px, 100px);
 }
 
 .carousel-8 .carousels-style-2 .tema-details .team-social {
     position: absolute;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
     transform: translate(0px, 150px);
 }
 
 .carousel-8 .owl-carousel .owl-dots.disabled,
 .carousel-8 .owl-carousel .owl-nav.disabled {
     display: block;
     position: absolute;
 }
 
 .carousel-8 .owl-carousel .owl-nav.disabled {
     margin-left: auto;
     margin-right: auto;
     left: 0;
     position: relative;
     right: 0;
     margin-top: 40px;
     width: 300px;
 }
 
 .testimonial-title h2 {
     font-weight: 600;
 }
 
 .carousel-8 .owl-carousel .owl-dots.disabled {
     margin-left: auto;
     margin-right: auto;
     left: 0;
     bottom: -100px;
     right: 0;
 }
 
 .carousels-8 .owl-prev,
 .carousels-8 .owl-next {
     background: #fff;
     font-size: 18px !important;
     border: 1px solid #6f6f6f !important;
     height: 30px;
     opacity: 1;
     position: absolute;
     right: 0;
     bottom: -60px;
     z-index: 1;
     color: #000000 !important;
     width: 30px;
     border-radius: 50% !important;
     font-weight: 900;
     transition: all 0.25s ease-in-out;
 }
 
 .carousels-8 .owl-prev:hover,
 .carousels-8 .owl-next:hover {
     background: var(--primary-color) !important;
     border-color: var(--primary-color) !important;
     color: #fff !important;
 }
 
 .carousel-9 .owl-theme .owl-dots .owl-dot span {
     background: #869791;
 }
 
 .carousel-9.owl-theme .owl-dots .owl-dot.active span,
 .carousel-9.owl-theme .owl-dots .owl-dot:hover span {
     background: var(--primary-color);
 }
 
 .carousel-9 .team-img img {
     border: 20px solid #f1f1f1;
     height: 100%;
     object-fit: cover;
     object-position: top;
 }
 
 .carousels-9.owl-theme .owl-nav.disabled+.owl-dots {
     margin-top: 35px;
 }
 
 .carousel-9 .item {
     padding: 0px;
 }
 
 .carousel-9 .team-img {
     height: 400px;
 }
 
 .carousel-9 .team-img img {
     border: 20px solid #f1f1f1;
     height: 100%;
     object-fit: cover;
     object-position: top;
 }
 
 .carousel-9 .item {
     padding: 0px;
 }
 
 .carousel-9 .team-img {
     height: 400px;
 }
 
 .carousel-9 .team-social {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     transform: translate(0px, 180px);
     height: 100%;
     display: none;
     transition: all 0.25s ease-in-out;
 }
 
 .carousel-9 .carousels-style-2:hover .team-social {
     display: block;
     opacity: 1;
 }
 
 .carousel-9 .team-social ul li a i{
     color: #fff;
     font-size: 15px;
 }
 
 .carousel-9 .team-img {
     position: relative;
 }
 
 .carousel-9 .carousels-style-2:hover .team-img::after {
     content: "";
     position: absolute;
     top: 0;
     border: 20px solid #f1f1f1;
     height: 100%;
     width: 100%;
     background-color: rgba(0, 0, 0, 0.596);
 }
 
 .carousel-10 {
     max-height: 600px;
     background: url(../img/testimonial-3.jpg);
     background-repeat: no-repeat;
     background-size: auto;
     margin-bottom: 320px;
     background-position: center center;
 }
 .carousel-10 .testimonial-title{
     margin-bottom: 40px;
 }
 .carousel-10 .testimonial-title h2 {
     color: #fff;
     text-transform: capitalize;
     padding-top: 90px;
     font-weight: 700;
 }
 
 .carousel-10 .carousels-style-2 {
     background: #fff;
     border-radius: 10px;
     padding: 70px 43px;
     box-shadow: 0 5px 12px -3px #ddd;
 }
 
 .carousel-10 .item {
     padding: 12px 190px 60px;
 }
 
 .carousel-10 .footer-img {
     width: 70px;
     height: 70px;
     display: inline-block;
 }
 
 .carousel-10 .footer-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 50%;
     object-position: top;
 }
 
 .carousel-10 {
     text-align: center;
 }
 
 .carousel-10 .content h5 {
     font-size: 20px;
     margin-top: 20px;
     font-weight: 600;
     line-height: 37px;
 }
 
 .carousels-10 .owl-prev {
     left: 0;
     position: absolute;
     top: 0;
     background: #fff;
     transform: translate(160px, 245px);
 }
 
 .carousels-10 .carousels-top-icon i svg {
     margin-top: 20px;
     width: 30px;
 }
 
 .carousels-10 button.owl-next {
     right: 0;
     position: absolute;
     top: 0;
     transform: translate(-160px, 245px);
 }
 
 .carousels-10 .owl-prev,
 .carousels-10 .owl-next {
     background: #fff !important;
     font-size: 18px !important;
     border: 2px solid #d2d2d2 !important;
     height: 50px;
     opacity: 1;
     color: #000000 !important;
     width: 50px;
     padding: 20px !important;
     border-radius: 50% !important;
     font-weight: 900;
     transition: all 0.25s ease-in-out;
 }
 
 .carousels-10 .owl-prev:hover,
 .carousels-10 .owl-next:hover {
     background: var(--primary-color) !important;
     border-color: var(--primary-color) !important;
     color: #fff !important;
 }
 
 .carousels-10 .owl-prev span svg,
 .carousels-10 .owl-next span svg {
     width: 18px;
     vertical-align: revert;
     fill: var(--primary-color);
 }
 
 .carousels-10 .owl-prev:hover span svg,
 .carousels-10 .owl-next:hover span svg {
     fill: #fff;
 }
 
 .carousels-10 h4 {
     font-family: var(--primary-font);
     color: #616161;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 18px;
 }
 
 .carousels-10 .carousels-top-icon i svg {
     margin-top: 20px;
     width: 30px;
 }
 
 .carousels-10 p {
     color: var(--primary-color);
 }
 
 .carousel-10 .owl-theme .owl-dots .owl-dot span {
     background: #869791;
 }
 
 .carousel-10 .owl-theme .owl-dots .owl-dot.active span,
 .carousel-10 .owl-theme .owl-dots .owl-dot:hover span {
     background: var(--primary-color);
 }
 
 .carousels-11 .owl-prev,
 .carousels-11 .owl-next {
     background: #fff;
     font-size: 18px !important;
     border: 1px solid #6f6f6f !important;
     height: 30px;
     opacity: 1;
     color: #000000 !important;
     width: 30px;
     border-radius: 50% !important;
     font-weight: 900;
     transition: all 0.25s ease-in-out;
 }
 
 .carousels-11 .owl-prev:hover,
 .carousels-11 .owl-next:hover {
     background: var(--primary-color) !important;
     border-color: var(--primary-color) !important;
     color: #fff !important;
 }
 
 .carousel-11 .owl-carousel .owl-dots.disabled,
 .carousel-11 .owl-carousel .owl-nav.disabled {
     display: block;
     position: absolute;
 }
 
 .carousel-11 .owl-carousel .owl-nav.disabled {
     margin-left: auto;
     margin-right: auto;
     left: 0;
     right: 0;
     width: 300px;
     margin-top: 30px;
 }
 
 .carousel-12 .item {
     padding: 30px 0;
 }
 
 .carousel-12 .owl-theme .owl-dots .owl-dot span {
     background: #869791;
 }
 
 .carousel-12 .owl-theme .owl-dots .owl-dot.active span,
 .carousel-12 .owl-theme .owl-dots .owl-dot:hover span {
     background: var(--primary-color);
 }
 
 .carousels-11 .owl-nav.disabled+.owl-dots {
     margin-top: 40px !important;
 }
 
 .owl-theme .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span {
     background: var(--primary-color) !important;
 }
 
 .carousel-12 .carousels-style-3 img{
     /* height: 630px; */
     object-fit: cover;
     object-position: center;
     border-radius: 5px;
 }
 .carousel-12 .owl-theme .owl-nav.disabled+.owl-dots{
     margin-top: 40px;
 }
 #accordion4{
     margin-top: -25px;
 }
 /* Home 1 */
 
 .banner-1 {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }
 
 .home-slider-1 .owl-slide {
     position: relative;
     height: 130vh;
     background-color: lightgray;
 }
 
 .home-1-banner .btn.btn-primary {
     font-weight: 600;
     font-family: var(--secondary-font);
 }
 
 #home-1-faq .faq .accordion-item {
     margin-bottom: 20px;
 }
 
 .h-2.work .details h3 {
     font-size: 20px;
     font-family: var(--secondary-font);
     font-weight: 600;
 }
 
 a.btn.btn-outline-primary.btn-radius-5.home-2-work-btn {
     padding: 10px 25px;
     border: 2px solid;
     font-size: 14px;
     font-weight: 600;
     font-family: var(--secondary-font);
     margin-top: 25px;
 }
 
 .h-2-contact-faq .accordian-2 .accordion-button {
     font-weight: 600;
 }
 .h-2-contact-faq .accordian-2 p {
     font-weight: 400;
 }
 .h-1.form-map .form-3-text-block h3 {
     font-size: 23px;
 }
 
 #home-client .owl-carousel .owl-dots {
     margin-top: 50px !important;
 }
 
 #home-1-blog .owl-carousel .owl-dots {
     margin-top: 60px !important;
 }
 
 .home-1-banner {
     position: relative;
 }
 
 .pricing-bg-1 .home-1-title p {
     margin-bottom: 50px;
 }
 
 .home-1-banner .owl-prev span,
 .home-1-banner .owl-next span {
     font-size: 20px;
     font-weight: 700;
 }
 
 .home-1-banner .owl-carousel .owl-nav button.owl-prev:hover span,
 .home-1-banner .owl-carousel .owl-nav button.owl-next:hover span {
     color: var(--primary-color);
 }
 
 .home-1-banner .owl-carousel .owl-nav button.owl-next,
 .home-1-banner .owl-carousel .owl-nav button.owl-prev {
     width: 40px;
     height: 40px;
 }
 
 .home-slider-1 .owl-slide::before {
     background: #0000008a;
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     z-index: 1;
 }
 
 .home-1-banner .owl-slide-text {
     position: relative;
     z-index: 9;
     text-align: center;
     margin-top: 90px;
 }
 
 .home-1-banner h1 {
     color: #fff;
     font-size: 55px;
     font-weight: 600;
     line-height: 90px;
 }
 
 .home-1-banner p {
     color: #fff;
     font-size: 17px;
     line-height: 26px;
     margin-bottom: 30px;
 }
 
 .home-1-banner .owl-slide-text::after {
     width: 4px;
     height: 100px;
     content: "";
     position: absolute;
     top: -140px;
     background: #fff;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
 }
 
 .home-1-banner .owl-carousel .owl-nav button.owl-next {
     width: 45px;
     height: 45px;
     position: absolute;
     display: flex;
     justify-content: center;
     align-items: center;
     top: 0;
     transform: translate(-150px, 460px);
     right: 30px;
     background: #fff;
 }
 
 .home-1-banner .owl-carousel .owl-nav button.owl-prev {
     width: 45px;
     height: 45px;
     position: absolute;
     display: flex;
     justify-content: center;
     align-items: center;
     top: 0;
     transform: translate(150px, 460px);
     left: 30px;
     background: #fff;
 }
 
 .home-1-banner {
     position: relative;
 }
 
 .home-1-banner .owl-carousel .owl-nav button.owl-next svg,
 .home-1-banner .owl-carousel .owl-nav button.owl-prev svg {
     width: 20px;
     vertical-align: sub;
 }
 
 .home-1-banner .owl-carousel .owl-dots {
     display: none !important;
 }
 
 .h-1.banner-bottom {
     margin-top: -250px;
     position: relative;
     z-index: 1;
 }
 
 .h-1.banner-bottom .service-content {
     background: #fff;
     border-radius: 5px;
     padding: 25px 50px 25px 30px;
     box-shadow: 0 5px 20px -5px #ddd;
 }
 
 .home-1-title h2 {
     font-size: 27px;
     font-weight: 600;
     margin-bottom: 20px;
 }
 
 .home-1-title p {
     font-size: 15px;
     margin-bottom: 60px;
 }
 
 .home-1-title {
     margin-top: 50px;
     position: relative;
     margin-bottom: 40px;
 }
 
 .home-1-title::after {
     content: "";
     background: var(--primary-color);
     width: 3px;
     height: 40px;
     position: absolute;
     top: -55px;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
 }
 
 
 /* home 1 about */
 
 .h-1 .about-img {
     max-height: 550px;
     height: 550px;
 }
 
 .h-1 .about-img img {
     height: 100%;
     object-fit: cover;
     width: 100%;
 }
 
 .h-1.about-content {
     max-height: 550px;
     height: 550px;
     text-align: center;
     padding: 120px 50px;
     background: #f1f1f1;
 }
 
 .h-1.about-content .btn-primary {
     font-weight: 600;
     font-family: var(--secondary-font);
     font-size: 16px;
     margin-top: 12px;
 }
 
 .h-1.about-content h3 {
     font-weight: 600;
     padding: 0px 70px;
 }
 
 .h-1.about-content p {
     font-size: 15px;
     line-height: 28px;
     margin-top: 20px;
 }
 
 .h-1.achievement {
     background: #f1f1f1;
     text-align: center;
     height: 550px;
     padding: 45px 90px;
 }
 
 .h-1.achievement ul li {
     display: inline-block;
     padding: 50px 60px;
 }
 
 .h-1.achievement ul li i svg {
     width: 80px;
     height: 60px;
     vertical-align: top;
 }
 
 .h-1.achievement ul li .target svg {
     width: 50px;
     vertical-align: middle;
 }
 
 .h-1.achievement ul li {
     height: 152px;
 }
 
 li.h-1.achievement-icon .counting {
     font-size: 20px;
     margin-top: 12px;
     font-weight: 700;
     font-family: var(--secondary-font);
 }
 
 li.h-1.achievement-icon .counting h5 {
     font-family: var(--primary-font);
 }
 
 li.h-1.achievement-icon h5 {
     font-family: var(--primary-font);
     font-size: 16px;
     font-weight: 500;
 }
 
 .h-1.achievement-title {
     padding: 12px 80px 0;
 }
 .h-1.achievement-title h3{
     font-weight: 600;
 }
 .h-1.video-img-3 {
     position: relative;
 }
 
 .h-1.video-img-3 img {
     height: 550px;
     border-radius: 0;
 }
 
 .h-1.video-img-3::before {
     border-radius: 0;
 }
 
 
 /* home 1  get quote banner*/
 
 .h-1.getquotue-banner {
     position: relative;
     max-height: 380px;
     min-width: 320px;
     height: 380px;
     background-position: center center;
 }
 
 .h-1.getquotue-banner.bg-color{
     background-color: var(--secondary);
 }
 .h-1.getquotue-banner.bg-color::before{
     display: none;
 }
 .h-1.getquotue-banner.bg-color .btn{
     border-radius: 0;
 }
 .h-1.getquotue-banner::before {
     content: "";
     background: rgb(0 0 0 / 75%);
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     z-index: 1;
 }
 .h-3.works .nav-tab2{
     margin-bottom: 0;
 }
 .h-1.getquote-content {
     position: relative;
     z-index: 1;
     padding: 45px 100px 60px;
 }
 
 .h-1.getquote-content h2, .h-2.getquote-content h2{
     color: #fff;
     font-weight: 600;
 }
 
 .h-1.getquote-content p {
     color: #fff;
     margin-top: 20px;
     margin-bottom: 30px;
     font-size: 15px;
     line-height: 27px;
 }
 
 .h-1.getquote-content .btn-primary {
     font-size: 13px;
     font-family: var(--secondary-font);
     font-weight: 700;
     border-radius: 0;
     padding: 10px 26px;
     border-radius: 2px;
 }
 
 
 /* Home 1 Our work */
 
 .h-1.work-img img {
     height: 270px;
     object-fit: cover;
     width: 100%;
     border-radius: 8px;
 }
 
 .h-1.our-work-wapper {
     position: relative;
     margin: 16px 0;
 }
 
 .h-1.work-content {
     position: absolute;
     height: 0;
     width: 100%;
     display: flex;
     justify-content: center;
     flex-direction: column;
     align-items: center;
     opacity: 0;
     text-align: center;
     border-radius: 5px;
     bottom: 0;
     background: #000000b8;
     transition: all 0.5s ease-in-out;
 }
 
 .h-1.work-img{
     overflow: hidden;
 }
 
 .h-1.work-content h3 {
     color: #fff;
 }
 
 .h-1.work-content a svg {
     width: 35px;
     border-radius: 50%;
     height: 35px;
     fill: #fff !important;
     padding: 5px;
     background: var(--primary-color);
 }
 
 .h-1.load-more {
     margin-top: 60px;
     position: relative;
     z-index: 1;
 }
 
 .h-1.load-more .btn.btn-primary {
     font-family: var(--secondary-font);
     font-weight: 700;
     font-size: 15px;
 }
 
 .h-1.our-work-wapper:hover .h-1.work-content {
     opacity: 1;
     height: 100%;
 }
 
 
 /* Home 1 maps & form*/
 
 .map-title h2 {
     margin-bottom: 30px;
 }
 
 .h-1.form-map .form-3 {
     margin-top: 0;
     border-radius: 0;
     padding: 100px 175px 100px 55px;
 }
 
 .h-1 .form-map button.btn.btn-primary {
     width: 89%;
     font-size: 16px;
     font-weight: 600;
     border-radius: 50px;
     margin-top: 15px;
     padding: 13px 20px;
 }
 .h-1.form-map .btn.btn-primary {
     width: auto;
     padding: 12px 45px;
     border-radius: 3px;
     margin-top: 5px;
 }
 
 #header-4 .topbar-search {
     padding: 8px 30px;
     padding-left: 42px;
     border-left: 2px solid #ddd;
 }
 .topbar-search .form-actions{
     display: none;
 }
 .h-1.form-map .form-3 .form-3-text-block {
     padding: 0 40px 0 0;
 }
 .h-1.form-map .form-3 .form-3-text-block p{
     font-size: 15px;
     padding-bottom: 10px;
 }
 .form-3 .form-control::placeholder{
     text-transform: capitalize !important;
 }
 /* home 2 */
 
 .banner-2 {
     background-size: cover;
     background-position: top center;
     background-repeat: no-repeat;
 }
 
 .home-slider-2 .owl-slide {
     position: relative;
     height: 120vh;
     background-color: lightgray;
 }
 
 .home-2-banner {
     position: relative;
 }
 
 .h-2.carousel-5 .item {
     padding: 28px 6px 40px;
 }
 
 .h-2-counter ul {
     display: flex;
     justify-content: space-between;
 }
 
 .home-slider-2 .owl-slide::before {
     background: hsl(0deg 0% 0% / 18%);
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     z-index: 1;
 }
 
 .home-2-banner .owl-slide-text {
     position: relative;
     z-index: 9;
     text-align: center;
     margin-top: 0px;
 }
 
 .home-2-banner h1 {
     color: #fff;
     font-size: 80px;
     margin-bottom: 50px;
     font-weight: 500;
     line-height: 75px;
 }
 
 .home-2-banner p {
     color: #fff;
     font-size: 18px;
     line-height: 30px;
     padding: 0px 60px;
 }
 
 .home-2-banner .owl-dots {
     position: absolute;
     width: 100%;
     background: transparent;
     bottom: 50px;
 }
 
 .home-2-banner .owl-slide-text h3 {
     color: #fff;
     font-size: 25px;
     font-weight: 500;
     line-height: 50px;
     margin-bottom: 40px;
 }
 
 .home-slider-2 .btn.btn-banner {
     background: #fff;
     padding: 10px 26px;
     font-size: 15px;
     transition: all 0.25s ease-in-out;
     font-family: var(--secondary-font);
     font-weight: 600;
     color: var(--primary-color);
     border-radius: 50px;
     border: 2px solid;
     border-color: #fff;
     margin-top: 25px;
 }
 
 .home-slider-2 .btn.btn-banner:hover {
     background: transparent;
     border-color: var(--primary-color);
 }
 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
     background-color: transparent;
 }
 
 /* 3 card section */
 
 .h-2.three-card {
     position: relative;
     padding: 0px 50px;
     margin: 20px 0;
 }
 
 .h-2.three-card .icon {
     width: 50px;
     margin-bottom: 20px;
 }
 
 .h-2.three-card[class*="three-card-"]::after {
     content: "1";
     font-size: 80px;
     position: absolute;
     top: -30px;
     right: 70px;
     color: #eee;
     font-weight: 500;
     font-family: var(--primary-font);
 }
 
 .h-2.three-card.three-card-2::after {
     content: "2";
     font-size: 80px;
     position: absolute;
     top: -30px;
     right: 70px;
     color: #eee;
     font-weight: 500;
     font-family: var(--primary-font);
 }
 
 .h-2.three-card.three-card-3::after {
     content: "3";
     font-size: 80px;
     position: absolute;
     top: -30px;
     right: 70px;
     color: #eee;
     font-weight: 500;
     font-family: var(--primary-font);
 }
 
 .h-2.three-card-content h4 {
     font-size: 18px;
     font-weight: 700;
     margin-bottom: 15px;
     font-family: var(--secondary-font);
 }
 
 .h-2.about-2-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 
 .h-2.about-2-wapper {
     position: relative;
 }
 .service-2-img img {
     height: 275px;
 }
 .h-2.about-2 {
     background: #fff;
     padding: 45px 45px;
     position: absolute;
     top: 0;
     right: -120px;
     left: 0;
     width: 520px;
     margin-left: auto;
     margin-right: auto;
     transform: translate(40px, -145px);
     box-shadow: 0 0 6px #ddd;
 }
 .h-2.about-2 p{
     font-weight: 400;
 }
 .h-2.about-2 h3{
     font-weight: 600;
     margin-bottom: 15px;
 }
 .h-2.about-2-img {
     max-height: 575px;
     height: 575px;
 }
 
 .about-2-btn {
     position: absolute;
     bottom: -25px;
     border-radius: 50px;
     font-weight: 600;
     font-family: var(--secondary-font);
 }
 
 
 /* home 2 services */
 
 .h-2.service-title {
     margin-bottom: 50px;
 }
 
 .h-2-service .service-3 {
     margin-top: 0;
 }
 
 
 /* Home 2 Counters */
 
 .h-2-counter ul li {
     padding: 35px;
     width: 200px;
     vertical-align: bottom;
     text-align: center;
     /* margin: 0px 80px; */
     height: 200px;
     border-radius: 50%;
     border: 3px solid var(--primary-color);
 }
 
 .h-2-counter .h-2-icon {
     width: 60px;
     display: inline-block;
 }
 
 .h-2-counter ul li:first-child {
     margin-left: 0;
 }
 
 .h-2-counter ul li:last-child {
     margin-right: 0;
 }
 
 .h-2-couter-details {
     margin-top: 15px;
 }
 
 .h-2-couter-details .counting {
     font-size: 20px;
     font-weight: 600;
     font-family: var(--secondary-font);
 }
 
 .h-2-couter-details h5 {
     font-weight: 500;
     font-size: 16px;
     color: #626262;
     font-family: var(--primary-font);
 }
 
 
 /* home 2 client */
 
 .h-2.carousel-5 .owl-dots.disabled {
     display: block;
 }
 
 
 /* Home 2 get quote banner */
 
 .h-2.getquotue-banner{
     position: relative;
     background: var(--secondary);
     max-height: 380px;
     min-width: 320px;
     height: 380px;
     background-position: center center;
 }
 
 .h-2.getquotue-banner::before {
     content: "";
     background: rgb(0 0 0 / 75%);
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     z-index: 1;
 }
 
 .h-2.getquote-content .btn-primary:hover {
     background: transparent !important;
     border-color: var(--primary-color) !important;
 }
 
 .h-2.getquote-content {
     position: relative;
     z-index: 1;
     padding: 45px 120px;
 }
 
 .h-2-title {
     margin-bottom: 60px;
 }
 
 .h-2.getquote-content p {
     color: #fff;
     margin-top: 20px;
     margin-bottom: 30px;
     font-size: 15px;
     line-height: 27px;
 }
 
 .h-2.getquote-content .btn-primary {
     font-size: 14px;
     font-family: var(--secondary-font);
     font-weight: 600;
     background: #fff !important;
     color: var(--primary-color) !important;
     border-color: #fff !important;
     border-radius: 50px;
 }
 .team-style_2 .owl-dots{
     display: none;
 }
 .pricing-2 ul li, .pricing-1 ul li{
     font-size: 14px;
     line-height: 36px;
     font-weight: 400;
     font-family: var(--primary-font);
     color: var(--dark);
 }
 .pricing-2 ul{
     margin-bottom: 15px;
     margin-top: 10px;
 }
 .pricing-1 ul{
     margin-bottom: 35px;
 }
 /* Home 2 Newsletter */
 
 .h-2.newletter h2 {
     font-weight: 600;
     margin-bottom: 20px;
 }
 
 .h-2.newletter p {
     margin-bottom: 50px;
 }
 
 .h-2.newletter-form .input-group .form-control {
     padding: 23px 30px !important;
     border: 2px solid #9d9d9d !important;
     border-radius: 5px;
     border-right: none !important;
     color: black !important;
     background: white;
     border-end-end-radius: 0;
     border-start-end-radius: 0;
 }
 .h-2.newletter-form .input-group .form-control::placeholder{
     font-weight: 400 !important;
     color: #5e5e5e;
 }
 .h-2.newletter-form fieldset{
     max-width: 70%;
 }
 .h-2.newletter-form .btn-primary {
     border-bottom-left-radius: 0;
     border-top-left-radius: 0;
     padding: 23.5px 40px;
     border: 2px solid #9d9d9d !important;
     border-left: none !important;
     border-left: 0;
     margin-top: -1px;
     font-size: 15px;
     font-weight: 600;
     transition: all 0.35s ease-in-out;
     font-family: var(--secondary-font);
 }
 
 .h-2.newletter-form .btn-primary:hover {
     color: white !important;
     background-color: var(--secondary) !important;
     /* border-left: 2px solid #9d9d9d !important; */
 }
 
 /* home 2 faq and form */
 
 .h-2-contact-faq .form-3 {
     width: 550px;
     position: relative;
     left: 40px;
     top: 10px;
 }
 
 .h-2.map {
     margin-top: -110px;
 }
 
 .h-2-contact-faq .heading-1.accordian-title h2 {
     font-size: 23px !important;
     margin-bottom: 50px;
 }
 
 /* Home 2 Our works */
 
 .h-2.work .nav-tabs .nav-item.show .nav-link,
 .h-2.work.nav-tabs .nav-link.active {
     background: #f1f1f1;
 }
 
 .h-2.work .nav-tabs {
     border-bottom: 0;
 }
 
 .h-2.work .nav-item {
     padding: 0px 59px;
 }
 
 .h-2.work .nav-item a {
     padding: 12px 0;
 }
 
 .h-2.work .nav-item:first-child {
     padding-left: 0;
 }
 
 .h-2.work .nav-tabs .nav-item.show .nav-link,
 .h-2.work .nav-tabs .nav-link.active {
     background-color: #f1f1f1;
 }
 
 .h-2.work .nav-item:last-child {
     padding-right: 0;
 }
 
 .h-2.work .nav-tabs .nav-link {
     padding: 10px 0;
 }
 
 .h-2.work .work-wapper {
     position: relative;
     overflow-y: hidden;
 }
 
 .h-2.work .work-wapper a {
     position: absolute;
     text-align: center;
     left: 0;
     right: 0;
     opacity: 0;
     transform: translate(0px, 0px);
     margin-left: auto;
     margin-right: auto;
 }
 
 .h-2.work .work-wapper:hover a {
     opacity: 1;
 }
 
 .h-2.work .work-wapper img {
     width: 100%;
 }
 
 .h-2.work .work-wapper a svg {
     fill: #fff;
 }
 
 .h-2.work a svg:hover {
     fill: var(--primary-color);
 }
 
 .h-2.work .details {
     position: relative;
     z-index: 9;
     text-align: center;
     padding: 25px 0 35px;
 }
 
 .h-2.work .tab-content {
     margin-top: 70px;
 }
 
 .h-2.work .work-wapper .icon {
     position: absolute;
     bottom: -100px;
     height: 100%;
     text-align: center;
     opacity: 0;
     left: 0;
     display: flex !important;
     justify-content: center;
     align-items: center;
     right: 0;
     margin-left: auto;
     margin-right: auto;
     background: #00000085;
     transition: all 0.5s ease-in-out;
 }
 
 .h-2.work .work-wapper:hover .icon {
     bottom: 0;
     opacity: 1;
     display: block;
 }
 
 .img-13 {
     height: 320px;
 }
 
 .img-13 img {
     height: 100%;
     object-fit: cover;
 }
 
 
 /* home 3  */
 
 .home-3home-slider-3-banner {
     position: relative;
 }
 
 .home-3-team .services-title.home-3-title.text-center {
     margin-bottom: 25px;
 }
 
 .home-3-team .owl-theme .owl-dots {
     bottom: -90px !important;
 }
 
 .home-3-team .owl-theme .owl-nav {
     bottom: -35px;
 }
 
 .home-3-title p {
     margin-bottom: 35px;
 }
 
 .home-slider-3 .owl-slide {
     position: relative;
     height: 120vh;
     background-color: lightgray;
 }
 .home-3-banner{
     height: 110vh;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .home-3-banner .owl-slide-text {
     text-align: center;
     border: 5px solid #fff;
     padding: 30px;
 }
 
 .home-3-banner .owl-slide-text h1 {
     color: #fff;
     font-size: 55px;
     line-height: 70px;
     font-weight: 500;
     margin-bottom: 25px;
 }
 
 .home-3-banner .h-3.inner {
     padding: 85px 70px;
     background: hsl(0deg 0% 0% / 45%);
 }
 
 .blog-style-1 .testimonial-title {
     margin-bottom: 65px;
 }
 
 .home-3-banner p {
     font-size: 16px;
     color: #fff;
     line-height: 30px;
     margin-top: 15px;
 }
 
 .home-3-banner .btn-primary {
     font-size: 15px;
     font-family: var(--secondary-font);
     font-weight: 700;
     margin-top: 30px;
     padding: 11px 30px;
     border-radius: 1px;
 }
 
 .h-3.three-card.three-card.even-card {
     background: #f1f1f1;
     padding: 70px 40px;
 }
 
 .h-3.three-card.three-card {
     padding: 70px 40px;
     text-align: center;
 }
 
 .h-3.three-card.three-card .icon-wapper {
     width: 120px;
     height: 120px;
     display: inline-block;
     border: 2px solid #aaa;
     padding: 13px 8px;
     border-radius: 50%;
 }
 
 .h-3.three-card.three-card.even-card .icon {
     background: #fff;
 }
 
 .h-3.three-card.three-card .icon {
     background: #f1f1f1;
     width: 90px;
     padding: 24px;
     border-radius: 50%;
     display: inline-block;
     height: 90px;
     align-items: center;
 }
 
 .h-3.three-card.three-card .icon-wapper i svg {
    width: 40px;
    height: 40px;
 }
 
 .h-3.three-card.three-card .h-3.three-card-content {
     margin-top: 30px;
 }
 
 .h-3.three-card.three-card .h-3.three-card-content h4 {
     margin-bottom: 20px;
     font-weight: 600;
 }
 
 .h-3 .about-img {
     width: 100%;
     height: 700px;
 }
 
 .h-3 .about-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 
 .home-3-title h4 {
     text-transform: uppercase;
     color: var(--primary-color);
     font-size: 18px;
     font-weight: 600;
     line-height: 40px;
 }
 
 .h-3 .about-counter ul {
     display: flex;
     justify-content: flex-start;
     align-items: center;
 }
 
 .h-3 .about-counter ul li i svg {
    width: 55px;
    height: 55px;
 }
 
 .h-3 .about-counter {
     margin: 30px 0;
 }
 
 .home-3-about-content {
     border-top: 2px solid #ddd;
     border-bottom: 2px solid #ddd;
     margin: 30px 0;
     margin-bottom: 70px;
 }
 
 /* .h-3 .about-content-inner {
     display: inline-block;
     width: 570px;
 } */
 
 .home-3-title h2 {
     margin-bottom: 30px;
     font-weight: 600;
     font-size: 26px;
 }
 
 .h-3 .about-counter ul li {
     padding: 12px;
 }
 
 .h-3 .about-counter ul li:first-child {
     padding-left: 0;
 }
 
 .h-3 .about-counter .counting {
     font-size: 21px;
     font-weight: 600;
     font-family: var(--secondary-font);
 }
 
 .h-3 .about-counter h5 {
     font-family: var(--primary-font);
     font-weight: 500;
     color: #666;
 }
 
 .h-3.icon-cup svg {
     width: 45px !important;
 }
 
 .h-3.getquotue-banner {
     position: relative;
     background: var(--secondary);
     max-height: 380px;
     min-width: 320px;
     height: 380px;
     background-position: center center;
 }
 
 .h-3 .service-4 {
     margin-top: 0;
 }
 
 .h-3 .about-content-inner .btn-primary {
     font-weight: 700;
     border-radius: 1px;
     font-family: var(--secondary-font);
 }
 
 .h-3 .tab-content {
     padding-bottom: 0;
 }
 
 .home-3-title {
     padding-top: 0;
     position: relative;
 }
 
 .h-3.view-more .btn-primary {
     font-size: 14px;
     font-family: var(--secondary-font);
     font-weight: 700;
     border-radius: 0;
 }
 
 .h-3-faq {
     padding: 100px 50px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     position: relative;
     max-height: 800px;
     height: 770px;
     padding-left: 170px;
 }
 
 .h-3-faq::before {
     position: absolute;
     width: 100%;
     height: 100%;
     background: #000;
     content: "";
     top: 0;
     left: 0;
     opacity: 0.75;
 }
 
 .h-3-faq .heading-1.accordian-title {
     position: relative;
     z-index: 1;
 }
 
 .h-3-faq .accordian-2 {
     position: relative;
 }
 
 .h-3-faq .accordian-2 .accordion-item {
     background: transparent;
 }
 
 .h-3-faq .accordian-2 p {
     color: #fff;
 }
 
 .h-3-faq .home-3-title h2 {
     color: #fff;
     margin-bottom: 0 !important;
     text-transform: capitalize;
 }
 
 .h-3-faq .accordian-2 .accordion-button {
     border-radius: 0 !important;
     font-size: 15px;
     font-weight: 600;
 }
 
 .h-3-faq .accordian-2 .accordion-button {
     border-radius: 0 !important;
     font-size: 15px;
     font-weight: 600;
 }
 
 .h-3-faq .home-3-title {
     margin-bottom: 50px !important;
 }
 
 .h-3-subscribe-wapper {
     height: 770px;
     max-height: 770px;
     padding: 220px 60px;
 }
 .h-3-subscribe-inner fieldset{
     width: 100%;
 }
 .h-3-subscribe-inner .form-control {
     margin-bottom: 20px;
     font-size: 14px;
     font-weight: 500;
     color: black !important;
     background: white;
     padding: 20px 20px !important;
     font-family: var(--primary-font);
 }
 
 .h-3-subscribe-inner .input-group-prepend, .h-3-subscribe-inner .input-group-prepend i{
     width: 100%;
 }
 .h-3-subscribe-inner .btn-primary {
     border-radius: 0;
     width: 100%;
     padding: 20px;
     font-weight: 700;
     font-family: var(--secondary-font);
     font-size: 15px;
 }
 
 .h-3-subscribe-inner .btn-primary:hover {
     color: var(--primary-color) !important;
 }
 
 .h-3-subscribe-inner .form-control:focus {
     border-bottom: 1px solid #000 !important;
     border-color: #000;
 }
 
 .map-contact-wapper {
     position: relative;
 }
 
 .map-contact-wapper::after {
     width: 100%;
     height: 100%;
     position: absolute;
     content: "";
     background: rgb(0 0 0 / 69%);
     top: 0;
     left: 0;
     right: 0;
 }
 
 .h-3-contact.form-4 {
     position: absolute;
     top: 90px;
     z-index: 1;
     padding: 60px 60px;
     background: #fff;
     width: 600px;
     margin-left: auto;
     left: 0;
     box-shadow: 0 0 10px #6f6f6f;
     right: 200px;
 }
 
 
 /* Home 4  */
 
 .home-slider-4-banner {
     position: relative;
 }
 
 .home-slider-4 .owl-slide {
     position: relative;
     height: 120vh;
     background-color: lightgray;
 }
 
 .home-slider-4 .owl-slide::after {
     content: "";
     position: absolute;
     width: 50%;
     height: 100%;
     background: rgb(0 0 0 / 51%);
     left: 0;
 }
 
 #home-4-client .carousels-style-3 {
     padding: 20px 40px;
 }
 
 .home-4-title.home-4-faq {
     margin-bottom: 15px;
 }
 
 .home-4-works .img-details p {
     font-size: 12px;
 }
 
 .home-4 .owl-theme .owl-nav.disabled+.owl-dots {
     margin-top: 20px;
 }
 
 #home-4-client .owl-theme .owl-dots .owl-dot span {
     width: 11px;
     height: 11px;
     margin: 5px 8px;
 }
 
 .home-4-banner .owl-slide-text {
     position: relative;
     z-index: 1;
     padding: 45px 50px;
 }
 
 #home-4-client .owl-carousel .owl-nav.disabled {
     display: none;
 }
 
 .carousels-style-3.first-border-1 {
     border-bottom: 2px solid #ddd;
     border-right: 2px solid #ddd;
 }
 
 .carousels-style-3.first-border {
     border-bottom: 2px solid #ddd;
     border-right: 2px solid #ddd;
 }
 
 .carousels-style-3.first-border-right {
     border-bottom: 2px solid #ddd;
 }
 #home-4-client .row .col-3:last-child .carousels-style-3.first-border-1, #home-4-client .row .col-3:nth-child(4) .carousels-style-3.first-border-1{
     border-right: 0;
 }
 #home-4-client .row .col-3:nth-last-child(1) .carousels-style-3.first-border-1,#home-4-client .row .col-3:nth-last-child(2) .carousels-style-3.first-border-1,#home-4-client .row .col-3:nth-last-child(3) .carousels-style-3.first-border-1,#home-4-client .row .col-3:nth-last-child(4) .carousels-style-3.first-border-1{
     border-bottom: none;
 }
 .home-4-banner .owl-slide-text h1 {
     font-size: 50px;
     color: #fff;
     line-height: 60px;
     font-weight: 600;
 }
 
 #home-4-client .owl-dots {
     margin-top: 75px;
 }
 
 #hone-4-counter {
     background: url(../img/map.png);
     background-size: cover;
     height: 450px;
     background-position: center center;
     background-repeat: no-repeat;
     margin-top: 80px;
     padding: 100px 0;
 }
 
 .carousels-style-3.second-border {
     border-right: 2px solid #ddd;
 }
 
 .carousels-style-3.second-border-right {
     border-right: 0;
 }
 
 .home-4-banner .owl-slide-text p {
     font-size: 15px;
     color: #fff;
     margin-top: 30px;
     font-weight: 500;
 }
 
 .home-4-banner .btn-primary {
     margin-top: 20px;
     border-radius: 1px;
     font-weight: 700;
     font-family: var(--secondary-font);
 }
 
 .home-4-banner .owl-nav {
     position: absolute;
     bottom: 100px;
     width: 120px;
     left: 150px;
 }
 
 .home-4-banner .owl-carousel .owl-nav button.owl-next,
 .home-4-banner .owl-carousel .owl-nav button.owl-prev {
     background: #fff;
     transition: all 0.25s ease-in-out;
     width: 35px;
     display: inline-flex;
     height: 35px;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
 }
 
 .home-4-banner .owl-carousel .owl-nav button.owl-next:hover,
 .home-4-banner .owl-carousel .owl-nav button.owl-prev:hover {
     background: var(--primary-color);
 }
 
 .home-4-banner .owl-carousel .owl-nav button.owl-next span,
 .home-4-banner .owl-carousel .owl-nav button.owl-prev span {
     font-size: 20px;
 }
 
 .home-4-banner .owl-theme .owl-dots {
     position: absolute;
     width: 100%;
     bottom: 50px;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
 }
 
 .home-4-about-img-wapper {
     position: relative;
     height: 550px;
     float: right;
     width: 500px;
     text-align: right;
     z-index: 1;
 }
 
 .home-4-about-img-wapper img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     position: relative;
     z-index: 1;
     border-radius: 5px;
 }
 
 .home-4-about-img-wapper::after {
     width: 140px;
     height: 140px;
     background: var(--primary-color);
     content: "";
     position: absolute;
     left: -80px;
     top: -80px;
     z-index: -1;
     border-radius: 5px;
 }
 
 .home-4-about-content {
     margin-bottom: 40px;
 }
 
 .home-4-title h3 {
     font-size: 26px;
     font-weight: 600;
 }
 
 .home-4-title h4 {
     padding: 0 50px;
     position: relative;
     font-size: 19px;
     font-weight: 500;
     margin-bottom: 15px;
 }
 
 .home-4-title h4:before {
     width: 40px;
     height: 1px;
     background: #616161;
     position: absolute;
     top: 14px;
     content: "";
     left: 0;
     margin-left: auto;
     margin-right: auto;
 }
 
 .h4-contact-wapper {
     padding: 50px 0px;
     border-radius: 5px;
     position: relative;
     border: 2px solid #d6d6d6;
 }
 
 .h4-contact-wapper {
     margin: 30px 0 20px;
 }
 
 .h-4.contact-icon-wapper {
     position: absolute;
     top: -40px;
     left: 0;
     margin-left: auto;
     right: 0;
     margin-right: auto;
     width: 65px;
     height: 65px;
     padding: 16px;
     background: var(--primary-color);
     border-radius: 50%;
 }
 
 .h-4.contact-icon-wapper .map-svg svg {
     width: 22px;
 }
 
 .h-4.contact-icon-wapper svg {
     fill: #fff;
     height: 35px;
     width: 35px;
 }
 
 .h-4-contact-details h5 {
     text-transform: capitalize !important;
     font-family: var(--secondary-font);
     font-size: 20px;
     font-weight: 600;
     position: relative;
     margin-bottom: 35px;
 }
 
 .h-4-contact-details h5::after {
     content: "";
     width: 30px;
     height: 3px;
     background: var(--primary-color);
     position: absolute;
     bottom: -15px;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
 }
 
 .h-4-contact-details a {
     font-size: 14px;
     font-weight: 600;
     color: #7a7a7a;
 }
 
 .blockquotes-text-2.home-4-about-quote::before {
     width: 20px;
     left: 0px;
     top: 0;
 }
 
 .blockquotes-text-2.home-4-about-quote p {
     margin-left: 30px;
     font-size: 17px;
     font-weight: 500;
     line-height: 25px;
 }
 
 .home-4-title {
     margin-bottom: 30px;
 }
 
 .home-4-about-name h4 {
     position: relative;
     text-transform: capitalize;
     font-size: 16px;
     padding: 0px 40px;
     font-family: var(--primary-font);
 }
 
 .home-4-about-name h4:after {
     content: "";
     position: absolute;
     background: var(--primary-color);
     top: 12px;
     width: 26px;
     height: 3px;
     left: 0;
 }
 
 .home-4-about-name i {
     color: #aaa;
     font-family: var(--secondary-font);
     font-size: 14px;
     font-weight: 500;
 }
 
 .home-4-what-we-do .video-img-3 {
     height: 560px;
 }
 
 .home-4-we-do .video-3-right {
     padding: 35px 35px 20px  0;
     background: #f1f1f1;
     border-radius: 5px;
     margin-bottom: 15px;
     box-shadow: 0 0 8px #ddd;
 }
 .bg-gray .home-4-we-do .video-3-right {
     background: #fff;
 }
 .home-4.blog-style-1 .blog-4-tittle {
     margin-bottom: 15px;
 }
 
 .blog-1-tittle a:hover h5 {
     color: var(--primary-color);
 }
 
 .blog-1-tittle a h5 {
     transition: all 0.25s ease-in-out;
 }
 
 .home-4.blog-style-1 .blog-4-date {
     margin-bottom: 15px;
 }
 
 .home-4.blog-style-1 .blog-4-details p {
     margin-bottom: 30px;
 }
 
 .home-4.blog-style-1 .btn.btn-outline-primary,
 .home-4-works .btn.btn-outline-primary {
     padding: 10px 25px;
     border-radius: 0;
     font-size: 14px;
     font-weight: 600;
     border: 3px solid;
     font-family: var(--secondary-font);
 }
 
 .home-4-works .img-details {
     text-align: center;
     padding: 18px 25px 25px 25px;
 }
 
 .home-4-works .img-area img {
     width: 100%;
     object-fit: cover;
     height: 100%;
     transition: all 0.75s ease-in-out;
 }
 
 .home-4-works .wapper {
     overflow-y: hidden;
     transition: all 5s ease-in-out;
     position: relative;
 }
 
 .home-4-works .icon-wapper {
     position: absolute;
     height: 100%;
     transform: scale(0);
     text-align: center;
     top: 90px;
     bottom: 0;
     left: 0;
     right: 0;
     margin-left: auto;
     transition: all 0.5s ease-in-out;
     margin-right: auto;
 }
 
 .h-4.getquotue-banner {
     position: relative;
     max-height: 430px;
     background-color: var(--primary-color);
     height: 430px;
     background-position: center center;
     background-size: cover;
 }
 
 .h-4.getquote-content {
     position: relative;
     z-index: 1;
     padding: 65px 100px 60px;
 }
 .bnt:hover, .btn:focus{
     box-shadow: none !important;
 }
 .btn.btn-outline-primary.home-4-get-quote-btn {
     color: #fff !important;
     border: 2px solid white !important;
     border-radius: 0;
     padding: 10px 30px;
     font-weight: 600;
     font-family: var(--secondary-font);
     transition: all 0.25s ease-in-out;
 }
 
 a.btn.btn-outline-primary.home-4-get-quote-btn:hover {
     border-color: #fff;
     background: #fff;
     color: #000 !important;
 }
 
 .h-4.getquote-content h2 {
     color: #fff;
     text-transform: capitalize;
     font-weight: 600;
 }
 
 .h-4.getquote-content p {
     color: #fff;
     margin-top: 20px;
     margin-bottom: 30px;
     font-size: 15px;
     line-height: 27px;
 }
 
 .home-4-works .icon {
     text-align: center;
 }
 
 .home-4-works .image-wapper {
     width: 100%;
     height: 225px;
     overflow-y: hidden;
     position: relative;
     cursor: pointer;
 }
 
 .home-4-works .icon-wapper a .icon {
     background: var(--primary-color);
     border-radius: 50%;
     width: 45px;
     height: 45px;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     padding: 10px;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
 }
 
 .home-4-works .img-details h5 {
     font-size: 18px;
     margin-bottom: 0;
 }
 
 .home-4-works .icon-wapper a .icon svg {
     fill: #fff;
     width: 30px;
 }
 
 .home-4-works .wapper:hover img {
     border: 25px solid #fff;
     transition: all 0.5s ease-in-out;
 }
 
 .home-4-works .wapper:hover .icon-wapper {
     transform: scale(1);
 }
 
 .home-4-title-client h4 {
     color: #616161;
     text-transform: capitalize;
     font-weight: 500;
     font-size: 18px;
 }
 
 .home-4-title-client h2 {
     font-weight: 600;
     color: #212121;
 }
 
 .h-4.newletter-form .btn-primary {
     width: 35px;
     height: 35px;
     border-radius: 50%;
     position: absolute;
     border-top-left-radius: 50% !important;
     border-bottom-left-radius: 50% !important;
     padding: 0px;
     right: 0;
     top: 0;
     transition: all 0.25s ease-in-out;
     overflow: hidden;
     color: transparent !important;
     background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2065.448%2065.448%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Icon_feather-send%22%20data-name%3D%22Icon%20feather-send%22%20transform%3D%22translate(2%202.828)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Path_122%22%20data-name%3D%22Path%20122%22%20d%3D%22M49.841%2C3%2C16.5%2C36.341%22%20transform%3D%22translate(10.779%20-3)%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20stroke%3D%22%23fff%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Path_123%22%20data-name%3D%22Path%20123%22%20d%3D%22M63.619%2C3%2C42.4%2C63.619%2C30.279%2C36.341%2C3%2C24.217Z%22%20transform%3D%22translate(-3%20-3)%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20stroke%3D%22%23fff%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E");
     background-size: 15px;
     background-position: center;
     background-repeat: no-repeat;
 }
 
 .home-4-newsletter {
     position: relative;
     max-height: 440px;
     height: 440px;
     background-position: center center;
     background-size: cover;
 }
 .search-advanced{
     display: none;
 }
 
 .h-4.newletter-form .btn-primary svg {
     width: 14px;
     stroke: #fff;
     vertical-align: middle;
 }
 
 .h-4.newletter-form .btn-primary:hover, .h-4.newletter-form .btn-primary:focus, .h-4.newletter-form .btn-primary:active {
     background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2065.448%2065.448%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Icon_feather-send%22%20data-name%3D%22Icon%20feather-send%22%20transform%3D%22translate(2%202.828)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Path_122%22%20data-name%3D%22Path%20122%22%20d%3D%22M49.841%2C3%2C16.5%2C36.341%22%20transform%3D%22translate(10.779%20-3)%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20stroke%3D%22%23fd204f%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Path_123%22%20data-name%3D%22Path%20123%22%20d%3D%22M63.619%2C3%2C42.4%2C63.619%2C30.279%2C36.341%2C3%2C24.217Z%22%20transform%3D%22translate(-3%20-3)%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20stroke%3D%22%23fd204f%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E");
 }
 .h-4.newletter-form .form-control {
     border-top: none !important;
     border-left: none !important;
     border-right: none !important;
     border-bottom: 2px solid #d7d7d7 !important;
     background: transparent;
     border: 0;
     border-radius: 0;
     font-family: var(--secondary-font);
     font-size: 17px;
     font-weight: 500;
     padding: 0px 0 20px !important;
     color: #000 !important;
 }
 
 .h-4.newletter h2 {
     font-weight: 600;
     padding: 0 150px;
     text-transform: none;
     margin-bottom: 80px;
 }
 
 
 /* Page Team */
 
 .page-team .team-img {
     width: 100%;
     transition: all 0.5s ease-in-out;
 }
 .team-social a i:hover{
     color: var(--primary-color);
     transition: all 0.35s ease-in-out;
 }
 .page-team .team-img img {
     width: 100%;
     transition: all;
     object-fit: cover;
     height: 100%;
     border-radius: 5px;
 }
 
 .page-team .team-1:hover .team-img {
     height: 340px;
 }
 
 .page-team .team-1 {
     height: 550px;
     overflow-y: hidden;
 }
 
 .page-team .team-1:hover .tema-details {
     box-shadow: 0 8px 28px -10px #ddd;
 }
 
 .page-team .team-1:hover .team-social {
     opacity: 1;
     bottom: 10px;
 }
 
 .page-team .team-1 .tema-details {
     position: relative;
     overflow-y: hidden;
     padding: 20px 20px 50px;
     transition: all 0.5s ease-in-out;
 }
 .form-1 textarea{
     height: 180px;
 }
 /* pages client */
 
 .pages-cliens-wapper1 .pages-clients-img {
     border: 2px solid;
     border-left: 0;
     border-color: #ddd;
 }
 
 .pages-cliens-wapper1 .pages-clients-img:first-child {
     border-top: 0;
     border-left: 0;
     border-bottom: 0;
 }
 
 .pages-cliens-wapper1 .pages-clients-img:last-child {
     border-top: 0;
     border-left: 0;
     border-bottom: 0;
 }
 
 .pages-cliens-wapper2 .pages-clients-img:last-child,
 .pages-cliens-wapper3 .pages-clients-img:last-child,
 .pages-cliens-wapper4 .pages-clients-img:last-child {
     border-top: 0;
     border-left: 0;
     border-bottom: 0;
 }
 
 .pages-cliens-wapper2 .pages-clients-img:first-child,
 .pages-cliens-wapper3 .pages-clients-img:first-child,
 .pages-cliens-wapper4 .pages-clients-img:first-child {
     border-top: 0;
     border-left: 0;
     border-bottom: 0;
 }
 
 .pages-cliens-wapper2 .pages-clients-img {
     border: 2px solid;
     border-left: 0;
     border-color: #ddd;
 }
 
 .pages-cliens-wapper3 .pages-clients-img {
     border: 2px solid;
     border-left: 0;
     border-color: #ddd;
 }
 
 .pages-cliens-wapper4 .pages-clients-img {
     border: 2px solid;
     border-left: 0;
     border-right: 0;
     border-color: #ddd;
 }
 
 .pages-clients-img {
     padding: 16px;
 }
 
 
 /* About 1 */
 
 .page-about-1 .about-1-video-title h5 {
     font-size: 27px;
     font-weight: 600;
     padding: 0 100px;
     line-height: 35px;
     margin-bottom: 60px;
 }
 .page-about-1 svg{
    height: 38px;
    width: 38px;
 }
 .page-about-1-content ul li:first-child {
     margin: 25px 0 18px;
 }
 
 .page-about-1 .page-about-1-title h2 {
     padding: 0 70px 0 0;
     font-weight: 600;
 }
 
 .page-about-1 .video-img-3 {
     height: 510px;
     border-radius: 0;
 }
 
 .page-about-1 .video-img-3 img {
     border-radius: 0;
     border-top-left-radius: 0;
 }
 
 .page-about-1 .video-img-3::before {
     border-radius: 0;
 }
 
 .page-about-1 .service-content:hover {
     background: transparent;
 }
 
 .page-about-1 .service-content {
     box-shadow: 0 0 10px #ddd;
 }
 
 .page-about-1-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 8px;
 }
 
 .page-about-1-img {
     max-height: 600px;
     height: 600px;
 }
 
 .page-about-1-title h4 {
     color: var(--primary-color);
     text-transform: uppercase;
     font-weight: 600;
 }
 
 .page-about-1-title h2 {
     font-size: 28px;
     font-weight: 600;
 }
 
 .page-about-1-content {
     margin-top: 20px;
 }
 
 .page-about-1-content p {
     margin-bottom: 25px;
 }
 
 .page-about-1-content ul li {
     border-left: 4px solid var(--primary-color);
     margin: 20px 0;
     padding: 0 12px;
     font-size: 16px;
     font-weight: 600;
     color: var(--secondary);
     font-family: var(--secondary-font);
 }
 
 .our-goals-mission .nav-tabs .nav-item .nav-link,
 .our-goals-mission .nav-tabs .nav-link {
     text-transform: uppercase;
     font-size: 18px;
     font-weight: 600;
 }
 #myTab1 .nav-link{
     padding-top: 0;
 }
 .our-mission-title .nav-link {
     padding: 16px 0px;
 }
 
 .our-mission-title .nav-item {
     padding: 0px 130px;
 }
 
 .our-mission-title .nav-item:first-child {
     padding: 0px 0px;
 }
 
 .our-goals-mission-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 5px;
 }
 
 .our-goals-mission-img {
     height: 530px;
 }
 
 #about-carousel .owl-theme .owl-dots .owl-dot span {
     border-radius: 50%;
     background: #d7d7d7;
 }
 
 
 /* About 2 */
 
 #about-2 .home-4-about-img-wapper {
     position: relative;
     height: 655px;
     float: right;
     width: 550px;
     text-align: right;
     z-index: 1;
 }
 
 #about-2 .about-1-video-title h5 {
     font-size: 28px !important;
 }
 
 #about-2 .page-about-1-title h3 {
     font-size: 25px;
     font-weight: 600;
     line-height: 35px;
     margin-bottom: 30px;
     margin-top: 15px;
 }
 
 #about-2 .home-4-about-img-wapper img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     position: relative;
     z-index: 1;
     border-radius: 5px;
 }
 
 #about-2 .home-4-about-img-wapper::after {
     width: 180px;
     height: 180px;
     background: var(--primary-color);
     content: "";
     position: absolute;
     left: -80px;
     top: -80px;
     z-index: -1;
     border-radius: 5px;
 }
 
 .about-progress-bar .progerss-tilte h4 {
     font-size: 16px;
     font-weight: 600;
     font-family: var(--secondary-font);
 }
 
 .about-progress-bar .progerss-4 .progress-bar {
     border-radius: 50px !important;
     min-height: 8px;
     height: 8px;
 }
 
 .about-progress-bar .progress-4.progress {
     min-height: 8px !important;
     height: 8px !important;
     border-radius: 50px;
 }
 
 .about-progress-bar .progerss-count {
     font-family: var(--secondary-font);
     font-weight: 700;
 }
 
 .about-progress-bar .progerss-4 {
     margin: 20px 0 20px;
 }
 
 .about-progress-bar .title-progerss {
     margin-bottom: 0px;
 }
 
 .about-progress-bar .progerss-4:last-child {
     margin-bottom: 0;
 }
 
 #about-2-1 .our-mission-title .nav-item {
     padding: 0px 60px;
 }
 #about-2-1 .our-mission-title .nav-link{
     font-size: 16px;
     font-weight: 600;
 }
 #about-2-1 .our-mission-title{
     margin-bottom: 10px;
 }
 #about-2 .our-mission-title .nav-link {
     text-transform: capitalize;
     font-size: 18px;
     font-weight: 600;
 }
 
 .about-2-mission-img img {
     width: 100%;
     border-radius: 5px;
     height: 100%;
     object-fit: cover;
     object-position: center;
 }
 
 .about-2-history-title h3 {
     text-transform: uppercase;
     color: var(--primary-color);
     font-size: 19px;
     font-weight: 600;
     margin-bottom: 20px;
     margin-top: 30px;
 }
 
 .about-2-video {
     background-size: cover;
     height: 600px;
     position: relative;
     background-position: center center;
 }
 
 .about-2-video a svg {
     width: 100px;
     text-align: center;
     position: absolute;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
     transform: translate(0px, 240px);
 }
 
 .about-2-video a {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
     height: 100%;
     width: 100%;
 }
 
 .about-2-video::before {
     background: #000;
     content: "";
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     opacity: 0.5;
 }
 
 .about-2-mission-img {
     max-height: 330px;
     height: 330px;
     margin-top: 55px;
 }
 /* pages Testimonial */
 
 #pages-testimonials h2 {
     font-weight: 600;
 }
 
 /* awards  */
 
 .awards-wapper {
     border: 2px solid #d1d1d1;
     border-radius: 4px;
     padding: 25px;
     margin: 15px 0;
 }
 
 .awards-link {
     font-size: 15px;
     font-weight: 600;
     color: var(--primary-color) !important;
     font-family: var(--secondary-font);
 }
 
 .awards-link:hover {
     color: #000 !important;
 }
 
 .awards-inner h4 {
     text-transform: uppercase;
     font-weight: 500;
     color: #272727;
     font-size: 15px;
     font-family: var(--primary-font);
 }
 
 .awards-inner a h3 span {
     color: var(--primary-color);
     margin-right: 3px;
     transition: 0.5s all ease-in-out;
 }
 
 .awards-inner a:hover h3 span {
     color: #000;
 }
 
 .awards-inner h3 {
     margin-bottom: 20px;
     font-weight: 600;
     font-size: 18px;
     font-family: var(--secondary-font);
 }
 
 
 /* careers */
 
 .careers-wapper {
     border: 2px solid #d7d7d7;
     border-radius: 5px;
     padding: 35px 25px;
     margin: 15px 0;
 }
 
 .careers-inner h5 {
     font-size: 18px;
     font-weight: 600;
 }
 
 .careers-inner a {
     color: var(--primary-color);
     font-size: 15px;
     font-family: var(--secondary-font);
     font-weight: 600;
 }
 
 .careers-inner a:hover {
     color: #212121 !important;
 }
 
 .get-in-touch-careers.text-center h3 {
     font-size: 26px;
     font-weight: 600;
     margin-bottom: 25px;
 }
 
 .get-in-touch-careers.text-center p {
     font-size: 17px;
     line-height: 30px;
 }
 
 .get-in-touch-careers.text-center .btn.btn-primary {
     font-family: var(--secondary-font);
     font-size: 14px;
     font-weight: 600;
     text-transform: capitalize;
     margin-top: 30px;
 }
 
 .pages-clients-img img {
     width: 100%;
 }
 
 /* --- Career application form --- */
 .modal{
     padding: 0 !important;
 }
 .modal-body{
     padding: 60px 50px;
     padding-top: 30px;
 }
 .modal-dialog{
     max-width: 85%;
     margin: 20px auto;
 }
 .modal-content{
     overflow: hidden;
 }
 .modal-header .btn-close{
     margin: 0;
     padding: 10px 15px;
     position: absolute;
     top: 15px;
     right: 10px;
     opacity: 1;
     text-shadow: unset;
     transition: all 0.25s ease-in-out;
 }
 .modal-header .btn-close:focus{
     box-shadow: none;
     border: 2px solid var(--primary-color);
 }
 .modal-header .btn-close span{
     color: white;
 }
 .modal-header{
     padding: 60px 15px 30px 15px;
     position: relative;
     border-bottom: none;
 }
 .modal-header .btn-close:hover span{
     color: black;
 }
 .modal-header h2{
     margin: 0 auto;
     color: var(--primary-color);
 }
 .form-control[type=file]:not(:disabled):not([readonly]){
     color: red;
     font-family: var(--primary-font);
     border: none !important;
     padding-left: 10px;
     padding: 20px 10px;
 }
 [id*="edit-resume"] input:not(.btn){
     max-width: 220px;
     height: 40px !important;
     padding: 5px 0 !important;
     margin: 0;
     background: transparent !important;
 }
 [id*="edit-resume"] input:focus{
     border: none !important;
 }
 .form-5 .messages--error{
     color: red;
     font-family: var(--primary-font);
     margin-bottom: 15px;
 }
 .modal-header h5{
     margin-top: 25px;
     text-align: center;
 }
 .form-managed-file button{
     width: 140px;
     padding: 6px 10px;
     margin-left: 20px;
     margin-top: 0;
     border-radius: 30px;
 }
 /* Login */
 
 #login h2 {
     font-weight: 600;
 }
 
 #login h3 {
     font-size: 30px;
     font-weight: 600;
 }
 
 #login .form-label {
     font-size: 15px;
     color: var(--heading-color);
     font-family: var(--secondary-font);
     font-weight: 600;
     text-transform: capitalize;
     margin-bottom: 15px;
 }
 
 #login .form-control {
     padding: 20px;
     border: 2px solid #ddd;
     margin-bottom: 12px;
 }
 
 #login .text-muted {
     font-size: 16px;
     font-family: var(--primary-font);
     font-weight: 500;
     color: var(--footer-color) !important;
 }
 #rest-pwd fieldset label{
     display: none;
 }
 #login .form-control:focus {
     border-bottom: 2px solid !important;
     border: 2px solid;
 }
 
 #rest-pwd .text-muted {
     font-size: 16px;
     font-family: var(--secondary-font);
     font-weight: 600;
     color: var(--footer-color) !important;
 }

 #login .js-form-item label, #login .js-form-item small{
    display: none;
 }
 #login .text-end a {
     font-size: 15px;
     color: var(--primary-color);
     font-weight: 500;
 }
 
 #login .text-end a:hover {
     color: var(--heading-color) !important;
 }
 
 #login .btn-primary {
     border-radius: 4px;
     padding: 12px 50px;
     margin-top: 30px;
     font-size: 14px;
     font-weight: 600;
     font-family: var(--secondary-font);
 }
 
 #login .btn-primary:hover {
     color: var(--primary-color) !important;
 }
 
 #login .input-group-text {
     position: absolute;
     right: 20px;
     top: 15px;
     background: unset;
     border: unset;
     color: #2d2d2d77;
     font-size: 25px;
     z-index: 3;
 }
 
 #login .input-group {
     position: relative;
 }
 
 .login-footer {
     margin-top: 20px !important;
 }
 
 .login-footer small {
     font-size: 16px;
     color: var(--dark);
     font-family: var(--primary-font);
     font-weight: 500;
     line-height: 35px;
 }
 
 .login-footer a {
     font-size: 16px;
     color: var(--primary-color);
     font-weight: 500;
 }
 
 .login-footer a:hover {
     color: var(--dark) !important;
 }
 
 .login-footer p {
     margin-bottom: 0;
     margin-top: 10px;
 }
 
 .register-social ul li {
     display: inline-block;
     /* margin: 12px; */
 }
 
 #register .form-label {
     font-size: 14px;
     color: var(--dark);
     font-family: var(--primary-font);
     font-weight: 500;
     text-transform: capitalize;
     margin-bottom: 15px;
 }
 
 #register h2 {
     font-size: 27px;
     font-weight: 600;
 }
 
 #register .form-control {
     padding: 20px;
     border: 2px solid #ddd;
 }
 
 #register .form-control:focus {
     border-bottom: 2px solid !important;
     border: 2px solid;
 }
 
 #register .btn-primary {
     width: 100%;
     border-radius: 4px;
     padding: 17px 0;
     margin-top: 20px;
     font-size: 18px;
     font-weight: 600;
     font-family: var(--secondary-font);
 }
 
 #register .btn-primary:hover {
     color: var(--primary-color) !important;
 }
 
 #register .login-footer {
     margin: 25px 0 35px;
 }
 
 #register hr:not([size]) {
     height: 2px;
     opacity: 0.1;
 }
 
 .register-social ul li a {
     border: 2px solid #ddd;
     padding: 20px 25px;
     font-size: 16px;
     border-radius: 3px;
     font-family: var(--primary-font);
     font-weight: 500;
     color: var(--secondary);
 }
 
 .register-social ul li a:hover {
     border-color: var(--primary-color) !important;
 }
 
 #rest-pwd h3 {
     font-size: 30px;
     font-weight: 600;
 }
 #rest-pwd .js-form-item label{
    display: none;
 }
 #rest-pwd .form-label {
     font-size: 16px;
     color: var(--heading-color);
     font-family: var(--secondary-font);
     font-weight: 600;
     margin-bottom: 15px;
 }
 
 #rest-pwd .form-control {
     padding: 25px 20px;
     margin-bottom: 15px;
     border: 2px solid #ddd;
 }
 
 #rest-pwd .form-control:focus {
     border-bottom: 2px solid !important;
     border: 2px solid;
 }
 
 #rest-pwd .btn-primary {
     margin-right: auto;
     margin-left: auto;
     border-radius: 4px;
     padding: 12px 50px;
     margin-top: 35px;
     font-size: 16px;
     font-weight: 600;
     font-family: var(--secondary-font);
 }
 
 #rest-pwd .btn-primary:hover {
     color: var(--primary-color) !important;
 }
 
 #rest-pwd .input-group-text {
     position: absolute;
     right: 20px;
     top: 15px;
     background: unset;
     border: unset;
     color: #2d2d2d77;
     font-size: 25px;
     z-index: 3;
 }
 
 #rest-pwd .input-group {
     position: relative;
 }
 
 .facebook a {
     color: #fff !important;
     background: #4267b2;
     border-color: #4267b2 !important;
     border-radius: 4px;
 }
 
 .facebook a i svg {
     width: 12px !important;
     fill: #fff;
     margin-right: 10px;
     transition: all 0.5s ease-in-out;
 }
 
 .facebook a:hover {
     background-color: transparent;
     color: var(--primary-color) !important;
     border-color: var(--primary-color) !important;
 }
 
 .facebook a:hover i svg {
     fill: var(--primary-color);
 }
 
 .register-social ul {
     margin-top: 70px;
     display: flex;
     justify-content: space-between;
 }
 
 .register-social ul {
     text-align: center;
 }
 
 .register-social ul li a i svg {
     width: 25px;
     margin-right: 8px;
 }
 
 #register .input-group-text {
     position: absolute;
     right: 20px;
     top: 15px;
     background: unset;
     border: unset;
     color: #2d2d2d77;
     font-size: 25px;
     z-index: 3;
 }
 
 
 /* service full width */
 
 .sevices-full-width-img img {
     width: 100%;
     height: 600px;
     object-fit: cover;
     border-radius: 5px;
 }
 
 #services-full-width .video-img-3 {
     height: 500px;
 }
 
 #services-full-width .video-img-3 svg {
     width: 95px;
 }
 
 .service-sidebar-content-wapper p:last-child {
     margin-bottom: 0;
 }
 #service-sidebar .sec-pad-t-120{
     padding-top: 0 !important;
 }
 #service-sidebar section .container{
     padding: 0 !important;
 }
 #service-sidebar .sevices-full-width-img img{
     height: 460px;
 }
 
 .services-full-width-content {
     margin-top: 35px;
 }
 
 .services-full-width-content h2 {
     font-weight: 600;
 }
 
 .services-full-width-bellow {
     margin-bottom: 30px;
 }
 
 .service-full-title h3 {
     font-weight: 600;
     margin-bottom: 15px;
 }
 
 .service-categorie ul {
     margin-top: 25px;
 }
 .video-img-3 .video-overlay{
     position: absolute;
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 .service-categorie ul li {
     padding: 0 18px;
     margin-bottom: 18px;
     position: relative;
     font-size: 14px;
     font-family: var(--primary-font);
 }
 
 .service-categorie ul li:before {
     content: "";
     position: absolute;
     width: 3px;
     top: 2px;
     height: 18px;
     background: var(--primary-color);
     left: 0;
 }
 
 
 /* service style 1*/
 
 .service-list-1-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 9px;
 }
 
 .service-content-wapper {
     margin-bottom: 80px;
 }
 
 .service-content-wapper:last-child {
     margin-bottom: 0px;
 }
 
 .service-styel-1-title h4 {
     font-weight: 600;
     color: var(--primary-color);
     text-transform: uppercase;
     margin-bottom: 15px;
 }
 
 .service-styel-1-title h2 {
     margin-bottom: 20px;
     font-weight: 600;
     transition: all 0.5s ease-in-out;
 }
 
 .service-styel-1-title a:hover h2 {
     color: var(--primary-color);
     /* font-weight: 500; */
 }
 
 .service-style-1-content .btn-primary {
     margin-top: 30px;
     font-size: 15px;
     font-family: var(--secondary-font);
     font-weight: 600;
 }
 
 .service-styel-2-title h4 {
     font-weight: 600;
     color: var(--primary-color);
     text-transform: uppercase;
     margin-bottom: 20px;
 }
 
 .service-styel-2-title h2 {
     margin-bottom: 25px;
     font-weight: 600;
     transition: all 0.5s ease-in-out;
 }
 
 .service-styel-2-title a:hover h2 {
     color: var(--primary-color);
     /* font-weight: 500; */
 }
 
 .service-style-2-content .btn-primary {
     margin-top: 30px;
     font-size: 15px;
     font-family: var(--secondary-font);
     font-weight: 600;
 }
 
 .service-2-content-wapper {
     margin-bottom: 70px;
 }
 
 #service-2-content-wapper hr {
     height: 2px !important;
     margin: 15px 0 70px;
 }
 
 .service-2-content-wapper:last-child {
     margin-bottom: 0;
 }
 .service-sidebar-wapper .form-1 .btn, .service-sidebar-wapper .form-1 i, .service-sidebar-wapper .form-1 .input-group-prepend{
     width: 100%;
 }
 .service-sidebar-wapper .form-1 input{
     background-color: white;
     border: 1px solid #ccc !important;
     margin-bottom: 5px;
     color: #111 !important;
 }
 .service-sidebar-wapper .form-1 input:focus{
     border-color: var(--primary-color) !important;
 }
 .service-sidebar-wapper .form-1 input::placeholder{
     text-transform: unset;
 }
 /* coming soon */
 
 .coming-soon-bg {
     height: 100vh;
     background-position: center center;
     background-size: cover;
 }
 
 .coming-soon-form .form-control::placeholder {
     font-size: 14px;
     font-weight: 600;
     color: #000;
 }
 
 .coming-soon-wapper {
     padding: 20px;
     border: 5px solid #fff;
 }
 
 .coming-soon-inner {
     padding: 100px 100px;
     background: hsl(0deg 0% 0% / 60%);
 }
 
 .coming-soon-inner h2 {
     color: #fff;
     font-size: 50px;
     font-weight: 600;
     margin-bottom: 40px;
 }
 
 .coming-soon-inner p {
     padding: 0 90px;
     color: #fff;
     margin-bottom: 50px;
 }
 
 .coming-soon-form .form-control {
     margin-bottom: 40px;
     padding: 20px 40px;
     color: #000 !important;
     background: rgb(255 255 255 / 75%);
 }
 
 .coming-soon-form .btn.btn-primary {
     font-size: 13px !important;
     padding: 10px 35px;
     font-weight: 600;
     border-radius: 2px;
     font-family: var(--secondary-font);
 }
 
 .faq-page .faq-bottom h4{
     color: black;
     margin-bottom: 35px;
     text-transform: none;
 }
 
 /* service sidebar */
 
 .service-sidebar-img img {
     width: 100%;
 }
 
 .service-sidebar-img {
     margin-bottom: 40px;
 }
 
 .service-sidebar-content h2 {
     margin-bottom: 15px;
     font-weight: 600;
 }
 
 .service-sidebar-wapper {
     border: 1px solid #ddd;
     border-radius: 8px;
     padding: 25px 25px 25px;
     margin-bottom: 35px;
 }
 
 .other-services-menu ul li a {
     color: var(--dark);
     position: relative;
     margin-left: 10px;
     font-family: var(--primary-font);
 }
 
 .other-services-menu ul li a i {
     margin-right: 5px;
     font-size: 10px;
     height: 10px;
     position: absolute;
     left: -10px;
     bottom: 3px;
 }
 
 .other-services-menu ul li {
     margin: 5px 0;
 }
 
 .sidebar-form {
     margin-top: 35px;
 }
 
 .sidebar-form .form-control {
     padding: 12px;
 }
 
 .sidebar-form .form-control:focus {
     border-bottom: 1px solid #000 !important;
     border: 1px solid #000 !important;
 }
 
 .sidebar-form .btn-primary {
     margin-top: 10px !important;
     font-size: 14px;
     font-weight: 600;
     font-family: var(--secondary-font);
     width: 100%;
 }
 
 
 /* Projects */
 
 #projects-grid-2 .tab-2 .img-area {
     height: 520px;
 }
 
 #projects-full-width .owl-theme .disabled+.owl-dots,
 #projects-sidebar .owl-theme .disabled+.owl-dots {
     margin-top: 30px;
 }
 #projects-grid-2 .wapper {
     height: 605px;
     margin-bottom: 65px;
 }
 
 #projects-grid-2 .img-details {
     padding: 30px 35px;
 }
 
 #projects-grid-2 .tab-content {
     padding: 30px 0 0px;
 }
 
 #projects-grid-2 .img-details h5 {
     font-size: 18px !important;
     line-height: 15px !important;
 }   
 #projects-grid-2 .icon {
     width: 80px;
     height: 80px;
     top: -110px;
     right: 0px;
     padding: 12px;
 }
 
 #projects-grid-2 .icon svg {
     width: 55px;
 }
 
 #projects-grid-3 .img-area {
     height: 290px;
 }
 
 #projects-grid-3 .wapper {
     height: 280px !important;
     margin-bottom: 120px;
 }
 
 #projects-grid-3 .tab-content {
     padding: 30px 0 0;
 }
 
 #projects-grid-3 .icon {
     width: 60px;
     height: 60px;
     top: -91px;
     padding: 10px;
 }
 
 #h-2 .active-tab a {
     color: var(--primary-color) !important;
     border-bottom: 4px solid var(--primary-color) !important;
 }
 
 #h-2 .nav-tab2 {
     margin-bottom: 30px;
 }
 
 #h-2 .nav-tab2 a {
     padding: 12px 0;
     color: var(--secondary);
     font-weight: 600;
     font-family: var(--secondary-font);
 }
 
 .active-tab a,
 #project-masonry-2 .active-tab a {
     color: var(--primary-color) !important;
 }
 
 .nav-tab2{
     margin-bottom: 30px;
 }
 
 .project-full-title p {
     margin-bottom: 0;
 }
 
 .nav-tab2 a{
     color: var(--secondary);
     font-weight: 600;
     font-family: var(--secondary-font);
 }
 
 #projects-grid-3 .icon svg {
     width: 40px;
 }
 
 #projects-full-width .item {
     padding: 30px 0px;
 }
 .social-service-full-width ul .a2a_svg svg path{
     fill: var(--dark);
 }
 .social-service-full-width ul .a2a_svg {
     background-color: transparent !important; 
     height: auto !important;
     width: auto !important;   
 }
 .social-service-full-width ul li{
     display: inline-block;
 }
 
 .social-service-full-width ul a span svg{
     margin: 0 12px;
 }
 .social-service-full-width ul .a2a_svg svg{
     height: 22px !important;
     width: 22px !important;
 } 
 .social-service-full-width ul li h3 {
     font-weight: 600;
     font-size: 18px;
     margin: 0 12px;
 }
 
 .project-full-title h2 {
     padding: 0px 250px;
     text-transform: none;
     margin-bottom: 30px;
     font-weight: 600;
 }
 
 .project-categorie ul li {
     display: inline-block;
     text-align: center;
     margin: 0 40px;
 }
 
 .project-categorie ul li h4 {
     font-family: var(--primary-font);
     font-weight: 500;
     color: var(--dark);
 }
 .project-categorie {
     margin-top: 40px;
     display: flex;
     justify-content: center;
 }
 .project-categorie ul li h3 {
     font-weight: 600;
 }
 #projects-sidebar  .project-categorie{
     display: none;
 }
 #reatled-projects .owl-dots.disabled,
 #reatled-projects .owl-theme .owl-nav.disabled+.owl-dots {
     display: block;
     margin-top: 70px !important;
 }
 #reatled-projects .img-details {
     background: #fff;
 }
 #projects-sidebar .item {
     padding: 15px 0 30px;
 }
 #projects-sidebar .sidebar-form {
     border: 1px solid #ddd;
     border-radius: 5px;
     padding: 30px 20px;
 }
 .project-catgorie-side h4 {
     color: var(--dark);
     font-family: var(--primary-font);
     font-weight: 500;
     font-size: 16px;
 }
 #projects-sidebar section .container{
     padding: 0;
 }
 #projects-sidebar .sec-pad-t-80 .container .project-full-title{
     text-align: start !important;
 }
 #projects-sidebar section .row{
     justify-content: start !important;
 }
 #projects-sidebar .sec-pad-t-80 .row .col-12{
     max-width: 100% !important;
     flex: 0 0 100%;
 }
 #projects-sidebar .sec-pad-t-80{
     padding-top: 3rem!important;
 }
 .project-catgorie-side li {
     margin-bottom: 30px;
 }
 #projects-sidebar .sec-pad-b-100 {
     padding-bottom: 0 !important;
 }
 #projects-sidebar .carousel-12{
     padding-top: 0 !important;
 }
 .project-catgorie-side li:last-child {
     margin-bottom: 0;
 }
 aside{
     padding: 0 !important;
     max-width: 100% !important;
 }
 .project-catgorie-side h3 {
     font-weight: 600;
 }
 
 #projects-sidebar .project-full-title h4 {
     color: var(--primary-color);
     text-transform: uppercase;
 }
 
 #projects-sidebar .project-full-title h2 {
     padding: 0;
     padding-right: 280px;
 }
 
 .blog-pageignation ul li a {
     color: var(--secondary);
     width: 55px;
     height: 55px;
     transition: all 0.5s ease-in-out;
     border: 1px solid #ddd;
     padding: 16px;
     border-radius: 50%;
     font-size: 20px;
     display: inline-block;
     text-align: center;
     font-family: var(--secondary-font);
     font-weight: 600;
     margin: 10px 0;
 }
 
 .blog-pageignation ul li {
     display: inline-block;
     margin: 0px 6px;
 }
 .blog-pageignation ul li.page-item a span{
     font-family: "Font Awesome 5 Free";
 }
 .blog-pageignation ul li:hover a {
     color: #fff !important;
 }
 
 .blog-pageignation ul li a i svg {
     width: 10px;
     transition: all 0.5s ease-in-out;
 }
 
 .blog-pageignation {
     text-align: center;
     padding-top: 30px;
 }
 
 .blog-pageignation ul li:hover a {
     background: var(--primary-color);
     color: #fff;
 }
 
 .blog-pageignation ul li:hover a i svg {
     fill: #fff;
 }
 .blog-blog_2_column .row .col-12:last-child hr{
     display: none;
 }
 #blog-details-sidebar .blog-blog_list_full_width img{
     height: 225px;
     border-radius: 0;
 }
 .categories-page .blog-pageignation {
     margin-top: -75px;
     padding-bottom: 120px;
 }
 /* ---- grid ---- */
 
 #project-masonry-1 .grid {
     width: 100%;
     transition: height 0.3s ease;
 }
 
 /* clear fix */
 
 #project-masonry-1 .grid:after {
     content: "";
     display: block;
     clear: both;
 }
 
 /* ---- .grid-item ---- */
 
 #project-masonry-1 img {
     width: 100%;
 }
 
 #project-masonry-1 .grid-item {
     margin: 0 auto;
     /* height: 400px; */
     margin: 0px;
     margin-bottom: 30px;
     padding: 0 17px;
 }
 
 /* ---- style2 grid ---- */
 
 #home-2 .grid {
     width: 100%;
     transition: height 0.3s ease;
 }
 
 
 /* clear fix */
 
 #home-2 .grid:after {
     content: "";
     display: block;
     clear: both;
 }
 
 
 /* ---- .grid-item ---- */
 
 #home-2 img {
     width: 100%;
 }
 
 #home-2 .grid-item {
     margin: 0 auto;
     height: 300px;
     margin: 0px;
     margin-bottom: 125px;
 }
 
 #home-2 .grid-item img {
     height: 100%;
     object-fit: cover;
 }
 
 #home-2 .grid-item--height3 {
     height: 700px;
 }
 
 #home-2 .grid-item .grid-item--height2 .work-wapper .work-img {
     height: 300px;
 }
 
 #home-2 .grid-item .work-wapper .work-img img {
     height: 100%;
     object-fit: cover;
 }
 
 #home-2 .icon {
     position: absolute;
     bottom: -100px;
     height: 100%;
     text-align: center;
     opacity: 0;
     left: 0;
     display: none;
     right: 0;
     padding: 130px 170px;
     margin-left: auto;
     margin-right: auto;
     background: #00000085;
     transition: all 0.5s ease-in-out !;
 }
 
 #home-2 .grid-item .work-wapper {
     transition: all 0.5s ease-in-out;
 }
 
 #home-2 .grid-item .work-wapper:hover .icon {
     bottom: 0;
     opacity: 1;
     display: block;
 }
 
 #project-masonry-1 .grid-item img {
     height: 100%;
     object-fit: cover;
 }
 
 #project-masonry-1 .img-details h5 {
     font-family: var(--secondary-font);
     font-size: 16px;
     font-weight: 600;
     line-height: 10px;
 }
 
 #project-masonry-1 .img-details p {
     margin-bottom: 0;
     font-size: 14px;
     font-weight: 500;
 }
 
 #project-masonry-1 .img-details {
     width: 100%;
     padding: 25px 30px 20px;
     margin-right: auto;
     margin-left: auto;
     background: #f1f1f1;
     margin-top: -5px;
     z-index: 1;
     position: relative;
 }
 
 #project-masonry-1 .icon-wapper {
     position: relative;
 }
 
 #project-masonry-1 .icon {
     position: absolute;
     background: #fff;
     width: 60px;
     height: 60px;
     border-radius: 50%;
     right: 0px;
     top: -100px;
     z-index: -1;
     text-align: center;
     padding: 10px;
     box-shadow: 0 0 12px #ccc;
 }
 
 #project-masonry-1 .icon svg {
     fill: var(--primary-color) !important;
     width: 40px;
 }
 
  .masonry-filters ul {
     margin: 10px 5px;
     padding: 0;
     list-style: none;
 }
 
 /* Blog Details */
 
 #blog-details .banner-text h2 {
     line-height: 70px;
     text-align: center;
     margin-bottom: 0;
 }
 
 .blog-details-tags ul li {
     display: inline-block;
 }
 
 .blog-details-tags ul li a {
     display: inline-block;
     font-size: 12px;
     /* width: 100px; */
     color: var(--dark);
     text-align: center;
     text-transform: capitalize;
     border: 1px solid #ddd;
     padding: 6px 12px;
     font-family: var(--primary-font);
     margin: 2px 2px;
     background: #f1f1f1;
     border-radius: 2px;
 }
 
 .a2a_kit a:last-child .a2a_svg {
     margin-right: 0;
 }
 
 .comment-comment-form .form-actions {
     width: 100%;
 }
 
 .comment-comment-form .form-item-name {
     display: none;
 }
 .comment-form textarea{
     height: 220px;
 }
 .comment-comment-form .form-group .mb-3 {
     margin-bottom: 0 !important;
 }
 
 .addtoany_list>a {
     padding: 0;
 }
 .toolbar-tab a:hover, .toolbar-tab a:focus{
     color: inherit !important;
     transition: none;
 }
 #toolbar-bar .toolbar-menu a:hover, #toolbar-bar .toolbar-menu a:focus{
     color: initial !important;
     transition: none;
 }
 .solcial-share-blog-details .a2a_svg {
     background-color: transparent !important;
     border: 1px solid var(--dark);
     border-radius: 50% !important;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     box-sizing: border-box;
     height: 35px !important;
     width: 35px !important;
     margin: 3px 25px;
 }
 
 .a2a_svg svg {
     height: 18px !important;
 }
 
 .a2a_svg svg path {
     fill: var(--dark);
 }
 .blog-details-tags ul li:first-child {
     text-transform: capitalize;
     margin-right: 10px;
     font-family: var(--secondary-font);
     font-size: 18px;
     font-weight: 600;
     border: 0;
     margin-left: 0;
     width: auto;
     padding: 0;
     margin-bottom: 10px;
     background: transparent;
 }
 
 #blog-details .banner-text {
     padding: 100px 0px;
 }
 
 .solcial-share-blog-details ul li {
     display: inline-block;
     width: 35px;
     height: 35px;
     transition: all 0.5s ease-in-out;
     text-align: center;
     border-radius: 50%;
     border: 1px solid;
     font-size: 14px;
     margin: 0 25px;
 }
 
 #pages-pricing .pricing-3 .price {
     background: #f1f1f1;
 }
 
 #pages-pricing .pricing-3 ul {
     background: #f1f1f1;
 }
 
 .solcial-share-blog-details {
     display: flex;
     align-items: center;
     justify-content: flex-end;
 }
 
 .solcial-share-blog-details ul li i {
     vertical-align: middle;
 }
 
 .solcial-share-blog-details h4 {
     font-size: 16px;
     margin-bottom: 0;
 }
 
 #pages-pricing .pricing-3-title.text-center h2 {
     font-weight: 600;
     margin-bottom: 40px;
 }
 
 .solcial-share-blog-details ul a:hover li {
     color: var(--primary-color);
 }
 
 .blog-details-comments img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: top;
 }
 
 .blog-details-comments {
     width: 70px;
     height: 70px;
     display: inline-block;
 }
 
 .blog-comments .primary-link {
     color: var(--dark);
     font-family: var(--secondary-font);
     font-size: 14px;
     font-weight: 600;
 }
 
 .blog-comments .primary-link:hover {
     color: var(--primary-color);
 }
 
 .blog-comment-name {
     text-align: left;
     margin-left: 12px;
 }
 .blog-comment-name p{
     text-transform: uppercase;
 }
 .blog-comments {
     text-align: left;
     margin-left: 12px;
 }
 .blog-comments nav a{
     color: var(--primary-color) !important;
     padding-right: 10px;
     font-family: var(--secondary-font);
     border-right: 2px solid var(--primary-color);
 }
 .blog-comments nav .nav-link:last-child a{
     border: none;
 }
 .blog-comments nav .nav-link{
     padding-left: 0;
     padding-right: 20px;
 }
 #blog-details-sidebar .recent-post ul li {
     font-family: var(--primary-font);
     font-size: 12px;
     color: var(--dark);
 }
 
 #blog-details-sidebar .recent-post ul li i svg {
     width: 10px;
     margin-right: 5px;
 }
 
 #blog-details-sidebar .recent-post a h5 {
     font-size: 15px;
     font-family: var(--primary-font);
     color: var(--secondary);
     font-weight: 500;
 }
 
 #blog-details-sidebar .recent-post h5 {
     font-size: 15px;
     font-weight: 600;
 }
 #blog-details-sidebar .sec-pad-80{
     padding: 0 !important;
 }
 #blog-details-sidebar .sec-pad-80 .container{
     padding: 0;
 }
 .sidebar-tags ul li {
     display: inline-block;
 }
 
 .sidebar-tags ul li a {
     border: 1px solid #dddd;
     display: inline-block;
     padding: 5px 12px;
     font-size: 12px;
     color: var(--dark);
     margin: 4px 4px;
     border-radius: 4px;
 }
 
 .sidebar-form .btn-primary:hover {
     color: var(--primary-color) !important;
 }
 
 .sec-pad-120 .sec-pad-120 .container{
     max-width: 100%;
     padding: 0;
 }
 /* Contact style 1 */
 
 .contact-style-1 h2 {
     font-weight: 600;
     color: var(--primary-color);
     text-transform: capitalize;
     margin-bottom: 20px;
 }
 
 #contact-1 .form-1 {
     margin-top: 0px;
 }
 
 #contact-2 .form-1 {
     margin-top: 0;
 }
 
 #contact-2 h2 {
     font-weight: 600;
 }
 
 #project-masonry-2 .work-img img {
     border-radius: 5px;
 }
 
 #project-masonry-2 .work-wapper .icon {
     border-radius: 5px;
 }
 
 #contact-style-1-nbumber .h4-contact-wapper {
     background: #fff;
     margin-bottom: 0;
 }
 
 #blog-details-sidebar .form-5 .btn-primary {
     font-size: 18px;
 }
 
 .form-5 #edit-preview,
 .form-5 label {
     display: none;
 }
 
 /* Code Block */
 
 .code-block {
     background-color: #f3f2f2;
     color: #333;
     border: none;
     border-radius: 4px;
     font-size: 15px;
     font-weight: normal;
     padding: 1rem 1.5rem;
     display: inline-block;
     width: 100%;
     overflow-x: auto;
     word-wrap: break-word;
     word-break: break-word;
 }
 
 .code-block pre {
     padding: 0;
     margin-top: 0.65rem;
     margin-bottom: 0.65rem;
     white-space: pre;
     background-color: transparent;
     border: 0;
 }
 
 .code-block {
     position: relative;
 }
 
 .code-block .clipboard {
     position: absolute;
     right: 10px;
     top: 10px;
     border: 1px solid #ccc;
 }
 
 .code-block .clipboard:before {
     content: "\f0ea";
     display: inline-block;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     margin-right: 5px;
     vertical-align: middle;
 }
 
 code[class*="language-"],
 pre[class*="language-"] {
     color: #393a34;
     font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
     direction: ltr;
     text-align: left;
     white-space: pre;
     word-spacing: normal;
     word-break: normal;
     font-size: 0.95em;
     line-height: 1.2em;
     -moz-tab-size: 4;
     -o-tab-size: 4;
     tab-size: 4;
     -webkit-hyphens: none;
     -moz-hyphens: none;
     -ms-hyphens: none;
     hyphens: none;
 }
 
 pre[class*="language-"]::-moz-selection,
 pre[class*="language-"] ::-moz-selection,
 code[class*="language-"]::-moz-selection,
 code[class*="language-"] ::-moz-selection {
     background: #b3d4fc;
 }
 
 pre[class*="language-"]::selection,
 pre[class*="language-"] ::selection,
 code[class*="language-"]::selection,
 code[class*="language-"] ::selection {
     background: #b3d4fc;
 }
 
 code[class*="language-"],
 pre[class*="language-"] {
     line-height: 1.4em;
 }
 
 .token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
     color: #c1c1c1;
 }
 
 pre[class*="language-"] {
     padding: 0;
     margin: 0;
     overflow: auto;
     border: none;
 }
 
 :not(pre)>code[class*="language-"] {
     padding: 0.2em;
     padding-top: 1px;
     padding-bottom: 1px;
     background: #f8f8f8;
     border: 1px solid #dddddd;
 }
 
 .search-result-title {
     text-align: center;
     position: relative;
     margin-bottom: 80px;
 }
 
 .search-result-title::after {
     content: "";
     position: absolute;
     background: var(--primary-color);
     width: 50px;
     height: 3px;
     left: 0;
     bottom: -22px;
     right: 0;
     border-radius: 10px;
     margin-right: auto;
     margin-left: auto;
 }
 
 #search-result .form-control {
     padding: 20px 30px;
     border-width: 2px;
     border-radius: 4px;
     font-family: var(--primary-font);
 }
 
 #search-result .form-control::placeholder {
     color: var(--footer-color);
 }
 
 #search-result .form-control:focus {
     border-color: #000;
     border-bottom-width: 2px !important;
 }
 
 #search-result .search-bar {
     text-align: center;
 }
 
 .search-result-title h2 {
     font-weight: 600;
 }
 
 #search-result .search-bar .btn-primary:hover {
     color: var(--primary-color) !important;
 }
 
 #search-result .search-bar .btn-primary {
     transition: all 0.25s ease-in-out;
     margin-top: 20px;
     font-weight: 600;
     border-radius: 3px;
     padding: 10px 40px;
     font-family: var(--secondary-font);
 }
 .site-footer {
     padding: 0;
     background-color: inherit;
 }
 
 #footer-form .form-1 {
     margin-top: 0;
 }
 
 fieldset.mb-3 {
     margin-bottom: 0 !important;
 }
 
 .form-actions {
     margin: 0;
 }
 .node__content{
     margin-top: 0px;
 }
 .projects_-project_masonry_style_1 .masonry-filters{
     margin: 0 20px;
 }
 .awards-details .page-heading p{
     color: var(--primary-color);
     font-size: 20px;
     font-family: var(--secondary);
 }
 .awards-details .page-heading h2{
     font-weight: 600;
 }
 .awards-details .page-heading{
     margin-bottom: 50px;
 }
 .awards-details .content-body p{
     font-family: var(--primary-font);
     font-size: 14px;
     font-weight: 400;
 }
 .award-images{
     margin-top: 50px;
 }
 .award-image-carousel img{
     height: 620px;
     border-radius: 10px;
     object-fit: cover;
 }
 .award-image-carousel.owl-theme .owl-nav.disabled+.owl-dots{
     margin: 60px 0 30px;
 }
 .service-sidebar-wapper fieldset{
     width: 100%;
     max-width: 100%;
 }
 
 #search-form label , .search-help-link, #search-form+h2{
     display: none;
 }
 #search-form{
     text-align: center;
     padding-top: 230px;
     padding-bottom: 70px;
     border-bottom: 2px solid #d6d6d6;
 }
 .search-result-page #block-spot-pro-content{
     position: relative;
     padding-bottom: 120px;
 }
 .search-result-page .blog-pageignation{
     padding-top: 60px;
 }
 #search-form input {
     width: 100%;
     margin: 0 auto;
     padding: 20px 35px!important;
     border: 2px solid #d6d6d6;
     border-radius: 4px;
 }
 #search-form .btn{
     /* margin-top: 35px; */
     padding: 20px 47.5px;
     border-radius: 3px;
     font-size: 14px;
     font-family: var(--secondary-font);
     font-weight: 600;
 }
 #search-form .btn:hover{
     color: var(--primary-color) !important;
 }
 .search-header{
     position: absolute;
     width: 100%;
     left: 0;
     top: 70px;
     padding: 40px 15px;
 }
 .search-header h2{
     font-weight: 600;
     position: relative;
 }
 .search-header h2:before{
     position: absolute;
     content: "";
     width: 50px;
     height: 4px;
     bottom: -25px;
     left: 47.5%;
     background-color: var(--primary-color);
 }
 .search-result-page .result-items{
     padding: 30px 0;
     border-bottom: 2px solid #d6d6d6;
 }
 .search-result-page .result-items h3{
     margin-bottom: 25px;
 }
 ol{
     padding-left: 0;
 }
 .search-result-page .result-items h3 a{
     font-size: 20px;
     font-weight: 500;
     color: var(--secondary);
 }
 .project-categorie ul{
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
 }
 .project-categorie ul li{
     margin: 10px 40px !important;
 }
 /* --- Tour Module Configuration */
 .joyride-tip-guide{
     background: rgba(0, 0, 0, 0.8);
     width: 340px;
     border-radius: 3px;
 }
 .joyride-tip-guide h2, .joyride-tip-guide p{
     color: #fff;
 }
 .joyride-tip-guide .button--primary {
     color: #fff;
     border-color: #1e5c90;
     background-color: #0071b8;
     background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
     background-image: linear-gradient(to bottom, #007bc6, #0071b8);
     text-shadow: 0 1px hsl(0deg 0% 0% / 50%);
     font-weight: 700;
     -webkit-font-smoothing: antialiased;
     position: relative;
     display: inline-block;
     box-sizing: border-box;
     padding: 4px 1.5em;
     cursor: pointer;
     transition: all 0.1s;
     text-align: center;
     text-decoration: none;
     border: 1px solid #a6a6a6;
     border-radius: 20em;
     font-size: 0.875rem;
 }
 .joyride-tip-guide .button--primary:hover, .joyride-tip-guide .button--primary:focus {
     box-shadow: 0 1px 2px hsl(203deg 10% 10% / 25%);
     color: #fff !important;
     border-color: #1e5c90;
     background-color: #2369a6;
     background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
     background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
     text-decoration: none;
     outline: none;
 }
 .joyride-close-tip:hover, .joyride-close-tip:focus {
     text-decoration: none;
     color: rgba(255, 255, 255, 0.9) !important;
 }
 .joyride-close-tip {
     text-decoration: none;
     color: rgba(255, 255, 255, 0.4);
     font-size: 1.4em;
     font-weight: bold;
 }
 .joyride-tip-guide p {
     margin: 0 0 25px;
     font-size: 15px;
 }
 .tour-progress{
     color: white;
 }
 .joyride-tip-guide .joyride-nub.top {
     border-top-color: transparent;
     border-right-color: transparent;
     border-left-color: transparent;
 }
 .joyride-tip-guide .joyride-nub.top {
     top: -28px;
     bottom: auto;
 }
 .joyride-tip-guide .joyride-nub {
     border: solid 14px rgba(0, 0, 0, 0.8);
 }
 .joyride-tip-guide .joyride-nub {
     position: absolute;
     left: 22px;
     display: block;
     width: 0;
     height: 0;
 }
 .joyride-tip-guide .joyride-nub.bottom {
     border-right-color: transparent;
     border-bottom-color: transparent;
     border-left-color: transparent;
 }
 .joyride-tip-guide .joyride-nub.right {
     border-top-color: transparent;
     border-right-color: transparent;
     border-bottom-color: transparent;
 }
 .joyride-tip-guide .joyride-nub.right {
     top: 22px;
     right: -28px;
     bottom: auto;
     left: auto;
 }
 .joyride-tip-guide .joyride-nub.left {
     border-top-color: transparent;
     border-bottom-color: transparent;
     border-left-color: transparent;
 }
 
 .joyride-tip-guide .joyride-nub.left {
     top: 22px;
     right: auto;
     bottom: auto;
     left: -28px;
 }
 .pager__items .is-active a{
     background-color: var(--primary-color);
     color: white;
 }
 .user-logged-in #toolbar-administration+.dialog-off-canvas-main-canvas .fixed-top{
    top: 80px !important;
 }
 .form-check-input:focus{
    box-shadow: none;
    filter: none;
 }
.services-style_1 svg{
    height: 40px;
    width: 40px;
}
.service-2 svg {
    height: 39px;
    width: 39px;
}
.service-2 svg#Layer_1{
    height: 55px;
    width: 47px;
    margin-bottom: -15px;
}
.h-2-counter svg{
    height: 55px;
    width: 55px;
}
.h-2.three-card svg{
    height: 45px;
    width: 45px;
}
.h-2.three-card svg#Layer_1{
    height: 66px;
    width: 54px;
    margin-bottom: -15px;
}
.path-comment .comment-reply{
    display: none;
}
.path-comment main.container .btn-primary:hover{
    color: var(--primary-color) !important;
}
 /* media queries */
 
 @media (max-width: 330px) {
     .blog-pageignation ul li {
         margin: 0px -3px !important;
     }
     .coming-soon-bg {
         padding: 20px 10px;
         height: 120vh !important;
     }
     .coming-soon-wapper {
         transform: translate(0px, 20px) !important;
     }
     .carousel-10 {
         margin-bottom: 400px;
     }
     .home-slider-4 .owl-slide {
         height: 100vh !important;
     }
     .blog-details-tags ul li:first-child {
         text-align: left;
         margin-right: 11px !important;
         width: 50px !important;
     }
     .blog-details-tags ul li a {
         padding: 5px;
     }
     .solcial-share-blog-details ul li {
         margin: 0 20px;
     }
     .blog-details-tags ul li {
         width: 90px !important;
         font-size: 10px;
         padding: 3px !important;
         margin: 1px !important;
     }
     .home-1-banner h1 {
         font-size: 41px !important;
         line-height: 60px;
     }
 }
 
 @media (max-width: 360px) {
     #hone-4-counter {
         height: 900px;
         margin-top: 0;
         padding: 50px 0;
     }
     .blog-details-comments {
         margin-bottom: 30px !important;
     }
     #hone-4-counter .h4-contact-wapper {
         margin: 50px 0 20px;
     }
     .coming-soon-bg {
         padding: 20px 10px;
         height: 100vh;
     }
     .coming-soon-wapper {
         padding: 10px;
         transform: translate(0px, 40px);
     }
     .home-1-banner h1{
         font-size: 45px;
         line-height: 60px;
     }
     .home-3-banner .h-3.inner {
         padding: 30px 15px !important;
     }
     .home-3-banner .owl-slide-text{
         padding: 0 !important;
     }
     .home-4-banner .owl-slide-text h1 {
         font-size: 39px;
         line-height: 56px;
     }
 }
 
 @media (max-width: 590px) {
     .blog-2-content {
         padding-right: 0;
     }
     .blog-pageignation ul li {
         margin: 0px 2px;
     }
     #tab-style-1.short-codes .tab-1 .nav-tabs,
     #tab-style-2.short-codes .tab-style-2 .nav-tabs,
     #tab-style-3.short-codes .tab-style-3 .nav-tabs,
     #tab-style-4.short-codes .tab-style-4 .nav-tabs,
     #tab-style-5.short-codes .tab-style-5 .nav-tabs {
         display: flex !important;
     }
     #tab-style-1.short-codes .nav-tabs .nav-item,
     #tab-style-2.short-codes .nav-tabs .nav-item,
     #tab-style-3.short-codes .nav-tabs .nav-item,
     #tab-style-4.short-codes .nav-tabs .nav-item,
     #tab-style-5.short-codes .nav-tabs .nav-item {
         margin: 12px 0;
     }
     #hone-4-counter {
         height: 900px;
         margin-top: 0;
         padding: 50px 0;
     }
     #project-masonry-1 .grid-item {
         width: 100%;
     }
     #hone-4-counter .h4-contact-wapper {
         margin: 50px 0 20px;
     }
     .home-4-about-img-wapper {
         width: 100%;
     }
     .coming-soon-inner {
         padding: 30px 20px;
     }
     .coming-soon-inner h2 {
         font-size: 33px;
         line-height: 49px;
     }
     .coming-soon-inner p {
         padding: 0 0px;
     }
     .register-social ul {
         display: inline-block;
     }
     .register-social ul li {
         margin: 28px 0;
     }
     .register-social ul li a {
         padding: 20px 20px;
     }
     .our-mission-title .nav-item {
         padding: 0px 45px !important;
     }
     .our-mission-title .nav-item:first-child {
         padding: 0px 0px !important;
     }
     .carousel-10 .carousels-style-2 {
         padding: 30px 10px !important;
     }
     .home-slider-2 .owl-slide {
         height: 120vh !important;
     }
     .h-2.getquotue-banner {
         max-height: 440px;
         height: 441px;
     }
     .home-slider-3 .owl-slide {
         height: 165vh;
     }
     .g-4-2,
     .gx-4-2 {
         --bs-gutter-x: 1rem;
     }
     .home-1-banner .owl-nav {
         position: absolute;
     }
     .home-1-banner .owl-slide-text {
         margin-top: 125px;
     }
     .nav-item {
         padding: 0px;
     }
     #header-1 .navbar-nav {
         padding: 0px !important;
     }
     #header-1 .nav-item {
         padding: 0px 15px !important;
     }
     .footer-info {
         margin-bottom: 30px;
         width: 100% !important;
     }
     .copy-rights-inner {
         display: block;
     }
     .terms ul li a {
         font-size: 14px;
         padding: 0px 2px !important;
     }
     .terms {
         text-align: center;
     }
     .mobile {
         margin-top: 18px;
     }
     .copy {
         font-size: 14px;
         text-align: center;
     }
     .copy a {
         font-size: 14px;
     }
     .terms ul li {
         padding: 0px 5px;
     }
     .terms ul li:first-child {
         padding: unset;
     }
     .services {
         margin-bottom: 30px;
         margin-left: unset !important;
     }
     .quote {
         margin-left: unset !important;
     }
     .reach-us {
         margin-bottom: 30px;
     }
     .blockquotes-text-5 {
         background: rgb(245, 245, 245);
         padding: 40px 50px;
     }
     #back-to-top {
         padding: 10px 12px;
         bottom: 15px;
     }
     #header-4 .navbar {
         position: unset;
     }
     .blockquotes-text-1::before {
         font-size: 48px;
         left: 18px;
         top: -10px;
     }
     .terms {
         text-align: center;
     }
     #header-4 .nav-brand::after {
         border-bottom: 95px solid white;
         border-left: 35px solid transparent;
         right: -1px;
     }
     .banner-text h2 {
         font-size: 40px;
     }
     body.header-default .banner-text {
         padding: 120px 0px !important;
     }
     #header-4 .nav-brand {
         background: var(--primary-color);
         padding: 20px 30px;
     }
     .blockquotes-text-1 p {
         margin-left: 70px;
     }
     .blockquotes-text-2 p {
         margin-left: 70px;
     }
     .blockquotes-text-2::before {
         left: 25px;
     }
     #header-2 .navbar {
         position: unset;
     }
     #header-2 .nav-brand {
         padding: 0px 110px 0px 0px;
     }
     #header-1 {
         position: unset;
         background: var(--secondary);
     }
     .getquotue {
         text-align: left;
         margin-top: 20px;
     }
     #header-1 .getquotue {
         text-align: left;
         margin-top: 20px;
         margin-left: 15px;
         padding-bottom: 50px;
     }
     #header-1 .navbar-nav {
         padding: 0 10px;
     }
     #header-1 .navbar-nav li:hover::after,
     #header-1 .nav-item.active::after {
         bottom: 2px;
         left: 15px;
     }
     #header-1 .navbar {
         padding: 10px 0px;
     }
     #header-4 .nav-brand {
         padding: 20px 30px;
         margin-left: -20px;
     }
     .alert-style-1 .alert-info,
     .alert-style-1 .alert-warning,
     .alert-style-1 .alert-danger,
     .alert-style-1 .alert-success,
     .alert-style-2 .alert-info,
     .alert-style-2 .alert-warning,
     .alert-style-2 .alert-danger,
     .alert-style-2 .alert-success,
     .alert-style-3 .alert-info,
     .alert-style-3 .alert-warning,
     .alert-style-3 .alert-danger,
     .alert-style-3 .alert-success,
     .alert-style-4 .alert-info,
     .alert-style-4 .alert-warning,
     .alert-style-4 .alert-danger,
     .alert-style-4 .alert-success {
         font-size: 14px;
         padding: 12px;
     }
     .btn.btn-lg.btn-primary,
     .btn.btn-lg.btn-secondary,
     .btn.btn-lg.btn-info,
     .btn.btn-lg.btn-black,
     .btn.btn-lg.btn-outline-primary,
     .btn.btn-lg.btn-outline-secondary,
     .btn.btn-lg.btn-outline-info,
     .btn.btn-lg.btn-outline-black {
         font-size: 15px;
         padding: 1rem 2.75rem !important;
     }
     .btn.btn-md.btn-primary,
     .btn.btn-md.btn-secondary,
     .btn.btn-md.btn-info,
     .btn.btn-md.btn-black,
     .btn.btn-md.btn-outline-primary,
     .btn.btn-md.btn-outline-secondary,
     .btn.btn-md.btn-outline-info,
     .btn.btn-md.btn-outline-black {
         font-size: 14px;
         padding: 0.75rem 2.5rem !important;
     }
     .btn.btn-sm.btn-primary,
     .btn.btn-sm.btn-secondary,
     .btn.btn-sm.btn-info,
     .btn.btn-sm.btn-black,
     .btn.btn-sm.btn-outline-primary,
     .btn.btn-sm.btn-outline-secondary,
     .btn.btn-sm.btn-outline-info,
     .btn.btn-sm.btn-outline-black {
         font-size: 14px !important;
     }
     .btn.btn-lg.btn-primary.btn-icon,
     .btn.btn-lg.btn-secondary.btn-icon,
     .btn.btn-lg.btn-info.btn-icon,
     .btn.btn-lg.btn-black.btn-icon {
         font-size: 14px;
         padding: 0.75rem 1.45rem !important;
     }
     .btn.btn-md.btn-primary.btn-icon,
     .btn.btn-md.btn-secondary.btn-icon,
     .btn.btn-md.btn-info.btn-icon,
     .btn.btn-md.btn-black.btn-icon {
         padding: 0.75rem 1.35rem !important;
     }
     .pricing-3 ul {
         padding: 60px 30px;
     }
     .column-2,
     .column-3,
     .column-4 {
         width: 100% !important;
     }
     .page-403 h1 {
         line-height: 60px !important;
     }
     .page-403 p {
         padding: 0px 10px;
     }
     .site-icons ul li {
         margin: 10px 2px;
     }
     .home-slider-1 .owl-slide {
         height: 120vh !important;
     }
     .home-1-banner .owl-carousel .owl-nav button.owl-prev,
     .home-1-banner .owl-carousel .owl-nav button.owl-next {
         display: none;
     }
     .home-1-banner .owl-carousel .owl-dots {
         position: absolute;
         display: block !important;
         bottom: 30px;
         left: 0;
         right: 0;
     }
     .h-1.achievement ul li {
         padding: 50px 25px !important;
     }
     .h-1.achievement-title {
         padding-top: 80px;
         padding-right: 25px;
         padding-left: 25px;
     }
     .h-1 .about-img {
         height: 450px;
     }
     .h-1.video-img-3 img {
         height: 450px;
     }
     .h-1.about-content {
         height: 629px !important;
         padding: 100px 40px 60px !important;
         max-height: 575px;
     }
     .h-1.achievement {
         height: 600px !important;
     }
     .h-1.about-content h3 {
         padding: 0px 0px;
     }
     .home-2-banner .owl-slide-text h3 {
         font-size: 20px !important;
         line-height: 40px !important;
         margin-bottom: 0px;
     }
     .home-2-banner h1 {
         font-size: 35px !important;
         margin-bottom: 0px !important;
         font-weight: 700;
     }
     .home-2-banner p {
         padding: 0px 12px !important;
         margin-bottom: 0;
     }
     .home-slider-4 .owl-slide {
         height: 100vh !important;
     }
     .home-4-banner .owl-slide-text {
         padding: 45px 20px;
         text-align: center;
     }
     #about-2 .tab-content {
         padding: 12px;
     }
     #about-2 .nav-tabs {
         display: block;
         padding: 12px;
     }
     #about-2 .our-mission-title .nav-item {
         padding: 0px 0px !important;
     }
     .page-about-1 .about-1-video-title h5 {
         padding: 0px 30px;
     }
     #about-2 .home-4-about-img-wapper {
         width: 100% !important;
     }
     #about-2 .home-4-about-img-wapper::after {
         width: 75px !important;
         height: 75px !important;
         left: -10px !important;
         top: -25px !important;
     }
     .project-full-title h2 {
         padding: 0px 10px;
     }
     .blog-details-tags ul {
         margin-bottom: 50px;
     }
     .blog-pageignation ul a {
         margin: 5px 8px !important;
     }
     .solcial-share-blog-details {
         justify-content: space-between;
     }
     /* #home-2 .grid-item{
  margin-bottom: 110px;
  } */
     #projects-sidebar .project-full-title h2 {
         padding-right: 0;
     }
     .blog-pageignation ul a li {
         width: 50px;
         height: 50px;
         font-size: 18px;
         padding: 14px;
     }
     #video-3 .video-img-3 a {
         transform: translate(0px, 80px);
     }
     #projects-full-width .carousels-style-3 .client-1-img img{
         height: 350px !important;
     }
     #projects-sidebar .item .carousels-style-3 .client-1-img img{
         height: 350px !important;
     }
     .sevices-full-width-img img {
         height: 350px;
     }
     .modal-header {
         padding: 80px 15px 25px 15px;
     }
     .modal-body {
         padding: 30px 20px;
     }
     .modal-dialog{
         max-width: 95%;
         margin: 10px auto;
     }
     .modal-header .close {
         padding: 8px 13px;
         top: 0px;
         right: 0;
     }
     .site-icons ul{
         justify-content: center;
     }
     .form-1 textarea{
         height: 130px;
     }
     #user-tabs .nav-item{
         margin: 10px 0;
     }
     #blog-details-sidebar .bolg-4-img img{
         height: 350px;
     }
     .accordion-button{
         text-align: start !important;
     }
     .blog-3-content{
         padding: 20px 16px 18px 18px;
     }
     #header-3 .nav-brand {
         padding: 25px 20px 25px 0;
     }
     .carousel-6 .owl-dots{
         margin-top: 50px !important;
     }
     #project-masonry-1 .grid-item img{
         height: 250px !important;
     }
     #project-masonry-2 .work-img img {
         height: 300px;
         object-fit: cover;
     }
     #myTab1 .nav-link{
         margin-top: 30px;
     }
     #myTab .nav-link{
         margin-top: 10px;
     }
     .nav-tabs{
         justify-content: center;
     }
     #projects-full-width .carousels-style-3 .client-1-img img{
         height: 400px;
     }
     .service-list-1-img {
         max-height: 350px;
         height: 350px;
     }
     .award-image-carousel img{
         height: 350px;
     }
     .awards-details .page-heading{
         margin-bottom: 30px;
     }
     .awards-details .content-body{
         padding: 0 10px;
     }
     .award-images {
         margin-top: 35px;
     }
     .h-1 .map{
         height: 350px !important;
     }
     .home-1-banner h1 {
         font-size: 52px;
         line-height: 75px;
     }
     .h-2.newletter-form fieldset{
         max-width: 100%;
     }
     .h-2.newletter-form .input-group .form-control{
         border-radius: 4px !important;
         border-right: 2px solid #9d9d9d !important;
     }
     .h-2.newletter-form .input-group-prepend, .h-2.newletter-form .input-group-prepend i{
         width: 100%;
     }
     .h-2.newletter-form .btn-primary{
         padding: 18px 40px;
         margin-top: 10px;
         border-radius: 4px !important;
         border: none !important;
     }
     #h-2 .nav-tab2{
         margin-bottom: 15px;
     }
     .h-2.work .work-wapper img {
         object-fit: cover;
         height: 300px;
     }
     .h-2-counter ul li{
         margin: 20px !important; 
     }
     .carousel-8 .team-img {
         max-height: 350px;
     }
     .h-3-subscribe-wapper {
         height: 500px;
         padding: 100px 25px;
     }
     .h-3-contact.form-4{
         padding: 60px 30px;
     }
     .accordian-2 .accordion-button {
         padding: 10px 25px;
     }
     .h-3-faq{
         padding: 50px 25px;
     }
     .h-1.getquotue-banner{
         max-height: 100%;
         height: 100%;
     }
     .home-4-title{
         text-align: center;
     }
     .home-4-title h4:before{
         width: 0;
     }
     #search-form input {
         width: 100%;
     }
     .search-header{
         top: 50px;
     }
     #search-form{
         padding-bottom: 50px;
     }
     .search-header h2:before{
         left: 42.5%;
     }
     .h-4.getquotue-banner{
         padding: 80px 0;
     }
     #projects-grid-2 .img-details {
         padding: 30px 20px;
     }
     .blog-comments, .blog-comment-name{
         margin: 0;
     }
     .blog-details-comments {
         margin-bottom: 20px;
     }
     .solcial-share-blog-details .a2a_svg{
         margin: 3px 15px;
     }
     .blog-details-tags ul li:nth-child(2){
         display: flex;
         flex-wrap: wrap;
         width: 100% !important;
     }
     .categories-page .blog-pageignation{
         margin-top: -120px;
         padding-bottom: 120px;
     }
     #search-form .btn{
        margin-top: 20px;
     }
 }
 @media (max-width: 768px) and (min-width: 591px) {
     .coming-soon-inner {
         padding: 50px;
     }
     #hone-4-counter {
         margin-top: 0;
         padding: 50px 0;
     }
     .blog-details-tags ul li {
         /* width: 80px; */
         padding: 5px 2px;
     }
     #hone-4-counter .h4-contact-wapper {
         margin: 50px 0 20px;
     }
     #hone-4-counter .h4-contact-wapper {
         margin: 30px 20px 20px;
     }
     .coming-soon-wapper {
         transform: translate(0px, 160px);
     }
     .footer-info {
         width: 80%;
         margin-bottom: 30px;
     }
     .h-3-subscribe-wapper {
         max-height: 550px !important;
         height: 550px !important;
         padding: 130px 60px;
     }
     .services {
         margin-bottom: 30px;
     }
     .reach-us {
         margin-bottom: 30px;
     }
     .quote {
         margin-left: 80px;
     }
     .terms ul li {
         padding: 0px 5px;
     }
     .copy-rights-inner {
         display: block;
         text-align: center;
     }
     .copy {
         margin-bottom: 15px;
     }
     .nav-item {
         padding: 0px;
     }
     .blockquotes-text-5 {
         background: rgb(245, 245, 245);
         padding: 40px 50px;
     }
     #header-4 .navbar {
         position: unset;
     }
     .blockquotes-text-1::before {
         font-size: 48px;
         left: 10px;
         top: -10px;
     }
     .terms {
         text-align: center;
     }
     .blockquotes-text-1 p {
         margin-left: 70px;
     }
     .blockquotes-text-2 p {
         margin-left: 70px;
     }
     .blockquotes-text-2::before {
         left: 25px;
     }
     #header-2 .navbar {
         position: unset;
     }
     #header-2 .fixed-top {
         top: 0px;
         position: fixed !important;
     }
     #header-1 {
         position: unset;
         background: var(--secondary);
     }
     #header-1 .getquotue {
         padding-bottom: 50px;
     }
     .getquotue {
         text-align: left;
         margin-top: 20px;
         padding-left: 30px;
         padding-bottom: 0;
     }
     #header-1 .navbar-nav li:hover::after {
         bottom: 2px;
         left: 10px;
     }
     #header-1 .navbar {
         padding: 20px 0px;
     }
     #header-4 .nav-brand {
         padding: 20px 60px;
     }
     #header-1 .getquotue {
         margin-left: auto;
     }
     #header-1 .navbar-nav {
         padding: 0px 10px;
     }
     .page-403 h1 {
         line-height: 60px !important;
     }
     .page-403 p {
         padding: 0px 10px;
     }
     #projects-full-width .carousels-style-3 .client-1-img img{
         height: 500px !important;
     }
     #projects-sidebar .item .carousels-style-3 .client-1-img img{
         height: 475px !important;
     }
     .sevices-full-width-img img {
         height: 450px;
     }
     .modal-dialog {
         max-width: 90%;
     }    
     .modal-body {
         padding: 60px 40px;
         padding-top: 30px;
     }
     .form-1 textarea{
         height: 150px;
     }
     #blog-details-sidebar .bolg-4-img img{
         height: 400px;
     }
     .accordion-button{
         text-align: start !important;
     }
     #header-3 .nav-brand {
         padding: 25px 20px 25px 0;
     }
     .carousel-6 .owl-dots{
         margin-top: 50px !important;
     }
     #project-masonry-2 .work-img img {
         height: 400px;
         object-fit: cover;
     }
     #projects-full-width .carousels-style-3 .client-1-img img{
         height: 450px;
     }
     .blog-3-content{
         padding: 20px 16px 18px 18px;
     }
     .project-full-title h2 {
         padding: 0px 100px;
     }
     .award-image-carousel img{
         height: 500px;
     }
     .h-1 .map{
         height: 400px !important;
     }
     .h-3-faq {
         padding: 60px 50px;
     }
     #search-form input {
         width: 80%;
     }
     .h-4.getquotue-banner{
         padding: 100px 30px;
     }
     .solcial-share-blog-details .a2a_svg{
         margin: 3px 20px;
     }
     .blog-details-comments {
         margin-bottom: 20px;
     }
     #search-form .btn{
        margin-top: 30px;
     }
 }
 
 @media (max-width: 991.98px) {
     #tab-style-1.short-codes .tab-1 .nav-tabs {
         display: flex;
     }
     #services-style-1 .service-styel-1-title {
         margin-top: 40px;
     }
     .services-title {
         margin-top: 30px;
     }
     #header-1 .navbar-nav li:hover::after,
     #header-1 .nav-item.active::after {
         bottom: 0px !important;
         left: 16px;
     }
     .g-7,
     .gx-7 {
         --bs-gutter-x: 1.2rem;
     }
     .g-5-1,
     .gx-5-1 {
         --bs-gutter-x: 1.2rem;
     }
     #service-sidebar .service-sidebar-wapper {
         margin-top: 40px;
     }
     /* #project-masonry-1 .grid-item {
         height: 220px;
     }
     #project-masonry-1 .grid-item--height2 {
         height: 150px;
     } */
     .project-categorie ul li {
         display: initial;
         margin: 0;
     }
     .bolg-4-img {
         margin-bottom: 30px;
     }
     #blog-details-sidebar .service-sidebar-wapper {
         margin-top: 50px;
     }
     #contact-1 .form-1 {
         margin-top: 30px;
     }
     #about-2 .home-4-about-img-wapper {
         width: 100% !important;
     }
     #about-2 .home-4-about-img-wapper::after {
         width: 100px;
         height: 100px;
         left: -25px;
         top: -50px;
     }
     .home-4-about-content {
         width: 100%;
         margin-top: 60px;
     }
     .pages-cliens-wapper2 .pages-clients-img:last-child,
     .pages-cliens-wapper3 .pages-clients-img:last-child,
     .pages-cliens-wapper4 .pages-clients-img:last-child {
         border-bottom: 1px solid;
     }
     .pages-cliens-wapper2 .pages-clients-img:first-child,
     .pages-cliens-wapper3 .pages-clients-img:first-child,
     .pages-cliens-wapper4 .pages-clients-img:first-child {
         border-right: 1px solid;
     }
     .pages-cliens-wapper1 .pages-clients-img:last-child {
         border-bottom: 1px solid;
     }
     .pages-clients-img {
         border-left: 1px solid !important;
         border-right: 1px solid !important;
     }
     .pages-cliens-wapper1 .pages-clients-img:first-child {
         border-top: 1px solid;
     }
     .h-4.newletter h2 {
         padding: 0 0;
     }
     .service-style-1 ul {
         display: block;
         text-align: center;
     }
     .service-style-1 ul li:first-child {
         padding: 20px 55px 0px;
         border-bottom: 2px solid #ddd;
     }
     .service-style-1 ul li {
         padding: 45px 31px 15px;
         border: 0;
     }
     .carousel-10 .carousels-style-2 {
         padding: 70px 10px;
     }
     #home-4-client .carousels-style-3 {
         padding: 2px 0px;
     }
     .carousel-8 .owl-theme .owl-nav {
         display: none;
     }
     .carousel-10 .item {
         padding: 12px 0px 20px !important;
     }
     .carousels-10 .owl-prev,
     .carousels-10 .owl-next {
         display: none !important;
     }
     .h-2-counter ul {
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         justify-content: center;
     }
     .h-2-counter ul li{
         margin: 40px !important; 
     }
     .home-4-banner .owl-nav {
         display: none;
     }
     .home-slider-4 .owl-slide::after {
         width: 100%;
     }
     .home-slider-4 .owl-slide {
         height: 80vh;
     }
     .home-4-banner .owl-nav {
         display: none;
     }
     .h-3-contact.form-4 {
         position: unset;
         width: 100%;
         border-radius: 0;
         box-shadow: unset;
     }
     .map-contact-wapper::after {
         content: unset;
     }
     .h-2-contact-faq .accordian-2 {
         width: 100%;
     }
     .h-2-contact-faq .form-3 {
         width: 100%;
         left: 0;
         margin-top: 0;
     }
     .h-2.map {
         margin-top: 0;
     }
     #header-1 .navbar-collapse {
         overflow-y: scroll;
         max-height: 350px;
         box-shadow: rgba(83, 88, 93, 0.2) 0px 10px 30px;
         position: absolute;
         left: 0px;
         right: 0px;
         top: 100%;
         background: var(--secondary);
         border-top: 1px solid rgba(0, 0, 0, 0.1);
         z-index: 100;
     }
     #header-4 .getquotue {
         padding-left: 0px;
         margin-left: 0;
     }
     #header-2 .navbar-collapse,
     #header-3 .navbar-collapse,
     #header-4 .navbar-collapse {
         overflow-y: scroll;
         max-height: 350px;
         position: relative;
         left: 0px;
         right: 0px;
         top: 100%;
         background: rgb(255, 255, 255);
         z-index: 100;
         padding-bottom: 30px;
     }
     .navbar-nav .nav-item {
         padding: 0px 35px;
         position: relative;
     }
     #header-1 .navbar-nav {
         padding: 0px 25px;
     }
     #header-1 .nav-link,
     #header-2 .nav-link {
         padding: 12px 0px !important;
     }
     #header-2 .nav-brand {
         padding: 20px 0px 20px 0px;
     }
     #header-3 .navbar-nav .nav-link,
     #header-3 .fixed-top .navbar-nav .nav-link {
         padding: 10px 0px !important;
     }
     #header-3 .navbar-nav .nav-item {
         padding: 0px !important;
     }
     #header-4 .navbar-nav .nav-item {
         padding: 0px;
     }
     #header-4 .nav-link {
         padding: 10px 0px !important;
     }
     .alert-style-1 .alert-dismissible .btn-close,
     .alert-style-2 .alert-dismissible .btn-close,
     .alert-style-3 .alert-dismissible .btn-close,
     .alert-style-4 .alert-dismissible .btn-close {
         position: unset;
     }
     .alert-style-2 .border-info,
     .alert-style-2 .border-danger,
     .alert-style-2 .border-warning,
     .alert-style-2 .border-success {
         display: flex;
         justify-content: space-between;
         align-items: center;
     }
     .alert-style-1 .alert-info,
     .alert-style-1 .alert-warning,
     .alert-style-1 .alert-danger,
     .alert-style-1 .alert-success,
     .alert-style-2 .alert-info,
     .alert-style-2 .alert-warning,
     .alert-style-2 .alert-danger,
     .alert-style-2 .alert-success,
     .alert-style-3 .alert-info,
     .alert-style-3 .alert-warning,
     .alert-style-3 .alert-danger,
     .alert-style-3 .alert-success,
     .alert-style-4 .alert-info,
     .alert-style-4 .alert-warning,
     .alert-style-4 .alert-danger,
     .alert-style-4 .alert-success {
         display: flex;
         justify-content: space-between;
         align-items: center;
     }
     .alert-style-4 i {
         width: 70px;
         height: 50px;
         padding: 10px;
         font-size: 30px;
     }
     .alert-style-4 .alert-info,
     .alert-style-4 .alert-warning,
     .alert-style-4 .alert-danger,
     .alert-style-4 .alert-success {
         padding: 5px;
     }
     .alert-style-3 .alert-info,
     .alert-style-3 .alert-warning,
     .alert-style-3 .alert-danger,
     .alert-style-3 .alert-success {
         padding: 0px;
     }
     .alert-style-3 i {
         font-size: 24px;
         padding: 0px 20px;
     }
     .accordion-button {
         line-height: 28px;
     }
     .accordian-2 .accordion-button {
         padding: 10px 40px;
         line-height: 24px;
     }
     .pricing-1.even:before,
     .pricing-1.even:after {
         content: none;
     }
     .pricing-4.even:before,
     .pricing-4.even:after {
         content: none;
     }
     .column-4 {
         flex: 0 0 auto;
         width: 50%;
     }
     .column-3 {
         flex: 0 0 auto;
         width: 50%;
     }
     .column-2 {
         flex: 0 0 auto;
         width: 50%;
     }
     #header-1 .navbar-nav li {
         padding: 0px 8px;
     }
     .table-1,
     .table-2,
     .table-3 {
         overflow-x: scroll;
         width: 100%;
     }
     .site-icons ul li {
         margin: 10px 15px;
     }
     .site-icons {
         text-align: center;
     }
     .service-3 ul li {
         margin-top: 15px;
         margin-right: 20px;
         padding: 0!important;
     }
     .service-3 ul {
         margin-bottom: 0;
         display: flex;
         border: 0;
         flex-wrap: wrap;
         justify-content: center;
     }
     .services-style_2 .mt-5{
         margin-top: 0 !important;
     }
     .g-6,
     .gx-6 {
         --bs-gutter-x: 0rem;
     }
     .tab-2-nav-bar {
         justify-content: center;
         flex-wrap: wrap;
     }
     .tab-2-nav-bar .nav-tab2 {
         padding: 12px !important;
         margin-bottom: 5px;
     }
     .tab-1 .nav-tabs {
         display: block;
     }
     .tab-1 .nav-tabs .nav-item {
         padding: 12px;
     }
     .g-4-1,
     .gx-4-1 {
         --bs-gutter-x: 1rem;
     }
     .mb-120 {
         margin-bottom: 2px;
     }
     .g-5,
     .gx-5 {
         --bs-gutter-x: 0.75rem;
     }
     .audio audio {
         transform: scale(1);
     }
     .img-fluid {
         width: 100%;
         height: auto;
     }
     .home-slider-1 .owl-slide {
         height: 60vh;
     }
     .home-1-banner .owl-carousel .owl-nav button.owl-next {
         transform: translate(0px, 250px);
         right: 20px;
     }
     .home-1-banner .owl-carousel .owl-nav button.owl-prev {
         transform: translate(0px, 250px);
         left: 20px;
     }
     .h-1.banner-bottom {
         margin-top: 0px;
         padding-bottom: 100px;
     }
     .h-1.getquote-content {
         padding: 0px 10px;
     }
     .h-1.about-content {
         padding: 120px 40px 60px;
         height: 480px;
     }
     .h-1.achievement {
         padding: 0;
         height: 400px;
     }
     .h-1.form-map .form-3 {
         padding: 20px;
     }
     .h-1.form-map .form-3 .form-3-text-block {
         padding: 0;
     }
     .h-1.achievement ul li {
         padding: 50px 40px;
     }
     .h-2.about-2 {
         position: unset;
         transform: unset;
         margin-bottom: 80px;
         width: 100%;
     }
     .h-2.about-2-img {
         height: auto;
     }
     .h-2.getquote-content {
         padding: 20px 10px;
     }
     .h-2.work .nav-tabs {
         display: block;
     }
     .h-2.work .nav-tabs li {
         padding: 5px 0;
     }
     .h-3 .about-content-inner {
         width: 100%;
         text-align: center;
     }
     .h-3 .about-counter ul {
         display: block;
         text-align: center;
     }
     .h-3 .about-counter ul li {
         padding: 12px 5px;
     }
     .h-3 .about-img {
         width: 100%;
         height: auto;
         margin-bottom: 30px;
     }
     .carousel-7 .item {
         padding: 0px;
     }
     .carousels-7 .owl-prev,
     .carousels-7 .owl-next {
         display: none !important;
     }
     .home-3-banner .h-3.inner {
         padding: 80px 15px;
         background: hsl(0deg 0% 0% / 45%);
     }
     .home-3-banner .owl-slide-text h1 {
         color: #fff;
         font-size: 40px;
     }
     .home-slider-4 .owl-slide::after {
         width: 100%;
     }
     .pricing-3 {
         margin: 30px 12px;
     }
     .home-4-works .wapper {
         width: 100%;
         height: 350px;
     }
     .home-4-title {
         margin-top: 50px;
     }
     .page-about-1-title {
         margin-top: 50px;
     }
     .our-goals-mission .services-content {
         margin-bottom: 50px;
     }
     .our-mission-title .nav-item {
         padding: 0px 55px;
     }
     #contact-style-1-nbumber .h4-contact-wapper {
         margin-bottom: 30px;
     }
     .h-3-faq .accordian-2 .accordion-button{
         padding: 15px 20px;
     }
     .h-3-faq {
         max-height: 100% !important;
         height: 100% !important;
     }
     .h-4.getquote-content{
         padding: 0;
     }
     .h-4.getquotue-banner{
         height: auto;
         max-height: unset;
     }
     #header-2 .navbar {
         top: 0px !important;
     }
     .header-3 .search-block-form {
         display: none;
     }
     #header-4 .navbar-nav{
         padding-top: 15px;
     }
 }
 @media (max-width: 1100px) and (min-width: 992px) {
     #header-4 .btn.btn-primary {
         padding: 12px 24px;
     }
     .coming-soon-inner {
         padding: 80px 60px !important;
     }
     .project-categorie ul li {
         margin: 0 20px;
     }
     .coming-soon-wapper {
         transform: translate(0px, 300px) !important;
     }
     .register-social ul li a {
         padding: 20px 12px;
     }
     .our-mission-title .nav-item {
         padding: 0px 100px;
     }
     .home-4-works .wapper {
         width: 100%;
         height: 385px;
     }
     .h-3-faq {
         height: 950px;
         max-height: 950px;
         padding: 100px 50px;
     }
     .h-3-subscribe-wapper {
         height: 950px;
         max-height: 950px;
     }
     .h-2-contact-faq .form-3 {
         width: 100%;
         left: 0;
     }
     .h-2-contact-faq .accordian-2 {
         width: 100%;
         left: 0;
     }
     .h-2.three-card.three-card-1 {
         padding: 0px 45px;
     }
     .h-2.about-2-img {
         height: 500px;
     }
     .h-2.about-2 {
         transform: translate(0px, -120px);
     }
     .nav-item {
         padding: 0px;
     }
     .footer h4 {
         font-size: 18px !important;
     }
     #header-3 .nav-brand {
         padding: 0px 30px 0px 0px;
     }
     #header-2 .navbar-top-inner-left ul li {
         padding: 10px;
     }
     #header-2 .nav-brand {
         padding: 0px 120px 0px 0px;
     }
     #header-1 .nav-brand {
         padding: 0px 0px 0px 0px;
     }
     #header-1 .navbar {
         padding: 10px 0px;
     }
     #header-2 .navbar {
         position: unset;
         box-shadow: unset;
     }
     #header-2 .navbar-top {
         padding: 0px;
     }
     #header-4 .topbar ul li {
         padding: 18px 16px;
     }
     #header-4 .nav-brand {
         padding: 30px 40px;
     }
     #header-4 .nav-link {
         padding: 42px 7px !important;
     }
     #header-2 .nav-link {
         padding: 40px 15px !important;
     }
     #header-2 .lan-dropdown-menu {
         top: 160%;
     }
     #header-1 .lan-dropdown-menu {
         top: 150%;
     }
     #header-1 .navbar-nav li:hover::after,
     #header-1 .navbar-nav.active::after {
         left: 12px;
         bottom: 30px;
     }
     #header-3 .navbar-nav .nav-link,
     #header-3 .fixed-top .navbar-nav .nav-link {
         padding: 50px 10px !important;
     }
     #header-1 .navbar-nav li {
         padding: 0px 12px;
     }
     .service-3 .nav-item {
         padding: 0px 20px;
     }
     .tab-1 .nav-item {
         padding: 0px 23px;
     }
     .home-1-banner .owl-carousel .owl-nav button.owl-next {
         transform: translate(-150px, 500px);
         right: 0px;
     }
     .home-1-banner .owl-carousel .owl-nav button.owl-prev {
         transform: translate(150px, 500px);
         left: 0px;
     }
     .h-1.achievement ul li {
         padding: 50px 30px;
     }
     .h-1.about-content {
         padding: 95px 40px;
     }
     .h-1.achievement-title {
         padding: 12px;
     }
     .h-1.achievement {
         padding: 65px 80px;
     }
     .h-1.form-map .form-3 {
         padding: 100px 30px 100px 50px;
     }
     .h-1.form-map .form-3 .form-3-text-block {
         padding: 0 80px 0 0;
     }
     .carousel-7 .item {
         padding: 12px 40px;
     }
     .carousels-7 button.owl-next {
         transform: translate(12px, 180px);
     }
     .carousels-7 .owl-prev {
         transform: translate(-20px, 180px);
     }
     .sec-pad-120 .sec-pad-120 .row .mt-4:nth-child(1),
     .sec-pad-120 .sec-pad-120 .row .mt-4:nth-child(2){
         margin-top: 0 !important;
     }
     #blog-details-sidebar .blog-pageignation{
         max-width: 75%;
         margin: 0 auto;
     }
     #projects-full-width .carousels-style-3 .client-1-img img{
         height: 550px !important;
     }
     #projects-sidebar .item .carousels-style-3 .client-1-img img{
         height: 475px !important;
     }
     .sevices-full-width-img img {
         width: 100%;
         height: 550px;
         object-fit: cover;
         border-radius: 7px;
     }
     .row > .col-12:last-child .pages-cliens-wapper1 .pages-clients-img{
         border-right: none;
     }
     #projects-full-width .carousels-style-3 .client-1-img img{
         height: 550px;
     }
     .blog-3-content{
         padding: 10px 16px 18px 18px;
     }
     .blog-3-date ul li:first-child{
         padding-left: 8px;
     }
     .carousel-10 {
         max-height: 750px;
     }
     .h-2.newletter-form .btn-primary{
         padding: 23.5px 22px;
     }
     .top-search .form-control{
         width: 100px;
     }
     #search-form input {
         width: 70%;
     }
     .project-categorie ul li{
         margin: 10px 30px !important;
     }
     .project-full-title h2 {
         padding: 0px 100px;
     }
     .solcial-share-blog-details .a2a_svg{
         margin: 3px 20px;
     }
     .header-1 .banner-text{
         padding: 200px 0 125px;
     }
     .header-1 .home-slider-2 .owl-slide, .header-1 .home-3-banner{
         height: 140vh;
     }
 }
 
 @media (min-width: 1100px) {
     .mega-menu-container .navbar-expand-lg .navbar-nav .dropdown-menu {
         background-color: transparent !important;
     }
     .navbar-nav .dropdown:hover>.dropdown-menu {
         top: 100%;
         visibility: visible;
         opacity: 1;
         display: block;
     }
     .navbar-nav .dropdown .dropdown-submenu:hover>.dropdown-menu {
         top: 100%;
         visibility: visible;
         opacity: 1;
         display: block;
     }
     #header-2 .navbar-expand-lg .navbar-nav .dropdown-menu {
         top: 99% !important;
     }
     #header-2 .navbar-expand-lg .navbar-nav .dropdown-submenu .dropdown-menu {
         top: 0px !important;
     }
     .sec-pad-120 .sec-pad-120 .row .mt-4:nth-child(1),
     .sec-pad-120 .sec-pad-120 .row .mt-4:nth-child(2){
         margin-top: 0 !important;
     }
     #blog-details-sidebar .blog-pageignation{
         max-width: 75%;
         margin: 0 auto;
     }
     #projects-sidebar .item .carousels-style-3 .client-1-img img{
         height: 475px;
     }
     .row > .col-12:last-child .pages-cliens-wapper1 .pages-clients-img{
         border-right: none;
     }
     .header-1 .banner-text{
         padding: 200px 0 125px;
     }
     .user-logged-in .header-1 .banner-text {
        padding: 300px 0 125px;
    }
 }
 
 @media (min-width: 1120px) {
     #header-2 .navbar {
         max-width: 1140px;
         min-width: 1110px;
     }
     .carousel-7 .footer-img {
         width: 150px;
         display: inline-block;
         height: 150px;
         text-align: center;
     }
     .h-3-faq {
         max-height: 950px;
         height: 920px;
     }
     .h-3-subscribe-wapper {
         max-height: 950px;
         height: 920px;
     }
     .h-1.achievement {
         padding: 45px 70px;
     }
     .sec-pad-120 .sec-pad-120 .row .mt-4:nth-child(1),
     .sec-pad-120 .sec-pad-120 .row .mt-4:nth-child(2){
         margin-top: 0 !important;
     }
     #blog-details-sidebar .blog-pageignation{
         max-width: 75%;
         margin: 0 auto;
     }
     #projects-sidebar .item .carousels-style-3 .client-1-img img{
         height: 475px;
     }
     .row > .col-12:last-child .pages-cliens-wapper1 .pages-clients-img{
         border-right: none;
     }
     .header-1 .home-3-banner{
         height: 130vh;
     }
 }
 @media(min-width: 996px){
     #service-sidebar .container .row .col-lg-3, #blog-details-sidebar .container .row .col-lg-3{
         width: 27%;
     }
     #blog-details-sidebar .container .row .col-lg-9{
         width: 73%;
     }
     #blog-details-sidebar #blog-full-width .col-lg-6{
         flex: 0 0 auto;
         padding: 0 30px 0 20px;
         width: 58.3333333333%;
     }
     #blog-details-sidebar .blog-blog_2_column .col-lg-6 {
         padding: 0 17px ;
     }
     #blog-details-sidebar .blog-blog_2_column .gx-5{
         --bs-gutter-x: 0.25rem;
     }
     #blog-details-sidebar .blog-blog_2_column{
         max-width: 98%;
     }
     #projects-grid-3 .row .col-lg-4{
         padding: 0 16px;
     }
     .blog-blog_2_column .row .mt-4:nth-child(1),.blog-blog_2_column .row .mt-4:nth-child(2){
         margin-top: 0 !important;
     }
     .header-3 .home-slider-1 .owl-slide, .header-4 .home-slider-1 .owl-slide, .header-2 .home-slider-1 .owl-slide{
         height: 110vh;
     }
     .user-logged-in #toolbar-administration+.dialog-off-canvas-main-canvas #header-2 .navbar{
         top: 150px;
     }
     .user-logged-in #header-1 .navbar{
         background-color: var(--primary-color);
     }
     .user-logged-in #header-1 .navbar-top.d-none{
         background-color: black;
     }
     .header-1 #user-tabs{
         padding-top: 120px;
     }
     .home-slider-4 .owl-slide{
         height: 90vh;
     }
     .header-1 .home-slider-4 .owl-slide{
         height: 120vh;
     }
 }
 @media (min-width: 1400px) {
     .h-3-subscribe-wapper {
         height: 770px;
         max-height: 770px;
         padding: 220px 60px;
     }
     .h-3-faq {
         height: 770px;
         max-height: 770px;
     }
     #header-2 .navbar {
         max-width: 1320px;
         min-width: 1270px;
     }
     #header-4 .topbar ul li {
         padding: 18px 58px;
     }
     #header-4 .nav-brand {
         padding: 29px 90px;
     }
     .service-3 .nav-item {
         padding: 0px 59px;
     }
     .carousel-7 .footer-img {
         width: 180px;
         display: inline-block;
         height: 180px;
         text-align: center;
     }
     .h-1.achievement {
         padding: 45px 90px;
     }
     .sec-pad-120 .sec-pad-120 .row .mt-4:nth-child(1),
     .sec-pad-120 .sec-pad-120 .row .mt-4:nth-child(2){
         margin-top: 0 !important;
     }
     #blog-details-sidebar .blog-pageignation{
         max-width: 75%;
         margin: 0 auto;
     }
     #projects-sidebar .item .carousels-style-3 .client-1-img img{
         height: 475px;
     }
     .row > .col-12:last-child .pages-cliens-wapper1 .pages-clients-img{
         border-right: none;
     }
     #projects-full-width .carousels-style-3 .client-1-img img{
         height: 600px;
     }
     .blog-style_3 .blog-wapper-3 .col-lg-5{
         width: 37%;
     }
     .blog-style_3 .blog-wapper-3 .col-lg-7{
         width: 63%;
     }
     .blog-style_4 .view-content .col-lg-5{
         width: 38%
     }
     .taxonomy_term-blog_categories .row .mt-4:nth-child(1), .taxonomy_term-blog_categories .row .mt-4:nth-child(2){
         margin-top: 0px !important;
     }
 }
 @media(min-width: 591px){
 .newletter-form .input-group{
    flex-wrap: unset;
 }
 }

 .bg-gray-dark{
    background: #cfcfcf;
 }
 .path-admin .header-1 .head-1{
    padding-top: 277px !important;
 }
 #header-1 .navbar-top-inner-right ul li a{
    padding:18px 0px;
}
.header-3.active .top-search .form-control{
    padding: 7px 19px 7px 1px !important;	
}

.navbar.fixed-top{
    animation: .75s top-slide ease-in-out !important;
}
@keyframes top-slide{
    from{
      top: -80px
    }
    to{
        top: 0
    }
  }

.user-logged-in.path-user .profile{
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.tp{
    padding-top: 100px;
    padding-bottom: 100px;
}
.copy-rights .copy p{
    color: var(--footer-color);
}
.search-form .mb-3{
    margin-bottom: 0px !important;
}   

.search-result-page .wrapper.region.region-content{
    padding-top: 20px;
    text-align: center;
}

.header_type.header-1 .getquotue a:hover{
    color: #FFF !important;
}