/*
  !important;
*/
.titlepage{
    width: 100% !important;
    height: 118px !important;
    margin-bottom: 20px !important;
    padding: 15px !important;
    font-size: 20px;
    color: #000;
    background-image: url(images/11.png);
}

.titlepage h1{
    font-size: 13px;
    padding-top: 38;
    padding-right: 190px;
    color: #fff;
}

.colorbtn1{
  background: #fff;
  color: #000
}



.ghabnewsopage{
  width: 100%;
  height: 150px;
  overflow: hidden ;
  border: 2px solid #ddd !important;
  background:  #fff ;
      border-top-right-radius: 10px !important;
border-top-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
border-bottom-left-radius: 10px !important;
}

.ghabnewsopage:hover{
  -moz-box-shadow: 2px 2px 2px 2px #A8C6F5;
  -webkit-box-shadow: 2px 2px 2px 2px #A8C6F5;
  box-shadow: 0px 2px 2px 2px #A8C6F5;
    	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
    cursor: pointer;
}


.ghabnewsoblog{
  width: 100%;
  height: 380px;
  padding: 10px !important;
  overflow: hidden;
  border: 2px solid #ddd !important;
  background:  #fff ;
      border-top-right-radius: 10px !important;
border-top-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
border-bottom-left-radius: 10px !important;
}

.ghabnewsoblog:hover{
  -moz-box-shadow: 2px 2px 2px 2px #A8C6F5;
  -webkit-box-shadow: 2px 2px 2px 2px #A8C6F5;
  box-shadow: 0px 2px 2px 2px #A8C6F5;
    	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
    cursor: pointer;
}



.ghabnewso{
  width: 100%;
  height: 450px;
  padding: 10px !important;
  overflow: hidden;
  border: 2px solid #ddd !important;
  background:  #fff ;
      border-top-right-radius: 10px !important;
border-top-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
border-bottom-left-radius: 10px !important;
}


.ghabnewso:hover{
  -moz-box-shadow: 2px 2px 2px 2px #A8C6F5;
  -webkit-box-shadow: 2px 2px 2px 2px #A8C6F5;
  box-shadow: 0px 2px 2px 2px #A8C6F5;
    	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
    cursor: pointer;
}


.onvan_ghabnewso{
  font-size: 12px;
      width: 100%;
    padding: 5px  !important;
    text-align: center;
      height: 55px;
  overflow:  hidden;
    line-height: 15px;
}
.onvan_ghabnewso h3{
  font-size: 14px;

}
.onvan_ghabnewso a{
    font-size: 14px;
}

.date_ghabnewso{
  margin-top: 5px !important;
    padding: 5px  !important;
          width: 100%;
          color: #6C6C6C;    text-align: center;
}

.matn_ghabnewso{
 margin-top: 5px !important;
    padding: 5px  !important;
          width: 100%;
          color: #000;
          height: 60px;
            overflow: hidden;

}


.mor_ghabnewso{
  float: right;
  margin-right: 20px  !important;
 margin-top: 10px !important;
 width: 100%;
    text-align: center;
}


.tagsizeee{
  margin-bottom: 5px !important;
}

.pic_ghabnewso{
     width: 100%;
    height: 220px;
    --max-width-images: 100%;
    position: relative;
    max-width: var(--max-width-images);
    border-radius: 100% 100% 100% 100% / 37% 51% 49% 63%;
    overflow: hidden;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;

}

.pic_ghabnewso img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 220px;
    object-fit: cover;
}


/*
.ellipse {
    width: 100%;
    height: 250px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ellipse img {
    width: auto;
    height: 100%;
}

*/








.blogcol1{

 font-size: 14px !important;
 line-height: 25px !important;
}

.ghabshore1{
  height:   auto;
 border: 0px solid #ccc ;
         border-top-right-radius: 10px !important;
border-top-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
border-bottom-left-radius: 10px !important;

}



.mediacol {
  margin-bottom: 20px;
}



.mediaall{
   padding-right: 10px !important;
  padding-left: 10px !important;
  cursor: pointer;
  direction: ltr;
    height: 250px;
    margin-top: 50px;
    margin-bottom: 20px;
}

.ghabmedi{
  width: 100%;
  height: 250px;

  text-align: center;

}
/*
  background: #fff;
    border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-moz-box-shadow: 3px 3px 3px 3px #ddd;
  -webkit-box-shadow: 3px 3px 3px 3px #ddd;
  box-shadow: 0px 3px 3px 3px #ddd;
*/

.ghabmedi:hover{



}


.pinmedall{
    padding-right: 60px !important;
  padding-left:60px !important;
  direction: ltr;
}
.pinmedall1{
    padding-right: 70px !important;
  padding-left:70px !important;
    direction: ltr;
}


.picmedia{
  width: 100%;
  height: 160px;
  margin-bottom: 20px;

  overflow: hidden;
}
.picmedia img{
  width: 80%;
  height: 150px;
    margin-top: 10px !important;
}

.mediaplay{
  width:  100%;
  height:  auto;
}


.picmediahide{
  width: 100%;
  height: 150px;
  overflow: ;
}



.txtmedia{
  width: 100%;
  height: 150px;
  position:  relative;
    z-index: 5000;
  margin-top: 150px;
  background: #ddd   ;
}

moreee{
  display: none;

}


.picmediahide:hover moreee{
     display:  inline;
     	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
    text-align: center;
     margin-top: -170px;
    position:  absolute;
       z-index:  5000;
       width: 92%;
       height: 100%;
      background: url(images/shishe2.png)


}


.moreok{
  padding-top: 20px;
  color: #fff ;
  font-size: 15px;
}

.playy{
  font-size: 40px;
  margin-top: 20px;
}
/*
=====================================
*/

.upupmedia{
  position: absolute;
  z-index:  5000;
  top: 45%;
  background: #;
  padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  font-size: 40px;
  color: #fff
}

/*
=====================================
*/


.myvideook{
   width: 100%;
 height: auto;
  margin-bottom: 20px  !important;
}


.myvideo{
 width: 100%;
 height: auto;
     border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.linklogimpz1 {
   background: #040033 ;
   width: 100%;
   color: #fff
}


.linklogimpz1 a {
  
   color: #fff
}

.linklogimpz2 {
   background: #040033 ;
}

.ghablogcatm{
 width: 100%;
  margin-bottom: 10px !important;
}
.ghablogcatm a{
 width: 100%; font-size:12px;
}

.ghablogcat{
 width: 100%;
}


.ghablogcat a{
   padding: 8px  !important;
  float: right;
 width: 100%;
  margin-bottom: 10px !important;
  background: #eee;
        border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
font-size: 12px;
}

.ghablogcat:hover a{
     	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
 background:  #ccc
}


details {

}


details summary{
  text-align: center;
 padding:10px;
 border:none;
 cursor:pointer;
 background:    #F77426 ;
       border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
  margin-bottom: 10px !important;

}


@media (min-width: 700px) {

.pindingsyleblog{
  padding-left: 0px !important;
  padding-right: 0px  !important;
}
}
/*
mobile
*/
@media (max-width: 700px) {

.pindingsyleblog{
  padding-left: 5px !important;
  padding-right: 5px  !important;
}
}

/*
  ========================================
*/

.faseleazpayin{
  margin-bottom: 50px !important ;
  padding-left: 50px  !important ;
  padding-right: 50px  !important ;

}
.faseleazpayinse{
  margin-bottom: 50px !important ;
  padding-left: 50px  !important ;
  padding-right: 50px  !important ;

}

@media (min-width: 700px) {
.mergadsservicpp{
  margin-top: 50px !important;
  margin-bottom: 10px !important;
  padding-left: 30px  !important;
  padding-right:   30px  !important;
}

.ghabservicpage {
    width: 100%;
    height: 200px;
    background: #fff;
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}


.ghabservicpage-p {
    width: 100%;
    height: 400px;
    background: #fff;
    border-top-left-radius: 70px !important;
    border-bottom-left-radius: 70px !important;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 70px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}


}
/*
mobile  F3F4F8
*/
@media (max-width: 700px) {
    
    
    .titlepage{
    width: 100% !important;
    height: 118px !important;
    margin-bottom: 20px !important;
    padding: 15px !important;
    font-size: 20px;
    color: #000;
    background-image: url(images/11.png);
}

.titlepage h1{
    font-size: 13px;
    padding-top: 38;
    padding-right: 0px;
    color: #fff;
}

}    
    
    
    

    
    
    
@media (max-width: 700px) {    
    
    
    

.mergadsservicpp{
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  padding-left: 30px  !important;
  padding-right:   30px  !important;
}

  .ghabservicpage{
 width: 100%;
 height:  auto;
 background: #f8f9fc;
   border-top-left-radius: 20px !important;
border-bottom-left-radius: 20px !important;
border-top-right-radius: 20px !important;
border-bottom-right-radius: 20px !important;
border-radius: 50px;
}
  .ghabservicpage-p{
 width: 100%;
 height:  auto;
 background: #fff;
   border-top-left-radius: 20px !important;
border-bottom-left-radius: 20px !important;
border-top-right-radius: 20px !important;
border-bottom-right-radius: 20px !important;
}

}


@media (min-width: 700px) {
  .mergadservicpp{
 padding-top: 20px  !important;
 padding-right: 20px  !important;
 padding-left:  20px  !important;
 padding-bottom: 0px  !important;
}
.mergadservic_1{
 padding-top: 10px  !important;
 padding-right: 0px  !important;
 padding-left:  80px  !important;
 padding-bottom: 50px  !important;

}
}
/*
mobile  F3F4F8
*/
@media (max-width: 700px) {
  .mergadservic{
 padding: 10px   !important;
}
.mergadservic_1{
 padding: 10px   !important;

}
}

@media (min-width: 700px) {
  .hendesi01pp{
  float: left;
  width: 220px !important;
  height: 220px !important;
  margin-top: -10px  !important;
  margin-left: -30px !important;
}

  .hendesi01pp img{
    cursor: pointer;
   object-fit: cover;
     width: 220px !important;
  height: 220px !important;
 border-radius: 35% 65% 55% 45% / 37% 51% 49% 63%;
  }


.picmobilepp{
 display: none;
}



}
/*
mobile  F3F4F8
*/
@media (max-width: 700px) {
  .hendesi01pp{
  display: none;
}

.picmobilepp{
  width: auto;
  max-width: 100%;
  height: 100px;
}
.picmobilepp img{
  width: auto;
  max-width: 100%;
  height: 100px;
     border-top-left-radius: 20px !important;
border-bottom-left-radius: 20px !important;
border-top-right-radius: 20px !important;
border-bottom-right-radius: 20px !important;
}
}
.onvanservicpp{
  width: 90%;
 font-size: 16px;
 color: #335084;
}

.matnservicpp{
    width: 100%;
    height: 78px;
    overflow: hidden;
     font-size: 13px;
    margin-top: 0px !important;
    text-align: justify;
    text-justify: inter-word;
    color: #335084;
     line-height: 20px;
}

.onvanservicpp{
 font-size: 15px;
 color: #335084;
}

.onvanservicpp h2{
 font-size: 15px;
 color: #335084;
 font-weight: 700 !important;
}
.onvanservicpp h3{
 font-size: 15px;
 color: #07004c;
 font-weight: 700 !important; text-align:center; padding:10px;
}

.mergadservic2pp{
  padding-left: 0px  !important;
  padding-right: 0px  !important;
}

/*
  ===========================  slide
*/

/*
  .carousel-inner > .item > img {
            width: 100%;
            height: 800px;
        }
*/


@media (min-width: 700px) {
  .carousel {
    height: 400px;
}



.carousel-inner > .item {
    height: 400px;
}

.carousel-inner > .item > img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}


.img-responsivee, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    max-height: 400px !important;
    height: auto;
}


.carousel-control.left {
    background:  transparent;
}


.carousel-control.right {
    right: 0;
    left: auto;
    background:  transparent;
}
}
/*
mobile  F3F4F8
*/
@media (max-width: 700px) {
  .carousel {
    height: 200px;
}



.carousel-inner > .item {
    height: auto;
}


.carousel-inner > .item > img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}


.img-responsivee, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: 200px;
}


.carousel-control.left {
    background:  transparent;
}


.carousel-control.right {
    right: 0;
    left: auto;
    background:  transparent;
}
}