*{
    box-sizing: border-box;
    font-family: 'Dosis', sans-serif;
}

body{
    margin: 0;
    padding: 0;
    color:black;
    background: rgb(214, 214, 214);
    font-family: 'Playfair Display', serif;
    justify-content: center;
    align-items: center;
}

a{
    text-decoration: none;
}

li{
    list-style: none;
}


/* Navbar */

nav{
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 12vh;
    background: rgb(155, 154, 154);
    color: black;
    box-shadow: -1px 0px 21px -5px rgba(0,0,0,0.75);    
}

.nav-logo{
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: bold;
}

.nav-logo img{
    margin-left: 10%;
    width: 230px;
    background: transparent;
}

.nav-links{
    display: flex;
    justify-content: space-around;
    width: 85%;
}

.nav-links li{
    transition: 0.8s;
}

.nav-links li:hover{
    transform: scale(1.2);
}

.nav-links a{
    color:black;
    transition: 0.8s;
}

.nav-links a:hover{
    color: rgb(63, 63, 63);
}


.burger{
    display: none;
}

.burger .line1,
.burger .line2,
.burger .line3{
    width: 24px;
    height: 3px;
    background-color: black;
}

.burger .line2{
    margin: 3px 0px;
}

/* Navbar End */

/* image slider start */

.sld-box{
    width: 100%;
    height: 650px;
    box-shadow: 0 0 25px -3px rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
}

.sld-box img{
    width: 1200px;
    height: 95%;
}

.animated-text{
    color:#fff;
    position: absolute;
    top: 63%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: rgb(228, 49, 49);
    padding: 0 40px;
    height: 60px;
    text-align: center;
    overflow: hidden;
    border-radius: 10px;
}

.line{
    text-transform: uppercase;
    text-align: center;
    font-size: 40px;
    line-height: 60px;
}

.line:first-child{
    animation: anim 12s infinite;
}

@keyframes anim {
    0%{
        margin-top: 0;
    }
    16%{
        margin-top: -60px;
    }
    33%{
        margin-top: -120px;
    }
    50%{
        margin-top: -120px;
    }
    66%{
        margin-top: -60px;
    }
    100%{
        margin-top: 0;
    }
}


/* image slider end */

.ourservices-business{
    width: 100%;
    height: 520px;
}

.ss-box1{
    width: 100%;
    height: 3px;
}

.service-info-text h1{
    height: 20px;
    text-align: center;
}

.service-info-text h3{
    text-align: center;
}

.services-image-box{
    width: 100%;
    margin:0 auto;
    padding:80px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-family: 'Secular One', sans-serif;
}

.box{
    background: gray;
    width: 250px;
    height: 250px;
    margin:0px 18px ;
    border-radius: 10px;
    transition: 0.8s;
}

.box a{
    color: white;
    text-decoration: none;
}

.box img{
    border-radius: 10px;
}

.box:hover{
    transform: scale(1.2);
}

.myInfo{
    width: 100%;
    margin:0 auto;
    padding:80px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-family: 'Secular One', sans-serif;
}


.Infobox{
    width: 350px;
    height: 350px;
    margin:0px 18px ;
    background-color: #434349;
    color: white;
    border-radius: 8px;
    margin-left: 40px;
    transition: 0.9s;
    text-align: center;
    -webkit-box-shadow: 0px 1px 11px 6px rgba(0,0,0,0.48); 
    box-shadow: 0px 1px 11px 6px rgba(0,0,0,0.48);
}

.Infobox:hover{
    transform: scale(1.1);
}

.Infobox h1 p{
    color:white
}

.Infobox i{
    font-size: 110px;
    margin-top: 60px;
    color:white;
}

.Infobox a button{
    background: white;
    font-size: 20px;
    color: black;
    border: none;
    border-radius: 10px;
    outline: none;
    margin-top: 53px;
    box-shadow: -1px 0px 21px -5px rgba(0,0,0,0.75);
}

.Infobox2{
    width: 350px;
    height: 350px;
    margin:0px 18px ;
    background-color: #434349;
    color: white;
    border-radius: 8px;
    margin-left: 40px;
    transition: 0.9s;
    text-align: center;
    -webkit-box-shadow: 0px 1px 11px 6px rgba(0,0,0,0.48); 
    box-shadow: 0px 1px 11px 6px rgba(0,0,0,0.48);
}

.Infobox2 i{
    font-size: 110px;
    margin-top: 15px;
    color:black;

}

.Infobox2:hover{
    transform: scale(1.1);
}

.Infobox2 h1 p{
    color:white
}

.Infobox2 i{
    font-size: 110px;
    margin-top: 60px;
    color:white;
}

.Infobox2 a button{
    background: white;
    font-size: 20px;
    color: black;
    border-radius: 10px;
    border: none;
    outline: none;
    margin-top: 53px;
    box-shadow: -1px 0px 21px -5px rgba(0,0,0,0.75);

}

.Infobox3{
    width: 350px;
    height: 350px;
    margin:0px 18px ;
    background-color: #434349;
    border-radius: 8px;
    margin-left: 40px;
    transition: 0.9s;
    color: white;
    text-align: center;
    -webkit-box-shadow: 0px 1px 11px 6px rgba(0,0,0,0.48); 
    box-shadow: 0px 1px 11px 6px rgba(0,0,0,0.48);
}

.Infobox3 i{
    font-size: 110px;
    margin-top: 60px;
    color:white;

}

.Infobox3 h1 p{
    color:white
}


.Infobox3 a button{
    background: white;
    font-size: 20px;
    color: black;
    border-radius: 10px;
    border: none;
    outline: none;
    margin-top: 53px;
    box-shadow: -1px 0px 21px -5px rgba(0,0,0,0.75);

}

.Infobox3:hover{
    transform: scale(1.1);
}

.rf-container{
    width: 100%;
    height: 1400px;
    display: flex;
    flex-direction: column;
}

.rf-ctn-text{
    text-align: center;
}

.rf-box-container1{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.rf-box-container2{
    margin-top: 5%;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-left: 3%;
}

.rf-box-container3{
    margin-top: 5%;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.rf-box-container4{
    margin-top: 5%;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.rf-box{
    width: 180px;
    height: 180px;
    background: white;
    margin-top: 2%;
    border: 2px solid rgb(180, 2, 2);
    border-radius: 5px;
    transition: 0.8s;
    text-align: center;
}

.rf-box:hover{
    transform: scale(1.1);
}

.rf-box h4{
    margin-top: 45%;
}

.rf-box img{
    width: 165px;
    height: 60px;
    margin-top: 30%;
    border-radius: 5px;
}


.rf-box2{
    width: 180px;
    height: 180px;
    background: white;
    margin-left: 5%;
    margin-top: 2%;
    border-radius: 5px;
    border: 2px solid rgb(180, 2, 2);
    transition: 0.8s;
}

.rf-box2 h4{
    text-align: center;
    margin-top: 18%;
}

.rf-box2:hover{
    transform: scale(1.1);
}

.rf-box2 img{
    width: 130px;
    height: 130px;
    margin-top: 18%;
    margin-left: 12%;
    border-radius: 5px;
}

.rf-box3{
    width: 180px;
    height: 180px;
    background: white;
    margin-left: 5%;
    margin-top: 2%;
    border-radius: 5px;
    border: 2px solid rgb(180, 2, 2);
    transition: 0.8s;
}

.rf-box3 h4{
    text-align: center;
    margin-top: 23%;
}

.rf-box3:hover{
    transform: scale(1.1);
}

.rf-box3 img{
    width: 130px;
    height: 120px;
    margin-top: 17%;
    margin-left: 12%;
    border-radius: 5px;
}

.rf-box4{
    width: 180px;
    height: 180px;
    background: white;
    margin-left: 5%;
    margin-top: 2%;
    border-radius: 5px;
    border: 2px solid rgb(180, 2, 2);
    transition: 0.8s;
}

.rf-box4 h4{
    text-align: center;
    margin-top: 21%;
    margin-bottom: 10%;
    font-size: 17px;
}

.rf-box4:hover{
    transform: scale(1.1);
}

.rf-box4 img{
    margin-top: 16%;
    width: 170px;
    height: 126px;
    border-radius: 5px;
}

.rf-box5{
    width: 180px;
    height: 180px;
    background: white;
    border-radius: 5px;
    border: 2px solid rgb(180, 2, 2);
    transition: 0.8s;
    margin-right: 6%;
}

.rf-box5 h4{
    text-align: center;
    margin-top: 23%;
    font-size: 16px;
}

.rf-box5:hover{
    transform: scale(1.1);
}

.rf-box5 img{
    width: 140px;
    height: 160px;
    margin-left: 10%;
    border-radius: 5px;
}

.rf-box6{
    width: 180px;
    height: 180px;
    background: white;
    margin-left: 5%;
    margin-right: 6%;
    border-radius: 5px;
    border: 2px solid rgb(180, 2, 2);
    transition: 0.8s;
}

.rf-box6 h4{
    text-align: center;
    margin-top: 30%;
    font-size: 16px;
}

.rf-box6:hover{
    transform: scale(1.1);
}

.rf-box6 img{
    width: 160px;
    height: 90px;
    border-radius: 5px;
    margin-top: 23%;
    margin-left: 6%;
}

.rf-box7{
    width: 180px;
    height: 180px;
    background: white;
    margin-right: 6%;
    border-radius: 5px;
    border: 2px solid rgb(180, 2, 2);
    transition: 0.8s;
}

.rf-box7 h4{
    text-align: center;
    margin-top: 33%;
    font-size: 16px;
}

.rf-box7:hover{
    transform: scale(1.1);
}

.rf-box7 img{
    width: 160px;
    height: 130px;
    border-radius: 5px;
    margin-top: 6%;
    margin-left: 4%;
}

.rf-box8{
    width: 180px;
    height: 180px;
    background: white;
    margin-right: 6%;
    border-radius: 5px;
    border: 2px solid rgb(180, 2, 2);
    transition: 0.8s;
}

.rf-box8 h4{
    text-align: center;
    margin-top: 38%;
    font-size: 16px;
}

.rf-box8:hover{
    transform: scale(1.1);
}

.rf-box8 img{
    width: 160px;
    height: 50px;
    border-radius: 5px;
    margin-top: 40%;
    margin-left: 4%;
}


.rf-box9{
    width: 180px;
    height: 180px;
    background: white;
    margin-right: 6%;
    border-radius: 5px;
    border: 2px solid rgb(180, 2, 2);
    transition: 0.8s;
}

.rf-box9 h4{
    text-align: center;
    margin-top: 18%;
    font-size: 16px;
}

.rf-box9:hover{
    transform: scale(1.1);
}

.rf-box9 img{
    width: 160px;
    height: 150px;
    border-radius: 5px;
    margin-top: 1%;
    margin-left: 4%;
}

.rf-box10{
    width: 180px;
    height: 180px;
    background: white;
    margin-right: 6%;
    border-radius: 5px;
    border: 2px solid rgb(180, 2, 2);
    transition: 0.8s;
}

.rf-box10 h4{
    text-align: center;
    margin-top: 18%;
    font-size: 16px;
}

.rf-box10:hover{
    transform: scale(1.1);
}

.rf-box10 img{
    width: 160px;
    height: 150px;
    border-radius: 5px;
    margin-top: 10%;
    margin-left: 4%;
}

.rf-box11{
    width: 180px;
    height: 180px;
    background: white;
    margin-right: 6%;
    border-radius: 5px;
    border: 2px solid rgb(180, 2, 2);
    transition: 0.8s;
}

.rf-box11 h4{
    text-align: center;
    margin-top: 18%;
    font-size: 16px;
}

.rf-box11:hover{
    transform: scale(1.1);
}

.rf-box11 img{
    width: 150px;
    height: 100px;
    border-radius: 5px;
    margin-top: 20%;
    margin-left: 7%;
    margin-bottom: 40px;
}

.rf-box12{
    width: 180px;
    height: 180px;
    background: white;
    margin-right: 6%;
    border-radius: 5px;
    border: 2px solid rgb(180, 2, 2);
    transition: 0.8s;
}

.rf-box12 h4{
    text-align: center;
    margin-top: 18%;
    font-size: 16px;
}

.rf-box12:hover{
    transform: scale(1.1);
}

.rf-box12 img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.rf-box13{
    width: 180px;
    height: 180px;
    background: white;
    border-radius: 5px;
    border: 2px solid rgb(180, 2, 2);
    transition: 0.8s;
}

.rf-box13 h4{
    text-align: center;
    margin-top: 46%;
    font-size: 16px;
}

.rf-box13:hover{
    transform: scale(1.1);
}

.rf-box13 img{
    margin-top: 40px;
    width: 100%;
    border-radius: 5px;
}


.rf-box14{
    width: 180px;
    height: 180px;
    background: white;
    margin-right: 6%;
    border-radius: 5px;
    border: 2px solid rgb(180, 2, 2);
    transition: 0.8s;
}

.rf-box14 h4{
    text-align: center;
    margin-top: 45%;
    font-size: 16px;
}

.rf-box14:hover{
    transform: scale(1.1);
}

.rf-box14 img{
    width: 160px;
    height: 80px;
    border-radius: 5px;
    margin-top: 25%;
    margin-left: 4%;
}

.rf-box15{
    width: 180px;
    height: 180px;
    background: white;
    margin-right: 6%;
    border-radius: 5px;
    border: 2px solid rgb(180, 2, 2);
    transition: 0.8s;
}

.rf-box15 h4{
    text-align: center;
    margin-top: 18%;
    font-size: 16px;
}

.rf-box15:hover{
    transform: scale(1.1);
}

.rf-box15 img{
    width: 150px;
    height: 100px;
    border-radius: 5px;
    margin-top: 20%;
    margin-left: 7%;
    margin-bottom: 40px;
}

.rf-box16{
    width: 180px;
    height: 180px;
    background: white;
    margin-right: 6%;
    border-radius: 5px;
    border: 2px solid rgb(180, 2, 2);
    transition: 0.8s;
}

.rf-box16 h4{
    text-align: center;
    margin-top: 58%;
    font-size: 16px;
}

.rf-box16:hover{
    transform: scale(1.1);
}

.rf-box16 img{
    width: 100%;
    border-radius: 5px;
    margin-top: 40%;
}

.rf-box17{
    width: 180px;
    height: 180px;
    background: white;
    border-radius: 5px;
    border: 2px solid rgb(180, 2, 2);
    transition: 0.8s;
}

.rf-box17 h4{
    text-align: center;
    margin-top: 56%;
    font-size: 16px;
}

.rf-box17:hover{
    transform: scale(1.1);
}

.rf-box17 img{
    margin-top: 34%;
    width: 90%;
    border-radius: 5px;
    margin-left: 10px;
}

.os-s1{
    width: 100%;
    height: 420px;
    display: flex;
}

.os-s1 img{
    margin-top: 2.5%;
    margin-left: 2%;
    width: 35%;
    height: 80%;
    box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.67);
    -webkit-box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.67);
    -moz-box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.67);
}

.os-comment1{
    width: 100%;
    height: 100%;
    text-align: center;
}

.os-comment1 h1{
    margin-top: 15%;
}

.os-comment1 h4{
    font-size: 20px;
}

.os-s2{
    width: 100%;
    height: 420px;
    display: flex;
}

.os-s2 img{
    margin-top: 2.5%;
    margin-left: 2%;
    width: 35%;
    height: 80%;
    box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.67);
    -webkit-box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.67);
    -moz-box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.67);
}

.os-comment2{
    width: 100%;
    height: 100%;
    text-align: center;
}

.os-comment2 h1{
    margin-top: 15%;
}

.os-comment2 h4{
    font-size: 20px;
}


.os-s3{
    width: 100%;
    height: 420px;
    display: flex;
}

.os-s3 img{
    margin-top: 2.5%;
    margin-left: 2%;
    width: 35%;
    height: 80%;
    box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.67);
    -webkit-box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.67);
    -moz-box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.67);
}

.os-comment3{
    width: 100%;
    height: 100%;
    text-align: center;
}

.os-comment3 h1{
    margin-top: 15%;
}

.os-comment3 h4{
    font-size: 20px;
}

.os-s4{
    width: 100%;
    height: 420px;
    display: flex;
}

.os-s4 img{
    margin-top: 2.5%;
    margin-left: 2%;
    width: 35%;
    height: 80%;
    box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.67);
    -webkit-box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.67);
    -moz-box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.67);
}

.os-comment4{
    width: 100%;
    height: 100%;
    text-align: center;
}

.os-comment4 h1{
    margin-top: 15%;
}

.os-comment4 h4{
    font-size: 20px;
}

.whoismy{
    width: 100%;
    height: 420px;
    display: flex;
}

.whoismy img{
    margin-top: 2.5%;
    margin-left: 2%;
    width: 35%;
    height: 80%;
    box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.67);
    -webkit-box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.67);
    -moz-box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.67);
}

.wim-comment{
    width: 100%;
    height: 150%;
    max-height: 2000px;
    text-align: center;
}

.wim-comment h1{
    margin-top: 10%;
}

.wim-comment h4{
    font-size: 20px;
}

.mvh-s1{
    width: 100%;
    height: 420px;
    display: flex;
}

.mvh-s1 img{
    margin-top: 2.5%;
    margin-left: 2%;
    width: 35%;
    height: 80%;
    box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.67);
    -webkit-box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.67);
    -moz-box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.67);
}

.mvh-comment{
    width: 100%;
    height: 160%;
    text-align: center;
}

.mvh-comment h1{
    margin-top: 5%;
}

.mvh-comment h4{
    font-size: 20px;
}

.h-s2{
    width: 100%;
    height: 420px;
    display: flex;
}

.h-s2 img{
    margin-top: 2.5%;
    margin-left: 2%;
    width: 35%;
    height: 80%;
    box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.67);
    -webkit-box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.67);
    -moz-box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.67);
}

.h-comment{
    width: 100%;
    height: 300%;
    text-align: center;
}

.h-comment h1{
    margin-top: 10%;
}

.h-comment h4{
    font-size: 20px;
}


.cnt-container{
    width: 100%;
    height: 420px;
    display: flex;
}

.cnt-phone{
    width: 33%;
    height: 420px;
    text-align: center;
    color: black;
}

.cnt-phone-box{
    color: black;
    margin-top: 8%;
    margin-left: 9%;
    width: 80%;
    height: 80%;
    border-radius: 7px;
    transition: 0.8s;
}

.cnt-phone-box:hover{
    transform: scale(1.1);
}

.cnt-phone i{
    font-size: 70px;
    margin-top: 10%;
    color: black;
}

.cnt-phone button{
    background: black;
    color: white;
    border: 1px solid white;
    border-radius: 5px;
    height: 15%;
    transition: 0.8s;
}

.cnt-phone button:hover{
    background: #9F1A14;
}

/*-----------*/

.cnt-mail{
    width: 33%;
    height: 420px;
    text-align: center;
    color: white;
}

.cnt-mail-box{
    color: white;
    margin-top: 8%;
    margin-left: 9%;
    width: 80%;
    height: 80%;
    border-radius: 7px;
    transition: 0.8s;
}

.cnt-mail-box:hover{
    transform: scale(1.1);
}

.cnt-mail i{
    font-size: 70px;
    margin-top: 10%;
    color: white;
}

.cnt-mail button{
    background: white;
    color: black;
    border: 1px solid white;
    border-radius: 5px;
    height: 15%;
    transition: 0.8s;
}

.cnt-mail button:hover{
    background: #9F1A14;
    color: white;
    border: 1px solid #9F1A14;
}


/*------------*/
.cnt-adress{
    width: 34%;
    height: 420px;
    text-align: center;
}

.cnt-adress-box{
    color: white;
    margin-top: 8%;
    margin-left: 9%;
    width: 80%;
    height: 80%;
    border-radius: 7px;
    transition: 0.8s;
}

.cnt-adress-box:hover{
    transform: scale(1.1);
}

.cnt-adress i{
    font-size: 70px;
    margin-top: 10%;
    color: white;
}

.cnt-adress button{
    background: white;
    color: black;
    border: 1px solid white;
    border-radius: 5px;
    height: 15%;
    transition: 0.8s;
}

.cnt-adress button:hover{
    background: #2e2d2d;
    color: white;
    border: 1px solid #2e2d2d;
}



/*  Footer Start */

.ft-container{
    width: 100%;
    height: 80%;
    display: flex;
    color: white;
    text-align: center;
}

.ft-1{
    width: 330px;
    height: 360px;
    margin-top: 3%;
    margin-left: 3%;
    border-right: 3px solid white;
}

.ft-1 h5{
    margin-right: 3%;
}

.ft-2{
    width: 390px;
    height: 360px;
    margin-right: 5%;
    margin-top: 3%;
    border-right: 3px solid white;
    display: flex;
    flex-direction: column;
}

.ft-2 a{
    font-size: 20px;
    text-decoration: none;
    color:white;
    transition: 0.7s;
    text-align: left;
    margin-left: 12%;
    margin-top: 6%;    
}

.ft-2 a:hover{
    color:rgb(189, 188, 188)
}

.ft-3{
    width: 310px;
    height: 360px;
    margin-top: 3%;
    border-right: 3px solid white;
    text-align: center;
}

.ft-3 h3{
    margin-right: 12%;
}

.ft-3 iframe{
    margin-right: 35%;
}

.ft-4{
    width: 330px;
    height: 360px;
    margin-left: 1%;
    margin-top: 3%;
    display: flex;
    flex-direction: column;
}

.ft-4 a{
    font-size: 20px;
    text-decoration: none;
    color:white;
    transition: 0.7s;
    text-align: left;
    margin-left: 9%;
    margin-top: 6%;    
}

.ft-4 a:hover{
    color:rgb(189, 188, 188)
}


/* Footer End */

/* Backgrond - Color */

.dark-bg{
    background-color: #222222;
    color: white;
}

.red-bg{
    background-color: #9F1A14;
    color:white
}

.gray-bg{
    background-color: #434349;
    color: white;
}

.white-bg{
    background-color: white;
}

.ft-bg{
    background-color: #2e2d2d;
}

/* Background - Color end */


/* Phone Screen */

@media screen and (max-width:768px){
    body{
        overflow-x: hidden;
    }

    nav{
        z-index: 2;
    }

    .nav-logo{
        margin-right: 100px;
    }

    .nav-links{
        position: absolute;
         right: 0px;
         height: 69vh;
         top: 9.8vh;
         background: rgb(155, 154, 154);
         display: flex;
         flex-direction: column;
         align-items: center;
         width: 50%;
         transform: translateY(-120%);
         transition: transform 0.8s ease-in;
         z-index: 1;
    }

    .nav-links li{
        margin-left: 0;
    }
    
    .burger{
        display: block;
        cursor: pointer;
        margin-right: 70px;
        z-index: 2;
    }

    .img-text{
        top: 30%;
        right: 100%;
        left: 10%;
        color:white;
        font-size: 17px;
        width: 300px;
    }

    .ourservices-business{
        height: 1450px;
    }

    .services-image-box{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .box{
        margin-top: 13%;
    }

    .img-1{
        height: 90%;
    }
    
    .img-1 img{
        height: 90%;
    }
    
    .img-container{
        height: 100%;
        -webkit-box-shadow: 0px 1px 11px 6px rgba(0,0,0,0.48); 
        box-shadow: 0px 1px 11px 6px rgba(0,0,0,0.48);
    }

    .myInfo{
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
    }

    .Infobox{
        width: 87%;
        margin-bottom: 10%;
        margin-left: 6%;
    }

    .Infobox2{
        width: 87%;
        margin-bottom: 10%;
        margin-left: 6%;
    }

    .Infobox3{
        width: 87%;
        margin-bottom: 10%;
        margin-left: 6%;
    }

    .ft-container{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .ft-1{
        width: 100%;
        border: none;
        border-bottom: 1px solid white;
    }

    .ft-2{
        width: 100%;
        border: none;
        border-bottom: 1px solid white;
    }

    .ft-3{
        width: 100%;
        border: none;
        border-bottom: 1px solid white;
    }

    .ft-3 iframe{
        margin-right: 0%;
    }

    .ft-4{
        width: 100%;
        border: none;

    }

    .ft-4 a{
        text-align: center;
        margin-left: 0%;
    }

    .whoismy{
        height: 100%;
        display:flex;
        flex-direction: column;
    }

    .whoismy img{
        width: 96%;
    }

    .wim-comment h4{
        font-size: 13px;
        margin-bottom: 20%;
    }

    .mvh-s1{
        display: flex;
        flex-direction: column;
        height: 30%;
    }

    .mvh-s1 img{
        width: 96%;
    }

    .mvh-comment h4{
        font-size: 13px;
    }

    .mvh-h4 h4{
        margin-bottom: 22%;
    }

    .h-s2{
        display: flex;
        flex-direction: column;
        height: 80%;
    }

    .h-s2 img{
        width: 96%;
        height: 60%;
    }

    .h-comment h4{
        font-size: 13px;
        margin-bottom: 20%;
    }

    .os-s1{
        display: flex;
        flex-direction: column;
        height: 80%;
    }

    .os-s1 img{
        width: 96%;
    }

    .os-comment1 h1{
        margin-top: 5%;
    }

    .os-comment1 h4{
        font-size: 13px;
        margin-bottom: 20%;
    }

    .os-s2{
        display: flex;
        flex-direction: column;
        height: 80%;
    }

    .os-s2 img{
        width: 96%;
    }

    .os-comment2 h1{
        margin-top: 5%;
    }

    .os-comment2 h4{
        font-size: 13px;
        margin-bottom: 20%;
    }

    .os-s3{
        display: flex;
        flex-direction: column;
        height: 80%;
    }

    .os-s3 img{
        width: 96%;
    }

    .os-comment3 h1{
        margin-top: 3%;
    }

    .os-comment3 h4{
        font-size: 13px;
        margin-bottom: 20%;
    }

    .os-s4{
        display: flex;
        flex-direction: column;
        height: 80%;
    }

    .os-s4 img{
        width: 96%;
    }

    .os-comment4 h1{
        margin-top: 5%;
    }

    .os-comment4 h4{
        font-size: 13px;
        margin-bottom: 25%;
    }
    

    .rf-box-container1{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .rf-box-container3{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .rf-box{
        margin-left: 5%;
        margin-bottom: 15%;
    }

    .rf-box2{
        margin-bottom: 15%;
    }
    

    .rf-box3{
        margin-bottom: 15%;
    }

    .rf-box4{
        margin-bottom: 15%;
    }

    .rf-container{
        width: 100%;
        height: auto;
    }

    .rf-box-container2{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: 0%;
    }

    .rf-box5{
        margin-left: 5%;
        margin-bottom: 15%;
        margin-right: 0%;
    }

    .rf-box6{
        margin-left: 5%;
        margin-right: 0%;
        margin-bottom: 15%;
    }

    .rf-box7{
        margin-left: 5%;
        margin-right: 0%;
        margin-bottom: 18%;
    }

    .rf-box8{
        margin-left: 5%;
        margin-right: 0%;
        margin-bottom: 19%;
    }

    .rf-box9{
        margin-left: 5%;
        margin-right: 0%;
        margin-bottom: 20%;
    }

    .rf-box10{
        margin-left: 5%;
        margin-right: 0%;
        margin-bottom: 20%;
    }

    .rf-box11{
        margin-left: 5%;
        margin-right: 0%;
        margin-bottom: 20%;
    }

    .rf-box12{
        margin-left: 5%;
        margin-right: 0%;
        margin-bottom: 20%;
    }

    .rf-box13{
        margin-left: 5%;
        margin-right: 0%;
        margin-bottom: 20%;
    }

    .rf-box14{
        margin-left: 5%;
        margin-right: 0%;
        margin-bottom: 20%;
    }

    .rf-box15{
        margin-left: 5%;
        margin-right: 0%;
        margin-bottom: 20%;
    }

    .rf-box16{
        margin-left: 5%;
        margin-right: 0%;
        margin-bottom: 20%;
    }

    .rf-box17{
        margin-left: 5%;
        margin-right: 0%;
        margin-bottom: 20%;
    }


    .rf-box-container4{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: 0%;
    }

    .cnt-container{
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .cnt-phone{
        width: 100%;
    }

    .cnt-mail{
        width: 100%;
    }

    .cnt-adress{
        width: 100%;
    }

    .sld-box{
        margin-left: 0%;
        margin-bottom: 0%;
        height: 16%;
        width: 100%;
    }
    .sld-box  img{
        width: 100%;
        height: 50%;
    }

    .animated-text{
        display: none;
    }
}

.nav-active{
    transform: translateY(0);
}

/* Phone Screen End */