@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --primary-color: #F2635E;
  --white-color: #ffffff;
  --pure-black: #000000;
  --hover-color:#C1272D;
  --steal-peal:#A3ABB0;
  --mercury-gray:#E5E5E5;
  --DMSans:"DM Sans", sans-serif;
  --Montserrat:"Montserrat", sans-serif;
}

* { box-sizing: border-box; }
html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, footer, section, aside, nav, article, figure, address, audio, video { background: transparent; border: 0; margin: 0; padding: 0; outline: 0; list-style-type:none; }
html { min-height: 100%; position: relative; scroll-behavior: smooth; }
body { font-family: var(--Montserrat); font-size: 1rem; color: var(--pure-black); font-weight: 400; text-decoration: none; overflow-x: hidden; background: var(--white-color); }
input, select, textarea, button { font-family: var(--Montserrat)}
h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; font-weight: 600; color: var(--pure-black); line-height: 1.3 !important;}
img { border: none; outline: none; max-width: 100%;}
a { color: var(--primary-color); text-decoration: none; outline: none; transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
a:hover { color: var(--pure-black); }

h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

.btn {padding: 10px 30px; border-radius: 6px; transition: all 0.5s ease 0s;font-size: 1rem; letter-spacing: 0.15px;font-weight: 600 !important;}
.btn-small { height: 32px; line-height: 30px; padding: 0 15px;}
.btn-icon { height: 56px; line-height: 30px; padding: 0 15px;}
.btn-primary { background: var(--primary-color); border-color: var(--primary-color);color: var(--white-color);}
.btn-primary:hover, .btn-check:focus+.btn-primary, .btn-primary:focus, .btn-primary:active:focus { background: var(--hover-color); border-color: var(--hover-color);  box-shadow: none;color: var(--white-color);}
.btn-secondary{background: var(--white-color);color: var(--primary-color) ;border-color: var(--primary-color)}
.btn-secondary:hover{ background: var(--hover-color); border-color: var(--hover-color);  box-shadow: none;}
.form-control:focus{box-shadow: none;border-color: var(--primary-color);}

.white-text-color{color: var(--white-color);}
.primary-text-color{color: var(--primary-color);}

.border-radius{border-radius: 10px;}
.small_line::before { width: 23px; height: 3px; background-color: var(--hover-color); position: absolute; content: ""; bottom: -8px; }

.owl-theme .owl-nav {display: none;} 
.owl-dots {position: absolute;left: 7.5%;bottom: 30px;}
.owl-theme .owl-dots .owl-dot span {width: 8px;height: 8px;transition: all 0.9s;background:var(--white-color);opacity:0.2;margin:5px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #fff;opacity: 1;}

.nav-tabs .nav-link {font-weight: 600;color: #495057;border: none;padding-left: 0; padding-right: 30px;}
.nav-tabs .nav-link.active {color: var(--primary-color);}

.accordion-item, .nav-tabs {border: none;}
.accordion-body {padding-left: 0;padding-right: 0;}
.accordion-button {color: var(--primary-color);background-color: rgba(242, 99, 94, 0.20);box-shadow: none;font-weight: 600;margin-bottom: 1px;}
.accordion-button:focus {box-shadow: none;}
.accordion-button:not(.collapsed) {background: var(--primary-color);color: var(--white-color);}
.accordion-button:not(.collapsed)::after {filter: brightness(50);}


.border-radius-tl {border-radius: 10px 10px 0px 0px;}
.border-radius-br {border-radius: 10px 10px 0px 0px;}
.rounded-20{border-radius: 20px;}
.w-auto{width: auto;}
.owl-theme.nav-visible .owl-nav{display: block;}

.red_overalay::before { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(242, 99, 94, 0.20); left: 0; right: 0; top: 0; }
.gradient-overlay::before{position: absolute; content: ""; width: 50%; height: 100%; top: 0; left: 0; right: 0; background: linear-gradient(267deg, rgba(0, 0, 0, 0.00) 2.83%, rgba(0, 0, 0, 0.70) 55.07%);border-radius: 20px;}


@media (min-width: 1200.5px){
  h1 {font-size: 48px;}
  h2 {font-size: 32px;}
}