/*
Theme Name: greengold
Theme URI: https://www.greengold.com/
Author: greengold
Author URI: https://www.greengold.com/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.3
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwenty
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@100;200;300;400;500;600;800;900&display=swap');

}
html {
  scroll-behavior: smooth;
}
body {
  background: white;
  position: relative;
  font-family: 'Kanit', sans-serif;
}
body::after {
  content: "";
  background: linear-gradient(90deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, .4) 100%), url('images/bg/bg8.jpg') center center fixed;
  background-size: cover;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: fixed;
  z-index: -5;
  overflow-x: hidden;
}
.togglebg01 {
  position:relative;
  background: linear-gradient(90deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,.2) 100%), url('images/bg9.jpg')no-repeat left center fixed;
  background-size: cover;
  margin-top: 30px;
}
@media (max-width:700px){
  .togglebg01 {
  margin-top: 70px;
}
}
.toggleline01.linegolddiv {
  height: 27px;
  background: rgba(255, 203, 0, 1);
  background: radial-gradient(ellipse farthest-corner at right bottom, #89734C 0%, #89734C 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #ffffac 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
  margin-top: 0px;
}
.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}
.linefooter {
  height: 4px;
  background: radial-gradient(circle, #ffda60 0%, rgba(0, 0, 0, 0) 100%);
  margin: 0px auto;
}

/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #7c7c7c;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #a11313;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #bf3c3c;
}












/*Header*/


/*Nav Bar-----------------------------------*/
.headlinetop{
  margin-top: 70px;
}
  #sidebar .menu-menu-container li{
   list-style:none;
 }
 #sidebar .menu-menu-container ul{
  padding: 0;
  margin: 0;
}
.sidebarbtn{
    height: 30px;
    margin-top: 14px;
    margin-left: 5px;
    background: transparent;
    border: none;
    color: white;
    font-size: 30px;
    transition: all .3s;
}
.navbarstk{
    position: fixed;
    z-index: 99;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    height: 80px;
    left: 0;
    right: 0;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 0px 30px;
    display: flex;
    transition: all .3s;
}
.navbarstk.sticky{
    background: #000000ab;
    box-shadow: 0 0 15px #00000094;
}

.navbarstk img{
    width: auto;
    height: 48px;
    margin-top: 13px;
    margin-left: 10px;
}
.navbarstk ul{
    margin: 0;
    padding: 0;
    display: flex;
    margin-left: 13px;
    font-size: 15px;
}
@media (max-width:991px){
  .navbarstk ul{
    display:none;
}
}
.navbarstk li{
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 5px 0;
}
.navbarstk ul a{
    display: block;
    padding: 20px 10px;
    border-radius: 10px;
    font-weight: 200;
}
@media (max-width:1050px){
  .navbarstk ul a{
    padding: 20px .8vw;
}
}
.navbarstk ul a:hover{
    background: #acacac33;
    text-shadow: 0 0 5px white, 0 0 20px white;
}
.loginregishead{
    position: absolute;
    right: 0;
    margin: 14px;
    display: flex;
    font-size: 14px;
}
.loginbtn {
    border-radius: 10px;
    border: none;
    padding: 10px 15px;
    color: white;
    background:linear-gradient(180deg,#e6f27f,#b37400);
}
.registerbtn{
    border-radius: 10px;
    border: none;
    padding: 10px 15px;
    margin-left: 5px;
    color: white;
    background: linear-gradient(to bottom, #FF6666 0%,#CC0033 100%);
}

@media (max-width: 520px){
    .navbarstk{
        padding: 3px 10px;
    }
    .loginregishead{
        margin: 0;
        margin-top: 13px;
        right: 10px;
    }
    .sidebarbtn{
        font-size: 25px;
        margin-top: 14px;
    }
    .loginbtn{
        font-size: 14px;
    }
    .registerbtn{
        font-size: 14px;
    }
}
@media (max-width: 450px){
    .navbarstk{
        padding: 3px 10px;
    }
    .loginregishead{
        margin: 0;
        margin-top: 14px;
        right:5px;
    }
    .sidebarbtn{
        font-size: 25px;
        margin-top: 14px;
    }
    .loginbtn{
        font-size: 12px;
    }
    .registerbtn{
        font-size: 12px;
    }
}
@media (max-width: 390px){
    .navbarstk img{
        height: 40px;
        width: auto;
        margin-top: 15px;
        margin-left: 5px;
    }
    .navbarstk{
        padding: 3px 10px;
    }
    .loginregishead{
        margin: 0;
        margin-top: 14px;
        right:5px;
    }
    .sidebarbtn{
        font-size: 25px;
        margin-top: 14px;
        margin-left: 0px;
    }
    .loginbtn{
        font-size: 12px;
        margin-right: 3px;
    }
    .registerbtn{
        font-size: 12px;
            margin-left: 2px;
    }
}
/*Nav Bar-----------------------------------*/

.tdnavtop {
  width: 20%;
  text-align: center;
  cursor: pointer;
  font-size: 20px;
  height: 68px;
}
.tdnavtop:hover {
  background: #cf2e2e;
  text-shadow: 0 0 10px white,0 0 20px white,0 0 30px white;
}
.fixed-top {
  background: linear-gradient(180deg, rgb(0 0 0 / 95%) 0%, rgb(0 0 0 / 95%) 100%);
  color: white;
}
.fixedtophide {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  transition:all .3s;
}
/*Wordpress*/
.fixedtophide.wpadmin{
    margin-top: 32px;
}
@media (max-width:761.98px){
  .fixedtophide.wpadmin{
  margin-top: 46px;
}
}

@media screen and (max-width: 600px){
#wpadminbar {
    position: absolute;
    margin-top: -46px;
}
.fixedtophide.wpadmin{
    margin-top: 46px;
}

}
@media (max-width:600px){
  .fixedtophide.mobilewp{
  margin-top:0;
}
}

/*Wordpress*/

.fixedtopshow {
  display: none;
}
.logoheader {
  text-align: center;
  padding: 10px 10px;
  position: relative;
}
.headertopgg td {
  border-right: 1px solid #420202;
}
.headertopgg td:last-child {
  border-right: none;
}
.bgheadermobile {
  text-align: center;
  height: 70px;
  background: linear-gradient(180deg, rgba(55,0,0,.95) 0%, rgba(151,0,0,.95) 100%);
  padding: 10px;
}
.shadowlogo {
  width: auto;
  height: 51px;
  position: absolute;
  top: 11px;
  left: 15px;
  right: 0;
  z-index: 9;
  margin: 0 auto;
  animation: logotopanimate 10s ease 0s infinite normal none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(255, 195, 0, 1));
  filter: drop-shadow(0px 0px 2px rgba(255, 195, 0, 1));
}
@keyframes logotopanimate {
  0.0% {
    -webkit-filter: drop-shadow(0px 0px 2px rgba(255, 195, 0, 1));
    filter: drop-shadow(0px 0px 2px rgba(255, 195, 0, 1));
  }
  
  50.0% {
    transform: scale3d(1.1, 1.1, 1.1);
    -webkit-filter: drop-shadow(0px 0px 15px rgba(255, 195, 0, 1));
    filter: drop-shadow(0px 0px 15px rgba(255, 195, 0, 1));
  }
}
@media(max-width: 768px) {
  .fixedtophide {
  }
  
  .fixedtopshow {
    display: block;
    position: relative;
  }
}

/*Header*/

/* Section01 */
.marginsec01 {
  padding-bottom: 20px;
  padding-top: 20px;
  background: rgb(255, 0, 0);
  margin-top: 70px;
  background: linear-gradient(190deg, rgba(50,0,0,1) 0%, rgba(151,0,0,1) 50%, rgba(50,0,0,1) 100%);
  box-shadow: 0 0 10px black;
}
.marginsec01.wpadmin{
  margin-top:70px;
}
@media (max-width: 768.8px) {
  .marginsec01 {
    margin-top: 70px;
  }
}
.swiper-container.mySwiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: black;
}
.mySwiper .swiper-slide {
  /* Center slide text vertically */
  
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.mySwiper .swiper-slide{
  width:auto;
}
.mySwiper .swiper-slide img {
  display: block;
  width: 100%;
  max-width: 1200px !important;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}
:root {
  --swiper-theme-color: #fcec61;
}

/* Section01 */

/* Section02 */
.wrapper {
  margin-top: 20px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.inwrapsec01 {
  padding: 5px;
}
.inwrapsec01 img {
  width: 100%;
}
@media (max-width: 992px) {
  .wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
.containhead02 {
  padding: 10px;
  white-space: nowrap;
}
.containdetail02 {
  color: white;
  font-size: 19px;
  margin-top: -7px;
  padding: 10px;
  font-weight: 400;
}

/* Section02 */

/*Section03*/
.bordersec05 {
  margin-top: 30px;
  -webkit-box-shadow:0px 0px 0px 3px rgb(151 0 0);
  -moz-box-shadow:0px 0px 0px 3px rgb(151 0 0);
  box-shadow:0px 0px 0px 3px rgb(151 0 0);
  border-radius: 10px;
  padding-top: 50px;
  position: relative;
  margin-top: 70px;
  background: rgb(15,80,140,.2);
}
.avatar2 {
  animation: rotate 5s ease-in-out infinite;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  
  25% {
    transform: rotate(20deg);
  }
  
  50% {
    transform: rotate(-20deg);
  }
  
  75% {
    transform: rotate(20deg);
  }
  
  100% {
    transform: rotate(0deg);
  }
}
.buttonregister {
  display: block;
  cursor: pointer;
  position: relative;
  text-align: center;
  border-radius: 20px;
}
.registext {
  position: absolute;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  margin-top: 28px;
  color: black;
  z-index: 2;
  color: white;
  font-weight: 400;
  font-size: 30px;
  text-shadow: 0 0 2px #fff, 0 0 10px #fff, 0 0 20px gold, 0 0 40px gold, 0 0 00px gold, 0 0 44px gold, 0 0 75px gold;
}
.bordersec03 .headerimgsec04 img {
  width: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.bordersec03 .headerimgsec042 img {
  margin: 10px 0;
  width: 100% !important;
}
.bottomimgsec03 img {
  margin-top: 20px;
  width: 100%;
  border-radius: 20px;
}
.imgglow {
  width: 350px;
  animation: glow 1.5s infinite alternate;
}
@keyframes glow {
  from {
    -webkit-filter: drop-shadow(0px 0px -1px rgba(255, 195, 0, 1));
    filter: drop-shadow(0px 0px -1px rgba(255, 195, 0, 1));
  }
  
  to {
    -webkit-filter: drop-shadow(0px 0px 5px rgba(255, 195, 0, 1));
    filter: drop-shadow(0px 0px 5px rgba(255, 195, 0, 1));
  }
}
.divhead02 {
  position: absolute;
  width: 140px;
  height: 130px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: -110px;
  text-align: center;
  border-radius: 150px;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 59%, rgba(255, 255, 255, 0) 75%);
}
.glowhead img {
  width: 120px;
  animation: glowhead 1.5s infinite alternate;
}
@keyframes glowhead {
  from {
  -webkit-filter: drop-shadow(0px 0px 5px rgba(255,203,0, 1));
          filter: drop-shadow(0px 0px 5px rgba(255,203,0, 1));
  }
  to {
   -webkit-filter: drop-shadow(0px 0px 20px rgba(255,203,0, 1));
           filter: drop-shadow(0px 0px 20px rgba(255,203,0, 1));
  }
}
.animate01 img {
  position: absolute;
  width: 100%;
  max-width: 94px !important;
  left: 0;
  margin-left: 51px;
  animation: amone 5s ease-in-out infinite;
}
.animate02 img {
  position: absolute;
  width: 30%;
  max-width: 126px !important;
  animation: amtwo 3s ease-in-out infinite;
  right: 0;
  margin-right: 26px;
}
.animate03 img {
  position: absolute;
  bottom: 0;
  left: 50%;
  animation: amtree 5s ease-in-out infinite;
  width: 70%;
  margin-left: -154px;
}
@media (max-width:760px){
  .animate03 img {
  left: 39%;
}
}
@media (max-width:570px){
  .animate03 img {
  left: 50%;
}
}
@media (max-width:380px){
  .animate03 img {
  left: 60%;
}
}
.girlsec03 {
  text-align: center;
}
.girlsec03 img {
  width: 70%;
}
@keyframes amone {
  0% {
    transform: translatey(0px);
  }
  
  50% {
    transform: translatey(20px);
  }
  
  100% {
    transform: translatey(0px);
  }
}
@keyframes amtwo {
  0.0% {}
  
  10.3% {
    transform: rotate(20deg);
  }
  
  19.9% {
    transform: rotate(-20deg);
  }
  
  29.7% {
    transform: rotate(20deg);
  }
  
  40.2% {
    transform: rotate(-20deg);
  }
  
  49.7% {
    transform: rotate(20deg);
  }
  
  60.0% {
    transform: rotate(0deg);
  }
}
@keyframes amtree {
  0.0% {}
  
  29.5% {
    transform: rotate(-20deg);
    transform-origin: 10px;
  }
}
.welcometext {
  display: block;
  background: linear-gradient( 180deg, #b38c2c 20%, #e8da9b 50%, #b38c2c 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .divhead02 {
    position: absolute;
    width: 110px;
    height: 100px;
    border-radius: 150px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 59%, rgba(255, 255, 255, 0) 75%);
  }
  
  .glowhead img {
    width: 90px;
  }
}
@media (max-width: 455px) {
  .welcometext {
    font-size: 24px;
  }
  
  .registext {
    position: absolute;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    margin-top: 24px;
    color: black;
    z-index: 2;
    color: white;
    font-weight: 300;
    font-size: 25px;
    text-shadow: 0 0 2px #fff, 0 0 10px #fff, 0 0 20px gold, 0 0 40px gold, 0 0 00px gold, 0 0 44px gold, 0 0 75px gold;
  }
  
  .imgglow {
    width: 300px;
    animation: glow 1.5s infinite alternate;
  }
}
@media (max-width: 380px) {
  .welcometext {
    font-size: 19px;
  }
}

/*Section03*/

/*Section04*/
.bordersec03 {
  position: relative;
  margin-top: -15px;
  -webkit-box-shadow:0px 0px 0px 3px rgb(151 0 0);
  -moz-box-shadow:0px 0px 0px 3px rgb(151 0 0);
  box-shadow:0px 0px 0px 3px rgb(151 0 0);
  border-radius: 20px;
  background: #970000;
}
.bordersec03 img {
  margin: 0 auto;
  display: block;
}
.headerpromotion img {
  position: absolute;
  margin-top: -50px;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  height: auto;
}

/*Section04*/

/*Section05*/
.bordersec04 {
  margin-top: 30px;
  -webkit-box-shadow:0px 0px 0px 3px rgb(151 0 0);
  -moz-box-shadow:0px 0px 0px 3px rgb(151 0 0);
  box-shadow:0px 0px 0px 3px rgb(151 0 0);
  background: #970000;
  position: relative;
  margin-top: 70px;
  padding-bottom: 20px;
  border-radius: 20px;
}
@media (max-width:762px){
  .bordersec04{
    margin-top: 6px;
  }
}
.swiper-container.promotionsl {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
  border-radius: 20px;
  background: #171717b3;
  -moz-box-shadow: inset 0 0 10px #000000;
  -webkit-box-shadow: inset 0 0 10px #000000;
  box-shadow: inset 0 0 10px #000000;
}
.promotionsl .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 300px;
  height: 300px;
  margin-left: 10px;
  margin-right: 10px;
}
.promotionsl .swiper-slide img {
  border-radius: 20px;
}
.promotionsl .prohead {
  margin-top: -25px;
  text-align: center;
  font-size: 25px;
  color: white;
  width: 150px;
  height: 60px;
  background: rgb(84, 27, 58);
  background: linear-gradient(41deg, rgba(155, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 49%, rgba(155, 0, 0, 1) 100%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 1);
  -moz-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 1);
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 1);
  padding-top: 10px;
  border-radius: 10px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9;
  margin-left: auto;
  margin-right: auto;
}
.promotionsl .swiper-button-next:after,
.promotionsl .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none!important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  font-size: 22px;
}
.linegold02 {
  height: 3px;
  background: rgb(255, 0, 0);
  background: linear-gradient(52deg, rgba(255, 0, 0, 0) 0%, rgba(255, 0, 0, 1) 47%, rgba(255, 0, 0, 0) 100%);
  margin-top: 60px;
}
.linegold03 {
  height: 3px;
  background: rgb(255, 0, 0);
  background: linear-gradient(52deg, rgba(255, 0, 0, 0) 0%, rgba(255, 0, 0, 1) 47%, rgba(255, 0, 0, 0) 100%);
}
.promotionsl .swiper-button-next {
  padding: 20px;
  background: rgba(255, 203, 0, 0.5);
  border-radius: 10px;
}
.promotionsl .swiper-button-prev {
  padding: 20px;
  background: rgba(255, 203, 0, 0.5);
  border-radius: 10px;
}
.promotionsl .swiper-button-prev,.promotionsl .swiper-rtl .swiper-button-next {
    left: 20px;
    right: auto;
}
.promotionsl .swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 20px;
    left: auto;
}
.promotionsl .swiper-button-next,.promotionsl .swiper-button-prev {
    position: absolute;
    top: 53%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0
px
 - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.containsec05 {
  position: relative;
  height: 400px;
  padding-top: 60px;
  margin-top: -66px;
}
@media(max-width: 768px) {
  .containsec05 {
    margin-top: -10px;
  }
}
.bordersec02 {
  position: relative;
  margin-top: 50px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 0px 3px rgb(151 0 0);
  -moz-box-shadow: 0px 0px 0px 3px rgb(151 0 0);
  box-shadow: 0px 0px 0px 3px rgb(151 0 0);
  background: rgb(0 0 0 / 40%);
  border-radius: 10px;
  color: white;
}
.avatar {
  animation: float 5s ease-in-out infinite;
  position: absolute;
}
@keyframes float {
  0% {
    transform: translatey(70px);
  }
  
  50% {
    transform: translatey(40px);
  }
  
  100% {
    transform: translatey(70px);
  }
}
.imganimation img {
  width: 70%;
  margin-top: 40px;
}
.shadowlogo2 {
  -webkit-filter: drop-shadow(0px 0px 5px #fff);
  filter: drop-shadow(0px 0px 5px #fff);
}

/*Section05*/

/* Section06 */
.logosec06 {
  position: absolute;
  width: 186px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: -103px;
  padding: 5px;
  text-align: center;
  border-radius: 10px;
}
.logosec06 img {
  width: 199px;
}

/* Section06 */

/* Section07*/
.cardbottom {
  background: rgb(0, 0, 0);
  background: linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .8) 50%, rgba(0, 0, 0, 0) 100%);
  margin-top: 30px;
  position: relative;
}
.hideservice01 {
  display: block;
}
.hideservice02 {
  display: none;
}
.relabottom {
  position: relative;
}
.textcenterbottom {
  position: absolute;
  top: 40%;
  left: 48%;
  transform: translate(-50%, -50%);
  width: 70%;
  color: white;
  font-weight: bold;
  text-align: center;
}
.texttopbottom {
  font-size: 20px;
  margin-bottom: 15px;
  color: white;
  text-align: center;
}
@media (max-width:1192px) {
  .texttopbottom {
    padding-top: 38px;
  }
}
.texttopbottom span {
  display: inline-block;
  background: linear-gradient( 180deg, #ffbebc 20%, #ff6362 50%, #c73937 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 20px;
  font-weight: 500;
}
.iconbottom img {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  width: 35%;
  padding-right: 5px;
}
@media(max-width: 1089px) {
  .texttopbottom {
    font-size: 20px;
  }
}
@media(max-width: 940px) {
  .texttopbottom {
    font-size: 17px;
  }
  
  .textcenterbottom {
    font-size: 12px;
  }
}
@media(max-width: 991px) {
  .hideservice01 {}
  
  .hideservice02 {
    display: block;
  }
  
  .imganimation img {
    width: 100%;
  }
  
  .texttopbottom {
    font-size: 20px;
  }
  
  .textcenterbottom {
    font-size: 15px;
  }
}
@media(max-width: 544px) {
  .texttopbottom {
    font-size: 20px;
  }
  
  .textcenterbottom {
    font-size: 15px;
  }
}
@media(max-width: 491px) {
  .texttopbottom {
    font-size: 20px;
  }
  
  .textcenterbottom {
    font-size: 13px;
  }
}
@media(max-width: 436px) {
  .texttopbottom {
    font-size: 15px;
  }
  
  .textcenterbottom {
    font-size: 10px;
  }
}

/* Section07*/

/* Fixed Footer  */
.rectangle {
  display: none;
  height: 55px;
  width: 100%;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(55,0,0,.95) 0%, rgba(151,0,0,.95) 100%);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  color: white;
}
.circle01 {
  position: fixed;
  height: 50px;
  width: 50px;
  border-radius: 40px;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 25px;
  background-color: rgb(20 63 29);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  color: white;
  text-align: center; 
  padding-top: 7px;
}
.circle01 img{
  width: 100%;
  margin-top: -7px;
}
.tablefooter {
  width: 100%;
  text-align: center;
  color: white;
  font-size: 15px;
  color: white;
}
.tablefooter i {
  font-size: 20px;
}
.tdfooter {
  width: 20%;
  cursor: pointer;
  color: white;
  position: relative;
  height: 50px;
}
.tdfooter h2{
  display: inline;
  font-size: 14px;
  position: absolute;
  left: 50%;
  bottom: -7px;
  transform: translateX(-50%);
  white-space: nowrap;
  font-weight: 400;
}
.tdfooter img{
  width: 26px;
  margin-top: -18px;
}
.tdfootercn {
  cursor: pointer;
}
.tdfooter:hover {
  background: rgb(31, 31, 31);
  background: #4a0303;
  border-radius: 5px;
  color: white;
}
.tdfootercn:hover {
  background: #460203;
  border-radius: 5px;
  color: white;
}
@media (max-width: 768px) {
  .rectangle {
    display: inline;
  }
}

/* Fixed Footer  */

/* Side Line */
.sideline {
  overflow: hidden;
  background: rgba(255, 203, 0, 1);
  background: radial-gradient(ellipse farthest-corner at right bottom, #89734C 0%, #89734C 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #ffffac 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
  position: fixed;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  top: 50%;
  right: 0;
  text-align: center;
  font-size: 14px;
  padding: 10px;
  color: white;
  z-index: 50;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1);
}
.sideline i{
  font-size:50px;
  display:block;
}
@media (max-width:817px) {
  .sideline {
    top: 40%;
  }
}

/* Side Line 











/*Post*/
.category-post h2{
  display: none;
}
.category-post ul{
  padding: 0;
  margin: 0;
}

.category-post li{
  list-style: none;
  padding: 0;
  margin: 0;
}
.category-post li.current-cat a{
  background:linear-gradient(180deg,#f52867 30%,#bf001d);
}
.category-post ul li a{
  padding: 11px 3px;
  margin-bottom: 9px;
  display: block;
  color: #fff;
  background: #00000063;
  border-radius: 9px;
  font-size: 15px;
}
@media (max-width:767px){
  .category-post ul{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
} 

  .category-post ul li a{
    padding: 10px 5px;
    margin:0 5px;
    margin-bottom:10px;
    height: 100%;
    display: flex;
    text-align: center;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
.pages-post{
  text-align: center;
  margin-top: 10px;
}
.pages-post a,.pages-post span{
  display:inline-block;
  background: linear-gradient(180deg,#505050 30%,#262626);
  padding: 10px;
  border-radius:10px;
}
.pages-post span{
  background: linear-gradient(180deg,#f52867 30%,#bf001d);

}
.allpostbtn{
    margin: 20px auto;
    display: block;
    border: none;
    border-radius: 10px;
    padding: 10px 15px;
    background: linear-gradient(to bottom, #FF6666 0%,#CC0033 100%);
    color: white;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 10px black;
    border: 1.5px solid #742727;
    transition: all .2s;
}
.allpostbtn:hover{text-shadow: 0 0 5px white,0 0 15px white,0 0 25px white;}
.allpostbtn2{
    margin: 20px auto;
    display: block;
    border: none;
    border-radius: 10px;
    padding: 10px 15px;
    background: linear-gradient(117deg, #2e2e2e, #010101);
    color: white;
    box-shadow: 0 0 10px black;
    border: 3px solid #ebc06f;
    transition: all .3s;
}
.allpostbtn2:hover{
  background:linear-gradient(180deg,#e88904 30%,#f9d73b);
  }
.containpost{
    height: 450px;
    padding-bottom: 50px;
}
.swiper-container{
  overflow: hidden;
}
.postslide .swiper-slide img {
  width: 100%;
  max-width: 420px !important;
  height: auto;
  padding: 5px;
  background: linear-gradient(90deg, #2e2e2e, #010101);
  border-radius: 20px;
  padding-bottom: 70px;
}
.postslide .swiper-slide{
  position: relative;
  margin: 0 15px;
  width: 100%;
  max-width: 420px !important;
}
.headerpostsl{
  position: absolute;
  width: 100%;
  background: linear-gradient(90deg, #2e2e2e, #010101);
  bottom: 19px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 10px;
  white-space: normal;
  color: white;
}
.swiper-pagination2 {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0,0,0);
  z-index: 10;
}


/*Post*/












/* Post Card */
.containpost {
  background: linear-gradient(307deg, rgb(88 5 5) 0%, #970000 100%);
  padding-bottom: 10px;
  margin: 10px 0;
}
.prohead2 {
  margin-top: -15px;
  text-align: center;
  font-size: 21px;
  color: white;
  width: 200px;
  padding: 10px 0;
  background: radial-gradient(ellipse farthest-corner at right bottom, #89734C 0%, #89734C 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #ffffac 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 1);
  -moz-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 1);
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 1);
  border-radius: 2px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9;
  margin-left: auto;
  margin-right: auto;
}
.linegold02 {
  height: 3px;
  background: rgb(130, 45, 45);
  background: linear-gradient(52deg, rgba(130, 45, 45, 0) 0%, rgba(255, 215, 0, 1) 47%, rgba(130, 45, 45, 0) 100%);
  margin-top: 60px;
}
.linegold03 {
  height: 3px;
  background: rgb(130, 45, 45);
  background: linear-gradient(52deg, rgba(130, 45, 45, 0) 0%, rgba(255, 215, 0, 1) 47%, rgba(130, 45, 45, 0) 100%);
}
.cards-list {
  z-index: 0;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.card {
  margin: 30px auto;
  width: 250px;
  height: 250px;
  border-radius: 40px;
  box-shadow: 5px 5px 30px 7px rgba(0, 0, 0, 0.25), -5px -5px 30px 7px rgba(0, 0, 0, 0.22);
  cursor: pointer;
  transition: 0.4s;
  background-color: transparent;
}
.card .card_image {
  width: inherit;
  height: inherit;
  border-radius: 40px;
}
.card .card_image img {
  width: inherit;
  height: inherit;
  border-radius: 40px;
  object-fit: cover;
}
.card .card_title {
  text-align: center;
  border-radius: 0px 0px 40px 40px;
  font-weight: bold;
  font-size: 25px;
  text-shadow: 2px 2px 10px black;
  margin-top: -50px;
  height: 40px;
}
.card .card_title p {
  font-size: 15px;
  background: #000000b3;
  display: inline;
  padding: 5px;
  border-radius: 10px
}
.card:hover {
  transform: scale(0.9, 0.9);
  box-shadow: 5px 5px 30px 15px rgba(0, 0, 0, 0.25), -5px -5px 30px 15px rgba(0, 0, 0, 0.22);
}
.title-white {
  color: white;
}
.title-black {
  color: white;
}
@media (max-width: 1399px) {
  .card {
    width: 250px;
    height: 250px;
  }
}
@media (max-width: 1200px) {
  .card {
    width: 200px;
    height: 200px;
  }
}
@media (max-width: 991px) {
  .card {
    width: 170px;
    height: 170px;
  }
}
@media (max-width: 768px) {
  .cards-list {
    z-index: 0;
    width: 100%;
    padding-bottom: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  
  .card {
    margin: 10px auto;
    width: 200px;
    height: 200px;
  }
}
@media (max-width: 447px) {
  .card {
    width: 150px;
    height: 150px;
  }
}
@media all and (max-width: 500px) {
  .card-list {
    /* On small screens, we are no longer using row direction but column */
    flex-direction: column;
  }
}
.allpost {
  background: linear-gradient(41deg, #715925 0%, #ffc107 49%, #715925 100%);
  border: none;
  color: white;
  font-size: 20px;
  transition: 1s;
}
.allpost:hover {
  background: black;
  color: white;
}

/* Post Card */

/* Single Post */
.postcontain{
  margin-top: 96px;
}
@media (max-width:762px){
  .postcontain{
  margin-top: 0;
}
}
.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}
.solidnav {
  border-right: 1px solid #ccc;
}
.tdpostnav {
  width: 25%;
  font-size: 18px;
  white-space: nowrap;
  border-radius: 5px;
  cursor: pointer;
}
.tdpostnav:hover {
  background: rgba(0, 0, 0, .5);
  border-radius: 5px;
}
.imgpost {
  text-align: center;
}
.imgpost img {
  width: 50%;
  height: auto;
}
hr {
  width: 30%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  main img {
    display: block;
    margin: auto;
    width: 100%;
  }
}

/* Single Post */


/*Footer*/
footer{
  background: transparent;
  color: white;
  text-align: center;
  padding: 10px 0;
}
.containbankimg{
  padding-bottom: 10px;
}
.containbankimg img{
  width: 50px;
}
.inimgbank {
  display: inline;
}
.inimgbank img{
  width: 50px;
}
/*Footer*/


/* Friend iCon */

.friendicon img {
  position: fixed;
  right: 0;
  top: 30%;
  width: 99px;
  z-index: 9;
}

@media (max-width:810px){
.friendicon img {
  position: fixed;
  right: 0;
  top: auto;
  bottom: 65px;
  width: 89px;
  z-index: 9;
}
}
/* Friend iCon */

/* Pages */


/*Post Page Single Review*/
.containerppp{
  background: #262626de;
  width: 100%;
  max-width: 1095px;
  margin: 10px auto;
  margin-top: 80px;
  border-radius: 10px;
  padding: 23px 45px;
  color: white;
}


@media (max-width: 600px){
  .containerppp.wp-admin{
  margin-top:90px;
}
}


/*Post Page Single Review*/


/* Pages */








/*POST*/
.postcontainer{
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}
.posthead{

}
.nav-link{
  font-size: 16px;
}
.p-post{
  padding:0 5px !important;
}
.nav-link{
  line-height: 25px;
  padding: 20px 0;
}
.nav-link i{
  width: 40px;
}
.nav-pills .nav-link {
  border-radius: .25rem;
  margin-top:5px;
  font-size: 18px;
  background: #0000005e;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background: linear-gradient(180deg,#f52867 30%,#bf001d);
  text-shadow: 0 0 5px white;
}
.gridpost{
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.ingridpost{
  padding: 5px;
  text-align: center;
  font-size: 18px;
  width: 100%;
}
.iningridpost{
  width: 100%;
  background: #00000045;
  padding: 5px;
  border-radius: 10px;
  font-size: 18px;
  cursor: pointer;
  height: 100%;
  padding-bottom: 13px;
}

.ingridpost img{
  width: 100%;
  height: auto;
  padding-bottom: 5px;
  border-radius: 10px;
}
@media (max-width: 991px){
  .p-post{
    padding:0 5px !important;
  }
}
@media (max-width: 768px){
  .gridpost{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr ;
  }
}
@media (max-width: 575px){
  .nav-pills .nav-link {
    border-radius: .25rem;
    margin-top: 5px;
    background: #2626266e;
  }
  .postmenu{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .nav-link{
    padding: 10px 0 !important;
  }
  .gridmenu{
    padding: 3px;
  }
  .nav-link .inpostmenu{
    width: 100%;
    height: 100%;
    padding-top: 10px;
    border-radius: 5px;
  }
  .nav-link.active .inpostmenu{
    width: 100%;
    height: 100%;
    background: transparent;
    padding-top: 10px;
    border-radius: 5px;
  }
}
.head06 img {
  width: 90px;
  -webkit-filter: drop-shadow(0px 0px 7px #b59951);
  filter: drop-shadow(0px 0px 7px #b59951);
}
.head06 {
  padding-top: 15px;
  font-size: 26px;
  white-space: nowrap;
  text-align: center;
}
/*END POST*/