$darkblue: #051c2d;
$yellow: #f3c400;
$lightyellow: #fae4a2;


.header-1, .fixed-footer, .content-footer {
    background: #051c2d !important;
}

nav {

    ul {

        li {

            a {
                color: #fae4a2 !important;
            }

        }

    }

}

.footer-title {
    
    h2 {

        a {
            color: #fae4a2;
        }

    }

}


.span-biz {
    
	color: white;

    & i {
        color: #f3c400;
    }

    & a {

        color: #fae4a2;
        text-decoration: none;

        &:hover {
            text-decoration: underline;
        }

    }

}

.footer-item {

    ul {

        li {

            a:hover {
                color: #f3c400;
                transition: 200ms;
            }

        }

    }

}


@media (max-width: 391px) {

    .to-top {
       transform: translateY(40px);
    }

    .copyright {
        margin-left: 30px;
    }
    
    }


@media (max-width: 768px) {

.copyright {
	color:#fff;
	font-size:1.1em;
	text-transform:uppercase;
	letter-spacing:1px;
}

.c-biz {
    display: flex !important;
    justify-content: center !important;
}

}


@media (max-width: 991px) {

    #sec2 {
        
        .section-title {
            padding-top: 40px;
        }

    }

    .col-hero-2 {

        .section-title {
            padding-top: 40px;
        }

    }

    .process-1 {

        .creat-list {
            display: grid;
        }

    }

}

@media (min-width: 1520px) {

    .hero-services {
        padding-right: 65px;

        .section-title, p {
           text-align: right;
           padding-right: 100px;
        }

        .process-box {
            
            margin-left: 260px;
        
            h3 {
                text-align: end;
                margin-left: -40px;
            }
        
            &::before {
                margin-left: 47%;
            }
        
        }

    }

        .hero-s-4{
            padding-right: 65px;
    
            .section-title, p {
               text-align: left;
               padding-right: 100px;
            }
    
            .process-box {
                
                margin-left: 260px;
            
                h3 {
                    text-align: start;
                    margin-left: -40px;
                }
            
                &::before {
                    margin-left: -32%;
                }
            
            }

    }

    .hero-s-3 {
        padding-right: 65px;

        .section-title, p {
           text-align: right;
           padding-right: 100px;
        }

        .process-box {
            
            margin-left: 260px;
        
            h3 {
                text-align: end;
                margin-left: -40px;
            }
        
            &::before {
                margin-left: 47%;
            }
        
        }

}

    



    .col-hero-2 {

        .section-title, p {
           text-align: right;
           padding-right: 100px;
        }

        .process-2{
            
            margin-left: 160px;
        
            h3 {
                text-align: end;
            }
        
            &::before {
                margin-left: 55%;
            }
        
        }

        .anim-button {
            float: right !important;
            margin-right: 150px;
        }

        .creat-list {
            display: -webkit-inline-box;
            padding-top: 25px;
            margin-left: 20px;
        }

    }

}


@media screen and (min-width: 1037px) and (max-width: 1519px) {

    .hero-services {

        p {
            padding-right: 60px;
        }

    }

}


@media screen and (min-width: 992px) and (max-width: 1239px) {

    .hero-about {

        .section-title, p {
            padding-right: 45px !important;
        }

    }

}




@media screen and (min-width: 1240px) and (max-width: 1469px) {

    .hero-about {

        .section-title, p {
            padding-right: 135px !important;
            text-align: right;
        }

    }

}



@media (min-width: 1470px) {

    .hero-about {

        .section-title, p {
            padding-right: 135px !important;
            text-align: right;
        }

        .process-box {

            &:before {
                left: 75%;
            }

            h3 {
                text-align: end;
                width: 100% !important;
                padding-right: 135px;
            }

            .creat-list {
                margin-left: 30% !important;
            }

        }

    }

}

footer.fixed-footer .footer-social li a:hover {
	background: #f3c400;
	color: #051c2d;
}

.verify-wrap {

    text-align: initial;
    padding-bottom:20px;

    input {
        width: 30px;
        transform: scale(1.3);
    }

    span {
        font-size: 14px;
    }

}

// .input-checkbox input[type="checkbox"]{
//     appearance: none;
//     -webkit-appearance: none;
//     -moz-appearance: none;


//     &:checked {
//         color: #f3c400 !important;
//         background-color: #051c2d !important;
//     }

// }


.h3-index {
    width: auto !important;
}

@media screen and (min-width: 1025px) {

.margin-left-50 {
    margin-left: 50px;
}

}