/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.contactPageSection{background-color:#0C0B1A;padding:150px 0;position:relative;z-index:2;overflow-x:hidden;}@media only screen and (max-width:991.98px){.contactPageSection{padding:100px 0;}}@media only screen and (max-width:767.98px){.contactPageSection{padding:70px 0;}}.contactPageSection::before{content:"";position:absolute;top:50%;inset-inline-start:50%;transform:translate(-50%,-50%);width:500px;height:500px;background-color:#5C61FA;filter:blur(350px);border-radius:50rem;z-index:-1;}.contactPageSection .pageHeading .title{font-size:36px;font-weight:900;color:#26F0D2;text-transform:uppercase;margin-bottom:30px;width:50%;}.contactPageSection .pageHeading .title span{color:#fff;}@media only screen and (max-width:767.98px){.contactPageSection .pageHeading .title{font-size:24px;width:100%;}}.contactPageSection .pageHeading .description{font-size:18px;font-weight:400;color:#fff;margin-bottom:80px;}@media only screen and (max-width:991.98px){.contactPageSection .pageHeading .description{margin-bottom:30px;}}@media only screen and (max-width:767.98px){.contactPageSection .pageHeading .description{font-size:16px;}}
.formSection .getInTouchBox .heading{font-size:24px;font-weight:800;color:#fff;margin-bottom:30px;}@media only screen and (max-width:767.98px){.formSection .getInTouchBox .heading{font-size:20px;margin-bottom:20px;}}.formSection .getInTouchBox .desc{font-size:16px;font-weight:400;color:#f5f5f5;opacity:80%;margin-bottom:50px;}@media only screen and (max-width:767.98px){.formSection .getInTouchBox .desc{font-size:14px;margin-bottom:40px;}}.formSection .getInTouchBox .getInTouchItem{display:flex;align-items:start;justify-content:start;gap:20px;margin-bottom:30px;}.formSection .getInTouchBox .getInTouchItem .imgBox img{width:56px;height:56px;}[dir=rtl] .formSection .getInTouchBox .getInTouchItem .imgBox img{transform:scaleX(-1);}@media only screen and (max-width:767.98px){.formSection .getInTouchBox .getInTouchItem .imgBox img{width:40px;height:40px;}[dir=rtl] .formSection .getInTouchBox .getInTouchItem .imgBox img{transform:scaleX(-1);}}.formSection .getInTouchBox .getInTouchItem .contentBox .itemTitle{font-size:18px;font-weight:800;color:#fff;margin-bottom:0px;}@media only screen and (max-width:767.98px){.formSection .getInTouchBox .getInTouchItem .contentBox .itemTitle{font-size:16px;}}.formSection .getInTouchBox .getInTouchItem .contentBox .itemDesc{font-size:16px;font-weight:400;color:#f5f5f5;opacity:70%;margin-bottom:0;}@media only screen and (max-width:767.98px){.formSection .getInTouchBox .getInTouchItem .contentBox .itemDesc{font-size:14px;}}.formSection .formBox{background-color:rgba(92,97,250,0.2);padding:50px 40px 80px 40px;clip-path:polygon(0 0,89% 0,100% 23%,100% 100%,0 100%);}[dir=rtl] .formSection .formBox{clip-path:polygon(100% 0,11% 0,0 23%,0 100%,100% 100%);}@media only screen and (max-width:767.98px){.formSection .formBox{clip-path:unset;padding:20px;}[dir=rtl] .formSection .formBox{clip-path:unset;}}.formSection .formBox .heading{font-size:24px;font-weight:800;color:#fff;margin-bottom:40px;}@media only screen and (max-width:767.98px){.formSection .formBox .heading{font-size:18px;}}.formSection .formBox input{background-color:rgba(255,255,255,0.1019607843);border-radius:3px;border:0;font-size:16px;font-weight:400;color:#fff;height:50px;margin-bottom:14px;}.formSection .formBox input::placeholder{font-size:12px;font-weight:400;color:#fff;opacity:70%;}.formSection .formBox input:focus{border:0;box-shadow:none;outline:0;}.formSection .formBox textarea{background-color:rgba(255,255,255,0.1019607843);border-radius:3px;border:0;font-size:16px;font-weight:400;color:#fff;min-height:100px;margin-bottom:14px;}.formSection .formBox textarea::placeholder{font-size:12px;font-weight:400;color:#fff;opacity:70%;}.formSection .formBox textarea:focus{border:0;box-shadow:none;outline:0;}
.contactAppSectionOuter{border-radius:8px;max-width:calc(100% - 60px);width:100%;height:250px;background-repeat:no-repeat;background-position:0% 42%;background-size:50% auto;position:relative;margin-top:200px;display:flex;align-items:flex-end;margin-inline-start:30px;background-color:#0d0d1c;background-image:url(/themes/custom/lusail/assets/images/contactAppBg1.png);}[dir=rtl] .contactAppSectionOuter{background-image:url(/themes/custom/lusail/assets/images/contactAppBgAr1.png);background-position:right 42%;}@media only screen and (max-width:1399.98px){.contactAppSectionOuter{margin-top:60px;}}@media only screen and (max-width:767.98px){.contactAppSectionOuter{height:auto;background-size:cover;background-position:top center;max-width:calc(100% - 24px);margin-inline-start:12px;background-image:url(/themes/custom/lusail/assets/images/contactAppBg.png);}[dir=rtl] .contactAppSectionOuter{background-image:url(/themes/custom/lusail/assets/images/contactAppBgAr.png);}}.contactAppSectionOuter::before{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;background:linear-gradient(172deg,rgba(13,12,29,0.1) 3.42%,#0d0c1d 87.86%),linear-gradient(91deg,rgba(5,14,35,0.3) 63.92%,rgba(40,240,210,0) 133.89%);background-blend-mode:overlay;border-radius:8px;}@media (max-width:575.98px){.contactAppSectionOuter::before{opacity:50%;content:"";}}.contactAppSectionOuter::after{position:absolute;inset:0;border-radius:9px;padding:1px;background:linear-gradient(92.46deg,rgba(40,240,210,0) 45.1%,rgba(40,240,210,0.1) 99.75%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2;}.contactAppSection{position:relative;}.contactAppSection .title{font-size:24px;font-weight:900;color:#fff;margin-bottom:10px;position:relative;z-index:2;margin-top:11%;margin-inline-start:30px;}@media only screen and (max-width:767.98px){.contactAppSection .title{font-size:20px;}}.contactAppSection .desc{font-size:20px;font-weight:400;color:#fff;margin-bottom:0px;position:relative;z-index:2;margin-inline-start:30px;}@media only screen and (max-width:767.98px){.contactAppSection .desc{margin-bottom:30px;font-size:16px;}}.contactAppSection .mockUpOne{position:relative;z-index:2;height:240px;margin:0 auto;margin-bottom:30px;}.contactAppSection .rightSide{display:flex;align-items:center;justify-content:start;position:relative;z-index:1;width:100%;height:100%;}@media only screen and (max-width:767.98px){.contactAppSection .rightSide{justify-content:center;padding-bottom:50px;}}.contactAppSection .rightSide .qrImg{width:130px;height:130px;margin-inline-end:19px;position:relative;z-index:1;}[dir=rtl] .contactAppSection .rightSide .qrImg{margin-inline-start:19px;}.contactAppSection .rightSide .playStore,.contactAppSection .rightSide .appStore{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;border-radius:8px;width:190px;height:56px;transition:transform 0.3s ease;overflow:hidden;position:relative;}.contactAppSection .rightSide .playStore img,.contactAppSection .rightSide .appStore img{width:24px;height:24px;flex-shrink:0;}.contactAppSection .rightSide .playStore span,.contactAppSection .rightSide .appStore span{position:relative;display:inline-block;height:20px;overflow:hidden;font-size:16px;font-weight:500;}.contactAppSection .rightSide .playStore span .text-default,.contactAppSection .rightSide .playStore span .text-hover,.contactAppSection .rightSide .appStore span .text-default,.contactAppSection .rightSide .appStore span .text-hover{display:block;transition:transform 0.4s ease;line-height:16px;}.contactAppSection .rightSide .playStore span .text-hover,.contactAppSection .rightSide .appStore span .text-hover{position:absolute;top:100%;left:0;width:100%;}.contactAppSection .rightSide .playStore:hover span .text-default,.contactAppSection .rightSide .appStore:hover span .text-default{transform:translateY(-100%);}.contactAppSection .rightSide .playStore:hover span .text-hover,.contactAppSection .rightSide .appStore:hover span .text-hover{transform:translateY(-100%);}.contactAppSection .rightSide .playStore{background-color:#fff;}.contactAppSection .rightSide .playStore span{color:#5f5f5f;}.contactAppSection .rightSide .appStore{background-color:#060505;}.contactAppSection .rightSide .appStore span{color:#fff;width:70px;}.contactAppSection .rightSide .playStore{background-color:#fff;}.contactAppSection .rightSide .playStore span{color:#5f5f5f;}.contactAppSection .rightSide .playStore span .text-hover{background:linear-gradient(90deg,#9e2c76 0%,#f27a53 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;}.contactAppSection .rightSide .appStore{background-color:#060505;}.contactAppSection .rightSide .appStore span{color:#fff;}.contactAppSection .rightSide .appStore span .text-hover{background:linear-gradient(180deg,#91c3e7 0%,#5d92b8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;}.contactAppSection .halfMockUpImg{position:absolute;bottom:-14px;inset-inline-end:30px;z-index:4;max-height:45dvh;}@media only screen and (max-width:1200px){.contactAppSection .halfMockUpImg{display:none;}}.contactMapSection{max-width:calc(100% - 60px);width:100%;margin-inline-start:30px;}@media only screen and (max-width:767.98px){.contactMapSection{max-width:calc(100% - 24px);margin-inline-start:12px;}}
.contactMapSection{position:relative;margin-top:60px;}@media only screen and (max-width:767.98px){.contactMapSection{margin-top:30px;}}.contactMapSection .mapBox{border-radius:5px;overflow:hidden;}.contactMapSection .mapBox iframe{width:100%;height:450px;}.contactMapSection .mapButtonBox{background:#3D46A1;background-image:url(/themes/custom/lusail/assets/assets/images/contactMapBg.svg);backdrop-filter:blur(52px);position:absolute;bottom:15px;inset-inline-start:20px;padding:25px;border-radius:10px;}@media only screen and (max-width:767.98px){.contactMapSection .mapButtonBox{width:calc(100% - 40px);}}.contactMapSection .mapButtonBox .title{color:#fff;font-size:24px;font-weight:800;margin-bottom:24px;}