/* ============================== 1. default ============================== */
p:last-child, li:last-child{margin-bottom: 0px;}
p{font-size: 17px;font-weight: 500;line-height: 159%;color: #444444;}
li,ul{margin:0;padding:0;list-style:none;font-size: 17px;color:#444444;font-weight:500;}
:after,:before,a,.card{-webkit-transition:all 250ms linear;-moz-transition:all 250ms linear;-o-transition:all 250ms linear;-ms-transition:all 250ms linear;transition:all 250ms linear}
.bg-1{background: #f1f2f7;}.bg-2{background: #3c487b;}.bg-3{background: rgb(248 248 255 / 90%);} strong{font-weight: 600;font-size: 96%;}a{text-decoration:none; color: currentColor;}
.themebtn{background: transparent;font-size: 12px;font-weight: 700;color: #3c487b;padding: 14px 29px;z-index: 1;border: solid 2px #3c487b;border-radius: 0px;position: relative;letter-spacing: 0.7px;text-transform: uppercase;overflow: hidden;display: inline-block;}  
.themebtn::after {content: "";background: #3c487b;position: absolute;width: 200%;height: 500%;z-index: -1;border-radius: 100%;-webkit-transform: translate(30%, 10%) translateZ(0);transform: translate(30%, 10%) translateZ(0);}
.themebtn:hover:after{-webkit-transform: translate(-50%, -40%) translateZ(0);transform: translate(-50%, -40%) translateZ(0);}
.themebtn:hover{color: #ffffff;border-color: #3c487b;padding: 14px 20px 14px 38px;}
.themebtn>i{left: 0;margin-left: 4px;position: relative;transition: all 250ms linear;}
.themebtn:hover>i{left: 50%;color: #fff;}
.title :is(h1,h2,h3,h4){color: var(--title-color);font-size: var(--title-font-size);margin-bottom: var(--title-mb);line-height: 120%;font-weight: 700;}
.subtitle :is(h1,h2,h3,h4){color: var(--subtitle-color);font-size: var(--subtitle-font-size);margin-bottom: var(--subtitle-mb); line-height: 1.2;}
.title>h6{color: #444444;font-size: 16px;font-weight: 600;line-height: 162%;letter-spacing: 1.2px;text-transform: uppercase;}


/* ============================== 2. Pre Loader & Go top ============================== */
#preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;color: #3c487b;background-repeat:no-repeat;background-color:#FFF;background-position:center;}
#back-to-top{cursor:pointer;position:fixed;bottom: 0px;right: 0px;z-index:1111;display:none;color: #ffffff!important;background: #3c487b;padding: 9px 12px 1px 12px;border-radius: 24px 24px 0px 0px;max-width: 40px;overflow: hidden;border: solid 1px #ffffff;border-bottom: none;}


/* ============================== 3. home css ============================== */
.themenavbar{z-index: 9;padding: 0;background: #FFFFFF;box-shadow: 0px 0px 24px rgb(0 0 0 / 12%);}
.rightnav .nav-link{font-size: 16px;font-weight: 500;letter-spacing: 0.2px;--bs-nav-link-color: #444444;--bs-nav-link-hover-color: #3c487b;}
.rightnav .themebtn{display: block;font-weight: 600;margin-left: 14px;padding: 17px 42px;}
.homepage>section,.subpage>section,.py-6{padding-top: var(--section-py); padding-bottom: var(--section-py); position: relative; }

.themepic{position: relative;overflow: hidden;z-index: 1;}
.themepic img {width: 100%;height: 100%;object-fit: cover;object-position: center;-webkit-transition: all 0.7s ease-in-out 0s;-o-transition: all 0.7s ease-in-out 0s;transition: all 0.7s ease-in-out 0s;}
.themepic:hover img,.card:hover .themepic>img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-filter: brightness(0.8); filter: brightness(0.8); }
.themepic::after,.themepic:before{content:"";position:absolute;opacity:1;pointer-events:none}
.themepic:before{background:hsla(0,0%,100%,.3);bottom:0;left:50%;right:51%;top:0;z-index:9;-webkit-transition:none;-o-transition:none;transition:none}
.themepic:hover:before,.card:hover .themepic:before{left:0;right:0;opacity:0;-webkit-transition:.5s linear;-o-transition:.5s linear;transition:.5s linear;background-color:transparent}
.themepic::after{background:rgba(255,255,255,.3);bottom:50%;left:0;right:0;top:50%;-webkit-transition:none;-o-transition:none;transition:none}
.themepic:hover:after,.card:hover .themepic:after{top:0;bottom:0;opacity:0;-webkit-transition:.6s linear;-o-transition:.6s linear;transition:.6s linear;background-color:transparent}

.ltranslator .dropdown-menu-end{right: 0;left: auto;margin: 0;padding: 0;width: 100%;border: none;min-width: 112px;max-height: 235px;overflow-y: auto;background: white;-webkit-box-shadow: 0px 7px 21px rgb(0 0 0 / 25%);box-shadow: 0px 7px 21px rgb(0 0 0 / 25%);}
.ltranslator .dropdown-toggle::after{border: none;content: "\f107";font-family: 'FontAwesome';vertical-align: baseline;margin-left: 0.16em;font-size: 80%;}
.ltranslator .dropdown-toggle.show::after{-webkit-transform: scale3d(1, -1, 1);transform: scale3d(1, -1, 1);vertical-align: text-bottom;}
.ltranslator ul>li>a{font-size: 15px;font-weight: 500;color: #616161;padding: 8px 12px 8px 14px;background: transparent;border-bottom: solid 1px #e2f1f7;--bs-dropdown-link-hover-color: #3c487b;}

.hero-section,.hero-item{position:relative;color:#fff;overflow:hidden}
/* .hero-section .hero-item{margin-left: -1px; } */
.hero-section .heropic>img{min-height: 248px;object-fit: cover;-webkit-filter: blur(3px);filter: blur(3px);}
.hero-section .hero-text, .hero-section .heropic img{-webkit-transition: all 250ms linear;transition: all 250ms linear;}
.hero-section .hero-text{position:absolute;bottom: 0;left:0;width:100vw;opacity: 0;padding-top: 83px;padding-bottom: 4.65%;background: rgba(0, 0, 0, 0.2);background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
.hero-section .hero-text h5{font-size: clamp(1rem, 0.7031rem + 1.4844vw, 2.1875rem);color:#FFF;line-height: 1.25;font-weight: 700;letter-spacing: 0.5px;text-transform: uppercase;max-width: 711px;margin-left: 2.5%;}
.hero-section .swiper-slide-active h5{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-duration: 1s;animation-duration: 1.2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.hero-section .swiper-slide-active .hero-text{opacity: 1; }
.hero-section .swiper-slide-active .heropic>img{-webkit-filter: none; filter: none; }

.about-section h1{max-width: 726px;}
.about-section p{max-width: 840px;}

.activities h2{max-width: 1071px;margin-left: auto;margin-right: auto;}
.activities p{max-width: 619px;margin-left: auto;margin-right: auto;}
.activities .card{height: 100%;box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);}
.activities .card h4{font-size: 18px;font-weight: 600;color: #444444;line-height: 128%;text-align: center;margin-bottom: 16px;white-space: pre-line;}
.activity-wrap.container{padding-top: calc(var(--section-py) * .7);max-width: 1828px;--bs-gutter-x: 64px;}
.activitySwiper {-webkit-filter: drop-shadow(0px 3px 6px rgb(0 0 0 / 16%));filter: drop-shadow(0px 3px 6px rgb(0 0 0 / 16%));}
.activitySwiper .swiper-slide .card{box-shadow: none; }
.activitySwiper .swiper-slide{height: auto; }

.sister-org-section p{max-width: 679px; }

.footertop{padding-top: 46px;padding-bottom: 56px;}
.footertop p{line-height: 1.65;text-align: center;letter-spacing: 0.2px;white-space: pre-line;color: rgb(255 255 255 / 75%);}
.footertop .navlist{width: 100%;padding-bottom: 30px;margin-bottom: 40px;border-bottom: solid 1px rgb(255 255 255 / 25%);}
.footertop .navlist>ul{position: relative;flex-wrap: nowrap;justify-content: center;}
.footertop .navlist>ul>li>a{font-size: 16px;font-weight: 500;color: #ffffff;padding: 0px 28px 0px 7px;letter-spacing: 1px;white-space: nowrap;position: relative;text-transform: uppercase;}
.footertop .more-button, .footertop .dropdown-toggle::after{display: none;z-index: 2;margin-left: -12px;}
.footertop .more-button .dropdown-toggle {padding: 1px 10px !important; }
.footertop .dropdown-toggle.show>i{position: relative; transform: rotate(90deg); }
.footertop .more-button .dropdown-menu{left: auto !important;right: 0 !important;margin: 0 !important;--bs-dropdown-min-width: 14.1rem;border-top-right-radius: 0px;}
.footertop .more-button .dropdown-menu a{color: #3c487b;font-size: 15px;font-weight: 600;}
.footertop .navlist>ul>li>a::before{content: "";position: absolute;bottom: 2px;width: 0px;height: 1px;left: 7px;right: 28px;margin: auto;background: #ffffff;}
.footertop .navlist>ul>li>a:hover:before{width: calc(100% - 35px);}

.copyrights{padding: 21px 0px 2px;background: #ffffff;}
.copyrights p span+span {display: inline-block; }
.copyrights p{font-size: 16px;font-weight: 500;color: rgb(68 68 68 / 75%);margin-bottom: 1rem;text-align: center;}

#wpp-fix {position: fixed;bottom: 20%;right: 20px;z-index: 12;}
#wpp-fix .wpp-link {background: #25D366; display: flex; z-index: 2; position: relative; padding: 15px; border: none; cursor: pointer;  border-radius: 50%; box-shadow: 0px 3px 10px rgba(37, 211, 102, 0.56); -webkit-transform: scale(1); transform: scale(1); }
#wpp-fix .wpp-link:hover {-webkit-transform: scale(1.05);  transform: scale(1.05); background: #1da851; }
#wpp-fix .wpp-link::before {background: rgba(37, 211, 102, 0.6); content: ""; width: 100%; height: 100%; position: absolute; border-radius: 50%; z-index: -1; top: 0px; right: 0; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; }
#wpp-fix .wpp-link>i {width: 30px;font-size: 30px;color: #ffffff;text-align: center;backface-visibility: hidden;-webkit-animation: 1s wiggle ease infinite;animation: 1s wiggle ease infinite;}


/* ============================== 4. sub page css ============================== */
.sub-banner {position: relative; z-index: 1; overflow: hidden; }
.sub-banner>img {width: 100%; min-height: 156px; object-fit: cover; }
.sub-banner .banner-inner {top: 0;left: 0;z-index: 2;width: 100%;height: 100%;position: absolute;padding: 2.1% 0px;display: flex;align-items: flex-end;background-color: rgb(0 0 0 / 24%);}
.sub-banner .banner-inner h4{font-size: clamp(1.125rem, -0.7548rem + 5.2308vw, 2.1875rem);color: #FFF;line-height: 1.25;font-weight: 700;margin-bottom: 3px;letter-spacing: 0.5px;text-transform: uppercase;text-shadow: -1px 1px 24px rgb(0 0 0 / 56%);} 
.sub-banner .banner-inner .breadcrumb li, .sub-banner .banner-inner .breadcrumb li a{color: #ffffff;font-weight: 500;font-size: 16px;--bs-breadcrumb-divider-color: #d7d7d7;} 
.sub-banner .banner-inner .breadcrumb {padding: 0px 4px;} 
.sub-banner .breadcrumb li{position: relative;padding-right: 13px;margin-right: 8px;}
.sub-banner .breadcrumb li:before {content: "/";position: absolute;right: 0;padding: 0;}
.sub-banner .breadcrumb li:last-child:before{display: none; }
.sub-banner .breadcrumb li+li{padding-left: 0;}
.sub-banner.bg-2 .banner-inner{background-color: transparent; }
.sub-banner.bg-2 .banner-inner h4{text-shadow: none; }
.subpage p:last-child, .subpage li:last-child{margin-bottom: 0px !important;}

.thememodal .modal-fullscreen .modal-content{background: #f8f9fa;background-size: cover;}
.thememodal .modal-fullscreen .modal-body{display: flex;flex-wrap: wrap;align-items: center;justify-content: center; }
.thememodal .modal-wrap{width: 100%;max-width: 1240px;background: #ffffff;border-radius: 0px 48px;box-shadow: 0px 7px 32px rgb(0 0 0 / 10%);} 
.thememodal .modalpic {margin: 9px;overflow: hidden;position: relative;padding: 48px 42px;height: calc(100% - 18px);border-radius: 0px 0px 0px 40px;}
.thememodal .contactinfo{background: #efe6dd;}
.thememodal .themeform{padding: 48px 42px; }

.close-button {width: 48px;height: 48px;background: none;right: 9px;top: 9px;z-index:2;position: absolute;text-indent: -9999px;box-shadow: none !important;}
.close-button:before, .close-button:after {content: '';width: 55%;height: 2px;background: #000;position: absolute;top: 48%;left: 22%;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.close-button:after {-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.close-button:hover:before, .close-button:hover:after {-webkit-transform: rotate(180deg);transform: rotate(180deg);}

.activities-top {z-index: 1;overflow: clip;}
.activities-top .title>p{font-size: 20px; font-weight: 600; }
.involves p{font-size: 16px;font-weight: 600;font-style: italic;color: #3c487b;max-width: 732px;letter-spacing: 0.2px;}

.themeaccordion .accordion-button{font-size: 18px;font-weight: 600;color: #3c487b;box-shadow: none;border-color: #C4C3C1;padding: 18px 12px;background-color: transparent;transition: all 250ms linear;}
.themeaccordion .accordion-button:not(.collapsed){padding: 18px 12px 1px;}
.themeaccordion .accordion-button::after{width: 0px;opacity: 0;margin-right: -20px;color: #3c487b;border-radius: 50%;background-size: 14px;--bs-accordion-btn-icon-width: 42px;background-position: 50% 54%;border: solid 1px #BCBCBC;}
.themeaccordion .accordion-body{padding: 0px 12px 24px;}
.themeaccordion>h4{font-size: 20px;font-weight: 600;color: #444444;margin-top: 21px;margin-bottom: 0;line-height: 150%;}

.themeform .form-control, .themeform .form-select{border: solid 1px #d3d3d3;height: 56px;font-weight: 500;border-radius: 3px;}
.themeform textarea.form-control{resize: none;height: 148px;}
.themeform .form-floating>label {color: #616161;font-size: 16px;font-weight: 500;}
.themeform .form-select{padding-top: 23px;box-shadow: none !important;}
.thememap {position: relative;width: 100%;z-index: 1;background: #3c487b;padding: 12px 12px 0px 11px;border-bottom: solid 2px #ffffff;border-radius: 14px 14px 0px 0px;}
.thememap .ratio{border-radius: 12px 12px 0px 0px;overflow: hidden;max-height: 564px;min-width: 280px;/* -webkit-filter: grayscale(100%); *//* filter: grayscale(100%); */}

.fcrabox{gap: 21px;padding: 21px;display: flex;align-items: center;border-radius: 4px;background: #ffffff;border: 1px solid #f0f0ff;box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .032);}
.fcrabox>img{width: 100%;max-width: 62px;padding: 7px 22px 7px 0px;border-right: solid 1px #DCDCDC;}
.fcrabox>h5{font-size: 20px;font-weight: 600;color: #3c487b;line-height: 1.3;margin-bottom: 0px;}
.fcrabox:hover>h5{color: #394b81;}

.contact .themeform {position: relative;border-radius: 14px;padding: 32px 42px;background: #ffffff;box-shadow: 0 9px 18px -5px rgb(0 0 0 / 5%);}
.contactbox {padding: 42px;background: #FCF4D0;border-radius: 24px;border: solid 1px #e6e8ef;backdrop-filter: blur(12px);background: rgb(241 242 246 / 68%);}
.continfo+.continfo{margin-top: 24px;padding-top: 24px;border-top: solid 1px #e1e1eb;}
.continfo h5{color: #97958c;font-size: 16px;font-weight: 500;margin: 7px 0px;letter-spacing: 1px;}
.continfo p{font-size: 18px;font-weight: 600;}
.continfo p>a{display: inline-block; }
.g-recaptcha {-webkit-transform: scale(0.87); transform: scale(0.87); transform-origin: center left; max-height: 72px; }
.themebtn.solidbtn{padding: 14px 29px;background: #3c487b;color: #ffffff;border-radius: 4px;}
.themebtn.solidbtn:hover{border-color: #2f2482;}
.themebtn.solidbtn:hover::after{background: #2f2482; }

.aboutpics{z-index: 1; overflow: hidden; }
.aboutpics .themepic.d-none {width: 42vw;float: left;clear: both;max-height: 648px;background: #3c487b;border-top-right-radius: 24px;margin: calc(-1 * var(--section-py)) 0px;}
.registered{z-index: 2;display: flex;flex-direction: column;align-items: center;justify-content: center;position: absolute;aspect-ratio: 1/1;border-radius: 50%;background: #3c487b;padding: calc(+1.8 * var(--title-mb));bottom: calc(-.8 * var(--section-py));color: #c5c5c5;font-size: 17px;font-weight: 500;border: solid 7px #fff;}
.registered strong{color: #ffffff;display: block;font-size: var(--title-font-size);font-weight: 700;line-height: 1.2;letter-spacing: 1px;} 

.activity {z-index: 1;overflow: clip;}
.activity .themepic.d-none {width: 40vw;float: left;clear: both;max-height: 640px;position: sticky;top: 24px;}

.organiztext h4{font-size: 20px;font-weight: 600;color: #444444;margin-bottom: 1rem;line-height: 150%;}
.organization .themepic{position: sticky;top: 9px;}
/* .left-mask{-webkit-mask-image:url(../sub-images/left-mask.png);-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;border-radius:30px 30px 30px 30px} */

.members h2 {max-width: 1071px; margin-left: auto; margin-right: auto;}
.memberlogo{width: 100%;height: 100%;padding: 21px 16px;display: flex;align-items: center;justify-content: center;background: #ffffff;box-shadow: 0px 4px 12px rgb(0 0 0 / 10%);}
.memberlogo>img{object-fit: contain;height: 98px;width: 100%;}
.memberSwiper{margin-top: calc(.65 * var(--section-py));-webkit-filter: drop-shadow(0px 4px 12px rgb(0 0 0 / 10%));filter: drop-shadow(0px 4px 12px rgb(0 0 0 / 10%));}
.memberSwiper .swiper-slide .memberlogo{box-shadow: none; }
.memberSwiper .swiper-slide{height: auto; }

.listplus li{margin: 7px 0px;line-height: 158%;position: relative;padding-left: 21px;}
.listplus li::before{content: "+";position: absolute;top: -2px;left: 1px;color: #394b81;font-size: 116%;font-weight: 400;}

.slidenav{right: 7%;bottom: 11%;display: flex;column-gap: 8px;position: absolute;align-items: center;-webkit-transition: all 250ms linear;transition: all 250ms linear;}
.slidenav>div{left: 0;right: 0;width: 60px;height: auto;color: #ffffff;opacity: 0.7;aspect-ratio: 1/1;border-radius: 50%;position: relative;border: solid 2px #ffff;--swiper-navigation-size: 24px;}
.slidenav>div:hover{opacity: 1; }

.errorbox h1{line-height: 1em;font-weight: 700;color: #394b81;text-shadow: 4px 4px 0px rgb(47 36 130 / 15%);font-size: clamp(8.25rem, 4.4634rem + 10.5366vw, 15rem);position: relative;}
.errorbox h1>img{top: 54%;left: 50%;width: clamp(5rem, 3.75rem + 6.25vw, 10rem);position: absolute;transform: translate(-50%, -50%);}
.errorbox h1 span{opacity: 0;pointer-events: none;}
.thankbox {margin: auto;max-width: 905px;position: relative;padding: 42px;border-radius: 24px;border: solid 1px #ede9d5;backdrop-filter: blur(12px);background: rgb(252 244 208 / 56%);}
.thankbox::after{mix-blend-mode: multiply; opacity: 0.5; background-position: top center; }
.thank-icon {position: relative; max-width: 154px; margin: 32px auto; }

.ppolicy p+.listplus{margin-top: -8px; }
.ppolicy .listplus.coninfo li{padding-left: 0; }
.ppolicy .listplus.coninfo li::before{display: none; }
.ppolicy p a, .ppolicy li a {color: #3c487b; }
.ppolicy p a:hover, .ppolicy li a:hover {color: #2f2482; }

.themebdritems {margin-bottom: 18px;}
.themebdritems h5{font-size: 20px;font-weight: 600;color: #3c487b;}
.themebdritems h4{font-size: 20px;font-weight: 600;color: #444444;margin-top: 24px;margin-bottom: 14px;line-height: 150%;}
.themebdritems .themebdritem{padding: 0px 12px 20px;margin-bottom: 20px;border-bottom: solid 1px #dee2e6;}
.themebdritems .themebdritem:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
.themebdritems+p{padding-top: 16px;border-top: solid 1px #dee2e6;}
.themebdritems:last-child { margin-bottom: 0; }
.mtn-7{margin-top: -7px; }

.latestcard{height: 100%; box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);border: none; }
.latestcard .card-body h5{font-size: 19px;font-weight: 600;color: #444444;line-height: 140%;margin-bottom: 12px;white-space: pre-line;}
.latestcard .card-body ul{display: flex;flex-wrap: wrap;column-gap: 8px;margin-bottom: 12px;}
.latestcard .card-body li{font-size: 15px;font-weight: 500;color: #616161;line-height: 18px;padding-right: 8px;border-right: solid 1px #dee2e6;}
.latestcard .card-body li i{top: -1px;font-size: 14px;margin-right: 4px;color: #3c487b;position: relative;}
.latestcard .card-body li strong{font-weight: 600;color: #444444;font-size: 100%;}
.latestcard .card-body li:last-child{padding-right: 0;border-right: none;}
.latestSwiper{-webkit-filter: drop-shadow(0px 3px 6px rgb(0 0 0 / 16%));filter: drop-shadow(0px 3px 6px rgb(0 0 0 / 16%));}
.latestSwiper .latestcard{box-shadow: none;border: none; }
.latestSwiper .swiper-slide{height: auto; }

.readbtn{text-align: center;display:inline-block;border: 0;background: transparent;color: #3c487b;font-size: 16px;font-weight: 600;position: relative;transition: .3s;}
.readbtn::after{content: '\00bb';position: absolute;width: 0;font-family: font-awesome;color: #3c487b;opacity: 0;overflow: hidden;transition: .3s ease;}  
.readbtn:hover{padding: 0 5px;border-bottom: 0;   }
.readbtn:hover::after{opacity: 1;width: 20px;}

.thumbnail{position: relative;overflow: hidden;margin-bottom: 24px;border-radius: 0px 12px 12px 12px;}
.thumbnail>img{width: 100%;height: auto;object-fit: cover;aspect-ratio: 5/3;}
.postdate{top: 0px;left: 0px;font-size: 15px;font-weight: 600;color: #757575;position: absolute;background: #ffffff;padding: 9px 14px 12px;border-radius: 0px 0px 12px 0px;box-shadow: 7px 5px 24px rgb(0 0 0 / 25%);}
.postdate>i{margin-right: 3px;color: #3c487b;position: relative;}

.widget{top: 32px;padding: 40px 30px;background-color: #f1f5f9;margin-bottom: 30px;position: sticky;border-radius: 10px;}
.widget h3{color: #212529;font-size: 23px;font-weight: 700;}
.widget-area{ position: relative; height: 100%; }
.widget:last-child{margin-bottom: 0; }

.theme-recent-post-item{display:flex;justify-content:flex-start;align-items:center;gap:20px;margin-bottom: 24px;padding-bottom: 25px;border-bottom: solid 1px #d9e1e9;}
.theme-recent-post-item .thumb{position: relative;overflow: hidden;flex-shrink: 0;border-radius:5px;}
.theme-recent-post-item .thumb img{width: 78px;height: 78px;object-fit:cover;display: block;}
.theme-recent-post-item .time{position:relative;padding-left: 18px;display:block;font-size: 14px;font-weight: 500;color:#757575}
.theme-recent-post-item .time:before{content:"\f073";font-family:'Font Awesome 6 Free';position:absolute;top: 0px;left:0;color: #324e9b;font-size: 97%;}
.theme-recent-post-item h6{font-size: 16px;font-weight: 600;line-height: 138%;color: #424242;margin: 5px 0px 0px;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.theme-recent-post-item h6 a{color: currentColor;text-decoration: none;background-image: -webkit-gradient(linear, left top, right top, from(#444), to(#444));background-image: linear-gradient(90deg, #444, #444);background-position: right bottom;background-size: 0 1px;background-repeat: no-repeat;-webkit-transition: background-size 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);transition: background-size 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);}
.theme-recent-post-item h6:hover a{background-size: 100% 1px;background-position: left bottom;-webkit-transition: background-size 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition: background-size 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}
.theme-recent-post-item:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}

.imagecontent::after{display: block; clear: both; content: ""; }
.imagecontent img{width: 100%;height: auto;border-radius: 8px;aspect-ratio: 3/2;object-fit: cover;}


.themebdritems_img {
   max-width: 600px;
   margin-bottom: 25px;
   padding-top: 15px;
}