.elementor-8532 .elementor-element.elementor-element-5ed08a5:not(.elementor-motion-effects-element-type-background), .elementor-8532 .elementor-element.elementor-element-5ed08a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://japan.usingtechnologybetter.com/wp-content/uploads/2020/12/utb-rhub-img.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8532 .elementor-element.elementor-element-5ed08a5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 0px 100px 0px;z-index:9;}.elementor-8532 .elementor-element.elementor-element-5ed08a5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8532 .elementor-element.elementor-element-af88936 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-8532 .elementor-element.elementor-element-d5ae627{text-align:center;}.elementor-8532 .elementor-element.elementor-element-d5ae627 .elementor-heading-title{color:#21B2E7;font-family:"Poppins", Sans-serif;font-size:64px;font-weight:700;line-height:1.25em;}.elementor-8532 .elementor-element.elementor-element-1ae6c59:not(.elementor-motion-effects-element-type-background), .elementor-8532 .elementor-element.elementor-element-1ae6c59 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://japan.usingtechnologybetter.com/wp-content/uploads/2020/12/what-hot-bg.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8532 .elementor-element.elementor-element-1ae6c59{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 0px 60px 0px;}.elementor-8532 .elementor-element.elementor-element-1ae6c59 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:1024px){.elementor-8532 .elementor-element.elementor-element-d5ae627 .elementor-heading-title{font-size:42px;}}@media(max-width:767px){.elementor-8532 .elementor-element.elementor-element-d5ae627 .elementor-heading-title{font-size:26px;}}/* Start custom CSS for heading, class: .elementor-element-d5ae627 */.elementor-8532 .elementor-element.elementor-element-d5ae627 .clr-white {
    color: #fff;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5ed08a5 */.elementor-8532 .elementor-element.elementor-element-5ed08a5:after {
    content: url(https://utb25.wpengine.com/wp-content/uploads/2020/12/circle-graphics-img.png);
    position: absolute;
    bottom: -90px;
    right: 10%;
}/* End custom CSS */
/* Start custom CSS */.dynamic-cat-txt {
    text-transform: capitalize;
}

.resources-item .img-thumb {
    min-height: 250px;
    background-color: #00223d;
    display: block;
}

.resources-image a img {
    display: block;
    width: 100%;
}

.resources-image a {
    display: block;
}

.resources-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.resources-item .resources-image {
    width: 40%;
}

.resources-item .resources-content {
    width: 60%;
}

.resources-item .resources-content, .resources-item .resources-image {
    padding: 20px;
}

.resources-list .title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.2em;
}

.resources-list .excerpt {
    font-size: 14px;
    line-height: 1.2em;
    color: #444444;
    margin-bottom: 15px;
}

.resources-list .more-link {
    font-weight: 700;
    border-bottom: 1px solid;
    font-size: 14px;
}

.resources-settings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 30px;
}

.resources-settings .shown-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.resources-settings .shown-items span {
    margin-right: 10px;
    line-height: 1;
    font-size: 14px;
}

.resources-settings .shown-items select {
    padding: 0 5px;
    color: #444444;
    font-size: 18px;
    font-weight: 700;
    background-color: #d7d7d7;
}

.resources-list {
    padding: 30px 25px 5px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.resources-settings .style label {
    padding: 3px;
    line-height: 1;
}

.resources-settings .style input {
    display: none;
}

.resources-settings .style i {
    color: #dcdcdc;
    font-size: 24px;
    font-weight: 700;
    cursor: pointer;
}

.resources-settings .style input:checked + i {
    color: #00223d;
}


.resources-settings .style {
    margin-left: 30px;
}

.resources-filter .search {
    background-color: #00223e;
    padding: 30px 20px;
    width: 30%;
}

.resources-filter {
    margin-bottom: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.resources-filter .cat-filter {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    padding: 30px 15px;
    width: 68%;
    margin-right: 2%;
}

.resources-filter .search input {
    width: 100%;
    padding: 5px 10px;
    font-size: 16px;
    color: #242527;
}

.resources-filter .search input[type="submit"] {
    background-color: #0edd75;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 14px;
    font-size: 16px;
    border-radius: 50px;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.search-input i {
    position: absolute;
    right: 10px;
    top: 12px;
    color: #00223e;
}

.search-input {
    position: relative;
    margin-bottom: 20px;
}

.resources-filter .search input[type="submit"]:hover {
    background-color: #fff;
    color: #00223e;
}

.resources-filter .cat-filter form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.resources-filter .cat-filter .item {
    width: 50%;
    padding: 0 10px;
}

.resources-filter .cat-filter .item .cat-title {
    background-color: #00233e;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.resources-filter .cat-filter .filter-item {
    padding: 10px 20px 20px;
}

.resources-filter input[type="submit"] {
    background-color: #0edd75;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    width: 100%;
    display: block;
    padding: 15px 10px;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.resources-filter input[type="submit"]:hover {
    background-color: #00223e;
}

.resources-filter .list {
    position: relative;
    cursor: pointer;
}

.resources-filter input[type="checkbox"]{
    display: none;
}

.resources-filter .checkmark {
    top: 6px;
}

.resources-filter label {
    padding-left: 30px;
    color: #242527;
    cursor: pointer;
}

.resources-filter .list:not(:last-child) {
    margin-bottom: 5px;
}

.resources-filter input:checked ~ .checkmark {
    background-color: #0edd75 !important;
}

.resources-filter .checkmark:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.resources-filter input:checked ~ .checkmark:after {
    display: block;
}

.resources-grid .resources-item {
    width: 25%;
    padding: 7px;
    border: 0;
}

.resources-grid .resources-item .resources-image {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
}

.resources-grid .resources-item .resources-content {
    width: 100%;
    padding: 0;
}

.resources-grid .resources-item .img-thumb {
    min-height: 150px;
}

.resources-grid .resources-list .title {
    line-height: 1.2em;
}

.resources-grid .resources-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.resources-grid .resources-list .resources-settings {
    width: 100%;
}

.resources-grid .resources-filter {
    width: 27%;
    margin: 0;
}

.resources-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.resources-grid .resources-list {
    width: 70%;
    margin-right: 3%;
}

.resources-grid .resources-filter .cat-filter {
    width: 100%;
    margin: 0;
}

.resources-grid .resources-filter .search {
    width: 100%;
}

.resources-grid .resources-filter .cat-filter .item {
    width: 100%;
    padding: 0;
}

.resources-grid .resources-list .excerpt,
.resources-grid .resources-list .more-link {
    font-size: 12px;
}

.resources-grid .resources-list .excerpt {
    margin-bottom: 5px;
}

.resources-settings.footer {
    margin-top: 100px;
}

.pagination-wrap {
    font-weight: 700;
    color: #444444;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.pagination-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.pagination-wrap .current {
    color: #21b2e7;
}

.pagination-wrap .next, .pagination-wrap .prev {
    font-size: 9px;
}

.pagination-wrap .page-numbers {
    margin: 0 3px;
}

.resources-filter .sub-list {
    position: relative;
    margin-left: 25px;
}

.resources-filter .list:not(.active) .sub-list {
    display: none;
}

@media screen and (max-width: 1000px) {
.resources-grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.resources-grid .resources-filter {
    width: 100%;
    margin-bottom: 40px;
}

.resources-grid .resources-list {
    width: 100%;
}

.resources-grid .resources-item {
    width: 50%;
}
}

@media screen and (max-width: 767px) {
.resources-filter .cat-filter {
    width: 100%;
    margin: 0;
}

.resources-filter .search {
    width: 100%;
}

.resources-item .resources-image,
.resources-item .resources-content {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
}

@media screen and (max-width: 540px) {
.resources-filter .cat-filter .item {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}

.resources-grid .resources-item {
    width: 100%;
}
}

@media screen and (max-width: 480px) {
.resources-settings {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.resources-settings > div {
    margin: 5px;
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://utb25.wpengine.com/wp-content/uploads/2020/08/Poppins-Regular_0.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://utb25.wpengine.com/wp-content/uploads/2020/08/Poppins-Bold_4.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://utb25.wpengine.com/wp-content/uploads/2020/08/Poppins-ExtraBold_0.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://utb25.wpengine.com/wp-content/uploads/2020/08/Poppins-SemiBold_2.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://utb25.wpengine.com/wp-content/uploads/2020/08/Poppins-RegularItalic_0.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://utb25.wpengine.com/wp-content/uploads/2020/08/Poppins-BoldItalic_0.ttf') format('truetype');
}
/* End Custom Fonts CSS */