/* Author : Theme-Family Template Name: Al-Akhir - Kingdergarden School Website Template Version : 1.0 */ /*============================================================= CSS INDEX ============================= 01. GENERAL STYLE (body, link color, SECTION TITLE, PRELOADER, BTN, SECTION PADDING, SCROLL etc) 02. START BOOTSTRAP NAVIGATION OVERRIDES 03. START HOME DESIGN --START HOME DEFALT -- CLIPE HOME DESIGN -- PARTICLES HOME DESIGN -- GRADIENT HOME DESIGN -- WABES HOME DESIGN -- RIPPLE WATER HOME DESIGN -- BUBBLE HOME DESIGN -- START SLIDER DESIGN 04. START FEATURE DESIGN 05. START ABOUT DESIGN 06. START KIDS DESIGN 07. START PROGRAM DESIGN (START ACCRODING DESIGN) 08. START GALLERY DESIGN 09. START CLASS DESIGN 10. START TESTIMONIAL DESIGN 11. START COUNTER DESIGN 12. START TEAM DESIGN 13. START SPECIAL DESIGN 14. START BLOG DESIGN --START BLOG DETAILS DESIGN 15. START CONTACT DESIGN 16. START FOOTER DESIGN(START MAP DESIGN) =============================================================*/ /* * ---------------------------------------------------------------------------------------- * 01.GENERAL STYLE * ---------------------------------------------------------------------------------------- */ html { overflow-x: hidden; height: 100%; } body { font-family: var(--thm-font); font-weight: normal; font-style: normal; font-size: 14px; color: var(--thm-p); } :root { --thm-font: 'Open Sans', sans-serif; --thm-font2: 'Bubblegum Sans', sans-serif; --thm-base: #feda00; --thm-line: linear-gradient(to bottom, #FF416C, #FF4B2B); --thm-color: #FF4B2B; --thm-black: #5a1e90; --thm-white: #ffffff; --thm-ase: #afb2bf; --thm-gray: #8e8e8e; --thm-f6: #F1F8FF; --thm-fb: #f6f6f6; --thm-f3: #f3f3f3; --thm-p: #6b6f92; } h1, h2, h3, h4, h5, h6 { font-family: var(--thm-font2); color: var(--thm-black); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h2 { font-size: 40px; line-height: 50px; margin-bottom: 0px; font-weight: 400; } h3 { font-size: 20px; line-height: 32px; margin-bottom: 0px; font-weight: 400; } h4 { font-size: 20px; line-height: 27px; } h5 { font-size: 18px; line-height: 26px; } h6 { font-size: 14px; line-height: 22px; } p:last-child { margin-bottom: 0; } ul, li { margin: 0; padding: 0; } p { padding: 0; margin: 0; font-size: 14px; color: var(--thm-p); line-height: 28px; font-family: var(--thm-font); font-weight: 400; } img { max-width: 100%; height: auto; border: 0; } a { text-decoration: none; transition: all 0.2s ease 0s; } a:focus, .btn:focus { text-decoration: none; outline: none; } a:hover { color: inherit; } a { color: inherit; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } a:hover, a:active { text-decoration: none; outline: 0; } *, ::before, ::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } span { letter-spacing: 0; } a, button, input { outline: medium none; color: inherit; } dl, ol, ul { padding: 0; margin: 0; list-style: none; } button:focus { outline: none !important; box-shadow: none !important; border-color: transparent !important; } fieldset { border: 0 none; margin: 0 auto; padding: 0; } ::-webkit-input-placeholder { color: inherit; } ::-moz-input-placeholder { color: inherit; } ::-ms-input-placeholder { color: inherit; } .page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; z-index: 9; overflow: hidden; } .form-group { margin-bottom: 20px; } button, input, textarea { color: var(--thm-black); } button, input, textarea:focus { outline: none; } .atf-color-ase { color: var(--thm-ase)! important; } /* * ---------------------------------------------------------------------------------------- * PRELOADER * ---------------------------------------------------------------------------------------- */ .atf-preloader { background: #fff; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 99999; } .atf-status-mes { width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -40px; font-size: 10px; text-indent: -12345px; border-top: 4px solid rgba(0, 0, 0, 0.08); border-right: 4px solid rgba(0, 0, 0, 0.08); border-bottom: 4px solid rgba(0, 0, 0, 0.08); border-left: 4px solid var(--thm-color); border-radius: 50%; -webkit-animation: spinner 700ms infinite linear; animation: spinner 700ms infinite linear; z-index: 10000; } @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @font-face { font-family: 'Open Sans', sans-serif; src: url(assets/fonts/Open_Sans/OpenSans-Regular.ttf); } @font-face { font-family: 'Bubblegum Sans', cursive; src: url(assets/fonts/Bubblegum_Sans/BubblegumSans-Regular.ttf); } /*END PRELOADER DESIGN*/ /*START SECTION PADDING DESIGN*/ p { font-family: 'Open Sans', sans-serif!important; } h1, h2, h3, h4, h5 { font-family: 'Bubblegum Sans', cursive!important; } .atf-section-padding { padding: 10px 0; } .atf-section-title.mb-0.text-left { padding-top: 0px; } /*START SECTION TITLE DESIGN*/ .atf-section-title { margin-bottom: 0px; } .atf-section-title h5 { color: var(--thm-white); line-height: 25px; margin: 0px 0 5px; text-transform: capitalize; font-family: var(--thm-font); letter-spacing: 1px; font-size: 14px; background: var(--thm-color); display: inline-block; padding: 2px 10px; border-radius: 5px; } .atf-section-title h2 { font-weight: 600; font-size: 35px; line-height: 1.3; color: #000000!important; text-transform: capitalize; letter-spacing: -2px; } h5.atf-post-title.mt-3 { color: #211e54; min-height: 51px; } .text-center { text-align: center !important; margin-top: 22px; } .atf-section-title p { font-size: 14px; font-family: var(--thm-font); color: var(--thm-p); font-weight: 400; line-height: 28px; margin-top: 8px; } .atf-section-title .atf-sec_icon { position: relative; display: inline-block; } .atf-section-title .atf-sec_icon:before { position: absolute; content: ''; width: 50px; height: 2px; background: var(--thm-color); top: 16px; left: -56px; } .atf-section-title .atf-sec_icon:after { position: absolute; content: ''; width: 50px; height: 2px; background: var(--thm-color); top: 16px; right: -56px; } .atf-section-title .atf-sec_icon .atf-sec_radiu i { margin-top: 10px; color: var(--thm-color); } @media only screen and (max-width:480px) { .atf-section-title h2 { font-size: 25px; } } /*END SECTION TITLE DESIGN*/ /*START SCROLL TO TOP*/ .atf-scroll-top { position: fixed; right: 105%; bottom: 70px; z-index: 99; cursor: pointer; transition: 1.5s ease; border: none; background: transparent; } .atf-scrollup-icon { font-size: 25px; width: 50px; height: 50px; background: #610c00; line-height: 50px; color: var(--thm-white); border-radius: 50%; box-shadow: 0px 0 15px rgba(242, 233, 233, 0.6); } .atf-scrollup-icon:hover { background: #ebac0a; transition: 0.3s; } h2.gallery-gal { margin-bottom: 18px; } .atf-scroll-top.open { right: 30px; } /*END SCROLL TO TOP*/ /* START BTN STYLE */ .atf-themes-btn { color: #fff; background-color: #ebac0a; font-size: 14px; font-weight: 600; letter-spacing: 1px; text-transform: capitalize; padding: 0; border-radius: 7px; overflow: hidden; position: relative; z-index: 1; transition: all 0.3s ease 0s; border: none; } .atf-themes-btn:before, .atf-themes-btn:after, .atf-themes-btn span:before, .atf-themes-btn span:after { content: ''; background: #861000; width: 25%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; transition: all 0.3s; } .atf-feature-content h3 { color: #000; } .atf-themes-btn:before { transform: scaleY(0.2); transition-delay: 0.3s; } .atf-themes-btn:after { transform: scaleY(0.45); left: 25%; transition-delay: 0.2s; } .atf-themes-btn span:before { transform: scaleY(0.65); left: 50%; z-index: -1; transition-delay: 0.1s; } .atf-themes-btn span:after { transform: scaleY(0.8); left: 75%; z-index: -1; } .atf-themes-btn span { padding: 10px 20px; display: block; position: relative; z-index: 1; } .atf-themes-btn:hover:before, .atf-themes-btn:hover:after, .atf-themes-btn:hover span:before, .atf-themes-btn:hover span:after { opacity: 1; transform: scaleY(1); } .atf-themes-btn.orange:before, .atf-themes-btn.orange:after, .atf-themes-btn.orange span:before, .atf-themes-btn.orange span:after { background: linear-gradient(to bottom, #f7b42c, #fc575e); } .atf-themes-btn.blue:before, .atf-themes-btn.blue:after, .atf-themes-btn.blue span:before, .atf-themes-btn.blue span:after { background: linear-gradient(to bottom, #7f53ac, #647dee); } .atf-themes-btn.green:before, .atf-themes-btn.green:after, .atf-themes-btn.green span:before, .atf-themes-btn.green span:after { background: linear-gradient(to bottom, #3bb78f, #0bab64); } .atf-themes-btn:hover { color: #fff; } @media only screen and (max-width: 767px) { .atf-themes-btn { margin-bottom: 20px; } } /* END BTN STYLE */ /* * ---------------------------------------------------------------------------------------- * 01.END GENERAL STYLE * ---------------------------------------------------------------------------------------- */ /* * ---------------------------------------------------------------------------------------- * 02.START BOOTSTRAP NAVIGATION OVERRIDES * ---------------------------------------------------------------------------------------- */ .atf-top-header { background-color: #8890a9; overflow: hidden; } .atf-top-header .atf-top-header-in { height: 40px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; transition: all 0.4s ease; } .atf-top-header .atf-top-social { font-size: 16px; height: 40px; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; transition: all 0.4s ease; color: var(--thm-white); text-align: center; } .atf-top-social a i:hover { color: #ffc107; } .atf-top-social a i { margin-left: 8px; color: #8890a9; background: #fff; border-radius: 10px; font-size: 14px; padding: 4px; } a.icon.smd { background: #fff; margin-left: 6px; padding: 0px 4px; border-radius: 13px; } .atf-sticky-active .atf-top-header-in { height: 0; } .atf-sticky-active .atf-top-social { height: 0; } .atf-top-header-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; } ul.atf-top-header-list li { font-size: 12px; } .text-left { text-align: justify; } .atf-hero-btn.ml-3 { margin-left: 0px!important; } .atf-top-header-list li { margin-right: 30px; color: #fff; font-size: 14px; } .atf-top-header-list li:last-child { margin-right: 0; } .atf-top-header-list li i { margin-right: 10px; } .atf-top-header-list li a:hover { color: #ffc107; } .atf-site-header.atf-style1 { transition: all 0.4s ease; background: #fff; } .atf-site-header.atf-style1 .atf-main-header-in { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; height: 100px; position: relative; } .atf-site-header.atf-style1.atf-sticky-active { background: #fff; color: var(--thm-white) !important; box-shadow: 0 0 12px 8px rgb(224 224 224 / 48%); } .atf-nav .atf-nav-list>li>a { color: #5a5353; } .logo_container { display: inline-block; } .logo { width: 90px; float: left; } .img-fluid { max-width: 100%; height: auto; } .site_title { float: right; padding: 25px 10px; } .atf-feature-text { text-align: center; } .clearfix { padding-top: 27px; } @media screen and (max-width: 991px) { .atf-top-header { /* display: none; */ } /* .atf-site-header.atf-style1 { background-color: var(--thm-black); }*/ } .atf-nav ul { margin: 0; padding: 0; list-style: none; font-size: 14px; } .atf-main-header { position: relative; } .atf-main-header-right { width: 65%; } @media screen and (min-width: 992px) { .atf-nav .atf-nav-list { display: flex !important; flex-wrap: wrap; } .atf-nav .atf-nav-list>li { margin-right: 18px; font-weight: 500; } .atf-nav .atf-nav-list>li:last-child { margin-right: 0; } .atf-nav .atf-nav-list>li>a { padding: 15px 0; display: inline-block; } .atf-nav .atf-nav-list>li>ul { left: 0; top: calc(100% + 15px); } .atf-nav .atf-nav-list>li>ul:before { content: ''; position: absolute; height: 10px; width: 10px; border: 1px solid #eaeaea; transform: rotate(45deg); background-color: #610C00; border-right: none; border-bottom: none; top: -6px; left: 16px; } .atf-nav .atf-nav-list>li:hover>ul { top: 100%; opacity: 1; visibility: visible; transition: all 0.4s ease; } .atf-nav .atf-nav-list li { position: relative; } .atf-nav .atf-nav-list li a.active { color: #da261e; } .atf-nav .atf-nav-list ul { width: 200px; background-color: #610C00; position: absolute; border-radius: 4px; z-index: 100; opacity: 0; visibility: hidden; display: block !important; transition: all 0.1s ease; } .atf-nav .atf-nav-list ul li:hover ul { top: 0px; } .atf-nav .atf-nav-list ul li:hover>ul { opacity: 1; visibility: visible; transition: all 0.4s ease; } .atf-nav .atf-nav-list ul a { font-size: calc(100% - 1px); display: block; line-height: 1.6em; padding: 9px 20px; color: #fff; } .atf-nav .atf-nav-list ul a:hover { background-color: #fefaf9; color: #211e54; } .atf-nav .atf-nav-list ul ul { top: 15px; left: 100%; } .atf-menu-toggle, .atf-menu-dropdown-toggle { display: none; } } @media screen and (max-width: 991px) { .atf-menu-dropdown-toggle { position: absolute; height: 30px; width: 30px; right: 20px; top: 5px; } .atf-menu-dropdown-toggle:before, .atf-menu-dropdown-toggle:after { content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 2px; width: 10px; background-color: var(--thm-white); transition: all 0.3s ease; } .atf-menu-dropdown-toggle:before { transform: translate(-50%, -50%) rotate(90deg); } .atf-menu-dropdown-toggle.active:before { transform: translate(-50%, -50%) rotate(0deg); } .atf-nav .atf-nav-list { position: absolute; left: 0; background-color: #610c00; padding: 10px 0; display: none; top: 100%; border-top: 1px solid #eaeaea; border-bottom: 0px solid #eaeaea; overflow: auto; max-height: calc(100vh - 80px); width: 100%; } .atf-nav .atf-nav-list ul { padding-left: 15px; display: none; } .atf-nav .atf-nav-list a { display: block; padding: 8px 20px; color: var(--thm-white); } .atf-nav .menu-item-has-children { position: relative; } /*Mobile Menu Button*/ .atf-menu-toggle { position: relative; display: inline-block; width: 28px; height: 27px; margin: 15px 0px 15px 0px; cursor: pointer; } .atf-menu-toggle span, .atf-menu-toggle span:before, .atf-menu-toggle span:after { width: 100%; height: 2px; background-color: var(--thm-white); display: block; } .atf-menu-toggle span { margin: 0 auto; position: relative; top: 12px; transition-duration: 0s; transition-delay: 0.2s; } .atf-menu-toggle span:before { content: ''; position: absolute; margin-top: -8px; transition-property: margin, transform; transition-duration: 0.2s; transition-delay: 0.2s, 0s; } .atf-menu-toggle span:after { content: ''; position: absolute; margin-top: 8px; transition-property: margin, transform; transition-duration: 0.2s; transition-delay: 0.2s, 0s; } .atf-toggle-active span { background-color: rgba(0, 0, 0, 0); transition-delay: 0.2s; } .atf-toggle-active span:before { margin-top: 0; transform: rotate(45deg); transition-delay: 0s, 0.2s; } .atf-toggle-active span:after { margin-top: 0; transform: rotate(-45deg); transition-delay: 0s, 0.2s; } } .atf-sticky-header { position: fixed; z-index: 200; width: 100%; top: 0; left: 0; } /* * ---------------------------------------------------------------------------------------- * 02. END BOOTSTRAP NAVIGATION OVERRIDES * ---------------------------------------------------------------------------------------- */ /* * ---------------------------------------------------------------------------------------- * 03.START HOME DESIGN * ---------------------------------------------------------------------------------------- */ .atf-single-home { height: 750px; } .atf-home-overlay { background: rgba(0, 0, 0, 0.4); height: 100%; width: 100%; } .atf-single-text { padding-top: 250px; } .atf-single-text h3 { color: var(--thm-white); letter-spacing: 1px; margin-bottom: 10px; } .atf-single-text h1 { color: var(--thm-white); font-size: 60px; margin-bottom: 20px; } .atf-single-text h1 span { font-size: 20px; font-weight: 300; text-transform: capitalize; letter-spacing: 0; } .slider-active .owl-nav .owl-next { border-radius: 50% 0% 0 50% !important; } .slider-active .owl-nav .owl-next, .slider-active .owl-nav .owl-prev { position: absolute; top: 50%; transform: translateY(-50%); text-align: center; color: var(--thm-white); opacity: 1; font-size: 20px; transition: all 0.4s ease-in-out; width: 70px; height: 60px; line-height: 50px; background: rgba(237, 237, 237, 0.1); border-radius: 0 50% 50% 0; text-align: center; } .slider-active .owl-nav .owl-prev { left: -5px; } .slider-active .owl-nav .owl-next { right: -5px; } .slider-active .owl-nav .owl-next:hover, .slider-active .owl-nav .owl-prev:hover { border-color: var(--thm-color); background: var(--thm-color); color: var(--thm-white); } .slider-active .atf-single-home h3 { -webkit-animation: 1.5s .3s fadeInUp both; animation: 1.5s .3s fadeInUp both; } .slider-active .atf-single-text h1 { -webkit-animation: 1.5s .3s fadeInUp both; animation: 1.5s .3s fadeInUp both; } .slider-active .atf-single-text p { -webkit-animation: 1.5s .7s fadeInUp both; animation: 1.5s .7s fadeInUp both; } .slider-active .atf-hero-btn { -webkit-animation: 1.5s 1s fadeInUp both; animation: 1.5s 1s fadeInUp both; } @media only screen and (max-width:480px) { .atf-single-text h1 { font-size: 40px; } } .atf-single-text p { color: var(--thm-white); font-size: 17px; margin-bottom: 40px; } @media only screen and (max-width:480px) { .atf-single-text p { color: var(--thm-white); margin: auto; width: 100%; margin-bottom: 25px; } } @media only screen and (max-width:820px) { .slider-active .owl-nav .owl-next, .slider-active .owl-nav .owl-prev { display: none!important; } } /* START HOME 2 */ #home { position: relative; z-index: 1; } .atf-home2-area { background-color: var(--thm-f6); height: 750px; overflow: hidden; z-index: 1; } .atf-home2-area::before { content: ''; position: absolute; right: 0px; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0.7; z-index: -1; } .atf-align-items-details { display: flex; align-items: center; min-height: 100%; } .atf-home2-area .atf-content-details h5 { color: var(--thm-color); font-size: 30px; font-weight: 700; line-height: 40px; text-transform: capitalize; } .atf-single-details { z-index: 1; } .atf-home2-area .atf-single-details h2 { color: var(--thm-white); text-transform: capitalize; font-weight: 400; font-family: var(--thm-font2); font-size: 45px; letter-spacing: 0.7px; line-height: 55px; } .atf-home2-area .atf-single-details p { margin: 10px 0 23px; font-size: 16px; line-height: 1.8; font-weight: 400; color: var(--thm-white); margin: 25px 0 40px; z-index: -1; } .atf-round-area { position: relative; background: var(--thm-color); } .atf-home2-area .atf_home_img { position: relative; } .atf-home2-area .right-col { position: relative; } .atf-home2-area .right-col .atf-img-inner { position: relative; display: block; } .atf-home2-area .right-col .home-image-box { position: relative; display: block; border-radius: 7px; overflow: hidden; } .atf-home2-area .right-col .home-image-box::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .atf-home2-area .right-col .home-image-box img { display: block; width: 100%; border-radius: 7px; } .atf-home2-area .right-col .home-image-box img:hover { display: block; width: 100%; border-radius: 7px; } @media only screen and (max-width: 992px) { .atf-home2-area .atf-single-details h2 { font-size: 40px; } } @media only screen and (max-width: 991px) { .atf-home2-area .atf-single-details h2 { font-size: 30px; line-height: 43px; } .atf-home2-area .right-col .home-image-box { margin-top: 30px; } .atf-width-area { height: 1000px; } .atf-choose-inner { margin-top: 40px; } } @media only screen and (max-width: 767px) { .atf-width-area { height: 850px; } .navbar-nav .menu-nav a::after, .navbar-nav .menu-nav a::before { display: none; } .atf-home2-area .atf-content-details h3 { font-size: 20px; } .atf-home2-area .atf_home_img { margin-top: 30px; } .atf-home2-area .atf-single-details h2 { font-size: 25px; line-height: 35px; } .atf-skill-box { margin-top: 35px; } } @media only screen and (max-width: 576px) { .atf-home2-area .atf-themes-btn { margin-bottom: 15px; } } @media screen and (max-width: 320px) and (min-width: 0px) { .atf-home2-area .atf-themes-btn { margin-bottom: 15px; } .atf-home2-area .atf-content-details h3 { font-size: 17px; } } /* * ---------------------------------------------------------------------------------------- * WABES HOME DESIGN * ---------------------------------------------------------------------------------------- */ #home { position: relative; z-index: 1; } .atf-waves-home { background-position: 50% 0; background-repeat: no-repeat; position: relative; object-fit: cover; object-position: center; vertical-align: middle; } .atf-waves-home::before { content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; background: rgba(0, 0, 0, 0.5); } .atf-wabes-img img { border-radius: 50% ! important; } .atf-web-area { position: absolute; bottom: 0; width: 100%; } .atf-web-area svg { height: 180px; } /* * ---------------------------------------------------------------------------------------- * BUBBLE HOME DESIGN * ---------------------------------------------------------------------------------------- */ #round { position: absolute; top: 0; bottom: 0; z-index: 1; } canvas.sketch { height: 447px !important; } /* * ---------------------------------------------------------------------------------------- * CLIPE HOME DESIGN * ---------------------------------------------------------------------------------------- */ .atf-clip-home { -webkit-clip-path: polygon(0 0, 100% 0, 100% 83%, 20% 100%, 0 83%); clip-path: polygon(0 0, 100% 0, 100% 83%, 20% 100%, 0 83%); } /* * ---------------------------------------------------------------------------------------- * PARTICLES HOME DESIGN * ---------------------------------------------------------------------------------------- */ .atf-particles-area { position: relative; z-index: 1; } /* * ---------------------------------------------------------------------------------------- * GRADIENT HOME DESIGN * ---------------------------------------------------------------------------------------- */ .atf-home-gradient { position: relative; background: none !important; } .atf-home-gradient::before { content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; background: rgba(0, 0, 0, 0.1); } .atf-home-gradient::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(106deg, #5a1e90, #FF4B2B); background: -webkit-linear-gradient(106deg, #5a1e90, #FF4B2B); border-radius: 0% 0% 50% 50%/0% 0% 100% 100%; transform: scaleX(2.1); } /* * ---------------------------------------------------------------------------------------- * PARTICLES HOME DESIGN * ---------------------------------------------------------------------------------------- */ .atf-particles-area { position: relative; z-index: 1; } /* * ---------------------------------------------------------------------------------------- * RIPPLE WATER HOME DESIGN * ---------------------------------------------------------------------------------------- */ .atf-ripple-home { background-image: url(../img/bg/4.jpg); position: relative; background-position: center; background-size: cover; } /* * ---------------------------------------------------------------------------------------- * 03.END HOME DESIGN * ---------------------------------------------------------------------------------------- */ /* * ---------------------------------------------------------------------------------------- * 04.START FEATURE DESIGN * ---------------------------------------------------------------------------------------- */ #feature { position: relative; } .atf-single-feature { position: relative; } .atf-feature-content { border: 1px solid var(--thm-eee); padding: 40px 25px; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } .atf-feature-number { position: absolute; font-size: 100px; opacity: 0; font-weight: 500; top: 50%; left: 50%; transform: translate(-50%, -50px); } .atf-feature-content:hover .atf-feature-number { transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; opacity: 0.1; } .atf-feature-text h3 { padding: 15px 0 10px 0; color: #610C00; } .atf-feature-content:hover h3 { color: #eba902; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; } .atf-single-feature { border: none; border-radius: 0px; } .atf-feature-icon { transition: .5s ease; } .atf-feature-icon img { color: var(--thm-color); border-radius: 30% 70% 59% 41%/30% 38% 62% 70%; border: 1px dashed; padding: 5px; width: 150px; height: 150px; } /* * ---------------------------------------------------------------------------------------- * 04. END FEATURE DESIGN * ---------------------------------------------------------------------------------------- */ /* * ---------------------------------------------------------------------------------------- * 05. START ABOUT DESIGN * ---------------------------------------------------------------------------------------- */ #about { background: #eaedf5; padding: 50px 0px 50px; } .atf-about-list h3 { margin: 7px 0; } #program .row { align-items: center; } /* * ---------------------------------------------------------------------------------------- * 05. END ABOUT DESIGN * ---------------------------------------------------------------------------------------- */ /* * ---------------------------------------------------------------------------------------- * 06.START KIDS DESIGN * ---------------------------------------------------------------------------------------- */ #best-service { position: relative; padding-top: 20px; padding-bottom: 40px; } .atf-best-single-service { position: relative; } .atf-best-service-number { position: absolute; font-size: 150px; opacity: 0; font-weight: 500; bottom: 0; right: 0; transform: translate(-50%); left: 50%; } .atf-best-service-text h3 { color: #610c00; letter-spacing: -2px; font-size: 20px; } .gal-hov-pics-content { color: white; padding-top: 10px; } .atf-best-service-content:hover .atf-best-service-number { transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; opacity: 0.1; } .atf-best-service-content { position: relative; } .atf-best-service-content:hover { box-shadow: initial; transform: initial; } .atf-best-service-content:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 6px; background: var(--thm-color); } .atf-best-service-content:after { content: ""; width: 100%; position: absolute; bottom: 0; left: 0; transform-origin: right center; transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transform: scaleX(0); } .atf-best-service-content:hover:after { opacity: 1; transform-origin: left center; transform: scaleX(1); } .atf-best-service-content:after { height: 6px; background: var(--thm-base); } .atf-best-single-service { border: none; border-radius: 0px; padding: 30px 15px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); background-color: var(--thm-white); z-index: 1; } .atf-best-service-icon img { width: 100px; height: auto; border: 1px dashed; border-radius: 50%; padding: 5px; /* background: var(--thm-base); */ } .atf-best-service-icon { transition: .5s ease; } .atf-best-service-icon i { color: var(--thm-color); font-size: 59px; text-align: center; color: var(--thm-color); } .atf-best-main-service { margin: 15px 0; } /* * ---------------------------------------------------------------------------------------- * 06. END KIDS DESIGN * ---------------------------------------------------------------------------------------- */ /* * ---------------------------------------------------------------------------------------- * 07.START PROGRAM DESIGN * ---------------------------------------------------------------------------------------- */ #program { background: #eaedf5; padding-bottom: 50px; padding-top: 50px; } .raw-center { align-items: center; } #program .atf-section-title h5 { background: var(--thm-white); color: var(--thm-black) !important; } .atf-program-area .atf-program-img { position: relative; display: block; border-radius: 7px; overflow: hidden; } .atf-program-area { position: relative; } .atf-program-area .atf-program-inner::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; opacity: 0.1; } .atf-program-area .atf-program-img img { display: block; width: 100%; border-radius: 7px; } .atf-program-img .waves-box { position: absolute; left: 50%; top: 43%; transform: translate(-50%, -50%); z-index: 1; } .atf-program-img .iq-video { background: var(--thm-base); display: inline-block; width: 70px; height: 70px; text-align: center; font-size: 20px; color: var(--thm-white); border-radius: 100%; line-height: 53px; z-index: 1020; position: relative; border: 8px solid var(--thm-color); } .atf-program-img .iq-video i { margin-left: 3px; } .atf-program-img .iq-waves { position: absolute; left: -30px; top: -30px; z-index: 2; } .atf-program-img .iq-waves .wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .atf-program-img .iq-waves .waves { position: absolute; width: 130px; height: 130px; background: rgba(234 237 249 / 50%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-radius: 50%; background-clip: padding-box; -webkit-animation: waves 3s ease-in-out infinite; animation: waves 3s ease-in-out infinite; } .atf-program-img .iq-waves .wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .atf-program-img .iq-waves .wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .atf-program-img .iq-waves .wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; } .atf-nav .atf-nav-list ul a { padding: 9px 12px; font-weight: 500; } .atf-nav .atf-nav-list ul { width: 170px; } @-webkit-keyframes waves { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes waves { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } /* * ---------------------------------------------------------------------------------------- * START ACCRODING DESIGN * ---------------------------------------------------------------------------------------- */ #accordion .panel { border: none; border-radius: 0; box-shadow: none; margin: 0 0 10px; overflow: hidden; position: relative; } #accordion .panel-heading { padding: 0; border: none; border-radius: 0; margin-bottom: 10px; z-index: 1; position: relative; } #accordion .panel-heading:before, #accordion .panel-heading:after { content: ""; width: 50%; height: 20%; box-shadow: 0 15px 5px rgba(0, 0, 0, 0.5); position: absolute; bottom: 15px; left: 10px; transform: rotate(-3deg); z-index: -1; } #accordion .panel-heading:after { left: auto; right: 10px; transform: rotate(3deg); } #accordion .panel-title a { display: block; padding: 15px 70px 15px 70px; margin: 0; background: var(--thm-white); font-size: 18px; font-weight: 400; letter-spacing: 1px; color: var(--thm-color); border-radius: 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset; position: relative; } #accordion .panel-title a:before, #accordion .panel-title a.collapsed:before { content: "\f106"; font-family: "Font Awesome 5 Free"; font-weight: 900; width: 55px; height: 100%; text-align: center; line-height: 50px; border-left: 1px solid var(--thm-color); position: absolute; top: 0; right: 0; } #accordion .panel-title a.collapsed:before { content: "\f107"; } #accordion .panel-title a .icon { display: inline-block; width: 55px; height: 100%; border-right: 1px solid var(--thm-color); font-size: 20px; line-height: 50px; text-align: center; position: absolute; top: 0; left: 0; } #accordion .panel-body { padding: 10px 20px; margin: 0 0 20px; border-bottom: 3px solid var(--thm-white); border-top: none; background: var(--thm-white); font-size: 15px; color: var(--thm-black); line-height: 27px; } .carousel-inner { position: relative; width: 100%; overflow: hidden; margin-top: 140px; } /* * ---------------------------------------------------------------------------------------- * END ACCRODING DESIGN * ---------------------------------------------------------------------------------------- */ /* * ---------------------------------------------------------------------------------------- * 07. END PROGRAM DESIGN * ---------------------------------------------------------------------------------------- */ /************************************** * 08. START GALLERY DESIGN *************************************/ #portfolio { position: relative; overflow: hidden; background: #eaedf5; padding: 13px 0px 42px 0px; } .atf-portfolio-area .portfolio-filter { margin-bottom: 20px; } .atf-portfolio-area .portfolio-filter button { font-size: 13px; margin: 0 15px 20px 0; overflow: hidden; text-transform: uppercase; display: inline-block; padding: 8px 15px; transition: 0.4s; outline: none; -webkit-transition: 0.4s; -ms-transition: 0.4s; border-radius: 4px; font-weight: 500; letter-spacing: 0.4px; background: #211e54; color: var(--thm-white); } .atf-portfolio-area .portfolio-filter button:hover, .atf-portfolio-area .portfolio-filter button:hover, .atf-portfolio-area .portfolio-filter button.active { color: var(--thm-white); background: #da261e; } .display-table { display: table; height: 100%; width: 100%; } .display-table-cell { display: table-cell; vertical-align: middle; } .atf-portfolio-area .atf-single-portfolio { position: relative; overflow: hidden; z-index: 0; border: 3px solid #fff; border: 1px solid #dee2e6; padding: 0px; border-radius: 5px; } #portfolio .text-center { margin-top: 23px; } .atf-portfolio-area .atf-single-portfolio .atf-portfolio-content { position: absolute; width: 100%; bottom: 30%; left: 0; text-align: center; z-index: 10; padding: 25px; opacity: 0; -webkit-transition: 0.5s all ease-out; transition: 0.5s all ease-out; height: 100%; } .atf-portfolio-area .atf-single-portfolio .atf-portfolio-content::before { content: ''; position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; background: #211e54; z-index: -1; -webkit-transition: .25s opacity ease; transition: .25s opacity ease; opacity: 0.8; border-radius: 4px 5px; } .atf-portfolio-area .atf-single-portfolio .atf-portfolio-img img { width: 100%; border-radius: 4px 5px; } .atf-portfolio-area .atf-single-portfolio .p-zoom { display: inline-block; font-size: 14px; color: var(--thm-white); transition: all 0.3s ease 0s; height: 46px; line-height: 44px; width: 46px; border: 1px solid var(--thm-white); border-radius: 50%; text-align: center; } .atf-portfolio-area .atf-single-portfolio .p-zoom:hover { background: var(--thm-white); color: var(--thm-black); } .atf-portfolio-area .atf-single-portfolio .p-title { font-size: 20px; line-height: normal; margin-top: 25px; color: var(--thm-white); margin-bottom: 0; } .atf-portfolio-area .atf-single-portfolio .p-title a { color: var(--thm-white); } .atf-portfolio-area .atf-single-portfolio .p-title a:hover { color: rgba(255, 255, 255, 0.7); text-decoration: none; } .atf-portfolio-area .atf-single-portfolio:hover .atf-portfolio-content { opacity: 1; bottom: 0; } /************************************** * 08. END GALLERY DESIGN *************************************/ /* * ---------------------------------------------------------------------------------------- * 09. START CLASS DESIGN * ---------------------------------------------------------------------------------------- */ #class { background: #fff; padding: 0px 0px 38px 0px; } .atf-class-slide { border: none; } .atf-class-slide .atf-class-img { overflow: hidden; height: 260px; object-fit: cover; text-align: center; background: #7c8f95; } .atf-class-slide .atf-class-img img { width: auto; height: 260px; opacity: 2.8; transform: scale(1, 1); transition: all 0.3s ease-in-out 0s; object-fit: cover; display: inherit; } .atf-class-slide:hover .atf-class-img img { transform: scale(1.2, 1.2); opacity: 2; } .atf-class-slide .atf-class-content { padding: 20px 20px 20px 30px; position: relative; background: #f6f6f9; min-height: 135px; } .atf-class-slide .atf-class-date { min-width: 28px; min-height: 28px; line-height: 28px; text-align: center; background: var(--thm-color); position: absolute; top: -30px; left: 30px; } .atf-class-slide .month { display: block; font-size: 14px; font-weight: bold; color: var(--thm-color); padding: 0 10px; background: var(--thm-base); text-transform: uppercase; } .atf-class-slide .date { color: var(--thm-white); font-size: 14px; } .atf-footer-box p { text-align: justify; } .atf-nav .atf-nav-list ul a { font-size: 13px; } img.loggo { height: auto; } .atf-class-slide .atf-class-title a { color: #610c00; font-size: 22px; text-transform: capitalize; transition: all 0.50s ease 0s; } .atf-class-slide .atf-class-title a:hover { text-decoration: none; color: #ebaa04; } .atf-class-slide .atf-class-description { font-size: 15px; line-height: 30px; } .atf-class-slide .atf-class-bar { padding: 5px 0; list-style: none; text-align: center; background: #da261e; } .atf-class-slide .atf-class-bar li { display: inline-block; color: var(--thm-black); text-align: left; padding: 10px 20px; } .atf-class-slide h4 { background-color: #8890a9; color: #fff; text-align: center; margin-bottom: 0px!important; padding: 7px; line-height: 20px; } .atf-class-content h5 { text-align: center; color: darkblue; } .atf-class-content p { text-align: justify; } .atf-class-slide .atf-class-bar li a { text-transform: capitalize; font-size: 14px; color: #fff; transition: 0.2s ease; font-weight: 600; } .atf-class-slide .atf-class-bar li a:hover { color: #fff; text-decoration: underline; } .atf-class-slide .atf-class-bar { padding: 5px 0px 2px 0px; list-style: none; text-align: center; background: #8890a9; } .atf-class-slide .atf-class-bar li i { color: var(--thm-white); margin-right: 5px; } .badge-warning { color: #111; background-color: #ffc107; height: 15px; border-radius: 0; margin-top: 5px; } .badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; } span.riht_disk { color: #040404; text-align: justify; padding-left: 10px; margin-bottom: 15px; } /* * ---------------------------------------------------------------------------------------- * 09. END CLASS DESIGN * ---------------------------------------------------------------------------------------- */ /* * ---------------------------------------------------------------------------------------- * 10.START TESTIMONIAL DESIGN * ---------------------------------------------------------------------------------------- */ .atf-testimonial { background-color: #f3f3f3; border-radius: 5px; padding: 30px; margin: 0 15px; } .atf-testimonial .atf-testimonial-pic { width: 90px; height: 90px; margin: 0 30px 15px 0; float: left; } .atf-testimonial .atf-testimonial-pic img { width: 100%; height: auto; border-radius: 50%; } .atf-testimonial .atf-testimonial-title { color: var(--thm-black); font-size: 20px; margin-top: 5px; font-weight: 400; text-transform: capitalize; } .atf-testimonial .atf-testimonial-title small { color: var(--thm-color); font-size: 13px; font-weight: 500; margin-top: 10px; } .atf-testimonial .atf-testimonial-review p { font-size: 14px; line-height: 28px; margin-bottom: 0; display: block; overflow: hidden; } @media screen and (max-width: 990px) { .testimonial-parallax h2 { margin-bottom: 40px; } .testimonial { margin: 0; } } /* owl theme */ .atf-main-testimonials.owl-theme .owl-nav.disabled+.owl-dots { margin-left: 50px; line-height: .7; } .atf-main-testimonials .owl-controls { margin-left: -25px; } .atf-main-testimonials.owl-theme .owl-dots .owl-dot span { width: 15px; height: 5px; margin: 0 8px; border-radius: 5px; background: transparent; border: 1px solid var(--thm-black); transition: 0.3s all ease-in-out; margin-top: 30px; } .atf-main-testimonials.owl-theme .owl-dots .owl-dot.active span, .atf-main-testimonials.owl-theme .owl-dots .owl-dot:hover span { background: #ebac0a; width: 35px; transition: 0.3s all ease-in-out; border: 1px solid #ebac0a; } /* * ---------------------------------------------------------------------------------------- * 10.END TESTIMONIAL DESIGN * ---------------------------------------------------------------------------------------- */ /* * -------------------------------------- * 11. START COUNTER DESIGN * -------------------------------------- */ .atf-counter-area { background: var(--thm-f6); } .atf-counter-value { padding: 0px 0px 5px; font-size: 25px; font-weight: 600; color: var(--thm-color); } .atf-main-counter { margin: 15px 0; } .atf-counter-content h3 { font-weight: 500; font-size: 18px; color: var(--thm-black); } .atf-work-area .atf-section-title { margin-bottom: 0; } .atf-work-area .atf-section-title p { margin-bottom: 0; color: var(--thm-p); } .atf-work-area { padding-left: 15px; } .atf-work-area h2 { text-transform: capitalize; } .atf-work-area p { width: 100%; } .atf-work-content { margin-top: 20px; } .atf-work-content li { line-height: 40px; color: var(--thm-p); } .atf-work-content li::before { content: "\f00c"; color: var(--thm-color); font-family: "Font Awesome 5 Free"; font-weight: 700; text-align: center; margin-right: 15px; border: 1px solid var(--thm-color); border-radius: 50%; padding: 5px; } .atf-counter-icon { float: left; } .atf-counter-icon i { font-size: 25px; color: var(--thm-white); background: var(--thm-color); border-radius: 50%; width: 60px; height: 60px; line-height: 60px; text-align: center; } /* * ---------------------------------------------------------------------------------------- * 11. END COUNTER DESIGN * ---------------------------------------------------------------------------------------- */ /* * ---------------------------------------------------------------------------------------- * 12.START TEAM DESIGN * ---------------------------------------------------------------------------------------- */ .atf-single-team { text-align: center; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); padding: 25px; } .atf-single-team .atf-team-pic { position: relative; margin-bottom: 20px; } .atf-single-team .atf-team-pic img { width: 100%; height: auto; } .atf-single-team .atf-team-pic-bottom { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; transition: all 0.3s ease 0s; } .atf-single-team .atf-team-pic-bottom:after { content: "\f002"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: relative; top: 45%; left: 0; opacity: 0; color: #fff; font-size: 35px; transition: all 0.3s ease 0s; } .atf-single-team .atf-team-title { font-size: 18px; font-weight: 400; line-height: 27px; margin-bottom: 5px; } .atf-single-team .atf-team--title a { color: #232a34; transition: all 0.3s ease 0s; } .atf-single-team .atf-team--title a:hover { color: #727cb6; text-decoration: none; } .atf-single-team .atf-team-post { margin-bottom: 15px; display: block; font-size: 15px; } .atf-single-team .atf-team_social { list-style: none; padding: 0; } .atf-single-team .atf-team_social>li { display: inline-block; } .atf-single-team .atf-team_social>li>a { width: 30px; height: 30px; line-height: 30px; border-radius: 50%; display: block; color: #727cb6; background: #efefef; transition: all 0.3s ease 0s; } .atf-single-team .atf-team_social>li>a:hover { background: var(--thm-color); color: var(--thm-white); } @media screen and (max-width: 991px) { .atf-single-team { margin-bottom: 30px; } } /* * ---------------------------------------------------------------------------------------- * 12. END TEAM DESIGN * ---------------------------------------------------------------------------------------- */ /* * ---------------------------------------------------------------------------------------- * 13. START SPECIAL DESIGN * ---------------------------------------------------------------------------------------- */ .atf-special-offer .atf-home-overlay { background: rgba(9, 33, 159, 0.46); height: 100%; width: 100%; } .atf-special-content.atf-section-title h4 { background: var(--thm-base); display: inline-block; padding: 10px 15px; border-radius: 7px; opacity: 0.9; border: 2px solid var(--thm-white); } #countdown div { float: left; margin-left: 50px; margin-top: 20px; background: var(--thm-color); padding: 15px 30px; border-radius: 7px; text-align: center; font-size: 13px; position: relative; color: var(--thm-white); font-weight: 400; } #countdown div strong { font-size: 30px; color: var(--thm-white); letter-spacing: 2px; } .atf-single-special-img img { width: auto; } /* * ---------------------------------------------------------------------------------------- * 13. END SPECIAL DESIGN * ---------------------------------------------------------------------------------------- */ /* * ---------------------------------------------------------------------------------------- * 14.START BLOG DESIGN * ---------------------------------------------------------------------------------------- */ #blog { padding-bottom: 43px; padding-top: 20px; } .atf-post-slide { border: 1px solid #9E9E9E; /* padding: 22px; */ position: relative; background: #f6f6f9; border-radius: 5px; min-height: 455px; } #blog .owl-nav { margin-top: 0px; } .atf-post-slide:before { content: ""; border-top: 1px solid transparent; position: absolute; top: 0; left: 0; width: 100%; transition: all 0.3s ease-in-out 0s; } .news-events { padding: 0px; } .atf-post-slide:hover:before { border-top: 1px solid #3398db; } .atf-post-slide:hover { border-top: 1px solid #3398db; } .atf-post-slide .atf-post-img>img { height: 350px; object-fit: cover; object-position: top; /* border: 2px solid #ccc; */ } .gall-images { padding: 15px 15px; } .atf-post-slide .atf-post-title>a { font-size: 20px; text-transform: capitalize; color: #610c00; transition: all 0.3s ease-in-out 0s; } .atf-post-slide .atf-post-title>a:hover { text-decoration: none; color: #ffc107 !important; } .atf-post-slide .atf-post-bar { padding: 0; list-style: none; overflow: hidden; margin: 10px 0; } .atf-post-slide .atf-post-bar>li { display: inline-block; border-right: 1px solid var(--thm-color); padding: 0 10px; float: left; } .atf-post-slide .atf-post-bar>li:first-child { padding: 0 10px 0 0; } .atf-post-slide .atf-post-bar>li:last-child { border: 0px none; } .atf-post-slide .atf-post-date, .atf-post-slide .atf-author, .atf-post-slide .atf-comment { text-transform: capitalize; font-size: 11px; font-weight: 500; } .atf-post-slide .author>a, .atf-post-slide .comment>a, .atf-post-slide .comment>i { color: var(--thm-color); transition: all 0.3s ease-in-out 0s; } .atf-post-slide .atf-author>a:hover, .atf-post-slide .atf-comment>a:hover { text-decoration: none; color: var(--thme-color); } .atf-post-slide .atf-post-date>i, .atf-post-slide .atf-author>i, .atf-post-slide .atf-comment>i { margin-right: 8px; font-size: 15px; } p.atf-post-description { font-size: 12px !important; } .row.clearfix.about_vf { align-items: center !important; } .atf-post-slide .atf-post-description { line-height: 1.8; margin-bottom: 5px; min-height: 49px; } @media only screen and (max-width: 360px) { .atf-post-bar>li:last-child { margin-top: 8px; padding: 0; } } /*-------------------------------------------------------------- START BLOG DETAILS DESIGN ----------------------------------------------------------------*/ .atf-blog-area .atf-blog-up { margin-top: 0px ! important } .atf-blog-area .atf-post-slide { margin: 15px 9px; } .atf-post.atf-style1 .atf-post-title { font-size: 17px; font-weight: 400; margin: 10px 0; line-height: 20px; } .atf-sidebar-widget .atf-post.atf-style1 .atf-post-thumb { width: 80px; } .atf-post.atf-style1 { display: flex; } .atf-post.atf-style1 .atf-post-thumb { flex: none; margin-right: 10px; width: 70px; } .atf-sidebar-widget .atf-post-widget-list>li:not(:last-child) { border-bottom: 1px solid #eaeaea; padding-bottom: 12px; margin-bottom: 12px; } .atf-post.atf-style1 .atf-post-title a:hover { color: var(--thm-color); } .atf-post-info { margin-top: -8px; } .blog_search { padding-bottom: 10px; } .blog_search input { background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #eee; border-radius: 0 !important; color: #161616; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .blog_search .form-control:focus { border-color: var(--thm-color); box-shadow: none; } .atf-page-heading { height: 650px; display: flex; align-items: center; justify-content: center; position: relative; padding-top: 50px; background-size: cover; background-attachment: fixed; } .atf-page-heading.atf-size-md { height: 450px; } .atf-page-heading:before { content: ''; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); } .atf-page-heading>div { position: relative; z-index: 1; } .atf-page-heading-title { color: var(--thm-white); font-size: 45px; text-align: center; margin-bottom: 7px; } .atf-breadcamp { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; padding: 0; margin: 0; } .atf-breadcamp li { color: rgba(255, 255, 255, 0.7); list-style: none; } .atf-breadcamp li:not(:last-child):after { content: '/'; padding-right: 6px; margin-left: 6px; } .atf-breadcamp a:hover { color: var(--thm-white); } .atf-widget { border: 1px solid #eaeaea; border-radius: 4px; padding: 10px 10px 22px 10px; background: #eaedf5; } .atf-widget .atf-widget-title { font-size: 22px; position: relative; padding-bottom: 9px; margin-top: -3px; margin-bottom: 10px; } .atf-widget .atf-widget-title::before { content: ''; background-color: #861000; position: absolute; left: 26px; bottom: 0px; height: 2px; width: 40px; } .atf-widget .atf-widget-title::after { content: ''; background-color: #861000; position: absolute; left: 0; bottom: 0px; height: 4px; width: 15px; } .atf-widget-list { padding: 0; margin: 0; list-style: none; margin-top: 3px; margin-bottom: -18px; margin-left: -6px; } .atf-widget-list li { border: 1px dotted #eaeaea; background: var(--thm-white); margin: 5px; width: 99%; } .atf-widget-list a { display: block; padding: 6px 10px; padding-left: 12px; } .atf-widget-list a:hover { color: #ffc107; } .atf-showcase img { width: 90px; height: 90px; margin: 5px 1px; } .atf-widget-list li::before { content: "\f105"; color: #861000; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 20px; float: left; margin-right: 8px; margin-top: 2px; margin-left: 15px; } .atf-widget-list span { float: right; padding-right: 15px; font-weight: 600; } .atf-tagcloud { margin-bottom: -10px; } .atf-tagcloud .atf-tag { display: inline-block; font-size: 14px; padding: 2px 10px; border: 1px solid #eaeaea; border-radius: 4px; margin-right: 6px; margin-bottom: 10px; } .atf-tagcloud .atf-tag:hover { color: var(--thm-white); background-color: var(--thm-color); border-color: var(--thm-color); } .atf-post-details.atf-style1 { font-weight: 300; font-size: 18px; line-height: 1.8em; } .atf-post-details.atf-style1 .slick-slide { line-height: 0; } .atf-post-details.atf-style1 .atf-post-thumb { margin-bottom: 25px; } .atf-post-details.atf-style1 .atf-post-thumb img { width: 100%; } .atf-post-details.atf-style1 .atf-post-title { font-size: 28px; margin-bottom: 9px; } .atf-post-details.atf-style1 blockquote { background-color: var(--thm-color); margin: 0; padding: 30px 40px 27px; font-size: 24px; line-height: 1.6em; border-left: 5px solid var(--thm-color); border-radius: 4px; font-weight: 400; margin: 20px 0; color: white; text-align: center; } .atf-post-details.atf-style1 blockquote small { display: block; line-height: inherit; margin-top: 4px; color: #b5b5b5; font-size: inherit; font-size: 16px; } .atf-post-details.atf-style1 blockquote small span { color: var(--thm-black); } .atf-post-details.atf-style1 .atf-post-label { margin-bottom: 15px; } .atf-post-details.atf-style1 .atf-post-text p { margin-bottom: 15px; } .atf-post-details.atf-style1 .atf-post-meta { display: flex; justify-content: space-between; padding: 23px 0; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } .atf-post-details.atf-style1 h2 { font-size: 28px; margin-bottom: 10px; } .atf-post-details.atf-style1 p { margin-bottom: 15px; } .atf-post-details.atf-style1 img { margin-bottom: 20px; border-radius: 4px; margin-top: 5px; } .atf-post-details.atf-style1 .embed-responsive { margin-top: 15px; margin-bottom: 15px; } .atf-post-label>span { display: inline-block; position: relative; } .atf-post-label>span:not(:last-child) { padding-right: 15px; margin-right: 15px; } .atf-post-label>span:not(:last-child):before { content: ''; position: absolute; height: 16px; width: 1px; background-color: #b5b5b5; right: 0; top: 3px; } .atf-post-label a:hover { color: var(--thm-color); } .atf-post-tage-list { display: flex; flex-wrap: wrap; } .atf-post-tage-list li { margin-right: 5px; color: var(--thm-black); font-weight: 600; } .atf-post-tage-list li:not(:last-child):after { content: ','; } .atf-post-tage-list li a:hover { color: var(--thm-color); } .atf-post-tages, .atf-post-share { display: flex; align-items: center; } .atf-post-tages .atf-post-tage-title, .atf-post-tages .atf-post-share-title, .atf-post-share .atf-post-tage-title, .atf-post-share .atf-post-share-title { margin: 0; font-size: 16px; margin-right: 10px; line-height: 1.4em; } .atf-post-share-btn-list { display: flex; flex-wrap: wrap; } .atf-post-share-btn-list a:not(:last-child) { margin-right: 12px; color: var(--thm-black); } .atf-post-share-btn-list a:hover { color: var(--thm-color); } .atf-post-btn-gropu { display: flex; justify-content: space-between; } .atf-post-btn-gropu .atf-btn { min-width: 170px; justify-content: center; } .atf-page-heading-in .atf-post-label { color: rgba(255, 255, 255, 0.75); display: flex; justify-content: center; margin-top: 6px; font-size: 16px; } .atf-page-heading-in .atf-post-label>span:not(:last-child):before { background-color: var(--thm-white); } .atf-page-heading-in .atf-post-label>span:not(:last-child) { color: rgba(255, 255, 255, 0.75); } .atf-page-heading-in .atf-post-label a:hover { color: var(--thm-white); } .atf-page-heading-subtitle { color: rgba(255, 255, 255, 0.7); font-size: 18px; font-weight: 300; margin-top: 7px; } span.readmore-act { color: #eba903; } span.readmore-act:hover { text-decoration: underline; } .atf-best-single-service:hover { background: #eaedf5; } .atf-nav .atf-nav-list>li>ul li { border-bottom: 1px solid #b9b9b973; } img.img-jd { height: 12px; width: 15px; margin-bottom: 3px; } a.icon.smd:hover { background: #e9e8e4; } .atf-top-social a i:hover { color: #ff5f09; background: #e9e9e9; } .jmd .img-jd { height: 20px; width: auto; margin-left: 0px; margin-bottom: 3px; } a.icon.jmd { background: #fff; padding: 10px; border-radius: 33px; } a.icon.jmd:hover { background: #ebac0a; } @media screen and (max-width: 991px) { .atf-page-heading-title { font-size: 38px; } .atf-page-heading-subtitle { font-size: 16px; } .atf-page-heading.atf-size-md { height: 350px; padding-top: 80px; } .atf-page-heading-title br { display: none; } .atf-page-heading { height: 500px; padding-top: 80px; } } /*-------------------------------------------------------------- Comment ----------------------------------------------------------------*/ .comments-title, .comment-reply-title { font-size: 18px; font-weight: 500; margin-bottom: 30px; text-transform: uppercase; } .comment-list-outer, .comment-respond { padding: 40px 30px 10px 30px; -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.05); border: 1px solid #eaeaea; border-radius: 4px; } .comment-body { position: relative; margin-left: 120px; margin-bottom: 30px; min-height: 90px; } .children .comment-body { min-height: 70px; } .comment-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .comments-area ol { list-style: none; padding-left: 0; } .comments-area .children { padding-left: 130px; } /* .comments-area .children .children { padding-left: 35px; } */ .comment-author .avatar { height: 90px; width: 90px; position: absolute; top: 0; left: -120px; border-radius: 50%; } .comment-author { line-height: 20px; margin-bottom: 30px; margin-right: 30px; } .comment-author a:hover { color: var(--thm-color); } .comment-author .nm { font-weight: 600; color: var(--thm-black); font-size: 16px; } .comment-metadata { line-height: 20px; } .comment-metadata a { font-weight: 600; font-size: 14px; position: absolute; left: -1px; top: 24px; } .comment-content { line-height: 25px; font-size: 15px; } .comment-content p { line-height: inherit; color: inherit; font-size: 14px; } .comment-reply-link { font-size: 15px; color: var(--thm-black); position: relative; } .comment-reply-link:hover, .comment-reply-link:focus { color: var(--thm-color); } .comment-reply-link i { margin-right: 6px; } .comment-reply-link:before { font-family: 'Font Awesome Free 5'; margin-right: 4px; } .reply { margin-top: 10px; } .children .comment-body { margin-left: 100px; } .comment-respond { display: block; width: 100%; margin-top: 56px; padding-bottom: 0px; margin-bottom: 0px; border-top: 1px solid #eaeaea; } .comment-form { display: flex; flex-wrap: wrap; } .comment-form-author, .comment-form-email { width: 50%; } .comment-form-email { padding-left: 10px; } .comment-form-comment { width: 100%; } .comment-form-author { padding-right: 10px; } .comment-form-url { padding-left: 0px; width: 100%; } .form-submit { margin-bottom: 0; } .comment-form p { margin: 0; } .comment-form textarea, .comment-form input { border: 1px solid #eaeaea; padding: 8px 10px; width: 100%; background-color: transparent; display: block; margin-bottom: 20px; transition: all 0.3s ease; border-radius: 4px; } .comment-form textarea:focus, .comment-form input:focus { outline: none; border-color: var(--thm-color); } .post-navigation { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .post-navigation>div { display: inline-block; } .nav-previous a:before { content: "\f100"; font-family: 'FontAwesome'; margin-right: 4px; } .nav-next a:after { content: "\f101"; font-family: 'FontAwesome'; margin-left: 4px; } .nav-all-post { min-width: 120px; text-align: center; margin: 0 25px; } /* * ---------------------------------------------------------------------------------------- * PAGINATION DESIGN * ---------------------------------------------------------------------------------------- */ .atf-post-pagination { margin: 30px 0; justify-content: center; } .page-item.active .page-link { background-color: var(--thm-color); border-color: var(--thm-color); } .pagination-outer { text-align: center; } .pagination { font-family: 'Josefin Sans', sans-serif; display: inline-flex; } .pagination li a.page-link { color: #fff; background: #2F2F2B; font-size: 22px; font-weight: 500; line-height: 37px; height: 35px; width: 35px; padding: 0; margin: 0 5px; border-radius: 0; border: none; overflow: hidden; position: relative; transition: all 0.4s ease 0s; } .pagination li a.page-link:hover, .pagination li a.page-link:focus, .pagination li.active a.page-link:hover, .pagination li.active a.page-link { color: #fff; background: #2F2F2B; box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2); } .pagination li a.page-link:before { content: ''; background-color: #f75504; height: 100%; width: 100%; position: absolute; left: 0; top: -100%; z-index: -1; transition: all 0.5s ease 0s; clip-path: polygon(0 0, 100% 0, 50% 100%); } .pagination li a.page-link:hover:before, .pagination li.active a.page-link:before { top: 0; } @media only screen and (max-width: 480px) { .pagination { font-size: 0; display: block; } .pagination li { display: inline-block; margin: 0 0 10px; } } /*-------------------------------------------------------------- END BLOG DETAILS DESIGN ----------------------------------------------------------------*/ /* * ---------------------------------------------------------------------------------------- * 14.END BLOG DESIGN * ---------------------------------------------------------------------------------------- */ /* * ---------------------------------------------------------------------------------------- * 15.START CONTACT DESIGN * ---------------------------------------------------------------------------------------- */ .atf-contact-info { padding: 35px; margin-right: 25px; box-shadow: 0px 4px 6px 4px rgba(75, 81, 91, 0.1); -webkit-box-shadow: 0px 4px 6px 4px rgba(75, 81, 91, 0.1); } .atf-section-title.atf-section-title2 h2 { color: #211e54; } .atf-contact-details h4 { color: #211e54; } h4.text-black { color: #64101b; } .atf-contact-info .atf-section-title { margin-bottom: 30px; } .atf-main-contact { margin: 20px 0; } .atf-contact-details { margin-bottom: 10px; display: block; overflow: hidden; transition: 0.3s; -webkit-transition: 0.3s; } .atf-contact-details i { font-size: 20px; width: 45px; height: 45px; line-height: 45px; color: var(--thm-white); text-align: center; margin: 0px 0 25px; border-radius: 10%; background: #ebac0a; float: left; margin-right: 25px; } .contact h4 { color: #000!important; } .mx-auto.my-auto { margin-top: 0px!important; } .atf-contact-details h4 { color: #610c00; font-size: 20px; line-height: 16px; } .atf-contact-details p { color: var(--thm-p); display: block; overflow: hidden; } .atf-contact-btn .atf-themes-btn { color: var(--thm-white); } .contact h4 { font-size: 29px; margin-bottom: 30px; color: var(--thm-black); font-weight: 600; letter-spacing: -1px; } .atf-contact-area .atf-section-title p { width: 100%; color: var(--thm-p); } .contact .form-control { padding: 5px 15px; border-radius: 7px; margin-bottom: 5px; } .contact .form-control:focus { border-color: var(--thm-color); box-shadow: none; outline: 0 none; } .contact textarea { border-radius: 0px; box-shadow: none; padding: 10px; height: 100px; } .contact textarea:focus { box-shadow: none; outline: 0 none; border-color: var(--thm-color); } .success { background: #fff none repeat scroll 0 0; color: #42c0d9; font-weight: 700; padding: 20px; text-align: center; } .actions .atf-themes-btn { width: 100%; } .actions .atf-themes-btn:hover { transform: translateY(-0px); } #contact { background: #f5f3f3; } .atf-contact-info { background: #fff; } .atf-contct { background-color: #fff!important; } .inner-head-padding { text-align: justify; } .anchor-tag { display: flex; } .anchor-tag a { margin-right: 20px; } div#Home .carousel-inner img { /* width: 1920px !important; */ height: 460px; object-fit: contain; background: #7b5c30; } .atf-portfolio-img.img-max iframe { margin: 0px !important; width: 100% !important; } /* * ---------------------------------------------------------------------------------------- * 15.END CONTACT DESIGN * ---------------------------------------------------------------------------------------- */ /* * ---------------------------------------------------------------------------------------- * 16.START FOOTER DESIGN * ---------------------------------------------------------------------------------------- */ #footer { position: relative; background: #861000; overflow-x: hidden; } .atf-footer-area { position: relative; z-index: 1; } .atf-footer-area::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #861000; border-radius: 50% 50% 0% 0%/100% 100% 0% 0%; transform: scaleX(2.1); z-index: -1; cvf } .atf-mailchamp-subscribe { position: relative; } .atf-mailchamp-subscribe .btn i { font-size: 18px; color: var(--thm-white); } .atf-mailchamp-subscribe .btn { position: absolute; right: 22px; background: transparent; box-shadow: none; top: 2px; background: #8890a9!important; border-radius: 30px; } .atf-mailchamp-border { border-bottom: 1px dashed var(--thm-white); line-height: 10px; } .footer-section { margin-top: 25px!important; } img.logo-right { height: 24px; } .atf-footer-boottom { padding: 2px 0; background: rgba(0, 0, 0, 0.4); } .container.sect { padding-bottom: 40px; padding-top: 30px; } .achievers h2 { font-size: 30px; line-height: 32px; color: #000! important; letter-spacing: -2px; font-weight: 500; } .atf-mailchamp-headding h2 { font-size: 30px; color: var(--thm-white); letter-spacing: -2px; } .atf-mailchamp-subscribe form input:focus { box-shadow: none; outline: 0 none; border-color: var(--thm-color); } .atf-mailchamp-subscribe form input { background: var(--thm-white); color: var(--thm-black); border: 1px solid #eee; width: 100%; height: 43px; padding-left: 15px; font-size: 14px; border-radius: 25px; } .atf-mailchamp-subscribe .form-group { margin-bottom: 0; } .atf-mailchamp-subscribe .atf-themes-btn { position: absolute; right: 5px; padding: 12px 23px; top: -3px; } .atf-mailchamp-subscribe .atf-themes-btn:hover { transform: translateY(-0px); } .atf-mailchamp-subscribe .atf-subscription-label { color: var(--thm-white); margin-bottom: 15px; } .atf-footer-boottom { background: rgba(0, 0, 0, 0.4); padding: 10px 0; } .atf-footer-box p { color: var(--thm-white); margin-bottom: 20px; } .atf-footer-box strong { font-weight: 700; } .atf-footer-social-icon a i:hover { background: #ebac0a!important; color: #fff; } .atf-footer-social-icon a i { font-size: 16px; margin-right: 10px; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; color: #861000; text-align: center; background: #fff!important; } .atf-footer-area .atf-footer-link { position: relative; } .atf-footer-area .atf-footer-link::after { content: ''; position: absolute; left: 35px; top: 35px; background: var(--thm-white); width: 45px; height: 2px; } .atf-footer-area .atf-footer-link::before { content: ''; position: absolute; left: 14px; top: 33px; background: var(--thm-white); width: 11px; height: 5px; } .atf-footer-link h5 { margin-bottom: 35px; font-size: 22px; color: var(--thm-white); letter-spacing: -2px; } .atf-footer-link .atf-list-menu li a { color: var(--thm-f3); margin-bottom: 10px; display: block; position: relative; overflow: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .atf-footer-link .atf-list-menu li a:hover { color: #ffb606; padding-left: 4px; } .atf-footer-link .atf-list-menu li a span { position: relative; display: block; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; font-weight: 500; font-family: var(--thm-font); } .atf-footer-link p { color: var(--thm-white); } .atf-footer-boottom p { color: var(--thm-white); font-size: 12px; } .atf-footer-boottom a { color: var(--thm-ase); font-weight: 700; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .atf-footer-boottom a:hover { color: var(--thm-white); } .atf-payment-link img { margin-right: 6px; } .form-message { margin-top: 20px; } /* * ---------------------------------------------------------------------------------------- * START MAP DESIGN * ---------------------------------------------------------------------------------------- */ #atf-map-area iframe { width: 100%; height: 168px; } ul.atf-list-menu a { margin-bottom: 7px!important; } .atf-main-header-left { width: 34%; } a.read { color: #ffb606; } .foot-in { text-align: left; } .footer_copyright.right.col-md-4.col-sm-12 { text-align: right; } a.fixed-button { font-weight: bold; background-color: #da261e; color: #fff; position: fixed; top: 38%; right: -11px; border: 1px solid #fff !important; margin-bottom: 20px; border-radius: 30px !important; z-index: 100; padding: 7px 20px !important; font-size: 12px; text-transform: uppercase; } a.fixed-button:hover { background-color: #211e54; } a.fixed-button_1 { font-weight: bold; background-color: #ffb606; color: #fff; position: fixed; top: 50%; right: -11px; border: 1px solid #fff; margin-bottom: 20px; border-radius: 30px !important; z-index: 100; padding: 7px 20px !important; font-size: 12px; text-transform: uppercase; } a.fixed-button_1:hover { background-color: #211e54; } #about img.card-s { border-radius: 5px; } .atf-contct .atf-section-title.atf-section-title2 h2 { font-size: 29px!important; } .atf-contct .atf-section-title.atf-section-title2 { margin-bottom: 13px; } /* * ---------------------------------------------------------------------------------------- * END MAP DESIGN * ---------------------------------------------------------------------------------------- */ /* * ---------------------------------------------------------------------------------------- * 16.END FOOTER DESIGN * ---------------------------------------------------------------------------------------- */ .carousel-inner123 { margin-top: 0 !important } .atf-footer-box p { text-align: justify; } .logo_new { display: inline-block; width: 93%; vertical-align: middle; } .img-logo { display: inline-block; width: 29.3%; vertical-align: middle; } .content-logo { display: inline-block; width: 52.7%; vertical-align: middle; } .content-logo h3 { font-size: 17px; margin: 0 !important; line-height: 23px; color: #eba902; font-family: arial!important; } .content-logo h5 { font-size: 12px; font-weight: 400 !important; color: #eba902; margin: 0 !important; line-height: 15px; font-family: arial!important; } h2.mb-3.text-white { color: #000!important; } h2.mb-3 { color: rgb(0, 0, 0)!important; } .text-left p { color: #000!important; padding: 0px 11px; } .atf-nav .atf-nav-list ul { width: 255px; } #about img.card-s { border-radius: 5px; /* border: 5px solid #fff; */ } @media (min-width:280px) and (max-width: 767px) { #about p { font-size: 13px; } .atf-top-header .atf-top-social { height: 31px; /* display: flex; */ text-align: left; display: block; text-align: center; } div#Home .carousel-inner img { object-fit: cover; height: auto; width: 100%; } .atf-top-header .atf-top-header-in { height: 38px; padding: 1px; text-align: center; display: block; } .atf-top-header { /* display: none; */ } .atf-top-header-list { display: block; } ul.atf-top-header-list li { font-size: 7px; padding: 1px; text-align: center; margin-right: 0px!important; } .atf-nav ul { text-transform: unset!important; } .atf-nav .atf-top-header { display: none; } .atf-site-header.atf-style1 .atf-main-header-in { height: auto; } .about-banner { padding-top: 177px; } .atf-main-header-left { width: 100%; text-align: left; } .logo_new { display: inline-block; width: auto; vertical-align: middle; text-align: left; padding-top: 5px; padding-bottom: 5px; } .atf-nav .atf-nav-list ul { width: 92%; } img.loggo { height: auto; text-align: center; max-height: 75px; } .content-logo { display: inline-block; /* width: 59.7%; */ /* margin: 0 0 0 3%; */ vertical-align: middle; } .content-logo h3 { font-size: 13px; margin: 0 !important; line-height: 20px; } .content-logo h5 { font-size: 11px; line-height: 11px; } .carousel-inner { margin-top: 137px; } canvas.sketch { height: 175px !important; display: none; } .atf-feature-content { margin: 4px 0!important; } .cen { margin-top: 10px; } .atf-feature-content { border: 1px solid var(--thm-eee); padding: 19px 25px 0px; } #feature { position: relative; } .atf-section-padding { padding: 0px; } .clearfix { padding-top: 7px; } .atf-feature-content h3 { font-size: 18px; } .atf-feature-content { margin: 10px 0; } .atf-post-slide .atf-post-title>a { font-size: 18px; } .achievers h3 { font-size: 18px; padding-bottom: 0px!important; padding-top: 9px; line-height: 17px; } .atf-menu-toggle { position: absolute; width: 34px; height: 33px; margin: 9px 0px 9px 0px; right: 2%; top: 15%; background-color: #610c00; padding: 3px 7px 3px 7px; border-radius: 3px; } .atf-menu-toggle span:before { position: absolute; margin-top: -6px; } .atf-menu-toggle span:after { position: absolute; margin-top: 6px; } h2.mb-3 { font-size: 19px; } .atf-section-title p { font-size: 13px; line-height: 25px; } .atf-hero-btn.ml-3 { margin-top: 1.0rem!important; } .atf-about-inner.my-auto.mx-auto.my-md-3.text-center.wow.fadeIn { padding-top: 0px; } .img-fluid { margin-bottom: 15px; } .owl-carousel { margin-bottom: 13px; } .atf-best-service-text h3 { color: #da261e; font-size: 19px; line-height: 30px; } .atf-best-service-text p { font-size: 11px; } .atf-best-main-service { margin: 0px 0; } .atf-section-title h2 { font-size: 20px; padding-bottom: 0px; margin-bottom: 0px!important; text-align: center; padding-bottom: 10px !important; } .text-center { margin-top: 0px!IMPORTANT; } .atf-blog-area .atf-post-slide { margin: 0px 0; } .atf-post-slide { border: 1px solid #eee; padding: 22px 22px 0px; position: relative; } .owl-theme .owl-nav { margin-top: 0px; } .atf-contact-info { margin-top: 0px!important; padding: 10px 5px 10px 5px; } .atf-footer-social-icon a i { font-size: 13px; margin-right: 10px; width: 31px; height: 31px; line-height: 31px; } .atf-footer-link h5 { font-size: 19px; margin-bottom: 19px; } .atf-footer-box p { font-size: 12px; padding: 0px !important; } .atf-footer-area .atf-footer-link { margin-top: 0px; } ul.atf-list-menu { font-size: 12px; } #atf-map-area iframe { margin-top: 10px; } .text-center { margin-top: 0px!important; } .atf-footer-boottom p { font-size: 12px; text-align: center; } .atf-footer-boottom { padding: 0px; } img.logo-right { height: 20px; } .footer_copyright.right.col-md-4.col-sm-12 { text-align: center; } .atf-contact-details h4 { font-size: 13px; line-height: 12px; margin-bottom: 5px; } .atf-contact-info .atf-section-title { margin-bottom: 12px; } .atf-contact-details p { font-size: 12px; line-height: 20px; } .atf-contact-details a { font-size: 12px; display: block; } .atf-contact-details { margin-bottom: 12px; } .atf-contact-details i { font-size: 12px; width: 31px; height: 31px; line-height: 31px; } .contact .form-control { font-size: 14px; } .atf-themes-btn span { font-size: 12px; padding: 7px 9px; } a.fixed-button { font-size: 9px; } a.fixed-button_1 { font-size: 8px; top: 45%; } .atf-class-slide h4 { font-size: 18px; } .atf-class-slide .atf-class-title a { font-size: 16px; } .atf-class-content h5 { margin-bottom: 0px; } .atf-class-slide .atf-class-description { font-size: 12px; line-height: 20px !important; } .atf-scrollup-icon { font-size: 17px; width: 38px; height: 38px; line-height: 38px; } .atf-nav .atf-nav-list { position: absolute; left: 0; background-color: #610c00; padding: 10px 0; display: none; top: 100%; border-top: 1px solid #eaeaea; border-bottom: 0px solid #eaeaea; overflow: auto; max-height: calc(100vh - 80px); width: 100%; } .atf-nav .atf-nav-list>li>a { color: #fff; } .contact h4 { font-size: 20px; margin-bottom: 15px; } div#round { display: none; } .atf-portfolio-area .portfolio-filter button { margin: 0px 11px 11px 0; padding: 3px 11px; font-size: 10px; } .atf-portfolio-area .portfolio-filter { margin-bottom: 5px!important; margin-top: 4px!important; } h5.atf-post-title.mt-3 { color: #211e54; margin-top: 7px!important; margin-bottom: 2px!important; } .atf-post-bar>li:last-child { margin-top: 0px; padding: 0px 0px 0px 5px; } .atf-post-slide .atf-post-description { line-height: 1.8; margin-bottom: 11px; } .form-group { margin-bottom: 2px; } .atf-contact-details { margin-bottom: 12px; } footer#footer { background-color: #610c00; } .text-left p { text-align: justify !important; margin: 0px; } .atf-feature-content { margin-bottom: 21px!important; } .atf-post-slide .atf-post-bar>li { padding: 0px 5px; } .atf-post-slide .atf-post-bar { margin: 5px 0; } .atf-class-slide .atf-class-content { min-height: 130px!important; } .container.sect { margin-bottom: 0px!important; } #blog { padding-bottom: 10px!important; padding-top: 20px!important; } #portfolio .text-center { padding-bottom: 12px!important; padding-bottom: 0px!important; } #best-service { padding-bottom: 30px!important; } #class { padding: 27px 0px 13px 0px!important; } #about { padding: 30px 0px 21px!important; } .achievers h2 { font-size: 25px; line-height: 30px; padding-bottom: 2px!important; padding-top: 16px!important; } .atf-page-heading.atf-size-md { height: 138px; padding-top: 29px; width: auto; } .achievers .col-12 { padding: 0; } .internal-seg { top: 31%; } .banner { padding-top: 174px; } .image-bannar img { height: 150px; width: fit-content; } .internal-seg p { font-size: 11px; line-height: 0px; } .internal-seg h1 { font-size: 20px; } .internal-seg { top: 40%!important; } .img-logo { width: 27.3%; } .atf-news-section-2 { display: inline!important; } .atf-section-title span { font-size: 20px!important; line-height: 27px; } .container.sect { padding-bottom: 20px; } .atf-feature-text p { padding-bottom: 10px; } #portfolio .text-center { margin-top: 0px!important; } #portfolio { padding: 21px 0px 20px 0px; } #contact { background: #eaedf5; padding-bottom: 20px; } .atf-nav .atf-nav-list>li>a { color: #ffffff!important; } .director { display: block!important; } .inner-head-padding h3 { margin-top: 0px!important; padding-bottom: 0px; font-size: 18px!important; } .vfcs, .vfcs1, .vfcs2, .vfcs3 { margin-bottom: 10px; } .school-management-vfs img { padding: 0; } .infrastrcture p { text-align: center!important; } .infrastrcture h2 { font-size: 19px; } .table-responsive { height: 500px; } .para-center h3 { padding-bottom: 5px; } .cont-area-img p { text-align: center!important; padding-top: 10px; } .cont-area-img p img { width: 100%!important; height: auto!important; } .res-fac h2 { font-size: 21px!important; text-align: left!important; } .res-fac h4 { font-size: 18px!important; } .upper-alumni p { text-align: center!important; } .lower-alumni p { text-align: center!important; } .lower-alumni .col-md-9 { height: 177px; } .lower-alumni .row { flex-direction: column-reverse; } .atf-main-feature .atf-feature-content { min-height: 0px!important; } .sys-house h3 { font-size: 18px; } .houses-viveka .img-quality { text-align: center!important; } .qual { display: block; padding: 5px; } .upper-one-house p { text-align: center!important; } .act { display: block; padding: 5px; ; } .lower-act img { width: 45%; } a.icon.jmd { padding: 6px 8px; border-radius: 27px; } .jmd .img-jd { height: 16px; } .play1 { padding: 0px!important; } .play-way { padding: 0px!important; } .curriculaam li { font-size: 12px; } .play-way { height: auto; } .qual { padding: 4px; } .atf-nav .atf-nav-list li:nth-child(7) span.atf-menu-dropdown-toggle { display: none; } } @media (min-width:768px) and (max-width: 991px) { ul.atf-top-header-list li { font-size: 8px; display: inline-block; margin-right: 5px; } .play-way { height: auto; } .atf-main-header-left { width: 58%; } div#Home .carousel-inner img { object-fit: cover; height: auto; width: 100%; } .img-logo { width: 15.3%; } .content-logo h3 { font-size: 14px; } .content-logo h5 { font-size: 10px; } .atf-site-header.atf-style1 .atf-main-header-in { height: 72px; } .atf-main-header-right { background-color: #610c00; height: 45%; width: 4%; border-radius: 4px; } .atf-menu-toggle { width: 28px; height: 26px; margin: 4px 2px 7px 2px; padding: 0px 0px 4px 6px; background: #610c00; } .atf-menu-toggle span { top: 10px; height: 2px; } .atf-menu-toggle span:before { margin-top: -6px; } .atf-menu-toggle span:after { margin-top: 6px; } .carousel-inner { margin-top: 112px; } canvas.sketch { height: 264px !important; } .atf-feature-text h3 { padding: 9px 0 10px 0; color: #211e54; font-size: 20px; } .atf-feature-content { margin: 0px; } .service-content-calendar { display: inline-block; } .service-content-calendar .atf-best-service-content { display: inline-block; width: 48%; padding-right: 10px; margin-top: 0px; } .atf-class-slide .atf-class-content { min-height: 135px; } #best-service .mx-auto.my-auto { margin: 0px 24px 0px 43px!important; height: 488px; } .banner { padding-top: 112px!important; } .internal-seg h1 { font-size: 29px; } .atf-nav .atf-nav-list ul { width: 98%; } .atf-widget-list a { font-size: 13px; } .atf-widget .atf-widget-title { margin-bottom: 10px; } .atf-nav .atf-nav-list>li>a { color: #ffffff!important; } .atf-menu-toggle { width: 21px; padding: 1px 0px 4px 4px; } .curriculam { height: 300px; } .princi-msg img { height: 194px!important; } .princi-msg p { text-align: justify; } .atf-top-header .col-md-3 { display: none; } .atf-top-header .col-md-9 { margin: 0 auto; } .school-management-vfs h3 { font-size: 18px; line-height: 25px; } #about { padding: 26px 0px; } .infrastrcture h4 { font-size: 18px; } .infrastrcture p { text-align: center; } .shoot-cam h3 { font-size: 18px; } .cam-p-shoot .cont-area-p p { text-align: justify; } .cam-p-shoot p { text-align: justify; } .res-fac p { text-align: justify; } .res-fac h2 { font-size: 22px; } .res-fac ul { text-align: justify; } .atf-main-feature .atf-feature-content { min-height: 0px!important; } .lowerr-act p { overflow-y: scroll; height: 244px; padding-right: 20px; } .act { display: flex; align-items: flex-start; padding: 30px; } .atf-footer-social-icon a i { margin-right: 9px; margin-right: 5px; margin-right: 10px; width: 33px; height: 33px; line-height: 33px; } a.icon.jmd { padding: 8px; border-radius: 33px; } .jmd .img-jd { height: 15px; width: 18px; margin-left: 0px; margin-bottom: 4px; } ul.atf-list-menu a { font-size: 13px; } .atf-footer-box p { font-size: 13px; } #atf-map-area iframe { width: 100%; height: 268px; } #about p { font-size: 13px; margin-top: 0px; } .atf-about-inner { padding-top: 20px!important; } .atf-hero-btn.mt-4.ml-3 { margin-top: 10px!important; } .atf-best-service-content:before { width: 95%; } .atf-best-service-content:after { width: 95%; } .atf-class-slide .atf-class-content { min-height: 137px!important; } .service-content-calendar .atf-best-single-service { flex-direction: row-reverse; } .atf-about-inner { padding-top: 22px; } .clearfix { padding-top: 0px; } .achievers h2 { font-size: 27px; padding-bottom: 4px!important; } .atf-section-title h2 { padding-bottom: 30px; } h2.gallery-gal { padding-bottom: 0px; } h2.news { padding: 0px; } .atf-contact-info { margin-top: 23px; } .atf-section-title.atf-section-title2 h2 { padding-bottom: 0px; } .princi-msg img { height: 189px!important; border: 1px solid #c3c3c3; margin: 10px 0px 0px 20px; padding: 5px; } .atf-nav .atf-nav-list li:nth-child(7) span.atf-menu-dropdown-toggle { display: none; } } @media (min-width:992px) and (max-width: 1024px) { ul.atf-top-header-list li { font-size: 10px; } .atf-top-social a i { margin-left: 7px; } .atf-top-social a i { margin-left: 8px; font-size: 12px; padding: 3px; } .img-logo { width: 33.3%; } .atf-main-header-left { width: 34%; } .atf-nav ul { font-size: 13px; } #about .clearfix { align-items: center; } img.img-jd { height: 12px; width: 17px; margin-bottom: 4px; } .atf-top-social a i { margin-left: 2px; border-radius: 10px; font-size: 16px; padding: 3px; } li.menu-item-has-children i.fa.fa-chevron-down.ml-2 { margin-left: 1px!important; } a.icon.smd { margin-left: 2px; padding: 1px 3px; } .atf-footer-box p { text-align: justify; font-size: 12px; } .atf-footer-link .atf-list-menu li a { font-size: 11px; } .princi-msg img { height: 225px!important; border: 1px solid #c3c3c3; margin: 10px 0px 0px 20px; padding: 5px; } .curriculaam li { font-size: 13px; } .play-way { padding: 37px; } div#Home .carousel-inner img { object-fit: cover; height: auto; width: 100%; } } @media (min-width:1025px) and (max-width: 1199px) { .atf-class-slide .atf-class-content { min-height: 196px!important; } #program .raw-center { align-items: center; } #about .clearfix { align-items: center; } #best-service .mx-auto.my-auto { margin-top: 15px!important; } .atf-nav .atf-nav-list { display: flex !important; /* flex-wrap: wrap; */ width: 100%; justify-content: space-between; font-size: 12px; } .atf-nav .atf-nav-list>li { margin-right: 9px; } .atf-post-slide .atf-post-bar>li:first-child { padding: 0px 4px 0 0; } .atf-post-slide .atf-post-bar>li { padding: 0px 4px 0 0; } ul.atf-top-header-list li { font-size: 10px; } .atf-top-social a i { margin-left: 4px; } .princi-msg img { height: 250px!important; border: 1px solid #c3c3c3; margin: 10px 0px 0px 20px; padding: 5px; } .play-way { padding: 37px; } .atf-best-service-text { width: 100%; } } .atf-best-service-text { width: 100%; } .why p { text-align: justify; } .school-management-vfs p { text-align: justify; } .president-side p { text-align: justify; } .about-banner { padding-top: 140px; } .banner { padding-top: 140px; } .internal-seg { position: absolute; top: 34%; font-weight: 900; color: #fff; z-index: 1; width: 100%; } .image-bannar { position: relative; } .image-bannar::before { content: ''; background: rgba(0, 0, 0, .3); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .internal-seg h1 { color: #fff; position: relative; opacity: 1; text-align: center; } .internal-seg p { color: #fff; position: relative; opacity: 1; text-align: center; } .atf-class-slide .atf-class-content { min-height: 164px; } .home-image-box img { width: 100%; object-fit: cover; height: 500px; } .atf-portfolio-img img { min-height: 333px; height: 333px; object-fit: cover; border: 1px solid #9E9E9E; padding: 2px; } .abt { background: #fff!important; } .portfolio-photos { background: #fff!important; } .contact-us { background: #fff!important; } .princi-msg p { text-align: justify; } .blow-up { display: flex; align-items: center; } .image-in { width: 29%; display: inline-block; } .atf-post-contnt { width: 100%; display: inline-block; text-align: left; } .image-in img { height: 244px; object-fit: cover; } .atf-post-contnt p { margin-bottom: 0px!important; font-weight: 700; } .atf-post-contnt ul { list-style: inside; padding-bottom: 15px; } .news-bannar { background: #fff!important; } .atf-post-contnt h5 { color: #510a00!important; font-weight: 600; } .atf-sidebar-widget h3 { color: #000; font-weight: 600; } .pik-top { padding-bottom: 20px; } .atf-post-contnt .atf-post-bar { list-style: none; } .atf-post-contnt ul { text-align: justify; } .atf-nav .atf-nav-list>li>a { color: #5a5353; } .atf-news-section-vf { padding-top: 41px; } .atf-newsbar { padding-top: 41px; } .atf-news-section-2 { padding-top: 36px; display: flex; } .atf-contct { background: #ffffff!important; } .drop-down select { width: 100%; height: 33px; font-size: 15px; /* padding: 0 11px; */ background: #8890a9; color: #fff; text-align: left; } #team { padding: 62px 0px; } .stress { margin-bottom: 30px; background: #ffffff; color: #000; border-radius: 5px; padding: 10px; } .stress .atf-team-title { color: #000; font-size: 18px; font-weight: 600; } .up-down-fade h3 { font-size: 26px; font-weight: 600; color: #000; } .stressed .col-lg-2 { min-width: 20%; } .play-way1 { display: inline-block; float: right; } .play-way1 img { height: 198px!important; object-fit: contain; } .play-way { display: inline-block; height: 191px; vertical-align: middle!important; padding: 37px; } .curriculam, .curriculum { display: inline-block; background: #ffffff; padding: 20px; border: 1px solid #dee2e6; vertical-align: middle; border-radius: 5px; margin-top: 20px; } .curriculum { margin-bottom: 16px; } .curriculaam { background: #ffffff; padding: 20px; border: 1px solid #dee2e6; vertical-align: middle; border-radius: 5px; margin-top: 20px; } .play { display: inline-block; height: 211px; vertical-align: middle!important; } .play img { height: 198px!important; object-fit: contain; } .play1 { display: inline-block; height: 211px; float: right; padding: 37px; } .cur-clm h3 { color: #861000; font-weight: 600; font-size: 22px; } .cur-clm p { margin: 0px; } .cur-clm ul { color: #000; list-style: inside; } .cur-clm ul { color: #000; list-style: inside; padding: 10px; } p.img-para { text-align: center; padding-bottom: 20px; } .infrastrcture h3 { text-align: center; font-size: 22px; font-weight: 600; color: #861000; padding-bottom: 14px; padding-top: 20px; } .infrastrcture table { width: 100%!important; } .infrastrcture table tr:nth-child(odd) { background: #f8f9fa; } .infrastrcture table { width: 100%!important; border: 1px solid #ededed; height: 220px!important; } .infrastrcture table td { padding: 10px; color: #000; } .infrastrcture table tr th { height: 44px!important; padding: 10px; background: #eba902; color: #fff; font-size: 15px; } .infrastrcture h2 { color: #861000!important; font-size: 27px; padding-bottom: 10px; } .cont-area-img { display: inline-block; float: right; } .cont-area-p { display: inline-block; padding-left: 0px; } .img-center { text-align: center!important; } .para-center h3 { font-size: 21px; font-weight: 600; color: #861000; padding-bottom: 5px; } .cont-area-p h4 { font-size: 16px; text-align: center; color: #861000; } .para-ul-li ul { color: #000; list-style: inside; padding-top: 5px; padding-bottom: 20px; } .shoot-cam h3 { color: #861000; font-weight: 600; font-size: 21px; } .res-fac h3 { color: #000; font-size: 25px; font-weight: 600; } .res-fac p { margin-top: 0px; } .res-fac ul { color: #000; list-style: inside; padding-top: 4px; padding-left: 10px; } .res-fac h2 { font-size: 25px; color: #861000!important; text-align: center; padding-top: 15px; margin-bottom: 20px; } .res-fac h4 { color: #861000; margin-bottom: 0px; } .infrastrcture h4 { color: #861000; font-weight: 600; font-size: 20px; text-align: center; padding-bottom: 4px; padding-top: 23px; } .alumni h3 { color: #861000; font-size: 25px; font-weight: 600; } .upper-alumni h3 { font-size: 15px; text-align: center; color: #861000; font-weight: 600; } .upper-alumni .col-md-3 p { text-align: center; margin-top: 0px; line-height: 22px; } .upper-alumni .col-md-3 { text-align: center; } .lower-alumni h3 { font-size: 15px; text-align: center; color: #861000; font-weight: 600; } .lower-alumni .col-md-3 p { text-align: center; margin-top: 0px; line-height: 22px; } .lower-alumni .col-md-3 { text-align: center; } .director { display: flex; align-items: center; padding-bottom: 24px; text-align: center; flex-wrap: wrap; } .inner-head-padding h3 { color: #861000; font-weight: 600; font-size: 21px; } .president-para img { height: 282px!important; width: auto!important; float: right; padding-left: 37px; padding-top: 10px; } .princi-msg img { width: auto!important; height: 265px!important; float: right; padding-left: 22px; padding-top: 10px; } .school-management-vfs img { width: auto!important; height: 283px!important; float: right; padding: 16px 0 0 20px; } .school-management-vfs h3 { color: #861000; font-size: 21px; font-weight: 600; } .letter-director-vfs, .letter-director-vfs1, .letter-director-vfs2, .letter-director-vfs3 { margin-bottom: 20px; } .letter-director-vfs h3, .letter-director-vfs1 h3, .letter-director-vfs2 h3, .letter-director-vfs3 h3 { font-size: 21px; font-weight: 600; padding-bottom: 10px; color: #861000; } .vfcs img, .vfcs1 img, .vfcs2 img, .vfcs3 img { border: 1px solid #ccc9c9; border-radius: 5px; } .vac-img { width: auto; text-align: center; display: flex; } .vac-img img { width: auto; height: 400px; /* box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 50%); */ border: 2px solid #ccc; padding: 2px; margin-bottom: 10px; } .pik-align-alumni-section img { width: auto!important; height: 83px!important; padding-right: 10px; } .pik-align-alumni-section { display: flex; } .lower-alumni { padding: 50px; background: #fbfafa; border: 1px solid #e4e4e4; margin-bottom: 10px; border-radius: 5px; } .upper-alumni { padding: 50px; background: #fff; border: 1px solid #e4e4e4; margin-bottom: 10px; border-radius: 5px; } .upper-alumni img { padding-top: 15px; } .lower-alumni img { padding-top: 15px; } .top-alumni-pik { text-align: center; } .lower-alumni .col-md-9 { height: 300px; overflow-y: auto; } .upper-alumni .col-md-9 { height: 300px; overflow-y: auto; } .academic-result img { width: 53px; height: 20px; padding-left: 9px; } .activity-result img { width: 53px; height: 20px; padding-left: 9px; } .academic-result h3 { font-size: 21px; font-weight: 600; color: #861000; text-align: center; } .activity-result h3 { font-size: 21px; font-weight: 600; color: #861000; text-align: center; } .result .vfcs img { width: 100%!important; height: 300px!important; object-fit: cover; padding: 5px; margin: 10px 10px; } .academic-result { padding: 30px; background: #f5f3f3; margin-bottom: 20px; border: 1px solid #d8d2d2; border-radius: 5px; } .activity-result { padding: 30px; border: 1px solid #d8d2d2; border-radius: 5px; margin-bottom: 20px; } .result h3 { text-align: center; font-size: 21px; color: #861000; font-weight: 600; padding-bottom: 12px; } .toppers h4 { text-align: center; font-weight: 600; color: #861000; font-size: 18px; } .mandatory h4 { padding-top: 0px; } .mandatory table { margin-bottom: 25px; } .infra-table table tr th span { color: #fff!important; } .infra-table table tr th { border: 1px solid #eceaea!important; } .infra-table table tr td { border: 1px solid #eceaea!important; } .infra-table table tr td span { font-size: 15px; } .director-highlight h5 { width: 100%; background: #861000; border-radius: 0 0 5px 5px; } .director-highlight img { border-radius: 5px; border: 1px solid #dee2e6; padding: 5px; } @media (min-width:320px) and (max-width: 400px) { .president-para img { padding-left: 0px; padding-bottom: 10px; width: 100%!important; } .school-management-vfs img { padding: 16px 0 0 0px!important; } } @media (min-width:320px) and (max-width: 575px) { .act { display: block!important; padding: 10px 0px!important; } .upper-act h3 { font-size: 17px!important; } .lower-act p img { margin-top: 13px; } .activities .act .lowerr-act h3 { font-size: 17px; } .upperr-act img { width: 100%; margin-top: 10px; } .danger { padding: 10px 15px; } .qual { display: block!important; padding: 10px; } .owl-carousel .owl-item img { height: 250px; object-fit: cover; width: 100%; object-position: top; } #testimonialss .testimonial .pic img { height: 150px !important; } .princi-msg img { padding-bottom: 14px; } .atf-portfolio-img img { min-height: 250px !important; height: 250px !important; } .news-events .owl-controls { display: none !important; } #testimonialss .testimonial .description p { height: 250px !important; } } @media (min-width:576px) and (max-width: 767px) { .atf-post-slide .atf-post-description { min-height: 76px; } .atf-post-slide { padding: 8px 9px 0px; } .banner { padding-top: 162px; } .image-bannar img { height: auto; } .school-management-vfs img { padding: 0; } .upper-act p { overflow-y: scroll; height: 263px; padding-right: 16px; } .lower-act img { width: auto; object-fit: cover; } .act { display: flex; padding: 11px!important; } .activities .act .upper-act h3 { font-size: 17px; } .activities .act .lowerr-act h3 { font-size: 17px; } .lowerr-act p { overflow-y: scroll; height: 263px; padding-right: 16px; } .qual { display: block!important; padding: 10px; } .atf-portfolio-img img { min-height: 298px; } .owl-carousel .owl-item img { display: block; width: 100%; height: 358px; object-fit: contain !important; } .princi-msg img { padding-bottom: 14px; } } .act { display: flex; align-items: center; border: 1px solid #e9ecef; padding: 30px; border-radius: 10px; margin-bottom: 30px; max-height: 100%; } .activities h3 { color: #861000; padding-bottom: 20px; font-size: 24px; font-weight: 600; text-align: center; } .activities .act .upper-act h3 { font-size: 20px; font-weight: 500; text-align: left; padding: 0px; } .lower-act img { width: 100%; object-fit: cover; } .activities .act .lowerr-act h3 { font-size: 20px; font-weight: 500; text-align: left; padding: 0px; } .activities .act .danger h3 { font-size: 20px; font-weight: 500; text-align: left; padding: 0px; } .atf-onepage-nav { justify-content: space-between; } .atf-nav .atf-nav-list>li { margin-right: 0px; } .atf-site-header.atf-style1.atf-sticky-active { color: #918b8b !important; } li.menu-item-has-children i.fa.fa-chevron-down.ml-2 { font-size: 9px; } .atf-main-feature .atf-feature-content { min-height: 335px; } .about-in p { text-align: justify; } .clb h3 { color: #861000; } .clb p { margin-top: 0px; margin-bottom: 10px; } p.p-para { margin-bottom: 0px; } ul.u-para { list-style: inside; padding-left: 2px; margin-bottom: 10px; } ul.u-para li { color: #000; } .houses-viveka .img-quality { text-align: center; } .houses-viveka p { margin-top: 0px; line-height: 1.7; margin-bottom: 10px; } .sys-house h3 { color: #861000; font-weight: 600; font-size: 25px; } .syst-house h4 { font-size: 23px; color: #861000; font-weight: 500; } .qual { display: flex; margin-top: 20px; border: 1px solid #eaeaea; padding: 30px; align-items: center; border-radius: 10px; } .president-para h3 { color: #861000; font-size: 22px; } .princi-msg h3 { color: #861000; font-size: 22px; } .col-md-4.upper-one-house { text-align: center; } .rest { align-items: center; border: 1px solid #e9ecef; padding: 30px; border-radius: 10px; margin-bottom: 30px; max-height: 100%; } .sans img { height: 427px !important; padding: 10px; } #testimonialss .testimonial .pic { width: 22% !important; padding: 20px 0; margin: 0 6% 0 2%; float: left; position: relative; z-index: 1; } #testimonialss .testimonial .pic:before, #testimonialss .testimonial .pic:after { content: ""; width: 130px; height: 150px; background: #ebac0a; position: absolute; z-index: -1; } #testimonialss .testimonial .pic:before { top: 0; right: -20px; } #testimonialss .testimonial .pic:after { bottom: 0; left: -20px; } #testimonialss .testimonial .pic img { width: 100%; height: auto; border: 1px solid #ebac0a; } #testimonialss .testimonial .testimonial-content { width: 70% !important; float: right; } #testimonialss .testimonial .title { display: block; font-size: 18px; font-weight: 600; color: #861000; margin: 0; text-transform: capitalize; padding-left: 15px; padding-bottom: 0px; } #testimonialss .testimonial .post { display: block; font-size: 14px; font-weight: 400; line-height: 27px; color: #fff; text-transform: capitalize; margin-bottom: 25px; padding-left: 15px; } #testimonialss .testimonial .description { color: var(--thm-p); padding: 0px 15px 15px 0; margin: 0; position: relative; } #testimonialss .testimonial .description p { font-size: 15px; color: var(--thm-p); padding: 0 37px 0 15px; margin: 0; position: relative; height: 385px; overflow-y: auto; text-align: justify; } #testimonialss .testimonial .description:before, #testimonialss .testimonial .description:after { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 17px; color: #e1c37d; position: relative; } #testimonialss .testimonial .description:before { content: "\f10d"; margin-right: 5px; top: -36px; left: -16px; position: absolute; font-size: 24px; } #testimonialss .testimonial .description:after { content: "\f10e"; margin-left: 5px; position: absolute; bottom: -1px; right: 24px; font-size: 24px; } #testimonialss .owl-theme .owl-controls { width: 100%; margin: 0; text-align: left; } #testimonialss .owl-theme .owl-controls .owl-buttons div { width: 70px; height: 90px; line-height: 90px; background: transparent; border-radius: 0; opacity: 1; position: relative; } #testimonialss .owl-prev:before, #testimonialss .owl-next:before { content: "\f177"; font-family: "fontawesome"; font-size: 45px; font-weight: 900; color: #ddd; position: absolute; top: 0; left: 25%; } #testimonialss .owl-next:before { content: "\f178"; } #testimonialss .owl-next:after { content: " / "; font-size: 40px; color: #ddd; position: absolute; top: 0; left: -10px; } @media only screen and (max-width: 990px) { .testimonial { text-align: center; } #testimonialss .testimonial .pic { width: 200px; margin: 0 auto; float: none; } #testimonialss .testimonial .pic:before, #testimonialss .testimonial .pic:after { width: 80px; height: 100px; } #testimonialss .testimonial .testimonial-content { width: 100%; float: none; } #testimonialss .testimonial .title { padding: 15px 0 0 13px; } #testimonialss .testimonial .post { padding: 0; margin-bottom: 10px; } #testimonialss .owl-theme .owl-controls { width: 100%; position: static; text-align: center; } #testimonialss .owl-theme .owl-controls .owl-buttons div { height: 50px; line-height: 50px; } } .testimonial { display: flex; align-items: center; justify-content: space-between; } .testimonial .pic { position: relative; width: 29%; padding: 15px; } .testimonial .pic img { width: 517px; } .testimonial .pic img ::before { position: absolute; } .testimonial .pic::before { position: absolute; content: ''; /* border-top: 7px solid #ea9421; border-right: 7px solid #ea9421; */ padding: 57px; right: 0px; top: 0px; } .testimonial .pic::after { position: absolute; content: ''; /* border-bottom: 7px solid #ea9421; border-left: 7px solid #ea9421; */ padding: 57px; left: 0px; bottom: 0px; } .testimonial-content { width: 69%; } section#testimonialss { padding: 50px 0 60px; background: #eaedf561; } section#testimonialss .atf-section-title.text-center.wow.fadeInUp { margin: 0; padding-bottom: 19px; } ::-webkit-scrollbar { width: 6px !important; background-color: #F5F5F5 !important; border-radius: 10px !important; } ::-webkit-scrollbar-thumb { background-color: #949494 !important; border-radius: 10px !important; } #testimonialss .testimonial .description::-webkit-scrollbar { width: 0px !important; } @media (min-width: 320px) and (max-width: 767px) { .testimonial { flex-direction: column; } #testimonialss .testimonial .description:before { left: 0; } #testimonialss .testimonial .description p { font-size: 13px; padding: 10px 15px 0 15px; } #testimonialss .testimonial .title { padding: 15px 0 0 31px; text-align: left; } #testimonialss .testimonial .testimonial-content { width: 100% !important; } #testimonialss .testimonial .pic { width: 60% !important; } #testimonialss .testimonial .description { padding: 0px 0px 15px 0; } section#testimonialss { padding: 20px 0 14px; } #program { padding-bottom: 20px !important; padding-top: 20px !important; } .about_vf p { padding: 0px !important; } .right_bxul .why { padding: 0px !important; } .right_bxul .why p { padding: 0px !important; } .anchor-tag { display:block !important; } } @media (min-width: 768px) and (max-width: 1024px) { #testimonialss .testimonial .title { padding: 15px 0 0 13px; text-align: left; } } .skul_tour img { height: 200px !important; width: 300px; margin-bottom: 20px; object-fit: cover; object-position: top; } .Image_main_1 .image_main_inner img.card-s.image_main_inside:hover { transition: none !important; transform: none !important; } .achieveres { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .achieveres img { width: 32% !important; height: 350px !important; border: 1px solid #ddd; padding: 5px; margin-bottom: 20px; object-fit: cover; } @media (min-width: 320px) and (max-width: 575px){ .achieveres { flex-direction: column; } .achieveres img { width: 100% !important; height: auto !important; } } @media (min-width: 576px) and (max-width: 1199px){ .achieveres img:nth-child(4) { transform: none; } .achieveres img { height: 232px !important; } } /* */ .list-type4 { width: 410px } .list-type4 ol { counter-reset: li; list-style: none; font-size: 15px; font-family: Raleway, sans-serif; padding: 0; margin-bottom: 4em } .list-type4 a { position: relative; display: block; padding: .7em .4em .7em 2em; margin: 20px 0; background: #861000; color: #fff; text-decoration: none; box-shadow: inset 0.5em 0 #420800; -webkit-transition: box-shadow 1s; transition: box-shadow 1s; } .list-type4 a:hover { box-shadow: inset 2em 0 #000 } /* */ .modal-body { h1 { font-weight:900; font-size:2.3em; text-transform:uppercase; } a.pre-order-btn { color:#000; background-color:gold; border-radius:1em; padding:1em; display: block; margin: 2em auto; width:50%; font-size:1.25em; font-weight:6600; &:hover { background-color:#000; text-decoration:none; color:gold; } } .modal-body { padding: 0px !important; margin: 0px !important; } .modal-content .modal-body img { width: 100% !important; } } /*========21sep24==========*/ h1.main-title { font-size: 2.5em; margin-bottom: 0; } h3.title { font-size: 1.8em; margin-top: 10px; max-width: 250px; color: #fff; z-index: 11; position: relative; } .genre { text-transform: uppercase; font-size: 12px; opacity: 0.6; } p.sub-title { margin-top: 5px; margin-bottom: 30px; width: 250px; font-size: 14px; line-height: 18px; color: #4f4f4f; font-weight: lighter; } .newsz { /* display: grid; */ grid-gap: 30px; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(3, 200px); @media (max-width: 980px) { grid-template-rows: repeat(7, 200px); } } .box { background-color: grey; border-radius: 10px; padding: 20px; color: white; position: relative; @media (max-width: 980px) { background-size: 120%; } } .read-btn { font-size: 12px; padding: 8px 20px; position: absolute; bottom: 15px; transition: transform 0.2s ease-in-out; color: #fff; background-color: #ebac0a; font-weight: 600; letter-spacing: 1px; text-transform: capitalize; border-radius: 7px; overflow: hidden; z-index: 1; border: none; } .box { background-position: center; transition: box-shadow 0.2s ease-in-out; } .box1 { grid-column: 1/3; background-image: url(https://www.vivekafoundations.com/public/img/school_banner_img.jpg); box-shadow: 3px 3px 20px 0px rgba(59, 168, 163, 0.25); @media (max-width: 980px) { grid-column: 1/6; grid-row: 1 / 2; } &:hover { box-shadow: 3px 3px 20px 0px rgba(59, 168, 163, 0.55); } .read-btn { /* color: #7bb0ad; */ } } .box2 { grid-column: 3 / 4; grid-row: 1 / 3; background-image: url(https://www.vivekafoundations.com/public/img/school_banner_img.jpg); box-shadow: 3px 3px 20px 0px rgba(2, 48, 76, 0.25); @media (max-width: 980px) { grid-column: 1/6; grid-row: 2 / 3; } &:hover { box-shadow: 3px 3px 20px 0px rgba(2, 48, 76, 0.55); } .read-btn { /* color: #152532; */ } } .box3 { grid-column: 4 / 5; grid-row: 1 / 3; background-image: url(https://www.vivekafoundations.com/public/img/school_banner_img.jpg); box-shadow: 3px 3px 20px 0px rgba(73, 34, 2, 0.25); @media (max-width: 980px) { grid-column: 1/6; grid-row: 3 / 4; } &:hover { box-shadow: 3px 3px 20px 0px rgba(73, 34, 2, 0.55); } .read-btn { /* color: #cd935b; */ } } .box4 { grid-column: 1 / 2; grid-row: 2 / 4; background-image: url(https://www.vivekafoundations.com/public/img/school_banner_img.jpg); box-shadow: 3px 3px 20px 0px rgba(60, 162, 186, 0.25); @media (max-width: 980px) { grid-column: 1/6; grid-row: 4 / 5; } &:hover { box-shadow: 3px 3px 20px 0px rgba(60, 162, 186, 0.55); } .read-btn { /* color: #43acc9; */ } } .box5 { grid-column: 2 / 3; grid-row: 2 / 4; background-image: url(https://www.vivekafoundations.com/public/img/school_banner_img.jpg); box-shadow: 3px 3px 20px 0px rgba(255, 131, 199, 0.25); @media (max-width: 980px) { grid-column: 1/6; grid-row: 5 / 6; } &:hover { box-shadow: 3px 3px 20px 0px rgba(255, 131, 199, 0.55); } .read-btn { /* color: #fea0a5; */ } } .box6 { grid-column: 3 / 5; grid-row: 3 / 4; background-image: url(https://www.vivekafoundations.com/public/img/school_banner_img.jpg); box-shadow: 3px 3px 20px 0px rgba(60, 162, 186, 0.25); @media (max-width: 980px) { grid-column: 1/6; grid-row: 6 / 7; } &:hover { box-shadow: 3px 3px 20px 0px rgba(60, 162, 186, 0.55); } .read-btn { /* color: #63bdfe; */ } } .newz.container { margin: 40px 140px 60px; padding: 20px 0 0; } .box:before { background: #00000085; left: 0; top: 0; position: absolute; width: 100%; content: ""; height: 100%; border-radius: 9px; } .newz { display: grid; grid-gap: 30px; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(1, 200px); } /*------------ testimoinal-------------*/ .section-testmonials { font-family: Poppins; display: flex; gap: 20px; align-items: center; padding: 0px 0px 80px; } .column-testmonials { display: flex; flex-direction: column; gap: 20px; width: 20%; } .section-details { border-left: 10px solid #ffcb00; padding-left: 20px; } .name-section { font-weight: 800; text-transform: uppercase; font-size: 14px; color: #650061 !important; line-height: 1.2em; margin: 0; } .title-section b { color: #650061; } .title-section { color: #000; font-family: Poppins; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; margin: 0; } .navigation-testmonials { display: flex; gap: 10px; } .swiper-testmonials { width: 80%; overflow: hidden; position: relative; } @media (max-width: 768px) { .section-testmonials { flex-direction: column; align-items: flex-start; } .swiper-testmonials { width: 100%; } } .swiper-testmonials .swiper-slide { border-radius: 10px; background: linear-gradient(118deg, #861000 10.88%, #861000 83.88%); display: flex; padding: 30px; flex-direction: column; align-items: flex-start; gap: 20px; transform: scale(0.9) !important; filter: blur(1px) grayscale(0.5); transition: 0.2s; width: 50% !important; } .swiper-testmonials .swiper-slide * { margin: 0; } .swiper-testmonials .swiper-slide-active { filter: blur(0px) !important; transform: scale(1) !important; } .card-slide { display: flex; flex-direction: column; gap: 20px; } .head-slide { display: flex; justify-content: space-between; align-items: center; } .header-slide { display: flex; align-items: center; gap: 20px; } .title-slide h4 { color: #fff; font-size: 20px; font-weight: 700; } .title-slide h6 { color: #ffcb00; font-size: 14px; font-weight: 500; } .text-slide { color: #fff; font-family: Poppins; font-size: 14px; font-style: italic; font-weight: 400; line-height: normal; } .swiper-button-testmonials-next, .swiper-button-testmonials-prev { cursor: pointer; } @media (max-width: 768px) { .header-slide svg { width: 50px; } .title-slide h4 { font-size: 14px; } .swiper-testmonials .swiper-slide { padding: 20px; } } .amphitheater{ max-width: 1200px; margin: auto; padding: 10px; padding-bottom: 80px; } .card-slider { display: flex; white-space: nowrap; overflow-x: auto; margin-top: 10px; gap: 30px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; } .card-slider::-webkit-scrollbar { width: 0; height: 0; } .label-container { display: flex; align-items: center; } .label-container { display: flex; align-items: center; padding-bottom: 30px; } .label-container h2 { color: #111; font-family: Poppins, serif; margin-right: auto; font-weight: 600; } .label-container .bi { font-size: 18px; } .label-container button { background-color: rgba(0, 0, 0, 0.1); border-radius: 20px; color: #111; cursor: pointer; padding: 10px; width: fit-content; margin-left: 5px; } .label-container button:disabled { background-color: whitesmoke; cursor: not-allowed; border: none; } .restaurant-card { transition: transform 0.3s ease-in-out; font-family: "Arial", sans-serif; background: transparent; } .restaurant-card:hover { cursor: pointer; transform: scale(0.95); } .image-container { position: relative; display: inline-block; } .image-container img { width: 400px; height: 240px; display: block; border-radius: 20px; object-fit: cover; image-rendering: pixelated; } .image-container::after { content: ""; position: absolute; top: 80%; left: 0; right: 0; border: none; border-radius: 0 0 20px 20px; bottom: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1)100%); } .discount-badge { position: absolute; color: #fff; bottom: 0; left: 10px; padding: 5px; z-index: 2; font-weight: bold; font-size: 24px; font-family: "Proxima Nova Condensed", sans-serif; } .restaurant-name { font-weight: bold; font-size: 24px; margin: 0; } .info-row { display: flex; align-items: center; justify-content: space-between; font-size: 16px; } .rating { display: flex; align-items: start; margin-top: 5px; font-weight: semi-bold; } .review-count { margin-left: 5px; font-weight: semi-bold; } .delivery-info { display: flex; font-size: 16px; align-items: center; } .bi-star-fill { color: green; } .bi-dot { font-size: 26px; } @media only screen and (min-width: 320px) and (max-width: 767px) { .amphitheater { max-width: 350px; margin: auto; padding: 10px; } /* Card Slider */ .label-container h2 { color: #111; font-family: Poppins, serif; margin-right: auto; font-size: 18px; font-weight: bold; } .label-container i { font-size: 14px; } /* Card Slider */ /* Restaurant Card */ .card-container { display: flex; flex-wrap: wrap; width: 100%; height: fit-content; gap: 10px; margin-top: 10px; } .image-container img { width: 180px; height: 140px; display: block; border-radius: 20px; object-fit: cover; image-rendering: pixelated; } .image-container::after { content: ""; position: absolute; top: 80%; left: 0; right: 0; border: none; border-radius: 0 0 20px 20px; bottom: 0; background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100% ); } .discount-badge { position: absolute; color: #fff; bottom: 0; left: 10px; padding: 5px; z-index: 2; font-weight: bold; font-size: 12px; font-family: "Proxima Nova Condensed", sans-serif; } .restaurant-name { font-weight: bold; font-size: 16px; margin: 0; } .info-row { display: flex; align-items: center; justify-content: space-between; font-size: 10px; } .rating { display: flex; align-items: start; margin-top: 3px; font-weight: semi-bold; } .review-count { margin-left: 3px; font-weight: semi-bold; } p{ font-size: 10px; } .delivery-info { display: flex; font-size: 10px; align-items: center; } .bi-dot { font-size: 16px; } /* Restaurant Card */ } @media (min-width: 576px) { .amphitheater { max-width: 540px; } } @media (min-width: 768px) { .amphitheater { max-width: 720px; } } @media (min-width: 992px) { .amphitheater { max-width: 960px; } } @media (min-width: 1200px) { .amphitheater { max-width: 1140px; } } @media (min-width: 1400px) { .amphitheater { max-width: 1320px; } } .card-slide p span { color: #ffff; font-size: 14px !important; } p.text-slide { display: none; } .card-slide p { color: #ffff; } .card-slide { height: 300px; overflow-y: auto; }