/* Burger button */
.hed-ont{font-family: "Playfair Display", Sans-serif;}
    .burger {
      
    position: relative;
   
    left: -2px;
      width: 20px;
      height: 7px;
      cursor: pointer;
      z-index: 1001;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
.cool-link::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #000;
    transition: width 0.3s;
}
.cool-link
 {
   display: inline-block !important;
}
.cool-link:hover::after {
    width: 100%;
}
.bg-re{
    background: #f7f9fb00;
   width: 40px;
    height: 40px;
    position: fixed;
    z-index: 999999;
    top: 29px;
}
    .burger span {
      display: block;
      height: 1.5px;
      background: #000;
      border-radius: 4px;
      transition: 0.1s;
    }

    /* Sidebar menu */
    .side-menu {
      height: 100%;
      width: 0;
      position: fixed;
      top: 0px;
      left: 0;
      background-color: #f7f9fb;
      overflow-x: hidden;
			    overflow: hidden;
     /* transition: 0.1s;*/
      padding-top: 60px;
      z-index: 1000;
    }
.active .side-menu { width: 100%;}
.wit-space p{
    padding: 3px 20px;
}

.wit-space p{margin-bottom:0px;}
    .side-menu a {
      padding: 12px 20px;
      text-decoration: none;
      font-size: 28px;
      color: #000;
      display: block;
      transition: 0.1s;
    }

    .side-menu a:hover {
      /*background-color: #575757;*/
			color:#000;
    }

    /* Transform burger to X */
    .burger.active span:nth-child(1) {
      transform: rotate(45deg) translate(-2px, -2px);
    }

    .burger.active span:nth-child(2) {
      transform: rotate(-45deg) translate(6px, -6px);
    }
.read-more{color:#9f3f3f!important;font-size: 16px !important;font-weight: 100;padding-top: 0px !important;}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {.wit-space{width:90%;}
	.rdcontaner{max-width:1024px;padding-top: 30px;}
	.burger{transform: rotate(90deg);}.burger { top: 20px;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {.wit-space{width:90%;}.burger { top: 20px;}}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {.wit-space{width:36%;}.burger { top: 20px;}}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {.wit-space{width:70%;}.rdcontaner{max-width: 1024px;margin: 0 auto;  padding: 0rem 5rem;position: relative;top: 88px;}.burger { top: 64px;}}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.wit-space{width:70%;}
	.rdcontaner{max-width: 1024px;margin: 0 auto;
            padding: 0rem 5rem;	position: relative;top: 88px;
	}
	.burger { top: 64px;}
	}


.toggle {
  position: relative;
  width: 70px;
  height: 70px;
  background: #ffffff00;
  /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);*/
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.toggle span {
  position: absolute;
  width: 30px;
  height: 1px;
  border-radius: 1px;
  background: #2a2b2c;
  transition: 0.5s;
}

.toggle span:nth-child(2) {
  transform: translateY(-8px);
  width: 25px;
  left: 15px;
}

.toggle span:nth-child(3) {
  transform: translateY(8px);
  width: 25px;
  left: 15px;
}

.toggle.active span:nth-child(1) {
  transform: translateX(60px);
}

.toggle.active span:nth-child(2) {
  width: 30px;
  transform: translateX(0) rotate(45deg);
  transition-delay: 0.2s;
}

.toggle.active span:nth-child(3) {
  width: 30px;
  transform: translateX(0) rotate(-45deg);
  transition-delay: 0.4s;
}