*{
    padding: 0;
    margin: 0;
}

a{
    text-decoration: none !important;
    color: white !important;
}

* :not(h1){
    font-family: 'Times New Roman', Times, serif !important;
}

/* html,
body{
    height: 100%;
    /* background-color: black !important; */
    /* color: white !important; */
    /* background-image: url("../suppimg/map-of-the-world-2401458_1920.jpg"); */
    
    /* overflow-x: hidden; */


/* @media (max-width: 768px){
    body {
        background-size: contain
    }
} */

.wrapper{
    min-height: 100%;
    display: flex;
    flex-direction: column;
}


.navbar{
    /* background-color: rgba(0, 0, 0, 0.6) !important; */
}

.nav-link{
    color: white !important;
    font-size: 20px;
    transition: 0.2s;
}

.nav-link:hover{
    color: orange !important;
    scale: 1.05;
    text-decoration: underline !important;
    text-decoration-color: orange !important;
}

.main{
    flex: 1 1 auto;
    
}

/* .container{
    background-color: rgba(0, 0, 0, 0.856);
} */


.sectionOneSp {
    
}
.headerTextSp {
    margin-top: 2%;
}
.lineHrSp {
    height: 2px;
    background-color: white;
    margin-top: 1%;
    margin-bottom: 0.5%;
}

.row{
    padding: 15px !important;
}

.ContentSp {
    height: 50vh;
    border-radius: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.leftContentSpOne {
    background-image: url('../suppimg/Bristol.png');
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}


.rightContentSpOne a{
    box-shadow: 
    0px 3px 7px  rgb(59, 181, 218),
    1px 1px 14px rgb(59, 181, 218),
    0 0 20px rgb(59, 181, 218),
    0 0 28px rgb(59, 181, 218)
;
}
.headTextRgCont {
    font-size: 33px;
}
.subTextRgCont {
    max-width: 400px;
    text-align: center;
}

.ContentSp a{
    width: 160px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(45deg, black, rgb(219, 215, 215) 50%);
    border-radius: 10px;
    /* box-shadow: 
        0px 3px 7px  white,
        1px 1px 14px white,
        0 0 20px white,
        0 0 28px white
    ; */

    color: rgb(2, 2, 2) !important;
    font-size: 20px;
    font-weight: 400;
    text-shadow: 1px 1px 1px white;
    transition: all 0.3s;
    margin-top: 50px;
}

.ContentSp a:hover{
    scale: 1.04;
}

.leftContentSpTwo {
    /* background-color: rgba(255, 255, 255, 0.568); */
}

.leftContentSpTwo a{
    box-shadow: 
    0px 3px 7px  rgb(243, 146, 19),
    1px 1px 14px rgb(243, 146, 19),
    0 0 20px rgb(243, 146, 19),
    0 0 28px rgb(243, 146, 19)
;
}


.rightContentSpTwo {
    background-image: url('../suppimg/Caesarstone-removebg-preview.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.leftContentSpThree {
    background-image: url('../suppimg/cambria-removebg-preview\ \(1\).png');
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}


.rightContentSpThree a{
    box-shadow: 
    0px 3px 7px  rgb(190, 165, 18),
    1px 1px 14px rgb(190, 165, 18),
    0 0 20px rgb(190, 165, 18),
    0 0 28px rgb(190, 165, 18)
;
}


.leftContentSpFour a{
    box-shadow: 
    0px 3px 7px  silver,
    1px 1px 14px silver,
    0 0 20px silver,
    0 0 28px silver
;
}


.rightContentSpFour {
    background-image: url('../suppimg/Ceratec-removebg-preview.png');
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}

.leftContentSpFive {
    background-image: url('../suppimg/Cosentino-removebg-preview.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}


.rightContentSpFive a{
    box-shadow: 
    0px 3px 7px  white,
    1px 1px 14px white,
    0 0 20px white,
    0 0 28px white
;
}

.leftContentSpSix a{
    box-shadow: 
    0px 3px 7px  silver,
    1px 1px 14px silver,
    0 0 20px white,
    0 0 28px white
;
}


.rightContentSpSix {
    background-image: url('../suppimg/Coverlam-removebg-preview.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.leftContentSpSeven {
    background-image: url('../suppimg/Dekton-removebg-preview.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}


.rightContentSpSeven a{
    box-shadow: 
    0px 3px 7px  white,
    1px 1px 14px white,
    0 0 20px white,
    0 0 28px white
;
}

.leftContentSpEight a{
    box-shadow: 
    0px 3px 7px  rgb(146, 240, 102),
    1px 1px 14px rgb(146, 240, 102),
    0 0 20px rgb(146, 240, 102),
    0 0 28px rgb(146, 240, 102)
;
}


.rightContentSpEight {
    background-image: url('../suppimg/GS_Granite-removebg-preview.png');
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: center;
}

.leftContentSpNine {
    background-image: url('../suppimg/Guava_Quartz-removebg-preview.png');
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}


.rightContentSpNine a{
    box-shadow: 
    0px 3px 7px  rgb(1, 82, 1),
    1px 1px 14px rgb(1, 82, 1),
    0 0 20px rgb(1, 82, 1),
    0 0 28px rgb(1, 82, 1)
;
}

.leftContentSpTen a{
    box-shadow: 
    0px 3px 7px  white,
    1px 1px 14px white,
    0 0 20px white,
    0 0 28px white
;
}


.rightContentSpTen {
    background-image: url('../suppimg/Hanstone-removebg-preview.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}

.leftContentSpEleven {
    background-image: url('../suppimg/Iraq_Quartz-removebg-preview.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}


.rightContentSpEleven a{
    box-shadow: 
    0px 3px 7px  rgb(63, 190, 63),
    1px 1px 14px rgb(63, 190, 63),
    0 0 20px rgb(63, 190, 63),
    0 0 28px rgb(63, 190, 63)
;
}

.leftContentSpTwelve a{
    box-shadow: 
    0px 3px 7px  rgb(126, 126, 126),
    1px 1px 14px rgb(126, 126, 126),
    0 0 20px rgb(158, 197, 50),
    0 0 28px rgb(158, 197, 50)
;
}


.rightContentSpTwelve {
    background-image: url('../suppimg/Juliantile-removebg-preview.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}

.leftContentSpThirteen {
    background-image: url('../suppimg/Laminam-removebg-preview.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}


.rightContentSpThirteen a{
    box-shadow: 
    0px 3px 7px  rgb(233, 223, 167),
    1px 1px 14px rgb(233, 223, 167),
    0 0 20px rgb(233, 223, 167),
    0 0 28px rgb(233, 223, 167)
;
}

.leftContentSpFourteen a{
    box-shadow: 
    0px 3px 7px  rgb(34, 97, 139),
    1px 1px 14px rgb(34, 97, 139),
    0 0 20px rgb(34, 97, 139),
    0 0 28px rgb(34, 97, 139)
;
}


.rightContentSpFourteen {
    background-image: url('../suppimg/Omnia-removebg-preview.png');
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
}

.leftContentSpFifteen {
    background-image: url('../suppimg/PSM-removebg-preview.png');
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}


.rightContentSpFifteen a{
    box-shadow: 
    0px 3px 7px  rgb(238, 115, 15),
    1px 1px 14px rgb(238, 115, 15),
    0 0 20px rgb(238, 115, 15),
    0 0 28px rgb(238, 115, 15)
;
}

.leftContentSpSixteen a{
    box-shadow: 
    0px 3px 7px  rgb(190, 94, 94),
    1px 1px 14px rgb(190, 94, 94),
    0 0 20px rgb(190, 94, 94),
    0 0 28px rgb(190, 94, 94)
;
}


.rightContentSpSixteen {
    background-image: url('../suppimg/Silestone-removebg-preview.png');
    background-size: 190%;
    background-repeat: no-repeat;
    background-position: center;
}

.leftContentSpSeventeen {
    background-image: url('../suppimg/Symphony-removebg-preview.png');
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}


.rightContentSpSeventeen a{
    box-shadow: 
    0px 3px 7px  white,
    1px 1px 14px white,
    0 0 20px white,
    0 0 28px white
;
}

.leftContentSpEighteen a{
    box-shadow: 
    0px 3px 7px  rgb(170, 30, 30),
    1px 1px 14px rgb(170, 30, 30),
    0 0 20px rgb(170, 30, 30),
    0 0 28px rgb(170, 30, 30)
;
}


.rightContentSpEighteen {
    background-image: url('../suppimg/TCE-removebg-preview.png');
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.leftContentSpNineteen {
    background-image: url('../suppimg/Vicostone-removebg-preview.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}


.rightContentSpNineteen a{
    box-shadow: 
    0px 3px 7px  rgb(28, 69, 156),
    1px 1px 14px rgb(28, 69, 156),
    0 0 20px rgb(28, 69, 156),
    0 0 28px rgb(28, 69, 156)
;
}

.leftContentSpTwenty a{
    box-shadow: 
    0px 3px 7px  rgb(226, 23, 23),
    1px 1px 14px rgb(226, 23, 23),
    0 0 20px rgb(226, 23, 23),
    0 0 28px rgb(226, 23, 23)
;
}


.rightContentSpTwenty {
    background-image: url('../suppimg/Wilsonart-removebg-preview.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}

.footer{
    padding: 2% 0 1% 0;
    /* background-color: rgba(0, 0, 0, 0.9); */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: "Stylish", serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
}

.footer a{
    color: white;
    font-family: "Stylish", serif;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.messag{
    position: fixed;
    right: 1.1%;
    bottom: .9%;
}

.messag a img{
    margin-left: 5px;
    width: 35px;
    height: 35px;
}

.messag a img:hover{
    scale: 1.2;
}

#prom_disabled{
    pointer-events: none;
    color: grey !important;
    cursor: default;
}