@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Kalam:wght@700&display=swap');
/* font-family: "Kalam", cursive; */
*::before,
*::after {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  outline: none;
}

:root {
  --main-color: #CF274D;
  --second-color: #1D5170;
}

html, body {
font-family: "Inter", sans-serif;
font-weight: 400;
font-size:18px;
color:var(--second-color);
line-height:1.5;
padding:0;
margin:0;
}

a {
  color:#004E5A;
  text-decoration:none;
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  display: inline-block;
}


.pd-5{padding: 0 5px}
.md-5{margin: 0 -5px}

.pd-10{padding: 0 10px}
.md-10{margin: 0 -10px}
.container{max-width: 1327px;}

.main-wapper{padding: 131px 0 0 0;}

header{position: fixed; width: 100%; top: 0px; z-index: 999; transition: all .5s ease; background: #fff; -webkit-box-shadow: 0px 4px 18px 0px rgba(38,38,38,0.15); -moz-box-shadow: 0px 4px 18px 0px rgba(38,38,38,0.15); box-shadow: 0px 4px 18px 0px rgba(38,38,38,0.15);}
header .header-main{margin: 0px;}
header .header-main .toparea{display: flex; justify-content: space-between; border-bottom: #E9E9E9 1px solid; align-items: center; padding: 0 25px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; min-height: 41px;}
header .header-main .toparea .note{font-size: 14px; line-height: 18px; color: #747474; font-weight: 400; position: absolute; z-index: 9999; background: #fff; padding-right: 10px;}
header .header-main .toparea .note strong{color: #000;}
header .header-main .toparea .top-right{display: flex; align-items: center; padding: 4px 25px; position: absolute; right: 0px; background: #fff; z-index: 9999;}
header .header-main .toparea .top-right .info{font-size: 14px; line-height: 24px; color: #747474; font-weight: 400; margin-left: 40px; display: flex; align-items: center;}
header .header-main .toparea .top-right .info svg{margin-right: 12px;}
header .header-main .toparea .top-right .info a{color: #747474;}
header .header-main .toparea .top-right .info strong{color: #000; font-weight: 600;}
header .header-main .toparea .top-right .info:first-child{margin-left: 0px;}
header .header-main .toparea .top-right ul.social{margin: 0px; padding: 0px 0px 0px 15px; list-style: none; display: flex;}
header .header-main .toparea .top-right ul.social li{margin-left: 0px;}
header .header-main .toparea .top-right ul.social li a{width: 32px; height: 32px; text-align: center; line-height: 32px; font-size: 20px; color: var(--main-color);}
header .header-main .toparea .top-right ul.social li a img{width: 100%}
header .header-main .header-bottom-part{display: flex; justify-content: space-between; padding: 0 25px 0 0;}
header .header-main .header-bottom-part .logo-area{padding: 15px 65px 15px 25px; background: url('../images/logo-bg.svg') right center no-repeat; background-size: cover; display: flex; align-items: center;}
header .header-main .header-bottom-part .logo{width: 281px; transition: all .5s ease;}
header .header-main .header-bottom-part .logo img{width: 100%;}
header .header-main .header-bottom-part .rightside{display: flex; align-items: center;}
/* header .header-main .header-bottom-part .rightside .btn-orange{background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); padding: 15px 25px; font-size: 14px; line-height: 18px; font-weight: 500; text-transform: uppercase; color: #fff; border-radius: 6px; margin-left: 15px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header .header-main .header-bottom-part .rightside .btn-orange:hover{ background: rgb(162,70,112); background: linear-gradient(0deg, rgba(162,70,112,1) 0%, rgba(211,35,73,1) 50%, rgba(229,87,47,1) 100%); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;} */

header .header-main .header-bottom-part .rightside .btn-read{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--main-color); background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); border-radius: 6px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; margin-left: 10px;}
header .header-main .header-bottom-part .rightside .btn-read .text{position: relative; z-index: 2; padding: 15px 20px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; }
header .header-main .header-bottom-part .rightside .btn-read:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
header .header-main .header-bottom-part .rightside .btn-read:hover span{width: 350px; height: 350px;}
header .header-main .header-bottom-part .rightside .btn-read span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}


header .header-main .header-bottom-part .rightside .app-download{border: var(--main-color) 1px solid; border-radius: 6px; margin-left: 15px; display: flex;}
header .header-main .header-bottom-part .rightside .app-download a{display: flex; width: 46px; height: 46px;justify-content: center; align-items: center; font-size: 26px; color: var(--main-color);}
header .header-main .header-bottom-part .rightside .app-download a:hover{background:var(--main-color) ; color: #fff;}
header .header-main .header-bottom-part .rightside .app-download a:first-child{border-right: var(--main-color) 1px solid;}
header .header-main .header-bottom-part .rightside .app-download a:hover img{filter: brightness(0) invert(1);}
header .header-main .header-bottom-part .rightside ul.main-menu{display: flex; justify-content: space-between; margin: 0px; padding: 0px; list-style: none;}
header .header-main .header-bottom-part .rightside ul.main-menu li{margin-left: 12px; transition: all .5s ease;}
header .header-main .header-bottom-part .rightside ul.main-menu li a{color: #000; font-size: 15px; padding: 33px 10px; font-weight: 400; text-transform: uppercase; position: relative;  transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header .header-main .header-bottom-part .rightside ul.main-menu li a::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 8px; border-radius: 10px 10px 0 0; background: #fff;  transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header .header-main .header-bottom-part .rightside ul.main-menu li:hover a,
header .header-main .header-bottom-part .rightside ul.main-menu li.current-menu-item a{color: var(--main-color); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header .header-main .header-bottom-part .rightside ul.main-menu li:hover a::before,
header .header-main .header-bottom-part .rightside ul.main-menu li.current-menu-item a::before{background: var(--main-color); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header .header-main .header-bottom-part .rightside .mobile-btn-area{display:none;}

header.fixed{transition: all .5s ease; position: fixed; top: -41px;}
header.fixed .header-main .header-bottom-part .rightside ul.main-menu li{margin-left: 15px; transition: all .5s ease;}
header.fixed .header-main .header-bottom-part .rightside ul.main-menu li a{padding: 22px 10px;transition: all .5s ease; font-size: 14px;}
header.fixed .header-main .header-bottom-part .logo{width: 170px; transition: all .5s ease;}
.mobile-menu{display: none;}
.btn-menu {width: 22px; height: 22px; border: none; background: transparent; position: relative; padding: 0px; transition: all .5s ease;  margin-left: 15px; display: none}
.btn-menu span{width: 100%; height: 2px; background: var(--main-color); display: block;  transition: all .5s ease;}
.btn-menu span:nth-of-type(3n+1){position: absolute; top: 0px; left: 0px; transition: all .5s ease;}
.btn-menu span:nth-of-type(3n+2){position: absolute; top: 10px; width:70%; left: 0px; transition: all .5s ease;}
.btn-menu span:nth-of-type(3n+3){position: absolute; bottom: 0px; left:0px; transition: all .5s ease;}
.btn-menu.active span:nth-of-type(3n+1){  transform: rotate(-45deg); left: 0px; top:10px; transition: all .5s ease;}
.btn-menu.active span:nth-of-type(3n+2){display: none;}
.btn-menu.active span:nth-of-type(3n+3){ transform: rotate(45deg);left: 0px; transition: all .5s ease; bottom: 10px;}

header .header-main .toparea .top-right .gt_selector.notranslate {
  background: #fff;
  border: none;
  font-size: 14px;
  width: 120px;
  border-left: 1px solid #dfdfdf;
  padding-left: 15px;
  margin-left: 10px;
  color: #cf274d;
  line-height: 20px;
}
header .header-main .toparea .top-right .gt_selector.notranslate:focus-visible{
	outline:none;
}

.top-hero-banner{background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); border-radius: 0 0 420px 0; position: relative; overflow: hidden; height: 99vh; margin-top: -131px;}
/* .top-hero-banner{background: linear-gradient(317deg, #a24670, #d32349, #e5572f, #1d5170); background-size: 800% 800%; -webkit-animation: AnimationName 8s ease infinite; -moz-animation: AnimationName 8s ease infinite; animation: AnimationName 8s ease infinite; border-radius: 0 0 420px 0; position: relative; overflow: hidden;} */
.top-hero-banner .pattern{position: absolute; top: 200px; right: -100px; animation: 5s linear 0s normal none infinite running spin;}
.top-hero-banner .container{position: relative; height: 100%; align-items: center; display: flex;}
.top-hero-banner .container .photo1{position: absolute; bottom: 0px; left: 0px; height: 84vh;}
.top-hero-banner .container .photo1 img{height: 100%;}
.top-hero-banner .content{padding: 131px 0 0 0; width: 54%; margin-left: 46%;}
.top-hero-banner .content .tag{color: #fff; font-size: 30px; font-weight: 300; line-height: 36px; margin: 0 0 20px 0; letter-spacing: 4px;}
.top-hero-banner .content h1{color: #fff; font-size: 50px; font-weight: 700; line-height: 62px; margin: 0 0 20px 0;}
.top-hero-banner .content p{font-size: 28px; line-height: 38px; font-weight: 300; color: #fff; margin: 0 0 30px 0;}
.top-hero-banner .content .btn-area{display: flex;}
.top-hero-banner .content .btn-area .btn-white-border{background: transparent; border: #fff 1px solid; border-radius: 10px; padding: 12px 40px; text-align: center; color: #fff; font-size: 18px; line-height: 18px;}
.top-hero-banner .content .btn-area .btn-white-border strong{display: block; font-family: "Kalam", cursive; font-weight: 700; color: #fff; font-size: 16px; margin-bottom: 4px;}
@keyframes spin {
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(360deg);
  }
}
@-webkit-keyframes AnimationName {
  0%{background-position:50% 0%}
  50%{background-position:51% 100%}
  100%{background-position:50% 0%}
}
@-moz-keyframes AnimationName {
  0%{background-position:50% 0%}
  50%{background-position:51% 100%}
  100%{background-position:50% 0%}
}
@keyframes AnimationName {
  0%{background-position:50% 0%}
  50%{background-position:51% 100%}
  100%{background-position:50% 0%}
}
.top-hero-banner .content .btn-area .btn-white{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid #fff; background: #fff; border-radius: 10px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; margin-right: 20px;}
.top-hero-banner .content .btn-area .btn-white .text{position: relative; z-index: 2; padding: 12px 40px; text-align: center; color: var(--main-color); font-size: 18px; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s;}
.top-hero-banner .content .btn-area .btn-white .text strong{display: block; font-family: "Kalam", cursive; font-weight: 700; color: #000000; font-size: 16px; margin-bottom: 4px; -webkit-transition: all 0.7s; transition: all 0.7s;}
.top-hero-banner .content .btn-area .btn-white:hover .text{color: #fff;  -webkit-transition: all 0.7s; transition: all 0.7s;}
.top-hero-banner .content .btn-area .btn-white:hover .text strong{color: #fff; -webkit-transition: all 0.7s; transition: all 0.7s;}
.top-hero-banner .content .btn-area .btn-white:hover span{width: 350px; height: 350px;}
.top-hero-banner .content .btn-area .btn-white span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.top-hero-banner .content .btn-area .btn-white-border{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid #fff; background: transparent; border-radius: 10px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; padding: 0px;}
.top-hero-banner .content .btn-area .btn-white-border .text{position: relative; z-index: 2; padding: 12px 40px; text-align: center; color: #fff; font-size: 18px; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s;}
.top-hero-banner .content .btn-area .btn-white-border .text strong{display: block; font-family: "Kalam", cursive; font-weight: 700; color: #fff; font-size: 16px; margin-bottom: 4px; -webkit-transition: all 0.7s; transition: all 0.7s;}
.top-hero-banner .content .btn-area .btn-white-border:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.top-hero-banner .content .btn-area .btn-white-border:hover .text strong{color: #000; -webkit-transition: all 0.7s; transition: all 0.7s;}
.top-hero-banner .content .btn-area .btn-white-border:hover span{width: 350px; height: 350px;}
.top-hero-banner .content .btn-area .btn-white-border span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background: #fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}





.about-area{padding: 100px 0; position: relative; overflow: hidden;}
.about-area::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%;  height: 100%; opacity: 0.05; animation: logo-zoom-in 5s ease infinite;}
.about-area::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/bottom-pattern.png) bottom center repeat-x; height: 100%;}
/* .about-area::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/top-pattern.png) top center repeat-x; height: 100%;} */
.about-area .container{position: relative; z-index: 1;}
.about-area .d-flex{display: flex; align-items: center; flex-direction: row-reverse;}
.about-area .content-area{width: 100%; padding-left: 0px;}
.about-area h2 {font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 28px 0; padding-bottom: 28px; position: relative;}
.about-area h2::before{content: ''; position: absolute; bottom: 0px; left: 8px; width: 220px; height: 2px;background: var(--second-color);z-index: 1}
.about-area h2::after{content: ''; position: absolute; bottom: -6px; left: 0px; width: 16px; height: 16px; background: var(--main-color)}
.about-area h2 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.about-area p{font-size: 16px; line-height: 24px; color: var(--second-color); margin: 0 0 20px 0; font-weight: 400; text-align: justify;}
.about-area .name-owner{display: flex;}
.about-area .owner-name{font-size: 20px; line-height: 26px; font-weight: 700; color: var(--second-color); margin: 0 0 26px 0; position: relative; padding-left: 62px; margin-right: 30px;}
.about-area .owner-name span{display: block; font-size: 16px; font-weight: 400;}
.about-area .owner-name .owner-photo{width: 52px; height: 52px; border-radius: 50%; position: absolute; top: 0px; left: 0px; overflow: hidden;}
.about-area .owner-name .owner-photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.about-area .btn-read{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--main-color); background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); border-radius: 10px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; }
.about-area .btn-read .text{position: relative; z-index: 2; padding: 12px 25px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; letter-spacing: 2px;}
.about-area .btn-read .text svg{margin-left: 10px;}
.about-area .btn-read .text svg path{stroke: #fff;  -webkit-transition: all 0.7s; transition: all 0.7s;}
.about-area .btn-read:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.about-area .btn-read:hover .text svg path{stroke: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.about-area .btn-read:hover span{width: 350px; height: 350px;}
.about-area .btn-read span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.about-area .logo-block{position: absolute; width: 730px; transform: rotate(-90deg); left: -265px;}
.about-area .logo-block img{width: 100%;}
.about-area .photo-area{width: 48%; min-height: 800px; position: relative; display: none;}
.about-area .photo-area img{width: 100%;}
.about-area .photo-area .dots{position: absolute; top: 0px; left: 40px;}
.about-area .photo-area .photo1{width: 92%; height: 740px; position: absolute; overflow: hidden; top: 0px; right: 0px; border: var(--main-color) 4px solid; border-radius: 300px 0 300px 300px; z-index: 1;}
.about-area .photo-area .photo1 img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.about-area .photo-area .photo2{width: 32%; height: 280px; position: absolute; overflow: hidden; bottom: 0px; left: 0px; border: var(--second-color) 4px solid; border-radius: 130px; z-index: 2;}
.about-area .photo-area .photo2 img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}

.about-area .photo-area .dots svg circle {
  fill: #CBCBCB;
  animation: filter-animation 6s infinite;
}
@keyframes filter-animation {
  0% {fill: #CBCBCB; }
  33% { fill: var(--main-color); }
  66% { fill: var(--second-color); }
  100% { fill: #CBCBCB;  }
}

.why-choose-area{background: #F1F9FE; padding: 50px 0; position: relative; overflow: hidden;}
.why-choose-area .logo-icon{width: 376px; position: absolute; top: 50%; left: 50%; margin: -188px 0 0 -188px; opacity: 0.1;}
.why-choose-area .logo-icon img{width: 100%;}
.why-choose-area h2 {font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 28px 0; padding-bottom: 28px; position: relative;}
.why-choose-area h2::before{content: ''; position: absolute; bottom: 0px; left: 8px; width: 220px; height: 2px;background: var(--second-color);z-index: 1}
.why-choose-area h2::after{content: ''; position: absolute; bottom: -6px; left: 0px; width: 16px; height: 16px; background: var(--main-color)}
.why-choose-area h2 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.why-choose-area p{font-size: 16px; line-height: 24px; color: var(--second-color); margin: 0 0 20px 0; font-weight: 400; text-align: justify;}
.why-choose-area .nav{margin: 0 0 15px 0; background: #fff; display: inline-flex; position: relative; z-index: 1; padding: 6px; -webkit-box-shadow: 0px 10px 25px 0px rgba(231,243,251,1); -moz-box-shadow: 0px 10px 25px 0px rgba(231,243,251,1); box-shadow: 0px 10px 25px 0px rgba(231,243,251,1); border-radius: 30px;}
.why-choose-area .nav li .nav-link{background:transparent; border: none; color: var(--second-color); font-size: 16px; font-weight: 700; padding: 12px 24px; border-radius: 30px;}
.why-choose-area .nav li .nav-link.active{background: var(--second-color); color: #fff;}
.why-choose-area ol{margin: 0px; padding: 0px 0px 0px 20px;}
.why-choose-area ol li{font-size: 16px; line-height: 24px; color: var(--second-color); margin: 0 0 10px 0; font-weight: 400;}
.why-choose-area ol li strong{color: var(--main-color); display: block;}

.redefining-hiring-area{padding: 100px 0; position: relative; overflow: hidden;}
.redefining-hiring-area::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/bottom-pattern.png) bottom center repeat-x; height: 100%;}
.redefining-hiring-area::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/top-pattern.png) top center repeat-x; height: 100%;}
.redefining-hiring-area .container{position: relative; z-index: 1;}
.redefining-hiring-area h2 {font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 28px 0; padding-bottom: 28px; position: relative; text-align: center;}
.redefining-hiring-area h2::before{content: ''; position: absolute; bottom: 0px; left: 50%; width: 220px; height: 2px;background: var(--second-color);z-index: 1; margin-left: -110px;}
.redefining-hiring-area h2::after{content: ''; position: absolute; bottom: -6px; left: 50%; width: 16px; height: 16px; background: var(--main-color); margin-left: -8px;}
.redefining-hiring-area h2 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.redefining-hiring-area .d-flex{align-items: center; flex-direction: row;}
.redefining-hiring-area .center-area{width: 28%; order: 2; padding: 0 30px; position: relative;}
.redefining-hiring-area .center-area::before{content: ''; top: 50%; left:0px; width: 30px; height: 1px; border-top: #C7DAE7 1px solid; position: absolute;}
.redefining-hiring-area .center-area::after{content: ''; top: 50%; right:0px; width: 30px; height: 1px; border-top: #C7DAE7 1px solid; position: absolute;}
.redefining-hiring-area .center-area .light-blue{background: #F1F9FE; width: 100%; height: 300px; border-radius: 50%; padding: 15px; animation: background1 10s ease infinite; position: relative; z-index: 2;}
.redefining-hiring-area .center-area .light-blue .logo{width: 100%; height: 100%; animation: logo-zoom-in 5s ease infinite; overflow: hidden; border-radius: 50%; padding: 20px; background: #fff; -webkit-box-shadow: 0px 0px 24px 0px rgba(149,180,199,0.36); -moz-box-shadow: 0px 0px 24px 0px rgba(149,180,199,0.36); box-shadow: 0px 0px 24px 0px rgba(149,180,199,0.36);}
.redefining-hiring-area .center-area .light-blue .logo img{width: 100%}
.redefining-hiring-area ul.leftside{margin: 0px; padding: 0px; list-style: none; width: 36%; order: 1;}
.redefining-hiring-area ul.leftside li{position: relative; padding: 10px 30px 10px 0px;}
.redefining-hiring-area ul.leftside li::before{content: ''; position: absolute; top: 50%; border-top: #C7DAE7 1px solid; width: 30px; right: 0px;}
.redefining-hiring-area ul.leftside li::after{content: ''; position: absolute; top: 50%; border-left: #C7DAE7 1px solid; width: 1px; right: 0px; height: 100%;}
.redefining-hiring-area ul.leftside li:last-child::after{content: none;}
.redefining-hiring-area ul.rightside{margin: 0px; padding: 0px; list-style: none; width: 36%; order: 3;}
.redefining-hiring-area ul.rightside li{position: relative; padding: 10px 0px 10px 30px;}
.redefining-hiring-area ul.rightside li::before{content: ''; position: absolute; top: 50%; border-top: #C7DAE7 1px solid; width: 30px; left: 0px;}
.redefining-hiring-area ul.rightside li::after{content: ''; position: absolute; top: 50%; border-right: #C7DAE7 1px solid; width: 1px; left: 0px; height: 100%;}
.redefining-hiring-area ul.rightside li:last-child::after{content: none;}
.redefining-hiring-area ul.rightside li .step-block{border-radius: 50px 20px 20px 50px; padding: 15px 20px 15px 60px; margin-right: 0px; margin-left: 40px;}
.redefining-hiring-area ul.rightside li .step-block .icon{left: -40px; right: auto;}
.redefining-hiring-area .step-block{border-radius: 20px 50px 50px 20px; border: #CFE0EA 1px solid; padding: 15px 60px 15px 20px; position: relative; margin-right: 40px; background: #fff; min-height: 98px; display: flex; align-items: center;}
.redefining-hiring-area .step-block .icon{width: 80px; height: 80px; border-radius: 50%; background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); position: absolute; top: 50%; right: -40px; margin-top: -40px; display: flex; align-items: center; justify-content: center;}
.redefining-hiring-area .step-block h3{font-size: 16px; line-height: 22px; font-weight: 600; color: var(--second-color); margin: 0;}
.redefining-hiring-area .step-block p{font-size: 13px; line-height: 20px; font-weight: 400; color:#578AA9; margin:0;}

@keyframes background1 {
  0% {
    background-color: #ec8e24;
    transform: scale(1.05, 1.05);
  }
  10% {
    background-color: #ef7222;
    transform: scale(1, 1);
  }
  20% {
    background-color: #c72652;
    transform: scale(1.05, 1.05);
  }
  30% {
    background-color: #6d7399;
    transform: scale(1, 1);
  }
  40% {
    background-color: #36a2c4;
    transform: scale(1.05, 1.05);
  }
  70% {
    background-color: #6d7399;
    transform: scale(1, 1);
  }
  80% {
    background-color: #c72652;
    transform: scale(1.05, 1.05);
  }
  90% {
    background-color: #ef7222;
    transform: scale(1, 1);
  }
  100% {
    background-color: #ec8e24;
    transform: scale(1.05, 1.05);
  }
}

@keyframes logo-zoom-in {
  0% {
    transform: scale(1.1, 1.1);

  }
  50% {
    transform: scale(0.8, 0.8);
  }
  100% {
    transform: scale(1.1, 1.1);

  }
}

.our-process-area{padding: 50px 0; background: #F1F9FE; overflow: hidden;}
.our-process-area h2 {font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 40px 0; padding-bottom: 28px; position: relative;}
.our-process-area h2::before{content: ''; position: absolute; bottom: 0px; left: 8px; width: 220px; height: 2px;background: var(--second-color);z-index: 1}
.our-process-area h2::after{content: ''; position: absolute; bottom: -6px; left: 0px; width: 16px; height: 16px; background: var(--main-color)}
.our-process-area h2 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.our-process-area .inner-flex{display: flex; align-items: center;}
.our-process-area .inner-flex .step-area{width: 65%;}
.our-process-area .inner-flex .step-area ul.step-list{margin: 0px; padding: 0px; list-style: none;}
.our-process-area .inner-flex .step-area ul.step-list li{padding: 30px 30px 0 30px; position: relative;}
.our-process-area .inner-flex .step-area ul.step-list li::before{content: ''; border-left: #949494 1px dashed; height: 100%; width: 1px; position: absolute; top: 0px; left: 30px;}
.our-process-area .inner-flex .step-area ul.step-list li .number{width: 60px; height: 60px; border-radius: 50%; background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); text-align: center; display: flex; align-items: center; justify-content: center; font-size: 30px; font-weight: 700; color: #fff; position: absolute; left: 0px; top: 50%; margin-top: -30px;}
.our-process-area .inner-flex .step-area ul.step-list li .content{padding-left: 60px;  display: flex; flex-direction: column; justify-content: center; padding-bottom: 30px;}
.our-process-area .inner-flex .step-area ul.step-list li .content h3{font-size: 22px; line-height: 30px; font-weight: 600; color: var(--second-color); margin: 0;}
.our-process-area .inner-flex .step-area ul.step-list li .content p{font-size: 16px; line-height: 24px; font-weight: 400; color: #8F8F8F; margin: 0; display: none;}
.our-process-area .inner-flex .step-area ul.step-list li .line{border-bottom: #949494 1px dashed; width: 100%; height: 1px;}
.our-process-area .inner-flex .step-area ul.step-list li:nth-of-type(2n+2)::before{right: 30px; left: auto; border-left: none; border-right: #949494 1px dashed;}
.our-process-area .inner-flex .step-area ul.step-list li:nth-of-type(2n+2) .number{right: 0px; left: auto;}
.our-process-area .inner-flex .step-area ul.step-list li:nth-of-type(2n+2) .content{padding-right:60px; padding-left: 0px; text-align: right;}

/* .our-process-area .inner-flex .step-area ul.step-list li:first-child{padding: 0px 60px;}
.our-process-area .inner-flex .step-area ul.step-list li:first-child .number{top: 0px;} */
.our-process-area .inner-flex .step-area ul.step-list li:first-child::before{height: 50px; bottom: 0px; top: auto;}
.our-process-area .inner-flex .step-area ul.step-list li:last-child::before{height: 50px;}
.our-process-area .inner-flex .step-area ul.step-list li:last-child .line{display: none}
.our-process-area .inner-flex .mobile-area{width: 35%;}
.our-process-area .inner-flex .mobile-area .phone-center{width: 290px; height: 600px; margin: 0 auto; position: relative; padding: 7px 0px 6px 0px;}
.our-process-area .inner-flex .mobile-area .phone-center video{width: 100%; border-radius: 66px; height: 100%;}
.our-process-area .inner-flex .mobile-area .phone-center img{width: 100%; position: absolute; top: 0px; left: 0px;}


.download-app-area{padding: 100px 0; position: relative; overflow: hidden;}
.download-app-area::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/bottom-pattern.png) bottom center repeat-x; height: 100%;}
.download-app-area::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/top-pattern.png) top center repeat-x; height: 100%;}
.download-app-area .container{position: relative; z-index: 1;}
.download-app-area .d-flex{display: flex; align-items: center;}
.download-app-area .app-photo{width: 47.4%; height: 600px; position: relative; display: flex; align-items: center; justify-content: center;}
.download-app-area .app-photo .circle{width: 586px; height: 586px; border-radius: 50%;  animation: zoom-in-zoom-out 8s ease infinite; background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); -webkit-transition: all 0.7s; transition: all 0.7s;}
.download-app-area .app-photo .phone1{width: 400px; position: absolute; bottom: 0px; left: 0px; z-index: 1;}
.download-app-area .app-photo .phone2{width: 360px; position: absolute; bottom: 0px; right: 0px;}
.download-app-area .app-photo img{width: 100%;}
.download-app-area .content-area{width: 52.6%; padding: 0 86px 0 68px;}
.download-app-area .content-area h2 {font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 28px 0; padding-bottom: 28px; position: relative;}
.download-app-area .content-area h2::before{content: ''; position: absolute; bottom: 0px; left: 8px; width: 220px; height: 2px;background: var(--second-color);z-index: 1}
.download-app-area .content-area h2::after{content: ''; position: absolute; bottom: -6px; left: 0px; width: 16px; height: 16px; background: var(--main-color)}
.download-app-area .content-area h2 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.download-app-area .content-area p{font-size: 18px; line-height: 28px; color: var(--second-color); font-weight: 400; margin: 0 0 30px 0;}
.download-app-area .content-area .link-block{display: flex;}
.download-app-area .content-area .link-block a{margin-right: 15px;}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1.1, 1.1);

  }
  50% {
    transform: scale(0.8, 0.8);
    opacity: 0.2;
  }
  100% {
    transform: scale(1.1, 1.1);

  }
}

.our-sponsor-area{padding: 50px 0; position: relative; background: #F1F9FE; overflow: hidden;}
.our-sponsor-area h2{font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 40px 0; padding-bottom: 28px; position: relative; text-align: center;}
.our-sponsor-area h2::before{content: ''; position: absolute; bottom: 0px; left: 50%; width: 220px; height: 2px;background: var(--second-color);z-index: 1; margin-left: -110px;}
.our-sponsor-area h2::after{content: ''; position: absolute; bottom: -6px; left: 50%; width: 16px; height: 16px; background: var(--main-color); margin-left: -8px;}
.our-sponsor-area h2 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.our-sponsor-area ul.logo-area{margin: 0px; padding: 0px; list-style: none; min-height: 575px; position: relative;}
.our-sponsor-area ul.logo-area li{width: 140px; height: 140px; position: absolute;}
.our-sponsor-area ul.logo-area li .logo-block{width: 100%; height: 100%; border-radius: 50%; overflow: hidden; position: relative; -webkit-box-shadow: 0px 0px 20px 0px rgba(213,230,240,1); -moz-box-shadow: 0px 0px 20px 0px rgba(213,230,240,1); box-shadow: 0px 0px 20px 0px rgba(213,230,240,1);  }
.our-sponsor-area ul.logo-area li .logo-block img{width: 100%;}

.our-sponsor-area ul.logo-area li:nth-of-type(1){top:0px; left: 80px; animation: logo-large 6s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(2){top:60px; left: 312px; width: 140px; height: 140px; animation: small-large 4s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(3){top:0px; left: 523px; animation: logo-large 5s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(4){top:-9px; left: 762px; width: 140px; height: 140px; animation: small-large 4s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(5){top:0px; right: 57px; animation: logo-large 6s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(6){top:232px; left: 203px; animation: logo-large 5s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(7){top:224px; left: 452px; animation: logo-large 6s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(8){top:180px; left: 686px; animation: logo-large 6s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(9){top:180px; right: 240px; width: 140px; height: 140px; animation: small-large 4s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(10){top:220px; right: 45px; width: 140px; height: 140px; animation: small-large 4s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(11){bottom:70px; left: 45px; width: 140px; height: 140px; animation: small-large 4s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(12){bottom:20px; left: 362px; width: 140px; height: 140px; animation: small-large 4s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(13){bottom:28px; left: 636px; width: 140px; height: 140px; animation: small-large 4s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(14){bottom:70px; right: 325px; width: 140px; height: 140px; animation: small-large 4s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(15){bottom:0px; right: 86px; animation: logo-large 5s ease infinite;}

/* this code for adjusting 27 items
.our-sponsor-area ul.logo-area li:nth-of-type(1){top:0px; left: 0px;animation: logo-large 6s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(2){top:60px; left:170px; width: 100px; height: 100px;animation: small-large 4s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(3){top:0px; left:300px;animation: logo-large 5s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(4){top:-9px; left: 500px; width: 100px; height: 100px;animation: small-large 4s ease infinite; }
.our-sponsor-area ul.logo-area li:nth-of-type(5){top:20px;left:650px;animation: logo-large 6s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(6){top:-25px; left:830px;animation: logo-large 5s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(7){top:50px; right:190px; width: 100px; height: 100px;animation: small-large 4s ease infinite; }
.our-sponsor-area ul.logo-area li:nth-of-type(8){top:0; right: 0px;animation: logo-large 6s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(9){top:180px; right: 100px; width: 100px; height: 100px;animation: small-large 4s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(10){top:140px; right:275px;animation: logo-large 5s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(11){top:155px; left: 45px; width: 100px; height: 100px;animation: small-large 4s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(12){top:165px; left:215px;animation: logo-large 6s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(13){top:140px; left: 430px; width: 100px; height: 100px;animation: small-large 4s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(14){top:180px; left: 560px;animation: logo-large 5s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(15){top:225px; right: 445px; width: 100px; height: 100px;animation: small-large 4s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(16){top:280px; right: 170px;animation: logo-large 6s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(17){top:290px; right:0px;width: 100px; height: 100px;animation: small-large 4s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(18){top:270px; left:50px;animation: logo-large 5s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(19){top:325px; left:240px;width: 100px; height: 100px;animation: small-large 4s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(20){top:270px; left:390px;animation: logo-large 6s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(21){top:350px; left:580px;width: 100px; height: 100px;animation: small-large 4s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(22){bottom:40px;right:390px;animation: logo-large 6s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(23){bottom:15px;left:90px;width: 100px; height: 100px;animation: small-large 4s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(24){bottom:0px;left:300px;animation: logo-large 5s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(25){bottom:0px;left:500px;width: 100px; height: 100px;animation: small-large 4s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(26){bottom:15px;right:50px;animation: logo-large 6s ease infinite;}
.our-sponsor-area ul.logo-area li:nth-of-type(27){bottom:20px;right:245px;width: 100px; height: 100px;animation: small-large 4s ease infinite;}
*/

@keyframes logo-large {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(0.75, 0.74);
  }
  100% {
    transform: scale(1, 1);
  }
}

@keyframes small-large {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.25, 1.25);
  }
  100% {
    transform: scale(1, 1);
  }
}


.placement-area{padding: 100px 0; position: relative; overflow: hidden;}
.placement-area::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/bottom-pattern.png) bottom center repeat-x; height: 100%;}
.placement-area::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/top-pattern.png) top center repeat-x; height: 100%;}
.placement-area .container{position: relative; z-index: 1;}
.placement-area h2{font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 28px 0; padding-bottom: 28px; position: relative; text-align: center;}
.placement-area h2::before{content: ''; position: absolute; bottom: 0px; left: 50%; width: 220px; height: 2px;background: var(--second-color);z-index: 1; margin-left: -110px;}
.placement-area h2::after{content: ''; position: absolute; bottom: -6px; left: 50%; width: 16px; height: 16px; background: var(--main-color); margin-left: -8px;}
.placement-area h2 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.placement-area p{text-align: center; font-size: 16px; line-height: 24px; color: #8F8F8F; font-weight: 400; margin: 0 0 30px 0;}
.placement-area ul.counter-list{margin: 0px -13px; padding: 0px; list-style: none; display: flex; flex-wrap:wrap;}
.placement-area ul.counter-list li{padding: 0px 13px; width: 20%;}
.placement-area ul.counter-list li .number-block{border: #C72652 2px solid; position: relative; padding: 40px 15px; text-align: center; background: #fff;}
.placement-area ul.counter-list li .number-block .icon{width: 80px; height: 80px; margin: 0 auto 20px auto; position: relative;}
.placement-area ul.counter-list li .number-block .icon img{max-width: 100%; max-height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: contain; margin: auto;}
.placement-area ul.counter-list li .number-block::before{content: ''; width: 60px; height: 60px; border-top:var(--main-color) 8px solid; border-right: var(--main-color) 8px solid; position: absolute; top: -5px; right: -5px;}
.placement-area ul.counter-list li .number-block::after{content: ''; width: 60px; height: 60px; border-bottom:var(--main-color) 8px solid; border-left: var(--main-color) 8px solid; position: absolute; bottom: -5px; left: -5px;}
.placement-area ul.counter-list li .number-block .number{padding: 20px 0 0 0; position: relative; font-size: 40px; line-height: 40px; font-weight: 700; color: var(--main-color); margin: 0 0 10px 0;}
.placement-area ul.counter-list li .number-block .number::before{content: ''; width: 100px; height: 1px; position: absolute; top: 0px; left: 50%; margin-left: -50px;  background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(199,38,82,1) 50%, rgba(255,255,255,1) 100%); }
.placement-area ul.counter-list li .number-block .name{font-size: 25px; line-height: 25px; font-weight: 400; color: #444444;}
.placement-area ul.counter-list li:nth-of-type(1) .number-block{border: #EC8E24 2px solid;}
.placement-area ul.counter-list li:nth-of-type(1) .number-block::before{border-top:#EC8E24 8px solid; border-right: #EC8E24 8px solid;}
.placement-area ul.counter-list li:nth-of-type(1) .number-block::after{border-left:#EC8E24 8px solid; border-bottom: #EC8E24 8px solid;}
.placement-area ul.counter-list li:nth-of-type(1) .number-block .number{color:#EC8E24}
.placement-area ul.counter-list li:nth-of-type(2) .number-block{border: #EF7222 2px solid;}
.placement-area ul.counter-list li:nth-of-type(2) .number-block::before{border-top:#EF7222 8px solid; border-right: #EF7222 8px solid;}
.placement-area ul.counter-list li:nth-of-type(2) .number-block::after{border-left:#EF7222 8px solid; border-bottom: #EF7222 8px solid;}
.placement-area ul.counter-list li:nth-of-type(2) .number-block .number{color:#EF7222}
.placement-area ul.counter-list li:nth-of-type(3) .number-block{border: #C72652 2px solid;}
.placement-area ul.counter-list li:nth-of-type(3) .number-block::before{border-top:#C72652 8px solid; border-right: #C72652 8px solid;}
.placement-area ul.counter-list li:nth-of-type(3) .number-block::after{border-left:#C72652 8px solid; border-bottom: #C72652 8px solid;}
.placement-area ul.counter-list li:nth-of-type(3) .number-block .number{color:#C72652}
.placement-area ul.counter-list li:nth-of-type(4) .number-block{border: #6D7399 2px solid;}
.placement-area ul.counter-list li:nth-of-type(4) .number-block::before{border-top:#6D7399 8px solid; border-right: #6D7399 8px solid;}
.placement-area ul.counter-list li:nth-of-type(4) .number-block::after{border-left:#6D7399 8px solid; border-bottom: #6D7399 8px solid;}
.placement-area ul.counter-list li:nth-of-type(4) .number-block .number{color:#6D7399}
.placement-area ul.counter-list li:nth-of-type(5) .number-block{border: #36A2C4 2px solid;}
.placement-area ul.counter-list li:nth-of-type(5) .number-block::before{border-top:#36A2C4 8px solid; border-right: #36A2C4 8px solid;}
.placement-area ul.counter-list li:nth-of-type(5) .number-block::after{border-left:#36A2C4 8px solid; border-bottom: #36A2C4 8px solid;}
.placement-area ul.counter-list li:nth-of-type(5) .number-block .number{color:#36A2C4}

.review-area{padding: 50px 0; background: #F1F9FE; overflow: hidden;}
.review-area .d-flex{align-items: center;}
.review-area .photo-area{width: 50%;}
.review-area .photo-area ul.review-photo{margin: 0px -10px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.review-area .photo-area ul.review-photo li{width:50%; padding: 10px; height: 324px; position: relative;}
.review-area .photo-area ul.review-photo li .photo{width: 100%; height: 100%;  overflow: hidden; position: relative;}
.review-area .photo-area ul.review-photo li .photo img{width: 100%; height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; position: absolute; object-fit: cover;}
.review-area .photo-area ul.review-photo li:nth-of-type(1){display: flex; align-items: end; justify-content: end;}
.review-area .photo-area ul.review-photo li:nth-of-type(1) .photo{width: 100%; height: 100%; border-radius: 250px 50px 40px 50px; border-right: var(--main-color) 4px solid; border-bottom: var(--main-color) 4px solid; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.review-area .photo-area ul.review-photo li:nth-of-type(2){display: flex; align-items: end; justify-content: flex-start;}
.review-area .photo-area ul.review-photo li:nth-of-type(2) .photo{width: 65%; height: 70%; border-radius: 50px 250px 50px 40px; border-left: var(--main-color) 4px solid; border-bottom:var(--main-color) 4px solid; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.review-area .photo-area ul.review-photo li:nth-of-type(3){display: flex; align-items: start; justify-content: flex-end;}
.review-area .photo-area ul.review-photo li:nth-of-type(3) .photo{width: 65%; height: 70%; border-radius: 50px 40px 50px 250px; border-top: var(--main-color) 4px solid; border-right: var(--main-color) 4px solid; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.review-area .photo-area ul.review-photo li:nth-of-type(4){display: flex; align-items: start; justify-content: flex-start;}
.review-area .photo-area ul.review-photo li:nth-of-type(4) .photo{width: 100%; height: 100%; border-radius: 40px 50px 250px 50px; border-top: var(--main-color) 4px solid; border-left: var(--main-color) 4px solid; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.review-area .photo-area:hover ul.review-photo li:nth-of-type(1) .photo,
.review-area .photo-area:hover ul.review-photo li:nth-of-type(4) .photo{width: 90%; height: 90%; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.review-area .photo-area:hover ul.review-photo li:nth-of-type(2) .photo,
.review-area .photo-area:hover ul.review-photo li:nth-of-type(3) .photo{width: 80%; height: 80%; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.review-area .review-slider-area{width: 50%; padding: 0 0 0px 60px;}
.review-area .review-slider-area .name{font-size: 20px; line-height: 24px; font-weight: 700; color: var(--second-color); padding: 6px 0 6px 75px;  position: relative; }
.review-area .review-slider-area .name span{display: block; font-size: 16px; font-weight: 400; color: var(--main-color);}
.review-area .review-slider-area .name .photo{width: 60px; height: 60px; border-radius: 50%; position: absolute; top: 0px; left: 0px; overflow: hidden;}
.review-area .review-slider-area .name .photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.review-area .review-slider-area h2 {font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 28px 0; padding-bottom: 28px; position: relative;}
.review-area .review-slider-area h2::before{content: ''; position: absolute; bottom: 0px; left: 8px; width: 220px; height: 2px;background: var(--second-color);z-index: 1}
.review-area .review-slider-area h2::after{content: ''; position: absolute; bottom: -6px; left: 0px; width: 16px; height: 16px; background: var(--main-color)}
.review-area .review-slider-area h2 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.review-area .review-slider-area p{font-size: 20px; line-height: 30px; color: var(--second-color); font-weight: 300; font-style: italic; margin: 0 0 30px 0; text-align: justify;}
.review-area .owl-dots{display: none;}
.review-area .owl-nav{position: absolute; bottom: 14px; right: 0;}

.blog-area{padding: 100px 0; position: relative; overflow: hidden;}
.blog-area::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/bottom-pattern.png) bottom center repeat-x; height: 100%;}
.blog-area::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/top-pattern.png) top center repeat-x; height: 100%;}
.blog-area .container{position: relative; z-index: 1;}
.blog-area h2{font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 28px 0; padding-bottom: 28px; position: relative; text-align: center;}
.blog-area h2::before{content: ''; position: absolute; bottom: 0px; left: 50%; width: 220px; height: 2px;background: var(--second-color);z-index: 1; margin-left: -110px;}
.blog-area h2::after{content: ''; position: absolute; bottom: -6px; left: 50%; width: 16px; height: 16px; background: var(--main-color); margin-left: -8px;}
.blog-area h2 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.blog-area p{text-align: center; font-size: 16px; line-height: 24px; color: #8F8F8F; font-weight: 400; margin: 0 0 10px 0;}
.blog-area .blog-block{background: #fff; border-radius: 0 0 80px 0; margin: 20px; -webkit-box-shadow: 0px 10px 25px 0px rgba(231,243,251,1); -moz-box-shadow: 0px 10px 25px 0px rgba(231,243,251,1); box-shadow: 0px 10px 25px 0px rgba(231,243,251,1);}
.blog-area .blog-block .photo-area{position: relative; width: 100%; height: 250px; overflow: hidden; border-radius: 0 0 0 80px; }
.blog-area .blog-block .photo-area img{width: 100%; height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; position: absolute; object-fit: cover; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.blog-area .blog-block .content{padding: 26px 30px;}
.blog-area .blog-block .content h3{font-size: 22px; line-height: 30px; font-weight: 700; color: var(--second-color); margin: 0 0 10px 0;}
.blog-area .blog-block .content p{font-size: 16px; line-height: 22px; font-weight: 400; color: var(--second-color); margin: 0 0 20px 0; text-align: left; opacity: 0.6;}
.blog-area .blog-block .content .btn-read{font-weight: 500; font-size: 16px; line-height: 24px; color: #393738; display: inline-flex; align-items: center;}
.blog-area .blog-block .content .btn-read span{text-decoration: underline;}
.blog-area .blog-block .content .btn-read svg{margin-left: 14px; transition: all .5s ease;}
.blog-area .blog-block .content .btn-read:hover{color: var(--main-color);}
.blog-area .blog-block .content .btn-read:hover svg{transform: rotate(45deg); transition: all .5s ease;}
.blog-area .blog-block:hover .photo-area img{transform: scale(1.1); transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.blog-area .owl-dots{width: 100%; display: flex; justify-content: center; margin-top: 10px;}
.blog-area .owl-dots .owl-dot{width: 8px; height: 8px; margin: 0 5px; border-radius: 4px; background: var(--main-color); opacity: 0.4;}
.blog-area .owl-dots .owl-dot.active{opacity: 1; width: 20px;}

.blog-area .blog-block .logo-area {
  width: 100%;
  height: 250px;
  position: relative;
  overflow: hidden;
  border-bottom: #357399 1px solid;
  border-radius: 0 0 0 80px;
}
.blog-area .blog-block .logo-area img {
  max-width: 70%;
  max-height: 70%;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  object-fit: contain;
  margin: auto;
}


footer .newsletter-area{background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); padding: 12px 0;}
footer .newsletter-area .d-flex{align-items: center;}
footer .newsletter-area .leftside{width: 50%;}
footer .newsletter-area .leftside h2{font-size: 24px; line-height: 24px; margin: 0px; color: #fff; font-weight: 700;}
footer .newsletter-area .leftside p{font-size: 14px; line-height: 24px; margin: 0px; color: #fff; font-weight: 400;}
footer .newsletter-area .form-area{width: 50%; position: relative;}
footer .newsletter-area .form-area .form-control{border: none; background: #fff; color: #6B88B0; font-size: 16px; line-height: 30px; font-weight: 500; padding: 13px 24px;}
footer .newsletter-area .form-area .form-control:focus{box-shadow: none;}
footer .newsletter-area .form-area .btn-go{position: absolute; top: 5px; right: 5px; background: var(--second-color); font-size: 16px; line-height: 24px; font-weight: 700; color: #fff; padding: 11px 20px; border: none; border-radius: 5px;}
footer .footer-area{background: #F1F9FE;}
footer .footer-area .about-info{width: 33.33%; order: 2; border-right: #CEE4F2 1px solid; padding: 40px 30px;}
footer .footer-area .about-info .logo{margin: 0 0 30px 0; width: 280px;}
footer .footer-area .about-info .logo img{width: 100%;}
footer .footer-area .about-info p{font-size: 15px; line-height: 24px; color: var(--second-color); font-weight: 400; margin: 0 0 10px 0;}
footer .footer-area .about-info ul.social{margin: 0px; padding: 0px; list-style: none; display: flex;}
footer .footer-area .about-info ul.social li{margin-right: 0px;}
footer .footer-area .about-info ul.social li a{width: 32px; height: 32px; text-align: center; line-height: 32px; font-size: 20px; color: var(--main-color);}
footer .footer-area .about-info ul.social li a img{width: 100%}

footer .footer-area .quick-link-block{width: 33.33%; order: 1; border-right: #CEE4F2 1px solid; padding: 40px 30px 40px 0;}
footer .footer-area .quick-link-block h2{font-size: 24px; line-height: 24px; color: var(--main-color); font-weight: 700; margin: 0 0 18px 0;}
footer .footer-area .quick-link-block ul{margin: 0px; padding: 0px 0px 0px 18px; display: flex; flex-wrap: wrap;}
footer .footer-area .quick-link-block ul li{width: 50%;}
footer .footer-area .quick-link-block ul li a{font-size: 16px; line-height: 30px; color: var(--second-color); font-weight: 300;}
footer .footer-area .quick-link-block ul li a:hover{color: var(--main-color);}

footer .footer-area .contact-info-block{width: 33.33%; order: 3; padding: 40px 0 40px 30px;}
footer .footer-area .contact-info-block .info{font-size: 16px; line-height: 18px; color: var(--second-color); font-weight: 400; min-height: 64px; display: flex; flex-direction: column; position: relative; justify-content: center; padding-left: 80px; margin: 0 0 20px 0;}
footer .footer-area .contact-info-block .info span{font-size: 16px; line-height: 16px; color: var(--main-color); font-weight: 500; display: block; margin-bottom: 12px;}
footer .footer-area .contact-info-block .info .icon{width: 64px; height: 64px; border: var(--main-color) 1px solid; border-radius: 50%; position: absolute; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center;}
footer .footer-area .contact-info-block .info a{color: var(--second-color);}
footer .footer-area .contact-info-block .info:last-child{margin: 0px;}
footer .footer-area .copyright{border-top: #CEE4F2 1px solid; text-align: center; padding: 20px 0; font-size: 14px; line-height: 14px; color: var(--second-color);}

.sticky-area{position: fixed; bottom: -600px; right: 20px; z-index: 10; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transform: scale(0);}
.sticky-area.show{bottom: 66px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transform: scale(1);}
.sticky-area ul.social-media{margin: 0px 0px 20px 0px; padding: 80px 6px 1px 6px; list-style: none; background: #F1F9FE; border-radius: 30px; position: relative; width: 36px;}
.sticky-area ul.social-media::before{content: 'Follow us -'; position: absolute; top: 38px; left: -16px; font-size: 12px; font-weight: 500; color: #2A3C90; width: 70px; transform: rotate(90deg);}
.sticky-area ul.social-media li{margin-bottom: 6px; width: 24px; height: 24px;}
.sticky-area ul.social-media li a{display: block;}
.sticky-area ul.social-media li a svg{width: 24px; height: 24px; vertical-align: top;}

.sticky-area ul.social-media li:hover a.linkedin svg rect{fill:#007DBA}
.sticky-area ul.social-media li:hover a.facebook svg rect{fill:#3855AF}
.sticky-area ul.social-media li:hover a.instagram svg rect{fill:#F43B93}
.sticky-area ul.social-media li:hover a.twitter svg rect{fill:#1DA1F2}
.sticky-area .btn-area{display: flex; flex-direction: column;}
.sticky-area .btn-area a{margin-top: 7px}
.sticky-area .btn-area .btn-call{width: 146px; height: 36px;  background:rgb(53, 115, 153); border-radius: 25px; display: flex; align-items: center; justify-content: center; font-size: 15px; color: #fff; font-weight: 700; transform: rotate(-90deg); position: absolute; bottom: 144px; right: -55px;}
.sticky-area .btn-area .btn-whatsapp{width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.sticky-area .btn-area .btn-whatsapp img{width: 100%;}
.sticky-area .btn-area .btn-telegram{width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.sticky-area .btn-area .btn-telegram img{width: 100%;}
.btn-share{width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); position: fixed; bottom: 20px; right: 20px; z-index: 99; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.btn-share.down{transform: rotate(180deg); transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}


.modal-backdrop {
  background: rgba(0, 0, 0, 0.60);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  opacity: 1 !important;
  z-index: 99999;
}
.modal {z-index: 999999;}
.subscribe-popup .modal-content {border-radius: 0px;}
.subscribe-popup .modal-body {padding: 0px;}
.subscribe-popup .modal-body .btn-close {position: absolute; top: 10px; right: 10px;}
.subscribe-popup .modal-body .newsletter-inner-popup {display: flex; align-items: center; overflow: hidden;}
.subscribe-popup .modal-body .newsletter-inner-popup .leftside {width: 50%; position: relative; overflow: hidden; background: var(--main-color); padding: 20px 20px 0 20px; animation: background2 5s ease infinite; border-radius: 0 100px 0 0;}
.subscribe-popup .modal-body .newsletter-inner-popup .leftside img {width: 100%;}
.subscribe-popup .modal-body .newsletter-inner-popup .rightside-content {width: 50%; padding: 30px;}
.subscribe-popup .modal-body .newsletter-inner-popup .rightside-content h2{font-size: 30px; line-height: 40px; font-weight: 700; color: var(--second-color); }
.subscribe-popup .modal-body .newsletter-inner-popup .rightside-content p{font-size: 16px; line-height: 24px; color: var(--second-color); font-weight: 400; margin: 0 0 15px 0; opacity: 0.6;}
.subscribe-popup .modal-body .newsletter-inner-popup .rightside-content .form-control{width: 100%; height: 44px; border: #E1E1E1 1px solid; border-radius: 8px; font-size: 16px;}
.subscribe-popup .modal-body .newsletter-inner-popup .rightside-content .form-control:focus{box-shadow: none; border: var(--main-color) 1px solid;}
.subscribe-popup .modal-body .newsletter-inner-popup .rightside-content .btn-send{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--main-color); background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); border-radius: 6px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; width: 100%;}
.subscribe-popup .modal-body .newsletter-inner-popup .rightside-content .btn-send .text{position: relative; z-index: 2; padding: 12px 25px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; }
.subscribe-popup .modal-body .newsletter-inner-popup .rightside-content .btn-send:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.subscribe-popup .modal-body .newsletter-inner-popup .rightside-content .btn-send:hover span{width: 350px; height: 350px;}
.subscribe-popup .modal-body .newsletter-inner-popup .rightside-content .btn-send span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
@keyframes background2 {
  0% {
    background-color: #ec8e24;
  }
  10% {
    background-color: #ef7222;
  }
  20% {
    background-color: #c72652;
  }
  30% {
    background-color: #6d7399;
  }
  40% {
    background-color: #36a2c4;
  }
  70% {
    background-color: #6d7399;
  }
  80% {
    background-color: #c72652;
  }
  90% {
    background-color: #ef7222;
  }
  100% {
    background-color: #ec8e24;
  }
}


.inner-top-area{background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); border-radius: 0 0 100px 100px; position: relative; overflow: hidden; padding: 60px 0; display: none;}
.inner-top-area .container{position: relative; z-index: 1;}
.inner-top-area  h1{color: #fff; font-size: 44px; font-weight: 700; line-height: 44px; margin: 0; text-align: center;}

.contact-info{padding: 60px 0; position: relative; overflow: hidden;}
.contact-info::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/bottom-pattern.png) bottom center repeat-x; height: 100%;}
.contact-info::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/top-pattern.png) top center repeat-x; height: 100%;}
.contact-info .container{position: relative; z-index: 1;}
.contact-info h1{font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 40px 0; padding-bottom: 28px; position: relative; text-align: center;}
.contact-info h1::before{content: ''; position: absolute; bottom: 0px; left: 50%; width: 220px; height: 2px;background: var(--second-color);z-index: 1; margin-left: -110px;}
.contact-info h1::after{content: ''; position: absolute; bottom: -6px; left: 50%; width: 16px; height: 16px; background: var(--main-color); margin-left: -8px;}
.contact-info h1 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.contact-info p{text-align: center; font-size: 16px; line-height: 24px; color: #8F8F8F; font-weight: 400; margin: 0 0 10px 0;}
.contact-info .info-block{background: #fff; border: #CEE4F2 1px solid; padding: 40px; border-radius: 5px; position: relative; overflow: hidden; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; min-height: 370px; display: flex; margin-bottom: 30px;}
.contact-info .info-block .leftside{width: 60%; display: flex; flex-direction: column; justify-content: space-between; padding-right: 50px;}
.contact-info .info-block .icon{box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15); background: #fff; width: 80px; height: 80px; border-radius: 6px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1;  transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.contact-info .info-block .icon svg{width: 36px; height: 36px;}
.contact-info .info-block h3{color: var(--second-color); margin: 30px 0 10px 0; font-size: 24px; font-weight: 700;  position: relative; z-index: 1; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.contact-info .info-block .sub{ font-size: 16px; line-height: 24px;  position: relative; z-index: 1; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.contact-info .info-block .sub span{color: var(--main-color); display: block; font-weight: 600;}
.contact-info .info-block p{background: #f1f9fe; padding: 15px 20px; color: var(--second-color); font-size: 15px; line-height: 22px; border-radius: 5px; margin: 0px;  position: relative; z-index: 1;}
.contact-info .info-block::before{content: ''; position: absolute; width: 80%; height: 500px; background: var(--main-color); bottom: 50%; border-radius: 0 300px 300px 0; left: -80%; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; margin-bottom: -250px;}
.contact-info .info-block:hover{border: var(--main-color) 1px solid; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.contact-info .info-block:hover::before{left: 0px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.contact-info .info-block:hover h3,
.contact-info .info-block:hover .sub,
.contact-info .info-block:hover .sub span{color: #fff; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.contact-info .info-block:hover .icon{border-radius: 50%; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.contact-info .map-img-area{border-radius: 5px; position: relative; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; height: 100%; width: 40%;}
.contact-info .map-img-area img{border-radius: 10px;}
.contact-info .info-block.mail-area{flex-direction: row-reverse; border: var(--second-color) 1px solid;}
.contact-info .info-block.mail-area .leftside{padding-left: 50px; padding-right: 0px;}
.contact-info .info-block.mail-area::before{border-radius: 300px 0 0 300px; left:auto; right: -80%; background: var(--second-color);}
.contact-info .info-block.mail-area:hover::before{right: 0px; left: auto;}
.contact-info .info-block.mail-area:hover .sub a{color: #fff;}
.contact-info .phone-number{margin-top: 50px; text-align: center; font-size: 70px; font-weight: 700; line-height: 80px;}
.contact-info .phone-number a{display: block; font-weight: 200; color: #cf274d; font-size: 90px; line-height: 90px;}
.contact-info .phone-number span{display: block;}

.contact-form-area{padding: 50px 0; position: relative; background: #F1F9FE; overflow: hidden;}
.contact-form-area h2{font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 28px 0; padding-bottom: 28px; position: relative; text-align: center;}
.contact-form-area h2::before{content: ''; position: absolute; bottom: 0px; left: 50%; width: 220px; height: 2px;background: var(--second-color);z-index: 1; margin-left: -110px;}
.contact-form-area h2::after{content: ''; position: absolute; bottom: -6px; left: 50%; width: 16px; height: 16px; background: var(--main-color); margin-left: -8px;}
.contact-form-area h2 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.contact-form-area p{text-align: center; font-size: 16px; line-height: 24px; color: #8F8F8F; font-weight: 400; margin: 0 0 30px 0;}
.contact-form-area .form-area{width: 70%; margin: 0 auto;}
.contact-form-area .md-2{position: relative; margin-bottom: 15px;}
.contact-form-area label{position: absolute; top: 14px; left: 16px; font-size: 12px; font-weight: 700; color: var(--second-color); line-height: 12px; z-index: 99;}
.contact-form-area .form-control{border: #CEE4F2 1px solid; font-size: 15px; line-height: 15px; padding: 30px 15px 10px 14px; color: var(--second-color);}
.contact-form-area .form-control:focus{box-shadow: none; border: var(--main-color) 1px solid;}
.contact-form-area .btn-submit,
#connectUsFormModal .btn-submit{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--main-color); background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); border-radius: 6px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; padding: 15px 50px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 18px; }
.contact-form-area .btn-submit .text,
#connectUsFormModal .btn-submit .text{position: relative; z-index: 2; padding: 15px 50px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; }
.contact-form-area .btn-submit:hover .text,
#connectUsFormModal .btn-submit:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.contact-form-area .btn-submit:hover span,
#connectUsFormModal .btn-submit:hover span{width: 350px; height: 350px;}
.contact-form-area .btn-submit span,
#connectUsFormModal .btn-submit span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.blog-list-page{padding: 60px 0; position: relative; overflow: hidden;}
.blog-list-page::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/bottom-pattern.png) bottom center repeat-x; height: 100%;}
.blog-list-page::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/top-pattern.png) top center repeat-x; height: 100%;}
.blog-list-page .container{position: relative; z-index: 1;}
.blog-list-page h1{font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 40px 0; padding-bottom: 28px; position: relative; text-align: center;}
.blog-list-page h1::before{content: ''; position: absolute; bottom: 0px; left: 50%; width: 220px; height: 2px;background: var(--second-color);z-index: 1; margin-left: -110px;}
.blog-list-page h1::after{content: ''; position: absolute; bottom: -6px; left: 50%; width: 16px; height: 16px; background: var(--main-color); margin-left: -8px;}
.blog-list-page h1 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.blog-list-page ul.blog-list{margin: 0 -15px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.blog-list-page ul.blog-list li{width: 33.33%; padding: 0 15px; margin-bottom: 30px;}
.blog-list-page .blog-block{background: #fff; border-radius: 10px 10px 80px 10px;  border: #CEE4F2 1px solid; overflow: hidden;}
.blog-list-page .blog-block .photo-area{position: relative; width: 100%; height: 250px; overflow: hidden; border-radius: 0 0 0 80px; }
.blog-list-page .blog-block .photo-area img{width: 100%; height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; position: absolute; object-fit: cover; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.blog-list-page .blog-block .content{padding: 26px 30px;}
.blog-list-page .blog-block .content h3{font-size: 22px; line-height: 30px; font-weight: 700; color: var(--second-color); margin: 0 0 10px 0;}
.blog-list-page .blog-block .content p{font-size: 16px; line-height: 22px; font-weight: 400; color: var(--second-color); margin: 0 0 20px 0; text-align: left; opacity: 0.6;}
.blog-list-page .blog-block .content .btn-read{font-weight: 500; font-size: 16px; line-height: 24px; color: #393738; display: inline-flex; align-items: center;}
.blog-list-page .blog-block .content .btn-read span{text-decoration: underline;}
.blog-list-page .blog-block .content .btn-read svg{margin-left: 14px; transition: all .5s ease;}
.blog-list-page .blog-block .content .btn-read:hover{color: var(--main-color);}
.blog-list-page .blog-block .content .btn-read:hover svg{transform: rotate(45deg); transition: all .5s ease;}
.blog-list-page .blog-block:hover .photo-area img{transform: scale(1.1); transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}

.faq-page{padding: 60px 0; position: relative; overflow: hidden;}
.faq-page::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/bottom-pattern.png) bottom center repeat-x; height: 100%;}
.faq-page::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/top-pattern.png) top center repeat-x; height: 100%;}
.faq-page .container{position: relative; z-index: 1;}
.faq-page h1{font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 40px 0; padding-bottom: 28px; position: relative; text-align: center;}
.faq-page h1::before{content: ''; position: absolute; bottom: 0px; left: 50%; width: 220px; height: 2px;background: var(--second-color);z-index: 1; margin-left: -110px;}
.faq-page h1::after{content: ''; position: absolute; bottom: -6px; left: 50%; width: 16px; height: 16px; background: var(--main-color); margin-left: -8px;}
.faq-page h1 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}

.faq-page .accordion{width: 100%; margin: 25px auto 0 auto;}
.faq-page .accordion .accordion-item{margin-top: 20px; margin-top: 20px; color: #000; background-color: #F1F9FE; border: #F1F9FE 3px solid; border-radius: 10px !important; border-radius: 10px !important;}
.faq-page .accordion .accordion-button{border-radius: 8px !important; font-size: 18px; color: var(--second-color); padding: 18px 20px; font-weight: 700; }
.faq-page .accordion .accordion-button:focus{box-shadow: none}
.faq-page .accordion .accordion-button:not(.collapsed){background: #fff; box-shadow: none}
.faq-page .accordion .accordion-button::after{background-color: var(--second-color); background-image: none; width: 16px; height: 2px;}
.faq-page .accordion .accordion-button.collapsed::before{content: ''; background: var(--second-color); width: 2px; height: 16px; position: absolute; top: 21px; right: 27px;}
.faq-page .accordion .accordion-body{padding: 30px; font-size: 14px; line-height: 22px; font-weight: 400; color:#427493; }
.faq-page .accordion .accordion-body ul {margin: 0px; padding: 0px; list-style: none;}
.faq-page .accordion .accordion-body ul li{margin: 0 0 20px 0; font-family: var(--content); font-size: 14px; line-height: 22px;}
.faq-page .accordion .accordion-body ul li strong{display: block; font-size: 16px; line-height: 24px;}
.faq-page .accordion .accordion-body ul li:last-child{margin:0px}
.faq-page .accordion .accordion-body ul li a{text-decoration: underline; font-weight: 700; color: #000;}



/*.quote-container{position: fixed; bottom: 20px; left: 20px; z-index: 99; }*/
/*.quote-container.hide{display: none;}*/
/*.quote-container:hover{animation-duration: 1.5s; animation-name: tada; cursor: pointer;}*/
/*.quote-container .plan-block{position: relative; width: 250px; margin: 0 auto; padding: 25px 15px 15px 15px; box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3); background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); }*/
/*.quote-container .plan-block .title{text-align: center;font-size: 14px; color: #fff; line-height: 18px;}*/
/*.quote-container .pin{background-color: #aaa; display: block; height: 32px; width: 2px; position: absolute; left: 50%; top: -16px; z-index: 1;}*/
/*.quote-container .pin:after{background-color: #357399; border-radius: 50%; box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1), inset 3px 3px 3px hsla(0,0%,100%,.2), inset -3px -3px 3px hsla(0,0%,0%,.2), 23px 20px 3px hsla(0,0%,0%,.15); content: ''; height: 12px; left: -5px; position: absolute; top: -10px; width: 12px;}*/
/*.quote-container .pin:before{background-color: hsla(0,0%,0%,0.1); box-shadow: 0 0 .25em hsla(0,0%,0%,.1); content: '';  height: 24px; width: 2px; left: 0; position: absolute; top: 8px;  transform: rotate(57.5deg); -moz-transform: rotate(57.5deg); -webkit-transform: rotate(57.5deg); -o-transform: rotate(57.5deg); -ms-transform: rotate(57.5deg); transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%;}*/
/*.quote-container .plan-block p {text-align: center; font-size: 11px; margin: 0px; color: #fff;}*/
/*.quote-container .plan-block .price{text-align: center; font-size: 36px; font-weight: 700; color: #fff; line-height: 36px; margin: 5px 0;}*/
/*.quote-container .btn-quote-close{position: absolute; top: -9px; right: -9px; width: 26px; height: 26px; padding: 6px; background: #357399; border: #fff 2px solid; border-radius: 50%;}*/
/*.quote-container .btn-quote-close svg{vertical-align: top; width: 100%; height: 100%;}*/


.quote-container { position: fixed; bottom: 20px; left: 20px; z-index: 99; }
.quote-container.hide { display: none; }
.quote-container:hover { animation-duration: 1.5s; animation-name: tada; cursor: pointer; }
.quote-container .plan-block { position: relative; width: 200px; margin: 0 auto; padding: 12px; background: #000; border-color: linear-gradient(174.1deg, #A24670 4.86%, #D32349 50.2%, #E5572F 95.54%); border: 3px solid; border-image-source: linear-gradient(174.1deg, #A24670 4.86%, #D32349 50.2%, #E5572F 95.54%); border-image-slice: 1; border-radius: 9px; }
.quote-container .icon { display: flex; justify-content: space-between; margin-bottom: 10px;}
.quote-container .plan-block .title h3{ font-size: 20px; line-height: 20px; margin: 0 0 10px 0; color: #fff; font-family: Inter; font-weight: bold; }
.quote-container .plan-block .title p { font-size: 16px; line-height: 20px; margin: 0 0 2px 0; color: #fff; font-family: Inter; }
.quote-container .btn-quote span { font-size: 14px; line-height: 16px;} 
.quote-container .btn-quote { background: linear-gradient(89.73deg, #A24670 0.24%, #D32349 50%, #E5572F 99.76%); color: #fff; border-radius: 3px; padding: 6px 10px; margin-top: 12px; display: flex; justify-content: space-between; align-items: center; }
.quote-container .btn-quote-close { background: transparent; border: 0; position: absolute; z-index: 117; right: 12px; top: 12px; padding: 10px; }
.quote-container .plan-block .title p strong { color: #e45530; }

.quote-container .btn-quote-close svg { vertical-align: top; width: 100%; height: 100%; }


@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}



.founder-page{padding: 60px 0; position: relative; overflow: hidden;}
.founder-page::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/bottom-pattern.png) bottom center repeat-x; height: 100%;}
.founder-page::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/top-pattern.png) top center repeat-x; height: 100%;}
.founder-page .container{position: relative; z-index: 1;}
.founder-page h1{font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 50px 0; padding-bottom: 28px; position: relative; text-align: center;}
.founder-page h1::before{content: ''; position: absolute; bottom: 0px; left: 50%; width: 220px; height: 2px;background: var(--second-color);z-index: 1; margin-left: -110px;}
.founder-page h1::after{content: ''; position: absolute; bottom: -6px; left: 50%; width: 16px; height: 16px; background: var(--main-color); margin-left: -8px;}
.founder-page h1 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.founder-page .founder-list{position: relative;}
.founder-page .founder-block{width: 100%; position: relative; margin: 0 0 60px 0;}
.founder-page .founder-block .photo-block{width: 340px;  position: relative; float: left; margin: 0 40px 20px 0;}
.founder-page .founder-block .photo-block img{width: 100%; border-radius: 100px 20px 20px 20px; z-index: 1; position: relative; border: #000 1px solid}
.founder-page .founder-block .photo-block::before{content: ''; position: absolute; top: -10px; left: -10px; width: 100%; height: 100%; background: var(--main-color); border-radius: 100px 20px 20px 20px;}
.founder-page .founder-block .photo-block::after{content: ''; position: absolute; bottom: -10px; right: -10px; width: 100%; height: 100%; background: var(--second-color); border-radius: 100px 20px 20px 20px;}
.founder-page .founder-block h3{color: var(--main-color); font-size: 30px; line-height: 30px; font-weight: 700; margin: 0 0 15px 0; position: relative; padding-bottom: 17px; padding-top: 20px;}
.founder-page .founder-block h3::before{content: ''; position: absolute; bottom: 0px; left: 380px; width: 100px; height: 1px; background: var(--second-color);}
.founder-page .founder-block p{font-size: 16px; line-height: 24px; color: var(--second-color); margin: 0 0 15px 0; font-weight: 400; text-align: justify;}
.founder-page .founder-block:nth-of-type(2n+2) .photo-block{float: right; margin: 0 0 20px 40px;}
.founder-page .founder-block:nth-of-type(2n+2) .photo-block img{border-radius: 20px 100px 20px 20px;}
.founder-page .founder-block:nth-of-type(2n+2) .photo-block::before{border-radius: 20px 100px 20px 20px; bottom: -10px; top: auto;}
.founder-page .founder-block:nth-of-type(2n+2) .photo-block::after{border-radius: 20px 100px 20px 20px; top: -10px; bottom: auto;}
.founder-page .founder-block:nth-of-type(2n+2){text-align: right;}
.founder-page .founder-block:nth-of-type(2n+2) h3::before{right: 380px; left: auto;}


.overview-section{padding: 60px 0; position: relative; overflow: hidden;}
.overview-section::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/bottom-pattern.png) bottom center repeat-x; height: 100%;}
.overview-section::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/top-pattern.png) top center repeat-x; height: 100%;}
.overview-section .container{position: relative; z-index: 1; display: flex; align-items: center;}
.overview-section .photo-area{width: 30%; margin-left: 10%;}
.overview-section .photo-area img{width: 100%;}
.overview-section .content-area{width: 50%; padding: 0 0 0 100px;}
.overview-section h1 {font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 28px 0; padding-bottom: 28px; position: relative;}
.overview-section h1::before{content: ''; position: absolute; bottom: 0px; left: 8px; width: 220px; height: 2px;background: var(--second-color);z-index: 1}
.overview-section h1::after{content: ''; position: absolute; bottom: -6px; left: 0px; width: 16px; height: 16px; background: var(--main-color)}
.overview-section h1 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.overview-section p{font-size: 16px; line-height: 24px; color: var(--second-color); margin: 0 0 20px 0; font-weight: 400; text-align: justify;}

.industry-statistics{padding: 50px 0; position: relative; background: #F1F9FE; overflow: hidden;}
.industry-statistics h2{font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 38px 0; padding-bottom: 28px; position: relative; text-align: center;}
.industry-statistics h2::before{content: ''; position: absolute; bottom: 0px; left: 50%; width: 220px; height: 2px;background: var(--second-color);z-index: 1; margin-left: -110px;}
.industry-statistics h2::after{content: ''; position: absolute; bottom: -6px; left: 50%; width: 16px; height: 16px; background: var(--main-color); margin-left: -8px;}
.industry-statistics h2 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.industry-statistics .white-block{background: #fff; padding: 25px; border-radius: 0 80px 0 0; -webkit-box-shadow: 0px 10px 25px 0px rgba(231,243,251,1); -moz-box-shadow: 0px 10px 25px 0px rgba(231,243,251,1); box-shadow: 0px 10px 25px 0px rgba(231,243,251,1); min-height: 320px; display: flex; flex-direction: column; justify-content: space-between; position: relative;}
.industry-statistics .white-block .number{width: 50px; height: 50px; border-radius: 50%; background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); text-align: center; display: flex; align-items: center; justify-content: center; font-size: 30px; line-height: 50px; font-weight: 700; color: #fff; position: absolute; right: 0px; top: 0%; }
.industry-statistics .white-block h3{font-size: 20px; line-height: 24px; color: var(--main-color); margin:0; font-weight: 700; }
.industry-statistics .white-block p{font-size: 14px; line-height: 20px; color: var(--second-color); margin:0; font-weight: 400;}
.industry-statistics ul.statistic-list{margin: 0 -10px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.industry-statistics ul.statistic-list li{width: 25%; padding: 0 10px;}

.talent-pool-area{padding: 100px 0; position: relative; overflow: hidden;}
.talent-pool-area::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/bottom-pattern.png) bottom center repeat-x; height: 100%;}
.talent-pool-area::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/top-pattern.png) top center repeat-x; height: 100%;}
.talent-pool-area .container{position: relative; z-index: 1; display: flex; align-items: center;}
.talent-pool-area .photo-area{width: 30%;}
.talent-pool-area .photo-area img{width: 100%;}
.talent-pool-area .content-area{width: 70%; padding: 0 0 0 100px;}
.talent-pool-area .content-area h2 {font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 28px 0; padding-bottom: 28px; position: relative;}
.talent-pool-area .content-area h2::before{content: ''; position: absolute; bottom: 0px; left: 8px; width: 220px; height: 2px;background: var(--second-color);z-index: 1}
.talent-pool-area .content-area h2::after{content: ''; position: absolute; bottom: -6px; left: 0px; width: 16px; height: 16px; background: var(--main-color)}
.talent-pool-area .content-area h2 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.talent-pool-area .content-area p{font-size: 16px; line-height: 24px; color: var(--second-color); margin:0; font-weight: 400; text-align: justify;}

.stands-out-section{padding: 50px 0 30px 0; position: relative; overflow: hidden; background: #F1F9FE; }
.stands-out-section .container{position: relative; z-index: 1;}
.stands-out-section h2{font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 28px 0; padding-bottom: 28px; position: relative; text-align: center;}
.stands-out-section h2::before{content: ''; position: absolute; bottom: 0px; left: 50%; width: 220px; height: 2px;background: var(--second-color);z-index: 1; margin-left: -110px;}
.stands-out-section h2::after{content: ''; position: absolute; bottom: -6px; left: 50%; width: 16px; height: 16px; background: var(--main-color); margin-left: -8px;}
.stands-out-section h2 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.stands-out-section p{text-align: center; font-size: 16px; line-height: 24px; color: #8F8F8F; font-weight: 400; margin: 0 0 10px 0;}
.stands-out-section ul.point-list{margin: 40px -10px 0px -10px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap; justify-content: center;}
.stands-out-section ul.point-list li{padding: 0 10px; width: 33.33%; margin-bottom: 20px;}
.stands-out-section ul.point-list li .content-block{background: #fff; padding: 30px; border: #d2e8f7 1px solid; position: relative; overflow: hidden;}
.stands-out-section ul.point-list li .content-block h3{font-size: 24px; line-height: 30px; color: var(--main-color); margin:0 0 20px 0; font-weight: 700; text-align: center; position: relative; padding-bottom: 22px; z-index: 1;}
.stands-out-section ul.point-list li .content-block h3::before{content: ''; width: 100px; height: 1px; position: absolute; bottom: 0px; left: 50%; margin-left: -50px; background: rgb(255,255,255); background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(53, 115, 153) 50%, rgb(255, 255, 255) 100%);}
.stands-out-section ul.point-list li .content-block p{font-size: 16px; line-height: 24px; color: var(--second-color); margin:0; font-weight: 400; position: relative; z-index: 1;}
.stands-out-section ul.point-list li .content-block::before{content: ''; position: absolute; width: 600px; height: 600px; background: #f1f9fe; bottom: -600px; border-radius: 50%; left: 50%; margin-left: -300px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.stands-out-section ul.point-list li .content-block:hover::before{bottom: -340px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}

.mission-section{padding: 100px 0; position: relative; overflow: hidden;}
.mission-section::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/bottom-pattern.png) bottom center repeat-x; height: 100%;}
.mission-section::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/top-pattern.png) top center repeat-x; height: 100%;}
.mission-section .container{position: relative; z-index: 1; display: flex; align-items: center; flex-direction: row-reverse;}
.mission-section .photo-area{width: 45%;}
.mission-section .photo-area img{width: 100%;}
.mission-section .content-area{width: 55%; padding: 0 100px 0 0;}
.mission-section h2 {font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 28px 0; padding-bottom: 28px; position: relative;}
.mission-section h2::before{content: ''; position: absolute; bottom: 0px; left: 8px; width: 220px; height: 2px;background: var(--second-color);z-index: 1}
.mission-section h2::after{content: ''; position: absolute; bottom: -6px; left: 0px; width: 16px; height: 16px; background: var(--main-color)}
.mission-section h2 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.mission-section p{font-size: 16px; line-height: 24px; color: var(--second-color); margin:0 0 15px 0; font-weight: 400; text-align: justify;}
.mission-section ul.point{margin: 0px; padding: 0px; list-style: none;}
.mission-section ul.point li{font-size: 16px; line-height: 24px; color: var(--second-color); margin:0 0 5px 0; font-weight: 400; text-align: justify;}
.mission-section ul.point li strong{color: var(--main-color);}

.vision-section{padding: 50px 0; position: relative; overflow: hidden; background: #F1F9FE;}
.vision-section .container{position: relative; z-index: 1; display: flex; align-items: center;}
.vision-section .photo-area{width: 45%;}
.vision-section .photo-area img{width: 100%;}
.vision-section .content-area{width: 55%; padding: 0 0 0 100px;}
.vision-section h2 {font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 28px 0; padding-bottom: 28px; position: relative;}
.vision-section h2::before{content: ''; position: absolute; bottom: 0px; left: 8px; width: 220px; height: 2px;background: var(--second-color);z-index: 1}
.vision-section h2::after{content: ''; position: absolute; bottom: -6px; left: 0px; width: 16px; height: 16px; background: var(--main-color)}
.vision-section h2 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.vision-section p{font-size: 16px; line-height: 24px; color: var(--second-color); margin:0 0 15px 0; font-weight: 400; text-align: justify;}
.vision-section ul.point{margin: 0px; padding: 0px; list-style: none;}
.vision-section ul.point li{font-size: 16px; line-height: 24px; color: var(--second-color); margin:0 0 5px 0; font-weight: 400; text-align: justify;}
.vision-section ul.point li strong{color: var(--main-color);}

.service-section{padding: 60px 0; position: relative; overflow: hidden;}
.service-section::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/bottom-pattern.png) bottom center repeat-x; height: 100%;}
.service-section::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/top-pattern.png) top center repeat-x; height: 100%;}
.service-section .container{position: relative; z-index: 1;}
.service-section h1{font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 40px 0; padding-bottom: 28px; position: relative; text-align: center;}
.service-section h1::before{content: ''; position: absolute; bottom: 0px; left: 50%; width: 220px; height: 2px;background: var(--second-color);z-index: 1; margin-left: -110px;}
.service-section h1::after{content: ''; position: absolute; bottom: -6px; left: 50%; width: 16px; height: 16px; background: var(--main-color); margin-left: -8px;}
.service-section h1 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.service-section .service-list{margin: 0px; padding: 0px; list-style: none; }
.service-section .service-list .service-block{border: #d2e8f7 1px solid; width: 100%; display: flex; align-items: center; padding: 25px; position: relative; overflow: hidden; margin: 0 0 20px 0; background: #fff; border-radius: 15px;}
.service-section .service-list .service-block h3{font-size: 24px; padding-right: 50px; font-weight: 700; color: var(--second-color); width: 30%; margin: 0px; position: relative; z-index: 1;}
.service-section .service-list .service-block ul{width: 70%; margin: 0px; padding: 0px; list-style: none;}
.service-section .service-list .service-block ul li{font-size: 16px; line-height: 24px; color: var(--second-color); margin:0 0 10px 0; font-weight: 400; position: relative; padding-left: 18px;}
.service-section .service-list .service-block ul li strong{color: var(--main-color);}
.service-section .service-list .service-block ul li:last-child{margin: 0px;}
.service-section .service-list .service-block ul li::before{content: ''; position: absolute; top: 8px; left: 0px; width: 8px; height: 8px; background: var(--main-color);}
.service-section .service-list .service-block::before{content: ''; position: absolute; right: -90%; top: 0px; width: 90%; height: 100%; background: #F1F9FE; border-radius: 150px 0 0 150px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.service-section .service-list .service-block:hover::before{right: 0px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.service-section .service-list .service-block:last-child{margin-bottom: 0px;}
.service-section .service-list .service-block:nth-of-type(2n+2)::before{left: -90%; right: auto; border-radius: 0 150px 150px 0;}
.service-section .service-list .service-block:nth-of-type(2n+2):hover::before{left: 0%; right: auto;}



.hire-a-talent-page{padding: 60px 0; position: relative; overflow: hidden;}
.hire-a-talent-page::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/bottom-pattern.png) bottom center repeat-x; height: 100%;}
.hire-a-talent-page::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/top-pattern.png) top center repeat-x; height: 100%;}
.hire-a-talent-page .container{position: relative; z-index: 1}
.hire-a-talent-page .d-flex{align-items: center;}
.hire-a-talent-page .photo-area{width: 50%; padding-right: 50px;}
.hire-a-talent-page .photo-area img{width: 100%;}
.hire-a-talent-page .content-area{width: 50%; padding: 0 0 0 50px;}
.hire-a-talent-page h1{font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 28px 0; padding-bottom: 28px; position: relative;}
.hire-a-talent-page h1::before{content: ''; position: absolute; bottom: 0px; left: 8px; width: 220px; height: 2px;background: var(--second-color);z-index: 1}
.hire-a-talent-page h1::after{content: ''; position: absolute; bottom: -6px; left: 0px; width: 16px; height: 16px; background: var(--main-color)}
.hire-a-talent-page h1 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.hire-a-talent-page h2{font-size: 24px; padding-right: 50px; font-weight: 700; color: var(--main-color); margin: 0px 0px 20px 0px; position: relative; z-index: 1;}
.hire-a-talent-page p{font-size: 16px; line-height: 24px; color: var(--second-color); margin: 0 0 20px 0; font-weight: 400; text-align: justify;}
.hire-a-talent-page .btn-read{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--main-color); background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); border-radius: 10px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; }
.hire-a-talent-page .btn-read .text{position: relative; z-index: 2; padding: 12px 25px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; letter-spacing: 2px;}
.hire-a-talent-page .btn-read .text svg{margin-left: 10px;}
.hire-a-talent-page .btn-read .text svg path{stroke: #fff;  -webkit-transition: all 0.7s; transition: all 0.7s;}
.hire-a-talent-page .btn-read:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.hire-a-talent-page .btn-read:hover .text svg path{stroke: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.hire-a-talent-page .btn-read:hover span{width: 350px; height: 350px;}
.hire-a-talent-page .btn-read span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.hire-a-talent-apart {padding: 50px 0 480px 0; position: relative; background: #f1f9fe; overflow: hidden;}
.hire-a-talent-apart .container{position: relative; z-index: 1;}
.hire-a-talent-apart img{position: absolute; bottom: 0px; left: 0px; width: 100%;}
.hire-a-talent-apart h2{font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 28px 0; padding-bottom: 28px; position: relative;}
.hire-a-talent-apart h2::before{content: ''; position: absolute; bottom: 0px; left: 8px; width: 220px; height: 2px;background: var(--second-color);z-index: 1}
.hire-a-talent-apart h2::after{content: ''; position: absolute; bottom: -6px; left: 0px; width: 16px; height: 16px; background: var(--main-color)}
.hire-a-talent-apart h2 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.hire-a-talent-apart h3{font-size: 24px; padding-right: 50px; font-weight: 700; color: var(--main-color); margin: 0px 0px 15px 0px; position: relative; z-index: 1;}
.hire-a-talent-apart p{font-size: 16px; line-height: 24px; color: var(--second-color); margin:0 0 15px 0; font-weight: 400; text-align: justify;}
.hire-a-talent-apart ul{ margin: 0px; padding: 0px; list-style: none;}
.hire-a-talent-apart ul li{font-size: 16px; line-height: 24px; color: var(--second-color); margin:0 0 10px 0; font-weight: 400; position: relative; padding-left: 18px; text-align: justify;}
.hire-a-talent-apart ul li::before{content: ''; position: absolute; top: 8px; left: 0px; width: 8px; height: 8px; background: var(--main-color);}

.apply-talent-page{padding: 100px 0 0 0; position: relative; overflow: hidden;}
.apply-talent-page::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/bottom-pattern.png) bottom center repeat-x; height: 100%;}
.apply-talent-page::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/top-pattern.png) top center repeat-x; height: 100%;}
.apply-talent-page .container{position: relative; z-index: 1}
.apply-talent-page .d-flex{align-items: center;}
.apply-talent-page .photo-area{width: 50%;}
.apply-talent-page .photo-area img{width: 100%;}
.apply-talent-page .content-area{width: 50%; padding: 0 0 50px 50px;}
.apply-talent-page h1{font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 28px 0; padding-bottom: 28px; position: relative;}
.apply-talent-page h1::before{content: ''; position: absolute; bottom: 0px; left: 8px; width: 220px; height: 2px;background: var(--second-color);z-index: 1}
.apply-talent-page h1::after{content: ''; position: absolute; bottom: -6px; left: 0px; width: 16px; height: 16px; background: var(--main-color)}
.apply-talent-page h1 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.apply-talent-page h2 {font-size: 24px; font-weight: 700; color: var(--main-color); margin: 0px 0px 10px 0px; position: relative; z-index: 1;}
.apply-talent-page p{font-size: 16px; line-height: 24px; color: var(--second-color); margin:0 0 15px 0; font-weight: 400; text-align: justify;}
.apply-talent-page .btn-read{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--main-color); background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); border-radius: 10px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; }
.apply-talent-page .btn-read .text{position: relative; z-index: 2; padding: 12px 25px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; letter-spacing: 2px;}
.apply-talent-page .btn-read .text svg{margin-left: 10px;}
.apply-talent-page .btn-read .text svg path{stroke: #fff;  -webkit-transition: all 0.7s; transition: all 0.7s;}
.apply-talent-page .btn-read:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.apply-talent-page .btn-read:hover .text svg path{stroke: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.apply-talent-page .btn-read:hover span{width: 350px; height: 350px;}
.apply-talent-page .btn-read span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.bfsi-different-area{padding: 150px 0; background: url(../images/bfsi-different-img.jpg) top/cover no-repeat fixed; position: relative; text-align: center;}
.bfsi-different-area::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; opacity: 0.7;}
.bfsi-different-area h2{font-size: 42px; line-height: 54px; font-weight: 700; color:#fff; margin: 0 0 28px 0; padding-bottom: 28px; position: relative;}
.bfsi-different-area h2::before{content: ''; position: absolute; bottom: 0px; left: 50%; margin-left: -110px; width: 220px; height: 2px;background: #fff;z-index: 1}
.bfsi-different-area h2::after{content: ''; position: absolute; bottom: -6px; left: 50%; margin-left: -8px; width: 16px; height: 16px; background: var(--main-color)}
.bfsi-different-area h2 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.bfsi-different-area p{font-size: 16px; line-height: 24px; color: #fff; margin:0 0 15px 0; font-weight: 400; position: relative; z-index: 1;}
.bfsi-different-area .btn-white-border{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid #fff;  border-radius: 6px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; }
.bfsi-different-area .btn-white-border .text{position: relative; z-index: 2; padding: 15px 35px; text-align: center; color: #fff; font-size: 18px; font-weight: 500; text-transform: uppercase; line-height: 24px; -webkit-transition: all 0.7s; transition: all 0.7s; }
.bfsi-different-area .btn-white-border:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.bfsi-different-area .btn-white-border:hover span{width: 350px; height: 350px;}
.bfsi-different-area .btn-white-border span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.map-img-area{position: relative;}
.map-img-area img{width: 100%;}
.map-img-area .marker-icon{position: absolute; width: 5%; top: 35%; left: 47%; cursor: pointer; z-index: 1;}
.map-img-area .marker-icon:hover{animation: vertical-shaking 1s;}
.map-img-area .marker-icon img{width: 100%;}
.map-img-area .location-box {width: 360px; display: none; background: #fff; padding: 15px; align-items: center; margin-left: -180px; -webkit-box-shadow: 0px 4px 18px 0px rgba(38,38,38,0.15); -moz-box-shadow: 0px 4px 18px 0px rgba(38,38,38,0.15); box-shadow: 0px 4px 18px 0px rgba(38,38,38,0.15);}

.map-img-area .location-box.show{display: flex;}
.map-img-area .location-box .office-photo{width: 42%;}
.map-img-area .location-box p { width: 58%; padding-left: 20px; font-size: 14px; line-height: 24px; color: var(--second-color); margin:0; font-weight: 400; background: transparent; text-align: left;}
.map-img-area .location-box p strong{font-size: 16px; color: var(--main-color); display: block; margin-bottom: 10px;}

@keyframes vertical-shaking {
  0% { transform: translateY(0) }
  25% { transform: translateY(5px) }
  50% { transform: translateY(-5px) }
  75% { transform: translateY(5px) }
  100% { transform: translateY(0) }
}

.select2-container--open{
    z-index:111111111;
}

.select2.select2-container.select2-container--default{
    width:100% !important;
}

.select2-selection.select2-selection--multiple
 {
    padding: .375rem .75rem;
 }

.swal2-container
{
    z-index:999999;
}

.pagination{text-align: center; padding: 0 0 40px 0;}
.pagination ul{display: flex; padding: 0; margin: 0 auto; list-style: none;}
.pagination ul li{margin: 0 5px;}
.pagination ul li a, .pagination ul li span {color: #878787;padding: 0; text-decoration: none; border: 1px solid #ddd; border-radius: 4px; transition: background-color 0.3s ease; width: 40px; height: 40px; display: flex; align-content: center; justify-content: center; line-height: 38px; border-radius: 50%;}
.pagination ul li a:hover, .pagination ul li span.current{background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); color: #fff; border-color: #fff;}
.pagination ul li span.dots{background-color: transparent; border: none; color: #999;}


.subscription-popup .modal-content{border-radius: 0px; border: none;}
.subscription-popup .modal-content .modal-body{padding: 30px;}
.subscription-popup .modal-content .modal-body label{font-size: 12px; font-weight: 700; line-height: 14px; margin: 0px 0px 5px 0px; display: block;}
.subscription-popup .modal-content .modal-body .form-control,
.subscription-popup .modal-content .modal-body .form-select{font-size: 15px; padding: 10px 15px; line-height: 20px;}
.subscription-popup .modal-content .modal-body .form-control,
.subscription-popup .modal-content .modal-body .form-select:focus{box-shadow: none;}
.subscription-popup .modal-content .modal-body h2 {font-size: 30px; line-height: 40px; font-weight: 700; color: var(--second-color); margin: 0 0 28px 0; padding-bottom: 28px; position: relative; text-align: center;}
.subscription-popup .modal-content .modal-body h2::before{content: ''; position: absolute; bottom: 0px; left: 50%; width: 220px; height: 2px;background: var(--second-color);z-index: 1; margin-left: -110px;}
.subscription-popup .modal-content .modal-body h2::after{content: ''; position: absolute; bottom: -6px; left: 50%; width: 16px; height: 16px; text-align: center; background: var(--main-color); margin-left: -8px;}
.subscription-popup .modal-content .modal-body .btn-close {position: absolute; top: 36px; right: 30px;}
.subscription-popup .modal-content .modal-body .select2-container .select2-search--inline .select2-search__field{font-size: 15px !important; font-family: "Inter", sans-serif !important; height: auto !important; margin: 0px !important;}
.subscription-popup .modal-content .modal-body .select2-container .select2-selection--multiple .select2-selection__rendered{margin: 0px !important;}
.subscription-popup .modal-content .modal-body .select2-container .select2-selection--multiple{display: flex !important; min-height: auto;}
.subscription-popup .modal-content .modal-body .select2-container--default .select2-selection--multiple .select2-selection__choice{background: var(--main-color) !important; color: #fff; border: none !important; font-size: 16px; padding: 6px 8px 6px 32px !important;}
.subscription-popup .modal-content .modal-body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{width: 26px; height: 34px; padding: 0 !important; border: none !important; color: #fff !important; left: 5px !important;}
.subscription-popup .modal-content .modal-body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{background: var(--main-color);}
.subscription-popup .modal-content .modal-body .select2-container--default .select2-selection--multiple .select2-selection__choice__display{padding-left: 0; padding-right: 0;}
.subscription-popup .modal-content .modal-body .wc-btn-light{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--main-color); background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); border-radius: 6px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; }
.subscription-popup .modal-content .modal-body .wc-btn-light .text{position: relative; z-index: 2; padding: 15px 25px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; }
.subscription-popup .modal-content .modal-body .wc-btn-light:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.subscription-popup .modal-content .modal-body .wc-btn-light:hover span{width: 350px; height: 350px;}
.subscription-popup .modal-content .modal-body .wc-btn-light span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.subscription-popup .modal-content .modal-body h2 span{ font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block; text-align: center;}

.newsletter-area .form-area form[data-form-id="1"] .es-form-field-container .gjs-row {
  margin-bottom: 0;
}
.newsletter-area .form-area .es-email,
.newsletter-area .form-area .es-email:focus,
.newsletter-area .form-area .es-email:hover{
  outline: none;
  width: 100%;
}
.newsletter-area .form-area input[type=submit]{
  position: absolute;
  top: 9px;
  right: 9px;
  border: none !important;
}
.es_subscription_message.success {
  color: #cdfdcd;
  font-size: 14px;
  line-height: 18px !important;
  display: block;
}

/* Loader CSS */

.sites_loading {
  display: none;
  position: fixed;
  z-index: 99999999999999999;
  height: 2em;
  width: 2em;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sites_loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}
.sites_loading:not(:required):after {
  content: '';
  display: block;
  font-size: 18px;
  width: 14px;
  height: 14px;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  box-shadow: #cf274d 1.5em 0 0 0, #cf274d 1.1em 1.1em 0 0, rgb(0 0 0 / 75%) 0 1.5em 0 0, rgb(0 0 0 / 75%) -1.1em 1.1em 0 0, rgb(0 0 0 / 75%) -1.5em 0 0 0, rgb(0 0 0 / 75%) -1.1em -1.1em 0 0, rgb(0 0 0 / 75%) 0 -1.5em 0 0, rgb(0 0 0 / 75%) 1.1em -1.1em 0 0;
  -webkit-box-shadow: #cf274d 1.5em 0 0 0, #cf274d 1.1em 1.1em 0 0, #cf274d 0 1.5em 0 0, #cf274d -1.1em 1.1em 0 0, #cf274d -1.5em 0 0 0, #cf274d -1.1em -1.1em 0 0, #cf274d 0 -1.5em 0 0, #cf274d 1.1em -1.1em 0 0;
  box-shadow: #cf274d 1.5em 0 0 0, #cf274d 1.1em 1.1em 0 0, #cf274d 0 1.5em 0 0, #cf274d -1.1em 1.1em 0 0, #cf274d -1.5em 0 0 0, #cf274d -1.1em -1.1em 0 0, #cf274d 0 -1.5em 0 0, #cf274d 1.1em -1.1em 0 0;
}
.sites_loading:not(:required) {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

/* ================== Animation ================== */

@-webkit-keyframes spinner {
  0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}
body .select2-container--default .select2-selection--single {
  border-radius: .375rem;
  border: 1px solid #ced4da;
  height: 41.84px;
}
body .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #717a82;
  line-height: 41px;
  font-size: 15px;
}
body .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 41px;
}

.emaillist .es_subscription_form .es-form-field-container input{
  width: 100%;
  border: #E1E1E1 1px solid;
}
.emaillist .es_subscription_form input[type=submit]{
  background: linear-gradient(0deg, rgba(229, 87, 47, 1) 0%, rgba(211, 35, 73, 1) 50%, rgba(162, 70, 112, 1) 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 6px;
}

.blog-detail-page{padding: 60px 0; position: relative; overflow: hidden;}
.blog-detail-page::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/bottom-pattern.png) bottom center repeat-x; height: 100%;}
.blog-detail-page::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/top-pattern.png) top center repeat-x; height: 100%;}
.blog-detail-page .container{position: relative; z-index: 1}
.blog-detail-page p{font-size: 16px; line-height: 24px; color: var(--second-color); margin: 0 0 20px 0; font-weight: 400;}
.blog-detail-page h1{font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 38px 0; padding-bottom: 28px; position: relative; text-align: center;}
.blog-detail-page h1::before{content: ''; position: absolute; bottom: 0px; left: 50%; width: 220px; height: 2px;background: var(--second-color);z-index: 1; margin-left: -110px;}
.blog-detail-page h1::after{content: ''; position: absolute; bottom: -6px; left: 50%; width: 16px; height: 16px; background: var(--main-color); margin-left: -8px;}
.blog-detail-page h1 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.blog-detail-page .photo-area{position: relative; width: 100%; height: 500px; overflow: hidden; margin: 0 0 30px 0 }
.blog-detail-page .photo-area img{width: 100%; height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; position: absolute; object-fit: cover; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}

.blog-detail-page .comment_section{margin-top: 50px;}
.blog-detail-page .comment_section h3{font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 38px 0; padding-bottom: 28px; position: relative; text-align: center;}
.blog-detail-page .comment_section h3::before{content: ''; position: absolute; bottom: 0px; left: 50%; width: 220px; height: 2px;background: var(--second-color);z-index: 1; margin-left: -110px;}
.blog-detail-page .comment_section h3::after{content: ''; position: absolute; bottom: -6px; left: 50%; width: 16px; height: 16px; background: var(--main-color); margin-left: -8px;}
.blog-detail-page .comment_section h3 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.blog-detail-page .comment_section p{text-align: center;}
.blog-detail-page .comment_section .comment-form{width: 60%; margin: 0 auto;}
.blog-detail-page .comment_section .comment-form p{position: relative;}
.blog-detail-page .comment_section .comment-form p label{position: absolute; top: 14px; left: 16px; font-size: 12px;font-weight: 700; color: var(--second-color); line-height: 12px; z-index: 99;}
.blog-detail-page .comment_section .comment-form p input{border: #CEE4F2 1px solid; font-size: 15px; line-height: 15px; padding: 30px 15px 10px 14px; color: var(--main-color); display: block; width: 100%; font-weight: 400; border-radius: .375rem;}
.blog-detail-page .comment_section .comment-form p textarea{border: #CEE4F2 1px solid; font-size: 15px; line-height: 15px; padding: 30px 15px 10px 14px; color: var(--main-color); display: block; width: 100%; font-weight: 400; border-radius: .375rem;}
.blog-detail-page .comment_section .comment-form p textarea:focus,
.blog-detail-page .comment_section .comment-form p input:focus{box-shadow: none; outline: none;}
.blog-detail-page .comment_section .comment-form p.comment-form-cookies-consent label{position: relative; top: 0px; left: 0px;}
.blog-detail-page .comment_section .comment-form p.comment-form-cookies-consent{display: flex; justify-content: center;}
.blog-detail-page .comment_section .comment-form p.comment-form-cookies-consent input{width: auto; margin-right: 10px;}
.blog-detail-page .comment_section .comment-form p input.submit {padding: 15px; background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); color: #fff !important; border: 1px solid var(--main-color);}

.marquee-container {
  max-width: 100%;
  overflow: hidden;
  height: 40px;
  background-color: #fff;
  z-index: 999;
}

.marquee {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  animation: marquee 16s linear infinite;
}

.marquee-content {
  display: inline-block;
}
.nav-ticker {
  padding: 0px 20px;
  white-space: nowrap;
  box-sizing: border-box;
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  color: #747474;
  font-weight: 400;
  position: relative;
}
.nav-ticker::after{content: ''; position: absolute; right: -3px; width: 6px; height: 6px; background: var(--main-color); border-radius: 50%; top: 17px;}
@keyframes marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

.wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 12px;
  display: block;
  font-weight: 700;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: none;
}
body .swal2-title{
  font-size: 32px;
}
body .swal2-html-container{
  font-size: 18px;
}
body .swal2-container .swal2-actions .swal2-confirm,
body .swal2-container .swal2-actions .swal2-confirm:hover,
body .swal2-container .swal2-actions .swal2-deny,
body .swal2-container .swal2-actions .swal2-deny:hover,
body .swal2-container .swal2-actions .swal2-cancel,
body .swal2-container .swal2-actions .swal2-cancel:hover{
  border: 1px solid var(--main-color);
  background: rgb(229, 87, 47);
  background: linear-gradient(0deg, rgba(229, 87, 47, 1) 0%, rgba(211, 35, 73, 1) 50%, rgba(162, 70, 112, 1) 100%);
  border-radius: 6px;
}
#connectUsFormModal .wpcf7-form-control{
  margin-bottom: 10px;
}
.innerTooltip {
  font-size: 20px;
  color: var(--main-color);
}

/* .logo-block {
    position: relative;
    display: inline-block;
} */

.tooltip-img {
    width: 100px; /* Adjust the image size as needed */
    height: auto;
}

.logo-block .tooltip-img::after {
    content: attr(data-description);
    position: absolute;
    bottom: 125%; /* Adjust tooltip position */
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s;
    font-size: 12px;
    z-index: 10;
}

.logo-block:hover .tooltip-img::after {
    opacity: 2;
    visibility: visible;
}



/* Job Section Start */
.job-page{padding: 60px 0; position: relative; }
.job-page::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/bottom-pattern.png) bottom center repeat-x; height: 100%;}
.job-page::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/top-pattern.png) top center repeat-x; height: 100%;}
.job-page .container{position: relative; z-index: 1;}
.job-page h1{font-size: 38px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 40px 0; padding-bottom: 28px; position: relative; text-align: center;}
.job-page h1::before{content: ''; position: absolute; bottom: 0px; left: 50%; width: 220px; height: 2px;background: var(--second-color);z-index: 1; margin-left: -110px;}
.job-page h1::after{content: ''; position: absolute; bottom: -6px; left: 50%; width: 16px; height: 16px; background: var(--main-color); margin-left: -8px;}
.job-page h1 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.job-page .job-page-main .search-bar { display: flex ; align-items: center; border: none;  background: #fff; color: #6B88B0;padding: 9px 16px; border-radius: 6px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;width: 65%;    margin: 0 auto 100px;}
.job-page .job-page-main .search-bar  input { width: 100%; border: none; outline: none; background: none;flex: 1; font-size: 16px; line-height: 22px;color: var(--second-color); font-weight: 300;}
.job-page .job-page-main .search-bar input::placeholder {color: var(--second-color); }
.job-page .job-page-main .search-bar .search-btn .btn-read{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--main-color); background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); border-radius: 6px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; margin-left: 10px;}
.job-page .job-page-main .search-bar .search-btn .btn-read .text{position: relative; z-index: 2; padding: 15px 25px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; }
.job-page .job-page-main .search-bar .search-btn .btn-read:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.job-page .job-page-main .search-bar .search-btn .btn-read:hover span{width: 350px; height: 350px;}
.job-page .job-page-main .search-bar .search-btn .btn-read span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.job-page .job-page-main .search-bar .search-skill {width: 90%;} 
.job-page .job-page-main .search-bar .search-skill input { width: 100%;}
.job-page .job-page-main .search-bar  .search-location { width: 100%; max-width: 150px;}
.job-page .job-page-main .search-bar .custom-dropdown { position: relative; width: 100%; background-color: #fff;cursor: pointer;}
.job-page .job-page-main .search-bar .custom-dropdown .dropdown-options {display: none; list-style: none; margin: 0; padding: 5px 8px; border: var(--main-color) 1px solid; background: #fff; position: absolute; width: 100%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 10; border-radius: 10px; top: 30px;}
.job-page .job-page-main .search-bar .custom-dropdown .dropdown-options li { padding: 2px 8px; transition: background 0.3s; font-size: 14px; line-height: 20px; color: var(--second-color);font-weight: 400;text-align: justify;}
.job-page .job-page-main .search-bar .custom-dropdown .dropdown-options li:hover { background: var(--main-color); color: #fff;}
.job-page .job-page-main .search-bar .custom-dropdown .dropdown-options li:hover:first-child{ border-radius: 10px 10px 0 0;}
.job-page .job-page-main .search-bar .custom-dropdown .dropdown-options li:hover:last-child{ border-radius: 0 0  10px 10px;}
.job-page .job-page-main .search-bar .custom-dropdown .arrow.active { transform: rotate(180deg);}
.job-page .job-page-main .search-bar .icon-block { margin-right: 10px;}
.job-page .job-page-main .search-bar .icon-block img { width: 20px; height: 20px; object-fit: contain;}
.job-page .job-page-main .search-bar .custom-dropdown .dropdown-selected  { display: flex; align-items: center; justify-content: space-between; font-size: 16px; line-height: 20px; color: var(--second-color); text-align: justify;}
.job-page .job-page-main .search-bar .custom-dropdown .dropdown-selected .arrow img{ width: 15px; height: 15px; object-fit: contain; }
.job-page .job-page-main .search-bar .pipe { border: 1px solid  #C7DAE7; height: 20px; margin: 0 10px; background-color:  #e7e7f1;}
.job-page .job-page-content .inner-flex { display: flex;}
.job-page .job-page-content .inner-flex .leftside {width: 25%; }
.job-page .job-page-content .inner-flex .leftside .filetrs-leftside-main { background: #fff; padding: 8px 20px; border-radius: 6px;border: #D8D8D8 1px solid; position: sticky; top: 80px;}
.job-page .job-page-content .inner-flex .rightside { width: 75%;} 
.job-page .job-page-content .inner-flex .leftside .filetrs-heading {display: flex; justify-content: space-between; align-items: center; padding: 18px  0; border-bottom: 1px solid #D8D8D8; }
.job-page .job-page-content .inner-flex .leftside .filetrs-heading h4 { font-size: 20px; line-height: 24px; font-weight: 500; color: var(--main-color); margin: 0 0 0px 0;}
.job-page .job-page-content .inner-flex .leftside .filetrs-heading  a { font-size: 14px; line-height: 18px; color: var(--second-color);  }
/* .job-page .job-page-content .inner-flex .leftside .filters-work { padding: 15px 0; border-bottom: 1px solid #C7DAE7;} */
.job-page .job-page-content .inner-flex .leftside .filetrs-content {display: none;}
.job-page .job-page-content .inner-flex .leftside .filetrs-accordion_item { padding: 18px 0 12px 0; border-bottom: 1px solid #C7DAE7; }
.job-page .job-page-content .inner-flex .leftside .filetrs-accordion_item:last-child { border: 0;}
.job-page .job-page-content .inner-flex .leftside .filetrs-accordion_item.active .filetrs-content { display: block;}
.job-page .job-page-content .inner-flex .leftside .filetrs-accordion_item .filetrs-menu { display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px;}
.job-page .job-page-content .inner-flex .leftside .filetrs-accordion_item .filetrs-menu span {font-size: 18px; line-height: 22px; font-weight: 500; color: var(--second-color); margin: 0 0 0px 0;  }
.job-page .job-page-content .inner-flex .leftside .filetrs-accordion_item .filetrs-menu img{ width: 10px; height: 10px; object-fit: contain;}
.job-page .job-page-content .inner-flex .leftside .filetrs-accordion_item.active .filetrs-menu img {transform: rotate(180deg);}
.job-page .job-page-content .inner-flex .leftside .filetrs-accordion_item .filetrs-content ul{ list-style: none; margin: 0; padding: 0;}
.job-page .job-page-content .inner-flex .leftside .filetrs-accordion_item .filetrs-content ul li {display: flex; gap: 10px; align-items: center; margin-bottom: 5px;}
.job-page .job-page-content .inner-flex .leftside .filetrs-accordion_item .filetrs-content ul li input { width: 15px; height: 15px;}
.job-page .job-page-content .inner-flex .leftside .filetrs-accordion_item .filetrs-content ul li input[type=checkbox] { accent-color: var(--second-color); margin: 0;}
.job-page .job-page-content .inner-flex .leftside .filetrs-accordion_item .filetrs-content ul li .filetrs-content-text { display: flex; align-items: center; gap: 2px;width: calc(100% - 30px);}
.job-page .job-page-content .inner-flex .leftside .filetrs-accordion_item .filetrs-content ul li .filetrs-content-text p { font-size: 15px; line-height: 20px; color: #000; margin: 0;} 
/*.job-page .job-page-content .inner-flex .leftside .filetrs-accordion_item .filetrs-content ul li .filetrs-content-text p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100% - 50px); display: inline-block;}*/
.job-page .job-page-content .inner-flex .leftside .filetrs-accordion_item .filetrs-content ul li .filetrs-content-text p.active { font-weight: 600;}
.job-page .job-page-content .inner-flex .leftside .filetrs-accordion_item .filetrs-content ul li .filetrs-content-text span { font-size: 15px; line-height: 20px; color: #000; margin: 0;}
.filetrs-progress-container,
.filetrs-progress-container { width: 100%; position: relative; padding: 20px 0 10px 0; }
.filetrs-progress-container .filetrs-progress-bar,
.filetrs-progress-container .salary-filetrs-progress-bar { position: relative;height: 6px; background-color: #e0e0e0; border-radius: 3px; cursor: pointer; }
.filetrs-progress-container .filetrs-progress-fill,
.filetrs-progress-container .salary-filetrs-progress-fill {background-color: #0d0d22; height: 100%; width: 0; border-radius: 3px;  position: absolute; top: 0; left: 0; }
.filetrs-progress-container .filetrs-progress-indicator,
.filetrs-progress-container .salary-filetrs-progress-indicator {position: absolute; top: -38px; transform: translateX(-50%); background-color: #0d0d22; color: #fff; border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold; cursor: grab; }
.filetrs-progress-container .filetrs-progress-labels,
.filetrs-progress-container .salary-filetrs-progress-labels {display: flex; justify-content: space-between; margin-top: 10px; }
.filetrs-progress-container .filetrs-progress-labels span,
.filetrs-progress-container .salary-filetrs-progress-labels span { font-size: 16px; color: #666; }
.filetrs-progress-container .filetrs-progress-indicator::after,
.filetrs-progress-container .salary-filetrs-progress-indicator::after { content: "";  position: absolute; bottom: -9px; left: 50%;  transform: translateX(-50%); width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 15px solid #000; }
.job-page .job-page-main .job-page-content .inner-flex .rightside .job-card { display: flex; flex-direction: column; gap: 20px; padding-left: 30px;}
.job-page .job-page-main .job-page-content .inner-flex .rightside .job-card .job-card-col {display: flex; justify-content: space-between; background-color: #fff; border-radius: 6px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 20px 25px;margin-bottom: 20px;flex-flow: wrap;}
.job-page .job-page-main .job-page-content .inner-flex .rightside .job-card .job-card-total-dropdown { display: flex; justify-content: space-between; gap: 10px; align-items: center;}
.job-page .job-page-main .job-page-content .inner-flex .rightside .job-card .job-card-total-dropdown .job-card-total p strong { color: var(--second-color);}
.job-page .job-page-main .job-page-content .inner-flex .rightside .job-card .job-card-total-dropdown .job-card-total p { font-size: 16px; line-height: 20px; color: #737070; margin: 0;}
.job-page .job-page-main .job-page-content .inner-flex .rightside .job-card .job-card-total-dropdown .job-card-dropdown select { border: 1px solid #D8D8D8; border-radius: 6px;padding: 5px 30px 5px 8px; font-size: 16px; line-height: 20px;  color: #737070; }
.job-page .job-page-main .job-page-content .inner-flex .rightside .job-card .job-card-col .job-card-title h3 { line-height: 0; margin: 0; padding-bottom: 5px;}
.job-page .job-page-main .inner-flex .rightside .job-card .job-card-col .job-card-title h3 a { font-size: 18px; line-height: normal; color: var(--second-color); margin: 0; font-weight: 600;}
.job-page .job-page-main .inner-flex .rightside .job-card .job-card-col .job-card-title .title-block { display: flex; gap: 5px; align-items: center;}
.job-page .job-page-main .inner-flex .rightside .job-card .job-card-col .job-card-title .title-block .rating img {width: 15px; height: 15px; object-fit: contain; }
.job-page .job-page-main .inner-flex .rightside .job-card .job-card-col .job-card-title .title-block a { font-size: 14px; line-height: normal; color: #737070; cursor: default;}
.job-page .job-page-main .inner-flex .rightside .job-card .job-card-col .job-card-top { display: flex; justify-content: start; gap: 20px; margin-bottom: 15px; align-items: center; }
.job-page .job-page-main .inner-flex .rightside .job-card .job-card-col .job-card-top  .title-block .pipe {     border: 1px solid #C7DAE7; height: 15px; margin: 0 5px; background-color: #e7e7f1;}
.job-page .job-page-main .inner-flex .rightside .job-card .job-card-col .job-card-top .job-card-logo img {width: 60px; height: 60px; object-fit: contain; border-radius: 6px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.job-page .job-page-main .inner-flex .rightside .job-card-Bottom .job-card-category { display: flex; gap: 10px; align-items: center;}
.job-page .job-page-main .inner-flex .rightside .job-card-Bottom .job-card-category .pipe { border: 1px solid #C7DAE7; height: 15px; margin: 0 5px; background-color: #e7e7f1;}
.job-page .job-page-main .inner-flex .rightside .job-card-Bottom .job-card-category .job-card-category-block { display: flex; align-items: center; gap: 8px;}
.job-page .job-page-main .inner-flex .rightside .job-card-Bottom .job-card-category .job-card-category-block img { width: 18px; height: 18px; object-fit: contain;}
.job-page .job-page-main .inner-flex .rightside .job-card-Bottom .job-card-category .job-card-category-block a { font-size: 14px; line-height: normal; color: #737070; cursor: default;}
.job-page .job-page-main .inner-flex .rightside .job-card-Bottom .job-card-retired { display: flex; align-items: center; gap: 8px; padding-top: 10px;}
.job-page .job-page-main .inner-flex .rightside .job-card-Bottom .job-card-retired img { width: 18px; height: 18px; object-fit: contain;}
.job-page .job-page-main .inner-flex .rightside .job-card-Bottom .job-card-retired p { font-size: 14px; line-height: normal; color: #737070; margin: 0; }
.job-page .job-page-main .inner-flex .rightside .job-card-Bottom .job-card-skills { padding-top:10px; display: flex;  display: flex; gap: 10px;}
.job-page .job-page-main .inner-flex .rightside .job-card-Bottom .job-card-skills h4{ margin: 0; font-size: 14px; line-height: 24px; color: var(--second-color); font-weight: 700;  white-space: nowrap;}
.job-page .job-page-main .inner-flex .rightside .job-card-Bottom .job-card-skills p { color: #737070; font-size: 14px; line-height: 24px; margin: 0;}
.job-page .job-page-main .inner-flex .rightside .job-card-days { min-width:150px; display: flex; justify-content: space-between;  flex-direction: column;  gap: 30px; padding-top: 10px; align-items: end;}
.job-page .job-page-main .inner-flex .rightside .job-card-days .job-card-save img { width: 15px; height: 18px; object-fit: contain;}
.job-page .job-page-main .inner-flex .rightside .job-card-pagination ul { margin: 0; padding: 30px 0 0 0; list-style: none; display: flex; justify-content: center; gap: 15px; align-items: center; }
.job-page .job-page-main .inner-flex .rightside .job-card-pagination ul li .previous , 
.job-page .job-page-main .inner-flex .rightside .job-card-pagination ul li .next {background-color: #fff; padding: 7px 15px; border: #C7DAE7 1px solid; border-radius: 30px; font-size: 16px; line-height: normal; color: var(--second-color); margin: 0 10px;}
.job-page .job-page-main .inner-flex .rightside .job-card-pagination ul li .number { font-size: 16px; line-height: normal; color: #000; width: 30px; height: 30px; border-radius: 50px;  display: flex; justify-content: center; align-items: center;}
.job-page .job-page-main .inner-flex .rightside .job-card-pagination ul li .number.active { background-color: #000; color: #fff; }
.form-check-input:checked {  background-color: var(--second-color); border-color: var(--second-color);}

/* Job Details Page Start */
.job-page-details{padding: 60px 0; position: relative; }
.job-page-details::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/bottom-pattern.png) bottom center repeat-x; height: 100%;}
.job-page-details::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/top-pattern.png) top center repeat-x; height: 100%;}
.job-page-details .container{position: relative; z-index: 1;}
.job-page-details h1{font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 40px 0; padding-bottom: 28px; position: relative; text-align: center;}
.job-page-details h1::before{content: ''; position: absolute; bottom: 0px; left: 50%; width: 220px; height: 2px;background: var(--second-color);z-index: 1; margin-left: -110px;}
.job-page-details h1::after{content: ''; position: absolute; bottom: -6px; left: 50%; width: 16px; height: 16px; background: var(--main-color); margin-left: -8px;}
.job-page-details h1 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.job-page-details .inner-flex { display: flex;}
.job-page-details .inner-flex .leftside { width: 70%; margin: 0 30px 0px 0 ;}
.job-page-details .inner-flex .rightside { width: 30%;}
.job-page-details .job-card-details-col { display: flex; background-color: #fff; border-radius: 6px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 20px 25px; margin-bottom: 30px; }
.job-page-details .job-card-details-col .job-card-details-top  { display: flex; gap: 20px; align-items: center; padding-bottom: 20px;}
.job-page-details .job-card-details-col .job-card-details-top .job-card-details-logo a img{width: 70px; height: 70px; object-fit: contain; border-radius: 6px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.job-page-details .job-card-details-col .job-card-details-top .job-card-details-title h3 { margin: 0; line-height: 0; padding-bottom: 5px;}
.job-page-details .job-card-details-col .job-card-details-top .job-card-details-title h3 a {font-weight: 600; font-size: 22px; line-height: 28px; letter-spacing: 0%; color: var(--second-color);}
.job-page-details .job-card-details-col .job-card-details-top .job-card-details-title .title-block a { font-size: 15px; line-height: 20px; color: #737070; }
.job-page-details .job-card-details-col .job-card-details-top .job-card-details-title .title-block a strong { font-weight: 600;}
.job-page-details .job-card-details-col .job-card-details-Bottom .job-card-details-category { border-bottom: #E9E9E9 1px solid;}
.job-page-details .job-card-details-col .job-card-details-Bottom .job-card-details-category { display: flex; gap: 15px; align-items: center; padding-bottom: 20px;}
.job-page-details .job-card-details-col .job-card-details-Bottom .job-card-details-category .pipe { border: 1px solid #E9E9E9;height: 20px;}
.job-page-details .job-card-details-col .job-card-details-Bottom .job-card-details-category .job-card-category-details-block img { width: 20px; height: 20px; object-fit: contain;}
.job-page-details .job-card-details-col .job-card-details-Bottom .job-card-details-category .job-card-category-details-block a { font-size: 15px; line-height: normal; color:#737070; }
.job-page-details .job-card-details-col .job-card-details-Bottom .job-card-details-posted { padding-top: 20px; display: flex; gap: 10px; justify-content: space-between; align-items: center;}
.job-page-details .job-card-details-col .job-card-details-Bottom .job-card-details-posted  ul { list-style: none; display: flex; gap: 10px; column-gap: 10px; margin: 0; padding: 0; flex-wrap: wrap;}
.job-page-details .job-card-details-col .job-card-details-Bottom .job-card-details-posted  ul li {font-size: 15px; line-height: normal; color: #737070; }
.job-page-details .job-card-details-col .job-card-details-Bottom .job-card-details-posted  ul li strong { color: var(--second-color); font-weight: 500;}
.job-page-details .job-card-details-col .job-card-details-Bottom .job-card-details-posted  .job-card-details-posted-btn { display: flex;}
.job-page-details .job-card-details-col .rightcontent .job-card-details-days {width: 90px; display: flex ; justify-content: space-between; flex-direction: column; gap: 30px; height: 100%; align-items: end;}
.job-page-details .job-card-details-col .rightcontent .job-card-details-days .job-card-details-save img{width: 15px; height: 18px; object-fit: contain;}
.job-page-details .job-card-details-col .rightcontent .job-card-details-days .job-card-details-save a {     font-size: 14px;line-height: normal; color: var(--second-color); font-weight: 500;}


.job-page-details .job-card-details-Bottom .job-card-details-posted-btn .btn-read{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--main-color); background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); border-radius: 6px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; margin-left: 10px;}
.job-page-details .job-card-details-Bottom .job-card-details-posted-btn .btn-read .text{position: relative; height: fit-content; white-space: nowrap; z-index: 2; padding: 12px 18px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; }
.job-page-details .job-card-details-Bottom .job-card-details-posted-btn .btn-read:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.job-page-details .job-card-details-Bottom .job-card-details-posted-btn .btn-read:hover span{width: 350px; height: 350px;}
.job-page-details .job-card-details-Bottom .job-card-details-posted-btn .btn-read span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.job-page-details .job-page-details-block .job-page-details-bottom { background-color: #fff; border-radius: 6px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;  padding: 20px 25px;}
.job-page-details .job-page-details-block .job-page-details-bottom h3 {font-weight: 600; font-size: 22px; line-height: 28px; letter-spacing: 0%; color: var(--second-color); margin: 0 ; padding-bottom: 15px}
.job-page-details .job-page-details-block .job-page-details-bottom p {font-size: 15px; line-height: 19px; color: #000; margin: 0; padding-bottom: 0px;}
.job-page-details .job-page-details-block .job-page-details-bottom .list-text { margin: 0; padding: 0 0 15px 0; list-style: none; }
.job-page-details .job-page-details-block .job-page-details-bottom .list-text li {padding-bottom: 5px; font-size: 15px; line-height: 19px; color: #737070;}
.job-page-details .job-page-details-block .job-page-details-bottom .list-text li:last-child { padding: 0;}
.job-page-details .job-page-details-block .job-page-details-bottom .list-text li strong {color: var(--second-color); font-weight: 600; }
.job-page-details .job-page-details-block .job-page-details-bottom .job-page-details-responsibilities h4 { margin: 0; font-size: 17px; line-height: 21px; color: var(--second-color); font-weight: 600; padding-bottom: 8px;} 
.job-page-details .job-page-details-block .job-page-details-bottom .job-page-details-responsibilities ul { margin: 0; padding: 0; list-style: none; padding-bottom: 20px;}
.job-page-details .job-page-details-block .job-page-details-bottom .job-page-details-responsibilities ul li { padding: 0 2px 5px; position: relative; font-size: 15px; line-height: 19px; color: #737070; list-style: square; margin-left: 36px; }
.job-page-details .job-page-details-block .job-page-details-bottom .job-page-details-responsibilities ul li:last-child { padding-bottom: 0;}
/*.job-page-details .job-page-details-block .job-page-details-bottom .job-page-details-responsibilities ul li::after { content: ""; width: 16px; height: 16px; background: url(../images/responsibilities-icon.png) center center no-repeat; background-size: contain; position: absolute; left: 0; top: 3px; }*/
.job-page-details .job-page-details-block .job-page-details-bottom .job-page-details-social-media { border-top: #E9E9E9 1px solid; padding-top: 20px; display: flex; gap: 10px;}
.job-page-details .job-page-details-block .job-page-details-bottom .job-page-details-social-media a { width: 30px; height: 30px; object-fit: contain;}

.job-page-details .job-details-right {background-color: #fff; border-radius: 6px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 20px 25px; }
.job-page-details .job-details-right h3 { font-weight: 600;  font-size: 20px; line-height: 26px; color: var(--second-color); margin: 0; padding-bottom: 15px;}
.job-page-details .job-details-right .job-details-right-col-top { display: flex;  gap: 15px; align-items: center; }
.job-page-details .job-details-right .job-details-right-col-top .job-details-right-logo a img{ width: 55px; height: 55px; object-fit: contain; border-radius: 6px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.job-page-details .job-details-right .job-details-right-col-top .job-details-right-content h4{ line-height: 0; padding-bottom: 2px; margin: 0;}
.job-page-details .job-details-right .job-details-right-col-top .job-details-right-content h4 a { font-size: 16px; line-height: 20px; color: var(--second-color);  }
.job-page-details .job-details-right .job-details-right-col-top .job-details-right-content p { font-size: 14px; line-height: 18px; color: #737070; margin: 0; }
.job-page-details .job-details-right .job-details-right-col-bottom { display: flex; justify-content: space-between; padding: 10px 0  0 0;}
.job-page-details .job-details-right .job-details-right-col-bottom .job-details-clock-day img{ width: 18px; height: 18px; object-fit: contain;}
.job-page-details .job-details-right .job-details-right-col-bottom .job-details-clock-day a { font-size: 14px; line-height: normal; color: #737070;}
.job-page-details .job-details-right .job-details-right-col { border-bottom: #E9E9E9 1px solid; margin-bottom: 20px; padding-bottom: 15px;}
.job-page-details .job-details-right .job-details-right-col:last-child { margin: 0; border: 0; padding: 0;}
/* Job Details Page End */

.job-page-details .job-page-details-block .job-page-details-bottom .list-text li ul li { list-style: square; }



/* Job profile Start */
.job-profile{padding: 30px 0 60px 0; position: relative; }
.job-profile::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/bottom-pattern.png) bottom center repeat-x; height: 100%;}
.job-profile::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/top-pattern.png) top center repeat-x; height: 100%;}

.job-profile .container{position: relative; z-index: 1;}
.job-profile h1{font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 40px 0; padding-bottom: 28px; position: relative; text-align: center;}
.job-profile h1::before{content: ''; position: absolute; bottom: 0px; left: 50%; width: 220px; height: 2px;background: var(--second-color);z-index: 1; margin-left: -110px;}
.job-profile h1::after{content: ''; position: absolute; bottom: -6px; left: 50%; width: 16px; height: 16px; background: var(--main-color); margin-left: -8px;}
.job-profile h1 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}

.job-profile .job-profile-main{background-color: #fff;  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; margin-bottom: 30px;border-radius: 6px; }
.job-profile .job-profile-main .inner-flex { display: flex; gap: 30px; border-radius: 6px; padding: 20px 25px;}
.job-profile .job-profile-main .job-profile-logo { position: relative;}
.job-profile .job-profile-main .job-profile-logo>a>img { width: 130px; height: 130px; border-radius: 50%; object-fit: cover; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.job-profile .job-profile-main .job-profile-user-icon {width: 27px;  height: 27px; display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 50%; padding: 0px; position: absolute; top: 12px; right: -2px; }
.job-profile .job-profile-main .job-profile-user-icon label { height: 30px;}
.job-profile .job-profile-main .job-profile-logo .job-profile-user-icon img { width: 15px; height: 15px;}
.job-profile .job-profile-main .rightside { width: 100%;}
.job-profile .job-profile-main .rightside .job-profile-right-top { display: flex; justify-content: space-between; width: 100%; align-items: center; padding-bottom: 20px;}
.job-profile .job-profile-main .rightside .job-profile-right-top .job-profile-title h2 { font-size: 22px; line-height: 24px; color: var(--second-color); font-weight: 600; margin: 0; padding-bottom: 0px;}
.job-profile .job-profile-main .rightside .job-profile-right-top .job-profile-title a { font-size: 16px; line-height: 20px; color: #737070; display: inline-block;  }
.job-profile .job-profile-main .job-profile-btn .btn-read{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--main-color); background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); border-radius: 6px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; margin-left: 10px;}
.job-profile .job-profile-main .job-profile-btn .btn-read .text{position: relative; height: fit-content; white-space: nowrap; z-index: 2; padding: 12px 26px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; }
.job-profile .job-profile-main .job-profile-btn .btn-read:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.job-profile .job-profile-main .job-profile-btn .btn-read:hover span{width: 350px; height: 350px;}
.job-profile .job-profile-main .job-profile-btn .btn-read span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.job-profile .job-profile-main .job-profile-right-bottom { display: flex; gap: 15px; flex-wrap: wrap;}
.job-profile .job-profile-main .job-profile-right-bottom .job-profile-right-col { width: 18%; align-items: center;border: #CEE4F2 1px solid; padding: 12px 15px; border-radius: 6px; display: flex; flex-direction: column; gap: 8px; justify-content: center;}
.job-profile .job-profile-main .job-profile-right-bottom .job-profile-right-col .job-profile-right-col-img img { width: 25px; height: 25px; object-fit: contain;}
/*.job-profile .job-profile-main .job-profile-right-bottom .job-profile-right-col .job-profile-right-col-text h4 { line-height: 0; margin: 0; }*/
.job-profile .job-profile-main .job-profile-right-bottom .job-profile-right-col .job-profile-right-col-text h4 { line-height: 0; margin: 0; font-size: 16px; line-height: 20px; color: #000; }
.job-profile .job-profile-main .job-profile-right-bottom .job-profile-right-col .job-profile-right-col-text h4 a { font-size: 16px; line-height: 20px; color: #000;}
.job-profile .job-profile-main .job-profile-right-bottom .job-profile-right-col .job-profile-right-col-text h4 span { font-size: 14px; line-height: 18px; color: #737070; }

.job-profile .job-profile-main .job-profile-right-bottom .job-profile-right-col:hover { background-color: #E3F2FD; border-color: #90CAF9; transform: translateY(-4px); transition: all 0.4s ease-in-out; cursor: pointer;}
.job-profile-tab-container .job-profile-tab { display: none;}
.job-profile-tab-container .job-profile-tab.job-profile-tab-active { display: block;     transition: opacity .15s linear !important;}
.job-profile .job-profile-main .job-profile-tab-menu { padding: 0 25px;}
.job-profile .job-profile-main .job-profile-tab-menu ul{ list-style: none; display: flex; gap: 20px; margin: 0;}
.job-profile .job-profile-main .job-profile-tab-menu ul li a { color: #000; font-size: 16px; padding: 20px 10px; font-weight: 400; text-transform: uppercase; position: relative; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}

.job-profile .job-profile-main .job-profile-tab-menu ul li .job-profile-tab-a:hover, .job-profile .job-profile-main .job-profile-tab-menu ul li .job-profile-tab-a.job-profile-active-a { color: var(--main-color);}
.job-profile .job-profile-main .job-profile-tab-menu ul li .job-profile-tab-a::before {content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%;  height: 6px; border-radius: 10px 10px 0 0; background: #fff; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; }

.job-profile .job-profile-main .job-profile-tab-menu ul li .job-profile-tab-a:hover::before, .job-profile .job-profile-main .job-profile-tab-menu ul li .job-profile-tab-a.job-profile-active-a:before {background: var(--main-color); transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; }
.job-profile .job-profile-tab-container {border-radius: 6px; padding: 20px 25px;background-color: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.job-profile .job-profile-tab-container .job-profile-overview-heading { padding-bottom: 25px;} 
.job-profile .job-profile-tab-container .job-profile-overview-heading h3{ font-size: 22px; line-height: 24px; font-weight: 700; color: var(--second-color); margin: 0; text-align: center;} 


.job-profile .job-profile-tab-applied-col {display: flex; width: 49%; align-items: center; justify-content: space-between; gap: 15px; background-color: #f3f7ff; border: 1px solid #cedeff; border-radius:6px; padding: 12px 15px; transition: transform 0.3s ease-in-out; }
.job-profile .job-profile-tab-applied-col .job-profile-tab-applied-left { display: flex; align-items: center; gap: 15px;}
.job-profile .job-profile-tab-applied-col .job-profile-tab-applied-img img { width: 65px; height: 65px; border-radius: 8px; background-color: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
.job-profile .job-profile-tab-applied-col .job-profile-tab-applied-content h4 { line-height: 0; margin: 0; padding-bottom: 5px;}
.job-profile .job-profile-tab-applied-col .job-profile-tab-applied-content h4 a { font-size: 18px; line-height: normal; color: #003366; font-weight: 700; }
.job-profile .job-profile-tab-applied-col .job-profile-tab-applied-content ul {display: flex; gap: 20px; margin-top: 5px; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; row-gap: 1px;}
.job-profile .job-profile-tab-applied-col .job-profile-tab-applied-content ul li {display: flex; align-items: center; gap: 5px;}
.job-profile .job-profile-tab-applied-col .job-profile-tab-applied-content ul li img { width: 16px; height: 16px; object-fit: contain;}
.job-profile .job-profile-tab-applied-col .job-profile-tab-applied-content ul li span{ gap: 5px; color: #666; font-size: 14px; }
.job-profile .job-profile-tab-applied-col .job-profile-tab-applied-status span {background-color: var(--main-color); color: #fff; border-radius: 6px; padding: 6px 12px; font-weight: 500; font-size: 16px; }
.job-profile .job-profile-tab-applied-col .job-profile-tab-applied-status.applied span{background-color: #357399; border-radius: 21px; }
.job-profile .job-profile-tab-applied-col .job-profile-tab-applied-status.rejected span{background-color: #B8332F; border-radius: 21px; }
.job-profile .job-profile-tab-applied-col .job-profile-tab-applied-status.selected span{background-color: #399626; border-radius: 21px; }
.job-profile .job-profile-tab-applied-col .job-profile-tab-applied-status.shortlisted span{background-color: #EB6528; border-radius: 21px; } 


.job-profile .job-profile-tab-details .inner-flex {display: flex; flex-wrap: wrap; gap: 20px; }
.job-profile .inner-flex .job-profile-tab-save {display: flex ; align-items: center; justify-content: space-between; border-radius: 6px ; width: 32%; box-shadow: 0px 0px 22px 0px #E7E7E8; padding: 12px; }
.job-profile .inner-flex .job-profile-tab-save .job-profile-tab-save-left { display: flex; align-items: center; background-color: rgb(255, 255, 255); gap: 15px;}
.job-profile .inner-flex .job-profile-tab-save .job-profile-tab-save-img a img { width: 65px; height: 65px; object-fit: contain; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 6px;} 
.job-profile .inner-flex .job-profile-tab-save .job-profile-tab-save-content h4 { line-height: 0; margin: 0; padding-bottom: 5px;}
.job-profile .inner-flex .job-profile-tab-save .job-profile-tab-save-content h4 a{font-size: 18px; line-height: 20px; color: var(--second-color); }
.job-profile .inner-flex .job-profile-tab-save .job-profile-tab-save-content ul { margin: 0; padding: 0; list-style: none;}
.job-profile .inner-flex .job-profile-tab-save .job-profile-tab-save-content ul li {display: flex; align-items: center; padding-bottom: 5px; gap: 5px;}
.job-profile .inner-flex .job-profile-tab-save .job-profile-tab-save-content ul li img { width: 16px; height: 16px; object-fit: contain;}
.job-profile .inner-flex .job-profile-tab-save .job-profile-tab-save-content ul li span { font-size:14px; line-height: normal; color: #737070;}
.job-profile .inner-flex .job-profile-tab-save .job-profile-tab-save-right a img {width: 24px; height: 40px; }

.job-profile .job-profile-tab-details .job-profile-tab-notification { display: flex; align-items: center; justify-content: space-between; border-radius: 6px; width: 32%; box-shadow: 0px 0px 22px 0px #E7E7E8; padding: 12px 15px; }
.job-profile .job-profile-tab-notification .job-profile-tab-notification-content h4 {  margin: 0; line-height: 0; padding-bottom: 5px;  }
.job-profile .job-profile-tab-notification .job-profile-tab-notification-content h4 a  { font-size: 18px; line-height: 20px; color: var(--second-color);}
.job-profile .job-profile-tab-notification .job-profile-tab-notification-content ul { margin: 0; padding: 0 0 5px 0; list-style: none;}
.job-profile .job-profile-tab-notification .job-profile-tab-notification-content ul li { display: flex; gap: 5px; align-items: center;padding-bottom: 5px;}
.job-profile .job-profile-tab-notification .job-profile-tab-notification-content ul li img { width: 16px; height: 16px; object-fit: contain;}
.job-profile .job-profile-tab-notification .job-profile-tab-notification-content ul li span { font-size:14px; line-height: normal; color: #737070;}
.job-profile .job-profile-tab-notification .job-profile-tab-notification-content  p { font-size:14px; line-height: normal; color: #737070; margin: 0;}
.job-profile .job-profile-tab-notification  .job-profile-tab-notification-arrow a img { width: 24px; height: 40px;}
.job-profile .job-profile-tab-details { animation: fadeInCustom 0.8s ease-in-out forwards;}
@keyframes fadeInCustom { from { opacity: 0;} to { opacity: 1;}}

.job-profile .job-profile-tab-edit-profile .profile-form {display: flex; flex-wrap: wrap; gap: 12px; }
.job-profile .job-profile-tab-edit-profile .profile-form .mb-3{margin-bottom:12px !important;}
.job-profile .job-profile-tab-edit-profile .profile-form .form-group { width: 48.5%; text-align: left; position: relative;}
.job-profile .job-profile-tab-edit-profile .profile-form .form-group label {position: relative; font-size: 12px; font-weight: 700; color: var(--second-color); line-height: 12px; }
.job-profile .job-profile-tab-edit-profile .profile-form .form-group input {border: #CEE4F2 1px solid; font-size: 15px; line-height: 15px; padding: 10px 15px; color: #000;}
.job-profile .job-profile-tab-edit-profile .profile-form .form-group select {border: #CEE4F2 1px solid; font-size: 15px; line-height: 15px; padding: 10px 15px; color: #000; }
.job-profile .job-profile-tab-edit-profile .profile-form .job-profile-dropdown .select2-container{padding: 10px 15px !important;}
.job-profile .job-profile-tab-edit-profile .profile-form .job-profile-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow{top: -1px !important;}
/*.job-profile .job-profile-tab-edit-profile .profile-form .form-group button {  font-size: 16px; line-height: 16px; letter-spacing: 0%; background-color: var(--main-color); padding: 14px 25px; border: 0; border-radius: 6px;  color: #fff;}*/
.job-profile .job-profile-tab-edit-profile .profile-form .wc-btn-light{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--main-color); background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); border-radius: 6px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; }
.job-profile .job-profile-tab-edit-profile .profile-form .wc-btn-light .text{position: relative; z-index: 2; padding: 15px 20px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; }
.job-profile .job-profile-tab-edit-profile .profile-form .wc-btn-light:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.job-profile .job-profile-tab-edit-profile .profile-form .wc-btn-light:hover span{width: 350px; height: 350px;}
.job-profile .job-profile-tab-edit-profile .profile-form .wc-btn-light span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.job-profile .job-profile-tab-edit-profile .profile-form .form-group .form-control:focus , .job-profile .job-profile-tab-edit-profile .profile-form .form-group .form-select:focus  { box-shadow: none; border: var(--main-color) 1px solid;}
/* Job profile End */

.apply-profile{padding: 30px 0 60px 0; position: relative; }
.apply-profile::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/bottom-pattern.png) bottom center repeat-x; height: 100%;}
.apply-profile::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/top-pattern.png) top center repeat-x; height: 100%;}

.apply-profile .container{position: relative; z-index: 1;}
.apply-profile h1{font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 40px 0; padding-bottom: 28px; position: relative; text-align: center;}
.apply-profile h1::before{content: ''; position: absolute; bottom: 0px; left: 50%; width: 220px; height: 2px;background: var(--second-color);z-index: 1; margin-left: -110px;}
.apply-profile h1::after{content: ''; position: absolute; bottom: -6px; left: 50%; width: 16px; height: 16px; background: var(--main-color); margin-left: -8px;}
.apply-profile h1 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.apply-profile .job-profile-tab-edit-profile{width: 80%; margin: 0 auto;}
.apply-profile .job-profile-tab-edit-profile .profile-form {display: flex; flex-wrap: wrap;  margin:0 -7px;}
.apply-profile .job-profile-tab-edit-profile .profile-form .mb-3{margin-bottom:12px !important; padding:0 7px;}
.apply-profile .job-profile-tab-edit-profile .profile-form .form-group { width: 100%; text-align: left; position: relative;}
.apply-profile .job-profile-tab-edit-profile .profile-form .form-group label {position: relative; font-size: 12px; font-weight: 700; color: var(--second-color); line-height: 12px; }
.apply-profile .job-profile-tab-edit-profile .profile-form .form-group input {border: #CEE4F2 1px solid; font-size: 15px; line-height: 15px; padding: 10px 15px; color: #000;}
.apply-profile .job-profile-tab-edit-profile .profile-form .form-group input:focus{box-shadow: none;}
.apply-profile .job-profile-tab-edit-profile .profile-form .form-group select {border: #CEE4F2 1px solid; font-size: 15px; line-height: 15px; padding: 10px 15px; color: #000; }
.apply-profile .job-profile-tab-edit-profile .profile-form .job-profile-dropdown .select2-container{padding: 10px 15px !important;}
.apply-profile .job-profile-tab-edit-profile .profile-form .job-profile-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow{top: -1px !important;}
.apply-profile .job-profile-tab-edit-profile .profile-form .wc-btn-light{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--main-color); background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); border-radius: 6px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; }
.apply-profile .job-profile-tab-edit-profile .profile-form .wc-btn-light .text{position: relative; z-index: 2; padding: 15px 20px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; }
.apply-profile .job-profile-tab-edit-profile .profile-form .wc-btn-light:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.apply-profile .job-profile-tab-edit-profile .profile-form .wc-btn-light:hover span{width: 350px; height: 350px;}
.apply-profile .job-profile-tab-edit-profile .profile-form .wc-btn-light span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

/* Job Login Start */
.job-step { padding: 60px 0;}
.job-step .inner-flex{ display: flex; }
.job-step .inner-flex .leftside { width: 50%; }
.job-step .inner-flex .rightside { width: 50%; padding: 25px 100px 0 100px; }

.job-step .inner-flex .leftside .job-step-image img { width: 100%; height: 600px; object-fit: cover; border-radius: 30px;}
.job-step .fieldset-progress-bar { padding-bottom: 50px;}
.job-step .fieldset-progress-bar .progress-bg { width: 100%; max-width: 700px; margin: auto; background-color: #E6E6E6;border-radius: 10px;}
.job-step .fieldset-progress-bar .progress-bg div { height: 7px; background: var(--main-color); width: 0px; border-radius: 5px; transition: width 0.3s; }
.job-step .job-step-content .fieldset-wapper { display: none;}
.job-step .job-step-content .fieldset-wapper.fieldset-active{display: block;}
.job-step .job-step-content .job-step-text { padding-bottom: 20px;}
.job-step .job-step-content .job-step-text h2 { font-size: 32px; line-height: normal; color: var(--second-color); margin: 0; font-weight: 400; padding-bottom: 10px;}
.job-step .job-step-content .job-step-text p {font-size: 16px;line-height: 24px; color: #8F8F8F; font-weight: 400; margin: 0;}
.job-step .job-step-content .job-step-text p span { font-weight: 500; color: var(--main-color);}

.job-step .job-step-content .job-step-form{ display: flex; flex-direction: column; gap: 10px; }
.job-step .job-step-content .job-step-form .form-group { display: flex; flex-direction: column; position: relative ; }
.job-step .job-step-content .job-step-form .form-group label {color: var(--main-color); font-size: 14px; font-weight: 700; margin-bottom: 5px; line-height: 16px;}
.job-step .job-step-content .job-step-form .form-group label span { color: #9D9D9D;}
.job-step .job-step-content .job-step-form .form-group input {border: 0; box-shadow: 0px 0px 22px 0px #E7E7E8; padding: 15px 20px; color: #181818; font-size: 16px; line-height: 15px;  color: #000; border-radius: 10px;}
.job-step .job-step-content .job-step-form .form-group select {border: 0; box-shadow: 0px 0px 22px 0px #E7E7E8; padding: 15px 20px; color: #181818; font-size: 16px; line-height: 15px;  color: #000; border-radius: 10px;}


.job-step .job-step-content .job-step-form .form-group .form-control:focus  { border: none;}
.job-step .job-step-content .job-step-form .form-group-otp { display: flex; align-items: center; gap: 10px;}
.job-step .job-step-content .job-step-form .form-group-otp input { text-align: center;}
.job-step .job-step-content .job-step-btn { display: flex; gap: 30px; align-items: center; padding-top: 30px;}
.job-step .job-step-content .job-step-btn .btn-read{    width: 48%; display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--main-color); background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); border-radius: 6px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none;}
.job-step .job-step-content .job-step-btn .btn-read .text {position: relative; z-index: 2; padding: 12px 30px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; display: flex; gap: 30px; align-items: center; }
.job-step .job-step-content .job-step-btn .btn-read:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.job-step .job-step-content .job-step-btn .btn-read:hover span{width: 350px; height: 350px;}
.job-step .job-step-content .job-step-btn .btn-read span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.select2-container--default .select2-selection--single { height: 50px !important; border: 0 !important; box-shadow: 0px 0px 22px 0px #E7E7E8 !important; padding: 5px 12px !important; color: #181818 !important; font-size: 16px !important; line-height: 15px !important; border-radius: 10px !important; }
.select2-results__option {padding: 8px 20px !important; user-select: none; -webkit-user-select: none; font-size: 14px !important; line-height: 14px !important; color: #000; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: var(--main-color) !important; color: white !important; }
.select2-container--default .select2-results__option--selected { background-color: var(--main-color) !important; color: #fff !important; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;}
.select2-container--open .select2-dropdown--below { box-shadow: 0px 16px 20px 0px #e7e7e861 !important; border: 0 !important;}
.select2-search--dropdown { padding: 4px 18px !important; font-size: 16px !important; line-height: 16px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow {top: 4px !important; right: 9px !important;}


.select2-selection.select2-selection--multiple {height: auto !important; border: 0 !important; box-shadow: 0px 0px 22px 0px #E7E7E8 !important;     padding: 8px 12px 12px 12px !important; color: #181818 !important; font-size: 16px !important; line-height: 15px !important;border-radius: 10px !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #f1f9fe !important;  border-radius: 5px !important; border: #CFE0EA 1px solid !important; width: auto !important; padding: 6px !important; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {color: #6e6e6e !important; font-size: 20px !important; font-weight: 500 !important; padding: 0 5px !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {font-size: 14px; font-weight: 400;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { position: relative !important; border-right: 0 !important;}
.select2-container--open .select2-dropdown--above {border-bottom: none;border-bottom-left-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important;}
.select2-dropdown {height: auto !important; border: 0 !important; box-shadow: 0px -18px 22px 0px #E7E7E8 !important; padding: 8px 12px 12px 12px !important; color: #181818 !important; font-size: 16px !important;line-height: 15px !important;border-radius: 10px !important; }
.select2-container--open .select2-dropdown--below {border-top-left-radius: 0 !important; border-top-right-radius: 0 !important;}

.job-step .job-step-content .job-step-upload h5{color: var(--main-color); font-size: 14px; font-weight: 700; margin-bottom: 5px; line-height: 16px;}
.upload-block .upload-box { width: 100%; background: #fff; box-shadow: 0px 0px 22px 0px #E7E7E8; border-radius: 6px; display: flex; align-items: center; flex-direction: column; gap: 10px; padding: 30px 20px; cursor: pointer;}
.upload-block .upload-box img {width: 60px; height: 60px;}
.upload-block .upload-box p {font-size: 26px; font-weight: 300; line-height: normal; color: #181818; margin: 0;}

/* Job Login End */


body .parsley-errors-list{
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 5px;
}
body .parsley-errors-list li {
  font-weight: 400;
  color: #f55050;
  font-size: 14px;
}
body .form-control.parsley-error{
  background-color: #F2DEDE;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.upload-block{
  cursor: pointer;
}
.jobSelectCity .select2-selection{
  box-shadow: none !important;
}
#applyJobModel .modal-dialog .modal-content .modal-body .select2-container--default .select2-selection--multiple .select2-selection__choice {
  padding: 0px 8px 4px 0px !important;
}
.clearFilter{
  cursor: pointer;
}

.job-profile-dropdown .select2-container { border: #CEE4F2 1px solid !important; font-size: 15px !important;line-height: 15px !important; padding: 30px 15px 10px 14px !important; color: #000 !important; border-radius: .375rem; }
.job-profile-dropdown .select2-container .select2-selection--single .select2-selection__rendered {color: #000 !important;line-height: normal; font-size: 15px;padding: 0 !important; }
.job-profile-dropdown .select2-container  .select2-selection--single {height: auto !important; border: 0 !important; box-shadow: unset !important; padding: 0 !important; font-size: 16px !important; line-height: 15px !important; border-radius: 10px !important; }
.job-profile-dropdown .select2-dropdown--below { box-shadow: unset !important; border: #CEE4F2 1px solid !important;top: -4px;padding: 0 !important; }
.job-profile-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow { top: 19px !important; right: 9px !important; }
.select2-search--dropdown {padding: 4px 16px !important; font-size: 18px !important; line-height: 22px !important; }

.irs--flat .irs-line , .irs--flat .irs-bar {height: 8px !important;}
.irs--flat .irs-handle>i:first-child { top: -3px !important;}
.irs-from, .irs-to, .irs-single {top: -7px !important; }
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {font-size: 13px !important; padding: 2px 7px !important; width: 25px; display: flex; justify-content: center;  background-color: var(--main-color) !important;}
.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { bottom: -9px !important;     margin-left: -5px !important; border: 5px solid transparent !important; border-top-color: var(--main-color) !important;}
.irs--flat .irs-bar { top: 25px; height: 12px; background-color: var(--main-color) !important;}


.job-page .job-page-main .inner-flex .rightside .job-card .job-card-col .job-card-Bottom .title-block { display: none;} 

.filetrs-btn { display: none;}
.btn-close-filetrs { display: none;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

body.page-template-app-openings .sticky-area,
body.page-template-app-openings .btn-share,
body.single-job .sticky-area,
body.single-job .btn-share,
body.page-template-app-apply-job .sticky-area,
body.page-template-app-apply-job .btn-share{
  display: none !important;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: transparent !important;
    cursor: not-allowed !important;
}
.cityRequired {
    font-weight: 400;
    color: #f55050;
    font-size: 14px;
    display: none;
}
body.page-template-app-openings .cityRequired{
  position: absolute;
  width: 100%;
  left: 20px;
  bottom: -6px;
}
body.page-template-app-apply-job .job-profile .job-profile-tab-edit-profile .profile-form .form-group {
    width: 100%;
    text-align: left;
    position: relative;
}
body.page-template-app-apply-job .profile-form{
  gap: 0 !important;
}
body.page-template-app-apply-job .preferdLocation .select2-selection,
body.page-template-app-account .preferdLocation .select2-selection{
  padding: 0 !important;
  margin: 0;
  box-shadow: none !important;
}
body.page-template-app-apply-job .preferdLocation button{
  background-color: transparent !important;
}
.resume-div{
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    margin: 0px 0px 5px 0px;
    display: block;
}

.referSection .applyJobListBtn{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--main-color); background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); border-radius: 6px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none;}
.referSection .applyJobListBtn .text{position: relative; z-index: 2; padding: 8px 16px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; }
.referSection .applyJobListBtn:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.referSection .applyJobListBtn:hover span{width: 350px; height: 350px;}
.referSection .applyJobListBtn span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.job-page .job-page-main .job-page-content .inner-flex .rightside .job-card .job-card-col .addtoany_list{display: flex; position: relative; top: 5px;}
.job-page .job-page-main .job-page-content .inner-flex .rightside .job-card .job-card-col .addtoany_list a{margin: 0 10px 0 0; width: 28px; height: 28px; padding: 0;}
.job-page .job-page-main .job-page-content .inner-flex .rightside .job-card .job-card-col .addtoany_list a svg {width: 100%; height: 100%;}

.job-page-details .btn-download-ap{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--main-color); background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); border-radius: 6px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; margin-left: 10px;}
.job-page-details .btn-download-ap .text{position: relative; height: fit-content; white-space: nowrap; z-index: 2; padding: 12px 18px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; }
.job-page-details .btn-download-ap .text-button{position: relative; height: fit-content; white-space: nowrap; z-index: 2; padding: 12px 18px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; }
.job-page-details .btn-download-ap:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.job-page-details .btn-download-ap:hover span{width: 350px; height: 350px;}
.job-page-details .btn-download-ap span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.defaultHide{
  display: none;
}
.register_mobile{
  display: block;
}

.job-profile .job-profile-tab-edit-profile .profile-form .form-group input:read-only {
  background-color: #f3f3f3;
}


.job-profile .btn-read.exploreJobs{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--main-color); background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); border-radius: 6px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; margin-left: 10px;}
.job-profile .btn-read.exploreJobs .text{position: relative; height: fit-content; white-space: nowrap; z-index: 2; padding: 12px 26px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; }
.job-profile .btn-read.exploreJobs:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
.job-profile .btn-read.exploreJobs:hover span{width: 350px; height: 350px;}
.job-profile .btn-read.exploreJobs span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.resendOtpText{
    font-size: 16px;
    line-height: 24px;
    color: #8F8F8F;
    font-weight: 400;
    margin: 0;
    margin-top: 10px;
    text-align: center;
}
.job-step .job-step-content .job-step-form .otherValueOption{
    display: none;
}

.signupDetails {
    margin-top: 40px;
    text-align: center;
}
.signupDetails h5{
    margin-top: 80px;
    text-align: center;
}
.signupDetails p{
    font-size: 16px;
    line-height: 24px;
    color: #8F8F8F;
    font-weight: 400;
    margin: 0;
}
.signupDetails .job-step-btn{
    justify-content: center;
    padding-top: 20px !important;
}
.signupDetails .job-step-btn a{
    width: auto !important;
}
.sepratorLine {
    margin-bottom: 40px;
    border-bottom-style: dashed;
    border-bottom-color: #dbdfe9;
}

body .swal2-container .swal2-actions .swal2-confirm,
body .swal2-container .swal2-actions .swal2-confirm:focus-visible,
body .swal2-container .swal2-actions .swal2-deny,
body .swal2-container .swal2-actions .swal2-deny:focus-visible,
body .swal2-container .swal2-actions .swal2-cancel,
body .swal2-container .swal2-actions .swal2-cancel:focus-visible{
    box-shadow: none !important;
    padding: 6px 22px;
    font-size: 16px;
}


.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    position: absolute;
    top: 100%;
    width: 220px;
    left: 5px;
    background: white;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.4s ease;
    background: linear-gradient(0deg, rgba(229, 87, 47, 1) 0%, rgba(211, 35, 73, 1) 50%, rgba(162, 70, 112, 1) 100%);
}
.dropdown-content a {
    color: black;
    padding: 10px 14px;
    text-decoration: none;
    display: block;
    color: #fff;
    /*text-transform: uppercase;*/
    font-size: 15px;
    text-align: center;
}
.myprofileAccountBtn:hover .dropdown-content{
    transform: scaleY(1);
}


.custom-file-wrapper {
    position: relative;
    cursor: pointer;
}
.custom-file-display {
    cursor: pointer;
    font-size: 14px;
    background-color: #f3f3f3;
    color: #000;
    word-break: break-all;
}

.resumeSection {
    display: flex;
    justify-content: space-between;
}

/* Custom button styling for notification popup only */
.notification-permission-popup .swal2-actions button {
    align-items: center !important;
    justify-content: center !important;
    text-transform: capitalize !important;
    border-radius: 6px !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.3s !important;
    text-decoration: none !important;
    padding: 10px 24px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}
.notification-permission-popup .swal2-confirm {
    display: inline-flex !important;
    border: 1px solid rgba(229, 87, 47, 1) !important;
    background: rgb(229, 87, 47) !important;
    background: linear-gradient(0deg, rgba(229, 87, 47, 1) 0%, rgba(211, 35, 73, 1) 50%, rgba(162, 70, 112, 1) 100%) !important;
    box-shadow: none !important;
}
.notification-permission-popup .swal2-confirm:hover {
    opacity: 0.9 !important;
    transform: translateY(-1px) !important;
}
.notification-permission-popup .swal2-cancel {
    display: inline-flex !important;
    background: #f3f4f6 !important;
    color: #6b7280 !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: none !important;
}
.notification-permission-popup .swal2-cancel:hover {
    background: #e5e7eb !important;
}

.domain-type .select2-selection__arrow { display: none; }

.mobile-menu .wp-menu-img-before img {
    margin-right: 0px;
    height: 24px;
    width: 24px;
}

.job-page .job-page-main .job-page-content .inner-flex .rightside .job-card .job-card-col .job-card-col-item{
  width: calc(100% - 150px);
}
.cardSocialShare {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 14px;
}
.referSection {
    display: flex;
    gap: 10px;
}
.select2.select2-container.select2-container--disabled {
    background-color: #f3f3f3 !important;
}
.acceptTerms {
    font-size: 14px !important;
    display: inline-block !important;
}
.acceptTerms a{
    color: var(--main-color);
    text-decoration: underline;
}

body .referAndEarnPage{display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--main-color); background: rgb(229,87,47); background: linear-gradient(0deg, rgba(229,87,47,1) 0%, rgba(211,35,73,1) 50%, rgba(162,70,112,1) 100%); border-radius: 6px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; margin-left: 0px;}
body .referAndEarnPage .text{position: relative; height: fit-content; white-space: nowrap; z-index: 2; padding: 12px 18px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 18px; -webkit-transition: all 0.7s; transition: all 0.7s; display: flex; justify-content: center; align-items: center; gap: 2px; }
body .referAndEarnPage:hover .text{color: var(--main-color);  -webkit-transition: all 0.7s; transition: all 0.7s;}
body .referAndEarnPage:hover span{width: 350px; height: 350px;}
body .referAndEarnPage span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background:#fff; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}


body .referAndEarnPage:hover .text svg path {
    stroke: var(--main-color);
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
}
.refer-earn {padding: 80px 0; position: relative; overflow: hidden;}
/*.refer-earn::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/bottom-pattern.png) bottom center repeat-x; height: 100%;}*/
.refer-earn::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(../images/top-pattern.png) top center repeat-x; height: 100%;}
.refer-earn .container{position: relative; z-index: 1}
.refer-earn .d-flex{align-items: center;}
.refer-earn .photo-area { width: 50%; height: 92%; width: auto; text-align: right; position: absolute; bottom: 0; right: 0; z-index: 111; }
.refer-earn .photo-area img{width:auto;height:100% ;}
.refer-earn .content-area { width: 61%; padding: 0; }
.refer-earn h1{font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 25px 0; padding-bottom: 28px; position: relative; text-align: start;}
.refer-earn h1::before{content: ''; position: absolute; bottom: 0px; left: 0; width: 220px; height: 2px; background: var(--second-color); z-index: 1; margin-left: 8px;}
.refer-earn h1::after{content: ''; position: absolute; bottom: -6px; left: 0; width: 16px; height: 16px; background: var(--main-color); margin-left: 0px;}
.refer-earn h1 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.refer-earn h2{font-size: 24px; padding-right: 50px; font-weight: 700; color: var(--main-color); margin: 0px 0px 20px 0px; position: relative; z-index: 1;}
.refer-earn .content-area ul{ margin: 0px 0 10px 0; padding: 0px; list-style: none;}
.refer-earn .content-area p { font-family: Inter; color: var(--second-color); font-weight: 400; font-style: Regular; font-size: 18px; line-height: 28px;  }
.refer-earn .content-area ul li{font-size: 16px; line-height: 24px; color: var(--second-color); margin:0 0 10px 0; font-weight: 400; position: relative; padding-left: 18px;}
.refer-earn .content-area ul li::before{content: ''; position: absolute; top: 8px; left: 0px; width: 8px; height: 8px; background: var(--main-color); border-radius: 50%;}
.refer-earn .content-area ul li strong { display: block; color: var(--main-color); }
.refer-earn .content-area h4 { font-family: Inter; font-weight: 700; font-size: 24px; line-height: 24px; color: var(--main-color); margin: 0 0 25px 0; }

.refer-earn-works { background: #F1F9FE; padding: 70px 0; }
.refer-earn-works h2{font-size: 42px; line-height: 54px; font-weight: 700; color: var(--second-color); margin: 0 0 30px 0; padding-bottom: 28px; position: relative; text-align: start  ;}
.refer-earn-works h2::before{    content: ''; position: absolute; bottom: 0px; left: 0; width: 220px; height: 2px; background: var(--second-color); z-index: 1; margin-left: 8px;}
.refer-earn-works h2::after{    content: ''; position: absolute; bottom: -6px; left: 0; width: 16px; height: 16px; background: var(--main-color); margin-left: 0px;}
.refer-earn-works h2 span{font-size: 16px; line-height: 16px; font-weight: 400; color: var(--main-color); letter-spacing: 2px; margin: 0 0 15px 0; display: block;}
.refer-earn-works .refer-earn-block { border: 1px solid #CFE0EA; border-radius: 15px; background: #FFFFFF; padding: 30px; min-height: 271px; display: flex; flex-direction: column; justify-content: space-between; }
.refer-earn-works .refer-earn-block .refer-earn-block-top { display: flex;}
.refer-earn-works .refer-earn-block h3 { font-family: Inter; font-weight: 600; font-size: 22px; line-height: 26px; letter-spacing: 0%;     color: var(--main-color);}
.refer-earn-works .refer-earn-block .refer-earn-block-top .number { position: absolute; width: 70px; height: auto; background: linear-gradient(180deg, #A24670 0%, #D32349 50.5%, #E5572F 100%); font-family: Inter; font-weight: 600; font-size: 36px; line-height: 36px; letter-spacing: 0%; text-align: center; color: #FFFFFF; right: 0; top: 0; padding: 17px 0; border-radius: 0 15px 0 15px; }
.refer-earn-works .refer-earn-block .content p {font-family: Inter; font-weight: 400; font-size: 13px; line-height: 20px; letter-spacing: 0%; color: #1D5170; margin: 0 0 10px 0;}
.refer-earn-works .refer-earn-block .content p:last-child { margin: 0;}
.refer-earn-works .refer-slider .owl-nav { display: flex; position: absolute; top: -80px; right: 0; gap: 13px; }
.refer-earn-works .refer-slider .owl-nav button { background: #CF274D !important; padding: 12px ; border-radius: 50%; display: flex; width: 54px; height: 54px; align-items: center; justify-content: center; }
.refer-earn-works .refer-earn-block .content p { font-size: 12px; line-height: 18px;  margin: 0 0 6px 0; }

.swal2-container .swal2-close{
  display: none !important;
}

.refer-earn-works .refer-slider1 .refer-earn-block{min-height: 200px;}
.refer-earn-works .refer-slider1 .refer-earn-block h3{font-size: 26px; line-height: 30px; }
.refer-earn-works .refer-slider1 .refer-earn-block .content p{font-size: 16px; line-height: 22px;}
.refer-earn-works .refer-slider1 .owl-nav { display: flex; position: absolute; top: -80px; right: 0; gap: 13px; }
.refer-earn-works .refer-slider1 .owl-nav button { background: #CF274D !important; padding: 12px ; border-radius: 50%; display: flex; width: 54px; height: 54px; align-items: center; justify-content: center; }

.refer-earn-works ul{margin:0px; padding:0px;list-style: none;}
.refer-earn-works ul li{padding-left: 100px; position: relative; margin-bottom: 15px;}
.refer-earn-works ul li .refer-earn-block{min-height: auto;}
.refer-earn-works ul li .refer-earn-block .number{left: 0px; border-radius: 50% !important;}
.refer-earn-works ul li .refer-earn-block .number::before {content: ''; position: absolute; left: 70px; width: 30px; height: 1px; background: #95b9ce; top: 35px;}

.job-step .job-step-content .job-step-form .form-group input[type="checkbox"] {
    padding: 10px 10px;
    border-radius: 10px;
    border-radius: 6px;
}