@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');/***********************************************/

/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/



}



























/* Intial declartaion of css */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 85% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.55em }
:focus { outline: 0; }
*:before,
*:after { box-sizing: border-box; }
embed, img, object, svg { max-width: 100%; height: auto; }
iframe { max-width: 100%; }
.up :focus {outline: 0;}

/* hubspot */
.header-container-wrapper ul,
.footer-container-wrapper ul, .header-container-wrapper ol, .footer-container-wrapper ol { list-style: none; list-style-image: none; }
.row-fluid [class*="span"] { min-height: 0px !important; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; }
blockquote:before,
blockquote:after,
q:before,
q:after { content: ""; }
blockquote,
q { quotes: """"; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* For modern browsers */
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
::selection{ background:; color:; }
::-moz-selection { background:; color:; }


.d_flex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.flex_wrap {-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.justify_center {-webkit-justify-content: center;-ms-flex-justify: center;justify-content: center;}
.justify_space {-webkit-justify-content: space-between;-ms-flex-justify: space-between;justify-content: space-between;}
.align_center {align-items: center;-webkit-align-items: center;-ms-flex-align: center;}
.align_end {align-items: end;-webkit-align-items: end;-ms-flex-align: end;}
.flex_end {-webkit-justify-content: flex-end;-ms-flex-justify: flex-end;justify-content: flex-end;}
.lc_margin > *:last-child {margin-bottom:0 !important;}

body.up { margin:0; color:#242424 ; font-family:Roboto, sans-serif;;font-size:16px ; line-height:21.5px ;  font-weight:400 ; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; }
img { border: 0 none; max-width: 100%; vertical-align: middle; height: auto }
.up a { outline: none  ; cursor: pointer ; transition: all ease 0.3s ; text-decoration: none ; color: #002F6C ; }
.up a:hover { outline: none ; text-decoration: none ;color:#2151A3 ; }
.up a:focus { outline: none ; text-decoration: none ;}
.hs-embed-wrapper { margin-bottom: 35px ; }
.up h1, .up h2, .up h3, .up h4, .up h5, .up h6 { font-family: Roboto, sans-serif; ;margin-bottom:15px ; padding:0 ;color: #002F6C; }
.up h1 { font-size: 52px ; line-height: 1.2 ; font-weight: 900 ;text-transform: uppercase;}
.up h2 { font-size: 28.4px ; line-height: 1.4 ; font-weight: 500 ;}
.up h3 { font-size: 24px ; line-height: 1.3 ; font-weight: 700 ;}
.up h4 { font-size: 20px ; line-height: 1.5 ; font-weight: 400 ;}
.up h5 { font-size: 16px ; line-height: 21.5px ; font-weight: 300 ;}
.up h6 { font-size: 12px ; line-height: 14.4px ; font-weight: 300 ;}
.up p { margin-bottom: 20px ; }    
.up p:last-child { margin-bottom: 0 ; }
.up ul, .up ol { padding-left: 20px; }
.dis-flex { display: flex; flex-wrap: wrap; }
.vmiddle { align-items: center; }
.vbottom { align-items: flex-end; }
.hcenter { justify-content: center; }
.hright { justify-content: right; }
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.main { box-sizing: border-box;max-width:1260px; width:100%; margin-left: auto !important; margin-right: auto !important; float: none; padding-left: 20px; padding-right: 20px;font-weight: 300; }
.dis-flex>.row-fluid-wrapper>.row-fluid:before,
.dis-flex>.row-fluid-wrapper>.row-fluid:after { display: none; }
.clear { clear: both; }
.overlay { position: relative; z-index: 1; }
.overlay:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background-color: rgba(31, 31, 41, 0.78); z-index: -1; }
strong { font-weight:700; } 

.ul-style ul { list-style: none; padding: 0; }
.ul-style ul li { padding: 0 0 14px 33px; position: relative; }
.ul-style ul li:last-child { padding-bottom: 0; }
.ul-style ul li:before {content: '';position: absolute;left: 0;top: 3px;width: 18px;height: 20px;background-repeat: no-repeat;background-size: contain;background-image: url(https://5328759.fs1.hubspotusercontent-na1.net/hubfs/5328759/Tamanna/Active%20Fence/squre-design.png);}

.btn, a.btn{
    transition: all .5s;
    height: inherit;
    line-height: 1;
    color: #fff;
    width: auto;
    font-weight: 700;
    background-color: #2151a3;
    padding: 19.5px 49.5px;
    font-size: 20px;
    font-family: Roboto, sans-serif;
    text-align: center;
    display: inline-block;
}

.btn:hover, a.btn:hover{
    background-color:#7dc6c1;
    color: #fff;
}

/* Form CSS Start here */

input::-webkit-input-placeholder { color:#BDBFC2; opacity:1; }
/* WebKit browsers */
input:-moz-placeholder { color:#BDBFC2; opacity:1; }
/* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color:#BDBFC2; opacity:1; }
/* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color:#BDBFC2; opacity:1; }
/* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color:#BDBFC2; opacity:1; }
/* WebKit browsers */
textarea:-moz-placeholder { color:#BDBFC2; opacity:1; }
/* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color:#BDBFC2; opacity:1; }
/* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color:#BDBFC2; opacity:1; }
/* Internet Explorer 10+ */
select::-ms-expand { display: none; }
input::-ms-clear { display: none; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 100px #EAEAEA inset; -moz-box-shadow: 0 0 0 100px #EAEAEA inset; box-shadow: 0 0 0 100px #EAEAEA inset; color:#242424; -webkit-text-fill-color:#242424; }
input, textarea, select { border-radius: 0; }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: color 0.5s ease; }
button, input, select, textarea, option { vertical-align: baseline; font-family:Roboto, sans-serif;; color: #202F3F; background:#fff; margin-bottom: 17px; padding: 5px 10px 5px 10px; font-weight: 400; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0; border: 1px solid #D0D0D0; }
input[type="text"], input[type="tel"], input[type="email"] { -webkit-appearance: none !important; }
input[type="submit"] { cursor: pointer; transition: color 0.5s ease; }
textarea { overflow: auto; vertical-align: top; resize: none !important; height: 91px !important; }

/* Fieldset */
form ul { list-style: none; padding: 0; margin: 0; }
form div.hs-form-field .input>ul>li>label { cursor: pointer; }
form ul.hs-error-msgs { color: red; font-size:14px; text-align: left; margin-top: 5px;  }
form ul.hs-error-msgs li{ color: red; }
form .legal-consent-container .hs-error-msgs{position:relative;}
form .legal-consent-container, .legal-consent-container a {font-size: 12px;}
form .hs-form-required{display:inline}
form .hs_error_rollup{display:none}
.submitted-message{text-align:center;font-size:24px}
.legal-consent-container .hs-error-msgs label{color:red!important;}
.legal-consent-container a {line-height: inherit;}
form fieldset{max-width:100%}
form div.hs-form-field{float:none!important;display:inline-block;vertical-align:top;width:100%!important;margin-bottom:21px;position:relative}
form fieldset.form-columns-2>div.hs-form-field{margin-right:2.9%;width:48.5%!important; }
form fieldset.form-columns-2>div.hs-form-field:last-child{margin-right:0}
form fieldset.form-columns-3>div.hs-form-field{margin-right:2.9%;width:31.4%!important}
form fieldset.form-columns-3>div.hs-form-field:last-child{margin-right:0}

/* input */
form .input{margin-right:0!important}
/* form .hs-form-field>label{width:100%;pointer-events:none;display:none;margin-bottom:8px;font-family:Roboto, sans-serif;;} */
form textarea, form input[type="text"], form input[type="password"], form input[type="datetime"], form input[type="datetime-local"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="week"], form input[type="number"], form input[type="email"], form input[type="url"], form input[type="search"], form input[type="tel"], form input[type="color"], form select { padding: 8px 10px; width: 100% !important; margin: 0 0 0; background: #ffffff; font-family: 'Poppins',sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.5; border: none; color: #000000;border-radius: 8px; }
form textarea::placeholder, form input::placeholder { color: #BDBFC2; }
/* Select */
form select { -moz-appearance: none; -webkit-appearance: none; cursor: pointer; background-image: url('https://19486666.fs1.hubspotusercontent-na1.net/hubfs/19486666/Yarra%20Nov-2024/down-arrow.png'); background-position: calc(100% - 14px) calc(1em + 6px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em !important; background-repeat: no-repeat; background-size: 24px auto; padding-right: 50px; }
/* Radio Button */
.hs-form select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(https://19486666.fs1.hubspotusercontent-na1.net/hubfs/19486666/Yarra%20Nov-2024/down-arrow.png);
    background-position: right 15px center !important;
    background-repeat: no-repeat;
    background-size: 22px auto;
    cursor: pointer;
    padding-right: 40px !important;
    width: auto !important;
}

.hs-form .input ul.inputs-list li label input[type=radio]:checked+span:before {
    border: 1px solid #ffffff;
    box-shadow: inset 0 0 0 3px
}

.hs-form .input ul.inputs-list li label input[type=radio] {
    display: none!important;
    opacity: 0
}

.hs-form .input ul.inputs-list li label input[type=radio]+span:before {
    border: 1px solid #ffffff;
    border-radius: 50%;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    text-align: center;
    top: -1px;
    width: 16px;
    background-color: #ffffff;
}

.hs-form .input ul.inputs-list li label input[type=radio]+span {
    align-items: center;
    color: #000000;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding-left: 30px;
    position: relative;
    vertical-align: middle;
}
form div.hs-form-field .input>ul>li.hs-form-radio { margin-bottom: 10px;display: flex;flex-wrap: wrap;}
.hs-form .input ul.inputs-list li label input[type=checkbox]:checked+span:before {
    background-image: url(https://40876074.fs1.hubspotusercontent-na1.net/hubfs/40876074/Writer-LP/Images/tick.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 12px;
}

ul.inputs-list.multi-container[role="checkbox"] {margin-bottom: -15px;display: flex;flex-wrap: wrap;padding-top: 3px;}
form ul.inputs-list li.hs-form-checkbox {padding-right: 42px;}
form ul.inputs-list li.hs-form-checkbox label {margin: 0;}

.hs-form .input ul.inputs-list li label input[type=checkbox] {
    display: none!important;
    opacity: 0;
}

.hs-form .input ul.inputs-list li label input[type=checkbox]+span:before {
    border: 1px solid #fff; background-color: #ffffff;
    content: "";
    height: 18px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 1px;
    width: 18px;
    border-radius: 4px; 
    box-shadow: 0px 2.261px 12.06px 0px #EBEEFA;
}

.hs-form .input ul.inputs-list li label input[type=checkbox]+span {
    align-items: center;   
    color: #242424;
    display: inline-block;
    font-weight: 400;
    padding-left: 30px;
    position: relative;
    vertical-align: middle ;
    font-weight: 400;
}
.legal-consent-container .hs-form-booleancheckbox-display p { color: #242424; font-size: 11px; font-weight: 400; }
form label { font-size: 16px;line-height: 1.2; font-family: Roboto, sans-serif;; letter-spacing: 0.01em; color: #242424;display:block;margin-bottom: 5px; }
form fieldset { max-width: 100% !important; }
label.hs-error-msg { color: red; letter-spacing: 0; font-size: 12px; }
form .hs-form-required { display: none; }
.hs-form .input ul.inputs-list li label { font-size:12px;display: block; }



/* Button */
form .actions { text-align: center; }
form .hs-submit { margin-top: 21px;}
form .hs_submit input { position: relative;  border:none;  box-sizing: border-box !important;  background: #242424;  padding: 15px 30px;  display: inline-block;  color: #ffffff;  font-family: Roboto, sans-serif;;    font-style: normal; font-weight: 600;     text-align: center; margin: 0;  border-radius: 35px; transition: all .5s; height: inherit; width: 69%; font-size: 20px; }
form .hs_submit input:hover { background-color: #ffffff; color: #242424 }

/* Check Box & Radio Button in One Col */
form div.hs-form-field .input>ul>li { margin: 0 0 13px;}
form .legal-consent-container .hs-form-booleancheckbox-display>span { margin-left: 0; }
form .legal-consent-container .field.hs-form-field { margin-bottom: 0; }
form .legal-consent-container a { font-weight: 700; }

.bg_img { background-repeat: no-repeat; background-size: cover; background-position: center; }

@media(max-width:1200px){
    .up h1 { font-size: 44px;  }
}

@media(max-width:991px){
    .up h1 { font-size: 32px;  }
    .up h2 { font-size: 25px;  }
    .up h3 { font-size: 20px;  }
    .up h4 { font-size: 18px;  }
}

@media(max-width:767px){
    .main {padding-left: 40px;padding-right: 40px;}
    .up p{
        font-size:14px;
    }
    .up h3 { font-size: 17px;  }
    .up h4 { font-size: 14px;  }
}

@media(max-width:480px){
    .up h1 { font-size: 26px;  }
    .up h2 { font-size: 22px;  }
}