html{scroll-behavior: smooth;}
.wpdocs-page-wrapper{margin: 0px 0px;}
.wpdocs-layout{
    display:flex;
    position: relative;
}

.wpdocs-sidebar{
    max-width:0px;
    border-right:1px solid #ddd;
    transition: all 0.3s ease-in-out;
    position: relative;
}
.wpdocs-sidebar.active{max-width: 300px; padding-right:5px;}

.wpdocs-parent{
    font-weight:bold;
    margin-top:15px;
}

.wpdocs-sidebar ul{
    margin:10px 0 10px 20px;
}

.wpdocs-sidebar .sidebar-sticky-wrapper{
    position: sticky;
    top: 30px;
    overflow-x: hidden;
    max-height: 100vh;
    overflow-y: scroll;
    padding-right: 10px;
    padding-bottom: 30px;
}
.wpdocs-sidebar .sidebar-sticky-wrapper::-webkit-scrollbar{width: 8px;}
.wpdocs-sidebar .sidebar-sticky-wrapper::-webkit-scrollbar-thumb{background-color: #eaeaea; border-radius: 20px; cursor: pointer;}
.wpdocs-sidebar .sidebar-sticky-wrapper::-webkit-scrollbar-thumb:hover{background-color: #d3d3d3; }
.wpdocs-sidebar:not(.active) .sidebar-sticky-wrapper::-webkit-scrollbar-thumb{display: none;}
.wpdocs-content{
    flex:1;
    width: 100%;
}

.wpdocs-page-title{width: 100%; padding: 50px 0px; text-align: center; border-bottom: 1px solid #ddd; }
.wpdocs-page-title .page-title h1{font-size: 40px; font-weight: 800; margin-bottom: 5px;}
.wpdocs-page-title .page-title p {font-size: 18px; font-weight: 700; color: #4279bb; margin-bottom: 0px;}
.wpdocs-page-title .page-title p a{color: #757575; text-decoration: none;}
.wpdocs-page-title .page-title p a:hover{color: #4279bb;}
.wpdocs-content .content-wrapper{padding-left: 40px}
.wpdocs-sidebar .nav-menu{padding: 0px; list-style: none; margin:0px;}
.wpdocs-sidebar .nav-menu li a.nav-link{color: rgb(20, 20, 20); text-decoration: none; display:inline-block; padding: 10px; margin:2px 0px; width: 100%; border-radius: 10px; font-size: 16px; font-weight: 600; transition: all 0.3s ease-in-out;}
.wpdocs-sidebar .nav-menu li.has-children .toggle-box a.nav-link{padding: 0px; width: max-content; margin: 0px;}
.wpdocs-sidebar .nav-menu li .toggle-box{width: 100%; transition: all 0.3s ease-in-out; padding: 0px 0px 0px 15px; gap: 8px; margin: 2px 0px; border-radius: 10px; display: inline-flex; justify-content: space-between; align-items: center;}
.wpdocs-sidebar .nav-menu li .toggle-box:hover, .wpdocs-sidebar .nav-menu li.has-children.open>.toggle-box{background-color: #eaeaea; color: black;}
.wpdocs-sidebar .nav-menu li ul{margin: 0px; list-style: none; padding-left: 15px;}
.wpdocs-sidebar .nav-menu li.has-children ul.sub-menu{opacity: 0; max-height:0; overflow: hidden; transition: all 0.3s ease-in-out;}
.wpdocs-sidebar .nav-menu li .toggle-box span.icon{padding: 10px; cursor: pointer;}
.wpdocs-sidebar .nav-menu li.has-children.open>ul.sub-menu, .wpdocs-sidebar .nav-menu li.has-children ul.sub-menu:has(.nav-link.active), .wpdocs-sidebar .nav-menu li.has-children ul.sub-menu:has(.has-children.open){max-height: 200vh; opacity: 1;}
.wpdocs-sidebar .nav-menu li a.nav-link:hover{background-color: #eaeaea; color: black;}
.wpdocs-sidebar .nav-menu li .toggle-box .nav-link:hover{background-color: transparent;}
.wpdocs-sidebar .nav-menu li .toggle-box:has(.nav-link.active), .wpdocs-sidebar .nav-menu li .nav-link.active, .wpdocs-sidebar .nav-menu li .nav-link.active:hover{background-color: #5390d9; color: white;}
.wpdocs-sidebar .search-form{margin-bottom: 30px;}
.wpdocs-sidebar .search-form input{border: 0px; width: 100%; border-bottom: 1px solid black; border-radius: 0px; outline: none; font-size: 18px; font-weight: 500; padding: 10px 0px;}
.wpdocs-sidebar .search-form .suggestions-wrapper{background-color: white; border: 1px solid #ddd; margin: 0px; overflow: hidden; max-height: 0px; transition: all 0.3s ease-in-out;}
.wpdocs-sidebar .search-form .suggestions-wrapper.active{max-height: max-content;}
.wpdocs-sidebar .search-form .suggestions-wrapper .suggestions li{padding: 5px 10px; margin: 5px 0px;}
.wpdocs-sidebar .search-form .suggestions-wrapper h6{margin: 0px; padding: 10px; margin-bottom: 10px;}
.wpdocs-sidebar .search-form .suggestions-wrapper .suggestions{padding:0px; list-style: none; margin: 0px;}
.wpdocs-sidebar .search-form .suggestions-wrapper .suggestions a{font-size: 16px; font-weight: 500; text-decoration: none; color: black; }
.wpdocs-sidebar .search-form .suggestions-wrapper .suggestions a:hover{color: #5390d9;}


.wpdocs-content h1{font-size: 34px; font-weight: 700; margin-top: 0px; margin-bottom: 30px;}
.wpdocs-content h2{font-size: 30px; font-weight: 700;}
.wpdocs-content p{font-size: 18px; font-weight: 500; line-height: 30px; text-align: justify;}
.wpdocs-content img{width: 100%; border-radius: 10px;}
.wpdocs-content table tr:nth-child(odd) td{color: white; background-color: #5390d9; border-color:white; font-size: 16px; font-weight: 500;}
.wpdocs-content table tr:nth-child(even) td{ border-color:#5390d9; font-size: 16px; font-weight: 500;}
.wpdocs-page-wrapper button{padding: 0px; border: 0px; width: 35px; height: 32px; display: flex; flex-direction: column; justify-content: center; gap: 3px; padding: 6px; border: 1px solid #5390d9; background-color: #5390d9; border-radius: 0px; }
.wpdocs-page-wrapper button:hover, .wpdocs-page-wrapper button:focus{background-color: #4279bb;}
.wpdocs-page-wrapper button.sidebar-toggle div{ width: 20px; height: 3px; border-radius: 10px; background: white; transition: all 0.2s ease-in-out;}
.wpdocs-page-wrapper button.sidebar-toggle.closed div:nth-child(2){display: none;} 
.wpdocs-page-wrapper button.sidebar-toggle.closed div:nth-child(1){transform: translateY(6.5px) rotate(45deg);}
.wpdocs-page-wrapper button.sidebar-toggle.closed div:nth-child(3){transform: translateY(-3px) rotate(-45deg);}
.docs-section .row{display: flex; flex-wrap: wrap; row-gap: 20px;}
.docs-section .row .col-md-3{width: 33.33%; padding: 0px 15px;}
.docs-section .docs-card{border: 1px solid #ddd; border-radius: 18px;}
.docs-section .docs-card .img-area{overflow: hidden; border-radius: 18px 18px 0px 0px; max-height: 200px;}
.docs-section .docs-card img{transition: all 0.3s ease-in-out;}
.docs-section .docs-card:hover img{transform: scale(1.1);}
.docs-section .docs-card .content{padding: 15px 15px 30px 15px}
.docs-section .docs-card .content h3{font-size: 20px; font-weight: 700; margin: 0px 0px 25px 0px;}
.docs-section .docs-card .content a{font-size: 14px; padding: 10px 30px; color: black; font-weight: 600; border: 1px solid #ddd; transition: all 0.3s ease-in-out; border-radius: 50px; text-align: center; text-decoration: none; }
.docs-section .docs-card .content a:hover{background-color: #4279bb; color: white;}
.wpdocs-page-wrapper .flex-wrapper{display: flex; gap: 20px; align-items: center; margin-bottom: 10px; }
.wpdocs-page-wrapper .flex-wrapper .wpdocs-language-switcher{display: flex;}
.wpdocs-page-wrapper .flex-wrapper .languages-wrapper a{font-size: 15px; font-weight: 700; color: #4279bb; text-decoration: none; padding: 5px 12px; border: 1px solid #5390d9; transition:  all 0.3s ease-in-out;}
.wpdocs-page-wrapper .flex-wrapper .languages-wrapper a.active, .wpdocs-page-wrapper .flex-wrapper .languages-wrapper a:hover{color: white; background-color: #4279bb;}
.docs-section .pagination{ justify-content: center; gap: 5px; margin-top: 40px; align-items: center;}
.docs-section .pagination .page-numbers{padding:4px 12px; border: 1px solid #4279bb; text-decoration: none; color: #4279bb; font-weight: 700;}
.docs-section .pagination .page-numbers:hover{background-color: #4278bb13;}
.docs-section .pagination .page-numbers.current{background-color: #4279bb; color: white;}
.docs-section .pagination .page-numbers.next, .docs-section .pagination .page-numbers.prev{border: 0px;}
.docs-section .pagination .page-numbers.next:hover, .docs-section .pagination .page-numbers.prev:hover{background-color: transparent;}
.wpdocs-container{max-width: 1280px; width: 100%; margin: auto;}
@media (max-width: 480px){
    .wpdocs-page-title{padding: 35px 0px;}
    .wpdocs-page-title .page-title h1{font-size: 30px;}
    .wpdocs-page-title .page-title p{font-size: 14px;}
    .wpdocs-content .content-wrapper{padding-left: 0px;}
    .wpdocs-sidebar{position: absolute; top: 0px; left: 0; border-bottom: 2px solid #ddd;}
    .wpdocs-sidebar.active{max-width: 0px; padding: 0px; box-shadow: 0px 0px 20px 3px #00000014}
    .wpdocs-sidebar:not(.active){max-width: 100%; width: 100%; background-color: white;}
    .wpdocs-content h1{font-size: 28px; margin-bottom: 20px;}
    .wpdocs-content h2{font-size: 22px; margin: 10px 0px 15px 0px;}
    .wpdocs-content p{font-size: 15px; line-height: 26px;}
    .wpdocs-content table tr:nth-child(even) td, .wpdocs-content table tr:nth-child(odd) td {font-size: 14px;} 
    .docs-section .row .col-md-3{width: 100%;}
}