/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
html {
  scroll-behavior: smooth;
}

/* Main Menu */
#mainmenu .elementor-nav-menu > li:not(:last-child)::after{height:100% !important}
@media only screen and (max-width: 1282px) {
	#mainmenu a{padding: 13px 8px;font-size: 11.5px;}
}

@media only screen and (max-width: 1136px) {
	#mainmenu a{padding: 13px 8px;font-size: 10px;}
}


/* Breadcrumb */
.breadcrumb{
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.breadcrumb-item a{color:#003476!important;}
.breadcrumb-item a:hover{color:#00aeef!important;}

/* custom styles*/
.wz-container {
    width: 100%
}

@media (min-width:640px) {
    .wz-container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .wz-container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .wz-container {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .wz-container {
        max-width: 1280px
    }
}

@media (min-width:1536px) {
    .wz-container {
        max-width: 1536px
    }
}

.wz-mx-auto {
    margin-left: auto;
    margin-right: auto
}

.wz-line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.wz-h-20 {
    height: 5rem
}

.wz-h-6 {
    height: 1.5rem
}

.wz-h-full {
    height: 100%
}
.wz-max-w-20 {
max-width: 5rem !important; /* 80px */
}
.wz-min-h-24 {
    min-height: 6rem
}

.wz-w-2\/3 {
    width: 66.666667%
}

.wz-w-20 {
    width: 5rem
}

.wz-w-6 {
    width: 1.5rem
}

.wz-max-w-24 {
    max-width: 6rem
}

.wz-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.wz-flex-wrap {
    flex-wrap: wrap
}

.wz-place-content-start {
    place-content: start
}

.wz-items-stretch {
    align-items: stretch
}

.wz-gap-2 {
    gap: .5rem
}

.wz-gap-4 {
    gap: 1rem
}

.wz-gap-8 {
    gap: 2rem
}

.wz-space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem*var(--tw-space-x-reverse));
    margin-left: calc(0.5rem*(1 - var(--tw-space-x-reverse)))
}

.wz-space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem*var(--tw-space-x-reverse));
    margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)))
}

.wz-space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem*var(--tw-space-y-reverse))
}

.wz-divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse))
}

.wz-divide-gray-200>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-divide-opacity))
}

.wz-overflow-hidden {
    overflow: hidden
}

.wz-rounded-sm {
    border-radius: .125rem
}

.wz-bg-\[\#53a766\] {
    --tw-bg-opacity: 1;
    background-color: rgb(83 167 102/var(--tw-bg-opacity))
}

.wz-bg-\[\#f2f2f2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 242 242/var(--tw-bg-opacity))
}

.wz-bg-sdg01 {
    --tw-bg-opacity: 1;
    background-color: rgb(235 26 44/var(--tw-bg-opacity))
}

.wz-bg-sdg02 {
    --tw-bg-opacity: 1;
    background-color: rgb(221 167 58/var(--tw-bg-opacity))
}

.wz-bg-sdg03 {
    --tw-bg-opacity: 1;
    background-color: rgb(76 158 56/var(--tw-bg-opacity))
}

.wz-bg-sdg04 {
    --tw-bg-opacity: 1;
    background-color: rgb(197 26 45/var(--tw-bg-opacity))
}

.wz-bg-sdg05 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 58 32/var(--tw-bg-opacity))
}

.wz-bg-sdg06 {
    --tw-bg-opacity: 1;
    background-color: rgb(39 189 226/var(--tw-bg-opacity))
}

.wz-bg-sdg07 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 195 10/var(--tw-bg-opacity))
}

.wz-bg-sdg08 {
    --tw-bg-opacity: 1;
    background-color: rgb(162 26 66/var(--tw-bg-opacity))
}

.wz-bg-sdg09 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 105 37/var(--tw-bg-opacity))
}

.wz-bg-sdg10 {
    --tw-bg-opacity: 1;
    background-color: rgb(221 19 103/var(--tw-bg-opacity))
}

.wz-bg-sdg11 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 154 49/var(--tw-bg-opacity))
}

.wz-bg-sdg12 {
    --tw-bg-opacity: 1;
    background-color: rgb(192 139 47/var(--tw-bg-opacity))
}

.wz-bg-sdg13 {
    --tw-bg-opacity: 1;
    background-color: rgb(64 117 52/var(--tw-bg-opacity))
}

.wz-bg-sdg14 {
    --tw-bg-opacity: 1;
    background-color: rgb(28 123 193/var(--tw-bg-opacity))
}

.wz-bg-sdg15 {
    --tw-bg-opacity: 1;
    background-color: rgb(66 179 59/var(--tw-bg-opacity))
}

.wz-bg-sdg16 {
    --tw-bg-opacity: 1;
    background-color: rgb(32 81 141/var(--tw-bg-opacity))
}

.wz-bg-sdg17 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 52 101/var(--tw-bg-opacity))
}

.wz-p-2 {
    padding: .5rem
}

.wz-p-3 {
    padding: .75rem
}

.wz-text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.wz-leading-tight {
    line-height: 1.25
}

.wz-text-\[\#003476\] {
    --tw-text-opacity: 1;
    color: rgb(0 52 118/var(--tw-text-opacity))
}

.wz-shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0/0.1), 0 2px 4px -2px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

@media (min-width:640px) {
    .sm\:wz-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .sm\:wz-justify-start {
        justify-content: flex-start
    }
}

@media (min-width:768px) {
    .md\:wz-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:wz-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (min-width:1024px) {
    .lg\:wz-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:wz-p-4 {
        padding: 1rem
    }
}

.wz-absolute {
    position: absolute
}

.wz-relative {
    position: relative
}

.wz-top-0 {
    top: 0
}

.wz-z-10 {
    z-index: 10
}

.wz-flex {
    display: flex
}

.wz-grid {
    display: grid
}

.wz-h-0 {
    height: 0
}

.wz-h-12 {
    height: 3rem
}

.wz-h-16 {
    height: 4rem
}

.wz-w-0 {
    width: 0
}

.wz-w-12 {
    width: 3rem
}

.wz-w-16 {
    width: 4rem
}

.wz-max-w-\[220px\] {
    max-width: 220px
}

.wz-cursor-pointer {
    cursor: pointer
}

.wz-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.wz-items-center {
    align-items: center
}

.wz-justify-center {
    justify-content: center
}

.wz-gap-3 {
    gap: .75rem
}

.wz-bg-\[\#0082B4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 130 180/var(--tw-bg-opacity))
}

.wz-bg-sdgs01 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 36 59/var(--tw-bg-opacity))
}

.wz-bg-sdgs03 {
    --tw-bg-opacity: 1;
    background-color: rgb(76 159 56/var(--tw-bg-opacity))
}

.wz-bg-sdgs16 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 104 157/var(--tw-bg-opacity))
}

.wz-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.wz-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.wz-font-bold {
    font-weight: 700
}

.wz-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.wz-opacity-0 {
    opacity: 0
}

.wz-transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.wz-duration-300 {
    transition-duration: .3s
}

.wz-group:hover .group-hover\:wz-h-32 {
    height: 8rem
}

.wz-group:hover .group-hover\:wz-h-36 {
    height: 9rem
}

.wz-group:hover .group-hover\:wz-w-32 {
    width: 8rem
}

.wz-group:hover .group-hover\:wz-w-36 {
    width: 9rem
}

.wz-group:hover .group-hover\:wz-opacity-0 {
    opacity: 0
}

.wz-group:hover .group-hover\:wz-opacity-100 {
    opacity: 1
}

.wz-grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}