/*Fonts Used*/

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Kulim+Park:ital,wght@0,200;0,300;0,400;0,600;0,700;1,200;1,300;1,400;1,600;1,700&display=swap');

/*Font*/

:root {
	/*Colors*/
	--color1: #ce2a32; 
	--color2:#292d30;
	--color3 :rgba(206,42,50,.16);
	--color4 :rgba(255,255,255,.16);

	--black:#000;
	--black2:#292d30;

	/*Headings*/
	--head1: 60px;
	--head2: 40px;
	--head3: 20px;

	/*Fonts*/
	--priFont: "Syne", sans-serif;
	--bodyFont: "Kulim Park", sans-serif;

	/*Others*/
	--bodyFontSize: 18px;
	--bodyLineHeight: 25px;
}

html, body{overflow-x: hidden;}

/* body::before{content: url(images/screenshot.jpg); position: absolute; top: 0; left: 50%; transform: translateX(-50%); opacity: .5; z-index: 999; pointer-events: none;} */

*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; image-rendering: -webkit-optimize-contrast;}

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; -webkit-text-size-adjust: 100%;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }
input:not([type='radio']):not([type='checkbox']), textarea, select{-webkit-appearance: none;}
form, label {-webkit-text-size-adjust: 100%;}
mark {background-color: transparent;color:inherit;}
/* end reset */

/*preset*/
body{font-family: var(--bodyFont); font-size: var(--bodyFontSize); line-height: var(--bodyLineHeight); color:var(--black);position:relative; max-width: 1920px; margin: 0 auto; overflow: hidden;}
body.active{overflow: hidden;width:100%;height:100%;position:fixed!important;}
a{ text-decoration:none; -webkit-transition: all .3s linear;transition: all .3s linear;}
img{max-width: 100%; vertical-align: top; image-rendering: -webkit-optimize-contrast;}
textarea { resize:vertical; }
iframe{ border: none; width: 100%;}
ul, h1, h2, h3, h4{ margin:0; padding:0; list-style:none; }
h2, small, q, cite{line-height: 100%;}
strong , b{ font-weight: bold;}
em, i{font-style: italic;}
input[type="submit"]{cursor: pointer;}
a[href^="tel:"]{color: inherit!important; text-decoration: none;}

.clearfix:before, .clearfix:after { content:""; display: table; clear: both; }
.clearfix {clear: both; overflow: hidden;}
.comp{color:inherit; font-weight:bold; }
.upcoming{color:red; font-style:italic; font-weight:bold;}
.col2{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 10px; -moz-column-gap: 10px;  column-gap: 10px;}
.col3{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 10px; -moz-column-gap: 10px;  column-gap: 10px;}
.col2 li, .col3 li{display: block; width: 100%;}
.main_phone {font-weight: bold;}

.back_top{display:none;background:var(--color1);position: fixed; z-index:999;bottom:0;width: 100%;height: 45px;cursor:pointer;border-top: 2px solid #fff;}
.back_top:before{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%,-45%);border-bottom:15px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;}
.back_top:hover{opacity:.7}

.mode-dark .back_top:before{filter: brightness(0) saturate(100%) invert(96%) sepia(8%) saturate(729%) hue-rotate(311deg) brightness(104%) contrast(80%);}

.flex{display: flex;justify-content: space-between;align-items: start;gap: 35px 10px;}

/*Heading for SEO*/
.h1_hdng{font-size: 22px; font-weight: 700; color: #000;}

/*Thumbnail Images*/
.thumb_left_dd, .thumb_left_dr{  float:left; margin:0 19px 10px 0;}
.thumb_right_dd, .thumb_right_dr{ float:right; margin:0 0 10px 19px;}
.thumb_center_dd, .thumb_center_dr{ display: block; margin: 10px auto;}

/* Text Alignment */
.text_left, .text_left p{text-align: left;}
.text_right, .text_right p{text-align: right;}
.text_center,.text_center p{text-align: center; display: block;}

/* Forms Presets */
::-webkit-input-placeholder {opacity: 1; color: inherit;}
::-moz-placeholder {opacity: 1; color: inherit;}
:-ms-input-placeholder {opacity: 1; color: inherit;}
:-moz-placeholder {opacity: 1; color: inherit;}

/*end preset*/

.wrapper{ width:100%; max-width:1375px; margin:0 auto; position:relative;}

.gt_float_switcher .gt_options { font-size: 16px !important; }
.dracula-toggle.style-1 .toggle-icon-wrap { background: var(--color1) !important; border-radius: 100vw !important; }
.dracula-toggle.style-1 .toggle-icon.__dark, .dracula-toggle.style-1 .toggle-icon.__light { background-color: #fff !important; }

.tel_num{pointer-events: auto;}
/* .tel_num::before{content: url(images/icons/header-list1-icon-mobile.png);display: none;pointer-events: none;} */
.tel_num:hover{text-decoration: underline;}

.email_icon{color: inherit;pointer-events: auto;}
/* .email_icon::before{content: url(images/icons/header-list2-icon-mobile.png);display: none;pointer-events: none;} */
.email_icon:hover{text-decoration: underline;}

/*Heading Styles*/
.head{margin-bottom: 25px;color: var(--black2);font-family: var(--priFont);font-size: var(--head1);line-height: 100%;font-weight: 700;}
.span{margin-bottom: 15px;color: var(--color1);font-family: var(--bodyFont);font-size: var(--head3);line-height: 100%;display: block;font-weight: 400;text-transform: uppercase;}

.boxHead{font-family: var(--priFont);font-size: 25px;font-weight: 700;color: var(--black2);}
.boxSpan{display: block;font-family: var(--bodyFont);line-height: 100%;}
.boxHead {   position: relative; display: inline-block;  padding-top: 56px; }
/* .boxHead::before {   content: "";   position: absolute;  top: -34px;   left: 20%;   transform: translateX(-50%);  width: 71px;   height: 100%;    background-image: url('images/icons/middle-icon1.png');    background-size: contain;   background-repeat: no-repeat; } */
.middle_box1 .boxHead::before {   content: "";   position: absolute;  top: -34px;   left: 20%;   transform: translateX(-50%);  width: 71px;   height: 100%;    background-image: url('images/icons/middle-icon1.png');    background-size: contain;   background-repeat: no-repeat; }
.middle_box2 .boxHead::before {   content: "";   position: absolute;  top: -34px;   left: 20%;   transform: translateX(-50%);  width: 71px;   height: 100%;    background-image: url('images/icons/middle-icon2.png');    background-size: contain;   background-repeat: no-repeat; }
.middle_box3 .boxHead::before {   content: "";   position: absolute;  top: -34px;   left: 20%;   transform: translateX(-50%);  width: 85px;  height: 100%;    background-image: url('images/icons/middle-icon3.png');    background-size: contain;   background-repeat: no-repeat; }

/* NON-HOME HEADINGS */
main h3{font-family: var(--priFont);font-size: 25px;margin-bottom: 25px;line-height: 100%;font-weight: 700;}

main h4{font-family: var(--priFont);font-size: var(--head2);margin-bottom: 25px;line-height: 100%;font-weight: 700;}

/*Button Styles*/
.btn1{display: block;width: 222px;height: 60px;margin: 25px auto 0;color: #fff;font-size: 16px;text-align: left;position: relative;align-content: center;padding-left: 25px;z-index: 1;text-transform: uppercase;}
.btn1::before{content: url(images/icons/arrow-black.png);display: flex;top: 50%;transform: translateY(-50%);right: -8px;position: absolute;}
.btn1 em{background: var(--color1);position: absolute;width: 100%;height: 100%;inset: 0;pointer-events: none;z-index: -1;transform: skew(-24deg);border-radius: 7px;}
.btn1:hover{opacity: .7 !important;text-decoration: none; color: #fff;}

/*header*/
header{padding: 0 15px;background: #fff;}
header .wrapper{max-width: 1400px;}

	.header_con{min-height:150px;padding:0; display: flex; justify-content: space-between; align-items: center;position: absolute;gap: 10px;top: 0;left: 0;right: 0;z-index: 150;}

	.main_logo{position: absolute;top: 50%;left: 0;max-width: 312px;width: 23%;transform: translateY(-50%);}
	.main_logo a{}
	.main_logo a figure{}
	.main_logo a figure img{}

	.mode-dark .main_logo img{filter: drop-shadow(0 0 .5px #fff) drop-shadow(0 0 .5px #fff) drop-shadow(0 0 .5px #fff) drop-shadow(0 0 .5px #fff);}

	.head_info{display: flex;justify-content: space-between;gap: 15px 10px;max-width: 180px;width: 100%;margin-left: auto;align-items: center;}
	.header_info{max-width: max-content;width: 100%;}
	.header_info ul{display: flex;justify-content: space-between;gap: 15px 10px;}
	.header_info ul li{position: relative;line-height: 22px;}
	.header_info ul li a{color: inherit;}
	.header_info ul li a mark{}
	.header_info ul li span{}
	.header_info ul li cite{}
	.header_info ul li q{}

	.header_info ul li::before{top: 50%;left: 0;transform: translateY(-50%);position: absolute;display: flex;}
	/* .header_info ul li:first-child::before{content: url(images/icons/header-list1-icon.png);} */
	/* .header_info ul li:last-child::before{content: url(images/icons/header-list2-icon.png);} */

    .social_media{max-width: max-content;width: 100%;}
	.social_media ul{}
    .social_media ul li{display:inline-block;vertical-align:middle;}
	.social_media ul li:first-child{}
    .social_media ul li a{display:block;}
    .social_media ul li a:hover img{animation: 1s tada;}

	.gtrans{max-width: 94px; position: relative; height: 38px; z-index: 180;width: 100%;}
	.mode-dark .gtrans{filter: drop-shadow(0 0 1px #fff);}
	.gt_float_switcher .gt_options { font-size: 16px !important; background: #fff;border-radius: 5px;}
	.gt_float_switcher .gt-selected .gt-current-lang { padding: 7px !important; }
	.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code { color: #000; right: unset; display: initial; }
	.gt_float_switcher { width: 100%; }
	.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow { position: static; color: #000; }
	.gt_float_switcher img { width: 26px !important; margin: 0 !important; }
	.gt_float_switcher .gt_options a { padding: 10px !important;text-align: left !important;}

/*end header*/

/*nav*/
.page_nav {background: var(--color2); min-height: 0; text-align: center;padding: 0 15px;}
.page_nav ul{position: absolute;top: 44px;right: 263px;z-index: 150;}
.page_nav ul li{display:inline-block;vertical-align: top; position:relative; /* padding: 0px 25px;*/  padding: 0px 11px;margin: 0; }
.page_nav ul li:first-child{padding-left: 0;margin-left: 0;}
.page_nav ul li:last-child{padding-right: 0;margin-right: 0;}
.page_nav ul li a{display:block;   color:#fff;  height: 60px;align-content: center;font-size: 20px;   font-weight: 700;}
.page_nav ul li a:hover, .page_nav ul li a:active, .page_nav ul li.current_page_item > a{text-decoration: underline;background: none;}
.page_nav ul li:after{content:"";width:1px;height:22px;background:#000; position:absolute; top:50%; right:-4px;transform: translateY(-50%);display: none;}
.page_nav ul li:last-child:after{display:none;}

/*second level drop down*/
.page_nav ul li:hover{position: relative; z-index: 599; cursor: default;}
.page_nav ul ul {display: none; position: absolute; top: 100%; left: 50%; z-index: 598; width: 200px;margin: 0;text-transform: none; transform: translateX(-50%);background: none;padding: 0;border-radius: 15px; overflow: hidden;}
.page_nav ul ul::before{display: none;}
.page_nav ul ul li {float: none;display:block;font-weight: normal;width:100%;padding: 0;}
.page_nav ul ul li::after{display: none;}
.page_nav ul ul li a{border: none;text-align: center;color: #fff;height: 55px; font-size: 16px; padding: 3px !important;}
.page_nav ul ul li::after{display: none;}
.page_nav ul ul ul {top: 0; left: auto; right: -99.5%; }
.page_nav ul li:hover > ul { display: block;}
.page_nav ul ul a, .page_nav ul li.current_page_item ul li a{background:var(--color1);padding:15px 10px !important;margin:0 auto; line-height: 100%;}
.page_nav ul ul a:hover,.page_nav ul li.current_page_item ul li a:hover, .page_nav ul ul li.current_page_item a {background:var(--color2); text-decoration: none;}

.page_nav ul li:first-child ul{left: 28%;}

/*third level drop down*/
.page_nav ul ul ul { border-top: 0 none; }
.page_nav ul ul li { position: relative }

.page_nav span{position: absolute; right: 25px;top:32px; display: none; padding: 0; cursor: pointer; z-index: 9; color: #fff;text-align: center;}

/* Drop down icon */
.fa{display:block;}
.fa:before{position: absolute;inset: 0;}

/* Navigation bar icon */
.nav_toggle_button{display:none; text-align:left;position:relative;}
.nav_toggle_button.active {opacity:1;}
.nav_toggle_button i{cursor: pointer;}

/*Burger Color*/
.nav_toggle_button .toggle_holder{position: absolute;top: 60%;right: 0;transform: translateY(-50%);}
.nav_toggle_button .hamburger{}
.nav_toggle_button .hamburger-inner, .nav_toggle_button .hamburger-inner:before, .nav_toggle_button .hamburger-inner:after{background:#000;}

.mode-dark .nav_toggle_button .hamburger-inner, .mode-dark .nav_toggle_button .hamburger-inner:before, .mode-dark .nav_toggle_button .hamburger-inner:after{filter: brightness(0) saturate(100%) invert(90%) sepia(17%) saturate(95%) hue-rotate(358deg) brightness(102%) contrast(83%);}
.nav_toggle_button small{text-transform:uppercase;font-weight:bold;font-size:13px;color:#000;display:block; text-align: center; line-height: 6px;}

/* Default Responsive Style for Toggle Swipe Right */
.menu_slide_right {display: none;}

/*Responsive burger and color*/
.menu_slide_right .hamburger-inner, .menu_slide_right .hamburger-inner:before, .menu_slide_right .hamburger-inner:after{background:#000;}

.mode-dark .menu_slide_right .hamburger-inner, .mode-dark .menu_slide_right .hamburger-inner:before, .mode-dark .menu_slide_right .hamburger-inner:after{filter: brightness(0) saturate(100%) invert(90%) sepia(17%) saturate(95%) hue-rotate(358deg) brightness(102%) contrast(83%);}
.menu_slide_right .toggle_holder{position: absolute;top: 55%;right: 10px;transform: translateY(-50%);}
.menu_slide_right small{text-transform:uppercase;color:#000;font-weight:bold;font-size:13px;display:block; text-align: center; line-height: 100%;}

/*end nav*/

/*banner*/
#banner{}
	.bnr_con{min-height:0;padding:0;}
	.box_skitter{}

	.slider{width:1920px;margin-left: 50%; transform: translateX(-50%);position: relative;overflow: hidden;height: 800px;}
	.slider:before {content:'';background: #000;background-size: 100% 100%;left: 0;bottom: 0;position: absolute;width: 1920px;height: 100%; z-index: 150;opacity: .55;pointer-events: none;}
	.slider::after{content: '';background: url(images/slider-overlay.png);background-size: 100% 100%;top: 0;left: 0;width: 1920px;height: 100%;z-index: 150;pointer-events: none;position: absolute;}

	.bnr_vid{width:1920px;margin-left: 50%; transform: translateX(-50%);position: relative;height: 800px;overflow: hidden;}
	/* .bnr_vid:before {content:'';background: url(images/bnr-vid-overlay.png) repeat-y center;background-size: 100% 100%;left: 0;bottom: 0;position: absolute;width: 1920px;height: 100%; z-index: 150;} */
	.bnr_vid video{display: block;width: 100%}

	.mobi_ban{display: none;}
	.rslides.tablet{display: none;}
	.rslides.mobile{display: none;}

	/* .bnr_info{width:100%; max-width:814px; position:absolute; bottom:179px;left:0; z-index:150;color: #fff;} */
	.bnr_info{width:100%; max-width:814px; position:absolute; bottom:80px;left:25%; z-index:10;color: #fff; text-align: center;}
	.bnr_info h2{color: #fff;font-size: 68px;margin-bottom: 45px;line-height: 105%;display: inline-block;min-height: 143px;}
	.bnr_info p{width: 100%;margin: 0;}
	/* .bnr_info a{margin: 52px 0 0 12px;width: 244px;padding-left: 33px;} */
	.bnr_info a{margin: 52px auto 0;width: 306px;padding-left: 33px;}
	.bnr_info a:hover{}
	
/*end banner*/

/*middle*/
#middle{background:#fff; padding: 0 15px;}
	.middle_con{min-height:0;padding:127px 0 55px;}

	.middle_info{position: relative; text-align: center;}
	.middle_info h2{}
	.middle_info h2 q{line-height: inherit;}
	.middle_info h2 span{margin-bottom: 19px;}
	.middle_info p{width: 100%;margin: 0;font-size: 16px;}
	.middle_info a{margin: 0;position: absolute;bottom: 0;right: 10px;width: 222px;}

	.middle_boxes{gap: 35px 10px;margin-top: 77px;flex-wrap: wrap;}
	/* .middle_boxes section{display: inline-block; vertical-align: top;width: 32%; position: relative;max-width: 413px;text-align: left;padding: 229px 0 0;} */
	.middle_boxes section{display: inline-block; vertical-align: top;width: 32%; position: relative;max-width: 413px;text-align: left;padding: 20px;   box-shadow: 0px 2px 6px 2px gray;   border-radius: 19px;}

	.middle_boxes_info{}

	.middle_boxes_inner{min-height: 220px;position: relative;max-width: 340px;margin: auto;padding: 30px 0 0 0;width: 83%;}

	.middle_boxes section h2{line-height: 115%;}
	.middle_boxes section h2 span{display: block;line-height: inherit;}
	.middle_boxes section p{margin: 20px 0 0;width: 100%;line-height: 22px;font-size: 16px;}

	/* .middle_boxes_btn{position: absolute;top: 0;right: 25px;width: 58px;height: 59px;z-index: 1;} */
	.middle_boxes_btn{position: relative;top: 0;width: 100%;height: 60px;z-index: 1;  margin: 26px 0 15px;}
	.middle_boxes_btn:hover em{background: var(--color2);}
	/* .middle_boxes_btn::before{content: url(images/icons/white-arrow-icon.png);display: flex;position: absolute;inset: 0;justify-content: center;align-items: center;} */
	.middle_boxes_btn em{background: var(--color1);width: 100%;height: 100%;display: block;position: absolute;inset: 0;z-index: -1;transform: skew(-25deg);border-radius: 9px;transition: .2s ease-in-out;}

	.middle_boxes section a{position: relative;padding: 0 96px 20px;top: 16px;   color: #fff;   font-size: 24px;}
	.middle_boxes section a:hover{}

	.middle_boxes section figure{overflow: hidden;max-width: max-content;width: 100%;margin: auto;position: absolute;top: 0;border-radius: 40px;display: none;}
	.middle_boxes section figure img{max-width: initial;margin-left: 50%;transform: translateX(-50%);}

/*end middle*/

/*main*/
#main_area{padding: 0 15px;background: #fff;}
#main_area .wrapper{max-width: 1400px;}
	/* .main_con{min-height:901px;padding:58px 0 150px; display: flex;justify-content: space-between;gap: 55px 20px;align-items: start;} */
	.main_con{min-height:auto;padding: 58px 0 60px; display: flex;justify-content: space-between;gap: 55px 124px;align-items: start;}
		/* main{width: 43%; max-width: 597px; text-align: left;order: 1;margin: 123px 0 0;} */
		main{width: 100%;  text-align: center;order: 1;margin: 100px 0 0;}
		main .h1_title{ margin-bottom: 48px;line-height: 110%;text-align: left;}
		main .h1_title q{line-height: inherit;}
		main .h1_title span{margin-bottom: 19px;}

		main p{margin: 25px 0 0;width: 100%;line-height: 26px;text-align: left;}
		main ol{padding-left: 20px; margin-bottom: 25px;}
		main ul li{position: relative;}
		main .bullet {padding:0;margin-bottom: 25px;}
		main .bullet li{position:relative;padding-left: 25px;margin-bottom: 8px}
		main .bullet li q{font-weight: bold;}
		main .bullet li:before{position: absolute;content: "";width: 10px;height: 10px;border-radius: 50%;left: 3px;top: 9px;background: var(--color1);}
		main a{font-weight: bold; color: var(--color1);text-decoration: none;display: inline-block;}
		main a:hover{color: var(--black);text-decoration: underline;}
		main .main_phone{display:inline-block;}
		main a[href^="tel:"]:hover mark{text-decoration:underline;}
		
		#breadcrumbs{border-bottom: 1px dashed gray;padding-bottom: 10px;margin-bottom: 30px;}
		.intro_txt{text-align: center;width:85%;margin:0 auto 25px;padding: 20px;border: 5px double #26234e;font-weight: bold;font-size: 22px;;border-radius: 100vw;}
/*end main*/

/*sidebar*/
.sidebar{max-width: 687px;width: 52%;position: relative;min-height: 693px;align-content: center;}

	.sidebar em{opacity: .2;background: var(--color2);position: absolute;max-width: 310px;height: 100%;width: 45%;transform: skew(-24deg);left: -93px;right: 0;margin: auto;top: 0;border-radius: 30px;}

	.sidebar_imgs{}
	.sidebar_imgs ul{align-items: center;}
	/* .sidebar_imgs ul li{max-width: max-content;} */
	/* .sidebar_imgs ul li:first-child{width: 59%;} */
	/* .sidebar_imgs ul li:last-child{width: 37%;position: relative;bottom: -47px;} */
	
	.sidebar_imgs ul li figure{overflow: hidden;border-radius: 40px;}
	/* .sidebar_imgs ul li:last-child figure{border-radius: 25px;} */
	/* .sidebar_imgs ul li figure img{max-width: initial;margin-left: 50%;transform: translateX(-50%);} */

/*end sidebar*/

/*bottom*/
#bottom1{background:url(images/btm1-bg.jpg) no-repeat center top/cover; padding: 0 15px;position: relative;}
#bottom1::before{content: '';background: var(--color2);opacity: .5;width: 1920px;height: 100%;position: absolute;inset: 0;pointer-events: none;}

 	.btm1_con{min-height:542px;padding:90px 0 55px;}

	.btm1_mask_img{max-width: max-content;width: 32%;position: absolute;bottom: 0;right: 87px; display: none;}
	.btm1_mask_img img{}

	.btm1_info{text-align: center;}
	.btm1_info h2{}
	.btm1_info h2 span{}
	.btm1_info h2 q{}
	.btm1_info p{width: 100%;margin: 0 auto;line-height: 25px;}
	.btm1_info a{margin: 20px auto 0;}

	.btm1_boxes{gap: 35px 137px;justify-content: center;margin: 0 0 0 51px;}

	.btm1_boxes section{display: inline-block; width: 48%;min-height: 363px;   position: relative;max-width: 288px;text-align: left;color: #fff;padding: 37px 0 0;}
	.btm1_boxes section em{height: 100%;max-width: 240px;width: 83%;display: block;position: absolute;left: 0;margin: auto;top: 0;background: var(--color1);transform: skew(-24deg);opacity: .2;right: 0;border-radius: 15px;pointer-events: none;}

	.btm1_boxes_inner{max-width: 242px;min-height: 294px;position: relative;}

	.btm1_boxes section h2{line-height: 105%;color: #fff;}
	.btm1_boxes section h2 span{display: block;line-height: inherit;}
	.btm1_boxes section p{width: 100%;margin: 15px 0 0;line-height: 21px;font-size: 16px;}
	.btm1_boxes section a{position: absolute;bottom: 0;left: 0;font-size: 16px;text-transform: uppercase;color: #fff;max-width: max-content;}
	.btm1_boxes section a:hover{text-decoration: underline;}

	.btm1_boxes section h2::before{display: flex;justify-content: left;margin: 0 0 40px 8px;}
	.btm1_boxes section:first-child h2::before{content: url(images/icons/btm1-box1-icon.png);}
	.btm1_boxes section:last-child h2::before{content: url(images/icons/btm1-box2-icon.png);}

	.btm1_boxes section figure{overflow: hidden;max-width: max-content;width: 100%;}
	.btm1_boxes section figure img{max-width: initial;margin-left: 50%;transform: translateX(-50%);}


#bottom2{padding: 0 15px;background: #fff;}
 	.btm2_con{min-height: 753px;padding:120px 0 95px;}

	.btm2_info{margin: 0 auto;text-align: center;max-width: 1019px;min-height: 513px;position: relative;padding: 92px 0 0;z-index: 1;}
	.btm2_info cite{position: absolute;display: block;max-width: 578px;width: 57%;background: var(--color1);opacity: .2;height: 100%;top: 0;left: 0;right: 0;margin: auto;transform: skew(-24deg);border-radius: 25px;pointer-events: none;z-index: -1;}
	.btm2_info h2{}
	.btm2_info h2 span{margin-bottom: 20px;}
	.btm2_info h2 q{}
	.btm2_info p{margin: 0;}
	.btm2_info a{margin: 53px auto 0;width: 222px;padding-left: 43px;}
	.btm2_info a:hover{}


#bottom3{padding: 0 15px;background: #f7f7f7;}
#bottom3 .wrapper{max-width: 1400px;}

	.btm3_con{min-height: 838px;padding:116px 0 25px;}

	.btm3_flex{}

	.btm3_img{max-width: max-content;width: 31%;border-radius: 35px;overflow: hidden; display: none;}
	.btm3_img img{max-width: initial;margin-left: 50%;transform: translateX(-50%);}

	/* .btm3_side{max-width: 848px;width: 61%;} */
	.btm3_side{max-width: 100%;}

   .btm3_info{margin-bottom: 48px;}
   .btm3_info h2{line-height: 107%;margin-bottom: 40px;}
   .btm3_info h2 span{line-height: 100%;display: block;margin-bottom: 17px;}
   .btm3_info h2 q{line-height: inherit;display: block;}
   .btm3_info p{margin: 0;}
   .btm3_info a{bottom: 0;margin: 0;}
   .btm3_info a:hover{}

	.btm3_toggle {}
	/* .btm3_toggle h6 {padding:10px 80px 10px 45px;background:rgba(206,42,50,0.16); color:#1a1a1a;     font-size:20px;margin:0 0 18px; cursor:pointer;position:relative;font-weight: 700;min-height: 59px;border-radius: 10px;align-content: center;max-width: 848px;} */
	.btm3_toggle h6 {padding:10px 80px 10px 45px;background:rgba(206,42,50,0.16); color:#1a1a1a;     font-size:20px;margin:0 0 18px; cursor:pointer;position:relative;font-weight: 700;min-height: 59px;border-radius: 10px;align-content: center;max-width: 100%;}
	.btm3_toggle h6 q{}
	.btm3_toggle div{display:none; background: rgba(0,0,0,0.05); padding:20px 15px 20px 50px ; margin: -10px 0 10px;font-weight: 500; position:relative;}
	.btm3_toggle h6:before{content:"+";color:var(--color1);border-radius:5px; display:inline-block;vertical-align:middle;text-align:center;line-height:30px;position:absolute;top:50%;right:40px;-moz-transform:translateY(-50%);font-weight: 700;font-size: 35px;}
	.btm3_toggle .sign:before{content:"-"!important;line-height:30px;}
	body.browser-chrome .btm3_toggle h6:before {top: 8px !important;}


	
#bottom4{background:var(--color2); padding: 0 15px;}
#bottom4 .wrapper{max-width: 1400px;}

 	.btm4_con{min-height:863px;padding:129px 0 55px;}

	.btm4_info{text-align: left;color: #fff;margin-bottom: 62px;}
	.btm4_info h2{color: #fff;line-height: 105%;margin-bottom: 36px;}
	.btm4_info h2 span{}
	.btm4_info h2 q{display: block;line-height: inherit;}
	.btm4_info p{width: 100%;margin: 0;line-height: 26px;}
	.btm4_info a{margin: 20px auto 0;}

	/* .btm4_side{max-width: 842px;width: 61%;margin: 15px 0 0;} */
	.btm4_side{width: 100%;margin: 15px 0 0;}

	body.browser-chrome .btm4_toggle h6:before{top: 8px !important;}

	.btm4_toggle {}
	/* .btm4_toggle h6 {padding:10px 80px 10px 40px;background:rgba(255,255,255,0.16); color:#fff;     font-size:20px;margin:0 0 18px; cursor:pointer;position:relative;font-weight: 700;min-height: 59px;border-radius: 10px;align-content: center;max-width: 842px;} */
	.btm4_toggle h6 {padding:10px 80px 10px 40px;background:rgba(255,255,255,0.16); color:#fff;     font-size:20px;margin:0 0 18px; cursor:pointer;position:relative;font-weight: 700;min-height: 59px;border-radius: 10px;align-content: center;max-width: 1005;}
	.btm4_toggle h6 q{}
	.btm4_toggle div{display:none; background: rgba(255,255,255,.05); padding:20px 15px 20px 50px ; margin: -10px 0 10px;font-weight: 500; position:relative;color: #fff;border-radius: 10px;}
	.btm4_toggle h6:before{content:"+";color:#fff;border-radius:5px; display:inline-block;vertical-align:middle;text-align:center;line-height:30px;position:absolute;top:50%;right:38px;-moz-transform:translateY(-50%);font-weight: 700;font-size: 35px;}
	.btm4_toggle .sign:before{content:"-"!important;line-height:30px;}

	.btm4_img{max-width: max-content;width: 31%;overflow: hidden;border-radius: 35px; display: none;}
	.btm4_img img{max-width: initial;margin-left: 50%;transform: translateX(-50%);}

#bottom5{background:#fff; padding: 0 15px;}

	.btm5_con{min-height:1251px;padding:110px 0 95px;}

   .btm5_info{text-align: center;}
   .btm5_info h2{margin-bottom: 0 !important;}
   .btm5_info h2 q{}

   .btm5_boxes{margin-top: 102px;gap: 35px 10px;}

   .btm5_boxes section{display: inline-block; width: 32%;min-height: auto;   position: relative;max-width: 433px;text-align: left;}

   .btm5_boxes_inner{min-height: 168px;padding-bottom: 88px;position: relative;margin: auto;}

   .btm5_boxes section:first-child .btm5_boxes_inner{max-width: 374px;}
   .btm5_boxes section:nth-child(2) .btm5_boxes_inner{max-width: 309px;}
   .btm5_boxes section:last-child .btm5_boxes_inner{max-width: 368px;}

   .btm5_boxes section h2{}
   .btm5_boxes section h2 span{line-height: inherit;}
   .btm5_boxes section p{width: 100%;margin: 11px 0 0;line-height: 22px;font-size: 16px;}
   .btm5_boxes section a{position: absolute;bottom: 0;left: 11px;width: 222px;padding-left: 30px;}
   .btm5_boxes section a:hover{}

	.btm5_boxes section figure{max-width: max-content;width: 100%;margin: 0 0 52px;}
	.btm5_boxes section figure img{}


/* #bottom6{padding: 0 15px; background: url(images/btm6-bg.jpg) no-repeat center top/cover;position: relative;} */
 #bottom6{padding: 0 15px;position: relative;}
#bottom6 .wrapper{max-width: 1400px;}
	/* .btm6_con{min-height: 699px; padding: 25px 0 55px;} */
	.btm6_con{min-height: auto; padding: 25px 0 55px;}

	/* .btm6_form_con{min-height: 549px;background: var(--color1);color: #fff;position: absolute;left: 0;right: 0;margin: auto;top: 83%;z-index: 1;padding: 120px 105px 95px;border-radius: 25px;} */
	.btm6_form_con{min-height: 549px;background: var(--color1);color: #fff;position: relative;left: 0;right: 0;margin: auto;top: 0;z-index: 1;padding: 120px 105px 95px;border-radius: 25px;}

	.btm6_info_flex{}

	.btm6_info{text-align: left; margin-bottom: 50px;}
	.btm6_info h2{line-height: 100%;color: #fff;margin-bottom: 0;}
	.btm6_info h2 span{line-height: 100%;display: block;color: #fff;margin-bottom: 19px;}
	.btm6_info h2 q{}
	.btm6_info p{width: 45%;margin: 25px 0 0;max-width: 533px;font-size: 16px;line-height: 22px;}

	.btm_form{}
	.btm_form .form{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 15px 10px;}

	.disclaimer{max-width: 546px;width: 100%;font-size: 16px;}
	.disclaimer p{display: flex;gap: 12px;justify-content: space-between;align-items: start;line-height: 21px;}
	.disclaimer p input{margin: 5px 0 0;display: block;aspect-ratio: 1/1;width: 20px;}
	.disclaimer p span{width: 100%;}
	.disclaimer p span a{color: inherit;display: inline-block;font-weight: 600;}
	.disclaimer p span a:hover{text-decoration: underline;}

	.btm_input1, .btm_input2{width: 32%;border: none;  font-size: 16px;color: #fff;height: 59px;background: rgba(255,255,255,0.1);font-family: var(--bodyFont);padding: 0 10px 0 30px;border-radius: 10px;}
	.btm_input3{padding: 18px 0 0 30px;resize: none;font-family: var(--bodyFont);width: 32%;border: none;font-size: 16px;color: #fff;height: 59px;background: rgba(255,255,255,0.1); overflow: hidden;border-radius: 10px;}
	.btn_submit{display: inline-block;}
	.btn_submit button{border: none;font-family: var(--bodyFont);transition: .3s linear;margin: 0 !important;font-size: 16px;background: none;color: var(--color1);width: 199px;padding-left: 44px;}
	.btn_submit button em{background: #fff;}
	.btn_submit button:hover{color: var(--color1);}

	.btm_form .form input::placeholder, .btm_form textarea::placeholder{color: #fff;}

	.captcha-box {width: 237px; height: 60px;}

	.form_btns{gap: 12px;width: 100%;align-items: center;margin-top: 21px;}

	.form_btns_inner{max-width: max-content;width: 100%;gap: 15px 28px;align-items: center;position: relative;left: -10px;}

/*end bottom*/



/*footer*/
footer{}
	.footer_top{background:#fff; padding: 0 15px;}
	.footer_top .wrapper{max-width: 1400px;}
	/* .footer_top_con{min-height:875px;padding:546px 0 55px;} */
	.footer_top_con{min-height:auto;padding:55px 0;}

	.footer_top_flex{display: flex; gap: 55px 10px; justify-content: space-between;}

	.contact_list{max-width: max-content;width: 100%;}
	.contact_list h2{font-size: 35px;margin-bottom: 0 !important;}
	.contact_list h2 q{line-height: inherit;}
	.contact_list ul{margin: 36px 0 0;}
	.contact_list ul li{  position:relative; margin: 21px 0;}
	.contact_list ul li:first-child{margin-top: 0;}
	.contact_list ul li:last-child{margin-bottom: 0;}
	.contact_list ul li address{display:inline;}
	.contact_list ul li address span{display: block;}
	.contact_list ul li span{}
	.contact_list ul li a{color: inherit;}
	.contact_list ul li a:hover{text-decoration:underline;}

	.footer_nav_holder{max-width: max-content;width: 100%;position: relative;right: -26px;}
	
	.footer_logo_holder{width: 100%;max-width: 370px;position: relative;top: -9px;}
	.footer_logo{max-width: 370px;width: 100%;margin: 0 auto 20px;}
	.footer_logo img{}

	.footer_logo_info{}
	.footer_logo_info p{}

	.mode-dark .footer_logo img{filter: drop-shadow(0 0 .5px #fff) drop-shadow(0 0 .5px #fff) drop-shadow(0 0 .5px #fff) drop-shadow(0 0 .5px #fff);}

	.footer_btm{background:var(--color2); padding: 0 15px;}
	.footer_btm_con{min-height:72px;padding:20px 0;align-content: center;}

	.footer_nav{max-width: 251px;width: 100%;}
	.footer_nav h2{font-size: 35px;margin-bottom: 0 !important;}
	.footer_nav h2 q{line-height: inherit;}
	.footer_nav ul{ margin: 34px 0 0; padding: 0; text-align: center; list-style: none; display: grid; grid-template-areas: "Products About" "Industrial Contact";gap: 35px 24px; justify-content: space-between;}

	.footer_nav ul li:first-child{grid-area: Products;}
	.footer_nav ul li:nth-child(2){grid-area: Industrial;}
	.footer_nav ul li:nth-child(3){grid-area: About;}
	.footer_nav ul li:last-child{grid-area: Contact;}

	.footer_nav ul li{display: inline-block; vertical-align: top;position:relative; padding: 0;text-align: left;max-width: max-content;}
	.footer_nav ul li:first-child{padding-left: 0;}
	.footer_nav ul li:last-child{padding-right: 0;}

	.footer_nav ul li a{display: block; color: var(--black);}
	.footer_nav ul li a:hover, .footer_nav ul li a:active, .footer_nav ul li.current_page_item a{text-decoration:underline;}
	.footer_nav ul li:after{content:"";width:1px;height:21px;top:50%;right:-3px;background:#fff;position:absolute;display: none;transform: translateY(-50%);}
	.footer_nav ul li:last-child:after{display:none;}

	.privacy_pol{position: relative; padding: 0 10px; line-height: initial;}
	.privacy_pol::before{content: "\007C"; position: absolute; top: 0; left: 0px;}
	.privacy_pol::after{content: "\007C"; position: absolute; top: 0; right: 0px;}

	.footer_comp{display:inline-block; margin:0 10px; position:relative;}
	.footer_comp:before{content:"\2022"; left:-10px; top:0; position: absolute;}
	.footer_comp:after{content:"\2022"; right:-10px; top:0; position: absolute;}

	.copyright{color:#fff; margin: 0 auto;text-align: center;}
	.copyright_text:hover{text-decoration:none!important;}
	.copyright_text{}
	.copyright a{color: inherit;}
	.copyright a:hover{text-decoration:underline;}


/**Resources**/
.resources {}
.resources a {display:block;font-weight:bold; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
.resources a:hover {padding-left:2px; text-decoration: none!important; color: var(--color2);}
.resources ul,.resources li {list-style-type:none; margin:0; padding:0;}
.resources ul li {margin-bottom:8px; padding:12px; background:#FAFDFE;border:1px solid #ececec;}
.resources ul li:before{content:"";}
.resources ul li:after{content:"";}
.resources ul li a span {font-size:11px; color:#666666; letter-spacing:1px; display:block; overflow-wrap: break-word;word-wrap: break-word;-webkit-hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}

/* IE 8 */
.lt-ie8 .dang-ie{width:100%;height:100%;position:fixed;background-color:#00abdd}
.message{text-align:center;color:#fff;font-size:20px;position:absolute;top:20%;left:0;right:0}
.inner-message{position:relative;top:-20%;left:0;right:0;text-align:center;margin:auto}
.inner-message img{position:relative;left:0}
.inner-message a.download{display:block;width:300px;padding:10px;color:#fff;margin:2em auto;border:1px solid #fff}
.terms{color:#fff;font-size:13px;padding:20px;position:absolute;right:0;bottom:0}
.terms a{color:#fff;font-weight:700}
.lt-ie8 .protect-me{display:none}

/* Sitemap Style */
.sitemap{list-style-type: none; padding: 0; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3px; -moz-column-gap: 3px;  column-gap: 3px;}
.sitemap li {counter-increment: step-counter; overflow: hidden;display:inline-block;width:100%;}
.sitemap li{padding:5px 15px; background: #E3E3E3;}
.sitemap li:nth-child(odd){background: #F2F2F2;}
.sitemap li a{display: block;font-size: 18px;color: var(--color2);}
.sitemap li a:before {content: counter(step-counter) '. ';}

/* Pages under Certain Parent Pages */
.sitemap ul {margin-top: 5px;}
.sitemap ul li:nth-child(odd){background: #E3E3E3;}
.sitemap ul li:nth-child(even){background: #F2F2F2;}
.sitemap ul li {counter-increment: sub-counter;}
.sitemap ul li a:before {content: counter(step-counter) '.' counter(sub-counter) ' ';}

/* Breadcrumb Styling */

#breadcrumbs{border-bottom: 1px dashed gray;padding-bottom: 10px;margin-bottom: 30px;}
#breadcrumbs span a{color:var(--color1); font-weight: bold;}
#breadcrumbs span a:hover{text-decoration: underline;}

.breadcrumbs {margin-bottom: 34px; border-bottom: 1px dotted gray; padding-bottom: 11px; }
.breadcrumbs span{vertical-align: bottom;display: inline-block; overflow: hidden;text-overflow: ellipsis;}
.breadcrumbs span[property='name'] {display: inline-block;padding: 0;margin-top: -3px;vertical-align: middle;max-width: 270px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#439b4f;}
.breadcrumbs span[property='name']:hover {text-decoration: underline;}
.breadcrumbs .post {background:transparent!important;border-radius: 0;padding: 0;margin: 0;border: none;word-wrap: normal;}
.breadcrumbs span[class='post post-page current-item'] {display: inline-block;padding: 0;max-width: 250px;white-space: nowrap;}

/* End Breadcrumb Styling */

/*Utility Classes*/
.mt-30{margin-top: 30px !important;}
.mb-30{margin-bottom: 30px !important;}

.translateX{transform: translateX(-50%) !important; top: 0 !important; left: 50% !important;}
.translateY{transform: translateY(-50%) !important; top: 50% !important; left: 0 !important;}
.translateXY{top: 50%; left: 50%; transform: translate(-50%, -50%);}

/* Non-home */
.non_ban {position: relative;}
.non_ban_img{width: 1920px;margin-left: 50%;transform:translateX(-50%);}
.non_ban_img img{vertical-align:middle;height: auto;}

.page_title{text-align: center;width: 100%;z-index: 2;position: relative;bottom: 0;font-size: 44px;line-height: 100%;padding: 15px;background: var(--color1);color: #fff; font-family: var(--bodyFont);}
.page_title::before{content: ""; width: 500px; height: 100%; background: inherit; position: absolute; left: -500px; top: 0;}
.page_title::after{content: ""; width: 500px; height: 100%; background: inherit; position: absolute; right: -500px; top: 0;}

.FormReq {box-shadow: 0 0 3px #d92800 !important; border: 1px solid #d92800 !important;}
.hidden-field {display: none; }
/* Form Activation Style (Recaptcha & Prompt Message) */
.g-recaptcha{transform: scale(.78);transform-origin: 0 0;}
#g-recaptcha-response {display: block !important;position: absolute;margin: -78px 0 0 0 !important;width: 302px !important;height: 76px !important;z-index: -999999;opacity: 0;}
#error-msg {position: fixed;z-index: 9999;border: 1px solid;background: rgb(0,0,0,0.4);width: 100%;height: 100%;left: 0;top: 0;}
#error-msg .message {border: 1px solid;width: 500px;margin: 9% auto;background: #fff;position: relative;padding: 188px 10px 25px 10px;border-radius: 20px;max-width: 95%;}
#error-msg .message span:nth-child(1){font-weight: bold;color: #ca4b4b;font-size: 25px;line-height: 20px;}
#g-recaptcha-response .message span:nth-child(1) {font-weight: 900;color:  #ca4b4b;font-size: 32px;line-height: 40px;}
#success {position: fixed;z-index: 9999;background: rgb(0,0,0,0.4);width: 100%;height: 100%;left: 0;top: 0;}
#recaptcha-error{position: fixed;z-index: 9999;border: 1px solid;background: rgb(0,0,0,0.4);width: 100%;height: 100%;left: 0;top: 0;}
.message {border: 1px solid;width: 500px;margin: 9% auto;max-width: 95%;border-radius: 20px;padding: 188px 10px 25px 10px;background: #fff;position: relative;}
.message span:nth-child(1) {font-weight: 900;color: #31af90;font-size: 26px;line-height: 27px;}
.message span:nth-child(3) {font-size: 25px;line-height: 30px;color: #000;}
.message span:nth-child(5) {line-height: 40px;font-size: 18px; color: #000;}
.close, .rclose, .error-close { position: absolute; right: 24px; top: 10px; font-size: 30px; font-family: open sans; cursor: pointer;color: #333 !important; }
#error-msg p, #success .message p{font-size: 30px !important;}
.fail-check::after {content: url('images/wrong-icon.png');position: absolute;  left: 0; right: 0; top: 30px; } 
.success-check:after{content:url('images/success-icon.png'); position: absolute;left: 0;right: 0;top: 30px;}
#invalid-msg {display: none; background: #fcecec; padding: 10px; color: #ca4b4b; font-weight: bold;  margin-bottom: 20px; font-size: 14px; text-align: center;}
/* End Form Activation Styling */

/* Toggle Code */
.faq {margin:20px auto 25px;}
.faq h6 {padding:10px 10px 10px 50px;background:rgba(0,0,0,0.05); color:#000; font-family: 'Poppins'; font-weight: 300; text-transform: uppercase; letter-spacing: 1px; font-size:18px;margin:0 0 10px; cursor:pointer;position:relative;}
.faq div{display:none; background: rgba(0,0,0,0.05); padding:20px 15px 20px 50px ; margin: -10px 0 10px;font-weight: 500; position:relative;}
.faq h6:before{content:"+";width:30px;height:30px;color:#000;border-radius:5px; display:inline-block;vertical-align:middle;text-align:center;line-height:30px;position:absolute;top:50%;left:10px;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);}
.faq .sign:before{content:"-"!important;line-height:30px;}

/* Toggle Code */
.nh_toggle {margin:20px auto 25px;}
.nh_toggle h6 {padding:10px 10px 10px 50px;background: rgba(206,42,50,.16); color: var(--black);font-family: var(--bodyFont); text-transform: uppercase; letter-spacing: 0.5px; font-size: 16px; border-radius: 7px;margin:0 0 10px; cursor:pointer;position:relative;}
.nh_toggle div{display:none; background: rgba(0,0,0,0.05); padding:20px 15px 20px 50px ; margin: -10px 0 10px;font-weight: 500; position:relative;}
.nh_toggle h6:before{content:"+";width:30px;height:30px;color:#000;border-radius:5px; display:inline-block;vertical-align:middle;text-align:center;line-height:30px;position:absolute;top:49%;left:10px;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);font-size: 20px;}
.nh_toggle .sign:before{content:"-"!important;line-height:30px;}

.grid_col2 { display: grid; grid-template-columns:  repeat(2, 1fr); gap: 5px 20px; }

/*Privacy Policy Styles*/
.privacy_span{display: inline-block; color: red;}
.privacy_list { padding-left: 20px; }
.privacy_list li::marker { font: bold 20px/100% var(--priFont); }
.privacy_list h2 { font: bold 20px/100% var(--priFont); margin: 30px auto 20px; }

body .uwy.userway_p2 .userway_buttons_wrapper { top: unset !important; right: auto !important; bottom: 215px !important; transform: none !important; left: 14px !important; }
.cky-revisit-bottom-right { right: unset !important; left: 13px !important; bottom: 164px !important;box-shadow:rgba(9, 30, 66, 0.25) 0 4px 8px -2px, rgba(9, 30, 66, 0.08) 0 0 0 1px;}
/* VIEWPORT */
.carouselgg-viewport {
  position: relative;
  width: 100%;
  max-width: 600px;   /* bigger than 157px */
  height: auto;
  margin: auto;
  overflow: hidden;   /* hide other slides */
}

/* TRACK */
.carouselgg-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
  align-items: center;
  gap: 0;             /* no extra spacing */
  width: 100%;
}

/* SLIDES */
.ggslide {
  min-width: 100%;    /* one slide per viewport */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

/* SLIDE IMAGES */
.ggslide img {
  width: 100%;        /* fill slide width */
  max-width: 380px;   /* slightly smaller than viewport */
  height: auto;
  display: block;
}

/* CONTROLS */
.controlsgg {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none;  /* prevent blocking slides */
}

.ggprev,
.ggnext {
  pointer-events: auto;
  color: #000;
  padding: 10px 16px;
  border-radius: 20px;
  cursor: pointer;
  background: rgba(255,255,255,0.8);
  font-weight: bold;
}