.elementor-857 .elementor-element.elementor-element-2b8e5e4{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:0px 0px 22px 22px;--margin-top:-81px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-857 .elementor-element.elementor-element-2b8e5e4:not(.elementor-motion-effects-element-type-background), .elementor-857 .elementor-element.elementor-element-2b8e5e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-78995b9 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-857 .elementor-element.elementor-element-dfaab6c{text-align:center;}.elementor-857 .elementor-element.elementor-element-dfaab6c .elementor-heading-title{font-family:"Trirong", Sans-serif;font-size:55px;font-weight:600;text-transform:capitalize;color:var( --e-global-color-a242962 );}.elementor-857 .elementor-element.elementor-element-8df30b7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-857 .elementor-element.elementor-element-8df30b7:not(.elementor-motion-effects-element-type-background), .elementor-857 .elementor-element.elementor-element-8df30b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-857 .elementor-element.elementor-element-2602ec4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-end;border-style:solid;--border-style:solid;border-width:0px 0px 2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:#C9C9C9;--border-color:#C9C9C9;}.elementor-857 .elementor-element.elementor-element-2602ec4:not(.elementor-motion-effects-element-type-background), .elementor-857 .elementor-element.elementor-element-2602ec4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-857 .elementor-element.elementor-element-779d87b{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-857 .elementor-element.elementor-element-779d87b.elementor-element{--align-self:flex-end;}.elementor-857 .elementor-element.elementor-element-f120754{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-857 .elementor-element.elementor-element-f120754 .elementor-heading-title{font-family:"Trirong", Sans-serif;font-size:40px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;color:#989898;}.elementor-857 .elementor-element.elementor-element-f79c1ae{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-end;border-style:solid;--border-style:solid;border-width:0px 0px 2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:#C9C9C9;--border-color:#C9C9C9;}.elementor-857 .elementor-element.elementor-element-f79c1ae:not(.elementor-motion-effects-element-type-background), .elementor-857 .elementor-element.elementor-element-f79c1ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-857 .elementor-element.elementor-element-5ae842b{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-857 .elementor-element.elementor-element-5ae842b.elementor-element{--align-self:flex-end;}.elementor-857 .elementor-element.elementor-element-b7817e3{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-857 .elementor-element.elementor-element-b7817e3 .elementor-heading-title{font-family:"Trirong", Sans-serif;font-size:40px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;color:#989898;}.elementor-857 .elementor-element.elementor-element-d9357e6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-end;border-style:solid;--border-style:solid;border-width:0px 0px 2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:#C9C9C9;--border-color:#C9C9C9;}.elementor-857 .elementor-element.elementor-element-d9357e6:not(.elementor-motion-effects-element-type-background), .elementor-857 .elementor-element.elementor-element-d9357e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-857 .elementor-element.elementor-element-6fb5d00{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-857 .elementor-element.elementor-element-6fb5d00.elementor-element{--align-self:flex-end;}.elementor-857 .elementor-element.elementor-element-ac63903{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-857 .elementor-element.elementor-element-ac63903 .elementor-heading-title{font-family:"Trirong", Sans-serif;font-size:40px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;color:#989898;}.elementor-857 .elementor-element.elementor-element-d9392c3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-end;border-style:solid;--border-style:solid;border-width:0px 0px 2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:#C9C9C9;--border-color:#C9C9C9;}.elementor-857 .elementor-element.elementor-element-d9392c3:not(.elementor-motion-effects-element-type-background), .elementor-857 .elementor-element.elementor-element-d9392c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-857 .elementor-element.elementor-element-fa4bad1{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-857 .elementor-element.elementor-element-fa4bad1.elementor-element{--align-self:flex-end;}.elementor-857 .elementor-element.elementor-element-03cfa84{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-857 .elementor-element.elementor-element-03cfa84 .elementor-heading-title{font-family:"Trirong", Sans-serif;font-size:40px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;color:#989898;}@media(max-width:1024px){.elementor-857 .elementor-element.elementor-element-779d87b{width:var( --container-widget-width, 143px );max-width:143px;--container-widget-width:143px;--container-widget-flex-grow:0;}.elementor-857 .elementor-element.elementor-element-f120754{text-align:justify;}.elementor-857 .elementor-element.elementor-element-5ae842b{width:var( --container-widget-width, 143px );max-width:143px;--container-widget-width:143px;--container-widget-flex-grow:0;}.elementor-857 .elementor-element.elementor-element-b7817e3{text-align:justify;}.elementor-857 .elementor-element.elementor-element-6fb5d00{width:var( --container-widget-width, 143px );max-width:143px;--container-widget-width:143px;--container-widget-flex-grow:0;}.elementor-857 .elementor-element.elementor-element-ac63903{text-align:justify;}.elementor-857 .elementor-element.elementor-element-fa4bad1{width:var( --container-widget-width, 143px );max-width:143px;--container-widget-width:143px;--container-widget-flex-grow:0;}.elementor-857 .elementor-element.elementor-element-03cfa84{text-align:justify;}}@media(max-width:767px){.elementor-857 .elementor-element.elementor-element-f120754 .elementor-heading-title{font-size:30px;}.elementor-857 .elementor-element.elementor-element-b7817e3 .elementor-heading-title{font-size:30px;}.elementor-857 .elementor-element.elementor-element-ac63903 .elementor-heading-title{font-size:30px;}.elementor-857 .elementor-element.elementor-element-03cfa84 .elementor-heading-title{font-size:30px;}}/* Start custom CSS for container, class: .elementor-element-2602ec4 */.img-one { 
    display: none;   
    position: absolute;
    object-fit: containers;
    transform: translateX(150%) translateY(-50%);
    top: 50%;
    left: 50%;
    z-index: 2;
}

/*.text class can be changed with whatever class you want. 
this is the class for your containers*/

.text:hover > .img-one {
    display: block;
	  position: absolute;
    z-index: 1;
    cursor: pointer;
    transition: all 0.15s ease-out;
}

.text:hover  {
/*you can remove the cursor pointer property & value if you don't 
want your containers clickable*/
    cursor: pointer;
    background-color: black;
    transition:all 0.5s ease-out;

}

/*do not remove !important, otherwise the hover effect does not work*/
/*this is where you change the color of the text editor widget*/
.text:hover .paragraph-scroll  {
     color: #FFFFFF !important;
}
/*do not remove !important, otherwise the hover effect does not work*/
/*this is where you change the color of the heading widget*/
.text:hover .elementor-heading-title  {
     color: #FFFFFF !important;
}

/*media query to make the images show by default on mobile devices*/
@media only screen and (max-width: 768px) {
  .img-one {
/*made a correction, from block change to inline*/
    display: inline;
    
  }
  
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f79c1ae */.img-one { 
    display: none;   
    position: absolute;
    object-fit: containers;
    transform: translateX(150%) translateY(-50%);
    top: 50%;
    left: 50%;
    z-index: 2;
}

/*.text class can be changed with whatever class you want. 
this is the class for your containers*/

.text:hover > .img-one {
    display: block;
	  position: absolute;
    z-index: 1;
    cursor: pointer;
    transition: all 0.15s ease-out;
}

.text:hover  {
/*you can remove the cursor pointer property & value if you don't 
want your containers clickable*/
    cursor: pointer;
    background-color: black;
    transition:all 0.5s ease-out;

}

/*do not remove !important, otherwise the hover effect does not work*/
/*this is where you change the color of the text editor widget*/
.text:hover .paragraph-scroll  {
     color: #FFFFFF !important;
}
/*do not remove !important, otherwise the hover effect does not work*/
/*this is where you change the color of the heading widget*/
.text:hover .elementor-heading-title  {
     color: #FFFFFF !important;
}

/*media query to make the images show by default on mobile devices*/
@media only screen and (max-width: 768px) {
  .img-one {
/*made a correction, from block change to inline*/
    display: inline;
    
  }
  
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9357e6 */.img-one { 
    display: none;   
    position: absolute;
    object-fit: containers;
    transform: translateX(150%) translateY(-50%);
    top: 50%;
    left: 50%;
    z-index: 2;
}

/*.text class can be changed with whatever class you want. 
this is the class for your containers*/

.text:hover > .img-one {
    display: block;
	  position: absolute;
    z-index: 1;
    cursor: pointer;
    transition: all 0.15s ease-out;
}

.text:hover  {
/*you can remove the cursor pointer property & value if you don't 
want your containers clickable*/
    cursor: pointer;
    background-color: black;
    transition:all 0.5s ease-out;

}

/*do not remove !important, otherwise the hover effect does not work*/
/*this is where you change the color of the text editor widget*/
.text:hover .paragraph-scroll  {
     color: #FFFFFF !important;
}
/*do not remove !important, otherwise the hover effect does not work*/
/*this is where you change the color of the heading widget*/
.text:hover .elementor-heading-title  {
     color: #FFFFFF !important;
}

/*media query to make the images show by default on mobile devices*/
@media only screen and (max-width: 768px) {
  .img-one {
/*made a correction, from block change to inline*/
    display: inline;
    
  }
  
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9392c3 */.img-one { 
    display: none;   
    position: absolute;
    object-fit: containers;
    transform: translateX(150%) translateY(-50%);
    top: 50%;
    left: 50%;
    z-index: 2;
}

/*.text class can be changed with whatever class you want. 
this is the class for your containers*/

.text:hover > .img-one {
    display: block;
	  position: absolute;
    z-index: 1;
    cursor: pointer;
    transition: all 0.15s ease-out;
}

.text:hover  {
/*you can remove the cursor pointer property & value if you don't 
want your containers clickable*/
    cursor: pointer;
    background-color: black;
    transition:all 0.5s ease-out;

}

/*do not remove !important, otherwise the hover effect does not work*/
/*this is where you change the color of the text editor widget*/
.text:hover .paragraph-scroll  {
     color: #FFFFFF !important;
}
/*do not remove !important, otherwise the hover effect does not work*/
/*this is where you change the color of the heading widget*/
.text:hover .elementor-heading-title  {
     color: #FFFFFF !important;
}

/*media query to make the images show by default on mobile devices*/
@media only screen and (max-width: 768px) {
  .img-one {
/*made a correction, from block change to inline*/
    display: inline;
    
  }
  
}/* End custom CSS */