@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  --primary:#006cff;
  --blueSecondary: #001C5D;
  --blueShade01: #001C5E;
  --secondary:#334155;
  --blueShade02: #022988;
  --gradientblue: #0091ff;
  --gradientpurple: #9293ff;
  --lightBg:#f9f5f0;
  --shades08: #333333;
  --shades01:#FFFFFF;
  --shades02:#000000;
  --shades03:#ECECEC;
  --shades04:#646464;
  --shades05:#FAFAF8;
  --shades06:#f4f4f4;
  --shades07:#D9D9D9;
  --shades09:#f5f5f5;
  --shades10:#E9E9E9;
  --shades11:#F6F9FF;
  --shades12:#F1F9FF;
  --shades13:#1B50B0;
  --shades14:#1C355E;
  --shades15:#F2F1EE;
  --border:#DDDDDD;
  --border02:#D6E2FF;
  --border03:#C1C1C1;
  --blueSecondary-rgb: rgb(0, 28, 93);
  --lightPurple-rgb:77, 2, 126;
  --purple-rgb:68, 0, 113;
  --darkPurple-rgb:60, 1, 100;
  --lightMagenta-rgb:102, 8, 104;
  --magenta-rgb:114, 12, 99;
  --darkMagenta-rgb:92, 6, 107;
  --shades01-rgb:255, 255, 255;
  --shades02-rgb:0, 0, 0;
  --shades03-rgb:236, 236, 236;
  --shades04-rgb:100, 100, 100;
  --shades05-rgb:250, 250, 248;
  --shades06-rgb: rgb(244, 244, 244);
  --shades07-rgb:217, 217, 217;
  scroll-behavior:unset;
}

/* ********|| INITIALIZATION START ||******** */
body, html { width: 100%; line-height:18px; margin:0 auto !important;padding:0 !important; font-family: "Poppins", sans-serif;font-weight: 400; -webkit-font-smoothing: subpixel-antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);font-size: 14px; line-height: 1.2; color: var(--shades02); background:var(--shades01);position: relative; z-index: 0; scroll-behavior: smooth;}
*{transition: all 0s ease;}
*:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
*,::after,::before{box-sizing: border-box;}
a {color:var(--green01); text-decoration: none;transition: all 0.3s ease;}
a:hover{text-decoration: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;}
a:focus{ outline: none;text-decoration: none;}
button{transition: all 0.3s ease;}
p { margin: 0 0 0; }
ul{margin: 0; padding: 0;}
ul li{list-style: none;}
hr{margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid rgba(var(--shades04-rgb), 0.2);}
section{position:relative;}
input:focus, label:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
.scrollbar::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; border-radius: 100vh; transition:all 0.3s ease; }
.scrollbar::-webkit-scrollbar-track { border-radius: 0; background-color: #d6c8dd; border-radius: 100vh; transition:all 0.3s ease; }
.scrollbar::-webkit-scrollbar-thumb { background-color: rgba(var(--purple-rgb), 1); border-radius: 100vh; transition:all 0.3s ease; }
/* ********|| INITIALIZATION END ||******** */

/* ********|| PSEUDO ELEMENTS START ||******** */
::selection{ background-color:var(--primary); color:var(--shades01)}
::-moz-selection{ background-color:var(--primary); color:var(--shades01)}
::-webkit-selection{ background-color:var(--primary); color:var(--shades01)}
:-webkit-focus { outline: none !important; }
:-moz-focus { outline: none !important; }
:focus { outline: none !important; }
select:-webkit-focusring { color: var(--primary) !important;text-shadow: 0 0 0 var(--shades01);}
select:-moz-focusring {color: var(--primary) !important;text-shadow: 0 0 0 var(--shades01);}
select:focusring {color: var(--primary) !important; text-shadow: 0 0 0 var(--shades01);}
::input-placeholder{ color:var(--shades02) !important;}
::-moz-input-placeholder{ color:var(--shades02) !important;}
::-webkit-input-placeholder{ color:var(--shades02) !important;}
/* ********|| PSEUDO ELEMENTS END ||******** */

/* ********|| BOOTSTRAP FIX START ||******** */
@media (min-width: 576px){
	.container{max-width: none; margin: 0 auto;}
	.modal-dialog{max-width: 700px;}
	.modal-sm{max-width: 400px;}
}
@media (min-width: 768px){
	.container{max-width: 740px; margin: 0 auto;}
}
@media (min-width: 992px){
	.container{max-width: 960px; margin: 0 auto;}
}
@media (min-width: 1200px){
	.container{max-width: 1170px; margin: 0 auto;}
}
@media (min-width: 1400px){
	.container{max-width: 1280px; margin: 0 auto;}
}
@media (min-width: 1600px){
	.container{max-width: 1400px; margin: 0 auto;}
}
@media (min-width: 1900px){
	.container{max-width: 1600px; margin: 0 auto;}
}
/* ********|| BOOTSTRAP FIX END ||******** */

/* ********|| CHECKBOX START ||******** */
.checkbox{position: relative;padding: 4px 0 4px 30px;display: inline-block;}
.checkbox .checkbox-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.checkbox .checkbox-label{position: relative;margin: 0;line-height: 16px;font-size: 14px; color: var(--shades02);}
.checkbox .checkbox-label:before{content:'';position:absolute;width: 20px;height: 20px;background-color: transparent;border: 1px solid var(--shades03);top: -1px;left: -30px; border-radius: 4px;transition: all 0.3s ease;}
.checkbox .checkbox-label:after{content: "\f00c";position: absolute;font-family: "Font Awesome 6 Pro";width: 20px;height: 20px;top:-1px;left: -30px;font-weight: 500;font-size: 14px; line-height: 1;color: var(--shades01);display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.checkbox .checkbox-input:checked ~ .checkbox-label:after{opacity: 1; visibility: visible;}
.checkbox .checkbox-input:checked ~ .checkbox-label:before{background-color: var(--primary);border: 1px solid var(--primary);}
/* ********|| CHECKBOX END ||******** */
/* ********|| RADIO START ||******** */
.radio{position: relative;padding: 4px 0 4px 30px;display: inline-block;}
.radio .radio-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.radio .radio-label{position: relative;margin: 0;line-height: 16px;font-size: 14px; color: var(--shades02);}
.radio .radio-label:before{content:'';position:absolute;width: 20px;height: 20px;background-color: transparent;border: 1px solid var(--shades03);top: -1px;left: -30px; border-radius: 50%;transition: all 0.3s ease;}
.radio .radio-label:after{content: '';position: absolute;width: 11px;height: 11px;top: 4px;left: -25px;font-weight: 500;font-size: 14px;line-height: 1;background-color: var(--primary);display: flex;align-items: center;justify-content: center;border-radius: 50%;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.radio .radio-input:checked ~ .radio-label:after{opacity: 1; visibility: visible;}
/* ********|| RADIO END ||******** */

/* ********|| SWITCH START ||******** */
.switch{position: relative;padding:0;display: block;}
.switch .switch-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.switch .switch-labels{position: relative;margin: 0;line-height: 16px;font-size: 14px;color: var(--shades02);height: 40px;border-radius: 4px;background-color: var(--shades01);display: flex;align-items: center; z-index: 0;}
.switch .switch-labels span{display: flex;justify-content: center;width: 100%;padding: 0 10px;font-size: 14px;font-weight: 500;color:var(--shades02);transition: all 0.3s ease;}
.switch .switch-labels span+span{color:var(--shades01)}
.switch .switch-labels:after{content: "";position: absolute;transition: all 0.3s ease;top: 4px;left: 4px;width: calc(50% - 8px);height: calc(100% - 8px);background-color: var(--primary);border-radius: 4px;z-index: -1;transform: translateX(calc(100% + 4px));}
.switch .switch-input:checked ~ .switch-labels:after{transform: translateX(calc(0% + 4px));}
.switch .switch-input:checked ~ .switch-labels span{color:var(--shades01)}
.switch .switch-input:checked ~ .switch-labels span+span{color:var(--shades02)}
/* ********|| SWITCH END ||******** */

/* ********|| MODAL START ||******** */
.modal .btn-close{background-image: none;padding: 0;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 20px;opacity: 1;position: absolute;top: -16px;right: -16px;background-color: var(--shades01);box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
.modal .modal-content{border: none;box-shadow: 0 2px 20px rgba(var(--shades02-rgb), 0.5);border-radius: 8px;}
/* ********|| MODAL END ||******** */


/* ********|| COMMON BTN START ||******** */
.book-now-btn {display: block;white-space: nowrap;}
.book-now-btn a{ background: var(--primary); padding: 0px 28px; border-radius: 50px; border: 0; color: var(--shades01); font-size: 16px; font-weight: 500; cursor: pointer; text-transform: uppercase; height: 56px; box-shadow: 0px 4px 14px 0px var(--primary); display: inline-flex; align-items: center; justify-content: center;}
.book-now-btn .btn-hover { border: 0 solid; box-shadow: inset 0 0 20px rgba(255, 255, 255, 0); outline: 1px solid; outline-color: var(--primary); outline-offset: 0px; text-shadow: none; transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);}
/* ********|| COMMON BTN END ||******** */

/* ********|| SWIPER START ||******** */
.solutions .swiper-btns{ position: relative; bottom: 15px; font-size: 1px; width: 100%; display: flex; align-items: center; justify-content: center;}
.solutions .swiper-button-next:after, .swiper-button-prev:after {  font-size: 20px !important; }
.solutions .swiper-button-next, .solutions .swiper-rtl .swiper-button-prev {left: 50% !important;transform: translateX(100%) !important;}
.solutions .swiper-button-prev, .solutions .swiper-rtl .swiper-button-next {left: 50% !important; transform: translateX(-180%) !important;}
.solutions .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px)) !important;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px)) !important;
    display: inline-block;
}
.solutions .swiper-horizontal>.swiper-pagination-bullets, .solutions .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 6px) !important;   left: 2px !important; }

.use-case .swiper-btns{ position: relative; bottom: -15px; font-size: 1px; width: 100%; display: flex; align-items: center; justify-content: center;}
.use-case .swiper-button-next:after, .swiper-button-prev:after {  font-size: 20px !important; }
.use-case .swiper-button-next, .solutions .swiper-rtl .swiper-button-prev {right: 46.9% !important;transform: translateX(140%) !important; z-index: 99;}
.use-case .swiper-button-prev, .solutions .swiper-rtl .swiper-button-next {left: 48.5% !important; transform: translateX(-220%) !important; z-index: 99;}
.use-case .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px)) !important;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px)) !important;
    display: inline-block;
}
.use-case .swiper-horizontal>.swiper-pagination-bullets, .use-case .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 6px) !important;   left: 2px !important; }

.ourBenefits .swiper-btns{ position: relative; bottom: -15px; font-size: 1px; width: 100%; display: flex; align-items: center; justify-content: center;}
.ourBenefits .swiper-button-next:after, .swiper-button-prev:after {  font-size: 20px !important; }
.ourBenefits .swiper-button-next, .solutions .swiper-rtl .swiper-button-prev {left: 50% !important;transform: translateX(270%) !important;}
.ourBenefits .swiper-button-prev, .solutions .swiper-rtl .swiper-button-next {left: 50% !important; transform: translateX(-360%) !important;}
.ourBenefits .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px)) !important;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px)) !important;
    display: inline-block;
}
.ourBenefits .swiper-horizontal>.swiper-pagination-bullets, .ourBenefits .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 6px) !important;   left: 2px !important; }

    .use-case .swiper{padding-bottom: 30px;}
/* ********|| SWIPER END ||******** */

/* ********|| HEADER START ||******** */
header { position: sticky; z-index: 11; top:0; transition: all 0.3s ease;}
.upper-header{background: var(--primary); color: var(--shades01); height: 50px; display: flex; align-items: center;}
.upper-header .container{width: 100%;}
.upper-header .upper-header-wrapper{display: flex; justify-content: space-between;}
.upper-header .upper-header-wrapper .upper-header-list{display: flex; gap: 30px;}
.upper-header .upper-header-wrapper .header-list-left .header-items:first-child{border-right: 1px solid var(--shades01); padding-right: 25px;}
.upper-header .upper-header-wrapper .upper-header-list .header-items{display: flex; gap: 10px; font-size: 15px;}
.upper-header .upper-header-wrapper .upper-header-list .header-items a{display: flex; gap: 10px;}
.header-sec{background: var(--shades01); height: 90px; display: flex; align-items: center; border-bottom: 1px solid var(--border); position: relative; transition: all 0.5s ease;}
.header-sec .container{width: 100%;}
.header-sec .container .header-wrapper{display: flex; justify-content: space-between; align-items: center;}
.header-sec .container .header-wrapper .logo-wrapper{  height: 60px; overflow: hidden; display: flex; align-items: center;}
.header-sec .container .header-wrapper .logo-wrapper a{width: 100%; height: 100%; display: flex;}
.header-sec .container .header-wrapper .logo-wrapper img{width: 100%; height: 100%; object-fit: contain; object-position: left;}
.header-sec .container .header-wrapper .book-now-btn a{background: var(--primary); padding: 0px 28px ; border-radius: 50px; border: 0; color: var(--shades01); font-size: 16px;cursor: pointer; text-transform: uppercase; height: 56px; box-shadow: 0px 4px 14px 0px var(--primary); display: flex; align-items: center; justify-content: center; height: 48px;}

header .navigation{max-width: 1000px; width: 100%;}
header .navigation .navigation-menu { display: flex; align-items: center; justify-content: center; gap: 18px; margin-bottom: 0; margin-top: 0; columns: var(--secondary); position: relative;}
header .navigation .navigation-menu li { list-style: none;}
header .navigation .navigation-menu .menu-link, .sub-menu-link { display: flex; align-items: center; font-size: 18px; font-weight: 500; text-transform: capitalize; padding: 6px 18px; transition: 0.3s all ease; overflow: hidden; position: relative;}
.navigation .navigation-menu .dropdown{position: relative;}
.navigation .navigation-menu .dropdown span{padding-left: 5px; padding-top: 5px;}
/* .dropdown::after{content: '\f078'; font-family: "Font Awesome 6 pro"; position: absolute; top: 50%; right: -1px; line-height: 1; transform: translateY(-50%); font-size: 16px;} */
.dropdown .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 8; background-color: var(--shades01); margin: 2px 0 0; border-radius: 4px; box-shadow: 0 2px 20px rgba(var(--shades02-rgb), 0.1); padding: 15px; border-radius: 10px; border: 1px solid var(--border); overflow: auto; max-height: 240px; list-style: none; display: none; opacity: 0; transition: opacity 0.3s ease, visibility 0s 0.3s; visibility: hidden;}
.dropdown .dropdown-menu li{padding: 8px 6px; transition: 0.3s all ease;}
.dropdown .dropdown-menu li:hover{background-color: var(--shades09); border-radius: 10px;}
.dropdown.active .dropdown-menu { display: block; opacity: 1; visibility: visible; transition: opacity 0.3s ease, visibility 0s; max-width: 300px; min-width: 200px;}
.dropdown .dropdown-menu li .dropdown-item{white-space: nowrap; font-size: 16px;}
.btn-hover { border: 0 solid; box-shadow: inset 0 0 20px rgba(255, 255, 255, 0); outline: 1px solid; outline-color: var(--primary); outline-offset: 0px; text-shadow: none; transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);} 
.btn-hover:hover { border: 1px solid; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2); outline-color: rgba(255, 255, 255, 0); outline-offset: 10px; text-shadow: 1px 1px 2px #427388; }
.navigation > ul > li {display: inline-flex;}
.navigation ul li a, .navigation ul > li > a { color: #000; z-index: 12; transition: 300ms linear; cursor: pointer;}
/* .navigation ul .menu-item .sub-menu-link:after{ content: ""; margin: 0 0 0 4px; display: inline-block; background: url(../images/menu-arrow.svg) no-repeat; background-size: cover; width: 10px; height: 6.5px; transition: 300ms linear; z-index: 12; position: absolute; right: 0;} */
.navigation ul .menu-item .sub-menu-link:after{content: ""; position: absolute; bottom: 0px; left: 0; width: 0; height: 3px; background-color: var(--primary); border-radius: 0; transition: 0.5s all ease;}
.navigation ul .menu-item .sub-menu-link:hover::after{width: 100%;}
.sub-menu-link:hover ~ .menu-item .menu-link{color: var(--shades03);}
.main-subnavigation { position: absolute; top: -20px; padding: 79px 14px 40px; background: #f8f8f8; border-radius: 40px; border: 1px solid #cfcfcf; visibility: hidden; opacity: 0; transition: 400ms linear; z-index: 11; width: 100%;}
.main-subnavigation-position{left: 0;}
.main-subnavigation > ul { display: flex; flex-wrap: wrap;}
.main-subnavigation > ul > li { color: #111; margin: 20px 0 0; padding: 0 50px 0 21px; display: block; box-sizing: border-box; max-width: 50%;}
.main-subnavigation > ul > li:last-child{border: none;}
.main-subnavigation > ul > li > a { position: relative; display: inline-block; width: 100%; font-weight: 400; font-size: 20px; line-height: 28px; margin: 0 0 12px; padding: 0 24px 0 0; box-sizing: border-box; height: fit-content; color: #111111; transition: color 300ms linear; text-transform: capitalize;}
.main-subnavigation ul li p { margin: 0 0 42px; padding: 0; font-size: 16px; line-height: 24px; font-weight: 300;}
.main-subnavigation ul li a::before { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 17px; height: 12.5px; background: url(../images/submenu-arrow.svg) no-repeat;}
.navigation ul li:hover .main-subnavigation { visibility: visible; opacity: 1;}
.header-options{display: none;}
.header-options .menu-trigger{width: 30px; height: 30px; margin: auto 0; margin-left: 10px; display: none; flex-direction: column;}
.header-options .menu-trigger span{display: block; width: 100%; height: 3px; background: var(--primary); margin: auto 0; transition: all 0.3s ease;}
.book-now-btn.desktop{display: block; white-space: nowrap;}
.menu-item.book-now-btn.mobile {display: none;}

.main-subnavigation .sub-menu-destribution{flex-direction: column;}
.main-subnavigation .sub-menu-destribution li a::before{background: url(../images/logo.svg) no-repeat; width: 150px; height: 28px;}
.menu-item-col{position: relative;}
.main-subnavigation-col{position: absolute; top: 42px; right: 0!important; padding: 16px 12px 16px !important;background: #f8f8f8; border-radius: 40px; border: 1px solid #cfcfcf; visibility: hidden; opacity: 0; transition: 400ms linear; z-index: 11; width: 100%; width: 500px;}
.main-subnavigation-col > ul > li{max-width: 100%;}
.navigation ul li:hover .main-subnavigation-col { visibility: visible; opacity: 1;}


/* ********|| HEADER END ||******** */

/* ********|| BANNER START ||******** */
.banner-section{overflow: hidden; position: relative; padding: 0 0 80px; margin: 0 0 80px;}
.banner-section .banner-wrapper{display: flex; align-items: center; justify-content: space-between; padding-left: 148px;}
.banner-section .banner-wrapper .banner-content{max-width: 800px;}
/* .banner-section .banner-wrapper .banner-content .banner-title{font-weight: bold; line-height: 1.4; font-size: 50px; letter-spacing: 1px; color: var(--blueSecondary); text-transform: capitalize; margin: 0;} */
.banner-section .banner-wrapper .banner-content .banner-title{color: var(--blueShade01); font-size: 46px; line-height: 1.4; font-weight: 600; margin: 0 0 30px; max-width: 640px;}
/* .banner-section .banner-wrapper .banner-content .banner-title span{color: var(--primary);} */
.banner-section .banner-wrapper .banner-content .description{font-weight: 400; font-size: 24px; color: var(--secondary); line-height: 1.5; margin: 22px 0 70px;}
.banner-section .banner-wrapper .banner-content .banner-btn .btn-hover{background: var(--primary); padding: 16px 28px; border-radius: 60px; border: 0; color: var(--shades01); font-size: 20px; cursor: pointer; text-transform: uppercase; height: 56px; font-weight: 500; box-shadow: 0px 4px 14px 0px rgb(17 112 235 / 94%);}
.banner-content .performance-grade {margin: 85px 0 0;}
.banner-content .performance-grade ul { display: flex; gap: 32px;}
.banner-content .performance-grade ul li { display: flex; flex-direction: column; font-weight: bold; font-size: 20px; color: var(--blueSecondary); border-right: 1px solid var(--shades07); padding: 0 20px 0 0;}
.banner-content .performance-grade ul li:last-child{border: none;}
.banner-content .performance-grade ul li span {font-size: 34px; margin-bottom: 8px;}
.banner-section .banner-wrapper .banner-slider{position: relative; max-width: 925px;}
.banner-section .banner-wrapper .banner-slider::after{content: ""; position: absolute; right: 0; top: -27px; border-radius: 50px; width: 100%; background-image: linear-gradient(45deg, #CCF0FF, #FDE0FF); transform: skew(0deg, -10deg); height: 100%; }
.banner-section .banner-wrapper .banner-slider .banner-slide-content{max-width: 600px; overflow: hidden;}
.banner-section .banner-wrapper .banner-slider .banner-slide-content img{width: 90%; height: 90%; object-fit: contain;}
.banner-section .banner-wrapper .banner-slider .swiper-pagination{bottom: 53px;}
.banner-section .banner-wrapper .banner-slider .swiper-pagination span{width: 20px; height: 5px; border-radius: 5px; background-color: var(--shades01); opacity: 1;}
.banner-section .banner-wrapper .banner-slider .swiper-pagination span.swiper-pagination-bullet-active{background-color: var(--primary);}
.banner-btn{display: flex; gap: 24px;}

/* ********|| BANNER END ||******** */

/* ********|| SERVICE START ||******** */
.use-case.home-service{margin: 0;}
.use-case.home-service .use-case-content .heading{font-size: 30px; letter-spacing: 1px; font-weight: 600; max-width: 1000px; text-align: center; text-transform: capitalize; line-height: 1.4;}
.use-case.home-service .use-case-content .usecase-list .caselist .list-title{text-align: center;}
.use-case.home-service .use-case-content .usecase-list .caselist{justify-content: flex-start;}
.use-case.home-service .use-case-content .usecase-list .caselist .case-icon img{width: 52px; height: 52px;}

/* ********|| SERVICE END ||******** */

/* ********|| ABOUT US START ||******** */
.about-company{padding: 40px 0; background-color: var(--shades09);}
.about-company .about-img{position: relative; display: inline-block; overflow: hidden; max-width: 755px; width: 100%;}
.about-company .about-img .overlay { position: absolute; top: 5%; right: 1%; border-radius: 20px; box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.2); max-width: 265px; width: 100%; display: flex; background: #fff; padding: 11px;}
.about-company .about-img .overlay img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}
.about-company-wrapper{display: flex; align-items: center; gap: 70px;}
.about-img .about-first-image{max-width: 780px; border-radius: 20px; overflow: hidden; display: flex; position: relative;}
/* .about-img .about-first-image::after { width: 237px; height: 181px; background-color: var(--shades01); content: ""; position: absolute; left: -141px; transform: rotate(45deg); top: -114px;}
.about-img .about-first-image::before { width: 226px; height: 268px; background-color: var(--shades01); content: ""; position: absolute; right: -131px; transform: rotate(45deg); bottom: -152px;} */
.about-img .about-first-image img{width: 100%; height: 100%; object-fit: cover;}
.about-content .top-title{color: var(--primary); font-size: 30px; font-weight: bold; text-transform: capitalize; display: flex; align-items: center; gap: 20px; margin: 0 0 30px;}
.about-content .top-title img{width: 11%;}
.about-content .about-title { color: var(--blueShade01); font-size: 46px; line-height: 1.4; font-weight: 600; margin: 0 0 30px;}
.about-company .about-content .about-description{font-weight: 400; font-size: 18px; line-height: 1.6; color: var(--secondary);}
.about-company-wrapper .about-content .about-description ul{column-count: 2; margin: 35px 0;}
.about-company-wrapper .about-content .about-description ul li{color: var(--blueSecondary); font-size: 16px; font-weight: 500; margin: 0 0 13px; position: relative; padding: 0 0 0 28px;}
.about-company-wrapper .about-content .about-description ul li::before{content: "\f005"; position: absolute; left: 0; font-family: "Font Awesome 6 Pro"; color: var(--blueShade02); font-size: 15px; top: 2px;}
.about-option {border-top: 1px solid var(--shades07); padding: 30px 0 0; display: flex; align-items: center; gap: 60px;}
.about-option .contact-btn{background: var(--primary); padding: 16px 28px; border-radius: 10px; border: 0; color: var(--shades01); font-size: 20px; cursor: pointer; text-transform: uppercase; height: 56px; font-weight: 600; font-weight: 600; box-shadow: 0px 4px 14px 0px rgb(17 112 235 / 94%); border-radius: 60px; text-transform: capitalize;}
.about-option .about-call-us { display: flex; align-items: center; gap: 20px;}
.about-option .about-call-us span{background-color: var(--primary); width: 70px; height: 70px; display: flex; justify-content: center; color: var(--shades01); font-size: 25px;border-radius: 50px; align-items: center;}
.about-option .about-call-us .call-us .title{margin: 0 0 4px; text-transform: capitalize; font-size: 16px; font-weight: 500; color: var(--shades08);}
.about-option .about-call-us a.call-us div{color: var(--blueSecondary); font-size: 20px; font-weight: 600;}
.about-option{border: none;}
/* ********|| ABOUT US END ||******** */

/* ********|| SERVICE START ||******** */
.service{padding: 0 0 90px;}
.service .service-content{text-align: center;}
.service .service-content .title{display: flex; align-items: center; justify-content: center; gap: 15px; font-size: 30px; font-weight: bold; color: var(--primary);}
.service .service-content .title img{width: 4%;}
/* ********|| SERVICE END ||******** */

/* ********|| OPPORTUNITIES START ||******** */
.opportunities{background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; padding: 80px 0;}
.opportunities .oportunity-content{ display: flex; flex-direction: column; align-items: center;}
.opportunities .oportunity-content .heading{ display: flex; align-items: center; gap: 10px; margin: 0; font-weight: bold; font-size: 30px; color: var(--primary); text-transform: capitalize;}
.opportunities .oportunity-content .heading img{width: 10%;}
.opportunities .oportunity-content .title{font-weight: bold; font-size: 50px; color: var(--blueSecondary); max-width: 1000px; text-align: center; line-height: 1.2; margin: 16px auto 10px; text-transform: capitalize;}
.opportunities .oportunity-content .sub-heading{font-weight: 400; font-size: 20px; color: var(--secondary); max-width: 790px; text-align: center; line-height: 1.5; text-transform: capitalize; margin: 0;}
.opportunities .chalange-list{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-content: space-between; column-gap: 96px; margin: 60px auto 0; row-gap: 45px; max-width: 1500px;}
.opportunities .chalange-list .chalange-item{position: relative; display: flex; flex-direction: column; height: 100%;}
.opportunities .chalange-list .chalange-item::before{content: ""; position: absolute; border-left: 4px solid var(--primary); width: 100%; max-height: 210px; height: 100%; left: -40px; top: 0;}
.opportunities .chalange-list .chalange-item .chalange{background-color: var(--shades09); border-radius: 20px; display: flex; align-items: start; justify-content: center; position: relative; flex-direction: column; aspect-ratio: 5 / 1; padding: 88px 0 88px 30px; box-shadow: 0px 2px 18px 0px rgba(7, 66, 143, 0.4); max-width: 721px; width: 100%; margin-bottom: 27px;}
.opportunities .chalange-list .chalange-item .chalange::after{content: ""; position: absolute; right: 0; top: 0; background-image: url(../images/opportunity-shape.png); width: 144px; height: 101px;}
.opportunities .chalange-list .chalange-item .chalange::before{content: "1"; position: absolute; left: -61px; top: -1px; width: 45px; height: 45px; z-index: 2; border: 2px solid var(--primary); border-radius: 50px; background-color: var(--shades01); font-weight: bold; font-size: 22px; color: var(--primary); display: flex; align-items: center; justify-content: center;}
.opportunities .chalange-list .chalange-item .chalange .icon{position: absolute; right: 35px; top: 16px; z-index: 2;}
.opportunities .chalange-list .chalange-item .chalange .title{font-weight: bold; font-size: 24px; color: var(--shades14); text-transform: uppercase;}
.opportunities .chalange-list .chalange-item .chalange .sub-title{font-weight: 500; font-size: 20px; color: var(--shades14); text-transform: capitalize; margin: 12px 0;}
.opportunities .chalange-list .chalange-item .chalange .description{font-weight: 400; font-size: 18px; color: var(--shades14); text-transform: capitalize;}
.opportunities .chalange-list .chalange-item .solution{background-color: var(--shades09); border-radius: 20px; position: relative; padding: 40px 0 40px 30px; box-shadow: 0px 2px 18px 0px rgba(7, 66, 143, 0.4); width: 100%; height: 100%;}
.opportunities .chalange-list .chalange-item .solution::after{content: ""; position: absolute; right: 0; top: 0; background-image: url(../images/opportunity-shape.png); width: 144px; height: 101px;}
.opportunities .chalange-list .chalange-item .solution::before{content: "\f00c"; position: absolute; left: -61px; top: -1px; width: 45px; height: 45px; z-index: 2; border-radius: 50px; background-color: var(--primary); font-weight: bold; font-size: 22px; color: var(--shades01); display: flex; align-items: center; justify-content: center; font-family: "Font Awesome 6 Pro";}
.opportunities .chalange-list .chalange-item .solution .icon{position: absolute; right: 35px; top: 16px; z-index: 2;}
.opportunities .chalange-list .chalange-item .solution .title{font-weight: bold; font-size: 24px; color: var(--shades14); text-transform: uppercase;}
.opportunities .chalange-list .chalange-item .solution .sub-title{font-weight: 600; font-size: 20px; color: var(--shades14); text-transform: capitalize; margin: 17px 0;}
.opportunities .chalange-list .chalange-item .solution .sub-sub-title{font-weight: 400; font-size: 20px; color: var(--shades14); text-transform: capitalize; margin: 0 0 11px;}
.opportunities .chalange-list .chalange-item .solution .description{font-weight: 400; font-size: 16px; color: var(--shades14); text-transform: capitalize; max-width: 660px; line-height: 1.5;}
/* ********|| OPPORTUNITIES END ||******** */

/* ********|| WHYCHOOSE START ||******** */
.why-choose {padding: 145px 0 145px;}
.why-choose .choose-content-wrap{display: flex; align-items: flex-start; gap: 50px; justify-content: space-between;}
.why-choose .choose-content-wrap .choose-content{max-width: 700px; width: 100%;}
.why-choose .choose-content-wrap .choose-content .title{font-weight: bold; font-size: 30px; color: var(--primary); display: flex; align-items: center; gap: 15px; margin: 0;}
.why-choose .choose-content-wrap .choose-content .title img{width: 12%;}
.why-choose .choose-content-wrap .choose-content .sub-title{margin: 30px 0; font-weight: bold; font-size: 36px; color: var(--blueSecondary); line-height: 1.4; text-transform: capitalize;}
.why-choose .choose-content-wrap .choose-content .description{font-weight: 400; font-size: 18px; color: var(--secondary); line-height: 1.6; text-transform: capitalize; margin: 0 0 38px;}
.why-choose .choose-content-wrap .choose-content .content-image{overflow: hidden; height: 342px; background-color: var(--shades11); border: 2px solid var(--shades07); border-radius: 20px; padding: 8px 0;}
.why-choose .choose-content-wrap .choose-content .content-image img{width: 100%; height: 100%; object-fit: contain;}
.why-choose .choose-content-wrap .content-lists{max-width: 826px; width: 100%;}
.why-choose .choose-content-wrap .content-list-box{border: 1px solid var(--shades07); border-radius: 20px; overflow: hidden; padding: 30px 40px; margin: 0 0 20px; display: flex; align-items: flex-start; gap: 40px; justify-content: space-between;}
.why-choose .choose-content-wrap .content-list-box:hover .list-icon{background-color: var(--primary); border: transparent; transition: all 0.3s ease;}
.why-choose .choose-content-wrap .content-list-box .list-icon{width: 81px; height: 81px; border-radius: 20px; background-color: var(--shades09); border: 1px solid var(--border02); flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; position: relative;}
.why-choose .choose-content-wrap .content-list-box .list-icon img{width: 42px; height: 42px; position: absolute; transition: opacity 0.3s ease-in-out;}
.why-choose .choose-content-wrap .content-list-box .list-icon .hover-img {opacity: 0; transform: rotate(0deg); transition: opacity 0.3s ease-in-out, transform 0.5s ease-in-out;}
.why-choose .choose-content-wrap .content-list-box:hover .list-icon .default-img {opacity: 0;}
.why-choose .choose-content-wrap .content-list-box:hover .list-icon .hover-img {opacity: 1; transform: rotate(360deg);}
.why-choose .choose-content-wrap .content-list-box .box-content .title{font-weight: 600; font-size: 26px; color: var(--blueShade01); margin: 0 0 12px;line-height: 1.4;}
.why-choose .choose-content-wrap .content-list-box .box-content .description{font-weight: 400; font-size: 18px; color: var(--secondary); line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 4; overflow: hidden; -webkit-box-orient: vertical;}
/* ********|| WHYCHOOSE END ||******** */


/* ********|| OUR SOLUTION START ||******** */
 .solutions{position: relative;    background-color: var(--shades03);}
 .solutions .solutions-container{position: relative; display: flex; flex-direction: row; align-items: flex-start;}
 .solutions .solutions-container .solutions-right{width: 50%;  display: flex; flex-direction: column;}
 .solutions-right .solutions-intro{position: relative; background-color: var(--blueShade01); padding: 48px 160px 48px 48px;}
 .solutions-right .solutions-intro .title{   margin: 0px 0px 30px 0px;font-weight: bold;font-size: 36px;color: var(--shades01);line-height: 1.4;text-transform: capitalize;text-align: left;}
 .solutions-right .solutions-intro .description{font-weight: 400;font-size: 18px;color: var(--shades01);line-height: 1.6; margin: 0px 0px 10px 0px;text-align: left; }
 .solutions-right .solutions-image{width: 100%; height: 300px; aspect-ratio: 6/3; overflow: hidden; background-image: linear-gradient(to left, var(--gradientblue), var(--gradientpurple)); padding: 20px;}
 .solutions-right .solutions-image img{ width: 100%; height: 100%; object-fit: contain;}
 .solutions-left{width: 50%; padding: 48px 48px 48px 160px;}
 .solutions-left .solutions-items{position: relative;}
 .solutions-items .swiper-wrapper{height: 100% !important;}
 .solutions-items .swiper-slide{height: 100% !important;}
 .solutions-items .solutions-item{position: relative; margin-bottom: 24px;}
 .solutions-item .title{font-weight: 600; font-size: 26px; color: var(--blueShade01); margin: 0 0 12px; text-align: left;}
 .solutions-item .description{font-weight: 400; font-size: 18px; color: var(--secondary); line-height: 1.6; text-align: left;}
/* ********|| OUR SOLUTION END ||******** */

/* ********|| INNOVATION START ||******** */
.innovation{background-color: var(--shades15); padding: 100px 0; margin: 230px 0 0;}
.innovation .head-title{font-weight: bold; font-size: 176px; color: var(--shades15); margin: -235px 0 0; text-align: center; overflow: hidden; white-space: nowrap; letter-spacing: 0px; line-height: 0.75em; margin-left: -12px;}
.innovation .title{font-weight: bold; font-size: 50px; line-height: 1.4; color: var(--blueShade01); text-transform: capitalize; max-width: 615px;}
.innovation .innovation-list{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px;gap: 30px; border-top: 1px solid #d2d2d2; padding: 28px 0 0; margin: 100px 0 0;}
.innovation .innovation-list .lists{max-width: 350px; width: 100%; overflow: hidden; position: relative;}
.innovation .innovation-list .lists .number{font-weight: bold; font-size: 200px; -webkit-text-fill-color: transparent; -webkit-text-stroke: 2px var(--blueSecondary); position: relative;}
/* .innovation .innovation-list .lists .number::before{content: ''; background-repeat: no-repeat; position: absolute; top: 0; left: 0; aspect-ratio: 16 / 9; width: 100%; background-image: url(../images/leverage.png); background-size: cover; overflow: hidden; opacity: 0; transition: opacity 0.5s; border-radius: 10px;} */

.innovation .innovation-list .lists .number-img{position: absolute; top: 0; left: 0; aspect-ratio: 16 / 9; width: 100%;   overflow: hidden; opacity: 0; transition: opacity 0.5s; border-radius: 10px;}
.innovation .innovation-list .lists .number-img img{width: 100%; height: 100%; object-fit: cover;}

.innovation .innovation-list .lists .title{font-weight: 400; font-size: 36px; color: var(--blueSecondary); text-transform: capitalize; line-height: 1.2;}
.innovation .innovation-list .lists .description{font-weight: 400; font-size: 18px; color: var(--secondary); line-height: 1.6; margin: 18px 0; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box;}
.innovation .innovation-list .lists .list-link{font-weight: 400; font-size: 18px; color: var(--blueSecondary); text-transform: capitalize; display: flex; align-items: center; justify-content: left; gap: 10px;}
/* .innovation .innovation-list .lists:hover .number::before{content: ''; background-repeat: no-repeat; position: absolute; top: 0; left: 0; aspect-ratio: 16 / 9; width: 100%; background-image: url(../images/leverage.png); background-size: cover; overflow: hidden; opacity: 1; transition: opacity 0.5s; border-radius: 10px;} */
.innovation .innovation-list .lists:hover .number-img{opacity: 1;}
/* ********|| INNOVATION END ||******** */

/* ********|| EXTENSION START ||******** */
.extension{padding: 77px 0;}
.extension .extension-content{text-align: center;}
.extension .extension-content .heading{color: var(--primary); font-size: 30px; font-weight: bold; text-transform: capitalize; display: flex; align-items: center; gap: 15px; margin: 0; justify-content: center;}
.extension .extension-content .heading img{width: 4%;}
.extension .extension-content .title{font-weight: bold; font-size: 50px; color: var(--blueShade01); margin: 10px 0; text-transform: capitalize;}
.extension .extension-content .sub-title{font-weight: 400; font-size: 20px; color: var(--secondary); margin: 0 auto;  line-height: 1.6; max-width: 980px;}
.accordion-wrapper{display: flex; justify-content: space-between; gap: 100px; position: relative; margin: 65px 0 0;}
.accordion-wrapper .extension-accordion{max-width: 800px; width: 100%; padding-left: 148px;}
.accordion_images {position: relative;}
.accordion_images img { opacity: 0; transition: 0.3s;}
.accordion_images img:not(:first-child) { position: absolute; left: 0; top: 0;}
.accordion_images img.active { opacity: 1;}
.accordion-item { width: 100%; margin-bottom: 18px; background-color: var(--shades01); padding: 7px 38px 8px; border-radius: 4px; border: 1px solid var(--border03); position: relative;}
.accordion-item.accordion_active{  box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08); border: transparent;}
.accordion-item::before{background-color: var(--shades14); width: 30px; height: 2px; content: ""; position: absolute; left: -15px; top: 36px; opacity: 0; visibility: hidden;}
.accordion-item.accordion_active::before{opacity: 1; visibility: visible;}
.accordion_intro { position: relative; cursor: pointer; padding: 12px 0 12px;}
.accordion_content { color: var(--secondary); max-height: 0; transition: all 0.25s ease; opacity: 0; font-weight: 400; font-size: 18px; line-height: 1.6; padding: 0 0 0 62px;}
.accordion_content .description{margin: 0 0 20px;}
.accordion_content .accordion_image {display: none;}
.accordion-item .title { color: #1E2D6E; font-size: 20px; font-weight: 600; margin: 0; display: flex; align-items: center; gap: 26px;}
.accordion_content .sub-content{font-size: 18px; font-weight: 600;}
.accordion_active .accordion_content { opacity: 1;}
.accordion-swipe-image{max-width: 880px; width: 100%; overflow: hidden; position: relative; background-image: linear-gradient(93deg, var(--gradientpurple), var(--gradientblue)); border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; display: flex; align-items: center; justify-content: center; z-index: 1;}
.accordion-swipe-image::after{content: ""; background-image: url(../images/cloudoffering-shape.png); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: left; background-size: cover; opacity: 0.5; z-index: -1; mix-blend-mode: multiply;}
.accordion-swipe-image .image-wrapper{max-width: 500px; width: 100%;}
.accordion-swipe-image .image-wrapper img{width: 100%; height: 100%; object-fit: contain;}

/* ********|| EXTENSION START ||******** */

/* ********|| TESTIMONIAL START ||******** */
.swiper { width: 100%; height: 100%;}
.swiper-slide { text-align: center; font-size: 18px; background: transparent; display: flex !important; justify-content: center; height: auto !important; padding: 20px 6px;}
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}
.testimonial{padding: 100px 0 0;}
.testimonial .testimonial-content{display: flex; align-items: end; justify-content: space-between;}
.testimonial .testimonial-content .heading-area .small-title{font-weight: bold; font-size: 30px; color: var(--primary); display: flex; align-items: center; gap: 15px; margin: 0; text-transform: capitalize;}
.testimonial .testimonial-content .heading-area .small-title img{width: 12%;}
.testimonial .testimonial-content .heading-area .main-heading{font-weight: bold; font-size: 46px; color: #1C355E; margin: 20px 0;}
.testimonial .testimonial-content .heading-area .subtitle{font-weight: 400; font-size: 24px; color: var(--secondary); margin: 0;}
.testimonial .trusted{display: flex; max-width: 255px; width: 100%; gap: 20px;}
.testimonial .trusted ul{display: flex; }
.testimonial .trusted ul li{width: 48px; height: 48px; overflow: hidden; border-radius: 50px; margin: 0 0 0 -9px; border: 3px solid var(--shades01);}
.testimonial .trusted ul li img{width: 100%; height: 100%; object-fit: cover;}
.testimonial .trusted .star .title{font-weight: 500; font-size: 20px; color: var(--blueSecondary); margin: 0 0 1px;}
.testimonial .trusted .star ul li{width: auto; height: auto; border-radius: 0; margin: 0; border: transparent; }
.testimonial .trusted .star ul li{color: #FFC402;}
.testimonial .testimonial-slide{padding: 20px 0;}
.testimonial .testimonial-swiper .testimonial-slide-content{display: flex; justify-content: space-between; gap: 25px; border: 1px solid var(--shades03); border-radius: 20px; padding: 55px 50px 18px; box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.1); background-color: var(--shades01);}
.testimonial .testimonial-swiper .testimonial-slide-content .client-img{width: 82px; height: 82px; border-radius: 50px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden;}
.testimonial .testimonial-swiper .testimonial-slide-content .description { display: flex; flex-direction: column; align-items: flex-start; font-size: 18px; font-weight: 400; color: var(--secondary); text-align: left; line-height: 1.6;}
.testimonial .testimonial-swiper .testimonial-slide-content .description .client-name{font-weight: 500; font-size: 20px; color: var(--blueSecondary); margin: 8px 0;}
.testimonial .testimonial-swiper .testimonial-slide-content .description .client-designation{font-weight: 400; font-size: 16px; text-transform: capitalize; color: #94A3B8; margin: 0;}
/* ********|| TESTIMONIAL END ||******** */

/* ********|| COMPANY START ||******** */
.company{background-color: var(--shades09); padding: 220px 0 50px; margin: -167px 0 0;}
.company .company-details{display: flex; align-items: center; justify-content: space-between;}
.company .company-details .heading-area{max-width: 515px; width: 100%; flex-shrink: 0; flex-grow: 1;}
.company .company-details .heading-area .small-title{font-weight: bold; font-size: 30px; color: var(--primary); display: flex; align-items: center; gap: 15px; margin: 0; text-transform: capitalize;}
.company .company-details .heading-area .small-title img{width: 12%;}
.company .company-details .heading-area .main-heading{font-weight: bold; line-height: 1.4; font-size: 46px; color: #1C355E; margin: 20px 0;}
.company .company-details .heading-area .subtitle{font-weight: 400; font-size: 22px; color: var(--secondary); margin: 0;}
/* .company .company-details .company-logos ul{display: flex; align-items: center; gap: 40px;}
.company .company-details .company-logos ul li{background-color: var(--shades01); border-radius: 20px; width: 218px; height: 195px; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 28px;}
.company .company-details .company-logos ul li img{width: 100%;} */
.company .company-details .company-logos{width: 60%;}
.company .company-details .company-logos .company-logo-img{background-color: var(--shades01); border-radius: 20px; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 28px; aspect-ratio: 1.2/1;}
.company .company-details .company-logos.company-logo-img img{width: 100%; height: 100%; object-fit: contain;}
.company-logos .swiper{padding-bottom:20px!important;}
.company-logos .swiper-slide img{object-fit: contain;}
.company-trusted{display: flex; justify-content: end; margin-bottom: 20px;}
.company-trusted .trusted{display: flex; max-width: 255px; width: 100%; gap: 20px;}
.company-trusted .trusted ul{display: flex; }
.company-trusted .trusted ul li{width: 48px; height: 48px; overflow: hidden; border-radius: 50px; margin: 0 0 0 -9px; border: 3px solid var(--shades01);}
.company-trusted .trusted ul li img{width: 100%; height: 100%; object-fit: cover;}
.company-trusted .trusted .star .title{font-weight: 500; font-size: 20px; color: var(--blueSecondary); margin: 0 0 1px;}
.company-trusted .trusted .star ul li{width: auto; height: auto; border-radius: 0; margin: 0; border: transparent; }
.company-trusted .trusted .star ul li{color: #FFC402;}
/* ********|| COMPANY END ||******** */

/* ********|| LATEST INSIGHT START ||******** */
.latest-insights{padding: 100px 0;}
.latest-insights .insight-content{text-align: center;}
.latest-insights .insight-content .small-title{font-size: 30px; font-weight: bold; color: var(--primary); display: flex; align-items: center; gap: 15px; text-transform: capitalize; justify-content: center; margin: 0;}
.latest-insights .insight-content .small-title img{width: 4%;}
.latest-insights .insight-content .title{font-weight: bold; font-size: 50px; color: var(--blueShade01); margin: 25px auto; text-transform: capitalize; max-width: 1180px; width: 100%; line-height: 1.4;}
.latest-insights .insight-slide{margin-top: 40px;}
.insight-slide .insight-swiper .insight-slide-content{border-top-right-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.2); display: flex; align-items: center; gap: 30px; max-width: 792px; width: 100%;}
.insight-btn .btn-hover{background: var(--primary); padding: 16px 28px; border-radius: 60px; border: 0; color: var(--shades01); font-size: 20px; cursor: pointer; text-transform: capitalize; height: 56px; font-weight: 500; box-shadow: 0px 4px 14px 0px rgb(17 112 235 / 94%);}
.insight-slide .insight-swiper .insight-slide-content .meta-content{display: flex; flex-direction: column; width: 100%; padding-right: 12px;}
.insight-slide .insight-swiper .insight-slide-content .meta-img{max-width: 320px; width: 100%; position: relative; height: 100%;}
.insight-slide .insight-swiper .insight-slide-content .meta-img img{width: 100%; height: 100%; object-fit: cover;}
.insight-slide .insight-swiper .insight-slide-content .meta-img .meta-tag{position: absolute; top: 28px; border-radius: 40px; height: 40px; text-align: center; background-color: var(--shades01); font-weight: bold; font-size: 18px; color: var(--shades02); display: flex; align-items: center; justify-content: center; padding: 0 28px; left: 32px;}
.insight-slide .insight-btn{margin: 35px 0 0;}
.swiper-buttons { position: absolute; max-width: 400px; bottom: 115px; z-index: 9; right: 218px;}
.insight-slide .insight-swiper .insight-slide-content .meta-content .meta-options{display: flex; align-items: center; gap: 20px;}
.insight-slide .insight-swiper .insight-slide-content .meta-content .meta-options .meta-date{font-weight: 400; font-size: 18px; color: var(--secondary); text-transform: capitalize;}
.insight-slide .insight-swiper .insight-slide-content .meta-content .meta-options .meta-date span{display: flex; align-items: center; gap: 10px;}.insight-slide .insight-swiper .insight-slide-content .meta-content .meta-options .meta-time{font-weight: 400; font-size: 18px; color: var(--secondary); text-transform: capitalize;}
.insight-slide .insight-swiper .insight-slide-content .meta-content .meta-options .meta-time span{display: flex; align-items: center; gap: 10px;}
.insight-slide .insight-swiper .insight-slide-content .meta-title{font-size: 28px; font-weight: 500; color: var(--blueSecondary); line-height: 1.4; text-align: left; margin: 27px 0 19px; text-transform: capitalize;}
.insight-slide .insight-swiper .insight-slide-content .meta-description{font-size: 18px; font-weight: 400; color: var(--secondary); line-height: 1.4; max-width: 410px; width: 100%; text-align: left; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.insight-slide .insight-swiper .insight-slide-content .meta-action{font-size: 18px; font-weight: 500; color: var(--primary); margin: 22px 0 0;}
.insight-slide .insight-swiper .insight-slide-content .meta-action a{display: flex; align-items: center; gap: 15px;}
.insight-slide .insight-swiper .insight-slide-content .meta-action a .fa-arrow-right{font-size: 15px; margin: 4px 0 0;}
.swiper-buttons .swiper-button-next{right: 0;}
.swiper-buttons .swiper-button-next:after{background: var(--primary); width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; font-size: 19px; color: var(--shades01);}
.swiper-buttons .swiper-button-prev{left: -87px;}
.swiper-buttons .swiper-button-prev::after{border: 1px solid var(--primary); width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; font-size: 19px; color: var(--primary);}
/* ********|| LATEST INSIGHT END ||******** */

/* ********|| HOME CONTACT START ||******** */
.contact-info{background-position: center; background-size: cover; background-color: var(--shades06);}
.contact-info .container{display: flex; justify-content: space-between;}
.contact-info .contact-info-content{max-width: 580px; width: 100%; padding: 40px 0 40px;}
.contact-info .contact-info-content .sub-title{display: flex; align-items: center; gap: 15px; font-weight: bold; font-size: 30px; color: var(--primary); text-transform: capitalize; margin: 0;}
.contact-info .contact-info-content .sub-title img{width: 12%;}
.contact-info .contact-info-content .title{font-weight: bold; font-size: 40px; color: var(--blueSecondary); margin: 30px 0; text-transform: capitalize;}
.contact-info .contact-info-content ul li{display: flex; align-items: center; gap: 20px; font-weight: 400; font-size: 20px; color: var(--blueSecondary); margin: 0 0 25px;}
.contact-info .contact-info-content ul li span{background-image: linear-gradient(36deg, var(--gradientblue), var(--gradientpurple)); width: 46px; height: 46px; border-radius: 50px; display: flex; align-items: center; justify-content: center; color: var(--shades01); flex-shrink: 0;}
.contact-info .contact-info-content ul li span + div{flex-shrink: 1;}
.contact-info .contact-info-content ul li .email-box .title{font-weight: 400; font-size: 18px; color: var(--secondary); text-transform: uppercase; margin: 0 0 5px; text-transform: capitalize;}
.contact-info .form-content{max-width: 890px; width: 100%; padding: 60px 60px 100px;}
.contact-info .form-content .title{font-weight: bold; font-size: 50px; color: var(--blueSecondary); margin: 0 0 14px;}
.contact-info .form-content .description{font-weight: 400; font-size: 18px; color: var(--secondary); margin-bottom: 30px; line-height: 1.4; max-width: 666px; width: 100%;}
.contact-info .form-content .field-set {position: relative; width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 20px; column-gap: 20px;}
.contact-info .form-content .field-set .form-group{position: relative; width: 100%; grid-column: span 2 / span 2;}
.contact-info .form-content .field-set .form-group.col-span-half{grid-column: span 1 / span 1;}
.contact-info .form-content .field-set .form-action.col-span-half{grid-column: span 1 / span 1;}
.contact-info .form-content .form-action{width: 100%; margin: 35px 0 0;}
.contact-info .form-content .form-action .btn-action{width: 100%; height: 64px; border-radius: 10px; background-color: var(--primary); text-align: center; font-weight: 500; font-size: 18px; color: var(--shades01); border: none; cursor: pointer; transition: all 0.3s ease;}
.contact-info .form-content .form-action .btn-action:hover{background-color: var(--blueSecondary); transition: all 0.3s ease;}
.contact-info .form-content .field-set .form-group input{width: 100%; border-radius: 10px; border: 1px solid var(--shades10); height: 60px; font-size: 16px; font-weight: 400; color: var(--secondary); padding-left: 20px; text-transform: capitalize; font-family: "Space Grotesk", sans-serif; background-color: var(--shades01);}
.contact-info .form-content .field-set .form-group textarea{width: 100%; border-radius: 10px; border: 1px solid var(--shades10); font-size: 16px; font-weight: 400; color: var(--secondary); padding-left: 20px; padding-top: 20px; font-family: "Space Grotesk", sans-serif; background-color: var(--shades01);}
.contact-info .form-content .field-set .form-group input::placeholder{color: var(--secondary) !important;}
.contact-info .form-content .field-set .form-group textarea::placeholder{color: var(--secondary) !important;}
.contact-info .contact-info-content .benefit{margin: 54px 0 0;}
.contact-info .contact-info-content .benefit .title{font-weight: 500; font-size: 24px; color: var(--shades14); margin: 0 0 15px;}
.contact-info .contact-info-content .benefit ol li{margin: 0 0 15px; font-weight: 400; font-size: 18px; color: var(--secondary);}

.contact-info .form-content .field-set .form-group .form-control-select{width: 100%; border-radius: 10px; border: 1px solid var(--shades10); height: 60px; font-size: 16px; font-weight: 400; color: var(--secondary); padding-left: 20px; text-transform: capitalize; font-family: "Space Grotesk", sans-serif; background-color: var(--shades01);}
/* ********|| HOME CONTACT END ||******** */


/* ********|| BUSINESS PROMO START ||******** */
.business-promo-section{position: relative; padding: 100px 0; background-color: var(--shades09);}
.business-promo-section .business-promo-contaner{position: relative;z-index: 1;padding: 45px;background-color: #fff;box-shadow: -3.285px 20.741px 51px 0px rgba(0, 0, 47, 0.05); border-radius: 20px; overflow: hidden;}
.business-promo-section .business-promo-contaner:before {top: 0;left: 0;width: 70%;z-index: -1;content: "";height: 100%;position: absolute;background-repeat: no-repeat;background-image: url(../images/bg-img.webp); background-size: 100% 100%;  
  background-position: center;}
.business-promo-contaner .img-wrap{aspect-ratio: 3 / 2;  height: 300px;overflow: hidden; right: 0; bottom: 0; position: absolute;}
.business-promo-contaner .img-wrap img{ width: 100%; height: 100%; object-fit: contain;}
.business-promo-contaner .business-promo-details{    max-width: 600px;}
.business-promo-contaner .business-promo-details h3{ color: var(--shades01); font-size: 36px; font-weight: 700; line-height: 1.167;  padding: 0px !important; margin-bottom: 20px; margin-top: 0px;}
  .business-promo-contaner .business-promo-details{color: var(--shades01); padding-bottom: 25px; line-height: 1.6;}
.business-promo-contaner .business-promo-details .book-now-btn  {margin-top: 30px;}
.business-promo-contaner .business-promo-details .book-now-btn a{background: var(--primary); padding: 0px 28px; border-radius: 50px; border: 0; color: var(--shades01); font-size: 15px; cursor: pointer; text-transform: uppercase; height: 56px; box-shadow: 0px 4px 14px 0px rgb(17 112 235 / 94%); display: flex; align-items: center; justify-content: center;}
/* ********|| BUSINESS PROMO END ||******** */


/* ********|| GET START START ||******** */
.get-start-section{position: relative; padding: 100px 0;}
.get-start-section .container{display: flex; align-items: start; gap: 24px; background-color: var(--shades05);   height: 100%; box-shadow: 0px 4px 14px 0px rgba(213, 213, 213, 0.493); border-radius: 10px; border: 1px solid var(--border);}
.get-start-section .get-start-content{width: 50%; display: flex; flex-direction: column;gap: 14px; height: 100%; padding: 40px 50px;} 
.get-start-content .intro-details{font-weight: 400; font-size: 18px; color: var(--secondary); margin: 0; text-transform: capitalize; display: flex ; flex-direction: column; gap: 14px; line-height: 1.6;} 
.get-start-content .intro-details h3{ display: flex; align-items: center; gap: 10px; font-weight: bold; font-size: 30px; color: var(--primary); text-transform: capitalize; margin: 0;} 
.get-start-content .intro-details h3 img{width: 12%;} 
.get-start-content .contact-info{font-weight: 400; font-size: 16px;  background-color: transparent; margin: 0; text-transform: capitalize; display: flex;  flex-direction: column; gap: 14px;} 
.get-start-content .contact-info .contact-item{ color: var(--secondary); display: flex; gap: 14px; font-size: 15px;} 
.get-start-content .contact-info .contact-item .icon-wrap{ font-size: 16px;} 
.get-start-content .contact-info .contact-item .a{ }
.get-start-benefits{height: 100%;   padding: 40px 50px; border-left: 1px solid var(--border);} 
.get-start-benefits h3{display: flex; align-items: center; gap: 10px; font-weight: bold; font-size: 30px; color: var(--primary); text-transform: capitalize; margin-bottom: 10px; margin: 0px;} 
.get-start-benefits .benefits-list{margin-top: 30px;} 
.get-start-benefits .benefits-list ul{padding-left: 20px; font-size: 18px; margin-bottom: 40px;} 
.get-start-benefits .benefits-list ul li{ list-style-type: disc; margin-bottom: 16px; color: var(--secondary);} 
.get-start-benefits .book-now-btn{ } 
.get-start-benefits .book-now-btn a{background: var(--primary); padding: 0px 28px; border-radius: 50px; border: 0; color: var(--shades01); font-size: 15px; cursor: pointer; text-transform: uppercase; height: 56px; box-shadow: 0px 4px 14px 0px rgb(17 112 235 / 94%); display: flex; align-items: center; justify-content: center;}

/* ********|| GET START END ||******** */

/* ********|| FOOTER START ||******** */
footer{background: var(--blueSecondary);}
.footer-wrapper .footer-content { font-weight: 400; color: var(--shades01); font-size: 16px; margin: 22px 0 30px; max-width: 393px; line-height: 1.8;}
.footer-wrapper { display: flex; gap: 60px;}
.footer-wrapper .about-footer .footer-logo{max-width: 127px; width: 100%;}
.about-footer { border-right: 0.5px solid rgb(255 255 255 / 22%); padding: 60px 30px 40px 0;}
.footer-wrapper .footer-contact-info { display: flex; flex-direction: column; gap: 18px; font-weight: 400; color: var(--shades01); font-size: 16px;}
.footer-wrapper .footer-contact-info a{display: flex; align-items: center; gap: 20px;}
.footer-wrapper .footer-contact-info span{width: 36px; height: 36px; border-radius: 50px; text-align: center; color: var(--primary); background: var(--shades01); display: flex; align-items: center; justify-content: center;}
.footer-wrapper .footer-info{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 65px; padding: 71px 0;}
.footer-info .company-info .title{font-weight: 600; font-size: 22px; text-transform: uppercase; color: var(--shades01); margin: 0 0 40px;}
.footer-wrapper .footer-info .company-info ul li{font-size: 18px; color: var(--shades01); line-height: 2.7;}
.footer-info .product .title{font-weight: 600; font-size: 22px; text-transform: uppercase; color: var(--shades01); margin: 0 0 60px;}
.footer-wrapper .footer-info .product ul li{font-size: 18px; color: var(--shades01); line-height: 2.7;}
.footer-info .support .title{font-weight: 600; font-size: 22px; text-transform: uppercase; color: var(--shades01); margin: 0 0 60px;}
.footer-wrapper .footer-info .support ul li{font-size: 18px; color: var(--shades01); line-height: 2.7;}
.footer-info .information .title{font-weight: 600; font-size: 22px; text-transform: uppercase; color: var(--shades01); margin: 0 0 60px;}
.footer-wrapper .footer-info .information ul li{font-size: 18px; color: var(--shades01); line-height: 2.7;}
footer .footer-bottom { border-top: 0.5px solid rgb(255 255 255 / 22%); display: flex; justify-content: center; padding: 30px 0;}
.copyright-txt{color: var(--shades01); font-weight: 400; font-size: 16px;}
/* ********|| FOOTER END ||******** */

/* ********|| CLOUD OFFERINGS START ||******** */
.cloud-offering-banner{background-color: var(--shades12);}
.cloud-offering-banner .offering-wrapper{display: flex; align-items: center; justify-content: space-between; padding-left: 148px;}
.cloud-offering-banner .offering-wrapper .cloud-offering-content{max-width: 600px; width: 100%;}
.cloud-offering-banner .offering-wrapper .cloud-offering-content .title{font-weight: 600; font-size: 70px; color: var(--blueShade01); text-transform: capitalize; margin: 0 0 20px; line-height: 1.2;}
.cloud-offering-banner .offering-wrapper .cloud-offering-content .description{font-size: 18px; margin-bottom: 30px; line-height: 1.6;}
.cloud-offering-banner .offering-wrapper .cloud-offering-content .breadcrumb{background-color: var(--primary); border-radius: 10px; height: 60px; padding: 0 8px; display: inline-flex;
align-items: center; justify-content: center;}
.cloud-offering-banner .offering-wrapper .cloud-offering-content .breadcrumb li{color: var(--shades01); font-weight: 600; font-size: 30px; text-transform: uppercase; position: relative; margin: 0 16px;}
.cloud-offering-banner .offering-wrapper .cloud-offering-content .breadcrumb li a::after{content: '/'; position: absolute; right: -23px; top: 0;}
.cloud-offering-banner .offering-wrapper .cloud-banner-image{max-width: 1000px; width: 100%; overflow: hidden; position: relative; background-image: linear-gradient(93deg, var(--gradientblue), var(--gradientpurple)); border-top-left-radius: 300px; border-bottom-left-radius: 300px; height: 590px; display: flex; align-items: center; justify-content: center; z-index: 1;}
.cloud-offering-banner .offering-wrapper .cloud-banner-image::after{content: ""; background-image: url(../images/cloudoffering-shape.png); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: left; background-size: cover; opacity: 0.5; z-index: -1; mix-blend-mode: multiply;}
.cloud-offering-banner .offering-wrapper .cloud-banner-image img{width: 75%; height: 100%; object-fit: contain;}
.cloud-offering-banner .offering-wrapper .cloud-banner-image .image-wrapper{max-width: 600px; width: 100%;}
/* ********|| CLOUD OFFERINGS END ||******** */

/* ********|| PERFORMANCE START ||******** */
.about-company.performance-section{background-color: transparent; padding: 150px 0 0;}
.about-company.performance-section .about-company-wrapper{justify-content: space-between;}
.about-company.performance-section .dot-img-wrap{position: relative; max-width: 615px; width: 100%;}
.about-company.performance-section .about-img-performance{background-color: var(--blueSecondary); border-radius: 20px; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center;}
.about-company.performance-section .about-img-performance::after { background-image: url(../images/dotted.png); position: absolute; content: ""; right: 50px; top: -39px; width: 100%; height: 71%; background-repeat: no-repeat; background-size: contain; z-index: -1;}
.about-company.performance-section .about-img-performance .about-first-image{max-width: 360px; width: 100%;}
.about-company.performance-section .about-first-image img{width: 100%; height: 100%; object-fit: cover;}
.about-company.performance-section .about-company-wrapper .about-content .about-description{border-left: 1px solid var(--primary); font-size: 20px; padding-left: 20px; line-height: 1.4;}
.about-company.performance-section .about-company-wrapper .about-content{max-width: 765px; width: 100%;}
.about-company.performance-section .performance-grade{margin: 50px 0;}
.about-company.performance-section .performance-grade ul{display: flex; gap: 32px;}
.about-company.performance-section .performance-grade ul li{display: flex; flex-direction: column; font-weight: bold; font-size: 26px; color: var(--blueSecondary); border-right: 1px solid var(--shades07); padding: 0 45px 0 0;}
.about-company.performance-section .performance-grade ul li:last-child{border: none;}
.about-company.performance-section .performance-grade ul li span{font-size: 40px;}
.about-company.performance-section .about-option{border: none; padding: 0; margin-top: 40px;}
/* ********|| PERFORMANCE END ||******** */

/* ********|| USECASE START ||******** */
.use-case{padding: 60px 0; background-size: cover; background-position: center; width:100%; height: 100%; background-repeat: no-repeat; margin: 100px 0; position: relative; z-index: 1;}
.use-case::after{background-color: var(--shades01); content: ""; position: absolute; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.5;}
.use-case .use-case-content { display: flex; flex-direction: column; align-items: center; justify-content: center;}
.use-case .use-case-content .title{display: flex; align-items: center; gap: 20px; margin: 0; font-weight: bold; font-size: 30px; color: var(--primary);}
.use-case .use-case-content .title img{width: 21%;}
.use-case .use-case-content .heading{margin: 12px 0; font-weight: bold; font-size: 60px; color: var(--blueSecondary);}
.use-case .use-case-content .usecase-list{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 111px 0 0; gap: 35px;}
.use-case .use-case-content .usecase-list .caselist{display: flex; align-items: center;   flex-direction: column; max-width: 370px; width: 100%; background-color: var(--shades01); padding: 40px 28px; border-radius: 111px 20px 20px 20px; box-shadow: 0px 0px 10px -5px gray; transition: all 0.3s ease-in-out;}
.use-case .use-case-content .usecase-list .caselist .list-title { font-weight: 600; font-size: 22px; color: var(--primary); margin: 10px 0 22px; padding-bottom: 22px; position: relative; text-align: center;}
.use-case .use-case-content .usecase-list .caselist .list-title::after { background-image: linear-gradient(93deg, #0349EF, #022A89); content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; height: 3px; width: 88px;}
.use-case .use-case-content .usecase-list .caselist .description{font-weight: 400; font-size: 17px; color: var(--secondary); line-height: 1.6; text-transform: capitalize; text-align: center; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.use-case .use-case-content .usecase-list .caselist .case-icon{background-image: linear-gradient(186deg, var(--gradientpurple),var(--gradientblue)); border-radius: 30px; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center;  margin: -95px 0 38px; font-size: 34px; color: var(--shades01); }
.use-case .use-case-content .usecase-list .caselist .case-icon img{width: 60%; height: 56%; object-fit: cover;}
.use-case .use-case-content .usecase-list .caselist .case-icon i{ transform: rotate(0deg); transition: all 0.3s ease-in-out;}
.use-case .use-case-content .usecase-list .caselist:hover .case-icon i{ transform: rotate(-45deg); }

.use-case .use-case-content .sub-title { font-size: 18px; font-weight: 500;  color: var(--secondary); line-height: 1.5; margin-bottom: 40px; text-align: center;}
/* ********|| USECASE END ||******** */




/* ********|| OPTIMIZE START ||******** */
.why-choose.optimise-section{margin: 0; padding: 0;}
.cloud-storage + .why-choose{padding-top: 170px;}

.why-choose.optimise-section .heading{font-weight: bold; font-size: 30px; color: var(--primary); text-align: center; text-transform: capitalize;}
.why-choose.optimise-section .heading{display: flex; align-items: center; gap: 8px; justify-content: center; margin: 0;}
.why-choose.optimise-section .heading img{width: 4%;}
.why-choose.optimise-section .title{font-weight: bold; font-size: 60px; color: var(--blueSecondary); text-align: center; text-transform: capitalize; margin: 6px 0;}
.why-choose.optimise-section .sub-title{font-weight: 400; font-size: 20px; color: var(--secondary); text-align: center; text-transform: capitalize; margin: 0 auto; max-width: 496px; line-height: 1.5;}

.why-choose.optimise-section .choose-content-wrap{margin: 70px 0 0; gap: 180px; align-items: center;}
.why-choose.optimise-section .choose-content-wrap .choose-content .content-image{background-color: transparent; height: auto; border: none; border-radius: 0; padding: 0;}
.why-choose.optimise-section .choose-content-wrap .content-lists{max-width: 800px; width: 100%;}
.why-choose.optimise-section .choose-content-wrap .content-list-box{padding: 22px 30px; justify-content: left; margin: 0 0 31px; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); border: none;}
.why-choose.optimise-section .choose-content-wrap .content-list-box .box-content .title{font-weight: 500; font-size: 24px; color: var(--blueSecondary); margin: 0 0 4px; text-align: left;}
.why-choose.optimise-section .choose-content-wrap .content-list-box .box-content .description{font-size: 18px;}
.why-choose.optimise-section .choose-content-wrap .content-list-box .list-icon{width: 60px; height: 60px; border-radius: 20px; background-color: var(--primary); border: none; font-size: 28px; color: #fff;}
.why-choose.optimise-section .choose-content-wrap .content-list-box .list-icon img{width: 30px; height: 30px;}
/* ********|| OPTIMIZE END ||******** */



/* ********|| STORAGE START ||******** */
.storage-section{margin: 80px 0; position: relative; background-color: var(--shades09); overflow: hidden; z-index: 1;}
.storage-section .storage-content-bg{background-size: cover; background-position: center; background-repeat: no-repeat; max-width: 1400px; width: 100%; height: 1330px; position: absolute; z-index: -1;}
.storage-section .expansion-wrapper{display: flex; align-items: center; justify-content: space-between; gap: 60px; padding-left: 148px;}
.storage-section .expansion-wrapper .expansion-content{max-width: 670px; width: 100%;}
.storage-section .expansion-wrapper .expansion-content .heading{display: flex;align-items: center; gap: 10px; font-weight: bold; font-size: 30px; color: var(--primary); text-transform: capitalize; margin: 0;}
.storage-section .expansion-wrapper .expansion-content .heading img{width: 8%;}
.storage-section .expansion-wrapper .expansion-content .title{font-weight: bold; font-size: 50px; color: var(--shades13); margin: 10px 0; text-transform: capitalize;}
.storage-section .expansion-wrapper .expansion-content .sub-title{font-weight: 400; font-size: 20px; color: var(--secondary); margin: 0; text-transform: capitalize;}
.storage-section .expansion-wrapper .expansion-content .storage-accordion{margin: 40px 0 0;}
.storage-section .expansion-wrapper .expansion-content .storage-accordion .accordion-item{background-color: var(--shades01); border-radius: 40px; margin: 0 0 31px; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0 0 0 35px;}
.storage-section .expansion-wrapper .storage-image-list{max-width: 920px; width: 100%; background-image: linear-gradient(93deg, var(--gradientpurple), var(--gradientblue)); border-top-left-radius: 600px; border-bottom-left-radius: 600px; height: 888px; display: flex; align-items: center; justify-content: center;}
.storage-section .expansion-wrapper .image-list-wrapper{max-width: 851px; width: 100%; margin: 0 0 0 -252px;}
.storage-section .expansion-wrapper .image-list-wrapper img{width: 100%; height: 100%; object-fit: cover;}
.storage-accordion .accordion-item {position: relative;}
.storage-accordion .accordion-item .accordion-header {position: relative; width: 100%;}
.storage-accordion .accordion-item .accordion-toggle { position: relative; width: 100%; display: flex; align-items: center; padding: 24px 48px 24px 0; background-color: transparent; border: none; color: var(--shades01); gap: 20px; text-align: left;}
.storage-accordion .accordion-item .accordion-toggle:before { content: '\f061'; position: absolute; font-size: 20px; color: #fff; right: -22px; top: 13px; font-family: "Font Awesome 6 Pro"; width: 55px; height: 55px; background-color: var(--primary); border-radius: 50px; font-weight: 300; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;}
.storage-accordion .accordion-item .accordion-title {font-weight: bold; font-size: 24px; color: var(--shades14); font-family: "Space Grotesk", sans-serif;}
.storage-accordion .accordion-item .accordion-content { overflow: hidden; max-height: 0; position: relative; opacity: 0; visibility: hidden; transition: max-height 0.6s cubic-bezier(0.9, 0.01, 0, 0.99), opacity 0.6s ease, visibility 0.6s ease;}
.storage-accordion .accordion-item .accordion-inner-content { padding: 0px 33px 20px 0; font-size: 18px; line-height: 1.6; font-weight: 400; transition: all 0.3s ease; font-family: "Space Grotesk", sans-serif;}
.storage-accordion .accordion-item.active .accordion-content{opacity: 1; visibility: visible; max-height: 500px;}
.storage-accordion .accordion-item.active .accordion-toggle:before{transform: rotate(90deg); transition: all 0.3s ease;}
/* ********|| STORAGE END ||******** */

/* ********|| CLOUD STORAGE START ||******** */
.cloud-storage{padding-top: 170px; position: relative;}
.cloud-storage .storage-content{text-align: center;}
.cloud-storage .storage-content .heading{display: flex;align-items: center; gap: 10px; font-weight: bold; font-size: 30px; color: var(--primary); text-transform: capitalize; margin: 0; justify-content: center;}
.cloud-storage .storage-content .heading img{width: 4%;}
.cloud-storage .storage-content .title{font-weight: bold; font-size: 60px; color: var(--blueSecondary); margin: 10px 0; text-transform: capitalize;}
.cloud-storage .storage-content .sub-title{font-weight: 400; font-size: 20px; color: var(--secondary); text-transform: capitalize; max-width: 470px; width: 100%; margin: 0 auto; line-height: 1.5;}
.cloud-storage .storage-categories{display: flex; justify-content: space-between; gap: 40px; margin: 50px 0 0;}
.cloud-storage .storage-categories .enterprise-storage{background-color: var(--shades09); border-radius: 50px; padding: 25px 35px; max-width: 780px; width: 100%; display: flex; flex-direction: column;}
.cloud-storage .storage-categories .enterprise-storage .title{font-weight: 600; font-size: 40px; color: var(--shades14); margin: 0; text-transform: capitalize;}
.cloud-storage .storage-categories .enterprise-storage .subtitle{font-weight: 400; font-size: 20px; color: var(--secondary); text-transform: capitalize; max-width: 570px; margin: 20px 0; line-height: 1.5;}
.cloud-storage .storage-categories .enterprise-storage-list{background-image: linear-gradient(45deg, #1C355E, var(--gradientpurple)); padding: 40px; border-radius: 50px; display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 1;}
.cloud-storage .storage-categories .enterprise-storage-list .storage-list{display: flex; gap: 20px; margin: 0 0 28px; align-items: center; position: relative; z-index: 1;}
.cloud-storage .storage-categories .enterprise-storage-list .storage-list .list-number{width: 62px; height: 62px; border-radius: 50px; background-color: var(--shades01); display: flex; align-items: center; justify-content: center; border: 9px solid rgb(32 60 107 / 64%); font-weight: 600; font-size: 20px; color: var(--blueSecondary);}
.cloud-storage .storage-categories .enterprise-storage-list .storage-list .list-content{font-weight: 400; font-size: 16px; color: var(--shades01); line-height: 1.7;}
.cloud-storage .storage-categories .enterprise-storage-list .storage-list .list-content strong{font-weight: bold; font-size: 18px; color: var(--shades01);}
.cloud-storage .storage-categories .enterprise-storage-list .storage-list .list-content{display: flex; flex-direction: column;}
.cloud-storage .storage-categories .enterprise-storage-list .storage-list:before { content: ""; border-left: 1px dashed var(--shades01); position: absolute; left: 31px; width: 100%; height: 100%; top: 42px; z-index: -1;}
.cloud-storage .storage-categories .enterprise-storage-list .storage-list:last-child::before { content: ""; border: none; position: absolute; left: 31px; width: 100%; height: 100%; top: 42px;}
/* ********|| CLOUD STORAGE END ||******** */

/* ********|| PERFORMANCE START ||******** */
.performance{margin: 0; padding: 60px 0 0; background-size: cover; background-position: center; width: 100%; background-repeat: no-repeat; position: relative; z-index: 1; height: 465px;
}
.performance .performance-content .heading{display: flex; align-items: center; gap: 10px; font-weight: bold; font-size: 30px; color: var(--primary); text-transform: capitalize; margin: 0; justify-content: center;}
.performance .performance-content .heading img{width: 4%;}
.performance .performance-content .title{font-weight: bold; font-size: 50px; color: var(--blueSecondary); margin: 10px 0; text-transform: capitalize; text-align: center;}
.performance .performance-content .subtitle{font-weight: 400; font-size: 20px; color: var(--secondary); text-transform: capitalize; max-width: 610px; width: 100%; margin: 0 auto; line-height: 1.5; text-align: center;}
.performance-section-list .performance-list{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: -151px 0 115px; gap: 40px; position: relative; z-index: 2;}
.performance-section-list .performance-list .caselist{display: flex; align-items: center; justify-content: center; flex-direction: column; max-width: 490px; width: 100%; background-color: var(--shades01); padding: 40px 28px; border-radius: 30px; box-shadow: 0px 2px 9px 1px rgba(0, 0, 0, 0.1);}
.performance-section-list .performance-list .caselist .case-icon{background-image: linear-gradient(76deg, var(--gradientpurple), var(--gradientblue)); border-radius: 30px; width: 78px; height: 78px; display: flex; align-items: center; justify-content: center; transform: rotate(45deg); margin: 0 0 16px; font-size: 30px; color: var(--shades01);}
.performance-section-list .performance-list .caselist .case-icon i{transform: rotate(315deg);}
.performance-section-list .performance-list .caselist .list-title{font-weight: 500; font-size: 26px; color: var(--primary); margin: 0;}
.performance-section-list .performance-list .caselist .sub-title{font-weight: 500; font-size: 20px; color: var(--blueSecondary); margin: 7px 0 22px;}
.performance-section-list .performance-list .caselist .number{font-weight: 400; font-size: 20px; color: var(--secondary); margin: 0;}
/* ********|| PERFORMANCE END ||******** */

/* ********|| ABOUT US PAGE START ||******** */
.cloud-offering-banner.about-us .offering-wrapper .cloud-banner-image .image-wrapper{max-width: 564px;}
.cloud-transform{padding: 100px 0;}
.cloud-transform .transform-wrapper{display: flex; justify-content: space-between; gap: 93px;}
.cloud-transform .transform-wrapper .image-content-box{display: flex; align-items: center; justify-content: space-between; gap: 93px;}
.cloud-transform .transform-image { max-width: 422px; width: 100%; border-radius: 500px; overflow: hidden; max-height: 600px; height: 100%;}
.cloud-transform .transform-image img{ width: 100%; height: 100%; object-fit: cover;}
.cloud-transform .transform-content{max-width: 570px; width: 100%;}
.cloud-transform .transform-content .heading{display: flex; align-items: center; gap: 10px; font-weight: bold; font-size: 30px; color: var(--primary); text-transform: capitalize; margin: 0;}
.cloud-transform .transform-content .heading img{width: 7%;}
.cloud-transform .transform-content .title{font-weight: bold; font-size: 50px; color: var(--shades14); text-transform: capitalize; margin: 15px 0;}
.cloud-transform .transform-content .subtitle{font-weight: 400; font-size: 18px; color: var(--secondary); text-transform: capitalize; line-height: 1.5; margin: 0;}
.cloud-transform .transform-content .about-option{border-top: none;}
.cloud-transform .transform-content .about-option .contact-btn{border-radius: 50px; text-transform: capitalize; font-weight: 600; box-shadow: 0px 4px 14px 0px rgb(17 112 235 / 94%)}
.transform-wrapper .transform-image.second-image{margin-top: 100px;}

.storage-section.mission-section .expansion-wrapper .image-list-wrapper{max-width: 545px; width: 100%; margin: 0;}
.storage-section.mission-section .expansion-wrapper{padding-right: 148px; padding-left: 0;}
.storage-section.mission-section .expansion-wrapper .storage-image-list{border-top-right-radius: 600px; border-bottom-right-radius: 600px; background-image: linear-gradient(90deg, var(--gradientblue) 0%, var(--gradientpurple) 100%); height: 790px; border-top-left-radius: 0; border-bottom-left-radius: 0; max-width: 890px;}
.storage-section.mission-section .storage-content-bg{max-height: 791px; height: 100%; right: 0;}
.expansion-content .mission{background-color: var(--shades01); border-radius: 20px; padding: 30px 39px; margin-bottom: 35px;}
.expansion-content .mission .icon{background-image: linear-gradient(284deg, var(--gradientpurple) 0%, var(--gradientblue) 100%); border-radius: 30px; width: 78px; height: 78px; display: flex; align-items: center; justify-content: center; transform: rotate(45deg); margin: 0 0 24px;}
.expansion-content .mission .icon img{transform: rotate(-45deg);}
.storage-section .expansion-wrapper .expansion-content .mission .title{font-weight: bold; font-size: 40px; color: var(--shades14); margin: 10px 0; text-transform: capitalize;}
.storage-section .expansion-wrapper .expansion-content .mission .description{font-weight: 400; font-size: 18px; color: var(--secondary); line-height: 1.5; text-transform: capitalize;}
.expansion-content .vision .icon{background-image: linear-gradient(284deg, var(--gradientblue) 0%, var(--gradientpurple) 100%); border-radius: 30px; width: 78px; height: 78px; display: flex; align-items: center; justify-content: center; transform: rotate(45deg); margin: 0 0 24px;}
.expansion-content .vision .icon img{transform: rotate(-45deg);}
.expansion-content .vision{background-color: var(--shades01); border-radius: 20px; padding: 30px 39px;}
.storage-section .expansion-wrapper .expansion-content .vision .title{font-weight: bold; font-size: 40px; color: var(--shades14); margin: 10px 0; text-transform: capitalize;}
.storage-section .expansion-wrapper .expansion-content .vision .description{font-weight: 400; font-size: 18px; color: var(--secondary); line-height: 1.5; text-transform: capitalize;}

.performance-section-list.core-values .performance-list .caselist{display: flex; align-items: center; justify-content: center; flex-direction: column; max-width: 505px; width: 100%; background-color: var(--shades01); padding: 40px 28px; border-radius: 30px; box-shadow: 0px 2px 9px 1px rgb(165 165 165 / 50%);}
.performance-section-list.core-values .performance-list .caselist .case-icon{width: 230px; display: flex; align-items: center; justify-content: center; transform: rotate(0deg); margin: 0 0 16px; font-size: 30px; color: var(--shades01); background: transparent; border-radius: 0; height: auto;}
.performance-section-list.core-values .performance-list .caselist .list-title{font-weight: bold; font-size: 32px; color: var(--primary); margin: 0 0 28px; text-transform: capitalize;}
.performance-section-list.core-values .performance-list .caselist .description{font-weight: 400; font-size: 18px; color: var(--secondary); text-transform: capitalize; line-height: 1.5; text-align: center;}

.get-started{background-size: cover; background-position: center; padding: 71px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background-color: var(--shades09);}
.get-started .title{font-weight: bold; font-size: 60px; color: var(--shades14); margin: 0;}
.get-started .sub-title{font-weight: 400; font-size: 20px; color: var(--secondary); margin: 20px auto; max-width: 570px; line-height: 1.5;}
.get-started .about-option{border: none; justify-content: center; padding: 15px 0 0;}
.get-started .about-option .contact-btn{border-radius: 60px; text-transform: capitalize; font-weight: 600; box-shadow: 0px 4px 14px 0px rgb(17 112 235 / 94%); border-radius: 60px;
    text-transform: capitalize;}
/* ********|| ABOUT US PAGE END ||******** */

/* ********|| BLOG PAGE START ||******** */
.cloud-offering-banner.blog .offering-wrapper .cloud-banner-image .image-wrapper{max-width: 470px;}
.blog-lists{margin: 107px 0;}
.blog-lists .blog-list-wrapper{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 30px;}
.blog-lists .blog-list-wrapper .blog-list-content{background-color: var(--shades01); border-radius: 20px; overflow: hidden; box-shadow: 0px 2px 10px 2px rgb(211 211 211 / 50%); max-width: 500px; width: 100%; display: flex; flex-direction: column;}
.blog-list-wrapper .blog-list-content .meta-img{position: relative; flex-shrink: 0;}
.blog-list-wrapper .blog-list-content .meta-img img{ width: 100%; height: 100%; object-fit: cover;}
.blog-list-wrapper .blog-list-content .meta-img .meta-tag{position: absolute; top: 28px; border-radius: 40px; height: 40px; text-align: center; background-color: var(--shades01); font-weight: bold; font-size: 18px; color: var(--shades02); display: flex; align-items: center; justify-content: center; padding: 0 28px; left: 32px; }
.blog-list-wrapper .blog-list-content .meta-img .meta-action{position: absolute; top: 50%; border-radius: 50%; height: 70px; width: 70px; text-align: center; background-image: linear-gradient(332deg, #407BFF, #1E3862); font-size: 22px; color: var(--shades01); display: flex; align-items: center; justify-content: center; left: 50%; margin: 0 auto; transform: translate(-50%, -50%) rotate(45deg); opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.blog-list-content:hover .meta-img .meta-action{opacity: 1; visibility: visible; transition: opacity 0.3s;}
.blog-list-wrapper .blog-list-content .meta-content{padding: 0 35px 31px; display: flex; flex-direction: column; flex-shrink: 1; flex-grow: 1;}
.blog-list-wrapper .blog-list-content .meta-content .meta-title { font-size: 28px; font-weight: 500; color: var(--blueSecondary); line-height: 1.4; text-align: left; margin: 27px 0 19px; text-transform: capitalize;}
.blog-list-wrapper .blog-list-content .meta-content .meta-description {font-size: 18px; font-weight: 400; color: var(--secondary); line-height: 1.5; max-width: 410px; width: 100%; text-align: left; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-transform: capitalize; margin: 0 0 20px;}
.blog-list-wrapper .blog-list-content .meta-content .meta-options{display: flex; align-items: center; gap: 20px; margin: auto 0 0; background-image: linear-gradient(268deg, var(--gradientpurple), var(--gradientblue)); border-radius: 50px; padding: 10px 0; justify-content: center; max-width: 390px; width: 100%;}
.blog-list-wrapper .blog-list-content .meta-content .meta-options .meta-date{font-weight: 400; font-size: 18px; color: var(--shades01); text-transform: capitalize;}
.blog-list-wrapper .blog-list-content .meta-content .meta-options .meta-date span{display: flex; align-items: center; gap: 10px;}
.blog-list-wrapper .blog-list-content .meta-content .meta-options .meta-time{font-weight: 400; font-size: 18px; color: var(--shades01); text-transform: capitalize;}
.blog-list-wrapper .blog-list-content .meta-content .meta-options .meta-time span{display: flex; align-items: center; gap: 10px;}
/* ********|| BLOG PAGE END ||******** */

/* ********|| BLOG DETAILS PAGE START ||******** */
.blog-details{padding: 100px 0;}
.blog-details .details-wrapper{display: flex; align-items: flex-start; justify-content: space-between; gap: 60px;}
.blog-details .details-wrapper .detail-section{max-width: 1070px; width: 100%;}
.blog-details .details-wrapper .detail-section .blog-banner{border-radius: 30px; overflow: hidden; max-width: 1060px; width: 100%; display: flex; margin: 0 0 22px;}
.blog-details .details-wrapper .detail-section .blog-banner img{width: 100%; height: 100%; object-fit: cover;}
.blog-details .details-wrapper .detail-section .post-meta{display: flex; align-items: center; gap: 30px;}
.blog-details .details-wrapper .detail-section .post-meta .post-name{display: flex; align-items: center; gap: 8px; font-weight: 400; font-size: 18px; color: var(--secondary); text-transform: uppercase;}
.blog-details .details-wrapper .detail-section .post-meta .post-name span{color: var(--primary);}
.blog-details .details-wrapper .detail-section .post-meta .post-date{display: flex; align-items: center; gap: 8px; font-weight: 400; font-size: 18px; color: var(--secondary); text-transform: uppercase;}
.blog-details .details-wrapper .detail-section .post-meta .post-date span{color: var(--primary);}
.blog-details .details-wrapper .detail-section .post-meta .post-time{display: flex; align-items: center; gap: 8px; font-weight: 400; font-size: 18px; color: var(--secondary); text-transform: uppercase;}
.blog-details .details-wrapper .detail-section .post-meta .post-time span{color: var(--primary);}
.blog-details .details-wrapper .detail-section .page-title{font-weight: bold; font-size: 34px; color: var(--shades14); margin: 40px 0;}
.blog-details .details-wrapper .detail-section .description{font-weight: 400; font-size: 18px; color: var(--secondary); line-height: 1.6;}
.blog-details .details-wrapper .detail-section .description span{font-weight: bold; font-size: 34px; color: var(--shades14);}
.blog-details .details-wrapper .detail-section .description .blog-description-img{display: flex; align-items: center; gap: 30px; max-width: 1000px; width: 100%; padding: 20px 0 40px;}
.blog-details .details-wrapper .detail-section .description .blog-description-img img{width: 100%; height: 100%; object-fit: cover;}
.blog-details .details-wrapper .detail-section .description .sub-title{margin: 30px 0 5px; font-weight: 500; font-size: 18px; color: var(--secondary);}
.blog-details .details-wrapper .detail-section .description ul{margin: 0 0 20px;}
.blog-details .details-wrapper .detail-section .description ul li{position: relative; padding-left: 30px;}
.blog-details .details-wrapper .detail-section .description ul li::before{content: ""; position: absolute; left: 0; background-image: url(../images/blog-tick.png); width: 16px; height: 16px; top: 5px;}
.blog-details .details-wrapper .detail-section .description h4{margin: 0; font-weight: 400; font-size: 18px; color: var(--secondary); line-height: 1.6;}
.blog-details .details-wrapper .detail-section .description p{margin: 0 0 10px;}
.blog-details .details-wrapper .detail-section .tags{font-weight: 500; font-size: 24px; color: var(--shades14); display: flex; align-items: center; gap: 23px;}
.blog-details .details-wrapper .detail-section .tags span{font-weight: 500; font-size: 18px; color: var(--shades14); border: 1px solid var(--border03); border-radius: 40px; padding: 0 22px; height: 40px; display: flex; align-items: center; justify-content: center;}
.blog-details .details-wrapper .blog-sidebar{max-width: 450px; width: 100%;}
.blog-sidebar .search{display: flex; align-items: center;}
.blog-sidebar .search input{background-color: var(--shades09); font-weight: 400; font-size: 15px; color: #37474F; border: none; height: 57px; padding: 0 0 0 16px; border-top-right-radius: none; border-bottom-right-radius: none; border-top-left-radius: 15px; border-bottom-left-radius: 15px; width: 100%;}
.blog-sidebar .search .submit-btn{transition: all 0.3s ease; width: 75px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border: none; background-color: var(--shades14); color: var(--shades01); padding: 14px 0; font-size: 22px; flex-shrink: 0; flex-grow: 0;}
.blog-sidebar .recent-post .title{font-weight: 500; font-size: 36px; color: var(--shades14); margin: 40px 0 13px; text-transform: capitalize;}
.blog-sidebar .recent-post .post-block{display: flex; align-items: center; gap: 20px; border-bottom: 2px dashed var(--shades07); padding: 0 0 24px; margin: 24px 0 0;}
.recent-post .post-block:last-child{border: none;}
.blog-sidebar .recent-post .post-block .block-img{border-radius: 10px; overflow: hidden; width: 120px; height: 120px; flex-shrink: 0; flex-grow: 0; display: flex;}
.blog-sidebar .recent-post .post-block .wrap .title{font-weight: 400; font-size: 22px; color: var(--blueSecondary); margin: 0; line-height: 1.4;}
.blog-sidebar .recent-post .post-meta{display: flex; align-items: center; gap: 20px; margin: 10px 0 0;}
.blog-sidebar .recent-post .post-meta .post-date{font-size: 16px; font-weight: 400; color: var(--secondary); text-transform: uppercase;}
.blog-sidebar .recent-post .post-meta .post-time{font-size: 16px; font-weight: 400; color: var(--secondary); text-transform: uppercase;}
.blog-sidebar .recent-post .post-meta .post-date span{color: var(--primary);}
.blog-sidebar .recent-post .post-meta .post-time span{color: var(--primary);}
.popular-tags ul{display: flex; align-items: center; gap: 20px; flex-wrap: wrap;}
.popular-tags ul li{font-weight: 400; font-size: 18px; color: var(--shades14); background-color: #F3F7FF; border-radius: 50px; padding: 10px 15px; text-transform: capitalize;}
.recent-post .popular-tags .title{margin: 120px 0 34px;}
.blog-sidebar .recent-post .post-block:nth-child(4){border: none;}
/* ********|| BLOG DETAILS PAGE END ||******** */

/* ********|| STATUS PAGE START ||******** */
.cloud-offering-banner.status .offering-wrapper .cloud-offering-content .sub-title{font-weight: 400; font-size: 30px; color: var(--secondary); text-transform: capitalize; margin: 0 0 29px;}
.cloud-offering-banner.status .offering-wrapper .cloud-banner-image .image-wrapper{max-width: 418px; width: 100%;}
.status-service{padding: 130px 0;}
.status-wrapper{background-color: var(--shades09); border-radius: 20px; padding: 60px 35px;}
.status-service .status-wrapper:nth-child(2){margin: 60px 0 0;}
.status-service .main-title{font-weight: bold; font-size: 60px; color: var(--shades14); text-align: center; margin: 0 0 45px;}
.status-service .content-lists{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 30px;}
.status-service .content-lists .content-list-box {width: 100%; display: flex; align-items: center; gap: 28px; border-radius: 15px 40px 15px 40px; padding: 40px 34px; margin: 0 0 30px; background-color: var(--shades01); transition: all 0.3s ease-in-out;}
.status-service .content-lists .content-list-box:hover{background-image: linear-gradient(45deg, var(--gradientpurple), var(--gradientblue)); transition: all 0.3s ease-in-out;}
.status-wrapper .content-lists .content-list-box .list-icon { width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 50px; background-image: linear-gradient(360deg, var(--gradientblue), var(--gradientpurple)); flex-shrink: 0; font-size: 44px; color: #fff; transition: all 0.3s ease-in-out;}
.status-wrapper .content-lists .content-list-box:hover .list-icon{background-color: #F1F9FF !important; color: var(--blueSecondary); transition: all 0.3s ease; background-image: none;}
.content-list-box .box-content .tag { font-weight: 400; font-size: 16px; color: var(--shades01); text-transform: capitalize; height: 35px; border-radius: 40px; background-color: var(--primary); flex-shrink: 1; flex-grow: 1; flex-wrap: nowrap; display: flex; align-items: center; justify-content: center; max-width: 150px; width: 100%; padding: 12px;}
.content-lists .content-list-box .box-content { display: flex; flex-direction: column; width: 100%;}
.content-lists .content-list-box .box-content .title{font-weight: bold; font-size: 20px; color: var(--shades14); text-transform: uppercase; margin: 13px 0 7px; transition: color 0.3s ease-in-out;}
.content-lists .content-list-box .box-content .description{font-weight: 400; font-size: 20px; color: var(--secondary); text-transform: capitalize; transition: color 0.3s ease-in-out;}
.status-service .content-lists .content-list-box:hover .box-content .title{color: var(--shades01)}
.status-service .content-lists .content-list-box:hover .box-content .description{color: var(--shades01)}
/* ********|| STATUS PAGE END ||******** */

/* ********|| PRICING PAGE START ||******** */
.cloud-offering-banner.pricing .offering-wrapper .cloud-banner-image .image-wrapper{max-width: 590px; width: 100%;}
.pricing-section{margin: 108px 0 108px; position: sticky; top: 80px; z-index: 9; background-color: var(--shades01);}
.plans-slide .standard-plan-slide { text-align: left; border: 1px solid #E4E4E4; border-radius: 20px; padding: 20px; display: flex; flex-direction: column; transition:  all 0.3s ease; max-width: 300px; width: 100%; cursor: pointer;}
.plans-slide .standard-plan-slide .title{font-weight: 600; font-size: 30px; color: var(--shades14);}
.plans-slide .standard-plan-slide .description{font-weight: 400; font-size: 16px; color: var(--secondary); margin: 7px 0 20px; line-height: 1.6; flex-grow: 1; max-width: 245px; width: 100%;}
.plans-slide .standard-plan-slide .plan-btn a{background-color: var(--primary); border-radius: 10px; color: var(--shades01); display: flex; align-items: center; justify-content: center; height: 43px; text-transform: capitalize; margin-top: auto; transition: all 0.3s ease;}
.standard-plan-slide:hover .plan-btn a{background-color: var(--shades01); color: var(--shades14);}
.standard-plan-slide:hover .title{color: var(--shades01);}
.standard-plan-slide:hover .description{color: var(--shades01);}
.standard-plan-slide:hover{background-color: var(--primary);}
.pricing-section .swiper-button-next:after { background: var(--primary); width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; font-size: 19px; color: var(--shades01); content: "\f061"; font-family: "Font Awesome 6 Pro"; font-weight: 300;}
.pricing-section .swiper-button-prev::after { border: 1px solid var(--primary); width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; font-size: 19px; color: var(--primary); content: "\f061"; font-family: "Font Awesome 6 Pro"; font-weight: 300; transform: rotate(180deg); background-color: var(--shades01);}
.pricing-section .swiper-button-next{right: 142px;}
.pricing-section .swiper-button-prev{left: 142px; opacity: 1 !important;}
.vps-table-wrapper{margin: 0 0 70px;}
.vps-table-wrapper table { width: 100%; border-collapse: collapse; background-color: var(--shades09); border-radius: 5px; overflow: hidden;}
.vps-table-wrapper tr, td { padding: 20px 50px; text-align: left; font-weight: 500; font-size: 20px; color: var(--secondary);}
.vps-table-wrapper td {border-bottom: 1px solid #e7e7e7;}
.vps-table-wrapper thead{background-color: var(--primary);}
.vps-table-wrapper thead tr th{ padding: 18px 50px; color: var(--shades01);}
.vps-table-wrapper thead th:first-child{background-color: var(--blueSecondary); text-align: center;}
.vps-table-wrapper.service-plans thead tr th { padding: 18px 80px; color: var(--shades01); text-align: center;}
.vps-table-wrapper.service-plans tr, td { padding: 20px 50px; text-align: center; font-weight: 500; font-size: 20px; color: var(--secondary);}
.vps-table-wrapper.service-plans td { padding: 20px 50px; text-align: center; border-bottom: 1px solid #e7e7e7; font-weight: 500; font-size: 20px; color: var(--secondary);}
.vps-table-wrapper.service-plans thead th:first-child { text-align: left; padding: 0 0 0 23px;}
.vps-table-wrapper tbody tr:last-child td{border: none;}
.vps-table-wrapper.service-plans tbody tr:last-child td {border: none;}
.vps-table-wrapper:not(.service-plans) tr, .vps-table-wrapper:not(.service-plans) td {text-align: left;}


/* NEW PRICE PAGE START */
.cloud-offering-banner .offering-wrapper .cloud-offering-content {
  max-width: 600px;
  width: 100%;
}

.cloud-offering-banner .offering-wrapper .cloud-offering-content.pricing-content .title { 
  font-size: 50px; 
  margin-bottom: 0 0 20px;
}
.cloud-offering-banner .offering-wrapper .cloud-offering-content.pricing-content .descriptions { 
  font-size: 24px; 
  margin: 0 0 30px;
}
/* NEW PRICE PAGE END */

/* ********|| PRICING PAGE END ||******** */

/* ********|| ITC PAGE START ||******** */
.about-company.advisory .about-content .about-description{line-height: 1.6;}
.about-company .performance-grade{margin: 40px 0 0;}
.about-company .performance-grade ul li{display: flex; gap: 15px; margin: 0 0 20px;}
.performance-grade ul li .icon{display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 20px; background-image: linear-gradient(45deg, var(--gradientblue), var(--gradientpurple)); flex-shrink: 0;}
.infrastructure-content { display: flex; flex-direction: column; gap: 3px; font-weight: 400; font-size: 18px; color: var(--secondary); line-height: 1.5;}
.infrastructure-content span { font-size: 20px; font-weight: 600; color: var(--blueSecondary);}
.about-company.advisory .advisory-image{max-width: 800px; width: 100%;}
.about-company.advisory .advisory-image img{width: 100%; height: 100%; object-fit: cover;}
.about-company.advisory .about-content{max-width: 720px; width: 100%;}
.about-company.advisory .about-company-wrapper{align-items: flex-start;}
.about-company.advisory{padding: 115px 0; background-color: transparent;}

.use-case.guide-section{margin: 0;}
.use-case.guide-section .use-case-content .usecase-list .caselist { display: flex; align-items: start; justify-content: flex-start; flex-direction: column; max-width: 370px; width: 100%; background-color: var(--shades01); padding: 40px 28px; border-radius: 20px;}
.use-case.guide-section .use-case-content .usecase-list .caselist .case-icon { background-image: linear-gradient(186deg, var(--gradientblue), var(--gradientpurple)); border-radius: 10px; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; transform: rotate(0deg); margin: 0 0 15px;}
.use-case.guide-section .use-case-content .usecase-list .caselist .case-icon img { width: auto; object-fit: contain; transform: rotate(0); height: auto;}
.use-case.guide-section .use-case-content .usecase-list .caselist .list-title { font-weight: 600; font-size: 24px; color: var(--shades14); margin: 10px 0 0; padding-bottom: 10px; position: relative;}
.use-case.guide-section .use-case-content .usecase-list .caselist .list-title::after { background-image: none; content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; height: 3px; width: 88px;}
.use-case.guide-section .use-case-content .usecase-list .caselist .description { font-weight: 400; font-size: 18px; color: var(--secondary); line-height: 1.6; text-transform: capitalize; text-align: left; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}

.about-company.strategy-roadmap .stratrgy-image{max-width: 700px; width: 100%;}
.about-company.strategy-roadmap .stratrgy-image img{width: 100%; height: 100%; object-fit: cover;}
.about-company.strategy-roadmap .about-content .about-description{line-height: 1.6;}
.about-company.strategy-roadmap .about-company-wrapper{display: flex; align-items: center; gap: 70px; justify-content: space-between; flex-direction: row-reverse;}
.about-company.strategy-roadmap .about-content{max-width: 720px; width: 100%;}
section.about-company.strategy-roadmap{background-color: transparent; padding: 88px 0;}

.about-company.core-solution{background-color: transparent;}
.about-company.core-solution .about-content{max-width: 720px; width: 100%;}
.about-company.core-solution .about-title{max-width: 375px; width: 100%;}
.about-company.core-solution .about-description{line-height: 1.6;}
.about-company.core-solution .core-solution-img{max-width: 820px; width: 100%;}
.about-company.core-solution .core-solution-img img{width: 100%; height: 100%; object-fit: cover;} 

/* ********|| ITC PAGE END ||******** */

/* ********|| AI PAGE END ||******** */
.book-now-btn.desktop .contact-btn  {background: var(--primary); padding: 16px 28px;border-radius: 50px;border: 0;color: var(--shades01);font-size: 15px;cursor: pointer;text-transform: uppercase;height: 56px;box-shadow: 0px 4px 14px 0px rgb(17 112 235 / 94%);}
.about-content .book-now-btn  { margin-top: 46px;}
.use-case-content .usecase-list.usecase-items { display: flex; width: 100%;}
.usecase-items   .swiper-wrapper{margin-top: 44px;}
.usecase-items   .swiper-wrapper .swiper-slide{padding-bottom: 30px;}
.usecase-items  .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom:-1%; }
/* .content-lists-wrap .content-list-box{align-items: center;} */
.why-choose.optimise-section .choose-content-wrap .content-lists-wrap .content-list-box {  align-items: center;}
.sub-title + .book-now-btn{margin-top: 60px;}

.why-choose + .about-company.performance-section .about-img-performance::after { background-image: url(../images/dotted.png); position: absolute; content: ""; right: 60px; top: -40px; width: 100%; height: 71%; background-repeat: no-repeat; background-size: contain; z-index: -1;}

.row-reverse{flex-direction: row!important;}

/* ********|| AI PAGE END ||******** */


/* ********|| IT-CONSULTANCY-OUTSOURCING PAGE START ||******** */
.about-company + .cloud-storage .storage-content .sub-title {  max-width: 100%; padding: 20px 250px;}
.about-company + .cloud-storage .storage-content .sub-heading { font-size: 24px; color: var(--blueShade01); margin: 10px;}
.about-company + .cloud-storage .storage-content .description { font-size: 18px; color: var(--secondary); }
.about-company + .cloud-storage{padding-top: 170px;}
.cloud-storage + .use-case{ margin-top: 0px; padding: 100px 0px;}
.cloud-storage + .use-case .use-case-content .usecase-list { margin-top: 60px;}

.use-case + .why-choose.optimise-section .title { margin: 12px 0;}
.use-case + .why-choose.optimise-section .choose-content-wrap { flex-direction: row-reverse;}
.use-case + .why-choose .choose-content-wrap { margin: 30px 0;}
.use-case + .why-choose + .why-choose { padding-top: 100px;}
.use-case + .why-choose + .why-choose .choose-content-wrap { margin: 30px 0;} 

.use-case + .cloud-storage{ padding: 0px 0px 100px;}
.use-case + .cloud-storage .storage-content .sub-title {  max-width: 700px;}
/* ********|| IT-CONSULTANCY-OUTSOURCING PAGE END ||******** */

/* ********|| IT MANAGEMENT PAGE START ||******** */
.why-choose + .use-case .use-case-content {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.why-choose + .innovation .container { display: flex; flex-direction: column;}
.why-choose + .innovation .title { margin: 20px auto;margin-top: 40px; text-align: center; line-height: 1.2;}
.why-choose + .innovation .sub-title {  width: 100%; text-align: center; margin-bottom: 20px; max-width: 600px; margin: 0 auto; line-height: 1.6;}
.why-choose + .innovation .innovation-list { display: flex; margin: 0 auto; border-top: none;}
/* ********|| IT MANAGEMENT PAGE END ||******** */

/* ********|| AI DEVELOPMENT PAGE START ||******** */
.use-case .use-case-content .usecase-list .caselist .description.item-list{font-weight: 400; font-size: 17px; color: var(--secondary); line-height: 1.6; text-transform: capitalize; text-align: left; display: -webkit-box; -webkit-line-clamp: none; -webkit-box-orient: none; overflow: none;}
.use-case .use-case-content .usecase-list .caselist .description.item-list ul{padding-left: 20px;}
.use-case .use-case-content .usecase-list .caselist .description.item-list ul li{list-style-type: disc;}
/* ********|| AI DEVELOPMENT PAGE END ||******** */

/* ********|| HOME SERVICE ACCORDION ||******** */
/* .accordion-wrapper.horizontal-accordion{align-items: flex-start;} */
.tab-headers {display: flex; border-bottom: 1px solid #ccc;}
.tab-headers .tab-header:first-child{margin: 0;}
.tab-header { padding: 0; cursor: pointer; transition: background-color 0.3s, border-bottom 0.3s; border-bottom: 2px solid transparent; margin-left: 33px;}
.tab-header.active { border-bottom: 3px solid #008dff; font-weight: bold; border-top: transparent;}
.tab-content { display: none; margin: 65px 0 0;}
.tab-content.active { display: block;}
.tab-image { display: none; max-width: 100%; transition: opacity 0.3s ease-in-out;}
.tab-image.active {display: block;}
.tab-headers .accordion_intro{display: flex; gap: 10px; align-items: center; padding: 0;}
.extension-accordion .tab-content strong {text-transform: capitalize; padding: 12px 0 12px; font-size: 16px; color: #1E2D6E; font-weight: 600; margin: 0; display: flex; align-items: center; gap: 26px;}
.extension-accordion .tab-content .title-wrapper::before { background-color: var(--shades14); width: 24px; height: 2px; content: ""; position: absolute; left: -49px; top: 21px; opacity: 1; visibility: visible;}
.tab-content p {padding: 0 0 0 48px; color: var(--secondary); transition: all 0.25s ease; font-weight: 400; font-size: 14px; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical;}
.tab-content p span{color: var(--primary); font-weight: 700; display: flex; flex-direction: column;}
.accordion_intro .title {font-size: 16px;}
.card-wrapper .tab-card{box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08); border: transparent; width: 100%; margin-bottom: 18px; background-color: var(--shades01); padding: 10px 38px 19px; border-radius: 4px; position: relative;}
.accordion-wrapper.horizontal-accordion .image-wrapper{max-width: 550px;}
.tab-headers .accordion_intro .accordion-intro-img{width: 30px; height: 30px;}
.tab-headers .accordion_intro .accordion-intro-img img{width: 100%; height: 100%; overflow: hidden; object-fit: cover;}
.tab-card .title-wrapper { display: flex; gap: 15px; align-items: center; position: relative;}
.tab-card .title-wrapper .img-wrap { width: 35px; overflow: hidden; height: 35px;}
.tab-card .title-wrapper .img-wrap img { width: 100%; height: 100%; object-fit: cover;}
.card-wrapper .tab-card .tab-learn-more{padding: 5px 0 0 48px; color: var(--primary); font-weight: 700; text-transform: capitalize; text-decoration: underline; display: flex; justify-content: end;}
.card-wrapper .tab-card .tab-learn-more button{text-transform: capitalize; color: var(--shades01); background-color: var(--primary); border-radius: 5px; padding: 4px 8px; transition: all 0.25s ease; font-weight: 400; font-size: 14px; line-height: 1.6; border: 0;}


/* ********|| SUPPORT START ||******** */
.support{padding: 100px 0;}
.support .support-form-wrapper{display: flex; background: #fff; box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08); border-radius: 20px;}
.support .support-form-wrapper .form-section{padding: 60px; width: 65%; border-right: 1px solid var(--border);}
.support .support-form-wrapper .location{padding: 60px; width: 35%;}
.support .support-form-wrapper .form-section .form-heading{font-size: 34px; font-weight: 700; margin-bottom: 25px; text-transform: capitalize;}
.support .support-form-wrapper .form-section .form-group{width: 100%; margin-bottom: 20px;}
.support .support-form-wrapper .form-section .form-group label{font-size: 18px; color: var(--secondary); font-weight: 600; padding-left: 10px;}
.support .support-form-wrapper .form-section .form-group .form-control{width: 100%; border: 1px solid var(--border); padding: 20px; border-radius: 3px; margin-top: 12px; font-size: 15px; position: relative;}
.support .support-form-wrapper .form-section .form-group .important{position: relative;}
.support .support-form-wrapper .form-section .form-group .important::before{content: '*'; position: absolute; left: 0px; top: 0; color: red;font-size: 16px;}

.support .support-form-wrapper .form-section .form-group .form-control-textarea{width: 100%; border: 1px solid var(--border); padding: 20px; border-radius: 3px; margin-top: 12px; font-size: 15px;}
.support .support-form-wrapper .form-section .form-submit button{width: 100%; background-color: var(--primary); padding: 20px; border-radius: 3px; margin-top: 12px; font-size: 20px; border: 0; color: var(--shades01); font-weight: 700; text-transform: capitalize; cursor: pointer;}

.support .support-form-wrapper .location .location-icon{font-size: 40px; color: var(--primary); margin-bottom: 20px;}
.support .support-form-wrapper .location .location-title{font-size: 22px; color: var(--primary); margin-bottom: 14px; font-weight: 600;}
.support .support-form-wrapper .location .location-description{font-size: 16px; color: #8692b0; margin-bottom: 14px; font-weight: 500; line-height: 1.7; max-width: 300px;}

/* ********|| SUPPORT START ||******** */


/* ********|| RESPONSIVE START ||******** */

@media screen and (max-width: 1600px) {
  .company .company-details .company-logos ul {gap: 21px;}
  .company .company-details .company-logos ul li{width: 188px; height: 134px;}
  .banner-section .banner-wrapper .banner-slider{max-width: 718px; width: 100%;}
  .banner-section .banner-wrapper .banner-content .banner-title{font-size: 52px;}
  .banner-section .banner-wrapper .banner-content .description{font-size: 28px;}
  .banner-content .performance-grade ul li{font-size: 20px;}
  .opportunities{background-size: auto;}
  .why-choose .choose-content-wrap{align-items: center;}
  .innovation .innovation-list .lists .title{font-size: 30px;}
  .innovation .innovation-list .lists .number{font-size: 175px;}
  .innovation .innovation-list{gap: 40px;}
  .innovation .innovation-list .lists:hover .number::before{height: 100%;}
  .innovation .innovation-list .lists .number{margin: 0 0 20px;}
  .innovation .head-title{font-size: 157px; margin: -214px 0 0;}
  .footer-info .information .title{font-size: 19px;}
  .footer-info .company-info .title{font-size: 19px;}
  .footer-info .product .title{font-size: 19px;}
  .footer-info .support .title{font-size: 19px;}
  .use-case .use-case-content .usecase-list .caselist .list-title{font-size: 20px;}
  .blog-lists .blog-list-wrapper{column-gap: 30px;}
  .vps-table-wrapper.service-plans thead tr th{padding: 18px 27px;}
  .pricing-section .swiper-button-next{right: 100px;}
  .pricing-section .swiper-button-prev{left: 83px;}
  .cloud-transform .transform-content .title{font-size: 30px;}
  .cloud-transform .transform-content .heading{font-size: 27px;}
  .about-content .about-title{font-size: 42px;}
  .about-company.performance-section .performance-grade ul li{font-size: 22px;}
  .about-company.performance-section .performance-grade ul li span {font-size: 34px;}
  .why-choose.optimise-section .choose-content-wrap .content-list-box .box-content .title{font-size: 22px;}
  .use-case .use-case-content .usecase-list{margin: 70px 0 0;}
  .plans-slide .standard-plan-slide .title{font-size: 26px;}

/* ********|| OUR SOLUTION START ||******** */
  .solutions-left {width: 50%;padding: 48px 48px 48px 94px;}
/* ********|| OUR SOLUTION end ||******** */

.cloud-offering-banner .offering-wrapper .cloud-offering-content .title { font-size: 56px;}
.testimonial .testimonial-content .heading-area .main-heading{font-size: 42px;}
.company .company-details .heading-area .main-heading{font-size: 40px;}
.use-case .use-case-content .usecase-list{gap: 25px;}
.why-choose .choose-content-wrap .content-list-box .box-content .title{font-size: 24px;}
.why-choose .choose-content-wrap .choose-content .sub-title{font-size: 34px;}
.solutions{ padding-bottom: 75px;}
.innovation .head-title { font-size: 140px; margin: -201px 0 0;}
.innovation .innovation-list{margin: 85px 0 0;}
.latest-insights .insight-content .title{max-width: 1000px; font-size: 40px;}
.insight-slide .insight-swiper .insight-slide-content .meta-title{font-size: 24px;}
.get-started .title{font-size: 54px;}
.about-company .performance-grade ul li{gap: 12px;}
.use-case .use-case-content .heading{font-size: 42px;}
.use-case .use-case-content .usecase-list .caselist .case-icon img{width: 50%;}
.why-choose.optimise-section .title{font-size: 42px;}
.storage-section .expansion-wrapper .expansion-content .title{font-size: 42px;}
.cloud-storage { padding-top: 40px;}
.cloud-storage .storage-content .title{font-size: 42px;}
.cloud-storage .storage-categories .enterprise-storage .title{font-size: 36px;}
.cloud-offering-banner .offering-wrapper .cloud-banner-image{height: 480px;}
.blog-sidebar .recent-post .title{font-size: 32px;}
.blog-sidebar .recent-post .post-block .wrap .title{font-size: 21px;}
.blog-details .details-wrapper .detail-section .page-title{font-size: 30px;}
.recent-post .popular-tags .title { margin: 90px 0 34px;}
.popular-tags ul li{font-size: 17px;}
.innovation .innovation-list .lists .number-img{aspect-ratio: 14/9;}
header .navigation .navigation-menu .menu-link, .sub-menu-link{padding: 6px 10px;}
.banner-section .banner-wrapper .banner-content .banner-btn .btn-hover{font-size: 18px;}

}

@media screen and (max-width: 1540px){
  /* .innovation .head-title { font-size: 150px; margin: -210px 0 0;} */
  .insight-slide .insight-swiper .insight-slide-content .meta-content .meta-options .meta-date{font-size: 15px;}
  .insight-slide .insight-swiper .insight-slide-content .meta-content .meta-options .meta-time{font-size: 15px;}
  .cloud-offering-banner .offering-wrapper .cloud-banner-image .image-wrapper{max-width: 545px;}
  .testimonial {padding: 40px 0 0;}
  .vps-table-wrapper.service-plans thead tr th{padding: 18px 27px;}
  .pricing-section .swiper-button-next{right: 123px;}
  .pricing-section .swiper-button-prev{left: 118px;}
  .storage-section.mission-section .expansion-wrapper .image-list-wrapper{max-width: 450px;}
  .cloud-transform .transform-image{flex-shrink: 0;}
  .cloud-transform .transform-wrapper{gap: 20px;}
  .cloud-transform .transform-wrapper .image-content-box{gap: 25px;}
  .blog-details .details-wrapper .detail-section .description .blog-description-img{flex-direction: column;}
  .storage-section .expansion-wrapper{gap: 151px; padding-left: 130px;}
  .storage-section .expansion-wrapper .expansion-content{max-width: 600px;}
  .storage-section .expansion-wrapper .image-list-wrapper{margin: 0 0 0 -171px;}
  .performance .performance-content .title{font-size: 42px;}
  .contact-info .contact-info-content .title{font-size: 36px;}
  .contact-info .form-content .title{font-size: 42px;}

  /* ********|| OUR SOLUTION START ||******** */
  .solutions-left {padding: 48px 48px 48px 74px;}
/* ********|| OUR SOLUTION end ||******** */
}

@media screen and (max-width: 1470px) {
  .header-sec .container .header-wrapper .logo-wrapper { height: 45px; }
  .banner-section .banner-wrapper{gap: 20px;}
  .banner-section .banner-wrapper .banner-content .banner-title{font-size: 45px;}
  .banner-section .banner-wrapper .banner-content .description{font-size: 22px;}
  .banner-content .performance-grade ul li{font-size: 15px;}
  .banner-content .performance-grade ul li span{font-size: 35px;}
  .banner-section{margin: 0 0 24px;}
  .innovation .head-title { font-size: 135px; margin: -202px 0 0;}
  .accordion-wrapper{gap: 30px;}
  .table-responsive{width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
  .pricing-section .swiper-button-next {right: 70px;}
  .pricing-section .swiper-button-prev{left: 66px;}
  .vps-table-wrapper.service-plans thead tr th{padding: 18px 14px;}
  .cloud-transform .transform-wrapper{gap: 20px;}
  .cloud-transform .transform-wrapper .image-content-box{gap: 25px;}
  .cloud-transform .transform-image{flex-shrink: 0;}
  .cloud-offering-banner .offering-wrapper .cloud-offering-content .title { font-size: 70px;}

  .testimonial .testimonial-content .heading-area .main-heading { font-size: 36px;}
  .testimonial .testimonial-content .heading-area .subtitle{font-size: 22px;}
  .testimonial .testimonial-swiper .testimonial-slide-content{padding: 32px 40px 18px;}
  .company .company-details .heading-area .main-heading {font-size: 38px;}
  .use-case { padding: 90px 0}
  .why-choose { padding: 90px 0 90px;}
  .about-content .about-title{font-size: 38px;}
  .latest-insights .insight-content .title{font-size: 38px;}

}

@media screen and (max-width: 1366px) {
  header .navigation .navigation-menu{gap: 10px;}
  /* header .navigation .navigation-menu .menu-link, .sub-menu-link { padding: 6px 20px; } */
  .company .company-details{flex-direction: column;}
  .company .company-details .heading-area{max-width: 100%; text-align: center; margin: 0 0 40px;}
  .company .company-details .heading-area .small-title{justify-content: center;}
  .company .company-details .heading-area .small-title img{width: 4%;}
  .swiper-buttons{right: 107px;}
  .insight-slide .insight-swiper .insight-slide-content .meta-content{max-width: 300px; width: 100%; padding: 25px 25px 25px 0;}
  .insight-slide .insight-swiper .insight-slide-content .meta-content .meta-options{align-items: self-start; gap: 10px; flex-direction: column;} 
  .innovation .head-title{font-size: 133px; margin: -197px 0 0;}
  .innovation .innovation-list .lists .title{font-size: 25px;}
  .blog-list-wrapper .blog-list-content .meta-content .meta-title{font-size: 19px;}
  .blog-list-wrapper .blog-list-content .meta-content .meta-description{font-size: 15px;}
  .blog-list-wrapper .blog-list-content .meta-content{padding: 0 18px 21px;}
  .blog-list-wrapper .blog-list-content .meta-content .meta-options{gap: 12px;}
  .blog-list-wrapper .blog-list-content .meta-content .meta-options .meta-date{font-size: 13px;}
  .blog-list-wrapper .blog-list-content .meta-content .meta-options .meta-time{font-size: 13px;}
  .blog-list-wrapper .blog-list-content .meta-img .meta-tag{font-size: 15px;}
  .table-responsive{width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
  .cloud-offering-banner .offering-wrapper .cloud-offering-content.pricing-content .title { font-size: 42px; }
  .cloud-offering-banner .offering-wrapper .cloud-offering-content.pricing-content .descriptions {font-size: 20px; }
  .pricing-section .swiper-button-next {right: 86px;}
  .pricing-section .swiper-button-prev{left: 85px;}
  .vps-table-wrapper.service-plans thead tr th{padding: 18px 14px;}
  .vps-table-wrapper.service-plans td{font-size: 13px;}
  .vps-table-wrapper.service-plans tr, td{font-size: 13px;}
  .vps-table-wrapper:not(.service-plans) tr, .vps-table-wrapper:not(.service-plans) td{text-align: center;}
  .vps-table-wrapper tr, td{font-size: 13px;}
  .vps-table-wrapper thead tr th{padding: 18px 13px;}
  .cloud-transform .transform-content .heading {font-size: 20px;}
  .cloud-transform .transform-content .title {font-size: 25px;}
  .about-company.performance-section .performance-grade ul lI{ padding: 0 30px 0 0;}
  .about-company.performance-section .performance-grade ul li {font-size: 20px;}
  .cloud-storage .storage-categories .enterprise-storage .title { font-size: 32px;}
  .use-case{margin: 36px 0 100px;}
  .cloud-offering-banner .offering-wrapper .cloud-offering-content .title { font-size: 54px;}
  .cloud-offering-banner .offering-wrapper .cloud-offering-content .breadcrumb li{font-size: 28px;}
  .plans-slide .standard-plan-slide .title { font-size: 23px;}


   /* ********|| OUR SOLUTION START ||******** */
  .solutions-left {padding: 48px 48px 48px 94px;} 
  .business-promo-contaner .business-promo-details { padding-bottom: 0px;  max-width: 460px;} 
   /* ********|| OUR SOLUTION END ||******** */

   /* ********|| OUR IT IT CONSULTANCY & OUTSOURCING START ||******** */
   .use-case .use-case-content .usecase-list .caselist .list-title { font-size: 18px;}
   .why-choose.optimise-section .choose-content-wrap{gap: 80px;}
   .use-case .use-case-content .usecase-list .caselist .case-icon {width: 80px; height: 80px;  margin: -85px 0 38px; }
  
   /* ********|| OUR IT IT CONSULTANCY & OUTSOURCING END ||******** */


}

@media screen and (max-width: 1280px) {
  .banner-section .banner-wrapper{padding-left: 60px;}
  .banner-section .banner-wrapper .banner-content .banner-title{font-size: 35px;}
  .banner-content .performance-grade ul li{font-size: 12px;}
  .banner-content .performance-grade ul li span{font-size: 30px;}
  .use-case .use-case-content .usecase-list .caselist .list-title{font-size: 17px; line-height: 1.4;}
  .use-case .use-case-content .usecase-list .caselist{padding: 21px 21px;}
  .use-case .use-case-content .usecase-list{gap: 21px;}
  .use-case .use-case-content .usecase-list .caselist .case-icon{margin: -62px 0 14px; width: 90px; height: 90px;}
  .use-case .use-case-content .usecase-list .caselist .description{font-size: 14px;}
  .use-case.home-service .use-case-content .heading{font-size: 20px;}
  .opportunities .oportunity-content .title{font-size: 40px;}
  .opportunities .chalange-list{max-width: 1000px;}
  .innovation .head-title{font-size: 117px; margin: -184px 0 0;}
  .extension .extension-content .title{font-size: 38px;}
  .accordion-wrapper .extension-accordion{padding-left: 49px;}
  .accordion-swipe-image .image-wrapper{max-width: 380px;}
  .accordion-wrapper{gap: 120px;}
  .footer-wrapper{gap: 23px;}
  .latest-insights .insight-content .title{font-size: 35px; width: 70%;}
  .table-responsive{width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
  .pricing-section{top: 85px;}
  .pricing-section .swiper-button-next {right: 33px;}
  .pricing-section .swiper-button-prev{left: 27px;}
  .vps-table-wrapper.service-plans thead tr th{padding: 18px 14px;}
  .vps-table-wrapper.service-plans td{font-size: 13px;}
  .vps-table-wrapper.service-plans tr, td{font-size: 13px;}
  .vps-table-wrapper:not(.service-plans) tr, .vps-table-wrapper:not(.service-plans) td{text-align: center;}
  .vps-table-wrapper tr, td{font-size: 13px;}
  .vps-table-wrapper thead tr th{padding: 18px 13px;}
  .cloud-offering-banner .offering-wrapper .cloud-offering-content .breadcrumb li{font-size: 25px;}
  .why-choose .choose-content-wrap .content-list-box .box-content .title { font-size: 22px;}
  .solutions-right .solutions-intro .title{font-size: 32px;}
  .about-content .about-title {font-size: 30px;}

  /* ********|| OUR SOLUTION START ||******** */
  .solutions-left {padding: 48px 48px 48px 48px;}
  .business-promo-section .business-promo-contaner:before { width: 60%; }

  /* ********|| OUR SOLUTION end ||******** */

  /* .cloud-offering-banner .offering-wrapper .cloud-offering-content .title {  font-size: 65px;} */
  .about-company.performance-section .about-img-performance::after { right: -226px; }
}

@media screen and (max-width: 1024px) {
  header .navigation .navigation-menu{gap: 5px;}
  header .navigation .navigation-menu .menu-link, .sub-menu-link{font-size: 14px; padding: 6px 10px;}
  .banner-section .banner-wrapper .banner-content .description{font-size: 16px; margin: 15px 0 43px;}
  .banner-section .banner-wrapper .banner-content .banner-btn .btn-hover{padding: 13px 17px; font-size: 15px;}
  .banner-section .banner-wrapper .banner-content{max-width: 430px; flex-shrink: 0;}
  .banner-content .performance-grade{margin: 67px 0 0;}
  .banner-content .performance-grade ul{gap: 22px;}
  .banner-content .performance-grade ul li{font-size: 12px;}
  .banner-content .performance-grade ul li span{font-size: 27px;}
  .banner-section .banner-wrapper .banner-slider::after{transform: skew(0deg, 0deg); height: 100%; top: 0; border-radius: 0 0 0 50px;}
  .banner-section .banner-wrapper .banner-slider{max-width: 527px;}
  .banner-section .banner-wrapper .banner-slider .banner-slide-content{max-width: 400px;}
  .banner-section .banner-wrapper .banner-slider .swiper-pagination{bottom: 27px;}
  .banner-section{margin: 0; padding: 0 0 60px;}
  .use-case.home-service .use-case-content .heading{max-width: 660px;}
  .use-case .use-case-content .usecase-list{grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 70px 0 0;}
  .use-case .use-case-content .usecase-list{gap: 65px;}
  .use-case.home-service .use-case-content .usecase-list .caselist{box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);}
  .opportunities .chalange-list{max-width: 800px;}
  .opportunities .oportunity-content .title{font-size: 25px;}
  .opportunities .oportunity-content .sub-heading{font-size: 16px;}
  .opportunities .chalange-list .chalange-item .chalange .title{font-size: 17px;}
  .opportunities .chalange-list .chalange-item .chalange .sub-title{font-size: 14px;}
  .opportunities .chalange-list .chalange-item .chalange .description{font-size: 14px;}
  .opportunities .chalange-list .chalange-item .solution .title{font-size: 17px;}
  .opportunities .chalange-list .chalange-item .solution .sub-title{font-size: 14px;}
  .opportunities .chalange-list .chalange-item .solution .sub-sub-title{font-size: 15px;}
  .opportunities .chalange-list .chalange-item .solution .description{font-size: 13px;}
  .opportunities .chalange-list .chalange-item .solution{padding: 40px 30px 40px 30px;}
  .opportunities .chalange-list .chalange-item .chalange::after{width: 119px;}
  .opportunities .chalange-list .chalange-item .solution::after{width: 119px;}
  .about-content .about-title{font-size: 28px;}
  .about-option .about-call-us{gap: 13px; flex-shrink: 0;}
  .about-option{align-items: center; gap: 21px;}
  .why-choose .choose-content-wrap .choose-content .sub-title{font-size: 30px;}
  .why-choose .choose-content-wrap .content-list-box .box-content .title{font-size: 22px;}
  .why-choose .choose-content-wrap .content-list-box .box-content .description{font-size: 14px;}
  .why-choose .choose-content-wrap .content-list-box{gap: 18px; padding: 22px 24px;}
  .why-choose .choose-content-wrap .choose-content .description{margin: 0 0 20px; font-size: 16px;}
  .innovation .head-title{font-size: 92px; margin: -166px 0 0;}
  .innovation .title{font-size: 34px; max-width: 360px;}
  .innovation .innovation-list { margin: 60px 0 0;}
  .innovation .innovation-list .lists .number {font-size: 150px;}
  .innovation .innovation-list{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .innovation .innovation-list .lists{max-width: 100%;}
  .accordion-wrapper {gap: 30px;}
  .testimonial {padding: 25px 0 0;}
  /* .testimonial .testimonial-content .heading-area .main-heading{font-size: 40px; margin: 12px 0;} */
  .testimonial .testimonial-swiper .testimonial-slide-content .description{font-size: 14px;}
  .testimonial .testimonial-swiper .testimonial-slide-content{padding: 28px 25px 14px;}
  /* .company .company-details .heading-area .main-heading{font-size: 40px;} */
  .latest-insights .insight-content .title{font-size: 25px;}
  .insight-slide .insight-swiper .insight-slide-content .meta-title{font-size: 17px;}
  .insight-slide .insight-swiper .insight-slide-content .meta-description{font-size: 14px;}
  .insight-slide .insight-swiper .insight-slide-content .meta-img .meta-tag{height: 35px; font-size: 13px; left: 16px;}
  .swiper-buttons {right: 50px;}
  .contact-info .container{flex-direction: column;}
  .contact-info .contact-info-content{max-width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
  .contact-info .contact-info-content .title{font-size: 30px;}
  .contact-info .contact-info-content ul{display: flex; align-items: center; justify-content: center; gap: 30px; background-color: var(--shades01); padding: 20px 30px 0; border-radius: 10px;}
  .contact-info .contact-info-content ul li{border-right: 1px dashed var(--shades04); padding: 0 21px 0 0; font-size: 15px;}
   .contact-info .contact-info-content ul li:last-child{border: none;}
   .contact-info .form-content{max-width: 100%; text-align: center;}
   .contact-info .form-content .title{font-size: 30px;}
   .contact-info .form-content .description{max-width: 100%;}
   .extension .extension-content .title{font-size: 38px;}
   .latest-insights { padding: 0px 0 100px;}
   .extension .extension-content .sub-title{font-size: 15px;}
   .accordion_content{font-size: 14px;}
   .footer-wrapper .footer-info{grid-template-columns: repeat(2, minmax(0, 1fr));}
   .footer-info .company-info .title, .footer-info .product .title, .footer-info .support .title, .footer-info .information .title{margin: 0 0 18px;}
   .innovation .innovation-list .lists .description{font-size: 15px;}
   .innovation .innovation-list .lists .title{font-size: 20px;}
   .company .company-details .company-logos ul{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));}
   .cloud-offering-banner .offering-wrapper{padding-left: 40px;}
   .cloud-offering-banner .offering-wrapper .cloud-offering-content .title{font-size: 50px;}
   .cloud-offering-banner .offering-wrapper .cloud-offering-content .breadcrumb li{font-size: 19px;}
   .performance .performance-content .title{font-size: 35px;}
   .performance-section-list .performance-list .caselist .number{font-size: 15px;}
   .performance-section-list .performance-list .caselist .sub-title{font-size: 17px;}
   .performance-section-list .performance-list .caselist .list-title{font-size: 20px;}
   .performance{height: 410px;}
   .blog-details .details-wrapper{flex-direction: column;}
  .blog-details .details-wrapper .detail-section .description .blog-description-img{flex-direction: column;}
  .blog-details .details-wrapper .detail-section .post-meta .post-name{font-size: 13px;}
  .blog-details .details-wrapper .detail-section .post-meta .post-date{font-size: 13px;}
  .blog-details .details-wrapper .detail-section .post-meta .post-time{font-size: 13px;}
  .blog-details .details-wrapper .detail-section .post-meta{gap: 12px;}
  .blog-details .details-wrapper .detail-section .page-title{font-size: 23px; margin: 25px 0;}
  .blog-details .details-wrapper .detail-section .description{font-size: 15px;}
  .blog-sidebar .recent-post .title{font-size: 25px;}
  .blog-sidebar .recent-post .post-block .wrap .title{font-size: 15px;}
  .blog-sidebar .recent-post .post-meta{gap: 11px;}
  .blog-sidebar .recent-post .post-meta .post-date{font-size: 12px;}
  .blog-sidebar .recent-post .post-meta .post-time{font-size: 12px;}
  .recent-post .popular-tags .title{margin: 40px 0 16px;}
  .blog-details .detail-section .about-option{align-items: baseline;}
  .table-responsive{width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
  .pricing-section{top: 85px;}
  .pricing-section .swiper-button-next {right: 33px;}
  .pricing-section .swiper-button-prev{left: 27px;}
  .vps-table-wrapper.service-plans thead tr th{padding: 18px 14px;}
  .vps-table-wrapper.service-plans td{font-size: 13px;}
  .vps-table-wrapper.service-plans tr, td{font-size: 13px;}
  .vps-table-wrapper:not(.service-plans) tr, .vps-table-wrapper:not(.service-plans) td{text-align: center;}
  .vps-table-wrapper tr, td{font-size: 13px;}
  .vps-table-wrapper thead tr th{padding: 18px 13px;}
  .transform-wrapper .transform-image.second-image{display: none;}
  .storage-section.mission-section .expansion-wrapper{padding-right: 30px; gap: 22px;}
  .storage-section.mission-section .expansion-wrapper .image-list-wrapper{max-width: 361px;}
  .performance-section-list .performance-list{gap: 25px;}
  .performance-section-list.core-values .performance-list .caselist .list-title{font-size: 24px;}
  .performance-section-list.core-values .performance-list .caselist{justify-content: flex-start;}
  .storage-section.mission-section .expansion-wrapper .storage-image-list{display: none;}
  .storage-section .expansion-wrapper{justify-content: center;}
  .storage-section{padding: 80px 0;}
  .storage-section.mission-section .expansion-wrapper{padding-right: 0;}
  .cloud-transform .transform-wrapper .image-content-box{flex-direction: column;}
  .cloud-transform .transform-image{max-width: 100%; border-radius: 10px;}
  .storage-section{padding: 80px 15px;}
  header .navigation{max-width: 660px;}
  .get-started .title{font-size: 50px;}
  .about-company.performance-section .about-company-wrapper .about-content{max-width: 100%; margin: 42px 0 0;}
  .about-company.performance-section .performance-grade ul li{font-size: 13px;}
  .about-company .performance-grade ul li{gap: 1px;}
  
  .use-case.home-service .use-case-content .usecase-list .caselist .case-icon img {width: 42px;height: 42px;}
  .use-case .use-case-content .heading{font-size: 33px;}
  .why-choose.optimise-section .title{font-size: 33px;}
  .why-choose.optimise-section .choose-content-wrap{gap: 80px;}
  .storage-section .expansion-wrapper{padding-left: 0; flex-direction: column;}
  .storage-section .expansion-wrapper .storage-image-list{display: none;}
  .cloud-storage .storage-content .title{font-size: 33px;}
  .cloud-storage .storage-categories .enterprise-storage .title{font-size: 24px;}
  .cloud-storage .storage-categories .enterprise-storage .subtitle{font-size: 15px;}
  .cloud-storage .storage-categories .enterprise-storage{padding: 25px 27px;}
  .cloud-storage .storage-categories .enterprise-storage-list .storage-list .list-number{flex-shrink: 0;}
  .why-choose.optimise-section .choose-content-wrap .content-list-box .box-content .title{font-size: 18px;}
  .why-choose.optimise-section .choose-content-wrap .content-list-box .box-content .description{font-size: 14px;}
  .status-service .main-title{font-size: 30px;}
  .status-wrapper{padding: 26px 21px;}
  .status-wrapper .content-lists .content-list-box .list-icon{width: 70px; height: 70px; font-size: 30px;}
  .content-lists .content-list-box .box-content .title{font-size: 16px;}
  .content-lists .content-list-box .box-content .description{font-size: 14px;}
  .status-service{padding: 76px 0;}

  .cloud-offering-banner .offering-wrapper .cloud-offering-content.pricing-content .title { font-size: 24px; padding: 0 30px;}
  .cloud-offering-banner .offering-wrapper .cloud-offering-content.pricing-content .descriptions { font-size: 18px; padding: 0 30px;}
  .innovation .innovation-list .lists .number-img { aspect-ratio: 22 / 9;}

    /* ********|| OUR SOLUTION START ||******** */
    .solutions-left {padding: 48px 48px 48px 32px;}
    .business-promo-section .business-promo-contaner { padding: 30px; }
    .business-promo-contaner .business-promo-details { max-width: 300px;}
    .business-promo-contaner .business-promo-details h3 {font-size: 26px; margin-bottom: 10px;}  
    /* ********|| OUR SOLUTION end ||******** */

    .use-case + .why-choose.optimise-section .choose-content-wrap { flex-direction: column!important;}
    .use-case .use-case-content .usecase-list {flex-wrap: wrap; justify-content: center;}

    /* ----------ITC PAGE START---------- */
    /* ----------ITC PAGE END---------- */





}

@media screen and (max-width: 990px) {
   /* ********|| OUR SOLUTION START ||******** */
   .solutions .solutions-container { flex-direction: column;}
   .solutions-left{width: 100%;}
   .solutions .solutions-container .solutions-right { width: 100%;  }

   .solutions-right .solutions-intro {padding: 48px 28px 48px 28px;}
   .solutions-right .solutions-intro .title { font-size: 26px; }

   .about-option {   padding: 0px 0 0; gap: 30px;}
   
   .why-choose + .about-company.performance-section .about-company-wrapper {  flex-direction: column-reverse;}
   .company .company-details .company-logos ul{grid-template-columns: repeat(2, minmax(0, 1fr));}
   

   /* ********|| OUR SOLUTION end ||******** */
}

@media screen and (max-width: 990px) and (orientation:landscape){
  .accordion_content .accordion_image {margin-bottom: 20px;}
  .footer-wrapper{flex-direction: column;}
  .footer-wrapper .footer-info{padding: 20px 0 30px;}
  .about-footer{border-bottom: 0.5px solid rgb(255 255 255 / 22%); border-right: 0;}
  .footer-wrapper .footer-content{max-width: 100%;}
  .footer-wrapper .footer-contact-info{flex-direction: row;}
  .contact-info .contact-info-content .title{font-size: 20px;}
  .contact-info .contact-info-content .sub-title{font-size: 26px;}
  .contact-info .contact-info-content ul{padding: 20px 12px 0;}
  .contact-info .contact-info-content ul li{margin: 0 0 22px; gap: 9px;}
  .insight-slide .insight-swiper .insight-slide-content{border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden; gap: 0; flex-direction: column;}
  .insight-slide .insight-swiper .insight-slide-content .meta-img{max-width: 100%; height: auto;}
  .insight-slide .insight-swiper .insight-slide-content .meta-content{padding: 25px 25px 25px; max-width: 100%;}
  .insight-slide .insight-swiper .insight-slide-content .meta-content .meta-options{ flex-direction: row;}
  .testimonial .testimonial-content{align-items: center; justify-content: center; flex-direction: column; row-gap: 20px;}
  .testimonial-content .heading-area{text-align: center;}
  .testimonial .testimonial-content .heading-area .small-title{justify-content: center;}
  .company .company-details .heading-area .small-title img {width: 7%;}
  .testimonial .testimonial-swiper .testimonial-slide-content{flex-direction: column;}
  .testimonial .testimonial-swiper .testimonial-slide-content .client-img{margin: -46px 0 0;}
  .footer-wrapper .footer-info { padding: 26px 0 30px;}
  .testimonial .testimonial-swiper .testimonial-slide-content{justify-content: start; gap: 15px;}
  .innovation .head-title { font-size: 75px; margin: -155px 0 0;}
  .innovation{margin: 128px 0 0;}
  .why-choose .choose-content-wrap{flex-direction: column;}
  .why-choose .choose-content-wrap .choose-content{max-width: 100%;}
  .accordion-wrapper{flex-direction: column;}
  .about-company-wrapper{gap: 0; flex-direction: column;}
  .opportunities{background-image: none !important; background-color: rgb(243 246 255);}
  .opportunities .chalange-list{grid-template-columns: repeat(1, minmax(0, 1fr)); max-width: 498px;}
  .opportunities .chalange-list .chalange-item .chalange::after{width: 144px;}
  .opportunities .chalange-list .chalange-item .solution::after{width: 144px;}
  .use-case .use-case-content .usecase-list{row-gap: 65px; column-gap: 41px;}
  .use-case .use-case-content .usecase-list .caselist{border-radius: 20px 20px 20px 20px;}
  .banner-section .banner-wrapper{padding-left: 0; flex-direction: column-reverse;}
  .banner-section .banner-wrapper .banner-slider{max-width: 100%;}
  .banner-section .banner-wrapper .banner-slider::after{border-radius: 0;}
  .banner-section .banner-wrapper .banner-content{max-width: 100%; padding: 0 30px;}
  .container{padding: 0 30px;}
  .about-option{align-items: center; flex-direction: row;}
  .about-option .about-call-us span{width: 56px; height: 56px;}
  .header-options{display: flex; gap: 20px;}
  .header-options .menu-trigger {display: flex;}
  header .navigation{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; padding: 140px 20px 0; transform: translateX(calc(-100% - 60px)); opacity: 0; transition: all 0.3s ease; z-index: -1;}
  header .navigation.active { transform: translateX(0); opacity: 1;}
  header .navigation .navigation-menu { flex-direction: column; justify-content: flex-start; padding-bottom: 40px; width: 100%; padding-left: 0;}
  header .header-options .menu-trigger.active span:first-child { opacity: 1; transform: rotate(45deg); margin-bottom: -17px;}
  header .header-options .menu-trigger.active span { opacity: 0; transform-origin: center;}
  header .header-options .menu-trigger.active span:last-child { opacity: 1; transform: rotate(-45deg); margin-top: -17px;}
  .navigation > ul > li{width: 100%;}
  header .navigation .navigation-menu .menu-link, .sub-menu-link{font-size: 20px; padding: 16px 15px;}
  .book-now-btn.desktop{display: none;}
  .menu-item.book-now-btn.mobile{display: block;}
  .performance .performance-content .title{font-size: 30px;}
  .performance .performance-content .heading{font-size: 22px;}
  .performance .performance-content .heading img{width: 11%;}
  .performance-section-list .performance-list{display: flex; justify-content: center; align-items: center; flex-direction: column;}
  .cloud-offering-banner .offering-wrapper{padding-left: 0;}
  .cloud-offering-banner .offering-wrapper .cloud-offering-content .title{font-size: 28px; text-align: center;}
  .get-started .title{font-size: 30px;}
  .get-started .sub-title{font-size: 17px;}
  .get-started .about-option{align-items: center;}
  .about-option .contact-btn{font-size: 15px; height: 50px;}
  .blog-lists .blog-list-wrapper{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .blog-list-wrapper .blog-list-content .meta-content .meta-title{font-size: 19px;}
  .blog-list-wrapper .blog-list-content .meta-content .meta-description{font-size: 15px;}
  .blog-list-wrapper .blog-list-content .meta-content{padding: 0 18px 21px;}
  .blog-list-wrapper .blog-list-content .meta-content .meta-options{gap: 12px;}
  .blog-list-wrapper .blog-list-content .meta-content .meta-options .meta-date{font-size: 13px;}
  .blog-list-wrapper .blog-list-content .meta-content .meta-options .meta-time{font-size: 13px;}
  .blog-list-wrapper .blog-list-content .meta-img .meta-tag{font-size: 15px;}
  .cloud-offering-banner .offering-wrapper{flex-direction: column-reverse;}
  .cloud-offering-banner .offering-wrapper .cloud-banner-image{height: 100%; border-top-left-radius: 0; border-bottom-left-radius: 190px; border-bottom-right-radius: 190px;}
  .cloud-offering-banner.blog .offering-wrapper .cloud-banner-image .image-wrapper{max-width: 190px;}
  .cloud-offering-banner .offering-wrapper .cloud-offering-content .breadcrumb{height: 50px; display: flex; border-radius: 0;border-radius: 0;}
  .cloud-offering-banner .offering-wrapper .cloud-offering-content .breadcrumb li{font-size: 20px;}
  .blog-lists {margin: 76px 0;}
  .get-started{padding: 40px 0;}
  .cloud-offering-banner .offering-wrapper .cloud-banner-image .image-wrapper{max-width: 290px;}
  .cloud-offering-banner .offering-wrapper .cloud-offering-content .title{margin: 13px 0 10px;}
  .blog-details .details-wrapper{flex-direction: column;}
  .blog-details .details-wrapper .detail-section .description .blog-description-img{flex-direction: column;}
  .blog-details .details-wrapper .detail-section .post-meta .post-name{font-size: 13px;}
  .blog-details .details-wrapper .detail-section .post-meta .post-date{font-size: 13px;}
  .blog-details .details-wrapper .detail-section .post-meta .post-time{font-size: 13px;}
  .blog-details .details-wrapper .detail-section .post-meta{gap: 12px;}
  .blog-details .details-wrapper .detail-section .page-title{font-size: 23px; margin: 25px 0;}
  .blog-details .details-wrapper .detail-section .description{font-size: 15px;}
  .blog-sidebar .recent-post .title{font-size: 25px;}
  .blog-sidebar .recent-post .post-block .wrap .title{font-size: 15px;}
  .blog-sidebar .recent-post .post-meta{gap: 11px;}
  .blog-sidebar .recent-post .post-meta .post-date{font-size: 12px;}
  .blog-sidebar .recent-post .post-meta .post-time{font-size: 12px;}
  .recent-post .popular-tags .title{margin: 40px 0 16px;}
  .status-service .content-lists{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .status-service .main-title{font-size: 30px;}
  .status-wrapper{padding: 26px 21px;}
  .status-wrapper .content-lists .content-list-box .list-icon{width: 70px; height: 70px; font-size: 30px;}
  .content-lists .content-list-box .box-content .title{font-size: 16px; margin: 13px 0 15px;}
  .content-lists .content-list-box .box-content .description{font-size: 14px;}
  .status-service{padding: 76px 0;}


  /* ********|| OUR SOLUTION START ||******** */
  .solutions .solutions-container { flex-direction: column;}
  .solutions-left{width: 100%;}
  /* ********|| OUR SOLUTION end ||******** */




}

@media screen and (max-width: 768px){
  .accordion_content .accordion_image {margin-bottom: 20px;}
  .footer-wrapper{flex-direction: column;}
  .footer-wrapper .footer-info{padding: 20px 0 30px;}
  .about-footer{border-bottom: 0.5px solid rgb(255 255 255 / 22%); border-right: 0;}
  .footer-wrapper .footer-content{max-width: 100%;}
  .footer-wrapper .footer-contact-info{flex-direction: row;}


 
  .contact-info .contact-info-content ul li { font-size: 14px; gap: 10px;}
  .contact-info .contact-info-content ul li span { width: 34px;height: 34px; }
  .contact-info .contact-info-content ul li .email-box .title { font-size: 16px; }
  .contact-info .contact-info-content .title{font-size: 20px;}
  .contact-info .contact-info-content .sub-title{font-size: 26px;}
  .contact-info .contact-info-content ul{padding: 20px 12px 0;}
  .contact-info .contact-info-content .benefit ul li {  font-size: 14px; }
  .insight-slide .insight-swiper .insight-slide-content{border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden; gap: 0; flex-direction: column;}
  .insight-slide .insight-swiper .insight-slide-content .meta-img{max-width: 100%; height: auto;}
  .insight-slide .insight-swiper .insight-slide-content .meta-content{padding: 25px 25px 25px; max-width: 100%;}
  .insight-slide .insight-swiper .insight-slide-content .meta-content .meta-options{ flex-direction: row;}
  .testimonial .testimonial-content{align-items: center; justify-content: center; flex-direction: column; row-gap: 20px;}
  .testimonial-content .heading-area{text-align: center;}
  .testimonial .testimonial-content .heading-area .small-title{justify-content: center;}
  .company .company-details .heading-area .small-title img {width: 7%;}
  .testimonial .testimonial-swiper .testimonial-slide-content{flex-direction: column;}
  .testimonial .testimonial-swiper .testimonial-slide-content .client-img{margin: -46px 0 0;}
  .footer-wrapper .footer-info { padding: 26px 0 30px;}
  .testimonial .testimonial-swiper .testimonial-slide-content{justify-content: start; gap: 15px;}
  .testimonial .testimonial-swiper .testimonial-slide-content .client-img {width: 62px;height: 62px; }
  .innovation .head-title { font-size: 75px; margin: -155px 0 0;}
  .innovation{margin: 128px 0 0;}
  .why-choose .choose-content-wrap{flex-direction: column;}
  .why-choose .choose-content-wrap .choose-content{max-width: 100%;}

  .why-choose .choose-content-wrap .content-list-box .list-icon {width: 60px;height: 60px;border-radius: 10px; }
  .why-choose .choose-content-wrap .content-list-box .list-icon img {width: 26px;height: 26px; }
  .accordion-wrapper{flex-direction: column;}
  .about-company-wrapper{gap: 0; flex-direction: column;}
  .opportunities{background-image: none !important; background-color: rgb(243 246 255);}
  .opportunities .chalange-list{grid-template-columns: repeat(1, minmax(0, 1fr)); max-width: 498px;}
  .opportunities .chalange-list .chalange-item .chalange::after{width: 144px;}
  .opportunities .chalange-list .chalange-item .solution::after{width: 144px;} 

  .banner-section .banner-wrapper{padding-left: 0; flex-direction: column-reverse;}
  .banner-section .banner-wrapper .banner-slider{max-width: 100%;}
  .banner-section .banner-wrapper .banner-slider::after{border-radius: 0;}
  .banner-section .banner-wrapper .banner-content{max-width: 100%; padding: 0 30px;}
  .container{padding: 0 30px;}
  .about-option{align-items: center; flex-direction: row;}
  .about-option .about-call-us span{width: 56px; height: 56px;}
  .header-options{display: flex; gap: 20px;}
  .header-options .menu-trigger {display: flex;}
  header .navigation{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; padding: 140px 0 0; transform: translateX(calc(-100% - 60px)); opacity: 0; transition: all 0.3s ease; z-index: -1;}
  header .navigation.active { transform: translateX(0); opacity: 1; overflow-x: auto;}
  header .navigation .navigation-menu { flex-direction: column; justify-content: flex-start; padding-bottom: 40px; width: 100%; padding-left: 0;}
  header .header-options .menu-trigger.active span:first-child { opacity: 1; transform: rotate(45deg); margin-bottom: -17px;}
  header .header-options .menu-trigger.active span { opacity: 0; transform-origin: center;}
  header .header-options .menu-trigger.active span:last-child { opacity: 1; transform: rotate(-45deg); margin-top: -17px;}
  .navigation > ul > li{width: 100%;}
  header .navigation .navigation-menu .menu-link, .sub-menu-link{font-size: 20px; padding: 16px 34px;} 
  .menu-item.book-now-btn.mobile{display: block; margin-left: 0; max-width: 200px;}
  .performance .performance-content .title{font-size: 30px;}
  .performance .performance-content .heading{font-size: 20px;}
  .performance .performance-content .heading img{width: 11%;}
  .performance-section-list .performance-list{display: flex; justify-content: center; align-items: center; flex-direction: column;}
  .cloud-offering-banner .offering-wrapper{padding-left: 0;}
  .cloud-offering-banner .offering-wrapper .cloud-offering-content .title{font-size: 28px; text-align: center;}
  .get-started .title{font-size: 30px;}
  .get-started .sub-title{font-size: 17px;}
  .get-started .about-option{align-items: center;}
  .about-option .contact-btn{font-size: 15px; height: 50px;}
  .blog-lists .blog-list-wrapper{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .blog-list-wrapper .blog-list-content .meta-content .meta-title{font-size: 19px;}
  .blog-list-wrapper .blog-list-content .meta-content .meta-description{font-size: 15px;}
  .blog-list-wrapper .blog-list-content .meta-content{padding: 0 18px 21px;}
  .blog-list-wrapper .blog-list-content .meta-content .meta-options{gap: 12px;}
  .blog-list-wrapper .blog-list-content .meta-content .meta-options .meta-date{font-size: 13px;}
  .blog-list-wrapper .blog-list-content .meta-content .meta-options .meta-time{font-size: 13px;}
  .blog-list-wrapper .blog-list-content .meta-img .meta-tag{font-size: 15px;}
  .cloud-offering-banner .offering-wrapper{flex-direction: column-reverse;}
  .cloud-offering-banner .offering-wrapper .cloud-banner-image{height: 100%; border-top-left-radius: 0; border-bottom-left-radius: 190px; border-bottom-right-radius: 190px;}
  .cloud-offering-banner.blog .offering-wrapper .cloud-banner-image .image-wrapper{max-width: 190px;}
  .cloud-offering-banner .offering-wrapper .cloud-offering-content .breadcrumb{height: 50px; display: flex; border-radius: 0;border-radius: 0;}
  .cloud-offering-banner .offering-wrapper .cloud-offering-content .breadcrumb li{font-size: 20px;}
  .blog-lists {margin: 76px 0;}
  .get-started{padding: 40px 0;}
  .cloud-offering-banner .offering-wrapper .cloud-banner-image .image-wrapper{max-width: 290px;}
  .cloud-offering-banner .offering-wrapper .cloud-offering-content .title{margin: 13px 0 10px;}
  .blog-details .details-wrapper{flex-direction: column;}
  .blog-details .details-wrapper .detail-section .description .blog-description-img{flex-direction: column;}
  .blog-details .details-wrapper .detail-section .post-meta .post-name{font-size: 13px;}
  .blog-details .details-wrapper .detail-section .post-meta .post-date{font-size: 13px;}
  .blog-details .details-wrapper .detail-section .post-meta .post-time{font-size: 13px;}
  .blog-details .details-wrapper .detail-section .post-meta{gap: 12px;}
  .blog-details .details-wrapper .detail-section .page-title{font-size: 23px; margin: 25px 0;}
  .blog-details .details-wrapper .detail-section .description{font-size: 15px;}
  .blog-sidebar .recent-post .title{font-size: 25px;}
  .blog-sidebar .recent-post .post-block .wrap .title{font-size: 15px;}
  .blog-sidebar .recent-post .post-meta{gap: 11px;}
  .blog-sidebar .recent-post .post-meta .post-date{font-size: 12px;}
  .blog-sidebar .recent-post .post-meta .post-time{font-size: 12px;}
  .recent-post .popular-tags .title{margin: 40px 0 16px;}
  .navigation {flex-direction: column;}
  .navigation > ul > li { flex-direction: column; width: 100%; display: block;}
  .main-subnavigation { position: relative; visibility: visible !important; opacity: 1 !important; height: auto; overflow: hidden; max-height: 0; transition: max-height 0.4s ease; padding: 0 35px; border: none; border-radius: 0; background-color: var(--lightBg); top: 2px;}
  .main-subnavigation.active {max-height: 1000px;}
  .main-subnavigation > ul {flex-direction: column;}
  .main-subnavigation > ul > li { max-width: 100%; border: none; padding: 17px 0; margin: 0;}
  .main-subnavigation ul li p{margin: 0; display: none;}
  .navigation ul .menu-item .sub-menu-link:after{width: 16px; height: 9.5px; right: 29px;}
  .main-subnavigation > ul > li > a{margin: 0;}

  .cloud-offering-banner .offering-wrapper .cloud-offering-content.pricing-content .title {font-size: 20px;padding: 0px 24px;}

  .cloud-storage .storage-categories{flex-direction: column;}
  .cloud-storage .storage-categories .enterprise-storage .title{font-size: 24px;}
  .cloud-storage .storage-categories .enterprise-storage .subtitle{font-size: 15px;}
  .cloud-storage .storage-categories .enterprise-storage{padding: 25px 27px;}
  .status-service .content-lists{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .status-service .main-title{font-size: 30px;}
  .status-wrapper{padding: 26px 21px;}
  .status-wrapper .content-lists .content-list-box .list-icon{width: 70px; height: 70px; font-size: 30px;}
  .content-lists .content-list-box .box-content .title{font-size: 16px; margin: 13px 0 15px;}
  .content-lists .content-list-box .box-content .description{font-size: 14px;}
  .status-service{padding: 76px 0;}
  .about-company.performance-section .about-img-performance::after{right: 0;}

  .business-promo-section{padding: 60px 0;}
  .business-promo-section .business-promo-contaner { }
  .business-promo-section .business-promo-contaner:before { width: 100%;background-image: linear-gradient(186deg, var(--gradientpurple), var(--gradientblue));}
  .business-promo-contaner .business-promo-details { max-width: 100%;}
  .business-promo-contaner .img-wrap { display: none; } 

  .cloud-offering-banner .offering-wrapper .cloud-offering-content.pricing-content .descriptions { text-align: center;}


  .get-start-section .container { flex-direction: column; gap: 4px; padding: 0px;}
  .get-start-section .get-start-content { width: 100%; padding: 20px 30px;}
  .get-start-benefits {  padding: 20px 30px; border-top: 1px solid var(--border); width: 100%;}
  .get-start-benefits {  border-left: none;}
  .get-start-benefits .book-now-btn a {  padding: 0px 20px;  height: 46px; }
  .get-start-benefits .benefits-list ul { margin-bottom: 20px;}
  .get-start-benefits .benefits-list { margin-top: 20px;}


  .company + .use-case .use-case-content .usecase-list { margin: 80px 0 0; }

  .use-case {padding: 50px 0;}
  .use-case .use-case-content .usecase-list { margin: 40px 0 0; row-gap: 65px; column-gap: 41px;}
  .use-case .use-case-content .usecase-list .caselist{border-radius: 20px 20px 20px 20px;} 
  .use-case + .why-choose + .why-choose {padding-top: 50px;}
  .use-case .use-case-content .usecase-list .caselist .case-icon {width: 60px; height: 60px; border-radius: 20px; font-size: 20px;}
  .use-case.home-service .use-case-content .usecase-list .caselist .case-icon img {width: 32px;height: 32px;}

  .solutions {padding-bottom: 0px;}

  .company .company-details .company-logos .company-logo-img{padding: 15px;}


  /* CONTACT US PAGE START */
  .performance-section-list .performance-list .caselist .case-icon { width: 60px;height: 60px; border-radius: 20px; font-size: 24px; }
  .support .support-form-wrapper{flex-direction: column;}
  .support .support-form-wrapper{width: 100%;}
  .support .support-form-wrapper .form-section{width: 100%; border-right: 0; border-bottom: 1px solid var(--border);}
  .support .support-form-wrapper .location{width: 100%;}


  /* CONTACT US PAGE END */ 
  
.main-subnavigation-col ul li a::before{content:''!important;}
.main-subnavigation-col ul li a::before{right: 40px;}
.main-subnavigation-col{width: 100%; padding: 0!important;}
  
  
}

@media screen and (max-width: 640px) {

  .navigation ul .menu-item .sub-menu-link:after {  left: -20px; height: 4px;}

  .book-now-btn.mobile{display: block;}
  .book-now-btn.desktop {display: none;}
  .use-case + .cloud-storage .book-now-btn.desktop {display: block; margin-top: 40px;}

  .about-company + .cloud-storage .book-now-btn.desktop {display: block;}
  header .navigation .navigation-menu .menu-link, .sub-menu-link{font-size: 16px; padding: 13px 36px;}
  .upper-header .upper-header-wrapper{flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px;}
  .upper-header .upper-header-wrapper .upper-header-list{gap: 12px;}
  .upper-header .upper-header-wrapper .upper-header-list .header-items{gap: 10px; font-size: 12px;}
  .upper-header .upper-header-wrapper .header-list-left .header-items:first-child{padding-right: 10px;}
  .header-sec .container .header-wrapper .logo-wrapper a{width: 100%;}
  .header-sec{height: 65px;}
  .upper-header{height: auto; padding: 9px 0;}
  .use-case .use-case-content .usecase-list{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .about-company-wrapper .about-content .about-description ul{column-count: 1;}
  .about-option{align-items: start; flex-direction: column;}
  .why-choose{padding: 50px 0 0;}
  .why-choose .choose-content-wrap .choose-content .title { font-size: 22px; }
  .why-choose .choose-content-wrap .choose-content .sub-title{font-size: 20px; margin: 20px 0;} 
  .solutions-item .title { font-size: 22px; }
  .solutions-item .description { font-size: 14px; }
  .solutions-right .solutions-intro .title { font-size: 22px;}
  .solutions-right .solutions-intro .description { font-size: 14px; }

  .about-company .about-content .about-description { font-size: 14px; } 
  
  .extension .extension-content .heading{font-size: 20px;}
  .extension .extension-content .heading img{width: 13%;}
  .extension .extension-content .title{ font-size: 25px;}
  .accordion-wrapper .extension-accordion{padding: 0 31px;}
  .accordion-swipe-image{overflow: visible; height: auto;}
  .accordion_content{padding: 0;}
  .accordion-item{padding: 7px 24px 8px;}
  .accordion-item .title{font-size: 17px;}
  .testimonial .testimonial-content .heading-area .main-heading{font-size: 28px;}
  .testimonial .testimonial-content .heading-area .small-title{font-size: 22px;}
  .testimonial .testimonial-content .heading-area .subtitle{font-size: 16px;}
  .company .company-details .heading-area .small-title{font-size: 23px;}
  .company .company-details .heading-area .small-title img{width: 11%;}
  .company .company-details .heading-area .main-heading{font-size: 22px;}
  .company .company-details .heading-area .subtitle{font-size: 18px;}
  .company .company-details .company-logos ul li{width: 150px; height: 127px; padding: 16px;}
  .latest-insights .insight-content .title{font-size: 17px; width: 100%; max-width: 100%;}
  .latest-insights .insight-content .small-title{font-size: 20px;}
  .latest-insights .insight-content .small-title img{width: 11%;}
  .contact-info .contact-info-content ul{flex-direction: column; padding: 0; background-color: transparent; align-items: baseline; width: 100%; gap: 20px;}
  .contact-info .contact-info-content ul li{border-right: none; margin: 0;}
  header{top: -63px;}
  header .navigation{padding: 120px 0 0;}
  .footer-wrapper .footer-contact-info{flex-direction: column;}
  .footer-wrapper .footer-info{gap: 21px;}
  .footer-wrapper .footer-info .product ul li{font-size: 15px; line-height: 2.2;}
  .footer-wrapper .footer-info .company-info ul li{font-size: 14px; line-height: 2.2;}
  .footer-wrapper .footer-info .support ul li{font-size: 15px; line-height: 2.2;}
  .footer-wrapper .footer-info .information ul li{font-size: 15px; line-height: 2.2;}
  .footer-info .information .title{font-size: 16px;}
  .footer-info .company-info .title{font-size: 16px;}
  .footer-info .product .title{font-size: 16px;}
  .footer-info .support .title{font-size: 16px;} 
  .contact-info .form-content{padding: 0;}
  .contact-info{padding: 0 0 50px; background-image: none !important;}
  .contact-info .form-content .title{margin: 40px 0 14px;}
  .contact-info .form-content .field-set .form-group.col-span-half{grid-column: span 2 / span 2;}
  .contact-info .form-content .field-set{row-gap: 9px;}
  .performance .performance-content .title{font-size: 26px;}
  .performance .performance-content .heading{font-size: 20px;}
  .performance .performance-content .heading img{width: 11%;}
  .performance-section-list .performance-list{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .cloud-offering-banner .offering-wrapper{padding-left: 0;}
  .cloud-offering-banner .offering-wrapper .cloud-offering-content .title{font-size: 24px; text-align: center;}
  .get-started .title{font-size: 22px;}
  .get-started .sub-title{font-size: 16px;}
  .get-started .about-option{align-items: center;}
  .about-option .contact-btn{font-size: 15px; height: 50px;}
  .blog-lists .blog-list-wrapper{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .blog-list-wrapper .blog-list-content .meta-content .meta-title{font-size: 19px;}
  .blog-list-wrapper .blog-list-content .meta-content .meta-description{font-size: 15px;}
  .blog-list-wrapper .blog-list-content .meta-content{padding: 0 18px 21px;}
  .blog-list-wrapper .blog-list-content .meta-content .meta-options{gap: 12px;}
  .blog-list-wrapper .blog-list-content .meta-content .meta-options .meta-date{font-size: 13px;}
  .blog-list-wrapper .blog-list-content .meta-content .meta-options .meta-time{font-size: 13px;}
  .blog-list-wrapper .blog-list-content .meta-img .meta-tag{font-size: 15px;}
  .cloud-offering-banner .offering-wrapper{flex-direction: column-reverse;}
  .cloud-offering-banner .offering-wrapper .cloud-banner-image{height: 100%; border-top-left-radius: 0; border-bottom-left-radius: 190px; border-bottom-right-radius: 190px;}
  .cloud-offering-banner.blog .offering-wrapper .cloud-banner-image .image-wrapper{max-width: 190px;}
  .cloud-offering-banner .offering-wrapper .cloud-offering-content .breadcrumb{height: 50px; display: flex; border-radius: 0;border-radius: 0;}
  .cloud-offering-banner .offering-wrapper .cloud-offering-content .breadcrumb li{font-size: 18px;}
  .blog-lists {margin: 76px 0;}
  .get-started{padding: 40px 0;}
  .cloud-offering-banner .offering-wrapper .cloud-banner-image .image-wrapper{max-width: 290px;}
  .cloud-offering-banner .offering-wrapper .cloud-offering-content .title{margin: 13px 0 10px;}
  .blog-details .details-wrapper{flex-direction: column;}
  .blog-details .details-wrapper .detail-section .description .blog-description-img{flex-direction: column;}
  .blog-details .details-wrapper .detail-section .post-meta .post-name{font-size: 13px;}
  .blog-details .details-wrapper .detail-section .post-meta .post-date{font-size: 13px;}
  .blog-details .details-wrapper .detail-section .post-meta .post-time{font-size: 13px;}
  .blog-details .details-wrapper .detail-section .post-meta{gap: 12px;}
  .blog-details .details-wrapper .detail-section .page-title{font-size: 23px; margin: 25px 0;}
  .blog-details .details-wrapper .detail-section .description{font-size: 15px;}
  .blog-sidebar .recent-post .title{font-size: 25px;}
  .blog-sidebar .recent-post .post-block .wrap .title{font-size: 15px;}
  .blog-sidebar .recent-post .post-meta{gap: 11px;}
  .blog-sidebar .recent-post .post-meta .post-date{font-size: 12px;}
  .blog-sidebar .recent-post .post-meta .post-time{font-size: 12px;}
  .recent-post .popular-tags .title{margin: 40px 0 16px;}
  .banner-section .banner-wrapper .banner-content .banner-title {font-size: 25px;}
  .menu-item.book-now-btn.mobile{margin-top: 30px;}
  .main-subnavigation > ul > li > a{font-size: 16px;}
  .main-subnavigation > ul > li{padding: 7px 0;}
  .insight-btn .btn-hover{padding: 12px 23px; font-size: 14px;}
  .latest-insights {padding: 40px 0;}
  .swiper-buttons{bottom: 47px;}
  .swiper-buttons { right: 88px;}
  .table-responsive{width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
  .pricing-section{top: 58px;}
  .pricing-section .swiper-button-next {right: 18px;}
  .pricing-section .swiper-button-prev{left: 18px;}
  .vps-table-wrapper.service-plans thead tr th{padding: 18px 14px;}
  .vps-table-wrapper.service-plans td{font-size: 13px;}
  .vps-table-wrapper.service-plans tr, td{font-size: 13px;}
  .vps-table-wrapper:not(.service-plans) tr, .vps-table-wrapper:not(.service-plans) td{text-align: center;}
  .vps-table-wrapper tr, td{font-size: 13px;}
  .vps-table-wrapper thead tr th{padding: 18px 13px;}
  .main-subnavigation ul li a::before{content: "\f061"; font-family: "Font Awesome 6 Pro"; font-weight: 300; font-size: 15px; background-image: none; height: auto;}
  .cloud-transform .transform-image{max-height: fit-content;}
  .about-company.performance-section .performance-grade ul{gap: 0; justify-content: left; align-items: baseline;}
  .about-company.performance-section .performance-grade ul li{border-right: 0; padding: 0 15px 0 0;} 
  .about-content .top-title{font-size: 22px; gap: 9px; margin: 0 0 20px;}
  .about-content .about-title { font-size: 16px; margin: 0 0 20px;}
  .about-option .about-call-us span {  width: 46px; height: 46px; font-size: 18px; }
  .innovation {margin: 60px 0 0;}
  .innovation .head-title{font-size: 37px;margin: -127px 0 0;}
  .innovation .title {font-size: 22px; max-width: 360px;}
  .innovation .innovation-list {margin: 40px 0 0; grid-template-columns: repeat(1, minmax(0, 1fr));} 
  .innovation .innovation-list .lists .number {font-size: 90px;}
  .why-choose .choose-content-wrap .content-list-box .box-content .title{font-size: 16px;}
  .about-company.performance-section .about-company-wrapper .about-content .about-description{font-size: 14px;}
  .use-case .use-case-content .usecase-list {  margin: 20px 0 0;}
  .innovation + .use-case .use-case-content .usecase-list {  margin: 80px 0 0;}
  .use-case .use-case-content .heading{font-size: 22px;}
  .use-case .use-case-content .sub-title { font-size: 16px; font-weight: 500; font-weight: 400;  color: var(--secondary); text-align: center;  margin: 0 auto;  line-height: 1.5; margin-bottom: 40px; text-align: center;}
  .tab-headers {overflow-x: scroll;}

  .use-case .use-case-content .usecase-list .caselist{border: 1px solid var(--border);}
  .why-choose.optimise-section .title{font-size: 20px;}
  .why-choose.optimise-section .heading img{width: 12%;}
  .why-choose.optimise-section .sub-title{font-size: 16px;}
  .storage-section .expansion-wrapper .expansion-content .title{font-size: 26px;}
  .storage-accordion .accordion-item .accordion-title{font-size: 18px;}
  .storage-accordion .accordion-item .accordion-toggle:before{right: 10px; top: 9px;}
  .about-company.performance-section .about-img-performance::after{right: 0;}
  .cloud-storage .storage-categories .enterprise-storage-list{padding: 19px; border-radius: 33px;}
  .cloud-storage .storage-categories .enterprise-storage-list .storage-list{gap: 14px;}
  .cloud-storage .storage-categories .enterprise-storage-list .storage-list .list-content{font-size: 14px;}
  .cloud-storage .storage-categories .enterprise-storage-list .storage-list .list-content strong{font-size: 15px;}
  .use-case + .cloud-storage {  padding: 0px 0px 60px;}
  .cloud-storage .storage-content .title{font-size: 20px;}
  .cloud-storage .storage-content .heading img{width: 12%;}
  .cloud-storage .storage-content .heading{font-size: 22px;}
  .get-start-section {   padding: 60px 0; margin: 0 30px;}
  .get-start-content .intro-details { font-size: 15px; }
  .get-start-content .intro-details h3 { font-size: 22px; }
  .get-start-benefits h3 { font-size: 22px; }
  .get-start-benefits .benefits-list ul { font-size: 15px; }
  .about-company.performance-section .performance-grade ul li span{ font-size: 25px;}
  .about-company.performance-section .performance-grade{margin: 15px 0;}
  .storage-section .expansion-wrapper .expansion-content .heading{font-size: 22px;}
  .storage-accordion .accordion-item .accordion-inner-content{font-size: 15px;}
  .cloud-storage .storage-content .sub-title{font-size: 14px;}
  .about-company.performance-section .dot-img-wrap{max-width: 100%;}
  .performance-section-list .performance-list{margin: -101px 0 60px;}
  .cloud-transform{padding: 100px 0 0;}
  .storage-section .expansion-wrapper .expansion-content .mission .title, .storage-section .expansion-wrapper .expansion-content .vision .title{font-size: 25px;}
  .storage-section .expansion-wrapper .expansion-content .mission .description, .storage-section .expansion-wrapper .expansion-content .vision .description{font-size: 14px;}
  .expansion-content .mission{padding: 18px 21px;}
  .cloud-offering-banner.status .offering-wrapper .cloud-offering-content .sub-title{font-size: 18px; text-align: center; }
  .status-service .content-lists{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .status-service .main-title{font-size: 30px;}
  .status-wrapper{padding: 26px 21px;}
  .status-service .content-lists .content-list-box{align-items: baseline; flex-direction: column;}
  .status-wrapper .content-lists .content-list-box .list-icon{width: 70px; height: 70px; font-size: 30px;}
  .content-lists .content-list-box .box-content .title{font-size: 16px; margin: 13px 0 15px;}
  .content-lists .content-list-box .box-content .description{font-size: 14px;}
  .status-service{padding: 76px 0;}
  .container { padding: 0 20px;}
  .cloud-storage .storage-categories .enterprise-storage {padding: 25px 18px;}
  .storage-section { margin: 60px 0}
  .about-company.performance-section .about-company-wrapper .about-content { max-width: 100%; margin: 42px 0 20px;}
  .banner-content .performance-grade ul li span { font-size: 22px;}
  .banner-content .performance-grade ul li{padding: 0 8px 0 0;}
  .innovation .innovation-list{margin: 65px 0 0;}
  .company-trusted{justify-content: center;}
  .innovation .innovation-list .lists .number-img{aspect-ratio: 22/9;}
  .company .company-details .company-logos { width: 95%;}

/* ********|| AI START ||******** */
.use-case .use-case-content .title{font-size: 22px;}
.about-company.performance-section{padding: 70px 0 0;}
.use-case.home-service .use-case-content .heading { font-size: 18px;}


/* ********|| AI END ||******** */

  /* ********|| ITC START ||******** */
  .about-company + .cloud-storage { padding-top: 100px;}
  .about-company + .cloud-storage .storage-content .sub-title{padding: 20px 0px;}
  .cloud-storage + .use-case .use-case-content .usecase-list { margin-top: 0px;}
  .cloud-storage + .use-case{padding: 40px 0px;}
  .why-choose.optimise-section .choose-content-wrap {
    gap: 40px;
}
  .why-choose.optimise-section .choose-content-wrap .content-list-box {padding: 18px 20px; margin: 0px 0 20px;}
  .use-case + .why-choose + .why-choose { padding-top: 40px;}
  .why-choose.optimise-section .heading{font-size: 22px;}
  .why-choose + .use-case {margin: 0px 0 50px;}
  /* ********|| ITC END ||******** */

  /* ********|| IT SETUP START ||******** */
  .use-case{margin: 0px 0 80px;}
  .why-choose + .use-case { padding: 30px 0;}
  .why-choose + .use-case .use-case-content .usecase-list { margin: 20px 0 0;}

  .innovation .innovation-list .lists{display: flex; flex-direction: column; justify-content: center; align-items: center;}
  .why-choose + .innovation .innovation-list{flex-direction: column; gap: 10px}
  .innovation .innovation-list .lists .number{font-size: 120px;}
  .why-choose + .innovation .title{margin-top: 10px;}
  .usecase-items .swiper-wrapper { margin-top: 25px;}
  .why-choose.optimise-section .choose-content-wrap .content-list-box .box-content .title { font-size: 16px;}

  /* ********|| IT SETUP END ||******** */

  /* ********|| DAAS START ||******** */
  .why-choose.optimise-section .choose-content-wrap .content-list-box .list-icon {width: 50px;height: 50px;border-radius: 10px; font-size: 18px; }
  /* ********|| DAAS END ||******** */

  /* ********|| PRICING START ||******** */
  .pricing-section{margin: 70px 0 70px;}
  .plans-slide .standard-plan-slide .title{font-size: 22px;}
  .pricing-section .swiper-button-prev::after{width: 40px; height: 40px;}
  .pricing-section .swiper-button-next:after{width: 40px; height: 40px;}
  .plans-slide .standard-plan-slide .description{margin: 7px 0 10px;}
  .performance .performance-content .subtitle{font-size: 18px;}
  .contact-info .contact-info-content .sub-title{font-size: 22px;}
  .contact-info .contact-info-content ul li span{width: 40px; height: 40px;}
  .contact-info .contact-info-content .benefit .title{font-size: 20px;}
  .contact-info .contact-info-content .benefit ol li{font-size: 14px; margin-bottom: 0px;}
  .contact-info .form-content .title {font-size: 22px;}
  .contact-info .form-content .description{font-size: 14px;}
  .contact-info .form-content .field-set .form-group input { height: 50px;font-size: 14px; }
  .contact-info .form-content .form-action .btn-action {height: 54px; font-size: 16px;}

  
  .storage-section {padding: 40px 15px;}
  
  .storage-accordion .accordion-item .accordion-toggle {  padding: 14px 48px 14px 0; }
  .storage-accordion .accordion-item .accordion-toggle:before { font-size: 14px; width: 35px;height: 35px;}
  
  /* ********|| PRICING END ||******** */


    /* CONTACT US PAGE START */
    .performance-section-list .performance-list .caselist .case-icon { width: 50px;height: 50px; border-radius: 20px; font-size: 18px; }

    /* CONTACT US PAGE END */ 

  .footer-wrapper .footer-content { font-size: 14px; }
  .footer-wrapper .footer-contact-info { font-size: 14px;}
  .footer-wrapper .footer-contact-info a { gap: 10px;}
  .footer-wrapper .footer-contact-info span {width: 30px;height: 30px; }

  .support { padding: 65px 0;}
  .support .support-form-wrapper .form-section {padding: 24px}
  .support .support-form-wrapper .form-section .form-heading {font-size: 20px;}
  .support .support-form-wrapper .form-section .form-group label {font-size: 15px;}
  .support .support-form-wrapper .form-section .form-group .form-control{padding: 16px;}
  .support .support-form-wrapper .location { padding: 30px;}
}

@media screen and (max-width: 480px) {
  
}
@media screen and (max-width: 375px) {

}
/* ********|| RESPONSIVE END ||******** */