@font-face {font-family:FontAwesome;src:url(../fonts/FontAwesome.otf);}
@font-face {font-family:Articulat_CF_Regular;src:url(../fonts/Articulat_CF_Regular.otf);}
@font-face {font-family:Articulat_CF_Medium; src:url(../fonts/Articulat_CF_Medium.otf);}
@font-face {font-family:Articulat_CF_Bold; src:url(../fonts/Articulat_CF_Bold.otf);}
@font-face {font-family:Articulat_CF_Light; src:url(../fonts/Articulat_CF_Light.otf);}
@font-face {font-family:Articulat_CF_Thin; src:url(../fonts/Articulat_CF_Thin.otf);}
@font-face {font-family:Alliance-No.2; src:url(../fonts/Alliance-No.2.otf);}
@import url("https://use.typekit.net/fyu6iej.css");





body{font-family: "articulat-cf",sans-serif; color:#353332;line-height:1.7;font-size: 14px; letter-spacing: normal;}



h1, h2, h3, h4, h5, h6, p, ul, ol, li {position: relative;}
img {max-width: 100%;}
ul{list-style: none; padding: 0px; margin: 0px;}
a{text-decoration: none;}


.navbar-expand-lg .navbar-nav .nav-link{padding:0px !important;}


.partnerlogo img {
    height: auto;
    width: auto;
}

/* Desktop Navigation */
  .navmenu li {position: relative;}
  .navmenu>ul>li {white-space: nowrap;padding: 15px 14px;}
  .navmenu>ul>li:last-child {padding-right: 0;}
  .navmenu a,
  .navmenu a:focus {padding: 0 2px;display: flex;align-items: center;justify-content: space-between;white-space: nowrap;transition: 0.3s;position: relative;}
  .navmenu a i,
  .navmenu a:focus i {font-size: 14px;line-height: 0;margin-left: 2px;transition: 0.3s;}
  .navmenu>ul>li>a:before {content: "";position: absolute;height: 2px;bottom: -6px;left: 0;background-color:#fff;visibility: hidden;width: 0px;transition: all 0.3s ease-in-out 0s;}
  .navmenu a:hover:before,
  .navmenu li:hover>a:before,
  .navmenu .active:before {visibility: visible;width: 100%;}
  .navmenu li:hover>a,
  .navmenu .active,
  .navmenu .active:focus {color:#fff;}
  .navmenu .dropdown ul {margin: 0;padding: 15px 11px;display: block;position: absolute;visibility: hidden;left: 0px;top: 130%;
    opacity: 0;transition: 0.3s;z-index: 9999;border-radius: 8px;border: 1px solid#F2F4F7;background:  #FFF;box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);}
.rotate {display: inline-block;transition: transform 0.3s ease;transform: rotate(0deg);}

/* Rotate icon on hover for desktop */
@media (min-width: 768px) {
  .dropdown:hover .rotate {transform: rotate(180deg);transition: transform 0.3s ease;}
}
  .navmenu .dropdown ul li {min-width: 200px;}
  .middle-header .navbar-nav .dropdown ul a {width: 100%;padding: 10px 14px !important; margin-right:0px; width: 100%;display: block;color:#000;font-size: 16px;font-weight: 400;line-height: normal; font-family: 'Articulat_CF_Regular';}
  .navmenu .dropdown ul a:hover,
  .navmenu .dropdown ul .active:hover,
  .navmenu .dropdown ul li:hover>a {color: #000 !important;background: #F5F5F5;}
  .navmenu .dropdown:hover>ul {opacity: 1;top: 100%;visibility: visible;}
  .navmenu .dropdown .dropdown ul {top: 0;left: -90%;visibility: hidden;}
  .navmenu .dropdown .dropdown:hover>ul {opacity: 1;top: 0;left: -100%;visibility: visible;}


/* Mobile Navigation */
@media (max-width: 999.8px) {
  .navmenu a i,
  .navmenu a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: 0.3s;background-color: #0068FF;}
  .navmenu a i:hover,
  .navmenu a:focus i:hover {background-color: #0068FF;color:#fff;}
  .navmenu a:hover,
  .navmenu .active,
  .navmenu .active:focus {color: #fff;}

  .navmenu .active i,
  .navmenu .active:focus i {background-color:#0068FF;color:#fff;transform: rotate(180deg);}
  .navmenu .dropdown ul {position: static;display: none;z-index: 99;padding: 10px 10px;transition: all 0.5s ease-in-out;margin-top: -12px;margin-bottom: 20px;}
  .navmenu .dropdown ul ul {background-color: rgba(33, 37, 41, 0.1);}
  .navmenu .dropdown>.dropdown-active {display: block;background-color: #475af9;opacity: 100%;visibility: visible;border: 0px;}
   .mobile-nav-active {overflow: hidden;}
  .mobile-nav-active .navmenu {position: fixed;overflow: hidden;inset: 0;background: rgba(33, 37, 41, 0.8);transition: 0.3s;}
  .mobile-nav-active .navmenu>ul {display: block;}
}

.search-toggler {
    display: none;
}

/*---header----*/
#header {
  transition: all 0.4s ease;
}

#header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1199;
  background: #fff; /* optional: set background when fixed */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* optional */
}



.top-header {position: relative;padding: 12px 0;background: #F2F2F2;}
.top-navbar ul {display: flex;align-items: center;justify-content: flex-end;gap: 0 40px;}
.top-navbar a {color: #000;font-size: 14px;font-weight: 400;line-height: normal;transition: color 0.3s ease;}
.top-navbar a:hover {color: #555;}
.top-navbar a.btn {border-radius: 50px;background: #FFF;font-weight: 500;padding: 5px 10px;}
.usericon img {vertical-align: middle;margin-right: 5px;height: 16px;}


#header{z-index: 99;}
.middle-header{position: relative; padding: 7px 0px; background: #fff;}
.middle-header ul.navbar-nav {}
.navbar-expand-lg .navbar-collapse{justify-content: end;}
.middle-header .navbar-dark{background:transparent; border-radius: 0px; padding:0px;} 
.middle-header .navbar-nav li a {color:#000;font-size: 16px;font-weight: 500;line-height: normal; display: inline-block;margin-right: 38px;}
.middle-header .navbar-nav li.active a{color: #4919d3;}
.middle-header .navbar-nav li a:hover{color: #4919d3;}
   
.buybtn a.btn{border-radius: 70px;border: 0px; background: var(--Primary_Gradient, linear-gradient(117deg, #2033D5 20.48%, #4E6CFE 123.16%));
  padding: 9px 16px;color: #FFF;font-size: 14px;font-weight: 500;line-height: 28.8px;transition: background 0.3s ease-in-out, color 0.3s ease-in-out, transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}

/* .buybtn a.btn:hover {background: #002A3A;color: #FFF;transform: translateY(-3px);box-shadow: 0px 10px 20px rgba(0, 42, 58, 0.2);}
.buybtn a.btn:active {transform: translateY(1px);box-shadow: 0px 5px 10px rgba(0, 42, 58, 0.15);} */
.buy-button {display: flex;align-items: center;
}
.search-toggler{margin-left: 0px;}
.search-toggler a{color: #000;font-size: 14px;font-weight: 500;line-height: normal; margin-left: 10px;}

.navbar-toggler {position: relative;padding: 0px;border: none;background: #EAD9BE; border-radius: 30px; width: 36px; height: 36px; line-height: 36px;}
.menu-icon {display: flex;flex-direction: column;justify-content: space-between;cursor: pointer;transition: all 0.3s ease-in-out;}
.navicon {background: #0c0b0b;display: block;height: 3px;width: 25px;position: relative;transition: all 0.3s ease-in-out; margin: 0 auto;}
.navicon:before,
.navicon:after {content: '';background: #0c0b0b;width: 80%;height: 3px;position: absolute;left: 0;transition: all 0.3s ease-in-out; margin: 0 auto; text-align: center; right: 0px;}
.navicon:before {top: -8px;}
.navicon:after {top: 8px;}
/* Toggle Animation */
.navbar-toggler[aria-expanded="true"] .navicon {background: transparent;}
.navbar-toggler[aria-expanded="true"] .navicon:before {transform: rotate(45deg);top: 0;}
.navbar-toggler[aria-expanded="true"] .navicon:after {transform: rotate(-45deg);top: 0;}
.navbar-toggler:focus{box-shadow: none;}
.moblie{display: none;}
/*---header close---*/


/*---banner section----*/
.banner-section{height: 940px;background-image: url(../images/H-banner.jpg); background-position: center; background-size: cover; position: relative; padding: 150px 0px;}
.tittle-hd{position: relative; text-align: center;}
.tittle-hd h1{color: #FFF;font-size: 65px;font-weight: 400;line-height: 80px; margin-bottom: 12px;}
.tittle-hd p{color: #FFF;font-size: 22px;font-weight: 100;line-height: 30px; margin: 0px auto 50px; max-width:882px;}
.tittle-hd a.btn{color:#000;font-size: 16px;font-weight: 500;line-height: 28.8px;display: inline-flex;padding: 12px 20px;justify-content: center;align-items: center;
  gap: 4px; border-radius: 70px;background: #FFF; border: 0px;}
.Weblayer{display: grid; grid-template-columns: repeat(3 ,1fr); gap: 0px 30px; align-items: center; margin-top: 140px;}
.Web-werp{position: relative; overflow: hidden;border-radius: 18px;background: rgba(255, 255, 255, 0.22);backdrop-filter: blur(25px); padding: 24px 20px; display: flex; align-items: center; gap: 0px 20px; height: 132px;}

.web-cnt p{color: #DADADA;font-size: 16px;font-weight: 300;line-height: normal; margin: 0px;}
.web-img {width: 70px;height: 70px;flex-shrink: 0;}
.web-img img {width: 100%;height: 100%;object-fit: contain;}
.Web-werp.saves .web-img{width: 120px; height: 120px;}
.Web-werp {transition: height 0.3s ease;}
.Webslider{margin-top: 120px;}
.Webslider .owl-carousel .owl-item.center .Web-werp{height: 188px;}
.Webslider .owl-carousel .owl-stage{display: flex; align-items: center;}
.Webslider .owl-carousel .owl-item.center .Web-werp .web-img{width: 120px; height: 120px;}

/*---new css add 11-06-25====*/

.Web-werp {height: 132px;transition: height 0.3s ease;}
.web-img {transition: width 0.3s ease, height 0.3s ease;}
.web-img img {transition: filter 0.3s ease;display: block; width: 100%;height: 100%;object-fit: contain;}
.Web-werp:hover {height: 188px;}
.Web-werp:hover .web-img {width: 90px;height: 90px;}
.Web-werp:hover .web-img img {filter: brightness(1) saturate(100%) sepia(100%) hue-rotate(25deg) saturate(700%) brightness(1.2);}
/* .Web-werp .web-img img {filter: grayscale(100%) brightness(0.8) contrast(1.2);} */

.web-cnt h5 {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 5px;
}

/*---banner close----*/


/*--.innovat-section----*/

.innovat-section{padding: 100px 0px 50px 0px; position: relative;}
.innovat-section.experience {
    background: transparent;
}
.title-text h2{color: #000;font-size: 65px;font-weight: 400;line-height: 80px;max-width: 578px;}
h5.linear-hd {color: #000;font-size: 16px;font-weight: 300;line-height: normal;letter-spacing: 3.52px;text-transform: uppercase; position: relative;}
h5.linear-hd span{display: block; position: relative; left: 60px;}
h5.linear-hd::after{content: ''; position: absolute; top: 5px; left: 0px; background: linear-gradient(to right, #2033D5, white);display: block; width: 46px;height: 4px;}

.paragraph-text p{color:  #000;font-size: 18px;font-weight: 300;line-height: 24px; margin-bottom: 20px;}
.more-btn a.btn{display: inline-flex;padding: 12px 20px;justify-content: center;align-items: center;gap: 8px; border-radius: 70px;background:#000; color: var(--Pearl_White, #FFF);
  font-size: 16px;font-weight: 500;line-height: 28.8px; border: 0px;}
.bg-bottom{border-top: 1px solid #E5E5E5; margin-top: 100px;}

/*--.innovat-section----*/

/*--.slider-section----*/
.slider-section{position: relative; padding-top: 100px; overflow: hidden; padding-bottom: 80px;}
.firebar-item{position: relative;}
.firebar-img img{border-radius: 43px; width: 100%;}
.ringdown{position:absolute;bottom: 26%; left: 0px; z-index: 2; padding:0px 20px;}
.ringdown h5{color: #FFF;font-size: 30px;font-weight: 500;line-height: 40px;}
.bridge-cnt{padding: 20px 33px;}
.bridge-cnt p{color:#000;font-size: 16px;font-weight: 300;line-height: normal;}

/* .ringdown.bridge {bottom: 28%;}
.ringdown.holler {bottom: 28%;} */


.ringdown.holler h5{color: #000;}


.slider-section .owl-next:before {content: '';background-image: url(../images/preview-right.svg);background-repeat: no-repeat;
  position: absolute;bottom: -10%;left: 6%;width: 60px;height: 60px;background-size: 60px;right: 0px;margin: 0 auto;}
.slider-section .owl-prev:before {content: '';background-image: url(../images/preview-right.svg);background-repeat: no-repeat;position: absolute;
  bottom: -10%;right: 6%;width: 60px;height: 60px;background-size: 60px;margin: 0 auto;left: 0%; transform: rotate(180deg);}

.slider-section .owl-theme .owl-controls .owl-nav div {height: 0px !important;}

.sliderframework .owl-theme .owl-controls .owl-nav div {height: 0px !important;}
.sliderframework .owl-next:before {content: '';background-image: url(../images/preview-right.svg);background-repeat: no-repeat;
  position: absolute;bottom: -10%;left: 6%;width: 50px;height: 50px;background-size: 50px;right: 0px;margin: 0 auto;}

.sliderframework .owl-prev:before {content: '';background-image: url(../images/preview-right.svg);background-repeat: no-repeat;position: absolute;
  bottom: -10%;right: 6%;width: 50px;height: 50px;background-size: 50px;margin: 0 auto;left: 0%; transform: rotate(180deg);}

/*--.slider-section----*/

.about-section{padding:100px 0px; position:relative; overflow:hidden;}
/*--perfect -section-----*/
.perfect-section{background: linear-gradient(201deg, #121318 4.89%, #2C2E37 66.3%, #14161D 107.25%); padding: 100px 0px; position: relative;}
.title-text.empower h5{color: #fff;}
.title-text.empower h2{color: #fff; font-size: 45px;font-weight: 500;line-height: 55px;letter-spacing: -0.9px; margin-bottom: 35px;}
.unsplash img{width: 100%;}
.aviation{position: absolute; bottom: 10px; left:33px; z-index: 22;}
.aviation p{color: #FFF;font-size: 24px;font-weight: 500;line-height: normal;}
.perfect-section .owl-theme .owl-controls .owl-nav div{height: 0px !important;}
.perfect-section .owl-next:before {content: '';background-image: url(../images/preview-left2.svg);background-repeat: no-repeat;position: absolute;top: -30%;width: 60px;height: 60px;background-size: 60px;right: 0px;margin: 0 auto;}
.perfect-section .owl-prev:before { content: ''; background-image: url(../images/preview-right2.svg); background-repeat: no-repeat; position: absolute;bottom: 115%;right: 6%;width: 60px;height: 60px;background-size: 60px;margin: 0 auto;}
.owl-theme .owl-controls .owl-nav .disabled{opacity: 100% !important;}







/*--perfect -section-----*/


/*--hardware -section-----*/

.hardware-section{padding: 100px 0px; position: relative; overflow: hidden;}
.leaders-cnt {margin-bottom: 20px; border-radius: 43px;background: linear-gradient(306deg, #E1E931 -15.15%, rgba(238, 244, 142, 0.47) 42.7%, #D8DA29 86.46%); padding: 40px 50px; height: 460px;}
.leaders-cnt h4{color: #000;font-size: 35px;font-weight: 500;line-height: 40px; margin-bottom: 30px;}
.leaders-cnt li{color: #000;font-size: 20px;font-weight: 100;line-height: normal; margin-bottom: 27px;}
.leaders-cnt li:last-child{margin-bottom: 0px;}

.clients-item{margin-bottom: 20px; border-radius: 43px; position: relative;background: linear-gradient(117deg, #2033D5 20.48%, #4E6CFE 123.16%); padding: 50px 40px; height: 380px;}
.customer-text h5.linear-hd{color: #fff;}
.customer-text p{color:#FFF;font-size: 16px;font-weight: 300;line-height: 25px; margin-bottom: 60px;}
.customer-text li{color:#FFF;font-size: 14px;font-weight:400;line-height: normal;}
.customer-text li span{font-size: 18px;font-weight: 500; display:block; margin-bottom:2px;}

.clients-slider .owl-dots{position: absolute; bottom: 53px; left: 40px;}
.clients-slider .owl-theme .owl-dots .owl-dot.active span{background: #fff;}
.clients-slider .owl-theme .owl-dots .owl-dot span{background: #D9D9D9E5; width: 10px; height: 10px; line-height: 10px;}
.clients-item::after {content: '';position: absolute;bottom: 0px;right: 12px;background-image: url(../images/Vector.png);
  background-position: center;background-size: cover;width: 100px;height: 100px;z-index: 2;}

.proudly-slider {width: 100%;border-radius: 43px;border: 1px solid #D2D2D2;padding: 40px 45px;position: relative; height: 326px;}
.proudly-slider h4{color: #000;font-size: 35px;font-weight: 500;line-height: 40px; margin-bottom: 30px;}
.proudly-slider .owl-dots{position: absolute; bottom: -60px; left: 0px;}
.proudly-slider .owl-theme .owl-dots .owl-dot.active span{background: #9E9E9E;}
.proudly-slider .owl-theme .owl-dots .owl-dot span{background: #D9D9D9E5; width: 10px; height: 10px; line-height: 10px;}

.item-logo{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px; /* spacing between logos */
  min-height: 80px;
}

.item-logo img {
  max-height: 50px; /* control logo size */
  object-fit: contain;
}

.prestigious{position: relative;}
.trusted-cnt {position: absolute;top: 40px;left: 40px;z-index: 2;}
.trusted-cnt h4{color: #000;font-size: 35px;font-weight: 500;line-height: 40px; margin-bottom: 40px; max-width:450px;}
.trusted-cnt ul{margin-bottom: 96px;}
.trusted-cnt li {display: inline-block; margin-right:12px;}

/*---Resource Centre-----*/
.resource-werp{padding: 0px 0px 100px; position: relative; overflow: hidden;}
.hd2 h2{text-align: center;color: #0B0C0C;font-size: 35px;font-weight: 500;line-height: 40px; margin-bottom: 20px;}
ul#pills-tab {justify-content: center;gap: 0px 6px; margin-bottom: 20px;}
.scroll-tabs .nav-pills .nav-link{border-radius: 36px;background: #F3F3F3;padding: 8px 10px; display: inline-flex;height: 35px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0; color: #000;font-size: 12px;font-weight: 500;line-height:normal; margin-bottom:10px;}
.scroll-tabs  .nav-pills .nav-link.active, .nav-pills .show>.nav-link{background: var(--Primary_Gradient, linear-gradient(117deg, #2033D5 20.48%, #4E6CFE 123.16%)); color: #fff;}

.grid-layer3 {display: grid;grid-template-columns: repeat(3, 1fr);gap: 0px 20px;padding-bottom: 70px; max-width: 1020px; margin: 0 auto;}
.blog-img img {width: 100%;border-radius: 32px;height:100%; object-fit: cover;}
.blog-box {position: relative;overflow: hidden;transition: transform 0.3s ease-in-out;margin-top: 20px;}
.evangeline {position: absolute;bottom: 14px;left: 0px;right: 0px;margin: 0px 10px; border-radius: 20px;background: #FDFDFD;padding: 16px 20px;transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out; height: 160px;}
span.general{border-radius: 2px;display: inline;background: #E8E8E8;color: #000;font-size: 12px;font-weight: 500;padding: 2px 10px;;flex-shrink: 0;}
.evangeline h5{color: #000;font-size: 14px;font-weight: 300; margin: 6px 0px;}
.evangeline p{color: #8B8B8E;font-size: 12px;font-weight: 300; margin-bottom: 8px;}

.resource-werp .more-btn a.btn{padding: 20px 52px;}
a.arrow {
    position: absolute;
    bottom: 20px;
}


/* .grid-layer5 .evangeline{height:auto;}
.grid-layer5 .blog-img img{object-fit: cover;} */

/*---Resource Centre-----*/


/*---footer----*/

.footer{padding: 100px 150px 20px 150px;background: linear-gradient(117deg, #000 20.48%, #001787 123.16%); overflow: hidden;}
.ftr-logo p{color: #FFF;font-size: 14px;font-weight: 300;line-height:25px; margin: 20px 0px 30px 0px; max-width: 253px;}
.social-icon a{margin-right: 15px;}

.ftr-werp{display: grid; grid-template-columns: repeat(3 ,1fr); gap: 0px 10px;}
.ftr-menu{position: relative; overflow: hidden;}
.ftr-menu h5{color: #FFF;font-size: 20px;font-weight: 400;line-height: normal; margin-bottom: 20px;}
.ftr-menu li a{color: #FFF;font-size: 14px;font-weight: 300;line-height: 30px;}

.copyright {position: relative; padding-top: 100px;}
.copyright p {color: #858585;font-size: 14px;font-weight: 300;margin: 0px;}


/*-------product pages ------*/
.product-banner{position: relative; padding:196px 0px; background-image: url('https://mushcreative.in/xopnetworksstaging_1/wp-content/uploads/2025/06/Rectangle-2931-01-1.svg'); background-position: center; background-size: cover;}
.banner-tittle h6{color: #E1E931; font-size: 24px;font-weight: 400;line-height: 30px;letter-spacing: 0.52px;text-transform: uppercase; margin-bottom: 15px;}
.banner-tittle h2{color: #FFF;font-size: 28px;font-weight: 400;line-height: 35px; margin-bottom: 15px;}
.banner-tittle p{color: #fff;font-size: 16px;font-weight: 300;line-height: 25px;}
a.down-arrow {position: absolute;bottom: 60px; display:none;}

.title-text h3{color: #000;font-size: 35px;font-weight: 400;line-height: 35px; margin-bottom: 20px; max-width:600px;}
.title-text p{color: var(--Zed_Black, #000);font-size: 16px;font-weight: 300;line-height: 25px;max-width:521px;}

.coulum2{display: grid; grid-template-columns: repeat(2 ,1fr); gap: 0px 20px;}
.Reallist{position: relative; overflow: hidden; margin-bottom: 70px;}
.Reallist h5{color: #000;font-size: 24px;font-weight: 500;line-height: 27px; margin-bottom: 2px;}
.Reallist p{color: #595959;font-size: 16px;font-weight: 300;line-height: 22px; margin: 0px;}


.coulum2 .Reallist:nth-last-child(1){
  margin-bottom: 0px;
}
.coulum2 .Reallist:nth-last-child(2){
 
  margin-bottom: 0px;
}


.response-section{position: relative; overflow: hidden; padding:100px 0px;}
.response-text h4 {color: #000;font-size: 35px;font-weight: 500;line-height: 40px; margin-bottom: 50px; max-width: 488px;}
.gridlayer3{display: grid; grid-template-columns: repeat(3 ,1fr);border-radius: 18px;border: 1px solid #E5E5E5;}
.gridlayer3:nth-child(2n){}
.boxwerp{position: relative; padding: 30px; border-right: 1px solid #E5E5E5;     cursor: pointer; }
.boxwerp:nth-child(3n) {border-right: 0;}
.boxwerp:nth-child(6n) {border-right: 0; border-bottom: 0px;}
.boxwerp:nth-child(5n) {border-bottom: 0;}
.boxwerp:nth-child(4n) {border-bottom: 0;}
.boxwerp:last-child{border-right: 0px;}
.boxwerp img{margin-bottom: 30px;}
.Rfcs-img {height: 90px;display: flex;align-items: normal;}

.response-section .more-btn a.btn{display:none;}

.boxwerp h6{color: #000;font-size: 24px;font-weight: 500;line-height: normal; margin-bottom: 15px;}
.boxwerp p{color: #595959;font-size: 16px;font-weight: 300;line-height: 25px; margin: 0px;}

.solution-section{position: relative; padding: 0px 0px 100px;}
.solution-hd h2{color: #000;font-size: 35px;font-weight: 500;line-height: 40px; margin-bottom: 50px; text-align: center;}
.airlines-item img{width: 100%; border-radius: 18px; margin-bottom: 20px;}
.airlines-item p{color: #000;font-size: 18px;font-weight: 300;line-height: normal; margin: 0px;}

.technology{position: relative; padding: 0px 0px 100px; overflow: hidden;}
.tech-hd{text-align: center; margin-bottom: 50px;}
.tech-hd h3{color:#000;font-size: 35px;font-weight: 500;line-height: 40px;}
.tech-hd p{color: #595959;font-size: 18px;font-weight: 300;line-height: normal; margin: 0px;}

.crashnet{border-radius: 20px;background: #F3F3F3; padding: 50px 60px;}
.crashnet h6{color: #4E4E4E;font-size: 24px;font-weight: 500;line-height: normal; margin-bottom: 0px;}
.crashnet h3{color: #000;font-size: 50px;font-weight: 400;line-height: 60px;letter-spacing: -2.4px; margin-bottom: 30px;}
.techlist li{color:#000;font-size: 16px;font-weight: 300;line-height: 45px; border-bottom: dashed 1px #ACACAC;}

.crashnet-werp{background-image: url(../images/product/vector-img.jpg);border-radius: 20px;padding: 50px 60px; background-position: center; background-size: cover;}
.crashnet-werp .techlist li{color: #fff;}
.xop-werp{display: flex;  gap: 0px 10px; margin-bottom: 30px;}
.xop-werp p{color: #FFF;font-size: 16px;font-weight: 500;line-height: normal; margin: 0px;}
.xop-werp h2{background: linear-gradient(91deg, #2033D5 -50.24%, #4E6CFE 74.32%);
  background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;font-size: 60px;font-weight: 400;line-height: 70px; letter-spacing: -2.4px; margin: 0px;}

  .technical-support{border-radius: 20px;background: #F3F3F3; padding: 100px 0px; position: relative; overflow: hidden; margin: 0px 50px;}
  .git-item img{margin-bottom: 50px;}
  .git-item{text-align: center;}
  .git-item p{color: #000;font-size: 24px;font-weight: 500;line-height: normal;  max-width: 830px; margin: 0 auto 60px;}
  .git-item h6{color: #000;font-size: 18px;font-style: normal;font-weight: 300;line-height: normal;}
  .technical-support .owl-theme .owl-controls{text-align: center; position: relative; margin-top: 40px;}
  .technical-support .owl-theme .owl-dots .owl-dot.active span {background: rgba(217, 217, 217, 0.9); border: 0px;}
  .technical-support .owl-theme .owl-dots .owl-dot span{background: rgba(243, 243, 243, 1); border: 1px solid rgba(158, 158, 158, 1); width: 10px; height: 10px;}

  .resource-werp.innerpage{padding: 100px 50px;}
  .grid-layer5{display: grid; grid-template-columns: repeat(5 ,1fr); gap: 0px 10px; margin-bottom: 50px;}
  .video-play{position: absolute; top: 24%; left: 0px; right: 0px; z-index: 99; text-align: center;}
  a.arrow span{color:#000;font-size: 12px;font-weight: 300;line-height: 0px;}

.leaders-section{position: relative; padding: 100px 0px;    margin: 0px 150px 100px 150px; overflow: hidden; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;}
.leaders-section h2{color: #000;text-align: center;font-size: 35px;font-weight: 500;line-height: 40px; margin-bottom: 50px;}


/*---modal video-section----*/
.modal.video-section{}
.modal-content {border-radius: 20px;background: #F3F3F3;}
.modal-dialog{max-width: 900px; margin: 10% auto;}


/*----support-pages-----*/
.support-pages{padding: 60px 0px 30px; position: relative; overflow: hidden;}
.support-hd{text-align: center;}
.support-hd h2{color: #000;font-size: 60px;font-weight: 400;line-height: 70px;}
.support-hd p{color: #000;font-size: 18px;font-style: normal;font-weight: 300;line-height: normal; margin: 0px;}

.resource-werp.training{background: #F3F3F3; padding: 100px 50px; overflow: hidden;}
.scroll-tabs.firebar .nav-pills .nav-link{background: #fff;}
.scroll-tabs.firebar .nav-pills .nav-link.active, .nav-pills .show>.nav-link{    background: var(--Primary_Gradient, linear-gradient(117deg, #2033D5 20.48%, #4E6CFE 123.16%));color: #fff;}

.support-section{position: relative; padding: 0px 0px 100px; overflow: hidden;}
.support-section h2{text-align: center; color:#000;font-size: 35px;font-weight: 500;line-height: 40px; margin-bottom: 50px;}
.support-grid{display: grid; grid-template-columns: repeat(4 ,1fr); gap: 0px 20px;}

.support-box{border-radius: 20px;border: 1px solid #E5E5E5;background: #F3F3F3; padding: 60px 20px; text-align: center; margin-bottom: 20px;}
.faq-icon{margin-bottom: 30px;}

.quick-text h5{color: #000;font-size: 22px;font-style: normal;font-weight: 500;line-height: normal; margin-bottom: 8px;}
.quick-text p{color: #595959;font-size: 16px;font-weight: 300;line-height: 22px; margin-bottom: 60px;}
.quick-text a.btn{width: 100%; display: inline-flex;height: 60px;padding: 12px 20px;justify-content: center;align-items: center;gap: 8px;color: #FFF;font-size: 14px;font-weight: 500;line-height: normal;border-radius: 13px;background: #000; border: 0px;}

/*8********company-pages-------------*/
.company-pages{background-image: url(../images/company/banner.jpg); padding: 160px 0px 42px; background-position: center; background-size: cover; }
.banner-tittle-company {text-align: center;}
.banner-tittle-company  h3{background: var(--HnH, linear-gradient(279deg, #E1E931 4.6%, #EEF48E 58.08%, #D8DA29 98.55%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; text-align: center;font-size: 62px;font-weight: 400;line-height: 68px; max-width: 940px; margin: 0 auto;}
.banner-tittle-company  h6{font-size: 16px;font-style: normal;font-weight: 300;letter-spacing: 3.52px;text-transform: uppercase; color:#fff;}
.banner-tittle-company a.down-arrow {position: relative;margin-top: 77px;display: block;}

.secure-text h3{color: #000;font-size: 30px;font-weight: 500;line-height: 40px;letter-spacing: -0.7px; max-width: 620px;}
.secure-text p{color: #000;font-size: 16px;font-weight: 300;line-height: 26px;}

.grid-layer4{display: grid; grid-template-columns: repeat(4 ,1fr); gap: 0px 20px; padding-top: 100px;}
.growing-box{border-radius: 5px;background: #efefef; position: relative; padding: 40px;     height: 381px;}
.growing-img{position: absolute; bottom: 0px; right: 0px;}
.growing-img img {object-fit: cover;height: 154px;}
.growing-box h5{font-size: 22px;font-weight: 500;
  line-height: normal; background: var(--Primary_Gradient, linear-gradient(117deg, #2033D5 20.48%, #4E6CFE 123.16%));background-clip: text;
  -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.growing-box p{color: #595959;font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: -0.32px;}

.vision-section{position: relative; padding: 100px 0px; overflow: hidden;background: #000;}
.our-hd{max-width: 663px; margin-bottom: 50px;}
.our-hd h6{color:#FFF;font-size: 16px;font-weight: 300;letter-spacing: 3.52px;text-transform: uppercase;}
.our-hd p{color: #0068FF;font-size: 30px;font-style: normal;font-weight: 300;line-height: 40px; margin: 0px;}
.vision-img img{border-radius: 8px;}
.vision-cnt{padding-left: 50px;}
.vision-cnt h4{color: #FFF;font-size: 24px;font-weight: 300;line-height: 30px;letter-spacing: -0.48px; margin-bottom:20px;}
.vision-cnt p{color: #FFF;font-size: 16px;font-weight: 100;line-height: 25px;}
.alignitems{align-items: center;}
.vision-cnt h4 strong {
    font-weight: 300;
}
.mission-hd{padding-top: 100px;max-width: 862px;}
.mission-hd h6{color: var(--Pearl_White, #FFF);font-size: 16px;font-weight: 300;letter-spacing: 3.52px;text-transform: uppercase; margin-bottom: 20px;}
.mission-hd p{color:#fff; font-size: 30px;font-style: normal;font-weight: 500;line-height: 36px; margin-bottom: 50px;}
.migration{border-radius: 8px;background: #262626; padding: 30px 20px; height: 194px;}
.migration h5{color: #FFF;font-size: 24px;font-weight: 100;line-height: 34px;letter-spacing: -0.48px; max-width: 271px;}

.leadership{position: relative; padding: 100px 0px 50px;}
.leadership h2{color: #000;text-align: center;font-size: 35px;font-style: normal;font-weight: 500;line-height: 40px; text-align: center; margin-bottom: 50px;}
.team-werp{position: relative; overflow: hidden;}
.team-werp img{border-radius: 5px; margin-bottom: 20px;}
.team-werp h6{color: #000;font-size: 18px;font-style: normal;font-weight: 300;line-height: normal;margin-bottom: 0px;}
.team-werp span{color: #000;font-size: 14px;font-weight: 300;line-height: 24px;letter-spacing: -0.28px; }
a.linkedin {color: #000;font-size: 20px;position: absolute;bottom: 20px;right: 0px;}

.technical-support.repaired{border-radius: 20px;background: var(--Zed_Black, #000);}
.technical-support.repaired .git-item p{color: #0068FF;}
.technical-support.repaired .git-item h6{color: #fff;}
.technical-support.repaired .owl-theme .owl-dots .owl-dot.active span {background:#E1E931;}

.Industry-section{position: relative; padding: 100px 0px; overflow: hidden;}
.Industry-section h2{color: #000;font-size: 35px;font-weight: 500;line-height: 40px; margin-bottom: 50px; text-align: center;}
.Industry-werp{border-radius: 7px;background: #F3F3F3;padding: 70px 30px;text-align: center; margin-bottom: 20px;}
.Industry-werp img{margin-bottom: 4px;}
.Industry-werp p{color: #6E7191;font-size: 14px;font-weight: 400;line-height: 24.4px;}


/*----contact us page----*/
.contact-page{padding: 100px 0px; position: relative; overflow: hidden;}
.getcontent{background-image: url(../images/contact-bg.jpg); background-position:center; background-size: cover; padding: 60px;border-radius: 18px;width:100%;height: 615px;}
.getcontent h2{color: #FFF;font-size: 35px;font-weight: 400;line-height: 40px;}
.getcontent p{color:#FFF;font-size: 16px;font-weight: 300;line-height: 25px;max-width: 434px; margin-bottom: 24px;}
.getcontent li{color: #FFF;font-size: 16px;font-weight: 300;line-height: 25px; display: flex; align-items: center; gap: 0px 10px;}
.getcontent li a{color: #FFF;font-size: 14px;font-weight: 400;line-height: 25px;letter-spacing: -0.28px;text-transform: lowercase; display: block;}
.getcontent ul{column-count: 2;max-width: 450px;}

.contact-form{position: relative;padding-left: 20px;}
.contact-form label{color: #000;font-size: 16px;font-weight: 300;line-height: normal; margin-bottom: 5px;}
.contact-form .form-control{border-radius: 5px; background: #F3F3F3;color: #939393;font-size: 14px;font-weight: 400;line-height: 24px;height: 45px; border: 0px; margin-bottom: 24px;}
.contact-form .btn {margin-top: 10px; border-radius: 70px;background: #000;display: inline-flex;padding: 12px 20px;justify-content: center;align-items: center;gap: 8px;color: #FFF;font-size: 16px;font-weight: 500;line-height: normal;}
.contact-form textarea.form-control {min-height: 90px;}
textarea {resize: none;}

.location-section{position: relative; padding: 0px 0px 60px; overflow: hidden;}
.location-section h2{color:#000;font-size: 35px;font-weight: 500;line-height: 40px; margin-bottom: 70px;}

.latest-list {padding: 40px 20px;position: relative;}
.latest-list ul {display: flex;justify-content: space-between;}
.latest-list h4{color:#000;font-size: 20px;font-weight: 500;line-height: normal; margin: 0px;}
.latest-list p{color: #000;font-size: 16px;font-weight: 300;line-height:14px; margin: 0px;}
.latest-list li:first-child {width: 40%;}
.latest-list p span {background: var(--Grey_Gradient, linear-gradient(35deg, #AAA -45.35%, #424242 112.62%));background-clip: text;-webkit-background-clip: text;
  -webkit-text-fill-color: transparent; font-size: 14px;font-weight: 600;line-height: 24px;     text-align: right;
  display: block;}
.latest-list p a {font-weight:300;background: var(--Primary_Gradient, linear-gradient(117deg, #2033D5 20.48%, #4E6CFE 123.16%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.latest-list::after {content: '';position: absolute;top: 0px;left: 0%;width: 100%;height: 1px;background: #E5E5E5;text-align: center;}


/*-----resource-werp Casestudies-----*/
.resource-werp.Casestudies{padding: 100px 50px;}
.release-section{background: #F3F3F3; padding: 100px 50px; overflow: hidden;}
.press-hd{margin-bottom: 20px; position: relative;display: flex; align-items: center; justify-content: space-between; }
.press-hd h2{color:#000;font-size: 35px;font-style: normal;font-weight: 500;line-height: 40px; margin: 0px;}

.select-data{width: 16%;}
.select-data select.form-select { position: relative;border-radius: 70px;background: #fff;display: inline-flex;padding: 12px 20px;justify-content: center;
  align-items: center;gap: 5px;color:#000;font-size: 16px;font-style: normal;font-weight: 500;line-height: 28.8px;}
.select-data select.form-select.addselect {background-image: url(../images/Resource/down-arrow.svg);background-repeat: no-repeat;
    background-size: 14%;position: relative;z-index: 1;background-position: 88%;}


/*======FAQ page========*/
.Faq-hd{margin-bottom: 50px;}
.Faq-hd h2{color: #000;font-size: 35px;font-style: normal;font-weight: 400;line-height: 40px;}
.Faq-hd p{color:#000;font-size: 16px;font-weight: 300;line-height: 25px; margin: 0px;}    

.accordion-button::after {content: '';background-image: url(../images/plus.svg);float: right;
  margin-left: auto;transition: transform 0.2s;}
.accordion-button:not(.collapsed)::after {content: '';background-image: url(../images/minus1.svg);}
.faqaccordion .accordion-button {border-radius: 20px;border: 0px;background: #F3F3F3; color:#000;
  font-size: 20px;font-weight: 500;line-height: normal; padding: 20px 40px;}
  .accordion-button:not(.collapsed){border:0px;    border-radius: 20px 20px 0px 0px !important;background: #F3F3F3; box-shadow: none;}
  .accordion-body{background: #F3F3F3;border-radius: 0px 0px 20px 20px; padding: 0px 40px 20px 40px;}
  .accordion-item{margin-bottom: 15px;border-radius: 20px;border: 1px solid #E5E5E5;}
  .accordion-item:first-of-type {border-top-left-radius: 20px;border-top-right-radius:20px;}
  .accordion-item:last-of-type{border-radius: 20px; overflow: hidden;}
  .faq-werrp p{color: #000;font-size: 16px;font-weight: 300;line-height: 25px; max-width: 1090px;}

  /*==Warranty Support=====*/
  .cntwerrp{margin-bottom: 50px;}
  .warranty{margin-bottom: 20px; border-radius: 20px;border: 1px solid #E5E5E5;background: #F3F3F3; padding: 20px 40px; position: relative; display: flex; align-items: center; justify-content: space-between;}
  .warranty p{color:#000;font-size: 24px;font-weight: 500;line-height: normal; margin: 0px;}
  .warranty a{}


  /*====Blog page========*/
  .blog-hd{margin-bottom: 50px; max-width: 700px;}
  .blog-hd h2{color: #000;font-size: 60px;font-weight: 400;line-height: normal; margin-bottom: 20px;}
  .blog-hd p{color: #595959;font-size: 16px;font-weight: 300;line-height: normal;}

  .detailwerrp{padding-left: 140px; position: relative;}
  .detailwerrp h5{color: #000;font-size: 24px;font-weight: 500;line-height: normal;}
  .detailwerrp p{color:#000;font-size: 18px;font-weight: 300;line-height: 28px; margin-bottom: 30px;}
   p.Wagner{color: #7F7F7F;font-size: 14px; max-width:721px;}
   .blog-post{margin: 20px 0px 50px;}
   .shareicon{display: flex; align-items: center; gap: 0px 10px;}
   .shareicon li{color: #000;font-size: 18px;font-style: normal;font-weight: 300;line-height: normal;}


   /*====industry-page=====*/
  .industry-banner{height: 500px;background-image: url(../images/Industry/banner1.jpg); background-position: center; background-size: cover; padding: 150px 0px; position: relative;}
  .reliable-hd{position: absolute; bottom: 120px; z-index: 22;}
  .reliable-hd h2{color: #FFF;font-size: 28px;font-weight: 400;line-height: 35px;}
  .industry-banner::after{content: '';position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 35.2%, #000 100%);}
  .oryggi-section{position: relative; overflow: hidden; padding: 100px 0px;}

.oryggi-section .more-btn a.btn{display:none;}


  .conference-service{padding: 100px 0px; position: relative; background: #000;}
  .service-werp{position: relative;}
  .service-werp img{border-radius: 20px;}
  .service-werp::after{content: '';position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;border-radius: 20px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 41.6%, #000 100%);}
   .service-werp .ringdown.holler h5 {color: #fff;}
   .firebar-cnt{padding: 20px 33px; position: relative; z-index: 99;}
  .firebar-cnt p{color: #FFF;font-size: 18px;font-weight: 300;line-height: normal;}

.conference-service .owl-next:before {content: '';background-image: url(../images/Industry/preview-left2.svg);background-repeat: no-repeat;
  position: absolute;bottom: -4%;left: 0%;width: 60px;height: 60px;background-size: 60px;right: 0px;margin: 0 auto;}
.conference-service .owl-prev:before {content: '';background-image: url(../images/Industry/preview-left2.svg);background-repeat: no-repeat;position: absolute;
  bottom: -4%;right: -12%;width: 60px;height: 60px;background-size: 60px;margin: 0 auto;left: 0%;}
.conference-service .owl-theme .owl-controls .owl-nav div {height: 0px !important;}

.communication{position: relative; padding: 100px 0px; background-image: url(../images/Industry/communication.svg); background-position: center; background-size: cover;}
.seamles-hd{ text-align: center;}
.seamles-hd h5{color:#FFF;font-size: 18px;font-weight: 300;line-height: normal;font-family:'Articulat_CF_Thin';}
.seamles-hd h2{color: #FFF;font-size: 45px;font-weight: 400;line-height: 50px; margin-bottom: 60px;}
.seamles-hd a.btn{border-radius: 70px;
background: var(--Primary_Gradient, linear-gradient(117deg, #2033D5 20.48%, #4E6CFE 123.16%)); display: inline-flex;height: 66.524px;padding: 12px 20px;justify-content: center;align-items: center;
gap: 4px;flex-shrink: 0; color: #FFF;font-size: 16px;font-weight: 500;line-height: 28.8px; border: 0px;}


/*======Reseller Partners page====*/
.business-banner{position: relative; padding: 100px 0px; background-image: url(../images/Reseller/Reseller-banner1.jpg); background-position: center; background-size: cover;}
.business-banner .row{align-items: center;}
.partnertext h6{color:#FFF;font-size: 16px;font-weight: 300;line-height: normal;letter-spacing: 3.52px;text-transform: uppercase; margin-bottom: 15px;}
.partnertext h3{color: #FFF;font-size: 45px;font-weight: 400;line-height: 50px; margin-bottom: 30px;font-family:'Articulat_CF_Medium'; max-width:610px;}
.partnertext p{color: #fff;font-size: 18px;font-weight: 300;line-height: normal;font-family:'Articulat_CF_Thin'; max-width:590px;}
.partnertext .downarrow{display: block; margin-top: 100px;}

.reseller-form label{color: #fff;font-family:'Articulat_CF_Thin';}
.contact-form.reseller-form .btn{border-radius: 70px;background: #FFF; color: #000;}

.brandlogo-section{position: relative; padding: 60px 0px;}
.brandlogo-section .item-logo {min-height: 80px;justify-content: center;}

.reasons-section{position: relative; padding: 100px 0px; background: #000; overflow: hidden;}
.reasons-section .title-text.empower h2{margin-bottom: 5px; max-width: 736px;}
.reasons-section .title-text.empower p{color: #FFF;max-width: 841px;}
.solutionslayer{display: grid; grid-template-columns: repeat(3 ,1fr); gap: 0px 20px;}
.solutions-werp {border-radius: 18px;background: #FFF;padding: 38px 15px 15px 15px;position: relative;overflow: hidden; margin-top: 50px;}
.solutions-werp h5{color: #000;font-size: 24px;font-weight: 500;line-height: normal;}
.solutions-werp  p{color: #595959;font-size: 18px;font-style: normal;font-weight: 300;line-height: normal;font-family:'Articulat_CF_Light';max-width: 426px; min-height: 140px;}
.demands{padding: 0px 20px;}
.within {border-radius: 24px;background: var(--Primary_Gradient, linear-gradient(117deg, #30334b 20.48%, #4E6CFE 123.16%)); padding: 35px 30px;}

.within h2 span{font-size: 16px;font-weight: 300;line-height: normal;font-family:'Articulat_CF_Light';}
.within h2{color: #FFF;font-size: 45px;font-weight: 400;line-height:normal; display: flex; align-items: center; gap: 0px 12px;}

.benefits-section{border: 1px solid #E5E5E5;background: #F3F3F3; position: relative; padding: 100px 0px; overflow: hidden;}
.designed h2{color: #000;font-family: 'Articulat_CF_Medium';font-size: 45px;font-weight: 500;line-height: 55px;letter-spacing: -0.9px; max-width: 593px;}
.designed p{color: #000;font-size: 18px;font-style: normal;font-weight: 300;line-height: normal;max-width: 753px;}

.businesslayer4{display: grid; grid-template-columns: repeat(4 ,1fr); gap: 0px 20px;} 
.business-werp{position: relative; overflow: hidden; margin-top: 50px;}
.business-img{position: relative;}
.business-img img{border-radius: 18px;}
.business-img::after{content: '';position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;border-radius: 18px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 32.69%, #000 94.67%);}
.profits-cnt {position: absolute;bottom: 30%;left: 30px;z-index: 2;}
.profits-cnt  h5{color: #FFF;font-size: 24px;font-weight: 500;line-height: normal;}
.flexible{padding: 20px 20px 0px 30px;}
.flexible p{color:#000;font-size: 16px;font-weight: 300;line-height: normal;font-family:'Articulat_CF_Light'; }

.success-section{padding: 100px 0px; position: relative; overflow: hidden;}
.together{text-align: center; margin-bottom: 50px;}
.together h6{color:#000;font-size: 16px;font-weight: 300;line-height: normal;letter-spacing: 3.52px;text-transform: uppercase; margin-bottom: 15px;}
.together h3{color: #000;font-size: 45px;font-weight: 500;line-height: 55px;letter-spacing: -0.9px; margin: 0px;font-family: 'Articulat_CF_Medium';}

.partnership{border-radius: 20px;background: #F3F3F3; padding: 60px 90px;}
.provider{max-width: 655px;}
.provider p{color:#000;font-size: 24px;font-weight: 500;line-height: normal; margin-bottom: 30px;font-family: 'Articulat_CF_Medium';}
.provider h6{color: #000;font-size: 18px;font-weight: 300;line-height: normal;font-family:'Articulat_CF_Light';}
.partnership .row{align-items: center;}
.partnership.clients-slider .owl-dots{bottom: -20px; left: 0px;}

.seamles-hd.growth h2{}
.seamles-hd.growth a.btn{background: #fff; color: #000;}

/*====Applications page--======*/
.Applications-banner{height: 550px;position: relative; padding: 100px 0px; background-image: url(../images/Applications/business-people-bg.svg); background-position: center; background-size: cover;}
.reliable-hd h6{color:#E1E931; font-size:28px; font-weight: 400;line-height: 30px;letter-spacing: 0px;text-transform: uppercase;margin-bottom: 15px;}
.Applications-banner::after{content: '';position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;
background: linear-gradient(274deg, rgba(0, 0, 0, 0.00) 2.63%, #000 100.94%);}

.suitable h4{color: #000;font-size: 18px;font-weight: 500;line-height:22px; max-width:220px; margin: 0px;font-family: 'Articulat_CF_Medium';}
.suitable {margin-bottom: 50px; position: relative;}

.customize-text{border-radius: 7px;background: #F3F3F3; padding: 60px 20px; position: relative; margin-top: 20px;}
.customize-text p{color: #595959;font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: -0.32px; max-width: 310px; margin: 0px; }

.overview-section{position: relative; overflow: hidden;}


.nav-link.dropdown-toggle::after {
    display: none;
}




/*=====Platform-modal======*/
.Platform-modal {}
.Platform-modal .modal-content {border-radius: 80px 80px 0px 0px;background: #F3F3F3;}
.Platform-modal .modal-body{padding: 100px 80px;}
.Platform-modal .modal-dialog{max-width: 100%;margin: 10% auto 0px;}
.Platform-modal .modal-header{display: none;}
.connect-text{position: relative;}
.connect-text h3{color: #000;font-size: 60px;font-weight: 400;line-height: 70px; margin-bottom: 20px;}
.connect-text p{color: #000;font-size: 18px;font-weight: 300;line-height: normal; margin-bottom: 30px;font-family:'Articulat_CF_Light';}
.connect-text h5{color: #000;font-size: 24px;font-weight: 500;line-height: normal;}
.connect-text ul {list-style: disc;padding-left: 20px;margin-bottom: 30px;}
.connect-text li{color: #000;font-size: 18px;font-weight: 300;line-height: 28px;font-family:'Articulat_CF_Light';}
.connect-text h4{color:#000;font-size: 24px;font-weight: 500;line-height: normal;font-family: 'Articulat_CF_Medium';}

.connect-text button.btn {border-radius: 50px;background: #000;color: #fff;font-size: 16px;font-weight: 500;line-height: normal;    border: 0px;
    padding: 10px 20px;}


/* Animation keyframes */
@keyframes slideUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Apply animation when modal is shown */
.modal.modal.fade .modal-dialog.modal-slide-up {
  transform: translateY(100%);
  transition: transform 0.4s ease-out, opacity 0.4s ease-out;
  opacity: 0;
}

.modal.modal.show .modal-dialog.modal-slide-up {
  transform: translateY(0);
  opacity: 1;
}



a.moreup {color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin-top: 10px;
    display: inline-block;
}



.unsplash-img img {
    width: 100%;
    border-radius: 21px;
}

.boxwerp a {
    
}

/*=======features-section=====*/
.features-section{position: relative; padding: 100px 0px; background-position: center !important; background-size: cover !important;}
.Keyhd h2{color: #fff;font-weight: 400;font-size: 35px;line-height: 40px;letter-spacing: 0%; margin-bottom: 30px;}
.Keywerap{display: grid; grid-template-columns: repeat(3 ,1fr); gap: 0px 20px;}
.features-text{position: relative; overflow: hidden; margin-bottom: 60px;}
.features-text p{font-weight: 100;font-size: 16px;line-height: 24px;letter-spacing: -2%; color: #fff; margin:0px;max-width: 320px;}

div#trainingvideos {background: #fff;}
div#Casestudies {background: #F3F3F3;}
div#datasheet {background: #fff;}
div#QuickStartGuides{background: #fff;}
.seamless-section{padding:100px 0px 0px 0px; position:relative; overflow: hidden;}
.seamless-section h2 {color: #0B0C0C;font-size: 35px;font-weight: 500;line-height: 40px;margin-bottom: 20px;}

.seamless-section .more-btn a.btn{display:none;}

/* partners-card1 page new css------*/
.partners-section{padding: 0px 0px 100px; position: relative; overflow: hidden; }
.werap-card1{padding: 100px 50px; position: relative; overflow: hidden; border: 1px solid #E5E5E5; border-radius: 18px;}
.partners-hd{text-align: center; margin-bottom: 40px;}
.partners-hd h4{font-weight: 500;font-size: 35px;line-height: 40px; color: #000;font-family:'Articulat_CF_Medium';}
.partners-hd p{color: #595959;font-weight: 300;font-size: 18px; margin: 0px;font-family:'Articulat_CF_Light';}

.formselect{position: relative;}
.formselect .row{justify-content: center;}
.formselect .form-control{border-radius: 5px; background: #F3F3F3;color:#000000;font-size: 16px;font-weight: 400;line-height: 24px;height: 60px; border: 0px; margin-bottom: 24px;}
.formselect select.form-select.form-control{background-image: url('https://mushcreative.in/xopnetworksstaging_1/wp-content/uploads/2025/07/arrow.svg');background-repeat: no-repeat;
background-size:4%;position: relative;z-index: 1;background-position:94%;}

.globally-werap{display: grid; grid-template-columns: repeat(4 ,1fr); gap: 0px 10px; align-items: center; justify-content: center; text-align: center;}
.partnerlogo{margin-top: 40px;}
.werap-card2{margin: 50px 0px; background:#F3F3F3;padding: 100px 50px; position: relative; overflow: hidden; border: 1px solid #F3F3F3; border-radius: 18px;}
.globally-werap3{display: grid; grid-template-columns: repeat(3 ,1fr); gap: 0px 10px; align-items: center; justify-content: center; text-align: center;}

.Partner-Network{position: relative; padding-top: 50px;}
.ourghlobal-bg{background-image: url('https://mushcreative.in/xopnetworksstaging_1/wp-content/uploads/2025/07/Company-bg.svg'); background-position: center; background-size: cover; padding: 60px 30px; position: relative; border-radius: 43px; height: 450px;}
.Globalhd h3{font-weight: 500;font-size: 45px;color: #fff;font-family:'Articulat_CF_Medium';line-height: 55px;letter-spacing: -2px; margin-bottom: 20px;}
.Globalhd a.btn{display: inline-flex;padding: 12px 20px;justify-content: center;align-items: center;gap: 8px; border-radius: 70px;background:#fff; color: #000;font-size: 16px;font-weight: 500;line-height: 28.8px; border: 0px;}
.Globalhd p{color: #595959;font-weight: 300;font-size: 18px;font-family:'Articulat_CF_Light';}
.global-bg {background-image: url('https://mushcreative.in/xopnetworksstaging_1/wp-content/uploads/2025/07/GlobalFrame.svg'); background-position: center; background-size: cover; padding: 60px 30px; position: relative; border-radius: 43px; height: 450px;background-color: #aaa;}
.Globalhd a.link.btn{background: #1C1C1C; color: #fff;}

/* partners-card1 page new css------*/





/*  Reseller Partners  new page css 28 -07-2024------*/
.communication .row{align-items: center;}
.seamles-hd.growth{text-align: left;}
.seamles-hd.growth h2{margin-bottom: 0px;}
.contact-form.reseller-form button.btn{height: 66px; padding: 12px 60px;}
.brandlogo10 {display: grid; grid-template-columns: repeat(3 ,1fr); gap: 0px 30px; text-align: center;}
.resellerlogo{text-align: center; margin-bottom: 40px; display: flex; align-items: center; justify-content: center;}
.resellerwerap{border-radius: 44px;background: #FFF;padding: 60px 30px;}
/*  Reseller Partners  new page css 28 -07-2024------*/

.service-img a {
    display: block;
    position: relative;
    z-index: 2;
}

/*---new css add 30/8/25----*/
.inner-banner{background-image: url(../images/How/banner1.svg); background-position: center; background-size: cover; position: relative; padding:180px 0px;} 
.inner-hd {text-align: center; }
.inner-hd h2{color:#fff;font-size: 80px;font-weight: 400;line-height: 90px; margin-bottom: 20px;}
.inner-hd p{color: #FFF;font-size: 18px;font-weight: 300;line-height: normal;}

.expert-section{position: relative; overflow: hidden; padding-bottom: 80px;}
.expert-cover{background-image: url(../images/How/banner3.jpg); background-position: center; background-size: cover; position: relative; padding: 80px 60px; border-radius: 43px;} 
.telus a{color:#fff;font-size: 24px;font-weight: 500;line-height: 40px; display: block;}
.telus a img{margin-right: 12px;}
.expert-section .partnertext h3{font-size: 42px; margin-bottom: 20px; letter-spacing: -0.9px;}
.expert-section .partnertext p{max-width: 444px;}

.elements-section{padding: 80px 0px; position: relative; overflow: hidden;}
.Workshd{text-align: center;}
.Workshd h2 {color: #000;font-family: 'Articulat_CF_Medium';font-size: 45px;font-weight: 500;line-height: 55px;letter-spacing: -0.9px; text-align: center; margin-bottom: 20px;}
.Workshd p {color: #000;font-size: 18px;font-weight: 300;line-height: normal;}

.Valueimg{margin: 40px 0px 60px 0px;}
.steps-layer {display: grid; grid-template-columns: repeat(4 ,1fr); gap: 0px 12px;}
.step-box {display: flex; gap: 0px 12px;}
.step-title {flex: 1;}
.step-number {z-index: 22; width: 36px;height:36px;border-radius: 50%;background: #D9D9D9;display: flex;align-items: center;justify-content: center;font-weight: 500;color: #000;font-size: 18px;line-height: normal;}
.step-title h5{color: #000;font-size: 17px;font-weight: 500;line-height: normal; margin-bottom: 10px;    font-family: 'Articulat_CF_Medium';}
.step-title p{color: #595959;font-size: 15px;font-weight: 300;line-height: normal; margin: 0px;}

.capex-section {position: relative;overflow: hidden;padding-bottom: 100px;}

/* .custom-tabs {border-radius: 18px 18px 0 0;background:#000;padding: 10px 10px 0px 10px;}
.custom-tabs .nav-pills{justify-content: space-between;}
.custom-tabs .nav-pills .nav-link.active, .nav-pills .show>.nav-link{background: #FCFCFC;font-size: 32px; font-weight: 600; color: #000;}
.custom-tabs .nav-link{color: #A4A4A4;font-size: 24px;font-weight: 600;line-height: normal;     border-radius: 8px 8px 0px 0px; width:380px;height: 88px;} */


.custom-tabs {
  border-radius: 18px 18px 0 0;
  background: #000;
  padding: 10px 10px 0 10px;
}

.custom-tabs .nav-pills {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;         /* prevents wrapping */
  overflow-x: auto;          /* scrolls horizontally if too many tabs */
  -webkit-overflow-scrolling: touch;
  gap: 12px;
}

.custom-tabs .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background: #FCFCFC;
  font-size: 32px;
  font-weight: 600;
  color: #000;
}

.custom-tabs .nav-link {
  color: #A4A4A4;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  border-radius: 8px 8px 0 0;
  flex: 0 0 auto;            /* don’t shrink */
  min-width: 380px;          /* large default tab width */
  height: 88px;
  text-align: center;
  white-space: nowrap;       /* prevent text wrapping */
}



.capex-section .tab-pane {border: 1px solid #ddd;border-top: none;border-radius: 0 0 12px 12px;padding: 40px;background: #fafafa;}
.subtext{margin-bottom: 50px;}
.subtext h4 {font-size: 35px;font-weight: 500;line-height: 40px;margin-bottom: 10px; background: var(--Primary_Gradient, linear-gradient(117deg, #2033D5 20.48%, #4E6CFE 123.16%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.subtext p{color:#595959;font-size: 16px;font-weight: 300;line-height: normal; max-width: 320px;}
.subtext h5{color:#000;font-size: 18px;font-weight: 500;line-height: normal;font-family: 'Articulat_CF_Medium';}
.subtext .btn{max-width: 312px;padding: 14px 20px;border-radius: 63px;background:#000;font-size: 16px;font-weight: 500;line-height: normal; color: #fff; height: 60px; display: flex; align-items: center; justify-content: center;}
.steps{position: relative;}
.steps .step-title{margin-bottom: 50px;}
.steptitle{position: relative;padding-left: 40px;}
.steptitle h4{color:#000;font-size: 24px;font-weight: 500;line-height: normal; margin-bottom: 30px;font-family: 'Articulat_CF_Medium';}
.purchase .step-title p{max-width:220px;}
.stepafter::after{content: ''; z-index: -1; position: absolute; top: 0px; left: 4.8%; height: 100%; width: 1px; background:  #D8D8D8;}

.subtext ol {padding-left: 28px; margin: 0px;}
.subtext li{color: #595959;font-size: 15px;font-weight: 300;line-height:22px;}

/*---new css add 30/8/25----*/