/*===============================================
Template Name: Hosting - HTML5 Template
Author:  https://www.templatemonster.com/authors/dreamit/
Description: Description
Version: 1.0.0
Text Domain: Hosting
Tags: consulting, finance, corporate, business, consultant, multipurpose, technology, it-solution, software, agency, company, portfolio, bangking, insurance, digital-agency, digital-marketing.
================================================*/

/*TABLE OF CONTENTS*/
/*=====================
01. Hosting Nav Menu Area Css 
02. Hosting Slider Area Css
03. Hosting Section Title Css
04. Hosting Service Area css
05. Hosting About Area Css
06. Hosting Domain Area Css
07. Hosting Why Choose Area Css
08. Hosting Testimonial Area Css
09. Hosting Priching Area Css
10. Hosting Faq Area Css
12. Hosting Brand Section Css
13. Hosting Call Do Section Css
14. Hosting Form Box Css
15. Hosting Blog Area Css
16. Hosting footer Area Css
17. Hosting Subscribe Area Css
18. Hosting Category Area CSS
19. Hosting Prossess Ber Css
20. Hosting Scrollup Section
21. Hosting Bounce Animation Css 
22. Hosting Animation Dance
23. Hosting Breadcumb Area Css
24. Hosting abouts_areas Css
25. Hosting Feture-Area Css
26. Hosting Pricing Section Css
27. Hosting Web Development Section CSS
28. Hosting Contact  US Css
29. Hosting Blog Sidber Widget CSS
30. Hosting Feature Area Css
31. Hosting Hosting Area Css
32. Hosting Error Area Css
33. Hosting Registion Area Css
34. Hosting Login Area Css
35. Hosting Sing Up Area Css
36. Hosting Support Area Css
37. Hosting Search Box Css
38. Hosting Loader Css
=======================*/

/*================================
<--  Hosting Header Top Area Css -->
==================================*/

.header-top-section {
  background: url(../images/bg/top_bg-home.jpg);
  padding: 9px 0 9px;
  position: relative;
  z-index: 2;
}

.header-address-info {
  display: inline-block;
  margin-left: 150px;
  position: relative;
  z-index: 1;
}

.header-address-info::before {
  position: absolute;
  content: "";
  left: -47px;
  top: 2px;
  height: 100%;
  background: url(../images/icon/top-icon.png);
  width: 100%;
  z-index: -1;
  background-repeat: no-repeat;
}

.header-address-info p {
  margin-bottom: 3px;
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Mulish";
  position: relative;
}

.top-view-btn {
  display: inline-block;
  margin-left: 15px;
}

.top-view-btn a {
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Urbanist";
  position: relative;
  z-index: 1;
}

.top-view-btn a:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 3px;
  width: 100%;
  height: 1px;
  background: #ffffff;
  z-index: -1;
}

.top-view-btn a:after {
  position: absolute;
  content: "";
  right: -133px;
  top: 3px;
  width: 100%;
  height: 100%;
  background: url(../images/icon/top-star.png);
  z-index: -1;
  background-repeat: no-repeat;
}

.top-view-btn a i {
  font-size: 16px;
  margin-left: 10px;
}

.header-top-section.home-three {
  padding: 10px 0 10px;
  position: relative;
  z-index: 1;
}

.header-top-section.home-three .header-address-info p {
  margin-bottom: 3px;
  font-size: 15px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Yantramanav";
}

.header-address-info p i {
  display: inline-block;
  padding-right: 5px;
  color: #ff5d13;
  font-size: 12px;
}

i.flaticon-send.style {
  transform: rotate(-45deg);
  position: relative;
  top: -4px;
}

.header-top-offer p {
  color: #fff;
  margin: 11px 0 11px;
  font-size: 15px;
}

/*header left right*/
.heder-top-left {
  text-align: right;
}

.login-signe-button {
  display: inline-block;
}

.login-signe-button button i {
  margin-right: 8px;
  color: #21c58e;
}

.login-signe-button button {
  background-color: transparent;
  color: #ffff;
  border: none;
  cursor: pointer;
  width: 100%;
  position: relative;
  left: 7px;
}

/* Full-width input fields */
.container_form input {
  width: 100%;
  padding: 12px 20px;
  margin: 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  margin-bottom: 20px;
}

/* Extra styles for the cancel button */
.login-camcel {
  display: flex;
  margin: 20px 40px 30px;
  align-items: center;
  justify-content: space-between;
}

.cancelbtn {
  width: auto;
  padding: 10px 23px;
  background-image: linear-gradient(90deg, #f98123 0%, #ff0965 100%);
  outline: 0;
  border: none;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
}

/* Center the image and position the close button */
.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
  position: relative;
}

img.avatar {
  width: 40%;
  border-radius: 50%;
}

span.psw {
  display: inline-block;
  margin-left: 50px;
}

.container_form {
  margin: 0 40px 0;
}

.container_form.style_two {
  margin: 0 40px 30px;
}

.container_form label {
  color: #0a1328;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  display: block;
  margin-bottom: 5px;
}

.container_form button {
  background-image: linear-gradient(90deg, #f98123 0%, #ff0965 100%);
  outline: 0;
  border: none;
  width: 100%;
  margin-top: 10px;
  padding: 8px 0;
  color: #fff;
  margin-bottom: 10px;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 7% auto 15% auto;
  width: 25%;
}

/* The Close Button (x) */
.close {
  position: absolute;
  right: 25px;
  top: 0;
  color: #000;
  font-size: 35px;
  font-weight: bold;
}

/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s;
}

@-webkit-keyframes animatezoom {
  from {
    -webkit-transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
  }
}

@keyframes animatezoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
  span.psw {
    display: block;
    float: none;
  }
  .cancelbtn {
    width: 100%;
  }
}

/*================================
<--  Hosting Nav Menu Area Css -->
==================================*/
.hosting_nav_manu {
  border-bottom: 1px solid rgba(255, 255, 255, 0.101);
  position: relative;
  z-index: 2;
}

.hosting_nav_manu.home-tow {
  border: none;
}

.sticky {
  left: 0;
  margin: auto;
  position: fixed !important;
  top: 0;
  width: 100%;
  -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
  background: #000d65 !important;
  transition: 0.5s;
  z-index: 9;
}

.sticky .header-top-section {
  display: none;
}

.sticky .row.header_top_style-one {
  display: none !important;
}

.row.header_bg {
  background: #fff;
  margin: 0;
  border-radius: 5px;
  padding: 0 9px 0px 13px;
}

.header-top-offer span {
  color: #f96d2f;
}

/* Hosting Menu Css*/

nav.hosting_menu {
  text-align: right;
}

.hosting_menu ul {
  list-style: none;
  display: inline-block;
}

.hosting_menu > ul > li {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.hosting_menu > ul > li > a {
  display: block;
  padding: 35px 17px;
  transition: 0.5s;
  text-transform: capitalize;
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Mulish";
}

.hosting_menu > ul > li > a span i {
  font-size: 13px;
  margin-left: 5px;
}

.sidebar-btn {
  display: inline-block;
}

.nav-btn span i {
  display: inline-block;
  color: #041341;
  font-size: 30px;
  cursor: pointer;
}

/* country select */
.country-list {
  display: inline-block;
  margin-left: 10px;
  margin-right: 31px;
  position: relative;
  z-index: 1;
}

.country-list:before {
  position: absolute;
  top: 5px;
  left: -21px;
  content: "";
  width: 2px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0.2);
}

.counry-flag {
  float: left;
  margin-right: 5px;
}

select.select_box {
  background: transparent;
  border: none;
  outline: 0;
  color: #fff;
  margin: 0;
}

select.select_box option {
  color: #0470ff;
}

.menu-btn {
  display: inline-block;
}

.menu-btn a {
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Mulish";
  border-radius: 5px;
  background-image: linear-gradient(113deg, #0054ff 0%, #0781ff 100%);
  padding: 11px 31px;
}

.menu-btn a i {
  margin-right: 8px;
}

/*** Sub Menu Style ***/
.hosting_menu ul .sub-menu {
  position: absolute;
  left: 0;
  top: 130%;
  width: 217px;
  text-align: left;
  background: #fff;
  margin: 0;
  z-index: 1;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  transition: 0.5s;
  visibility: hidden;
  border-top: 2px solid #000d65;
  opacity: 0;
}

.hosting_menu ul li:hover > .sub-menu {
  visibility: visible;
  top: 100%;
  opacity: 1;
}

.hosting_menu ul .sub-menu li {
  position: relative;
}

.hosting_menu ul .sub-menu li a {
  display: block;
  padding: 12px 20px;
  margin: 0;
  line-height: 1.3;
  letter-spacing: normal;
  transition: 0.1s;
  visibility: inherit !important;
  color: #041341 !important;
  font-size: 16px;
  font-weight: 500;
}

.hosting_menu ul .sub-menu li:hover > a {
  background: #ff9038;
  color: #fff !important;
}

ul.sub-menu.style_one {
  left: 217px;
  border-top: 2px solid #ffa200;
}
/* seb menu style Three */

.sticky.hosting_nav_manu.style_three {
  background: transparent !important;
  box-shadow: none;
}

.hosting_nav_manu.style_three .hosting_menu ul li a {
  display: block;
  font-size: 17px;
  color: #041341;
  padding: 26px 18px;
}

.hosting_nav_manu.style_three .hosting_menu ul .sub-menu li a {
  padding: 12px 20px;
}

/* Hosting nav menu style four */

.hosting_nav_manu.style_four .logo_img {
  display: none;
}

.sticky.hosting_nav_manu.style_four .logo_img {
  display: block;
}

.sticky.hosting_nav_manu.style_four .logo_img3 {
  display: none;
}

.hosting_nav_manu.style_four {
  margin-bottom: 0;
}

.hosting_nav_manu.style_four .hosting_menu > ul > li > a {
  color: #041341;
}

.hosting_nav_manu.style_four select.select_box {
  color: #041341;
}

.sticky.hosting_nav_manu.style_four select.select_box {
  color: #fff;
}

.hosting_nav_manu.style_four .header-search-button.style-one a {
  color: #041341;
}

.hosting_nav_manu.style_four .country-list:before {
  background-color: #475272;
}

.sticky.hosting_nav_manu.style_four .hosting_menu > ul > li > a {
  color: #ffff !important;
}

.sticky.hosting_nav_manu.style_four .header-search-button.style-one a {
  color: #fff;
}

/*
<!-- ============================================================== -->
<!-- Start Hosting Slider Area Css -->
<!-- ============================================================== -->*/

.slider-area {
  background: url(../images/bg//banner_bg_04.jpg);
  height: 900px;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-top: -99px;
}

.slider-content h4 {
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Urbanist";
  border-radius: 4px;
  background-image: linear-gradient(
    90deg,
    rgba(0, 45, 191, 0.9999999999999999) 0%,
    rgba(8, 47, 200, 0.2497888010938575) 70%,
    rgba(8, 47, 200, 0) 100%
  );
  display: inline-block;
  padding: 12px 40px;
  position: relative;
  z-index: 1;
  margin-bottom: 11px;
}

.slider-content h4:before {
  position: absolute;
  content: "";
  left: 12px;
  top: 13px;
  height: 100%;
  width: 100%;
  background: url(../images/icon/ok_icon_06.png);
  background-repeat: no-repeat;
}

.slider-content h1 {
  font-size: 56px;
  line-height: 68px;
  color: #ffffff;
  font-weight: 700;
}

.slider-content p {
  width: 100%;
  color: #ccd0e2;
  margin: 26px 0 36px;
}

/*slider button*/

.slider-all-btn {
  display: flex;
  align-items: center;
}

.hosting-button a {
  padding: 16px 40px;
  display: inline-block;
  position: relative;
  z-index: 1;
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Mulish";
  border-radius: 5px;
  background-image: linear-gradient(113deg, #0f58ff 0%, #1387ff 100%);
}

.hosting-button a:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 0%;
  background-image: linear-gradient(113deg, #ff9038 0%, #fa4b05 100%);
  left: 0;
  top: 0;
  z-index: -1;
  transition: 0.5s;
  transform: scale(0);
  opacity: 0;
  border-radius: 5px;
}

.hosting-button a:hover {
  color: #fff;
}

.hosting-button a:hover:after {
  transform: scale(1);
  opacity: 1;
  height: 100%;
  width: 100%;
}

.hosting-button a i {
  font-size: 13px;
  font-weight: 600;
  margin-left: 12px;
  display: inline-block;
  transform: revert;
}

.trustpilot-rating {
  margin-left: 33px;
}

span.out-of-rating {
  display: inline-block;
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Mulish";
  margin: 0;
  position: relative;
  z-index: 1;
  padding-left: 36px;
}

span.out-of-rating:before {
  position: absolute;
  content: "";
  left: 19px;
  top: 5px;
  width: 2px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0.2);
  z-index: -1;
}

.hero-left {
  position: relative;
  margin-top: 0;
  left: 48px;
}

.hero_thumb-shpe {
  position: absolute;
  top: 42%;
  right: -28px;
}

/*<!-- ============================================================== -->
<!-- Start Hosting Feature Area Css -->
<!-- ============================================================== -->*/

.row.feature_uppers {
  margin-top: -40px;
  position: relative;
  z-index: 1;
}

/* feature box */

.feature-single-box {
  background: #fff;
  margin-bottom: 30px;
  padding: 40px 40px 32px;
  border-radius: 5px;
  border-bottom: 4px solid transparent;
  transition: 0.5s;
}

.feature-single-box:hover {
  border-bottom: 4px solid #1387ff;
}

.feature-content h3 {
  font-size: 20px;
  color: #041341;
  font-weight: 600;
  margin-top: 30px;
  transition: 0.5s;
}

.feature-single-box .feature-content p {
  transition: 0.5s;
}

.feature-single-box:hover .feature-icon img {
  animation: wobble_vertical 1s forwards ease-in-out 0s;
}

/*<!-- ============================================================== -->
<!-- Start Hosting Pricing Area Home One Css -->
<!-- ============================================================== -->*/

.pricing-area {
  background: url(../images/bg/pricing-bg.jpg);
  padding: 248px 0 90px;
  margin-top: -175px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/* pricing single item */

.pricing-single-items {
  background: #fff;
  position: relative;
  z-index: 1;
  padding: 35px 30px 23px;
  margin-bottom: 30px;
  border-top: 4px solid rgba(0, 108, 255, 0.10196078431372549);
  transition: 0.5s;
}

.pricing-single-items:hover {
  border-top: 4px solid #1388ff;
}

.pricing_icon img {
  transition: 0.5s;
  padding-bottom: 5px;
}

h2.price {
  font-size: 32px;
  color: #1388ff;
  font-weight: 700;
}

.price span {
  font-size: 16px;
  line-height: 26px;
  color: #424242;
  font-weight: 400;
  font-family: "Mulish";
}

.price sup {
  font-size: 18px;
  font-family: "Urbanist";
  position: relative;
  top: -12px;
}

.pricing-title {
  position: relative;
  z-index: 1;
  margin-top: 13px;
  padding-top: 6px;
}

.pricing-title:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 249px;
  height: 1px;
  background-color: rgba(0, 14, 82, 0.10196078431372549);
}

.pricing-title h3 {
  margin-bottom: 5px;
  font-size: 22px;
  color: #041341;
  font-weight: 700;
}

span.pricing {
  position: absolute;
  top: 64px;
  right: 38px;
  font-size: 36px;
  color: #fe8730;
  font-weight: 600;
  font-family: "Urbanist";
  transition: 0.5s;
}

/* pricing body */

.pricing-body {
  margin-top: 25px;
}

.pricing-feature ul li {
  margin-bottom: 8px;
  color: #424242;
  transition: 0.5s;
}

.pricing-feature ul li img {
  margin-right: 12px;
  position: relative;
  top: -2px;
}

.pricing-btn {
  margin-top: 30px;
}

.pricing-btn a {
  border: 1px solid #0782ff;
  padding: 11px 60px;
  font-family: "Mulish";
  position: relative;
  z-index: 1;
  font-size: 16px;
  color: #041341;
  font-weight: 500;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  background: transparent;
}

.pricing-btn a:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 0%;
  background-image: linear-gradient(113deg, #0f58ff 0%, #1387ff 100%);
  left: 0;
  top: 0;
  z-index: -1;
  transition: 0.5s;
  transform: scale(0);
  opacity: 0;
  border-radius: 5px;
}

.pricing-btn a i {
  transform: rotate(-45deg);
  padding-left: 10px;
  font-size: 26px;
  position: relative;
  top: 8px;
  display: inline-block;
  color: #1387ff;
  transition: 0.5s;
}

/* all hover */

.pricing-single-items:hover h2.price {
  color: #fe8730;
}

.pricing-single-items:hover .pricing-btn a:after {
  transform: scale(1);
  opacity: 1;
  height: 100%;
  width: 100%;
}

.pricing-single-items:hover .pricing-btn a {
  border: 1px solid #fff;
  color: #0782ff;
  color: #fff;
}

.pricing-single-items:hover .pricing-btn a i {
  color: #fff;
}

.pricing-single-items:hover .pricing_icon img {
  animation: wobble_vertical 1s forwards ease-in-out 0s;
}

/**
======================================================
<--  Hosting Section Title Css -->
======================================================**/
.section-title {
  margin-bottom: 20px;
}

.section-title.text-center {
  margin-bottom: 20px;
}

.section-title h1 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
  margin-top: 0;
}

.section-title h4 {
  font-size: 18px;
  color: #f78323;
  font-weight: 600;
  font-family: "Mulish";
  margin-bottom: 15px;
}

.section-title.style_right {
  margin-bottom: 30px;
}

.section-title.text-center h1 {
  margin-bottom: 8px;
}

.section-title.style_one h1 {
  color: #fff;
}

.section-title.style_two {
  margin-bottom: 33px;
}

.section-title.style_two h1 {
  margin-bottom: 24px;
}

.section-title.style_three h1 {
  margin-bottom: 8px;
}

.section-title.text-center p {
  text-align: center;
  margin: auto;
  width: 44%;
}

.section-title.style_three span {
  color: #f98223;
}

.section-title.pb_10 h1 {
  margin-bottom: 17px;
}

.section-title.pb_10 p {
  width: 66%;
}

.section-title.style_four {
  margin-bottom: 30px;
}

.section-title.style_six {
  margin-bottom: 37px;
}

/* rating thumb */
.hosting-rating-right {
  text-align: right;
  margin-top: -56px;
}

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

/*
<!-- ============================================================== -->
<!-- Start Hosting About Area Home One Css -->
<!-- ============================================================== -->*/

.about-area {
  background: #fff;
  padding: 120px 0 120px;
}

.about-box {
  margin-bottom: 44px;
}

.about-area .about-icon {
  float: left;
  margin-right: 15px;
  position: relative;
  margin-top: 0;
}

.about-list p {
  overflow: hidden;
  width: 86%;
  line-height: 26px;
}

.about-single-item {
  padding: 15px 30px 11px;
  margin-bottom: 30px;
  border-radius: 5px;
  filter: drop-shadow(0px 10px 20px rgba(206, 206, 206, 0.35));
  background-color: #ffffff;
  border-bottom: 3px solid #1387ff;
  transition: 0.5s;
}

.about-single-item:hover {
  border-bottom: 3px solid #fe8730;
}

h3.about-title {
  font-size: 42px;
  color: #0782ff;
  font-weight: 700;
  font-family: "Urbanist";
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
}

h3.about-title::before {
  position: absolute;
  content: "";
  background: url(../images/icon/about_icon_08.png);
  height: 100%;
  width: 100%;
  top: 16px;
  right: -92px;
  background-repeat: no-repeat;
}

.about-single-item:hover h3.about-title {
  color: #fe8730;
}

/*
<!-- ============================================================== -->
<!-- Start Hosting Feature Area Home One Css -->
<!-- ============================================================== -->*/

.feature-area.style_two {
  background: url(../images/bg/feature_bg.jpg);
  padding: 110px 0 90px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.feature-single-box.style_two {
  border-radius: 5px;
  background: #fff;
  padding: 50px 35px 27px;
  margin-bottom: 30px;
  text-align: center;
  border-bottom: 5px solid transparent;
}

.feature-single-box.style_two:hover {
  border-bottom: 5px solid #1387ff;
}

.feature-single-box.style_two .feature-content h3 {
  margin-top: 35px;
  font-size: 24px;
  color: #041341;
  font-weight: 600;
  margin-bottom: 18px;
}

.feature-single-box.style_two .feature-content p {
  font-size: 17px;
  line-height: 28px;
  color: #424242;
  transition: 0.5s;
}

.feature_btn {
  margin-top: 2px;
}

.feature_btn a {
  display: inline-block;
  font-size: 17px;
  color: #041341;
  font-weight: 500;
  font-family: "Mulish";
  transition: 0.5s;
}

.feature_btn a i {
  font-size: 16px;
  margin-left: 10px;
}

/*
<!-- ============================================================== -->
<!-- Start Hosting Category Area Css -->
<!-- ============================================================== -->*/

.category-area {
  background: url(../images/bg/category.jpg);
  padding: 110px 0 90px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.row.category_style_one {
  margin: 0 160px 0;
}

.category_single-item {
  background: #ffff;
  border-radius: 5px;
  padding: 18px 20px 18px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}

.category-icon {
  margin-right: 15px;
}

.category-title h3 {
  font-size: 20px;
  color: #000e52;
  font-weight: 600;
  margin-top: 0;
}

.category-icon img {
  transition: 0.5s;
}

.category_single-item:hover .category-icon img {
  animation: wobble_vertical 1s forwards ease-in-out 0s;
}

/* category alla shape */

.category-shape1 {
  position: absolute;
  top: 24%;
  left: 13%;
  z-index: -1;
}

.category-shape2 {
  position: absolute;
  top: 21%;
  right: 11%;
  z-index: -1;
}

/*
<!-- ============================================================== -->
<!-- Hosting Proved Area Css -->
<!-- ============================================================== -->*/

.proved-area {
  background: url(../images/bg/proved-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 34px 0 42px;
}

.proved-area .section-title p {
  width: 85%;
  color: #fff;
}

.proved_left {
  position: relative;
  z-index: 1;
}

.proved-shape1 {
  position: absolute;
  bottom: 17px;
  left: 37%;
}

.proved-btn a {
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  padding: 15px 39px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  background-image: linear-gradient(113deg, #0f58ff 0%, #1387ff 100%);
}

.proved-btn a:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 0%;
  background: #fff;
  left: 0;
  top: 0;
  z-index: -1;
  transition: 0.5s;
  transform: scale(0);
  opacity: 0;
  border-radius: 5px;
}

.proved-btn a:hover {
  color: #fe8731;
}

.proved-btn a:hover:after {
  transform: scale(1);
  opacity: 1;
  height: 100%;
  width: 100%;
}

a.proved-active {
  background: transparent;
  border: 1px solid #fff;
}

/* proved thumb */
.proved_right {
  position: relative;
  z-index: 1;
  text-align: right;
}

.proved-shape2 {
  position: absolute;
  top: 27%;
  left: -21px;
}

/*
<!-- ============================================================== -->
<!-- Start Hosting Testimonial Area Css -->
<!-- ============================================================== -->*/
.testimonial-area {
  background: url(../images/bg/testi_bg.jpg);
  padding: 110px 0 190px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.testimonial-area .section-title p {
  width: 80%;
}

.testimonial-single-item {
  padding: 30px 30px 30px;
  position: relative;
  border-radius: 5px;
  z-index: 1;
  filter: drop-shadow(0px 10px 20px rgba(214, 214, 214, 0.35));
  background: #ffffff;
}

.testimonial-single-item::after {
  position: absolute;
  content: "";
  right: 0%;
  top: 0;
  height: 100%;
  width: 0%;
  background: #056fff;
  border-radius: 5px;
  z-index: -1;
  transition: 0.5s;
}

.testimonial-single-item:hover:after {
  width: 100%;
  left: 0%;
}

.testimonial-single-item:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 89px;
  height: 1px;
  width: 100%;
  background: rgba(4, 19, 65, 0.10196078431372549);
  transition: 0.5s;
}

.testimonial-single-item:hover:before {
  background: #fff;
}

.testi-author {
  display: flex;
}

.testi-author-thumb {
  margin-right: 20px;
}

h4.name {
  font-size: 22px;
  color: #041341;
  font-weight: 600;
  font-family: "Urbanist";
}

h5.designation {
  font-size: 16px;
  color: #424242;
  font-weight: 400;
  font-family: "Mulish";
}

.testimonial-content p {
  margin: 22px 0 57px;
  line-height: 28px;
  transition: 0.5s;
}

.testi-brand img {
  transition: 0.5s;
}

.testi-rating {
  position: absolute;
  bottom: 31px;
  right: 30px;
  transition: 0.5s;
}

.testi-rating span {
  color: #fda200;
  margin-left: 3px;
  transition: 0.5s;
}

/*  */

.testimonial_list .owl-dots {
  position: absolute;
  bottom: -78px;
  text-align: center;
  right: 0;
  left: 0;
  margin: auto;
}

.testimonial_list .owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: rgba(19, 132, 255, 0.30196078431372547);
  display: inline-block;
  margin-right: 10px;
}

.testimonial_list .owl-dot.active {
  background-image: linear-gradient(113deg, #0f58ff 0%, #1387ff 100%);
}

/* all shape */
.testi-shape1 {
  position: absolute;
  bottom: 47px;
  left: 7%;
  z-index: -1;
}

.testi-shape2 {
  position: absolute;
  bottom: -6%;
  right: 0;
  z-index: -1;
}

.testi-shape3 {
  position: absolute;
  top: 19%;
  right: 39%;
  z-index: -1;
}
/* all hover */
.testimonial-single-item:hover .testimonial-content p {
  color: #fff;
}
.testimonial-single-item:hover h4.name {
  color: #fff;
}

.testimonial-single-item:hover h5.designation {
  color: #fff;
}

.testimonial-single-item:hover .testi-rating span {
  color: #fff;
}

.testimonial-area .owl-item.active.center h4.name {
  color: #fff;
}

.testimonial-area .owl-item.active.center h5.designation {
  color: #fff;
}

.testimonial-area .owl-item.active.center .testimonial-content p {
  color: #fff;
}

.testimonial-area .owl-item.active.center .testimonial-single-item::before {
  background: #fff;
}

.testimonial-area .testimonial-single-item:hover .testi-brand img {
  filter: grayscale(1) brightness(3);
}

.testimonial-area .owl-item.active.center .testimonial-single-item::after {
  width: 100%;
}

.testimonial-area .owl-item.active.center .testi-rating span {
  color: #fff;
}

.testimonial-area .owl-item.active.center .testi-brand img {
  filter: grayscale(1) brightness(3);
}

/*
<!-- ============================================================== -->
<!-- Start Hosting Faq Area Css -->
<!-- ============================================================== -->*/
.faq-area {
  background: #fff;
  padding: 110px 0 120px;
}

/*accordion*/
.accordion li {
  list-style: none;
  padding: 2px 0px 15px;
  position: relative;
  z-index: 1;
}

.active .accordion li:before {
  background-color: rgba(255, 255, 255, 0.10196078431372549) !important;
}

.accordion li a {
  position: relative;
  width: 100%;
  display: block;
  cursor: pointer;
  border-bottom: 1px solid rgba(4, 19, 65, 0.10196078431372549);
  padding: 2px 0 20px;
  z-index: 1;
  font-size: 20px;
  color: #041341 !important;
  font-weight: 600;
  font-family: "Urbanist";
}

.accordion li p {
  padding: 13px 34px 0px 0px;
  margin: 0;
  background: transparent;
  font-size: 16px;
  line-height: 28px;
  display: none;
}

.accordion a:before {
  width: 2px;
  height: 10px;
  background: #041341;
  position: absolute;
  right: 4px;
  content: " ";
  top: 10px;
  transform: rotate(0deg);
  transition: all 0.2s ease-in-out;
}
.accordion a:after {
  width: 10px;
  height: 2px;
  background: #041341;
  position: absolute;
  right: 0;
  content: " ";
  top: 14px;
  transition: all 0.2s ease-in-out;
}

.accordion a.active:after {
  background: #041341;
}

.accordion a.active:before {
  display: none;
}

.accordion a.active {
  color: #041341 !important;
}

.accordion li a span {
  position: relative;
  z-index: 1;
}

/* faq thumb */

.faq_thumb {
  position: relative;
  margin-left: -94px;
}

.faq-area .hosting-button {
  margin-top: 25px;
}

.faq-area .hosting-button a {
  padding: 16px 35px;
}

/*<!-- ============================================================== -->
<!-- Start Hosting Blgo Area Css -->
<!-- ============================================================== -->*/

.blog-area {
  background: #f6f9ff;
  padding: 110px 0 90px;
}

.single-blog-box {
  overflow: hidden;
  transition: 0.5s;
  margin-bottom: 30px;
}

.single-blog-thumb img {
  width: 100%;
  transition: 0.5s;
}

/* meta blog */

.meta-blog {
  border-radius: 4px;
  background-image: linear-gradient(113deg, #0f58ff 0%, #1387ff 100%);
  position: absolute;
  padding: 14px 20px 14px;
  margin: 0px;
  top: -30px;
  transition: 0.5s;
}

.meta-blog p {
  margin: 0;
  color: #fff !important;
}

.meta-blog p span i {
  margin-right: 10px;
  font-size: 14px;
}

span.meta-style {
  margin-left: 59px;
  position: relative;
}

span.meta-style:before {
  position: absolute;
  content: "";
  left: -30px;
  top: 0;
  width: 1px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0.30196078431372547);
}

.blog-content {
  background: #fff;
  padding: 40px 40px 22px;
  position: relative;
  border-radius: 0 0 10px 10px;
}

.blog-content::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 65px;
  height: 1px;
  width: 100%;
  background: rgba(4, 19, 65, 0.10196078431372549);
}

.blog-title h3 a {
  display: inline-block;
  font-size: 24px;
  line-height: 30px;
  color: #041341;
  font-weight: 600;
  font-family: "Urbanist";
  margin-bottom: 10px;
}

.blog-btn {
  margin-top: 48px;
}

a.blog-button {
  font-size: 16px;
  color: #041341;
  font-weight: 400;
  font-family: "Mulish";
}

a.blog-right-btn {
  color: #fff;
  font-size: 16px;
  width: 66px;
  height: 66px;
  background-image: linear-gradient(113deg, #0f58ff 0%, #1387ff 100%);
  position: absolute;
  right: 0px;
  bottom: 0px;
  line-height: 66px;
  text-align: center;
  border-radius: 0 0 10px 0;
  transform: translate(30%, 30%);
  opacity: 0;
  transition: 0.5s;
}

/* all hover */
.single-blog-box:hover a.blog-right-btn {
  transform: translate(0%, 0%);
  opacity: 1;
}

.single-blog-box:hover .meta-blog {
  background-image: linear-gradient(113deg, #1387ff 0%, #0f58ff 100%);
}

/*<!-- ==========================================
<!-- Start Hosting Brand Area  Css -->
===================================================== -->*/

.brand-area {
  background: #fff;
  padding: 80px 0 80px;
}

.brand-single-item {
  border: 1px dashed #17171754;
  padding: 30px 0px 30px;
  text-align: center;
  transition: 0.5s;
}

.brand-thumb img {
  display: inline-block !important;
}

/*<!-- ==========================================
<!-- Start Hosting Footer Area  Css -->
===================================================== -->*/

.footer-area {
  background: url(../images/bg/footer_bg.jpg);
  padding: 20px 0 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

p.footer-desc {
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
  margin-top: 27px;
}

h3.footer-follow-title {
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
  position: relative;
  z-index: 1;
  padding-left: 35px;
  margin: 35px 0 15px;
}

h3.footer-follow-title:before {
  position: absolute;
  content: "";
  left: 0;
  top: 8px;
  width: 25px;
  height: 2px;
  background-color: #0c7fff;
}

.footer-widget-social-icon ul li {
  display: inline-block;
  margin-right: 6px;
}

.footer-widget-social-icon ul li a {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  background-image: linear-gradient(113deg, #0f58ff 0%, #1387ff 100%);
  color: #fff;
  line-height: 36px;
  text-align: center;
  font-size: 15px;
  border: 1px solid transparent;
}

.footer-widget-social-icon ul li a:hover {
  border: 1px solid #fff;
  background: transparent;
}

.footer-widget-title h4 {
  font-size: 24px;
  color: #ffffff;
  font-weight: 600;
  font-family: "Urbanist";
  margin-bottom: 32px;
}
/* footer menu */

.footer-widget-menu ul li a {
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  font-weight: 300;
  font-family: "Mulish";
  margin-bottom: 12px;
}

.footer-widget-menu ul li a i {
  font-size: 12px;
  color: #1388fe;
  position: relative;
  top: 0px;
  margin-right: 8px;
}

/* footer form */

p.subscribe_title {
  opacity: 0.4;
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Mulish";
  margin-bottom: 12px;
}

.subscribe_form {
  position: relative;
}

.subscribe_form input {
  width: 100%;
  height: 66px;
  border-radius: 5px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  outline: 0;
  color: #fff !important;
}

.subscribe_form input::placeholder {
  opacity: 0.502;
  font-size: 15px;
  color: #ffffff;
  font-weight: 300;
  font-family: "Mulish";
}

.subscribe_form .form-control:focus {
  color: #212529;
  background-color: transparent;
  border-color: none;
  outline: 0;
}

.subscribe_form button.btn {
  border-radius: 3px;
  background-image: linear-gradient(113deg, #0f58ff 0%, #1387ff 100%);
  font-size: 14px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Mulish";
  text-transform: uppercase;
  position: absolute;
  right: 9px;
  top: 8px;
  padding: 11px 25px;
}

h6.payment-title {
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Urbanist";
  margin: 28px 0 20px;
}

.subscribe_payment a {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 5px 20px;
  border-radius: 4px;
  margin-right: 6px;
}

/* footer bottom */
.footer-bottom-content {
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 22px;
  margin-top: 119px;
}

.footer-bottom-content-copy p {
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 300;
  font-family: "Mulish";
}

/*<!-- ============================================================== -->
<!-- Start Hosting Home Page Two Css -->
<!-- ============================================================== -->*/

/* Slider Area Style Tow */

.slider-area.style_two {
  background: url(../images/bg/banner_bg2.jpg);
  height: 800px;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-top: -99px;
}

.slider-area.style_two .slider-content h4 {
  display: inline-block;
  padding: 12px 21px;
  position: relative;
  z-index: 1;
  margin-bottom: 2px;
  font-size: 17px;
  color: #ffffff;
  font-weight: 500;
  background: #2060e9;
  border-radius: 20px;
  padding-left: 40px;
}

.slider-area.style_two .slider-content h4:before {
  left: 16px;
  top: 13px;
  background: url(../images/icon/icon_2.png);
  background-repeat: no-repeat;
}

.slider-area.style_two .slider-content h1 {
  font-size: 45px;
  line-height: 60px;
}

.slider-area.style_two .slider-content p {
  width: 87%;
  margin: 13px 0 36px;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 500;
}

.slider-area.style_two .hosting-button a {
  padding: 15px 29px;
  font-size: 18px;
  background: #f98223;
  margin-right: 15px;
}

.slider-area.style_two a.active {
  background: transparent !important;
}

/*<!-- ============================================================== -->
<!-- Start Hosting Feature Style Three Css -->
<!-- ============================================================== -->*/

.feature-area.style_three {
  padding: 80px 0 0;
}

.feature-single-box.style_three {
  padding: 40px 35px 12px;
  border-radius: 5px;
  border-bottom: 4px solid transparent;
  transition: 0.5s;
  filter: drop-shadow(0 0 23px rgba(1, 37, 73, 0.09));
  position: relative;
  z-index: 1;
}

.feature-single-box.style_three:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: -4px;
  width: 81%;
  height: 4px;
  background: #1356e4;
  z-index: -1;
  margin: auto;
  transition: 0.5s;
}

.feature-single-box.style_three:hover:before {
  background: #f98223;
}

.feature-single-box.style_three .feature-content h3 {
  font-weight: 600;
  margin: 28px 0 17px;
  font-size: 22px;
  color: #041341;
  transition: 0.5s;
  cursor: pointer;
}

.feature-single-box.style_three .feature-content h3:hover {
  color: #f98223;
}

.feature-single-box.style_three .feature-content p {
  font-size: 17px;
}

/*<!-- ============================================================== -->
<!-- Start Hosting Pricing Style Two Css -->
<!-- ============================================================== -->*/

.pricing-area.style_two {
  margin-top: 0;
  padding: 80px 0 90px;
  background: #fff;
}

.pricing-single-items.style_two {
  background: #fff;
  position: relative;
  z-index: 1;
  padding: 0px 30px 40px;
  margin-bottom: 30px;
  border-top: 0;
  transition: 0.5s;
  text-align: center;
  border: 1px solid #dadada;
  transition: 0.5s;
  border-radius: 5px;
}

.pricing-single-items.style_two .pricing_icon {
  display: inline-block;
  background-color: transparent;
  border-radius: 0 0 50px 50px;
  border-bottom: 1px solid #dadada;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  padding: 45px 29px 30px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
}

.pricing-single-items.style_two .pricing_icon:before {
  position: absolute;
  content: "";
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background: #f6f5f5;
  z-index: -1;
  left: 0;
  right: 0;
  margin: auto;
  transform: translate(0px, -10px);
}

.pricing-single-items.style_two .pricing-title {
  margin-top: 23px;
}

.pricing-single-items.style_two .pricing-title h3 {
  margin-bottom: 25px;
  font-size: 22px;
  color: #041341;
  font-weight: 700;
  transition: 0.5s;
}

.pricing-single-items.style_two .pricing-title h3:hover {
  color: #1387ff;
}

.pricing-single-items.style_two .pricing-title:before {
  display: none;
}

.pricing-single-items.style_two h2.price {
  font-size: 20px;
  color: #041341;
  font-weight: 500;
}

.pricing-single-items.style_two .pricing-btn a {
  border: 1px solid #f98223;
  padding: 15px 48px;
  display: inline-block;
  font-size: 17px;
  color: #f98223;
  font-weight: 500;
}

/* All hover */

.pricing-single-items.style_two:hover .pricing-btn a {
  border: 1px solid #1387ff !important;
  color: #fff !important;
}

.pricing-single-items.style_two:hover .pricing_icon {
  background: #1356e4;
}

/*<!-- ============================================================== -->
<!-- Start Hosting Domain Area Home One Css -->
<!-- ============================================================== -->*/
.domain-area {
  background: #ffff;
  padding: 0 0 120px;
}

.row.domain_bg {
  margin: 0;
  padding: 43px 220px 60px;
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 0 23px rgba(1, 37, 73, 0.09));
  background: #fff;
  text-align: center;
  border-radius: 10px;
}

h2.domain-title {
  font-size: 32px;
  color: #041341;
  font-weight: 700;
  margin-bottom: 40px;
}

.domain-right form {
  position: relative;
}

.domain-right form input {
  width: 100%;
  height: 65px;
  background-color: #ffffff;
  border-radius: 4px;
  outline: 0;
  position: relative;
  z-index: 1;
  padding: 0 25px;
  border: 1px solid #dadada;
}

.domain-right form input::placeholder {
  opacity: 0.502;
  font-size: 16px;
  color: #424242;
  font-weight: 500;
  font-family: "Mulish";
}

button.src-icon {
  position: absolute;
  right: 8px;
  top: 6px;
  z-index: 1;
  border: 0;
  outline: 0;
  color: #fff;
  font-weight: 500;
  width: 173px;
  height: 52px;
  border-radius: 5px;
  background: #f98223;
  font-size: 17px;
}

button.src-icon i {
  font-size: 14px;
  margin-left: 10px;
}

/* domain list */

.domain-list {
  margin-top: 35px;
}

.domain-single-item {
  display: inline-block;
  margin-right: 20px;
  filter: drop-shadow(0 0 23px rgba(1, 37, 73, 0.09));
  background: #fff;
  width: 130px;
  padding: 1px 0 11px;
  position: relative;
  z-index: 1;
}

.domain-single-item:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 90px;
  height: 1px;
  background: #1356e4;
  right: 0;
  margin: auto;
  transition: 0.5s;
}

.domain-single-item:hover:before {
  background: #f98323;
}

.domain-content h5 {
  font-size: 22px;
  color: #f98223;
  font-weight: 600;
}

.domain-content span {
  font-size: 13px;
  color: #424242;
  font-weight: 500;
}

/*<!-- ============================================================== -->
<!-- Start Hosting Prove Area  Styele Two Css -->
<!-- ============================================================== -->*/

.proved-area.style_two {
  background: url(../images/bg/proved_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 116px 0 80px;
}

.proved-area.style_two .proved-btn {
  margin-top: 42px;
}

.proved-area.style_two .proved-btn a {
  font-size: 17px;
  color: #ffffff;
  padding: 13px 37px;
  background: #f98223;
  border: 2px solid transparent;
  margin-right: 15px;
}

.proved-area.style_two .proved-btn a:hover {
  color: #f98223;
  border: 2px solid #fff;
}

.proved-area.style_two a.active {
  background: transparent !important;
  border: 2px solid #fff !important;
}

/*
<!-- ============================================================== -->
<!-- Hosting Serviec Area Css -->
<!-- ============================================================== -->*/

.service-area {
  padding: 108px 0 84px;
  background: #fff;
}

.service-single-box {
  background: url(../images/bg/service_thumb.png);
  padding: 35px 35px 28px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  filter: drop-shadow(0 0 23px rgba(1, 37, 73, 0.09));
}

.service-single-box:before {
  position: absolute;
  content: "";
  right: 50%;
  top: 0;
  height: 100%;
  width: 0%;
  background: url(../images/bg/service_thumbs.png);
  z-index: -1;
  transition: 0.5s;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.service-single-box:hover:before {
  width: 100%;
  right: 0%;
}

h3.service-title {
  font-size: 22px;
  color: #041341;
  font-weight: 700;
  font-family: "Urbanist";
  padding: 16px 0 16px;
}

.service-content p {
  transition: 0.5s;
}

.service-single-box .hosting-button {
  margin-top: 19px;
}

.service-single-box .hosting-button a {
  padding: 0;
  font-size: 17px;
  color: #041341;
  font-weight: 500;
  border-radius: 0px;
  background-image: none;
}

.service-single-box .hosting-button a:after {
  display: none;
}

.service-icon img {
  transition: 0.5s;
}

/* all hver */

.service-single-box:hover h3.service-title {
  color: #ffff;
}

.service-single-box:hover .service-content p {
  color: #ffff;
}

.service-single-box:hover .hosting-button a {
  color: #ffff;
}

.service-single-box:hover .service-icon img {
  animation: wobble_vertical 1s forwards ease-in-out 0s;
}

/*--==============================================->
<!--Start Hosting Experience Area Css -->
==================================================-*/

.experience-area {
  padding-bottom: 68px;
}

.experience-area .section-title {
  margin-bottom: 40px;
}

.row.experience_style {
  border-bottom: 1px solid #1356e41c;
  margin-bottom: 53px;
}

.experience-single-box {
  margin-bottom: 44px;
}

.experience_icon {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  filter: drop-shadow(0 0 23px rgba(1, 37, 73, 0.09));
  background: #ffffff;
  line-height: 80px;
  float: left;
  text-align: center;
  margin-right: 25px;
  transition: 0.5s;
}

.experience_content h3 {
  font-size: 22px;
  color: #041341;
  font-weight: 600;
  margin-bottom: 8px;
}

.experience_content p {
  font-size: 17px;
}

.experience-single-box:hover .experience_icon {
  animation: wobble_vertical 1s forwards ease-in-out 0s;
}

/*
<!-- ============================================================== -->
<!-- Hosting Why Choose Area Css -->
<!-- ============================================================== -->*/

.why-choose-area {
  background: url(../images/bg/choose_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 112px 0 90px;
}

.why-choose-single-item {
  background: #2060e9;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
  padding: 30px 30px 30px;
  border-radius: 5px;
}

.why-choose-single-item::before {
  position: absolute;
  background: #fff;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  z-index: -1;
  border-radius: 5px;
  transition: 0.5s;
}

.why-choose-single-item:hover:before {
  width: 100%;
}

h3.choose-title {
  font-size: 22px;
  color: #fff;
  font-weight: 700;
  font-family: "Urbanist";
  margin-bottom: 11px;
  margin-top: 0;
  transition: 0.5s;
}

.why-choose-content p {
  margin: 0;
  transition: 0.5s;
  color: #fff;
}

.choose-thumb {
  position: relative;
  bottom: -19px;
  right: -39px;
}

/* all hover */

.why-choose-single-item:hover h3.choose-title {
  color: #041341;
}

.why-choose-single-item:hover .why-choose-content p {
  color: #424242;
}

/*
<!-- ============================================================== -->
<!-- Hosting Testimonial Style Two Css -->
<!-- ============================================================== -->*/

.testimonial-area.style_two {
  background: #3019190d;
  padding: 110px 0 90px;
}

.testimonial-single-item.style_two {
  background: url(../images/thumb/tesi_thumb.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 35px 20px 27px 30px;
  transition: 0.5s;
  margin-bottom: 30px;
}

.testimonial-single-item.style_two:before {
  display: none;
}

.testimonial-single-item.style_two::after {
  background: url(../images/bg/testi_thumb2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.testimonial-single-item.style_two .testi-author-thumb {
  margin-right: 15px;
}

.testimonial-single-item.style_two h4.name {
  font-size: 20px;
  color: #041341;
  font-weight: 700;
  transition: 0.5s;
}

.testimonial-single-item.style_two h5.designation {
  margin-top: 6px;
  transition: 0.5;
  color: #1356e4;
}

.testimonial-single-item.style_two .testimonial-content p {
  font-size: 17px;
  color: #424242;
  font-weight: 400;
  font-family: "Mulish";
  margin: 22px 0 0px;
  transition: 0.5s;
}

.testimonial-single-item.style_two .testi-rating {
  top: 0;
  right: 0;
  transition: 0.5s;
  position: inherit;
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.testi-rating h6 {
  float: left;
  margin: 0;
  font-size: 17px;
  font-weight: 500;
  font-family: "Mulish";
  transition: 0.5s;
}

.testimonial-single-item.style_two .testi-rating span {
  color: #f98223;
  margin-left: 10px;
  transition: 0.5s;
  font-size: 15px;
}

/* all hover */

.testimonial-single-item.style_two:hover h4.name {
  color: #fff;
}

.testimonial-single-item.style_two:hover h5.designation {
  color: #fff;
}

.testimonial-single-item.style_two:hover .testimonial-content p {
  color: #fff;
}

.testimonial-single-item.style_two:hover .testi-rating span {
  color: #fff;
}

.testimonial-single-item.style_two:hover .testi-rating h6 {
  color: #fff;
}

.testimonial-area.style_two .owl-item.active.center .testi-rating h6 {
  color: #fff;
}

/* tesimonila rating box */

.testimonial-single-item.style_two.rating {
  background: #fff;
  filter: drop-shadow(0 0 23px rgba(1, 37, 73, 0.09));
}

.testimonial-single-item.style_two.rating:after {
  display: none;
}

.testimonial-single-item.style_two.rating .testi-rating {
  margin-top: 18px;
}

.rating_number {
  position: absolute;
  top: 47%;
  right: 40px;
  transform: translateY(-50%);
}

.rating_number h6 {
  font-size: 26px;
  color: #1356e4;
}

.testimonial-single-item.style_two.rating .testi-rating span {
  color: #f98223;
}

.testimonial-single-item.style_two.rating .testi-rating h6 {
  color: #041341;
}

/*
<!-- ============================================================== -->
<!-- Hosting Blog Area Style One Css -->
<!-- ============================================================== -->*/

.blog-area.style_two {
  background: #fff;
}

.single-blog-box.style_two .blog-content {
  background: url(../images/bg/blog-content-img.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 26px 16px 26px 35px;
  border-bottom: 1px solid #fe8731;
  transition: 0.5s;
}

.single-blog-box.style_two .blog-content::before {
  display: none;
}

.blog-date p {
  position: absolute;
  top: -25px;
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
  right: 0;
  background-color: #fe8731;
  padding: 11px 33px;
  border-radius: 30px 0 0px 30px;
}

.meta-blogs p {
  color: #424242;
  margin-bottom: 0;
}

.meta-blogs p a {
  display: inline-block;
  font-size: 16px;
  color: #424242;
  font-weight: 400;
  font-family: "Mulish";
  margin-right: 12px;
}

.meta-blogs p span i {
  margin-right: 10px;
  transform: rotate(-11deg);
  display: inline-block;
}

.single-blog-box.style_two .blog-title h3 a {
  font-size: 22px;
  line-height: 32px;
  color: #041341;
  font-weight: 700;
  font-family: "Urbanist";
  display: inline-block;
}

.single-blog-box.style_two .blog-title h3 a:hover {
  color: #1356e4;
}

.single-blog-box.style_two .blog-btn {
  margin-top: 3px;
}

.single-blog-box.style_two .blog-btn a {
  font-size: 17px;
  color: #041341;
  font-weight: 500;
  display: inline-block;
}

.single-blog-box.style_two .blog-btn a i {
  margin-left: 8px;
  font-size: 16px;
}

/* all hover */

.single-blog-box.style_two :hover .blog-btn a {
  color: #1356e4;
}

.single-blog-box.style_two :hover .blog-content {
  border-bottom: 1px solid #1356e3;
}

/*
<!-- ============================================================== -->
<!-- Hosting Footer Area Style One Css -->
<!-- ============================================================== -->*/

.footer-area.style_two {
  padding: 120px 0 60px;
  background: url(../images/bg/footer_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.footer-area.style_two p.footer-desc {
  width: 96%;
  margin-top: 31px;
}

.footer-area.style_two .footer-widget-social-icon {
  margin-top: 28px;
}

.footer-area.style_two .footer-widget-title h4 {
  margin-bottom: 36px;
}

.footer-area.style_two .subscribe_form {
  margin-top: 46px;
}

.footer-area.style_two .subscribe_form input {
  width: 100%;
  height: 56px;
  border-radius: 28px;
  background-color: #ffffff;
  padding: 0 20px;
  margin-bottom: 30px;
}

.footer-area.style_two .subscribe_form input::placeholder {
  font-size: 16px;
  color: #424242;
  font-weight: 400;
  font-family: "Mulish";
  opacity: 1;
}
.footer-area.style_two .subscribe-btn button {
  width: 100%;
  height: 56px;
  border-radius: 28px;
  background-color: #fe8731;
  outline: 0;
  border: none;
  font-size: 16px;
  color: #ffffff;
  font-weight: 600;
  font-family: "Mulish";
  text-align: center;
  text-transform: uppercase;
}

.row.footer_bottom_bg {
  background-color: #2969f0;
  margin: 0;
  padding: 20px 48px 20px;
  margin-top: 100px;
  border-radius: 5px;
}

h6.payment-title.style_one {
  float: left;
  margin: 20px 0 20px;
  margin-right: 20px;
}

.subscribe_payment.style-one ul li {
  display: inline-block;
  margin-right: 15px;
}

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

.footer-bottom-right a {
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Mulish";
  display: inline-block;
  margin-left: 44px;
  position: relative;
  z-index: 1;
}

.footer-bottom-right a:hover {
  color: #fe8731;
}

.footer-bottom-right a:before {
  position: absolute;
  top: 6px;
  right: -25px;
  content: "";
  width: 1px;
  height: 20px;
  background-color: #ffffff;
  z-index: -1;
}

a.border-none:before {
  display: none;
}

/*
<!-- ============================================================== -->
<!-- Start Hosting Home Three Page Css -->
<!-- ============================================================== -->*/

/* Start Slider Style three */

.hosting_nav_manu.style_three {
  border: none;
  margin-bottom: -130px;
}

.row.header_style_two {
  border-radius: 5px;
  background-color: #ffffff;
  margin: 0;
  padding: 0 8px 0 13px;
  position: relative;
}

.row.header_style_two:before {
  position: absolute;
  content: "";
  left: 10px;
  bottom: -10px;
  background: #30266e;
  height: 100%;
  width: 100%;
  border-radius: 5px;
  z-index: -1;
}

.slider-area.style_three {
  background: url(../images/bg/banner_bg_06.png);
  height: 950px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.slider-area.style_three .slider-content h1 {
  font-size: 70px;
  line-height: 80px;
  color: #ffffff;
  font-weight: 700;
  font-family: "Urbanist";
}

.slider-area.style_three .slider-content p {
  width: 72%;
  margin: 26px 0 44px;
  font-size: 18px;
  color: #fff;
}

.slider-area.style_three .slider-content span {
  color: #f98223;
}

.slider-area.style_three .hosting-button a {
  display: inline-block;
  border-radius: 27px;
  background-image: linear-gradient(90deg, #f98123 0%, #ff0965 100%);
  padding: 11px 30px;
  font-size: 14px;
  color: #ffffff;
  margin-right: 16px;
  border: 1px solid transparent;
}

.slider-area.style_three .hosting-button a:after {
  background: linear-gradient(90deg, #ff0965 0%, #f98123 100%);
  border-radius: 27px;
}

.slider-area.style_three a.active {
  background: transparent !important;
  border: 1px solid #fff !important;
}

.slider-area.style_three a.active:after {
  display: none;
}

.slider-area.style_three a.active:hover {
  background: #fff !important;
  color: #f98123;
}

/*
<!-- ============================================================== -->
<!-- Start Hosting Feature Area  Home three Css -->
<!-- ============================================================== -->*/
.feature-area.style_four {
  background: #fff;
  padding: 110px 0 69px;
}

.feature-area.style_four .section-title.text-center {
  margin-bottom: 93px;
}

.feature-single-box.style_four {
  border-bottom: transparent;
  padding: 0px 0px 10px;
}

.feature-single-box.style_four .feature-icon {
  width: 65px;
  height: 65px;
  border-radius: 33px;
  background: #edf0f7;
  line-height: 65px;
  display: inline-block;
  text-align: center;
  transition: 0.5s;
}

.feature-icon img {
  transition: 0.5s;
}

.feature-single-box.style_four:hover .feature-icon {
  background: #ff0965;
}

.feature-single-box.style_four:hover .feature-icon img {
  filter: brightness(0) invert(1);
}

.feature-single-box.style_four :hover .feature-content p {
  color: #fff;
}

.feature-single-box.style_four .feature-content h3 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  margin-top: 35px;
  margin-bottom: 15px;
}

.feature-single-box.style_four .feature-content p {
  color: #424242;
  transition: 0.5s;
}

.feature-single-box.style_four .feature_btn a {
  display: inline-block;
  font-size: 13px;
  color: #f98223;
  font-weight: 500;
}

.feature-single-box.style_four .feature_btn a i {
  font-size: 12px;
  font-weight: 700;
}

/*
<!-- ============================================================== -->
<!-- Hosting About Area Style Two  Css -->
<!-- ============================================================== -->*/

.about-area.style_two {
  background: url(../images/bg/about-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.about-area.style_two .section-title p {
  color: #fff;
}

.about-area.style_two .about-single-item {
  padding: 0px 0px 0px;
  border-radius: 5px;
  background-color: transparent;
  border-bottom: 4px solid transparent;
  filter: inherit;
  margin-bottom: 13px;
}

.about-area.style_two .about-icon {
  margin-right: 20px;
}

.about-area.style_two .about-content {
  overflow: hidden;
}

.about-area.style_two .about-content h3 {
  font-size: 23px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 12px;
  margin-top: 3px;
}

.about-area.style_two .about-content p {
  color: #ffffffe6;
}

.hosting-button.style_two {
  margin-top: 8px;
}

.hosting-button.style_two a {
  display: inline-block;
  border-radius: 27px;
  background-image: linear-gradient(90deg, #f98123 0%, #ff0965 100%);
  padding: 12px 32px;
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
}

.hosting-button.style_two a:after {
  border-radius: 27px;
}

/*
<!-- ============================================================== -->
<!-- Hosting Service Area Style One  Css -->
<!-- ============================================================== -->*/

.service-area.style_tow {
  background: #f8f8f8;
}

.service-area.style_two .section-title.text-center p {
  width: 59%;
  color: #ffffffbf;
}

.service-single-box.style_two {
  padding: 50px 30px 40px;
  transition: 0.5s;
  filter: drop-shadow(0px 10px 15px rgba(136, 136, 136, 0.05));
  background: #ffffff;
  text-align: center;
}

.service-single-box.style_two:before {
  position: absolute;
  content: "";
  height: 100%;
  right: 50%;
  width: 0%;
  background: url(../images/thumb/service_thumb.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: 0.5s;
}

.service-single-box.style_two:hover:before {
  width: 100%;
  right: 0%;
}

.service-single-box.style_two h3.service-title {
  padding: 25px 0 15px;
  font-size: 25px;
  color: #041341;
  font-weight: 700;
}

.service-single-box.style_two .hosting-button {
  margin-top: 16px;
}

.service-single-box.style_two .hosting-button a {
  display: inline-block;
  font-size: 14px;
  color: #041341;
  font-weight: 500;
  background: transparent;
  text-transform: uppercase;
  margin-top: 7px;
  padding: 0;
}

.service-single-box.style_two .hosting-button a:after {
  display: none;
}

/* all hover */
.service-single-box.style_two:hover h3.service-title {
  color: #fff;
}

.service-single-box.style_two:hover .hosting-button a {
  color: #fff;
}

/*
<!-- ============================================================== -->
<!-- Start Hosting Domain Area Style Two Css -->
<!-- ============================================================== -->*/

.domain-area.style_two {
  background: url(../images/bg/domain_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
 /* padding: 110px 0 112px;*/
}

.domain-area.style_2 .section-title {
  margin-bottom: 30px;
}

.domain-right.style_two form input {
  height: 60px;
  border-radius: 30px;
}

.domain-area.style_two .domain-list {
  margin-top: 21px;
}

.domain-single-item.style_two {
  background-color: transparent;
  margin-right: 70px;
  padding: 0;
  border: none;
  width: 50px;
}

.domain-single-item.style_two:before {
  display: none;
}

.domain-single-item.style_two .domain-content h5 {
  color: #fefefe;
}

.domain-single-item.style_two .domain-content span {
  font-size: 13px;
  color: #fefefe;
  font-weight: 400;
  font-family: "Mulish";
}

.domain-right.style_two select.select_box {
  position: absolute;
  top: 17px;
  right: 25%;
  color: #190e5c;
  z-index: 1;
}

button.src-icon.style-2 {
  width: 157px;
  height: 60px;
  background-image: linear-gradient(90deg, #f98123 0%, #ff0965 100%);
  border-radius: 0 30px 30px 0px;
  padding: 0px 19px;
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  top: 0;
  right: 0px;
  transition: 0.5s;
}

button.src-icon.style-2:hover {
  background-image: linear-gradient(90deg, #ff0965 0%, #f98123 100%);
}

button.src-icon.style-2 i {
  margin-right: 0px;
}

/*
<!-- ============================================================== -->
<!-- Hosting Pricing Area Style_3  Css -->
<!-- ============================================================== -->*/

.pricing-area.style_three {
  background: #f8f8f8;
  margin-top: 0;
  padding: 112px 0 57px;
}

.pricing-area.style_three .section-title.text-center {
  margin-bottom: 32px;
}

.tab {
  position: relative;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  text-align: center;
}

.tabs {
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin: 0;
  background: #fff;
  margin-bottom: 30px;
  border-radius: 30px;
  filter: drop-shadow(0px 5px 15px rgba(136, 136, 136, 0.05));
  padding: 5px 7px;
}

.tabs li {
  float: left;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.tabs li a {
  outline: none;
  padding: 11px 24px;
  transition: all 0.2s ease-in-out;
  font-size: 16px;
  color: #041341;
  font-weight: 600;
  font-family: "Mulish";
  display: inline-block;
  border-radius: 30px;
}

.tabs_item {
  display: none;
  padding: 30px 0;
}

.tabs_item:first-child {
  display: block;
}

li.current a {
  background-image: linear-gradient(90deg, #f98123 0%, #ff0965 100%) !important;
  color: #fff;
}

/* pricing single box */

.pricing-single-items.style_three {
  margin-left: 0;
  background: #fff;
  padding: 35px 40px 50px;
  text-align: left;
  border: none;
}

.pricing-single-items.style_three h3.pricing-plan2 {
  font-size: 22px;
  color: #041341;
  font-weight: 700;
  transition: 0.5s;
}

.pricing-single-items.style_three .pricing-money h3 {
  font-family: "Urbanist";
  margin: 22px 0 25px;
  font-size: 45px;
  color: #001eb1;
  font-weight: 700;
}

.pricing-single-items.style_three .pricing-money h3 span {
  font-size: 20px;
  color: #061242 !important;
  font-weight: 700;
  transition: 0.5s;
}

.pricing-single-items.style_three .pricing-body {
  margin-top: 55px;
  position: relative;
  z-index: 1;
}

.pricing-single-items.style_three .pricing-body:before {
  position: absolute;
  content: "";
  top: -29px;
  left: 0;
  height: 1px;
  width: 100%;
  background: #42424226;
  z-index: -1;
}

.pricing-single-items.style_three .pricing-feature ul li img {
  margin-right: 12px;
  position: relative;
  top: -1px;
}

.pricing-single-items.style_three .pricing-feature ul li {
  color: #041341;
  margin-bottom: 12px;
}

.pricing-single-items.style_three .pricing-btn a {
  border: 0;
  padding: 12px 40px;
  border-radius: 30px;
  font-size: 14px;
  color: #f98223;
  font-weight: 500;
  background: transparent;
}

.pricing-single-items.style_three .pricing-btn a:after {
  border-radius: 30px;
  background-image: linear-gradient(90deg, #f98123 0%, #ff0965 100%);
}

a.gradient-border-mask:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 53px;
  border-radius: 30px;
  border: 1px solid transparent;
  background: linear-gradient(45deg, #f98123, #ff0965) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
}

.pricing-single-items.style_three .pricing-btn {
  margin-top: 33px;
}

/* all hover */

.pricing-single-items.style_three:hover .pricing-btn a {
  color: #fff;
}

/*
<!-- ============================================================== -->
<!-- Hosting Location maps Css -->
<!-- ============================================================== -->*/

.location_maps {
  background: url(../images/bg/locatio-bg.jpg);
  background-size: cover;
  padding: 113px 0 452px;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
}

.location_maps .section-title p {
  width: 48%;
  color: #fff;
}

.location {
  position: absolute;
  top: 39%;
  left: 33%;
  z-index: -1;
  cursor: pointer;
}

.location2 {
  position: absolute;
  right: 38%;
  top: 36%;
}

.location3 {
  position: absolute;
  right: 32%;
  bottom: 34%;
}

.location4 {
  position: absolute;
  top: 60%;
  right: 54%;
}

.location5 {
  position: absolute;
  bottom: 53%;
  left: 46%;
}

.goole-maps {
  position: absolute;
  visibility: hidden;
  z-index: 1;
  opacity: 0;
  transition: 0.5s;
  top: 110px;
}

/* all hover */

.location:hover .goole-maps {
  opacity: 1;
  visibility: visible;
  top: 90px;
}

.location2:hover .goole-maps {
  opacity: 1;
  visibility: visible;
  top: 90px;
}

.location3:hover .goole-maps {
  opacity: 1;
  visibility: visible;
  top: 90px;
}
.location4:hover .goole-maps {
  opacity: 1;
  visibility: visible;
  top: 90px;
}

.location5:hover .goole-maps {
  opacity: 1;
  visibility: visible;
  top: 90px;
}

/*
<!-- ============================================================== -->
<!-- Hosting Testimonial Area Style Tow  Css -->
<!-- ============================================================== -->*/
.testimonial-area.style_three {
  background: #fff;
  padding: 172px 0 120px;
}

.testimonial-area.style_three .section-title p {
  width: 97%;
}

.section-title.style_five {
  position: relative;
  z-index: 1;
}

.section-title.style_five:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -31px;
  height: 1px;
  width: 91%;
  background: #0413411c;
}

.testimonial-area.style_two .section-title p {
  color: #424242;
  width: 92%;
  margin-left: 40px;
}

.counter-title h1 {
  display: inline-block;
  font-size: 50px;
  color: #041341;
  font-weight: 700;
}

.counter-title span {
  font-size: 50px;
  color: #041341;
  font-weight: 700;
}

.counter-title h5 {
  font-size: 18px;
  color: #424242;
  font-weight: 400;
  font-family: "Mulish";
  margin-top: 7px;
}

/* testimonial single item */
.testimonial-single-item.style_three {
  padding: 35px 37px 40px 40px;
  background: #fff;
  border: 1px solid #d9cdcd;
}

.testimonial-single-item.style_three:before {
  display: none;
}

.testimonial-single-item.style_three:after {
  display: none;
}

.testimonial-single-item.style_three .testi-rating {
  position: initial;
  transition: 0.5s;
}

.testimonial-single-item.style_three .testi-rating span {
  color: #fd4a43;
  font-size: 18px;
}

.testimonial-single-item.style_three .testimonial-content p {
  color: #424242;
  margin: 20px 0 26px;
  line-height: 26px;
}

.testimonial-single-item.style_three h4.name {
  font-size: 20px;
  color: #041341;
  font-weight: 700;
  margin-top: 5px;
}

.testimonial-single-item.style_three h5.designation {
  color: #424242;
  margin-top: 9px;
}

.testimonial-area.style_three .testi_list2 {
  width: 85%;
  left: 0;
  right: 0;
  margin: auto;
}

.testimonial_shape {
  position: relative;
}

.testimonial_thumbs {
  position: absolute;
  top: -23rem;
  left: -5px;
}

/*
<!-- ============================================================== -->
<!-- Hosting Proved Area Style Three  Css -->
<!-- ============================================================== -->*/
.proved-area.style_three {
  background: #fff;
  padding: 0px 0 120px;
}

.proved-area.style_three .section-title {
  margin-bottom: 18px;
}

.row.proeved-upper {
  background: url(../images/bg/hostting_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 0;
  filter: drop-shadow(0px 10px 15px rgba(102, 102, 102, 0.1));
  padding: 90px 37px 100px;
  border-radius: 10px;
}

.proved-area.style_three .section-title p {
  color: #424242;
  width: 104%;
}

p.proved-contant {
  font-size: 16px;
  color: #041341;
  font-weight: 600;
}

.proved-area.style_three .proved-btn {
  margin-top: 27px;
}

.proved-area.style_three .proved-btn a {
  font-size: 14px;
  font-weight: 500;
  background-image: linear-gradient(90deg, #f98123 0%, #ff0965 100%);
  border: 1px solid transparent;
  border-radius: 25px;
  padding: 10px 34px;
}

.proved-area.style_three .proved-btn a:hover {
  color: #ffff;
}

.proved-area.style_three .proved-btn a:after {
  border-radius: 25px;
  background-image: linear-gradient(90deg, #ff0965 0%, #f98123 100%);
}

.proved-area.style_three .proved-btn a img {
  margin-left: 10px;
}

/*
<!-- ============================================================== -->
<!-- Hosting Faq Area Style Two Css -->
<!-- ============================================================== -->*/
.faq-area.style_two {
  background: url(../images/bg/faq_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 100px 0 90px;
}

.faq-area.style_two .section-title.pb_10 p {
  width: 54%;
  color: #ffffffba;
}

.tab_container.style_two {
  background: rgba(37, 26, 100, 0.5);
  padding: 19px 30px 3px;
  margin-bottom: 30px;
}

.accordion.style1 li a {
  padding: 2px 0 17px;
  border-top: 0;
  border-bottom: 1px solid rgba(223, 225, 233, 0.102);
  font-size: 18px;
  font-weight: 500;
  color: #fff !important;
}

a.last-child {
  border: 0 !important;
}

.accordion.style1 li a span:after {
  display: none;
  right: 0;
}

.accordion.style1 li p {
  padding: 0 12px 6px 0px;
  font-size: 15px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Mulish";
}

.accordion.style1 a:before {
  width: 7%;
  height: 100%;
  background: url(../images/icon/faq_icon_01.png);
  background-repeat: no-repeat;
  right: -19px;
  top: 6px;
}

.accordion.style1 a:after {
  width: 7%;
  height: 100%;
  background: transparent;
  background-repeat: no-repeat;
  right: -19px;
  top: 6px;
}

.accordion.style1 a.active:after {
  background: url(../images/icon/faq_icon_02.png);
  background-repeat: no-repeat;
}

.accordion.style1 a.active {
  border-bottom: 0;
  border-top: 0;
}

/*
<!-- ============================================================== -->
<!-- Hosting Blog Area Style Three Css -->
<!-- ============================================================== -->*/

.blog-area.style_three {
  background: #f7f7f7;
  padding: 110px 0 205px;
}

.blog-area.style_three .section-title p {
  color: #424242;
  width: 80%;
}

.single-blog-box.style_three {
  background: #ffff;
  text-align: center;
  padding: 30px 0 13px;
  border-radius: 5px;
}

.single-blog-box.style_three .single-blog-thumb img {
  width: inherit;
}

.single-blog-box.style_three .meta-blog {
  position: inherit;
  padding: 6px 0 2px;
  background: transparent;
  top: 0;
}

.single-blog-box.style_three .meta-blog p {
  font-size: 14px;
  color: #424242 !important;
  font-weight: 500;
}

.single-blog-box.style_three span.meta-style {
  margin-left: 30px;
  position: relative;
}

.single-blog-box.style_three span.meta-style:before {
  display: none;
}

.single-blog-box.style_three .blog-title h3 a {
  display: inline-block;
  font-family: "Urbanist";
  margin-bottom: 13px;
  font-size: 22px;
  line-height: 32px;
  color: #041341;
  font-weight: 700;
}

.single-blog-box.style_three .meta-blog p span i {
  color: #fd394c;
}

.single-blog-box.style_2 span.meta-style {
  margin-left: 30px;
}

.single-blog-box.style_2 .blog-content p {
  color: #424242;
}

.single-blog-box.style_three .blog-content {
  background: #fff;
  border: none;
  text-align: left;
  padding: 25px 10px 38px 30px;
}

.single-blog-box.style_three .blog-content::before {
  display: none;
}

.single-blog-box.style_three .blog-btn {
  margin-top: 41px;
}

.single-blog-box.style_three .blog-btn a {
  background: transparent;
  padding: 16px 35px;
  font-size: 14px;
  color: #041341;
  font-weight: 500;
  border-radius: 25px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.single-blog-box.style_three:hover .blog-btn a {
  color: #fff;
}

.single-blog-box.style_three .blog-btn a:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  border-radius: 30px;
  border: 1px solid transparent;
  background: linear-gradient(45deg, #f98123, #ff0965) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
}

.single-blog-box.style_three .blog-btn a::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 0%;
  height: 100%;
  border-radius: 30px;
  background-image: linear-gradient(90deg, #ff0965 0%, #f98123 100%);
  transition: 0.5s;
  z-index: -1;
}

.single-blog-box.style_three:hover .blog-btn a::before {
  width: 100%;
}

.single-blog-box.style_three .blog-btn a i {
  font-size: 13px;
  font-weight: 600;
  margin-left: 8px;
}

.hosting-button.style_three {
  text-align: right;
  margin-top: 0;
}

.hosting-button.style_three a:after {
  background-image: linear-gradient(90deg, #ff0965 0%, #f98123 100%);
}
/* all hover */

.single-blog-box.style_three:hover .blog-content {
  border: none;
}

/*
<!-- ============================================================== -->
<!-- Hosting Newsletter Area Css -->
<!-- ============================================================== -->*/

.row.newsletter_bg {
  background: url(../images/bg/news_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 0;
  padding: 70px 73px 70px;
  position: relative;
  z-index: 1;
  margin-top: -112px;
  margin-bottom: -115px;
  border-radius: 10px;
}

.news-title h1 {
  margin-top: 20px;
  font-size: 45px;
  font-weight: 700;
}

.dpx label {
  cursor: pointer;
  margin-right: 15px;
  color: #041341;
  font-weight: 400;
  font-family: "Mulish";
  font-size: 16px;
}

.option-input {
  -webkit-appearance: none;
  appearance: none;
  top: 2px;
  left: 0;
  height: 15px;
  width: 15px;
  transition: all 0.15s ease-out 0s;
  background: transparent;
  border: 1px solid #ff0965;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.4rem;
  outline: none;
  position: relative;
  z-index: 1;
  border-radius: 50%;
}

.option-input:checked {
  background-image: linear-gradient(90deg, #f98123 0%, #ff0965 100%);
  border: 1px solid #ff0965;
}

.newsletter-form form {
  position: relative;
}

.newsletter-form input {
  width: 100%;
  height: 60px;
  border-radius: 30px;
  background-color: transparent;
  padding: 0 48px;
  position: relative;
  z-index: 1;
  border: 1px solid #fc314f;
}

.newsletter-form input::placeholder {
  color: #989898;
}

.newsletter-form input:focus {
  outline: none;
}

button.news-btn {
  position: absolute;
  right: 0;
  border: none;
  font-size: 16px;
  color: #ffffff;
  background-image: linear-gradient(90deg, #f98123 0%, #ff0965 100%);
  font-weight: 400;
  width: 158px;
  height: 60px;
  border-radius: 0px 30px 30px 0px;
  top: 0;
}

.newsletter-form img {
  position: absolute;
  left: 22px;
  top: 24px;
}

/*
<!-- ============================================================== -->
<!-- Hosting Footer Area Style_3 Css -->
<!-- ============================================================== -->*/

.footer-area.style_3 {
  background: url(../images/bg/footer_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.footer-area.style_3 p.footer-desc {
  width: 71%;
  color: #cccccc;
  line-height: 28px;
}

.footer-area.style_3 .footer-widget-social-icon {
  margin-top: 22px;
}

.footer-area.style_3 .footer-widget-menu ul li a {
  color: #fffc;
}

.footer-area.style_3 .footer-widget-menu ul li a:hover {
  color: #f98223;
}

a.social-style_2 {
  background: #f70000 !important;
}

a.social-style_2:hover {
  background: #187dff !important;
  border: 1px solid #fff !important;
}

a.social-style_1 {
  background: #e24860 !important;
}

a.social-style_1:hover {
  background: #187dff !important;
  border: 1px solid #fff !important;
}

.footer-area.style_3 .footer-widget-title h4 {
  font-size: 22px;
  margin-bottom: 55px;
  position: relative;
  z-index: 1;
}

.footer-area.style_3 .footer-widget-title h4:before {
  position: absolute;
  content: "";
  left: 0;
  top: 40px;
  width: 50px;
  height: 2px;
  background-image: linear-gradient(-90deg, #f98123 0%, #ff0965 100%);
  z-index: -1;
}

.subscribe_form.style_2 input {
  width: 100%;
  height: 56px;
  border-radius: 5px;
  background: rgba(48, 38, 107, 0.4);
  border: 1px transparent;
  margin-bottom: 0;
  padding: 0 20px;
}

.subscribe_form.style_2 input::placeholder {
  font-size: 15px;
  color: #fff;
}

.subscribe_form.style_2 .subscribe-btn button {
  right: 0;
  position: absolute;
  top: 0;
  height: 56px;
  width: 55px;
  border-radius: 0 5px 5px 0;
  background-image: linear-gradient(-90deg, #f98123 0%, #ff0965 100%);
  outline: 0;
  border: 0;
  color: #fff;
}

.footer-area.style_3 h6.payment-title {
  margin: 26px 0 25px;
  font-size: 22px;
}

.footer-area.style_3 .subscribe_payment a {
  padding: 12px 20px;
}

/* copy right area */
.copy-right-area {
  padding: 30px 0 30px;
}
.copy-right-text {
  text-align: right;
}

.copy-right-text p {
  color: #cccccc;
  margin: 0;
}

.copy-right-text span {
  color: #bb6739;
}

/*
<!-- ============================================================== -->
<!-- Start Hosting Home Page Four Css -->
<!-- ============================================================== -->*/

/* Slider area style four */

.slider-area.style_four {
  background: url(../images/bg/banner_bg_07.jpg);
  height: 700px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 0;
}

.slider-area.style_four .slider-content h1 {
  font-size: 55px;
  -webkit-animation: 1s 1.7s fadeInUp both;
  animation: 1s 1.7s fadeInUp both;
  line-height: 65px;
  color: #ffffff;
  font-weight: 800;
}

.slider-content h1 span {
  color: #f98425;
}

.slider-area.style_four .slider-content p {
  width: 100%;
  color: #fff;
  margin: 17px 0 40px;
  -webkit-animation: 1s 1.5s fadeInUp both;
  animation: 1s 1.5s fadeInUp both;
  font-size: 20px;
  font-weight: 400;
}

.hero-list ul li {
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Mulish";
  margin-bottom: 13px;
}

.hero-list ul li img {
  margin-right: 12px;
}

.slider-area.style_four .hosting-button.style_three {
  text-align: left;
  margin-top: 37px;
  display: flex;
  align-items: center;
}

.slider-area.style_four .hosting-button.style_three a {
  padding: 7px 17px;
  margin-right: 47px;
  -webkit-animation: 1s 1.4s fadeInUp both;
  animation: 1s 1.4s fadeInUp both;
  background: #442813;
  border: 1px solid #794218;
}

span.hero_month {
  font-size: 30px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Urbanist";
}

.slider-area.style_four .hero-left {
  -webkit-animation: 1s 1.7s fadeInUp both;
  animation: 1s 1.7s fadeInUp both;
  left: 0;
}

/*<!-- =========================================
<!-- Start Hosting Feature Area Style Five Css -->
=============================================== -->*/

.feature-area.style_five {
  padding: 40px 0 40px;
}

.feature-single-box.style_five {
  padding: 35px 12px 10px 35px;
  border-radius: 0;
  filter: inherit;
  background: #fffaf6;
  border: 1px solid #822321;
}

.feature-single-box.first_color {
  background: #f4f9ff;
  border: 1px solid #7aff2b;
}

.feature-single-box.seken_color {
  background: #ececec;
  border: 1px solid #000000;
}

.feature-single-box.seken_color {
  background: #ececec;
  border: 1px solid #000030;
}

.feature-single-box.style_five:before {
  display: none;
}

.feature-single-box.style_five .feature-content h3 {
  color: #041341;
  font-size: 24px;
  font-weight: 600;
  margin: 17px 0 9px;
}

.feature-single-box.style_five .feature-content p {
  font-size: 16px;
}

/*<!-- =========================================
<!-- Start Hosting Domain Area Style Three Css -->
=============================================== -->*/

.domain-area.style_three {
  background: url(../images/bg/domain_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 110px 0 120px;
}

.domain-area.style_three .section-title p {
  color: #ffffffbf;
}

.domain-right.style_three form input {
  height: 60px;
  border-radius: 0;
  border: 1px solid #ffffff7a;
  background: rgb(255 255 255 / 25%);
}

.domain-right.style_three input::placeholder {
  color: #ffffff9e;
  opacity: 1;
  font-family: "Urbanist";
}

/* lselect contaiter */
.select_container {
  position: relative;
  z-index: 1;
}

.select_container:before {
  position: absolute;
  content: "";
  right: 70px;
  top: 0;
  background: #fff;
  height: 100%;
  width: 1px;
}

.select_box.style_two {
  height: 60px;
  border-radius: 0;
  border: 1px solid #fffffa;
  background: rgb(255 255 255 / 25%);
  width: 100%;
  appearance: none;
  padding: 0 25px;
  color: #fffffa;
}

.icon-container {
  position: absolute;
  right: 30px;
  top: 16px;
  color: #fff;
  transform: rotate(-181deg);
  z-index: -1;
}

.domain-btn button {
  height: 60px;
  background-color: #f98223;
  border: 0;
  outline: 0;
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Urbanist";
  width: 100%;
}

.domain-btn button i {
  margin-left: 20px;
  font-size: 15px;
}

.row.domaon_three {
  margin-top: 50px;
}

.domain-single-items {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid #ffffff82;
  padding: 25px 51px 32px;
  text-align: center;
  transition: 0.5s;
}

.domain-single-items:hover {
  background: #f98223;
  border: 1px solid #f98223;
}

.domain-icon {
  float: left;
}

.domain-icon span {
  color: #0178ff;
  font-size: 35px;
  position: relative;
  top: -5px;
  transition: 0.5s;
}

.domain-single-items:hover .domain-icon span {
  color: #fff;
}

.domain-single-items .domain-content h5 {
  color: #ffffff;
}

/*<!-- =========================================
<!-- Start Hosting Pricing Area Style Sour Css -->
=============================================== -->*/

.pricing-area.style_four {
  margin-top: 0;
  padding: 110px 0 90px;
  background: #fff;
}

.pricing-single-items.style_four {
  padding: 60px 8px 40px;
  background: rgb(249 130 35 / 6%);
  border: 1px solid rgba(249,130,35,0.30);
}

.pricing-single-items.style_four.second {
  background: rgba(0, 122, 255, 0.1);
  border: 1px solid rgba(0,122,255,0.30);
}

.pricing-single-items.style_four.third {
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0,0,0,0.30);
}

.pricing-single-items.style_four .pricing_icon {
  margin-bottom: 18px;
}

.pricing-single-items.style_four p.pricing_discount {
  position: absolute;
  top: 0;
  right: 40px;
  background: #fe7c0f;
  color: #fff;
  padding: 1px 16px;
  font-size: 14px;
}

.pricing-single-items.style_four.second p.pricing_discount {
  background: #0079fe;
}

.pricing-single-items.style_four.third p.pricing_discount {
  background: #051342;
}

.pricing-single-items.style_four h3.pricing-plan2 {
  font-size: 24px;
  color: #041341;
  font-weight: 600;
  border-bottom: 1px solid #cdccd2;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.pricing-single-items.style_four .pricing-money p {
  font-size: 18px;
  color: #041341;
  font-weight: 700;
  font-family: "Urbanist";
  display: inline-block;
  position: relative;
  top: -15px;
  margin-right: 36px;
}

.pricing-single-items.style_three .pricing-money h3 {
  margin: 35px 0 15px;
  color: #041341;
}

/* pricing Body */

.pricing-single-items.style_four .pricing-body {
  margin-top: 0;
}

.pricing-single-items.style_four .pricing-body:before {
  display: none;
}

.pricing-single-items.style_four .pricing-feature ul li {
  margin-bottom: 8px;
  font-size: 18px;
  color: #363636;
  font-weight: 500;
  font-family: "Urbanist";
  border-bottom: 1px solid #c9bac2a6;
  padding-bottom: 8px;
}

.pricing-single-items.style_four .pricing-feature ul li span {
  color: #ff7c10;
  float: right;
}

.pricing-single-items.style_four .pricing-btn {
  margin-top: 38px;
}

.pricing-single-items.style_four .pricing-btn a {
  border: 0;
  padding: 10px 112px;
  background: #ff7c10;
  font-size: 18px;
  color: #ffffff;
  font-weight: 700;
  font-family: "Urbanist";
  border-radius: 5px;
}

.pricing-single-items.style_four .pricing-btn a:after {
  border-radius: 5px;
}

.pricing-single-items.style_four .pricing-btn a:before {
  display: none;
}

/*<!-- =========================================
<!-- Start Hosting Counter Area Css -->
=============================================== -->*/

.counter-area {
  background: url(../images/bg/counter_bg_02.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 120px 0 90px;
}

.video_btn {
  margin-bottom: 100px;
}

.video_btn a {
  font-size: 20px;
  color: #ffffff;
  font-family: "Mulish";
  display: inline-block;
  line-height: 90px;
  text-align: center;
  -webkit-animation: ripple-white 1s linear infinite;
  animation: ripple-blue 1s linear infinite;
  width: 105px;
  height: 89px;
  background: #fe7c0f;
}

@-webkit-keyframes ripple-blue {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(254, 122, 15, 0.3),
      0 0 0 10px rgba(254, 122, 15, 0.3), 0 0 0 20px rgba(254, 122, 15, 0.3);
    box-shadow: 0 0 0 0 rgba(254, 122, 15, 0.3),
      0 0 0 10px rgba(254, 122, 15, 0.3), 0 0 0 20px rgba(254, 122, 15, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(254, 122, 15, 0.3),
      0 0 0 20px rgba(254, 122, 15, 0.3), 0 0 0 30px rgba(254, 122, 15, 0);
    box-shadow: 0 0 0 10px rgba(254, 122, 15, 0.3),
      0 0 0 20px rgba(254, 122, 15, 0.3), 0 0 0 30px rgba(254, 122, 15, 0);
  }
}

@keyframes ripple-blue {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(254, 122, 15, 0.3),
      0 0 0 10px rgba(254, 122, 15, 0.3), 0 0 0 20px rgba(254, 122, 15, 0.3);
    box-shadow: 0 0 0 0 rgba(254, 122, 15, 0.3),
      0 0 0 10px rgba(254, 122, 15, 0.3), 0 0 0 20px rgba(254, 122, 15, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(254, 122, 15, 0.3),
      0 0 0 20px rgba(254, 122, 15, 0.3), 0 0 0 30px rgba(254, 122, 15, 0);
    box-shadow: 0 0 0 10px rgba(254, 122, 15, 0.3),
      0 0 0 20px rgba(254, 122, 15, 0.3), 0 0 0 30px rgba(254, 122, 15, 0);
  }
}

/* counter item */

.counter-item {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #ffffff8c;
  text-align: center;
  padding: 55px 0 52px;
  margin-bottom: 30px;
}

.counter-icon {
  margin-bottom: 3px;
}

.counter-title2 h1 {
  display: inline-block;
  text-align: center;
  font-size: 30px;
  color: #ffffff;
  font-weight: 600;
}

.counter-title2 span {
  display: inline-block;
  text-align: center;
  font-size: 30px;
  color: #ffffff;
  font-weight: 600;
}

.counter-title2 h5 {
  font-size: 16px;
  color: #fe7c0f;
  font-weight: 600;
}

/*<!-- =========================================
<!-- Start Hosting Testimonial Area Style Four Css -->
=============================================== -->*/

.testimonial-area.style_four {
  background: #fff;
  padding: 110px 0 120px;
}

.testimonial-single-item.style_four {
  padding: 0;
  background: transparent;
  border: 0;
}

.testi_inner {
  background-color: rgb(249 130 35 / 3%);
  border: 1px solid #f9822326;
  padding: 26px 15px 0px 30px;
  margin-bottom: 45px;
  position: relative;
  z-index: 1;
}

.testi_inner:before {
  position: absolute;
  content: "";
  right: 0;
  top: 24px;
  height: 100%;
  width: 17%;
  background: url(../images/icon/shape_02.png);
  z-index: -1;
  background-repeat: no-repeat;
}

.testi_inner.second {
  background: rgb(0 122 255 / 8%);
  border: 1px solid #007aff21;
  margin-bottom: 30px;
}

.testi_inner.second:before {
  background: url(../images/icon/shape_03.png);
  background-repeat: no-repeat;
}

.testi_inner.third {
  background: rgb(0 0 0 / 2%);
  border: 1px solid #00000014;
  margin-bottom: 30px;
}

.testi_inner.third:before {
  background: url(../images/home4/shape_03.png);
  background-repeat: no-repeat;
}

.testimonial-single-item.style_four .testi-rating span {
  color: #fff;
  font-size: 14px;
  height: 22px;
  width: 22px;
  background: #fda200;
  text-align: center;
  line-height: 22px;
  display: inline-block;
  margin-left: 0;
}

.testimonial-single-item.style_four .testi_inner.second .testi-rating span {
  color: #051340;
  background: #fff;
}

span.style_star {
  background: #0c7ffe !important;
}

.testimonial-single-item.style_four .testimonial-content p {
  font-size: 16px;
  line-height: 24px;
  color: #041341;
  font-weight: 400;
}

.testimonial-single-item.style_four .testi-author {
  margin-left: 30px;
}

.testimonial-single-item.style_four h4.name {
  font-size: 16px;
  color: #041341;
  font-weight: 700;
  margin-top: 10px;
}

.testimonial-single-item.style_four h5.designation {
  margin-top: 4px;
  font-size: 12px;
  color: #fe7c0f;
  font-weight: 400;
  font-family: "Mulish";
}

/*
<!-- ============================================================== -->
<!-- Start Hosting Brand Area Style Two Css -->
<!-- ============================================================== -->*/

.brand-area.style_two {
  background: url(../images/bg/brand_bg_01.png);
  padding: 110px 0 120px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.brand-area.style_two .section-title p {
  color: #fff;
}

.brand-single-item.style_two {
  border: 0;
  padding: 0;
}

.brand_thumb img {
  filter: brightness(0) invert(1);
  transition: 0.5s;
}

.brand-single-item.style_two:hover .brand_thumb img {
  filter: brightness(1) invert(0);
}

.owl-carousel .owl-item img {
  display: inline-block;
}

/*
<!-- ============================================================== -->
<!-- Start Hosting Faq Area Style Two Css -->
<!-- ============================================================== -->*/

.faq-area.style_three {
  background: #ffff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 110px 0 95px;
}

.accordion.style_two li {
  list-style: none;
  padding: 0px 0px 30px;
  position: relative;
  z-index: 1;
}

.accordion.style_two li a {
  color: #041341 !important;
  padding: 20px 30px 20px 30px;
  border: 1px solid #a9a9a9;
  background: #ebebeb;
  font-size: 20px;
  font-weight: 600;
  font-family: "Urbanist";
}

.accordion.style_two a.active {
  border: 1px solid #a9a9a9;
}

.accordion.style_two a:before {
  height: 6px;
  width: 6px;
  right: 21px;
  top: 30px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-top: 6px solid #f45916;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  transition: 0.5s;
  background: transparent;
}

.accordion.style_two a:after {
  display: none;
  transform: rotate(0deg);
}

.accordion.style_two li p {
  padding: 28px 24px 28px 30px;
  background: #f5f5f5;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  font-weight: 500;
  font-family: "Urbanist";
}

p.active {
  border: 1px solid #a9a9a9;
  border-top: 0;
}

.accordion.style_two a.active:after {
  height: 6px;
  width: 6px;
  right: 25px;
  top: 30px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-top: 6px solid #0078ff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  transition: 0.5s;
  background: transparent;
  display: block;
  transform: rotate(-97deg);
}

.faq-area.style_three .faq-thumb {
  position: relative;
  left: -120px;
  top: -25px;
}

/*
<!-- ============================================================== -->
<!-- Start Hosting Service Area Style Three Css -->
<!-- ============================================================== -->*/

.service-area.style_three {
  background: url(../images/bg/service_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.service-area.style_three .section-title p {
  width: 66%;
  color: #ffffffde;
}

.row.service_center {
  position: relative;
  z-index: 1;
}

.row.service_center:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 15px;
  height: 84%;
  width: 1px;
  background: #fff;
  margin: auto;
  z-index: -1;
}

.row.service_left {
  padding-right: 36px;
  margin: 0;
}
.row.service_right {
  padding-left: 36px;
  margin: 0;
}

.service-single-boxs {
  text-align: right;
  margin-bottom: 30px;
}

.service-single-boxs.right {
  text-align: left;
}

.service-single-boxs .service-icon {
  width: 100px;
  height: 100px;
  background-color: rgba(255, 255, 255, 0.2019607843137255);
  border: 1px solid #ffffff69;
  line-height: 100px;
  text-align: center;
  float: right;
  margin-left: 30px;
  margin-top: 15px;
}

.service-single-boxs.right .service-icon {
  float: left;
  margin-right: 30px;
  margin-left: 0;
}

.service-single-boxs .service-content {
  overflow: hidden;
  padding-left: 40px;
}

.service-single-boxs.right .service-content {
  padding-left: 0;
  margin-right: 32px;
}

.service-single-boxs h3.service-title {
  padding: 0 0 5px;
  font-size: 24px;
  color: #ffffff;
  font-weight: 500;
}

.service-single-boxs .service-content p {
  color: #dad9d9;
}

/*
<!-- ============================================================== -->
<!-- Start Hosting Blog Area Style Four Css -->
<!-- ============================================================== -->*/

.blog-area.style_four {
  background: #ffff;
}

.single-blog-box.style_four {
  background: transparent;
  padding: 0;
  border-radius: 0;
}

.single-blog-box.style_four .single-blog-thumb img {
  width: 100%;
}

.single-blog-box.style_four .blog-content {
  text-align: left;
  padding: 18px 40px 29px;
  background-color: rgba(10, 127, 255, 0.1);
  border: 1px solid #00000021 !important;
  border-radius: 0;
}

.blog-content.second {
  background-color: rgb(253 123 15 / 4%) !important;
  border: 1px solid #000000;
}

.blog-content.third {
  background: rgb(0 0 0 / 2%) !important;
  border: 1px solid #00000014;
}

.single-blog-box.style_four .blog-title h3 a {
  display: inline-block;
  font-weight: 700;
  font-size: 20px;
  color: #041341;
}

.single-blog-box.style_four .meta-blog {
  padding: 11px 0 2px;
}

.single-blog-box.style_four .meta-blog p {
  font-size: 16px;
  color: #fd7b0f !important;
  font-weight: 400;
}

.single-blog-box.style_four .meta-blog p span i {
  color: #fd7b0f;
  font-size: 18px;
  top: 2px;
  position: relative;
}

.single-blog-box.style_four span.meta-style {
  margin-left: 63px;
}

/*
<!-- ============================================================== -->
<!-- Start Hosting Support Area Css -->
<!-- ============================================================== -->*/

.support-area {
  background: #ff5e15;
  padding: 25px 0 18px;
}

.support-icon {
  float: left;
  margin-right: 30px;
  margin-top: 10px;
}

.support-icon {
  float: left;
  margin-right: 30px;
}

.support-content h3 {
  font-size: 24px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 6px;
}

.support-content p {
  font-size: 16px;
  color: #ffffff;
}

.support-area .hosting-button {
  text-align: right;
}

.support-area .hosting-button a {
  padding: 16px 36px;
  display: inline-block;
  border-radius: 0;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  background: #fff;
}

.support-area .hosting-button a:hover {
  color: #fff;
}

.support-area .hosting-button a:after {
  background: #087dfe;
  border-radius: 0;
}

/*
<!-- ============================================================== -->
<!-- Start Hosting Fotter Area Style Four Css -->
<!-- ============================================================== -->*/
.footer-area.style_four {
  background: url(../images/bg/footer_bg_02.jpg);
  padding: 90px 0 2px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.footer-area.style_four .footer-bottom-content {
  padding-top: 15px;
  margin-top: 118px;
}

.footer-area.style_four .footer-widget-title h4 {
  margin-bottom: 32px;
  font-size: 20px;
  color: #e0e0e0;
  font-weight: 700;
}

.footer-area.style_four p.footer-desc.style {
  width: 75%;
  margin-bottom: 19px;
}

.footer-widget-icon {
  display: flex;
  margin-bottom: 6px;
}

.footer-widget-icon span i {
  color: #ffff;
  margin-right: 15px;
}

.footer-widget-icon p {
  color: #fff;
  margin: 0;
}

.footer-area.style_four .footer-widget-social-icon {
  margin-top: 25px;
}

.footer-area.style_four .footer-widget-social-icon ul li a {
  color: #ff5e14;
  line-height: 27px;
  text-align: center;
  font-size: 15px;
  border: 0;
  width: 26px;
  height: 26px;
  border-radius: 2px;
  background: #ffffff;
}

.footer-area.style_four .footer-widget-social-icon ul li a:hover {
  background: #ff5e14 !important;
  color: #fff !important;
}

.footer-area.style_four .footer-widget-menu ul li a {
  margin-bottom: 8px;
  font-weight: 400;
}

.footer-area.style_four .footer-widget-menu ul li a:hover {
  color: #ff5e14;
}

/* subscribe form */

.subscribe_form.style_three {
  margin-bottom: 31px;
  margin-top: 40px;
}

.subscribe_form.style_three input {
  height: 45px;
  background: #383f55;
  border: 1px solid #383f55;
}

.subscribe_form.style_three input::placeholder {
  color: #ffffff91;
  opacity: 1;
}

.subscribe_form.style_three button.btn {
  width: 130px;
  height: 45px;
  border-radius: 4px;
  background: #ff5e14 !important;
  padding: 0;
  top: 0;
  right: 0;
}

.customer-support h3 {
  margin-bottom: 24px;
  color: #e0e0e0;
  font-weight: 700;
  font-size: 20px;
}

.customer-support ul li {
  font-size: 20px;
  color: #e0e0e0;
  font-weight: 500;
  font-family: "Urbanist", sans-serif;
  margin-bottom: 11px;
}

/*
<!-- ============================================================== -->
<!--Start Hosting Home Page Five Css -->
<!-- ============================================================== -->*/

/* slider area style five */
.style_five.slider-area {
  background: url(../images/bg/banner_bg_01.jpg);
  height: 800px;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-top: 0;
}

.slider-area.style_five .slider-content h4 {
  padding: 0 0 0 18px;
  margin-bottom: 0;
  color: #ffffff;
  font-weight: 500;
  font-family: "Mulish";
  background: transparent;
  font-size: 18px;
}

.slider-area.style_five .slider-content h4:before {
  width: 5px;
  height: 5px;
  background-color: #f88221;
  top: 3px;
  left: 0;
}

.slider-area.style_five .slider-content h1 {
  color: #ffffff;
  font-weight: 700;
  font-size: 60px;
}

.slider-area.style_five .slider-content h1 span {
  color: #f9821e;
}

.slider-area.style_five .slider-content p {
  width: 100%;
  color: #ffffff;
  margin: 19px 0 32px;
  line-height: 28px;
}

.slider-area.style_five .hosting-button a {
  margin-right: 15px;
  border: 1px solid transparent;
  padding: 13px 39px;
  background: #f78121;
  border-radius: 0;
}

.slider-area.style_five .hosting-button a:after {
  border-radius: 0px;
}

.slider-area.style_five a.active {
  background: transparent;
  border: 1px solid #fff !important;
}

.slider-area.style_five a.active:hover {
  border: 1px solid #fb560d !important;
}

/*--==============================================->
<!--Start Hosting Feature Area Style Six Css -->
==================================================-*/

.feature-area.style_six {
  padding: 110px 0 90px;
}
.feature-single-box.style_six {
  background: #f9f9f9;
  padding: 40px 40px 15px;
  position: relative;
  z-index: 1;
  border-radius: 0px;
}

.feature-single-box.style_six:after {
  position: absolute;
  content: "";
  right: 50%;
  top: 0;
  height: 100%;
  width: 0%;
  background: #1356e3;
  z-index: -1;
  transition: 0.5s;
}

.feature-single-box.style_six:hover:after {
  right: 0%;
  width: 100%;
}

.feature-single-box.style_six .feature-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #ffffff !important;
  line-height: 60px;
}

.feature-single-box.style_six .feature-icon img {
  filter: brightness(1) invert(0) !important;
  transition: 0.5s;
}

.feature-single-box.style_six .feature-content h3 {
  font-size: 24px;
  margin-bottom: 8px;
  transition: 0.5s;
}

/* all hover */

.feature-single-box.style_six:hover .feature-content h3 {
  color: #fff;
}

.feature-single-box.style_six:hover .feature-content p {
  color: #fff;
}

.style_three.about-area {
  background: #1356e3;
}

.style_three.about-area .about_thumb {
  margin-left: -245px;
}

/* about single item */

.about-area.style_three .about-single-item {
  margin-bottom: 0;
}

.about-area.style_three .about-icon {
  margin-right: 10px;
  margin-top: 2px;
}

.about-area.style_three .about-content h3 {
  margin-bottom: 8px;
}

/*
<!-- ============================================================== -->
<!-- Hosting Pricing Area Style Five Css -->
<!-- ============================================================== -->*/

.pricing-area.style_five {
  background: #fff;
  padding: 100px 0 90px;
  margin-top: 0;
}

.pricing-single-items.style_five {
  background: #f6f9ff !important;
  padding: 40px 33px 40px;
  text-align: center;
  border-radius: 0px;
  border: transparent;
}

.pricing-single-items.style_five:after {
  border-radius: none;
}

.pricing-single-items.style_five:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 0%;
  width: 100%;
  background: #1356e3;
  z-index: -1;
  transition: 0.5s;
}
.pricing-single-items.style_five:hover:before {
  height: 100%;
}

.pricing-single-items.style_five .pricing-icon {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background-color: #002ea2;
  display: inline-block;
  line-height: 60px;
  margin-bottom: 16px;
  transition: 0.5s;
}

.pricing-single-items.style_five .pricing-icon img {
  filter: brightness(0) invert(1);
  transition: 0.5s;
}

.pricing-single-items.style_five .pricing-body:after {
  display: none;
}

.pricing-single-items.style_five h3.pricing-plan2 {
  font-size: 22px;
  color: #041341;
  font-weight: 700;
  margin-bottom: 18px;
}

.pricing-single-items.style_five .pricing-plan h2 {
  font-size: 40px;
  color: #041341;
  font-weight: 700;
}

.pricing-single-items.style_five .price span {
  transition: 0.5s;
}

.pricing-single-items.style_five p.pricing-text {
  transition: 0.5s;
}

.pricing-single-items.style_five .pricing-feature {
  text-align: left;
  display: flex;
  justify-content: center;
  margin-top: 23px;
  padding-left: 56px;
}

.pricing-single-items.style_five .pricing-feature ul li img {
  filter: brightness(1) invert(0);
  transition: 0.5s;
}

.pricing-single-items.style_five .pricing-btn a {
  background: #087dfc !important;
  padding: 13px 38px;
  border: 1px transparent;
  border-radius: 0;
  color: #ffff;
}

.pricing-single-items.style_five .pricing-btn a:after {
  border-radius: 0;
  background: #fff;
}

/* all hover */

.pricing-single-items.style_five:hover .pricing-icon {
  background: #fff;
}

.pricing-single-items.style_five:hover .pricing-icon img {
  filter: brightness(1) invert(0);
}

.pricing-single-items.style_five:hover h3.pricing-plan2 {
  color: #fff;
}

.pricing-single-items.style_five:hover .pricing-plan h2 {
  color: #fff;
}

.pricing-single-items.style_five:hover .price span {
  color: #fff;
}

.pricing-single-items.style_five:hover p.pricing-text {
  color: #fff;
}

.pricing-single-items.style_five:hover .pricing-feature ul li {
  color: #ffff;
}

.pricing-single-items.style_five:hover .pricing-feature ul li img {
  filter: brightness(0) invert(1);
}

.pricing-single-items.style_five:hover .pricing-btn a {
  border: 1px transparent;
  color: #035bfc;
}

/*
<!-- ============================================================== -->
<!-- Hosting Testimonial Area Style Five Css -->
<!-- ============================================================== -->*/

.testimonial-area.style_five {
  background: #f4f4f4;
  padding: 100px 0 100px;
}

.testimonial-area.style_five .section-title p {
  width: 93%;
}

.testimonial-single-item.style_five {
  padding: 24px 30px 27px;
  border-radius: 0px;
  border: none;
}

.testimonial-single-item.style_five .testimonial-content p {
  color: #424242;
  margin: 16px 0 22px;
}

.testimonial-single-item.style_five .testi-rating span {
  color: #ff8730;
  font-size: 16px;
  transition: 0.5s;
}

.testimonial-single-item.style_five h4.name {
  font-size: 18px;
  color: #041341;
  font-weight: 700;
  margin-top: 5px;
  margin-bottom: -5px;
}

.testimonial-single-item.style_five h5.designation {
  font-size: 12px;
}

.testimonial-single-item.style_five .testi-shape {
  top: 68%;
  left: 79%;
  position: absolute;
}

.testimonial-area.style_five .hosting-button a {
  padding: 13px 40px;
  background: #1356e3;
  border-radius: 0;
}

.testimonial-area.style_five .hosting-button a:after {
  border-radius: 0;
}

.testimonial-area.style_five .hosting-button {
  margin-top: 38px;
}

/* all hover */

.testimonial-single-item.style_five:hover .testi-rating span {
  color: #1356e3;
}

/*
<!-- ============================================================== -->
<!-- Hosting Faq Area Style Four Css -->
<!-- ============================================================== -->*/

.faq-area.style_four {
  background: #fff;
  padding: 110px 0 120px;
}

.faq-area.style_four .tab_container.style_two {
  border: 1px solid #a7a6a6;
  background: transparent;
  padding: 0;
}
.accordion.style_three li {
  padding: 0px 0px 15px;
  border-bottom: 1px solid #a7a6a6;
}

.accordion.style_three li.style_none {
  border: none;
}

.accordion.style_two.style_three li a {
  font-size: 22px;
  color: #041341 !important;
  font-weight: 700;
  padding: 27px 0 14px 30px;
  background: transparent;
  border: 0;
}

.accordion.style_three li a i {
  width: 30px;
  height: 30px;
  background-color: #002ea2;
  display: inline-block;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
  margin-right: 20px;
  color: #fff;
  transform: rotate(180deg);
}

.accordion.style_three a.active i {
  transform: rotate(0deg);
}

.accordion.style_two.style_three a:before {
  display: none;
}

.accordion.style_two.style_three a.active:after {
  display: none;
}

.accordion.style_three li p {
  padding: 3px 56px 9px 83px;
  background: none;
  color: #424242;
}

.accordion.style_three a.active {
  border: none;
}

.contact_from_box {
  border: 1px solid #a7a6a6;
  padding: 30px 30px 30px;
}

.form_box input {
  background: #f4f4f4;
  width: 100%;
  border: 0;
  outline: 0;
  padding: 0 20px;
  margin-bottom: 30px;
  height: 55px;
  border-radius: 4px;
}

.form_box input::placeholder {
  font-size: 16px;
  color: #424242;
  font-weight: 400;
}

.form_box textarea {
  width: 100%;
  height: 218px;
  padding: 15px 20px;
  background: #f4f4f4;
  border: none;
  border-radius: 4px;
}

.form_box textarea::placeholder {
  font-size: 16px;
  color: #424242;
  font-weight: 400;
}

.quote_button {
  margin-top: 20px;
}

.quote_button button {
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  outline: 0;
  border: 0;
  background: #1356e4;
  padding: 13px 40px;
  transition: 0.5s;
}

.quote_button button:hover {
  background: #ff8931;
}

button.btn:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 0%;
  background: #fff;
  left: 0;
  top: 0;
  z-index: -1;
  transition: 0.5s;
  transform: scale(0);
  opacity: 0;
}

button.btn:hover:after {
  transform: scale(1);
  opacity: 1;
  height: 100%;
  width: 100%;
}

/*
<!-- ============================================================== -->
<!-- Hosting Counter Area Style Two Css -->
<!-- ============================================================== -->*/

.counter-area.style_two {
  background: url(../images/bg/counter_bg_01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 120px 0 86px;
}

.counter-item.style_two {
  background: transparent;
  border: none;
  padding: 0;
}

.counter-item.style_two .counter-icon {
  margin-bottom: 13px;
}

.counter-item.style_two .counter-title2 h1 {
  font-size: 40px;
  font-weight: 700;
}

.counter-item.style_two .counter-title2 span {
  font-size: 40px;
  font-weight: 700;
}

.counter-item.style_two .counter-title2 h5 {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  margin-top: 14px;
}

/*
<!-- ============================================================== -->
<!-- Hosting Blog Area Style five Css -->
<!-- ============================================================== -->*/

.single-blog-box.style_five .blog-content {
  padding: 10px 30px 6px;
  background: #f3f3f3;
  border: none !important;
}

.single-blog-box.style_five .blog-title h3 a {
  font-size: 22px;
  color: #041341;
  font-weight: 700;
  line-height: 30px;
  margin-top: 5px;
}

.single-blog-box.style_five .meta-blog p {
  font-size: 16px;
  color: #424242 !important;
  font-weight: 400;
}

/*
<!-- ============================================================== -->
<!-- Hosting Footer Area Style five Css -->
<!-- ============================================================== -->*/

.footer-area.style_two.style_five {
  background: #1356e4;
  padding: 120px 0 120px;
}

.footer-area.style_two p.footer-desc {
  width: 98%;
  margin-top: 25px;
}

.style_five.footer-area .footer-widget-social-icon ul li a {
  display: inline-block;
  border-radius: 0;
  border: 1px solid #fe8731;
  width: 30px;
  height: 30px;
  background: transparent;
  line-height: 30px;
}

.style_five.footer-area h3.footer-follow-title {
  font-size: 22px;
  color: #ffffff;
  font-weight: 700;
  font-family: "Urbanist";
  padding-left: 0;
  margin: 20px 0 25px;
}

.style_five.footer-area h3.footer-follow-title:before {
  display: none;
}

.footer-area.style_five .footer-widget-title h4 {
  margin-bottom: 25px;
}

.style_five.footer-area .footer-widget-menu ul li a {
  position: relative;
  z-index: 1;
  padding-left: 20px;
}

.style_five.footer-area .footer-widget-menu ul li a:before {
  position: absolute;
  content: "";
  left: 0;
  top: 12px;
  width: 5px;
  height: 5px;
  background: #f88221;
  z-index: -1;
}

p.sing_up {
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 0;
}

.style_five.footer-area.subscribe_form {
  margin-top: 23px;
}

.style_five.footer-area .subscribe_form input {
  width: 100%;
  border-radius: 0;
  padding: 0 20px;
  height: 55px;
  background: #ffffff;
}

.footer-area.style_five .subscribe-btn button {
  height: 55px;
  border-radius: 0;
}

.copy-right-area.style_two {
  margin-top: 0;
  background: #002a84;
}

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

.copy-right-area.style_two .footer-bottom-right a {
  margin-left: 20px;
}

.copy-right-area.style_two .footer-bottom-right a:before {
  top: 13px;
  right: -14px;
  width: 5px;
  height: 5px;
  background: #f88221;
}
/*--==============================================->
<!--Start Hosting Slider Area Style Six Css -->
==================================================-*/

.style_six.slider-area {
  background: url(../images/bg/banner_bg_08.jpg);
  height: 860px;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-top: 0;
}

.style_six.slider-area .slider-content {
  position: relative;
  z-index: 1;
}

.style_six.slider-area .slider-content h4 {
  padding: 0;
  margin-bottom: 0;
  font-size: 20px;
  color: #f88221;
  font-weight: 500;
}

.style_six.slider-area .slider-content h4:before {
  display: none;
}

.style_six.slider-area .slider-content h1 {
  position: relative;
  z-index: 1;
}

.style_six.slider-area .slider-content h1:before {
  position: absolute;
  z-index: -1;
  content: "";
  right: 6%;
  bottom: -44%;
  height: 100%;
  width: 100%;
  background: url(../images/bg/text_shape.png);
  background-repeat: no-repeat;
  background-position: center center;
  animation: bg-anim 6s linear infinite;
}

.style_six.slider-area .slider-content p {
  width: 91%;
  font-size: 19px;
}

.style_six.slider-area .hosting-button a {
  padding: 10px 41px;
  background: #f88222;
  border-radius: 5px;
}

.style_six.slider-area a.active {
  background: transparent !important;
}

.style_six.slider-area p.herp_text {
  font-size: 18px;
  color: #ffffff;
  font-weight: 300;
  border-bottom: 1px solid #ffffff5e;
  padding-top: 24px;
  padding-bottom: 33px;
}

.style_six.slider-area .hero-thumb {
  text-align: right;
}

/* hero all shape */

.style_six.slider-area .shape_one {
  position: absolute;
  top: -4%;
  right: -64px;
}

.style_six.slider-area .shape_two {
  position: absolute;
  top: -22%;
  right: 54%;
}

.style_six.slider-area .shape_three {
  position: absolute;
  top: 33%;
  left: -16%;
}

.style_six.slider-area .shape_four {
  position: absolute;
  bottom: 19%;
  right: 19%;
}

.style_six.slider-area .shape_five {
  position: absolute;
  top: -20%;
  left: -16%;
}

.style_six.slider-area .shape_six {
  position: absolute;
  bottom: -1%;
  left: -31%;
}

/*--==============================================->
<!--Start Hosting Feature Area Style Seven Css -->
==================================================-*/

.row.style_seven_upper {
  margin-top: -60px;
}

.feature-single-box.style_seven {
  background: #fff;
  padding: 35px 30px 15px;
  border-radius: 5px;
  filter: drop-shadow(0px 3px 30px rgba(189, 189, 189, 0.26));
}

.feature-single-box.style_seven:after {
  background: #f88222;
  border-radius: 5px;
}

.feature-single-box.style_seven .feature-icon {
  background: transparent !important;
}

h3.feature_number {
  font-size: 80px;
  color: #04134114;
  font-weight: 900;
  font-family: "Mulish";
  position: absolute;
  top: 10px;
  right: 40px;
}

.feature-single-box.style_seven .feature-content h3 {
  margin-top: 25px;
}

/* all hover */

.feature-single-box.style_seven:hover .feature-icon img {
  filter: brightness(0) invert(1) !important;
}

/*--==============================================->
<!--Start Hosting Benefit Area Css -->
==================================================-*/
.benefit_area {
  padding: 80px 0 120px;
}

.benefit_area .section-title {
  margin-bottom: 30px;
}

.benefit_area .experience-thumb {
  margin-left: -24%;
}

.experience-single-box.style_two {
  position: relative;
  z-index: 1;
  margin-bottom: 6px;
  padding: 0 58px 0 0;
}

.experience-single-box.style_two:before {
  position: absolute;
  content: "";
  left: 25px;
  top: 64px;
  width: 1px;
  height: 71px;
  background-color: #f88222;
  z-index: -1;
}

.experience-single-box.style_two.three:before {
  display: none;
}

.experience-single-box.style_two .benefit_number h3 {
  float: left;
  text-align: center;
  margin-right: 20px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background: #f88222;
  line-height: 50px;
  font-size: 22px;
  color: #ffffff;
  font-weight: 700;
  margin-top: 14px;
}

.benefit_number.second h3 {
  background: #1257e3 !important;
}

.experience-single-box.style_two .experience_content {
  overflow: hidden;
}

/*--==============================================->
<!--Start Hosting Pricing Area Style Six Css -->
==================================================-*/

.style_six.pricing-area {
  background: #f6f4f5;
  padding: 110px 0 90px;
  margin-top: 0;
  position: relative;
  z-index: 1;
}

.pricing-single-items.style_six {
  text-align: left;
  padding: 25px 30px 40px;
  background: #fff !important;
  border-radius: 5px;
  overflow: hidden;
  border-top: 0;
}

.pricing-single-items.style_six:after {
  display: none;
}

.pricing-single-items.style_six h3.pricing-plan2 {
  transition: 0.5s;
  font-size: 24px;
  color: #041341 !important;
}

.pricing-single-items.style_six span.pricing-from {
  font-size: 14px;
  color: #0054ff;
  font-weight: 500;
  margin-top: 16px;
  display: inline-block;
}

span.popular {
  width: 60%;
  height: 32px;
  background-color: #f98223;
  position: absolute;
  right: -5em;
  top: 33px;
  color: #fff;
  transform: rotate(48deg);
  text-align: center;
}

.pricing-single-items.style_six p.pricing-text {
  font-size: 17px;
  color: #424242;
  font-weight: 400;
}

.pricing-single-items.style_six .pricing-plan h2 {
  margin-bottom: 0;
  margin-top: 8px;
  font-size: 45px;
  color: #041341 !important;
  font-weight: 700;
}

.pricing-single-items.style_six .pricing-body {
  margin-top: 27px;
}

.pricing-single-items.style_six .pricing-feature {
  text-align: left;
  display: inherit;
  margin-top: 22px;
  padding-left: 0;
}

.pricing-single-itemsstyle_six .pricing-feature ul li {
  padding-left: 0;
  font-size: 14px;
  color: #424242 !important;
  font-weight: 400;
  margin-bottom: 2px;
}

.pricing-single-items.style_six .pricing-btn {
  margin-top: 28px;
}

.pricing-single-items.style_six .pricing-btn a {
  background: #f6f4f5 !important;
  padding: 15px 30px;
  border: 1px transparent;
  border-radius: 5px;
  font-size: 17px;
  color: #f88222;
  font-weight: 500;
  display: block;
}

.pricing-single-items.style_six .pricing-btn a:after {
  border-radius: 5px;
  background-image: linear-gradient(113deg, #0054ff 0%, #0781ff 100%);
}

/* pricing-shape */

.pricing-shape {
  position: absolute;
  top: 107px;
  right: 67px;
  z-index: -1;
}

/* all hover */

.pricing-single-items.style_six:hover .pricing-btn a {
  color: #fff !important;
}

.pricing-single-items.style_six:hover .pricing-icons {
  opacity: 0;
}

.pricing-single-items.style_six:hover .pricing-icons2 {
  opacity: 1;
}

/*--==============================================->
<!--Start Hosting Domain Area Style Four Css -->
==================================================-*/

.style_four.domain-area {
  background: #0f49c9;
  padding: 120px 0 118px;
}

.style_four.domain-area .section-title p {
  color: #fff;
  width: 67%;
}

.style_four.domain-area .domain-thumb {
  text-align: right;
}

.domain-right.style_four form input {
  width: 100%;
  height: 60px;
  border-radius: 4px;
  background: transparent;
  border: 1px solid #ffffff85;
}

button.src-icon.style-2.three {
  background: #f88222;
  border-radius: 4px;
  width: 136px;
  height: 60px;
}

.domain-right.style_four select.select_box {
  position: absolute;
  top: 17px;
  right: 25%;
  color: #fff;
  z-index: 1;
}

.domain-single-item.style_four .domain-content h5 {
  font-weight: 900;
}

h5.domain-title.two {
  color: #FF6060 !important;
}

h5.domain-title.three {
  color: #01dc7e !important;
}

h5.domain-title.four {
  color: #facb19 !important;
}

h5.domain-title.five {
  color: #f98223 !important;
}

h5.domain-title.six{
  color: #7FF922 !important;
}
/*--==============================================->
<!--Start Hosting Service Area Style Four Css -->
==================================================-*/

.service-area.style_four {
  background: #f6f4f5;
  padding: 108px 0 90px;
}

.service-single-box.style_three {
  background: #fff;
  padding: 40px 30px 40px;
}

.service-single-box.style_three h3.service-title {
  padding: 16px 0 11px;
}

.service-single-box.style_three .hosting-button {
  margin-top: 27px;
}

.service-single-box.style_three .hosting-button a {
  padding: 8px 26px;
  background: transparent;
  border: 1px solid #f88222;
  border-radius: 5px;
}

.service-single-box.style_three:hover .hosting-button a {
  color: #f88222;
  border: 1px solid #fff;
}

.service-single-box.style_three:hover .hosting-button a {
  background: #ffff;
}

/*--==============================================->
<!--Start Hosting Testimonial Area Style Six Css -->
==================================================-*/

.style_six.testimonial-area {
  background: #ffff;
  padding: 105px 0 180px;
}

.testimonial-single-item.style_six {
  text-align: center;
  background: #f6f4f5;
  filter: none;
  border-radius: 10px;
  padding: 34px 235px 39px;
}

.testimonial-single-item.style_six .testimonial-content p {
  margin: 17px 0 24px;
  font-size: 18px;
  line-height: 27px;
  color: #041341;
  font-style: italic;
}

.testimonial-single-item.style_six .testi-author {
  display: inline;
}

.testimonial-single-item.style_six .testi-author-thumb {
  margin-right: 0;
}

.testimonial-single-item.style_six h4.name {
  margin-bottom: 0px;
  font-size: 22px;
  color: #041341;
  font-weight: 800;
  margin-top: 13px;
}

.testimonial-single-item.style_six h5.designation {
  font-size: 15px;
  color: #f88222;
}

/* testi shape */

.testimonial-single-item.style_six .testi-shape1 {
  position: absolute;
  bottom: 0;
  left: 2%;
  z-index: -1;
}

.testimonial-single-item.style_six .testi-shape2 {
  position: absolute;
  bottom: 15px;
  right: 49px;
  z-index: -1;
}

/* owl-carousel  */

.testi_list_4 .owl-dots {
  position: absolute;
  bottom: -70px;
  text-align: center;
  right: 0;
  left: 0;
  margin: auto;
}

.testi_list_4 .owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #f88222;
  margin-right: 10px;
  display: inline-block;
}

.testi_list_4 .owl-dot.active {
  background: #1356e4;
}

/*--==============================================->
<!--Start Hosting Locatin Area Css -->
==================================================-*/
.location-area {
  background: #1147c1;
  padding: 105px 0 10px;
}

.location-area .section-title.style_two {
  margin-bottom: 42px;
}

.location-area .section-title.style_two h1 {
  margin-bottom: 12px;
}

.proved_left .section-title p {
  color: #fff;
  width: 90%;
}

.location-thumb {
  position: relative;
  z-index: 1;
}

/* map shape */
.map-shape1 {
  position: absolute;
  top: 20%;
  left: 17%;
}

.map-shape2 {
  position: absolute;
  top: 15%;
  right: -22px;
}

.map-shape3 {
  position: absolute;
  top: 23%;
  right: 19%;
}

.map-shape4 {
  position: absolute;
  top: 31%;
  left: 27%;
}

.map-shape5 {
  position: absolute;
  bottom: 20%;
  right: -29px;
}

.map-shape6 {
  position: absolute;
  bottom: 39%;
  left: 64%;
}

.map-shape7 {
  position: absolute;
  bottom: 26%;
  left: 37%;
}

.map_btn a {
  background: #f88222;
  color: #fff;
  display: inline-block;
  padding: 3px 23px;
  border-radius: 5px;
  position: absolute;
  top: -32px;
  left: -48px;
  opacity: 0;
}

.location_map.active .map_btn a {
  opacity: 1;
  top: -46px;
}

.location_map {
  position: relative;
  z-index: 1;
}

.location_map.active:before {
  transform: scale(1);
  opacity: 1;
}

.location_map:before {
  position: absolute;
  content: "";
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #f882218c;
  z-index: -1;
  left: -5px;
  top: 3px;
  opacity: 0;
  transform: scale(0);
  transition: 0.5s;
}

.location_map::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 30px;
  background: #ffffff;
  z-index: -1;
  left: 8px;
  top: -14px;
  transition: 0.5s;
  opacity: 0;
}
.location_map.active:after {
  opacity: 1;
}

.location_map:hover:before {
  opacity: 1;
  transform: scale(1);
}

.location_map:hover:after {
  opacity: 1;
}

/* all hover */
.location_map:hover .map_btn a {
  visibility: visible;
  opacity: 1;
  top: -46px;
}

.location-area .proved-btn a {
  color: #fe8731;
  padding: 11px 32px;
  background: #ffff;
}

.location-area .proved-btn a:hover {
  color: #fff;
}

.location-area .proved-btn a:after {
  background: #fe8731;
}

/*--==============================================->
<!--Start Hosting Brand Area Style three Css -->
==================================================-*/
.brand-area.style_three {
  padding: 105px 0 90px;
}

.brand-single-item.style_three {
  margin-bottom: 30px;
  border-radius: 4px;
  filter: drop-shadow(0px 3px 30px rgba(189, 189, 189, 0.26));
  background: #ffffff;
  border: 1px solid transparent;
  padding: 22px 0px 22px;
  transition: 0.5s;
}

.brand-single-item.style_three .brand-thumb img {
  filter: brightness(0.5) invert(0);
  transition: 0.5s;
}

.brand-single-item.style_three:hover .brand-thumb img {
  filter: brightness(1) invert(0);
}

.brand-single-item.style_three:hover {
  border: 1px solid #fe8731;
}

/*--==============================================->
<!--Start Hosting Footer Area Style_Six Css -->
==================================================-*/

.footer-area.style_six {
  background: url(../images/bg/footer_bg_01.jpg);
  padding: 100px 0 18px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.footer-area.style_six p.footer-desc {
  margin-top: 48px;
}

.footer-area.style_six h3.footer-follow-title {
  padding-left: 0;
  font-size: 22px;
  font-weight: 800;
  margin: 21px 0 30px;
}

.footer-area.style_six h3.footer-follow-title:before {
  left: 137px;
  top: 16px;
  width: 100%;
  height: 5px;
  background: url(../images/bg/footer_line.jpg);
  background-repeat: no-repeat;
}

.footer-area.style_six .footer-widget-title h4 {
  position: relative;
  z-index: 1;
  margin-bottom: 41px;
}

.footer-area.style_six .footer-widget-title h4:before {
  left: 0;
  top: 45px;
  width: 100%;
  height: 5px;
  background: url(../images/bg/footer_line.jpg);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
}

.footer-area.style_six .footer-widget-form {
  margin-top: 20px;
}

.footer-area.style_six .subscribe_form input {
  outline: 0;
  color: #fff !important;
  width: 100%;
  height: 55px;
  border-radius: 4px;
  background-color: transparent;
  border: 1px solid #ffffff54;
  padding: 0 25px;
  margin-bottom: 30px;
}

.footer-area.style_six .subscribe-btn button {
  width: 100%;
  height: 55px;
  border-radius: 4px;
  background-color: #f88221;
  font-size: 17px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Mulish";
  border: none;
  outline: 0;
}

.footer-area.style_six .footer-bottom-content {
  padding-top: 33px;
  margin-top: 90px;
}

/*

/* START HOSTING INNER PAGE CSS */

/*--==============================================->
<!--Start Hosting Breadcumb Area Css -->
==================================================-*/

.breadcumb-area {
  background: #00149d;
  height: 380px;
}

.breadcumb-content h2 {
  margin-bottom: 10px;
  font-size: 28px;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
}

.breadcumb-content ul li {
  text-transform: uppercase;
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
  margin-right: 6px;
}

.breadcumb-content ul li a {
  text-transform: uppercase;
  padding-right: 30px;
  position: relative;
  z-index: 1;
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
}

.breadcumb-content ul li a:before {
  position: absolute;
  content: "";
  right: 8px;
  top: 5px;
  background: #fff;
  width: 2px;
  height: 12px;
  transition: 0.5s;
  transform: rotate(17deg);
}

.breadcumb-thumb img {
    width: 300px;
    margin-top: 184px;
}

/*--==============================================->
<!--Start Hosting About Style Five Area Css -->
==================================================-*/

.about-area.style_five {
  padding: 120px 0 150px;
  margin-top: 0;
}

.blog-area.style_seven {
  background: #f6f5f5;
  padding: 120px 0 90px;
}

/*====================================================
--<	Start Hosting Blog area Sinmgle blog Css -->
======================================================*/
.blog-area.single_blog {
  background: #fff;
  padding: 120px 0 120px;
}

.blog-thumb img {
  width: 100%;
}

/* single-src-bar */
.blog-src-bar {
  background: #fff;
  box-shadow: 6px 5px 16px 0px rgb(0 0 0 / 8%);
  padding: 20px 30px 42px;
  margin-bottom: 30px;
}

.blog-src-bar h2 {
  font-size: 22px;
  font-weight: 700;
  position: relative;
  margin-bottom: 14px;
}

.blog-src-bar h2:before {
  position: absolute;
  content: "";
  top: 2px;
  left: -9px;
  background: #056fff;
  height: 20px;
  width: 2px;
}

.src-bar form {
  position: relative;
  z-index: 1;
}

input.blog-control {
  width: 100%;
  height: 53px;
  outline: 0;
  border: 1px solid #dce1e3;
  padding-left: 20px;
}

.blog-src-bar .blog-btn {
  right: 0;
  background: #056fff;
  color: #fff;
  display: inline-block;
  padding: 12px 25px;
  position: absolute;
  border: none;
  bottom: 0px;
}

.blog-latest {
  background: #fff;
  padding: 10px 30px 38px;
  box-shadow: 6px 5px 16px 0px rgb(0 0 0 / 8%);
}

.blog-latest h2 {
  font-size: 22px;
  position: relative;
  margin-bottom: 20px;
  transition: 0.5s;
}

.blog-latest h2:hover {
  color: #056fff;
}

.blog-latest h2:before {
  position: absolute;
  content: "";
  top: 2px;
  left: -9px;
  background: #056fff;
  height: 20px;
  width: 2px;
}

.blog-latest-items {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.blog-latest-items.style_one {
  margin-bottom: 0;
}

.b-thumb {
  margin-right: 15px;
}

.b-thumb img {
  border-radius: 5px;
}
.b-content h3 {
  margin-top: 5px;
}
.b-content h3 a {
  font-size: 18px;
  line-height: 22px;
  cursor: pointer;
  margin-top: 4px;
  font-weight: 600;
  display: inline-block;
}

.b-content span {
  font-size: 14px;
}

.b-content span i {
  color: #fda200;
}

.top-catagories {
  background: #fff;
  padding: 10px 30px 38px;
  box-shadow: 6px 5px 16px 0px rgb(0 0 0 / 8%);
  margin-top: 30px;
}

.top-catagories h2 {
  font-size: 22px;
  position: relative;
}

.top-catagories h2:before {
  position: absolute;
  content: "";
  top: 3px;
  left: -9px;
  background: #056fff;
  height: 20px;
  width: 2px;
}

.top-catagories span {
  display: block;
  font-size: 15px;
  background: #056fff;
  padding: 5px 22px;
  margin-bottom: 15px;
  color: #fff;
  margin-top: 20px;
}

.follow-us {
  background: #fff;
  padding: 10px 30px 30px;
  box-shadow: 6px 5px 16px 0px rgb(0 0 0 / 8%);
  margin-top: 30px;
}
.follow-us h2 {
  font-size: 22px;
  position: relative;
  margin-bottom: -20px;
}
.follow-us h2:before {
  position: absolute;
  content: "";
  top: 7px;
  left: -9px;
  background: #d00a2b;
  height: 20px;
  width: 2px;
}

.follow-us .about-me-soical {
  margin-left: -29px;
}

.tags {
  background: #fff;
  padding: 10px 30px 30px;
  box-shadow: 6px 5px 16px 0px rgb(0 0 0 / 8%);
  margin-top: 30px;
}

.tags h2 {
  font-size: 22px;
  position: relative;
  margin-bottom: 20px;
}

.tags h2:before {
  position: absolute;
  content: "";
  top: 3px;
  left: -9px;
  background: #056fff;
  height: 20px;
  width: 2px;
}

.tags span {
  font-size: 14px;
  border: 2px solid #056fff;
  padding: 2px 20px 2px;
  text-align: center;
  display: inline-block;
  margin-bottom: 20px;
  margin-right: 15px;
  transition: 0.5s;
}

.tags span:hover {
  background: #056fff;
  color: #fff;
}

.single-blog-content {
  margin-left: 35px;
  margin-top: 40px;
}

span.color {
  color: #056fff;
}

.blog-meta-top2 span {
  color: #056fff;
  margin-left: 5px;
}

.blog-title-2 h2 {
  font-size: 26px;
  margin: 0 0 15px;
  font-weight: 700;
}

.blog-title h2 {
  font-size: 26px;
  margin-bottom: 18px;
  font-weight: 700;
}

.blog-bullets h2 {
  font-size: 26px;
  font-weight: 700;
  margin: 0 0 14px;
}

.blog-bullets ul li {
  font-size: 16px;
  font-weight: 500;
  list-style: inherit;
  margin-bottom: 10px;
}

#contact_form3 {
  background: #f7f7f7;
  padding: 58px 44px 42px 30px;
  margin-bottom: 30px;
}

.contact-form_2 {
  position: relative;
}

.contact-form_2 i {
  position: absolute;
  left: 22px;
  right: 0;
  margin-top: 20px;
  font-size: 11px;
  color: #5c727d;
  top: -2px;
}

.contact-form-msg-2 i {
  position: absolute;
  left: 64%;
  right: 0;
  margin-top: 29px;
  font-size: 12px;
  color: #5c727d;
  margin-left: 15px;
}

.contact-style_2 {
  width: 100%;
  height: 45px;
  padding-left: 20px;
  background: #fff;
  border: none;
  outline: 0;
  margin-bottom: 20px;
}

.contact-style-msg2 {
  width: 100%;
  height: 185px;
  padding-left: 20px;
  background: #fff;
  border: none;
  outline: 0;
  padding-top: 20px;
}

.blog-drop-form h2 {
  margin-top: -20px;
  margin-bottom: 28px;
}

.blog-checkbox {
  display: flex;
  align-items: center;
}

label.checkbox-control {
  color: #232323;
  margin-bottom: 0;
  margin-left: 15px;
}

.blog-drop-form h2 {
  margin-top: -20px;
  margin-bottom: 28px;
  font-size: 28px;
}

.single-blog-items {
  margin-top: 0;
  background: #fff;
  box-shadow: 0 3px 19px rgb(0 0 0 / 8%);
  padding: 2px 2px 20px;
}

input.blog-button {
  width: 100%;
  margin-top: 27px;
  color: #fff;
  background: #056fff;
  border: none;
  padding: 10px 0 10px;
}

/*--==============================================->
  <!--Start contact us Section-->
 ==================================================-*/
.contact-us-section {
  background: #f6f4f5;
  padding: 20px 0 10px;
  margin-top: 30px;
}

.contact-us-section .form-box input {
  height: 60px;
  background-color: #fff;
  border: 0;
  transition: 0.5s;
  padding: 0px 25px;
  display: block;
  width: 100%;
  color: #0d0e14;
  margin-bottom: 20px;
  border-radius: 4px;
}
.contact-us-section .form-box textarea {
  height: 180px;
  width: 100%;
  padding: 15px 22px 0px;
  background: #fff;
  border: 0;
  border-radius: 4px;
  color: #0d0e14;
}

.contact-form {
  text-align: center;
  margin-top: 33px;
}

.contact-form button {
  border: 0;
  background-image: linear-gradient(113deg, #fa4b05 0%, #ff9038 100%);
  color: #fff;
  padding: 12px 24px;
  font-weight: 500;
  border-radius: 5px;
}

/*contact info*/
.contact-info-section {
  background: #f6f9ff;
  padding: 100px 0 190px;
}

.contact-information {
  margin-bottom: 30px;
}

/*contact icon*/
.contacts-icon {
  float: left;
  margin-right: 20px;
}

.contacts-icon i {
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #189fff;
  text-align: center;
  color: #fff;
  font-size: 20px;
  border-radius: 50%;
  display: inline-block;
}

.contacts-title h5 {
  color: #424242;
  font-weight: 400;
  font-size: 16px;
}

.contacts-title h6 {
  font-size: 18px;
  font-weight: 600;
  padding: 4px 0 0;
}

.upper.contacts-icon i {
  background: #fe8731;
}
.upper2.contacts-icon i {
  background: #0781ff;
}

.map-section {
  padding: 0 0 10px;
}

.row.map-bg {
  margin-top: 10px;
}

/*--==============================================->
  <!--Start Error area css-->
 ==================================================-*/

.error-area {
  background: #00149d;
  height: 100vh;
}

h2.error-title {
  font-size: 4rem;
  color: #fff;
  margin: 10px 0 20px;
  display: inline-block;
}

h1.error-text {
  color: #fff;
  font-size: 90px;
  font-weight: 900;
}

small.small {
  font-size: 25px;
  color: #424242;
}

p.lead {
  color: #fff;
  width: 52%;
  text-align: center;
  margin: auto;
  font-weight: 500;
}

.error-info a {
  background-color: transparent;
  border: 1px solid #ffff;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 24px;
  margin-top: 40px;
  display: inline-block;
  border-radius: 5px;
}

.error-info a:hover {
  background: #0a58ca;
  border: 1px solid #0a58ca;
}

/*--==============================================->
  <!--Start Register area css-->
 ==================================================-*/

.register-area {
  padding: 105px 0 103px;
}

.header-lined {
  justify-content: center;
  display: grid;
}

.header-lined h1 {
  margin-top: 0;
  margin-bottom: 15px;
  padding: 6px 0;
  border-bottom: 1px solid #ccc;
  font-weight: 400;
  color: #000d65;
}

.header-lined .breadcrumb {
  color: #424242;
  margin-top: -15px;
  padding-left: 0;
  background: 0 0;
  font-size: 12px;
  border-radius: 0 0 4px 4px;
}

.header-lined .breadcrumb > .active {
  color: #0079fe;
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}

.sub-heading {
  height: 0;
  border-top: 1px solid #ddd;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px;
}

.sub-heading span {
  display: inline-block;
  position: relative;
  padding: 0 17px;
  top: -17px;
  font-size: 16px;
  color: #000d65;
  background-color: #fff;
}

.form-group {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}

.register-area label.field-icon {
  position: absolute;
  left: 15px;
  top: 8px;
  color: #424242;
}

.register-area .form-group input {
  height: 45px;
  padding-left: 40px;
  font-size: 15px;
  width: 100%;
  border: 1px solid #ced4da;
}

.field.form-control.custom-select {
  height: 45px;
}

/*--==============================================->
  <!--Start Hosting area css-->
 ==================================================-*/

.hosting-area {
  background: #00149d;
  height: 700px;
}

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

.hosting-contnet h1 {
  color: #ffff;
  font-size: 60px;
  font-weight: 800;
}

.hosting-contnet p {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin-top: 18px;
}

.hosting-thumb img {
    width: 300px;
    margin-top: 240px;
}

/*--==============================================->
<!--Start Hosting Feature Area Style Six Css -->
==================================================-*/

.feature-area.style_twelve {
  background: transparent;
  padding: 0;
}

.feature_upper {
  background: #0164ff;
  padding: 60px 48px 30px;
  margin: 0;
  border-radius: 10px;
  margin-top: -120px;
}

.feature-single-box.style_twelve {
  background: #ffff;
  padding: 48px 50px 24px;
  border-radius: 5px;
  margin-bottom: 30px;
}

.feature-single-box.style_twelve .feature-content {
  overflow: hidden;
}

.feature-single-box.style_twelve .feature-icon {
  float: left;
  margin-right: 30px;
  margin-top: 3px;
}

.feature-single-box.style_twelve .feature-content h3 {
  margin-top: 0;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 18px;
}

/* =======================
    Start Hosting Pricing Area Style Seven
=============================== */

.pricing-area.style_seven {
  padding: 252px 0 90px;
  margin-top: -168px;
}

.pricing-area.style_sevens .section-title.text-center.style1 {
  margin-bottom: 48px;
}

.pricing-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.pricing-toggle span {
    font-size: 16px;
    color: #000e52;
    font-weight: 500;
}

/*  nida verkko ipatl edildi
.switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 20px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: -6px;
  left: -5px;
  right: -5px;
  bottom: -6px;
  background-color: transparent;
  transition: 0.4s;
  border-radius: 16px;
  border: 2px solid rgba(0, 14, 82, 0.1);
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 6px;
  background: #026cff;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: transparent;
}

input:checked + .slider:before {
  transform: translateX(26px);
}

h2.price-yearly {
  display: none;
}
*/

/* Switch container */
.switch {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 30px;
}

/* Checkbox gizle */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* Slider */
.slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background: linear-gradient(135deg, #cfd9df, #e2ebf0);
    transition: 0.4s;
    border-radius: 30px;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}

/* Yuvarlak top */
.slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    bottom: 4px;
    background-color: #ffffff;
    transition: 0.4s;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0,0,0,0.25);
}

/* Aktif (mavi) */
input:checked + .slider {
    background: linear-gradient(135deg, #2196f3, #21cbf3);
}

/* Aktif top kayma */
input:checked + .slider:before {
    transform: translateX(26px);
}

/* Hover efekti */
.slider:hover {
    box-shadow: 0 0 8px rgba(33, 150, 243, 0.6);
}



/* Pricing single item */

.pricing-single-items.style_seven {
  text-align: left;
  padding: 30px 30px 25px;
  background: #f5f8fd !important;
  border-radius: 5px;
  border-top: 5px solid #0055ff;
}

.pricing-single-items.style_seven {
  background: #ffff !important;
}

.pricing-single-items.style_seven h3.pricing-plan2 {
  font-size: 24px;
  color: #041341 !important;
  font-weight: 600;
}

.pricing-single-items.style_seven span.pricing-from {
  margin-top: 13px;
  font-family: "Urbanist";
  font-weight: 500;
  font-size: 18px;
  color: #0055ff;
  display: inline-block;
}

.pricing-single-items.style_seven .pricing-plan h2 {
  margin-bottom: 0;
  margin-top: 14px;
  font-size: 32px;
  position: relative;
  z-index: 1;
  padding-left: 20px;
  color: #041341;
}

.pricing-single-items.style_seven .pricing-plan h2 span {
  font-size: 18px;
  line-height: 26px;
  color: #616161;
  font-weight: 400;
}

.pricing-single-items.style_seven .pricing-plan h2 .price_style {
  font-size: 18px;
  line-height: 26px;
  color: #041341 !important;
  font-weight: 700;
  font-family: "Urbanist";
  position: absolute;
  top: 0;
  left: 0;
}

.pricing-single-items.style_seven .pricing-body {
  margin-top: 28px;
  position: relative;
  z-index: 1;
}

.pricing-single-items.style_seven .pricing-body:before {
  top: -12px;
  position: absolute;
  content: "";
  left: 0;
  height: 1px;
  width: 100%;
  background: #d7d4d44f;
  z-index: -1;
}
.pricing-single-items.style_seven .pricing-feature {
  margin-top: 32px;
}

.pricing-single-items.style_seven .pricing-feature ul li {
  margin-bottom: 7px;
  font-size: 15px;
  font-weight: 400;
  font-family: "Mulish";
}

.pricing-single-items.style_seven .pricing-btn a {
  background: transparent !important;
  padding: 10px 30px;
  border: 1px solid #0782ff;
  border-radius: 25px;
  font-size: 16px;
  color: #041341;
  font-weight: 500;
  display: block;
}

.pricing-single-items.style_seven:hover .pricing-btn a {
  color: #fff;
}

.pricing-single-items.style_seven .pricing-btn a:after {
  border-radius: 25px;
}

.pricing-single-items.style_seven .pricing-btn a i {
  transform: rotate(-69deg);
  margin-left: 5px;
  font-size: 11px;
  display: inline-block;
  font-weight: 600;
  top: 3px;
  transition: 0.5s;
}

.pricing-single-items.style_seven:hover .pricing-btn a i {
  transform: rotate(-0deg);
  top: 0px;
}

/* pagination btn */

.paginatin {
  margin-top: 22px;
}

a.pagination_btn {
  font-size: 16px;
  color: #077fff;
  font-weight: 500;
  display: inline-block;
}

a.pagination_btn i {
  transform: rotate(-45deg);
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  margin-left: 10px;
}

/*--==============================================->
<!--Start Hosting Pricng  Area Style eight Css -->
==================================================-*/
.pricing-area.style_eight {
  background: #fff;
  padding: 112px 0 95px;
  margin-top: 0;
}

.pricing-single-items.style_eight {
  background: #f5f8fd !important;
}

/*--==============================================->
<!--Start Hosting About Style Six Area Css -->
==================================================-*/

.about-area.style_six {
  margin-top: 0;
  background: #ffff;
  padding: 120px 0 120px;
}

.about-area.style_six .section-title p {
  color: #424242;
}

.about-area.style_six .section-title.style_one {
  border-bottom: none;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.about-area.style_six .about_thumb {
  position: relative;
  z-index: 1;
  margin-left: -91px;
}

.about-area.style_six .about-list ul li {
  color: #000e52;
  margin-bottom: 15px;
}

.about-area.style_six .about-list ul li img {
  margin-right: 12px;
}

.about-area.style_six .about-single-item {
  padding: 15px 30px 11px;
  margin-bottom: 30px;
  border-radius: 0;
  background-color: #f5f8fd;
  border-bottom: 3px solid #1387ff;
  transition: 0.5s;
  margin-top: 25px;
  filter: none;
}

.about-area.style_six .about-single-item:hover {
  border-bottom: 3px solid #fe8730;
}

.about-area.style_six .about-single-item .about-text p {
  color: #424242;
}

.about-area.style_six h3.about-title {
  font-size: 42px;
  color: #0782ff;
  font-weight: 700;
  font-family: "Urbanist";
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
}

.about-area.style_six .about-single-item h3.about-title::before {
  position: absolute;
  content: "";
  background: url(../images/icon/about_icon_08.png);
  height: 100%;
  width: 100%;
  top: 16px;
  right: -92px;
  background-repeat: no-repeat;
}

.about-area.style_six
  .about-single-item
  .about-single-item:hover
  h3.about-title {
  color: #fe8730;
}

/*--==============================================->
<!--Start Hosting Testimonial Area Style Six Area Css -->
==================================================-*/

.testimonial-area.style_seven {
  background: url(../images/bg/testi_bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 100px 0 120px;
}

.testimonial-area.style_eight {
  padding: 110px 0 120px;
}

.testimonial-area.style_six .section-title p {
  color: #424242;
}

.testimonial-single-item.style_seven {
  filter: drop-shadow(0px 10px 20px rgba(214, 214, 214, 0.35));
  background-color: #ffffff;
  transition: 0.5s;
}

.testimonial-single-item.style_seven h4.name {
  color: #000e52;
  transition: 0.5s;
}

.testimonial-single-item.style_seven h5.designation {
  color: #424242;
  transition: 0.5s;
}

.testimonial-single-item.style_seven .testimonial-content p {
  transition: 0.5s;
  color: #424242;
}

/* all hover */
.testimonial-single-item.style_seven:hover h4.name {
  color: #fff;
}

.testimonial-single-item.style_seven:hover h5.designation {
  color: #fff;
}

.testimonial-single-item.style_seven:hover .testimonial-content p {
  color: #fff;
}

/* active center color */

.testimonial-area.style_six .owl-item.active.center h4.name {
  color: #fff;
}

.testimonial-area.style_six .owl-item.active.center h5.designation {
  color: #fff;
}

.testimonial-area.style_six .owl-item.active.center .testimonial-content p {
  color: #fff;
}

/*--==============================================->
<!--Start Hosting Call Do action Style Five Area Css -->
==================================================-*/

.call-do-action {
  background: url(../images/bg/col_do_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 100px 0 108px;
}

.call-do-action .section-title {
  margin-bottom: 0;
}

.hosting-button.style_3 {
  text-align: right;
}

.hosting-button.style_3 a {
  display: inline-block;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
  background-image: linear-gradient(
    -58deg,
    #001dab 0%,
    #1355e3 80%,
    #1355e3 100%
  ) !important;
  border-radius: 28px;
  padding: 13px 30px;
}

.hosting-button.style_3 a:hover:after {
  border-radius: 28px;
}
/*--==============================================->
<!--Start Hosting Faw Area Style Seven Css -->
==================================================-*/
.faq-area.style_seven {
  background: #f5f8fd;
  padding: 100px 0 105px;
}

.faq-item {
  display: flex;
  align-items: center;
  background: #ffffff;
  padding: 22px 30px 22px;
  border-radius: 5px;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

.faq-item:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background: #067aff;
  z-index: -1;
  transition: 0.5s;
  border-radius: 5px;
}

.faq-item:hover:before {
  width: 100%;
}

.faq-icon {
  background: #e6effe;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  margin-right: 20px;
  transition: 0.5s;
}

.faq-icon img {
  filter: brightness(1) invert(0);
  transition: 0.5s;
}

h3.faq-title {
  margin-top: 0;
  font-size: 20px;
  color: #000e52;
  font-weight: 500;
  transition: 0.5s;
}

/* all hover */

.faq-item:hover .faq-icon img {
  filter: brightness(0) invert(1);
}

.faq-item:hover .faq-icon {
  background: #347dfe;
}

.faq-item:hover h3.faq-title {
  color: #fff;
}

.accordion.style_four li a {
  font-size: 18px;
  color: #000e52 !important;
  font-weight: 500;
  padding: 21px 8px 21px 35px;
  border: 1px solid #dce0ec;
  background: #fff;
  border-radius: 5px;
}

.accordion.style_four li p {
  padding: 0px 114px 33px 35px;
  background: #ffff;
  color: #424242;
}

.accordion.style_four li a i {
  font-size: 16px;
  position: absolute;
  right: 30px;
  color: #067cff;
}

.accordion.style_four a.active i {
  transform: rotate(-180deg);
}

.accordion.style_four a.active {
  border: 1px solid #dce0ec;
  border-bottom: 0;
}

.accordion.style_four p.active {
  border: 1px solid #dce0ec;
  border-top: 0;
}

.accordion.style_four a:before {
  display: none;
}

.accordion.style_four a.active:after {
  display: none;
}

/*--==============================================->
<!--Start Hosting feature Area Style Seven Css -->
==================================================-*/

.feature-area.style_thirteen {
  background: transparent;
  padding: 0;
  position: relative;
  z-index: 2;
}

.row.feature_upper2 {
  margin-top: -10px;
  position: relative;
  z-index: 1;
}

/* feature box */

.feature-single-box.style_thirteen {
    background: #F3F3F3;
    margin-bottom: 30px;
    padding: 40px 40px 32px;
    border-radius: 5px;
    transition: 0.5s;
    border-bottom: 4px solid #C2B76A;
}

.feature-single-box.style_thirteen:hover {
  border-bottom: 4px solid #1387ff;
}

.feature-single-box.style_thirteen .feature-content h3 {
  font-size: 20px;
  color: #041341;
  font-weight: 600;
  margin-top: 30px;
}

.pricing-area.style_sevens.style_eight {
  background: url(../images/bg/pricing-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -175px;
  position: relative;
  padding: 246px 0 95px;
}

/*--==============================================->
<!--Start Hosting Category Style four Area Css -->
==================================================-*/
.category-area.style_five {
  background: url(../images/inner-page/category_bg_01.jpg);
  padding: 100px 0 90px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.category_single-item.style_four {
  background: #ffff;
}

.category_single-item.style_four .category-title h3 {
  color: #000f52;
}

/*--==============================================->
<!--Start Hosting Bradcumb Style Three Css -->
==================================================-*/

.breadcumb_two.style_three {
  background: url(../images/bg/breadcrumb_bg_01.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 955px;
}

.breadcumb_content h4 {
  font-size: 18px;
  color: #ffffff;
  font-weight: 400;
  font-style: italic;
  text-transform: uppercase;
  margin-bottom: 15px;
}

/*--==============================================->
<!--Start Hosting vps price slider Css -->
==================================================-*/

.vps-price-slider {
  background: #f5f8fd;
  padding: 0 0 50px;
}

.vps-price-slider .section-title.text-center {
  margin-bottom: 25px;
}

.price-slider-wrapper {
  background: #fff;
  margin: 0;
  padding: 60px 80px 80px;
  margin-top: -90px;
  border-radius: 10px;
}

.tab-container {
  margin: 20px 0 33px;
}

/* range btn */

.range_btn {
  display: flex;
  justify-content: space-around;
}

.vps_labels {
  text-align: center;
  margin-bottom: 25px;
}

.vps_labels span {
  font-size: 18px;
  color: #006cff;
  font-weight: 500;
  font-family: "Urbanist";
}

/* Range btn */
.ramge_btn {
  justify-content: space-around;
  display: flex;
}

/* cps pp feature item */

.vps_pp_feature_item {
  border-radius: 10px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 14, 82, 0.1);
  margin-bottom: 30px;
  padding: 15px 20px 15px;
  transition: 0.5s;
}

.vps_pp_feature_item:hover {
  background: rgba(0, 108, 255, 0.10196078431372549);
  border: 1px solid rgba(0, 108, 255, 0.10196078431372549);
}

.vps_icon {
  margin-right: 20px;
}

.vps_pp_feature_item_content h6 {
  font-size: 16px;
  color: #006cff;
  font-weight: 500;
  font-family: "Urbanist";
  margin-top: 0;
  margin-bottom: 4px !important;
}

.vps_pp_feature_item_content span {
  font-size: 20px;
  color: #000e52;
  font-weight: 500;
  font-family: "Urbanist";
}

span.price-yearly {
  display: none;
}

.tab-button {
  border: none !important;
  cursor: pointer;
  background: transparent;
  font-size: 18px;
  color: #006cff;
  font-weight: 500;
  font-family: "Urbanist";
  text-align: center;
}

.tab-content {
  display: none;
}

.tab-content input {
  width: 100%;
  border: none;
  -webkit-appearance: none;
  box-shadow: none;
  outline: none;
  height: 8px;
  border-radius: 4px;
  background: rgba(0, 108, 255, 0.2);
}

.tab-content input::-moz-range-progress {
  background: blue;
}

.tab-content input::-webkit-slider-thumb {
  height: 25px;
  width: 25px;
  background: #fff;
  border-radius: 50%;
  border: 6px solid #0082f8;
  -webkit-appearance: none;
}

.vps-price-slider .hosting-button.style_seven {
  margin-top: 27px;
  text-align: center;
}

.vps-price-slider .hosting-button.style_seven a {
  padding: 14px 30px;
}

/*--==============================================->
<!--Start Hosting VPS Plan Css -->
==================================================-*/

.vps_plan {
  padding: 70px 0 120px;
  background: #f5f8fd;
}
/* vps priving Table */

.vps-pricing-table {
  overflow-x: auto;
}

.vps-pricing-table table thead tr th {
  padding: 15px 50px;
  background-image: linear-gradient(0deg, #0781ff 0%, #0054ff 100%);
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Urbanist";
}

/* cps priceing table child */

.vps-pricing-table table thead tr th:nth-child(5) {
  min-width: 242px;
}

.vps-pricing-table table thead tr th:nth-child(3) {
  min-width: 188px;
}

.vps-pricing-table table thead tr th:nth-child(7) {
  min-width: 220px;
}

.vps-pricing-table table tbody tr td {
  font-size: 14px;
  color: #000e52;
  font-weight: 500;
  font-family: "Mulish";
  text-align: center;
  border: 1px solid #e9e9e9;
  padding: 16px 0;
}

.vps-pricing-table table tbody tr td h6 {
  font-size: 14px;
  color: #838ba4;
  font-weight: 400;
  margin-top: 0;
}

.vps-pricing-table table tbody tr td:nth-child(5) {
  text-align: left;
  padding: 0 48px 0;
  position: relative;
  z-index: 1;
}

.vps-pricing-table table tbody tr td:nth-child(7) {
  color: #046bff !important;
  font-size: 18px;
  color: #006cff;
  font-weight: 600;
}

span.color_style {
  font-size: 14px;
  color: #000e52ba;
  font-weight: 400;
}

/*prossess ber*/
.barfiller {
  position: relative;
  margin-top: -21px;
  width: 100px;
  height: 14px;
  border-radius: 7px;
  background-color: #e4ebf6;
  left: 47px;
}

span.fill {
  background: #006bff !important;
}

.barfiller .fill {
  display: block;
  position: relative;
  width: 0px;
  height: 100%;
  background: transparent;
  z-index: 1;
  left: 0;
}

.barfiller .tip {
  margin-top: -9px;
  padding: 2px 4px;
  left: 0px;
  border-radius: 0;
  position: absolute;
  z-index: 2;
  font-size: 10px;
  color: #ffffff;
  font-weight: 300;
}

.vps-pricing-table table tbody tr td a {
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  background-image: linear-gradient(113deg, #0054ff 0%, #0781ff 100%);
  padding: 1px 18px;
  border-radius: 30px;
}

/*--==============================================->
<!--Start Hosting About Style Five Area Css -->
==================================================-*/
.about-area.style_seven {
  background: #fff;
  margin-top: 0;
  padding: 110px 0 120px;
}

.about-area.style_seven .section-title p {
  color: #424242;
  width: 96%;
}

.about-area.style_seven .about-list ul li {
  color: #000e52;
  margin-bottom: 20px;
  background: #f5f7fd;
  padding: 15px 20px;
}

.hosting-button.style_seven {
  margin-top: 20px;
}

.hosting-button.style_seven a {
  padding: 16px 30px;
  background-image: linear-gradient(113deg, #0054ff 0%, #0781ff 100%);
}

/*====================================================
--<	Start Hosting Vedio area Css -->
======================================================*/

.video-area {
  padding: 120px 0 120px;
}

.row.video_bg {
  background: url(../images/bg/video_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 550px;
}

.video-area .video_btn {
  margin-bottom: 0;
}

.video_btn a {
  font-size: 20px;
  color: #ffffff;
  font-family: "Mulish";
  display: inline-block;
  line-height: 100px;
  text-align: center;
  -webkit-animation: ripple-white 1s linear infinite;
  animation: ripple-blue 1s linear infinite;
  background: #fe7c0f;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}

@-webkit-keyframes ripple-blue {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(254, 122, 15, 0.3),
      0 0 0 10px rgba(254, 122, 15, 0.3), 0 0 0 20px rgba(254, 122, 15, 0.3);
    box-shadow: 0 0 0 0 rgba(254, 122, 15, 0.3),
      0 0 0 10px rgba(254, 122, 15, 0.3), 0 0 0 20px rgba(254, 122, 15, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(254, 122, 15, 0.3),
      0 0 0 20px rgba(254, 122, 15, 0.3), 0 0 0 30px rgba(254, 122, 15, 0);
    box-shadow: 0 0 0 10px rgba(254, 122, 15, 0.3),
      0 0 0 20px rgba(254, 122, 15, 0.3), 0 0 0 30px rgba(254, 122, 15, 0);
  }
}

@keyframes ripple-blue {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(254, 122, 15, 0.3),
      0 0 0 10px rgba(254, 122, 15, 0.3), 0 0 0 20px rgba(254, 122, 15, 0.3);
    box-shadow: 0 0 0 0 rgba(254, 122, 15, 0.3),
      0 0 0 10px rgba(254, 122, 15, 0.3), 0 0 0 20px rgba(254, 122, 15, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(254, 122, 15, 0.3),
      0 0 0 20px rgba(254, 122, 15, 0.3), 0 0 0 30px rgba(254, 122, 15, 0);
    box-shadow: 0 0 0 10px rgba(254, 122, 15, 0.3),
      0 0 0 20px rgba(254, 122, 15, 0.3), 0 0 0 30px rgba(254, 122, 15, 0);
  }
}

/*====================================================
--<	Start Hosting Breadcumb_two Style Four Css -->
======================================================*/

.breadcumb_two.style_four {
  background: url(../images/bg/brand_bg_02.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 900px;
}

.breadcumb_two.style_four .breadcumb-list {
  display: inline-block;
}

.breadcumb_two.style_four .breadcumb-list li {
  color: #ffffff;
  margin-bottom: 18px;
}

.breadcumb_two.style_four .bradcumb-thumb {
  margin-top: 98px;
}

.breadcumb_two.style_four .breadcumb_content p {
  margin: 25px 0 25px;
}

.breadcumb-list.style_two {
  margin-left: 39px;
}

/*====================================================
--<	Start Hosting Pricing area Style Nine Css -->
======================================================*/

.pricing-area.style_nine {
  background: url(../images/bg/pricing-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-top: 0;
}

.pricing-area.style_ten {
  margin-top: 0;
  padding: 111px 0 90px;
}

/* pricing single item */

.pricing-single-items.style_one.style_nine {
  background: #fff;
  position: relative;
  z-index: 1;
  padding: 35px 30px 23px;
  margin-bottom: 30px;
  border-top: 4px solid rgba(0, 108, 255, 0.10196078431372549);
  transition: 0.5s;
}

.pricing-single-items.style_one.style_nine:hover {
  border-top: 4px solid #1388ff;
}

.pricing-single-items.style_one.style_nine .pricing_icon {
  float: inherit;
  margin-right: 0;
  margin-bottom: 25px;
}

.pricing-single-items.style_one.style_nine h2.price {
  font-size: 32px;
  color: #1388ff;
  font-weight: 700;
}

.pricing-single-items.style_one.style_nine .price span {
  font-size: 16px;
  line-height: 26px;
  color: #424242;
  font-weight: 400;
  font-family: "Mulish";
}

.pricing-single-items.style_one.style_nine .price sup {
  font-size: 18px;
  font-family: "Urbanist";
  position: relative;
  top: -12px;
}

.pricing-single-items.style_one.style_nine .pricing-title {
  position: relative;
  z-index: 1;
  margin-top: 13px;
  padding-top: 6px;
}

.pricing-single-items.style_one.style_nine .pricing-title span {
  font-size: 16px;
  color: #424242;
}

.pricing-single-items.style_one.style_nine .pricing-title:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 14, 82, 0.10196078431372549);
}

.pricing-single-items.style_one.style_nine .pricing-title h3 {
  margin-bottom: 5px;
  font-size: 22px;
  color: #041341;
  font-weight: 700;
}

.pricing-single-items.style_one.style_nine span.pricing {
  position: absolute;
  top: 64px;
  right: 38px;
  font-size: 36px;
  color: #fe8730;
  font-weight: 600;
  font-family: "Urbanist";
  transition: 0.5s;
}

/* pricing body */

.pricing-single-items.style_one.style_nine .pricing-body {
  margin-top: 25px;
}

.pricing-single-items.style_one.style_nine .pricing-body:before {
  display: none;
}

.pricing-single-items.style_one.style_nine .pricing-feature ul li {
  margin-bottom: 8px;
  color: #424242;
  transition: 0.5s;
  font-size: 16px;
}

.pricing-single-items.style_one.style_nine .pricing-feature ul li img {
  margin-right: 12px;
  position: relative;
  top: -2px;
}

/* pricing button */

.pricing-single-items.style_one.style_nine .pricing-btn a {
  background: transparent !important;
  border: 1px solid #0782ff;
  padding: 10px 61px;
  font-size: 16px;
  color: #041341;
  font-weight: 500;
  border-radius: 5px;
}

.pricing-single-itemss.style_one.style_nine .pricing-btn a:after {
  background-image: linear-gradient(113deg, #0054ff 0%, #0781ff 100%);
  border-radius: 5px !important;
}

.pricing-single-items.style_one.style_nine .pricing-btn a i {
  transform: rotate(-45deg);
  margin-left: 6px;
  font-size: 20px;
  display: inline-block;
  position: relative;
  top: 3px;
  color: #1281ff;
  transition: 0.5s;
}

.pricing-single-items.style_one.style_nine:hover .pricing-btn a i {
  color: #fff;
}

/* about area style eight */

.about-area.style_eight .about_thumb {
  margin-left: 0;
  text-align: right;
}

.about-area.style_eight .about-single-item {
  border-radius: 0;
  background: #f5f8fd;
  padding: 10px 30px 3px;
  filter: inherit;
}

.about-area.style_eight .section-title.style_one {
  margin-bottom: 15px;
}

/* category area styl six */

.category-area.style_six {
  background: #f5f7fd;
}

/* brand area styl three */
.brand-area.style_four {
  background: #fff;
  padding: 120px 0 120px;
}

.feature-area.style_seven {
  background: url(../images/bg/feature_bg.png);
  padding: 110px 0 90px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/*====================================================
--<	Start Hosting Breadcumb two Style Five Css -->
======================================================*/

.breadcumb_two.style_five {
  background: url(../images/bg/brand_bg_02.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 1;
}

.breadcumb_content h1 span {
  color: #fe8731;
}

.breadcumb_two.style_five .breadcumb-list {
  margin-top: 24px;
}

.breadcumb_two.style_five .breadcumb-list li {
  display: inline-block;
  margin-right: 35px;
}

.breadcumb_two.style_five .hosting-button {
  margin-top: 25px;
}

/* breadvumb_shape */

.breadcumb-shape1 {
  position: absolute;
  top: 45%;
  transform: translate(50%);
  right: 262px;
}

.breadcumb-shape2 {
  position: absolute;
  top: 45%;
  transform: translate(50%);
  left: 13%;
}

/*====================================================
--<	Start Hosting Feature area Style Ten Css -->
======================================================*/

.feature-area.style_ten {
  background: #f5f8fd;
  position: relative;
  padding: 0;
}

.feature-area.style_ten .row.feature_upper2 {
  margin-top: -50px;
}

.feature-single-box.style_ten {
  text-align: center;
  border-bottom: 0;
  padding: 40px 60px 32px;
  filter: drop-shadow(0px 5px 15px rgba(187, 190, 192, 0.1));
}

.feature-single-box.style_ten:hover {
  border-bottom: inherit;
}

.feature-single-box.style_ten h3 {
  line-height: 28px;
  margin-top: 25px;
}

/*====================================================
--<	Start Hosting Feature area Style Eleven Css -->
======================================================*/

.feature-area.style_eleven {
  background: url(../images/bg/feature_bg.png);
  padding: 110px 0 90px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.feature-single-box.style_eleven {
  padding: 48px 30px 20px;
}

.feature-single-box.style_eleven {
  padding: 48px 30px 20px;
  position: relative;
  z-index: 1;
}

.feature-single-box.style_eleven:before {
  position: absolute;
  content: "";
  left: 0%;
  top: 0;
  height: 100%;
  width: 0%;
  background: #0162ff;
  z-index: -1;
  border-radius: 5px;
  transition: 0.5s;
}

.feature-single-box.style_eleven:hover:before {
  width: 100%;
}

.feature-area.style_eleven .feature-icon {
  width: 75px;
  height: 75px;
  border-radius: 5px;
  line-height: 75px;
  background: #e5f0ff;
  text-align: center;
}

.feature-area.style_eleven .feature-content h3 {
  font-size: 22px;
  margin-bottom: 11px;
  transition: 0.5s;
}

/* all hover */
.feature-single-box.style_eleven:hover .feature-content h3 {
  color: #fff;
}

.feature-single-box.style_eleven:hover .feature-content p {
  color: #fff;
}

/* feature single box style tourteen */

.feature-single-box.style_fourteen {
  padding: 48px 30px 20px;
  border-bottom: none;
}

.feature-single-box.style_fourteen .feature-icon {
  background: #e5f0ff !important;
}

/*====================================================
--<	Start Hosting Reseller Pricing Css -->
======================================================*/
.reseller_pricing {
  background: #f5f8fd;
  padding: 100px 0 120px;
}

.reseller_pricing .section-title.text-center {
  margin-bottom: 39px;
}

.reseller_pricing .pricing-toggle.style_two {
  margin-bottom: 30px;
}

.reseller_pricing .slider.two {
  position: absolute;
  cursor: pointer;
  top: -7px;
  left: -7px;
  right: -7px;
  bottom: -7px;
  background-color: transparent;
  transition: 0.4s;
  border-radius: 16px;
  border: 2px solid rgba(0, 14, 82, 0.1);
}

.reseller_pricing .slider.two:before {
  bottom: 6px;
  background-color: #026cff;
  border-radius: 50%;
  height: 18px;
  width: 18px;
}

.reseller_pricing table {
  width: 100%;
}

.reseller_price-change {
  margin-bottom: 15px;
  background: #000e52;
  border-radius: 10px 10px 0 0;
}

.reseller_price-change table thead tr th {
  padding: 35px 0px 50px 50px;
  background: #000e52;
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Urbanist";
  border: 1px solid #e9e9e961;
  margin-bottom: 20px;
  width: 25%;
  border-radius: 10px 10px 0 0;
}

th.plan-title {
  font-size: 24px !important;
  font-weight: 600 !important;
}

.pricing-plan.table h6 {
  font-size: 20px;
  color: #ffffff;
  font-weight: 500;
}

.pricing-plan.table h2 {
  color: #0260fe;
}

.pricing-plan h3 {
  text-align: center;
  font-size: 24px;
  color: #ffffff;
  font-weight: 600;
}

.pricing_btn a {
  display: inline-block;
  font-size: 14px;
  color: #ffffff;
  font-weight: 400;
  border: 2px solid #ffffff;
  border-radius: 25px;
  padding: 9px 23px;
}

.pricing_btn a:hover {
  background: #0361ff;
  border: 2px solid #0361ff;
}

.reseller-pricing-table table tbody tr td {
  border: 1px solid #e9e9e9;
  padding: 11px 40px;
  width: 25%;
  font-size: 16px;
  color: #000e52;
  font-weight: 400;
  font-family: "Urbanist";
  background: #fff;
}

/* about area style eight */

.about-area.style_eight {
  background: #f5f8fd;
  padding: 85px 0 120px;
}

.about-area.style_eight .about-list ul li {
  background: #fff;
}

.about-area.style_five {
  padding: 120px 0 150px;
  margin-top: 0;
}

.blog-area.style_seven {
  background: #f6f5f5;
  padding: 120px 0 90px;
}

/*
<!-- ============================================================== -->
<!-- Start Hosting Feature Area Home One Style Tow Css -->
<!-- ============================================================== -->*/

.feature-area.style_tow {
  background: #000d65;
  padding: 100px 0 90px;
}

.feature_left {
  position: relative;
  z-index: 1;
  margin-left: 40px;
}

.feature_left:before {
  position: absolute;
  content: "";
  left: -35px;
  top: 64px;
  height: 33%;
  width: 2px;
  background: #344194;
}

.feature_left::after {
  position: absolute;
  content: "";
  left: -35px;
  bottom: 87px;
  height: 33%;
  width: 2px;
  background: #344194;
}

.feature_single-item.style_one {
  background: #011875;
  padding: 16px 40px 7px 30px;
  border-radius: 5px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.feature_single-item.style_one:after {
  position: absolute;
  content: "'";
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background: #0577fe;
  z-index: -1;
  border-radius: 5px;
  transition: 0.5s;
}

.feature_single-item.style_one:hover:after {
  width: 100%;
}

.feature_single-item.style_one:before {
  position: absolute;
  content: "'";
  left: -40px;
  top: 50px;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  border: 2px solid #344194;
  transition: 0.5s;
}

.feature_single-item.style_one:hover:before {
  background: #077eff;
  border: 2px solid #077eff;
}

.feature-icons {
  float: left;
  margin-right: 25px;
  display: inline-block;
  position: relative;
  margin-top: 14px;
}

.feature-icons:before {
  position: absolute;
  content: "";
  left: -57px;
  top: 27px;
  height: 2px;
  width: 27px;
  background: #344194;
}

.feature-contents {
  overflow: hidden;
}

h3.feature_title {
  font-size: 22px;
  color: #ffffff;
  font-weight: 600;
  font-family: "Urbanist";
  margin-bottom: 13px;
}

.feature-contents p {
  font-size: 16px;
  line-height: 26px;
  color: #ccd0e2;
  font-weight: 400;
  font-family: "Mulish";
}

/* feature thumb */
.feature_thumb {
  position: relative;
  margin-left: 86px;
}

.feature_thumb1 {
  position: absolute;
  top: 46%;
  right: 36px;
}

.feature_thumb2 {
  position: absolute;
  top: 50%;
  left: 24px;
}

/*
<!-- ============================================================== -->
<!-- Hosting Bounce Animation Css -->
<!-- ============================================================== -->*/
.dance0 {
  -webkit-animation: dance 1s alternate infinite;
  animation: dance 1s alternate infinite;
}

@keyframes dance {
  0% {
    -webkit-transform: scale(0.5);
  }

  100% {
    -webkit-transform: scale(1.2);
  }
}
.dance6 {
  -webkit-animation: dance 1s alternate infinite;
  animation: dance 1s alternate infinite;
}

@keyframes dance {
  0% {
    -webkit-transform: scale(0.5);
  }

  100% {
    -webkit-transform: scale(1.2);
  }
}
.dance3 {
  -webkit-animation: dance 2s alternate infinite;
  animation: dance 2s alternate infinite;
}

@keyframes dance {
  0% {
    -webkit-transform: scale(0.5);
  }

  100% {
    -webkit-transform: scale(1.2);
  }
}
.dance4 {
  -webkit-animation: dance 3s alternate infinite;
  animation: dance 3s alternate infinite;
}

@keyframes dance {
  0% {
    -webkit-transform: scale(0.5);
  }

  100% {
    -webkit-transform: scale(1.2);
  }
}
.dance5 {
  -webkit-animation: dance 2s alternate infinite;
  animation: dance 2s alternate infinite;
}

@keyframes dance {
  0% {
    -webkit-transform: scale(0.5);
  }

  100% {
    -webkit-transform: scale(1.2);
  }
}
/* bounce-animate */
.bounce-animate {
  animation-name: float-bob;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

.bounce-animate2 {
  animation-name: float-bob2;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob2;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob2;
  -ms-animation-duration: 3s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob2;
  -o-animation-duration: 3s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

.bounce-animate3 {
  animation-name: float-bob3;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob3;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob3;
  -ms-animation-duration: 3s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob3;
  -o-animation-duration: 3s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

.bounce-animate4 {
  animation-name: float-bob4;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob4;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob4;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob4;
  -o-animation-duration: 5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

.bounce-animate5 {
  animation-name: float-bob5;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob5;
  -moz-animation-duration: 6s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob5;
  -ms-animation-duration: 6s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob5;
  -o-animation-duration: 6s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

.bounce-animate-slow {
  animation-name: float-bob5;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob5;
  -moz-animation-duration: 15s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob5;
  -ms-animation-duration: 15s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob5;
  -o-animation-duration: 15s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

.bounce-animate-3 {
  animation-name: float-bob6;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob6;
  -moz-animation-duration: 6s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob6;
  -ms-animation-duration: 6s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob6;
  -o-animation-duration: 6s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

@keyframes float-bob {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }

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

@keyframes float-bob2 {
  0% {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
  }

  50% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

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

@keyframes float-bob3 {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }

  50% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

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

@keyframes float-bob4 {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }

  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }

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

@keyframes float-bob5 {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }

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

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

@keyframes float-bob6 {
  0% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }

  50% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

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

@keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

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

@keyframes moveleftbounce {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  50% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

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

/*--==============================================->
  <!-- Hosting Animation Dance -->
 ==================================================-*/
/**/
.dance3 {
  -webkit-animation: dance3 8s alternate infinite;
  animation: dance3 8s alternate infinite;
}

@keyframes dance3 {
  0% {
    -webkit-transform: scale(0.5);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

.dance {
  -webkit-animation: dance 2s alternate infinite;
  animation: dance 2s alternate infinite;
}

@keyframes dance {
  0% {
    -webkit-transform: scale(0.5);
  }

  100% {
    -webkit-transform: scale(1.2);
  }
}

.dance2 {
  -webkit-animation: dance2 4s alternate infinite;
  animation: dance2 4s alternate infinite;
}

@keyframes dance2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(25px, -25px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, -25px, 25px);
  }
}

.watermark-animate {
  -webkit-animation: watermark-animate 8s infinite;
  animation: watermark-animate 8s infinite;
  animation-direction: alternate-reverse;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@keyframes watermark-animate {
  0% {
    left: 0;
  }

  100% {
    left: 100%;
  }
}

.rotateme {
  -webkit-animation-name: rotateme;
  animation-name: rotateme;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

/*=====================================
<-- Constre Search Box Css -->
=======================================*/
/*nav button*/
.search-box-btn.search-box-outer {
  display: inline-block;
}

.nav-btn.navSidebar-button {
  display: inline-block;
  position: relative;
  top: 2px;
}

.nav-btn.navSidebar-button a i {
  font-size: 15px;
  width: 32px;
  line-height: 35px;
  height: 32px;
  border-radius: 50px;
  text-align: center;
  background: #efefef;
  display: inline-block;
  color: #232323;
  position: relative;
  z-index: 1;
  margin-left: 15px;
  transition: 0.5s;
  cursor: pointer;
}

.nav-btn.navSidebar-button a i:after {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #ff3c00;
  border-radius: 50%;
  transition: 0.5s;
  transform: scale(0);
}

.nav-btn.navSidebar-button a i:hover:after {
  transform: scale(1);
}

.nav-btn.navSidebar-button a i:hover {
  color: #fff;
}

.xs-sidebar-group .xs-overlay {
  left: 100%;
  top: 0;
  position: fixed;
  z-index: 101;
  height: 100%;
  opacity: 0;
  width: 100%;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in 0.8s;
  -o-transition: all 0.4s ease-in 0.8s;
  transition: all 0.4s ease-in 0.8s;
}

.xs-sidebar-group .widget-heading {
  position: absolute;
  top: 23px;
  right: 0;
  padding: 25px;
}

.xs-sidebar-widget {
  position: fixed;
  right: -100%;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 360px;
  z-index: 999999;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #ff9038;
  -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  visibility: hidden;
  opacity: 0;
}

.xs-sidebar-group.isActive .xs-overlay {
  opacity: 0.7;
  visibility: visible;
  -webkit-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
  left: 0;
}

.xs-sidebar-group.isActive .xs-sidebar-widget {
  opacity: 1;
  visibility: visible;
  right: 0;
  -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
  -o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
  transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}

.sidebar-textwidget {
  padding: 40px 32px;
}

.close-side-widget i {
  color: #fff;
  font-size: 28px;
  display: block;
}

.sidebar-widget-container {
  position: relative;
  top: 150px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in 0.3s;
  -o-transition: all 0.3s ease-in 0.3s;
  transition: all 0.3s ease-in 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.xs-sidebar-group.isActive .sidebar-widget-container {
  top: 0px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 1s ease-out 1.2s;
  -o-transition: all 1s ease-out 1.2s;
  transition: all 1s ease-out 1.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.xs-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  z-index: 0;
}

.xs-bg-black {
  background-color: #1c18d9ed;
}

/*html css*/
.nav-logo {
  margin: 0 0 50px;
}

.content-thumb-box {
  margin-bottom: 20px;
}

.content-thumb-box img {
  width: 100%;
}

.content-box h2 {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
}

.content-box p {
  display: inline-block;
  color: #fff;
  padding: 15px 0 0;
}

a.theme-btn.btn-style-two span {
  color: #fff;
  font-size: 20px;
}

a.theme-btn.btn-style-two i {
  color: #011eac;
}

.contact-info h2 {
  color: #fff;
  font-size: 26px;
  margin-bottom: 15px;
  font-weight: 600;
}

ul.list-style-one li {
  display: block;
  list-style: none;
  color: #fff;
  padding: 16px 0 0;
  overflow: hidden;
}

ul.list-style-one li i {
  margin-right: 10px;
}

ul.list-style-one li span {
  font-size: 20px;
  font-weight: 600;
  color: #011eac;
  margin: 0 10px 0 0px;
}

ul.social-box {
  margin: 30px 0 0;
}

ul.social-box li {
  display: inline-block;
  list-style: none;
  margin: 0 6px 0 0;
}

ul.social-box li a {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 36px;
  text-align: center;
  background: #fff;
  color: #011eac;
  transition: 0.5s;
  font-size: 18px;
  border-radius: 3px;
}

ul.social-box li a:hover {
  background: #011eac;
  color: #fff;
}

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

.search-popup {
  width: 100%;
}

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

.search-popup .close-search {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-top: -200px;
  border-radius: 50%;
  text-align: center;
  background-color: #171717;
  width: 70px;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-bottom: 3px solid #fff;
  border-top: 3px solid #fff;
  border-right: 3px solid #ff5e14;
  border-left: 3px solid #ff5e14;
  -webkit-transition: all 500ms ease;
  height: 70px;
  line-height: 70px;
}

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

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

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

.search-popup .form-group {
  position: relative;
  margin: 0px;

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

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

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

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

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

.search-box-btn {
  display: inline-block;
  padding-left: 22px;
}

.search-box-btn i {
  display: inline-block;
  color: #fff;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  transition: 0.5s;
}

.upp.search-box-btn i {
  color: #9e9fa1;
}

.search-box-btn.search-box-outer span i {
  font-size: 20px;
  display: inline-block;
  color: #fff;
  padding-left: 17px;
  position: relative;
  z-index: 1;
}

.upp.search-box-btn.search-box-outer span i {
  color: #9e9fa1;
}

.search-box-btn.search-box-outer span i:after {
  position: absolute;
  content: "0";
  right: -10px;
  top: -4px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  background: #ff5e14;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  font-size: 12px;
}

.flaticon-multiply:before {
  content: inherit;
}

button.close-search i {
  font-size: 25px;
  color: #fff;
  display: inline-block;
}

span.flaticon-multiply i {
  display: inline-block;
  color: #ff5e14;
}

.header-search-button {
  padding: 0px 25px 0 37px;
  display: inline-block;
}

.header-search-button.style-one a {
  display: inline-block;
  opacity: 0.502;
  font-size: 16px;
  color: #ffffff;
}

.header-search-button a {
  color: #031440e8;
  display: inline-block;
  font-size: 16px;
}

.header-search-button.style-one.style_3 {
  padding: 0px 22px 0 20px;
  border-right: 1px solid #55555530;
  margin-right: 10px;
}

.header-search-button.style-one.style_3 a {
  color: #041341;
  opacity: 1;
}

/*
<!-- ============================================================== -->
<!-- Hosting Scrollup Section -->
<!-- ============================================================== -->*/

/*------back-to-top------------*/
.prgoress_indicator {
  position: fixed;
  right: 50px;
  bottom: 75px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px rgba(17, 85, 233, 0.2);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px) !important;
  transition: all 200ms linear !important;
}
.prgoress_indicator.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) !important;
}
.prgoress_indicator::after {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 6 Pro";
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: #ff5e14;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  font-weight: 900;
  z-index: 1;
  transition: all 200ms linear !important;
}
.prgoress_indicator::before {
  position: absolute;
  content: "\f633";
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  font-weight: 900;
  opacity: 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  left: 0;
  font-family: bootstrap-icons !important;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  transition: all 200ms linear !important;
}
.prgoress_indicator:hover ::after {
  color: var(--primary-color-one);
}
.prgoress_indicator:hover ::before {
  opacity: 1;
}
.prgoress_indicator svg path {
  fill: none;
}
.prgoress_indicator svg.progress-circle path {
  stroke: #ff5e14;
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear !important;
}

/*===========================
<-- Hosting Loader Css -->
=============================*/
/* 
.loader-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.8s 1s ease;
    z-index: 666;
}

.loader {
    position: relative;
    display: block;
    z-index: 201;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    transition: all 2s 1s ease;
    width: 96px;
    box-sizing: content-box;
    height: 48px;
    background: #FFF;
    border-color: #FF5E14;
    border-style: solid;
    border-width: 2px 2px 50px 2px;
    border-radius: 100%;
    position: relative;
    animation: 3s yinYang linear infinite;
}

.loader:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background: #FFF;
    border: 18px solid #FF5E14;
    border-radius: 100%;
    width: 12px;
    height: 12px;
    box-sizing: content-box;
}

.loader:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: #FF5E14;
    border: 18px solid #FFF;
    border-radius: 100%;
    width: 12px;
    height: 12px;
    box-sizing: content-box;
}

  @keyframes yinYang {
    100%{transform: rotate(360deg)}
  }


.loader-wrapper .loder-section {
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    background: #0575FF;
    z-index: 2;
}

.loader-wrapper .loder-section.left-section {
    left: 0;
    transition: all 1s 1.6s ease;
}

.loader-wrapper .loder-section.right-section {
    right: 0;
    transition: all 1s 1.6s ease;
}

/*/ /*When page loaded*/ /*/
.loaded .loder-section.left-section {
    left: -100%;
}

.loaded .loder-section.right-section {
    right: -100%;
}

.loaded .loader-wrapper {
    visibility: hidden;
}

.loaded .loader {
    top: -100%;
    opacity: 0;
}

 */
 
.curser {
  position: fixed;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border: 1px solid #ffa200;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 9999;
  transition: 0.1s;
}

.curser2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  background: #ffa200;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 9999;
  transition: 0.15s;
  animation: Ripple 1.6s ease-in-out infinite;
  -webkit-animation: Ripple 1.6s ease-in-out infinite;
  -moz-animation: Ripple 1.6s ease-in-out infinite;
}

#navbar {
  display: flex;
  z-index: 10;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  background-color: transparent;
  color: #fff;
  position: sticky;
  top: 0;
}

#navbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

#navbar li {
  margin: 0 10px;
  opacity: 0;
  transform: translateX(30px);
  -webkit-animation: apparition 0.8s 1s ease-out forwards;
  animation: apparition 0.8s 1s ease-out forwards;
}

#navbar a {
  color: #fff;
  text-decoration: none;
}

.slide-line {
  position: relative;
  text-decoration: none;
}

.slideshow {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.slideshow .slider {
  width: 100vw;
  height: 100vw;
  z-index: 2;
}
.slideshow .slider * {
  outline: none;
}
.slideshow .slider .item {
  height: 100vh;
  width: 100vw;
  position: relative;
  overflow: hidden;
  border: none;
}
.slideshow .slider .item .text {
  display: none;
}
.slideshow .slider .item img {
  min-width: 101%;
  min-height: 101%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.slideshow .slick-dots {
  position: fixed;
  z-index: 100;
  width: 40px;
  height: auto;
  bottom: auto;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  left: auto;
  color: #fff;
  display: block;
}
.slideshow .slick-dots li {
  display: block;
  width: 100%;
  height: auto;
}
.slideshow .slick-dots li button {
  position: relative;
  width: 20px;
  height: 15px;
  text-align: center;
}
.slideshow .slick-dots li button:before {
  content: "";
  background: #fff;
  color: #fff;
  height: 2px;
  width: 20px;
  border-radius: 0;
  position: absolute;
  top: 50%;
  right: 0;
  left: auto;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
  opacity: 0.6;
}
.slideshow .slick-dots li.slick-active button:before {
  width: 40px;
  opacity: 1;
}
.slideshow.slideshow-right {
  left: 0;
  z-index: 1;
  width: 50vw;
  pointer-events: none;
}
.slideshow.slideshow-right .slider {
  left: 0;
  position: absolute;
}

.slideshow-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  font-size: 80px;
  width: 100vw;
  text-align: center;
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 100;
  pointer-events: none;
  text-transform: uppercase;
  letter-spacing: 20px;
  line-height: 0.8;
}
@media (max-width: 767px) {
  .slideshow-text {
    font-size: 40px;
  }
}

.the-most {
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 50vw;
  max-width: 200px;
  padding: 10px;
}
.the-most img {
  max-width: 100%;
}

.pause-button {
  width: 30px;
  height: 30px;
  position: fixed;
  z-index: 10;
  bottom: 0;
  left: 0;
  background-color: #000;
  border: none;
  cursor: pointer;
}

.pause-button.paused {
  background-color: #ccc;
}

@-webkit-keyframes apparition {
  80%,
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes apparition {
  80%,
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes wobble_vertical {
  16.65% {
    transform: translateY(8px);
  }

  33.3% {
    transform: translateY(-6px);
  }

  49.95% {
    transform: translateY(4px);
  }

  66.6% {
    transform: translateY(-2px);
  }

  83.25% {
    transform: translateY(1px);
  }

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

@keyframes bg-anim {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 1;
  }
  80% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*================================
<--     Nida Verkkopalvelu    -->
=================================*/
/* main-body */
section#main-body {
  margin: 0;
  padding: 20px 0;
  min-height: 350px;
}

.price {
  font-size: 16px;
}

h2.price-taxnow {
  display: none;
}
.price-taxnow {
    display: none;
}

#default-captcha-domainchecker {
  margin-top: 15px;
}

#default-captcha-domainchecker #inputCaptcha {
  width: 100px;
  border-radius: 4px;
}

.domainchecker-homepage-captcha #google-recaptcha-domainchecker {
  margin-bottom: -46px;
}

@media (max-width: 991px) {
  #google-recaptcha-domainchecker {
    padding-left: 2.5%;
  }
  #default-captcha-domainchecker {
    margin-bottom: -25px;
  }
}

.pricing-feature i {
  font-size: 16px;
  margin-right: 6px;
  color: #1e90ff;        /* canlı mavi */
}

/**
 * -------------------------
 * Client Homepage Admin login Leftside
 * -------------------------
 */
@media (min-width: 768px) {
  .btn-return-to-admin {
    position: fixed !important;
    top: 425px;
    right: 0;
    padding: 5px 15px !important;
    background-color: rgb(215, 215, 215) !important;
    color: #777 !important;
    font-size: 0.9rem !important;
    border-radius: 0 0 3px 3px !important;
    text-decoration: none;
    transform: rotate(90deg);
    transform-origin: top right;
    z-index: 500;
  }
  .btn-return-to-admin:hover {
    background-color: rgb(205, 205, 205) !important;
    color: #444 !important;
    text-decoration: none;
  }
}
.btn-return-to-admin .floating {
  position: fixed !important;
  top: 425px;
  right: 0;
  padding: 5px 15px !important;
  background-color: rgb(215, 215, 215) !important;
  color: #777 !important;
  font-size: 0.9rem !important;
  border-radius: 0 0 3px 3px !important;
  text-decoration: none;
  transform: rotate(90deg);
  transform-origin: top right;
  z-index: 500;
}
.btn-return-to-admin .floating:hover {
  background-color: rgb(205, 205, 205) !important;
  color: #444 !important;
  text-decoration: none;
}

.primary-content .card.mw-540, .primary-content .mw-540.mc-promo-manage, .primary-content .mw-540.mc-promo-login {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}
/** End Client Homepage Admin login Leftside  */

/* -------------------------------
    Top menu
----------------------------------*/
/* Desktop */
.logo-img {
    max-height: 60px; /* önce 42px idi, biraz büyüttük */
    width: auto;      /* genişlik orantılı kalsın */
}

/* Sepet ikon */
.cart-icon {
    font-size: 28px;
    display: inline-flex;
    align-items: center;  
}

/* Cart buton solda */
.cart-btn {
  order: 1;
  margin-right: 0;
}

/* Hover efekti */
.cart-btn:hover {
    color: #0781ff;
}

/* Badge */
.cart-badge {
    position: absolute;
    top: 3;
    right: 16px;
    font-size: 0.65rem;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 50%;
    padding: 0 4px;
    background-color: #ff9038 !important;
    color: #fff !important;  
}

/* Mobilde büyüt */
@media (max-width: 768px) {
  .cart-icon {
      font-size: 28px;
  }
  
  /* Badge ayarı */
  .cart-badge {
    top: -6px;
    right: -6px;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
  }  
}

/* Hamburger Menu*/

/* Buton padding temizleme */
  .mobile-menu-btn {
  background: none;
  border: none;
  color: #041341;
  margin-right: 2px;
  order: 2;   /* Hamburger menü sağda */
  margin-left: 18px;
  }

  .mobile-menu-btn span {
      font-size: 28px;
  }

/* Sadece 768px altındaki cihazlar için */

@media (max-width: 767px) {
    .mobile-menu-header {
        padding: 5px 20px;
        background: #ffffff;
        border-bottom: 1px solid #f0f0f0;
        margin-bottom: 2px;
    }

    .mobile-menu-logo img {
        display: block;
        width: auto;
        height: 25px; /* Logonun boyutunu buradan ayarlayabilirsin */
    }

    /* Menü içeriğinin logoya çok yapışmaması için */
    .main-navbar-wrapper .navbar-nav {
        padding-top: 0 !important;
    }  
  
    /* Ana Menü Konumlandırma */
    .main-navbar-wrapper {
        position: fixed !important;
        top: 0;
        right: -280px; /* Menü genişliği kadar dışarıda */
        width: 280px;
        z-index: 99999;
        transition: right 0.3s ease-in-out;
        box-shadow: -10px 0 20px rgba(0,0,0,0.1);
        display: block !important;
        overflow-y: auto;
        padding: 20px 0;
        background: #fcfcfc !important;
        padding-top: 0 !important; /* Üstte boşluk bırakma, başlık tam otursun */      
    }

    /* Menü Açıkken */
    .main-navbar-wrapper.show {
        right: 0 !important;
    }

    /* Arka Plan Karartma (Overlay) */
    .mobile-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        z-index: 99998;
        display: none;
        backdrop-filter: blur(2px); /* Hafif fluluk verir */
    }

    /* Menü İçindeki Linkler */
    .main-navbar-wrapper .navbar-nav .nav-link {
        padding: 15px 20px !important;
        border-bottom: 1px solid #f0f0f0;
        color: #333 !important;
        font-weight: 500;
    }
    
    /* WHMCS Dropdown (Alt Menü) Ayarı */
    .main-navbar-wrapper .dropdown-menu {
        border: none;
        background: #f9f9f9;
        margin: 0;
        padding-left: 15px;
    }

    /* Bootstrap Collapse Animasyonunu Kapat */
    .collapse.navbar-collapse {
        transition: none !important;
    }
  
    /* Ana Başlıklar (Birinci Seviye Linkler) */
    .main-navbar-wrapper .navbar-nav > li > .nav-link, 
    .main-navbar-wrapper .navbar-nav > li > a {
        padding: 10px 20px !important; /* 18px'den 10px'e düşürdük */
        font-size: 15px !important;
        min-height: 45px; /* Dokunma alanı güvenliği için alt sınır */
        display: flex;
        align-items: center;
        border-bottom: 1px solid #f4f4f4;        
        font-weight: 600 !important;
        color: #1a1a1a !important; /* Daha koyu ve net siyah */
        letter-spacing: -0.3px;
        justify-content: space-between;
        transition: background 0.2s;
    }

    /* Tıklanan Satırı Hafif Renklendir */
    .main-navbar-wrapper .navbar-nav > li > a:active {
        background: #f0f7ff;
    }

    /* İkonlara Hafif Renk ve Boşluk Ver */
    .main-navbar-wrapper .navbar-nav i {
        width: 25px;
        color: #4a5568; /* Yumuşak bir gri-mavi */
        font-size: 18px;
    }

    /* Alt Başlıklar (Dropdown - İkinci Seviye) */
    .main-navbar-wrapper .sub-menu {
        background: #ffffff !important;
        padding: 5px 0 10px 15px !important; /* Soldan içeri alarak hiyerarşi oluşturur */
        border-left: 2px solid #007bff !important; /* Sol tarafa ince bir vurgu çizgisi */
        margin: 0 !important;
        box-shadow: none !important;
    }

    .main-navbar-wrapper .sub-menu li a {
        padding: 8px 20px 8px 35px !important; /* Üst-alt boşluğu 8px yaptık */
        font-size: 14px !important;
        line-height: 1.2;      

        font-weight: 400 !important;
        color: #4a5568 !important;
        border-bottom: none !important; /* Alt menüde çizgileri kaldır, kalabalık yapmasın */
        display: block;
    }

    /* Dropdown Ok İkonu Özelleştirme */
    .main-navbar-wrapper .dropdown-toggle::after {
        border: none !important;
        vertical-align: middle;
        color: #2473CB;
        display: inline-block !important;
        content: "\f078" !important; /* Daha ince ve modern Chevron-Down oku */
        /* Eğer font yine çıkmazsa "Font Awesome 6 Pro" veya "Font Awesome 6 Sharp" dene */
        font-family: "Font Awesome 6 Pro" !important; 
        font-weight: 900 !important; /* Solid/Bold görünüm için */
        font-size: 12px !important;
        margin-left: auto !important;
        transition: transform 0.3s ease;
    }

    /* Menü açıldığında oku yumuşakça döndür */
    .main-navbar-wrapper .show > .dropdown-toggle::after {
        transform: rotate(180deg) !important;
    }  
}