:root{
    --title-color: #161921;
    --white-color: #fff;
}

html, body{
overflow-x: hidden;
}
#sticky-wrapper {
  position: relative;   /* parent relative */
  overflow: visible;    /* important for sticky */
}

#sticky-img {
  position: relative;   /* start as relative */
  top: 0;
}
body {
font-family: "Jost", sans-serif;
font-weight: normal;
font-style: normal;
 font-size: 16px;
     line-height: 28px;
color: #ced0df;
overflow-x: hidden;
/*background-color: #e3e3e3;*/
/*background-image: url('../images/grey-bg.jpg');*/
 }
.site-content{
width: 100% !important;
}
h5 {
    font-size: 21px;
    line-height: normal;
    color: #246b9c !important;
}

.new1 {
    font-size: 26px;
    line-height: normal;
    color: #000 !important;
}

h2 {
    font-size: 35px;
    line-height: 50px;
}
/*****************************
Accordion
*****************************/
.accordion .accordion-item {
border: none;
/*border-top: 10px solid #ececec;*/
background-color: inherit;
margin-bottom: 0px; }
.accordion .accordion-item .accordion-header {
overflow: hidden;
/*border-radius: 5px;*/
    border-radius: 0px 20px 0px 20px;
 }
.accordion .accordion-item .accordion-header .accordion-button {
font-size: 20px;
font-weight: 600;
padding: 20px 0px;
padding-right: 40px;
background-color: inherit;
color: #212121;
border: 0;
border-radius: 0px 20px 0px 20px !important;
background: #fff;
    padding: 22px;
    margin-bottom: 10px; 
box-shadow: 0 3px 15px #9e9e9e5c;

}
.accordion .accordion-item .accordion-header .accordion-button:after {
content: "\2b";
background-image: inherit;
font-family: 'Font Awesome 5 Free';
font-size: 18px;
font-weight: 600;
/*color: #ffffff;*/
width: 40px;
height: 40px;
border: 0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
padding-bottom: 0px;
display: flex;
justify-content: center;
align-items: center; }
.accordion .accordion-item .accordion-header .accordion-button:hover {
color: #1761a0; }
.accordion .accordion-item .accordion-header .accordion-button:hover:after {
color: #1761a0; }
.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
      box-shadow: inherit;
    outline: inherit;
    color: #fff;
    font-weight: 600;
    background: #1761a0;
    padding: 22px; }
.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):after {
content: "\f068";
font-family: 'Font Awesome 5 Free';
color: #fff; }
.accordion .accordion-item .accordion-button:focus {
border-color: #1761a0;
box-shadow: inherit; }
.accordion .accordion-item .accordion-collapse .accordion-body {
background-color: transparent;
padding-top: 10px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 0px;
color: #000;
margin-bottom: 5px; 
    padding: 0 31px 20px;}
.accordion .accordion-item:first-of-type {
border-radius: 0px; }
.accordion .accordion-item:last-of-type {
border-radius: 0px; }
.accordion .accordion-item:last-child {
margin-bottom: 0px; }
.accordion.accordion-style-pgs-two .accordion-item {
border: none;
margin-bottom: 15px; }
.accordion.accordion-style-pgs-two .accordion-item .accordion-header .accordion-button {
font-size: 20px;
border-radius: 5px;
border: 1px solid rgba(255, 255, 255, 0.07);
padding: 22px 25px;
padding-right: 55px; }
.accordion.accordion-style-pgs-two .accordion-item .accordion-header .accordion-button:after {
right: 12px; }
.accordion.accordion-style-pgs-two .accordion-item .accordion-header .accordion-button:hover {
color: #ffffff; }
.accordion.accordion-style-pgs-two .accordion-item .accordion-header .accordion-button:hover:after {
color: #ffffff; }
.accordion.accordion-style-pgs-two .accordion-item .accordion-header .accordion-button:not(.collapsed) {
box-shadow: inherit;
outline: inherit;
color: #ffffff;
background-color: #1761a0; }
.accordion.accordion-style-pgs-two .accordion-item .accordion-header .accordion-button:not(.collapsed):after {
content: "\f068";
font-family: 'Font Awesome 5 Free';
color: #ffffff; }
.accordion.accordion-style-pgs-two .accordion-item .accordion-collapse .accordion-body {
background-color: #fff;
padding-top: 30px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 30px;
color: #000;
margin-bottom: 0px;
border-radius: 20px 0px 0px 20px;
 }
/*****************************
Responsive
*****************************/
@media (max-width: 991px) {
.accordion .accordion-item .accordion-header .accordion-button {
font-size: 20px;
padding: 20px 20px;
padding-left: 0px;
padding-right: 35px;
padding: 22px;
 }
.accordion .accordion-item .accordion-collapse .accordion-body {
padding-bottom: 0px;
padding-top: 0px;
margin-bottom: 20px; } }
@media (max-width: 575px) {
.accordion.accordion-style-pgs-two .accordion-item .accordion-header .accordion-button {
font-size: 18px;
padding: 16px 20px;
padding-right: 50px; } }
/*****************************
Action-box
*****************************/
.action-box {
position: relative;
height: 100%;
padding: 50px;
background-color: #1761a0;
border-radius: 25px;
/* Action box Style 02  */
/* Action box Style 03 */ }
.action-box .action-box-content {
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid rgba(255, 255, 255, 0.2); }
.action-box .action-box-content .counter {
border-bottom: none; }
.action-box .action-box-content .counter:before {
display: none; }
.action-box .action-box-content .counter .counter-number .timer {
font-size: 74px;
line-height: 74px;
margin-bottom: 10px; }
.action-box .action-box-content p {
color: #ffffff;
margin-bottom: 0; }
.action-box.action-box-style-02 {
z-index: 2;
border-radius: 15px;
padding: 82px 45px 60px; }
.action-box.action-box-style-02 .action-box-content {
padding-top: 0;
margin-top: 0;
border-top: none; }
.action-box.action-box-style-02 .action-box-content .title {
font-family: "Bai Jamjuree", serif;
font-size: 36px;
font-weight: 700;
text-transform: capitalize;
line-height: 44px;
color: #ffffff;
margin-bottom: 20px; }
.action-box.action-box-style-02 .action-box-content .description {
margin-bottom: 30px;
color: #ffffff; }
.action-box.action-box-style-02:before {
position: absolute;
content: "";
border-radius: 15px;
background: linear-gradient(180deg, rgba(35, 164, 85, 0.1) 0%, #1761a0 100%);
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: -1; }
.action-box.action-box-style-03 {
border-radius: 10px;
padding: 50px 45px;
border: 1px solid rgba(131, 131, 131, 0.25);
background-color: transparent; }
.action-box.action-box-style-03:before {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.4;
background-image: url(5aa8212cb5be288a5068.png);
border-radius: 10px;
background-size: cover;
background-repeat: no-repeat;
z-index: -1; }
.action-box.action-box-style-03 .action-box-content {
margin-top: 0;
padding-top: 0;
border-top: none; }
.action-box.action-box-style-03 .action-box-content .description {
margin-top: 25px;
margin-bottom: 0; }
.action-box.action-box-style-03 .action-box-content .contact-details {
padding: 0;
margin-bottom: 0;
margin-top: 30px;
display: flex;
flex-direction: column;
gap: 12px; }
.action-box.action-box-style-03 .action-box-content .contact-details .contact-info {
display: flex;
align-items: center;
gap: 10px; }
.action-box.action-box-style-03 .action-box-content .contact-details .contact-info a:hover {
color: #1761a0; }
/*****************************
Responsive
*****************************/
@media (max-width: 1399px) {
.action-box {
padding: 50px 30px; }
.action-box .action-box-content {
margin-top: 30px;
padding-top: 30px; }
.action-box.action-box-style-03 {
padding: 30px; } }
@media (max-width: 1199px) {
.action-box .action-box-content {
margin-top: 15px;
padding-top: 15px; }
.action-box.action-box-style-03 {
padding: 30px 20px; }
.action-box.action-box-style-03 .action-box-content .description {
margin-top: 15px; } }
@media (max-width: 991px) {
.action-box.action-box-style-02 {
padding: 100px 20px 30px; }
.action-box.action-box-style-02 .action-box-content .title {
font-size: 28px;
line-height: 38px; } }
@media (max-width: 575px) {
.action-box {
padding: 40px 20px; }
.action-box .action-box-content .counter .counter-number .timer {
font-size: 54px;
line-height: 54px; }
.action-box.action-box-style-02 {
padding: 80px 15px 30px; }
.action-box.action-box-style-02 .action-box-content .title {
font-size: 24px;
line-height: 36px; } }
/*****************************
Info box
*****************************/
.infobox-wrapper.grid-wrapper {
grid-gap: 40px; }
.infobox {
padding: 40px;
    border-radius: 20px;
    background-color: #e6eaee;
    max-height: 320px;
    min-height: 320px;
    /* box-shadow: 0px 3px 14px 0px rgba(0, 11, 40, 0.06); */
    /* border-top: 5px solid #21609d; */
    transition: all 0.2s linear;
    /*border-top: 50px solid;*/

 }
 .infobox:hover{
     /*-webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08);
   box-shadow: 0 3px 15px rgb(0 0 0 / 10%);*/

 }
.infobox .infobox-info {
padding-bottom: 16px;
margin-bottom: 16px;
border-bottom: 1px solid rgb(18 16 16 / 7%);
display: flex;
gap: 50px;
justify-content: space-between; }
.infobox .infobox-info .infobox-title {
font-size: 24px;
line-height: 36px;
font-weight: 500;
color: #000; }
.infobox .infobox-info .infobox-link {
line-height: 36px;
align-self: flex-start; }
.infobox .infobox-info .infobox-link svg {
vertical-align: middle; }
.infobox .infobox-content .infobox-description {
line-height: 30px;color:#212121 }
.icon-box-item {
/*gap: 30px;
display: flex;*/
padding: 25px 100px 25px 0px;
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    padding: 50px;
    background: #f6f6f6;
    margin-bottom: 30px;
 }
.icon-box-item .icon {
    top: -24px;
    width: 84px;
    height: 84px;
    flex: 0 0 84px;
    display: flex
;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    background-color: #1761a0;
    margin-bottom: 20px;
    /*position: absolute;*/
    left: -41px;
 }
.icon-box-item .title {
margin-bottom:10px;
font-weight: 600;     color: #000;}
.icon-box-item .description {
margin-bottom: 0px; }
.icon-box-item:last-child {
border-bottom: none;
/*padding-bottom: 0px; */
}
.icon-box-item:first-child {
/*padding-top: 0px;*/
 }
.contact-info-box ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 10px; }
.contact-info-box ul li {
line-height: 30px;
color: #ced0df; }
.contact-info-box ul li:last-child {
margin-bottom: 0; }
.contact-info-box ul li a {
display: inline-block;
line-height: normal;
color: #ced0df;
font-family: "Jost", sans-serif;
font-weight: normal; }
.contact-info-box ul li a:hover {
color: #1761a0; }
/*****************************
Responsive
*****************************/
@media (max-width: 1199px) {
.infobox-wrapper.grid-wrapper {
grid-gap: 24px; }
.infobox {
padding: 40px 30px; }
.infobox .infobox-info {
gap: 20px; }
/*.icon-box-item {
padding: 20px 0px 20px 0px; }*/

 }
@media (max-width: 767px) {
.infobox {
padding: 30px; }
.infobox .infobox-info {
padding-bottom: 15px;
margin-bottom: 15px;
gap: 30px; } }
@media (max-width: 575px) {
.infobox {
padding: 25px;
margin-bottom: 20px;
 }
 .infobox {
    padding: 40px;
    border-radius: 20px;
    /*background-color: #07192f;*/
    max-height: 100%;
    min-height: auto;
    margin-bottom: 20px;
}
.icon-box-item {
gap: 15px; }
.icon-box-item .icon {
width: 70px;
height: 70px;
flex: 0 0 70px; } }
/*****************************
Services
*****************************/
/* Service Style 1 */
.service-item {
position: relative;
    margin: 0;
    padding: 0px 20px 0px;
    background: #f6f6f6;
    border: 1px solid rgba(131, 131, 131, 0.25);
    /* border-radius: 20px; */
    height: 100%;
    transition: all 0.3s ease-in-out;
    /* background-color: white; */
    -webkit-box-shadow: 0px 3px 14px 0px rgba(0, 11, 40, 0.06);
    box-shadow: 0px 3px 14px 0px rgba(0, 11, 40, 0.06);
    border-top: 5px solid #21609d;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border-radius: 50px 0 50px;
    border-bottom: 5px solid;

}
.service-item .service-icon {
opacity: 1;
margin-bottom: 30px;
transition: all 0.3s ease-in-out;
position: relative;
/*width: 265px;*/
 }
.service-item .service-icon .main-icon {
transition: all 0.3s ease-in-out; }
.service-item .service-icon .hover-icon {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
visibility: hidden;
z-index: -1;
transition: all 0.3s ease-in-out; }

.service-item .service-content .service-title {
    margin-bottom: 8px;
    color: #212121;
     font-size: 17px;
        line-height: 25px;
        text-align: center;
        margin-bottom: 20px;
}
.service-item .service-content .service-description {
margin-bottom: 15px; }
.service-item .service-content .service-action {
transition: all 0.3s ease-in-out; }
.service-item .service-content .service-action .btn-arrow {
border-color: #1761a0; }
.service-item .service-content .service-action .btn-arrow:after {
border-color: #1761a0; }
.service-item:hover {
   /*border-color: #21609d;*/
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08);
    box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08);

background: #e0e7ed;
border: 1px solid #8a9093; 
}
.service-item:hover .service-content .service-title {
 
    color: #000;

}
.service-item:hover .service-content .service-description {
   color: #fff;
}
.service-item:hover .service-icon .main-icon {
/*opacity: 0;
visibility: hidden;*/
 }
.service-item:hover .service-icon .hover-icon {
opacity: 1;
visibility: visible;
z-index: 1; }
.service-item:hover .service-content .service-action .btn-arrow-up {
border: 1px solid transparent;box-shadow: none !important;
    background: transparent; }
.service-item:hover .service-content .service-action .btn-arrow-up:before {
height: 100%;
width: 100%; }
.service-item:hover .service-content .service-action .btn-arrow-up svg path {
stroke: #07192f; }
.service-item:hover .service-content .service-action .btn-arrow {
border-color: #ffffff; }
.service-item:hover .service-content .service-action .btn-arrow svg path {
stroke: #ffffff; }
.service-item:hover .service-content .service-action .btn-arrow:after {
border-color: #ffffff; }
.service-item:hover .service-content .service-action .btn-arrow:hover svg path {
stroke: #ffffff; }
/* Service Fancy */
.service-fancy .service-item {
position: relative;
padding: 20px 0;
border: 0px;
border-radius: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
transition: all 0.4s ease-in-out; 
    box-shadow: none !important;
    background: transparent;
}
.service-fancy .service-item .service-img {
position: fixed;
top: 0;
left: 0;
border-radius: 10px;
width: 245px;
height: 330px;
object-fit: cover;
z-index: 2;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: rotate(5deg); }
.service-fancy .service-item .service-content {
display: flex;
gap: 30px 50px;
align-items: center;
position: relative;
z-index: 2;
justify-content: space-between; }
.service-fancy .service-item .service-content .service-content-inner {
/*display: flex;
gap: 30px 70px;*/
/*margin-right: 50px; */
}
.service-fancy .service-item .service-content .service-content-inner .service-info {
/*width: 45%;*/
position: relative;
/*padding-left: 50px; */
}
.service-fancy .service-item .service-content .service-content-inner .service-info .service-number {
color: #1761a0;
font-size: 120px;
line-height: 120px;
font-weight: bold;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
margin: 0;
z-index: -1;
opacity: 0.07; }
.service-fancy .service-item .service-content .service-content-inner .description {
/*width: 55%;*/
color: #000;
 }
.service-fancy .service-item .service-content .service-action {
margin-left: auto; }
.service-fancy .service-item .service-content .service-action .circle-btn {
display: flex;
align-items: center;
justify-content: center;
position: relative;
height: 100px;
width: 100px;
border-radius: 100%;
border: 1px solid rgba(255, 255, 255, 0.07);
    background-color: #fff;
     }
.service-fancy .service-item .service-content .service-action .circle-btn:before {
content: "";
height: 100%;
width: 100%;
border: 1px solid inherit;
border-radius: 100%;
background-color: #9E9E9E;
position: absolute;
top: 0;
left: 0;
transform: scale(0);
transition: all 0.3s ease-in-out;
z-index: -1; }
.service-fancy .service-item .service-title {
font-family: "Bai Jamjuree", serif;
font-size: 30px;
font-weight: 700;
line-height: 42px;
color: #1761a0;
margin-bottom: 0px; }
.service-fancy .service-item:first-child {
padding-top: 0px; }
.service-fancy .service-item:hover {
background-color: transparent;
border-bottom: 1px solid #1761a0; }
.service-fancy .service-item:hover .service-content .service-action .circle-btn:before {
transform: scale(1); }
.services-slider-section {
display: flex;
padding-top: 50px;
gap: 50px; }
.services-slider-section .services-bg-slider {
width: 320px;
flex: 0 0 320px;
position: relative;
border-radius: 25px;
z-index: 5;
overflow: hidden; height: 320px;}
.services-slider-section .services-bg-slider .owl-carousel .owl-stage-outer,
.services-slider-section .services-bg-slider .owl-carousel .owl-stage,
.services-slider-section .services-bg-slider .owl-carousel .owl-item,
.services-slider-section .services-bg-slider .owl-carousel .owl-item .item,
.services-slider-section .services-bg-slider .owl-carousel .owl-item .item img {
height: 100% !important; }
.services-slider-section .services-bg-slider .owl-carousel .owl-item .item img {
width: 100%;
object-fit: cover; }
.services-slider-section .services-bg-slider .services-bg-slider-content {
position: absolute;
bottom: 25px;
left: 0px;
width: 100%;
padding: 0px 25px;
z-index: 3; }
.services-slider-section .services-bg-slider .services-bg-slider-content .title {
line-height: 32px;
color: #ffffff;
margin-bottom: 15px; }
.services-slider-section .services-bg-slider .services-bg-slider-content .btn {
font-size: 17px;
font-weight: 400;
line-height: 24px;
border-radius: 35px 35px 35px 35px;
padding: 10px 25px 10px 25px; }
.services-slider-section .services-bg-slider .services-bg-slider-content .btn:hover {
background-color: #ffffff;
color: #07192f; }
.services-slider-section .services-bg-slider:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0;
top: 0;
background-color: transparent;
--background-overlay: '';
background-image: linear-gradient(180deg, #0D16151F 0%, #0D1615 100%);
opacity: 0.75;
z-index: 2;
border-radius: 25px; }
.services-slider-section .grid-wrapper {
grid-gap: 0; }
/*Service Single*/
.service-single .service-img img {
border-radius: 25px; }
.service-single .service-content .service-title {
width: 80%;
margin-bottom: 30px; }
.service-single .accordion.accordion-style-pgs-two .accordion-item .accordion-header .accordion-button {
padding: 25px 30px;
font-size: 22px;
line-height: 32px; }
@media (max-width: 1399px) {
.services-slider-section .services-bg-slider {
flex: 0 0 250px;
width: 250px; }
.service-single .service-content .service-title {
width: 100%; } }
@media (max-width: 1199px) {
.service-fancy .service-item .service-content {
gap: 30px 70px; }
.service-fancy .service-item .service-content .service-content-inner {
gap: 30px 50px;
margin-right: 0; }
.service-fancy .service-item .service-content .service-content-inner .service-info {
width: 50%; }
.service-fancy .service-item .service-content .service-content-inner .description {
width: 50%; }
/*services-slider-section*/
.services-slider-section {
flex-direction: column;
padding-top: 0px; }
.services-slider-section .services-bg-slider {
width: 100%;
flex: inherit;
height: 450px; }
.services-slider-section .services-bg-slider .owl-carousel .owl-item .item img {
object-position: center 20%; } }
@media (max-width: 1024px) {
.service-fancy .service-item .service-img {
display: none; } }
@media (max-width: 991px) {
.service-fancy .service-item .service-content {
gap: 30px 80px; }
.service-fancy .service-item .service-content .service-content-inner {
flex-direction: column;
gap: 20px 0; }
.service-fancy .service-item .service-content .service-content-inner .service-info {
width: 100%; }
.service-fancy .service-item .service-content .service-content-inner .description {
width: 100%; }
.service-fancy .service-item .service-img {
display: block;
position: absolute;
top: 0;
left: inherit;
right: 0;
width: 200px;
height: 100%;
border-radius: 0;
padding: 30px 0;
z-index: 2;
opacity: 0 !important;
visibility: hidden !important;
transition: all 0.4s ease-in-out;
transition-delay: 0s;
transform: none !important; }
.service-fancy .service-item:first-child .service-img {
padding-top: 0; }
.service-fancy .service-item:hover {
padding-right: 230px; }
.service-fancy .service-item:hover .service-content {
gap: 30px; }
.service-fancy .service-item:hover .service-img {
opacity: 1 !important;
visibility: visible !important;
transition-delay: 0.3s; } }
@media (max-width: 767px) {
.service-item {
padding: 40px 20px; }
.service-fancy .service-item .service-img {
height: auto; }
.service-fancy .service-item .service-content {
align-items: flex-start;
flex-direction: column;
gap: 30px; }
.service-fancy .service-item .service-content .service-content-inner .service-info .service-number {
font-size: 150px;
line-height: 130px; }
.service-fancy .service-item .service-content .service-action {
        margin-bottom: 0;
        margin-left: 10px; }
.service-fancy .service-item .service-content .service-action .circle-btn {
height: 70px;
width: 70px;         background-color: #ececec;}
.service-fancy .service-item .service-content .service-action .circle-btn .arrow svg {
height: 40px;
width: 40px; }
.service-fancy .service-item:hover {
padding-right: 215px; }
/*services-slider-section*/
.services-slider-section .services-bg-slider {
height: 350px; }
/*Service Single*/
.service-single .service-content .service-title {
margin-bottom: 20px; } }
@media (max-width: 575px) {
.service-item {
padding: 10px 15px; }
.service-item .service-icon {
margin-bottom: 20px; }

.service-item .service-content .service-title {
margin-bottom: 5px; margin-left: 0px}
.service-item .service-content .service-description {
margin-bottom: 25px; }
.service-fancy .service-item {
padding: 30px 0; }
.service-fancy .service-item .service-img {
display: none; }
.service-fancy .service-item .service-content {
gap: 15px; }
.service-fancy .service-item .service-content .service-content-inner .service-info {
padding-left: 0px; }
.service-fancy .service-item .service-content .service-content-inner .service-info .service-number {
font-size: 120px;
line-height: 120px;
top: 50%;
transform: translateY(-50%); }
.service-fancy .service-item:hover {
padding-right: 0; }
.service-fancy .service-item:hover .service-content {
gap: 15px; }
.services-slider-section .services-bg-slider .services-bg-slider-content {
bottom: 15px;
padding: 0px 15px; }
.services-slider-section .services-bg-slider .services-bg-slider-content .title {
line-height: 28px; }
.service-single .accordion.accordion-style-pgs-two .accordion-item .accordion-header .accordion-button {
padding: 16px 25px;
font-size: 18px;
line-height: 28px; } }
/*****************************
Team
*****************************/
.team-item {
   position: relative;
    padding-bottom: 4px;
    z-index: 1;
    text-align: center;
    /* border: 1px solid #1761a08f; */
    margin-bottom: 30px;
    /* border-radius: 10px; */
  /*  background: #f6f6f6;
    box-shadow: 0px 3px 14px 0px rgba(0, 11, 40, 0.06);
    border-top: 10px solid;
    transition: all 0.2s linear;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 15px solid #dad7d7;
    border-radius: 50px 0;*/
    transition: all 0.2s linear;
        border-radius: 10px;
           box-shadow: rgb(31 74 123) 5px 5px, rgb(41 95 154 / 27%) 10px 10px, rgb(38 89 145 / 13%) 15px 15px;
   background: #9E9E9E;
    background-image: url(../images/grey-bg.jpg);
    background-blend-mode: overlay;
    background-size: contain;
}
.team-item:hover{
   /*border-color: #21609d;*/
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08);
    box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08);
    box-shadow: rgb(31 74 123) 5px 5px, rgb(41 95 154 / 56%) 10px 10px, rgb(38 89 145 / 33%) 15px 15px, rgb(29 72 120 / 28%) 20px 20px;

background: #e0e7ed;
}
.team-item .team-img {
position: relative;
overflow: hidden;
border-radius: 20px;
/*margin-bottom: 20px;*/
 }
/*   .team-item .team-img:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 30px;
bottom: 0;
padding: 40px;
opacity: 0;
z-index: 1;
display: flex;
overflow: hidden;
flex-direction: column;
justify-content: flex-end;
transition: all 0.3s ease-in-out;
background: linear-gradient(180deg, transparent 30%, #1761a0 80%); }*/
.team-item .team-img img {
border-radius: 20px;
transition: all 0.4s ease-in-out;    max-width: 150px; }
.team-info{
  padding-bottom: 20px;
}
.team-item .team-info .team-title {
    font-size: 19px;
    line-height: 32px;
font-weight: 700;
font-family: "Bai Jamjuree", serif;
color: #000;
display: inline-block; }
.team-item .team-info .team-title:hover {
color: #1761a0; }
.team-item .team-info .team-designation {
display: block;
/*color: #7a7a7a;*/
color: #1761a0;
 }
.team-item .team-info .team-social {
padding-left: 4px;
margin-top: 15px; }
.team-item .team-info .team-social ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
gap: 10px; }
.team-item .team-info .team-social ul li a {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 39px;
font-size: 18px;
color: #ffffff;
font-weight: normal;
text-transform: uppercase;
position: relative;
transition: all 0.3s ease-in-out;
border: 1px solid rgba(131, 131, 131, 0.25);
border-radius: 80%; }
.team-item .team-info .team-social ul li a:after {
content: "";
position: absolute;
left: -4px;
bottom: -4px;
width: 100%;
height: 100%;
z-index: -2;
border: 1px solid rgba(131, 131, 131, 0.25);
border-radius: 80%;
transition: all 0.3s ease-in-out; }
.team-item .team-info .team-social ul li a:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
z-index: -1;
border-radius: 80%;
transition: all 0.3s ease-in-out;
background-color: #1761a0; }
.team-item .team-info .team-social ul li a:hover:after {
left: 0px;
bottom: 0px;
opacity: 0; }
.team-item .team-info .team-social ul li a:hover:before {
opacity: 1; }
.team-item .team-info .team-social:hover .team-social {
left: 0; }
.team-item:hover .team-img:before {
opacity: 1; }
.team-item:hover .team-social {
left: 0; }
/*****************************
Team Single
*****************************/
/*Team-details*/
.team-single .team-member-info .member-image {
margin-bottom: 20px;
position: relative; }
.team-single .team-member-info .member-image img {
border-radius: 20px; }
.team-single .team-member-info .member-image .team-social-profiles {
padding: 30px 22px;
background-color: #1761a0;
list-style: none;
margin: 0;
display: flex;
flex-direction: column;
gap: 17px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%); }
.team-single .team-member-info .member-image .team-social-profiles .team-social-profile {
transform: rotate(-90deg); }
.team-single .team-member-info .member-image .team-social-profiles .team-social-profile a {
color: #ffffff;
font-size: 20px;
line-height: 30px; }
.team-single .team-member-info .member-details .member-name {
font-size: 42px;
line-height: 42px;
font-weight: bold; }
.team-single .team-member-info .member-details .member-position {
line-height: 30px; }
.team-single .biography-info {
margin-top: 50px; }
.team-single .biography-info .title {
margin-bottom: 20px; }
.team-single .biography-info .description + .description {
margin-top: 20px; }
/*****************************
Responsive
*****************************/
@media (max-width: 1199px) {
.team-single .team-img {
padding-right: 0px; } }
@media (max-width: 991px) {
.team-single .team-img {
margin-bottom: 50px; } }
@media (max-width: 575px) {
.team-single .team-member-info .member-details .member-name {
font-size: 28px;
line-height: 38px;
margin-bottom: 0; }
.team-single .team-img {
margin-bottom: 30px; }
.team-single .team-info .social-icon {
margin: 20px 0px; }
.team-single .team-info .team-designation {
font-size: 16px; } }
/*****************************
Testimonial
*****************************/
.testimonial-wrapper {
position: relative;
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 25px;
padding: 60px; }
.testimonial-wrapper .testimonial-ratings i {
display: inline-block;
font-size: 16px;
color: #1761a0; }
.testimonial-wrapper .testimonial-quote {
position: absolute;
right: 50px;
top: 30px; }
.testimonial-wrapper .testimonial-quote i {
font-size: 180px;
color: transparent;
-webkit-text-stroke: 2px #1761a0;
opacity: 0.3; }
.testimonial-wrapper .testimonial-content {
margin: 25px 0; }
.testimonial-wrapper .testimonial-content p {
margin-bottom: 0;
font-size: 22px;
line-height: 36px;
font-style: italic;
color: #ffffff;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
overflow: hidden; }
.testimonial-wrapper .testimonial-author .author-info .author-name {
color: #1761a0;
line-height: 32px;
margin-bottom: 0;
font-weight: 600; }
.testimonial-wrapper .testimonial-author .author-info .author-position {
color: #ffffff; }
/*****************************
Responsive
*****************************/
@media (max-width: 1199px) {
.testimonial-wrapper {
padding: 45px; }
.testimonial-wrapper .testimonial-quote {
top: 20px; }
.testimonial-wrapper .testimonial-quote i {
font-size: 130px; }
.testimonial-wrapper .testimonial-content {
margin: 20px 0; } }
@media (max-width: 767px) {
.testimonial-wrapper {
padding: 30px; }
.testimonial-wrapper .testimonial-content p {
font-size: 22px;
line-height: 38px; } }
@media (max-width: 575px) {
.testimonial-wrapper {
padding: 30px 20px; }
.testimonial-wrapper .testimonial-quote {
right: 25px;
top: 15px; }
.testimonial-wrapper .testimonial-quote i {
font-size: 100px; }
.testimonial-wrapper .testimonial-content {
margin: 15px 0; }
.testimonial-wrapper .testimonial-content p {
font-size: 18px;
line-height: 32px; } }
/*****************************
Counter
*****************************/
.counter {
/*display: flex;
gap: 30px;*/
align-items: center;
position: relative;
color: #000;
/* Counter Style 1 ----------------*/
/* Counter Style 2 ----------------*/ }
.counter .counter-info {
line-height: 1; }
.counter .counter-info .counter-title {
display: inline-block;
/*font-family: "Bai Jamjuree", serif;*/
       font-size: 13px;
    line-height: 20px;
        font-weight: 600;
        text-align: center;
 }
.counter .counter-number {
font-family: "Bai Jamjuree", serif;
/*display: flex;
align-items: center;
gap: 3px; */
text-align: center;
}
.counter .counter-number span {
display: inline-block;
font-size: 40px;
line-height: 70px;
font-weight: 700; }
.counter.counter-style-1 {
    padding: 20px;
    border-bottom: 2px solid rgba(131, 131, 131, 0.25);
    /*margin-top: 12px;*/
    text-align: center;
    background: #e1e9f1;
    /*height: 150px;*/
    border-radius: 10px;
    margin-bottom: 10px;
     }
.counter.counter-style-1 .counter-info {
/*max-width: 165px;*/
 }
.counter.counter-style-1:before {
content: "";
position: absolute;
    left: 11px;
bottom: -2px;
width: 50px;
height: 2px;
background-color: #1761a0;
background: linear-gradient(170deg, #1761a0 0%, #5CC4A1 100%); }
.counter.counter-style-02 {
gap: 0;
display: flex;
padding: 50px 0px;
justify-content: space-between;
border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
.counter.counter-style-02 .counter-number {
flex: 0 0 38%; }
.counter.counter-style-02 .counter-number .counter-text .timer {
line-height: 1;
font-size: 72px;
font-weight: 700; }
.counter.counter-style-02 .counter-number .counter-text .suffix {
line-height: 1;
color: #1761a0;
font-size: 72px;
font-weight: 700; }
.counter.counter-style-02 .counter-info {
flex: 0 0 62%;
line-height: 30px; }
.counter.counter-style-02:last-child {
border-bottom: none;
padding-bottom: 0px; }
.counter.counter-style-02:first-child {
padding-top: 0px; }
.countar-section .counter-box {
padding: 100px;
margin-left: 20px;
border-radius: 20px; }
/*****************************
Responsive
*****************************/
@media (max-width: 1399px) {
.countar-section .counter-box {
padding: 60px; }
.countar-section .counter-box .counter-number .counter-text .timer {
font-size: 60px; }
.countar-section .counter-box .counter-number .counter-text .suffix {
font-size: 60px; } }
@media (max-width: 1199px) {
.counter {
gap: 15px; }
.counter .counter-number span {
font-size: 36px;
line-height: 56px; }
.counter.counter-style-02 {
padding: 30px 0px; }
.counter.counter-style-02:first-child {
padding-top: 0; }
.counter.counter-style-02:last-child {
padding-bottom: 0; }
.countar-section .counter-box {
margin-left: 0px;
padding: 30px; }
.countar-section .counter-box .counter-number .counter-text .timer {
font-size: 50px; }
.countar-section .counter-box .counter-number .counter-text .suffix {
font-size: 50px; } }
@media (max-width: 991px) {
.counter {
gap: 20px; }
.counter .counter-number span {
font-size: 50px;
line-height: 70px; }
.counter.counter-style-2 {
gap: 15px;
padding: 30px 15px; }
.counter.counter-style-2 .counter-number span {
font-size: 30px;
line-height: 30px; }
.counter.counter-style-2 .counter-info .counter-title {
font-size: 18px;
line-height: 28px; } }
@media (max-width: 767px) {
.counter {
gap: 20px; }
.counter .counter-number span {
font-size: 36px;
line-height: 56px; }
.counter .counter-info .counter-title {
        font-size: 15px;
        line-height: 22px; }
.countar-section .counter-box {
padding: 40px; }
.counter.counter-style-02 {
padding: 30px 0px; } }
@media (max-width: 575px) {
.counter.counter-style-1 .counter-info {
max-width: 100%; }
.counter.counter-style-02 {
gap: 20px;
flex-wrap: wrap; }
.counter.counter-style-02 .counter-info {
flex: 0 0 100%; }
.counter.counter-style-02 .counter-number {
flex: 0 0 100%; }
.countar-section .counter-box {
padding: 30px 15px; } }
/*****************************
Client
*****************************/
.client-reviews {
gap: 20px;
display: flex;
flex-wrap: wrap;
align-items: center; }
.client-reviews .client-profile {
list-style-type: none;
display: flex;
padding: 0;
margin: 0; }
.client-reviews .client-profile li {
     margin-left: 10px;
/*width: 81px;
    height: 81px;
    flex: 0 0 81px;
    margin-left: 10px;*/
    /*border-radius: 100%;*/
    /*border: 2px solid #ffffff; }*/
}
.client-reviews .client-profile li:first-child {
margin-left: 0px; }
.client-reviews .client-profile li img {
/*border-radius: 100%;*/
    height: 150px;
    border-radius: 30px;
    border: 1px solid #c3bfbf;
    padding: 10px;
 }

.client-reviews .reviews {
display: flex;
flex-wrap: wrap;
margin-top: 0px;
justify-content: center;
flex-direction: column; }
.client-reviews .reviews .reviews-number {
font-size: 26px;
font-weight: 600;
line-height: 36px;
color: #1761a0; }
.client-reviews .reviews span {
color: #ffffff;
font-size: 16px;
line-height: 30px; }
.client-inner-section {
padding: 70px 0;
display: flex;
gap: 50px;
align-items: center; }
.client-inner-section .trusted-client {
text-align: left;
width: 20%;
flex-shrink: 0;
margin-bottom: 0;
padding-right: 100px;
border-right: 1px solid rgba(255, 255, 255, 0.07); }
.client-inner-section .client-logos {
width: calc(80% - 50px); }
.client-logo-section:has(.trusted-client) {
margin-top: 30px; }
.trusted-client {
font-size: 20px;
font-family: "Bai Jamjuree", serif;
font-weight: 600;
line-height: 32px;
margin-bottom: 40px;
display: block;
text-align: center; }
/*****************************
Responsive
*****************************/
@media (max-width: 1399px) {
.client-inner-section .trusted-client {
padding-right: 60px; } }
@media (max-width: 1199px) {
.clients {
padding: 50px 0; }
.clients .client-logos {
margin-top: 30px; }
.client-inner-section {
padding: 50px 0;
gap: 30px; }
.client-inner-section .trusted-client {
padding-right: 30px; }
.client-inner-section .client-logos {
width: calc(80% - 30px); } }
@media (max-width: 991px) {
    .features-item {
    height: auto;
    margin-bottom: 90px;
}
    .team-item .team-info .team-title {
    font-size: 15px;
    line-height: 21px;
   
}
    .action-group .header-phone-number {
         display: none !important; 
    }
.team-item {
 
    height: 200px;
}
.team-img img {
    width: 126px;
}

.clients {
gap: 20px;
padding: 30px 0; } }
@media (max-width: 767px) {
.clients {
flex-direction: column;
padding-bottom: 0px; }
.clients .client-logos {
width: 100%;
margin-top: 0px; }
.client-inner-section {
flex-direction: column; }
.client-inner-section .trusted-client {
width: 100%;
border: none;
padding-right: 0;
text-align: center; }
.client-inner-section .client-logos {
width: 100%; } }
@media (max-width: 575px) {
.client-reviews .client-profile li {
width: 100%;
        height: 100%;
        flex: auto;


         }
         .client-reviews .client-profile li img {
   
    height: auto !important;
   
}
.client-inner-section {
padding: 35px 0;
gap: 25px; } }
.nav-pagination {
display: flex;
position: relative;
justify-content: space-between; }
.nav-pagination:before {
top: 50%;
left: 50%;
color: #ffffff;
font-size: 20px;
content: "\f58d";
font-weight: 600;
position: absolute;
transform: translate(-50%, -50%);
font-family: "Font Awesome 6 Free"; }
/*****************************
Button
*****************************/
.btn {
gap: 10px;
color: #ffffff;
font-size: 18px;
line-height: 30px;
font-weight: 400;
padding: 10px 15px 10px 26px;
white-space: nowrap;
align-items: center;
display: inline-flex;
justify-content: center;
border-radius: 50px;
background: linear-gradient(to right, #000f22, #21609d 70%);
/*background-color: #1761a0;*/
border: none;
transition: all 0.35s ease-in-out; }
.btn svg {
transition: all 0.35s ease-in-out; }
.btn:hover, .btn:focus, .btn:focus-visible, .btn:active, .btn:first-child:active {
border: none;
color: #fff;
background: linear-gradient(to right, #21609d, #000f22 70%);

/*background-color: #ffffff;*/
animation: btn-effect 1s ease-in-out; }
.btn:hover svg, .btn:focus svg, .btn:focus-visible svg, .btn:active svg, .btn:first-child:active svg {
fill: #fff; }
.btn.btn-white {
color: #fff;
background-color: #ffffff; }
.btn.btn-white svg {
fill: #fff; }
.btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white:focus-visible, .btn.btn-white:active {
color: #ffffff;
background-color: #07192f; }
.btn.btn-white:hover svg, .btn.btn-white:focus svg, .btn.btn-white:focus-visible svg, .btn.btn-white:active svg {
fill: #ffffff; }
.btn.btn-dark {
background-color: #000f22; }
.btn.btn-dark:hover, .btn.btn-dark:focus, .btn.btn-dark:focus-visible, .btn.btn-dark:active {
background-color: #ffffff;
color: #fff; }
/* Small Button Arrow ----------------*/
.btn-arrow {
width: 50px;
height: 50px;
display: inline-flex;
position: relative;
align-items: center;
justify-content: center;
padding-top: 4px;
padding-right: 4px;
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 50px;
transition: all 0.3s ease-in-out; }
.btn-arrow svg {
position: relative; }
.btn-arrow svg path {
stroke: #ffffff;
transition: all 0.3s ease-in-out; }
.btn-arrow:after {
content: "";
position: absolute;
left: -4px;
bottom: -4px;
opacity: 1;
width: 100%;
height: 100%;
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.3s ease-in-out;
border-radius: 50px; }
.btn-arrow:hover, .btn-arrow:focus, .btn-arrow:focus-visible, .btn-arrow:active {
border: 1px solid #1761a0; }
.btn-arrow:hover svg path, .btn-arrow:focus svg path, .btn-arrow:focus-visible svg path, .btn-arrow:active svg path {
stroke: #1761a0; }
.btn-arrow:hover:after, .btn-arrow:focus:after, .btn-arrow:focus-visible:after, .btn-arrow:active:after {
border: 1px solid #1761a0; }
/* Apply Button ----------------*/
.btn-arrow.btn-apply {
width: 160px;
height: 160px;
gap: 12px;
padding-top: 6px;
flex-direction: column;
padding-right: 6px;
border-radius: 100%; }
.btn-arrow.btn-apply:after {
left: -6px;
bottom: -6px;
border-radius: 100%; }
.btn-arrow.btn-apply span {
color: #ffffff;
transition: all 0.3s ease-in-out; }
.btn-arrow.btn-apply:hover span {
color: #1761a0; }
/* Button Arrow Up----------------*/
.btn-arrow-up {
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 70px;
height: 70px;
padding: 0;
z-index: 0;
border-radius: 100%;
border: 1px solid rgba(131, 131, 131, 0.25);
transition: all 0.3s ease-in-out; 
background:#fff;
}
.btn-arrow-up:before {
position: absolute;
content: "";
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
height: 0;
width: 0;
background-color: #ececec;
transition: all 0.3s ease-in-out;
z-index: -1;
border-radius: 100%; }
.btn-arrow-up:hover {
border: 1px solid transparent; }
.btn-arrow-up:hover:before {
height: 100%;
width: 100%; }
.btn-arrow-up:hover svg path {
stroke: #07192f; }
.btn-link {
display: inline-block;
color: #1761a0; }
.btn-link svg {
fill: #1761a0;
margin-left: 5px; }
.btn-link:hover, .btn-link:focus, .btn-link:focus-visible, .btn-link:active {
color: #1761a0; }
@keyframes btn-effect {
16.65% {
transform: translateX(8px); }
33.3% {
transform: translateX(-6px); }
49.95% {
transform: translateX(4px); }
66.6% {
transform: translateX(-2px); }
83.25% {
transform: translateX(1px); }
100% {
transform: translateX(0); } }
/*****************************
Responsive
*****************************/
@media (max-width: 767px) {
.btn {
padding: 12px 40px; } }
@media (max-width: 575px) {
.btn {
padding: 10px 35px; } }
/*****************************
Form Control
*****************************/
form .form-control {
position: relative;
font-size: 18px;
line-height: 30px;
border-radius: 0px;
padding: 15px 0px;
border: none;
background: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
color: #ffffff;
margin-bottom: 15px; }
form .form-control::-ms-input-placeholder {
color: #ced0df; }
form .form-control::placeholder {
color: #ced0df; }
form .form-control:focus {
color: #ffffff;
box-shadow: none;
border-color: #1761a0;
background: transparent; }
form textarea.form-control {
margin-bottom: 30px; }
form textarea.form-control.pre-textarea {
margin-bottom: 15px; }
form.form-style-border .form-control {
padding: 15px 20px;
border-radius: 5px;
border: 1px solid rgba(255, 255, 255, 0.07); }
form.form-style-border .form-control:focus {
border-color: #1761a0; }
form.form-style-fill .form-control {
padding: 12px 20px;
border-radius: 5px;
background-color: #ffffff;
color: #07192f;
border: none; }
form.form-style-fill .form-control::-ms-input-placeholder {
color: #838383; }
form.form-style-fill .form-control::placeholder {
color: #838383; }
form.form-style-fill .form-control:focus {
border-color: transparent; }
.form-check {
padding-left: 0;
min-height: auto;
margin-bottom: 0;
display: flex;
gap: 10px; }
.form-check .form-check-input {
float: none;
width: 20px;
height: 20px;
margin: 0;
margin-top: 5px;
border: 2px solid rgba(255, 255, 255, 0.07); }
.form-check .form-check-input:checked {
background-color: #1761a0; }
input[type="search"]::-webkit-search-cancel-button {
margin-left: 10px; }
/*****************************
Responsive
*****************************/
@media (max-width: 575px) {
form .form-control {
padding: 10px 0px; }
form.form-style-border .form-control {
padding: 10px 15px; }
form.form-style-fill .form-control {
padding: 10px 15px; } }
/*****************************
Video Button
*****************************/
.video-wrapper {
position: relative;
overflow: hidden;
/*border-radius: 20px;*/
padding: 80px;
height: 990px;
display: flex;
align-items: flex-end;
z-index: 9;
/* Video Style 2  */ }
.video-wrapper.video-primary-overlay:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
/*background-image: linear-gradient(30deg, #1761a0 15%, transparent 60%);*/
background-image: linear-gradient(30deg, #1761a052 15%, transparent 60%);
z-index: -1; }
.video-wrapper.video-gradient-overlay:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: transparent;
background-image: linear-gradient(180deg, transparent 0%, rgba(4, 7, 17, 0.6) 100%);
z-index: -1; }
.video-wrapper.video-dark-overlay:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.25);
z-index: -1; }
.video-wrapper video {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
z-index: -2; }
.video-wrapper .video-btn {
position: relative;
height: 100px;
width: 100px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #ffffff;
/* Video Button Style 2 */ }
.video-wrapper .video-btn:before {
content: "";
background-color: #ffffff;
height: 100%;
width: 100%;
border-radius: 100%;
position: absolute;
top: 0;
left: 0;
transform: scale(0);
transition: all 0.4s ease-in-out; }
.video-wrapper .video-btn i {
font-size: 24px;
color: #ffffff;
transition: all 0.4s ease-in-out;
z-index: 1; }
.video-wrapper .video-btn:hover:before {
transform: scale(1); }
.video-wrapper .video-btn:hover i {
color: #000000; }
.video-wrapper .video-btn.video-btn-style-2 {
height: 70px;
width: 70px;
border: none;
background-color: #ffffff; }
.video-wrapper .video-btn.video-btn-style-2:before {
background-color: #1761a0; }
.video-wrapper .video-btn.video-btn-style-2 i {
font-size: 20px;
color: #000000; }
.video-wrapper .video-btn.video-btn-style-2:hover i {
color: #ffffff; }
.video-wrapper .video-content {
width: 55%;
display: flex;
flex-direction: column;
gap: 20px; }
.video-wrapper .video-content .video-title {
margin-bottom: 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden; }
.video-wrapper .video-content p {
margin-bottom: 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden; }
.video-wrapper.video-style-2 {
height: 230px;
padding: 30px; }
.video-wrapper.video-style-2 .video-btn-wrapper {
display: flex;
align-items: center;
gap: 15px; }
.video-wrapper.video-style-2 .video-btn-wrapper span {
font-size: 20px;
line-height: 32px;
font-family: "Bai Jamjuree", serif;
font-weight: 600;
color: #ffffff; }
/*****************************
Responsive
*****************************/
@media (max-width: 991px) {
.video-wrapper {
height: 500px;
padding: 50px; }
.video-wrapper .video-content {
width: 70%; } }
@media (max-width: 767px) {
    .sec-abt{
        padding-bottom: 0 !important;
    }
.video-wrapper {
        height: 380px;
padding: 30px; }
.video-wrapper .video-btn {
height: 80px;
width: 80px; }
.video-wrapper .video-content {
width: 100%;
gap: 15px; } }
@media (max-width: 575px) {
.video-wrapper {
padding: 20px;  height: 200px;}
.video-wrapper .video-btn {
height: 70px;
width: 70px; }
.video-wrapper .video-btn i {
font-size: 20px;
color: #ffffff;
transition: all 0.4s ease-in-out;
z-index: 1; }
.video-wrapper .video-btn.video-btn-style-2 {
height: 60px;
width: 60px; }
.video-wrapper .video-btn.video-btn-style-2 i {
font-size: 16px; }
.video-wrapper .video-content {
gap: 10px; }
.video-wrapper .video-content .video-title {
font-size: 22px;
line-height: 32px; }
.video-wrapper.video-style-2 {
padding: 20px; } }
/*---------------------------------*/
/* Header default */
/*---------------------------------*/
.header {
width: 100%;
position: relative;
z-index: 999;
background-color: transparent;
padding: 0px 28px;
/*navbar-brand*/
/*navbar*/
/*search*/ }
.header .main-header {
flex: 0 auto;
justify-content: start;
align-items: unset; }
.header .navbar-brand {
padding: 6px 0px;
margin-right: 30px;
color: #ffffff;
min-width: 220px;
flex: 0 0 220px;
display: inline-block;
transition: none; }
.header .navbar-brand img {
height: 80px; }
.header .navbar-brand img.sticky {
display: none; }
.header .navbar {
padding: 0px; }
.header .navbar .navbar-nav {
gap: 0 40px; }
.header .navbar .navbar-nav > li {
margin: 0px 0px;
display: flex;
position: relative;
align-items: center; }
.header .navbar .navbar-nav > li:first-child {
margin-left: 0px; }
.header .navbar .navbar-nav > li:last-child {
margin-right: 0px; }
.header .navbar .navbar-nav > li .nav-link {
position: relative;
transition: all 0.3s ease-in-out;
left: 0;
font-size: 17px;
line-height: 30px;
font-weight: 500;
padding: 0px;
color: #000;
text-transform: capitalize;
display: flex;
align-items: center;
gap: 7px; }
.header .navbar .navbar-nav > li .nav-link i {
font-weight: bold;
font-size: 13px; }
.header .navbar .navbar-nav > li .nav-link:hover {
color: #1761a0; }
.header .navbar .navbar-nav .nav-item:has(.megamenu) {
position: inherit; }
.header .navbar .navbar-nav .nav-item.active .nav-link {
color: #1761a0; }
.header .navbar .navbar-nav .nav-title {
margin-top: 0px;
margin-bottom: 5px;
padding: 5px 25px;
font-size: 18px;
color: #ffffff; }
.header .navbar .dropdown-menu {
padding: 10px 0px;
z-index: 999; }
.header .navbar .dropdown-menu li a i {
margin-left: auto; }
.header .search ul li a {
font-size: 20px;
color: #ffffff; }
.header .search ul li a:hover {
color: #1761a0; }
/*---------------------------------*/
/*Hamburger*/
/*---------------------------------*/
.hamburger {
padding: 0px;
cursor: pointer;
display: inline-block;
overflow: hidden;
line-height: 1;
background-color: transparent; }
.hamburger .hamburger-container {
position: relative;
width: 24px;
height: 18px;
display: inline-block; }
.hamburger .hamburger-container .hamburger-inner {
position: absolute;
width: 100%;
height: 2px;
top: 50%;
transform: translate(5px, -50%);
background-color: #212121;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.5s;
opacity: 1; }
.hamburger .hamburger-container .hamburger-inner:before {
position: absolute;
content: "";
transform: translate(-5px, 0);
top: -8px;
width: 100%;
height: 2px;
background-color: #212121;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.5s;
opacity: 1; }
.hamburger .hamburger-container .hamburger-inner:after {
position: absolute;
content: "";
top: 8px;
transform: translate(-5px, 0);
width: 100%;
height: 2px;
background-color: #212121;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.5s;
opacity: 1; }
.hamburger .hamburger-container .hamburger-hidden {
position: absolute;
top: 50%;
transform: translate(51px, -50%);
width: 100%;
height: 2px;
background-color: #1761a0;
opacity: 0;
transition-duration: 0.5s;
transition-property: transform, opacity;
transition-timing-function: ease; }
.hamburger .hamburger-container .hamburger-hidden:before {
position: absolute;
content: "";
top: -9px;
width: 100%;
height: 2px;
background-color: #1761a0;
transition-duration: 0.5s;
transition-property: transform, opacity;
transition-timing-function: ease;
transform: translate(102px, 0); }
.hamburger .hamburger-container .hamburger-hidden:after {
position: absolute;
content: "";
top: 9px;
transform: translate(102px, 0);
width: 100%;
height: 2px;
background-color: #1761a0;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.4s; }
.hamburger:hover .hamburger-inner {
transform: translate(-51px, 50%);
opacity: 0; }
.hamburger:hover .hamburger-inner:before {
transform: translate(102px, 0);
opacity: 0; }
.hamburger:hover .hamburger-inner:after {
transform: translate(102px, 0);
opacity: 0; }
.hamburger:hover .hamburger-hidden {
opacity: 1;
transform: translate(0, -50%); }
.hamburger:hover .hamburger-hidden:before {
opacity: 1;
transform: translate(0, 0); }
.hamburger:hover .hamburger-hidden:after {
opacity: 1;
transform: translate(0, 0); }
/*---------------------------------*/
/* Header Sticky */
/*---------------------------------*/
/*header.header.header-sticky.is-sticky {
position: fixed;
background: #07192f;
transition: all 0.3s ease-in-out;
box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.05);
top: -110px;
animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both; }*/
/*header.header.header-sticky.is-sticky.sticky-show {
top: 0; }
header.header.header-sticky.is-sticky .navbar .navbar-brand img {
height: 42px; }
header.header.header-sticky.is-sticky .navbar .navbar-brand img.sticky {
display: block; }*/
@keyframes stickySlideDown {
0% {
opacity: 0.7;
transform: translateY(-100%); }
100% {
opacity: 1;
transform: translateY(0); } }
.header li > .dropdown-item:focus {
color: #1761a0;
background: none; }
.header li > .dropdown-item:hover {
color: #1761a0;
background: none; }
.header .dropdown-item.active {
background: none; }
.header .dropdown-item:active {
background: none; }
.header .dropdown-item:focus {
background: none; }
.header .dropdown-item:hover {
background: none; }
.header .dropdown-toggle::after {
content: none; }
.header .navbar-collapse {
align-items: inherit;
position: relative;
flex-grow: inherit; }
.navbar .dropdown > .dropdown-menu li > a {
font-size: 16px;
line-height: 30px;
font-weight: 500;
padding: 3px 0px;
/*padding: 3px 25px;*/
border-radius: 0px;
position: relative;
color: #000;
font-family: "Jost", sans-serif; }
.navbar .dropdown > .dropdown-menu li > a:hover {
color: #1761a0;
/*padding-left: 35px;*/
 }
.navbar .dropdown > .dropdown-menu li > a:hover span:before {
width: 100%; }
.navbar .navbar-nav .dropdown-menu li.active > a span {
color: #1761a0; }
.navbar .navbar-nav .dropdown-menu li.active > a span:before {
width: 100%; }
/*---------------------------------*/
/* Search */
/*---------------------------------*/
.action-group {
gap: 30px;
display: flex;
align-items: center;
margin-left: 30px; }
.action-group .header-phone-number {
display: flex;
align-items: center;
padding: 8px 25px;
border-radius: 50px;
margin-left: 10px !important;
border: 1px solid #1761a0;
font-size: 20px;
line-height: 30px;
background: linear-gradient(to right, #000f22, #21609d 70%);
 }
.action-group .header-phone-number i {
color: #fff;
margin-right: 15px; }
.action-group .header-phone-number a {
white-space: nowrap;
color: #fff; }
.action-group .header-phone-number a:hover {
color: #fff; }
/*---------------------------------*/
/*offcanvas*/
/*---------------------------------*/
.offcanvas .offcanvas-header {
padding: 40px 50px 0px 50px; }
.offcanvas .btn-close {
display: flex;
height: 50px;
width: 50px;
border-radius: 100%;
justify-content: center;
align-items: center;
background: #000000;
opacity: 1;
transition: all 0.3s ease-in-out;
margin: 0px;
padding: 0px;
font-size: 24px;
color: #ffffff !important; }
.offcanvas .btn-close:hover {
color: #1761a0 !important; }
.offcanvas .btn-close:focus {
box-shadow: none; }
.offcanvas .offcanvas-body {
padding: 50px;
padding-top: 0; }
.offcanvas .offcanvas-body .about-us-box .title {
font-size: 28px;
line-height: 38px;
margin-bottom: 15px;
color: #07192f;
font-weight: 600; }
.offcanvas .offcanvas-body .about-us-box p {
color: #000;
margin-bottom: 0; }
.offcanvas .offcanvas-body .widget-social {
margin: 40px 0; }
.offcanvas .offcanvas-body .widget-social .social-icon {
flex-direction: column;
align-items: flex-start;
gap: 15px; }
.offcanvas .offcanvas-body .widget-social .social-icon li {
display: flex;
align-items: center;
gap: 20px; }
.offcanvas .offcanvas-body .widget-social .social-icon li .icon {
line-height: 1; }
.offcanvas .offcanvas-body .widget-social .social-icon li .icon svg {
fill: #1761a0; }
.offcanvas .offcanvas-body .widget-social .social-icon li a {
font-size: 22px;
line-height: 30px;
color: #07192f; }
.offcanvas .offcanvas-body .widget-social .social-icon li a:hover {
color: #1761a0; }
.offcanvas .offcanvas-body .contact-info-box {
margin-top: auto;
padding-bottom: 50px; }
.offcanvas .offcanvas-body .contact-info-box .title {
font-size: 28px;
line-height: 38px;
margin-bottom: 15px;
color: #07192f;
font-weight: 600; }
.offcanvas .offcanvas-body .contact-info-box ul li {
color: #000; }
.offcanvas .offcanvas-body .contact-info-box ul li a {
color: #000; }
.offcanvas .offcanvas-body .contact-info-box ul li a:hover {
color: #000; }
.offcanvas.header-sidepanel {
border-left: none;
width: 450px; }
/*---------------------------------*/
/* Mobile Offcanvas Menu */
/*---------------------------------*/
.mobile-action .mobile-hamburger {
display: flex;
height: 100%;
align-items: center;
justify-content: flex-end; }
.mobile-action .mobile-hamburger .hamburger .hamburger-container .hamburger-inner {
background-color: #000; }
.mobile-action .mobile-hamburger .hamburger .hamburger-container .hamburger-inner:before {
background-color: #000; }
.mobile-action .mobile-hamburger .hamburger .hamburger-container .hamburger-inner:after {
background-color: #000; }
.mobile-action .mobile-hamburger .hamburger .hamburger-container .hamburger-hidden {
background-color: #1761a0; }
.mobile-action .mobile-hamburger .hamburger .hamburger-container .hamburger-hidden:before {
background-color: #1761a0; }
.mobile-action .mobile-hamburger .hamburger .hamburger-container .hamburger-hidden:after {
background-color: #1761a0; }
.main-menu-offcanvas {
background-color: #e3e3e3;
width: 400px; }
.main-menu-offcanvas .offcanvas-header {
justify-content: space-between;
padding: 40px 50px; }
.main-menu-offcanvas .offcanvas-header .offcanvas-title {
font-weight: 600; }
.main-menu-offcanvas .offcanvas-header .btn-close {
height: 50px;
width: 50px;
font-size: 24px;
color: #ffffff; }
.main-menu-offcanvas .offcanvas-body .body-inner {
overflow-x: hidden; }
.main-menu-offcanvas .offcanvas-body .navbar {
padding: 0; }
.main-menu-offcanvas .offcanvas-body .navbar .navbar-nav {
width: 100%; }
.main-menu-offcanvas .offcanvas-body .navbar .navbar-nav .nav-item {
padding: 15px 0;
border-bottom: 1px solid rgba(131, 131, 131, 0.4); }
.main-menu-offcanvas .offcanvas-body .navbar .navbar-nav .nav-item a {
display: block;
padding: 0;
font-size: 18px;
font-weight: 400;
background-color: transparent;
/*color: #ffffff;*/
 }
.main-menu-offcanvas .offcanvas-body .navbar .navbar-nav .nav-item a.dropdown-toggle:before {
position: absolute;
content: "\f078";
font-family: 'Font Awesome 6 Free';
font-size: 13px !important;
font-weight: 900;
color: #ffffff;
height: 27px;
width: 27px;
right: 0;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.1s ease-in-out; }
.main-menu-offcanvas .offcanvas-body .navbar .navbar-nav .nav-item a.dropdown-toggle.show:before {
transform: rotate(-180deg); }
.main-menu-offcanvas .offcanvas-body .navbar .navbar-nav .nav-item a:after {
display: none; }
.main-menu-offcanvas .offcanvas-body .navbar .navbar-nav .nav-item .dropdown-menu {
padding: 0;
margin: 0;
padding-top: 10px;
padding-left: 10px;
border: none;
background: transparent; }
.main-menu-offcanvas .offcanvas-body .navbar .navbar-nav .nav-item .dropdown-menu li a {
padding: 8px 0;
font-size: 18px;
font-weight: 400;
/*color: #ffffff;*/
 }
.main-menu-offcanvas .offcanvas-body .navbar .navbar-nav .nav-item .dropdown-menu li a.active, .main-menu-offcanvas .offcanvas-body .navbar .navbar-nav .nav-item .dropdown-menu li a:hover {
background-color: transparent;
color: #1761a0; }
.main-menu-offcanvas .offcanvas-body .navbar .navbar-nav .nav-item:has(.active) > .nav-link {
color: #1761a0; }
.main-menu-offcanvas .offcanvas-body .navbar .navbar-nav .nav-item:has(.active) > .nav-link:before {
color: #1761a0; }
.main-menu-offcanvas .contact-info {
padding-top: 25px;
border-top: 3px solid #1761a0; }
.main-menu-offcanvas .contact-info .number {
display: block;
font-size: 30px;
line-height: 36px;
font-weight: 700;
color: #ffffff;
margin-bottom: 15px; }
.main-menu-offcanvas .contact-info .mail {
display: block;
color: #ced0df;
font-size: 24px;
margin-bottom: 15px; }
.main-menu-offcanvas .contact-info .mail i {
padding-right: 10px;
color: #1761a0; }
/*****************************
Responsive
*****************************/
@media (min-width: 992px) {
.header .navbar .navbar-collapse {
flex-basis: auto;
justify-content: flex-end;
margin-left: auto; }
.header .navbar .dropdown-menu {
margin: 0px;
font-size: 14px;
border-radius: 0px;
min-width: 250px;
border: none;
left: 0;
transform-origin: top center;
box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out;
display: block !important;
margin-top: 15px;
top: 100%;
background-color: #fff;
border-top: 3px solid #21609d;
 }
.header .navbar .dropdown-menu .dropdown-submenu .dropdown-menu {
left: 100%;
right: auto;
transform: translate3d(15px, 10px, 0); }
.header .navbar .dropdown-menu .dropdown-submenu .dropdown-menu.left-side {
right: 100%;
left: auto;
transform: translate3d(-15px, 10px, 0); }
.header .navbar .dropdown-menu.dropdown-menu-lg.megamenu {
padding: 16px 25px;
width: 100%; }
.header .navbar .dropdown:hover > .dropdown-menu {
visibility: visible;
opacity: 1;
margin-top: 0px; }
.header .navbar li:hover > ul.dropdown-menu {
visibility: visible;
opacity: 1; } }
@media (max-width: 1499px) {
.header .navbar .navbar-nav {
gap: 0 25px; } }
@media (max-width: 1399px) {
header.header {
padding: 0 40px; }
header.header .main-header {
padding: 0 0px; }
header.header .navbar-collapse {
position: unset; }
header.header .navbar-brand {
min-width: 70px;
flex: 0 0 70px;
margin-right: 20px; }
header.header .menu-btn {
margin-left: 0px; }
header.header .navbar .navbar-nav {
gap: 0 10px; }
header.header .navbar .navbar-nav > li {
margin: 0px 5px; }
header.header .navbar .navbar-nav > li .nav-link {
padding: 10px 5px; }
.action-group {
gap: 20px;
margin-left: 15px; }
.action-group .header-phone-number {
/*display: none;*/
 } }
@media (max-width: 1199px) {
/* Header */
header.header {
padding: 0 30px; }
header.header .navbar .navbar-brand {
flex: 0 0 120px; }
header.header .navbar .navbar-nav > li {
margin: 0px 0px; }
header.header .navbar .navbar-nav > li .nav-link {
font-size: 17px; }
header.header .navbar .action-group a.btn {
margin-left: 20px !important;
font-size: 14px; } }
@media (max-width: 991px) {
.header .navbar-brand {
padding: 10px 0px; }
.header.header {
padding: 0 20px; }
.header .main-header {
padding: 0 30px;
justify-content: space-between; }
.header .navbar-collapse {
position: absolute;
top: 100%;
z-index: 999;
background: #ffffff;
width: 100%;
left: 0;
margin-left: 0px;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); }
.header .navbar .navbar-brand {
flex: 0 0 180px;
min-width: 180px; }
.header .navbar .navbar-brand img {
/*height: 40px; */
}
.header .navbar .navbar-nav {
align-items: initial; }
.header .navbar .navbar-nav .nav-link {
color: #000000;
padding: 10px 20px; }
.header .navbar .navbar-nav .nav-link i {
position: absolute;
right: 20px; }
.header .navbar .navbar-nav .nav-item {
margin-right: 0;
margin-left: 0px; }
.header .navbar .dropdown-menu {
margin: 0px;
font-size: 16px;
border-radius: 0px;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
background: inherit;
padding: 0;
font-size: 13px; }
.header .navbar .nav-title {
margin-top: 20px;
font-size: 20px;
margin-bottom: 10px !important; }
.header .navbar .action-group {
line-height: 1;
padding-right: 0px;
margin-left: 0px;
gap: 20px; }
.header .navbar .action-group .menu-btn {
display: none; }
.header .navbar .action-group .menu-btn svg {
width: 30px; }
.header .navbar .action-group .mobile-hamburger .hamburger {
padding: 4px 12px; }
header.header.header-sticky.is-sticky .navbar .navbar-brand {
padding: 10px 0px; }
.navbar .dropdown > .dropdown-menu li > a {
padding: 5px 20px; } }
@media (max-width: 767px) {
.navbar-expand-lg {
min-width: 100% !important;
left: 0; } }
@media (max-width: 575px) {
/* Header */
.header .navbar .navbar-brand img {
height: 55px !important; }
.is-sticky img {
    height: 40px !important;
}
.header.header {
padding: 0 12px; }
.header .main-header {
padding: 0px 15px; }
.header .navbar .dropdown-menu {
max-height: 300px;
overflow-x: scroll; }
.header .action-group .search {
display: none; }
.header.header-02 .navbar .action-group {
display: flex; }
header.header.header-sticky.is-sticky .navbar .navbar-brand img {
height: 30px; }
.main-menu-offcanvas {
width: 320px !important; }
.main-menu-offcanvas .offcanvas-header {
padding: 30px 20px; }
.main-menu-offcanvas .offcanvas-body {
padding: 20px 20px;
padding-top: 0; } }
@media (max-width: 379px) {
.main-menu-offcanvas {
width: 270px !important; } }
/*-----------------------------------*/
/* Main Banner 1 */
/*-----------------------------------*/
.main-banner-1 {
overflow: hidden;
position: relative;
/*height: 700px; */
width: 100%;
}
.main-banner-content:before {
position: absolute;
content: "";
left: 0;
top: 0;
/*height: 800px;*/
height: 100%;
width: 100%;
background: #1761a0;
/*background: linear-gradient(40deg, #1761a0 10%, rgba(0, 38, 27, 0.02) 72%);*/
background: linear-gradient(40deg, #1761a09c 10%, rgba(0, 38, 27, 0.02) 72%);
z-index: 2; 
border-radius: 0px;
}
.main-banner-content{
border-radius: 0px;
}
.main-banner-1 .kenburnsy {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%; 
}
.main-banner-1 .kenburnsy .slide {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
transform-origin: center;
}
.main-banner-1 .banner-slide {
position: absolute;
z-index: 1;
width: 100%;
height: 100%; 
}
.main-banner-1 .banner-slide .swiper-container {
height: 100%; 
}
.main-banner-1 .banner-slide .swiper-container .swiper-slide {
width: 100% !important; 
}
.main-banner-1 .widget-social {
flex-wrap: nowrap;
position: absolute;
right: 90px;
z-index: 3;
top: 50%;
/*transform: translateY(-50%) rotate(180deg);*/
}
.main-banner-1 .widget-social .follow-title {
font-size: 20px;
}
.main-banner-1 .widget-social ul{
list-style-type: none;
padding-left: 0;
}
.main-banner-1 .widget-social ul.social-icon li a {
font-size: 20px; }
.main-banner-1 .banner-content {
position: relative;
width: 70%;
z-index: 3; 
}
.main-banner-1 .banner-content h1 {
font-size: 60px;
text-transform: capitalize;
line-height: 1.1em;
color: #ffffff;
margin-bottom: 44px;
margin-bottom: 15px; 
text-shadow: 1px 3px #000;
}
.main-banner-1 .banner-content .description {
color: #ffffff;
font-size: 18px;
line-height: 34px;
margin-bottom: 15px;
width: 70%; 
}
.main-banner-1 .banner-content .banner-info {
display: flex;
gap: 30px; 
}
.main-banner-1 .banner-content .banner-info .call-center-box a {
font-size: 22px;
line-height: 32px;
font-family: "Bai Jamjuree", serif;
font-weight: 600;
color: #ffffff;
}
.main-banner-1 .banner-bg-bottom {
position: absolute;
bottom: -5px;
left: 0;
right: 0;
transform: rotate(180deg);
z-index: 3; 
}
.main-banner-1 .banner-bg-bottom svg {
height: 30px;
display: block;
left: 50%;
position: relative;
transform: translateX(-50%); 
}
.main-banner-1 .banner-bg-bottom svg path {
fill: #000f22; 
}
/*-----------------------------------*/
/* Inner Banner */
/*-----------------------------------*/
.inner-banner {
z-index: 5;
height: 450px;
display: flex;
overflow: hidden;
text-align: center;
align-items: center;
position: relative;
justify-content: center;
background-position: inherit; }
.inner-banner:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(35, 164, 85, 0.85);
z-index: -1; }
.inner-banner .title {
margin-bottom: 20px; }
.rotate {
-webkit-animation: rotate 50s normal linear infinite;
animation: rotate 50s normal linear infinite; }
@keyframes rotate {
0% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); }
25% {
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg); }
50% {
-webkit-transform: rotate3d(0, 0, 1, 180deg);
transform: rotate3d(0, 0, 1, 180deg); }
75% {
-webkit-transform: rotate3d(0, 0, 1, 270deg);
transform: rotate3d(0, 0, 1, 270deg); }
100% {
-webkit-transform: rotate3d(0, 0, 1, 360deg);
transform: rotate3d(0, 0, 1, 360deg); } }
/*------------------------------*/
/* Responsive CSS */
/*------------------------------*/
.main-banner-content {
position: relative;  
z-index: 1;         
height: 95vh;
width: 100%;
background-image: url('images/banner/banner-01/banner-img-1.jpg');
background-size: cover;
background-position: center;
border-radius: 0px;
}
.banner-content {
position: relative;  /* required */
z-index: 10;         /* higher to be on top */
color: #fff;
}
/*****************************
Layout
*****************************/
/* Sticky column */
.is-sticky {
position: -webkit-sticky;
position: fixed;
    top: -1px;
    background: #fff;
    z-index: 9999;
    box-shadow: 0 3px 15px #9e9e9e5c;
 }
/*----------------------------------*/
/* Scrollbar */
/*----------------------------------*/
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: inherit; } }
::-webkit-scrollbar {
width: var(--scrollbar-width) !important; }
.table-responsive::-webkit-scrollbar {
width: auto;
height: var(--scrollbar-width); }
::-webkit-scrollbar {
width: 4px; }
::-webkit-scrollbar-track {
background-color: #dfdfdf;
border: 1px solid #dfdfdf; }
::-webkit-scrollbar-thumb {
background-color: #1761a0; }
/*----------------------------------*/
/* Jarallax */
/*----------------------------------*/
#jarallax-container-0 {
border-radius: 30px; }
/*----------------------------------*/
/* Back To Top */
/*----------------------------------*/
.back-to-top {
position: fixed;
z-index: 99;
right: 50px;
bottom: 75px;
height: 55px;
width: 55px;
cursor: pointer;
display: block;
border-radius: 50px;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in-out;
transform: translateY(30px); }
.back-to-top::before {
position: absolute;
font-family: "Font Awesome 6 Free";
content: "\f062";
text-align: center;
line-height: 55px;
opacity: 1;
height: 55px;
width: 55px;
font-size: 18px;
font-weight: 600;
color: #031f37; }
.back-to-top svg path {
fill: none; }
.back-to-top svg.progress-circle path {
stroke: #1761a0;
stroke-width: 4; }
.back-to-top.active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0); }
/*----------------------------------*/
/* Call Center Box */
/*----------------------------------*/
.call-center-box {
display: flex;
align-items: center;
gap: 15px; }
.call-center-box .call-icon {
height: 60px;
width: 60px;
flex: 0 0 60px;
background-color: #07192f;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease-in-out; }
.call-center-box .call-icon i {
color: #ffffff;
font-size: 18px;
transition: all 0.3s ease-in-out; }
.call-center-box .call-icon:hover {
animation: btn-effect 1s ease-in-out;
background-color: #ffffff; }
.call-center-box .call-icon:hover i {
color: #1761a0; }
.call-center-box .call-info {
display: flex;
flex-direction: column; }
.call-center-box .call-info span {
font-size: 18px;
line-height: 28px;
color: #1A2547; }
.call-center-box .call-info a:hover {
color: #1761a0; }
/*----------------------------------*/
/* Contact Us */
/*----------------------------------*/
.contact-icon-box .icon-box-info .title {
margin-bottom: 5px; 
    color: #21609d;}
.contact-icon-box .icon-box-info ul {
list-style: none;
margin-bottom: 0;
padding: 0; }
.contact-icon-box .icon-box-info ul li a {
color: #ced0df; }
.contact-icon-box .icon-box-info ul li a:hover {
color: #1761a0; }
.contact-icon-box .icon-box-info .widget-social .social-icon li a {
color: #ced0df; }
.contact-icon-box .icon-box-info .widget-social .social-icon li a:hover {
color: #1761a0; }
.contact-form-box {
background-color: #1761a0;
padding: 40px 50px;
position: relative;
border-radius: 25px;
z-index: 1; }
.contact-form-box:before {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-image: url(57d5736aac07a4bccff1.png);
background-position: bottom right;
background-repeat: no-repeat;
opacity: 0.2;
z-index: -1; }
.contact-title {
background-color: #1761a0;
padding: 8px 30px;
font-size: 16px;
color: #ffffff;
font-weight: 500;
margin-top: 20px;
border-radius: 50px;
display: inline-block; }
.contact-top {
background-size: 70%;
background-position-x: 50%;
background-repeat: no-repeat;
background-position-y: 370px;
position: relative;
z-index: 1; }
.contact-top:before {
content: "";
height: 100%;
width: 100%;
/*background-image: linear-gradient(180deg, rgba(11, 28, 38, 0.4) 59%, #000f22 100%);*/
position: absolute;
top: 0;
left: 0;
z-index: -1; }
.contact-address-wrapper {
/*margin-top: 80px;*/
}
.contact-address {
padding: 50px 35px 40px;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid rgb(41 95 154);
    transition: all 0.3s ease-in-out;
    box-shadow: 0 5px 15px #9e9e9e5c;
    height: 230px;
    background: #f5f5f5;
    border-left: 10px solid #295f9a; }
.contact-address:before {
content: "";
height: 100%;
width: 100%;
/*background-image: linear-gradient(180deg, #07192f 0%, #1761a0 100%);*/
position: absolute;
top: 0;
left: 0;
opacity: 0.5;
z-index: -1; }
.contact-address .title {
font-weight: 600;
margin-bottom: 10px; }
.contact-address p {
margin-bottom: 0; }
.contact-address:hover {
border-color: #1761a0; }
/*----------------------------------*/
/* WOW : animation */
/*----------------------------------*/
.pgsUpToDown {
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
-webkit-transition: all 0.8s;
transition: all 0.8s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s; }
.pgsUpToDown.wow-animated,
.pgsUpToDown.animated {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.pgsDownToUP {
clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
-webkit-transition: all 0.8s;
transition: all 0.8s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s; }
.pgsDownToUP.wow-animated,
.pgsDownToUP.animated {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.pgsLeftToRight {
/*clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);*/
-webkit-transition: all 0.8s;
transition: all 0.8s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s; }
.pgsLeftToRight.wow-animated,
.pgsLeftToRight.animated {
/*clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); */
}
.pgsRightToLeft {
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
-webkit-transition: all 0.8s;
transition: all 0.8s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s; }
.pgsRightToLeft.wow-animated,
.pgsRightToLeft.animated {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
/*----------------------------------*/
/* Map : Contact Us */
/*----------------------------------*/
.map {
height: 362px;
border-radius: 25px;
margin-bottom: -8px;
/*filter: brightness(90%) saturate(0%);*/
/* IE6-9 */
/*-webkit-filter: brightness(90%) saturate(0%);*/
/* Chrome 19+ & Safari 6+ */
/*-webkit-backface-visibility: hidden;*/
/* Fix for transition flickering */ }
/*Mission Vision Page*/
.our-mission-section .about-img {
    position: sticky;
    top: 0;
/*padding-right: 85px;*/
 }
/* Fade In effect */
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
/* Zoom-in effect */
@keyframes zoomIn {
0% {
transform: scale(1.1); }
100% {
transform: scale(1); } }
/*----------------------------------*/
/* Keyframes */
/*----------------------------------*/
@keyframes run {
0% {
top: -50%; }
100% {
top: 110%; } }
/*===============================================*/
/* Responsive CSS */
/*===============================================*/
@media (max-width: 1399px) {
.our-mission-section .about-img {
padding-right: 25px; }
.about-img .about-logo {
left: 30px;
top: 30px; }
.about-details {
padding-top: 30px; }
.about-details .list-wrapper {
margin-left: 125px; }
/* Contact us */
.contact-form-box {
padding: 45px; } }
@media (max-width: 1199px) {
.our-mission-section .about-img {
padding-right: 0px; }
.about-details .list-wrapper {
margin-left: 0; }
.about-section .experience-section {
padding-left: 0; }
/* Contact us */
.contact-top {
background-size: 100% auto;
background-position-y: 65%; } }
@media (max-width: 991px) {
.back-to-top {
right: 30px;
bottom: 30px; }
/* Video BG Jarallax */
.video-bg-jarallax {
height: 470px; }
/* Contact us */
.contact-address-wrapper {
margin-top: 60px; }
/* Map Iframe */
.map {
height: 400px; }
/* Error 404 */
.error-section .error-content .error-main-title .error-text {
font-size: 300px;
line-height: 320px; }
.error-section .error-content .error-main-title .bg-text-stroke {
font-size: 300px;
line-height: 320px; }
.error-section .error-content .error-main-title .smile-icon {
top: 60px;
left: 50%;
width: 190px;
height: 190px; }
/* Coming Soon */
.coming-soon-title {
font-size: 50px; }
.about-bg {
margin-top: 50px;
height: 250px !important; } }
@media (max-width: 767px) {
/* Call center box */
.call-center-box .call-icon {
height: 50px;
width: 50px;
flex: 0 0 50px; }
.call-center-box .call-icon i {
font-size: 16px; }
/*About us*/
.about-section .experience-section {
padding-top: 30px; }
.experience-years .title {
font-size: 120px;
line-height: 90px;
padding-bottom: 50px; }
.experience-section.bg-primary .experience-years .title {
gap: 20px;
font-size: 120px;
line-height: 100px; }
/* Video BG Jarallax */
.video-bg-jarallax {
height: 350px; }
/* Contact us */
.contact-icon-box .icon-box-info .title {
margin-bottom: 10px; }
.contact-address-wrapper {
margin-top: 40px; }
.contact-address {
padding: 30px; }
/* Map Iframe */
.map {
height: 350px;
border-radius: 15px; }
/* Error 404 */
.error-section .error-content .error-main-title .error-text {
font-size: 140px;
line-height: 160px; }
.error-section .error-content .error-main-title .bg-text-stroke {
font-size: 140px;
line-height: 160px;
margin-left: 2px;
margin-top: 8px; }
.error-section .error-content .error-main-title .smile-icon {
top: 32px;
width: 90px;
height: 90px; }
/* Coming Soon */
.coming-soon-title {
font-size: 40px; }
.inner-content {
gap: 35px; }
.about-details {
height: auto; }
}
@media (max-width: 575px) {
/* Video BG Jarallax */
.video-bg-jarallax {
height: 300px; }
/* Contact us */
.contact-form-box {
padding: 45px 15px; }
/* Error 404 */
.about-bg {
height: 200px !important; }
.about-details {
padding-top: 0;
margin-bottom: 30px;
height: auto; }
.about-right {
height: auto;
gap: 15px; } }
@media (max-width: 479px) {
.back-to-top {
right: 20px;
bottom: 20px;
height: 40px;
width: 40px; }
.back-to-top::before {
line-height: 40px;
height: 40px;
width: 40px;
font-size: 14px; }
.about-details {
gap: 15px; }
.experience-section.bg-primary .experience-years .title {
flex-wrap: wrap;
padding-bottom: 30px; }
.experience-section.bg-primary .experience-years .title sub {
max-width: 100%; }
.login-form {
padding: 20px 15px; } }
.form-check-label {
padding-left: 0px; }
/*****************************
Footer
*****************************/
.site-footer {
background-color: #d3d4d5;
padding: 50px 0 0px;
position: relative;
z-index: 2;
}
.site-footer .footer-logo {
display: inline-block; }
.site-footer .footer-logo img {
height: 80px; }
.site-footer .footer-main .contact-number-main {
margin-top: 30px; }
.site-footer .widget .widget-title {
margin-bottom: 25px;    color: #1761a0;
font-weight: 600; }
.site-footer .widget-menu .widget-title {
margin-bottom: 25px;     color: #1761a0;}
.widget-title {
    position: relative;
        font-size: 20px;
    /* other styles */
}
.widget-title:before {
    position: absolute;
    content: '';
    z-index: -1;
    width: 90px;
    height: 2px;
    background: #9E9E9E;
   bottom: -10px;
    left: 0;
}
.widget-title:after {
  position: absolute;
    content: '';
    z-index: -1;
    width: 30px;
    height: 7px;
    background-color: #f2eeee;
    bottom: -12px;
    left: 18px;
}
.site-footer .widget-menu ul {
flex-direction: column;
gap: 8px;

 }
.site-footer .widget-menu ul li a:hover {
padding-left: 25px;
 }
.site-footer .marquee-wrapper {
padding-top: 70px; }
.site-footer .footer-copyright {
position: relative;
z-index: 9;
/*background-color: #1761a0;*/
border-top: 1px solid #1761a03b;
    margin-top: 20px;
    padding: 15px 0;
 }
.site-footer .footer-copyright .copyright-info {
/*color: #ffffff;*/
margin-bottom: 0px; }
.site-footer .footer-copyright .copyright-info a {
/*color: #ffffff;*/
text-decoration: underline; }
.site-footer .footer-copyright .widget-social ul.social-icon li a:hover {
color: #07192f; }
/*************************
Responsive
*************************/
@media (max-width: 991px) {
.site-footer {
padding-top: 50px; }
.site-footer .widget .widget-title {
margin-bottom: 15px; }
.site-footer .widget-menu .widget-title {
margin-bottom: 15px; }
.site-footer .footer-main .contact-number-main {
margin-top: 15px; }
.site-footer .marquee-wrapper {
padding-top: 50px; } }
@media (max-width: 767px) {
/* Footer Social */
.site-footer.footer-dark .widget-social .social-icon li {
flex: 0;
border-right: 0; }
.site-footer.footer-dark .widget-social .social-icon li a {
padding: 0; }
.site-footer.footer-dark .widget-social .social-icon li a i {
color: #000; }
.site-footer .footer-copyright {
/*margin-top: -35px;*/
padding: 25px 0; } }
@media (max-width: 575px) {
.site-footer .grid-wrapper {
gap: 30px; }
.site-footer .widget .widget-title {
font-size: 24px; }
.site-footer .widget-menu .widget-title {
font-size: 24px; }
.site-footer .footer-copyright {
margin-top: 5px; }
.site-footer .footer-copyright .widget-social {
gap: 10px; }
.site-footer .footer-copyright .widget-social .follow-title {
gap: 10px; }
.site-footer .footer-copyright .widget-social .follow-title:after {
width: 15px; }
.site-footer .footer-copyright .widget-social ul.social-icon {
gap: 12px; }
.site-footer .marquee-wrapper {
padding-top: 30px; } }
@media (max-width: 479px) {
.site-footer {
padding-top: 50px; }
.site-footer .footer-copyright .widget-social {
gap: 5px; }
.site-footer .footer-copyright .widget-social .follow-title {
gap: 8px; }
.site-footer .footer-copyright .widget-social .follow-title:after {
width: 10px; }
.site-footer .footer-copyright .widget-social ul.social-icon {
gap: 8px; } }
#bg-slider {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
z-index: 0;
overflow: hidden;
}
.main-banner.main-banner-1 {
position: relative;
/*height: 100vh; */
overflow: hidden;
}
.main-banner-content {
/*position: relative;
z-index: 1;
height: 100%;*/
}   
.space-ptb {
padding-top: 40px;
padding-bottom: 40px;
}
.divider-line {
flex: 1;
height: 1px;
background: linear-gradient(to right, transparent, #ccc, transparent);
margin: 0 15px;
}
.section-divider {
display: flex;
align-items: center;
justify-content: center;
margin: 40px 0;
}
.divider-line {
flex: 1;
height: 1px;
background-color: #ccc;
margin: 0 15px;
}
.divider-title {
font-size: 24px;
font-weight: bold;
text-align: center;
}
.widget-social ul.social-icon {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-shrink: 0;
gap: 18px; }
.widget-social ul.social-icon li a {
height: auto;
width: auto;
color: #212121;
border: none;
display: flex;
align-items: center;
justify-content: center;
font-family: "Jost", sans-serif;
font-size: 18px;
font-weight: normal;
text-transform: capitalize;
position: relative;
transition: all 0.3s ease-in-out;
border-radius: 80%;
z-index: 1; }
.widget-social ul.social-icon li a:hover {
color: #23a455; }
.widget-social.vertical {
gap: 15px;
writing-mode: vertical-lr; }
.widget-social.vertical .follow-title:after {
width: 2px;
height: 25px;
top: auto;
bottom: 2px; }
.item-efftect {
position: fixed;
top: 0px;
left: 0;
right: 0;
height: 100%;
width: 100%;
z-index: -1;
bottom: 0; }
.item-efftect .efftect {
position: absolute;
width: 1px;
height: 100vh;
top: 0px;
background: rgba(255, 255, 255, 0.04);
overflow: hidden; }
.item-efftect .efftect:nth-child(1) {
left: 5%; }
.item-efftect .efftect:nth-child(1)::after {
-webkit-animation-delay: 0.05s;
animation-delay: 0.05s; }
.item-efftect .efftect:nth-child(2) {
left: 25%; }
.item-efftect .efftect:nth-child(2)::after {
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s; }
.item-efftect .efftect:nth-child(3) {
left: 50%; }
.item-efftect .efftect:nth-child(3)::after {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s; }
.item-efftect .efftect:nth-child(4) {
left: 75%; }
.item-efftect .efftect:nth-child(4)::after {
-webkit-animation-delay: 0.35s;
animation-delay: 0.35s; }
.item-efftect .efftect:nth-child(5) {
left: 95%; }
.item-efftect .efftect:nth-child(5)::after {
-webkit-animation-delay: 0.45s;
animation-delay: 0.45s; }
.item-efftect .efftect::after {
position: absolute;
top: -50%;
left: 0;
content: "";
height: 70px;
width: 100%;
background: linear-gradient(to bottom, rgba(131, 131, 131, 0.1) 0%, rgb(33 96 157) 75%, rgba(131, 131, 131, 0.1) 100%);
display: block;
-webkit-animation: run 5s 0s infinite;
animation: run 5s 0s infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}
@keyframes run {
0% {
top: -50%;
}
100% {
top: 100%;
}
}

@media (max-width: 575px) {
  /* Main Banner 1 ----------*/
  .main-banner-1 .widget-social {
    display: none; }
  .main-banner-1 .banner-content {
    width: 100%; }
    .main-banner-1 .banner-content .title {
      font-size: 28px;
      line-height: 38px; }
    .main-banner-1 .banner-content .description {
      margin-bottom: 15px;
      width: 100%;
      line-height: 28px; }
    .main-banner-1 .banner-content .banner-info {
      gap: 10px 30px;
      flex-wrap: wrap; }
      .main-banner-1 .banner-content .banner-info .call-center-box {
        gap: 10px; }
        .main-banner-1 .banner-content .banner-info .call-center-box a {
          font-size: 20px;
          line-height: 30px; }
        .main-banner-1 .banner-content .banner-info .call-center-box .call-icon {
          height: 40px;
          width: 40px;
          flex: 0 0 40px; }
          .main-banner-1 .banner-content .banner-info .call-center-box .call-icon i {
            font-size: 14px; }
  /* Main Banner 2 ----------*/
  .main-banner.main-banner-2 .banner-conent {
    padding: 25px; }
    .main-banner.main-banner-2 .banner-conent .title {
      font-size: 40px;
      line-height: 52px; }
    .main-banner.main-banner-2 .banner-conent .reviews-info {
      gap: 20px;
      flex-wrap: wrap; }
      .main-banner.main-banner-2 .banner-conent .reviews-info .client-reviews {
        margin-left: 20px; }
  .main-banner.main-banner-2 .banner-bg {
    height: 180px !important; }
  .inner-banner .title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 5px; } 
    .main-banner-content {
  
    height: 60vh;
    
}

.main-banner-1 {
    /*height: 500px; */
}
    .main-banner-1 .widget-social {
      right: 12px; }
    .main-banner-1 .banner-content {
      width: 100%; }
      .main-banner-1 .banner-content .title {
        font-size: 38px; }
      .main-banner-1 .banner-content .description {
        margin-bottom: 25px;
        width: 90%;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .main-banner-1 .banner-content .banner-info {
        gap: 15px 30px;
        flex-wrap: wrap; }
        .main-banner-1 .banner-content .banner-info .get-started-btn .btn {
          font-size: 16px;
          line-height: 28px;
          padding: 12px 35px; }
  /* Main Banner 2 ----------*/
  .main-banner.main-banner-2 .banner-conent {
    padding: 40px; }
  .main-banner.main-banner-2 .banner-bg {
    height: 200px !important; }
  .inner-banner {
    height: 250px; }
    .inner-banner .title {
      font-size: 42px; }
  }
  .widget-menu .widget-title {
  margin-bottom: 20px; }

.widget-menu ul {
  display: flex;
  gap: 10px 15px;
  flex-wrap: wrap;
  padding: 0;
  margin: 0; }
  .widget-menu ul li {
    width: 100%;
    position: relative; }
    .widget-menu ul li a {
      color: #000;     padding: 0 0 0 20px;}
      .widget-menu ul li a:hover {
        color: #21609d; }

        .widget-menu ul li:before{
             content: "\f0da";
    position: absolute;
    font-family: 'FontAwesome';
    color: #21609d;
    left: 0;
        }

.widget-menu.menu-style-2 ul {
  list-style: none;
  gap: 0;
  padding: 0;
  margin: 0; }
  .widget-menu.menu-style-2 ul li {
    width: 100%; }
    .widget-menu.menu-style-2 ul li a {
      display: block;
      padding: 18px 0;
      color: #000;
      border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
      .widget-menu.menu-style-2 ul li a.active {
        color: #23a455; }
      .widget-menu.menu-style-2 ul li a:hover {
        color: #23a455;
        border-color: #23a455; }
    .widget-menu.menu-style-2 ul li:last-child a {
      border-bottom: none;
      padding-bottom: 0; }
.footer-text {
      
    color: #000;
    padding-top: 20px;
    font-size: 16px;
     line-height: 28px;
}
@media(min-width: 991px){
  .footer-social{
    float: right;
  }
  .footer-text {
   
    max-width: 340px;
}
}
.footer_nav2 {padding:0;margin:0;list-style:none;;}
.footer_nav2 li{display:block;margin:0 0 15px;display:block;color:#000;padding:0 0 0 34px;position:relative;line-height:25px;}
.footer_nav2 li i{position:absolute;left:0;margin-top:3px;font-size:20px;color:#1761a0}
.footer_nav2 a{
    color: #000;
}
@media (max-width: 991px) {
    h2 {
        font-size: 30px !important;
        line-height: 40px !important;
    }

.main-banner .slick-next, .slick-prev {
   
    display: none !important;
}
}
.is-sticky img{
       height: 50px !important;
}
.offcanvas {

    z-index: 9999;
}
section:has(.rounded-section) {
    padding-left: 0;
    padding-right: 0;
}
.bg-dark {
    /*background-color: #d5d8da !important;*/
    /*background: linear-gradient(to right, #bdc3c7, #9E9E9E);*/
    background-image: url('../images/bg1.jpg');
        background-blend-mode: overlay;
    background-color: #ecececb3 !important;

}
.section-title .title {
    margin-bottom: 10px;
    text-transform: normal;
    color: #000;
    font-size: 30px;
    line-height: 40px;
}
p {
    margin-top: 0;
           margin-bottom: 5px;
    color: #000;
   font-size: 17px;
    line-height: 28px;
}

.section-title p {
    margin-top: 5px;
    margin-bottom: 0;
    color: #000;
}
.bg-dark .section-title p {
    color: #000;
}
.bg-black p, .bg-dark p {
    color: #000;
}
.contact-icon-box ul li{
   color: #000;
}
.contact-icon-box .icon-box-info ul li a{
   color: #000;
}
.contact-icon-box .social-icon li a i{
   color: #000;
}
.services-bg-slider img{
       height: 450px;
       object-fit: cover;
       width: 100%;
}
.section-title svg{
    width: 35px;
}
.img-shp1{
       border-top: 10px solid #21609d;
    border-radius: 30px;
    border-left: 10px solid;
    padding: 5px;
}


.breadcumb-menu {
  max-width: 100%;
  padding: 0;
  margin: 0px 0 -0.5em 0;
  list-style-type: none;
  position: relative;
      text-align: center;
}

.breadcumb-menu li {
  display: inline-block;
  padding-right: 3px;
  list-style: none;
  position: relative;
}

 .breadcumb-menu li:after {
    content: "";
    position: relative;
    margin-left: 7px;
    font-weight: 400;
    font-size: 12px;
    font-family: 'FontAwesome';
   

}

.breadcumb-menu li:last-child {
  padding-right: 0;
  margin-right: 0;
}

.breadcumb-menu li:last-child:after {
  display: none;
}

.breadcumb-menu li.active a {
  color: var(--theme-color);
}

.breadcumb-menu li,
.breadcumb-menu span {
  white-space: normal;
  color: inherit;
  word-break: break-word;
  font-weight: 500;
  font-family: var(--title-font);
  text-transform: uppercase;
  font-size: 12px;
  color: var(--white-color);
}

.breadcumb-menu a {
  color: var(--theme-color);
}

.breadcumb-thumb {
  /*margin: -130px -90px -170px -65px;*/
  margin: -93px -106px -200px -48px;
  -webkit-animation: zoom 2s ease-in-out;
  -moz-animation: zoom 2s ease-in-out;
  -o-animation: zoom 2s ease-in-out;
  animation: zoom 2s ease-in-out;
}
.breadcumb-thumb img{
    width: 70%;
}

@-webkit-keyframes zoom {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes zoom {
  0% {
    -moz-transform: scale(0.5);
    transform: scale(0.5);
  }

  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

@-o-keyframes zoom {
  0% {
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  100% {
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes zoom {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.breadcumb-title {
  color: var(--white-color);
  /*margin: -0.25em 0 14px 0;*/
  line-height: 1.1;
  font-size: 35px;
  font-weight: 700;
      text-transform: none;

  margin-bottom: 0;
      text-align: center;
}

.breadcumb-wrapper {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
       background-size: cover;
    padding: 66px 40px;
    overflow: hidden;
    position: relative;
    background-color: #000000e3;
    background-blend-mode: overlay;
    background-position: top;
}

@media (max-width: 1200px) {
  .breadcumb-thumb {
    margin: -100px -62px -170px -65px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .breadcumb-wrapper {
    padding: 60px 0 60px;
  }

  .breadcumb-thumb {
    display: none;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .breadcumb-wrapper {
    padding: 40px 0;
  }

  .breadcumb-title {
    font-size: 36px;
  }

  .breadcumb-menu {
    /*padding-left: 55px;*/
  }

  .breadcumb-menu:after {
    width: 40px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .breadcumb-title {
    font-size: 26px;
  }
  .counter.counter-style-1 {
   
    margin-bottom: 12px;
    padding: 20px 10px;
    }
}
[data-opacity="7"]:before {
    opacity: 0.7;
}
.pgsel-history-slider-wrapper .history-items {
  display: flex;
  position: relative;
  gap: 35px;
  flex-direction: column;
  padding-left: 80px;
  margin-left: 25px;
  counter-reset: h-item-counter; }
  .pgsel-history-slider-wrapper .history-items:before {
   content: "";
    position: absolute;
    top: 0;
    left: 0px;
    bottom: 0;
    width: 4px;
    /* background: rgb(60 115 169); */
    border: 1px solid;
    border-radius: 50px; }
  .pgsel-history-slider-wrapper .history-items .history-item {
    position: relative;
    left: 0;
    padding: 50px;
    background: #07192f;
    border-radius: 25px;
    transition: all 0.25s ease-in-out; 

}
    .pgsel-history-slider-wrapper .history-items .history-item .history-number {
      position: absolute;
      left: -105px;
      top: 45px;
      width: 50px;
      height: 50px;
      background: #23a455;
      color: #ffffff;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 100%;
      transform: scale(1);
      transition: all 0.25s ease-in-out; }
      .pgsel-history-slider-wrapper .history-items .history-item .history-number:before {
        counter-increment: h-item-counter;
        content: counter(h-item-counter); }
    .pgsel-history-slider-wrapper .history-items .history-item .history-year {
      margin-bottom: 20px;
      font-size: 60px;
      line-height: 50px;
      -webkit-text-stroke-width: 1px;
      stroke-width: 1px;
      -webkit-text-stroke-color: rgba(255, 255, 255, 0.25);
      stroke: rgba(255, 255, 255, 0.25);
      color: transparent; }
    .pgsel-history-slider-wrapper .history-items .history-item .history-title {
      font-size: 22px;
      font-weight: 600;
      line-height: 32px;
      margin-bottom: 10px;
      color: #ffffff;
      text-transform: capitalize; }
    .pgsel-history-slider-wrapper .history-items .history-item .history-content {
      margin: 0;
      color: #ced0df; }
    .pgsel-history-slider-wrapper .history-items .history-item:hover {
      left: 30px; }
      .pgsel-history-slider-wrapper .history-items .history-item:hover .history-number {
        left: -135px;
        transform: scale(1.3); }
    .pgsel-history-slider-wrapper .history-items .history-item:nth-child(-n + 9) .history-number:before {
      content: "0" counter(h-item-counter); }
  .pgsel-history-slider-wrapper .history-items.history-style-02 {
    display: flex;
    gap: 40px;
    flex-direction: column;
    padding-left: 50px;
    margin-left: 0;
    border: 0; }
    .pgsel-history-slider-wrapper .history-items.history-style-02:before {
      display: none; }
    .pgsel-history-slider-wrapper .history-items.history-style-02 .history-item {
      position: relative;
      background-color: transparent;
      padding: 60px 50px;
      border: 1px solid rgba(255, 255, 255, 0.07);
      border-radius: 25px; }
      .pgsel-history-slider-wrapper .history-items.history-style-02 .history-item .history-year-small {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 30px;
        color: #23a455; }
      .pgsel-history-slider-wrapper .history-items.history-style-02 .history-item .history-item-info {
        display: flex;
        gap: 30px; }
        .pgsel-history-slider-wrapper .history-items.history-style-02 .history-item .history-item-info .history-year {
          font-size: 110px;
          writing-mode: vertical-lr;
          transform: scale(-1);
          align-self: center;
          line-height: normal;
          color: transparent;
          margin: 0;
          -webkit-text-stroke: 1px rgba(255, 255, 255, 0.07); }
        .pgsel-history-slider-wrapper .history-items.history-style-02 .history-item .history-item-info .history-content {
          margin: 0; }
          .pgsel-history-slider-wrapper .history-items.history-style-02 .history-item .history-item-info .history-content blockquote {
            font-size: 18px;
            line-height: 30px;
            color: #ced0df;
            margin: 15px 0px;
            padding: 0;
            padding-left: 15px; }
      .pgsel-history-slider-wrapper .history-items.history-style-02 .history-item:hover {
        left: 0px; }

/*****************************
    Responsive
*****************************/
@media (max-width: 1199px) {
  .pgsel-history-slider-wrapper .history-items {
    padding-left: 40px; }
    .pgsel-history-slider-wrapper .history-items .history-item .history-number {
      left: -65px; }
    .pgsel-history-slider-wrapper .history-items .history-item:hover {
      left: 0px; }
      .pgsel-history-slider-wrapper .history-items .history-item:hover .history-number {
        left: -65px; }
    .pgsel-history-slider-wrapper .history-items.history-style-02 {
      gap: 30px;
      padding-left: 30px; }
      .pgsel-history-slider-wrapper .history-items.history-style-02 .history-item {
        padding: 40px 30px; }
        .pgsel-history-slider-wrapper .history-items.history-style-02 .history-item .history-item-info {
          gap: 20px; }
          .pgsel-history-slider-wrapper .history-items.history-style-02 .history-item .history-item-info .history-year {
            font-size: 80px; } }

@media (max-width: 991px) {
  .pgsel-history-slider-wrapper .history-items {
    padding-left: 80px; }
    .pgsel-history-slider-wrapper .history-items .history-item .history-number {
      left: -105px; }
    .pgsel-history-slider-wrapper .history-items .history-item:hover {
      left: 0px; }
      .pgsel-history-slider-wrapper .history-items .history-item:hover .history-number {
        left: -105px; }
    .pgsel-history-slider-wrapper .history-items.history-style-02 {
      padding-left: 0; } }

@media (max-width: 767px) {
  .pgsel-history-slider-wrapper .history-items {
    padding-left: 60px; }
    .pgsel-history-slider-wrapper .history-items .history-item {
      padding: 24px; }
      .pgsel-history-slider-wrapper .history-items .history-item .history-number {
        left: -85px; }
      .pgsel-history-slider-wrapper .history-items .history-item .history-year {
        font-size: 50px;
        line-height: 50px; }
      .pgsel-history-slider-wrapper .history-items .history-item:hover {
        left: 0px; }
        .pgsel-history-slider-wrapper .history-items .history-item:hover .history-number {
          left: -85px; }
    .pgsel-history-slider-wrapper .history-items.history-style-02 .history-item {
      padding: 40px 30px; }
      .pgsel-history-slider-wrapper .history-items.history-style-02 .history-item .history-item-info {
        gap: 10px;
        flex-direction: column; }
        .pgsel-history-slider-wrapper .history-items.history-style-02 .history-item .history-item-info .history-year {
          font-size: 110px;
          writing-mode: inherit;
          transform: inherit;
          align-self: auto; } }

@media (max-width: 575px) {
  .pgsel-history-slider-wrapper .history-items {
    gap: 25px;
    margin-left: 25px;
    padding-left: 25px; }
    .pgsel-history-slider-wrapper .history-items .history-item .history-number {
      left: -45px;
      width: 40px;
      height: 40px; }
    .pgsel-history-slider-wrapper .history-items .history-item .history-year {
      font-size: 42px;
      line-height: 42px;
      margin-bottom: 15px; }
    .pgsel-history-slider-wrapper .history-items .history-item:hover .history-number {
      left: -50px; }
    .pgsel-history-slider-wrapper .history-items.history-style-02 .history-item .history-year-small {
      margin-bottom: 0px; }
    .pgsel-history-slider-wrapper .history-items.history-style-02 .history-item .history-item-info .history-year {
      font-size: 70px; } }

      .img-shp2{    border-top: 10px solid #21609d;
    border-radius: 30px;
    border-left: 10px solid;
    padding: 5px;
        border-right: 10px solid;
        border-bottom: 10px solid #21609d;

}
@media(max-width: 991px){
    .img-shp2 {
    
    border-left: 20px solid;
    
    border-right: 20px solid;
    
}
        .icon-box-item {
        padding: 24px;
    }
        .icon-box-item .icon {
      
        position: inherit;
    }
    .icon-box-item {
  
    margin-bottom: 0;
}
    .section-title svg {
    width: 28px;
}
.img-shp1 img {

    min-height: 300px !important; 
}
.space-ptb {
    padding-top: 40px;
    padding-bottom: 40px;
}
.about-sec .section-title{
    padding-top: 50px;
    /*padding-bottom: 40px;*/
}
    .site-footer .widget-menu .widget-title {
        font-size: 24px;
        margin-top: 18px;
        margin-bottom: 30px;
    }
        .site-footer .widget .widget-title {
        font-size: 24px;
        margin-top: 18px;
        margin-bottom: 30px;
    }
    .our-mission-section .about-img {
    position: sticky;
    top: 0;
    /* padding-right: 85px; */
    margin-top: 50px;
}
.tab-inner {
    padding: 30px 10px !important;
 
    margin: 50px 5px 5px 5px;
}
}
.tabber {
    display: flex;
    column-gap: 30px;
        padding: 80px 0px;
}
.tabber .nav {
    display: block;
   /* max-width: 260px;
    min-width: 260px;*/
    /*height: 490px;*/
    /*overflow-y: scroll;*/
    margin: 0 !important;
    padding-right: 20px;
        position: relative;
}
.tabber .nav li{
        background: #fff;
    margin-top: 10px;
        border-radius: 20px 0;
            box-shadow: 0 3px 15px #9e9e9e5c;
}
.tabber .nav li a {
    padding: 18px 10px !important;
    margin: 0 0 !important;
    display: flex;
    align-items: center;
    gap: 9px;
    border-bottom: 2px dashed #1639612b;
        border-radius: 0 0px 20px  0px;
    /*border-radius: 0;*/
}   
.tabber1 .nav li a {
  
    gap: 0px;
    
}   
.tabber .nav li a img {
    max-width: 50px;
    min-width: 50px;
}
.tabber .nav li a span {
    font-size: 16px;
    color: #111;
    font-weight: 500;
    line-height: 22px;
}
.tabber .nav-pills .nav-link.active, .tabber .nav-pills .show>.nav-link {
    /*background-color: #3d4c1c !important;*/
    /*background: linear-gradient(to right, #000f22, #21609d 70%);*/
        background: linear-gradient(to right, #4388de6e, #595e6480 90%);
    border-bottom: none;
    margin-top: -2px !important;
    border-radius: 20px 0;
}
/*.tabber .nav-link svg{
fill: #000 ;
}
.tabber .nav-link.active svg{
fill: #fff ;
}*/
.tabber .nav li a.nav-link.active span {
    /* filter: brightness(0) invert(1); */
    /*color: #fff;*/
}
.tab-inner {

    padding:40px 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 3px 14px 0px rgba(0, 11, 40, 0.06);
    border-top: 5px solid #21609d;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border-radius: 50px 0 80px;
    border-bottom: 5px solid;
}

/* width */
::-webkit-scrollbar {
    width: 8px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    /*background: #8bbd20; */
    border-radius: 8px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #6a9213; 
  }
  .main-con p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 16px;
    color: #000;
    font-weight: 400;
}
.ant-l {
    display: flex;
    align-items: center;
    gap: 28px;
    max-width: 800px;
}
.ant-ic {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Bai Jamjuree", serif;
    font-weight: 700;
    color: #000;
    margin: 0px 0px 1rem;
}
.tab-inner {
  display: flex;
  flex-wrap: wrap;
}

.img-shp1 {
  width: 100%;
}

.img-shp1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
  /*min-height: 400px;*/
}

.v-shape1 {
  position: absolute;
    top: 85%;
    left: 0;
    transform: translateY(85%);
    opacity: 0.2;
    z-index: 0;
    pointer-events: none;
}

.v-shape1 img {
    max-height: 40vh;        
    width: auto;
}
.v-shape-l img {
    max-height: 30vh;
    width: auto;
    position: absolute;
    top: 26%;
    left: 0;
    transform: translateY(-50%);
    opacity: 0.2;
    z-index: 0;
    pointer-events: none;
}
.v-shape-l2 img {
    max-height: 30vh;
    width: auto;
    position: absolute;
    /* top: 0; */
    left: 0;
    transform: translateY(25%);
    opacity: 0.2;
    z-index: 999;
    pointer-events: none;
}
.v-shape-l3 img {
    max-height: 30vh;
    width: auto;
    position: absolute;
    /* top: 0; */
    left: 0;
    transform: translateY(0%);
    opacity: 0.2;
    z-index: 999;
    pointer-events: none;
}
.v-shape-l4 img {
    max-height: 30vh;
    width: auto;
    position: absolute;
    /* top: 0; */
    left: 0;
    transform: translateY(0%);
    opacity: 0.2;
    z-index: 999;
    pointer-events: none;
}
.v-shape-l5 img {
    max-height: 30vh;
    width: auto;
    position: absolute;
    /* top: 0; */
    left: 0;
    transform: translateY(0%);
    opacity: 0.2;
    z-index: 999;
    pointer-events: none;
}
.v-shape2{
    position: absolute;
    left: 0%;
}
.v-shape2 img{
      position: absolute;
    top: 78px;
    opacity: 0.3;
     /*width: 500px;*/
}


.v-shape3{
   position: absolute;left: 0;
}
.v-shape3 img{
  position: absolute;top: 0px;opacity: 0.3;width: 300px;
}


.v-shape4{
 position: absolute;left: 0;
}
.v-shape4 img{
position: absolute;
     /*top: 0%; */
    left: 00%;
    transform: translate(90%, 0%);
    opacity: 0.3;
    /*min-width: 350px;*/
}

@media(max-width: 991px){


/*.v-shape1 img{
    left: -40px;
}


.v-shape2{
  
   left: -40px;
}

*/

.v-shape3{
 left: -40px;
}


.v-shape4{
left: -40px;
}
.v-shape4 img{
top: -300px;
}
}
.abtcl li img{
      height: auto !important;
}
.slick-next, .slick-prev {
    z-index: 999 !important;
    right: 0 !important;
    height: 40px;
    width: 40px;
}
 .slick-prev {
   
    left: 15px !important;
    
}
 .slick-next {
   
    right: 15px !important;
    
}
.industry-service {
    background: #f9f9f9;
    position: relative;
}

.industry-service .section-title h2 span {
    display: block;
    color: #282828;
}

.industry-service::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: url(../images/service/bg.jpg) no-repeat center center / cover;
}

.single-service {
    background: #fff;
    min-height: 495px;
    max-width: 370px;
    border-radius: 5px;
    text-align: center;
    position: relative;
    transition: all 0.3s ease;
}

.single-service .card-body {
    padding: 40px 50px;
}

.single-service:hover {
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
}

.single-service .icon {
    height: 160px;
    width: 160px;
    border-radius: 50%;
    background: #f6f6f6;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    transition: all 0.3s ease;
}

.single-service .icon img {
    width: 85px;
    transition: all 0.3s ease;
}

.single-service h4 {
    color: #282828;
    font-weight: 700;
    font-size: 25px;

    margin: 8px 0;
}

.single-service p {
    font-size: 16px;
    color: #5c5c5c;
    font-weight: 600;

}

.single-service .btn-more {
    height: 58px;
    width: 58px;
    line-height: 58px;
    text-align: center;
    font-size: 17px;
    box-shadow: 0px 10px 28px 0px rgba(254, 90, 14, 0.09);
    border-radius: 50%;
    border: 1px solid #28282810;
    display: block;
    color: #fe5a0e;
    position: absolute;
    left: 50%;
    bottom: -25px;
    z-index: 565;
    transform: translateX(-50%);
    background: #fff;
}

.single-service .btn-more:hover {
    animation: pulse 2s infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(254, 90, 14, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(254, 90, 14, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(254, 90, 14, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(254, 90, 14, 0.4);
        box-shadow: 0 0 0 0 rgba(254, 90, 14, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(254, 90, 14, 0);
        box-shadow: 0 0 0 10px rgba(254, 90, 14, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(254, 90, 14, 0);
        box-shadow: 0 0 0 0 rgba(254, 90, 14, 0);
    }
}

.single-service:hover .icon .img-normal,
.single-service .icon .img-hover {
    display: none;
}

.single-service:hover .icon .img-hover {
    display: block;
}

.single-service:hover .icon {
    animation: pulse 2s infinite
}

.single-service:hover .icon,
.single-service:hover .btn-more {
    background: #fe5a0e;
}

.single-service:hover .btn-more {
    color: #fff;
    border-color: #fe5a0e;
}

@media screen and(max-width: 1024px) {
    .single-service .card-body {
        padding: 30px;
    }

    .single-service .icon {
        height: 120px;
        width: 120px;
    }

    .single-service .icon img {
        width: 65px;
    }
}

@media screen and (max-width: 768px) {
    .single-service {
        min-height: 420px;
        margin-bottom: 60px;
    }

    .card-mb-0 {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 425px) {
    .single-service {
        margin: 0 auto 60px;
    }

    .single-service .card-body {
        padding: 40px 30px;
    }
}

.section-padding {
    padding: 50px 0 40px;

}
.section-gap{
    padding: 50px 0 40px;
}

.veerya-list {padding:0;margin:0;list-style:none;;}
.veerya-list li{    margin: 0 0 8px;
    display: block;
    
    font-size: 18px;
    /*line-height: 33px;*/
    padding: 0 0 0 24px;
    position: relative;
    /*line-height: 25px;*/
    color: #000;

}
.veerya-list li i{    position: absolute;
    left: 0;
    margin-top: 10px;
    font-size: 14px;
    color: #204d80;
    font-weight: 800;}

    .pq-image-1 img {
      /*height: 325px;*/
    border-radius: 30px;
    width: 100%;
}
.pq-image-2 {
    padding-right: 30px;
}
.pq-image-2 img {
    height: auto;
    border-radius: 30px;
    width: 100%;
}
@media (min-width: 992px) {
  .pl-lg-50 {
    padding-left: 50px !important;
  }
  .pr-lg-50{
    padding-right: 50px !important;
  }
}
.pl-lgg-50{
    padding-left: 50px !important;
}
.pr-lgg-50{
    padding-right: 50px !important;
}
.position-sticky-side{
    position: sticky;
    top: 0;
}

/*.flexbox {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
}
*/
.flex {
    /*width: 23%;*/
    display: flex;
    flex-direction: column;
    padding: 4%;
    justify-content: center;
}

.flexbottom {
    border-bottom: 6px solid #9E9E9E;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

.flextop {
   border-top: 5px solid #d3cece;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    position: relative;
}

.flextop:before {content: '';width: 1px;height: 250px;background: #9E9E9E;position: absolute;left: 0;/* border-radius: 64px; */}

.flextop:after {
    content: '';
    width: 1px;
    height: 250px;
    background: #9E9E9E;
    position: absolute;
    right: 0;
}

.flexbottom {
    box-shadow: inset 0px -20px 0px #dae4ee;
}

.flex.flextop {
      box-shadow: inset 0px 20px 0px #dae4ee;
}

.stepNumber {
  width: 100%;
    text-align: center;
    border: 1px solid #295f9a;
    border-radius: 50px 0px 50px 0px;
    background: #24558c;
    color: white;
}
.imgbox img{
    max-width: 100%;
}
@media(max-width: 991px){
    .flex {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 4%;
    justify-content: center;
}
}
.imgbox{
        margin-bottom: 20px;
}
.our-mission-section{
        padding: 80px 0px;
}
.case-studies-wrapper.case-studies-style-1 {
  position: relative;
  overflow: hidden; 
    margin-bottom: 23px;
}
  .case-studies-wrapper.case-studies-style-1 .case-studies-img {
    overflow: hidden;
    margin-bottom: 0;
    border-radius: 20px; }
    .case-studies-wrapper.case-studies-style-1 .case-studies-img img {
      transform: scale(1);
      transition: all 0.3s ease-in-out; 
          height: 320px;
          object-fit: cover;
              width: 100%;
  }
  .case-studies-wrapper.case-studies-style-1 .case-studies-info {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 40px 40px 17px 40px;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: 20px;
    transition: all 0.3s ease-in-out;
    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 80%);*/
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgb(0 0 0 / 85%) 80%);
        z-index: 9;
     }
    .case-studies-wrapper.case-studies-style-1 .case-studies-info:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      padding: 40px;
      opacity: 0;
      display: flex;
      overflow: hidden;
      flex-direction: column;
      justify-content: flex-end;
      border-radius: 20px;
      transition: all 0.3s ease-in-out;
      background: linear-gradient(180deg, rgba(0, 56, 255, 0) 40%, #061930  80%); }
  .case-studies-wrapper.case-studies-style-1 .case-studies-info-inner {
    position: relative;
    z-index: 1; }
    .case-studies-wrapper.case-studies-style-1 .case-studies-info-inner .case-studies-title {
         font-size: 22px;
    line-height: 35px;
      margin-bottom: 25px;
      transition: all 0.3s ease-in-out; 
      color: #fff;
    }
      .case-studies-wrapper.case-studies-style-1 .case-studies-info-inner .case-studies-title a {
        display: table; }
    .case-studies-wrapper.case-studies-style-1 .case-studies-info-inner .case-studies-link .btn-arrow {
      border-color: rgba(255, 255, 255, 0.3); }
      .case-studies-wrapper.case-studies-style-1 .case-studies-info-inner .case-studies-link .btn-arrow svg {
        width: 29px;
        height: auto; }
      .case-studies-wrapper.case-studies-style-1 .case-studies-info-inner .case-studies-link .btn-arrow:after {
        border-color: rgba(255, 255, 255, 0.3); }
      .case-studies-wrapper.case-studies-style-1 .case-studies-info-inner .case-studies-link .btn-arrow:hover {
        border-color: #ffffff; }
        .case-studies-wrapper.case-studies-style-1 .case-studies-info-inner .case-studies-link .btn-arrow:hover svg path {
          stroke: #ffffff; }
        .case-studies-wrapper.case-studies-style-1 .case-studies-info-inner .case-studies-link .btn-arrow:hover:after {
          border-color: #ffffff; }
  .case-studies-wrapper.case-studies-style-1 .case-studies-content {
    margin-bottom: -30px;
    opacity: 0;
    transition: all 0.3s ease-in-out; }
  .case-studies-wrapper.case-studies-style-1 .case-studies-description {
    color: #ffffff;
    display: -webkit-box;
    opacity: 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    color: #ffffff;
    min-height: 60px;
    margin-bottom: -30px;
    transition: all 0.3s ease-in-out; }
  .case-studies-wrapper.case-studies-style-1:hover .case-studies-img img {
    transform: scale(1.1); }
  .case-studies-wrapper.case-studies-style-1:hover .case-studies-info:before {
    opacity: 1; }
  .case-studies-wrapper.case-studies-style-1:hover .case-studies-title a {
    color: #ffffff; }
  .case-studies-wrapper.case-studies-style-1:hover .case-studies-content {
    margin-bottom: 5px;
    opacity: 1; }
  .case-studies-wrapper.case-studies-style-1:hover .case-studies-description {
    opacity: 1;
    min-height: 30px;
    margin-bottom: 20px;
    visibility: visible; }
  .case-studies-wrapper.case-studies-style-1:hover .case-studies-title {
    margin-bottom: 10px; }
.case-studies-link{
    position: absolute;
    right: -32px;
    bottom: 0;
}
.case-studies-img-detail img{
    height: 250px !important;
        object-fit: cover;
    }
   .case-studies-link-detail .btn-arrow {
    border-color: rgba(255, 255, 255, 0.3);
    background: #295f9a !important;
}
     .case-studies-link-detail .btn-arrow:after {
    border: none !important;
    /*background: #05182e;*/
}

.prdn-box {
  padding: 15px;
  background-color: #ffffff;
  box-shadow: 0 0 10px #e2e2e2;
  border-radius: 24px;
}
.prdn-box {
  padding: 15px;
  background-color: #ffffff;
  box-shadow: 0 0 10px #e2e2e2;
  border-radius: 24px;
}
.tbm{
  margin: 80px 0 !important;
}
.tbp{
  padding: 80px 0  60px !important;
}
.splide__slide img {
  object-fit: contain !important;
}
div#primary_slider .splide__slide {
  width: 100%;
  height: 100%;
  max-height: 320px;
  min-height: 320px;
  /* object-fit: contain; */
}
div#primary_slider .splide__slide img{
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.pbm-box img {
    width: 100%;
border-radius: 15px;
image-rendering: pixelated;
}
.pbn-box img {
  width: 100%;
  padding: 5px;
      border-radius: 15px;
}

.pbn-box {
  box-shadow: 0 0 6px #00000020;
  margin: 6px;
  border: 2px solid transparent;
  cursor: pointer;
}
.pbn-box.slick-slide.slick-current.slick-active {
  border: 2px solid #295f9a;
  border-radius: 15px;
}
.main-banner .slick-next, .slick-prev {
  width: 50px !important;
  height: 50px !important;
 
}
.slick-next:before, .slick-prev:before {
  font-size: 16px !important;
  color: #fff !important;
  opacity: 1 !important ;
  font-family: 'FontAwesome' !important;
}
.slick-next, .slick-prev {
 /* width: 30px !important;
  height: 30px !important;*/
  background-color: #295f9a  !important;
  border-radius: 6px;
 
}

.slick-next:hover, .slick-prev:hover {
  opacity: 1;
}
.slick-prev {
  left: -10px !important;
  z-index: 1;
}
.slick-next {
  right: 10px !important;
}
.pb-nav-slider .slick-list {
  margin: 0 -6px;
}
/*.pbm-box img {
  max-height: 300px;
  min-height: 300px;
  object-fit: contain;
}*/

.fancybox-custom .fancybox-skin {
  box-shadow: 0 0 50px #222;
}
a.opacity-1{
    position: relative !important;
    background: none !important;
    opacity: 1 !important;
}
.fancy-box{
  width: 100%;
  position: relative;
}

a.fancybox-buttons {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000d4;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #a0c7ec;
  font-size: 30px;
  opacity: 0;
}

.fancy-box:hover a.fancybox-buttons {
  opacity: 1;
  transition: 0.8s ease-in-out;
}

a.fancybox-buttons:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid #35fd1a1c;
  max-width: calc(100% - 75%);
  max-height: calc(100% - 75%);
}

.fancy-box:hover a.fancybox-buttons:before {
  border: 1px solid #fff;
  max-width: calc(100% - 30px);
  max-height: calc(100% - 30px);
  transition: 2s;
}
.slick-prev {
    left: 10px !important;
}
.slick-prev {
   right: 10px !important;
}
.gallery-case.case-studies-style-1 .case-studies-info:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 40px;
    opacity: 0;
    display: flex
;
    overflow: hidden;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: 20px;
    transition: all 0.3s ease-in-out;
    /* background: linear-gradient(180deg, rgba(0, 56, 255, 0) 40%, #061930 80%); */
    background: #295f9aba !important;
}
.contact-top{
    padding: 120px 0 !important;
}
.sidebar.faq-sidebar .widget {
  padding: 50px 45px;
  margin-bottom: 30px; 
border-radius: 30px;
background: #05182e;
}
  .sidebar.faq-sidebar .widget .widget-title {
    margin-bottom: 25px; }
  .sidebar.faq-sidebar .widget form .form-control {
    margin-bottom: 10px; }
  .sidebar.faq-sidebar .widget form textarea.form-control {
    margin-bottom: 10px; }

@media (max-width: 1199px) {
  .sidebar .widget {
    padding: 30px 20px; }
  .sidebar .widget:not(:last-child) {
    margin-bottom: 45px; } }

@media (max-width: 991px) {
  .sidebar.faq-sidebar .widget {
    padding: 25px 20px;
    margin-bottom: 30px; } }

@media (max-width: 767px) {
  .sidebar .widget:not(:last-child) {
    margin-bottom: 50px; }
  .sidebar .widget {
    padding: 30px 20px; }
  .sidebar.faq-sidebar {
    margin-bottom: 50px; }
    .sidebar.faq-sidebar .widget {
      padding: 20px 15px;
      margin-bottom: 30px; } }

@media (max-width: 575px) {
  .sidebar .widget:not(:last-child) {
    margin-bottom: 30px; }
  .sidebar .widget {
    padding: 20px; }
}

.position-stky{
        position: sticky;
    top: 104px;
}
.gallery-wrapper .case-studies-wrapper.case-studies-style-1 .case-studies-info{
    background: transparent !important;
}
.gallery-wrapper .case-studies-wrapper.case-studies-style-1 .case-studies-info-inner .case-studies-link .btn-arrow{
    background:#1761a0 
}
/*.gallery-wrapper .case-studies-wrapper.case-studies-style-1 .case-studies-info-inner .case-studies-link .btn-arrow:after{
   background:#1761a0   
}*/
.gallery-wrapper  .case-studies-wrapper.case-studies-style-1 .case-studies-info-inner .case-studies-link .btn-arrow:after {
    border-color: #ffffff00;
}
.grid-item a.fancybox-buttons .case-studies-info{
    background: transparent !important;
}
/*.abt-sectionbg:before{
    content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-image: url(57d5736aac07a4bccff1.png);
background-position: bottom right;
background-repeat: no-repeat;
opacity: 0.2;
z-index: -1;
}*/
.ser-vimi:hover .service-content .service-title {
    color: #000;
}

.features-item {
  background-color: #fff;
    /* margin-bottom: 110px; */
       padding: 70px 10px 0px;
    position: relative;
    transition: 0.3s;
    border-radius: 2px;
    height: 240px;
        box-shadow: 0 3px 15px #9e9e9e5c;
}

.features-item:hover {
 box-shadow: 0 40px 70px 0 rgb(27 66 111 / 10%);
    cursor: pointer;
    background: #bec4c8;
}

.features-item:hover .features-icon {
  color: #536dfe;
  border-color: #536dfe;
}

/*.features-item:hover .features-info .title {
  color: #536dfe;
  border-color: #536dfe;
}

.features-item:hover .features-info p {
  color: #536dfe;
  border-color: #536dfe;
}
*/
.features-icon {
  font-size: 36px;
  width: 96px;
  height: 96px;
  line-height: 96px;
  text-align: center;
  background: #295f9a;
  border-radius: 60px;
  /*border: 2px dashed #f0f0f0;*/
  box-shadow: 0 0 0 10px #95b8df;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translate(-50%);
  color: #bdbdbd;
  transition: 0.3s;
}

@media only screen and (max-width: 992px) {
  .clear-problem > div:nth-child(3n + 1) {
    clear: none;
  }
}

@media only screen and (max-width: 768px) {
  .section-common-space {
    padding: 50px 0;
  }
  
}

.clear-problem > div:nth-child(3n + 1) {
  clear: left;
}

.features-info .title {
     color: #2f5e98;
    font-weight: 700;
    margin-bottom: 0;
    font-size: 21px;
    text-align: center;
}
.features-info  p{
          font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #333;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
    width: 100% !important;
}
@media(min-width: 991px){
    .range-ser{
        max-width: 700px;
        margin: auto;
    }
}
.space-medium-ptb

 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

   
.sticky-icon {
  z-index:99;
  position: fixed;
  top: 30%;
  right: 0%;
  width: 220px;
  display: flex;
  flex-direction: column;
}

.sticky-icon:hover,
.sticky-icon a:hover {
  z-index: 9999; /* much higher */
}

.sticky-icon a {
  transform: translate(170px, 0px);
  border-radius: 50px 0px 0px 50px;
  text-align: left;
  margin: 2px;
  text-decoration: none;
  padding: 5px;
  font-size: 17px;
  transition: all 0.8s;
  z-index: 0;
  position: relative;
}

.sticky-icon a:hover {
  color: #fff;
  transform: translate(60px, 0px);
  z-index: 99;
    position: relative;
}

.sticky-icon a:hover i {
  transform: rotate(360deg);
}


    .common-bck{
background: linear-gradient(to right, #000f22, #21609d 70%);
color:#FFF;
    }
/*.Facebook  {
    background-color:#2C80D3;
    color:#FFF;}
    
.Youtube  {
    background-color:#fa0910;
    color:#FFF;}
    
.Twitter  {
    background-color:#53c5ff;
    color:#FFF;}
    
.Instagram  {
    background-color:#FD1D1D;
    color:#FFF;}
    
.Google  {
    background-color:#d34836;
    color:#FFF;} */                       
.sticky-icon a i {
    background-color:#FFF;
    height:40px;
    width:40px;
    color:#000;
    text-align:center;
    line-height:40px;
    border-radius:50%;
    margin-right:20px;
    transition:all 0.5s;}
.sticky-icon a i.fa-facebook-f  {
    background-color:#FFF;
    color:#2C80D3;}
    
.sticky-icon a i.fa-google-plus-g  {
    background-color:#FFF;
    color:#d34836;}
    
.sticky-icon a i.fa-instagram  {
    background-color:#FFF;
    color:#FD1D1D;}
    
.sticky-icon a i.fa-youtube  {
    background-color:#FFF;
    color:#fa0910;}
    
.sticky-icon a i.fa-twitter  {
    background-color:#FFF;
    color:#53c5ff;}
.fas fa-shopping-cart  {
    background-color:#FFF;} 
#myBtn {
    height:50px;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  text-align:center;
  padding:10px;
  text-align:center;
    line-height:40px;
  border: none;
  outline: none;
  background-color: #1e88e5;
  color: white;
  cursor: pointer;
  border-radius: 50%;
}
.fa-arrow-circle-up  {
    font-size:30px;}

#myBtn:hover {
  background-color: #555;
}           

@media(min-width: 991px){
    .dsknn{
        display: none !important
    }
   
}
@media(max-width: 991px){
     .mbnn{
        display: none !important; 
    }
}
@media (min-width: 992px) {
  .nav-item.dropdown:hover .dropdown-menu {
    display: block;
  }
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        width: max-content;
                flex-basis: auto;
        justify-content: flex-end;
        margin-left: auto;
    }
}

.navbar-nav .dropdown-menu {
        padding: 1rem 2rem !important;
    border-radius: 0;
    border: 0;
}
.dropdown-header::after {
    content: ' ';
    display: block;
    border: 1px solid #1691ca ;
    /*border-radius: 4px;*/
   /* -webkit-border-radius: 4px;
    -moz-border-radius: 4px;*/
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    width: 36px;
    margin-top: 10px;
}
.dropdown-header{
        font-size: 19px;
    line-height: 30px;
    font-weight: 600;
    color: #000;
    padding-left: 0;

}

.dropdown-menu .dropdown-item{
  font-size: 16px;
    padding: 0;
    padding-left: 0;
    padding-right: 50px;
    line-height: 32px;
            color: #000 !important;
}
.about-one__shape-6 {
    position: absolute;
    /*top: 270px;*/
    left: 0;
    z-index: -1;
}
.about-one__shape-6 img {
    width: auto;
}.about-one__shape-3 {
    position: absolute;
    /*top: -419px;*/
    right: 0px;
    /*opacity: .30;*/
}

.about-one__shape-3 img {
    width: auto;
}

.height-2 {

    height: 400px;
}
.height-21 {

    height: 350px;
}
.pp1{
       padding-left: 2rem;
}

.video-wrapper1 {
      position: relative;
      width: 100%;
      height: 100vh;   /* fallback */
      height: 100svh;  /* smart viewport height for mobile */
      overflow: hidden;
    }

    .video-wrapper1 video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;  /* fills container */
    }

    .video-content1 {
      position: relative;
      z-index: 1;
      color: #fff;
      text-align: center;
      top: 50%;
      transform: translateY(-50%);
      font-size: 2rem;
      font-family: Arial, sans-serif;
    }

    @media (min-width: 768px) {
    #home-video {
        width: 100vw;
        /*height: 100vh;*/
    }

    #home-video .wp-video-shortcode {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: bottom;
    }
}

@media (max-width: 767px) {
    #home-video {
        width: 100vw;
        /*height: 50vh;*/
    }

    #home-video .wp-video-shortcode {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.video-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.video-container video {
    width: 100%;
    height: auto;
    display: block;
}
.bgg2:before{
        position: absolute;
    border: 15px solid #8dc63f;
    content: '';
    width: 80%;
    height: 80%;
    z-index: -1;
}


.bgg2:after {
    right: -0;
    bottom: -30px;
}
.bgg2:after, .bgg2:before {
    position: absolute;
    border: 15px solid #8dc63f;
    content: '';
    width: 80%;
    height: 80%;
    z-index: -1;
}
.{
    background: #ffffff;
    width: 100px;
    height: 100px;
    padding: 10px;
    border-radius: 50%;
    box-shadow: 0 3px 15px #9e9e9e5c;
}
.pq-decription{
        /*font-size: 15px;*/
    /*line-height: 30px;*/
}
.box-shadow{
    background: #fff;
    padding: 30px;
    margin-bottom: 20px;
       border-radius: 10px;
    background: #f6f6f6;
   
}
.box-shadow11{
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
   
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%);
    border-radius: 10px;
        /*clip-path: polygon(0% 0%, 80% 0%, 100% 34%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);*/
       border: 1px solid #dfdfdf;
}
.box-shadow11  svg{
      background:#e6e8ff;
    width: 100px;
    height: 100px;
    padding: 10px;
    border-radius: 50%;
    /*box-shadow: 0 3px 15px #9e9e9e5c;*/
}
.box-shadow10 img{
        /*width: 300px;*/
    height: 300px;
    border-radius: 50%;
        border: 10px solid;
        object-fit: cover;
}
.box-shadow11 img {
    /* width: 300px; */
    /* height: 300px; */
    /* border-radius: 50%; */
    border: 10px solid;
    /* object-fit: cover; */
}
.circle-layout {
  width: 500px;
  height: 500px;
  position: relative;
}

.circle-image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 220px;
  height: 220px;
  transform: translate(-50%, -50%);
}

.circle-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 8px solid #fff;
}

.circle-block {
  width: 200px;
  position: absolute;
  background: #fff;
  padding: 15px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.circle-block h3 {
  font-size: 18px;
  font-weight: 700;
  color: #41226d;
  margin-bottom: 10px;
}

/* Positions */
.circle-block.top {
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.circle-block.left {
  top: 50%;
  left: -220px;
  transform: translateY(-50%);
}

.circle-block.right {
  top: 50%;
  right: -220px;
  transform: translateY(-50%);
}


/*diff sections*/
.tbp {
    padding: 100px 0;
}

.main-tt h6 {
    margin-bottom: 0;
    color: #061930;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    z-index: 0;
    padding-left: 84px;
    display: inline-block;
}
.main-tt h6:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    max-width: 70px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px dashed #295f9a;
}
.habl-img img, .habrl-ic img {
    border-radius: 30px;
}
.habl-png-img img {
    max-height: 250px;
    object-fit: contain;
}
.habl-png-img {
    margin-top: -100px;
}.habl-png-img img {
    max-height: 250px;
    object-fit: contain;
}.main-tt h3 {
    font-size: 52px;
    font-weight: 600;
    margin: 0;
    color: #222;
}.habl-img img, .habrl-ic img {
    border-radius: 30px;
}.abrz-ic {
    margin-left: 10px;
}.main-tt h3 {
    font-size: 52px;
    font-weight: 600;
    margin: 0;
    color: #222;
}
    .sub-tt h5 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 12px;
    color: #222;
}
.sub-tt h5 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #333;
}
.main-con p {
    font-size: 16px;
    line-height: 30px;
    color: #333;
    font-weight: 500;
}
.abrz-ic {
    margin-left: 10px;
}
.main-ul ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.main-ul ul li {
    font-size: 16px;
    line-height: 30px;
    color: #333;
    font-weight: 500;
    font-family: "Manrope", sans-serif;
    padding-left: 30px;
    margin-bottom: 8px;
    position: relative;
    z-index: 0;
}
.main-ul ul li:before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    background: url(../images/check.png);
    left: 0;
    background-repeat: no-repeat;
    background-size: 25px;
    top: 2px;
}
.img-fluid1{
    width: 100%;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.abtus-features {
    position: relative;
    display: block;
    margin-top: 25px;
    margin-bottom: 43px;
}.abtus-features li {
    position: relative;
    display: flex
;
    column-gap: 30px;
    border-bottom: 1px solid #e2ddda;
    padding-bottom: 30px;
    margin-bottom: 30px;
}.abtus-features li .icon {
    height: 60px;
    width: 60px;
    min-height: 60px;
    min-width: 60px;
    background-color: #f2eeeb;
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
    transition: 500ms;
}.abtus-features li .icon img {
    height: 40px;
    width: auto;
}.abtus-features li .text h4 {
    color: #3c3531;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 13px;
}.abtus-features li .text p {
    margin: 0;
}
.main-con p {
    font-size: 16px;
    color: #8b827d;
    font-weight: 400;
}.abtus-accordion {
  border-radius: 6px;
  overflow: hidden;
}
.accordion-item {
  border: 1px solid #ddd;
  margin-bottom: 10px;
  border-radius: 6px;
  overflow: hidden;
}
.accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
 padding: 3px 10px;
  background: #f7f7f7;
  cursor: pointer;
  transition: 0.3s;
}
.accordion-header:hover {
  background: #eee;
}
.accordion-header .icon {
  margin-right: 12px;
}
.accordion-header h4 {
  margin: 0;
  font-size: 16px;
  flex: 1;
}
.accordion-toggle {
  font-size: 20px;
  font-weight: bold;
  transition: transform 0.3s;
}
.accordion-item.active .accordion-toggle {
  transform: rotate(45deg);
}
.accordion-body {
  max-height: 0;
  overflow: hidden;
  padding: 0 15px;
  transition: all 0.4s ease;
}
.acb{
    max-height:fit-content;
}
.accordion-item.active .accordion-body {
  max-height: 500px; /* adjust if content is longer */
  padding: 15px;
}
.about-bg-three {
    background-image: url(../images/bg11.jpg);
    background-color: #f4f4f9;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0 70px;
}.about-single-one{
    padding-top: 50px;
}
.about-us-single-one{
    /* padding: 0px 42px 0px 58px; */
}
.about-us-img-one{
    position: relative;
    display: inline-block;
    padding-left: 30px;
    padding-top: 30px;
    margin-left: 30px;
}
.about-us-img-one img{
    /*border-radius: 0px 50px 0px 0px;*/
    position: relative;
    z-index: 1;
}
/*.about-us-img-one:before {
    content: '';
    position: absolute;
    width: 170px;
    height: 270px;
       background: linear-gradient(to right, #062e61, #5ca2e6 70%);
    left: 0;
    top: 0;
    border-radius: 0 50px 0 0;
    z-index: 0;
}*/
.about-us-img-one .button-wrapper {
    margin-top: -67px;
    position: relative;
    z-index: 1;
}
.about-us-img-one  .button-link {
    font-size: 30px;
    font-weight: 400;
    text-transform: none;
    line-height: 28px;
    letter-spacing: 0;
    border-radius: 0 50px 0 0;
    padding: 26px 15px 25px 17px;
    
    color: white;
    background-color: #2196F3;
}
.about-us-img-one .button-link:hover{
    background-color: black;
    color: white;
}
.about-us-img-one .button-icon {
    margin-right: 5px;
    font-size: 36px;
    line-height: 36px;
    vertical-align: middle;
}.about-shape {
   position: absolute;
    right: 16px;
    bottom: -32px;
    z-index: 0;
}

.choose-area{
  position: relative;
      overflow: hidden;
}

.choose-item{
  display: flex;
  gap: 15px;
  position: relative;
  background: #fff;
  margin-bottom: 25px;
  padding: 20px;
  box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
  z-index: 1;
}

.choose-item-content{
  flex: 1;
}

.choose-icon{
  width: 80px;
  height: 80px;
  line-height: 72px;
     background: linear-gradient(to right, #000f22, #21609d 70%);
  color: #fff;
  font-size: 45px;
  border-radius: 50px;
  margin-bottom: 15px;
  text-align: center;
}

.choose-icon img{
  width: 50px;
  filter: brightness(0) invert(1);
}

.choose-item-content h4{
  margin-bottom: 10px;
  font-size: 19px;
}

.choose-img {
    position: relative;
    /*clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 90%);*/
}

/*.choose-img::before{
  content: "";
  position: absolute;
  top: 15px;
  right: 15px;
  bottom: 15px;
  border: 8px solid var(--theme-color);
  width: 80%;
  clip-path: polygon(25% 0, 100% 0, 100% 100%, 8% 100%);
}*/

.choose-img img{
     /*aspect-ratio: 1;
  --g:/20.56% 20.56% radial-gradient(#000 calc(71% - 1px),#0000 71%) no-repeat;
  mask: 100% 50% var(--g),93.301% 75% var(--g),75% 93.301% var(--g),50% 100% var(--g),25% 93.301% var(--g),6.699% 75% var(--g),0% 50% var(--g),6.699% 25% var(--g),25% 6.699% var(--g),50% 0% var(--g),75% 6.699% var(--g),93.301% 25% var(--g),radial-gradient(100% 100%,#000 38.366%,#0000 calc(38.366% + 1px));
*/     /*aspect-ratio: 1;
  clip-path: shape(from 87.45% 45.02%,curve to 92.48% 56.45% with 90.99% 50.00%,curve to 92.05% 69.35% with 93.97% 62.91%,curve to 82.42% 77.15% with 90.14% 75.80%,curve to 71.01% 83.22% with 74.69% 78.49%,curve to 61.91% 91.53% with 67.33% 87.95%,curve to 49.74% 96.95% with 56.49% 95.12%,curve to 38.70% 91.46% with 42.99% 98.79%,curve to 25.99% 85.79% with 34.41% 84.13%,curve to 15.38% 80.54% with 17.56% 87.44%,curve to 14.30% 66.90% with 13.20% 73.65%,curve to 13.33% 55.08% with 15.41% 60.16%,curve to 11.20% 44.30% with 11.25% 50.00%,curve to 11.95% 32.32% with 11.14% 38.59%,curve to 16.84% 21.25% with 12.75% 26.06%,curve to 27.31% 15.38% with 20.92% 16.44%,curve to 38.83% 11.12% with 33.70% 14.32%,curve to 50.39% 5.23% with 43.95% 7.93%,curve to 62.85% 5.60% with 56.83% 2.53%,curve to 72.70% 14.03% with 68.88% 8.67%,curve to 79.11% 24.51% with 76.53% 19.39%,curve to 82.80% 34.84% with 81.69% 29.63%,curve to 87.45% 45.02% with 83.91% 40.04%);
*/}
}

.about-one__shape-6 {
    position: absolute;
    top: 270px;
    left: 0;
    z-index: -1;
}
.about-one__shape-5 {
    position: absolute;
       top: -64px;
    right: -51px;
    z-index: -1;
}

/*@-webkit-keyframes float-bob-x {
  0% {
    transform: translateX(-30px);
  }

  50% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(-30px);
  }
}

@keyframes float-bob-x {
  0% {
    transform: translateX(-30px);
  }

  50% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(-30px);
  }
}

.float-bob-x {
  -webkit-animation-name: float-bob-x;
  animation-name: float-bob-x;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
@-webkit-keyframes float-bob-y {
  0% {
    transform: translateY(-20px);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(-20px);
  }
}

@keyframes float-bob-y {
  0% {
    transform: translateY(-20px);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(-20px);
  }
}*/
.choose-img1 {
    position: absolute;
    right: 0;
    /*bottom: 0;*/
    width: 48%;
    /*clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);    */
   }
  /* .choose-img1::before {
    content: "";
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    border: 8px solid var(--theme-color);
    width: 80%;
    clip-path: polygon(25% 0, 100% 0, 100% 100%, 8% 100%);
}*/

.choose-img2 img{
 /*--d: 40px; 
  
  padding: 10px;
  aspect-ratio: 1;
  box-sizing: border-box;
  border: solid #0000;
  border-width: 0 var(--d) var(--d) 0;
  clip-path: polygon(0 0,calc(100% - var(--d)) 0,100% var(--d),100% 100%,var(--d) 100%,0 calc(100% - var(--d)));
  background: 
    conic-gradient(at calc(100% - var(--d)) calc(100% - var(--d)),#0004 37.5%,#0008 0 75%,#0000 0) border-box
    #9CC4E4;*/ /* the color */}

    .about-one__shape-3 {
    position: absolute;
    top: -419px;
    right: -30px;
    opacity: .30;
}
.choose-img3 img{
    height: 100%;
      /*  --r: 50px;
     height: 250px; 
    aspect-ratio: 1.2;
    border-radius: 20px;
    background: #23548a;
    mask: radial-gradient(var(--r) at top, #0000 calc(100% - 1px), #000);
    border: 20px dashed;*/}

    .choose-img3{
          position: absolute;
    right: 0;
    top: 0;
    width: 54%;
    /*clip-path: polygon(0 25%, 100% 0, 100% 88%, 0% 100%);*/
    height: 100%;
    }


    .featured-icon-box.style7 {
    padding: 30px 30px 15px 30px;
    margin-left: 45px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 7px 0 rgb(43 52 59 / 8%);
    -moz-box-shadow: 0 0 7px 0 rgba(43, 52, 59, .08);
    box-shadow: 0 0 7px 0 rgb(43 52 59 / 18%);
    min-height: 175px;
    max-height: 175px;

}

.featured-icon-box.style7 .featured-icon .ttm-icon {
    position: absolute;
    left: -40px;
    top: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #a93f42;
}

.featured-icon-box.style7 .featured-icon .ttm-icon i {
    font-size: 20px;
    font-family: var(--body-fonts);
}

.featured-icon-box.style7 .featured-content {
    padding-top: 0px;
}
.network-box{
    margin-bottom: 30px;
}/* Wrapper line under each box (optional decorative bar) */
.hwuc-box:after {
    content: "";
    position: absolute;
    width: 100%;
    max-width: 80%;
    height: 6px;
    background: #EE4723;
    border-radius: 10px 10px 0 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* Main process box */
.process-single {
    position: relative;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 7px 0 rgb(43 52 59 / 18%);
    padding: 30px 20px;
    margin-bottom: 30px;
    transition: 0.3s;
    height: 335px;
}
.process-single:hover {
    transform: translateY(-5px);
}

/* Arrow between items */
.process-single::before {
    content: url(../../assets/img/arrow-wwd.png);
    position: absolute;
    right: -72px;
    top: 34px;
}
.hwd-box:last-child .process-single::before {
    display: none;
}

/* Icon wrapper (big circle) */
.process-single .icon {
    height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #fff;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 14%);
    border-radius: 50%;
    margin: 0 auto 15px; /* center horizontally */
}

/* Inner circle border */
.process-single .icon::before {
    content: "";
    position: absolute;
    inset: 7px; /* shorthand for top/right/bottom/left:7px */
    border-radius: 50%;
    border: 3px solid #265a93;
}

/* Icon image */
.process-single .icon img {
    max-width: 50px;
    height: auto;
    position: relative; /* ensures above ::before */
    z-index: 1;
}

/* Number badge */
.process-single .icon span {
    position: absolute;
    height: 40px;
    width: 40px;
    font-size: 14px;
    background: #265a93;
    line-height: 40px;
    border-radius: 50%;
    color: #fff;
    left: -10px;
    top: -10px;
    font-weight: 600;
    z-index: 2; /* keep above everything */
}

/* Title */
.process-single h4 {
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
}

/* Text */
.nn {
    color: #000;
    line-height: 27px;
    /*line-height: 30px;*/
}

/* Container spacing */
.hwd-cid .hwd-box {
  margin: 0 2px;   
}
 .hwd-cid .slick-slide {
  margin: 0 10px;   
}
.hwd-cid .slick-next, .slick-prev {
 /* width: 30px !important;
  height: 30px !important;*/
 background-color: #d7dde3 !important;
 border-radius: 6px;
}
.hwd-cid .slick-next {
    z-index: 999 !important;
    right: 0 !important;
    height: 30px;
    width: 30px;
}
.hwd-cid .slick-prev {
    z-index: 999 !important;
    left: 0 !important;
    height: 30px !important;
    width: 30px !important;
}
    .main-banner .slick-next, .slick-prev {
        display: block !important;
    }
.hwd-cid .slick-prev {
    left: 0px !important;
}

.process-single1 {

    height: auto;
}
.bggg{
    background-image: url(../images/bg11.jpg);
    background-color: #f4f4f9;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0 70px;
}.habr-con {
    display: flex;
    column-gap: 20px;
    /*align-items: center;*/
    background: #fff;
    padding: 20px 30px;
    border-radius: 30px;
    /*border-inline: 8px solid #295f9a;*/
    /*box-shadow: 0 0 10px inset #00000059;*/
    margin-bottom: 20px;
}
.brc-r p {
    color: #1a1818;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 30px;
}
.brc-r h6 {
    font-size: 22px;
    font-weight: 600;
    color: #572677;
}
.brc-l img {
   min-width: 70px;
    max-width: 70px;
    filter: invert(7%) sepia(19%) saturate(2012%) hue-rotate(186deg) brightness(95%) contrast(104%);
}
.hsrc-box:hover .srb-icon img {
    filter: brightness(0) invert(1);
}
.dm-main {
    padding: 0 10px !important;
}
.brc-l{
    height: max-content;
    background: #f6f6f6;
    padding: 10px;
    border-radius: 20px;
        width: max-content;
}

.hwuc-box {
    width: 100%;
    background: #fff;
    padding: 60px 20px 20px 20px;
    text-align: center;
    max-width: 23.5%;
    box-shadow: 0 0 10px #00000020;
    position: relative;
    margin-top: 40px;
}
.ibc-con ul {
    --icon-space: 1.3em;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}
  
  .ibc-con li {
    padding-left: var(--icon-space);
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 6px;
    color: #000;
  }
  
  .ibc-con li:before {
    content: "\f101";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: calc( var(--icon-space) * -1 );
    width: var(--icon-space);
    font-size: 14px;
    color: #EE4723;
  }
  .ibc-con h4 {
    font-weight: 600;
    margin-bottom: 14px;
    padding-bottom: 10px;
    position: relative;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}
.ibc-con h4:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 3px;
    background: #EE4723;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}
.ibc-img img {
    filter: invert(0) brightness(5);
    max-width: 50px;
}
.ibc-img {
    background: #EE4723;
    width: 100%;
    height: 100%;
    max-width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 100px;
    min-height: 100px;
    min-width: 100px;
    border: 8px solid #fff;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 100%;
}
.hwuc-box:after {
    content: "";
    position: absolute;
    width: 100%;
    max-width: 80%;
    height: 6px;
    background: #EE4723;
    border-radius: 10px 10px 0 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.liner-grad{
    background: linear-gradient(to right, #000f22, #21609d 70%);
}
.hwd1 .slick-next:before, .slick-prev:before {
  color: #000 !important;
 
}
.hwd2 .slick-next:before, .slick-prev:before {
 
  color: #000 !important;
  
}

.hwur-ic {
    position: relative;
    z-index: 0;
}.hwur-ic:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 1px;
    background: #F38D1B;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}.hwur-num {
    text-align: center;
}.hwur-num span {
    font-family: "DM Sans", sans-serif;
    color: #F38D1B;
    background: #F6F4F1;
    display: inline-flex
;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #F38D1B;
    font-weight: 700;
    margin: 40px 0;
}
.bb p{
    font-size: 24px;
}
.bx-sh1{
        padding: 20px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 10px;
}
.box-shadow112 {
    background: #fff;
    padding: 10px;
    margin-bottom: 0;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.07); */
    /* background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%); */
    border-radius: 0px;
    /* clip-path: polygon(0% 0%, 80% 0%, 100% 34%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%); */
    border-bottom: 1px solid #dfdfdf;
}
.box-shadow112:last-child{
    border-bottom: 0px solid #dfdfdf;
}
.box-shadow112 svg {
       background: #e6e8ff;
    width: 100px;
    height: 100px;
    padding: 10px;
    border-radius: 10px;
    /* border-radius: 50%; */
    /* box-shadow: 0 3px 15px #9e9e9e5c; */
    border: 3px double #295f9a;
    /* margin: 10px; */
    /* box-shadow: 0 3px 15px #9e9e9e5c; */
}
.height-212 {
    height: 320px;
}

.box-panel{
    margin-bottom: 10px;
    padding: 20px 30px;
        box-shadow: 0 3px 15px #9e9e9e5c;
        border-radius: 20px;
}
.box-panel img{
     height: 150px;
    object-fit: cover;
    border-radius: 20px;
}
.circle-shape{
    background: #e6e8fe;
    padding: 5px;
    border-radius: 50%;
}
.mt-30{
  margin-top: 30px !important;
}
.hi-100{
  height: 100%;
}

.hi-100 img{
  height: 100%;
  object-fit: cover;
}

.prel{
  position: relative;
  z-index: 0;
}
.carrer-post .accordion-body {
    max-height: unset !important;
    overflow: unset !important;
    padding: 30px !important;
    background-color: #fff !important;
    border-radius: 0 30px !important;
    margin: 0 18px !important;

}