/**
Theme Name: Conbix Child
Author: ThemeOri
Author URI: https://themeforest.net/user/themeori/
Description: Child theme for the Conbix theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: conbix-child
Template: conbix
*/

body{
    background-color:#CCC5BC;
    text-transform: initial;
}

.wpcf7-submit{
    padding:0;
    background-color:transparent;
    color:black;
}

.wpcf7-textarea, .wpcf7-form-control-wrap input{
    background-color:transparent;
    border:0;
    border-bottom:1px solid #808080;
    border-radius:0;
    padding:0;
}

.wpcf7-form label {
  width: 100%;
}

.hw-1em{
    height:1em!important;
    width:1em!important;
    margin-right: 15px!important;
}

.submit-contact{
    padding:0 !important;
    margin:0 !important;
    background-color:transparent !important;
    color:black!important;
    font-weight:300!important;
    font-family: roboto!important;
}


.mpad{
    padding-top:34px !important;
}


.box-text-icona{
    transition: opacity 0.6s ease-in-out 0.3s, transform 0.6s ease-in-out 0.3s;
}

.box-text-icona:hover::before {
    width:0;
     transition: opacity 0.6s ease-in-out 0.3s, transform 0.6s ease-in-out 0.3s;
}

.box-text-icon {
    display: flex;
    align-items: center;
    position: relative;
  }
  
  .box-text-icon::before,
  .box-text-icon::after {
    content: "";
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="black"><path d="M0 6H12.25L7 0.75L7.66 0L14.16 6.5L7.66 13L7 12.25L12.25 7H0V6Z"></path></svg>') no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
  }
  
  .box-text-icon::before {
    margin-right: 15px;
    opacity: 1;
    transform: translateX(0);
  }
  
  .box-text-icon::after {
    margin-left: 15px;
    opacity: 0;
    transform: translateX(15px);
    transition: opacity 0.6s ease-in-out 0.3s, transform 0.6s ease-in-out 0.3s;
  }
  
  @media(max-width:784px){
       .box-text-icon::after {
    margin-left: 0;
  }
  }
  
  .box-text {
    transition: margin-left 0.6s ease-in-out;
    text-transform: none !important;
    color: black;
    font-weight: 300;
    font-family: roboto;
    font-size: 16px;
  }
  
  .box-text-icon:hover::before {
    opacity: 0;
    transform: translateX(-15px);
    margin-right: 0;
  }
  
  .box-text-icon:hover::after {
    opacity: 1;
    transform: translateX(0);
  }
  
  .box-text-icon:hover .box-text {
    margin-left: -15px;
  }
  
  .box-text {
  transition: transform 0.6s ease-in-out, margin-left 0.6s ease-in-out; 
  }
  
  
  .classic-bold{
      font-weight:bold;
  }
  
  /*ICON WHITE ARROW*/
  .box-text-icon-white {
    display: flex;
    align-items: center;
    position: relative;
  }
  
  .box-text-icon-white::before,
  .box-text-icon-white::after {
    content: "";
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="white"><path d="M0 6H12.25L7 0.75L7.66 0L14.16 6.5L7.66 13L7 12.25L12.25 7H0V6Z"></path></svg>') no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
  }
  
  .box-text-icon-white::before {
    margin-right: 15px;
    opacity: 1;
    transform: translateX(0);
  }
  
  .box-text-icon-white::after {
    margin-left: 15px;
    opacity: 0;
    transform: translateX(15px);
    transition: opacity 0.6s ease-in-out 0.3s, transform 0.6s ease-in-out 0.3s;
  }
  
  @media(max-width:784px){
       .box-text-icon-white::after {
    margin-left: 0;
  }
  }
  
  .box-text-white {
    transition: margin-left 0.6s ease-in-out;
    text-transform: none !important;
    color: black;
    font-weight: 300;
    font-family: roboto;
    font-size: 16px;
  }
  
  .box-text-icon-white:hover::before {
    opacity: 0;
    transform: translateX(-15px);
    margin-right: 0;
  }
  
  .box-text-icon-white:hover::after {
    opacity: 1;
    transform: translateX(0);
  }
  
  .box-text-icon-white:hover .box-text {
    margin-left: -15px;
  }
  
  .box-text-white {
  transition: transform 0.6s ease-in-out, margin-left 0.6s ease-in-out; 
  }


.footer__one {
 padding:60px;   
 background-color:#000;
 padding-bottom: 0 !important;
}

.copyright__one .container{
  max-width:100%!important;
}

.copyright__one {
  border-top: 0!important;
}

.footer__one-shape{
    display:none!important;
}

.d-flex{
    display:flex;
}

.text-center{
    text-align:center;
}

.text-left{
    text-align:left;
}

.text-right{
    text-align:right;
}

.justify-content-start{
    justify-content:start;
}

.justify-content-center{
    justify-content:center;
}

.justify-content-right{
    justify-content:right;
}

.justify-content-between{
    justify-content:space-between;
}

.justify-content-evenly{
    justify-content:evenly;
}

.align-items-start{
    align-items:start;
}

.align-items-center{
    align-items:center;
}

.align-items-end{
    align-items:end;
}

.w-5{
   width: 5% !important;
}

.w-10{
  width: 10% !important;
}

.w-15 {
  width: 15% !important
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-27 {
  width: 27% !important;
}

.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.w-50 {
  width: 50% !important;
}

.w-55 {
  width: 55% !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.w-70{
  width: 70% !important;
}

.w-75 {
  width: 75% !important;
}

.w-80{
  width: 80% !important;
}

.w-85{
  width: 85% !important;
}

.w-90{
  width: 90% !important;
}

.w-95{
  width: 95% !important;
}

.w-100 {
  width: 100% !important;
}

.mw-100{
    min-width:100%!important;
}

.text-white{
  color: #FFFFFF;
}

.pl-0{
    padding-left:0;
}

.pr-0{
    padding-right:0;
}


#menu-footersocial li {
  margin-right: 40px;
  list-style-type: none;
}

#menu-footersocial-1 li {
  margin-right: 40px;
  list-style-type: none;
}

#menu-footersocial li:last-child {
  margin-right: 0;
}

#menu-footersocial-1 li:last-child {
  margin-right: 0;
}

.menu-footersocial-container .menu {
  display: flex;
}

.menu-footersocial-container .menu li {
  font-family: Newsreader;
  font-weight: 300;
  font-style: italic;
  color: #FFFFFF;
}

.newsreadersize{
  font-family: Newsreader;
  font-weight: 300;
  color: #FFFFFF;
}


.dmsans{
  font-family: DM Sans;
  font-weight: 300;
  color: #FFFFFF;
}


.header__two::after {
  display:none!important;   
}
.header__two::before {
  display:none!important;   
}

.header__two-topbar {
  padding: 0;
}

.header__two {
  /*background: rgba(0, 0, 0, 0.5);*/
  background: transparent;
  z-index: 99;
  position: fixed;
  top:0;
  width: 100%;
  padding:0;
  transition: background-color 0.6s ease;
}

.header__two.scrolled {
  background-color: rgba(0, 0, 0, 0.3);
}

.header__two.modal-opened{
    background-color: #000;
}

.header_secondsection{
    padding: 60px;
}

.unique_section{
    background-color:#B8B1A9;
}

.unique_section_three{
    background-color: rgba(0, 0, 0, 0.3);
}

.header__area-menubar-left-logo a img {
  max-width: 100%;
  position: relative;
  z-index: 9999;
}

.menu-header-gog {
    text-transform:uppercase;
    color: #fff;
}

.menu-header-gog i{
    padding-left:13px;
}

.menu-header-gog span{
    font-size:24px;
}

.menu-header-gog img{
    vertical-align: sub;
}

.pln-24 p{
    line-height:24px;
}

.header__area-menubar.two .header__area-menubar-right-btn {
  margin-top:0;
  display: flex;
  align-items: center;
}

.p-right{
    text-align:right;
}

.page__banner::after{
    display:none!important;
}

.page__banner {
  background: var(--bg-heading-color);
  padding-top: 160px;
  padding-bottom: 160px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction: column;
}

.title-breadcrumbs{
    font-family: DM Sans;
    font-size:96px;
    font-weight:300;
    color:white;
    padding: 40px 0 40px 0;
}

.part-titles-para{
    display:flex;
    justify-content:space-between;
    align-items: center;
     padding: 40px 0 40px 0;
}

.part-titles-para p{
    color:white;
    font-size:16px;
    font-family:DM Sans;
    text-align: left;
}

.part-titles-para div{
    width:50%;
}

.part-titles-link{
    display:flex;
    justify-content:space-evenly;
    align-items: center;
}

.part-titles-link a{
    color:white;
}

.part-titles-link p{
    color:white;
    font-size:16px;
    font-family:DM Sans;
    text-align: left;
}

.part-project-titles{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.italiclight{
    color:white!important;
    font-style:italic;
    font-weight:300;
    font-family:Newsreader;
}

.titles-projects{
    padding: 0 60px 0 60px;
}

.titles-projects a{
    color:white;
}

.titles-projects div:nth-child(1){
    text-align:left;
}

.titles-projects div:nth-child(2){
    
}

.no-align{
    text-align:initial!important;
}

.page__banner-content p{
    font-family:DM Sans;
    font-size: 16px;
    color:white;
}

.titles-projects h3{
    color:white;
    font-size:24px;
    font-family:DM Sans;
    text-align: left;
}


.page__banner-content{
    text-align:center;
}

.page__banner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.portfolio-template-default .page__banner{
    height:70vh;
}


.absolute60{
  position: absolute !important;
  bottom: 60px;
}

.mean-container a.meanmenu-reveal span {
  background: white!important;
  margin-top: 7px;
  height: 2px;
}

.dd-none{
    display:none;
}

.active {
  display: block;
}


.header-modal {
  position: relative;
  z-index: 1;
  left: 0;
  top: 0;
  overflow:hidden;
  width: 100%;
  height: 100%;
}

.modal-content {
  background-color: #000;
  margin: 5% auto;
  padding: 0px 60px 0 60px;
  border: 0;
  width: 100%;
  border-radius: 0;
  height: 68vh;
  display: flex;
  justify-content: space-between;
}

#header-menu-btn {
  color: #fff !important;
}

.header-modal-menu {
  text-align: right;
}



#menu-headermenu{
    list-style-type:none!important;
}

#menu-headermenu .menu-item{
 font-size:40px!important;
 font-family: DM Sans!important;
 line-height: 65px!important;
 color: rgba(255, 255, 255, 0.60)!important;
}


.header-store-informations {
    
}

.header-store-informations p{
    font-size:16px;
    line-height:24px;
    font-family: DM Sans;
    color: #fff;
    font-weight: 300;
}

.header-store-informations p span{
    font-size:20px;
    font-family: DM Sans;
    color: #fff;
    font-weight: 300;
}


@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.modal-animate {
  animation: fadeInDown 0.8s ease both;
}


.flex-column-reverses{
    flex-direction: initial;
}

.justify-content-endo{
    justify-content:end;
}

.justify-between-desk{
    justify-content:space-between;
}


.flex-container {
  display: flex;
  flex-direction:column;
}

.flex-go{
display:flex;
}

.justify-be{
justify-content: space-between;
}


.copyright__one{
    padding:0;
    margin:0;
}

.sp-padding{
  padding: 130px 0px 60px 0;
}

.topm{
    /*margin-top: 110px;*/
    padding-bottom: 50px;
}

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

.w-50-d{
    width:50%;
}

.menu-footersocial-container ul {
    padding:0;
    margin:0;
}

/*Responsive Level 1*/
@media(max-width:660px){
.header_secondsection {
  padding: 24px;
}

.header__area-menubar-left{
    width:40%;
}

.justify-start{
    justify-content:start;
}

.social-footer-wrapper{
    padding: 30px 0 30px 0;
}

.sp-padding {
  padding: 0;
}

.flex-go {
  display: flex;
  flex-direction:column;
}

.footer__one{
    padding:24px;
}

.modal-content {
 padding: 0px 24px 0 24px;
 overflow: scroll;
 padding-bottom: 200px;
}

.header-store-informations {
  width: 100%;
}

.header-modal-menu{
    width:100%;
}

.flex-column-reverses{
    flex-direction: column-reverse;
}

.copyright__one{
    padding:0;
}

.justify-between-mob{
    justify-content: space-between;
}

.p-0-mob{
    padding:0;
}

.justify-content-starto{
    justify-content:start;
}

.menu-footersocial-container .menu{
    padding:0;
    justify-content: space-between;
}

#menu-footersocial li {
  margin-right: initial;
  list-style-type: none;
}

.full{
  width:100%;
}

.copyright__one {
  margin-top: 40px;
}

.mt30{
    margin-top:30px;
}

.w-100-mob{
    width:100%;
}

.text-left-mob p{
    text-align:left;
}
}

/*Responsive Level 2*/
@media(min-width:800px){
.w-40-mob{
    width:40%;
}
}

#ctaContab, #ctaFinance{
    color:#666666;
}


#ctaContab.active {
  color: black;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 10px;
}

#ctaFinance.active {
  color: black;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 10px;
}

#ctaContab.active-white {
  color: #BFC5C9;
  font-weight: 500;
  text-decoration: none;
  text-underline-offset: 10px;
}

#ctaFinance.active-white {
  color: white!important;
  font-weight: 500;
  text-decoration:underline;
  text-underline-offset: 10px;
}

.text-whited{
    color:#EDEDED;
}

.titles-project-home{
    border-bottom: 1px solid #999999;
}

.sup-links{
    font-size:20px;
    font-family:DM Sans;
    font-weight:light;
    color:#666666;
}

.span-links {
    font-size: 32px;
    font-family: 'DM Sans';
    font-weight: 300;
    color:#666666;
    margin-left: 8px;
    transition: margin-left 0.4s ease-in-out, font-weight 0.4s ease-in-out;
}

.buttons-projects {
    line-height: 80px;
    transition: margin-left 0.4s ease-in-out;
}

.buttons-projects:hover {
    margin-left: 20px;
}

.buttons-projects:hover .span-links {
    font-weight: 500;
    color:#000000;
}

.buttons-projects:hover .sup-links {
    color:#000000;
}

.titles-project-home {
  position: relative;
  display: inline-block;
}

.titles-project-home::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #999999;
  transition: all 0.4s ease-in-out;
}

.link-container-buttons{
    display:block;
}

.titles-project-home:hover::after {
  height: 1.5px;
  background-color: #000000;
}

.link-container-buttons {
  cursor: none;
  display: block;
  width:100%;
  height:100%;
  font-size: 24px;
  user-select: none;
}

.link-container-buttonsw {
  cursor: none;
  display: block;
  width:100%;
  height:100%;
  font-size: 24px;
  user-select: none;
}
  

#custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  font-size: 18px;
  font-weight: 300;
  color: black;
  border-radius: 4px;
  font-family: Arial, sans-serif;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.15s ease;
  z-index: 9999;
  user-select: none;
}


#custom-cursor-white {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  font-size: 18px;
  font-weight: 300;
  color: white;
  border-radius: 4px;
  font-family: Arial, sans-serif;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.15s ease;
  z-index: 9999;
  user-select: none;
}


.hover-image {
  position: fixed;
  top: 0;
  bottom:100px;
  left: 0;
  width: 200px;
  height: 200px;
  pointer-events: none;
  display: none;
  z-index: 9999;
  object-fit: cover;
}

.card-one{
	position: -webkit-sticky!important;
	position:sticky!important;
	top:0px!important;
}

.card-two{
	position: -webkit-sticky!important;
	position:sticky!important;
	top:0px!important;
}

.card-three{
	position: -webkit-sticky!important;
	position:sticky!important;
	top:0px!important;
}

@media(max-width:550px){
    .card-one{
	position: -webkit-sticky!important;
	position:sticky!important;
	top:0px!important;
}

.card-two{
	position: -webkit-sticky!important;
	position:sticky!important;
	top:0px!important;
}

.card-three{
	position: -webkit-sticky!important;
	position:sticky!important;
	top:0px!important;
}
}


.swiper-slide{
    width: 47% !important;
}


.relindex{
  z-index: 2;
  position: relative;
}


.gog-mobile-container{
    display:none;
}

.gog-desk-container{
    display:block;
}


 .gog-project-desk{
    display:flex;
}
    
.gog-project-mob{
    display:none;
}


.pagebanner-gog-mobile{
    display:none;
}


 .slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .slider-wrapper {
    overflow: hidden;
  }

  .slider-track {
    display: flex;
    transition: transform 0.4s ease-in-out;
  }

  .card {
    /*flex: 0 0 calc(50% - 10px);*/
    flex: 0 0 47%!important;
    margin-right: 20px;
    box-sizing: border-box;
    background-color: transparent;
    border: 0;
  }

  .card img {
    width: 100%;
    height: auto;
    display: block;
  }

  .controls {
    text-align: right;
    margin-top: 1rem;
  }

  .controls button {
    background: transparent;
    border: none;
    cursor: pointer;
  }



.slider-container-high {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
  }

  .slider-track-high {
    display: flex;
    transition: transform 0.4s ease-in-out;
  }

  .card-high {
    /*flex: 0 0 40%;*/
    flex: 0 0 41%;
    /*margin-right: 30px;*/
    margin-right: 60px;
    background: transparent;
    padding: 20px 0 20px 0;
    border: 0;
  }

  .slider-wrapper-high {
    overflow: hidden;
    padding-right: 10%;
  }

  .controls-high {
    text-align: right;
    margin-top: 1rem;
  }

  .controls-high button {
    font-size: 20px;
    cursor: pointer;
    background-color: transparent;
    border: none;
  }

  .controls-high button i {
    font-size: 25px;
    font-weight: 100;
  }
  
  .card-high img {
  
  object-fit: contain;
}


.pagebanner-gog-desk {
  display: flex;
}


/*General Responsive Pages*/
/*Widescreen 1920*/
@media (min-width: 1920px) {
  .titles-para-template-one{
      width:23%;
  }
  
  .titles-projects {
      padding: 0 120px 0 120px;
    }
    
    .header_secondsection {
      padding: 60px 120px 60px 120px;
    }
    
    .section-padding {
      padding: 120px 0;
    }
    

    .nomar-1920{
        margin:0!important;
        padding:0!important;
    }
    
    .modal-content {
        padding: 0px 120px 0 120px;
    }
    
    .footer__one {
     padding:60px 120px 60px 120px;   
    }
    
    .page__banner-content h1 {
      font-size: 96px;
      line-height: 120px;
}
}

/*Laptop 1200*/
@media (max-width: 1200px) {
  .section-padding {
      padding: 120px 0;
    }
    
  .header_secondsection {
    padding: 60px;
  }
  
  
  .titles-para-template-one{
      width:400px;
  }
  
  .titles-para-template-one p{
      line-height: 20px;
  }
  
  .gog-project-desk h2{
      font-size:64px;
  }
  
  .gog-project-desk h3{
      font-size: 20px;
  }
  
      .page__banner-content h1 {
      font-size: 64px;
      line-height: 80px;
}

    .nopadmobile{
        padding:0;
    }
}


@media(max-width:1024px){
    .page__banner-content h1 {
    font-size: 56px;
    line-height: 74px;
    }
    
    .titles-para-template-one {
    width: 560px;
    }
    
    .section-padding {
    padding: 60px 0;
  }
  
   .gog-project-desk h2 {
    font-size: 56px;
  }
}



/*Mobile 767*/

@media (max-width: 767px) {
  .titles-para-template-one{
      width: 310px;
  }
  
  .part-project-titles {
   flex-direction:column;   
   align-items: initial;
  }
  
  .titles-projects .box-text-white {
      font-size: 16px !important;
    }
    
   .titles-para-template-one {
       padding-bottom: 40px;
   }
   
   .titles-projects {
      padding: 40px;
    }
    
    .page__banner {
    align-items: start !important;
    display: flex;
    flex-direction: initial;
    }
    
    .menu-header-gog img {
      vertical-align: sub;
      width: 16px;
      height: 16px;
    }
    
    .menu-header-gog span {
      font-size: 16px;
    }
    
    .pad24{
        padding-top:24px!important;
    }
    
    .span-links {
    font-size: 20px;
    font-family: 'DM Sans';
    font-weight: 300;
    color:#666666;
    margin-left: 8px;
    transition: margin-left 0.4s ease-in-out, font-weight 0.4s ease-in-out;
    }

    .sup-links{
    font-size:14px;
    font-family:DM Sans;
    font-weight:light;
    color:#666666;
    }
    
    .mobile-font{
        font-size:24px;
    }
    
    .gog-desk-container{
        display:none;
    }
    
    .gog-mobile-container{
        display:block;
    }
    
    
    .gog-project-desk{
        display:none;
    }
    
    .gog-project-mob{
        display: flex;
        height: 100%;
    }
    
    .part-titles-para {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 24px 40px 24px 40px;
      flex-direction: column;
    }
    
    .part-titles-para h2{
        font-size:40px;
    }
    
    .part-titles-para div {
      width: 100%;
    }
    
    .part-titles-link {
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      flex-direction:column;
      padding: 0 24px 0 24px;
    }
    
    .part-titles-para div:nth-child(1){
        text-align:left;
    }
    
    .part-titles-para div:nth-child(2){
        text-align:left;
        padding-left:30px;
    }
    
    .part-titles-para div:nth-child(3){
        text-align:right;
    }
    
    .part-titles-para div:nth-child(2) h2 {
      padding: 24px 0 24px 0!important;
    }
    
    .title-breadcrumbs{
        padding:0;
    }
    
    .portfolio-template-default .title-breadcrumbs{
        font-size:56px;
    }
    
    .portfolio-template-default .titles-projects h3 {
        font-size:16px;   
    }
    
    .part-titles-link p{
        font-size:12px;
        line-height: 18px;
        padding-bottom: 40px;
    }
    
    .page__banner-content p{
        font-size:12px;
        line-height: 18px;
    }
    
    .pagebanner-gog-mobile {
        align-items: center !important;
        display: flex;
        flex-direction: initial;
    }
    
    
    .modal-content {
      height: 100vh!important;
    }
    
    .portfolio-template-default .page__banner {
      height: 100vh;
    }
    
    .pagebanner-gog-desk{
        display:none;
    }
    
    .pagebanner-gog-mobile{
        display:flex;
    }
    
    .nopadmobile{
        padding:0;
    }
    
    .portfolio-template-default .section-padding{
        padding-bottom:0;
    }
    
     .card {
      flex: 0 0 100%!important;
      margin-right: 10px;
      background-color: transparent;
      border: 0;
    }
    
    .card-high {
        flex: 0 0 100%;
    }
    
    .controls{
        width:100%;
        display: flex;
        justify-content: space-between;
    }
    
    .controls-high{
      display: flex;
      justify-content: space-between;
    }
    
    .slider-wrapper {
     padding:0!important;   
    }
    
    .slider-wrapper-high {
     padding:0!important;   
    }
    
    .controls button {
      padding: 0;
    }
    
    .controls-high button{
        padding: 0;
    }
    
    .titles-para-template-one p{
      line-height: 20px!important;
    }
    
     .header_secondsection {
    padding: 24px 40px 24px 40px;
  }
  
     .page__banner-content h1 {
      font-size: 56px;
      line-height: 70px;
}



.fade-text-design-two {
  opacity: 0;
  transform: translate(-100px, 0px)!important;
  transition: transform 1s ease, opacity 1s ease;
  position: relative;
  text-align: left;
}

.fade-in-up-design-two {
  opacity: 1;
  transform: translateY(0);
}

.slide-left-design-two {
  transform: translate(0, 0)!important;
  opacity: 1;
}
}

/*End General Responsive Pages*/



.titles-project {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}

.fade-text {
  opacity: 0;
  transform: translate(300px, 50px);
  transition: transform 1s ease, opacity 1s ease;
  position: relative;
  text-align: left;
}


.fade-in-up {
  opacity: 1;
  transform: translate(300px, 0);
}


.slide-left {
  transform: translate(0, 0);
  opacity: 1;
}

/*----------------*/

.fade-text-para-2 {
  opacity: 0;
  transform: translate(300px, 50px);
  transition: transform 1s ease, opacity 1s ease;
  display: inline-block;
}

.fade-text-link-2 {
  opacity: 0;
  transform: translate(-300px, 50px);
  transition: transform 1s ease, opacity 1s ease;
  display: inline-block;
}

.fade-in-up-2-link{
  opacity: 1;
  transform: translate(-300px, 0);
}


.fade-in-up-2 {
  opacity: 1;
  transform: translate(300px, 0);
}


.slide-left-2 {
  transform: translateX(0px);
  opacity: 1;
}

.slide-right-2 {
  transform: translateX(0px);
  opacity: 1;
}

/*----------------*/


.titles-project-design-two {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}

.fade-text-design-two {
  opacity: 0;
  transform: translateY(100px);
  transition: transform 1s ease, opacity 1s ease;
  position: relative;
  text-align: left;
}

.fade-in-up-design-two {
  opacity: 1;
  transform: translateY(0);
}


.slide-left-design-two {
  transform: translate(300px, 0);
  opacity: 1;
}

/*----------------*/


.titles-project-title-two {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}

.fade-text-title-two {
  opacity: 0;
  transform: translate(300px, 100px);
  transition: transform 0.8s ease, opacity 0.8s ease;
  position: relative;
}

.fade-in-up-title-two {
  opacity: 1;
  transform: translate(300px, 0);
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.slide-left-title-two {
  transform: translate(0, 0);
  opacity: 1;
  transition: transform 0.6s ease;
}


/*----------------*/


.fade-text-title-final {
  opacity: 0;
  transform: translate(-300px, 100px);
  transition: transform 0.8s ease, opacity 0.8s ease;
  position: relative;
  text-align: left;
}

.fade-in-up-title-final {
  opacity: 1;
  transform: translate(-300px, 0);
  transition: transform 0.6s ease, opacity 0.6s ease;
}


.slide-left-title-final {
  transform: translate(0, 0);
  opacity: 1;
  transition: transform 0.6s ease;
}


/*----------------*/

.unique_section_three {
  opacity: 0;
  transform: translateY(-100px);
  transition: transform 0.8s ease, opacity 0.8s ease;
  background-color: rgba(0, 0, 0, 0.3);
}

.unique_section_three.fade-in-down {
  opacity: 1;
  transform: translateY(0);
}