/* ------------------------
    General
------------------------*/
@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');
body {font-family: 'Poppins', sans-serif; font-weight: 500; font-style: normal; font-size: 16px; line-height: 1.5; color: #7b7b7b; overflow-x: hidden; }
.page-wrapper{overflow-x: hidden;}
/* ------------------------
    Typography
------------------------*/
h1, h2, h3, h4, h5, h6 {font-weight: normal; margin-top: 0px; margin-bottom: 0px; text-transform: capitalize;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 60px; font-style: normal; line-height: 70px; font-weight: 600; text-transform: capitalize; color: #081b3a; letter-spacing: 0; }
h2 { font-size: 40px; font-style: normal; line-height: 50px; font-weight: 600; color: #081b3a; text-transform: capitalize; margin-bottom: 10px; position: relative; }
h3 { font-size: 30px; font-style: normal; line-height: 40px; font-weight: 500; color: #081b3a; }
h4 { font-size: 24px; font-style: normal; margin-bottom: 10px; font-weight: 500; line-height: 34px; color: #081b3a; }
h5 { font-size: 20px; font-style: normal; margin-bottom: 10px; font-weight: 500; line-height: 26px; color: #081b3a; }
h6 { font-size: 18px; font-style: normal; line-height: 24px; margin-bottom: 10px; color: #081b3a; }
ul { margin: 0px; padding: 0px; }

.text-large{font-size: 72px; line-height: 72px;}

/* ------------------------
    Helper class
------------------------*/
p { line-height: 1.7; }
.lead { font-weight: normal; font-size: 16px; line-height: 30px; }
.o-hidden { overflow: hidden; }
.pos-r { position: relative; }
.z-index-0 { z-index: 0; position: relative; }
.z-index-1 { z-index: 1; position: relative; }
h1 span { color: #0293d5; }
section { padding: 80px 0; }


.font-w-3 { font-weight: 300; }
.font-w-4 { font-weight: 400; }
.font-w-5 { font-weight: 500; }
.font-w-6 { font-weight: 600; }
.font-w-7 { font-weight: 700; }
.font-w-8 { font-weight: 800; }
.font-w-9 { font-weight: 900; }


/* ------------------------
    Text color
------------------------*/
.text-theme { color: #0293d5; }
.text-theme2 { color: #009c49; }
.text-black { color: #081b3a !important; }
.text-grey { color: #999999; }
.text-rgba { color: rgba(255, 255, 255, 0.8); }


/* ------------------------
    Background color
------------------------*/
.white-bg { background-color: #ffffff !important; }
.dark-bg { background-color: #21325b; }
.grey-bg { background-color: #edf0ff; }
.theme-bg { background-color: #0293d5; }
.theme-bg-2 { background-color: #009c49; }
.transparent-bg { background-color: inherit !important; }


.ic-2x { font-size: 2em; }
.ic-3x { font-size: 3em; }
.ic-5x { font-size: 5em; line-height: 50px}
.ic-7x { font-size: 7em; line-height: 70px}


/* ------------------------
    Banner
------------------------*/
.banner-text{padding: 8rem 0; position: relative; z-index: 99}
[data-bg-img] { background-size: cover; background-position: center center; background-repeat: no-repeat; }


#particles-js {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
    opacity: 0.4
}


/* -------------------------------
   Background Position & Size
-------------------------------*/
.bg-cover { background-size: cover; }
.bg-contain { background-size: contain; }
.bg-pos-l { background-position: left; }
.bg-pos-r { background-position: right; }
.bg-pos-rt { background-position: right top; }
.bg-pos-lt { background-position: left top; }
.bg-pos-rb { background-position: right bottom; }
.bg-pos-lb { background-position: left bottom; }
.bg-repeat { background-repeat: repeat; }


/* ------------------------
    Section Title
------------------------*/
.section-title { margin-bottom: 50px; position: relative; }
.section-title p { font-size: 16px; margin-bottom: 0;}
.title { position: relative; margin-bottom: 0; }
.dark-bg .title, .theme-bg .title, .theme-bg .section-title h6 { color: #ffffff }
.section-title h6 {position: relative; display: inline-block; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; color: #0293d5;}
.section-title h2 { margin-bottom: 15px; }


/* ------------------------
    Button
------------------------*/
.btn{padding: 0 30px 0 0; line-height: 3.5rem; background: transparent; color: #ffffff; position: relative; display: inline-block; cursor: pointer; outline: none; border: 0; vertical-align: middle; text-decoration: none;}
.btn:hover { background: #009c49; color: #ffffff}
.btn.focus, .btn:focus { box-shadow: none; color: #ffffff;}
.btn + .btn{margin-left: 15px}
.btn:before { content: ""; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; left: 0; top: 0; margin: 0; width: 100%; height: 100%; background: #0293d5; border-radius: .25rem; }
.btn .btn-icon { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; bottom: 0; margin: auto; background: #fff; }
.btn .btn-icon.btn-arrow { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); left: 0.625rem; width: 1.125rem; height: 0.125rem; background: none; }
.btn .btn-icon.btn-arrow::before { position: absolute; content: ''; top: -0.25rem; right: 0.0625rem; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid #fff; border-right: 0.125rem solid #fff; transform: rotate(45deg); }
.btn .btn-text { margin: 0; position: relative; z-index: 1; margin-left: 40px; vertical-align: middle; display: inline-block; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); padding: 0; color: #ffffff; font-weight: 600; line-height: 1.6; text-align: center; }
.btn:hover{background: none}
.btn:hover:before { width: 100%; background: #009c49;}
.btn:hover .btn-icon.btn-arrow { background: #fff; transform: translate(1rem, 0); }
.btn:hover .btn-text { color: #fff; margin-left: 60px;}



/* ------------------------
    Privacy Policy
------------------------*/
.privacy-policy p { margin-bottom: 25px; }
.privacy-policy ul.list { margin-bottom: 20px; display: block; }
.privacy-policy ul.list li i { padding-right: 12px; font-size: 15px; }


/* ------------------------
    Contact
------------------------*/
.contact-media ul li { position: relative; display: flex; align-items: center; margin-bottom: 20px;}
.contact-media ul li i {margin-right: 10px; font-size: 30px; line-height: 30px; color: #0293d5; }
.contact-media ul li span{color: #081b3a;}
.contact-media ul li a{color:  #081b3a;}
.contact-media ul li a:hover{color: #0293d5;}


.form-group { margin-bottom: 20px; position: relative; }
label { font-size: 14px; color: #081b3a }
.form-control { height: 50px; border-radius: 0; font-size: 13px; color: #081b3a; background: none; border: none; border-bottom: 1px solid #dee2e6; }
textarea.form-control { height: 150px; }
.form-control:focus { box-shadow: none; background: none; border-color: #009c49; }
select.form-control { -moz-appearance: none; -webkit-appearance: none; appearance: none; height: 50px !important; }
iframe { width: 100%; height: 100%; border: none; pointer-events: auto; }
.iframe-h { height: 500px !important; }
.iframe-h-2 { height: 600px !important; }
.form-control::-webkit-input-placeholder { color: #303231; }
.form-control::-moz-placeholder { color: #303231; }
.form-control:-ms-input-placeholder { color: #303231; }
.form-control:-moz-placeholder { color: #303231; }
.help-block.with-errors { position: absolute; color: red; right: 15px; font-size: 10px; line-height: 14px; }
.success { padding: 1em; margin-bottom: 0.75rem; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 100% }
.error { padding: 1em; margin-bottom: 0.75rem; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #b94a48; background-color: #f2dede; border: 1px solid rgba(185, 74, 72, 0.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 100% }
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #ffffff inset !important; -webkit-text-fill-color: #081b3a !important; transition: background-color 5000s ease-in-out 0s;}



/* ------------------------
    List Icon
------------------------*/
.list-icon li { position: relative; display: flex; align-items: flex-start;}
.list-icon li i {color: #009c49; line-height: 30px; font-size: 14px; width: 100px; height: 30px; max-width: 30px; background: rgba(2, 147, 213, 0.1); display: inline-block; text-align: center; border-radius: 50%; margin-right: 10px;}

.value-box{border: 1px solid #dee2e6; border-radius: .25rem}
.value-box h3 i{font-size: 40px; vertical-align: middle;}
.value-box ul{padding: 30px;}

/* ------------------------
    Social Icons
------------------------*/
.social-icons ul { padding: 0; margin: 0; line-height: 0; }
.social-icons li { display: inline-block; list-style: none; padding: 0; margin: 0 8px 0 0; }
.social-icons li a { display: inline-block; background: #ffffff; height: 30px; width: 30px; line-height: 30px; font-size: 14px; text-align: center; border-radius: .25rem; color: #081b3a; }
.social-icons li:hover a { transform: rotateY(360deg); color: #0293d5}

/* ------------------------
    Featured Box
------------------------*/
.featured-item{position: relative;text-align: center; padding: 50px 10px; box-shadow: 0 12px 15px rgba(140,152,164,.1); border-radius: .25rem}
.featured-item .featured-icon {margin-bottom:20px; overflow: hidden; color: #0293d5; display: inline-block; font-size: 50px; line-height: 100px; width: 100px; height: 100px; background: #ffffff; border-radius: 50%; text-align: center; }
.featured-item .featured-icon i{ display:inline-block; }
.featured-desc p{margin-bottom: 0;}
.featured-title h5{margin-bottom: 15px; text-transform: capitalize;}
.featured-item:hover .featured-icon i { -webkit-animation: toTopFromBottom 0.9s forwards; -moz-animation: toTopFromBottom 0.9s forwards; animation: toTopFromBottom 0.9s forwards; color: #009c49; }
.gp-title {
    font-size: 145px;
    color: #fff;
    font-weight: 100;
    line-height: 130px;
}


/* ------------------------
    Case Studies
------------------------*/
.cases-item{position: relative;}
.cases-desc{padding-top: 30px;}
.cases-desc h5{margin-bottom: 0;}

.image-boxes{overflow: hidden; border-radius: .25rem; position: relative;}
.image-boxes .image-boxes-desc {position: absolute; top: 50%; text-align: center; width: 100%;}
.image-boxes .image-boxes-desc h4 a{color: #ffffff}
.image-boxes:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: #000; opacity: 0.5;}


/* ------------------------
    Tab
------------------------*/
.tab .nav-tabs { border: none; display: flex; }
.tab .nav-tabs .nav-link { background: #0293d5; width: 24.2%; margin-right: 1%; text-align: center; border:none; border-radius: .25rem; font-size: 16px; font-weight: 600; color: #ffffff; position: relative; padding: 15px; }
.tab .nav-tabs .nav-link:last-child{margin-right: 0;}
.tab .nav-tabs .nav-link.active, .tab .nav-tabs .nav-link:hover, .tab .nav-tabs.active > a:focus, .tab .nav-tabs > a:hover { background: #009c49; color: #ffffff; }

.product-list li{border-bottom: solid 1px #dee2e6; padding: 12px 0;}
.product-list li span{font-weight: 600; color: #081b3a}

.about-sidebar li{font-size: 28px; color: #0293d5; line-height: 36px; border-bottom: 5px solid #009c49; padding: 30px 0}
.about-sidebar li:last-child{border-bottom: none; padding-bottom: 0}
.about-sidebar li strong{font-size: 42px; line-height: 42px; font-weight: 600; display: block; padding: 5px 0}


.policy-box {overflow: hidden; position: relative; text-align: center;}
.popup-hover a{z-index: 9; width: 50px; height: 50px; line-height: 50px; background: #ffffff; display: inline-block;
color: #009c49; font-size: 24px; border-radius: 50%; opacity: 0;}
.popup-hover a:hover{background: #009c49; color: #ffffff;}
.policy-box:hover .popup-hover a{opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg);}
.hover-icon{position: absolute; top: 50%; width: 100%; padding: 15px; left: 0; z-index: 999;}

.policy-box .popup-hover {bottom: 10px; left: 10px; position: absolute; right: 10px; top: 10px; opacity: 0;
background: -webkit-linear-gradient(top, rgba(2,147,213,0) 0%, rgba(2,147,213,0.9) 35%); background: linear-gradient(to bottom, rgba(2,147,213,0) 0%, rgba(2,147,213,0.9) 35%);}
.policy-box .popup-hover {-webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6); -moz-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
  -ms-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6); -o-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6); transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
  -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%;}
.policy-box:hover .popup-hover {opacity: 1; transform: rotateX(0deg) translate3d(0px, 0%, 0px) scale(1); transition-delay: 0.21s;}


.table .thead-light th {
    color: #081b3a;
    background-color: #edf0ff;
    border-color: #dee2e6;
}

.mg-top {margin-top: -50px !important; }
.responsive-table li{display: flex; flex-wrap: wrap;}
.table-header .col-12{border: 1px solid #dee2e6; padding: .75rem; background: #edf0ff; color: #081b3a; font-weight: bold;}
.table-row .col-12{border-bottom: 1px solid #dee2e6; border-right: 1px solid #dee2e6; padding: .75rem}
.table-row .col-12:first-child{ border-left: 1px solid #dee2e6;}
.table-row .col-12{color: #081b3a}