:root {
   --font-primary: 'Roboto', sans-serif;
   --color-primary: #55a6a5;
   --color-primary-dark: #327a79;
   --color-two: #00050e;
   --color-white: #fff;
   --color-common: #475569;
 }


 /* Smooth scroll behavior */
 :root {
   scroll-behavior: smooth;
 }

 /*--------------------------------------------------------------
  # General
  --------------------------------------------------------------*/
 .feature-section-modern {
   padding-top: 80px;
   padding-bottom: 80px;
   background: #f7f7f7;
 }

 .jLn0Q5aihX {
   font-size: 28px;
   font-weight: 700;
   color: #333;
   text-transform: uppercase;
   letter-spacing: 1px;
 }

 .feature-item {
   background: #fff;
   padding: 30px;
   border-radius: 15px;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
   transition: transform 0.3s ease-in-out;
 }

 .feature-item:hover {
   transform: translateY(-10px);
 }

 .feature-icon img {
   max-width: 50px;
   margin-bottom: 20px;
 }

 .vT11OW7KkL h3 {
   font-size: 22px;
   font-weight: 600;
   color: #007bff;
   margin-bottom: 15px;
 }

 .vT11OW7KkL p {
   font-size: 16px;
   color: #555;
   line-height: 1.6;
 }

 .feature-item+.feature-item {
   margin-top: 30px;
 }

 @media (max-width: 991px) {
   .feature-item {
     padding: 20px;
   }
 }

 @media (max-width: 767px) {
   .feature-item {
     text-align: center;
   }

   .vT11OW7KkL h3 {
     font-size: 20px;
   }
 }


 * {
   scrollbar-width: thin;
   scrollbar-color: #4a90e2 transparent;
 }

 *::-webkit-scrollbar {
   width: 8px;
   height: 8px;
 }

 *::-webkit-scrollbar-track {
   background: transparent;
 }

 *::-webkit-scrollbar-thumb {
   background-color: #4a90e2;
 }

 /* User Select */

 ::selection {
   background: #4a90e2;
 }

 ::selection {
   color: #fff;
   text-shadow: none;
 }

 .social-icons {
   display: flex;
   justify-content: center;
   /* Центруємо іконки */
   gap: 15px;
   margin-top: 10px;
 }

 .social-icon {
   width: 35px;
   /* Розмір іконок */
   height: 35px;
   transition: transform 0.3s ease;
 }

 .social-icon:hover {
   transform: scale(1.1);
   /* Збільшуємо іконку при наведенні */
 }

 .custom-container {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 15px;
 }

 .flex-layout {
   display: flex;
   flex-wrap: wrap;
   gap: 30px;
 }

 .box-form-contact,
 .WKKFOx5TXC {
   flex: 1 1 48%;
   background: #fff;
   border-radius: 16px;
   padding: 30px;
 }

 .VWETIcb9ab {
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
 }

 .Q68LNIvCnK {
   font-weight: 500;
   margin-bottom: 8px;
   display: block;
 }

 .qQXutE6HLF {
   width: 100%;
   padding: 12px 14px;
   border: 1px solid #ccc;
   border-radius: 8px;
   transition: all 0.3s ease;
 }

 .qQXutE6HLF:focus {
   border-color: #007bff;
   outline: none;
 }

 .btn-submit-modern {
   padding: 10px 30px;
   background: #007bff;
   color: #fff;
   border: none;
   border-radius: 30px;
   cursor: pointer;
   transition: background 0.3s;
 }

 .btn-submit-modern:hover {
   background: #0056b3;
 }

 .mjMJXZ02xy {
   display: block;
   color: #333;
   margin-bottom: 10px;
   text-decoration: none;
 }

 .mjMJXZ02xy:hover {
   color: #007bff;
 }

 .map-box-iframe iframe {
   width: 100%;
   border-radius: 12px;
 }


 body {
   font-family: var(--font-primary);
   color: var(--color-common);
   overflow-x: hidden;
 }

 .services-container {
   max-width: 1300px;
   margin: 60px auto;
   padding: 30px;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 40px;
 }

 .JNlv73WVPY {
   background-color: #ffffff;
   border-radius: 15px;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
   padding: 30px;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   position: relative;
   overflow: hidden;
   text-align: center;

 }

 .JNlv73WVPY:hover {
   transform: translateY(-10px);
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
 }

 .JNlv73WVPY img {
   width: 100%;
   height: 200px;
   object-fit: cover;
   border-radius: 10px;
   transition: transform 0.3s ease;
 }

 .JNlv73WVPY img:hover {
   transform: scale(1.05);
 }

 .JNlv73WVPY h3 {
   font-size: 24px;
   color: #333;
   margin: 20px 0;
   font-weight: bold;
 }

 .JNlv73WVPY p {
   font-size: 16px;
   color: #666;
   line-height: 1.6;
   margin-bottom: 20px;
 }

 .mqQ39CNdS3 {
   font-weight: bold;
   font-size: 18px;
   color: #e74c3c;
   margin-bottom: 25px;
 }

 .order-btn {
   background-color: #27ae60;
   color: #fff;
   padding: 12px 30px;
   text-decoration: none;
   font-size: 18px;
   border-radius: 5px;
   transition: background-color 0.3s ease;
 }

 .CQ41YEswV6 {
   padding: 50px 0;
   background-color: #f8f8f8;
   text-align: center;
 }

 .CQ41YEswV6 h2 {
   font-size: 2.5rem;
   color: #333;
   margin-bottom: 30px;
   font-weight: bold;
 }

 .pricing-container {
   display: flex;
   justify-content: space-evenly;
   flex-wrap: wrap;
   gap: 30px;

 }

 .main-header {
   background: linear-gradient(135deg, #f06, #4a90e2);
   color: white;
   padding: 20px 0;
   position: relative;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }

 .container1 {
   width: 90%;
   max-width: 1200px;
   margin: auto;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .logo {
   font-size: 30px;
   font-weight: bold;
   letter-spacing: 2px;
   color: white;
 }

 .navigation ul {
   list-style: none;
   display: flex;
   gap: 30px;
 }

 .JeVlEV6qqy {
   color: white;
   text-decoration: none;
   font-size: 18px;
   transition: color 0.3s ease;
 }

 .JeVlEV6qqy:hover {
   color: #ffcb05;
 }

 .hamburger {
   display: none;
   flex-direction: column;
   cursor: pointer;
 }

 .hamburger span {
   background: white;
   height: 3px;
   width: 30px;
   margin: 4px 0;
   transition: all 0.3s ease;
 }

 #menu-toggle {
   display: none;
 }

 /* Mobile Styles */
 @media (max-width: 768px) {
   .navigation {
     position: absolute;
     top: 80px;
     left: 0;
     width: 100%;
     background: rgba(0, 0, 0, 0.9);
     /* Фон затемнений */
     overflow: hidden;
     max-height: 0;
     transition: max-height 0.3s ease-in-out;
     z-index: 10;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     /* Додано тінь */
   }

   .navigation ul {
     flex-direction: column;
     padding: 10px 0;
     text-align: center;
   }

   .hamburger {
     display: flex;
   }

   #menu-toggle:checked~.hamburger span:nth-child(1) {
     transform: rotate(45deg) translate(5px, 5px);
   }

   #menu-toggle:checked~.hamburger span:nth-child(2) {
     opacity: 0;
   }

   #menu-toggle:checked~.hamburger span:nth-child(3) {
     transform: rotate(-45deg) translate(5px, -5px);
   }

   #menu-toggle:checked~.navigation {
     max-height: 350px;
   }
 }

 .pricing-box {
   background-color: #fff;
   padding: 25px;
   border-radius: 10px;
   width: 300px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   text-align: center;
   transition: all 0.3s ease;
 }

 .pricing-box:hover {
   transform: translateY(-10px);
 }

 .pricing-box h3 {
   font-size: 1.8rem;
   color: #007bff;
   margin-bottom: 15px;
 }

 .pricing-box p {
   font-size: 1rem;
   color: #555;
   margin-bottom: 20px;
 }

 .pricing-box .mqQ39CNdS3 {
   font-size: 1.5rem;
   font-weight: bold;
   color: #ff6347;
   margin-bottom: 20px;
 }

 .pricing-box .order-btn {
   padding: 10px 20px;
   background-color: #007bff;
   color: #fff;
   border: none;
   border-radius: 5px;
   text-decoration: none;
   font-weight: bold;
 }

 .pricing-box .order-btn:hover {
   background-color: #0056b3;
 }

 .order-btn:hover {
   background-color: #2ecc71;
 }

 @media (max-width: 1024px) {
   .services-container {
     grid-template-columns: repeat(2, 1fr);
   }
 }

 @media (max-width: 768px) {
   .services-container {
     grid-template-columns: 1fr;
   }
 }

 /* container width set on large screen */

 @media (min-width: 1350px) {

   .container,
   .container-lg,
   .container-md,
   .container-sm,
   .container-xl,
   .container-xxl {
     max-width: 1220px;
   }
 }

 p {
   color: var(--color-common);
   margin-bottom: 0;
 }

 a {
   color: unset;
   text-decoration: none;
 }

 a:hover {
   color: unset;
   text-decoration: none;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: var(--font-primary);
 }

 img {
   max-width: 100%;
   height: auto;
 }

 ul {
   margin: 0;
   padding: 0;
 }

 ul li {
   list-style: none;
 }

 .list-disk {
   display: flex;
   width: 100%;
   justify-content: space-between;
   flex-wrap: wrap;
 }

 .list-disk li {
   width: 100%;
   display: block;
   line-height: 2;
   position: relative;
   padding: 5px;
   padding-inline-start: 20px;
   font-size: 16px;
   color: #4c575e;
 }


 .list-disk.two li {
   width: 50%;
 }

 @media (max-width:767px) {
   .list-disk.two li {
     width: 100%;
   }
 }

 .list-disk.white li {
   color: #c5cdd4;
 }

 .list-disk.dot li::after {
   content: '';
   width: 7px;
   height: 7px;
   background: #4a90e2;
   position: absolute;
   left: 0px;
   top: 17px;
   border-radius: 50%;
 }

 .list-disk.check li::after {
   content: '\F633';
   position: absolute;
   left: 0px;
   top: 4px;
   border-radius: 50%;
   font-family: bootstrap-icons;
   font-size: 17px;
   color: #4a90e2;
 }

 /* mix blend mode effect on image */

 .mix-blend-darken {
   mix-blend-mode: darken;
 }

 /*--------------------------------------------------------------
# Scroll top button
--------------------------------------------------------------*/
 .scroll-top {
   position: fixed;
   visibility: hidden;
   opacity: 0;
   right: 15px;
   bottom: -40px;
   z-index: 99999;
   background: #4a90e2;
   width: 40px;
   height: 40px;
   border-radius: 4px;
   transition: all 0.5s;
   cursor: pointer;
   border: 0;
   outline: unset;
   box-shadow: unset;
 }

 .scroll-top:after {
   position: absolute;
   z-index: -1;
   content: "";
   top: 100%;
   left: 5%;
   height: 10px;
   width: 90%;
   opacity: 1;
   background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
 }

 .scroll-top i {
   font-size: 24px;
   color: #fff;
   line-height: 0;
 }

 .scroll-top:hover {
   background: var(--color-primary-dark);
   color: #fff;
 }

 .scroll-top.active {
   visibility: visible;
   opacity: 1;
   bottom: 15px;
 }

 /*--------------------------------------------------------------
# loader
--------------------------------------------------------------*/
 #preloader {
   position: fixed;
   inset: 0;
   z-index: 9999;
   overflow: hidden;
   background: #fff;
   transition: all 0.6s ease-out;
   width: 100%;
   height: 100vh;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 #preloader .spinner {
   width: 11.2px;
   height: 11.2px;
   border-radius: 11.2px;
   box-shadow: 28px 0px 0 0 rgba(85, 166, 165, 0.2), 22.7px 16.5px 0 0 rgba(85, 166, 165, 0.4), 8.68px 26.6px 0 0 rgba(85, 166, 165, 0.6), -8.68px 26.6px 0 0 rgba(85, 166, 165, 0.8), -22.7px 16.5px 0 0 #55a6a5;
   animation: spinner-b87k6z 0.6s infinite linear;
 }

 @keyframes spinner-b87k6z {
   to {
     transform: rotate(360deg);
   }
 }


 /*--------------------------------------------------------------
# Swiper slider
--------------------------------------------------------------*/


 .swiper-container {
   width: 100%;
   height: 100%;
   overflow: hidden;
 }


 .swiper .swiper-pagination {
   margin-top: 20px;
   position: relative;
 }

 .swiper .swiper-pagination .swiper-pagination-bullet {
   width: 13px;
   height: 13px;
   background-color: var(--color-white);
   opacity: 1;
   border: 1px solid #4a90e2;
 }


 .swiper .swiper-pagination .swiper-pagination-bullet-active {
   background-color: #4a90e2;
 }

 /*--------------------------------------------------------------
# Button
--------------------------------------------------------------*/
 .theme-btn {
   cursor: pointer;
   outline: unset;
   box-shadow: unset;
   padding: 15px 35px;
   color: var(--color-white);
   font-size: 16px;
   background: #4a90e2;
   border: 0;
   border-radius: 5px;
   display: block;
   width: fit-content;
   transition: all 0.3s;
 }


 .theme-btn:hover {
   color: var(--color-white);
   background: var(--color-primary-dark);
 }

 .theme-btn-outline {
   cursor: pointer;
   outline: unset;
   box-shadow: unset;
   padding: 15px 35px;
   color: #4a90e2;
   font-size: 16px;
   background: #fff;
   border: 1px solid #4a90e2;
   border-radius: 5px;
   display: block;
   width: fit-content;
   transition: all 0.3s;
 }

 .theme-btn-outline:hover {
   color: var(--color-white);
   background: #4a90e2;
 }

 .theme-btn-normal {
   cursor: pointer;
   outline: unset;
   box-shadow: unset;
   color: #4a90e2;
   font-size: 16px;
   font-weight: 500;
   border: none;
   border-radius: 0px;
   display: block;
   width: fit-content;
   transition: all 0.3s;
   position: relative;
   -webkit-transition: .15s cubic-bezier(.39, .575, .565, 1);
   transition: .15s cubic-bezier(.39, .575, .565, 1);
   background-image: linear-gradient(to left, #4a90e2, #4a90e2);
   background-repeat: no-repeat;
   background-position: bottom left;
   background-size: 0 2px;
   background-color: transparent;
   height: fit-content;
 }

 .theme-btn-normal:hover {
   background-size: 100% 2px;
 }

 .theme-btn-normal i.start {
   margin-inline-end: 10px;
   vertical-align: middle;
 }

 .theme-btn-normal i.end {
   vertical-align: middle;
   transition: all .3s ease-in-out;
   margin-inline-start: 8px;
 }

 .theme-btn-normal:hover i.end {
   transform: translateX(3px);
   margin-left: 12px;
 }

 @media (max-width:550px) {
   .theme-btn {
     padding: 12px 20px;
   }

   .theme-btn-outline {
     padding: 12px 20px;
   }
 }

 .C0WWPrTznX {
   display: flex;
   flex-wrap: wrap;
   gap: 15px;
   align-items: center;
 }

 /*
* ----------------------------------------------------------------------------------------
* Top Bar
* ----------------------------------------------------------------------------------------
*/

 .topbar {
   padding: 10px 0;
 }

 .topbar .top-bar-support {
   font-size: 14px;
   font-weight: 400;
   font-family: var(--font-primary);
   color: #585954;
   letter-spacing: 0.3px;
 }

 .topbar .top-bar-support .live-chat {
   background: #4a90e2;
   padding: 5px 10px;
   border-radius: 5px;
   margin-inline-end: 5px;
   color: #fff;
   font-size: 13px;
   font-weight: 400;
 }

 .topbar .topbar-media-link ul {
   list-style: none;
 }

 .topbar .topbar-media-link ul li a i {
   font-size: 14px !important;
   color: #424242 !important;
 }



 .top-bar-dropdown button {
   font-size: 15px;
   font-weight: 500;
   font-family: var(--font-primary);
   color: #686868;
   letter-spacing: 0.5px;
   background: none;
   outline: none;
   border: none;
   padding: 0;
 }



 .top-bar-dropdown button:after {
   content: '\F282';
   font-family: bootstrap-icons;
   color: #424242;
   font-size: 12px;
   transition: all 0.3s;
   display: inline-block;
   line-height: 1;
   margin-inline-start: 5px;
 }

 .top-bar-dropdown button.show:after {
   transform: rotate(-180deg);
   color: #4a90e2;
 }

 .top-bar-dropdown button.show {
   color: #4a90e2;
 }

 .top-bar-dropdowns .top-bar-dropdown+.top-bar-dropdown {
   margin-inline-start: 5px;
 }

 .top-bar-dropdown.language-dropdown-menu .dropdown-menu {
   max-height: 400px;
   overflow: auto;
 }

 .top-bar-dropdown.nofication-dropdown-menu .dropdown-menu {
   min-width: 300px;
 }

 .topbar.white .top-bar-sale {
   color: #fff;
 }


 .topbar.white .top-bar-dropdown button {
   color: #fff;
 }

 .topbar.white .top-bar-dropdown button:after {
   color: #fff;
 }


 .dropdown-menu {
   border: none;
   border-radius: 4px;
   padding: 0px;
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
 }

 .dropdown-menu li+li {
   border-top: 1px solid #cac7c7;
 }

 .dropdown-menu li a {
   display: block;
   padding: 10px;
   font-size: 14px;
   font-weight: 500;
   font-family: var(--font-primary);
   color: #828282;
   transition: all 0.3s;
 }

 .dropdown-menu li a:hover {
   color: #4a90e2;
 }




 /*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
 .header {
   transition: all 0.5s;
   z-index: 997;
   padding: 20px 0;
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   width: 100%;
   border-bottom: 1px solid #a8a6a6;
 }

 .header.header-with-top-bar {
   top: 44px;
 }

 .header.header-sticky {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   width: 100%;
   transition: all 0.5s;
   background: rgba(14, 29, 52, 0.9);
   box-shadow: 0px 2px 20px rgba(14, 29, 52, 0.1);
 }

 .header .logo img {
   max-height: 55px;
   margin-right: 6px;
 }

 .header .logo h1 {
   font-size: 30px;
   margin: 0;
   font-weight: 700;
   color: #fff;
   font-family: var(--font-primary);
 }

 /*--------------------------------------------------------------
# Desktop Navigation
--------------------------------------------------------------*/
 @media (min-width: 1280px) {
   .header {
     padding: 0;
   }

   .navbar {
     padding: 0;
     margin-bottom: 0;
     position: static;
   }

   .navbar ul {
     margin: 0;
     padding: 0;
     display: flex;
     list-style: none;
     align-items: center;
   }

   .navbar li {
     position: relative;
   }

   .navbar a,
   .navbar a:focus {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 30px 0 30px 40px;
     font-family: var(--font-primary);
     font-size: 16px;
     font-weight: 500;
     color: rgba(255, 255, 255, 0.6);
     white-space: nowrap;
     transition: 0.3s;
   }

   .navbar a i,
   .navbar a:focus i {
     font-size: 12px;
     line-height: 0;
     margin-left: 5px;
   }

   .navbar a:hover,
   .navbar .active,
   .navbar .active:focus,
   .navbar li:hover>a {
     color: #fff;
   }

   .navbar .menu-account-btn,
   .navbar .menu-account-btn:focus {
     background: #4a90e2;
     padding: 8px 20px;
     margin-left: 30px;
     border-radius: 4px;
     color: #fff;
     border: 1px solid #4a90e2;
   }

   .navbar .menu-account-btn i,
   .navbar .menu-account-btn:focus i {
     font-size: 16px;
     margin: 0;
     margin-inline-end: 5px;
   }



   .navbar .menu-account-btn:hover,
   .navbar .menu-account-btn:focus:hover {
     color: #4a90e2;
     background: var(--color-white);
   }

   .navbar .dropdown.megamenu {
     position: static;
   }


   .navbar .dropdown ul {
     display: block;
     position: absolute;
     left: 14px;
     top: calc(100% + 30px);
     margin: 0;
     padding: 10px 0;
     z-index: 99;
     opacity: 0;
     visibility: hidden;
     background: #fff;
     box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
     transition: 0.3s;
     border-radius: 4px;
   }

   .navbar .dropdown ul li {
     min-width: 320px;
   }

   .navbar .dropdown.only-list ul li {
     min-width: 230px;
   }

   .navbar .dropdown.only-list ul li a.active {
     color: #4a90e2;
   }

   .navbar .dropdown ul a {
     padding: 10px 20px;
     font-size: 15px;
     text-transform: none;
     font-weight: 400;
     color: var(--color-common);
   }

   .navbar .dropdown ul a i {
     font-size: 12px;
   }

   .navbar .dropdown ul a:hover,
   .navbar .dropdown ul .active:hover,
   .navbar .dropdown ul li:hover>a {
     color: #4a90e2;
   }


   .navbar .dropdown .downdown-list {
     display: flex;
     width: 100%;
     flex-direction: column;

   }

   .navbar .dropdown .downdown-list .title {
     display: flex;
     width: 100%;
     margin-bottom: 5px;
     align-items: center;
   }

   .navbar .dropdown .downdown-list .title .icon {
     margin-inline-end: 10px;
     width: fit-content;
     height: 100%;
   }

   .navbar .dropdown .downdown-list .title .icon i {
     font-size: 22px;
     margin: 0;
     line-height: 1.2;
     color: #4a90e2;
   }

   .navbar .dropdown .downdown-list .title .icon svg {
     margin: 0;
     fill: #4a90e2;
   }

   .navbar .dropdown .downdown-list .title .content {
     font-size: 16px;
     margin-bottom: 0;
     font-weight: 500;
     color: var(--color-two);
     transition: all 0.3s;
     white-space: break-spaces;
   }

   .navbar .dropdown .downdown-list:hover .title .content,
   .navbar .dropdown .active .downdown-list .title .content {
     color: #4a90e2;
   }

   .navbar .dropdown .downdown-list .subtitle {
     margin-bottom: 0;
     font-size: 15px;
     font-weight: 400;
     color: #475569;
     white-space: break-spaces;
   }

   .navbar .dropdown.megamenu>ul {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     min-width: unset;
     align-items: start;
     opacity: 0;
     visibility: hidden;
   }

   .navbar .dropdown.megamenu:hover>ul {
     opacity: 1;
     visibility: visible;
   }



   .navbar .dropdown.megamenu>ul>li {
     flex: 0 25%;
     min-width: unset;
   }

   .navbar .dropdown.megamenu>ul>li>a {
     font-size: 15px;
     font-weight: 500;
     position: relative;
     color: #757575;
     cursor: auto;
     letter-spacing: 0.5px;
   }

   .navbar .dropdown.megamenu>ul>li>a:after {
     content: '';
     width: 95%;
     position: absolute;
     bottom: 0;
     left: 3%;
     height: 1px;
     background: #b3b1b1;
   }

   .navbar .dropdown.megamenu>ul>li>a>i {
     display: none;
   }

   .navbar .dropdown.megamenu>ul>li>ul {
     visibility: hidden;
     opacity: 0;
     position: unset;
     box-shadow: unset;
     padding: 0;
   }

   .navbar .dropdown.megamenu:hover>ul>li>ul {
     visibility: visible;
     opacity: 1;
   }

   .navbar .dropdown.megamenu>ul>li>ul>li {
     min-width: unset;
   }

   .navbar .dropdown.megamenu>ul>li>ul>li>a.active {
     color: #4a90e2;
   }


   .navbar .dropdown:hover>ul {
     opacity: 1;
     top: 100%;
     visibility: visible;
   }

   .navbar .dropdown .dropdown ul {
     top: 0;
     left: calc(100% - 30px);
     visibility: hidden;
   }

   .navbar .dropdown .dropdown:hover>ul {
     opacity: 1;
     top: 0;
     left: 100%;
     visibility: visible;
   }
 }

 @media (min-width: 1280px) and (max-width: 1366px) {
   .navbar .dropdown .dropdown ul {
     left: -90%;
   }

   .navbar .dropdown .dropdown:hover>ul {
     left: -100%;
   }
 }

 @media (min-width: 1280px) {

   .mobile-nav-show,
   .mobile-nav-hide {
     display: none;
   }
 }

 /*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
 @media (max-width: 1279px) {
   .navbar {
     position: fixed;
     top: 0;
     right: -100%;
     width: 100%;
     max-width: 400px;
     bottom: 0;
     transition: 0.3s;
     z-index: 9997;
   }

   .navbar ul {
     position: absolute;
     inset: 0;
     padding: 50px 0 10px 0;
     margin: 0;
     background: rgba(14, 29, 52, 0.9);
     overflow-y: auto;
     transition: 0.3s;
     z-index: 9998;
   }

   .navbar a,
   .navbar a:focus {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 12px 20px;
     font-family: var(--font-primary);
     font-size: 16px;
     font-weight: 500;
     color: rgba(255, 255, 255, 0.7);
     white-space: nowrap;
     transition: 0.3s;
   }

   .navbar a i,
   .navbar a:focus i {
     font-size: 12px;
     line-height: 0;
     margin-left: 5px;
   }

   .navbar a:hover,
   .navbar .active,
   .navbar .active:focus,
   .navbar li:hover>a {
     color: #fff;
   }

   .navbar .menu-account-btn,
   .navbar .menu-account-btn:focus {
     background: #4a90e2;
     padding: 8px 20px;
     border-radius: 4px;
     margin: 15px;
     color: #fff;
     display: block;
     text-align: center;
     border: 1px solid #4a90e2;
   }

   .navbar .menu-account-btn i {
     font-size: 16px;
     margin-inline-end: 5px;
   }

   .navbar .menu-account-btn:hover,
   .navbar .menu-account-btn:focus:hover {
     color: #4a90e2;
     background: transparent;
   }

   .navbar .dropdown ul,
   .navbar .dropdown .dropdown ul {
     position: static;
     display: none;
     padding: 10px 0;
     margin: 10px 20px;
     transition: all 0.5s ease-in-out;
     border: 1px solid #19335c;
   }

   .navbar .dropdown>.dropdown-active,
   .navbar .dropdown .dropdown>.dropdown-active {
     display: block;
   }


   .navbar .dropdown .downdown-list {
     display: flex;
     width: 100%;
     flex-direction: column;

   }

   .navbar .dropdown .downdown-list .title {
     display: flex;
     width: 100%;
     margin-bottom: 5px;
     align-items: center;
   }

   .navbar .dropdown .downdown-list .title .icon {
     margin-inline-end: 10px;
     width: fit-content;
     height: 100%;
   }

   .navbar .dropdown .downdown-list .title .icon i {
     font-size: 22px;
     margin: 0;
     line-height: 1.2;
     color: #4a90e2;
   }

   .navbar .dropdown .downdown-list .title .icon svg {
     margin: 0;
     fill: #4a90e2;
   }

   .navbar .dropdown .downdown-list .title .content {
     font-size: 16px;
     margin-bottom: 0;
     font-weight: 500;
     color: #d0d2d5;
     transition: all 0.3s;
     white-space: break-spaces;
   }

   .navbar .dropdown .downdown-list:hover .title .content {
     color: #4a90e2;
   }

   .navbar .dropdown .downdown-list .subtitle {
     margin-bottom: 0;
     font-size: 15px;
     font-weight: 400;
     color: #929293;
     white-space: break-spaces;
   }

   .mobile-nav-show {
     color: #fff;
     font-size: 28px;
     cursor: pointer;
     line-height: 0;
     transition: 0.5s;
     z-index: 9999;
     margin-right: 10px;
   }

   .mobile-nav-hide {
     color: #fff;
     font-size: 32px;
     cursor: pointer;
     line-height: 0;
     transition: 0.5s;
     position: fixed;
     right: 20px;
     top: 20px;
     z-index: 9999;
   }

   .mobile-nav-active {
     overflow: hidden;
   }

   .mobile-nav-active .navbar {
     right: 0;
   }

   .mobile-nav-active .navbar:before {
     content: "";
     position: fixed;
     inset: 0;
     background: rgba(14, 29, 52, 0.8);
     z-index: 9996;
   }
 }

 /*--------------------------------------------------------------
# Slider Area
--------------------------------------------------------------*/
 .banner {
   background: var(--color-two);
   position: relative;
   overflow: hidden;
   z-index: 1;
 }

 .banner .banner-illustration {
   position: absolute;
   z-index: -1;
   width: 100%;
   left: 0;
   top: 0;
   opacity: 0.5;
   height: 100%;
 }

 .banner .banner-illustration .img1 {
   max-width: 40%;
   position: absolute;
   left: 0;
   top: 50%;
   transform: translate(0, -50%);
 }

 .banner .banner-illustration .img2 {
   max-width: 40%;
   position: absolute;
   right: 0;
   top: 50%;
   transform: translate(0, -50%);
 }

 @media(max-width:991px) {
   .banner .banner-illustration {
     display: none;
   }
 }

 .banner .banner-inner {
   padding: 180px 0 120px 0;
 }

 .banner .banner-inner.bottom-up {
   padding-bottom: 180px;
 }

 .banner .banner-inner.bottom-up.plan-tab {
   padding-bottom: 200px;
 }


 .banner .banner-inner .banner-heading h1 {
   margin-bottom: 20px;
   font-size: 50px;
   color: #fff;
   font-weight: 600;
 }

 .banner .banner-inner .banner-heading p {
   font-size: 16px;
   line-height: 30px;
   color: #bfbfbf;
 }


 .banner .banner-inner .banner-heading.center h1 {
   text-align: center;
 }



 .banner .banner-inner .banner-heading.center p {
   text-align: center;
 }

 .banner .banner-inner .banner-heading .banner-btn {
   margin-top: 25px;
   display: flex;
 }

 .banner .banner-inner .banner-heading.center.center .banner-btn {
   justify-content: center;
 }

 @media (max-width:992px) {
   .banner .banner-inner {
     padding: 130px 0 70px 0;
   }

   .banner .banner-inner .banner-heading h1 {
     font-size: 40px;
   }
 }

 @media (max-width:550px) {
   .banner .banner-inner.bottom-up {
     padding-bottom: 150px;
   }

   .banner .banner-inner.bottom-up.plan-tab {
     padding-bottom: 180px;
   }

   .banner .banner-inner .banner-heading h1 {
     font-size: 35px;
   }
 }

 /* banner two Design*/
 .banner-two {
   padding: 150px 0 50px 0;
   background: url('../img/page-header-bg.svg')no-repeat bottom right;
   background-color: #111827 !important;
 }

 .banner-two.bg-unset {
   background: unset;
 }

 .banner-two.bg-active {
   position: relative;
   overflow: hidden;
 }

 .banner-two.bg-active .TshQbZLQYw {
   position: absolute;
   width: auto;
   height: 100%;
   left: 0;
   top: 0;
   z-index: 1;
   max-width: none;
 }


 @media (min-width: 992px) {
   .banner-two.bg-active .TshQbZLQYw {
     height: unset;
     width: 100%;
     max-width: 100%;
   }
 }

 .banner-two.bg-active video.TshQbZLQYw {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   width: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   height: 100%;
   z-index: 1;
 }

 .banner-two.bg-active.darkness::before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: #000000d1;
   z-index: 2;
   opacity: 1;
 }

 .banner-two.bg-active .bg-up-content {
   z-index: 2;
   position: relative;
 }

 .hero-content-wrap {
   display: block;
 }

 .hero-content-wrap h5 {
   font-size: 1.25rem;
   line-height: 1.2;
   margin-top: 0;
   margin-bottom: .375rem;
   color: #fff;
 }

 .hero-content-wrap h5.yellow {
   color: #ffc300;
 }

 .hero-content-wrap h1 {
   font-size: 48px;
   font-weight: 700;
   color: #fff;
 }

 .hero-content-wrap p {
   font-size: 17px;
   line-height: 25px;
   color: #d9d9d9;
   margin-bottom: 0;
 }

 .hero-content-wrap .banner-btn {
   display: flex;
   margin-top: 25px;
 }

 @media (max-width:767px) {
   .hero-content-wrap {
     text-align: center;
   }

   .hero-content-wrap .banner-btn {
     justify-content: center;
   }
 }

 @media (max-width:550px) {
   .hero-content-wrap h5 {
     font-size: 16px;
   }

   .hero-content-wrap h1 {
     font-size: 35px;
     font-weight: 600;
   }

   .hero-content-wrap p {
     font-size: 16px;
   }
 }


 /* sale hero design*/

 .banner-sale {
   padding: 150px 0 50px 0;
 }

 .banner-sale.D6DVlnWbPD {
   background: #000;
 }

 .sale-content h1 {
   font-size: 50px;
   color: #4a90e2;
   font-weight: 700;
 }

 .sale-content p {
   font-size: 18px;
   color: #7e7e7e;
   line-height: 28px;
 }

 .sale-content .off-text {
   position: relative;
   font-size: 60px;
   line-height: 60px;
   font-weight: 700;
   margin-top: 30px;
   color: #fff;
 }

 .sale-content .off-text span {
   position: absolute;
   font-size: 16px;
   top: -35px;
   text-transform: uppercase;
   left: unset;
 }

 .sale-content .promocode {
   font-size: 23px;
   color: #fff;
   margin-top: 0px;
   margin-bottom: 0;
   line-height: 2;
   text-align: start;
   position: relative;
 }

 .sale-content .promocode .code {
   font-size: 25px;
   text-align: center;
   color: #fff;
   padding: 4px 10px;
   border: 3px dotted #4a90e2;
   margin-left: 10px;
   border-radius: 0;
   position: relative;
 }

 @media (max-width:550px) {
   .sale-content h1 {
     text-align: center;
     font-size: 35px;
   }

   .sale-content p {
     font-size: 15px;
     line-height: 24px;
     text-align: center;
   }

   .sale-content .off-text {
     text-align: center;
   }

   .sale-content .promocode {
     font-size: 18px;
     text-align: center;
   }

   .sale-content .promocode .code {
     font-size: 20px;
   }

   .sale-content .theme-btn {
     margin: auto;
   }
 }

 .single-offer-box {
   background: rgba(2, 52, 92, .25);
   border: 2px solid rgba(255, 255, 255, .25);
   margin: 20px 0;
   border-radius: 1rem;
 }

 .single-offer-box .offer-header {
   width: 100%;
   display: block;
   background: rgba(255, 255, 255, .9);
   border-radius: .9rem .9rem 0 0;
   font-size: 14px;
 }

 .single-offer-box .offer-content {
   position: relative;
   width: 100%;
   height: 100%;
   top: 0;
   bottom: 0;
   padding: 5px 5px 35px;
 }

 .single-offer-box .offer-content span {
   font-size: 14px;
   color: rgba(255, 255, 255, .65);
 }

 .single-offer-box .offer-content .starting-price {
   font-size: 33px;
   font-weight: 700;
   line-height: 1.25;
 }

 .single-offer-box .offer-content .starting-price small,
 .single-offer-box .offer-content .starting-price .small {
   font-weight: 400;
   font-size: 55%;
   margin-right: 2px;
 }

 .single-offer-box .save-now-btn {
   position: absolute;
   bottom: -16px;
   right: auto;
   left: 50%;
   -webkit-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
   padding: 8px 17px;
 }

 /*--------------------------------------------------------------
# Home Page Services
--------------------------------------------------------------*/

 .homepage-services {
   position: relative;
 }

 .top-up {
   position: relative;
   z-index: 2;
   padding-bottom: 0px;
 }

 .top-up.bottom-gap {
   padding-bottom: 60px;
 }

 .top-up .upside {
   margin-top: -100px;
 }

 .homepage-services .tab {
   display: block;
   background: #fff;
   width: 100%;
   position: relative;
   border-radius: 0;
   border: 1px solid #d7d6d6;
 }

 .homepage-services .tab .tabing-active-content {
   padding: 15px;
   height: 100%;
 }


 @media (min-width:992px) {
   .border-lg-end {
     border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
   }

   .homepage-services .tab .tabing {
     display: block;
     padding: 15px 0;
   }

   .homepage-services .tab .tabing .tabs {
     margin: 0;
     padding: 0;
     display: flex;
     flex-wrap: wrap;
   }

   .homepage-services .tab .tabing .tabs li {
     display: block;
     width: 100%;
     position: relative;
     opacity: 0.5;
   }

   .homepage-services .tab .tabing .tabs li.current {
     opacity: 1;
   }

   .homepage-services .tab .tabing .tabs li:after {
     content: '';
     position: absolute;
     right: -2px;
     width: 3px;
     height: 70%;
     background: #4a90e2;
     transition: all 0.3s;
     opacity: 0;
     visibility: hidden;
     top: 15%;
   }

   .homepage-services .tab .tabing .tabs li.current:after {
     opacity: 1;
     visibility: visible;
   }

   .homepage-services .tab .tabing .tabs li a {
     padding: 15px 20px;
     display: flex;
     width: 100%;
     white-space: unset;
     align-items: center;
   }

   .homepage-services .tab .tabing .tabs li a img {
     margin-inline-end: 10px;
     max-height: 30px;
   }

   .homepage-services .tab .tabing .tabs li a span {
     font-size: 18px;
     line-height: 1;
     font-weight: 500;
     text-transform: capitalize;
     color: #1b1a19;
   }
 }


 @media (max-width:991px) {
   .homepage-services .tab .tabing {
     padding: 10px 0 0 0;
   }

   .homepage-services .tab .tabing .tabs {
     user-select: none;
     margin: 0;
     padding: 0;
     display: flex;
     flex-wrap: nowrap;
     overflow: auto;
   }

   .homepage-services .tab .tabing .tabs li {
     display: block;
     width: 100%;
     position: relative;
     opacity: 0.5;
   }

   .homepage-services .tab .tabing .tabs li+li {
     margin-inline-start: 10px;
   }

   .homepage-services .tab .tabing .tabs li.current {
     opacity: 1;
   }


   .homepage-services .tab .tabing .tabs li a {
     padding: 15px 20px;
     display: block;
     width: 100%;
     /* text-align: center; */
     padding-inline-start: 53px;
     position: relative;
   }

   .homepage-services .tab .tabing .tabs li a img {
     /* margin-bottom: 10px; */
     max-height: 30px;
     display: block;
     position: absolute;
     left: 10px;
     top: 12px;
   }

   .homepage-services .tab .tabing .tabs li a span {
     font-size: 18px;
     line-height: 1;
     font-weight: 500;
     text-transform: capitalize;
     white-space: nowrap;
     color: #1b1a19;
   }
 }


 .homepage-services .domain-search-box {
   position: relative;
   display: flex;
   align-items: center;
   width: 100%;
   border: 1px solid #eaeaea;
   padding: 10px 15px;
   flex-wrap: wrap;
 }

 .homepage-services .domain-search-box .www {
   width: 10%;
   display: block;
   font-size: 18px;
   font-weight: 500;
   margin: 0;
   color: #8c8e8e;
 }

 .homepage-services .domain-search-box .inputbox {
   border: unset;
   box-shadow: unset;
   outline: unset;
   font-size: 18px;
   font-weight: 500;
   margin: 0;
   background: transparent;
   width: 60%;
   color: #a2a9b3;
 }

 .homepage-services .domain-search-box .select-domain {
   border: unset;
   box-shadow: unset;
   outline: unset;
   font-size: 18px;
   font-weight: 500;
   margin: 0;
   color: #a2a9b3;
   width: 15%;
   padding: 10px 15px;
   border-radius: 0;
 }

 .homepage-services .domain-search-box .submit-btn {
   font-size: 16px;
   color: #fff;
   background: #4a90e2;
   width: 15%;
   padding: 12px 18px;
   font-size: 18px;
   border: 0;
   box-shadow: unset;
   outline: unset;
   border-radius: 5px;
   transition: all 0.3s;
 }

 .homepage-services .domain-search-box .submit-btn:hover {
   background: var(--color-primary-dark);
 }

 @media (max-width:992px) {
   .homepage-services .domain-search-box {
     padding: 15px;
   }

   .homepage-services .domain-search-box .www {
     display: none;
   }

   .homepage-services .domain-search-box .inputbox {
     width: 100%;
     padding: 0 0px 10px 0px;
     font-size: 18px;
   }

   .homepage-services .domain-search-box .select-domain {
     position: absolute;
     width: fit-content;
     right: 0;
     top: 15px;
     padding: 0px 25px;
   }

   .homepage-services .domain-search-box .submit-btn {
     width: 100%;
     font-size: 16px;
     padding: 10px 18px;
   }

 }


 .homepage-services .table-domain-promos {
   border: 0;
   box-shadow: unset;
   width: 100%;
   margin-top: 10px;
   background: transparent;
   table-layout: fixed;
 }

 .homepage-services .table-domain-promos tbody tr td:first-child {
   text-align: start;
 }

 .homepage-services .table-domain-promos tbody tr.odd td {
   background: #F6F6F6;
 }

 .homepage-services .table-domain-promos tbody tr td {
   font-size: 16px;
   color: #434444;
   font-weight: 500;
   padding: 12px;
   text-align: center;
 }

 .homepage-services .table-domain-promos tbody tr td:last-child {
   text-align: end;
 }

 .homepage-services .table-domain-promos tbody tr td del {
   color: #b7b7b7;
 }


 @media (max-width:767px) {
   .homepage-services .table-domain-promos {
     table-layout: auto;
   }

   .homepage-services .table-domain-promos tbody tr td {
     font-size: 16px;
   }
 }

 .homepage-services .full-domain-pricing {
   font-size: 15px;
   color: #A2A2A2;
   font-weight: 400;
   margin-top: 10px;
 }

 .homepage-services .full-domain-pricing strong {
   color: #000000;
   font-weight: 500;
 }

 .homepage-services .domain-services {
   display: flex;
   background: #F8F8F8;
   padding: 15px 15px;
   justify-content: space-between;
   margin-top: 10px;
 }

 .homepage-services .domain-services li {
   display: block;
   width: fit-content;
   font-size: 16px;
   font-weight: 400;
 }

 .homepage-services .domain-services li i {
   margin-inline-end: 10px;
 }

 @media (max-width:1200px) {
   .homepage-services .domain-services {
     display: flex;
     flex-wrap: wrap;
     gap: 15px 0;
   }

   .homepage-services .domain-services li {
     width: 50%;
   }
 }

 @media (max-width:550px) {
   .homepage-services .domain-services {
     display: none;
   }
 }

 /*--------------------------------------------------------------
# Small Type Plan
--------------------------------------------------------------*/

 .plan-small {
   display: block;
   width: 100%;
   background: #fff;
   border: 1px solid #c4c6ca;
   border-radius: 4px;
   position: relative;
   transition: all .3s ease-in-out;
 }

 .plan-small:hover {
   filter: drop-shadow(0 4px 5px rgba(0, 0, 0, .25));
 }

 .plan-small .off {
   font-size: 14px;
   font-weight: 400;
   color: #fff;
   padding: 4px 10px;
   border-radius: 4px;
   background: #4a90e2;
   text-transform: uppercase;
   position: absolute;
   top: 15px;
   right: 25px;
   z-index: 1;
 }

 .plan-small .plan-header {
   background: #f6f6f8;
   border-radius: 4px 4px 0 0;
   min-height: 140px;
   box-sizing: border-box;
   margin-bottom: 25px;
   position: relative;
   display: flex;
   align-items: start;
   overflow: hidden;
   padding: 15px 24px 43px;
 }

 .plan-small .plan-header h3 {
   margin-bottom: 0;
   padding-top: 32px;
   color: #1b1a19;
   font-size: 21px;
   max-width: 105px;
 }

 .plan-small .plan-header i {
   position: absolute;
   bottom: 0;
   right: 0;
 }

 .plan-small .plan-header i img {
   width: 85%;
   display: block;
 }

 .plan-small .text {
   color: #7a7b7b;
   padding: 0 25px;
   font-size: 16px;
   font-weight: 400;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   display: -webkit-box;
   margin-bottom: 10px;
 }

 .plan-small .plan-footer {
   display: flex;
   align-items: center;
   padding: 25px;
   justify-content: space-between;
 }

 .plan-small .plan-footer .mqQ39CNdS3 {
   color: #1b1a19;
   font-size: 28px;
   font-weight: 400;
 }

 .plan-small .plan-footer .mqQ39CNdS3 b {
   font-weight: 700;
 }

 .plan-small .plan-footer .plan-buy {
   font-size: 16px;
   font-weight: 500;
   background: #fff;
   padding: 10px 25px;
   border: 1px solid #1b1a19;
   border-radius: 4px;
   text-transform: uppercase;
   transition: all .3s ease-in-out;
   text-decoration: none;
   color: #1b1a19;
 }

 .plan-small .plan-footer .plan-buy:hover {
   background: #4a90e2;
   color: var(--color-white);
   border: 1px solid #4a90e2;
   transition: all .3s ease-in-out;
 }

 @media (max-width:550px) {
   .plan-small .plan-footer {
     padding: 10px 25px 20px 25px;
   }

   .plan-small .plan-footer .mqQ39CNdS3 {
     font-size: 18px;
   }

   .plan-small .plan-footer .plan-buy {
     font-size: 15px;
     padding: 10px 22px;
   }

   .plan-small .plan-header i img {
     width: 70%;
     margin: auto;
   }
 }

 /*--------------------------------------------------------------
# Section Gap
--------------------------------------------------------------*/
 .section-gap {
   padding: 60px 0;
 }

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

 /*--------------------------------------------------------------
# Section Background
--------------------------------------------------------------*/
 .sectionbg {
   position: relative;
 }

 .sectionbg.D6DVlnWbPD {
   background: #ffffff;
 }

 .sectionbg.bg2 {
   background: #010611;
 }

 /*--------------------------------------------------------------
# Section Heading
--------------------------------------------------------------*/
 .section-heading.gap-bottom {
   margin-bottom: 50px;
 }

 .section-heading h2 {
   font-size: 40px;
   font-weight: 600;
   color: #3E3E3E;
   line-height: 1.5;
 }

 .section-heading.white h2 {
   color: #fff;
 }

 .section-heading.center h2 {
   text-align: center;
 }

 .section-heading h4 {
   font-size: 30px;
   font-weight: 600;
   color: #3E3E3E;
 }

 .section-heading.white h4 {
   color: #fff;
 }

 .section-heading.center h4 {
   text-align: center;
 }

 .section-heading p {
   font-size: 15px;
   color: var(--color-common);
   line-height: 25px;
 }

 .section-heading.white p {
   color: #fff;
 }

 .section-heading.center p {
   text-align: center;

 }

 .section-heading p+p {
   margin-top: 12px;
 }

 @media (max-width:767px) {
   .section-heading h2 {
     font-size: 27px;
     text-align: center;
   }

   .section-heading h4 {
     text-align: center;
   }

   .section-heading p {
     text-align: center;
   }

   .section-heading .C0WWPrTznX {
     justify-content: center;
   }
 }

 /*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
 .features-one {
   display: flex;
   align-items: center;
 }

 .features-one.list {
   align-items: start;
 }

 @media (max-width:550px) {
   .features-one {
     flex-direction: column;
     align-items: center;
   }
 }


 .features-one .icon {
   margin-inline-end: 15px;
   border-radius: 50%;
   padding: 15px;
   background: #f1f1f1;
   width: fit-content;
 }

 .sectionbg.D6DVlnWbPD .features-one .icon {
   background: #fff;
 }

 @media (max-width:550px) {
   .features-one .icon {
     margin-inline-end: unset;
     margin-bottom: 10px;
   }
 }


 .features-one .icon img {
   max-width: 45px;
 }

 .features-one .content {
   display: block;
 }

 .features-one .content h3 {
   font-size: 22px;
   margin-bottom: 10px;
   color: #3E3E3E;
   line-height: 1.5;
 }

 .list-arrow {
   display: block;
 }

 .list-arrow li {
   position: relative;
   padding-inline-start: 25px;
   font-size: 16px;
   line-height: 24px;
   font-weight: 400;
   color: #575757;
 }

 .list-arrow li:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   background-image: url('../img/right-arrow.svg');
   background-repeat: no-repeat;
   width: 15px;
   height: 24px;
   background-position: 0 4px;
 }

 .list-arrow li strong {
   font-weight: 500;
 }

 .list-arrow li+li {
   margin-top: 5px;
 }

 @media (max-width:550px) {
   .features-one .content h3 {
     text-align: center;

   }

   .features-one.list .content h3 {
     text-align: start;
   }
 }

 .features-one .content p {
   font-size: 16px;
   line-height: 28px;
 }

 @media (max-width:550px) {
   .features-one .content p {
     text-align: center;
   }

   .features-one.list .content p {
     text-align: start;
   }
 }

 /*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/

 .testimonials {
   padding: 25px;
   background: #fff;
   border-radius: 5px;
 }

 .testimonials .stars {
   display: flex;
   justify-content: start;
   margin-bottom: 10px;
 }

 .testimonials .stars i {
   font-size: 18px;
   line-height: 1;
   color: #F1A83C;
 }

 .testimonials .stars i+i {
   margin-inline-start: 10px;
 }

 .testimonials .content {
   font-size: 16px;
   line-height: 1.8;
   color: #969698;
 }

 .testimonials .client-info {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: 15px;
 }

 .testimonials .client-info .details {
   display: flex;
   align-items: center;
 }

 .testimonials .client-info .details .client-img {
   width: 50px;
   height: 50px;
   margin-inline-end: 15px;
   border-radius: 5px;
   overflow: hidden;
 }

 .testimonials .client-info .details .client-content .name {
   font-size: 17px;
   color: #424243;
   margin-bottom: 0px;
 }

 .testimonials .client-info .details .client-content .designation {
   font-size: 12px;
   color: #636363;
   margin-top: 2px;
   font-weight: 400;
   letter-spacing: 0.5px;
 }

 /*--------------------------------------------------------------
# accordion
--------------------------------------------------------------*/

 .accordion {
   background: #F5F5F5;
   padding: 20px;
   margin: 0;
   list-style: none;
 }

 .accordion li {
   background: #FFFFFF;
   list-style: none;
   border: 1px solid #707070;
   padding: 10px 20px;
 }

 .accordion li+li {
   margin-top: 15px;
 }

 .accordion li a {
   font-size: 16px;
   font-weight: 500;
   color: #4B4B4B;
   padding: 10px 0;
   display: flex;
   align-items: center;
   transition: all 0.3s;
   cursor: pointer;
   user-select: none;
 }

 .accordion li a.active {
   color: #4a90e2;
 }

 .accordion li a::after {
   content: '+';
   width: 30px;
   height: 30px;
   display: flex;
   background: #eee;
   color: #353535;
   justify-content: center;
   align-items: center;
   font-size: 17px;
   margin-inline-start: auto;
 }

 .accordion li a.active:after {
   content: '-';
   font-size: 22px;
 }

 .accordion li p {
   padding: 10px 0;
   border-top: 1px solid #707070;
   font-size: 15px;
   line-height: 1.7;
   color: #4B4B4B;
 }

 /*--------------------------------------------------------------
# boost your business
--------------------------------------------------------------*/
 .boost-your-business {
   display: flex;
   align-items: center;
   width: 100%;
 }

 .boost-your-business img {
   display: block;
 }

 .boost-your-business .content {
   margin-inline-start: 15px;
   font-size: 20px;
   line-height: 1.5;
   font-weight: 500;
   color: #4B4B4B;
 }

 /*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
 .footer-main {
   padding-top: 80px;
   padding-bottom: 20px;
   background: #f06;
 }

 .footer-main .footer-list {
   display: block;
 }

 .footer-main .footer-list h5 {
   font-size: 16px;
   font-weight: 500;
   color: #fff;
   margin-bottom: 15px;
   line-height: 30px;
   position: relative;
   padding-bottom: 10px;
 }

 .footer-main .footer-list h5:before {
   content: '';
   width: 60px;
   height: 3px;
   background: #fafafa;
   position: absolute;
   left: 0;
   bottom: 0;
 }

 .footer-main .footer-list h5:after {
   content: '';
   width: 8px;
   height: 3px;
   background: #fafafa;
   position: absolute;
   left: 65px;
   bottom: 0;
 }

 .footer-main .footer-list a {
   display: block;
   position: relative;
   font-size: 14px;
   color: #c6c4c4;
   padding-inline-start: 20px;
   line-height: 25px;
   transition: all 0.3s;
 }

 .footer-main .footer-list a:hover {
   color: #fff;
 }

 .footer-main .footer-list a::before {
   content: '';
   width: 12px;
   height: 1.5px;
   background: #c6c4c4;
   position: absolute;
   left: 0;
   top: 50%;
   transform: translate(0, -50%);
 }

 .footer-main .footer-list a:hover::before {
   background: #fff;
 }

 .footer-main .footer-list a+a {
   margin-top: 10px;
 }

 .footer-main .footer-logo {
   display: block;
 }

 .footer-main .footer-logo img {
   max-height: 50px;
 }

 .footer-main .company-info {
   font-size: 15px;
   margin-top: 10px;
   line-height: 26px;
   color: #a6a2a2;
 }

 .footer-main .footer-social-media {
   display: flex;
   flex-wrap: wrap;
 }

 .footer-main .footer-social-media a {
   width: 35px;
   height: 35px;
   line-height: 40px;
   border-radius: 5px;
   border: 1px solid;
   border-color: rgba(255, 255, 255, 0.2) !important;
   color: #fff;
   text-align: center;
   font-size: 15px;
   transition: all 0.5s;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 5px;
 }

 .footer-main .footer-social-media a svg {
   width: 15px;
   height: 15px;
   fill: #fff;
 }

 .footer-main .footer-social-media a:hover {
   background: rgba(255, 255, 255, 1) !important;
   border-color: rgba(255, 255, 255, 1) !important;
   fill: #4a90e2;
 }

 .footer-main .footer-social-media a:hover svg {
   fill: #4a90e2;
 }

 .footer-main .copyright-text {
   font-size: 14px;
   color: #f7f7f7;
 }

 /*--------------------------------------------------------------
# Services Css
--------------------------------------------------------------*/

 .services-one {
   border: 1px solid #e8e7e7;
   border-top-color: rgb(232, 231, 231);
   border-right-color: rgb(232, 231, 231);
   border-bottom-color: rgb(232, 231, 231);
   border-left-color: rgb(232, 231, 231);
   background: #fff;
   position: unset;
   padding: 0 20px 25px;
   transition: all 0.3s;
   border-radius: 5px;
   height: 100%;
 }


 .services-one:hover {
   box-shadow: 0 0 30px rgba(0, 0, 0, .15);
   border-color: transparent;
   background: #fff;
 }

 .services-one .icon {
   background: #E6E6E6;
   border-radius: 0 0 5px 5px;
   padding: 15px;
   margin: auto;
   margin-bottom: 30px;
   width: fit-content;

 }

 .services-one .icon img {
   max-width: 45px;
 }

 .services-one h4 {
   font-size: 25px;
   font-weight: 600;
   color: #4B4B4B;
   text-align: center;
   margin-bottom: 10px;
 }

 .services-one p {
   font-size: 16px;
   font-weight: 400;
   line-height: 30px;
   color: #868585;
   text-align: center;
 }

 /*--------------------------------------------------------------
# Partner Css
--------------------------------------------------------------*/
 .partner-item {
   background: var(--color-white);
   padding: 20px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   border: 1px solid;
   border-color: #e3e9ed;
   border-radius: 5px;
   box-shadow: 0 8px 30px rgba(0, 0, 0, .03);
   transition: .4s;
   position: relative;
   z-index: 2;

 }

 .partner-item:hover {
   transform: scale(1.1)
 }

 .partner-item img {
   max-height: 80px;
   display: inherit;
   width: fit-content;
   margin: auto;
   filter: grayscale(100);
   opacity: 0.5;
   transition: .4s;
 }

 .partner-item:hover img {
   opacity: 1;
   filter: none;
 }

 .partner-item h4 {
   font-size: 18px;
   line-height: 1.5;
   color: #4c575e;
   font-weight: 500;
   margin-bottom: 0;
   text-align: center;
   margin-top: 10px
 }

 /*--------------------------------------------------------------
# VW Host v2 Domain Search Page Form Css
--------------------------------------------------------------*/
 .domain-search-page-form {
   display: block;
   width: 100%;
   border-radius: 4px;
   padding: 10px;
   background: #fff;
 }

 .domain-search-page-form .domain-search-form {
   display: block;
   width: 100%;
   position: relative;
 }

 .domain-search-page-form .domain-search-form .input {
   border: unset;
   box-shadow: unset;
   outline: unset;
   font-size: 18px;
   font-weight: 500;
   margin: 0;
   background: transparent;
   width: 100%;
   color: #a2a9b3;
   padding: 15px 15px 15px 40px;
   position: relative;
   background-color: white;
   background-image: url('../img/searchicon.svg');
   background-position: 8px 19px;
   background-repeat: no-repeat;
 }

 .domain-search-page-form .domain-search-form .submit-buttons {
   display: flex;
   position: absolute;
   top: 0;
   right: 0;
 }

 .domain-search-page-form .domain-tld {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   width: 100%;
   margin: 10px 0 0 0;
   padding: 10px 10px 0px 10px;
   border-top: 1px solid #dddddd;
   gap: 10px;
 }

 .domain-search-page-form .domain-tld li {
   font-size: 16px;
   font-weight: 500;
   color: #979595;
 }

 @media (max-width:767px) {
   .domain-search-page-form .domain-search-form .input {
     padding-bottom: 20px;
   }

   .domain-search-page-form .domain-search-form .submit-buttons {
     width: 100%;
     position: relative;
     justify-content: space-between;
   }

   .domain-search-page-form .domain-search-form .submit-buttons>* {
     width: 47%;
   }
 }

 /*--------------------------------------------------------------
# VW Host v2 Plan Design One
--------------------------------------------------------------*/
 .plan-one {
   background: #fff;
   border-radius: 10px;
   padding: 30px 15px 15px 15px;
   border: 1px solid #d4d4d4;
   transition: all 0.3s;
   height: 100%;
 }

 .plan-one:hover {
   box-shadow: 0px 8px 28px rgba(0, 2, 20, 0.28) !important;
   border-color: #4a90e2;
 }

 .plan-one .icon {
   width: 60px;
   height: 60px;
   border-radius: 4px;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #fff;
   border: 1px solid #d4d4d4;
   padding: 10px;
   margin: auto;
   margin-bottom: 20px;
 }

 .plan-one .icon img {
   display: block;
 }


 .plan-one .plan-name {
   display: block;
   font-size: 22px;
   font-weight: 500;
   text-align: center;
   line-height: 30px;
   color: #4B4B4B;
   margin-bottom: 15px;
 }

 .plan-one .plan-price {
   display: block;
   font-size: 30px;
   font-weight: 600;
   text-align: center;
   line-height: 30px;
   color: #4B4B4B;
   margin-bottom: 20px;
 }

 .plan-one .plan-price .duration {
   font-size: 22px;
 }

 .plan-one .plan-btn {
   width: 100%;
   text-align: center;
   margin-bottom: 20px;
 }

 .plan-one .plan-feature {
   margin: 0;
   padding: 0;
   list-style: none;
 }

 .plan-one .plan-feature li {
   position: relative;
   padding: 5px 0px;
   padding-inline-start: 30px;
   text-align: start;
   color: #4c575e;
   font-size: 16px;
   line-height: 24px;
 }

 .plan-one .plan-feature.images li img {
   position: absolute;
   top: 7px;
   left: 0;
 }

 .plan-one .plan-feature li strong {
   font-weight: 600;
 }

 .tootips-plans {
   position: relative;
   color: #4a90e2;
 }

 .tootips-plans span {
   position: absolute;
   background: #000;
   color: #fff;
   display: block;
   font-size: 15px;
   line-height: 1.5;
   padding: 9px 14px;
   border-radius: 5px;
   text-align: center;
   min-width: 200px;
   top: 0%;
   left: 0;
   opacity: 0;
   visibility: hidden;
   transform: translate(-46%, -102%);
   transition: 0.2s;
 }

 .tootips-plans:hover span {
   opacity: 1;
   visibility: visible;
   display: block;
   transition: 0.2s;
 }

 .tootips-plans span:after {
   content: "";
   position: absolute;
   top: 100%;
   left: 50%;
   margin-left: -5px;
   border-width: 5px;
   border-style: solid;
   border-color: #000 transparent transparent transparent;
 }

 @media (max-width:480px) {
   .tootips-plans span {
     transform: translate(-80%, -102%);
   }

   .tootips-plans span:after {
     left: 85%;
   }
 }

 /*--------------------------------------------------------------
# VW Host v2 Underhood Design
--------------------------------------------------------------*/
 .underhood-features {
   display: block;
 }

 .underhood-features h4 {
   font-size: 24px;
   margin-bottom: 15px;
   line-height: 1;
   color: #4B4B4B;
 }

 .underhood-features ul {
   margin: 0;
   padding: 0;
 }

 .underhood-features ul li {
   position: relative;
   display: block;
   font-size: 16px;
   color: #4B4B4B;
   list-style: none;
   padding-inline-start: 20px;
 }

 .underhood-features ul li::before {
   content: '';
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background: transparent;
   border: 2px solid #AAAAAA;
   position: absolute;
   top: 8px;
   left: 3px;
 }

 .underhood-features ul li+li {
   margin-top: 10px;
 }

 /*--------------------------------------------------------------
# VW Host v2 Plan Compare Area Design
--------------------------------------------------------------*/

 .plan-compare {
   display: flex;
   background: #fff;
   border-radius: 6px;
   box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
 }

 @media (min-width: 1012px) {
   .plan-compare {
     position: relative;
   }
 }

 .plan-compare .plan__column {
   flex: 1;
   overflow: hidden;
   position: relative;
 }


 .plan-compare .plan__column.plan__column--empty {
   height: 100%;
   min-width: 240px;
 }



 .plan-compare .plan__body {
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
 }

 .plan-compare .plan__body.plan__body--left {
   text-align: left;
 }

 .plan-compare .plan__body.plan__body--left .plan__cell {
   justify-content: flex-start;
   color: #4B4B4B;
   font-weight: 700;
 }

 .plan-compare .plan__column .plan__header {
   padding: 16px 24px;
   height: 90px;
   border-right: 1px solid #E1E2E5;
   border-top: 1px solid transparent;
   border-bottom: 1px solid #E1E2E5;
   text-align: left;
   display: flex;
   align-items: center;
 }

 .plan-compare .plan__column .plan__header .plan__title {
   font-size: 18px;
   line-height: 24px;
   margin: 0;
 }


 .plan-compare .plan__column .plan__cell {
   border-right: 1px solid #E1E2E5;
   border-bottom: 1px solid #E1E2E5;
   height: 48px;
   display: flex;
   align-items: center;
   padding: 0 24px;
   font-size: 16px;
   line-height: 18px;
   font-weight: 300;
   text-align: left;
 }

 .plan-compare .plan__column .plan__cell .bi-check-lg {
   color: #4a90e2;
 }

 .plan-compare .plan__cell.plan__cell-last {
   min-height: 205px;
   flex-direction: column;
   justify-content: center;
   border-bottom-color: transparent;
   align-items: flex-start;
 }

 .plan-compare .plan__cell.plan__cell-last .plan__pricing {
   margin-bottom: 8px;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
 }

 .plan-compare .plan__cell.plan__cell-last .plan__pricing .pricing__discount {
   font-size: 16px;
 }

 .plan-compare .plan__cell.plan__cell-last .plan__pricing .pricing__discount--before {
   color: #B5B9C9;
   text-decoration: line-through;
 }

 .plan-compare .plan__cell.plan__cell-last .plan__pricing .pricing__discount--save {
   color: #4a90e2;
 }

 .plan-compare .plan__cell.plan__cell-last .plan__pricing .pricing__price {
   color: #112240;
   font-weight: 800;
   margin: 16px 0;
 }

 .plan-compare .plan__cell.plan__cell-last .plan__pricing .pricing__price--price {
   font-size: 35px;
   line-height: 24px;
   position: relative;
 }

 .plan-compare .plan__cell.plan__cell-last .plan__pricing .pricing__price--price::after {
   content: "*";
   position: absolute;
   right: -12px;
   top: 3px;
   font-size: 18px;
   color: #4a90e2;
 }

 .plan-compare .plan__cell.plan__cell-last .plan__pricing .pricing__price--cycle {
   font-size: 18px;
 }

 @media (max-width: 513px) {
   .plan-compare .plan__column.plan__column--empty {
     min-width: 50%;
   }

   .plan-compare .plan__column .plan__cell {
     padding: 0 15px;
   }
 }

 @media (max-width:767px) {
   .plan-compare .plan__body.plan__body--left .plan__cell {
     font-size: 13px;
   }
 }

 .plan-compare .swiper-container .swiper-slide:last-of-type .plan__header,
 .plan-compare .swiper-container .swiper-slide:last-of-type .plan__cell {
   border-right-color: transparent;
 }


 .plan-compare-control {
   display: flex;
   width: 100%;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 10px;
 }

 .plan-compare-control a {
   background: transparent;
   box-shadow: none;
   border: transparent;
   color: #536080;
   padding: 0 20px;
   font-size: 16px;
   transition: all 0.3s;
   cursor: pointer;
   font-weight: 500;
 }

 .plan-compare-control a:hover {
   color: #4a90e2 !important;
 }

 @media (min-width:1231px) {
   .plan-compare-control {
     display: none;
   }
 }

 /*--------------------------------------------------------------
# VW Host v2 One Click Design Css
--------------------------------------------------------------*/
 .just-one-click {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
 }

 .just-one-click li {
   padding: 20px;
   border-radius: 7px;
   background-color: #eee;
   /* box-shadow: 0px 0px 15px rgba(0,0,0,0.07); */
   margin: 10px;
 }

 @media(max-width:480px) {
   .just-one-click li {
     padding: 20px;
     border-radius: 5px;
     background-color: var(--color-white);
     box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
     margin: 5px;
     width: 46%;
   }
 }

 .just-one-click li img {
   display: block;
 }

 /*--------------------------------------------------------------
# VW Host v2 Plan Two Design Css
--------------------------------------------------------------*/

 .plan-two {
   margin-left: 20px;
   padding: 30px 30px 30px;
   text-align: left;
   position: relative;
   z-index: 1;
   border-radius: 10px;
   background: #f5f5f5;
 }

 .sectionbg.D6DVlnWbPD .plan-two {
   background: #fff;
 }

 .plan-two:before {
   content: "";
   position: absolute;
   left: -21px;
   top: 118px;
   transform: rotate(0deg);
   border-top: 22px solid #8B8B8B;
   border-left: 26px solid transparent;
   transition: .5s;
   background: radial-gradient(black, transparent);
   transition: .5s;
   height: 0;
   width: 0;
   margin: initial;
   clip-path: polygon(0% 0%, 87% 0%, 79% 100%, 0% 100%);
 }

 .plan-two .name {
   display: block;
   font-size: 22px;
   color: #8B8B8B;
   margin-bottom: 10px;
 }

 .plan-two h3.plan-pricing {
   position: relative;
   top: 0px;
   left: -50px;
   background-color: #8B8B8B;
   padding: 8px 47px;
   font-size: 30px;
   color: #fff;
   font-weight: 700;
   clip-path: polygon(0% 0%, 87% 0%, 97% 100%, 0% 100%);
   padding-left: 50px;
   margin-bottom: 10px;
 }

 .plan-two .text {
   font-size: 16px;
   line-height: 1.5;
   color: var(--color-common);
   margin-bottom: 10px;
 }

 .plan-two .plan-btn {
   width: 100%;
   text-align: center;
 }

 .plan-two .list {
   margin: 0;
   padding: 0;
   margin-top: 15px;
 }

 .plan-two .list li {
   font-size: 16px;
   line-height: 1.5;
   color: var(--color-common);
   font-weight: 400;
   position: relative;
   padding-inline-start: 15px;
 }

 .plan-two .list li::before {
   content: '';
   position: absolute;
   width: 7px;
   height: 7px;
   background: var(--color-common);
   top: 9px;
   left: 0;
   border-radius: 50%;
 }

 .plan-two .list li b {
   font-weight: 500;
 }

 .plan-two .list li+li {
   margin-top: 5px;
 }

 /*--------------------------------------------------------------
# VW Host v2 Plan Features Design Css
--------------------------------------------------------------*/
 .list-dot {
   margin: 0;
   padding: 0;
 }


 .list-dot li {
   font-size: 16px;
   line-height: 1.5;
   color: var(--color-common);
   font-weight: 400;
   position: relative;
   padding-inline-start: 15px;
 }

 .list-dot li::before {
   content: '';
   position: absolute;
   width: 7px;
   height: 7px;
   background: #4a90e2;
   top: 9px;
   left: 0;
   border-radius: 50%;
 }

 .list-dot li+li {
   margin-top: 10px;
 }

 /*--------------------------------------------------------------
# VW Host v2 Four Features Design Css
--------------------------------------------------------------*/
 .four-features {
   display: flex;
   flex-direction: column;
   align-items: auto;
 }

 .four-features img {
   display: block;
   width: fit-content;
   margin-bottom: 15px;
 }

 .four-features h3 {
   display: block;
   font-size: 21px;
   margin-bottom: 10px;
 }

 .four-features p {
   font-size: 15px;
   font-weight: 400;
   margin-bottom: 0
 }

 @media (max-width:575px) {
   .four-features {
     justify-content: center;
     text-align: center;
   }

   .four-features img {
     margin: auto;
     margin-bottom: 15px;
   }
 }

 /*--------------------------------------------------------------
# VW Host v2 VPS Depoy Features Css
--------------------------------------------------------------*/
 .tabs-inline {
   display: flex;
   justify-content: center;
   margin: 0;
   padding: 0;
 }

 .tabs-inline li {
   margin: 0;
   padding: 0;
 }

 .tabs-inline li a {
   font-size: 18px;
   font-weight: 700;
   padding: 6px 18px;
   cursor: pointer;
   position: relative;
   color: #99A5C2 !important;
 }

 .tabs-inline li.current a {
   color: var(--color-common) !important;
 }

 .tabs-inline li.current a:after {
   background: #4a90e2;
   bottom: -10px;
   height: 1px;
   position: absolute;
   left: 0;
   right: 0;
   z-index: 1;
   display: block;
   content: '';
 }

 .tab-deploy {
   border-radius: 8px;
   box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
   margin-top: 50px;
 }

 .tab-deploy .tab-cpanel {
   display: flex;
 }

 .tab-deploy .tab-cpanel>.inner {
   display: flex;
   flex-direction: column;
   padding: 56px 70px 35px 70px;
   text-align: center;
 }


 @media (min-width:992px) {
   .tab-deploy .tab-cpanel>.inner {
     width: 50%;
   }
 }

 @media (max-width: 991px) {
   .tab-deploy .tab-cpanel {
     flex-direction: column;
   }

   .tab-deploy .tab-cpanel>.inner {
     padding: 32px;
     align-items: center;
   }
 }

 .tab-deploy .tab-cpanel .inner .browser {
   position: relative;
   max-width: 100%;
   background: #fff;
   overflow: hidden;
   border: 1px solid #D1D8E8;
   border-radius: 5px;
   margin-bottom: 16px;
 }

 .tab-deploy .tab-cpanel .inner .browser .browser-bar {
   height: 19px;
   padding: 0 8px;
   background-color: #D1D8E8;
   border: 0;
   width: 100%;
   display: flex;
   align-items: center;
 }

 .tab-deploy .tab-cpanel .inner .browser .browser-bar .dot {
   width: 7px;
   min-width: 7px;
   height: 7px;
   margin-right: 6px;
   border-radius: 100px;
   background: #4a90e2;
 }

 .tab-deploy .tab-cpanel .inner .browser .browser-screen {
   padding: 0;
   overflow: hidden;
 }

 .tab-deploy .tab-cpanel .inner .browser .browser-screen img {
   max-width: unset;
   width: 100%;
 }

 .tab-deploy .tab-cpanel .inner .item-logo {
   margin: 0 0 16px 0;
 }

 .tab-deploy .tab-cpanel .inner .item-logo img {
   max-height: 30px;
 }

 .tab-deploy .tab-cpanel .inner .item-content {
   font-size: 16px;
   line-height: 24px;
   width: 95%;
   color: #536080;
 }

 .tab-one-click {
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
   padding: 58px 48px 24px 48px;
   display: flex;
   text-align: center;
 }

 @media (max-width:767px) {
   .tab-one-click {
     padding: 32px;
   }
 }

 .tab-one-click .item-logo {
   border: 1px solid #E1E2E5;
   border-radius: 6px;
   height: 152px;
   max-width: 160px;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   padding: 22px 16px;
   margin-bottom: 24px;
   margin: 0 0 16px 0;
 }

 @media(max-width:767px) {
   .tab-one-click .item-logo {
     max-width: 30%;
   }
 }

 @media(max-width:540px) {
   .tab-one-click .item-logo {
     max-width: 48%;
   }
 }

 .tab-one-click .item-logo img {
   width: 55px;
   max-width: unset;
   height: 100%;
   text-align: center;
 }

 .tab-one-click .item-logo span {
   line-height: 22px;
   font-size: 18px;
   font-weight: 300;
   color: #536080;
   text-align: center;
 }

 /*--------------------------------------------------------------
# VW Host v2 Plan Tabing Css
--------------------------------------------------------------*/

 .plan-tabs-one {
   display: flex;
   justify-content: center;
   margin: 0;
   padding: 0;
   position: relative;
   top: -40px;
 }

 .plan-tabs-one li {
   margin: 0;
   padding: 0;
 }

 .plan-tabs-one li a {
   font-size: 18px;
   font-weight: 700;
   padding: 6px 18px;
   cursor: pointer;
   position: relative;
   color: #9F9F9F !important;
 }

 .plan-tabs-one li.current a {
   color: #fff !important;
 }

 .plan-tabs-one li.current a:after {
   background: #4a90e2;
   bottom: -10px;
   height: 1px;
   position: absolute;
   left: 0;
   right: 0;
   z-index: 1;
   display: block;
   content: '';
 }


 /*--------------------------------------------------------------
# VW Host v2 Contact Form Css
--------------------------------------------------------------*/
 .contact-form-box .form-box input {
   height: 60px;
   background-color: #fff;
   transition: .5s;
   padding: 0px 25px;
   display: block;
   width: 100%;
   color: #0D0E14;
   margin-bottom: 20px;
   border-radius: 4px;
   box-shadow: unset;
   outline: unset;
   border: 1px solid transparent;
   -moz-appearance: textfield;
 }

 .contact-form-box .form-box input::-webkit-outer-spin-button,
 .contact-form-box .form-box input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }

 .contact-form-box .form-box textarea {
   height: 180px;
   width: 100%;
   padding: 15px 22px 0px;
   background: #fff;
   border: 1px solid transparent;
   border-radius: 4px;
   color: #0D0E14;
   box-shadow: unset;
   outline: unset;
 }

 .contact-form-box .form-box input:focus,
 .contact-form-box .form-box textarea:focus {
   border: 1px solid #4a90e2;
 }

 .contact-form-box .contact-form button {
   border: 0;
   background: #4a90e2;
   color: #fff;
   padding: 12px 24px;
   font-weight: 400;
   border-radius: 5px;
   display: block;
   width: fit-content;
   margin: auto;
   margin-top: 10px;
 }

 /*--------------------------------------------------------------
# VW Host v2 legal Page Css
--------------------------------------------------------------*/
 .legal-page-content {
   display: block;
 }

 .legal-page-content p {
   font-size: 16px;
   line-height: 24px;
   margin-bottom: 15px;
 }

 .legal-page-content h4 {
   font-size: 22px;
   margin-bottom: 15px;
 }

 /*--------------------------------------------------------------
# VW Host v2 Account Page Css
--------------------------------------------------------------*/
 .user-account {
   position: relative;
   overflow: hidden;
   z-index: 1;
   padding: 150px 0 80px 0;
 }


 .user-account::after {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   background: #000000c4;
   top: 0;
   left: 0;
   z-index: 2;
 }

 .user-account .img-bg {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   z-index: 1;
 }



 .user-account .img-up {
   z-index: 3;
   position: relative;
 }

 .login-signup-card {
   position: relative;
   display: block;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border: 1px solid rgba(0, 0, 0, 0.125);
   border-radius: .25rem;
   box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
 }

 .login-signup-card .inner {
   padding: 30px;
 }

 .login-signup-card .inner h4 {
   font-size: 25px;
   margin-bottom: 10px;
 }

 .login-signup-card .inner p {
   font-size: 16px;
   color: #6c757d !important;
   line-height: 24px;
 }

 .login-signup-card .inner .form-gap-top {
   margin-top: 20px;
 }

 .login-signup-card .inner .label {
   font-weight: 500;
   font-size: 88%;
   display: block;
   margin-bottom: 10px;
   color: #575757;
 }

 .login-signup-card .inner .input {
   border-radius: 4px;
   color: #4d4c4c;
   font-size: 13px;
   position: relative;
   display: flex;
   width: 100%;
   flex: 1 1 auto;
   padding: .75rem 0.85rem;
   height: calc(2em + .75rem + 2px);
   border: 1px solid;
   border-color: #ebebeb;
   outline: unset;
   margin-bottom: 10px;
 }

 .login-signup-card .inner .input:focus {
   border-color: #4a90e2;
 }

 .login-signup-card .inner .custom-checkbox {
   position: relative;
   z-index: 1;
   display: block;
   min-height: 1.5rem;
   padding-left: 1.5rem;
   -webkit-print-color-adjust: exact;
   color-adjust: exact;
   margin: 10px 0;
 }

 .login-signup-card .inner .custom-checkbox .custom-control-input {
   position: absolute;
   left: 0;
   z-index: -1;
   width: 1rem;
   height: 1.25rem;
 }

 .login-signup-card .inner .custom-checkbox .custom-control-label {
   line-height: 1.5;
   position: relative;
   margin-bottom: 0;
   vertical-align: top;
   font-size: 14px;
   user-select: none;
 }

 .login-signup-card .inner .custom-checkbox .custom-control-label a {
   color: #4a90e2;
 }

 .login-signup-card .inner .submit-btn {
   padding: 12px 28px;
   font-size: 16px;
   background: #4a90e2;
   color: var(--color-white);
   border: 0;
   box-shadow: unset;
   width: 100%;
   display: block;
   border-radius: 5px;
 }

 .login-signup-card .login-signup-card-footer {
   border-top: 1px solid #dee2e6;
   padding: .75rem 1.25rem;
   border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
   color: #575757;
   font-weight: 500;
   line-height: 1.75;
   font-size: 16px;
 }

 .login-signup-card .login-signup-card-footer a {
   color: #4a90e2;
 }


 /*--------------------------------------------------------------
# VW Host v2 Doamin Promo Css
--------------------------------------------------------------*/
 .domain-promo {
   background: #fff;
   border: 1px solid #55a6a559;
   border-radius: 5px;
   padding: 19px 20px;
   transition: all 0.3s;
   position: relative;
   overflow: hidden;
 }

 .domain-promo:hover {
   border: 1px solid #4a90e2;
   box-shadow: 0 0 24px rgba(88, 95, 101, .13);
 }

 .domain-promo .timer {
   font-weight: 400;
   font-size: 14px;
   line-height: 19px;
   color: #9da4bc;
   position: relative;
 }

 .domain-promo .name {
   text-align: center;
   padding: 30px 0;
   font-size: 30px;
   font-weight: 700;
 }

 .domain-promo h4 {
   font-weight: 500;
   font-size: 17px;
   line-height: 19px;
   color: #5a627c;
   margin: 0;
 }

 .domain-promo h4 span {
   font-weight: 400;
   font-size: 14px;
   line-height: 19px;
   color: #9da4bc;
   margin: 0;
   padding: 0;
 }

 .domain-promo h4 sub {
   top: -3px;
   position: relative;
   font-size: .75em;
   line-height: 0;
   vertical-align: baseline;
 }

 .domain-promo .select-btn {
   margin-top: 10px;
   cursor: pointer;
   outline: unset;
   box-shadow: unset;
   padding: 15px 35px;
   color: #4a90e2;
   font-size: 16px;
   font-weight: 500;
   background: #55a6a53b;
   border: 0;
   border-radius: 5px;
   display: block;
   transition: all 0.3s;
 }

 .domain-promo:hover .select-btn {
   color: #fff;
   background: #4a90e2;
 }

 .domain-promo.popular::after {
   width: 100%;
   height: auto;
   font-size: 17px;
   line-height: 1.5;
   background: #4a90e2;
   color: var(--color-white);
   content: '10% OFF';
   display: block;
   text-align: center;
   position: absolute;
   top: 50%;
   transform: translate(-13%, -410%) rotate(45deg);
   right: 0px;
   left: 50%;
 }


 /*--------------------------------------------------------------
# VW Host v2 Custom Cursor
--------------------------------------------------------------*/

 #custom-cursor {
   position: absolute;
   top: -2px;
   left: -2px;
   width: 5px;
   height: 5px;
   border-radius: 50%;
   background-color: #4a90e2;
   z-index: 99999999;
   pointer-events: none
 }

 #custom-cursor:before {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   content: "";
   display: block;
   width: 40px;
   height: 40px;
   border: 1px solid #9c9c9c;
   border-radius: 50%;
   opacity: .2;
   box-sizing: border-box;
   z-index: 99999997;
   -webkit-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
   transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out
 }

 #custom-cursor.hovered:before {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 70px;
   height: 70px;
   background-color: #bbb;
   border-radius: 50%;
   opacity: .12;
   z-index: 99999997;
   box-sizing: border-box;

 }

 @media (max-width:767px) {
   #custom-cursor {
     display: none;
   }
 }

 /*--------------------------------------------------------------
# VW Host v2 Plan Horizontal Design Css
--------------------------------------------------------------*/
 .pricing-horizontal {
   padding: 35px 30px;
   border: 1px solid #e8e8e8;
   border-radius: 5px;
   background: #fbfbfb;
   transition: all 0.3s;
 }

 .pricing-horizontal:hover {
   border: 1px solid #4a90e2;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
 }


 .pricing-horizontal .plan-name {
   margin-top: 0;
   margin-bottom: 10px;
   font-weight: 500;
   line-height: 1.2;
   font-size: 18px;
   /* width: min-content; */
   color: #888887;
 }

 .pricing-horizontal .pricing-badge {
   background: linear-gradient(287.85deg, rgba(255, 7, 102, 0.1) 0%, rgba(255, 126, 93, 0.1) 95.32%);
   right: 30px;
   top: 30px;
   padding: 6px 18px;
   font-weight: 500;
   font-size: 15px;
 }

 .pricing-horizontal .pricing-label {
   color: #4a90e2;
   font-size: 14px;
   font-weight: 600;
 }

 .pricing-horizontal .monthly-price {
   font-size: 32px;
 }

 .pricing-horizontal .monthly-price span.durections {
   font-size: 16px;
   font-weight: 600;
   margin-left: 6px;
 }

 .pricing-horizontal p.contens {
   font-size: 14px;
   letter-spacing: 1px;
   color: #3e3e3e;
   margin-bottom: 10px;
 }

 .pricing-horizontal .custum-lists {
   margin: 0px;
   padding: 0;
   list-style: none;
 }

 .pricing-horizontal .custum-lists li {
   margin: 0px;
   padding: 0;
   display: flex;
   align-items: baseline;
   font-size: 14px;
   padding-inline-start: 25px;
   position: relative;
   color: #868585;
 }

 .pricing-horizontal ul.custum-lists {
   display: flex;
   flex-wrap: wrap;
   gap: 10px 0;
 }

 .pricing-horizontal ul.custum-lists li {
   width: 50%;
 }

 @media (max-width:767px) {
   .pricing-horizontal ul.custum-lists li {
     width: 100%;
   }
 }


 .pricing-horizontal .custum-lists li:before {
   content: '\F26E';
   font-family: bootstrap-icons;
   color: #4a90e2;
   font-size: 24px;
   position: absolute;
   top: -2px;
   left: -3px;
   line-height: 1;
 }

 .pricing-horizontal .custum-lists li a {
   color: var(--color-secondary);
   border-bottom: 1px dotted;
   border-color: #4a90e2;
   margin-left: 5px;
   margin-right: 5px;
   position: relative;
   display: inline-block;
 }

 .pricing-horizontal .money-back {
   font-size: 14px;
   letter-spacing: 1px;
   color: #8a8585;
   text-align: center;
   display: block;
   margin-top: 10px;
 }


 /*--------------------------------------------------------------
# VW Host v2 Google Workspace Applications Design Css
--------------------------------------------------------------*/

 .google-workspace-applications {
   display: flex;
 }

 @media(max-width:767px) {
   .google-workspace-applications {
     display: grid;
   }
 }

 .google-workspace-applications .icon {
   margin-right: 20px;
 }

 @media(max-width:767px) {
   .google-workspace-applications .icon {
     margin-right: 0px;
     margin-bottom: 20px;
   }
 }

 .google-workspace-applications .icon i,
 .google-workspace-applications .icon svg {
   font-size: 24px;
   background-color: #eee;
   height: 55px;
   width: 55px;
   display: inline-block;
   text-align: center;
   border-radius: 5px;
   line-height: 55px;
   color: #4a90e2;
   font-weight: 500;
   transition: ease 1s;
 }

 .google-workspace-applications .icon i:before,
 .google-workspace-applications .icon svg {
   transition: ease 1s;
 }

 .google-workspace-applications:hover .icon i:before,
 .google-workspace-applications:hover .icon svg {
   transform: rotateY(180deg);
 }

 .google-workspace-applications .icon svg {
   padding: 10px;
 }

 .google-workspace-applications .content h4 {
   font-size: 22px;
   color: var(--color-black);
   margin-bottom: 10px;
 }

 .google-workspace-applications .content hr {
   width: 60px;
   height: 2px;
   border: none;
   transition: all .5s ease 0s;
   background: #4a90e2;
   margin: 5px 0;
   text-align: left;
 }

 .google-workspace-applications .content:hover hr {
   width: 80px;
 }

 .google-workspace-applications .content p {
   font-size: 16px;
   color: var(--color-body);
   margin-bottom: 0px;
 }