@charset "utf-8";
/* CSS Document */
/* :: All Transition */
* {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: none;
}

@keyframes marquee {
  0% {
    transform: translateX(0)
  }
  100% {
    transform: translateX(-100%)
  }
}

.title-black-center{ text-align:center; width:100%; position:relative; margin-bottom:30px; }
.title-black-center h2{ text-align:center; font-size:35px; color:#000000; font-weight:600; }

.title-wht-center{ text-align:center; width:100%; position:relative; margin-bottom:30px; }
.title-wht-center h2{ text-align:center; font-size:35px; color:#ffffff; font-weight:600; }

.footer-last{width: 100%; float: left; position: relative; background: #212121; padding:15px 0px;}
.footer-last .copy-right{ display: flex; align-items: center; justify-content: space-between; position: relative;}
.footer-last .copy-right p{ font-size:16px; margin-bottom:0px; font-weight:300; color:#ffffff; }

.footer{width: 100%; float: left; position: relative; background: #3b3b3b; padding: 20px 0px 0px 0px;}
.footer .quick-links{ position:relative; }
.footer .quick-links h6{ font-size:16px; color:#fbe30c; font-weight:600; margin-bottom:15px; }
.footer .quick-links ul{margin: 0; padding: 0;}
.footer .quick-links ul li{list-style-type: none; display: block; margin-bottom: 10px; color: #ffffff; font-size: 15px; font-weight: 300; margin-left: 18px;}
.footer .quick-links ul li a{color: #ffffff; text-decoration: none;}
.footer .quick-links ul li a:hover{color: #fbe30c; transition: 0.5s linear;}
.footer .quick-links ul li a:before {content: "\f178"; font-family: FontAwesome; display: inline-block; margin-left: -18px; color: #FFFFFF; font-size: 13px; position: absolute;}

.footer-contact{position: relative;}
.footer-contact h6{ font-size:16px; color:#fbe30c; font-weight:600; margin-bottom:15px; }
.footer-contact p{ font-size:15px; color:#ffffff; margin-bottom:10px; font-weight:300; line-height:25px; }

.footer-contact .contact-details{position: relative;}
.footer-contact .contact-details ul{margin: 0; padding: 0;}
.footer-contact .contact-details ul li{ display:flex; align-items:center; gap:10px; margin-bottom:15px; font-size:15px; color:#ffffff; font-weight:300; }
.footer-contact .contact-details ul li .icon-round{ background:#ffffff; border-radius:50%; width:37px; height:37px; text-align:center; line-height:37px; color:#196d08; font-size:16px; }

.footer-contact .socialfoot {position: relative; margin-bottom: 30px;}
.footer-contact .socialfoot ul {list-style: outside none none; margin: 0; padding: 0;}
.footer-contact .socialfoot ul li {display: inline-block; margin: 0 5px 0 0px; font-size: 16px; font-weight: 500; line-height: 20px; color: #000000;}
.footer-contact .socialfoot ul li a {background-image: none; text-decoration: none;}
.footer-contact .socialfoot ul li .fb {color: #30539d; border-radius: 20px; display: block; font-size: 15px; height: 37px; line-height: 37px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 37px; background: #ffffff; border: 1px solid #30539d}
.footer-contact .socialfoot ul li .fb:hover {border-radius: 20px; color: #ffffff; border: 1px solid #30539d; background: #30539d;}
.footer-contact .socialfoot ul li .in {color: #0275b4; display: block; font-size: 15px; border-radius: 20px; height: 37px; line-height: 37px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 37px; background: #ffffff; border: 1px solid #0275b4;}
.footer-contact .socialfoot ul li .in:hover {border-radius: 20px; border: 1px solid #0275b4; color: #ffffff; background: #0275b4;}

.home-our-client{width: 100%; float: left; position: relative; background: #ffffff; padding: 30px 0px 30px 0px; text-align: center;}
.home-our-client .clients-pane{ border:1px solid #e7e7e7; position:relative; margin-bottom:30px; }

.home-our-client .owl-theme .owl-nav .owl-prev, .home-our-client .owl-theme .owl-nav .owl-next {/*box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.2);*/ padding: 0px; color: #FFFFFF; font-size: 16px; margin: auto 5px; display: inline-block; cursor: pointer; background-color: #1058df; width: 40px; text-align: center; height: 40px; line-height: 40px; border: 1px solid #1058df; border-radius: 50%;}
.home-our-client .owl-theme .owl-nav [class*=owl-]:hover {background: #fbe30c; color: #FFFFFF!important; text-decoration: none; transition: .8s linear; border: none;}
.home-our-client .btn-form-submit {background: #fbe30c; color: #000000; padding: 10px 40px; display: inline-block; border-radius: 10px; border: 2px solid #e3d500; font-size: 16px; font-weight: 600; text-transform: uppercase; margin: 20px auto 0px auto;}
.home-our-client .btn-form-submit:hover {background: #fbe30c; color: #000000; border: 2px solid #e3d500; transition: 0.5s linear; }

.home-products{width: 100%; float: left; position: relative; background:url(../images/home-product-bg.jpg) no-repeat center top; background-size:cover; padding: 30px 0px 30px 0px;}
.home-products .product-pane{ background:#ffffff; padding:10px; margin-bottom:30px; position:relative; }
.home-products .img-section{ position:relative; margin-bottom:10px; }
.home-products a{ color:#000000; font-size:18px; color:#000000; font-weight:300; width:100%; }
.home-products a:after{content: "\f178"; font-family: FontAwesome; display: inline-block; right: 10px; position: absolute; background: #1058df; width: 28px; height: 28px; text-align: center; color: #ffffff; border-radius: 50%; font-size: 15px; line-height: 28px;}

.home-abt{width: 100%; float: left; position: relative; background:url(../images/home-abt-bg.jpg) no-repeat center top; background-size:cover; padding: 50px 0px 20px 0px;}
.home-abt .img-section{position: relative; margin-bottom: 30px;}
.home-abt .text-content{position: relative; margin-bottom: 30px;}
.home-abt .text-content p{ font-size:18px; line-height:31px; font-weight:300; color:#000000; margin-bottom:20px; text-align:justify; }
.home-abt .text-content h2{ font-size:33px; color:#000000; font-weight:600; margin-bottom:30px; }
.home-abt .text-content h2 span{font-size: 38px; font-weight:bold; font-style: italic;}
.home-abt .text-content .btn-form-submit {background: #fbe30c; color: #000000; padding: 10px 20px; display: inline-block; border-radius: 10px; border: 2px solid #e3d500; font-size: 16px; font-weight: 600; text-transform: uppercase; margin: 0px auto 0px auto;}
.home-abt .text-content .btn-form-submit:hover {background: #fbe30c; color: #000000; border: 2px solid #e3d500; transition: 0.5s linear; }
.adv-banner{width: 100%; float: left; position: relative; background: #ffffff; padding: 15px 0px 15px 0px; text-align: center;}
.banner-section {background: #FFFFFF; width: 100%; float: left; position: relative;}
.banner-section-mob {background: #FFFFFF; width: 100%; float: left; position: relative; display: none;}
.top-btn{position: relative; text-align: right; margin: 8px 0px;}
.download-btn {background: #fbe30c; color: #000000; padding: 10px 15px; display: inline-block; border-radius: 10px; border: 1px solid #e3d500; font-size: 15px; font-weight: 600; text-transform: capitalize; margin: 0px auto 0px auto;}
.download-btn:hover {background: #fbe30c; color: #000000; border: 1px solid #e3d500; transition: 0.5s linear; }our-clients{}

.our-clients{width: 100%; float: left; position: relative; background: #ffffff; padding: 30px 0px 0px 0px;}
.our-clients p{font-size: 16px; line-height: 26px; color: #000000; margin-bottom: 20px; text-align: justify;}
.our-clients h4{font-size: 20px; color: #1058df; margin-bottom: 12px; font-weight: 600;}
.our-clients .clients-pane{ border:1px solid #e7e7e7; position:relative; margin-bottom:30px; }

.internal-banners{width: 100%; float: left; position: relative;background-attachment: scroll!important; background-size: cover!important; background-repeat: no-repeat!important; background-position: center top!important; padding: 200px 0px 90px 0px;}
.internal-banners h2{color: #ffffff; font-size: 35px; font-weight: 600; text-align: right;}
.internal-banners .breadcrumb-pane {position: relative; text-align: right;}
.internal-banners .breadcrumb-pane ul {margin: 0; padding: 0;}
.internal-banners .breadcrumb-pane ul li {list-style-type: none; text-align: right; color: #ffffff; display: inline; text-transform: capitalize; font-size: 15px;}
.internal-banners .breadcrumb-pane ul li a {text-decoration: none; color: #ffffff;}
.internal-banners .breadcrumb-pane ul li a:hover {text-decoration: none; color: #fef315;}
.internal-banners .breadcrumb-pane ul li a::after {display: inline; padding-right: .3rem; padding-left: .5rem; color: #ffffff; content: "\f178"; font-family: FontAwesome; font-size: 13px;}

.gallery{width: 100%; float: left; position: relative; background: #ffffff; padding: 30px 0px 0px 0px;}
.gallery .img-section{ background:#fafafa; border:1px solid #e7e7e7; padding:10px; margin-bottom:30px; }
.gallery .top-content-section{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; column-gap: 30px;}
.gallery .top-content-section .content-pane{ position:relative;  width:80%; }
.gallery .top-content-section .content-pane p{font-size:16px; font-weight:400; color:#000000; margin-bottom: 20px; line-height: 26px;}
.gallery .top-content-section .btn-form-submit {background: #fbe30c; color: #000000; padding: 10px 20px; display: inline-block; border-radius: 50px; border: 2px solid #e3d500; font-size: 16px; font-weight: 600; text-transform: uppercase; }
.gallery .top-content-section .btn-form-submit:hover {background: #fbe30c; color: #000000; border: 2px solid #e3d500; transition: 0.5s linear; }
.gallery .top-content-section .content-pane h4{ font-size:22px; font-weight:600; color:#1058df; margin-bottom:15px;}
.contact-us-pane{width: 100%; float: left; position: relative; background: #ffffff; padding: 30px 0px 0px 0px;}
.contact-us-pane .contact-form{background: #ffffff; box-shadow: 0 0 10px rgb(0 0 0 / 10%); -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%); padding: 20px; margin-bottom: 30px;}
.contact-us-pane .contact-form h3{ font-size:22px; font-weight:600; color:#1058df; margin-bottom:15px; }
.contact-us-pane .contact-form p{ font-size:16px; font-weight:300; color:#000000; margin-bottom:25px; line-height:26px; }
.contact-us-pane .contact-form .form-row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px;}
.contact-us-pane .contact-form .form-group {margin-bottom: 1rem;}
.contact-us-pane .contact-form .form-row>.col, .form-row>[class*=col-] {padding-right: 10px; padding-left: 10px;}
.contact-us-pane .contact-form .form-check {margin-bottom: 0px; padding-left: 10px;}
.contact-us-pane .contact-form .btn-form-submit {background: #1058df; color: #FFFFFF; padding: 13px 35px; border: 1px dashed #c78f2e; font-size: 16px; font-weight: 600; text-transform: uppercase; display: inline-block; text-align: center;}
.contact-us-pane .contact-form .btn-form-submit:hover {background: #FFFFFF; color: #c78f2e; border: 1px dashed #c78f2e; transition: 0.8s linear;}
.contact-us-pane .contact-form .form-control {border-radius: 0px; background-color: transparent; color: #000000; font-size: 13px; border: 1px solid #d9d9d9; padding: 0.675rem .60rem;}
.contact-us-pane .contact-form input, .contact-us-pane .contact-form select {height: 50px!important; box-shadow: none;}
.contact-us-pane .contact-form textarea {height: 100px!important; box-shadow: none;}
.contact-us-pane .contact-form .input-group-addon:last-child {border-left: 0;}
.contact-us-pane .contact-form label {font-size: 16px; color: #000000; margin-bottom: 5px; display: block;}
.contact-us-pane .contact-form label span {color: #ff0000;}
.contact-us-pane .contact-form select option {font-size: 15px;}

.contact-us-pane .contact-image-details{ position:relative; width:100%; height:682px; padding:30px; background:url(../images/contact-img.jpg) no-repeat center top;}
.contact-us-pane .contact-image-details .contact-details{position: relative;}
.contact-us-pane .contact-image-details .contact-details ul{margin: 0; padding: 0;}
.contact-us-pane .contact-image-details .contact-details ul li{ display:flex; align-items:center; gap:10px; margin-bottom:15px; font-size:16px; color:#000000; font-weight:600; }
.contact-us-pane .contact-image-details .contact-details ul li .icon-round{ background:#ffffff; border-radius:50%; width:37px; height:37px; text-align:center; line-height:37px; color:#f79628; font-size:16px; }

.contact-us-pane .contact-image-details .social-contact {position: relative; margin-bottom: 30px;}
.contact-us-pane .contact-image-details .social-contact ul {list-style: outside none none; margin: 0; padding: 0;}
.contact-us-pane .contact-image-details .social-contact ul li {display: inline-block; margin: 0 5px 0 0px; font-size: 16px; font-weight: 500; line-height: 20px; color: #000000;}
.contact-us-pane .contact-image-details .social-contact ul li a {background-image: none; text-decoration: none;}
.contact-us-pane .contact-image-details .social-contact ul li .fb {color: #30539d; border-radius: 20px; display: block; font-size: 15px; height: 37px; line-height: 37px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 37px; background: #ffffff; border: 1px solid #30539d}
.contact-us-pane .contact-image-details .social-contact ul li .fb:hover {border-radius: 20px; color: #ffffff; border: 1px solid #30539d; background: #30539d;}
.contact-us-pane .contact-image-details .social-contact ul li .in {color: #0275b4; display: block; font-size: 15px; border-radius: 20px; height: 37px; line-height: 37px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 37px; background: #ffffff; border: 1px solid #0275b4;}
.contact-us-pane .contact-image-details .social-contact ul li .in:hover {border-radius: 20px; border: 1px solid #0275b4; color: #ffffff; background: #0275b4;}

.map-pane{width: 100%; float: left; position: relative; background: #ffffff; padding: 30px 0px 0px 0px;}
.map-pane .map-section{box-shadow: 0 0 10px rgb(0 0 0 / 10%); -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%); padding: 10px; margin-bottom:30px;}
.map-pane h3{ font-size:16px; font-weight:600; color:#000000; margin-bottom:10px; }
.map-pane p{font-size: 16px; line-height: 26px; font-weight: 300; margin-bottom: 30px;}

.career-section{width: 100%; float: left; position: relative; background: #ffffff; padding: 30px 0px 30px 0px;}
.career-section h4{font-size: 20px; color: #1058df; margin-bottom: 12px; font-weight: 600;}
.career-section p{font-size: 16px; line-height: 26px; color: #000000; margin-bottom: 20px; text-align: justify;}
.career-section ul li{list-style-type: none; display: block; margin-left: 25px; text-align: left; font-size: 16px; font-weight: 500; margin-bottom: 15px;}
.career-section ul li:before{content: "\f00c"; font-family: FontAwesome; display: inline-block; margin-left: -25px; color: #1058df; font-size: 16px; position: absolute;}

.career-section .career-form{background: #ffffff;  margin-bottom: 30px;}
.career-section .career-form .form-row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px;}
.career-section .career-form .form-group {margin-bottom: 1rem;}
.career-section .career-form .form-row>.col, .form-row>[class*=col-] {padding-right: 10px; padding-left: 10px;}
.career-section .career-form .form-check {margin-bottom: 0px; padding-left: 10px;}
.career-section .career-form .btn-form-submit {background: #1058df; color: #FFFFFF; padding: 13px 35px; border: 1px dashed #c78f2e; font-size: 16px; font-weight: 600; text-transform: uppercase; display: inline-block; text-align: center;}
.career-section .career-form .btn-form-submit:hover {background: #FFFFFF; color: #c78f2e; border: 1px dashed #c78f2e; transition: 0.8s linear;}
.career-section .career-form .form-control {border-radius: 0px; background-color: transparent; color: #000000; font-size: 13px; border: 1px solid #d9d9d9; padding: 0.675rem .60rem;}
.career-section .career-form input, .career-section .career-form select {height: 50px!important; box-shadow: none;}
.career-section .career-form textarea {height: 100px!important; box-shadow: none;}
.career-section .career-form .input-group-addon:last-child {border-left: 0;}
.career-section .career-form label {font-size: 16px; color: #000000; margin-bottom: 5px; display: block;}
.career-section .career-form label span {color: #ff0000;}
.career-section .career-form select option {font-size: 15px;}

.smb-content{position: relative; text-align: center;}
.smb-content p{font-size: 19px; color: #000000; font-weight: 600;}
.smb-content ul{margin: 0; padding: 0;}
.smb-content ul li{list-style-type: none; display: inline-block; margin-left: 25px; width: 28.9%; text-align: left; font-size: 20px; font-weight: 600; margin-bottom: 15px;}
.smb-content ul li:before{content: "\f00c"; font-family: FontAwesome; display: inline-block; margin-left: -25px; color: #000000; font-size: 16px; position: absolute;}
.smb-content .btn-form-submit {background: #fbe30c; color: #000000; padding: 10px 20px; display: inline-block; border-radius: 50px; border: 2px solid #e3d500; font-size: 16px; font-weight: 600; text-transform: uppercase; margin-bottom:10px; }
.smb-content .btn-form-submit:hover {background: #fbe30c; color: #000000; border: 2px solid #e3d500; transition: 0.5s linear; }

.abt-first-section{width: 100%; float: left; position: relative; background: #ffffff; padding: 30px 0px 0px 0px;}
.abt-first-section .img-section{ position:relative; margin-bottom:30px; }
.abt-first-section h2{ font-size:28px; color:#000000; font-weight:600; margin-bottom:10px; }
.abt-first-section h3{ font-size:26px; color:#0945b6; font-weight:600; margin-bottom:10px; }
.abt-first-section p{font-size: 18px; line-height: 28px; font-weight: 300; margin-bottom: 30px; text-align: justify;}

.vision-mission-statement{width: 100%; float: left; position: relative; background: #fef315; padding: 30px 0px 0px 0px;}
.vision-mission-statement .vision-mission-pane{position: relative; margin-bottom: 30px;}
.vision-mission-statement .vision-mission-pane .img-icon{position: relative; margin-bottom:20px;} 
.vision-mission-statement .vision-mission-pane h3{ font-size:18px; font-weight:600; color:#000000; margin-bottom:10px; }
.vision-mission-statement .vision-mission-pane p{font-size: 16px; line-height: 26px; margin-bottom: 0px; color: #000000;}

.group-comp{width: 100%; float: left; position: relative; background: #ffffff; padding: 30px 0px 0px 0px;}
.group-comp .comp-pane{width: 100%; position: relative; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #c2c2c2;}
.group-comp .comp-pane .logo-pane{ position:relative; margin-bottom:15px; }
.group-comp .comp-pane p{font-size: 16px; line-height: 26px; color: #000000; margin-bottom: 0px;}

.float {
    position: fixed;
    width: 70px;
    height: 70px;
    bottom: 15px;
    margin-left: 3%;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 50px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100
}

.hvr-wobble-to-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.my-float {
    margin-top: 10px;
    color: #fff
}

.first-thankyou-section{width:100%; float:left; padding:30px 0px 30px 0px; background:#FFFFFF; position:relative;}
.first-thankyou-section .thank-you-pane{ text-align:center; position:relative;}
.first-thankyou-section .thank-you-pane img{ width:150px; height:150px; margin-bottom:20px;}
.first-thankyou-section .thank-you-pane h3{ font-size:50px; font-weight:600; color:#fe5825; margin-bottom:20px;}
.first-thankyou-section .thank-you-pane p{ font-size:18px; line-height:28px; text-align:left; margin-bottom:15px;}
.first-thankyou-section .thank-you-pane p a{color:#d92b27;}