@import "card.css";
@import "nav.css";
@import "navbar.css";
@import "banner.css";
@import "slider.css";
@import "about.css";
@import "testimonials.css";
@import "loginsignup.css";
@import "blog.css";
@import "footer.css";


*
{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;

}

ul,ol,p
{
   margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a:hover
{
   text-decoration: none;
}

h1,h2,h3,h4,h5,h6,p
{
   margin: 0;
   padding: 0;
}

/*** Poppins Fonts ***/

@font-face {
    font-family: 'poppinslight';
    src: url('../fonts/poppins-light.woff2') format('woff2'),
         url('../fonts/poppins-light.woff') format('woff');
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/poppins-regular.woff2') format('woff2'),
         url('../fonts/poppins-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinsmedium';
    src: url('../fonts/poppins-medium.woff2') format('woff2'),
         url('../fonts/poppins-medium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'poppinssemibold';
    src: url('../fonts/poppins-semibold.woff2') format('woff2'),
         url('../fonts/poppins-semibold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'poppinsbold';
    src: url('../fonts/poppins-bold.woff2') format('woff2'),
         url('../fonts/poppins-bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'poppinsblack';
    src: url('../fonts/poppins-black.woff2') format('woff2'),
         url('../fonts/poppins-black.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
/*** End ***/
body,html
{
      font-family: 'poppinsregular';
   height: 100%;
}

body
{
  overflow-x: hidden;
}


h2
{ 
  font-size: 42px;
  color: #E30613;
  font-weight: 600;
  text-transform: capitalize;
}

h2 span
{
  color: #efc900;
}

p
{

      line-height: 28px;
}

a
{
  text-decoration: none;
  color: #000;
  transition: all ease 0.3s;
}

.textcolor
{
   color: #E30613;
}

.textblack
{
   color:#000;
   font-weight: 600;
}

.w1
{
   width: var(--w1);
}

.colorg
{
  background-color:var(--colorg);
}

.svw
{
  width: var(--svw);
}

.svw1
{
  width: var(--svw1);
}


.h2
{
   font-size: 40px;
   font-weight: 700;
   color: #E30613
}

.btn {
  border-radius: 10px;
  padding: .75rem 1.25rem;
}

.btn-sm {
  border-radius: 10px;
  padding: .5rem 1rem;
}

.btn-danger {
  background-color:#E30613;
}

.main-pad
{
   padding:50px 0;
}


.custom-btn
{
  text-transform: uppercase;
  background-color:#E30613;
  border-color: #E30613;
  color: #fff;
  padding: 10px 35px;
}

.custom-btn:hover,
.custom-btn:focus,
.custom-btn:active
{
   background-color: #fff;
   border-color:#E30613;
   color: #E30613;
   -webkit-box-shadow: none;
           box-shadow: none;
}


.learn-more {
    position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  font-size: inherit;
  font-family: inherit;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  padding: 16px 45px;
  background: #E30613;
  position: relative;

  border-radius:5px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
  transition: background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
}
.learn-more::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%; 
  top: 0;
  left:7px;
  right: 0;
  bottom: 0;
border:1px solid #000;
  border-radius: inherit;
          transform: translate3d(0, 0.45em, -1em);
  -webkit-transition: box-shadow 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
  transition: box-shadow 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
}
.learn-more:hover {
  background: #000;
  color:#fff;
  -webkit-transform: translate(0, 0.25em);
          transform: translate(0, 0.25em);
}
.learn-more:hover::before {
  -webkit-transform: translate3d(0, 0,0);
   transform: translate3d(0, 0, 0);
  left: 0;      
}
.learn-more:active {
  background: #000;
  color:#fff;
  -webkit-transform: translate(0em, 0.75em);
          transform: translate(0em, 0.75em);
}
.learn-more:active::before {
  -webkit-transform: translate3d(0, 0, -1em);
          transform: translate3d(0, 0, -1em);
}


/* //// contact_h /// */
.contact_h h3
{
   font-size: 22px;
   margin: 20px auto 15px;
   font-weight: 700;
   color: #000;
}

.mm-spn.mm-spn--light
{
   background-color: #fff;
}

.mm-spn li:after
{
      margin-left: 0px !important;
}

.mm-spn a
{
  padding-left: 15px !important;
}

.mm-ocd .nav-link img
{
      filter: invert(100%);
      width: 20px;
}

.mm-spn.mm-spn--navbar:after {
    content: "";
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 1;
    display: none;
}

.mm-spn--main  ul
{
  top: 0 !important;
}

.mm-spn--open
{
   top: 50px !important;
}


.top_header a.btn
{
      padding: 6px 15px;
    color: #fff;
    margin-left: 10px;
    text-transform: capitalize;
    font-size: 15px;
    margin-top: 2px;
}

.top_header a.btn:hover,
.top_header a.btn:focus
{
   color:var(--bgcolor) !important;
   cursor: pointer;
}

.top_details a.btn:hover,
.top_details a.btn:focus
{
   color:#E30613;
   background-color: #fff;
}


/* // Ticker // */

.tick {
    
    width: 40%;
}
.ticker__viewport {
  
  color:#E30613;
  overflow: hidden;
  padding: 10px 0;
}
.ticker__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  color:#000;
  display: flex;
}
.ticker__item {
  display: inline-block;
  white-space: nowrap;
  padding-right: 40px;
}

/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

.megamenu {
  position: static;
}

.megamenu .dropdown-menu {
  background: none;
  border: none;
  width: 100%;
}

.newul
{
   display: block !important; 
}

.sv {
        width: var(--svw);
    filter: invert(100%);
    right: 10px;
    position: relative;
}

.rbtn a
{
  padding:10px 20px;
  margin:8px 15px 8px 15px ;
      background-color: var(--bgcolor);
  color:#fff;
}



/* //////// Profile_sec /////////// */
.bg-img
{
   position: relative;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
}

.bg-img::before
{
   position: absolute;
   content: "";
   background-color: rgba(0, 0, 0, 0.6);
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
}


.topsoc a img
{
   margin-right: 6px;
}

.topsoc a:last-child img
{
   margin-right: 0;
}

.top_header a,
.top_header span
{
  color:#fff;
}

.logbtn
{
   border-radius: 100px;
   padding: 10px 30px;
   background-color: #E30613;
   border-color: #E30613;
}

.logbtn:hover
{
    background-color: #fff;
   border-color: #E30613;
   color:#E30613;
}

.textred
{
   color:#E30613;
}

/* Blog */
.blogbox img {
    width: 100% !important;
}


.iinnerowl {
   border:1px solid #7D7D7D;
}
.blogcon {
    padding: 20px 15px 30px;
}

.blogcon h4 {
    margin: 0;
    color: #707070;
    font-size: 16px;
}

.blogcon h3 {
    margin: 15px 0;
    text-align: left;
    color: #00b3ef;
    font-size: 22px;
}

.blogcon p {
    font-size: 14px;
    margin-bottom: 10px;
}

.subscribe .input-container {
    display: flex;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    background-color: #fff;
    height: 60px;
    border-radius: 2px;
}

.subscribe .input-container .icon {
    position: absolute;
    right: 15px;
    top: 20px;
    color: #b5b3b3 !important;
    left: auto;
    cursor: pointer;
}

.subscribe .input-container .input-field {
    padding-right: 45px;
    border:none;
    border-radius: 5px;
    width: 100%;
    border-radius: 5px;
    padding-left: 15px;
}


.subscribe .input-container .input-field:focus
{
   outline: none;
   border-radius: 5px
}

.rtext
{
   color: #E30613;
}

.subscribe h3
{
   color:#fff;
   margin-bottom: 5px;
}

.subscribe p
{
   color:#fff;
   margin-bottom: 0;
}

.subscribe
{
   margin-bottom: -80px;
   z-index: 2;
   position: relative;
}

/* Faq */
.comh2 {
    height: 350px;
  
}

.comh2 h1
{
   color:#fff;
   position: relative;
   font-size: 28px;
   margin-bottom: 12px;
   text-transform: uppercase;
}

.comh2.bg-img::before {
    background-color: rgba(0, 0, 0, 0.6);
}

.comh2 h2 {
    color: #fff;
    position: relative;
    z-index: 1;
    font-size: 42px;
    font-weight: bold;
}


/* FaqPage */
.faqpage h2
{
   color:#000;
   margin-bottom: 35px;
}

.faqpage .accordion-section .panel-default > .panel-heading {
    border: 0;
    margin-bottom: 0 !important;
    background: #f4f4f4;
    padding: 0 !important;
}

.faqpage .accordion-section .panel-default .panel-title a {
    display: block;
}

.faqpage .accordion-section .panel-default .panel-title a:after {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-size: 1.3rem;
    content: "\f106";
    color: #000;
    font-weight: 600;
    float: right;
    margin-top: -4px;
}

.faqpage .accordion-section .panel-default .panel-title a.collapsed:after {
    content: "\f107";
}

.faqpage .accordion-section .panel-default .panel-body {
    font-size: 1rem;
        padding: 15px;
}

.faqpage h3
{
  text-align: left;
  font-size: 15px !important;
}

.faqpage h3 a
{
  padding: 20px 15px;
  font-style: normal !important;
  text-decoration: none;
}

.faqpage .panel-group .panel
{
       margin-bottom: 15px;
    border-color: transparent;
    border-radius: 0px;
}

.faqpage ul
{
   padding-left: 0;
   list-style: none;
}

.faqpage ul li
{
   font-size: 14px;
   margin-bottom: 8px;
}

.faqpage p
{
   margin-bottom: 10px;
   font-size: 14px;
}

.faqpage .panel-body
{
    background-color: #fbfbfb;
}

.ab1 .aboutCrad
{
   margin-bottom: 25px;
}

.ab1 .aboutCrad 
{
    padding: 20px 20px;
}

.textgrey
{
   color:#707070;
}

.ourcul .textgrey
{
   font-size: 14px;
}

.cultureBox p
{
   font-size: 13px;
}

.has-search {
    position: relative;
}

input:focus {
    box-shadow: none !important;
    border-color: #e80101 !important;
}

.form-control
{
   height: 50px;
}

.form-control:focus
{
   box-shadow: none;
   border-color: #E30613
}

.has-search .form-control-feedback {
    color: #E80101;
    position: absolute;
    top: 14px;
    right: 14px;
}

.has-search .form-control {
    padding-right: 38px;
    height: 48px;
    padding-left: 15px;
}

.books .boxSh
{
  margin-bottom: 25px;
}

.bgblue {
    background-color: #f9f9f9;
}

.pd25 {
    padding: 25px;
}

.searchri h3 {
    text-align: left;
    color: #000;
    font-size: 22px;
    font-weight: 600;
}
.br2
{
  padding-top: 16px;
  padding-bottom: 16px;
  border-radius: 5px !important;
}

.privacybOX h2
{
   margin-bottom: 20px;
   font-size: 36px;
}

.privacybOX p
{
   margin-bottom: 20px;
}
.uk-slideshow [class*=uk-position-bottom] {
    position: relative!important;
}

.uk-card-body
{
   padding: 0;
}

.uk-child-width-1-2\@m>* {
    width: 100%;
}

.uk-card-default
{
   box-shadow: none;
}

.uk-position-bottom-center, .uk-position-top-center {
    left: 0;
  }

.uk-position-small
{
   margin: 15px 0 0 0;
}

.uk-thumbnav li img
{
   width: 120px;
   height: 130px;
   object-fit: cover;
}

.uk-thumbnav {
    margin-left: 0;
}

.uk-thumbnav>* {
    padding-left: 0;
}

.uk-thumbnav li
{
  margin-right: 17px !important;
  border:1px solid #000;
}

.uk-position-small
{
  max-width: calc(100% - 0%);
}


.uk-thumbnav li:last-child
{
  margin-right: 0px;
}

.uk-position-bottom-center, .uk-position-top-center
{
   transform: translateX(0);;
}

.uk-position-small.uk-position-bottom-center, .uk-position-small.uk-position-top-center
{
      transform: translateX(0) translateX(0);
      width: 100%;
}

.uk-slideshow-items>*
{
   border:1px solid #000;
}

.rightPro h2
{
      font-size: 32px;
    color: #000;
    margin-bottom: 15px;
}

#slider {
  position: relative;
  width: 100% !important;
  overflow: hidden;
  height: auto !important;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: auto;

}

#slider a.control_prev, #slider a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 0px 3px;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

#slider a.control_prev:hover,  #slider a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

#slider a.control_prev {
  border-radius: 0 2px 2px 0;
}

#slider a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}

.uk-thumbnav
{
   width: 1500px !important;
   margin-left: 0 !important;
}

.rightPro .price
{
   font-size: 36px;
   font-weight: bold;
   color: #E30613;
   margin-bottom: 25px;
}

.rightPro .price span
{
   text-decoration: line-through;
   color: #7D7D7D;
}

.rightPro p
{
   font-size: 16px;
}


.qty .count {
       color: #000;
    font-size: 25px;
    font-weight: 700;
    border: 1px solid #000;
    line-height: 0;
    background-color: transparent !important;
    font-size: 15px;
    padding: 0 2px;
    min-width: 110px;
    height: 50px;
    text-align: center;
    border-radius: 100px;
    margin: 0 5px;
}
.qty .plus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    background-color: transparent !important;
    color: #707070;
    line-height: 50px;
    width: 50px;
    height: 50px;
    border: 1px solid #707070;
    text-align: center;
    border-radius: 50%;
    background-clip: padding-box;
    }
.qty .minus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    background-color: transparent !important;
    color: #707070;
    line-height: 50px;
    width: 50px;
    height: 50px;
    border: 1px solid #707070;
    text-align: center;
    border-radius: 50%;
    background-clip: padding-box;
}
.qty {
    margin: 24px 0 40px;
}
.qty .minus:hover{
    background-color: #E30613 !important;
    border-color: #E30613 !important;
    color:#fff;
}
.qty .plus:hover{
  color:#fff;
    background-color: #E30613 !important;
    border-color: #E30613 !important;
}
/*Prevent text selection*/
.qty span{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.qty input{  
    border: 0;
    width: 2%;
}
.qty input::-webkit-outer-spin-button,
.qty input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.qty input:disabled{
    background-color:white;
}

.addInfo li 
{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #707070;
}

.addInfo li:last-child
{
   border-bottom: 0;
}

.addInfo li span {
    width: 175px;
    background-color: #F5F5F5;
    padding: 15px 15px;
    margin-right: 20px;
    border-right: 1px solid #707070;
}

.addInfo {
    border: 1px solid #707070;
}

.productSlider .slick-slider .slick-prev.slick-arrow,
.productSlider .slick-slider .slick-next.slick-arrow 
{
    top: 32%;
}


.productSlider .slick-slider .slick-prev.slick-arrow:focus,
.productSlider .slick-slider .slick-prev.slick-arrow:active,
.productSlider .slick-slider .slick-next.slick-arrow:focus, 
.productSlider .slick-slider .slick-next.slick-arrow:active 
{
    border-color:#000;
    outline: none
}

.productSlider .slick-initialized .slick-slide {
    margin: 0 5px;
}

.productSlider .slick-slider .slick-prev.slick-arrow
{
    left: -45px;
    width: 26px;
        position: absolute;
    height: 27px;
    line-height: 20px;
    background-color: #fff;
    font-size: 20px;
    border: 1px solid #aaa;
}

.productSlider .slick-slider .slick-next.slick-arrow
{
    right: -45px;
     background-color: #fff;
    font-size: 20px;
    width: 26px;
    height: 27px;
        position: absolute;
    line-height: 20px;
    border: 1px solid #aaa;
}



.productSlider .brand-item
{
    border: 1px solid #d7d7d7;
}


.productSlider .boxSh {
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
    margin: 9px;
}

.slick-slide:focus {
    outline: none;
}

.bgGrey
{
   background-color: #F7F7F7;
}

.head_m
{
   padding:40px 20px;
}

.head_m h1
{
   font-weight: bold;
}

.asvg svg:hover g circle
{
   fill:#E30613;
}

/* Payment */
.paymentBox {
    background-color: #FCFCFC;
}

.paymentBox h3 {
    font-size: 28px;
}

.bordbot {
    border-bottom: 1px solid #aaa;
}

.oneSelect {
        display: flex;
    margin-top: 13px;
    /* justify-content: center; */
    position: relative;
    left: -7px;
}

.oneSelect .labl {
    margin: 0px 5px;
    width: 100%;
    max-width: 250px;
}

.oneSelect .labl > input {
    visibility: hidden;
    position: absolute;
}

.oneSelect .labl > input + div {
    border: 2px solid #eee;
    border-radius: 3px;
    position: relative;
}

.oneSelect .labl > input:checked + div {
    border-radius: 3px;
    position: relative;
}

.oneSelect .labl > input:checked + div:after
{
      content: "✓";
        position: absolute;
    right: -4px;
    top: -11px;
    background-color: #E22424;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 25px
}

.paymentBox p {
    font-size: 13px;
    color: #7D7D7D;
}

.payright h3 {
    background-color: #E22424;
    font-size: 20px;
    text-align: center;
}

.payright {
    background-color: #FCFCFC;
}

.payUl ul li {
    margin-bottom: 20px;
    color: #7D7D7D;
}

.contact_form select,
.contact_form input{
    border:1px solid #707070;
    height: 50px;
    outline: none;
    font-size: 14px;
    border-radius: 4px;

}

.contact_form textarea {
    border:1px solid #707070;
}

/*  Contact */
.contact_form1 {
    background: #f3f8ff;
    padding: 40px;
}

.cdeta h3
{
   font-size: 16px;
   color: #707070;

}



/** start-vivek-css **/
a.vear-btn {
  color: #fff;
  border: 1px #E30613 solid;
  padding: 12px 20px;
  border-radius: 3px;
  background: #E30613;
  display: inline-flex;
}
.table td, .table th{
  font-size: 15px;
}
.tab-content>.active {
  display: block;
  padding: 20px 0px;
}
.col-md-6.offset-md-3.grads form#create-class {
  padding: 25px;
  box-shadow: 1px 1px 10px 1px #ccc;
  border-radius: 10px;
  margin-top: 50px;
  margin-bottom: 50px;
}
.col-md-6.offset-md-3.grads form#create-class input.btn.btn-primary.btn-md {
  background: #E30613;
  border-color: #E30613;
  padding: 12px 0px;
  border-radius: 30px;
  width: 120px;
  margin-top: 10px;
}
.subscribe form{
  margin-left: 0px;
}
.navbar-nav #nav-cart {
  position: relative;
  padding: 10px 7px;
}
#nav-cart-count-container {
  position: absolute;
  right: -12px;
  background: #E30613;
  color: #fff;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 100%;
  line-height: 25px;
  font-weight: bold;
  top: -5px;
}
form .radioTwo.mt-3 .custom-control {
  display: block;
  margin-bottom: 8px;
}
form .radioTwo.mt-3 {
  margin-bottom: 15px;
}
.payright .payUl.p-3 {
  box-shadow: 0px 1px 10px -1px #ccc;
}
div#example-1 form#create-payment {
  margin-top: 12px;
  text-align: center;
  width: 100%;
  max-width: 246px;
}
.subscribe form input.btn.btn-info {
  color: #ffffff !important;
  border: 1px #000000 solid !important;
  background: #000000;
  border-radius: 0px;
}
nav {
  width: 100%;
  text-align: center;
  margin: auto;
  display: block;
  margin-top: 50px;
}

ul.pagination {
  width: 100%;
  text-align: center;
  margin: auto;
  float: none;
  display: inline-block !important;
  clear: both;
}
ul.pagination li.page-item a{
  color:#E30613;
}
ul.pagination li.page-item {
  float: none;
  text-align: center;
  display: inline-block;
}
ul.pagination li.page-item.active span {
  background: #E30613 !important;
  border-color: #E30613 !important;
}
ul.pagination li.page-item a:hover{
  background: #E30613 !important;
  border-color: #E30613 !important;
  color:#fff;
}

.new-blog{
  padding:90px 0px;
}

.ind-blog .blog-pic img {
  width: 100%;
  border-radius: 5px;
}
.ind-blog {
  background: #eee;
  margin-bottom: 30px;
}
.ind-blog .blog-txt {
  padding: 20px;
}
.ind-blog .blog-txt h3 {
  margin-top: 8px;
}
.ind-blog .blog-txt a.learn-more {
  margin-top: 15px;
  margin-bottom: 20px;
}

.side-post {
  background: #eee;
  padding: 15px;
  border-radius: 3px;
  width: 100%;
  float: left;
}

.side-post h3 {
  text-transform: capitalize;
  color: #000;
  font-weight: 500;
  margin-bottom: 20px;
}
.side-post .post-pic {
  width: 80px;
  display: inline-flex;
  float: left;
}
.side-post .side-post-cnt {
  display: inline-block;
  width: 72%;
  padding-left: 15px;
  font-size: 14px;
}
.side-post .main-post {
  margin-bottom: 20px;
  display: block;
  clear: both;
  width: 100%;
  float: left;
}

.dropdown-toggle img, .dropdown-toggle > div, .dropdown-toggle::after {

  margin-top: auto;
  margin-bottom: auto;
}

/** end-vivek-css **/