:root {
  --primeColor: #110075;
  --darkblue:#19355c;
  --black: #000;
  --white: #fff;
  --gray: #707175;
}
.bg_primeColor {background-color: var(--primeColor);}

body {font-size: 15px; color: #686868; font-family: 'Montserrat', sans-serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; word-wrap: break-word; }
ul, ol {margin: 0; padding: 0; }
li{list-style: none;}
a {color: var(--primeColor); text-decoration: none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }
a:hover, a:focus, a:active {color: #1869f4; text-decoration: none; outline: 0; }
a:visited {text-decoration: none; outline: 0; }
textarea {outline: none !important; height: 150px; }

header {position: absolute; width: 100%; top: 0; padding-top: 20px; }

.my__container {padding-left: 95px; padding-right: 95px; }
.containter__left {padding-left: 95px; }
.rounded-4{border-radius: 15px;}

section {overflow: hidden;padding: 100px 0;background-repeat: no-repeat;background-size: cover;}

.offer__clm {
    border-radius: 30px;
    /* display: grid; */
    /* align-content: space-between; */
}

.primeColor{color: var(--primeColor);}

.fw_300{font-weight: 300;}
.fw_400{font-weight: 400;}
.fw_500{font-weight: 500;}
.fw_600{font-weight: 600;}

.fs_100px {font-size: 100px; text-transform: capitalize;}
.fs_80px {font-size: 4.167vw; text-transform: capitalize;}
.fs_46px {font-size: 46px; text-transform: capitalize;}
.fs_36px {font-size: 36px; text-transform: capitalize;}
.fs_24px {font-size: 24px; }
.fs_22px {font-size: 22px;}
.fs_18px {font-size: 18px;}

.light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light a, .light p, .light i, .light span, .light li, .light {color: var(--white); }
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark a, .dark p, .dark i, .dark span, .dark, .black {color: var(--black) !important; }

.primeBtn {width: max-content;display: inline-block;background-color: var(--primeColor);color: var(--white);padding: 15px 30px;transition: .5s ease-out;text-transform: capitalize;font-size: 16px;border-radius: 30px;text-align: center;border: 1px solid var(--primeColor);font-weight: 500;}
.whiteBtn {display: inline-block; background-color: var(--white); color: var(--black); padding: 12px 25px; transition: .5s ease-out; text-transform: capitalize; font-size: 16px; border-radius: 30px; text-align: center; font-weight: 500;}
.blackBtn {display: inline-block;background-color: var(--black);color: var(--white);padding: 15px 30px;transition: .5s ease-out;text-transform: capitalize;font-size: 16px;border-radius: 30px;text-align: center;font-weight: 500;border: 1px solid;}
.grayBtn {display: inline-block;background-color: var(--gray);color: var(--white);padding: 15px 30px;transition: .5s ease-out;text-transform: capitalize;font-size: 16px;border-radius: 30px;text-align: center;font-weight: 500;border: 1px solid;}

.btn_set {display: flex; gap: 15px; align-items: center; }
.primeBtn:hover {background-color: var(--white); color: var(--primeColor); }
.blackBtn:hover {background-color: transparent !important;color: #000;} 
.grayBtn:hover {background-color: transparent; color: #000; }
.whiteBtn:hover {background-color: var(--primeColor) !important; color: #fff !important; }

.capitalize{text-transform: capitalize;}

section.banner {background-image: url(../../assets/images/banner-bg.webp);background-repeat: no-repeat;background-size: 100% 100%;}

ul.doted li, .doted__p {position: relative; padding-left: 15px;}
ul.doted li { margin: 5px 0; }
ul.doted li:before, .doted__p:before {content: ""; background-color: var(--black); position: absolute; width: 3px; height: 3px; left: 0; top: 11px; border-radius: 50%; }

section.finish__option .owl-nav {position: absolute; display: flex; justify-content: space-between; width: 90%; top: 50%; transform: translate(0px, -50%); margin: auto; left: 0; right: 0; } 
section.finish__option .owl-nav div {position: relative; font-size: 0; } 
section.finish__option .owl-nav div:before {content: ""; width: 15px; height: 15px; border-right: 2px solid #fff; position: absolute; left: 0px; border-bottom: 2px solid #fff; transform: rotate(130deg); } 
section.finish__option .owl-nav div:nth-child(2):before {transform: rotate(-45deg); left: -15px; }

.checkBox__wrap {position: relative; padding-left: 25px; margin-bottom: 20px; } 
.checkBox__wrap input.checkbox {position: absolute; left: 0; top: 6px; transform: scale(1.3); }

.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.products_img {transition: .5s; } 
.products_img:hover {transform: scale(1.1); }

/***********NEWSLETTETR CSS*/
form.newsletter {position: relative; width: 70%; margin: auto; } 
form.newsletter input {margin: 0;border-radius: 50px;border: 2px solid #ffffff78 !important;background-color: #3b2483;padding: 10px 20px;color: #fff;width: 100%;} 
form.newsletter button {position: absolute; right: 0; padding: 0 20px; border: 0; height: 100%; } 
form.newsletter button:hover {background-color: white !important; color: var(--primeColor); }
form.newsletter ::placeholder {color: #fff; }
/***********NEWSLETTETR CSS*/

/************FOOTER CSS*/
footer {display: inline-block;width: 100%;padding: 0 25px 25px;margin-top: 100px;}
footer a:hover {opacity: 0.5;border-color: var(--primeColor) !important;color: #fff;}
footer ul.fancy_list li {margin: 10px 0; } 
footer .f_clm3 ul.fancy_list li.gdpr:before {opacity: 0; }
footer ul.fancy_list li:first-child {margin-top: 0; }
footer ul.fancy_list li:last-child {margin-bottom: 0; }
footer .f_clm4 {float: right; }
footer .logo_container {margin: 130px 0 70px; }
footer .f_clm ul li {margin: 10px 0; } 
footer .f_clm ul li:first-child {margin-top: 0; } 
footer .f_clm ul li:last-child {margin-bottom: 0; }
.footer h5 {text-transform: capitalize; font-weight: 500; } 
.footer {padding: 100px 0 30px 0;background-color: var(--primeColor);background-image: url(../../assets/images/footer-bg.webp);background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 70px;/* margin: 0px 25px 25px !important; */display: inline-block;width: 100%;} 
.footer span, .footer p, .footer a {font-weight: 300;font-size: 15px;transition: .5s;} 
.footer img.footer_logo {margin-bottom: 0px; } 
.footer .contact_info span {display: inline-block; width: 100%; } 
.footer ul.f_links {column-count: 2; } 
.footer ul.f_links li {list-style: none; } 
.social_icons a {width: 40px;height: 40px;background-color: #382584;display: flex;justify-content: center;align-items: center;border-radius: 50%;transition: .5s;opacity: 1 !important;} 
.social_icons a:hover {background-color: #fff; } 
.social_icons a img {transition: .5s; } 
.social_icons a:hover img {filter: brightness(0); }
/************FOOTER CSS*/


section.rbgw .primeBtn {background-color: #fff; color: #000; border-color: #fff; } 
section.rbgw .primeBtn:hover {background-color: transparent !important; color: #fff !important; }
.led_slider .owl-stage-outer {width: 105%; }

.image_slider .owl-nav {justify-content: space-between;gap: 10px;top: 50%;position: absolute;transform: translate(0,-50%);left: 0;right: 0;display: flex;width: 97%;margin: auto;}
.image_slider .owl-nav div {display: inline-block;width: 40px;height: 40px;border-radius: 50%;display: flex;justify-content: center;align-items: center;background-image: url(../../assets/images/arch-neon/arrow1.webp);font-size: 0;background-size: 10px;background-position: center;background-color: #fff;background-repeat: no-repeat;}
.image_slider .owl-nav div:nth-child(2) {background-image: url(../../assets/images/arch-neon/arrow2.webp); }

section.follow {display: none; }
.bg_primeColor {background-color: var(--primeColor);}
.areas p{text-transform: capitalize; }
section.security__bollards img {object-fit: cover; border-radius: 20px; }

.accordion {margin-top: 40px }
.accordion .accordion-item {border: none; border-top: 1px solid #CDCDCD; border-radius: 0; padding: 30px 0 }
.accordion .accordion-item .accordion-button {outline: none !important; box-shadow: none !important;background: #fff0; border: none; color: #333; font-size: 20px; font-weight: 500; letter-spacing: 0; text-transform: initial; padding: 0 }
.accordion .accordion-item .accordion-button:not(.collapsed) {box-shadow: none }
.accordion .accordion-item .accordion-button::after {content: "" !important; width: 28px; height: 28px; background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.5263 16.0273L17.561 19.9926L13.5957 16.0273' stroke='%230C0C0D' stroke-width='1.69941' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5609 19.9925V13.1948C17.5609 11.9929 17.0835 10.8403 16.2336 9.9904C15.3838 9.14054 14.2311 8.66309 13.0292 8.66309H5.09863' stroke='%230C0C0D' stroke-width='1.69941' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-size: contain }
.accordion .accordion-item .accordion-body {color: #666; font-size: 20px; font-weight: 400; letter-spacing: -.6px; padding: 20px 0 0 0 }

 

a.primeBtn.mx-auto.d-table {
    width: 300px;
}

button.accordion-button {
    font-size: 30px !important;
}

section.security_banner {
    height: 400px;
    background: #130077  !important;
}
.wk_line {
    height: 3px;
    background: #fff;
    margin: 20px 0;
}


/* width now comes from DESIGN BUTTONS at the end of this file */


.wk_new_col .mb-4 {
   
   
    background: #F9F9F9;
    border-radius: 10px;
    padding: 20px;
   
}
@media(min-width:1024px){
    .col-lg-6.d-grid.align-content-center.wk_new_col h3 {
    width: 40%;
}
.wk_new_col .mb-4 {
    display: flex;
    gap: 25px;
    /* justify-content: center; */
    align-items: center;
}

}
.led_variations .fs_24px {font-size: 18px; }
section.wk_bg.site_structural.py-5 {background-size: cover; background-position: center center; }
ul.light.wk_st li {background: #160a74; margin: 5px; height: 90px; font-size: 20px; display: flex; align-items: center; border-radius: 10px; padding-left: 30px; }

section.luments .border {border-color: #ffffff21 !important; }

.uppercase , a {text-transform: uppercase !Important; }
.wk_btn .row {
    flex-direction: column;
}
/************FOOTER LINK CASE*/
/* the global `a { text-transform: uppercase }` above also hits the footer —
   the footer markup is already correctly cased, so undo it there */
footer a {text-transform: capitalize !important; }
/* leave the phone/email exactly as written so the address isn't mangled */
footer .f_clm3 ul.fancy_list a {text-transform: none !important; }
/* postal address sits with the phone/email and matches their type */
footer .f_clm3 li.f_address {font-size: 15px; font-weight: 300; line-height: 1.6; color: #fff; }
/************FOOTER LINK CASE*/




/* New Footer Css */
img.footer-logo {
    width: 250px;
}
.fancy_list {
    padding-top: 60px !important;
}
.social_icons {
    display: flex;
}
.Follow {
    padding-top: 60px;
}

/************FOOTER CSS*/
.footer.light .container {
    max-width: 1600px;
}
footer .f_clm ul li {
    margin: 15px 0;
    gap: 13px;
    display: flex;
} 
.footer h5 {text-transform: capitalize; font-weight: 500; } .footer {padding: 100px 20px 30px 20px;background-color: var(--primeColor);background-image: url(../../assets/images/footer-bg.png);background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 70px;/* margin: 0px 25px 25px !important; */display: inline-block;width: 100%;} 
.footer span, .footer p, .footer a {font-weight: 300;font-size: 18px;transition: .5s;} 
.footer img.footer_logo {filter: brightness(0)invert(1); margin-bottom: 20px; } 
.social_icons a img {transition: .5s; } 
/************FOOTER CSS*/


/* ==========================================================================
   DESIGN BUTTONS — every landing page (squeeze pages + poles + catenary)
   large  "See … Collection"         693 x 119, 27px uppercase, radius 55
   CTA    "Specify Now" (.primeBtn)  693 x 119, 36px, tracking 5.04, radius 70
   medium "Get Specification Support" (.sq_btn_md / .sq_btn_white) 622 x 86
   Sizes scale with the page: squeeze pages use their own --s, the other pages
   fall back to 1920-wide scaling. "body" keeps these ahead of responsive.css.
   Long labels wrap to two lines, as they do in the design.
   ========================================================================== */
body .blackBtn, body .primeBtn, body .sq_btn_white {
	display: inline-flex; align-items: center; justify-content: center; text-align: center;
	width: calc(693 * var(--s, calc(100vw / 1920))); min-width: 240px; max-width: 100%;
	min-height: clamp(50px, calc(119.5 * var(--s, calc(100vw / 1920))), 119.5px);
	padding: calc(12 * var(--s, calc(100vw / 1920))) calc(40 * var(--s, calc(100vw / 1920)));
	border-radius: max(25px, calc(55 * var(--s, calc(100vw / 1920))));
	font-size: clamp(13px, calc(27 * var(--s, calc(100vw / 1920))), 27px); line-height: 1.5; font-weight: 600;
	letter-spacing: .02em; text-transform: uppercase; white-space: normal;
}
/* the CTA "Specify Now" (poles/catenary mark the collection button blackBtn + primeBtn) */
body .sq_cta_btns .primeBtn, body .wk_btn .primeBtn:not(.blackBtn) {
	font-size: clamp(15px, calc(36 * var(--s, calc(100vw / 1920))), 36px); line-height: 1.41;
	letter-spacing: .14em; border-radius: max(25px, calc(70 * var(--s, calc(100vw / 1920))));
}
body .sq_btn_md, body .sq_btn_white {
	width: calc(622 * var(--s, calc(100vw / 1920)));
	min-height: clamp(46px, calc(86 * var(--s, calc(100vw / 1920))), 86px);
	letter-spacing: .03em;
}
.sq_btn_white { background: #fff; color: #000; border: 1px solid #fff; transition: .5s ease-out; }
.sq_btn_white:hover { background: transparent; color: #fff; }

/* pages without the squeeze scale (poles, catenary) use the same steps as squeeze.css */
@media (max-width: 991px) { body:not(.sq) { --s: calc(100vw / 1100); } }
@media (max-width: 575px) {
	body:not(.sq) { --s: calc(100vw / 620); }
	body .blackBtn, body .primeBtn, body .sq_btn_white { width: 100%; min-width: 0; padding: 12px 20px; }
}