:root{
     --body-font:"Roboto Condensed",sans-serif;
     --heading-font:"Baskervville SC",serif 
}
 *,::after,::before{
     padding:0;
     margin:0;
     box-sizing:border-box;
     text-decoration:none;
     -webkit-font-smoothing:antialiased;
     -moz-osx-font-smoothing:grayscale;
     text-rendering:optimizeLegibility;
     transition:all .4s;
     -webkit-transition:all .4s;
     -moz-transition:all .4s;
     -ms-transition:all .4s;
     -o-transition:all .4s 
}
 *,.navbar,a,body,figcaption,figure,h1,h2,h3,h4,hr,html,li,p,ul{
     padding:0;
     margin:0 
}
 html{
     scrollbar-width:thin;
     font-size:100%;
     box-sizing:inherit;
     scroll-behavior:smooth;
     height:-webkit-fill-available 
}
 html::-webkit-scrollbar{
     width:5px 
}
 html::-webkit-scrollbar-track{
     background:#ddd 
}
 html::-webkit-scrollbar-thumb{
     background:#fdd36a 
}
 li,ul{
     list-style-type:none 
}
 a,button{
     cursor:pointer;
     border:none;
     outline:0;
     user-select:none;
     background:0 0;
     box-shadow:none 
}
 body{
     font-family:var(--body-font);
     font-size:16px;
     background-color:#4a6d7b;
     color:#fff;
     overflow-x:hidden 
}
 .heading-section{
     margin-bottom:2.5rem 
}
 .heading-section .title{
     font-family:var(--heading-font);
     font-size:2.3rem;
     font-weight:700;
     position:relative;
     text-shadow:0 0 5px #000 
}
 .heading-section .title:before{
     position:absolute;
     content:'';
     border-bottom:1px solid #feffd2;
     left:50%;
     bottom:0;
     width:150px;
     transform:translate(-50%,-50%) 
}
 .heading-section .title:after{
     position:absolute;
     content:'';
     border-bottom:3px solid #feffd2;
     left:50%;
     bottom:-3px;
     width:80px;
     transform:translate(-50%,-50%) 
}
 header{
     position:fixed;
     width:100%;
     top:0;
     z-index:9999;
     background-color:#2a3e4c 
}
 header:after{
     content:'';
     position:absolute;
     left:0;
     right:0;
     height:6px;
     bottom:-6px;
     background-repeat:repeat-x;
     background-position:left center;
     background-size:auto;
     background-origin:border-box 
}
 header .navbar{
     padding:10px 0 
}
 header .navbar .navbar-brand{
     color:#fff;
     margin:0;
     padding:0 
}
 header .navbar .navbar-toggler{
     border:1px solid #fff;
     border-radius:0 
}
 header .navbar .navbar-toggler .navbar-icon{
     color:#fff 
}
 header .navbar .navbar-nav .nav-item .nav-link{
     color:#fff;
     padding:0 25px;
     font-size:14px;
     position:relative 
}
 header .navbar .navbar-nav .nav-item .nav-link.active:after{
     position:absolute;
     content:'';
     border-bottom:2px solid #fff;
     width:20px;
     bottom:0;
     left:50%;
     transform:translate(-50%,3px) 
}
 header .navbar .navbar-nav .nav-item .nav-link:hover:after{
     position:absolute;
     content:'';
     border-bottom:2px solid #fff;
     width:20px;
     bottom:0;
     left:50%;
     transform:translate(-50%,3px) 
}
 header .offcanvas{
     background-color:#2a2929 
}
 header .offcanvas .offcanvas-header{
     background-color:#000;
     border-bottom:1px solid #5b5b5b 
}
 header .offcanvas .offcanvas-header .offcanvas-title{
     font-size:1.3rem;
     color:#fff 
}
 header .offcanvas .offcanvas-header .btn-close{
     border:1px solid #fff;
     border-radius:0;
     color:#fff;
     background-image:none;
     opacity:1;
     position:relative 
}
 header .offcanvas .offcanvas-header .btn-close span{
     top:50%;
     position:absolute;
     left:50%;
     transform:translate(-50%,-50%);
     font-size:1.2rem 
}
 header .offcanvas .offcanvas-body .navbar-nav .nav-item+.nav-item{
     border-top:1px solid #5b5b5b 
}
 header .offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link{
     color:#fff;
     padding:10px 0;
     padding-left:15px;
     font-size:14px 
}
 footer{
     background-color:#2a3e4c;
     color:#fff;
     padding-top:2.5rem;
     padding-bottom:4rem 
}
 footer .footer-logo .web-logo{
     margin-bottom:1rem 
}
 footer a{
     text-decoration:none 
}
 footer a:hover{
     text-decoration:underline 
}
 footer a,footer button{
     color:#fff 
}
 footer .title{
     font-family:var(--heading-font);
     font-size:2rem;
     font-weight:700 
}
 footer .footer-links{
     padding-bottom:1.5rem 
}
 footer ul li+li{
     padding-top:10px 
}
 .rank-math-question{
     font-size:20px;
     font-weight:700;
     color:gold 
}
 .footer-contact{
     position:fixed;
     z-index:999999;
     bottom:0;
     left:0;
     right:0;
     background-color:#070f2b;
     -webkit-box-shadow:0 -4px 3px rgba(50,50,50,.75);
     -moz-box-shadow:0 -4px 3px rgba(50,50,50,.75);
     box-shadow:0 -4px 3px rgba(50,50,50,.75) 
}
 .footer-contact ul{
     display:inline-flex;
     width:100% 
}
 .footer-contact ul li{
     width:25%;
     padding:10px 0;
     text-align:center 
}
 .footer-contact ul li+li{
     border-left:1px solid #585453 
}
 .page-content{
     padding-top:2rem;
     padding-bottom:1.5rem 
}
 .page-content h1,.page-content h2,.page-content h3,.page-content h4{
     font-family:var(--heading-font);
     text-align:center;
     color:#f1f1f1;
     padding-bottom:5px;
     font-weight:600;
     padding-bottom:.75rem;
     line-height:26px 
}
 .page-content h2,.page-content h3,.page-content h4{
     padding-top:1rem 
}
 .page-content h1{
     font-size:1.5rem 
}
 .page-content h2{
     font-size:1.4rem 
}
 .page-content h3{
     font-size:1.3rem 
}
 .page-content h4{
     font-size:1.3rem 
}
 .page-content p{
     color:#fff;
     padding-bottom:1rem;
     text-align:justify;
     font-size:14px 
}
 .page-content p strong{
     color:#f0f0ef 
}
 .page-content p a{
     color:#f0f0ef 
}
 @media (min-width:576px){
     .page-content p{
         font-size:16px 
    }
     .page-content h1,.page-content h2,.page-content h3,.page-content h4{
         line-height:35px 
    }
     .page-content h1{
         font-size:2rem 
    }
     .page-content h2{
         font-size:1.9rem 
    }
     .page-content h3{
         font-size:1.8rem 
    }
     .page-content h4{
         font-size:1.7rem 
    }
}
 @media (min-width:768px){
     .page-content h1,.page-content h2,.page-content h3,.page-content h4{
         text-align:left 
    }
     .page-content h1{
         font-size:40px 
    }
     .page-content h2{
         font-size:36px 
    }
     .page-content h3{
         font-size:34px 
    }
     .page-content h4{
         font-size:32px 
    }
}
 #back-to-top{
     position:fixed;
     width:50px;
     height:50px;
     right:25px;
     bottom:80px;
     margin:0;
     z-index:1000 
}
 #back-to-top .back-to-top-icon{
     position:relative;
     display:flex;
     align-items:center;
     justify-content:center;
     height:100%;
     font-size:21px;
     font-weight:700;
     color:#fff 
}
 #back-to-top .back-to-top-icon:before{
     content:'';
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     border-radius:100%;
     z-index:-1 
}
 @media (min-width:768px){
     footer .title{
         font-size:1.6rem 
    }
     footer ul{
         font-size:14px 
    }
}
 @media (min-width:992px){
     header .navbar{
         padding:20px 0 
    }
     .heading-section .title{
         font-size:2.8rem;
         line-height:60px 
    }
     footer .title{
         font-size:2rem 
    }
     footer ul{
         font-size:16px 
    }
}