/*.inner-banner figure::before{background: rgb(0 0 0 / 50%)}

.inner-banner figure::after{height: 47.32%}*/

.inner-banner figcaption{padding-bottom: 7rem}

.inner-banner figure::before, .inner-banner figure::after{display: none;}


.about-section-one::before{content: '';position: absolute;inset: auto 0 0;background: linear-gradient(180deg, rgba(246,246,246,0) 0%, rgba(246,246,246,1) 100%);height: 32%}

.about-section-one video, .about-section-one figure img{border-radius: 25px;height: 100%;object-fit: cover;}

.about-section-two, .about-section-three, .about-section-four{background: #F6F6F6}

.about-section-two article{background: rgb(255 255 255 / 92%);border-radius: 25px;padding: 2.5rem;}

.about-section-two .col-md-6:nth-child(odd) article{margin-right:2.95rem}

.about-section-two .col-md-6:nth-child(even) article{margin:7rem 0 0 2.95rem}

.about-section-three .abt3Wrap{padding: 8.65rem 2rem;border-radius:20px}

.about-section-three h2{font-weight:600;}

.about-section-four::before{content: '';position: absolute;inset: auto 0 0;background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);height: 78%}

.about-section-four .abt4Wrap{margin-right: -30.5vw}

.about-section-four article{padding: 2.25rem;border-radius: 20px;background: #F3F3F3;margin-right: 1.25rem;min-height: 279px;}

.about-section-four .slick-arrows-wrapper{top: -94px;right: 30.5vw;}



.pro-section-one figure img{border-radius: 25px}

.pro-section-one figcaption{padding: 3rem 3.5rem}

.pro-section-one h4{color: rgb(255 255 255 / 80%)}

.pro-section-one .btn::before, .pro-section-one .btn::after{clip-path: circle(100% at 50% 50%);width: 135%;}

.pro-section-one .btn{border-color: #f40009;}

.pro-section-one .btn:hover::before{width:0}

.career-section-one figure, .career-section-one img, .blogWrap figure, .blogWrap figure img, .blog-detail-one figure, .blog-detail-one figure img, .blogInr figure, .blogInr figure img{border-radius: 20px}

.career-section-two .search button {top: 0;right: 0.3rem;}

.career-section-two article{background: #F5F6F8;border-radius: 20px;padding: 2rem}

.career-section-two article h5{border-bottom: 1px solid rgb(27 27 27 / 20%);padding-bottom: 1rem;margin-bottom: 1rem}



.job-detail-two li {list-style: decimal;margin: 0 0 0.5rem 1rem;}

.job-detail-three .job3Wrap{background: #F5F6F8;border-radius: 20px;padding: 2.5rem}

.job-detail-three .form-control{padding: 0 0.25rem 0.75rem;color: #1B1B1B;border-color:rgb(27 27 27 / 20%)}

.job-detail-three .form-control::placeholder{color: #1B1B1B;}

.upload .form-control[type=file] {opacity: 0;}

.upload svg {position: absolute;top: 3px;right: 4px;}

.upload span {padding: 0 0.25rem 0.75rem;border-bottom: 1px solid rgb(27 27 27 / 20%);color: #1B1B1B;transition: 0.75s}

.upload span:focus{padding-left: 0.75rem;border-color: var(--red-color);color: #333;}

.job-detail-three .ct-slct{z-index: 9}



.blogInr{border-radius: 25px;background: #F9F9F9;padding: 1.5rem;position: relative;overflow: hidden;}

.blogInr .icon{right: -20%;transition:0.5s;transform:translateX(100%);opacity:0}

.blogInr:nth-child(even) .row{flex-direction: row-reverse;}

.blogInr:nth-child(even) .icon{left:-20%;right:auto;transform:translateX(-100%)}

.blogInr:hover .icon{transform:none;opacity:1}

.blogInr aside{padding: 0 3rem 0 1.5rem;}



.careerFilter .dropdown-menu2 {overflow: auto;box-shadow: 0 0 0.125rem rgb(0 0 0 / 20%);display: none;background: #fff;margin: 0;width: 100%;border-radius: 0;position: absolute;top: 100%;left: 0;right: 0;z-index: 99;margin-top: 5px;border: 0;}

.careerFilter .dropdown-menu2 li {transition: .6s;width: 100%;min-width: 100%;display: block;margin: 0;}

.careerFilter .dropdown-menu2 li a {margin: 0;display: block;padding: 0.6rem 0.938rem;text-decoration: none;line-height: 1.2;text-transform: capitalize;color: var(--base-font-color);}

.careerFilter .dropdown-menu2 li a:hover {background: #000;color: #fff;}

.careerFilter button:focus{box-shadow: none;}



.pagination a, .pagination span{width: 2.75rem;height: 2.75rem;display: flex;align-items: center;justify-content: center;color: #ABABAB;border:1px solid #ABABAB;position: relative;transition: 0.75s;font-size: 1rem;padding-top: 1px;border-radius:50%}

.pagination a:hover, .pagination a.active{color: #333;border-color:#333}

.pagination svg *{transition: 0.75s}

.pagination a:hover path, .pagination span:hover path{stroke: var(--red-color);}

.pagination span:hover, .pagination li:first-child a:hover, .pagination li:last-child a:hover{border-color:var(--red-color)}



body.blog-detail .inner-banner h1{font-size: 2.625rem}

.blog-detail-one li{position: relative;padding-left: 1.5rem;margin-top: 0.65rem;}

.blog-detail-one li::before{content: '';position: absolute;top: 4px;left: 0;border-radius: 50%;background: var(--red-color);width: 0.75rem;height: 0.75rem}

.blog-detail-one h3{font-size: 2.375rem;font-weight: 400;}



.contactWrap{background: #F5F6F8;border-radius: 20px;padding: 3rem}

.contactWrap h3{font-size: 2.25rem;font-weight: 400}

.contactWrap article{background: #fff;border-radius: 12px;box-shadow: 0 2px 15px rgb(0 0 0 / 10%);padding: 3.5rem}

.contactWrap .social-icons li a{width: 2.375rem;height: 2.375rem;background: transparent;border-color: #E1E1E1;box-shadow: 0 2px 4px rgb(0 0 0 / 15%)}

.contactWrap .social-icons li a::after{background: var(--red-color);}

.contactWrap .social-icons li a:hover path{fill: #fff}

.contactWrap .form-control, .contactWrap .form-control::placeholder, .contactWrap .form-control:focus{color: rgb(17 17 17 / 40%)}

.contactWrap .contactInfo{position: relative;margin: 2.5rem 0;padding-bottom: 2.5rem}

.contactWrap .contactInfo::before{content: '';position: absolute;bottom: 0;left: 0;width: 69.53%;height: 1px;background: rgb(8 15 34 / 20%)}



.pro-det-two{background: #1B1B1B}

.proDetTop figure{margin-top: -4.6rem}

.proDetMid{padding: 5rem 0}

.proDetSlider .slick-dots{bottom: -50px;z-index: 1}

.proDetSlider .slick-dots li button{background: rgb(27 27 27 / 20%)}

.proDetSlider .slick-dots li.slick-active button{background: var(--base-color)}



.pro-det-five figure{background: var(--base-color);border-radius: 20px}
.pro-det-five figure img{border-radius: 20px}
/*.pro-det-five figure img{margin: 4rem 0 -9.25rem}*/

/*.pro-det-five figure img{margin: 4rem 0 0}*/


.pro-det-seven .col-md-6:last-child .wrap{margin-top: 15rem}



.related-slider{margin: 0 -0.65rem}

.related-slider .slick-slide a{margin: 6rem  0.65rem 0;}

.related-slider figure{background: #F5F6F8;border-radius: 20px;text-align: center;}

.related-slider img{transform: translateY(-70px) !important;}

.related-slider figure:hover img{transform: translateY(-50px) !important;}

.related-slider .slick-arrows-wrapper{right: 0}

.related-slider span{transition: 0.75s}

.related-slider a:hover span{color: var(--red-color);}


	:root { --left-to-right-nil: polygon(0 0, 0 0, 0 100%, 0 100%); --left-to-right-fil: polygon(0 0, 100% 0, 100% 100%, 0 100%); --right-to-left-nil: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); --right-to-left-fil: polygon(100% 0, 0 0, 0 100%, 100% 100%); --top-to-bottom-nil: polygon(100% 0, 0 0, 0 0, 100% 0); --top-to-bottom-fil: polygon(100% 0, 0 0, 0 100%, 100% 100%); --bottom-to-top-nil: polygon(0 88%, 100% 88%, 100% 100%, 0% 100%); --bottom-to-top-fil: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }

@media (min-width: 992px) {


	img.wow { clip-path: var(--bottom-to-top-nil); transition: all 2s ease 0.25s; transform: translateY(40%); opacity: 0; }

	img.animated { clip-path: var(--bottom-to-top-fil); transform: translateY(0px); opacity: 1; }

	.trans-anim > li{transform: translateY(20%);opacity: 0;transition: 0.75s;}

	.trans-anim.animated li{transform: none;opacity: 1;}

	.trans-anim > li:nth-child(1){transition-delay: 0.2s;}

	.trans-anim > li:nth-child(2){transition-delay: 0.4s;}

	.trans-anim > li:nth-child(3){transition-delay: 0.6s;}

	.trans-anim > li:nth-child(4){transition-delay: 0.8s;}

	.trans-anim > li:nth-child(5){transition-delay: 1s;}

	.trans-anim > li:nth-child(6){transition-delay: 1.2s;}

}



@media only screen and (min-width: 1200px) {.container {max-width: 85.652vw;padding: 0}}



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

	h2, .contactWrap h3{font-size: 2.5rem}

	h3{font-size: 2rem}

	h4{font-size: 1.75rem}

	h5{font-size: 1.5rem}

	h6{font-size: 1.25rem}

	.f-18{font-size: 1.375rem}

    .f-62{font-size: 4.125rem}

	:root{--base-font-size:1.125rem;}

	.main-heading {margin-bottom: 2rem;}

	.main-heading h2, body.blog-detail .inner-banner h1{font-size: 2.875rem;}

	.main-section, .proDetMid{padding: 6rem 0;}

	.btn{font-size: 1.25rem;padding: 0.85rem 1.75rem;border-radius: 40px;min-width: 11rem;border-radius: 30px}

	.header ul{gap: 2rem}

	.headerWrap{padding: 1rem 1.75rem;margin: 0 2.5rem;}

	.header ul > li > a{font-size: 1.188rem}

	.header .navbar-nav li .drop-menu a{font-size: 1.063rem}

	.home-section-three figcaption h3{font-size: 2.5rem;}

	.home-section-three figcaption{padding: 2.5rem}

	.home-section-six h5{font-size: 2.125rem;max-width: 80%}

	.home-section-six figcaption li::before {top: 10px;width: 6px;height: 6px;}

	.home-section-six figcaption{padding: 6rem}

	.home-section-six figure{margin: 0 1.5rem}

	.slick-dots li button{width: 25px;height: 25px}

	.home-section-seven .blogWrap:hover article{transform:translateY(-75px)}

	.home-section-seven figure{height: 31.875rem;}

	.slick-arrows-wrapper{top: -87px}

	.pagination{width: 3rem;height: 3rem;font-size: 1.188}

	.slick-arrows-wrapper .slick-arrow{width: 42px;height: 42px}

	.social-icons li a{width: 2rem;height: 2rem}

	.footer .social-icons li a svg{width: 12px;height: 12px}

	.home-section-two .icon svg {width: 60% !important;}

	.topFooter .logo{width: 20rem}

	.home-section-two article{margin-top: 11rem}

	.about-section-three .abt3Wrap {padding: 14.65rem 3rem;}

	.inner-banner figcaption {padding-bottom: 9rem;}

	.pro-section-one figcaption{padding: 4rem}

	.proDetTop figure {margin-top: -5.6rem;}

/*	.pro-det-five figure img {margin: 5rem 0 -13rem;}*/

	.pro-det-five figure img {margin: 5rem 0 0rem;}

	.career-section-two article {padding:3rem}

	.job-detail-three .job3Wrap{padding: 3.5rem}

    .blogInr{padding: 2.5rem}

    .blog-detail-one li::before{top: 6px}

    .contactWrap{padding: 4rem}

    .contactWrap .social-icons li a{width: 2.5rem;height: 2.5rem}

}