/*
Theme Name:  Blessings Images
Version: 2.0
Author: Aesthetic UI
Description: A theme by The Aesthetic UI
*/

*, *:before, *:after{padding: 0; margin: 0}

:root {
  /* Color Variables: */
--primarycolor:#000000;
--secondarycolor:#f32a3d;
--tertiarycolor:#08365B;
--fourthcolor:#FF5771;
--light-shade:#FFF9EF;	
--gradient: linear-gradient(90deg, var(--secondarycolor), #FDAF9D);
--gradient2: linear-gradient(90deg, #6384F7, #8379D7, #A96FBA, #ED5C80, #F32A3D );
  /* Font Variables: */
--primaryfont:"Poppins", sans-serif;
--secondaryfont:"Poppins", sans-serif;
}

body{font-family: var(--secondaryfont); color: #505050; font-size:16px; font-weight: 400; line-height: 1.8; }

a {color:var(--primarycolor);text-decoration: none !important;transition:0.8s;transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.6s ease;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;}
a:hover {transition:0.8s;text-decoration: none;color: var(--secondarycolor);}
a img {border: none;}

h1,h2,h3,h4,h5,h6 {margin: 0 0 0.6rem 0;color: #000;line-height: 1.3;font-family: var(--primaryfont);font-weight: 600;}
h1 {font-size: 56px;}
.home h2 {font-size: 30px;text-transform: capitalize;font-weight: 600;color: var(--tertiarycolor);}
h2{font-size:35px;}
h3 {font-size: 25px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

.inner {width: 1200px;margin: 0 auto;max-width: 100%;}
.overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #5C2AB5CF;}

.mobile-search{ display:flex;  justify-content: center;align-items: center;}
.mobile-search label{width: 27.3rem;max-width: 100%;}
.mobile-search button{ cursor:pointer;border-radius: 0px 5px 5px 0px;margin-left:-2.5rem;transition:0.5s ease;  border:none; color: #fff;font-size: 14px;background: var(--gradient);border-radius: 50%;width: 37px;height: 37px;display: flex;align-items: center;justify-content: center;}
.mobile-search button img{width: 20px; transition:0.5s ease; }
.mobile-search button:hover img{transform: scale(1.09)}
.mobile-search input{width:100%;border:none;border-radius: 51px;font-size:16px;padding: 14px 15px; box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 0px 1px;}
.mobile-search input:focus{border: none; outline: none; }


.line{display: table; width: 100px; height: 4px; background: var(--secondarycolor); margin: 0.5rem 0 1.5rem}

.menu-bar {text-align: left;width: 30px;}
.menu-bar span {height:2px;background:var(--tertiarycolor);display:block;margin-bottom:6px}
.menu-bar span:nth-child(1) {width:17px}
.menu-bar span:nth-child(2) {width:30px}
.menu-bar span:nth-child(3) {width:15px;margin-left:auto;margin-bottom:0}

.subheading{font-size: 32px; font-weight:  600; }

.line{background: var(--gradient2); width: 367px; height: 5px; display: table; margin: 1.5rem auto 2rem;}

#hero-section{padding: 7rem 20px 7.5rem; position:relative;z-index:1;overflow:hidden;}
#hero-section:before{content:""; position: absolute;z-index: -1; background:url(https://blessingsimages.com/wp-content/uploads/2025/06/Slider-compressed.jpg) no-repeat; top: 0; left: 0; right: 00%; bottom:-40%;height: 130%; animation:updown 10000ms linear infinite; background-size:cover; }
@keyframes updown{
  50%{transform: translateY(-22%); }
}

#hero-section:after{content:""; position: absolute;z-index: -1; top: 0; left: 0; bottom: 0; right: 0; background: #000000cf;}
#hero-section .text-box{width: 72rem; margin: 0 auto; text-align:center;max-width: 100%;}
#hero-section .facebook-line{display: flex;align-items: center; justify-content: center; gap: 1.3rem; -webkit-gap: 1.3rem; margin:2rem auto 3.5rem;overflow:hidden; font-weight:600; color: #fff;font-size: 18px;width: fit-content;background: #0573E7;text-transform: uppercase;border-radius: 15px;padding-right: 1.2rem;}
#hero-section .facebook-line .icon{width: 56px; height: 50px; background: #fff; display:flex; align-items:center; justify-content:center;}
#hero-section .facebook-line:hover{filter:  brightness(1.4); }
#hero-section .facebook-line img{width: 60%; }
#hero-section #search-form label{width: 30rem}
#hero-section #search-form{margin-bottom: 1.4rem}
#hero-section .subheading{color: #FDFB6D;}
#hero-section h1{color: #fff;width: 61rem;margin: 0 auto;max-width: 100%;}
#hero-section p{color: #fff}

.gray-box{background: #f1f1f1}
.page-id-95 .gray-box{background: #fff}
.relative-wrap{position:relative; z-index:1}

.adv-h2{position: relative;padding-bottom: 16px; margin-bottom:2.5rem;}
.adv-h2:before{content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1.7px; background: var(--gradient2); }

#about-box{border-radius: 20px;display: grid;grid-template-columns: 32% auto;align-items: center;gap: 3rem; -webkit-gap: 3rem; margin-bottom: 2rem;}
#about-box .image{border-radius: 50%; overflow: hidden; border: 1px solid #ccc; padding: 0.5rem}
#about-box .image img{border-radius: 50%;}
#about-box .founder-box{display: flex; align-items: center; gap:1.5rem; -webkit-gap:1.5rem; }
#about-box .founder-box p, #about-box .founder-box h2{margin-bottom: 0; margin-top: 0;}
#about-box p{font-size: 16px; margin-bottom: 1.2rem;}
#about-box h2{color:#000; font-size:23px; margin-bottom:1.4rem;padding-bottom: 0;}
#about-box h2:before{display: none}
#about-box .box{background: #fff; border: 1px solid #ccc; padding: 5px 30px; font-size:16px !important;}
#about-box  .content p:last-child{margin-bottom: 0 !important;}
#about-box .about-icons{justify-content: start; margin-bottom: 2rem;width:fit-content; }


.primary-btn{display: table; background: #6700FF; color: #fff; padding: 7px 30px;border-radius: 12px;font-size: 17px;font-weight: 600;}
.primary-btn:hover{background: var(--secondarycolor); color: #fff;}


.white-box{background: #fff; padding: 2rem; border-radius:15px}

.page-typography{padding: 2.5rem 12px }
.page-typography P{margin-bottom: 1.5rem}
.page-typography  p+ul{margin-top: -12px;}
.page-typography h2{font-size: 30px;   line-height: 1.4; position: relative; padding-bottom:1rem;font-weight: 600;margin-bottom: 1.6rem;text-transform: capitalize;}
.page-typography h2:before{content:""; position: absolute; bottom: 0 ; left: 0; width: 102px; height: 4px; background:#6700FF;  }
.page-typography  ul{list-style: none;}
.page-typography  h3{border-bottom: 1px dashed #ccc; padding: 0 0 0.8rem; margin-bottom: 1.5rem }

.social-btn{display: flex;  align-items: center; margin-bottom:0;margin-top: 0 !important;gap: 0.7rem; -webkit-gap: 0.7rem; -moz-gap: 0.7rem;}
.social-btn li{width: 40px ; height: 40px; border:1px solid #ccc; border-radius:50%; padding:0.5rem; transition:0.5s ease }
.social-btn li:hover{background-color: #fff;}

.list li {list-style :none;padding: 0 0px 10px 1.5rem;list-style-position: inside;
align-items: baseline;position:relative;}
.list li:before{color:var(--secondarycolor);content: "\f101";font-family:'Font Awesome 5 Free';font-weight:900 ; margin-right:0.6rem; position:absolute;left:0rem;top:2px; font-size:15px }

#latest-posts{margin: 4rem 10px; }
#latest-posts .image{border-radius: 20px; overflow: hidden}
.slider-btn{position: absolute; top: 0px; right: 0;display: flex; align-items: center ; justify-content: center; gap: 0.8rem; -webkit-gap: 0.8rem;
	-moz-gap: 0.8rem; }
.slider-btn .btn{width: 39px; height: 39px; padding: 0.7rem; border-radius: 50%; border: 1px solid #151515;cursor: pointer;}
.slider-btn #next-btn{transform: scaleX(-1)}
.slider-btn .btn:hover{background: var(--light-shade);} 


.slider-posts{border-radius: 5px}

#category-section, #post-section1, #post-section2{margin-bottom: 4rem;}
#post-section1.rev{margin-bottom: 0; padding-bottom: 4.5rem;}
#category-section .inner{background: #fff; padding:3.5rem 3rem; border-radius:15px;max-width: 95%;}
#category-section  .row{gap:3rem; -webkit-gap:3rem; -moz-gap:3rem; }
.category-items{flex: 1 0 200px;}
.category-items .image{position: relative;}
.category-items .image{border-radius: 50%; overflow: hidden;background: var(--gradient2); margin-bottom: 16px;}
.category-items .image img{border-radius: 50%; transform:scale(0.985); padding:5px; background:#fff;}
.category-items  .post-title{text-align: center; font-weight: 500; color: #5B75B6;font-size: 18px;}

.highlighted-h2{text-align:center; color: #fff !important;   background: #6700ff;font-size: 20px !important;padding: 12px;border-radius: 20px;font-weight: 500 !important;}
#post-section1 .grid{display: grid; grid-template-columns: 32% auto; gap: 3.5rem;  -webkit-gap: 3.5rem; -moz-gap: 3.5rem;}
#post-section1.rev {margin-top:5rem}
#post-section1.rev .grid{grid-template-columns: auto 32%; gap: 3.5rem; -webkit-gap: 3.5rem; -moz-gap: 3.5rem; } 

#post-section1 .right-posts .row{gap:2rem; -webkit-gap:2rem; -moz-gap:2rem;}
.post-items1{flex: 1 0 330px; background:#fff; padding:1.2rem 1.2rem 1.4rem; border-radius:15px; border-bottom: 4px solid #FDB247;max-width: 485px;}
.post-items1 .image img{border-radius: 18px}
.post-items1 .info-bar{display: flex; align-items: center; gap: 1rem; -webkit-gap: 1rem;  font-size: 15px; margin-bottom:15px;  color:#505050;  border-bottom: 1px solid #ccc; padding-bottom:1.5rem}
.post-items1 .author{display: flex;align-items: center;gap: 1rem; -webkit-gap: 1rem; }
.post-items1 .author p{margin-bottom: 0 !important;}
.post-items1 .author img{width: 40px !important;border-radius: 50%;}
.post-items1 .date{border-left: 3px solid  #606060; padding-left:1rem; line-height:1; margin-bottom: 0;}
.post-items1 .post-title{font-size: 20px;  line-height:1.5; margin-bottom: 15px;text-decoration: 1px underline transparent !important;}
.post-items1 .share-btns{display: flex; justify-content: center;align-items: center; padding-top:0.4rem}
.post-items1 .content{padding-top: 1.4rem;}
.post-items1:nth-child(2n){border-color:  #8161F3; }
.post-items1:nth-child(3n){border-color:  #25BDA6;}

.post-title{transition: 0.2s ease-in; color: #000}
.post-title:hover{color: var(--secondarycolor) !important;text-decoration: 1px underline var(--secondarycolor) !important;}

#side-bar1{background: #fff; padding: 2rem 1.5rem; border-radius:10px;border-bottom: 4px solid #25BDA8;}
.post-items2 a{display: flex; align-items:center; gap:1.5rem; -webkit-gap:1.5rem; }
.post-items2 .image{width: 100px; min-width: 100px; border-radius: 10px; overflow: hidden; }
.post-items2 .content{padding: 1.5rem 0;border-bottom: 1px solid #ccc;}
.post-items2:last-child .content{border-bottom: 0; padding-bottom: 0}
.post-items2 .post-title{font-weight: 500; font-size: 17px; line-height:1.5; margin-bottom:0.5rem;}
.post-items2 .date{color: #606060 !important;}

.header-title{margin-bottom: 2.5rem; display:flex; align-items: center; gap: 1.8rem;  -webkit- gap: 1.8rem;  -moz- gap: 1.8rem; }
.relative-wrap .header-title{width:calc(100% - 157px);}
.header-title:after{content:""; display: flex; width: 100%; border-top: 1px solid #BBCAFA; border-bottom: 1px solid #F8C2CE ; height: 4px ;}
.header-title span{width: max-content; min-width: max-content}

.post-row{gap:3.5rem 2.2rem; -webkit-gap:3.5rem 2.2rem; -moz-gap:3.5rem 2.2rem}
.normal-btn{color: var(--secondarycolor); font-size: 20px;}

.relative-wrap .normal-btn{position: absolute; top:2px; right: 0;}

#post-section3{margin:4rem 0; background:#fff; padding:2.8rem 2rem;border-radius: 10px;}
#post-section3 .highlighted-h2{margin-bottom: 2.4rem; width:fit-content; padding:16px 80px}
#post-section3 .row{gap:2rem 3rem; -webkit-gap:2rem 3rem; -moz-gap:2rem 3rem}
.post-items3 {flex: 1 0 300px; border-bottom: 1px solid #ccc; padding-bottom: 1.3rem;max-width: 363px;}
.post-items3 a{display: flex; align-items:center; gap:1.5rem; -webkit-gap:1.5rem; }
.post-items3 .image{width: 100px; min-width: 100px; border-radius: 10px; overflow: hidden; }
.post-items3:last-child .content{border-bottom: 0; padding-bottom: 0}
.post-items3 .post-title{font-weight: 500; font-size: 17px; line-height:1.5; margin-bottom:0.5rem;}
.post-items3 .date{color: #606060 !important;}

.more-btn{display: table; padding: 10px 30px;margin: 1.5rem 0 0 ; border-radius: 50px; background: var(--tertiarycolor); color: #fff; text-transform: uppercase;}
.more-btn:after{content:"\f054"; font-family: "Font Awesome 5 Free"; margin-left: 10px; font-weight: 900;}

.page-template-FullWidthTemplate #pagetitle h1 {font-weight: 600;font-size: 35px;}
#pagetitle {padding:2.2rem 0;width: 100%;text-align: center;color:#fff;background-size:cover;width: 100%;position: relative;background: #E9E9E9;}

.page-id-95 #pagetitle{padding: 3rem 0; }
.page-id-95 #pagetitle:before{display: none}

#pagetitle h1 {color:var(--secondarycolor);text-align: center;font-weight: 600;font-size: 32px;margin-bottom: 6px;}
#pagetitle p {text-align: center;font-size: 20px;}
#pagetitle :where( p , .breadcrumb  , .breadcrumb a ){color: #252525;}
.breadcrumb {list-style: none;border-radius: 4px;max-width: 100%;float: none;font-size: 16px;text-transform: uppercase;font-weight: 300;}
.breadcrumb a:hover{color:var(--tertiarycolor);}
.breadcrumb>li {display: inline-block;}
.breadcrumb>li+li:before {content: "\f101";padding: 0 5px;color: #fff;font-family:'Font Awesome 5 Free';font-weight:900}


.post-typography , .blog-typography{padding: 3.4rem 5px;}
.post-typography :where(h1, h2 ,h3 , h4 , h5){margin-bottom: 0.5rem}
.post-typography .uline{border-bottom:1px dashed #ccc; padding:5px 0;}
.post-typography .post-content > h2{margin-top:0.5rem;display: table;position:relative;padding-bottom: 18px ;margin-bottom:2.3rem; line-height:40px;}
.post-typography .post-content > h2:after{content:""; position:absolute; bottom:0; left: 0; width: 170px ;max-width: 40%; height: 3px ; background: var(--secondarycolor)}
.post-typography p ,  .blog-typography p{margin-bottom: 1.5rem}
.post-typography p+u,  .blog-typography p+u{margin-top: -11px;}
.post-typography ul,  .blog-typography ul{margin: 0.8rem 0 1.4rem;}
.post-typography img,  .blog-typography img{max-width: 100%;height: auto;}
.post-typography p:last-child{margin-bottom: 0}

#related-post{padding-bottom: 4rem}
#related-post h2{font-size: 30px; position:relative; padding-bottom: 1.1rem; margin-bottom:1.9rem; }
#related-post h2:before{content: "";  bottom:0; left:0 ;right:0; width:140px; height:2px; position: absolute;background: var(--gradient2);}
#related-post .row{gap:2rem; -webkit-gap:2rem; -moz-gap:2rem; }
#related-post  .post-items3{background: #fff;max-width: 100%;padding: 16px;border-radius: 16px;border-bottom: 4px solid #FFA31E;max-width: 400px;}
#related-post  .post-items3:nth-child(2n){border-color:#8161F3 }
#related-post  .post-items3:nth-child(3n){border-color:#26BCA6 }
#related-post  .post-items3 span{width: 25px !important; height: 25px !important;}
#related-post  .post-items3 span svg{width: 20px !important; margin-top:3px} 
#related-post .share-btns{ border-top:1px solid #999; margin-top: 1.2rem; padding-top: 1rem;}

.wp-caption{position: relative;overflow: hidden;max-width: 100%; border-radius: 20px; text-align: center;margin-bottom:2rem; display:flex;flex-direction:column; align-items:center;background: #fffade;box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;}
.wp-caption img{border-radius: 20px;box-shadow: 0 0 10px #fff;}
.wp-caption .btn-primary {position: absolute;cursor: pointer;opacity:0;z-index: 99;transform: translate(100px, 0);transition:0.5s ease; width: 45px; background:#fff;border-radius:50%;right:20px; padding:12px;box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;}
.wp-caption .btn-primary{top:30px;}
.wp-caption:hover .btn-primary{opacity: 1;transform: translate(0, 0);}
.wp-caption .btn-primary:hover {transform: scale(1.08)}
.wp-caption .wp-caption-text{margin-bottom: 0; padding:0.8rem 0; font-size:19px; font-weight:500}

.about-box{padding: 35px 35px; margin-bottom: 3rem; text-align: center;  border-radius: 15px;background: #ffff;border-bottom: 5px solid #FEBF66;}
.about-box .image{border-radius: 50%; overflow: hidden; width: 170px; margin: 0 auto 1.3rem}
.about-icons{display: flex; justify-content: center; align-items: center; gap: 0.8rem; -webkit-gap: 0.8rem; margin-top: 1rem;  }
.about-icons a{width: 27px; transition:0.2s linear; }
.about-icons a:hover{transform: scale(1.1)}
.normal-btn{text-align: center; display: table; width: fit-content; margin: 0rem auto 0; font-size: 18px; font-weight: 500}

.side-items{background:#fff;  padding: 30px 35px 30px; margin-bottom: 2rem;border-radius: 15px;border-bottom: 5px solid #8161F3;}
.side-bar h2{margin-bottom: 1.4rem}
.side-li{width: 100%; position: relative; padding: 10px 0; border-bottom: 1px solid #999;}
.side-li a{margin-bottom: 0 !important; font-size: 17px;position: relative;display: flex;transition: 0.5s ease;}
.side-li:hover > a{transform:translateX(1rem); color: var(--secondarycolor) }
.side-li:last-child{border-bottom: 0 !important;}

.side-li.menu-item-has-children:after{content: "\f067"; font-family: 'Font Awesome 5 Free';font-weight: 900; position:absolute; top:10px; right:0;z-index: 0;}
.side-li.menu-item-has-children.active:after{content: "\f068";}
.side-li.menu-item-has-children .dropdown{max-height: 0px; overflow: hidden; margin-bottom: 0;margin-top: 0 !important; transition:0.5s ease; list-style:none}
.side-li.menu-item-has-children.active .dropdown{max-height: 600px; background: #f1f1f1;margin-top: 1rem !important;;  padding:0 1.5rem;  border-radius: 10px; list-style: none;}
.side-li.menu-item-has-children .dropdown li{border-bottom: 1px solid #e5e5e5; padding: 0.7rem 0}
.side-li.menu-item-has-children .dropdown li:hover a{color: var(--secondarycolor) !important; }
.side-li.menu-item-has-children .dropdown li:last-child{border-bottom: 0}
.side-li.menu-item-has-children > a{z-index: 9; position: relative; }

p:empty{display: none; position: absolute}

#single-post .grid{display: grid; grid-template-columns: 62% auto;gap:3.5rem; -webkit-gap:3.5rem; -moz-gap:3.5rem;}
#page-sidebar {padding: 4rem 15px;}
#single-post .post-content{background: #fff; padding: 2.3rem 2rem;  border-radius:20px }
#single-post .post-content h1{font-size: 32px; border-bottom: 1px solid #999999; padding-bottom:0.9rem; margin-bottom:1.5rem;line-height: 1.3;}
#single-post .post-content p{color: #202020; font-size:17px}
#single-post .quotes{background:#F6F5FA; border-left: 3px solid var(--fourthcolor); border-radius: 10px; position: relative; padding:25px; display: flex; flex-direction: column; gap: 15px; -webkit-gap: 15px; -moz-gap: 15px; margin-bottom: 2.2rem;}
#single-post .quotes:before{content: ""; height: 35px; width: 35px ; background: url(https://blessingsimages.com/wp-content/uploads/2025/06/quote-icon.png) no-repeat center; background-size: cover;  }
#single-post .quotes .copy{position: absolute; right: 10px; top: 5px}
#single-post .quotes:hover .copy{opacity: 1}
#single-post .post-content p+h2{margin-top:2.2rem}
#single-post .post-content h2{font-size: 29px; position:relative; padding-bottom:13px; margin-bottom:1.2rem;}
#single-post .post-content h2:before{content: ""; bottom: 0 ; left: 0; right: 0; width: 100px; height: 3px; background: var(--fourthcolor);position: absolute;}
#single-post .post-content h3{color: var(--secondarycolor)}
#single-post .post-share-btns{border-top: 1px solid #999;  padding-top:1.4rem; display:flex;  flex-direction:column; align-items:center;}
#single-post .post-share-btns p{ margin-bottom: 12px; font-weight:500; font-size:18px; color:#FE8A9C;}

#single-post blockquote a{color: #6D60C9;}
#single-post blockquote a:hover{color: var(--secondarycolor);}

.post-share-btns .addtoany_list a{padding: 0 10px !important;}
.url-section{ display:flex;  justify-content: center;align-items: center; margin-top:1.4rem;}
.url-section label{width: 28rem;max-width: 100%;}
.url-section button{ cursor:pointer;border-radius: 0px 5px 5px 0px;margin-left:-2.5rem;transition:0.5s ease;  border:none; color: #fff;font-size: 14px;border-radius: 50%;width: 37px;height: 37px;display: flex;align-items: center;justify-content: center;background: transparent;background: #fff;}
.url-section button img{width: 26px; transition:0.5s ease; }
.url-section button:hover img{transform: scale(1.09)}
.url-section input{width:100%;border:none;border-radius: 15px;font-size:16px;padding: 14px 15px; box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 0px 1px;color: #707070;}
.url-section input:focus{border: none; outline: none; }

.copy{margin-top:0.5rem;display: flex; align-items: center; width: fit-content;border: 1px solid #e7e7e7; opacity:0; background: #fff; font-size: 14px;padding: 8px 10px;float: right;border-radius: 10px;text-transform: capitalize;color: #202020;cursor: pointer;transition:0.5s ease;position: relative;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;}
.copy > input:nth-child(1)[disabled]{color: #000;border: none;background:transparent; overflow: hidden; width: 0px; margin-right:0.0rem;transition: 0.2s ease-in-out}
.copy:hover input:nth-child(1)[disabled]{width: 36px;margin-right:0.4rem;}
.copy img{width: 20px;}
.copy .copy-status{color: #000; font-size: 12px; padding: 5px 5px;border-radius: 10px;position: absolute; top:-30%;opacity:0;transform: scalex(0);z-index: 0; background: #fff;box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;transition: 0.2s ease;width: 50px;border: none;text-align: center;font-size: 14px;width: 80px;right: 5px;}


#tablecontent{background:#f1f1f1;border-radius:10px;margin-bottom:1.5rem;font-size:1.1rem;overflow: hidden;display: flex;flex-direction: column;  transition:0.5s ease}
#tablecontent, #tablecontent *{ transition:0.5s ease}
#tablecontent #show{cursor: pointer;text-align: center;display: flex;align-items: center; color: #fff;background: var(--fourthcolor);justify-content: space-between;padding: 0.7rem 22px;border-radius: 10px;font-weight: 500;font-size: 20px;}
#tablecontent .menu{max-height: 0;opacity: 0; transition:0.5s ease}
#tablecontent.active .menu{max-height: 7000px; overflow: hidden; transition: max-height 0.5s ease-out, opacity 0.5s ease-out;opacity: 1;}
#tablecontent.active i{transform: rotate(180deg);}
.fa-chevron-down::before {content: "\f078";}

#tablecontent ul{margin-left:1.2rem;margin-top: 1.3rem; padding: 0 1.5rem;}
#tablecontent li{list-style-type:decimal;border-bottom:1px dotted #999;padding:6px;}
#tablecontent li:last-child{border-bottom:0px}
#tablecontent li a{display:flex;font-size: 17px;}
#tablecontent li:hover a{transform: translateX(1rem)}
#tablecontent .icon{width: 35px}

#contact-info{width:70rem; margin:0 auto 0; max-width:100%;}
#contact-info .row{gap:3rem 1.5rem; -webkit-gap:3rem 1.5rem;  margin-bottom:3rem ; }
.info-box{display: flex; justify-items: center;border-radius: 15px; background:#fff;  align-items: center; gap: 1.2rem; -webkit-gap: 1.2rem; flex: 1 0 200px; border:1px solid #ccc; padding:15px 20px }
.info-box .icon img{width: 60px; min-width: 60px;}
.info-box p{margin-bottom: 0}
.info-box  h3{margin-bottom: 0.2rem !important; color:var(--secondarycolor); margin-bottom:0; padding-bottom: 0 !important;border-bottom: 0 !important;}


.contact-form{display: flex; width: 48rem; margin: 0 auto; background:var(--light-shade); border-radius: 25px; padding: 1rem 1.4rem 2rem;border:1px solid #ccc;  max-width: 100%;}

#contactform{margin: 1rem 0 20px 0;line-height: 20px;}
#contactform *{font-size: 15px;color:#595966;font-family: var(--secondaryfont)}
#contactform h3{font-size:26px;text-align: center;}
#contactform i{font-size:26px;}
#contactform p{margin: 0;padding: 0 0 0px 0;line-height: 20px; margin-bottom:0 !important}
#contactform h2{font-size: 24px;margin:25px 0 15px;font-weight:bolder;border-bottom:1px solid #63C6C1;padding:0 0 8px 0;}
#contactform :where(input , select , textarea){width: 100%;padding: 10px 14px;background: #fff;border: 1px solid #ccc; margin:8px 0;transition: 0.5s ease-in-out;border-radius: 8px;-webkit-border-radius:8px;height: 45px;font-size: 15px;}
#contactform select{color:#595966;}
#contactform textarea{width: 100%;height: 125px;padding: 13px 14px;}
#contactform input:focus, #contactform textarea:focus, #contactform select:focus{outline:none;
	border: 1px solid var(--tertiarycolor);color:#000}

::-webkit-input-placeholder { /* WebKit browsers */color:#595966 !important;opacity: 1;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#595966 !important;opacity: 1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:#595966 !important;opacity: 1;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color:#595966 !important;opacity: 1;}

#contactform input.wpcf7-submit{background: var(--gradient);padding: 12px 20px !important;color: #fff;text-transform: uppercase;cursor: pointer;margin: 18px auto 0 ;display: flex;width: 200px;transition: 0.6s ease-in-out;height: 50px;-webkit-border-radius: 0rem;border: none;align-items: center;font-size: 18px;border-radius: 50px;line-height: 18px;justify-content: center;min-width: fit-content; }
#contactform input.wpcf7-submit:hover{filter: brightness(1.2);color: #fff;}
#contactform .wpcf7-spinner{display: none}


textarea, iframe{max-width: 100%;}
.wpcf7-response-output{color:#595959 !important;background:tranparent !important;border:0px !important}
#contactform .wpcf7-not-valid-tip {background: var(--secondarycolor) !important; color: #fff !important;}


.paginate{text-align: center;margin:0 auto;}
.wp-pagenavi {clear: both;padding: 2.7rem 0 0rem;display: flex;align-items: center;justify-content: center;gap: 8px; -webkit-gap: 10px;}
.wp-pagenavi a {display:inline-block;margin: 2px;border: 1px solid #ccc; border-radius: 50%; color: var(--primarycolor);background: #fff;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;}
.wp-pagenavi a:hover {color: #fff !important;background: var(--secondarycolor);}
.wp-pagenavi span.pages {padding: 0.5rem 1.2rem !important;margin: 3px;border-radius: 3px;border: 1px solid #ccc;display: none;}
.wp-pagenavi span.current {margin: 3px;font-weight: 500 !important;;border: 0px solid transparent !important; border-radius: 50%; background: var(--gradient2);color: #fff;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;}
.wp-pagenavi span.extend {padding: 15px;margin: 3px;border: 0px solid #000;color: #fff;background: #000;display: none;}
.wp-pagenavi .next-comment-page,.wp-pagenavi .previous-comment-page {padding: 12px 14px;border: 1px solid #aaa;}
.wp-pagenavi a.nextpostslink {font-weight: 500;color:#000;background: #fff;border: 0 !important;font-size: 22px;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;border: 1px solid #ccc !important;}
.wp-pagenavi a.nextpostslink:hover{background: var(--secondarycolor);border-color: transparent !important;}
.wp-pagenavi .last{display: none}
.wp-pagenavi a:hover{border-color:  transparent !important;}


#side-bar .side-item{background: #f1f1f1;border-radius:15px; overflow:hidden;position: sticky;top: 0.2rem;}
#side-bar .side-item h3{text-align: center; font-size: 25px; background: var(--secondarycolor); padding: 0.8rem;border: none;margin-bottom: 0;color: #fff;}

.side-item ul {padding: 0rem 1.5rem;}
.side-item ul li {list-style :none;padding: 8px 0px 8px 2rem;/*! display: flex; */list-style-position: inside;
align-items: baseline;position:relative; border-bottom:1px dashed #ccc; transition:0.5s ease; font-size: 17px;}
.side-item ul li:hover {transform:translatex(10px)}
#main .side-item ul li a{color: #fff ; text-transform: capitalize}
.side-item ul li:before{color:var(--tertiarycolor);content: "\f7d9";font-family:'Font Awesome 5 Free';font-weight:900 ; margin-right:0.6rem; position:absolute;left:0rem;top:11px; font-size:16px; }
.side-item ul li:last-child{padding-bottom: 0;border-bottom: 0;}

#wp-footer{background: #f1f1f1; }
#wp-footer, #wp-footer a , #wp-footer p{ color: #454545}

#wp-footer  .contact-list li{line-height:20px;display:flex;margin-bottom: 1.6rem !important; align-items: center}
#wp-footer  .contact-list li:before{font-family:'Font Awesome 5 Free';font-weight:900; width: 34px; height:34px; background: var(--tertiarycolor); color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%}
#wp-footer  .contact-list .address:before {content: "\f3c5"; margin-right: 10px;}
#wp-footer  .contact-list .phone:before {content: "\f879"; margin-right: 10px;;}
#wp-footer  .contact-list .email:before {content: "\f0e0"; margin-right: 10px;}


#rights-section{background: var(--secondarycolor);padding: 15px 0;font-size: 18px;}
#rights-section .row{justify-content: center; align-items: center}
#rights-section a , #rights-section p {color: #fff}
#rights-section a:hover{color: var(--primarycolor);}


#wp-footer #S2top { position: fixed;right: 15px;bottom: 15px;cursor: pointer;width: 40px;height: 40px;background-color: var(--light-shade);text-indent: -9999px;display: none;z-index: 99999;border: 1px solid var(--primarycolor);color: #000 !important;border-radius: 10px;}
#wp-footer #S2top span {position: absolute;top: 50%;left: 50%;margin-left: -8px;margin-top: -12px;height: 0;width: 0;border: 8px solid transparent;border-bottom-color: var(--primaryfont);}
#wp-footer #S2top:hover {background-color:var(--secondarycolor);opacity: 1;border-color: var(--secondarycolor);}
#wp-footer #S2top:hover span{border-bottom-color: #fff}


@media screen and (max-width: 981px) {
body {min-width: 230px;}
.inner {width: 100%;padding: 0%;}
img.alignleft,
img.alignright {float: none;display: block;margin: 10px auto;}
.menu-toggle{display: block;color: var(--secondarycolor);}
.site-navbar{display: none;}
	.forDsk{display:none !important; }
  .rev-row{flex-direction: column-reverse ; gap: 1.5rem; -webkit-gap: 1.5rem; -moz-gap: 1.5rem;}
  .grid{grid-template-columns: 100% !important; }
  #rights-section .row{flex-direction: column; text-align: center}

  #wp-footer .main-widget{display: flex; flex-direction: column; justify-content: center; align-items:center; text-align: center;}
  
  #latest-posts{margin: 3rem 20px; }
  .home h2{margin-bottom: 2.5rem}
  
  #post-section1, #post-section2{padding: 0 20px}
  
  .post-row{justify-content: center; gap:2rem 1.5rem; -webkit-gap:2rem 1.5rem; -moz-gap:2rem 1.5rem;}
}

@media screen and (min-width: 981px) {
.menu-toggle{display:none;}
 .forMob{display:none !important;}
.lgap{padding-left: 2rem !important;}
.rgap{padding-right: 2rem !important;}
  
  #side-bar1, .side-items{position: sticky; top: 1.2rem;}
}

@media screen and (max-width: 800px) {
.post-items{width: calc(100%/2 - 1rem) !important; }
#wp-footer .widget{flex: 1 0 250px; max-width:100%; }
}

@media screen and (min-width: 800px) {
  #wp-footer .widget{flex: 1 0 180px; max-width:100%; }
}

@media screen and (max-width: 600px) {
  .wp-pagenavi span.pages, .wp-pagenavi a , .wp-pagenavi a.nextpostslink  {padding: 0.3rem 0.6rem !important;}
  .wp-pagenavi span.current{padding:0.8rem}
  .column, .column3, .column4{column-count:1}
  #pagetitle h1{font-size: 35px;}
  #pagetitle .breadcrumb{font-size: 12px}
  h2{font-size:30px}
 
  #hero-section{padding: 3rem 10px 3.5rem; font-size: 15px;}
  #hero-section h1{font-size: 34px; margin-bottom: 1rem}
  #hero-section .subheading{font-size: 18px; margin-bottom: 0.5rem}
  .line{width: 200px; margin-bottom: 1.4rem; margin-top:1.2rem}
  #hero-section .facebook-line{margin: 1rem auto 3rem; font-size: 15px; gap:1rem; -webkit-gap:1rem; -moz-gap:1rem; padding-right:1rem; border-radius:10px;}
  #hero-section .facebook-line .icon{width: 50px; height: 45px; }

  
  .slider-btn{position: relative;  margin-top: 1.5rem}
  .category-items .post-title{font-size: 14px; line-height: 1.4}
   #category-section .inner{padding: 1.5rem 1rem;width: 91%;}
  
  h2, .home h2{font-size: 28px}
  
  #post-section1, #post-section2{padding: 0 15px;margin-bottom: 3rem;}
  
  .relative-wrap .header-title{width: 100%; gap:1rem; -webkit-gap:1rem; -moz-gap:1rem; margin-bottom: 1.3rem;}
  .relative-wrap .normal-btn{position: relative;}
  
  #side-bar1{padding: 1.5rem 1rem}
  
  .highlighted-h2{font-size: 19px !important; padding:12px 15px; margin-bottom:0.5rem !important }
  
  .post-items2 .content{padding: 1.2rem 0}
  .post-items2 .post-title{font-size: 16px}
  .post-items2 a{ gap:1.2rem; -webkit-gap:1.2rem; -moz-gap:1.2rem;  }
  .post-items2 .date{font-size: 14px}
  
  .post-items1{padding: 13px}
  
  .relative-wrap .normal-btn{margin: 1.2rem auto 0; border-bottom:2px solid var(--secondarycolor)}
  
  #post-section1.rev{margin-top:0; margin-bottom: 0}
  #rights-section{font-size: 14px}
  
  #post-section3{padding: 2rem 1rem;margin: 3rem 0;}
  #post-section3 .highlighted-h2{margin-bottom: 2rem !important;}
 
  #post-section3 .row{gap: 1.4rem; -webkit-gap: 1.4rem; -moz-gap: 1.4rem}
  .post-items3{padding-bottom: 1.2rem; border-bottom:1px solid #e5e5e5}
  
  .post-items3:last-child{border-bottom:0; padding-bottom: 0}
  .post-items3 .post-title{font-size: 16px}
  
  .wp-pagenavi{padding-top: 2rem}
  
  #pagetitle {padding:2rem 0;}
  .page-id-95 #pagetitle{padding: 2.5rem 0; margin-bottom: 1.5rem}
  #page-sidebar {padding: 2.2rem 15px 2.8rem;}
  #pagetitle h1{font-size: 26px; line-height:1.3;font-weight: 500;margin-bottom: -0.3rem;}
  #pagetitle .breadcrumb{font-size: 16px; margin-top:0.8rem}
   .post-typography , .blog-typography{padding: 3rem 15px;}
  
  #single-post .post-content{padding: 2rem 15px}
  #single-post .post-content h1{font-size: 26px; margin-bottom: 1.3rem}
  
  #tablecontent #show{font-size: 18px; padding: 8px 15px}
  #tablecontent ul{padding:0.6rem 15px 0.8rem 35px;margin: 0;}
  #tablecontent ul li{padding: 12px 5px}
  #tablecontent ul li a{font-size: 15px; line-height: 1.6}
  
  #single-post .post-content p{font-size: 16px; }
  
  #single-post .post-content h2{font-size: 28px}
  #single-post .post-content h2:before{width: 80px}
  
  .side-items{padding: 25px 20px 15px}
  
  .post-typography, .blog-typography{padding: 20px 15px 1rem;}
  
  #related-post{padding: 0 1rem 3.5rem}
  #related-post h2{font-size: 28px}
  #related-post h2:before{width: 100px}
  
  #single-post .quotes .copy{opacity: 1}
  .wp-caption .btn-primary{opacity: 1;transform: translate(0, 0);}
  
  #contact-info .row{gap:1.8rem 0rem; -webkit-gap:1.8rem 0rem; -moz-gap:1.8rem 0rem;  }
	.info-box h3{font-size: 21px}
  	.contact-form{width: 100%; padding: 0.8rem 0.8rem 2rem;}
  
  #about-box{grid-template-columns: 100%; gap: 1.5rem; -webkit-gap: 1.5rem; -moz-gap: 1.5rem; margin-bottom:3rem}
  
  .white-box{padding: 2rem 20px}
   .page-typography h2{font-size:27px;line-height: 1.25;padding-bottom: 1.2rem;}
  .page-typography h3{ font-size: 20px; line-height:1.5}
} 

@media (min-width: 600px) and (max-width: 1200px){
  #hero-section h1{font-size: 42px; margin-bottom: 1.2rem}
  #hero-section .subheading{font-size: 28px; margin-bottom: 0.5rem}
  .line{width: 250px}
  #hero-section{padding: 5rem 20px 5.5rem; }
  
  .category-items .image{margin-bottom: 0.6rem}
  .category-items .post-title{font-size: 16px}
 #category-section .inner{padding: 2rem 2rem}
 #pagetitle h1{font-size: 32px ;}
  #pagetitle {padding:2.4rem 0 3rem;}
  
  #page-sidebar {padding: 3rem 27px;}
   #post-section3{padding: 2rem 2rem; margin:3.5rem 0}
  
  .post-typography , .blog-typography{padding: 3rem 2rem;}
  .side-li{width: calc(100%/2 - 2rem); margin: 0 auto}
  
  #related-post{padding: 0 2.5rem 3.5rem}
  #related-post h2{text-align: center}
  #related-post h2:before{margin: 0 auto; width: 110px}
  #related-post .row{justify-content: center}
}


@media (min-width: 1400px) {
	.inner{width:1269px;max-width: 100%}
}

@media (min-width: 1800px) {
	.inner{width:1380px;max-width: 100%}
}