File: /home/imensosw/.trash/sass.3/sections/_banner.scss
.banner1{background-size:53%; background-repeat: no-repeat; background-position: left bottom; display: flex; align-items: center; overflow: hidden; height: 100vh; padding: 6.25rem 0;}
.para3{font-size: 20px; font-weight: 500; font-style: italic; opacity: 0.7; padding-right: 130px;}
.bordercard {
.icn {display:block; margin-top:10px; margin-bottom:15px; font-weight:bold; color:#fd2e35; font-size:$basefont-size * 2;
i {font-size:40px; }
}
p {font-weight:500; }
}
/*banner*/
.banner{ min-height: 100vh !important;
&__developertech{height: 70px; width: 70px; border-radius: 8px; background-color: #fd2e35; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); display: inline-flex; justify-content: center; align-items: center; }
h2 {font-size: $basefont-size * 4.5; letter-spacing: -0.015em; line-height: 1.05; }
&__clients{ margin-top: 30px;
&-logos{ margin-bottom: 20px;
blur-heading{}
img{ width: 120px; padding: 10px 20px; max-width: 140px; }
}
}
.btn-primary{ padding: 10px 40px;}
}
.form-inline{ width: 700px; margin: auto; position: relative;
.form-group{ width: 100%;
.form-control{padding: 9px 20px !important; border-radius: 30px;}
}
.btn{ position:absolute; right:0; top:0; margin-bottom:0 }
}
.line1 {position: absolute; transform: rotate(-55deg); right: -239px; top: 106px; z-index: -1; }
.line2 {position: absolute; transform: rotate(-55deg); left: -121px; top: 106px; z-index: -1; }
.inner-banner{ overflow:hidden; }
.banner1{
&.banner-technology{ background-size:40%; background-position: 1% center;}
}