.x-contact{display:flex;justify-content:center;align-items:center;width:100%;max-width:100rem;padding:0 10px;flex-direction:column;padding:6rem 15px}@media screen and (min-width:768px){.x-contact{padding:0 1%}}@media screen and (min-width:1024px){.x-contact{padding:0 5%}}@media screen and (min-width:1024px){.x-contact{padding:5rem 0}}.x-contact .title-contact{display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:center;width:100%;height:550px}@media screen and (min-width:1024px){.x-contact .title-contact{justify-content:space-evenly;width:100%}}.x-contact .title-contact .row1{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;background-size:220px;height:50%;width:80%}@media screen and (min-width:1024px){.x-contact .title-contact .row1{width:100%}}.x-contact .title-contact .row1 .bg-img{width:250px;position:absolute;height:100%}.x-contact .title-contact .row1 h2{font-family:"Lexend";font-weight:700;font-size:2.333rem;text-align:center;height:45%;line-height:3.333rem}.x-contact .title-contact .row1 h2 span{font-size:2.333rem;color:#2b00d4}.x-contact .title-contact .row2{width:100%}@media screen and (min-width:1024px){.x-contact .title-contact .row2{width:auto}}.x-contact .title-contact .row2 p{text-align:center;width:100%}@media screen and (min-width:1024px){.x-contact .title-contact .row2 p{font-size:16px;width:440px}}.x-contact .title-contact .row3{display:flex;justify-content:center;align-items:center}.x-contact .title-contact .row3.hover-this span a{display:flex;justify-content:center;align-items:center;letter-spacing:1px;border:none;height:5rem;width:12rem;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2b00d4;color:#fff;font-family:"Lexend";font-weight:600;cursor:pointer;text-decoration:none;box-shadow:8px 8px 40px 1px rgba(96,96,116,.14)}@media screen and (min-width:1024px){.x-contact .title-contact .row3.hover-this span a{height:4.4rem;width:10.6rem}}.main-container{display:flex;justify-content:center;align-items:center;padding-top:50px}.main-container .container{width:100%;max-width:100rem;padding:0 10px;display:flex;justify-content:center;align-items:center;flex-direction:column}@media screen and (min-width:768px){.main-container .container{padding:0 1%}}@media screen and (min-width:1024px){.main-container .container{padding:0 5%}}.main-container .container .title-blog{padding-bottom:100px}.main-container .container .title-blog span{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-align:center;font-weight:600;font-family:"Lexend";font-size:2rem;padding-bottom:20px}.main-container .container .title-blog span h2{font-weight:400}.main-container .container .latest-masonary-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:15rem 3rem 15rem;width:95%}@media screen and (min-width:1024px){.main-container .container .latest-masonary-container{grid-template-rows:300px 100px 300px}}.main-container .container .latest-masonary-container .latest-masonary-post{position:relative;box-shadow:8px 8px 40px 1px rgba(96,96,116,.14);cursor:pointer}.main-container .container .latest-masonary-container .latest-masonary-post:before{z-index:2;position:absolute;content:"";width:0;height:100%;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,.2) 100%);transition:.3s}.main-container .container .latest-masonary-container .latest-masonary-post:hover:before{width:100%}.main-container .container .latest-masonary-container .latest-masonary-post:after{z-index:1;position:absolute;content:"";width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,.8) 100%);top:0;left:0}.main-container .container .latest-masonary-container .latest-masonary-post-title{bottom:0;width:100%;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:flex-start;justify-content:space-between;z-index:3;position:absolute;font-family:"Lexend";font-weight:800;font-size:3rem;text-transform:uppercase;line-height:65px;font-weight:500;font-size:2rem;text-transform:capitalize;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem;font-size:1rem;color:#fff;padding:1rem;line-height:40px}@media screen and (min-width:1024px){.main-container .container .latest-masonary-container .latest-masonary-post-title{padding:1.5rem;width:80%}}.main-container .container .latest-masonary-container .latest-masonary-post-title .latest-masonary-post-category{font-family:"Lexend";font-weight:800;font-size:3rem;text-transform:uppercase;line-height:65px;font-weight:500;font-size:2rem;text-transform:capitalize;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:25px;font-size:.7rem;font-family:"Lexend";letter-spacing:1px;padding:.5rem;background-color:rgba(255,255,255,.1803921569);font-size:.9rem}@media screen and (min-width:1024px){.main-container .container .latest-masonary-container .latest-masonary-post-title .latest-masonary-post-category{font-size:1rem}}.main-container .container .latest-masonary-container .latest-masonary-post:first-child{grid-row:1/2;grid-column:1/3}.main-container .container .latest-masonary-container .latest-masonary-post:nth-child(2),.main-container .container .latest-masonary-container .latest-masonary-post:nth-child(3){grid-row:1/3}.main-container .container .latest-masonary-container .latest-masonary-post:nth-child(4),.main-container .container .latest-masonary-container .latest-masonary-post:nth-child(5){grid-row:2/-1}.main-container .container .latest-masonary-container .latest-masonary-post:last-child{grid-column:3/-1}.main-container .container .x-artical{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;max-width:100rem;padding:0 10px;width:95%;align-items:flex-start}@media screen and (min-width:768px){.main-container .container .x-artical{padding:0 1%}}@media screen and (min-width:1024px){.main-container .container .x-artical{padding:0 5%}}.main-container .container .x-artical-title{font-family:"Lexend";font-weight:800;font-size:3rem;text-transform:uppercase;line-height:65px;font-weight:500;font-size:2rem;text-transform:capitalize;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3rem;padding-left:0;text-transform:uppercase;font-size:1.5rem}.main-container .container .x-artical .grid-post{width:100%;height:auto;display:flex;justify-content:center;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:1rem}@media screen and (min-width:1024px){.main-container .container .x-artical .grid-post{row-gap:0}}.main-container .container .x-artical .grid-post-item{width:48%;height:300px;box-shadow:8px 8px 40px 1px rgba(96,96,116,.14);position:relative;cursor:pointer}@media screen and (min-width:1024px){.main-container .container .x-artical .grid-post-item{width:25%}}.main-container .container .x-artical .grid-post-item:before{z-index:2;position:absolute;content:"";width:0;height:100%;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,.2) 100%);transition:.3s}.main-container .container .x-artical .grid-post-item:hover:before{background-color:rgba(0,0,0,.4);width:100%}.main-container .container .x-artical .grid-post-item:after{z-index:1;position:absolute;content:"";width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,.8) 100%)}.main-container .container .x-artical .grid-post-item .title-post{bottom:0;width:100%;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:flex-start;justify-content:space-between;z-index:3;position:absolute;font-family:"Lexend";font-weight:800;font-size:3rem;text-transform:uppercase;line-height:65px;font-weight:500;font-size:2rem;text-transform:capitalize;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem;font-size:1rem;color:#fff;padding:1rem;line-height:40px}@media screen and (min-width:1024px){.main-container .container .x-artical .grid-post-item .title-post{padding:1.5rem;width:80%}}.main-container .container .x-artical .grid-post-item .title-post .category{font-family:"Lexend";font-weight:800;font-size:3rem;text-transform:uppercase;line-height:65px;font-weight:500;font-size:2rem;text-transform:capitalize;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:25px;font-size:.7rem;font-family:"Lexend";letter-spacing:1px;padding:.5rem;background-color:rgba(255,255,255,.1803921569);font-size:.9rem}@media screen and (min-width:1024px){.main-container .container .x-artical .grid-post-item .title-post .category{font-size:1rem}}.main-container .container .x-artical .grid-post-item .image-item{z-index:0;position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}