html {
  scroll-behavior: smooth;
}
* {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
}
.loader{
    background: none repeat scroll 0 0 rgb(255, 255, 255);
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 9999;
}
.loader-inner{    
    position: absolute;
    background: url(../image/loader.gif) center center no-repeat ;
    background-size: cover;
    height: 100px;
    width: 100px;
    margin: -30px 0 0 -30px;
    left: 48%;
    top: 50%;
}
h1,h2,h3,h4,h5,h6{
    overflow: hidden;
}
/* .picture-view{
    background-color: var(--light-blue1);
} */
#product-details .lead {
    font-size: medium;
    font-weight: 500;
}

.features-dilution{
    background: hsla(213, 62%, 45%, 1);

    background: linear-gradient(145deg, hsla(203, 89%, 71%, 1) 0%, hsla(0, 0%, 96%, 1) 100%);
    
    background: -moz-linear-gradient(145deg, hsla(203, 89%, 71%, 1) 0%, hsla(0, 0%, 96%, 1) 100%);
    
    background: -webkit-linear-gradient(145deg, hsla(203, 89%, 71%, 1) 0%, hsla(0, 0%, 96%, 1) 100%);
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#2C6CBC", endColorstr="#71C3F7", GradientType=1 );
}
.product-name{
    color: var(--primary);
    font-size: 30px;
}

.all-product-bg{
    background-color: hsla(203, 89%, 71%, 0.2);
}

:root {
    --dark: #272727;
    --light: white;
    --primary: #0c3483;
    --light-blue1: #e6f7ff;
    --light-blue2: #cceeff;

}
.pro-heading{
    background: hsla(52, 82%, 52%, 1);

    background: linear-gradient(45deg, hsla(52, 82%, 52%, 1) 0%, hsla(1, 92%, 47%, 1) 20%);
    
    background: -moz-linear-gradient(45deg, hsla(52, 82%, 52%, 1) 0%, hsla(1, 92%, 47%, 1) 20%);
    
    background: -webkit-linear-gradient(45deg, hsla(52, 82%, 52%, 1) 0%, hsla(1, 92%, 47%, 1) 20%);
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#E9D022", endColorstr="#E60B09", GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 42px;
}
.text-heading-c {
   color: var(--primary);
   /* background: hsla(52, 82%, 52%, 1);

background: linear-gradient(45deg, hsla(52, 82%, 52%, 1) 0%, hsla(1, 92%, 47%, 1) 100%);

background: -moz-linear-gradient(45deg, hsla(52, 82%, 52%, 1) 0%, hsla(1, 92%, 47%, 1) 100%);

background: -webkit-linear-gradient(45deg, hsla(52, 82%, 52%, 1) 0%, hsla(1, 92%, 47%, 1) 100%);

filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#E9D022", endColorstr="#E60B09", GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
   font-size: 33px;
}

.text-heading-c1{
    color: var(--light);
   font-size: 33px;
   font-weight: 300;
}
#ourteam span{
    color: var(--light);
    font-size: 15px;
}
#ourteam .team-name{
    color: var(--light);
   font-size: 33px;
   font-weight: 700;
}

.navbar {
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(3.5px);
    -webkit-backdrop-filter: blur(3.5px);
    z-index: 2;
}

.navbar-brand {
    font-size: 2.3em;
    font-weight: 600;
}

.navbar-collapse {
    font-weight: 600;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    background: hsla(318, 44%, 51%, 1);

    background: linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    background: -moz-linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    background: -webkit-linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#B94C98", endColorstr="#F0073B", GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.call-to-action {
    --color-default: #ffffff;
    --color-background: #000000;
    --color-background-rgb: 0, 0, 0;
    padding: 80px 0;
    position: relative;
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
  }
  
  .call-to-action img {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1;
  }
  
  .call-to-action:before {
    content: "";
    background: rgba(var(--color-background-rgb), 0.5);
    position: absolute;
    inset: 0;
    z-index: 2;
  }
  
  .call-to-action .container {
    position: relative;
    z-index: 3;
  }
  
  .call-to-action h3 {
    font-size: 28px;
    font-weight: 700;
    color: var(--color-default);
  }
  
  .call-to-action p {
    color: var(--color-default);
  }
  

.hero-section .row {
    margin-bottom: 3rem;
}

.home-container {
    /* background: hsla(53, 84%, 74%, 1);

    background: linear-gradient(145deg, hsla(53, 84%, 74%, 1) 0%, hsla(336, 87%, 61%, 1) 50%, hsla(262, 81%, 71%, 1) 100%);

    background: -moz-linear-gradient(145deg, hsla(53, 84%, 74%, 1) 0%, hsla(336, 87%, 61%, 1) 50%, hsla(262, 81%, 71%, 1) 100%);

    background: -webkit-linear-gradient(145deg, hsla(53, 84%, 74%, 1) 0%, hsla(336, 87%, 61%, 1) 50%, hsla(262, 81%, 71%, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#F4E784", endColorstr="#F24389", GradientType=1); */
    background: hsla(213, 62%, 45%, 1);

    background: linear-gradient(45deg, rgb(3, 87, 188) 0%, hsla(203, 89%, 71%, 1) 50%, rgb(173, 215, 239) 100%);

    background: -moz-linear-gradient(45deg, rgb(3, 87, 188) 0%, hsla(203, 89%, 71%, 1) 50%, rgb(173, 215, 239) 100%);

    background: -webkit-linear-gradient(45deg, rgb(3, 87, 188) 0%, hsla(203, 89%, 71%, 1) 50%, rgb(173, 215, 239) 100%);

    filter: progid: DXImageTransform.Microsoft.gradent(startColorstr="#2C6CBC", endColorstr="#71C3F7", GradientType=1);
    clip-path: polygon(100% 0%, 0% 0%, 0.00% 98.68%, 1.00% 98.73%, 2.00% 98.78%, 3.00% 98.82%, 4.00% 98.85%, 5.00% 98.87%, 6.00% 98.89%, 7.00% 98.90%, 8.00% 98.90%, 9.00% 98.90%, 10.00% 98.89%, 11.00% 98.87%, 12.00% 98.84%, 13.00% 98.81%, 14.00% 98.77%, 15.00% 98.73%, 16.00% 98.68%, 17.00% 98.62%, 18.00% 98.55%, 19.00% 98.48%, 20.00% 98.41%, 21.00% 98.32%, 22.00% 98.23%, 23.00% 98.14%, 24.00% 98.04%, 25.00% 97.93%, 26.00% 97.82%, 27.00% 97.71%, 28.00% 97.59%, 29.00% 97.46%, 30.00% 97.33%, 31.00% 97.20%, 32.00% 97.07%, 33.00% 96.93%, 34.00% 96.78%, 35.00% 96.64%, 36.00% 96.49%, 37.00% 96.34%, 38.00% 96.19%, 39.00% 96.03%, 40.00% 95.88%, 41.00% 95.72%, 42.00% 95.56%, 43.00% 95.40%, 44.00% 95.24%, 45.00% 95.09%, 46.00% 94.93%, 47.00% 94.77%, 48.00% 94.62%, 49.00% 94.46%, 50.00% 94.31%, 51.00% 94.16%, 52.00% 94.01%, 53.00% 93.86%, 54.00% 93.72%, 55.00% 93.58%, 56.00% 93.44%, 57.00% 93.31%, 58.00% 93.18%, 59.00% 93.05%, 60.00% 92.93%, 61.00% 92.81%, 62.00% 92.70%, 63.00% 92.59%, 64.00% 92.49%, 65.00% 92.39%, 66.00% 92.30%, 67.00% 92.22%, 68.00% 92.14%, 69.00% 92.07%, 70.00% 92.00%, 71.00% 91.94%, 72.00% 91.89%, 73.00% 91.84%, 74.00% 91.80%, 75.00% 91.77%, 76.00% 91.74%, 77.00% 91.72%, 78.00% 91.71%, 79.00% 91.70%, 80.00% 91.70%, 81.00% 91.71%, 82.00% 91.72%, 83.00% 91.75%, 84.00% 91.77%, 85.00% 91.81%, 86.00% 91.85%, 87.00% 91.90%, 88.00% 91.96%, 89.00% 92.02%, 90.00% 92.09%, 91.00% 92.16%, 92.00% 92.24%, 93.00% 92.33%, 94.00% 92.42%, 95.00% 92.52%, 96.00% 92.62%, 97.00% 92.73%, 98.00% 92.84%, 99.00% 92.96%, 100.00% 93.08%);
}

.otherpage-container {
    /* background: hsla(53, 84%, 74%, 1);

    background: linear-gradient(145deg, hsla(53, 84%, 74%, 1) 0%, hsla(336, 87%, 61%, 1) 50%, hsla(262, 81%, 71%, 1) 100%);

    background: -moz-linear-gradient(145deg, hsla(53, 84%, 74%, 1) 0%, hsla(336, 87%, 61%, 1) 50%, hsla(262, 81%, 71%, 1) 100%);

    background: -webkit-linear-gradient(145deg, hsla(53, 84%, 74%, 1) 0%, hsla(336, 87%, 61%, 1) 50%, hsla(262, 81%, 71%, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#F4E784", endColorstr="#F24389", GradientType=1); */
    background: hsla(213, 62%, 45%, 1);

    background: linear-gradient(45deg, rgb(3, 87, 188) 0%, hsla(203, 89%, 71%, 1) 50%, rgb(173, 215, 239) 100%);

    background: -moz-linear-gradient(45deg, rgb(3, 87, 188) 0%, hsla(203, 89%, 71%, 1) 50%, rgb(173, 215, 239) 100%);

    background: -webkit-linear-gradient(45deg, rgb(3, 87, 188) 0%, hsla(203, 89%, 71%, 1) 50%, rgb(173, 215, 239) 100%);

    filter: progid: DXImageTransform.Microsoft.gradent(startColorstr="#2C6CBC", endColorstr="#71C3F7", GradientType=1);
}


.home-container1 {
    /* background: hsla(53, 84%, 74%, 1);

    background: linear-gradient(145deg, hsla(53, 84%, 74%, 1) 0%, hsla(336, 87%, 61%, 1) 50%, hsla(262, 81%, 71%, 1) 100%);

    background: -moz-linear-gradient(145deg, hsla(53, 84%, 74%, 1) 0%, hsla(336, 87%, 61%, 1) 50%, hsla(262, 81%, 71%, 1) 100%);

    background: -webkit-linear-gradient(145deg, hsla(53, 84%, 74%, 1) 0%, hsla(336, 87%, 61%, 1) 50%, hsla(262, 81%, 71%, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#F4E784", endColorstr="#F24389", GradientType=1); */
    background: hsla(213, 62%, 45%, 1);

    background: linear-gradient(135deg, rgb(3, 87, 188) 0%, hsla(203, 89%, 71%, 1) 50%, rgb(173, 215, 239) 100%);

    background: -moz-linear-gradient(135deg, rgb(3, 87, 188) 0%, hsla(203, 89%, 71%, 1) 50%, rgb(173, 215, 239) 100%);

    background: -webkit-linear-gradient(135deg, rgb(3, 87, 188) 0%, hsla(203, 89%, 71%, 1) 50%, rgb(173, 215, 239) 100%);

    filter: progid: DXImageTransform.Microsoft.gradent(startColorstr="#2C6CBC", endColorstr="#71C3F7", GradientType=1);
    clip-path: polygon(100% 0%, 0% 0%, 0.00% 98.68%, 1.00% 98.73%, 2.00% 98.78%, 3.00% 98.82%, 4.00% 98.85%, 5.00% 98.87%, 6.00% 98.89%, 7.00% 98.90%, 8.00% 98.90%, 9.00% 98.90%, 10.00% 98.89%, 11.00% 98.87%, 12.00% 98.84%, 13.00% 98.81%, 14.00% 98.77%, 15.00% 98.73%, 16.00% 98.68%, 17.00% 98.62%, 18.00% 98.55%, 19.00% 98.48%, 20.00% 98.41%, 21.00% 98.32%, 22.00% 98.23%, 23.00% 98.14%, 24.00% 98.04%, 25.00% 97.93%, 26.00% 97.82%, 27.00% 97.71%, 28.00% 97.59%, 29.00% 97.46%, 30.00% 97.33%, 31.00% 97.20%, 32.00% 97.07%, 33.00% 96.93%, 34.00% 96.78%, 35.00% 96.64%, 36.00% 96.49%, 37.00% 96.34%, 38.00% 96.19%, 39.00% 96.03%, 40.00% 95.88%, 41.00% 95.72%, 42.00% 95.56%, 43.00% 95.40%, 44.00% 95.24%, 45.00% 95.09%, 46.00% 94.93%, 47.00% 94.77%, 48.00% 94.62%, 49.00% 94.46%, 50.00% 94.31%, 51.00% 94.16%, 52.00% 94.01%, 53.00% 93.86%, 54.00% 93.72%, 55.00% 93.58%, 56.00% 93.44%, 57.00% 93.31%, 58.00% 93.18%, 59.00% 93.05%, 60.00% 92.93%, 61.00% 92.81%, 62.00% 92.70%, 63.00% 92.59%, 64.00% 92.49%, 65.00% 92.39%, 66.00% 92.30%, 67.00% 92.22%, 68.00% 92.14%, 69.00% 92.07%, 70.00% 92.00%, 71.00% 91.94%, 72.00% 91.89%, 73.00% 91.84%, 74.00% 91.80%, 75.00% 91.77%, 76.00% 91.74%, 77.00% 91.72%, 78.00% 91.71%, 79.00% 91.70%, 80.00% 91.70%, 81.00% 91.71%, 82.00% 91.72%, 83.00% 91.75%, 84.00% 91.77%, 85.00% 91.81%, 86.00% 91.85%, 87.00% 91.90%, 88.00% 91.96%, 89.00% 92.02%, 90.00% 92.09%, 91.00% 92.16%, 92.00% 92.24%, 93.00% 92.33%, 94.00% 92.42%, 95.00% 92.52%, 96.00% 92.62%, 97.00% 92.73%, 98.00% 92.84%, 99.00% 92.96%, 100.00% 93.08%);
    padding-bottom: 0.5rem;
}

.footer-container {
    /* background: hsla(53, 84%, 74%, 1);

    background: linear-gradient(145deg, hsla(53, 84%, 74%, 1) 0%, hsla(336, 87%, 61%, 1) 50%, hsla(262, 81%, 71%, 1) 100%);

    background: -moz-linear-gradient(145deg, hsla(53, 84%, 74%, 1) 0%, hsla(336, 87%, 61%, 1) 50%, hsla(262, 81%, 71%, 1) 100%);

    background: -webkit-linear-gradient(145deg, hsla(53, 84%, 74%, 1) 0%, hsla(336, 87%, 61%, 1) 50%, hsla(262, 81%, 71%, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#F4E784", endColorstr="#F24389", GradientType=1); */
    color: var(--light);
    background: hsla(213, 62%, 45%, 1);

    background: linear-gradient(45deg, rgb(3, 87, 188) 0%, hsla(203, 89%, 71%, 1) 50%, rgb(173, 215, 239) 100%);

    background: -moz-linear-gradient(45deg, rgb(3, 87, 188) 0%, hsla(203, 89%, 71%, 1) 50%, rgb(173, 215, 239) 100%);

    background: -webkit-linear-gradient(45deg, rgb(3, 87, 188) 0%, hsla(203, 89%, 71%, 1) 50%, rgb(173, 215, 239) 100%);

    filter: progid: DXImageTransform.Microsoft.gradent(startColorstr="#2C6CBC", endColorstr="#71C3F7", GradientType=1);
    /* clip-path: polygon(100% 0%, 0% 0%, 0.00% 98.68%, 1.00% 98.73%, 2.00% 98.78%, 3.00% 98.82%, 4.00% 98.85%, 5.00% 98.87%, 6.00% 98.89%, 7.00% 98.90%, 8.00% 98.90%, 9.00% 98.90%, 10.00% 98.89%, 11.00% 98.87%, 12.00% 98.84%, 13.00% 98.81%, 14.00% 98.77%, 15.00% 98.73%, 16.00% 98.68%, 17.00% 98.62%, 18.00% 98.55%, 19.00% 98.48%, 20.00% 98.41%, 21.00% 98.32%, 22.00% 98.23%, 23.00% 98.14%, 24.00% 98.04%, 25.00% 97.93%, 26.00% 97.82%, 27.00% 97.71%, 28.00% 97.59%, 29.00% 97.46%, 30.00% 97.33%, 31.00% 97.20%, 32.00% 97.07%, 33.00% 96.93%, 34.00% 96.78%, 35.00% 96.64%, 36.00% 96.49%, 37.00% 96.34%, 38.00% 96.19%, 39.00% 96.03%, 40.00% 95.88%, 41.00% 95.72%, 42.00% 95.56%, 43.00% 95.40%, 44.00% 95.24%, 45.00% 95.09%, 46.00% 94.93%, 47.00% 94.77%, 48.00% 94.62%, 49.00% 94.46%, 50.00% 94.31%, 51.00% 94.16%, 52.00% 94.01%, 53.00% 93.86%, 54.00% 93.72%, 55.00% 93.58%, 56.00% 93.44%, 57.00% 93.31%, 58.00% 93.18%, 59.00% 93.05%, 60.00% 92.93%, 61.00% 92.81%, 62.00% 92.70%, 63.00% 92.59%, 64.00% 92.49%, 65.00% 92.39%, 66.00% 92.30%, 67.00% 92.22%, 68.00% 92.14%, 69.00% 92.07%, 70.00% 92.00%, 71.00% 91.94%, 72.00% 91.89%, 73.00% 91.84%, 74.00% 91.80%, 75.00% 91.77%, 76.00% 91.74%, 77.00% 91.72%, 78.00% 91.71%, 79.00% 91.70%, 80.00% 91.70%, 81.00% 91.71%, 82.00% 91.72%, 83.00% 91.75%, 84.00% 91.77%, 85.00% 91.81%, 86.00% 91.85%, 87.00% 91.90%, 88.00% 91.96%, 89.00% 92.02%, 90.00% 92.09%, 91.00% 92.16%, 92.00% 92.24%, 93.00% 92.33%, 94.00% 92.42%, 95.00% 92.52%, 96.00% 92.62%, 97.00% 92.73%, 98.00% 92.84%, 99.00% 92.96%, 100.00% 93.08%); */
    clip-path: polygon(100% 100%, 0% 100%, 0.00% 16.70%, 1.00% 16.70%, 2.00% 16.70%, 3.00% 16.69%, 4.00% 16.68%, 5.00% 16.67%, 6.00% 16.66%, 7.00% 16.64%, 8.00% 16.62%, 9.00% 16.60%, 10.00% 16.58%, 11.00% 16.56%, 12.00% 16.53%, 13.00% 16.50%, 14.00% 16.47%, 15.00% 16.44%, 16.00% 16.40%, 17.00% 16.36%, 18.00% 16.32%, 19.00% 16.28%, 20.00% 16.24%, 21.00% 16.19%, 22.00% 16.15%, 23.00% 16.10%, 24.00% 16.05%, 25.00% 16.00%, 26.00% 15.95%, 27.00% 15.89%, 28.00% 15.84%, 29.00% 15.78%, 30.00% 15.72%, 31.00% 15.67%, 32.00% 15.61%, 33.00% 15.55%, 34.00% 15.48%, 35.00% 15.42%, 36.00% 15.36%, 37.00% 15.30%, 38.00% 15.23%, 39.00% 15.17%, 40.00% 15.11%, 41.00% 15.04%, 42.00% 14.98%, 43.00% 14.91%, 44.00% 14.85%, 45.00% 14.79%, 46.00% 14.72%, 47.00% 14.66%, 48.00% 14.60%, 49.00% 14.54%, 50.00% 14.47%, 51.00% 14.41%, 52.00% 14.35%, 53.00% 14.30%, 54.00% 14.24%, 55.00% 14.18%, 56.00% 14.13%, 57.00% 14.07%, 58.00% 14.02%, 59.00% 13.97%, 60.00% 13.92%, 61.00% 13.87%, 62.00% 13.82%, 63.00% 13.78%, 64.00% 13.73%, 65.00% 13.69%, 66.00% 13.65%, 67.00% 13.61%, 68.00% 13.58%, 69.00% 13.54%, 70.00% 13.51%, 71.00% 13.48%, 72.00% 13.45%, 73.00% 13.43%, 74.00% 13.40%, 75.00% 13.38%, 76.00% 13.36%, 77.00% 13.35%, 78.00% 13.33%, 79.00% 13.32%, 80.00% 13.31%, 81.00% 13.31%, 82.00% 13.30%, 83.00% 13.30%, 84.00% 13.30%, 85.00% 13.30%, 86.00% 13.31%, 87.00% 13.32%, 88.00% 13.33%, 89.00% 13.34%, 90.00% 13.35%, 91.00% 13.37%, 92.00% 13.39%, 93.00% 13.41%, 94.00% 13.44%, 95.00% 13.46%, 96.00% 13.49%, 97.00% 13.52%, 98.00% 13.55%, 99.00% 13.59%, 100.00% 13.62%);
    height: fit-content;
}

.hero-title {
    color: var(--light);
    font-weight: 900;
    z-index: 2;
    position: relative;
    /* animation: flip 18s infinite; */
}

.hero-title span {
    background: hsla(318, 44%, 51%, 1);

    background: linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    background: -moz-linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    background: -webkit-linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#B94C98", endColorstr="#F0073B", GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-title:hover span {
    /* color: ; */
    /* -webkit-text-stroke: 2px var(--light); */
    /* background-image: linear-gradient(to right, #f9d423 40%, #ff4e50 100%); */
    /* background-image: linear-gradient(to right, #f9d423 80%, #ff7049 100%); */
    /* animation: rainbow 2s ease-in-out infinite; */
    /* transform: 2s ease-in; */
    /* background: var(--dark);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}

.hero-section .lead {
    color: var(--light);
    font-weight: 400;
    font-size: 20px;
    position: relative;
}

.circle-glass1 {
    position: absolute;
    width: 100px;
    height: 100px;
    left: 75%;
    top: 25%;
    z-index: 1;

    /* From https://css.glass */
    background: rgba(255, 255, 255, 0.21);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    animation: left-right 3s ease-in-out infinite alternate-reverse both;
}

.circle-glass2 {
    position: absolute;
    width: 200px;
    height: 200px;
    left: -50px;
    top: 420px;
    z-index: 0;

    /* From https://css.glass */
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.circle-glass3 {
    position: absolute;
    width: 350px;
    height: 350px;
    left: -100px;
    top: -100px;

    z-index: 0;

    /* From https://css.glass */
    background: hsla(206, 91%, 66%, 1);

    background: linear-gradient(90deg, hsla(206, 91%, 66%, 1) 0%, hsla(190, 90%, 51%, 1) 100%);

    background: -moz-linear-gradient(90deg, hsla(206, 91%, 66%, 1) 0%, hsla(190, 90%, 51%, 1) 100%);

    background: -webkit-linear-gradient(90deg, hsla(206, 91%, 66%, 1) 0%, hsla(190, 90%, 51%, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#5AB2F7", endColorstr="#12CFF3", GradientType=1);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    animation: left-right 2s ease-in-out infinite alternate-reverse both;
}

.hero-image {
    display: none;
    pointer-events: none;
    user-select: none;
}

.hero-section .animated {
    animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

.m-hero-img {
    display: none;
}

/* about */

#about .lead {
    font-size: medium;
    font-weight: 500;
}

#qualitycontrol .lead {
    font-size: medium;
    font-weight: 500;
}

#qualitycontrol .container{
    background: hsla(213, 62%, 45%, 1);

background: linear-gradient(145deg, hsla(203, 89%, 71%, 1) 0%, hsla(0, 0%, 96%, 1) 100%);

background: -moz-linear-gradient(145deg, hsla(203, 89%, 71%, 1) 0%, hsla(0, 0%, 96%, 1) 100%);

background: -webkit-linear-gradient(145deg, hsla(203, 89%, 71%, 1) 0%, hsla(0, 0%, 96%, 1) 100%);

filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#2C6CBC", endColorstr="#71C3F7", GradientType=1 );
    padding-bottom: 0.5rem;
}

#products .card {
    min-height: 387px;
}

#products .all-pro {
    min-height: 311px;
}
/* #spe-products .card {
    min-height: 420px;
} */

#products .pro-title{
    color: var(--primary);
   font-size: 45px;
   overflow-y: hidden;
}

#queries-box .pro-title{
    color: var(--primary);
   font-size: 45px;
   overflow-y: hidden;
}

#queries-box button {
    background: hsla(318, 44%, 51%, 1);

    background: linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    background: -moz-linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    background: -webkit-linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#B94C98", endColorstr="#F0073B", GradientType=1);
    color: var(--light);
    font-weight: 500;
}

#queries-box button:hover {
    background: transparent;
    border: 1px var(--dark) solid;
    transition: all 0.6s ease;
    color: var(--dark);
}

.about-details button {
    background: hsla(318, 44%, 51%, 1);

    background: linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    background: -moz-linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    background: -webkit-linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#B94C98", endColorstr="#F0073B", GradientType=1);
    color: var(--light);
    font-weight: 500;
}

.about-details button:hover {
    background: transparent;
    border: 1px var(--dark) solid;
    transition: all 0.6s ease;
}

#products .card .card-img-top{
    z-index: 0;
    transition: ease all .3s;
}
#products .card{
    transition: ease-in-out all .2s;
}

#products .card .card-body{
    z-index: 1;
}


#products button {
    background: hsla(318, 44%, 51%, 1);

    background: linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    background: -moz-linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    background: -webkit-linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#B94C98", endColorstr="#F0073B", GradientType=1);
    color: var(--light);
    font-weight: 500;
}
#products a{
    color: var(--dark);
    text-decoration: none;
}
#products .card .card-title{
    transition: transform .3s;
    font-weight: 600;
}
#products button:hover {
    background: transparent;
    border: 1px var(--dark) solid;
    transition: all 0.6s ease;
    color: var(--dark);
}

#products .card:hover{
    border-color: hsla(318, 44%, 51%, 1);

    border-color: linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    border-color: -moz-linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    border-color: -webkit-linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#B94C98", endColorstr="#F0073B", GradientType=1);
    /* border-color: var(--dark); */

}
#products .card:hover .card-title{
    background: hsla(318, 44%, 51%, 1);

    background: linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    background: -moz-linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    background: -webkit-linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#B94C98", endColorstr="#F0073B", GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#products .card:hover .card-img-top{
    z-index: 0;
    transform: scale(1.03); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.call-to-action1 {
    --color-default: #ffffff;
    --color-background: #000000;
    --color-background-rgb: 0, 0, 0;
    padding: 80px 0;
    position: relative;
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
  }
  
  .call-to-action1 .img {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1;
  }
  
  .call-to-action1:before {
    content: "";
    background: rgba(var(--color-background-rgb), 0.5);
    position: absolute;
    inset: 0;
    z-index: 2;
  }
  
  .call-to-action1 .container {
    position: relative;
    z-index: 3;
  }
  
  .call-to-action1 h3 {
    font-size: 28px;
    font-weight: 700;
    color: var(--color-default);
  }
  
  .call-to-action1 p {
    color: var(--color-default);
  }


.footer-detail1 h5 {
    font-weight: 700;
}

.footer-detail1 p {
    font-size: 16px;
}

.footer-detail2 h4 {
    font-weight: 700;
    /* background: hsla(318, 44%, 51%, 1);

    background: linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    background: -moz-linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    background: -webkit-linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#B94C98", endColorstr="#F0073B", GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}

#spe-products .card .card-title{
    transition: transform .3s;
    font-weight: 600;
}

#spe-products .card .card-img-top{
    transition: ease all .3s;
}
#spe-products .card{
    transition: ease-in-out all .2s;
}
#spe-products .card:hover{
    border-color: hsla(318, 44%, 51%, 1);

    border-color: linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    border-color: -moz-linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    border-color: -webkit-linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#B94C98", endColorstr="#F0073B", GradientType=1);
    /* border-color: var(--dark); */

}
#spe-products .card:hover .card-title{
    background: hsla(318, 44%, 51%, 1);

    background: linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    background: -moz-linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    background: -webkit-linear-gradient(45deg, hsla(318, 44%, 51%, 1) 0%, hsla(347, 94%, 48%, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#B94C98", endColorstr="#F0073B", GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#spe-products .card:hover .card-img-top{
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

@keyframes rainbow {
    0% {
        background-position: left
    }

    50% {
        background-position: right
    }

    100% {
        background-position: left
    }
}

@media only screen and (min-width: 1399px){
    #spe-products .card {
        min-height: 420px;
    }
    #products .card {
        min-height: 391px;
    }

    #products .all-pro {
        min-height: 376px;
    }
}


@media only screen and (min-width: 370px){
    #spe-products .card {
        min-height: 253px;
    }
    #products .card {
        min-height: 370px;
    }

    #products .all-pro {
        min-height: 376px;
    }
}

@media only screen and (min-width: 1414px){
    #spe-products .card {
        min-height: 420px;
    }
    #products .card {
        min-height: 411px;
    }

    #products .all-pro {
        min-height: 400px;
    }
}
@media only screen and (max-width: 995px) {
    #products .card {
        min-height: 370px;
    }

    #products .all-pro {
        min-height: 353px;
    }
    .hero-image {
        display: none;
    }

    .circle-glass3 {
        width: 200px;
        height: 200px;
        left: -50px;
        top: -50px;
    }

    .circle-glass2 {
        display: none;
    }

    .hero-section .row {
        padding: 0px;
    }

    .hero-title {
        font-weight: 900;
        z-index: 1;
        font-size: 50px;
    }

    .hero-section .lead {
        font-weight: 400;
        font-size: 13px;
    }

    .m-hero-img {
        display: block;
        position: absolute;
        left: 40%;
        top: 25%;
        opacity: 0.2;
    }

    .footer-mobile {
        margin-top: 4rem !important;
    }
}
@media only screen and (max-width: 370px){
    #products .all-pro {
        min-height: 312px;
    }
}

@keyframes up-down {
    0% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes left-right {
    0% {
        transform: translateY(5px);
    }

    100% {
        transform: translateY(-5px);
    }
}