@font-face { font-family: "Inter", sans-serif; src: url('../fonts/Inter/Inter_18pt-Regular.ttf'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "DM Sans", sans-serif; src: url('../fonts/DM_Sans/DMSans_18pt-Regular.ttf'); font-weight: 400; font-style: normal; font-display: swap; }
* { box-sizing: border-box; }
*:focus { outline: none; }
::-moz-focus-inner { border: 0; }
::-webkit-scrollbar { width: 12px; border-radius: 10px; height: 90%; margin: auto; }
::-webkit-scrollbar-track { -webkit-box-shadow: unset; }
::-webkit-scrollbar-thumb { background-color: transparent; outline: none; border: 0; border-left: 3px solid #D9D9D9; }
:root { --primaryfont: "DM Sans", sans-serif; --secondaryfont: "Inter", sans-serif; --primary_color: rgba(15, 64, 154, 1); --secondary_color: rgba(235, 246, 255, 1); --body_color: rgba(108, 108, 114, 1); --content-color: rgba(132, 146, 167, 1); --heading-color: rgba(17, 24, 39, 1); --section-bg : rgba(247, 249, 252, 1); --white: rgba(255, 255, 255, 1); --black: rgba(0, 0, 0, 1); --accent: rgba(17, 24, 39, 1); --accent-hover: rgba(15, 64, 154, 1); --btn1bg: rgba(15, 64, 154, 1); --btn1border: rgba(15, 64, 154, 1); --btn1text: rgba(255, 255, 255, 1); --btn1hvrbg: rgba(235, 246, 255, 1); --btn1hvrborder: rgba(235, 246, 255, 1); --btn1hvrtext: rgba(15, 64, 154, 1); --btn2bg: rgba(235, 246, 255, 1); --btn2border: rgba(235, 246, 255, 1); --btn2text: rgba(15, 64, 154, 1); --btn2hvrbg: rgba(15, 64, 154, 1); --btn2hvrborder: rgba(15, 64, 154, 1); --btn2hvrtext: rgba(235, 246, 255, 1); }
html { scroll-behavior: smooth; height: 100%; width: 100%; }
body { font-family: var(--primaryfont); font-size: 26px; line-height: 36px; font-weight: 400; color: var(--body_color); height: 100%; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#body_wrapper { min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#body_wrapper>#main_wrapper { flex: 1 0 auto; display: flex; flex-direction: column; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; transition: all .5s ease 0s; position: relative; overflow: clip; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--primaryfont); margin: 0; padding: 0; font-style: normal; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: var(--primary_color); }
h1, .h1 { font-size: 80px; line-height: 96px; font-weight: 700; color: var(--heading-color); letter-spacing: -0.025em; }
h2, .h2 { font-size: 44px; line-height: 60px; font-weight: 700; color: var(--heading-color); margin: 0 0 18px 0; }
h3, .h3 { font-size: 44px; line-height: 60px; font-weight: 700; color: var(--heading-color); }
h4, .h4 { font-size: 24px; line-height: 34px; font-weight: 600; color: var(--heading-color); }
h5, .h5 { font-size: 14px; line-height: 20px; font-weight: 500; color: var(--heading-color); }
h6, .h6 { font-size: 14px; line-height: 16.41px; font-weight: 400; color: var(--heading-color); }
a { text-decoration: none; color: var(--accent); transition: 400ms; }
a:hover,
a:focus { }
img { max-width: 100%; margin: auto; }
p { font-family: var(--primaryfont); font-size: 26px; line-height: 36px; font-weight: 400; color: var(--body_color); margin: 0 0 0 0; }
p:last-child { margin: 0; }
ul { list-style: none; font-family: var(--primaryfont); margin: 0; padding: 0; }
.btn_group > div { display: inline-block; margin: 0 6px; vertical-align: middle; }
.btn_group > div:first-child { margin-left: 0; margin-bottom: 5px; }
.btn_group > div:last-child { margin-right: 0; margin-bottom: 5px; }
.cta_btn a,
.cta_btn[class*=button-] a,
.cta_btn [type=submit],
.cta_btn button { font-family: var(--primaryfont); font-size: 21px; font-weight: 600; line-height: 32px; display: inline-block; padding: 20px 32px; min-width: 100px; border-radius: 11px; text-align: center; vertical-align: middle; text-decoration: none; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; outline: none !important; cursor: pointer; }
.cta_btn.sml-btn a,
.cta_btn.sml-btn[class*=button-] a,
.cta_btn.sml-btn [type=submit],
.cta_btn.sml-btn button { font-size: 14px; line-height: 22px; font-weight: 400; padding: 5px 15px; min-width: 100px; }
.cta_btn.icon-btn i,
.cta_btn.icon-btn[class*=button-] a i,
.cta_btn.icon-btn [type=submit] i,
.cta_btn.icon-btn button i { margin-right: 5px; font-size: 12px; }
.cta_btn.icon-btn img,
.cta_btn.icon-btn[class*=button-] a img,
.cta_btn.icon-btn [type=submit] img,
.cta_btn.icon-btn button img { width: 15px; height: 15px; margin-right: 5px; }
.navbar-toggler:focus,
button:focus,
button:hover { outline: none; box-shadow: unset; }
.button-1 a,
.button-1 button,
.button-1 input[type="submit"] { background-color: var(--btn1bg); color: var(--btn1text); border: 1px solid var(--btn1border); }
.button-1 a:hover,
.button-1 a:focus,
.button-1 button:hover,
.button-1 button:focus,
.button-1 input[type="submit"]:hover,
.button-1 input[type="submit"]:focus { background-color: var(--btn1hvrbg); color: var(--btn1hvrtext); border: 1px solid var(--btn1hvrborder); }
.button-2 a,
.button-2 button,
.button-2 input[type="submit"] { background-color: var(--btn2bg); color: var(--btn2text); border: 1px solid var(--btn2border); }
.button-2 a:hover,
.button-2 a:focus,
.button-2 button:hover,
.button-2 button:focus,
.button-2 input[type="submit"]:hover,
.button-2 input[type="submit"]:focus{ background-color: var(--btn2hvrbg); color: var(--btn2hvrtext); border: 1px solid var(--btn2hvrborder); }
input { font-family: var(--primaryfont); padding: 3px 5px; margin-bottom: 15px; outline: none; border: 1px solid; border-radius: 5px; font-size: 14px; }
label { display: block; font-size: 14px; }
textarea { resize: none }
::-webkit-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #c2c2c2; opacity: 1 }
::-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder { color: var(--accent-hover); opacity: 1 }
:-ms-input-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: var(--accent-hover); opacity: 1 }
:-moz-placeholder,
input:-moz-placeholder,
textarea:-moz-placeholder { color: var(--accent-hover); opacity: 1 }
input[type=file] { background: none; color: #000; box-sizing: border-box; outline: none; resize: none; border: 0; transition: all .3s; font-size: 12px; width: 170px; }
.form-control:focus { box-shadow: none; color: #495057; outline: 0; box-shadow: none; border-bottom: 1px solid var(--primary_color); }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; }

/* Slick css */
.slick-slider .slick-dots { display: flex; justify-content: center; list-style-type: none; text-align: center; padding: 0; margin: 0; bottom: -40px; }
.slick-slider .slick-dots li { display: inline-block; margin: 0 6px; width: 10px; height: 10px; }
.slick-slider .slick-dots li button { display: block; width: 10px; height: 10px; padding: 0; border: none; border-radius: 50rem; background-color: rgba(0, 138, 255, 0.3); text-indent: -9999px; }
.slick-slider .slick-dots li.slick-active button { background-color: rgba(0, 138, 255, 1); }

/* Default Form Code */
.default-form .form_group .form_group-field > label span.form_group-required { display: none; }
.default-form .form_group .form_group-field > label span:not(:empty) + span.form_group-required { display: inline-block; }
.default-form .form_group .form_group-field .input { margin: 0; }
.default-form .form_group label { display: block; }
.default-form .form_group fieldset { border: none; margin: 0; max-width: none; padding: 0; }
.default-form .form_group fieldset.form-columns-2 { margin: 0 -14px; }
.default-form .form_group fieldset.form-columns-2 .form_group-field { width: calc(50% - 28px); margin: 0 14px; float: left; }
.default-form .form_group fieldset.form-columns-3 { margin: 0 -14px; }
.default-form .form_group fieldset.form-columns-3 .form_group-field { width: calc(33.33% - 28px); margin: 0 14px; float: left; }
.default-form .form_group .hs_submit { padding: 25px 0 0; }
.default-form .form_group .legal-consent-container { font-size: 13px; padding: 17px 0 0; }
.default-form .form_group .inputs-list { list-style: none; margin: 0; padding: 0; }
.default-form .form_group .inputs-list input[type="checkbox"] { opacity: 0; position: absolute; }
.default-form .form_group .inputs-list span { margin: 0; padding: 2px 0 0 40px; position: relative; cursor: pointer; display: inline-block; }
.default-form .form_group .inputs-list span:after { background-color: #FFF; border: solid 2px #bfc6d8; content: ''; height: 20px; left: 0; position: absolute; top: 5px; width: 20px; border-radius: 6px; }
.default-form .form_group .inputs-list span:before { border-bottom: 2px solid #175ca4; border-left: 2px solid #175ca4; content: ''; height: 4px; left: 6px; position: absolute; top: 13px; transform: rotate(-41deg); width: 10px; z-index: 1; }
.default-form .form_group .inputs-list span:before { border-bottom-width: 0; border-left-width: 0; }
.default-form .form_group .inputs-list input[type="checkbox"]:checked + span:before { border-bottom-width: 2px; border-left-width: 2px; }
.default-form .form_group .inputs-list span span { display: none; }
.default-form .form_group fieldset[class*="form-columns-"] select { width: 100% !important; }
.default-form div.hs_error_rollup { display: none; }
.default-form .form_group .form_group-field > label { color: #d8d8d8; font-weight: 500; padding: 0 0 5px; }

/* Header & Footer */
header.header_mn .navbar { transition: all 500ms ease-in-out; background-color: transparent; }
header.header_mn.fixed .navbar { backdrop-filter: blur(30px); background-color: rgb(249 249 249 / 81%); }
header.header_mn nav a.navbar-brand { max-height: 53px; }
header.header_mn nav .navbar-collapse .navbar-nav>li>a { font-family: var(--primaryfont); font-size: 20px; font-weight: 500; line-height: 26px; color: var(--accent); padding: 6px 10px; }
header.header_mn nav .navbar-collapse .navbar-nav>li>a:hover,
header.header_mn nav .navbar-collapse .navbar-nav>li>a:focus,
header.header_mn nav .navbar-collapse .navbar-nav>li>a.active { color: var(--accent-hover); font-weight: 700; }
footer.footer_mn { padding: 50px 0 30px; }
footer.footer_mn .toppart { padding-bottom: 40px; }
footer.footer_mn .toppart .navbar-brand { max-height: 53px; max-width: 277px; }
footer.footer_mn .toppart .navbar-brand img { display: block; width: 100%; height: 100%; }
footer.footer_mn .toppart .social-grp li+li { margin-left: 30px; }
footer.footer_mn .toppart .social-grp li a { width: 30px; height: 30px; display: inline-block; }
footer.footer_mn .toppart .social-grp li a img { display: block; width: 100%; height: 100%; }
footer.footer_mn .toppart .social-grp li a:is(:hover, :focus) { opacity: 0.5; }
footer.footer_mn .bottompart { border-top: 1px solid rgba(255, 255, 255, 0.2) }
footer.footer_mn .bottompart span,
footer.footer_mn .bottompart ul li { position: relative; color: var(--white); display: inline-block; font-size: 16px; font-weight: 400; line-height: 26px; }
footer.footer_mn .bottompart ul li a { color: var(--white); }
footer.footer_mn .bottompart ul li a:is(:hover, :focus) { opacity: 0.5; }
footer.footer_mn .bottompart ul li a:after { content: ''; }
footer.footer_mn .bottompart ul li+li { margin-left: 10px; padding-left: 10px; }
footer.footer_mn .bottompart ul li+li a:after { position: absolute; top: 0; bottom: 0; left: -2px; background-color: #FFF; width: 4px; height: 4px; border-radius: 30rem; margin: auto 0; }

/* Banner S */
.hero_mn { background: url('../images/hero-bg.webp?v=1') no-repeat center / cover; padding: 168px 0 58px; }
.hero_mn .hero_mn--inner-content p { margin-top: 21px; }
.hero_mn .hero_mn--inner-content .app-btn { margin-top: 43px; }
.hero_mn .hero_mn--inner-content .app-btn a img { width: 180px; height: 54px; }
.hero_mn .hero_mn--inner-content .app-btn a+a { margin-left: 16px; }
.hero_mn .hero_mn--inner-thumbnail .thumbnail { position: relative; box-shadow: 0px 32px 64px -16px rgba(17, 24, 39, 0.25); width: 426px; height: auto; display: block; padding: 25px; margin: 0 auto; border-radius: 5rem; background: #fff; }
.hero_mn .hero_mn--inner-thumbnail .thumbnail::before { content:''; position: absolute; top: 0; left: 0; background: url('../images/frame.png') no-repeat center / cover; width: 100%; height: 100%; }

.about_mn { padding: 100px 0; }
.about_mn .about_mn--inner-content { margin-top: 68px; }
.about_mn .about_mn--inner-content>.list { display: grid; gap: 40px; grid-template-columns: auto auto auto; }
.about_mn .about_mn--inner-content>.list aside { background: var(--secondary_color); border-radius: 10px; padding: 20px 16px; }
.about_mn .about_mn--inner-content>.list aside h4 { position: relative; color: rgba(35, 34, 51, 1); text-transform: capitalize; margin: 0 0 18px 0; padding: 0 0 0 40px; }
.about_mn .about_mn--inner-content>.list aside h4::before { content: ''; position: absolute; top: 5px; left: 0; height: 24px; width: 24px; background: url('../images/checkbox-circle-fill.svg') no-repeat center / cover; }
.about_mn .about_mn--inner-content>.list aside p { font-family: var(--primaryfont); font-size: 18px; line-height: 24px; color: var(--body_color); padding: 0 0 0 40px; }

.feature_mn { padding: 100px 0; background: var(--section-bg); }
.feature_mn .feature_mn--inner-title { max-width: 1066px; margin: 0 auto 60px; }
.feature_mn .feature_mn--inner-content>.list { display: flex; flex-direction: column; gap: 60px; }
.feature_mn .feature_mn--inner-content>.list .feature-grp>.thumb-wrap { width: 595px; max-width: 595px; text-align: center; position: relative; }
.feature_mn .feature_mn--inner-content>.list .feature-grp:nth-child(even)>.thumb-wrap { margin: 0 127px 0 0; }
.feature_mn .feature_mn--inner-content>.list .feature-grp:nth-child(odd)>.thumb-wrap { margin: 0 0 0 127px; }
.feature_mn .feature_mn--inner-content>.list .feature-grp>.thumb-wrap .thumbnail { position: relative; width: 375px; height: auto; display: block; padding: 25px; margin: 0 auto; border-radius: 5rem; background: #fff; }
.feature_mn .feature_mn--inner-content>.list .feature-grp>.thumb-wrap .thumb-bg { position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 595px; height: 595px; border-radius: 50rem; background: rgba(210, 235, 255, 1); }
.feature_mn .feature_mn--inner-content>.list .feature-grp>.thumb-wrap .thumbnail::before { content:''; position: absolute; top: 0; left: 0; background: url('../images/frame.png') no-repeat center / cover; width: 100%; height: 100%; }
.feature_mn .feature_mn--inner-content>.list .feature-grp>.detail { width: calc(100% - calc(595px + 127px)); max-width: 770px; margin-top: 73px; }
.feature_mn .feature_mn--inner-content>.list .feature-grp:nth-child(even) .detail { margin-left: auto; }
.feature_mn .feature_mn--inner-content>.list .feature-grp:nth-child(odd) .detail { margin-right: auto; }
.feature_mn .feature_mn--inner-content>.list .feature-grp>.detail h3 { margin-bottom: 48px; }
.feature_mn .feature_mn--inner-content>.list .feature-grp>.detail>ul>li+li { margin-top: 40px; }
.feature_mn .feature_mn--inner-content>.list .feature-grp>.detail>ul>li .media-left { background: rgba(255, 255, 255, 1); width: 60px; height: 60px; box-shadow: 0px 13.64px 27.27px 0px rgba(210, 217, 224, 0.35); border-radius: 60px; display: grid; place-items: center; }
.feature_mn .feature_mn--inner-content>.list .feature-grp>.detail>ul>li .media-body { flex: 1; margin-left: 30px; font-size: 18px; line-height: 28px; font-weight: 500; }
.feature_mn .feature_mn--inner-content>.list .feature-grp>.detail>ul>li .media-body h4 { margin-bottom: 13px; line-height: 31px; }
.feature_mn .feature_mn--inner-content>.list .feature-grp>.detail>ul>li .media-body p { font-size: 18px; line-height: 28px; font-weight: 500; }
.feature_mn .feature_mn--inner-content> .slider-mn { margin-top: 60px; }
.feature_mn .feature_mn--inner-content> .slider-mn>h3 { margin-bottom: 40px; color: var(--primary_color); }
.feature_mn .feature_mn--inner-content> .slider-mn .slider-sc { position: relative; }
.feature_mn .feature_mn--inner-content> .slider-mn .slider-sc>.frame { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 600px; }
.feature_mn .feature_mn--inner-content> .slider-mn .slider-sc>.frame img { width: 100%; height: 100%; display: block; }
.feature_mn .feature_mn--inner-content> .slider-mn .slider-sc .slider .slick-slide { margin: auto 30px; padding: 30px 0; }
.feature_mn .feature_mn--inner-content> .slider-mn .slider-sc .slider .slick-slide>div { max-height: 570px; height: 570px; }
.feature_mn .feature_mn--inner-content> .slider-mn .slider-sc .slider .slick-slide .img-box { box-shadow: 0px 15px 40px 0px rgba(206, 210, 218, 0.3); position: relative; transform: scale(1); max-height: 570px; height: 570px; border-radius: 25px; overflow: hidden; max-width: 300px; }
.feature_mn .feature_mn--inner-content> .slider-mn .slider-sc .slider .slick-slide.slick-current.slick-active.slick-center .img-box { box-shadow: 0px 15px 40px 0px rgba(206, 210, 218, 0.3); position: relative; transform: scale(1); max-height: 600px; }
.feature_mn .feature_mn--inner-content> .slider-mn .slider-sc .slider .slick-slide .img-box img { width: 100%; height: 100%; display: block;  }

.client_testimonial { padding: 80px 0; }
.client_testimonial--inner_slider .slick-slider { margin:0 -15px; }
.client_testimonial--inner_slider .sld_box { margin: 15px; background: rgba(247, 249, 252, 1); padding: 70px 135px 32px 36px; border-radius: 8px; box-shadow: 0px 12px 16px 0px rgba(0, 0, 0, 0.04); position: relative; }
.client_testimonial--inner_slider .sld_box:after { content: ''; position: absolute; top: 30px; right: 30px; background: url('../images/blockquote.png') no-repeat center / contain; width: 30px; height: 25px; }
.client_testimonial--inner_slider .sld_box>.media { margin:0 0 25px 0 }
.client_testimonial--inner_slider .sld_box>.media>img { width: 60px; height: 60px; margin: 0 15px 0 0; }
.client_testimonial--inner_slider .sld_box>.media .media-body h6 { font-size: 21px; font-weight: 700; line-height: 27px; margin: 0 0 7px 0 !important; !i; !; }
.client_testimonial--inner_slider .sld_box>.media .media-body span { font-family: var(--secondaryfont); font-size: 17px; font-weight: 400; line-height: 28px; color: rgba(99, 99, 121, 1); display:block; }
.client_testimonial--inner_slider .sld_box .content,
.client_testimonial--inner_slider .sld_box .content p { font-family: var(--secondaryfont); font-size: 17px; font-weight: 400; line-height: 28px; color: rgba(99, 99, 121, 1); }
.client_testimonial--inner_slider .sld_box .content p+p { margin-top:15px }
.client_testimonial--inner_slider .slick-slider .slick-arrow { position: absolute; top: -43px; right: 15px; left: unset; width:50px; height:50px; border-radius:50rem; background-color:var(--secondary_color); transition:0.5s ease }
.client_testimonial--inner_slider .slick-slider .slick-arrow:hover { background-color:var(--primary_color);  }
.client_testimonial--inner_slider .slick-slider .slick-arrow.slick-prev { right: 85px; }
.client_testimonial--inner_slider .slick-slider .slick-arrow.slick-next {  }
.client_testimonial--inner_slider .slick-slider .slick-arrow.slick-prev:before,
.client_testimonial--inner_slider .slick-slider .slick-arrow.slick-next:before { content:''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url('../images/arrow left.svg') no-repeat center / contain; width:15px; height:12px; transition:0.5s ease }
.client_testimonial--inner_slider .slick-slider .slick-arrow.slick-next:before { transform: translate(-50%, -50%) rotateZ(180deg); }
.client_testimonial--inner_slider .slick-slider .slick-arrow:hover:before { filter: brightness(0) invert(1); }

.featurapp_mn { padding: 100px 0; background: var(--section-bg); }

.gettouch_mn { background: var(--section-bg); padding: 96px 0; }
.gettouch_mn .gettouch_mn--inner { display:flex; flex-flow:row wrap; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail { width:calc(50% - 30px); padding: 60px 60px 60px 0; margin:0 30px 0 0; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail .title { margin-bottom:80px }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail .title>h2 { margin: 0 0 29px; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail .detail>ul+ul,
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail .detail>ul>li+li { margin-top: 40px; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail .detail ul.social-grp aside h4 { margin-bottom: 40px; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail .detail>ul>li>aside h4 { font-weight: 600; letter-spacing: 0.92px; color: var(--primary_color); display: flex; align-items: center; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail .detail>ul>li>aside h4 img { height: 36px; width: 36px; margin: 0 20px 0 0; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail .detail ul.social-grp aside ul { display: flex; flex-flow: row wrap; gap: 48px; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail .detail ul.social-grp aside ul li a { display:block; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail .detail ul.social-grp aside ul li a img { height: 60px; width: 60px; display:block; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form { width: 50%; box-shadow: 0px 15px 30px 0px rgba(210, 217, 224, 0.35); background-color: #fff; border-radius: 60px; padding: 60px; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn { margin-top: 30px; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn form { display: flex; flex-flow: row wrap; width: 100%; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn form .form_grp { position: relative; width: 100%; max-width:100%; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn form .form_grp .form-control { padding: 15px 0; margin-bottom: 0; border: 0; border-radius: 0; border-bottom: 1px solid rgba(115, 123, 125, 1); color: rgba(142, 142, 142, 1); }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn form .form_grp+.form_grp { margin-top: 50px; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn form .form_grp label.form-label { color: rgba(142, 142, 142, 1); font-size: 18px; font-weight: 400; line-height: 29px; margin-bottom: 0;   transition:all 300ms ease-in-out; position: absolute; top: 6px; left: 0; transition: all 300ms ease-in-out; pointer-events: none; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn form .form_grp .form-control:focus~label,
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn form .form_grp .form-control.has-value~label { color: var(--primary_color); top: -20px; left: 0; font-size: 14px; z-index: 1; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn form .form_grp .form-control::-webkit-input-placeholder { color: transparent; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn form .form_grp .form-control::-moz-placeholder { color: transparent; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn form .cta_btn { margin-top:30px; width:100% }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn form .cta_btn button { display: block; width: 100%; border-radius: 35px; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn form .form_grp.form_postcode { width: 100%; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn form .form_grp.form_addrss {width: 100%; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn form .form_check { display: flex; flex-flow: row wrap; align-items:center; width:100%; padding: 15px 0; margin-top: 50px; position:relative; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn form .form_check label { padding:0 0 0 30px; color: rgba(142, 142, 142, 1); font-size: 18px; font-weight: 400; line-height: 29px; cursor:pointer; }
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn form .form_check label:before{content:'';position:absolute;top:19px;left:0;width:22px;height:22px;border:1px solid black;background-color:transparent;}
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn form .form_check label:after{content:'\2713';position:absolute;top:19px;left:5px;font-size:16px;line-height:normal;opacity:0;color:#fff;}
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn form .form_check input[type="checkbox"]:checked+label:before{background-color:var(--primary_color);}
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn form .form_check input[type="checkbox"]:checked+label:after{opacity:1;}
.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn form .form_check input[type="checkbox"]{opacity:0;padding:0;-webkit-appearance:none;margin:0;width:0;height:0;outline:0;}


/*.product-inquiry-modal .wpcf7-checkbox .wpcf7-list-item label { cursor: pointer; }
.product-inquiry-modal .wpcf7-checkbox .wpcf7-list-item input { display: none; }
.product-inquiry-modal .wpcf7-checkbox .wpcf7-list-item span.wpcf7-list-item-label { position: relative; padding-left: 30px; display: inline-block; }
.product-inquiry-modal .wpcf7-checkbox .wpcf7-list-item span.wpcf7-list-item-label::before,
.product-inquiry-modal .wpcf7-checkbox .wpcf7-list-item span.wpcf7-list-item-label::after { content: " "; position: absolute; left: 0px; top: 0px; width: 20px; height: 20px; }
.product-inquiry-modal .wpcf7-checkbox .wpcf7-list-item span.wpcf7-list-item-label::before { background-image: url(../images/uncheck.png); }
.product-inquiry-modal .wpcf7-checkbox .wpcf7-list-item span.wpcf7-list-item-label::after { background-image: url(../images/check.png); opacity: 0; }
.product-inquiry-modal .wpcf7-checkbox .wpcf7-list-item input:checked ~ span.wpcf7-list-item-label::after { opacity: 1 }
.product-inquiry-modal .wpcf7-checkbox .wpcf7-list-item input:checked ~ span.wpcf7-list-item-label::before { opacity: 0; }
.product-inquiry-modal .checkbox-section .label { font-weight: 600; display: block; margin-bottom: 20px; color: #29305C; }*/

.faq_mn { padding: 100px 0; }
.faq_mn .faq_mn--inner .faq_mn--inner-content { margin-top: 40px; }
.faq_mn .faq_mn--inner .faq_mn--inner-content .acrdgrp { display:flex; flex-flow: row wrap; gap: 40px; }
.faq_mn .faq_mn--inner .faq_mn--inner-content .acrdgrp .list { width: calc(100% / 3 - 40px); }
.faq_mn .faq_mn--inner .faq_mn--inner-content .accordion { display: flex; flex-direction: column; gap: 40px; width: 100%; }
.faq_mn .faq_mn--inner .faq_mn--inner-content .accordion__item { border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; overflow: hidden; background: transparent; padding: 25px 25px 30px 0; transition: .5s; }
.faq_mn .faq_mn--inner .faq_mn--inner-content .accordion__item.active { background: var(--secondary_color); padding: 16px; border-radius: 10px; border-bottom-color:transparent; }
/*.faq_mn .faq_mn--inner .faq_mn--inner-content .accordion__item+.accordion__item { margin-top:40px }*/
.faq_mn .faq_mn--inner .faq_mn--inner-content .accordion__item .accordion__header { cursor: pointer; }
.faq_mn .faq_mn--inner .faq_mn--inner-content .accordion__item .accordion__header h6 { font-size: 20px; font-weight: 700; line-height: 26px; color: rgba(34, 45, 57, 1); position: relative; }
/*.faq_mn .faq_mn--inner .faq_mn--inner-content .accordion__item.active .accordion__header h6 { font-size: 24px; line-height: 34px; }*/
.faq_mn .faq_mn--inner .faq_mn--inner-content .accordion__item .accordion__header h6:after { content: ''; position: absolute; left: -40px; top: 8px; background-image: url(../images/left-arrow.svg); width: 17px; height: 16px; opacity:0; visibility:hidden; }
.faq_mn .faq_mn--inner .faq_mn--inner-content .accordion__item.active .accordion__header { padding-left:40px }
.faq_mn .faq_mn--inner .faq_mn--inner-content .accordion__item.active .accordion__header h6:after { opacity:1; visibility:visible; }
.faq_mn .faq_mn--inner .faq_mn--inner-content .accordion__item .accordion__content { max-height: 0; transition: .5s; overflow: hidden; }
.faq_mn .faq_mn--inner .faq_mn--inner-content .accordion__item .accordion__content p { padding:6px 6px 0 0; color: rgba(108, 108, 114, 1); font-size: 18px; line-height: 24px; }
.faq_mn .faq_mn--inner .faq_mn--inner-content .accordion__item .accordion__content ul li { padding:10x 0 0 0; color: rgba(108, 108, 114, 1); font-size: 18px; line-height: 24px; }
.faq_mn .faq_mn--inner .faq_mn--inner-content .accordion__item .accordion__content { padding:6px 6px 6px 40px }

.app_link { padding: 60px 0; }
.app_link .app_link--inner { background: url('../images/app_link_bg.webp') no-repeat center / cover; min-height: 565px; border-radius: 24px; padding: 100px ; overflow: hidden; }
.app_link .app_link--inner .app_link--inner-detail { width: 100%;max-width: 530px; }
.app_link .app_link--inner .app_link--inner-detail>h2 { text-transform: capitalize; }
.app_link .app_link--inner .app_link--inner-detail p { font-family: var(--secondaryfont); font-size: 20px; line-height: 32px; font-weight: 300; color: rgba(13, 13, 13, 1); }
.app_link .app_link--inner .app_link--inner-detail .app-btn { margin-top: 63px; }
.app_link .app_link--inner .app_link--inner-detail .app-btn>label { display: block; margin-bottom: 20px; font-family: var(--secondaryfont); font-size: 15px; line-height: 24px; font-weight: 600; color: rgba(13, 13, 13, 1); }
.app_link .app_link--inner .app_link--inner-detail .app-btn a+a { margin-left: 16px; }
.app_link .app_link--inner .app_link--inner-detail .app-btn a img { width: 180px; height: 54px; }
.app_link .app_link--inner .app_link--inner-imggrp { flex: 1; position: relative;height:100% ; }
.app_link .app_link--inner .app_link--inner-imggrp .thumbnail { position: absolute; width: 375px; height: auto; display: block; padding: 20px; margin: 0 auto; border-radius: 5rem; background: #fff; }
.app_link .app_link--inner .app_link--inner-imggrp .thumbnail img { display: block; width: 100%; height: 100%; }
.app_link .app_link--inner .app_link--inner-imggrp .thumbnail.first { top: -63px; right: 0; z-index: 0; }
.app_link .app_link--inner .app_link--inner-imggrp .thumbnail.second { top: 0; right: 263px; z-index: 1; }
.app_link .app_link--inner .app_link--inner-imggrp .thumb-bg { position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 595px; height: 595px; border-radius: 50rem; background: rgba(210, 235, 255, 1); }
.app_link .app_link--inner .app_link--inner-imggrp .thumbnail::before { content:''; position: absolute; top: 0; left: 0; background: url('../images/frame.png') no-repeat center / cover; width: 100%; height: 100%; }
/*
===============================
 CMS and other pages
===============================
*/

/* CMS Inner Page */

.our_team_mn .wrapper .card {
    max-width: 380px;
    margin: 0 auto 60px;
    border: 0;
}
.our_team_mn .wrapper .card .card-body .card-title {
    font-size: 32px;
    line-height: 38px;
    text-align: center;
    font-family: var(--primaryfont);
}

.our_team_mn .wrapper .card .card-body .card-subtitle {
    font-size: 20px;
    text-align: center;
    font-family: var(--primaryfont);
    line-height: 24px;
}

.inner_banner-mn { background: transparent url('../images/inner_bannr-bg.webp') no-repeat center / cover; padding: 160px 0 80px; min-height: 330px; }
.inner_banner-mn .container { height: 100%; }
.inner_banner-mn .container .title-mn { height: 100%; display: grid; place-items: center; }
.inner_banner-mn .container .title-mn .h2 { margin: 0; font-size: 54px; letter-spacing: 0.75px; text-align: center; }
.inner_content-wrapper { padding: 50px 0; }
.inner_content-wrapper .wrapper p { font-size: 18px; line-height: 28px; font-weight: 400; margin: 0 0 10px; 0; }
.inner_content-wrapper .wrapper p+p { margin: 15px 0 0 0; }
.inner_content-wrapper .wrapper p span { font-size: 18px !important; color: var(--body_color) !important; font-family: var(--primaryfont) !important; }
.inner_content-wrapper .wrapper p span strong { color: var(--heading-color) !important; }
.inner_content-wrapper .wrapper h2,
.inner_content-wrapper .wrapper h2 span,
.inner_content-wrapper .wrapper h3,
.inner_content-wrapper .wrapper h3 span,
.inner_content-wrapper .wrapper h4,
.inner_content-wrapper .wrapper h4 span,
.inner_content-wrapper .wrapper h5,
.inner_content-wrapper .wrapper h5 span,
.inner_content-wrapper .wrapper h6,
.inner_content-wrapper .wrapper h6 span { font-family: var(--primaryfont) !important; color: var(--heading-color) !important; }
.inner_content-wrapper .wrapper h2,
.inner_content-wrapper .wrapper h2 span { font-size: 36px !important; line-height: 40px !important; margin: 25px 0 15px 0 !important; }
.inner_content-wrapper .wrapper h3,
.inner_content-wrapper .wrapper h3 span { font-size: 30px !important; line-height: 36px !important; margin: 20px 0 15px 0 !important; }
.inner_content-wrapper .wrapper h4,
.inner_content-wrapper .wrapper h4 span { font-size: 24px !important; line-height: 34px !important; font-weight: 600 !important; margin: 25px 0 15px 0 !important; }
.inner_content-wrapper .wrapper h5,
.inner_content-wrapper .wrapper h5 span { font-size: 14px !important; line-height: 20px !important; font-weight: 500 !important; margin: 25px 0 15px 0 !important; }
.inner_content-wrapper .wrapper h6,
.inner_content-wrapper .wrapper h6 span { font-size: 14px !important; line-height: 16.41px !important; font-weight: 400 !important; margin: 25px 0 15px 0 !important; }
.inner_content-wrapper .wrapper ul { margin: 0 !important; padding: 0 0 0 30px !important; }
.inner_content-wrapper .wrapper ul li { list-style: disc !important; }
.inner_content-wrapper .wrapper ul li,
.inner_content-wrapper .wrapper ul li span { font-size: 18px !important; color: var(--body_color) !important; font-family: var(--primaryfont) !important; }
.inner_content-wrapper .wrapper ul li span strong { color: var(--black) !important; }
.inner_content-wrapper .wrapper table {
    width: 100%;
}

.inner_content-wrapper .wrapper table {
    width: 100% !important;
    max-width: 980px;
    margin: 50px auto;
}

.inner_content-wrapper .wrapper table th, .inner_content-wrapper .wrapper table td {
    border: 1px solid !important;
    padding: 5px 10px  !important;
}

.innerbanner_hero_mn { background-position: 0 320%; }
section.section-mn.vison-mison_mn { padding: 0 0 25px 0; }

.innerbanner_hero_mn .title-mn h1 { margin: 0 0 50px 0; font-size: 54px; letter-spacing: 0.75px; text-align: center; }
.about_img picture img { border-radius: 20px; }
.about_left_img,
.about_left_cnt { padding-right: 50px; }
.about_right_cnt,
.about_right_img { padding-left: 50px; }
.about_cnt p { font-size: 22px; line-height: 33px; font-weight: 400; color: #444444; }
.about_cnt h4 { margin: 0 0 15px 0; font-size: 34px; line-height: 32px; }
.innerbanner_hero_mn .about_cnt h4 { margin: 25px 0 15px 0; font-size: 28px; line-height: 32px; }
.about_cnt h5 { margin: 0 0 15px 0; font-size: 28px; line-height: 30px; font-weight: 600; }
.about_cnt ul li { font-size: 20px; line-height: 30px; font-weight: 400; color: #444444; }
.about_cnt ul li+li { margin: 10px 0 0 0; }
.about_cnt ul li strong { color: #000; display: block; }
.our_value_mn { padding: 75px 0; background: rgb(251 251 251); }
.our_value_mn .title-mn h2 { margin-bottom: 35px; color: var(--primary_color); }
.our_value_mn .about_cnt { padding: 45px; position: relative; background: #fff; height: 100%; margin: 0 20px; border-radius: 20px; box-shadow: 1px 1px 15px #efefef; }
.our_value_mn .about_cnt .icons { width: 80px; height: 80px; margin: 0 0 25px 0; }
.our_value_mn .about_cnt ul li { font-size: 16px; line-height: 26px; font-weight: 400; color: #868686; padding: 0 0 0 45px; position: relative; }
.our_value_mn .about_cnt ul li:before { content: ''; position: absolute; background: transparent url(../images/icon-list.png) no-repeat center / contain; width: 30px; height: 30px; top: 0; left: 0; }

.our_value_mn .about_cnt ul li strong { margin: 0 0 8px 0; font-size: 18px; line-height: 28px; }
.our_value_mn .about_cnt h5 { margin: 0 0 30px 0; font-size: 26px; line-height: 32px; }

.our_goals_mn { padding: 75px 0; }
.our_goals_mn .title-mn h2 { margin-bottom: 35px; color: var(--primary_color); }
.our_goals_mn .about_cnt ul { display: flex; flex-flow: row wrap; gap: 40px; justify-content: center; }
.our_goals_mn .about_cnt ul li { width: calc(100% / 3 - 45px); }
.our_goals_mn .about_cnt ul li + li { margin: 0; }
.our_goals_mn .about_cnt ul li .box .icons { aspect-ratio: 1/1; width: 90px; margin-right: 15px; }
.our_goals_mn .about_cnt ul li .box .icons img {
    filter: invert(1) contrast(0););
}
.our_goals_mn .about_cnt ul li .box .body { flex: 1; }
.our_goals_mn .about_cnt ul li .box { background: #fff; border-radius: 15px; box-shadow: 1px 1px 15px #efefef; padding: 30px; height: 100%; font-size: 16px; line-height: 24px; font-weight: 400; color: #868686; display: flex; flex-flow: row wrap; }
.our_goals_mn .about_cnt ul li .box strong { margin: 0 0 8px 0; font-size: 18px; line-height: 26px; }

/* Article S */
section.blog_grid .wrapper {display: flex; flex-flow: row wrap;}
section.blog_grid .wrapper aside.cards .detail_wrapper .post-title a {
    color: var(--primary_color);
}

section.blog_grid .wrapper aside.cards .detail_wrapper .post-title a:is(:hover,:focus) {
    color: var(--heading-color);
}
section.blog_grid .wrapper aside.cards .detail_wrapper {
    padding: 15px 0 0 0;
}
section.blog_grid {
    padding: 75px 0;
}
section.blog_grid .wrapper aside.cards .detail_wrapper .post-title {
    font-size: 28px;
    line-height: 38px;
    margin: 15px 0 7px 0;
}
section.hero_mn.blog_inner {
    background-position: center;
}
section.blog_grid .wrapper aside.cards .detail_wrapper .post-title a {
    display: block;
}
section.blog_grid .wrapper aside.cards .detail_wrapper .meta {
    display: flex;
    flex-flow: row-reverse wrap;
    justify-content: space-between;
    font-size: 19px;
    line-height: 26px;
    font-weight: 400;
    color: var(--heading-color);
    margin: 6px 0 15px 0;
}
section.blog_grid .wrapper aside.cards .detail_wrapper .summry {
    font-size: 18px;
    line-height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
section.blog_grid .wrapper aside.cards .detail_wrapper .category {
    display: inline-flex;
    flex-flow: row wrap;
}
section.blog_grid .wrapper aside.cards .detail_wrapper .category a {
    font-family: var(--primaryfont);
    font-size: 14px;
    font-weight: 400;
    line-height: 13px;
    display: inline-block;
    padding: 6px 14px;
    min-width: 70px;
    border-radius: 11px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    outline: none !important;
    cursor: pointer;
    background-color: var(--btn1bg);
    color: var(--btn1text);
    border: 1px solid var(--btn1border);
    margin: 0 10px 0 0;
    letter-spacing: 0.75px;
}

section.blog_grid .wrapper aside.cards .thumbnail_wrapper {
    border-radius: 20px;
    overflow: hidden;
}

section.blog_grid .wrapper aside.cards .thumbnail_wrapper img {
	aspect-ratio: 16/9;
	display: block;
	object-fit: cover;
	transform: scale(1);
	transition: 500ms ease;
}
section.blog_grid .wrapper aside.cards:hover .thumbnail_wrapper img {
	transform: scale(1.08);
}
section.hero_mn.blog_inner .title-mn h1 {
    margin: 0;
}
section.blog_grid .wrapper aside.cards {
    width: calc(100% / 3 - 40px);
    margin: 0 20px 60px;
}

section.blog_details_wrap .wrapper {
	display: flex;
	flex-flow: row wrap;
	padding: 170px 0 0 0;
	max-width: 1500px;
	margin: 0 auto;
}
section.blog_details_wrap .wrapper .content-area {
    width: calc(100% - 380px - 50px);
}
section.blog_details_wrap .wrapper .post-sidebar {
	width: 380px;
	margin: 0 0 0 50px;
}
section.blog_details_wrap .wrapper .thumbnail-wrapper { display: block; position: relative; height: 0; padding-bottom: 56.25%; }
section.blog_details_wrap .wrapper .thumbnail-wrapper img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; border-radius: 10px; }

section.blog_details_wrap .wrapper .content-area .detail-wrapper {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    padding: 50px 0 100px;
}
section.blog_details_wrap .wrapper .post-sidebar .widget>h6{font-size:24px;line-height:32px;font-weight:600;margin:0 0 25px 0;padding:0 0 15px 0px;position:relative;}
section.blog_details_wrap .wrapper .post-sidebar .widget>h6:after{content:'';position:absolute;left:0;bottom:0;width:150px;height:1px;background:#0f409a;}
section.blog_details_wrap .wrapper .post-sidebar li.media{display:flex;flex-flow:row wrap;}
section.blog_details_wrap .wrapper .post-sidebar li.media .media-left{width:114px;height:115px;margin-right:15px;max-width:114px;min-width:114px;}
section.blog_details_wrap .wrapper .post-sidebar li.media .media-left a{display:block;width:100%;height:100%;}
section.blog_details_wrap .wrapper .post-sidebar li.media .media-left a img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px;}
section.blog_details_wrap .wrapper .post-sidebar li.media .media-body{flex:1;display:flex;flex-flow:column;}
.post-sidebar .widget ul.recent-news li .media-body h3 {
    flex: 1;
}
.post-sidebar .widget ul.recent-news li .media-body h3 a {
    color: #000;
    font-size: 20px;
    line-height: 23px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

section.blog_details_wrap .wrapper .post-sidebar li.media .media-body span {
    font-family: var(--basefont);
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: var(--body_color);
}

section.blog_details_wrap .wrapper .post-sidebar .recent_news_widget li+li {
    margin-top: 15px;
}
section.blog_details_wrap .wrapper .post-sidebar .widget+.widget {
    margin-top: 45px;
}
section.blog_details_wrap .wrapper .post-sidebar .widget ul>li>a {
    display: inline-block;
    padding: 0;
    color: #000;
    font-size: 16px;
    line-height: 28px;
}
section.blog_details_wrap .wrapper .post-sidebar .widget ul>li {
    line-height: normal;
}


section.blog_details_wrap .wrapper .post-sidebar .widget ul>li>a:is(:hover,:focus) {
    color: var(--primary_color);
}

section.blog_details_wrap .wrapper .content-area .detail-wrapper { display: flex; flex-flow: row wrap; align-items: flex-start; padding: 50px 0 100px; }
section.blog_details_wrap .wrapper .content-area .detail-wrapper .left-bar {position: sticky;top: 140px;width: 80px;margin: 0 20px 0 0;display: flex;flex-flow: column wrap;}
section.blog_details_wrap .wrapper .content-area .detail-wrapper .left-bar .social-share>label { font-size: 16px; font-weight: 600; letter-spacing: -0.25px; margin: 0 0 15px; color: #323232; }
section.blog_details_wrap .wrapper .content-area .detail-wrapper .left-bar .social-share { display: flex; flex-flow: column wrap; align-items: center; }
section.blog_details_wrap .wrapper .content-area .detail-wrapper .left-bar .social-share>a { width: 28px; height: 28px; display: block; }
section.blog_details_wrap .wrapper .content-area .detail-wrapper .left-bar .social-share>a img { display: block; object-fit: scale-down; }
section.blog_details_wrap .wrapper .content-area .detail-wrapper .left-bar .social-share>a+a { margin: 20px 0 0 0; }
section.blog_details_wrap .wrapper .content-area .detail-wrapper .detail-area {width:calc(100% - 100px);padding: 0 75px;font-size: 20px;line-height: 30px;font-weight: 300;}
section.blog_details_wrap .wrapper .content-area .detail-wrapper .detail-area aside.post-info .post-title {color: #000;font-weight: 700;margin: 0 0 20px 0;font-size: 44px;line-height: 56px;}
section.blog_details_wrap .wrapper .content-area .detail-wrapper .detail-area .detail img {
    margin:  35px auto;
    aspect-ratio: auto;
    max-width: 85%;
    object-fit: contain;
    display: block;
}
section.blog_details_wrap .wrapper .content-area .detail-wrapper .detail-area .detail h2 {
    margin: 25px 0 10px 0;
}
section.blog_details_wrap .wrapper .content-area .detail-wrapper .detail-area .detail h3 {
    margin: 25px 0 10px 0;
}
section.blog_details_wrap .wrapper .content-area .detail-wrapper .detail-area .detail h4 {
    margin: 25px 0 10px 0;
}
section.blog_details_wrap .wrapper .content-area .detail-wrapper .detail-area .detail h5 {
    margin: 25px 0 10px 0;
}
section.blog_details_wrap .wrapper .content-area .detail-wrapper .detail-area .detail h6 {
    margin: 25px 0 10px 0;
}
.post-author {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}
span.divider {
    margin: 0 10px;
    border: 2px solid #000;
    border-radius: 50rem;
}
aside.post-info {
    margin: 0 0 35px;
}
.post-author img {
    width: 55px;
    height: 55px;
    border-radius: 50rem;
    border: 3px solid;
    margin: 0 15px 0 0;
}

.post-author .author {
    font-weight: 600;
    font-size: 16px;
}
/*
===============================
 Responsive S
===============================
*/
/* Mobile First */
@media (min-width:768px) { }
@media (min-width:992px) {
    header.header_mn nav .navbar-collapse .navbar-nav ~ .cta_btn { margin-left: 30px; }
    header.header_mn nav .navbar-collapse .navbar-nav>li+li { margin-left: 10px; }

    .hero_mn .hero_mn--inner-content { width: calc(100% - calc(350px + 50px)); margin: 96px 0 0 0; }
    .hero_mn .hero_mn--inner-thumbnail { width: 350px; max-width: 350px; margin: 0 0 0 50px; }

    .feature_mn .feature_mn--inner-content>.list aside:nth-child(even) { flex-direction: row-reverse !important; }
}
@media (min-width:1200px) {
    header.header_mn nav .navbar-collapse .navbar-nav ~ .cta_btn { margin-left: 80px; }
    header.header_mn nav .navbar-collapse .navbar-nav>li+li { margin-left: 20px; }
    footer.footer_mn .bottompart ul li+li { margin-left: 20px; padding-left: 20px; }
    .hero_mn .hero_mn--inner-content { width: calc(100% - calc(450px + 106px)); margin: 96px 0 0 0; }
    .hero_mn .hero_mn--inner-thumbnail { width: 450px; max-width: 450px; margin: 0 0 0 106px; }
	.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn form .form_grp.form_postcode { width: 175px; }
	.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form .form_mn form .form_grp.form_addrss {width: calc(100% - 175px - 25px); margin: 50px 25px 0 0;}
	.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail .detail>ul>li>aside h4 { font-size: 29px; line-height: 47px; }
 }
@media (min-width:1700px){
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl { max-width: 1654px; }

    .hero_mn .hero_mn--inner-content { width: calc(100% - calc(650px + 106px)); margin: 96px 0 0 0; }
    .hero_mn .hero_mn--inner-thumbnail { width: 650px; max-width: 650px; margin: 0 0 0 106px; }
}

/* Desktop First */
@media (max-width:1699px) {
    body, p { font-size: 24px; line-height: 32px; }
    h1, .h1 { font-size: 64px; line-height: 80px; }
    .app_link .app_link--inner .app_link--inner-imggrp .thumbnail { width: 300px; padding: 15px; }
    .app_link .app_link--inner .app_link--inner-imggrp .thumbnail.first { top: 0; }
    .app_link .app_link--inner .app_link--inner-imggrp .thumbnail.second { top: 60px; right: 184px; }
}
@media (max-width:1629px) {
    .hero_mn .hero_mn--inner-thumbnail .thumbnail { width: 350px; margin: 35px auto; }
    .feature_mn .feature_mn--inner-content>.list .feature-grp>.thumb-wrap .thumbnail { width: 320px; }
}
@media (max-width:1440px) {
    body, p { font-size: 22px; line-height: 30px; }
    h1, .h1 { font-size: 58px; line-height: 72px; }
    h2, .h2 { font-size: 40px; line-height: 52px; }
    h3, .h3 { font-size: 38px; line-height: 48px; }
    .cta_btn a,
    .cta_btn[class*=button-] a,
    .cta_btn [type=submit],
    .cta_btn button { font-size: 18px; line-height: 28px; padding: 15px 25px; }
    header.header_mn nav a.navbar-brand { width: 190px; }
    header.header_mn nav .navbar-collapse .navbar-nav>li>a { font-size: 18px; line-height: 24px; padding: 10px 5px; }

    .client_testimonial--inner_slider .sld_box { padding:70px 90px 32px 36px }
	.inner_banner-mn .container .title-mn .h2 { font-size: 48px; }
	section.blog_grid .wrapper aside.cards .detail_wrapper .post-title { font-size: 24px; line-height: 32px; }
	section.blog_grid .wrapper aside.cards .detail_wrapper .meta { font-size: 17px; line-height: 24px; margin: 6px 0 10px 0; }
}
@media (max-width:1399px) {
    body, p { font-size: 20px; line-height: 28px; }
    .feature_mn .feature_mn--inner-content>.list .feature-grp>.detail { margin-top: 0; width: calc(100% - calc(450px + 90px)); }
    .feature_mn .feature_mn--inner-content>.list .feature-grp>.detail h3 { margin-bottom: 35px; }
    .feature_mn .feature_mn--inner-content>.list .feature-grp>.thumb-wrap { width: 450px; max-width: 450px; }
    .feature_mn .feature_mn--inner-content>.list .feature-grp>.thumb-wrap .thumbnail { width: 300px; }
    .feature_mn .feature_mn--inner-content>.list .feature-grp>.thumb-wrap .thumb-bg { width: 450px; height: 450px; }
    .feature_mn .feature_mn--inner-content>.list .feature-grp:nth-child(even)>.thumb-wrap { margin: 0 90px 0 0; }
    .feature_mn .feature_mn--inner-content>.list .feature-grp:nth-child(odd)>.thumb-wrap { margin: 0 0 0 90px; }
	section.blog_grid .wrapper aside.cards { width: calc(100% / 3 - 20px); margin: 0 10px 35px; }
}
@media (max-width:1299px) {
    .app_link .app_link--inner { padding: 70px; }
    .app_link .app_link--inner .app_link--inner-detail { max-width: 450px; }
}
@media (max-width:1199px) {
    h1, .h1 { font-size: 52px; line-height: 62px; }
    h3, .h3 { font-size: 34px; line-height: 46px; }
    h4, .h4 { font-size: 22px; line-height: 30px; }
    body, p { font-size: 18px; line-height: 26px; }

    footer.footer_mn { padding: 30px 0; }
    footer.footer_mn .toppart { padding-bottom: 25px; }
    footer.footer_mn .bottompart { padding-top: 15px; justify-content: center; }
    footer.footer_mn .bottompart span,
    footer.footer_mn .bottompart ul li { font-size: 14px; line-height: 24px; }

    .hero_mn { padding: 130px 0 75px 0; background-size: auto; background-position: bottom center; }
    .hero_mn .hero_mn--inner-thumbnail .thumbnail { width: 250px; padding: 35px 25px; margin: 35px auto; }

    .about_mn { padding: 75px 0; }
    .about_mn .about_mn--inner-content>.list aside h4 { margin: 0 0 10px 0; }

    .feature_mn { padding: 75px 0; }
    .feature_mn .feature_mn--inner-content> .slider-mn .slider-sc>.frame { height: 480px; }
    .feature_mn .feature_mn--inner-content> .slider-mn .slider-sc .slider .slick-slide>div,
    .feature_mn .feature_mn--inner-content> .slider-mn .slider-sc .slider .slick-slide .img-box { max-height: 480px; height: 480px; }
    .feature_mn .feature_mn--inner-content> .slider-mn .slider-sc .slider .slick-slide { margin: auto 20px; }

    .client_testimonial { padding: 50px 0; }

    .app_link .app_link--inner { padding: 50px; min-height: 400px; }
    .app_link .app_link--inner .app_link--inner-detail p { font-size: 18px; line-height: 26px; }
    .app_link .app_link--inner .app_link--inner-imggrp .thumbnail { width: 200px; padding: 10px; }
    .app_link .app_link--inner .app_link--inner-imggrp .thumbnail.first { top: 50px; }
    .app_link .app_link--inner .app_link--inner-imggrp .thumbnail.second { top: 90px; right: 120px; }
    .app_link .app_link--inner .app_link--inner-detail .app-btn { margin-top: 50px; }

    .faq_mn { padding: 75px 0; }
    .faq_mn .faq_mn--inner .faq_mn--inner-content .acrdgrp .list { width: calc(100% / 3 - 20px); }
    .faq_mn .faq_mn--inner .faq_mn--inner-content .acrdgrp,
    .faq_mn .faq_mn--inner .faq_mn--inner-content .accordion { gap: 30px; }
    .faq_mn .faq_mn--inner .faq_mn--inner-content .accordion__item { padding: 20px 20px 25px 0; }
    .faq_mn .faq_mn--inner .faq_mn--inner-content .accordion__item .accordion__header h6 { font-size: 18px; line-height: 24px; }
    .faq_mn .faq_mn--inner .faq_mn--inner-content .accordion__item.active .accordion__header h6 { font-size: 22px; line-height: 26px; }

    .gettouch_mn { padding: 75px 0; }
    .gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail .detail>ul>li>aside h4 img { height: 26px; width: 26px; margin: 0 15px 0 0;  }
    .gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail .detail ul.social-grp aside ul { gap: 30px; }
    .gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail .detail ul.social-grp aside ul li a img { width:45px; height:45px }
	.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail .detail ul.social-grp aside h4 { margin-bottom:15px }
	.faq_mn .faq_mn--inner .faq_mn--inner-content .accordion__item .accordion__content p { font-size: 16px; line-height: 22px; }

	.innerbanner_hero_mn .title-mn h1 { margin: 0 0 35px 0;     font-size: 48px; }
	.our_value_mn .about_cnt { margin: 0 0 35px 0;  }

	.our_goals_mn .about_cnt ul li { width: calc(100% / 2 - 45px); }
	.about_left_img,
	.about_left_cnt { padding-right: 30px; }
	.about_right_cnt,
	.about_right_img { padding-left: 30px; }

	.about_cnt p { font-size: 20px; }
}
@media (max-width:991px) {
    h1, .h1 { font-size: 42px; line-height: 56px; }
    h2, .h2 { font-size: 38px; line-height: 48px; }
    h3, .h3 { font-size: 30px; line-height: 40px; }
    body, p { font-size: 16px; }
    header.header_mn nav .navbar-collapse { position: absolute; top: 70px; left: 0; width: 100%; background-color: #e1e7f2; z-index: 9; padding: 0 12px; padding-bottom: 1rem; }
    header.header_mn nav .navbar-collapse ul,
    header.header_mn nav .navbar-collapse .cta_btn { max-width: 720px; margin: 0 auto; }
    header.header_mn nav .navbar-collapse .navbar-nav>li>a { display: block; border-bottom: 1px solid #c9c9c9; }
    header.header_mn nav .navbar-collapse ul li:last-child a { border-bottom: 0px solid #c9c9c9; }
    header.header_mn nav .navbar-collapse .cta_btn { padding-top: 0.75rem; }
    footer.footer_mn .toppart .navbar-brand { max-height: 40px; max-width: 220px; }
    footer.footer_mn .toppart .social-grp li+li { margin-left: 20px; }
    footer.footer_mn .toppart .social-grp li a { width: 20px; height: 20px; }

    .hero_mn { padding: 75px 0 40px; }
    .hero_mn .hero_mn--inner-content .app-btn { margin-top: 35px; }

    .about_mn { padding: 50px 0; }
    .about_mn .about_mn--inner-content { margin-top: 45px; }
    .about_mn .about_mn--inner-content>.list { grid-template-columns: auto; gap: 30px; }
    .about_mn .about_mn--inner-content>.list aside p { font-size: 16px; line-height: 24px; padding: 0 0 0 30px; }
    .about_mn .about_mn--inner-content>.list aside h4 { padding: 0 0 0 30px; margin: 0 0 5px 0; }
    .about_mn .about_mn--inner-content>.list aside h4::before { top: 3px; }

    .feature_mn .feature_mn--inner-content>.list .feature-grp>.thumb-wrap { margin: 0 auto 50px !important; width: 100%; }
    .feature_mn .feature_mn--inner-content>.list .feature-grp:nth-child(even)>.thumb-wrap { margin: 0 auto 50px; }
    .feature_mn .feature_mn--inner-content>.list .feature-grp:nth-child(odd)>.thumb-wrap { margin: 0 auto 50px; }
    .feature_mn .feature_mn--inner-content>.list .feature-grp>.detail { width: 100%; margin: 0 !important; }
    .feature_mn .feature_mn--inner-content>.list .feature-grp>.detail>ul>li+li { margin-top: 25px; }
    .feature_mn .feature_mn--inner-content>.list .feature-grp>.detail>ul>li .media-left { width: 50px; height: 50px; }
    .feature_mn .feature_mn--inner-content>.list .feature-grp>.detail>ul>li .media-body { margin-left: 20px; font-size: 16px; }
    .feature_mn .feature_mn--inner-content>.list .feature-grp>.detail>ul>li .media-body h4 { margin-bottom: 5px; line-height: 26px; }
    .feature_mn .feature_mn--inner-content>.list .feature-grp>.detail>ul>li .media-body p { font-size: 16px; line-height: 24px; }

    .feature_mn .feature_mn--inner-content> .slider-mn .slider-sc>.frame { height: 470px; }
    .feature_mn .feature_mn--inner-content> .slider-mn .slider-sc .slider .slick-slide>div,
    .feature_mn .feature_mn--inner-content> .slider-mn .slider-sc .slider .slick-slide .img-box { max-height: 470px; height: 470px; }
    .feature_mn .feature_mn--inner-content> .slider-mn .slider-sc .slider .slick-slide { margin: auto 8px; }


    .app_link .app_link--inner { padding: 50px;}
    .app_link .app_link--inner .app_link--inner-detail { max-width: 100%; }
    .app_link .app_link--inner .app_link--inner-detail .app-btn { margin-top: 35px; }
    .app_link .app_link--inner .app_link--inner-imggrp { flex: auto; height: 300px; }
    .app_link .app_link--inner .app_link--inner-imggrp .thumbnail.second { top: 35%; right: 40%; }
    .app_link .app_link--inner .app_link--inner-imggrp .thumbnail.first { top: 15%; right: 20%; }

    .faq_mn { padding: 50px 0; }
	.faq_mn .faq_mn--inner .faq_mn--inner-content .acrdgrp .list { width: 100%; }
	.faq_mn .faq_mn--inner .faq_mn--inner-content .acrdgrp { gap:30px; }

	.gettouch_mn { padding: 50px 0; }
	.gettouch_mn .gettouch_mn--inner { flex-flow:column wrap; }
	.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form { width:100%; margin:0 auto;padding:50px }
    .gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail { width:100%; margin:0 auto; }
    .gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail { padding:30px 15px 50px 15px }

    .client_testimonial { padding:50px 0 100px 0 }
    .client_testimonial--inner_slider .sld_box { padding:30px 40px 30px 30px }
    .client_testimonial--inner_slider .sld_box:after { top: 15px; right: 20px; width: 25px; height: 20px; }
    .client_testimonial--inner_slider .sld_box>.media .media-body h6 { line-height: 22px; margin: 0 0 2px 0 !important; }
    .client_testimonial--inner_slider .sld_box>.media .media-body span { line-height:22px }
    .client_testimonial--inner_slider .slick-slider .slick-arrow { right:50%; bottom: -100px; top: unset; }
	.client_testimonial--inner_slider .slick-slider .slick-arrow.slick-prev { right: 50%; transform: translate(40%, -25px); }
	.client_testimonial--inner_slider .slick-slider .slick-arrow.slick-next { left: 50%; transform: translate(60%, -25px); }

	.inner_banner-mn .container .title-mn .h2 { font-size: 44px; }
	.innerbanner_hero_mn .title-mn h1 { font-size: 32px; }
	section.blog_grid .wrapper aside.cards { width: calc(100% / 2 - 20px); margin: 0 10px 35px; }

}
@media (max-width:767px) {
	h2, .h2 { font-size: 34px; line-height: 44px; }
	header.header_mn nav .navbar-collapse ul,
	header.header_mn nav .navbar-collapse .cta_btn { max-width: 540px; }
	footer.footer_mn .toppart { padding-bottom: 15px; }
	footer.footer_mn .toppart .social-grp { margin-top: 20px; }
	footer.footer_mn .toppart .social-grp { width: 100%; justify-content: center; }
	footer.footer_mn .bottompart .footer-link { margin-top: 5px; }
	footer.footer_mn .bottompart span, footer.footer_mn .bottompart ul li { text-align: center; }

	.hero_mn .hero_mn--inner-thumbnail .thumbnail { width: 200px; padding: 35px 25px; margin: 35px auto; }

	.feature_mn .feature_mn--inner-content>.list .feature-grp>.thumb-wrap .thumbnail { width: 200px; padding: 40px 25px; }
	.feature_mn .feature_mn--inner-content>.list .feature-grp>.thumb-wrap .thumb-bg { width: 320px; height: 320px; }
	.feature_mn .feature_mn--inner-content> .slider-mn .slider-sc .slider .slick-slide .img-box { max-width: 210px; }

	.app_link .app_link--inner .app_link--inner-detail .app-btn a+a { margin-left: 8px; }

	.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail .title { margin-bottom:35px }
	.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail .title>h2 { margin-bottom:15px }
	.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail .detail>ul+ul,
	.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail .detail>ul>li+li { margin-top:25px }
	.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail .detail ul.social-grp aside h4 { margin-bottom:15px }
	.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail .detail ul.social-grp aside ul { gap: 20px; }
	.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-detail .detail ul.social-grp aside ul li a img { width:25px; height:25px }

	.inner_banner-mn { padding: 140px 0 40px; min-height: 300px; }
	.inner_content-wrapper .wrapper { max-width: 90%; margin: 0 auto; }

	.about_left_img, .about_left_cnt { padding-right: 0;}
	.about_right_cnt, .about_right_img { padding-left: 0;}
	.about_left_img, .about_right_img  { margin-bottom: 30px; }
	.innerbanner_hero_mn {        padding: 100px 0 30px 0; }
	.our_value_mn .about_cnt { padding: 30px; }
	.our_value_mn .about_cnt h5 {     margin: 0 0 20px 0;
		font-size: 24px;
		line-height: 28px; }
	.our_value_mn .about_cnt .icons {
		width: 50px;
		height: 50px;
		margin: 0 0 15px 0;
	}
	.our_value_mn .about_cnt { height: auto; margin: 0; }
	.our_value_mn .about_cnt ul li strong {
		margin: 0 0 5px 0;
		font-size: 18px;
		line-height: 24px;
	}
	.our_goals_mn .about_cnt ul li {         width: 90%;	 }
	.inner_content-wrapper .wrapper table {     display: inline-block;        overflow: auto; }
	section.blog_grid .wrapper aside.cards { width: 100%; margin: 0 auto 50px; }
	section.blog_grid .wrapper aside.cards:last-child { margin-bottom: 0; }
	section.blog_grid .wrapper aside.cards .detail_wrapper .meta {
    font-size: 14px;
    line-height: 24px;
    margin: 6px 0 10px 0;
}
}
@media (max-width:600px) {
	.hero_mn .hero_mn--inner-content .app-btn a img { width: auto; height: 35px; }
	.feature_mn .feature_mn--inner-content> .slider-mn .slider-sc>.frame { height: 370px; width: 190px; }
	.feature_mn .feature_mn--inner-content> .slider-mn .slider-sc .slider .slick-slide>div, .feature_mn .feature_mn--inner-content> .slider-mn .slider-sc .slider .slick-slide .img-box,
	.feature_mn .feature_mn--inner-content> .slider-mn .slider-sc .slider .slick-slide.slick-current.slick-active.slick-center .img-box { height: 370px; }
	.feature_mn .feature_mn--inner-content> .slider-mn .slider-sc .slider .slick-slide .img-box { max-width: 175px; }

	.app_link .app_link--inner { padding: 20px;}
	.app_link .app_link--inner .app_link--inner-detail p { font-size: 16px;  }
	.app_link .app_link--inner .app_link--inner-detail .app-btn a img { width: auto; height: 35px; }
	.app_link .app_link--inner .app_link--inner-imggrp .thumbnail.second { top: 35%; right: 25%; }
	.app_link .app_link--inner .app_link--inner-imggrp .thumbnail.first { right: 0; }

	.inner_banner-mn { padding: 140px 0 40px; min-height: 250px; }

	.gettouch_mn .gettouch_mn--inner .gettouch_mn--inner-form { border-radius: 30px; padding:30px }
	.inner_banner-mn .container .title-mn .h2 { font-size: 42px; }
	.inner_content-wrapper .wrapper p span { font-size: 16px !important; }
	.inner_content-wrapper .wrapper p { font-size: 16px; }
	section.blog_grid .wrapper aside.cards { width: 100%; margin: 0 auto 35px; }

}

.hero_mn {
				/*background: url('./front/assets/images/app_link_bg.webp') no-repeat center / cover;*/
				height: 100%;
				padding: 0;
				display: flex;
				align-items: center;
				flex-flow: column wrap;
				justify-content: center;
				position: relative;
				background-size: cover;
				text-align:center;
			}
			.logo_wrapper {
				position: absolute;
				top: 0;
				left: 50%;
				transform: translate(-50%, 40px);
			}

			.banner_wrapper h1 {
				font-size: 2.5rem;
				color: var(--primary_color);
				letter-spacing: 0.75px;
			}
			.logo_wrapper img {
				display: block;
				width: 240px;
			}
			.body_wrapper.hero_mn .app_link--inner {
				align-items: center;
				width: 90%;
				max-width: 1299px;
				margin: 0 auto;
			}

			.body_wrapper.hero_mn .banner_wrapper {
				width: 100%;
				margin-top: 90px;
			}
			.body_wrapper.hero_mn .app_link--inner .app_link--inner-imggrp { width: 90%; position: relative; }
			.body_wrapper.hero_mn .app_link--inner .app_link--inner-detail {
				width: 90%;
				text-align: left;
			}
			.body_wrapper.hero_mn .app_link--inner .app_link--inner-detail p {
				color: #3f3f3f;
				font-size: 22px;
				line-height: 31px;
			}
			
			@media(min-width: 992px) {
				.banner_wrapper h1 {
					font-size: 5.5rem;
				}
				.body_wrapper.hero_mn .app_link--inner .app_link--inner-detail {
					width: 50%;
				}
				.body_wrapper.hero_mn .app_link--inner .app_link--inner-imggrp { width: 50%; position: relative; } 
			}
			@media(max-width: 1199px) {
				.body_wrapper.hero_mn .app_link--inner .app_link--inner-imggrp picture {
					width: 210px;
					height: auto;
					display: block;
					padding: 15px;
					margin: 0 auto;
					border-radius: 5rem;
					/* background: #fff; */
					position: relative;
				}
			}
			@media(max-height: 768px) { 
				.body_wrapper.hero_mn .app_link--inner .app_link--inner-imggrp picture {
					width: 210px;
					padding: 10px;
				}
				.body_wrapper.hero_mn .banner_wrapper {
					margin-top: 50px;
				}
			}
			@media(max-width: 991px) {
				.body_wrapper.hero_mn .app_link--inner {     flex-direction: column-reverse !important;  }
				.body_wrapper.hero_mn .banner_wrapper { margin-top: 150px;         margin-bottom: 50px;}
				.body_wrapper.hero_mn .app_link--inner .app_link--inner-detail { margin-top: 50px;     text-align: center;}
			}
			@media(max-width: 767px) {
				.logo_wrapper {
					transform: translate(-50%, 24px);
				}
				.body_wrapper.hero_mn .app_link--inner .app_link--inner-imggrp picture {
					width: 150px;
					padding: 10px;
				}
				.body_wrapper.hero_mn .app_link--inner .app_link--inner-detail { }
				
				   .body_wrapper.hero_mn {
                      background:unset;
                   }

			}