@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;
}

.title-left-black{position: relative; text-align: left; margin-bottom: 30px;}
.title-left-black h2{font-size: 48px; color: #000000; position: relative; font-weight: 300; margin-bottom: 10px;}
.title-left-black span{display: block; color: #0E9041; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 16px; text-transform: uppercase;}

.title-center-black{position: relative; text-align: center; margin-bottom: 30px;}
.title-center-black h2{font-size: 48px; color: #000000; position: relative; font-weight: 300; margin-bottom: 10px;}
.title-center-black span{display: block; color: #0E9041; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 16px; text-transform: uppercase;}

.title-center-white{position: relative; text-align: center; margin-bottom: 30px;}
.title-center-white h2{font-size: 48px; color: #ffffff; position: relative; font-weight: 400; margin-bottom: 10px;}
.title-center-white span{display: block; color: #ffffff; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 16px; text-transform: uppercase;}


.breadcrumb-section {width: 100%; position: relative; background-attachment: scroll!important; background-size: cover!important; background-repeat: no-repeat!important; background-position: center top!important; padding: 80px 0px;}
.breadcrumb-section h1 {color: #FFFFFF; font-size: 50px; font-weight: 500; margin-bottom: 8px;}
.breadcrumb-menu {position: relative; display: inline-block; line-height: 10px;}
.breadcrumb-section .breadcrumb-menu ul {position: relative; display: inline-block;}
.breadcrumb-section .breadcrumb-menu ul li {position: relative; display: inline-block; color: #ffffff; font-size: 15px; line-height: 30px; font-weight: 400; text-transform: capitalize; transition: all 500ms ease;}
.breadcrumb-section .breadcrumb-menu ul li a {color: #ffffff; font-size: 15px; font-weight: 400; text-transform: capitalize; transition: all 500ms ease;}
.breadcrumb-section .breadcrumb-menu ul li a::after {display: inline; padding-right: .3rem; padding-left: .5rem; color: #FFFFFF; content: "\f178"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 13px;}
.breadcrumb-section .breadcrumb-menu ul li.active {font-weight: 500; color: #0033cc;}
.breadcrumb-section .breadcrumb-menu ul li a:hover {color: #0033cc;}
.blog-listing-section{position: relative; width: 100%; padding: 40px 0px 0px 0px;}
.blog-listing-section .blog-item{position: relative; width: 100%; margin-bottom: 30px; border: 1px solid #F0F0F0; background: #ffffff; border-radius: 10px; padding: 10px;}
.blog-listing-section .blog-item .blog-image{border-radius: 10px; overflow: hidden; position: relative; width: 100%; display: block; margin-bottom: 25px;}
.blog-content{position: relative; width: 100%;}
.blog-content h3{font-size: 26px; margin-bottom: 15px;}
.blog-content h3 a{color: #000000; transition: all 500ms ease;}
.blog-content h3 a:hover{color: #0033cc;}
.blog-content p{font-size: 15px; line-height: 26px; color: #555555; margin-bottom: 10px;}
.blog-content .read-more{font-size: 14px; color: #0033cc; font-weight: 500; text-transform: uppercase;}
.blog-content .read-more::after {display: inline; padding-right: .3rem; padding-left: .5rem; color: #0033cc; content: "\f178"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 13px;}
.pagination-gradient {display: flex; justify-content: center; align-items: center; gap: 5px; margin: 20px 0;}
.pagination-gradient a, .pagination-gradient span {padding: 7px 15px; text-decoration: none; color: #555; border-radius: 50%; transition: all 0.3s ease; font-weight: 500; position: relative; overflow: hidden;}
.pagination-gradient a::before {content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(45deg, #667eea 0%, #764ba2 100%); transition: left 0.3s ease; z-index: -1;}
.pagination-gradient a:hover {color: white; transform: translateY(-2px); box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);}
.pagination-gradient a:hover::before {left: 0;}
.pagination-gradient .current {background: linear-gradient(45deg, #667eea 0%, #764ba2 100%); color: white; box-shadow: 0 2px 10px rgba(102, 126, 234, 0.3);}
.footer{background: #000000; position: relative; width: 100%;}
.footer .footer-first-nav{border-bottom: 1px solid #333333; padding: 10px 0px; text-align: center;}
.footer .footer-first-nav ul{margin: 0px; padding: 0px;}
.footer .footer-first-nav ul li{list-style-type: none; display: inline-block; text-align: center; font-size: 15px; color: #ffffff;}
.footer .footer-first-nav ul li::after {content: '|'; color: #ffffff; margin: 0px 20px;}
.footer .footer-first-nav ul li:last-child:after {content: ""; margin: 0px;}
.footer .footer-first-nav ul li a{color: #FFFFFF; font-size: 14px; font-weight: 400; text-transform: capitalize; transition: all 500ms ease;}
.footer .footer-first-nav ul li a:hover{color: #8aa7ff; transition: 0.5s linear;}
.footer-second-nav{display: grid; grid-template-columns: auto 2fr auto 1.5fr; gap: 20px; padding: 20px 0px; border-bottom: 1px solid #333333;}
.footer-second-nav h3{color: #FFFFFF; font-size: 24px; margin-bottom: 20px;}
.footer-second-nav .footer-column{position: relative;}
.footer-second-nav .industry-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.footer-second-nav .footer-contact img{margin-right: 10px;}
.footer-second-nav ul{margin: 0px; padding: 0px;}
.footer-second-nav ul li{list-style-type: none; margin-bottom: 10px;}
.footer-second-nav ul li a{color: #FFFFFF; font-size: 15px; font-weight: 400; transition: all 500ms ease;}
.footer-second-nav ul li a:hover{color: #8aa7ff; transition: 0.5s linear;}
.footer-second-nav p{color: #FFFFFF; font-size: 15px; line-height: 28px; margin-bottom: 20px;}
.footer .social-footer {padding: 20px 0px 20px 0px; text-align: center; width: 100%; border-bottom: 1px solid #333333;}
.footer .social-footer ul {list-style: outside none none; margin: 0; padding: 0;}
.footer .social-footer ul li {display: inline-block; margin: 0px 5px 0 0px; color: #ffffff; font-size: 15px;}
.footer .social-footer a {background-image: none; text-decoration: none;}
.footer .social-footer ul li .fb {color: #ffffff; display: block; border-radius: 50%; font-size: 25px; height: 55px; line-height: 55px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 55px; background: transparent; border: 1px dashed #ffffff;}
.footer .social-footer ul li .fb:hover {background-color: #3b5998; color: #FFFFFF; border: 1px solid #3b5998;}
.footer .social-footer ul li .twt {color: #ffffff; border-radius: 50%; display: block; font-size: 25px; height: 55px; line-height: 55px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 55px; background: transparent; border: 1px dashed #ffffff;}
.footer .social-footer ul li .twt:hover {background-color: #26a4f0; color: #FFFFFF; border: 1px solid #26a4f0;}
.footer .social-footer ul li .yt {color: #ffffff; border-radius: 50%; display: block; font-size: 25px; height: 55px; line-height: 55px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 55px; background: transparent; border: 1px dashed #ffffff;}
.footer .social-footer ul li .yt:hover {background-color: #d32727; color: #FFFFFF; border: 1px solid #d32727;}
.footer .social-footer ul li .ld {color: #ffffff; border-radius: 50%; display: block; font-size: 25px; height: 55px; line-height: 55px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 55px; background: transparent; border: 1px dashed #ffffff;}
.footer .social-footer ul li .ld:hover {background-color: #007bb6; color: #FFFFFF; border: 1px solid #007bb6;}
.footer .social-footer ul li .wa {color: #ffffff; border-radius: 50%; display: block; font-size: 25px; height: 55px; line-height: 55px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 55px; background: transparent; border: 1px dashed #ffffff;}
.footer .social-footer ul li .wa:hover {background-color: #0fc245; color: #FFFFFF; border: 1px solid #0fc245;}
.footer .social-footer ul li .insta {color: #ffffff; display: block; border-radius: 50%; font-size: 25px; height: 55px; line-height: 55px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 55px; background: transparent; border: 1px dashed #ffffff;}
.footer .social-footer ul li .insta:hover {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); color: #FFFFFF; border: 1px solid #d6249f;}
.footer .new-copyright {border-top: 1px solid #4E4E4E; padding: 10px 0px; display: flex; justify-content: space-between; align-items: center;}
.footer .new-copyright p {font-size: 14px; color: #FFFFFF; margin: 0; text-align: left;}
.footer .new-copyright p a {color: #FFFFFF; text-decoration: none;}
.footer .new-copyright p a:hover {color: #E5BB19; transition: 0.5s linear;}
.blog-details{background: #ffffff; width: 100%; position:relative; padding: 35px 0px 15px 0px;}
.blog-details .detail-content{position: relative;border: 1px solid #F0F0F0; padding: 15px; border-radius: 10px;}
.blog-details .detail-content .img-section{background: #ffffff; box-shadow: 0 0 15px rgb(0 0 0 / 10%); -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 10%); padding: 10px; margin-bottom: 15px;}
.blog-details .detail-content .date-admin-cart{ display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; }
.blog-details .detail-content .date-admin-cart p{ font-size:14px; margin-bottom:0px; color:#000000; }
.blog-details .detail-content .date-admin-cart p i.fa{ color:#faa61a; margin-right:8px; }
.blog-details .detail-content .date-admin-cart .share {text-align: left;}
.blog-details .detail-content .date-admin-cart .share ul {list-style: outside none none; margin: 0; padding: 0;}
.blog-details .detail-content .date-admin-cart .share ul li {display: inline-block; margin: 0px 5px 0 0px; color: #000000; font-size: 15px; padding: 0px;}
.blog-details .detail-content .date-admin-cart .share ul li:before{content: "";}
.blog-details .detail-content .date-admin-cart .share a {background-image: none; text-decoration: none;}
.blog-details .detail-content .date-admin-cart .share ul li .fb {color: #ffffff; display: block; border-radius: 50%; font-size: 14px; height: 34px; line-height: 34px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 34px; background:#3b5998; }
.blog-details .detail-content .date-admin-cart .share ul li .pin {color: #ffffff; display: block; border-radius: 50%; font-size: 14px; height: 34px; line-height: 34px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 34px; background:#e83f3a; }
.blog-details .detail-content .date-admin-cart .share ul li .wht {color: #ffffff; display: block; border-radius: 50%; font-size: 14px; height: 34px; line-height: 34px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 34px; background:#2ba63b; }
.blog-details .detail-content h2{font-size: 30px; color: #000000; margin-bottom: 15px; font-weight: 600;}
.blog-details .detail-content h3{font-size: 25px; color: #000000; margin-bottom: 15px; font-weight: 600;}
.blog-details .detail-content h4{font-size: 22px; color: #000000; margin-bottom: 15px; font-weight: 600;}
.blog-details .detail-content h5{font-size: 20px; color: #000000; margin-bottom: 15px; font-weight: 600;}
.blog-details .detail-content h6{font-size: 16px; color: #000000; margin-bottom: 15px; font-weight: 600;}
.blog-details .detail-content p{ font-size:16px; margin-bottom:20px; color:#000000; line-height:26px; text-align:justify; }
.blog-details .detail-content ul {margin: 0; padding: 0;}
.blog-details .detail-content ul li {list-style-type: none; display: block; font-size: 16px; color: #000000!important; margin-bottom: 20px; padding-left: 25px; line-height: 26px;}
.blog-details .detail-content ul li::before {display: inline-block; color: #2b2970; content: "\f00c"; font-family: FontAwesome; margin-left: -25px; position: absolute;}
.blog-details .detail-content ul li a {color: #0d79f6; text-decoration: none;}
.blog-details .detail-content h4{font-size: 20px; color: #000000; margin-bottom: 15px; font-weight: 600;}
.blog-details .right-details{position: relative;}
.blog-details .right-details h3{font-size: 25px; color: #000000; margin-bottom: 15px; font-weight: 600; text-transform: uppercase;}
.blog-details .right-details .recent-post{position: relative; display: flex; align-items: center; margin-bottom: 20px;}
.blog-details .right-details .recent-post .img-section{background: #ffffff; box-shadow: 0 0 15px rgb(0 0 0 / 10%); -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 10%); padding: 5px; margin-right: 15px; width: 45%; height: auto;}
.blog-details .right-details .recent-post .content{position: relative; width: 55%;}
.blog-details .right-details .recent-post .content h4{font-size: 18px; color: #000000; margin-bottom: 15px; font-weight: 500;}
.blog-details .right-details .recent-post .content h4 a{color: #000000; text-decoration: none;}
.related-blogs{background: #ffffff; width: 100%; position:relative; padding: 0px 0px 0px 0px;}
.related-blogs .blog-item{position: relative; width: 100%; margin-bottom: 30px; border: 1px solid #F0F0F0; background: #ffffff; border-radius: 10px; padding: 10px;}
.related-blogs .blog-item .blog-image{border-radius: 10px; overflow: hidden; position: relative; width: 100%; display: block; margin-bottom: 25px;}
.related-blogs .blog-item .blog-content{position: relative; width: 100%;}
.related-blogs .blog-item .blog-content h3{font-size: 26px; margin-bottom: 15px;}
.related-blogs .blog-item .blog-content h3 a{color: #000000; transition: all 500ms ease;}
.related-blogs .blog-item .blog-content h3 a:hover{color: #0033cc;}
.related-blogs .blog-item .blog-content p{font-size: 15px; line-height: 26px; color: #555555; margin-bottom: 10px;}
.related-blogs .blog-item .blog-content .read-more{font-size: 14px; color: #0033cc; font-weight: 500; text-transform: uppercase;}
.related-blogs .blog-item .blog-content .read-more::after {display: inline; padding-right: .3rem; padding-left: .5rem; color: #0033cc; content: "\f178"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 13px;}
.career-first{position: relative; width: 100%; padding: 40px 0px 0px 0px; background: #ffffff;}
.career-first p{font-size: 16px; line-height: 28px; color: #000000; margin-bottom: 20px; text-align: left;}
.career-second{position: relative; width: 100%; padding: 40px 0px 0px 0px; background: #ffffff;}
.career-second p{font-size: 16px; line-height: 28px; color: #000000; margin-bottom: 20px; text-align: left;}
.career-second .points-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; margin-bottom: 40px;}
.career-second .points-grid .point-card {background: white; padding: 30px; border-radius: 12px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; overflow: hidden;}
.career-second .points-grid .point-card::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #007bff, #0056b3);}
.career-second .points-grid .point-card:hover {transform: translateY(-5px); box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);}
.career-second .points-grid .point-card h3 {font-size: 1.3rem; color: #000000; margin-bottom: 10px; display: flex; align-items: center; gap: 10px;}
.career-second .points-grid .point-card p {color: #6c757d; font-size: 1rem; margin-bottom: 0;}
.career-list{display: grid!important; grid-template-columns:2fr auto 2fr; gap: 20px; width: 100%; align-items: center; text-align: center; }
.career-list h6{font-size: 18px;}
.accordion{border: none;}
.accordion .accordion-item{position: relative;border: none;}
.accordion .accordion-item hr{border-bottom: 1px solid rgba(236, 236, 236, 0.5); margin:0.5rem 0}
.accordion .accordion-item .accordion-link{font-size: 1.6rem; color: #000000; text-decoration: none; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0.5rem 0;}
.accordion .accordion-item .accordion-link .position-content{display: grid!important; grid-template-columns:2fr auto 2fr; gap: 20px; width: 100%; align-items: center; text-align: center;}
.accordion .accordion-item .accordion-link h3{font-weight:500; font-size: 20px;}
.accordion .accordion-item .accordion-link i{color: #e7d5ff; padding: .5rem;}
.accordion .accordion-item .accordion-link ul{display:flex; align-items: flex-end; list-style-type: none; margin-left: 25px;}
.accordion .accordion-item .accordion-link li{font-size: 10px; color: rgba(255, 255, 255, 0.4); padding: 0 0 1px 5px;}
.accordion .accordion-item .accordion-link div{display: flex;}
.accordion .accordion-item .accordion-link .ion-md-arrow-down{display: none;}
.accordion .accordion-item .answer{max-height: 0; overflow: hidden; position: relative; transition: max-height 650ms;}
.accordion .accordion-item .answer ul {margin: 0; padding: 0}
.accordion .accordion-item .answer ul li {list-style-type: none; display: block; font-size: 16px; color: #000000!important; margin-bottom: 20px; padding-left: 25px; line-height: 26px;}
.accordion .accordion-item .answer ul li::before {display: inline-block; content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-left: -25px; position: absolute; color: #0033cc;}
.accordion .accordion-item .answer p{color: #000000; font-size: 15px;}
.accordion .accordion-item .answer h1{font-size: 55px; margin-bottom: 20px; text-align: left;}
.accordion .accordion-item .answer h2{font-size: 48px; margin-bottom: 20px; text-align: left;}
.accordion .accordion-item .answer h3{font-size: 35px; margin-bottom: 20px; text-align: left;}
.accordion .accordion-item .answer h4{font-size: 30px; margin-bottom: 20px; text-align: left;}
.accordion .accordion-item .answer h5{font-size: 25px; margin-bottom: 20px; text-align: left;}
.accordion .accordion-item .answer h6{font-size: 18px; margin-bottom: 20px; text-align: left;}
.accordion .accordion-item .answer .apply-now {background: #1058df; color: #FFFFFF; padding: 13px 30px; border: 1px dashed #1058df; font-size: 16px; font-weight: 600; text-transform: uppercase; display: inline-block; text-align: center; border-radius: 30px;}
.accordion .accordion-item .answer .apply-now:hover {background: #FFFFFF; color: #0E9041; border: 1px dashed #0E9041; transition: 0.8s linear;}
.accordion-item:target .answer{min-height: 20rem; max-height: 100%;}
.accordion-item:target .accordion-link .ion-md-arrow-forward{display: none}
.accordion-item:target .accordion-link .ion-md-arrow-down{display: block;}
.career-form-apply { position: relative; } 
.career-form-apply .modal-title { color: #1058df; font-size: 24px; font-weight: 500; margin-bottom: 0px; } 
.career-form-apply .form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } 
.career-form-apply .form-group { margin-bottom: 1rem; } 
.career-form-apply .form-row>.col, .form-row>[class*=col-] { padding-right: 10px; padding-left: 10px; } 
.career-form-apply .form-check { margin-bottom: 0px; padding-left: 10px; } 
.career-form-apply .btn-form-submit { background: #1058df; color: #ffffff; padding: 13px 25px; border-radius: 5px; border: 1px solid #1058df; font-size: 16px; font-weight: 600; text-transform: uppercase; display: inline-block; } 
.career-form-apply .btn-form-submit:hover { background: transparent; color: #1058df; border: 1px solid #1058df; transition: 0.8s linear; } 
.career-form-apply .form-control { padding: 0.675rem .55rem 0.675rem 0; border-radius: 0px; background-color: transparent; color: #000000; font-size: 13px; border: 1px solid #d9d9d9; padding: 0.675rem .60rem; } 
.career-form-apply input, .career-form-apply select { height: 50px!important; box-shadow: none; } 
.career-form textarea { height: 100px!important; box-shadow: none; } 
.career-form-apply .input-group-addon:last-child { border-left: 0; } 
.career-form-apply label { font-size: 16px; color: #000000; font-weight: normal; margin-bottom: 1rem; display: block; } 
.career-form-apply label span { color: #ff0000; } 
.career-form-apply .view-all-btn { background: #1058df; color: #FFFFFF; padding: 13px 30px; border: 1px dashed #1058df; font-size: 16px; font-weight: 600; text-transform: uppercase; display: inline-block; text-align: center; border-radius: 30px; } 
.career-form-apply .view-all-btn:hover { background: #FFFFFF; color: #0E9041; border: 1px dashed #0E9041; transition: 0.8s linear; } 
.map-sec { position: relative; width: 100%; } 
.form-address { position: relative; width: 100%; padding: 40px 0px 40px 0px; } 
.form-address .enquiry-form-pane { position: relative; margin-bottom: 30px; background: #ffffff; box-shadow: 0 0 30px 5px #efefef; padding: 30px; } 
.form-address .enquiry-form-pane .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } 
.form-address .enquiry-form-pane .form-group { margin-bottom: .6rem; } 
.form-address .enquiry-form-pane .form-row>.col,.form-row>[class*=col-] { padding-right: 10px; padding-left: 10px; } 
.form-address .enquiry-form-pane .form-check { margin-bottom: 0; padding-left: 10px; } 
.form-address .enquiry-form-pane .btn-form-submit { background: #0033cc; color: #ffffff; padding: 13px 25px; border-radius: 30px; border: 1px solid #0033cc; font-size: 16px; font-weight: 600; text-transform: uppercase; display: inline-block; } 
.form-address .enquiry-form-pane .btn-form-submit:hover { background: transparent; color: #0E9041; border: 1px solid #0E9041; transition: .8s linear; } 
.form-address .enquiry-form-pane .form-control { padding: .675rem .6rem; border-radius: 0; background-color: transparent; color: #000; font-size: 14px; border: 1px solid #d9d9d9; font-weight: 500; } 
.form-address .enquiry-form-pane input,.form-address .enquiry-form-pane select { height: 50px!important; box-shadow: none; } 
.form-address .enquiry-form-pane textarea { height: 100px!important; box-shadow: none; } 
.form-address .enquiry-form-pane .input-group-addon:last-child { border-left: 0; } 
.form-address .enquiry-form-pane label { font-size: 16px; color: #000; font-weight: 500; margin-bottom: .5rem; display: block; } 
.form-address .enquiry-form-pane label span { color: #ff0000; } 
.form-address .enquiry-form-pane .view-all-btn { background: #0033cc; color: #fff; padding: 13px 30px; font-size: 16px; font-weight: 600; text-transform: uppercase; display: inline-block; text-align: center; } 
.form-address .enquiry-form-pane .view-all-btn:hover { background: #000; color: #fff; transition: .8s linear; } 
.form-address .address-pane { background: #125D8F; border-radius: 10px; margin-bottom: 30px; padding: 24px; } 
.form-address .address-pane h3 { font-size: 22px; color: #ffffff; margin-bottom: 15px; font-weight: 500; } 
.form-address .address-pane .content { display: flex; align-items: center; column-gap: 20px; margin-bottom: 25px; } 
.form-address .address-pane .content i { width: 40px; height: 40px; border-radius: 50%; text-align: center; font-size: 18px; color: #125D8F; background: #ffffff; line-height: 40px; } 
.form-address .address-pane .content p { font-size: 18px; color: #ffffff; font-weight: 500; margin-bottom: 0; line-height: 26px; text-align: left; width: 84%; } 
.form-address .address-pane .content p a { color: #ffffff; text-decoration: none; } 
.form-address .address-pane p { font-size: 18px; color: #ffffff; font-weight: 500; margin-bottom: 0; line-height: 26px; text-align: left; } 
.ourteam-sec { width: 100%; position: relative; padding: 40px 0px 40px 0px; background: #ffffff; } 
.ourteam-sec .our-team-pane { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px 30px; } 
.ourteam-sec .our-team-pane .item { text-align: center; width: 420px; }
.ourteam-sec .our-team-pane .item .img-sec{position: relative; margin-bottom: 15px;}
.ourteam-sec .our-team-pane .item .img-sec img{width: 250px; height: 250px; border-radius: 50%; object-fit: cover; border: 5px solid #e9e9e9;}
.ourteam-sec .our-team-pane .item h3{font-size: 22px; color: #000000; margin-bottom: 5px; font-weight: 500;}
.ourteam-sec .our-team-pane .item h5{font-size: 18px; color: #555555; margin-bottom: 15px; font-weight: 500;}
.ourteam-sec .our-team-pane .item p{font-size: 15px; line-height: 24px; color: #555555; margin-bottom: 0px; text-align: center;}
.ourteam-sec .our-team-pane .item a{text-transform: uppercase; font-size: 15px; font-weight: 600; color: #0129BE;}
.home-subscribe-newsletter{width: 100%; position: relative; background: url(../images/home-subscribe-newsletter-bg.jpg) no-repeat center top; background-size: cover; padding: 40px 0px 40px 0px;}
.home-subscribe-newsletter .newsletter-form .form-row { display: flex; gap: 1.25rem; margin-bottom: 1.25rem; } 
.home-subscribe-newsletter .newsletter-form .form-group.input-group { flex: 2; } 
.home-subscribe-newsletter .newsletter-form .form-group.button-group { flex: 0; } 
.home-subscribe-newsletter .newsletter-form .form-control { width: 100%; padding: 0.625rem 0.9375rem; border: 0.0625rem solid #ddd; border-radius: 30px; font-size: 0.875rem; height: 3.5rem; } 
.home-subscribe-newsletter .subscribe-btn { min-width: 9.375rem; padding: 0.5rem 1.25rem; background-color: #0129BE; color: white; border: none; border-radius: 30px; font-size: 0.8125rem; cursor: pointer; text-transform: uppercase; font-weight: 500; height: 3.5rem; line-height: 1.8125rem; position: relative; z-index: 1; overflow: hidden; } 
.home-subscribe-newsletter .subscribe-btn::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #01186e; transform: translateX(-100%); transition: all 0.3s ease; z-index: -1; } 
.home-subscribe-newsletter .subscribe-btn:hover::before { transform: translateX(0); } 
.home-subscribe-newsletter .subscribe-btn:hover { color: #fff; } 
.home-subscribe-newsletter .subscribe-btn:active { transform: scale(0.95); } 
.home-subscribe-newsletter .subscribe-btn:focus { outline: none; } 
.home-subscribe-newsletter .form-control:focus { outline: none; box-shadow: none; border-color: #ddd; }
.home-blog{width: 100%; position: relative; padding: 40px 0px 0px 0px; background: #ffffff;}
.home-blog .blog-item{position: relative; width: 100%; margin-bottom: 30px; border: 1px solid #F0F0F0; background: #ffffff; border-radius: 10px; padding: 10px;}
.home-blog .blog-item .blog-image{border-radius: 10px; overflow: hidden; position: relative; width: 100%; display: block; margin-bottom: 25px;}
.home-blog .blog-content{position: relative; width: 100%;}
.home-blog .blog-content h3{font-size: 26px; margin-bottom: 15px;}
.home-blog .blog-content h3 a{color: #000000; transition: all 500ms ease;}
.home-blog .blog-content h3 a:hover{color: #0033cc;}
.home-blog .blog-content p{font-size: 15px; line-height: 26px; color: #555555; margin-bottom: 10px;}
.home-blog .blog-content .read-more{font-size: 14px; color: #0033cc; font-weight: 500; text-transform: uppercase;}
.home-blog .blog-content .read-more::after {display: inline; padding-right: .3rem; padding-left: .5rem; color: #0033cc; content: "\f178"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 13px;}
.home-blog .right-btn{position: absolute; right: 117px; top: 75px;}
.blue-btn { min-width: 9.375rem; padding: 0.5rem 1.25rem; background-color: #0129BE; color: white; border: none; border-radius: 30px; font-size: 0.8125rem; cursor: pointer; text-transform: uppercase; font-weight: 500; height: 2.5rem; line-height: 1.3125rem; position: relative; z-index: 1; overflow: hidden; } 
.blue-btn::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #01186e; transform: translateX(-100%); transition: all 0.3s ease; z-index: -1; } 
.blue-btn:hover::before { transform: translateX(0); } 
.blue-btn:hover { color: #fff; } 
.blue-btn:active { transform: scale(0.95); } 
.blue-btn:focus { outline: none; } 
.home-place-holder{position: relative; background: url(../images/home-placeholder.jpg) no-repeat center top; background-size: cover; padding: 60px 0px 60px 0px;}
.home-place-holder .placeholder-btn{position: relative; display: flex; align-items: center; justify-content: center; column-gap: 30px;}
.demo-wht-btn { min-width: 9.375rem; padding: 1.7rem 2.25rem; background-color: #ffffff; color: rgb(0, 0, 0); border: none; border-radius: 30px; font-size: 1.5125rem; cursor: pointer; text-transform: uppercase; font-weight: 700; height: 3.5rem; line-height: 0.1125rem; position: relative; z-index: 1; overflow: hidden; } 
.demo-wht-btn::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #01186e; transform: translateX(-100%); transition: all 0.3s ease; z-index: -1; } 
.demo-wht-btn:hover::before { transform: translateX(0); } 
.demo-wht-btn:hover { color: #fff; } 
.demo-wht-btn:active { transform: scale(0.95); } 
.demo-wht-btn:focus { outline: none; }
.contact-btn { min-width: 9.375rem; padding: 1.7rem 2.25rem; background-color: #0E9041; color: rgb(255, 255, 255); border: none; border-radius: 30px; font-size: 1.5125rem; cursor: pointer; text-transform: uppercase; font-weight: 700; height: 3.5rem; line-height: 0.1125rem; position: relative; z-index: 1; overflow: hidden; } 
.contact-btn::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #01186e; transform: translateX(-100%); transition: all 0.3s ease; z-index: -1; } 
.contact-btn:hover::before { transform: translateX(0); } 
.contact-btn:hover { color: #fff; } 
.contact-btn:active { transform: scale(0.95); } 
.contact-btn:focus { outline: none; }
.journey-sec{width: 100%; position: relative; padding: 40px 0px 40px 0px; background: #ffffff;}
.journey-sec .img-sec{position: relative;}
.journey-sec .img-sec img{border-radius: 10px;}
.journey-sec .left-content{background: url(../images/dot-circle.png)no-repeat left top; padding: 35% 20px 30px 9%;}
.journey-sec .left-content p{font-size: 18px; line-height: 28px; margin-bottom: 20px;}
.journey-sec .left-content .read-more{font-size: 14px; color: #0033cc; font-weight: 500; text-transform: uppercase;}
.journey-sec .left-content .read-more::after {display: inline; padding-right: .3rem; padding-left: .5rem; color: #0033cc; content: "\f178"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 13px;}
.technology-stack{position: relative; background: url(../images/technology-stack.jpg) no-repeat center top; background-size: cover; padding: 40px 0px 40px 0px;display: flex; justify-content: flex-end;}
.tech-stack{position: relative; right: 16px; width:50%; max-width: 1000px; text-align: center;}
.tech-stack h2{font-size: 48px; color: #ffffff; position: relative; text-align: center; font-weight: 300; margin-bottom: 20px;}
.stack-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); border-collapse: collapse;}
.stack-item {padding: 20px 10px; display: flex; flex-direction: column; align-items: center; gap: 15px; transition: all 0.3s ease; position: relative;}
.stack-item:not(:nth-child(2n)) {border-right: 1px solid #555;}
.stack-item:nth-child(-n+2) {border-bottom: 1px solid #555;}
.stack-item img {width: 70px; height: 70px; object-fit: contain;}
.stack-item h3 {font-size: 30px; font-weight: 300; color: #ffffff;}
.stack-item p {font-size: 16px; color: #ffffff; margin-bottom: 0px;}

@media (max-width: 600px) {
  .tech-stack h2 {font-size: 1.5rem; margin-bottom: 25px;}
  .stack-item {padding: 25px 15px; border-right: none !important; border-bottom: 1px solid #555;}
}
.experties{width: 100%; position: relative; background: #ffffff; padding: 0px 0px 0px 0px;}
.experties .sector-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(321px, 1fr));gap: 10px; padding: 20px;}
.experties .sector-grid .exp-pane {position: relative; max-width: 100%; overflow: hidden;}
.experties .sector-grid .exp-pane img {width: 100%; display: block;}
.experties .sector-grid .overlay {position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: linear-gradient(to top, rgba(0,0,0,0.8), transparent); color: #fff; display: flex; flex-direction: column; justify-content: flex-end; padding: 0px 15px 20px 15px; box-sizing: border-box; overflow: hidden; transition: height 0.4s ease;}
.experties .sector-grid .exp-pane:hover .overlay {height: 100%;}
.experties .sector-grid .exp-pane:hover .overlay h3 {margin: 0 0 5px 0; font-size: 25px; font-weight: 300;}
.experties .sector-grid .exp-pane:hover .overlay p {margin: 5px 0 0; font-size: 16px; margin-bottom: 20px; line-height: 26px;}
.experties .sector-grid .exp-pane:hover .overlay .read-more{font-size: 14px; color: #ffffff; font-weight: 500; text-transform: uppercase;}
.experties .sector-grid .exp-pane:hover .overlay .read-more::after {display: inline; padding-right: .3rem; padding-left: .5rem; color: #ffffff; content: "\f178"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 13px;}
.main-banner{width: 100%; position: relative; text-align: center; padding: 70px 0px 145px 0px;background: url(../images/main-banner.jpg) no-repeat center top; background-size: cover;}
.main-banner h1{font-size: 128px; font-weight: 300; color: #ffffff; line-height: 120px; margin-bottom: 20px;}
.main-banner p{font-size: 32px; font-weight: 400; text-align: center; color: #ffffff; margin-bottom: 50px;}
.main-banner .placeholder-btn{position: relative; display: flex; align-items: center; justify-content: center; column-gap: 30px;}
.second-pane{position: relative; width: 100%; top: -70px;}
.second-pane .pointer-sec{background: #ffffff; border-radius: 8px; display: grid; grid-template-columns: repeat(auto-fit, minmax(20%, 1fr)); text-align: center;-webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);}
.second-pane .pointer-sec .point-pain{text-align: center; border-right: 1px solid #D9D9D9; padding: 15px 0px;}
.second-pane .pointer-sec .point-pain:last-child{border-right: none;}
.second-pane .pointer-sec .point-pain img{margin-bottom: 15px;}
.second-pane .pointer-sec .point-pain p{font-size: 20px; font-weight: 500; margin-bottom: 0px;}

.header.sticky {position: fixed; box-shadow: 0 5px 15px rgba(0, 0, 0, .1); transition: .4s; background: #fff; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; width: 100%; top: 0px;}
.header.sticky .wrapper {top: 0px;}

.wl-first{width: 100%; position: relative; background: #ffffff; padding: 30px 0px 30px 0px; text-align: center;}
.wl-first h2{font-size: 48px; text-align: center; margin-bottom: 20px;}
.wl-first .img-sec {margin: 0 auto 30px auto; background: #ffffff; padding: 10px; display: block; width: 80%; border: 1px solid #dbdbdb;}
.wl-first p{font-size: 18px; line-height: 28px; margin-bottom: 20px;text-align: center;}


.talk-to-expert-btn { min-width: 9.375rem; padding: 0.5rem 1.25rem; background-color: #0129BE; color: white; border: none; border-radius: 30px; font-size: 0.9125rem; cursor: pointer; text-transform: uppercase; font-weight: 500; height: 3.5rem; line-height: 1.8125rem; position: relative; z-index: 1; overflow: hidden; margin: 0 auto; } 
.talk-to-expert-btn::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #01186e; transform: translateX(-100%); transition: all 0.3s ease; z-index: -1; } 
.talk-to-expert-btn:hover::before { transform: translateX(0); } 
.talk-to-expert-btn:hover { color: #fff; } 
.talk-to-expert-btn:active { transform: scale(0.95); } 
.talk-to-expert-btn:focus { outline: none; } 

.talk-to-expert-btn1 { width: 200px; padding: 0.5rem 1.25rem; background-color: #0129BE; color: white; border: none; border-radius: 30px; font-size: 0.9125rem; cursor: pointer; text-transform: uppercase; font-weight: 500; height: 3.5rem; line-height: 1.8125rem; position: relative; z-index: 1; overflow: hidden; margin: 0 auto; } 
.talk-to-expert-btn1::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #01186e; transform: translateX(-100%); transition: all 0.3s ease; z-index: -1; } 
.talk-to-expert-btn1:hover::before { transform: translateX(0); } 
.talk-to-expert-btn1:hover { color: #fff; } 
.talk-to-expert-btn1:active { transform: scale(0.95); } 
.talk-to-expert-btn1:focus { outline: none; } 

.wl-second{width: 100%; position: relative; background: #0033cc; padding: 30px 0px 0px 0px; }
.wl-second p{font-size: 18px; color: #ffffff; line-height: 28px;text-align: center;}
.wl-second ul{margin: 0; padding: 0;}
.wl-second ul li{list-style-type: none; display: block; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #1242f5;}
.wl-second ul li .challeng-content{display: flex; column-gap: 20px; justify-content: start; align-items: center;}
.wl-second ul li .challeng-content .icon-sec{width: 80px; height: 80px; border: 1px dashed #ffffff; text-align: center; color: #ffffff; border-radius: 50%;}
.wl-second ul li .challeng-content .content-sec{font-size: 20px; color: #ffffff; text-align: left; width: 91%;}

.wl-third{width: 100%; position: relative; background: #ffffff; padding: 30px 0px 30px 0px;}
.wl-third p{font-size: 18px; text-align: center; margin-bottom: 20px; line-height: 28px;}
.wl-third .img-sec {margin: 0 auto 30px auto; background: #ffffff; padding: 10px; display: block; border: 1px solid #dbdbdb;}

.wl-third h4 {text-decoration: underline; color: #1242f5; font-size: 40px; font-weight: 500; text-align: center; margin-bottom: 20px;}
.wl-third ul {margin: 0; padding: 0;}
.wl-third ul li {list-style-type: none; display: block; font-size: 20px; color: #000000 !important; margin-bottom: 20px; padding-left: 82px; line-height: 40px; position: relative;}
.wl-third ul li::before {content: ""; position: absolute; left: 0; top: 0px; width: 58px; height: 58px; background-image: url('../images/checkmark.png'); background-size: contain; background-repeat: no-repeat;}

.wl-fourth{width: 100%; position: relative; background: #f2f5ff; padding: 30px 0px 30px 0px;}
.wl-fourth .pointers-content {display: flex; position: relative; justify-content: flex-start; column-gap: 17px; row-gap: 20px; flex-wrap: wrap; box-sizing: border-box;}
.wl-fourth .pointers-content .item {position: relative; width: calc(25% - 13.333px); border-radius: 12px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; overflow: hidden; padding: 20px 10px 15px 10px;}
.wl-fourth .pointers-content .item::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #007bff, #0056b3);}
.wl-fourth .pointers-content .item h5 {font-size: 20px; font-weight: 500; margin-bottom: 15px;}
.wl-fourth .pointers-content .item p {font-size: 16px; line-height: 26px; margin-bottom: 0;}
.wl-fourth .pointers-content .item img {margin-bottom: 10px;}

@media (max-width: 900px) {
    .wl-fourth .pointers-content .item {width: calc(50% - 10px);}
}

@media (max-width: 480px) {
    .wl-fourth .pointers-content .item {width: 100%;}
}

.wl-fifth{width: 100%; position: relative; background: #ffffff; padding: 30px 0px 30px 0px;}
.wl-fifth .di-sec{position: relative; border: 1px solid #cccccc; padding: 10px; margin-bottom: 30px;}
.wl-fifth .di-sec .img-sec{margin-bottom: 30px;}
.wl-fifth .di-sec h4{font-size: 22px; margin-bottom: 15px; text-align: left;}
.wl-fifth .di-sec p{font-size: 16px; line-height: 26px; margin-bottom: 0px; text-align: left;}
.wl-fifth p{text-align: center; margin-bottom: 30px;}
.last-sec{width: 100%; position: relative; background-attachment: scroll!important; background-size: cover!important; background-repeat: no-repeat!important; background-position: center top!important; padding: 70px 0px; text-align: center;}
.last-sec h2{font-size: 48px; color: #ffffff; margin-bottom: 20px; font-weight: 300; text-align: center;}
.last-sec p{font-size: 18px; line-height: 28px; margin-bottom: 20px; color: #ffffff;}

.cp-1{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 0px 0px;}
.cp-1 .cp-first-content{position: relative; margin-bottom: 30px;}
.cp-1 .cp-first-content p{font-size: 16px; line-height: 26px; margin-bottom: 25px; text-align: justify;}
.cp-1 .cp-first-content ul {margin: 0; padding: 0;}
.cp-1 .cp-first-content ul li {list-style-type: none; display: block; font-size: 20px; color: #000000 !important; margin-bottom: 20px; padding-left: 82px; line-height: 40px; position: relative;}
.cp-1 .cp-first-content ul li::before {content: ""; position: absolute; left: 0; top: 0px; width: 58px; height: 58px; background-image: url('../images/checkmark.png'); background-size: contain; background-repeat: no-repeat;}
.cp-1 h4{font-size: 35px; margin-bottom: 20px;}
.cp-1 img{margin-bottom: 30px;}

.cp-2{width: 100%; position: relative; background: #ffffff; padding: 0px 0px 0px 0px;}
.cp-2 .cp-left-content{position: relative; margin-bottom: 30px;}
.cp-2 .cp-left-content p{font-size: 16px; line-height: 26px; margin-bottom: 25px; text-align: justify;}

.cp-3{width: 100%; position: relative; background: #ffffff; padding: 30px 0px 0px 0px;}
.cp-3 .sec-content{position: relative; border: 1px solid #0033cc; padding: 20px; border-radius: 10px; margin-bottom: 30px; width: 100%;}
.cp-3 .sec-content h4{font-size: 35px; margin-bottom: 20px;}
.cp-3 .sec-content p{font-size: 16px; line-height: 26px; margin-bottom: 25px; text-align: justify;}
.cp-3 .bg-1{background: #f7faff;}
.cp-3 .bg-2{background: #f0fffa;}
.cp-3 .bg-3{background: #fdffef;}

.book-demo-form{width: 100%; position: relative; background: #ffffff; padding: 30px 0px 0px 0px;}
.book-demo-form .book-form-pane { position: relative; margin-bottom: 30px; background: #ffffff; box-shadow: 0 0 30px 5px #efefef; padding: 30px; } 
.book-demo-form .book-form-pane .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } 
.book-demo-form .book-form-pane .form-group { margin-bottom: .6rem; } 
.book-demo-form .book-form-pane .form-row>.col,.form-row>[class*=col-] { padding-right: 10px; padding-left: 10px; } 
.book-demo-form .book-form-pane .form-check { margin-bottom: 0; padding-left: 10px; } 
.book-demo-form .book-form-pane .btn-form-submit { background: #0033cc; color: #ffffff; padding: 13px 25px; border-radius: 30px; border: 1px solid #0033cc; font-size: 16px; font-weight: 600; text-transform: uppercase; display: inline-block; } 
.book-demo-form .book-form-pane .btn-form-submit:hover { background: transparent; color: #0E9041; border: 1px solid #0E9041; transition: .8s linear; } 
.book-demo-form .book-form-pane .form-control { padding: .675rem .6rem; border-radius: 0; background-color: transparent; color: #000; font-size: 14px; border: 1px solid #d9d9d9; font-weight: 500; } 
.book-demo-form .book-form-pane input,.book-demo-form .book-form-pane select { height: 50px!important; box-shadow: none; } 
.book-demo-form .book-form-pane textarea { height: 100px!important; box-shadow: none; } 
.book-demo-form .book-form-pane .input-group-addon:last-child { border-left: 0; } 
.book-demo-form .book-form-pane label { font-size: 16px; color: #000; font-weight: 500; margin-bottom: .5rem; display: block; } 
.book-demo-form .book-form-pane label span { color: #ff0000; } 
.book-demo-form .book-form-pane .view-all-btn { background: #0033cc; color: #fff; padding: 13px 30px; font-size: 16px; font-weight: 600; text-transform: uppercase; display: inline-block; text-align: center; } 
.book-demo-form .book-form-pane .view-all-btn:hover { background: #000; color: #fff; transition: .8s linear; } 


.header-btn {position: absolute; display: block; right: 12px;}
.header-btn .blue-btn {min-width: 9.375rem; padding: 0.5rem 1.25rem; background-color: #0129BE; color: white; border: none; border-radius: 30px; font-size: 0.8125rem; cursor: pointer; text-transform: uppercase; font-weight: 500; height: 2.5rem; line-height: 1.3125rem; position: relative; z-index: 1; overflow: hidden; display: inline-flex; align-items: center; justify-content: center;}
.header-btn .blue-btn::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #01186e; transform: translateX(-100%); transition: all 0.3s ease; z-index: -1;}
.header-btn .blue-btn:hover::before {transform: translateX(0);}
.header-btn .blue-btn:hover {color: #fff;}
.header-btn .blue-btn:active {transform: scale(0.95);}
.header-btn .blue-btn:focus {outline: none;}



.thankyou-section {display: flex; align-items: center; justify-content: center; margin: 0; background-color: #ffffff; padding: 20px;}
.thankyou-section .banner-wrapper {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-image: url(../images/blue_background.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 16px; overflow: hidden;}
.thankyou-section .banner-wrapper .content-wrap {position: relative; z-index: 1; text-align: center; color: #333; padding: 20px;}
.thankyou-section .banner-wrapper .content-wrap h1 {font-size: 72px; font-weight: 500; margin-bottom: 20px; color: #ffffff;}
.thankyou-section .banner-wrapper .content-wrap p {font-size: 18px; margin-bottom: 20px; color: #ffffff; line-height: 32px;}
.thankyou-section .banner-wrapper .content-wrap p a {color: #f6881f; text-decoration: none; font-weight: 600;}
.thankyou-section .banner-wrapper .content-wrap p a:hover {color: #f1b276; text-decoration: none;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou {text-align: center; width: 100%; margin-bottom: 20px;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul {list-style: outside none none; margin: 0; padding: 0;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul li {display: inline-block; margin: 0px 5px 0 0px; color: #ffffff; font-size: 15px;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou a {background-image: none; text-decoration: none;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul li .fb {color: #ffffff; display: block; border-radius: 50%; font-size: 25px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 50px; background: transparent; border: 1px dashed #ffffff;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul li .fb:hover {background-color: #3b5998; color: #FFFFFF; border: 1px solid #3b5998;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul li .twt {color: #ffffff; border-radius: 50%; display: block; font-size: 25px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 50px; background: transparent; border: 1px dashed #ffffff;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul li .twt:hover {background-color: #26a4f0; color: #FFFFFF; border: 1px solid #26a4f0;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul li .yt {color: #ffffff; border-radius: 50%; display: block; font-size: 25px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 50px; background: transparent; border: 1px dashed #ffffff;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul li .yt:hover {background-color: #d32727; color: #FFFFFF; border: 1px solid #d32727;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul li .ld {color: #ffffff; border-radius: 50%; display: block; font-size: 25px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 50px; background: transparent; border: 1px dashed #ffffff;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul li .ld:hover {background-color: #007bb6; color: #FFFFFF; border: 1px solid #007bb6;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul li .insta {color: #ffffff; display: block; border-radius: 50%; font-size: 25px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 50px; background: transparent; border: 1px dashed #ffffff;}
.thankyou-section .banner-wrapper .content-wrap .social-thankyou ul li .insta:hover {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); color: #FFFFFF; border: 1px solid #d6249f;}



.multiselect {
    position: relative;
    width: 100%
  }

  /* the visible select box */
  .dropdown-panel {
  position: absolute;
  width: 100%;
  max-height: 220px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  z-index: 999999 !important;
  display: none;
}
.selectBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 13px 12px;
    border: 1px solid #cfcfcf;
    background: #fff;
    cursor: pointer;
    user-select: none;
  }
  .selectBox:focus {
    outline: 2px solid #7aa7ff;
    outline-offset: 2px;
  }

  #selected {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #111;
  }

  .arrow {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #333;
    transform-origin: center;
    transition: transform .15s ease;
  }
  .multiselect.open .arrow {
    transform: rotate(180deg);
  }

  /* dropdown list */
  .checkboxes {
    position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  border: 1px solid #ccc;
  background: #fff;
  display: none;
  z-index: 9999;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  border-radius: 5px;
  }
  .multiselect.open .checkboxes { display: block; }

  .checkboxes label {
    display: flex!important;
    gap: 8px;
    align-items: center;
    padding: 8px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
  }
  .checkboxes label:hover {
    background: #f6f8fb;
  }
  .checkboxes input[type="checkbox"] {
    width: 16px;
    height: 16px!important;
  }

  /* small helper text */
  .hint {
    font-size: 12px;
    color: #666;
    margin-top: 6px;
  }

  .modal-body h2{font-size: 30px; font-weight: 600; margin-bottom: 10px; text-align: left;}
  .modal-body h5{font-size: 18px; margin-bottom: 20px;}
  .modal-body p{font-size: 15px; line-height: 26px; margin-bottom: 20px;}
  .modal-body img{width: 100%; height: auto; margin-bottom: 30px;}

  .field_error{ color:red; font-size: 14px;}