HOME

Mini Shell 1.0
DIR:/proc/self/root/home/svmschools.org/www/anni/new-wp/wp-content/themes/astra/
Current File : //proc/self/root/home/svmschools.org/www/anni/new-wp/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.3
Requires at least: 5.3
Tested up to: 6.4
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{color:#555555; font-size:14px; font-family: 'Montserrat', sans-serif !important; font-weight:500;}

a{color:#3c3e93;}
a:hover, a:focus{color:#dd2602; text-decoration:none;}
img{max-width:100%; vertical-align:middle;}
p{line-height:24px; margin:0 0 15px; text-align:justify;}

h1, h2, h3, h4, h5, h6{font-family: 'Inter', sans-serif !important; font-weight:700; margin:0 0 10px;}
h2{color:#dd2602;}
h3{color:#3c3e93;}
h4{color:#dd2602;}

.pad-0{padding:0 !important;}
.mrb-0{margin-bottom:0px !important;}
.mrb-10{margin-bottom:10px !important;}
.mrb-20{margin-bottom:20px !important;}
.mrb-30{margin-bottom:30px !important;}
.mrb-40{margin-bottom:40px !important;}
.mrb-50{margin-bottom:50px !important;}

.container{max-width: 1300px; position: relative;
z-index: 3;}

/*.sticky.header{position: fixed; background:#fff; border-bottom:0; box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);}  
  .sticky .menu-head .navbar-brand{padding: 15px 0;}
  .sticky .menu-head .navbar-brand .logo-fix{position: relative;opacity: 1;left: inherit;top: inherit; max-width: 200px;transition:all 1s ease; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease;}
  .sticky .menu-head .navbar-brand img.logo-scroll{opacity: 0;position: absolute;left: 0;top: 0;}
  .sticky .menu-head .navbar-nav > li{padding: 0 0 0 15px;}
  .sticky .menu-head .navbar-nav > li > a{padding: 21px 0;}*/
  
.header{position: absolute; background:#fff; top: 0; left: 0; width: 100%; z-index: 999;}
  .head-top{font-size: 14px; position:relative; overflow:hidden;}
  .head-top::before{content: ""; background: #0c0e63; position: absolute; left: -30px; width: 62.5%; height: 100%; top: 0; transform: skewX(35deg);}
  .head-top::after{content: ""; background: #dd2602; position: absolute; right: -30px; width: 41.5%; height: 100%; top: 0; transform: skewX(35deg);}
  .head-right{text-align:right;}
  .head-top a:hover{text-decoration:underline;}
  .head-top ul{margin:0; padding:10px 0 6px;}
  .head-top ul li{display:inline-block; list-style:none; margin:0 10px 0 0;  position:relative;}
  .head-top ul li::before{position: absolute; content: ''; left: 0px; top: -15px; right: 0px; bottom: -15px; background-color: #dd2602; transform: skewX(35deg);}
  .head-top ul li:last-child::before{background: #3c3e93 !important;}
  .head-top ul li i{margin:0 5px 0 0; position: relative; top: 0; font-weight: normal; display: inline-block; vertical-align: middle; font-size: 18px;}
  .head-top ul li a{display: block; padding: 0 20px; color: #fff; position: relative; z-index: 2;} 
  .icon-top{margin:0;text-align:right;}
  .icon-top i{width: 34px; display: inline-block; color:#fff; text-align: center; font-size: 18px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 33px; line-height: 32px; margin: 5px 0 5px 1px;}
  .icon-top i:hover{color:#3c3e93; background:none; 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;}    
  
  .menu-head{font-size: 15px; font-family: 'Inter', sans-serif; font-weight:600; margin:0; position:relative; padding:0; z-index:2; letter-spacing:-0.4px;}    
  .menu-head .container{position:relative;}    
  .menu-head .navbar-brand{padding:15px 0; height:auto;}    
  .menu-head .navbar-brand img{max-width: 448px; height:80px;}    
  .menu-head .navbar-header{position: relative; z-index: 2;}
  .menu-head nav{box-shadow:none; border:none; background:none; border-radius:0; margin:0;}
  .menu-head .navbar-collapse{padding:0;}
  .menu-head .navbar-nav{float:none; text-align:right; padding:0 170px 0 0;}
  .menu-head .navbar-nav > li{display:inline-block; float:none; margin: 0 0 0 25px; position: relative; text-transform: capitalize; padding: 31px 0;}
  .menu-head .navbar-nav > li > a{border:transparent; color:#000; text-shadow:none; padding:15px 0; position: relative; transition:all 1s ease; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1.4s ease; -o-transition:all 1s ease;}
  .menu-head .navbar-nav > li > a:hover{color:#3c3e93;}
  .menu-head .navbar-nav > li > a:before{position: absolute;content: " ";width: 3px; height: 3px; left: 50%; border-radius: 50px; bottom: 0; opacity: 0; transform: translateX(-50%); background: #3c3e93; transition: 0.5s;}
  .menu-head .navbar-nav > li > a:focus:before, .menu-head .navbar-nav > li > a:hover:before, .menu-head .navbar-nav > .open > a:before, .menu-head .navbar-nav > .open > a:focus:before, .menu-head .navbar-nav > .open > a:hover:before, .menu-head .navbar-nav .current-menu-item a:before{position: absolute; content: " "; width: 100%; height: 3px; left: 50%; transform: translate(-50%); bottom: 0px; opacity: 1; background: #3c3e93;}
  
  /*.menu-head li a:hover .sub-menu{display:block;}*/
  .menu-head ul, .menu-head ul li, .menu-head ul li a{position:relative;}
  .menu-head li:hover > ul {opacity: 1; visibility: visible; -moz-transform: scaleY(1); -webkit-transform: scaleY(1);-o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);}
  .menu-head ul ul{position: absolute; left: 0; top: 100%; z-index: 2; padding:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 230px; background: #fff; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.10); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.10); -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.10); -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.10); box-shadow: 0px 0px 10px rgba(0,0,0,0.10); opacity: 0; visibility: hidden; -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; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0);-o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0;-ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0;}
  .menu-head ul ul ul{margin-left: 100%; top: 0;}
  .menu-head ul ul li a{text-decoration: none; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important;}
  /*.menu-head .sub-menu{background:#000; position:absolute; top:100%; left:0; min-width:270px; display:none; margin:0; padding:0;}*/
  .menu-head .sub-menu > li{list-style:none; border-bottom: 1px solid #f5f5f5;}
  .menu-head .sub-menu > li:last-child{border-bottom:0; padding-bottom:0;}  
  .menu-head .sub-menu > li > a:focus, .menu-head .sub-menu > li > a:hover{color:#3c3e93 !important; transition: all 500ms ease;
-moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease;}
  .menu-head .sub-menu > li > a{display:block; background:none !important; color:#555; padding:10px; text-align:left; position:relative; -webkit-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s;}
  .menu-head .sub-menu > li > a:hover{color:#3c3e93; padding-left: 30px;}
  .menu-head .sub-menu > li > a:before{position: absolute; content: '//'; left: 10px; top: 8px; opacity: 0; color: #3c3e93; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease;}
  .menu-head .sub-menu > li:hover > a::before{opacity: 1;}
  
  .Free-Consulting{position:absolute; right:15px; top:32px;}
  .Free-Consulting .btn{background:#dd2602; 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; color: #fff; font-size: 14px; font-family: 'Inter', sans-serif; font-weight:600; padding: 11px 12px; border:0; overflow:hidden; text-shadow:none; box-shadow:none; text-transform: capitalize;}
  .Free-Consulting .btn:hover{color: #fff;}
  .Free-Consulting .btn:after{content: ''; position: absolute; height: 100%; right: -20px; top: 0; width: 30px; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color: #3c3e93; z-index:-1; transform: skewX(-25deg);}
  .Free-Consulting .btn:hover:after{width: 120%;}

.banner{position: relative; margin:155px 0 0;}
  .banner figure{position: relative;}
  .banner figure img{width: 100%; height: 550px; object-fit: cover; object-position: center center;}
  .bs-slider{overflow: hidden; position: static;}
  .bs-slider:hover{cursor: -moz-grab; cursor: -webkit-grab;}
  .bs-slider:active{cursor: -moz-grabbing; cursor: -webkit-grabbing;}
  .bs-slider .bs-slider-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(0, 0, 0, 0.45);}
  .bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img{margin: auto; width: 100% !important;}
  /*************************Slide effect**********************/
  .fade{opacity: 1;}
  .fade .item{top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;}
  .fade .item:first-child{top: auto; position: relative;}
  .fade .item.active{opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;}
  /*---------- LEFT/RIGHT ROUND CONTROL ----------*/
  .control-round .carousel-control{top: 46.5%; opacity: 0; width: 55px; height: 55px; z-index: 100; color: #ffffff; display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 55px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; -webkit-border-radius: 100%; border-radius: 100%;}
  .control-round:hover .carousel-control{opacity: 1;}
  .control-round .carousel-control.left, .control-round .carousel-control.right{/*left: inherit; opacity: 1; background: #03BFCB; top: inherit; bottom: 20px;*/ right: 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; background:#3c3e93; border:0;}
  .control-round .carousel-control.left{left: 15px;}
  .banner:hover .control-round .carousel-control.left, .banner:hover .control-round .carousel-control.right{opacity:1;}
  .control-round .carousel-control .fa{margin: 12px 0 0; font-size: 30px;}
  .control-round .carousel-control.left>span:nth-child(1){left: 45%;}
  .control-round .carousel-control.right>span:nth-child(1){right: 45%;}
  /*---------- INDICATORS CONTROL ----------*/
  .indicators-line > .carousel-indicators{right: 45%; bottom: 3%; left: auto; width: 90%; height: 20px; font-size: 0; overflow-x: auto; text-align: right;overflow-y: hidden; padding-left: 10px; padding-right: 10px; padding-top: 1px; white-space: nowrap;}
  .indicators-line > .carousel-indicators li{padding: 0; width: 15px; height: 15px; border: 1px solid rgb(158, 158, 158); text-indent: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; background: rgb(158, 158, 158); -webkit-font-smoothing: antialiased; -webkit-border-radius: 50%;border-radius: 50%; margin-right: 5px; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); z-index: 10; cursor:pointer;}
  .indicators-line > .carousel-indicators li:last-child{margin-right: 0;}
  .indicators-line > .carousel-indicators .active{margin: 1px 5px 1px 1px; box-shadow: 0 0 0 2px #fff; background-color: transparent; position: relative;-webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease;-webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease;}
  .indicators-line > .carousel-indicators .active:before{transform: scale(0.5); background-color: #fff; content:""; position: absolute; left:-1px; top:-1px; width:15px; height: 15px; border-radius: 50%; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease;}
  /*---------- SLIDE CAPTION ----------*/
  .slide_style_left{text-align: left !important;}
  .slide_style_right{text-align: right !important;}
  .slide_style_center{text-align: center !important;}
  .slide-text{position: absolute; max-width: 650px; z-index: 2; margin: 0 0 0 -618px; left: 50%; bottom: 24.5%; padding: 35px 40px 15px; background: rgba(250, 250, 250, 0.8); clip-path: polygon(50% 0%, 100% 0, 100% 76%, 80% 100%, 0 100%, 0% 60%, 0 0);}
  .slide-text > h1{padding: 0; color: #0c0e63; font-size: 36px; text-transform: capitalize; font-style: normal; margin-bottom: 15px; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; font-weight: 700;}
  .slide-text > h1 span{color: #dd2602; font-size: 22px; display: block; font-weight: 600; margin: 0 0 15px; line-height: normal; text-transform: uppercase;}
  .slide-text > p{padding: 0; margin: 0 0 25px; font-size: 16px; font-weight:600; -webkit-animation-delay: 1.1s; animation-delay: 1.1s;} 
  .slide-text .btn{background:#0c0e63; border:0; text-decoration: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: 16px; font-family: 'Inter', sans-serif; font-weight:600; position: relative; z-index: 1; display: inline-block; text-align: center; color: #fff; padding: 12px 30px; border:0; overflow:hidden; text-shadow:none; box-shadow:none; text-transform: uppercase;}
  .slide-text .btn:hover{color: #fff;}
  .slide-text .btn:after{content: ''; position: absolute; height: 105%; right: -20px; top: 0; width: 32px; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color: #dd2602; z-index:-1; transform: skewX(-25deg);}
  .slide-text .btn:hover:after{width: 120%;}

  .banner .active .patern-layer-one{opacity: 1; transform: translateX(0px);}
  .banner .patern-layer-one{position: absolute; left: 0px; top: 0px; width: 200px; height: 492px; z-index: 2; opacity: 0; transform: translateX(-500px); background-position: center bottom; background-repeat: no-repeat; background-size: 100% 100%; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease;}  
  .banner .active .patern-layer-two{transform: translateX(00px); -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms;}
  .banner .patern-layer-two{position: absolute; right: 0px; bottom: 0px; width: 300px; height: 633px; z-index: 2; background-position: right top; background-repeat: no-repeat; background-size:100% 100%; transform: translateX(500px); transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; transition-delay: 0s; -ms-transition: all 900ms ease; -o-transition: all 900ms ease;}

.about-sec{padding:60px 0 20px; position:relative; z-index:2;}    
  .about-sec.about-page{padding:0 0 40px;}
  .about-sec h2{font-size: 30px; color: #3c3e93; line-height: 1.3em; position: relative; margin: 0 0 15px; text-transform:capitalize;}
  .about-sec h2 span{color: #dd2602; font-weight: 600; font-size: 18px; margin:0 0 10px; display:block; text-transform:uppercase; line-height:normal;}
  .about-sec h4{color: #3c3e93; margin:0;}
  .about-sec a{color:#000; font-weight:600;}
  .about-sec a:hover{color:#3c3e93;}
  .about-sec .about-left{margin:0 0 30px; padding:0 15px 0px;  position:relative;}
  .about-sec ul{margin:0; padding:10px 0 0;}
  .about-sec ul li{margin:0 !important; display:inline-block; vertical-align:middle; list-style:none; padding:0 20px 0 0 !important; position:relative;}
  .about-sec ul li img{float:left; width:30px; margin:5px 10px 0 0;}
  .about-sec ul li:before{display:none !important;}
  .about-sec ul li .info{overflow:hidden;}
  .about-sec .about-left .btn{background:#3c3e93; border:0; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:15px; position: relative; z-index: 1; display: inline-block; text-align: center; color: #fff; padding: 10px 40px; margin:0; border:0; overflow:hidden; text-shadow:none; box-shadow:none; text-transform: capitalize;}
  .about-sec .about-left .btn:hover{color: #fff;}
  .about-sec .about-left .btn:after{content: ''; position: absolute; height: 100%; right: -20px; top: 0; width: 30px; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color: #dd2602; z-index:-1; transform: skewX(-25deg);}
  .about-sec .about-left .btn:hover:after{width: 120%;}
  .about-sec .about-right{margin:0 0 30px; padding:0 15px 0 30px; position:relative;}
  .about-sec .about-right figure{margin: 0; text-align: center;}
  .about-sec .about-right .images-outer{position: absolute; left: 0; right: 0; top: 0; z-index:3; text-align: center; margin: 40px auto 0; max-width: 350px;}
  .about-sec .about-right .image2{position: absolute; left: -110px; bottom: 60px;}
  .about-sec .about-right .image3{position: absolute; right: -140px; bottom: 20px;}
  .about-sec .about-right .image4{position: absolute; right: -90px; top: 20px;}
  .about-sec .about-right figure .image-about{-webkit-border-radius: 150px; -moz-border-radius: 150px; border-radius: 150px; z-index:2; position:relative; margin: 0 0 0;}
  .about-sec .about-right figure .image-circle{position: absolute; left: 0; top: -30px; padding: 0; max-width: 90%; right: 0; margin: 0 auto;}
  .about-sec .about-call{display: flex; text-transform:uppercase;}
  .about-sec .about-call p{padding:0 30px 0 0;}
  .about-sec .about-call p:last-child{padding-right:0;}
  .about-sec .about-call a{display:block;}
  .about-sec .about-call .fa{float: left; width: 44px; height: 44px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #00235a; color: #fff; text-align: center; line-height: 44px; font-size: 22px; margin: 0 15px 0 0;}
  .about-sec .about-call span{color: #000; display: block; font-size: 16px; overflow:hidden; font-family: 'Roboto', sans-serif; font-weight: 700;}
  .about-sec .about-call small{color: #d00000; display: block; font-size: 18px; font-family: 'Roboto', sans-serif; font-weight: 700; letter-spacing: 1.5px;}

  
.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);}   
}
 
.tag-sec{padding: 0; position: relative; z-index:3; margin: 0 0 60px;}
  .tag-sec h2{background: -webkit-linear-gradient( #3c3e93,#3c3e93); background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: 30px; line-height: 40px; position: relative; margin: 0 0 10px; text-transform:capitalize;}
  .tag-sec h2 span{font-size: 14px; margin:10px 0 0; display:block; text-transform:capitalize; font-weight:700; line-height:normal;}
  .tag-sec .info-content{position: relative; padding: 50px 50px; border: 10px solid rgba(0, 0, 0, 0.2); background-size: 100% 100%; background-image: url("images/slider-01.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; min-height: 275px; color:#fff; font-size:16px; display: flex; align-content: center; align-items: center;}
  .tag-sec .tw-coll:nth-child(2) .info-content{background-image: url("images/slider-02.jpg");}
  .tag-sec .info-content:before{position: absolute; content: ''; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(20,29,59,0.80); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease;}
  .tag-sec .info-content:hover:before{background-color: rgba(60, 62, 147, 0.9);}
  .tag-sec .info-content .inner{position: relative; z-index: 2;}
  .tag-sec .info-content h3{position: relative; color: #ffffff; font-size: 36px; font-weight: 800; margin:0 0 20px; line-height: 1em;}
  .tag-sec .info-content h4{position: relative; color: #ffffff; font-weight: 600; font-size:16px; line-height: 28px; margin:0;}
  .tag-sec .info-content h4 a{color: #ffffff; text-decoration:underline;}
  .tag-sec .info-content p{margin: 0;}

.service-sec{position: relative; margin:0; padding: 50px 0px 35px; text-align:center; background: #0c0e63;}  
  .service-sec::before{content: "";background-image: url(images/bg-01.jpg);background-repeat: no-repeat;background-attachment: fixed; background-size: cover;background-position: center center; position: absolute;left: 0; top: 0; width: 100%; height: 100%; opacity:0.2;}
  .service-sec h2{font-size: 36px; color: #fff; line-height: 1.3em; position: relative; margin: 0 0 25px; text-transform:capitalize;}
  .service-sec h2 span{color: #fff; font-weight: 600; font-size: 18px; margin:0 0 10px; display:block; text-transform:uppercase; line-height:normal;}
  .service-sec .ss-coll{margin:0 0 30px;}
  .service-sec .info-box{position: relative; height: 100%; text-align: center; -webkit-border-radius: 15px 0 15px 0; -moz-border-radius: 15px 0 15px 0; border-radius: 15px 0 15px 0; padding: 20px 20px 60px; background-color: rgba(0, 0, 0, 0.5); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease;}
  .service-sec .info-box:hover::before{opacity: 1; -webkit-border-radius: 0px 15px 0px 15px; -moz-border-radius: 0px 15px 0px 15px; border-radius: 0px 15px 0px 15px;} 
  .service-sec .info-box:hover{color:#fff; -webkit-border-radius: 0px 15px 0px 15px; -moz-border-radius: 0px 15px 0px 15px; border-radius: 0px 15px 0px 15px;} 
  .service-sec .info-box:hover h4{color:#fff;} 
  .service-sec .info-box:hover p{color:#fff;} 
  .service-sec .info-box::before{position: absolute; content: ''; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; background-image: -ms-linear-gradient(top, #131E39 0%, #3c3e93 100%); background-image: -moz-linear-gradient(top, #131E39 0%, #3c3e93 100%); background-image: -o-linear-gradient(top, #131E39 0%, #3c3e93 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #131E39), color-stop(100, #3c3e93)); background-image: -webkit-linear-gradient(top, #131E39 0%, #3c3e93 100%); background-image: linear-gradient(to bottom, #131E39 0%, #3c3e93 100%);}  
  .service-sec .info-box .inner{position: relative; z-index: 2;}
  .service-sec .info-box h4{position: relative; font-weight: 700; color:#5c5eb3; line-height: 1.3em; margin: 0 0 10px; font-size:20px; text-transform:uppercase;}
  .service-sec .info-box figure{margin: 0 0 15px;}
  .service-sec .info-box img{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
  .service-sec .info-box p{text-align:center; color: #B0B0B0;}
  .service-sec .info-box ul{padding:0; margin:0;}
  .service-sec .info-box ul li{list-style:none; padding: 0 20px 10px; margin: 0 -20px 10px; border-bottom: 1px dashed #9c9c9c;}
  .service-sec .info-box:hover ul li{border-color: 1px dashed #ffff;}
  .service-sec .info-box ul li:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
  .service-sec .info-box .btn-link .btn{position: absolute; left: 100%; width: 50px; height: 50px; bottom: 0px; color: #ffffff; line-height: 50px; font-size: 20px; margin-left: -50px; -webkit-border-radius: 0px 0px 15px 0px; -moz-border-radius: 0px 0px 15px 0px; border-radius: 0px 0px 15px 0px; background-color: #3c64ff; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease;}
  .service-sec .info-box:hover .btn{left: 0%; margin-left: 0px; -webkit-border-radius: 0px 0px 0px 15px; -moz-border-radius: 0px 0px 0px 15px; border-radius: 0px 0px 0px 15px; background-color: #ffffff; color: #3c3e93;}
  .service-sec .info-box .btn-link .btn i{margin: 10px 0 0;}

.counter-sec{position: relative; margin:60px 0; padding: 0; z-index:3;}  
  .counter-sec .row-bg{background: #0187e0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin:0; padding:50px 20px 30px; text-align:center; position:relative;}
  .counter-sec .icon-one{position: absolute; left: 10px; bottom: 0px; width: 120px; height: 120px; background-repeat: no-repeat;}
  .counter-sec .icon-two{position: absolute; left: 38%; top: 0px; width: 99px; height: 119px; background-repeat: no-repeat;}
  .counter-sec .icon-three{position: absolute; right: 42px; bottom: -20px; width: 170px; height: 170px; background-repeat: no-repeat;}
  .counter-sec .row-btm{margin:100px -15px 0; position:relative;}
  .counter-sec h2{font-size: 36px; color: #fff; line-height: 1.3em; position: relative; margin: 0 0 15px; text-transform:capitalize;}
  .counter-sec h2 span{color: #fff; font-weight: 600; font-size: 18px; margin:0 0 10px; display:block; text-transform:uppercase; line-height:normal;}
  .counter-sec p{color: #fff; text-align:center; font-weight: 600; 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: #0c0e63; 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-weight: 900; margin:0; display: inline-block;vertical-align: middle;}
  .counter-sec span:last-child {font-size: 14px;color: #fff;padding: 0 0 0 5px;}
  .counter-sec h4{color:#fff; font-size: 14px; text-transform: capitalize; margin:0 0 5px;}
  .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: #3c64ff; float:left; margin:0 15px 0 0;}

.principal-sec{margin: 60px 0 30px; position: relative;}
  .principal-sec .row{}
  .principal-sec .inner{background: #0c0e63; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; padding: 30px 30px 15px;}
  .principal-sec .left-grid{margin:0;}
  .principal-sec .left-grid h3{font-size: 28px; color:#3c3e93;}
  .principal-sec .left-grid h4{font-size: 24px; color:#3c3e93; text-transform:capitalize;}
  .principal-sec .left-grid h4 span{color:#dd2602; display:block; font-size:16px; margin:10px 0 0;}
  .principal-sec .team-box{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#fff; border:1px solid #dedede; position: relative; margin:0 0 30px; padding:20px 20px 5px; overflow:hidden;}
  .principal-sec .team-box figure{margin: 0 20px 5px 0; overflow: hidden; float: left; width: 300px;}
  .principal-sec .team-box figure img{/*height: 250px; object-fit: cover; object-position: center -40px; width: 100%;*/}
  .principal-sec .team-box:hover figure img{transform: translateY(10px) scale(1.1); transition: all .5s}
  .principal-sec .team-box .caption{padding: 0;}
  .principal-sec .team-box .caption h3{text-transform: uppercase; font-size: 24px; color: #0A1851; z-index: 2; position: relative; margin:0 0 20px;}
  .principal-sec .team-box .caption h3 span{font-size: 20px; display: block; font-weight: 500; padding: 5px 0 0; color: #dd2602;}
  .principal-sec .team-box .caption p{line-height: 22px;}
  .principal-sec .right-grid{margin:0 0 30px;}
  .principal-sec .right-grid h3{color:#fff; font-size: 22px; text-transform:capitalize; margin:0 0 20px;}
  .principal-sec .right-grid h3 span{display:block; font-size:14px; margin:10px 0 0; color:#fff;}
  .principal-sec .right-grid form{overflow:hidden;}
  .principal-sec .right-grid form .form-control{background:#fff; box-shadow:none; border-radius:5px; border:0; color: #000; margin:0 0 10px; height:44px;}
  .principal-sec .right-grid form .form-control::-webkit-input-placeholder {color: #000;}
  .principal-sec .right-grid form .form-control::-moz-placeholder {color: #000;}
  .principal-sec .right-grid form .form-control:-ms-input-placeholder {color: #000;}
  .principal-sec .right-grid form .form-control:-moz-placeholder {color: #000;}
  .principal-sec .right-grid form textarea{height:120px !important;}
  .principal-sec .principal-sec .right-grid form .form-group{margin-bottom:15px;}
  .principal-sec .right-grid form .btn{background: #dd2602; border:0; border-radius:5px; border: none; color: #fff; margin:0; font-family: 'Inter', sans-serif; font-weight:700; padding:15px; text-shadow: inherit; text-transform: uppercase; width:100%;}
  .principal-sec .right-grid form .btn:hover{background:#3c64ff; 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;}
  
.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)
 }
}

.best-offer{position:relative; background: #3c3e93; background: -moz-linear-gradient(left,  #3c3e93 0%, #020211 100%); background: -webkit-linear-gradient(left,  #3c3e93 0%,#020211 100%); background: linear-gradient(to right,  #3c3e93 0%,#020211 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3e93', endColorstr='#020211',GradientType=1 ); padding:80px 0 65px; text-align:center; color:#fff;}
  .best-offer:before{content: ""; background-image: url(images/slider-02.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover; position: absolute; width: 100%; height: 100%; right: 0; bottom: 0; opacity:0.1;}
  .best-offer h2{font-size: 36px; color: #fff; line-height: 1.3em; position: relative; margin: 0 0 15px; text-transform:capitalize;}
  .best-offer h2 span{color: #fff; font-weight: 600; font-size: 18px; margin:0 0 10px; display:block; text-transform:uppercase; line-height:normal;}
  .best-offer h5{margin: 0 0 25px; font-size: 20px; text-transform: capitalize;color: #fff;}
  .best-offer p{text-align:center;}
  .best-offer .bf-coll{}
  .best-offer .btn{background:#132144; border:0; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:15px; position: relative; z-index: 1; display: inline-block; text-align: center; color: #fff; padding: 10px 40px; margin:10px 0 0; border:0; overflow:hidden; text-shadow:none; box-shadow:none; text-transform: capitalize;}
  .best-offer .btn:hover{color: #fff;}
  .best-offer .btn:after{content: ''; position: absolute; height: 110%; right: -20px; top: 0; width: 30px; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color: #3c3e93; z-index:-1; transform: skewX(-25deg);}
  .best-offer .btn:hover:after{width: 120%;}
  .best-offer .contact-info{padding:30px 0 0;}
  .best-offer .contact-info .media{display: inline-block; border-right: 1px dashed #fff; margin: 0 0 10px 0; padding: 5px 20px 5px 0; width: 48%; min-height: 70px;}
  .best-offer .contact-info .media:last-child{border-right: none; width: 51%; padding-right: 0px; padding-left: 30px;}
  .best-offer .contact-info .phone{font-size: 24px; font-family: 'Inter', sans-serif; font-weight:700; color: #ffffff;}
  .best-offer .contact-info a{color: #fff;}
  .best-offer .contact-info a:hover{color: #999999;}
  
.client-speak{position:relative; text-align:center; margin:0; padding:70px 0 50px 0; background: #f6fbff; z-index:1;}
  .client-speak h2{font-size: 36px; color: #3c3e93; line-height: 1.3em; position: relative; margin: 0 0 25px; text-transform:capitalize;}
  .client-speak h2 span{color: #dd2602; font-weight: 600; font-size: 18px; margin:0 0 10px; display:block; text-transform:uppercase; line-height:normal;}
  .client-speak .owl-pagination{display: none; text-align: center; position: relative; right: 0; top: 0; margin: 30px 0 0;}
  .client-speak .owl-theme .owl-controls .owl-page span{background:none; border:1px solid #f3941e; opacity:1; height:10px; width:10px;}
  .client-speak .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background: #f3941e; background: -moz-linear-gradient(left,  #f3941e 0%, #000 100%); background: -webkit-linear-gradient(left,  #f3941e 0%,#000 100%); background: linear-gradient(to right,  #f3941e 0%,#000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3941e', endColorstr='#000',GradientType=1 );}
  .client-speak .owl-theme .owl-controls .owl-page.active span{width:20px;}
  .client-speak .item{margin:30px 15px 0;}
  .client-speak .item .item-bg{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; padding: 0 40px 30px; background: #fff; box-shadow: 0 3px 15px rgba(0,0,0,.1); margin-bottom: 40px; transition: all .3s ease;}
  .client-speak .item:hover .item-bg{background: #3c3e93; color:#fff;}
  .client-speak .item:hover .item-bg::after{border-top-color: #3c3e93;}
  .client-speak .item .item-bg::after{position: absolute; left: 0; right: 0; bottom: -20px; margin: 0 auto; width: 40px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fff; transition: all .3s ease; filter: drop-shadow(0 10px 10px rgba(0,0,0,.1)); content: "";}
  .client-speak .testmonial-author{position: relative; padding:0 0 15px; overflow:hidden;}
  .client-speak .testmonial-author h4{font-size: 20px; margin: 0; color:#dd2602; font-weight:600;}
  .client-speak .testmonial-author h4 span{font-size:14px; margin:0 0 10px; display:block; color:#000; font-weight:00;}
  .client-speak .testmonial-author .author-rating i{color: #f3941e;}
  .client-speak p{line-height:22px; margin: 0; text-align: center;} 
  .client-speak .star{color: #fff; letter-spacing: 2px; font-size: 17px; display: inline-block; background: #3c64ff; padding: 10px 20px; border-radius: 10px; margin: -25px 0 30px;olor: #fff; letter-spacing: 2px; font-size: 17px; display: inline-block;  padding: 10px 20px; border-radius: 10px; margin: -25px 0 30px;}
  .client-speak .testmonial-author figure{position:relative; display: inline-block; margin: 20px auto;}
  .client-speak .testmonial-author figure::before{border: 5px solid #3c64ff; content: "";height: auto;opacity: 0;filter: alpha(opacity=0);position: absolute;bottom: -10px;left: -10px;right: -10px;top: -10px;visibility: hidden;width: auto;-webkit-transform: scale(0);transform: scale(0);transition: .3s;border-radius: 50%;-webkit-border-radius: 50%;}
  .client-speak .item:hover .testmonial-author figure::before {opacity: 1;filter: alpha(opacity=100);visibility: visible;-webkit-transform: scale(1);transform: scale(1);}
  .client-speak .testmonial-author figure img{width: 100px; -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%;}
  .client-speak .owl-theme .owl-controls .owl-buttons div{display: block; background:rgba(250, 250, 250, 0.5); -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; color:#000; position:absolute; left:-55px; top:120px; margin:0; height:44px; width:44px; opacity:1; text-indent:-99999px;}
  .client-speak .owl-theme .owl-controls .owl-buttons div.owl-next{right:-55px; left:inherit;}
  .client-speak .owl-theme .owl-controls .owl-buttons div.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%;}  
  .client-speak .owl-theme .owl-controls .owl-buttons div.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%;} 

      
.thumb{position: relative; cursor:pointer;}
  .thumb:hover:before{transform: scaleX(0); opacity: 1;}
  .thumb:hover:after{opacity: 1; transform: scaleY(0);}
  .thumb:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); opacity: 0; transform: scaleX(1); -moz-transform: scaleX(1); -webkit-transform: scaleX(1); transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in;}
  .thumb:after{content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); opacity: 0; transform: scaleY(1); -moz-transform: scaleY(1); -webkit-transform: scaleY(1); transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;}    

.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: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-top: 10px; color: #fff !important; font-size: 22px; background: #3c64ff; display: block; height: 40px; width: 40px; margin: 0 auto; text-align: center;}   
  
.footer{background: -webkit-radial-gradient(circle farthest-corner at center center, #3c3e93 0%, #131E3C 100%);
background: -moz-radial-gradient(circle farthest-corner at center center, #3c3e93 0%, #131E3C 100%);
background: radial-gradient(circle farthest-corner at center center, #3c3e93 0%, #131E3C 100%); padding: 75px 0 0; color:#d7deea; position: relative; width: 100%; z-index: 3;}
  .footer::before{content: ""; background-image: url(images/slider-02.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.1;}
  .footer .container{position: relative; z-index:1;}  
  .footer a{color:#d7deea;}
  .footer a:hover{color:#fff; text-decoration:underline;}
  .footer .ft1{-ms-flex: 0 0 27%; flex: 0 0 27%; max-width: 27%; padding:0 50px 0 15px;}
  .footer .ft2{-ms-flex: 0 0 16%; flex: 0 0 16%; max-width: 16%;}
  .footer .ft3{-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
  .footer .ft4{-ms-flex: 0 0 27%; flex: 0 0 27%; max-width: 27%;}
  .footer{text-align:inherit;}
  .footer-top{text-align: center; border-bottom: 1px solid rgba(250, 250, 250, 0.5); padding: 0 0 50px; position: relative; z-index: 2; margin: 0 0 60px;}
  .footer-top p{text-align: center;}
  .wg-1{margin:0 0 30px;}
  .wg-1 h4{color:#fff; margin:0 0 15px; padding:0; position:relative; text-transform:uppercase;}
  .wg-1 ul{margin:0; padding:0;}
  .wg-1 ul li{list-style:none; position:relative; padding: 0 0 15px 20px;}
  .wg-1 ul li:before{content: "\f105"; font-family: FontAwesome; position:absolute; left:0; top:0;}
  .ft-logo{margin:0 0 20px;}
  .ft-logo img{background: rgba(250, 250, 250, 0.9); padding: 30px; outline: 2px solid #3c3e93; outline-offset: -10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
  .wg-1 address{margin: 0 0 10px; overflow: hidden; position: relative;}  
  .wg-1 address i{color:#d7deea; font-size:18px; float: left; height:30px; line-height:30px; margin:0 10px 0 0; text-align:center; width:30px;}
  .wg-1 address i.fa.fa-envelope {margin-top: -2px;font-size: 16px;}
  .wg-1 address div{margin:0; overflow:hidden;}
  .wg-1 address p{margin:0;}
  .wg-1 address span {font-size: 18px;line-height: normal;color: #585858;margin-bottom: 5px;display: block;font-family: 'PoppinsSemiBold_0';}
  
  .icon-ft{margin:20px 0 0;}
  .icon-ft i{color:#fff; border:1px solid rgba(250, 250, 250, 0.2); display:inline-block; font-size:20px; line-height:40px; margin: 0 0 0 2px; height: 40px; text-align: center; width: 40px; text-align: center; position:relative; z-index:1; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
  .icon-ft .fa-facebook{background:#3a5896;}
  .icon-ft .fa-twitter{background:#00aced;}
  .icon-ft .fa-youtube{background:#b00;}
  .icon-ft .fa-linkedin{background:#007ab5;}
  .icon-ft .fa-google-plus{background: #dc4e41;}
  .icon-ft .fa-whatsapp{background: #4dc247;}
  .icon-ft .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 i:hover{border-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;}   
  
  .ft-bottom{background: #000043; margin:30px 0 0; padding:25px 0 15px; position:relative; z-index:2;}  
  .ft-bottom p{margin:0 0 10px;}
  .ft-bottom .copyright{}
  
.banner-inner{background-image:url(images/slider-03.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: top; background-size:cover; height: 450px; position: relative; text-align:center; z-index: 2;}
.banner-inner:before{/*background:#017bbc; content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0.5;*/}
.banner-inner .textblock{height: 450px; position: relative;}
.banner-inner .block{background: #dd2602; 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{display:none; 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{color: #fff; font-size:14px; line-height: normal; position: relative; z-index: 5; text-align: center; display: inline-block; background: none; box-shadow: none; padding: 20px 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0;     text-transform: uppercase;}
.breadcrumb > li {margin: 0; font-weight:700;}
.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: #fff; font-weight:700;}     
.breadcrumb li a:hover{text-decoration:underline;}     

.align-left{float: left; width: 50%; margin: 7px 20px 10px 0;} 
.align-right{float: right; width: 50%; margin: 7px 0 10px 20px;} 

.mid-wrap{padding:60px 0 40px;}  
  .mid-wrap ul{margin: 0; padding: 0 0 5px;}
  .mid-wrap ul li{list-style: none; margin: 0 0 15px; padding: 0; position: relative;}
  .mid-wrap ul li::before{content: "\f0a4"; font-family: FontAwesome; display: inline-block; margin: 0 10px 0 0;} 
  .mid-wrap ol{margin: 0; padding: 0 0 5px; counter-reset: section;}
  .mid-wrap ol li{margin: 0; padding: 0 0 15px; list-style: none;}
  .mid-wrap ol li::before{content: counters(section, ".") " - "; counter-increment: section;}

.contact-page{padding:0; position:relative; text-align:center;}  
  .contact-page h2{margin: 0 0 20px; color: #3c3e93; text-transform: capitalize;}
  .contact-page h3{margin: 0 0 20px; color: #dd2602; text-transform: capitalize;}
  .contact-box{background: #e9f0f7; margin: 0 0 30px; padding: 20px 20px 17px; position: relative; cursor: pointer;text-align: center; min-height:180px; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.035); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
  .contact-page p{text-align:center;}
  .contact-box .icon{font-size: 30px; width: 70px; height: 70px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; text-align: center; line-height: 70px;display: inline-block; position: relative;  margin: 0 0 20px;} 
  .contact-box .icon::after{position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;border: 1px dashed #3c3e93;animation: shapeani2 10s linear infinite;}
  .contact-box .icon i{color: #3c3e93; line-height:70px;}  
  .contact-box .content p{margin: 0;}
  .contact-box .content a{color:#555;}
  .contact-box .content a:hover{text-decoration:underline;}
  .contact-page form{overflow:hidden; margin:0 -15px 30px;}
  .contact-page form .form-control{background:#e9f0f7; box-shadow:none; border:1px solid #c6d0da; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #000; height:44px;}
  .contact-page form .form-control::-webkit-input-placeholder {color: #6c757d;}
  .contact-page form .form-control::-moz-placeholder {color: #6c757d;}
  .contact-page form .form-control:-ms-input-placeholder {color: #6c757d;}
  .contact-page form .form-control:-moz-placeholder {color: #6c757d;}
  .contact-page form textarea{height:100px !important;}
  .contact-page form .form-group{margin:0 0 25px;}
  .contact-page form .btn{background: #3c3e93; color: #fff; font-size: 16px; text-transform:uppercase; padding: 12px; padding: 12px 50px; border:0; position:relative; text-shadow:none; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
  .contact-page form .btn:hover, .contact-page form .btn:active{background: #dd2602; color: #fff;}
  .history-img { margin-top: 40px; border: 2px solid #e5e5e5; padding: 10px;}

  .gallery-sec {margin: 70px 0 50px; position: relative; z-index: 2;}

.portfolio-menu {text-align: center;}

.portfolio-menu ul {padding: 0; margin: 0 0 40px;}

.portfolio-menu ul li {
    display: inline-block;
    margin: 0;
    list-style: none;
    padding: 10px 15px;
    cursor: pointer;
    -webkit-transition: all 05s ease;
    -moz-transition: all 05s ease;
    -ms-transition: all 05s ease;
    -o-transition: all 05s ease;
    transition: all .5s ease;
    font-family: 'PoppinsSemiBold_0';
    font-size: 14px;
    box-shadow: none !important;
    position: relative;
    padding: 3px 15px;
}

.portfolio-menu ul li:last-child:after {display: none;}

.portfolio-menu ul li::after {position: absolute; right: 0; top: 3px; width: 1px; height: 20px; content: ''; background: #e0e0e0; -webkit-transform: rotate(18deg); transform: rotate(18deg); margin: auto;}

.portfolio-menu ul li.active::after {background: #008435;}

.portfolio-item .item {width: 16.5%; 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: 240px;
    transform: scale(1);
    -webkit-transition: all 0.5s ease;
    object-fit: cover;
    border-radius: 5px;
}

.portfolio-item .item:hover img {-webkit-transform: scale(1.2); transform: scale(1.2);}

.portfolio-item .recet-work-footer { position: absolute; left: 0; bottom: 0; width: 100%; color: #FFFFFF; background: rgba(0, 132, 53, 0.9); }

.portfolio-item .recet-work-footer h3 {color: #FFFFFF; margin: 0; font-size: 14px; padding: 12px 5px 12px 50px; font-family: 'PoppinsSemiBold_0';}

.gallery-sec.gallery-page {background: none;}

.gallery-sec.gallery-page .portfolio-item .item {width: 33.3%;}

.gallery-sec.gallery-page .portfolio-item .item img {height: 170px;}

  
  
    /** Smartphones **/
@media (min-width: 320px) and (max-width: 767px) {
  .container{width: auto; max-width:850px; padding:0 30px;}
.head-top{z-index: -99;}  
  .head-top ul li { display: block;}
  .head-top ul li::before {background-color: #dd2602; margin: -11px;}
  .head-top ul li:last-child::before {background: #0c0e63 !important;}
  .head-top ul li a {padding: 5px 11px;}
  .head-right {background: #dd2602;}
   .Free-Consulting{display:none;}
   .menu-head{margin:0; font-size:14px;}
   .menu-head::after{display:none;}
   .menu-head .navbar-brand{padding:15px 0;}   
   .menu-head .navbar-brand img{ max-width: 280px; height: 55px;}
   .menu-head .navbar-collapse{border:none; box-shadow: none;}
   .menu-head .navbar-collapse.in ul{margin: 0; box-shadow: none; border: 0; padding:0;}
   .menu-head .navbar-nav{margin: 0; text-align:left; top: 0; border: 0; background:#0c0e63; padding:0;}
   .menu-head .navbar-nav > li:before{display:none;}
   .menu-head .navbar-nav > li > a::before{display:none;}
   .menu-head .navbar-nav > li{display:block; margin:0; padding:0; border-top: 1px solid  #fff; background:none;}
   .menu-head .navbar-nav > li:last-child{border-bottom:0;}
   .menu-head .navbar-nav .li-mrg{margin-right: 0 !important;}
   .menu-head .navbar-nav > li > a{padding: 10px; border: 0; color:#fff; -webkit-border-radius: 0; border-radius: 0; border-radius: 0;}
   .menu-head .navbar-nav > li > a:focus, .menu-head .navbar-nav > li > a:hover, .menu-head .navbar-nav > .open > a, .menu-head .navbar-nav > .open > a:focus, .menu-head .navbar-nav > .open > a:hover, .menu-head .navbar-nav .current-menu-item a{background: #dd2602; color: #fff; -webkit-border-radius: 0; border-radius: 0; border-radius: 0;}
   .menu-head .sub-menu > li > a:focus, .menu-head .sub-menu > li > a:hover{background: #dd2602 !important; padding:5px 15px 5px 30px;}
   .menu-head .sub-menu{position: relative !important; top: 0 !important; margin: 0 !important; left: 0 !important; display: block !important; height: auto !important; width: auto; opacity: 1; visibility: inherit; -webkit-transform: inherit; -moz-transform: inherit; -ms-transform: inherit; -o-transform: inherit; transform: inherit; background: none; padding:0; border:0;}
   .menu-head .sub-menu > li > a{background:none !important; padding:5px 15px 5px 30px; width: auto; color:#fff !important;}
   .banner-inner {background-position: inherit; background-size: auto;} 
   .banner .item img{height: 250px; margin-top: 100px;}  
   .banner .slide-text{padding: 20px 20px 5px; left: 0; bottom: 0; position: relative; margin: -55px 15px 0; background: #0c0e63; color: #fff;}
   .banner .slide-text > h1{font-size: 24px; line-height:30px; color: #fff;}
   .slide-text > h1 span{font-size: 18px;}
   .banner .slide-text p{font-size: 14px; line-height:24px;}
   .slide-text .btn{background: #2c2e83;}
   .about-sec h2{font-size: 26px;}
   .about-sec .about-right{padding: 0 15px;}
   .about-sec .about-right figure{display: none;}
   .about-sec .about-right .images-outer{position: relative; margin: 0 auto 0; max-width: inherit;}
   .about-sec .about-right .image2{left: -20px; display:none;}
   .about-sec .about-right .image3{right: -20px; display:none;}
   .about-sec .about-right .image4{right: -20px; display:none;}
   .about-sec .about-call { display: block;}
   .tag-sec .info-content{padding: 25px 25px; border: 10px solid #f5f5f5; margin: 0 0 30px;}
   .tag-sec .info-content h3{font-size: 26px;}
   .service-sec h2{font-size: 26px;}
   .service-sec .info-box img{width:100%;}
   .counter-sec .row-bg{ padding: 50px 5px 30px;}
   .counter-sec h2{font-size: 26px;}
   .principal-sec .left-grid figure{width:45%;}
   .principal-sec .left-grid h4{font-size: 20px;}
   .counter-sec .icon-one{width: 90px; height: 90px;}
   .counter-sec .icon-two{width: 99px; height: 119px;}
   .counter-sec .icon-three{width: 120px; height: 120px;}
   .best-offer h2{font-size: 26px;}
   .best-offer h5{font-size: 16px;}
   .best-offer .contact-info .media{display: block; border-right:0; border-bottom: 1px dashed #fff; margin: 0 0 10px 0; padding: 0 0 15px; width: inherit !important;}
   .best-offer .contact-info .media:last-child{border-bottom: none;}
   .client-speak h2{font-size: 16px;}
   .client-speak .owl-theme .owl-controls .owl-buttons div{left:0;}
   .client-speak .owl-theme .owl-controls .owl-buttons div.owl-next{right:0;}
   .ft-bottom div, .ft-bottom p{text-align:center;}
   .footer .ft1{flex: 0 0 100%; max-width: 100%;  padding: 20px; margin-top: -35px;}
   .footer .ft2{flex: 0 0 100%; max-width: 100%;}
   .footer .ft3{flex: 0 0 100%; max-width: 100%;}
   .footer .ft4{flex: 0 0 100%; max-width: 100%;}
   .portfolio-item .item img {width: 100%; height: 110px;}
   .openbtn { font-size: 20px; cursor: pointer; padding: 9px 10px 9px 11px; margin: 1px 0px 0; border-color: #00235a; color: #00235a; border-radius: 5px; background-color: #fff; display: block !important; position: absolute; right: -12px; }
   .head-top::before { width: 62.5%; }  

}

@media (min-width: 480px) and (max-width: 767px) {
  .service-sec .ss-coll { !important;}
  .counter-sec .counter-Txt { max-width: 50%; float: left; }
  .menu-head .navbar-brand img { max-wiflex: 0 0 50%; max-width: 50% dth: 100%; height: auto;}
  .counter-sec .counter-padd { padding: 25px 7px; }
  .about-sec .about-left {flex: 0 0 100%; max-width: 100%;} 
  .about-sec .about-right {flex: 0 0 100%; max-width: 100%;}
}



/* Tablets */
@media (min-width: 767px) and (max-width: 1023px) {
         
   .header{position: relative;}
   .banner {margin: 15px 0 0;}
   .container{width: auto; max-width:1380px; padding:0 30px;}
   .head-top .logo{width:100%; text-align:center; padding: 0 0 20px}
   .head-top {z-index: 2;}
   .head-top .head-right{width:100%; text-align:center; float:none !important}
   .menu-head{font-size: 14px;}
   .phn-detail ul{margin: 20px 0 0;}   
   .menu-head .navbar-nav > li{padding: 0 6px; letter-spacing: -0.5px;}
   .apply-btn{margin: 0 0 0 202px;}
   .apply-btn .btn{padding: 9px 25px 8px;}
   .about-text-left{float: none; width: auto;}
   .about-text-right{display:none;}
   .about-text-left .hidden{display: block !important; float: left; width: 45%; margin: 8px 20px 0 0;}
   .why-choose-left{display:none;}
   .why-choose-right{margin: 0 0 40px; overflow:hidden; float: none; width: 100%;}
   .counter-sec .counter-count{display: block; text-align: center; margin:0 0 20px;}
   .counter-sec img{display:block; margin: 0 auto 15px; top: 0;}
   .footer .col-sm-3{width: 50%; min-height: 230px;}   
   .about-sec .about-right figure{display: none;}
   .about-sec .about-right .images-outer{position: relative; margin: 0 auto 0; max-width: inherit;}
   .about-sec .about-right .image2{left: -20px; display:none;}
   .about-sec .about-right .image3{right: -20px; display:none;}
   .about-sec .about-right .image4{right: -20px; display:none;}
   .client-speak .owl-theme .owl-controls .owl-buttons div.owl-next { right: 0; left:0; }
   .counter-sec .counter-Txt { max-width: 50%; float: left; }
   .footer .ft1 {flex: 0 0 86%; max-width: 86%;n padding: 0px 37px; text-align: center;}
   .footer .ft2 {flex: 0 0 25%; max-width: 25%;}
   .service-sec .info-box h4 {font-size: 16px;}
   .openbtn { margin-top: -58px !important; font-size: 20px; cursor: pointer; padding: 9px 10px 9px 11px; margin: 1px 0px 0; border-color: #00235a; color: #00235a; border-radius: 5px; background-color: #fff; display: block !important; position: absolute; right: -12px; }
   .slide-text {margin: 0 0 0 -374px; padding: 20px 13px 8px; bottom: 10.5%;}
   .control-round .carousel-control.left, .control-round .carousel-control.right {background: #3c3e9394;}
   .slide-text > h1 {font-size: 30px;}
   .slide-text > p {margin: 0 0 10px;}
   ul.nav.navbar-nav {display: none;}
   #myOffcanvas .Free-Consulting .btn {display: none;}
   #myOffcanvas ul.nav.navbar-nav {display: block;}   
   .menu-head .navbar-nav{margin: 0; text-align:left; top: 0; border: 0; background:#0c0e63; padding:0;}
   .menu-head .navbar-nav > li{display:block; margin:0; padding:0; border-top: 1px solid  #fff; background:none;}
   .menu-head .navbar-nav > li:last-child{border-bottom:0;}
   .menu-head .navbar-nav > li > a{padding: 10px; border: 0; color:#fff; -webkit-border-radius: 0; border-radius: 0; border-radius: 0;}
   .menu-head .navbar-nav > li > a:focus, .menu-head .navbar-nav > li > a:hover, .menu-head .navbar-nav > .open > a, .menu-head .navbar-nav > .open > a:focus, .menu-head .navbar-nav > .open > a:hover, .menu-head .navbar-nav .current-menu-item a{background: #dd2602; color: #fff; -webkit-border-radius: 0; border-radius: 0; border-radius: 0;}
   .menu-head .sub-menu{position: relative !important; top: 0 !important; margin: 0 !important; left: 0 !important; display: block !important; height: auto !important; width: auto; opacity: 1; visibility: inherit; -webkit-transform: inherit; -moz-transform: inherit; -ms-transform: inherit; -o-transform: inherit; transform: inherit; background: none; padding:0; border:0;}
   .menu-head .sub-menu > li > a{background:none !important; padding:15px 15px 5px 30px; width: auto; color:#fff !important;}
   .portfolio-item .item img {height:200px;}
   .contact-box {padding: 20px 11px 17px;}
   .principal-sec .team-box figure {width: auto;}

}



/* Large Display */
@media (min-width: 1367px) { }

.offcanvas {
   width: 250px;
   height: 100%;
   position: fixed;
   z-index: 1;
   top: 0;
   left: -250px;
   background-color: #fff;
   overflow-x: hidden;
   transition: 0.3s;
   padding-top: 60px;
   z-index: 99;
  }
  
  .offcanvas-content {
   padding: 16px;
  }
  
  .openbtn { font-size: 25px; cursor: pointer; background-color: #dd2602; border: none; color: #fff; /* padding: 0px 0px; */ display: none; margin-top: -45px; }
  .closebtn {
   position: absolute;
   top: 0;
   right: 25px;
   font-size: 36px;
   margin-left: 50px;
  }
  
  /* Add animation to the offcanvas container */
  .offcanvas.open {
   left: 0;
  }