@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@300;400;600;700&display=swap');

:root {
  --primary-color   :   #CC402E;
  --secondary-color :   #640B06;
  --body-color      :   #0E1326;
  --grey-color      :   #EDEDEB;
  --white           :   #FFFFFF;
  --primary-font    :   'DM Serif Display', serif;
  --secondary-font  :   'Inter', sans-serif;
}

*{ box-sizing: border-box; }
*:focus { outline:none; }
::-moz-focus-inner { border:0; }

body { margin: 0; font-family: var(--secondary-font); font-weight: 300; color: var(--body-color); font-size: 16px; line-height: 1.4; }
a { color: var(--secondary-color); text-decoration: none; transition: all 0.4s; }
a:hover, a:active { color: var(--primary-color); text-decoration: none; }
p { margin: 0 0 15px; }
p:last-child { margin-bottom: 0; }

img { max-width: 100%; height: auto; }

h1, h2, h3, h4, h5, h6 { font-family: var(--primary-font); margin: 0 0 15px; }
h1 { font-size: 48px; }
h2 { font-size: 40px; }
h3 { font-size: 30px; color: var(--secondary-color); }
h4 { font-size: 24px; }
h5 { font-size: 20px;  color: var(--secondary-color); font-family: var(--secondary-font); text-transform: uppercase; font-weight: 600; }
h6 { font-size: 18px; }

.container, .row-fluid .container[class*="span"] { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; float: none; box-sizing: border-box; }
.container:after, .row-fluid .container[class*="span"]:after { clear: both; content: ""; display: table; }

.text-center { text-align:center; }
.text-left { text-align:left; }
.text-right { text-align:right; }
ul, li { list-style: none; padding: 0; margin: 0; }

input { font-family: var(--secondary-font); }
textarea, select, input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"])
{ font-family: font-family: var(--secondary-font);; border-radius:0; color: var(--body-color); border:none; padding:10px; margin:0 0 15px 0; font-size:16px; font-weight:400; width: 100%; }
fieldset.form-columns-1 textarea.hs-input, fieldset.form-columns-1, select.hs-input, fieldset.form-columns-1 input[type="text"].hs-input,  fieldset.form-columns-1 input[type="password"].hs-input,  fieldset.form-columns-1 input[type="datetime"].hs-input,  fieldset.form-columns-1 input[type="datetime-local"].hs-input, fieldset.form-columns-1 input[type="date"].hs-input, fieldset.form-columns-1 input[type="file"].hs-input, fieldset.form-columns-1 input[type="month"].hs-input, fieldset.form-columns-1 input[type="time"].hs-input, fieldset.form-columns-1 input[type="week"].hs-input, fieldset.form-columns-1 input[type="number"].hs-input, fieldset.form-columns-1 input[type="email"].hs-input, fieldset.form-columns-1 input[type="url"].hs-input, fieldset.form-columns-1 input[type="search"].hs-input, fieldset.form-columns-1 input[type="tel"].hs-input, fieldset.form-columns-1 input[type="color"].hs-input{width:100%;}
.hs-form fieldset.form-columns-1 textarea.hs-input, .hs-form fieldset textarea.hs-input, .hs-form fieldset input[type="number"].hs-input { width:100%; }
input[type="radio"], input[type="checkbox"] { margin-right: 10px; }
input[type="file"] { background-color:#fff; color:#000; }
.inputs-list { margin:0 0 15px; }
input[type="submit"] { border: 1px solid var(--body-color); background: var(--body-color); color: var(--white); padding: 10px 16px; font-size: 18px; transition: all 0.4s ease; }
input[type="submit"]::-moz-focus-inner { border: 0; }
input[type="submit"]:hover { background-color: var(--primary-color); }
select { cursor:pointer; background:#fff url(//383029.fs1.hubspotusercontent-na1.net/hubfs/383029/media-theme/images/down-arrow.png) no-repeat right center; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
select::-ms-expand { display:none; }
fieldset .hs-form-field > label span.hs-form-required { display:none; }
fieldset .hs-form-field > label span:not(:empty) + span.hs-form-required { display:inherit; }
textarea { resize:none; }

.btn { border: 1px solid var(--body-color); background: var(--body-color); color: var(--white); padding: 10px 16px; font-size: 18px; min-width: 260px; display: inline-block; }
.btn:hover { background-color: var(--primary-color); color: var(--white); border-color:  var(--primary-color); }
.btn.white-btn { border: 1px solid var(--white); background: transparent; color: var(--white); }
.btn.white-btn:hover { background-color: var(--body-color); color: var(--white); border-color:  var(--body-color); }

.tagline { font-size: 20px; margin-top: 20px; }
.tagline span { font-weight: 600; text-transform: uppercase; }

.title { margin-bottom: 50px; }
.title .btn { margin-top: 30px; }
.title hr { margin: 20px 0; }

.default-form form fieldset { width: 100%; max-width: 100%; }
.default-form form fieldset.form-columns-3 { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 15px; }
.default-form form fieldset.form-columns-2 { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 15px; }
.default-form form fieldset .hs-form-field { width: 100% !important; float: none !important; }
.default-form form fieldset .hs-form-field .input { margin: 0; }
.default-form form .hs-submit { text-align: right; }

/* CSS start from here */
section.header-section {padding: 0;  position: absolute; z-index: 9; width: 100%; background: transparent; left: 0; top:0; }
section.header-section img {display: inline-block; vertical-align: bottom; height: 100px; object-fit: contain;}
section.header-section .logo {max-width: 180px;background-color: #fff;padding: 5px;}
section.header-section .logo a {display: inline-block;}
section.header-section > .container {max-width: 1280px; width: 100%;}

/* BANNER SECTION */
.banner-section { padding: 80px 0; min-height: 600px; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; color: var(--white); background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important; }
.banner-section:after { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: var(--body-color); opacity: 0.3; z-index: -1; }
.banner-section .btn-wrap { margin-top: 25px; }
.banner-section .btn-wrap .white-btn { margin: 4px; }


/* SERVICE SECTION */
.service-section { padding: 70px 0; }
.service-section .title { max-width: 750px; margin: 0 auto 50px; }
.service-section .list { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 30px; }
.service-section .box { background: var(--white); border-radius: 15px; box-shadow: 0 10px 20px rgba(0,0,0,0.15); padding: 30px; }
.service-section .box .top { display: flex; align-items: flex-start; margin-bottom: 15px; }
.service-section .box .icon { background: var(--secondary-color); width: 70px; height: 70px; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.service-section .box .icon img { width: 40px; }
.service-section .box h3 { width: calc(100% - 70px); padding-left: 15px; line-height: 1.2; margin: 0; word-break: break-word; }
.service-section .content {text-transform: uppercase;}


/* RENTAL SECTION */
.rental-section { padding: 20px 0 70px; } 
.rental-section .list { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 30px; }
.rental-section .box { display: flex; align-items: flex-start; }
.rental-section .box .image { width: 70px; }
.rental-section .box .right { width: calc(100% - 70px); padding-left: 20px; font-size: 18px; }
.rental-section .box h4 { margin-bottom: 5px; }


/* BOX SECTION */
.box-section .list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; }
.box-section .box { padding: 20px; background: var(--secondary-color); color: var(--white); }
.box-section .box:nth-child(2) { background: var(--body-color); }
.box-section .box h4 { margin-bottom: 10px; }


/* CONTACT SECTION */
.contact-section { padding: 70px 0; }
.contact-section .inner { max-width: 850px; margin: 0 auto; }
.contact-section .left_right { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; }
.contact-section .left_right .title { margin: 0; }
.contact-section .default-form { background: var(--grey-color); padding: 20px; margin-top: 30px; }
.contact-section .left_right iframe {width: 100%;}



/* CSS end  here */

@media (min-width:768px) { .container, .row-fluid .container[class*="span"] { width:750px; } }
@media (min-width:992px) { .container, .row-fluid .container[class*="span"] { width:970px; } }
@media (min-width:1200px) { .container, .row-fluid .container[class*="span"] { width:1170px; } }
@media (min-width:1430px) { .container, .row-fluid .container[class*="span"] { width:1280px; } }


@media (max-width: 1199px) {

  h2 { font-size: 36px; }

}

@media (max-width: 991px) {
  section.header-section .logo {max-width: 170px;}
  section.header-section img { width: 160px;}
  .service-section .list { display: grid; grid-template-columns: repeat(2,1fr); }

}

@media (max-width: 767px) {
  h3 { font-size: 28px; }
  h4 { font-size: 20px; }

  .default-form form fieldset.form-columns-3,
  .default-form form fieldset.form-columns-2 { grid-template-columns: 1fr; grid-gap: 0; }


  .service-section .list { grid-template-columns: 1fr; }
  .service-section .box { padding: 20px; }
  .service-section .box .top { display: block; }
  .service-section .box h3 { width: 100%; padding: 15px 0 0; }

  .rental-section { padding-top: 0; }
  .rental-section .list { grid-template-columns: 1fr; }
  .rental-section .box .image { width: 50px; }
  .rental-section .box .right { width: calc(100% - 50px); font-size: 16px; }

  .box-section .list { grid-template-columns: 1fr; grid-gap: 0; }

  .contact-section .left_right {grid-template-columns: 1fr; grid-gap: 0;}
  .contact-section .left_right .image {margin-bottom: 20px;}
  .contact-section .left_right iframe {height: auto; min-height: 250px;}
}