@font-face {font-family: 'Prociono';font-style: normal;font-weight: 400; src:url(../js/NzahrnHu7VVvHGo3vxCa9vesZW2xOQ-xsNqO47m55DA.woff2);  src: local('Prociono'), local('Prociono-Regular'),  format('woff2')  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{
	background:transparent;
	border:0 none;
	/* [disabled]font-size:12px; */
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:top;
}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;} 
* { -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
html { -webkit-text-size-adjust: none;}
.video embed,.video object,.video iframe { width: 100%;  height: auto;}
img{max-width:100%;	height: auto;width: auto\9; /* ie8 */}
a{color:#131212;text-decoration: none;}
a:hover {text-decoration:none; color:#006;}
h1{font-size: 19px;line-height: 19px; font-family:"Arial Black", Gadget, sans-serif}
h2{font-size: 18px;line-height: 18px;}
h3{font-size: 17px;line-height: 15px;} h3:hover{color:#009}
h4{font-size: 20px;line-height: 20px;}
h5{font-size: 19px; line-height: 28px;}
h6{font-size: 16px;line-height: 16px;}
h7{font-size: 14px;line-height: 15px;}
p{margin: 10px 0; font-family:Arial, sans-serif; font-size:12px;}.cleaner{clear:both;width:100%;height:0;font-size:0}.cleaner_h05{clear:both;width:100%;height:5px}.cleaner_h10{clear:both;width:100%;height:10px}.cleaner_h20{clear:both;width:100%;height:20px}.cleaner_h30{clear:both;width:100%;height:30px}.cleaner_h40{clear:both;width:100%;height:40px}.cleaner_h45{clear:both;width:100%;height:45px}.cleaner_h50{clear:both;width:100%;height:50px}.cleaner_h60{clear:both;width:100%;height:60px}
.EDC-text{ color:#055A97; font-family: 'Prociono'; font-size:22px;} .cont-font{font-size:125%; font-family:'Prociono'; line-height:2.5em;} .cont-font-1{ font-family:Arial, Helvetica, sans-serif; font-size:14px;} .cont-font1{font-size:125%; font-family:Arial, sans-serif; line-height:28px;} .prdt-text{font-size: 18px;line-height:1.2em; color:#F4EEEE;} .under-line{ width:100%; border-bottom:#444444 solid thin; display:inline-block; margin-top:-10px;}
.t-center{text-align: center;}.t-justify{text-align:justify;}
.t-left{text-align: left;}
.t-right{text-align: right;}
.f-right{float: right;}
.f-left{float: left;}
.r-magin_35{ margin-right:35px;}.r-magin_40{ margin-right:42px;}.r-magin_47{ margin-right:47px;} .l-margin_5{margin-left:5px;} .l-margin_50{margin-left:50px;} .pading_20{ padding:20px;} .margin-top-40{margin-top:40px;} .margin-bottam-20{margin-bottom:-22px;}
.ml_15{padding-left:15px;}  .t-padding-20{padding-bottom:-20px;}
.center {  margin: auto;  width: 50%;  border: 3px solid green; padding: 10px;}
.check-box img{display:block; margin-left:auto; margin-right:auto; width:10%;}
.post{} .header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.post:after, .post:before, article:after, article:before, section:after, section:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
.ppost:before{ content:"\00BB"; margin-right:3px;}
.sub-ppost:before{content:"\203a"; margin-right:3px; padding-left:10px;}
.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:after, .clearfix:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
@media all and (min-width: 770px){.top-bg{} .bg-theme{background:#2D88CF; border-top:#1371BF solid 20px; position:fixed; z-index:99999; width:100%; padding-bottom:3px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.6);} .top-height-correction{}}
@media all and (max-width: 769px){ .top-bg{} .bg-theme{background:#2D88CF; position:fixed; z-index:99999; width:100%; padding-bottom:3px;} .top-height-correction{ display:none;}}
/* ------------------------------------Html-Body------------------------------- */
html, body {width:100%; padding:0; margin:0;}
body {background: #F7F7F7;color: #3F3F3F;font: 14px/25px Arial, Helvetica, sans-serif;font-family: Montserrat, sans-serif;letter-spacing: 1px;}
body .wrap-body{}
/* -------------------------------------Header--------------------------------- */
header{}header .wrap-header{}
header .logo{float:left;}
header .logo img{  display: inline-block;margin: auto;padding:6px; height:52px; margin-top:3px; max-width: 210px;}
header .logo img:hover{ margin-top:3px; -moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-moz-box-shadow:0px 0px 5px #424242;-webkit-box-shadow:0px 0px 5px #424242;box-shadow:0px 0px 5px #424242;-moz-box-shadow:0px 0px 5px #424242;-webkit-box-shadow:0px 0px 5px #424242;box-shadow:0px 0px 5px #424242;}
@media all and (max-width: 769px){	header .logo{text-align:center;width: 100%;} header .logo img{display:block;} .header h2{font-size: 15px; letter-spacing: 2px; font-family:Prociono;}}
@media all and (min-width: 770px){	header .mo-logo{ display:none;} .header h2{font-size: 18px; letter-spacing: 2px; font-family:Prociono;}}
@media all and (max-width: 769px){	header .mo-logo{text-align:center; width:35%; margin-top:-10px; float:left; } header .mo-logo img{position: relative; height:39px; max-width:105%; margin-left:22%; margin-top:14px;} header .mo-logo img:hover{  -moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-moz-box-shadow:0px 0px 5px #424242;-webkit-box-ashadow:0px 0px 5px #424242;box-shadow:0px 0px 5px #424242;-moz-box-shadow:0px 0px 5px #424242;-webkit-box-shadow:0px 0px 5px #424242;box-shadow:0px 0px 5px #424242;}}
.filter{padding: 30px 0;color: #fff;}
.filter h2{font-size: 33px; margin-bottom: 25px;font-weight: 600;}
.filter select{width: 100%;padding: 9px;outline: none;box-shadow: none;margin-top: 5px;}
/* -------------------------------------Container------------------------------ */
#container {}
#container .wrap-container{}
.header { margin: 10px 0 ;}
.header h1{font-size: 36px;letter-spacing: 2px;margin: 40px 5px 15px;line-height: 1.1;}
.wrap-box-shadow{background: #fff; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);}
@media(max-width: 768px){.header h1{font-size: 28px;letter-spacing: 1px;margin: 35px 5px 10px;line-height: 1.1;}}
/* ------------------------------------Menu------------------------------------ */
@media all and (min-width: 770px){.numbr{ float:left; width:80%; text-align: left; margin-top:-23px; margin-bottom:-40px; color:#fff; font-weight: normal; font-size:13px; margin-left:3%;} .resister{float:right; text-align:center; width:40%; margin-bottom:-40px; margin-top:-23px;} .resister a{color:#FFFFFF; margin-right:20px; font-size:13px; }
}
@media all and (max-width: 769px){ .numbr{ display:none;} .resister{ display:none;}}

.menu_ED{ display:inline; margin-top:12px; margin-left:5%; width: auto;float:right; behavior: url("/horizontal/menuh/cssmenu.htc"); position: fixed; z-index:9999; height: 36px;  font-family: Arial, Helvetica, sans-serif; list-style: none; padding: 0;}
.menu_ED div { box-sizing:content-box;}  
.menu_ED li { padding: 0; float: left; height: 36px; position: relative;color: black; z-index:5;}
.menu_ED a { padding: 0 6px; line-height: 36px;  font-size:.9vw; font-weight: 500; display: inline-block; outline: 0; text-decoration: none; color: black; position: relative; color:#FFFFFF;}
.menu_ED li:hover a, .menu_ED li.onhover a { background: white; color:#000000;   z-index: 9;}
.menu_ED a.arrow { background: url(arrow.gif) no-repeat right center;}       
.menu_ED li.menuRight{float: right;margin-right: 0px;} 
.menu_ED li.separator{font-size:0;  overflow:hidden; z-index:4; }
.menu_ED li .down:after{content:'\25BC'; font-size:9px; margin-left:2px;}             
.menu_ED .drop{position: absolute; z-index:5; left: -9999px; border: 1px solid #DDD;border-bottom:3px solid #0F4F89; background: #FFF; text-align: left; padding:20px; color:#0F4F89; top:35px;}
.menu_ED .drop a { padding-left: 0px;  padding-right: 0px; line-height: 26px; font-size: 12px; font-weight: normal; display: inline; text-align: left; position: static; z-index: 0; background-image:none;}
.menu_ED li:hover .drop, .menu_ED li.onhover .drop{ left: -1px; background:white url(bg-right.png) no-repeat right bottom;}
.menu_ED li:hover .dropToLeft, .menu_ED li.onhover .dropToLeft {left: auto; right: -550px; background:white;}
.menu_ED li:hover .dropToLeft2, .menu_ED li.onhover .dropToLeft2 { left: auto; right:-250px;}
.menu_ED li:hover .dropToLeft3, .menu_ED li.onhover .dropToLeft3 { left: auto; right:-120px;}
.menu_ED li:hover .dropToLeft4, .menu_ED li.onhover .dropToLeft4 { left: auto; right:-350px;}
.menu_ED div.drop div div{ padding: 6px 20px;}
.menu_ED li:hover .drop a, .menu_ED li.onhover .drop a{  background: none; background-image:none; padding:0 0;}
.menu_ED div.drop div a {line-height: 24px; color: #0F4F89; background:none;}
.menu_ED div.drop div a:hover { text-decoration:underline; cursor:pointer; color:Red;}
.menu_ED div.left {float:left;} .menu_ED div.right{ float:right;}
.decor1_1 {  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.decor1_2 {-moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 12px 20px #CCCCCC; -webkit-box-shadow: 0px 12px 20px #CCCCCC; box-shadow: 0px 12px 20px #CCCCCC;}
.ml15{margin-left:-15;} .ts{font-size:13px;} .margin-l10 { margin-left:10px;} .margin-l20 { margin-left:20px;} .W600{width:600px;} .W700{width:700px;}
@media(max-width: 769px){.menu_ED {display:none;} header .logo img{ display:none;  }.numbr{ float:left; width:50%; text-align:right; margin-top:-23px; margin-bottom:-40px; color:#fff; font-weight:bold; font-size:8px;} .resister{float:right; text-align:center; width:50%; margin-bottom:-40px; margin-top:-23px;} .resister a{color:#FFFFFF; margin-right:20px; font-size:8px; } .mo-bg{}}

.mo-menu-btn{ cursor:pointer; font-size:30px; position: relative; top:8px; float:left;}
#mySidenav{}
#mySidenav a{ font-size:10px; font-weight: normal;}
.sidenav {  height: 100%; width: 0; position: fixed;  z-index: 999; top: 45px;left: 0; background-color: #f9f9f9; overflow-x: hidden; transition: 0.5s;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); }
.sidenav img{ width:95%; float:left; margin-left:-12px; margin-top:-10px; margin-bottom:1px; height:50px; padding:10px; background:#14A2E7;}
.sidenav a {padding:5px 5px 5px 15px; text-decoration: none; color: #000; font-size:10px; font-weight: lighter; display: block; transition: 0.3s; line-height:1.3em; border-bottom:1px solid #EEEEEE; display:block;list-style-type:none;}
.sidenav a:hover, .offcanvas a:focus{color:#D9A011; background-color: #006699;}
.side-home:before{ content:"\01F3E0"; font-family: FontAwesome; font-style: normal;  font-weight: normal;  text-decoration: inherit; margin-right:5px; font-size:14px;}
.side-enq:before{ content:"\270D"; font-family: FontAwesome; font-style: normal;  font-weight: normal;  text-decoration: inherit; margin-right:5px; font-size:14px;}
.side-contact:before{ content:"\260E"; font-family: FontAwesome; font-style: normal;  font-weight: normal;  text-decoration: inherit; margin-right:5px; font-size:12px;}
.contact-symb:before{ content:"\260E"; font-family: FontAwesome; font-style: normal;  font-weight: normal;  text-decoration: inherit; margin-right:5px; font-size:14px;}
.contact-symb:hover { color:#006}
.contact-symb .mar-t-20{margin-top:-20px;} .mar-t-5{ margin-top:6px;}
.side-about:before{ content:"\2697"; font-family: FontAwesome; font-style: normal;  font-weight: normal;  text-decoration: inherit; margin-right:5px; font-size:14px;}	
.side-trigram:after{ content:"\2630"; font-family: FontAwesome; font-style: normal;  font-weight: normal;  text-decoration: inherit; margin-right:5px; font-size:22px;}
.sidenav .closebtn {   position: absolute; top: 2px; right: 2px; font-size: 30px; margin-left: 40px; cursor:pointer;}
#main {transition: margin-left .5s; padding: 16px;}
@media screen and (max-width: 769px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} .mo-menu{float:right; margin-right:10px; color:#FFFFFF; display: inline; font-size:10px; margin-top:10px; } .mo-menu a{color:#FFFFFF;}}
@media screen and (min-width: 770px) {.sidenav{display:none !important; } .mo-menu-btn{display:none !important; } .mo-bg{display:none !important;}.mo-menu{display:none !important; }} 

  /* ---------------------------------Slider------------------------------------- */
.rslides{}
.callbacks_container {z-index: 99; position: relative;float: left; width: 100%;}
.callbacks { position: relative;list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.callbacks li { position: absolute;width: 100%; left: 0;top: 0;}
.callbacks img { display: block; position: relative; z-index: 1; height:400px; width: 100%; border: 0;}
.callbacks .caption { display: block; position: absolute; z-index: 2; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .7); left: 0; right: 0; bottom: 0; padding: 30px 20px 10px;  text-align: center; margin: 0; max-width: none;}
.callbacks .caption h1{font-size: 40px;margin-bottom: 20px;}
.callbacks .caption span{font-size: 24px;}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px){
	.callbacks .caption {padding: 12px 10px 5px;}
	.callbacks .caption h1{font-size: 20px;margin-bottom: 0;line-height: 1.2;}
	.callbacks .caption span{font-size: 12px;line-height: 1.2;}}
@media(max-width: 468px){.callbacks .caption {display:none;}}
.callbacks_nav { position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);  top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url('../images/slider/themes.gif') no-repeat left top; margin-top: -45px;}
.callbacks_nav:active {opacity: 1.0;}
.callbacks_nav.next { left: auto; background-position: right top;right: 0; }
/* ------------------Grid System--------------- */ 
.zerogrid{ width: 1150px; position: relative; margin: 0 auto; padding: 0px; }
.zerogrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.zerogrid .f-right{float: right!important;}
.zerogrid .f-left{float: left!important;}
.zerogrid .row{}
.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row:after{clear: both; }
.zerogrid .row{zoom: 1;}
.zerogrid .wrap-col{margin:10px;}
.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{float:left; display: inline-block; overflow:inherit;}
.zerogrid .col-full{width:100%;}
.zerogrid .col-1-2,.zerogrid .col-1-2-fixed{width:50%;}
.zerogrid .offset-1-2{margin-left: 50%;}
.zerogrid .col-1-3,.zerogrid .col-1-3-fixed{width:33.33%;}
.zerogrid .col-2-3,.zerogrid .col-2-3-fixed{width:66.66%;}
.zerogrid .offset-1-3{margin-left: 33.33%;}
.zerogrid .offset-2-3{margin-left: 66.66%;}
.zerogrid .col-1-4,.zerogrid .col-1-4-fixed{width:25%;}
.zerogrid .col-2-4,.zerogrid .col-2-4-fixed{width:50%;}
.zerogrid .col-3-4,.zerogrid .col-3-4-fixed{width:75%;}
.zerogrid .offset-1-4{margin-left: 25%;}
.zerogrid .offset-2-4{margin-left: 50%;}
.zerogrid .offset-3-4{margin-left: 75%;}
.zerogrid .col-1-5,.zerogrid .col-1-5-fixed{width:20%;}
.zerogrid .col-2-5,.zerogrid .col-2-5-fixed{width:40%;}
.zerogrid .col-3-5,.zerogrid .col-3-5-fixed{width:60%;}
.zerogrid .col-4-5,.zerogrid .col-4-5-fixed{width:80%;}
.zerogrid .offset-1-5{margin-left: 20%;}
.zerogrid .offset-2-5{margin-left: 40%;}
.zerogrid .offset-3-5{margin-left: 60%;}
.zerogrid .offset-4-5{margin-left: 80%;}
.zerogrid .col-1-6,.zerogrid .col-1-6-fixed{width:16.66%;}
.zerogrid .col-2-6,.zerogrid .col-2-6-fixed{width:33.33%;}
.zerogrid .col-3-6,.zerogrid .col-3-6-fixed{width:50%;}
.zerogrid .col-4-6,.zerogrid .col-4-6-fixed{width:66.66%;}
.zerogrid .col-5-6,.zerogrid .col-5-6-fixed{width:83.33%;}
.zerogrid .offset-1-6{margin-left: 16.66%;}
.zerogrid .offset-2-6{margin-left: 33.33%;}
.zerogrid .offset-3-6{margin-left: 50%;}
.zerogrid .offset-4-6{margin-left: 66.66%;}
.zerogrid .offset-5-6{margin-left: 83.33%;}
@media only screen and (min-width: 960px) and (max-width: 1199px) {.zerogrid{width:960px;}}
@media only screen and (min-width: 768px) and (max-width: 959px) {.zerogrid{width:768px;}}
@media only screen and (max-width: 767px) {
.zerogrid,.zerogrid-1, .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%; padding-left:5px; padding-right:5px;}
.zerogrid .offset-1-2, .zerogrid .offset-1-3, .zerogrid .offset-2-3, .zerogrid .offset-1-4, .zerogrid .offset-2-4, .zerogrid .offset-3-4, .zerogrid .offset-1-5, .zerogrid .offset-2-5, .zerogrid .offset-3-5, .zerogrid .offset-4-5, .zerogrid .offset-1-6, .zerogrid .offset-2-6, .zerogrid .offset-3-6, .zerogrid .offset-4-6, .zerogrid .offset-5-6{margin-left:0;}}
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%;  padding: 0; margin: 0; z-index:-1;}
.rslides li { -webkit-backface-visibility: hidden;  position: absolute;display: none; width: 100%;  left: 0; top: 0;}
.rslides li:first-child { position: relative; display: block; float: left; }
@media screen and (min-width: 770px) {.rslides img { display: block;  height: auto; float: left;width: 100%;border: 0;} .zerogrid-1{ display:none;}.wrap-box-1{ display:none;}}
@media screen and (max-width: 769px) {.rslides img { display: block;  height:190px; float: left;width: 100%;border: 0;} .zerogrid-1{ width:100%; position: relative; margin: 0 auto; padding: 0px; float:left;} .wrap-box-1{ padding:8px; position: relative; background: #fff; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);}}
/* ---MainContent-Article--- */
#main-content{} 
#main-content .wrap-box{padding:30px 0px;position: relative;}
#main-content .wrap-box h2{margin: 10px 0 20px;}
article{margin-bottom: 50px;}
.drop-shadow{background: #fff; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);}
article:after, article:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
article .art-header{}
article .info{margin: 20px 0;}
article .art-content{}
.price { color:#006; font-size: 16px; line-height: 1; font-family:Arial, Helvetica, sans-serif; text-align:center; }
@media(max-width: 768px){.price {font-size: 30px;}}
.specs { list-style: none; line-height: 30px; } 
.specs li { overflow: hidden; } 
.specs strong{ display: inline-block; min-width: 45%; color: #222423; font-weight: 500; font-size: 15px;} 
.specs span { display: inline-block; font-size: 16px; font-weight: 300; color: #717574; } 
.info{padding-bottom: 40px;}
.padd-b5{ padding:0px 0px 6px 2px;}
.info h3{margin-bottom: 10px;}
.abt{font-size:14.5px}

/* ---Sidebar-Widget--- */
#sidebar{}
#sidebar .wrap-sidebar{margin: 0px 10px ;}
.widget {margin-bottom: 30px;padding: 0 25px;}
.widget ul li { line-height: 2.8;border-bottom: 2px solid #DDD;}
.widget:after, .widget:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
.widget .wid-header, .contact-header {background-color: #2D88CF;padding: 10px 20px;}
.widget .wid-header h5, .contact-header h5 {font-size: 18px;color: #fff;text-transform:none;}
.widget .wid-content{padding: 20px;background-color: #fff;}
.post:after, .post:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
.post img{float: left; margin: 5px 10px; width: 40px;}
.post .wrapper {vertical-align: middle;text-align: left;line-height: 1.2em;padding-bottom: 7px;margin-top: 10px;display: inline-block;}
.post .wrapper span{font-size: 17px; line-height: 3;}
/*
input[type=text] {width: 50px; float:right; margin-top:-27px; margin-right:-12px; box-sizing: border-box;
    border: 1px solid #ccc;  border-radius: 4px; font-size: 12px;    background-color: white;  background-position: 5px 0px;    background-repeat: no-repeat; padding: 8px 10px 8px 40px;    -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out;} .input-bg{background-image: url(../images/icon/search.png);}
input[type=text]:focus {width: 60%;}
/* -------------------------------------Button--------------------------------- */
a.button{cursor: pointer;font-family: Arial, Helvetica, sans-serif;	font-size: 13px;border:1px solid #ffffff; display: inline-block;text-decoration: none;background: #303030;margin: 5px 0;text-transform:none; color: #fff;}
a.button:hover{opacity: 0.9;}
a.button.bt1 {background: #434343;color: #ffffff;padding: 5px 20px;width: 100%;text-align: center;border:1px solid #474747;}
a.button.bt2 {background: #0000ff;color: #ffffff;}
.font1{color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
/* -------------------------------------Contact-------------------------------- */
/*#contact_form {padding: 10px 25px 25px;background: #fff;box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);}

#ff label {cursor:pointer;display:block;font-weight:bold;}
#ff input {display:block;width:100%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#000;	border:1px solid #AFAFAF;padding:12px;margin: 5px 0 10px 0;font-size: 16px; max-height: 45px;}
#ff textarea {display:block;width:100%;height:150px; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#fff; color:#000;	border:1px solid #AFAFAF;padding:10px;margin: 5px 0 25px 0;}
#ff .sendButton {cursor:pointer;background-color:#138EDC;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;;width:20%;color:#ffffff;}
#ff .sendButton:hover {opacity: 0.8;} */
	
/* -------------------------------Item-Effect---------------------------------- */
.item{background: #fff;	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);margin-bottom: 15px;}
.item .item-info{margin-top: 15px;	padding-bottom: 10px;}
.item .item-info a{color:#444;}
.item .item-container {	vertical-align: middle;	-webkit-transform: translateZ(0);transform: translateZ(0);
	position: relative;	overflow: hidden;	display: inline-block;	text-align: center;	vertical-align: top;box-sizing: border-box;	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.item .item-container img {	display: block;	width: 100%; height: auto;}
.item .item-container .item-caption {	position: absolute;	top: 0;	right: 0;	bottom: 0;left: 0;z-index: 10;	padding: 10px;background: none;	width: 100%;	height: 100%;	-webkit-transition: all .5s ease; /* Safari and Chrome */    -moz-transition: all .5s ease; /* Firefox */   -ms-transition: all .5s ease; /* IE 9 */    -o-transition: all .5s ease; /* Opera */    transition: all .5s ease;}
.item .item-caption-inner {	display: table;	width: 100%;	height: 100%;}
.item .item-caption-inner1 {display: table-cell; width: 100%;height: 100%;	vertical-align: middle;}
.item-container .item-caption h3, .item-container .item-caption span{ display: block; text-align: justify;text-transform: none;color: #fff;display: none; line-height:1.5em; font-size:14px;}
.item-container .item-caption h3{font-size: 23px;letter-spacing: 2px;margin-bottom : 12px;}
.item-container .item-caption span{	font-style: italic;font-size: 12px;}
.item .item-container:before{content: "";position: absolute;z-index: 1;	top: 0;	left: 0;right: 0;bottom: 0;	background: rgba(1, 1, 1, 0.7);-webkit-transform: scaleY(0);transform: scaleY(0);	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;	-webkit-transition-property: transform;	transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;}
.item:hover{box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);}
.item:hover .item-container:before { -webkit-transform: scaleY(1);transform: scaleY(1);}
.item:hover .item-container .item-caption span{display: block;}
 /* Section Styling */
        .benefits-section {
  background: #f5f5f5;
  padding: 30px;
  border-radius: 5px;
  margin: 30px 0;
}

.benefits-section h2 {
  color: #2c3e50;
  border-bottom: 2px solid #3498db;
  padding-bottom: 10px;
  margin-top: 0;
}

.benefits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 20px;
}

.benefit-item {
  background: #fff;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.benefit-item h3 {
  color: #3498db;
  margin-top: 0;
}

		
		section {
            background: white;
            border-radius: 10px;
            padding: 2.5rem;
            margin-bottom: 2.5rem;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        section:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
        }
        
        /* Lists */
        ul1 {
            list-style-type: none;
            margin-bottom: 0.5rem;
        }
        
        ul1 li {
            padding: 0.4rem 0;
            position: relative;
            padding-left: 2rem;
        }
        
        ul1 li:before {
            content: "•";
            color: #3498db;
            font-weight: bold;
            position: absolute;
            left: 0;
            font-size: 1.1rem;
        }
        
        ul1 li:last-child {
            border-bottom: none;
        }
		ul1 li a{color:#00F;}
		
	
   
    .wrap-box {
        background: #fff;
        padding: 20px;
        margin-bottom: 20px;
        border-radius: 5px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
	 h2 {
        font-size: 24px;
        margin: 25px 0 15px;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
    }
    
.product-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 20px;
        margin: 20px 0;
    }
    .product-card {
        border: 1px solid #ddd;
        border-radius: 5px;
        overflow: hidden;
        transition: transform 0.3s;
    }
    .product-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }
    .product-card img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
    .product-info {
        padding: 15px;
    }
    .reviews-section {
        margin: 40px 0;
    }
    .review {
        border-bottom: 1px solid #eee;
        padding: 15px 0;
    }
    .review:last-child {
        border-bottom: none;
    }
    .review-header {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    .reviewer-name {
        font-weight: bold;
    }
    .review-date {
        color: #777;
    }
    .rating {
        color: #f39c12;
        margin: 5px 0;
    }

/* -------------------------------------FAQ--------------------------------- */
.faq-section {
  margin: 30px 0;
}

.faq-item {
  margin-bottom: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
}

.faq-question {
  background: #f5f5f5;
  padding: 15px;
  margin: 0;
  cursor: pointer;
  font-weight: bold;
  color: #2c3e50;
  position: relative;
}

.faq-question:after {
  content: '+';
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.faq-answer {
  padding: 0 15px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s, padding 0.3s;
}

.faq-item.active .faq-answer {
  padding: 15px;
  max-height: 500px;
}

.faq-item.active .faq-question:after {
  content: '-';
}

  
        /* CTA Section */
        .cta-section {
            text-align: center;
            background: linear-gradient(135deg, #3498db 0%, #2c3e50 100%);
            color: white;
            padding: 1.5rem 2rem;
            border-radius: 10px;
        }
        
        .cta-section h2 {
            color: white;
            border-bottom: none;
        }
        
        .cta-button {
            display: inline-block;
            background: #f1c40f;
            color: #2c3e50;
            padding: 1rem 2rem;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 700;
            font-size: 1.2rem;
            margin-top: 1.5rem;
            transition: all 0.3s ease;
        }
        
        .cta-button:hover {
            background: #e67e22;
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
		/* Product price styling */
.product-price {
    font-size: 18px;
    font-weight: bold;
    color: #2c541d; /* Green color - change as needed */
    margin: 8px 0;
}

/* Read more button styling */
.read-more-btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #ff6b35; /* Orange color */
    color: white;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
    margin-top: 10px;
    transition: background-color 0.3s ease;
}

.read-more-btn:hover {
    background-color: #e55a2b; /* Darker orange on hover */
    color: white;
}

/* -------------------------------------Footer--------------------------------- */

/*---footer{background:#F0EFEF;box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3); margin-top: 40px; border-top:#0F80DD solid 4px;}
.c-right-t{ font-size:11px; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; color:#000000; text-align:center; text-decoration:none; width:100%; padding-top:18px; padding-bottom:18px; background-color:#CFCDCD; margin-bottom:-10px; background-image:-webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#d3d3d3));background-image:-webkit-linear-gradient(#eaeaea, #d3d3d3);background-image:-moz-linear-gradient(#eaeaea, #d3d3d3);background-image:-o-linear-gradient(top, #eaeaea, #d3d3d3);background-image:-khtml-gradient(linear, left top, left bottom, from(#eaeaea), to(#d3d3d3));filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#eaeaea', EndColorStr='#d3d3d3', GradientType=0);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#eaeaea', EndColorStr='#d3d3d3', GradientType=0)";}

footer .wrap-footer h3{margin-bottom: 5px;}
@media screen and (min-width: 769px){ footer .wrap-footer{font-size: 13px;padding: 0px 20px;} footer #ed_footer_menu .footer_box{float:left;width:60%;} footer #ed_footer_menu .footer_box_last{ float:left; padding-right:0; width:40%;} #ed_footer_menu .footer_box h4{color:#013274;} 
#ed_footer_menu ul{padding:0px;margin:0px;list-style:none} #ed_footer_menu ul li{padding:0;margin:0 0 5px} #ed_footer_menu ul li a {float:left;margin:30px 20px 20px 0px;display:inline; color:#111111; text-decoration:none;} #ed_footer_menu ul li a:hover{color:#0A7EBF;text-decoration:underline;}  .text-position { text-align:left;}}
@media screen and (max-width: 480px){footer .wrap-footer{font-size: 11px; padding: 0px 5px;} footer #ed_footer_menu .footer_box{float:left;width:100%;} footer #ed_footer_menu .footer_box_last{ float:left; padding-right:0; width:100%; font-size:9px;} #ed_footer_menu ul{padding:0px;margin:0px;list-style:none;}#ed_footer_menu ul li{padding:0;margin:0 0 5px 0;}#ed_footer_menu ul li a{float: left; margin:3px 4px 3px 0px;display:inline;color:#000000;text-decoration:none; font-size:8px;}#ed_footer_menu ul li a:hover{color:#0A7EBF;text-decoration:underline;} .text-position { text-align:center;}} --*/

 /* Footer Styles */
        footer {
            background: #2c3e50;
            color: #ecf0f1;
            padding: 30px 0 15px;
            border-radius: 12px;
            overflow: hidden;
        }
        
        .wrap-footer {
            padding: 0 10px;
            max-width: 1200px;
            margin: 0 auto;
        }
        
        #ed_footer_menu {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-bottom: 25px;
        }
        
        .footer_box {
            flex: 1;
            min-width: 60%;
            padding: 10px;
        }
        
        .footer_box_last {
            flex: 1;
            min-width: 40%;
            padding: 10px;
        }
        
        #ed_footer_menu h4 {
            color: #3498db;
            margin-bottom: 15px;
            font-size: 1.2rem;
        }
        
        #ed_footer_menu ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }
        
        #ed_footer_menu ul li {
            margin-bottom: 8px;
        }
        
        #ed_footer_menu ul li a {
            color: #ecf0f1;
            text-decoration: none;
            transition: color 0.3s;
            display: inline-block;
        }
        
        #ed_footer_menu ul li a:hover {
            color: #3498db;
            text-decoration: underline;
        }
        
        .donld_btn {
            display: inline-block;
            margin-top: 20px;
            background: #e74c3c;
            color: white;
            padding: 5px 25px;
            border-radius: 30px;
            text-decoration: none;
            font-weight: bold;
            transition: background 0.3s;
        }
        
        .donld_btn:hover {
            background: #c0392b;
        }
        
        .social-icons {
            display: flex; font-size:20px;
            gap: 10px;
            margin: 10px 0;
        }
        
        .fbbiglink {
            display: inline-flex;
            justify-content: center;
            align-items: center; 
            width: 40px;
            height: 40px;
            background: #34495e;
            color: white;
            border-radius: 50%;
            text-decoration: none;
            transition: background 0.3s;
        }
        
        .fbbiglink:hover {
            background: #3498db;
        }
        
        .copyright {
            text-align: center;
            padding-top: 20px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            margin-top: 20px;
            font-size: 0.9rem;
            color: #bdc3c7;
        }
        
        .cleaner {
            clear: both;
        }
        
        .cleaner_h10 {
            height: 10px;
            clear: both;
        }
        
        .cleaner_h20 {
            height: 20px;
            clear: both;
        }
        
        .font_size_18 {
            font-size: 18px;
        }
        
        /* Desktop Styles */
        @media screen and (min-width: 769px) {
            footer .wrap-footer {
                font-size: 13px;
                padding: 0px 20px;
            }
            
            footer #ed_footer_menu .footer_box {
                float: left;
                width: 60%;
                text-align: left;
            }
            
            footer #ed_footer_menu .footer_box_last {
                float: right;
                padding-right: 0;
                width: 40%;
                text-align: right;
            }
            
            #ed_footer_menu .footer_box h4 {
                color: #013274;
            }
            
            #ed_footer_menu ul {
                padding: 0px;
                margin: 0px;
                list-style: none;
            }
            
            #ed_footer_menu ul li {
                padding: 0;
                display: inline-block;
                margin-right:5px;
            }
            
            #ed_footer_menu ul li a {
                float: left; 
                margin: 30px 10px 20px 0px;
                display: inline;
                color: #fff;
                text-decoration: none;
            }
            
            #ed_footer_menu ul li a:hover {
                color: #0A7EBF;
                text-decoration: underline;
            }
            
            .text-position {
                text-align: left;
            }
            
            .footer_box_last .text-position {
                text-align: left;
            }
            
            .footer_box_last .social-icons {
                justify-content: left;
            }
        }
        
        /* Mobile Responsive Styles */
        @media screen and (max-width: 768px) {
            #ed_footer_menu {
                flex-direction: column;
            }
            
            .footer_box, .footer_box_last {
                min-width: 100%;
                text-align: center;
                float: none;
            }
            
            .footer_box ul {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                gap: 10px;
                margin-bottom: 20px;
            }
            
            .footer_box ul li {
                margin: 0;
                display: inline-block;
            }
            
            .social-icons {
                flex-wrap: wrap;
                justify-content: center;
            }
            
            .donld_btn {
                margin-top: 10px;
            }
            
            .footer_box_last .text-position {
                text-align: center;
            }
        }
        
        @media screen and (max-width: 480px) {
            header h1 {
                font-size: 1.8rem;
            }
            
            .description {
                font-size: 1rem;
            }
            
            .wrap-footer {
                padding: 0 15px;
            }
            
            .footer_box ul {
                gap: 10px;
            }
            
            #ed_footer_menu ul li a {
                font-size: 0.9rem;
                margin: 10px 10px 10px 0;
            }
            
            .footer_box_last {
                font-size: 0.9rem;
            }
            
            .donld_btn {
                padding: 10px 15px;
                font-size: 0.9rem;
            }
            
            .copyright {
                font-size: 0.8rem;
            }
        }

/*footer .btn{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-moz-box-shadow:0px 0px 5px #121212;-webkit-box-shadow:0px 0px 5px #121212;box-shadow:0px 0px 5px #121212;background:-moz-linear-gradient(#293f80, #3560a5);background:-webkit-gradient(linear, 0 0, 0 100%, from(#293f80), to(#3560a5));background:#293f80; padding:9px 9px; float:left; margin-right:50px; color:#FFFFFF;font-size:15px; text-decoration:none; width:auto; height:auto;} /*.fbbiglink{float:left; margin:10px 20px 0px 0px; padding-top:7px; color:#FFFFFF;font:normal 32px "Calibri";box-shadow:0 0 5px #888888;background:#000066;width:45px;height:45px;text-decoration:none;text-align:center;-webkit-border-top-right-radius:35px;-moz-border-radius-topright:35px;border-top-right-radius:35px;-webkit-border-top-left-radius:35px;-moz-border-radius-topleft:35px;border-top-left-radius:35px;-webkit-border-bottom-left-radius:35px;-moz-border-radius-bottomleft:35px;border-bottom-left-radius:35px;-webkit-border-bottom-right-radius:35px;-moz-border-radius-bottomright:35px;border-bottom-right-radius:35px;}.fbbiglink:hover{cursor:pointer;background:#1889C8;} */ .font_size_18{font-size:18px;}

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        
        /* Hero Section */
        .hero {
            background: linear-gradient(rgba(44, 62, 80, 0.8), rgba(44, 62, 80, 0.8)), url('https://images.unsplash.com/photo-1586023492125-27b2c045efd7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1558&q=80');
            background-size: cover;
            background-position: center;
            color: white;
            text-align: center;
            padding: 4rem 1rem;
            margin-bottom: 2rem;
        }
        
        .hero h1 {
            color: white;
            font-size: 2.1rem;
            margin-bottom: 1rem;
        }
        
        .hero p {
            font-size: 1.3rem;
            max-width: 800px;
            margin: 0 auto 2rem;
        }
        
        /* Breadcrumb */
        .breadcrumb {
            padding: 1rem 0;
            background: #f1f7f5;
            margin-bottom: 2rem;
        }
        
        .breadcrumb ul {
            display: flex;
            list-style: none;
        }
        
        .breadcrumb li {
            margin-right: 0.5rem;
            display: flex;
            align-items: center;
        }
        
        .breadcrumb li:after {
            content: "›";
            margin-left: 0.5rem;
            color: #3498db;
        }
        
        .breadcrumb li:last-child:after {
            content: "";
        }
        
        .breadcrumb a {
            color: #3498db;
            text-decoration: none;
        }
        
        .breadcrumb a:hover {
            text-decoration: underline;
        }
        
        /* Main Content */
        .main-content {
            display: flex;
            flex-wrap: wrap;
            gap: 2rem;
            margin-bottom: 3rem;
        }
        
        .form-container {
            flex: 1;
            min-width: 300px;
        }
        
        .info-container {
            flex: 1;
            min-width: 300px;
        }
        
        /* Form Styles */
        .quote-form {
            background: white;
            border-radius: 10px;
            padding: 2.5rem;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
        }
        
        .form-title {
            font-size: 1.8rem;
            color: #2c3e50;
            margin-bottom: 1.5rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid #3498db;
        }
        
        .form-group {
            margin-bottom: 1.5rem;
            position: relative;
        }
        
        .form-group label {
            display: block;
            margin-bottom: 0.5rem;
            font-weight: 600;
            color: #2c3e50;
        }
        
        .form-control {
            width: 100%;
            padding: 12px 15px;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 1rem;
            transition: border-color 0.3s;
        }
        
        .form-control:focus {
            border-color: #3498db;
            outline: none;
            box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2);
        }
        
        .error {
            border-color: #e74c3c;
        }
        
        .error-message {
            color: #e74c3c;
            font-size: 0.85rem;
            margin-top: 5px;
            display: none;
        }
        
        .success {
            border-color: #2ecc71;
        }
        
        .phone-input-container {
            display: flex;
        }
        
        .country-code {
            background: #f8f9fa;
            border: 1px solid #ddd;
            border-right: none;
            border-radius: 5px 0 0 5px;
            padding: 12px 15px;
            font-weight: 600;
            color: #2c3e50;
        }
        
        .phone-input {
            border-radius: 0 5px 5px 0;
            flex: 1;
        }
        
        textarea.form-control {
            min-height: 120px;
            resize: vertical;
        }
        
        .btn-primary {
            background: #3498db;
            color: white;
            border: none;
            padding: 12px 25px;
            border-radius: 5px;
            font-size: 1.1rem;
            font-weight: 600;
            cursor: pointer;
            transition: background 0.3s;
            display: inline-block;
            text-align: center;
            width: 100%;
        }
        
        .btn-primary:hover {
            background: #2980b9;
        }
        
        .btn-primary:disabled {
            background: #bdc3c7;
            cursor: not-allowed;
        }
        
        /* CAPTCHA Styles */
        .captcha-container {
            background: #f8f9fa;
            border-radius: 5px;
            padding: 15px;
            margin-bottom: 1.5rem;
            text-align: center;
        }
        
        .captcha-question {
            font-weight: 600;
            margin-bottom: 10px;
            color: #2c3e50;
        }
        
        .captcha-options {
            display: flex;
            justify-content: center;
            gap: 10px;
            flex-wrap: wrap;
        }
        
        .captcha-option {
            padding: 8px 15px;
            background: white;
            border: 1px solid #ddd;
            border-radius: 5px;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .captcha-option:hover {
            background: #e7f4fe;
            border-color: #3498db;
        }
        
        .captcha-option.selected {
            background: #3498db;
            color: white;
            border-color: #3498db;
        }
        
        /* Info Box */
        .info-box {
            background: white;
            border-radius: 10px;
            padding: 2rem;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
            margin-bottom: 2rem;
        }
        
        .info-title {
            font-size: 1.5rem;
            color: #2c3e50;
            margin-bottom: 1.5rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid #3498db;
        }
        
        .contact-info {
            display: flex;
            align-items: center;
            margin-bottom: 1.5rem;
        }
        
        .contact-info i {
            font-size: 1.5rem;
            color: #3498db;
            margin-right: 1rem;
            width: 30px;
        }
        
        /* Process Steps */
        .process-steps {
            display: flex;
            flex-wrap: wrap;
            gap: 1.5rem;
            margin-top: 2rem;
        }
        
        .step {
            flex: 1;
            min-width: 200px;
            text-align: center;
            padding: 1.5rem;
            background: #f8f9fa;
            border-radius: 8px;
            border-left: 4px solid #3498db;
        }
        
        .step-number {
            display: inline-block;
            width: 40px;
            height: 40px;
            background: #3498db;
            color: white;
            border-radius: 50%;
            line-height: 40px;
            font-weight: bold;
            margin-bottom: 1rem;
        }
        
        /* Testimonials */
        .testimonials {
            margin-top: 3rem;
        }
        
        .testimonial {
            background: #f8f9fa;
            padding: 1.5rem;
            border-radius: 8px;
            margin-bottom: 1.5rem;
            border-left: 4px solid #f1c40f;
        }
        
        .testimonial-text {
            font-style: italic;
            margin-bottom: 1rem;
        }
        
        .testimonial-author {
            font-weight: 600;
            color: #2c3e50;
        }
        
        /* Product Categories */
        .product-categories {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            margin: 1.5rem 0;
        }
        
        .category-tag {
            background: #e7f4fe;
            border: 1px solid #3498db;
            border-radius: 20px;
            padding: 0.5rem 1rem;
            font-size: 0.9rem;
            color: #2c3e50;
        }
        
        /* Footer */
        footer {
            background: #2c3e50;
            color: white;
            text-align: center;
            padding: 2rem 0;
            margin-top: 3rem;
        }
        
        /* Responsive Design */
        @media (max-width: 768px) {
            .hero h1 {
                font-size: 1.8rem;
            }
            
            .hero p {
                font-size: 1.1rem;
            }
            
            .quote-form, .info-box {
                padding: 1.5rem;
            }
            
            .process-steps {
                flex-direction: column;
            }
            
            .phone-input-container {
                flex-direction: column;
            }
            
            .country-code {
                border-radius: 5px 5px 0 0;
                border-right: 1px solid #ddd;
                border-bottom: none;
                text-align: center;
            }
            
            .phone-input {
                border-radius: 0 0 5px 5px;
            }
        }