:root{
	--text: #242424;
	--white:#fff;
	--black:#000;
	--blue: #0DB0C1;
	--darkblue: #03315B;
	--border: #dcdcdc;
}

*{ margin:0px; padding:0px; outline:0px; box-sizing: border-box;}
*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
a{text-decoration:none; color:var(--blue); transition:all 0.3s linear 0s;}
a:hover{transition:all 0.3s linear 0s; color:var(--darkblue);}
a img, img{border:0px; outline:none;}
img{max-width:100%; height:auto;}
a, input[type="submit"], button{outline:none;  }
.clear{clear:both;}
::-moz-placeholder{ opacity:1; }
input[type=submit], button, select{ -moz-appearance: none;-webkit-appearance: none;}
input, select, button, textarea{font-family: 'Jost', sans-serif; font-weight:normal;}
input[type=submit], button{ cursor:pointer;transition:all 0.3s linear 0s;}
input[type="submit"], input[type="text"], input[type="date"], input[type="time"], input[type="search"], button, input[type="email"], input[type="tel"], textarea, select{-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; border:0;}
h1, h2, h3, h4, h5, h6, p, ul, li, label, input, textarea, img, submit, button, a{ margin: 0px; padding: 0px; outline: none; list-style: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {order: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align:baseline;}
html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 62.5%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;scroll-behavior: smooth;}
q {-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens: none;hyphens: none;quotes: none;}
a:focus {outline:0;outline: 0;}
a:hover,
a:active {outline: 0;}
a img {border: 0;}
body{color:var(--text); font-family: 'Jost', sans-serif; font-weight:normal; font-size:18px; line-height:1.6; position:relative; overflow-x:hidden; }
strong, b{ font-weight:600;}
h1{ font-size: 44px; font-weight: 600; line-height: 1.25; margin: 20px 0;}
h2{ font-size: 38px; font-weight: 700; line-height: 1.25; margin: 20px 0;}
h3{ font-size: 28px; font-weight: 600; line-height: 1.3; margin: 20px 0;}
h4{ font-size: 24px; font-weight: 600; line-height: 1.3; margin: 15px 0;}
h5{ font-size: 22px; font-weight: 600; line-height: 1.3; margin: 15px 0;}
h6{ font-size: 20px; font-weight: 600; line-height: 1.3; margin: 15px 0;}
p{margin: 15px 0;}
b, strong{ font-weight: 600;}
em{ font-style: italic;}

*:nth-child(1){ margin-top: 0;}
*:last-child{ margin-bottom: 0;}

.btn{display: inline-block; padding: 8px 20px; min-width: 140px; line-height: 24px; background-color: var(--black); color:var(--white); font-weight: 400; text-align: center;}
.btn:hover{ background:rgba(0,0,0,0.8); color: #fff;}

.container{ max-width: 1260px; padding: 0 20px; position: relative; z-index: 1; margin: 0 auto; width: 100%;}
.flex{ display: flex;}
.fbetween{ justify-content: space-between; display: flex; flex-wrap: wrap; align-items: center;}
.fcenter{ justify-content: center; display: flex; flex-wrap: wrap; align-items: center;}

/* Header Section */
.header{ position: relative; width: 100%; background: #fff; padding: 12px 0; z-index: 99;}
.headerleft{ display: flex; align-items: center; gap: 50px;}

.navigation{text-align: left;}
.navigation ul{ display: flex; column-gap: 30px;}
.navigation ul li{ position: relative;}
.navigation a{ display: inline-block; position: relative; padding: 5px 0; color: var(--black);}
.navigation a::before{ content: ''; position: absolute; bottom:-17px; width: 100%; left: 0; height: 2px; background: var(--darkblue); transform: scale(0);transition: all 0.3s ease-in-out;}
.navigation li:hover a::before, .navigation li.current_page_item a::before{ transform: scale(1); transition: all 0.3s ease-in-out; z-index: 1;}

.logo{ text-align: center;}
.logo img{ display: block; max-height: 48px; margin: 0 auto; height: auto;}
.headerctas{ display: flex; gap: 15px;}
.hdrbtn1{ display: inline-block; border: 1px solid var(--border); border-radius: 5px; line-height: 26px; padding: 10px 22px; color: #000;}
.hdrbtn2{ display: inline-block; border: 1px solid var(--blue); background: var(--blue); border-radius: 5px; line-height: 26px; padding: 10px 22px; color: #fff;}
.hdrbtn1:hover, .hdrbtn2:hover{ color: #fff; background: var(--darkblue); border-color: var(--darkblue);}
.menutoggle{ display: none;}
.navigation ul li .trigger{ display: none;}


@media(min-width:1201px){
	.navigation ul.menu>li.menu-item-has-children>a:after{ content:"\f107"; font-family:'Font Awesome 6 Free';font-weight: 900; display: inline-block; vertical-align: middle; position: relative; top: 0px; margin-left: 10px; font-size: 16px;}
	.navigation ul li ul {position: absolute; top: 100%; width: 260px; left: -20px; background: #fff; z-index: 10; padding: 17px 0 0!important;}
	.navigation ul ul {opacity: 0; overflow: hidden; visibility: hidden;transition: all 0.3s ease-in-out 0s; transform: translate(0, 50px); display: block !important; 
	pointer-events: none; border-radius:0 0 8px 8px; box-shadow:0 10px 10px rgba(0,0,0,0.1);}
	.navigation ul li:hover ul {opacity: 1;visibility: visible;max-height: inherit;transform: translate(0, 0);pointer-events: all;}
	.navigation ul ul li{ border-bottom: 1px solid #dcdcdc;}
	.navigation ul ul li a{ padding: 10px 15px; display: block;}
	.navigation ul ul li a::before{ display: none;}
	.navigation ul ul li:last-child{ border-bottom: 0;}
	.navigation ul ul li a:hover{ background-color: var(--darkblue); color: #fff;}
}


/* Header Section */


/* Home Page Sections */
.homebanner{ width: 100%; position: relative; overflow: hidden; background: var(--blue); color: #fff;}
.homehero{ width: 38%; margin-right: 0;  margin-left: auto;}
.homehero img{ width: 100%; display: block;}
.homebanner .container{ position: absolute; top: 0; left: 0; right: 0; height: 100%; display: flex; align-items: center;}
.herotext{ max-width: 45%; padding: 40px 0;}

.btnwrap{ display: flex; width: 100%; padding-top: 10px;}
.iconbtn{ display: flex; align-items: center; border: 1px solid #fff; border-radius: 5px; color: #ffff; padding: 10px 22px;}
.iconbtn i{ margin-left: 10px;}
.iconbtn:hover{ background: #fff; color: var(--blue);}
.iconbtn.white{ background-color: #fff; color: var(--darkblue);}
.iconbtn.white:hover{ background-color: transparent; color: #fff;}




section{ width: 100%; position: relative; padding: 70px 0; overflow: hidden;}
.bgblue{ background-color: var(--blue); color: #fff;}
.bgdarkblue{ background-color: var(--darkblue); color: #fff;}


.haveqstn .text{ width: 40%;}
.haveqstn .img{ width: 40%; position: relative;}
.haveqstn .img img{ width: 100%; display: block; border-radius: 10px;}
.haveqstn::after{ content: ''; position: absolute; top: 0; right: 0; width: 32%; height: 100%; background-position: center; background-image: url(../images/bg1.png); background-repeat: no-repeat; background-size: 100%;}

.reviewswrap{ width: calc(100% + 40px); margin-left: -20px; margin-top: 50px;}
.reviews-slider{ width: 100%; position: relative;}
.reviews-slider .swiper-slide{ padding: 0 20px;}
.reviews-slider .icn{ width: 100%; display: block; border-bottom: 1px solid var(--border); padding-bottom: 20px;}
.reviews-slider .icn img{ display: block; max-height: 36px;}
.reviews-slider p{ margin: 20px 0 0;}

.rvwuser{ position: relative; margin-top: 30px; padding-left: 80px; min-height: 65px; display: flex; align-items: center;}
.rvwuser img{ position: absolute; top: 0; left: 0; width: 65px; height: 65px; border-radius: 50%; object-fit: cover; object-position: center;}
.rvwuser h5{ font-weight: 500; font-size: 16px; color: #999; margin: 0;}
.rvwuser h5 strong{ display: block; color: #000; font-weight: 600; font-size: 20px;}
.reviewswrap .swiper-button-next, .reviewswrap .swiper-button-prev{ display: none;}



.partnering .text{ width: 46%;}
.partnering .img{ width: 46%; position: relative;}
.partnering .img img{ width: 100%; display: block;}

.comprehensive{ text-align: center;}
.comprehensive p{ color: #242424;}
.comprehensive p a:hover{ text-decoration: underline;}
.comprehensive ul{ display: flex; flex-wrap: wrap; gap:20px; text-align: left; max-width: 80%; margin: 40px auto; justify-content: space-between;}
.comprehensive ul li{ width: calc(33.33% - 14px);}
.comprehensive ul li a{ border: 1px solid var(--border); padding: 10px 20px; display: flex; justify-content: space-between; border-radius: 5px; color:var(--text)}
.comprehensive ul li a::after{ content: '\f061'; font-family: 'Font Awesome 6 Free'; font-weight: 900;}
.comprehensive ul li a:hover{ color:var(--blue);}
.searchfor{ text-align: center;}
.search_columns{ width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 50px; flex-wrap: wrap; row-gap: 20px; column-gap: 60px;}
.search_columns .item{ background: #fff; width: 27%; border-radius: 10px; padding: 30px;}
.search_columns h4{ color: #000;}
.search_columns img{ display: block; margin: 0 auto; max-height: 110px;}


.whychoose{ background: #FAFAFA;}
.whychoose .flex{ flex-wrap: wrap; justify-content: space-between;}
.whychoose h2{ width: 22%;}
.why_choose_columns{ width: 75%; display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 40px;}
.why_choose_columns .item{ width: 48%; position: relative; padding-left: 80px;}
.why_choose_columns .icon{ width: 60px; position: absolute; top: 0; left: 0;}
.why_choose_columns p{ color: #242424;}
.why_choose_columns h4{ margin: 0;}
.whychoose::after{ content: ''; position: absolute; bottom:0; left: 0; width: 25%; height: 100%; background-position: bottom; background-image: url(../images/bg2.png); background-repeat: no-repeat; background-size: 100%;}
.whychoose .container{ position: relative; z-index: 1;}

.texttop{ width: 100%; text-align: center; margin: 0 0 50px;}
.texttop p{ color: #242424;}

.ctrow{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.ctimg{ width: 44%;}
.ctimg img{ display: block; width: 100%; border-radius: 15px;}

.cttext{ width: 52%; }

.faq-item{ width: 100%; border: 1px solid #dcdcdc; border-radius: 5px; margin-bottom: 20px;}
.faq-item:last-child{ margin-bottom: 0;}
.faq-question{ cursor: pointer; width: 100%; padding: 20px 15px 20px 70px; position: relative; font-size: 20px; font-weight: 500; background-image:url('../images/check-icon.svg'); background-repeat: no-repeat; background-size: 38px; background-position: 20px 14px;}
.faq-answer{ padding: 0 50px 15px 70px;color: #242424; }



.aboutsctn{ background: #f9f9f9;}
.aboutsctn .fbetween{ align-items: initial;}
.abt{ width: calc(30% - 10px); display: flex; align-items: center; justify-content: center; flex-direction: column; margin-right: 10px; background: #03315B; padding:40px 20px; border-radius: 10px; color: #fff; text-align: center;}
.abt img{ display: block; max-height: 70px;}
.abt h4{ font-weight: 600; margin:20px 0 10px;}
.abt p{ margin: 5px 0;}
.abt p br{ display: none;}

.abtrow{ width:70%; display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 10px; color: #fff;}
.abtrow .item{ width: calc(50% - 5px); background: #0DB0C1; border-radius: 10px; padding: 40px 30px; display: flex;}
.abtrow .icn{ width: 80px; padding-right: 20px; min-width: 80px;}
.abtrow h3{ font-weight: 700; font-size: 35px; line-height: 1;}
.abtrow p{ margin: 15px 0 0;}

.careerop{ background: #fff;}
.career_opwrap{ padding: 20px 0 0;}
.career_opwrap{ width: 100%; position: relative;}
.career_opcard{ width: 100%; display: flex; justify-content: space-between; align-items: center;}
.career_opcard .text{ width: 60%; padding: 50px 0 70px;}
.career_opcard .img{ width: 32%; transform: scale(0.75); transition: all 0.4s ease-in-out;}
.career_opcard .img img{ width: 100%; display: block;}
.career_opcard .iconbtn{ background: var(--blue); border-color: var(--blue); color: #fff;}
.career_opcard .iconbtn:hover{background: var(--darkblue); border-color: var(--darkblue);}

.career_swiper .swiper-slide { width: 68%;display: flex;overflow: hidden;}

.career_swiper .text{ display: none;}
.career_swiper .swiper-slide-active .text{ display: block;}
.career_swiper .swiper-slide-active .img{ transform: scale(1); transition: all 0.4s ease-in-out;}

.career_swiper .swiper-slide-prev .img{ margin-left: auto; margin-right: 0;}
.career_swiper .swiper-button-prev{ top: auto!important; bottom: 0; left: 201px; width: 44px; height: 44px; border: 2px solid var(--blue); border-radius: 50%;}
.career_swiper .swiper-button-next{ top: auto!important; bottom: 0; left: 260px; right: auto; width: 44px; height: 44px; border: 2px solid var(--blue); border-radius: 50%;}
.career_swiper .swiper-button-prev::after, .career_swiper .swiper-button-next::after{ color: var(--black); font-size: 20px;}
.career_swiper h3{ margin: 0;}
/* Home Page Sections */




/* Site Footer */
.footer{ position: relative; width: 100%; padding: 60px 0 0;}
.footer .fbetween{ align-items: initial; justify-content: space-between;}
.fcol1{ width: 28%;}
.flogo img{ display: block; max-height: 58px; height: auto;}
.fcol2{ width: 28%;}
.fcol2 ul{ display: flex; row-gap: 10px; flex-wrap: wrap;}
.fcol2 ul li{ width: 50%;}
.fcol2 ul li a{ color: #000;}
.fcol2 ul li a:hover{ color: var(--blue);}
.fcol3{ width: 28%;}
.fcol3 ul{ display: flex; gap: 10px;}
.fcol3 a{ display: flex; width: 44px; height: 44px; border: 1px solid var(--blue); border-radius: 50%; align-items: center; justify-content: center; color: #000;}
.fcol3 a:hover{ background: var(--blue); border-color: var(--blue); color: #fff;}
.footer h5{ padding-bottom: 10px; position: relative; border-bottom: 1px solid #DADADA; margin: 0 0 20px;}
.footer h5::after{ content: ''; position: absolute; bottom: 0; left: 0;width: 35%; height: 2px; border-bottom: 1px solid var(--blue);}
.copyright{ width: 100%; padding: 15px; text-align: center; border-top: 1px solid #DADADA; margin-top: 60px;}
.copyright p{ font-size: 16px; margin: 0;}

.fclogo img{ display:block; max-width: 120px;}

/* Site Footer */


/* About Page Sections */
.plogo{ width: 100%; display: flex; align-items: center; justify-content: center;}
.plogo img{ display: block;  max-height: 90px; margin: 0 auto;}
.ourpartners h2{ text-align: center; margin:0 0 50px;}

.haveqstn.abtsn:after{background-image: url(../images/shape-5.png); right: 24%; width: 24%;}
.empimg{margin: 0 0 50px;}
.empimg img{ display: block; max-width: 500px; margin: 0 auto;}

.ppr_emp{ width: 100%; background: #f9f9f9; border-radius: 15px; padding: 30px 40px; display: flex; justify-content: space-between; flex-wrap: wrap; row-gap: 30px; align-items: center;}
.ppr_emp .textcol{ width: 47%; text-align: left;}
.ppr_emp h4{ font-weight: 700; margin-top: 30px;}
.ppr_emp h4:nth-child(1){ margin-top: 0;}
.ppr_emp ul{ margin: 10px 0;}
.ppr_emp ul li{ width: 100%; margin:7px 0; border: 0; padding: 5px 0 5px 50px; font-weight: 700; background: url('../images/check-icon.svg') no-repeat; background-position: 0 0; background-size: 40px;}
.ppr_emp ul li:after{ display: none;}

.partnering.abtsn{ margin-top: 60px;}
.partnering.abtsn img{ border-radius: 15px;}
.partnering.abtsn .text{ text-align: left;}

/* About Page Sections */

/* Contact Page Sections */
.ctrow1{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; row-gap: 20px; margin-top: 40px;}
.ctrow1 .item{ width: calc(50% - 30px); border: 1px solid #dcdcdc; border-radius: 10px; text-align: center; padding: 25px;}
.ctrow1 .btnwrap2{ display: inline-block; margin: 10px 0 0; text-align: center;}
.ctrow1 .iconbtn{ background: var(--blue); border-color: var(--blue); color: #fff;}
.ctrow1 .iconbtn:hover{background: var(--darkblue); border-color: var(--darkblue);}

.hiretlnt{ width: 100%; background: #f9f9f9; }
.hiretlnt h2{ text-align: center; margin-bottom: 40px;}

.ctrow2{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; row-gap: 20px; margin-top: 40px;}
.ctrow2 .item{ width: calc(50% - 30px); background: #fff; border-radius: 10px; text-align: left; padding: 25px; display: flex; align-items: center;}
.ctrow2 .icn{ width: 70px; height: 70px; margin-right: 20px; border-radius: 50%; border: 1px solid #dcdcdc; display: flex; align-items: center; justify-content: center;}
.ctrow2 .icn img{ display: block; margin: 0 auto; max-width: 40px; max-height: 40px;}
.ctrow2 h6{ color: var(--blue); margin: 0; font-size: 16px;}
.ctrow2 h5 a{ color: var(--black);}
.ctrow2 h5{ margin: 5px 0 0;}
.ctrow2 h5 a:hover{ color: var(--blue);}
.ctbox{ width: 100%; border: 1px solid #dcdcdc; display: flex; align-items: center; justify-content: space-between; margin: 40px 0;}
.ctright{ width: 48%; margin: -40px 0; padding-right: 30px;}
.ctright img{ display: block; width: 100%; border-radius: 10px;}
.ctleft{ width: 48%; padding: 30px 60px;}
.ctleft h3{ font-weight: 700;}
.adrwrap{ width: 100%; margin: 20px 0 0; display: flex;}
.adrwrap .icn{ width: 30px; margin-right: 20px;}
.adrwrap h5{ margin:0 0 10px;}
.adrwrap p{ margin: 0; color: #242424;}
.adrwrap p a{ color: #242424;}
.adrwrap p a:hover{ color: var(--blue); text-decoration: underline; text-underline-offset: 2px;}
/* Contact Page Sections */





/* Staffing Solution Page Sections */
.comprehensive.bgdarkblue p{ color: #fff;}
.keyrow{ display: flex; flex-wrap: wrap; row-gap: 25px; justify-content: space-between;}
.keyrow .item{ width: calc(33.33% - 15px); text-align: left;}
.keyrow .item p{ border-left: 2px solid #fff; padding-left: 15px; min-height: 130px;}

.bggrey{ background: #f9f9f9!important;}

.imgtext .text{ width: 47%;}
.imgtext .img{ width: 47%;}
.imgtext .img img{ width: 100%; display: block; border-radius: 15px;}

.smartwork .text{ text-align: left; padding: 20px; border: 1px solid #dcdcdc; border-radius: 10px;}
.smartwork .text h4{ font-weight: 500; padding-top: 2px; padding-bottom: 2px; padding-left: 55px;background-image: url('../images/check-icon.svg');background-repeat: no-repeat; background-position:0; background-size: 40px;}
.smartwork .text p{ padding-left: 55px;}
.costsave .keyrow .item p{  min-height: 90px;}
.dvp .img{padding: 25px; border-radius: 10px; background: #f9f9f9;}
.dvp .imgtext:nth-child(2n){ flex-direction: row-reverse;}
.dvp .text h6{ color: var(--blue); text-transform: uppercase;}

.dvp .imgtext{ padding: 50px 0; border-bottom: 1px solid #dcdcdc;}
.dvp .imgtext:nth-child(1){ padding-top: 0;}
.dvp .imgtext:last-child{ padding-bottom: 0; border: 0;}



/* Staffing Solution Page Sections */



/* Our Expert Page Sections */
.ourexprt .keyrow .item{ width: calc(25% - 15px);}
.ourexprt .keyrow .item p{ padding: 0; border: 0;}

.exprtbnr .herotext{ width: 50%; max-width: 50%;}
.imgtext h4{ border-left: 5px solid var(--blue); padding-left: 15px; margin:25px 0;}

.imgtext.exprtsctn4 .img{ width: 40%;}
.imgtext.exprtsctn4 .text{ width: 54%;}

.exprtsctn5 h2{ font-weight: 400;}
.exprtsctn5 h2 strong{ font-weight: 700;}

.exprt_rowbtm{ width: 100%; margin-top: 30px;}
.exprt_rowbtm ul{ display: flex; justify-content: space-between; flex-wrap: wrap; row-gap: 15px;}
.exprt_rowbtm ul li{ width: 40%; font-weight: 600; padding-left: 40px;background-image: url('../images/check-icon.svg'); background-repeat: no-repeat; background-position:0 4px; background-size: 30px; }

.exprow5{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.exprow5 .item{ width: 40%; margin-top: 20px;}
.exprow5 .item p{ margin-top: 5px;}
.exprow5 .item h5{ margin: 0; padding-left: 40px; background-image: url('../images/check-icon.svg'); background-repeat: no-repeat; background-position:0; background-size: 30px;}

.ourexprt .keyrow .item img{ max-width: 54px; display: block;}

/* Our Expert Page Sections */


/* Blog Page Sections */

.mainArchive{ width: 100%; display: flex; padding: 70px 0; overflow: hidden; position: relative;}
.archvPosts{ width: 100%; display: flex; flex-wrap: wrap; row-gap: 40px; column-gap: 20px; margin-top: 40px;}
.postArticle{ width: calc(25% - 20px);} 
.postArticle .article-image{ width: 100%; display: block; border-radius: 10px; height: 220px; object-fit: cover; object-position: center;}
.postArticle h4{ color: var(--text); margin: 15px 0; min-height: 65px; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.postArticle p{ color: var(--text); margin: 15px 0 0; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;}

.bpheadd{ display: flex; justify-content: space-between; align-items: center;}
.bpheadd a{ color: var(--black); font-size: 18px;}
.bpheadd h2{ margin: 0;}
.bpheadd a:hover{ color: var(--blue);}


.pagination{ width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 40px; gap: 10px;}
.pagination .page-numbers{ height: 34px; min-width: 34px; border: 1px solid #dcdcdc; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 500; color: var(--darkblue);}
.pagination .page-numbers.current{ opacity: 1;}
.pagination .page-numbers.next{ padding: 0 4px; border: 0;}
.pagination .page-numbers.prev{padding: 0 4px; border: 0;}
.pagination .page-numbers.next:hover, .pagination .page-numbers.prev:hover{ opacity: 1; color: var(--blue);}


.ftrd .postArticle{ width: calc(33.33% - 20px);}
.ftrd .blogPosts{ column-gap: 30px;}

.mainpost{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; row-gap: 40px;}
.mainpost h1{ font-weight: 700;}
.postcontent{ width: 68%;}
.postsidebar{ width: 28%; position: sticky; top: 20px;  height: fit-content;}
body.single-post, body.single-post .mainArchive{ overflow: initial;}
.rcntArtcls{ width: 100%; background: #fff; border-radius: 15px; box-shadow: 0 10px 35px rgba(0,0,0,0.09); padding: 20px;}
.rcntArtcls h4{ color: var(--black); font-weight: 600;}
.rcntArtcls ul{ margin: 0; padding: 0;}
.rcntArtcls ul li{ margin: 10px 0 0;}
.rcntArtcls ul li a{ color: var(--blue); text-decoration: underline; text-underline-offset: 2px;display: -webkit-box;	-webkit-line-clamp: 2; -webkit-box-orient: vertical;	overflow: hidden;	text-overflow: ellipsis;}
.rcntArtcls ul li a:hover{ color: var(--darkblue);}


.featured_image{ width: 100%; margin: 0 0 30px;}
.featured_image img{ display: block; width: 100%; border-radius: 10px;}
.post_content{ color: var(--text);}
.post_content p{margin: 20px 0 0;}
.post_content img{ width: 100%; display: block; margin: 20px 0;}
.post_content a{ color: var(--blue);  text-decoration: underline; text-underline-offset: 2px; }
.post_content a:hover{ text-decoration: none; color: var(--darkblue);}
.post_content ul, .post_content ol{ margin: 20px 0; padding: 0 0 0 15px;}
.post_content li{ list-style: disc; list-style-position: outside; margin: 10px 0 0;}
.post_content ol li{ list-style: decimal;}
.post_content ul ul, .post_content ol ol, .post_content ul ol, .post_content ol ul{ margin: 0;}
.post_content strong{ font-weight: 700;}
.post_content em, .post_content i{ font-style: italic;}
.post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6{ color: var(--pink); margin: 25px 0 0;}
.post_content u{ text-decoration: underline;text-underline-offset: 2px;}
.post_content blockquote{ margin: 20px 0;}
.shareThis{ width: 100%; margin: 30px 0 0;}
.shareThis label{ display: block; color: var(--darkblue); font-weight: 700;}
.shareThis p{ display: flex; gap: 15px; margin: 10px 0 0;}
.shareThis a{ font-size: 20px; color: var(--blue);}
.shareThis a:hover{ color: var(--darkblue);}

.post_content h2, .post_content h3{ color:var(--blue);}

 body.single-post .mainArchive{border-top: 1px solid #dcdcdc;}


.fadrs{ display:flex; gap:15px; margin:20px 0 0;}
.fadrs i{  color:var(--blue);     margin-top: 5px;}
.fadrs p{ margin:0;}

.keyrow .item img{ display:block; max-height:58px;}
.comprehensive.sctn6{background: var(--blue);}
.smartwork .text h4{ border:0;}

.page-id-444 .ourexprt .keyrow .item{ width:calc(33.33% - 15px);}




/* Blog Page Sections */



/* Jobs Page Sections */

.jobs_section{ width: 100%; background: #F9F9F9;}
.jobs_section h2{ text-align: center; margin: 0 0 30px;}

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

.job-tabs {display: flex; align-items: center; justify-content: center; gap: 20px; margin-bottom: 50px; width: 100%;}

.job-tabs .tab-link{ display: flex; cursor: pointer; gap: 12px; align-items: center; justify-content: center; border: 1px solid #E6E6E6; border-radius: 5px; padding: 12px; font-size: 18px; font-weight: 500;}
.job-tabs .tab-link.active { background: var(--blue); color: #fff;}
.job-tabs .tab-link img{ width: 40px; display: block;} 
.tab-content {display: none;}
.tab-content.active {display: block;}
.job-card { width: 100%; position: relative; border: 1px solid #E6E6E6; padding: 20px 25px; display: flex; justify-content: space-between; margin-top: 20px; border-radius: 6px;}

.jbleft{ width: 100%;}
.jbright{ position: absolute; top: 20px; right: 25px; z-index: 1;}
.jbright .btnwrap{justify-content: flex-end;}
.adrsshift{ width: 75%; display: flex; row-gap: 10px; column-gap: 20px; flex-wrap: wrap;}
.adrsshift p{    min-width: 48%; margin: 0; display: flex; gap: 5px;  align-items: center;}
.adrsshift p i{ color: var(--blue); margin-right: 4px;}
.adrsshift p strong{ display: flex;  align-items: center; gap: 2px;}
.adrsshift p img{ display: block; width: 24px;}
.jbleft h3{ margin: 0 0 10px;}

.description{ width: 100%; margin: 0;}
.description p{ margin: 10px 0;}
.rmwrap span{ cursor: pointer; color: #000; font-weight: 500;}
.rmwrap span:hover{ color: var(--blue);}
.rmwrap span.active{ opacity: 0;}
.jobhdcol div{ width: 100%; margin: 0 0 20px;} 

.jobhdcol div:last-child{ margin: 0;}
.jobhdcol h3{ display: flex; align-items: center; gap: 10px;}
.jobhdcol h3 img{ display: block; width: 25px;}
.jobhdcol ul{ padding-left: 25px; padding-top: 5px;}
.jobhdcol ul li{ position: relative; list-style: disc; list-style-position: outside; margin: 2px 0;}
.jbright .iconbtn{ background: var(--blue); border-color: var(--blue); color: var(--white);}
.jbright .iconbtn:hover{ background: var(--darkblue); border-color: var(--darkblue);}
.page-template-jobs .haveqstn{ display: none;}
.page-template-jobs .hvjobs{ display: block;}
.haveqstn p a{ color: #fff; font-weight: 600;  text-decoration: underline; text-underline-offset: 2px;}
.haveqstn p a:hover{ color: var(--black);}





/* Jobs Page Sections */



/* Responsive Style */
@media(max-width:1600px){
	.container{ max-width: 1140px;}
	body{ font-size: 16px;}
	h1{font-size: 36px;}
	h2{font-size: 30px;}
	h3{ font-size: 22px;}
	h4{font-size: 20px;}
	h5{font-size: 18px;}
	h6{font-size: 16px;}
	section{ padding: 55px 0;}

}


@media(max-width:1200px){
.container{ padding: 0 15px;}
.homehero {width: 50%;}
.herotext{ width: 50%;}
h1 {font-size: 32px; line-height: 1.2;}
h2{font-size: 28px;}
h3{ font-size: 20px;}
h4 {font-size: 18px;}
h5{ font-size: 16px;}
.btnwrap{ padding: 0;}
section{ padding: 50px 0;}
.comprehensive ul{ max-width: 100%;}
.search_columns img {max-height: 90px;}
br{ display: none;}
.texttop{ margin: 0 0 30px;}
.career_swiper .swiper-slide{ width: 100%;}
.career_swiper .swiper-button-prev{ left: 0;width: 40px;height: 40px;}
.career_swiper .swiper-button-next{ left: 50px;width: 40px;height: 40px;}
.reviews-slider .icn img {max-height: 28px;}
.haveqstn::after{ display: none;}
.footer{ padding: 40px 0 0;}
.copyright{ margin: 40px 0 0;}


.headerleft{ width: 100%; gap: 10px; justify-content: space-between; flex-wrap: wrap;}

.headerctas{ display: none;}
.menutoggle {display: block;width: 30px;height: 24px;position: relative;cursor: pointer; margin-right: 15px;}
.menutoggle{ position: relative; z-index: 9;}
.menutoggle i {position: absolute;top: 0;left: 0;width: 100%;height: 3px;background: #000;border-radius: 4px;transition: all 0.2s;}
.menutoggle i.b {top: 10px;}
.menutoggle i.c {top: 20px; }
.menutoggle.active .a {transform: rotate(45deg);top: 10px; transition: all 0.2s;}
.menutoggle.active .c {transform: rotate(-45deg);top: 10px; transition: all 0.2s;}
.menutoggle.active .b{ opacity: 0; transition: all 0.2s;}

.navigation{ width: 100%;}
.navigation ul{ display: block;}
.navigation ul li{ width: 100%; display: block; border-top: 1px solid #dcdcdc;}
.navigation a{ display: block; padding: 10px 15px; line-height: 26px; font-size: 16px;}
.navigation{ display: none;}
.navigation ul ul{ display: none;}
.navigation ul li{ position: relative;}
.navigation ul li .trigger{ position: absolute; display: block; background: #fff; transition: all 0.3s ease-in-out; top: 0; right: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px;}
.navigation a::before{ display: none!important;}
.header .container{ padding: 0;}
.header .logo{ padding-left: 15px;}
.navigation ul ul li a{ padding-left: 30px;}
.navigation ul li a:hover{ background: var(--darkblue); color: #fff;}
.navigation ul li.current_page_item a{ background: var(--darkblue); color: #fff;}


.exprt_rowbtm ul li {width: 48%;}

.mainArchive{ padding: 50px 0;}
.postArticle h4 {min-height: 50px;}

.imgtext h4{ margin:20px 0;}




}

@media(max-width:979px){
.fcol1{ text-align: center; width: 100%; margin-bottom: 30px;}
.fcol2{ width: 48%;}
.fcol3{ width: 48%;}
.flogo img{ margin: 0 auto;max-height: 50px;}
.flogo{ display: flex; align-items: center; justify-content: center;}
.haveqstn .text {width: 48%;}
.haveqstn .img{width: 48%;}

.reviewswrap .swiper-button-next, .reviewswrap .swiper-button-prev { display: block; }
.reviewcard{ padding: 0 20px;}
.rvwuser h5 {font-size: 14px;}
.rvwuser h5 strong {font-size: 18px;}
.reviewswrap .swiper-button-next::after, .reviewswrap .swiper-button-prev::after{ color: var(--blue); font-size: 24px;}
.reviewswrap .swiper-button-next{ text-align: right;}
.abtrow .item{ padding: 20px 15px;}
.abtrow .icn {width: 65px;padding-right: 15px;min-width: 65px;}
.abtrow h3 {font-size: 28px;}
.abtrow p{ margin: 10px 0 0;}

.search_columns {column-gap: 20px;}
.search_columns h4{ padding-top: 10px;}
.comprehensive ul{ gap: 10px;}
.homebanner .container{ position: static;}
.homehero{ width: 100%; padding-left: 10px;}
.herotext{ padding: 50px 0 30px; width: 100%; text-align: center; max-width: 100%;}
.herotext .btnwrap{ justify-content: center;}
.exprtbnr .herotext{ width: 100%; max-width: 100%;}

.empimg img {max-width: 400px;}
.ppr_emp{ padding: 20px 15px;}

.partnering .text, .partnering .img {width: 48%;}
.partner_slider{ padding: 0 20px;}
.partner_slider .swiper-button-next::after, .partner_slider .swiper-button-prev::after{ color: var(--blue); font-size: 24px;}
.partner_slider .swiper-button-next{ text-align: right;}
.plogo img {max-height: 70px;}
.ourexprt .keyrow .item{ width: calc(50% - 15px);}
.page-id-444 .ourexprt .keyrow .item{ width:100%;}
.page-id-444 .ourexprt .keyrow .item p{ min-height:initial; }
	
.exprow5 .item {width: 48%;}
.exprow5 .item h5 {padding:2px 0 2px 30px;background-size: 25px;}

.archvPosts, .ftrd .blogPosts{ column-gap: 20px;}
.postArticle, .ftrd .postArticle{width: calc(50% - 10px);}
.postArticle h4{ min-height: initial;}
.postcontent{ width: 100%;}
.postsidebar{ width: 100%; margin-top: 40px;}

.fclogo img{ display:block; max-width: 90px; margin:0 auto;}



}


@media(max-width:767px){
h1 {font-size: 28px; line-height: 1.2;}
h2{font-size: 26px;}
h3{ font-size: 18px;}



.fcol2{ width: 100%; text-align: center;margin: 0 0 30px;}
.fcol3{ width: 100%; text-align: center;}
.fcol3 ul{ justify-content: center; align-items: center;}
.fcol3 a {width: 40px;height: 40px;}
.footer h5::after{ margin: 0 auto; right: 0;}
.haveqstn .text {width: 100%; text-align: center; margin-bottom: 30px;}
.haveqstn .img{width: 100%;}
.btnwrap{ justify-content: center;}
.reviews-slider .swiper-slide{ width: 80%;}


.partnering .text{ width: 100%; text-align: center;}
.partnering .img{ width: 100%; margin: 0 0 30px;}
.career_opwrap{ padding: 10px 0 0;}
.career_opcard{ flex-wrap: wrap;}
.career_opcard .text{ width: 100%; text-align: center; padding: 0 0 30px;}
.career_opcard .img{ width: 100%; padding-left: 100px;}


.abt{ width: 100%; padding: 20px 15px; margin-bottom: 10px;}
.abtrow{ width: 100%;}
.abtrow .item{ width: 100%;}
.ctimg{ width: 100%;}
.cttext{ width: 100%; margin-top: 20px;}
.faq-question {padding: 12px 15px 12px 42px; font-size: 18px; background-size: 30px;background-position: 5px 11px;}
.faq-answer{ padding: 0 15px 15px 42px;}

.whychoose h2{ width: 100%; padding-bottom: 15px;}
.why_choose_columns{ width: 100%; row-gap: 30px;}
.why_choose_columns .item{ width: 100%;padding-left: 60px;}
.why_choose_columns .icon {width: 48px;}

.search_columns {column-gap: 0; margin-top: 30px;}
.search_columns .item{ width: 100%;}

.comprehensive ul li {width: 100%;}
.partnering .text, .partnering .img {width: 100%;}

.ppr_emp .textcol{ width: 100%;}
.ppr_emp .textcol{ width: 100%;}
.ppr_emp ul li{ background-size: 28px; padding-left: 40px; background-position: 0 14px;}
.ppr_emp ul{ margin-bottom: 0;}
.ppr_emp ul li:last-child{ margin-top: 0; padding-bottom: 0;}
.ppr_emp{ gap:20px;}
.empimg img{ max-width: 100%;}
.keyrow{ gap: 30px;}
.ourexprt .keyrow .item{ width: 100%;}

.keyrow .item{ width: 100%; text-align: center;}
.keyrow .item img{ margin: 0 auto; max-height: 50px;}
.keyrow .item p{ min-height: initial!important; border: 0;}
.imgtext .text{ width: 100%;}
.imgtext .img{ width: 100%;}
.imgtext.fbetween, .imgtext .fbetween{ gap: 30px;}
.smartwork .text h4 {padding-left: 38px;background-size: 28px;}
.smartwork .text p {padding-left: 38px;}
.smartwork .text{ padding: 20px 15px;}
.dvp .img{ padding: 15px;}
.ctrow1 .item{ width: 100%; padding: 20px;}
.ctrow2 .item{ width: 100%; padding: 20px;}
.ctrow2 .icn {width: 60px;height: 60px; margin-right: 15px;}
.ctrow2 .icn img {max-width: 32px;max-height: 32px;}

.ctbox{ margin: 0; padding: 20px 15px; flex-wrap: wrap;}
.ctleft{ width: 100%; padding: 0 0 30px;}
.ctright{ width: 100%; margin: 0; padding: 0;}
.adrwrap{ margin: 20px 0 0;}
.exprt_rowbtm ul li {width:100%;}

.imgtext.exprtsctn4 .text {width: 100%;}
.imgtext.exprtsctn4 .img {width: 100%;}
.imgtext.exprtsctn4 .img img{ max-width: 300px; display: block; margin: 0 auto;}



.archvPosts, .ftrd .blogPosts{ column-gap: 0; row-gap: 30px;}
.postArticle, .ftrd .postArticle{width: 100%;}
.bpheadd a {font-size: 15px;}
.ftrd .postArticle:nth-child(3) {display: block;}
.fadrs{ justify-content:center; text-align:center;gap: 10px;}
.fadrs p{ width:200px}
	
.job-tabs .tab-link {gap: 10px;padding: 10px;font-size: 14px;}
.job-tabs .tab-link img {width: 28px;}
.job-tabs {gap: 10px;margin-bottom: 30px;}
.job-card {padding: 15px;margin-top: 15px; flex-wrap: wrap;}
.jbleft{ width: 100%;}
.jbright{ width: 100%; margin-top: 15px; position: static; }
.jbright .btnwrap {justify-content: initial;}
.jbright .btnwrap .iconbtn{ width: 100%; text-align: center; justify-content: center;}
.adrsshift {gap: 10px;flex-direction: column;}

.adrsshift{ width: 100%;}
.adrsshift p img {width: 20px;}
.adrsshift p {flex-wrap: wrap;font-size: 14px;line-height: 20px; width: 100%;}
.description p {font-size: 15px;line-height: 22px;}
.jbleft h3 {margin: 0 0 15px;font-size: 20px;}



}

/* Responsive Style */