/*--------------
--------------
         Add CSS file
----------------------------*/
@import "bootstrap/css/bootstrap.min.css";
@import 'fontawesome/css/font-awesome.css';
@import 'owlcarousel/css/owl.carousel.min.css';
@import 'flaticon/font/flaticon.css';


:root {
    --lightkblue:#3DA1E3;
    --blue:#1079C0;
    --sky:#66c2f9;
    --green:#45B14A;
    --orange:#F19A3A;
    --gray:#959FA6;
    --red:#F51B1B;
    --lightgray:#B8B8B8;
    --white:#ffffff;
    --body:#F0F0F0;
    --black:#505A61;
}
/*----------------------------
Add font
----------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*----------------------------
   element      
----------------------------*/

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html { text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;}
*{margin:0; padding:0}
a{ text-decoration:none;}
a:hover{ text-decoration:none !important;}
header, nav, section, article, aside, footer { display:block;}
html {font-size: 100%;}
body {font-size: 12px;font-family: 'Poppins', sans-serif;line-height: 26px;color: #777;-webkit-font-smoothing: antialiased;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {padding: 5px 0 15px 0;color: #333;font-weight: normal;-webkit-font-smoothing: antialiased;}
:-ms-input-placeholder{color: #000;}
/*----------------------------
         HEADER
------------------------*/

.top-header {background: #f9fafe; padding: 5px 0; position: relative; }
.top-header .container,
.bottom-header .container{max-width: 95%;}
.header-contact-card {display: flex; align-items: center; justify-content: end;}
.header-contact-icon {width:30px; margin-right: 10px; } 
.header-contact-icon img{height: 30px} 
.header-contact-content p {color: #a4a6b8; font-size: 11px; line-height: 1; margin-bottom:5px; font-weight: 500; } 
.header-contact-content h2 {font-size: 12px; font-weight: 600; color: #000; padding: 0; margin: 0; } 
.header-contact-content h2 a {color: #1d3b5f; }

.header-social ul{margin: 0;padding:0;    text-align: right;}
.header-social ul li {display: inline-block; vertical-align: text-top; }
.header-social ul li a {display: block; color: #7281b8; text-align: center; line-height: 30px; height: 30px; width: 30px; background: #dee4fc; border-radius: 50%; }
.header-social ul li a i{color: #7281b8;line-height: 30px;text-align: center;font-size: 13px;}

.bottom-header {padding: 15px 0;}
.bottom-header .navbar-brand {position: absolute; left: 50%; transform: translateX(-50%); }

.navbar-toggler{    background-color: #4dc3c6;}
.navbar-toggler-icon:before {display: inline-block; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0c9"; line-height: 30px; color: #fff; }

.header-navigation .navbar {padding: 0; }
.header-navigation .navbar-nav > li{position:relative;padding:10px 15px;} 
.header-navigation .navbar-nav > li > a{position: relative;color: #1d3b5f;text-align:center;font-weight: 600;font-size: 14px;} 
.header-navigation .navbar-nav > li > a.active {color: #1d3b5f; }
.header-navigation .navbar-nav > li .dropdown-menu {border: 1px solid #7281b8; border-radius: 0; } 
.header-navigation .navbar-nav > li a.dropdown-item {position: relative; color: #495057; text-align: left; font-size: 12px; }
.header-navigation .navbar-nav > li a.dropdown-item:active,
.header-navigation .navbar-nav > li a.dropdown-item:focus, 
.header-navigation .navbar-nav > li a.dropdown-item:hover{background-color: #f8f9fa;}
a.Sell-btn {background: #1360fe; padding: 10px 30px 10px 20px; border-radius: 5px; color: #fff !important; }
a.Sell-btn i {background: #fff; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; font-size: 16px; font-weight: bold; position: absolute; right: -18px; color: #1360fe; top: 7px; box-shadow: 7px 0 5px #fafcff; }
/*----------------------------
         footer
------------------------*/

.footer{position: relative;}
.footer:before {content: ''; position: absolute; height: 125px; width: 100%; top: -48px; margin: 0 auto; left: 0; right: 0; background: url(../images/foot-shape.svg); }
.top-footer{background: #182c44; padding: 1rem 0}

.top-footer .container,
.bottom-footer .container{max-width: 95%;}

.footer-about-info h2,
.footer-link-info h2{font-size: 18px; font-weight: 700; color: #fff; padding-top: 0; margin: 0; }
.footer-about-info p {font-size: 13px; text-align: justify; color: #c7cdd5; }

.footer-link-list{list-style: none;margin: 0;padding: 0;}
.footer-link-list li {position: relative; display: block; }
.footer-link-list li a {font-size: 13px;font-weight: 400;color: #c7cdd5;}


.newsletter-form h4{font-size: 13px; margin: 0; padding-top: 0; text-align: justify; color: #c7cdd5; }
.newsletter-form p {font-size: 11px; text-align: justify; color: #fff; }
.newsletter-group {margin-bottom: 20px; position: relative; }
.newsletter-input {border: 1px solid #788695; background: transparent; padding: 10px 80px 10px 10px; font-size: 14px; color: #788695; outline: none; width: 100%; border-radius: 2px; }
.btn-submit {background: #137dfe; border: 1px solid #137dfe; padding: 10px 15px; font-size: 14px; font-weight: 500; color: #fff; outline: none; position: absolute; right: 0; }

.footer-info-images{ padding: 1rem 0; position: relative; }
.footer-images-top{display: inline-flex;}
.images-ssl{width: 70%; margin: auto; padding-right: 10px;}
.images-satisfaction{width: 30%;}


.bottom-footer{background: #1e3550;border-top: 1px solid #455668;}
.footer-copyright{padding: 10px 0;    text-align: center;}
.footer-copyright p {font-size: 12px; color: #c7cdd5; margin-bottom: 0; }
.footer-copyright p a{color: #c7cdd5; }

.footer-nav-list {text-align: right; }
.footer-nav-list ul{ margin: 0; padding: 0; list-style: none; }
.footer-nav-list ul li{ display: inline-block; padding: 10px 15px; }
.footer-nav-list ul li a {text-align: center; font-size: 12px; color: #c7cdd5; }


.footer-contact-info-box {padding: 15px 0; position: relative; border-top: 1px solid #455668; border-bottom: 1px solid #455668; margin-bottom: 1rem; display: flex; justify-content: space-between; }

.fwidget-list {list-style: none; text-align: center; margin: 0; padding: 0; }

.fwidget-list li{display: inline-block; padding: 0 10px;}
.fwidget-list li a {font-size: 14px;font-weight: 500;color: #ffffff;line-height: 30px;}
.fwidget-list li a:hover {color:#fff; }

.footer-social ul{margin: 0;padding:0;    text-align: center; position: relative;}
.footer-social ul li {display: inline-block; vertical-align: text-top; }
.footer-social ul li a {display: block; color: #7281b8; text-align: center; line-height: 30px; height: 30px; width: 30px; background: #dee4fc; border-radius: 50%; }
.footer-social ul li a i{color: #7281b8;line-height: 30px;text-align: center;font-size: 13px;}
.footer-widget-logo {text-align: center; background: #fff; padding: 10px; width: 140px; border-radius: 5px; margin:0 auto 1rem auto; filter: drop-shadow(0px 0px 0px black); }