@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/css/swiper.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.4.7/swiper-bundle.min.css');


@font-face {
  font-family: 'AgencyFB-BlackWide';
  src: url('https://7322308.fs1.hubspotusercontent-na1.net/hubfs/7322308/Arlon%20Sept%202025/Fonts/AgencyFB-BlackWide.woff2') format('woff2'),
    url('https://7322308.fs1.hubspotusercontent-na1.net/hubfs/7322308/Arlon%20Sept%202025/Fonts/AgencyFB-BlackWide.woff') format('woff'),
    url('https://7322308.fs1.hubspotusercontent-na1.net/hubfs/7322308/Arlon%20Sept%202025/Fonts/AgencyFB-BlackWide.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AgencyFBBlack';
  src: url('https://7322308.fs1.hubspotusercontent-na1.net/hubfs/7322308/Arlon%20Sept%202025/Fonts/AgencyFBBlack.woff2') format('woff2'),
    url('https://7322308.fs1.hubspotusercontent-na1.net/hubfs/7322308/Arlon%20Sept%202025/Fonts/AgencyFBBlack.woff') format('woff'),
    url('https://7322308.fs1.hubspotusercontent-na1.net/hubfs/7322308/Arlon%20Sept%202025/Fonts/AgencyFBBlack.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AgencyFB';
  src: url('https://7322308.fs1.hubspotusercontent-na1.net/hubfs/7322308/Arlon%20Sept%202025/Fonts/AgencyFB-Bold.woff2') format('woff2'),
    url('https://7322308.fs1.hubspotusercontent-na1.net/hubfs/7322308/Arlon%20Sept%202025/Fonts/AgencyFB-Bold.woff') format('woff'),
    url('https://7322308.fs1.hubspotusercontent-na1.net/hubfs/7322308/Arlon%20Sept%202025/Fonts/AgencyFB-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}











.dnd-section.full-width-forcedd{padding:0!important}
.dnd-section.full-width-forcedd>div,.dnd-section.full-width-forcedd>div>div{padding-left:0px!important;padding-right:0px!important;max-width:none!important}
html {
  scroll-behavior: smooth;
}

.sectionHeading div+div { margin-top: 20px; }
.fontlg {font-size:18px;}
.small {font-size:16px;}
.fontxs {font-size:14px;}
.font20 { font-size:20px;}
.Font45,.Font45 *{font-size:45px;}
.Font32,.Font32 *{font-size:32px;}
.font33{ font-size:33px;}
.font34 { font-size:34px;}
.font28 { font-size:28px; }
.Font26,.Font26 *{font-size:26px;}
.capitalize-text , .capitalize-text *  { text-transform: capitalize;}
.uppercase-text { text-transform: uppercase;}
/* bannerModule =================================================================================*/
.bannerModule .bannerModuleWrapper .leftBox { margin: 85px 0; width: 55%; }
.bannerModule .bannerModuleWrapper .rightBox { padding-left: 100px; width: 45%; }
.bannerModule .imageBox { margin-top: -85px; }
.bannerModule { padding: 220px 0 150px; }
.bannerModule .bannerModuleWrapper .leftBox div > * { font-size: 110px; color: #FFFFFF; font-weight: 900; color: transparent; -webkit-text-stroke: 3px #FFFFFF; }
.bannerModule .bannerModuleWrapper .leftBox div > * span { color: #FFFFFF; }
.bannerModule .bannerModulePart { max-width: 1250px; margin: 0 auto; }
.bannerModule .bannerModuleWrapper .leftBox>div { margin-top: -13px; }

/* threeColumnModule =================================================================================*/
.threeColumnModule .threeColumnModulePartBox { padding: 68px 56px 56px; background: #F7941E; border-radius: 20px; box-shadow: 0 12px 18px rgb(0 0 0 / 16%); height: 100%; }
.threeColumnModule { margin-top: -185px; }
.threeColumnModule .threeColumnModulePartBox .titleBox sup { font-family: Montserrat, sans-serif; }

/* twoColumnColourLibraryModule =================================================================================*/
.twoColumnColourLibraryModule .leftBox  { width: 63% }
.twoColumnColourLibraryModule .colorBoxWrapper { height: 550px; overflow-y: scroll; padding: 0 30px 0 40px; flex: 1; gap: 20px 30px; }
.twoColumnColourLibraryModule .colorBox { width: calc(33.33% - 20px); }
.twoColumnColourLibraryModule .colorImageBox img { height: 130px!important; width: 130px }
.twoColumnColourLibraryModule .colorCodeBox { color: #404040; font-size: 11px; font-weight: 700; padding: 5px 15px; text-align: center; line-height: 1.8; font-family: "Poppins", sans-serif; }
.twoColumnColourLibraryModule .colorBoxWrapper::-webkit-scrollbar-track { background-color: #e3e3e3; border-radius: 10px }
.twoColumnColourLibraryModule .colorBoxWrapper::-webkit-scrollbar { background-color: #e3e3e3; border-radius: 10px; width: 10px }
.twoColumnColourLibraryModule .colorBoxWrapper::-webkit-scrollbar-thumb { background-color: #676767; border-radius: 10px }
.twoColumnColourLibraryModule .leftBox .carImage img { height: 485px !important; object-fit: cover; }
.twoColumnColourLibraryModule .carText span { color: #404040; font-weight: 500; font-size: 32px; line-height: 1; display: block; }
.twoColumnColourLibraryModule .colorImageBox img { aspect-ratio: 1 / 1; object-fit: cover; width: 100%; height: 100% !important; }
.twoColumnColourLibraryModule .sectionHeading { max-width: 1200px; margin: 0 auto; }
.twoColumnColourLibraryModule .colorBox a { border: 2px solid transparent; display: block; }
.twoColumnColourLibraryModule .colorBox a.tab-active { border-color: #F15629; }

/* productDetailsModule =================================================================================*/
.productDetailsModule .productDetailsModulePart { padding: 100px 90px; background: rgb(255 255 255 / 15%); backdrop-filter: blur(30px); border-radius: 30px; }
.productDetailsModule .buttonWrapper { gap: 15px; }
.productDetailsModule .buttonWrapper .button a { justify-content: center; font-size: 15px; }
.productDetailsModule .middleBox { font-size: 15px; font-weight: 700; }
.productDetailsModule .middleBox:not(:last-child) { border-bottom: 2px solid #ffffff; }
.middleBoxWrapper { border: 3px solid #ffffff; border-radius: 15px; }
.productDetailsModule .middleBox .informationBox { flex: 1; padding: 28px 20px 20px 93px; }
.productDetailsModule .middleBox .titleBox { padding: 28px 20px 20px; width: 30.3%; border-right: 2px solid #fff; }
.productDetailsModule .endBox .leftBox .titleBox span { display: block; font-size: 25px; }
.productDetailsModule .endBox .leftBox { width: 31.5%; }
.productDetailsModule .endBox .textBox { flex: 1; padding-left: 53px; }
.productDetailsModuleWrapper { max-width: 1038px; margin: 0 auto; }

/* imageGalleryModule =================================================================================*/
.imageGalleryModule .imageGalleryModuleSlider img { border-radius: 15px; height: 100%; object-fit: cover; width: 100%; aspect-ratio: 3 / 2.246; box-shadow: 0 12px 18px rgb(0 0 0 / 16%); }
.imageGalleryModule .baseModuleParent { z-index: unset; overflow: hidden; }
.imageGalleryModuleSlider .swiper-scrollbar { background: hsla(200,3%,83%,.33); height: 19px; position: unset; width: 100%; max-width: 641px; margin: 63px auto 0; }
.imageGalleryModuleSlider .swiper-scrollbar .swiper-scrollbar-drag { background: #D1D3D4; cursor: pointer; }
.imageGalleryModuleSlider { display: none; }
.imageGalleryModuleSlider.swiper-container-initialized { display: block; }

/* modal css *****************************************************************************************/
.modal { position: fixed; top: 0; left: 0; z-index: 1002; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; display: none; }
.modal .modalOuter { max-width: 800px; margin: 20px auto; display: flex; min-height: calc(100% - 40px); flex-direction: column; justify-content: center; }
.modal.modal-open { display: block; }
.modal-overlay { position: fixed; top: 0; left: 0; z-index: 1020; width: 100vw; height: 100vh; background: #000; opacity: .7; cursor: pointer; }
.modal-box { margin-bottom: 0; z-index: 1050; transform: translateY(20px); transition: 1s all ease; background-color: #FFFFFF !important; border: 1px solid rgba(0, 0, 0, .2) !important; border-radius: 5px !important; box-shadow: 0 3px 9px rgba(0, 0, 0, .5) !important; padding: 10px !important; position: relative; }
.modal-box .imageBox img { display: block; object-fit: cover; width: 100%; }
.modal.modal-open .modal-box { transform: translateY(0); }
.modal .modal-close { width: 40px; height: 40px; position: absolute; z-index: 1; cursor: pointer; padding: 5px; background-color: #FFFFFF; color: #000; font-size: 26px; opacity: 1; right: 0; top: 0; display: flex; justify-content: center; align-items: center; }
.modal .modal-close img { width: 100%; height: 100%; display: block; }
body.modal-open { overflow: hidden; }

/* tabbing css *****************************************************************************************/
.tab-nav .tabs { padding: 0; margin: 0; list-style: none; }
.tab-nav .tab-nav-item { position: relative; margin: 0; }
.tab-nav .tab-nav-item:not(:last-child) { margin-bottom: 39px; }
.tab-button { padding: 18px 18px 13px; cursor: pointer; transition: .3s all ease-in-out; text-transform: uppercase; width: 100%; border: none; font-size: 25px; font-weight: 500; background: #707070; color: #FFFFFF; font-family: Zuume, arial, sans-serif; border-radius: 15px; text-align: center; }
.tab-nav-item.active .tab-button { background: #F15629; }
.tab-content-item { display: none; }
.tab-content-item.active { display: block; }

/* productTutorialsModule css *****************************************************************************************/
.productTutorialsModule .productTutorialsModulePart { background: #FFFFFF; padding: 77px 127px 77px 65px; border-radius: 30px; box-shadow: 0 12px 18px rgba(0, 0, 0, .16); }
.productTutorialsModule .tab-content { width: 65.15%; }
.productTutorialsModule .tab-content .imageBox>img { width: 100%; height: 100% !important; aspect-ratio: 3 / 1.72; object-fit: cover; }
.productTutorialsModule .tab-content .imageBox { position: relative; padding: 12px 0; }
.productTutorialsModule .tab-content .imageBox .playButton { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 137px; height: 137px; opacity: .58; cursor: pointer; transition: .3s all; }
.productTutorialsModule .tab-content .imageBox .playButton:hover { transform: translate(-50%, -50%) scale(1.1); opacity: .8; }
.productTutorialsModule .tab-nav { flex: 1; margin-left: 29px; padding: 7px 30px 7px 38px; border-left: 1px solid #D1D3D4; height: 490px; overflow-y: scroll; }
.productTutorialsModule .hubspotVideoBox video { width: 100%; display: block; max-height:500px;}
.productTutorialsModule .baseModuleParent { z-index: unset; }
.productTutorialsModule .embededVideoBox { padding-top: 56.25%; }
.productTutorialsModule .embededVideoBox iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: none; object-fit: cover; padding: 10px; }
.productTutorialsModule .tab-nav::-webkit-scrollbar-track { background-color: #D1D3D4; border-radius: 10px }
.productTutorialsModule .tab-nav::-webkit-scrollbar { border-radius: 10px; width: 20px }
.productTutorialsModule .tab-nav::-webkit-scrollbar-thumb { background-color: #6D6E71; border-radius: 10px }

.dot { height: 25px; width: 25px; background-color: #F15629; border-radius: 50%; display: inline-block; }
select#country { background-color: #f6f6f8; border: 1px solid #8c8b8c; border-radius: 3px; color: #5f5a55; font-size: 16px; margin-bottom: 50px; min-width: 240px; padding: 8px 7px; appearance: auto; width: auto !important; }
.map-address { display: flex; flex-wrap: wrap; max-width: 370px; }
.map-icon { width: 80px; }
.map-address-text { color: #000; padding-left: 20px; width: calc(100% - 80px); }
.dis-none { display: none; }
.country_title p { color: #404040; font-size: 16px; font-weight: 600; margin-bottom: 10px; text-transform: capitalize; }
.left-address { height: 460px; overflow: auto; padding-right: 10px; }
.map-icon a { display: none; }
.country_map_sec_part, .formModule .formModulePart { padding: 103px 200px 130px 200px; border-radius: 30px; background-color: #FFFFFF; }
.formModule .formModulePart .sectionHeading, .formModule .formModulePart .formBox { max-width: 1100px; margin: 0 auto; }
.country_map_sec, .formModule { padding: 49px 0 166px; }

.ppfbody .country_map_sec { padding: 49px 0 80px; }
.country_map_sec { position: relative; }
/* .mapResultGrp{opacity:0}
.mapResultGrp.mapResultLoaded{opacity:1} */


/* archtLandingPage css ========================================= */
.archtLandingPage h1, .archtLandingPage h2, .archtLandingPage h3, .archtLandingPage h4, .archtLandingPage h5, .archtLandingPage h6 { color: #fff; font-family: 'AgencyFB-BlackWide'; }
.archtLandingPage { color: #fff; }
.customeHeadingFontWide h1, .customeHeadingFontWide h2, .customeHeadingFontWide h3, .customeHeadingFontWide h4, .customeHeadingFontWide h5, .customeHeadingFontWide h6 .customeHeadingFontWide { font-family: 'AgencyFB-BlackWide'; }
.customeHeadingFontBlack h1, .customeHeadingFontBlack h2, .customeHeadingFontBlack h3, .customeHeadingFontBlack h4, .customeHeadingFontBlack h5, .customeHeadingFontBlack h6 .customeHeadingFontBlack { font-family: 'AgencyFBBlack'; }
.customeHeadingFontBold h1, .customeHeadingFontBold h2, .customeHeadingFontBold h3, .customeHeadingFontBold h4, .customeHeadingFontBold h5, .customeHeadingFontBold h6 .customeHeadingFontBold { font-family: 'AgencyFB'; }
.fontWeight600 { font-weight: 600; }
.fontWeight700 { font-weight: 700; }
.fontWeight800 { font-weight: 800; }
.fontWeight900 *{ font-weight: 900; }
.bigButton a { font-size: 22px; font-family: 'AgencyFB-BlackWide'; text-transform: uppercase; padding: 17px 35px 13px; min-width: 300px; justify-content: center; }
.archtLandingPage .submitted-message { color: #3B3B3B; }


/* PID Interactive Landing Page css ========================================= */
.headerlp .headerInner .logo { max-width:78px;}
.lp-btn .button , .lp-btn a  { border-radius: 6px !important; overflow: hidden; text-transform: uppercase; }
.lp-btn a {font-size: 20px; line-height: 24px; font-weight: 900 !important; padding: 15px 20px !important; }
.opensans {font-family: Open Sans,sans-serif;}
.Montserrat *{ font-family: Montserrat, sans-serif;}
.montserratfont *{ font-family: Montserrat, sans-serif;}

.ThreeCardMain .lp-btn a:focus { background:#ffffff;  }
.footerRow .logo-link { display: block;  }
.footerRow .copyrightPart { max-width: 840px; margin: 0 auto;}
.LpFooter .formModulePart { padding: 70px 177px 70px;  border-radius: 40px;}
.LpFooter .hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span { padding-left:22px;}
.map-form-inner .hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span { padding-left:22px;}

.bannerLp {position: relative; }
.bannerLp .left-image { width:70.6%; position: relative;}
.bannerLp .right-content { width:29.32%; padding: 30px; }
.bannerLp .right-content .contentInner { max-width:316px;}
.leftLogo { max-width:291px; }
.bannerLp .blur-bg { width: 34%; position: absolute; right: 0; padding: 30px 40px 30px 40px; backdrop-filter: blur(16px); border-radius: 17px 0 0 17px; }

.bannerLp .right-content .contentInner .title {   font-weight: 900; text-transform: uppercase; }
.bannerLp .right-content .contentInner .text{ font-size:20px; line-height:27px; font-weight: 700;}
.bannerLp .left-image .leftTitle div > * {color: transparent !important; -webkit-text-stroke: 3px #000000;     font-style: italic; }
.banner-btn .button--secondary a {color:#F15629 ; }
.bannerLp .left-image .leftTitle { position: absolute; width: 78.5%; top: 60px;}
.bannerLp .heading { font-weight: 900; text-transform: uppercase; color:#ffffff;}

/* newsletter Lending Page */

.newsletterCta .ctaInner { max-width:1167px; margin:0 auto;background: rgba(255, 255, 255, 0.12);  backdrop-filter: blur(30px) brightness(1.15); border-radius: 42px; overflow: hidden;}
.newsletterCta .ctaInner .ctaContent { max-width:696px; margin:0 auto;}
.font40 * , .font40 .h2 { font-size:40px !important; line-height: 1.225;}
.weight900 * { font-weight:900;}
.weight900 .h2 { font-weight:900;}
.newsletterCta .newslerrerbtb a {padding: 15px 20px; border-radius: 0; font-weight:800; font-size: 20px; text-transform: uppercase; } 
.ThreeCardMain .GiftGroup{gap: 30px 20px;} 
.ThreeCardMain .ThreeCardInner{border: 3px solid ;border-radius: 32px;}
/* .ThreeCardMain .greenThemeBox {  border: 3px solid #2FED00 !important;} */
.ThreeCardMain .greenText * { color:#1C7A01 ;}
.ThreeCardMain .TopContent{border-radius: 27px 27px 0 0;}
.ThreeCardMain .GiftItem {gap: 10px;}
.ThreeCardMain .ButtonContent {position: absolute; bottom: -26px;left: 50%;transform: translatex(-50%);}
.ThreeCardMain .box-inner { position: relative; border-radius: 0 20px 0 20px; overflow: hidden; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);} 
.ThreeCardMain .boxBgImg { position: absolute; width:100%; height:100%; top: 0; left: 0;}
.ThreeCardMain .boxBgImg img { width:100%; height:100% !important; display: inline-block; object-fit: cover; }
.ThreeCardMain .button a:hover { background:#fff;}
.ThreeCardMain .BoxGroup .BoxItem { padding: 0 25px;}
.ThreeCardMain .BoxGroup { padding-right:-20px !important; padding-left:-20px !important; margin:0 -25px;}
.ThreeCardMain .BoxDescription { position: absolute; width:100%; padding:0 20px; left:0;}
.ThreeCardMain .BoxDescription .boxsubtitle { font-weight: 900; text-transform: uppercase;}
.ThreeCardMain .BoxDescription .box-title {  text-transform: uppercase; font-weight: 900; letter-spacing: 0;}

.high_module span{ -webkit-text-stroke: 2px #fff; color: transparent;}
.high_module .blur_box_content {max-width:543px;}
.high_module .blur_bg { background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(20px) brightness(1.15); width:calc(100% - 41%); z-index: 2; height: 100%; left: 0; position: absolute;}
.high_module .layer_bg { height: 100%; width: 70.4%; position: absolute; z-index: 1; background: linear-gradient(to right, #000000 60%, #ffffff 40%); z-index: 1; opacity: 50%; mix-blend-mode: multiply; }
.high_module .h5{ margin-top:20px;}
.high_module .blur_box_content p {line-height:24px; font-family: 'Open Sans';}
.high_module .h5 { margin-top: 20px; font-family: 'Montserrat'; font-weight: 600; line-height: 35px;}
.high_module h2 { font-family: 'Montserrat';}
.high_module p {font-weight:400;}
.high_module .highlit-btn a { position: relative; padding-right: 30px !important; }
.high_module .highlit-btn a:before{ position: absolute; content: " "; background: url(https://7322308.fs1.hubspotusercontent-na1.net/hubfs/7322308/Arlon%20Sept%202025/Images/Polygon%201.svg);
  width: 10px; height: 20px;right: 10px; background-repeat: no-repeat; background-size: cover; background-position: center; }
.high_module .highlit-btn a:hover:before { background: url(https://7322308.fs1.hubspotusercontent-na1.net/hubfs/7322308/Arlon%20Sept%202025/Images/polygon-hover.svg); }
.high_module .greenbtn a:before {  background: url(https://7322308.fs1.hubspotusercontent-na1.net/hubfs/7322308/Arlon%20Sept%202025/Images/polygon-hover.svg) !important; }
/* newsletter footer */

.newsletterFooter .footerLogo { max-width:100px; }
.newsletterFooter { background:linear-gradient(to right, #F7781F 0%, #F25B27 100%);}
.newsletterFooter .footerLogo a{ display:inline-block;}
.newsletterFooter .footerRowWrapper .leftColumn { width:457px;}
.newsletterFooter .titleBox { font-weight:700;}
.newsletterFooter .socialBox { max-width: calc(100% - 280px); column-gap: 10px; }
.newsletterFooter .socialBox .social { height: 40px; width: 40px; border-radius: 100%; overflow: hidden;}
.newsletterFooter .socialBox .social a { display: inline-block; width: 100%; height: 100%; position: relative; background: #fff;}
.newsletterFooter .socialBox .social a svg { width: 20px; fill: #F15629; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.newsletterFooter .socialBox .social a:hover { background: #F15629;}
.newsletterFooter .socialBox .social a:hover  svg { fill: #fff;}

.newsletterBanner .bannerContent { max-width: 1165px; margin: 0 auto; padding:0 20px; position: relative; z-index: 2;}
.newsletterBanner .background-img , .newsletterBanner .bg-banner-layer { position: absolute; width: 100%; height: 100%; left: 0; top: 0;  }
.newsletterBanner .background-img img { width:100%; object-fit: cover; height: 100% !important;}
.newsletterBanner .bg-banner-layer { background: #000000; z-index: 1; opacity: 42%; }
.newsletterBanner .slick-dots { bottom:40px;}
.newsletterBanner .slick-dots li button:before { background-color: #fff; opacity: 67%;}
.newsletterBanner .slick-dots li.slick-active button:before { background-color: #fff; opacity: 100%; }
.newsletterBanner .slick-dots li { margin: 0 5px; }
.newsletterBanner .hed-Line-1 * , .newsletterBanner .hed-Line-3 * {line-height:49px; font-weight: 900; color: #ffffff; }
.newsletterBanner .hed-Line-1 , .newsletterBanner .hed-Line-3 { position:relative; }

.newsletterBanner .bannerInner , .newsletterBanner .hed-Line-2 { position:relative;  }


.three-column-section .headeing-part .title * { line-height:1.225; font-weight: 900;}
.three-column-section .imgPart {width:160px; height:160px; overflow: hidden; border-radius: 100%; }
.three-column-section .imgPart img { width:100%; height:100%; }
.three-column-section .loopTitle { color:#707070; font-weight: 700;}
.three-column-section .loopPart { max-width: 334px; margin:0 auto; position: relative; }
.three-column-section  .loopText {line-height: 1.38;}
.three-column-section .loopBody { position: relative; }
.three-column-section .loopBody:before{ position: absolute; content: " "; width: 1px; height: 180px; right: 0; background: #F15629; top: 50%;
  transform: translateY(-50%); margin-top: 30px; }



.NewsblogBanner .blogImage  { width:100%;}
.NewsblogBanner .blogImage img { object-fit: cover;}
.NewsblogBanner .title * , .NewsblogBanner .text{ color:#707070;}
.NewsblogBanner .contentList ul { list-style: none; padding: 0;}
.NewsblogBanner .contentList ul li { margin-left: 0;}
.secnbutton a { display: inline-block; background-color: #F15629; border: 1px solid #F15629; color:#ffffff; }
.secnbutton a:hover{ background-color: #ffffff; color:#F15629; }


.NewsblogBanner .text p { margin-top:30px;}
.NewsblogBanner .text {line-height:1.38;}
.NewsblogBanner .imageSection {position: sticky; transition: top 0.2s ease; top:0;  }
.NewsblogBanner .imageSection .imageInner {  width: 100%; }
.NewsblogBanner .imageSection .imageInner img {  object-fit: cover; object-position: top;}
.NewsblogBanner .blogContentInner  { border-bottom: 1px solid #707070;}
.NewsblogBanner .headingPart .h5 {font-size:28px; text-transform: capitalize; line-height: 1.214; }

.featureProduc .featureProducCard{ border-radius: 20px; overflow: hidden; border: 1px solid #707070; height:100%;}
.featureProduc .featureProductInner { padding-left:12px; padding-right:12px;}
.featureProduc .featureProductOutter { margin:0 -12px;}
.featureProduc .producTitle *{color:#707070; }
.featureProduc .producImage  {width:100%;}
.featureProduc .producImage img { width:100%; object-fit: cover;}
.featureProduc .contentButton { padding-left:16px; border-left: 1px solid #707070; }
.featureProduc .producBtn a { border-radius: 0 !important; padding-right: 40px !important; position: relative;}
.featureProduc .producBtn .button {overflow: visible;}
.featureProduc .producBtn a:before { content: " "; height: 20px; position: absolute; right: 20px; width: 10px;
  background: url(https://7322308.fs1.hubspotusercontent-na1.net/hubfs/7322308/Arlon%20Sept%202025/Images/polygon-hover.svg) 50% center / cover no-repeat;
  background-position: 50% center; }
.featureProduc .producBtn a:hover::before , .featureProduc .producBtn a:focus::before {
  background: url(https://7322308.fs1.hubspotusercontent-na1.net/hubfs/7322308/Arlon%20Sept%202025/Images/polygon-arrow-hover.svg);}

.newsletterVideo .videoPart {  position: relative; padding-top: 53.70%; width:100%; overflow: hidden;}
.newsletterVideo .videoPart iframe , .newsletterVideo .videoPart video { pointer-events: auto; position: absolute; inset: 0; top:0; left:0; width: 100%; height: 100%; object-fit: cover;}
.newsletterVideo .playIcon {  transition: opacity .3s ease; position: absolute;z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer;}
.newsletterVideo .playIcon svg { width: 100%; height: 100%; display: block; }
.newsletterVideo .posterimg { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.newsletterVideo .posterimg img {width:100%; object-fit: cover;}

.newsletterImgGallery .imageGalleryModuleSlider img { aspect-ratio: 3 / 1.697 !important; border-radius: 0 !important; }
.newsletterImgGallery .imageGalleryModuleSlider { padding-bottom:60px !important; }
.newsletterImgGallery .swiper-pagination { bottom:0 !important; }
.newsletterImgGallery .swiper-pagination-bullet { width: 16px !important; height: 16px !important;border: 1px solid #707070;border-radius: 100%; background: #fff; }
.newsletterImgGallery .swiper-pagination-bullet-active { background:#D1CFCF;}
.newsletterImgGallery .sectionHeading .subtitle   { max-width: 948px; margin: 0 auto;}

.eventsSection .eventBox { border: 1px solid #707070; border-radius: 12px;  max-width: fit-content; margin: 0 auto;}
.eventsSection .eventPart { max-width:376px; margin:0 auto; }
.eventsSection .eventBtn a {border-radius: 0 !important; display: inline-block; min-width: 218px; position: relative; }
.eventsSection .eventBtn a:before{ background: url(https://7322308.fs1.hubspotusercontent-na1.net/hubfs/7322308/Arlon%20Sept%202025/Images/polygon-hover.svg) 50% / cover no-repeat;
  background-position: 50%; content: " "; height: 20px; position: absolute; right: 25px; width: 10px; top: 50%;transform: translateY(-50%);}
.eventsSection .eventBtn a:hover:before , .eventsSection .eventBtn a:focus:before { background: url(https://7322308.fs1.hubspotusercontent-na1.net/hubfs/7322308/Arlon%20Sept%202025/Images/polygon-arrow-hover.svg);
}
.eventsSection .eventBoxMain { flex:1; }
.eventsSection .side-border { position: relative;}
.eventsSection .eventSubtitle * { line-height:1.2;}

.eventsSection .side-border:before { position: absolute; content: " "; width: 1px; height: 240px; right: 0; background: #707070; top: 50%; transform: translateY(-50%);}
.eventsSection .side-border:nth-child(3n):before , .eventsSection .side-border:last-child:before { width: 0px; }
.stickyPart{ position: fixed; right: 0; top: 218px; z-index: 999; border-radius: 20px 0 0 20px; border: 1px solid #c3c3c3; background:#fff;
  border-right: none;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); background-color: rgb(215 215 215 / 30%); }
.stickyPart .headings a {display: flex !important; align-items: center; text-transform: capitalize; justify-content: end;font-family: Open Sans, sans-serif; font-size:16px; font-weight:600;text-align: end; line-height: 1.35; color: #3b3b3b; margin-top: 5px;}
.stickyPart .toc-dot {width:16px; height:16px; border: 1px solid #707070; border-radius: 100%; display: inline-block; margin-left: 12px; }
.active .toc-dot {background:#F15629; border: 1px solid #F15629; }
.eventsSection .eventSubtitle { max-width: 190px; margin: 0 auto;}
.eventsSection .eventTitle strong { font-weight:800;}
.nowrap{ flex-wrap:nowrap; }
.contact-us-map .location-image-content { border-radius: 20px; filter: drop-shadow(0px 8px 8px rgba(0,0,0,0.13)); background-color: #ffffff; border: 1px solid #b5b5b5; margin-left: 0; margin-right: 0; overflow: hidden; }
.contact-us-map .location-image-content > div { padding: 0;  }
.contact-us-map .address-icon { width: 35px; height: auto; }
.contact-us-map .location-image img { width: 100%; height: 100%; object-fit: cover; }
.contact-us-map .location-image { height:100%;}
.contact-us-map .location-info-content { max-width:388px;}
.contact-us-map .location-info-content .addressmain .address-icon { width:29px;}
.contact-us-map .location-info-content .addressmain .address-text { max-width: 190px;}
.contact-us-map .location-info-content .address-text a { font-family: Open Sans, sans-serif; color:#707070; }
.contact-us-map .address-text a:hover { color:#f15629; }

/* step-form-section */

.step-form-section .subtitle { max-width:705px; margin:0 auto; line-height: 1.23;}
.step-form-section .top-image { max-width:329px; margin:0 auto;}
.step-form-section .top-image img { width:100%;}
.step-form-section .top-text { max-width: 732px; margin: 0 auto; line-height: 1.33;}
.step-form-section .step-form-inner { border: 3px solid; border-radius: 42px; overflow: hidden;}
.step-form-header { background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(15px) brightness(1.15);}
.step-form-section .step-form .hs_cos_wrapper_type_form {border-radius: 0px; }
.step-form-section .step-form form {max-width:800px; margin:0 auto; }

#notify-popup.popupiframeStyle { padding:0; }
#notify-popup.popupiframeStyle .hs-button{ min-width: 150px; width: auto !important; background-color: #2fed00; border: 1px solid #2fed00; }
#notify-popup.popupiframeStyle .hs-button:hover , #notify-popup.popupiframeStyle .hs-button:focus{ border: 1px solid #2fed00;  color: #2fed00; background-color: rgba(241, 86, 41, 0.0);}
#notify-popup.popupiframeStyle button.mfp-close:before, #notify-popup.popupiframeStyle button.mfp-close:after { background-color:#2fed00; }
#notify-popup.popupiframeStyle .submitted-message { color:#3B3B3B;}
#notify-popup.popupiframeStyle .form-title {display:none;}


#subscribe.popupiframeStyle { padding:0; }
#subscribe.popupiframeStyle .hs-button{ min-width: 150px; width: auto !important;  }
#subscribe.popupiframeStyle .form-title {display:none;}
#subscribe.popupiframeStyle .submitted-message { color:#3B3B3B;}

.popupform .hs_error_rollup { color:#EF6B51; display: none;}

.LpFooter .hs_error_rollup , .map-form-inner .hs_error_rollup { display:none;}



.ppfbody .sectionHeading * ,
.ppfbody h1,
.ppfbody h2,
.ppfbody h3,
.ppfbody h4,
.ppfbody h5,
.ppfbody h6 {
  font-family: Montserrat, sans-serif;
}

.ppfbody .sectionHeading div + div {
  margin-top: 25px;
  border-top: 2px solid #FFF;
  padding-top: 25px;
}
.ppfbody .country_map_sec_part {
  background-color: #fff0 !important;
  padding: 0;
}

.ppfbody  .country_map_sec .row {
  padding: 103px 200px 130px;
  background-color: #fff;
  border-radius: 30px;
}
.ppfbody .country_map_sec .heading-part * {
  color: #fff;
}
.ppfbody .country_map_sec .heading-part h2 + p {
  padding-top: 25px;
  border-top: 2px solid #fff;
  margin-top: 25px;
}
.ppfbody .country_map_sec_part .heading-part {
  margin: 0 auto;
  max-width: 1200px;
}

.sectionHeadingBox {
    width: 100%;
    max-width: 940px;
    margin: auto;
}

@media(min-width: 992px){
  .archtLandingPage h1 { font-size: 80px; line-height: .95; }
  .archtLandingPage h2 { font-size: 40px; line-height: 1.2; }
  .archtLandingPage h3 { font-size: 35px; line-height: 1.2; }
  .archtLandingPage h4 { font-size: 30px; line-height: 1.1; }
  .archtLandingPage h5 { font-size: 25px; line-height: 1.2; }
  .archtLandingPage h6 { font-size: 20px; line-height: 1; }
  .archtLandingPage { font-size: 20px; line-height: 1.223; }
  .font16 { font-size: 16px; }
  .font18 { font-size: 18px; }
  .prizeModule .heading .title h2 { font-size: 38px; }
  .prizeModule .heading .text h3 { line-height: 1; }
  .dreamTeam .exploreBox .titleBox h3 { font-size: 37px; line-height: 1.15; }
  .Font145 * {font-size:112px; font-weight:900; color:#ffffff; }
  .newsletterBanner .bannerInner { padding: 270px 0;}
  .three-column-section .loopBody:nth-child(3n):before  {  width: 0px; }
  .three-column-section .loopBody:last-child::before  {  width: 0px; }
  .newsletterVideo .playIcon {width:180px; height:180px; }
  .eventsSection .eventBoxMain { padding: 0 40px;}
  .map-form { padding: 175px 0 50px !important; }

  .ppfbody h1 {
    font-size: 48px;
  } 
  .ppfbody h2 {
    font-size: 40px;
  } 
  .ppfbody h3 {
    font-size: 36px;
  } 
  .ppfbody h4 {
    font-size: 32px;
  } 
  .ppfbody h5 {
    font-size: 30px;
  } 
  .ppfbody h5 {
    font-size: 26px;
  } 
}
@media (min-width: 1200px){
  .Font145 * {font-size:135px; font-weight:900; color:#ffffff; }
  .newsletterBanner .bannerInner { padding: 300px 0;}
  .newsletterVideo .playIcon {width:206px; height:206px; }
  .eventsSection .eventBoxMain { padding: 0 50px;}

}
@media (min-width: 1440px) { 
  .ThreeCardMain .BottomContent { padding-left:100px; padding-right:100px; } 
  .ThreeCardMain .box-inner { height:491px; }
  .ThreeCardMain .BoxDescription {  bottom:40px; }
  .Font145 * {font-size:145px; font-weight:900; color:#ffffff; }
  .newsletterBanner .bannerInner { padding: 340px 0;}
  .high_module .blur_bg { width:calc(100% - 57.125%);}
  .featureProduc .content-wrapper { max-width:1450px;}
  .eventsSection .eventBoxMain { padding: 0 100px;}

}
@media(min-width: 768px) and (max-width: 991px){
  .archtLandingPage h1 { font-size: 60px; line-height: .95; }
  .archtLandingPage h2 { font-size: 34px; line-height: 1.2; }
  .archtLandingPage h3 { font-size: 32px; line-height: 1.2; }
  .archtLandingPage h4 { font-size: 28px; line-height: 1.1; }
  .archtLandingPage h5 { font-size: 22px; line-height: 1.2; }
  .archtLandingPage h6 { font-size: 20px; line-height: 1; }
  .archtLandingPage { font-size: 18px; line-height: 1.223; }
  .font16 { font-size: 16px; }
  .font18 { font-size: 18px; }
  .Font145 * {font-size:85px; font-weight:900; color:#ffffff; }

  .newsletterBanner .font40 * , , .font40 .h2 { font-size: 30px !important;}
  .newsletterBanner .bannerInner { padding: 250px 0;}
  .three-column-section .loopBody:nth-child(2n):before {  width: 0px; }
  .newsletterVideo .playIcon {width:150px; height:150px; }
  .eventsSection .eventBoxMain { padding: 0 40px;}
}

@media (max-width: 1440px) { 
  .ThreeCardMain .BottomContent { padding-left:70px; padding-right:70px; } 
  .ThreeCardMain .box-inner { height:400px; }
  .ThreeCardMain .BoxDescription {  bottom:20px; }
  .TopContentInner{ padding-left:20px; padding-right:20px;}
  .high_module .layer_bg {  width: 71%;}
  .ppfbody .country_map_sec .row {padding: 53px 80px 80px;}

}

@media (max-width: 1199px) { 
  .ThreeCardMain .BottomContent { padding-left:50px; padding-right:50px; } 
  .ThreeCardMain .box-inner { height:350px; }
  .ThreeCardMain .BoxDescription {  bottom:10px; }
  .font33{ font-size:30px;}
  .font34 { font-size:31px;}
  .high_module .blur_bg { width:calc(100% - 39%);}
  .bannerLp .right-content { width:40%;}
  .bannerLp .left-image { width:60%;}
  .bannerLp .blur-bg {  padding: 30px; bottom:0;  }
  .font20 { font-size:18px;}

}
@media (max-width: 991px){
  .TopContentInner{ padding-left:20px; padding-right:20px;}
  .boxLogo img { object-fit: cover;}
  .high_module .blur_bg {  width:100%; background:none; backdrop-filter: none;}
  .high_module .layer_bg {  width: 100%; background: linear-gradient(to right, #000000 100%, #ffffff 40%); }
  .bannerLp .left-image { width:100%;}
  .bannerLp .right-content { width:100%; padding:20px; backdrop-filter: blur(10px);  background: #f15629; margin-top:30px; }
  .bannerLp .right-content .contentInner { max-width:100%;}
  .leftLogo { max-width:200px; }  
  .bannerLp .blur-bg {  position: relative; background: none !important; backdrop-filter: blur(16px); }
  .eventsSection .eventBoxMain { flex:0 0 50%;}

  .eventsSection .side-border:nth-child(3n):before { width: 0px; }
  .eventsSection .side-border:nth-child(2n):before { width: 0px; }
  .stickyPart { display:none;}
  .map-form { padding: 80px 0 50px !important; }
  .ppfbody .country_map_sec .row {padding: 50px 30px 80px;}
  
  .ppfbody h1 {
    font-size: 38px;
  } 
  .ppfbody h2 {
    font-size: 32px;
  } 
  .ppfbody h3 {
    font-size: 28px;
  } 
  .ppfbody .country_map_sec { padding: 49px 0 60px; }
}
@media(max-width: 767px){
  .archtLandingPage h1 { font-size: 36px; line-height: .95; }
  .archtLandingPage h2 { font-size: 28px; line-height: 1.2; }
  .archtLandingPage h3 { font-size: 26px; line-height: 1.2; }
  .archtLandingPage h4 { font-size: 24px; line-height: 1.1; }
  .archtLandingPage h5 { font-size: 20px; line-height: 1.2; }
  .archtLandingPage h6 { font-size: 18px; line-height: 1; }
  .archtLandingPage { font-size: 16px; line-height: 1.223; }
  .font16 { font-size: 16px; }
  .font18 { font-size: 16px; }
  .bigButton a { font-size: 18px; padding: 12px 25px 8px; min-width: unset; max-width: 300px; width: 100%; }

  .lp-btn a{ font-size: 14px; padding: 13px 16px !important; }

  .newsletterCta .ctaInner .ctaContent { padding: 0 20px;}
  .font40 * , .font40 .h2 { font-size:28px !important;}
  .newsletterCta .newslerrerbtb a { font-size: 14px; padding: 13px 16px !important;}

  .copyright-newsletter { width:100%;}
  .newsletterFooter .socialBox { max-width:100%;}
  .bannerLp .leftLogo { max-width:150px; } 
  .bannerLp .right-content .contentInner .text { font-size:14px; line-height: 21px;}
  .bannerLp .right-content { margin-top:0;}

  .ThreeCardMain .BottomContent { padding-left:20px; padding-right:20px; } 
  .ThreeCardMain .BoxGroup .BoxItem { padding: 0 15px ;   width: 50%;}
  .font33 { font-size: 24px; }
  .font34 { font-size:25px;}
  .font20 { font-size: 14px;}
  .Font45,.Font45 *{font-size:33px;}
  .Font32,.Font32 *{font-size:26px;}
  .font28 { font-size:22px;}
  .Font145 * {font-size:70px; font-weight:900; color:#ffffff; }
  .Font26,.Font26 *{font-size:20px;}
  .newsletterBanner .hed-Line-1, .newsletterBanner .hed-Line-3 { text-align: center; }
  .newsletterBanner .bannerContent {padding:0;}
  .newsletterBanner .bannerInner { padding: 150px 0;}
  .three-column-section .loopBody:before {  width: 0px; }
  .high_module .highlit-btn a:before { width:9px; height:18px;}
  .newsletterVideo .playIcon {width:100px; height:100px; }
  .newsletterImgGallery .imageGalleryModuleSlider { padding-bottom:40px !important; }
  .eventsSection .eventBox { margin:0 auto;}
  .eventsSection .eventBtn a { min-width:160px;}
  .eventsSection .eventBoxMain { flex: 0 0 100%; }
  .eventsSection .side-border:before { width: 0px;}
  .eventsSection .event { margin: 0 30px;}
  .stickyPart .headings a { font-size:14px; margin-top: 10px;}
  .stickyPart .toc-dot { height: 12px; margin-left: 10px; width: 12px;}

  .NewsblogBanner .headingPart .h5 { font-size:22px; }
  #notify-popup .hs_cos_wrapper_type_form { padding:30px; }


  .ppfbody h1 {
    font-size: 32px;
  } 
  .ppfbody h2 {
    font-size: 30px;
  } 
  .ppfbody h3 {
    font-size: 28px;
  } 
  .ppfbody h4 {
    font-size: 26px;
  } 
  .ppfbody h5 {
    font-size: 24px;
  } 
  .ppfbody h6 {
    font-size: 22px;
  } 
  .ppfbody .country_map_sec .row {
    padding: 30px;
  }
  .ppfbody .country_map_sec { padding: 49px 0 60px; }
}
@media (max-width: 560px) {
  .ThreeCardMain .BoxGroup .BoxItem {  width: 100%;}
}

.archtHeader { position: absolute; width: 100%; top: 0; left: 0; z-index: 11; }
.archtHeader .logoBox { backdrop-filter: blur(20px) brightness(1.1); margin: 0 105px 0 auto; max-width: 215px; padding: 34px 43px 41px; text-align: center; position: relative; background: rgba(255, 255, 255, 0.36); }
.archtHeader .content-wrapper { max-width: 100%; }

.ARCHTHeroModule .logoBox { max-width: 605px; margin: 0 auto; }
.ARCHTHeroModule { padding: 142px 0 115px; z-index: 1; }
.ARCHTHeroModule .row>* { padding: 0 35px; }
.ARCHTHeroModule .row { margin: 0 -35px; row-gap: 55px; }
.ARCHTHeroModule .endPart { padding-top: 157px; }
.ARCHTHeroModule .titleBox { max-width: 800px; margin: 0 auto; font-weight: 600; }
.ARCHTHeroModule .heading { font-weight: 600; max-width: 1100px; margin: 0 auto; }
.ARCHTHeroModule .heading strong { font-weight: 800; }
.ARCHTHeroCardBox { border: 2px solid #F15629; padding: 49px 28px 37px; text-align: center; position: relative; height: 100%; }
.ARCHTHeroCardBox .cardImage img { height: 152px !important; }
.ARCHTHeroCardBox:before { content: ''; position: absolute; top: 50%; left: 50%; width: calc(100% + 26px); height: calc(100% + 30px); background: #fff; z-index: -1; transform: translate(-50%, -50%); }
.ARCHTHeroCardBox .stepTitle h3 { color: #F15629; margin: 0; padding: 0 6px; font-family: 'AgencyFB'; }
.ARCHTHeroCardBox .cardTitle h5 { color: #F15629; font-family: 'AgencyFBBlack'; }
.ARCHTHeroCardBox .stepTitle .line { height: 2px; background: #F15629; flex: 1; }
.ARCHTHeroCardBox .stepTitle { max-width: 200px; margin: 0 auto; width: 100%; }
.ARCHTHeroCardBox .cardText { color: #3B3B3B; font-weight: 400; }
.ARCHTHeroCardBox .buttonBox a { font-size: 15px; font-family: 'AgencyFB-BlackWide'; text-transform: uppercase; background: #F15629; color: #FFFFFF; padding: 9px 38px; border-radius: 50px; border: 1px solid transparent; display: inline-block; }
.ARCHTHeroCardBox .buttonBox a:hover { background: transparent; border-color: #F15629; color: #F15629; }
.ARCHTHeroCardBox .buttonBox { margin-top: auto; }
.ARCHTHeroCardBox .contentBox { height: calc(100% - 152px); }
.ARCHTHeroCardBox .contentBox>* { width: 100%; }
/* ==================== */
.gamePlanModule .title h3 { margin: 0; font-family: 'AgencyFB'; }
.gamePlanModule .title .line { background: #ffffff; flex: 1; height: 1px; margin-top: -8px; }
.gamePlanModule .title { gap: 25px; max-width: 891px; margin: 0 auto; }
.gamePlanModule .gamePlanBoxWrapper { max-width: 891px; margin: 0 auto; border: 2px solid #FFFFFF; border-radius: 20px; background: rgb(255 255 255 / 15%); backdrop-filter: blur(6px); }
.gamePlanModule .gamePlanBoxWrapper .gamePlanBox .centerBox { width: 36.5%; }
.gamePlanModule .gamePlanBoxWrapper .gamePlanBox>* { padding: 27.5px 15px; }
.gamePlanModule .gamePlanBoxWrapper .gamePlanBox .leftBox, .gamePlanModule .gamePlanBoxWrapper .gamePlanBox .rightBox { flex: 1; }
.gamePlanModule .gamePlanBoxWrapper .gamePlanBox { border-bottom: 1px solid #ffffff; }
.gamePlanModule .gamePlanBoxWrapper .gamePlanBox:last-child { border-color: transparent; }
.gamePlanModule .baseModuleParent { position: unset; }
.gamePlanModulePart { position: relative; }
.gamePlanModule .shapeImages .leftImages { position: absolute; left: 0; bottom: 5%; width: 298px; }
.gamePlanModule .shapeImages .rightImages { position: absolute; right: 0; top: 4%; width: 325px; }
.gamePlanModule .sectionHeading div+div { margin-top: 8px; }
.gamePlanModule .gamePlanBoxWrapper .gamePlanBox .line { width: 48px; height: 1px; background: #fff; position: relative; }
.gamePlanModule .gamePlanBoxWrapper .gamePlanBox span { display: block; }
.gamePlanModule .gamePlanBoxWrapper .gamePlanBox .line:after { content: ''; position: absolute; top: 50%; right: -3px; transform: translateY(-50%); border: 3px solid transparent; border-left-color: #fff; }
.gamePlanModule .gamePlanBoxWrapper .gamePlanBox .leftBox span, .gamePlanModule .gamePlanBoxWrapper .gamePlanBox .rightBox span { width: 60%; }
.gamePlanModule .gamePlanBoxWrapper .gamePlanBox .text { gap: 10px; }
/* ==================== */
.prizeModule .sectionHeading .firstHeading { display: flex; justify-content: center; align-items: center; position: relative; max-width: 1219px; margin: 0 auto; }
.prizeModule .sectionHeading .firstHeading:before { content: ''; position: absolute; top: 36%; left: 0; width: 100%; height: 3px; background: #ffffff; flex: 1; transform: translateY(-50%); }
.prizeModule .sectionHeading .firstHeading div { position: relative; padding: 0 30px; margin-top: 0; }
.prizeModule .ticketCard { max-width: 1219px; margin: 0 auto; padding: 20px 57px; border-radius: 20px; border: 2px solid #ffffff; background: #2CAA82; box-shadow: 0 6px 10px rgb(0 0 0 / 12%); }
.prizeModule .ticketCard .leftBox { width: 67.6%; }
.prizeModule .ticketCard .leftBox .leftPart { width: 45%; padding: 37px 50px 37px 0; border-right: 1px solid #ffffff; }
.prizeModule .ticketCard .leftBox .rightPart, .prizeModule .ticketCard .rightBox { flex: 1; }
.prizeModule .ticketCard .leftBox .rightPart { padding-left: 50px; }
.prizeModule .ticketCard .leftBox .rightPart h3 { font-family: 'AgencyFBBlack'; }
.prizeModule .ticketCard .rightBox .imageBox { max-width: 282px; margin: 0 auto; }
.prizeModule .ticketCard .rightBox { padding-left: 55px; }
.prizeModule .dividionalWrapper { border: 1px solid #ffffff; border-radius: 7px; padding: 38px 106px 52px; }
.prizeModule .dividionalWrapper .prizeBox { border: 2px solid #ffffff; background: #2C9876; border-radius: 20px; padding: 54px 110px 49px; }
.prizeModule .dividionalWrapper .prizeBox .imageBox { max-width: 199px; margin: 0 auto; }
.prizeModule .sectionHeading div { max-width: 1091px; margin: 18px auto 0; }
.prizeModule .dividionalWrapper .row { margin: 0 -41px; row-gap: 30px; }
.prizeModule .dividionalWrapper .row>* { padding: 0 41px; }
.prizeModule .modal .title h4, .prizeModule .modal .modalContentWrapper .modalContentTitle h5 { color: #3B3B3B; }
.prizeModule .modal .mainBox:first-child { width: 65.2%; padding-right: 33px; position: relative; }
.prizeModule .modal .mainBox:first-child:after { content: ''; position: absolute; right: 0; bottom: 0; width: 1px; height: calc(100% - 50px); background: #707070; }
.prizeModule .modal .mainBox:last-child { flex: 1; padding-left: 50px; }
.prizeModule .modal .mainBox .modalContentInnerBox { width: calc(33.33% - 30px); }
.prizeModule .modal .mainBox .modalContentBox { gap: 45px; }
.prizeModule .modal .mainBox .modalContentInnerBox .innerBoxTitle { font-style: italic; color: #3B3B3B; font-weight: 700; font-size: 22px; }
.prizeModule .modal .mainBox .modalContentInnerBox .text ul, .prizeModule .modal .mainBox .modalContentInnerBox .text li { margin: 0; padding: 0; list-style: none; }
.prizeModule .modal .mainBox .modalContentInnerBox .text li:not(:last-child) { margin-bottom: 10px; }
.prizeModule .modal .mainBox:last-child .modalContentInnerBox { width: 100%; }
.prizeModule .baseModuleParent { position: unset; }
.prizeModule .heading { display: inline-block; cursor: pointer; }
.prizeModule .heading div:last-child { transition: .3s all; }
.prizeModule .heading:hover div:last-child { text-decoration: underline; }
/* modal css *****************************************************************************************/
.prizeModule .modal { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; display: none; }
.prizeModule .modal .modalOuter { max-width: 1000px; margin: 20px auto; min-height: calc(100% - 40px); }
.prizeModule .modal.modal-open { display: block; }
.prizeModule .modal-overlay { position: fixed; top: 0; left: 0; z-index: 1020; width: 100vw; height: 100vh; background: #000; opacity: .7; cursor: pointer; }
.prizeModule .modal-box { color: #707070; margin-bottom: 0; position: relative; z-index: 1050; background: #fff; border-radius: 34px !important; padding: 61px 84px 52px !important; transform: translateY(20px); transition: 1s all ease; }
.prizeModule .modal.modal-open .modal-box { transform: translateY(0); }
body.modal-open { overflow: hidden; }
/* ==================== */
.dreamTeam .dreamTeamBox { min-height: 164px; background: #F15629; border-radius: 18px; border: 4px solid #ffffff; max-width: 1124px; margin: 13px 0 13px auto; padding: 30px 88px 30px 0; position: relative; box-shadow: 0 8px 12px rgb(0 0 0 / 16%); }
.dreamTeam .dreamTeamBox .contentBox { width: 85%; margin-left: auto; }
.dreamTeam .dreamTeamBox .contentBox .textBox { width: 71%; font-weight: 400; padding-right: 10px; }
.dreamTeam .dreamTeamBox .contentBox .buttonBox { flex: 1; text-align: right; }
.dreamTeam .dreamTeamBox .imageBox { width: 190px; height: 190px; position: absolute; left: -95px; }
.dreamTeam .dreamTeamBox .imageBox img { width: 100%; height: 100% !important; border-radius: 50%; border: 4px solid #fff; object-fit: cover; }
.dreamTeam .dreamTeamWrapper { flex-direction: column; gap: 19px; }
.dreamTeam .dreamTeamBox .title h4 span { font-size: 25px; font-family: 'AgencyFB'; }
.dreamTeam .dreamTeamBox .button a { font-family: 'AgencyFB-BlackWide'; text-transform: uppercase; padding: 14px 50px; font-size: 15px; }
.dreamTeam .eligibleBox { padding: 84px 120px 77px; background: #F15629; border-radius: 35px; }
.dreamTeam .eligibleBox .textBox { font-weight: 400; }
.dreamTeam .eligibleBox .textBox h4 { font-family: 'AgencyFB'; margin-top: 27px; }
.dreamTeam .exploreBox .buttonBox a { background: #29886a; border-color: #29886a; }
.dreamTeam .exploreBox .buttonBox a:hover { color: #29886a; background: transparent; }
.dreamTeam .exploreBox { padding: 60px 20px 50px; border: 4px solid #29886A; border-radius: 34px; }
.dreamTeam .exploreBox .titleBox h3 { color: #29886A; }
.dreamTeam .sectionHeading { font-weight: 400; }
.dreamTeam .sectionHeading div+div { margin-top: 8px; }
/* ==================== */
.archtFormModule .hs_cos_wrapper_type_form { padding: 0; }
.archtFormModule .hs_submit.hs-submit { padding-top: 48px; text-align: center; }
.archtFormModule form input[type='submit'] { font-size: 22px; text-transform: uppercase; font-family: 'AgencyFB-BlackWide'; padding: 16px 56px; width: auto; }
.archtFormModule .archtFormModulePart { padding: 75px 152px 68px; background: #fff; border-radius: 35px; }
.archtFormModule .sectionHeading div+div { margin-top: 8px; font-weight: 400; }
.archtFormModule  .sectionHeading { max-width: 940px; margin: 0 auto; }
/* ==================== */
.archtFooter { background: #EAE3DE; }
.archtFooter .archtFooterPart { max-width: 1100px; margin: 0 auto; }
.archtFooter .logoBox { max-width: 144px; margin: 0 auto; }
.archtFooter .textBox { color: #3b3b3b; font-family: Open Sans,sans-serif; font-weight: 400; line-height: 1.4; }

/* pidLandingPage ==================== */
main.pidLandingPage strong { font-weight: 700; }
.fontSize24 { font-size: 24px; line-height: 1.34; }
.fontSize28 { font-size: 28px; line-height: 1.32; }
main.pidLandingPage { background: url('https://7322308.fs1.hubspotusercontent-na1.net/hubfs/7322308/Arlon%20Sept%202025/Images/pid-promo-lp-bg.png') no-repeat; background-size: cover; background-position: center; }
.threeImageCardWithTitleText .imageWrapper { gap: 35px; }
.threeImageCardWithTitleText .imageWrapper img { box-shadow: 0 6px 10px rgb(0 0 0 / 16%); border-radius: 0 20px 0 20px; }
.threeImageCardWithTitleText { backdrop-filter: blur(7px) brightness(1.1); }
.threeImageCardWithTitleText .imageWrapper .imageBox { max-width: 205px; }
main.pidLandingPage .formModule .sectionHeading { font-size: 30px; font-weight: 600; }
main.pidLandingPage .formModule .formModulePart { border-radius: 0 40px 0 40px; padding: 54px 102px 62px; }
main.pidLandingPage .formModule form .grecaptcha-badge { margin: unset; }
main.pidLandingPage .formModule form .hs_submit.hs-submit { text-align: center; }
main.pidLandingPage .formModule form .hs_submit.hs-submit input.hs-button { font-size: 20px; font-weight: 900; }
main.pidLandingPage .formModule form input[type='text'],
main.pidLandingPage .formModule form input[type='email'],
main.pidLandingPage .formModule form input[type='password'],
main.pidLandingPage .formModule form input[type='tel'],
main.pidLandingPage .formModule form input[type='number'],
main.pidLandingPage .formModule form select,
main.pidLandingPage .formModule form textarea { background: #f6f8fa; border-color: #b1b0b0 !important; border-radius: 4px; }
main.pidLandingPage .formModule form select { background: url('https://7322308.fs1.hubspotusercontent-na1.net/hubfs/7322308/Arlon%20Sept%202025/Images/double-arrow.svg') no-repeat, linear-gradient(180deg,#e3e5e6,#f3f5f6); background-position: calc(100% - 8px) center; background-size: 8px; }
main.pidLandingPage .formModule form .hs-form-field label .hs-form-required { color: #d2342f; }
main.pidLandingPage .formModule .submitted-message { color: #000; border-radius: 20px; font-size: 24px; }
main.pidLandingPage .formModule .formModulePart { border-radius: 0 40px 0 40px; padding: 54px 102px 62px; box-shadow: 0 12px 16px rgb(0 0 0 / 16%); }
.pidHeader { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; text-align: center; }
.pidHeader .arlonLogoBox { max-width: 160px; }
.pidHeader .pidLogoBox img { max-width: 309px !important; }
.pidHeader .pidLogoBox .x { font-size: 45px; padding: 0 45px; }
.pidHeroModule { padding: 355px 0 70px; }
.pidHeroModule .title h1 { color: #fff; font-family: Montserrat, sans-serif; font-weight: 900; font-size: 280px; }
.pidHeroModule .title h1 span { display: block; font-size: 65px; }
.pidHeroModule .title h1 span.right { margin-top: -40px; }
.pidHeroModule .countdownWrapper .countdownBox .number { font-size: 100px; font-weight: 900; line-height: 1.33; display: block; }
.pidHeroModule .countdownWrapper .countdownBox .time { font-size: 25px; font-weight: 600; text-transform: uppercase; display: block; line-height: 1.33; margin-top: -10px; }
.pidHeroModule .countdownWrapper .countdownBox { flex: 1; text-align: center; }
.pidHeroModule .countdownWrapper { padding: 21px 0 15px; margin-top: 45px; border: 1px solid #fff; border-radius: 0 40px 0 41px; background: rgb(255 255 255 / 10%); backdrop-filter: blur(6px) brightness(1.1); }
.pidHeroModule .countdownWrapper .countdownBox:not(:last-child) { border-right: 3px solid #F15629; }
.pidFooter { background: #fff; box-shadow: inset 0 8px 12px rgb(0 0 0 / 25%); }
.pidFooter .logoBox { max-width: 131px; margin: 0 auto; }
.pidFooter .textBox { font-size: 15px; line-height: 1.33; }

.visualizerLP, .clearLP, .ppfColourLP {
    position: relative;
}

.baseModuleStyle.fullColumnColourLibraryModule.twoColumnColourLibraryModule {
    position: unset;
}

.baseModuleStyle {
    position: unset;
}

.ppfColourLP:before{content:'';background:url(https://7322308.fs1.hubspotusercontent-na1.net/hubfs/7322308/fade%20pattern%20shield%20lq%20ppf1.png);background-size:cover;bottom:0;height:50%;left:0;position:absolute;right:0;top:2%;width:100%;z-index:0}

.visualizerLP:before{content:'';background:url(https://7322308.fs1.hubspotusercontent-na1.net/hubfs/7322308/fade%20pattern%20shield%20lq%20ppf1.png);background-size:cover;bottom:0;height:27%;left:0;position:absolute;right:0;top:27%;width:100%;z-index:0}
.visualizerLP:after{content:'';background:url(https://7322308.fs1.hubspotusercontent-na1.net/hubfs/7322308/fade%20pattern%20shield%20lq%20ppf1.png);background-size:cover;bottom:0;height:20%;left:0;position:absolute;right:0;top:0%;width:100%;z-index:0}

.clearLP:before{content:'';background:url(https://7322308.fs1.hubspotusercontent-na1.net/hubfs/7322308/fade%20pattern%20shield%20lq%20ppf1.png);background-size:cover;bottom:0;height:40%;left:0;position:absolute;right:0;top:30%;width:100%;z-index:0} 
.sectionHeading h2, .sectionHeading .h2 {
    font-style: italic;
}
.heading-part h2 {
    font-style: italic;
}
.TutorialsThreecolumn .modal .modalOuter {
    max-width: 1100px;
}

.baseModuleStyle.productTutorialsModule.TutorialsThreecolumn {
    position: unset;
}

@media(max-width: 767px){
  .fontSize24 { font-size: 20px; }
  .fontSize28 { font-size: 22px; }
}

@media(min-width: 768px){
  .threeColumnModule .row { margin: 0 -20px; row-gap: 40px; }
  .threeColumnModule .row [class*="col-"] { padding: 0 20px; }
  .contact-us-map .location-content{align-self:center;}
}
@media(min-width: 1440px) and (max-width: 1599px){
  .bannerModule .imageBox { margin-top: -60px; }
  .bannerModule .bannerModuleWrapper .leftBox { width: 50%; margin: 60px 0; }
  .country_map_sec_part, .formModule .formModulePart {  padding: 80px 150px 100px; }
}
@media(min-width: 1200px) and (max-width: 1439px){
  .bannerModule .bannerModuleWrapper .leftBox { width: 53%; }
  .bannerModule .imageBox { margin-top: -50px; }
  .bannerModule .bannerModuleWrapper .rightBox { padding-left: 60px; width: 40%; }
  .bannerModule .bannerModuleWrapper .leftBox { margin: 50px 0; }
  .threeColumnModule .threeColumnModulePartBox { padding: 60px 45px 45px; }
  .twoColumnColourLibraryModule .colorBoxWrapper { gap: 20px; padding: 0 20px; height: 460px; }
  .twoColumnColourLibraryModule .colorBox { width: calc(33.33% - 14px); }
  .twoColumnColourLibraryModule .leftBox .carImage img { height: 420px!important; }
  .twoColumnColourLibraryModule .carText span { font-size: 26px; }
  .productTutorialsModule .tab-nav { height: 380px; margin-left: 20px; overflow-y: scroll; padding: 7px 30px 7px 20px; }
  .tab-button { font-size: 22px; padding: 14px 12px 12px; border-radius: 12px; }
  .tab-nav .tab-nav-item:not(:last-child) { margin-bottom: 25px; }
  .productTutorialsModule .productTutorialsModulePart { border-radius: 30px; padding: 60px 100px 60px 50px; }
  .productTutorialsModule .tab-nav::-webkit-scrollbar { width: 15px }
  .productTutorialsModule .tab-content .imageBox .playButton { width: 120px; height: 120px; }
  .country_map_sec_part, .formModule .formModulePart {  padding: 60px 100px 80px; }
  .country_map_sec, .formModule { padding: 49px 0 140px; }

  .archtHeader .logoBox { margin: 0 50px 0 auto; max-width: 180px; padding: 20px 30px 27px; }
  .ARCHTHeroModule .logoBox { max-width: 500px; }
  .ARCHTHeroModule .endPart { padding-top: 120px; }
  .ARCHTHeroCardBox .cardImage img { height: 130px!important; }
  .ARCHTHeroCardBox .contentBox { height: calc(100% - 130px); }
  .gamePlanModule .shapeImages .leftImages { width: 200px; }
  .gamePlanModule .shapeImages .rightImages { width: 230px; }
  .prizeModule .ticketCard .leftBox .leftPart { padding: 30px 40px 30px 0; }
  .prizeModule .ticketCard .leftBox .rightPart { padding-left: 40px; }
  .prizeModule .ticketCard .rightBox { padding-left: 40px; }
  .prizeModule .ticketCard .leftBox { width: 70%; }
  .prizeModule .dividionalWrapper { padding: 30px 80px 40px; }
  .prizeModule .dividionalWrapper .prizeBox { padding: 40px 40px; }
  .prizeModule .dividionalWrapper .row>* { padding: 0 30px; }
  .prizeModule .dividionalWrapper .row { margin: 0 -30px; }
  .dreamTeam .dreamTeamBox { max-width: 1015px; padding: 25px 60px 25px 0; }
  .dreamTeam .eligibleBox { padding: 70px 100px 70px; }
  .archtFormModule .archtFormModulePart { padding: 70px 100px; }

  .pidHeroModule .title h1 { font-size: 220px; max-width: 750px; margin: 0 auto; }
  .pidHeroModule .title h1 span.right { margin-top: -30px; }
  .pidHeroModule .title h1 span { font-size: 50px; }
  .pidHeroModule { padding: 300px 0 60px; }
  .pidHeader .arlonLogoBox { max-width: 140px; }
  .pidHeader .pidLogoBox img { max-width: 290px !important; }
  .pidHeader .pidLogoBox .x { font-size: 40px; padding: 0 40px; }
}
@media(min-width: 992px) and (max-width: 1199px){
  .bannerModule .bannerModuleWrapper .leftBox div > * { font-size: 100px; }
  .bannerModule .bannerModuleWrapper .rightBox { padding-left: 80px; }
  .bannerModule .imageBox { margin-top: 0; }
  .bannerModule { padding: 200px 0 150px; }
  .bannerModule .bannerModuleWrapper .leftBox { margin: 0; }
  .threeColumnModule .threeColumnModulePartBox { padding: 50px 30px 30px; }
  .twoColumnColourLibraryModule .colorBoxWrapper { gap: 15px; padding: 0 20px; height: 400px; }
  .twoColumnColourLibraryModule .colorBox { width: calc(33.33% - 10px); }
  .twoColumnColourLibraryModule .leftBox .carImage img { height: 340px!important; }
  .twoColumnColourLibraryModule .carText span { font-size: 24px; }
  .twoColumnColourLibraryModule .leftBox { width: 60%; }
  .productDetailsModule .productDetailsModulePart { padding: 80px 60px; }
  .productDetailsModule .middleBox .informationBox { padding: 28px 20px 20px 60px; }
  .productDetailsModule .endBox .leftBox .titleBox span { font-size: 22px; }
  .productTutorialsModule .tab-nav { height: 330px; margin-left: 20px; overflow-y: scroll; padding: 7px 30px 7px 20px; }
  .tab-button { font-size: 18px; padding: 14px 12px 10px; border-radius: 10px; }
  .tab-nav .tab-nav-item:not(:last-child) { margin-bottom: 20px; }
  .productTutorialsModule .productTutorialsModulePart { border-radius: 30px; padding: 50px 60px 50px 40px; }
  .productTutorialsModule .tab-nav::-webkit-scrollbar { width: 15px }
  .productTutorialsModule .tab-content .imageBox .playButton { width: 100px; height: 100px; }
  .country_map_sec_part, .formModule .formModulePart {  padding: 60px 100px 80px; }
  .country_map_sec, .formModule { padding: 49px 0 100px; }

  .archtHeader .logoBox { margin: 0 50px 0 auto; max-width: 180px; padding: 20px 30px 27px; }
  .ARCHTHeroModule .logoBox { max-width: 450px; }
  .ARCHTHeroModule .endPart { padding-top: 120px; }
  .ARCHTHeroModule .row>* { padding: 0 25px; }
  .ARCHTHeroModule .row { margin: 0 -25px; }
  .ARCHTHeroCardBox .cardImage img { height: 110px!important; }
  .ARCHTHeroCardBox .contentBox { height: calc(100% - 110px); }
  .ARCHTHeroCardBox { padding: 35px 20px 25px; }
  .gamePlanModule .shapeImages .leftImages { width: 200px; }
  .gamePlanModule .shapeImages .rightImages { width: 230px; }
  .prizeModule .ticketCard .leftBox .leftPart { padding: 30px 30px 30px 0; width: 48%; }
  .prizeModule .ticketCard .leftBox .rightPart { padding-left: 30px; }
  .prizeModule .ticketCard .rightBox { padding-left: 40px; }
  .prizeModule .ticketCard .leftBox { width: 70%; }
  .prizeModule .dividionalWrapper { padding: 30px 50px 40px; }
  .prizeModule .dividionalWrapper .prizeBox { padding: 30px 30px; }
  .prizeModule .dividionalWrapper .row>* { padding: 0 30px; }
  .prizeModule .dividionalWrapper .row { margin: 0 -30px; }
  .prizeModule .dividionalWrapper .prizeBox .imageBox { max-width: 160px; }
  .prizeModule .ticketCard { padding: 20px 30px; }
  .prizeModule .modal .modalOuter { max-width: 800px; }
  .prizeModule .modal-box { border-radius: 20px!important; padding: 40px 60px !important; font-size: 16px; }
  .prizeModule .modal .mainBox .modalContentBox { gap: 30px; }
  .prizeModule .modal .mainBox .modalContentInnerBox { width: calc(33.33% - 20px); }
  .prizeModule .modal .mainBox:last-child { padding-left: 30px; }
  .dreamTeam .dreamTeamBox { max-width: 820px; padding: 20px 40px 20px 0; }
  .dreamTeam .eligibleBox { padding: 60px; }
  .dreamTeam .dreamTeamBox .contentBox .textBox { width: 68%; }
  .dreamTeam .dreamTeamWrapper { gap: 10px; }
  .archtFormModule .archtFormModulePart { padding: 60px 80px; }

  .pidHeroModule .title h1 { font-size: 220px; max-width: 750px; margin: 0 auto; }
  .pidHeroModule .title h1 span.right { margin-top: -30px; }
  .pidHeroModule .title h1 span { font-size: 50px; }
  .pidHeroModule { padding: 280px 0 60px; }

  .pidHeader .arlonLogoBox { max-width: 140px; }
  .pidHeader .pidLogoBox img { max-width: 290px !important; }
  .pidHeader .pidLogoBox .x { font-size: 40px; padding: 0 40px; }
  .LpFooter .formModulePart { padding: 70px 100px 70px;}
}
@media(max-width: 991px){
  .threeColumnModule { margin-top: 0; }
  .bannerModule { padding: 180px 0 60px; }
  .bannerModule .bannerModuleWrapper .rightBox { padding-left: 40px; }
  .bannerModule .bannerModuleWrapper .leftBox div > * { font-size: 80px; }
  .bannerModule .imageBox { margin-top: 0; }
  .bannerModule .bannerModuleWrapper .leftBox { margin: 0; }
  .twoColumnColourLibraryModule .colorBoxWrapper { gap: 15px; padding: 0 20px; height: 350px; }
  .twoColumnColourLibraryModule .colorBox { width: calc(50% - 8px); }
  .twoColumnColourLibraryModule .leftBox .carImage img { height: 290px!important; }
  .twoColumnColourLibraryModule .carText span { font-size: 20px; }
  .twoColumnColourLibraryModule .leftBox { width: 65%; }
  .twoColumnColourLibraryModule .colorCodeBox { padding: 5px; }
  .productDetailsModule .productDetailsModulePart { padding: 60px 30px; }
  .productDetailsModule .buttonWrapper .button a { width: 100%; }
  .productDetailsModule .middleBox .informationBox { padding: 20px 20px 15px 40px; }
  .productDetailsModule .middleBox .titleBox { padding: 20px 10px 15px; }
  .productDetailsModule .endBox .leftBox .titleBox span { font-size: 22px; }
  .productDetailsModule .buttonWrapper { flex-direction: column; }
  .modal .modalOuter { max-width: 700px; }
  .productTutorialsModule .tab-nav { height: 330px; margin-left: 0; overflow-y: scroll; padding: 10px 20px 10px 0; border: none; }
  .tab-button { font-size: 18px; padding: 14px 12px 10px; border-radius: 10px; }
  .tab-nav .tab-nav-item:not(:last-child) { margin-bottom: 20px; }
  .productTutorialsModule .productTutorialsModulePart { border-radius: 30px; padding: 50px 40px; }
  .productTutorialsModule .tab-nav::-webkit-scrollbar { width: 15px }
  .productTutorialsModule .tab-content .imageBox .playButton { width: 100px; height: 100px; }
  .productTutorialsModule .tab-content { width: 100%; }
  .productTutorialsModule .tab-content .imageBox { padding: 0 0 20px; }
  .country_map_sec_part, .formModule .formModulePart { padding: 60px 50px 60px; }
  .country_map_sec, .formModule { padding: 49px 0 100px; }

  .archtHeader .logoBox { margin: 0 20px 0 auto; max-width: 140px; padding: 15px 25px 22px; }
  .ARCHTHeroModule .logoBox { max-width: 450px; }
  .ARCHTHeroModule .endPart { padding-top: 100px; }
  .ARCHTHeroModule .row>* { padding: 0 25px; }
  .ARCHTHeroModule .row { margin: 0 -25px; }
  .ARCHTHeroCardBox .cardImage img { height: 110px!important; }
  .ARCHTHeroCardBox .contentBox { height: calc(100% - 110px); }
  .ARCHTHeroCardBox { padding: 35px 20px 25px; }
  .gamePlanModule .shapeImages .leftImages { width: 150px; }
  .gamePlanModule .shapeImages .rightImages { width: 170px; }
  .gamePlanModule .gamePlanBoxWrapper .gamePlanBox .leftBox span, .gamePlanModule .gamePlanBoxWrapper .gamePlanBox .rightBox span { width: 70%; }
  .gamePlanModule .gamePlanBoxWrapper .gamePlanBox .line { width: 40px; }
  .gamePlanModule .gamePlanBoxWrapper .gamePlanBox .centerBox { width: 40%; }
  .prizeModule .ticketCard .leftBox .leftPart { padding: 30px 30px 30px 0; width: 50%; }
  .prizeModule .ticketCard .leftBox .rightPart { padding-left: 30px; }
  .prizeModule .ticketCard .rightBox { padding-left: 0px; width: 100%; flex: unset; }
  .prizeModule .ticketCard .leftBox { width: 70%; }
  .prizeModule .dividionalWrapper { padding: 30px 30px 40px; }
  .prizeModule .dividionalWrapper .prizeBox { padding: 30px 30px; }
  .prizeModule .dividionalWrapper .row>* { padding: 0 15px; }
  .prizeModule .dividionalWrapper .row { margin: 0 -15px; }
  .prizeModule .dividionalWrapper .prizeBox .imageBox { max-width: 120px; }
  .prizeModule .ticketCard { padding: 20px 30px; }
  .prizeModule .modal .modalOuter { max-width: 700px; }
  .prizeModule .modal-box { border-radius: 20px!important; padding: 40px 40px !important; font-size: 16px; }
  .prizeModule .modal .mainBox .modalContentInnerBox .innerBoxTitle { font-size: 18px; }
  .prizeModule .modal .mainBox .modalContentBox { gap: 30px; }
  .prizeModule .modal .mainBox .modalContentInnerBox { width: calc(33.33% - 20px); }
  .prizeModule .modal .mainBox:last-child { padding-left: 30px; }
  .prizeModule .ticketCard .leftBox { width: 100%; }
  .prizeModule .ticketCard .rightBox .imageBox { margin: 20px auto 0; max-width: 220px; width: 100%; }
  .dreamTeam .dreamTeamBox { max-width: 620px; padding: 20px 30px 20px 0; }
  .dreamTeam .eligibleBox { padding: 60px; }
  .dreamTeam .dreamTeamBox .contentBox .textBox { width: 100%; }
  .dreamTeam .dreamTeamBox .imageBox { height: 160px; left: -80px; width: 160px; }
  .dreamTeam .dreamTeamBox .contentBox { width: 82%; }
  .dreamTeam .dreamTeamBox .contentBox .buttonBox { flex: unset; text-align: unset; width: 100%; padding-top: 20px; }
  .dreamTeam .dreamTeamWrapper { gap: 10px; }
  .archtFormModule .archtFormModulePart { padding: 40px 60px; }
  .archtFormModule .hs_submit.hs-submit { padding-top: 30px; }
  .archtFormModule form input[type='submit'] { font-size: 18px; padding: 14px 40px; }
  .archtFooter .logoBox { max-width: 120px; }

  main.pidLandingPage .formModule .sectionHeading { font-size: 26px; }
  main.pidLandingPage .formModule .formModulePart { border-radius: 0 30px 0 30px; padding: 40px 60px; }

  .pidHeroModule .title h1 { font-size: 180px; max-width: 600px; margin: 0 auto; }
  .pidHeroModule .title h1 span.right { margin-top: -20px; }
  .pidHeroModule .title h1 span { font-size: 42px; }
  .pidHeroModule .countdownWrapper .countdownBox .number { font-size: 70px; }
  .pidHeroModule .countdownWrapper .countdownBox .time { font-size: 18px; }

  .pidHeroModule { padding: 280px 0 60px; }
  .pidHeader .arlonLogoBox { max-width: 120px; }
  .pidHeader .pidLogoBox img { max-width: 260px !important; }
  .pidHeader .pidLogoBox .x { font-size: 30px; padding: 0 30px; }
  .LpFooter .formModulePart { padding: 50px 30px 50px;}
  .ThreeCardMain .BoxGroup { row-gap: 30px; }
  .newsletterBanner .hed-line * { width:100%;}
  .newsletterBanner .hed-line .linebottom { margin-right: 1px !important;}
  .newsletterBanner .hed-line .linetop {margin-left:1px !important;}

  .legacy-banner .left-image .leftTitle { max-width: 78.5%; margin: 0 auto;}
  
  
@media(max-width: 767px){
  .bannerModule .bannerModuleWrapper .leftBox { text-align: center; width: 100%; }
  .bannerModule .bannerModuleWrapper .rightBox { max-width: 300px; margin: 20px auto 0; padding-left: 0; }
  .bannerModule .bannerModuleWrapper .leftBox>div { margin-top: 0; }
  .bannerModule .imageBox { margin-top: 30px; }
  .threeColumnModule .row { row-gap: 20px; }
  .twoColumnColourLibraryModule .leftBox { width: 100%; }
  .twoColumnColourLibraryModule .colorBoxWrapper { padding: 0 20px 0 0; }
  .twoColumnColourLibraryModule .leftBox { padding-bottom: 30px; }
  .twoColumnColourLibraryModule .colorBox { width: calc(33.33% - 10px); }
  .twoColumnColourLibraryModule .leftBox .carImage img { height: 100% !important; aspect-ratio: 16 / 9; }
  .middleBoxWrapper { margin-top: 30px; }
  .productDetailsModule .endBox { display: block; }
  .productDetailsModule .endBox .textBox { padding-left: 0; padding-top: 30px; }
  .productDetailsModule .endBox .leftBox { width: 100%; }
  .productDetailsModule .endBox .leftBox .imageBox { max-width: 280px; }
  .productDetailsModule .endBox .leftBox .titleBox span { font-size: 20px; }
  .productDetailsModule .middleBox { font-size: 14px; }
  .modal .modalOuter { max-width: calc(100% - 40px); }
  .imageGalleryModuleSlider .swiper-scrollbar { height: 15px; margin: 40px auto 0; max-width: calc(100% - 30px); }
  #map { margin-top: 50px; }
  .country_map_sec, .formModule { padding: 49px 0 60px; }
  .country_map_sec_part, .formModule .formModulePart { padding: 60px 20px 60px; }

  .ARCHTHeroModule .row { margin: 0 -15px; }
  .archtHeader .logoBox { margin: 0 0 0 auto; max-width: 120px; padding: 15px 20px 22px; }
  .ARCHTHeroModule .logoBox { max-width: 350px; }
  .ARCHTHeroModule .endPart { padding-top: 80px; }
  .ARCHTHeroModule { padding: 155px 0 90px; }
  .gamePlanModule .shapeImages .leftImages, .gamePlanModule .shapeImages .rightImages { display: none; }
  .gamePlanModule .gamePlanBoxWrapper .gamePlanBox { min-width: 650px; }
  .gamePlanModule .gamePlanBoxWrapper { overflow: hidden; overflow-x: auto; border-radius: 15px; }
  .gamePlanModule .gamePlanBoxWrapper .font16 { font-size: 14px; }
  .gamePlanModule .gamePlanBoxWrapper .gamePlanBox>* { padding: 20px 10px; }
  .gamePlanModule .title { gap: 15px; }
  .prizeModule .modal .modalOuter { max-width: calc(100% - 40px); }
  .prizeModule .sectionHeading .firstHeading div { padding: 0 15px; }
  .prizeModule .modal .mainBox:first-child { padding-right: 0; width: 100%; }
  .prizeModule .modal .mainBox:first-child:after { display: none; }
  .prizeModule .modal .mainBox:last-child { padding-left: 0; width: 100%; padding-top: 40px; }
  .dreamTeam .dreamTeamBox .imageBox { position: unset; margin: -100px auto 20px; }
  .dreamTeam .dreamTeamBox .contentBox { width: 100%; }
  .dreamTeam .dreamTeamBox { max-width: 100%; padding: 30px 20px; text-align: center; margin: 80px 0 0; }
  .dreamTeam .eligibleBox, .dreamTeam .exploreBox { padding: 40px 20px; border-radius: 25px; }
  .archtFormModule .archtFormModulePart { padding: 40px 30px; border-radius: 25px; }
  .archtFooter .logoBox { max-width: 100px; }

  main.pidLandingPage .formModule .sectionHeading { font-size: 22px; }
  main.pidLandingPage .formModule .formModulePart { border-radius: 0 20px 0 20px; padding: 40px 30px; }
  main.pidLandingPage .formModule form .hs_submit.hs-submit input.hs-button { font-size: 16px; }

  .pidHeroModule { padding: 180px 0 60px; }
  .pidHeroModule .title h1 { font-size: 120px; max-width: 420px; }
  .pidHeroModule .title h1 span { font-size: 30px; }
  .pidHeroModule .title h1 span.right { margin-top: -10px; }
  .pidHeroModule .countdownWrapper .countdownBox .number { font-size: 50px; }
  .pidHeroModule .countdownWrapper .countdownBox .time { font-size: 15px; }
  .threeImageCardWithTitleText .imageWrapper .imageBox { max-width: 120px; }
  .threeImageCardWithTitleText .imageWrapper { gap: 20px; }
  .pidFooter .logoBox { max-width: 100px; }

  .pidHeader .arlonLogoBox { max-width: 80px; }
  .pidHeader .pidLogoBox img { max-width: 180px !important; }
  .pidHeader .pidLogoBox .x { font-size: 20px; padding: 0 20px; }
  .LpFooter { padding: 40px 0 40px ; }
  .newsletterBanner .hed-line .linestyle {height: 0px !important;}
  .step-form-section .top-image { max-width:280px; margin:0 auto;}
  .step-form-section .step-form .hs_cos_wrapper_type_form { padding:10px 10px; }
  .step-form-section .step-form .hsfc-Step__Content {padding:20px 20px !important; }
}
@media(max-width: 600px){
  .imageGalleryModule .full-wrapper { padding: 0 15px; }
  .pidHeroModule .title h1 { font-size: 100px; max-width: 360px; }
  .pidHeroModule .title h1 span { font-size: 25px; }
  .pidHeroModule .title h1 span.right { margin-top: -10px; }
  .pidHeroModule .countdownWrapper .countdownBox { flex: 50%; }
  .pidHeroModule .countdownWrapper { row-gap: 20px; }
  .pidHeroModule .countdownWrapper .countdownBox:not(:last-child) { border-right: none; }
  .pidHeroModule .countdownWrapper .countdownBox:nth-child(odd) { border-right: 3px solid #F15629; }
}
@media(max-width: 480px){
  .bannerModule .bannerModuleWrapper .leftBox div > * { font-size: 60px; }
  .bannerModule .bannerModuleWrapper .rightBox { max-width: 250px; }
  .bannerModule { padding: 160px 0 50px; }
  .threeColumnModule .threeColumnModulePartBox { padding: 50px 30px; }
  .twoColumnColourLibraryModule .carText span { font-size: 16px; }
  .twoColumnColourLibraryModule .colorBoxWrapper { gap: 8px; padding: 0 15px 0 0; }
  .twoColumnColourLibraryModule .colorBox { width: calc(33.33% - 6px); }
  .twoColumnColourLibraryModule .colorBoxWrapper::-webkit-scrollbar { width: 6px; }
  .productDetailsModule .middleBox .informationBox { padding: 20px 20px 15px 20px; }
  .productDetailsModule .productDetailsModulePart { padding: 40px 20px; border-radius: 20px; }
  .productTutorialsModule .productTutorialsModulePart { border-radius: 20px; padding: 40px 20px; }
  .productTutorialsModule .tab-content .imageBox .playButton { height: 70px; width: 70px; }

  .prizeModule .ticketCard .leftBox .leftPart { padding: 0; width: 100%; border: none; display: block; }
  .prizeModule .ticketCard .leftBox .rightPart { padding-left: 0; padding-top: 20px;   }
  .prizeModule .ticketCard .rightBox .imageBox { max-width: 180px; }
  .prizeModule .dividionalWrapper { padding: 30px 15px; }
  .prizeModule .modal-box { font-size: 14px; padding: 30px!important; }
  .prizeModule .modal .mainBox .modalContentInnerBox .innerBoxTitle { font-size: 16px; }
  .prizeModule .modal .mainBox .modalContentInnerBox { width: 100%; text-align: center; }
  .pidHeroModule .title h1 { font-size: 90px; max-width: 300px; }
  .pidHeader .arlonLogoBox { max-width: 70px; }
  .pidHeader .pidLogoBox img { max-width: 160px !important; }
  .newsletterVideo .playIcon {width:70px; height:70px; }
  .eventsSection .eventBtn a { min-width:140px;}
  .eventsSection .eventBtn a:before { right: 15px; height:15px; width: 8px;}
  .eventsSection .event { margin: 0 10px;}
  .step-form-section .step-form .hsfc-Step__Content { padding: 10px 10px !important; }
}