@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --color-primary: #F7B226;
    --color-primary-dark: #DFA122;
    --color-secondary:#00256B;
    --color-secondary-dark:#13213C;
    --color-light-1: #FBFCFF;
    --color-light-2: #F4F8FF;
    --color-light-3: #E7ECF5;
    --color-light-4: #F3F6FC;
    --color-bodycopy: #444444;
    --color-section-heading:#212529;
    --color-text-dark:#202826;
    --color-footer-bg:#0A152C;
    /*FONT FAMILY*/
    --font-body:'Montserrat';
    --font-heading:'Montserrat';
    /*SWIPER*/
    --swiper-navigation-sides-offset: 10px;
    --swiper-bullet-bg-normal:#999;
    --swiper-bullet-bg-active:var(--color-primary);
}



html, body {width: 100%; height: 100%; margin: 0; padding: 0;}
body {font-family: var(--font-body), sans-serif; font-size: 16px; background-color:#fff; color: var(--color-bodycopy); font-weight: 400; line-height: 1.6; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; text-rendering: optimizeLegibility; font-optical-sizing: auto; font-style: normal; font-variation-settings:"slnt" 0; }

/*TRANSITIONS*/
.btn, a, button, .transition {webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}

/*FONTS==========================================================================================*/
.body-font{font-family: var(--font-body), serif;}
.heading-font{font-family: var(--font-heading), serif;}


/*HEADINGS==========================================================================================*/
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-family: var(--font-heading), serif; line-height: 1.3; color: var(--color-section-heading); line-height: 120%;font-optical-sizing: auto;font-style: normal;}


/*ANCHOR TAGS==========================================================================================*/
a {color: var(--color-dark); text-decoration: none; background-color: transparent; }
a:hover, a:focus{color: var(--color-text-dark);}


/*FORM ELEMENTS==========================================================================================*/
.form-control, textarea, select, .form-select{border-color:#aaa;}
.form-control, textarea, select, .form-select, button{}
.form-control:focus, 
.form-select:focus {outline: 0; box-shadow: 0 0 0 0.25rem #c72e300d; background-color: white; border-color: var(--color-primary);}


/*SECTION HEADINGS==========================================================================================*/
.section-heading{margin-bottom: 20px;}
.section-heading h5,.sectionsubhdn{font-size: 19px; color: var(--color-primary); font-weight: 600; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 5px;}
.section-heading h2,.sectionhdn{font-size:35px; font-weight: 700; color: var(--color-section-heading); line-height: 120%; margin-bottom: 10px; letter-spacing:-1px; }
.section-heading p{color: var(--bs-body-color); font-size: 18px; margin-bottom: 0; line-height: 1.8;}

.section-heading h2.fslg{font-size: 56px;font-weight: 700;}

/*TEXT COLOR==========================================================================================*/
.text-prime{color:var(--color-primary);}
.text-secondarry{color:var(--color-secondary);}
.text-secondarry-dark{color:var(--color-secondary-dark);}
.text-dark{color:var(--color-text-dark);}


/*BACKGROUND==========================================================================================*/
.bg-prime{background-color: var(--color-primary);}
.bg-secondarry{background-color: var(--color-secondary);}
.bg-secondarry-dark{background-color: var(--color-secondary-dark);}
.bg-light-1{background-color: var(--color-light-1);}
.bg-light-2{background-color: var(--color-light-2);}
.bg-light-3{background-color: var(--color-light-3);}
.bg-light-4{background-color: var(--color-light-4);}


/*SECTION TOP BOTTOM PADDINGS==========================================================================================*/
.section-tb-padding{padding-top: 100px;padding-bottom: 100px;}


/*BUTTONS==========================================================================================*/
.btn{border-radius: 0; font-weight: 600; font-size: 12px; letter-spacing:0.3px;display: inline-flex; align-items: center; justify-content: center;} 
.btn-sm{font-size: 11px;border-radius: 0;}
.btn-lg{font-size: 13px;border-radius: 0;font-weight: 600; letter-spacing:0.5px; height: 46px; line-height: 1;}


/*BUTTON PRIME======================================================================================*/
.btn-prime{background-color: var(--color-primary); border-color: var(--color-primary); color: var(--color-text-dark);}
.btn-prime:hover,.btn-prime:focus,.btn-prime:active{background-color: var(--color-primary-dark)!important; border-color: var(--color-primary-dark)!important; color: var(--bs-black)!important;}


/*BUTTON OUTLINE PRIME======================================================================================*/
.btn-outline-prime{background-color: transparent; border-color: var(--color-primary); color: var(--color-primary);}
.btn-outline-prime:hover,.btn-outline-prime:focus,.btn-outline-prime:active{background-color: var(--color-primary); border-color: var(--color-primary); color: white;}


/*SECTION MAIN BUTTON======================================================================================*/
.section-button .btn, .section-button-lg {font-weight: 600; border-radius: 0; font-size: 12px;letter-spacing:0.4px; box-shadow: 0 3px 5px rgb(0 0 0 / 5%); height: 52px; display: inline-flex; justify-content: center; align-items: center; min-width: 240px; padding-left: 20px; padding-right: 20px; text-transform: uppercase;}


/*SHADOWS======================================================================================*/
.thin-shadow{-webkit-box-shadow: 0 0 2px 0 rgb(0 0 0 / 30%); box-shadow: 0 0 2px 0 rgb(0 0 0 / 30%);transition: all 200ms ease;}
.thin-shadow:hover{-webkit-box-shadow: 0 3px 4px 0px rgb(0 0 0 / 10%); box-shadow: 0 3px 4px 0px rgb(0 0 0 / 10%);}


/*SWIPER PAGINATION======================================================================================*/
.swiper-pagination{margin-top: 10px;}
.swiper-pagination-bullet{background-color: var(--swiper-bullet-bg-normal); opacity: 1;}
.swiper-pagination-bullet-active{background-color: var(--swiper-bullet-bg-active);}

.swiper-pagination.custom-pagination{position: relative; transform: none; width: 100%; text-align: center;}
.swiper-pagination.tp10 {padding-top: 10px;}
.swiper-pagination.tp15 {padding-top: 15px;}
.swiper-pagination.tp20 {padding-top: 20px;}
.swiper-pagination.tp25 {padding-top: 25px;}
.swiper-pagination.tp25 {padding-top: 25px;}
.swiper-pagination.tp30 {padding-top: 30px;}


/*SWIPER NAV BUTTONS======================================================================================*/
.swiper-button-next, .swiper-button-prev,
.swiper-button-prev:after, .swiper-button-next:after{height: 36px; width: 36px;}

.swiper-button-next, .swiper-button-prev{z-index: 1;}
.swiper-button-prev:after, .swiper-button-next:after{font-size: 16px; color: var(--color-primary); background-color: white;  display: flex; border-radius: 20px; justify-content: center; align-items: center; box-shadow: 0 5px 10px rgb(0 0 0 / 20%);webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}

.swiper-button-prev:hover:after, .swiper-button-next:hover:after{background-color: var(--color-primary);color: white;}

/*TEXT WHITE TO LIGHT WHITE==========================================================================================*/
.text-white-5{color: rgb(255 255 255 / 5%)!important;} .text-white-10{color: rgb(255 255 255 / 10%)!important;} .text-white-20{color: rgb(255 255 255 / 20%)!important;} .text-white-25{color: rgb(255 255 255 / 25%)!important;} .text-white-30{color: rgb(255 255 255 / 30%)!important;} .text-white-35{color: rgb(255 255 255 / 35%)!important;} .text-white-45{color: rgb(255 255 255 / 45%)!important;} .text-white-50{color: rgb(255 255 255 / 50%)!important;} .text-white-55{color: rgb(255 255 255 / 55%)!important;} .text-white-60{color: rgb(255 255 255 / 60%)!important;} .text-white-65{color: rgb(255 255 255 / 65%)!important;} .text-white-70{color: rgb(255 255 255 / 70%)!important;} .text-white-75{color: rgb(255 255 255 / 75%)!important;} .text-white-80{color: rgb(255 255 255 / 80%)!important;} .text-white-85{color: rgb(255 255 255 / 85%)!important;} .text-white-90{color: rgb(255 255 255 / 90%)!important;} .text-white-95{color: rgb(255 255 255 / 95%)!important;}

/*TEXT BLACK TO LIGHT BLACK==========================================================================================*/
.text-black-5{color: rgb(0 0 0 / 5%)!important;} .text-black-10{color: rgb(0 0 0 / 10%)!important;} .text-black-20{color: rgb(0 0 0 / 20%)!important;} .text-black-25{color: rgb(0 0 0 / 25%)!important;} .text-black-30{color: rgb(0 0 0 / 30%)!important;} .text-black-35{color: rgb(0 0 0 / 35%)!important;} .text-black-45{color: rgb(0 0 0 / 45%)!important;} .text-black-50{color: rgb(0 0 0 / 50%)!important;} .text-black-55{color: rgb(0 0 0 / 55%)!important;} .text-black-60{color: rgb(0 0 0 / 60%)!important;} .text-black-65{color: rgb(0 0 0 / 65%)!important;} .text-black-70{color: rgb(0 0 0 / 70%)!important;} .text-black-75{color: rgb(0 0 0 / 75%)!important;} .text-black-80{color: rgb(0 0 0 / 80%)!important;} .text-black-85{color: rgb(0 0 0 / 85%)!important;} .text-black-90{color: rgb(0 0 0 / 90%)!important;} .text-black-95{color: rgb(0 0 0 / 95%)!important;}

/*TEXT GREY AND DARK==========================================================================================*/
.text-grey{ color: #6c757d;} .text-grey-dark{ color: #343a40;} .text-grey-10{ color: #f8f9fa;} .text-grey-20{ color: #e9ecef;} .text-grey-30{ color: #dee2e6;} .text-grey-40{ color: #ced4da;} .text-grey-50{ color: #adb5bd;} .text-grey-60{ color: #6c757d;} .text-grey-70{ color: #495057;} .text-grey-80{ color: #343a40;} .text-grey-90{ color: #212529;}

/*FONT WEIGHTS==========================================================================================*/
.fw100{font-weight: 100!important;} .fw200{font-weight: 200!important;} .fw300{font-weight: 300!important;} .fw400{font-weight: 400!important;} .fw500{font-weight: 500!important;} .fw600{font-weight: 600!important;} .fw700{font-weight: 700!important;} .fw800{font-weight: 800!important;} .fw900{font-weight: 900!important;}

/*LETTER SPACING==========================================================================================*/
.lshalf{letter-spacing:0.5px} .ls1{letter-spacing:1px} .ls2{letter-spacing:2px} .ls3{letter-spacing:3px} .ls4{letter-spacing:4px} .ls5{letter-spacing:5px} .ls6{letter-spacing:6px} .ls7{letter-spacing:7px} .ls8{letter-spacing:8px} .ls9{letter-spacing:9px} .ls10{letter-spacing:10px}

/*LINE HEIGHT==========================================================================================*/
.lh100{line-height:100%} .lh120{line-height:120%} .lh130{line-height:130%} .lh140{line-height:140%} .lh150{line-height:150%} .lh160{line-height:160%} .lh170{line-height:170%} .lh180{line-height:180%} .lh190{line-height:190%} .lh200{line-height:200%}

/*FONT SIZE 0 to 72px ==========================================================================================*/
.fs0{font-size: 0;} .fs7{font-size: 7px;} .fs8{font-size: 8px;} .fs9{font-size: 9px;} .fs10{font-size: 10px;} .fs11{font-size: 11px;} .fs12{font-size: 12px;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs15{font-size: 15px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs21{font-size: 21px;} .fs22{font-size: 22px;} .fs23{font-size: 23px;} .fs24{font-size: 24px;} .fs25{font-size: 25px;} .fs26{font-size: 26px;} .fs27{font-size: 27px;} .fs28{font-size: 28px;} .fs29{font-size: 29px;} .fs30{font-size: 30px;} .fs31{font-size: 31px;} .fs32{font-size: 32px;} .fs33{font-size: 33px;} .fs34{font-size: 34px;} .fs35{font-size: 35px;} .fs36{font-size: 36px;} .fs37{font-size: 37px;} .fs38{font-size: 38px;} .fs39{font-size: 39px;} .fs40{font-size: 40px;} .fs41{font-size: 41px;} .fs42{font-size: 42px;} .fs43{font-size: 43px;} .fs44{font-size: 44px;} .fs45{font-size: 45px;} .fs46{font-size: 46px;} .fs47{font-size: 47px;} .fs48{font-size: 48px;} .fs49{font-size: 49px;} .fs50{font-size: 50px;} .fs51{font-size: 51px;} .fs52{font-size: 52px;} .fs53{font-size: 53px;} .fs54{font-size: 54px;} .fs55{font-size: 55px;} .fs56{font-size: 56px;} .fs57{font-size: 57px;} .fs58{font-size: 58px;} .fs59{font-size: 59px;} .fs60{font-size: 60px;} .fs61{font-size: 61px;} .fs62{font-size: 62px;} .fs63{font-size: 63px;} .fs64{font-size: 64px;} .fs65{font-size: 65px;} .fs66{font-size: 66px;} .fs67{font-size: 67px;} .fs68{font-size: 68px;} .fs69{font-size: 69px;} .fs70{font-size: 70px;} .fs71{font-size: 71px;} .fs72{font-size: 72px;}

/*OPACITY==========================================================================================*/
.opacity0{opacity: 0;} .opacity1{opacity: 0.1;} .opacity2{opacity: 0.2;} .opacity3{opacity: 0.3;} .opacity4{opacity: 0.4;} .opacity5{opacity: 0.5;} .opacity6{opacity: 0.6;} .opacity7{opacity: 0.7;} .opacity8{opacity: 0.8;} .opacity9{opacity: 0.9;}

/*PAGINATION==========================================================================================*/
.pagination .page-link{color: var(--color-dark); font-size: 15px; height: 40px; width: 60px; display: flex; align-items: center; justify-content: center; text-align: center;}
.pagination .page-link:hover{color: #fff; background-color: var(--color-accent); border-color: var(--color-accent);}
.pagination .active>.page-link, 
.pagination .page-link.active {color: #fff; background-color: var(--color-accent); border-color: var(--color-accent); }
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link{width: auto;}

/*IMAGE HOVER==========================================================================================*/
.image-hover img{webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.image-hover:hover img{transform: scale(1.05);}


/* FOCUS STATE STYLE FOR KEBOARD NAVIGATION ON FOCUSABLE ELEMENTS ==========================================================================================*/
*[tabindex]:focus-visible, input[type="file"]:focus-visible {outline: 0.125rem solid #4d65ff; outline-offset: 0.125rem;}

/* PREVENT CLICKS ==========================================================================================*/
.pointer-events-off {pointer-events: none;}

/* ENABLE CLICKS ==========================================================================================*/
.pointer-events-on {pointer-events: auto;}

/* SQUARE BLOCK ==========================================================================================*/
.square-block::after {content: ""; display: block; padding-bottom: 100%;}

/* CONTAINER CENTER ALIGN ==========================================================================================*/
.container-center-align{margin-right: auto !important; margin-left: auto !important;}


/* TEXT TRUNCATE ELLIPSES AFTER 3 LINES==========================================================================================*/
.text-style-3lines {display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
/* TEXT TRUNCATE ELLIPSES AFTER 2 LINES==========================================================================================*/
.text-style-2lines {display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/*##############################################################################*/
/*##################__________MAIN STYLE STARTS HERE_________###################*/
/*##############################################################################*/

.header-navbar{padding-top:0px;padding-bottom: 0px; background-color:#fff; border-bottom: 1px solid rgba(104, 35, 36, 0.03);}
.header-navbar .header-logo .header-logo-img{height: 70px;position: }


.header-navbar .navbar-nav .nav-item{padding-left: 10px;padding-right: 10px;}
.header-navbar .navbar-nav .nav-item .nav-link{font-size: 13px; font-weight: 500; text-transform: uppercase;letter-spacing: 0.1px;}



.header-navbar .header-right{gap: 10px;}
.header-navbar .header-search .search-icon {background-color: var(--color-primary-5); height: 40px; width: 40px; display: inline-flex; justify-content: center; align-items: center; border-radius: 12px; }
.header-navbar .header-search .search-icon:hover {background-color: var(--color-primary); color: var(--color-text-dark);}
.header-navbar .header-cta .btn{height: 40px; width: 110px;}


/*WP DROPDOWN ON HOVER*/
.menu-item .sub-menu {display: none;position: absolute; border: 1px solid rgba(120,130,140,.13);  box-shadow: 0 3px 12px rgba(0,0,0,.05); background: #fff; z-index: 999; min-width: 190px;}    
.menu-item:hover .sub-menu{display:block;list-style-type: none;padding-left: 0;}
.site-header .navbar .sub-menu  a{ font-size: 14px;padding: 8px 10px;margin: 0;}
.site-header .navbar .sub-menu li{border-bottom: 1px solid #f1f1f1; padding: 0;}
.site-header .navbar .sub-menu  li:last-child{ border-bottom:none}
.site-header .navbar .sub-menu  a:hover{background-color:#f1f1f1;}

.menuservice .nav-link::after {display: inline-block;margin-left: 0.255em; vertical-align: 0.255em;content: "";border-top: 0.3em solid;border-right: 0.3em solid transparent;border-bottom: 0; border-left: 0.3em solid transparent} 
.menuservice .menu-item .nav-link::after{ display:none }
 

/*##########################################################################################*/


/*HERO SLIDER===============================================================================*/


/*STATS SECTION*/
.stats-section{overflow: hidden;}
.stats-section .stats-wrap{position: relative;padding-top: 15px;padding-bottom: 15px;}
.stats-section .stats-wrap .divider-shape{position: absolute;height: 110px;width: 12px;position: absolute;left: -6px;top: 50%;transform: translateY(-50%);}
.stats-section .stats-wrap:after{position: absolute; content: ""; left: 100%;top: 0;bottom: 0; width: 100%; display: block; background-color: var(--color-light-2);}
.stats-section .stats-wrap .stats-block{padding-top: 15px;padding-bottom: 15px;}


/*ABOUT SECTION===============================================================================*/
.about-section-hp{position: relative;overflow: hidden;}
.about-section-hp .about-content{margin-bottom: 100px; margin-top:100px;}
.about-section-hp .about-content p{font-size: 15px; line-height: 1.7;}
.about-section-hp .right-bg-image {position: absolute; right: -15%; top: 0; bottom: 0;}
.about-section-hp .right-bg-image img{height: 100%; width: auto;}
.about-section-hp .section-heading h2{font-size: 36px;font-weight: 600;}

.Values-icon {  border-bottom:5px solid #dedede !important; webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s;transition: transform 0.3s ease 0s;transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;box-shadow: 0px 0px 18px 5px rgba(154, 161, 171, 0.18);}
.Values-icon:hover{-webkit-transform: translateY(-10px);transform: translateY(-10px);
-webkit-box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.120);box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.120);}


.usp-sec .box{position: relative;overflow: hidden;margin-bottom:15px;}
.usp-sec  .box img{width: 100%; height: auto;}
.usp-sec  .box .box-heading{ position: absolute; bottom: 0; left: 0; right:0;padding: 65px 20px 10px 20px; background: -moz-linear-gradient(180deg, rgba(10,20,50,0) 0%, rgba(10,20,50,0.8183648459383753) 100%); background: -webkit-linear-gradient(180deg, rgba(10,20,50,0) 0%, rgba(10,20,50,0.8183648459383753) 100%); background: linear-gradient(180deg, rgba(10,20,50,0) 0%, rgba(10,20,50,0.8183648459383753) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#04236B",endColorstr="#04236B",GradientType=1);color:#fff}
.usp-sec  .box:hover .box-heading{left: 100%;}
.usp-sec  .box .boxContent{width: 100%;height: 100%;position: absolute;top: 0;left: -100%;padding: 30px 25px; background: rgba(10, 20, 45,0.9);transition: all 0.3s ease 0s;cursor: pointer;}
.usp-sec  .box:hover .boxContent{left: 0;}
.usp-sec  .box .description{font-size: 15px;line-height: 25px;}
 
 


/*CLIENTS SECTION===============================================================================*/
.clients-section-hp{background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(243,247,255,1) 100%); }
.clients-section-hp .clients-section-title{padding-top: 12px;padding-bottom: 12px;}
.clients-section-hp h5 span{position: relative; color: var(--color-secondary); font-size: 14px; letter-spacing: 1px; font-weight: 700;text-transform: uppercase; line-height: 1; }
.clients-section-hp h5 span:after {content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid var(--color-light-3); display: block; position: absolute; bottom: -23px; left: 50%; transform: translateX(-50%); }
.clients-section-hp .client-slider{margin-top: 45px; margin-bottom: 45px;}
.clients-section-hp .client-block-hp{min-height: 110px; display: flex; justify-content: center; align-items: center; padding: 20px 10px;}
.clients-section-hp .client-block-hp img.client-logo{width: 100%; height: auto; object-fit: contain; max-height: 60px;}


/*SERVICES SECTION===============================================================================*/
.services-section-hp{background-color: var(--color-secondary); background-image: url(../images/services-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.service-offered-block{background-color: var(--color-light-1);}
.service-block{background-color: #fff; padding: 0 12px 40px;position: relative;margin-bottom: 20px;display: block;}
.service-block h4{font-size:24px; line-height: 1; padding: 24px 0; font-weight: 700; color:var(--color-text-dark); margin-left: 20px; margin-right: 20px;}
.service-block img.service-image{margin-bottom: 24px;}
.service-block p{font-size:13px; margin-left: 20px; margin-right: 20px;height: 105px;overflow: hidden;}
.service-block .btn{font-size:15px; font-weight: 600; border-radius: 10px 10px 0 0;padding: 8px 18px; position: absolute; left: 20px; bottom: -5px;}
.service-block .btn img{margin-left: 5px; height: 12px;width: 12px;}


/*PROJECTS SECTION===============================================================================*/
.projects-section-hp{background-color: var(--color-secondary); background-image: url(../images/projects-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.project-block{position: relative;display: block;overflow: hidden;}
.project-block img{position: relative;z-index: 1;}
.project-block .project-block-content{padding: 100px 24px 24px; z-index: 2; position: absolute;left: 0;right: 0;bottom: 0; background: rgb(19,33,60); background: linear-gradient(0deg, rgba(19,33,60,1) 0%, rgba(19,33,60,0) 100%);}
.project-block .project-block-content h5{font-size: 19px; font-weight: 700; color: #fff;margin-bottom: 3px;}
.project-block .project-block-content p{margin-bottom: 0;}


/*SERVICE OFFERED SECTION===============================================================================*/
.service-offered-block .vlines{position: absolute;left: -20px;bottom: 0;z-index: 5;}
.service-offered-block .vlines img{width: 74px; height: 111px;}
.service-offered-content{max-width: 440px;padding-top: 30px;}
.service-offered-content p{font-size: 13px; line-height: 1.55;max-width: 320px;}
.service-offered-image{clip-path: polygon(110px 0%, 100% 0, 100% 100%, 0% 100%);position: relative;}
.service-offered-image:before{content: "";position: absolute;left: 0;top: 0;bottom: 0;}

.detail-btn{font-size: 15px; font-weight: 600; color: var(--color-text-dark);}
.detail-btn i{font-size: 15px; margin-left: 2px; color: var(--color-primary); transform: rotate(-45deg); transition: all 180ms ease;}
.detail-btn:hover i{transform: rotate(0deg);}

.swiper-lg-navigation {position: absolute; width: 100px; right: 10px; bottom: 50px; top: auto;}

/*SERVICE LIST NAMES*/
.services-list-slider{padding-top: 20px;}
.services-list-slider .service-name{font-size: 14px; font-weight: 500; color: var(--bs-gray); min-height: 50px; line-height: 1.4;display: flex; align-items: center; padding-bottom: 18px; border-bottom: 1px solid var(--bs-gray-300);}
.services-list-slider .swiper-slide-thumb-active .service-name,.services-list-slider .service-name:hover{font-weight: 600; color: var(--color-secondary);border-bottom: 1px solid var(--color-primary);}


/*PRESENCE SECTION===============================================================================*/
.presence-section-hp{padding: 80px 0;background-image: url(../images/map.svg); background-repeat: no-repeat; background-position: center; background-size: contain;}
.presence-block{background-color: rgb(255 255 255 / 60%); padding: 60px; text-align: center;-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);}
.presence-block .section-heading h2{font-size: 32px;}
.presence-block p{font-size: 15px; line-height: 1.7;margin-bottom: 40px;}


/*UPDATES SECTION===============================================================================*/
.update-block:hover h4{color: var(--color-secondary);}
.slant-divider{background-image: url(../images/slant.svg); background-repeat: repeat-x; background-position: center; height: 10px; text-align: center; display: flex; justify-content: center; align-items: center; }
.slant-divider span{font-size: 26px; font-weight: 700; color: var(--color-text-dark); line-height: 1; background-color: #fff; padding-left: 24px;padding-right: 24px;}

/*NEWS SECTION*/
.news-block{padding-top: 30px; border-top: 1px solid var(--color-primary);}
.news-block:hover h4{color: var(--color-secondary);}
.news-block:hover{border-top: 1px solid var(--color-secondary);}


/*FOOTER SECTION===============================================================================*/
.site-footer{background-color: var(--color-footer-bg);padding-top: 96px; background-image: url(../images/map.svg);background-repeat: no-repeat; background-position: center; background-size: cover; }
.footer-top{border-bottom: 1px solid var(--bs-black); box-shadow: 0 1px 0 rgb(255 255 255 / 15%); padding-bottom: 30px;}
.footer-about-content{margin-bottom: 30px;}
.footer-about-content .footer-logo{display: inline-block;padding-bottom: 20px;}
.footer-about-content .footer-logo img{width: 115px}
.footer-about-content p{font-size: 14px; color: #fff; opacity: 0.7; line-height: 1.8;}
.footer-about-content .social-handles{margin-top: 30px;}
.footer-about-content .social-handles a {color: #fff; font-size: 26px; margin-right: 10px;}
.footer-about-content .social-handles a:hover {color: var(--color-primary);}

.footer-links{margin-bottom: 30px;}
.footer-links ul{margin: 0;padding: 0;}
.footer-links ul li{margin-bottom: 18px;list-style: none;}
.footer-links ul li a{font-size: 14px; color: #fff; opacity: 0.7; line-height: 1.3; display: block;}
.footer-links ul li a:hover{color: var(--color-primary);opacity: 1;}

.footer-contact-info{margin-bottom: 30px;}
.footer-contact-info address, .footer-contact-info p{font-size: 14px; color: #fff; opacity: 0.7; line-height: 1.3; display: block;}

.footer-middle{padding-top: 10px;padding-bottom: 10px;box-shadow: 0 1px 0 rgb(255 255 255 / 15%);}
.footer-middle .termcondlinks a{font-size: 12px; color: #fff; opacity: 0.7; line-height: 1.3;}
.footer-middle .termcondlinks a:hover {color: var(--color-primary);opacity: 1;}

.footer-btm p{font-size: 12px; color: #fff; opacity: 0.7; line-height: 1.3;}



/*###############################################################################*/
/*##################__________INNER PAGES STARTS HERE_________###################*/
/*###############################################################################*/
.top-banner-in{height: 315px; border-bottom: 40px solid var(--color-secondary); width: 100%; background-color: var(--color-secondary); background-image: url(../images/inner_banner.jpg); background-position: top center; background-repeat: no-repeat; color: #fff; }
.top-banner-in h2{font-size: 34px; color: #fff; font-weight: 700;}

.top-banner-in .breadcrumb .breadcrumb-item{font-size: 13px;}
.top-banner-in .breadcrumb .breadcrumb-item,
.top-banner-in .breadcrumb .breadcrumb-item a{color: #FFF; font-weight: 500;}
.top-banner-in .breadcrumb .breadcrumb-item a:hover{color: var(--color-primary);}
.top-banner-in .breadcrumb .breadcrumb-item.active {color: var(--color-primary); font-weight: 600;}
.top-banner-in .breadcrumb .breadcrumb-item+.breadcrumb-item::before{color: var(--bs-gray-500);}

.project-list-in{background-color: #fff;}
.project-list-in .project-list-content-in{padding: 40px;}


/*BUSINESS VERTICALS PAGE===============================================================================*/
.business-vertical-list{margin-bottom: 50px;background-color: var(--color-primary);}
.business-vertical-list.business-vertical-reverse{background-color: var(--color-secondary);}
.business-vertical-content{height: calc(100% - 80px); background-color: #fff; margin-left: 40px; margin-right: -60px; margin-top: 40px; margin-bottom: 40px; padding: 60px; position: relative; z-index: 5; display: flex; justify-content: center; flex-direction: column; }
.business-vertical-content p{font-size: 15px;}
.business-vertical-reverse .business-vertical-content{margin-right: 40px; margin-left: -60px;}


/*SERVICES PAGE===============================================================================*/
.project-list-content-in h2{font-size: 36px!important;}
.project-list-content-in p,.project-list-content-in ul li{font-size: 14px;}
.project-list-content-in ul{margin: 0 0 0 18px; padding: 0;}
.project-list-content-in ul li{margin-bottom: 5px;}

/*CONTACT PAGE================================================================================*/
.contact-info-block .social-handles a{color: white;}
.contact-info-block .social-handles a:hover{color:var(--color-primary);}

.location-map #map{height: 500px;width: 100%;display: block;}


/*ABOUT PAGE================================================================================*/
.clients-list .clients-list-block {width: 100%; padding: 20px 10px; display: flex; background-color: #fff; box-shadow: var(--bs-box-shadow-sm); justify-content: center; align-items: center;}
.clients-list .clients-list-block .client-logo{width: auto; height: 40px;}

/*BLOG DETAIL================================================================================*/

.article_main_thumb { position: relative; display: block; max-height: 450px; overflow: hidden;margin-bottom: 15px;}
.article_mn_title h1{ font-size:28px; font-weight:600}
.article_writer_info {display: flex; padding: 1rem 0; margin: 1.5rem 0; border-top: 1px solid #dbe2ea; border-bottom: 1px solid #dbe2ea;width: 100%;}
.article_writer_info_first { flex: 1;}
.article_writer_info_first ul {display: flex;align-items: center;padding-left: 0;margin-bottom: 0;}
.article_writer_info_first li {display: inline-block;margin-right: 1.5rem;}
.article_writer_info_first li:last-child { margin-right: 0;}
.article_secs p{ font-size:15px; line-height:24px }
.article_secs img{ width:100%; margin-bottom:10px}
 
.sidebar-widget {margin-bottom:10px;border: 1px solid rgba(128,137,150,0.1); padding: 30px; }
.widget-title {font-size:20px}
 
.widget-category li {list-style: none; margin-bottom:5px;padding-left: 20px;position: relative;}
.widget-category li::before {content: '';width:8px; height:8px;border-radius: 50%; -moz-border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);background-color:#00256b;position: absolute;top: 8px;left: 0;}
.widget-category li a {color: #333;}
.widget-category li a:hover { color: #f7b226;} 

.mini-list-card {display: -webkit-flex;display: -ms-flex;display: flex;}
.mini-list-card .mini-list-img img {width:85px;height: 100%; padding-right:10px}
.mini-list-card .mini-list-title {font-size: 13px; line-height: 18px;}

/*SERVICE DETAIL PAGE================================================================================*/
.services-details .single-item {position: relative;display: block;border: 1px solid #dce8ff; padding: 16px 30px 16px 53px;margin-bottom: 20px;-webkit-transition: all 600ms ease;transition: all 600ms ease; }
.services-details .single-item .icon-box {color: #f7b226;position: absolute;left: 20px;top: 16px;font-size: 18px;-webkit-transition: all 600ms ease;transition: all 600ms ease;}
.services-details .feature-list .single-item .title {display: block;margin: 0;font-size: 16px;line-height: 32px;font-weight: 600;text-transform: uppercase;color:#202826}
.services-details .feature-list .single-item:hover {background-color: #f7b226;color: #f7b226;}
.services-details .feature-list .single-item:hover .title {color: #fff;}
.services-details .feature-list .single-item:hover .icon-box { color: #fff;}

/*SERVICE DETAIL PAGE================================================================================*/
.Machine-block{text-align: center;padding: 20px;}
.Machine-block figure {margin-left: auto; margin-right: auto; width: 50px; height: 50px; background: #dbfff4; border: 2px solid #48da3f; padding: 12px; border-radius: 40px; }
.Machine-block h4 {font-size: 17px;}
.Machine-block:hover{background-color: #fbfcff;box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb),.15)!important;}
.Machine-block:hover figure{transform: scale(0.8);}

/*DELIVERED PROJECTS PAGE================================================================================*/
.table-top th{background: #00256b;color: #fff;}
.Completed-Projects-in .section-heading h2{font-size: 34px}


/*.---pagination CSS----*/
.pagination .page-item{}
.pagination .page-item .page-numbers{height: 45px; width: 45px; border: 1px solid #999; display: flex; align-items: center; justify-content: center;margin-left: -1px;}
.pagination .page-item a.prev.page-numbers,
.pagination .page-item a.next.page-numbers{width: auto; padding-left: 20px; padding-right: 20px;}

.pagination .page-item.active .page-numbers,
.pagination .page-item .page-numbers:hover{background-color: #00256b;color: #fff;border-color: #00256b;}