@charset "UTF-8";

/*
Theme Name: Staffstream
*/

body{ padding: 0px; margin: 0px; list-style: none; font: normal 15px/24px var(--Inter_Tight);}

p{padding: 0px; margin: 0px;}

a{padding: 0px; margin: 0px; outline: none; text-decoration: none;}

ul{ list-style: none; padding: 0px; margin: 0px;}

label{ list-style: none; padding: 0px; margin: 0px;}

ul li{ padding: 0px; margin: 0px;}

h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}

input[type="text"]::-webkit-placeholder { opacity: 1;  }

input[type="text"]::-moz-placeholder { opacity: 1;}

input[type="password"]::-webkit-placeholder { opacity: 1;}

input[type="password"]::-moz-placeholder { opacity: 1;}

input[type="search"]::-webkit-placeholder { opacity: 1;}

input[type="search"]::-moz-placeholder { opacity: 1;}

input[type="email"]::-webkit-placeholder { opacity: 1; }

input[type="email"]::-moz-placeholder { opacity: 1;}

input[type="tel"]::-webkit-placeholder { opacity: 1;}

input[type="tel"]::-moz-placeholder { opacity: 1;}

textarea::-moz-placeholder { opacity: 1;  }

textarea::-webkit-placeholder { opacity: 1;}

a:hover{ outline: none; text-decoration: none;}

a:active{ outline: none; text-decoration: none;}

a{ text-decoration: none;}

a, button, input[type="submit"], ::before, ::after{

transition: all 0.35s ease-in-out;

-webkit-transition: all 0.35s ease-in-out;

-o-transition: all 0.35s ease-in-out;

-ms-transition: all 0.35s ease-in-out;

}

input[type="submit"]{cursor: pointer; border: 0px; outline: none; background: none;}



img{max-width: 100%; height: auto;}

p, h1, h2, h3, h4, h5, h6{margin: 0 0 13px;}

p:last-child{margin-bottom: 0px;}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom: 0px;}

figure{margin: 0px;}

.media{display: flex; align-items: flex-start;}

.media-object{flex: 1;}

h1, h2, h3, h4, h5, h6{color: var(--primary-color);}



:root {

  /* Colors */

  --primary-color: #1C2E4E;

  --success-color: #198754;

  --danger-color: #dc3545;

  --dark: #000;

  --light: #FFF;

  --lightRGB: 255, 255, 255;

  --muted: #777;

  --textColor: #7A8393;



  /* Font Family */

  --Inter_Tight: 'Inter Tight';

  --icomoon: 'icomoon';



  /* Heading Font Sizes */

  --heading-xs: 30px;

  --heading-sm: 35px;

  --heading-md: 45px;

  --heading-lg: 55px;

  --heading-xl: 65px;

  --heading-xxl: 80px;

  --heading-lineHeight: 1.1;



  /* Paragraph Font Sizes */

  --text-sm: 15px;

  --text-md: 16px;

  --text-lg: 18px;

  --text-lineHeight: 1.7;



  --transition: all 0.3s ease-in-out;

}



/* inter-tight-100 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Inter Tight';

  font-style: normal;

  font-weight: 100;

  src: url('assets/fonts/inter-tight-v9-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* inter-tight-200 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Inter Tight';

  font-style: normal;

  font-weight: 200;

  src: url('assets/fonts/inter-tight-v9-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* inter-tight-300 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Inter Tight';

  font-style: normal;

  font-weight: 300;

  src: url('assets/fonts/inter-tight-v9-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* inter-tight-regular - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Inter Tight';

  font-style: normal;

  font-weight: 400;

  src: url('assets/fonts/inter-tight-v9-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* inter-tight-500 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Inter Tight';

  font-style: normal;

  font-weight: 500;

  src: url('assets/fonts/inter-tight-v9-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* inter-tight-600 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Inter Tight';

  font-style: normal;

  font-weight: 600;

  src: url('assets/fonts/inter-tight-v9-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* inter-tight-700 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Inter Tight';

  font-style: normal;

  font-weight: 700;

  src: url('assets/fonts/inter-tight-v9-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* inter-tight-800 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Inter Tight';

  font-style: normal;

  font-weight: 800;

  src: url('assets/fonts/inter-tight-v9-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* inter-tight-900 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Inter Tight';

  font-style: normal;

  font-weight: 900;

  src: url('assets/fonts/inter-tight-v9-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* @font-face {

  font-family: 'icomoon';

  src:  url('assets/fonts/icomoon.eot?djv8u0');

  src:  url('assets/fonts/icomoon.eot?djv8u0#iefix') format('embedded-opentype'),

    url('assets/fonts/icomoon.ttf?djv8u0') format('truetype'),

    url('assets/fonts/icomoon.woff?djv8u0') format('woff'),

    url('assets/fonts/icomoon.svg?djv8u0#icomoon') format('svg');

  font-weight: normal;

  font-style: normal;

  font-display: block;

}



[class^="icon-"], [class*=" icon-"] {



  font-family: 'icomoon' !important;

  speak: never;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;



  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.icon-Arrow-71:before {

  content: "\e901";

}

.icon-Vector10:before {

  content: "\e902";

}

.icon-Arrow-72:before {

  content: "\e903";

}

.icon-Vector11:before {

  content: "\e904";

}

.icon-Vector12:before {

  content: "\e905";

}

.icon-Vector13:before {

  content: "\e908";

}

.icon-Vector14:before {

  content: "\e909";

}

.icon-Vector-9:before {

  content: "\e900";

}

.icon-instagram1:before {

  content: "\e90a";

}

.icon-instagram:before {

  content: "\e907";

}

.icon-linkedin:before {

  content: "\e906";

}

.icon-facebook-logo:before {

  content: "\e91b";

}

.icon-phone-call:before {

  content: "\e918";

}

.icon-email:before {

  content: "\e919";

}

.icon-pinterest:before {

  content: "\e934";

}

.icon-whatsapp:before {

  content: "\ea93";

}

.icon-youtube:before {

  content: "\ea9d";

} */

@font-face {
  font-family: 'icomoon';
  src:  url('assets/fonts/icomoon.eot?i01b4m');
  src:  url('assets/fonts/icomoon.eot?i01b4m#iefix') format('embedded-opentype'),
    url('assets/fonts/icomoon.ttf?i01b4m') format('truetype'),
    url('assets/fonts/icomoon.woff?i01b4m') format('woff'),
    url('assets/fonts/icomoon.svg?i01b4m#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Arrow-71:before {
  content: "\e901";

}
.icon-star:before {
  content: "\e902";
  color: #fff;
}
.icon-Arrow-72:before {
  content: "\e903";
}
.icon-hand:before {
  content: "\e90b";
}
.icon-target:before {
  content: "\e905";
}
.icon-handSheak:before {
  content: "\e908";
}
.icon-comma:before {
  content: "\e909";
}
.icon-location:before {
  content: "\e904";
  color: #fff;
}
.icon-phone-call:before {
  content: "\e918";
}
.icon-email:before {
  content: "\e919";
}
.icon-pinterest:before {
  content: "\e934";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-twitter:before {
  content: "\e900";
  color: #fff;
}
.icon-instagram1:before {
  content: "\e90a";
}
.icon-instagram:before {
  content: "\e907";
}
.icon-linkedin:before {
  content: "\e906";
}
.icon-facebook-logo:before {
  content: "\e91b";
}






.headersec.fixed_header, .navbar-brand{

transition: all 0.3s ease-in-out;

-webkit-transition: all 0.3s ease-in-out;

-o-transition: all 0.3s ease-in-out;

-ms-transition: all 0.3s ease-in-out;

-moz-transition: all 0.3s ease-in-out;

}

.headersec.fixed_header{position: fixed; top: 0; left: 0; width: 100%; z-index: 999;

-moz-box-shadow: 0 0 8px -5px #333;

-webkit-box-shadow: 0 0 8px -5px #333;

box-shadow: 0 0 8px -5px #333;}





@-webkit-keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}

100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}

}

@keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}

100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}

.headersec.fixed_header{top:0;left:0;right:0;position:fixed;margin:0;z-index:1002;-webkit-animation-name:animationFade;-o-animation-name:animationFade;animation-name:animationFade;-webkit-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-moz-box-shadow:0 0 8px -5px #333;-webkit-box-shadow:0 0 8px -5px #333;box-shadow:0 0 8px -5px #333;}









.hdrmnu .sub-menu-toggle{display: none;}

ul.slimmenu li .sub-toggle{width: 20px; height: 20px; background: url(assets/images/caret_icon.png) no-repeat center center;

background-size: 19px;top: 4px;right: -24px;}

ul.slimmenu li .sub-toggle i{display: none;}

ul.slimmenu li .sub-toggle::before{content: none;}

ul.slimmenu li > ul{width: 200px; background: var(--light); box-shadow: rgba(var(--dark), 0.24) 0px 3px 8px;

padding: 10px; border-radius: 8px;}

ul.slimmenu li > ul > li{width: 100%; background: transparent; margin: 0;}

ul.slimmenu li > ul > li > a{display: block; text-transform: capitalize; color: var(--primary-color); width: 100%;

background: transparent; padding: 8px 12px; border-bottom: 1px solid rgba(var(--dark), 0.09) !important; border-radius: 0px !important;}

ul.slimmenu li > ul > li > a:hover{background: var(--primary-color); color: var(--light);

border-color: var(--primary-color) !important;border-radius: 6px !important;}

ul.slimmenu li > ul > li:last-child > a{border: 0 !important;}





p{color: var(--textColor); font-size: var(--text-lg); line-height: var(--text-lineHeight);font-weight: 400;}

.pagehding h2 , .serviceAbteOne .pagehding h1 , .aboutSec.serviceAbteTwo.serviceStepSec h2{font-weight: 500; font-size: var(--heading-xxl); line-height: var(--heading-lineHeight); letter-spacing: -0.64px;}

body{background: #F0F8FF; padding: 30px;}

.txtcenter{text-align: center;}

.themebtn{display: inline-flex; align-items: center; color: var(--light); background-color: var(--primary-color); height: 60px;

border-radius: 50px; min-width: 206px; padding: 0 6px 0 22px; justify-content: space-between; line-height: 22px; font-size: 18px;

border: 2px solid var(--primary-color);}

.themebtn span ,.contact-us .contact-box i{display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; transition: var(--transition);

background: var(--light); color: var(--primary-color); margin-left: 13px; border-radius: 100%; font-size: 9px;}
.contact-us .contact-box i{width: 88px; height: 88px; margin-left: 0;font-size: 25px;}
.contact-us .contact-box a{color: var(--textColor);font-size: var(--text-lg);line-height: var(--text-lineHeight);font-weight: 400;}
.contact-us .contact-box a:hover{color: var(--primary-color);}
.themebtn:hover{background: transparent; color: var(--primary-color);}

.themebtn:hover span{background: var(--primary-color); color: var(--light);}

.contact-us .contact-box{background: var(--light);margin-bottom: 0;padding: 43px 35px;border-radius: 60px;height: 100%;text-align: center;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;/*gap: 150px;*/gap: 80px;justify-content: center;}





.circle {width: 90px;height: 90px;border-radius: 100%;background: conic-gradient(#1C2E4E var(--value), #3F88C8 0);

margin-right: 20px;}

.bannerSec{width: 100%; background-repeat: no-repeat !important; background-size: cover !important; padding-top: 170px;

border-radius: 30px;}

.bnerratingbox{width: 100%; max-width: 222px; border-radius: 20px; padding: 25px 35px;

background: linear-gradient(112.83deg, rgba(255, 255, 255, 0.47) 0%, rgba(255, 255, 255, 0) 110.84%); position: relative;

backdrop-filter: blur(14px); pointer-events: visible;}

.ratingnmber h3{font-weight: 600;font-size: 66px;line-height: 66px; letter-spacing: -0.8px; margin: 0 12px 0 0; color: var(--light);}

.ratingnmber .media{align-items: center;}

.ratingnmber i{display: inline-flex; font-size: 24px; color: var(--light); margin-bottom: 5px;}

.ratingnmber span{font-weight: 400;font-size: 16px;line-height: 20px; color: var(--light);}

.ratingnmber .media-object{display: inline-flex; flex-direction: column;}

.ratinguser h4{color: var(--light); font-weight: 400;font-size: 18px;line-height: 20px; margin-bottom: 2px;}

.ratinguser span{display: inline-flex; font-weight: 400;font-size: 18px;line-height: 22px;color: var(--light);}

.ratinguser .media{align-items: flex-start; flex-direction: column;}

.ratinguser ul{margin: 0 0 15px; display: inline-flex; align-items: center; padding-left: 21px;}

.ratinguser li img{width: 100%; height: 100%; border: 2px solid var(--light); border-radius: 100%; object-fit: cover;}

.ratinguser li{margin-left: -20px; width: 52px; height: 52px; background: var(--light); border-radius: 100%;}

.ratinguser li:last-child img{width: auto; object-fit: initial; height: auto; border-radius: 0;}

.ratinguser li:last-child{display: flex; align-items: center; justify-content: center;}





.clientSec{padding: 123px 0 150px; width: 100%;}

.clientItem{margin-top: 60px; border-radius: 60px; background: var(--light); padding: 35px; transition: var(--transition);}

.clientSec .row{margin: 0 -30px;}

.clientSec .row > div{padding: 0 30px;}

.clientItem i{display: block; margin-bottom: 14px;}

.clientItem > span{display: inline-flex; color: rgba(28, 46, 78, 0.12); font-size: 39px; margin-bottom: 34px;}

.clientItem h4{color: #29313C; font-weight: 500;font-size: 20px;line-height: 27px; margin-bottom: 5px;}

.clientItem em{color: #A8ACAE; font-size: 16px; line-height: 20px; font-weight: 400;}

.clientItem .media{align-items: center; padding-top: 32px;}

.clientItem .media figure{width: 54px; height: 54px; border-radius: 100%; margin-right: 18px;}

.clientItem .media figure img{width: 100%; height: 100%; object-fit: cover; border-radius: 100%;}



.footercontactSec{background: var(--light); border-radius: 30px;}

.contactSec{padding: 82px 0 100px; width: 100%;}

.contactpnel .row{margin: 0 -40px;}

.contactpnel .row > div{padding: 0 40px;}

.inputdata{margin-top: 65px; width: 100%;}

.inputdata label{display: block; color: var(--primary-color); font-weight: 400;font-size: 20px;line-height: 26px;

margin-bottom: 5px;}

.inputdata input[type="text"],

.inputdata input[type="email"],

.inputdata input[type="tel"],

.inputdata textarea{width: 100%; height: 60px; border: 0; outline: none; color: #A8ACAE;

border-bottom: 1px solid rgba(0, 0, 0, 0.12); font-weight: 400;font-size: 16px;line-height: 24px;}

.inputdata input[type="text"]::placeholder,

.inputdata input[type="email"]::placeholder,

.inputdata input[type="tel"]::placeholder,

.inputdata textarea::placeholder{opacity: 1; color: #A8ACAE;}

.inputdata textarea{resize: none; -webkit-appearance: none; height: 120px !important; padding-top: 12px !important;}

.inputdatabtn input[type="submit"]{background: var(--primary-color) url(assets/images/btnarow.png) no-repeat right 6px center;

text-align: left;}

.inputdatabtn{margin-top: 33px;}

.inputdatabtn input[type="submit"]:hover{background-color: var(--dark); color: var(--light);}



.serviceSec,.custom-404{padding: 150px 0 120px;}
.cmn_padding{padding: 60px 0 120px;}
.servicebtn{margin-top: 55px; text-align: center;}

.serviceItem{margin-top: 75px;}

.serviceimg{overflow: hidden; border-radius: 60px; margin-bottom: 30px;}

.serviceimg img{width: 100%; transition: var(--transition);}

.servicecont{text-align: center;}

.servicecont h3{color: var(--primary-color); font-weight: 500;font-size: 24px;line-height: 30px;}

.servicecont h3 a{color: var(--primary-color);}

.morelink{display: inline-flex; align-items: center; color: var(--primary-color); font-weight: 500;font-size: 18px;

line-height: 20px;}

.morelink span{display: inline-flex; margin-left: 8px; font-size: 10px;}

.morelink:hover{color: var(--dark);}

.serviceSec .row{margin: 0 -30px; justify-content: center;}

.serviceSec .row > div{padding: 0 30px;}

.serviceItem:hover .serviceimg img{transform: scale(1.05) rotate(2deg);}



.aboutSec,.contact-us{padding-top: 135px;}

.abteimge{width: 100%; max-width: 582px; margin-right: 180px; position: relative;}

.abteimge img{width: 100%; border-radius: 60px;}

.aboutepnel strong {display: block; font-weight: 400;font-size: 24px;line-height: 34px;color: var(--primary-color);

margin-bottom: 25px;}
.aboutSec.serviceAbteTwo strong{font-weight: 400;font-size: 24px;line-height: 34px;color: var(--primary-color);max-width: fit-content;
    margin: auto; border:2px solid var(--primary-color) ;border-radius: 10px;padding: 7px 15px;}
.aboutepnel .themebtn{margin-top: 20px;}

.abtenmeritem h3{font-weight: 600;font-size: 60px;line-height: 65px; display: flex; align-items: center;}

.abtenmeritem span{font-size: 18px; line-height: 24px; color: var(--textColor);}

.aboutepnel .pagehding{display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;}

.aboutepnel > .media{align-items: center;}

.abtecunter{width: 100%;}

.abteprogress{position: absolute; bottom: 10px; left: 10px; right: 10px; border-radius: 60px; min-height: 145px;

background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 100%); padding: 12px;

display: flex; align-items: center; justify-content: center; backdrop-filter: blur(3px);}

.abteprogress .media-object{display: inline-flex; align-items: center;}

.abteprogress h4{font-weight: 600;font-size: 60px;line-height: 65px; margin: 0 16px 0 0;}

.abteprogress span{color: var(--primary-color); font-size: 18px; line-height: 23px;}

.abteprogress .media{align-items: center;}



.headersec{position: absolute; z-index: 99; top: 30px; left: 0; width: 100%; padding: 45px 0;}

.hderinr{position: relative; display: flex; align-items: center; justify-content: space-between;}

.bnerimage{position: relative; margin-right: 85px;}

.bnerratingbox{position: absolute; left: -8%; top: 35%;}

.bnerpnel > .media{flex-direction: row-reverse; justify-content: space-between;}

ul.slimmenu > li{margin-right: 85px;}

ul.slimmenu > li > a{display: inline-block; color: var(--light); font-weight: 400;font-size: 18px;line-height: 24px;

position: relative;}

ul.slimmenu > li > a::before{position: absolute; content: ""; bottom: -2px; left: 0; width: 0px; transition: var(--transition);

border-top: 2px solid var(--light);}

ul.slimmenu > li > a:hover::before, ul.slimmenu > li.current-menu-item > a::before {width: 25px;}

.hderinr .themebtn , .aboutSec.serviceAbteTwo.serviceStepSec a{background: var(--light); color: var(--primary-color); border-color: var(--light);}

.hderinr .themebtn span ,.contact-us .contact-box i  , .aboutSec.serviceAbteTwo.serviceStepSec a span{background: var(--primary-color); color: var(--light);}

.hderinr .themebtn:hover  , .aboutSec.serviceAbteTwo.serviceStepSec a:hover{background: transparent; color: var(--light); border-color: var(--light);}

.hderinr .themebtn:hover span  , .aboutSec.serviceAbteTwo.serviceStepSec a:hover span{background: var(--light); color: var(--primary-color);}

.bnerpnel h1 , .bnerpnel h2{color: var(--light); font-weight: 500;font-size: 75px;line-height: 80px; margin-bottom: 33px;}

.bnerpnel p{color: var(--light);}

.bnerpnel .themebtn{background: var(--light); color: var(--primary-color); border-color: var(--light); margin-top: 22px;}

.bnerpnel .themebtn span{background: var(--primary-color); color: var(--light);}

.bnerpnel .themebtn:hover{background: transparent; color: var(--light); border-color: var(--light);}

.bnerpnel .themebtn:hover span{background: var(--light); color: var(--primary-color);}

.bnerpnel .media-object{max-width: 780px; margin-top: 125px;}

.bnerratingbox .media-object{margin: 0;}



.prevettedbnr{position: absolute; right: -11%; top: 10%; max-width: 220px; width: 100%; border-radius: 20px; padding: 28px 15px;

background: linear-gradient(110.78deg, rgba(255, 255, 255, 0.47) -56.41%, rgba(255, 255, 255, 0) 98.52%);

backdrop-filter: blur(12px);}

.prevettedbnr h3{color: var(--light); font-weight: 500;font-size: 24px;line-height: 30px;margin-bottom: 5px;}

.prevettedbnr i{display: inline-flex; margin-bottom: 11px;}



.staffingSec{width: 100%; border-radius: 30px; background: var(--primary-color); padding: 60px 0 0;}

.staffingimg{width: 100%; max-width: 582px; margin-left: 30px;}

.staffingimg img{width: 100%; border-radius: 60px;}

.staffingpnel > .media{flex-direction: row-reverse; justify-content: space-between;}

.staffingpnel .pagehding{max-width: 670px; position: relative;}

.staffingpnel .pagehding h2 , .aboutSec.serviceAbteTwo.serviceStepSec h2  , .aboutSec.serviceAbteTwo.serviceStepSec p{color: var(--light);}

.staffingitem h3{color: var(--light); font-weight: 500; font-size: 24px; line-height: 30px;}

.staffingitem p{color: var(--light);}

.staffingitem strong{color: #5CB2FD; font-size: 18px; line-height: 22px; margin-bottom: 3px;}

.staffingitem span{display: flex; background: var(--light); align-items: center; justify-content: center; width: 68px;

height: 68px; border-radius: 100%; color: var(--primary-color); margin-right: 25px; font-size: 27px;}

.staffingitem{margin: 0 0 45px; position: relative;}

.staffingitem:last-child{margin: 0;}

.staffingitem::before{position: absolute; content: ""; left: 34px; bottom: -45px; top: 68px; border-left: 1px solid var(--light);}

.staffingitem:last-child::before{content: none;}



.staffinglist {height: 580px; margin-top: 55px;}



.scroller-scrollbar.vertical{margin: 0; background: transparent; opacity: 0;

border-left: 5px solid var(--light);}

.staffinglist:hover .scroller-scrollbar.vertical{opacity: 1;}



.footerSec{width: 100%; border-radius: 30px; background: var(--primary-color); padding-top: 85px;}

.foterpnel h3{color: #A8ACAE; font-size: 16px; line-height: 20px;}

.foterpnel{position: relative; display: flex; align-items: flex-start; justify-content: space-between;}

.ftrlink li a{color: var(--light); font-weight: 500; font-size: 24px; line-height: 30px;}

.ftrlink li{margin: 0 0 23px;}

.ftrlink li:last-child{margin: 0;}

.ftrlink li a:hover{text-decoration: underline;}

.ftrinfo li a{color: var(--light); font-weight: 400;font-size: 40px;line-height: 40px;}

.ftrinfo li a:hover{text-decoration: underline;}

.ftrinfo li{margin: 0 0 27px;}

.ftrinfo li:last-child{margin: 0;}

.ftrinfo p{color: #A8ACAE; font-size: 16px; line-height: 24px;}

.ftrinfo p a{color: #3F88C8;}

.ftrinfo p a:hover{color: var(--light);}

.ftrinfo ul{padding: 0 0 35px;}

.clientItem:hover{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}



.fotertitle {

    position: relative; text-align: center;overflow: hidden; margin: 100px 0 0; padding-bottom: 100px;

}



.fotertitle h2 {

    font-size: 289px;

    font-weight: 700;

    color: rgba(255, 255, 255, 0.11); line-height: 225px;

    margin: 0;

    position: relative;display: flex;

  justify-content: center;

}



/* Reflection effect */

.fotertitle h2::after {

    content: "Staffstream";

    position: absolute;

    top: 93%;

    transform: scaleY(-1);

    opacity: 0.7;

    filter: blur(1px);



    /* fade out reflection */

    -webkit-mask-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 295.48%);

    mask-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 295.48%);

}

ul.slimmenu > li:last-child{margin: 0;}

.abtenmeritem h3 i{display: inline-flex;}

.bnerpnel h1 , .bnerpnel h2{line-height: var(--heading-lineHeight);}

.clientItem em{font-style: normal;}

.staffingitem {padding-right: 10px;}



.headersec.fixed_header{padding: 12px 0; background: var(--primary-color);}

.headersec.fixed_header .hderinr{padding: 0;}

.abtenmeritem h3 em{font-style: normal;}



.staffingpnel .pagehding::before{position: absolute; content: ""; bottom: 0; left: -20px; right: 0; height: 80px; z-index: 3;

backdrop-filter: blur(3px); background: linear-gradient(180deg, rgba(28, 46, 78, 0) 0%, #1C2E4E 100%);} 

.scroller-content{padding-bottom: 95px;}

.staffingitem::before{opacity: 0.22;}

.staffingitem:first-child::before{opacity: 1;}

.staffingSec{overflow: hidden;}



.abte_years{position: absolute; top: 30px; right: 0; display: inline-flex; align-items: center; justify-content: center;}

.abte_yearsnmber{position: absolute; text-align: center; display: inline-flex; flex-direction: column;}

.aboutepnel{position: relative;}

.abte_yearsnmber span{display: inline-block; color: #7A8393; font-weight: 400;font-size: 12px;

line-height: 15px;text-transform: uppercase;}

.abte_yearsnmber h4{font-weight: 700;font-size: 60px;line-height: 60px;letter-spacing: -0.64px; display: inline-flex;

align-items: center; margin: 0;}

.abte_yearsnmber i{display: inline-flex; margin-left: 5px;}

.abte_years > img{animation: rotate 14s linear infinite;}



@keyframes rotate {

  from {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(360deg);

  }

}



.clientSlder{max-width: 1412px; margin: 37px auto 0;}

.sayingItem{text-align: center; display: inline-flex; flex-direction: column; align-items: center;}

.sayingItem .media{align-items: center; text-align: left; padding-top: 30px;}

.sayingItem p{color: var(--primary-color);font-weight: 400;font-size: 40px;line-height: 65px;}

.sayingItem h4{font-weight: 500;font-size: 20px;line-height: 26px;color: #29313C;margin-bottom: 6px;}

.sayingItem span{color: #A8ACAE; font-weight: 400;font-size: 16px;line-height: 20px;}

.sayingItem figure{width: 101px; height: 101px; border-radius: 100%; margin-right: 25px;}

.sayingItem figure img{border-radius: 100%; object-fit: cover; width: 100%; height: 100%;}

.sayingItem i{display: inline-flex; color: rgba(28, 46, 78, 0.11); font-size: 38px; transform: scale(-1); margin-bottom: 40px;}

.clientSlder .owl-dots{display: flex; align-items: center; justify-content: center; margin-top: 60px; gap: 5px;}

.clientSlder .owl-dots button{width: 6px; height: 6px; background: #D9D9D9; border-radius: 100%;

transition: var(--transition);}

.clientSlder .owl-dots button.active{width: 21px; background: var(--primary-color); border-radius: 7px;}

.solutionSec{padding: 135px 0;}
.page-template-page-about-us .solutionSec{padding-top: 0;}
.solutionitem{width: 100%; background: var(--light); border-radius: 60px;/* min-height: 430px;*/ padding: 65px 37px 30px; min-height: 320px;
margin-top: 70px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;}

.solutionitem:hover p,.solutionitem:hover h3{color: var(--light);}
.page-template-page-about-us .solutionitem{padding: 50px 50px 0;    min-height: auto;}
.solutionitem p{min-height: 95px;}
.page-template-page-about-us .solutionitem p{min-height: 30px;}
.page-template-page-about-us .solutionitem {justify-content: flex-start;}

.solutionitem:hover{background: var(--primary-color);}

.solutionitem i{filter: brightness(0) saturate(100%) invert(17%) sepia(16%) saturate(1901%) hue-rotate(179deg) brightness(94%) contrast(96%);max-width: 125px;}

.solutionitem:hover i{filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(0%) hue-rotate(264deg) brightness(105%) contrast(104%);}

ul.slimmenu li > ul{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}



#breadcrumbs{display: flex; align-items: center; justify-content: center;}

#breadcrumbs > span{display: inline-flex; align-items: center; font-size: 0; flex-wrap: wrap;}

#breadcrumbs > span > span{position: relative; color: var(--light); font-weight: 400;font-size: 18px;

line-height: 18px; padding-right: 23px; margin-right: 23px; display: inline-flex; align-items: center;}

#breadcrumbs > span a{color: var(--light);}

#breadcrumbs > span > span::before{right: -3px; background: var(--light); width: 6px; height: 6px; position: absolute;

content: ""; border-radius: 100%;}

#breadcrumbs > span > span:last-child{padding: 0; margin: 0;}

#breadcrumbs > span > span:last-child::before{content: none;}



.solutionitem, .solutionitem i, .solutionitem p{transition: var(--transition);}



.inrBner .bnerpnel{text-align: center;}

.inrBner{padding-bottom: 93px;}

#breadcrumbs > span a:hover{text-decoration: underline;}

.serviceAbteTwo .media{flex-direction: row-reverse; gap: 180px;}

.serviceAbteTwo .abteimge{margin: 0;}

.serviceAbteTwo .pagehding h2, .serviceAbteOne .pagehding h2 , .serviceAbteOne .pagehding h1 , .aboutSec.serviceAbteTwo.serviceStepSec h2{margin-bottom: 30px;}

.serviceAbteTwo{padding: 120px 0;}
.common_padding{padding-bottom: 120px;}
.common_padding:last-child{padding-bottom: 0;}
.aboutSec.serviceAbteTwo.serviceStepSec {margin-bottom: 120px;}


.serviceStepSec{background: var(--primary-color); border-radius: 30px; padding: 95px 0;}

.serviceStepSec .pagehding h2{color: var(--light);}

.serviceStepItem{margin-top: 65px; width: 100%; max-width: 330px;}

.serviceStepItem p{color: var(--light);}

.serviceStepItem h3{color: var(--light); font-weight: 500;font-size: 24px;line-height: 30px;}

.serviceStepItem strong{color: #5CB2FD; font-weight: 400;font-size: 18px;line-height: 23px;display: block;}

.dotedStep{display: inline-flex; position: relative; align-items: center; background: var(--light); width: 9px; height: 9px;

border-radius: 100%; margin: 14px 0 44px;}

.serviceStepSec .row{margin: 0; justify-content: space-between; gap: 24px;}

.serviceStepSec .row > div{padding: 0; width: auto;}

.dotedStep::before{position: absolute; content: ""; right: -9999%; left: 9px; border-top: 1px solid rgba(255, 255, 255, 0.11);}

.serviceSteplist{overflow: hidden;}



.collectionSec{padding: 100px 0 120px;}
.page-template-page-about-us .collectionSec{padding-top: 0;}
.collectionItem{width: 100%; background: var(--light); margin-top: 43px; min-height: 420px;min-height: 350px;border-radius: 60px;gap: 20px;
padding: 43px 35px; display: flex; align-items: flex-start; flex-direction: column; /*justify-content: space-between;*/}

.collectiontitle h4{font-size: 24px;font-weight: 500;line-height: 30px;}

.collectionicn{display: flex; align-items: center; justify-content: center; background: #F0F8FF; width: 100px;

height: 100px; border-radius: 100%;}



.serviceAbteOne .abteimge{max-width: 640px; margin: 0;}

.serviceAbteOne .media{gap: 124px;}

.aboutepnel li, .solutionSec li{position: relative; color: var(--textColor);font-size: 18px;font-weight: 400;line-height: 26px;

padding-left: 28px;}
.solutionitem:hover ul li{color: var(--light);}
.aboutepnel li::before, .solutionSec li::before{width: 13px; height: 10px; position: absolute; content: ""; left: 0; top: 8px;

background: url(assets/images/tick_icn.png) no-repeat 0 0;}
.solutionitem:hover ul li::before {filter: brightness(0) invert(1);}

.aboutepnel ul, .solutionSec ul{display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding-top: 12px;}
.page-template-page-about-us .solutionSec ul{width:100%; display: grid;grid-template-columns: repeat(2, 1fr);}
.page-template-page-about-us .solutionitem{height:100%;}
.headersec.fixed_header{border-bottom: 2px solid rgba(255, 255, 255, 0.11);}

	.custom-404 {

  color: #fff;
  text-align: center;
  padding: 120px 20px;
}

.custom-404 h1 {
  font-size: 120px;
  margin-bottom: 10px;
}

.custom-404 h2 {
  font-size: 32px;
  margin-bottom: 15px;
}

.custom-404 p {
  opacity: 0.85;
  margin-bottom: 30px;
}

.btn-primary {
  background: #fff;
  color: #1E3A5F;
  padding: 12px 25px;
  border-radius: 30px;
  margin-right: 10px;
}

.btn-secondary {
  border: 2px solid #fff;
  color: #fff;
  padding: 12px 25px;
  border-radius: 30px;
}
.contactUsOne .inputdata input,.contactUsOne .inputdata textarea{background: transparent;}

header .icon-Arrow-71::before{color: var(--light);}
header .hderinr .themebtn:hover .icon-Arrow-71::before{color: var(--primary-color);}
.aboutSec.serviceAbteTwo .row.flex-lg-row-reverse .abteimge {
    margin-left: 50px;
}




@media screen and (min-width:1600px) {



.container{max-width: 1584px;}



}



@media (min-width: 1700px) and (max-width: 1799px) {



body {padding: 24px;}

.headersec {top: 25px;}



}



@media (min-width: 1600px) and (max-width: 1699px) {



body {padding: 20px;}

.headersec {top: 20px;}

.clientSec, .serviceSec, .contactSec{overflow: hidden;}

.fotertitle h2 {font-size: 275px; line-height: 220px;}

.hderinr{padding: 0 20px;}



.abte_years{right: 15px;}

.serviceAbteOne .media {gap: 95px;}







}



@media only screen and (max-width: 1599px) {

.pagehding h2, .bnerpnel h1 , .bnerpnel h2 , .serviceAbteOne .pagehding h1 , .aboutSec.serviceAbteTwo.serviceStepSec h2{font-size: var(--heading-xl);}

p{font-size: var(--text-md);}

body {padding: 15px;}

.headersec {top: 15px; padding: 35px 0;}

.bannerSec, .staffingSec, .footerSec {border-radius: 25px;}

.abteimge img, .abteprogress, .serviceimg, .clientItem, .staffingimg img {border-radius: 50px;}

ul.slimmenu > li > a {font-size: 16px;line-height: 22px;}

ul.slimmenu > li {margin-right: 70px;}

.themebtn {height: 55px;min-width: 195px;padding: 0 4px 0 20px;line-height: 20px;font-size: 15px;}

.themebtn span {width: 43px; height: 43px;}

.serviceimg {margin-bottom: 25px;}

.morelink {font-size: 16px;line-height: 20px;}

.aboutSec ,.contact-us{padding-top: 110px;}

.servicebtn {margin-top: 45px;}

.serviceItem {margin-top: 55px;}

.serviceSec ,.custom-404{padding: 111px 0;}
.cmn_padding{padding: 55px 0 110px;}
.abtenmeritem h3 {font-size: 48px; line-height: 53px;}

.abtenmeritem span {font-size: 15px;line-height: 23px;display: block;}

.aboutepnel strong  , .aboutSec.serviceAbteTwo strong{font-size: 20px;line-height: 32px;margin-bottom: 20px;}

.aboutepnel .themebtn {margin-top: 17px;}

.abteprogress span {font-size: 16px;line-height: 22px;}

.abteprogress h4 {font-size: 52px;line-height: 60px;margin: 0 16px 0 0;}

.circle {width: 80px;height: 80px;margin-right: 18px;}

.abteprogress {min-height: 130px;}

.abteimge {max-width: 545px;margin-right: 126px;}

.abtenmeritem h3 i {max-width: 20px;}



.serviceSec .row > div, .contactpnel .row > div, .clientSec .row > div {padding: 0 23px;}

.serviceSec .row, .contactpnel .row, .clientSec .row {margin: 0 -23px;}



.staffingSec {padding: 55px 0 0;}

.ftrlink li a {font-size: 19px;line-height: 25px;}

.ftrinfo li a {font-size: 34px;line-height: 37px;}

.ftrinfo li {margin: 0 0 25px;}

.fotertitle h2 {font-size: 235px; line-height: 188px;}

.fotertitle {margin: 85px 0 0;padding-bottom: 80px;}

.footerSec {padding-top: 70px;}

.contactSec {padding: 77px 0;}

.clientItem {margin-top: 46px;padding: 30px;}

.inputdata label {font-size: 18px;line-height: 24px;}

.inputdata {margin-top: 50px;}

.inputdata input[type="text"], .inputdata input[type="email"], .inputdata input[type="tel"], .inputdata textarea {

height: 55px;}

.inputdatabtn input[type="submit"]{background-size: 44px;}

.ratingnmber h3 {font-size: 55px; line-height: 55px;}

.ratingnmber span {font-size: 15px;}

.ratingnmber i {font-size: 20px;}

.ratinguser span, .ratinguser h4 {font-size: 16px; line-height: 20px;}

.bnerratingbox {max-width: 195px; border-radius: 15px; padding: 25px 20px;}

.bnerratingbox::before {bottom: -15px;border-radius: 15px;}

.prevettedbnr h3 {font-size: 20px;line-height: 25px;margin-bottom: 5px;}

.prevettedbnr i {margin-bottom: 10px;max-width: 55px;}

.prevettedbnr {max-width: 200px;border-radius: 18px;padding: 25px 15px;right: -10%;}

.bnerpnel h1 , .bnerpnel h2{margin-bottom: 27px;}

.bnerpnel .themebtn {margin-top: 17px;}

.bnerimage {margin-right: 65px;max-width: 620px;}

.bnerpnel > .media > .media-object {max-width: 495px;margin-top: 120px;}

.bannerSec {padding-top: 150px;}

.clientItem > span {font-size: 35px;margin-bottom: 27px;}

.clientItem i img{max-width: 95px;}

.clientItem em {font-size: 15px;}

.clientItem h4 {font-size: 19px;line-height: 23px;margin-bottom: 3px;}

.clientItem .media {padding-top: 22px;}

.clientSec{padding: 100px 0;}

.staffingimg {max-width: 550px;}

.staffingitem h3 {font-size: 20px;line-height: 25px;margin-bottom: 8px;}

.staffingitem strong {font-size: 16px;line-height: 20px;margin-bottom: 5px;display: inline-block;}

.staffingitem span {width: 60px;height: 60px;margin-right: 20px;font-size: 25px;}

.staffingitem::before {left: 30px; bottom: -48px; top: 60px;}

.staffingitem {margin: 0 0 40px;}

.staffingpnel .pagehding {max-width: 650px;}

.staffinglist {height: 570px;}
.aboutSec.serviceAbteTwo .row:not(.flex-lg-row-reverse) .pagehding {margin-left: 50px;}


ul.slimmenu li .sub-toggle {width: 19px;height: 19px;background-size: 18px;top: 3px;right: -23px;}

.abte_years{max-width: 170px;}

.abte_yearsnmber h4 {font-size: 48px; line-height: 48px;}

.abte_yearsnmber span {font-size: 11px; line-height: 13px;}

.abte_yearsnmber i {max-width: 20px;}

.solutionSec {padding: 100px 0;}

.sayingItem p {font-size: 30px;line-height: 53px;}

.clientSlder {max-width: 1060px; margin: 35px auto 0;}

.sayingItem .media {padding-top: 22px;}

.sayingItem figure {width: 93px; height: 93px; margin-right: 22px;}

.clientSlder .owl-dots {margin-top: 43px;}

.sayingItem i {font-size: 35px; margin-bottom: 27px;}
.page-template-page-about-us .solutionitem {padding: 40px 40px 0;}
 .solutionitem {border-radius: 50px; /*min-height: 395px; */min-height: 300px; padding: 50px 35px 30px; margin-top: 55px;}

.solutionitem p {min-height: 110px;}

.solutionitem i{max-width: 65px;}
.page-template-page-about-us .solutionitem i{max-width: 105px;}
.aboutSec.serviceAbteTwo .row.flex-lg-row-reverse .abteimge {margin-left: 20px;}

.serviceAbteTwo, .collectionSec {padding: 100px 0;}

.serviceAbteTwo .media {gap: 135px;}
.aboutSec.serviceAbteTwo.serviceStepSec {margin-bottom: 100px;}
.collectionItem {margin-top: 40px; min-height: 400px; /*min-height: 300px; */ border-radius: 50px; padding: 40px 35px;}

.serviceStepItem h3 {font-size: 20px;line-height: 25px;}

.serviceStepItem {margin-top: 60px; max-width: 290px;}

.serviceAbteOne .media {gap: 95px;}

.serviceAbteOne .abteimge {max-width: 545px;}

.aboutepnel li ,.solutionSec li{font-size: 16px;line-height: 25px;padding-left: 25px;}

.contact-us .contact-box i{width: 68px; height: 68px;font-size: 20px;}
.contact-us .contact-box{/*gap:120px;*/gap: 60px;border-radius: 50px;}
.contact-us .contact-box a{font-size: var(--text-md);}

}



@media only screen and (max-width: 1399px) {

.pagehding h2, .bnerpnel h1 , .bnerpnel h2 , .serviceAbteOne .pagehding h1 , .aboutSec.serviceAbteTwo.serviceStepSec h2{font-size: var(--heading-lg);}
.home .bnerpnel h1{font-size: 41px;}
.home .bnerpnel .media-object p br{display: none;}
p{font-size: var(--text-sm);}

ul.slimmenu > li > a {font-size: 15px;line-height: 20px;}

ul.slimmenu > li {margin-right: 60px;}

.abteimge img, .abteprogress, .serviceimg, .clientItem, .staffingimg img {border-radius: 35px;}

.bannerSec, .staffingSec, .footerSec {border-radius: 20px;}

.themebtn {height: 50px;min-width: 180px;padding: 0 4px 0 20px;line-height: 20px;font-size: 14px;}

.themebtn span {width: 39px;height: 39px;font-size: 7px;margin-left: 10px;}

.hdrlgo{max-width: 240px;}
.aboutSec.serviceAbteTwo .row:not(.flex-lg-row-reverse) .pagehding {margin-left: 40px;}


.serviceSec, .clientSec,.custom-404{padding: 90px 0;}
.cmn_padding{padding: 45px 0 90px;}
.aboutSec,.contact-us{padding-top: 90px;}

.contactSec {padding: 67px 0;}

.ftrlink li a {font-size: 17px;line-height: 24px;}

.ftrlink li {margin: 0 0 19px;}

.ftrinfo li a {font-size: 29px;line-height: 33px;}

.ftrinfo li {margin: 0 0 22px;}

.ftrinfo ul {padding: 0 0 30px;}

.footerSec {padding-top: 60px;}

.fotertitle h2 {font-size: 204px;line-height: 157px;}

.fotertitle {margin: 75px 0 0;padding-bottom: 70px;}

.serviceSec .row > div, .contactpnel .row > div, .clientSec .row > div {padding: 0 15px;}

.serviceSec .row, .contactpnel .row, .clientSec .row {margin: 0 -15px;}

.inputdata label {font-size: 17px;line-height: 23px;}

.inputdata {margin-top: 40px;}

.inputdata input[type="text"], .inputdata input[type="email"], .inputdata input[type="tel"], .inputdata textarea {

height: 50px;font-size: 15px;line-height: 23px;}

.inputdatabtn input[type="submit"] {background-size: 40px;}

.clientItem {margin-top: 35px;padding: 25px;}

.clientItem > span {font-size: 32px;margin-bottom: 23px;}

.clientItem i img {max-width: 85px;}

.clientItem i {margin-bottom: 11px;}

.clientItem .media {padding-top: 15px;}

.servicecont h3 {font-size: 20px;line-height: 25px;}

.morelink {font-size: 15px;line-height: 20px;}

.serviceimg {margin-bottom: 22px;}

.servicebtn {margin-top: 40px;}

.serviceItem {margin-top: 47px;}

.headersec {padding: 29px 0;}



.ratingnmber h3 {font-size: 45px;line-height: 45px;}

.ratingnmber span {font-size: 14px;}

.ratingnmber i {font-size: 17px;}

.ratinguser span, .ratinguser h4 {font-size: 15px;line-height: 20px;}

.ratinguser li {width: 45px; height: 45px;}

.ratinguser li:last-child img {max-width: 20px;border: 0;}

.bnerratingbox {max-width: 170px;border-radius: 12px;padding: 20px;}

.bnerratingbox::before {bottom: -12px;border-radius: 12px;}

.ratinguser {margin-top: 12px;}

.prevettedbnr h3 {font-size: 19px;line-height: 23px;margin-bottom: 4px;}

.prevettedbnr i {max-width: 50px;}

.prevettedbnr {max-width: 185px;border-radius: 15px;padding: 15px;}

.bnerimage {margin-right: 50px;max-width: 560px;}

.bnerpnel > .media > .media-object {max-width: 425px;margin-top: 100px;}

.aboutepnel strong  , .aboutSec.serviceAbteTwo strong{font-size: 18px;line-height: 30px;margin-bottom: 18px;}

.abteprogress h4 {font-size: 45px; line-height: 50px; margin: 0 15px 0 0;}

.abteprogress {min-height: 120px;}

.abtenmeritem h3 {font-size: 43px;line-height: 50px;}

.abtenmeritem h3 i {max-width: 18px;}

.abteimge {max-width: 474px;margin-right: 90px;}

.staffingimg {max-width: 499px;}



ul.slimmenu li .sub-toggle {width: 18px;height: 18px;background-size: 17px;top: 4px;right: -21px;}

.staffinglist {height: 520px;}



.abte_years {max-width: 143px;top: 0;}

.abte_yearsnmber h4 {font-size: 40px;line-height: 40px;}

.abte_yearsnmber i {max-width: 16px;}

.abte_yearsnmber span {font-size: 10px;line-height: 12px;}

.solutionSec {padding: 90px 0;}

.sayingItem p {font-size: 25px;line-height: 45px;}

.clientSlder {max-width: 900px;margin: 35px auto 0;}

.sayingItem h4 {font-size: 18px; line-height: 24px;}

.sayingItem span {font-size: 15px; line-height: 20px;}

.sayingItem figure {width: 87px;height: 87px;margin-right: 19px;}

.sayingItem i {font-size: 32px;margin-bottom: 20px;}

.solutionitem {border-radius: 35px;/* min-height: 360px; */min-height: 260px;padding: 35px 30px 30px;margin-top: 44px;}



.serviceAbteTwo, .collectionSec, .serviceStepSec {padding: 90px 0;}
.common_padding{padding-bottom: 90px;}
.aboutSec.serviceAbteTwo.serviceStepSec {margin-bottom: 90px;}
.serviceAbteTwo .media, .serviceAbteOne .media {gap: 85px;}

.collectionItem {margin-top: 30px;min-height: 360px;min-height: 316px;border-radius: 35px;padding: 30px;}

.serviceAbteOne .abteimge {max-width: 470px;}

.aboutepnel li ,.solutionSec li{font-size: 15px;line-height: 25px;padding-left: 22px;}

.aboutepnel ul ,.solutionSec ul{gap: 8px; padding-top: 7px;}

.inrBner {padding-bottom: 80px;}

#breadcrumbs > span > span {font-size: 16px; line-height: 20px;padding-right: 18px;margin-right: 18px;}

.collectionicn {width: 90px; height: 90px;}

.serviceStepItem {margin-top: 55px;max-width: 261px;}

.dotedStep {margin: 13px 0 35px;}
.contact-us .contact-box{gap:40px;border-radius: 35px;}
.contact-us .contact-box i {width: 58px;height: 58px;}
.contact-us .contact-box a{font-size: var(--text-sm);}
.page-template-page-about-us .solutionitem {padding: 40px 40px 0;}



}



@media only screen and (max-width: 1199px) {

.pagehding h2, .bnerpnel h1 , .bnerpnel h2 , .serviceAbteOne .pagehding h1 , .aboutSec.serviceAbteTwo.serviceStepSec h2{font-size: var(--heading-md);}
.home .bnerpnel h1{font-size: var(--heading-sm);}
p{font-size: var(--text-xm);}

.home .bnerpnel br{display: none;}

body {padding: 10px;}

.fotertitle h2 {font-size: 170px;line-height: 137px;}

.ftrlink li a {font-size: 16px; line-height: 22px;}

.ftrinfo li a {font-size: 25px;line-height: 30px;}

.fotertitle {margin: 65px 0 0;padding-bottom: 60px;}

.footerSec {padding-top: 55px;}

.contactSec {padding: 60px 0;}

.inputdata {margin-top: 30px;}

.serviceSec, .clientSec ,.custom-404{padding: 76px 0;}
.cmn_padding{padding: 40px 0 76px;}
.abteimge img, .abteprogress, .serviceimg, .clientItem, .staffingimg img {border-radius: 25px;}

.clientItem > span {font-size: 28px;margin-bottom: 15px;}

.clientItem i img {max-width: 77px;}

.clientItem h4 {font-size: 17px;line-height: 22px;margin-bottom: 2px;}

.clientItem {margin-top: 30px;padding: 20px;}

.clientItem .media {padding-top: 10px;}

.serviceimg {margin-bottom: 18px;}

.serviceItem {margin-top: 35px;}

.staffingimg {max-width: 430px;}

.staffinglist {margin-top: 35px;}

.aboutSec ,.contact-us{padding-top: 70px;}

.aboutepnel strong  , .aboutSec.serviceAbteTwo strong{font-size: 17px;line-height: 28px;margin-bottom: 15px;}

.abteimge {max-width: 420px;margin-right: 50px;}

ul.slimmenu > li {margin-right: 40px;}

.hdrlgo {max-width: 220px;}

.headersec {padding: 24px 0;top: 10px;}

.bnerpnel h1 , .bnerpnel h2{margin-bottom: 20px;}

.bnerpnel .themebtn {margin-top: 14px;}

.bannerSec {padding-top: 115px;}

.bnerimage {margin-right: 25px;max-width: 495px;}

.bnerpnel > .media > .media-object {max-width: 345px;margin-top: 80px;}

.prevettedbnr {max-width: 170px;border-radius: 10px;padding: 10px;right: -7%;}



.staffinglist {height: 475px;}

.staffingpnel .pagehding::before {height: 50px;}

.scroller-content {padding-bottom: 55px;}



.abte_years {max-width: 115px;top: -12px;}

.abte_yearsnmber h4 {font-size: 30px;line-height: 30px;}

.abte_yearsnmber span {font-size: 9px;line-height: 10px;}

.abte_yearsnmber i {max-width: 13px;}

.solutionSec {padding: 76px 0;}

.solutionitem {border-radius: 25px;/*min-height: 328px; */padding: 25px;margin-top: 38px;}

.solutionitem p {min-height: 130px;}

.solutionitem i {max-width: 57px;}

.page-template-page-about-us .solutionitem i {max-width: 85px;}



.inrBner {padding-bottom: 70px;}

#breadcrumbs > span > span {font-size: 15px; line-height: 20px;}

.serviceAbteTwo, .collectionSec, .serviceStepSec {padding: 76px 0;}
.common_padding{padding-bottom: 76px;}
.aboutSec.serviceAbteTwo.serviceStepSec {margin-bottom: 76px;}
.serviceAbteTwo .media, .serviceAbteOne .media {gap: 50px;}

.serviceAbteTwo .pagehding h2, .serviceAbteOne .pagehding h2  , .serviceAbteOne .pagehding h1 , .aboutSec.serviceAbteTwo.serviceStepSec h2{margin-bottom: 23px;}

.collectionItem {margin-top: 25px;/*min-height: 330px;*/border-radius: 25px;padding: 20px;}

.collectiontitle h4 {font-size: 20px; line-height: 25px;}

.collectionicn {width: 83px;height: 83px;padding: 24px;}

.serviceAbteOne .abteimge {max-width: 420px;}

.serviceStepItem {margin-top: 50px;max-width: 216px;}
.contact-us .contact-box{gap:30px;border-radius: 25px;}
.page-template-page-about-us .solutionitem {padding: 30px 30px 0;}



}



@media only screen and (max-width: 991px) {

.home .bnerpnel h1{font-size:33px;}

.collapse-button{right: 0px; background: transparent !important; border-radius: 0px; padding: 0px; width: auto;justify-content: center;

display: flex;flex-direction: column;align-items: flex-end;}

.collapse-button .icon-bar{background: var(--light); height: 3px; border-radius: 5px; width: 27px; margin: 3px 0;

transition: all 0.45s ease-in-out;}

.collapse-button .icon-bar:first-child{margin-top: 0; width: 22px;}

.collapse-button .icon-bar:last-child{margin-bottom: 0; width: 22px;}

ul.slimmenu{background: var(--primary-color); position: fixed; top: 0; flex-wrap: initial; right: -82%; height: 100vh !important; width: 80%; z-index: 999; padding: 100px 20px 20px;

transition: all 0.45s ease-in-out; overflow-x: auto; display: flex !important; flex-direction: column; justify-content: flex-start;}

body.sideMenu{overflow: hidden;}

.menuOvrly{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(var(--lightRGB), 0.92); z-index: 99;

transition: all 0.45s ease-in-out; opacity: 0; visibility: hidden;}

.sideMenu .menuOvrly{opacity: 1; visibility: visible;}

.sideMenu ul.slimmenu{right: 0;}

ul.slimmenu > li{border-bottom: 1px solid rgba(var(--lightRGB), .1); transition: all 0.75s ease-in-out; padding: 5px 0;

padding-left: 65px;}

ul.slimmenu > li > a{padding: 10px 0; color: var(--light); border: 0 !important;}

ul.slimmenu > li:last-child{border: 0;}

ul.slimmenu li .sub-toggle{background: transparent; height: 40px !important; width: 40px; display: flex; top: 5px;

align-items: center; justify-content: center; right: 0;}

.sideMenu ul.slimmenu > li{padding-left: 0px; margin: 0;}

.closeMenu{position: absolute; right: 82%; top: 20px; width: 32px; height: 32px; z-index: 999; opacity: 0; visibility: hidden;

transform: rotate(-25deg); transition: all 0.45s ease-in-out; transition-delay: 0.2s;}

.closeMenu::before, .closeMenu::after {position: absolute;left: 15px;content: ' ';height: 33px;width: 2px;

background-color: var(--primary-color);}

.closeMenu::before {transform: rotate(45deg);}

.closeMenu::after {transform: rotate(-45deg);}

.sideMenu .closeMenu{transform: rotate(0deg); opacity: 1; visibility: visible;}

ul.slimmenu > li > a:hover{padding-left: 8px; opacity: .6;}

ul.slimmenu li .sub-toggle i{display: none;}

ul.slimmenu li .sub-toggle::before{content: none;}

ul.slimmenu li .sub-toggle::after{border-left: solid 6px transparent; border-right: solid 6px transparent;

border-top: solid 6px var(--light); 

height: 0; width: 0; position: absolute; content: "";}

ul.slimmenu.collapsed li > ul{width: 100%; background: var(--light); float: left;}

ul.slimmenu.collapsed li > ul > li{background: transparent;}

ul.slimmenu.collapsed li > ul > li > a{padding: 10px 12px; color: var(--primary-color); text-transform: capitalize;}

ul.slimmenu.collapsed li > ul > li i{display: none;}

ul.slimmenu.collapsed li > ul > li > a:hover{background: var(--primary-color); color: var(--light);}
.aboutSec.serviceAbteTwo strong {    border: 0;padding: 0;}




.pagehding h2, .bnerpnel h1 , .bnerpnel h2 , .serviceAbteOne .pagehding h1 , .aboutSec.serviceAbteTwo.serviceStepSec h2{font-size: var(--heading-sm);}

.serviceSec .row > div, .contactpnel .row > div, .clientSec .row > div {padding: 0 12px;}

.serviceSec .row, .contactpnel .row, .clientSec .row {margin: 0 -12px;}

body {padding: 0;}

.bannerSec, .staffingSec, .footerSec {border-radius: 0px;}

.fotertitle h2 {font-size: 127px;line-height: 110px;}

.fotertitle h2::after {top: 86%;}

.fotertitle {margin: 45px 0 0;padding-bottom: 40px;}

.ftrlink li a {font-size: 15px;line-height: 20px;}

.ftrlink li {margin: 0 0 15px;}

.ftrinfo li a {font-size: 20px;line-height: 25px;}

.ftrinfo li {margin: 0 0 18px;}

.ftrinfo p {font-size: 14px;line-height: 24px;}

.ftrinfo ul {padding: 0 0 25px;}

.footerSec {padding-top: 40px;}

.inputdata input[type="text"], .inputdata input[type="email"], .inputdata input[type="tel"], .inputdata textarea {

height: 45px;font-size: 14px;line-height: 23px;}

.inputdata label {font-size: 16px;line-height: 20px;}

.inputdata {margin-top: 25px;}

.contactSec {padding: 54px 0;}

.serviceSec, .clientSec ,.custom-404{padding: 60px 0;}
.cmn_padding{padding: 25px 0 60px;}
.headersec {padding: 15px 0;top: 0;}

.headersec .container{max-width: 100%;}

.themebtn {height: 45px;min-width: auto;font-size: 13px;}

.themebtn span {width: 35px; height: 35px;}

.hderinr .themebtn{margin-right: 45px; height: 38px; padding: 0 15px;}

.hderinr .themebtn span{display: none;}



.bnerratingbox, .prevettedbnr{display: none;}

.bnerimage {margin-right: 0;max-width: 370px;}

.bnerpnel > .media > .media-object {margin-top: 50px;}

.bannerSec {padding-top: 90px;}

.aboutSec ,.contact-us{padding-top: 60px;}

.aboutepnel > .media{display: inline-block;}

.abteimge {max-width: 345px;margin: 0 25px 13px 0;float: left;}

.aboutepnel .themebtn {margin-top: 12px;}

.abtecunter{margin-top: 25px;}

.abtetitle{padding: 0 0 25px;}

.staffingimg {max-width: 320px;}

.abteimge img, .abteprogress, .serviceimg, .clientItem, .staffingimg img {border-radius: 18px;}

.staffingitem span {width: 55px;height: 55px;margin-right: 15px;font-size: 23px;}

.staffingitem::before {left: 27px;bottom: -30px;top: 53px;}

.staffingitem {margin: 0 0 30px;}

.staffingitem h3 {font-size: 18px;line-height: 23px;margin-bottom: 6px;}

.staffingitem strong {font-size: 14px;}

.staffingitem p{font-size: 14px;}

.staffinglist {margin-top: 27px;height: 350px;}

.staffingSec {padding: 45px 0 0;}

.aboutepnel .pagehding{display: block;}

.inputdatabtn input[type="submit"] {min-width: 135px;background-size: 35px;}

.footercontactSec {border-radius: 0;}



.abte_years{display: none;}

.sayingItem p {font-size: 20px;line-height: 37px;}

.solutionitem {border-radius: 20px;/* min-height: 300px; */min-height: 225px;padding: 20px;margin-top: 25px;}

.solutionitem p {min-height: 110px;}

.solutionSec .row{justify-content: center;}

.solutionSec {padding: 60px 0;}



.serviceAbteTwo, .collectionSec, .serviceStepSec {padding: 60px 0;}
.aboutSec.serviceAbteTwo .abtetitle{padding-bottom: 0;}
.common_padding{padding-bottom: 60px;}
.collectionItem {margin-top: 25px;min-height: 275px;border-radius: 18px;padding: 15px;}

.serviceAbteTwo .abteimge {margin: 0 0 13px 25px;float: right;max-width: 310px;}

.serviceAbteTwo .pagehding h2, .serviceAbteOne .pagehding h2  , .serviceAbteOne .pagehding h1 , .aboutSec.serviceAbteTwo.serviceStepSec h2{margin-bottom: 18px;}

.serviceAbteOne .abteimge {max-width: 336px;margin: 0 25px 13px 0;}

.aboutepnel ul{display: block;}

.aboutepnel li {display: flex;}

.inrBner {padding-bottom: 60px;}

#breadcrumbs > span > span {font-size: 14px;line-height: 20px;}

.serviceStepSec .row{margin: 0 -12px; gap: 0;}

.serviceStepSec .row > div{width: 50%; padding: 0 12px;}
.aboutSec.serviceAbteTwo.serviceStepSec .row > div{width: 100%;}
.aboutSec.serviceAbteTwo.serviceStepSec {border-radius: 0;margin-bottom: 50px;}

.serviceStepSec{border-radius: 25px;}

.serviceStepItem {margin-top: 35px;max-width: 100%;overflow: hidden;}
.contactUsOne .serviceAbteTwo .media{display: flex;flex-direction: column-reverse;}
.contactUsOne .media .abteimge{max-width: 100%;margin: 0;}

.aboutSec.serviceAbteTwo .row:not(.flex-lg-row-reverse) .pagehding {margin-left: 0;}
.aboutSec.serviceAbteTwo .row:not(.flex-lg-row-reverse) .abteimge{margin: 0px 20px 0px 0;}
.page-template-page-about-us .serviceAbteTwo{padding-top: 0;}
.page-template-page-about-us .aboutSec.serviceAbteTwo.serviceStepSec {padding-top:60px;}
.page-template-page-about-us .solutionSec .row {gap: 30px;}
}





@media only screen and (max-width: 767px){



.animated {

-webkit-animation-duration: initial;

animation-duration: initial;

-webkit-animation-fill-mode: initial;

animation-fill-mode: initial;}



.pagehding h2, .bnerpnel h1,.home .bnerpnel h1 , .bnerpnel h2 , .serviceAbteOne .pagehding h1 , .aboutSec.serviceAbteTwo.serviceStepSec h2{font-size: var(--heading-xs);}

.fotertitle h2 {font-size: 95px;line-height: 82px;}

.foterpnel {align-items: center;text-align: center;flex-direction: column;}

.ftrlink li, .ftrinfo li{margin: 0;}

.ftrlink ul, .ftrinfo ul{display: flex; flex-wrap: wrap; gap: 14px; justify-content: center;}

.ftrlink{margin-top: 27px;}

.ftrinfo p br{display: none;}

.ftrinfo ul {padding: 0 0 15px;}

.contactSec, .serviceSec, .clientSec ,.custom-404{padding: 45px 0;}
.cmn_padding{padding: 15px 0 45px;}
.abteimge img, .abteprogress, .serviceimg, .clientItem, .staffingimg img {border-radius: 13px;}

.clientItem {margin-top: 25px;padding: 15px;}

.clientItem > span {font-size: 25px;margin-bottom: 8px;}

.staffingpnel > .media{flex-direction: column;}

.staffingimg {max-width: 100%;margin: 0 0 25px;}

.staffinglist {margin-top: 25px;height: 375px;}

.staffingpnel .pagehding h2 br{display: none;}

.pagehding h2  , .serviceAbteOne .pagehding h1 , .aboutSec.serviceAbteTwo.serviceStepSec h2{letter-spacing: 0;}
.aboutSec.serviceAbteTwo.serviceStepSec {margin-bottom: 40px;}

.servicebtn {margin-top: 30px;}

.aboutepnel > .media {display: flex;flex-direction: column-reverse;}

.abteimge {max-width: 100%;margin: 25px 0 0;float: none;}

.abtecunter {margin-top: 0;}

.abtetitle br{display: none;}

.headersec {padding: 12px 0;}

.hdrlgo {max-width: 196px;}

.bnerimage {max-width: 300px;}

.bnerpnel > .media > .media-object {margin-top: 0;}

.bnerpnel h1 , .bnerpnel h2{margin-bottom: 14px;}

.bnerpnel .themebtn {margin-top: 9px;}

.bnerimage {max-width: 277px;}

.bnerpnel p{font-size: 13px;}

.aboutSec ,.contact-us{padding-top: 45px;}

.staffingSec{padding: 40px 0;}

.staffingpnel .pagehding::before{content: none;}

.scroller-content {padding-bottom: 0;}



.solutionSec {padding: 45px 0;}
.page-template-page-about-us .solutionSec {padding-top: 45px;padding-bottom: 0;}
.solutionitem {border-radius: 15px;min-height: 285px;padding: 15px;}

.solutionitem p {min-height: 155px;}

.sayingItem p {font-size: 18px;line-height: 31px;}

.sayingItem i {font-size: 27px;margin-bottom: 16px;}

.clientSlder .owl-dots {margin-top: 32px;}
.collectionicn {width: 50px;height: 50px;padding: 12px;}


.serviceAbteOne .abteimge{max-width: 100%; margin: 0;}

.serviceAbteTwo .media, .serviceAbteOne .media {gap: 27px;}

.serviceAbteOne .abtetitle{padding: 0;}
.page-id-28 .serviceAbteOne .abtetitle{margin-bottom: 20px;}
.page-id-28 .aboutSec.serviceAbteTwo .abtetitle {padding-bottom: 10px;}
.serviceAbteTwo, .collectionSec, .serviceStepSec {padding: 50px 0;}
.common_padding{padding-bottom: 50px;}
.common_padding:last-child {padding-bottom: 50px;}
.serviceAbteTwo .abteimge {margin: 0;float: right;max-width: 100%;}

.serviceAbteTwo .media{flex-direction: column;}
.page-template-page-about-us .serviceAbteTwo .media{flex-direction: column-reverse;}
.serviceAbteTwo .abtetitle{padding: 0;}

.collectionItem, .serviceStepSec {border-radius: 15px;}

.post-type-archive-services .cmn_padding {padding-top: 25px;}
.aboutSec.serviceAbteTwo .row:not(.flex-lg-row-reverse) {flex-direction: column-reverse;}
.aboutSec.serviceAbteTwo .row:not(.flex-lg-row-reverse) .abteimge {margin: 30px 0px 0px 0;}
.aboutSec.serviceAbteTwo .row.flex-lg-row-reverse .abtetitle {margin-bottom: 30px;}
.page-template-page-about-us .serviceAbteTwo {padding-top: 50px;padding-bottom: 0;}
.page-template-page-about-us .solutionitem {padding: 20px 20px 0;}
.page-template-page-about-us .collectionSec {padding-top: 50px;}
.page-template-page-about-us .aboutSec.serviceAbteTwo.serviceStepSec {padding-bottom: 50px;}

}





@media only screen and (max-width: 575px){



.serviceItem {margin-top: 25px;}

.inputdata {margin-top: 20px;}

.inputdatabtn {margin-top: 25px;}

.fotertitle h2 {font-size: 82px;line-height: 74px;}

.bnerimage{display: none;}

.bannerSec {padding: 95px 0 30px;}

.bnerpnel > .media > .media-object{max-width: 100%;}



.solutionitem p {min-height: auto;}

.solutionitem {min-height: auto; text-align: center; align-items: center;}
.solutionSec ul {text-align: left;}


.collectiontitle h4 {font-size: 18px;line-height: 24px;}

#breadcrumbs > span {justify-content: center; text-align: center;}
.aboutSec.serviceAbteTwo {padding-bottom: 0;}
.aboutSec.serviceAbteTwo.serviceStepSec {padding: 40px 0;}
.page-template-page-about-us .aboutSec.serviceAbteTwo.serviceStepSec {padding-top: 40px;}
.page-template-page-about-us .solutionSec ul {display: block;}



}



@media only screen and (max-width: 480px){ 



.abtenmeritem span {font-size: 14px;line-height: 20px;}

.abtecunter .row > div{width: 50%;}

.abtenmeritem{margin-top: 25px; text-align: center;}

.abtetitle {padding: 0;}

.abtenmeritem br{display: none;}

.aboutepnel strong  , .aboutSec.serviceAbteTwo strong{font-size: 16px;line-height: 27px;margin-bottom: 14px;}

.hderinr .themebtn span{display: none;}

.hderinr .themebtn {margin-right: 40px;height: auto;padding: 8px 12px;font-size: 12px;line-height: 16px;border-radius: 8px;}

.hdrlgo {max-width: 140px;}

.abteprogress .media-object {align-items: flex-start;flex-direction: column;}

.abteprogress h4 {font-size: 35px;line-height: 35px;margin: 0 0 5px;}

.fotertitle h2 {font-size: 54px;line-height: 51px;}

.fotertitle {margin: 30px 0 0;padding-bottom: 25px;}

.abtecunter .row{justify-content: center;}

.abtenmeritem h3 {justify-content: center;}



.collectionSec .row > div{width: 100%;}

.collectionItem {min-height: auto;}

.collectiontitle{padding-top: 14px;}

.serviceStepSec .row > div{width: 100%;}





}



@media only screen and (max-width: 380px){ 



.hderinr .themebtn {width: 95px;padding: 5px 11px;}





}