183 lines
2.2 KiB
CSS
183 lines
2.2 KiB
CSS
|
|
/** subscribe-section **/
|
|
|
|
.subscribe-section{
|
|
position: relative;
|
|
}
|
|
|
|
.subscribe-section .inner-container{
|
|
position: relative;
|
|
padding: 60px 0px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.subscribe-section .inner-container:before{
|
|
position: absolute;
|
|
content: '';
|
|
background: #fff;
|
|
width: calc(100% + 180px);
|
|
height: 100%;
|
|
left: -90px;
|
|
top: 0px;
|
|
box-shadow: 0px -5px 40px rgba(75, 183, 241, 0.15);
|
|
border-radius: 20px;
|
|
z-index: -1;
|
|
}
|
|
|
|
.subscribe-section .text-box h2{
|
|
position: relative;
|
|
display: block;
|
|
font-size: 36px;
|
|
line-height: 46px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.subscribe-section .text-box h2 span{
|
|
color: var(--secondary-color);
|
|
}
|
|
|
|
.subscribe-section .form-inner .form-group{
|
|
position: relative;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.subscribe-section .form-inner .form-group:last-child{
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.subscribe-section .form-inner .form-group input[type='email']{
|
|
position: relative;
|
|
display: block;
|
|
width: 100%;
|
|
height: 66px;
|
|
background: #ffe6e6;
|
|
border: 1px solid rgba(14, 17, 54, 0.05);
|
|
border-radius: 30px;
|
|
font-size: 16px;
|
|
color: #000;
|
|
padding: 10px 200px 10px 30px;
|
|
transition: all 500ms ease;
|
|
}
|
|
|
|
.subscribe-section .form-inner .form-group button[type='submit']{
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 5px;
|
|
}
|
|
|
|
.subscribe-section .form-inner .form-group button[type='submit'] span{
|
|
padding: 17px 30px 15px 30px;
|
|
}
|
|
|
|
.subscribe-section .form-inner .form-group input[type='email']:focus{
|
|
border-color: var(--theme-color);
|
|
}
|
|
|
|
.subscribe-section:before{
|
|
position: absolute;
|
|
content: '';
|
|
background: #bc0000;
|
|
width: 100%;
|
|
height: 50%;
|
|
left: 0px;
|
|
bottom: 0px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/** RTL-CSS **/
|
|
|
|
|
|
|
|
|
|
|
|
/** RESPONSIVE-CSS **/
|
|
|
|
|
|
@media only screen and (max-width: 1200px){
|
|
|
|
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 991px){
|
|
|
|
.subscribe-section .text-box{
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 767px){
|
|
|
|
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 599px){
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 499px){
|
|
|
|
.subscribe-section .form-inner .form-group button[type='submit']{
|
|
position: relative;
|
|
top: 0px;
|
|
right: 0px;
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.subscribe-section .form-inner .form-group input[type='email']{
|
|
padding-right: 30px;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|