:root {
    --primary-color: #F6B300;
    --secondary-color: #000000;
    --ff-cormorant: 'Cormorant Garamond', serif;
    --white: #FFFFFF;
}

/*::selection {background: #050607; color: #FFFFFF; text-shadow: none;}
::-webkit-scrollbar {width:10px;background-color: #F5F5F5;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display:none;}
::-webkit-scrollbar-track-piece {background-color: #dedede;}
::-webkit-scrollbar-thumb:vertical {background-color: #03132b;}*/

[class^="box-"] {display:none}
[class^="box-"].showfirst {display:block}

body {font-family: 'Poppins', sans-serif;}
h1,
h2,
h3,
h4,
h5,
h6 {display: block;font-weight: 700;line-height: 1.13;}
p {font-family: 'Poppins', sans-serif;font-weight: 400;}
*:hover,
*:focus,
* {outline: none !important;}
img {max-width: 100%; height: auto;}
a,
input[type="submit"] {-webkit-transition: all 0.4s ease-In-out; -moz-transition: all 0.4s ease-In-out; -o-transition: all 0.4s ease-In-out; transition: all 0.4s ease-In-out; display: inline-block; cursor: pointer;}
p,
a {font-size: 15px;color: #FFFFFF;text-decoration: none;line-height: 1.9;}
a:hover {text-decoration: none;}

.slick-dots {display: block;position: absolute;bottom: -70px;}
.slick-dots > li {display: inline-block;margin: 0 5px;}
.slick-dots > li button {padding: 0;font-size: 0;width: 10px;height: 10px;background-color: #e24659;border-radius: 25px;cursor: pointer;}

.slick-arrow {font-size: 0;cursor: pointer;}
.slick-prev {left: 0;}
.slick-next {right: 0;}

textarea,
select,
input[type],
textarea,
select,
button {background: transparent; border: none; border-radius: 0px;}
::-webkit-input-placeholder {color: #3b3b3b}
::-moz-placeholder {color: #3b3b3b}
:-ms-input-placeholder {color: #3b3b3b;}
:-moz-placeholder {color: #3b3b3b;}


/* Custom Radio Button */
.customradio {display: inline-block;position:  relative;padding-left: 25px;margin-bottom: 0px;cursor: pointer;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;vertical-align:  middle;font-weight: 400;color: #FFFFFF;}
.customradio input {position: absolute; opacity: 0; cursor: pointer;}
.checkmark {position: absolute;top: 4px;left: 0;height: 11px;width: 11px;border-radius: 3px;background-color: #e0e0e0;}
.customradio input:checked ~ .checkmark {background: #ff6101;}


/* Hamburger Menu */
.hamburger {width: 30px;height: 20px;cursor: pointer;position: absolute;right: 15px;top: 0px;bottom: 0px;margin: auto;z-index: 8;display: none;}
.hamburger span {display: block;height: 4px;width: 100%;background: #f94452; position: absolute;transition: .6s all;border-radius: 100px;}
.hamburger span:nth-child(1) {top: 0;}
.hamburger span:nth-child(2) {top: 8px;transform-origin: left;}
.hamburger span:nth-child(3) {top: 16px;}
.hamburger.active span:nth-child(1) {transform: rotate(45deg); top: 12px;transform-origin: right-center;}
.hamburger.active span:nth-child(2) {width: 0;opacity: 0;}
.hamburger.active span:nth-child(3) {transform: rotate(-45deg);top: 12px;transform-origin: right-center;}


/* Global Css */
.ovrer-hidden {overflow: hidden;}
.overlay::after {content: '';position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgb(3 19 43 / 90%);z-index: 4;}
.overlay {display: none;}


/* Dropdown CSS*/
ul.dropdown {position: absolute;width: 200px;left: -47px;margin: auto;background: #FFFFFF;padding: 20px 15px 10px;text-align: left;border-radius: 5px;box-shadow: 0 0 10px 3px #00000014;opacity: 0;animation: btotreverse 0.5s forwards;}
ul.dropdown li a:before {display: none;}
@keyframes btotreverse {
    0% {top: 75px; opacity: 1;}
    100% {top: 115px; opacity: 0;}
}

.dropdown-nav:hover ul.dropdown {animation: btot 0.5s forwards; z-index: 9;}

@keyframes btot {
    0% {top: 115px; opacity: 0;}
    100% {top: 24px; opacity: 1;}
}

ul.dropdown li {width: 100%; display: inline-block; vertical-align: middle;}
ul.dropdown li a {padding: 0;font-size: 13px;text-transform: capitalize;color: #000 !important;display: block;width: 100%;margin: 0px 0 10px;text-align: center;font-weight: 500;}
ul.dropdown li a:hover {color: rgba(0,0,0,0.5) !important;}
.dropdown-nav {position: relative; overflow: hidden; vertical-align: middle;}
.dropdown-nav:hover {overflow: visible;}


/* General CSS  */

.element {position: absolute;}
.element-1 {}

.over-hidden {overflow: hidden;}

ul {padding-left: 0;margin-bottom: 0;}
ul li {list-style: none;}


ul.inline-block > li {display: inline-block;margin-right: 15px;}
ul.inline-block > li:last-child {margin-right: 0;}


.ff-cormorant {font-family: var(--ff-cormorant);}

.spacing-x {padding: 70px 0;}

.mb-50 {margin-bottom: 50px;}
.mb-80 {margin-bottom: 80px;}

.bg-color-1 {background-color: #0e1b39;}
.bg-color-2 {background-color: #DCDCDC;}
.bg-color-primary {background-color: var(--primary-color);}

.color-primary {color: #FFFFFF;}
.color-white {color: var(--white);}
.color-black {color: var(--secondary-color);}
.color-light {color: #545151;}

.fs-44 {font-size: 50px;}
.fs-35 {font-size: 35px;}
.fs-40 {font-size: 40px;}
.fs-38 {font-size: 38px;}
.fs-27 {font-size: 27px;}

.fw-700 {font-weight: 700;}
.fw-600 {font-weight: 600;}

.fbtn {font-size: 16px;padding: 15px 35px;border-radius: 50px; font-weight: 500;}

.btn-style-1 {background-color: #ffd35e ;border: 2px solid #ffd35e;color: #000000;}
.btn-style-1:hover {background: transparent;color: var(--white);}

.btn-style-2 {background-color: #0e1b39;border: 2px solid #0e1b39;color: var(--white);}
.btn-style-2:hover {background: transparent;color: var(--secondary-color);}

.w-100 {width: 100%;}

.c-center {text-align: center;}

a:hover {color: var(--primary-color);}

.custom-input-style {width: 100%;border-bottom: 1px solid var(--white) !important;height: 45px;padding: 0 5px;color: var(--white);font-size: 14px;}
.custom-textarea-style {width: 100%;border-bottom: 1px solid var(--white) !important;color: var(--white);font-size: 14px;resize: none;}
.custom-submit-style {width: 100%;background-color: var(--white) !important;border: 1px solid var(--white) !important;padding: 16px 0;text-transform: uppercase;    color: #212529;}
.custom-submit-style:hover {background: transparent !important;color: var(--white) !important;}

::placeholder {color: rgba(242, 242, 242, 0.6);}

/* General CSS END */

@media (max-width: 1199px) {

    .hamburger {display: block;top: 0;}
    .mobile-navigation.active {display:flex; left: 0;}
    .mobile-navigation {position: fixed;left: -200%;right: 0;top: 0;bottom: 0;margin: auto;background: #03132b;height: 100vh;display: flex;align-items: center;transition: all 0.4s ease;z-index: 3;width: 100vw;padding: 20px;}

}


header {background-color: #0E1B39 ;padding: 20px 5rem;overflow: hidden;}
.header-top {margin-bottom: 25px;}
.header-top > ul {}
.header-top > ul li a {font-size: 14px;}
.header-top > ul li a i {font-size: 14px;margin-right: 5px; color:#ffd35e;}

.header-bottom {display: inline-block;position: relative;padding-left: 10px;}
.header-bottom::before {content: '';position: absolute;background-color: var(--primary-color);top: 0;left: 99%;width: 100%;height: 100%;}
.header-bottom::after {position: absolute;content: '';width: 0;height: 0;border-bottom: 50px solid var(--primary-color);border-left: 50px solid transparent;left: -39px;top: 0;}
.site-navigation {background-color: var(--primary-color);}
.site-navigation > ul > li {display: inline-block;margin-right: 10px;}
.site-navigation > ul > li:last-child {margin-right: 0;}
.site-navigation > ul > li a {font-size: 16px;color: var(--secondary-color);padding: 10px;}


/* Section 1 */

.section-1 {}
.section-1 .text-box h2 {margin-bottom: 10px; line-height: 62px; text-transform: Uppercase;}
.section-1 .text-box h6 {margin-bottom: 25px;}
.section-1 .text-box p {margin-bottom: 25px;}

.section-1 .text-box, .section-2 .text-box {padding: 2rem 10rem;}

.recovery-service-box {margin-bottom: 20px;}
.recovery-service-box .img-box {position: relative;}
.recovery-service-box .img-box .title {margin: 0;background-color: #ffd35e;position: absolute;right: 0;bottom: 0;font-size: 27px;padding: 10px 40px;}
.recovery-service-box .img-box .title::before {content: '';position: absolute;width: 0;height: 0;border-bottom: 51px solid #ffd35e;border-left: 35px solid transparent;left: -34px;top: 0;}
.recovery-service-box .description {text-align: center;padding: 20px 30px;}
.recovery-service-box .description p {color: var(--secondary-color);margin: 0;font-size: 15px;}
.recovery-service-box.style2 .img-box .title {right: auto;left: 0;}
.recovery-service-box.style2 .img-box .title::before {width: 0;height: 0;border-bottom: 51px solid #ffd35e;border-right: 35px solid transparent;border-left: 0;left: auto;right: -34px;}

/* Section 2 */

.section-2 .img-box {position: relative;z-index: 1;}

/* Social Icons */

.social-icon > ul {display: flex;align-items: center;gap: 1rem;margin-top: 40px;}

/* Footer CSS */

footer {
    background-color: #0E1B39;
    padding: 30px 0;
}
.copy-rights {text-align: center;}
.copy-rights p, .copy-rights a {color: var(--white);margin-bottom: 0;}
.copy-rights p:last-child {margin-top: 10px;}
footer .text-box p {font-size: 15px;margin-bottom: 40px;}
footer .contact-info ul li {margin-bottom: 15px;}
footer .contact-info ul li:last-child {margin-bottom: 0;}
footer .text-box h4 {margin-bottom: 40px;}
.footer-top form .form-group {margin-bottom: 30px;}
footer .footer-top form {margin-bottom: 40px;}

.footer-top-none footer {padding-top: 30px;}
.footer-top-none .footer-top {display: none;}


/* About Us */

.section-2.style2 .text-box h5 {font-weight: 400;font-size: 13px;position: relative;display: inline-block;padding-right: 60px;}
.section-2.style2 .text-box h5::after {content: '';position: absolute;right: 0;width: 50px;height: 1px;background-color: var(--primary-color);top: 0;bottom: 0;margin: auto;}
.section-2.style2 .text-box h6 {background-color: #ffd35e;position: relative;padding: 20px 0;margin-bottom: 40px;margin-top: 20px;min-height: 79.55px;}
.section-2.style2 .text-box h6::before {content: '';background-color: #ffd35e;position: absolute;width: 100%;height: 100%;left: -100%;top: 0;bottom: 0;margin: auto;}
.section-2.style2 .text-box h6::after {position: absolute;width: 0;height: 0;border-bottom: 80px solid var(--primary-color);border-right: 35px solid transparent;border-left: 0;right: -34px;top: 0;}
.section-2.style2 .text-box p {margin-bottom: 30px;font-size: 15px;color: #FFFFFF;line-height: 1.8;}

.flex-center {display: flex;align-items: center;gap: 2rem;}

.abt-section-2 .flex-center li {width: 50%;}
.btn-style-3 {position: relative;border: 1px solid var(--primary-color);padding: 10px 20px;display: inline-flex;align-items: center;justify-content: center;border-radius: 4px;width: 100%;}
.btn-style-3 span {color: var(--secondary-color);}
.btn-style-3 .count {font-family: var(--ff-cormorant);font-size: 44px;font-weight: 700;margin-right: 15px;}
.btn-style-3 .text {font-size: 13px;font-weight: 600;}

.abt-section-3 .text-box {padding-right: 90px;}
.abt-section-3 p {font-size: 15px;}
.icon-box-1 {text-align: left;margin-bottom: 20px;}
.icon-box-1 h4 {margin: 20px 0 25px 0;}
.icon-box-1 p {margin: 0;}

.services-inner .text-box {padding-right: 70px;}
.services-inner .text-box p {margin-bottom: 80px;}

.service-box {background-color: #FFFFFF;box-shadow: 0px -1px 17px rgb(0 0 0 / 15%);padding: 25px 30px;border-radius: 8px;display: flex;align-items: flex-start;gap: 20px;margin-bottom: 30px;}
.service-box .icon-box {width: 30%;}
.service-box .text-box h6 {font-size: 22px;margin-bottom: 10px;text-transform: capitalize;}
.service-box .text-box p {color: var(--secondary-color);margin: 0;line-height: normal;font-size: 15px;}

.bg-contact {background: url(../images/bg/bg-car.jpg) no-repeat;background-position: center;background-size: cover;padding: 110px 60px;border-radius: 0 0 120px 0;}
.bg-contact p {margin-bottom: 40px;}
.bg-contact .contact-info {}
.bg-contact .contact-info ul li {margin-bottom: 15px;}
.bg-contact .contact-info ul li img {margin-right: 5px;}
.bg-contact .contact-info ul li:first-child a {text-decoration: underline;}

.contact-form .custom-input-style {background-color: #F3F4F8;padding: 0 20px;height: 50px;color: #000000;}
.contact-form .custom-input-style::placeholder {color: #000000;}
.contact-form .custom-textarea-style {background-color: #F3F4F8;resize: none;padding: 20px 20px;color: #000000;}
.contact-form .custom-textarea-style::placeholder {color: #000000;}
.contact-form .f-ptb {padding: 60px 20px;}
.contact-form .input-submit-style {background-color: var(--primary-color);color: var(--secondary-color);padding: 15px 40px;border-radius: 50px;}
.f-shadow {box-shadow: 0px 4px 27px 10px rgba(0, 0, 0, 0.1);}
.liststyle {
    display: flex;
    flex-flow: row wrap;
    gap: .5rem;
    justify-content: center;
    text-align: left;
}

.liststyle li {
    flex: 0 0 44%;
}

.liststyle li p {
    color: #545151;
    margin: 0;
}

.liststyle li p:before {
    content: "\f00c";
    font-family: "Font Awesome 5";
    font-weight: 900;
    margin-right: 10px;
    color: #000;
}
.recovery-service-box.style3 .img-box .title {
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
.recovery-service-box.style3 .img-box .title::before {
    content: none;
}
.investResg {
    background: url(../images/investor-bg.jpg) center/cover fixed no-repeat;
    padding: 6rem 0;
}
.investResg h3 {
    font-family: var(--ff-cormorant);
    font-size: 2.375rem;
    color: var(--white);
    margin-bottom: 2rem;
}
.investResg .form-control {
    background: #EBEBEB;
    height: 4rem;
    border-radius: 4px;
    margin-bottom: 1.2rem;
    padding: 0.5rem 1.5rem;
}
.investResg .btn-style-1 {
    padding: 1rem 5rem;
}
.complaintSec {
    padding: 5rem 0;
}

.complaintSec p {
    color: #000;
}

.complaintSec h2 {
    font-family: var(--ff-cormorant);
    font-size: 2.5rem;
}
.complaintCell {
    padding: 1rem;
    box-shadow: 0 0 30px rgb(0 0 0 / 40%);
    margin-bottom: 2rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    border-radius: 10px;
}

.complaintCell figure {
    width: 20%;
}

.complaintCell .content {
    width: calc(100% - 20%);
}

.complaintCell .content h4 {
    font-family: var(--ff-cormorant);
    font-size: 1.375rem;
}

.complaintCell .content p {
    color: #000;
    font-size: 14px;
}
footer p, footer a {
    margin: 0;
    font-size: 14px;
    line-height: 2;
    font-weight: 300;
}

footer  ul {
    display: flex;
    flex-flow: row wrap;
    gap: 1rem 2rem;
}

footer ul li:first-child {
    width: 100%;
}

footer a i {
    font-size: 1rem;
    color: #0883D9;
    margin-right: 10px;
}