section{ .sec-title{ font-size: 42px; text-align: center; margin-bottom: 25px; } } .service-item{ text-align: center; margin-bottom: 25px; box-shadow: 0 4px 12px #0000001a; padding: 20px; border-radius: 10px; i{ font-size: 40px; color: #c83635; } h5{ font-size: 20px; } } #services-slide{ //background-image: url(../images/slider3.jpg); background-position: inherit; background-repeat: no-repeat; background-attachment: local; background-size: cover; background-color: rgb(238 152 60); padding: 80px 0; .owl-item .item{ i{font-size: 20px; color: #ffffff;} h4{ font-weight: 300; font-size: 20px; color: #ffffff; text-align: center; } p{ text-align: center; color: #ffffff;} } } .block-content-50{ .item{ img{width: 100%} } } form .gfield{ label{ color: #393939; font-weight: 500; display: inline-block; max-width: 100%; margin-bottom: 5px; } input[type="email"], input[type="text"], textarea, select { background: #ffffff; border: 1px solid #d7d7d7; color: #555; border-radius: 3px; box-shadow: none; font-size: 14px; font-weight: normal; transition: all ease-in-out 0.4s; } .gfield_required.gfield_required_text{display: none!important;} } .gform_validation_errors, .gfield_validation_message{display: none!important;} .gform-theme--foundation .gform_fields{ grid-row-gap: 20px!important; } form .gform_footer .gform_button.button{ background-color: #ee983c!important; color: #ffffff!important;; font-weight: 600!important;; height: 55px!important;; width: 100%!important; } .gfield_error { input[type="email"], input[type="text"], textarea { border: 1px solid #e39696!important; } } .block-content-50{ padding: 50px 0; .item{ padding: 20px 0; } } .page-banner{ .banner-img img{ max-width: 600px; } } .team-thumb {margin-bottom: 35px;} .team-contact-info { min-height: 89px; padding-bottom: 20px; } .ginput_container_fileupload input{inline-size: auto!important;} #referral-form{ padding: 50px 0; .gfield--type-radio{ margin-bottom: 15px; } .gfield_label.gform-field-label{ } } .gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):checked:before, .gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):checked:before { opacity: 1; background-color: #ee983c; padding: 6px; border: none; outline: none; } .page-banner{ h1{width: 600px;max-width: 600px;} } #video-block{ padding: 100px 0 0 0; .button { display: inline-block; position: relative; } .button.is-play { background-color: #fff; border-radius: 50%; width: 100px; height: 100px; } .button.is-play .button-outer-circle { background: rgba(255,255,255,0.2); border-radius: 50%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .button.is-play .button-icon { position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; transform: translate(-50%, -50%); } .button.is-play .button-icon .triangle { -webkit-animation: fadeIn 7s ease; animation: fadeIn 7s ease; } .button.is-play .button-icon .path { stroke-dasharray: 90; stroke-dashoffset: 0; -webkit-animation: triangleStroke 3s; animation: triangleStroke 3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; } .has-scale-animation { -webkit-animation: smallScale 3s infinite; animation: smallScale 3s infinite; } .has-delay-short { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes triangleStroke { from { stroke-dashoffset: 90; } to { stroke-dashoffset: 0; } } @keyframes triangleStroke { from { stroke-dashoffset: 90; } to { stroke-dashoffset: 0; } } @-webkit-keyframes smallScale { from { transform: scale(1); opacity: 1; } to { transform: scale(1.5); opacity: 0; } } @keyframes smallScale { from { transform: scale(1); opacity: 1; } to { transform: scale(1.5); opacity: 0; } } .video-area { border-radius: 10px; background-size: cover; background-repeat: no-repeat; background-position: center center; height: 545px; display: flex; justify-content: center; align-items: center; i{ font-size: 30px; margin-left: 6px; color: #ee983c; } } .position-relative { position: relative !important; } .container p:has(img.aligncenter) { text-align: center; } .content p { text-align: justify; text-align-last: center; } @media (max-width: 1024px) { .page-banner{ position: relative; .banner-img img{ padding: 50px 35px; } } } @media only screen and (max-width: 991px) { .block-content-50{ .item{ display: grid; .text-block{order:2;} .img-block{order:1;} } } #video-block { padding: 50px 15px 0 15px; .video-area{ height: 400px;} } } @media (max-width: 768px) { .page-banner{ .banner-img img{ max-width: 400px; } h1{ font-size: 30px;} } section .sec-title { font-size: 25px; } } @media (max-width: 600px) { .page-banner{ .banner-img img{ max-width: 300px; } .banner-content{position: absolute; top: 20px; left: 20px;} .video-area{ height: 300px;} } #about{background: none!important; padding-top: 50px; padding-bottom: 50px; } }