@font-face {font-family: 'd-din'; src: url('../fonts/dinexp.woff2') format('woff2'), url('../fonts/dinexp.woff') format('woff');font-weight: normal;font-style: normal;}



*{box-sizing: border-box;}

a{text-decoration: none;}

body{margin: auto;padding: 0;color: #347460; font-size: 19px;}

:root{--g_c:#9BAEBC; --w_c:#fff; --b_c:#2F4858; --gr_c:#7CC828;--b2:#00B1EF;--bl2:#d5f1fb;} 

.g_bc{background:var(--g_c)}

.w_bc{background:var(--w_c)}

.b_bc{background:var(--b_c)}

.b2_bc{background:var(--b2)}

.bl2_bc{background:var(--bl2)}

.gr_bc{background:var(--gr_c)}

.g_c{color:var(--g_c)}

.w_c{color:var(--w_c)}

.b_c{color:var(--b_c)}

.gr_c{color:var(--c_c)}

.b2_bc{color:var(--b2)}

.bl2_bc{color:var(--bl2)}





body{color: var(--g_c);}

.ma{margin: auto;}



.sm_btn{padding: 30px 0 10px;}

.btn09{border: 1px solid transparent;border-radius: 10px;text-transform: capitalize;color: #fff;font-weight: 600;padding: 14px 20px;transition: all 0.5s;}

.btn09:hover{background: var(--b2);color: #fff!important;border-color: var(--b2);}





.center{text-align: center;}



.col-bg{border-radius: 20px;overflow: hidden;}

.col-bg img{width: 100%;display: block;}

.col-cont{padding: 0 30px;}



.sub_hd{background-color: var(--bl2);color: var(--b2);display: inline-block;padding: 12px 30px;font-size: 16px;text-transform: uppercase;border-radius: 90px;margin: auto auto 20px;font-weight: 600;}

.hd_1{font-size:45px;font-weight: 600;margin-bottom: 15px;}

.hd_3{font-size: 20px;font-weight: 600;color: var(--b_c);padding-left: 10px;}



.bottom_btn{padding-top: 60px;}



/* HEADER */

.header-area{position: fixed;width: 100%;padding: 0;top: 0;left: 0;right: 0;margin: auto;padding: 10px 0;background: transparent;z-index: 999;background: transparent;transition: all 0.3s;}

.fixed-header{background: #fff;}

.fixed-header .logo{width: 170px;}

.fixed-header .menu-right{margin-top: 10px;}

.logo{float: left; margin:20px 0px;width: 244px;transition: all 0.3s;}

.menu-right{float: right;margin: 30px 0px 0;transition: all 0.3s;}

.nav{align-content: center;align-items: center;}

.nav li a{display: block;color: #2F4858;;font-weight: 600; margin: 0 13px;font-size: 16px;}

.nav li a:hover,.nav li a.active{color:#2F4858;}

.mobilemenu{display: none;cursor: pointer;position: absolute;right: 20px;top: 35px;}

.mobilemenu a{color: #fff;background: var(--gr_c); border-radius:5px;padding:8px 10px;}

.nav .btn09 {color:#fff}

.logo img{width: 100%;}

.nav li a:hover{color: var(--b2);}

/* HEADER END*/

 

/* form error*/

.form-group{position: relative;}

.error{position: absolute;font-size: 11px;bottom: -16px;left: 10px;}

/* form error */



/* banner */

#home{padding-top: 200px; padding-bottom: 0;background: linear-gradient(180deg, #E5F7FD 0%, #F9FDFF 53.65%, #FFFFFF 100%);}

.home_bg{}

.home_bg img{width: 100%;transform: scale(1.2);}

/* banner end */



/* about */

#about{padding-top: 130px; padding-bottom: 60px;}

/* about */



/* Our Aim */

#ouraim{background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(180deg, rgba(152, 180, 217, 0) -1.12%, rgba(152, 180, 217, 0.875) 13.51%, #98B4D9 100%);padding: 100px 0;}

.ouraim_row{padding-top: 40px;display: grid;grid-template-columns: repeat(3, 1fr);column-gap: 60px;row-gap: 30px;}

.ouraim_row li{list-style-type: none;margin:0 auto;padding: 0;}

.ouraim_s1{display: flex;}

.ouraim_s1 .hd_3{margin: auto 0;}

.ouraim_svg{width: 60px;height: 60px;display: flex;padding: 8px;background: var(--bl2);border-radius: 10px;}

.ouraim_svg img{margin: auto;height: 100%;}

.ouraim_s1{padding-top: 10px;}

/* Our Aim */





/* Why choose RefQuick */

#why{padding: 90px 0 60px;}

.why_min{padding: 50px 0 30px;}

.ouraim_row_s2{grid-template-columns: repeat(2, 1fr);column-gap: 30px;}

.ouraim_row_s2 li{transition: all 0.5s;padding:10px 20px;background: transparent;border: 2px solid transparent;}

.ouraim_row_s2 li:hover{background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #E5F7FD;border: 2px solid #7CC828;box-shadow: 0px 0px 16px rgba(124, 200, 40, 0.16);border-radius: 12px;}

/* Why choose RefQuick */



/* Services */

#services{padding: 100px 0 60px;background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(180deg, rgba(152, 180, 217, 0) 1.85%, rgba(152, 180, 217, 0.875) 9.26%, #98B4D9 83.46%);}

.accordion{margin: 30px 0;}

.accordion-item{margin:0 auto 20px;border-radius: 13px;overflow: hidden;box-shadow: 0px 0px 16px rgba(124, 200, 40, 0.16);transition: all 0.3s;}

.accordion-item:hover{box-shadow:0 0 0 0;}

.accordion-button:focus{box-shadow: none;}

.accordion-button::after{display: none;}

.accordion button{border: none;background: transparent;padding:20px 30px;background: #fff;}

.accordion .accordion-collapse{border: none;padding: 0 30px;border: 2px solid #7CC828;border-top: none;border-radius: 0 0 15px 15px !important;background: #fff;}

.accordion-button{transition: all 0.2s;border: 2px solid transparent;}

.accordion-button:not(.collapsed){background: #fff;color:var(--b_c);border: 2px solid #7CC828;border-bottom: none;border-radius: 15px 15px 0 0!important;}

.accordion .accordion-collapse.show{}

.accordion-body{padding: 10px 0;}

/* Services */





/* Get in Touch */

#contact{padding: 100px 0 0;background: linear-gradient(0deg, #E5F7FD 0%, #F9FDFF 22.29%, #FFFFFF 41.56%);}

.cont{margin: auto;padding: 0;}

.cont li{list-style-type: none;padding: 0;margin:15px 0;display: flex;}

.cont li a, .cont li p{color: #9BAEBC;margin: auto;}

.cont li a:hover{color: var(--b2);}

.cont_icon img{width: 20px;}

.cont_txt{padding-left: 15px;}

li.col-licenses{display: block;}

li.col-licenses p{margin: auto;font-weight: 600;color: #2F4858;margin-top: 40px;padding-bottom: 5px;}

#contact .sub_hd{margin-left:25px;}





.col-form{padding-left:50px;}

.col-form .form-control{padding: 15px 25px;background: #FFFFFF;border: 1px solid #9BAEBC;border-radius: 14px;}

label{padding-bottom: 5px;font-size: 16px;}

::placeholder{color: #9BAEBC!important;}

.form-group{margin-bottom:25px;}

.form-btn{margin-top: 40px;}

.form-btn .btn-snd{float: right;}

/* Get in Touch */

/* Privacy Policy */
#priv{padding: 100px 0 0;background: linear-gradient(0deg, #E5F7FD 0%, #F9FDFF 22.29%, #FFFFFF 41.56%)bottom no-repeat;
    background-size: 100% 20%;s}


.pr-pc h3{ color:#00b1ef;}
.pr-pc a{text-decoration: underline;color: #00B1EF;}
/* Privacy Policy */



/* footer */

.footer{border-top: 1px solid #00afef3f;margin-top: 90px;padding: 15px 0;}

.footer *{font-size: 14px;color: #9BAEBC;}

.footer a:hover{color: var(--b2);}

.ft-l{float: left;}

.ft-r{float: right;}

.ft-r a{padding-left: 30px;}



/* footer end */



.fix-btn09 a::after{background: #fff;position: absolute;width: 100%;height: 0;top: 0;left: 0;right: 0;transition: all 0.5s;content:'';}

.fix-btn09:hover a::after{height: 100%; }



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

/* HEADER MOBILE*/

.logo{width: 190px;}

.nav{display: none;}

.mobilemenu{display: block;}

.nav{position: absolute;top: 80px;background: #fff;left: 0;right: 0;width: 100%;padding: 20px 0;text-align: center;}

.nav li a{padding: 10px 0;}

/* HEADER MOBILE END*/



.home_bg img{transform: scale(1);}

#home{padding-top: 140px;}

#home .hd_1{margin-top: 40px;}

.hd_1{font-size: 28px;}

.btn09{padding: 9px 12px;}

body{font-size: 14px;}

#about{padding-top: 90px;padding-bottom: 0;}

.col-cont{padding: 20px 0;}

.ouraim_row{grid-template-columns: repeat(1, 1fr);column-gap:0px;padding-left: 0;}

.col-form{padding-left: 0;}

#contact .sub_hd{margin-left: 0;}

.footer{margin-top: 50px;}

.ft-l, .ft-r{float: none;padding: 10px; text-align: center;}

.ft-r a{padding: 10px;}

}