/*! CSS Used from: https://panel-activator.pages.dev/css/style.css */
*,::after,::before{padding:0;margin:0;box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor;}
#head{border:1px solid lightgray;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1);padding:20px 5%;z-index:1;position:sticky;top:0px;background-color:white;}
#gg{overflow-y:auto;}
#head_left{float:left;}
#head_left>a>img{height:45px;width:45px;}
#centre{text-align:left;margin-top:15px;}
#centre>a{font-size:1.25rem;line-height:1.75rem;text-decoration:none;color:black;font-style:italic;font-weight:550;padding-left:1rem;text-decoration:underline #312e81;}
#colorize{color:#312e81;}
@media (max-width: 768px){
#centre{margin-left:19%;}
}
@media (max-width: 538px){
#centre{margin-left:17%;}
}
@media (max-width: 450px){
#centre{margin-left:15%;}
}
@media (max-width: 380px){
#centre{margin-left:11%;}
}
@media (max-width: 340px){
#centre{margin-left:5%;}
}
#head_right{float:right;margin-top:-30px;}
.menu{display:flex;gap:2em;font-size:18px;}
.menu>li,a{text-decoration:none;list-style:none;color:#0066cc;}
.menu>li:hover{border-radius:5px;transition:0.3 ease;text-decoration:underline #4c9e9e;}
.menu>li{padding:5px 14px;}
input[type=checkbox]{display:none;}
.hamburger{display:none;user-select:none;font-size:24px;}
@media (max-width: 843px){
.menu{display:none;position:absolute;background-color:white;right:0;left:0;text-align:center;padding:16px 0;margin-top:10px;border-bottom:1px solid #6b7edf;}
.menu li:hover{display:inline-block;transition:0.3s ease;}
.menu li + li{margin-top:12px;}
input[type=checkbox]:checked ~ .menu{display:block;}
.hamburger{display:block;}
}
#main{margin:2px 7%;}
#container{margin-left:auto;margin-right:auto;padding:1.5rem 2rem;}
#inner_container{padding-top:4rem;padding-bottom:4rem;padding-left:1.25rem;padding-right:1.25rem;margin-left:auto;margin-right:auto;display:flex;flex-direction:row;align-items:center;}
#inner_container>div{align-items:center;}
#inner_container>div:nth-child(1){padding-right:6rem;flex-grow:1;flex-direction:column;width:50%;margin-bottom:0;display:flex;}
#inner_container>div:nth-child(1)>h1{font-size:3.75rem;font-weight:900;color:rgb(0 0 0 / var(--tw-text-opacity));margin-bottom:1rem;margin:0;}
#inner_container>div:nth-child(1)>p{font-size:2.25rem;line-height:2.5rem;--tw-text-opacity:1;color:rgb(49 46 129 / var(--tw-text-opacity));margin-bottom:2rem;font-weight:700;}
#inner_container>div:nth-child(2){max-width:32rem;width:100%;}
#inner_container>div:nth-child(2)>img{object-position:center;object-fit:cover;border-radius:.25rem;max-width:100%;height:auto;display:block;}
@media (max-width: 1060px){
#inner_container{flex-direction:column;padding:1px auto;}
#inner_container>div{width:100%;padding:0 auto;margin:0 auto;}
#inner_container>div:nth-child(1)>h1{font-size:2.75rem;}
#inner_container>div:nth-child(1)>p{font-size:1.3rem;}
}
@media (max-width: 966px){
#inner_container{padding:0;}
#inner_container>div:nth-child(1){padding:0;}
#inner_container>div:nth-child(1)>h1{font-size:2rem;}
#inner_container>div:nth-child(1)>p{font-size:0.9rem;}
}
@media (max-width: 500px){
#inner_container{padding:0;}
#inner_container>div:nth-child(1){padding:0;}
#inner_container>div:nth-child(1)>h1{font-size:1.35rem;}
#inner_container>div:nth-child(1)>p{font-size:0.9rem;}
}
#middle{position:relative;text-align:center;padding:0 6%;margin-bottom:-20px;-webkit-animation-name:animatetopp;-webkit-animation-duration:7s;animation-name:animatetopp;animation-duration:7s;}
#middle h1{color:#312e81;margin-bottom:1rem;font-size:40px;}
#middle p{line-height:2rem;}
@media (max-width: 966px){
#middle h1{font-size:27px;}
#middle p{line-height:1.6rem;}
}
.contain{display:grid;grid-gap:10px;grid-template-columns:repeat(3, 1fr);margin:4rem 2%;}
.contain>div{padding:10px;max-width:350px;background:white;border-radius:10px;color:black;justify-content:center;align-items:center;text-align:center;box-shadow:0 2px 8px #00000054;padding-top:2rem;padding-bottom:3rem;padding-left:2rem;line-height:1.7rem;padding-right:2rem;margin-top:20px;}
.contain>div:hover{border:1px solid #3730a3;}
@media (max-width: 1070px){
.contain{grid-template-columns:repeat(2, 1fr);grid-gap:5px;margin-left:auto;margin-right:auto;}
.contain>div{max-width:500px;margin-top:40px;}
}
@media (max-width: 720px){
.contain{grid-template-columns:repeat(1, 1fr);grid-gap:5px;margin-left:auto;margin-right:auto;}
.contain>div{max-width:1000px;margin-top:40px;}
}
.contain>div:nth-child(even){background:#f5f5f5;}
.contain>div:nth-child(odd){background:#f5f5f5;}
.inner_contain{padding:0.5rem 2rem;}
.inner_contain>div{padding-bottom:1.75rem;}
.inner_contain>div>a::before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:3px;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.inner_contain>div>a{position:initial;text-transform:uppercase;padding-top:.75rem;padding-bottom:.75rem;padding-left:2rem;padding-right:2rem;--tw-text-opacity:1;color:#f5f5f5;--tw-bg-opacity:1;background:#3730a3;border-radius:.25rem;cursor:pointer;font-size:100%;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);}
.inner_contain>div>a:hover::before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.inner_contain>div>a:hover{color:#6b7edf;;      border-color:#fff;}
.inner_contain>div>img{max-width:100%;height:6.5rem;}
.foot{text-align:center;background-color:#3730a3;padding-top:1.5rem;padding-bottom:1.5rem;color:#fefefe;}
/*! CSS Used keyframes */
@-webkit-keyframes animatetopp{from{bottom:-100px;opacity:0;}to{bottom:0;opacity:1;}}
@keyframes animatetopp{from{bottom:-100px;opacity:0;}to{bottom:0;opacity:1;}}