.job {
    margin: 197px 0px;
}

.job .portfolio h3{
    
    text-align: center;
    font-size: 55px;
}

.job .portfolio h4{
    
    text-align: center;
    font-size: 35px;
    padding: 20px 0px;
     color: #A259FF;
    font-style: tomorrow-light;
    font-family: "Tomorrow", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.job .portfolio h5{
    font-size: 30px;
    padding: 30px 0px 5px;
    color: #A259FF;
     color: #A259FF;
    font-style: tomorrow-light;
    font-family: "Tomorrow", sans-serif;
    font-weight: 500;
    font-style: normal;

}

.job .portfolio h6{
    font-size: 20px;
}

.job .portfolio a{
    font-size: 19px;
    
        padding-top: 50px;
        text-decoration: none;
    
}

.job .portfolio img{
  
        border-radius: 500px;
        width: 244px;
    
}
.job  .portfolio .photo{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 134px 0px;
}

.job .portfolio ul li{
    list-style: none;
}


.job input {
    width: 75%;
    padding: 20px;
    border: 2px solid black;
    margin: 0px 0px 25px 0px;
    border-radius: 12px;
}

.job .list {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 110px;
}

.job .portfolio .list{
    padding-top: 110px;
}


.job .portfolio .list .button a {
    padding: 14px 48px;
    background-color: rgb(0, 0, 0);
    border-radius: 30px;
    color: white;
    font-weight: 600;
   
   
}

.job .portfolio .list .button {
 
        padding: 44px 0px;
        width: 642px;
    
}
.job .portfolio .list .button a:hover{
    cursor: pointer;
}

.job .portfolio .list .button a:hover {
    background-color: rgb(49, 197, 36);
    transform: translateY(-10px);
    
}

.job {
    margin: 197px 0px 100px 0px;
}





.main{
    background-color: black;
}
.main .sheet{
    margin: 100px 0px;
    color: #ffffff;
}

.main .sheet h3{
    
        padding: 110px 0px 45px;
        font-size: 30px;
        opacity: 30%;
    
}
.main .sheet h1 {
    font-size: 55px;
    color: #a259ff;
    font-style: tomorrow-light;
    font-family: "Tomorrow", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.main .sheet h2 {
    font-size: 29px;
    font-style: tomorrow-light;
    font-family: "Tomorrow", sans-serif;
    font-weight: 100;
    font-style: normal;
    padding-right: 100px;
}


.main .sheet p{
    font-size: 23px;
    padding: 45px 0px 100px;
  
}
.main .sheet .clicks{
    display: flex;

}
.main .sheet .clicks .hire {
    padding-right: 70px;
}

.main .sheet .clicks .hire a{
    background-color: rgb(0 203 50);
    text-decoration: none;
    color: white ;
    font-weight: 500;
    padding: 10px 15px;
    font-size: large;
}

.main .sheet .clicks a{
    font-weight: 500;
    color: white;
    font-size: large;
}


.main .boxs {
    color: #ffffff;
        /* background-color: #2a2424; */
            display: flex;
            flex-direction: column;
            align-items: center;
        

.main .col .boxs ul li{
    background-color: #A259FF;
}            

}
.main .boxs ul li{
    list-style: none;
}
.main .boxs ul{
    padding: 0px;
}
.main .boxs{
    element.style {
        background-color: #ffffff;
        color: black;
        padding: 30px;
    }
}

.main .col{
   
        width: 416px;
        height: 891px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .main .boxs .back {
        padding: 30px;
        background-color: white;
        color: black;
        border-radius: 8px;
        font-weight: 500;
        font-size: 20px;
        position: relative;
        left: 120px;
        top: -11px;
    }

    .main .boxs .back .one {
        border-bottom: 1.5px solid;
        padding: 20px;
    }

    .main .boxs .back .two {
        border-bottom: 1.5px solid;
        padding: 20px;
    }

    .main .boxs .back .three {
        /* border-bottom: 1.5px solid; */
        padding: 20px;
    }



.main i {
    color: #572e8b;
}

    .main .icon {
     
            display: flex;
            justify-content: center;
            height: 1000px;
            align-items: center;
            padding-top: 204px;
    
    }
    .main .icons{
        color: white;
    }
    .main .icon .icons li{
        list-style: none;
   
        
    }
    .main .icon .icons {
        color: #000;
        background-color: white;
        padding: 35px;
        border-radius: 8px;
        font-size: 23px;
        position: relative;
        top: -20px;
        left: 105px;
    }

    .main .icon .icons ul {
        
        padding-bottom: 20px;
        text-align: center;
        padding-left: 0px;
    }

    .main .icon .icons e{
        margin-bottom: 0%;
    }

    .main .icon .icons .e ul{
       border: none;
    }
    .main .icon .icons a{
        color: #000;
        font-style: none;
        text-decoration: none;
    }






.aboutme .para p {
    margin-top: -291px;
    margin-bottom: 5rem;
    font-size: 21px;
    padding-left: 99px;
}

 .aboutme .about img {
    width: 639px;
    padding: 100px 100px 0px 50px;
}

    .aboutme .para {
        font-size: 25px;
        padding-top: 300px;
    }

.aboutme .para h1 {
    text-align: center;
    font-size: 76px;
    opacity: 10%;
    padding-bottom: 18px;
    position: relative;
    left: -715px;
    top: -152px;
}
    
.aboutme .para h3 {
    position: absolute;
    right: 1059px;
    top: 1154px;
    color: #A259FF;
    font-style: tomorrow-light;
    font-family: "Tomorrow", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 71px;
}
        .hi .apps .design {
    list-style: none;
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 30px;
    padding: 15px 0px;
    background-color: #ffffff;
    border-radius: 30px;
}
        .hi .apps {
            text-align: center;
          padding: 0px;
        }

        .hi {
            background-color: rgb(0, 0, 0);
            padding: 0px 0px 125px 300px;
        }

        .hi .apps img{
           
                padding: 40px 25px 30px;
            }

            .hi .apps .design h6 {
                padding: 15px 40px;
                background-color: black;
                border-radius: 40px;
                color: white;
                margin-top: 20px;
                width: 170px;
                align-items: center;
                justify-content: center;
            }
            
            .hi .apps .align{
                display: flex;
            }

.hi h1{
     margin: 0;
    position: relative;
    left: -290px;
    top: 514px;
    color: white;
    writing-mode: sideways-lr;
    font-size: 82px;
    color: #A259FF;
    font-style: tomorrow-light;
    font-family: "Tomorrow", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.hi .design img {
    width: 70%;
    border-radius: 40px;
    padding: 26px;
}

.hi .apps .design h4{
    width: 185px;
}





            .edu .studies {
                display: flex;
                flex-direction: column;
                align-items: center;
                margin: 180px 0px ;
            }

            
            .edu .studies h3 {
                text-align: left;
                font-size: 45px;
                width: 100%;
                padding-top: 125px;
            }
            .edu .studies h4 {
                text-align: right;
                font-size: 45px;
                width: 100%;
                padding-top: 125px;
            }

            .edu .studies h1 {
                opacity: 8%;
                position: absolute;
                font-size: 80px;
            }

            .edu .studies h2 {
                position: relative;
                top: 49px;
                font-weight: 300;
                 color: #A259FF;
    font-style: tomorrow-light;
    font-family: "Tomorrow", sans-serif;
    font-weight: 500;
    font-style: normal;
            }

            .edu .studies a {
                padding: 10px 15px;
                background-color: rgb(0 203 50);
                border-radius: 40px;
                color: white;
                text-decoration: none;
                font-weight: 500;
                margin-top: 80px;
            }

            .services {
    padding: 80px 0px;
    border-top: dashed;
}

            .services .service {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                margin: 100px 0px 55px;
            }

            .services .bw {
                /* border: 1px solid; */
                padding: 40px 73px;
                text-align: center;
            
            }

            .services .bw h3 {
                
                text-align: center;
                padding: 15px;
            }


                
            .second .service
            {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                margin: 100px;
            }

            /* .second .services .bw{
                /* border: 1px solid; */
                /* padding: 30px 20px;
                text-align: center;
                
            } */

            .second .bw h3 {
                
                text-align: center;
                padding: 15px;
            }

            .second img
            { text-align: center;}


.services .service  h1 {
    position: absolute;
    opacity: 8%;
    font-size: 65px;
}

.services .service  h3{
    position: relative;
    bottom: -16px;
     color: #A259FF;
    font-style: tomorrow-light;
    font-family: "Tomorrow", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.services .bw img{
    /* width: 128px;
    height: 128px; 
    text-align:center;  */
}

.services .bw .correct{
    padding-top: 35px;
}


.job .photo img {
    border-radius: 47%;
    width: 367px;
    height: 536.33px;
    object-fit: cover;
    margin-bottom: -89px;
    padding: 112px 59px;

    }

.job button {
    background-color: #00cb32;
    border-color: #000 ;
    border: #000 0px solid;
    text-decoration: none;
    color: white;
    font-weight: 500;
    padding: 7px 15px;
    font-size: large;
    position: relative;
    left: -285px;
    top: 25px;
}

.job h6 {
    padding: 3px 90px;
    font-weight: lighter;
}

.footer .foot {
    display: flex;
    text-align: center;
    list-style: none;
}
.footer .foot li a{
    list-style: none;
    padding: 5px;
    color: white;
    text-decoration: none;
}
.footer {
    background-color: #000;
    padding: 35px;
}
.footer .foot li{
    list-style: none;
}

.last .copyright
     {
    text-align: center;
    font-weight: 100;
    font-size: 12px;
    padding: 5px;
}

.last .copyright h6 {
    text-align: center;
    font-weight: 100;
    font-size: 12px;
    padding: 5px;
    margin: 0px;
}

.slide {
    background-color: #000;
    padding: 50px 0px;
    border-top: solid;
}

.center img{
width: 100%;
padding: 60px 30px;
height: 341.33px;
}


.slide .slick h1 {
    text-align: center;
    padding-bottom: 100px;
    font-size: 40px;
    opacity: 100%;
    font-family: initial;
    color: white;
    position: relative;
    top: 80px;
}
    .slide .slick h3 {
    text-align: center;
    top: 97px;
    position: relative;
    color: #A259FF;
    font-style: tomorrow-light;
    font-family: "Tomorrow", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 70px;
}
    .slick-slide img {
    display: block;
    width: 100%;
    height: 380px;
}


/* .projects .slide h1{
    element.style {
    font-size: 25px;
    text-align: center;
    color: #626262;
    font-weight: lighter;
    padding-top: 50px;
}
} */



.progress, .progress-stacked {
    --bs-progress-height: 2.5rem;
    --bs-progress-font-size: 0.75rem;
    --bs-progress-bg: #adadad;
    --bs-progress-border-radius: var(--bs-border-radius);
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #000;
    --bs-progress-bar-transition: width 0.6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius);
}

.progress {
    border-radius: 15px;
    margin-top: 40px;
    height: 46px;
    font-size: 20px;
    font-weight: bolder;
}

.visit h1{
    
    text-align: center;
    font-size: 20px;
    padding: 10px;
    color: #371267;
    font-family: 'Tomorrow';
    font-weight: 500;
}
.visit a{
    color: #a259ff;
}

        /* .hi .apps .design{
            background-color: #ffffff;
        }
 */

/* 
.btn{
    display: flex;
    justify-content: center;
}
.btn a{
    padding: 10px 30px;
    background: #5bff5b;
   transition: all 0.5s ease;
   cursor: pointer;
}
.btn a:hover{
    transform: scale(1.15) ;
    transform: translatex(10px);
    transition: all 0.5s ease-in-out;
} */