/*  

Theme Name: Firvanq

Theme URI: --------------

Description: ------------

Version: 1.0

Author: gotcha! Dev Team

Author URI: https://gotchamobi.com

*/



:root {

    --primaryfont: 'acumin-pro';

    --primary-color: #313896;

    --secondary-color: #85C046; 	

    --accent-color: #606060; 	

  }
  *, html, body {
  font-family: var(--primaryfont);
}

/* ----------------- Reset CSS Start ----------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, address,strong, sub, sup, var,

b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, footer, header, hgroup, menu, nav, section {

	margin:0;

	padding:0;

	border:0;

	outline:0;

	font-size:100%;

	vertical-align:baseline;

	background:transparent;

}

body {font-family: var(--primaryfont);line-height:1;}

footer,header {display:block;}

* {box-sizing: border-box;}

/*  ----------------- Typography ----------------- */



h1, h2, h3, h4, h5, h6, 

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-family: var(--primaryfont);margin: 0;padding: 0;}



h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { font-weight: inherit; }

p, span {font-family: var(--primaryfont);margin: 0;}

p img {margin: 0;}

strong {font-weight: bold;}

hr {

    border: solid #ddd;

    border-width: 1px 0 0;

    clear: both;

    margin: 10px 0 30px;

    height: 0;

}
/* ----------------- ADA----------------- */
a:focus-visible {outline: solid black 2px !important;}
.ftr-fleqsuvy-sec a:focus-visible {
    outline-color: #fff !important;
    color: #fff !important;
}
a.h-hero-btn:focus-visible {outline: solid black 5px !important;}
a.h-hero-btn:focus-visible,
a.h-hero-btn:focus-visible * {
    color: #000 !important;
}
footer .main a:focus-visible,
footer .main a:focus {
  color: #fff !important;
  outline-color: #fff !important;
}
a.h-hero-btn:focus-visible b {text-decoration: underline;}
/* ----------------- Container----------------- */
.container {max-width: 1264px;}

@media (min-width: 1600px) {

	.container {max-width: 1500px;}

}

/* ----------------- Links ----------------- */

a,

a:visited,

a:hover,

a:focus {

    color: inherit;

    font-family: var(--primaryfont);

    text-decoration: none;

    outline: 0;

	transition: all ease-in-out 100ms;

}

button {

    background-color: transparent;

    border: 0 none;

    border-radius: 0;

    color: inherit;

    font-family: var(--primaryfont);

    margin: 0;

    padding: 0;

    text-decoration: none;

}

button:visited,

button:hover,

button:focus {

    color: inherit;

    text-decoration: none;

    outline: 0;

    box-shadow: 0 0 transparent;

    border: 0 none;

}



/* ----------------- Transisiton for Links ----------------- */

#sidebar a,

#footer a,

#title a,

#header a,

#copyright a{

	-webkit-transition: all 0.07s ease-in;

       -moz-transition: all 0.07s ease-in;

        -ms-transition: all 0.07s ease-in;

         -o-transition: all 0.07s ease-in;

            transition: all 0.07s ease-in;

}



a:hover,

a:focus {color: inherit;}



p a,

p a:visited {line-height: inherit;}



ul {margin: 0;padding: 0;}

ul > li {font-family: var(--primaryfont);vertical-align: top;}



input, textarea {font-family: var(--primaryfont);}



/* ----------------- Globals ----------------- */

body.home {padding-top: 0;}

.admin-bar .header {top: 32px !important;}

hr {

  border: solid #b8b8b8;

  border-width: 1px 0 0;

  clear: both;

  margin: 10px 0 30px;

  height: 0;

}

.admin-bar .fixed-top {top: 32px;}



/* ----------------- Header ----------------- */
header {
    border-top: 6px solid var(--primary-color);
    padding: 20px 0;
    width: 100%;
    box-shadow: 0 0px 9px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    z-index: 999;
}

header .brand span {

	font-size: 0.95rem;

	color: #000;

	font-weight: 600;

	margin-right: 10px;

}

header img {width: 180px;}

header span:last-child {

    font-size: 1.1rem;

    font-weight: 600;

    display: flex;

    height: 100%;

    align-items: center;

	justify-content: flex-end;

    color: #000;

}

header span:last-child sup {font-size: 0.72rem;}

/* ----------------- /Header ----------------- */

/* ----------------- Home ----------------- */

section.hero-sec {

    padding: 90px 0 85px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: left center;

    background: rgb(94, 165, 80);

    background: linear-gradient(180deg, rgba(94, 165, 80, 1) 8%, rgba(0, 116, 200, 1) 100%);

}

section.hero-sec .content {text-align: center;}

section.hero-sec .content span {

    display: block;

    color: #fff;

    font-size: 1.2rem;

    line-height: 1.4;

    padding: 10px 0;

    padding-right: 22px;

}

section.hero-sec .content img {

    width: 470px;

    display: block;

    margin: 0 auto 10px;

}

a.h-hero-btn {

    background-color: #fff;

    border-radius: 999px;

    color: #313896;

    font-family: var(--medfont);

    font-size: 1rem;

    font-weight: 500;

    line-height: 1.25;

    margin: 20px auto 0;

    text-decoration: none;

    text-align: center;

    display: inline-block;

    padding: 11px 60px;

    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);

    border: 3px solid #313896;

}

a.h-hero-btn:hover {

    background-color: var(--primary-color);

    color: #fff;

}

a.h-hero-btn strong {

    display: block;

    text-transform: uppercase;

}

a.h-hero-btn:hover strong {text-decoration: underline;}

/* ----------------- /Home ----------------- */



/* ----------------- ISI ----------------- */

section#isi {padding: 60px 0;}

section#isi h2 {

    font-size: 1.5rem;

    color: var(--primary-color);

    margin-bottom: 20px;

    font-weight: bold;

}

section#isi h3 {

    color: #58595b;

    font-size: 1.15rem;

    font-weight: bold;

    margin-bottom: 10px;

    margin-top: 20px;

}

section#isi h4 {

    color: #58595b;

    font-size: 1.05rem;

    font-weight: 600;

    margin-bottom: 5px;

}

section#isi h5 {

    font-size: 1.05rem;

    line-height: 1.6;

    margin-bottom: 0px;

    color: #58595b;

    text-decoration: underline;

}

section#isi p {

    font-size: 1.05rem;

    line-height: 1.6;

    margin-bottom: 7px;

    color: #58595b;

}

section#isi p sup {

    font-size: 1.5rem;

    position: relative;

    top: -2px;

}

section#isi p strong {

    color: var(--accent-color);

}

section#isi p a {

    color: var(--primary-color);

    text-decoration: underline;

}

section#isi p a:hover {color: var(--secondary-color);}

section#isi ul {

    padding-left: 40px;

    margin: 0 0 20px;

}

section#isi li {

	font-size: 1.05rem;

    line-height: 1.4;

    margin-bottom: 5px;

	color: #58595b;

}

section#isi .bordered-para {

    border-width: 2px 0;

    border-style: solid;

    border-color: #58595b;

    padding: 10px 0;

    margin-bottom: 20px;

}

/* ----------------- /ISI ----------------- */









/*FOOTER*/

footer#footer .head {

    background-color: #eee;

    padding: 35px 0;

}

footer#footer .head ul {

    display: block;

    list-style: disc;

}

footer#footer .head ul li {

    padding-left: 15px;

    margin-bottom: 10px;

    position: relative;

    line-height: 1;

    margin-right: 32px;

}

footer#footer .head ul li::before {

    content: "";

    width: 5px;

    height: 5px;

    position: absolute;

    left: 0;

    background: var(--secondary-color);

    border-radius: 50%;

    top: 50%;

    transform: translate(0, -50%);

}

footer#footer .head ul li a {color: #000;}

footer#footer .head ul li a:hover {color: var(--secondary-color);}

footer#footer .head ul li:last-child {margin: 0;}

footer .main {

    background-color: #000;

    padding: 60px 0;

}

footer .main p {

    color: #fff;

    font-size: 0.9rem;

    margin-bottom: 10px;

    line-height: 1.5;

}

footer .main p:last-child {margin: 0;}

a.apolicy img {width: 160px;}

a.apolicy {

    display: block;

    text-align: right;

}

footer .main ul {

    display: block;

    margin-bottom: 20px;

}

footer .main ul li {

    margin-right: 10px;

    padding-right: 10px;

    border-right: 1px solid #fff;

    line-height: 1;

    display: inline-block;

}

footer .main ul li a {

    padding: 0;

    color: #fff;

    font-size: 0.9rem;

}

footer .main ul li:last-child {border: 0;}

footer .main ul li a:hover {

    text-decoration: underline;

    color: #fff;

}

footer a.navbar-brand {

    width: 190px;

    display: block;

    margin-top: 30px;

}

/*/FOOTER*/







/*RESPONSIVE*/

@media (max-width:767px){

	.brand {

    display: flex;

    align-items: center;

    justify-content: center;

}

header span:last-child {

    justify-content: center;

    margin-top: 10px;

    font-size: 0.9rem;

}

header span:last-child sup {font-size: 0.5rem;}

section.hero-sec {


    padding-bottom: 50px;

}

section#isi h2 {

    font-size: 1.4rem;

    line-height: 1.5;

}

footer#footer .head {

    text-align: center;

}

footer#footer .head a.navbar-brand {

    display: block;

    margin-bottom: 20px;

}

footer .main ul li {

	margin-bottom: 15px;

}

footer .main ul li:last-child {

	margin-bottom: 0;

}	

a.apolicy {

    display: block;

    text-align: center;

    margin-top: 20px;

}

footer a.navbar-brand {

    margin-left: auto;

    margin-right: auto;

}
}
/*RESPONSIVE*/