.sidebar {
  background-image: url('../images/sidebar_background.png');
}
a{
  color: #8e1839;
}
body{
  direction: rtl;
}
.sidebar {
  border-left: solid #8e1839;
}

.subscribe:hover{
  color: wheat;
 }

.sidebar .sidebar_inner ul li a , .font-semibold{
	font-weight: 500;
}
.uk-slideshow-items h1 {
  text-shadow: 2px 2px #8e1839;
}
.uk-slideshow-items p {
  text-shadow: 1px 1px #8e1839;
}
.slider-button{
background-color: rgb(142, 24, 57);
color: white;
}
.main-color {
	color:#8e1839;
}
.dir-rtl{
	direction: rtl;
}
.bg-main-color{
	background-color:#8e1839;
}
.color-white{
	color:white;
}
.footer{
	background-color: #1b1b1b;
	background-image: url('http://qatarch.com/qatar_ch/assets/front_assets/img/zk/5.svg');
  background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.041), rgb(16 6 9 / 90%)),url(http://www.qatarch.com/qatar_ch/assets/front_assets/img/zk/5.svg);
  margin-right: unset;
	margin-left: unset;
}
.footer a {
  color: antiquewhite;
}
.footer h3 {
  font-size: 21px;
  font-weight: 500;
}

.header_search {
  border: solid 1px #8e183963;
  border-radius: 25px;
}
.header_search input::placeholder{
	color:#8e1839 !important;
}

.sidebar .sidebar_inner ul li.active-submenu ul a {
  color: #585757;
  border-radius: 6px;
  padding: 7px 12px;
  font-size: 14.5px;
  margin-bottom: 2px;
  margin-right: 40px !important;
}


.save-filter:hover{
  color: white;
}
.container .content{
display: flex;
align-items: center;
justify-content: space-between;
}
.container .content .left-side{
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 15px;
position: relative;
}
.content .left-side::before{
content: '';
position: absolute;
height:90%;
width: 2px;
right: 190px;
top: 50%;
transform: translateY(-50%);
background: #afafb6;
}
.content .left-side .details{
margin: 14px;
text-align: center;
}
.content .left-side .details i{
font-size: 30px;
color: #3e2093;
margin-bottom: 10px;
}
.content .left-side .details .topic{
font-size: 18px;
font-weight: 500;
}
.content .left-side .details .text-one,
.content .left-side .details .text-two{
font-size: 14px;
color: #afafb6;
}


.container .content .right-side{
width: 75%;
margin-left: 75px;
margin-right: 4%;
padding: 2%;
}
.content .right-side .topic-text{
font-size: 23px;
font-weight: 600;
color: #8e1839;
}
.right-side .input-box{
height: 50px;
width: 100%;
margin: 12px 0;
}
.right-side .input-box input,
.right-side .input-box textarea{
height: 100%;
width: 100%;
border: none;
outline: none;
font-size: 16px;
background: #F0F1F8;
border-radius: 6px;
padding: 0 15px;
resize: none;
}
.right-side .message-box{
min-height: 110px;
}
.right-side .input-box textarea{
padding-top: 6px;
}
.right-side .button{
display: inline-block;
margin-top: 12px;
}
.right-side .button input[type="button"]{
color: #fff;
font-size: 18px;
outline: none;
border: none;
padding: 8px 16px;
border-radius: 6px;
background: #8e1839;
cursor: pointer;
transition: all 0.3s ease;
}
.button input[type="button"]:hover{
background: #8e1839;
}

@media (max-width: 950px) {
.container{
  width: 90%;
  padding: 30px 40px 40px 35px ;
}
.container .content .right-side{
 width: 75%;
 margin-left: 55px;
}
}
@media (max-width: 820px) {
.container{
  margin: 40px 0;
  height: 100%;
}
.container .content{
  flex-direction: column-reverse;
}
.container .content .left-side{
 width: 100%;
 flex-direction: row;
 margin-top: 40px;
 justify-content: center;
 flex-wrap: wrap;
}
.container .content .left-side::before{
 display: none;
}
.container .content .right-side{
 width: 100%;
 margin-left: 0;
 padding: 20px;
}
}

.footer{
  background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.041), rgb(16 6 9 / 90%)),url(http://www.qatarch.com/qatar_ch/assets/front_assets/img/zk/5.svg);
  background-size: 600px;
 }
.sidebar .sidebar_inner ul li.active-submenu ul a {
margin-right: 40px;
}

.read-more:hover{
  color: wheat;
}
.previous:hover{
  color: wheat;
}
.next:hover{
  color: wheat;
}
.background{
  /* background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(142,24,57,0) 0%, rgba(142,24,57,0.5214460784313726) 57%); */
  /*background: linear-gradient(220deg, rgba(142,24,57,1) 0%, rgba(142,24,57,1) 2%, rgba(0,0,0,0) 75%, rgba(251,251,251,0.9780287114845938) 100%);               height: 592px;*/
  /*position: relative;*/
  /*bottom: 543px;*/
}
.white-background {
  height: 144px;
  /* background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%); */
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(249,250,251,1) 100%);
  position: relative;
  bottom: 144px;
}

       /**Country phone picker**/
       .intl-tel-input .selected-flag .iti-flag {
        margin-right: 22px!important;
        }


        .intl-tel-input .selected-flag .iti-flag {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 10%;
        margin: auto;
        }

        .intl-tel-input.separate-dial-code .selected-dial-code {
        /* display: table-cell; */
        /* vertical-align: middle; */
        /* padding-left: 28px; */
        position: absolute;
        right: 18%;
        top: 7px;
        direction: ltr;
        }

        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
        padding-right: 51px!important;
        padding-top: 2%!important;

          font-size: .875rem!important;
          font-weight: 400!important;
          line-height: 1.5715!important;
          color: #333!important;
          background-color: #fff!important;
          background-clip: padding-box!important;
          border: 1px solid #ddd!important;
          border-radius: 0.25rem!important;
          transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;
        }

        .intl-tel-input.allow-dropdown input,
        .intl-tel-input.allow-dropdown input[type=tel],
        .intl-tel-input.separate-dial-code input,
        .intl-tel-input.separate-dial-code input{
        padding-right: 95px!important;
        margin-right: 0;
        padding-top: 2%!important;


        font-size: .875rem!important;
        font-weight: 400!important;
        line-height: 1.5715!important;
        color: #333!important;
        background-color: #fff!important;
        background-clip: padding-box!important;
        border: 1px solid #ddd!important;
        border-radius: 0.25rem!important;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;
        }


        button.print-button {
            width: 80px;
            height: 80px;
          }
          span.print-icon, span.print-icon::before, span.print-icon::after, button.print-button:hover .print-icon::after {
            border: solid 4px #333;
          }
          span.print-icon::after {
            border-width: 2px;
          }

          button.print-button {
            position: relative;
            padding: 0;
            border: 0;

            border: none;
            background: transparent;
          }

          span.print-icon, span.print-icon::before, span.print-icon::after, button.print-button:hover .print-icon::after {
            box-sizing: border-box;
            background-color: #fff;
          }

          span.print-icon {
            position: relative;
            display: inline-block;
            padding: 0;
            margin-top: 20%;

            width: 60%;
            height: 35%;
            background: #fff;
            border-radius: 20% 20% 0 0;
          }

          span.print-icon::before {
            content: " ";
            position: absolute;
            bottom: 100%;
            left: 12%;
            right: 12%;
            height: 110%;

            transition: height .2s .15s;
          }

          span.print-icon::after {
            content: " ";
            position: absolute;
            top: 55%;
            left: 12%;
            right: 12%;
            height: 0%;
            background: #fff;
            background-repeat: no-repeat;
            background-size: 70% 90%;
            background-position: center;
            background-image: linear-gradient(
              to top,
              #fff 0, #fff 14%,
              #333 14%, #333 28%,
              #fff 28%, #fff 42%,
              #333 42%, #333 56%,
              #fff 56%, #fff 70%,
              #333 70%, #333 84%,
              #fff 84%, #fff 100%
            );

            transition: height .2s, border-width 0s .2s, width 0s .2s;
          }

          button.print-button:hover {
            cursor: pointer;
          }

          button.print-button:hover .print-icon::before {
            height:0px;
            transition: height .2s;
          }
          button.print-button:hover .print-icon::after {
            height:120%;
            transition: height .2s .15s, border-width 0s .16s;
          }