* {

    margin: 0;

    padding: 0;

}



:root {

    --primary-color: #000;

    --secondary-color: #fff;

    --tertiary-color: #C32B29;



}

@font-face {

    font-family: 'Myriad Pro';

    src: url('../fonts/MyriadPro-Regular.woff2') format('woff2');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}







@font-face {

    font-family: 'Bebas Neue';

    src: url('../fonts/BebasNeue-Regular.woff2') format('woff2');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



body {

    font-family: 'Myriad Pro' !important;

    font-size: 20px;

    color: var(--primary-color);

    line-height: 1.2;

}



.container,

.container-lg,

.container-md,

.container-sm,

.container-xl {

    max-width: 1340px !important;

}



.gap-5 {

    gap: 4.3rem !important;

}





a {

    text-decoration: none !important;

}


.step-mark a {
    background: var(--primary-color);
    color: #fff;
    padding: 3px 10px 0px;
    font-size: 15px;
    font-family: 'Bebas Neue';
    transition: 1s;
    display: inline-block;
}

.step-mark a:hover {
    background: var(--tertiary-color);
    
    transition: 1s;
}





h1 {

    color: var(--primary-color) !important;

    font-size: 36px;

    font-weight: 600;

    font-family: 'Myriad Pro';

}



h2 {

    color: var(--primary-color) !important;

    font-size: 30px;

    font-weight: 600;

    font-family: 'Myriad Pro';

}



h3 {

    color: var(--primary-color) !important;

    font-size: 25px !important;

    font-weight: 400 !important;

    font-family: 'Bebas Neue';

    text-transform: uppercase !important;

    margin: 10px 0px !important;

}



.step-mark h3 {

    font-size: 35px !important;

}



.call-run {

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

    color: var(--secondary-color) !important;

    padding: 5px 25px;

}



h4,
.call-run a {

    font-size: 25px !important;

    font-weight: 400 !important;

    font-family: 'Bebas Neue';

    line-height: 26px !important;

    text-transform: uppercase !important;

    margin: 0px !important;

}



.call-run a {

    color: var(--secondary-color) !important;

}







/******header style start***/



.header-logo {

    display: flex;

    align-items: center;

}



ul.navbar-nav {

    margin-right: auto;

    margin-left: 25.5% !important;

}



.footer-coontent p {

    margin: 0;

}



.today-bond span,

.contact-now span,

.wpcf7-not-valid-tip {

    color: var(--tertiary-color) !important;

}

.wpcf7-form-control-wrap {

    padding: 0px !important;

}



.today-bond p {

    color: var(--primary-color);

    font-size: 65px;

    line-height: 70px;

    font-weight: 400;

    margin: 0px;

    font-family: 'Bebas Neue';

    transform: rotate(-4.118deg);

    padding: 0px 0px 10px 0px;

}



a.navbar-brand {

    padding: 0px 5px;

}



.navbar-toggler {

    margin-left: auto;

    padding: 5px 0px;

}



.contact-service ul {

    padding: 15px 0px 20px;

    margin: 0px;

}



.contact-service ul li {

    list-style: none;

    display: flex;

    align-items: flex-start;

    gap: 2px;



}



.contact-service ul li span {

    font-size: 26px;

    font-family: 'Bebas Neue';

    line-height: 34px;

    vertical-align: baseline;

}



i.fa-regular {

    color: var(--tertiary-color);

    font-size: 18px;

}



.img_logo {

    max-width: 250px !important;

    object-fit: cover;

    padding: 0px 0px;

    margin: 0px 0px 0px 25px;

}



.img_icon-list {

    width: 34px;

}







nav.navbar.navbar-expand-lg.navbar-light {

    background: var(--primary-color);

    padding: 0px;

}



.header ul li {

    position: relative;

}



.header ul li a {

    color: var(--secondary-color);

    font-size: 25px;

    font-weight: 400;

    line-height: 36px;

    vertical-align: baseline;

    font-family: 'Bebas Neue';

    padding: 2px 22px 0px !important;

}





.collapse ul li:after {

    content: "";

    border: 1px solid;

    position: absolute;

    color: #fff;

    top: 7px;

    right: -3px;

    height: 64%;

    margin: 0px 0px;

}

.collapse ul li:last-child:after {

    display: none;

}





.navbar a {





    color: var(--secondary-color);

    text-decoration: none;

    font-size: 23px;

    font-weight: 400;

    font-family: 'Bebas Neue';

    transition: 1s;

}



.collapse a:hover,

.header .nav-item .nav-link:hover,
.enquiry ul li a:hover,
.call-run a:hover {

    color: var(--tertiary-color) !important;

    transition: 1s;

}





.spac {

 padding: 20px 0px;

}



.started.main-content-section {

    padding: 20px 80px;

}



.main-content-section {

    padding: 0 50px;

}





hr {

    height: 10px;

    background: var(--primary-color);

}



.today-bond {

    margin: 0px 15px;

    max-width: 360px;

}





.trust-me p,

.step-mark h5,

.step-mark p,

.efficiently p,

.step-mark ul li,

.bond-custmor p,

.app-form p {

    font-weight: 500;

    font-size: 20px;

    line-height: 26px;

    font-family: 'Myriad Pro';

}



.step-mark h5,

.efficiently {

    margin: 30px 0px;

}



.trust-me span,

.footer-coontent span {

    font-weight: 600;

}



.help.service {

    display: flex;

    justify-content: space-between;

}



.serving {

    padding: 10px 15px;

    border-radius: 8px;

    display: flex;

    flex-direction: column;

    height: 100%;

}



.img_icon {

    max-width: 80px !important;

    margin: auto;

}



.btn-click, .btn-submit {
    display: block;
    width: fit-content !important;
    border: none;
    font-size: 35px;
    padding: 13px 20px 10px;
    line-height: 35px;
    font-weight: 400 !important;
    margin: 20px auto !important;
    background: var(--primary-color);
    color: var(--secondary-color);
    font-family: 'Bebas Neue';
    transition: 1s;
}



.btn-click:hover,
.btn-call:hover {

    background: var(--tertiary-color);

    transition: 1s;

}



.contact-now .btn-click:hover {

    background: var(--primary-color);

    transition: 1s;

}



p {

    font-size: 16px;

    font-weight: 400;

    font-family: 'Myriad Pro';

    color: var(--primary-color);

}



.serving-content p {

    font-weight: 500;

    font-size: 20px;

    line-height: 24px;

    font-family: 'Myriad Pro';

}



.btn-call {

    display: inline-block;

    width: 108px;

}



.btn-call, .app-form span {

    color: var(--secondary-color);
    padding: 5px 10px;
    font-size: 15px;
    font-family: 'Bebas Neue';
    border: none;
}


.sign-here {
    display: flex;
}

.sign-here span {
    background: var(--primary-color);
    font-size: 16px !important;
}


.wpcf7-not-valid-tip {

    padding: 8px 0px !important;
}

.wpcf7-response-output {
    background: #eff0f1 !important;
    ;
    margin: 0px !important;
    padding: 15px 10px !important;

    font-family: 'Myriad Pro';
    font-size: 18px;
}

/* kind page css start*/







.step-mark ul {

    padding: 8px 0px 0px;

}



.step-mark ul li {

    list-style: none;

}



.app-form {



    padding: 24px 0px 0px;

}



.app-form h2,

.bond-custmor h2,

.enquiry h2 {

    font-size: 25px !important;

}



.app-form .btn-submit {

    margin: 0px !important;

    background: var(--tertiary-color) !important;

    padding:10px 10px 7px;

    line-height: 35px;

    vertical-align: bottom;

    transition: 1s;

}



.app-form .btn-submit:hover {

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

    transition: 1s;

}



input.form-control,

.wpcf7-form-control,

.form-control {

    background: #eff0f1 !important;

    border: none;

    border-radius: 0px;

    padding: 8px 10px;

    display: block;

    width: 100%;
}



.btn-call {
    background: var(--primary-color);
}

input.form-controled {

    padding: 5px 0px !important;
}



.img-notice {

    width: 100%;

    max-width: 600px !important;

    object-fit: cover;

}



select.form-select {

    border: 1px solid #000;

    border-radius: 0px;

    width: 75%;

}





.enquiry ul li {

    background: #eff0f1;

    display: flex;

    padding: 14px;

    align-items: center;

    line-height: 1.5;

    font-size: 14px;

    flex: 1;

    justify-content: space-between;

    border: none;

}



.enquiry ul {

    border-radius: 0;

}



.enquiry ul li a {

    flex: 1;

    display: flex;

    justify-content: flex-end;

    gap: 5px;

    line-height: 1;

    color: #000;

    font-size: 14px;

    align-items: center;

}



.enquiry ul li a i {

    font-size: 10px;

    display: flex;

}



/* payment  page css start*/



.main-content-section .container {

    max-width: 1200px !important;

}



.img-payment {

    width: 100%;

    max-width: 99px !important;

    object-fit: cover;

    aspect-ratio: 2;

}



.contact-now .btn-click {

    margin: 0px !important;

}



.contact-now h2 {

    font-size: 20px !important;

}



.contact-now h3 {

    font-size: 35px !important;

}





@media (max-width: 767px) {





    input.form-controled {

        width: 100%;

    }



    .cont-btns {

        display: block !important;

    }



    .contact-now .btn-click {

        margin: 10px auto 0px !important;


        text-align: center;

    }



    h4,
    .call-run a {

        font-size: 20px !important;



    }



    ul.navbar-nav {

        margin-right: auto;

        margin-left: auto !important;

    }



    .header ul li {

        position: relative;

        width: 100%;

        flex: 0 0 100%;

    }



    .contact-service ul {

        padding: 15px 25px;

        display: flex;

        align-items: center;

        flex-wrap: wrap;

        justify-content: left;

    }



    .img_icon-list {

        width: 20px;

    }



    .contact-service ul li span {

        font-size: 16px;

        line-height: 20px;

    }



    .call-run br,

    .today-bond br,

    .contact-now br {

        display: none;

    }



    .help.service {

        display: block;

    }



    .img_icon {

        max-width: 55px !important;

        margin: 0 auto;

    }



    .today-bond {

        margin: 16px auto 5px;

        max-width: 200px;

    }



    .serving {

        height: auto;

    }



    .img_logo {

        max-width: 100px !important;

        padding: 5px 0px 0px;

        margin: 0px;

    }



    .header-logo {

        justify-content: center;

    }



    .today-bond p {

        font-size: 30px;

        line-height: 35px;

    }



    hr {

        height: 10px;

        background: var(--primary-color);

        width: 80%;

        margin: 15px auto !important;

    }



    h1 {

        font-size: 25px !important;

    }



    h2 {

        font-size: 22px !important;

    }



    .contact-now h2 {

        font-size: 16px !important;

        line-height: 22px;

    }



    .stepend-mark {

        margin: 0px
    }



    .started.main-content-section {

        padding: 20px 10px;

    }



    .app-form h2,

    .bond-custmor h2 {

        font-size: 18px !important;

        line-height: 26px;

    }



    .collapse ul li:after {

        display: none;

    }



    .navbar-collapse {

        padding: 0px 0px 15px;

    }



    .contact-now,

    .form-contact {

        width: 100% !important;

    }



    .contact-now {

        padding: 0px !important;

    }



    .btn-click,

    .btn-submit {



        font-size: 22px;

    }



    .navbar p {

        display: block !important;

        color: #fff;

        font-family: 'Bebas Neue';

        font-size: 22px;

    }



    .header ul li a,
    .navbar a {



        font-size: 18px !important;

        padding: 2px 22px 0px !important;

    }



    a.call-us {

        padding: 0px 6px !important;

    }



    select.form-select {



        width: 100%;

    }



}



@media (min-width: 768px) and (max-width: 991.98px) {



    .call-run br,

    .today-bond br,

    .contact-now br {

        display: none;

    }



    .started.main-content-section {

        padding: 20px 40px;

    }



    h3 {

        font-size: 20px !important;

        ;

    }



    h4 {

        font-size: 16px !important;



    }



    .serving-content p {

        font-size: 18px;



    }



    .img_icon-list {

        width: 22px;

    }



    .contact-service ul li span {

        font-size: 18px;

        line-height: 26px;

    }



    .today-bond p {

        font-size: 38px;

        line-height: 38px;

        padding: 0px 0px 10px 0px;

    }



    .today-bond {

        margin: 0px 10px 0px 0px;

        padding: 0px 20px 0px 0px;

    }



    .img_logo {

        max-width: 200px !important;

        margin: 0px 0px 0px 10px;

    }



    .contact-now h2 {

        font-size: 16px !important;

        line-height: 22px;

    }



    .navbar p {

        display: block !important;

        color: #fff;

        font-family: 'Myriad Pro';

        font-size: 20px;

    }



}





/* navbar toogle btn*/



#Toggle-btn div {

    height: 4px;

    width: 30px;

    background: #fff;

    margin: 5px 0px;

    transition: .3s ease-in-out;

}





button.navbar-toggler[aria-expanded="true"] .top {

    transform: rotate(45deg) translate(5px, 5px);

    transition: .3s ease-in-out;

}



button.navbar-toggler[aria-expanded="true"] .center {

    opacity: 0;

    transition: .3s ease-in-out;

}



button.navbar-toggler[aria-expanded="true"] .bottom {

    transform: rotate(-45deg) translate(7px, -8px);

    transition: .3s ease-in-out;

}



.navbar-toggler:focus {



    box-shadow: none;

}





.navbar p {

    display: none;

}





.navbar-nav .nav-link.active,

.navbar-nav .nav-link.show {

    color: var(--tertiary-color);

}



input.form-control:focus,
textarea.form-control:focus {

    border: none;

    background: #eff0f1;

    box-shadow: none;

}



.wpcf7 form.invalid .wpcf7-response-output {
    border-color: #dc3232 !important;
}
/**9-05-24**/
span.wpcf7-form-control-wrap {
    font-family: 'Myriad Pro' !important;
}
.trust-me p, .serving-content p {
    margin-bottom: 0!important;
}
.footer-coontent {
    padding-bottom: 20px;
}
footer.main-footer.spac {
    padding: 0;
}
.header ul li.current-menu-item a.nav-link {
    color:var(--tertiary-color) !important;
}
.step-mark ul {
    margin-bottom: 50px;
}
.step-mark h5 {
    margin-bottom:20px;
    margin-top: 50px;
}
.step-mark {
    margin-bottom: 80px;
}
.app-form h2 {
    margin-bottom: 20px;
}
.app-form select.form-select {
    background-color: transparent!important;
    width: 100%;
    max-width: 400px;
    padding: 0.75rem 0.75rem 0.75rem 2.6rem;
    border: 2px solid #000;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E")!important;
    background-repeat: no-repeat!important;
    background-position:left 0.7rem top 50%!important;
    background-size:1.2rem auto!important;
}
.cards-wrap {
    padding-top: 20px;
}
textarea.wpcf7-form-control {
    resize: none;
}
.footer-coontent a {
    color: var(--primary-color);
}
.footer-coontent a:hover {
	color: var(--tertiary-color) !important;
    transition: 1s;
}
.footer-coontent a {
    word-wrap: break-word;
    display: inline-block;
}
@media (max-width:1200px) {
.sign-here span.wpcf7-form-control-wrap {
    width: calc(100% - 120px);
}
}
.step-mark ul li {
    text-indent: -16px;
    padding-left: 16px;
}
.esignlabel {
    background: var(--primary-color);
    font-size: 18px !important;
    color: var(--secondary-color);
    padding: 5px 10px;
    font-family: 'Bebas Neue';
    border: none;
}
.wpcf7-response-output {
    color: #dc3232;
}
span.wpcf7-spinner {
    margin-top: 20px;
    margin-bottom: 10px;
}
.digital_signature-pad {
    width: 100%;
}
@media (max-width:991px) {
	.help.service {
		justify-content: flex-start;
		flex-wrap: wrap;
	}
		.serving.text-center {
		width: 33.33%;
		height: auto;
	}
	.contact-now .btn-click {
		display: inline-block;
		font-size: 30px;
	}
	.form-contact.w-50 {
		width: 100%!important;
	}
	.list-group-item span:last-child {
		width: 120px;
		text-align: right;
	}
}
@media (max-width:850px) {
	.btn-click, .btn-submit{
		font-size:24px;
	}
}
@media (max-width:767px) {
   .serving.text-center {
		width:100%;
		height: auto;
	}
	.footer-coontent a {
		word-wrap: break-word;
		display: inline-block;
		margin:2px 0;
	}
	.dscf7_signature_inner {
		width: 100%;
	}
}
@media (max-width:575px) {
	 .contact-now .btn-click {
        width: 100% !important;

    }

}

.dscf7_signature input.clearButton {
    line-height: 18px!important;
}
@media (max-width: 480px) {
    .enquiry ul li {
        flex-direction: column;
        row-gap: 4px;
        padding: 8px;
        text-align: center;
    }
}