@import url("font-awesome/css/font-awesome.min.css");
/*@import url("../plugin/animate/animate.css");*/

/* @import url('https://fonts.googleapis.com/css2?family=Anek+Latin:wght@100; 200; 300; 400; 500; 600; 700; 800&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400; 0,500; 0,700; 1,400; 1,500; 1,700&display=swap');  */
@import url('https://fonts.googleapis.com/css2?family=Anek+Latin:wdth,wght@75..125,100..800&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
/* font-family: 'Anek Latin', sans-serif; 
   font-family: 'DM Sans', sans-serif; */

body { margin:0px; padding:0px; voice-family:"\"}\""; voice-family:inherit; font-family: 'DM Sans', sans-serif; font-weight:400; font-size:16px; color:#1f1f21; background:#fff; line-height:21px; }

/* Comman Classes */
a, img, span {border:0; margin:0; padding:0;}
a, button {text-decoration:none; color: var(--orange-color); -webkit-transition:all .3s linear; -moz-transition:all .3s linear; transition:all .3s linear; }
a:hover, a:focus {text-decoration:none; color:#003b6d; outline:none; }
p {padding:0px; margin:0px; border:0px;}
img {line-height:0px; max-width:100%; padding:0; margin:0; border:none; }
input:focus,
select:focus,
textarea:focus { outline:none; }
input,
select,
textarea { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; box-shadow:none !important; -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none; }
* {list-style:none; margin:0px; padding:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-hyphens:none;}
li {display:list-item; border:0; margin:0; padding:0;}
.clear {clear:both;}
strong,b { font-family: 'DM Sans', sans-serif; font-weight:700; }
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after{display:table;content:"";}
.clearfix:after,
.container:after,
.row:after{clear:both;}

::selection{background:#ff5004; color:#fff; /* Safari */}
::-moz-selection{background:#ff5004; color:#fff; /* Firefox */}
::-webkit-selection{background:#ff5004; color:#fff; /* Firefox */}

/* Custom Scrollbar Styles */
/* Width and height of the scrollbar */
* ::-webkit-scrollbar { width: 4px; height: 4px; }
/* Track (background) of the scrollbar */
* ::-webkit-scrollbar-track { background: none; border-radius: 10px; }
/* Scrollbar thumb (draggable part) */
* ::-webkit-scrollbar-thumb { background-color: #a5a7b2; border-radius: 10px; border: 2px solid #a5a7b2; }
/* Scrollbar thumb on hover */
* ::-webkit-scrollbar-thumb:hover { background-color: #4c5066; border: 2px solid #4c5066; }

/* Color Master */
:root {
    --black-color: #1f1f21;
    --blue-color: #003b6d;
    --blue-color-hvr: #00325d;
    --orange-color: #ff5004;
    --orange-color-hvr: #d94403;
}

h1,h2,h3,h4,h5,h6 { margin:0px; padding:0 0 10px 0; letter-spacing:0; color:#2a354e; line-height:normal; font-size:22px; font-weight:700; font-family: 'Anek Latin', sans-serif; }

.wrapper { width:100%; padding:0; margin:0; }

.container { max-width:1230px; margin:0 auto; padding:0 15px; width:100%; }

.mobile-header { display: none; visibility: hidden; }

/* Header CSS */
.header-main { width:100%; padding:0; margin:0; position:fixed; left:0; top:0; z-index:99; background:#fff; }
.header-main.sticky { box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); }

.top-bar { width: 100%; background: #f5f6fa; }
.top-bar-inn { display: flex; align-items: center; justify-content: space-between; }
.top-bar-left { padding: 0; margin: 0; display: flex; flex-flow: wrap; }
.top-bar-left li { padding: 0px 20px 0px 30px; margin: 5px 0; font-size: 15px; line-height: 20px; color: var(--black-color); position: relative; font-weight: 500; }
.top-bar-left li .svg-icon { position: absolute; left: 0; top: 0; width: 20px; height: 20px; color: #888793; /* opacity: 0.8; */ }
.top-bar-left li a { color: var(--black-color); }
.top-bar-left li a:hover,
.top-bar-left li a:active { color: var(--orange-color); }

.top-bar-right { padding: 0; margin: 0; display: flex; align-items: center; }
.top-bar-right li { padding: 10px; margin: 0; border-right: 1px solid #d9d9d9; display: flex; align-items: center; }
.top-bar-right li:first-child { border-left: 1px solid #d9d9d9; }
.top-bar-right li a { display: inline-flex; align-items: center; justify-content: center; color: #888793; }
.top-bar-right li a:hover,
.top-bar-right li a:active { color: var(--orange-color); }
.top-bar-right li .svg-icon { width: 20px; height: 20px; }

/* Logo Part */
.logo-part { width: 100%; padding: 20px 0; }
.menu-main { width: 100%; }
.logo-part .logo { display: inline-flex; }
.logo-part .logo a { display: inline-flex; }
.logo-part .logo img { display: block; height: 60px; }

.menu-open { display:none; }
.btn-menu { background:none; color:#FFF; font-weight:700; font-size:0; float:right; height:18px; width:25px; line-height:normal; padding:0; border:none; }
.btn-menu:hover { background-color:#2980b9;color:#FFF; }
.btn-menu span { background:#fff; height:2px; position:absolute; right:0; left:0; top:0; margin:auto; transition:all 0.2s ease-in 0s; border-radius:4px; }
.btn-menu.btn:hover span { background:var(--orange-color); }
.btn-menu span.fa-line { top:0; opacity:1; visibility:visible; }
.btn-menu span.fa-line2 { top:7px; }
.btn-menu span.fa-line3 { top:14px; }
.btn-menu.open span.fa-line { opacity:0; visibility:hidden; }
.btn-menu.open span.fa-line2 { -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); top:11px; }
.btn-menu.open span.fa-line3 { -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); top:11px; }

.menu-main nav { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.menu-main nav ul.nav-pills { margin:0; padding:0; position:relative; float:right; width:auto; }
.menu-main nav ul.nav-pills > li { padding:0 15px; margin:0; color:#fff; display:inline-block; }
.menu-main nav ul.nav-pills > li:first-child { padding-left:0; }
.menu-main nav ul.nav-pills > li:last-child { padding-right:0; }
.menu-main nav ul.nav-pills > li > a { padding:7px 0; color:var(--black-color); font-size:15px; line-height:20px; font-family: 'DM Sans', sans-serif; font-weight:400; background:none !important; position:relative; text-transform: uppercase; }
.menu-main nav ul.nav-pills > li > a:before { content:""; position:absolute; left:0; bottom:0; width:0px; height:2px; background:var(--orange-color); -webkit-transition:width 0.5s, height 4s; transition:width 0.5s, height 4s; }
.menu-main nav ul.nav-pills > li.active > a:before,
.menu-main nav ul.nav-pills > li:hover > a:before { width:100%; }
.menu-main nav ul.nav-pills > li.active > a,
.menu-main nav ul.nav-pills > li:hover > a { color: var(--orange-color); }
.menu-main nav ul.nav-pills > li.active > a { font-weight: 500; }

.menu-main nav ul.nav-pills > li > a.btn { background: var(--blue-color) !important; color: #fff; font-weight: 700; padding: 11px 20px; }
.menu-main nav ul.nav-pills > li > a.btn:hover,
.menu-main nav ul.nav-pills > li > a.btn:active { background: var(--blue-color-hvr) !important; color: #fff; }
.menu-main nav ul.nav-pills > li > a.btn:before { opacity: 0; }

.menu-main nav ul.nav-pills > li.menu-item-has-children { position:relative; }
.menu-main nav ul.nav-pills > li.menu-item-has-children > a { position:relative; padding-right:12px; }
.menu-main nav ul.nav-pills > li.menu-item-has-children > a:after{ content:"\f0d7"; font-family:'FontAwesome'; color:var(--orange-color); font-size:13px; padding-left:5px; }
.menu-main nav ul.nav-pills > li.menu-item-has-children:hover > a:after{ content:"\f0d8"; }
.menu-main nav ul.nav-pills > li + li { margin:0; }
.menu-main nav ul.nav-pills > li > ul.sub-menu { display:block; position:absolute; left:0px; top:150%; width:320px; background:#fff; padding:0; margin:0; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; transition:all .3s linear; opacity:0; visibility:hidden; border-radius:0 0 10px 10px; box-shadow:rgba(0,0,0,0.20) 0 37px 128px; }
.menu-main nav ul.nav-pills > li:hover > ul.sub-menu { top:100%; opacity:1; visibility:visible; }
.menu-main nav ul.nav-pills > li > ul.sub-menu li { list-style:none; padding:0; margin:0; display:block; position:relative; }
.menu-main nav ul.nav-pills > li > ul.sub-menu li a { display:block; padding:10px  20px 10px  40px; line-height:normal; font-size:16px; color:#333; position:relative; }
.menu-main nav ul.nav-pills > li > ul.sub-menu li a:after { position:absolute; left:20px; top:50%; transform: translateY(-50%);content:"\f10c"; font-family:'FontAwesome'; font-size:14px; color:#333; opacity:0.5; }
.menu-main nav ul.nav-pills > li > ul.sub-menu li a:hover { color:#fff; background:var(--orange-color); }
.menu-main nav ul.nav-pills > li > ul.sub-menu li a:hover:after { color:#fff; opacity:1; }
.menu-main nav ul.nav-pills > li > ul.sub-menu li:last-child a { border-radius:0 0 10px 10px; }

/* Slider CSS */
.home-slider { width:100%; overflow:hidden; position:relative; background:#fff; padding: 144px 40px 0 40px; }
.home-slider .home-for-slider { width: 100%; }
.home-slider .home-for-slider.loaderHomeSlider { background:#f4f4f8 url(../images/loader.svg) center center no-repeat; background-size:100px 100px; height:700px; }
.home-slider .home-for-slider.loaderHomeSlider div,
.home-slider .home-for-slider.loaderHomeSlider .slick-arrow,
.home-slider .home-for-slider.loaderHomeSlider .slick-dots { opacity:0; }
.home-slider .home-for-slider.slick-slider { margin:0; outline:none !important; }
.home-slider .slick-slide { margin:0; width:100%; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center center; }
.home-slider .bg-slide { width:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; overflow:hidden; background-color: #f4f4f8; border-radius: 20px; }

.home-slider .slider-cap { display: flex; align-items: center; height: 700px; }
.home-slider .slider-cap .slider-title { font-size: 48px; line-height: 60px; text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.33); font-weight: 700; font-family: 'Anek Latin', sans-serif; color: #fff; padding: 0 0 20px 0; margin: 0; }
.home-slider .slider-cap .slider-btn .btn { margin: 10px 0 !important; }
.home-slider .slider-cap .slider-btn .btn + .btn { margin-left:20px !important; }

.home-slider .slick-arrow { position:absolute; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; transition:all .2s linear; top:50%; left:15px; width:42px; height:42px; line-height:42px; text-align:center; background:#cacfd8; color:var(--blue-color); border-radius:6px; z-index:9; display: inline-flex; align-items: center; justify-content: center; }
.home-slider .slick-arrow .svg-icon { width: 24px; height: 24px; }
.home-slider .slick-arrow:before { display: none; }
.home-slider .slick-arrow.slick-next { left:auto; right:15px; }
.home-slider .slick-arrow:hover { background:var(--blue-color); color:#fff; }
.home-slider .slick-dots { padding:0; background: none; position:absolute; left:45px; top: 0; bottom:0px; width:20px; margin:auto 0; z-index:1; border-radius: 10px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: center; }
.home-slider .slick-dots li { padding:10px 0px; width: 100%; text-align: center; border:none; margin:0; box-shadow:none !important; background:rgba(0, 0, 0, 0.12); }
.home-slider .slick-dots li:first-child { border-radius: 10px 10px 0 0; }
.home-slider .slick-dots li:last-child { border-radius: 0 0 10px 10px; }
.home-slider .slick-dots li button { background:rgba(255,255,255,0.5); width:10px; border:none !important; box-shadow:none !important; border-radius:50%; height:10px; display:block; font-size:0; margin: 0 auto; }
.home-slider .slick-dots li button:before { display:none; visibility:hidden; }
.home-slider .slick-dots li.slick-active button,
.home-slider .slick-dots li:hover button { background:#fff; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.12) !important; }

/* Home About */
.home-about-inn { display: flex; flex-flow: wrap; margin: 0 -20px; }
.home-about-inn .home-about-left,
.home-about-inn .home-about-right { width: 50%; padding: 0 20px; }

/* Home Key Highlights */
.key-highlights { display: flex; margin: 0 -15px; flex-flow: wrap; }
.key-highlights .list { width: 33.33%; padding: 10px 15px; }
.key-highlights .list-bg { border-radius: 6px; border: 1px solid #d9d9d9; background: #fff; overflow: hidden; width: 100%; height: 100%; position: relative; }
.key-highlights .key-highlights-img { display: flex; }
.key-highlights .key-highlights-cap { padding: 20px; width: 100%; position: absolute; left: 0; bottom: 0; /* opacity: 1; transition: opacity 0.5s ease; */ }
.key-highlights .key-highlights-cap .cap-inn { padding: 20px; background: #fff; border-radius: 6px; height: 70px; overflow: hidden; transition: height 0.5s ease; }
.key-highlights .list:hover .key-highlights-cap .cap-inn,
.key-highlights .list:active .key-highlights-cap .cap-inn { height: 175px; }
.key-highlights .key-title { font-size: 24px; line-height: 30px; color: var(--black-color); padding: 0 0 15px 0; margin: 0; font-weight: 500; }
.key-highlights .desc { color: #888793; margin: 0 0 20px 0; opacity: 0; transition: opacity 0.5s ease; height: 45px; overflow: hidden; text-overflow: ellipsis; }
.key-highlights .list:hover .desc,
.key-highlights .list:active .desc { opacity: 1; }
.key-highlights .desc p { padding: 0; margin: 0; }

/* About Page */
.about-highlights .key-highlights .more-btn { display: none; }
.about-highlights .key-highlights .desc { opacity: 1; margin-bottom: 0; color: var(--black-color); }
.about-highlights .key-highlights .key-highlights-cap .cap-inn { height: auto !important; background: rgba(255,255,255,0.9); }

/* Home Our Products */
.home-our-products .more-btn { width: 100%; text-align: center; padding: 30px 0 0 0; }
.our-products { display: flex; flex-flow: wrap; margin: 0 -15px; }
.our-products .list { width: 25%; padding: 15px 15px; }
.our-products .list-bg { width: 100%; border: 1px solid #cacfd8; border-radius: 6px; overflow: hidden; }
.our-products .list:hover .list-bg,
.our-products .list:active .list-bg { box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05),0px 6px 12px 0px rgba(0, 0, 0, 0.04); }
.our-products .products-img { width: 100%; display: flex; }
.our-products .products-img a { display: flex; padding: 30px 20px; padding: 0; }
.our-products .products-img img { display: flex; width: 100%; }
.our-products .products-name { background: #f5f6fa; padding: 0; margin: 0; font-size: 20px; line-height: 30px; font-weight: 500; text-align: center; color: var(--black-color); }
.our-products .products-name a { color: var(--black-color); padding: 10px 20px; display: block; transition: none; }
.our-products .list:hover .products-name,
.our-products .list:active .products-name { background: var(--orange-color); color: #fff; }
.our-products .list:hover .products-name a,
.our-products .list:active .products-name a { color: #fff; }

/* Home Contact */
.section-white.home-contact { background:#f5f6fa url(../images/bg/bg1.webp) 50% 100% no-repeat; background-size: 100% auto; /* background:#f5f6fa */ }
.home-contact-inn { /* background: #fff; box-shadow: 0 3px 63px 0 rgba(40,40,40,.11); border-radius: 6px; padding: 50px 50px 80px 50px; */ display: flex; flex-flow: wrap; }
.home-contact-inn .left-part,
.home-contact-inn .right-part { width: 50%; }
.home-contact-inn .right-part { padding: 50px 0 0 80px; }
.home-contact-inn .contact-img { width: 100%; position: relative; display: flex; }
.home-contact-inn .contact-img img { border-radius: 6px; width: 100%; }
.cta-banner { position: absolute; left: 0; bottom: -40px; border-radius: 0 6px 6px 6px; background: var(--orange-color); padding: 50px; width: calc(100% - 50px); }
.cta-desc { font-weight: 700; font-size: 16px; line-height: 21px; color: #fff; padding: 0 0 20px 0; }
.cta-banner .contact-number { position: relative; font-size: 30px; line-height: 35px; font-weight: 500; color: #fff; padding: 0 0 0 40px; }
.cta-banner .contact-number .svg-icon { width: 30px; height: 30px; position: absolute; left: 0; top: 3px; }

/* Section CSS */
body .btn { font-size: 15px; display: inline-flex; border: none; outline: none; border-radius: 6px; margin: 0; line-height: 20px; font-weight: 500; padding: 11px 20px; background: var(--blue-color); color: #fff; position: relative; cursor: pointer; font-family: 'DM Sans', sans-serif; }
body .btn:hover,
body .btn:active { background: var(--blue-color-hvr); color: #fff; }

body .btn.btn-ic { display: inline-flex; padding: 0; margin: 0; align-items: center; justify-content: center; width: 42px; height: 42px; }
body .btn.btn-ic .svg-icon { width: 24px; height: 24px; }

body .btn.btn-icon { padding-left: 40px; }
body .btn.btn-icon-right { padding-right: 40px; }

body .btn.btn-icon .svg-icon { position: absolute; left: 15px; top: 11px; width: 20px; height: 20px; }
body .btn.btn-icon-right .svg-icon { position: absolute; right: 15px; top: 11px; width: 20px; height: 20px; }

body .btn.btn-text { color: var(--black-color); padding: 0 0 2px 0; text-transform: uppercase; background: none; border-bottom: 2px solid #cfcfcf; border-radius: 0; }
body .btn.btn-text:before { content:""; position:absolute; left:0; bottom:-2px; width:0px; height:2px; background:var(--orange-color); -webkit-transition:width 0.5s, height 4s; transition:width 0.5s, height 4s; z-index: 1; }
body .btn.btn-text:hover,
body .btn.btn-text:active { color: var(--orange-color); }
body .btn.btn-text:hover:before,
body .btn.btn-text:active:before { width: 100%; }

body .btn.btn-text.btn-icon { padding-left: 20px; }
body .btn.btn-text.btn-icon-right { padding-right: 20px; }

body .btn.btn-text.btn-icon .svg-icon { left: 0; top: 0; }
body .btn.btn-text.btn-icon-right .svg-icon { right: -6px; top: 0; }

body .btn.btn-orange { background: var(--orange-color); }
body .btn.btn-orange:hover,
body .btn.btn-orange:active { background: var(--orange-color-hvr); color: #fff; }

body .btn.btn-grey { background: #e6e9ed; color: var(--black-color); }
body .btn.btn-grey:hover,
body .btn.btn-grey:active { background: #ced2d8; color: var(--black-color); }

body .text-black { color: var(--black-color); }
body .text-blue { color: var(--blue-color); }
body .text-orange { color: var(--orange-color); }
body .d-none { display: none; visibility: hidden; }

.section-white { width:100%; padding:80px 0; overflow:hidden; }
.section-white.overflow-inherit { overflow:inherit; }
.section-white.pab-0 { padding-bottom:0; }
.section-white.pat-0 { padding-top:0; }
.section-white.black-bg { background:var(--black-color); }
.section-white.grey-bg { background:#f5f6fa; }

.section-white .title .sub-title { font-size: 16px; line-height: 21px; font-weight: 700; }
.section-white .title { font-size: 48px; line-height: 60px; color: var(--blue-color); font-weight: 700; padding: 0 0 30px 0; margin: -32px 0 0 0; }
.section-white .title2 { font-size: 36px; line-height: 40px; color: var(--blue-color); font-weight: 500; padding: 0 0 30px 0; margin: 0 0 0 0; }
.section-white .title2 .sub-title { font-size: 15px; line-height: 20px; font-weight: 700; }
.section-white .title4 { color: #888793; font-size: 21px; line-height: 30px; padding: 0 0 30px 0; margin: 0; font-weight: 400; }

.section-white .section-title { padding: 0 0 30px 0; }
.section-white .section-title .title2 { padding-bottom: 10px; }
.section-white .section-title .desc { width: 100%; color: #888793; font-weight: 500; }

.section-white p { padding:0; margin:0 0 30px 0; }
.section-white p.mab-0 { margin-bottom:0; }

.section-white ul.list01 { padding:0 0 30px 0; margin:0; }
.section-white ul.list01.pab-0 { padding-bottom:0; }
.section-white ul.list01 li { font-size:18px; line-height:30px; padding:0 0 20px 28px; margin:0; position:relative; }
.section-white ul.list01 li:last-child { padding-bottom:0; }
.section-white ul.list01 li:before { position:absolute; left:0; top:10px; content:''; width:8px; height:8px; background:#5b5e62; border-radius:50%; }

.section-white ul.list02 { padding:0 0 30px 0; margin:0; }
.section-white ul.list02.pab-0 { padding-bottom:0; }
.section-white ul.list02 li { /*font-size:18px; line-height:30px;*/ padding:0 0 20px 28px; margin:0; position:relative; }
.section-white ul.list02 li:last-child { padding-bottom:0; }
.section-white ul.list02 li:before { position:absolute; left:0; top:10px; content:''; width:8px; height:8px; background:var(--orange-color); border-radius:50%; }

/* Form CSS */
.form-group { float:left; width:100%; margin:0; padding:0 0 30px 0; position:relative; }
.form-group.pad-boto { padding-bottom:0; }
.form-group .control-label { width:100%; display:block; padding:0 0 12px 0; margin:0; color:#5b5e62; font-family: 'DM Sans', sans-serif; font-weight:500; font-size:16px; line-height:18px; }
.form-group .control-label span { color: #fd616c; }
.form-group .form-control { height:42px; background-color:#fff; border:1px solid #cacfd8; border-radius:6px !important; font-family: 'DM Sans', sans-serif; font-weight:500; font-size:15px; color:var(--black-color); line-height:40px; padding:0 18px; margin:0; width:100%; }
.form-group .form-control:focus { background-color:#f0f1f3; border-color:#e5e7eb; color:var(--black-color);
transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-backface-visibility:hidden; }
.form-group textarea.form-control { height:auto; line-height:20px; padding:9px 20px 9px 20px; width:100%; min-height:105px; resize:none; resize:vertical; }

.form-group input[type="number"]::-webkit-outer-spin-button,
.form-group input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; }
/* Firefox */
.form-group input[type="number"] { -moz-appearance: textfield; }

.form-group .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color:var(--black-color); opacity:1; /* Firefox */ }
.form-group .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:var(--black-color); opacity:1; /* Firefox */ }
.form-group .form-control::-ms-input-placeholder { /* Microsoft Edge */ color:var(--black-color); opacity:1; /* Firefox */ }

.form-group .form-control:focus::placeholder { color:var(--black-color); }
.form-group .form-control:focus:-ms-input-placeholder { color:var(--black-color); }
.form-group .form-control:focus::-ms-input-placeholder { color:var(--black-color); }

.form-btn { width: 100%; }
body .form-btn .btn { font-weight: 700; text-transform: uppercase; margin: 10px 0 !important; }
body .form-btn .btn + .btn { margin-left:20px !important; }

body label.error { width:100%; background:#ffeced; border:1px solid #fd616c; color:#fd616c; padding:8px 15px; border-radius:6px; margin:10px 0 0 0; font-size:15px; line-height:15px; font-family: 'DM Sans', sans-serif; font-weight:500; display: flex; }
body label.error.mab-10 { margin-bottom: 10px; }
body label.success { width:100%; background:#e5f6ee; border:1px solid #00a65a; color:#00a65a; padding:8px 15px; border-radius:6px; margin:10px 0 0 0; font-size:15px; line-height:20px; font-family: 'DM Sans', sans-serif; font-weight:500; display: flex; }
body label.success.mab-10 { margin-bottom: 10px; }

.contact-row { display: flex; flex-flow: wrap; margin: 0 -15px; }
.contact-row .contact-col-3 { width: 33.3%; padding: 0 15px; }

/* Contain CSS */
.content-main { width:100%; }

/* Footer CSS */
.scroll-btn { position:fixed; right:10px; bottom:10px; display:none; cursor:pointer; width:42px; height:42px; border-radius:6px; background:var(--orange-color); color:#fff; text-align:center; padding:7px 0; box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05),0px 6px 12px 0px rgba(0, 0, 0, 0.04); z-index:9; align-items: center; justify-content: center; }
.scroll-btn .svg-icon { width: 24px; height: 24px; }
.scroll-btn.show { display: flex; }
.scroll-btn:hover { background:var(--orange-color-hvr); color:#fff; }

.footer-main { width:100%; padding: 0; background: #fdfdfe; background: linear-gradient(to bottom,  rgba(253,253,254,1) 0%,rgba(255,255,255,1) 100%); }

.footer-top { width:100%; border-bottom:1px solid #cacfd8; padding:80px 0 25px 0; }
.footer-top .f-top-col-main { display: flex; justify-content: space-between; margin: 0 -15px; }
.footer-top .f-top-col-main .top-col { padding: 0 15px; }

.footer-top .f-top-col-main .top-col.f-logo { width: 30%; }
.footer-top .f-top-col-main .top-col.f-logo img { width: 180px; }

.footer-top .f-top-col-main .top-col.f-tagline { width: 42%; font-size:15px; line-height:20px; color:var(--black-color); font-family: 'DM Sans', sans-serif; font-weight: 500; }
.footer-top .f-top-col-main .top-col.f-tagline .tit { color: #888793; font-size: 24px; line-height: 24px; padding: 0 0 12px 0; margin: 0px 0 0 0; font-family: 'Anek Latin', sans-serif; font-weight: 700; }

.footer-top .f-top-col-main .top-col.f-social { width: 28%; text-align: right; }
.social-icon-footer { padding: 0; margin: 0; display: flex; align-items: center; justify-content: right; }
.social-icon-footer li { padding: 10px 10px 0 0; margin: 0; font-size: 20px; line-height: 20px; color: #888793; }
.social-icon-footer li:last-child { padding-right: 0; }
.social-icon-footer li a { color: #888793; }
.social-icon-footer li .svg-icon { width: 20px; height: 20px; }
.social-icon-footer li a:hover,
.social-icon-footer li a:active { color: var(--orange-color); }

.footer-mid { margin:0 -15px; padding:0; display: flex; }
.footer-mid .f-column { padding:0 15px; width:33%; }
.footer-mid .f-column.f-menu { margin: 25px 0; width: 27%; }
.footer-mid .f-column.f-contact-info { margin: 25px 0; }
.footer-mid .f-column.f-map { width: 40%; }
.footer-mid .f-column-title { font-size:18px; line-height:24px; color:var(--blue-color); font-family: 'Anek Latin', sans-serif; font-weight: 500; padding:0 0 15px 0; margin:0; }
.footer-mid ul.menu { width:100%; padding:0; margin:0; }
.footer-mid ul.menu li { font-size:15px; line-height:18px; color:var(--black-color); font-weight:400; padding:0 0 17px 0; margin:0; font-family: 'DM Sans', sans-serif; }
.footer-mid ul.menu li:last-child { padding-bottom:0; }
.footer-mid ul.menu li a { color:var(--black-color); transition: all 0.5s ease; }
.footer-mid ul.menu li.active a,
.footer-mid ul.menu li a:hover,
.footer-mid ul.menu li a:active { color:var(--orange-color); }
.footer-mid ul.menu li.active a { font-weight: 500; color:var(--black-color); }

.footer-contactinfo { padding:0; margin:0; }
.footer-contactinfo li { font-size:15px; line-height:24px; color:var(--black-color); font-weight:400; padding:0 0 19px 40px; margin:0; position:relative; font-family: 'DM Sans', sans-serif; }
.footer-contactinfo li:last-child,
.footer-contactinfo li.last { padding-bottom:0; }
.footer-contactinfo li .tit { color: var(--blue-color); font-weight: 500; font-size: 17px; line-height: 24px; padding: 0 0 5px 0; margin: 0; font-family: 'Anek Latin', sans-serif; }
.footer-contactinfo li .svg-icon { color:#888793; width:20px; height:20px; position:absolute; left:0; top:3px; }
.footer-contactinfo li a { color: var(--black-color); }
.footer-contactinfo li a:hover,
.footer-contactinfo li a:active { color: var(--orange-color); }

.footer-cin-gst { padding: 10px 0 0 0; }
.footer-cin-gst span { color: var(--blue-color); font-weight: 500; }

.contact-map { width: 100%; position: relative; height: 100%; border: 1px solid #cacfd8; border-bottom-width: 0; border-top-width: 0; }
.contact-map .btn { position: absolute; right: 10px; top: 10px; opacity: 0; }
.contact-map iframe { width: 100%; height: 320px; height: 100%; outline: none; }

.footer-bottom { width:100%; padding:12px 0; font-family: 'DM Sans', sans-serif; font-size: 15px; border-top: 1px solid #cacfd8; }
.footer-bottom-inn { display: flex; justify-content: space-between; margin: 0 -15px; }
.footer-bottom-inn .bottom-left,
.footer-bottom-inn .bottom-right { padding: 0 15px; margin: 0; display: flex; }
.footer-bottom-inn .bottom-left li,
.footer-bottom-inn .bottom-right li { padding:0 32px 0 0; margin:0; font-size:15px; line-height:18px; color:var(--black-color); font-weight:400; position:relative; }
.footer-bottom-inn .bottom-left li:last-child,
.footer-bottom-inn .bottom-right li:last-child { padding-right: 0; }
.footer-bottom-inn .bottom-left li:before,
.footer-bottom-inn .bottom-right li:before { position:absolute; right:12px; top:0px; bottom: 0; margin: auto 0; content:'|'; color: #888793; font-size:15px; line-height:18px; font-weight: 400; font-family: 'DM Sans', sans-serif; }
.footer-bottom-inn .bottom-left li:last-child:before,
.footer-bottom-inn .bottom-right li:last-child:before { opacity: 0; }
.footer-bottom-inn .bottom-left li a,
.footer-bottom-inn .bottom-right li a { color: var(--black-color); }
.footer-bottom-inn .bottom-left li a:active,
.footer-bottom-inn .bottom-right li a:active,
.footer-bottom-inn .bottom-left li a:hover,
.footer-bottom-inn .bottom-right li a:hover { color: var(--orange-color); }
.footer-bottom-inn .bottom-right li.active a { color: var(--blue-color); }
.footer-bottom-inn .bottom-right li.design-by:before { opacity:0; }
.footer-bottom-inn .bottom-right li.design-by a { padding-left:15px; background:url(../images/enliven-logo.png) 0 5px no-repeat; }

/* Sub Page */
.product-dtl-page .sub-page-banner { display: none; }
.sub-page-banner { width: 100%; padding: 145px 40px 0 40px; }
.sub-page-banner .bg-slide { width:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; overflow:hidden; background-color: #f4f4f8; border-radius: 20px; }
.sub-page-banner .page-cap { width: 100%; padding: 120px 0; }
.sub-page-banner .page-title { font-size: 40px; line-height: 48px; text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.33); font-weight: 700; font-family: 'Anek Latin', sans-serif; color: #fff; padding: 0; margin: 0; }
.sub-page-banner .page-title .seprator { display: inline-flex; opacity: 0.7; margin: 0 15px; font-weight: 400; }

/* Contact US */
.contact-box { display: flex; flex-flow: wrap; margin: 0 -15px; }
.contact-box .list { width: 33.3%; padding: 10px 15px; font-size:16px; line-height:24px; color:var(--black-color); font-weight:400; font-family: 'DM Sans', sans-serif; }
.contact-box .list a { color: var(--black-color); }
.contact-box .list a:hover,
.contact-box .list a:active { color: var(--orange-color); }
.contact-box .list-bg { border: 2px dashed #cacfd8; border-radius: 6px; padding: 40px 20px; width: 100%; height: 100%; text-align: center; }
.contact-box .list:hover .list-bg,
.contact-box .list:active .list-bg,
.contact-box .list:hover .icon-box,
.contact-box .list:active .icon-box { border-color: var(--orange-color); }
.contact-box .icon-box { width: 100px; height: 100px; border: 2px dashed #cacfd8; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.contact-box .icon-box .svg-icon { width: 40px; height: 40px; color: var(--orange-color); }
.contact-box .con-title { font-size: 24px; line-height: 30px; color: var(--blue-color); padding: 20px 0 15px 0; margin: 0; font-weight: 500; }

.contact-map-section { padding: 0; width: 100%; position: relative; border: 1px solid #cacfd8; }
.contact-map-section .btn { position: absolute; right: 10px; top: 10px; opacity: 0; }
.contact-map-section iframe { width: 100%; height: 520px; display: flex; }

.get-in-touch-contact { width: 100%; }
.get-in-touch-contact .cta-banner { display: none; }

/* Start Product Detail Page */
.section-white.product-detail-page { padding: 145px 40px 80px 40px;  /* background: url(../images/bg/fact-bg.webp) 50% 50% no-repeat; background-size: cover; */ }
.product-detail-page .container-big { padding: 0 40px; width: 100%; }
.product-detail-page .product-detail-inn { border-radius: 20px; /* border: 1px solid #cacfd8; */ background: url(../images/bg/fact-bg.webp) 50% 50% no-repeat; background-size: cover; padding: 50px 0; }
.product-item-detail { /* border-radius: 16px; border: 1px solid #cacfd8; */ display: flex; align-items: center; }
.product-item-detail .list { width: 50%; }
.product-item-detail .product-image-detail { padding: 0 0 0 50px; }
.product-item-detail .product-thumbnail { width: 100%; height: 100%; display: flex; position: relative; border: 1px solid #cacfd8; border-radius: 16px; box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05),0px 6px 12px 0px rgba(0, 0, 0, 0.04); overflow: hidden; padding: 30px 30px; padding: 0; }
.product-item-detail .product-thumbnail img { width: 100%; /* border-radius: 16px; */ }
.product-item-detail .product-description-detail { padding: 35px 40px; padding: 0; /* order: 2; */ font-size: 16px; line-height: 24px; color: var(--black-color); }
.product-item-detail .product-description-detail .product-content p:last-child { padding-bottom: 0; margin-bottom: 0; }
.product-item-detail .product-title { font-size: 36px; line-height: 40px; font-weight: 500; color: var(--orange-color); padding: 0 0 15px 0; margin: 0; }
.product-item-detail .product-content h1,
.product-item-detail .product-content h2,
.product-item-detail .product-content h3,
.product-item-detail .product-content h4,
.product-item-detail .product-content h5,
.product-item-detail .product-content h6 { color: #888793; font-size: 24px; line-height: 30px; padding: 0 0 10px 0; margin: 0; font-weight: 400; }
.product-item-detail .more-btn { width: 100%; padding: 20px 0 0 0; text-align: center; }

.product-specification .nav-tabs { padding: 0 0 20px 0; margin: 0; display: flex; flex-flow: wrap; align-items: center; justify-content: center; border-bottom: 1px solid #cacfd8; }
.product-specification .nav-tabs li { padding: 10px 20px; margin: 0; font-size: 15px; line-height: 20px; font-weight: 500; color: var(--black-color); position: relative; }
.product-specification .nav-tabs li:last-child { padding-right: 0; }
.product-specification .nav-tabs li:last-child:before { opacity: 0; }
.product-specification .nav-tabs li:before { width: 1px; height: 20px; content: ''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; background: #cacfd8; }
.product-specification .nav-tabs li a { border: 1px solid #cacfd8; border-radius: 6px; color: var(--black-color); background: #fff; padding: 10px 20px; position: relative; }
.product-specification .nav-tabs li a.btn-icon { padding-left: 40px; }
.product-specification .nav-tabs li a.btn-icon .svg-icon { position: absolute; left: 15px; top: 11px; width: 20px; height: 20px; }

.product-specification .nav-tabs li a:hover,
.product-specification .nav-tabs li a:active { color: var(--blue-color); }
.product-specification .nav-tabs li.active a { background: var(--blue-color); border-color: var(--blue-color); color: #fff; }
.product-specification .tab-content { width: 100%; padding: 30px 0 0 0; margin: 0; }
.product-specification .tab-content .tab-pane { display: none; visibility: hidden; }
.product-specification .tab-content .tab-pane.active { display: block; visibility: visible; }

.specifications-table { width: 100%; }
.specifications-table table { padding: 0; margin: 0; border: none; width: 100%; font-family: 'DM Sans', sans-serif; font-weight: 500; font-size: 15px; line-height: 20px; color: var(--black-color); }
.specifications-table table thead tr td,
.specifications-table table thead tr th { border-bottom: 2px solid var(--black-color); text-transform: uppercase; font-size: 18px; line-height: 28px; }
.specifications-table table thead tr td b,
.specifications-table table thead tr th b,
.specifications-table table thead tr td strong,
.specifications-table table thead tr th strong { font-size: 18px; line-height: 28px; font-weight: 500; }
.specifications-table table tr td,
.specifications-table table tr th { padding: 10px 15px; margin: 0; font-family: 'DM Sans', sans-serif; font-weight: 500; font-size: 14px; line-height: 20px; color: var(--black-color); border-bottom: 1px solid #cacfd8; }
.specifications-table table tr:hover td,
.specifications-table table tr:hover th,
.specifications-table table tr:active td,
.specifications-table table tr:active th { color: var(--blue-color); }
.specifications-table table tr td b,
.specifications-table table tr th b,
.specifications-table table tr td strong,
.specifications-table table tr th strong { font-family: 'Anek Latin', sans-serif; font-weight: 700; color: var(--blue-color); font-size: 15px; line-height: 20px; text-transform: uppercase; }
.specifications-table table tr td .bold,
.specifications-table table tr th .bold { font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 14px; line-height: 20px; color: var(--black-color); text-transform: inherit; }
.specifications-table table tr td:first-child,
.specifications-table table tr th:first-child { padding-left: 0; }
.specifications-table table tr td:last-child,
.specifications-table table tr th:last-child { padding-right: 0; }
.specifications-terms { color: #888793; font-size: 15px; line-height: 20px; width: 100%; padding: 30px 0 0 0; width: 100%; }

.specification-main { display: flex; flex-flow: wrap; margin: 0 -15px; }
.specification-main .specification-left,
.specification-main .specification-right { width: 50%; padding: 0 15px; }

/* Start Modal CSS */
.modal { position: fixed; left: -9999px; top: -9999px; z-index: -9999; width: 100%; height: 100dvh; overflow-x: hidden; overflow-y: auto; background: rgba(0, 0, 0, 0.5); display: none; visibility: hidden; }
.modal.modal-show { left: 0; top: 0; display: block; visibility: visible; z-index: 1050; }
.modal .modal-dialog { width: 100%; max-width: 500px; position: relative; margin: 30px auto; }
.modal .modal-content { border-radius: 20px; border: 1px solid #cacfd8; box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05),0px 6px 12px 0px rgba(0, 0, 0, 0.04); position: relative; display: flex; flex-direction: column; width: 100%; background: #fff; }
.modal .modal-header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; border-bottom-width: 0; width: 100%; border-radius: 20px 20px 0 0; }
.modal .modal-title { font-size: 24px; line-height: 32px; color: var(--black-color); padding: 0; margin: 0; position: relative; font-weight: 400; }
.modal .modal-body { padding: 10px 20px 0px 20px; width: 100%; position: relative; position: relative; flex: 1 1 auto; }
.modal .modal-footer { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px 20px 20px; border-top-width: 0; }

/* ==============================
   		   Responsive Main
============================== */

@media only screen and (max-width:1550px){


}

@media only screen and (max-width:1350px){
.scroll-btn { bottom:65px; }

}
@media only screen and (max-width:1170px){
.menu-main nav ul.nav-pills > li { padding:0 8px; }

}

@media only screen and (max-width:1100px){



}

@media only screen and (max-width:1042px){

}

@media only screen and (max-width:999px){
/* Responsive Menu */
.logo-part .logo { display:block; width:100%; }
.menu-main .menu-right { width:100%; display:block; }

.menu-open { display:inline-block; }
.header-main .menu-open { padding:0; position:absolute; right:15px; top:14px; width:25px; z-index:111; }
.header-main.sticky .menu-open { top:14px; }
.header-main .menu-open .btn { padding:0;background:none;border:none; }
.header-main .btn-menu span { border-bottom:0;padding-bottom:0; }
.btn-menu.open { z-index:999; }

.header-main .nodrop { position:fixed; display:block; z-index:100; background:#000; width:100%; max-width:400px; top:0; bottom:0; margin:auto; overflow:auto; left:-125%; transition:all 0.2s ease-in 0s; }
.header-main .nodrop.open-nav { left:0; }

.menu-main { width:auto;padding:0;margin:0; }
.menu-main nav { width:100%; padding:0; margin:0; }
.menu-main nav .logo { padding:15px 15px; width:100%; display:block; background:#000; }
.menu-main nav ul.nav-pills { width:100%; }
.menu-main nav ul.nav-pills > li,
.menu-main nav ul.nav-pills > li > li { display:block; padding:0 0 1px; width:100%; line-height:normal; font-size:16px; border:1px solid rgba(255,255,255,0.1); }
.menu-main nav ul.nav-pills > li > a { background:#000; padding:12px 15px; color:#fff; display:block; }
.menu-main nav ul.nav-pills > li > a:before { bottom:-1px; }
.menu-main nav ul.nav-pills > li.menu-item-has-children > a:after{ display:none;}
#append-span ul.nav-pills > li span.arrow { background:#fff url(../images/down-arrow.png) center center no-repeat; width:40px; height:41px; position:absolute; right:0; top:0; cursor:pointer; background-size:18px; z-index:1; }
#append-span ul.nav-pills > li.expand-nav span.arrow { background-image:url(../images/up-arrow.png); }
#append-span ul.nav-pills > li.expand-nav ul.sub-menu { display:block; }
.header-main .nodrop nav .sub-menu { margin:0; padding:15px; }
.menu-main nav ul.nav-pills > li:hover > ul.sub-menu { display:none; }

.menu-main nav ul.nav-pills > li.expand-nav > ul.sub-menu { display:block; position:static; opacity:1; visibility:visible; border-radius:0; }
.header-main .nodrop nav .sub-menu li { padding:0 0 2px;font-size:14px; }
.header-main .nodrop nav .sub-menu li a { font-size:14px; padding:2px 0 6px 0; display:block; color:#fff; background-size:7px; line-height:normal; }
.menu-main nav ul.nav-pills > li > ul.sub-menu li a:after { display:none; }
.menu-main nav ul.nav-pills > li > ul.sub-menu li a { padding:10px 20px; }
.menu-main nav ul.nav-pills > li > ul.sub-menu li:last-child a { border-radius:0; }

.nav-overlay { background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; width:100%; height:100%; display:none; }
.menu-main.open-nav .nav-overlay { display:block; }
.menu-main .nav-main { z-index:1; position:relative; }

.menu-main nav ul.nav > li > ul.sub-menu { width:100%; }
body.nodrop.open-nav { overflow:hidden; }
/* Responsive Menu */

}

@media only screen and (max-width:783px){
.home-slider .slider-text .ml2 { font-size:70px; line-height:80px; padding-bottom:30px; }
.home-slider .slider-cap { display:table-cell; vertical-align:middle; }
.home-slider .slider-text { display:block; width:100%; text-align:center; }
.home-slider .slider-image { display:block; width:100%; text-align:center; }

.home-slider .slider-image ul { padding-left:0; }
.home-slider .slider-image ul:before { display:none; }
.home-slider .slider-image ul li.list { padding-left:0; }
.home-slider .slider-image ul li.list:before { display:none; }

}

@media only screen and (max-width:767px){


}

@media only screen and (max-width:740px){


}

@media only screen and (max-width:650px){


}

@media only screen and (max-width:599px){


}

@media only screen and (max-width:500px){



}

@media only screen and (max-width:480px){
}

@media only screen and (max-width:430px){


}