html {color: #474747474747; scroll-behavior: smooth;}
::-moz-selection {background: #ff6600; color:#fff; text-shadow: none;}
::selection {background: #ff6600; color:#fff; text-shadow: none;}
audio,canvas,iframe,img,svg,video {vertical-align: middle;}
fieldset {border: 0; margin: 0; padding: 0;}
textarea {resize: vertical;}

/* ==========  Custom styles  ========== */
body {font-family: "Inter Tight", sans-serif; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-display:swap;}

h1, h2, h3, h4, h5, h6 {margin:0px; padding: 0px;}
a {transition: all .3s;}
a:hover {transition: all .3s;}

p{font-size:15px;line-height: 1.6em !important;}

.lightgrey-bg {background-color: #47474747474726;}

.button .contact-submit {width: auto;
    font-family: inter tight, Sans-serif;
    font-display:swap;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    text-decoration: none;
    font-style: normal;
    line-height: 1.2em;
    letter-spacing: 0;
    word-spacing: 0;
    color: #fff;
    border:1px solid #ff8a1e;
    background-color: #ff8a1e;
    border-radius: 4px 4px 4px 4px;
    padding: 14px 24px;
    transition: all .3s;
    display: block;}
.button .contact-submit:hover {background-color: #2e2d26; border:1px solid #2e2d26;}


.mb-30 {margin-bottom: 30px;}
.mt-60 {margin-top: 60px;}
.mb-60 {margin-bottom: 60px;}

.pt-60 {padding-top: 60px;}
.pb-60 {padding-bottom: 60px;}

.char_content {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999999999;
}
.char_content span {
    float: left;
    margin-left: 10px;
}

.solutions-block-bg-height {min-height:370px;}
.features-height {min-height: 220px;}

/*section {margin-bottom: 80px !important;}*/

/* ==========  Top Navigation start  ========== */

.feature-box-height {min-height: 270px;}

.column1 {
  float: left;
  width: 25%;
  padding: 0px;
  background-color: #fff;
  padding: 30px 30px;
}

.column1 a {
  float: none;
  font-size: 15px;
  font-weight: 400;
  color: black;
  padding: 0px;
  text-decoration: none;
  display: block;
  text-align: left;
  line-height: 34px;
}

.column1 a:hover {
 color: #ff6600;
}
.bggrey {background-color: #fff;}
.column1 h3 a {margin-bottom:10px; font-size: 16px; font-weight: 600; color: #0a0d31; line-height: 1.3em;}
.column1 h3 a:hover {color: #474747;}

.modal-header {background-color: #ff8a1e; color: #fff;}
.modal-body {background-color: #f9f9f9; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
.btn-white-close {background: url(../img/close.svg) no-repeat; opacity: 1; width: 1px; height: 1px; margin-right: 0px !important;}
.form-control {font-size: 14px;}
.modal-body label {font-weight:600;}

/* ==========  Top Navigation close  ========== */

.headertopbg {background-color: #ff8a1e; color: #fff; font-size: 13px; text-align: right; padding: 5px 0px;}
.headertopbg a {color: #fff; text-decoration: none;}
header {background-color: #fff; position: relative; border-bottom: 1px solid #d9d9d9;}

header .logo {padding-top: 14px; padding-bottom:0px;}

header .top-logo {float:left;}
header .top-navigation {width: 56.997%;}
header .top-contact {width: 27.292%;}


.menu_bar{width:100%;float:left;text-align:center;border-bottom:#47474747474726 solid 1px;height:72px;}

.menu_bar_content{display:inline-block;margin-top:10px;}


.menu_content{float:left;margin:0px;padding:0px;}

.menu_content ul{float:left;margin:0px;padding:0px;}

.menu_content > ul > li{list-style:none;margin-right:29px;display:inline-block;}

.menu_content > ul > li:last-child{margin-right:0px;}

.menu_content > ul > li > a{float:left;text-decoration:none;color:#474747;padding:17px 0px 22px;font-size:16px;}

.menu_content > ul > li > a.active{color:#ff8a1e;}

.menu_content > ul > li > a:hover{color:#ff8a1e;text-decoration:none;}

.mean-container b {
    color: #fdfdf8;
    float: left;
    font-size:0px;
    padding:0px 0px 0px;
}

/******* 24-9-2025 *******/

.sub_menu_content{width:100%;float:left;background:#fff;text-align:left;padding:0px 0px;margin-top:0px;border-top:#d9d9d9 solid 1px;border-bottom:#d9d9d9 solid 1px;position:relative;}

.sub_menu_content h2{width:100%;float:left;margin-top:0px;margin-bottom:15px;color:#ff8a1e;font-size:17px; border-bottom:1px solid #d9d9d9; padding-bottom: 10px; min-height: 51px;}

.sub_menu_content a{width:100%;float:left;color:#474747;font-size:14px;text-decoration:none;margin-bottom:8px;}

.sub_menu_content a:hover{color:#ff8a1e;text-decoration:none;}

.sub_menu_content figure{width:10px;float:left;margin-bottom:0px;margin-right:15px;}


.sub_menu_content:after{
    content: '';
    position: absolute;
    bottom:0px;
    left:0%;
    transform: translateX(-50%);
    width:100%;
    height:100%;
    background:#fbe8d7;
}

.sub_menu_list{width:100%;float:left;position:relative;z-index:999;padding-bottom:15px;}

.sub_menu_list h3{
    margin-bottom:15px;
    width:100%;
     text-transform: uppercase;
    float:left;
    color: #4e4c5b;
    margin-top:20px;
    font-size: 20px;
    font-weight: 600;
   word-spacing: 0em;
}

.sub_menu_list_left_padding{padding-left:20px;}

.sub_menu_list_bg{background:#fff8f2;}

.menu_pic{width:100%;float:left;margin-top:50px;}

.sub_padding{padding:0px 0px;}

/******* 24-9-2025 END *******/




.page-top-banner{width:100%;float:left;}

.page-top-banner img{width:100% !important;}

.mobile_pic{width:100%;float:left;height:400px;background:#ccc;display:none;}

.mobile_pic img{width:100%;}

.feature-box {margin-bottom:15px; border-radius: 10px; padding: 15px; background-color: #fff; text-align: center;}
.feature-box img {margin-bottom: 10px;}
.feature-box h3 {font-size: 16px;}

.content-list ul {margin-left: 0px; padding-left: 0px; list-style: none;}
.content-list ul li {line-height: 35px; font-size: 15px; font-weight: 300;}

.erp-box {
    box-shadow: rgb(0 0 0 / 15%) 0px 2px 4px, rgb(0 0 0 / 5%) 0px 5px 13px -3px, rgb(0 0 0 / 5%) 0px -3px 0px inset;
    border-radius: 5px;
    background: rgb(255 255 255 / 50%);
    padding: 10px 15px 20px;
    text-align: center;
    overflow: hidden;
}
.erp-box h3 {font-weight: 700; font-size: 22px; text-align: center;margin-top: 20px; text-transform: uppercase;}
.erp-box h3.cloud {color: #2055b9;}
.erp-box h3.premise {color: #bd4343;}
.erp-box a {border:1px solid #000; padding: 6px 15px; border-radius: 5px; font-size: 14px; text-decoration: none; color: #000;}
.erp-box a:hover {background-color: #ff8a1e; color: #fff; border:1px solid #ff8a1e;}


.ecommerce-tab h2 {margin-bottom: 25px; text-align: center; color: #0a0d31; font-size: 30px; font-weight: 600; line-height: 1.2em;}
.ecommerce-tab .tab {float: left; border: 1px solid #fff; background-color: #fff; width: 30%; min-height: 300px; border-right: 1px solid #eee;}
.ecommerce-tab .tab button {display: block; background-color: #fff; color: black; padding: 15px 10px; width: 100%;
        border: none; outline: none; text-align: left; cursor: pointer; transition: 0.3s; font-size: 15px; border-bottom: 1px solid #eee; }
.ecommerce-tab .tab button:last-child {border-bottom: 0px solid #eee;}        
.ecommerce-tab .tab button:hover {background-color: #fff6ee; color: #ff8a1e;}
.ecommerce-tab .tab button.active {background-color: #fff6ee; color: #ff8a1e;}
.ecommerce-tab .tabcontent {float: left; padding: 15px 20px; border: 1px solid #fff; width: 70%; border-left: none;}
.ecommerce-tab .tabcontent h3 {margin-bottom: 15px; text-align: left; color: #0a0d31; font-size: 24px; font-weight: 600; line-height: 1.2em;}
.ecommerce-tab .tabcontent p {font-size: 15px; color: #474747;}

.tab-section {border:1px solid #eee; overflow: hidden;}
.ecommerce-tab .tabcontent2 {float: left; padding: 15px 20px; border: 1px solid #fff; width: 70%; border-left: none;}
.ecommerce-tab .tabcontent2 h3 {margin-bottom: 15px; text-align: left; color: #0a0d31; font-size: 24px; font-weight: 600; line-height: 1.2em;}
.ecommerce-tab .tabcontent2 p {font-size: 15px; color: #474747;}

.sub-heading h2 {margin-bottom: 25px; text-align: center; color: #0a0d31; font-size: 30px; font-weight: 600; line-height: 1.2em;}

.box {margin-bottom:30px; background-color: #fff6ee; border:1px solid #ccc; border-radius: 10px; padding: 20px; text-align: center; }
.box h3 {font-size: 24px; font-weight: 600; text-transform: none; font-style: normal; line-height: 1.3em; letter-spacing: 0px;
    word-spacing: 0em; color: #242627; margin-bottom: 15px; transition: all .3s;}
.box p {font-size: 15px; font-weight: 400; text-transform: none; font-style: normal; letter-spacing: 0px; word-spacing: 0em;
    color: #242627; margin-bottom: 0px; color: #3f444b; border-color: #3f444b; fill: #3f444b;}

.features ul {list-style: none; padding-left: 0px;}
.features ul li {width: 100%; float: left; font-size: 15px; color: #474747; background: url(../img/check.webp) no-repeat 0px 0px;
    background-size: 18px 18px; font-weight: 400; padding-left: 30px; margin-bottom: 20px;}


.services-boxbg {background-color: #f1ede8; padding-top: 60px; padding-bottom: 80px;}
.services-box {margin-top: 30px;}
.services-box img {margin-bottom: 15px;}
.services-box h3 {margin-bottom: 10px; color: #0a0d31; font-size: 24px; font-weight: 600; text-transform: none; font-style: normal; line-height: 1.3em; letter-spacing: 0px; word-spacing: 0em;}
.services-box p {color: #474747; font-size: 15px; text-transform: none; font-style: normal; letter-spacing: 0px; word-spacing: 0em; margin-bottom: 0px;}

.service-box {text-align: left; background: #fff; padding: 40px 30px; border-radius: 8px; min-height: 100%;}
.service-box .image {display: inline-block; width: 70px; vertical-align: top;}
.service-box .description {display: inline-block; width: 75%; vertical-align: top; min-height: 150px;}
.service-box .description h3 {margin-bottom: 10px; color: #0a0d31; font-size: 24px; font-weight: 600; text-transform: none; font-style: normal; line-height: 1.3em; letter-spacing: 0px; word-spacing: 0em;}
.service-box .description p {color: #474747; font-size: 15px; text-transform: none; font-style: normal; letter-spacing: 0px; word-spacing: 0em; margin-bottom: 0px;}

.solution-box {text-align: left; background: #fff; padding: 40px 30px; border-radius: 8px;}
.solution-box .image {display: inline-block; width: 90px; vertical-align: top;}
.solution-box .description {display: inline-block; width: 75%; vertical-align: top; min-height: 150px;}
.solution-box .description h3 {margin-bottom: 10px; color: #0a0d31; font-size: 24px; font-weight: 600; text-transform: none; font-style: normal; line-height: 1.3em; letter-spacing: 0px; word-spacing: 0em;}
.solution-box .description p {color: #474747; font-size: 15px; text-transform: none; font-style: normal; letter-spacing: 0px; word-spacing: 0em; margin-bottom: 0px;}

.liveevent-box {text-align: left; background: #fff; padding: 0px 0px; border-radius: 8px;}

.customized-solution-box {background: #fff; border-radius: 5px; padding: 40px 30px 35px; text-align: left; position: relative;
    overflow: hidden; margin-bottom: 0px; min-height: auto; height: 100%;}
.customized-solution-box .numbg {display: inline-block; background: #ff8a1e; padding: 10px 8px 10px 0px; text-align: center !important; color: #fff; width: 70px; height: 60px; font-size: 20px; font-weight: bold; margin: 0; line-height: 36px; position: absolute; top: 0; left: 0px; border-radius: 0% 0% 100%;}
.customized-solution-box h3 {color: #0a0d31; font-size: 24px; font-weight: 600; padding: 0 0 30px 60px; line-height: 1.3em;}   
.customized-solution-box p {color: #474747; font-size: 15px;  margin: 0;} 


.process-list {width: 180px; height: 180px; border-radius: 50%; border: 1px solid #ddd; position: relative; padding: 0 20px;
    margin: 20px auto 30px; display: flex; align-items: center; justify-content: center; text-align: center;}
.process-list .process-number {font-size: 16px; font-weight: bold; background: #ff8a1e; width: 40px; height: 40px; text-align: center; position: absolute; top: -20px; left: 0; right: 0; margin: auto; border-radius: 50%; color: #fff; line-height: 40px;
}
.process-list h3 {font-size: 18px; line-height: 24px;}

.accordion-button-erp {font-size: 18px; font-weight: 600;}
.accordion-bodyerp {background-color: transparent !important; padding: 20px 20px !important; font-size: 15px;}


@media only screen and (min-width:981px)
{
    li.sub_main {
        position:inherit;
    }
    li.sub_main > ul.sub_child {
           position: absolute;
        left: 0px;
        /*top:71px;*/
        top:95px;
        z-index: 9999;
        max-height: 0;
        overflow: none;
        transform: rotate3d(1, 0, 0, -90deg);
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: rotate3d(1, 0, 0, -90deg);
        -webkit-transform-origin: 50% 0;
        -moz-transform: rotate3d(1, 0, 0, -90deg);
        -moz-transform-origin: 50% 0;
        -o-transform: rotate3d(1, 0, 0, -90deg);
        -o-transform-origin: 50% 0;
        transition:10ms;
        -webkit-transition: 10ms;
        -moz-transition: 10ms;
        -o-transition:10ms;
        width:100%;
        /*height:100vh;
        background-color:rgba(15, 15, 15, 0.6);*/
       }

li.sub_main:hover > ul.sub_child {
        max-height:3474747px;
        -webkit-transform: rotate3d(0, 0, 0, 0);
        -moz-transform: rotate3d(0, 0, 0, 0);
        -o-transform: rotate3d(0, 0, 0, 0);
        transform: rotate3d(0, 0, 0, 0);
    }
ul.sub_child > li {
  width:100%;
  display: inline-block;
  color: #fff;
  cursor: pointer;
  background:#fff !important;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
 font-size: 13px;
 border-bottom:#ededed solid 1px;
 cursor: context-menu;

}
ul.sub_child > li:last-child {
  border: none;
  color:#FFF !important;
  width:100%;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
ul.sub_child > li > a {
  color:#FFF !important;
  width:100%;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 13px;
  display: inline-block;
  text-align:left;
  color:#474747 !important;
 text-transform: capitalize;
  font-family: 'Lato', sans-serif;
  font-size:14px;
  font-weight:normal;
}
ul.sub_child > li > a:hover {
  color:#ff4747475 !important;
  background:#dddddd;
  text-decoration:none;
}


li.sub_main1 {
        position: relative;
    }
    li.sub_main1 > ul.sub_child1 {
        position: absolute;
        left: 0px;
        /*top:60px;*/
        top:62px;
        z-index:9999;
        max-height: 0;
        overflow: none;
        transform: rotate3d(1, 0, 0, -90deg);
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: rotate3d(1, 0, 0, -90deg);
        -webkit-transform-origin: 50% 0;
        -moz-transform: rotate3d(1, 0, 0, -90deg);
        -moz-transform-origin: 50% 0;
        -o-transform: rotate3d(1, 0, 0, -90deg);
        -o-transform-origin: 50% 0;
        transition: 10ms;
        -webkit-transition: 10ms;
        -moz-transition: 10ms;
        -o-transition: 10ms;
        width: 190px;
        background:#fbfbfb;
        border:#d9d9d9 solid 1px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        padding:10px 12px;
    }
    li.sub_main1:hover > ul.sub_child1 {
        max-height: 14747470px;
        -webkit-transform: rotate3d(0, 0, 0, 0);
        -moz-transform: rotate3d(0, 0, 0, 0);
        -o-transform: rotate3d(0, 0, 0, 0);
        transform: rotate3d(0, 0, 0, 0);
    }
    ul.sub_child1 > li {
        width: 100%;
        display: inline-block;
        color: #474747;
        cursor: pointer;
        background: #fbfbfb !important;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        font-size: 13px;
        border-bottom: none;
    }
    ul.sub_child1 > li:last-child {
        border: none;
        color: #FFF !important;
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }
    ul.sub_child1 > li > a {
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 8px 0px 8px 6px;
        display: inline-block;
        text-align: left;
        text-decoration:none;
        color: #474747 !important;
        text-transform: capitalize;
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        font-weight: normal;
    }
    ul.sub_child1 > li > a i {
        float: right;
        margin: 3px 10px 0px 0px;
        font-size: 19px;
    }
    ul.sub_child1 > li > a:hover {
        color: #ff8a1e !important;
      text-decoration: none;
    }
}

.header-navigation {padding-top: 8px;}
.header-navigation .navbar-nav a.nav-link {font-size: 16px; font-weight: 500; text-transform: none; font-style: normal; line-height: 1.2em; letter-spacing: 0px; word-spacing: 0em; color: #242627; text-decoration: none; padding-left: 10px; padding-right: 10px;}
.header-navigation .navbar-nav a.nav-link.active {color: #ff8a1e;}
.header-navigation .navbar-nav a.nav-link:hover {color: #ff8a1e;}

header .top-right {float:right; padding-top: 10px; padding-bottom:0px;}
header .top-right .client-support {display: inline-block; margin-right: 15px;}
header .top-right .client-support .client-support-button {text-align: center; margin-bottom: 3px;}
header .top-right .client-support .client-support-button .support-button {font-size: 12px; font-weight: 500; line-height: 1.2em; fill: #242627; color: #242627; background-color: #f5f5f5; border-radius: 4px 4px 4px 4px; padding: 2px 9px; text-decoration: none;}
header .top-right .client-support .client-support-button .support-button:hover {color:#ff8a1e; background-color: #ffeede;}
header .top-right .client-support .client-support-button .support-button:hover svg {fill:#ff8a1e;}

header .top-right .support-number a {font-size: 16px; font-weight: 500; text-transform: none; font-style: normal;
    line-height: 1.2em; letter-spacing: 0px; word-spacing: 0em; fill: #242627; color: #242627; background-color: #02010100; border-radius: 0 0 0 0; padding: 0; text-decoration: none;}
header .top-right .support-number a:hover {color: #ff8a1e;}

header .top-right .contact-button {display: inline-block; vertical-align: top; margin-top: 4px;}
header .top-right .contact-button a {width:auto; font-family: inter tight, Sans-serif; font-size: 14px;
    font-weight: 600; text-transform: none; text-decoration: none; font-style: normal; line-height: 1.2em; letter-spacing: 0; word-spacing: 0; color: #fff; background-color: #ff8a1e; border-radius: 4px 4px 4px 4px; padding: 14px 24px; transition: all .3s; display: block; font-display:swap;}
header .top-right .contact-button a:hover {background-color: #2e2d26; transition: all .3s;}



.home-slider {margin-top:60px; margin-bottom:42px;}
.home-slider .slider-block {display: block; position: relative;}
.home-slider .slider-block .slider-content {position: absolute; padding-top: 15px; width: 50%; max-width: 50%;
    --container-widget-width: 50%; --container-widget-flex-grow: 0; z-index: 5;}
.home-slider .slider-block .slider-content h1 {color:#0a0d31; font-size:49px; font-weight: 600;
    text-transform: none; font-style: normal; line-height: 1em; letter-spacing: -1px; word-spacing: 0; margin-bottom: 30px;}
.home-slider .slider-block .slider-content .slider-description {color: #242627; font-size: clamp(1.6rem,2rem,2.55vw); font-weight: 400; text-transform: none; font-style: normal; line-height: 1.4em; letter-spacing: 0;
    word-spacing: 0; margin-bottom: 30px;}
.home-slider .slider-block .slider-content .slider-button .schedule-consultation-button {margin: 0 15px 0 0;
    font-size: 14px; font-weight: 600; text-transform: none; font-style: normal; line-height: 1.2em;
    letter-spacing: 0; word-spacing: 0; color: #fff; background-color: #ff8a1e; border-radius: 4px 4px 4px 4px;
    padding: 14px 24px; display: inline-flex; text-decoration: none; transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);}
.home-slider .slider-block .slider-content .slider-button .schedule-consultation-button:hover {background-color: #2e2d26;}
.home-slider .slider-block .slider-content .slider-button .slider-service-button {color: #ffffff; background-color: #010ed0; fill: #010ed0; color: #ff8a1e; background-color: #ffeede; font-size: 14px; font-weight: 600;   text-transform: none; font-style: normal; line-height: 1.2em; letter-spacing: 0; word-spacing: 0; border-radius: 4px 4px 4px 4px; padding: 14px 24px; text-decoration: none;}
.home-slider .slider-block .slider-content .slider-button .slider-service-button:hover {background-color: #2e2d26; color: #fff;}

.home-slider .slider-block .slider-picture {float: right; width: 58%; max-width: 58%; --container-widget-width: 58%; -webkit-mask-image: url('../img/mask.webp');
    -webkit-mask-size: cover;
    -webkit-mask-position: bottom right;}

.schedule-consultation-button {margin: 0 15px 15px 0;
    font-size: 14px; font-weight: 600; text-transform: none; font-style: normal; line-height: 1.2em;
    letter-spacing: 0; word-spacing: 0; color: #fff; background-color: #ff8a1e; border-radius: 4px 4px 4px 4px;
    padding: 14px 24px; display: inline-flex; text-decoration: none; transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);}
.schedule-consultation-button:hover {color:#fff; background-color: #2e2d26;}

.home-review {position: relative; padding-top:0px; margin-bottom:22px;}
.home-review::before {content: ""; border-top: 1px solid #47474747474726; display: block; width: 98%; position: absolute; top: 0; left: 0px; right: 0px; margin: 0 auto;}
.review-block {display: block; position: relative;}
.review-block1::before {position: absolute; content: ''; width: 0px !important;}
.review-block::before {position: absolute; content: ''; background-color: #47474747474726; width: 0px; height: 26px;
    top: 0; left: -15px;}
.review-block::before {position: absolute; content: ''; background-color: #47474747474726; width: 3px; height: 26px;
    top: 0; left: -15px;}
.review-block .number {color: #0a0d31; font-size: 30px; font-weight: 600; text-transform: none; font-style: normal; line-height: 1.2em; letter-spacing: 0px; word-spacing: 0em;}
.review-block .year {color: #0a0d31; font-size: 20px; font-weight: 600; text-transform: none; font-style: normal; line-height: 1.3em; letter-spacing: 0px; word-spacing: 0em;}
.review-block .review-description {color: #474747; font-size: 15px;  text-transform: none; font-style: normal; line-height: 1.3em; letter-spacing: 0px; word-spacing: 0em;}

.whatwedo .whatwedo-bg {background-color: #17142b; border-radius: 4px 4px 4px 4px; padding:14px 14px 14px 25px; position: relative; overflow: hidden;}
.whatwedo .whatwedo-bg .whatwedo-title-block {width: max-content;  padding: 7px 9px 6px; background-color: #47474747474726; border-radius: 4px 4px 4px 4px;}
.whatwedo .whatwedo-bg .whatwedo-title-block .whatwedo-title {color: #fff; font-size: 10px; font-weight: 600;
    text-transform: uppercase; font-style: normal; line-height: 1.7em; letter-spacing: 1px; word-spacing: 0em;}
.whatwedo .whatwedo-bg .whatwedo-description {margin-top:110px; color: #fff; font-size:30px; font-weight: 700;
    text-transform: none; font-style: normal; line-height: 1.2em; letter-spacing: 0px; word-spacing: 0em;}

.whatwedo .whatwedo-bg .whatwedo-pic {position: absolute; bottom:0px; right:0px; overflow: hidden;}

.whatwedo-content {margin-top:60px; margin-bottom: 60px; position: relative;}
.whatwedo-content::after {content: ""; border-bottom: 1px solid #47474747474726; display: block; width: 98%; position: absolute; bottom: -60px; left: 0px; right: 0px; margin: 0 auto;}
.whatwedo-content-block .icon {margin-bottom: 20px;}
.whatwedo-content-block h3 {margin-bottom:10px; color: #0a0d31; font-size: 24px; font-weight: 600; text-transform: none; font-style: normal; line-height: 1.3em; letter-spacing: 0px; word-spacing: 0em;}
.whatwedo-content-block p {color: #474747; font-size: 15px;  text-transform: none; font-style: normal;  letter-spacing: 0px; word-spacing: 0em; width:100%; max-width: 250px; margin-bottom: 0px;}
.digitalservice-content p {color: #474747; font-size: 15px;  text-transform: none; font-style: normal;  letter-spacing: 0px; word-spacing: 0em; width:100%; max-width: 100%; margin-bottom: 0px;}

.aboutcyberxel-link {margin-top: 40px; margin-bottom: 40px;}
.aboutcyberxel-link a {font-size: 12px; font-weight: 600; text-transform: none; font-style: normal; line-height: 1.3em; letter-spacing: 0; word-spacing: 0em; fill: #ff8a1e; color: #ff8a1e; background-color: #02010100;
    border-style: solid; border-width: 0 0 3px; border-color: #ffeede; border-radius: 0 0 0 0; padding: 0; text-decoration: none;}
.aboutcyberxel-link a:hover {fill:#242627; color: #242627; border-color: #242627;}

.howwedo-bg {transition: background .3s, border .3s, border-radius .3s, box-shadow .3s; margin-top: 0;   margin-bottom: 60px; padding: 60px 30px; background-color: transparent; background-image: linear-gradient(180deg, #ffbc80 0%, #f1ede8 100%);}
.howwedo-title-block {width: max-content; padding: 7px 9px 6px; background-color: #f5f5f5; border-radius: 4px 4px 4px 4px; margin: 0 0 20px;}
.howwedo-title-block .howwedo-title {color: #5f6567; font-size: 10px; font-weight: 600; text-transform: uppercase; font-style: normal; line-height: 1.7em; letter-spacing: 1px; word-spacing: 0em;}
.howwedo-heading {color: #0a0d31; font-size: 48px; font-weight: 700; text-transform: none; font-style: normal; line-height: 1.2em; letter-spacing: 0px; word-spacing: 0em; margin-bottom: 25px;}

.solutions-block {transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s); overflow: hidden; margin: 0 0 25px; border-radius: 4px 4px 4px 4px; background-color: #ffffff; transition: all .3s;}
.solutions-block:hover {box-shadow:4px 4px 14px 1px rgba(0,0,0,.15); transition: all .3s;}
.solutions-block a {color: #242627; text-decoration: none; transition: all .3s;}
.solutions-block a:hover .solutions-block-bg h3 {color: #ff8a1e; transition: all .3s;}
.solutions-block .solutions-block-top .solutions-block-bg {z-index: 1; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; align-content: center; position: relative; transition: all .4s; width: 100%; text-align: left; padding: 20px 30px 10px; background-color: #ffffff;}
.solutions-block .solutions-block-top .solutions-block-bg .icon {width: 100%; margin-bottom: 15px;}
.solutions-block .solutions-block-top .solutions-block-bg h3 {font-size: 24px; font-weight: 600; text-transform: none; font-style: normal; line-height: 1.3em; letter-spacing: 0px; word-spacing: 0em; color: #242627; margin-bottom: 15px; transition: all .3s;}
.solutions-block .solutions-block-top .solutions-block-bg .solutions-block-description {font-size: 15px; font-weight: 400; text-transform: none; font-style: normal; letter-spacing: 0px; word-spacing: 0em; color: #242627; margin-bottom: 0px; color: #3f444b; border-color: #3f444b; fill: #3f444b;}

.solutions-block .solutions-block-bottom {width: 100%; padding: 15px 30px 0; border-style: solid; border-width: 1px 0 0; border-color:#47474726; transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s); margin-top: 15px; margin-bottom: 15px;}
.solutions-block .solutions-block-bottom a {font-size: 12px; font-weight: 600; text-transform: none;
    font-style: normal; line-height: 1.3em; letter-spacing: 0; word-spacing: 0em; fill: #ff8a1e;
    color: #ff8a1e; background-color: #02010100; border-style: solid; border-width: 0 0 3px;
    border-color: #ffeede; border-radius: 0 0 0 0; padding: 0; text-decoration: none;}
.solutions-block .solutions-block-bottom a:hover {fill:#242627; color: #242627; border-color: #242627;}
.solutions-block-top-height {min-height: 250px;}

.viewallsolutions {text-align: center; margin-top: 30px; margin-bottom: 10px;}
.viewallsolutions a {font-size: 14px; font-weight: 600; text-transform: none; font-style: normal; line-height: 1.2em; letter-spacing: 0; word-spacing: 0; color: #ffffff; background-color: #ff8a1e; border-radius: 4px 4px 4px 4px; padding: 14px 24px; text-decoration: none;}
.viewallsolutions a:hover {background-color: #2e2d26;}

.whatwedo-industry {margin-bottom: 60px;}
.whatwedo-industries {max-width:100%; display: block; margin-right: auto; margin-left: auto;}
.whatwedo-industries .howwedo-heading {margin-bottom: 50px;}

.industry-tab a {color: #0a0d31; text-decoration: none;}
.industry-tab {width: 220px; max-width: 220px; margin: 0 14px 25px 0; background-color: #f5f5f5; border-radius: 100px 100px 100px 100px; --container-widget-width: 220px; --container-widget-flex-grow: 0; display: inline-table;}
.industry-tab:not(:last-child) {margin-block-end: 20px;}
.industry-tab figure {width: 25%; margin-right: 5px; display: inline-block; margin-bottom: 0px;}
.industry-tab figure img {height: auto; max-width: 100%; border: none; border-radius: 100px; transition-duration: .3s;border: #ff8a1e solid 2px;}
.industry-tab .industry-content {display: inline-block;}
.industry-tab .industry-content h6 {display:block; color: #0a0d31; font-size: 11px; font-weight: 600; text-transform: none; font-style: normal; line-height: 1.6em; letter-spacing: 0px; word-spacing: 0em;}

.viewallindustries a {font-size: 12px; font-weight: 600; text-transform: none; font-style: normal; line-height: 1.3em; letter-spacing: 0; word-spacing: 0em; fill: #ff8a1e; color: #ff8a1e; background-color: #02010100;
    border-style: solid; border-width: 0 0 3px; border-color: #ffeede; border-radius: 0 0 0 0; padding: 0;
    text-decoration: none;}
.viewallindustries a:hover {fill:#242627; color: #242627; border-color: #242627;}

.whatweuse-bg {background-color: #242627;padding-bottom:30px;}
.whatweuse-top {padding-top: 60px; padding-bottom:50px;}
.whatweuse-top .howwedo-title-block {background-color: #47474747474726;}
.whatweuse-top .howwedo-title-block .howwedo-title {color: #5f6567;}
.whatweuse-top .howwedo-heading {color: #dee0ff;}
.whatweuse-top p {color: #fff;font-size:15px;}

.projects-block {flex-direction: column; display: flex; border-style: solid; border-width: 1px; border-radius: 10px; padding: 18px 20px 30px; border-color: #47474726;}
.projects-block .project-picture img {border-radius: 10px; margin-bottom: 20px;border:#ccc solid 1px;}
.projects-block .project-category {font-size: 10px; font-weight: 600; text-transform: uppercase; font-style: normal; line-height: 1.7em; letter-spacing: 1px; word-spacing: 0em; color: #717171; margin-bottom: 13px;}
.projects-block h3 {font-size: 20px; font-weight: 600; text-transform: none; font-style: normal; line-height: 1.3em; letter-spacing: 0px; word-spacing: 0em; margin-bottom: 20px;}
.projects-block p {font-size: 15px;  text-transform: none; font-style: normal; line-height: 1.4em; letter-spacing: 0px; word-spacing: 0em;}

.testimonials-block {max-width: 750px; display: block; margin-right: auto; margin-left: auto;margin-top:60px;}
.testinoial-image {margin-bottom: 25px; padding: 0px 70px;}
.testimonial-content {color: #0a0d31; font-size: 30px; font-style: normal; line-height: 1.6em;


 letter-spacing: 0;
    word-spacing: 0; padding: 0px 70px;}
.testimonial-name {display: block; margin-top: 25px; padding: 0px 70px;}
.testimonial-name .name {color:#0a0d31; font-size: 16px; font-weight: 600; display: block;}
.testimonial-name .designation {color:#47474747474799; font-size: 14px; font-weight: 600; display: block;}

.contact-bg {padding: 60px 30px 50px; background-color: transparent; background-image: linear-gradient(180deg, #fff8f2 0%, #fff8f2 100%);}
.contact-bg .contact-content {margin: 0 0 30px; padding: 0% 20% 0% 0%; font-size: 20px;}
.contact-bg .contact-content p {width: 56%;font-size:15px;}
.contact-bg .callus {font-size: 20px; font-weight: 600; margin: 0 0 35px;}
.contact-bg .callus a {fill: #0a0d31; color: #0a0d31; text-decoration: none;}

.benefits {width:570px; margin: 0 0 35px;}
.benefits h5 {color: #0a0d31; font-size: 20px; font-weight: 600; margin-bottom: 20px;}
.benefits ul {padding-left: 0px;}
.benefits ul li {list-style: none; margin-bottom: 10px;font-size:15px;} 

.benefits .benefits-list {display: inline-block; margin-right: 50px;}

.happensnext-section {width: 600px;}
.happensnext-section h5 {margin-bottom: 20px;}
.happensnext ul {padding-left: 0px;}
.happensnext ul li {list-style: none; margin-bottom: 10px; display: inline-block; width: 32%; position: relative;}
.happensnext ul li .number {color: #242627; font-size: 24px; font-weight: 600; display: inline-block; vertical-align: top; margin-right: 15px;}
.happensnext ul li .happensnext-content {color: #242627; font-size: 14px; font-weight: 400; display: inline-block; width: 70%;}
.happensnext ul li:after {content: ''; display: block; background: url('../img/arrow.png'); position: absolute; top:0; right: 7px; width: 9px; height: 41px;}
.happensnext ul li:nth-child(3):after {background: none;}


.contactform-section {position: relative;}
.contact-form {background-color: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
border-radius: 4px 4px 4px 4px;
position: absolute;
top: 45px;
right: 25px;
width: 43%;}
.contactform-heading {font-size: 20px; text-align: center; font-weight: 600; border-bottom: 1px solid #47474747474726; padding-block-start: 25px;
    padding-inline-start: 45px;
    padding-block-end:0px;
    padding-inline-end: 45px;}
.form-start {padding-block-start: 25px;
    padding-inline-start: 45px;
    padding-block-end:30px !important;
    padding-inline-end: 45px;}

.form-label {font-size: 14px; line-height: 1.4em;}

.vendor-testimonial {padding-bottom: 60px;}
.vendor-testimonial .swiper-slide {transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    padding: 25px; border-radius: 4px 4px 4px 4px;background: #1f2021;}
.vendor-testimonial .swiper-slide h5 {color: #f5f5f5; font-size: 20px; font-weight: 600; margin: 0 0 8px;}
.vendor-testimonial .swiper-slide p {color: #f5f5f1b3; font-size: 15px;}
.more a img {display: inline-block; margin-right: 6px;}
.more a {color: #fff; font-size: 14px; text-decoration: none;}
.swiper-pagination-bullet-active {background: #ff8a1e !important;}

.page-bg {background-color: #ff8a1e; background-image: url('../img/page-bg.webp'); background-position: bottom right; background-repeat: no-repeat; background-size: contain; padding-top: 40px; padding-bottom: 55px; margin-bottom: 60px;}
.page-breadcrumb {margin-block-start: 0%; margin-inline-start: 0%; margin-block-end: 0%; margin-inline-end: 40%;
    --e-column-margin-right: 40%; --e-column-margin-left: 0%;}
.pagetop-title-block {width: max-content; padding: 7px 9px 6px; background-color: #e87103; border-radius: 4px 4px 4px 4px; margin: 0 0 20px;}
.pagetop-title-block .pagetop-title {color: #fff; font-size: 10px; font-weight: 600; text-transform: uppercase;
    font-style: normal; line-height: 1.7em; letter-spacing: 1px; word-spacing: 0em;}
.pagetop-heading {color: #fff; font-size: 48px; font-weight: 700; text-transform: none; font-style: normal;
    line-height: 1.2em; letter-spacing: 0px; word-spacing: 0em; margin-bottom: 10px;}
.pagetop-descriptoin {color: #fff;  font-weight: 400; text-transform: none; font-style: normal; line-height: 1.4em; letter-spacing: 0; word-spacing: 0; margin-bottom: 30px;}
.pagetop-button .btn-consultation {color: #fff; background-color: #010ed0; fill: #010ed0; color: #ff8a1e;
    background-color: #ffeede; font-size: 14px; font-weight: 600; text-transform: none; font-style: normal;
    line-height: 1.2em; letter-spacing: 0; word-spacing: 0; border-radius: 4px 4px 4px 4px; padding: 14px 24px;
    text-decoration: none;}
.pagetop-button .btn-consultation:hover {background-color: #2e2d26; color: #fff;}

.benefits-it-services {margin-bottom: 60px;}
.solutions-left h2 {margin-bottom:15px; color: #0a0d31; font-size: 30px; font-weight: 600; line-height: 1.2em;}
.solutions-left p {margin-bottom:15px; color: #474747; font-size: 15px;}
.solutions-left UL {color: #47474747474799;}

.solutions-point-block {display: flex; margin-bottom:12px;}
.solutions-point-block .solutions-point-description h3 {margin-bottom:10px; color:#474747; font-size:15px;margin-top:5px;font-weight:400;}
.solutions-point-block .solutions-point-description p {color: #47474747474799; font-size: 14px; font-weight: 400; line-height: 1.4em;}

.managed-it-services-section {margin-bottom: 60px;}
.managed-it-services {border-radius: 4px 4px 4px 4px; background-image: url('../img/pexels-jopwell-2422293.webp'); background-position: top center; background-repeat: no-repeat; background-size: cover; min-height: 400px;}

.managed-it-services-content {/*margin-top: 100px;*/ margin-top:0%;}
.managed-it-services-content h2 {margin-bottom:15px; color: #0a0d31; font-size: 30px; font-weight: 600; line-height: 1.2em;}
.managed-it-services-content p {margin-bottom:15px; color: #474747; font-size: 16px;}

.page-common-title {margin-top:60px; margin-bottom: 60px; text-align: center;}
.page-common-title .small-title-block {width: max-content; padding: 7px 9px 6px; background-color: #f5f5f5; border-radius: 4px 4px 4px 4px; margin:0 auto; margin-bottom: 20px;}
.page-common-title .small-title-block .small-title {color: #5f6567; font-size: 10px; font-weight: 600; text-transform: uppercase; font-style: normal; line-height: 1.7em; letter-spacing: 1px; word-spacing: 0em;}
.page-common-title h1 {font-size: 60px; font-weight: 600; -webkit-font-smoothing: antialiased; margin-bottom: 15px;}
.page-common-title .page-common-description {font-size:15px; font-weight: 400; line-height: 1.6em; color: #474747; margin:0 auto; margin-bottom: 20px; max-width: 800px;}
.page-common-title a {font-size: 14px; font-weight: 600; text-transform: none; font-style: normal; line-height: 1.2em; letter-spacing: 0; word-spacing: 0; color: #fff; background-color: #ff8a1e; border-radius: 4px 4px 4px 4px; padding: 14px 24px; text-decoration: none; transition: all .3s; display: inline-block;}
.page-common-title a:hover {background-color: #2e2d26; transition: all .3s;}

.page-top-banner img {border-radius: 4px 4px 4px 4px;}

.focus-section {max-width: 800px; margin:0 auto; margin-top:60px; margin-bottom: 60px;}
.focus-section p {color:#474747; font-size:15px; line-height: 1.5em;border-bottom:#838383  solid 1px;padding-bottom:30px;margin-bottom:30px;}

.team-pic-section {background-image: url('../img/team.webp'); background-position: center center; background-repeat: no-repeat; background-size: cover; align-content: flex-end; align-items: flex-end; border-radius: 4px 4px 4px 4px; position: relative; width: 100%; flex-wrap: wrap; height: 80vh;}
.team-pic-section-description {margin-top: 45px; margin-left: 30px;}
.team-pic-section-description h2 {font-size: 48px; font-weight: 700; line-height: 1.2em; margin-bottom: 30px;}
.team-pic-section-description p {color: #47474747474799; font-size: 20px;}

.it-services {margin-top: 60px; margin-bottom: 60px; position: relative;}
.it-services .section-heading h2 {font-size: 48px; font-weight: 700; line-height: 1.2em; margin-bottom: 30px;}
.it-services .it-services-description p {color: #47474747474799; font-size: 20px;}
.it-services .it-services-description ul {padding-left: 0px;}
.it-services .it-services-description ul li {list-style: none; margin-bottom: 20px;}
.it-services .it-services-icon {position: absolute; overflow: hidden; top: 8%; right: 0;}
.it-services .it-services-icon img {width: 70%;}

.section-heading h2 {font-size: 48px; font-weight: 700; line-height: 1.2em; margin-bottom: 30px;}


.productivity-section {margin-bottom: 60px;}
.productivity-section .productivity-pic-section {background-image: url('../img/productivity.webp'); background-position: center center; background-repeat: no-repeat; background-size: cover; align-content: flex-end; align-items: flex-end; border-radius: 4px 4px 4px 4px; position: relative; width: 100%; flex-wrap: wrap; height: 70vh;}
.productivity-section .productivity-section-description {margin-top: 40px; margin-bottom: 50px;}
.productivity-section .productivity-section-description h2 {font-size: 48px; font-weight: 700; line-height: 1.2em; margin-bottom: 30px;}
.productivity-section .productivity-section-description p {color: #474747; font-size:15px;}
.productivity-section a {font-size: 14px; font-weight: 600; text-transform: none; font-style: normal;    line-height: 1.2em; letter-spacing: 0; word-spacing: 0; color: #fff; background-color: #ff8a1e;
    border-radius: 4px 4px 4px 4px; padding: 14px 24px; text-decoration: none; transition: all .3s;
    display: inline-block; transition: all .3s;}
.productivity-section a:hover {background-color: #2e2d26; transition: all .3s;}

.location {margin-bottom: 60px;}
.our-location {position: relative;}
.our-location {margin-top: 60px; margin-bottom: 60px;}
.our-location h2 {font-size: 48px; font-weight: 700; line-height: 1.2em; margin-bottom: 30px;color:#474747;}
.our-location p {color: #474747; font-size:15px;}
.location-icon {position: absolute; top: 0; right: 0;}
.location-icon img {width: 250px;}

.contact-address {border-right: 1px solid #47474747474726; margin-right:50px;margin-bottom:30px;min-height:527px;}
.contact-address-border {border-right: 0px solid #47474747474726; margin-right:0px;}
.contact-address h3 {color: #474747; font-size: 30px; font-weight: 600; line-height: 1.2em; margin-bottom: 20px;}
.contact-address h5 {color: #ff8a1e; font-size: 20px; font-weight: 600; line-height: 1.3em; margin-bottom: 5px;}
.contact-address p {font-size:15px;color:#474747;}

.contact-address p a{text-decoration:none;font-size:15px;color:#474747;}
.link_address {font-size: 12px; font-weight: 600; text-transform: none; font-style: normal; line-height: 1.3em; letter-spacing: 0; word-spacing: 0em; fill: #ff8a1e; color: #ff8a1e; background-color: #02010100;
    border-style: solid; border-width: 0 0 3px; border-color: #ffeede; border-radius: 0 0 0 0; padding: 0;
    text-decoration: none; transition: all .3s;}
.link_address:hover {fill: #2e2d26; color: #2e2d26; border-color: #2e2d26; transition: all .3s;}

.call-email ul {padding-left: 70px;}
.call-email ul li {list-style: none; display: inline-block; width: 20%; position: relative;}
.call-email ul li .callus {text-align: left;}
.call-email ul li .callmobile  {text-align: left;}
.call-email ul li .callmobile .teltext {text-align: left; font-size: 15px; font-weight: 500; text-transform: none;
    font-style: normal; line-height: 1.2em; letter-spacing: 0; word-spacing: 0; color: #242627 !important; background-color: #fff !important; padding: 0px 0px !important; text-decoration: none; transition: all .3s; display: inline-block; transition: all .3s;}
.call-email ul li .callmobile .teltext:hover {color: #ff8a1e !important; transition: all .3s;}
.call-email ul li:after {content: ''; display: block; background: url(../img/arrow.png); position: absolute;
    top: 0; right:47px; width: 9px; height: 41px;}
.call-email ul li:nth-child(2):after {content: ''; display: block; background: none; position: absolute;
    top: 0; right: 35px; width: 9px; height: 41px;}

.support-request-form {background-image: linear-gradient(180deg, #ffbc80 0%, #f1ede8 100%); padding: 60px 70px; position: relative;}

.support-request-form  {background-image: linear-gradient(180deg, #ffbc80 0%, #f1ede8 100%); padding: 60px 70px; position: relative; margin-bottom: 60px;}
.support-request-form .form-arrow {position: absolute; top:24%; right: 30%;}

.request-form-bg {padding: 25px 45px; background-color: #fff;}
.request-form-bg h5 {font-size: 20px; color: #0a0d31; font-weight: 600; line-height: 1.3em; margin-bottom: 30px;}
.request-form-bg input {background-color: #fff; font-size: 14px; line-height: 1.4em; border:1px solid #47474747474726; border-radius: 4px 4px 4px 4px; padding: 10px 15px;}
.request-form-bg select {background-color: #fff; font-size: 14px; line-height: 1.4em; border:1px solid #47474747474726; border-radius: 4px 4px 4px 4px; padding: 10px 15px;}
.request-form-bg textarea {background-color: #fff; font-size: 14px; line-height: 1.4em; border:1px solid #47474747474726; border-radius: 4px 4px 4px 4px; padding: 10px 15px;}

.support-review {padding-left: 37%;}
.support-review ul {padding-left: 0px;}
.support-review ul li {list-style: none; border-bottom: 1px solid #47474747474726; padding-top: 15px; padding-bottom: 15px;}
.support-review ul li .number {color: #0a0d31; font-size: 30px; font-weight: 600; line-height: 1.2em;}
.support-review ul li .year {color: #0a0d31; font-size: 20px; font-weight: 600; line-height: 1.3em;}
.support-review ul li p {color: #0a0d31; font-size: 16px; font-weight: 500; line-height: 1.3em; margin-bottom: 0px;}

.team-experience {max-width: 700px; margin:0 auto;}
.team-experiencebg {background-color: transparent; background-image: linear-gradient(230deg, #ffbc80 0%, #f1ede8 86%); padding-top:50px; padding-bottom:50px; position: relative;}
.team-experiencebg-overlay {background-image: url('../img//bg-dot-shape.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    opacity: 1;
    transition: background .3s, border-radius .3s, opacity .3s;
height: 100%;
    width: 100%;
    top: 0;
    display:none;
    left: 0;
    position: absolute;}

.bettertogether-pic-section {background-image: url('../img/better-together.webp'); background-position: center center; background-repeat: no-repeat; background-size: cover; align-content: flex-end; align-items: flex-end; border-radius: 4px 4px 4px 4px; position: relative; width: 100%; flex-wrap: wrap; height: 70vh;}
.cyberxelteam-pic-section {background-image: url('../img/cyberxel-team.webp'); background-position: center center; background-repeat: no-repeat; background-size: cover; align-content: flex-end; align-items: flex-end; border-radius: 4px 4px 4px 4px; position: relative; width: 100%; flex-wrap: wrap; height: 70vh;}
.credential-pic-section {background-image: url('../img/credentials.webp'); background-position: center center; background-repeat: no-repeat; background-size: cover; align-content: flex-end; align-items: flex-end; border-radius: 4px 4px 4px 4px; position: relative; width: 100%; flex-wrap: wrap; height: 70vh;}

.faqbg { background-color:#f5f5f5; padding-block-start: 5%;
    padding-inline-start: 6%;
    padding-block-end: 5%;
    padding-inline-end: 6%;
    border-radius: 4px 4px 4px 4px; }

.accordion-item-box {margin-bottom: 30px;}
.accordion-button-title {font-size: 30px; color: #242627; font-weight: 700;
    line-height: 1;
    margin: 0; border-bottom: 1px solid #d5d8dc;
    cursor: pointer;
    outline: none;
border-width: 1px;
    border-color: #47474747474726;
    padding: 0 0 30px;
background-color: #f5f5f5; outline: 0;}
.accordion-body {background-color: #f5f5f5; padding: 15px 0px;}
.accordion-button:not(.collapsed) {color: #242627; background-color: #f5f5f5; outline: 0;}
.accordion-body p {border-width: 1px;
    border-bottom-color: #47474747474726;
    font-size: 20px;
    font-weight: 400;}
.accordion-button:focus {
    z-index: 3;
    border-color: #47474747474726;
    outline: 0;
     box-shadow: none; 
}
.accordion-body ul li {font-size: 20px;}

.awards-box {text-align: center !important; padding: 20px 30px 20px !important; height: 320px;}
.awards-box h3 {text-align: center; width: 100%;}
.awards {margin-bottom: 20px;width:100%;}
.awards img {height: 120px;
    object-fit: contain;
    object-position: center center;
vertical-align: middle;
    display: inline-block;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;}

.testimonial-box {border-radius: 4px 4px 4px 4px; border-style: solid;
    border-width: 1px;
    border-color: #47474747474726;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    margin-block-start: 0;
    margin-inline-start: 0;
    margin-block-end: 30px;
    margin-inline-end: 20px;
    --e-column-margin-right: 20px;
    --e-column-margin-left: 0px;
    padding-block-start: 0;
    padding-inline-start: 0;
    padding-block-end: 0;
    padding-inline-end: 0;}
.rating-box {padding: 30px 30px 0px 30px; display: inline-block; font-size: 20px; width: 100%;}
.rating-box ul {padding-left: 10px; display: inline-block;}
.rating-box ul li {list-style: none; display: inline-block; margin-right: 7px;}
.rating-box ul li img {margin-top: -3px;}
.testimonial-message {padding: 0px 30px 30px 30px; font-size: 16px; width: 100%;}
.testimonial-name {padding: 40px 30px 25px;
    background-color: #f5f5f5;
    border-radius: 0 0 4px 4px;}
.testimonial-name p {font-size: 14px; font-weight: 400;}

/* Footer */
footer {background-color: #242627; padding-top:0px; padding-bottom:0px;}
footer .footer-heading h4 {color: #fff; margin-bottom: 15px;}
footer .footer-links ul {padding-left: 0px;}
footer .footer-links ul li {list-style: none;}
footer .footer-links ul li a {color: #dee0ff; padding-top: 10px; padding-bottom: 10px; line-height: 28px; text-decoration: none;}
footer .footer-links ul li a:hover {color: #fff;}

footer .footer-address p {color: #dee0ff;}
footer .footer-address p a {color: #dee0ff; text-decoration: none;}
footer .footer-address p a:hover {color: #fff;}

.footer-social-links ul {padding-left: 0px;}
.footer-social-links ul li {list-style: none; display: inline-block; margin-right: 10px;}

footer .footer-copyright {color: #dee0ff;}

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

footer .footer-copyright-right ul {padding-left: 0px;}
footer .footer-copyright-right ul li {list-style: none; display: inline-block; margin-right: 15px;}
footer .footer-copyright-right ul li a {color: #dee0ff; text-decoration:none; }
footer .footer-copyright-right ul li a:hover {color: #fff;}

.testimonial-content {
    color: #474747;
    font-size:15px;
    min-height:196px;
    font-style: normal;
    line-height: 1.4em;
    letter-spacing: 0;
    word-spacing: 0;
    padding: 0px 70px;
}

.slider_content{width:100%;float:left;}

.slider_content figure{width:100%;float:left;}

.slider_content figure img{width:100%;}

.slider_content h2{width:100%;float:left;margin-top:0px;margin-bottom:10px;font-size: 20px;
    font-weight: 600;color:#474747;font-weight:bold;}

.slider_content p{width:100%;float:left;margin-top:0px;margin-bottom:15px;font-size: 15px;
    font-weight: 400;color:#474747;}

section.solutions_content{width:100%;margin-top:0px;margin-bottom:60px;padding-top:0px;}

.solutions_list{width:100%;float:left;margin-top:0px;position:relative;}

.solutions_list:after{
    content: '';
    position: absolute;
    top:285px;
    left:50%;
    transform: translateX(-50%);
    width:100%;
    border-top: 10px solid #d9d9d9 !important;
   
}

.solutions_list figure{width:100%;text-align:center;margin-bottom:35px;position:relative;z-index:999;}

.solutions_list h2{width:100%;font-size: 24px;text-align:center;
    font-weight: 600;margin-bottom:10px;}

.solutions_list p{width:100%;font-size: 15px;
    font-weight: 400;text-align:center;}

.solutions_box{-webkit-box-shadow: 0px 0px 20px -8px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 20px -8px rgba(0,0,0,1);
box-shadow: 0px 0px 20px -8px rgba(0,0,0,1);border-radius:50%;}

.captcha_content{width:100%;}

.consult_bgcolor{background:#242627 !important;}

.consult_textcolor{color:#ff8a1e !important;}
.consult_textsize{color:#ff8a1e !important;}

.benefits_margin{margin-left:-76px;}

button.owl-prev {
    width:35px !important;
    height:51px !important;
    background:url(../img/prev.png) no-repeat 0px 0px !important;
    position: absolute !important;
    top:57px !important;
    left: -46px !important;
    color:#f9f1eb !important;
    font-size:60px !important;
    outline:none !important;
    line-height:0px !important;
    display:none !important;
}

button.owl-next {
    width:35px !important;
    background:url(../img/next.png) no-repeat 0px 0px !important;
    height:51px !important;
    position: absolute !important;
    top:57px !important;
    right: -46px !important;
    color:#f9f1eb !important;
    font-size:60px !important;
    outline:none !important;
    line-height:0px !important;
     display:none !important;
}

.owl-carousel button.owl-dot {
    background:#ccc!important;
    width:10px !important;
    height:10px !important;
    color: inherit;
    border-radius:50% !important;
    border: none;
    padding: 0 !important;
    font: inherit;
    text-align:center!important;
    margin-right:10px!important;
    margin-top:20px !important;
     outline:none !important;
}
button.owl-dot.active {
     background:#ff8a1e!important;
     width:10px !important;
     border-radius:50% !important;
    height:10px !important;
    outline:none !important;
}

.owl-dots {
    text-align: center!important;
}

.footer_link{width:100%;float:left;}

.footer_link h2{width:100%;float:left;font-size:20px;color:#fff;margin-bottom:25px;margin-top:60px;}

.footer_link a{width:100%;float:left;font-size:14px;color:#fff;text-decoration:none;margin-bottom:10px;background:url(../img/footer-bg.png) no-repeat 0px 7px;padding-left:20px;}

.footer_link a:hover{color:#ff8a1e;}

.footer_bottom_links{width:100%;float:left;}

.footercontact_link{width:100%;float:left;}

.footercontact_link h2{width:100%;float:left;font-size:20px;color:#fff;margin-bottom:25px;margin-top:60px;}

.footercontact_link i{float:left;color:#ff8a1e;margin-top:3px;}

.footercontact_link p{float:right;color:#fff;font-size:14px;width:92%;}

.footercontact_link p a{text-decoration:none;color:#fff;}

.our_office_content{width:100%;float:left;border-top:#ccc solid 1px;margin-top:30px;}

.our_office_content h2{width:100%;float:left;font-size:20px;color:#fff;margin-bottom:25px;margin-top:25px;}

.our_office_content figure{float:left;}

.our_office_content figure img{border-radius:6px;}

.our_office_content h3{width:100%;float:left;font-size:18px;color:#fff;margin-bottom:10px;margin-top:0px;}

.our_office_content p{width:100%;float:left;font-size:12px;color:#fff;margin-bottom:15px;margin-top:0px;}

.copy_right{width:100%;float:left;margin-top:50px;text-align:right;}

.copy_right p{float:left;font-size:14px;color:#fff;}

.copy_right a{display:inline-block;text-decoration:none;color:#fff;margin-left:10px;font-size:14px;}

.copy_right a:hover{color:#ff8a1e;}

.passion_text{font-size:18px !important;}

.projects_bgcolor{background:#fff8f2 !important;}
.projects_bgcolor1{background:#fff8f2 !important; height: 100%;}

.corporate-box {background:#fff !important; height: 100%;}

.follow_us{width:100%;float:left;margin-top:30px;}

.follow_us h2{
    width: 100%;
    float: left;
    font-size: 20px;
    color: #fff;
    margin-bottom: 25px;
    margin-top:0px;
}

.follow_us a{width:40px;height:40px;float:left;background:#ff8a1e;margin-right:10px;border-radius:50%;text-align:center;color:#fff;text-decoration:none;font-size:15px;line-height:40px;}

.follow_us a:hover{background:#e98d38;}

.technologies_heading{font-size:30px !important;font-weight:600 !important;}

.technologies_list{width:100%;float:left;}

.technologies_list h3{width:100%;float:left;font-size:15px;color:#474747;background:url(../img/check.webp) no-repeat 0px 0px;background-size:18px 18px;font-weight:300;padding-left:30px;margin-bottom:20px;}

.commerce_solution{width:100%;float:left;}

.commerce_solution ul{width:100%;float:left;margin:0px;padding:0px;}

.commerce_solution ul li{width:100%;float:left;list-style:none;background:url(../img/check.webp) no-repeat 0px 0px;background-size:20px 20px;padding-left:30px;margin-bottom:14px;font-size:15px;color:#474747;}

.development_technologies{width:100%;float:left;border:#ccc solid 1px;margin-top:10px;padding:30px;text-align:center;}

.development_technologies figure{width:121px;height:121px;border-radius:50%;border:#e5e5e5 solid 10px;display:inline-block;padding-top:32px;}

.development_technologies h2{width:100%;float:left;font-size:20px;color:#474747;margin-bottom:0px;margin-top:0px;text-transform: uppercase;}

.terms_conditions{width:100%;float:left;margin-bottom:30px;}

.terms_conditions h2{
    margin-bottom: 15px;
    color: #0a0d31;
    width:100%;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2em;
}

.terms_conditions p{
    margin-bottom: 15px;
    width:100%;
    color: #474747;
    font-size: 15px;
}

.why_us_content{width:100%;float:left;background:#f7f7f7;padding:30px;/*-webkit-box-shadow: 0px 0px 13px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 13px -5px rgba(0,0,0,0.75);
box-shadow: 0px 0px 13px -5px rgba(0,0,0,0.75);*/margin-bottom:30px;}

.why_us_content_box {background:#fbfbfb; border: 1px solid #dadada; border-radius: 10px; /* -webkit-box-shadow: 0px 0px 13px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 13px -5px rgba(0,0,0,0.75); box-shadow: 0px 0px 13px -5px rgba(0,0,0,0.75);*/}

.why_us_content h2{width:100%;float:left;font-size:24px;color:#0a0d31;font-weight:bold;margin-bottom:10px;font-weight:600;}

.why_us_content figure{width:100%;float:left;}

.why_us_content p{color:#474747;}

.philosophy_content{width:100%;float:left;margin-bottom:35px;}

.philosophy_content h2{width:100%;float:left;font-size: 30px;
    font-weight: 600;
    line-height: 1.2em;margin-bottom:0px;}

.philosophy_content p{border-bottom:none;padding-bottom:0px;margin-bottom:25px;font-size:15px;color:#474747;}

.philosophy_margin{margin-bottom:80px;background:#f1ede8;}

.gallery_content{width:100%;float:left;}

.gallery_content figure{width:100%;float:left;}

.gallery_content figure img{width:100%;border-radius:15px;}

.our_logo{width:100%;float:left;height:150px;border:#ccc solid 1px;position:relative;border-radius:10px;-webkit-box-shadow: 3px 3px 13px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 13px -6px rgba(0,0,0,0.75);
box-shadow: 3px 3px 13px -6px rgba(0,0,0,0.75);margin-bottom:20px;}

.truefi_logo{width:100%;float:left;height:310px;border:#ccc solid 1px;position:relative;border-radius:10px;-webkit-box-shadow: 3px 3px 13px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 13px -6px rgba(0,0,0,0.75);
box-shadow: 3px 3px 13px -6px rgba(0,0,0,0.75);margin-bottom:20px;}

.brand_pic {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding:10px;
    max-width: 100%;
    max-height: 100%;
}

.technologies_content{width:100%;float:left;-webkit-box-shadow: 3px 3px 13px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 13px -6px rgba(0,0,0,0.75);
box-shadow: 3px 3px 13px -6px rgba(0,0,0,0.75);border:#ccc solid 1px;border-radius:10px;padding:30px;margin-bottom:30px;}

.technologies_content h4{width:100%;float:left;font-size:18px;color:#474747;font-weight:bold;margin-bottom:15px;}

.technologies_content figure{width:100%;float:left;}

.success_stories_content{width:100%;float:left;margin-top:10px;}

.success_stories_content figure{width:100%;float:left;}

.success_stories_content figure img{width:100%;border-radius:10px;}

.success_stories_content h6{font-size:15px;font-weight:bold;margin-bottom:15px;float:left;}

.stories_content{width:100%;float:left;border-radius:10px;padding:30px 20px;text-align:center;margin-bottom:20px;}

.stories_content h5{width:100%;float:left;text-align:center;font-size:25px;color:#474747;font-weight:bold;}

.stories_content p{width:100%;float:left;text-align:center;font-size:15px;color:#474747;margin-bottom:0px;}

.stories_bg{background:#d3c5ff;}
.stories_bg2{background:#a2ecd6;}
.stories_bg3{background:#fbbcbc;}
.stories_bg4{background:#128bbc;}
.stories_color4{color:#fff !important;}

.stories_link{background:#fff;padding:10px 15px;text-align:center;color:#128bbc;text-decoration:none;font-weight:bold;border-radius:5px;display:inline-block;margin-top:10px;}

.stories_link:hover{color:#474747;text-decoration:none;}

.start_projects{padding:14px 0px !important;}

.projects_all{background:#ff8a1e ;padding:10px 15px;text-align:center;color:#fff;text-decoration:none;font-weight:bold;border-radius:5px;display:inline-block;}

.projects_all:hover{color:#fff;}

.success_stories_bg{background:#fff8f2;padding:40px 0px;margin-bottom:60px;}

.content-heading h3 {margin-bottom: 10px; color: #0a0d31; font-size: 18px; font-weight: 600; text-transform: none; font-style: normal; line-height: 1.3em; letter-spacing: 0px; word-spacing: 0em;}
.content-heading p {color: #474747; font-size: 15px; text-transform: none; font-style: normal; letter-spacing: 0px;   word-spacing: 0em; margin-bottom: 0px;}

.solution-list ul {list-style: none; padding-left: 0px;}
.solution-list ul li {line-height: 30px; font-size: 15px;}



/************** 24-9-2025 **************/


section.corporate_content{width:100%;margin-bottom:80px;}

.corporate_mid_content{
    width:455px;
    float:left;
 padding: 12px;
 position:relative;
 z-index:99;
    border-radius: 100px;
    align-items: center;
    column-gap: 16px;
    background:#fff;
    min-height: 112px;
    box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, .15);
    margin:58px 0px 0px 50px;
}

.corporate_mid_content span{float:left;}


.corporate_mid_content h2{float:right;font-size:16px;width:75%;margin-top:33px;}


.corporate_margin{margin:58px 0px 0px -85px !important;}

.corporate_link{color:#212529;}

.corporate_link:hover{color:#212529;}

.corporate_pic{width:100%;}

.menu_bg{background:url(../img/nav-dot.png) no-repeat 5px 15px;padding-left:20px !important;}
/*.menu_brand_bg{background:url(../img/nav-dot.png) no-repeat 0px 8px;padding-left:20px !important;}*/


.tabs_list_content{width:100%;}


/* Main container with background */
  .main {
   
 
    flex-direction: column;
    background-size: cover;
    width:100%;
    padding:60px 0px 60px;
    background-position: center;
    transition: background-image 0.5s ease-in-out;
    position:relative;
  }

   .main:after{
    content: '';
    position: absolute;
    bottom: -1px;
    left:50%;
    transform: translateX(-50%);
    width:100%;
    height:100%;
    background: radial-gradient(30.38% 41.37% at 50.63% 51.67%, rgba(0, 0, 0, .25) 0, rgba(0, 0, 0, .75) 59.21%);
   
    
}

  /* Tabs row */
  .tabs {
    
    width:100%;
  
     position:relative;
    z-index:999;
    
  }

  .tab {
  
    padding:18px 0px;
    text-align:left;
    cursor: pointer;
    color: #fff;
    font-size:17px;
    background:none;
    text-transform: uppercase;
    float:left;
    width:100%;
    border-bottom:#fff solid 2px;
    position:relative;
    z-index:999;
    
  }

  .tab:hover,
  .tab.active {
    border-bottom:#ff8a1e solid 2px;
  }

  /* Tab content */
  .content {
    flex: 1;
    display: none;
   text-align:left;
    font-size: 1.5rem;
    
  }

  .content.active {
    display: block;
    position:relative;
    z-index:999;
  }


section.hospitality{width:100%;padding:0px 0px 0px;}

.hospitality h3{width:100%;margin-top:0px;margin-bottom:38px;font-size:22px;color:#fff;text-transform: uppercase;font-weight:bold;}


.hospitality_tabs{width:100%;}

.hospitality_tabs h4{width:100%;float:left;margin-top:0px;font-size: 30px;
    font-weight: 600;margin-bottom:20px;color:#fff;}

.hospitality_tabs p{width:100%;float:left;margin-top:0px;margin-bottom:20px;font-size:16px;color:#fff;font-weight:300;line-height:26px;}

.hospitality_tabs p a{color:#be9244;text-decoration:none;font-weight:bold;}

.tab_top_padding{padding-top:0px;}


/************** 24-9-2025 END **************/