body{
  overflow-x: hidden;
}
*{
  font-family: 'Arial', sans-serif;
}
/*p{*/
/*  font-family: SB_LIGHT;*/
/*}*/
/*ul li,ul li a{*/
/*  font-family: SB_LIGHT;*/
/*}*/


/* Start Scroll Colors */
/* width */
::-webkit-scrollbar {
  width: 10px;

}

/* Track */
::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background:#FE573E;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
/* Start Scroll Colors */


.Hero_Sections{
    position: relative;
    width: 100%;
    height: 100vh;
}
.Links_Navbar{
    position: absolute;
    width: 90%;
    margin: 30px auto;
    left: 0;
    right: 0;
    z-index: 10;
}

.navbar .collapse ul li a{
    color:#fff !important;
}

.navbar-brand img{
    width: 90px;
}

.company_profile{
    background: linear-gradient(240deg, red, transparent);
    padding: 10px;
    color: #fff;
    border-radius: 20px;
    text-decoration: none;
}

.company_profile a{
    background: linear-gradient(240deg, red, transparent);
    padding: 10px;
    color: #fff;
    border-radius: 20px;
    text-decoration: none;
}

.company_profile:hover{
    color:#fff;
    text-decoration: none;
}

.Hero_Sections .hero-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 200;
    color: #fff;

  }

  .Hero_Sections .hero-text h1{
    font-size: 79px;
    text-align: center;
    margin-bottom: 30px;
  }
  .Hero_Sections .hero-text p{
    text-align: center;
    font-size: 30px;
  }
  .Hero_Sections .hero-text a{
    background: linear-gradient(205deg, #32429a, transparent);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    display: block;
    width: 30%;
    margin: 0 auto;
    margin-top: 30px;
}


.Hero_Sections .hero-text a:hover{
    text-decoration: none;
}

/* About Section */
.About_Us{

    margin-top: 50px;
}

.About_Us h2,.ls_product h2,.our_aginces h2,.our_blogs h2,.Team_Section h2{
    text-align: center;
    display: table;
    margin: 20px auto 70px;
    position: relative;
    font-size: 35px;
}


.About_Us h2::after,.ls_product h2::after,.our_aginces h2::after,.our_blogs h2::after,.Team_Section h2::after{
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -20px;
    background:#32429a;
    display: block;
}

.About_Us h2::before,.ls_product h2::before,.our_aginces h2::before,.our_blogs h2::before,.Team_Section h2::before{
    content: "";
    width: 30%;
    height: 70px;
    background-image: url(../images/Logo/logo_animation.png);
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -72px;
    animation-name: animatin_SB;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    background-size: contain;
    width: 35px;
}

@keyframes animatin_SB {
    0%{
        left: 0;
    }
    50% {
        left: calc(100% - 25px);
    }
    100%{
        left: 0;
    }
}



.Red_More{
    background: linear-gradient(11deg, red, transparent);
    padding: 10px;
    color: #fff;
    border-radius: 20px;
    text-decoration: none;
}


.Categories{
    margin-top: 50px;
}


.Categories  h2{
    text-align: center;
    display: table;
    margin: 20px auto 70px;
    position: relative;
    font-size: 35px;
}


.Categories  h2::after{
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -20px;
    background:#32429a;
    display: block;
}

.Categories  h2::before{
    content: "";
    width: 30%;
    height: 70px;
    background-image: url(../images/Logo/logo_animation.png);
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -72px;
    animation-name: animatin_SB;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    background-size: contain;
    width: 35px;
}

.Swipr_Categories swiper-slide{
    background: red;
    width: 150px !important;
    height: 150px !important;
    border-radius: 50%;
    text-align: center;
    line-height: 150px;
    /* overflow: hidden; */
}

.Swipr_Categories swiper-slide a img{
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.Swipr_Categories swiper-slide  h6{
    margin-top: 20px;
    color: #000;
    text-transform:uppercase
}
.Swipr_Categories swiper-slide a{
    text-decoration: none;
}

.Swipr_Categories {
    width: 100%;
    height: 100%;
    height: 220px;
  }

  .Swipr_Categories  swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .swiper-pagination-clickable .swiper-pagination-bullet{
    background: red !important;
}
.Products {
    display: flex;
    flex-wrap: wrap;
    /* gap: 20px;يخلي العناصر تنزل لسطر جديد */
    align-items: center;
    justify-content: center;
}
.Products .product-item{
    flex: 0 0 25%;     /* 100 ÷ 5 = 20% */
    box-sizing: border-box;
    margin-bottom: 20px;
}
.Products .product-item a{
    color: #000;
}
.Products .product-item a:hover{
    text-decoration:none;
}
.Products .product-item img{
    border-radius: 15px;
    margin-bottom: 20px;
    width: 250px;
    height: 250px;
}


.All_aginces {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;/* يخلي العناصر تنزل لسطر جديد */
    align-items: center;
    justify-content: center;
  }

  .All_aginces > .aginces_item  {
    flex: 0 0 10%;     /* 100 ÷ 5 = 20% */
    box-sizing: border-box;
  }

.All_aginces .aginces_item img{
    width: 200px;
    height: 100px;
    padding: 5px;
    border: none !important;
}

.our_aginces .Show_btn_agn{
    text-align: center;
    display: block;
    padding: 10px;
    background: linear-gradient(356deg, #2b387f, #0628e1);
    width: 12%;
    margin: 40px auto;
    border-radius: 10px;
    color: #fff;
}

/* Start Blog */
.our_blogs{
    margin-bottom: 50px;
}

  main {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
  }
  .normal,
  .hover {
    flex: 1;
    padding: 0 25px;
  }
  .demo-title {
    color: #666;
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
  }
  .module {
    height: 470px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    transition: all 0.3s linear 0s;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
  }
  .module:hover {
    box-shadow: 0 1px 35px 0 rgba(0, 0, 0, 0.3);
  }
  .thumbnail {
    position: relative;
    overflow: hidden;
    background: black;
    border-radius: 20px;
  }
  .thumbnail img {
    width: 120%;
    transition: all 0.3s;
  }
  .module:hover .thumbnail img {
    transform: scale(1.1);
    opacity: 0.6;
  }

  .thumbnail .date {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #ec2923;
    padding-top: 10px;
    color: #fff;
    font-weight: bold;
    border-radius: 100%;
    height: 55px;
    width: 55px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    text-transform: uppercase;
  }
  .date div:first-child {
    font-size: 18px;
    line-height: 1.2;
  }
  .content {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #fff;
    padding: 30px;
    transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  }



  .content .category {
    position: absolute;
    top: -34px;
    left: 0;
    color: #fff;
    text-transform: uppercase;
    background: red;
    padding: 10px 15px;
    font-weight: bold;
  }
  .title {
    margin: 0;
    padding: 0 0 10px;
    color: #333333;
    font-size: 24px;
    font-weight: 700;
  }
  .sub-title {
    margin: 0;
    padding: 0 0 20px;
    color: #e74c3c;
    font-size: 20px;
    font-weight: 400;
  }
  .description {
    color: #666666;
    font-size: 14px;
    line-height: 1.8em;
    height: 0;
    opacity: 1;
    transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    overflow: hidden;
  }
  .module:hover .description {
    height: 100px;
  }
  .meta {
    margin: 30px 0 0;
    color: #999999;
  }
  .comments a{
    text-align: center;
    padding: 10px;
    background: linear-gradient(356deg, #2b387f, #0628e1);
    border-radius: 10px;
    color: #fff;
  }

  .comments a:hover{
    text-decoration: none;
  }

/* End Blog */


/* Start Footer */
.footer{
    height: 450px;
    background-image:linear-gradient(rgba(0,0,0,.6) , rgba(0,0,0,.6)) , url(../images/Backgroundes-Hero/bg.webp);
    background-size: 100% 100%;
  }
  .All_Footer_Information h5{
    color: #fff;
  }
  /* .Contact_Us_Footer h5,
  .Important_Links_Footer h5,
  .Map_Links_Footer h5{
    text-align: center;
  } */
  .Info_Contact,
  .Important_Links_Footer ul,
  .Map_Links_Footer ul{
    list-style: none;
    color: #fff;
  }
  .Info_Contact li,
  .Important_Links_Footer ul li,
  .Map_Links_Footer ul li{
    margin-top:20px;
  }
  .Info_Contact li a,
  .Important_Links_Footer ul li a,
  .Map_Links_Footer ul li a{
    color: #fff;
    text-decoration: none;
  }

  .All_Footer_Information{
    display: flex;
    justify-content: space-around;
    align-items: baseline;
  }

  /* .All_Footer_Information .Info_Footer img{
    width: 230px;
    margin-left: autos;
  } */
  .All_Footer_Information .Info_Footer {
    position: relative;
    top: 114px;
}
  .All_Footer_Information .Info_Footer p{
    width: 300px;
    color:#fff;
    margin-top: 30px;
  }
  .All_Footer_Information .Info_Footer a,
  .Social_Media a{
    text-decoration: none;
    margin-left: 20px;
    color: #fff;
  }
  .footer ul {
    margin: 0;
    padding: 0;
  }

  /* End Footer */

  /* About Us */
  .Page_title{
    text-align: center;
    background-image:linear-gradient(rgba(0,0,0,.5) , rgba(0,0,0,.5)) , url(../images/Backgroundes-Hero/bg.webp);
    background-size:cover;
    height: 300px;
  }
  .Page_title h1{
    font-size: 35px;
    font-weight: bold;
    color: #fff;
    line-height: 350px;
  }


  .est_img{
      position: absolute;
      top: 17%;
      left: 47%;
      width: 200px;
      transform: translate(-50%, -50%) rotate(0deg);
      animation-name: Rtate_Estfhaam;
      animation-duration: 3s;
      animation-iteration-count: infinite;
  }

  @keyframes Rtate_Estfhaam {
    0% {
      transform: translate(-50%, -50%) rotateY(0deg);
  }

  50% {
      transform: translate(-50%, -50%) rotateY(360deg);
  }

  100% {
      transform: translate(-50%, -50%) rotateY(0deg);
  }
  }


  .why_fet{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .why_feat_item{
    flex: 0 0 50%;
    box-sizing: border-box;

  }


  .All_Visions {
    /* display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 100px; */
}

.v1 {
  /* width: 400px;
  height: 400px; */
  padding: 30px;
  border-radius: 20px;
  transition: 1s;
}

.v1 .img_v1 img {
  display: block;
  margin: 10px auto;
}

.v1 p {
  padding: 10px;
}

/* .v1:hover {
  background: #343fb7;
  color: #fff;
}

.v1:hover .img_v1 img {
  filter: brightness(0) saturate(100%) invert(89%) sepia(100%) saturate(0%) hue-rotate(178deg) brightness(109%) contrast(101%);
} */

.Date_of_establishment {
  width: 85%;
  margin: 0 auto;
}


.Swiper_Team {
  width: 300px;
  height: 420px;
  margin-bottom: 100px;
}

.Swiper_Team swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
}

.Swiper_Team swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Start Contact Us */

.Contact_Us_Shadow {
  background: #fff;
  margin: 10px auto;
  padding: 30px 30px;
  border: 1px solid #F6F7FD;
  border-radius: 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.All_Contact_Us {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.All_Contact_Us .Contact_item img {
  margin-bottom: 20px;
}
.All_Contact_Us .Contact_item h3 {
  margin-bottom: 20px;
}
.All_Contact_Us .Contact_item p {
  width: 230px;
}

/*simple flex card*/
.service{
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
}
.ser1{
	 flex:0 0 20%;
	 background:#32429a;
	 padding:20px;
	 color:#fff;
	 text-align:center;
	 border-radius:10px;
	 margin:2px 4px;
   margin-bottom: 20px;
	}
  .ser1 h5, .ser1 p{
   transition:.2s ease-in-out;
}
.icon{
	 display:flex;
	 justify-content:center;
	 align-items:center;
}
.icon img{
  width: 200;
  border-radius: 20px;
}

 .btn-primary{
    border:none;
	background:#ec2923;
	padding:9px 9px;
	border-outline-color:red;
	border-radius:5px;
	transition:.2s ease-in-out;
 }
  .ser1:hover img{
    transform:scale(1.1);
 }
 .ser1:hover h5{
    transform:scale(1.1);
 }
 .ser1:hover p{
    transform:scale(1.1);
 }
 .btn-primary:hover{
 transform:scale(1.1)
 }



 .swiper-3d {
  perspective: unset !important;
}


 /* ######################################################################################################################*/
 /* ################################# Start Media Query ########################################*/
 /* ######################################################################################################################*/



 /* // Small devices (landscape phones, 576px and up) */
@media (min-width:300px) {

  .Hero_Sections .hero-text h1{
    font-size: 30px;
  }

  .Hero_Sections .hero-text p{
    width: 300px;
  }

  section.About_Us h3 {
    margin-top: 30px;
}

.service{
  display: block;
}

.Products {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.Products .product-item img {
  width: 100%;
}

swiper-container.mySwiper.Swipr_Categories swiper-slide{
  margin-right: 18px !important;
}

.Red_More {
  width: 300px !important;
  margin-bottom: 20px !important;
}

.Products{
  gap: 10px;
}

.our_aginces .Show_btn_agn{
  width: 35%;
}

main{
  display: block;
}

main .hover{
  margin-bottom: 20px;
}

.footer{
  height: auto;
  padding-bottom: 20px;
}
.All_Footer_Information {
  flex-direction: column-reverse;
}

.All_Footer_Information .Info_Footer {
  display: block;
  margin: 0 auto;
  width: 100%;
  top: 35px;
}

.All_Footer_Information .Info_Footer p {
  width: 100%;
  text-align: center;
}


.Map_Links_Footer , .Important_Links_Footer , .Contact_Us_Footer {
  width: 100%;
  text-align: center;
  margin-top: 50px;
}

section.About_Us .row {
  flex-direction: column-reverse;
}

.est_img {
  position: relative;
  top: 90px;
  left: 90px;
  width: 150px;
}

.why_feat_item {
  text-align: center;
}

.All_Visions {
  justify-content: center;
  flex-direction: column;
}

.Filter_Product form select , .Filter_Product input{
  width: 100% !important;

}
.Filter_Product form select{
  margin-bottom: 20px;
}


.All_Contact_Us {
  /* flex-direction: column; */
  justify-content: center;
  align-items: center;
  text-align: center;
}


.Contact_item img {
  display: block;
  margin: 20px auto;
}

.Swiper_Hero swiper-slide img{
  height: 100vh;
}


 }


 @media(max-width:600px){
    .All_Contact_Us {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
      }
 }

 /* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .Hero_Sections .hero-text h1{
    font-size: 30px;
  }

  .Hero_Sections .hero-text p{
    width: 480px;
  }

  section.About_Us h3 {
    margin-top: 30px;
}

swiper-container.mySwiper.Swipr_Categories swiper-slide{
  margin-right: 165px !important;
}

.Products{
  gap: 10px;
}

.our_aginces .Show_btn_agn{
  width: 35%;
}

main{
  display: block;
}

main .hover{
  margin-bottom: 20px;
}

.footer{
  height: auto;
  padding-bottom: 20px;
}
.All_Footer_Information {
  flex-direction: column-reverse;
}

.All_Footer_Information .Info_Footer {
  display: block;
  margin: 0 auto;
  width: 100%;
  top: 35px;
}

.All_Footer_Information .Info_Footer p {
  width: 100%;
  text-align: center;
}


.Map_Links_Footer , .Important_Links_Footer , .Contact_Us_Footer {
  width: 100%;
  text-align: center;
  margin-top: 50px;
}

section.About_Us .row {
  flex-direction: column-reverse;
}

.est_img {
  position: relative;
  top: 90px;
  left: 90px;
  width: 150px;
}

.why_feat_item {
  text-align: center;
}

.All_Visions {
  justify-content: center;
  flex-direction: column;
}

.Filter_Product form select , .Filter_Product input{
  width: 100% !important;

}
.Filter_Product form select{
  margin-bottom: 20px;
}


.All_Contact_Us {
  /* flex-direction: column; */
  justify-content: center;
  align-items: center;
  text-align: center;
}


.Contact_item img {
  display: block;
  margin: 20px auto;
}

 }



/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .Hero_Sections{
    position: relative;
    width: 100%;
    height: 100vh;
}
.Links_Navbar{
    position: absolute;
    width: 90%;
    margin: 30px auto;
    left: 0;
    right: 0;
    z-index: 10;
}

.navbar .collapse ul li a{
    color:#fff !important;
}

.navbar-brand img{
    width: 90px;
}

.company_profile{
    background: linear-gradient(240deg, red, transparent);
    padding: 10px;
    color: #fff;
    border-radius: 20px;
    text-decoration: none;
}

.company_profile:hover{
    color:#fff;
    text-decoration: none;
}

.Hero_Sections .hero-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 200;
    color: #fff;

  }

  .Hero_Sections .hero-text h1{
    font-size: 80px;
    text-align: center;
    margin-bottom: 30px;
  }
  .Hero_Sections .hero-text p{
    text-align: center;
    font-size: 30px;
    width: 100%;
  }
  .Hero_Sections .hero-text a{
    background: linear-gradient(205deg, #32429a, transparent);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    display: block;
    width: 30%;
    margin: 0 auto;
    margin-top: 30px;
}


.Hero_Sections .hero-text a:hover{
    text-decoration: none;
}

/* About Section */
.About_Us{

    margin-top: 50px;
}

.About_Us h2,.ls_product h2,.our_aginces h2,.our_blogs h2,.Team_Section h2{
    text-align: center;
    display: table;
    margin: 20px auto 70px;
    position: relative;
    font-size: 35px;
}


.About_Us h2::after,.ls_product h2::after,.our_aginces h2::after,.our_blogs h2::after,.Team_Section h2::after{
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -20px;
    background:#32429a;
    display: block;
}

.About_Us h2::before,.ls_product h2::before,.our_aginces h2::before,.our_blogs h2::before,.Team_Section h2::before{
    content: "";
    width: 30%;
    height: 70px;
    background-image: url(../images/Logo/logo_animation.png);
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -72px;
    animation-name: animatin_SB;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    background-size: contain;
    width: 35px;
}

@keyframes animatin_SB {
    0%{
        left: 0;
    }
    50% {
        left: calc(100% - 25px);
    }
    100%{
        left: 0;
    }
}



.Red_More{
    background: linear-gradient(11deg, red, transparent);
    padding: 10px;
    color: #fff;
    border-radius: 20px;
    text-decoration: none;
}


.Categories{
    margin-top: 50px;
}


.Categories  h2{
    text-align: center;
    display: table;
    margin: 20px auto 70px;
    position: relative;
    font-size: 35px;
}


.Categories  h2::after{
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -20px;
    background:#32429a;
    display: block;
}

.Categories  h2::before{
    content: "";
    width: 30%;
    height: 70px;
    background-image: url(../images/Logo/logo_animation.png);
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -72px;
    animation-name: animatin_SB;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    background-size: contain;
    width: 35px;
}

.Swipr_Categories swiper-slide{
    background: red;
    width: 150px !important;
    height: 150px !important;
    border-radius: 50%;
    text-align: center;
    line-height: 150px;
    /* overflow: hidden; */
}

.Swipr_Categories swiper-slide a img{
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.Swipr_Categories swiper-slide  h6{
    margin-top: 20px;
    color: #000;
    text-transform:uppercase
}
.Swipr_Categories swiper-slide a{
    text-decoration: none;
}

.Swipr_Categories {
    width: 100%;
    height: 100%;
    height: 220px;
  }

  .Swipr_Categories  swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .swiper-pagination-clickable .swiper-pagination-bullet{
    background: red !important;
}
.Products {
    display: flex;
    flex-wrap: wrap;
    /* gap: 20px;يخلي العناصر تنزل لسطر جديد */
    align-items: center;
    justify-content: center;
}
.Products .product-item{
    flex: 0 0 25%;     /* 100 ÷ 5 = 20% */
    box-sizing: border-box;
    margin-bottom: 20px;
}
.Products .product-item a{
    color: #000;
}
.Products .product-item a:hover{
    text-decoration:none;
}
.Products .product-item img{
    border-radius: 15px;
    margin-bottom: 20px;
    width: 250px;
    height: 250px;
}


.All_aginces {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;/* يخلي العناصر تنزل لسطر جديد */
    align-items: center;
    justify-content: center;
  }

  .All_aginces > .aginces_item  {
    flex: 0 0 10%;     /* 100 ÷ 5 = 20% */
    box-sizing: border-box;
  }

.All_aginces .aginces_item img{
    width: 100px;
    height: 100px;
    padding: 5px;
    border: none !important;
}

.our_aginces .Show_btn_agn{
    text-align: center;
    display: block;
    padding: 10px;
    background: linear-gradient(356deg, #2b387f, #0628e1);
    width: 12%;
    margin: 40px auto;
    border-radius: 10px;
    color: #fff;
}

/* Start Blog */
.our_blogs{
    margin-bottom: 50px;
}

  main {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
  }
  .normal,
  .hover {
    flex: 1;
    padding: 0 25px;
  }
  .demo-title {
    color: #666;
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
  }
  .module {
    height: 470px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    transition: all 0.3s linear 0s;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
  }
  .module:hover {
    box-shadow: 0 1px 35px 0 rgba(0, 0, 0, 0.3);
  }
  .thumbnail {
    position: relative;
    overflow: hidden;
    background: black;
    border-radius: 20px;
  }
  .thumbnail img {
    width: 120%;
    transition: all 0.3s;
  }
  .module:hover .thumbnail img {
    transform: scale(1.1);
    opacity: 0.6;
  }

  .thumbnail .date {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #ec2923;
    padding-top: 10px;
    color: #fff;
    font-weight: bold;
    border-radius: 100%;
    height: 55px;
    width: 55px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    text-transform: uppercase;
  }
  .date div:first-child {
    font-size: 18px;
    line-height: 1.2;
  }
  .content {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #fff;
    padding: 30px;
    transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  }



  .content .category {
    position: absolute;
    top: -34px;
    left: 0;
    color: #fff;
    text-transform: uppercase;
    background: red;
    padding: 10px 15px;
    font-weight: bold;
  }
  .title {
    margin: 0;
    padding: 0 0 10px;
    color: #333333;
    font-size: 24px;
    font-weight: 700;
  }
  .sub-title {
    margin: 0;
    padding: 0 0 20px;
    color: #e74c3c;
    font-size: 20px;
    font-weight: 400;
  }
  .description {
    color: #666666;
    font-size: 14px;
    line-height: 1.8em;
    height: 0;
    opacity: 1;
    transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    overflow: hidden;
  }
  .module:hover .description {
    height: 100px;
  }
  .meta {
    margin: 30px 0 0;
    color: #999999;
  }
  .comments a{
    text-align: center;
    padding: 10px;
    background: linear-gradient(356deg, #2b387f, #0628e1);
    border-radius: 10px;
    color: #fff;
  }

  .comments a:hover{
    text-decoration: none;
  }

/* End Blog */


/* Start Footer */
.footer{
    height: 450px;
    background-image:linear-gradient(rgba(0,0,0,.6) , rgba(0,0,0,.6)) , url(../images/Backgroundes-Hero/bg.webp);
    background-size: 100% 100%;
  }
  .All_Footer_Information h5{
    color: #fff;
  }
  /* .Contact_Us_Footer h5,
  .Important_Links_Footer h5,
  .Map_Links_Footer h5{
    text-align: center;
  } */
  .Info_Contact,
  .Important_Links_Footer ul,
  .Map_Links_Footer ul{
    list-style: none;
    color: #fff;
  }
  .Info_Contact li,
  .Important_Links_Footer ul li,
  .Map_Links_Footer ul li{
    margin-top:20px;
  }
  .Info_Contact li a,
  .Important_Links_Footer ul li a,
  .Map_Links_Footer ul li a{
    color: #fff;
    text-decoration: none;
  }

  .All_Footer_Information{
    display: flex;
    justify-content: space-around;
    align-items: baseline;
    flex-direction: unset;
  }

  /* .All_Footer_Information .Info_Footer img{
    width: 230px;
    margin-left: autos;
  } */
  .All_Footer_Information .Info_Footer {
    position: relative;
    top: 114px;

}
  .All_Footer_Information .Info_Footer p{
    width: 300px;
    color:#fff;
    margin-top: 30px;
  }
  .All_Footer_Information .Info_Footer a,
  .Social_Media a{
    text-decoration: none;
    margin-left: 20px;
    color: #fff;
  }
  .footer ul {
    margin: 0;
    padding: 0;
  }

  /* End Footer */

  /* About Us */
  .Page_title{
    text-align: center;
    background-image:linear-gradient(rgba(0,0,0,.5) , rgba(0,0,0,.5)) , url(../images/Backgroundes-Hero/bg.webp);
    background-size:cover;
    height: 300px;
  }
  .Page_title h1{
    font-size: 35px;
    font-weight: bold;
    color: #fff;
    line-height: 350px;
  }


  .est_img{
      position: absolute;
      top: 17%;
      left: 47%;
      width: 200px;
      transform: translate(-50%, -50%) rotate(0deg);
      animation-name: Rtate_Estfhaam;
      animation-duration: 3s;
      animation-iteration-count: infinite;
  }

  @keyframes Rtate_Estfhaam {
    0% {
      transform: translate(-50%, -50%) rotateY(0deg);
  }

  50% {
      transform: translate(-50%, -50%) rotateY(360deg);
  }

  100% {
      transform: translate(-50%, -50%) rotateY(0deg);
  }
  }


  .why_fet{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .why_feat_item{
    flex: 0 0 50%;
    box-sizing: border-box;

  }


  .All_Visions {
    /* display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 100px;
    flex-direction: row; */
}

section.About_Us .row{
  flex-direction: unset;
}

.v1 {
  width: 80%;
  margin: 10px auto;
  padding: 30px;
  border-radius: 20px;
  transition: 1s;
}

.v1 .img_v1 img {
  display: block;
  margin: 10px auto;
}

.v1 p {
  padding: 10px;
}

/* .v1:hover {
  background: #343fb7;
  color: #fff;
}

.v1:hover .img_v1 img {
  filter: brightness(0) saturate(100%) invert(89%) sepia(100%) saturate(0%) hue-rotate(178deg) brightness(109%) contrast(101%);
} */

.Date_of_establishment {
  width: 85%;
  margin: 0 auto;
}


.Swiper_Team {
  width: 300px;
  height: 420px;
  margin-bottom: 100px;
}

.Swiper_Team swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
}

.Swiper_Team swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Start Contact Us */

.Contact_Us_Shadow {
  background: #fff;
  margin: 10px auto;
  padding: 30px 30px;
  border: 1px solid #F6F7FD;
  border-radius: 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.All_Contact_Us {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.All_Contact_Us .Contact_item img {
  margin-bottom: 20px;
}
.All_Contact_Us .Contact_item h3 {
  margin-bottom: 20px;
}
.All_Contact_Us .Contact_item p {
  width: 230px;
}

/*simple flex card*/
.service{
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
}
.ser1{
	 flex:0 0 20%;
	 background:#32429a;
	 padding:20px;
	 color:#fff;
	 text-align:center;
	 border-radius:10px;
	 margin:2px 4px;
   margin-bottom: 20px;
	}
  .ser1 h5, .ser1 p{
   transition:.2s ease-in-out;
}
.icon{
	 display:flex;
	 justify-content:center;
	 align-items:center;
}
.icon img{
  width: 200;
  border-radius: 20px;
}

 .btn-primary{
    border:none;
	background:#ec2923;
	padding:9px 9px;
	border-outline-color:red;
	border-radius:5px;
	transition:.2s ease-in-out;
 }
  .ser1:hover img{
    transform:scale(1.1);
 }
 .ser1:hover h5{
    transform:scale(1.1);
 }
 .ser1:hover p{
    transform:scale(1.1);
 }
 .btn-primary:hover{
 transform:scale(1.1)
 }



 .swiper-3d {
  perspective: unset !important;
}

 }
 /* ######################################################################################################################*/
 /* ################################# End Media Query ########################################*/
 /* ######################################################################################################################*/



 /*@font-face {*/
 /* font-family: SB_BOLD;*/
 /* src: url("../fonts/Co\ Headline\ Bold.otf");*/
 /*}*/

 /*@font-face {*/
 /* font-family: SB_LIGHT;*/
 /* src: url("../fonts/Co\ Headline\ Light.otf");*/
 /*}*/