/*-----------------------------------------------------------------------------------

 Theme Name: DHS Cloud Services
 Description: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 Author: Kapil Prajapati
-----------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');
/*font-family: "Archivo", sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&display=swap');

  /*font-family: "Mukta", sans-serif;*/

:root {
  --primary-background:linear-gradient(to right, #0c65c6, #2cb484);
  --banner-background: linear-gradient(to right, #0c65c6 -17%, #2cb484 33%);
  --banner-button:#004d9f;
  --section-background: linear-gradient(to right, rgba(12, 101, 198, 0.2), rgba(44, 180, 132, 0.2));
  --secondry-background:#2d2d2d;
  --heading-color:#2cb484;
  --white-background:#fff;
  --black-background:#000;
  --primary-color:#1a4845;
  --black-color:#000;
  --white-color:#fff;
  --font-weight-100:100;
  --font-weight-200:200;
  --font-weight-300:300;
  --font-weight-400:400;
  --font-weight-500:500;
  --font-weight-600:600;
  --font-weight-700:700;
  --font-weight-800:800;
  --font-10:10px;
  --font-11:11px;
  --font-12:12px;
  --font-13:13px;
  --font-14:14px;
  --font-15:15px;
  --font-16:16px;
  --font-17:17px;
  --font-18:18px;
  --font-19:19px;
  --font-20:20px;
  --font-21:21px;
  --font-22:22px;
  --font-23:23px;
  --font-24:24px;
  --font-25:25px;
  --font-26:26px;
  --font-27:27px;
  --font-28:28px;
  --font-29:29px;
  --font-30:30px;
  --font-31:31px;
  --font-32:32px;
  --font-33:33px;
  --font-34:34px;
  --font-35:35px;
  --font-36:36px;
  --font-37:37px;
  --font-38:38px;
  --font-39:39px;
  --font-40:40px;
  --font-41:41px;
  --font-42:42px;
  --font-43:43px;
  --font-44:44px;
  --font-45:45px;
  --font-46:46px;
  --font-47:47px;
  --font-48:48px;
  --font-49:49px;
  --font-50:50px;
  --font-60:60px;
  --font-70:70px;
  --font-80:80px;
  --font-90:90px;
  --font-100:100px;
  --justify-center:center;
  --justify-spabe:space-between;
  --align-center:center;
  --primary-display:block;
  --secondary-display:flex;
  --display-inline:inline-block;
  --text-uppercase:uppercase;
  --text-capital:capitalize;

}

p{ font-family: "Mukta", sans-serif; }
h1{   font-family: "Archivo", sans-serif; }
h2{ font-family: "Archivo", sans-serif; }
h3{   font-family: "Archivo", sans-serif; }
h4{   font-family: "Archivo", sans-serif; margin-bottom: 0; }
h5{   font-family: "Archivo", sans-serif; }
h6{   font-family: "Archivo", sans-serif; }
a{     font-family: "Mukta", sans-serif;}
li{     font-family: "Mukta", sans-serif;}
div{font-family: "Mukta", sans-serif;}
input{     font-family: "Mukta", sans-serif;}
span{font-family: "Mukta", sans-serif; }
label{     font-family: "Mukta", sans-serif;}
button{     font-family: "Mukta", sans-serif;}
html {
  scroll-behavior: smooth;
}

ul{margin-bottom: 0px;}
/*=======================header ccss start============================*/
/* sticky menu css */
.is-sticky{position: fixed!important;top: 0;left: 0;width: 100%;z-index: 999;box-shadow: 0 2px 15px rgba(0,0,0,.1); background-color: #fff;}
.is-sticky{animation: smoothScroll 1s forwards; }
@keyframes smoothScroll {
    0% {transform: translateY(-150px); } 
    100% {transform: translateY(0px); }
}
/*.is-sticky .navbar{background-color: #203b2c!important; padding: 6px;}*/
/*.is-sticky .navbar-nav li a{color: #fff;}
.is-sticky .navbar-brand img{filter: brightness(0) invert(1);}
*/
.top-left ul{display: var(--secondary-display); align-items: var(--align-center); list-style-type: none; padding-left: 0px; margin-bottom: 0px;}
.top-bar{padding: 12px 0px;background: #000;}
.top-left ul li{margin-right: 20px; font-size: 15px;}
.top-left ul li i{color: #D2462A;margin-right: 8px;font-size: 16px;}
.top-left ul li a{text-decoration: none; color: #fff; display: flex; align-items: center;font-size: 15px; }
.top-right ul{list-style-type: none; padding-left: 0px;display: var(--secondary-display);margin-bottom: 0px; justify-content: flex-end;align-items: center;}
.top-right ul li{margin-right: 33px; position: relative;}
.top-right ul li h5{color: var(--primary-color); font-size: var(--font-15); margin-bottom: 0px; margin-right: 0px;}
.top-right ul li i{color: #fff; font-size: 15px;}
.top-right ul li a{text-decoration: none;}
.top-right ul li:before {content: ""; position: absolute; left: -18px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 84%; background-color: #fff; }
.top-right ul li:first-child:before{display: none;}
.top-right ul li:last-child{margin-right: 0px;}
.top-rightss ul{justify-content: flex-end;}

.navbar{padding: 0 2px; border-radius: 5px;position: relative; z-index: 10; display: inline-block; width: 100%; }
.navbar-nav li a {
    display: block;
    padding: 33px 14px !important;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    }
.navbar-nav li a.active{color: #ce4527;}
.main-header-wrapper.is-sticky{margin: 0; background-color: #fff; position: unset;}
.main-header-wrapper.is-sticky .navbar{margin: 0; position: unset;}
 .nav-right a{display: inline-block;background-color: #cc4426;color: #fff;text-decoration: none;font-size: 15px;font-weight: 600;padding: 10px 19px;border-radius: 10px;margin-left: 5px;}
.nav-right a:hover{background-color: #000;}
.navbar-brand{width: 14%;     margin-right: 5px;}
.navbar-brand img{width: 100%;}
 .inn-drop h6 {font-size: var(--font-14); line-height: 20px; font-weight: var(--font-weight-500); border-bottom: 2px solid #ccc; padding: 17px; margin-bottom: 21px
}
 .drop-logo {height: var(--height)}
.inn-drop ul{list-style-type: none; padding-left: 0px;}
 .inn-drop ul li a {color: var(--black-color); font-weight: 400 !important; text-decoration: none; padding: 11px 12px !important; font-size: 14px; }
 .inn-drop ul li i {width: 35px; height: 35px; background-color: #cd400d21; border-radius: 7px; display: var(--secondary-display); align-items: var(--align-center); justify-content: var(--justify-center); color: var(--theme-color); font-size: 19px; margin-right: 17px}
.inn-drop ul li{border-bottom: 1px solid #ccc;}
 .inn-drop {top: 59px!important; border-radius: 0; min-width: 16rem; right: -33px!important; left: auto!important; border: none!important; padding: 0px;
}


/*========================header css end===========================*/

/*============================================Home main banner css start=======================================*/
.main-banner-img img{width: 100%;}
.main-banner-img{position: relative;}
.main-banner-content{/* position: absolute; */top: 0;left: 0;width: 100%;display: flex;align-items: center;height: 100%;}
.banner-left-inn h5{display: inline-flex; align-items: center; gap: 10px; padding: 7px 14px 7px 11px; border: 1px solid #D6CCBC; background: #FFFFFF; border-radius: 999px; font-size: 12px; font-weight: 500; letter-spacing: 0.07em; text-transform: uppercase; color: #4A5164;}
 .banner-left-inn h5 i{font-size: 8px; border-radius: 2px; color: #D2462A; display: block; }
.banner-left-inn h2{    color: #000; font-weight: 800; font-size: 40px; margin: 10px 0px 0px;}
 .banner-left-inn h3{color: #cc4426; font-weight: 800; font-size: 40px; margin-bottom: 20px;}
 .banner-left-inn p{font-size: 15px; color: #000;} 
 .banner-left-bnt a.plan-btn-banner{color: #fff; font-size: 15px; padding: 10px 16px; min-height: auto; text-decoration: none; background: #B93A1E; border-radius: 10px; border: 1.5px solid transparent; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 10px; }
 .banner-left-bnt a.talk-btn-banner{font-size: 15px; padding: 10px 16px; background: transparent; color: #000; border-color: #000; text-decoration: none; border: 1.5px solid #000; cursor: pointer; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; }
.banner-left-bnt{display: flex; gap:20px;}
.environment-section {/* min-height: 100vh; */ display: flex; align-items: center; justify-content: center; padding: 40px 20px; overflow: hidden; }
.environment-wrap {position: relative; width: 100%; max-width: 500px; }
.environment-bg {position: absolute; top: -36px; right: 0; width: calc(100% - 55px); height: calc(100% + 70px); min-height: 560px; background-color: #111829; background-image: linear-gradient(rgba(255,255,255,0.055) 1px, transparent 1px ), linear-gradient(90deg, rgba(255,255,255,0.055) 1px, transparent 1px ); background-size: 29px 29px; border-radius: 22px; z-index: 1; }
.environment-label {position: absolute; bottom: 12px; right: 16px; color: #c4c9d3; font-size: 10px; letter-spacing: .04em; text-transform: uppercase; z-index: 2; display: none; }
 .environment-card {position: relative; z-index: 3; width: 100%; background: #ffffff; border: 1px solid #e5dfd5; border-radius: 20px; padding: 22px 21px 20px; box-shadow: 0 20px 35px rgba(20, 27, 42, 0.13), 0 4px 10px rgba(20, 27, 42, 0.05); }
 .environment-kicker {font-size: 10px; line-height: 1; letter-spacing: .07em; color: #697184; text-transform: uppercase; margin-bottom: 8px; }
 .environment-title-row {display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .environment-title {margin: 0; font-size: 18px; line-height: 1.25; font-weight: 700; letter-spacing: -0.35px; color: #242938; }
 .environment-title .highlight {/* background: #f2eee9; */ border-radius: 2px; padding: 0 3px; }
.illustrative-badge {flex-shrink: 0; border: 1px solid #d8cfc2; border-radius: 7px; padding: 5px 8px; font-size: 9px; line-height: 1; color: #657084; background: #fff; text-transform: uppercase; letter-spacing: .04em; }
 .info-tags {display: flex; flex-wrap: wrap; gap: 7px; margin-top: 13px; }
 .info-tag {display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 6px 10px; background: #faf8f4; border: 1px solid #e5ddd2; border-radius: 8px; color: #5f6675; font-size: 11px; font-weight: 500; white-space: nowrap; }
 .info-tag i {font-size: 12px; color: #687283; }
 .info-tag .highlight {/* background: #f0ece7; */ padding: 1px 3px; border-radius: 2px; }
 .access-header {display: flex; align-items: center; justify-content: space-between; margin-top: 20px; margin-bottom: 10px; }
.access-title {font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: #6a7282; }
 .protected {display: flex; align-items: center; gap: 5px; font-size: 9px; letter-spacing: .05em; text-transform: uppercase; color: #28794b; }
 .protected::before {content: ""; font-size: 14px; font-weight: 600; }
 .access-layers {display: flex; flex-direction: column; gap: 7px; }
 .access-layer {min-height: 58px; display: flex; align-items: center; gap: 12px; padding: 9px 11px; background: #ffffff; border: 1px solid #e4dbd0; border-radius: 11px; }
/* Different left indentation */
 .access-layer:nth-child(1) {margin-left: 0; }
 .access-layer:nth-child(2) {margin-left: 12px; }
 .access-layer:nth-child(3) {margin-left: 24px; }
 .access-layer:nth-child(4) {margin-left: 36px; }
 .access-level {flex: 0 0 35px; width: 35px; height: 28px; display: flex; align-items: center; justify-content: center; border: 1px solid #ddd2c5; border-radius: 7px; background: #faf8f4; color: #596274; font-size: 11px; }
.access-content {min-width: 0; flex: 1; }
.access-name {margin: 0 0 2px; font-size: 14px; line-height: 1.1; font-weight: 700; color: #242938; }
 .access-description {margin: 0; font-size: 11px; line-height: 1.25; color: #727988; }
 .mfa {flex-shrink: 0; font-size: 9px; letter-spacing: .05em; color: #368154; text-transform: uppercase; }
 .access-layer.root-access {background: #fceae4; border-color: #f2bfae; }
 .root-access .access-level {background: #fff0eb; border-color: #edc6b8; }
.root-access .mfa {color: #c73922; }
 .environment-divider {margin: 17px 0 15px; border: 0; border-top: 1px dashed #dfd7cc; opacity: 1; }
 .support-area {display: flex; align-items: center; gap: 12px; }
 .support-photo {width: 48px; height: 48px; flex: 0 0 48px; display: flex; align-items: center; justify-content: center; border: 1px dashed #d7cfc4; border-radius: 50%; background: #fff; font-size: 8px; color: #737b8b; text-transform: uppercase; }
 .support-content {min-width: 0; flex: 1; }
 .support-name {display: inline-block; margin-bottom: 3px; /* background: #f0ece8; */ border-radius: 2px; padding: 0 3px; font-size: 14px; line-height: 1.15; font-weight: 700; color: #272c3a; }
 .support-description {margin: 0; font-size: 11px; line-height: 1.4; color: #6b7280; }
 .support-time {display: inline-block; /* background: #f1ede8; */ border-radius: 2px; padding: 0 3px; }
 .call-button {width: 46px; height: 46px; flex: 0 0 46px; display: flex; align-items: center; justify-content: center; border: 0; border-radius: 12px; background: #12192b; color: #ffffff; font-size: 19px; cursor: pointer; }
 .call-button:hover {background: #12192b; color: #ffffff; }
 @media (max-width: 575.98px) {
 .environment-section {padding: 35px 15px; }
 .environment-wrap {max-width: 420px; }
 .environment-bg {top: -25px; right: 0; width: calc(100% - 35px); min-height: calc(100% + 50px); border-radius: 18px; }
 .environment-card {border-radius: 18px; padding: 19px 16px 18px; }
 .environment-title {font-size: 17px; }
 .illustrative-badge {font-size: 8px; padding: 5px 7px; }
 .info-tags {gap: 6px; }
 .info-tag {padding: 6px 8px; font-size: 10px; }
 .access-layer:nth-child(2) {margin-left: 8px; }
 .access-layer:nth-child(3) {margin-left: 16px; }
 .access-layer:nth-child(4) {margin-left: 24px; }
 .access-layer {gap: 9px; padding: 8px 9px; }
 .access-name {font-size: 13px; }
 .access-description {font-size: 10px; }
 .mfa {font-size: 8px; }
 .support-area {gap: 9px; }
 .support-photo {width: 43px; height: 43px; flex-basis: 43px; }
 .support-name {font-size: 13px; }
 .support-description {font-size: 10px; }
 .call-button {width: 44px; height: 44px; flex-basis: 44px; }
}
@media (max-width: 380px) {
 .environment-section {padding: 30px 10px; }
 .environment-card {padding: 17px 13px; }
 .environment-title-row {align-items: flex-start; }
 .environment-title {font-size: 16px; }
 .illustrative-badge {font-size: 7px; }
 .info-tag {font-size: 9px; }
 .access-layer:nth-child(2) {margin-left: 5px; }
 .access-layer:nth-child(3) {margin-left: 10px; }
 .access-layer:nth-child(4) {margin-left: 15px; }
 .mfa {font-size: 7px; }
 .support-description {font-size: 9px; }
}
.left-banner-con{display: flex; align-items: center; height: 100%;}
.main-banner-img{background-size: cover;background-repeat: no-repeat;width: 100%;/* height: 100%; */padding: 30px 0px 80px;}

/*============================================Home main banner css end=======================================*/



/*============================================Home main banner css start=======================================*/



.home-slider-wrapper .banner-item{display: flex; justify-content: center; align-items: center;     margin-bottom: 20px;}

.home-slider-wrapper .main-banner-content{width: 65%;}

.home-slider-wrapper .main-banner-image{width: 50%;}

.home-slider-wrapper .main-banner-image img{width: 100%;}

.home-slider-wrapper .banner-main-image{width: 100%;}

.home-slider-wrapper .home-slider-inner{width: 100%;background-repeat: no-repeat; background-size: cover;     padding: 0px 0px 0px 0px;}

#home-slider .owl-dots button{border: 1px solid #212754!important; background-color: #212754!important; width: 10px; height: 10px; border-radius: 50px; margin-right: 10px; margin-bottom: 9px;}

#home-slider .owl-dots button.active{background-color: #212754!important; height: 40px;}

#home-slider .owl-dots{justify-content: center; display: none; margin-top: 30px; margin-bottom: 30px; position: absolute; display: grid; top: 100px; right: -48px;}

#home-slider .owl-dots button:focus{outline: none; box-shadow: none;}

#home-slider{position: relative;}

.home-slider-wrapper .main-banner-content h3{color: #212754; text-transform: uppercase; font-size: 60px; font-weight: 500; text-shadow: 0px 7px #dee4f4;}

.home-slider-wrapper .main-banner-content h2{font-weight: 700; font-size: 70px; color: #212754; text-shadow: 0px 8px #dee4f4;}

.home-slider-wrapper .main-banner-content p{font-size: 21px; color: #212754; margin-top: 15px;}

.home-slider-wrapper .main-banner-content{padding-right: 70px;}

.home-slider-wrapper .banner-main-button a{background-color: #dee4f4; padding: 10px 30px; color: #212754; text-transform: uppercase; font-size: 1vw; text-decoration: none; font-weight: 600; border-radius: 50px;}

.home-slider-wrapper .banner-main-button{margin-top: 40px;}

.home-slider-wrapper{/* box-shadow: 0px 0px 10px #b8bbd4; */background-color: #000;padding: 0px 0px 40px;}

#home-slider .owl-nav .owl-prev {position: absolute; left: 15px; top: 43%; opacity: 0; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: rgb(255 255 255 / 50%) !important; width: 60px; cursor: pointer; height: 60px; position: absolute; display: block; z-index: 1000; border-radius: 50px;  border: 1px solid #ccc;}

#home-slider .owl-nav .owl-prev span {font-size: 1.6875rem; color: #fff; }

#home-slider .owl-nav .owl-prev:focus {outline: 0; }

#home-slider .owl-nav .owl-prev:hover {background: #000 !important; color: #fff;}

#home-slider .owl-nav .owl-next {position: absolute; right: 15px; top: 43%; opacity: 0; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: rgb(255 255 255 / 50%) !important; width: 60px; cursor: pointer; height: 60px; position: absolute; display: block; z-index: 1000; border-radius: 50px;  border: 1px solid #ccc;}

#home-slider .owl-nav .owl-next span {font-size: 1.6875rem; color: #fff; }

#home-slider .owl-nav .owl-next:focus {outline: 0; }

#home-slider .owl-nav .owl-next:hover {background: #000 !important; color: #fff;}

#home-slider:hover .owl-prev {left: 15px; opacity: 1; }

#home-slider:hover .owl-next {right: 15px; opacity: 1; }

 #home-slider .item{height: auto;} /*570px;*/

 #home-slider .item img{height: 100%; object-fit: cover; width: 100%; object-position: right;}

 #home-slider .item .cover {padding: 00;position: absolute;width: 100%;height: 100%;top: 0;left: 0;/*background: rgb(0 0 0 / 40%);*/display: flex;align-items: center;}

 #home-slider .item .cover .header-content {position: relative; padding: 0px; overflow: hidden;    width: 40%; }

 #home-slider .item .cover .header-content .line {content: ""; display: inline-block; width: 100%; height: 100%; left: 0; top: 0; position: absolute; border: 9px solid #fff; -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); }

 #home-slider .item .cover .header-content h2 {font-weight: 300; font-size: 35px; color: #fff; }

 #home-slider .item .cover .header-content h1 {font-size: 51px;  margin: 0px 0 20px; word-spacing: 3px; color: #000;  text-align: left; }

#home-slider .item .cover .header-content h2 {font-size: 20px; margin: 0px 0 20px; word-spacing: 3px; text-align: left; font-weight: 500; color: #ce4527; }

#home-slider .item .cover .header-content h2 span{color: #41b1b3; text-decoration: underline;}

#home-slider .item .cover .header-content h5 {font-size: 20px; font-weight: 600; margin: 0px 0 20px; word-spacing: 3px; color: #41b1b3; text-align: left;}

/*header .item .cover .header-content h2 {color: #ff0200; padding: 0px 20px; font-size: 61px;}*/

 #home-slider .item .cover .header-content p{color: #fff;font-size: 15px;text-align: left;width: 91%;font-weight: 400;margin-top: 13px;}

 #home-slider .item .cover .header-content h3 {font-size: 32px;font-weight: 700;color: #fff;line-height: 36px;}

 #home-slider .owl-item.active h1 {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; }

 #home-slider .owl-item.active p {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInLeft; animation-delay: 0.3s; }

 #home-slider .owl-item.active .banner_button {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; }

 #home-slider .owl-item.active h2 {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; }

 #home-slider .owl-item.active h3 {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUp; animation-delay: 0.3s; }

 #home-slider .owl-item.active .line {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInLeft; animation-delay: 0.3s; }



 #home-slider .item .cover .header-content .banner-read-more{color: #ffffff;font-size: 15px;line-height: 15px;font-weight: 500;font-style: normal;text-decoration: none;background-color: #ce4527;border-color: #ce4527;border-style: solid;border-width: 1px 1px 1px 1px;border-radius: 8px;padding: 14px 14px;display: inline-block;font-size: 15px;}

 #home-slider .item .cover .header-content .banner-contact-us{color: #ffffff;font-size: 15px;line-height: 15px;font-weight: 500;font-style: normal;text-decoration: none;background-color: #000;border-color: #fff;border-style: solid;border-width: 1px 1px 1px 1px;border-radius: 8px;padding: 14px 14px;margin-left: 6px;display: inline-block;font-size: 15px;}



  #home-slider .item .cover .header-content .banner_buttons{margin-top: 20px;}

  #home-slider .item .cover .header-content ul{padding-left: 0px; list-style-type: none; margin-top: 30px;}

  #home-slider .item .cover .header-content ul li{margin-bottom: 10px; color: #fff; font-size: 15px;}

  #home-slider .item .cover .header-content ul li i{margin-right: 10px;}

 #home-slider .owl-item.active  ul li {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInLeft; animation-delay: 0.3s; }

 #home-slider .owl-item.active .banner-contact-us{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUp; animation-delay: 0.3s; }

 #home-slider .owl-item.active .banner-read-more{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUp; animation-delay: 0.3s; }

 .at-header-social {left: -120px; top: 50%; z-index: 50; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); }

.hero-social-2>span {color: #fff; }

.at-header-social>span {color: #fff; position: relative; padding-left: 20px; font-weight: 600; }

.hero-social-2>span::before {background-color: #fff; }

.at-header-social>span::before {content: ""; position: absolute; left: -5px; bottom: 11px; width: 15px; height: 2px; background: #ff8057; }

.at-header-social .social-list li {display: inline-block; -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-right: 12px; }

.hero-social-2 .social-list li a {color: #fff; }

.at-header-social .social-list li a {color: #001042; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; margin: 5px; }

.at-header-social .social-list li a i{color: #fff;}

.social-list {margin-bottom: 0px;}



/*============================================Home main banner css end=======================================*/







/*===========================================banner bottom css start=======================================*/
 .trust-section {width: 100%;padding: 10px 20px;margin-top: -50px;position: relative;z-index: 9;}
.trust-container {width: 100%; max-width: 1460px; margin: 0 auto; }
 .trust-card {width: 100%; min-height: 74px; display: flex; align-items: stretch; background: #ffffff; border: 1px solid #eeeae5; border-radius: 10px; box-shadow: 0 5px 18px rgba(35, 30, 25, 0.08), 0 1px 4px rgba(35, 30, 25, 0.04); overflow: hidden; }
 .trust-item {flex: 1 1 25%; display: flex; align-items: center; padding: 23px 15px; position: relative; }
 .trust-item:not(:last-child)::after {content: ""; position: absolute; right: 0; top: 13px; bottom: 13px; width: 1px; background: #eeeae6; }
 .trust-icon {width: 77px; height: 43px; flex: 0 0 43px; display: flex; align-items: center; justify-content: center; border: 1px solid #f0e9e4; border-radius: 50%; background: #fff; margin-right: 15px; color: #df402b; font-size: 22px; line-height: 1; }
 .trust-icon i {line-height: 1; }
 .trust-content {min-width: 0; }
 .trust-number {margin: 0; color: #000; font-size: 22px; line-height: 1.2; font-weight: 700; /* letter-spacing: -0.3px; */ margin-bottom: 3px; }
 .trust-label {margin: 3px 0 0; color: #000; font-size: 15px; line-height: 1.25; font-weight: 500; }
 @media (max-width: 991.98px) {
 .trust-section {padding: 10px 15px; }
 .trust-item {padding: 10px 16px; }
 .trust-icon {width: 39px; height: 39px; flex-basis: 39px; margin-right: 11px; font-size: 20px; }
 .trust-number {font-size: 14px; }
.trust-label {font-size: 9px; }
 }
 @media (max-width: 767.98px) {
 .trust-card {display: grid; grid-template-columns: 1fr 1fr; min-height: auto; }
 .trust-item {min-height: 70px; padding: 12px 16px; }
 /* Horizontal divider */
 .trust-item:nth-child(1), .trust-item:nth-child(2) {border-bottom: 1px solid #eeeae6; }
/* Remove vertical divider from right side of second item */
 .trust-item:nth-child(2)::after, .trust-item:last-child::after {display: none; }
 .trust-item:nth-child(1)::after, .trust-item:nth-child(3)::after {display: block; }
 .trust-icon {width: 38px; height: 38px; flex-basis: 38px; margin-right: 10px; font-size: 19px; }
 .trust-number {font-size: 13px; }
 .trust-label {font-size: 9px; }
}
@media (max-width: 480px) {
 .trust-section {padding: 10px; }
 .trust-card {grid-template-columns: 1fr; }
 .trust-item {min-height: 65px; padding: 10px 15px; }
/* All horizontal separators */
 .trust-item:not(:last-child) {border-bottom: 1px solid #eeeae6; }
/* Remove all vertical separators */
 .trust-item::after {display: none !important; }
 .trust-icon {width: 37px; height: 37px; flex-basis: 37px; font-size: 18px; }
 .trust-number {font-size: 14px; }
 .trust-label {font-size: 9px; }
}

/*===========================================banner bottom css end=======================================*/

/*===========================================Home Services css start=======================================*/
.serv-head{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.serv-head-left{width: 60%;}
.serv-head-right{width: 40%; text-align: right;}
.serv-head-left h5{color: #b93a1e; font-size: 16px; }
 .serv-head-left h2{font-size: 32px; font-weight: 700; color: #000; margin: 12px 0px; }
.serv-head-left p{font-size: 15px; color: #000; }
.serv-head-right a{color: #fff; font-size: 16px; padding: 10px 16px; min-height: auto; text-decoration: none; background: #B93A1E; border-radius: 10px; border: 1.5px solid transparent; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 10px; }
.home-service-wrapp{padding: 50px 0px;}

 .cloud-solutions-section {/* background: #fffdf9; */ padding: 0px 0px; /* overflow: hidden; */}
 .cloud-card {position: relative; height: auto; border-radius: 18px; overflow: hidden; border: 1px solid rgba(190, 160, 120, 0.28); background: #fff; transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease, border-color .45s ease;}
 .managed-card {background: radial-gradient(circle at 75% 65%, rgba(255, 78, 69, .12), transparent 38%), linear-gradient(135deg, #fffafa 0%, #fff6f4 100%);}
.practice-card {background: radial-gradient(circle at 75% 65%, rgba(255, 196, 30, .13), transparent 38%), linear-gradient(135deg, #fffefa 0%, #fffaf0 100%);}
 .cloud-card::before {content: ""; position: absolute; top: 0; right: 0; width: 49px; height: 51px; border-bottom-left-radius: 28px; z-index: 5;}
.managed-card::before {background: #dc3d3f;}
 .practice-card::before {background: #ffda54;}
 .cloud-card-content {position: relative; z-index: 10; width: 57%; padding: 18px 0 31px 22px;}
 .cloud-category {display: flex; align-items: center; gap: 16px; margin-bottom: 28px;}
.category-icon {width: 48px; height: 48px; flex: 0 0 48px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 20px; transition: transform .4s ease, box-shadow .4s ease;}
 .managed-icon {color: #df403f; background: #ffe0dc;}
 .practice-icon {color: #b98500; background: #fff0c7;}
 .category-text {font-size: 13px; font-weight: 700; color: #6e6b69; white-space: nowrap;}
/* small line */
 .category-line {width: 38px; height: 2px; border-radius: 10px;}
 .managed-line {background: #ef5a51;}
 .practice-line {background: #d6a71b;}
 .cloud-card h2 {margin: 0 0 18px; font-size: 25px; line-height: 1.08; letter-spacing: -1.7px; font-weight: 700; color: #111317;}
 .cloud-card-description {margin: 0; max-width: 570px; font-size: 15px; line-height: 1.55; color: #6c6868;}
 .cloud-card-link {display: inline-flex; align-items: center; gap: 9px; margin-top: 28px; padding: 0; background: transparent; border: 0; text-decoration: none; font-size: 16px; font-weight: 700; transition: gap .3s ease, transform .3s ease;}
 .managed-link {color: #dc3939;}
 .practice-link {color: #a77900;}
 .cloud-card-link i {font-size: 17px; transition: transform .3s ease;}
 .cloud-visual {position: absolute; right: 18px; bottom: 12px; width: 41%; height: 78%; display: flex; align-items: center; justify-content: center; pointer-events: none; z-index: 2;}
 .cloud-visual img {width: 100%; height: 100%; object-fit: contain; display: block; transition: transform .6s cubic-bezier(.2,.8,.2,1);}
 .cloud-card .visual-glow {position: absolute; right: 7%; bottom: 7%; width: 300px; height: 220px; border-radius: 50%; filter: blur(35px); opacity: .35; z-index: 1; pointer-events: none; transition: transform .5s ease, opacity .5s ease;}
 .managed-card .visual-glow {background: rgba(255, 66, 55, .22);}
 .practice-card .visual-glow {background: rgba(255, 191, 0, .25);}
 .cloud-card:hover {transform: translateY(-8px); border-color: rgba(0, 0, 0, .10); box-shadow: 0 25px 55px rgba(0, 0, 0, .10), 0 8px 20px rgba(0, 0, 0, .04);}
 .cloud-card:hover .cloud-visual img {transform: scale(1.06) translateY(-5px);}
.cloud-card:hover .visual-glow {transform: scale(1.15); opacity: .5;}
 .cloud-card:hover .category-icon {transform: scale(1.08) rotate(-5deg); box-shadow: 0 10px 25px rgba(0,0,0,.08);}
 .cloud-card-link:hover {gap: 14px;}
 .cloud-card-link:hover i {transform: translateX(4px);}
 .cloud-visual::before, .cloud-visual::after {content: ""; position: absolute; width: 310px; height: 120px; border: 1px solid rgba(255, 90, 80, .13); border-radius: 50%; transform: rotate(-17deg); z-index: -1;}
 .practice-card .cloud-visual::before, .practice-card .cloud-visual::after {border-color: rgba(221, 168, 20, .14);}
.cloud-visual::after {transform: rotate(18deg);}
 @media (max-width: 1199px) {
 .cloud-card {height: 410px;}
 .cloud-card-content {padding-left: 36px;}
 .cloud-card h2 {font-size: 34px;}
 .cloud-card-description {font-size: 15px;}
 .cloud-visual {width: 48%;}
}
@media (max-width: 991px) {
.cloud-solutions-section {padding: 55px 0;}
 .cloud-card {height: 390px; margin-bottom: 24px;}
 .cloud-card-content {width: 60%;}
.cloud-card h2 {font-size: 31px;}
.cloud-visual {width: 45%;}
}
@media (max-width: 767px) {
 .cloud-solutions-section {padding: 40px 15px;}
 .cloud-card {height: auto; min-height: 530px;}
 .cloud-card-content {width: 100%; padding: 32px 28px 0;}
 .cloud-card h2 {font-size: 32px;}
 .cloud-card-description {max-width: 90%;}
 .cloud-visual {right: 10%; bottom: 0; width: 80%; height: 48%;}
}
 @media (max-width: 480px) {
 .cloud-card {min-height: 500px; border-radius: 14px;}
 .cloud-card-content {padding: 28px 22px 0;}
 .cloud-category {gap: 10px;}
.category-text {font-size: 11px; letter-spacing: 1px;}
 .category-line {width: 22px;}
 .category-icon {width: 42px; height: 42px; flex-basis: 42px;}
 .cloud-card h2 {font-size: 28px; letter-spacing: -1px;}
 .cloud-card-description {font-size: 14px;}
 .cloud-visual {width: 88%; right: 6%;}
}
/*===========================================Home Services css end=======================================*/


/*===========================================Home why-choose css start=======================================*/


.why-choose-wrapp{background-color: #42414308; padding: 50px 0px;}
.why-head{text-align: center; justify-content: center;}
 .dhs-card {position: relative; min-height: 210px; padding: 25px; border-radius: 22px; /* Your brand colors */ background: linear-gradient(145deg, #ffffff 0%, #ffffff 100%); border: 1px solid rgba(206, 71, 40, 0.18); overflow: hidden; transition: transform 0.45s cubic-bezier(.2,.7,.2,1), box-shadow 0.45s ease, border-color 0.35s ease; box-shadow: 0px 0px 10px #ccc; height: 100%;}
/* Orange ambient glow */
.dhs-card::before {content: ""; position: absolute; width: 190px; height: 190px; right: -90px; bottom: -110px; border-radius: 50%; background: #CE4728; opacity: .045; transition: transform .5s ease, opacity .5s ease;}
/* Top section */
.card-top {position: relative; z-index: 2; display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 18px;}
/* Icon */
.card-icon {width: 62px; height: 62px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(206, 71, 40, .10); border: 1px solid rgba(206, 71, 40, .14); color: #CE4728; font-size: 27px; transition: transform .4s ease, background .3s ease, box-shadow .4s ease;}
/* Arrow */
.card-arrow {width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid rgba(206, 71, 40, .30); color: #CE4728; font-size: 18px; transition: transform .4s cubic-bezier(.2,.7,.2,1), background .3s ease, color .3s ease, border-color .3s ease;}
/* Heading */
.dhs-card h3 {position: relative; z-index: 2; margin: 0 0 12px; color: #000; font-size: 18px; line-height: 1.35; font-weight: 700; letter-spacing: -.4px;}
/* Description */
.dhs-card p {position: relative; z-index: 2; margin: 0; max-width: 470px; color: #000; font-size: 14px;}
 .dhs-card:hover {transform: translateY(-8px); border-color: #CE4728; box-shadow: 0 18px 45px rgba(66, 65, 67, .12), 0 5px 18px rgba(206, 71, 40, .10);}
 .dhs-card:hover::before {transform: scale(2.2); opacity: .10;}
/* Icon hover */
.dhs-card:hover .card-icon {transform: rotate(-7deg) scale(1.08); background: #CE4728; color: #fff; box-shadow: 0 10px 25px rgba(206, 71, 40, .22);}
/* Arrow hover */
.dhs-card:hover .card-arrow {transform: translateX(5px) rotate(-45deg); background: #CE4728; border-color: #CE4728; color: #fff; box-shadow: 0 8px 18px rgba(206, 71, 40, .22);}

@media (max-width: 575px) {
 .dhs-card {min-height: auto; padding: 20px; border-radius: 18px;}
 .card-icon {width: 52px; height: 52px; font-size: 22px;}
 .card-arrow {width: 38px; height: 38px; font-size: 15px;}
 .dhs-card h3 {font-size: 17px;}
 .dhs-card p {font-size: 13px;}
}

/*===========================================Home why-choose css end=======================================*/

/*===========================================Home process css start=======================================*/

.dhs-process-section {position: relative; width: 100%; padding: 50px 0 50px; overflow: hidden; background: unset; color: #424143;}
.dhs-bg-shape {position: absolute; pointer-events: none; z-index: 0;}
 .dhs-bg-shape-1 {width: 850px; height: 330px; top: -190px; right: 160px; background: #fffaf3; border-radius: 0 0 50% 50%; transform: rotate(-7deg); opacity: .8;}
/* Orange corner */
.dhs-bg-shape-2 {width: 300px; height: 500px; top: -90px; right: -100px; background: #ce4728; border-radius: 50% 0 0 50%; transform: rotate(18deg); opacity: .95;}
/* Dark grey curved shape */
.dhs-bg-shape-3 {width: 650px; height: 300px; top: 190px; right: -220px; background: #424143; border-radius: 60% 0 0 60%; transform: rotate(-16deg); opacity: .9;}
 .process-heading {position: relative; z-index: 2; max-width: 760px; margin-bottom: 65px;}
 .heading-line {display: block; width: 62px; height: 6px; margin-bottom: 28px; border-radius: 20px; background: #ce4728;}
 .process-heading h2 {margin: 0; color: #161719; font-size: clamp(42px, 4vw, 62px); line-height: 1.03; font-weight: 750; letter-spacing: -2.5px;}
 .process-heading h2 span {display: block; color: #ce4728;}
 .process-heading p {margin: 22px 0 0; color: #777477; font-size: 17px; line-height: 1.6;}
 .process-row {position: relative; z-index: 2; display: flex; align-items: center; gap: 0; width: 100%;}
 .process-item {flex: 1; min-width: 0; height: 100%;}
 .process-card {position: relative; height: 100%; padding: 24px 18px 24px; background: rgba(255, 255, 255, .88); border: 1px solid rgba(206, 71, 40, .25); border-radius: 25px 25px 25px 25px; box-shadow: 0 15px 40px rgba(66, 65, 67, .06); backdrop-filter: blur(8px); transition: transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s ease, border-color .35s ease; text-align: center;}
 .process-card::after {content: ""; position: absolute; inset: 0; border-radius: inherit; border-top: 1px solid rgba(206, 71, 40, .18); pointer-events: none;}
 .step-number {position: absolute; top: -32px; left: -2px; width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #424143; color: #fff; font-size: 27px; font-weight: 700; z-index: 5; box-shadow: 0 0 0 9px #ce4728, 0 7px 20px rgba(66, 65, 67, .18); transition: transform .4s ease, background .3s ease;}
 .process-icon {width: 80px; height: 80px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient(circle, #fff4ec 0%, #fbe8db 100%); color: #ce4728; font-size: 49px; transition: transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease; padding: 8px;}
 .process-icon img {width: 100%;}
 .process-card h3 {margin: 0 0 13px; color: #000; font-size: 19px; line-height: 1.3; font-weight: 700; letter-spacing: -.3px;}
 .process-card p {margin: 0; color: #777477; font-size: 15px;}
 .process-card:hover {transform: translateY(-10px); border-color: #ce4728; box-shadow: 0 25px 55px rgba(66, 65, 67, .14), 0 8px 25px rgba(206, 71, 40, .08);}
 .process-card:hover .process-icon {transform: translateY(-5px) scale(1.06); box-shadow: 0 15px 35px rgba(206, 71, 40, .18);}
 .process-card:hover .step-number {transform: scale(1.08) rotate(-5deg); background: #ce4728;}
 .process-arrow {position: relative; width: 76px; flex: 0 0 76px; height: 80px; display: flex; align-items: center; justify-content: center;}
/* dotted connector */
 .process-arrow::before {content: ""; position: absolute; top: 50%; left: 1px; right: -5px; border-top: 2px dashed rgba(206, 71, 40, .7); transform: translateY(-50%);}
/* arrow circle */
.process-arrow span {position: relative; z-index: 2; width: 34px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #fffaf3; border: 1px solid rgba(206, 71, 40, .4); color: #ce4728; font-size: 21px; box-shadow: 0 5px 15px rgba(66, 65, 67, .08); transition: transform .4s ease, background .3s ease, color .3s ease;}
 .process-arrow:hover span {transform: scale(1.1); background: #ce4728; color: #fff;}
@media (max-width: 1199.98px) {
 .dhs-process-section {padding: 80px 0 90px;}
.process-heading {margin-bottom: 55px;}
.process-heading h2 {font-size: 48px;}
 .process-card {min-height: 370px; padding: 75px 22px 25px;}
 .process-icon {width: 90px; height: 90px; font-size: 39px; margin-bottom: 23px;}
 .process-card h3 {font-size: 18px;}
 .process-card p {font-size: 14px;}
 .process-arrow {width: 48px; flex-basis: 48px;}
 .process-arrow span {width: 42px; height: 42px; font-size: 17px;}

}
@media (max-width: 991.98px) {
 .dhs-process-section {padding: 70px 0;}
    .process-heading {max-width: 650px; margin-bottom: 60px;}
 .process-heading h2 {font-size: 43px;}
 .process-row {display: grid; grid-template-columns: repeat(2, 1fr); gap: 45px 30px;}
 .process-item {width: 100%;}
    .process-card {min-height: 350px;}
 .process-arrow {display: none;}

}
@media (max-width: 575.98px) {
 .dhs-process-section {padding: 60px 0;}
 .process-heading {margin-bottom: 50px;}
 .heading-line {width: 50px; height: 5px; margin-bottom: 20px;}
 .process-heading h2 {font-size: 34px; line-height: 1.08; letter-spacing: -1.5px;}
    .process-heading p {font-size: 15px; margin-top: 17px;}
    .process-row {display: flex; flex-direction: column; gap: 40px;}
 .process-item {width: 100%;}
 .process-card {min-height: auto; padding: 78px 24px 28px; border-radius: 0 22px 22px 22px;}
 .process-icon {width: 92px; height: 92px; margin-bottom: 25px; font-size: 40px;}
 .process-card h3 {font-size: 19px;}
.process-card p {font-size: 14px;}
.step-number {width: 66px; height: 66px; top: -27px; font-size: 23px; box-shadow: 0 0 0 7px #ce4728, 0 7px 18px rgba(66, 65, 67, .18);}
    /* Hide excessive decorations on mobile */
.dhs-bg-shape-1 {width: 500px; right: -250px;}
.dhs-bg-shape-2 {width: 180px; height: 350px; right: -100px;}
 .dhs-bg-shape-3 {width: 350px; right: -220px;}

}

/*===========================================Home process css end=======================================*/

/*===========================================Home infra css start=======================================*/
 .dhs-infra-section {position: relative; padding: 75px 0 70px; overflow: hidden; background: #151515; color: #fff;}
 .dhs-infra-section .container {position: relative; z-index: 5;}
 .dhs-top {min-height: 300px;}
 .dhs-label {display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; margin-bottom: 20px; border-radius: 30px; background: #f6ddd7; color: #ce4728; font-size: 13px; font-weight: 600;}
 .dhs-label span {width: 8px; height: 8px; border-radius: 50%; background: #ce4728;}
 .dhs-title {max-width: 720px; margin: 0; color: #fff; font-size: clamp(42px, 4.2vw, 64px); line-height: 1.02; font-weight: 700; letter-spacing: -2.5px;}
 .dhs-title strong {display: block; color: #ce4728; font-weight: 700;}
 .dhs-description {max-width: 650px; margin: 22px 0 0; color: #bdbdbd; font-size: 16px; line-height: 1.65;}
 .dhs-visual {position: relative; height: 330px; display: flex; align-items: center; justify-content: center;}
 .visual-cloud {position: relative; z-index: 5; width: 260px; height: 170px; display: flex; align-items: center; justify-content: center; color: #222; filter: drop-shadow(0 15px 25px rgba(206, 71, 40, .25));}
 .visual-cloud > i {position: absolute; font-size: 230px; color: #242424; text-shadow: -5px -5px 0 #333, 7px 7px 0 #0b0b0b;}
 .visual-server {position: absolute; z-index: 7; width: 125px; height: 42px; left: 50%; transform: translateX(-50%); border-radius: 6px; border: 1px solid #555; background: linear-gradient(180deg, #343434, #151515); box-shadow: 0 5px 15px rgba(0,0,0,.5); display: flex; align-items: center; gap: 10px; padding: 0 14px; transition: .45s ease;}
 .server-one {top: 62px;}
 .server-two {top: 108px;}
 .server-three {top: 154px;}
 .visual-server span {width: 8px; height: 8px; border-radius: 50%; background: #ce4728; box-shadow: 0 0 10px rgba(206,71,40,.9);}
 .visual-platform {position: absolute; z-index: 2; bottom: 32px; width: 350px; height: 28px; border-radius: 50%; background: linear-gradient(90deg, transparent, #ce4728, transparent); opacity: .8; box-shadow: 0 0 35px rgba(206,71,40,.45);}
 .visual-orbit {position: absolute; border: 1px solid rgba(206,71,40,.35); border-radius: 50%; transform: rotate(-18deg);}
 .orbit-1 {width: 580px; height: 240px;}
 .orbit-2 {width: 430px; height: 180px; opacity: .6;}
 .visual-icon {position: absolute; z-index: 10; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; border-radius: 12px; border: 1px solid rgba(206,71,40,.7); background: rgba(25,25,25,.9); color: #ce4728; font-size: 26px; box-shadow: 0 0 25px rgba(206,71,40,.12); animation: floatIcon 4s ease-in-out infinite;}
 .visual-security {left: 7%; top: 25%;}
.visual-server-icon {right: 7%; top: 10%; animation-delay: .7s;}
 .visual-database {right: 2%; bottom: 25%; animation-delay: 1.2s;}
@keyframes floatIcon {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-9px);
    }
}
 .dhs-services {margin-top: 5px;}
 .dhs-service-card {position: relative; height: 100%; min-height: 205px; padding: 25px 20px 22px; overflow: hidden; border: 1px solid #626262; border-radius: 14px; background: #222222; transition: transform .45s cubic-bezier(.2,.7,.2,1), border-color .35s ease, background .35s ease, box-shadow .45s ease;}
/* Top orange light */
.dhs-service-card::before {content: ""; position: absolute; top: -1px; left: 25%; width: 50%; height: 2px; background: #ce4728; opacity: .75; transition: width .4s ease, left .4s ease;}
/* Orange ambient glow */
.dhs-service-card::after {content: ""; position: absolute; width: 140px; height: 140px; right: -100px; bottom: -100px; border-radius: 50%; background: #ce4728; filter: blur(45px); opacity: 0; transition: opacity .45s ease;}
 .service-icon {position: relative; z-index: 2; width: 48px; height: 48px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #353535; border: 1px solid #4a4a4a; color: #ce4728; font-size: 23px; transition: transform .4s ease, background .35s ease, border-color .35s ease, box-shadow .35s ease;}
/* AWS */
.aws-icon {font-size: 18px; font-weight: 700; text-transform: lowercase;}
 .dhs-service-card h3 {position: relative; z-index: 2; margin: 0 0 7px; color: #fff; font-size: 21px; line-height: 1.35; font-weight: 700;}
 .dhs-service-card p {position: relative; z-index: 2; max-width: 270px; margin: 0; color: #fff; font-size: 15px; line-height: 1.5;}
 .dhs-service-card:hover {transform: translateY(-8px); background: #282828; border-color: #ce4728; box-shadow: 0 18px 45px rgba(0,0,0,.35), 0 0 25px rgba(206,71,40,.08);}
 .dhs-service-card:hover::before {left: 0; width: 100%;}
 .dhs-service-card:hover::after {opacity: .08;}
 .dhs-service-card:hover .service-icon {transform: translateY(-4px) scale(1.08); background: #ce4728; border-color: #ce4728; color: #fff; box-shadow: 0 8px 20px rgba(206,71,40,.25);}
@media (min-width: 1400px) {
 .dhs-infra-section {padding-top: 50px; padding-bottom: 50px;}
 .dhs-top {min-height: 340px;}
 .dhs-service-card {min-height: 210px; padding: 26px 20px;}
}
@media (max-width: 1199.98px) {
 .dhs-infra-section {padding: 65px 0;}
  .dhs-title {font-size: 48px;}
  .dhs-visual {height: 300px;}
 .visual-orbit {transform: scale(.85) rotate(-18deg);}
 .visual-icon {width: 55px; height: 55px; font-size: 22px;}
}
@media (max-width: 991.98px) {
 .dhs-top {min-height: auto;}
 .dhs-title {font-size: 45px;}
 .dhs-description {max-width: 700px;}
 .dhs-visual {margin-top: 35px; height: 320px;}
 .visual-security {left: 15%;}
 .visual-server-icon {right: 15%;}
 .visual-database {right: 10%;}
 .dhs-services {margin-top: 35px;}
}
@media (max-width: 767.98px) {
 .dhs-infra-section {padding: 55px 0;}
 .dhs-title {font-size: 38px; letter-spacing: -1.5px;}
 .dhs-description {font-size: 15px;}
 .dhs-visual {height: 280px; transform: scale(.9);}
 .visual-icon {display: none;}
 .visual-orbit {opacity: .5;}
 .dhs-service-card {min-height: 190px;}

}
@media (max-width: 575.98px) {
.dhs-infra-section {padding: 45px 0;}
 .dhs-label {font-size: 12px; padding: 6px 12px;}
 .dhs-title {font-size: 33px; line-height: 1.06; letter-spacing: -1.2px;}
  .dhs-description {font-size: 14px; line-height: 1.6;}
 .dhs-visual {height: 250px; transform: scale(.72); transform-origin: center;}
 .dhs-services {margin-top: 20px;}
  .dhs-service-card {min-height: auto; padding: 22px 19px;}
 .service-icon {width: 45px; height: 45px; margin-bottom: 16px; font-size: 21px;}
 .dhs-service-card h3 {font-size: 16px;}
    .dhs-service-card p {font-size: 13px;}
}
.infra-head h2{color: #fff;}
.infra-head p{color: #fff;}
/*===========================================Home infra css end=======================================*/

/*===========================================Home business css end=======================================*/
 .dhs-eyebrow { color: #D8421F; }
  .dhs-title   { font-weight: 700; letter-spacing: -.02em; line-height: 1.12; max-width: 20ch; }

  /* Card */
  .industry-card {
    position: relative; overflow: hidden; min-height: 210px;
    border: 1px solid #F1DDD6; border-radius: 1rem;
    background: linear-gradient(180deg, #fff 55%, #FDECE6 260%);
    box-shadow: 0 6px 20px rgba(216, 66, 31, .06);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  }
  .industry-card::after {
    content: ""; position: absolute; right: -34px; bottom: -34px; width: 110px; height: 110px;
    border-radius: 50%; background: #FDECE6; opacity: .7; pointer-events: none;
    transition: transform .45s ease, opacity .25s ease;
  }
  .industry-card .card-body { position: relative; z-index: 1; padding: 1.6rem 1.5rem 1.75rem; }
  .industry-card p {max-width: 30ch;font-size: 16px;color: #000!important;}

  .dhs-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #FDECE6;
    transition: background-color .25s ease, transform .25s ease;
  }
  .dhs-icon svg {
    width: 34px;
    height: 34px;
    fill: none;
    stroke: #D8421F;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke .25s ease;
  }
  .industry-card .card-title { font-weight: 700; letter-spacing: -.01em; transition: color .25s ease; }

  /* Hover / keyboard focus */
  .industry-card:hover, .industry-card:focus-within {
    transform: translateY(-6px); border-color: #D8421F;
    box-shadow: 0 18px 36px rgba(216, 66, 31, .16);
  }
  .industry-card:hover::after { transform: scale(2.4); opacity: 1; }
  .industry-card:hover .dhs-icon { background: #D8421F; transform: scale(1.06) rotate(-4deg); }
  .industry-card:hover .dhs-icon svg { stroke: #fff; }
  .industry-card:hover .card-title { color: #D8421F; }

  /* PracticeCloud (gold) variant */
  .industry-card--pc {
    background: linear-gradient(135deg, #fff 30%, #FFF3C9 120%);
    border-color: #F3E2A0; box-shadow: 0 6px 20px rgba(200, 160, 30, .10);
  }
  .industry-card--pc::after { display: none; }
  .industry-card--pc::before {
    content: ""; position: absolute; top: 0; right: 0; width: 44px; height: 44px;
    background: #F7D33D; border-bottom-left-radius: 44px;
    transition: width .3s ease, height .3s ease, border-bottom-left-radius .3s ease;
  }
  .industry-card--pc .dhs-icon { background: #FFF3C9; }
  .industry-card--pc .dhs-icon svg { stroke: #8A6A12; }
  .industry-card--pc .dhs-tag  { color: #8A6A12; font-size: .8rem; }
  .industry-card--pc .dhs-link {color: #8A6A12;font-weight: 700;text-decoration: none;position: relative;}
  .industry-card--pc .dhs-link:hover { text-decoration: underline; }
  .industry-card--pc .dhs-link::after { content: " \2192"; display: inline-block; transition: transform .2s ease; }
  .industry-card--pc:hover, .industry-card--pc:focus-within {
    border-color: #E2B92B; box-shadow: 0 18px 36px rgba(200, 160, 30, .22);
  }
  .industry-card--pc:hover::before { width: 64px; height: 64px; border-bottom-left-radius: 64px; }
  .industry-card--pc:hover .dhs-icon { background: #F7D33D; }
  .industry-card--pc:hover .dhs-icon svg { stroke: #3A2C00; }
  .industry-card--pc:hover .card-title { color: #8A6A12; }
  .industry-card--pc:hover .dhs-link::after { transform: translateX(4px); }

  @media (prefers-reduced-motion: reduce) {
    .industry-card, .industry-card::before, .industry-card::after, .dhs-icon, .dhs-icon svg,
    .industry-card .card-title, .dhs-link::after { transition: none !important; }
    .industry-card:hover, .industry-card:focus-within, .industry-card:hover .dhs-icon, .industry-card:hover::after { transform: none; }
  }
  @media (hover: none) { .industry-card:hover { transform: none; } }
  @media (max-width: 575.98px) { .industry-card { min-height: 0; } .industry-card p { max-width: none; } }
.business-box-wrapp{padding: 21px 0px;}


/*===========================================Home business css end=======================================*/

/*===========================================Home security css start=======================================*/
 .security-section {position: relative; overflow: hidden; padding: 58px 0 23px; background: #f9f9f9;}
    /* Decorative curved shape */
.security-section::after {content: ""; position: absolute; width: 430px; height: 210px; right: -75px; bottom: -105px; border-radius: 50% 50% 0 0; background: rgb(242 225 222 / 56%); transform: rotate(-13deg); pointer-events: none;}
.security-wrap {position: relative; z-index: 2;}
.eyebrow {display: inline-flex; align-items: center; padding: 8px 17px; border-radius: 999px; background: #dce7d7; color: #173d38; font-size: 14px; line-height: 1; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 22px;}
 .hero-title {max-width: 870px; margin: 0; color: #0d3030; font-family: "DM Serif Display", Georgia, serif; font-size: clamp(52px, 5.05vw, 86px); line-height: .98; letter-spacing: -2.2px;}
 .hero-copy {max-width: 770px; margin: 26px 0 0; color: #617477; font-size: 18px; line-height: 1.55; font-weight: 500;}
/* Hero visual */
.shield-visual {position: absolute; top: -58px; right: 0; width: 36%; max-width: 520px; height: 360px; overflow: hidden; border-bottom-left-radius: 2px; background: linear-gradient(145deg, rgba(213,225,209,.92), rgba(171,190,170,.98)), #b8c9b5;}
 .shield-visual::before, .shield-visual::after {content: ""; position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,.35);}
.shield-visual::before {width: 330px; height: 330px; top: 38px; left: 70px;}
.shield-visual::after {width: 440px; height: 440px; top: -50px; left: 135px;}
 .shield {position: absolute; width: 205px; height: 250px; left: 50%; top: 42px; transform: translateX(-50%); filter: drop-shadow(0 16px 15px rgba(34, 54, 45, .18));}
 .shield-outer {position: absolute; inset: 0; clip-path: polygon(50% 0, 95% 17%, 89% 68%, 76% 87%, 50% 100%, 24% 87%, 11% 68%, 5% 17%); background: #edf1e9;}
 .shield-inner {position: absolute; inset: 12px; clip-path: polygon(50% 0, 95% 17%, 89% 68%, 76% 87%, 50% 100%, 24% 87%, 11% 68%, 5% 17%); background: #173a32;}
 .shield-highlight {position: absolute; inset: 23px; clip-path: polygon(50% 0, 95% 17%, 89% 68%, 76% 87%, 50% 100%, 24% 87%, 11% 68%, 5% 17%); background: linear-gradient(150deg, #254d42, #112f2a);}
 .lock {position: absolute; width: 72px; height: 65px; left: 50%; top: 105px; transform: translateX(-50%); border-radius: 9px; background: #e7e8dd; box-shadow: 0 5px 12px rgba(0,0,0,.12);}
 .lock::before {content: ""; position: absolute; width: 40px; height: 39px; left: 16px; top: -29px; border: 9px solid #e7e8dd; border-bottom: 0; border-radius: 23px 23px 0 0;}
 .lock::after {content: ""; position: absolute; width: 7px; height: 19px; left: 33px; top: 21px; border-radius: 5px; background: #24433b;}
.visual-base {position: absolute; bottom: 0; left: 9%; right: 7%; height: 48px; background: linear-gradient(#f7f7ef, #e5e5dc); box-shadow: 0 8px 15px rgba(0,0,0,.08);}
/* Feature area */
.features {margin-top: 66px;}
.feature {position: relative; min-height: auto; padding: 0 45px 18px 0;}
.feature.row-border {padding-top: 19px;border-top: 1px solid #d7ddd5;}
.feature-inner {display: flex;align-items: flex-start;gap: 12px;}
 .feature-icon {flex: 0 0 43px;width: 45px;height: 45px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: #cc44261f;color: #173c35;}
 .feature-icon svg {width: 32px;height: 41px;stroke: rgb(204 68 38);stroke-width: 2;fill: none;stroke-linecap: round;stroke-linejoin: round;}
 .feature h3 {margin: 4px 0 6px;color: #000;/* font-family: "DM Serif Display", Georgia, serif; */font-size: 16px;line-height: 1.1;}
.feature p {max-width: 100%;margin: 0;color: #000;font-size: 14px;line-height: 20px;}
.priority {align-self: center; margin-top: 35px; padding: 6px 0 6px 20px; border-left: 3px solid #cc4426;}
 .priority-label {display: block; margin-bottom: 8px; color: #cc4426; font-size: 14px; font-weight: 800; letter-spacing: 2px;}
.priority p {max-width: 390px; margin: 0; color: #617477; font-size: 16px; line-height: 1.55;}
@media (max-width: 1199.98px) {
 .hero-title {max-width: 780px; font-size: 68px;}
  .shield-visual {width: 34%; opacity: .92;}
 .feature-inner {gap: 25px;}
 .feature {padding-right: 20px;}
}
 @media (max-width: 991.98px) {
  .security-section {padding: 45px 0 70px;}
 .shield-visual {position: relative; top: auto; right: auto; width: 100%; max-width: none; height: 330px; margin-top: 40px;}
 .hero-title {max-width: 900px; font-size: 62px;}
 .hero-copy {max-width: 850px;}
 .features {margin-top: 50px;}
 .feature {min-height: auto; margin-bottom: 25px;}
 .feature.row-border {padding-top: 30px;}
  .priority {margin-top: 15px;}
}
@media (max-width: 575.98px) {
.security-section {padding: 32px 0 60px;}
 .eyebrow {font-size: 11px; letter-spacing: 1.4px;}
 .hero-title {font-size: 45px; letter-spacing: -1px;}
.hero-copy {font-size: 15px;}
 .shield-visual {height: 280px;}
 .shield {transform: translateX(-50%) scale(.82); transform-origin: center top;}
 .feature-inner {gap: 20px;}
.feature-icon {flex: 0 0 74px; width: 74px; height: 74px;}
.feature-icon svg {width: 39px; height: 39px;}
 .feature h3 {font-size: 23px;}
 .feature p, .priority p {font-size: 14px;}
    }
/*===========================================Home security css end=======================================*/

/*===========================================Home contact process css end=======================================*/
 .support-section {background: #fff;color: #F4F4F4;}

  .sup-badge {
    display: inline-block; padding: .3rem .9rem; border-radius: 999px;
    background: rgba(242, 96, 60, .14); color: #F2603C; font-size: .85rem; font-weight: 600;
  }
  .sup-title {font-weight: 700;letter-spacing: -.02em;line-height: 1.1;font-size: 36px;color: #000;}

  /* Account manager statement */
  .sup-manager { border-left: 3px solid #D8421F; padding-left: 1.5rem; }
  .sup-manager-icon {
    width: 48px; height: 48px; border-radius: 50%; background: #D8421F;
  }
  .sup-manager-icon svg {
    width: 24px; height: 24px; fill: none; stroke: #FFFFFF;
    stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;
  }
  .sup-manager h3 {font-weight: 700;letter-spacing: -.01em;color: #000;}
  .sup-manager p  {color: #000;line-height: 1.65;margin: 0;max-width: 52ch;}

  /* Channel rows */
  .sup-rows { border-top: 1px solid #333333; }
  .sup-row {
    position: relative;
    display: block;
    text-decoration: none;
    color: #000;
    padding: 2rem 0.5rem;
    border-bottom: 1px solid #333333;
    transition: background-color .3s ease, padding .3s ease;
  }
  .sup-row::before { /* orange fill that draws across the bottom line */
    content: ""; position: absolute; left: 0; bottom: -1px; height: 2px; width: 0;
    background: #D8421F; transition: width .45s ease;
  }
  .sup-row:hover, .sup-row:focus-visible { background: rgba(216, 66, 31, .07); padding-left: 1.25rem; padding-right: 1.25rem; color: inherit; }
  .sup-row:hover::before, .sup-row:focus-visible::before { width: 100%; }
  .sup-row:focus-visible { outline: 2px solid #F2603C; outline-offset: -2px; }

  .sup-row-icon {
    flex-shrink: 0;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #cc44261f;
    transition: background-color .25s ease;
  }
  .sup-row-icon svg {
    width: 33px;
    height: 33px;
    fill: none;
    stroke: #F2603C;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke .25s ease;
  }
  .sup-row-title {
    font-weight: 700;
    letter-spacing: -.02em;
    margin: 0;
    font-size: 24px;
    line-height: 1.15;
    color: #000;
    transition: color .25s ease;
  }
  .sup-row-text {color: #000;margin: 0;max-width: 36ch;}

  .sup-arrow {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #000;
    transition: background-color .25s ease, border-color .25s ease, transform .3s ease;
  }
  .sup-arrow svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: #000;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .sup-row:hover .sup-row-title { color: #F2603C; }
  .sup-row:hover .sup-row-icon { background: #D8421F; }
  .sup-row:hover .sup-row-icon svg { stroke: #FFFFFF; }
  .sup-row:hover .sup-arrow { background: #D8421F; border-color: #D8421F; transform: translateX(6px); }

  @media (max-width: 767.98px) {
    .sup-row { padding: 1.5rem 0; }
    .sup-manager { padding-left: 1.1rem; }
  }
  @media (prefers-reduced-motion: reduce) {
    .sup-row, .sup-row::before, .sup-row-icon, .sup-row-icon svg, .sup-row-title, .sup-arrow { transition: none; }
    .sup-row:hover .sup-arrow { transform: none; }
  }
/*===========================================Home contact process css end=======================================*/

/*===========================================Home pricing css end=======================================*/

  .config-section {
    position: relative; overflow: hidden; color: #FFFFFF;
    background:
      radial-gradient(ellipse 60% 45% at 50% 0%, rgba(216, 66, 31, .32) 0%, rgba(216, 66, 31, 0) 70%),
      radial-gradient(ellipse 40% 30% at 85% 100%, rgba(216, 66, 31, .14) 0%, rgba(216, 66, 31, 0) 70%),
      #000000;
  }

  .cfg-badge {
    display: inline-block; padding: .35rem 1rem; border-radius: 999px;
    background: rgba(242, 96, 60, .14); border: 1px solid rgba(242, 96, 60, .35);
    color: #FF8A68; font-size: .85rem; font-weight: 600;
  }
  .cfg-title { font-weight: 700; letter-spacing: -.025em; line-height: 1.08; color: #FFFFFF; }
  .cfg-lead  { color: #B0B0B0; line-height: 1.65; max-width: 48ch; }

  /* Plan panels */
  .plan {
    position: relative; height: 100%; display: flex; flex-direction: column;
    padding: 2rem 1.9rem 1.9rem; border-radius: 1.5rem;
    background: linear-gradient(180deg, #1C1C1C 0%, #0E0E0E 100%);
    border: 1px solid #2E2E2E;
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
  }
  .plan:hover, .plan:focus-within {
    transform: translateY(-8px); border-color: #D8421F;
    box-shadow: 0 24px 50px rgba(216, 66, 31, .22);
  }

  .plan--featured {
    border: 1.5px solid transparent;
    background:
      linear-gradient(180deg, #221611 0%, #0E0E0E 100%) padding-box,
      linear-gradient(150deg, #FF7A55 0%, #D8421F 45%, #4A1E14 100%) border-box;
    box-shadow: 0 30px 70px rgba(216, 66, 31, .28);
  }
  .plan--featured:hover, .plan--featured:focus-within { border-color: transparent; box-shadow: 0 34px 80px rgba(216, 66, 31, .4); }

  .plan-name { font-weight: 700; letter-spacing: -.02em; font-size: 1.6rem; margin: 0 0 .3rem; }
  .plan-for  { color: #B0B0B0; margin: 0 0 1.75rem; min-height: 2.9em; }

  /* vCore chips: lit count = vCores, out of 8 */
  .chips { display: grid; grid-template-columns: repeat(8, 1fr); gap: 6px; margin-bottom: .9rem; }
  .chip {
    aspect-ratio: 1 / 1; border-radius: 6px; background: #262626; border: 1px solid #333333;
  }
  .chip.on {
    background: linear-gradient(145deg, #FF7A55, #D8421F); border-color: #FF8A68;
    box-shadow: 0 0 14px rgba(255, 122, 85, .55);
  }
  .plan-core { display: flex; align-items: baseline; gap: .55rem; margin-bottom: 1.6rem; }
  .plan-core-num  { font-weight: 700; font-size: 3.6rem; letter-spacing: -.04em; line-height: 1; }
  .plan-core-unit { color: #B0B0B0; font-size: 1.1rem; font-weight: 600; }

  /* Spec lines */
  .plan-specs { list-style: none; margin: 0 0 1.6rem; padding: 1.3rem 0 0; border-top: 1px solid #2E2E2E; }
  .plan-specs li { display: flex; align-items: center; gap: .9rem; padding: .55rem 0; font-size: 1.02rem; font-weight: 600; }
  .spec-icon {
    flex-shrink: 0; width: 38px; height: 38px; border-radius: 10px;
    background: rgba(242, 96, 60, .12); border: 1px solid rgba(242, 96, 60, .25);
  }
  .spec-icon svg {
    width: 20px; height: 20px; fill: none; stroke: #FF8A68;
    stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;
  }

  .plan-foot { margin-top: auto; }
  .plan-price { color: #B0B0B0; margin: 0 0 1rem; text-align: center; }

  .plan-btn {
    display: flex; align-items: center; justify-content: center; gap: .55rem;
    text-decoration: none; font-weight: 700; padding: .9rem 1.25rem; border-radius: 999px;
    color: #FFFFFF; background: transparent; border: 2px solid #4A4A4A;
    transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease;
  }
  .plan-btn svg {
    width: 20px; height: 20px; fill: none; stroke: currentColor;
    stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s ease;
  }
  .plan-btn:hover, .plan:hover .plan-btn { border-color: #D8421F; background: #D8421F; }
  .plan-btn:hover svg, .plan:hover .plan-btn svg { transform: translateX(5px); }
  .plan-btn:focus-visible { outline: 3px solid #FFFFFF; outline-offset: 3px; }

  .plan--featured .plan-btn {
    border-color: transparent; background: linear-gradient(135deg, #FF7A55, #D8421F);
    box-shadow: 0 10px 26px rgba(216, 66, 31, .45);
  }

  @media (min-width: 768px) {
    .plan--featured { transform: translateY(-14px); }
    .plan--featured:hover, .plan--featured:focus-within { transform: translateY(-22px); }
  }
  @media (max-width: 767.98px) {
    .plan-for { min-height: 0; }
  }
  @media (prefers-reduced-motion: reduce) {
    .plan, .plan-btn, .plan-btn svg { transition: none; }
    .plan:hover, .plan:focus-within, .plan--featured:hover, .plan--featured:focus-within { transform: none; }
    .plan-btn:hover svg, .plan:hover .plan-btn svg { transform: none; }
  }
/*===========================================Home pricing css end=======================================*/

/*===========================================Home two way css end=======================================*/

  .start-section { background: #FFFFFF; color: #141414; }

  .st-title { font-weight: 700; letter-spacing: -.025em; line-height: 1.08; font-size: clamp(2.2rem, 4.5vw, 3.2rem); margin: 0 0 1rem; }
  .st-lead  { color: #6B6B6B; line-height: 1.65; max-width: 52ch; margin: 0 auto; font-size: 1.08rem; }

  /* Two halves joined into one block */
  .st-split { position: relative; border-radius: 1.5rem; overflow: hidden; border: 1px solid #E6DED3; box-shadow: 0 18px 44px rgba(20, 20, 20, .10); }

  .st-left  { color: #FFFFFF; background: #1A1A1A; padding: 2rem 2.5rem; height: 100%; display: flex; flex-direction: column; }
  .st-entries { flex: 1; display: flex; flex-direction: column; }
  .st-right { background: #F6F1EA; color: #141414; padding: 2rem 2rem 2rem 2.5rem; height: 100%; display: flex; flex-direction: column; justify-content: center; }

  .st-tag { font-weight: 600; font-size: .95rem; margin: 0 0 1.5rem; color: #FF8A68; }
  .st-right .st-tag { color: #C2361A; margin-bottom: .9rem; }

  /* Left entries */
  .st-entry { flex: 1; padding: 1.75rem 0; border-top: 1px solid #383838; align-items: center; }
  .st-entry:first-child { border-top: 0; padding-top: .5rem; }
  .st-entry:last-child { padding-bottom: .5rem; }
  .st-name { font-weight: 700; letter-spacing: -.02em; font-size: 1.55rem; margin: 0 0 .4rem; }
  .st-text { color: #B5B5B5; line-height: 1.6; margin: 0; max-width: 34ch; }

  /* Buttons */
  .st-btn {
    display: inline-block; text-decoration: none; font-weight: 700; white-space: nowrap;
    padding: .85rem 1.6rem; border-radius: 999px; border: 2px solid transparent;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
  }
  .st-btn:focus-visible { outline: 3px solid #F2603C; outline-offset: 3px; }
  .st-btn--red  { background: #D8421F; color: #FFFFFF; }
  .st-btn--red:hover  { background: #F2603C; color: #FFFFFF; }
  .st-btn--gold { background: #FFD95A; color: #141414; }
  .st-btn--gold:hover { background: #FFE58A; color: #141414; }
  .st-btn--dark { background: #141414; color: #FFFFFF; }
  .st-btn--dark:hover { background: #D8421F; color: #FFFFFF; }
  .st-btn--line { border-color: #141414; color: #141414; background: transparent; }
  .st-btn--line:hover { background: #141414; color: #FFFFFF; }

  /* Right: VPS */
  .st-vps-name { font-weight: 700; letter-spacing: -.02em; font-size: 1.3rem; margin: 0 0 .4rem; }
  .st-price { font-weight: 700; font-size: 2.3rem; letter-spacing: -.04em; line-height: 1; color: #141414; }
  .st-per   { color: #5F5A54; font-size: .95rem; font-weight: 500; margin-left: .25rem; }
  .st-note  { color: #6E6861; font-size: .8rem; margin: .35rem 0 1rem; max-width: 34ch; }

  .st-specs { list-style: none; padding: .6rem 0 0; margin: 0 0 1.25rem; border-top: 1px solid #D9D1C6; display: grid; grid-template-columns: 1fr 1fr; column-gap: 1rem; }
  .st-specs li { padding: .3rem 0; font-weight: 600; font-size: .9rem; }

  .st-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
  .st-actions .st-btn { padding: .55rem 1.1rem; font-size: .88rem; }

  /* "or" marker on the seam */
  .st-or {
    position: absolute; top: 50%; left: 58.3333%; transform: translate(-50%, -50%);
    width: 56px; height: 56px; border-radius: 50%; z-index: 2;
    background: #141414; color: #FFFFFF; border: 4px solid #F6F1EA;
    display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1rem;
  }

  @media (max-width: 991.98px) {
    .st-or { display: none; }
    .st-left { padding: 2rem 1.5rem; }
    .st-right { padding: 1.75rem 1.5rem; }
    .st-text { max-width: none; }
  }
  @media (prefers-reduced-motion: reduce) {
    .st-btn { transition: none; }
  }
/*===========================================Home two way css end=======================================*/

/*===========================================Home testimonial css start=======================================*/
  .testi-section {
    position: relative;
    overflow: hidden;
    color: #141414;
    background: radial-gradient(ellipse 50% 45% at 92% 0%, rgba(216, 66, 31, .09) 0%, rgba(216, 66, 31, 0) 70%), #f9f9f9;
  }

  .testi-title {font-weight: 700;letter-spacing: -.025em;line-height: 1.08;font-size: 38px;margin: 0;}

  /* Arrows (Owl nav moved into the header) */
  #testiNav { display: flex; gap: .6rem; }
  #testiNav button {
    width: 48px; height: 48px; border-radius: 50%; padding: 0;
    background: #FFFFFF; border: 1.5px solid #CFCFCF; color: #141414;
    display: inline-flex; align-items: center; justify-content: center;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
  }
  #testiNav button:hover { background: #D8421F; border-color: #D8421F; color: #FFFFFF; }
  #testiNav button:focus-visible { outline: 3px solid #141414; outline-offset: 3px; }
  #testiNav button span { display: none; }
  #testiNav svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
  #testiNav .disabled { opacity: .35; pointer-events: none; }

  /* Equal-height slides */
  .testi-carousel .owl-stage { display: flex; }
  .testi-carousel .owl-item { display: flex; }

  .testi-slide {
    position: relative; width: 100%; display: flex; flex-direction: column;
    padding: 2.25rem 2.25rem 2rem; border-radius: 1.25rem;
    background: #FFFFFF; border: 1px solid #E1E1E1;
    box-shadow: 0 8px 24px rgba(20, 20, 20, .05);
    transition: border-color .3s ease, box-shadow .3s ease;
  }
  .testi-slide:hover { border-color: #D8421F; box-shadow: 0 14px 34px rgba(216, 66, 31, .14); }

  .testi-mark {
    width: 46px; height: 46px; border-radius: 50%; margin-bottom: 1.5rem;
    background: #D8421F; display: flex; align-items: center; justify-content: center;
  }
  .testi-mark svg { width: 22px; height: 22px; fill: #FFFFFF; }

  .testi-quote { font-size: 1.22rem; line-height: 1.6; font-weight: 500; color: #1A1A1A; margin: 0 0 2rem; }

  .testi-author { margin-top: auto; display: flex; align-items: center; gap: .9rem; padding-top: 1.4rem; border-top: 1px solid #ECECEC; }
  .testi-avatar {
    flex-shrink: 0; width: 46px; height: 46px; border-radius: 50%;
    background: #FDECE6; border: 1px solid #F5D3C8; color: #D8421F;
    display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: .95rem;
  }
  .testi-name { font-weight: 700; margin: 0; line-height: 1.3; }
  .testi-role { color: #6B6B6B; font-size: .88rem; margin: .1rem 0 0; line-height: 1.4; }

  /* Dots */
  #testiDots { display: flex; justify-content: center; gap: .5rem; margin-top: 2rem; }
  #testiDots .owl-dot { width: 10px; height: 10px; border-radius: 999px; background: #C4C4C4; border: 0; padding: 0; transition: width .25s ease, background-color .25s ease; }
  #testiDots .owl-dot.active { width: 30px; background: #D8421F; }
  #testiDots .owl-dot:focus-visible { outline: 2px solid #141414; outline-offset: 3px; }

  @media (max-width: 575.98px) {
    .testi-slide { padding: 1.75rem 1.5rem; }
    .testi-quote { font-size: 1.1rem; }
  }
  @media (prefers-reduced-motion: reduce) {
    .testi-slide, #testiNav button, #testiDots .owl-dot { transition: none; }
  }


/*===========================================Home testimonial css end=======================================*/

/*===========================================Home faq css end=======================================*/
 .faq-section { background: #FFFFFF; color: #141414; }

  /* Left image */
  .faq-photo { position: relative; padding: 0 0 18px 18px; }
  .faq-photo::before { /* offset orange frame behind the photo */
    content: ""; position: absolute; left: 0; bottom: 0; right: 18px; top: 18px;
    border-radius: 1.5rem; background: #D8421F;
  }
  .faq-photo-frame {
    position: relative; overflow: hidden; border-radius: 1.5rem; aspect-ratio: 4 / 5;
    background: linear-gradient(160deg, #2A2A2A 0%, #141414 100%);
    box-shadow: 0 20px 44px rgba(20, 20, 20, .22);
  }
  .faq-photo-frame img { width: 100%; height: 100%; object-fit: cover; display: block; }

  /* Accordion (Bootstrap) restyled */
  .faq-acc .accordion-item {
    background: transparent; border: 0; border-bottom: 1px solid #E8E2DC; border-radius: 0;
  }
  .faq-acc .accordion-item:first-child { border-top: 1px solid #E8E2DC; }

  .faq-acc .accordion-button {
    background: transparent; color: #141414; box-shadow: none;
    padding: 1.6rem 0; gap: 1.25rem;
    font-family: inherit; font-size: 1.2rem; font-weight: 700; letter-spacing: -.01em;
    transition: color .2s ease;
  }
  .faq-acc .accordion-button:not(.collapsed) { background: transparent; color: #D8421F; box-shadow: none; }
  .faq-acc .accordion-button:hover { color: #D8421F; }
  .faq-acc .accordion-button:focus { box-shadow: none; }
  .faq-acc .accordion-button:focus-visible { outline: 3px solid #141414; outline-offset: 2px; border-radius: 6px; }

  /* Plus icon that turns into a cross when open */
  .faq-acc .accordion-button::after {
    content: "+"; background-image: none; transform: none;
    flex-shrink: 0; width: 38px; height: 38px; margin-left: auto; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.5rem; font-weight: 500; line-height: 1; color: #D8421F;
    border: 1.5px solid #E2D6CD;
    transition: transform .3s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
  }
  .faq-acc .accordion-button:hover::after { border-color: #D8421F; }
  .faq-acc .accordion-button:not(.collapsed)::after {
    background-image: none; transform: rotate(45deg);
    background-color: #D8421F; border-color: #D8421F; color: #FFFFFF;
  }

  .faq-acc .accordion-body { padding: 0 3.5rem 1.75rem 0; color: #5F5F5F; line-height: 1.7; font-size: 1.05rem; max-width: 62ch; }

  @media (min-width: 992px) {
    .faq-side { position: sticky; top: 2rem; }
  }
  @media (max-width: 575.98px) {
    .faq-acc .accordion-button { font-size: 1.08rem; padding: 1.3rem 0; }
    .faq-acc .accordion-body { padding-right: 0; }
  }
  @media (prefers-reduced-motion: reduce) {
    .faq-acc .accordion-button, .faq-acc .accordion-button::after { transition: none; }
    .faq-acc .accordion-collapse { transition: none; }
  }
/*===========================================Home faq css end=======================================*/



/*============================================Home pricing sec css end=======================================*/



/*========================================Home certificate sec css start=======================================*/

.certificate-wrapp{padding: 50px 0px 90px;background: radial-gradient(ellipse 50% 45% at 92% 0%, rgba(216, 66, 31, .09) 0%, rgba(216, 66, 31, 0) 70%), #f9f9f9;}

.cert-box{border: 1px solid #ccc;border-radius: 10px;margin: 0;padding: 11px 20px;height: auto;display: flex;justify-content: center;align-items: center;}

.cert-box img{width: 130px !important; margin: 0 auto;}

.certificate-slider .owl-nav .owl-prev {position: absolute; left: -12px; top: 30%; opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: rgb(206 69 39) !important; width: 45px; cursor: pointer; height: 45px; position: absolute; display: block; z-index: 1000; border-radius: 50px; border: 1px solid #ccc; color: #fff !important; font-size: 24px !important;}

.certificate-slider .owl-nav .owl-prev span {font-size: 1.6875rem; color: #fff; }

.certificate-slider .owl-nav .owl-prev:focus {outline: 0; }

.certificate-slider .owl-nav .owl-prev:hover {background: #000 !important; color: #fff;}

.certificate-slider .owl-nav .owl-next {position: absolute; right: -12px; top: 30%; opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: rgb(206 69 39) !important; width: 45px; cursor: pointer; height: 45px; position: absolute; display: block; z-index: 1000; border-radius: 50px;  border: 1px solid #ccc; color: #fff !important; font-size: 24px !important;}

.certificate-slider .owl-nav .owl-next span {font-size: 1.6875rem; color: #fff; }

.certificate-slider .owl-nav .owl-next:focus {outline: 0; }

.certificate-slider .owl-nav .owl-next:hover {background: #000 !important; color: #fff;}

.certificate-slider:hover .owl-prev {left: -12px; opacity: 1; }

.certificate-slider:hover .owl-next {right: -12px; opacity: 1; }







.trusted-partners-slider .owl-nav .owl-prev {position: absolute; left: -12px; top: 30%; opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: rgb(206 69 39) !important; width: 45px; cursor: pointer; height: 45px; position: absolute; display: block; z-index: 1000; border-radius: 50px; border: 1px solid #ccc; color: #fff !important; font-size: 24px !important;}

.trusted-partners-slider .owl-nav .owl-prev span {font-size: 1.6875rem; color: #fff; }

.trusted-partners-slider .owl-nav .owl-prev:focus {outline: 0; }

.trusted-partners-slider .owl-nav .owl-prev:hover {background: #000 !important; color: #fff;}

.trusted-partners-slider .owl-nav .owl-next {position: absolute; right: -12px; top: 30%; opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: rgb(206 69 39) !important; width: 45px; cursor: pointer; height: 45px; position: absolute; display: block; z-index: 1000; border-radius: 50px;  border: 1px solid #ccc; color: #fff !important; font-size: 24px !important;}

.trusted-partners-slider .owl-nav .owl-next span {font-size: 1.6875rem; color: #fff; }

.trusted-partners-slider .owl-nav .owl-next:focus {outline: 0; }

.trusted-partners-slider .owl-nav .owl-next:hover {background: #000 !important; color: #fff;}

.trusted-partners-slider:hover .owl-prev {left: -12px; opacity: 1; }

.trusted-partners-slider:hover .owl-next {right: -12px; opacity: 1; }



.trusted-partners-slider .owl-dots {display: block!important;}



.trusted-partners-slider .owl-dots button{border: 3px solid #ce4527!important;width: 20px;height: 20px;border-radius: 50px;margin-right: 10px;margin-bottom: 9px;background-color: #fff;}

.trusted-partners-slider .owl-dots button.active{background-color: #ce4527!important;height: 20px;}

.trusted-partners-slider .owl-dots{justify-content: center;margin-top: 0px;margin-bottom: 0px;position: absolute;display: block;bottom: -70px;right: 0;left: 0;text-align: center;}

.trusted-partners-slider .owl-dots button:focus{outline: none; box-shadow: none;}


/*========================================Home certificate sec css end=======================================*/


/*========================================footer sec css start=======================================*/

.address-area {background: #f4f4f4; margin: 0px 0px; padding: 14px 0px; border-radius: 0; }

.address-box, .address-box2 {display: flex; align-items: center; }

.address-icon {position: relative; z-index: 1; margin-right: 27px; width: 70px; height: 70px; line-height: 70px; text-align: center; }

.address-icon::before {position: absolute; content: ""; width: 70px; height: 70px; line-height: 70px; top: 0px; left: 0px; animation-name: rotateme; animation-duration: 15s; animation-iteration-count: infinite; animation-timing-function: linear; border-width: 2px; border-style: dashed; border-color: rgb(206 69 39); border-image: initial; border-radius: 50%; }



@keyframes rotateme {

  from {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

.address-title h3 {font-size: 28px; color: #000; font-weight: 800; margin: 0; }

.address-box2 {float: right; height: 100%;}

.cont-btn {display: inline-block; margin-left: 21px;}

.address-area .cont-btn a {display: inline-block; background: #ce4527; text-decoration: none; padding: 16px 28px; text-transform: uppercase; position: relative; z-index: 1; border-radius: 30px; font-size: 17px; line-height: 17px; color: #ffffff; font-weight: 500; transition: 0.5s; }

.address-area .cont-btn a:hover{background-color: #000;}

.main-footer{padding: 60px 0px 30px; background-color: #000;}

.footer-about img{margin-bottom: 18px; width: 206px;}

.footer-about p{color: #fff; font-size: 15px;}



.footer-follow h5{font-weight: 800; color: #fff; font-size: 21px; margin-bottom: 20px; position: relative;}

.footer-follow h5:after{content: ''; width: 60px; height: 3px; background-color: #ce4527; position: absolute; bottom: 5px; left: 127px; }

.footer-follow ul{padding-left: 0px; list-style-type: none; display: flex; align-items: center; margin-bottom: 0; }

.footer-follow ul li{margin-right: 10px;}

.footer-follow ul li a{text-decoration: none;}

.footer-follow ul li a i{width: 43px; height: 43px; border-radius: 50px; background-image: linear-gradient(to right, #ce4527, #9a2005); display: flex; justify-content: center; align-items: center; color: #fff; font-size: 18px; }

.footer-follow{margin-top: 30px;}

.quick-links h5{font-weight: 800; color: #fff; font-size: 21px; margin-bottom: 46px; position: relative;}

.quick-links h5:after{content: ''; width: 50px; height: 3px; background-image: linear-gradient(to right, #ce4527, #9a2005); position: absolute; bottom: -15px; left: 0px; }

.quick-links ul{list-style-type: none; padding-left: 0px;}

.quick-links li{margin-bottom: 10px;}

.quick-links li a{color: #fff; font-size: 15px; text-decoration: none;}

.quick-links li a:hover{color:#ce4527; }

.footer-newsletter h5{font-weight: 800; color: #fff; font-size: 21px; margin-bottom: 46px; position: relative;}

.footer-newsletter h5:after{content: ''; width: 50px; height: 3px; background-image: linear-gradient(to right, #ce4527, #9a2005); position: absolute; bottom: -15px; left: 0px; }

.footer-newsletter .news-form-input{background-color: #fff; border-radius: 8px;    padding: 8px 11px;}

.footer-newsletter .news-form-input input{border-radius: 10px; color: #000; background-color: unset; padding: 12px 18px; border: none; } .footer-newsletter .news-form-input input:focus{box-shadow: unset; outline: none; color: #000;}

.footer-newsletter .news-form-input button{border-radius: 6px !important; background-color: #cc4427; color: #fff; font-size: 16px; padding: 1px 21px; border: none; }

.footer-newsletter .news-form-input button:hover{background-color: #000;}

.accept-head h5:after{bottom: 5px !important; left: 132px !important;} 

.accept-head h5{margin-bottom: 22px;}

.accept-head li{background-color: unset; width: 82px; height: 48px; border-radius: 4px; margin-right: 8px; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; }

.copy-right{background-image: linear-gradient(to right, #ce4527, #9a2005); padding: 16px 0px;}

.copy-right p{text-align: center; margin-bottom: 0px; color: #fff; font-size: 16px;}

.add-head h5{font-weight: 800; color: #fff; font-size: 21px; margin-bottom: 40px; position: relative;}
.add-head h5:after{content: ''; width: 50px; height: 3px; background-image: linear-gradient(to right, #ce4527, #9a2005); position: absolute; bottom: -15px; left: 0px; }
.footer-address-div {border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 16px 0px; margin-top: 17px; }
.add-inner-div{display: flex;}
.add-inner-div img{width: 70px; height: 70px;}
.add-con-foot{padding-left: 9px;}
.add-con-foot h5{color: #fff; font-weight: 600; font-size: 18px; margin-bottom: 3px; text-transform: uppercase; }
.add-con-foot p{color: #fff; font-size: 15px;}


/*========================================footer sec css end=======================================*/

  .cta-section { background: #FFFFFF; }

  /* Dark banner */
  .cta-banner {
    position: relative; overflow: hidden; color: #FFFFFF;
    border-radius: 1.75rem; padding: 4rem 3.5rem;
    background:
      radial-gradient(ellipse 55% 90% at 100% 0%, rgba(216, 66, 31, .45) 0%, rgba(216, 66, 31, 0) 70%),
      radial-gradient(ellipse 40% 60% at 0% 100%, rgba(216, 66, 31, .16) 0%, rgba(216, 66, 31, 0) 70%),
      #141414;
  }
  .cta-banner .row { position: relative; z-index: 1; }

  .cta-title {font-weight: 700;letter-spacing: -.025em;line-height: 1.08;font-size: 32px;margin: 0 0 1.25rem;/* max-width: 16ch; */}
  .cta-lead  {color: #fff;line-height: 1.65;font-size: 1.1rem;max-width: 44ch;margin: 0;}

  /* Contact links */
  .cta-links { display: flex; flex-direction: column; gap: 1rem; }
  .cta-link {
    display: flex; align-items: center; gap: 1rem; text-decoration: none; color: #FFFFFF;
    padding: 1.2rem 1.4rem; border-radius: 1.1rem;
    background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .16);
    transition: background-color .25s ease, border-color .25s ease, transform .25s ease;
  }
  .cta-link:hover { background: rgba(216, 66, 31, .22); border-color: #F2603C; color: #FFFFFF; transform: translateX(-4px); }
  .cta-link:focus-visible { outline: 3px solid #FFFFFF; outline-offset: 3px; }

  .cta-link--primary { background: #D8421F; border-color: #D8421F; box-shadow: 0 14px 30px rgba(216, 66, 31, .35); }
  .cta-link--primary:hover { background: #F2603C; border-color: #F2603C; }

  .cta-ico {
    flex-shrink: 0; width: 48px; height: 48px; border-radius: 50%;
    background: rgba(255, 255, 255, .14); display: flex; align-items: center; justify-content: center;
  }
  .cta-ico svg { width: 23px; height: 23px; fill: none; stroke: #FFFFFF; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
  .cta-text { min-width: 0; }
  .cta-label { display: block; font-size: .85rem; color: rgba(255, 255, 255, .75); line-height: 1.2; }
  .cta-value { display: block; font-weight: 700; font-size: 1.12rem; line-height: 1.35; overflow-wrap: anywhere; }
  .cta-arrow { margin-left: auto; flex-shrink: 0; width: 22px; height: 22px; fill: none; stroke: #FFFFFF; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s ease; }
  .cta-link:hover .cta-arrow { transform: translateX(5px); }

  @media (max-width: 991.98px) {
    .cta-banner { padding: 2.75rem 1.75rem; border-radius: 1.4rem; }
    .cta-link:hover { transform: none; }
  }
  @media (max-width: 575.98px) {
    .cta-banner { padding: 2.25rem 1.25rem; }
    .cta-link { padding: 1rem 1.1rem; }
    .cta-value { font-size: 1rem; }
  }
  @media (prefers-reduced-motion: reduce) {
    .cta-link, .cta-arrow { transition: none; }
    .cta-link:hover { transform: none; }
    .cta-link:hover .cta-arrow { transform: none; }
  }


  .avatart-sec{position: relative;}
  .avataar-image{position: absolute; top: 18px;}
  .avataar-image img{width: 17%;}

    .avataar-images{position: absolute;top: -61px;right: 66px;width: 17%;}
  .avataar-images img{width: 82%;}

  .avataar-imagess {
    position: absolute;
    top: 14px;
    right: 66px;
    width: 17%;
}
  .avataar-imagess img{width: 82%;}

  .special-wrappss{background-color: #f9f9f9}





/*==========================Inner banner section css start==========================*/


.inner-banner-inner{background-position: 100%;background-size: cover;height: 500px;position: relative;}
.inner-banner-main{opacity: 1;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;height: 100%;width: 100%;top: 0;left: 0;position: absolute;display: flex; justify-content: center; align-items: center;}
.inner-banner-content h3{color: #fff;font-weight: 700;font-size: 38px;padding-top: 80px;text-transform: uppercase;}
.inner-banner-img{width: 100%;}
.inner-banner-img img{width: 100%;}
.inner-banner-img{position: relative;}
.inner-banner-con-inn h2{color: #fff; font-weight: 700; font-size: 30px; margin-bottom: 20px;}
.inner-banner-con-inn h1{color: #fff;font-weight: 700;font-size: 35px;margin-bottom: 20px;}
ol.breadcrumb li {display: inline; font-size: 18px; color: #fff!important;font-weight: 500;}
ol.breadcrumb li+li:before {padding: 0px; color: #fff!important; content: "/\00a0"; }
ol.breadcrumb li a {color: #fff!important; text-decoration: none; font-weight: 500;}
ol.breadcrumb li a:hover {color: #fff; text-decoration: underline; }
.bread-crumbs{margin-bottom: 0;}
ol.breadcrumb li a i{margin-right: 7px;}
.inner-banner-con-inn{    width: 38%;}
.inner-banner-con-inn h5{color: #cc4426; font-weight: 600; font-size: 22px; margin-bottom: 16px;}
.inner-banner-con-inn p{color: #fff; font-size: 16px; margin-bottom: 25px;}
.inner-banner-con-inn a{display: inline-block; background-color: #cc4426; color: #fff; text-decoration: none; font-size: 16px; font-weight: 600; padding: 10px 19px; border-radius: 10px; margin-left: 5px;}
/*==========================Inner banner section css end===========================*/

/*==========================middle cloud page  section css start===========================*/
  /* ---------- Section ---------- */
    .included-section {position: relative; overflow: hidden; padding: 48px 0 72px; background: #ffffff;}
    /* faint decorative waves / dots */
    .included-section::before, .included-section::after {content: ""; position: absolute; pointer-events: none; z-index: 0;}
    .included-section::before {top: -40px; left: -120px; width: 520px; height: 260px; border-radius: 50%; border: 1px solid rgba(255, 106, 51, 0.18); box-shadow: 0 12px 0 -1px rgba(255, 106, 51, 0.10), 0 24px 0 -2px rgba(255, 106, 51, 0.08), 0 36px 0 -3px rgba(255, 106, 51, 0.06); transform: rotate(8deg); display: none;}
    .included-section::after {top: 60px; right: 0; width: 260px; height: 200px; background-image: radial-gradient(rgba(255, 106, 51, 0.28) 1.2px, transparent 1.4px); background-size: 14px 14px; -webkit-mask-image: linear-gradient(to left, #000, transparent); mask-image: linear-gradient(to left, #000, transparent);}
    .included-section .container {position: relative; z-index: 1;}
    /* ---------- Heading ---------- */
    .badge-pill {display: inline-block;padding: 0;border-radius: 50px;background: unset;color: #cc4426;font-size: 17px;font-weight: 500;letter-spacing: unset;text-transform: capitalize;border: none;}
    .included-title {font-size: 32px; font-weight: 700; letter-spacing: 0; color: #000; margin: 4px 0 14px;}
    .included-title .accent {color: #ff4d12;}
    .included-sub {font-size: 15px; color: #000; max-width: 760px; margin: 0 auto;}
    /* ---------- Cards ---------- */
    .feature-card {position: relative; height: 100%; min-height: 380px; padding: 24px 24px 0; border-radius: 22px; overflow: hidden; background: #ffffff; border: 1px solid #fde9de; box-shadow: 0 10px 40px rgba(255, 120, 70, 0.10);}
    .feature-icon {width: 64px; height: 64px; border-radius: 16px; background: #ffe6da; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; color: #cc4426; font-size: 32px;}
    .feature-icon svg {width: 34px; height: 34px; fill: #f9490f;}
    .feature-title {font-size: 22px; font-weight: 700; letter-spacing: -0.5px; color: #0d0d0d; margin-bottom: 8px;}
    .feature-text {font-size: 15px; line-height: 22px; color: #000; margin: 0; position: relative; z-index: 2;}
    /* ---------- Illustration area ---------- */
    .feature-art {position: absolute; left: 0; right: 0; bottom: 0; height: 55%; z-index: 1;}
    .feature-art::before {content: ""; position: absolute; left: 12%; right: -8%; bottom: -30%; height: 90%; border-radius: 50%; background: radial-gradient(circle at 50% 40%, #ffd9c4 0%, #ffe8dc 55%, rgba(255, 240, 232, 0) 75%);}
    .feature-art svg {position: absolute; left: 50%; bottom: 4px; transform: translateX(-50%); width: 92%; height: auto; max-height: 100%;}
    @media (max-width: 575.98px) {
      .feature-card { min-height: 430px; }
    }
 .cfg { padding: 32px 0; overflow: hidden;      background-color: #42414308;}
    /* ---------- Heading ---------- */
    .cfg-badge {
      display: inline-block; padding: 8px 20px; border-radius: 50px;
      background: #ffe3d9; color: #f2420f;
      font-size: .82rem; font-weight: 600; letter-spacing: .02em; text-transform: uppercase;
    }
    .cfg-title { margin: 18px 0 8px; font-size: 3.4rem; font-weight: 800; letter-spacing: -.035em; line-height: 1.1; }
    .cfg-title span { color: #f2420f; }
    .cfg-sub { margin-bottom: 36px; font-size: 1.15rem; color: #6b6f7a; }

    /* ---------- Card ---------- */
    .cfg-card {padding: 20px 24px 18px; background: #fff; border: 1px solid #f4ece8; border-radius: 28px; box-shadow: 0 20px 60px rgba(242, 66, 15, .08); margin-top: 0;}
    /* ---------- Tabs ---------- */
    .cfg-tabs { display: flex; flex-wrap: wrap; gap: 10px 12px; padding-bottom: 26px; border-bottom: 1px solid #f1e6e1; }
    .cfg-group { display: flex; flex-wrap: wrap; gap: 8px; }
    .cfg-tab {padding: 2px 12px; border: 1px solid #f3e5df; border-radius: 50px; background: #fff; color: #6b6f7a; font-size: 14px; font-weight: 500; transition: background .2s, color .2s;}
    .cfg-tab:hover { color: #111118; }
    .cfg-type .cfg-tab.is-active { background: #111; border-color: #111; color: #fff; font-weight: 600; }
    .cfg-term .cfg-tab.is-active { background: #f2420f; border-color: #f2420f; color: #fff; font-weight: 600; }
    .cfg-term {margin-left: 4px;}
    /* ---------- Icons (inline SVG, drawn in the brand orange) ---------- */
    .cfg-icon svg, .cfg-backup svg, .cfg-notice > svg {
      fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;
      color: #f2420f;
    }
    .cfg-icon svg { width: 28px; height: 28px; }
    .cfg-icon .k { fill: #fff0ea; }
    .cfg svg .fill { fill: currentColor; }
    .cfg-backup svg { width: 26px; height: 26px; }
    .cfg-notice > svg { flex: 0 0 auto; width: 40px; height: 40px; }
    /* ---------- Fields ---------- */
    .cfg-field {display: flex;align-items: center;gap: 18px;margin-top: 14px;}
    .cfg-icon {flex: 0 0 auto; width: 58px; height: 58px; display: grid; place-items: center; border-radius: 16px; background: #fff0ea; color: #f2420f; box-shadow: 0 4px 14px rgba(242, 66, 15, .1);}
    .cfg-field label {display: block;margin-bottom: 6px;font-size: 14px;font-weight: 600;}
    .cfg-field .form-select {height: 36px; border: 1px solid #e9e9ee; border-radius: 12px; font-size: 14px; box-shadow: 0 2px 6px rgba(17, 17, 24, .05);}
    .cfg-field .form-select:focus { border-color: #f2420f; box-shadow: 0 0 0 .2rem rgba(242, 66, 15, .15); }
    /* ---------- Backup + notice ---------- */
    .cfg-backup {display: flex;align-items: center;gap: 14px;margin-top: 20px;padding-top: 15px;border-top: 1px solid #f1e6e1;font-weight: 500;font-size: 14px;}
    .cfg-backup .form-check-input { width: 22px; height: 22px; margin: 0; border-radius: 6px; cursor: pointer; }
    .cfg-backup .form-check-input:checked { background-color: #f2420f; border-color: #f2420f; }
    .cfg-notice {display: flex; gap: 20px; align-items: center; margin-top: 13px; padding: 15px 16px; background: #ffeee8; border: 1px dashed #f4b3a0; border-radius: 12px; font-size: .9rem; line-height: 1.6; color: #4b4f5a;}
    .cfg-notice strong { color: #f2420f; }
    .cfg-notice code {color: #4b4f5a;font-size: 14px;}
    .cfg-note {margin: 14px 0 0;font-size: 14px;color: #6b6f7a;}
    /* ---------- Mascot ---------- */
    .cfg-visual {position: relative;text-align: center;margin-top: 0;}
    .cfg-visual::before {
      content: ""; position: absolute; inset: 4% -12% 0 0;
      background: radial-gradient(closest-side, #ffe7de, rgba(255, 231, 222, 0));
    }
    .cfg-visual img { position: relative; max-width: 100%; }

    @media (max-width: 991.98px) { .cfg-title { font-size: 2.6rem; } .cfg-term { margin-left: 0; } }
    @media (max-width: 575.98px) {
      .cfg { padding: 48px 0; }
      .cfg-title { font-size: 2.1rem; }
      .cfg-card { padding: 24px 18px; }
      .cfg-tab { padding: 11px 20px; }
      .cfg-notice { flex-direction: column; align-items: flex-start; }
    }
    .config-head{text-align: center;} 
    .config-head h5{text-align: center; display: inline-block; padding: 0; border-radius: 50px; background: unset; color: #cc4426; font-size: 17px; font-weight: 500; letter-spacing: unset; text-transform: capitalize; border: none;}
    .config-head h1{text-align: center;color: #000;font-size: 32px;font-weight: 700;margin-bottom: 8px;margin-top: 4px;}
    .config-head p{text-align: center;font-size: 15px;color: #000;}

      .rel {padding: 32px 0 0px;background: #fff;}
    /* ---------- Heading ---------- */
    .rel-label {align-items: center; gap: 14px; margin-bottom: 6px; padding: 0; border-radius: 50px; background: unset; color: #cc4426; font-size: 17px; font-weight: 500; letter-spacing: unset; text-transform: capitalize; border: none; text-align: center; display: block;}
    .rel-label::before { content: ""; width: 38px; height: 2px; background: #f2420f; }
    .rel-title {margin: 0 0 22px;font-size: 32px;font-weight: 700;text-align: center;}
    /* ---------- Cards ---------- */
    .rel-card {display: flex; align-items: center; gap: 9px; height: 100%; padding: 14px 17px 14px 11px; background: #fff; border: 1px solid #f6ebe6; border-radius: 20px; box-shadow: 0 8px 10px rgba(242, 66, 15, .06); color: #111118; font-weight: 600; text-decoration: none; transition: border-color .25s, box-shadow .25s, transform .25s;}
    .rel-card:hover { color: #111118; border-color: #f2420f; box-shadow: 0 12px 30px rgba(242, 66, 15, .14); transform: translateY(-3px); }
    .rel-card:focus-visible { outline: 3px solid #f2420f; outline-offset: 3px; }
    .rel-icon {flex: 0 0 auto;width: 45px;height: 45px;display: grid;place-items: center;border-radius: 50%;background: #ffebe3;}
    .rel-icon svg {width: 24px;height: 24px;fill: none;stroke: #f2420f;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round;}
    .rel-icon .f { fill: #f2420f; stroke: none; }
    .rel-icon .cut { fill: none; stroke: #ffebe3; stroke-width: 1.6; }
    .rel-name {flex: 1;font-size: 15px;line-height: 1.3;}
    .rel-arrow { width: 22px; height: 22px; fill: none; stroke: #f2420f; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s; }
    .rel-card:hover .rel-arrow { transform: translateX(4px); }
    @media (max-width: 575.98px) {
      .rel-title { font-size: 2.3rem; }
      .rel-icon { width: 64px; height: 64px; }
      .rel-icon svg { width: 30px; height: 30px; }
    }
    @media (prefers-reduced-motion: reduce) { .rel-card, .rel-arrow { transition: none; } .rel-card:hover { transform: none; } }


/*==========================middle cloud page  section css end===========================*/

/*==========================practive cloud page  section css start===========================*/
  .who {padding: 30px 0;}
    /* ---------- Card ---------- */
    .who-card {display: flex; flex-direction: column; height: 100%; padding: 18px 16px; background: #fff; border: 1px solid #f4e8e3; border-radius: 26px; /* box-shadow: 0 16px 44px rgba(242, 66, 15, .07); */}
    .who-icon {width: 60px; height: 60px; display: grid; place-items: center; margin-bottom: 12px; border-radius: 18px; background: #fff0ea; color: #f2420f;}
    .who-icon svg, .who-callout svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
    .who-title {margin: 0 0 14px;font-size: 23px;font-weight: 700;color: #000;margin-bottom: 9px;}
    .who-text {margin: 0;font-size: 15px;line-height: 22px;color: #000;font-weight: 400;}
    .who-text strong { font-weight: 600; color: #111118; }
    /* ---------- Chips (left card) ---------- */
    .who-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; padding-top: 28px; }
    .who-chips span {padding: 8px 18px; border-radius: 50px; background: #fff0ea; color: #cc4426; font-size: 14px; font-weight: 600;}
    /* ---------- Callout (right card) ---------- */
    .who-callout {
      display: flex; gap: 16px; align-items: flex-start; margin-top: auto;
      padding: 20px 22px; border-left: 4px solid #f2420f; border-radius: 6px 16px 16px 6px;
      background: #fff0ea; color: #3a3d46; font-size: 1rem; line-height: 1.65;
    }
    .who-callout svg { flex: 0 0 auto; margin-top: 2px; color: #f2420f; }
    .who-callout strong {color: #cc4426;}
    .who-problem {margin-bottom: 13px;}
    @media (max-width: 575.98px) {
      .who { padding: 48px 0; }
      .who-card { padding: 28px 22px; }
      .who-title { font-size: 1.6rem; }
    }
    .pil {padding: 39px 0;background-color: #f9f9f9;}
    /* ---------- Heading ---------- */
    .pil-badge {display: inline-block; padding: 0; border-radius: 50px; font-weight: 600; color: #b93a1e; font-size: 16px; text-align: center; display: block;}
    .pil-title {margin: 11px 0 29px;font-size: 32px;font-weight: 700;line-height: 1.12;text-align: center;}

    /* ---------- Card ---------- */
    .pil-card {display: flex; flex-direction: column; height: 100%; padding: 23px 22px; background: #fff; border: 1px solid #f4e8e3; border-radius: 26px; box-shadow: 0 14px 40px rgba(242, 66, 15, .06);}
    .pil-feature {border-color: #f2420f; background: linear-gradient(180deg, #fff6f2, #fff 60%); box-shadow: 0 8px 7px rgba(242, 66, 15, .16);}
    .pil-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 24px; }
    .pil-icon { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 18px; background: #fff0ea; color: #f2420f; }
    .pil-icon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
    .pil-tag { padding: 6px 14px; border-radius: 50px; background: #f2420f; color: #fff; font-size: .72rem; font-weight: 600; }
    .pil-name {margin: 0 0 10px;font-size: 22px;font-weight: 700;letter-spacing: -.015em;}
    .pil-text {margin: 0 0 24px;font-size: 15px;line-height: 22px;color: #000;}
    /* ---------- Checklist ---------- */
    .pil-list { margin: auto 0 0; padding: 22px 0 0; list-style: none; border-top: 1px solid #f1e6e1; }
    .pil-list li {position: relative;padding: 0 0 14px 34px;font-size: 15px;line-height: 1.5;color: #000;}
    .pil-list li:last-child { padding-bottom: 0; }
    .pil-list li::before {
      content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 22px; border-radius: 50%;
      background: #fff0ea url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2420f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 12px no-repeat;
    }
    @media (min-width: 992px) { .pil-feature { transform: translateY(-14px); } .pil-row { padding-top: 14px; } }
    @media (max-width: 767.98px) { .pil { padding: 56px 0; } .pil-title { font-size: 2.2rem; margin-bottom: 32px; } .pil-card { padding: 28px 24px; } }
    
    .tln {padding: 30px 0;}
    .tln-title {margin: 0;font-size: 32px;font-weight: 700;line-height: 1.12;text-align: center;}
    .tln-title::after {content: "";display: block;width: 56px;height: 4px;margin-top: 18px;border-radius: 4px;background: #f2420f;display: none;}
    .tln-list {margin-top: 33px !important;}

    /* ---------- Step ---------- */
    .tln-step { position: relative; }

    .tln-node {
      position: relative; z-index: 1; width: 64px; height: 64px; margin: 0 auto; display: grid; place-items: center;
      border-radius: 50%; background: #fff; color: #f2420f;
      border: 2px solid #ffc7b3; box-shadow: 0 0 0 8px rgba(242, 66, 15, .07);
    }
    .tln-node svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

    /* Connector line: each segment gets a little more orange */
    .tln-step::after {
      content: ""; position: absolute; top: 31px; left: calc(50% + 40px); width: calc(100% - 56px); height: 3px; border-radius: 3px;
    }
    .tln-s1::after { background: linear-gradient(90deg, #ffd3c3, #ffb199); }
    .tln-s2::after { background: linear-gradient(90deg, #ffb199, #ff8a63); }
    .tln-s3::after { background: linear-gradient(90deg, #ff8a63, #f2420f); }

    /* ---------- Card ---------- */
    .tln-card {
      position: relative;
      margin-top: 30px;
      padding: 26px 24px;
      text-align: center;
      background: #fff;
      border: 1px solid #f4e8e3;
      border-radius: 22px;
      /* box-shadow: 0 14px 36px rgba(242, 66, 15, .07); */
      transition: transform .25s, box-shadow .25s, border-color .25s;
    }
    .tln-card::before {
      content: ""; position: absolute; top: -9px; left: calc(50% - 8px); width: 16px; height: 16px;
      background: #fff; border-top: 1px solid #f4e8e3; border-left: 1px solid #f4e8e3; transform: rotate(45deg);
    }
    .tln-card:hover { transform: translateY(-5px); border-color: #f2420f; box-shadow: 0 20px 44px rgba(242, 66, 15, .16); }
    .tln-card:hover::before { border-color: #f2420f; }

    .tln-label { display: inline-block; margin-bottom: 14px; padding: 5px 14px; border-radius: 50px; background: #fff0ea; color: #f2420f; font-size: .78rem; font-weight: 700; }
    .tln-name {margin: 0 0 8px;font-size: 19px;font-weight: 700;letter-spacing: -.015em;}
    .tln-text {margin: 0;font-size: 15px;line-height: 22px;color: #000;}

    /* ---------- Final step: highlighted ---------- */
    .tln-final .tln-node { background: #f2420f; border-color: #f2420f; color: #fff; animation: tln-pulse 2.2s infinite; }
    .tln-final .tln-card {background: linear-gradient(135deg, #f2420f, #ff6a3d);border-color: #f2420f;/* box-shadow: 0 20px 44px rgba(242, 66, 15, .3); */color: #fff;}
    .tln-final .tln-card::before { background: #f2420f; border-color: #f2420f; }
    .tln-final .tln-label { background: rgba(255, 255, 255, .22); color: #fff; }
    .tln-final .tln-text { color: #fff; opacity: .93; }

    @keyframes tln-pulse {
      0% { box-shadow: 0 0 0 0 rgba(242, 66, 15, .45); }
      100% { box-shadow: 0 0 0 20px rgba(242, 66, 15, 0); }
    }

    /* ---------- Tablet + mobile: line runs down the left ---------- */
    @media (max-width: 991.98px) {
      .tln-step { padding-left: 88px; }
      .tln-node { position: absolute; left: 0; top: 0; margin: 0; }
      .tln-step::after { top: 74px; bottom: -22px; left: 31px; width: 3px; height: auto; }
      .tln-s1::after { background: linear-gradient(180deg, #ffd3c3, #ffb199); }
      .tln-s2::after { background: linear-gradient(180deg, #ffb199, #ff8a63); }
      .tln-s3::after { background: linear-gradient(180deg, #ff8a63, #f2420f); }
      .tln-card { margin-top: 0; text-align: left; }
      .tln-card::before { display: none; }
    }
    @media (max-width: 575.98px) { .tln { padding: 56px 0; } .tln-title { font-size: 2.2rem; } .tln-step { padding-left: 80px; } }
    @media (prefers-reduced-motion: reduce) { .tln-final .tln-node { animation: none; } .tln-card { transition: none; } .tln-card:hover { transform: none; } }
  
    .bk {padding: 50px 0;}
    .bk-wrap {padding: 0;border-radius: 36px;}
    /* ---------- Left: intro ---------- */
    .bk-title {margin: 0 0 16px;font-size: 32px;font-weight: 700;letter-spacing: -.035em;line-height: 1.12;}
    .bk-text {max-width: 440px;margin: 0 0 36px;font-size: 15px;line-height: 1.75;color: #000;}
    .bk-points { margin: 0; padding: 0; list-style: none; }
    .bk-points li { display: flex; align-items: center; gap: 16px; padding: 14px 0; border-top: 1px solid #f6d9cc; }
    .bk-points li:first-child { border-top: 0; }
    .bk-icon { flex: 0 0 auto; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; background: #fff; color: #f2420f; box-shadow: 0 6px 16px rgba(242, 66, 15, .12); }
    .bk-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
    .bk-points strong {display: block;font-size: 20px;font-weight: 700;}
    .bk-points span {font-size: 15px;color: #000;}
    /* ---------- Right: form card ---------- */
    .bk-card {padding: 36px 34px 30px;background: #fff;border-radius: 28px;/* box-shadow: 0 24px 60px rgba(242, 66, 15, .12); */border: 1px solid #ccc;}
    .bk-card .form-floating > .form-control,
    .bk-card .form-floating > .form-select { border: 1px solid #efdcd3; border-radius: 14px; font-size: .98rem; }
    .bk-card .form-floating > label { color: #6b6f7a; font-size: .95rem; }
    .bk-card .form-control:focus,
    .bk-card .form-select:focus { border-color: #f2420f; box-shadow: 0 0 0 .22rem rgba(242, 66, 15, .14); }
    .bk-card textarea.form-control { height: 120px; }
    .bk-check { display: flex; gap: 12px; margin: 22px 0 22px; font-size: .88rem; line-height: 1.55; color: #6b6f7a; }
    .bk-check .form-check-input { flex: 0 0 auto; width: 20px; height: 20px; margin: 1px 0 0; border-color: #e3c9bd; border-radius: 6px; }
    .bk-check .form-check-input:checked { background-color: #f2420f; border-color: #f2420f; }
    .bk-check .form-check-input:focus { box-shadow: 0 0 0 .22rem rgba(242, 66, 15, .14); }
    .bk-check a { color: #f2420f; font-weight: 600; }
 .bk-btn {display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 16px; border: 0; border-radius: 50px; background: #cc4426; color: #fff; font-size: 1rem; font-weight: 700; transition: background .25s, box-shadow .25s;}
    .bk-btn:hover { background: #d9370a; box-shadow: 0 14px 28px rgba(242, 66, 15, .3); }
    .bk-btn:focus-visible { outline: 3px solid #111118; outline-offset: 3px; }
    .bk-btn svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s; }
    .bk-btn:hover svg { transform: translateX(4px); }

    @media (max-width: 991.98px) { .bk-wrap { padding: 40px 28px; } .bk-title { font-size: 2.4rem; } }
    @media (max-width: 575.98px) { .bk { padding: 40px 0; } .bk-wrap { padding: 32px 16px; border-radius: 28px; } .bk-card { padding: 26px 20px; } .bk-title { font-size: 2rem; } }
    @media (prefers-reduced-motion: reduce) { .bk-btn, .bk-btn svg { transition: none; } }
/*==========================practive cloud page  section css end===========================*/

/*==========================security page  section css start===========================*/
   .ctl {padding: 40px 0;}
    .ctl-title {margin: 0 0 40px;text-align: center;font-size: 32px;font-weight: 700;line-height: 1.12;}
    /* ---------- Panel (looks like a settings screen) ---------- */
    .ctl-panel {display: grid;grid-template-columns: 1fr;margin: 0;padding: 0;list-style: none;overflow: hidden;background: #fff;border: 1px solid #f4e8e3;border-radius: 28px;/* box-shadow: 0 20px 56px rgba(242, 66, 15, .08); */}
    .ctl-item { display: flex; align-items: center; gap: 18px; padding: 28px 32px; border-bottom: 1px solid #f6ebe6; transition: background .2s; }
    .ctl-item:hover { background: #fffaf7; }
    .ctl-item:last-child { border-bottom: 0; }
    .ctl-icon { flex: 0 0 auto; width: 54px; height: 54px; display: grid; place-items: center; border-radius: 16px; background: #fff0ea; color: #f2420f; }
    .ctl-icon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
    .ctl-body { flex: 1; }
    .ctl-name {margin: 0 0 4px;font-size: 19px;font-weight: 700;letter-spacing: -.01em;color: #000;}
    .ctl-text {margin: 0;font-size: 15px;line-height: 1.6;color: #000;}
    /* ---------- Two columns on tablet and up ---------- */
    @media (min-width: 768px) {
      .ctl-panel { grid-template-columns: 1fr 1fr; }
      .ctl-item:nth-child(odd) { border-right: 1px solid #f6ebe6; }
      .ctl-item:nth-last-child(2) { border-bottom: 0; }
    }
    @media (max-width: 575.98px) {
      .ctl { padding: 56px 0; }
      .ctl-title { font-size: 2.2rem; }
      .ctl-item { padding: 22px 18px; gap: 14px; }
      .ctl-icon { width: 46px; height: 46px; }
    }

    .sec {padding: 30px 0;background-color: #f9f9f9;}
    /* ---------- Intro ---------- */
    .sec-title {margin: 0 0 20px;text-align: center;font-size: 32px;font-weight: 700;line-height: 1.12;}
    .sec-intro {max-width: 70%;margin: 0 auto 52px;text-align: center;font-size: 15px;line-height: 1.8;color: #000;}
    .sec-intro strong { font-weight: 600; color: #f2420f; }
    /* ---------- Grid: separate cards ---------- */
    .sec-grid { display: grid; grid-template-columns: 1fr; gap: 20px; margin: 0; padding: 0; list-style: none; }
    .sec-item {padding: 20px 26px 20px;background: #fff;border: 1px solid #f3e3dc;border-radius: 22px;transition: background .2s, border-color .2s;}
    .sec-item:hover { background: #fffaf7; border-color: #f2420f; }
    .sec-icon { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 20px; border-radius: 15px; background: #fff0ea; color: #f2420f; transition: background .2s, color .2s; }
    .sec-item:hover .sec-icon { background: #f2420f; color: #fff; }
    .sec-icon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
    .sec-name {margin: 0 0 8px;font-size: 18px;font-weight: 700;letter-spacing: -.015em;color: #000;}
    .sec-text {margin: 0;font-size: 15px;line-height: 22px;color: #000;}
    @media (min-width: 768px) { .sec-grid { grid-template-columns: repeat(2, 1fr); } }
    @media (min-width: 992px) { .sec-grid { grid-template-columns: repeat(3, 1fr); } }
    @media (max-width: 575.98px) { .sec { padding: 56px 0; } .sec-title { font-size: 2.2rem; } .sec-intro { font-size: 1rem; } .sec-item { padding: 26px 22px; } }
    @media (prefers-reduced-motion: reduce) { .sec-item, .sec-icon { transition: none; } }
    .backup-wrapp{padding: 50px 0px;}
    .backup-left-con h2{color: #000; font-size: 32px; font-weight: 700; margin-bottom: 15px;}
    .backup-left-con p{font-size: 15px; color: #000;}
    .backup-right-img img{width: 100%;}


    .imm {padding: 28px 0;overflow: hidden;}

    /* ---------- Text ---------- */
    .imm-badge {
      display: inline-block;
      padding: 0;
      color: #f2420f;
      font-size: 18px;
      font-weight: 500;
      text-transform: capitalize;
    }
    .imm-title {margin: 14px 0 14px;font-size: 32px;font-weight: 700;line-height: 1.05;color: #0d0d14;}
    .imm-title span { color: #f2420f; }
    .imm-lead {margin: 0 0 22px;font-size: 15px;line-height: 1.6;color: #000;}
    .imm-note {margin: 0 0 40px;font-size: 15px;line-height: 1.7;color: #000;}
    .imm-note a { color: #f2420f; font-weight: 700; text-decoration: none; }
    .imm-note a:hover { text-decoration: underline; }

    /* ---------- Feature icons ---------- */
    .imm-feature { display: flex; flex-direction: column; gap: 14px; }
    .imm-icon { width: 84px; height: 84px; display: grid; place-items: center; border-radius: 22px; background: #ffe7dc; }
    .imm-icon svg { width: 42px; height: 42px; fill: none; stroke: #f2420f; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
    .imm-icon .f { fill: #f2420f; stroke: none; }
    .imm-icon .cut { fill: none; stroke: #ffe7dc; stroke-width: 1.8; }
    .imm-icon .dot { fill: #ffe7dc; stroke: none; }
    .imm-label {margin: 0;font-size: 15px;font-weight: 500;line-height: 1.4;}

    /* ---------- Illustration ---------- */
    .imm-visual { position: relative; text-align: center; }
    .imm-visual::before {
      content: ""; position: absolute; inset: 6% -20% 0 0;
      background: radial-gradient(closest-side, #ffe3d6, rgba(255, 227, 214, 0));
    }
    .imm-visual img { position: relative; max-width: 100%; }

    @media (max-width: 1199.98px) { .imm-title { font-size: 3.6rem; } }
    @media (max-width: 767.98px) { .imm { padding: 56px 0; } .imm-title { font-size: 2.7rem; } .imm-lead { font-size: 1.1rem; } .imm-icon { width: 68px; height: 68px; } .imm-icon svg { width: 34px; height: 34px; } }


.certificate-wrapp{padding: 50px 0px;}

.cert-box{border: 1px solid #ccc; border-radius: 10px; margin: 10px; padding: 11px 20px; height: 147px; display: flex; justify-content: center; align-items: center; }

.cert-box img{width: 130px !important; margin: 0 auto;}

.certificate-slider .owl-nav .owl-prev {position: absolute; left: -12px; top: 30%; opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: rgb(206 69 39) !important; width: 45px; cursor: pointer; height: 45px; position: absolute; display: block; z-index: 1000; border-radius: 50px; border: 1px solid #ccc; color: #fff !important; font-size: 24px !important;}

.certificate-slider .owl-nav .owl-prev span {font-size: 1.6875rem; color: #fff; }

.certificate-slider .owl-nav .owl-prev:focus {outline: 0; }

.certificate-slider .owl-nav .owl-prev:hover {background: #000 !important; color: #fff;}

.certificate-slider .owl-nav .owl-next {position: absolute; right: -12px; top: 30%; opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: rgb(206 69 39) !important; width: 45px; cursor: pointer; height: 45px; position: absolute; display: block; z-index: 1000; border-radius: 50px;  border: 1px solid #ccc; color: #fff !important; font-size: 24px !important;}

.certificate-slider .owl-nav .owl-next span {font-size: 1.6875rem; color: #fff; }

.certificate-slider .owl-nav .owl-next:focus {outline: 0; }

.certificate-slider .owl-nav .owl-next:hover {background: #000 !important; color: #fff;}

.certificate-slider:hover .owl-prev {left: -12px; opacity: 1; }

.certificate-slider:hover .owl-next {right: -12px; opacity: 1; }

.certificate-wrapp .service-head h5{
    color: #b93a1e;
    font-size: 19px;
    text-align: center;
}
.certificate-wrapp .service-head h2{
    text-align: center;
    font-size: 32px;
    color: #000;
    font-weight: 700;
    margin: 13px 0px;
}
.certificate-wrapp .service-head p{
    text-align: center;
    font-size: 15px;
}


/*==========================security page  section css end===========================*/

/*==========================about page  section css end===========================*/
.about-page-right-img img{width: 100%;}
.about-page-left  .serv-head-left{width: 100%;}
.about-page-left {display: flex; align-items: center; height: 100%;}
.about-page-mid-wrapp{padding: 50px 0px;}
/*==========================about page  section css end===========================*/



    .blg { padding: 80px 0; }

    /* ---------- Heading ---------- */
    .blg-badge { display: inline-block; padding: 7px 18px; border-radius: 50px; background: #fff0ea; color: #f2420f; font-size: .82rem; font-weight: 600; }
    .blg-title { margin: 16px 0 14px; font-size: 3.4rem; font-weight: 800; letter-spacing: -.04em; line-height: 1.05; }
    .blg-sub { max-width: 560px; margin: 0 0 48px; font-size: 1.1rem; line-height: 1.7; color: #6b6f7a; }

    /* ---------- Card ---------- */
    .blg-card {
      position: relative; display: flex; flex-direction: column; height: 100%; overflow: hidden;
      background: #fff; border: 1px solid #f4e8e3; border-radius: 24px;
      transition: transform .25s, border-color .25s;
    }
    .blg-card:hover { transform: translateY(-6px); border-color: #f2420f; }

    /* Illustrated banner (no photos needed) */
    .blg-banner {position: relative;height: 220px;place-items: center;overflow: hidden;background: linear-gradient(135deg, #ffe9e0, #ffd2c0);}
  
    .blg-b2 { background: linear-gradient(135deg, #fff0e6, #ffdcc4); }
    .blg-b3 { background: linear-gradient(135deg, #ffe7dc, #ffc9b3); }

    .blg-icon { position: relative; z-index: 1; width: 84px; height: 84px; display: grid; place-items: center; border-radius: 50%; background: #fff; color: #f2420f; transition: transform .3s; }
    .blg-card:hover .blg-icon { transform: scale(1.08) rotate(-4deg); }
    .blg-icon svg { width: 40px; height: 40px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

    /* Body */
    .blg-body { display: flex; flex-direction: column; flex: 1; padding: 26px 26px 22px; }
    .blg-cat {margin-bottom: 12px;font-size: 16px;font-weight: 700;text-transform: capitalize;color: #cc4426;}
    .blg-name {margin: 0 0 12px;font-size: 20px;font-weight: 700;line-height: 1.3;color: #000;}
    .blg-text {margin: 0 0 24px;font-size: 15px;line-height: 22px;color: #000;}

    .blg-foot { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 18px; border-top: 1px solid #f6ebe6; font-size: .85rem; }
    .blg-time {display: flex;align-items: center;gap: 7px;color: #000;font-size: 15px;}
    .blg-time svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
    .blg-read {display: flex;align-items: center;gap: 6px;color: #f2420f;font-weight: 700;text-decoration: none;font-size: 15px;}
    .blg-read svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s; }
    .blg-card:hover .blg-read svg { transform: translateX(4px); }
.blg-banner img{width: 100%; height: 100%; object-fit: cover; object-position: right;}
    @media (max-width: 767.98px) { .blg { padding: 56px 0; } .blg-title { font-size: 2.6rem; } .blg-sub { margin-bottom: 32px; } }
    @media (prefers-reduced-motion: reduce) { .blg-card, .blg-icon, .blg-read svg { transition: none; } .blg-card:hover, .blg-card:hover .blg-icon { transform: none; } }



/*============================================blog detail css start=======================================*/
 .blog-detail-section{background:#fff; }
 .blog-featured-image{overflow:hidden; border-radius:24px; margin-bottom:40px; }
 .blog-featured-image img{width:100%;height: 270px;object-fit:cover;}
 .blog-meta{display:flex; gap:15px; margin-bottom:20px; }
 .blog-meta span{padding:8px 18px; border-radius:50px; }
 .category{background-image: linear-gradient(to right, #cc4426, #922811);color:#fff;}
 .date{background: #cc4426;color: #fff;}
 .blog-title{font-size: 26px;color: #122747;margin-bottom: 15px;font-weight: 600;}
 .blog-content p{font-size: 15px;line-height: 29px;color: #000;margin-bottom: 6px;}
 .blog-content h2{font-size: 24px;color: #122747;margin: 25px 0 10px;}
 .blog-detail-section blockquote{background: linear-gradient(to right, #cc442636, #cc442647);padding: 21px;border-left: 4px solid #cc4426;font-size: 20px;color: #071730;margin: 8px 0;}
 .content-image{width:100%; border-radius:20px; height: 100%; }
.blog-tags{display:flex; flex-wrap:wrap; gap:10px; margin: 33px 0 25px; }
 .blog-tags a{text-decoration:none;color: #cc4426;border: 1px solid #cc4426;padding:10px 20px;border-radius:50px;}
 .blog-share{display:flex; align-items:center; gap:15px; margin-bottom: 29px; }
.blog-share a{width:40px;height:40px;border-radius:50%;background: linear-gradient(to right, #cc4426, #cc4426);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;background-image: linear-gradient(to right, #cc4426, #8d230c);}
 .author-box{background: linear-gradient(to right, #1b2099, #04a856);border-radius:24px;padding: 22px;display:flex;gap:25px;align-items:center;}
 .author-box img{width:100px; height:100px; border-radius:50%; object-fit:cover; }
 .author-box h4{font-size: 22px;color: #fff;margin-bottom: 12px;}
 .author-box p{margin:0;color: #fff;}
/* Responsive */
@media(max-width:991px){
 .blog-title{font-size:52px; }
 .blog-featured-image img{height:450px; }
}
@media(max-width:767px){
 .blog-title{font-size:38px; }
 blockquote{font-size:26px; padding:25px; }
 .author-box{flex-direction:column; text-align:center; }
}

/*============================================blog detail css end=======================================*/

/*============================================contact page css start=======================================*/
.cnt { padding: 80px 0; }

    /* ---------- Left: intro + contact cards ---------- */
    .cnt-badge { display: inline-block; padding: 7px 18px; border-radius: 50px; background: #fff0ea; color: #f2420f; font-size: .82rem; font-weight: 600; }
    .cnt-title {margin: 12px 0 10px;font-size: 32px;font-weight: 700;letter-spacing: -.04em;line-height: 1.08;}
    .cnt-sub {max-width: 440px;margin: 0 0 22px;font-size: 15px;line-height: 22px;color: #000;}

    .cnt-list { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
    .cnt-item {
      display: flex; align-items: center; gap: 18px; padding: 16px 20px;
      background: #fff; border: 1px solid #f4e8e3; border-radius: 20px;
      color: #111118; text-decoration: none; transition: border-color .25s, transform .25s;
    }
    a.cnt-item:hover { border-color: #f2420f; transform: translateX(4px); color: #111118; }
    .cnt-item:focus-visible { outline: 3px solid #f2420f; outline-offset: 3px; }

    .cnt-icon { flex: 0 0 auto; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 15px; background: #fff0ea; color: #f2420f; }
    .cnt-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
    .cnt-label {display: block;font-size: 20px;font-weight: 500;color: #6b6f7a;}
    .cnt-value {display: block;font-size: 18px;font-weight: 700;line-height: 1.4;}
    .cnt-address {font-size: 18px;font-weight: 500;line-height: 1.6;color: #000;}

    /* ---------- Right: form ---------- */
    .cnt-card { padding: 36px 34px 30px; background: #fff4ee; border-radius: 28px; }

    .cnt-card .form-floating > .form-control,
    .cnt-card .form-floating > .form-select { border: 1px solid #f0d6ca; border-radius: 14px; font-size: .98rem; }
    .cnt-card .form-floating > label { color: #6b6f7a; font-size: .95rem; }
    .cnt-card .form-control:focus,
    .cnt-card .form-select:focus { border-color: #f2420f; box-shadow: 0 0 0 .22rem rgba(242, 66, 15, .14); }
    .cnt-card textarea.form-control { height: 120px; }

    .cnt-check { display: flex; gap: 12px; margin: 22px 0; font-size: .88rem; line-height: 1.55; color: #6b6f7a; }
    .cnt-check .form-check-input { flex: 0 0 auto; width: 20px; height: 20px; margin: 1px 0 0; border-color: #e3c9bd; border-radius: 6px; }
    .cnt-check .form-check-input:checked { background-color: #f2420f; border-color: #f2420f; }
    .cnt-check .form-check-input:focus { box-shadow: 0 0 0 .22rem rgba(242, 66, 15, .14); }
    .cnt-check a { color: #f2420f; font-weight: 600; }

    .cnt-btn {
      display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 16px;
      border: 0; border-radius: 50px; background: #f2420f; color: #fff; font-size: 1rem; font-weight: 700;
      transition: background .25s, box-shadow .25s;
    }
    .cnt-btn:hover { background: #d9370a; box-shadow: 0 14px 28px rgba(242, 66, 15, .3); }
    .cnt-btn:focus-visible { outline: 3px solid #111118; outline-offset: 3px; }
    .cnt-btn svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s; }
    .cnt-btn:hover svg { transform: translateX(4px); }

    @media (max-width: 767.98px) { .cnt { padding: 56px 0; } .cnt-title { font-size: 2.4rem; } .cnt-card { padding: 26px 20px; } }
    @media (prefers-reduced-motion: reduce) { .cnt-item, .cnt-btn, .cnt-btn svg { transition: none; } a.cnt-item:hover { transform: none; } }
/*============================================contact page css end=======================================*/

/*============================================home link page css start=======================================*/
.all-links-inner ul {padding-left: 0px; margin-left: 0px; list-style-type: none; margin-top: 0px; }
.all-links-inner ul li a {color: #cc4426;text-decoration: none;border: 2px solid #cc4426;text-align: center;display: block;padding: 10px;font-size: 21px;}
.all-links-inner ul li {margin-bottom: 10px; }
.mecella-heading {margin-bottom: 80px; }
.mecella-heading h3 {color: #cc4426;text-align: center;font-size: 32px;text-transform: uppercase;position: relative;}
.mecella-heading h3 span {font-weight: 900;color: #cc4426;}
.mecella-heading h3:after {content: '';position: absolute;bottom: -20px;left: 0;right: 0;width: 100px;background-color:#cc4426;height: 5px;margin: 0 auto;}
.welcome-mecella {background-color: #ebebeb;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.welcome-mecella img {width: 75%; }
.all-links-wrapper {padding-top: 30px; padding-bottom: 50px; }
/*============================================home link page css end=======================================*/
/* Equal-height feature cards when the Key Features module has more than one row */
.why-choose-wrapp .dhs-card {height: 100%;}