/** Shopify CDN: Minification failed

Line 141:13 Expected identifier but found whitespace
Line 141:15 Unexpected "{"
Line 141:24 Expected ":"
Line 141:51 Expected ":"

**/
.built-science {
    position: relative;
}

.main{
     padding: 3vw 6vw;
     height: 54vw;
     gap: 15%;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     .left{
         width: 45%;
         h1{
             font-size: 4.5vw;
             font-family: 'med';
             color: var(--white);
             line-height: 1.2;
        }
         .head-2{
             border-left: .25vw solid var(--gold);
             padding: 0 1vw;
             margin: 2vw 0 1vw;
             h4{
                 font-size: 1.7vw;
                 font-family: inter-reg;
                 color: var(--gold);
                 letter-spacing: -0.03vw;
                 word-spacing: -0.1vw;
            }
        }
         p{
             font-size: 1vw;
             font-family: 'inter-light';
             color: var(--white);
             padding-right: 27%;
             line-height: 1.5;
        }
    }
     .right{
         width: 36vw;
         margin-top: 4vw;
        /* .img-1{
             width: 30vw;
             height: 30vw;
             object-fit: cover;
             box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
             float: left;
        }
         */
         .img-content{
             background: var(--white);
             box-shadow: #0000001a 0 4px 12px;
             width: 100%;
             padding: 1.5vw 2vw;
             border-radius: 1vw;
             overflow: hidden;
             position: relative;
             .bg-icon{
                 width: 6vw;
                 height: 6vw;
                 position: absolute;
                 background: var(--gold);
                 opacity: 40%;
                 top: -3vw;
                 right: -3vw;
                 border-radius: 50%;
            }
             .icon{
                 width: 2vw;
                 height: 2vw;
                 border-radius: .2vw;
                 background-color: var(--gold);
                 align-content: center;
                 text-align: center;
                 i{
                     font-size: 1.2vw;
                     margin-top: .3vw;
                     color: var(--white);
                }
            }
             h6{
                 font-size: 0.85vw;
                 font-family: 'inter-med';
                 color: var(--black);
                 margin: 0;
            }
             .para{
                 text-align: left;
                 font-size: 0.8vw;
                 font-family: 'inter-light';
                 margin-top: 1vw;
                 margin-bottom: 1.5vw;
            }
             .verify-con{
                 border-top: #dbdbdb var(--border);
                 padding-top: 1.5vw;
                 .profile{
                     img{
                         position: relative;
                         width: 1.5vw;
                         height: 1.5vw;
                         border-radius: 50%;
                         border: var(--border) var(--white);
                    }
                     .img-1{
                         z-index: 1;
                    }
                     .img-2{
                         z-index: 2;
                         margin-left: -0.2vw;
                    }
                     .img-3{
                         z-index: 3;
                         margin-left: -0.2vw;
                    }
                }
                 p{
                     font-size: 0.65vw;
                     font-family: inter-light;
                     color: var(--black);
                }
            }
        }
    }
}

    .hero__curve {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: {{ section.settings.curve_height }}vw;
      line-height: 0;
    }

    .hero__curve svg {
      width: 100%;
      height: 100%;
      display: block;
    }

    .hero__curve.is-flipped {
      transform: scaleY(-1);
    }
 @media (max-width: 768px) {
     .main{
         padding: 10vw 8vw;
         height: 150vw;
         gap: 0;
         .left{
             width: 100%;
             h1{
                 font-size: 8vw;
            }
             .head-2{
                 border-left: 0.6vw solid var(--gold);
                 padding: 0 2vw;
                 margin: 5vw 0 3vw;
                 h4{
                     font-size: 4.5vw;
                }
            }
             p{
                 font-size: 2.7vw;
                 padding-right: 0;
            }
        }
         .right{
             width: 100%;
             margin-top: 5vw;
             .img-1{
                 width: 95%;
                 height: 60vw;
            }
             .img-content{
                 width: 100%;
                 padding: 3.5vw 5vw;
                 .bg-icon {
                     width: 18vw;
                     height: 18vw;
                     top: -9vw;
                     right: -9vw;
                }
                 .icon{
                     width: 6vw;
                     height: 6vw;
                     i{
                         font-size: 3vw;
                    }
                }
                 h6{
                     font-size: 2.7vw;
                }
                 .para{
                     font-size: 2.5vw;
                     margin-top: 3vw;
                }
                 .verify-con {
                     padding-top: 3.5vw;
                     .profile{
                         img{
                             width: 4.5vw;
                             height: 4.5vw;
                        }
                         .img-2{
                             margin-left: -0.75vw;
                        }
                         .img-3{
                             margin-left: -0.75vw;
                        }
                    }
                     p{
                         font-size: 2.5vw;
                    }
                }
            }
        }
    }
}