*{margin:0px;padding:0px;box-sizing: border-box; font-family: "Inconsolata", monospace;}
img{max-width: 100%;}
a{text-decoration: none;}
.owl{padding-bottom: 130px;padding-top: 60px;background:linear-gradient(rgba(0,0,0,0.52), rgba(0,0,0,0.52)), url('./images/owl.png');background-position: center;background-size: cover; }
.logo{max-width: 235px;margin:0 auto;display: block;}
.logo img{border-radius: 3px;}
.container{max-width: 1240px;padding-right:21px;margin: 0 auto;padding-left:21px;}
.owlCont{background-color: rgb(168 0 215 / 67%);padding:54px;border-radius: 12px;max-width: 740px;margin:130px auto 0;text-align: center;color: #fff;}.firstCont h1{font-size: 53px;}
.owlCont span{margin-top: 13px;font-size: 17px;}.owlCont h2{font-size: 24px;font-weight: 500;margin-bottom: 17px;}
.owlCont a:hover{background-color: #fff;color: rgb(168 0 215 / 67%);transition: 0.4s;}
.textOwl{padding:23px;border-radius: 15px;background-color: rgb(168 0 215 / 67%);color: #fff;}
.owlCont a{margin: 27px auto 0;display: block;   border: 2px solid #fff;border-radius: 13px;color: #fff;
    padding: 14px 36px;background: transparent;  font-size: 16px;transition: 0.4s;width: max-content;}
.textOwl li{margin-bottom: 7px;}.textOwl ul{padding-left: 24px;margin-bottom: 27px;}.textOwl p{margin-bottom: 13px;}
.owlPage li{margin-bottom: 6px;}.owlPage ul{padding-left: 22px;margin-bottom: 22px;}
.owlPage p{margin-bottom: 17px;}.owlPage .logo{margin-bottom: 68px;}.owlPage h1,.owlPage h2,.owlPage h3,.owlPage h4{font-size: 35px;margin-top:37px;margin-bottom: 16px;}
.textOwl h1,.textOwl h2,.textOwl h3,.textOwl h4{font-size: 35px;margin-bottom: 13px;margin-top:35px;}
footer{    background: #191919;padding-top:61px;padding-bottom: 61px;text-align: center;color: #fff;}
.owlMenus{display: flex;align-items: center;flex-wrap: wrap;gap:11px;margin-bottom: 33px;background-color: rgb(168 0 215 / 67%);border-radius: 12px;padding:35px;justify-content: space-between;}
.owlPage{padding-top: 47px;padding-bottom: 73px;}
.owlMenus a:hover{text-decoration: underline;}footer h2{font-size: 34px;margin-bottom: 33px;}
footer h3{font-size: 25px;margin-bottom: 13px;}
footer h5{font-size: 24px;margin-top: 32px;margin-bottom: 16px;}.owlLogos img{max-width: 211px;max-height: 82px;}
.owlLogos{display: flex;align-items: center;justify-content: space-between;gap:10px;background-color: rgb(168 0 215 / 67%);border-radius: 13px;padding:33px;margin-bottom: 33px;margin-top: 45px;}
.owlMenus a{font-size: 18px;color: #fff;}
.owls{padding-bottom: 73px;position: relative;padding-top:54px; background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('./images/owl2.png');background-size: cover;background-position: center;}
.owlItem{display: flex;gap:16px;align-items: center;background-color: rgb(168 0 215 / 67%);margin-bottom: 37px;border-radius: 12px;padding:24px;justify-content: space-between;}
.owlTer{max-width: 211px;}.owlItem > *{width: 20%;}.owlLink{display: flex;justify-content: center;}
.owlItem a:hover{color:#fff;transition:0.4s;background-color: transparent;}
.owlItem a{display: block;width:max-content;border: 1px solid #fff;transition: 0.4s;border-radius: 9px;padding: 13px 46px;color:#000;background-color: #fff;font-weight: 700;}
.owlInfo p{color: #fff;font-size: 23px;margin-bottom: 6px;font-weight: 700;}
.owlInfo{text-align: center;}.owlItem h3{color: #fff;font-size: 21px;}
.owlInfo span{color:#fff;}
.owlLogo{max-width: 186px;}






@media(max-width:992px){
   .owlCont{margin-top: 62px;    padding: 41px;} .owlCont h3{    font-size: 35px;}
  .owlCont h1{font-size: 24px;}.owlItem > *{width: 30%;} .owlLogos{flex-wrap: wrap;justify-content: center;}
  .owlItem{flex-wrap: wrap;}.owl{padding-bottom: 63px;}
.owlLogos img{max-width: 175px;max-height: 53px;}
}

@media(max-width:757px){
.textOwl h1, .textOwl h2, .textOwl h3, .textOwl h4{font-size: 25px;}
.owlItem{justify-content: center;}
.owlMenus{flex-direction: column;justify-content: center;}.owlItem > *{width: calc(48% - 11px);}
.owlPage h1,.owlPage h3,.owlPage h2,.owlPage h4{font-size: 24px;}
footer h2{font-size: 24px;}

}

@media(max-width: 522px){
    
    .textOwl h2{font-size: 21px;}footer h2 {
        font-size: 17px;
    }.owlItem > *{width: 100%;display: flex; justify-content: center;}
    .owlLogos img{max-width: 157px;max-height: 40px;}
        
}


/* / */