/** Theme Name: Astra Child Author: Brainstorm Force Author URI: http://wpastra.com/about/ Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme! Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: astra-child Template: astra */ html{overflow-x:hidden;} html, body {height: 100%;} body{font-size: 14px; font-family: 'PoppinsRegular_0'; color: #242424;} @font-face { font-family: 'PoppinsRegular_0'; src: url('fonts/PoppinsRegular_0.eot'); src: url('fonts/PoppinsRegular_0.eot') format('embedded-opentype'), url('fonts/PoppinsRegular_0.woff2') format('woff2'), url('fonts/PoppinsRegular_0.woff') format('woff'), url('fonts/PoppinsRegular_0.ttf') format('truetype'), url('fonts/PoppinsRegular_0.svg#PoppinsRegular_0') format('svg'); } @font-face { font-family: 'PoppinsSemiBold_0'; src: url('fonts/PoppinsSemiBold_0.eot'); src: url('fonts/PoppinsSemiBold_0.eot') format('embedded-opentype'), url('fonts/PoppinsSemiBold_0.woff2') format('woff2'), url('fonts/PoppinsSemiBold_0.woff') format('woff'), url('fonts/PoppinsSemiBold_0.ttf') format('truetype'), url('fonts/PoppinsSemiBold_0.svg#PoppinsSemiBold_0') format('svg'); } @font-face { font-family: 'PoppinsBold'; src: url('fonts/PoppinsBold.eot'); src: url('fonts/PoppinsBold.eot') format('embedded-opentype'), url('fonts/PoppinsBold.woff2') format('woff2'), url('fonts/PoppinsBold.woff') format('woff'), url('fonts/PoppinsBold.ttf') format('truetype'), url('fonts/PoppinsBold.svg#PoppinsBold') format('svg'); } @font-face { font-family: 'PoppinsMedium'; src: url('fonts/PoppinsMedium.eot'); src: url('fonts/PoppinsMedium.eot') format('embedded-opentype'), url('fonts/PoppinsMedium.woff2') format('woff2'), url('fonts/PoppinsMedium.woff') format('woff'), url('fonts/PoppinsMedium.ttf') format('truetype'), url('fonts/PoppinsMedium.svg#PoppinsMedium') format('svg'); } a{color:#DD3400; text-decoration:none;} a:focus {outline: 0 !important;} a:hover, a:focus{color:#051634; text-decoration:none;} img{max-width:100%; vertical-align:middle;} p{margin:0 0 15px; line-height: 24px;} h1, h2, h3, h4, h5, h6{font-family: 'PoppinsBold'; margin:0 0 10px;clear: inherit !important; } h1{color:#DD3400;} h2{color:#051634;} h3{color:#DD3400;} h4{color:#051634;} .pad-t0{padding-top:0 !important;} .pad-t10{padding-top:10px !important;} .pad-t15{padding-top:15px !important;} .pad-t20{padding-top:20px !important;} .pad-t25{padding-top:25px !important;} .pad-t30{padding-top:30px !important;} .pad-t35{padding-top:35px !important;} .pad-t40{padding-top:40px !important;} .pad-t45{padding-top:45px !important;} .pad-t50{padding-top:50px !important;} .pad-0{padding:0 !important;} .pad-b0{padding-bottom:0 !important;} .pad-b5{padding-bottom:5px !important;} .pad-b10{padding-bottom:10px !important;} .pad-b15{padding-bottom:15px !important;} .pad-b20{padding-bottom:20px !important;} .pad-b25{padding-bottom:25px !important;} .pad-b30{padding-bottom:30px !important;} .pad-b35{padding-bottom:35px !important;} .pad-b40{padding-bottom:40px !important;} .pad-b45{padding-bottom:45px !important;} .pad-b50{padding-bottom:50px !important;} .mrg-0{margin:0px !important;} .mrb-0{margin-bottom:0px !important;} .mrb-10{margin-bottom:10px !important;} .mrb-15{margin-bottom:15px !important;} .mrb-20{margin-bottom:20px !important;} .mrb-25{margin-bottom:25px !important;} .mrb-30{margin-bottom:30px !important;} .mrb-35{margin-bottom:35px !important;} .mrb-40{margin-bottom:40px !important;} .mrb-45{margin-bottom:45px !important;} .mrb-50{margin-bottom:50px !important;} .mrb-60{margin-bottom:60px !important;} .mrb-70{margin-bottom:70px !important;} .mrb-80{margin-bottom:80px !important;} .mrb-90{margin-bottom:90px !important;} .mrb-100{margin-bottom:100px !important;} .container{z-index: 3; position: relative; padding: 0 15px;} .row{margin-right: -15px; margin-left: -15px;} .row > *{padding-right: 15px; padding-left: 15px;} .hidden{display: none;} @media (min-width: 1200px) { .sticky.header{position: fixed; border-bottom: 1px solid #ccc; -webkit-box-shadow: 0 1px 10px 0px #B0B0B0; box-shadow: 0 1px 10px 0px #B0B0B0; padding: 0;} .sticky.header .head-top{display: none;} .sticky.header .navbar .logo img{max-width: 60px;} .sticky.header .navbar .logo a{padding: 20px 20px 20px 15px; margin: 0;} .sticky.header .navbar .logo a span{font-size: 20px;} .sticky.header .navbar .logo a span span{font-size: 12px;} } .sticky{position: fixed;top: 0;width: 100%;z-index: 1000;} .header{position: absolute; background: #061034; width: 100%; top: 0; left: 0; top:0; z-index:5; padding:0;} .head-top{font-size: 14px; position:relative; color: #fff; z-index: 2; background: #DD3400; padding: 0;} .head-top .head-right{text-align:right;} .head-top a{color: #fff;} .head-top a:hover{color: #061034;} .head-top ul{margin:0; padding:10px 0 7px;} .head-top ul li{display:inline-block; list-style:none; margin:0 25px 0 0; position:relative;} .head-top ul li i{margin:0 5px 0 0; color: #fff; position: relative; top: 0; display: inline-block; vertical-align: middle; font-size: 17px; position:relative; top:-1px;} .head-top ul li a{display: block; padding: 0; position: relative; z-index: 2;} .icon-top{padding: 0; position:relative;} .icon-top i{color: #fff; border:0; display:inline-block; font-size: 18px; line-height: 36px; margin: 3px 0; height: 34px; width: 30px; text-align: center; position:relative; z-index:1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .icon-top i:hover{color:#051634; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;} .call-us{position: relative; padding: 0 0 0 10px;} .call-us .btn{} .call-us .btn i{color: #fff; margin: 0 10px 0 0;} .header .phone-call{margin: 0 0 0 10px;} .header .phone-call .btn{text-transform: capitalize;} .header nav{position: relative; font-family: 'PoppinsSemiBold_0'; font-size: 14px; top: 0; left: 0; width: 100%; height: auto; background: 0; z-index: 3;} .header nav .container-fluid{padding: 0 30px 0 0;} .header nav .navbar{display: flex; align-items: center; justify-content: space-between; margin: auto; /* background: red; */ position: relative; max-width: 100%; margin: 0 0 0; box-shadow: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0;} .header .navbar .logo a{display: flex; align-items: center; gap: 10px; padding: 20px 20px 20px 15px; margin: 0;} .header .navbar .logo img{max-width: 55px;} .header .navbar .logo span{font-family: 'PoppinsBold'; color: #DD3400; display: block; font-size: 22px; text-transform: capitalize; letter-spacing: 0; line-height: 22px;} .header .navbar .logo span span{font-family: 'PoppinsSemiBold_0'; color: #fff; font-size: 14px; text-transform: capitalize; letter-spacing: 0;} .header .navbar .logo span span:last-child{font-size: 12px; padding: 2px 0 0;} .header nav .navbar .nav-links{height: 100%; margin: 0 0 0 auto; display: flex; align-items: center;} .header nav .navbar .links{display: flex; padding: 0; margin: 0;} .header nav .navbar .links li{position: relative; display: flex; align-items: center; justify-content: space-between; list-style: none; text-transform: capitalize; margin: 0 30px 0 0;} /*.header nav .navbar .links > li > a:before{position: absolute;content: " ";width: 3px;height: 3px;left: 50%;border-radius: 50px;bottom: 0;opacity: 0;transform: translateX(-50%);background: #f00;transition: 0.5s;} .header nav .navbar .links > li > a:focus:before, .header nav .navbar .links > li > a:hover:before, .header nav .navbar .links > li.current-menu-item a:before{position: absolute; content: " "; width: 100%; height: 3px; left: 50%; transform: translate(-50%); bottom: 0px; opacity: 1; background: #f00;}*/ .header nav .navbar .links li a{padding: 15px 0; display: block; text-decoration: none; white-space: nowrap; color: #fff;} .header nav .navbar .links > li > a:hover, .header nav .navbar .links > li.current-menu-item > a{color: #DD3400;} .header .links li:hover .htmlcss-arrow, .header .links li:hover .js-arrow{transform: rotate(180deg);} .header nav .navbar .links li .arrow{width: 16px; line-height: 52px; text-align: center; display: inline-block; color: #fff; transition: all 0.3s ease; margin: 2px 0 0 5px;} .header nav .navbar .links li .sub-menu{width: 360px; margin: 0; border: 1px solid #dddddd6b; box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); position: absolute; top: 100%; left: 0; background: #fff; box-shadow: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: none; z-index: 2; padding: 0; overflow: hidden;} .header nav .navbar .links li:hover .htmlCss-sub-menu, .header nav .navbar .links li:hover .js-sub-menu{ display: block; } .header .navbar .links li .sub-menu li{padding: 0; margin:0; font-size: 15px; border-bottom: 1px solid #d5d5d5;} .header .navbar .links li .sub-menu a{color: #4f4f4f; padding: 8px 15px; display: block; width: 100%;} .header .navbar .links li .sub-menu a:hover{color: #fff; background: #DD3400;} .header .navbar .links li .sub-menu .more-arrow{line-height: 40px; } .header .navbar .links li .htmlCss-more-sub-menu{/* line-height: 40px; */ } .header .navbar .links li .sub-menu .more-sub-menu{position: absolute; top: 0; left: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 1; display: none;} .header .links li .sub-menu .more:hover .more-sub-menu{display: block;} .header .navbar .search-box{position: relative; height: 40px; width: 40px;} .header .navbar .search-box i{position: absolute; height: 100%; width: 100%; line-height: 40px; text-align: center; font-size: 22px; color: #fff; font-family: 'PoppinsSemiBold_0'; cursor: pointer; transition: all 0.3s ease; } .header .navbar .search-box .input-box{position: absolute; right: calc(100% - 40px); top: 80px; height: 60px; width: 300px; background: #3E8DA8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0; pointer-events: none; transition: all 0.4s ease;} .header .navbar.showInput .search-box .input-box{top: 65px; opacity: 1; pointer-events: auto; background: #3E8DA8;} .header .search-box .input-box::before{content: ''; position: absolute; height: 20px; width: 20px; background: #3E8DA8; right: 10px; top: -6px; transform: rotate(45deg);} .header .search-box .input-box input{position: absolute; top: 50%; left: 50%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; transform: translate(-50%, -50%); height: 35px; width: 280px; outline: none; padding: 0 15px; font-size: 16px; border: none;} .header .navbar .nav-links .sidebar-logo{display: none;} .header .navbar .bx-menu{display: none;} @media (max-width:1100px) { .call-us{padding: 15px;} .header nav .container-fluid{padding: 0 15px 0 0;} .header nav .navbar{max-width: 100%; padding: 0; flex-direction: row-reverse;} .header nav .navbar .logo{width: 85%;} .header nav .navbar .logo a{font-size: 27px; padding: 15px 10px 15px 10px; margin: 0;} .header nav .navbar .logo img{max-width: 55px;} .header nav .navbar .logo span{font-size: 18px;} .header nav .navbar .logo span span{font-size: 12px; letter-spacing: -0.5px;} .header nav .navbar .links > li:first-child{border-top: 1px solid #ccc;} .header nav .navbar .links > li{padding: 0; border-bottom: 1px solid #ccc; white-space: nowrap;} .header nav .navbar .links > li a:hover, .header nav .navbar .links > li.active > a{color: #DD3400;} .navbar .links li .sub-menu a{padding:10px; } .header .navbar .links li .sub-menu a:hover, .header nav .navbar .sub-menu > li.active > a{color: #DD3400; background: none;} .header nav{ /* position: relative; */} .header .navbar .bx-menu{ display: block;} .header nav .navbar .nav-links{position: fixed; top: 0; left: -100%; display: block; max-width: 100%; width: 100%; background: #fff; line-height: normal; padding: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); transition: all 0.5s ease; z-index: 1000; overflow-x: scroll;} .header .navbar .nav-links .sidebar-logo{display: flex; align-items: center; justify-content: space-between; padding: 15px 15px 0;} .header .sidebar-logo .logo-name{} .header .sidebar-logo .logo-name img{max-width: 55px; margin: 0 0 10px;} .header .sidebar-logo .logo-name span{font-family: 'PoppinsBold'; color: #DD3400; display: block; font-size: 20px; text-transform: capitalize; letter-spacing: 0; line-height: 20px;} .header .sidebar-logo .logo-name span span{font-family: 'PoppinsSemiBold_0'; color: #061034; font-size: 14px; text-transform: capitalize; letter-spacing: 0; padding: 0 0 2px;} .header .sidebar-logo i{font-size: 25px; color: #DD3400; cursor: pointer;} .header .navbar .bx-menu{font-size: 25px; color: #DD3400; cursor: pointer; margin: 0;} .header.header-position .sidebar-logo i{color: #fff;} .header.header-position .navbar .bx-menu{color: #000;} .header.header-position nav .navbar .links > li > a{color: #fff;} .header.header-position nav .navbar .links li .arrow{color: #fff;} .header.header-position nav .navbar .links > li a:hover, .header.header-position nav .navbar .links > li.active > a{color: #DD3400;} .header nav .navbar .links{display: block; margin-top: 20px; padding: 0;} .header nav .navbar .links li .arrow{line-height: 40px; position: absolute; border-left: 1px solid #ccc; width: 52px; top: 7px; bottom: 7px; right: 0; cursor: pointer; color: #000;} .header nav .navbar .links li{display: block; margin: 0;} .header nav .navbar .links li a{padding: 15px; color: #000;} .header .navbar .links li .sub-menu a{padding:8px 75px 8px 15px; white-space: break-spaces;} .header nav .navbar .links li .sub-menu{border: 0; position: relative; top: 0; box-shadow: none; display: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0;} .header nav .navbar .links li .sub-menu li{border-bottom: none;} .header .navbar .links li .sub-menu .more-sub-menu{display: none; position: relative; left: 0;} .header .navbar .links li .sub-menu .more-sub-menu li{display: flex; align-items: center; justify-content: space-between;} .header .links li:hover .htmlcss-arrow, .header .links li:hover .js-arrow{transform: rotate(0deg);} .header .navbar .links li .sub-menu .more-sub-menu{display: none;} .header .navbar .links li .sub-menu .more span{/* background: red; */ display: flex; align-items: center; /* justify-content: space-between; */} .header .links li .sub-menu .more:hover .more-sub-menu{display: none;} .header nav .navbar .links li:hover .htmlCss-sub-menu, .header nav .navbar .links li:hover .js-sub-menu{display: none;} .header .navbar .nav-links.show1 .links .htmlCss-sub-menu, .header .navbar .nav-links.show3 .links .js-sub-menu, .header .navbar .nav-links.show2 .links .more .more-sub-menu{display: block;} .header .navbar .nav-links.show1 .links .htmlcss-arrow, .header .navbar .nav-links.show3 .links .js-arrow{transform: rotate(180deg);} .header .navbar .nav-links.show2 .links .more-arrow{transform: rotate(90deg);} } @media (max-width:370px){ .header nav .navbar .nav-links{max-width: 100%;} } .banner{position:relative; z-index:1; margin: 0; padding: 148px 0 0; overflow: hidden; position: relative; z-index: 1;} .banner .slide-image{width: 100%; height: 580px; object-fit:cover; object-position: center center;} .banner .carousel-item{height: auto;} .banner figure{position: relative; margin: 0;} .banner figure::before{content: ""; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); position: absolute; left: 0; top: 0; width: 100%; height: 100%;} /*.banner figure::after{content: ""; background: #000; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.6;}*/ .banner .slide button{top: 47%; opacity: 0; width: 55px; height: 55px; z-index: 100; color: #fff; display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 55px; text-shadow: none; position: absolute; font-weight: normal; background: rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0px 10px 5px rgba(0,0,0,.1); box-shadow: 0 0px 10px 5px rgba(0,0,0,.1); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; left: 40px;} .banner .slide:hover button{opacity: 1;} .banner .slide button.left{} .banner .slide button.right{left: inherit; right: 40px;} .banner .slide button.left{right: 80px;} .banner .slide button.left:hover, .banner .slide button.right:hover{color: #fff; background: #DD3400; border: 0px transparent;} .banner .slide button .fa{margin: 0; background: none; line-height: 35px;} .banner .slide button.left>span:nth-child(1){left: 45%;} .banner .slide button.right>span:nth-child(1){right: 45%;} .banner .container{position:static;} .slide-text{position: absolute; left: 0; display: flex; bottom: 0; top: 0; padding: 0 0 150px; z-index: 3; right: 0; align-items: end; text-align: center; color: #fff; font-size: 18px;} .slide-text .inner{width: 100%;} .slide-text h1{padding: 0; color: #fff; font-size: 50px; margin: 0 0 20px; text-transform: capitalize;} .slide-text h1 span{-webkit-text-fill-color: white; -webkit-text-stroke: white; display: inline-block; font-size: 16px; line-height:28px; font-family: 'PoppinsSemiBold_0'; margin: 0 0 15px; padding: 7px 20px; position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: rgba(0, 0, 0, 0.6); text-transform: uppercase; letter-spacing:2px;} .slide-text p{line-height:28px; margin: 0 0 20px;} .slide-text .btn{line-height: 26px; font-size: 16px;} .slide-text .btn i{color: #fff; margin: 0 10px 0 0;} .btn{background: #DD3400; border: 0; text-decoration: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; z-index: 1; display: inline-block; text-align: center; font-family: 'PoppinsSemiBold_0'; font-size: 14px; line-height: 24px; color: #fff; margin: 0; padding: 13px 25px; overflow: hidden; text-shadow: none; text-transform: uppercase; letter-spacing: 0;} .btn:hover{color: #fff; background: #DD3400;} .btn:hover i{transition: 0.3s; color: #fff;} .btn i{position: relative; margin: 0 0 0 10px; top: 1px; z-index: 10;} .btn span{position: absolute; width: 25%; height: 100%; background-color: #001b54; transform: translateY(150%); border-radius: 50%; left: calc((var(--n) - 1) * 25%); transition: 0.3s; transition-delay: calc((var(--n) - 1) * 0.1s); z-index: -1;} .btn:hover span{transform: translateY(0) scale(2);} .btn span.s1{--n: 1;} .btn span.s2{--n: 2;} .btn span.s3{--n: 3;} .btn span.s4{--n: 4;} @keyframes video-animation { 0% { transform: scale(1); } 50% { transform: scale(1.5); } 100% { opacity: 0; transform: scale(2); } } @keyframes rollShape { from { transform: rotate(0deg); } to { transform: rotate(-359deg); } } @keyframes bounce-y { 0% { transform: translateY(0); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0); } } @keyframes bounce-x { 0% { transform: translateX(0); } 50% { transform: translateX(5px); } 100% { transform: translateX(0); } } .sub-title{color:#DD3400; position: relative; font-size: 18px; font-family: 'PoppinsSemiBold_0'; text-transform: uppercase; margin: 0 0 15px;} .sub-title span{position: relative; display: inline-block; padding: 0 25px;} .sub-title span:before{content: ""; height: 8px; width: 8px; background: #DD3400; top: -1px; position: absolute; bottom: 0; margin: auto; left: 0; border-radius: 0; box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.4);} .sub-title span:after{content: ""; height: 8px; width: 8px; background: #DD3400; top: -1px; position: absolute; bottom: 0; margin: auto; right: 0; border-radius: 0; box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.4);} .about-tag{position:relative; z-index:3;} .about-tag .row{margin:-90px 0 0;} .about-tag .col-at{padding:0;} .about-tag .box-padd{padding: 50px 30px 43px 30px; background: #fff; position: relative; overflow: hidden; margin: 0 0 30px; transition: all 0.3s ease-in; box-shadow: 0px 20px 50px rgba(9, 21, 77, 0.1);} .about-tag .box-padd:hover{background: #061034; color:#fff; cursor:pointer;} .about-tag .box-padd:hover a{color:#fff;} .about-tag .box-padd figure a{color: #061034;} .about-tag .box-padd figure i{color: #DD3400;} .about-tag .box-padd figure{float: left; color: #061034; font-size: 30px; margin: 10px 20px 40px 0;} .about-tag h4{color: #fff; font-family: 'PoppinsSemiBold_0'; text-transform: capitalize; font-size: 18px; margin: 0 0 5px;} .about-tag p{margin:0;} .about-tag a{color: #061034;} .about-tag a:hover{color: #fff;} .about-tag .btn{white-space: inherit; border: 0; text-decoration: none; display: block; margin: 0 0 10px; background-color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; z-index: 1; text-align: center; font-family: 'PoppinsSemiBold_0'; font-weight:normal; text-transform: capitalize; color: #0250c5; padding: 10px 15px 9px; width:100%; overflow:hidden;} .about-tag .btn img{width: 30px; margin:0 10px 0 0; display: inline-block;} .about-tag .btn:hover{position: relative; color:#fff; z-index: 1;} .about-tag .btn:after{content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 0; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color: #e38b00; z-index:-1;} .about-tag .btn:hover:after{width: 100%;} .about-sec{padding: 60px 0 80px; position:relative; z-index:2;} .about-sec .row{flex-direction: row-reverse;} .about-sec h2{color:#051634; font-size: 30px; position: relative; text-transform:capitalize; margin: 0 0 30px;} .about-sec h2 span{/*color: #DD3400;*/} .about-sec .about-left{margin:0 0 30px; padding: 0 15px; position:relative; /*display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: left; -ms-flex-align: center; align-items: center;*/} .about-sec .about-left .about-padd{padding: 0 0 0 30px;} .about-sec .about-left h4{color: #051634; line-height: 26px; font-size: 18px; margin: 0 0 15px;} .about-sec .about-left h5{color: #051634;} .about-sec .about-left p{margin:0 0 20px;} .about-sec .about-right{margin:0 0 30px; position:relative;} .about-sec .btn-grid{padding: 5px 0 0; display: flex; align-items: center; gap: 30px;} .about-sec .call-btn{position: relative;} .about-sec .call-btn > i{background: #DD3400; color: #fff; width: 50px; height: 50px; line-height: 50px; text-align: center; display: inline-block; vertical-align: top; font-size: 20px;} .about-sec .call-btn span{display: inline-block; vertical-align: top; padding: 0 0 0 15px;} .about-sec .call-btn span a{display: block; font-family: 'PoppinsBold'; font-size: 18px; letter-spacing: 3px; color: #051634;} .about-sec .call-btn span a:hover{color: #DD3400;} .about-sec .about-right{margin:0 0 30px; position:relative; padding: 0 15px;} .about-sec figure{margin: 0; position: relative;} .about-sec figure img{height: 500px; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; object-fit: cover; object-position: center center;} .about-sec figure img.img-position{/*top: 10%; right: -26%; border: solid 3px #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; z-index: 9; height: 220px; width: 300px; position: absolute;*/ height: 72%; object-position: right center;} .about-sec .aboutImg{position: relative; display: flex; gap: 15px;} .about-sec .about-right .about-text{position: absolute; width: 230px; background: #051634; padding: 25px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08); display: flex; align-items: center; gap: 20px; bottom: 0; right: 0; width: 100%;} .about-sec .about-right .about-text span{font-size: 38px; font-family: 'PoppinsBold'; color: #fff; position: relative; line-height: 30px; float: left;} .about-sec .about-right .about-text span small{display: block; margin-bottom: 0; color: #fff; font-size: 16px; line-height: 18px; margin: 10px 0 0;} .about-sec .about-right .about-text img{width: auto; height: auto;} .floating { animation-name: floating; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @keyframes floating { 0% { transform: translate(0, 0px); } 50% { transform: translate(0, 15px); } 100% { transform: translate(0, -0px); } } .services-sec{color:#fff; position: relative; padding: 80px 0;} .services-sec .title{padding: 0 10%;} .services-sec h2{color:#051634; font-size: 30px; position: relative; text-transform:capitalize; margin: 0 0 30px;} .services-sec h2 span{color:#033d87; display: block; font-size: 16px; text-transform: capitalize; margin: 10px 0 0;} .services-sec h3{color:#fff; font-size: 26px; position: relative; text-transform:capitalize; margin: 0 0 15px; padding: 0;} .services-sec h3 span{color:#fff; display: block; font-size: 20px; text-transform: capitalize; margin: 0 0 30px;} .services-sec h3 small{color:#fff; display: block; font-size: 16px; text-transform: capitalize; margin: 0 0 30px;} .services-sec #cards { /* Make place at bottom, as items will slide to that position*/ padding-bottom: calc(var(--numcards) * var(--card-top-offset)); /* Don't include the --card-margin in padding, as that will affect the services-timeline*/ margin-bottom: var(--card-margin);} .services-sec #card_1 { --index: 1; } .services-sec #card_2 { --index: 2; } .services-sec #card_3 { --index: 3; } .services-sec #card_4 { --index: 4; } .services-sec .card{position: sticky; top: 120px; padding-top: calc(var(--index) * var(--card-top-offset)); border: 0; border-top: 10px solid #fff; border-radius: 0;} .services-sec .card__content{transform-origin: 50% 0%; will-change: transform;} .services-sec #debug{position: fixed; top: 1em; left: 1em;} .services-sec #debug::after{content: " Show Debug"; margin-left: 1.5em; color: white; white-space: nowrap;} .services-sec #debug:checked ~ main{--outline-width: 1px;} .services-sec #cards{list-style: none; margin: 0; outline: calc(var(--outline-width) * 10) solid hotpink; display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(var(--numcards), var(--card-height)); gap: var(--card-margin); padding: 0;} .services-sec .card{outline: var(--outline-width) solid lime;} .services-sec .card__content{background: #1f55cc; overflow: hidden; display: grid; grid-template-areas: "text img"; grid-template-columns: 1fr 1fr; grid-template-rows: auto; align-items: stretch; outline: var(--outline-width) solid blue;} .services-sec .btn{background: #fff; color: #000;} .services-sec .btn span{background: #0035ac;} .services-sec .light-green{background: #09d0bc;} .services-sec .light-green .btn{border-color: #00b09c;} .services-sec .light-green .btn span{background: #00b09c;} .services-sec .orange{background: #ffc848;} .services-sec .orange .btn{border-color: #dfa828;} .services-sec .orange .btn span{background: #dfa828;} .services-sec .red{background: #fe484e;} .services-sec .red .btn{border-color: #c71e24;} .services-sec .red .btn span{background: #c71e24;} .services-sec .card__content > div{grid-area: text; width: 80%; place-self: center; text-align: left; display: grid; gap: 0; place-items: start;} .services-sec .card__content > figure{margin:0; grid-area: img; overflow: hidden; border-left: 10px solid #fff;} .services-sec .card__content > figure > img{width: 100%; height: 450px; object-fit: cover;} .counter-sec{position: relative; overflow: hidden; margin: 60px 0; padding: 0; z-index:3; background: #051634; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin:0; padding: 60px 0 40px; text-align:center; position:relative;} .counter-sec .icon-one{position: absolute; left: 10px; bottom: 0px; width: 120px; height: 120px; background-repeat: no-repeat; opacity: 0.2;} .counter-sec .icon-two{position: absolute; left: 38%; top: 0px; width: 99px; height: 119px; background-repeat: no-repeat; opacity: 0.2;} .counter-sec .icon-three{position: absolute; right: -15px; bottom: -20px; width: 170px; height: 170px; background-repeat: no-repeat; opacity: 0.2;} .counter-sec .row-btm{margin:100px -15px 0; position:relative;} .counter-sec h2{font-size: 30px; color: #fff; line-height: 1.3em; position: relative; margin: 0 0 15px; text-transform:capitalize;} .counter-sec h2 span{color: #fff; font-size: 18px; margin:0 0 10px; display:block; text-transform:uppercase; line-height:normal;} .counter-sec p{color: #fff; text-align:center; font-size: 16px; margin:0 0 10px;} .counter-sec .counter-Txt{text-align: left;} .counter-sec .counter-Txt p{text-align: left;} .counter-sec .counter-padd{background: #dd3400; margin:0 0 30px; padding: 25px; position:relative; ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex;} .counter-sec .counter-padd::before{content: ""; border-left: 3px solid #fff; border-top: 3px solid #fff; width: 20px; height: 20px; position: absolute; left: 0; top: 0;} .counter-sec .counter-padd::after{content: ""; border-right: 3px solid #fff; border-bottom: 3px solid #fff; width: 20px; height: 20px; position: absolute; right: 0; bottom: 0;} .counter-sec span{color:#fff; display:block; font-size: 25px; line-height: normal; font-family: 'PoppinsBold'; margin:0; display: inline-block;vertical-align: middle;} .counter-sec span:last-child {font-size: 24px;color: #fff;padding: 0 0 0 5px;} .counter-sec h4{color:#fff; font-size: 14px; font-family: 'PoppinsSemiBold_0'; text-transform: capitalize; margin: 5px 0 0;} .counter-sec figure{width: 50px; height: 50px; min-width: 50px; line-height: 50px; padding: 8px; border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); text-align: center; background: #051634; float:left; margin:0 15px 0 0;} .team-sec{padding:0 0 60px; position:relative;} .team-sec h2{color:#051634; font-size: 30px; position: relative; text-transform:capitalize; margin: 0 0 30px;} .team-sec h2 span{/*color: #DD3400;*/} .team-sec .team-full{margin: 0;} .team-sec .team-full p{width:60%;} .team-sec .team-full .service-btn{position: absolute; right: 15px; top: 20px;} .team-sec .team-full .service-btn a{color: #000;} .team-sec .team-full .service-btn a:hover{color: #099;} .team-sec .team-box{} .team-sec .team-box figure{padding: 20px 20px; background:#fff; border:1px solid #dedede; position: relative; margin:0 0 30px; overflow:hidden; margin: 0;} .team-sec .team-box figure img{width: 100%; object-fit: cover; object-position: top center;} .team-sec .team-box .caption{padding: 0;} .team-sec .team-box .caption h3{font-size: 24px; color: #DD3400; z-index: 2; position: relative; margin: 0 0 20px;} .team-sec .team-box .caption h3 span{font-size: 18px; font-family: 'PoppinsSemiBold_0'; color: #051634; display:block; padding:10px 0 0;} .team-sec .team-box .caption p{line-height: 23px;} .team-sec .team-box .caption .icon-links{margin: 0; display: inline-block;} .team-sec .team-box .caption .icon-links i{margin: 0; font-size: 17px; border: 1px solid #3D72FC; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #3D72FC;} .team-sec .team-box .caption .icon-links i:hover{background: #3D72FC; color: #fff;} .team-sec .active-btn{margin:30px 0 0; color:#000;} .team-sec .active-btn:hover{color:#099;} .student-feedback{background: #eff3ff; padding:65px 0; position:relative;} .student-feedback::before{content: "";background-image: url(images/slider-01.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 100%; width: 100%; position: absolute; left: 0; top: 0;opacity: 0.1;} .student-feedback h2{color:#051634; font-size: 30px; position: relative; text-transform:capitalize; margin: 0 0 30px;} .student-feedback .owl-pagination{display: block; text-align: right; position: absolute; right: 15px; top: -73px; margin: 0;} .student-feedback .owl-theme .owl-controls .owl-page span{background:none; border:1px solid #3D72FC; opacity:1; height:10px; width:10px;} .student-feedback .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ background: #3D72FC;} .student-feedback .owl-theme .owl-controls .owl-page.active span{width:20px;} .student-feedback .item{position: relative; margin: 0 15px; background: #051634; color: #fff; padding: 15px; text-align: center;} .student-feedback figure{position:relative; margin: 0 0 0;} .student-feedback figure img{height: 200px; width: 100%; object-fit: cover; object-position: top center;} .student-feedback h4{font-size: 16px; color: #fff; margin: 15px 0 0;} .student-feedback h4 span{font-size: 14px; margin: 5px 0 0; display: block; color: #fff; font-family: 'PoppinsSemiBold_0'; background: #dd3400; padding: 5px;} .student-feedback.student-testimonial{background: none;} .student-feedback.student-testimonial::before{display: none;} .student-testimonial .item{background: none; color: #242424; border: 3px solid #f5f5f5; text-align: left; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; min-height:300px; position: relative; padding: 35px 25px 35px; margin:0 15px 35px;} .student-testimonial .item::after{content: ""; content: "\f10e"; font-family: FontAwesome; position: absolute; right: 30px; bottom: -50px; font-size: 70px; background: #fff; color: #e4ecf8; padding:0 25px;} .student-testimonial .item .item-bg{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;} .student-testimonial .service-author{position: relative; padding:0 0 15px; overflow:hidden; display:flex;} .student-testimonial .service-author figure{position:relative; width: 80px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; float: left; margin: 0 20px 0 0;} .student-testimonial .service-author h4{font-size: 18px; margin: 15px 0 0; color: #dd3400;} .student-testimonial .service-author h4 span{font-size:14px; margin:5px 0 0; display:block; color:#000; background: none; padding: 0;} .student-testimonial .service-author figure::before{border: 5px solid #0250c5 !important;content: "";height: auto;opacity: 0;filter: alpha(opacity=0);position: absolute;bottom: 0;left: 0;right: 0;top: 0;visibility: hidden;width: auto;-webkit-transform: scale(0);transform: scale(0);transition: .3s;border-radius: 0;-webkit-border-radius: 0;} .student-testimonial .service-author figure img{-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 5px solid #fff; height: 80px;} .student-feedback .owl-dots{display: block; text-align: right; position: absolute; right: 15px; top: -73px; margin: 0;} .student-feedback .owl-theme .owl-dots .owl-dot span{width: 12px; height: 12px; border-radius: 0; border: 1px solid #DD3400; background: none;} .student-feedback .owl-theme .owl-dots .owl-dot.active span, .student-feedback .owl-theme .owl-dots .owl-dot:hover span{background: #DD3400;} .student-feedback .owl-theme .owl-nav .owl-page span{background:#DD3400; opacity:1;} .student-feedback .owl-theme .owl-nav .owl-page.active span, .owl-theme .owl-nav.clickable .owl-page:hover span{background: #fe5321;} .student-feedback .owl-theme .owl-nav button{display: block; background: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; color: #000; position: absolute; left: -40px; top: 45%; margin: -20px 0 0; height: 55px; width: 55px; opacity: 1; text-indent: -99999px; border: 0;} .student-feedback .owl-theme .owl-nav button:hover{background: none !important;} .student-feedback .owl-theme .owl-nav button.owl-next{right: -40px; left:inherit;} .student-feedback .owl-theme .owl-nav button.owl-prev:before{background-image: url(images/arrow-left.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 20px 20px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;} .student-feedback .owl-theme .owl-nav button.owl-next:before{background-image: url(images/arrow-right.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 20px 20px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;} .upcoming-events{padding: 70px 0 40px; position:relative;} .upcoming-events h2{color:#051634; font-size: 30px; position: relative; text-transform:capitalize; margin: 0 0 30px;} .events-box {margin: 0 0 20px;position: relative;background-color: #fff;overflow: hidden; -moz-border-radius: 0; border-radius: 0; border-radius: 0;-webkit-box-shadow: 0 2px 7px rgba(0,0,0,.15);-moz-box-shadow: 0 2px 7px rgba(0,0,0,.15);-ms-box-shadow: 0 2px 7px rgba(0,0,0,.15);-o-box-shadow: 0 2px 7px rgba(0,0,0,.15);box-shadow: 0 2px 7px rgba(0,0,0,.15);transition: .4s;} .events-box > a {display: flex;flex-direction: row;flex-wrap: wrap;border-bottom: 0 !important;color: inherit;} .events-box .event-date {flex-grow: 1;padding: 17px 15px;text-align: center;flex-basis: 60px;align-content: center;display: flex;flex-wrap: wrap; line-height: 28px;} .events-box .event-date > span {display: block;width: 100%;text-align: center;} .events-box .event-date span.event-day{color: #061034; font-size: 30px; line-height: 30px; font-family: 'PoppinsBold';} .events-box .event-date span.event-month{font-size: 13px;margin-bottom: 3px;text-transform: uppercase;color: #aeaeae;letter-spacing: 0;font-family: 'PoppinsSemiBold_0';} .events-box .event-date span.event-year {font-size: 11px; font-family: 'PoppinsSemiBold_0'; letter-spacing: 2px;background-color: #f7f7f7;padding: 1px 5px 1px 7px;border-radius: 0;display: inline;} .events-box .event-details{overflow: hidden; padding: 28px; position: relative; z-index: 2; flex-grow: 8; flex-basis: 350px;} .events-box .event-details > img {display:block; width: 85px; height: 85px; float: left; margin-right: 20px;} .events-box .event-details-side{padding-left: 105px;display: block; line-height: 28px;} .events-box .event-details-side > span.event-time, .event-details-side > span.event-venue {font-size: 12px;color: #aeaeae;position: relative; font-family: 'PoppinsSemiBold_0';} .events-box .event-details-side i {margin-right: 5px;color: #e91e63;} .events-box .event-title {color:#061034; margin: 0 0 3px; font-size: 18px;} .upcoming-events .event-image-icon i {font-size: 50px;margin-bottom: 15px;color: #fff;} .upcoming-events .event-image-area {position: relative; color: #fff; -moz-border-radius: 0; border-radius: 0; border-radius: 0; overflow:hidden;} .upcoming-events .event-image-area::before {background: #000; opacity: 0.5; position: absolute; z-index: 1; content: ""; width: 100%; height: 100%; left: 0; top: 0;} .upcoming-events .event-image-area > img{-moz-border-radius: 0; border-radius: 0; border-radius: 0;} .upcoming-events .event-image-content {background: 0 0;position: absolute;z-index: 2;width: 100%;height: 100%;left: 0;top: 0;padding: 30px;background: -moz-linear-gradient(top,rgba(1,1,25,.45) 0,rgba(1,1,25,0) 100%);background: -webkit-linear-gradient(top,rgba(1,1,25,.45) 0,rgba(1,1,25,0) 100%);background: linear-gradient(to bottom,rgba(1,1,25,.45) 0,rgba(1,1,25,0) 100%);} .upcoming-events .event-image-content-side h2{font-size: 24px; margin: 0 0 8px; line-height: normal; color: #fff;} .upcoming-events .event-image-content-side p{text-align:left; color: #fff;} .upcoming-events .event-image-button {position: absolute;bottom: 37px;} .move_anim img{-webkit-animation:movebounce 3.0s linear infinite; animation:movebounce 3.0s linear infinite} @keyframes movebounce { 0% { transform:translateY(0) } 50% { transform:translateY(20px) } 100% { transform:translateY(0) } } .image-circle{animation: spin 12s infinite linear; -webkit-animation: spin 12s infinite linear; -moz-animation: spin 12s infinite linear;} @-webkit-keyframes spin { 0% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);} } .active-btn:hover:after, .active-btn:after{animation: btn-text-anima 1s linear infinite;} .active-btn:after{content: "\f054";font-family: FontAwesome;position: absolute;font-size: 17px;line-height: 30px;right: 0;top: -4px;text-transform: none;opacity: 0;transition: all .5s; color:#03BFCB;} .active-btn{position:relative; margin-right: 35px; font-weight:600; padding:0;} @keyframes btn-text-anima { 0%{right: -30px; opacity: 0;} 60%{right: -40px; opacity: 1;} 100%{right: -45px; opacity: 0;} } .tag-sec{padding:110px 0 90px; background:#193042; color:#B9B9B9; position:relative; z-index:2;} .tag-sec::before{content: ""; background-image: url(images/bg-01.jpg); background-repeat: no-repeat; background-attachment: scroll; background-size: cover; background-position: 0 center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .tag-sec.about-page{padding:0 0 35px !important;} .tag-sec h2{color:#fff; font-size: 30px; position: relative; text-transform:capitalize; margin: 0 0 15px;} .tag-sec h5{color: #ffffff; font-size:16px; margin:0 0 20px;} .tag-sec p{} .back-to-top{position: fixed; z-index: 20; -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; bottom: -10%; right: 20px; border: none;} .back-to-top.scroll{bottom: 5%;} .back-to-top a{-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding-top: 8px; color: #fff !important; font-size: 22px; background: #DD3400; display: block; height: 40px; width: 40px; margin: 0 auto; text-align: center; border: 1px solid #fff; -webkit-transition: all .3s linear; transition: all .3s linear;} .back-to-top a::after{position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 1; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);} .footer{position:relative; background: #000; color: #fff; padding: 75px 0 30px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0;} .footer:after{content: ''; background-image: url(images/bg-02.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; left: 0; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; opacity: 0.2;} .footer a{color:#fff;} .footer a:hover{color:#DD3400;} .footer .footer-col:nth-child(1){padding: 0 20px 0 15px; width: 27%;} .footer .footer-col:nth-child(2){padding: 0 40px 0 15px; width: 27%;} .footer .footer-col:nth-child(3){width: 26%;} .footer .footer-col:nth-child(4){width: 20%;} .wg-1{margin:0 0 30px;} .wg-1 h4{color:#DD3400; margin:0 0 15px; position:relative; text-transform: capitalize;} .wg-1 address{margin: 0 0 20px; overflow: hidden; position: relative;} .wg-1 address p{margin: 0 0 10px; color: #fff; font-family: 'PoppinsSemiBold_0'; font-size: 14px;} .wg-1 address p a{padding: 0; color: #fff;} .wg-1 address p span{color: #DD3400; font-family: 'PoppinsSemiBold_0';} .wg-1 ul{margin:0; padding:0;} .wg-1 ul li{list-style: none; position: relative; display: inline-block; text-transform: capitalize; margin: 0; padding: 0 0 10px 20px; width: 49%; letter-spacing: -0.3px;} .wg-1 ul li::before{content: "+"; font-weight: bold; font-family: FontAwesome; position: absolute; left: 0; top: 2.5px; color: #DD3400; font-size: 11px;} .wg-1 ul.time-table li{display: flex; justify-content: space-between; gap: 20px; width: auto; margin: 0 0 10px; padding: 0; overflow: hidden;} .wg-1 ul.time-table li::before{display: none;} .ft-logo{margin: 0 0 20px;} .ft-logo a{display: flex; background: #fff; padding: 15px 15px 15px 10px; gap: 10px; align-items: center;} .ft-logo img{max-width: 50px;} .ft-logo span{font-family: 'PoppinsBold'; color: #DD3400; display: block; font-size: 18px; text-transform: capitalize; letter-spacing: 0;} .ft-logo span span{font-family: 'PoppinsSemiBold_0'; color: #061034; font-size: 13px; text-transform: capitalize; letter-spacing: -0.5px;} .ft-logo span span:last-child{font-size: 12px;} .icon-ft{padding: 0 50px 0 0;} .icon-ft a{color: #fff; display: inline-block; margin: 0;} .icon-ft i{margin: 0 10px 0 0; border: 1px dashed #fff; height: 40px; width: 40px; line-height: 40px; border-radius: 4px; font-size: 20px; text-align: center; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;} .icon-ft i:hover{background: #DD3400; border-color: #fff; color: #fff;} .ft-bottom{background: #DD3400; margin: 30px 0 0; color:#fff; font-size: 16px; padding: 15px 0 12px; position:relative; z-index:2;} .ft-bottom p{margin: 5px 0;} .ft-bottom a{font-family: 'PoppinsSemiBold_0';} .ft-bottom .link img{filter: brightness(0.5) saturate(0%); margin: 0 0 0 10px; display: inline-block; vertical-align: middle; position: relative; top: -4px;} .ft-bottom .link img:hover{filter: inherit; margin: 0 0 0 10px; } .ft-bottom a:hover{color:#fff; text-decoration:underline;} .banner-inner{position: relative; text-align:center; padding: 115px 0 0;} .banner-inner .textblock{background:url(images/slider-01.jpg) no-repeat scroll center center; background-size:cover; border-bottom: 1px solid #999; height: 300px; ; position: relative;} .banner-inner .textblock:before{background:#00235a; content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0.5;} .banner-inner .block{bottom: 0; left: 0; position: absolute; width: 100%;} .banner-inner .block:after{left: 0; top: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(0, 0, 0, 0); border-right-color: rgba(0,0,0,0.3); border-width: 79px 55px 0 0; display:none;} .banner-inner .page-title .holder {overflow: hidden; position: relative; padding: 0;} .banner-inner h1{color: #fff; margin: 0; font-size: 40px; padding:0 0 70px; text-transform:uppercase; text-align:center;} .breadcrumb{font-size:14px; font-family: 'PoppinsMedium'; line-height: normal; position: relative; z-index: 5; text-align: center; display: inline-block; background: #fff; box-shadow: 2px 3px 4px 2px rgba(0, 0, 0, 0.08); padding: 20px 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0 0 -30px;} .breadcrumb > li {margin: 0;} .breadcrumb > li + li:before {content: "+"; margin: 0 9px; color: #fff; font-size: 15px; float: left;} .breadcrumb > li .fa-home {margin: 0 9px;} .breadcrumb li a {color: #d00000;} .row-flex{flex-direction: row-reverse;} .align-left{float: left; width: 50%; margin: 7px 20px 10px 0;} .align-right{float: right; width: 50%; margin: 7px 0 10px 20px;} .mid-inner{padding: 90px 0 60px;} /*.mid-inner h3{position: relative; margin: 0 0 10px; font-size: 24px; color: #DD3400; text-transform: capitalize;} .mid-inner .right-sidebar h3::before, .mid-inner .right-sidebar h4::after{display:none;} .mid-inner h4{position: relative; font-size: 20px; text-transform:capitalize; color: #09d0bc; margin: 0 0 10px;}*/ .mid-inner ul{margin: 0; padding: 0 0 5px;} .mid-inner ul li{list-style: none; margin: 0 0 10px; padding: 0; position: relative;} .mid-inner ul li::before{content: "\f101"; font-family: FontAwesome; display: inline-block; margin: 0 10px 0 0;} .mid-inner ol{margin: 0; padding: 0 0 5px; counter-reset: section;} .mid-inner ol li{margin: 0; padding: 0 0 15px; list-style: none;} .mid-inner ol li::before{content: counters(section, ".") " - "; counter-increment: section;} .sidebar-form{background:#DD3400; padding: 30px 30px 15px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;} .sidebar-form h3{color:#fff; font-size: 24px; position: relative; text-transform: capitalize; margin: 0 0 25px;} .sidebar-form form{overflow:hidden;} .sidebar-form form .form-control{background:#fff; box-shadow:none; border-radius:0; border:0; color: #000; margin:0 0 10px; height:40px;} .sidebar-form form .form-control::-webkit-input-placeholder{color: #000; opacity:0.6} .sidebar-form form .form-control::-moz-placeholder{color: #000; opacity:0.6} .sidebar-form form .form-control:-ms-input-placeholder{color: #000; opacity:0.6} .sidebar-form form .form-control:-moz-placeholder{color: #000; opacity:0.6} .sidebar-form form .form-control option{font-family: arial;} .sidebar-form form textarea{height: 130px !important;} .sidebar-form form .form-group{margin-bottom:15px;} .sidebar-form form .btn{padding: 0; width: 100%; background: #001b54;} .sidebar-form form .btn:hover{color: #fff; background: #001b54;} .sidebar-form form .btn span{background-color: #9D0000; top: 0;} .sidebar-form form .submit{display: block; width: 100%; background: none; border: 0; color: #fff; border-radius: 0; padding: 13px 25px;} .sidebar-form .form-group p{margin:0;} .sidebar-form form .wpcf7-spinner{position:absolute;} .sidebar-form form .wpcf7-response-output{color: #fff;} .img-hover{overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} .img-hover:hover img{background-color: rgba(255,204,51,0.7); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3);} .img-hover img{-webkit-transition: all 1.3s ease-in-out; -moz-transition: all 1.3s ease-in-out; -o-transition: all 1.3s ease-in-out; -ms-transition: all 1.3s ease-in-out; cursor: pointer; width: 100%; height: auto; object-fit: cover; object-position: center center;} .contact-page{padding:0; position:relative; z-index:2;} .contact-page h2{color: #0A1851; font-size: 28px; font-weight: 500; position: relative; text-transform: capitalize; margin: 0 0 20px;} .contact-page .left-grid{padding: 0 80px 0 15px;} .contact-page .right-grid{} .contact-page form{--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; overflow:hidden; position:relative; z-index:2; margin: 0 -15px;} .contact-page form > *{padding:0 15px;} .contact-page form .form-control{background:none; border:0; border-bottom: 2px solid #dfdfdf; box-shadow:none; font-weight:normal; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #000; height: 56px; padding: 6px 0;} .contact-page form .form-control:focus{border-color:#1b75bb;} .contact-page form .form-control::-webkit-input-placeholder {color: #000;} .contact-page form .form-control::-moz-placeholder {color: #000;} .contact-page form .form-control:-ms-input-placeholder {color: #000;} .contact-page form .form-control:-moz-placeholder {color: #000;} .contact-page form textarea{height:100px !important; color: #000;} .contact-page form textarea.form-control::-webkit-input-placeholder {color: #000;} .contact-page form textarea.form-control::-moz-placeholder {color: #000;} .contact-page form textarea.form-control:-ms-input-placeholder {color: #000;} .contact-page form textarea.form-control:-moz-placeholder {color: #000;} .contact-page form label{font-size:15px; color:#b0b0b0; padding:0 12px;} .contact-page form .form-group{margin:0 0 20px;} .contact-page form .btn{padding: 0;} .contact-page form .btn span{top: 0;} .contact-page form .submit{display: block; width: 100%; background: none; border: 0; color: #fff; border-radius: 0; padding: 13px 25px;} .contact-page .detail-grid{position: relative; color: #0A1851; font-size: 16px;} .contact-page .detail-grid a:hover{color: #0047cd;} .contact-page .detail-grid a{display: block; font-weight: normal; font-size: 16px; color: #0A1851; font-family: 'PoppinsRegular_0';} .contact-page .detail-grid span{display: inline-block; vertical-align: top; color: #111b4f; font-size: 18px; font-family: 'PoppinsBold';} .contact-page .detail-grid i{display: inline-block; font-size: 26px; vertical-align: top; margin: 8px 10px 0 0; color: #dd3400;} .contact-page .map{border: 10px solid #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);} .contact-page .map iframe{width:100%} .icon-contact{display: inline-block; vertical-align: middle;} .icon-contact i{color: #fff; border:0; display:inline-block; font-size: 16px; line-height: 34px; margin: 0 0 0 2px; height: 34px; text-align: center; width: 34px; text-align: center; position:relative; z-index:1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .icon-contact .facebook{background:#3a5896;} .icon-contact .facebook:hover{background:none; color:#3a5896;} .icon-contact .fa-twitter{background:#00aced;} .icon-contact .fa-twitter:hover{background:none; color:#00aced;} .icon-contact .fa-youtube{background:#b00;} .icon-contact .fa-youtube:hover{background:none; color:#b00;} .icon-contact .fa-linkedin{background:#007ab5;} .icon-contact .fa-linkedin:hover{background:none; color:#007ab5;} .icon-contact .fa-instagram{background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );} .icon-ft .fa-google-plus:hover{background:none; color:#f09433;} .icon-ft i:hover{color:#fff; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;} /** Smartphones **/ @media (min-width: 320px) and (max-width: 767px) { .head-top{padding: 0;} .head-top .head-left{width: 67%;} .head-top .head-right{width: 33%; padding: 0 15px 0 0;} .head-top ul li i{font-size: 14px;} .head-top ul li span{display: none;} .head-top ul li small{display: inline-block !important; font-size: 14px;} .banner{padding: 138px 0 0;} .slide-text h1{font-size: 26px;} .slide-text h1 span{font-size: 13px; line-height: 22px; letter-spacing: 0;} .slide-text p{line-height: 23px; font-size: 14px;} .about-sec .about-left .about-padd{padding: 0;} .sub-title{font-size: 16px;} .about-sec h2, .services-sec h2, .counter-sec h2, .team-sec h2, .student-feedback h2, .upcoming-events h2, .tag-sec h2{font-size: 26px;} .about-sec .btn-grid{flex-wrap: wrap;} .about-sec .aboutImg{display: block;} .about-sec figure:nth-child(1){margin-bottom: 15px;} .about-sec figure img{height: auto;} .about-sec .about-right .about-text{position: relative;} .services-sec h2{margin: 0 0 10px;} .services-sec .title{padding: 0; margin: 0 !important;} .services-sec h3{font-size: 20px;} .services-sec .card{top: 15px; padding: 0; position: relative;} .services-sec .card__content{display: block;} .services-sec .card__content > div{padding: 30px 30px 15px; width: 100%;} .services-sec .card__content > figure{border-left: 0;} .services-sec .card__content > figure img{height: auto;} .team-sec .team-box figure{display: inline-block; float: none; width: auto;} .student-feedback figure img{height: 300px;} .student-feedback .owl-theme .owl-nav button{background: #f5f5f5 !important; left: 20px; top: 25%; margin: 0; height: 45px; width: 45px;} .student-feedback .owl-theme .owl-nav button:hover{background: #f5f5f5 !important;} .student-feedback .owl-theme .owl-nav button.owl-next{right: 20px;} .student-feedback.student-testimonial .owl-theme .owl-nav button{top: -25px; left: 25px;} .student-feedback.student-testimonial .owl-theme .owl-nav button.owl-next{right: 25px; left: inherit;} .student-feedback .owl-dots{display: block; position: relative; right: 0; top: 0; margin: 25px 0 0; text-align: center;} .events-box .event-date{flex-wrap: nowrap;} .footer .footer-col{padding: 0 15px !important; width: 100% !important;} .footer .ft-bottom div, .footer .ft-bottom p{text-align: left !important;} } /* Smartphones to Tablets */ @media (min-width: 481px) and (max-width: 767px) { .our-partners .partners figure{width: 50% !important;} } /* Tablets */ @media (min-width: 768px) and (max-width: 959px) { .container{padding: 0 20px;} .banner .slider-img{height: 100vh; object-fit: cover; object-position: center center;} .slide-text{padding: 100px 15px 20px;} .slide-text h1{font-size: 44px;} .slide-text h1 span{font-size: 20px;} .products-home .info figure img{height: 300px;} } /* Desktop */ @media (min-width: 960px) and (max-width: 1090px) { } /* Desktop */ @media (min-width: 1200px) and (max-width: 1370px) { .container{max-width: 1220px;} .header nav .navbar .links li{margin: 0 5px;} .header nav .navbar .links li .arrow{margin: 2px 0 0 3px;} .contact-page .contact-padd{min-width: 545px;} } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1360px;} } .wpcf7 .wpcf7-not-valid-tip { color: #ffffff; font-size: 14px; font-weight: 400; line-height: 20px; margin-top: 8px;} .student-testimonial .item-bg p { margin: 0;} .left-sidebar table { margin-top: 30px;} .left-sidebar table td{font-size:14px;} .left-sidebar table tr {vertical-align: middle;} .left-sidebar table img { padding-bottom: 10px; width: 100%; height: 50px; } .left-sidebar .thumbnail img { border: 1px solid transparent; border-radius: 15px; width: 100%; height: 500px; object-fit: cover; } .portfolio-item .item{margin-bottom:30px;} .portfolio-item .item a{display:block; position:relative; overflow:hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .portfolio-item .item img{width: 100%; height: 200px; -webkit-transform: scale(1); transform: scale(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; -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .portfolio-item .item:hover img{-webkit-transform: scale(1.2); transform: scale(1.2);}