:root{
	--theme:#0457a3;
	--white:#ffffff;
	--black:#000000;
	--red:#e31033;
	--color2:#3f375c;
	--color3:#d9cab3;
	--color4:#e31033;
	--color5:#256eff;
	--text:#212121;
	--trns: all 0.3s ease-in-out;
}
*{ margin:0px; padding:0px; outline:0px; box-sizing: border-box;}
*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
a{text-decoration:none; color:var(--theme); transition: var(--trns);}
a:hover{transition: var(--trns); color:var(--theme);}
a img, img{border:0px; outline:none;}
img{max-width:100%; height:auto;}
a, input[type="submit"], button{outline:none;  }
.clear{clear:both;}
::-moz-placeholder{ opacity:1; }
input[type=submit], button, select{ -moz-appearance: none;-webkit-appearance: none;}
input, select, button, textarea{font-family: 'Poppins', sans-serif; font-weight:normal;}
input[type=submit], button{ cursor:pointer;transition: var(--trns);}
input[type="submit"], input[type="text"], input[type="date"], input[type="time"], input[type="search"], button, input[type="email"], input[type="tel"], textarea, select{-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; border:0;}
h1, h2, h3, h4, h5, h6, p, ul, li, label, input, textarea, img, submit, button, a{ margin: 0px; padding: 0px; outline: none; list-style: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {order: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align:baseline;}
html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 62.5%;overflow-y: scroll;-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;scroll-behavior: smooth;}
q {-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens: none;hyphens: none;quotes: none;}
a:focus {outline:0;outline: 0;}
a:hover,
a:active {outline: 0;}
a img {border: 0;}
body{color:var(--blue); font-family: 'Poppins', sans-serif; font-weight:normal; font-size:16px; line-height:24px; position:relative; overflow-x:hidden; }
strong, b{ font-weight:700;}

h1{ font-size: 42px; line-height: 1; font-weight: 700; }
h2{ font-size: 38px; line-height: 1.1; font-weight: 700; }
h3{ font-size: 24px; line-height: 1.1; font-weight: 600;}
h4{ font-size: 20px; line-height: 1.1; font-weight: 600; }
h5{ font-size: 18px; line-height: 1.1; font-weight: 600;}
h6{ font-size: 16px; line-height: 1.1; font-weight: 600; }

p:last-child{ margin-bottom: 0!important;}
p:empty{ display: none!important;}
.btn{ display:inline-block; background-color:var(--theme); color:var(--white); font-size:16px; line-height:22px; text-align:center; padding: 10px 20px; min-width: 130px; border-radius: 7px;font-weight:600;}
.container{ max-width: 1230px; margin: 0 auto; width: 100%; padding: 0 15px;}
.btn:hover{background:var(--red); color: #fff;}

.flex{ display: flex; flex-wrap: wrap;}
.between{ justify-content: space-between;}
.row{ display: flex;}
.justify{ justify-content: space-between;}
.menutoggle{ display: none;}


/* Header Section */
.header{ background: var(--white); padding: 10px 0;}
.logo img{ display:block; max-width: 120px;}
.navigation ul{ display: flex; column-gap: 30px; align-items: center; flex-wrap: wrap;} 
.navigation ul li{ font-size: 16px; text-transform: uppercase;font-weight: 500; line-height: 24px; padding: 20px 0; position: relative;}
.navigation ul li a{ display: inline-block; color: #000; position: relative; padding: 4px 0;}
.navigation ul li a:hover, .navigation ul li.current-menu-item a{ color: var(--theme);}
.navigation ul li a::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0;  margin: 0 auto; width: 0px; height: 2px; background: var(--theme); transition: all 0.4s ease-in-out;}
.navigation ul li a:hover::after{ width: 100%;transition: all 0.4s ease-in-out;}
.navigation ul li.current-menu-item a::after{ width: 100%;transition: all 0.4s ease-in-out;}

.header .flex{ align-items: center;}



@media(min-width:980px){
	.navigation ul ul.sub-menu{background: #fff;min-width: 250px;white-space: nowrap;position: absolute;top: 100%;left: -32px;z-index: 10;visibility: hidden;opacity: 0; transform: translateY(20px);border-radius: 5px;transition: all .3s ease-in-out; box-shadow: 8px 8px 30px 0 rgba(0,0,0,.12);}
	.navigation ul li:hover > ul.sub-menu {visibility: visible;opacity: 1;transform: translateY(0);}
	.navigation ul ul.sub-menu::after {content: "";position: absolute;height: 15px;width: 15px;top: -5px;left: 50px;opacity: 1;z-index: -1;background: #fff;border-radius: 2px;transform: rotate(45deg);}
	.navigation ul ul.sub-menu::before {content: "";position: absolute;height: 12px;width: 100%;top: -12px;left: 0;}
	.navigation ul li li {display: block; width: 100%; position: relative; margin: 0; padding: 0; border-bottom: 1px solid #e5e5e5;}
	.navigation ul li li:last-child{ border-bottom: 0;}
	.navigation ul li li a {font-size: 14px;line-height:26px;color: #000;font-weight: 500;text-align: left;display: block;padding: 8px 20px;position: relative;transition: all .3s linear;}
	.navigation ul li li:hover>a{color: var(--theme);}	
	.navigation ul.sub-menu li a{ position: relative;}

}


/* Header Section */

/* HomePage Section */
section{ width: 100%; position: relative;}
.hero_slider{ width: 100%; position: relative;}
.hero_slider .item{ width: 100%; height: 600px; display: flex!important; align-items: center; justify-content: center; background-repeat: no-repeat; background-size: cover; background-position: center;}
.hero_slider .item::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3;}
.hero_slider .textcol p{ margin: 20px 0; padding: 0 10%;}
.textcol{ text-align: center; color: #fff; margin: 0 auto;}
.hero_slider .item .container{ position: relative; z-index: 1;}
.textcol h1{ color: #fff;}
.hero_slider .slick-dots{ display: none!important;}
.slick-slider .slick-dots{ width: 100%; display: flex; align-items: center; justify-content: center; column-gap: 10px; position: absolute;bottom: 50px; left: 0;}
.slick-slider .slick-dots li button{ width: 16px; height: 16px; border-radius: 50%; font-size: 0px; background: transparent; border: 2px solid var(--text); opacity: 0.3;}
.slick-slider .slick-dots li.slick-active button{ opacity: 1; background: var(--text);}

.slick-slider .slick-arrow{ position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; font-size: 0; width: 34px; height: 34px; background: var(--theme); transform: translateY(-50%); z-index: 11;}
.slick-slider .slick-prev{ left: 10px;}
.slick-slider .slick-next{ right: 10px;}
.slick-slider .slick-prev::before{content: "\f104"; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: #fff; font-size: 16px;}
.slick-slider .slick-next::before{content: "\f105"; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: #fff; font-size: 16px;}

.py70{ padding: 70px 0;}
.textdflt h2{ color: var(--theme);}
.textdflt p{ margin: 20px 0;}

.textdflt{ width: 48%;}
.img{ width: 48%;}
.img img{ width: 100%; display: block; border-radius: 8px;}
.flex.center{ align-items: center;}
.mt60{ margin-top: 60px;}
.flex.reverse{ flex-direction: row-reverse;}
.textdflt ul, .textdflt ol{ margin: 20px 0; padding-left: 15px;}
.textdflt ul li{ margin: 5px 0; list-style: disc; list-style-position: outside;}
.textdflt ol li{ margin: 5px 0; list-style: decimal; list-style-position: outside;}
.textdflt strong{ font-weight: 700;}
.textdflt a{ text-decoration: underline;}

.btnwrap a{text-decoration: none;}

.w100{ width: 100%!important;}
.section_vp{ background: var(--theme); color: #fff;}
.texttop{ text-align: center; margin: 0 0 50px;}
.section_vp .textdflt h2{ color: #fff;}
.section_vp .textdflt strong{ text-decoration: underline; text-underline-offset: 2px;}

.vptext{ row-gap: 20px;}
.vptext .textdflt{ width: calc(50% - 10px); background: #f7f7f7; border-radius: 8px; padding: 20px;}
.vptext .textdflt p:last-child{ margin: 0;}
.vptext .textdflt p{ color: var(--text);}

.category_slider{ width: 100%; position: relative;}
.category_slider .item{ padding: 0 10px;}
.category_slider .box{ width: 100%; border-radius: 8px; border: 1px solid #e5e5e5; overflow: hidden; text-align: center;}
.category_slider .content{ padding: 20px 15px 30px;}
.category_slider p{ margin-top: 15px; min-height: 170px;}

.section_ctg{ background: #f7f7f7;}
.product_slider .item{ padding: 0 10px;}
.product_slider .box{ width: 100%; border-radius: 8px; border: 1px solid #e5e5e5; overflow: hidden; text-align: center;}
.product_slider .slick-dots{ display: none!important;}
.product_slider .content{padding: 20px 15px 30px; background: #fff;}
.product_slider .content h4{ min-height: 50px; display: flex; align-items: center; justify-content: center;}


.section_rvw{ background: #f7f7f7;}
.rvw_slider .item{ padding: 15px;}
.rvw_slider .box{ padding: 20px 20px 90px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.15); background: #fff; height: 100%; position: relative;}
.rvw_slider p{ margin: 0 0 15px;}
.rvw_slider h5{ margin: 0;}
.rvw_slider h6{ margin: 5px 0 0; font-size: 14px; font-weight: 400;}
.rvw_slider p i, .rvw_slider p em{ font-style: italic;}
.rvw_slider .slick-slide>div{ height: 100%; display: flex!important;}
.rvw_slider .info{ position: absolute; bottom: 0; left: 0; padding: 20px; width: 100%;}

/* HomePage Section */






/* Footer Section */
.footer{ background: #f7f7f7; color: #000;}
.footermain{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; padding:50px 0;}
.footermain h4{ padding: 0 0 10px; margin: 0 0 25px; position: relative; }
.footermain h4::before{ content: ''; position: absolute; width: 30px; height: 2px; background: var(--color4); bottom: 0; left: 0;}
.fcol1, .fcol2{ width: 24%;}
.flogo img{ display: block; max-width: 140px;}
.fnav li{ margin: 0 0 15px;  font-weight: 500; width: 100%;}
.fnav li a{ color: #000;}
.fnav li a:hover{ color: var(--theme);}
.adrs p{ display: flex; color: #000; margin-bottom: 15px;}
.adrs p .icon{ width:40px; min-width: 40px;}
.adrs p i{ font-size: 18px; color: var(--theme);}
.adrs p a{ color: #000;}
.adrs p a:hover{ text-decoration: underline; text-underline-offset: 2px;}
.fnav li:last-child, .adrs p:last-child{ margin-bottom: 0;}
.flrow3{ width: 100%; padding: 25px 0; border-top: 1px solid rgba(0,0,0,0.2);}
.flrow3 p{ font-size: 14px;}
.flrow3 ul{ display: flex; align-items: center; column-gap: 15px;}
.flrow3 ul li a{ color: var(--white); font-size: 16px; width: 34px; height: 34px; background: var(--theme); border-radius: 4px; display: flex; align-items: center; justify-content: center;}
.flrow3 ul li a:hover{  background: var(--black); color: #fff;}

.fixedwhtsp{ position: fixed; bottom: 10px; right: 10px; z-index: 999;}
.fixedwhtsp a{ width: 50px; height: 50px; box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: center; background: #25d366; color: #fff; border-radius: 50%; font-size: 20px;}
.fixedwhtsp a img{ width: 32px; height: 32px; display: block; margin: 0 auto; transition: all 0.5s ease-in-out;}
.fixedwhtsp a:hover img{ transition: all 0.5s ease-in-out; transform: scale(0.85);}



/* Footer Section */

/* Contact Us Page  */
.pagebanner{ width: 100%; display: flex; align-items: center; justify-content: center; min-height: 400px; background-repeat: no-repeat; background-size: cover;background-position: center; position: relative;}
.pagebanner .container{ position: relative; z-index: 1; text-align: center;}
.pagebanner::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.2;}
.pagebanner h1{ color: #fff;}


.gmap iframe{ width: 100%; height: 440px; display: block;}
.section_ctpage h2{ text-align: center; padding: 0 0 20px;}
.ctform .wpforms-field-container{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 15px;}
.ctform .wpforms-field{ width: calc(50% - 10px); margin: 0!important; padding: 0!important;}
.ctform .wpforms-field.wpforms-field-textarea{ width: 100%;}
.ctform div.wpforms-container-full .wpforms-field-label{ font-weight: 500; font-size: 14px; margin: 0 0 10px;}
.ctform .wpforms-field .wpforms-field-large{ width: 100%; border-radius: 6px; border: 1px solid #e5e5e5!important; background: #f7f7f7; padding: 14px; height: 48px; font-size: 15px; color: var(--text);}
.ctform .wpforms-field textarea{ width: 100%; border-radius: 6px; resize: none!important; border: 1px solid #e5e5e5!important; background: #f7f7f7; padding: 14px; height: 120px; font-size: 15px; color: var(--text);}
.ctform .wpforms-field input:focus,
.ctform .wpforms-field textarea:focus{ box-shadow: none!important; outline: none!important; border: 1px solid #e5e5e5!important;}
.ctform .wpforms-submit-container{ text-align: center; padding: 15px 0 0;}
.ctform .wpforms-submit-container .wpforms-submit{ border: 0; border-radius: 6px; height: 48px; width: 200px; background: var(--theme)!important; color: #fff; font-size: 16px; font-weight: 600;}
.ctform .wpforms-submit-container .wpforms-submit:hover{ background: var(--color4)!important; color: var(--black);}

.ctadrs{ width: 100%; display: flex; align-items: center; justify-content: center; row-gap: 30px; column-gap: 60px; padding: 40px 0 0;}
.ctadrs .box{ width: 40%; border-radius: 10px; box-shadow: 0 5px 20px rgba(0,0,0,0.15); text-align: center; padding: 25px;  background: #f7f7f7;}
.ctadrs .box p{ margin: 15px 0;}
.ctadrs .box h5{ margin: 10px 0;}
.ctadrs .box h5 a{ color: var(--color4);  text-decoration: underline; text-underline-offset: 2px;}
.ctadrs .box h5 a:hover{ color: var(--theme);}
.ctadrs .box .icon{ width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; margin: 0 auto; background: var(--theme);border-radius: 50%; color: #fff; font-size: 28px;}
.ctadrs .box h4{ margin: 20px 0 0;}

.gformnote{ width: 100%; text-align: center; padding:0 15%;}
.gformnote p{ margin: 0 0 20px;}
.gformbtn{ width: 100%; text-align: center; padding: 30px 0 50px;}

.textdflt h2, .textdflt h3, .textdflt h4{ margin: 20px 0;}
.textdflt *:last-child{ margin: 0;}
.flrow3{ align-items: center;}
.textdflt h2:nth-child(1){ margin-top: 0;}
.hero_slider .slick-dots{ display: none!important;}

/* Contact Us Page  */



.dg_gallery{ width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px;}
.dg_gallery .item{ width: calc(25% - 16px); background: var(--black); margin: 0 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 10px; overflow: hidden; position: relative;}
.dg_gallery .item img{ width: 100%; height: 220px; object-fit: cover; object-position: center; display: block; transition: all 0.3s ease-in-out;}
.dg_gallery .item a:hover img{ opacity: 0.8; transition: all 0.3s ease-in-out;}













/* Responsive Start  */
@media(max-width:1179px){
 .container{ max-width: 100%;}
 h1{ font-size: 32px;}
 h2{ font-size: 28px;}
 h3{ font-size: 22px;}
 h4{ font-size: 18px;}
 h5{ font-size: 16px;}
 h6{ font-size: 15px;}
 body{ font-size: 15px; line-height: 20px;}
 .py70{ padding: 50px 0;}

 .category_slider .slick-arrow{ display: none!important;}
 .product_slider .slick-arrow{ display: none!important;}
 .slick-slider .slick-dots{ position: static; margin-top: 20px;}
 .product_slider .slick-dots {display: flex !important;}
 .navigation ul li {font-size: 15px;}
 .hero_slider .item {height: 480px;}
 .product_slider .content {padding: 10px 15px 20px;}
 .adrs p .icon {width: 30px;min-width: 30px;}
 .hero_slider .textcol{ padding:0 5%}
 .hero_slider .textcol p{ padding: 0;}
 .btn{ font-size: 15px;}

 .ctadrs{column-gap: 30px;}

 .dg_gallery .item{ width: calc(33.33% - 16px);}




}

@media(max-width:979px){
.header{ position: relative;}
.header .flex{ flex-wrap: wrap; justify-content: space-between;}
.navigation{ display: none; width:calc(100% + 30px); margin-left: -15px; background: #fff; padding:15px 0 0;}

.menutoggle {display: flex;width: 30px; height: 30px;padding: 4px 0; position: relative; flex-direction: column;justify-content: space-between;	cursor: pointer;}
.menutoggle i { position: absolute; top: 4px; left: 0; width: 100%;height: 3px;background: var(--black); border-radius: 8px; transition: all 0.3s ease-in-out;}
.menutoggle i.b{ top: 13px;}
.menutoggle i.c{ top: 22px;}
.menutoggle.active .b{ opacity: 0;}
.menutoggle.active .a{ top: 13px; transform: rotate(45deg);}
.menutoggle.active .c{ top: 13px; transform: rotate(-45deg);}


body.navopen .navigation{ display: block;}
.navigation ul{ flex-wrap: wrap;}
.navigation ul li{ width: 100%; position: relative; padding: 0; border-top: 1px solid #e5e5e5;}

.navigation ul li a {padding: 10px 15px;display: block;width: 100%;}
.navigation ul li a:hover{ background-color: var(--theme); color: #fff;}


.navigation ul li .trigger{ width: 38px; height: 44px; cursor: pointer; z-index: 1; background: #fff; position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center;}
.navigation ul.sub-menu{ width: 100%; display: none;}
.navigation ul li a::after{ display: none;}
.navigation ul.sub-menu li a{ padding-left: 30px;}




.footermain{ padding: 40px 0;}
.fcol1{width: 100%;text-align: center;margin: 0 0 30px;}
.flogo img{ margin: 0 auto;}
.flogo{ display: flex; align-items: center; justify-content: center;}
.fcol1, .fcol2 {width: 31%;} 
.hero_slider .item {height: 440px;}
.pagebanner {min-height: 300px;}   
.gformnote{ padding: 0;}
.gmap iframe {height: 340px;}
.dg_gallery .item{ width: calc(50% - 16px);}


}
   

@media(max-width:767px){
.fcol2{ width: 100%; margin:30px 0 0; text-align: center;}
.fcol1{ margin: 0; width: 100%;     padding: 0 0 10px;}
.footermain h4::before { left: 0; right: 0; margin: 0 auto;}
.flrow3 p{ order: 2;}
.flrow3{ justify-content: center; text-align: center; flex-direction: column;}
.flrow3 ul{ order: 1; margin: 0 0 20px;}
.adrs p{ justify-content: center;}
.adrs p .icon{ margin-right: 5px;}
.texttop {margin: 0 0 30px;}
.textdflt{ width: 100%;}
.img{ width: 100%;}
.section_in .row{ row-gap: 30px;}
.section_in .img{ order: 1;}
.section_in .textdflt{ order: 2; text-align: center;}
.hero_slider h1{ font-size: 20px; line-height: 25px;}
.hero_slider .textcol{ padding: 0;}
.hero_slider .slick-arrow{ display: none!important;}
.hero_slider .slick-dots{ display: flex!important; position: absolute; bottom: 10px;}
.hero_slider .slick-dots li button{ border-color: #fff;}
.hero_slider .slick-dots li.slick-active button{ background: #fff;}
.fnav li {margin: 0 0 10px;}

h1 {font-size: 28px;}
h2 {font-size: 26px;}
h5 {font-size: 15px;line-height: 22px;}
.pagebanner {min-height: 250px;}   
.ctadrs{ flex-wrap: wrap;padding: 0 10px;}
.ctadrs .box{ width: 100%;}
.gmap iframe {height: 300px;}
.vptext{ flex-wrap: wrap;}
.vptext .textdflt{ width: 100%; padding: 15px; text-align: center;}
.dg_gallery .item{ width: calc(100% - 16px);}





}


/* Responsive Start  */
