@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

:root {
    --BodyFont: "DM Sans", sans-serif;
    --white: #fff;
    --lightblue: #C4D8FA;
    --darkgreen: #837D53;
    --grey: #F7F7F7;
    --yellow: #F9A800;
    --menucolor: #000000;

    --bodyfontsize: 16px;
    --h1fontsize: 60px;
    --h2fontsize: 48px;
    --h3fontsize: 32px;
    --h4fontsize: 24px;
    --h5fontsize: 20px;
    --h6fontsize: 14px;

    --btnbgcolor: #F9A800;
    --btnbordercolor: rgba(249, 168, 0, 0.1);
    --btntextcolor: #000000;
    --btnhoverbgcolor: #000000;
    --btnhoverbordercolor: #000000;
    --btnhovertextcolor: #F9A800;
}

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;scroll-behavior: smooth}
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.up html, body.up, .up div, .up span, .up applet, .up object, .up #map, .up a, .up img, .up select, .up input, .up option { margin: 0; padding: 0; border: 0; outline: 0; }
.up html { -webkit-text-size-adjust: none;scroll-behavior: smooth }
.up button, .up input, .up select, .up textarea { font-size: 100%; margin: 0; vertical-align: baseline; box-shadow: none; }
.up input[type="button"], .up input[type="submit"] {appearance: none; -webkit-appearance: none !important; }
.up img {border: 0 none;max-width: 100%;vertical-align: top;}

.up a {outline: none;cursor: pointer;text-decoration: none;color: var(--anchor_color);}
.up a:hover {text-decoration: none;color: var(--anchor_hover_color);}
.up a:focus {text-decoration: none !important;outline: none !important;}
.up .clear {clear: both;}
.up img {max-width: 100%;}
.up button:focus {outline: 0;}
.up img { vertical-align: bottom; }

/*Placeholder opacity cross browsers*/
.up input::-webkit-input-placeholder {color:rgba(0, 0, 0, 0.8);}
.up input:-moz-placeholder {color: rgba(0, 0, 0, 0.8);}
.up input::-moz-placeholder {   color: rgba(0, 0, 0, 0.8);}
.up input:-ms-input-placeholder {color: rgba(0, 0, 0, 0.8);}
.up textarea::-webkit-input-placeholder {color: rgba(0, 0, 0, 0.8);}
.up textarea:-moz-placeholder {color: rgba(0, 0, 0, 0.8);}
.up textarea::-moz-placeholder {color: rgba(0, 0, 0, 0.8);}
.up textarea:-ms-input-placeholder {color: rgba(0, 0, 0, 0.8);}
.up button::-moz-focus-inner, .up input[type="submit"]::-moz-focus-inner {border: 0;}

/* #Page Structure
================================================== */
body.up { overflow-x:hidden;margin: 0; padding: 0; font-size: var(--bodyfontsize); font-family: var(--BodyFont); font-weight: 300; color: rgba(0, 0, 0, 0.8); line-height: 160%; -webkit-font-smoothing: antialiased;word-break: break-word;letter-spacing: -0.015em;}
.up strong, .up b {-webkit-font-smoothing: antialiased;}
.up .wrapper { width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; opacity: 1; }
.up .main { max-width: 1434px; margin: 0 auto; padding: 0 15px;}
.up a, .up button { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.up .flw {width: 100%;}

.up .d_flex,.up .flex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.up .flex_wrap {-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.up .justify_center {-webkit-justify-content: center;-ms-flex-justify: center;justify-content: center;}
.up .justify_space {-webkit-justify-content: space-between;-ms-flex-justify: space-between;justify-content: space-between;}
.up .align_center {align-items: center;-webkit-align-items: center;-ms-flex-align: center;}
.up .align_end {align-items: end;-webkit-align-items: end;-ms-flex-align: end;}
.up .align_start {align-items: flex-start;-webkit-align-items: flex-start;-ms-flex-align: flex-start;}
.up .flex_end {-webkit-justify-content: flex-end;-ms-flex-justify: flex-end;justify-content: flex-end;}
.up .text_center {text-align: center;}

.up .lc_margin > *:last-child {margin-bottom: 0 !important;}
.up .ml_auto {margin-left: auto;margin-right: auto;}

.up .bg_img {background-position: center;background-repeat: no-repeat;background-size: cover;}
.up strong {font-weight: bold;}


.up .mid-container ul,.up .mid-container ol {padding-left: 2px;margin: 0 0 17px;}
.up .mid-container ul li,.up .mid-container ol li {padding-left: 14px;margin-bottom: 0px;position: relative;}
.up .mid-container ul li:last-child,.up .mid-container ol li:last-child {margin-bottom: 0;}
.up .mid-container ul {list-style: none;}
.up .mid-container ul li:before {content: '';position: absolute;left: 0;top: 11px;border-radius: 100%;overflow: hidden;border: 2px solid rgba(0, 0, 0, 0.8);}


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

/* Global Page Style
==================================================*/
.up h1,.up h2,.up h3,.up h4,.up h5,.up h6 { font-family: var(--BodyFont);font-weight: 500;letter-spacing: 0;}
.up h1{font-size: var(--h1fontsize);line-height: 100%;letter-spacing: 2.5px;}
.up h2{font-size: var(--h2fontsize);line-height: 100%;letter-spacing: 2.3px;}
.up h3{font-size: var(--h3fontsize);line-height: 160%;font-weight: 300;letter-spacing: 0.3px;}
.up h4{font-size: var(--h4fontsize);line-height: 120%;}
.up h5{font-size: var(--h5fontsize);line-height: 120%;}
.up h6{font-size: var(--h6fontsize);line-height: 120%;}

.up p {}


.up .pd_248 {padding-top: 248px;padding-bottom: 248px;}
.up .pd_176 {padding-top: 176px;padding-bottom: 176px;}
.up .pd_166 {padding-top: 166px;padding-bottom: 166px;}
.up .pd_124 {padding-top: 124px;padding-bottom: 124px;}
.up .pd_100 {padding-top: 100px;padding-bottom: 100px;}
.up .pd_67 {padding-top: 67px;padding-bottom: 67px;}

.up .btn_grp {margin: 0 -8px 0px;width: calc(100% + 16px);}
.up .btn_grp > * {margin: 0 0px -10px;display: flex; flex-wrap: wrap;}
.up .btn_grp > div > a,.up .btn a, .up .btn_grp > div > span,.up .btn span,.up .btn-submit { cursor: pointer;display:flex;align-items: center;background-color: var(--btnbgcolor); color: var(--btntextcolor); border: 1px solid var(--btnbordercolor); border-radius: 10px; padding: 15px 17px 14px; font-weight: 600;font-size: 18px;line-height: 138%;text-align: left;margin: 0 8px 10px;transition: all ease 0.3s!important;-webkit-transition: all ease 0.3s!important;-moz-transition: all ease 0.3s!important;-o-transition: all ease 0.3s!important;}
.up .btn_grp > div > a:hover,.up .btn a:hover, .up .btn_grp > div > span:hover,.up .btn span:hover,.up .btn-submit:hover {background-color: var(--btnhoverbgcolor); border-color: var(--btnhoverbordercolor);color: var(--btnhovertextcolor);}
.up .btn_grp > div > a i ,.up .btn a i, .up .btn_grp > div > span i ,.up .btn span i {margin-left: 6px ;font-size: 16px;}

.up .btn_grp > div.white_btn > a,.up .btn.white_btn a, .up .btn_grp > div.white_btn > span,.up .btn.white_btn span {background-color: #fff;border-color: rgba(255, 255, 255, 0.1);}
.up .btn_grp > div.white_btn > a:hover,.up .btn.white_btn a:hover, .up .btn_grp > div.white_btn > span:hover,.up .btn.white_btn span:hover {background-color: var(--btnhoverbgcolor); border-color: var(--btnhoverbordercolor);color: var(--white);}

/* Header Section CSS */
.up header {background-color: transparent;padding: 46px 55px;position: fixed;top: 0;left: 0;z-index: 10;transition: all ease 0.3s;}
.up header ul,.up header ol{list-style: none;}
.up .header_logo {width: 22%;}
.up .header_logo a {display: flex;align-items: center;max-width: 308px;width: 100%;}
.up .header_menu {width: 50%;text-transform: lowercase;letter-spacing: -0.24px;font-weight: 500;color: var(--menucolor);font-size: 18px;line-height: 133%;}
.up .header_menu ul {display: flex;flex-wrap: wrap;align-items: center;    margin-bottom: -20px;justify-content: flex-end;}
.up .header_menu ul li a:hover {color: var(--yellow);}
.up .header_menu ul > li {margin: 0 0 20px 43px;}
.up .header_menu ul > li.btn {margin-right: 0;     margin-left: 36px;}
.up .header_menu li.btn a {margin: 0;font-weight: 500;padding: 14px 24px;}
.up .header_menu li.btn a i {margin-left: 4px ;}

.up .header_logo a img {width: 100%;}
.up header.fixed {background: #fff;}

/* Banner Section CSS */
.up .banner_sec {background-color: var(--lightblue);z-index: 1;position: relative;}
.up .banner_sec .main {max-width: 100%;padding: 0;}
.up .banner_inner_grp > div {width: 50%;}
.up .banner_right {position: relative;}
.up .banner_right img {object-fit: cover;width: 100%;height: 100%;position: absolute;top: 0;}
.up .banner_left > div {max-width: 650px;margin: 0 0 33px;}
.up .banner_left {padding: 16.75vw 6.8vw 145px;}
.up .banner_text > * {margin-bottom: 41px;}


/* Section1 CSS */
.up .two_col_left {width: 50%;padding-right: 30px;}
.up .two_col_left > * {max-width: 436px;}
.up .two_col_left .two_col_text > * {margin-bottom: 21px;}
.up .two_col_left > * {margin-bottom: 50px;}
.up .sec1_inner_grp > * {margin-bottom: 165px;}
.up .two_col_right {width:50%;position: relative;}
.up .two_col_right img {object-fit: contain;width: 100%;height: 100%;}
.up .sec1_inner_grp > *.order {flex-direction: row-reverse;}
.up .sec1_inner_grp > *.order .two_col_left {padding-right: 0;padding-left: 175px;}

/* Section2 CSS */
.up .full_col {position: relative;}
.up .sec2 {background-color: var(--darkgreen);padding: 234px 0 156px;}
.up .full_col_inner_grp {max-width: 1230px;margin: 0 auto;position: relative;z-index: 1;}
.up .full_col_inner_grp > * {margin-bottom: 70px;}
.up .full_col_inner_grp h2 {line-height: 140%;}

/* SVG */
.up .svg_sec {position: absolute;}
.up .svg_sec.svg1{top: 76%;left: auto;right: 0;}
.up .svg_sec.svg2 {top: -73.7%;left: 0px;z-index: 0;}

/* Section3 CSS */
.up .sec3 .two_col_right {max-height: 782px;overflow: hidden;}
.up .sec3 .two_col_right > div {position: relative;padding-top: 111.4%;}
.up .sec3 .two_col_right #map {width: 100%;position: absolute;top: 0;height: 100%;}
.up .btn_grp .btn.no_box a, .up .btn_grp .btn.no_box span {background: transparent;border-top: 0;border-left: 0;border-radius: 0;border-right: 0;padding: 0 0 7px;border-bottom: 2px solid rgba(249, 168, 0, 1);}
.up .btn_grp .btn.no_box a i, .up .btn_grp .btn.no_box span i {color: rgba(249, 168, 0, 1);}

/* Section4 CSS */
.up .sec4 {background-color: var(--grey);}
.up .accordion-item {margin-bottom: 66px;transition: all ease 0.3s;}
.up .acc_icon {    transition: all ease 0.3s;width: 25px;height: 40px;display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: right;margin-top: 0px;font-size: 27px;position: relative;}
.up .accordion_content {display: none;    padding: 23px 0 0;position: relative;}

.up .sec4_inner_grp .two_col_left > * {max-width: 534px;}
.up .sec4_inner_grp .two_col_left .two_col_text > * {margin-bottom: 57px;}
.up .accordion_header {justify-content: space-between;border-bottom: 1px solid rgba(0, 0, 0, 1);padding-bottom: 1px;cursor: pointer;}
.up .accordion_content p {max-width: 500px;}
.up .accordion_content table {width: 100%;border-collapse: collapse;}
.up .accordion_content table tr {border-bottom: 1px solid rgba(0, 0, 0, 0.1);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 20px 0;}
.up .accordion_content table tr td {width: 28%;}
.up .accordion_content table tr > td:last-child {text-align: right;width: 70%;}
.up .accordion_content table tr:first-child {padding-top: 0;}
.up .accordion_content p sup {font-size: 9.5px;vertical-align: super;line-height: 1;}
.up .accordion-item.acc_active .acc_icon i:before {content: "\f063";}
.up .acc_heading {width: calc(100% - 30px);}

/* Section5 CSS */
.up .sec5 {position: relative;}
.up .sec5_inner_grp {background-color: var(--darkgreen);padding: 0 77px;}
.up .sec5_content_col {padding: 115px 0 48px;width: 44%;}
.up .sec5_img_col {margin-top: -57px;padding-bottom: 48px;width: 51%;}
.up .sec5_content_col > * {margin-bottom: 48px;}
.up .sec5_col_btn .btn_grp .btn.no_box a {border-color: #fff;}
.up .sec5_col_btn .btn_grp .btn.no_box a i {color: #fff;}
.up .sec5_col_btn .btn_grp .btn.no_box a:hover {color: #fff;}

/* Section6 CSS */
.up .sec6 {position: relative;background-color: var(--lightblue);padding: 247px 0 159px;}
.up .sec6 .full_col_inner_grp > * {margin-bottom: 65px;}
.up .full_col_inner_grp strong {font-weight: 500;}
.up .svg_sec.svg3 {left: auto;right: 0;bottom: -136px;}

/* Section7 CSS */
.up .sec7 {position: relative; overflow: hidden;padding-top: 268px;}
/*.up .swiper-container {position: relative;width: calc(100% + 546px);height: 100%;margin: 0 -273px !important;}
.up .swiper-slide {display: flex;background: #eee;align-items: center;justify-content: center;transition: all 200ms linear;padding-top: 22.5% !important;background-size: cover;background-position: center;background-repeat: no-repeat;width: calc(100% / 3) !important;}*/
.up .sec7_top {max-width: 564px;margin-left: auto;margin-right: auto;}
.up .sec7_top > * {margin-bottom: 49px;}
.up .sec7 > * {margin-bottom: 97px;}
.up .sec7 > *:last-child {margin-bottom: 0;}
.up .slick-arrow.slick-next {right: 28.3%;border-top-left-radius: 5px;}
.up .slick-arrow {border:0;z-index: 2;cursor: pointer;position: absolute;width: 58px;height: 60px;background-image: none !important;background-color: rgba(247, 247, 247, 1);display: flex;align-items: center;justify-content: center;top: auto;bottom: 0;color: #000;transition: all ease 0.3s;}
.up .slick-arrow.slick-prev {left: 28.35%;border-top-right-radius: 5px;}
.up .slide_text {opacity: 0;transition: all ease 0.3s;color: #fff;position: relative;z-index: 1;padding: 80% 80px 17px;width: 100%;text-align: center;}
.up .slick-slide.slick-current .slide_text {opacity: 1;}
.up .slick-arrow:hover {background-color: #000;color: #fff;}

.up .slider-container {overflow: hidden;position: relative;}
.up .slider .slick-track > div {
    transition: all ease 0.8s;
    margin: 0 0 0 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background-size: cover;background-position: center;background-repeat: no-repeat;    position: relative;
}
.up .slider .slick-track > div.slick-current {    transform: scale(1.3); z-index: 1;}
.up .slider .slick-track > div.slick-current .slide_text {padding-top: 68.6%;}

/* Section8 CSS */
.up .sec8_top_sec {max-width: 568px;margin-left: auto;margin-right: auto;}
.up .sec8_top_sec > * {margin-bottom: 20px;}
.up .sec8 .main > * {margin-bottom: 43px;}
.up .logo_item {width: 30%;max-width: 256px;background: var(--grey);margin: 0 17.5px 25px;}
.up .logo_item a {padding:  50px 40px;height:100%;width: 100%;display: flex;align-items: center;justify-content: center;min-height: 190px;}
.up .logo_item img {max-height: 65px;    width: 100%;object-fit: contain;max-width: 165px;}
.up .logo_inner_grp {margin: 0 -17.5px -25px;}

/* Section9 CSS */
.up .sec9 {background-color: var(--grey);}
.up .form_left_sec {width: 40%;}
.up .form_right_sec {width: 48.8%;    line-height: 138%;}
.up .form_left_sec > * {margin-bottom: 43px;}
.up .form_contact_btn a {border: 1px solid #fff;background: #fff;text-align: center;display: inline-block;color: #000;font-weight: 600;font-size: 18px;line-height: 138%;border-radius: 10px;padding: 15px 20px;transition: all ease 0.3s;}
.up .form_contact_btn a:hover {background: #000;border-color: #000;color: #fff;}
.up .form_contact_btn > * {margin-bottom: 8px;}
.up .form_right_top_text {width: 85%;}
.up .form_right_sec > * {margin-bottom: 68px;}
.up .form_right_sec form {margin-bottom: 0 !important;}

/*Form Style*/
.up .form-field {width: 100%;display: block;position: relative;margin-bottom: 18px;}
.up .form-field label {display: none;color: rgba(0, 0, 0, 0.8);font-family: var(--BodyFont);font-size: 18px;font-style: normal;font-weight: 300;line-height: 138%;margin-bottom: 4px;}
.up .required {color: red;}
.up .form-field .form-control {padding: 15px 21px;display: block;width: 100%;background-color: #ffffff;border: 0;-webkit-border-radius: 10px;border-radius: 10px;color: rgba(0, 0, 0, 1);font-family: var(--BodyFont);font-size: 18px;line-height: 138%;font-style: normal;font-weight: 300;-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.up .form-field .form-control:focus {outline: 0;box-shadow: none;}

/*Style for button*/
.up .form_right_sec .btn-group {width: 100%;display: block;margin-top: 41px;}
.up .form_right_sec .btn { font-weight: 500; min-width: 152px;margin: 0;cursor:pointer;-webkit-appearance: none;-moz-appearance: none;font-family: var(--BodyFont);vertical-align: middle;justify-content: center;white-space: normal !important;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;-ms-transition: all ease 0.3s;-o-transition: all ease 0.3s;transition: all ease 0.3s;}
.up .form_right_sec .btn i {margin-left: 4px;}

/*..............Error style..............*/
.up span.error {display: block;margin: 5px 0;width: 100%;font-size: 14px;font-style: normal;font-weight: 300;letter-spacing: 0px;padding: 0px;line-height: 20px;color: #da0101;}
.up .custominput {display: inline-block !important;margin-right: 5px;}
.up .custominput {font-size: 14px;color: #000;}
.up .form-field.radio_grp {display: flex;flex-wrap: wrap;margin-bottom: 7px;margin-top: 25px;}
.up .form-field.radio_grp label {display: flex;position: relative;flex-wrap: wrap;cursor: pointer;margin:0;}
.up .form-field.radio_grp input {display: none;}
.up .form-field.radio_grp .form__radio-button {width: 16px;height: 16px;border-radius: 100%;border: 1px solid rgba(0, 0, 0, 0.2);display: inline-block;position: relative;transform: translateY(4px);}
.up .form-field.radio_grp > div {margin-right: 45px;margin-bottom: 20px;    margin-left: 11px;}
.up .form-field.radio_grp input:checked + label .form__radio-button:before {opacity: 1;}
.up .form-field.radio_grp .form__radio-button:before {content: '';width: 8px;height: 8px;background: rgba(249, 168, 0, 1);border-radius: 100%;left: 50%;position: absolute;top: 50%;transition: opacity 0.1s;transform: translate(-50%, -50%);opacity: 0;}
.up .form-field.radio_grp label span.form__radio-text {padding-left: 14px;width: calc(100% - 16px);}
.up .form-field textarea.form-control {min-height: 110px;    padding: 18px 21px;}
.up .form-field.text_block {margin-top: 26px;max-width: 641px;}
.up .form-field.text_block a {text-decoration: underline;}
.up .form-field.text_block h6 {line-height: 138%;font-weight: 300;letter-spacing: -0.2px;}
.up .form-field.text_block a:hover {text-decoration: none;}
.up .form-field.radio_grp span.error {position: absolute;bottom: -4px;}
.up .thanku-msg {display: none;    background: #fff;border-radius: 10px;text-align: center;padding: 20px;}
.up .thanku-msg h3{color: green;}

/* Section10 CSS */
.up .sec10 .sec8_top_sec {max-width: 801px;}
.up .sec10 .sec8_top_sec p {max-width: 564px;margin-left: auto;margin-right: auto;}

/* Footer CSS */
.up footer {background-color: var(--lightblue);position: relative;overflow: hidden;}
.up .footer_top_grp {padding: 237px 55px 66px;position: relative;z-index: 1;}
.up .footer_logo {width: 78.4%;max-width: 1404px;}
.up .footer_logo svg {width: 100%; height: 100%;}
.up .footer_logo a {display: flex;}
.up .footer_contact {width: 21%;padding-left: 49px;line-height: 138%;padding-bottom: 10px;text-align: right;}
.up footer a:hover {text-decoration: underline;}
.up .footer_btm {border-top: 1px solid rgba(0, 0, 0, 1);padding: 24px 55px;position: relative;z-index: 1;color: #000;}
.up .footer_btm ul {list-style: none;display: flex;flex-wrap: wrap;margin: 0 0 -10px;}
.up .footer_left,.up .footer_right {width: 48%;font-size: 14px;line-height: 138%;}
.up .footer_right {justify-content: flex-end;}
.up .footer_left ul li {margin: 0 60px 10px 0;}
.up .footer_right ul li {margin: 0 0px 10px 56px;}
.up .footer_svg {position: absolute;bottom: -10px;right: 222px;}
.up .footer_svg svg {width: 100% !important;}