@import url('../font/font.css');

 *,
 * button:focus {
   outline: 0;
   margin: 0;
 }

 html::-webkit-scrollbar {
   height: 20px;
   width: 10px;
   background: #f1f1f1;
   border-radius: 0;
 }

 html::-webkit-scrollbar-thumb {
   background: #999;
   -webkit-border-radius: 0;
   border-radius: 10px;
 }

 html::-webkit-scrollbar-corner {
   background: #999;
   border-radius: 10px;
 }
 html{overflow-x: hidden!important;}
 body {
   margin: 0 !important;
   padding: 0 !important;
   font-family: Fanavari;
   font-size: 12pt;
   background-color: #ffffff;
   direction: rtl;
   --bs-body-font-weight: 400;
   --bs-body-font-size: 1rem;
   --bs-body-line-height: 1.6;
   overflow-x: hidden !important;
 }

 .logo {
   margin-top: 20px;
   width: 100%;
   overflow: hidden;
   padding: 5px 10px;
 }

 .logo img {
   width: 100%;
   height: 100%;
   max-height: 55px;
 }


 .navbar-nav a {
  font-size: 16.5pt;
  font-weight: bold;
  color: #125158;
  margin: 0 1rem;
  position: relative;
  overflow: hidden;
}

.navbar-nav a::after {
  content: '';
  border-radius: 5px;
  display: block;
  height: 2px;
  width: 100%;
  background: #125158;
  position: absolute;
  bottom: 0;
  left: 100%;
  transition: left 0.5s ease-in-out;
}

.navbar-nav a:hover::after {
  left: 0;
}

 .navbar-nav a:hover {
   color: #000000 !important;
 }


 .btn-conference {
  border: 1px solid #125158;
  color: rgb(255, 255, 255) !important;
  border-radius: 20px;
  padding: 5px 10px;
  text-align: center;
  background-color: #125158;
  font-size: 14pt!important;
  font-weight: 300;
  justify-content: center;
  width: 100%;
  text-decoration: none;
  display: flex; /* برای هم‌راستا کردن آیکون و متن */
  align-items: center; /* مرکز یابی عمودی */
}

.btn-icon {
  width: 20px;
  height: auto; 
  margin-right: 8px;
  margin-left: 10px;
}

.btn-conference:hover {
  background-color: #59c7ac;
}
 /*VideoIntro*/

 #introVideo {
   height: 100%;
   max-height: 600px;
   overflow-x: hidden;
 }


 /* About Us Style */

 #aboutUs {
   height: 100%;
   background-image: url('../Image/bg-about.jpg');
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   position: relative;
 }

 #aboutUs {
   padding: 2rem;
   position: relative;
 }

 #aboutUs h2 {
   font-size: 28pt;
   position: relative;
   z-index: 1;
   color: #ffffff;
   padding-right: 100px;
   font-weight: bold;
 }

 h2.title::before {
   content: '';

   width: 65px;
   height: 30px;
   background-image: url('../Image/cir-ico.svg');
   background-size: contain;
   background-repeat: no-repeat;
 }

 #aboutUs p {
   font-size: 18pt;
   line-height: 1.5;
   text-align: justify;
   color: #f2f2f2;
   position: relative;
   padding-right: 10px;
 }

 #aboutUs h2.title::before {
   position: absolute;
   right: 10px;
   top: 50%;
   transform: translateY(-50%);
 }

 #aboutUs::before {
   content: '';
   top: 45px;
   border-radius: 10px;
   display: block;
   position: absolute;
   height: 80%;
   width: 1px;
   background-color: #faf6f6;
   right: 50%;
   margin-left: 15px;
 }

 .btn-about {
   font-size: 14pt;
   font-weight: bold;
   color: #f2f2f2;
   border-radius: 5px;
   border: 2px solid #f1f1f1;
   padding: 10px 15px;
   text-align: center;
   margin-right: 45px;
 }

 .btn-about:hover {
   color: #125158;
   border: 2px solid #125158;
 }

 /* Chairperson Style */

 #chairperson {
   background-image: url('../Image/bg-chairman.jpg');
   background-position: left center;
   background-size: contain;
   background-repeat: no-repeat;
   background-color: #fefef6;
   height: 100%;
   max-height: 430px;
 }

 #chairperson h2.title::before {
   position: absolute;
   right: 10px;
   transform: translateY(-50%);
   background-image: url('../Image/cir-ico-dark.svg');
   margin-top: 20px;
 }

 #chairperson h2 {
   margin-top: 45px;
   font-size: 28pt;
   position: relative;
   z-index: 1;
   color: #000000;
   padding-right: 100px;
   font-weight: bold;
 }

 #chairperson p {
   font-size: 18pt;
   line-height: 1.5;
   text-align: justify;
   color: #000000;
   position: relative;
   padding-right: 10px;
 }

 .btn-chairperson {
   font-size: 14pt;
   font-weight: bold;
   color: #242424;
   border-radius: 5px;
   border: 2px solid #242424;
   padding: 10px 15px;
   text-align: center;
   margin-right: 45px;
 }

 .btn-chairperson:hover {
   color: #125158;
   border: 2px solid #125158;
 }




 /* Call Action */

 /* #call-action {
   display: flex;
   align-content: center;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   position: relative;
   width: 100%;
   margin-bottom: 40px;
 }

 #call-action div.right:first-child {
   width: 45%;
   padding: 1rem;
   background-color: #59c7ac;
   border-top-right-radius: 15px;
   border-bottom-right-radius: 15px;
   font-size: 18pt;
   font-weight: 400;
 }

 #call-action div.left:last-child {
   width: 55%;
   padding: 1rem;
   background-color: #125158;
   border-top-left-radius: 15px;
   border-bottom-left-radius: 15px;
 }


 #call-action div.left input {
      display: flex;
      background-color: #bbc7c9;
      border-radius: 15px;
      padding: 0.3rem;
      text-align: center;
      color: #125158;
      margin-right: 10px;
 }

 #call-action div.left a {
   display: flex;
   text-decoration: none;
   background-color: #59c7ac;
   color: #125158;
   text-align: center;
   border-radius: 15px;
   padding: 0.3rem;
   justify-content: center;
   align-content: center;
   align-items: center;
 } */


 /* Call Action */
 #call-action {
   display: flex;
   flex-direction: column;
   /* تغییر جهت به عمودی */
   align-items: center;
   /* وسط‌چینی افقی */
   width: 100%;
   margin-bottom: 40px;
 }

 #call-action .row {
   display: flex;
   align-items: center;
   /* وسط‌چینی عمودی */
   justify-content: center;
   /* وسط‌چینی افقی */
   width: 100%;
 }

 #call-action div.right {
   flex: 0 0 35%;
   /* عرض 45% */
   padding: 1rem;
   background-color: #59c7ac;
   border-top-right-radius: 15px;
   border-bottom-right-radius: 15px;
   font-size: 18pt;
   font-weight: 400;
   height: 120px;
 }

 #call-action div.left {
   flex: 0 0 35%;
   /* عرض 45% */
   padding: 1rem;
   background-color: #125158;
   border-top-left-radius: 15px;
   border-bottom-left-radius: 15px;
   height: 120px;
 }

 #call-action div.left input {
   display: flex;
   background-color: #bbc7c9;
   border-radius: 15px;
   padding: 0.3rem;
   text-align: center;
   color: #125158;
   margin-right: 10px;
 }

 #call-action div.left a {
   display: flex;
   text-decoration: none;
   background-color: #59c7ac;
   color: #125158;
   text-align: center;
   border-radius: 15px;
   padding: 0.3rem;
   justify-content: center;
   align-content: center;
   align-items: center;
 }

 .image-container {
   width: 100%;
   /* عرض کامل */
   display: flex;
   /* استفاده از Flexbox برای وسط‌چینی */
   justify-content: center;
   /* وسط‌چینی افقی */
   margin: 1rem 0;
   /* فاصله بالایی و پایینی */
   position: absolute;
 }

 .center-image {
   max-width: 100%;
   /* حداکثر عرض تصویر */
   height: auto;
   /* حفظ نسبت ابعاد تصویر */
 }

 /* ریسپانسیو */
 @media (max-width: 768px) {

   #call-action div.right,
   #call-action div.left {
     flex-basis: 100%;
     /* عرض کامل در حالت ریسپانسیو */
   }

   .image-container {
     display: none;
   }
 }

 /*OurTeam Style */

 #ourteam {
   background-color: #f1f1f1;
 }

    #ourteam h2.title::before {
        position: absolute;
        display: flex;
        justify-content: center;
        margin-left: 250px;
        transform: translateY(-50%);
        background-image: url('../images/cir-ico-dark.svg');
        margin-top: 20px;
    }

 #ourteam h2 {
   display: flex;
   justify-content: center;
   text-align: center;
   margin-top: 45px;
   font-size: 28pt;
   position: relative;
   z-index: 1;
   color: #125158;
   padding-right: 100px;
   font-weight: bold;
 }

 #ourteam .team-row {
   margin-left: 40px;
   margin-right: 40px;
   margin-top: 60px;
   margin-bottom: 30px;
 }

 #ourteam .team-wrap {
   padding: 0 40px;
 }

 #ourteam .container-fluid {
   padding: 0 50px;
 }

 #ourteam .team-img img {
   -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
   overflow: hidden;
   width: 100%;
 }

 #ourteam .team-member,
 #ourteam .team-img {
   position: relative;
   overflow: hidden;

 }

 #ourteam .team-img {
   border: 2px solid black;
   padding: 1rem;
 }


 #ourteam.team-title {
   margin: 30px 0 7px;
 }

 #ourteam .overlay {
   background-color: rgba(20, 20, 20, .7);
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
   -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
 }

 #ourteam .team-details {
   opacity: 0;
   position: absolute;
   top: 50%;
   left: 0;
   padding: 5%;
   overflow: hidden;
   width: 100%;
   z-index: 2;
   -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
 }

 #ourteam .team-details p {
   color: #fff;
 }

 #ourteam .team-img:hover .team-details {
   opacity: 1;
   margin-top: -80px;
 }

 #ourteam .team-img:hover .overlay {
   opacity: 1;
 }

 #ourteam .socials a {
   display: inline-block;
   width: 37px;
   height: 37px;
   background-color: transparent;
 }

 #ourteam .socials i {
   line-height: 37px;
   color: #616161;
   font-size: 14px;
   width: 37px;
   height: 37px;
   border-radius: 50%;
   text-align: center;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
 }

 .team-details .socials i {
   color: #fff;
 }

 .socials a:hover i {
   color: #fff;
   background-color: #355c7d;
 }


 #ourteam .info-itm {
   display: flex;
   align-items: center;
 }

 #ourteam .info-itm h6 {
   font-size: 20pt;
   text-align: right;
   padding: 0;
   display: flex;
 }

 #ourteam .info-itm span {
   font-size: 16pt;
   text-align: right;
   display: flex;
 }

 #ourteam .info-itm img {
   width: auto;
   height: auto;
   max-height: 100%;
 }




 /*OurCustomer Style */

 #our-customer {
   background-color: #f1f1f1;
   padding-bottom: 60px;
 }

    #our-customer h2.title::before {
        position: absolute;
        display: flex;
        justify-content: center;
        margin-left: 320px;
        transform: translateY(-50%);
        background-image: url('../images/cir-ico-dark.svg');
        margin-top: 20px;
    }

 #our-customer h2 {
   display: flex;
   justify-content: center;
   text-align: center;
   margin-top: 45px;
   font-size: 28pt;
   position: relative;
   z-index: 1;
   color: #125158;
   padding-right: 100px;
   font-weight: bold;
 }

 #our-customer img {
   object-fit: contain;
   width: 100%;
   height: 128px;
   overflow: hidden;
   padding: 1rem;
   margin-top: 1rem;
 }

 .customer-logos .slick-slide {
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
 }

 .customer-logos span {
   font-size: 16pt;
   font-weight: 800;
   color: #bcbec0;
 }



 /* Our Skill Style */

 #our-skills {
   background-color: #125158;
   padding-top: 20px;
   padding-bottom: 20px;
 }

    #our-skills h2.title::before {
        position: absolute;
        display: flex;
        justify-content: center;
        margin-left: 320px;
        transform: translateY(-50%);
        background-image: url('../images/cir-ico.svg');
        margin-top: 20px;
    }

 #our-skills h2 {
   display: flex;
   justify-content: center;
   text-align: center;
   margin-top: 45px;
   font-size: 28pt;
   position: relative;
   z-index: 1;
   color: #ffffff;
   padding-right: 100px;
   font-weight: bold;
 }


 /* our-articles styles */

 #our-articles {

   background-color: #f1f1f1;
   padding-bottom: 60px;
 }

    #our-articles h2.title::before {
        position: absolute;
        display: flex;
        justify-content: center;
        margin-left: 320px;
        transform: translateY(-50%);
        background-image: url('../images/cir-ico-dark.svg');
        margin-top: 20px;
    }

 #our-articles h2 {
   display: flex;
   justify-content: center;
   text-align: center;
   margin-top: 45px;
   font-size: 28pt;
   position: relative;
   z-index: 1;
   color: #125158;
   padding-right: 100px;
   font-weight: bold;
 }


 /*Addres Style */


 #address {
   background-color: #fcfcfc;
   padding-bottom: 40px;
 }

    #address h2.title::before {
        position: absolute;
        display: flex;
        justify-content: center;
        margin-left: 250px;
        transform: translateY(-50%);
        background-image: url('../images/cir-ico-dark.svg');
        margin-top: 20px;
    }

 #address h2 {
   display: flex;
   justify-content: center;
   text-align: center;
   margin-top: 45px;
   font-size: 28pt;
   position: relative;
   z-index: 1;
   color: #125158;
   padding-right: 100px;
   font-weight: bold;
 }

 #address h5 {
   font-size: 20pt;
   font-weight: 800;
   text-align: center;
 }

 #address p {
   font-size: 20pt;
   font-weight: 400;
   text-align: center;
 }

 /* Cooperation Style */

#Cooperation {
    background-image: url('../images/Cooperate-with-us.jpg'), linear-gradient(to top, rgba(185, 207, 184, 1), rgba(185, 207, 184, 0));
    background-repeat: no-repeat;
    background-size: 100%, 100%;
    min-height: 70vh;
}



 #Cooperation h2 {
   margin-top: 45px;
   font-size: 28pt;
   position: relative;
   z-index: 1;
   color: #125158;
   font-weight: 800;
   position: relative;
   margin-top: 2rem;
   margin-bottom: 4rem;
   text-align: center;
   z-index: 50;
   padding-right: 2rem;
 }

    #Cooperation h2.title::before {
        position: absolute;
        display: flex;
        justify-content: center;
        margin-left: 320px;
        transform: translateY(-50%);
        background-image: url('../images/cir-ico-dark.svg');
        margin-top: 20px;
    }

 #Cooperation a {
   border: 1px solid #125158;
   border-color: #125158;
   color: rgb(255, 255, 255) !important;
   border-radius: 20px;
   padding: 5px 0;
   text-align: center;
   background-color: #125158;
   font-size: 16pt;
   font-weight: 400;
   display: flex;
   justify-content: center;
   width: 50%;
   text-decoration: none;
 }

 #Cooperation .box-c {
   font-weight: 600;
   color: rgb(18, 81, 88);
   font-size: 16pt;
   display: flex;
   width: 85%;
   flex-direction: column;
   align-content: center;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
 }

 #Cooperation .box-c p {
   font-weight: 500;
   color: rgb(14, 14, 14);
   font-size: 22pt;
   white-space: break-spaces;
 }

 /* FAQ Style */
 #faq {
   background-color: rgba(185, 207, 184, 0);
   padding-bottom: 40px;
 }

 #faq h2 {
   display: flex;
   justify-content: center;
   text-align: center;
   font-size: 28pt;
   position: relative;
   z-index: 1;
   color: #125158;
   padding-right: 100px;
   font-weight: bold;
   background: linear-gradient(to bottom, rgb(246 246 244), rgb(255 255 255));
 }

    #faq h2.title::before {
        position: absolute;
        display: flex;
        justify-content: center;
        margin-left: 320px;
        transform: translateY(-50%);
        background-image: url('../images/cir-ico-dark.svg');
        margin-top: 20px;
    }

#faq-end {
    padding: 1rem;
    background-image: url('../images/bg-dow-faq.jpg'), linear-gradient(to top, rgb(255, 255, 255), rgba(185, 207, 184, 0));
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%, 100%;
    min-height: 50vh;
}


 /* Reg Form Call Action  */




/* Projects Style */
#projects {
    background-color: #404040;
}

    #projects h2.title::before {
        position: absolute;
        display: flex;
        justify-content: center;
        margin-left: 250px;
        transform: translateY(-50%);
        background-image: url('../images/cir-ico.svg');
        margin-top: 20px;
        
    }

    #projects h2 {
        display: flex;
        justify-content: center;
        text-align: center;
        margin-top: 45px;
        font-size: 28pt;
        position: relative;
        z-index: 1;
        color: #ffffff;
        padding-right: 100px;
        font-weight: bold;
        margin-bottom:35px;
    }

    #projects img {
        max-width: 530px;
        width: 100%;
        height: 100%;
        max-height: 350px;
        object-fit: cover;
        overflow: hidden;
        object-position: center center;
    }



.prj {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

    .prj .row-number {
        font-size: 30pt;
        color: #ebebeb;
        margin-left: 10px;
    }

    .prj .vertical-line {
        width: 1px;
        min-height: 400px;
        max-height:100%;
        background-color: #ebebeb;
        margin-right: 10px;
    }


    .prj .project-info {
        margin-left: 10px;
    }

        .prj .project-info h3 {
            position: relative;
            top: -85px;
            padding-right: 25px;
            font-size: 35pt;
            font-weight: 500;
            color: #ebebeb;
        }


    .prj .info-item {
        display: flex;
        align-items: center;
        /*font-family:'Yekan Bakh';*/
        font-size:14pt;
    }

    .prj img.icon {
        width: 34px !important;
        height: 34px !important;
        margin-right: 8px;
    }

    .prj p {
        display: flex;
        font-size: 18pt;
        font-weight: 500;
        color: #ebebeb;
        margin-right: 8px;
        padding: 0;
        margin-bottom: 0;
    }

@media (max-width: 768px) {
    .prj {
        flex-direction: column;
        align-items: flex-start;
    }

        .prj .row-number {
            margin-bottom: 5px;
        }

        .prj .vertical-line {
            display: none;
        }
}


#projects .btn {
    color: #000000;
    text-transform: uppercase;
    text-decoration: none;
    border: 2px solid white;
    padding: 10px 20px;
    font-size: 17px;
    cursor: pointer;
    font-weight: bold;
    background: white;
    position: relative;
    transition: all 1s;
    overflow: hidden;
}

    #projects .btn:hover {
        color: rgb(132, 129, 129);
    }

    #projects .btn::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 0%;
        top: 0;
        left: -40px;
        transform: skewX(45deg);
        background-color: white;
        z-index: -1;
        transition: all 1s;
    }

    #projects .btn:hover::before {
        width: 160%;
    }


 /* Contact Us */
#contactus {
    padding: 1rem;
    background-image: url('../images/contact-us-bg.jpg'), linear-gradient(to top, rgba(185, 207, 184, 1), rgba(185, 207, 184, 0));
    background-repeat: no-repeat;
    background-size: 100%, 100%;
    min-height: 80vh;
}

 #contactus h2 {
   font-family: Fanavari;
   font-weight: 800;
   position: relative;
   color: rgb(18, 81, 88);
   text-align: center;
   margin-top: 2rem;
   z-index: 50;
 }

 #contactus h2::after {
   margin-top: 15px;
   content: '';
   position: absolute;
   width: 145px;
   height: 5px;
   background: rgb(185, 207, 184);
   left: 50%;
   transform: translateX(-50%);
   top: 100%;
 }

 #contactus span {
   font-weight: 600;
   color: rgb(18, 81, 88);
   font-size: 15pt;
 }

#footer {
    background-color: #125158;
    background-image: url(../images/logo-footer.svg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: auto 80%;
    height: 350px;
    overflow: hidden;
    display: flex;
}

 #footer h4 {
   color: #f1f1f1;
   font-size: 16pt;
 }

 #footer p {
   color: #f1f1f1;
   font-size: 14pt;
   text-align: justify;
   font-weight: 400;
 }

 #footer li {
   background-color: transparent;
   border: none;
 }

 #footer a {
   font-size: 16pt;
   text-align: right;
   text-decoration: none;
 }

 .footer {
   padding-top: 10px;
   background-color: #59c7ac;
   margin-top: -15px;
   color: #000000;
   text-align: center;
   height: 45px;
   overflow: hidden;
   width: 100%;
   display: flex;
 }

 .footer p {
   color: #000000;
   text-align: center;
   line-height: 1.5;
   font-size: 16 pt;
 }

 .footer a {
   color: #125158;
 }

 .footer h4 {
   color: #ffffff;
   font-size: 14pt;
 }

 /*Social Style*/
 .soc {
   display: block;
   font-size: 0;
   list-style: none;
   margin: 0 auto;
   padding-right: 0 !important;
   text-align: right;
 }

 .soc li {
   display: inline-block;

 }

 .soc a,
 .soc svg {
   display: block;
 }

 .soc a {
   height: auto;
   width: auto;
 }

 .title {
   font-size: 14pt;
   text-align: right;
   text-indent: 0;
   color: #000000;
 }

 /*Panoroma Box Style */

.box-panorama {
    background: linear-gradient(#1a1a1a8a, #000000bf), url('../images/Panorama-Bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-origin: scaleX(-1);
    background-size: cover;
    padding: 60px 0;
    margin-top: 0;
    min-height: 60vh;
}

 .box-panorama .icon {
   position: absolute;
   left: 50%;
   margin-top: 150px;
   transform: translate(-50%, -50%);
   width: 220px;
   height: auto;
 }

 .box-panorama-foot {
   background-color: #52b59d;
   height: 45px;
   color: black;
   text-align: center;
 }

 .box-panorama-foot h4 {
   font-size: 18pt;
   font-weight: 600;
   text-align: center;
   line-height: 45px;
 }



 /* KeyFrame Animation */

 @-webkit-keyframes image-effects {
   from {
     filter: grayscale(0.9) brightness(0.2);
   }

   to {
     filter: none;
   }
 }

 @keyframes image-effects {
   from {
     filter: grayscale(0.9) brightness(0.2);
   }

   to {
     filter: none;
   }
 }


 @media (max-width: 1024px) {
   #aboutUs::before {
     display: none !important;
   }

   #aboutUs {
     height: 100%;
     min-height: 100%;
   }

   #ourteam .team-img {
     border: 1px solid black;
     padding: 5px;
   }

   #ourteam .team-wrap {
     padding: 0 5px;
   }

 }

 @media (min-width: 1024px) {
   #aboutUs {
     max-height: 400px;
   }
 }


 /* Responsive Element Style */

 @media (max-width: 768px) {

  body{
    overflow-x: hidden!important;
  }
  .logo img {
      height: auto;
  }
  
  #introVideo {
    height: auto;
  }

  #chairperson {
    background-size: cover;
    height: auto;
    max-height: none;
    background-position: bottom center;
    padding-bottom: 2rem;
  }

  #aboutUs {
    height: auto;
}

#Cooperation h2.title::before{position: relative;}
#Cooperation a{width: 100%;}
  #projects img {
      width: 100%;
      height: auto;
  }
  #faq .title{padding-top: 3rem;}
  #faq .wrapper{max-width: 80% !important;}
  #faq-end {min-height: 30vh;}
  .prj img.icon {
    width: 20px !important;
    height: 20px !important;
    margin-right: 8px;
    margin-left: 8px;
  }
  .prj .project-info h3 {
    top:auto
  }
  #call-action div.right,
  #call-action div.left {
      flex-basis: 100%;
  }
  #call-action p{font-size: 1.3rem !important;
    text-align: center !important;}

  #call-action div.right{border-radius: 0!important;}
  #call-action div.left{border-radius: 0!important;}
  #call-action .row {width: 100%!important;margin: 0!important;}
  #call-action {margin-bottom: 0!important;}
  /* #call-action .row{flex-direction: column!important;} */
  #ourteam .team-img {width: 100%;height: auto;}
  #ourteam .info-itm h6 {justify-content: center;}
  #ourteam .info-itm span {justify-content: center;}
  #ourteam .info-itm img {
    width: 20px;
    height: 20px;
  }
  #address h2 {margin-bottom: 40px;}
  #footer {height: auto;background-position: bottom left;
    background-size: auto 15%;}
    .footer{padding-bottom:15px;height: auto;}
  .slick-list {direction: ltr;}
  p {font-size: 1rem!important;}
  h2{font-size: 1.5rem!important;}
  h3{font-size: 1.2rem!important;}
  h4,h5,h6{font-size: 1rem!important;}
}