HOME

Mini Shell 1.0
DIR:/home/skgsvmmuktsar.in/www/wp-content/themes/astra/
Current File : /home/skgsvmmuktsar.in/www/wp-content/themes/astra/style.css
/**
Theme Name: Astra
Theme URI: https://wpastra.com/
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. 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 and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & 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 WooCommerce ready theme that you can use for building any kind of website!
Version: 4.6.11
Requires at least: 5.3
Tested up to: 6.5
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra
Domain Path: /languages
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
AMP: true

Astra WordPress Theme, Copyright 2020 WPAstra.
Astra is distributed under the terms of the GNU GPL.

Astra is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of.
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/

Astra icon font is based on IcoMoon-Free vector icon by Keyamoon.
IcoMoon-Free vector icon distributed under terms of CC BY 4.0 or GPL. (https://creativecommons.org/licenses/by/4.0/ or https://www.gnu.org/licenses/gpl.html)
Source: http://keyamoon.com/

Flexibility is a JavaScript polyfill for Flexbox By Jonathan Neal, 10up. (https://github.com/jonathantneal/flexibility)
Licensed under MIT ( https://github.com/jonathantneal/flexibility/blob/master/LICENSE.md )

Screenshot image is a collage of actual sites created using the Astra WordPress Theme.

Icons used in the Screenshot image are all licensed under Creative Commons ( CC BY 4.0 ) License ( https://fontawesome.com/license/free )
https://fontawesome.com/v5.15/icons/store?style=solid
https://fontawesome.com/v5.15/icons/shopping-cart?style=solid
https://fontawesome.com/v5.15/icons/pen-square?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid

Illustrations used in the Screenshot images are all licensed under Creative Commons ( CC0 ) License ( https://gumroad.com/l/humaaans )
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/standing-24.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/sitting-2.png

Hand-drawn illustrations used are created by Brainstorm Force and released under Creative Commons ( CC0 ) License.
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/girl-with-image-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/boy-with-code-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/web-browser.png

The same site as screenshot can be imported from here https://websitedemos.net/web-design-agency-08/.

For more information, refer to this document on how to create a page like in the screenshot - https://wpastra.com/docs/replicating-the-screenshot/.

Astra default breadcrumb is based on Breadcrumb Trail by Justin Tadlock. (https://github.com/justintadlock/breadcrumb-trail)
Breadcrumb Trail is distributed under the terms of the GNU GPL v2 or later.

Astra local fonts feature is based on Webfonts Loader by WordPress Themes Team (WPTT). (https://github.com/WPTT/webfont-loader)
Licensed under MIT ( https://github.com/WPTT/webfont-loader/blob/master/LICENSE )

/* Note: The CSS files are loaded from assets/css/ folder. */






html{overflow-x:hidden;}
html, body {height: 100%;}

body{font-size: 14px; font-family: 'PoppinsRegular_0'; color: #37383A;}

@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');
}

@font-face {
    font-family: 'LoraMedium';
    src: url('fonts/LoraMedium.eot');
    src: url('fonts/LoraMedium.eot') format('embedded-opentype'),
         url('fonts/LoraMedium.woff2') format('woff2'),
         url('fonts/LoraMedium.woff') format('woff'),
         url('fonts/LoraMedium.ttf') format('truetype'),
         url('fonts/LoraMedium.svg#LoraMedium') format('svg');
}

@font-face {
    font-family: 'LoraBold';
    src: url('fonts/LoraBold.eot');
    src: url('fonts/LoraBold.eot') format('embedded-opentype'),
         url('fonts/LoraBold.woff2') format('woff2'),
         url('fonts/LoraBold.woff') format('woff'),
         url('fonts/LoraBold.ttf') format('truetype'),
         url('fonts/LoraBold.svg#LoraBold') format('svg');
}

@font-face {
    font-family: 'LoraRegular';
    src: url('fonts/LoraRegular.eot');
    src: url('fonts/LoraRegular.eot') format('embedded-opentype'),
         url('fonts/LoraRegular.woff2') format('woff2'),
         url('fonts/LoraRegular.woff') format('woff'),
         url('fonts/LoraRegular.ttf') format('truetype'),
         url('fonts/LoraRegular.svg#LoraRegular') format('svg');
}

@font-face {
    font-family: 'LoraSemiBold';
    src: url('fonts/LoraSemiBold.eot');
    src: url('fonts/LoraSemiBold.eot') format('embedded-opentype'),
         url('fonts/LoraSemiBold.woff2') format('woff2'),
         url('fonts/LoraSemiBold.woff') format('woff'),
         url('fonts/LoraSemiBold.ttf') format('truetype'),
         url('fonts/LoraSemiBold.svg#LoraSemiBold') format('svg');
}

a{color:#f15a24; text-decoration:none;}
a:hover, a:focus{color:#102e7f; text-decoration:none;}
img{max-width:100%; vertical-align:middle;}
p{line-height:22px; margin:0 0 15px; text-align:justify;}

h1, h2, h3, h4, h5, h6{font-family: 'LoraBold'; font-weight: normal; margin:0 0 10px;}
h2{color:#102e7f;}
h3{color:#f15a24;}
h4{color:#102e7f;}

.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;}
.row{margin-right: -15px; margin-left: -15px;}
.row > *{padding-right: 15px; padding-left: 15px;}


@media (min-width: 1200px) { 
  
  .container{min-width: 1200px;}
  .sticky.header nav{position: fixed; width: 100%; background: #fff; top: 0; left: 0; border-bottom: 1px solid #ccc; -webkit-box-shadow: 0 1px 10px 0px #B0B0B0; box-shadow: 0 1px 10px 0px #B0B0B0;}  
  .sticky.header .navbar .logo img{max-width: 300px;}
  
}

.header{position:absolute; background: #fff; left:0; width:100%; top:0; z-index:5; padding:0;} 
  .top-sec{background:#f15a24; font-size: 14px; position:relative; overflow:hidden;}
  .top-sec::after{background: #102e7f; content: ""; position: absolute; right: -10%; top: 0; width: 60%; height: 100%; border-left: 5px solid #fff; transform: skew(-35deg);}
  .top-sec .head-right{text-align:right;}
  .top-sec a:hover{color: #fff; text-decoration: underline;}
  .top-sec ul{margin:0; padding:8px 0;}
  .top-sec ul li{display:inline-block; font-family: 'PoppinsMedium'; list-style:none; margin:0 15px 0 0;  position:relative; text-transform:capitalize;}
  .top-sec ul li a:hover:before{background: #9ab5d7 !important;}
  .top-sec ul li i{margin:0 5px 0 0; position: relative; top: 0; display: inline-block; vertical-align: middle; font-size: 16px;}
  .top-sec ul li a{display: block; padding: 0; color: #fff; position: relative; z-index: 2;} 
  .icon-top{margin:0;text-align:right;}
  .icon-top i{color: #fff; border:0; display:inline-block; font-size: 16px; line-height: 36px; margin: 0 0 0 2px; height: 36px; text-align: center; width: 36px; text-align: center; position:relative; z-index:1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
  .icon-top i:hover{color:#f15a24; 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;}
  
  .header .phone-call{font-family: 'PoppinsMedium'; margin: 0 0 0 10px;}
  .header nav{position: relative; top: 0; font-family: 'LoraBold'; left: 0; width: 100%; height: auto; background: none;}
  .header nav .navbar{display: flex; align-items: center; justify-content: space-between; margin: auto; /* background: red; */ position: relative; max-width: 100%; margin: 0 auto; padding: 0;}
  .header .navbar .logo a{display: block; padding: 17px 0;}
  .header .navbar .logo img{max-width: 400px;}
  .header nav .navbar .nav-links{height: 100%; margin: 0 0 0 auto;}
  .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; font-size: 16px; text-transform: capitalize; margin: 0 10px;}
  .header nav .navbar .links li a{padding: 15px 0; display: block; text-decoration: none; white-space: nowrap; color: #162542;}

@media (min-width: 1200px) {
  /*.header nav .navbar .links > li:last-child a{background: linear-gradient(135deg,  #102e7f 0%,#f15a24 100%); border: 0; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; z-index: 1; display: inline-block; text-align: center; font-size: 14px; color: #ffff; margin: 0; padding: 13px 25px; overflow: hidden; text-shadow: none;}
  .header nav .navbar .links > li:last-child a: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: #102e7f; z-index:-1;}
  .header nav .navbar .links > li:last-child a:hover:after{width:100%;}
  .header nav .navbar .links > li:last-child a:hover{color:#fff; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s;}*/
}

  .header nav .navbar .links > li > a:hover, .header nav .navbar .links > li.current-menu-item > a{color: #f15a24;}

  .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: #000; transition: all 0.3s ease; margin: 2px 0 0 5px;}
  .header nav .navbar .links li .sub-menu{border: 1px solid #dddddd6b;  margin: 0; 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; width:250px;} 
  .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; border-bottom: 1px solid #d5d5d5;} 
  .header .navbar .links li .sub-menu a{color: #4f4f4f; padding: 8px 15px; display: block;}  
  .header .navbar .links li .sub-menu a:hover{color: #f15a24;} 
  .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-weight: 600; 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) {
    .header nav .navbar{max-width: 100%; padding: 0; flex-direction: row-reverse;} 
	.header nav .navbar .logo a{font-size: 27px;} 
	.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: #f15a24;} 
	.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: #f15a24; 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: 230px;} 
	.header .sidebar-logo  i{font-size: 25px; color: #102e7f; cursor: pointer;} 
	.header .navbar .bx-menu{font-size: 25px; color: #102e7f; cursor: pointer;} 
	.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: #f15a24;} 
	
	.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;} 
	.header nav .navbar .links li{display: block; margin: 0;} 
	.header nav .navbar .links li a{padding: 15px;}
	.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; padding: 122px 0 0; z-index:1; overflow: hidden;}
  .banner .carousel-item{background:#000;}
  .banner .carousel-item:before{content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 130%; z-index: 2; background: linear-gradient(to right, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);}
  .banner .slider-img{width: 100%; height: 650px; object-fit: cover; object-position: center center;}
  /*---------- LEFT/RIGHT ROUND CONTROL ----------*/
  .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.7); -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: 4px; -moz-border-radius: 4px; border-radius: 4px; left: 20px;}
  .banner .slide:hover button{opacity: 1;}
  .banner .slide button.left{}
  .banner .slide button.right{left: inherit; right: 20px;}
  .banner .slide button.left{right: 80px;}
  .banner .slide button.left:hover, .banner .slide button.right:hover{color: #fff; background: #102e7f; border: 0px transparent;}
  .banner .slide button .fa{margin: 7px 0 0; background: none;}
  .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; bottom: 0; left: 0; margin: 0 auto; z-index: 5; right: 0; top: 0; display: flex; align-items: center; justify-content: center; padding: 70px 0 50px;}
  .slide-text > div{padding: 0 40% 0 15px;}
  .slide-text h1{padding: 0; color: #fff; font-size: 60px; line-height: 70px; font-style: normal; margin: 0 0 40px; -webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
  .slide-text h1 span{color: #f15a24;}
  .slide-text p{padding: 0;color: #fff;-webkit-animation-delay: 1.1s;animation-delay: 1.1s; font-size: 20px; line-height:35px; margin: 0 0 35px;} 
  .slide-text .slider-btn a{display: inline-block; vertical-align: middle;} 
  .slide-text .slider-btn .text{display: inline-block; margin: 0 0 0 30px; color: #fff; font-size: 30px;}
  .slide-text .slider-btn .text i{float: left; color: #f15a24; margin: 10px 0 0;}
  .slide-text .slider-btn .text span{font-size: 18px; display: inline-block; padding: 0 0 0 15px;}
  .slide-text .slider-btn .text span span{display: block; padding: 0; font-family: 'LoraBold';}
  .slide-text .btn{font-size: 18px;} 
  
.btn{background: linear-gradient(135deg,  #102e7f 0%,#f15a24 100%); border: 0; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; z-index: 1; display: inline-block; text-align: center; font-family: 'PoppinsMedium'; font-size: 14px; color: #ffff; margin: 0; padding: 13px 25px; overflow: hidden; text-shadow: none; text-transform: uppercase;}
  .btn i{margin: 0 5px 0 0; display: inline-block; vertical-align: middle; position: relative; top: -1px;}
  .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: #102e7f; z-index:-1;}
  .btn:hover:after{width:100%;}
  .btn:hover{color:#fff; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s;}

.about-sec{padding: 90px 0 60px; position:relative; z-index:2;}   
  .about-sec.about-page{padding:0;}   
  .about-sec.about-page .about-right figure{margin:0;}   
  .about-sec.about-page .about-right figure img{height: 500px;}
  
  .about-sec h2{color:#102e7f; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 30px;}
  .about-sec h2 span{color:#f15a24; display: block; font-size: 16px; text-transform: uppercase; margin: 0 0 10px}
  .about-sec .about-left{margin:0 0 30px; padding: 0 65px 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;}
  .about-sec .about-left h4{color:#000; line-height: 26px; font-style:italic; font-size:16px; margin:0 0 15px;}
  .about-sec .about-left h5{background: rgba(16, 46, 127, 0.1); color: #2D2330; font-size: 20px; line-height: 30px; margin: 0 0 25px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 22px 30px;}
  .about-sec .about-left p{margin:0 0 20px; text-align: justify;}
  .about-sec .about-right{margin:0 0 30px; position:relative;}
  .about-sec .about-right figure{position: relative; display: block; margin: 0 10%;}
  .about-sec .about-right figure img{box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 100%; height: 550px; object-fit: cover; object-position: center center;}
  .about-sec .about-info{z-index: 2; display: inline-block; max-width: 210px; background: #102e7f; border-radius: 10px; text-align: center; padding: 0 20px 17px; position: absolute; left: -25px; bottom: 20px;}
  .about-sec .about-info .about-icon{width: 55px; height: 55px; border-radius: 50%; border: 5px solid #ffffff; background-color: #f15a24; font-size: 18px; color: #ffffff; display: flex; align-items: center; justify-content: center; margin: -22px auto 18px;}
  .about-sec .about-info h5{color: #ffffff; font-size: 15.493px; line-height: 23.24px; margin: 0 0 15px;}
  .about-sec .about-info p{color: #ffffff; font-size: 12.395px; text-align: center; line-height: 1; margin: 0 0 4px;}
  .about-sec .about-info h4{color: #ffffff; font-size: 18.592px; line-height: 22.781px; margin: 0;}
  .about-sec .about-info h4 a{color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; background-size: 0px 1px; transition: all 500ms ease;}
  .about-sec .about-info h4 a:hover{color: #f15a24; background-size: 100% 1px;}
  .about-sec .about-shape{position: absolute; z-index: 2; width: 165px; height: 165px; display: flex; align-items: center; justify-content: center; flex-direction: column; right: 0; bottom: 200px; background-image: url(images/about-shape.png); background-position: center center; background-repeat: no-repeat; background-size: cover; color: #fff; font-size: 30px; text-align: center; line-height: 30px; font-family: 'PoppinsBold'; font-style: italic;}
  .about-sec .about-shape span span{display: block; font-size: 20px; font-family: 'PoppinsMedium'; font-style: normal; text-transform: uppercase;}
  .about-sec .about-image{border-radius: 20px; border: 1px solid #EBE6DE; background: #ffffff; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.06); max-width: 335px; transform: rotate(6.371deg); text-align: center; margin-left: auto; padding: 12px 14px; position: absolute; right: 0; bottom: 0;}
 
.services-sec{position: relative; margin: 0; color: #fff; padding: 90px 0px 40px; background: #00144a;}
  .services-sec::before{content: ""; background-image: url(images/slider-02.jpg); background-repeat: no-repeat; background-attachment: scroll; background-size: cover; background-position: center center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.2;} 
  .services-sec h2{color:#fff; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 20px;}
  .services-sec .btn{background: #f15a24;}
  .services-sec .left-area{padding: 0 15px 0 40px;}
  .services-sec .left-area p{margin: 0 0 20px;}
  .services-sec .right-area figure{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-top: 10px solid #fff; border-right: 10px solid #cfcfcf; border-bottom: 10px solid #fff; border-left: 10px solid #cfcfcf; padding: 10px;}
  .services-sec .right-area figure img{border: 1px solid #fff;}
  .services-sec .services-box{border:2px solid #fff; padding: 0 20px 10px; margin:30px 0; position:relative; text-align:center; cursor:pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px;}  
  .services-sec .services-box .icon i{background: #f15a24; font-size: 30px; position: relative; color: #fff; margin: -38px 0 25px; -ms-transition: .4s; -o-transition: .4s; -webkit-transition: .4s; -moz-transition: .4s; transition: .4s; width: 80px; height: 80px; line-height: 80px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari */ transform: rotate(0deg);}
  .services-sec .services-box .icon img{background: #fff; font-size: 30px; position: relative; color: #fff; margin: -40px 0 25px; padding: 5px; -ms-transition: .4s; -o-transition: .4s; -webkit-transition: .4s; -moz-transition: .4s; transition: .4s; width: 80px; height: 80px; line-height: 80px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari */ transform: rotate(0deg);}
  .services-sec .services-box h3{color: #fff; font-size: 20px; margin:0 0 15px; text-transform: capitalize; position: relative; z-index: 2;}
  .services-sec .services-box h3 a{color: #f15a24;}
  .services-sec .services-box p{color: #fff; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; margin: 0 0 10px 0; position: relative; z-index: 2; text-align: center;}
  .services-sec .services-box .btn{background: none; color: #fff; padding: 5px 0;} 
  .services-sec .services-box .btn i{margin: 0 0 0 5px;}
  .services-sec .services-box .btn:hover{color: #f15a24;}
  .services-sec .services-box .btn::after{height: 2px; left: 0; top: inherit; bottom: 0; background: #f15a24;}

.client-speak{background: #f5f5f5; padding: 80px 0 70px; position:relative; z-index:2;}   
  .client-speak h2{color:#102e7f; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 30px;}
  .client-speak h2 span{color:#f15a24; display: block; font-size: 16px; text-transform: uppercase; margin: 0 0 10px}
  .client-speak .item{border: 3px solid #ccc; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; min-height: 300px; position: relative; padding: 35px 25px 35px; margin: 0 15px 35px;}
  .client-speak .item::after{content: ""; content: "\f10e"; font-family: FontAwesome; position: absolute; right: 30px; bottom: -50px; font-size: 70px; background: #f5f5f5; color: #102e7f; padding: 0 25px;}
  .client-speak .item .item-bg{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
  .client-speak .item-author{position: relative; padding:0 0 15px; overflow:hidden;}
  .client-speak .item-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: 100%; -moz-border-radius: 100%; border-radius: 100%; display: inline-block; vertical-align: middle; margin: 0 20px 0 0;}
  .client-speak .item-author h4{font-size: 18px; margin: 15px 0 0; color:#f15a24; margin: 0; display: inline-block; vertical-align: middle;}
  .client-speak .item-author h4 span{font-size:14px; margin:5px 0 0; display:block; color:#000; font-weight:400;}
  .client-speak .item-author .author-rating i{color: #f15a24;}
  .client-speak p{line-height:22px;} 
  .client-speak .star{color: #b18a33; letter-spacing: 2px; font-size: 17px;}
  .client-speak .item-author figure::before{border: 5px solid #f15a24 !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: 50%;-webkit-border-radius: 50%;}
  .client-speak .item:hover .item-author figure::before{opacity: 1;filter: alpha(opacity=100);visibility: visible;-webkit-transform: scale(1);transform: scale(1);}
  .client-speak .item-author figure img{-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;  border: 5px solid #ccc;}  
  .client-speak .owl-dots{display: none; text-align: center; margin: 40px 0 0;}
  .client-speak .owl-theme .owl-dots .owl-dot span{width: 12px; height: 12px; border-radius: 3px;}
  .client-speak .owl-theme .owl-dots .owl-dot.active span, .client-speak .owl-theme .owl-dots .owl-dot:hover span{background: #10152e;}
  .client-speak .owl-theme .owl-nav .owl-page span{background:#119507; opacity:1;}
  .client-speak .owl-theme .owl-nav .owl-page.active span, .owl-theme .owl-nav.clickable .owl-page:hover span{background: #000;}
  .client-speak .owl-theme .owl-nav button{display: block; background: none!important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; color: #000; position: absolute; left: -55px; top: 47%; margin: -35px 0 0; height: 45px; width: 45px; opacity: 1; text-indent: -99999px; border: 0 !important;}
  .client-speak .owl-theme .owl-nav button:hover{background: !important;}
  .client-speak .owl-theme .owl-nav button.owl-next{right: -55px; left:inherit;}
  .client-speak .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: 25px 25px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;}  
  .client-speak .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: 25px 25px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;}

.blog-sec{padding:70px 0 0px; position:relative; z-index:2;}   
  .blog-sec h2{color:#102e7f; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 30px;}
  .blog-sec h2 span{color:#f15a24; display: block; font-size: 16px; text-transform: uppercase; margin: 0 0 10px}
  .blog-sec .blog-info{position: relative; height: 100%; box-shadow: 0px 2px 60px 0px rgba(0, 0, 0, 0.1); border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; }
  .blog-sec .blog-info figure{border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; overflow: hidden; position:relative; margin:0;}
  .blog-sec .blog-info figure::after{content: ""; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
  .blog-sec .blog-info:hover figure 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);}
  .blog-sec .blog-info figure 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; width: 100%; height: 270px; object-fit: cover; object-position: center center;}
  .blog-sec .blog-info .info{position: relative; color: #f15a24; border-bottom: 1px dashed #ccc; padding: 0 0 15px; margin: 0 0 15px; font-size: 18px;}
  .blog-sec .blog-info .info i{color:#102e7f; margin: 0 5px 0 0;}
  .blog-sec .blog-info h4{color:#000; font-size: 18px; font-family: 'PoppinsSemiBold_0'; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding: 5px 0;}
  .blog-sec .blog-info p{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0 0 10px 0; position: relative; z-index: 2;}
  .blog-sec .blog-info .info-padd{padding: 30px 30px 15px; position: relative;}
  .blog-sec .blog-info .btn-a{font-family: 'PoppinsMedium'; text-transform: uppercase; color: #102e7f; text-transform: capitalize; display: inline-block; color:#033d87; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; background-size: 0px 1px; transition: all 500ms ease;}
  .blog-sec .blog-info .btn-a:hover{color: #f15a24; background-size: 100% 1px;}
  .blog-sec .blog-info .btn-a i{padding: 0 0 0 3px;}

.contact-wrap{position: relative; z-index:3; padding: 80px 0 40px;}  
  .contact-wrap h2{color:#102e7f; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 30px;}
  .contact-wrap h2 span{color:#f15a24; display: block; font-size: 16px; text-transform: uppercase; margin: 0 0 10px}
  .contact-wrap h5{color:#000;}
  .contact-wrap .contact-left{margin:0; padding:0 50px 50px 15px;}
  .contact-wrap .contact-left address{padding:50px 0 0;}
  .contact-wrap .contact-box{margin:0 0 30px;}
  .contact-wrap .contact-box .content{color: #000; overflow: hidden;}
  .contact-wrap .contact-box .content span{display:block; font-size:18px; font-family: 'LoraBold'; margin: 0 0 5px; text-transform: capitalize;}
  .contact-wrap .contact-box .content a{color:#000;}
  .contact-wrap .contact-box .content a:hover{color:#f6ba0b;}
  .contact-wrap .contact-box .icon{float:left; margin:0 10px 0 0;} 
  .contact-wrap .contact-box .icon i{color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #f15a24;height: 44px;width: 44px;line-height: 44px;text-align: center;font-size: 18px;}  
  .contact-wrap .contact-box .icon .fa.fa-envelope-o{font-size: 19px;}
  .contact-wrap .contact-box .content p{margin: 0;}
  .contact-wrap .contact-right figure{-webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; border: 1px dashed #ccc; padding: 8px;}
  .contact-wrap .contact-right figure img{height: 550px; width: 100%; object-fit: cover; object-position: center center; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}

.back-to-top{position: fixed; opacity:0; visibility:hidden; right: 15px; bottom: 15px; z-index: 20; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out;} 
  .back-to-top.scroll{opacity:1; visibility:visible;} 
  .back-to-top a{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding-top: 8px; color: #fff !important; font-size: 22px; background: #f15a24; display: block; height: 40px; width: 40px; margin: 0 auto; text-align: center; border: 1px dashed #fff; -webkit-transition: all .3s linear; transition: all .3s linear;}   
  /*.back-to-top .BackTo::after{background: #fff; content: ""; display: block; height: 15px; margin: 0 auto; opacity: 0; position: absolute; left: 50%; top: 50%; text-align: center; text-indent: 0; width: 2px; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); -webkit-transition: all .3s linear; transition: all .3s linear;}   
  .back-to-top .BackTo:hover:after{margin-top: 2px; opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}   
  .back-to-top a:hover{padding-top: 4px;}  */ 
 
.footer{background-image:url("images/slider-02.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; padding:70px 0 0; position:relative; color:#fff; margin: 0 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
  .footer:after{content:''; background: #00144a; height: 100%; left: 0; opacity: 0.9; position:absolute; top:0; width: 100%;}   
  .footer a{color:#fff;}
  .footer a:hover{color:#f15a24;}
  .footer .footer-left{padding:0 7% 0 15px;}
  .footer .footer-left p{font-size:15px; line-height:23px;}
  .wg-1{margin:0 0 30px;}
  .wg-1 h4{color:#fff; font-size:22px; margin:0 0 25px; position:relative;}
  .wg-1 ul{margin:0; padding:0;}
  .wg-1 ul li{list-style:none; position:relative; padding: 0 0 10px;}
  .ft-logo{margin:0 0 15px;}
  .ft-logo img{background: #fff; padding: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
  .ft-logo > span{font-size: 17px; display: inline-block; color: #f15a24; text-transform: uppercase; font-weight: 600; padding: 24px 0 0 10px; vertical-align: middle;}
  .ft-logo > span span{color: #8cbc00;}
  .wg-1 address{margin: 0 0 25px; overflow: hidden; position: relative;}  
  .wg-1 address i{color: #fff; font-size: 16px; float: left; height: 35px; line-height: 35px; width: 35px; margin: 0 15px 0 0; text-align: center; border: 1px solid #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
  .wg-1 address i.fa.fa-envelope{font-size: 14px;}
  .wg-1 address div{margin:-5px 0 0; overflow:hidden;}
  .wg-1 address:last-child div{margin:5px 0 0;}
  .wg-1 address p{margin:0; text-align:left;}
  .wg-1 address span{line-height: normal;color: #fff; margin-bottom: 5px;display: block;}
  
  .icon-ft{margin:10px 0 0;}
  .icon-ft i{color: #fff; border:1px solid transparent; 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: 3px; -moz-border-radius: 3px; border-radius: 3px;}
  .icon-ft .facebook{background:#3a5896;}
  .icon-ft .blogger{background:#f4933f;}
  .icon-ft .twitter{background:#00aced;}
  .icon-ft .youtube{background:#b00;}
  .icon-ft .linkedin{background:#007ab5;}
  .icon-ft .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 i:hover{opacity: 0.7; 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;}  
  .ft-bottom{padding: 22px 0 5px; margin: 30px 0 0; position: relative; z-index: 2; background: #f15a24;}  
  .ft-bottom .row{align-items: center;}  
  .ft-bottom .copyright{font-size:16px; color:#fff;}
  .Newsletter{position: relative; justify-content: space-between; align-items: center; align-content: center; display: flex; gap: 15px;}
  .Newsletter h5{color:#fff; font-size:16px; font-family: 'PoppinsSemiBold_0'; margin:0; position:relative;}
  .Newsletter h5 span{font-size:16px; color:#fff; margin:0 0 0 10px;}
  .Newsletter form{position:relative; padding:0;}
  .Newsletter form .form-control{background:#f5f5f5; font-size: 14px; border: none; box-shadow:none; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; color: #000; height:44px;}
  .Newsletter form .form-control::-webkit-input-placeholder {color: #b0b0b0;}
  .Newsletter form .form-control::-moz-placeholder {color: #b0b0b0;}
  .Newsletter form .form-control:-ms-input-placeholder {color: #b0b0b0;}
  .Newsletter form .form-control:-moz-placeholder {color: #b0b0b0;}
  .Newsletter form .form-group{margin:0 0 25px;}
  .Newsletter form .btn{padding: 5px 15px; border:0; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; background: #102e7f;} 
  .Newsletter form .btn::after{background: #108446;} 

.banner-inner{padding: 0; background: #102e7f; overflow: hidden; position:relative; z-index:1;}
  .banner-inner::before{content: ""; background: linear-gradient(to bottom, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%); position: absolute; width: 50%; height: 100%; right: 0; top: 0; z-index: 1;}
  .banner-inner::after{content: ""; position: absolute; height: 100%; width: 50%; top: 0; right: 0; background-image: url(images/slider-02.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; border-left: 5px solid #fff;}
  .banner-inner .textblock{height: 400px; position: relative; z-index: 2; text-transform: capitalize; display: flex; padding: 0; align-items: end; margin: 0;}
  .banner-inner .block{bottom: 90px; left: 0; position: absolute; width: 100%; z-index: 1;}
  .banner-inner .page-title .holder {overflow: hidden; position: relative; padding: 0;}
  .banner-inner h1{color: #fff; margin: 0 0 10px; font-size: 40px;}
  .banner-inner .breadcrumb-wrap{}
  .banner-inner .breadcrumb{position: relative; z-index: 5; margin: 0; padding: 0 0 15px; background: none; border-radius: 0; color: #fff;}
  .banner-inner .breadcrumb > li {font-size:15px; margin: 0 0 10px;}
  .banner-inner .breadcrumb > li + li:before {content: "+"; margin: 0 9px; color: #fff; font-size: 15px;}
  .banner-inner .breadcrumb > li .fa-home{margin: 0 10px 0 0; color: #f15a24;}
  .banner-inner .breadcrumb li a{color: #fff; padding: 10px 0; display: inline-block;}
  .banner-inner .breadcrumb li a:hover{color: #f15a24;}   

.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:60px 0 40px;}  
  /*.mid-inner h3{position: relative; margin: 0 0 20px; font-size: 24px; padding: 0 0 0 20px; color: #e6a528; text-transform: capitalize;}
  .mid-inner h3 span{display: block; font-size: 18px; font-weight: 500; color: #fff;}
  .mid-inner h3::before{content: ""; background: #fff; width: 5px; height: 100%; position: absolute; left: 0; top: 0;}
  .mid-inner .right-sidebar h3::before, .mid-inner .right-sidebar h4::after{display:none;}
  .mid-inner h4{position: relative; text-transform:capitalize; color: #fff; margin: 0 0 15px; padding: 0 0 10px;}
  .mid-inner h4::after{content: ""; background: #e6a528; width: 40px; height: 2px; position: absolute; left: 0; bottom: 0;}
  .mid-inner h5{font-size: 20px; text-transform: capitalize; margin: 20px 0 10px; color: #d71f27;}*/

  .mid-inner ul{margin: 0; padding: 0 0 5px;}
  .mid-inner ul li{list-style: none; margin: 0 0 15px; padding: 0; position: relative;}
  .mid-inner ul li::before{content: "\f0a4"; 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;}
  .mid-inner blockquote{margin: 5px 0 25px; padding: 0 0 5px 20px; border-left: 4px solid #ccc; text-transform: none;}
  .mid-inner blockquote p{font-size: 14px; font-style: normal;}
  .mid-inner blockquote p:last-child{margin: 0;}

.table-wrap img{width: 50px;}
.table-wrap .table{border-top: 1px solid #d5d8de;border-bottom: 1px solid #d5d8de;}
.table-wrap .table td{vertical-align: middle;}
.guiding-management .table-wrap .table td:last-child{width: 64px;}

.contact-page{position: relative; z-index:3; padding: 0; background-image: url(images/bg-01.png); background-attachment:scroll; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #fff;}  
  .contact-page h2{font-size: 30px; line-height: 40px; position: relative; margin: 0 0 20px; text-transform: capitalize;}
  .contact-page h5{font-size: 16px; color:#37383A;}
  .contact-page p{text-align: center;}
  .contact-page .contact-left{margin:0; padding: 0 10%;}
  .contact-page .contact-left address{padding:50px 0 0;}
  .contact-page .contact-col{margin:0 0 30px;}
  .contact-page .contact-box{background: #fff; padding: 20px 20px 17px; position: relative; cursor: pointer; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 100%; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);}
  .contact-page .contact-box .content{font-family: 'PoppinsMedium';}
  .contact-page .contact-box .content span{font-family: 'PoppinsSemiBold_0'; color: #e6a528; display:block; font-size:18px; text-transform:uppercase;}
  .contact-page .contact-box .content a{color:#37383A;}
  .contact-page .contact-box .content a:hover{color:#e6a528;}
  .contact-page .contact-box .icon{margin:0 0 20px;} 
  .contact-page .contact-box .icon i{color: #fff;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background: #102e7f;height: 44px;width: 44px;line-height: 44px;text-align: center;font-size: 18px;}  
  .contact-page .contact-box .icon .fa.fa-envelope-o{font-size: 19px;}
  .contact-page .contact-box .content p{margin: 0;}
  .contact-page .contact-right{margin: 30px 0 0;}
  .contact-page .contact-right .contact-padd{background: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08); padding: 35px 35px 15px; transition: 0.3s ease-in;}
  .contact-page .contact-right h3{color:#f15a24; font-size: 24px; line-height: 30px; position: relative; margin: 0 0 30px; padding:0 0 20px; text-transform:capitalize;}
  .contact-page .contact-right h3::after{content: "";background: #000;height: 1px;width: 50px;position: absolute;left: 0; margin: 0;bottom: 0;}
  .contact-page .contact-right form{}
  .contact-page .contact-right form .form-control{background: #f7f7f7;border: 0;box-shadow: none;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #000; height: 50px; padding:6px 12px}
  .contact-page .contact-right form .form-control::-webkit-input-placeholder {color: #000;}
  .contact-page .contact-right form .form-control::-moz-placeholder {color: #000;}
  .contact-page .contact-right form .form-control:-ms-input-placeholder {color: #000;}
  .contact-page .contact-right form .form-control:-moz-placeholder {color: #000;}
  .contact-page .contact-right form textarea{padding: 12px !important; height:120px !important;}
  .contact-page .contact-right form .form-group{margin:0 0 25px;}
  .contact-page .contact-right form .btn{background: #102e7f; border: 0; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; z-index: 1; display: inline-block; text-align: center; font-family: 'PoppinsMedium'; font-size: 14px; color: #ffff; margin: 0; padding: 13px 25px; overflow: hidden; text-shadow: none; text-transform: uppercase;}
  .contact-page .contact-right form .btn:hover, .contact-right form .btn:active{background: #f15a24; color: #fff;}
  .contact-page .map{margin:30px 0 30px; border: 10px solid #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);}
  

.mid-inner .tabs-left {display:flex;justify-content:space-between;gap:30px;}
.mid-inner .nav-tabs button {width: 100%;text-align: left;font-size: 16px;padding: 14px 16px;}
.mid-inner .nav-tabs button {margin: 0 !important;background: #102e7f;color: #fff;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;border: 0;font-size: 15px;text-transform: uppercase;border-bottom:1px solid #fff !important; position: relative;}
.mid-inner .nav-tabs button.active::after{content: ''; position: absolute; left: 100%; top: 56%; margin-top: -13px; border-left: 0; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-left: 10px solid #eb5e09;}

.mid-inner .nav-tabs button:hover, .mid-inner .nav-tabs button.active{background:#f25f06;color:#fff;}
.mid-inner .nav-tabs{padding: 30px 0 30px 30px;-webkit-border-radius: 20px 0 0 20px;-moz-border-radius: 20px 0 0 20px;border-radius: 20px 0 0 20px;position: relative;color: #fff;background: #d43f8d;background: -moz-linear-gradient(left, #d43f8d 0%, #0250c5 100%);background: -webkit-linear-gradient(left, #d43f8d 0%,#0250c5 100%);background: linear-gradient(to right, #f86004 0%,#173d59 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43f8d', endColorstr='#0250c5',GradientType=1 );}
.mid-inner .nav-tabs::before {content: "";background: #f35f06;height: 100%;width: 15px;position: absolute;right: 0;top: 0;z-index: 2;border-left: 5px solid #fff;}
.mid-inner .image-sec{display:flex;flex-wrap:wrap;}
.mid-inner .image-sec .col-sm-6{padding:0 10px;margin-bottom:10px;}



    /** Smartphones **/
@media (min-width: 320px) and (max-width: 767px) {
   
   .header{position: relative;}
   .top-sec{background: #102e7f;}
   .top-sec::after{display: none;}
   .top-sec .right-grid{display: none;}
   .top-sec ul{text-align: center; font-size: 12px;}
   .top-sec ul li{margin: 0 5px;}
   .top-sec ul li i{margin: 0 2px 0 0; top: -1px; font-size: 12px;}
   .header .navbar .logo img{max-width: 210px;}
   .header .phone-call{border-top: 1px solid #fff; margin: 0; position: fixed; left: 0; bottom: 0; z-index: 99; right: 0;}
   .header .phone-call .btn{width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
   .banner{padding:0;}
   .banner .slider-img{height: 500px; object-fit: cover; object-position: center center;}
   .slide-text > div{padding: 0 15px;}
   .slide-text h1{font-size: 34px; line-height: 44px; margin: 0 0 10px;}
   .slide-text p{font-size: 14px; line-height: 22px; margin: 0 0 15px;}
   .slide-text .slider-btn .text{margin: 10px 0 0;}
   .about-sec .about-left{padding: 0 15px;}
   .about-sec h2, .services-sec h2, .client-speak h2, .our-partners h2, .blog-sec h2, .facebook-widget h2{font-size: 30px;}
   .about-sec h2 span, .client-speak h2 span, .our-partners h2 span, .blog-sec h2 span, .facebook-widget h2 span{font-size: 14px;}
   .about-sec .about-right figure{margin: 0;}
   .about-sec .about-info{left: 0; bottom: -70px; right: 0; margin: 0 auto;}
   .about-sec .about-image{padding: 10px 10px; right: 0; bottom: 150px; max-width: 200px; transform: inherit; left: 0; margin: 0 auto;}
   .about-sec .about-image img{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
   .services-sec .left-area{padding: 0 15px;}
   .client-speak .owl-theme .owl-nav button.owl-prev{left: 25px;}
   .client-speak .owl-theme .owl-nav button.owl-next{right: 25px;}
   .our-partners .partners figure{width: 100%;}
   .banner-inner::before{width: 100%; border-left: 0;}
   .banner-inner::after{width: 100%; border-left: 0; opacity: 0.2;}
       
}


/* 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) { 
    
   .container{padding:0 20px;}

}

@media (min-width: 1367px) {
	
}