/** feature-section **/ .feature-section { position: relative; padding-bottom: 100px; } .feature-section .sec-title { margin-bottom: 41px; } .feature-section .inner-content { position: relative; } .feature-section .feature-block { position: relative; } .feature-section .feature-block:last-child::before { display: none; } .feature-block-one { position: relative; display: block; background: #fff; text-align: center; padding: 30px 30px; } .feature-block-one .inner-box .icon-box { position: relative; display: inline-block; font-size: 70px; line-height: 70px; margin-bottom: 28px; transition: all 500ms ease; } .feature-block-one .inner-box h3 { position: relative; display: block; font-size: 22px; line-height: 30px; font-weight: 700; color: #222; margin-bottom: 15px; } .feature-block-one .inner-box h3 a { display: inline-block; color: #222; } .feature-block-one .inner-box .text { position: relative; margin-bottom: 22px; } .feature-block-one .inner-box .link a { position: relative; display: inline-block; font-size: 14px; line-height: 14px; }/** video-style-two **/ .video-style-two { position: relative; padding-bottom: 175px; } .video-style-two .image-layer { position: absolute; right: 0px; bottom: 0px; } .video-style-two .inner-box { position: relative; } .video-style-two #content_block_four .content-box { position: absolute; top: 65px; right: 0px; } .video-style-two :is(#video_block_one,#video_block_one_2) .video-inner { max-width: 850px; } .video-style-two :is(#video_block_one,#video_block_one_2) .video-inner .video-box { padding: 220px 0px; } #content_block_four .content-box { position: relative; max-width: 500px; width: 100%; } #content_block_four .content-box .inner { position: relative; display: block; padding: 49px 60px 53px 60px; border-radius: 5px; } #content_block_four .content-box .inner .sec-title :is(h1,.original-heading-one) { color: #fff; font-weight: 700; padding-bottom: 24px; } #content_block_four .content-box .inner .sec-title { margin-bottom: 27px; } #content_block_four .content-box .inner .sec-title :is(h1,.original-heading-one):before { right: inherit; left: 0px; } #content_block_four .content-box .inner .text { position: relative; color: #fff; margin-bottom: 25px; } #content_block_four .content-box .inner .list-item li { position: relative; display: block; font-size: 18px; line-height: 26px; font-weight: 700; color: #fff; margin-bottom: 9px; padding-left: 25px; } #content_block_four .content-box .inner .list-item li:before { position: absolute; content: "\f00c"; font-family: 'Font Awesome 5 Free'; font-size: 14px; color: #fff; font-weight: 700; left: 0px; top: 1px; } #content_block_four .content-box .inner .list-item li:last-child { margin-bottom: 0px; } #content_block_four .content-box .inner .list-item { position: relative; margin-bottom: 32px; }/** video-section **/ .video-section { position: relative; padding: 120px 0px; } :is(#video_block_one,#video_block_one_2) .video-inner { position: relative; max-width: 810px; width: 100%; } .video-section .upper-content .video-inner { margin: 0 auto; padding-bottom: 50px; } :is(#video_block_one,#video_block_one_2) .video-inner .video-box { position: relative; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; text-align: center; padding: 160px 0px; border-radius: 5px; } :is(#video_block_one,#video_block_one_2) .video-inner .video-box .video-btn a { position: relative; display: inline-block; font-size: 30px; color: #222; background: #fff; width: 100px; height: 100px; line-height: 100px; text-align: center; border-radius: 50%; -webkit-animation: pulse 3s infinite; -o-animation: pulse 3s infinite; animation: pulse 3s infinite; } .video-section .top-title { margin-bottom: 108px; } .video-section .lower-content { position: relative; } .video-section .lower-content .image-box { position: relative; overflow: hidden; display: block; border-radius: 5px; } .video-section .lower-content .image-box img { position: relative; display: block; width: 100%; border-radius: 5px; transition: all 500ms ease; } .video-section .lower-content .image-box:hover img { transform: scale(1.05); opacity: 0.5; }/** team-section **/ .team-section { position: relative; padding: 100px 0px; } .team-section .top-title { margin-bottom: 60px; } .team-block-one .inner-box { position: relative; display: block; text-align: center; margin-bottom: 30px; } .team-block-one .inner-box .image-holder { position: relative; display: block; background: #000000; overflow: hidden; } .team-block-one .inner-box .image-holder img { position: relative; display: block; width: 100%; transition: all 500ms ease; } .team-block-one:hover .inner-box .image-holder img { opacity: 0.2; transform: scale(1.05); } .team-block-one .inner-box .image-holder .content-box { position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 30px 50px; } .team-block-one .inner-box .image-holder .content-box .text { position: relative; color: #fff; opacity: 0; transition: all 500ms ease; transform: translateY(-20px); margin-bottom: 25px; } .team-block-one:hover .inner-box .image-holder .content-box .text, .team-block-one:hover .inner-box .image-holder .content-box .social-links { transform: translateY(0px); opacity: 1; } .team-block-one .inner-box .image-holder .content-box .social-links { position: relative; opacity: 0; transform: translateY(20px); transition: all 500ms ease; } .team-block-one .inner-box .image-holder .content-box .social-links li { position: relative; display: inline-block; margin: 0px 10px; } .team-block-one .inner-box .image-holder .content-box .social-links li a { position: relative; display: inline-block; font-size: 16px; color: #fff; } .team-block-one .inner-box .lower-content { position: relative; display: block; margin: 0px 30px; margin-top: -56px; } .team-block-one .inner-box .lower-content .inner { position: relative; background: #fff; padding: 27px 30px 32px 30px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); } .team-block-one .inner-box .lower-content .inner:before { position: absolute; content: ''; width: 100%; height: 0%; left: 0px; bottom: 0px; transition: all 500ms ease; } .team-block-one:hover .inner-box .lower-content .inner:before { height: 100%; top: 0px; } .team-block-one .inner-box .lower-content .inner h3 { position: relative; display: block; font-size: 22px; line-height: 30px; font-weight: 700; color: #222; margin-bottom: 8px; transition: all 500ms ease; } .team-block-one .inner-box .lower-content .inner h3 a { display: inline-block; color: #222; } .team-block-one .inner-box .lower-content .inner .designation { position: relative; display: block; font-size: 14px; line-height: 20px; color: #999; text-transform: uppercase; transition: all 500ms ease; } .team-block-one:hover .inner-box .lower-content .inner h3, .team-block-one:hover .inner-box .lower-content .inner h3 a, .team-block-one:hover .inner-box .lower-content .inner .designation { color: #fff; } .team-section .owl-nav { position: relative; display: block; text-align: center; margin-top: 30px; } .team-section .owl-nav .owl-prev, .team-section .owl-nav .owl-next { position: relative; display: inline-block; width: 45px; height: 45px; line-height: 45px; background: #fff; text-align: center; border-radius: 50%; font-size: 16px; font-weight: 600; color: #222; cursor: pointer; margin: 0px 10px; transition: all 500ms ease; box-shadow: 0 10px 30px #eef1f2; } .team-section .owl-nav .owl-prev:hover, .team-section .owl-nav .owl-next:hover { color: #fff; } .about-style-two { position: relative; padding: 100px 0px 100px 0px; background: #f7f7f7; } .about-style-two .sec-title :is(h1,.original-heading-one):before { right: inherit; left: 0px; } .about-style-two .content-box { position: relative; margin-right: 20px; } .about-style-two .content-box .text { margin-bottom: 50px; } .about-style-two .content-box .list li { position: relative; display: inline-block; float: left; width: 50%; margin-bottom: 15px; font-size: 18px; font-family: 'Playfair Display', serif; font-weight: 600; color: #222; padding: 9px 0px 10px 60px; } .about-style-two .content-box .list li span { position: absolute; left: 0px; top: 0px; font-size: 16px; font-family: 'Playfair Display', serif; font-weight: 400; color: #fff; width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 50%; } .about-style-two .image-box { position: relative; margin-left: 5px; } .about-style-two .image-box img { width: 100%; }/** video-section **/ .video-section { position: relative; padding: 120px 0px; } :is(#video_block_one,#video_block_one_2) .video-inner { position: relative; max-width: 810px; width: 100%; } .video-section .upper-content .video-inner { margin: 0 auto; padding-bottom: 50px; } :is(#video_block_one,#video_block_one_2) .video-inner .video-box { position: relative; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; text-align: center; padding: 160px 0px; border-radius: 5px; } :is(#video_block_one,#video_block_one_2) .video-inner .video-box .video-btn a { position: relative; display: inline-block; font-size: 30px; color: #222; background: #fff; width: 100px; height: 100px; line-height: 100px; text-align: center; border-radius: 50%; -webkit-animation: pulse 3s infinite; -o-animation: pulse 3s infinite; animation: pulse 3s infinite; } .video-section .top-title { margin-bottom: 108px; } .video-section .lower-content { position: relative; } .video-section .lower-content .image-box { position: relative; overflow: hidden; display: block; border-radius: 5px; } .video-section .lower-content .image-box img { position: relative; display: block; width: 100%; border-radius: 5px; transition: all 500ms ease; } .video-section .lower-content .image-box:hover img { transform: scale(1.05); opacity: 0.5; }