@font-face {
    font-family: 'circular_stdbook';
    src: url('../fonts/circularstd-book-webfont.woff2') format('woff2'),
         url('../fonts/circularstd-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'circular_stdmedium';
    src: url('../fonts/circularstd-medium-webfont.woff2') format('woff2'),
         url('../fonts/circularstd-medium-webfont.woff') format('woff');         
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'circular_stdbold';
    src: url('../fonts/circularstd-bold-webfont.woff2') format('woff2'),
         url('../fonts/circularstd-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{background-color:#f5f5f5; color:#242424; font-family: 'circular_stdbook';}
figure{margin: 0;}

.color-red,
.testimonialbox span a,
.page-template-template-aboutus-php .experiencebox p{color: #ff0008;}
a{text-decoration: none; transition: all 0.3s ease-in-out; color: #383737;}
ul{margin: 0; list-style: none; padding: 0;}
img{max-width: 100%;}
.btn{font-size: 16px; letter-spacing: -0.5px; font-weight: 500; color: #ffffff; background-color: #ff0008; padding: 9px 15px; border-radius:50px; overflow: hidden; transition: all 0.3s ease-in-out; position: relative; z-index: 0; display: inline-flex; justify-content: center; align-items: center;}
.btn img{margin:0 0 0 8px;}

.redbtn{background-color: #c70006; border: 1px solid #c70006; color: #ffffff;}
.redbtn:hover{background-color: #ff0008; color: #ffffff; border: 1px solid #ff0008;}

.whitebtn{background-color: #ffffff; border: 1px solid #ffffff; color: #000000;}
.whitebtn:hover{background-color: #b6b6b6; color: #000000; border: 1px solid #b6b6b6;}

.graybtn{background-color: #cfcfcf; border: 1px solid #cfcfcf; color: #000000;}
.graybtn:hover{background-color: #b6b6b6; color: #000000; border: 1px solid #b6b6b6;}

.heading{position: relative;}
.heading h1{font-size:68px; font-family: 'circular_stdbold'; color: #000; margin: 0 0 80px; position: relative;}
.heading h2{font-size:54px; line-height: 1.1; font-family: 'circular_stdbold'; color: #000; margin: 0;}
.heading h2 span{color:#ff0008;}
.heading p{font-size:22px; line-height: 1.4; color: #0a0a0a; margin: 0;}

.stop-scroll{position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
.container{position: relative; z-index: 1;}
header{position: sticky; top: 0; z-index: 9; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.header{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 17px 0; position: relative;}

.header .whitebtn{background-color: #cfcfcf; border: 1px solid #cfcfcf; color: #000000;}
.header .whitebtn:hover{background-color: #b6b6b6; color: #000000; border: 1px solid #b6b6b6;}
.headerfixed{-webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); background-image:radial-gradient(circle at 100% 100%, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 99%);}


.button-group{display: flex; align-items: center; gap:16px;}
.button-group .btn{min-width: 144px; padding: 9px 25px;}
.button-group .whitebtn{min-width: 175px;}

.banner-section{margin: 21px 0 120px; position: relative; text-align: center; overflow: hidden;z-index:1}
.banner-section .heading h1:after{position: absolute; content: ""; left: 0; bottom: -39px; width: 105px; height: 2px; border-radius: 30px; background-color: #ff0008;}
.banner-content{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center;}
.banner-content .heading{padding: 0 0 0 100px; text-align: left;}

.section-pt{padding-top:80px;}
.section-pb{padding-bottom:120px;}

.offer-section{position: relative;}

.offer-section .heading{margin: 0 0 48px;}
.offerlist{margin: -12px; display: flex; flex-wrap: wrap;}
.offerlist li{padding: 12px; width: 50%;}
.offerbox{height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: stretch; padding: 16px; border-radius: 18px; background-color: #ffffff; position: relative;}
.offerbox figure{position: relative; min-height:470px; border-radius: 25px; overflow: hidden;}
.offerbox figure img{-moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.offerbox figure:hover img{-moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.offerbox figure:after{position: absolute; content: ""; border-radius: 16px; left: 0; bottom: 0; height: 100%; width: 100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) 69%);}
.offercontent{position: absolute; left: 0; bottom: 0; height:auto; width: 100%; padding: 40px; display: flex; flex-wrap: wrap; align-items: flex-end;}
.offercontent h3{font-size: 40px; line-height: 1.2; color: #ffffff; margin: 0 0 20px; font-family: 'circular_stdbold';}
.taglist{display: flex; align-items: center; flex-wrap: wrap; margin: 0 -5px;}
.taglist .tag{display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 10px 16px; border-radius: 50px; background-color: #ffffff; font-size: 16px; letter-spacing: -0.5px; margin:5px;}


.solution-section{position: relative;}
.solution-section:after{position: absolute; content: ""; right: 0; top: -350px; width: 450px; height: 961px; background: url("../images/shape-1.png") no-repeat;}
.solution-section .heading h2, 
.offer-section .heading h2{margin: 0 0 20px;}
.solutionlist{margin:40px -2px 0; display: flex; align-items: center; flex: auto; flex-wrap: wrap;}
.solutionlist li{padding:2px; width: 33.33%; flex: 1 1 auto;}
.solutionbox{display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 24px 26px; border-radius: 18px; background-color: #ffffff;}
.solutionbox strong{font-size: 24px; font-family: 'circular_stdbold'; line-height: 1.2; color: #121212; font-weight: normal;}
.solutionbox span{font-size: 22px; line-height: 1; letter-spacing: -0.5px;}
.solutionbox span a{color: #ff0008;}
.solutionlist li:last-child .solutionbox{justify-content: center;}

.global-section{overflow: hidden;}
.global-section .heading{margin: 0 0 20px;}
.global-section .globallink{margin: 0 0 35px; display: flex; align-items: center; gap:30px;}
.global-section .globallink .btn{min-width: 144px; padding:9px 25px;}
.global-section .globallink .btn.whitebtn{background-color: #cfcfcf; border: 1px solid #cfcfcf;}
.global-section .globallink .btn.whitebtn:hover{background-color: #b6b6b6; border: 1px solid #b6b6b6;}
.globalbox{display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px; padding: 100px 100px; border-radius: 36px; background-image: radial-gradient(circle at 50% 50%, #666, #000 87%);}


.leader-section{overflow: hidden;}
.leader-section .heading{padding:0 0 47px;}
.leader-comment{border-top: 2px solid #ff0008; border-bottom: 2px solid #ff0008; padding: 47px 0;}
.leader-comment p{font-size: 22px; line-height: 1.4; color: #121212;}
.leader-comment h5{font-family: 'circular_stdbold'; color: #121212; font-size: 24px; line-height: 1.2; margin: 0;}
.leaderlist{margin:20px 0 0;}
.leaderlist li{display: inline-block; margin-left: -20px;}
.leaderlist li:first-child{margin-left:0;}
.leaderlist li figure{width: 45px; height: 45px; border: solid 2px #ffffff; overflow: hidden; border-radius: 50%;}


.service-section{overflow: hidden; position: relative;}
.servicebg{background: url("../images/servicebg.jpg") no-repeat center; background-size: cover; border-radius:43px; min-height: 838px; display: flex; justify-content: center; flex-direction: column; padding: 90px;}
.servicebg .heading h2{margin:0 0 15px;}
.servicebg .heading p{margin:0;}
.servicelist{display: flex; flex-wrap: wrap; margin: 30px -11px 0;}
.servicelist li{width: 25%; padding: 0 11px;}
.servicebox{height: 100%; padding: 24px; border-radius: 16px; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); border: solid 2px rgba(255, 255, 255, 0.1); background-image: radial-gradient(circle at 6% 10%, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01) 54%); -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.servicebox:hover{  -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.1); border: solid 2px #ffffff; background-image: radial-gradient(circle at 6% 10%, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.01) 99%);}
.servicebox h4{font-size:24px; line-height: 1.2; font-family: 'circular_stdbold'; color: #ffffff; margin: 0 0 33px; position: relative;}
.servicebox h4:after{position: absolute; content:""; left: 0; bottom:-16px; width: 24px; height: 2px; background-color: #ffffff;}
.servicebox p{font-size:16px; line-height: 1.6; color: #ffffff; margin: 0;}


.faq-section{position: relative;}
.faq-section:after{position: absolute; content: ""; left: 0; top:-100px; width: 461px; height: 813px; background: url("../images/shape-3.png") no-repeat;}
.faq-row{display: flex; flex-direction: row; justify-content: space-between; overflow: hidden; flex-wrap: wrap;}
.faq-heading{width:49%; padding: 0 48px 0 0;}
.faq-heading .heading h2{margin: 0 0 24px;}
.faq-accordion{width:51%;}
.faq-accordion .accordion-item{padding:0; border-radius: 14px; background-color: #ffffff; margin: 0 0 4px; border: none;}
.faq-accordion .accordion-item .accordion-button{position: relative; padding: 24px 48px 24px 24px; background-color: transparent; box-shadow: none; font-size: 18px; line-height: 1; letter-spacing: -0.5px;   color: #ff0008;font-family: 'circular_stdbold';}
.faq-accordion .accordion-item .accordion-button.collapsed{font-family: 'circular_stdbook';color: #242424; }
.faq-accordion .accordion-item .accordion-button:after{position: absolute; content: ""; right:20px; top:20px; width: 24px; height: 24px; background:url("../images/minus-icon.svg") no-repeat center;}
.faq-accordion .accordion-item .accordion-button.collapsed{font-weight: normal;}
.faq-accordion .accordion-item .accordion-button.collapsed:after{background:url("../images/plus-icon.svg") no-repeat center;}
.faq-accordion .accordion-body{padding:0 24px 15px;}
.faq-accordion .accordion-body p{margin: 0; font-size: 16px; line-height: 1.6;}


.testimonial-section{overflow: hidden;}
.testimonial-section .heading{margin: 0 0 40px;}
.testimonial-section .heading h2{font-size: 68px;}
.owl-carousel .owl-stage{display: flex;}
.testimonial-content{padding: 30px; border-radius: 18px; background-color: #ffffff; margin: 0 0 4px; min-height: 422px;}
.testimonial-content p{font-size: 22px; line-height: 1.4; margin: 0;}
.testimonial-content p span{color: #ff0008;}
.user-detail{padding: 22.4px 30.5px 21.6px 30.5px; border-radius: 18px; background-color: #ffffff; display: flex; align-items: flex-start; gap:12px;}
.user-detail figure{display: flex; align-items: center; justify-content: center; height: 62px; width: 62px; border-radius: 50%; overflow: hidden;}
.user-detail strong{font-size: 24px; font-family: 'circular_stdbold'; line-height: 1.2; font-weight: normal;}
.user-detail strong span{display: block; width: 100%; font-size: 16px; font-family: 'circular_stdbook';}


.getintouch-row{display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 50px 50px 50px 100px; border-radius: 36px; background-image: linear-gradient(to right, #191919 -24%, #ff0008 168%); overflow: hidden;}
.getintouch-content{width: 45.5%;}
.getintouch-content h2{font-size: 54px; font-family: 'circular_stdbold'; line-height: 1; margin: 0 0 24px;}
.getintouch-content p{font-size: 22px; line-height: 1.4; margin: 0 0 24px;}
.getintouch-content .btn.whitebtn{padding: 11.5px 20px; font-size: 22px; min-width: 288px;}
.getintouch-img img{object-fit: contain; mix-blend-mode: luminosity;}


footer{padding: 60px 10px 86px; background-color: #f1f1f1; position: relative; overflow: hidden;}
footer .container{position: relative; z-index: 1;}
.footer-heading{font-family: "Inter", sans-serif; position: absolute; left: 0; right: 0; bottom:-100px; opacity: 0.1; -webkit-text-stroke: 1px #000; font-size: 280px; font-weight: 900; line-height: 1; text-align: left; color: rgba(0, 0, 0, 0.11);}
.footer-row{display: flex; flex-wrap: wrap;}
.left-column{width:27.5%; padding: 0 60px 0 0;}
.f-logo img{max-width:266px;}
.left-column ul li:first-child{padding-top:0;}
.left-column ul li{border-bottom: 1px solid #dddddd; padding:15px 0 15px;}
.left-column ul li figure{margin: 0 0 5px;}
.left-column ul li span{display: block; font-size: 16px; line-height: 1.6; text-align: left;}
.left-column ul li span a{color: #242424;}
.left-column ul li span a:hover{color: #ff0008;}
.right-column{width:72.5%; display: flex; flex-direction: column; justify-content: space-between;}
.top-link{display: flex; flex-wrap: wrap; justify-content: space-between;}
.linkcolumn{width: 25%;}
.linkcolumn h5{font-size: 16px; font-family: 'circular_stdbold'; line-height: 1.3; letter-spacing: -0.5px; margin: 0 0 8px;}
.linkcolumn ul li{padding: 0 0 8px; font-size: 16px; line-height: 1.6; text-align: left;}
.linkcolumn ul li a{color: #242424;}
.linkcolumn ul li a:hover{color: #ff0008;}
.bottom-link{  display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; padding: 16px 0; border-top: solid 1px rgba(9, 9, 9, 0.1); border-bottom: solid 1px rgba(9, 9, 9, 0.1);}
.footer-link{display: flex; align-items: center; gap:48px;}
.footer-link li{font-size: 16px; line-height: 1.6;}
.footer-link li a{color: #242424;}
.footer-link li a:hover{color: #ff0008;}
.social-link{display: flex; align-items: center; gap:16px;}


/*about us*/
.vision-section{padding-top:41px; position: relative;}
.vision-section:after{position: absolute; content: ""; top: 0; right: 0; width: 916px; height: 1254px; background: url("../images/shape-4.png") no-repeat;}
.vision-row{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.vision-content{width: 48%; padding: 0 129px 0 0;}
.vision-content .heading{margin: 0 0 40px 0;}
.vision-content .heading h2{margin: 0 0 15px 0;}
.vision-content .button-group .btn{padding: 9px 45px;}
.exp-row{display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top:12px;}
.expbox{flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-start; gap: 8px; padding: 26px 32px; border-radius: 36px; background-color: #ffffff;}
.expbox strong{font-size: 40px; line-height: 1.2; font-family: 'circular_stdbold';}
.expbox span{font-size: 20px; line-height: 1.6; opacity: 0.6;}
.vision-img{width: 52%;}
.vision-img figure{border-radius:36px; overflow: hidden;}

.datacenter-row{flex-grow: 0; flex-wrap: wrap; display: flex; flex-direction: row; justify-content: center; align-items:center; padding: 100px; border-radius: 36px; background-color: #ffffff;}
.datacenter-img{width: 44%;}
.datacenter-img figure{border-radius:36px; overflow: hidden;}
.datacenter-img figure img{width:100%;}
.datacenter-content{width: 56%; padding: 0 0 0 48px;}
.datacenter-content ul{margin: 35px 0 0;}
.datacenter-content ul li{border-top:1px solid rgba(0, 0, 0, 0.15); padding: 35px 0;}
.datacenter-content ul li:last-child{padding-bottom: 0;}
.datacenter-content ul li p{margin: 0;  font-size: 22px;}
.datacenter-content ul li .readmore{display: inline-block; margin: 36px 0 0; font-size: 24px; line-height: 1.3; letter-spacing: -0.12px; color: #ff0008;}

.experience-row{display: flex;flex-wrap:wrap; justify-content: space-between; gap:24px;}
.experiencebox{width: 49%; padding: 36px; border-radius: 36px; background-color: #ffffff;}
.experiencebox figure{width: 90px; height: 90px; margin: 0 0 32px; border-radius:50%; background-color: #f5f5f5; display: flex; align-items: center; justify-content: center;}
.experiencebox h3{font-size: 40px; line-height: 1.2; color: #121212; font-family: 'circular_stdbold'; margin: 0 0 32px; padding: 0 0 32px; border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
.experiencebox p{font-size: 24px; line-height: 1.3; letter-spacing: -0.12px;  margin: 0 0 32px;}
.experiencebox ul{padding: 0 0 0 20px; margin-bottom: 20px;}
.experiencebox ul li{font-size: 22px; line-height: 1.4; list-style: disc;}
.taglist .tag{background-color: #f5f5f5; margin:0 8px 8px 0; font-size: 16px; font-family: 'circular_stdmedium'; padding: 8px 22px;}

/*contact us*/
.location-section{position: relative; padding-top: 100px;}
.location-section:after{position: absolute; content: ""; left: 0; right: 0; top:0; height:895px; width: 100%; background: url("../images/redbg.png") no-repeat top center;}
.location-section .heading{margin: 0 0 40px;}
.location-section .heading h2{margin: 0 0 10px;}
.location-row{max-width: 1200px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 24px; margin: 40px auto 0; padding: 0;}
.locationbox{width: 49%; flex-grow: 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; gap: 10px; padding: 36px; border-radius: 36px; -webkit-backdrop-filter: blur(100px); backdrop-filter: blur(100px); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.04); border-image-source: linear-gradient(117deg, #fff 0%, rgba(255, 255, 255, 0) 100%); border-image-slice: 1; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), linear-gradient(117deg, #fff 0%, rgba(255, 255, 255, 0) 100%);}
.locationbox h5{font-size: 24px; line-height: 1.2; text-align: left; color: #ff0008; font-family: 'circular_stdbold'; margin: 0 0 48px; position: relative;}
.locationbox h5:after{position: absolute; content: ""; left: 0; bottom: -24px;  width: 105px; height: 2px; background-color: #cfcfcf;}
.locationbox p{font-size: 22px; line-height: 1.4; color: #1a1a1a; margin: 0 0 10px;}
.locationbox p:last-child{margin:0;}
.locationbox p a{color:#1a1a1a;}
.contact-form-section{background: url("../images/tech-shape.png") no-repeat center 30px;}
.contact-form{max-width: 1072px; margin: auto; gap: 48px; padding: 36px; border-radius: 36px; background-color: #ffffff;}
.contact-form h3{font-size: 54px; font-family: 'circular_stdbold'; line-height: 1; color: #121212; margin: 0 0 10px;}
.contact-form p{font-size: 22px; line-height: 1.4; color: #1a1a1a; margin: 0 0 10px;}
.contact-form .form-group{margin: 0 0 24px;}
.contact-form .form-group label{font-size: 16px; line-height: 1; letter-spacing: -0.5px; color: #1a1a1a; margin: 0 0 10px;}
.contact-form .form-group .form-control{box-shadow: none; height: 58px; padding: 18.5px 16px; border-radius: 14px; border: solid 1px #dedede; background-color: #ffffff;}
.contact-form .form-group textarea.form-control{resize: none; height: 144px;}
.contact-form .btn.redbtn{width: 100%; font-size: 22px; letter-spacing: -0.5px;}
.officemap{margin-top: 40px; position: relative; z-index: -1; border-radius: 36px; overflow: hidden;}

/*career*/
.career-section{padding-top: 40px;}
.career-banner{border-radius: 32px; overflow: hidden;}
.our-mission{max-width: 1200px; margin:-170px auto 0; padding: 48px; border-radius: 36px; -webkit-backdrop-filter: blur(100px); backdrop-filter: blur(100px); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08); border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 60%); border-image-slice: 1; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 60%);}
.our-mission h6{font-family: 'circular_stdbold'; font-size: 20px; line-height: 1; letter-spacing: -0.88px; color: #ff0008; margin: 0 0 32px;}
.our-mission h2{font-family: 'circular_stdbold'; font-size: 68px; line-height: 1.1; color: #000000; margin: 0 0 66px; position: relative;}
.our-mission h2:after{position: absolute; content: ""; left: 0; bottom: -33px;  width: 105px; height: 2px; background-color:rgba(0, 0, 0, 0.15);}
.our-mission p{font-size: 22px; line-height: 1.4; margin: 0 0 32px;}
.see-open{display: inline-block; padding: 17.7px 30px 18.3px; border-radius: 50px; background-color: #cfcfcf; font-size: 16px; line-height: 1; letter-spacing: -0.5px; color: #121212; margin: 32px 0 0; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.see-open:hover{background-color: #b6b6b6; color: #000000;}

.collaborative-row{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 0 0 64px;}
.collaborative-content{width:45%; padding: 0 64px 0 0;}
.collaborative-content .heading h2{margin: 0 0 32px; padding: 0 0 32px; border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
.collaborative-img{width: 55%;}
.collaborative-img figure{border-radius: 36px; overflow: hidden;}
.collaborative-img figure img{-moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.collaborative-img figure:hover img{-moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.techlist{display:flex; align-items: flex-start; width: 100%; margin: 0 -12px;}
.techlist li{flex: 1 1 auto; padding: 0px 12px;}
.techlist li figure{width: 70px; height: 70px; padding: 24px 23.6px 23.6px 24px; border-radius:50%; background-color: #f5f5f5;; margin: 0 0 26px; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
/* .techlist li:hover figure{background-color: #c70006;} */
/* .techlist li:hover figure img{filter: brightness(10);} */
.techlist li strong{font-family: 'circular_stdbold'; font-weight:normal; display:block; font-size: 24px; line-height: 1.2;}
.techlist li p{font-size: 22px; line-height: 1.4; margin: 26px 0 0;}

.opportunitiy-row{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 0 0 64px;}
.opportunitiy-img{width: 61%;}
.opportunitiy-img figure{border-radius: 36px; overflow: hidden;}
.opportunitiy-img figure img{-moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.opportunitiy-img figure:hover img{-moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.opportunitiy-content{width:39%; padding: 0 0 0 64px;}
.opportunitiy-content .heading{margin: 0 0 10px;}
.opportunitiy-content .heading h2{margin: 0 0 30px; padding: 0 0 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
.opportunitiy-content ul li{display: flex; align-content: center; padding:20px 0; gap:26px;}
.opportunitiy-content ul li:last-child{padding-bottom: 0;}
.opportunitiy-content ul li figure{width: 70px; height: 70px; border-radius: 50%; background-color: #ffffff; display: flex; justify-content:center; align-items: center; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.opportunitiy-content ul li:hover figure{background-color: #c70006;}
.opportunitiy-content ul li:hover figure img{filter: brightness(10);}
.opportunitiy-content ul li strong{display: flex; align-items: center; font-family: 'circular_stdbold'; font-weight:normal; font-size: 24px; line-height: 1.2;}

.workplace-section .heading{margin: 0 0 30px;}
.workplace-section .heading h2{margin: 0 0 30px; padding: 0 0 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
.workplace-row{display: flex; align-items:center; flex-wrap: wrap; gap:32px;}
.workplace-row figure{border-radius: 36px; overflow: hidden;}
.workplace-row figure img{-moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.workplace-row figure:hover img{-moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

.hire-section .heading{margin: 0 0 48px;}
.hire-row{display: flex; flex-wrap: wrap; gap: 16px;}
.hirebox{width: 32.5%; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; gap: 16px; padding: 36px; border-radius: 36px; background-color: #ffffff;}
.hirebox h5{font-family: 'circular_stdbold'; font-size: 24px; line-height: 1.2; color: #121212; padding: 0 0 16px; margin: 0 0 16px; border-bottom:1px solid rgba(0, 0, 0, 0.15);}
.hirebox p{font-size: 20px; line-height: 1.6; padding: 0 0 15px; margin: 0 0 15px; border-bottom:1px solid rgba(0, 0, 0, 0.15);}
.hirebox p:nth-last-child(2){margin: 0; border-bottom: none;}
.hirebox p span{display: block; font-size: 18px; color: #242424;}
.readmore{display: inline-block; font-size: 20px; line-height: 1.6; color: #ff0008;}
.readmore img{margin: 0 0 0 8px;}
.hire-section .graybtn{min-width: 138px;}


/*terms-and-conditions*/
.cms-section{position:relative;}
.cms-section::after{position: absolute; content: ""; left: 0; right: 0; top: 0; height: 895px; width: 100%; background: url("../images/redbg.png") no-repeat top center; background-size:cover}
.cms-row{display: flex; flex-wrap:wrap; align-items: flex-start; margin: 60px 0 0;}
.table-content{position: sticky; top: 90px; width: 310px; margin-right: 24px; padding: 36px; border-radius: 36px; -webkit-backdrop-filter: blur(100px); backdrop-filter: blur(100px); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.04); border-image-source: linear-gradient(161deg, #fff 0%, rgba(255, 255, 255, 0) 100%); border-image-slice: 1; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), linear-gradient(161deg, #fff 0%, rgba(255, 255, 255, 0) 100%);}
.table-content h4{font-family: 'circular_stdbold'; font-size: 24px; line-height: 1.2; color: #ff0008; margin: 0 0 25px; position: relative;}
.table-content h4:after{position: absolute; content: ""; left: 0; bottom: -12px;  width: 105px; height: 2px; background-color: #cfcfcf;}
.table-content ul li{font-size: 16px; line-height: 1.6; border-bottom:1px solid rgba(0, 0, 0, 0.1); padding: 10px 0;}
.table-content ul li:last-child{border-bottom:none; padding-bottom: 0;}
.table-content ul li a{color: #242424;}
.table-content ul li a.active{font-family: 'circular_stdbold';}
.table-content ul li a:hover{color: #ff0008;}
.cms-content{width: calc(100% - 310px - 24px); padding: 48px; border-radius: 36px; -webkit-backdrop-filter: blur(100px); backdrop-filter: blur(100px); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.04);
border-image-source: linear-gradient(175deg, #fff 0%, rgba(255, 255, 255, 0) 100%); border-image-slice: 1; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), linear-gradient(175deg, #fff 0%, rgba(255, 255, 255, 0) 100%);}
.cmsblock{height: 90px; margin-top: -90px;}
.cms-contentbox{margin: 0 0 36px; border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.cms-contentbox:last-child{margin:0; border-bottom:none;}
.cms-contentbox:last-child ul, .cms-contentbox:last-child p:last-child{margin:0;}
.cms-contentbox h3{font-family: 'circular_stdbold'; font-size: 24px; line-height: 1.2; color: #1a1a1a; margin: 0 0 20px;}
.cms-contentbox p{font-size: 20px; line-height: 1.6; margin: 0 0 36px;}
.cms-contentbox ul{margin: 0 0 36px;}
.cms-contentbox ul li{font-size: 20px; line-height: 1.6;}


.blog-section{padding-top:40px; background: url("../images/blogbg.png") no-repeat top center;background-size: contain;}
.blog-detail-content{width: 800px; margin: auto; max-width: 100%;}
.detail-blogbox{position: relative; border-radius:36px; padding: 16px; background-color: #ffffff; margin: 0 0 52px;}
.detail-blogbox figure{position: relative; border-radius:36px; overflow: hidden; }
.detail-blogbox figure::after{position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 100%;    background: #000;
    opacity: 0.6;}
.detail-blogbox-content{position: absolute; left:57px; right:57px; bottom:60px;}
.detail-blogbox-content h2{font-size: 40px; font-weight: bold; line-height: 1.2; color: #fff; padding: 0 0 15px; border-bottom: 2px solid #3a2324; margin: 0 0 13px; }
.page-navigation{display: flex; margin: 0 0 24px;}
.page-navigation li{font-size: 16px; line-height: 1; color: #fff; padding: 0 34px 0 0; position: relative;}
.page-navigation li:not(:last-child):after{position: absolute; content: ""; right: 7px; top:1px; width: 18px; height:13px; background: url("../images/right-white-arrow.svg") no-repeat;}
.page-navigation li:last-child{padding-right: 0;}
.page-navigation li a{color: #fff;}
.blog-post{display: flex; align-items: center; justify-content: space-between;}
.blog-post li{font-size: 16px; letter-spacing: -0.5px; color: #fff;}
.blog-post li .postdate{display: inline-block; padding-left: 30px;}
.blogcontent-row{border-bottom: 1px solid #cfcfcf;}
.blogcontent-row h3{font-family: 'circular_stdbold'; font-size: 24px; line-height: 1.2; color: #1a1a1a; margin:24px 0 16px;}
.blogcontent-row p{font-size: 20px; line-height: 1.6; margin:0 0 24px;}
.blogcontent-row ul{margin:0 0 24px; padding: 0 0 0 30px;}
.blogcontent-row ul li{position: relative; font-size: 20px; line-height: 1.6;}
.blogcontent-row ul li:after{position:absolute; content: ""; left:-20px; top: 12px; height: 8px; width:8px; border-radius:50%; background-color:#000000;}

.article-section{margin: 52px 0 0;}
.article-section h2{font-size: 36px; font-family: 'circular_stdbold'; line-height: 1.1; letter-spacing: -1px; text-align: center; color: #000000; margin: 0 0 52px;}
.bloglist{display: flex; flex-wrap: wrap; margin: 0 -12px;}
.bloglist > li{width:50%; padding: 0 12px 24px;}
.bloglist.articlelist li{width: 33.33%;}
.blogbox{padding: 24px; border-radius: 36px; background-color: #ffffff;}
.blogbox figure{border-radius:20px; overflow: hidden; margin: 0 0 16px;height: 255px;
    overflow: hidden;}

.blogbox figure img{-moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;    width: 100%;
    height: 100%;
    object-fit: cover;}
.blogbox:hover figure img{-moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.blogbox .tagline{display: block; font-family: 'circular_stdmedium'; font-size: 14px; line-height: 1; color: #898989; margin: 0 0 16px;}
.blogbox h4{font-family: 'circular_stdmedium'; font-size: 18px; line-height: 1.2; color: #000000; margin: 0 0 16px;min-height:45px}
.blogbox h4 a{color: #000000;}
.blogbox h4 a:hover{color: #c70006;}
.blogbox .blog-post li{font-family: 'circular_stdmedium'; font-size: 14px; color:#898989;}
.blogbox .blog-post li:last-child{text-align: right;}


.newblog-section{margin: 60px 0px 0px 0px; display: flex; align-items: center; flex-wrap: wrap;}
.left-blog-section{width: 57%;}
.left-blog-section .newtag{display: inline-flex; flex-direction: row; justify-content: center; align-items: center; margin: 0 0 24px; padding: 8px 18px; border-radius: 50px; background-color: #ffffff; font-size: 16px; line-height: 1; letter-spacing: -0.5px; color: #380604;}
.left-blog-section .detail-blogbox{margin: 0;}
.left-blog-section .blog-post li{font-size: 20px;}
.right-blog-section{width: 43%; padding: 0 0 0 24px;}
.freebrochure{padding:30px; border-radius: 36px; border: solid 16px #ffffff; background-color: rgba(29, 0, 1, 0.9); margin: 0 0 21px;}
.freebrochure span{display: block; font-size: 14px; line-height: 1; color: #ffffff; margin: 0 0 21px;}
.freebrochure h4{font-family: 'circular_stdbold'; font-size: 20px; line-height: 1.2; color: #ffffff; padding: 0 0 21px; border-bottom: 2px solid rgba(255, 255, 255, 0.2); margin: 0 0 21px;}
.subscribearticle{padding:30px; border-radius: 36px; border: solid 16px #ffffff; background-color: rgba(29, 0, 1, 0.9);}
.subscribearticle h4{font-family: 'circular_stdbold'; font-size: 20px; line-height: 1.2; color: #ffffff;}
.subscribearticle p{font-size: 16px; line-height: 1.3; letter-spacing: -0.08px; color: #ffffff;}
.subscribebox{position:relative;}
.subscribebox .form-control{padding:18.5px 135px 18.5px 16px; border-radius: 8px; border: solid 1px #dedede; background-color: #ffffff; box-shadow: none; height: 42px;}
.subscribebox .btn.redbtn{position:absolute; right: 0; top: 0; border-radius:0 8px 8px 0; min-width: 128px; height: 42px;}


.blog-categories{display: flex; flex-wrap: wrap; align-items: flex-start; margin: 60px 0 0;}
.blog-categories-left{width: 310px; margin-right: 24px; position: sticky; top:100px}
.blog-categories-left .table-content{position: relative; top: auto; margin: 0 0 24px;}
.blog-categories-left .table-content h4{margin: 0 0 20px;}
.blog-categories-left .table-content h4::after{width: 100%; height: 1px;}
.blog-categories-right{width: calc(100% - 320px - 24px);}
.blog-categories-right .btn.graybtn{min-width: 138px;}
.blog-search{height: 58px; padding: 18.5px 16px; border-radius: 14px; border: solid 1px #dedede; background-color: #ffffff; font-size: 18px; letter-spacing: -0.5px; margin: 0 0 24px;}
.brochurebox{padding: 40px; border-radius: 36px; background-color: #331919; margin: 0 0 24px;}
.brochurebox figure{padding:20px 32px; border-radius: 16px; background-color: #fdf9f3; text-align: center; margin: 0 0 21px;}
.brochurebox h4{position: relative; font-family: 'circular_stdbold'; font-size: 20px; line-height: 1.2; color: #ffffff; margin: 0 0 42px;}
.brochurebox h4:after{position:absolute; content: ""; left:0; bottom:-21px; height:1px; width:100%; background-color: rgba(255, 255, 255, 0.2);}
.downloadbtn{font-size: 18px; line-height: 1; color: #ffffff;}
.downloadbtn img{margin: 0 0 0 8px;}

.engineering-service-row{position:relative;}
.engineering-service-row figure{ border-radius:36px; overflow: hidden;}
.banner-service-content{width: 663px; max-width: 100%; padding: 48px; border-radius: 36px; background-color: #c70006; margin-top: -358px; position: relative; z-index: 1; margin-left: 70px;}
.banner-service-content h2{font-family: 'circular_stdbold'; font-size: 68px; color: #fff; margin: 0 0 74px; position: relative;}
.banner-service-content h2:after{position: absolute; content: ""; left: 0; bottom: -40px; border-radius:30px; width: 105px; height: 2px; background-color: #ffffff;}
.banner-service-content p{font-size: 22px; line-height: 1.4; color: #fff; margin: 0 0 24px;}
.banner-service-content .whitebtn{font-size: 22px; width: 288px; padding: 12px 15px;}

.service-img-section .datacenter-img{width: 48%;}
.service-img-section .datacenter-content{width: 52%;}
.datacenter-content ul.notop-border li:first-child{border-top: 0; padding: 0 0 35px 0;}
.techlist li figure.graybg{background-color:#f5f5f5;}
/* .techlist li:hover figure.graybg{background-color:#c70006;} */
.infrastructure-section .datacenter-content{padding: 0 48px 0 0;}
.roadmapbox{position: relative;}
.roadmapbox > figure{border-radius:36px; overflow: hidden;}
.roadmap-content{position: absolute; left: 0; top: 0; height: 100%; width: 100%; max-width: 750px; border-radius:36px; overflow: hidden; padding: 100px 0 100px 100px; display: inline-flex; justify-content: center;
flex-direction: column; align-items: flex-start;}
.roadmap-content h2{margin:0 0 20px;}
.roadmap-content p{margin:0 0 25px;}
.roadmap-content .btn.whitebtn{padding: 11.5px 20px; font-size: 22px; min-width: 288px;}


.solutionbg-section{padding-top:40px;}
.service-img-section .flex-row-reverse .datacenter-content{padding-left: 0; padding-right: 48px;}
.techtopborder{padding:64px 0 0; margin: 64px 0 0; border-top: 1px solid rgba(0, 0, 0, 0.15);}
.solution-row{border-radius: 32px; background-color: #f6dcdd; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; padding: 80px;}
.solution-row .solution-content{width:55%; padding:0 60px 0 0;}
.solution-row .solution-content .page-navigation li, .solution-row .solution-content .page-navigation li a{letter-spacing: -0.88px; color: #ff0008;}
.solution-row .page-navigation li:not(:last-child)::after{background: url("../images/right-red-arrow.svg") no-repeat; background-size: 17px;}
.solution-row .solution-content h1{font-family: 'circular_stdbold'; font-size: 68px; line-height: 1.1; color: #000; margin: 0 0 10px;}
.solution-row .solution-content p{font-size: 22px; line-height: 1.4; margin: 0 0 40px;}
.solution-row .solution-content .btn.redbtn{min-width: 291px;}
.solution-row .solution-img{width:45%;}
.techlist.techlistrow{flex-wrap: wrap;}
.techlist.techlistrow li{width: 25%; padding:24px 12px;}


.calculate-row{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 129.8px 72px 125.8px 129px; border-radius: 25px; position: relative; overflow: hidden; background: url("../images/calculatebg.jpg") no-repeat; background-size: cover;}
.calculate-row:after{position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 100%; background-image: linear-gradient(to right, rgba(0, 0, 0, 0) -17%, rgba(0, 0, 0, 0.9) 39%, #000 100%);}
.cost-structure{position: relative; z-index: 1; width: 43%;}
.calculate-form{padding: 30px 31px; border-radius: 18px; background-color: #fff; margin: 0 0 16px;}
.calculate-form .formlogo{margin:0 0 24px;}
.calculate-form .formlogo img{max-height: 21px;}
.calculate-form h4{font-family: 'circular_stdbold'; font-size: 24px; line-height: 1.2; color: #000; margin:0 0 24px;}
.calculate-form .form-group{margin: 0 0 15px;}
.calculate-form .form-group label{font-size: 16px; line-height: 1; letter-spacing: -0.5px; color: #000; margin: 0 0 10px;}
.calculate-form .form-group .form-control{box-shadow: none; font-size: 18px; line-height: 1; letter-spacing: -0.5px; color: #000; height: 58px; padding: 18.5px 16px; border-radius: 14px; border: solid 1px #dedede; background-color: #fff;}
.calculate-form .form-group select.form-control{background-image: url("../images/down-arrow.svg"); background-repeat: no-repeat; background-position: 98% center;}
.calculate-form .btn.redbtn{width: 100%;}
.projectcost{display: flex; gap: 9px; padding: 30px 31px; border-radius: 18px; background-color: #fff;}
.cost{width: 50%;}
.cost span{display: block; font-size: 18px; letter-spacing: -0.5px; margin: 0 0 9px;}
.cost strong{display: block; font-weight: normal; font-family: 'circular_stdbold'; font-size: 38px; line-height: 1.1; letter-spacing: -0.5px; color: #3f3f3f;}
.calculate-content{position: relative; z-index: 1; width: 57%; padding: 0 0 0 48px;}
.calculate-content h3{font-family: 'circular_stdbold'; font-size: 54px; line-height: 1.2; color: #fff; margin: 0 0 24px;}
.calculate-content p{font-size: 30px; line-height: 1.2; letter-spacing: -0.5px; color: rgba(255, 255, 255, 0.7); margin: 0 0 50px;}
.calculate-content p strong{font-family: 'circular_stdbold'; font-weight: normal; color:#ffffff;}
.calculate-content .btn.graybtn{min-width: 288px; font-size: 22px;}


.card-box {
      padding: 48px;
  border-radius: 36px;
  background-color: #fff;
}

.card-box-title h4{
     font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    min-height: 58px;
}

@media (min-width: 1430px) {
	.globalbox {
		    padding: 30px 150px;
	}
.container{max-width: 1424px;}
}
@media (max-width:1429px){
.heading h2 br{display: none;}
.container{max-width: 1154px;}
.logo{max-width: 250px;}
.header .navbar{width: calc(100% - 260px);}
.banner-content .heading{padding: 0 0 0 60px;}
.servicebg{padding: 90px 40px;}
.footer-heading{bottom: -30px; font-size: 200px;}
.offer-section::after{top: -100px; width: 310px; height: 662px; background-size: 310px;}
.solution-section::after{top: -50px; width: 400px; height: 657px; background-size: 400px;}
.faq-section::after{top:150px; width: 300px;height: 529px; background-size: 300px;}
.button-group .whitebtn{min-width: 140px;}
.button-group .btn{min-width: 120px;}
/*about us*/
.vision-content{padding: 0 70px 0 0;}
.datacenter-row{padding: 100px 50px;}
.datacenter-img{width: 50%;}
.datacenter-content{width: 50%;}
.experiencebox{width: 48.5%;}
.vision-section:after{width: 700px; height: 958px; background-size: 700px;}

/*contact us*/
.locationbox{width: 48.5%;}

/*career*/
.our-mission h2{font-size: 64px;}
.opportunitiy-img{width:55%;}
.opportunitiy-content{width: 45%;}
.workplace-row figure:nth-child(1){width:60%;}
.workplace-row figure:nth-child(2){width:37%;}
.workplace-row figure:nth-child(3){width:42%;}
.workplace-row figure:nth-child(4){width:55%;}
.hirebox{width: 32%;}

.detail-blogbox figure img{max-width: inherit; object-fit: cover;}

.solution-row{padding: 50px 40px;}
.solution-row .solution-content h1{font-size: 54px;}

.calculate-row{padding:50px 50px;}
}
@media (max-width:1199px){
.solutionbg-section{padding-top: 20px;}
.navbar-expand-lg .navbar-nav{flex-direction: column;}
.navbar-expand-lg .navbar-toggler{display: flex;}
.header .navbar-nav .nav-item{padding: 10px 0; flex: inherit;}
.header .button-group{align-items: flex-start; width: 100%; flex-direction: column; padding:15px 15px;}
.button-group .btn{min-width: 175px;}	
.heading h1{font-size: 54px;}
.heading h2{font-size: 44px; margin: 0 0 5px;}
.heading p{font-size: 20px;}
.banner-section{margin: 20px 0 80px;}
.offercontent h3{font-size: 34px;}
.section-pb{padding-bottom:80px;}
.solutionbox{padding: 20px 25px;}
.solutionbox strong{font-size: 22px;}
.solutionbox span{font-size: 20px;}
.leader-comment p{font-size: 20px;}
.leader-comment h5{font-size: 22px;}
.globalbox{padding:70px;}
.servicebg{padding: 90px 40px; min-height: inherit;}
.servicelist{margin: 30px -5px 0;}
.servicelist li{padding: 0 5px;}
.servicebox{padding: 20px;}
.servicebox h4{font-size: 20px;}
.testimonial-section .heading h2{font-size: 54px;}
.testimonial-content p{font-size: 20px;}
.testimonial-content{min-height: 320px;}
.getintouch-row{padding: 50px 50px;}
.f-logo img{max-width: 100%;}
.left-column{width: 25%; padding: 0 25px 0 0;}
.left-column ul li{padding: 10px 0 10px;}
.left-column ul li span{font-size: 14px;}
.linkcolumn ul li{font-size: 14px;}
.linkcolumn{width: auto;}
.footer-link li{font-size: 14px;}
.solution-section::after{top: -20px; width: 350px; height: 575px; background-size: 350px;}

/*about us*/
.datacenter-content ul li{padding: 15px 0;}
.datacenter-content ul li p{font-size: 20px;}
.datacenter-content ul li .readmore{font-size: 20px;}
.experiencebox{padding:30px 15px;}
.experiencebox h3{font-size: 30px; margin: 0 0 20px; padding: 0 0 20px;}
.experiencebox p{font-size: 22px; margin: 0 0 25px;}
.experiencebox ul li{font-size: 20px; line-height: 1.2;}
.vision-section:after{width: 550px; height: 753px; background-size: 550px;}

/*contact us*/
.location-section{padding-top:50px;}
.locationbox{padding: 25px;}
.locationbox p{font-size: 20px;}
.contact-form h3{font-size: 44px;}
.contact-form p{font-size: 20px;}
.officemap iframe{height: 500px;}

/*career*/
.our-mission{max-width: 960px; margin: -100px auto 0; padding: 30px;}
.our-mission h2{font-size: 50px;}
.our-mission p{font-size: 20px;}
.collaborative-content{width: 100%; padding: 0 0 40px 0;}
.collaborative-content .heading h2{margin: 0 0 20px; padding: 0 0 20px;}
.collaborative-img{width: 100%;}
.collaborative-img img{width: 100%;}
.techlist li strong{font-size:20px;}
.techlist li p{font-size:20px;}
.opportunitiy-row{flex-direction: row-reverse;}
.opportunitiy-img{width: 100%;}
.opportunitiy-img img{width: 100%;}
.opportunitiy-content{width: 100%; padding: 40px 0 0 0;}
.opportunitiy-content ul li{padding: 10px 0;}
.opportunitiy-content ul li strong{font-size: 22px;}
.opportunitiy-content ul li strong br{display: none;}
.workplace-row figure:nth-child(1){width:59%;}
.workplace-row figure:nth-child(2){width:36%;}
.workplace-row figure:nth-child(3){width:41%;}
.workplace-row figure:nth-child(4){width:55%;}
.hirebox{width: 32%;}	


.detail-blogbox-content h2{font-size: 30px;}
.freebrochure{padding: 25px;}
.subscribearticle{padding: 25px;}
.detail-blogbox-content{left: 40px; right: 40px; bottom: 50px;}

.banner-service-content{width: 500px; padding: 30px; margin-top: -278px;}
.banner-service-content h2{font-size: 50px; margin: 0 0 54px;}
.banner-service-content h2::after{bottom: -30px;}
.roadmap-content{padding: 100px 0 100px 50px; max-width: 600px;}
.datacenter-content ul.notop-border li:first-child{padding: 0 0 15px 0;}

.solution-row .solution-content h1{font-size: 44px;}
.solution-row .solution-content .btn.redbtn{min-width: 200px;}

.calculate-row{padding:50px 30px;}
.cost-structure{width: 45%;}
.calculate-form{padding: 20px 15px;}
.projectcost{padding: 20px 15px;}
.cost span{font-size: 16px;}
.cost strong{font-size: 30px;}
.calculate-content{width: 55%; padding: 0 0 0 30px;}
.calculate-content h3{font-size: 40px; margin: 0 0 15px;}
.calculate-content p{font-size: 22px; margin: 0 0 30px;}
.calculate-content .btn.graybtn{min-width: 218px; font-size: 18px;}
}
@media (max-width:991px){
.banner-section{margin: 0 0 50px;}
.banner-section figure img{height: 450px; object-fit: cover;}
.banner-content .heading{padding: 30px 0 30px 25px;}
.heading h1{font-size: 44px; margin: 0 0 60px;}
.heading h1{font-size: 54px;}
.heading h2{font-size: 36px;}
.heading p{font-size: 18px;}
.heading p br{display: none;}
.banner-section .heading h1::after{bottom: -29px;}
.section-pb{padding-bottom:50px;}
.offerlist{margin: -8px;}
.offerlist li{padding:8px;}
.offerbox{padding: 10px;}
.offercontent{padding: 25px;}
.offercontent h3{font-size: 28px;}
.taglist .tag{padding: 6px 12px; font-size: 14px;}
.solutionbox strong{font-size: 18px;}
.solutionbox span{font-size: 18px;}
.globalbox{padding: 40px 40px;}
.leader-section .heading{padding: 0 0 20px;}
.leader-comment{padding: 25px 0;}
.leader-comment p{font-size: 18px;}
.leader-comment h5{font-size: 20px;}
.servicebg{padding: 30px 25px;}
.servicelist li{padding: 5px; width: 50%;}
.faq-heading{width: 100%; padding: 0 0 25px 0;}
.faq-heading .heading h2{margin: 0 0 5px 0;}
.faq-accordion{width: 100%;}
.testimonial-section .heading h2{font-size: 44px;}
.testimonial-content{min-height: 210px; padding: 15px;}
.testimonial-content p{font-size: 18px;}
.user-detail{padding:15px;}
.user-detail strong{font-size: 20px;}
.user-detail strong span{font-size: 15px;}
.getintouch-row{padding:40px 30px;}
.getintouch-content{width: 55%;}
.getintouch-content h2{font-size: 34px;}
.getintouch-content p{font-size: 18px;}
.getintouch-content .btn.whitebtn{padding: 10px 20px; font-size: 18px; min-width: 170px;}
.footer-heading{bottom: -30px; font-size: 125px;}
footer{padding: 30px 0 80px;}
.left-column{width: 100%; padding: 0 0 25px 0;}
.right-column{width: 100%;}
.bottom-link{padding: 10px 0; margin-top: 20px;}
.solution-section::after{top: -20px; width: 300px; height: 492px; background-size: 300px;}
.faq-section::after{top:20px;}

/*about us*/
.vision-content{padding: 0 0 50px 0; width: 100%;}
.vision-img{width: 100%;}
.vision-img figure img{width: 100%;}
.datacenter-row{padding: 50px 30px; flex-wrap: wrap; flex-direction: column-reverse;}
.datacenter-img{width: 100%;}
.datacenter-img img{width: 100%;}
.datacenter-content{width: 100%; padding: 0 0 48px 0;}
.experiencebox{width: 48%;}
.experiencebox h3{font-size: 28px;}
.experiencebox p{font-size: 20px;}
.experiencebox ul li{font-size: 18px;}
.vision-section:after{top:250px; width: 500px; height: 684px; background-size: 500px;}

/*contact us*/
.locationbox{width: 48%;}
.locationbox h5{font-size: 22px;}
.locationbox p{font-size: 18px;}
.contact-form h3{font-size: 38px;}

/*career*/
.our-mission{padding: 30px 20px;}
.our-mission h2{font-size: 36px; margin: 0 0 40px;}
.our-mission h2::after{bottom: -20px;}
.our-mission p{font-size: 18px;}
.collaborative-row{margin: 0 0 44px;}
.techlist{justify-content: center;}
.techlist li{text-align: center; width:25%;}
.techlist li figure{margin: 0 auto 26px;}
.opportunitiy-content .heading h2{margin: 0 0 20px; padding: 0 0 20px;}
.opportunitiy-content ul li strong{font-size: 20px;}
.workplace-row{gap: 18px;}
.hirebox{width: 48.5%;}

.table-content{width: 270px; padding: 30px 15px;}
.cms-content{width: calc(100% - 270px - 24px); padding: 30px 20px;}
.cms-contentbox{margin: 0 0 20px;}
.cms-contentbox p{font-size: 18px; margin: 0 0 20px;}

.newblog-section{margin: 30px 0px 0px 0px;}
.left-blog-section{width: 100%; margin-bottom: 24px;}
.right-blog-section{width: 100%; padding: 0;}
.blog-categories{margin: 30px 0 0;}
.blog-categories-left{width: 100%; margin-right: 0;}
.blog-categories-left .table-content{width: 100%;}
.blog-categories-right{width: 100%;}
.bloglist.articlelist li{width: 50%;}

.banner-service-content h2{font-size: 36px;}
.banner-service-content p{font-size: 20px; line-height: 1.2;}
.banner-service-content {width: 700px; padding: 30px; margin-top: -60px; margin-left: auto; margin-right: auto;}
.banner-service-content .whitebtn{font-size: 18px; width: auto; padding: 12px 35px;}
.service-img-section .datacenter-row{flex-direction: inherit;}
.service-img-section .datacenter-img{width: 100%;}
.service-img-section .datacenter-content{width: 100%; padding: 40px 0 0 0;}
.service-img-section .flex-row-reverse .datacenter-content{padding-right: 0;}
.techlist li strong{font-size: 18px;}
.techlist li p{font-size: 18px;}
.roadmap-content{padding: 50px 0 50px 30px; max-width: 500px;}
.roadmap-content .btn.whitebtn{font-size: 18px; width: auto; padding: 12px 35px; min-width: inherit;}

.solution-row{padding: 40px 20px;}
.solution-row .solution-content{width: 100%; padding: 0 0 30px 0;}
.solution-row .solution-content h1{font-size: 38px;}
.solution-row .solution-content p{font-size: 20px; margin: 0 0 20px;}
.solution-row .solution-img{width: 100%; text-align: center;}
.solution-row .solution-img img{max-width:400px;}

.cost-structure{width: 100%;}
.calculate-content{width: 100%; padding: 30px 0 0 0;}
}
@media (max-width:767px){
.container{max-width: 100%;}
.section-pb{padding-bottom:30px;}
.banner-section{margin: 0 0 30px;}
.banner-section figure img{height: 350px;}
.banner-content .heading{padding: 30px 0 30px 0;}
.heading h1{font-size: 24px; margin: 0 0 20px;}
.heading h2{font-size: 20px;}
.heading p{font-size: 14px;}
	.point_style img {max-height:25px}
.banner-section .heading h1::after{bottom: -19px;}
.offer-section .heading{margin: 0 0 30px;}
.offerlist{margin: 0;}
.offerlist li{padding: 0 0 15px 0; width: 100%;}
.offerbox figure, .offerbox figure img{min-height: 320px;}
.offerbox figure img{object-fit: cover;}
.offercontent h3{font-size: 24px;}
.solutionlist li{width: 50%;}
.solutionbox{padding: 15px 15px;}
.solutionbox strong{font-size: 16px;}
.solutionbox span{font-size: 16px;}
.solutionbox figure img{max-width: 30px;}
.globalbox{padding: 20px 10px;}
.global-section .globallink{gap: 10px;}
.global-section .globallink .btn{padding: 9px 15px; font-size: 16px;}
.leader-comment p{font-size: 16px;}
.leader-comment h5{font-size: 20px;}
.servicebg{padding: 30px 15px;}
.servicelist{margin: 30px 0 0;}
.servicelist li{padding: 0 0 10px; width: 100%;}
.testimonial-section .heading h2{font-size: 34px;}
.testimonial-content{min-height: 150px; padding: 15px;}
.testimonial-content p{font-size: 16px;}
.user-detail figure{height: 50px; width: 50px;}
.user-detail strong{font-size: 18px;}
.user-detail strong span{font-size: 14px;}
.getintouch-row{padding: 30px 15px; flex-wrap: wrap;}
.getintouch-content{width: 100%; margin: 0 0 30px;}
.getintouch-content h2{font-size: 28px; margin: 0 0 15px;}
.getintouch-content p{font-size: 16px;}
.getintouch-img{text-align: center;}
footer{padding:25px 0 15px;}
.linkcolumn {padding: 10px 0;}
.linkcolumn ul li{padding: 0 0 5px;}	
.bottom-link{flex-wrap: wrap; justify-content: center;}
.footer-link{gap: 24px; width: 100%; justify-content: center;}
.social-link{gap: 15px; margin: 20px 0px 0px 0px;}
.footer-heading{bottom: -10px; font-size: 60px;}
.offer-section::after{top:50px; width: 200px; height: 534px; background-size: 200px;}
.solution-section::after{top: 140px; width: 200px; height: 328px; background-size: 200px;}
.faq-section::after{top:0; width: 250px;height: 441px; background-size: 250px;}

/*about us*/
.vision-content .button-group .btn{padding: 9px 25px;}
.datacenter-row{padding:30px 15px;}
.datacenter-content ul li p{font-size: 18px;}
.datacenter-content ul li .readmore{font-size: 18px;}
.experiencebox{padding: 30px 15px; width: 100%;}
.experiencebox h3{font-size: 24px;}
.experiencebox p{font-size: 18px;}
.experiencebox ul{min-height: inherit; margin-bottom: 20px;}
.experiencebox ul li{font-size: 16px;}
.expbox{padding:20px 15px;}
.expbox strong{font-size: 26px;}
.expbox span{font-size: 18px; line-height: 1.2;}
.vision-section:after{top:150px; width: 300px; height: 414px; background-size: 300px;}

/*contact us*/
.location-row{gap: 0; margin: 0;}
.locationbox{width: 100%; margin: 0px 0px 20px;}
.locationbox h5{font-size: 22px; margin: 0 0 20px;}
.locationbox h5::after{bottom: -14px;}
.contact-form{padding: 30px 15px;}
.contact-form p{font-size: 18px; margin: 0 0 20px;}
.contact-form .form-group .form-control{height: 46px;}
	select.wpcf7-form-control.wpcf7-select.form-control {
    padding: 0 16px;
}
.contact-form .btn.redbtn{font-size: 18px;}
.officemap{margin-top: 40px;}
.officemap iframe{height: 300px;}

/*career*/
.our-mission{padding: 20px 15px; margin: 10px auto 0;}
.our-mission h2{font-size: 30px;}
.career-section{padding-bottom: 60px;}
.collaborative-section{padding-bottom: 70px;}
.collaborative-row{margin: 0 0 15px;}
.collaborative-content{padding: 0 0 20px 0;}
.techlist{flex-wrap: wrap;}
.techlist li{text-align: center; width: 50%; flex: inherit; padding: 15px 12px;}
.techlist li figure{margin: 0 auto 16px; width: 60px; height: 60px; padding: 15px;}
.techlist li p{font-size: 18px; line-height: 1.2; margin: 15px 0 0;}
.opportunitiy-content ul li{gap:15px;}
.opportunitiy-content ul li figure{width: 60px; height: 60px;}
.opportunitiy-content ul li strong{font-size: 18px;}
.workplace-section{padding-bottom: 70px;}
.workplace-section .heading h2{margin: 0 0 20px; padding: 0 0 20px;}
.workplace-row figure:nth-child(1){width: 100%;}
.workplace-row figure:nth-child(2){width: 100%;}
.workplace-row figure:nth-child(3){width: 100%;}
.workplace-row figure:nth-child(4){width: 100%;}
.hire-section .heading{margin: 0 0 10px;}
.hirebox{width: 100%; padding:30px 15px;}
.hirebox p{font-size: 18px; line-height: 1.2; padding: 0 0 10px; margin: 0 0 10px;}
.readmore{font-size: 18px;}

.section-pt{padding-top: 30px;}
.cms-row{margin:30px 0 0;}
.table-content{width:100%; padding: 30px 15px; position: relative; top: auto; margin: 0;}
.cms-content{width:100%; padding: 30px 15px; margin: 30px 0 0;}
.cms-contentbox{margin: 0 0 20px;}


.detail-blogbox-content h2{font-size: 24px;}
.left-blog-section .blog-post li{font-size: 16px;}
.bloglist > li{width: 100%; padding: 0 12px 24px;}
.blogbox{padding: 15px;}
.blogbox figure img{width: 100%;}
.blog-post{flex-wrap: wrap;}
.blog-post li .postdate{padding-left: 20px;}
.article-section h2{font-size: 30px;}
.blogcontent-row p{font-size: 18px; line-height: 1.4; margin: 0 0 20px;}
.blogcontent-row ul{margin: 0 0 20px;}
.blogcontent-row ul li{font-size: 18px; line-height: 1.4;}
.bloglist.articlelist li{width:100%;}

.banner-service-content{width: 100%; padding: 20px 15px; margin-top: 10px;}
.banner-service-content h2{font-size: 30px;}
.banner-service-content p{font-size: 18px;}
.banner-service-content .whitebtn{font-size: 16px; padding: 9px 15px;}
.roadmapbox figure img{height: 300px; object-fit: cover;}
.datacenter-img figure.mb-5{margin-bottom:2rem !important;}
.datacenter-content ul{margin: 15px 0 0;}
.techtopborder{padding: 30px 0 0; margin: 30px 0 0;}
.techlist.techtopborder li{width: 100%;}

.solution-row .solution-content h1{font-size: 30px;}
.solution-row .solution-img img{max-width: 300px;}
.techlist.techlistrow li{width: 50%; padding:10px 12px;}

.calculate-row{padding: 30px 12px;}
.calculate-form h4{font-size: 20px;}
.calculate-form .form-group .form-control{font-size: 15px; height: 50px; padding: 15px 10px;}
.cost strong{font-size: 24px;}
.calculate-content h3{font-size: 30px; margin: 0 0 10px;}
.calculate-content p{font-size: 18px; margin: 0 0 20px;}
}
/* body:not(.page-id-334) .datacenter-section .techlist li figure {
    background: #fff;
} */

.tnp-field label {
    display: none;
}
body .tnp.tnp-subscription {
    margin: 0;
}


nav .menu-item .sub-menu-toggle {
    display: none;
}