:root{
    --factorBiggest: 1.45;
    --factorBig: 1.15;
    --factorNormal: 1;
    --factorTablet: .9;
    --factorCel: .65;
    --factorCelMini: .55;
    --factorCelMicro: .45;

    --orange: #FFA400;
    --purple: #774CFC;
    --blue: #00B1DA;
    --darkgrey: #1C252C;
}

body {
    overflow-x: hidden;
    /*margin-top:0px;*/
    display: block;
    font-family: Poppins, Arial, Helvetica, sans-serif; 
    font-size: 16px;
    color: black;
}


/* screen m p utils*/
.dyn-height-full {     height: 100vh; }

.dyn-center-vertical{     position: relative;     top: 50%;     transform: translate(0%, -50%); }

.dyn-margin-section     {       margin-top: 5rem;     margin-bottom: 5rem; }
.dyn-margin-section-top {       margin-top: 5rem;      }
.dyn-margin-section-bottom {    margin-bottom: 5rem;      }
.dyn-margin-section-top-half {  margin-top: 3rem;      }
.dyn-padding-section    {       padding-top: 5rem;     padding-bottom: 5rem; }
.dyn-padding-section-top    {   padding-top: 5rem; }
.dyn-padding-transit-top    {   padding-top: 7rem;      }
/* end screen m p utils*/


/*BG utils*/
.dyn-bg-orange {        background-color: var(--orange); }
.dyn-bg-purple {        background-color: var(--purple); }
.dyn-bg-blue {          background-color: var(--blue); }
.dyn-bg-darkgrey {      background-color: var(--darkgrey) !important; }
.dyn-bg-lightgrey {      background-color: #efefef !important; }
.dyn-bg-lightpurple {       background-color: #7e4FFF;}
/*BG utils*/

.dyn-border-radius{     border-radius: 1rem;            }

/* hero */
.dyn-bg-herox{          position: relative;                  }

.dyn-bg-herox::before {
    content:'';
    position: absolute;

    filter: contrast(125%);
    
    border-radius: 1rem;

    box-shadow: 10px 10px 25px rgba(0, 0, 0, .7);
    opacity: .95;
}
.dyn-bg-herox::after {
    content:'';
    position: absolute;

    background-blend-mode: overlay;

    z-index: -100;
    background-color: var(--purple);
    
    /*full screen image*/
    top: 5rem;      bottom: -1rem;      left: 5rem;     right: 3rem;

}

.dyn-bg-heromty{          position: relative;                  }
.dyn-bg-heromty::before { 
    content:'';
    position: absolute;

    filter: contrast(125%);
    
    border-radius: 1rem;

    box-shadow: 10px 10px 25px rgba(0, 0, 0, .7);
    opacity: .95;

    background: url('../images/portada2.jpg'); 
    abackground: url('../images/v3/WebDesignSketch.jpg'); 
    abackground: url('../images/v3/WebDesignXXV.jpg'); 
    top: 3rem;      bottom: 1rem;      left: 3rem;     right: 5rem;
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-position:bottom center; 
    background-size:cover;
}
.dyn-bg-heromty::after {
    content:'';
    position: absolute;

    background-blend-mode: overlay;

    z-index: -100;
    background-color: var(--purple);
    
    /*full screen image*/
    top: 5rem;      bottom: -1rem;      left: 5rem;     right: 3rem;
}


.dyn-bg-heromty2{          position: relative;                  }
.dyn-bg-heromty2::before { 
    content:'';
    position: absolute;

    filter: contrast(125%);
    
    border-radius: 1rem;

    box-shadow: 10px 10px 25px rgba(0, 0, 0, .7);
    opacity: .95;

    background: url('../images/portada2.jpg');
    background: url('../images/v3/WebDesignXXV.jpg'); 
    top: 3rem;      bottom: 1rem;      left: 3rem;     right: 5rem;
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-position:top center; 
    background-size:cover;
}
.dyn-bg-heromty2::after {
    content:'';
    position: absolute;

    background-blend-mode: overlay;

    z-index: -100;
    background-color: var(--purple);
    
    /*full screen image*/
    top: 5rem;      bottom: -1rem;      left: 5rem;     right: 3rem;
}
/* end hero */


/* services*/
.dyn-services-bg{  background: #fbfbff; 
    z-index: -10;   transition: 0.6s; }
.dyn-services-bg:hover{  background: rgba(249, 249, 249, .5);   transform: translateY(-5px);  }
.dyn-service-box{     position: relative;     transition: .6s; }
.dyn-service-box:hover{     color:white; }
.dyn-service-box::before{
    content:'';
    position: absolute;
    background: var(--purple);
    top:0px; height:1rem;
    left:0rem; width:1rem;
    z-index: -1;
    transition: .6s;
}
.dyn-service-box:hover::before{     height:100%;     width:50%; }
.dyn-service-box::after{
    content:'';
    position: absolute;
    background: var(--orange);
    bottom:0px; height:.5rem;
    right:0px; width:50%;
    z-index: -2;
    transition: .6s;
}
.dyn-service-box:hover::after{     height:100%; }

.dyn-service-box-2{     position: relative;     transition: .6s; }
.dyn-service-box-2:hover{     color:white; }
.dyn-service-box-2::before{
    content:'';
    position: absolute;
    background: var(--darkgrey);
    top:45%; height:2rem;
    left:0rem; width:.5rem;
    z-index: -1;
    transition: .6s;
}
.dyn-service-box-2:hover::before{   top:0px; height:40%;     width:100%; }
.dyn-service-box-2::after{
    content:'';
    position: absolute;
    background: var(--orange);
    bottom:55%; height:2rem;
    right:0px; width:1rem;
    z-index: -2;
    transition: .6s;
}
.dyn-service-box-2:hover::after{bottom:0px;     ; height:60%;  width:100%; }

.dyn-service-box-3{     position: relative;     transition: .6s; }
.dyn-service-box-3:hover{     color:white; }
.dyn-service-box-3::before{
    content:'';
    position: absolute;
    background: var(--blue);
    bottom:0px; height:20px;
    left:0rem; width:20px;
    border-radius:10px;
    z-index: -1;
    transition: .6s;
}
.dyn-service-box-3:hover::before{ left:10%; bottom:2%;     height:90%;     width:80%; }
.dyn-service-box-3::after{
    content:'';
    position: absolute;
    background: var(--orange);
    top:0px; height:.5rem;
    left:85%; width:15%;
    z-index: -2;
    transition: .8s;
}
.dyn-service-box-3:hover::after{  left:0%;   bottom:0px ; height:100%;  width:100%}
/* end services*/


/* transition creativity*/
.dyn-trans-bg {
    position: relative;
    background: url(../images/transition3.png);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size: cover ;
    background-position:left center;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, .5);
}
.dyn-trans-bg::before{
    content:'';
    position: absolute;
    background-color: var(--blue);
    top:2.5rem; bottom: -2.5rem; left: 2.5rem; right:-8.5rem;
    z-index: -5;
    backdrop-filter: blur(5px);
}
.dyn-border-trans { 
    border-top-right-radius: 1rem;  border-bottom-right-radius: 1rem;
}
/* end transition */



/* proceso creativo*/

.dyn-proc-nxfx{             position: relative;   transition: transform .4s ease;}
.dyn-proc-nxfx:hover{       color:white;  
    transform: translateX(-3px) translateY(-1px); 
}
.dyn-proc-nxfx::before{     
    content: "";
    position: absolute;
    background: var(--purple);
    top: 0; right: 0; bottom: 0; left: 0;
    -z-index: 1;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform .4s ease;
}
.dyn-proc-nxfx:hover::before{     
    transform: scaleX(1) translateX(0px);
    transform-origin: bottom left;
}
/* proceso creativo*/



/* nosotros*/

/*--*/

.dyn-scaleup{       transition-duration: .7s;    }
.dyn-scaleup:hover{
    color: var(--darkgrey);
}

.dyn-bg-nosotros {
    position: relative;
    height: 100%;
}
.dyn-bg-nosotros::before {
    content:'';
    position: absolute;
    background: url(../images/nosotros2.jpg);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-top-right-radius: 15px; border-bottom-right-radius: 15px;
    top:0rem; bottom:2.5rem; left:0; right: 0;

    box-shadow: 10px 10px 25px rgba(0, 0, 0, .5);
    backdrop-filter: blur(5px);
    transition: 2s;
}
.dyn-bg-nosotros:hover::before {
    transform: scale(1.03) translateX(-2px) skewX(-.05deg) rotateX(10deg) rotateY(1deg) rotateZ(.05deg);
    filter: contrast(125%);
    perspective: 6cm;
}
.dyn-bg-nosotros::after {
    content:'';
    position: absolute;
    background: url(../images/nosotros2.svg);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top:0rem; bottom:2.5rem; left:0; right: 0;

    opacity: 1;
    transition: 2s;
}
.dyn-bg-nosotros:hover::after {
    transform: scale(1.06);
    filter: contrast(150%) drop-shadow(5px 5px 5px rgba(5,0,0,0.3));
}
/* end nosotros*/

/* testimonios*/
.flickity-button-icon {     fill: #ccc !important;            }
/* testimonios*/

/* contacto */
.dyn-bg-contact {
    background: url(../images/contacto3.jpg);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size:cover;
    background-position:bottom;
    border-top-left-radius: 15px;   
}

.dyn-contact-input {
    padding: 0;
    width: 100%;
    font-size: .9rem;
    font-weight: 300;
    background-color: transparent !important;
    border: none !important;
    
    border-radius: 0% !important;
    color: white !important;
    border-right: .5px solid #CCC !important;
    border-bottom: .5px solid #CCC !important;
}
.dyn-contact-input:focus {      box-shadow: none; }

.dyn-btn-contact {
    background-color:  #ffa400; 
    color: white; 
    transition-duration: 0.4s;
    border: 2px solid #ffa400;
}
.dyn-btn-contact:hover {
    background-color: white; 
    color: #ffa400;
    border: 2px solid #ffa400;
}

.dyn-input-error {
    border-color: #ff8855 !important;
}

.dyn-form-shadow{
    box-shadow: 10px 10px 25px rgba(0, 0, 0, .1);
}
/* end contacto */


/* + + + + + + + + + + + + +     text utils     + + + + + + + + + + + + + */

.dyn-text-bold {    font-weight: 700;}
.dyn-purple {       color: var(--purple); }
.dyn-orange {       color: var(--orange); }
.dyn-blue {         color: var(--blue); }
.nav-link {         font-size: .9rem; padding:2px;     border-radius: 0;}
.nav-link:hover{
    background-color: rgba(255, 164, 4, .99); font-weight: 500;
}

.dyn-text-cover {           font-weight: 900;       line-height: 1.2; }
.dyn-text-header {          font-weight: 700;       line-height: 1.1;}
.dyn-text-subheader {       font-weight: 700;       line-height: 1.1;}
.dyn-text-transition {                              line-height: 1.1;}
.dyn-text-subheader-proc {  font-weight: 700;       line-height: 1;}
.dyn-text-larger {                                  line-height: 1;}
.dyn-text-trans {           font-weight: 700;       line-height: 1.1;}
.dyn-text-contact{     
                            font-weight: 400;       line-height: 1.1;   color:#ccc; color:#ddd;
    margin-top: .5rem;
    text-transform: uppercase;
}
.dyn-text-email {                                   line-height: 140%;  color:#ddf; text-decoration: none;}
.dyn-text-email:hover { color:#ffffff }
.dyn-text-errormsg { 
                            font-weight: 400;       line-height: .9;    color:#ff8855;
    margin-top: .5rem;
    text-transform: uppercase;
}
.dyn-text-footer {                                  line-height: 1.2;   color:#ddd;}
.dyn-text-regular { font-size: 1.4rem;}
.dyn-text-h3 { font-size: 1.1rem;}

@media screen and (min-width: 1366px) {
    .dyn-text-cover {           font-size: 5.5rem;  }
    .dyn-text-cover-sub {       font-size: 1.4rem;  }
    .dyn-text-header {          font-size: 5.0rem;  }
    .dyn-text-subheader {       font-size: 2.5rem;  }
    .dyn-text-transition {      font-size: 2.5rem;  }
    .dyn-text-subheader-proc {  font-size: 4.0rem;  }
    .dyn-text-larger     {      font-size: 1.4rem;  }
    .dyn-text-trans {           font-size: 4.5rem;  }
    .dyn-text-contact{          font-size: 0.8rem;  }
    .dyn-text-footer {          font-size: 0.8rem;  }
    .dyn-text-smaller {         font-size: 0.8rem;  }
    .dyn-text-errormsg {        font-size: 0.8rem;   }

    .nav-link {         color: var(--darkgrey) !important;  text-shadow: white .5px .3px;}
    .dyn-bg-herox::before { 
        background: url('../images/portada2.jpg'); 
        top: 3rem;      bottom: 1rem;      left: 3rem;     right: 5rem;
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:bottom center; 
        background-size:cover;
    }
    .dyn-border-trans { border-top-left-radius: 1rem;  border-bottom-left-radius: 1rem; }
    .dyn-servs-icons{           height:7rem;    position:relative;  top:-1rem;          }
    .dyn-proc-icons{            height:8rem;    position:relative;  left:-2.5rem;      }
    .dyn-contact-border{     border-left:1px #875CFF solid ; }

}

@media screen and (min-width: 993px) and (max-width: 1365px) {
    .dyn-text-cover {           font-size: calc( 5.5rem * var(--factorNormal) *.7 ); }
    .dyn-text-cover-sub {       font-size: calc( 1.4rem * var(--factorTablet) *.9);  }
    .dyn-text-header {          font-size: calc( 5.0rem * var(--factorNormal) *.85 ); }
    .dyn-text-subheader {       font-size: calc( 2.5rem * var(--factorNormal) *.65); }
    .dyn-text-transition {      font-size: calc( 2.5rem * var(--factorNormal) ); }
    .dyn-text-subheader-proc {  font-size: calc( 4.0rem * var(--factorNormal) *.8 ); }
    .dyn-text-larger     {      font-size: calc( 1.4rem * var(--factorNormal) ); }
    .dyn-text-trans {           font-size: calc( 4.5rem * var(--factorNormal)  * .8) }
    .dyn-text-contact{          font-size: calc( 0.8rem * var(--factorNormal) ); }
    .dyn-text-footer {          font-size: calc( 0.8rem * var(--factorNormal) ); }
    .dyn-text-smaller {         font-size: calc( 0.8rem * var(--factorNormal) ); }
    .dyn-text-errormsg {        font-size: calc( 0.8rem * var(--factorNormal) ); }

    .nav-link {         color: var(--darkgrey) !important;  }
    .dyn-bg-herox::before { 
        background: url('../images/portada2.jpg'); 
        top: 3rem;      bottom: 1rem;      left: 3rem;     right: 5rem;
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:bottom center; 
        background-size:cover;
    }
    .dyn-border-trans { border-top-left-radius: 1rem;  border-bottom-left-radius: 1rem; }
    .dyn-servs-icons{           height:7rem;    position:relative;  top:-1rem;          }
    .dyn-proc-icons{            height:8rem;    position:relative;  left:-2.5rem;      }
    .dyn-contact-border{     border-left:1px #875CFF solid ; }

}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .dyn-text-cover {           font-size: calc( 5.5rem * var(--factorTablet) *.7 ); }
    .dyn-text-cover-sub {       font-size: calc( 1.4rem * var(--factorTablet) *.85);  }
    .dyn-text-header {          font-size: calc( 5.0rem * var(--factorTablet) *.85 ); }
    .dyn-text-subheader {       font-size: calc( 2.5rem * var(--factorTablet) ); }
    .dyn-text-transition {      font-size: calc( 2.5rem * var(--factorTablet) ); }
    .dyn-text-subheader-proc {  font-size: calc( 4.0rem * var(--factorTablet) ); }
    .dyn-text-larger     {      font-size: calc( 1.4rem * var(--factorTablet) ); }
    .dyn-text-trans {           font-size: calc( 4.5rem * var(--factorTablet)  * .8) }
    .dyn-text-contact{          font-size: calc( 0.8rem * var(--factorTablet) ); }
    .dyn-text-footer {          font-size: calc( 0.8rem * var(--factorTablet) ); }
    .dyn-text-smaller {         font-size: calc( 0.8rem * var(--factorTablet) ); }
    .dyn-text-errormsg {        font-size: calc( 0.8rem * var(--factorTablet) ); }
    
    .nav-link {         color: #fff !important;  }
    .dyn-navbar-bg{     background: rgba(119, 76, 252, .95); }
    .dyn-bg-herox::before { 
        background: url('../images/portada2.jpg'); 
        top: 3rem;      bottom: 1rem;      left: 0rem;     right: 3rem;
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:bottom center; 
        background-size:cover;
    }
    .dyn-bg-herox::after {
             top: 4rem;      bottom: 0rem;      left: 1rem;     right: 2rem;
    }
    .dyn-border-trans { border-top-left-radius: 1rem;  border-bottom-left-radius: 1rem; }
    .dyn-servs-icons{           height:7rem;    position:relative;  top:-1rem;          }
    .dyn-proc-icons{            height:8rem;    position:relative;  left:1.5rem;      }
    .dyn-contact-border{     border-left:0px #875CFF solid ; }
    .dyn-contact-s-pad      {   height: 3rem ; }

}

@media screen and (min-width: 577px) and (max-width: 767px) {
    .dyn-text-cover {           font-size: calc( 5.5rem * var(--factorCel) ); }
    .dyn-text-cover-sub {       font-size: calc( 1.4rem * var(--factorCel) );  }
    .dyn-text-header {          font-size: calc( 5.0rem * var(--factorCel) ); }
    .dyn-text-subheader {       font-size: calc( 2.5rem * var(--factorCel) ); }
    .dyn-text-transition {      font-size: calc( 2.5rem * var(--factorCel) ); }
    .dyn-text-subheader-proc {  font-size: calc( 4.0rem * var(--factorCel) ); }
    .dyn-text-larger       {    font-size: calc( 1.4rem * var(--factorCel) ); }
    .dyn-text-trans {           font-size: calc( 4.5rem * var(--factorCel) * .8 ); }
    .dyn-text-contact{          font-size: calc( 0.8rem * var(--factorCel) ); }
    .dyn-text-footer {          font-size: calc( 0.8rem * var(--factorCel) * 1.1); }
    .dyn-text-smaller {         font-size: calc( 0.8rem * var(--factorCel) ); }
    .dyn-text-errormsg {        font-size: calc( 0.8rem * var(--factorCel) ); }
    
    .nav-link {         color: #fff !important;  }
    .dyn-navbar-bg{     background: rgba(119, 76, 252, .95); }
    .dyn-bg-herox::before { 
        background: url('../images/portada2.jpg'), rgba(255, 164, 0, .99); 
        background-blend-mode: multiply;
        background-repeat: no-repeat;
        background-position:bottom center; 
        background-size:cover;
        top: 3rem;      bottom: 1rem;      left: 3rem;     right: 5rem;
    }
    .dyn-border-trans { border-top-left-radius: 1rem;  border-bottom-left-radius: 1rem; }
    .dyn-servs-icons{           height:7rem;    position:relative;  top:-1rem;          }
    .dyn-proc-icons{            height:7rem;    position:relative;  left:1.5rem;      }
    .dyn-contact-border{     border-left:0px #875CFF solid ; }
    .dyn-contact-s-pad      {   height: 3rem ; }
}

@media screen and (min-width: 425px) and (max-width: 576px) {

    body {font-size: calc( 16px * var(--factorCelMini) *1.7);  }

    .dyn-text-cover {           font-size: calc( 5.5rem * var(--factorCelMini) * .85);  }
    .dyn-text-cover-sub {       font-size: calc( 1.4rem * var(--factorCelMini)* 1.6);  }
    .dyn-text-header {          font-size: calc( 5.0rem * var(--factorCelMini) ); }
    .dyn-text-subheader {       font-size: calc( 2.5rem * var(--factorCelMini) ); }
    .dyn-text-transition {      font-size: calc( 2.5rem * var(--factorCelMini) * .9); }
    .dyn-text-subheader-proc {  font-size: calc( 4.0rem * var(--factorCelMini) ); }
    .dyn-text-larger {          font-size: calc( 1.4rem * var(--factorCelMini) * 1.3); }
    .dyn-text-trans {           font-size: calc( 4.5rem * var(--factorCelMini) * .9); }
    .dyn-text-contact{          font-size: calc( 0.8rem * var(--factorCelMini) * 1.6 ); }
    .dyn-text-footer {          font-size: calc( 0.8rem * var(--factorCelMini) * 1.8); }
    .dyn-text-smaller {         font-size: calc( 0.8rem * var(--factorCelMini) * 1.8); }
    .dyn-text-errormsg {        font-size: calc( 0.8rem * var(--factorCelMini) * 1.6); }

    .nav-link {         color: #fff !important;  }
    .dyn-navbar-bg{     background: rgba(119, 76, 252, .95); }
    .dyn-bg-herox::before { 
        background: url('../images/portada2.jpg'), rgba(255, 164, 0, .99); 
        top: 0rem;      bottom: 1rem;      left: -1rem;     right: 0rem;
        background-blend-mode: multiply;
        background-repeat: no-repeat;
        background-position:top center; 
        background-size:cover;
    }
    .dyn-bg-herox::after {top: 1rem;      bottom: 0rem;      left: 0rem;     right: -1rem;}
    .dyn-border-trans { border-top-left-radius: 0;  border-bottom-left-radius: 0;             }
    .dyn-servs-icons{           height:7rem;    position:relative;  top:0rem;          }
    .dyn-proc-icons{            height:5rem;    position:relative;  left:-.5rem;      }
    .dyn-contact-border{        border:0px #875CFF solid ; }
    .dyn-contact-s-pad      {   height: 3rem ; }
    
    .flickity-button {          background: transparent !important; }
    .flickity-button-icon {     fill: #f5f5f8 !important;            }
    .flickity-prev-next-button.previous {   left: 0px  !important;       }
    .flickity-prev-next-button.next {       right: 0px !important;          }

}

@media screen and (max-width: 424px) {

    body {font-size: calc( 16px * var(--factorCelMicro) *1.8);  }

    .dyn-text-cover {           font-size: calc( 5.5rem * var(--factorCelMicro) * .85);  }
    .dyn-text-cover-sub {       font-size: calc( 1.4rem * var(--factorCelMicro)* 1.4);  }
    .dyn-text-header {          font-size: calc( 5.0rem * var(--factorCelMicro) ); }
    .dyn-text-subheader {       font-size: calc( 2.5rem * var(--factorCelMicro) ); }
    .dyn-text-transition {      font-size: calc( 2.5rem * var(--factorCelMicro) * .8); }
    .dyn-text-subheader-proc {  font-size: calc( 4.0rem * var(--factorCelMicro) ); }
    .dyn-text-larger {          font-size: calc( 1.4rem * var(--factorCelMicro) * 1.4); }
    .dyn-text-trans {           font-size: calc( 4.5rem * var(--factorCelMicro) * 1.2); }
    .dyn-text-contact{          font-size: calc( 0.8rem * var(--factorCelMicro) * 1.6); }
    .dyn-text-footer {          font-size: calc( 0.8rem * var(--factorCelMicro) * 1.8); }
    .dyn-text-smaller {         font-size: calc( 0.8rem * var(--factorCelMicro) * 1.8); }
    .dyn-text-errormsg {        font-size: calc( 0.8rem * var(--factorCelMicro) * 1.6); }

    .nav-link {         color: #fff !important;  }
    .dyn-navbar-bg{     background: rgba(119, 76, 252, .95); }
    .dyn-bg-herox::before { 
        background: url('../images/portada2.jpg'), rgba(255, 164, 0, .99); 
        top: 0rem;      bottom: 1rem;      left: -1rem;     right: 0rem;
        background-blend-mode: multiply;
        background-repeat: no-repeat;
        background-position:top center; 
        background-size:cover;
    }
    .dyn-bg-herox::after {top: 1rem;      bottom: 0rem;      left: 0rem;     right: -1rem;}
    .dyn-border-trans { border-top-left-radius: 0;  border-bottom-left-radius: 0;             }
    .dyn-trans-bg::before{
        top:2.5rem; bottom: -2.5rem; left: 2.5rem; right:-3rem;
    }
    .dyn-servs-icons{           height:7rem;    position:relative;  top:-1rem;          }
    .dyn-proc-icons{            height:5rem;    position:relative;  left:-.75rem;      }
    .dyn-contact-border{        border:0px #875CFF solid ; }
    .dyn-contact-s-pad      {   height: 3rem ; }

    .flickity-button {          background: transparent !important; }
    .flickity-button-icon {     fill: transparent !important;            }
    .flickity-prev-next-button.previous {   left: 0px  !important;       }
    .flickity-prev-next-button.next {       right: 0px !important;          }

}


/*text utils*/


/* clients - testimonios*/


.carousel {     background: #333; }

.main-carousel{ position:relative; }

.carousel-cell {
    /*width: 66%;*/
    width: 100%;
    margin-right: 10px;
    background: #fff;
    border: 1px solid black;
    counter-increment: carousel-cell;
}

.dyn-clients-logos  {height: 2.5rem; }
.dyn-clients-logos2 {height: 3.75rem; }
.dyn-clients-logos3 {width: 10rem; }


/* cell member */
.carousel-cell:before {     
    display: block;     text-align: center; 
}

/* clients - testimonios*/

/*mty-pilares*/
.dyn-pillar{
    position: relative;
    acolor:var(--purple)
}
.dyn-pillar::before{
    content:'';
    position: absolute;
    z-index: -1;

    background: var(--orange);
    top:1px;        bottom: 1px;
    left:-5%;     width:5%;
}
.dyn-pillar::after{
    content:'';         position: absolute;
    z-index: -1;

    background: var(--purple);
    top:1px;        bottom: 1px;
    left:5%;        width:5%;  
}
.adyn-pillar::after{
    content:'';
    position: absolute;
    z-index: -1;

    background: var(--purple);
    background: url(../images/v3/itExpert.jpg), rgba(249, 249, 249, .75);
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-position:top center; 
        background-size:cover;
    top:1px;        bottom: 1px;
    left:5%;        width:5%;  
    left:-15%;        width:30%;
}