@import "../fonts/stylesheet.css";
html, body {overflow-x: hidden;}
dl,ol,ul {margin-bottom: 0rem;}.navbar-brand {display: inline-flex;flex-direction: column;align-items: center;}.logotag {font-size: 14px;color: #000;margin-top: 3px;}.black-bg p {font-family: 'Oswald', sans-serif;font-size: 1rem;}.blaze_logo {height: 52px;width: auto;transition: all ease 0.75s;}
.fixedHeader .blaze_logo {height: 40px;}.mh-auto {min-height: auto !important;}
.newsolubox {margin-bottom: 50px;}
.newsolubox .outlinetxt .h1, .newsolu .outlinetxt {font-size: 40px !important;color: rgba(0, 104, 255);-webkit-text-stroke-color: rgba(0, 104, 255);left: 0px;top: 1.5px;text-align: left;}
.newsolubox .outlinetxt+p.timesitaly {text-align: left;font-weight: 350;}
.newsolubox .row {align-items: center;text-align: left;}
.newsolubox .servicebox {margin-bottom: 0px;}
.newsolubox .servicebox .sertxt {left: 50%;top: 50%;transform: translate(-50%, -50%);transition: all ease 0.75s;background: transparent;height: 100%;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.newsolubox .servicebox .sertxt p {display: block;text-align: center;margin: 0px;}
.newsolubox .servicebox::before {background: #333;}
.newsolubox .servicebox {z-index: 2;top: -15px;right: -15px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
.newsolubox .servicebox .sertxt {background: transparent;padding-right: 250px;}
.newsolubox .servicebox .blkbrd {z-index: -1;opacity: 1;bottom: -15px;left: -15px}
.newsolubox .servicebox .sertxt p {color: #fff;line-height: normal;text-transform: none;font-weight: 350;font-family: 'Source Sans 3', sans-serif;font-size: 20px;text-align: center;}
.newsoluicon {position: absolute;top: 50%;right: 0px;font-size: 250px;color: #fff;transform: translateY(-50%) rotate(-25deg);text-shadow: 0px 0px 25px rgba(0, 104, 255, 0.1);z-index: -1;opacity: 0.1;transition: all ease 0.75s;}
.newsolubox .servicebox .newsoluicon {font-size: 250px;right: -25px;opacity: 1;}
.newsolubox .whiteshdbox {text-transform: uppercase;font-weight: 600;min-width: 230px;}
.newsolubox .servicebox .newsoluicon .fa-line-chart {font-size: 200px;}
.newsolubox .servicebox .newsoluicon .fa-lightbulb-o {font-size: 300px;}
.newsolubox .servicebox:hover .sertxt {background: #21a36f;}
.icolft .newsoluicon {left: 0px;right: auto;transform: translateY(-50%) rotate(25deg);} 
.icolft .servicebox:hover .newsoluicon {left: -25px;right: auto;}
.icolft .servicebox:hover .blkbrd {right: -15px;left: auto;}
.icolft .servicebox:hover .sertxt {padding-right: 15px;padding-left: 215px;}
.sred .servicebox::before {background: #333;}
.sred .outlinetxt .h1, .sred .outlinetxt {color: #21a36f;-webkit-text-stroke-color: #21a36f}
.green .servicebox::before {background: #333;}
.green .outlinetxt .h1,.green .outlinetxt {color: #333;-webkit-text-stroke-color: #333}
.yellow .servicebox::before {background: #333;}
.yellow .servicebox .sertxt h5 {color: #333;}
.voilet .servicebox::before {background: #21a36f}
.voilet .outlinetxt .h1, .voilet .outlinetxt {color: #653fea;-webkit-text-stroke-color: #653fea;}
.sblue .servicebox::before {background: #21a36f}
.sblue .outlinetxt .h1, .sblue .outlinetxt {color: #2ac3ff;-webkit-text-stroke-color: #2ac3ff;}
.orange .servicebox::before {background: #21a36f}
.orange .outlinetxt .h1, .orange .outlinetxt {color: #ff8f61;-webkit-text-stroke-color: #ff8f61;}
@keyframes glitchtext {0% {text-shadow: 3px 0 0 rgba(255, 0, 255, 0.3), -3px 0 0 rgba(0, 255, 255, 0.3);}
20% {text-shadow: 0 0 0 rgba(255, 0, 255, 0.3), -3px -1px 0 rgba(0, 255, 255, 0.3);}
40% {text-shadow: -3px -2px 0 rgba(255, 0, 255, 0.3), 2px 1px 0 rgba(0, 255, 255, 0.3);}
60% {text-shadow: -1px 2px 0 rgba(255, 0, 255, 0.3), 0 0 0 rgba(0, 255, 255, 0.3);}
80% {text-shadow: 2px -1px 0 rgba(255, 0, 255, 0.3), 3px 2px 0 rgba(0, 255, 255, 0.3);}
100% {text-shadow: 3px 0 0 rgba(255, 0, 255, 0.3), -3px 0 0 rgba(0, 255, 255, 0.3);}}
.blztxt {color: #333;-webkit-text-stroke-color: #000;}
.blztxtred {color: #21a36f !important;-webkit-text-stroke-color: #21a36f;}
.techstackn .servicebox {min-height: 300px;padding: 15px;cursor: pointer;}
.techstackn .servicebox .sertxt {overflow: hidden;}
.techstackn .servicebox:hover .sertxt {padding: 15px;align-items: flex-start;justify-content: flex-start;}
.techstackn .newsoluicon {left: 50%;top: 50%;font-size: 150px;transform: translate(-50%, -50%);right: auto;}
.techstackn .servicebox:hover .newsoluicon {top: 75%;right: auto;}
.techstackn .servicebox .sertxt h5 {font-size: 25px;text-transform: uppercase;font-family: 'Oswald', sans-serif;}
.bwbhref .ent_solutn {background: #21a36f;}
.bwbhref .blaze_soln_trans {display: flex;align-items: center;justify-content: center;flex-direction: column;cursor: pointer;}
.bwbhref .blaze_soln_trans p, .bwbhref .blaze_soln_trans .outlinetxt .h1,.bwbhref .blaze_soln_trans .outlinetxt {color: #333;-webkit-text-stroke-color: #333;}
.bwbhref .blaze_soln_trans:hover {background-color: rgb(51, 51, 51);}
.bwbhref .blaze_soln_trans:hover p {color: #fff;}
.bwbhref .blaze_soln_trans:hover p, .bwbhref .blaze_soln_trans:hover .outlinetxt .h1, .bwbhref .blaze_soln_trans:hover .outlinetxt {color: #fff;-webkit-text-stroke-color: #fff;}
.fade-scale {transform: scale(0);opacity: 0;-webkit-transition: all ease 0.75s;-o-transition: all ease 0.75s;transition: all ease 0.75s;}
.fade-scale.in, .fade-scale.show {opacity: 1;transform: scale(1);}
.darkthemepop .modal-body {padding: 0px;}
.darkthemepop .close {text-shadow: 0 1px 0 #000;position: absolute;right: 0px;top: 0px;z-index: 1;width: 48px;height: 48px;background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(10px);transition: all ease 0.75s;color: #fff;}
.modal-backdrop {background: rgba(0, 0, 0, 0.93);backdrop-filter: blur(10px);}
.modal-backdrop.show {opacity: 1;}
.darkthemepop .alert {height: 0px;opacity: 0;-webkit-transition: all ease 0.75s;-o-transition: all ease 0.75s;transition: all ease 0.75s;}
.darkthemepop .alert.alert-danger {height: 48px;opacity: 1;text-align: center;}
.navbar {padding: 0px;}
.fixedHeader {background: rgba(255, 255, 255, 0.8);backdrop-filter: blur(10px);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2) !important;}
.fixedtop .nav-link {padding: 10px 20px !important;color: #333;text-transform: uppercase;font-weight: 600;cursor: pointer;transition: all ease 0.75s;}
.fixedtop .nav-link:hover, .fixedtop .nav-link:focus, .fixedtop .nav-link.active {color: #21a36f;}
.fixedtop .nav-link.btn {padding: 10px 15px;width: 100px;font-size: 14px;background: transparent;border: 1px solid #21a36f; color: #fff !important;box-shadow: none; background: #13714b;}
.fixedtop .nav-link.btn-danger:not(:disabled):not(.disabled).active, .fixedtop .nav-link.btn-danger:not(:disabled):not(.disabled):active {color: #fff !important; box-shadow: none;}
.fixedtop .nav-link.btn:hover {background: #21a36f;color: #fff !important; box-shadow: 0px 10px 25px rgb(35, 162, 111);}
.btn-danger {background-color: #21a36f;border: none;color: #fff !important;transition: all ease 0.75s;}
.btn-danger:hover {background-color: #fff;border: none;color: #21a36f !important;box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);}
.megamenu {position: static;}
.megamenu .dropdown-menu {background: none;border: none;width: 100%;}
.megacontent {background: rgba(255, 255, 255, 0.9);backdrop-filter: blur(10px);box-shadow: 0px 12px 10px rgba(0, 0, 0, 0.25);position: relative;border: 1px solid #f0f0f0;border-radius: 16px;padding: 15px;}
.megacontent::before {content: '';position: absolute;top: -20px;right: 140px;border: 10px solid transparent;border-bottom-color: #21a36f;z-index: 1;}
.megamenu .dropdown-toggle::after {display: none;}
.megaimgcont {border-radius: 16px;overflow: hidden;transition: all ease 0.75s;border: 10px solid #fff;height: 100%;width: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;filter: grayscale(1);padding: 30px;position: relative;}
.megaimgcont::before {content: '';position: absolute;width: 100%;height: 100%;background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0) 80%);bottom: 0px;left: 0px;transition: all ease 0.75s;}
.megaimgcont a, .megaimgcont h3, .megaimgcont span {color: #fff;position: relative;z-index: 1;transition: all ease 0.75s;}
.megaimgcont span {cursor: pointer;display: flex;align-items: center;}
.megaimgcont span i {margin-left: 5px;}
.megaimgcont:hover {filter: none;}
.megaimgcont a:hover, .megaimgcont span:hover {color: #21a36f;}
.fixedtop .nav-item p {color: #333;padding: 0px 10px;font-size: 12px;}
.fixedtop .nav-link h6 {margin: 0px;}
.megaimgcont:hover::before {height: 150px;}
.megacontent.explore::before {right: 245px;}
.megamenu .dropdown-menu .nav-link {color: #000;padding: 10px !important;}
.megamenu .dropdown-menu .nav-link:hover {color: #21a36f}
.megamenu .dropdown-menu li li .nav-link {color: #21a36f;}
.megamenu .dropdown-menu li li .nav-link:hover {color: #000}
.fixedtop .nav-item .ctflags {padding: 0px 25px;}
.fixedtop .nav-item .ctflags li {color: #000;font-size: 13px;font-weight: normal;}
.innerhead-bg {position: relative;z-index: 10;width: 100%;}
.innerhead-bg .igbg {position: absolute;width: 100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);background: #21a36f;}
.innerhead-bg .igbg+.container {z-index: 10;position: relative;}
.innerhead-bg {position: relative;overflow: hidden;padding: 135px 0 80px;min-height: 350px;display: inline-flex;align-items: center;}
.innerhead-bg .igbg img {position: absolute;right: 0px;max-width: inherit;min-height: 100%;width: 100%;object-fit: cover;object-position: right center;}
.timesitaly {text-align: left;}
.innerhead-bg .text-black .h1,
.innerhead-bg .text-black {color: #fff;-webkit-text-stroke-color: #21a36f;z-index: -1;text-align: left;font-size: 75px;}
.careersublinks a {padding: 15px 0px;color: #fff;margin: 0px 15px;font-size: 16px;}
.careersublinks a:last-child {margin-right: 0px;}
.careersublinks a:first-child {margin-left: 0px;}
.careersublinks {color: #757575;}
#timeline {width: 100%;height: 600px;overflow: hidden;margin: 40px auto;position: relative;background: url('../images/timeline/dot.gif') 18px top repeat-y;}
#dates {position: relative;padding: 0px;width: 100px;height: 600px;overflow: hidden;float: left;}
#dates li {list-style: none;width: 100px;height: 100px;line-height: 100px;font-size: 24px;padding-left: 10px;background: url('../images/timeline/biggerdot.png') left center no-repeat;}
#dates a {line-height: 38px;padding-bottom: 10px;color: #000;}
#dates .selected, #dates a:hover {font-size: 38px;color: #21a36f;font-weight: bold;}
#issues {width: 90%;height: 500px;overflow: hidden;float: left;padding: 0px;}
#issues li {width: 100%;height: 500px;list-style: none;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#issues li.selected img {-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
#issues li img {width: 450px;margin: 30px 0px;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";/* IE 8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);/* IE 6 & 7 */
zoom: 1;-webkit-transition: all 2s ease-in-out;-moz-transition: all 2s ease-in-out;-o-transition: all 2s ease-in-out;-ms-transition: all 2s ease-in-out;transition: all 2s ease-in-out;-webkit-transform: scale(0.7, 0.7);-moz-transform: scale(0.7, 0.7);-o-transform: scale(0.7, 0.7);-ms-transform: scale(0.7, 0.7);transform: scale(0.7, 0.7);}
#issues li h3 {color: #21a36f;font-size: 35px;text-align: center;}
#issues li p {font-size: 14px;margin: 10px 20px;font-weight: normal;line-height: 22px;}
#grad_top, #grad_bottom {width: 500px;height: 80px;position: absolute;}
#grad_top {top: 0;background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}
#grad_bottom {bottom: 0;background: linear-gradient(to top, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);}
#next, #prev {position: absolute;left: 45%;font-size: 70px;width: 38px;height: 22px;background-position: 0 -44px;background-repeat: no-repeat;text-indent: -9999px;overflow: hidden;}
#next:hover, #prev:hover {background-position: 0 0;}
#next {bottom: 0;background-image: url('../images/timeline/next_v.png');}
#prev {top: 0;background-image: url('../images/timeline/prev_v.png');}
#next.disabled, #prev.disabled {opacity: 0.2;}
.wbboxshadow {position: relative;border-radius: 16px;margin-bottom: 30px;box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);width: 100%;min-height: 200px;background: #333;display: flex;flex-direction: row;overflow: hidden;cursor: pointer;}
.wbboxshadow::before, .wbboxshadow::after {content: '';position: absolute;left: 0px;top: 0px;width: 0;height: 100%;transition: all ease 0.5s;background: #fff;opacity: 1;}
.wbboxshadow::after {transition-delay: 0.5s;left: auto;right: 0px;z-index: 1;}
.wbboxshadow .img {width: 200px;height: 200px;position: relative;overflow: hidden;z-index: 2;}
.wbboxshadow .img img {position: absolute;height: 250px;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: inherit;}
.wbboxshadow .con {padding: 15px;display: flex;flex-direction: column;justify-content: center;flex: 1;align-items: center;}
.wbboxshadow p {position: relative;z-index: 2;font-size: 18px;margin-bottom: 0px;transition: all ease 0.75s;text-align: center;color: #fff;}
.wbboxshadow h4 {text-transform: uppercase;position: relative;z-index: 2;margin-bottom: 0px !important;transition: all ease 0.75s;text-align: center;color: #21a36f;}
.wbboxshadow:hover::before, .wbboxshadow:hover::after {width: 100%;}
.wbboxshadow:hover::after {width: 100%;}
.wbboxshadow:hover {box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);}
.wbboxshadow:hover p {color: #000;}
.wbboxshadow:hover h4 .text-white {color: #000 !important;}
.newabout {position: relative;}
.newabout::before {position: absolute;content: '';left: 0px;top: 0px;background: linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.22) 25%, rgba(0, 0, 0, 0.8) 100%);width: 100%;height: 100%;z-index: 1;}
.newsolutions h4.outlinetxt {font-size: 50px;text-align: left;}
.exblz .newsoluicon {opacity: 0.1 !important;transition: all ease 0.75s;right: auto !important;}
.exblz .servicebox .sertxt {padding: 15px;transition: all ease 0.75s;}
.exblz .servicebox .sertxt p {transition: all ease 0.75s;text-transform: uppercase;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;white-space: nowrap;}
.exblz .servicebox:hover .newsoluicon {opacity: 1 !important;top: 25%;right: auto;transform: translateX(-50%);}
.exblz .servicebox {min-height: 250px !important;overflow: hidden;  right: 0; top: 0;}
.exblz .servicebox:hover p {top: 10px;left: 10px;transform: none;width: auto;}
.exblz .servicebox:hover .sertxt, .exblz .servicebox:hover::before {background: #000;}
.ctflags {margin-bottom: 0px;text-transform: uppercase;}
.ctflags li {padding: 10px 0px;display: flex;flex-direction: row;font-size: 16px;font-weight: bold;}
.ctflags li p {text-transform: none;}
.ctflags li img {margin-right: 10px !important;width: 36px;height: 21px;}
.maplinks a {display: inline-flex;flex-direction: row;}
.maplinks a:not(:last-child) {margin-right: 15px;margin-bottom: 15px;}
.maplinks a img {width: 28px;margin-right: 10px;}
.mspimg {display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 15px;}
.mspimg .mspimgs {width: 275px;margin-left: 30px;}
.mspimg .mspimgs img {max-width: 100% !important;width: auto;}
.mspimg p {margin-bottom: 0px;font-size: 14px;line-height: 22px;text-align: justify;}
.mspimg h5 {font-size: 18px;margin-bottom: 15px;}
.sdeain {padding: 75px 0px;position: relative;overflow: hidden;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);background: url(../images/bg_blaze_logo.jpg) no-repeat !important;min-height: 500px !important;background-size: cover !important;background-position: bottom center !important;}
.sdeain::after {content: '';position: absolute;right: -10rem;bottom: 0px;width: 60rem;height: 75%;background: #21a36f;box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);-webkit-transform: skew(-20deg);-ms-transform: skew(-20deg);transform: skew(-20deg);}
.sdeainimg {position: absolute;right: 10rem;bottom: 0px;z-index: 1;width: 45rem;height: 100%;display: flex;align-items: center;}
.industriesbox {background-position: center -200px !important;position: relative;}
.industriesbox::after {left: -35rem;right: auto;transform: translateY(-50%);border-radius: 50%;height: 100%;width: 75rem;top: 50%;background: #f7f7f7;border-radius: 0px 50% 50% 0px;}
.industriesbox h3 {color: #21a36f;}
.icontxts {flex-direction: row;display: flex;flex-wrap: wrap;z-index: 10;position: relative;}
.icontxts li {flex-direction: column;flex: 0 0 33.3%;max-width: 33.3%;margin-bottom: 30px;align-items: center;text-align: center;}
.icontxts li img {margin: 0px 0px 10px 0px;width: 70px;height: auto;}
.industriesbox .sdeainimg {right: auto;left: 100px;top: 0%;}
.evertabcls {border-collapse: collapse;border-radius: 16px;overflow: hidden;}
.evertabcls tr {transition: all ease 0.75s;background: #fff;}
.evertabcls tr:nth-of-type(odd) {background: #f7f7f9;}
.evertabcls tr td:first-child {font-weight: bold;white-space: nowrap;}
.evertabcls td {padding: 25px 15px;border: none !important;text-align: left;font-size: 16px;letter-spacing: normal;}
.evertabcls img {max-width: inherit;height: 30px;}
.evertabcls tr:hover {background: #e3fff4;box-shadow: 0px 2px 3px rgb(34, 163, 112);position: relative;z-index: 1;}
.list-numered li {padding-left: 50px;position: relative;z-index: 1;padding-bottom: 15px;margin-bottom: 30px;}
.list-numered li .numered {transition: all ease 0.75s;position: absolute;left: 0px;font-size: 100px;color: #ddd;font-weight: bold;font-family: 'Oswald', sans-serif;line-height: normal;z-index: -1;line-height: 95px;}
.list-numered li .shadowtippy {transition: all ease 0.75s;width: 100px;height: 100%;background: rgba(255, 255, 255, 0.8);backdrop-filter: blur(10px);top: 0px;left: 35px;position: absolute;box-shadow: rgba(0, 0, 0, 0.1) -25px 0px 25px -25px;z-index: -1;}
.list-numered li h4 {color: #21a36f;}
.list-numered li:hover .numered {color: #21a36f;}
.list-numered li:hover .shadowtippy {box-shadow: rgba(38, 159, 108, 0.3) -25px 0px 25px -25px;}
.towcolumn li {flex: 0 0 50%;max-width: 50%;}
.libox {justify-content: center;position: relative;}
.libox::before {content: '';width: 200px;height: 200px;position: absolute;left: 50%;top: 50%;border-radius: 50%;transform: translate(-50%, -50%);z-index: 1;box-shadow: inset 0 0 30px 0px rgb(94, 223, 171), 0px 0px 10px rgba(0, 0, 0, 0.31);background: #21a36f url('../images/contact/blazefirered-w.png') no-repeat;background-position: center 60px;background-size: 50px;}
.libox li {z-index: 1;padding: 30px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);margin: 30px;background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);border-radius: 50% 0px 50% 50%;height: 250px;width: 250px;flex: none;max-width: inherit;display: flex;align-items: center;justify-content: center;transition: all ease 0.75s;}
.libox li:first-child {border-radius: 50% 50% 0px 50%;}
.libox li:nth-child(2) {border-radius: 50% 50% 50% 0%;}
.libox li:nth-child(3) {border-radius: 50% 0% 50% 50%;}
.libox li:nth-child(4) {border-radius: 0% 50% 50% 50%;}
.libox li:hover {z-index: 1;background: #21a36f;color: #fff;}
.libox li:hover img {filter: brightness(0) invert(1);}
.afternone::after {display: none;}
.bg-image-none {background-image: none !important;}
.contactinfobox {position: relative;}
.contactinfobox .loading, .letusbox .loading {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 1;backdrop-filter: blur(10px);}
.loading .wrapper {display: flex;flex: 1;justify-content: center;align-items: center;height: 100%;}
.contactform .whitebrdbox {min-height: auto;margin-bottom: 30px;}
.contactform .solutionsinfobox .col-md-6.offset-md-3 {margin-left: 10%;flex: 0 0 80%;max-width: 80%;}
.contactform .sdotbg {padding-bottom: 1px;border-radius: 16px;position: relative;box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);}
.contactform .newuifrm {max-height: inherit;padding: 0px 15px;height: 400px;margin-top: 0px;}
.contactform .solutions_label {font-size: 15px !important;}
.contactform .lightbgdots {padding: 5px !important;}
.contactform .solutionsinfobox {height: 450px;}
.preloader {position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background: white;display: flex;align-items: center;justify-content: center;z-index: 9999;flex-direction: column}
.solutions_label {font-size: 18px !important;font-weight: bold;}
.halfcircle {width: 615px;display: flex;justify-content: space-between;flex-direction: row;position: relative;margin: 0px auto;height: 455px;margin-top: 75px;}
.halfcircle::before {content: '';position: absolute;background: #fff;width: 249px;height: 75px;bottom: 0px;right: 64px;z-index: 1;border-top: 3px solid #f2f2f2;border-radius: 0px 0px 100px 100px;transition: all ease 0.75s;display: none;}
.lftcir, .centcir, .rhtcir, .centcirbottom {width: 200px;height: 160px;transition: all ease 0.75s;border: 3px solid #fff;}
.lftcir:hover, .centcir:hover, .rhtcir:hover, .centcirbottom:hover {background: #e5e5e5;background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 35%, #ffffff 99%);background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 35%, #ffffff 99%);background: linear-gradient(to bottom, #e5e5e5 -146%, #fff 75%, #fff 4%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0);padding: 15px;}
.lftcir {border-top-left-radius: 100%;border-top-right-radius: 0;border-bottom-left-radius: 0;border-bottom-right-radius: 0;position: relative;top: 148px;left: 110px;transform: rotate(-46deg);cursor: pointer;border-top: 3px solid #ff9b00;border-left: 3px solid #ff9b00;}
.lftcir:hover, .lftcir.active {left: 0px;border-radius: 16px;transform: none;}
.centcir {border-top-left-radius: 100%;border-top-right-radius: 0;border-bottom-left-radius: 0;border-bottom-right-radius: 0;transform: rotate(44deg);position: relative;top: 26px;left: 75px;cursor: pointer;border-top: 3px solid #0071d5;border-left: 3px solid #0071d5;}
.centcir:hover, .centcir.active {top: -50px;border-radius: 16px;transform: none;}
.rhtcir {border-top-left-radius: 0;border-top-right-radius: 100%;border-bottom-left-radius: 0;border-bottom-right-radius: 0;position: relative;top: 142px;right: 110px;transform: rotate(44deg);cursor: pointer;border-top: 3px solid #f02f2f;border-right: 3px solid #f02f2f;}
.rhtcir:hover, .rhtcir.active {right: 0px;border-radius: 16px;transform: none;}
.centcirbottom {border-top-left-radius: 100%;border-top-right-radius: 0;border-bottom-left-radius: 0;border-bottom-right-radius: 0;transform: rotate(-136deg);position: relative;top: 265px;left: -75px;cursor: pointer;border-top: 3px solid #32ab11;border-left: 3px solid #32ab11;}
.centcirbottom:hover, .centcirbottom.active {top: 350px;border-radius: 16px;transform: none;}
.rhresume:hover, .rhresume.active {border-top: 3px solid #32ab11;border-right: 3px solid #32ab11;}
.fullcirc {animation: rainbow 14s ease infinite;cursor: default;position: absolute;width: 200px;height: 200px;border-radius: 100px;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 2;display: flex;justify-content: center;align-items: center;text-transform: uppercase;color: #f02f2f;box-shadow: 0 0 10px #21a36f;border: 1px solid #e3e3e3;border-collapse: collapse;font-weight: 800;font-size: 15px;background: #ffffff;background: -moz-radial-gradient(center, ellipse cover, #ffffff 1%, #ffffff 50%, #e5e5e5 100%);background: -webkit-radial-gradient(center, ellipse cover, #ffffff 1%, #ffffff 50%, #e5e5e5 100%);background: radial-gradient(ellipse at center, #ffffff 1%, #ffffff 50%, #e5e5e5 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=1);}
@keyframes rainbow {0% {box-shadow: inset 0px 0px 50px 0 #ff0000;} 7% {box-shadow: inset 0px 0px 50px 0 #ff0000;} 14% {box-shadow: inset 0px 0px 50px 0 #ff7f00;} 21% {box-shadow: inset 0px 0px 50px 0 #ff7f00;} 
28% {box-shadow: inset 0px 0px 50px 0 #ffff00;} 35% {box-shadow: inset 0px 0px 50px 0 #ffff00;} 42% {box-shadow: inset 0px 0px 50px 0 #00ff00;} 48% {box-shadow: inset 0px 0px 50px 0 #00ff00;} 
55% {box-shadow: inset 0px 0px 50px 0 #0000ff;} 63% {box-shadow: inset 0px 0px 50px 0 #0000ff;} 70% {box-shadow: inset 0px 0px 50px 0 #4b0082;} 77% {box-shadow: inset 0px 0px 50px 0 #4b0082;} 
84% {box-shadow: inset 0px 0px 50px 0 #9400d3;} 84% {box-shadow: inset 0px 0px 50px 0 #9400d3;} 91% {box-shadow: inset 0px 0px 50px 0 #9400d3;} 100% {box-shadow: inset 0px 0px 50px 0 #ff0000;}}
.lftcir .hccont, .centcir .hccont, .rhtcir .hccont, .centcirbottom .hccont {position: absolute;z-index: 2;display: flex;flex-direction: column;align-items: center;filter: grayscale(1);color: #000;opacity: 0;transition: all ease 0.75s;transition-delay: 0s;z-index: -1;}
.lftcir .hccont img, .centcir .hccont img, .rhtcir .hccontimg {margin-bottom: 5px;}
.lftcir:hover .hccont, .centcir:hover .hccont, .rhtcir:hover .hccont, .centcirbottom:hover .hccont {opacity: 1;transition-delay: 1s;z-index: 1;}
.fullcirc.meeting {color: #0071d5;box-shadow: 0px 0px 5px rgb(0 113 213 / 75%);}
.fullcirc.break {color: #ff9b00;box-shadow: 0 0 10px rgb(255 155 0 / 50%);}
.lftcir.active .hccont {left: 60px;top: 33px;}
.centcir.active .hccont {right: 30px;top: 47px;}
.rhtcir.active .hccont {top: 33px;}
#cards {padding-bottom: calc(var(--numcards) * var(--card-top-offset));margin-bottom: var(--card-margin);}
#card_1 {--index: 1;}
#card_2 {--index: 2;}
#card_3 {--index: 3;}
#card_4 {--index: 4;}
#card_5 {--index: 5;}
.card {position: sticky !important;top: 100px;padding-top: calc(var(--index) * var(--card-top-offset));border-radius: 15px;}
@supports (animation-timeline: works) {@scroll-timeline cards-element-scrolls-in-body {source: selector(body);scroll-offsets: selector(#cards) start 1, selector(#cards) start 0;start: selector(#cards) start 1;end: selector(#cards) start 0;time-range: 4s;}
.card {--index0: calc(var(--index) - 1);--reverse-index: calc(var(--numcards) - var(--index0));--reverse-index0: calc(var(--reverse-index) - 1);}
.card__content {transform-origin: 50% 0%;will-change: transform;--duration: calc(var(--reverse-index0) * 1s);--delay: calc(var(--index0) * 1s);animation: var(--duration) linear scale var(--delay) forwards;animation-timeline: cards-element-scrolls-in-body;}
@keyframes scale {to {transform: scale(calc(1.1-calc(0.1 * var(--reverse-index))));}}}
.timeline {background-size: cover;position: relative;background-attachment: fixed;padding: 100px 0px;}
.timeline h2 {color: #2b2b2b;font-size: 35px;}
.timeline h5, .timeline h3 {margin-bottom: 0px;}
.timeline h3 {font-size: 20px;font-weight: 500;}
.timeline h5 {color: #21a36f;font-size: 14px;line-height: normal;}
.cardbgchg .card__content h5 {color: #fff;}
#cards {list-style: none;outline: calc(var(--outline-width) * 10) solid blue;display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(var(--numcards), var(--card-height));gap: var(--card-margin);padding: 0px !important;width: 75%;margin: 0px auto;}
.card {outline: none;background-color: transparent !important;border: none !important;padding-bottom: 30px;}
.card__content {box-shadow: inset 0 0px 10px 0 rgba(159, 159, 159, 0.35), 0 5px 10px rgba(0, 0, 0, 0.1);background: rgb(255, 255, 255);color: #000;border-radius: 15px;overflow: hidden;backdrop-filter: blur(10px);display: grid;grid-template-areas: "text img";grid-template-columns: 1fr 1fr;grid-template-rows: auto;align-items: stretch;transition: all ease 0.75s !important;}
.card__content:hover {box-shadow: inset 0 0px 10px 0 rgb(179, 179, 179), 0px 0 10px #21a36f;}
.card__content>div {grid-area: text;width: 80%;place-self: center;text-align: left;display: grid;gap: 1em;place-items: start;}
.card__content>figure {text-align: center;grid-area: img;overflow: hidden;margin: 0px;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;}
.card__content>figure span {font-size: 18px;color: #fff;font-weight: bold;letter-spacing: 1px;}
.tlmy {position: absolute;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.card__content>figure::before {content: '';position: absolute;width: 100%;height: 100%;background: #21a36f;backdrop-filter: blur(5px);transition: all ease 0.75s;}
.card__content>figure>img {width: 100%;height: 175px;object-fit: cover;}
#debug {position: fixed;top: 1em;left: 1em;opacity: 0;}
#debug::after {content: " Show Debug";margin-left: 1.5em;color: white;white-space: nowrap;}
#debug:checked~main {--outline-width: 1px;}
#cards .card:nth-child(odd) .card__content figure {grid-column: 1;}
#cards .card:nth-child(odd) .card__content div {grid-row: 1;grid-column: 2;}
.cardbgchg .card__content {background: rgb(223, 184, 63);}
.cardbgchg .card__content>figure::before {background: rgba(223, 184, 63, 0.7);}
.cardbgchg .card__content>figure span {color: #fff;}
.service-box {position: relative;overflow: hidden;margin-bottom: 30px;perspective: 1000px;-webkit-perspective: 1000px;background: #050505;}
.service-icon {width: 100%;height: 220px;padding: 20px;text-align: center;transition: all .5s ease;}
.service-content {position: absolute;top: 0;left: 0;z-index: 1;opacity: 0;width: 100%;height: 220px;padding: 20px;text-align: center;transition: all .5s ease;background-color: #21a36f;backface-visibility: hidden;
transform-style: preserve-3d;-webkit-transform: translateY(110px) rotateX(-90deg);-moz-transform: translateY(110px) rotateX(-90deg);-ms-transform: translateY(110px) rotateX(-90deg);-o-transform: translateY(110px) 
rotateX(-90deg);transform: translateY(110px) rotateX(-90deg);display: flex;flex-direction: column;align-items: center;justify-content: center;display: none;}
.service-box .service-icon .front-content {position: relative;top: 80px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.service-box .service-icon .front-content img {max-width: 85px;margin-bottom: 15px;}
.service-box .service-icon .front-content h3 {font-size: 25px;color: #fff;text-align: center;margin-bottom: 15px;text-transform: uppercase;}
.service-box .service-content h3 {font-size: 30px;font-weight: 700;color: #fff;margin-bottom: 10px;text-transform: uppercase;}
.service-box .service-content p {font-size: 13px;color: #fff;margin: 0;}
.yellow {background-color: #ffc000;}
.orange {background-color: #fc7f0c;}
.red {background-color: #e84b3a;}
.grey {background-color: #474747;}
.service-box:hover .service-icon {background-color: #21a36f;}
.service-box:hover .service-content {opacity: 1;-webkit-transform: rotateX(0);-moz-transform: rotateX(0);-ms-transform: rotateX(0);-o-transform: rotateX(0);transform: rotateX(0);}
.careersublinks {transition: all ease 0.75s;}
.careersublinks.fixedHeader {position: fixed;top: 50px;left: 0px;width: 100%;display: flex;align-items: center;justify-content: center;background: #333;}
.careersublinks.fixedHeader a {padding: 0px;}
.careersublinks.fixedHeader a.active {color: #21a36f;}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {background: #21a36f !important;}
.ntclient {font-size: 1.5rem;font-family: oswald, sans-serif;}
.ipts li {width: 150px;}
.sticky-top {top: 100px;z-index: 9;}
.stbcont, .stbcont .h1 {font-size: 60px;}
.clr21a36f {color: #21a36f;}
.blogosec {display: flex;margin: 15px 0px 30px}
.blogosec .blsbox {display: flex;flex-direction: column;padding: 15px 30px;align-items: center;justify-content: center;color: #000;font-size: 20px;background: #fff;box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);border-radius: 6px;}
.blogosec .blsbox:not(:first-child) {margin-left: 30px;}
.blogosec .blsbox div {display: flex;align-items: center;}
.blogosec .blsbox div:not(:first-child) {margin-top: 10px;}
.blogosec .blsbox img {height: 40px;margin-right: 5px;}
.blsboxtimg {display: flex;flex-direction: row;align-items: center;justify-content: center;}
.blsboxtimg span {margin: 0px 15px;color: #000;font-size: 20px;}
.slider .second_slide .leftsidetxt {left: auto;display: flex !important;flex-direction: column;align-items: center;top: 10%;justify-content: center;right: 0%;width: 100%;}
.slider .third_slider .leftsidetxt {left: 0;display: flex !important;flex-direction: column;align-items: center;top: 0;justify-content: center;width: 100%;min-height: 100%;}
.slider .second_slide h2 {font-size: 45px;}
.blogosec .blsbox .badge_div img {height: 85px;}
.blogosec .cerbox {background: transparent;box-shadow: none;}
.brsslidecont {display: flex;height: 710px;flex-direction: row;align-items: center;justify-content: center;  }
.yhai {width: 30%;display: flex;align-items: flex-end;background: #21a36f;padding: 50px 30px;height: 100%;flex-direction: column;}
.baidea {flex: 0.8;align-items: flex-end;justify-content: center;display: flex;flex-direction: column;}
.baidea img {width: 100px;}
.yhai h1, .yhai .h1 {font-size: 26px !important;color: #fff !important;}
.biboxes {flex: 1;display: flex;flex-direction: column;align-items: center;height: 100%;background: #000;padding: 50px 30px;}
.bisubboxes {margin: 0px 0px 30px;}
.bisubboxes ul {display: flex;}
.bisubboxes ul .bisbox {min-width: 150px;background: #fff;box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);border-radius: 6px;padding: 40px 15px 15px;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;transition: all ease 0.75s;}
.bisubboxes ul .bisbox:hover {box-shadow: 0px 30px 46px rgba(33, 163, 111, 0.56);}
.bisboxnum {width: 50px;height: 50px;border-radius: 50%;background: #21a36f;color: white;font-size: 30px;margin-top: 0;font-weight: bold;position: absolute;top: -25px;}
.bisubboxes ul .bisbox img {width: 65px;margin-bottom: 15px;position: relative;}
.bisubboxes ul .bisbox h4 {color: #000;font-weight: bold;text-transform: uppercase;font-size: 18px;}
.bisubboxes ul .bisbox p {font-size: 14px;text-align: center !important;width: 100%;margin-top: 0px !important;}
.bisubboxes ul .bisbox p:not(:last-child) {margin-bottom: 10px;}
.bisubboxes ul .bisbox:not(:first-child) {margin-left: 15px;}
.bisubboxes ul .bisbox:nth-child(even) {margin-top: 50px;}
.bisubboxes ul .bisbox:nth-child(odd) {margin-bottom: 50px;}
.slider .carousel-caption.leftsidetxt p:last-child {margin-bottom: 0px;}
.ltrconsl .carousel-inner {padding: 10px;}
.ltrconsl .carousel-indicators {position: static;margin: 0px;flex-direction: column;height: 100%;}
.ltrconsl .carousel-indicators li {width: 100%;height: auto;text-indent: inherit;margin: 0px;padding: 15px 0px;letter-spacing: normal;font-size: 22px;font-weight: 600;transition: all ease 0.75s;line-height: normal;text-align: right;flex: 1;align-items: center;justify-content: flex-end;display: flex;}
.ltrconsl .carousel-indicators li:not(:last-child) {border-bottom: 1px solid #cacaca;}
.ltrconsl .carousel-indicators li.active {color: #21a36f;padding: 15px;background: #eefff8;}
.ltrconslcbox {border: 1px solid #aaddc9;min-height: 420px;width: 100%;display: flex;background: #fff;border-radius: 16px;align-items: center;justify-content: center;flex-direction: column;text-align: center;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);padding: 15px;}
.ltrconslcbox img {height: 125px;}
.ltrconslcbox h3 {font-size: 16px;line-height: 30px;}
.ltrconsl .carousel-inner {padding: 15px;}
.ltrconsl .carousel-item.active .ltrconslcbox {box-shadow: 0px 0px 10px rgba(36, 164, 113, 0.4)}
.ltrconslcbox .blogosec {flex-direction: column;margin: 0px !important;}
.ltrconslcbox .blogosec .blsbox {width: 100%;margin: 0px;box-shadow: none;padding: 0px;}
.ltrconslcbox .blogosec .blsbox:not(:last-child) {margin-bottom: 40px;}
.serBox {text-align: center;}
.serBox .service-icon {color: #fff;background: #fff;width: 100px;height: 100px;margin: 0 auto 30px;border-radius: 50%;box-shadow: 5px 0 5px rgba(0, 0, 0, 0.2);position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;}
.serBox .service-icon img {width: 50px;position: relative;}
.serBox .service-icon:before, .serBox .service-icon:after {content: "";background: linear-gradient(to right, #F09119 50%, transparent 50%);border-radius: 50%;position: absolute;top: -5px;left: -5px;right: -5px;bottom: -5px;z-index: -1;transition: all ease 0.8s;}
.serBox:hover .service-icon:before, .serBox:hover .service-icon:after {transform: rotateZ(180deg);}
.serBox:hover .service-icon {box-shadow: -5px 1px 5px rgba(0, 0, 0, 0.2);}
.serBox .service-icon:after {background: #F09119;box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);top: 5px;left: 5px;right: 5px;bottom: 5px;}
.serBox {border: 1px solid #e5e4e4;padding: 20px;border-radius: 6px;background: #fff;position: relative;z-index: 1;height: 100%}
.serBox .title {color: #F1921A;font-size: 16px;font-weight: 500;text-transform: uppercase;margin: 0 0 10px;}
.serBox .description {font-size: 14px;line-height: 20px;letter-spacing: 0.5px;margin: 0;text-align: left;}
.serBox.red .service-icon:before {background: linear-gradient(to right, #E34A3A 50%, transparent 50%);}
.serBox.red .service-icon:after {background: #E34A3A;}
.serBox.red .title {color: #E34A3A;}
.serBox.blue .service-icon:before {background: linear-gradient(to right, #009CB5 50%, transparent 50%);}
.serBox.blue .service-icon:after {background: #009CB5;}
.serBox.blue .title {color: #009CB5;}
.serBox.green .service-icon:before {background: linear-gradient(to right, #21a36f 50%, transparent 50%);}
.serBox.green .service-icon:after {background: #21a36f;}
.serBox.green .title {color: #21a36f;}
.csicboxes .col-md-3:nth-child(even) .serBox.green .service-icon:before {background: linear-gradient(to right, #000 50%, transparent 50%);}
.csicboxes .col-md-3:nth-child(even) .serBox.green .service-icon:after {background: #333;}
.csicboxes .col-md-3:nth-child(even) .serBox.green .title {color: #000;}
.sdanddlist {display: flex;flex-direction: row;flex-wrap: wrap;}
.sdanddlist .blsbox {width: 50%;}
.sdanddlist .blsbox>div {display: flex;flex-direction: row;align-items: center;padding: 15px;text-align: left;height: 100%;}
.sdanddlist .blsbox>div img {width: 42px;height: auto;margin-right: 15px;}
.sdanddlist .blsbox {border-right: 1px solid #eee;border-bottom: 1px solid #eee;}
.sdanddlist .blsbox:nth-child(even) {border-right: none;}
.sdanddlist .blsbox:last-child,
.sdanddlist .blsbox:nth-child(7) {border-bottom: 0px;}

/*APP DEVELOPMENT*/
.latest_news {width: 100%;margin-top: 30px;}
.swiper-container {height: 420px;overflow: hidden;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);border: 1px solid #aaddc9;padding: 90px 15px 15px;border-radius: 15px;margin-top: 20px;position: relative;}
.swiper-container::after {display: block;position: relative;background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #f9fafb 100%);height: 150px;width: 155%;content: '';z-index: 1;left: -25px;bottom: 135px;}
.swiper-slide {height: auto !important;transition: 0.5s all ease-in-out;}
.swiper-slide .items {width: 100%;background: #fff;padding: 10px;border-radius: 5px;box-shadow: 0 0 5px 0 #e1e1e1;margin-bottom: 15px;}
.swiper-slide .items p {margin: 0;}
.swiper-slide .items span {display: inline-block;padding: 5px 15px;text-transform: uppercase;color: #fff;margin: 0 0 10px;background: #333;}
.swiper-slide .items h2 {font-size: 20px;}
.swiper-slide.swiper-slide-prev .items {transition: 0.5s all ease-in-out;-webkit-animation: sk-bounce 1s ease-in-out;animation: sk-bounce 1s ease-in-out;}
@keyframes sk-bounce {0% {transform: scale(0.0);-webkit-transform: scale(0.0);opacity: 0.5;background: #fff;}
100% {transform: scale(1.0);-webkit-transform: scale(1.0);opacity: 1;background: #eefff8;}}
.app_banner {width: 100%;position: relative;margin: 50px 0;}
.app_dev .ltrconslcbox img {height: 100%;}
.htd {width: 100%;margin-top: 50px;}
.htd+.client_carousel_cover {padding: 0;}
.app_banner .img img {border-radius: 10px;}
.app_banner .img {border: 2px solid #fff;position: relative;}
.app_banner .img::before {content: '';background-image: linear-gradient(to bottom, rgba(255, 255, 255, 255), rgba(239, 239, 239, 0));position: absolute;height: 20px;right: 0;top: 0;left: 0;}
.app_banner .img::after {content: '';background-image: linear-gradient(to top, rgba(255, 255, 255, 255), rgba(239, 239, 239, 0));position: absolute;height: 50px;right: 0;bottom: 0;left: 0;}
.app_banner::before {content: '';background-image: linear-gradient(to right, rgba(255, 255, 255, 255), rgba(239, 239, 239, 0));position: absolute;height: 100%;top: 0;left: 0;width: 20px;z-index: 1;}
.app_banner::after {content: '';background-image: linear-gradient(to left, rgba(255, 255, 255, 255), rgba(239, 239, 239, 0));position: absolute;height: 100%;right: 0;top: 0;width: 35px; z-index: 1;}
.app_dev .ltrconsl .carousel-inner {padding: 0 15px;}
.app_dev .ltrconsl h4 {margin-bottom: 25px;}
.app_dev .client_desc h2 {font-size: 26px;line-height: 36px;}
.htd h2 {font-size: 28px;line-height: 36px;margin-bottom: 35px;}
.app_dev .blaze_soln h6.apply_title {font-size: 24px;line-height: 30px;}
.newsolubox .whiteshdbox a {color: #000;}
.newsolubox .whiteshdbox:hover a {color: #21a36f;}
/*APP DEVELOPMENT*/

/*Infrastructure*/
.pw_box {width: 100%;height: 100%;background: #21a36f;display: flex;align-items: center;justify-content: center;padding: 50px;text-align: center;}
.pw_box h2 {color: #fff;}
.env_part ul {justify-content: flex-start;}
.env_part .resp-tab-content {padding: 15px 0;}
.env_part {padding-left: 15px;}
div#ltrconsl .rwo {margin: 0 !important;}
.ltrconslcbox .img {width: 100%;}
.ltrconslcbox .img img {width: 100%;object-fit: contain;height: auto;max-height: 250px;}
.infra_page .ltrconslcbox {min-height: 603px;}
.ani_banner {width: 100%;display: flex;align-items: flex-start;justify-content: space-around;background: #fff;border: 10px;margin: 0 auto 50px;box-shadow: 0px 0px 10px rgba(36, 164, 113, 0.4);padding: 50px;border: 1px solid #21a36f;border-radius: 10px;transition: 0.5s all ease-in-out;}
.ani_banner .image_section {width: 50%;min-height: 500px;display: flex;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;position: relative;overflow: hidden;}
.ani_banner .image_section img {width: 35px;margin: 10px;position: absolute;}
.ani_banner .box_section {width: auto;max-width: 50%;border: 1px solid #333333;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;align-items: flex-start;justify-content: flex-start;align-content: flex-start;padding: 25px;flex-wrap: wrap;background: #333333;max-height: 500px;min-height: 500px;min-width: 172px;}
.ani_banner .box_section .box {width: 200px;height: 200px;background: url('../images//hands/server.png') no-repeat center #474747;background-size: 100%;margin: 10px;transition: 0.5s all ease-in-out;border-radius: 5px;}
/*Infrastructure*/

/*Security*/
.security_page .ltrconsl .carousel-indicators li {flex-direction: column;text-align: left;align-items: flex-start;justify-content: flex-start;border: 1px solid #cacaca;border-radius: 10px;padding: 15px;}
.security_page .ltrconsl .carousel-indicators li:not(:last-child) {margin-bottom: 15px;}
.security_page .ltrconsl .carousel-indicators li p {font-size: 17px;margin: 5px 0 0;transition: 0.5s all ease-in-out;display: none;}
.security_page .ltrconsl .carousel-indicators {position: relative;display: block;bottom: unset;}
.security_page .ltrconsl .carousel-indicators li.active p {display: block;font-weight: normal;}
.security_page .ltrconsl .row .col-md-7 .ltrconslcbox img {width: 100%;height: 100%;object-fit: contain;object-position: center;}
.security_page .ltrconsl .row .col-md-7 .ltrconslcbox {background: #eefff8;height: 100%;}
.security_page .ltrconsl .carousel-indicators li.active h4,
.security_page .ltrconsl .carousel-indicators li.active p {color: #000;}
.security_page .ltrconsl .carousel-inner {height: 100%;padding: 0 15px;}
.security_page .ltrconsl .carousel-indicators li::before,
.security_page .ltrconsl .carousel-indicators li::after {display: none;}
.mobile_view {display: none;}
/*Security*/

/*BI page*/
.bi_page {width: 100%;padding-top: 50px;}
.bi_page .ltrconsl .carousel-indicators li {flex-direction: column;text-align: left;align-items: flex-start;justify-content: flex-start;border: 1px solid #cacaca;border-radius: 10px;padding: 15px;}
.bi_page .ltrconsl .carousel-indicators li:not(:last-child) {margin-bottom: 15px;}
.bi_page .ltrconsl .carousel-indicators li p {font-size: 17px;margin: 5px 0 0;transition: 0.5s all ease-in-out;display: none;}
.bi_page .ltrconsl .carousel-indicators {position: relative;display: block;bottom: unset;}
.bi_page .ltrconsl .carousel-indicators li.active p {display: block;font-weight: normal;}
.bi_page .ltrconsl .row .col-md-7 .ltrconslcbox img {width: 100%;height: 100%;object-fit: contain;object-position: center;}
.bi_page .ltrconsl .row .col-md-7 .ltrconslcbox {height: 100%;}
.bi_page .ltrconsl .carousel-indicators li.active h4,
.bi_page .ltrconsl .carousel-indicators li.active p {color: #000;}
.bi_page .ltrconsl .carousel-inner {height: 100%;padding: 0 15px;}
.bi_page .ltrconsl .carousel-indicators li::before,
.bi_page .ltrconsl .carousel-indicators li::after {display: none;}
.bi_page .ltrconsl .carousel-item {height: 100%;}
/*BI page*/

.techstackn {padding-bottom: 0;}
.sociallinks a i img {max-height: 25px;transition: 0.5s all ease-in-out;filter: brightness(0) invert(1);}
.sociallinks a:hover i img {filter: unset;}
.tab-content1.shadowtop.mh-auto .row .col-12 iframe {width: 100% !important;max-width: 100% !important;}
.tab-content p a {display: inline-block;padding: 0;}
.bus_ent>.col-md-9 .row>div:first-child>div:hover {background: url(../images/Esolutions/businessintelligence.png) no-repeat center / cover !important;}
.bus_ent>.col-md-9 .row>div:nth-child(2)>div:hover {background: url(../images/Esolutions/blockchain.png) no-repeat center / cover !important;}
.bus_ent>.col-md-9 .row>div:last-child>div:hover {background: url(../images/Esolutions/microsoft.png) no-repeat center / cover !important;}
.bus_ent>.col-md-3>div:hover {background: url(../images/Esolutions/ibm.png) no-repeat center / cover !important;}
/*BOT DEVELOPEMENT*/
.chat_bot1 {width: 100%;display: flex;align-items: center;justify-content: space-between;margin-bottom: 50px;}
.chat_bot1 .img {width: 50%;}
.chat_bot1 .txt {width: 50%;}
.chat_bot1 a.btn {padding: 10px 15px;width: max-content;font-size: 14px;background: transparent;border: 1px solid #21a36f;color: #21a36f !important;box-shadow: none;}
.chat_bot1 a.btn:hover {background: #21a36f;color: #fff !important;}
.chat_bot1 .txt p {margin: 30px 0;}
.chat_bot2 {width: 100%;margin-bottom: 100px;}
.chat_bot2 .chat_top {width: 100%;text-align: center;margin-bottom: 50px;}
.chat_bot2 .chat_top p {text-align: center;margin: 0;}
.chat_bot2 .chat_bdy {width: 100%;display: flex;align-items: initial;justify-content: space-between;}
.chat_bot2 .chat_bdy .blk {width: 48%;background: #fff;box-shadow: 0 5px 5px 5px #e1e1e1;border-radius: 10px;text-align: center;padding: 30px 50px;border: 2px solid #21a36f;}
.chat_bdy .blk .icon {width: 100px;height: 100px;margin: 0 auto 30px;background: #21a36f;padding: 15px;border-radius: 100%;box-shadow: 0 5px 5px 5px #c8e8db;display: flex;align-items: center;justify-content: center;}
.chat_bot3 {width: 100%;margin-bottom: 50px;}
.chat_bot3 h2 {text-align: center;margin-bottom: 50px;}
.chat_bot3 ul {width: 100%;padding: 0;margin: 0;display: flex;align-items: initial;justify-content: space-between;}
.chat_bot3 ul li {list-style: none;text-align: center;}
.chat_bot3 ul li .iocn {width: 100px;height: 100px;margin: 0 auto 30px;background: #c8e8db;padding: 20px;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
/*BOT DEVELOPEMENT*/

/* ===== Scrollbar CSS ===== */
  /* Firefox */
* { scrollbar-width: thin; scrollbar-color:#21a36f #ffffff;}
*::-webkit-scrollbar {width: 5px;}
*::-webkit-scrollbar-track {background: #21a36f; border-radius: 5px;}
*::-webkit-scrollbar-thumb {background-color: var(--secondary);border-radius: 50px;border: 3px solid #21a36f;}
::-webkit-scrollbar-thumb:hover {  background-color: var(--tertiary);}
.in-rev { padding: 20px 50px 20px 20px;}
.rev_blk {width: 100%;display: flex; align-items: center;justify-content: space-between;margin-top: 50px;}
.rev_blk .lft {background: #21a36f;padding: 25px;width: 40%;display: flex;align-items: center;justify-content: center;box-shadow: 5px 5px 5px 5px #062f1e;position: relative;transition: 0.5s all;}
.rev_blk .lft h4 {color: #fff;display: flex;align-items: center;justify-content: center;margin: 0;font-size: 26px;}
.rev_blk .lft h4 b {font-size: 65px;margin-right: 15px;color: #333;transition: 0.5s all;}
.rev_blk .rft {width: 50%;margin-left: auto;}
.clientcaros .inner > .item:not(:last-child) {margin-bottom: 30px;}
.rev_blk .lft::before, .rev_blk .lft::after {position: absolute;top: 0;left: 0;border-color: #21a36f;border-style: solid;transition: all 0.35s;content: "";z-index: 1;}
.rev_blk .lft::before {width: 0;height: 100%;border-width: 5px 0 5px 0;}
.rev_blk .lft::after {width: 100%;height: 0;border-width: 0 5px 0 5px;}
.client_carousel:hover .rev_blk .lft::before {width: 100%;border-width: 5px 0 5px 0;}
.client_carousel:hover .rev_blk .lft::after {height: 100%;border-width: 0 5px 0 5px;}
.client_carousel:hover .rev_blk .lft {background: #fff;}
.client_carousel:hover .rev_blk .lft h4 {color: #333;}
.client_carousel:hover .rev_blk .lft h4 b {color: #21a36f;}
.client_carousel {transition: 0.5s all;}
.clientcaros .whitetrans {overflow: hidden;}
.clientcaros .whitetrans img {transition: 0.5s all;}
.client_carousel:hover .whitetrans img {transform: scale(1.2);}
.latest_news h2 {font-size: 24px;}
.latest_news h2 span, .rev_blk .lft h2 > span > span {text-transform: uppercase;}
.latest_news h2 span bdi, .client_carousel:hover .rev_blk .lft h2 span > span > bdi {color: #21a36f;}
.rev_blk .lft h4 > span > span > bdi {color: #333;}
.newsolubox .servicebox .newsoluicon {font-size: 185px;right: 0;opacity: 0.1;color: #fff;}
.newsolubox .servicebox .newsoluicon .fa-lightbulb-o {font-size: 230px;}
.newsolubox .servicebox .newsoluicon .fa-line-chart {font-size: 150px;}
.servicebox .blkbrd {border: 2px solid #21a36f;}
.newsolubox .servicebox .sertxt {padding: 30px 50px;}
.newsolubox .servicebox .sertxt p {font-size: 24px;line-height: 30px;}
.wahgray{display: flex; align-items: center; justify-content: center; height: 100%; background: #fafafa; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
.wahgray img{filter: none;}
.freezeload {--offset: 3px; position: relative; max-width: 100%;overflow: hidden;}
/* Conic gradient */
.freezeload::before { content: '';background: conic-gradient(transparent 270deg, #39b482, transparent);position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);aspect-ratio: 1;width: 100%;animation: rotate 2s linear infinite;}

/* Overlay */
.freezeload::after {content: '';background: inherit;border-radius: inherit;position: absolute;inset: var(--offset);height: calc(100% - 2 * var(--offset));width: calc(100% - 2 * var(--offset));}
#megamneu, #megamneu1{padding: 33px 20px !important;}
@keyframes rotate {from { transform: translate(-50%, -50%) scale(1.4) rotate(0turn);}to {  transform: translate(-50%, -50%) scale(1.4) rotate(1turn);}}
.navbar-expand-lg .navbar-nav {align-items: center;}
.megamenu:hover > .nav-link {color: #21a36f;}
.megamenu:hover > .dropdown-menu {display: block;}
.ent_solutn.animate_form {height: 667px;}

/*One page*/
.one-box {width: 100%;background: #fff;border-radius: 15px;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);padding: 30px;text-align: center;height: 100%;position: relative;}
.one-box .w-60 {width: 60%;margin-bottom: 20px;}
.one-box h4 {font-size: 18px;margin: 0;}
.top-row .blk {width: 49%;}
.top-row {display: flex;align-items: inherit;justify-content: space-between;}
.ltrconslcbox.one-page .txt h3, .ltrconslcbox.one-page .txt p, .ltrconslcbox.one-page .txt ul li {text-align: left;}
.ltrconslcbox.one-page .txt ul li {margin-bottom: 7px;list-style-position: unset;list-style: circle;font-size: 18px;}
.ltrconslcbox.one-page .txt ul {padding: 0 0 0 15px;margin-bottom: 15px;}
.one-slider .ltrconsl .carousel-inner {padding: 0;height: 100%;}
.one-slider .ltrconsl .carousel-item, .one-slider .ltrconsl .ltrconslcbox.one-page  {height: 100%;border: none;box-shadow: none;padding: 0 15px;justify-content: flex-start;}
.one-slider .ltrconsl .carousel-indicators li {font-size: 20px;justify-content: flex-start;max-height: 76px;min-height: 76px;}
.one-slider .ltrconsl .carousel-indicators li img {width: 45px;object-fit: contain;margin-right: 15px;}
.ltrconslcbox.one-page .txt {width: 100%;margin: 20px auto 0;max-width: 100%;}
.ltrconslcbox .img ._img {display: flex;align-items: center;justify-content: space-between;}
.ltrconslcbox.one-page .txt p {margin-bottom: 10px;font-size: 18px;}
.ltrconslcbox.one-page .txt h3 {font-size: 24px;line-height: 32px;text-transform: uppercase;}
.ltrconslcbox.one-page .img img {max-height: 100%;border-radius: 15px;box-shadow: 0px 5px 5px 5px #e1e1e1;}
div#one-slide .row .col-md-12 h2 span {text-transform: uppercase;}
div#one-slide .row .col-md-12 h2 span bdi {color: #21a36f;}
div#one-slide .row {align-items: flex-start;}
/*One page*/

/*MCP page*/
.mcp {padding-top: 90px;}
.mcp-banner {padding: 50px 0 75px;}
.mcp-banner .txt h2 {font: 40px/50px 'RobotoMono-Bold';color: #000;letter-spacing: normal;}
.mcp-banner .txt h4 {font: 25px/35px 'RobotoMono-Bold';color: #000;letter-spacing: normal; margin-bottom: 30px;}
.mcp-banner .txt h2 span, .mcp-banner .txt p span, section.smart-choice .hd h3 span {color: #21A36F;}
.mcp-banner .txt p {font: 20px/30px 'Roboto-Regular';color: #333333;}
.mcp-banner .txt {width: 50%;}
.mcp-banner .img {width: 55%;}
.mcp-banner .btns, section.get-start .btns {gap: 30px;display: flex;align-items: inherit;}
.mcp-banner .btns .btn, section.get-start .btns .btn {border: 1px solid #C8C8C8;border-radius: 6px;background: #fff;font: 20px/40px 'RobotoMono-Bold';color: #000;padding: 10px 30px;transition: 0.5s all ease-in-out;}
.mcp-banner .btns .btn:last-child, section.get-start .btns .btn:last-child {background: #21A36F;color: #fff;border-color: #21A36F;}
.mcp-banner .btns .btn:first-child:hover, section.get-start .btns .btn:first-child:hover {background: #21A36F;color: #fff;}
.mcp-banner .btns .btn:last-child:hover, section.get-start .btns .btn:last-child:hover {background: #fff;color: #21A36F;}
.mcp-banner .btns .btn:last-child img, section.get-start .btns .btn:last-child img {transition: 0.5s all ease-in-out;}
.mcp-banner .btns .btn:last-child:hover img, section.get-start .btns .btn:last-child:hover img {transform: translateX(5px);filter: invert(1);}
.mcp-banner .btns .btn:focus, section.get-start .btns .btn:focus {outline: none;box-shadow: none;}
section.smart-choice, section.faq {padding: 75px 0;background: #F9F9F9;}
section.smart-choice .hd, section.faq .hd {text-align: center;margin-bottom: 50px;}
section.smart-choice .hd h4 {font: 25px/30px 'Roboto-Regular';color: #000;}
section.smart-choice .hd h3 {font: 30px/30px 'RobotoMono-Bold';color: #000;letter-spacing: normal;}
section.smart-choice .bdy {gap: 15px; flex-wrap: wrap;}
section.smart-choice .bdy .sc-box {width: 32.33%;border: 1px solid #DDDDDD;border-radius: 16px;padding: 30px 20px;transition: 0.5s all ease-in-out;background: #fff;}
section.smart-choice .bdy .sc-box .icon {margin-bottom: 15px;}
section.smart-choice .bdy .sc-box .icon img {width: 85px;height: 100px;object-fit: contain;max-width: 100px;max-height: 100px;}
section.smart-choice .bdy .sc-box .txt h4 {font: 19px/26px 'Roboto-SemiBold';color: #000;margin-bottom: 15px;transition: 0.5s all ease-in-out;}
section.smart-choice .bdy .sc-box .txt p {margin: 0;font: 17px/28px 'Inter-Regular';color: #1C1C1C;}
section.smart-choice .bdy .sc-box:hover {border-color: #21A36F;box-shadow: 0 5px 10px 0 rgba(0,0,0,15%);}
section.smart-choice .bdy .sc-box:hover .txt h4, section.config-sec .box .inner-box + p span {color: #21A36F;}
section.com-soon {padding: 75px 0;}
section.com-soon .cs-box {gap: 50px;justify-content: center;padding: 30px 25px;background: #21A36F;border-radius: 16px;}
section.com-soon .cs-box .txt h4 {font: 25px/30px 'Roboto-Regular';color: #000;}
section.com-soon .cs-box .txt h3 {font: 35px/35px 'RobotoMono-Bold';color: #fff;letter-spacing: normal;margin-bottom: 15px;}
section.com-soon .cs-box .txt p {margin: 0;font: 24px/40px 'Inter-Regular';color: #fff;max-width: 807px;}
section.com-soon .cs-box .img img {width: 200px;height: 200px;object-fit: contain;}
section.faq .hd h4, section.config-sec h4 {font: 25px/30px 'Roboto-Regular';color: #000;letter-spacing: 5px;}
section.faq .hd h3, section.get-start h3, section.config-sec h3 {font: 30px/30px 'RobotoMono-Bold';color: #000;margin: 0;letter-spacing: 0;}
section.faq .bdy .accordion .card:not(:last-child) {margin-bottom: 10px;}
section.faq .bdy .accordion .card {background: #fff !important;border: 1px solid #DDDDDD !important;border-radius: 16px;padding: 15px 20px;position: relative !important;top: unset;}
section.faq .bdy .accordion .card .card-header {padding: 0;margin-bottom: 0;background-color: transparent;border-bottom: none;}
section.faq .bdy .accordion .card .card-header .btn {padding: 0;font: 20px/40px 'RobotoMono-Bold';color: #000;letter-spacing: 0;}
section.faq .bdy .accordion .card .card-header .btn span, section.get-start h3 span, section.config-sec h3 span {color: #21A36F;}
section.faq .bdy .accordion .card .card-header .btn:hover, section.faq .bdy .accordion .card .card-header .btn:focus {text-decoration: none !important;}
section.faq .bdy .accordion .card .card-body {padding: 15px 0 0;font: 18px/28px 'Inter-Regular';color: #1C1C1C;}
section.faq .bdy .accordion .card .card-header .btn img {transition: 0.5s all ease-in-out;transform: rotate(180deg);}
section.faq .bdy .accordion .card .card-header .btn.collapsed img {transform: rotate(0deg);}
section.get-start {padding: 75px 0;text-align: center;}
section.get-start p {font: 20px/40px 'Roboto-Regular';color: #333333;margin: 30px 0;}
section.get-start .btns {justify-content: center;}
section.config-sec {padding: 50px 0;}
section.config-sec .box {margin: 30px 0;background: #F6FFFC;border: 1px solid #73C2A2;border-radius: 16px;padding: 15px;}
section.config-sec .box + p {font: 18px/28px 'Roboto-Regular';color: #1C1C1C;}
section.config-sec .box .inner-box {margin-bottom: 15px;background: #fff;border: 1px solid #EBEBEB;border-radius: 16px;padding: 20px;}
section.config-sec .box .inner-box ul {padding: 0;margin: 0;}
section.config-sec .box .inner-box ul li {list-style: none; font: 14px/28px 'Roboto-Regular';color: #1C1C1C;word-break: break-all;}
section.config-sec .box .inner-box ul li:not(:last-child) {margin-bottom: 20px;}
section.config-sec .box .inner-box + p {padding: 15px 0 30px;margin: 0;text-align: center;font: 18px/28px 'Roboto-Regular'; color: #1C1C1C;}
section.config-sec .box .inner-box + p bdi {font-family: 'Roboto-Medium';}
section.config-sec .box .d-box {display: flex;align-items: initial;justify-content: space-between;gap: 15px;margin-bottom: 15px;}
section.config-sec .box .d-box .d-box-item {width: 33%;}
section.config-sec .box .d-box .d-box-item a {display: flex;flex-direction: column;justify-content: center;align-items: center;border: 1px solid #DDDDDD;border-radius: 16px;background: #fff;padding: 20px;gap: 15px;transition: 0.5s all ease-in-out;}
section.config-sec .box .d-box .d-box-item a:hover {border-color: #21A36F;box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 15%);}
section.config-sec .box .d-box .d-box-item span {font: 18px/24px 'RobotoMono-Regular';color: #000;}
.code-box {background: #FFFFFF;border-radius: 16px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 15%);backdrop-filter: blur(10px);transition: all 0.3s ease-in;position: relative;z-index: 0;}
.code-b-hd {background: #F0F0F0;border-radius: 16px 16px 0 0;padding: 5px 15px;display: flex;align-items: center;justify-content: space-between;}
.code-b-hd button {background: transparent;border: none;width: 24px;height: 24px;padding: 0;cursor: pointer;}
.code-b-hd button.copied{width: max-content;display: flex;align-items: center;justify-content: center;font: 14px/16px 'Roboto-Regular';color: #676767;}
.code-b-hd p {margin: 0;font: 16px/16px 'Roboto-Regular';color: #676767;display: flex;align-items: center;justify-content: flex-start;gap: 10px;}
.code-b-bdy {padding: 15px;background: #2D2D2D;border-radius: 0 0 16px 16px;position: relative;max-height: 195px;min-height: 195px;overflow: hidden;transition: all 0.3s ease-in-out 0.1s; width: 100%;}
.code-b-bdy pre {font: 12px / 20px 'RobotoMono-Regular';color: rgb(255 255 255 / 80%);margin: 0;word-break: break-all;overflow: hidden;}
.code-b-bdy::after {content: "";width: 100%;height: 40%;position: absolute;left: 0;bottom: 0;background: linear-gradient(to top, rgba(45, 45, 45, 1) 0%, rgba(255, 255, 255, 0) 100%);}
.code-b-hd p img {width: 18px;height: 18px;object-fit: contain;}
.code-box:hover {z-index: 1;transform: scale(1);}
.code-box:hover .code-b-bdy {max-height: max-content;position: absolute;z-index: 10;transform: scale(1);box-shadow: 0 2px 10px 2px rgb(0 0 0);}
.code-box:hover .code-b-bdy::after {display: none;}
.code-b-hd .btns {display: flex;gap: 15px;}
.github-link {width: 22px;height: 22px;display: flex;align-items: center;justify-content: center;}
.github-link img {width: 100%;height: 100%;object-fit: contain;}
.mcp-banner .btns .btn:first-child, section.get-start .btns .btn:first-child {padding: 10px 20px;display: flex;align-items: center;justify-content: center;gap: 10px;}
.mcp-banner .btns .btn:first-child img, section.get-start .btns .btn:first-child img {filter: brightness(0);transition: 0.5s all ease-in-out;}
.mcp-banner .btns .btn:first-child:hover img, section.get-start .btns .btn:first-child:hover img {filter: brightness(2);}
.slider .mcp-banner .txt, .slider .mcp-banner .txt p {text-align: left;}
.slider .mcp-banner .txt .btn {background: #000;color: #fff;border-color: #000;}
.slider .mcp-banner .txt .btn:hover {background: #fff;color: #21A36F;border-color: #fff;}
.slider .mcp-banner .txt .btn:first-child:hover img {filter: brightness(0);transform: unset;}
.slider .mcp-banner .img {width: 50%;}
.slider .mcp-banner .txt h2 span, .slider .mcp-banner .txt p span {color: #fff;}
.slider .mcp-banner .txt p {color: #fff;}
.slider .mcp-banner .btns .btn:first-child img {filter: brightness(2)}
section.versatile {padding: 80px 20px;text-align: center;}
section.versatile .title {margin-bottom: 30px;font: 30px / 30px 'RobotoMono-Bold';color: #000;letter-spacing: normal;}
section.versatile .title span, section.icon-grid-section h2 span, .engagement-title span {color: #21A36F;}
section.versatile .subtitle {font: 17px / 28px 'Inter-Regular';margin-bottom: 40px;color: #1C1C1C;}
section.versatile .stack-grid {display: flex;flex-wrap: wrap;justify-content: center;gap: 16px;margin-bottom: 40px;}
section.versatile .stack-item {background: #1e293b;padding: 12px 20px;border-radius: 9999px;font-weight: 600;font-size: 1rem;box-shadow: 0 4px 12px rgba(0,0,0,0.2);transition: all 0.3s ease;color: #fff;}
section.versatile .stack-item:hover {background: #21a36f;color: white;transform: scale(1.05);}
section.versatile .badges {margin-top: 20px;display: flex;justify-content: center;flex-wrap: wrap;gap: 12px;}
section.versatile .badge {border: 1px solid #21a36f;color: #21a36f;padding: 6px 12px;border-radius: 12px;font-size: 0.875rem;}
.engagement-section {background: #F9F9F9;padding: 60px 20px;margin: 60px 0;}
.engagement-title {font: 30px / 30px 'RobotoMono-Bold';color: #000;letter-spacing: normal;text-align: center;margin-bottom: 20px;}
.engagement-description {font: 17px / 28px 'Inter-Regular';max-width: 800px;margin: 0 auto 32px auto;text-align: center;}
.engagement-list {display: flex;justify-content: space-between;flex-wrap: wrap; margin-top: 30px;}
.engagement-card {background: #21a36f;border: 1px solid #f6fffc;padding: 20px;border-radius: 16px;width: 32%;text-align: left;color: #f8fafc;box-shadow: 0 0 12px rgba(0,0,0,0.1);}
.engagement-title-item {font: 18px /26px 'RobotoMono-Bold';color: #fff;margin-bottom: 20px;}
.engagement-description-item {color: #fff;font: 16px / 26px 'Inter-Regular';}
section.icon-grid-section {padding: 70px 0;}
section.icon-grid-section h2 {text-align: center;margin-bottom: 70px;font: 30px / 30px 'RobotoMono-Bold';color: #000;letter-spacing: normal;}
section.icon-grid-section .right, section.icon-grid-section .left {width: 50%;}
section.icon-grid-section ul {padding: 0;}
section.icon-grid-section ul li {list-style: none;font: 14px / 28px 'Inter-Regular';color: #1C1C1C;word-break: break-all;margin-bottom: 20px;}
.hosting-hero {background: linear-gradient(to right, #21a36f, #333333);padding: 100px 0;text-align: center;color: #f8fafc;}
.hosting-hero h2 {font: 30px / 30px 'RobotoMono-Bold';letter-spacing: normal;margin-bottom: 30px;}
.hosting-hero p {font: 17px / 28px 'Inter-Regular';margin: 0 auto;color: #fff;}
/*MCP page*/

/*Security page*/
.sec-serv-1 {padding-top: 100px;}
.sec-serv-1 .hd {text-align: center;padding-bottom: 70px;position: relative;}
.hero-badge span {color: #000;font-weight: 500;text-transform: uppercase;margin-bottom: 5px;font-family: 'Oswald', sans-serif;font-size: 12px;}
.hero-badge {background: #21a36f;width: max-content;padding: 10px;display: flex;flex-direction: column;border-radius: 10px;position: fixed;right: 10px;bottom: 15px;box-shadow: 0 0 4px 3px #23825c;z-index: 10;}
.sec-serv-1 .hd h2 {font: 28px / 36px 'Oswald', sans-serif;color: #000;letter-spacing: normal;margin: 0;font-weight: 500;text-transform: uppercase;}
.sec-serv-1 .hd h2 span {color: #21A36F;display: block;}
.security_page .industriesbox::after, .security_page .sdeain::after {display: none;}
.security_page .sdeain {min-height: auto !important;}
.security_page .industriesbox {background: #fff !important;}
.sec-serv-2 {padding: 150px 0;}
.marketecture-sheme-desktop__body {display: flex;justify-content: space-between;gap: 25px;}
.marketecture-sheme-desktop__sidebar {width: 230px;min-width: 230px;display: flex;flex-direction: column;gap: 25px;}
.marketecture-desktop-item {display: flex;flex-direction: column;position: relative;z-index: auto;width: 100%;height: 100%;box-shadow: -37px 23px 100px 0 rgba(0, 0, 0, .2), inset 0 0 23px 0 rgba(255, 255, 255, .02);border-radius: 16px;}
.marketecture-sheme-desktop__sidebar:first-child .marketecture-desktop-item:first-child {height: max-content;}
.marketecture-desktop-item__header {font-family: 'Oswald', sans-serif;font-weight: 500;font-size: 20px;letter-spacing: .02em;text-align: center;padding: 16px 20px;border-top-left-radius: 16px;border-top-right-radius: 16px;backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);background-color: rgb(51 51 51);position: relative;cursor: pointer;color: #fff;margin: 0;}
ul.marketecture-desktop-item__body {z-index: 2;position: relative;height: 100%;display: flex;flex-direction: column;border-bottom-left-radius: 16px;border-bottom-right-radius: 16px;gap: 8px;padding-block: 24px;padding-inline: 12px;list-style: none;}
.marketecture-desktop-item li {position: relative;}
.marketecture-desktop-item li a {z-index: 1;width: 100%;position: relative;display: inline-flex;gap: 5px;font-size: 1.125rem;line-height: 1.33;letter-spacing: .02em;border-radius: 4px;padding: 4px 8px;transition: all .3s ease;color: #000;font-size: 16px;font-weight: bold;}
.marketecture-desktop-item__popup {z-index: 12;position: absolute;font-size: 1rem;line-height: 1.34;letter-spacing: .02em;color: #21A36F;width: 257px;left: 50%;top: 100%;transition: all .3s ease;translate: -48% 10px;visibility: hidden;opacity: 0;}
.marketecture-desktop-item li:has(a:hover) .marketecture-desktop-item__popup {visibility: visible;opacity: 1;translate: -50% 0;}
.marketecture-desktop-item li a:hover {z-index: 3;}
.marketecture-desktop-item__popup_wrapper {margin-top: 12px;padding: 16px 20px;background-color: #eefff8;border-radius: 12px;}
.marketecture-desktop-item:last-child {flex-grow: 1;min-height: 0;}
.marketecture-sheme-desktop__main {width: 100%;display: flex;flex-direction: column;gap: 35px;}
.marketecture-sheme-desktop__main .top-header-item {max-width: 439px;width: 100%;margin-inline: auto;position: relative;border-radius: 16px;text-align: center;}
.marketecture-sheme-desktop__main .top-header-item::before {content: "";width: 2px;height: 35px;background-color: #21a36f;position: absolute;left: 50%;top: 100%;translate: -50%;}
.marketecture-sheme-desktop__main .main-header-item {backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);box-shadow: -37px 23px 100px 0 rgba(0, 0, 0, .2), inset 0 0 59px 0 rgba(255, 255, 255, .05), inset 0 0 23px 0 rgba(255, 255, 255, .02);background-image: linear-gradient(to bottom, rgba(54, 254, 174, 0) 0%, rgba(43, 217, 147, .1) 40%, rgba(33, 136, 111, .35) 100%);z-index: 10;border-radius: 16px;text-align: center;background-color: #21A36F;}
.marketecture-sheme-desktop__main .main-header-item p {margin: 0;text-align: center;}
.marketecture-sheme-desktop .border {border: 1.5px solid #21a36f;}
.with-decor-lines {--pTop: 20px;padding-top: var(--pTop);padding-bottom: var(--gap);margin-top: calc(var(--pTop)* -1);margin-bottom: calc(var(--gap)* -1);position: relative;}
.with-decor-lines p {text-align: center;border-radius: 16px;}
.with-decor-lines {--pTop: 42px;margin-top: calc(var(--pTop)* -1 + 5px + 1px);}
.with-decor-lines__list {--gap: 32px;z-index: 1;position: absolute;height: 100%;width: 100%;inset: 0;display: flex;}
.with-decor-lines__line {display: flex;justify-content: center;flex: 1;}
.with-decor-lines__line::before {content: "";width: 2px;height: 100%;background-color: #21a36f;}
.with-decor-lines .marketecture-desktop-item__header {z-index: 2;position: relative;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.marketecture-sheme-desktop__main {--gap: 35px;}
.list-marketecture-desktop-item {--gap: 20px;display: flex;flex-wrap: wrap;gap: var(--gap);}
.list-marketecture-desktop-item .marketecture-desktop-item {width: calc(33.33% - var(--gap) / 1.5);height: auto;}
.marketecture-desktop-item li a img {width: 20px;height: 24px;object-fit: contain;}
.marketecture-desktop-item__popup_wrapper > p:first-child {font: 16px / 24px 'Oswald', sans-serif;color: #21A36F;margin-bottom: 8px;text-align: left;}
.marketecture-desktop-item__popup_wrapper > p:last-child {font-size: 14px;color: #1C1C1C;margin: 0;text-align: left;}
.marketecture-desktop-item__header:hover .marketecture-desktop-item__popup {visibility: visible;opacity: 1;translate: -50% 0;}
.creative-tab {--pInline: calc(50rem / 16);box-shadow: 4px -4px 32px 0 rgba(18, 17, 133, .06);background-color: #fff;border-radius: 24px;padding: var(--pInline);width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 30px;}
.creative-tab .tabs__caption {gap: calc(18rem / 16);flex-direction: column;max-width: 690px;padding-top: 0;display: flex;flex-wrap: wrap;margin-bottom: 0px;border: none;}
.creative-tab .tabs__caption li a:hover {background: transparent;}
.creative-tab .tabs__caption li a:hover .tabs__caption_title {opacity: 1;}
.creative-tab__right {aspect-ratio: 1 / 0.7225519288;position: relative;border-radius: 18px;box-shadow: inset 0 4px 15px 0 rgba(18, 17, 133, .04);background: linear-gradient(347deg, #eefff8 0%, #eefff8 58.2%);
width: 100%;max-width: 450px;overflow: hidden;}
.creative-tab .tabs__content {display: block !important;position: absolute;inset: 0;width: 100%;height: 100%;opacity: 0;transform: translateY(-100%);transition: opacity .8s ease, transform .8s ease;will-change: transform;}
.creative-tab .tabs__content.active {opacity: 1;animation: showImgTab .6s ease-in-out 0s 1 normal;transform: translateY(0);}
@keyframes showImgTab {0% {transform: translateY(100%);}100% {transform: translateY(0);}}
.creative-tab .tabs__content img {width: 100%;position: absolute;top: 50%;transform: translateY(-50%);}
.creative-tab .tabs__caption li {position: relative;}
.tabs__caption li {color: #555;cursor: pointer;letter-spacing: -0.5px;}
.creative-tab .tabs__caption_title {font-size: 26px;color: #21a36f;font-weight: 400;opacity: .3;letter-spacing: .02em;transition: opacity .3s ease;}
.creative-tab .tabs__caption li .tabs__caption_content {display: grid;grid-template-rows: 0fr;overflow: hidden;transition: grid-template-rows .4s ease;}
.creative-tab .tabs__caption_description {font-size: 16px;line-height: 24px;color: #333;min-height: 0;}
.creative-tab .tabs__caption li a {border: none;}
.creative-tab .tabs__caption li a.active .tabs__caption_title {font-size: 26px;font-weight: 500;opacity: 1;}
.creative-tab .tabs__caption li a.active .tabs__caption_content {grid-template-rows: 1fr;}
.creative-tab .tabs__caption li a::before {content: "";display: block;width: 3px;height: calc(100% + 80px);background-color: #21a36f;position: absolute;top: 50%;left: calc(var(--pInline)* -1);transform: translateY(-50%);opacity: 0;}
.creative-tab .tabs__caption li a.active::before {opacity: 1;}
.creative-tab .tabs__caption_description p {margin: 0;}
.security_page .sdeain .icontxts li {flex: 0 0 25%;max-width: 25%;}
.accordion {margin: 100px 0 0;background: #fff;border-radius: 8px;box-shadow: 0 6px 18px rgba(0,0,0,0.1);overflow: hidden;}
  .accordion-item {border-bottom: 1px solid #e1e1e1;width: 100%;background: #fff;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);transition: 0.5s all ease-in-out;}
  .accordion-item:last-child {border-bottom: none;}
  .accordion-header {padding: 18px 25px;cursor: pointer;font-size: 18px;font-weight: 600;background-color: #fdfdfd;display: flex;justify-content: space-between;align-items: center;transition: background 0.3s;font-family: 'Oswald', sans-serif;}
  .accordion-header:hover, .accordion-header.active {background-color: #eefff8;color: #21A36F;}
  .accordion .accordion-item:hover {box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);background-color: #eefff8;}
  .accordion-header::after {content: '+';font-size: 24px;transition: transform 0.3s;}
  .accordion-header.active::after {content: '-';}
  .accordion-content {max-height: 0;overflow: hidden;transition: max-height 0.4s ease;padding: 0 25px;background: #fff;}
  .accordion-content p {padding: 0 0 15px;line-height: 1.6;margin: 0;}
  .card:nth-child(odd) { background: #e8f0fe; }
  .card:nth-child(even) { background: #fff8e7; }
/*Security page*/
 
@media(max-width:1600px) {
.homeslider .carousel-inner .carousel-item{min-height: auto;height: 585px;}.homeslider .carousel-inner{min-height: auto;}
.sdeain::after {width: 50rem;}
.sdeainimg {right: 0rem;}
.industriesbox .sdeainimg {left: 0px;}
.second_slide .carousel-caption {top: 5% !important;}
}

@media(max-width:1440px) {
.sdeainimg {width: 35rem;}
.sdeain::after {width: 40rem;}
.industriesbox::after {left: -23rem;}
.slider .mcp-banner .txt h4 {font-size: 24px;}
}

@media(max-width:1280px) {
  .newsolubox .servicebox .newsoluicon {font-size: 200px;right: 0px;}
  .slider .mcp-banner .txt h4 {font-size: 22px;}
  .slider .mcp-banner .txt h2 {font-size: 36px;}
  .slider .mcp-banner .txt p {font-size: 18px;}
}

@media(max-width:1199px) {
.client_carousel p {line-height: 24px;letter-spacing: normal;}
.newsolubox .servicebox .sertxt {overflow: hidden;}
.newsolubox .servicebox .sertxt p {font-size: 20px;}
#issues {width: 80%;}
.flowerbox .col-md-8 {margin: 0px auto;flex: 0 0 75%;max-width: 75%;}
.slider .second_slide .leftsidetxt h1 {text-align: center !important;font-size: 45px;}
.slider .second_slide h2 {font-size: 28px;text-align: center;}
.blogosec {margin: 15px 0px 10px !important;}
.blogosec .blsbox img {height: 26px;}
.blogosec .blsbox .badge_div img {height: 50px;}
.slider .second_slide .leftsidetxt {min-height: 75%;}
.slider .third_slider .leftsidetxt {min-height: auto;}
.biboxes {padding: 50px 20px;}
.yhai {width: 260px;}
.brsslidecont {height: calc(100vh - 230px);}
.bisubboxes ul .bisbox {min-width: 135px;width: 135px;padding: 40px 10px 15px;}
.bisubboxes ul .bisbox:not(:first-child) {margin-left: 5px;}
.ani_banner .box_section .box {width: 160px;}
.innerhead-bg .igbg img {object-fit: cover;object-position: right center;}
.rev_blk .rft {width: 45%;}
.rev_blk .lft {width: 49%;}
.gmap_canvas, .mapouter, .gmap_canvas > iframe {width: 100%;height: 100%;}
.one-box {padding: 25px;}
.one-box h4 {font-size: 16px;}
.one-product .one-pro > .txt {max-width: 55%;flex: 0 0 55%;}
.one-product .one-pro > .img {max-width: 45%;flex: 0 0 45%;}
.one-slider .ltrconsl .carousel-indicators li {text-align: left;font-size: 18px;}
.slider .mcp-banner .txt h2 {font-size: 32px;}
.slider .mcp-banner .txt h4 {font-size: 19px;}
.slider .carousel-item.mcp-banner .carousel-caption {top: 15%;}
}

@media(max-width: 1024px) {
.sdeainimg {width: 25rem;}
.sdeain::after {width: 35rem;}
.industriesbox::after {left: -10rem;}
.blogosec .blsbox {font-size: 14px;}
.biboxes, .yhai {padding: 15px 20px;}
.yhai h1, .yhai .h1 {font-size: 20px !important;}
.bisubboxes ul .bisbox {min-width: 115px;width: 115px;}
.bisubboxes ul .bisbox h4 {font-size: 16px;}
.bisubboxes ul .bisbox p:not(:last-child) {margin-bottom: 5px;}
.app_dev .carousel-item.active.h-100 .col-md-5.pt-5.h-100 {padding-top: 1rem !important;}
.ani_banner .box_section .box {width: 170px;border-width: 1px;}
.ani_banner .image_section img {width: 25px;}
.ani_banner {padding: 30px;}
.techstackn {padding-top: 85px;}
.clients {padding-top: 0 !important;}
.techstackn {padding-top: 30px !important;}
.serBox.green .title {font-size: 13px;}
.rev_blk {margin-top: 30px;}
.rev_blk .lft {width: 45%;padding: 15px;}
.rev_blk .lft h4 {font-size: 20px;}
.rev_blk .lft h4 b {font-size: 35px;margin-right: 10px;}
.rev_blk .rft {width: 50%;}
.rev_blk .rft p {text-align: left;}
.in-rev {padding: 15px 40px 15px 15px;}
.clientcaros .whitetrans img {height: 100%;object-fit: contain;}
.mcp-banner .txt h2 {font-size: 36px;line-height: 45px;margin-bottom: 0;}
.mcp-banner .txt h4 {font-size: 22px;line-height: 40px;}
.mcp-banner .txt p {font-size: 18px;}
section.smart-choice .bdy {flex-direction: row;overflow: hidden;overflow-x: auto;align-items: initial;justify-content: flex-start;flex-wrap: nowrap;white-space: nowrap;padding-bottom: 15px;}
section.smart-choice .bdy .sc-box .txt p {word-break: break-word;white-space: normal;}
section.smart-choice .bdy .sc-box {width: 60%;}
section.com-soon .cs-box .txt p {font-size: 20px;line-height: 32px;}
.slider .mcp-banner .d-flex {flex-direction: row;}
.slider .mcp-banner .txt h2 {font-size: 30px;}
.slider .mcp-banner .txt h4 {font-size: 17px;}
.slider .mcp-banner .txt p {font-size: 16px;}
.slider .mcp-banner .txt .btn {font-size: 16px;line-height: 30px;}
.marketecture-sheme-desktop__body {flex-wrap: wrap;}
.marketecture-sheme-desktop__main {order: 1;}
.marketecture-sheme-desktop__sidebar:first-child {order: 2;}
.marketecture-sheme-desktop__sidebar:last-child {order: 3;}
.marketecture-sheme-desktop__sidebar {width: 48%;}
}

@media(max-width:991px) {
.newsolu .newsolubox .col-md-3, .newsolu .newsolubox .col-md-9, .techstackn .col-md-3:first-child {max-width: 100%;flex: 0 0 100%;}
.newsolu .newsolubox .col-md-3 {margin-bottom: 50px;}
.techstackn .col-md-3:not(:first-child) {max-width: 33.3%;flex: 0 0 33.3%;}
.techstackn .servicebox {min-height: 300px;height: auto;margin-bottom: 50px;}
.bwbhref .client_desc {text-align: center !important;}
.bwbhref .client_desc h5 {line-height: normal;}
.blaze_logo, .navbar-brand, .navbar-toggler-icon {margin: 0 !important;}
.homeslider {padding-top: 0px;}
.navbar-collapse {width: 75%;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);height: 100vh;}
.megacontent::before {display: none;}
.megacontent {padding: 0px;}
.wbboxshadow {min-height: 135px;}
.wbboxshadow .img {width: 135px;height: 135px;}
.wbboxshadow h4 {font-size: 16px;}
.wbboxshadow p {font-size: 14px;}
.newsolubox .servicebox .sertxt {overflow: visible;}
.newsolubox .servicebox {height: auto;width: 98%;min-height: 300px;}
.newsolubox .servicebox .sertxt p {font-size: 15px;}
.newsolutions .col-md-4,.newsolutions .col-md-8,.newsolutions .col-md-6 {flex: 0 0 100%;max-width: 100%;}
.newsolutions .servicebox {height: 250px;}
.newsolutions h4.outlinetxt {text-align: center;width: 100%;}
.newsolutions h5 {text-align: center;}
.exblz .newsoluicon {left: 50% !important;}
.exblz .newsoluicon,.exblz .servicebox .newsoluicon .fa {font-size: 200px !important;}
.exblz .servicebox:hover .newsoluicon {left: 50% !important;}
.exblz .servicebox .sertxt h5 {font-size: 30px !important;}
.sdeain {padding: 75px 0px;overflow: visible;}
.sdeain .col-md-4,.sdeain .col-md-5,.sdeain .col-md-7 {max-width: 100%;flex: 0 0 100%;justify-content: center;align-items: center;display: flex;flex-direction: column;}
.sdeain::after {width: 100%;right: 0px;bottom: auto;top: 0px;height: 80px;transform: none;}
.sdeainimg {width: 335px;height: 125px;top: 0px;}
.sdeain h3 {text-align: center !important;margin-top: 55px !important;}
.sdeain .container {z-index: 1;position: relative;}
.industriesbox::after {left: 0;border-radius: 0px;}
.list-numered .col-md-4 {justify-content: flex-start;align-items: flex-start;}
.flowerbox .col-md-8 {flex: 0 0 100%;max-width: 100%;}
.mspimg {min-height: auto;}
.innerhead-bg {text-align: center;}
.contactform .col-md-6 {flex: 0 0 100%;max-width: 100%;}
.contactform .sdotbg {margin-bottom: 30px;}
.contactform .whitebrdbox .col-md-6 {flex: 0 0 50%;max-width: 50%;}
.contactform .contact_mail {margin-bottom: 30px !important;}
.contactform .lightbgdots .blzoption {width: 100%;}
.contactform h4 {text-align: center;}
.contactform .contactinfobox {height: 1500px;}
.modal-dialog {max-width: 85%;}
.card__content>div {gap: 0.5em;}
.card__content {min-height: 250px;}
.timeline h3 {font-size: 16px;}
.innerhead-bg .text-black .h1,.innerhead-bg .text-black {font-size: 50px !important;text-align: center;}
.timesitaly {text-align: center;}
.slider .second_slide .leftsidetxt h1 {font-size: 38px !important;}
.bwbhref .blaze_soln_trans .outlinetxt,
.bwbhref .blaze_soln_trans .outlinetxt .h1 {font-size: 28px !important;}
.lets_click {position: static;display: block;margin-top: 15px;}
.brsslidecont {height: 510px;flex-direction: column;width: 100%;}
.biboxes,.yhai {width: 100%;}
.yhai {width: 100%;align-items: center;flex-direction: row;justify-content: space-around;height: 75px;}
.baidea {flex-direction: row;flex: 0 0 auto;}
.baidea img {width: 32px;margin-right: 15px;}
.biboxes h2 {margin: 0px;}
.lcbraces {height: 50px;overflow: hidden;position: relative;width: 100%;}
.lcbraces img {position: absolute;left: 0px;top: 50%;transform: translateY(-75%);}
.bisboxnum {width: 35px;height: 35px;top: -15px;font-size: 20px;}
.bisubboxes ul .bisbox {padding: 20px 10px 15px;}
.bisubboxes ul .bisbox p:last-child {margin-bottom: 0px;}
.bisubboxes ul .bisbox img {width: 48px;}
.bisubboxes ul .bisbox p {font-size: 12px;}
.bisubboxes {margin: 0px 0px 30px;padding-top: 30px;overflow: hidden;overflow-x: auto;width: 100%;}
.app_dev .carousel-item.active.h-100 .col-md-5.pt-5.h-100 {padding-left: 30px !important;}
.ani_banner .box_section .box {width: 120px;}
.sociallinks a i img {max-height: 18px;}
.tab-content1.shadowtop.mh-auto .row .col-12 iframe {height: 450px;}
.csicboxes .row>div {flex: 0 0 50%;max-width: 50%;margin-bottom: 20px;}.bisubboxes ul{ justify-content: center;}.homeslider .carousel-inner .carousel-item{height: 510px;}.black-bg{ margin: 0;}
#megamneu, #megamneu1 {padding: 10px 20px !important;}
.techstackn .col-md-3:not(:first-child) {max-width: 50%;flex: 0 0 50%;}
.techstackn .col-md-3 .wahgray {max-height: 250px;width: 98%;}
.navbar-expand-lg .navbar-nav {align-items: flex-start;}
.contactform .sdotbg > iframe {width: 100%;}
.one-box h4 {line-height: 24px;}
.one-product .one-pro {overflow: hidden;}
.one-product .one-pro.sdeain::after {top: auto;bottom: 0;width: 70%;}
.one-pro.row.sdeain .txt h3 {margin-top: 0 !important;text-align: left !important;font-size: 20px;line-height: 24px;}
.one-slider .row > div {flex: 0 0 100%;max-width: 100%;}
.one-slider .ltrconsl .carousel-indicators {flex-direction: row;overflow: hidden;overflow-x: auto;align-items: center;justify-content: flex-start;flex-wrap: nowrap;white-space: nowrap;}
.one-slider .row > .col-md-7 {margin-top: 20px;}
.one-slider .ltrconsl .carousel-indicators li {width: max-content;display: flex;flex: 0 0 auto;padding: 15px 10px;}
.one-slider .ltrconsl .carousel-indicators li img {margin-right: 5px;}
.one-slider .ltrconsl .carousel-indicators li {border-bottom: 1px solid #cacaca;}
.mcp-banner {padding: 50px 0;}
.mcp-banner .d-flex {flex-direction: column-reverse;}
.mcp-banner .img, .mcp-banner .txt {width: 100%;}
section.smart-choice, section.faq, section.com-soon, section.get-start {padding: 50px 0;}
section.config-sec > div > .row {flex-direction: column;}
section.config-sec > div > .row > div {max-width: 100%;flex: 0 0 100%;}
section.faq .hd h4, section.config-sec h4, section.faq .hd h3, section.get-start h3, section.config-sec h3 {text-align: center;}
section.config-sec > div > .row > div:first-child {margin-bottom: 30px;}
section.config-sec .box + p {margin: 0;}
section.com-soon .cs-box .txt h3 {font-size: 30px;line-height: 30px;}
section.com-soon .cs-box .txt p {font-size: 18px;line-height: 28px;}
section.faq .bdy .accordion .card .card-header .btn {font-size: 18px;}
section.faq .bdy .accordion .card .card-body {font-size: 16px;}
section.get-start p {font-size: 18px;margin: 25px 0;}
.mcp-banner .txt {text-align: center;}
.mcp-banner .btns, section.get-start .btns {justify-content: center;}
section.config-sec h3 {margin-bottom: 50px;}
.slider .mcp-banner .txt {width: 50%;}
.slider .mcp-banner .txt .btns {justify-content: flex-start;}
.slider .mcp-banner .txt h2 {font-size: 28px;}
.slider .mcp-banner .txt h4 {font-size: 16px;}
}

@media(max-height:768px) {
.slider .second_slide h1 {font-size: 35px;margin: 0px !important;}
.slider .second_slide h2 {font-size: 30px;}
.blogosec .blsbox {padding: 15px;}
.blogosec {margin: 15px 0px 15px;}
.biboxes, .yhai {padding: 15px 30px;}
.homeslider .carousel-inner .third_slider {min-height: calc(100vh - 195px);}
.bisubboxes ul .bisbox {padding: 30px 15px 15px;}
.htd {margin-top: 25px;}
.ltrconsl .carousel-indicators {height: auto;}
}

@media(max-height:750px) and (min-height:630px) {
.blaze_logo {height: 38px;}
.second_slide .carousel-caption {top: 2% !important;}
.scroll-down {bottom: 50px;}
.cirplus {bottom: 40px;}
.blogosec .blsbox img {height: 28px;}
.blogosec .blsbox .badge_div img {height: 60px;}
.blogosec .blsbox {font-size: 14px;}
.slider .second_slide h1 {font-size: 28px;}
.blogosec .blsbox {padding: 10px;}
.black-bg .whitelinetxt,
.black-bg .whitelinetxt .h1 {font-size: 25px;}
.brsslidecont {margin-top: 15px;width: 100%;}
.baidea {flex: 0.5;}
.baidea img {width: 62px;}
.lcbraces {height: 30px;position: relative;width: 100%;}
.lcbraces img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -65%);}
.bisboxnum {width: 40px;height: 40px;font-size: 24px;}
.bisubboxes ul .bisbox {padding: 20px 15px 15px;width: 125px;min-width: 125px;}
.bisubboxes ul .bisbox img {width: 50px;}
.bisubboxes ul .bisbox h4 {font-size: 14px;}
.bisubboxes ul .bisbox p:not(:last-child) {margin-bottom: 5px;}
.biboxes h2, .yhai h2 {font-size: 26px;}
.yhai h1, .yhai .h1 {font-size: 20px !important;}
.yhai {width: 300px;}}

@media(max-width:767px) {
.container {width: 100%;max-width: 100%;}
.newsolubox .servicebox .sertxt {overflow: hidden;}
.bisubboxes ul{justify-content: flex-start;}.bwbhref .col-md-5,
.bwbhref .col-md-6 {height: auto !important;}
.fixedtop {padding-left: 15px;padding-right: 15px;}
.blazingteam .row,
.weare .row {flex-wrap: nowrap;overflow-x: auto;}
.weare .row .col-md-6 {flex: 0 0 50%;max-width: 50%;}
#issues li img {width: 350px;}
.whitetrans.blaze_soln_trans {height: auto !important;padding: 30px;top: 0px !important;margin-top: 30px;}
.timesitaly {text-align: center;}
.sdeainimg {width: 295px;height: 70px;}
.list-numered {padding: 0px 30px;}
.libox li {height: 215px;width: 215px;margin: 25px;}
.libox::before {background-size: 40px;background-position: center 65px;}
.mspimg {margin-bottom: 30px;}
.contactform .lightbgdots {margin: 0px;padding: 1px 5px;}
.solutions_label {font-size: 15px !important;}
#cards {width: 100%;}
.innerhead-bg .igbg.newabout img {left: 0px;right: auto;}
.blogosec {flex-wrap: wrap;padding: 0px 5%;align-items: center;justify-content: center;}
.blogosec .blsbox:first-child,
.slider .carousel-caption.leftsidetxt .blogosec:last-child {margin-top: 0px;}
.slider .second_slide .leftsidetxt h1 {font-size: 30px !important;}
.slider .second_slide h2 {font-size: 22px;}
.blogosec .blsbox {padding: 15px;}
.blogosec+.blogosec {margin-top: 5px !important;}
.sernboxlist .innerbox {padding-right: 10px;flex: 0 0 auto;}
.csicboxes .col-md-3 {margin-bottom: 30px;}
.ani_banner .box_section {padding: 10px;}
.ani_banner .box_section .box {height: 92px;width: 150px;}
.ani_banner {justify-content: space-between;}
.ani_banner .image_section {width: 62%;}
.ani_banner .box_section .box {background-size: 50%;}
.bi_page .ltrconsl .carousel-inner {padding: 20px 0 0;}
.bi_page .ltrconsl .carousel-indicators li h4 {font-size: 18px;}
.infra_page .ltrconsl .carousel-indicators {flex-direction: row;}
.infra_page .ltrconsl .carousel-indicators li {justify-content: center;border-bottom: 1px solid #cacaca;}
.infra_page .ltrconslcbox {min-height: auto;}
.security_page div#ltrconsl .row .col-md-7,
.bi_page .ltrconsl .row .col-md-7 {display: none;}
.security_page .ltrconsl .carousel-indicators li.active .mobile_view,
.bi_page .ltrconsl .carousel-indicators li.active .mobile_view {display: block;width: 100%;text-align: center;}
.env_part ul {justify-content: center;}
.env_part {padding-left: 0;margin-top: 25px;}
.env_part h4 {text-align: center;}
.ltrconsl .carousel-indicators li {justify-content: center;}
div#JOB_CODE_BWSJ020 .row:first-child>.col-md-4 {padding-left: 0;}
.tab-content1.shadowtop.mh-auto .row .col-12 iframe {margin-bottom: 35px;}
.chat_bot2 .chat_bdy .blk {padding: 25px;}
.chat_bot3 ul li .iocn {width: 80px;height: 80px;margin-bottom: 15px;}.bwbhref .h-100{ height: auto !important;}
.in-rev {padding: 0;}
.clientcaros .inner > .item {padding: 0;}
.clientcaros .inner > .item .row {margin: 0;padding: 30px;}
.rev_blk .lft {background: #fff;}
.rev_blk .lft h4 {color: #333;}
.rev_blk .lft h4 b {color: #21a36f;}
.rev_blk .lft::before {width: 100%;border-width: 5px 0 5px 0;}
.rev_blk .lft::after {height: 100%;border-width: 0 5px 0 5px;}
.top-row {flex-direction: column;}
.top-row .blk {width: 100%;}
.top-row .blk:first-child {margin-bottom: 20px;}
.one-box h4 {font-size: 24px;line-height: 30px;}
.one-product .one-pro {flex-direction: column;}
.one-product .one-pro > .txt {max-width: 100%;flex: 0 0 100%;}
.one-product .one-pro > .img {max-width: 100%;flex: 0 0 100%;margin-bottom: 30px;}
.one-slider, .one-slider div#ltrconsl {margin: 0 !important;}
.one-slider .ltrconsl .carousel-indicators li img {width: 35px;}
.one-slider .row > div > h2 {font-size: 30px;}
.ltrconslcbox.one-page .txt p, .ltrconslcbox.one-page .txt ul li {font-size: 16px;}
.mcp-banner .txt {text-align: center;}
.mcp-banner .btns {justify-content: center;}
section.config-sec > div > .row > div:first-child .row > div {width: 50%;}
section.faq .bdy .accordion .card .card-header .btn {font-size: 16px;line-height: 26px;}
section.faq .bdy .accordion .card .card-body {font-size: 14px;line-height: 24px;}
section.faq .bdy .accordion .card .card-header .btn bdi {width: calc(100% - 30px);white-space: break-spaces;}
section.faq .bdy .accordion .card {padding: 10px 15px;}
section.faq .hd h3, section.get-start h3, section.config-sec h3 {font-size: 26px;}
section.com-soon .cs-box .txt h3 {font-size: 26px;}
.mcp-banner .txt h2 {font-size: 30px;line-height: 36px;}
.mcp-banner .txt h4 {font-size: 20px;}
.mcp-banner .txt p {font-size: 16px;line-height: 26px;}
.mcp-banner .btns .btn, section.get-start .btns .btn {font-size: 16px;line-height: 30px;padding: 5px 15px;}
section.get-start p {line-height: 30px;}
section.smart-choice .hd, section.faq .hd, section.config-sec h3 {margin-bottom: 30px;}
.slider .mcp-banner .d-flex {flex-direction: column-reverse;}
.slider .carousel-item.mcp-banner .carousel-caption {top: 0;}
.slider .mcp-banner .txt, .slider .mcp-banner .txt p {text-align: center;}
.slider .mcp-banner .img img {width: 65%;}
.slider .carousel-item.mcp-banner {background: linear-gradient(360deg, #21a36f 54%, transparent 30%) !important;}
.slider .mcp-banner .txt .btns {justify-content: center;}
.slider .mcp-banner .img {margin-bottom: 25px;}
.slider .mcp-banner .txt, .slider .mcp-banner .img {width: 100%;}
.sec-serv-1 {padding-top: 60px;}
.sec-serv-1 .hd {padding-bottom: 50px;}
.security_page .sdeain {padding: 50px 0;}
.security_page .sdeain h3 {margin-top: 0 !important;}
.security_page .sdeain .icontxts li {flex: 0 0 33.3%;max-width: 33.3%;}
.sec-serv-2 {padding: 100px 0;}
.creative-tab {--pInline: calc(25rem / 16);}
.creative-tab .tabs__caption li a::before {height: calc(100% + 35px);}
.creative-tab {flex-direction: column;}
}

@media(max-width:575px) {
.homeslider{margin: 70px 0px 0px 0px;}
.newsolubox .servicebox .sertxt p {margin-bottom: 15px;}
.weare .row .col-md-6 {flex: 0 0 75%;max-width: 75%;}
#issues li h3 {font-size: 25px;}
#issues li img {width: 100%;}
#dates a {font-size: 18px;}
#dates .selected,
#dates a:hover {font-size: 25px;}
#issues {width: 65%;}
.newsolubox .servicebox {right: -5px;}
.libox li {height: 175px;width: 175px;margin: 20px;font-size: 12px;line-height: normal;}
.libox::before {background-size: 35px;background-position: center 45px;width: 150px;height: 150px;}
.icontxts li img {width: 50px;}
.contactform .newuifrm {height: 450px;}
.blzoptionmob {display: flex;flex-direction: row;flex-wrap: nowrap;overflow: hidden;overflow-x: auto;white-space: nowrap;}
.blaze_logo {height: 45px;}
.logotag {font-size: 10px;}
.slider .second_slide .leftsidetxt h1 {font-size: 18px !important;margin: 0px !important;}
.slider .second_slide h2 {font-size: 18px;}
.blogosec .blsbox .logo_div {flex-direction: column;align-items: center;justify-content: center;}
.blogosec .blsbox .logo_div img {margin-right: 0px !important;}
.blogosec .blsbox:not(:first-child) {margin-left: 15px;}
.swiper-container {padding-top: 80px;}
.ani_banner {flex-direction: column;}
.ani_banner .image_section {width: 100%;min-height: 300px;max-height: 300px;}
.ani_banner .box_section {max-width: 100%;max-height: 350px;min-height: 350px;}
.ani_banner .box_section .box {width: 160px;}
.modal-dialog {margin: auto;}
.ltrconsl .carousel-indicators li {justify-content: center;text-align: center;}
.innerhead-bg .igbg.newabout img {object-fit: cover;object-position: right center;}
.timeline {padding: 60px 0;}
.tab-content1.shadowtop.mh-auto .row .col-12 iframe {height: 360px;}
.newsolubox .whiteshdbox{ margin-top: 0;}
.exblz .servicebox{min-height: 200px !important;}
.blogosec .blsbox:not(:last-child){ margin-bottom: 10px;}
.techstackn .col-md-3 .wahgray {max-height: 200px;}
.navbar-expand-lg .navbar-nav li.nav-item {width: 100%;}
.one-box h4 {font-size: 20px;}
.one-pro .img img.one-logo {width: 50%;}
.one-pro:first-child .img img, .one-pro:nth-child(3) .img img {width: 60% !important;}
.ltrconslcbox.one-page {flex-direction: column !important;}
.ltrconslcbox.one-page .img {margin-bottom: 20px;}
.one-slider .ltrconsl .carousel-indicators li {font-size: 16px;}
.one-slider div#ltrconsl .row .col-md-12 h2 {font-size: 26px;}
.ltrconslcbox.one-page .txt h3 {font-size: 20px;}
.one-slider .ltrconsl .ltrconslcbox.one-page {padding: 0;}
.ltrconslcbox.one-page .txt p, .ltrconslcbox.one-page .txt ul li {font-size: 14px;}
section.smart-choice .hd h3 {font-size: 28px;}
section.get-start p {margin: 15px 0;}
section.smart-choice .hd, section.faq .hd, section.config-sec h3 {margin-bottom: 25px;}
.slider .carousel-item.mcp-banner {background: linear-gradient(360deg, #21a36f 64%, transparent 30%) !important;}
.engagement-card {width: 100%;}
.engagement-list {gap: 20px;}
section.icon-grid-section .d-flex {flex-direction: column;}
section.icon-grid-section .right, section.icon-grid-section .left {width: 100%;}
section.icon-grid-section .right {margin-top: 50px;}
.hosting-hero, section.versatile {padding: 70px 0;}
section.versatile .title, .hosting-hero h2, section.icon-grid-section h2, .engagement-title {font-size: 28px;}
.engagement-section {margin: 0;padding: 70px 0;}
.marketecture-sheme-desktop__sidebar, .list-marketecture-desktop-item .marketecture-desktop-item {width: 100%;}
.sec-serv-2 {padding: 0 0 50px;}
.creative-tab .tabs__caption li a.active .tabs__caption_title, .creative-tab .tabs__caption_title{font-size: 22px;}
}

@media (max-width: 480px) {
    .mcp-banner .txt h2 {font-size: 26px;}
    section.smart-choice, section.faq, section.com-soon, section.get-start, .mcp-banner {padding: 30px 0;}
    .mcp {padding-top: 75px;}
    .mcp-banner .txt p, section.smart-choice .bdy .sc-box .txt p {font-size: 14px;line-height: 24px;}
    .mcp-banner .txt h4 {font-size: 18px;}
    .mcp-banner .btns .btn:last-child img, section.get-start .btns .btn:last-child img {width: 26px;}
    .mcp-banner .btns .btn, section.get-start .btns .btn {font-size: 14px;}
    section.smart-choice .hd h4, section.faq .hd h4, section.config-sec h4, section.com-soon .cs-box .txt h4 {font-size: 20px;}
    section.smart-choice .hd h3, section.faq .hd h3, section.get-start h3, section.config-sec h3 {font-size: 24px;margin: 0;}
    section.smart-choice .bdy .sc-box .txt h4 {font-size: 16px;}
    section.smart-choice .bdy .sc-box .icon img {width: 75px;height: 75px;}
    section.config-sec > div > .row > div:first-child .row > div {width: 100%;}
    section.config-sec .box .inner-box + p {padding: 10px 0 15px;font-size: 14px;}
    section.config-sec .box .d-box .d-box-item span {font-size: 14px;}
    section.com-soon .cs-box {flex-direction: column;gap: 30px;}
    section.com-soon .cs-box .txt h3 {font-size: 24px;}
    section.com-soon .cs-box .txt p {font-size: 16px;line-height: 26px;}
    section.get-start p {line-height: 26px;font-size: 16px;}
    .code-b-bdy {max-height: 100%;}
    .code-box:hover .code-b-bdy {position: relative;}
    section.smart-choice .bdy .sc-box .txt h4 {white-space: normal;}
    section.smart-choice .bdy .sc-box {width: 300px;min-width: 300px;}
    section.config-sec .box .d-box {gap: 10px;margin-bottom: 0;}
    .slider .mcp-banner .txt h2 {font-size: 24px;}
    .slider .mcp-banner .txt h4 {font-size: 14px;line-height: 30px;}
    .slider .mcp-banner .img img {width: 100%;}
    .slider .carousel-item.mcp-banner {background: linear-gradient(360deg, #21a36f 62%, transparent 30%) !important;}
    section.icon-grid-section h2 {margin-bottom: 50px;}
    section.versatile .title, .hosting-hero h2, section.icon-grid-section h2, .engagement-title {font-size: 24px;}
    .security_page .sdeain .icontxts li {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media(max-width:475px) {
.weare .row .col-md-6 {flex: 0 0 90%;max-width: 90%;}
.wbboxshadow {flex-direction: column;min-height: 250px;}
.wbboxshadow .img {width: 100%;height: 135px;}
#issues {width: 280px;}
#issues li h3 {font-size: 18px;}
#dates {width: 70px;}
.newsolutions h4.outlinetxt {font-size: 35px;}
.libox li {height: 150px;width: 150px;margin: 3px;font-weight: normal;letter-spacing: normal;}
.libox::before {background-size: 24px;background-position: center 14px;width: 70px;height: 70px;z-index: 2;}
.icontxts li {font-size: 12px;font-weight: normal;}
.mspimg {flex-direction: column-reverse;}
.mspimg .mspimgs {width: 115px;margin-left: 0;margin-bottom: 30px;}
.contactform .whitebrdbox .col-md-6 {flex: 0 0 100%;max-width: 100%;}
.contactform .solutionsinfobox .col-md-6.offset-md-3 {margin-left: 0%;flex: 0 0 100%;max-width: 100%;}
.contactform .newuifrm h3 {font-size: 20px;}
.blogosec {flex-wrap: nowrap;padding: 5px 15px;align-items: flex-start;justify-content: flex-start;overflow-x: auto;width: 100%;}
.blogosec .blsbox {padding: 15px;width: 260px;margin-top: 0px !important;min-width: 260px;min-height: 95px;}
.blogosec+.blogosec .blsbox {min-width: 100%;}
.slider .second_slide h2 {padding: 0px 15%;}
.sdanddlist {flex-direction: column;width: 100%;}
.sdanddlist .blsbox {width: 100%;border-right: 0px;}
.ltrconslcbox .blogosec .blsbox {min-width: 100%;margin: 0px !important;}
.ani_banner .box_section .box {width: 100px;}
.ltrconsl .carousel-indicators li {font-size: 17px;padding: 12px 0;}
.ltrconslcbox {min-height: 350px;}
.app_dev .ltrconsl .carousel-inner {padding: 15px 0 0;}
.security_page .ltrconsl .carousel-indicators li h4 {font-size: 20px;}
.infra_page div#ltrconsl {margin-bottom: 20px !important;}
.env_part {padding: 0;margin-top: 20px;}
.env_part h4, .app_dev .blaze_soln h6.apply_title {text-align: center;}
.env_part ul {justify-content: center;}
.env_part ul li:nth-child(2n),
.logolists li:nth-child(2n),
.resp-vtabs .resp-tabs-container .logolists li:nth-child(2n) {margin-right: 0;}
.innerhead-bg .text-black .h1,
.innerhead-bg .text-black {font-size: 35px !important;}
.ani_banner {padding: 15px;}
.resp-tab-content {padding: 15px 0 0;}
.solutions h2, .techstack h2, .services h2, .clients h2, .career h2 {font-size: 20px !important;}
.solutions .outlinetxt .h1, .techstack .outlinetxt .h1, .services .outlinetxt .h1, .clients .outlinetxt .h1, .career .outlinetxt .h1 {font-size: 20px;}
.evertable>div>.container.mb-5.pt-5 {padding-left: 0;padding-right: 0;}
.evertable .logolists li {width: 150px;}
.resp-vtabs .resp-tabs-container .logolists li {width: 140px;margin: 0 10px 10px 0;}
.timeline {padding: 40px 0;}
.timeline h2 {font-size: 28px !important;margin-bottom: 35px !important;}
.tab-content1.shadowtop.mh-auto .row .col-12 iframe {height: 320px;}
.chat_bot1 {flex-direction: column;margin-bottom: 30px;}
.chat_bot1 .txt {width: 100%;}
.chat_bot1 .img {width: 80%;}
.chat_bot2 .chat_bdy {flex-direction: column;}
.chat_bot2 .chat_bdy .blk {width: 100%;}
.chat_bot2 .chat_bdy .blk:not(:last-child) {margin-bottom: 25px;}
.chat_bot2 {margin-bottom: 50px;}
.chat_bot3 ul {flex-wrap: wrap;}
.chat_bot3 ul li {width: 33.3%;margin-bottom: 15px;}
.rev_blk {margin-top: 20px;flex-direction: column;}
.rev_blk .lft {width: 100%;padding: 15px;margin-bottom: 20px;}
.rev_blk .lft h4 b {font-size: 45px;}
.rev_blk .rft {width: 100%;}
.rev_blk .rft {margin-left: unset;}
.one-box h4 {font-size: 18px;}
}

@media(max-width:414px) {
#issues {width: 230px;}
.contactform .newuifrm {height: 550px;}.exblz .servicebox{ min-height: 100px !important;}
.techstackn .col-md-3 .wahgray {max-height: 100px;}
}

@media(max-width:380px) {#issues {width: 180px;}
.icontxts li img {width: 36px;margin: 0px 0px 5px 0px;}
.tab-content1.shadowtop.mh-auto .row .col-12 iframe {height: 270px;}
.libox li {height: 135px;width: 135px;}.newsolubox .servicebox .sertxt p{ font-weight: bold; font-size: 13px; word-break: break-word; white-space: normal;}}

@media(max-width: 360px) {.logolists li {margin: 0 10px 10px;}
.ipts li {width: 130px;}
.ani_banner .box_section .box {width: 95px;}
.resp-vtabs .resp-tabs-container .logolists li {width: 115px;}
.csicboxes .row>div {flex: 0 0 100%;max-width: 100%;}}