body{width: 100%; background:#fff ; padding: 0; margin: 0; font-family: "Montserrat", sans-serif; }
a{text-decoration: none !important; border: none; outline: none; outline: none; font-family: "Montserrat", sans-serif; transition: all 600ms ease-in-out;}
h1, h2, h3, h4, h5, h6, p{ padding: 0; margin: 0; font-family: "Montserrat", sans-serif; }
ul{ padding: 0; margin: 0; }
li{ list-style: none; border: none; outline: none; font-family: "Montserrat", sans-serif; }
*{padding: 0;margin: 0;}


/*Header*/

.top-header{ width: 100%; position: relative; display: block; background: #161616; padding: 5px 0; margin: 0;     display: none;}
.top-header .header-contact{ width: 100%; padding: 5px 0 0; margin: 0; }
.top-header .header-contact ul{ padding: 0; margin: 0; }
.top-header .header-contact ul li{ display: inline-block; padding: 0 10px 0 0; color: #fff; }
.top-header .header-contact ul li a{ color: #fff; font-size: 16px; line-height: 18px; padding: 0; margin: 0; }

.top-header .header-contact ul li i{ font-size: 16px; color: #E3960A; padding: 0 10px 0 0; }
.top-header .brochure{ width: 100%; padding: 0; margin: 0; text-align: right; }
.top-header .brochure a{ display: inline-block; font-size: 16px; line-height: 18px; color: #000; background: #E3960A; padding: 4px 0; margin: 0; transition: all 400ms ease-in-out; width: 100%; text-align: center; font-weight: bold; }
.top-header .brochure a:hover{ letter-spacing: 1.5px; transition: all 400ms ease-in-out; }

.top-header .sosal-icon{ width: 100%; float: right; padding: 0; margin: 0; }
.top-header .sosal-icon ul{ padding: 0; margin: 0; float: right; }
.top-header .sosal-icon ul li{ padding: 0; margin: 0 0 0 5px; border: 1px solid #feca36; border-radius: 40px; width: 28px; height: 28px; text-align: center; overflow: hidden; display: inline-block; float: left; }
.top-header .sosal-icon ul li a{  }
.top-header .sosal-icon ul li a i{ font-size: 13px; line-height: 18px; color: #fff; padding: 4px 8px; margin: 0; transition: all 300ms ease-in-out; }
.top-header .sosal-icon ul li a i:hover{ color: #feca36; transition: all 300ms ease-in-out; }

.bottom-header{ width: 100%; position: sticky; background: #fff; top: 0; left: 0; right: 0; display: block; padding: 0; margin: 0;  z-index: 9; background: #391402 url('../images/header-v5-bg.png') no-repeat 0 0;   background-size: auto; background-size: auto; -webkit-background-size: cover; background-size: cover; border-bottom: 1px solid #ffffff47;}
.bottom-header .logo{ width: 100%; padding: 10px 0 0; margin: 0; }
/*.bottom-header .logo::before{ content: ""; width: 2000px; position: absolute; top: 0; right: 0; height: 110%; background: #E8A20D url('../images/header-v5-bg.png') no-repeat 0 0;   background-size: auto; -webkit-background-size: cover; background-size: cover; z-index: 9999; transform: skewX(-45deg); }*/
.bottom-header .logo::before{content: ""; width: 2000px; position: absolute; top: 0; right: 0; height: 110%; background: #FFF url('../images/header-v5-bg.png') no-repeat 100px 0px; background-size: auto;  background: #fff; background-size: auto; -webkit-background-size: cover; background-size: cover; z-index: 9999; transform: skewX(-45deg);}
.bottom-header .logo img{ width: 60%; position: relative; z-index: 99999; }
.bottom-header .menu{ width: 100%; text-align: center; display: block; padding: 30px 0 0; margin: 0; }
.sf-menu a { position: relative; display: block; text-align: center; background: none; border-radius: 30px; transition: .5s; color: #fff; border: none; padding: 0px 2px; margin: 10px 0; font-size: 13px; line-height: 16px; font-weight: 500; }


/*Banner Start*/
.banner{ width: 100%; position: relative; display: block; overflow: hidden; background: #000; padding: 0; margin: 0; height: 600px;  }
.banner video{ width: 100%; opacity: 0.2; padding: 0; margin: 0; }
.banner img.bannreimg{width: 100%; opacity: 0.5;}


/*Banner Text Dec*/
.banner .banner-text{ width: 100%; position: absolute; content: ""; bottom: 0; padding: 0; margin: 0; top: 18%;}

.banner .banner-text .image-banner{ width: 100%;  padding: 0; margin: 0; }
.banner .banner-text .image-banner img{ width: 100%; }
.banner .banner-text .text-dec{ width: 100%; padding: 50px 0 0; margin: 0; }
.banner .banner-text .text-dec h2{  font-size: 55px; line-height: 70px; color: #fff; padding: 0 0 10px; margin: 0; font-weight: 500;}   
.banner .banner-text .text-dec h2 span{ color: #E3960A; color: #CE4400; font-weight: bold;}
.banner .banner-text .text-dec h5{ font-size: 16px; line-height: 26px; color: #fff; padding: 15px 0 20px; margin: 0;  letter-spacing: 1.2px; text-align: justify; }

.banner .banner-text .text-dec p{ font-size: 16px; line-height: 26px; color: #fff; padding: 15px 0 20px; margin: 0;  letter-spacing: 1.2px; text-align: left; }
.banner .banner-text .text-dec a{ position: relative; display: block; padding: 16px 22px; margin: 22px 0; color: #fff; text-transform: uppercase; transition: 0.5s; overflow: hidden; font-weight: bold; width: 25%; text-align: center; letter-spacing: 1px; border: 1px solid #772902; background: #391402; box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.16); border-radius: 5px; }
.banner .banner-text .text-dec a:hover{ background: #260d01; color: #fff;  letter-spacing: 4px; }


/*Inner Banner Start*/
.inner-banner{ width: 100%; position: relative; display: block; background: url(../images/inner-banner02.png) no-repeat center right; background-size: cover; padding: 60px; height: 200px; }
.inner-banner h2{ font-size: 30px; line-height: 34px; color: #000; padding: 60px 0 0; margin: 0; text-align: center; font-weight: bold; }
.inner-banner .page-list{ position: absolute; content: ""; bottom: 0; left: 0; right: 0; background: #ccc; padding: 10px 0; margin: 0 auto; width: 100%; background: #401501 url('../images/header-v5-bg.png') no-repeat 0 0;   background-size: auto; background-size: auto; -webkit-background-size: cover; background-size: cover; text-align: center; }
.inner-banner .page-list ul{ padding: 0; margin: 0; }
.inner-banner .page-list ul li{ display: inline-block; font-size: 16px; line-height: 18px; color: #fff; padding: 0 5px; margin: 0; }
.inner-banner .page-list ul li a{ color: #DF4B00; }


/*inner-about*/
.inner-about{ width: 100%; position: relative; background: #fff; padding: 60px 0; margin: 0; }
.inner-about .inner-about-content-block{ width: 100%; padding: 0; margin: 0; }
.inner-about .inner-about-content-block h2{ font-size: 30px; line-height: 44px; color: #000; padding: 0 0 15px; margin: 0; font-weight: bold; letter-spacing: 0.5px; }
.inner-about .inner-about-content-block h2 span{ color: #B34107; }
.inner-about .inner-about-content-block p{ font-size: 16px; line-height: 26px; color: #000; padding: 0; margin: 0; text-align: justify; }

.inner-about .inner-about-image-block{ width: 100%; padding: 15px; margin: 0; border: 1px solid #B34107; }
.inner-about .inner-about-image-block img{ width: 100%; }

.mission{  width: 100%; position: relative; background: #fff; padding: 60px 0; margin: 0; }
.mission h3{font-size: 30px; line-height: 44px; color: #000; padding: 0; margin: 0; font-weight: bold; letter-spacing: 0.5px; text-align: center;}
.mission h3 span{ color: #913203; text-shadow: none;}
.mission .style-square{ width: 10px; height: 10px; background-color: transparent; border-width: 3px; border-style: solid; border-color: #2d3239; margin: 0 auto 30px; }
.mission .style-square .separator-left{position: absolute; top: 109px; width: 60px; height: 2px; background-color: #BB4204; right: 0; left: 80px; margin: 0 auto;}
.mission .style-square .separator-right{ position: absolute; top: 109px; width: 60px; height: 2px; background-color: #BB4204; right: 80px; left: 0px; margin: 0 auto;}
.inner-about h3{font-size: 30px; line-height: 44px; color: #000; padding: 0; margin: 0; font-weight: bold; letter-spacing: 0.5px; text-align: center;}
.inner-about h3 span{ color: #913203; text-shadow: none;}
.inner-about .style-square{ width: 10px; height: 10px; background-color: transparent; border-width: 3px; border-style: solid; border-color: #2d3239; margin: 0 auto 30px; }
.inner-about .style-square .separator-left{position: absolute; top: 109px; width: 60px; height: 2px; background-color: #BB4204; right: 0; left: 80px; margin: 0 auto;}
.inner-about .style-square .separator-right{ position: absolute; top: 109px; width: 60px; height: 2px; background-color: #BB4204; right: 80px; left: 0px; margin: 0 auto;}

.mission .mission-image-block{ width: 100%; padding: 15px; margin: 0 0 30px; border: 1px solid #B34107; }
.mission .mission-image-block img{ width: 100%; }

.mission .mission-dec-block{ width: 100%; padding: 0; margin: 0; }
.mission .mission-dec-block h2{ font-size: 20px; line-height: 30px; color: #000; padding: 0; margin: 0; font-weight: bold; letter-spacing: 0.5px; text-align: left; }
.mission .mission-dec-block h2 i{transition: all 500ms ease-in-out; color: #fff; font-size: 15px; line-height: 15px; padding: 5px; border-radius: 20px; background: #913203; margin: 0 5px 0 0px; width: 25px; text-align: center;}
.mission .mission-dec-block p{ font-size: 14px; line-height: 26px; color: #000000c4; padding: 10px 0 0; margin: 0; text-align: left; }


/*About Start*/
.about{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0 50px; margin: 0; text-align: center; }
.about .about-image{ width: 20%; margin: -80px auto 0; }
.about .about-image img{ width: 100%; }
.about h2{ font-size: 30px; line-height: 44px; color: #000; padding: 0; margin: 0; font-weight: bold; letter-spacing: 0.5px; }
.about h2 span{ color: #3b1908; text-shadow: none; }

.about .style-square{ width: 10px; height: 10px; background-color: transparent; border-width: 3px; border-style: solid; border-color: #2d3239; margin: 0 auto; }
.about .style-square .separator-left{ position: absolute; top: 88px; width: 170px; height: 2px;  background-color: #913203; right: -191px; left: 0; margin: 0 auto; }
.about .style-square .separator-right{ position: absolute; top: 88px; width: 170px; height: 2px;  background-color: #913203; left: -191px; right: 0; margin: 0 auto; }
.about img.about-right{ width: 100%; margin: 30px 0 0; border-radius: 5px; }
.about p{ font-size: 15px; line-height: 30px; color: #000; padding: 25px 0 6px; margin: 0; text-align: left; }
.about a.about-btn{ display: block; padding: 10px 0; margin: 10px 0 0; color: #fff; text-transform: uppercase; overflow: hidden; font-weight: bold; width: 30%; text-align: center; letter-spacing: 1px; transition: all 400ms ease-in-out; box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.19); border-radius: 5px; border: 1px solid #ff5300; background: #913203; }
.about a.about-btn:hover{background: #260d01;  letter-spacing: 2px; transition: all 400ms ease-in-out; }
.about .experience{ width: 100%; text-align: center; }
.about .experience ul{ padding: 30px 0 0; margin: 0; border-top: 1px solid #e1ebf3; }
.about .experience ul li{ width: 21%; padding: 15px; margin: -46px 15px; font-size: 18px; line-height: 20px; color: #fff; display: inline-block; text-align: center; background: #1D1D1D url('../images/header-v5-bg.png') no-repeat 0 0;   background-size: auto; background-size: auto; background-size: auto; background-size: auto; -webkit-background-size: cover; background-size: cover; }
.about .experience ul li img{ width: 20%; display: block; padding: 0 0 10px; margin: 0 auto; }



/*-----Theme Counter UP-----*/
.theme-counter-up { text-align: center; padding:35px 0 50px; display: block;  position: relative; background: #f3f5fa; background: url(../images/bg.jpg) center center no-repeat;
    background-size: auto;
  -webkit-background-size: cover;
  background-size: cover; background-attachment: fixed; background-position: 50% 89px; }
.theme-counter-up h2{ text-align: center; padding: 0 0 30px; margin: 0; font-size: 40px; color: #feca36; letter-spacing: 0.5px; line-height: 44px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.32); font-weight: bold; } 

.theme-counter-up.fix {padding-bottom: 120px;}
.theme-counter-up .single-box{ transition: all 600ms ease-in-out; margin: 0; padding: 0px 0 0; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.01); border: none;}
.theme-counter-up .single-box:hover{  transition: all 400ms ease-in-out; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-10px); box-shadow: 0 20px 100px rgba(0, 0, 0, 0.08); }
.theme-counter-up .single-box i{ color: #E3960A; font-size: 50px; line-height: 0; padding: 0; display: inline-block;display: none; margin: 0 0 0; position: relative; top: 6px; left: 0; -webkit-box-shadow: 0px 13px 35px -12px rgb(0, 0, 0); box-shadow: 0px 13px 35px -12px rgb(0, 0, 0); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; }
.theme-counter-up .single-box h3{ position: relative;  color: #8a360b; font-weight: 600; font-size: 30px; line-height: 40px; padding: 0; margin: 0;  position: relative; }
.theme-counter-up .single-box h2 span{ }

.theme-counter-up .single-box img{ max-width: 30%; height: 11%; display: inline-block; padding: 20px 15px; }
.theme-counter-up .single-box p { font-size: 18px; color: #441a05; margin: 9px 0 2px 0; display: block; position: relative; }
.theme-counter-up .single-box:hover p{ color: #000; }
.theme-counter-up .single-box:hover h3{ color: #000; }
.theme-counter-up .single-box:hover i{ color: #000; }

/*bolg-home*/
.bolg-home{ width: 100%; position: relative; display: block; background: #f3f5f7; padding: 40px 0 50px; margin: 0; }
.bolg-home{}
.bolg-home h2{ font-size: 30px; line-height: 44px; color: #000; padding: 0; margin: 0; font-weight: bold; letter-spacing: 0.5px; text-align: center; }
.bolg-home h2 span{ color: #913203; text-shadow: none; }
.bolg-home h3{display: block; font-size: 24px; text-transform: capitalize; line-height: 30px; padding: 0; color: #642403; font-weight: normal; text-align: left; letter-spacing: -0.5px; margin: 0 0 10px 15px;}
.bolg-home h3 img{ width: 25px;
  margin: -5px 15px 0 0;}
.bolg-home .style-square{ width: 10px; height: 10px; background-color: transparent; border-width: 3px; border-style: solid; border-color: #2d3239; margin: 10px auto 30px; }
.bolg-home .style-square .separator-left{ position: absolute; top: 98px; width: 150px; height: 2px; background-color: #913203; right: -170px; left: 0; margin: 0 auto;}
.bolg-home .style-square .separator-right{ position: absolute; top:98px; width: 150px; height: 2px;  background-color: #913203; left: -170px; right: 0; margin: 0 auto; }
.bolg-home .style-square-2{ width: 10px; height: 10px; background-color: transparent; border-width: 3px; border-style: solid; border-color: #2d3239; margin: 3px auto 30px; }
.bolg-home .style-square-2 .site-bg-primary-left{ position: absolute; top: 96px; width: 90px; height: 2px; background-color: #913203; right: -110px; left: 0; margin: 0 auto;}
.bolg-home .style-square-2 .site-bg-primary-right{ position: absolute; top: 96px; width: 90px; height: 2px;  background-color: #913203; left: -110px; right: 0; margin: 0 auto; }
.bolg-home .item{margin: 0 5px;}
.bolg-home .item-box{width: 100%; padding: 3px; margin: 0; transition: all 400ms ease-in-out; background: #fff;}
.bolg-home .item-box img{width: 100%; }
.bolg-home .item-box h3{outline: none; padding: 5px; margin: 0; color: #3a1807; font-size: 14px; font-weight: 400; line-height: 23px; font-family: "Montserrat", sans-serif; height: 50px; overflow: hidden; }
.bolg-home .item-box a.readblog{ display: inline-block; padding: 7px 20px; background: #ff7c23; border-radius: 5px; color: #fff; font-weight: bold; margin: 15px 0 10px 5px; box-shadow: 0px 3px 21px -6px rgba(0, 0, 0, 0.24); border: 0.5px solid #ffffff45; }
.bolg-home .item-box a.readblog:hover{padding: 7px 20px; background: #f3f5f79e; border-radius: 5px; color: #404040; font-weight: bold; margin: 15px 0 10px 5px; box-shadow: 0px 3px 21px -6px rgba(0, 0, 0, 0.38); border: 0.5px solid #ffffff45;transition: all 400ms ease-in-out;}
.bolg-home .item-box:hover{background: #ef7e19; padding: 3px; transition: all 400ms ease-in-out;}
.bolg-home .item-box:hover img{}
.bolg-home .item-box:hover h3{ color: #fff;}
img.blognews{ width:75%;}
.inner-news .news-block h6 span{font-size: 24px;line-height: 40px;color: #3a1807;padding: 5px 0 0;display: block;}




/*Service*/
.service{ width: 100%; position: relative; display: inline-block;  padding: 40px 0 0; margin: 0; background: url(../images/pic-c-1bg.png) no-repeat center right; background-size: cover; background-attachment: fixed; background:#f4f7f8;}
.service h2{ font-size: 30px; line-height: 44px; color: #000; padding: 0; margin: 0; font-weight: bold; letter-spacing: 0.5px; text-align: center; }
.service h2 span{ color: #913203; text-shadow: none; }
.service h3{display: block; font-size: 24px; text-transform: capitalize; line-height: 30px; padding: 0; color: #642403; font-weight: normal; text-align: left; letter-spacing: -0.5px; margin: 0 0 10px 15px;}
.service h3 img{ width: 25px;
  margin: -5px 15px 0 0;}
.service .style-square{ width: 10px; height: 10px; background-color: transparent; border-width: 3px; border-style: solid; border-color: #2d3239; margin: 10px auto 30px; }
.service .style-square .separator-left{ position: absolute; top: 98px; width: 150px; height: 2px; background-color: #913203; right: -170px; left: 0; margin: 0 auto;}
.service .style-square .separator-right{ position: absolute; top:98px; width: 150px; height: 2px;  background-color: #913203; left: -170px; right: 0; margin: 0 auto; }
.service .style-square-2{ width: 10px; height: 10px; background-color: transparent; border-width: 3px; border-style: solid; border-color: #2d3239; margin: 3px auto 30px; }
.service .style-square-2 .site-bg-primary-left{ position: absolute; top: 96px; width: 90px; height: 2px; background-color: #913203; right: -110px; left: 0; margin: 0 auto;}
.service .style-square-2 .site-bg-primary-right{ position: absolute; top: 96px; width: 90px; height: 2px;  background-color: #913203; left: -110px; right: 0; margin: 0 auto; }

.service #srevice-block-1 .item{ margin: 0px; }
.service #srevice-block-2 .item{ margin: 0px; }
.service #srevice-block-3 .item{ margin: 0px; }
.service #srevice-block-4 .item{ margin: 0px; }
.service .service-box-content{ width: 33%; position: relative; padding: 25px 15px; margin: 0; transition: all 400ms ease-in-out; box-shadow: none; height: 100px; overflow: hidden; float: left; border-bottom: 1px solid #EAEAEA; border-right: 1px solid #EAEAEA; background: #f4f7f8; }
.service .service-box-content a{  outline: none; }
.service .service-box-content:hover{ webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); transition: all 400ms ease-in-out;  border-bottom: 1px solid #E7F4F9; border-right: 1px solid #E7F4F9; background: #fff;}
.service .service-box-content img{ width: 100%; }
.service .service-box-content img:hover{ -webkit-filter: brightness(100%);}
.service .service-box-content img{ width: 100%; }
.service .service-box-content h4 {outline: none; color: #24201c; font-size: 18px; line-height: 27px; text-align: left; padding: 0 0 8px; }
.service .service-box-content p { outline: none;color: #371707d1; font-size: 14px; text-align: left; line-height: 25px; padding: 0 0 20px 0px; }
.service .service-box-content p span{outline: none; color: #371707d1; font-size: 14px !important; text-align: left; line-height: 25px !important; padding: 0 0 20px 0px; font-family: "Montserrat", sans-serif !important;}


.service .service-box01{ position: relative; width: 100%; padding: 0; margin: 0; }
.service .service-box01 .service-box-content h4 { outline: none; color: #24201c; font-size: 18px; line-height: 27px; text-align: left; padding: 0 0 8px;}
.service .service-box01 .service-box-content p { outline: none;color: #371707d1; font-size: 14px; text-align: left; line-height: 25px; padding: 0 0 20px 0px; }
.service .service-box01 .service-box-content h4 i{transition:all 500ms ease-in-out; color: #fff; font-size: 15px; line-height: 16px; padding: 5px; border-radius: 20px; background: #913203; margin: 0 5px 0 0px; }
.service .service-box01 .service-box-content:hover h4 i{transition:all 600ms ease-in-out;  color: #fff; background:#24201c; -webkit-transform: scaleX(-1); transform: scaleX(-1);}
.service .service-box01 .service-box-content p span{outline: none; color: #371707d1; font-size: 14px !important; text-align: left; line-height: 25px !important; padding: 0 0 20px 0px; font-family: "Montserrat", sans-serif !important;}

.service .service-box02{ position: relative; width: 100%; padding: 0; margin: 0; }
.service .service-box02 .service-box-content{ width: 33%; position: relative; padding: 25px 15px; margin: 0; transition: all 400ms ease-in-out; box-shadow: none; height: 105px; overflow: hidden; float: left;  border-right: 1px solid #EAEAEA; border-bottom: none; background: #fff; }
.service .service-box02 .service-box-content:hover{ webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); transition: all 400ms ease-in-out;  border-bottom: none; border-right: 1px solid #E7F4F9; background: #f4f7f8; background: #391706;}
.service .service-box02 .service-box-content h4 {outline: none; color: #24201c; font-size: 18px; line-height: 27px; text-align: left; padding: 0 0 8px; }
.service .service-box02 .service-box-content p { outline: none;color: #371707d1; font-size: 14px; text-align: left; line-height: 25px; padding: 0 0 20px 0px; }
.service .service-box02 .service-box-content:hover h4{color: #fff;transition:all 600ms ease-in-out; }
.service .service-box02 .service-box-content:hover p{color: #f2f2f2d1;transition:all 600ms ease-in-out; }


.service .service-box03{ position: relative; width: 100%; padding: 0; margin: 0; }
.service .service-box03 .service-box-content{ width: 33%; position: relative; padding: 25px 15px; margin: 0; transition: all 400ms ease-in-out; box-shadow: none; height: 110px; overflow: hidden; float: left;  border-right: 1px solid #EAEAEA; border-bottom: none; background: #f4f7f8; }
.service .service-box03 .service-box-content:hover{ webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); transition: all 400ms ease-in-out;  border-bottom: none; border-right: 1px solid #E7F4F9; background: #fff;}
.service .service-box03 .service-box-content h4 { outline: none; color: #24201c; font-size: 18px; line-height: 27px; text-align: left; padding: 0 0 8px; }
.service .service-box03 .service-box-content p { outline: none;color: #371707d1; font-size: 14px; text-align: left; line-height: 25px; padding: 0 0 20px 0px; }

.service .service-box04{ position: relative; width: 100%; padding: 0; margin: 0; }
.service .service-box04 .service-box-content{ transition:all 500ms ease-in-out;  width: 33%; position: relative; padding: 25px 15px; margin: 0; transition: all 400ms ease-in-out; box-shadow: none; height: 130px; overflow: hidden; float: left;  border-right: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; background: #fff; }
.service .service-box04 .service-box-content:hover{ transition:all 600ms ease-in-out; webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); transition: all 400ms ease-in-out; border-bottom: 1px solid #E7F4F9; border-right: 1px solid #E7F4F9; background: #391706;}
.service .service-box04 .service-box-content h4 { outline: none; color: #24201c; font-size: 18px; line-height: 27px; text-align: left; padding: 0 0 8px;}
.service .service-box04 .service-box-content p {transition:all 500ms ease-in-out;  outline: none;color: #371707d1; font-size: 14px; text-align: left; line-height: 25px; padding: 0 0 20px 0px; }
.service .service-box04 .service-box-content:hover h4{color: #fff;transition:all 600ms ease-in-out; }
.service .service-box04 .service-box-content:hover p{color: #f2f2f2d1;transition:all 600ms ease-in-out; }

.inner-service-top{ width: 100%; position: relative; display: inline-block; background: #fff; padding: 30px 0 10px; margin: 0; }
.inner-service-top h3{display: block; font-size: 40px; text-transform: capitalize; line-height: 55px; padding: 85px 0 0 0; color: #000; font-weight: bold; font-family: initial;}
.inner-service-top p{ outline: none; color: #371707fa; font-size: 15px; text-align: left; line-height: 25px; padding: 0 0 15px 0px; font-family: revert;}
.inner-service-top h3 span { color: #913203; text-shadow: none; }

/*Inner Service Start*/
.inner-service{ width: 100%; position: relative; display: inline-block; background: #fff; padding: 40px 0; margin: 0; background: url(../images/pic-c-1bg.png) no-repeat center right; background-size: cover; background-attachment: fixed; }
.inner-service h3{ display: block; font-size: 24px; text-transform: uppercase; line-height: 26px; padding: 0; color: #000; font-weight: bold; text-align: center; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.32); letter-spacing: 0.5px; }



/*.inner-service .style-square{ width: 10px; height: 10px; background-color: transparent; border-width: 3px; border-style: solid; border-color: #2d3239; margin: 16px auto 30px; }*/
/*.inner-service  .style-square .separator-left{ position: absolute; top: 12%; width: 60px; height: 2px;  background-color: #FFBC13; right: -81px; left: 0; margin: 0 auto; }*/
/*.inner-service  .style-square .separator-right{ position: absolute; top: 12%; width: 60px; height: 2px;  background-color: #FFBC13; left: -81px; right: 0; margin: 0 auto; }*/

/*.inner-service .style-square-2{ width: 10px; height: 10px; background-color: transparent; border-width: 3px; border-style: solid; border-color: #2d3239; margin: 11px auto 30px; }*/
/*.inner-service  .style-square-2 .separator-left-2{ position: absolute; top: 20%; width: 60px; height: 2px;  background-color: #FFBC13; right: -81px; left: 0; margin: 0 auto; }*/
/*.inner-service  .style-square-2 .separator-right-2{ position: absolute; top: 20%; width: 60px; height: 2px;  background-color: #FFBC13; left: -81px; right: 0; margin: 0 auto; }*/

/*.inner-service .style-square-3{ width: 10px; height: 10px; background-color: transparent; border-width: 3px; border-style: solid; border-color: #2d3239; margin: 6px auto 30px; }*/
/*.inner-service  .style-square-3 .separator-left-3{ position: absolute; top: 5%; width: 60px; height: 2px;  background-color: #FFBC13; right: -81px; left: 0; margin: 0 auto; }*/
/*.inner-service  .style-square-3 .separator-right-3{ position: absolute; top: 5%; width: 60px; height: 2px;  background-color: #FFBC13; left: -81px; right: 0; margin: 0 auto; }*/

.inner-service .inner-sevice-block{ width: 100%; padding: 15px; margin: 0 0 30px; border: 1px solid #feca36; box-shadow: 3px 3px 6px #bfc3cfc7,-3px -3px 6px #fff; }
.inner-service .inner-sevice-block img{ width: 100%; }

.inner-service .inner-sevice-block h4{ font-size: 20px; line-height: 26px; color: #000; padding: 20px 0 15px; margin: 0; font-weight: bold; text-align: center; letter-spacing: 0.5px; min-height: 140px; }
.inner-service .inner-sevice-block p{ font-size: 16px; line-height: 24px; color: #000; padding: 0; margin: 0; text-align: center; }
.inner-service .inner-sevice-block a{ display: block; padding: 10px 0; margin: 15px auto; color: #fff; text-transform: uppercase; overflow: hidden; font-weight: bold; width: 100%; text-align: center; letter-spacing: 1px; border: 1px solid #feca36; background: #E3960A;  transition: all 400ms ease-in-out;  box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.32); }
.inner-service .inner-sevice-block a:hover{ box-shadow: 0 0 5px #feca36, 0 0 15px #feca36, 0 0 30px #feca36, 0 0 50px #feca36; letter-spacing: 2px; transition: all 400ms ease-in-out; }

/*Service Single*/
.single-service{ width: 100%; position: relative; display: inline-block; background: #fff; padding: 30px 0; margin: 0; background: url(../images/pic-c-1bg.png) no-repeat center right; background-size: cover; background-attachment: fixed; background: #fff; }
.single-service .single-service-block-content{ width: 100%; padding: 15px; margin: 0; border: 1px solid #9F3A0829; border-radius: 5px; }
.single-service .single-service-block-content img{ width: 100%; margin: 0 0 5px;opacity: 0.8; transition: all 600ms ease-in-out;}
.single-service .single-service-block-content h4{ font-size: 22px; line-height: 40px; color: #170801; padding: 0; margin: 0; font-weight: bold; letter-spacing: 0.5px; text-align: left;}
.single-service .single-service-block-content p{ font-size: 15px; line-height: 25px; color: #1e0a00; padding: 0 0 15px; margin: 0; text-align: justify; }
.single-service .single-service-block-content p span{outline: none; color: #371707fa  !important; font-size: 15px  !important; text-align: left; line-height: 25px  !important; padding: 0 0 15px 0px; font-family: revert  !important;}
.single-service .single-service-block-content h5{ font-size: 16px; line-height: 25px; color: #1e0a00; padding: 0 0 10px; margin: 0; font-weight: normal; letter-spacing: 0; text-align: left;}
.single-service .single-service-block-content h3{font-size: 23px; line-height: 45px; color: #1e0a00; padding: 0; margin: 0; font-weight: bold; letter-spacing: 0.5px; text-align: left;}  
.single-service .single-service-block-content ul{ width: 100%; padding: 1px; margin: 0;}
.single-service .single-service-block-content ul li{ font-size: 15px; line-height: 25px; color: #1e0a00; padding: 0 0 10px; margin: 0; text-align: justify;}
.single-service .single-service-block-content ul li span{font-size: 15px !important; line-height: 25px !important; color: #1e0a00 !important; padding: 0 0 5px !important; margin: 0; text-align: justify; font-family: revert !important;}
.single-service .single-service-block-content a{ display: block; padding: 10px 0; margin: 10px 0 0; color: #fff; text-transform: uppercase; overflow: hidden; font-weight: bold; width: 23%; text-align: center; letter-spacing: 1px; transition: all 400ms ease-in-out; box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.19); border-radius: 5px; border: 1px solid #622201; background: #3b1908; }
.single-service .single-service-block-content a:hover{ background: #2f1000;letter-spacing: 2px; transition: all 400ms ease-in-out; }

.single-service .single-other-service-block-content{ width: 100%; padding: 15px; margin: 0; border: 1px solid #9F3A08; }
.single-service .single-other-service-block-content h3{ font-size: 20px; line-height: 26px; color: #000; padding: 0 0 15px; margin: 0; font-weight: bold; text-align: center; letter-spacing: 0.5px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.32); text-shadow: none;}
.single-service .single-other-service-block-content .service-content{ width: 100%; padding: 0; margin: 0 0 15px; transition: all 400ms ease-in-out; }
.single-service .single-other-service-block-content .service-content:hover{ webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px); transition: all 400ms ease-in-out; box-shadow: 0 0 10px #0000003B; border-radius: 10px;}
.single-service .single-other-service-block-content .service-content img{ width: 100%; }
.single-service .single-other-service-block-content .service-content h4{ color: #000; font-size: 14px; line-height: 18px; text-align: center; padding: 15px 10px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.32); text-shadow: none;}

.single-service-block-content .single-service-block-img{ width: 100%; height: 250px; overflow: hidden; border-radius: 5px; margin: 0 0 15px; background: #000; }
.single-service-block-content .single-service-block-img img:hover{ opacity: 1; transition: all 500ms ease-in-out;}


/*Agent-Registration*/
.Agent-Registration{width: 100%; position: relative; display: inline-block; background: #f4f7f8; padding: 30px 0; margin: 0;}
.Agent-Registration h2{ padding: 0; text-align: center; letter-spacing: 0.5px; display: block; font-size: 40px; text-transform: capitalize; line-height: 50px; color: #4d1c04; font-weight: bold; font-family: initial; margin: 0 0 30px; }
.Agent-Registration h2 span{color: #ff7d24;}
.Agent-Registration .Agent-Registration-box{ width: 100%; background: #fff; padding: 0; margin: 0 0 30px; box-shadow: 0 14px 20px rgba(147, 147, 147, 0.06); border: 0.5px solid #f0f0f0; border-radius: 5px; overflow: hidden;  transition: all 500ms ease-in-out;}
.Agent-Registration .Agent-Registration-box:hover{background: #f4f7f8; box-shadow: 0 14px 20px rgba(147, 147, 147, 0.27);  transition: all 600ms ease-in-out; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
.Agent-Registration .Agent-Registration-box img{width: 40%; margin: 0 0 5px 10px; opacity: 0.8; transition: all 600ms ease-in-out; float: left; }
.Agent-Registration .Agent-Registration-box:hover img{opacity: 1; transition: all 600ms ease-in-out;}
.Agent-Registration .Agent-Registration-box h4{ font-size: 15px; line-height: 30px; color: #170801; padding: 0px 0 0 5px; margin: 0; font-weight: normal; letter-spacing: 0; text-align: left; width: 100%; display: inline-block;}
.Agent-Registration .Agent-Registration-box h4 b{font-size: 15px; line-height: 15px; color: #ff7c23;color: #00000014; padding: 0 0 0 5px; margin: 0;} 
.Agent-Registration .Agent-Registration-box h3{font-size: 18px; line-height: 28px; color: #401e0d; padding: 20px 0 0; margin: 0; float: right; width: 55%; text-align: center; }
.Agent-Registration .Agent-Registration-box a{cursor: pointer;
  outline: none;
  color: #fff;
  font-size: 14px;
  line-height: 25px;
  padding: 2px 0 3px;
  font-family: revert;
  background: #ff7c23;
  display: block;
  text-align: center;
  margin: 6px 0 0;
  width: 100%;
  float: left;
  font-weight: 500;
  text-transform: capitalize;}
.Agent-Registration .Agent-Registration-box a:hover{opacity: 1;background: #401e0de5;  transition: all 600ms ease-in-out;}

.Registration-modal{ }
.Registration-modal .modal-dialog{ width: 900px;  margin: 90px auto; }
.Registration-modal .modal.in .modal-dialog{ }
.Registration-modal .modal-dialog .modal-content{ }
.Registration-modal .modal-dialog .modal-content .modal-header{ width: 100%; padding: 0 0; margin: 0; background: #ff7c23; }
.Registration-modal .modal-dialog .modal-content .modal-header h4{ text-align: center; color: #fff; font-size: 22px; line-height: 35px; padding: 15px 0; margin: 0; }
.Registration-modal .modal-dialog .modal-content .modal-header h4 b{ }
.Registration-modal .modal-dialog .modal-content .modal-header .close{ color: #000; opacity: 1; font-size: 30px; padding: 0 5px 0 0;}
.Registration-modal .modal-dialog .modal-content .modal-body{ position: relative; display: -webkit-box; padding: 0 0; margin: 0; background: url(../images/pupup-bg.png) no-repeat center; background-size: auto; background-size: cover;}
.Registration-modal .modal-dialog .modal-content .modal-body img.pupup-agent{ width: 50%; float: left; padding: 30px; margin: 0 0 0 0; }
.Registration-modal .modal-dialog .modal-content .modal-body ul{ width: 50%; float: right; padding: 10px;  margin: 130px 0 0;}
.Registration-modal .modal-dialog .modal-content .modal-body ul li{ position: relative; font-size: 15px; line-height: 25px; color: #ffffffc7; transition: all 600ms ease-in-out; letter-spacing: 0; padding: 0 0; margin: 0 0 8px; border-bottom: 0.5px dotted #ccc; }
.Registration-modal .modal-dialog .modal-content .modal-body ul li span{ text-align: right; float: right; font-size: 15px; padding: 0 0; margin: 0 0; line-height: 22px; font-weight: bold; }
.Registration-modal .modal-dialog .modal-content .modal-body ul li:hover{color:#fff;transition: all 600ms ease-in-out;}
.Registration-modal .modal-dialog .modal-content .modal-body .map-text{ position: absolute; content: ""; left: 200px; top: 300px; opacity: 0;transition: all 600ms ease-in-out; background: #f20924b0; padding: 10px 13px; margin: 0; border: 0.5px solid #d0d0d0; box-shadow: 0 14px 20px rgba(0, 0, 0, 0.27); border-radius: 3px; transition: all 600ms ease-in-out; }
.Registration-modal .modal-dialog .modal-content .modal-body .map-text:hover{ background: #ff7c23f7; transition: all 600ms ease-in-out;}
.Registration-modal .modal-dialog .modal-content .modal-body .map-text h5{ text-align: center; font-size: 17px; color: #fff; line-height: 20px; padding: 0 0 5px 0; margin: 0 0 10px; border-bottom: 0.5px solid #ccccccd6; }
.Registration-modal .modal-dialog .modal-content .modal-body .map-text h6{ color: #fffc; font-size: 13px; line-height: 20px; padding: 0 0; margin: 0 0;}
.Registration-modal .modal-dialog .modal-content .modal-body .map-text h6 b{color: #ffffffe8;}
.Registration-modal .modal-dialog .modal-content .modal-body img.pupup-agent:hover .map-text{ opacity: 1;transition: all 600ms ease-in-out;}
.Registration-modal .modal-dialog .modal-content .modal-body:hover .map-text{ opacity: 1;transition: all 600ms ease-in-out;}
.Registration-modal .modal-dialog .modal-content .modal-body img.logopupup{ position: absolute; right: 20px; animation: blink 1s linear infinite;  bottom: 10px; width: 12%;}
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}


/*Marquee Body*/
.body-marquee {width: 100%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; background: #3a1807; background: #f4f7f8; font-size: 16px; font-family: 'proxima nova', 'open sans', 'Helvetica', sans-serif; position: fixed; z-index: 9999; content: ""; left: 0; bottom: 0; }
.Marquee::before { z-index: 1; }
.Marquee::before {display: none; position: absolute; left: 150px; top: 0; bottom: 0; height: 100%; content: ''; background-image: url(../images/right-icon.png); width: 20px; background-size: 100% 100%; z-index: 99; }
.Marquee::after { position: absolute; left: 0; top: 0; bottom: 0; height: 100%; content: 'Notifications'; text-align: center; color: #fff; background: #ff7c23; width: 150px; padding-top: 9px; font-weight: bold; }
.body-marquee .Marquee {background: -webkit-linear-gradient(225deg, #008ed9, #8b00db); background: -moz-linear-gradient(225deg, #008ed9, #8b00db); background: -o-linear-gradient(225deg, #008ed9, #8b00db); background: -ms-linear-gradient(225deg, #008ed9, #8b00db); background: linear-gradient(-135deg, #008ed9, #8b00db); width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0em; color: #fff; font-weight: 200; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; background: linear-gradient(-135deg, #f4f7f8, #3a180708); }
.body-marquee .Marquee-content { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-animation: marquee 30s linear infinite running; -moz-animation: marquee 30s linear infinite running; -o-animation: marquee 30s linear infinite running; -ms-animation: marquee 30s linear infinite running; animation: marquee 30s linear infinite running; }
.body-marquee .Marquee-content:hover { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; -ms-animation-play-state: paused; animation-play-state: paused; }
.body-marquee .Marquee-tag { width: 500px; margin: 0em; padding: 10px 0; background: rgba(255,255,255,0.1); border-right: 1px solid #fff; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; font-family: "Montserrat", sans-serif; }
.body-marquee .Marquee-tag:hover { background: rgba(255,255,255,0.5); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); cursor: pointer; }
.body-marquee .Marquee-tag a{color: #3a1807; font-size: 14px; font-weight: 400; line-height: 20px;}
.body-marquee .Marquee-tag a:hover{color: #ff6700;}
.body-marquee .Marquee-tag img{width: 2%;
  margin: 0 10px 0 0;}
@-moz-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}
@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}
@-o-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}
@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}






/*-----Theme Counter -----*/
/*.theme-counter { width: 100%; position: relative; display: block; overflow: hidden; background: #010c12; padding: 0; margin: 0; height: 450px; }
.theme-counter video{ width: 100%; opacity: 0.3; padding: 0; margin: 0; }
.theme-counter .theme-counter-block{  position: absolute; content: ""; top: 30px; left: 0; right: 0; text-align: center; padding: 0; margin: 0; width: 100%; }
.theme-counter .theme-counter-block h2{ text-align: center; padding: 0; margin: 0; font-size: 30px; color: #fff; letter-spacing: 0.5px; line-height: 44px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.32); } 

.theme-counter .theme-counter-block .style-square{ width: 10px; height: 10px; background-color: transparent; border-width: 3px; border-style: solid; border-color: #fff; margin: 0 auto 30px; }
.theme-counter .theme-counter-block  .style-square .separator-left{ position: absolute; top: 12%; width: 70px; height: 2px;  background-color: #FFBC13; right: -91px; left: 0; margin: 0 auto; }
.theme-counter .theme-counter-block  .style-square .separator-right{ position: absolute; top: 12%; width: 70px; height: 2px;  background-color: #FFBC13; left: -91px; right: 0; margin: 0 auto; }


.theme-counter .theme-counter-block .why-choose-left{ text-align: left; width: 100%; padding: 0; margin: 0; }
.theme-counter .theme-counter-block .why-choose-left ul{ padding: 0; margin: 0; }
.theme-counter .theme-counter-block .why-choose-left ul li{ font-size: 24px; line-height: 26px; color: #fff; padding: 0 0 20px; margin: 0; text-align: left; }
.theme-counter .theme-counter-block .why-choose-left ul li img{ width: 7%; padding: 0 10px 0 0; }

.theme-counter .theme-counter-block .play-video{  width: 100%; height: 315px; overflow: hidden; border: 5px solid #feca36;  padding: 0; margin: 0; background: #000;}
.theme-counter .play-video video{ width: 100%; }
.theme-counter .play-video video source{ width: 100%;}


.theme-counter.fix {padding-bottom: 120px;}
.theme-counter .theme-counter-block .single-box{  transition: all 600ms ease-in-out; -webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.18); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; margin: 0 0 30px; padding: 10px 0; border: 1px solid #feca36;
  
  box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.32);  }
.theme-counter .theme-counter-block .single-box:hover{ background: #feca36; transition: all 400ms ease-in-out; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);}
.theme-counter .theme-counter-block .single-box i{ color: #fff; font-size: 25px; line-height: 0; padding: 0; display: inline-block; margin: 0 0 0; position: relative; top: 6px; left: -15px; -webkit-box-shadow: 0px 13px 35px -12px rgb(0, 0, 0); box-shadow: 0px 13px 35px -12px rgb(0, 0, 0); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; }
.theme-counter .theme-counter-block .single-box h3{color: #fff; font-weight: 600; font-size: 30px; line-height: 40px; padding: 0; margin: 0;  position: relative; top: 8px; }
.theme-counter .theme-counter-block .single-box h2 span{ }
.theme-counter .theme-counter-block .single-box img{ max-width: 30%; height: 11%; display: inline-block; padding: 20px 15px; }
.theme-counter .theme-counter-block .single-box p {  font-size: 18px; color: #fff; margin: 5px 0 22px 0; display: block; position: relative; top: 5px; }
.theme-counter .theme-counter-block .single-box:hover p{ color: #000; }
.theme-counter .theme-counter-block .single-box:hover h3{ color: #000; }
.theme-counter .theme-counter-block .single-box:hover i{ color: red; }*/


/*Privacy Policy*/
.privacy{ width: 100%; display: block; position: relative; background: #fff; padding: 30px 0; margin: 0; }
.privacy .privacy-block-dec{ width: 100%; padding: 0; margin: 0; }
.privacy .privacy-block-dec h5{font-size: 25px; line-height: 45px; color: #280f01; padding: 0; margin: 0; font-weight: bold; letter-spacing: 0.5px; }

.privacy .privacy-block-dec p{ font-size: 16px; line-height: 20px; color: #000; padding: 10px 0 20px; margin: 0; text-align: justify; }
.privacy .privacy-block-dec ul{ padding: 0; margin: 0; }
.privacy .privacy-block-dec ul li{ font-size: 15px; line-height: 25px; color: #000; padding: 10px 0; margin: 0; text-align: justify; }
.privacy .privacy-block-dec ul li b{   font-size: 15px; line-height: 20px; color: #b53f03; }
.privacy .privacy-block-dec ul li b u{ text-decoration: unset; font-size: 17px; font-weight: inherit; color: #2f1204; letter-spacing: 0.5px; }
.privacy ul li b u{ text-decoration: unset; font-size: 17px; font-weight: inherit; color: #2f1204; letter-spacing: 0.5px; }
.privacy ul{ padding: 0; margin: 0; }
.privacy ul li{ font-size: 16px; line-height: 20px; color: #000; padding: 10px 0; margin: 0; text-align: justify; }
.privacy ul li b{   font-size: 15px; line-height: 20px; color: #b53f03; }
.privacy ul li a{ font-size: 16px; line-height: 18px; color: #df4a00; transition: all 500ms ease-in-out; font-weight: 400; }
.privacy ul li a:hover{ color: #FFBC13; transition: all 500ms ease-in-out; }
.privacy .privacy-block-img{ width: 100%; padding: 15px; margin: 0; border: 1px solid #FFBC13; box-shadow: 3px 3px 6px #bfc3cfc7,-3px -3px 6px #fff; }
.privacy .privacy-block-img img{ width: 100%; }



/*Why Block*/
.why{ width: 100%; position: relative; display: block; background: #fff; padding: 5px 0 50px; margin: 0; }
.why .why-left{ width: 45%; float: left; padding: 0; margin: 0; height: 464px; }
.why .why-left img{ width: 100%; height: 100%; }
.why .why-right{ width: 100%; width: 100%; float: left; padding: 30px 60px; margin: 0; background: #3b1908 url(../images/bg.jpg) no-repeat center center; background-attachment: scroll; background-size: auto; background-attachment: scroll; background-size: auto; background-size: cover; height: 464px; background-attachment: fixed; background-blend-mode: exclusion;}
.why .why-right h2{ padding: 0; margin: 0; font-size: 30px; color: #fff; letter-spacing: 0.5px; line-height: 44px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.32); font-weight: bold; text-align: center; } 
.why .why-right .style-square{ width: 10px; height: 10px; background-color: transparent; border-width: 3px; border-style: solid; border-color: #fff; margin: 0 auto 30px; }
.why .why-right  .style-square .separator-left{ position: absolute; top: 85px; width: 100px; height: 2px; background-color: #fff; right: 130px; left: 0; margin: 0 auto;}
.why .why-right  .style-square .separator-right{position: absolute; top: 85px; width: 100px; height: 2px; background-color: #fff; right: 0; left: 130px; margin: 0 auto; }
.why .why-right .card { width: 100%; margin: 0; border-radius: 2px; background: white; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); }
.why .why-right .card article { position: relative; font-family: 'Roboto', sans-serif; transition: all .3s; background: #732b08; border-top: 1px solid #621f01;
 
  &.selected {
    transform: scale(1.1);
    box-shadow: 0 0 5px rgba(2, 2, 2, 0.4);
    z-index: 2;
  } 
}
  
.why .why-right .card article h3 {
  position: relative;
  background: #3b1908;
  padding: 20px 75px 20px 30px;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  overflow: hidden;
  transition: background .3s;
  
  &:hover,
  .selected & {
    cursor: pointer;
    background: #260f03;
  }

  &:before,
  &:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1px;
    margin-right: 30px;
    width: 20px;
    height: 2px;
    background: #fff;
    transition: transform .3s;
  }

  &:before {
    transform: rotate(0deg);
    animation: close-line-one-in .8s forwards;
    
    .selected & {
      animation: close-line-one-out .8s forwards;
    }
  }
  
  &:after {
    transform: rotate(90deg);
    animation: close-line-two-in .8s forwards;
    
    .selected & {
      animation: close-line-two-out .8s forwards;  
    }
  }

}
.why .why-right .card article h3 i{ font-size: 16px; line-height: 18px; padding: 0 10px 0 0; color: #9b3806; }
.why .why-right .card article .content {  
  opacity: 0;
  transform: translateY(20px);
  transition: all ease-out .4s .1s;
  
  .selected & {
    transform: translateY(0);
    opacity: 1;
  }
  
  .collapsed & {
    display: none;
  }
}

.why .why-right .card article .content p {
  padding: 25px 30px 40px;
  background: #fff;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}


@keyframes close-line-one-out {
    0%, 50% {
      transform: translateX(0);
    }
    75% { 
      transform: translateX(50px);
    }
    76% { 
      transform: translateX(50px) translateY(50px);
    }
    100% { 
      transform: rotate(45deg);
    }
}

@keyframes close-line-one-in {
    0%, 20% {
      transform: rotate(45deg);
    }
    60% { 
      transform: translateX(50px) translateY(50px) rotate(45deg);
    }
    61% { 
      transform: translateX(50px);
    }
    100% { 
      transform: rotate(0deg);
    }
}

@keyframes close-line-two-out {
    0%, 50% { 
      transform: rotate(90deg);
    }
    75% { 
      transform: translateY(-50px) rotate(90deg);
    }
    76% {
      transform: translateY(-50px) translateX(50px) rotate(90deg);
    }
    100% { 
      transform: rotate(135deg);
    }
}

@keyframes close-line-two-in {
    0% { 
      transform: rotate(135deg);
    }
    50% { 
      transform: translateY(-50px) translateX(50px) rotate(135deg);
    }
    51% { 
      transform: translateY(-50px) rotate(90deg);
    }
    100% { 
      transform: rotate(90deg);
    }
}

.why-right-map{position: relative; width: 100%; padding: 5px; margin: 0 0 35px; transition: 400ms ease-in-out; background: #fff; -webkit-box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.27); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; border: 1px solid #391706;}
.why-right-map img{ width: 100%;  }
.why-right-map:hover img{  -webkit-transform: scaleX(-1); transform: scaleX(-1);transition: 600ms ease-in-out;}
.why-right-map h4{padding: 10px 0; margin: 0; font-family: "Montserrat", sans-serif; text-align: center; color: #fff; font-size: 15px; line-height: 22px; background: #391706;}

.rules-left-regulations{width: 100%; position: relative; padding: 5px; margin: 0 0; border: 1px solid #391706; }
.rules-left-regulations img{width: 100%;}
.rules-right-regulations{width: 100%; position: relative; padding: 0 0; margin: 0 0;}
.rules-right-regulations h4{padding: 0; margin: 0; font-family: "Montserrat", sans-serif; color: #2d1103; font-size: 22px; line-height: 32px;}
.rules-right-regulations h4 span{padding: 0; margin: 2px 0 15px; font-family: "Montserrat", sans-serif; color: #000000bf; font-size: 15px; line-height: 22px; display: block; text-transform: uppercase;}
.rules-right-regulations p{padding: 0 0 15px; margin: 0; font-family: "Montserrat", sans-serif; text-align: left; color: #000000d6; font-size: 15px; line-height: 27px;} 

.about .experience{ width: 100%; text-align: center; }
.rules-right-regulations ul{ padding: 18px 0 0; margin: 0; /*border-top: 1px solid #e1ebf3;*/ }
.rules-right-regulations ul li{ width: 22%; padding: 0; margin: 0 15px 0 0; font-size: 14px; line-height: 20px; color: #fff; display: inline-block; text-align: center; }
.rules-right-regulations ul li a{ display: block; padding: 10px 0; margin: 0 0 15px; color: #fff; text-transform: uppercase; overflow: hidden; font-weight: bold; width: 100%; text-align: center; letter-spacing: 1px; transition: all 400ms ease-in-out; box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.19); border-radius: 5px; border: 1px solid #ff5300; background: #913203; }
.rules-right-regulations ul li a:hover{background: #260d01;  letter-spacing: 2px; transition: all 400ms ease-in-out; }

.rules-right-regulations .top-documents{ float: left; background: #fff; padding: 0; margin: 0 0 10px; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.33); border: 0.5px solid #cccccc47; border-radius: 8px; width: 100%; text-align: left; }
.rules-right-regulations .top-documents img{width: 90%; margin: 0 auto; display: block;}
.rules-right-regulations .top-documents a{background: #ddd; display: block; overflow: hidden; font-family: "Montserrat", sans-serif; color: #000; font-weight: 400; font-size: 14px; line-height: 22px; margin: 0 0 5px; padding: 4px 5px 5px; text-decoration: none !important; border: none; outline: none; text-transform: none; text-align: left; }
.rules-right-regulations .top-documents a:hover{background: #fff; letter-spacing:1px; }
.rules-right-regulations .top-documents a i{font-size: 13px; padding: 0 5px 0 10px; line-height: 18px; color: #f00;}

.rules-right-regulations form{position: relative; padding: 0 0; margin: 0; width: 100%; display: inline-block;}
.rules-right-regulations form .search{position: relative; padding: 5px; margin: 0; width: 43%; display: inline-block; background: #fce9bc; border-radius: 5px; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.55); border: 0.5px solid #cccccc47;}
.rules-right-regulations form .search input{width: 80%; float: left; background: #fce9bc; border: none; color: #000; font-size: 17px; line-height: 25px; padding: 3px 0 5px 15px; outline: none;}
.rules-right-regulations form .search button{width: 20%; float: right; background: #fbda96; border: none; color: #fff; font-size: 17px; line-height: 25px; padding: 0 0; outline: none; text-align: center; height: 35px;transition: 400ms ease-in-out;}
.rules-right-regulations form .search button:hover{background: #fce9bc; border: none; color: #3b1908;transition: 600ms ease-in-out;}

.rules-important-documents{width: 100%; position: relative; padding: 0 0; margin: 0 0;}
.rules-important-documents h5{padding: 10px 14px; margin: 40px 0 15px 0; font-family: "Montserrat", sans-serif; color: #fff; font-size: 22px; line-height: 32px; display: block; background: #3f1c0b; width: 70%; float: left;}
.rules-important-documents form{position: relative; padding: 0 0; margin: 0; width: 40%; float: right; display: block;}
.rules-important-documents form .search{position: relative; padding: 0; margin: 20px 0 20px; width: 100%; }
.rules-important-documents form .search input{width: 80%; float: left; background: #fff; color: #000; font-size: 17px; line-height: 25px; padding: 5px 0 7px 10px; outline: none; height: 40px; border: 0.5px solid #cccccc4a; }
.rules-important-documents form .search button{width: 20%; float: right; background: #602000; color: #fff; font-size: 17px; line-height: 25px; padding: 0 0; outline: none; text-align: center; height: 40px; transition: 400ms ease-in-out; border: 2px solid #cccccc78; }
.rules-important-documents form .search button:hover{background: #822b00; border: 2px solid #f8f8f880; color: #fff;transition: 600ms ease-in-out;}

.rules-important-documents .box-important-documents{width: 22%; float: left; background: #fff; padding: 0; margin: 10px 17px 30px; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.33); border: 0.5px solid #cccccc47; border-radius: 8px;}
.rules-important-documents .box-important-documents img{width: 90%; margin: 0 auto; display: block;}
.rules-important-documents .box-important-documents a{background: #ddd; display: block; text-align: center; overflow: hidden; font-family: "Montserrat", sans-serif; color: #000; font-weight: 400; font-size: 14px; line-height: 22px; margin: 10px 0 0 0; padding: 4px 5px 5px;text-decoration: none !important; border: none; outline: none; height: 120px; }
.rules-important-documents .box-important-documents a:hover{background: #fff;}
.rules-important-documents .box-important-documents a i{font-size: 13px; padding: 0 10px 0 0; line-height: 18px; color: #f00;}
  
  
/*inner-why-block*/
.inner-why-block{ padding: 50px 0; display: block;  position: relative; background: #f3f5fa; background: #fff; background: url(../images/pic-c-1bg.png) no-repeat center right; background-size: cover; background-attachment: fixed; }
.inner-why-block h2{ padding: 0 0 30px ; margin: 0; font-size: 30px; color: #000; letter-spacing: 0.5px; line-height: 44px;  font-weight: bold; text-align: center; }
.inner-why-block h2.state-resource{ padding:0; }
.inner-why-block .apex-state-download{ width: 100%; display: block; text-align: center; padding: 0; margin: 0; }
.inner-why-block .apex-state-download a{ display: block; padding: 10px 0; margin: 0 auto 30px; color: #fff; text-transform: uppercase; overflow: hidden; font-weight: bold; width: 70%; text-align: center; letter-spacing: 1px; transition: all 400ms ease-in-out; box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.19); border-radius: 5px; border: 1px solid #ff5300; background: #913203; }
.inner-why-block .apex-state-download a:hover{background: #260d01;  letter-spacing: 2px; transition: all 400ms ease-in-out; }
.inner-why-block .apex-state-download a i{ padding:0 10px 0 0; }

.inner-why-block .why-left-box-content{ width: 100%; padding: 15px; margin: 0; border: 1px solid #FFBC13; }
.inner-why-block .why-left-box-content img{ width: 100%; }

.inner-why-block .why-right-box-content .card { width: 100%; margin: 0; border-radius: 2px; background: white; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); }
.inner-why-block .why-right-box-content .card article { position: relative; font-family: 'Roboto', sans-serif; transition: all .3s; background: #732b08; border-top: 1px solid #621f01;

  &.selected {
    transform: scale(1.1);
    box-shadow: 0 0 5px rgba(2, 2, 2, 0.4);
    z-index: 2;
  } 
}
  
.inner-why-block .why-right-box-content .card article h3 {
  position: relative;
  background: #6C3011;
  padding: 15px 75px 15px 30px;
  font-size: 17px;
  line-height: 24px;
  color: #fff;
  overflow: hidden;
  transition: background .3s;
  
  &:hover,
  .selected & {
    cursor: pointer;
    background: #953B0C;
  }

  &:before,
  &:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1px;
    margin-right: 30px;
    width: 20px;
    height: 2px;
    background: #fff;
    transition: transform .3s;
  }

  &:before {
    transform: rotate(0deg);
    animation: close-line-one-in .8s forwards;
    
    .selected & {
      animation: close-line-one-out .8s forwards;
    }
  }
  
  &:after {
    transform: rotate(90deg);
    animation: close-line-two-in .8s forwards;
    
    .selected & {
      animation: close-line-two-out .8s forwards;  
    }
  }

}
.inner-why-block .why-right-box-content .card article h3 i{ font-size: 16px; line-height: 18px; padding: 0 10px 0 0; color: #EAEAEA; }
.inner-why-block .why-right-box-content .card article .content {  
  opacity: 0;
  transform: translateY(20px);
  transition: all ease-out .4s .1s;
  
  .selected & {
    transform: translateY(0);
    opacity: 1;
  }
  
  .collapsed & {
    display: none;
  }
}

.inner-why-block .why-right-box-content .card article .content p {
  padding: 25px 30px 40px;
  background: #E8EAF6;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}


@keyframes close-line-one-out {
    0%, 50% {
      transform: translateX(0);
    }
    75% { 
      transform: translateX(50px);
    }
    76% { 
      transform: translateX(50px) translateY(50px);
    }
    100% { 
      transform: rotate(45deg);
    }
}

@keyframes close-line-one-in {
    0%, 20% {
      transform: rotate(45deg);
    }
    60% { 
      transform: translateX(50px) translateY(50px) rotate(45deg);
    }
    61% { 
      transform: translateX(50px);
    }
    100% { 
      transform: rotate(0deg);
    }
}

@keyframes close-line-two-out {
    0%, 50% { 
      transform: rotate(90deg);
    }
    75% { 
      transform: translateY(-50px) rotate(90deg);
    }
    76% {
      transform: translateY(-50px) translateX(50px) rotate(90deg);
    }
    100% { 
      transform: rotate(135deg);
    }
}

@keyframes close-line-two-in {
    0% { 
      transform: rotate(135deg);
    }
    50% { 
      transform: translateY(-50px) translateX(50px) rotate(135deg);
    }
    51% { 
      transform: translateY(-50px) rotate(90deg);
    }
    100% { 
      transform: rotate(90deg);
    }
}




/*inner-news*/
.inner-news{ width: 100%; position: relative; display: block; overflow: hidden; padding: 30px 0 90px; margin: 0; background: #fff; }
.inner-news .news-block{ width: 100%; overflow: hidden; padding: 5px; border: 1px solid #cccccc4a; margin: 0 0 30px; }
.inner-news .news-block:hover{}
.inner-news .news-block img.newsimg{ width: 100%; height: 200px; }
.inner-news .news-block h3{padding: 3px 0 5px; margin: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 24px; color: #000; height:69px;height: 55px;
  overflow: hidden;}
.inner-news .news-block h6{font-size: 14px; line-height: 15px; padding: 9px 0 0; color: #ff7c23; margin: 0;}
.inner-news .news-block h5{display: none; font-size: 14px; line-height: 22px; color: #000c; font-weight: normal; padding: 0 0 0; margin: 0 0 0; height: 90px;}
.inner-news .news-block a{display: block; padding: 8px 0; color: #fff; text-transform: uppercase; overflow: hidden; font-weight: bold; width: 99.9%; text-align: center; letter-spacing: 0.5px; transition: all 400ms ease-in-out; box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.19); border-radius: 5px; border: 1px solid #ff5300; background: #913203; font-size: 12px; margin: 1px auto 10px;}
.inner-news .news-block a:hover{background: #260d01;  letter-spacing: 2px; transition: all 400ms ease-in-out; }
.inner-news .news-block img.newsimgd{ width: 100%; height: auto; float: left; margin: 0 20px 0 0; padding: 0; }
.inner-news .news-block b.CreditSource{ font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 25px; color: #913203; padding: 10px 0 15px; display: block; margin: 0; }
.inner-news .news-block b.CreditSource a{ display: initial; border: none; background: none; box-shadow: none; padding: 0 0 0 10px; margin: 0; color: #913203; text-transform: capitalize; font-size: 15px; letter-spacing: 0; font-weight: normal; line-height: 20px; transition: all 400ms ease-in-out; }
.inner-news .news-block b.CreditSource a:hover{ color: #514a46; transition: all 400ms ease-in-out; }
.inner-news .news-block b.CreditSource:hover a{ color: #514a46; transition: all 400ms ease-in-out; }


.news-home{ width: 100%; position: relative; display: block; overflow: hidden; padding: 30px 0 20px; margin: 0; background: #fff; }
.news-home h2{ font-size: 30px; line-height: 44px; color: #000; padding: 0; margin: 0; font-weight: bold; letter-spacing: 0.5px; text-align: center;} 
.news-home .style-square{ width: 10px; height: 10px; background-color: transparent; border-width: 3px; border-style: solid; border-color: #2d3239; margin: 0 auto 30px; }
.news-home .style-square .separator-left{ position: absolute; top: 80px; width: 80px; height: 2px; background-color: #BB4204; right: 0; left: 100px; margin: 0 auto;}
.news-home .style-square .separator-right{ position: absolute; top: 80px; width: 80px; height: 2px; background-color: #BB4204; right:100px; left: 0; margin: 0 auto;}
.news-home .item{padding: 0;
  margin: 10px;}
.news-home .item .news-block{}
.news-home .item .news-block img.newsimg {
  width: 100%;
  height: 170px;
}
.news-home .item .news-block h6 {
  font-size: 12px;
  line-height: 15px;
  padding: 8px 0 0;
  color: #df4f08;
  margin: 0;
}
.news-home .item .news-block h3 {
  padding: 3px 0 5px;
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 23px;
  color: #000000bd;
  height: 69px;
  height: 55px;
  overflow: hidden;
}



/*testimonial*/
.testimonial{ width: 100%; position: relative; display: block; overflow: hidden; padding: 30px 0 90px; margin: 0; background: #fff; }
.testimonial h2{ font-size: 30px; line-height: 44px; color: #000; padding: 0; margin: 0; font-weight: bold; letter-spacing: 0.5px; text-align: center;} 
.testimonial .style-square{ width: 10px; height: 10px; background-color: transparent; border-width: 3px; border-style: solid; border-color: #2d3239; margin: 0 auto 30px; }
.testimonial .style-square .separator-left{ position: absolute; top: 80px; width: 80px; height: 2px; background-color: #BB4204; right: 0; left: 100px; margin: 0 auto;}
.testimonial .style-square .separator-right{ position: absolute; top: 80px; width: 80px; height: 2px; background-color: #BB4204; right:100px; left: 0; margin: 0 auto;}

.testimonial .testimonial-block-image{ width: 100%; padding: 10px; margin: 0; border: 1px solid #9F3A08; height: 350px; }
.testimonial .testimonial-block-image img{ width: 100%; height: 100%; }

.testimonial .testimonial-card{ padding: 0 20px 20px;  width: 100%; background: #fff url('../images/header-v5-bg.png') no-repeat 0 0; background-size: auto; display: inline-block; background: #fff; text-align: center; }
.testimonial .testimonial-card .testimonial-profile{ position: relative; width: 100%; padding: 15px 0; margin: 0; display: inline-block; }
.testimonial .testimonial-card .testimonial-profile .profile-header{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.testimonial .testimonial-card .testimonial-profile .profile-header .profile-image{ width: 10%; float: left; }
.testimonial .testimonial-card .testimonial-profile .profile-header .profile-image img{ width: 100%; }
.testimonial .testimonial-card .testimonial-profile .profile-header .profile-content{ width: 100%;  padding: 0; margin: 0; }
.testimonial .testimonial-card .testimonial-profile .profile-header .profile-content img.test-icon{ width: 10%; }
.testimonial .testimonial-card .testimonial-profile .profile-header .profile-content h5{ font-size: 20px; line-height: 22px; color: #000; padding: 15px 0 5px; margin: 0; }
.testimonial .testimonial-card .testimonial-profile .profile-header .profile-content p{ font-size: 16px; line-height: 18px; color: #000; padding: 0; margin: 0; }
.testimonial .testimonial-card .testimonial-profile .quote{ width: 20%; padding: 0; margin: 0; display: block; float: left; text-align: left; opacity: 0.1; -webkit-filter: grayscale(100%); filter: grayscale(100%); position: absolute; top: 100px; left: 0; }
.testimonial .testimonial-card .testimonial-profile .quote i{ font-size: 100px; color: #9F3A08; }
.testimonial .testimonial-card .testimonial-content{ width: 100%; padding: 1px 0; margin: 0;  }
.testimonial .testimonial-card .testimonial-content p{ font-size: 16px; line-height: 30px; color: #000000d1; text-align: center; padding: 0; margin: 0; }
.testimonial .testimonial-card .testimonial-content p b{ font-size: 18px;
  line-height: 22px;
  color: #000;
  padding: 0;
  margin: 15px 0 0;
  font-weight: normal;
  display: block; } 
.testimonial .testimonial-card .testimonial-content h6{ font-size: 16px;
  line-height: 20px;
  color: #000000d6;
  padding: 10px 0 10px;
  margin: 0; }

.testimonial .testimonial-card .testimonial-content .star-rating{ width: 100%; padding: 15px 0 0; margin: 0; display: inline-block; }
.testimonial .testimonial-card .testimonial-content .star-rating ul{ padding: 0; margin: 0; }
.testimonial .testimonial-card .testimonial-content .star-rating ul li{ display: inline-block; padding: 0 5px 0 0; margin: 0; font-size: 18px; line-height: 20px; color: #9F3A08; }


/*clients*/
.clients{ background: #f4f7f8; width: 100%; position: relative; display: inline-block; padding: 40px 0 20px; margin: 0; }
.clients h2{ font-size: 30px; line-height: 44px; color: #000; padding: 0; margin: 0; font-weight: bold; letter-spacing: 0.5px; text-align: center;} 
.clients .style-square{ width: 10px; height: 10px; background-color: transparent; border-width: 3px; border-style: solid; border-color: #2d3239; margin: 0 auto 30px; }
.clients .style-square .separator-left{ position: absolute; top: 80px; width: 80px; height: 2px; background-color: #BB4204; right: 0; left: 100px; margin: 0 auto;}
.clients .style-square .separator-right{ position: absolute; top: 80px; width: 80px; height: 2px; background-color: #BB4204; right:100px; left: 0; margin: 0 auto;}
.clients #clients-block{}
.clients #clients-block .item{ padding: 0px; margin: 10px;}
.clients #clients-block .item .client-box{width: 100%; background: #fff; padding: 0 0; margin: 0 0 30px; border: 0.5px solid #edeff0; box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.08); border-radius: 10px; overflow: hidden; }
.clients #clients-block .item .client-box img{width: 96%; margin: 0 auto; display: block; padding: 10px 0;transition: all 600ms ease-in-out; }
.clients #clients-block .item .client-box:hover img{ width:98%; transition: all 400ms ease-in-out; }
.clients #clients-block .item .client-box:hover{  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.18);transition: all 500ms ease-in-out; }


/*Contact Start*/
.contact{ width: 100%; position: relative; display: block; overflow: hidden; background: #fff; padding: 30px 0; margin: 0; background: url(../images/pic-c-1bg.png) no-repeat center right; background-size: cover; }
.contact .contact-form{ width: 100%; padding: 15px; margin: 0; border: 1px solid #B5400329; background: #fff; box-shadow: -1px 6px 10px 0px rgba(154, 154, 154, 0.29);}
.contact .contact-form h4{ font-size: 30px; line-height: 44px; color: #000; padding: 0; margin: 0; font-weight: bold; letter-spacing: 0.5px; text-align: center;}
.contact .contact-form form{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.contact .contact-form form .fill-box{ width: 50%; float: left; padding: 0; margin: 0; }
.contact .contact-form form .fill-box label{ font-size: 16px; line-height: 18px; color: #000; background: #fff; padding: 0; margin: 0; position: relative; top: 25px; left: 15px; }
.contact .contact-form form .fill-box input{ width: 96%; font-size: 16px; line-height: 18px; color: #000; border: 1px solid #bbbbbb75; outline: none; background: #fff; padding: 15px 15px 10px; margin: 15px 0; box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.05); }
.contact .contact-form form .message{ width: 100%; padding: 0; margin: 0; }
.contact .contact-form form .message label{ font-size: 16px; line-height: 18px; color: #000; background: #fff; padding: 0; margin: 0; position: relative; top: 25px; left: 15px; }
.contact .contact-form form .message textarea{ width: 98%; font-size: 16px; line-height: 18px; color: #000; border: 1px solid #ccc; outline: none; background: #fff; padding: 15px 15px 10px; margin: 15px 0; box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.06); height: 100px !important;  }
.contact .contact-form form .submit-btn{ width: 100%; padding: 0; margin: 0; }
.contact .contact-form form .Captcha-box { position: relative; }
.contact .contact-form form .Captcha-box input { background: url(../images/captcha_background.png); text-align: center; font-weight: normal; color: #4d4c4c; }
.contact .contact-form form .submit-btn input[type="submit"]{ display: block; padding: 10px 0; margin: 15px auto; color: #fff; text-transform: uppercase; overflow: hidden; font-weight: bold; width: 47%; text-align: center; letter-spacing: 1px; border: 1px solid #f95805; border: 1px solid #862f03; background: #571F03; transition: all 400ms ease-in-out; border-radius: 5px; transition: all 400ms ease-in-out; box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.32); }
.contact .contact-form form .submit-btn input[type="submit"]:hover{ background: #3B1908;letter-spacing: 2px; transition: all 400ms ease-in-out; }




.contact .contact-block{ width: 100%; padding: 15px; margin: 0; border: 1px solid #B5400329; background: #fff; box-shadow: -1px 6px 10px 0px rgba(154, 154, 154, 0.29); }
.contact .contact-block h4{ font-size: 30px; line-height: 44px; color: #000; padding: 0; margin: 0; font-weight: bold; letter-spacing: 0.5px; text-align: center;}
.contact .contact-block ul{ padding: 0; margin: 0; display: inline-block; }
.contact .contact-block ul li{ font-size: 15px; line-height: 18px; padding: 0 0 15px; margin: 0; color: #171201; }
.contact .contact-block ul li a{ color: #000; transition: all 500ms ease-in-out; }
.contact .contact-block ul li a:hover{ color: #792A02; transition: all 500ms ease-in-out; }
.contact .contact-block ul li a i{ color: #792A02; font-size: 15px; padding: 0 10px 0 0; }
.contact .contact-block ul li i{ color: #792A02; font-size: 15px; padding: 0 10px 0 0; }


.contact .contact-map{ width: 100%; height: 400px; padding: 0; margin: 0; border: 1px solid #ccc; box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.32); }
.contact .contact-map iframe{ width: 100%; height: 400%; }

/*Realtyedge*/
.realtyedge{ width: 100%; display: block; position: relative; background: #ffe3d5; padding: 30px 0; margin: 0; text-align: center; border-top: 1px solid #e34d03; border-bottom: 5px solid #e34d03; }
.realtyedge .realtyedge-block{ width: 100%; padding: 0; margin: 0; position: relative; }
.realtyedge .realtyedge-block h3{ font-size: 30px; line-height: 34px; color: #311406; padding: 0; margin: 0; font-weight: bold; }
.realtyedge .realtyedge-block h3 a{ color: #e34d03; }


/*Footer Start*/
.footer{ width: 100%; position: relative; padding: 10px 0 10px; margin: 0; display: inline-block;
/*background: #351303 url('../images/header-v5-bg-FF.png') no-repeat right top;*/ background: #2f1001 url('../images/header-v5-bg-FF.png') no-repeat right top; background-size: auto; background-size: cover; }

.footer .footer-image{ width: 100%; padding: 0; margin: 0 auto; display: block; height: auto; text-align: center;}
.footer .footer-image img{width: 9%; height: auto; opacity: 0.8; margin: 0 0 8px; transition: all 500ms ease-in-out;}
.footer .footer-image img:hover{width: 9%; height: auto; opacity: 1;transition: all 500ms ease-in-out;}
.footer .footer-image ul{ width: 70%; padding: 5px 0; margin: 0 auto;  }
.footer .footer-image ul li{ display: inline-block; padding: 0 10px; margin: 0; color: #cacaca;}
.footer .footer-image ul li i{color: #e34d03; font-size: 15px; line-height: 20px; padding: 0 8px 0 0;transition: all 500ms ease-in-out;}
.footer .footer-image ul li a{color: #cacaca;transition: all 500ms ease-in-out;}
.footer .footer-image ul li a:hover{ color: #fff;transition: all 500ms ease-in-out;}
.footer .footer-image ul li:hover{ color: #fff;transition: all 500ms ease-in-out;}

.footer .footer-about{ width: 100%; padding: 0; margin: 0; }
.footer .footer-about ul{ width: 100%; padding: 5px 0; margin: 6px auto 0; border-top: 0.5px dotted #9f3e0c; border-bottom: 0.5px dotted #9f3e0c; text-align: center;}
.footer .footer-about ul li{ font-size: 14px; line-height: 15px; display: inline-block; padding: 0 10px; margin: 0; color: #cacaca;}
.footer .footer-about ul li a{ color: #b0b0b0; transition: all 500ms ease-in-out; }
.footer .footer-about ul li a:hover{ color: #fff; transition: all 500ms ease-in-out; }
.footer .footer-about ul li a i{display: none;  color: #e34d03; font-size: 13px; padding: 0 10px 0 0; }
.footer .footer-about ul li i{ color: #e34d03; font-size: 13px; padding: 0 10px 0 0; }

.footer .footer-social-icon{ width: 100%; padding: 0; margin: 0 auto;   display: inline-block; height: auto; text-align: center; }
.footer .footer-social-icon ul{ width: 30%; padding: 0; margin: 15px auto 5px; display: inline-block; height: auto; text-align: center;}
.footer .footer-social-icon ul li{ font-size: 15px; line-height: 18px; padding: 0; display: inline-block; text-align: center; width: 40px; margin: 0 10px 0 0; }
.footer .footer-social-icon ul li a{color: #e34d03; padding: 8px 10px; transition: all 500ms ease-in-out; border: 1px solid #55230a; text-align: center; width: 100%; display: inline-block; border-radius: 5px;}
.footer .footer-social-icon ul li a:hover{ color: #fff; transition: all 500ms ease-in-out; }

.footer .footer-about h4{ font-size: 20px; line-height: 22px; color: #FFBC13; font-weight: bold; padding: 0; margin: 0 0 25px; display: inline-block; }
.footer .footer-about h4:after{ position: absolute; content: ""; width: 20%; height: 2px; background-color: #FFBC13; top: 30px; left: 16px; }
.footer .footer-about p{ font-size: 15px; line-height: 24px; color: #cecece; padding: 0 0 20px; margin: 0; }

.footer .footer-map{ padding: 15px 0 0; }
.footer .footer-map h4{ font-size: 20px; line-height: 22px; color: #FFBC13; font-weight: bold; padding: 0; margin: 0 0 25px; display: inline-block; }
.footer .footer-map h4:after{ position: absolute; content: ""; width: 20%; height: 2px; background-color: #FFBC13; top: 191px; left: 16px; }
.footer .footer-map .map{ width: 100%; height: 135px; padding: 10px; margin: 0; border: 1px solid #feca36; }
.footer .footer-map .map iframe{ width: 100%; height: 100%; }



/*Copyright Start*/
.copyright{ width: 100%; position: relative; border-top: 0.5px solid #441e0d; background: #2d0f00; display: block; padding: 5px 0 40px; margin: 0; }
.copyright .just-link{ width: 100%; padding: 16px 0 0; margin: 0; }
.copyright .just-link ul li { display: inline-block; padding: 0 9px 0 0; margin: 0; line-height: 24px; }

.copyright .just-link ul li a { font-size: 14px; line-height: 16px; color: #ffffffb2; padding: 0; margin: 0; transition: all 500ms ease-in-out; }
.copyright .just-link ul li a:hover{ color: #e34d03; transition: all 500ms ease-in-out; }

.copyright .botom-text-right{ width: 100%; padding:15px 0 0 0; margin: 0; }
.copyright .botom-text-right p{ font-size: 14px; line-height: 22px; color: #cececeb0; padding: 0; margin: 0; text-align: center; }
.copyright .botom-text-right p a{ color: #ff5400; transition: all 400ms ease-in-out;}
.copyright .botom-text-right p a:hover{ font-style: italic; transition: all 400ms ease-in-out;}
.copyright .footer-brochure{ width: 100%; padding: 10px 0 0; margin: 0; text-align: right; }

.copyright .footer-brochure a{  display: inline-block; font-size: 15px; line-height: 18px; color: #fff; background: #391402; border: 1px solid #772902; padding: 8px 0; margin: 0; transition: all 400ms ease-in-out; width: 100%; text-align: center; font-weight: bold; border-radius: 5px;}
.copyright .footer-brochure a:hover{ letter-spacing: 1.5px; transition: all 400ms ease-in-out; }

.bodyimg-right{position: fixed;
  bottom: 40px;
  right: -5px;
  z-index: 9;
  padding: 0;
  margin: 0;
  width: 14%;
  float: right;
  text-align: right;}
.bodyimg-right img.credai-pupup{width:90%;}


/*calculators*/
.calculators{width: 100%; position: relative;  background: #fff; display: block; padding: 35px 0 40px; margin: 0;}
.calculators .calculators-box{width: 100%; padding: 10px; margin: 0 0 30px; display: block; background: #f4f7f8; box-shadow: 0 14px 20px rgba(147, 147, 147, 0.16); border: 0.5px solid #f0f0f0;}
.calculators .calculators-box h3{font-size: 16px; line-height: 30px; color: #3a1807; padding: 0; margin: 0 0 10px; font-weight: bold; letter-spacing: 0; text-align: left;}
.calculators .calculators-box h3 i{font-size: 30px; padding: 0 5px 0 0px; color: #ff7d24;}
.calculators .calculators-box img {width: 100%;}
.calculators .calculators-box p{font-size: 16px; line-height: 28px; font-weight: normal; color: #595656; height: 350px;}
.calculators .calculators-box a{position: relative; display: block; padding: 9px 20px; margin: 2px 0; color: #fff; text-transform: uppercase; transition: 0.5s; overflow: hidden; font-weight: bold; width: 45%; text-align: center; letter-spacing: 1px; border: 1px solid #772902; background: #391402; box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.16); border-radius: 5px;}
.calculators .calculators-box a:hover{border: 1px solid #fff; background: #ff7c23;}

.calculators-form{width: 100%; position: relative;  padding: 10px 0 50px; margin: 0;}
.calculators-form form {position: relative; padding: 20px 20px 30px 20px; margin: 0 auto; width: 80%; display: table; background: #f4f7f8; border-radius: 15px; box-shadow: 4px 10px 30px rgba(10, 2, 45, 0.11);}
.calculators-form form .fill-box {position: relative; padding: 0; margin: 0 10px 30px; width: 31%; display: inline-block; float: left; height: 55px; border: 0.5px solid #cccccc57; border-radius: 6px;}
.calculators-form form .fill-box:hover{border: 0.5px solid #3b19086b;transition: all 600ms ease-in-out;}   
.calculators-form form .fill-box label {position: relative; padding: 0 10px; margin: 0; width: auto; display: inline-block; color: #3b1908; font-size: 16px; line-height: 20px; font-family: "Open Sans", sans-serif; font-weight: initial; background: #f4f7f8; top: -15px; left: 10px; }
.calculators-form form .fill-box label b { font-size: 12px; color: #f00; opacity: 0.7; padding: 0 0 0 3px;}
.calculators-form form .fill-box input { position: relative; padding: 0 15px 5px; margin: 0; width: 100%; display: inline-block; outline: none; background: #fff; border: none; color: #0c013b; font-family: arial; font-size: 15px; line-height: 20px; background: none;} 
.calculators-form form h4{font-size: 30px; line-height: 30px; color: #ff7c23; padding: 0; margin: 0 0 50px; font-weight: bold; letter-spacing: 0; text-align: center;}
.calculators-form form h5{font-size: 14px; line-height: 25px; font-weight: normal; color: #3b1908; text-align: center; padding: 0 0; margin: 0 0 50px;}  
.calculators-form form .full-box { width: 96%; height: auto; margin: 0 10px 20px; border: none; text-align: center; }
.calculators-form form .full-box span { width: 95%; margin: 0 auto; display: block; padding: 0; font-family: arial; font-size: 15px; line-height: 25px; color: #0c013b; letter-spacing: 0.1px; }
.calculators-form form .full-box input[type="button"] { display: block; padding: 10px 0; margin: 0; color: #fff; text-transform: uppercase; overflow: hidden; font-weight: bold; width: 27%; text-align: center; letter-spacing: 1px; border: 1px solid #862f03; background: #571F03; transition: all 400ms ease-in-out; border-radius: 5px; box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.32); float: left; }
.calculators-form form .full-box input[type="button"]:hover{background: #ff7c23; transition: all 600ms ease-in-out;}
.calculators-form form .full-box input[type="reset"] { display: block; padding: 10px 0; margin: 0 0 0 20px; color: #fff; text-transform: uppercase; overflow: hidden; font-weight: bold; width: 27%; text-align: center; letter-spacing: 1px; border: 1px solid #ff7c23; background: #FF7C23;  border-radius: 5px; transition: all 400ms ease-in-out; box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.32); float: left; }
.calculators-form form .full-box input[type="reset"]:hover{background: #571f03;transition: all 600ms ease-in-out;}



.Rera-Compensation{width: 100%; padding: 20px; margin: 0; background: #f4f7f8ab;}
.Rera-Compensation p{font-size: 15px; line-height: 30px; color: #3b1908; padding: 0 0; margin: 0 0 10px; display: block;transition: all 600ms ease-in-out;}
.Rera-Compensation p b{}
.Rera-Compensation p:hover{color: #ff7d24;transition: all 600ms ease-in-out;}
.Rera-Compensation p img{width: 1.5%;
  margin: 0 6px 0 0;}
.Interest-form{width: 100%; padding: 20px; margin: 0; background: #fffc;  border: 3px solid #fff;}
.Interest-form .fill-box{width: 100%;padding: 0; margin: 0;}
.Interest-form .fill-box input{position: relative; padding: 9px 10px; margin: 0; width: 100%; display: inline-block; outline: none;text-transform: capitalize !important; background: #fff; border: 0.5px solid #e3edf0; color: #0c013b; font-family: arial; font-size: 14px; line-height: 20px; background: none; margin: 0 0 25px; border-radius: 5px;}
.Interest-form .fill-box input[type="date"]{text-transform: uppercase !important; }
.Interest-form .fill-box input:hover{background: #fff;}
.Interest-form .fill-box input[type="submit"]{background: #ff7d24; color: #fff; text-transform: uppercase; font-weight: bold;}
.Interest-form .fill-box input[type="submit"]:hover{background: #662900;}
.Interest-form .fill-box select{position: relative; padding: 9px 10px; margin: 0; width: 100%; display: inline-block; outline: none;text-transform: capitalize !important;  border: 0.5px solid #e3edf0; color: #0c013b; font-family: arial; font-size: 14px; line-height: 20px; background: none; margin: 0 0 8px; border-radius: 5px;}
.Interest-form .fill-box select:hover{background: #fff;}
.Interest-form .fill-box span{ color: #fff; }

.Rera-Compensation h2{font-size: 20px;
  color: #fff;
  line-height: 40px;
  padding: 0 0 2px 20px;
  margin: 0 0 15px 0;
  background: #ff7c23;}
.Rera-Compensation h6{font-size: 15px; color: #3b1908e5; line-height: 30px; padding: 0 0 4px; margin: 0; font-weight: normal;}
.Rera-Compensation h6 b{font-size: 16px; padding: 0 8px 0 0px; line-height: 25px; color: #3f1d0c;}
.Rera-Compensation h6 i{font-size: 14px; padding: 0; line-height: 25px; color: #020100;}
.Rera-Compensation h3{font-size: 24px; color: #fff; line-height: 40px; padding: 0 0 2px 20px; margin: 0 0 15px 0; background: #ff7c23;}
.Rera-Compensation h4{font-size: 17px; color: #cc4501e5; line-height: 28px; padding: 5px 0 15px; margin: 0; }
.Rera-Compensation h5{font-size: 14px;
  color: #220d02f5;
  line-height: 25px;
  padding: 5px 0 10px;
  margin: 0;
  font-weight: normal; }
.Interest-form h3{font-size: 24px; color: #fff; line-height: 40px; padding: 0 0 2px 20px; margin: 0 0 15px 0; background: #ff7c23; }





/*footer-animation*/
.footer-animation { float: left;
width: 100%;
position: relative;
height: 300px;
background: url(../images/img.gif);
background-size: 100% 281px;
overflow: hidden;}
.footer-animation video{    width: 100%;
margin: -300px 0 0 0;
height: auto;}   
.footer-animation .truck2 { position: absolute; bottom: 10px; right: 0; -webkit-animation: truck2 13s 1s linear infinite; -moz-animation: truck2 13s 1s linear infinite; animation: truck2 13s 1s linear infinite; z-index: 5 }

@-webkit-keyframes truck2 {
    0% {
        right: 0
    }

    100% {
        right: 88%
    }
}

@keyframes truck2 {
    0% {
        right: 0
    }

    100% {
        right: 88%
    }
}

.footer-animation .car2 { position: absolute; bottom: 10px; left: 0; -webkit-animation: car2 4s 1s linear infinite; -moz-animation: car2 4s 1s linear infinite; animation: car2 4s 1s linear infinite; z-index: 4 }

@-webkit-keyframes car2 {
    0% {
        left: 0
    }

    100% {
        left: 88%
    }
}

@keyframes car2 {
    0% {
        left: 0
    }

    100% {
        left: 88%
    }
}

.footer-animation .car1 {
    position: absolute;
    bottom: 20px;
    left: 0;
    -webkit-animation: car1 6s 1s linear infinite;
    -moz-animation: car1 6s 1s linear infinite;
    animation: car1 6s 1s linear infinite;
    z-index: 3
}

@-webkit-keyframes car1 {
    0% {
        left: 0
    }

    100% {
        left: 88%
    }
}

@keyframes car1 {
    0% {
        left: 0
    }

    100% {
        left: 88%
    }
}

.footer-animation .truck1 {
    position: absolute;
    bottom: 30px;
    right: 0;
    -webkit-animation: truck1 15s 1s linear infinite;
    -moz-animation: truck1 15s 1s linear infinite;
    animation: truck1 15s 1s linear 1 forwards;
    z-index: 2
}

@-webkit-keyframes truck1 {
    0% {
        right: 0
    }

    100% {
        right: 70%
    }
}

@keyframes truck1 {
    0% {
        right: 0
    }

    100% {
        right: 70%
    }
}

.footer-animation .jcb {
    position: absolute;
    bottom: 30px;
    left: 80%;
    -webkit-animation: jcb 15s 1s linear infinite;
    -moz-animation: jcb 15s 1s linear infinite;
    animation: jcb 15s 1s linear 1 forwards;
    z-index: 1
}

@-webkit-keyframes jcb {
    0% {
        left: 5%
    }

    100% {
        left: 80%
    }
}

@keyframes jcb {
    0% {
        left: 10%
    }

    100% {
        left:80%
    }
}




/*//-------------------TAB / All Mobile Responsiv view SUJOY-------------------//*/




@media(max-width:786px) {
    
    .bottom-header img{ width: 75% !important; padding: 5px 0 10px !important; }
    .banner { width: 100%; height: 398px; }
    .banner .banner-text .text-dec h2 { font-size: 42px; line-height: 56px; }
    .banner .banner-text .text-dec a { padding: 13px 0; margin: 17px 0; width: 35%; font-size: 14px; }
    .about { padding: 30px 0; }
    .about h2 { font-size: 24px; line-height: 34px; }
    .about .style-square .separator-left { top: 68px; width: 170px; height: 2px; right: -191px; left: 0; }
    .about .style-square .separator-right { top: 68px; width: 170px; height: 2px; left: -191px; right: 0; }
    .about p { font-size: 13px; line-height: 24px; padding: 22px 0 0px; margin: 0; }
    .about img.about-right { margin: 26px 0 0; border-radius: 5px; }
    .about a.about-btn { padding: 8px 0; margin: 15px 0 0; width: 40%; font-size: 13px; }
    .theme-counter-up .single-box h3 { color: #8a360b; font-weight: 600; font-size: 24px; line-height: 34px; }
    .theme-counter-up { text-align: center; padding: 20px 0 40px; }
    .theme-counter-up .single-box p { font-size: 12px; color: #441a05; margin: 5px 0 0px 0; display: block; position: relative; }
    .service { width: 100%; padding: 20px 0 0 !important; }
    .service h2 { font-size: 24px; line-height: 34px; }
    .service .style-square .separator-left { top: 68px; width: 100px; height: 2px; right: -120px; left: 0; }
    .service .style-square .separator-right { top: 68px; width: 100px; height: 2px; left: -120px; right: 0; }   
    .service .service-box-content { width: 50%; position: relative; padding: 20px 15px; margin: 0; transition: all 400ms ease-in-out; box-shadow: none; height: 75px; }
    .service .service-box01 .service-box-content h4 { outline: none; color: #24201c; font-size: 14px; line-height: 27px; text-align: left; padding: 0 0 8px; }
    .service .style-square-2 .separator-left { top: 61px; width: 100px; height: 2px; right: -120px; left: 0; }
    .service .style-square-2 .separator-right { top: 61px; width: 100px; height: 2px; left: -120px; right: 0; }
    .service .service-box04 .service-box-content { width: 50%; padding: 25px 15px; height: 135px; }
    .service .service-box03 .service-box-content { width: 50%; padding: 25px 15px; margin: 0; height: 105px; border-bottom: 1px solid #EAEAEA; }
    .service .service-box02 .service-box-content { width: 50%; padding: 25px 15px; height: 105px; border-bottom: 1px solid #EAEAEA; }
    .why .why-right { width: 100%; float: left; padding: 30px 20px; height: 380px; }
    .why { width: 100%; position: relative; display: inline-block; background: #fff; padding: 5px 0 0; margin: 0; }
    .why .why-right h2 { padding: 0; margin: 0; font-size: 24px; color: #fff; letter-spacing: 0.5px; line-height: 34px; }
    .why .why-right .style-square .separator-left { top: 74px; width: 60px; height: 2px; right: 80px; left: 0; }
    .why .why-right .style-square .separator-right { top: 74px; width: 60px; height: 2px; right: 0; left: 80px; }
    .why .why-right .card article h3 { position: relative; background: #3b1908; padding: 15px 75px 15px 30px; font-size: 14px; line-height: 24px; }
    .why .why-right .card article .content p { padding: 25px 30px 40px; background: #fff; font-size: 13px; line-height: 24px; color: #000; }
    
    .testimonial { padding: 20px 0 40px; }
    .testimonial h2 { font-size: 24px; line-height: 34px; }
    .testimonial .style-square .separator-left { top: 58px; width: 40px; height: 2px; right: 0; left: 60px; }
    .testimonial .style-square .separator-right { top: 58px; width: 40px; height: 2px; right: 60px; left: 0; }
    .testimonial .testimonial-card .testimonial-profile .profile-header .profile-content h5 { font-size: 16px; line-height: 20px; padding: 0 0 10px; margin: 0; }
    .testimonial .testimonial-card .testimonial-profile .quote { width: 15%; padding: 0; margin: 0; }   
    .testimonial .testimonial-card .testimonial-profile .quote i { font-size: 35px; }  
    .testimonial .testimonial-card .testimonial-content { padding: 10px 0; margin: 0; }   
    .testimonial .testimonial-card .testimonial-content { padding: 10px 0; margin: 0; font-size: 13px; line-height: 24px; }
    .testimonial .testimonial-card .testimonial-content p { font-size: 13px; line-height: 24px; padding: 0; margin: 0; }  
    .testimonial .testimonial-card .testimonial-content .star-rating { padding: 10px 0 0; margin: 0; }   
    .testimonial .testimonial-card .testimonial-content .star-rating ul { padding: 0; margin: 0; display: inline-flex; }   
    .testimonial .testimonial-card .testimonial-content .star-rating ul li { padding: 0 5px 0 0; margin: 0; font-size: 13px; }  
    .testimonial .testimonial-card { padding: 15px; width: 100%; height: 275px; }  
    .testimonial .testimonial-block-image { width: 100%; padding: 10px; height: 275px; }  
    
    .footer .footer-image img { width: 16%; margin: 0 0 8px; }
    .footer .footer-image img:hover{width: 16%; }
    .footer .footer-image ul { width: 100%; padding: 5px 0; margin: 0 auto; }
    .footer .footer-image ul li { padding: 0 6px; margin: 0; font-size: 13px; line-height: 16px; } 
    .footer .footer-about ul li { font-size: 13px; line-height: 24px; padding: 0 10px; margin: 0; }  
    .footer .footer-image ul li i { color: #e34d03; font-size: 13px; line-height: 20px; padding: 0 8px 0 0; transition: all 500ms ease-in-out; }
    .footer .footer-social-icon ul li { font-size: 13px; line-height: 16px; padding: 0; display: inline-block; text-align: center; width: 40px; margin: 0 10px 0 0; }  
    .copyright .botom-text-right p { font-size: 8px; line-height: 11px; }
    .copyright .just-link ul li { display: inline-block; padding: 0 5px 0 0; margin: 0; line-height: 20px; }
    .copyright .just-link ul li a { font-size: 10px; line-height: 14px; color: #fff; padding: 0; margin: 0; transition: all 500ms ease-in-out; } 
    .copyright .just-link { width: 100%; padding: 5px 0 0; margin: 0; }   
    .copyright .footer-brochure { width: 100%; padding: 0; margin: 0; text-align: right; }  
    .copyright .footer-brochure a { display: inline-block; font-size: 10px; line-height: 14px; }  
    .inner-banner .page-list ul li { display: inline-block; font-size: 13px; line-height: 16px; color: #fff; padding: 0 5px; margin: 0; }
    .inner-banner .page-list { padding: 8px 0; margin: 0 auto; }
    .inner-banner { padding: 0; height: 220px; }
    .mission { width: 100%; position: relative; background: #fff; padding: 20px 0; margin: 0; } 
    .mission h3 { font-size: 24px; line-height: 34px; color: #000; }   
    .mission .style-square .separator-left { top: 58px; width: 30px; height: 2px; right: 0; left: 50px; }
    .mission .style-square .separator-right { top: 58px; width: 30px; height: 2px; right: 50px; left: 0px; }
    .mission .style-square { width: 10px; height: 10px; border-width: 3px; margin: 0 auto 20px; }
    .mission .mission-dec-block h2 { font-size: 16px; line-height: 22px; }
    .mission .mission-dec-block p { font-size: 13px; line-height: 24px; color: #000000c4; padding: 10px 0 0; margin: 0; text-align: left; }
    .inner-about { width: 100%; position: relative; background: #fff; padding: 20px 0 40px; margin: 0; }
    .inner-about h3 { font-size: 24px; line-height: 34px; }
    .inner-about .style-square .separator-left { top: 58px; width: 30px; height: 2px; right: 0; left: 50px; }
    .inner-about .style-square .separator-right { top: 58px; width: 30px; height: 2px; right: 50px; left: 0px; margin: 0 auto; }
    .inner-about .inner-about-content-block h2 { font-size: 24px; line-height: 34px; color: #000; padding: 0 0 15px; }
    .inner-about .inner-about-content-block p { font-size: 13px; line-height: 24px; }
    .inner-about .inner-about-image-block { width: 100%; padding: 10px; margin: 0; }
    .inner-why-block h2 { padding: 0 0 20px; margin: 0; font-size: 24px; line-height: 34px; }
    .inner-why-block { padding: 20px 0 40px; }
    .inner-why-block .why-left-box-content { padding: 10px; margin: 0; }
    .inner-why-block .why-right-box-content .card article h3 { padding: 15px 75px 15px 30px; font-size: 13px; line-height: 24px; }
    .inner-why-block .why-right-box-content .card article .content p { padding: 15px 20px 30px; font-size: 13px; line-height: 24px; color: #000; }
    .inner-service-top h3 { font-size: 30px; line-height: 44px; }
    .inner-service-top p { outline: none; color: #371707fa; font-size: 13px; text-align: left; line-height: 24px; padding: 0 0 15px 0px; font-family: revert; }
    .single-service .single-service-block-content h4 { font-size: 20px; line-height: 34px; color: #170801; }
    .single-service .single-service-block-content p span { font-size: 13px !important; line-height: 24px !important; }
    .single-service .single-service-block-content ul li span { font-size: 13px !important; line-height: 24px !important; padding: 0 0 5px !important; }
    .single-service .single-service-block-content a { padding: 8px 0; margin: 10px 0 0; width: 25%; font-size: 13px; }
    
    .single-service .single-service-block-content p { font-size: 13px; line-height: 24px; padding: 0 0 10px; }
.contact .contact-form h4 { font-size: 24px; line-height: 34px; }

.contact .contact-form form .fill-box label { font-size: 13px; line-height: 15px; }

.contact .contact-form form .fill-box input { font-size: 13px; line-height: 15px; }
.contact .contact-form form .message label { font-size: 13px; line-height: 15px; }
.contact .contact-form form .message textarea { font-size: 13px; line-height: 15px; }
.contact .contact-form form .submit-btn input[type="submit"] { display: block; padding: 8px 0; margin: 10px auto; width: 53%; font-size: 13px; line-height: 15px; }
.contact .contact-block { width: 100%; padding: 10px; margin: 0; }
.contact .contact-block h4 { font-size: 24px; line-height: 34px; }
.contact .contact-block ul li { font-size: 13px; line-height: 15px; }
.contact .contact-block ul li a i { color: #792A02; font-size: 13px; padding: 0 7px 0 0; }

.contact .contact-form {
  width: 100%;
  padding: 10px; }
.privacy p{ font-size: 13px; line-height: 24px; }

.why-right-map h4 { padding: 8px 0; font-size: 13px; line-height: 20px; }
.why-right-map { padding: 3px; margin: 0 0 30px; }
.rules-right-regulations p { padding: 0 0 15px; font-size: 13px; line-height: 24px; }
.rules-right-regulations h4 { font-size: 20px; line-height: 28px; }
  .rules-right-regulations ul li { width: 30%; padding: 0; margin: 0 11px 0 0; font-size: 10px; line-height: 18px; } 
  .rules-right-regulations .top-documents a { font-size: 12px; line-height: 22px; margin: 0 0 4px; padding: 5px; } 
     .rules-important-documents form .search input { width: 80%; font-size: 14px; line-height: 22px; padding: 5px 0 7px 10px; height: 35px; }
.rules-important-documents form .search button { width: 20%; font-size: 14px; line-height: 25px; height: 35px; }
.rules-important-documents form { width: 45%; }
.inner-why-block .apex-state-download a { padding: 10px 0; margin: 0 auto 30px; width: 80%; font-size: 10px; line-height: 16px; }
.inner-why-block .apex-state-download a:hover{ letter-spacing: 1.2px; transition: all 400ms ease-in-out; }
.body-marquee { font-size: 13px; }
.Marquee::after { width: 140px; padding-top: 6px; }
.body-marquee .Marquee-tag { width: 470px; padding: 5px 0; }
.body-marquee .Marquee-tag img { width: 8px; margin: 0 5px 0 0; }
.body-marquee .Marquee-tag a { font-size: 12px; line-height: 16px; }
.copyright { padding: 5px 0 30px; margin: 0; }
.copyright .botom-text-right { padding: 11px 0 0 0; margin: 0; }
.bodyimg-right { bottom: 28px; width: 20%; }
#myBtn2 { bottom: 40px !important; width: 10% !important; }
#myBtn2 img { width: 90% !important; }
.Agent-Registration h2 { font-size: 30px; line-height: 40px; margin: 0 0 20px; }
.Agent-Registration .Agent-Registration-box h3 { font-size: 13px; line-height: 20px; padding: 20px 0 0; width: 55%; }
.Agent-Registration .Agent-Registration-box a { font-size: 12px; line-height: 22px; padding: 2px 0 3px; margin: 6px 0 0; }
.Registration-modal .modal-dialog .modal-content .modal-header h4 { font-size: 18px; line-height: 30px; padding: 10px 0; }
.Registration-modal .modal-dialog { width: 700px; margin: 70px auto; }
.Registration-modal .modal-dialog .modal-content .modal-body ul li { font-size: 12px; line-height: 25px; margin: 0 0 8px; }
.Registration-modal .modal-dialog .modal-content .modal-body ul li span { font-size: 12px; line-height: 20px; }
.Registration-modal .modal-dialog .modal-content .modal-body .map-text h5 { font-size: 14px; line-height: 18px; padding: 0 0 5px 0; margin: 0 0 10px; }
.Registration-modal .modal-dialog .modal-content .modal-body .map-text h6 { font-size: 10px; line-height: 20px; }
.Registration-modal .modal-dialog .modal-content .modal-body .map-text { left: 130px; top: 250px; padding: 8px 10px; }
.Registration-modal .modal-dialog .modal-content .modal-body ul { width: 49%; padding: 10px; margin: 80px 0 0; }
.news-home h2 { font-size: 24px; line-height: 34px; }
.news-home .style-square .separator-left { top: 68px; width: 52px; height: 2px; left: 80px; }
.news-home .style-square .separator-right { top: 68px; width: 52px; height: 2px; right: 80px; }
.news-home .style-square { width: 10px; height: 10px; margin: 0 auto 20px; }
.news-home .item .news-block img.newsimg { height: 130px; }
.news-home .item .news-block h6 { font-size: 10px; line-height: 12px; padding: 8px 0 0; }
.news-home .item .news-block h3 { padding: 3px 0 5px; font-size: 12px; line-height: 18px; height: 140px; }
.inner-news .news-block a { padding: 8px 0; width: 99.9%; font-size: 9px; }
.bolg-home { padding: 20px 0 40px; margin: 0; }
.bolg-home h2 { font-size: 24px; line-height: 34px; }
.bolg-home .style-square .separator-left { top: 68px; width: 70px; height: 2px; right: -98px; }
.bolg-home .style-square .separator-right { top: 68px; width: 70px; height: 2px; left: -98px; }
.bolg-home .item-box h3 { padding: 5px; font-size: 12px; line-height: 18px; height: 160px; }
.clients { padding: 20px 0 10px; margin: 0; }
.clients h2 { font-size: 24px; line-height: 34px; }
.clients .style-square .separator-left { top: 58px; width: 50px; height: 2px; left: 75px; }
.clients .style-square .separator-right { top: 58px; width: 50px; height: 2px; right: 75px; }
 .inner-news .news-block h3 { padding: 5px 0 5px; font-size: 15px; line-height: 24px; height: 200px; }
.inner-news .news-block h5 p span{ font-size: 13px !important; line-height: 26px !important; }
.inner-news .news-block h5 p{ font-size: 13px !important; line-height: 26px !important; }
.inner-news .news-block h6 { font-size: 13px; line-height: 15px; padding: 9px 0 0; }
.inner-news .news-block b.CreditSource { font-size: 13px; line-height: 22px; padding: 10px 0 15px; }
.inner-news .news-block img.newsimg { width: 100%; height: 200px; }

img.blognews { width: 100%; }
.inner-news .news-block h6 span { font-size: 20px; line-height: 30px; padding: 5px 0 0; }
.calculators .calculators-box h3 { font-size: 14px; line-height: 22px; margin: 0 0 10px; height: 40px; }
.calculators .calculators-box h3 i { font-size: 22px; padding: 0 8px 0 0px; }
.calculators .calculators-box p { font-size: 13px; line-height: 22px; height: 390px; }
.calculators .calculators-box a { padding: 8px 0; margin: 2px 0; width: 65%; font-size: 10px; }
.Rera-Compensation p { font-size: 14px; line-height: 24px; }
.Interest-form .fill-box input { padding: 9px 10px; font-size: 13px; line-height: 20px; margin: 0 0 20px; }
.Rera-Compensation p img { width: 10px; margin: 0 6px 0 0; }
.Rera-Compensation h2 { font-size: 15px; line-height: 24px; padding: 5px 0 5px 15px; margin: 0 0 15px 0; }
.Rera-Compensation h6 { font-size: 14px; line-height: 26px; padding: 0 0 4px; margin: 0; }
.Rera-Compensation h6 b { font-size: 13px; padding: 0 8px 0 0px; line-height: 22px; }
.footer-animation { height: 140px; }
.contact .contact-map { width: 100%; height: 337px; box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.06); }
.contact .contact-map iframe { width: 100%; height: 100%; }

}
@media(max-width:768px) { 

.banner {
    width: 100%;
    height: 385px;
  }
  .banner .banner-text .text-dec h2 {
    font-size: 42px;
    line-height: 56px;
    text-align: center;
  }
  
  .banner .banner-text .text-dec a {
    padding: 13px 0;
    width: 35%;
    font-size: 14px;
    margin: 17px auto 0;
  } 
  
  
.footer-animation { float: left; width: 100%; position: relative; height: 135px; background: #fff; background-size: auto; background-size: 100% 281px; }
.footer-animation .jcb{width: 14%;  bottom: 8px;}
.footer-animation .truck1{ width: 10%;  bottom: 11px;}
.footer-animation .car1{width: 20%;  bottom: 9px;}
.footer-animation .car2{width: 12%; bottom: 7px;}
.footer-animation .truck2{ width: 12%; bottom: 3px;}

}

@media(max-width:760px) {
    /*///chek 700///*/
    
     .bottom-header img { width: 60% !important; padding: 5px 0 10px !important; }
    .banner img.bannreimg { width: 100%; opacity: 0.5; height: 100%; }
    .banner .banner-text .text-dec a { padding: 10px 0; width: 35%; font-size: 13px; margin: 17px auto 0; }
    .theme-counter-up .single-box { margin: 0 0 30px; }
     .theme-counter-up .single-box p { font-size: 14px; color: #441a05; margin: 5px 0 0px 0; display: block; position: relative; }
     .testimonial .testimonial-block-image { width: 100%; padding: 10px; height: auto; margin: 0 0 30px; }
    .testimonial .testimonial-block-image img { width: 100%; height: auto; }
    .testimonial .testimonial-card { padding: 15px; width: 100%; height: auto; }
    
    .footer .footer-about ul li { font-size: 11px; line-height: 22px; padding: 0 10px; margin: 0; }
    .footer .footer-image ul li { padding: 0 6px; margin: 0; font-size: 11px; line-height: 16px; }
     .footer .footer-image img { width: 20%; margin: 0 0 8px; }
    .footer .footer-image img:hover { width: 20%; }
    
    .footer .footer-social-icon ul { width: 50%; padding: 0; margin: 15px auto 5px; }
     .copyright .footer-brochure { width: 56%;}
    .copyright .botom-text-right { width: 100%; padding: 0; margin: 0; }
    .copyright .botom-text-right p { font-size: 10px; line-height: 16px; }
    .why .why-right { width: 100%; float: left; padding: 30px 20px; height: auto; }
    .mission .mission-dec-block { width: 100%; padding: 0; margin: 0 0 30px; }
    .inner-about .inner-about-content-block { width: 100%; padding: 0; margin: 0 0 30px; }
    .inner-why-block .why-left-box-content { padding: 10px; margin: 0 0 30px; }
    
    .inner-service-top h3 { font-size: 30px; line-height: 44px; padding: 0; margin: 0 0 20px; }
    .contact .contact-form { width: 100%; padding: 10px; margin: 0 0 30px; }
    .contact .contact-form form .submit-btn input[type="submit"] { display: block; padding: 8px 0; margin: 10px auto; width: 32%; font-size: 13px; line-height: 15px; }
    
    .single-service .single-service-block-content h3 { font-size: 20px; line-height: 26px; color: #1e0a00; padding: 0; margin: 0; font-weight: bold; letter-spacing: 0.5px; text-align: left; }
     .why-right-map { padding: 10px; margin: 0 0 30px; }
     .why-right-map h4 { padding: 10px 0; font-size: 14px; line-height: 20px; }
    .rules-left-regulations { padding: 10px; }
    .rules-right-regulations h4 { font-size: 20px; line-height: 28px; padding: 15px 0 0; }
 .rules-right-regulations ul li { width: 31%; padding: 0; margin: 0 11px 0 0; font-size: 10px; line-height: 18px; }
 .rules-right-regulations .top-documents a { font-size: 12px; line-height: 20px; margin: 0 0 4px; padding: 5px; }





}


@media(max-width:699px) {
    /*///chek 600///*/


.banner { width: 100%; height: 338px; }
.banner .banner-text .text-dec h2 { font-size: 36px; line-height: 46px; text-align: center; }
.banner .banner-text .text-dec a { padding: 10px 0; width: 38%; font-size: 12px; margin: 17px auto 0; }
 .about .style-square .separator-right { top: 68px; width: 120px; height: 2px; left: -141px; right: 0; }
.about .style-square .separator-left { top: 68px; width: 120px; height: 2px; right: -141px; left: 0; }
.about a.about-btn { padding: 8px 0; margin: 15px 0 0; width: 30%; font-size: 12px; }
.service .service-box04 .service-box-content { width: 50%; padding: 25px 15px; height: 155px; }
.why .why-right .card article h3 { position: relative; background: #3b1908; padding: 15px 75px 15px 30px; font-size: 13px; line-height: 22px; }
.copyright .footer-brochure { width: 66%; }
 .footer .footer-image ul li i { color: #e34d03; font-size: 11px; line-height: 20px; padding: 0 8px 0 0; transition: all 500ms ease-in-out; }

.single-service .single-service-block-content h3 { font-size: 20px; line-height: 26px; color: #1e0a00; padding: 0; margin: 0; font-weight: bold; letter-spacing: 0.5px; text-align: left; }
.about h2 {
    font-size: 23px;
    line-height: 34px;
  }
 .rules-important-documents form .search input { width: 80%; font-size: 12px; line-height: 22px; padding: 5px 0 7px 10px; height: 35px; }
  .rules-important-documents form .search button { width: 20%; font-size: 12px; line-height: 25px; height: 35px; }
  .rules-right-regulations ul li { width: 30%; padding: 0; margin: 0 11px 0 0; font-size: 10px; line-height: 18px; }





.footer-animation { float: left; width: 100%; position: relative; height: 135px; background: #808080; background-size: auto; background-size: 100% 281px; }
.footer-animation .jcb{width: 14%;  bottom: 8px;}
.footer-animation .truck1{ width: 10%;  bottom: 11px;}
.footer-animation .car1{width: 20%;  bottom: 9px;}
.footer-animation .car2{width: 12%; bottom: 7px;}
.footer-animation .truck2{ width: 12%; bottom: 3px;}




}

@media(max-width:580px) {
    /*///chek 490///*/

.bottom-header img { width: 68% !important; padding: 5px 0 10px !important; }
.banner { width: 100%; height: 275px; }
.banner .banner-text .text-dec h2 { font-size: 25px; line-height: 30px; text-align: center; }
.banner .banner-text .text-dec a { padding: 10px 0; width: 40%; font-size: 10px; margin: 17px auto 0; }
.about h2 { font-size: 20px; line-height: 30px; }
.about .style-square { display:none; }
.about .style-square .separator-left { top: 94px; width: 90px; height: 2px; right: -111px; left: 0; display:none; }
.about .style-square .separator-right { top: 94px; width: 90px; height: 2px; left: -111px; right: 0; display:none; }
.about p { font-size: 12px; line-height: 22px; padding: 15px 0 0px; margin: 0; }
.about a.about-btn { padding: 7px 0; margin: 15px 0 0; width: 30%; font-size: 11px; }
.theme-counter-up .single-box p { font-size: 13px; color: #441a05; margin: 2px 0 0px 0; display: block; position: relative; }
.service h2 { font-size: 20px; line-height: 30px; }
.service .style-square .separator-left { top: 64px; width: 80px; height: 2px; right: -100px; left: 0; }
.service .style-square .separator-right { top: 64px; width: 80px; height: 2px; left: -100px; right: 0; }
.service .service-box01 .service-box-content h4 { outline: none; color: #24201c; font-size: 13px; line-height: 25px; text-align: left; padding: 0 0 8px; }
 .service .service-box-content { padding: 20px 15px; margin: 0; height: 90px; }
.service .style-square-2 .separator-right { top: 57px; width: 100px; height: 2px; left: -120px; right: 0; }
.service .style-square-2 .separator-left { top: 57px; width: 100px; height: 2px; right: -120px; left: 0; }
.service .style-square-4 { width: 10px; height: 10px; background-color: transparent; border-width: 3px; border-style: solid; border-color: #2d3239; margin: 3px auto 30px; }
.service .style-square-4 .separator-right { top: 57px; width: 40px; height: 2px; left: -60px; right: 0; }
.service .style-square-4 .separator-left { top: 57px; width: 40px; height: 2px; right: -60px; left: 0; }
.service .service-box02 .service-box-content { width: 50%; padding: 25px 15px; height: 124px; border-bottom: 1px solid #EAEAEA; }

.why .why-right h2 { padding: 0; margin: 0; font-size: 20px; line-height: 30px; }
.why .why-right .style-square .separator-left { top: 69px; width: 50px; height: 2px; right: 70px; left: 0; }
.why .why-right .style-square .separator-right { top: 69px; width: 50px; height: 2px; left: 70px; right: 0; }
.why .why-right .card article h3 i { font-size: 12px; line-height: 18px; padding: 0 10px 0 0; color: #9b3806; }
 .why .why-right .card article .content p { padding: 25px 30px 30px; background: #fff; font-size: 12px; line-height: 22px; color: #000; }
.testimonial h2 { font-size: 20px; line-height: 30px; }
.testimonial .style-square .separator-left { top: 54px; width: 30px; height: 2px; right: 0; left: 50px; }
.testimonial .style-square .separator-right { top: 54px; width: 30px; height: 2px; left: 0; right: 50px; }
.footer .footer-image img { width: 30%; margin: 0 0 8px; }
.footer .footer-image img:hover { width: 30%; }
.footer .footer-about ul li { font-size: 11px; line-height: 22px; padding: 0 6px; margin: 0; }
.copyright .just-link ul li a { font-size: 9px; line-height: 14px; color: #fff; padding: 0; margin: 0; transition: all 500ms ease-in-out; }
.copyright .botom-text-right p { font-size: 9px; line-height: 15px; }
.copyright .footer-brochure { width: 45%; }
.copyright .footer-brochure a { display: inline-block; font-size: 10px; line-height: 14px; padding: 7px 0; }
.mission h3 { font-size: 20px; line-height: 30px; color: #000; }
.mission .style-square .separator-left { top: 54px; width: 30px; height: 2px; right: 0; left: 50px; }
.mission .style-square .separator-right { top: 54px; width: 30px; height: 2px; left: 0; right: 50px; }
.inner-banner .page-list ul li { display: inline-block; font-size: 12px; line-height: 16px; color: #fff; padding: 0 5px; margin: 0; }
.inner-banner { padding: 0; height: 180px; }
.mission .mission-dec-block h2 { font-size: 15px; line-height: 21px; }
.mission .mission-dec-block p { font-size: 12px; line-height: 22px; color: #000000c4; padding: 10px 0 0; margin: 0; text-align: left; }
.inner-about h3 { font-size: 20px; line-height: 30px; }
.inner-about .style-square .separator-left { top: 54px; width: 30px; height: 2px; right: 0; left: 50px; }
.inner-about .style-square .separator-right { top: 54px; width: 30px; height: 2px; left: 0; right: 50px; }
.inner-about .inner-about-content-block h2 { font-size: 20px; line-height: 30px; color: #000; padding: 0 0 15px; }
.inner-about .inner-about-content-block p { font-size: 12px; line-height: 22px; }
.inner-why-block .why-right-box-content .card article h3 i { font-size: 12px; line-height: 18px; padding: 0 10px 0 0; color: #EAEAEA; }
.inner-why-block .why-right-box-content .card article .content p { padding: 25px 30px 30px; background: #fff; font-size: 12px; line-height: 22px; color: #000; }
.inner-service-top h3 { font-size: 26px; line-height: 40px; padding: 0; margin: 0 0 15px; }

.inner-service-top p { outline: none; color: #371707fa; font-size: 12px; text-align: left; line-height: 22px; padding: 0 0 15px 0px; font-family: revert; }
.single-service .single-service-block-content h4 { font-size: 18px; line-height: 24px; color: #170801; }
 .single-service .single-service-block-content h3 { font-size: 18px; line-height: 24px; color: #1e0a00; padding: 0; margin: 0; font-weight: bold; letter-spacing: 0.5px; text-align: left; }
.single-service .single-service-block-content p { font-size: 12px; line-height: 22px; padding: 5px 0 10px; }
.single-service .single-service-block-content ul li span { font-size: 12px !important; line-height: 22px !important; padding: 0 0 5px !important; }
 .single-service .single-service-block-content p span { font-size: 13px !important; line-height: 22px !important; }
.single-service .single-service-block-content a { padding: 7px 0; margin: 10px 0 0; width: 32%; font-size: 11px; }

.contact .contact-form h4 { font-size: 20px; line-height: 30px; }
.contact .contact-form form .fill-box label { font-size: 12px; line-height: 15px; left: 10px; }
.contact .contact-form form .fill-box input { font-size: 12px; line-height: 15px; padding: 15px 10px 10px; }
.contact .contact-form form .message label { font-size: 12px; line-height: 15px; left: 10px; }
.contact .contact-form form .message textarea { font-size: 12px; line-height: 15px; padding: 15px 10px 10px; }
.contact .contact-form form .submit-btn input[type="submit"] { display: block; padding: 7px 0; margin: 10px auto; width: 32%; font-size: 11px; line-height: 15px; }
.contact .contact-block h4 { font-size: 20px; line-height: 30px; }
.contact .contact-block ul li { font-size: 12px; line-height: 15px; }
.contact .contact-block ul li i { color: #792A02; font-size: 12px; padding: 0 10px 0 0; }
.contact .contact-block ul li a i { color: #792A02; font-size: 12px; padding: 0 7px 0 0; }


.inner-why-block h2 { padding: 0 0 15px; margin: 0; font-size: 20px; line-height: 30px; }
.rules-right-regulations h4 { font-size: 18px; line-height: 28px; padding: 10px 0 0; }
.rules-right-regulations ul li a { padding: 8px 0; margin: 0 0 15px; }
 .rules-right-regulations ul li { width: 30%; padding: 0; margin: 0 11px 0 0; font-size: 9px; line-height: 16px; }
.rules-right-regulations .top-documents a i { font-size: 11px; padding: 0 2px 0 5px; line-height: 16px; }
.rules-right-regulations .top-documents a { font-size: 10px; line-height: 20px; margin: 0 0 4px; padding: 5px; }
.rules-important-documents form { width: 60%; }
.rules-important-documents form .search input { width: 80%; font-size: 12px; line-height: 22px; padding: 5px 0 7px 10px; height: 30px; }
 .rules-important-documents form .search button { width: 20%; font-size: 12px; line-height: 25px; height: 30px; }
 .inner-why-block .apex-state-download a { padding: 10px 0; margin: 0 auto 30px; width: 100%; font-size: 10px; line-height: 16px; }


.footer-animation { float: left; width: 100%; position: relative; height: 100px; background: #808080;}
.footer-animation .jcb{width: 14%;  bottom: 8px;}
.footer-animation .truck1{ width: 10%;  bottom: 11px;}
.footer-animation .car1{width: 20%;  bottom: 9px;}
.footer-animation .car2{width: 12%; bottom: 7px;}
.footer-animation .truck2{ width: 12%; bottom: 3px;}
.Interest-form h3 { font-size: 20px; color: #fff; line-height: 40px; padding: 0 0 2px 10px; margin: 0 0 10px 0; background: #ff7c23; }
.Rera-Compensation h3{  font-size: 20px; color: #fff; line-height: 40px; padding: 0 0 2px 10px; margin: 0 0 10px 0; background: #ff7c23;}
.inner-news .news-block a{width: 50% !important;}
.inner-news .news-block h6 span { font-size: 20px; line-height: 30px; color: #3a1807; padding: 5px 0 0; display: block; }

.sf-menu > li > a{padding: 0; margin: 0; background: #331304;}
.sf-menu li ul li a { font-size: 10px !important; line-height: 10px; margin: 0 0 0; border-bottom: 1px dotted #fff; color: #ffffffbd; }

.Interest-form .fill-box input{background: #ffffff85; border: 0.5px solid #fff;}
.calculators-form form { position: relative; padding: 20px 5px 30px 10px; margin: 0 auto; width: 100%;}
.calculators-form form h4 { font-size: 25px; line-height: 30px; color: #ff7c23;}
.calculators-form form h5 { font-size: 13px; line-height: 22px; font-weight: normal;}
.calculators-form form { position: relative; padding: 20px 5px 30px 10px; margin: 0 auto; width: 100%; display: table; background: #fffffff7;}

.calculators-form form .fill-box { position: relative; padding: 0; margin: 0 10px 30px; width: 43.5%; display: inline-block; float: left; height: 55px; border: 0.5px solid #eee7e7; border-radius: 6px; background: #fff;}
.calculators-form form .fill-box label { position: relative; padding: 0 10px; margin: 0; width: auto; display: inline-block; color: #3b1908; font-size: 13px; line-height: 16px; font-family: "Open Sans", sans-serif; font-weight: initial; background: #fff; top: -10px; left: 10px; }
.calculators-form form .fill-box input { position: relative; padding: 0 5px 5px; margin: 0; width: 100%; display: inline-block; outline: none; border: none; color: #0c013b; font-family: arial; font-size: 13px; line-height: 20px; background: none; }
.calculators-form form .full-box { width: 96%;}
.calculators-form form .full-box input[type="button"]{width: 45%;
    padding: 8px 0;
    font-size: 11px;}
.calculators-form form .full-box input[type="reset"]{width: 45%;
    padding: 8px 0;
    font-size: 11px;}

.Agent-Registration h2 { padding: 0 10px; text-align: center; letter-spacing: 0.5px; display: block; font-size: 25px; text-transform: capitalize; line-height: 30px; color: #4d1c04; font-weight: bold; font-family: initial; margin: 0 0 30px; }
.Agent-Registration .Agent-Registration-box { width: 100%; background: #fff; padding: 0; margin: 0 0 20px; box-shadow: 0 14px 20px rgba(147, 147, 147, 0.06); border: 0.5px solid #f0f0f0; border-radius: 5px; overflow: hidden; transition: all 500ms ease-in-out; }
.Agent-Registration .Agent-Registration-box img { width: 40%; margin: 0; opacity: 0.8; transition: all 600ms ease-in-out; float: left; }
.Agent-Registration .Agent-Registration-box h3 { font-size: 13px; line-height: 20px; color: #401e0d; padding: 20px 0 0; margin: 0; float: right; width: 55%; text-align: center; }
.Agent-Registration .Agent-Registration-box a { cursor: pointer; outline: none; color: #fff; font-size: 11px; line-height: 25px; padding: 2px 0 3px; font-family: revert; background: #ff7c23; display: block; text-align: center; margin: 5px 0 0; width: 100%; float: left; font-weight: 500; text-transform: capitalize; }

  
#myModal55 .modal-dialog { position: relative; width: 95% !important; margin: 10% auto 0 !important; }
#myModal55 .modal-body { position: relative; padding: 0 0 30px; }
#myModal1 .Registration-modal .modal-dialog { width: 95% !important; margin: 10% auto; }
#myModal1 .modal-dialog { width: 95% !important; margin: 10% auto; }


.Registration-modal .modal-dialog { width: 95%; margin: 10% auto; }
.Registration-modal .modal-dialog .modal-content .modal-body { position: relative; display: inline-block; padding: 0 0; margin: 0; background: url(../images/pupup-bg.png) no-repeat right bottom; background-size: auto; background-size: auto; background-size: cover; }
.Registration-modal .modal-dialog .modal-content .modal-body img.pupup-agent { width: 100%; float: left; padding: 30px; margin: 0 0 0 0; height: auto; }
.Registration-modal .modal-dialog .modal-content .modal-body ul { width: 100%; float: right; padding: 10px; margin: 0; }
.Registration-modal .modal-dialog .modal-content .modal-body ul li { position: relative; font-size: 12px; line-height: 23px; color: #fff; transition: all 600ms ease-in-out; letter-spacing: 0; padding: 0 0; margin: 0 0 8px; border-bottom: 0.5px dotted #fff; }
.Registration-modal .modal-dialog .modal-content .modal-body ul li span { text-align: right; float: right; font-size: 13px; padding: 0 0; margin: 0 0; line-height: 19px; font-weight: bold; }
.Registration-modal .modal-dialog .modal-content .modal-body .map-text { position: absolute; content: ""; left: 170px; top: 300px;}
.Registration-modal .modal-dialog .modal-content .modal-body .map-text h5 { text-align: center; font-size: 15px;}
.Registration-modal .modal-dialog .modal-content .modal-body .map-text h6 { color: #fffc; font-size: 12px;}
  
.Registration-modal .modal-dialog .modal-content .modal-header h4 {
  text-align: center;
  color: #fff;
  font-size: 15px;
  line-height: 25px;
  padding: 10px 0;
  margin: 0;
} 
.bolg-home .item-box img { width: 100%; height: 200px; }

 .bolg-home h2 { font-size: 20px; line-height: 30px; }
 .bolg-home .style-square .separator-left { top: 64px; width: 70px; height: 2px; right: -98px; }
.bolg-home .style-square .separator-right { top: 64px; width: 70px; height: 2px; left: -98px; }
  .news-home h2 { font-size: 20px; line-height: 30px; }
 .news-home .style-square .separator-left { top: 64px; width: 52px; height: 2px; left: 80px; }
 .news-home .style-square .separator-right { top: 64px; width: 52px; height: 2px; right: 80px; }
.clients h2 { font-size: 20px; line-height: 30px; }
 .clients .style-square .separator-left { top: 54px; width: 50px; height: 2px; left: 75px; }
 .clients .style-square .separator-right { top: 54px; width: 50px; height: 2px; right: 75px; }
.copyright { padding: 5px 0 15px; margin: 0; }
 .bodyimg-right { bottom: 28px; width: 24%; right: 0; }
#myBtn2 { bottom: 28px !important; width: 15% !important; }
.body-marquee .Marquee-tag a { font-size: 10px; line-height: 16px; }
.body-marquee .Marquee-tag { width: 380px; padding: 5px 0; }
  .body-marquee { font-size: 11px; }
.Marquee::after { width: 125px; padding-top: 6px; }
.body-marquee .Marquee-tag img { width: 6px; margin: 0 5px 0 0; }

.inner-news .news-block h3 { padding: 5px 0 5px; font-size: 13px; line-height: 22px; height: 200px; }
  .inner-news .news-block a { width: 57% !important; }
 .calculators .calculators-box p { font-size: 13px; line-height: 22px; height: 190px; }
.calculators .calculators-box a { padding: 8px 0; margin: 2px 0; width: 45%; font-size: 10px; }
.footer-animation video { width: 100%; margin: -200px 0 0 0; height: auto; }









}



@media(max-width:480px) {
    /*///chek 440///*/
    
     .banner { width: 100%; height: 245px; }
    .banner .banner-text .text-dec { width: 100%; padding: 20px 0 0; margin: 0; }
    .banner .banner-text .text-dec a { padding: 10px 0; width: 46%; font-size: 10px; margin: 10px auto 0; }
    .service .service-box04 .service-box-content { width: 50%; padding: 25px 15px; height: 180px; }
    .service .service-box03 .service-box-content { width: 50%; padding: 25px 15px; margin: 0; height: 125px; }
     .testimonial .testimonial-card { padding: 15px; width: 100%; height: 295px; }
    .footer .footer-about ul li { font-size: 10px; line-height: 15px; padding: 0 4px; margin: 0; }
    .footer .footer-social-icon ul { width: 100%; padding: 0; margin: 15px auto 5px; }
    .footer .footer-image ul li { padding: 0 4px; margin: 0; font-size: 10px; line-height: 15px; }
    .copyright .just-link { width: 100%; padding: 0; margin: 0; }
    .copyright .just-link ul li a { font-size: 10px; line-height: 15px; color: #fff; padding: 0; margin: 0; transition: all 500ms ease-in-out; }
    .copyright .botom-text-right p { font-size: 10px; line-height: 15px; }
    .copyright .footer-brochure { width: 54%; }
    .inner-banner { padding: 0; height: 145px; }
    .inner-why-block .why-right-box-content .card article h3 { padding: 15px 75px 15px 30px; font-size: 13px; line-height: 22px; }
   .single-service .single-service-block-content a { padding: 7px 0; margin: 10px 0 0; width: 36%; font-size: 11px; } 
    .contact .contact-form form .submit-btn input[type="submit"] { display: block; padding: 7px 0; margin: 10px auto; width: 37%; font-size: 11px; line-height: 15px; }
    
    
.bolg-home .item-box img { width: 100%; height: 200px; }   
  #myBtn2 { bottom: 28px !important; width: 18% !important; }   
     .bodyimg-right { bottom: 28px; width: 28%; right: 0; }
    
    .footer-animation video { width: 100%; margin: -180px 0 0 0; height: auto; }
    
    
    
    
    
    
    
    
    
    
    

}

@media(max-width:430px) {
    /*///chek 400///*/
    .bottom-header img { width: 81% !important; padding: 5px 0 10px !important; }
    .banner { width: 100%; height: 223px; }
    .banner .banner-text .text-dec a { padding: 8px 0; width: 46%; font-size: 9px; margin: 5px auto 0; }
    .about a.about-btn { padding: 6px 0; margin: 15px 0 0; width: 35%; font-size: 11px; }
    .service .service-box01 .service-box-content h4 { outline: none; color: #24201c; font-size: 13px; line-height: 23px; text-align: left; padding: 0 0 8px; }
    .service .service-box04 .service-box-content { width: 100%; padding: 25px 15px; height: 110px; }
    .service .service-box-content { padding: 20px 15px; margin: 0; height: 73px; width: 100%; }
     .service .service-box03 .service-box-content { width: 100%; padding: 25px 15px; margin: 0; height: 100px; }
    .service .service-box02 .service-box-content { width: 100%; padding: 25px 15px; height: 85px; border-bottom: 1px solid #EAEAEA; }
    .testimonial .testimonial-card { padding: 15px; width: 100%; height: 315px; }
    .contact .contact-form form .submit-btn input[type="submit"] { display: block; padding: 7px 0; margin: 10px auto; width: 44%; font-size: 11px; line-height: 15px; }
    .single-service .single-service-block-content a { padding: 7px 0; margin: 10px 0 0; width: 40%; font-size: 11px; }
     .rules-right-regulations ul li { width: 46%; padding: 0; margin: 0 11px 0 0; font-size: 9px; line-height: 16px; }
     .rules-right-regulations p { padding: 0 0 15px; font-size: 12px; line-height: 22px; }
     .rules-right-regulations h4 { font-size: 16px; line-height: 26px; padding: 10px 0 0; }
     .rules-right-regulations .top-documents a { font-size: 10px; line-height: 17px; margin: 0 0 4px; padding: 5px; }
     .rules-important-documents form { width: 70%; }
    .inner-why-block .apex-state-download a { padding: 8px 0; margin: 0 auto 30px; width: 100%; font-size: 9px; line-height: 14px; }
 .footer-animation {
    float: left;
    width: 100%;
    position: relative;
    height: 85px;
    background: #808080;}
.bolg-home .item-box img {
  width: 100%;
  height: 200px;
}
 .copyright .footer-brochure { width: 100%; }
  #myBtn2 { bottom: 28px !important; width: 22% !important; }
  .bodyimg-right { bottom: 28px; width: 33%; right: 0; }
   .copyright .just-link { width: 100%; padding: 0 0 8px; margin: 0; } 
   .copyright .botom-text-right { width: 100%; padding: 7px 0 0; margin: 0; }
  .footer-animation video { width: 100%; margin: -130px 0 0 0; height: auto; }
  
   .calculators-form form h4 {
    font-size: 22px;
    line-height: 27px;
    color: #ff7c23;
    margin: 0 0 30px;
  }
  
  
  
  
  
}

@media(max-width:399px) {
    /*///chek 385///*/

.banner { width: 100%; height: 217px; }
.banner .banner-text .text-dec h2 { font-size: 23px; line-height: 30px; text-align: center; }
  .banner .banner-text .text-dec a:hover{ letter-spacing:1.5px;}
.service .service-box04 .service-box-content { width: 100%; padding: 25px 15px; height: 120px; }
.why .why-right .card article h3 { position: relative; background: #3b1908; padding: 15px 75px 15px 30px; font-size: 12px; line-height: 22px; }

.copyright .botom-text-right p { font-size: 8px; line-height: 15px; }
.copyright .just-link ul li { display: inline-flex; padding: 4px 0 0; margin: 0; }
.copyright .footer-brochure a { display: inline-block; font-size: 9px; line-height: 14px; padding: 4px 0; }
.copyright .footer-brochure a:hover{ letter-spacing:1.5px;}
.copyright .just-link ul li a { font-size: 8px; line-height: 13px; color: #fff; padding: 0; margin: 0; transition: all 500ms ease-in-out; }
.inner-why-block .why-right-box-content .card article h3 { padding: 15px 75px 15px 30px; font-size: 12px; line-height: 22px; }
.service .service-box-content { padding: 20px 15px; margin: 0; height: 90px; width: 100%; }
 .testimonial .testimonial-card { padding: 15px; width: 100%; height: 470px; }
.inner-banner .page-list ul li { display: inline-block; font-size: 10px; line-height: 14px; color: #fff; padding: 0 5px; margin: 0; }
.inner-banner .page-list { padding: 4px 0; margin: 0 auto; }
.inner-banner { padding: 0; height: 120px; }
.why-right-map h4 { padding: 10px 0; font-size: 13px; line-height: 18px; }
.copyright .botom-text-right { width: 100%; padding: 5px 0 0; margin: 0; }
 .copyright .just-link { width: 100%; padding: 0 0 6px; margin: 0; }
 .bodyimg-right { bottom: 28px; width: 35%; right: 0; }

.testimonial .testimonial-card .testimonial-content h6 { font-size: 14px; line-height: 20px; color: #000000d6; padding: 10px 0 10px; margin: 0; }
.testimonial .testimonial-card .testimonial-content p b { font-size: 15px; line-height: 20px; margin: 10px 0 0; }
  .calculators .calculators-box p { font-size: 13px; line-height: 22px; height: 330px; }
.calculators-form form .fill-box span{ font-size: 13px; padding: 0 5px 5px; } 
}


@media(max-width:380px) {
    /*///chek 375///*/


.bottom-header img { width: 88% !important; padding: 5px 0 10px !important; }
.banner { width: 100%; height: 210px; }
.service .service-box04 .service-box-content { width: 100%; padding: 25px 15px; height: 120px; }

.service .service-box-content { padding: 20px 15px; margin: 0; height: 74px; width: 100%; }
.service .service-box02 .service-box-content { width: 100%; padding: 25px 15px; height: 91px; border-bottom: 1px solid #EAEAEA; }
.testimonial .testimonial-card { padding: 15px; width: 100%; height: 460px; }
.testimonial .testimonial-card .testimonial-content { padding: 10px 0; margin: 0; font-size: 12px; line-height: 22px; }
 .copyright .footer-brochure a { display: inline-block; font-size: 9px; line-height: 14px; padding: 6px 0; }
.footer-animation video { width: 100%; margin: -110px 0 0 0; height: auto; }
.calculators .calculators-box p { font-size: 13px; line-height: 22px; height: 320px; }
  .calculators .calculators-box a { padding: 8px 0; margin: 2px 0; width: 51%; font-size: 9px; }
}

@media(max-width:365px) {
    /*///chek 320///*/

 .bottom-header img { width: 100% !important; padding: 5px 0 10px !important; }
 .banner { width: 100%; height: 180px; }
  .banner .banner-text .text-dec h2 { font-size: 18px; line-height: 26px; text-align: center; }
.about h2 { font-size: 16px; line-height: 26px; }
.about .style-square .separator-left { top: 86px; width: 90px; height: 2px; right: -111px; left: 0; }
.about .style-square .separator-right { top: 86px; width: 90px; height: 2px; left: -111px; right: 0; }
.about a.about-btn { padding: 6px 0; margin: 15px 0 0; width: 41%; font-size: 10px; }
.theme-counter-up .single-box p { font-size: 10px; color: #441a05; margin: 2px 0 0px 0; display: block; position: relative; }
.theme-counter-up .single-box h3 { color: #8a360b; font-weight: 600; font-size: 22px; line-height: 28px; }
.service h2 { font-size: 16px; line-height: 26px; }
.service .style-square .separator-right { top: 55px; width: 60px; height: 2px; left: -80px; right: 0; }
.service .style-square .separator-left { top: 55px; width: 60px; height: 2px; right: -80px; left: 0; }
.service .style-square { width: 10px; height: 10px; background-color: transparent; border-width: 3px; border-style: solid; border-color: #2d3239; margin: 5px auto 30px; }

.service .style-square-4 .separator-left { top: 55px; width: 20px; height: 2px; right: -40px; left: 0; }
.service .style-square-4 .separator-right { top: 55px; width: 20px; height: 2px; left: -40px; right: 0; }

.why .why-right h2 { padding: 0; margin: 0; font-size: 16px; line-height: 26px; }
.why .why-right .style-square .separator-left { top: 66px; width: 35px; height: 2px; right: 55px; left: 0; }
.why .why-right .style-square .separator-right { top: 66px; width: 35px; height: 2px; left: 55px; right: 0; }
.why .why-right .card article h3 { position: relative; background: #3b1908; padding: 15px 55px 15px 20px; font-size: 10px; line-height: 22px; }
.why .why-right .card article .content p { padding: 15px 20px 20px; background: #fff; font-size: 11px; line-height: 22px; color: #000; }
 .about p { font-size: 11px; line-height: 22px; padding: 15px 0 0px; margin: 0; }

.service .service-box01 .service-box-content h4 { outline: none; color: #24201c; font-size: 12px; line-height: 23px; text-align: left; padding: 0 0 8px; }
.service .service-box02 .service-box-content { width: 100%; padding: 25px 15px; height: 100px; border-bottom: 1px solid #EAEAEA; }
.testimonial .testimonial-card .testimonial-profile { width: 100%; padding: 8px 0; margin: 0; display: inline-block; }
.testimonial .testimonial-card .testimonial-content { padding: 10px 0; margin: 0; font-size: 11px; line-height: 22px; }
.testimonial .testimonial-card .testimonial-profile .quote i { font-size: 30px; }
.testimonial .testimonial-card .testimonial-content p { font-size: 11px; line-height: 22px; padding: 0; margin: 0; }
.testimonial .testimonial-card .testimonial-content .star-rating { padding: 3px 0 0; margin: 0; }
.testimonial .testimonial-card .testimonial-content .star-rating ul li { padding: 0 3px 0 0; margin: 0; font-size: 10px; }
.testimonial .testimonial-card { padding: 15px; width: 100%; height: 440px; }
 .testimonial h2 { font-size: 16px; line-height: 26px; }
 .testimonial .style-square .separator-right { top: 50px; width: 25px; height: 2px; left: 0; right: 45px; }
 .testimonial .style-square .separator-left { top: 50px; width: 25px; height: 2px; right: 0; left: 45px; }
 
 .footer .footer-image img { width: 35%; margin: 0 0 8px; }
 .footer .footer-image ul li i { color: #e34d03; font-size: 10px; line-height: 20px; padding: 0 8px 0 0; transition: all 500ms ease-in-out; }
 .footer .footer-about ul li { font-size: 10px; line-height: 13px; padding: 0 5px; margin: 0; }
 .footer .footer-social-icon ul li { font-size: 11px; line-height: 14px; padding: 0; display: inline-block; text-align: center; width: 40px; margin: 0 10px 0 0; }
 .copyright .footer-brochure { width: 100%; }
  .copyright .footer-brochure a { display: inline-block; font-size: 9px; line-height: 14px; padding: 5px 0; }
 .copyright .botom-text-right p { font-size: 8px; line-height: 13px; }
 .inner-banner { padding: 0; height: 110px; }
 .inner-banner .page-list ul li { display: inline-block; font-size: 9px; line-height: 14px; color: #fff; padding: 0 3px; margin: 0; }
 .mission h3 { font-size: 16px; line-height: 26px; color: #000; }
 .mission .style-square .separator-right { top: 50px; width: 20px; height: 2px; left: 0; right: 40px; }
 .mission .style-square .separator-left { top: 50px; width: 20px; height: 2px; right: 0; left: 40px; }
  .mission .mission-dec-block h2 { font-size: 13px; line-height: 20px; }
 .mission .mission-dec-block p { font-size: 11px; line-height: 22px; color: #000000c4; padding: 10px 0 0; margin: 0; text-align: left; }
 .inner-about h3 { font-size: 16px; line-height: 26px; }
 .inner-about .style-square .separator-left { top: 50px; width: 25px; height: 2px; right: 0; left: 45px; }
 .inner-about .style-square .separator-right { top: 50px; width: 25px; height: 2px; left: 0; right: 45px; }
 .inner-about .inner-about-content-block h2 { font-size: 16px; line-height: 26px; color: #000; padding: 0 0 15px; }
 .inner-about .inner-about-content-block p { font-size: 11px; line-height: 22px; }
 .inner-why-block h2 { padding: 0 0 15px; margin: 0; font-size: 16px; line-height: 26px; }
 
 .inner-why-block .why-right-box-content .card article h3 { position: relative; background: #3b1908; padding: 15px 55px 15px 20px; font-size: 10px; line-height: 22px; }
   .inner-why-block .why-right-box-content .card article .content p { padding: 15px 20px 20px; background: #fff; font-size: 11px; line-height: 22px; color: #000; }
 .inner-service-top h3 { font-size: 22px; line-height: 34px; padding: 0; margin: 0 0 15px; }
 .inner-service-top p { outline: none; color: #371707fa; font-size: 11px; text-align: left; line-height: 22px; padding: 0 0 15px 0px; font-family: revert; }
 .service .service-box-content { padding: 20px 15px; margin: 0; height: 85px; width: 100%; }
 
 .single-service .single-service-block-content h4 { font-size: 16px; line-height: 24px; color: #170801; }
 .single-service .single-service-block-content h3 { font-size: 16px; line-height: 24px; }
 .single-service .single-service-block-content p { font-size: 11px; line-height: 22px; padding: 5px 0 10px; }
 .single-service .single-service-block-content p span { font-size: 11px !important; line-height: 22px !important; }
 .single-service .single-service-block-content ul li span { font-size: 11px !important; line-height: 22px !important; padding: 0 0 5px !important; }
 .single-service .single-service-block-content a { padding: 7px 0; margin: 10px 0 0; width: 50%; font-size: 10px; }
 .contact .contact-form form .fill-box { width: 100%; float: left; padding: 0; margin: 0; }
 .contact .contact-form form .fill-box input { width: 98%; font-size: 11px; }
.contact .contact-form form .submit-btn input[type="submit"] { display: block; padding: 7px 0; margin: 10px auto; width: 53%; font-size: 10px; line-height: 15px; }
.contact .contact-form form .message textarea { font-size: 11px; line-height: 15px; padding: 15px 10px 10px; }
.contact .contact-form form .message label { font-size: 11px; line-height: 15px; left: 10px; }
.contact .contact-form form .fill-box label { font-size: 11px; line-height: 15px; left: 10px; }
.contact .contact-block ul li { font-size: 11px; line-height: 15px; }
.contact .contact-block ul li i { color: #792A02; font-size: 11px; padding: 0 10px 0 0; }
.contact .contact-block ul li a i { color: #792A02; font-size: 11px; padding: 0 7px 0 0; }
 .rules-right-regulations ul li { width: 100%; padding: 0; margin: 0; font-size: 9px; line-height: 16px; }
 .rules-right-regulations .top-documents a { font-size: 10px; line-height: 16px; margin: 0 0 4px; padding: 7px; }
 .rules-important-documents form { width: 100%; }
.rules-important-documents form .search input { width: 80%; font-size: 11px; line-height: 22px; padding: 6px 0 7px 10px; height: 30px; }
.rules-important-documents form .search button { width: 20%; font-size: 11px; line-height: 25px; height: 30px; }

.footer-animation {
    float: left;
    width: 100%;
    position: relative;
    height: 75px;}

 #myBtn2 { bottom: 28px !important; width: 24% !important; }
 .bodyimg-right { bottom: 28px; width: 40%; right: 0; }
.footer-animation video { width: 100%; margin: -95px 0 0 0; height: auto; }
.calculators .calculators-box p { font-size: 13px; line-height: 22px; height: 300px; }

.calculators-form form .fill-box {
    position: relative;
    padding: 0;
    margin: 0 10px 30px;
    width: 90%;
    display: inline-block;
    float: left;
    height: 55px;
    border: 0.5px solid #eee7e7;
    border-radius: 6px;
    background: #fff;
  }
.calculators-form form .fill-box span{ font-size: 13px; padding: 0 5px 5px; } 
 .calculators-form form h4 {
    font-size: 21px;
    line-height: 27px;
    color: #ff7c23;
    margin: 0 0 30px;
  }


}