*{
    padding: 0;
    margin: 0;
    font-family: Sans-Serif;
   
}
body{
    /* background: url(logo/black.jpg); */
    height: 100vh;
    width: 100%;
    color: #000;
    
}
body::after{
    content: '';
    background: #64077e;
    width: 100%;
    height: 100vh;
    position:absolute;
    top:15px;
    z-index: -1;
    clip-path: circle(55% at left 60%); 

}


.container{
     /*background: #444; */
    width: 100%;
     /*height: 100vh; */
    margin: auto;
     overflow: hidden 

    
}

header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: auto;
    padding: 10px 0;
    /* background: #eee; */
    
}
.logo{
    width: 350px;
    height: 180px;

}
/* ul{
    margin-right: 90px;
} */
ul li{
    display: inline-block;
    
}
ul li a{
    /* color: #f0e7e7; */
    text-decoration: none;
    margin: 0 10px;
    transition: 0.4s;
    border-radius: 7px;
    
}
ul li a:hover{
    /* background: green; */
    color: #28d115;
    letter-spacing: 1px;
    text-decoration-line: underline;
    
    

}
#isaimg{
    background-image: url(ar/Ceylan\ Dil\ Akademisi\ logo\ \(3\)\ \(1\).jpg) ;
    background-size: contain;
    animation: isaHoca 6s infinite;
    animation-delay: 2s;
    transition: 0.5s;
    

}
#isaimg:hover{
    letter-spacing: 1px;
    transform: scale(1.1);
}
@keyframes isaHoca{
    10%{
        background-image: url(ar/01.jpg);
    }
    20%{
        background-image: url(ar/02.jpg);
    }
    30%{
        background-image: url(ar/AR.jpg);
    }
    40%{
        background-image: url(ar/03.jpg);
    }
    50%{
        background-image: url(ar/04.jpg);
    }

}
.content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 50px 0;
  
    border-radius: 20px;
    color: #fff;
    background-image: linear-gradient(to right, #000 40%, #99999900);
    transition: 0.5s;

    
    
    
    
}

.content:hover{
    background-image: linear-gradient(to right, #6666669e, transparent);
   
    
}


.text{
    width: 50%;
    color: #e7dede;
    border-radius: 20px;
    transition: 0.4s;
    /*position: relative;*/
    /*top: 45px;*/

    
}
.text:hover{
    letter-spacing: 1px;

}
.content .text h2{
    font-size: 40px;
    padding: 20px;
    text-transform: uppercase;
    /* background: #28d115; */
}
.content .text p{
    font-size: 18px;
    letter-spacing: 3px;
    word-spacing: 3px;
    padding: 20px;
    text-transform: capitalize;
}
.content a{
    text-decoration: none;
    background:#fff;
    color:#000;
    padding: 10px;
    border-radius: 10px;
    transition: 0.4s;
    /* margin-top: 50px; */
    /* border: 20px; */
    margin: 20px 20px;
    display: inline-block;

   
}

.text a:hover{
    background: rgb(9, 210, 76);
    color: #000;
    letter-spacing: 1px;
    text-decoration-line: underline;
    

}
.img{
    position: relative;
    right: 25px;
}

.img img{
    width: 200px;
    height: 200px;
    border-radius: 100px;
    cursor: pointer;
    

}


.img a{
    padding: 5px 20px;
    margin: 20px  0;
    color: #f8f5f5;
    text-align: center;
    background: rgba(0, 8, 255, 0.685);
    text-decoration: none;
    border-radius: 20px;
    display: block;
    text-transform: capitalize;
    
}
.img a:hover{
    background: black;
    text-decoration: underline;
    color: wheat;

}

/* isa hoca the end */

.trlung{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 50px 0;
    /*position: relative;*/
    /*bottom: 30px;*/
    border-radius: 20px;
    color: #fff;
    background-image: linear-gradient(to left, #000 40%, #99999900);
    
}



.trlung:hover{
    background-image: linear-gradient(to left, #6666669e, transparent);
}


.try{
    width: 50%;
    text-decoration: none;
    /* background:#fff; */
    background-size: contain;
    color:#fff;
    /* padding: 0px 0; */
    border-radius: 10px;
    transition: 0.4s;
    margin: 20px 10px 0 0;
    transition: 0.4s;
    direction: rtl;   

}
.try:hover{
    letter-spacing: 1px;

}
.try h2{
    font-size: 40px;
    padding: 20px;
    text-transform: uppercase;
    /* background: #000; */
    
}
.try p{
    font-size: 18px;
    margin: 10px 0;
    letter-spacing: 3px;
    word-spacing: 3px;
    /* margin-bottom: 45px; */
    padding: 20px;
    text-transform: capitalize;
}
.try a{
    text-decoration: none;
    background:#f2f2f2;
    /* color:#e6dddd; */
    padding: 10px 25px;
    border-radius: 10px;
    transition: 0.4s;
    /* margin-top: 50px; */
    /* border: 20px; */
    margin: 10px 20px;
    display: inline-block;

}
.try a:hover{
    background: rgb(9, 210, 76);
    color: #000;
    letter-spacing: 1px;
    text-decoration-line: underline;
}


.imgTR{
    margin: 20px;
    border-radius: 7px; 
    padding: 50px 0 0 0 ;
    
    
}
.imgTR img{
    width: 200px;
    height: 200px;
    border-radius: 100px;
    cursor: pointer;

}
.imgTR a{
    right: 40px;
    padding: 5px 20px;
    margin: 20px  0;
    color: black;
    text-align: center;
    background: gold;
    border-radius: 20px;
    display: block;
    text-decoration: none;
    text-transform: capitalize;

    
}
.imgTR a:hover{
    background: black;
    text-decoration: underline;
    color:wheat;
}
#arifaimg{
    background-image: url(tr/turk-dili.jpg);
    animation: arifaHoca 5s infinite;
    animation-delay: 2s;
    transition: 0.5s;

}
#arifaimg:hover{
    letter-spacing: 1px;
    transform: scale(1.1);
}
@keyframes arifaHoca{
    0%{
        background-image: url(tr/01.webp);
    }
    25%{
        background-image: url(tr/02.jpg);
    }
    50%{
        background-image: url(tr/cevirim-ici-turkce-kursu.jpg);
    }
    75%{
        background-image: url(tr/turk-dili.jpg);
    }
    100%{
        background-image: url(ar/Ceylan\ Dil\ Akademisi\ logo\ \(3\)\ \(1\).jpg);
    }
}





/* 
trlung 
try
tryA 
*/

/* eng th */
.eng{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 30px 0;
    /*position: relative;*/
    /*bottom: 30px;*/
    border-radius: 20px;
    color: #fff;
    background-image: linear-gradient(to right, #000 40%, #99999900);


}

.eng:hover{
    
    background-image: linear-gradient(to right, #6666669e, transparent);
    /* color: rgb(255, 153, 0); */

}


.eny{
    width: 50%;
    text-decoration: none;
    /* background:#fff; */
    color:#fff;
    padding: 10px 0;
    border-radius: 10px;
    transition: 0.4s;
 
    margin: 20px 10px 0 0;
    display: inline-block;
}
.eny:hover{
    letter-spacing: 1px;

}



.eny h2{
    font-size: 40px;
    padding: 20px;
    text-transform: uppercase;
    /* background: #000; */
}
.eny p{
    font-size: 18px;
    margin: 10px 0;
    letter-spacing: 3px;
    word-spacing: 3px;
    /* margin-bottom: 45px; */
    padding: 20px;
    text-transform: capitalize;
}
.eny a{
    text-decoration: none;
    background:#f2f2f2;
    /* color:#e6dddd; */
    padding: 10px 25px;
    border-radius: 10px;
    transition: 0.4s;
    /* margin-top: 50px; */
    /* border: 20px; */
    margin: 10px 20px;
    display: inline-block;
}
.eny a:hover{
    background: rgb(9, 210, 76);
    color: #000;
    letter-spacing: 1px;
    text-decoration-line: underline;
}


.imgeng{
    position: relative;
    top:10px;
    right: 25px;
}
.imgeng img{
    width: 200px;
    height: 200px;
    border-radius: 100px;
    cursor: pointer;

}

.imgeng a{
    right: 40px;
    padding: 5px 20px;
    margin: 20px  0;
    color: black;
    text-align: center;
    background: rgba(9, 157, 39, 0.806);
    border-radius: 20px;
    display: block;
    text-decoration: none;
    
}
.imgeng a:hover{
    background: #dfd4d4;
    text-decoration: underline;
}

#nasserimg{
    background: url(eng/1eng.jpg)  ;
    animation: nasserHoca 5s infinite;
    animation-delay: 2s;
    transition: 0.5s;

}
#nasserimg:hover{
    letter-spacing: 1px;
    transform: scale(1.1);
}
@keyframes nasserHoca{
    0%{
        background-image: url(eng/0eng.jpg);
    }
    25%{
        background-image: url(eng/1eng.jpg);
    }
    50%{
        background-image: url(eng/3eng.webp);
    }
  
    100%{
        background-image: url(ar/Ceylan\ Dil\ Akademisi\ logo\ \(3\)\ \(1\).jpg);
    }
}


/* the end eng th */
.arTREN{
     width: 90%;
    padding: 20px;
    margin: 50px auto ;
    border-radius: 8px;
    position: relative;
    top: 50px

}

.arTREN h2{
    padding: 5px;

    margin-bottom: 20px;
    background: orange;
    display: inline-block;
    border-radius: 12px;
}
.kors{
    width: 100%;
    border-radius: 20px;
    background: #eee;


}











.kors p{
    padding: 20px;
    margin:  auto ;
    color: #000;
    line-height: 50px;
    border-radius: 20px;
    letter-spacing: 3px;
    word-spacing: 3px;
    text-transform: capitalize;
    
}






/* 



*/
.about{
    width: 90%;
    padding: 20px;
    margin: 30px auto ;
    border-radius: 8px;

}

.about h2{
    padding: 5px;
    margin-bottom: 20px;
    background: orange;
    display: inline-block;
    border-radius: 12px;
}

.outPar{
    width: 100%;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    padding: 5px;


}
.pvid{
    width: 40%;
    
}
.contvideo{
    width: 30%;
}


.about p{
    padding: 0 20px;
    margin:  auto ;
    color: #000;
    line-height: 50px;
    border-radius: 20px;
    letter-spacing: 3px;
    word-spacing: 3px;
    /* border: orange solid 8px; */
    text-transform: capitalize;
}

video{
    width: 90%;
    height: 100%;
    background: rgba(255, 170, 0, 0.151);
    margin: 0 20px;
    border-radius: 10px;
}
.about p b{
    color: aqua;
    text-decoration: underline aqua;

}


 
.my{
    width: 90%;
    padding: 20px;
    margin: auto ;
    border:   #000;
    border-radius: 8px;
}
.my h2{
    margin: 20px  0 ;
    background: orange;
    display: inline-block;
    padding: 5px;
    border-radius: 10px;
}
.my h3{
    margin: 15px 0;
    padding: 6px 15px;
    background: #28d115;
    display: inline-block;
    border-radius: 8px;
}
.rexAll{
    width: 100%;
    border-radius: 20px;
    background: #eee;
    
    
}
.rexAll h4{
    background: none;
    margin: 15px 0;
    padding: 6px 15px;
    display: inline-block;
    border-radius: 8px;
}
.rexAll p b{
    color: black ;
    padding: 6px;
    border-radius: 5px;
    font-size: 20px;
}

.my p{
    letter-spacing: 3px;
    word-spacing: 3px;
    line-height: 50px;
    padding: 20px ;
    background: #eee;
    color: #000;
    border-radius: 20px;
    margin: auto;
    /* border: orange solid 8px; */
    text-transform: capitalize;

}

.enth{
    letter-spacing: 3px;
    word-spacing: 3px;
    line-height: 50px;
    padding: 5px ;
    background: #eee;
    color: #000;
    border-radius: 20px;
    margin: auto;
    /* border: orange solid 8px; */
    text-transform: capitalize;
    transition: 0.5s;
}
.tableAV{
    width: 90%;
    margin: auto;
}
.tableAV h2{
    background: yellow;
    display: inline-block;
    padding: 6px 5px;
    margin: 10px 0;
    border-radius: 8px;
}
.corsV{
    width: 100%;
    background: #fff;
    padding: 5px;
    border-radius: 4px;

}
#table{
    width: 100%;
    margin: auto;
}
th{
    background: rgba(17, 120, 115, 0.603);
    height: 40px;
    border: 2px solid #000;
    border-radius: 5px;
    text-transform: capitalize;
}
td{
    background: rgba(0, 255, 255, 0.336);
    height: 25px;
    text-align: center;
    border-radius: 6px;
    text-transform: capitalize;
}


.enth h3{
    padding: 6px 15px;
    background: none;
    text-decoration: underline

}






.sar{
    width: 90%;
    margin: 20px auto;
    background: #eee;
    border-radius: 20px;
    padding: 20px 0 ;
    

}
.sar h2{
    display: inline-block;
    padding: 6px 15px ;
    color:#28d115;
}
.sochilmida{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.inp{
    width: 60%;
    padding: 40px;
}
input{
    margin: 10px auto;
    /* padding: auto; */
    width: 60%;
    height: 30px;
    border-radius: 10px;
}
input::placeholder{
    text-align: center;
    font-size: 20px;
 
}

input:focus{
    background: #ccc;
}
textarea{
    margin: 10px auto;
    width: 60%;
    height: 200px;
    border-radius: 10px;
}
label{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
label p{
    text-decoration: underline;
    display: inline-block;
    width: 12%;
}
label p b{
    color: red;
}
button{
    width: 60%;
    margin: 20px auto;
    padding: 6px 15px;
    cursor: pointer;
    background: #000000;
    color: #fff;
    border-radius: 10px;
    display: flex; 
    justify-content: center;
    position: relative;
    left: 30px;   
}
button:hover{
    background: #0d0;
    border: none;
}
.sochil{
    width: 60%;
    justify-content: center;
    position: relative;
    bottom: 70px;
}
.sochil img{
    width: 20px;
    height: 20px;
    margin: 5px;
}
.sochil p{
    font-size: 20px ;
}

.wetinstfac{
    width: 50%;
    height: 120px;
    padding: 10px 0;
    margin: 30px auto;

    
    
}
.wetinstfac a{
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
    padding: 5px ;
    text-decoration: none;
    color: white;
    transition: 0.4s;

}
.wetinstfac a:hover{
    letter-spacing: 1.5px;
    transform: scale(1.1);
    text-decoration: underline;
    color: #000;
}
.sochil .qrig{
   width: 50%;
   height: 200px;
   display: flex;
   justify-content: center;
   margin: 0 auto;
   
}
.sochil .imgQR{
    width: 100%;
    height: 100%;
    padding: 5px;
    border-bottom: 3px;
}
#whatsApp{
    background: #0d0;
    border-radius: 5px;
}
#instagram{
    background: rgb(248, 58, 5);
    border-radius: 5px;
}
#iconInsta{
    border-radius: 6px;
}
#facebook{
    background: rgb(19, 137, 255);
    border-radius: 5px;
}
.renkSSS{
    background:#000;
    width: 10px ;
    height: 10px;
    border-radius: 6px;
    animation: ara 8s infinite;
}
/* duration timing-function delay iteration-count direction fill-mode */
@keyframes ara {
    0%{
        background: rebeccapurple;
        width: 10%;
    }
    25%{
        background: #86ca17;
        width: 25%;
    }
    50%{
        background: #d22744;
        width: 50% ;
    }
    75%{
        background: #4ef035;
        width: 75% ;
    }
    100%{
        background: #f1f419;
        width:  100%;
    }
    
}

.footer{
    background: #030303;
    width: 90%;
    height: 600px;
    margin: 20px auto;
    border-radius: 8px;
}

.logoimg{
    width: 100%;
    height: 400px;
    border-radius: 8px;
}
.logoimg img{
    width: 100%;
    height: 400px;
    border-radius: 8px;


}

.lam{
    background: #fa9f01;
    width: 100%;
    height: 10px;
}

.fot{
    background: #030303;
    width: 100%;
    height: 190px;
    border-radius: 8px;
    margin: 20px auto;

    
}
.fotP{
    background: #57507472 ;
    text-align: center;
    padding: 10px 0;
    color: #e4e4e1;
}
.fotP p{
    font-size: 20px;
}
.fotS{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 100%;
    margin: 20px auto;

}
.fotS img{
    width: 30px;
    height: 30px;
    margin: 20px 5px;
}

#fac:hover{
    background: #02f;
    border-radius: 8px;
    cursor: pointer;
}
#mail{
    width: 25px;
    height: 25px;
    

}
#mail:hover{
    background: #ffc400;
    border-radius: 8px;
    cursor: pointer;
}
#inst:hover{
    background: #ff8400;
    border-radius: 8px;
    cursor: pointer;

}
#what:hover{
    background: #04ff00;
    border-radius: 8px;
    cursor: pointer;
    
    
}

.item{
    width: 90%;
    margin:  20px auto;
}

.item1{
    width:100%;
}









.item h2{
    display: inline-block;
    background: yellow;
    padding: 6px 5px;
    border-radius: 4px;
}
.contener2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: auto;
}
.ietm__heder, .ietm__heder1, .ietm__heder3, .ietm__heder4, .ietm__heder5{
    padding: 20px 15px;
    width: 97%;
    margin:5px auto;
    background: #91b5cd;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;

}

.ietm__heder h3, .ietm__heder1 h3, .ietm__heder3 h3, .ietm__heder4 h3{
    display: inline-block;
}
.item__p1, .item__p11, .item__p3, .item__p4, .item__p5{
    padding: 10px 15px;
    width: 100%;
    margin: 20px auto;
    background: #cacfd2;
    border-radius: 12px;
    display: none;

}

#ret{
    padding: 20px 15px;
    width: 97%;
    margin: auto;
    background: #cacfd2;
    border-radius: 12px;
}
.car{
    width: 10px;
}
.btnquis{
    width: 70%;
    margin: 40px auto;
    background: #fff;
}

#btn{
    background: #05b4d7b5;
    border: none;
    width: 100%;
    font-size: large;
    transition: 0.4s;
    animation: btn 5s infinite;

}

#btn:hover{
    background: #0f0;
    transform: scale(1.1);
}
@keyframes btn{
    
    50%{
        background: blue;
        width: 50%;
    }
    60%{
        background: darkred;
        width: 60%;
    }
    70%{
        background: goldenrod;
        width: 70%;
    }
    80%{
        background: fuchsia;
        width: 80%;
    }
    90%{
        background: tan;
        width: 90%;
    }
    100%{
        background: red;
        width: 100%;
    }
}

.answer12{
    width: 90%;
    margin: auto;
    display: none;
}

.hding{
    margin-bottom: 20px;
}
.box{
    padding: 15px;
    min-width: 350px;
    max-width: auto;
    box-shadow: 0 0 12px 7px rgb(0, 0, 0);
    border-radius: 8px;
}
.ques{
    padding: 5px;
    margin-bottom: 20px;

}


.ans{
    padding: 5px;
}
.box1{
    display: flex;
    /* box-shadow: 5px 5px 5px 2px #645757; */
    padding: 5px;
    cursor: pointer;
    margin-bottom: 20px;
    background-color: #008cff52;
    border-radius: 10px;
    padding-left: 5px;

}
.box1:active, .box1:hover{
    box-shadow: 0 0 5px 2px rgb(2, 23, 24);


}
.box2{
    padding-left: 5px;
    width: 80%;
    height: 100%;
}
.nxt{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    cursor: pointer;
    color: #fff;
    border-radius: 10px;
    background: linear-gradient(to left, rgb(214, 146, 12), rgb(26, 12, 137));
    margin-bottom: 15px;
    font-size: 30px;
}
.nxt:active{
    transform: scale(0.95);
}
.win{
    display: none;
}
.win h1{
     margin: 15px;
}
.navpar{
    display: none;
}
#open{
    display: none;
}
#close{
    display: none;
}
#dark{
    display: block;
    cursor: pointer;
}
#sunny{
    display: none;
    cursor: pointer;
}
#callD{
    cursor: pointer;
   
}
#callS{
    display: none;
    cursor: pointer;
    
}
.callMy{
    display: flex;
    align-items: center;
    gap: 15px;
}









.navvv{
    position: fixed;
    bottom: 30px;
    left: 30px;
    z-index: 1;
    cursor: pointer;
}

   
    

#pt{
    background: #f7f0f0;
    font-size: 30px;
    display: none;
}

#whhatt{
    width: 40px;
    height: 40px;
    display: none;
    margin: auto;
}



@media (min-width:950px) and (max-width:1100px){
    .Site{
        width: 100%;
        background: #000;
        margin: auto;
    }
    .Site p{
        text-align: center;
        font-size: 45px;
        color: #fff;
    }
    
    
   
    
    
    
    
    .container{
        width: 100%;
        height: 11400px;
        gap: 50px;
        
    }
    
    #table tr th{
        padding: 5px;
        font-size: 50px;
        height: 100%;
    }
    #table tr td{
        padding: 5px;
        font-size: 40px;
        height: 100%;
    }
    
    #hed{
        background: #055;
        width: 95%;
        display: flex;
        justify-content: space-between;
        padding: 0 15px;
        margin: 10px auto;
        border-radius: 20px ;
        
    }
    
    .n1{
        display: flex;
        align-items: center;
        width: 40%;
    }
    
    
    .callMy{
        width: 30%;
        justify-content: space-between;
    }
    
    
    .logo{
    width: 350px;
    height: 220px;


    }

    

    .navpar{
        width: 90%;
        
        color: white;
        position: relative;
        /* z-index: 1; */
        border-radius: 8px;
        display: none;
        margin: 20px auto;
       
        
        
        
        
    }
    #Home1, #Home2, #Home3{
        display: flex;
        justify-content: space-between;
        background: #055;
        margin: 10px auto;
        border-radius: 8px ;
        
        
    }
    #Home1 p, #Home2 p, #Home3 p{
        font-size:  40px;
        padding: 6px 15px;
        background: none;
        color: #000;
        font-weight: 800;
        
    }
    #Home1 img, #Home2 img, #Home3 img{
        height: 60px;
        padding: 6px 10px;
    }
    
    #Home1:hover, #Home2:hover, #Home3:hover{
        background: wheat;
        color: #000;
        cursor: pointer;
        border-radius: 3px;

    } 
    
    
    #open{
        cursor: pointer;
        display: block;
        width: 70px;
        height: 70px;
    }
    .btnOpen{
        align-items: center;
        
    }
    #close{
        cursor: pointer;
        width: 70px;
        height: 70px;
        display: none;
    }
    #dark{
        display: block;
        width: 70px;
        height: 70px;
        border: none;
        
        
    }
    #sunny{
        display: none;
        cursor: pointer;
        width: 70px;
        height: 70px;
        border: none;
    }
    
    
    
    /*Calllll*/

    #callD{
    cursor: pointer;

    width: 70px;
    height: 70px;
}
#callS{
    display: none;
    cursor: pointer;

    width: 70px;
    height: 70px;
}







    .haid{
        display: none;
    }
    header ul li{
        display: none;
    
    }
    #li{
        display: block;
        
    }
    
    #isaimg p{
         height:100% ;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 5px;
        word-spacing:  5px;
    }
    
    #arifaimg p{
         height:100% ;
        font-size: 22px;
        line-height: 40px;
        letter-spacing: 5px;
        word-spacing:  5px;

    }
    #isaimg #A1{
        height: 30px;
        width: 180px;
        font-size: 25px;
        text-align: center;

    }
    #arifaimg #T1{
        height: 45px;
        font-size: 25px;
        width: 120px;
        padding: 0px 10px ;
        text-align: center;


    }
    
    #nasserimg #E1{
        height: 30px;
        width: 140px;
        font-size: 25px;
        text-align: center;

    }
    
    .arTREN{
        width: 95%;
        position: relative;
        top: 25px;
        margin: 40px auto;
    }
    .arTREN h2, .about h2, .tableAV h2, .my h2, .item h2, .sar h2, .answer12 h2{
        font-size: 50px;
    }
    
    .kors p, .pvid p{
        height:100% ;
        font-size: 30px;
        line-height: 60px;
        letter-spacing: 5;
        word-spacing:  5px;
        
    }
    
    .kors h3{
        height:100% ;
        font-size: 40px;
        line-height: 60px;
        letter-spacing: 5;
        word-spacing:  5px;
        padding-left: 10px;
        
    }
    
    .about{
        margin: 20px auto;
        width: 95%;
        
    }
    
    .outPar{
         flex-direction: column;
         width: 100%;
         background: block;
    }
    .pvid{
        width: 100%;
    }
    
    
    
    .contvideo, video{
        width: 100%;
     
        
        margin:20px 0;
    }
    
    .tableAV{
        width: 95%;
        /*height: 400px;*/
        margin: 0px auto;
    }
    
    
    
    .corsV{
        margin: 20px auto;
        width: 100%;
    }
    #table{
        width: 100%;
    }
    
    .my{
        width: 95%;
        margin: 50px auto;
    }
    .my h3{
        font-size: 40px;
    }
    
    .rexAll, .trort, .enth{
        width: 100%;
        margin: 20px auto;

    }
    .rexAll p, .trort p, .enth p{
        letter-spacing: 5px;
        word-spacing:  5px;
        line-height: 60px;
        font-size: 30px;
        height: 100%;
    }
    .rexAll p b{
        letter-spacing: 5px;
        word-spacing:  5px;
        line-height: 60px;
        font-size: 35px;
        height: 100%;
    }
    
    
    .item{
        width: 95%;
        margin: 100px auto;
        position: relative;
        bottom: 100px;

        
    }
    .item1{
        width: 100%;
        margin: 20px 0;
    }
    
    .ietm__heder, .ietm__heder1, .ietm__heder3, .ietm__heder4, .ietm__heder5{
    padding: 20px 15px;
    width: 97%;
    margin:5px auto;
    background: #91b5cd;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;

    }
    
    
    .ietm__heder h3, .ietm__heder1 h3, .ietm__heder3 h3, .ietm__heder4 h3, .ietm__heder5 h3{
        display: inline-block;
        font-size: 35px;
    }
    
    
    #ret{
    padding: 20px 15px;
    width: 97%;
    margin: auto;
    background: #cacfd2;
    border-radius: 12px;
    }
    
    #rrr{
    font-size: 30px;
    line-height: 60px;
    letter-spacing: 3px;
    word-spacing: 3px;
    width:100%;
    }
    .car{
    width: 40px;
    }
    
    
  
    
    
    
    .sar{
        margin: 50px auto;
        width: 90%;
    }
    
    .sochilmida{
        flex-direction: column;

        width: 100%;
        border-radius: 12px;
    }
    
    .inp{
        width: 100%;
    }
    .inp p{
        font-size: 25px;
        padding-left: 5px;
    }
    
    .sochil{
        width: 100%;
        display: flex;
        align-items: center;
    }
    ul{
        padding: 5px;
        display: flex;
        align-items: center;
    }
    #ulFFF{
        display:block;
        padding: 5px;
        margin: 40px auto;
    }
    ul a{
        width: 100%;
        font-size: 40px;
    }
    
    .wetinstfac{
        width: 80%;
        margin:50px auto;
        height: 400px;
        position: relative;
        top:40px;

        
    }
    
    .wetinstfac img{
        width: 45px;
        height: 45px;
        padding: 5px ;
        
    }
    
    .qrig{
        width: 40%;
        height: 500px;
        padding: 40px;
        
    }
    
    .imgQR{
        width: 200px;
        height: 200px;
        background-size: contain;
    }
    
    
     .footer{
       margin: 25px auto;
    }
    .logoimg, .logoimg img{
        height: 600px;
    }
    .lam{
        height: 50px;
    }
    
    .fot{
        margin: 0 auto;
    }
    
    .fotP p{
        font-size: 40px;
        line-height: 50px;
    }
    .fotS{
        margin: 20px auto;
        height: 150px;
        background: #000;
        border-radius: 10px;
    }
    
    #mail{
    width: 70px;
    height: 70px;
    

    }
    
    .fotS img{
    width: 80px;
    height: 80px;
    margin: 20px 5px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    .navvv{
    position: fixed;
    bottom: 200px;
    left: 30px;
    z-index: 1;
    cursor: pointer;

    }   



   
    

    #pt{
        background: #f7f0f0;
        font-size: 40px;
        display: none;
        padding: 6px 10px;
        border-radius: 10px;
    }
    
    #whhatt{
        width: 100px;
        height: 100px;
        display: none;
        margin: auto;
    }
    
    .btnHome p{
        font-size:   40px;
    }
    .btnHome img{
        height: 80px;
    }
    
    
    
}



.btnHome{
    display: flex;
    justify-content: center; 
    align-items: center;   
    width: 90%;
    margin: auto;
    position: fixed;
    bottom: 10px;
    right: 80px;
    border: none;
    
    
}


.btnHome button{
    width: 45%;
    justify-content: space-between;
    align-items: center;
    background: #055;
    font-size: xx-large;
    border: none;
}

.btnHome button:hover{
    background: #09978b;

}





/* code */