#services {
    color: #4285F4!important;
    font-weight: 800!important;
}
.header .container-fluid,.header .row {
    height: 100%;
}
.header .bg-white {
    padding: 4px 6px 1px!important;
}
.header .col-md-6 {
    z-index: 9;
    position: relative;
}
.header .header-top {
    margin-top: -60px;
}
.header img,svg {
    width: 80%!important;
}
.header .ps-5 {
    padding-left: 10rem!important;
}
.header .fs-1 {
    font-size: 45px!important;
}
#top-navbar .child {
    /* transform: rotate(90deg); */
    margin-top: -280px;
}
#top-navbar .firstline {
    border: 1px solid #ccc;
    /* transform: rotate(180deg); */
    height: 62px;
    margin-top: 4px;
    width: 1px;
    opacity: 0.5;
    margin-left: 9px!important;
}
#top-navbar .scroll {
    writing-mode: vertical-lr;
}
#about-us p, #crafting p, #chooses .carousel-item p {
    text-indent: 5rem;
    text-align: justify;
}
#about-us .static-about {
    width: 75%;
}
#our-process h1 {
    font-size: 45px!important;
}
#our-process .card {
    box-shadow: 0px 3px 15px #4285F426;
    height: 95%;
    transition: .3s;
}
#our-process .card:hover {
    box-shadow: rgb(130 229 255 / 20%) 0px 8px 24px;
    transform: scale(1.01);
}
/* #our-process .card h6 {
    height: 120px;
    overflow: scroll;
} */
#our-process .card-body {
    padding: 2rem!important;
}
#our-process .span {
    background-color: #4B5BD4;
    width: 60%;
    height: 8px;
    border-radius: 10px 10px 0px 0px;
    opacity: 1;
    margin: 0 auto;
    text-align: center;
}
li {
    list-style: none!important;
}
#technology .card:hover {
    transform: scale(1.065);
    background-color: #F7FAFF;
    box-shadow: 0px 3px 15px #4285F426;
    /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
}
.about-contact-background .main-card {
    box-shadow: 0px 3px 25px #4285F426;
}
#technology .tech {
    color: #e0edf8;
    margin-bottom: 0rem!important;
}
#technology .crd .lang {
    opacity: 0;
    transition: 0.4s;
}
#technology .crd:hover .lang {
    opacity: 1;
}
#crafting .p-5 {
    padding: 6rem 3rem 0!important;
}
@media (min-width: 1700px) and (max-width: 2000px){
    .header {
        height: 650px!important;
    }
    .header .fs-1 {
        font-size: 76px!important;
    }
    .header h3 {
        font-size: 38px!important;
    }
    #our-process .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1600px!important;
    }
    #our-process .m-4 {
        margin: 2.5rem!important;
    }
    .header img, svg {
        width: 75%!important;
    }
    #crafting .p-5 {
        padding: 8rem 3rem 0!important;
    }
    #our-process .card h6 {
        font-weight: 300;
        font-size: 20px!important;
    }
    #our-process .card {
        height: 90%;
    }
    #technology h6 {
        line-height: 2.5rem!important;
    }
}
@media (min-width: 1400px) and (max-width: 2000px){
    #technology .grid {
        justify-content: center;
    }
}
@media (max-width: 1024px){
    #about-us .col-md-6 {
        width: 100%;
    }
    #about-us .static-about {
        width: 70%;
        padding-top: 20px;
        padding-bottom: 30px;
    }
    #crafting .w-100 {
        padding-bottom: 1rem;
    }
}
@media (min-width: 600px) and (max-width: 990px){
    .header .fs-1 {
        font-size: 36px!important;
    }
    .header .align-self-end {
        align-self: center!important;
    }
    .header .ps-5 {
        padding-left: 5rem!important;
    }
    .header .ps-4 {
        padding-left: 0rem!important;
    }
    #our-process .card-body {
        padding: 1rem!important;
    }
    #our-process .m-4 {
        margin: 0.5rem!important;
    }
    #our-process .card {
        height: 98%!important;
    }
    #our-process .container {
        padding-right: 2rem;
        padding-left: 2rem;
    }
    #our-process .col-md-4 {
        width: 50%;
    }
    .craft-background::after {
        height: 100%!important;
    }
    #crafting .col-md-6 {
        width: 100%!important;
    }
    #about-us .pb-5 {
        padding-bottom: 1rem!important;
    }
    #crafting .p-5,#technology .p-5, .choose-background .p-5 {
        padding: 1rem!important;
    }
}
@media (min-width: 600px) and (max-width: 712px){
    .header .ps-5 {
        padding-left: 2rem!important;
    }
    .header img, svg {
        width: 90%!important;
    }
    #top-navbar .child {
        display: none;
    }
    #our-process .col-md-4 {
        width:50%;
    }
    #our-process .card {
        height: 97%;
    }
}
@media (max-width: 600px){
    .header {
        height: 650px!important;
        background-repeat: no-repeat!important;
        background-size: cover!important;
    }
    .header .header-img {
        text-align: center;
    }
    .header .fs-1 {
        margin-top: 7rem;
        font-size: 40px!important;
    }
    .header .ps-4 {
        padding-left: 0.5rem!important;
    }
    .header .ps-5 {
        padding-left: 1rem!important;
    }
    .header .align-self-end {
        align-self: start!important;
    }
    .header .child .ms-5 {
        margin-left: 0rem!important;
    }
    #about-us {
        margin-top: -120px;
    }
    .about-background .px-5 {
        padding: 10px 0 10px 0!important;
    }
    #crafting .p-5 {
        padding: 1rem!important;
    }
    .choose-background {
        height: 70%;
    }
    .choose-background::after {
        height: 30%;
    }
    .craft-background::after {
        height: 100%!important;
    }    
    #our-process .mt-5 {
        margin-top: 1rem!important;
    }
    #our-process .mb-4 {
        margin-bottom: 0rem!important;
    }
}