body, html {
font-family: Poppins;
}
@media screen and (min-width: 1920px){
.tab{
overflow: hidden;
}
.icons1{
width: 100%;
margin-top: 17%;
margin-left: 14%;
}
.icons11{
width: 100%;
margin-top: -64%;
margin-left: 14%;
}
.icons2{
width: 100%;
margin-top: 15.5%;
margin-left: -11%;
}
.icons22{
width: 100%;
margin-top: -63%;
margin-left: -10.5%;
}
.icons3{
width: 100%;
margin-top: 17%;
margin-left: -33.5%;
}
.icons33{
width: 100%;
margin-top: -64%;
margin-left: -33%;
}
.icons4{
width: 100%;
margin-top: 16%;
margin-left: -55%;
}
.icons44{
width: 100%;
margin-top: 16.5%;
margin-left: -100%;
}
.ichover:hover{
opacity:0;
}
.left-scroll{
margin-top: -32%;
margin-left: 15%;
}
.right-scroll{
margin-top: -16%;
margin-right: 17%;
}
.section4-background-color{
border-radius: 5%;
background-color: #F7F7F7;
}
.card101{
border: none;
}
.card102{
border: none;
}
.card103{
border: none;
}
.card104{
border: none;
}
.section10-img-1{
position: relative;
opacity: 1;
margin-top: -25%;
margin-left: 0%!important;
}
.section10-img-1:hover{
opacity: 0;
margin-top: -25%;
margin-left: 0%!important;
}
.section10-img-2{
display: block;
}
.section10-img-2:hover{
display: none;
}
.section10-img-22{
display: none;
}
.section10-img-22:hover{
display: block;
}
.section10-img-3{
}
.section10-img-4{
}
.section4-column{
padding: 0%!important;
}
.section4-button{
padding-left: 5%!important;
padding-right: 5%!important;
}
.card10-text{
top: 36%;
font-size: 1.1vw;
font-weight: bold;
}
#text-1{
text-align: left;
font-size: 1.4vw;
font-weight: bold;
}
#text-2{
text-align: left;
font-size: 1.4vw;
font-weight: bold;
}
#text-3{
text-align: left;
font-size: 1.4vw;
font-weight: bold;
}
#text-4{
text-align: left;
font-size: 1.4vw;
font-weight: bold;
}
.section10-img-11{
position: absolute;
opacity: 0;
margin-top: -25%;
margin-left: 0%!important;
}
.overlay {
opacity: 0;
margin-top: -25%;
margin-left: 0%!important;
}
.finiture-wrapper:hover .overlay {
opacity: 1;
margin-top: -25%;
margin-left: 0%!important;
}
.text1{
margin-top: 25%;
margin-bottom: 10%;
padding: 5%;
font-size: 1.7vw;
font-weight: bold;
}
.text2{
margin-top: 25%;
margin-bottom: 10%;
padding: 5%;
font-size: 1.7vw;
font-weight: bold;
}
.text3{
margin-top: 25%;
margin-bottom: 10%;
padding: 5%;
font-size: 1.7vw;
font-weight: bold;
}
.text4{
margin-top: 25%;
margin-bottom: 10%;
padding: 5%;
font-size: 1.7vw;
font-weight: bold;
}
.image1{
background-size: contain;
width: 25%;
}
}
@media screen and (min-width: 1680px) and (max-width: 1919.98px){
.tab{
overflow: hidden;
}
.icons1{
width: 100%;
margin-top: 17%;
margin-left: 14%;
}
.icons11{
width: 100%;
margin-top: -64%;
margin-left: 14%;
}
.icons2{
width: 100%;
margin-top: 15.5%;
margin-left: -11%;
}
.icons22{
width: 100%;
margin-top: -63%;
margin-left: -10.5%;
}
.icons3{
width: 100%;
margin-top: 17%;
margin-left: -33.5%;
}
.icons33{
width: 100%;
margin-top: -64%;
margin-left: -33%;
}
.icons4{
width: 100%;
margin-top: 16%;
margin-left: -55%;
}
.icons44{
width: 100%;
margin-top: 16.5%;
margin-left: -100%;
}
.ichover:hover{
opacity:0;
}
.left-scroll{
margin-top: -32%;
margin-left: 9%;
}
.right-scroll{
margin-top: -16%;
margin-right: 17%;
}
.section4-background-color{
border-radius: 5%;
background-color: #F7F7F7;
}
.card101{
border: none;
}
.card102{
border: none;
}
.card103{
border: none;
}
.card104{
border: none;
}
.section10-img-1{
position: relative;
opacity: 1;
margin-top: -25%;
margin-left: 0%!important;
}
.section10-img-1:hover{
opacity: 0;
margin-top: -25%;
margin-left: 0%!important;
}
.section10-img-2{
display: block;
}
.section10-img-2:hover{
display: none;
}
.section10-img-22{
display: none;
}
.section10-img-22:hover{
display: block;
}
.section10-img-3{
}
.section10-img-4{
}
.section4-column{
padding: 0%!important;
}
.section4-button{
padding-left: 5%!important;
padding-right: 5%!important;
}
.card10-text{
top: 36%;
font-size: 1.1vw;
font-weight: bold;
}
#text-1{
text-align: left;
font-size: 1.4vw;
font-weight: bold;
}
#text-2{
text-align: left;
font-size: 1.4vw;
font-weight: bold;
}
#text-3{
text-align: left;
font-size: 1.4vw;
font-weight: bold;
}
#text-4{
text-align: left;
font-size: 1.4vw;
font-weight: bold;
}
.section10-img-11{
position: absolute;
opacity: 0;
margin-top: -25%;
margin-left: 0%!important;
}
.overlay {
opacity: 0;
margin-top: -25%;
margin-left: 0%!important;
}
.finiture-wrapper:hover .overlay {
opacity: 1;
margin-top: -25%;
margin-left: 0%!important;
}
.text1{
margin-top: 25%;
margin-bottom: 10%;
padding: 5%;
font-size: 1.7vw;
font-weight: bold;
}
.text2{
margin-top: 25%;
margin-bottom: 10%;
padding: 5%;
font-size: 1.7vw;
font-weight: bold;
}
.text3{
margin-top: 25%;
margin-bottom: 10%;
padding: 5%;
font-size: 1.7vw;
font-weight: bold;
}
.text4{
margin-top: 25%;
margin-bottom: 10%;
padding: 5%;
font-size: 1.7vw;
font-weight: bold;
}
.image1{
background-size: contain;
width: 25%;
}
}
@media screen and (min-width: 1440px) and (max-width: 1679.98px){
.tab{
overflow: hidden;
}
.icons1{
width: 100%;
margin-top: 17%;
margin-left: 14%;
}
.icons11{
width: 100%;
margin-top: -64%;
margin-left: 14%;
}
.icons2{
width: 100%;
margin-top: 15.5%;
margin-left: -11%;
}
.icons22{
width: 100%;
margin-top: -63%;
margin-left: -10.5%;
}
.icons3{
width: 100%;
margin-top: 17%;
margin-left: -33.5%;
}
.icons33{
width: 100%;
margin-top: -64%;
margin-left: -33%;
}
.icons4{
width: 100%;
margin-top: 16%;
margin-left: -55%;
}
.icons44{
width: 100%;
margin-top: 16.5%;
margin-left: -100%;
}
.ichover:hover{
opacity:0;
}
.left-scroll{
margin-top: -32%;
margin-left: 9%;
}
.right-scroll{
margin-top: -16%;
margin-right: 17%;
}
.section4-background-color{
border-radius: 5%;
background-color: #F7F7F7;
}
.card10-text{
top: 36%;
font-size: 1.1vw;
font-weight: bold;
}
}
@media screen and (min-width: 1366px) and (max-width: 1439.98px){
.tab{
overflow: hidden;
}
.icons1{
width: 100%;
margin-top: 17%;
margin-left: 14%;
}
.icons11{
width: 100%;
margin-top: -64%;
margin-left: 14%;
}
.icons2{
width: 100%;
margin-top: 15.5%;
margin-left: -11%;
}
.icons22{
width: 100%;
margin-top: -63%;
margin-left: -10.5%;
}
.icons3{
width: 100%;
margin-top: 17%;
margin-left: -33.5%;
}
.icons33{
width: 100%;
margin-top: -64%;
margin-left: -33%;
}
.icons4{
width: 100%;
margin-top: 16.5%;
margin-left: -55%;
}
.icons44{
width: 100%;
margin-top: 16.5%;
margin-left: -100%;
}
.ichover:hover{
opacity:0;
}
.left-scroll{
margin-top: -32%;
margin-left: 9%;
}
.right-scroll{
margin-top: -16%;
margin-right: 17%;
}
.section4-background-color{
border-radius: 5%;
background-color: #F7F7F7;
}
.card10-text{
top: 36%;
font-size: 1.1vw;
font-weight: bold;
}
}
@media screen and (min-width: 1200px) and (max-width: 1365.98px){
.tab{
overflow: hidden;
}
.icons1{
width: 100%;
margin-top: 17%;
margin-left: 14%;
}
.icons11{
width: 100%;
margin-top: -64%;
margin-left: 14%;
}
.icons2{
width: 100%;
margin-top: 15.5%;
margin-left: -11%;
}
.icons22{
width: 100%;
margin-top: -63%;
margin-left: -10.5%;
}
.icons3{
width: 100%;
margin-top: 17%;
margin-left: -33.5%;
}
.icons33{
width: 100%;
margin-top: -64%;
margin-left: -33%;
}
.icons4{
width: 100%;
margin-top: 16%;
margin-left: -55%;
}
.icons44{
width: 100%;
margin-top: 16.5%;
margin-left: -100%;
}
.ichover:hover{
opacity:0;
}
.left-scroll{
margin-top: -32%;
margin-left: 9%;
}
.right-scroll{
margin-top: -16%;
margin-right: 17%;
}
.section4-background-color{
border-radius: 5%;
background-color: #F7F7F7;
}
.card10-text{
top: 36%;
font-size: 1.1vw;
font-weight: bold;
}
}
@media screen and (min-width: 992px) and (max-width: 1199.98px){
.tab{
overflow: hidden;
}
.icons1{
width: 100%;
margin-top: 17%;
margin-left: 14%;
}
.icons11{
width: 100%;
margin-top: -64%;
margin-left: 14%;
}
.icons2{
width: 100%;
margin-top: 15.5%;
margin-left: -11%;
}
.icons22{
width: 100%;
margin-top: -63%;
margin-left: -10.5%;
}
.icons3{
width: 100%;
margin-top: 17%;
margin-left: -33.5%;
}
.icons33{
width: 100%;
margin-top: -64%;
margin-left: -33%;
}
.icons4{
width: 100%;
margin-top: 16%;
margin-left: -55%;
}
.icons44{
width: 100%;
margin-top: 16.5%;
margin-left: -100%;
}
.ichover:hover{
opacity:0;
}
.left-scroll{
margin-top: -46%;
margin-left: 4%;
}
.right-scroll{
margin-top: -24%;
margin-right: 11%;
}
.section4-background-color{
border-radius: 5%;
background-color: #F7F7F7;
}
.card10-text{
top: 36%;
font-size: 1.1vw;
font-weight: bold;
}
}
@media screen and (min-width: 834px) and (max-width: 991.98px){
.tab{
overflow: hidden;
}
.icons1{
width: 100%;
margin-top: 17%;
margin-left: 14%;
}
.icons11{
width: 100%;
margin-top: -64%;
margin-left: 14%;
}
.icons2{
width: 100%;
margin-top: 15.5%;
margin-left: -11%;
}
.icons22{
width: 100%;
margin-top: -63%;
margin-left: -10.5%;
}
.icons3{
width: 100%;
margin-top: 17%;
margin-left: -33.5%;
}
.icons33{
width: 100%;
margin-top: -64%;
margin-left: -33%;
}
.icons4{
width: 100%;
margin-top: 16%;
margin-left: -55%;
}
.icons44{
width: 100%;
margin-top: 16.5%;
margin-left: -100%;
}
.ichover:hover{
opacity:0;
}
.left-scroll{
margin-top: -32%;
margin-left: 9%;
}
.right-scroll{
margin-top: -16%;
margin-right: 17%;
}
.section4-background-color{
border-radius: 5%;
background-color: #F7F7F7;
}
.card10-text{
top: 36%;
font-size: 1.1vw;
font-weight: bold;
}
}
@media screen and (min-width: 768px) and (max-width: 833.98px){
.tab{
overflow: hidden;
}
.icons1{
width: 100%;
margin-top: 17%;
margin-left: 14%;
}
.icons11{
width: 100%;
margin-top: -64%;
margin-left: 14%;
}
.icons2{
width: 100%;
margin-top: 15.5%;
margin-left: -11%;
}
.icons22{
width: 100%;
margin-top: -63%;
margin-left: -10.5%;
}
.icons3{
width: 100%;
margin-top: 17%;
margin-left: -33.5%;
}
.icons33{
width: 100%;
margin-top: -64%;
margin-left: -33%;
}
.icons4{
width: 100%;
margin-top: 16%;
margin-left: -55%;
}
.icons44{
width: 100%;
margin-top: 16.5%;
margin-left: -100%;
}
.ichover:hover{
opacity:0;
}
.left-scroll{
margin-top: -32%;
margin-left: 9%;
}
.right-scroll{
margin-top: -16%;
margin-right: 17%;
}
.section4-background-color{
border-radius: 5%;
background-color: #F7F7F7;
}
.card10-text{
top: 36%;
font-size: 1.1vw;
font-weight: bold;
}
}
@media screen and (min-width: 577px) and (max-width: 767.98px){
.tab{
overflow: hidden;
}
.icons1{
width: 100%;
margin-top: 15%;
margin-left: auto;
}
.icons11{
width: 100%;
    margin-top: -60%;
    margin-left: auto;
}
.icons2{
width: 100%;
margin-top: -2.5%;
margin-left: auto;
}
.icons22{
width: 100%;
    margin-top: -61%;
    margin-left: auto;
}
.icons3{
width: 100%;
margin-top: -5%;
margin-left: auto;
}
.icons33{
width: 100%;
    margin-top: -60%;
    margin-left: auto;
}
.icons4{
width: 100%;
margin-top: -3%;
margin-left: auto;
}
.icons44{
width: 100%;
    margin-top: -60.5%;
    margin-left: auto;
}
.ichover:hover{
opacity:0;
}
.left-scroll{
margin-top: -271%;
    margin-left: -12%;
}
.right-scroll{
margin-top: -138%;
    margin-right: -11%;
}
.section4-background-color{
border-radius: 5%;
background-color: #F7F7F7;
}
}
@media screen and (max-width: 576px){
.tab{
overflow: hidden;
}
.icons1{
width: 100%;
margin-top: 15%;
margin-left: auto;
}
.icons11{
width: 100%;
    margin-top: -60%;
    margin-left: auto;
}
.icons2{
width: 100%;
margin-top: -2.5%;
margin-left: auto;
}
.icons22{
width: 100%;
    margin-top: -61%;
    margin-left: auto;}
.icons3{
width: 100%;
margin-top: -5%;
margin-left: auto;
}
.icons33{
width: 100%;
    margin-top: -60%;
    margin-left: auto;
}
.icons4{
width: 100%;
margin-top: -3%;
margin-left: auto;
}
.icons44{
width: 100%;
    margin-top: -59.5%;
    margin-left: auto;
}
.ichover:hover{
opacity:0;
}
.left-scroll{
margin-top: -271%;
    margin-left: -7%;
}
.right-scroll{
margin-top: -138%;
    margin-right: -6%;
}
.section4-background-color{
border-radius: 5%;
background-color: #F7F7F7;
}
}
@media screen and (max-width: 480px){
.tab{
overflow: hidden;
}
.icons1{
width: 100%;
margin-top: 15%;
margin-left: auto;
}
.icons11{
width: 100%;
margin-top: -61%;
margin-left: auto;
}
.icons2{
width: 100%;
margin-top: -2.5%;
margin-left: auto;
}
.icons22{
width: 100%;
margin-top: -62%;
margin-left: auto;
}
.icons3{
width: 100%;
margin-top: -5%;
margin-left: auto;
}
.icons33{
width: 100%;
margin-top: -61%;
margin-left: auto;
}
.icons4{
width: 100%;
margin-top: -3%;
margin-left: auto;
}
.icons44{
width: 100%;
margin-top: -61.5%;
margin-left: auto;
}
.ichover:hover{
opacity:0;
}
.left-scroll{
margin-top: -271%;
    margin-left: -9%;
}
.right-scroll{
margin-top: -138%;
    margin-right: -8%;
}
.section4-background-color{
border-radius: 5%;
background-color: #F7F7F7;
}
}
@media screen and (max-width: 320px){
.tab{
overflow: hidden;
}
.icons1{
width: 100%;
margin-top: 15%;
margin-left: auto;
}
.icons11{
width: 100%;
margin-top: -66%;
margin-left: auto;
}
.icons2{
width: 100%;
margin-top: -2.5%;
margin-left: auto;
}
.icons22{
width: 100%;
margin-top: -66%;
margin-left: auto;
}
.icons3{
width: 100%;
margin-top: -5%;
margin-left: auto;
}
.icons33{
width: 100%;
margin-top: -64%;
margin-left: auto;
}
.icons4{
width: 100%;
margin-top: -3%;
margin-left: auto;
}
.icons44{
width: 100%;
margin-top: -64.5%;
margin-left: auto;
}
.ichover:hover{
opacity:0;
}
.left-scroll{
    margin-top: -301%;
    margin-left: -14%;
}
.right-scroll{
margin-top: -154%;
    margin-right: -14%;
}
.section4-background-color{
border-radius: 5%;
background-color: #F7F7F7;
}
}