/** Services Page CSS **/

.srvcs .tp-hdng{background: #000;display: inline-block;padding: 10px 20px;border-radius: 50px;margin-bottom: 30px;}
.tp-hdng p {color: #fff;font-size: 24px;}
.aws-intro__right p{font-weight: 400;
  line-height: 1.4;
  padding-bottom: 25px}
.solution__area {padding: 80px 0px;}
.srvcs .tp-hdng h2 {color: #fff;font-size: 24px;font-weight: 300;margin:0;}
.srvcs .solution__btm .content{justify-content: end;}
.frmcontry{display:none;}
@media (max-width: 1399px) {.solution__btm .content {margin-top: 30px;padding-left: 40px;}}
.solution__btm .content {gap: 100px;display: flex;align-items: flex-start;padding-bottom: 65px;margin-top: 20px;}
.solution__btm .video{width: 850px;height: 400px;overflow: hidden;border-radius: 200px;}
.srvcs .solution__btm .video img {width: 100%;height: auto;}
.solution__btm {display: grid;grid-template-columns: 1fr 2fr;}
.solution__btm .scroll-down{border-radius: 50px;border: none;padding: 15px 20px;display: flex;align-items: center;gap: 20px;color: #101010;border: 1px solid rgba(16, 16, 16, .0784313725);background-color: transparent;
font-weight: 500;text-transform: uppercase;transform: rotate(-90deg) translate(-200px, -30px);}
.solution__btm .scroll-down img{width: 14px;height: auto;transform: rotate(180deg);}
.develop__area{padding-top:50px;}
.develop__content{display: grid;grid-template-columns: 1fr 0.8fr;margin-bottom: 70px;}
.develop__area .sec-title{font-size:50px;}
.develop__content p{font-weight: 400;line-height: 1.4;  padding-bottom: 25px;}
.service__area-3{background: #101010;}
.prcs .s-title{color: #fff;font-size: 50px;font-weight: 400;line-height: 1.1;max-width: 450px;margin-bottom:30px;}
@media (max-width: 1919px) {.service__list.style-3 {height: 88vh;}}
.service__list.style-3 {display: flex;height: 78vh;min-height: 650px;transition: all .3s;}
.service__list.style-3 .item {position: relative;flex-basis: 15%;overflow: hidden;padding: 65px;cursor: pointer;border: 1px solid #232323;border-right: none;transition: all .3s;}
@media (max-width: 1399px) {.service__list.style-3 .item {padding: 40px;}}
@media (max-width: 1399px) {.service__list.style-3 .number {margin-bottom: 50px;}}
@media (max-width: 1919px) {.service__list.style-3 .number {margin-bottom: 80px;}}
.service__list.style-3 .number {color: #fff;font-size: 14px;font-weight: 500;line-height: 1.5;font-family: "DM Sans", sans-serif;margin-bottom: 110px;position: relative;display: flex;align-items: center;gap: 10px;}
.service__list.style-3 .active .content {transform: translate(0, 0);}
.service__list.style-3 .content {transform: translate(210px, 0);transition: all .5s;}
.service__list.style-3 .title {color: #fff;font-size: 40px;font-weight: 400;line-height: 1.1;transition: all .5s;transform: translate(-36vh, 160px) rotate(-90deg);width: 78vh;}
@media (min-width: 1400px) {.service__list.style-3 .item {padding: 60px 30px;}}
@media (min-width: 1400px) {.service__list.style-3 .title {transform: translate(-28vh, 110px) rotate(-90deg);width: 64vh;}}
.service__list.style-3 p{color:#999;}
.service__list.style-3 .active p{padding-bottom:25px;}
.service__list.style-3 .number span {width: 18px;height: 18px;border-radius: 100%;display: inline-block;border: 1px solid #232323;}
.service__list.style-3 .number span::before {position: absolute;content: "";width: 6px;height: 6px;left: 6px;top: 7px;border-radius: 100%;background-color: #fff;}
.service__list.style-3 .active.item{flex-basis: 100%;cursor: auto;transition: all .3s;}
.prcs .service__list.style-3 .active .title{font-size: 32px;padding-right: 100px;}
.service__list.style-3 .active .title {font-size: 70px;padding-bottom: 25px;transform: translate(0, 0);}
.pb-150{padding-bottom: 150px;}
.area-resi{margin-top:60px;}
.award__area-2 .sec-title{max-width: 890px;text-transform: uppercase;padding-top: 50px;}
.why--us .award__list-2 {margin-left: auto;max-width: 100%;}
.award__list-2{margin-top: 80px;}
.why--us .award__list-2 .item{grid-template-columns:0.3fr 1fr 2fr;}
.award__list-2 .item:first-child{border-top:1px solid #ececec;}
.award__list-2 .item {gap: 15px;display: grid;align-items: center;grid-template-columns: 0.3fr 1fr 1fr 0.5fr;padding-top: 27px;padding-bottom: 27px;border-bottom: 1px solid #ececec;}
.award__list-2 .item .achivement, .award__list-2 .item .number{color: #101010;font-family: "DM Sans", sans-serif;font-size: 18px;font-weight: 400;line-height: 1.3;text-transform: uppercase;}
.award__list-2 .item .title{font-family: beatrice;font-size: 22px;font-weight: 400;line-height: 1;text-transform: uppercase;}
.award__list-2 .item p{color: #101010;text-transform: uppercase;}
.pt-150{padding-top: 150px;}
.faq__wrapper{gap: 110px;display: grid;grid-template-columns: 0.9fr 1fr;}
.faq__left img{width:100%;}
.faq__right .title{font-size: 50px;font-weight: 400;line-height: 1.1;padding-bottom: 65px;}
.faq__list .accordion-item:first-of-type{border-radius:0;}
.faq__list .accordion-item{border-left: 0;border-right: 0;}
.faq__list .accordion-item:first-of-type .accordion-button{border-radius:0;}
.faq__list .accordion-button:not(.collapsed){background-color:transparent;box-shadow:none;}
.faq__list .accordion-button{color: #101010;font-size: 22px;font-weight: 500;line-height: 1.3;padding: 25px 0 23px;font-family: "DM Sans", sans-serif;}
.faq__list .accordion-body{padding:0 50px 50px 0;}
.contact__form .group-input{display: grid;grid-template-columns:1fr 1fr;}
@media (max-width: 1399px) {.faq__list .accordion-body {padding: 0 0 25px 0;}}
p {color: #555;font-size: 18px;font-style: normal;font-weight: 400;line-height: 1.3;}
a {text-decoration: none;transition: all .3s;color: inherit;}
.accordion-button::after{content:"";background-image:url('https://www.justboxit.ae/assets/imgs/plus.png');background-size:contain;background-repeat:no-repeat;width:16px;height:16px;display:inline-block;transform:none;}
.accordion-button:not(.collapsed)::after{background-image:url('https://www.justboxit.ae/assets/imgs/minus.png');transform:none;}
.quote-form.quote-form_style{max-width: 800px;margin: 0 auto 90px;padding: 20px 20px 40px;background: #fef1f1;border-radius: 15px;}
.journey__wrapper{padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;}
.journey__left .sec-title{max-width:450px;}
.why_us .journey__right .item{display: grid;grid-template-columns: 1fr 5fr;margin-bottom: 35px;}
.journey__right .year{color: #101010;font-size: 17px;font-weight: 400;line-height: 1.5;}
.journey__right .desc p{line-height:1.5;}
.why_us .sec-title{font-size:48px;}
.map__content{display:flex;justify-content: center;align-items: center;margin-top: 50px;}
.map__content .country_names{width:30%;}
.map__content .map-img{width:60%;}
.map__content .map-img img{width:100%;height:auto;}
.map__content .country_names .gcc_list{display:flex;flex-wrap:wrap;}
.map__content .country_names .gcc_list li{width:49%;font-size:1.2em;margin-top:10px;}
.cta_top{position: absolute;top:30%;width: 50%;padding: 50px;right: 10%;background: #fff;}
.cta_top h2{font-size:60px;}
.cta__section{position: relative;}
.cta_top .btn-wrap{margin-top:50px;}
.img-reveal img{height:100%;width:100%;object-fit:cover;transform-origin:left;}
.hero-title{line-height:1;font-weight:400;font-size:100px;}
.hero-title.arova-fade{opacity: 1 !important;transform: none !important;animation: none !important;transition: none !important;}
.car__content .service-title-wrap{display: flex;justify-content: space-around;margin-bottom: 30px;align-items: center;}
.car__content .gcimg{width:45%;}
.car__content .gc-dtl{width:50%;}
.car__content h2 {font-size: 40px;}
.car__content p {margin: 30px 0;}
.pb-50{padding-bottom:50px;}
.pb-100{padding-bottom:100px;}
.pt-50{padding-top:50px;}
.service__list.style-3 .item:last-child{border-right: 1px solid #232323;}
.prv-content p{margin:20px 0px;}
.prv-content h2{margin:20px 0px;}
/*Contact Us*/

.contact_info{display: flex;justify-content: space-around;gap: 40px;flex-wrap: wrap;}
.contact_info .info_bx {box-shadow: 0 7px 15px 0 #00000026;width: 90%;padding: 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;flex: 20%;}
.contact_info .info_bx p {padding-bottom: 5px;}
.contact_info .info_bx a:hover {color: #000;}
.contact_info .info_bx a {font-size: 1rem;margin-bottom: 10px;color: #ee4038;}
.contact__direct, .contact__mid {display: grid;grid-template-columns: 1fr 2.85fr;}
.contact__form .group-input {gap: 80px;display: grid;grid-template-columns: 1fr 1fr;}
.contact__form .group-input, .contact__form .single-input {margin-bottom: 50px;}
.contact__form .group-input input, .contact__form .group-input select, .contact__form .group-input textarea, .contact__form .single-input input, .contact__form .single-input textarea{    color: #101010;font-size: 24px;font-weight: 400;line-height: 1;width: 100%;outline: 0;border: none;opacity: 1;transition: all .3s;padding-bottom: 10px;background-color: transparent;border-bottom: 1px solid #ececec;}
.contact__form .group-input input:focus, .contact__form .group-input select:focus, .contact__form .group-input textarea:focus, .contact__form .single-input input:focus, .contact__form .single-input textarea:focus{border-color:#101010;}
.contact__top a {color: #101010;font-size: 70px;font-weight: 400;line-height: 75px;text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 10px;}
.contact__top a {color: #ee4038 !important;font-size: 50px;}

/*Contact Us*/




@media (max-width: 1199px) {.develop__content {gap: 20px;grid-template-columns: 1fr;}.faq__right .title{padding-bottom:40px;}.faq__wrapper{gap:30px;}.solution__btm .content{padding-left:0px;gap:30px;}}
@media (max-width: 991px) {.service__list.style-3 .item {padding: 18px;}}
@media (max-width: 767px) {
.solution__btm .content {flex-direction: column;padding-bottom: 40px;}
.contact__direct, .contact__mid{grid-template-columns:1fr;gap:30px;}
.solution__btm .video{width: 100%;height: auto;}
.contact_img .video img {width: 100%;height: auto;}
.contact_info .info_bx {flex: 100%;}
.contact_info .info_bx p{font-size:16px;}
.contact_info {flex-wrap: wrap;flex-direction: column;align-items: center;}
.contact__top .hero-title {padding-bottom: 30px;font-size:46px;}
.solution__btm {grid-template-columns: 1fr;}
.solution__btm .video {width: 100%;height: auto;}
.solution__area .hero-title{font-size: 45px;}
.service__list.style-3{display: block;height: unset;min-height: unset;}
.service__list.style-3 .active.item{height:auto;}
.service__list.style-3 .item {height: 145px;flex-basis: 100%;border-bottom: none;border-right: 1px solid #232323;}
.service__list.style-3 .number{margin-bottom:35px;}
.service__list.style-3 .title{font-size: 24px;transform: unset;padding-bottom: 50px;width: fit-content;}
.service__list.style-3 .content{transform: translate(0,0);}
.car__content .service-title-wrap{flex-direction:column;}
.car__content .gcimg{width:100%;}
.car__content .gc-dtl{width:100%;}
.car__content h2{margin-top:15px;}
.why--us .award__list-2 .item{grid-template-columns:1fr;}
.faq__wrapper{grid-template-columns:1fr;}
.faq__right .title{font-size:30px;margin-top:40px;}
.quote-form form{transform:translateY(0);}
.contact__form .group-input{grid-template-columns:1fr;gap:30px;}
.quote-form.quote-form_style{margin-bottom:0px;}
.prcs .s-title{font-size:40px;margin-bottom:40px;}
.pb-150{padding-bottom:60px;}
.pt-140{padding-top:60px;}
.develop__area .sec-title{font-size:36px;}
.develop__area .sec-title br{display:none;}
.solution__btm .scroll-down{display:none;}
.solution__area{padding-bottom:30px;}
.srvcs .tp-hdng h2{font-size:20px;}
.journey__wrapper{grid-template-columns: 1fr;gap:30px;padding-bottom:0px;}
.map__content{flex-direction: column;gap:30px;}
.map__content .country_names{width:100%;}
.map__content .map-img{width:100%;}
.cta_top{position: inherit;width: 100%;right: 0;padding:30px;}
.cta_top h2{font-size:32px;}

}