@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap'); body {padding: 0; margin: 0; font-family: 'Nunito', sans-serif;}

a {text-decoration: none !important;}

a:hover {text-decoration: none !important;}

a:focus {outline: 0px auto -webkit-focus-ring-color !important; outline-offset: 0px !important;}

/* Header CSS Start */
.header-section {background: #38b44a;padding: 8px 0 6px 0px;}
.header-section .header-widget ul {padding-left: 0;margin-bottom: 0;list-style: none;}
.header-section .header-widget ul li {font-size: 15px;padding-right: 30px;margin-right: 15px;color: #ffffff;float: left;}
.header-section .header-widget ul li::before {position: absolute;content: '';background: #ffffff;width: 4px;height: 23px;right: 0;top: 0px;}
.header-section .header-widget ul li i {margin-right: 5px;font-size: 18px;top: 1px;position: relative; color: #fff;}
.header-section .header-widget ul li a {color: #fff; font-weight:500;}
.header-section .header-widget ul :nth-child(2)::before {display: none;}
.header-section .header-social ul {padding-left: 0;margin-bottom: 0;}
.header-section .header-social ul li{ text-decoration:none; list-style:none; float: right;}
.header-section .header-social ul li a i {color: #232d70;background: #ffffff;width: 25px;height: 25px;border-radius:5px;display: inline-block;text-align: center;line-height: 28px;margin-left: 5px;position: relative;z-index: 0;-webkit-transition: .5s;transition: .5s;}
.header-section .header-social ul li a i::after {position: absolute;content: '';width: 0;height: 0;background: #249846;top: 0;left: 0;border-radius: 5px;z-index: -1;-webkit-transition: .5s;transition: .5s;}
.header-section .header-social ul li a i:hover::after {width: 100%;height: 100%;}
.header-section .header-social ul li a i:hover {color: #ffffff;}
/* Header CSS End */

.carousel-control-prev-icon, .carousel-control-next-icon {width: 45px; background-color: #256aa3; height: 50px;}
.carousel-control-prev, .carousel-control-next {position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 40px; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.8; transition: opacity 0.15s ease;}


/*Page Title Start */
.breadcrum-bg {padding: 40px 0px 40px;}
.w3l-breadcrum .breadcrum-bg {text-align: right;}
.w3l-breadcrum {background-size: cover; background-repeat: no-repeat; background-position: center; position: relative;}
.w3l-breadcrum:before {content: ""; z-index: -1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(to right, #25a4dc, #38b44a); opacity: 0.85;}
.w3l-breadcrum .breadcrum-bg h1 {letter-spacing: 1px; line-height: 45px; font-size: 35px; color: #fff; font-weight: 800; text-transform: uppercase; margin: 0px; padding-top: 0px; padding-bottom: 8px;}
.w3l-breadcrum .breadcrum-bg p {font-size: 16px; color: #fff; text-align: center; margin: 0px 0px; background-color: #239ad5; display: inline-block; padding: 4px 19px; border-radius: 3px; letter-spacing: 0.3px;}
.w3l-breadcrum .breadcrum-bg p span {margin: 0px 10px; font-weight: 900;}
.w3l-breadcrum .breadcrum-bg p a {font-size: 16px; color: #fff;}
/*Page Title Start */

/*Page Part Start */
.page-part {padding: 30px 0px;}
.page-text p {text-align: justify; font-size: 16px; line-height: 27px;}
.page-text h2 {font-size: 25px; line-height: 37px; margin: 5px 0px; font-weight: 500; color: #ff0000;}
.page-text h3 {font-size: 24px; line-height: 34px; font-weight: 600; border-bottom: 2px solid #38B44A; display: inline-block; color: #259FD9; text-transform: uppercase;}
.page-text h4 {font-size: 22px; font-weight: 700; color: #249fd8; border-bottom: 2px solid #000; display: inline-block; line-height: 32px;}
.turn-text {text-align: center;}
.turn-text h2 {font-size: 24px; text-align: center; background-color: #249FD8; padding: 10px 20px; display: inline-block; border-radius: 15px; color: #fff;}
.turn-text img {width: 100%; height: auto;}
.page-img img {width: 100%; height: auto; border: 1px solid #000; padding: 3px;}
.package ul{padding-left:5px;margin-bottom:0;}
.package ul li{background-image:url(../images/arrow-now.png);background-repeat:no-repeat;background-position:0 14px;padding-left: 28px;list-style:none;text-align:left;padding-top:5px;padding-bottom:5px;font-size:17px;line-height: 27px;color: #000;}
.package ul li a{color:#fff;text-decoration:none;letter-spacing:.2px;}
.package ul li a:hover{color:#fcc;text-decoration:none;transition:0.5s;}
.mt {margin-top: 20px;}

.a-sub {width: 400px !important}
.p-box {border: 1px solid #000; border-radius: 15px; padding: 10px; text-align: center;}
.p-box img {width: 100%; height: auto;}
.p-box h4 {font-size: 18.5px; font-weight: 800; color: #239BD5; }
.p-box p {font-size: 16px; line-height: 27px; color: #000; margin-bottom: 0px;}
.p-box a {color: #fff;}
.table-responsive td {padding: 5px; font-size: 15px; border: 1px solid #000000; line-height: 30px; color: #000;}
.bg tr:nth-child(odd) {background-color: #11b2da4a; color: #000;}
.bg tr:hover {background-color: #00a85945;}
.table-responsive .tbale-bg {background-color: #0b5294; color: #fff;}
.table-responsive .tbale-bg-tr {background-color: #84C44C; color: #fff;}
.tbale-bg-part {background-color: #00afef; color: #fff !important; font-weight: 800;}
/*Page Part Start */

/* Welcome CSS Start */
.wel-part {padding: 40px 0px; background-color: #fff;}
.wel-img img { width: 100%; height: auto; }
.welc-text {border-left: 3px solid #5db759; padding-left: 10px;}
.welc-text span {font-size: 14px;letter-spacing: 0.3px;line-height: 48px;border-radius: 25px;padding: 7px 22px 7px;text-transform: uppercase;color: #ffffff;background-color: #31ab48;}
.welc-text h1 {font-size: 35px;text-transform:uppercase;margin: 0px 0px 0px;color: #2257a3;line-height: 40px;font-weight: 700;}
.wel-text h2 {font-size: 25px; line-height: 37px; margin: 5px 0px; font-weight: 500; color: #ff0000;}
.wel-text p { font-size: 16px; line-height: 29px; color: #000; text-align: justify; margin-bottom: 5px; }
.button-box {background-color: #F2F5F9; color: #25a0d9; padding: 0 0 0 12px; font-size: 15px; line-height: 33px; text-transform: uppercase; display: inline-block; margin: 8px 0 0 0; border: 2px solid #25a0d9; font-weight: 700; text-decoration: none;}
.button-box i { background-color: #25a0d9; padding: 9px; margin: 5px 5px 5px 9px; padding-left: 7px; font-size: 18px; border-radius: 1px; color: #fff; text-decoration: none; width: 34px; height: 34px; line-height: 8px; font-weight: 700; letter-spacing: .5px; border: 3px solid #fff;}
.wel-point i {background-color: #2399d4; font-size: 18px; font-weight: 600; width: 39px; height: 39px;  padding: 9px; border-radius: 50%; color: #fff; margin-bottom: 5px;}
.wel-point p { font-size: 16px; line-height: 29px; color: #000; text-align: justify; margin-bottom: 5px; }
/* Welcome CSS End */

/* Point Part CSS Start */
.point-part {padding: 50px 0px; background-color: #fff;}
.feature .feature-item { border-radius: 10px; background: #d8e2fdbf; transition: 0.5s;}
.feature .feature-item:hover { background: #39b54a;}
.feature .feature-item .feature-icon { position: relative; width: 100px; display: inline-flex; align-items: center; justify-content: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background: #F2F5F9;}
.feature .feature-item:hover .feature-icon i { z-index: 9;}
.feature .feature-item .feature-icon::after { content: ""; position: absolute; width: 100%; height: 0; top: 0; left: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background: #262F72; transition: 0.5s; z-index: 1;}
.feature .feature-item:hover .feature-icon::after { height: 100%;}
.feature .feature-item .feature-icon { color: #274e9e;}
.feature h4 {font-size: 20px !important; margin-bottom: 8px !important;}
.feature .feature-item .feature-icon,
.feature .feature-item h4,
.feature .feature-item p { transition: 0.5s; font-size: 17px; line-height: 27px;}
.feature .feature-item:hover .feature-icon { color: #fff !important;}
.feature .feature-item:hover h4,
.feature .feature-item:hover p { color: #fff;}
.feature .feature-item:hover a.btn { background: #fff; color: #000;}
.feature .feature-item:hover a.btn:hover { background: #2469A2; color: #fff;}
.feature-box {background-color: #04386b; color: #fff; padding: 3px 20px; font-size: 15px; line-height: 33px; text-transform: uppercase; display: inline-block; margin: 8px 0 0 0; font-weight: 700; text-decoration: none; border-radius: 22px;}
.feature-box:hover {background-color: #2884E1; color: #fff; padding: 3px 20px; font-size: 15px; line-height: 33px; text-transform: uppercase; display: inline-block; margin: 8px 0 0 0; font-weight: 700; text-decoration: none; border-radius: 22px;}
.feature-box a {text-decoration: none; color: #fff;}
.feature-box i {padding-left: 5px;}
/* Point Part CSS End */


/* Product Part CSS Start */
.product-part {background-color: #24a0d926;padding: 50px 0px;background-image: url(../images/product-bg.png);background-position: center;background-repeat: no-repeat; background-attachment: fixed;}
.service-box {text-align: center; border: 1px solid #0b569f52; padding: 25px 10px; border-radius: 0px 50px; margin: 15px 10px;}
.service-box:hover { transform: translateY(-5px);  border-radius: 20px;}
.service-box img { width: 140px; height: auto;}
.service-box h4 {font-size: 18px !important; line-height: 30px; margin: 10px 0px 0px 0px; color: #04386B; text-transform: uppercase; font-weight: bold;}
.service-box p {font-size: 17px; line-height: 27px; color: #000; margin: 0px;}
.service-box a {text-decoration: none; font-size: 15px; color: #ffffff; font-weight: bold; text-transform: capitalize;}
.r-btn {background-color: #04386b; color: #fff; padding: 3px 20px; font-size: 15px; line-height: 33px; text-transform: uppercase; display: inline-block; margin: 8px 0 0 0; font-weight: 700; text-decoration: none; border-radius: 22px;}
.r-btn i {padding: 12px; padding-left: 5px; font-size: 16px; border-radius: 1px; color: #fff; text-decoration: none; width: 30px; height: 30px; line-height: 11px; font-weight: 700; letter-spacing: .5px; border-radius: 50px;}
.owl-controls .owl-buttons .owl-prev {background: #299e47; position: absolute; top: 38%; left: -21px; padding: 3px 13px 3px 13px; border-radius: 30px; border: 3px solid #fff; transition: background 0.5s ease 0s;}
.owl-controls .owl-buttons .owl-next {background: #299e47; position: absolute; top: 38%; right: -21px; padding: 3px 13px 3px 13px; border-radius: 30px; border: 3px solid #fff; transition: background 0.5s ease 0s;}
.owl-controls .owl-buttons .owl-prev:after, .owl-controls .owl-buttons .owl-next:after {content: "\f100"; font-family: "Font Awesome 5 Pro"; color: #ffffff; font-size: 16px;}
.owl-controls .owl-buttons .owl-next:after { content: "\f101";}
/* Product Part CSS End */

/* Industry Part CSS Start */
.industry-part {background-color: #EFF3F6;padding: 50px 0px; border-radius: 150px 0px 150px 0px;}
.industry-block img {width: 98%; height: auto; border: 1px solid #000; padding: 2px; margin-left: 2px;}
.industry-block h4 {background-color: #25A0D9; color: #fff; font-size: 18px; padding: 5px 0px; text-align: center; width: 98%; margin-left: 2px;}
/* Industry Part CSS End */

/* Nations Part CSS Start */
.nations {padding: 50px 0px; background-color: #fff;}
.mt {margin-top: 25px;}
.flg-img img {width: 100%; height: auto; border: 2px solid #284E9D; padding:2px; border-radius: 15px;}
.flg-img {text-align: center;}
.flg-img h5 {font-size: 18px; font-weight: bold; margin-top: 8px;}
/* Nations Part CSS Start */

/* Blog Part CSS Start */
.blog-box {padding: 10px; border: 1px solid #38b44a;} 
.blog-box h4 {font-size: 20px;}
.blog-box  p {font-size: 17px; line-height: 28px; margin-bottom: 0px; text-align: justify;}
.blog-button-box p a{background-color: #29499a;color:#fff;padding:8px 30px;font-size: 17px;font-weight:600;text-transform:uppercase;display:inline-block;margin: 9px 0 0px;text-decoration: none;border-radius:100px;}
.blog-page h4 {font-size: 20px; color: #29499a; font-weight:700;}
.blog-page strong {font-size: 18px; line-height: 29px; font-weight: bold;}
.blog-page p {font-size: 17px; line-height: 28px; margin-bottom: 0px; text-align: justify;}
.r-btn a {color: #fff !important;}
.con a {color: #000 !important;}
.
/* Blog Part CSS End */


/* Client Part CSS Start */
.client-part {padding: 50px 0px; background-color: #EFF3F6;}
.client-block img {width: 98%; height: auto; border: 2px solid #284E9D; padding: 2px; margin-left: 2px; border-radius: 0px 18px 0px 18px;}
/* Client Part CSS Start */

/*-- Contact Start CSS --*/
.contact-text-info h3 {font-size: 18px; font-weight: 600; color: #325592; line-height: 21px; margin: 0px 0px 0px; letter-spacing: 0.5px; text-transform: uppercase;}
.contact-text-info a {color: #000; text-decoration: none;}
.contact-text-info a:hover {color: #012a67; text-decoration: none; transition: 0.5s;}
.contact-detail span {font-size: 18px; color: #333; font-weight: 500; text-transform: uppercase;}
.contact-detail {padding-top: 25px;}
.contact-detail p {padding-top: 0px;}
.contact-text-info {position: relative; padding-left: 0px; list-style: none; text-decoration: none; margin-bottom: 0px;}
.list-unstyled {padding-left: 0; list-style: none;}
.contact-text-info:before {content: ' '; background: #2497d2; display: inline-block; position: absolute; left: 8px; width: 5px; height: 100%; z-index: 1;}
.contact-text-info li {padding-left: 36px; position: relative; color: #000; line-height: 30px; font-weight: 300; font-size: 18px; padding-bottom: 20px; padding-top: 9px;}
.contact-text-info>li:before {content: ' '; background: #fff; display: inline-block; position: absolute; border-radius: 50%; border: 3px solid #30a748; left: 0; width: 22px; height: 22px; z-index: 1;}
.contact-text-info li p {margin-bottom: 0; line-height: 24px;}
.contact-text-info>li::after {content: ' '; background: #249dd8; display: inline-block; position: absolute; border-radius: 50%; top: 15px; left: 6px; width: 10px; height: 10px; z-index: 2;}

.button-box-c {border: none; color: #fff; padding: 7px 15px; font-size: 15px; line-height: 33px; display: inline-block; margin: 5px; font-weight: 700; text-decoration: none; border-radius: 15px; background-color: #2399d4;} 
.button-box-c:hover {background-color: #30a748;}
.button-box-c:hover { border: none; color: #fff;}
.input-group-text {background-color: #249cd6 !important; color: #fff !important;}

/*-- Contact End CSS --*/

/* Footer CSS Start */
.agile-footer {background-image: url(../images/footer-bg-1.png); background-color: #259fd9; padding: 50px 0px 40px; border-top: 4px solid #2FA848; background-repeat: no-repeat;}
.aglie-info-logo {text-align: center; padding: 1px 25px;}
.aglie-info-logo img {width: 65%; height: auto; background-color: #ebebeb; padding: 5px 11px; border-radius: 15px; border: 2px solid #88c53f;}
.footer-text p {font-size: 17px; line-height: 29px; color: #f2f2f2; text-align: center; letter-spacing: 0; margin: 12px 67px 9px;}
.social-icon {position: relative; padding-left: 0px; padding-top: 0px; text-align: center; margin: 0px 0px 1px;}
.social-icon li {display: inline-block; margin: 0 3px;}
.social-icon li a {display: inline-block; width: 43px; height: 43px; background: #2fa848; line-height:40px; text-align: center; border-radius: 50%; transition: .5s; color: #fff; font-size: 17px; border: 3px solid #ffffff;}
.social-icon li a:hover {background: #ffffff; border-color: #2fa848; color: #2fa848;}
.footer-border {border: 2px solid #2fa848; background-color: #ffffff; margin: 20px 0px 0px; border-radius: 8px;}
.footer-content-1 {padding: 15px 14px;}
.footer-content-1 .footer-icon-box-1 {margin: 7px 0px; line-height: 50px; font-size: 54px; width: 55px; height: 79px; position: relative; color: #2fa848; display: inline-block; text-align: center;}
.footer-content-1 .feature-footer-text-1 {padding-left: 72px;}
.feature-footer-text-1 p {font-size: 17px; color: #5c5c5c; line-height: 30px; text-align: left; margin: 0px 0 1px; font-weight: 400; /* letter-spacing: 0.3px; */}
.feature-footer-text-1 p a {font-size: 18px; color: #5c5c5c; line-height: 30px; text-align: left; margin: 0 0 0px; font-weight: 500; text-decoration: none;}
.feature-footer-text-1 p a:hover {color: #053c5f; transition: 1s;}
.feature-footer-text-1 h4 {font-size: 18px; line-height: 18px; color: #053c5f; font-weight: 600; text-align: left; margin: 4px 0 3px 0; text-transform: uppercase;}
.float-left {float: left!important;}
.power-by-bg {background-color: #30a748; position: relative; padding: 15px 0px; margin-top: 45px;}
.power-by p {color: #fff; padding: 0; margin: 0; font-size: 18px; line-height: 28px;}
.power-by p a {color: #fff;}
.power-by p a:hover {color: #020334; transition: .5s;}
.img-box-footer {position: absolute; top: -22px;}
.img-box-footer img {width: 90%; height: auto; background-color: #fff; padding: 5px 20px; border-radius: 5px;}
.whatsapp_btn {position: fixed; bottom: 100px; left: 10px; width: 50px; height: 50px; z-index: 100;}
.whatsapp_btn .icon_logo {position: relative; z-index: 150; padding: 5px;}
.whatsapp_btn .icon_logo>a>img {width: 100%;}
.whatsapp_btn .circle_waves {border-radius: 50%; background-color: #3cc04e; width: 50px; height: 50px; position: absolute; opacity: 0; bottom: 1px; left: 0; z-index: 120; animation: waves 4s infinite cubic-bezier(.36,.11,.89,.32);}
@keyframes waves {from {    transform: scale(.55,.55);     opacity: .6; } to {    transform: scale(1.8,1.8);     opacity: 0; }}
/* Footer CSS End */


.responsive-table {width: 100%; border-collapse: collapse; margin: 10px 0; font-size: 16px; min-width: 300px; overflow-x: auto; }
.responsive-table thead {background-color: #f2f2f2;}
.responsive-table th, .responsive-table td {padding: 12px 15px; border: 1px solid #ddd; text-align: left;}

@media screen and (max-width: 600px) {
.responsive-table thead {display: none;}
.responsive-table, 
.responsive-table tbody, 
.responsive-table tr, 
.responsive-table td {display: block; width: 100%;}
.responsive-table tr {margin-bottom: 15px;}
.responsive-table td {text-align: right; padding-left: 50%; position: relative;}
.responsive-table td::before {content: attr(data-label); position: absolute; left: 15px; width: 45%; padding-left: 15px; font-weight: bold; text-align: left;}
}