/*Fonts Used*/
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*, *: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, textarea, select{-webkit-appearance: none;}
mark {background-color: transparent;}
/* end reset */

/*preset*/
body{font-size: 19.71px; line-height: 26px; font-family: 'Questrial', sans-serif; color:#1a1a1a;width: 100%; max-width: 1920px; margin: 0 auto; overflow-x: 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; }
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:#0353a1; font-weight:bold; }
.comingsoon{color:red; font-style:italic; font-weight:bold;}
.col2{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
.col3{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
.col2 li, .col3 li{overflow: hidden; display: inline-block; width: 100%;}
.main_phone {font-weight: bold;}

.back_top{display:none;background:#090a0b;position: fixed; z-index:999;bottom:0;width: 100%;height: 45px;cursor:pointer;}
.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{background:#303030;}

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

/*Thumbnail Images*/
.thumb_left_dd, .thumb_left_dr{  float:left; margin:-4px 19px 0 0;}
.thumb_right_dd, .thumb_right_dr{ float:right; margin:-4px 0 0 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;}


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

#intro_header{background: #EBB720;padding: 0 25px;position: relative;display: none;}
.intro_header_con{min-height: 64px;}
.intro_header{color: #FFFFFF;}

#intro{background: url(images/intro-bg.jpg);background-size: cover; padding: 0 25px;}
.intro_con{min-height: 833px;padding: 106px 0 0;}
/* .intro_section1{padding-top: 0;} */

.intro_boxes{display: flex;justify-content: space-between;color: #fff;}
.intro_boxes [class^="intro_box"]{width: 48.1%;height: auto;} 
.into_img{min-height: 415px;border-radius: 10px;position: relative;z-index: 1;border-radius: 30px;overflow: hidden;margin-bottom: 24px;}
.into_img::before{content: '';width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);position: absolute;left: 0;right: 0;z-index: -1;}

.intro_boxes .intro_box1 .into_img{background: url(images/intro-img1.jpg);background-position: center;} 
.intro_boxes .intro_box2 .into_img{background: url(images/intro-img2.jpg);background-position: center;} 

.intro_boxes .into_main_logo{width: 100%;height: 100%;}
.intro_boxes .intro_box1 .into_main_logo img{width: 406px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto; max-width: 95%;}
.intro_boxes .intro_box2 .into_main_logo img{width: 406px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto; max-width: 95%;}

.intro_boxes p{line-height: 20.3px;text-align: center;}
.intro_boxes .intro_b{display:block;width:274px;height:71px;line-height:71px;font-size: 18px;font-family: 'Montserrat', sans-serif; background: linear-gradient(180deg, #3BB53D -0%, #2F8331 100%); color:#fff;text-align:left;font-weight: bold; margin: 70px auto 0;border-radius: 120px;padding-left: 70px;position: relative;}
.intro_boxes .intro_b:hover{background: #000;}
.intro_boxes .intro_b::before{content: '';width: 37px;height: 35px;background: url(images/intro-arrow.png); position: absolute;right: 25px;top: 0;bottom: 0; margin: auto;}

html{margin-top: 0 !important}


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

}

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


}

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

}

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

}

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

}

@media only screen
and (max-width : 1010px) {
  #intro_header{padding: 40px 25px;}


  #intro{padding: 45px 25px;}
  .intro_con{padding: 0;}
  .intro_boxes{flex-wrap: wrap;}
  .intro_boxes [class^="intro_box"]{width: 100%;max-width: 516px;margin:  15px auto;} 

}

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