@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap");
html, body{overflow-x: hidden;}
:root {
    --green: #01d28e;
    --light-green: #cffeef;
    --white: #fff;
    --blue: #0174e1;
    --light-grey: #fafafa;
    --primary: #222;
    --light-primary: #595959;
    --violet: #6c5ce7;
    --yellow: #ffad20;
    --deep-yellow: #f79e05;
}
@media (min-width:768px) {
	.container { max-width: 1100px; }
}
h1, h2, h3, h4, h5, p, body { font-family: "Raleway", sans-serif; }
.number { font-family: "Poppins", sans-serif !important; }
body, li, a, p { font-weight: 400; text-decoration: none;}
button{text-decoration: none; cursor: pointer;}

li, input, button, a { outline: none !important; }
input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="number"]::placeholder { opacity: 1; color: var(--primary); }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(1); }

.bth-all{ font-size: 14px; display: inline-flex; align-items: center; justify-content: center; border: 0; min-width: 193px; height: 50px; color: #fff; background: #000; border-radius: 25px; text-align: center; cursor: pointer; }
.bth-all:hover{ background: var(--yellow)}


/*header*/
header { position: relative; z-index: 999; }
header .menu-area ul { list-style: none; padding: 0 0 0 0; justify-content: center; margin-bottom: 0; display: flex; align-items: center;  flex-flow: wrap; }
header .menu-area li { list-style: none; }
header .menu-area li a {position: relative; font-size: 16px; font-weight: 400; color: #fff; margin: 0 0px 0 40px; }
header .navbar-one li a:hover { color: var(--yellow); text-decoration: none;}
header .menu-area { display: flex; justify-content: center; padding: 11px; }
header .menu-area li a.active:after { content: ''; width: 100%; position: absolute; bottom: -10px; left: 0; right: 0; background: #FFAA17; border-radius: 15px; height: 3px; }
.m-menu1 { width: 32px; outline: none !important; margin-left: auto; margin-right: 15px; background: transparent; border: 0; padding: 0; }
.m-menu1 span { height: 2px; background: #fff; margin: 5px 0; width: 100%; display: block; }
.top-header .c-details { display: inline-flex; }
.top-header .c-details li { list-style: none; margin-left: 30px; }
.top-header .c-details li .fa { margin-right: 10px; }
.top-header .c-details li a { color: #3c3c3c; font-size: 16px; font-weight: 500; }
body.open-rightmenu header.d-lg-block.d-none { display: block !important; }
body.open-rightmenu .bg-menu-r { opacity: 1; visibility: visible; right: 0; }
.bg-menu-r { opacity: 0; visibility: hidden; position: fixed; top: 0; right: -500px; width: 100%; height: 100%; overflow: hidden; z-index: 99; background-color: rgba(0, 0, 0, .7); transition: all .3s ease-in-out; cursor: url(../img/close-one.html) 10 10, not-allowed; }

@media (max-width: 991px){
	.logo img{ width: 150px; }
}

@media (min-width:991px) {
	header .menu-area.fixed { position: fixed !important; z-index: 999; top: 0; transition: 0.3s; }
}
@media (max-width:991px) {
	body.open-rightmenu header .menu-area { display: flex !important; background: var(--yellow) !important; justify-content: center; width: 300px; padding: 11px; position: fixed; right: 0; flex-flow: wrap; top: 0; bottom: 0; z-index: 9999; }
	header .menu-area li { width: 100%; margin-top: 29px; }
	header .menu-area ul { display: block; }
}
@media (max-width:768px) {
	.navbar-collapse { padding: 25px; border-radius: 25px; }
}
@media (max-width:500px) {
	header .menu-area { width: 240px; }
	header .menu-area li a { padding: 0 14px; }
}



.banner_wrap { position: relative; height: 500px; overflow: hidden; background-color: #000; display: flex; flex-direction: column; justify-content: center; }
.banner_wrap .bg_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0.18; }
.banner_wrap .banner_img { position: absolute; top: -32px; right: 0; height: 535px; object-fit: contain; object-position: right; }
.banner_wrap .banner_text { position: relative; width: 100%; max-width: 480px; }
.banner_wrap .banner_text .banner_heding { position: relative; margin-bottom: 15px; }
.banner_wrap .banner_text .banner_heding h2 { color: var(--yellow); text-transform: uppercase; font-size: 54px; line-height: 52px; font-weight: 700; margin: 0px; position: relative; z-index: 2; }
.banner_wrap .banner_text .banner_heding h2 span { display: block; color: #fff; font-weight: 600; position: relative; }

.banner_wrap .banner_text ul { padding-inline-start: 0px; margin: 0; margin-bottom: 20px; }
.banner_wrap .banner_text ul li { display: inline-block; color: var(--yellow); font-size: 15px; font-weight: 500; margin: 0px 5px; }
.banner_wrap .banner_text ul li a { color: var(--white); text-decoration: none; position: relative; padding-right: 10px; }
.banner_wrap .banner_text ul li a::before { content: ""; height: 18px; width: 1px; position: absolute; top: 0; right: -2px; background-color: #fff; transform: rotate(20deg); }
.banner_wrap .banner_text .ind_call { border: solid 1px #a9a9a9; background-color: #171717; display: flex; align-items: center; justify-content: space-between; width: 195px; padding: 5px 20px; border-radius: 100px; }
.banner_wrap .banner_text .ind_call .flag { width: 25px; margin-left: 10px; }
.banner_wrap .banner_text .ind_call p {text-align: left; margin: 0px; font-size: 14px; color: var(--yellow); }
.banner_wrap .banner_text .ind_call p small{font-size: 14px;}
.banner_wrap .banner_text .ind_call p span { color: #fff;display: block; }
.banner_wrap .banner_social { position: absolute; top: 40%; left: 20px; transform: translate(0px, -50%); padding-inline-start: 0px; margin: 0px; }
.banner_wrap .banner_social li { display: block; }
.banner_wrap .banner_social li a { font-size: 20px; color: #a3a3a3; margin: 5px 0px; display: block; transition: all 250ms ease-in-out; }
.banner_wrap .banner_social li a:hover { color: var(--white); }
.banner_wrap .eng_call { position: absolute; bottom: 30px; left: 35%; padding-inline-start: 0px; margin: 0; display: flex; align-items: center;/* border: solid 1px #a9a9a9; background-color: #171717;*/ padding: 10px 20px; border-radius: 100px; z-index: 2;  }
.banner_wrap .eng_call li { display: inline-block;font-size: 24px; color: #fff; font-weight: normal; }
.banner_wrap .eng_call li img { width: 40px; margin-right: 10px; }
@media (max-width:1399px) {
	.banner_wrap .eng_call { left: 30%; }
}
@media (max-width:1200px) {
	.banner_wrap .banner_text .banner_heding h2 { font-size: 46px; line-height: 48px; }
	.banner_wrap .banner_text .banner_heding:after { width: 44%; }
	.banner_wrap .eng_call { left: 25%; bottom: 20px; }
	.banner_wrap .banner_text { max-width: 375px; margin-left: 30px; }
}
@media (max-width:1180px) {
	.banner_wrap { height: 450px; }
	.banner_wrap .banner_img { height: 485px; }
	.banner_wrap .banner_text { max-width: 385px; margin-left: 85px; }
	.banner_wrap .eng_call { left: 38%; bottom: 15px; }
}
@media (max-width:1100px) {
	.banner_wrap .banner_text { max-width: 385px; margin-left: 85px; }
	.banner_wrap .eng_call { left: 30%; bottom: 15px; }
}
@media (max-width:991px) {
	.banner_wrap { height: 425px; padding-bottom: 75px; }
	.banner_wrap .banner_img { height: 460px; }
	.banner_wrap .banner_text .banner_heding { margin-bottom: 10px; }
	.banner_wrap .banner_text .banner_heding h2 { font-size: 38px; line-height: 40px; }
	.banner_wrap .banner_text ul { margin-bottom: 15px; }
	.banner_wrap .banner_text ul li { font-size: 14px; }
	.banner_wrap .banner_text .banner_heding:after { bottom: 3px; height: 6px; }
	.banner_wrap .banner_text .ind_call { width: 175px; padding: 3px 15px; }
	.banner_wrap .banner_text .ind_call p { font-size: 13px; }
	.banner_wrap .banner_text .ind_call .flag { width: 20px; margin-left: 5px; }
	.banner_wrap .eng_call { left: 98px; padding: 10px 28px; bottom: 105px; }
	.banner_wrap .eng_call li { font-size: 14px; }
	.banner_wrap .eng_call li img { width: 25px; }
}
@media (max-width:900px) {
	.banner_wrap { height: 385px; padding-bottom: 25px; }
	.banner_wrap .banner_img { height: 420px; }
	.banner_wrap .eng_call { position: relative; left: 85px; bottom: -15px; width: 175px; }
}
@media (max-width:780px) {
	.banner_wrap .banner_img { display: none; }
}
@media (max-width:425px) {
	.banner_wrap { padding-bottom: 70px; }
	.banner_wrap .banner_social { position: absolute; top: auto; left: auto; bottom: 10px; right: 10px; transform: none; }
	.banner_wrap .banner_social li { display: inline-block; }
	.banner_wrap .banner_social li a { margin: 0px 4px; font-size: 18px; }
	.banner_wrap .banner_text { margin-left: 15px; }
	.banner_wrap .banner_text .banner_heding h2 { font-size: 30px; line-height: 32px; }
	.banner_wrap .banner_text .banner_heding:after { bottom: 2px; width: 37%; }
	.banner_wrap .eng_call { left: 0; }
}
.sec_heading { position: relative; display: inline-block; margin-bottom: 15px; }
.sec_heading h2 span:after { content: "";z-index: -1; background-color: #ffd68f; position: absolute; bottom: 5px; right: 0; width: 52%; height: 6px; border-radius: 100px;display:none; }
.sec_heading h2 { font-weight: 700; text-transform: uppercase; font-size: 35px; color: var(--yellow); margin: 0; position: relative; z-index: 2; }
.sec_heading h2 span {position: relative; margin-left: 10px; color: #000; }
.sec_subheading { font-size: 22px; font-weight: 600; text-transform: uppercase; margin-bottom: 5px; }


@media (max-width:991px) {
	.sec_heading h2 { font-size: 30px; }
}
.about_wrap { padding: 150px 0px; position: relative; }
.about_wrap .about_bg_text { position: absolute; top: 65px; right: 10%; font-size: 85px; line-height: 100px; color: #f4f4f4; font-weight: 700; text-transform: uppercase; }
.about_wrap .about_left { margin: 0px; position: relative; }
.about_wrap .about_left .about_img { width: 100%; position: relative; z-index: 2; }
.about_wrap .about_left .client_count { position: absolute; top: -35px; left: 55px; z-index: 3; }
.about_wrap .about_left .client_count img { width: 145px; }
.about_wrap .about_left .client_count h4 { margin: 0; position: absolute; top: 24px; left: 45px; font-size: 13px; width: 90px; text-transform: uppercase; font-weight: 600; color: #fff; text-align: left; }
.about_wrap .about_left .client_count h4 span { display: block; font-size: 30px; font-weight: 700; color: var(--yellow); margin-bottom: 3px; }
.about_wrap .about_left .about_line { position: absolute; top: -220px; left: -480px; width: 765px; }
.about_right { padding-left: 25px; }
.about_right p { font-size: 16px; font-weight: 500; color: #4d4d4e; margin-bottom: 20px; }
.about_right p strong{ color: #FFAD20; text-decoration: underline; }
.about_right ul { padding-inline-start: 0px; margin: 0; margin-bottom: 20px; }
.about_right ul li { display: inline-block; width: 49%; position: relative; font-size: 16px; line-height: 30px; font-weight: 500; padding-left: 15px; }
.about_right ul li::before { content: ""; height: 8px; width: 8px; background-color: var(--yellow); border-radius: 50%; position: absolute; top: 10px; left: 0; }
.about_right .get_btn { display: inline-block; text-decoration: none; color: #fff; background-color: #000; padding: 14px 40px; border-radius: 50px; font-size: 16px; font-weight: 500; border: none; transition: all 250ms ease-in-out; }
.about_right .get_btn:hover { color: var(--yellow); }
@media (max-width:991px) {
	.about_wrap { padding: 100px 0px; padding-bottom: 50px; }
	.about_wrap .about_bg_text { top: 10px; right: 20px; font-size: 65px; line-height: 80px; }
}
@media (max-width:767px) {
	.about_wrap { padding: 80px 0px; }
	.about_wrap .about_bg_text { font-size: 45px; line-height: 55px; }
	.about_wrap .about_left { margin-bottom: 30px; text-align: center; }
	.about_wrap .about_left .about_img { width: 80%; }
}
.dream_wrap { padding: 100px 0px; background-color: #f1f1f1; text-align: center; position: relative; padding-bottom: 0px; }
.blank_dr { height: 100px; background-color: #fff; }
.dream_wrap .dream_bg_text { position: absolute; top: -70px; left: 10%; font-size: 85px; line-height: 100px; color: #f4f4f4; font-weight: 700; text-transform: uppercase; }
.dream_wrap .bg_img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 350px; filter: grayscale(1); opacity: 0.5; }
.dream_wrap .sec_heading { margin-bottom: 40px; }
.dream_wrap .dream_block { border: solid 1px #e2e1e1; background-color: #fff; border-radius: 10px; padding: 20px; text-align: left; color: #000; transition: all 250ms ease-in-out; position: relative; overflow: hidden; min-height: 295px; margin-bottom: -40px; }
.dream_wrap .dream_block .dr_shape { position: absolute; bottom: -10px; right: -45px; height: 50%; opacity: 0; transition: all 250ms ease-in-out; }
.dream_wrap .dream_block:hover .dr_shape { opacity: 1; }
.dream_wrap .dream_block figure { margin-bottom: 10px; width: 60px; height: 60px; }
.dream_wrap .dream_block figure img { width: 100%; height: 100%; object-fit: contain; object-position: center; transition: all 250ms ease-in-out; }
.dream_wrap .dream_block:hover { background-color: #000; border-color: #000; color: #fff; }
.dream_wrap .dream_block:hover figure img { transform: scale(1.2); }
.dream_wrap .dream_block h4 { font-size: 25px; font-weight: 600; margin-bottom: 10px; color: inherit; }
.dream_wrap .dream_block p { font-size: 14px; font-weight: 500; line-height: 24px; margin: 0px; color: inherit; }
.dream_wrap .dream_block ul { padding-inline-start: 0px; margin: 0px; }
.dream_wrap .dream_block ul li { display: inline-block; position: relative; font-size: 14px; font-weight: 500; color: inherit; padding-left: 15px; margin-right: 15px; }
.dream_wrap .dream_block ul li::before { content: ""; width: 8px; height: 8px; background-color: #c7c7c7; border-radius: 50%; position: absolute; top: 5px; left: 0; transition: all 250ms ease-in-out; }
.dream_wrap .dream_block:hover ul li::before { color: #fff; }
@media (max-width:991px) {
	.dream_wrap { padding: 50px 0px; padding-bottom: 40px; }
	.dream_wrap .dream_bg_text { top: -56px; left: 20px; font-size: 65px; line-height: 80px; }
	.dream_wrap .dream_block { margin-bottom: 20px; min-height: 235px; }
	.blank_dr { height: 40px; }
}
@media (max-width:767px) {
	.dream_wrap .dream_bg_text { top: -40px; font-size: 45px; line-height: 55px; }
	.dream_wrap .sec_heading:after { right: 25%; width: 40%; }
	.dream_wrap .dream_block { min-height: 295px; }
}
@media (max-width:575px) {
	.dream_wrap .dream_block { min-height: auto; }
}
.cl_wrap { padding: 50px 0px; background-color: #f1f1f1; }
.cl_wrap .cl_inner .cl_item { text-align: center; }
.cl_wrap .cl_inner .cl_item img { width: 75px; height: 85px; object-fit: contain; object-position: center; margin: 0px auto; margin-bottom: 15px; filter: grayscale(1); }
.cl_wrap .cl_inner .cl_item span { font-size: 14px; font-weight: 600; color: #000; display: block; }
.cl_wrap .slick-current .cl_item img { filter: none !important; }
.l_con { background-color: #fff; padding: 40px 0px; padding-bottom: 0px; }
.l_con .con_inner { background-color: var(--yellow); padding: 30px; border-radius: 15px; width: 100%; max-width: 970px; margin: 0px auto; margin-bottom: -35px; position: relative; z-index: 2; overflow: hidden; }
.l_con .con_inner .con_box { display: flex; align-items: center; }
.l_con .con_inner .con_box .con_shape { content: ""; background-color: var(--deep-yellow); height: 100px; position: absolute; top: 15px; right: 15px; width: 30%; border-radius: 10px; }
.l_con .con_inner .con_box .con_shape::after { content: ""; background-color: var(--yellow); width: 100px; height: 150px; position: absolute; top: -60px; left: -25px; transform: rotate(45deg); }
.l_con .con_inner .con_box .con_text { position: relative; display: inline-block; width: 70%; }
.l_con .con_inner .con_box .con_text::after { content: ""; background-color: #ffd690; height: 8px; width: 250px; position: absolute; bottom: 2px; left: -3px; border-radius: 80px; }
.l_con .con_inner .con_box .con_text h3 { font-size: 32px; line-height: 34px; font-weight: 700; color: #fff; text-transform: uppercase; margin: 0px; position: relative; z-index: 2; }
.l_con .con_inner .con_box .con_text h3 span { display: block; font-weight: 600; color: #000; }
.l_con .con_inner .con_box a { color: #000; text-decoration: none; background-color: #fff; display: block; padding: 14px 40px; padding-bottom: 12px; font-size: 16px; font-weight: 600; border-radius: 100px; box-shadow: 1px 1px 15px rgb(0 0 0 / 15%); position: relative; }
.l_con .con_inner .con_box a:hover{color: #fff; background: #000; }

@media (max-width:675px) {
	.l_con .con_inner .con_box .con_text h3 { font-size: 30px; line-height: 32px; }
	.l_con .con_inner .con_box .con_text::after { width: 230px; }
	.l_con .con_inner .con_box .con_text { width: 65%; }
	.l_con .con_inner .con_box .con_shape { width: 38%; }
}
@media (max-width:585px) {
	.l_con .con_inner .con_box a { padding: 12px 25px; padding-bottom: 10px; }
}
@media (max-width:500px) {
	.l_con .con_inner .con_box { display: block; text-align: center; }
	.l_con .con_inner .con_box .con_text { width: 100%; margin-bottom: 25px; }
	.l_con .con_inner .con_box .con_text h3 { font-size: 28px; text-align: center; }
	.l_con .con_inner .con_box .con_text::after { width: 200px; left: 50%; transform: translate(-50%, 0px); }
	.l_con .con_inner .con_box a { padding: 12px 30px; padding-bottom: 11px; display: inline-block; }
	.l_con .con_inner .con_box .con_shape { display: none; }
}

/*contact*/
.contact-area{position: relative; padding-top: 114px; clear: both;}
.f-ontact{position: relative;}
.f-ontact:after{ content: ''; position: absolute; left: -20px; top:50%; transform: translateY(-50%);border-radius: 9px; background: #FFAD20; width: 45px; height: 442px;}
.form-box .in-fild{ height: 53px; border-radius: 11px; border:1px solid #E2E1E1;width: 100%; padding-left: 15px; outline: none; resize: none;  font-size: 16px;}
textarea.in-fild{height: 103px !important; font-size: 16px; padding-top: 10px;}
.form-box{ box-shadow: 1px 0 20px rgb(0 0 0 / 20%); border-radius: 9px; padding:77px 35px; margin-bottom: -60px; background: #fff;position: relative;z-index: 9;}
.form-box .sec_heading{margin-bottom: 42px;}
.contact-area .line { content: ''; position: absolute; left: -330px; top: -124px; }

@media (max-width: 768px){
	.form-box{padding:30px 25px; }
	.contact-area{padding-top: 40px;}
}

@media (max-width: 767px){
	.form-box{padding:30px 15px;margin-bottom: 15px; }
}


.sec_heading:after{
	display:none!important;
}





/** Common **/
.sec_heading h3 { font-weight: 700; text-transform: uppercase; font-size: 34px; line-height: 36px; color: var(--yellow); margin: 0; position: relative; z-index: 2; }
.sec_heading h3 span { margin-left: 10px; color: #000; }
.sec_bg_text { position: absolute; top: 50px; right: 12%; font-size: 85px; line-height: 100px; color: rgb(0 0 0 / 4%); font-weight: 700; text-transform: uppercase; }
.para_text14 { font-size: 14px; line-height: 24px; font-weight: 500; margin: 0; }
@media (max-width:1200px) {
    .sec_bg_text { top: 25px; right: 3%; font-size: 70px; }
}
@media (max-width:991px) {
    .sec_bg_text { font-size: 65px; }
    .sec_heading h3 { font-size: 30px; line-height: 34px; }
}
@media (max-width:991px) {
    .sec_bg_text { font-size: 65px; line-height: 80px; }
    .sec_heading h3 { font-size: 30px; line-height: 34px; }
}
@media (max-width:768px) {
    .sec_bg_text { font-size: 45px; line-height: 55px; right: 10px; }
}
@media (max-width:400px) {
    .sec_bg_text { font-size: 34px; line-height: 44px; }
}

/** Website Design **/
.web_des { position: relative; padding: 100px 0px; }
.web_des .wd_shape { position: absolute; top: 0; left: 0; }
.web_des .content_inner { position: relative; }
.web_des .wd_img { width: 100%; padding-right: 60px; margin: 0px; }
.web_des .wd_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.web_des .sec_heading span { display: block; margin: 0; }
.web_des .sec_heading:after { left: 0; bottom: 3px; width: 80%; }
@media (max-width:991px) {
    .web_des { padding: 80px 0px; }
    .web_des .wd_img { width: 100%; padding-right: 20px; margin: 0px; }
}
@media (max-width:768px) {
    .web_des { padding: 80px 0px; padding-bottom: 60px; }
    .web_des .wd_img { padding: 0; margin: 0px; margin-bottom: 20px; }
}

/** Next Level **/
.nxt_lvl { position: relative; padding: 60px 0px; text-align: left; background-color: #000; }
.nxt_lvl .bg_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0.1; }
.nxt_lvl .content_inner { position: relative; }
.nxt_lvl .sec_heading { position: relative; display: block; margin-bottom: 30px; width: 100%; max-width: 610px; }
.nxt_lvl .sec_heading span { display: block; color: #fff; margin: 0; }
.nxt_lvl .sec_heading::after { left: 0; width: 35%; bottom: 2px; background-color: #825811; }
.nxt_lvl .btn_more { display: inline-block; text-decoration: none; padding: 8px 15px; border-radius: 80px; background-color: var(--yellow); color: #000; font-size: 16px; font-weight: 600; transition: all 250ms ease-in-out; }
.nxt_lvl .btn_more:hover { background-color: var(--deep-yellow); }
.nxt_lvl .girl_img { position: absolute; bottom: -3px; right: 5%; height: 365px; width: 550px; object-fit: contain; object-position: right; }
.nxt_lvl .sec_bg_text { color: rgb(255 255 255 / 20%); top: 15px; right: 9%; }
@media (max-width:1100px) {
    .nxt_lvl .girl_img { height: 285px; width: 427px; }
}
@media (max-width:991px) {
    .nxt_lvl .sec_heading { max-width: 540px; }
    .nxt_lvl .sec_bg_text { right: 10px; }
}
@media (max-width:900px) {
    .nxt_lvl .girl_img { display: none; }
    .nxt_lvl .sec_bg_text { line-height: 55px; }
}
@media (max-width:425px) {
    .nxt_lvl .sec_heading h3 { font-size: 22px; line-height: 32px; }
    .nxt_lvl .btn_more { padding: 8px 20px; padding-top: 10px; font-size: 14px; }
}
.feature_one { position: relative; padding: 100px 0px; padding-bottom: 50px; }
.feature_one .f_content { padding-right: 30px; }
.feature_one .f_content .sec_heading { margin-bottom: 30px; }
.feature_one .f_content .sec_heading span { display: block; margin: 0px; }
.feature_one .f_content .sec_heading::after { left: 0; bottom: 3px; width: 83%; }
.feature_one .f_content ul { padding-inline-start: 0px; margin: 0; }
.feature_one .f_content ul li { position: relative; padding-left: 25px; font-size: 20px; font-weight: 500; color: #000; display: block; margin-bottom: 10px; }
.feature_one .f_content ul li::before { content: ""; height: 13px; width: 13px; background-color: var(--yellow); border-radius: 50%; position: absolute; top: 7px; left: 0; }
.feature_one .f_img { padding-left: 30px; width: 100%; height: 100%; margin: 0; position: relative; }
.feature_one .f_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.feature_one .sec_bg_text { left: 0; top: 60px; }
@media (max-width:991px) {
    .feature_one { position: relative; padding: 80px 0px; padding-bottom: 20px; }
    .feature_one .sec_bg_text { top: 10px; }
    .feature_one .f_content { padding: 0; }
    .feature_one .f_content ul li { font-size: 18px; }
}
@media (max-width:768px) {
    .feature_one .sec_bg_text { left: 10px; }
    .feature_one .f_img { padding: 0; }
    .feature_one .f_img { margin-top: 20px; }
}
@media (max-width:425px) {
    .feature_one .f_content ul li { font-size: 16px; padding-left: 20px; }
    .feature_one .f_content ul li::before { height: 10px; width: 10px; top: 7px; }
}
.feature_two { padding: 100px 0px; padding-top: 80px; position: relative; }
.feature_two .sec_heading { text-align: center; margin: 0px auto; width: 100%; max-width: 625px; display: block; margin-bottom: 175px; }
.feature_two .sec_heading::after { left: 50%; bottom: 3px; transform: translate(-50%, 0px); width: 47%; }
.feature_two .sec_heading span { display: block; margin: 0; }
.feature_two .f_inner { margin: 0px -10px; }
.feature_two .f_block { display: block; padding: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0px 3px 12px rgb(0 0 0 / 15%); color: inherit; text-decoration: none; cursor: pointer; margin: 0px 10px; transition: all 250ms ease-in-out; }
.feature_two .f_block figure { margin: 0; width: 100%; height: 190px; border-radius: 10px 10px 0px 0px; overflow: hidden; border-bottom: solid 1px #ddd; padding-bottom: 20px; margin-bottom: 15px; }
.feature_two .f_block figure img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.feature_two .f_block h3 { font-size: 22px; font-weight: 600; margin-bottom: 10px; }
.feature_two .f_block .btn_contact { display: inline-block; text-decoration: none; padding: 8px 15px; border-radius: 80px; background-color: #000; color: #fff; font-size: 16px; font-weight: 600; margin-top: 15px; margin-bottom: 5px; transition: all 250ms ease-in-out; }
.feature_two .row .col-md-4:nth-child(2) .f_block { margin-top: -200px; }
.feature_two .f_block:hover { background-color: #ffad20; color: #fff; }
.feature_two .f_block:hover .btn_contact { color: #000; background-color: #fff; }
@media (max-width:1200px) {
    .feature_two .f_inner { margin: 0px; }
}
@media (max-width:991px) {
    .feature_two { padding: 75px 0px; padding-top: 60px; }
    .feature_two .sec_heading { margin-bottom: 140px; }
    .feature_two .f_block { padding: 15px; margin: 0px 5px; }
}
@media (max-width:768px) {
    .feature_two { padding: 40px 0px; padding-top: 60px; }
    .feature_two .sec_heading { margin-bottom: 40px; }
    .feature_two .f_block { margin: 0; margin-bottom: 30px; }
    .feature_two .row .col-md-4:nth-child(2) .f_block { margin: 0px; margin-bottom: 30px; }
}
@media (max-width:425px) {
    .feature_two .f_block h3 { font-size: 20px; margin-bottom: 8px; }
    .feature_two .f_block .btn_contact { padding: 8px 30px; font-size: 14px; }
}
.nxt_lvl.dev_wrap { padding: 40px 0px; }
.nxt_lvl.dev_wrap .content_inner { width: 100%; max-width: 610px; margin-left: auto; margin-right: 0px; }
.nxt_lvl.dev_wrap .girl_img { right: auto; left: 5%; }
.nxt_lvl.dev_wrap .sec_bg_text { color: rgb(255 255 255 / 20%); top: 15px; right: auto; left: 0; }
@media (max-width:991px) {
    .nxt_lvl.dev_wrap .content_inner { max-width: 500px; }
}
@media (max-width:900px) {
    .nxt_lvl.dev_wrap { padding: 60px 0px; }
    .nxt_lvl.dev_wrap .sec_bg_text { right: 10px; left: auto; line-height: 55px; }
    .nxt_lvl.dev_wrap .content_inner { margin-left: 0px; margin-right: auto; }
}
.tech_used { position: relative; padding: 100px 0px; background-color: #f1f1f1; }
.tech_used .sec_heading::after { left: 0; bottom: 3px; }
.tech_used .sec_heading span { display: block; margin: 0; }
.tech_used .tech_slide_wrap { margin: 0px !important; }
.tech_used .tech_slide_wrap .slick-list { padding: 0 !important; }
.tech_used .tech_slide_wrap .slick-dots { position: absolute; bottom: -20px; right: 15px; width: auto; }
.tech_used .tech_slide_wrap .slick-dots li { width: 9px; height: 9px; margin: 0 3px; }
.slick-dots li.slick-active { height: 15px !important; background-color: var(--yellow); border-radius: 10px; top: 3px; }
.slick-dots li.slick-active button { background-color: var(--yellow) !important; }
.tech_used .tech_slide_wrap .tech_slide { padding: 20px; }
.tech_used .tech_slide_wrap .tech_slide .slide_inner {padding: 25px 0; display: grid; grid-template-columns: repeat(4, 20%); gap: 27px; justify-content: space-between; }
.tech_used .tech_slide_wrap .tech_slide .slide_inner .tech_logo { width: 100%; text-align: center; }
.tech_used .tech_slide_wrap .tech_slide .slide_inner .tech_logo figure { display: block;
    margin: 0px;
    width: 100%;
    height: 97px;
    overflow: hidden;
    margin-bottom: 15px;
    background: #ffffff;
    padding: 16px;
    border-radius: 6px;
    box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 10%);}
.tech_used .tech_slide_wrap .tech_slide .slide_inner .tech_logo figure img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.tech_used .tech_slide_wrap .tech_slide .slide_inner .tech_logo span { font-size: 14px; font-weight: 600; color: #000; display: none; }
@media (max-width:991px) {
    .tech_used { padding: 80px 0px; padding-top: 60px; }
}
@media (max-width:768px) {
    .tech_used { padding: 60px 0px; padding-top: 50px; }
}
@media (max-width:575px) {
    .tech_used .tech_slide_wrap .tech_slide .slide_inner { padding: 20px; gap: 50px 15px; }
    .tech_used .tech_slide_wrap .tech_slide .slide_inner .tech_logo figure { height: 60px; }
}
@media (max-width:425px) {
    .tech_used .tech_slide_wrap .tech_slide { padding: 15px; }
    .tech_used .tech_slide_wrap .tech_slide .slide_inner { padding: 15px; }
    .tech_used .tech_slide_wrap .tech_slide .slide_inner .tech_logo figure { height: 45px; }
    .tech_used .tech_slide_wrap .tech_slide .slide_inner .tech_logo span { font-size: 12px; }
}

/** Pixels Services **/
.services_wrap { position: relative; padding: 50px 0px; }
.services_wrap .sec_bg_text { top: 45px; right: 5%; }
.services_wrap .services_inner { width: 100%; max-width: 970px; margin: 0px auto; }
.services_wrap .services_inner .services_block { display: block; text-decoration: none; color: inherit; border: solid 1px #ddd; border-radius: 10px; padding: 25px; margin: 50px 5px; background-color: #fff; color: #333; position: relative; overflow: hidden; transition: all 250ms ease-in-out; }
.services_wrap .services_inner .services_block .ser_shape { position: absolute; bottom: -10px; right: -45px; height: 50%; opacity: 0; transition: all 250ms ease-in-out; }
.services_wrap .services_inner .services_block figure { margin: 0px auto; width: 100%; height: 90px; overflow: hidden; margin-bottom: 20px; padding-right: 20px; }
.services_wrap .services_inner .services_block figure img { height: 100%; width: 100%; object-fit: contain; object-position: right; transition: all 250ms ease-in-out;filter: brightness(0); }
.services_wrap .services_inner .services_block h3 { font-size: 26px; font-weight: 600; margin-bottom: 15px; }
.services_wrap .services_inner .services_block:hover { background-color: #000; border-color: #000; color: #fff; }
.services_wrap .services_inner .services_block:hover .ser_shape { opacity: 1; }
.services_wrap .services_inner .services_block:hover figure img { transform: scale(1.05);filter: brightness(100%); }
    .services_wrap .sec_bg_text { top: 25px; right: 3%; }
}
@media (max-width:900px) {
    .services_wrap { padding: 50px 0px; padding-bottom: 35px; }
    .services_wrap .sec_bg_text { top: 25px; right: 3%; }
    .services_wrap .services_inner .services_block { padding: 20px; margin: 30px 0px; }
}
@media (max-width:768px) {
    .services_wrap { padding: 65px 0px; padding-bottom: 35px; }
    .services_wrap .services_inner .services_block { margin: 0px; margin-bottom: 20px; }
    .services_wrap .services_inner .services_block { text-align: center; }
    .services_wrap .services_inner .services_block figure { padding: 0; }
    .services_wrap .services_inner .services_block figure img { object-position: center; }
    .services_wrap .services_inner .services_block .ser_shape { bottom: -5px; right: -30px; }
}

/** Screenshots **/
.scr_wrap { background-color: #f1f1f1; padding: 100px 0px; padding-bottom: 120px; position: relative; text-align: center; }
.scr_wrap .sec_bg_text { right: auto; left: 30px; }
.scr_wrap .sec_bg_rect { content: ""; width: 20%; height: 200px; background-color: var(--yellow); position: absolute; top: 50%; left: 0; border-radius: 0px 50px 50px 0px; }
.scr_wrap .sec_heading { margin-bottom: 40px; }
.scr_wrap .sec_heading::after { width: 72%; }
.scr_wrap .nav { justify-content: center; margin-bottom: 80px; }
.scr_wrap .nav-pills .nav-link { color: #000; border: solid 1px #bfbfbf; border-radius: 50px; font-size: 18px; font-weight: 600; padding: 9px 30px; padding-bottom: 10px; margin: 0px 10px; }
.scr_wrap .nav-pills .nav-link.active, .scr_wrap .nav-pills .show > .nav-link { background-color: var(--yellow); color: #000; border-color: var(--yellow); }
.scr_wrap .scr_block figure { margin: 0; padding-right: 50px; width: 100%; height: 470px; position: relative; }
.scr_wrap .scr_block figure::after { content: ""; background-color: #000; width: 85%; height: 510px; position: absolute; top: -20px; left: -20px; border-radius: 200px 0px 0px 0px; opacity: 0.1; }
.scr_wrap .scr_block figure img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 200px 0px 0px 0px; position: relative; z-index: 1; }
.scr_wrap .scr_block .scr_info { text-align: left; }
.scr_wrap .scr_block .scr_info h3 { font-size: 24px; font-weight: 600; margin: 0px; margin-bottom: 10px; color: #000; }
.scr_wrap .scr_block .scr_info p { margin-bottom: 35px; }
.scr_wrap .scr_block .scr_info h4 { font-size: 20px; font-weight: 600; color: #000; margin-bottom: 10px; }
.scr_wrap .scr_block .scr_info ul { padding-inline-start: 0px; margin: 0px; }
.scr_wrap .scr_block .scr_info ul li { display: inline-block; position: relative; font-size: 14px; font-weight: 600; color: #000; padding-left: 18px; margin-right: 30px; margin-bottom: 5px; }
.scr_wrap .scr_block .scr_info ul li::before { content: ""; width: 8px; height: 8px; background-color: var(--yellow); border-radius: 50%; position: absolute; top: 5px; left: 0px; }
.scr_wrap .scr_block .scr_info .btn_exp { display: inline-block; text-decoration: none; color: #fff; background-color: #000; padding: 10px 30px; border-radius: 50px; font-size: 14px; font-weight: 500; border: none; transition: all 250ms ease-in-out; margin-top: 20px; }
.scr_wrap .scr_block .scr_info .btn_exp:hover { background-color: var(--yellow); color: #000; }
@media (max-width:991px) {
    .scr_wrap .scr_block figure { padding-right: 15px; height: 435px; }
    .scr_wrap .scr_block figure::after { height: 475px; }
}
@media (max-width:900px) {
    .scr_wrap { padding: 65px 0px; padding-bottom: 80px; }
    .scr_wrap .sec_bg_text { left: 3%; }
}
@media (max-width:768px) {
    .scr_wrap { padding: 60px 0px; }
    .scr_wrap .sec_heading { margin-bottom: 30px; }
    .scr_wrap .nav { margin-bottom: 45px; }
    .scr_wrap .nav-pills .nav-link { font-size: 15px; padding: 7px 20px; margin: 0px 5px; }
    .scr_wrap .sec_bg_rect { width: 35%; top: 35%; }
    .scr_wrap .scr_block figure { padding-right: 0px; height: 400px; width: 80%; margin: 0px auto; margin-bottom: 50px; }
    .scr_wrap .scr_block figure::after { height: 440px; }
}
@media (max-width:450px) {
    .scr_wrap .scr_block figure { height: 360px; }
    .scr_wrap .scr_block figure::after { height: 400px; }
    .scr_wrap .scr_block figure::after { height: 385px; width: 82%; left: -12px; top: -12px; }
    .scr_wrap .nav-pills .nav-link { font-size: 14px; padding: 5px 15px; margin: 0px 3px; }
}
@media (max-width:420px) {
    .scr_wrap .sec_bg_rect { top: 28%; }
    .scr_wrap .scr_block figure { height: 340px; }
    .scr_wrap .scr_block figure::after { height: 365px; }
}
@media (max-width:380px) {
    .scr_wrap .sec_bg_rect { top: 28%; }
    .scr_wrap .scr_block figure { height: 320px; }
    .scr_wrap .scr_block figure::after { height: 345px; }
    .scr_wrap .nav-pills .nav-link { font-size: 13px; padding: 5px 13px; }
}


.sec_heading { position: relative; display: inline-block; margin-bottom: 15px; }
.sec_heading:after { content: ""; background-color: #ffd68f; position: absolute; bottom: 5px; right: 0; width: 52%; height: 6px; border-radius: 100px; }
.sec_heading h1 { font-weight: 700; text-transform: uppercase; font-size: 40px; color: var(--yellow); margin: 0; position: relative; z-index: 2; }
.sec_heading h1 span { margin-left: 10px; color: #000; }
.sec_subheading { font-size: 22px; font-weight: 600; text-transform: uppercase; margin-bottom: 5px; }
@media (max-width:991px) {
	.sec_heading h1 { font-size: 30px; }
}


/** web **/
.web_des { position: relative; padding: 100px 0px; }
.web_des .wd_shape { position: absolute; top: 0; left: 0; }
.web_des .content_inner { position: relative; }
.web_des .wd_img { width: 100%; padding-right: 60px; margin: 0px; }
.web_des .wd_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.web_des .sec_heading span { display: block; margin: 0; }
.web_des .sec_heading:after { left: 0; bottom: 3px; width: 80%; }
@media (max-width:991px) {
    .web_des { padding: 80px 0px; }
    .web_des .wd_img { width: 100%; padding-right: 20px; margin: 0px; }
}
@media (max-width:768px) {
    .web_des { padding: 80px 0px; padding-bottom: 60px; }
    .web_des .wd_img { padding: 0; margin: 0px; margin-bottom: 20px; }
}










footer { position: relative; overflow: hidden; background-color: #fff; }
footer:after{content: 'PIXEL CONSULTANCY'; font-size:90px; font-weight: bold; color:rgb(224 224 224 / 5%); position: absolute; top: 0; left: 0; right: 0; margin: auto; text-align: center;} 
footer .f_shape { position: absolute; top: -165px; left: -425px; width: 800px; }
footer .main_footer { background-color: #000; padding: 90px 0px; padding-bottom: 15px; }
footer .main_footer .f_logo { margin: 0px auto; width: 260px; overflow: hidden; margin-bottom: 50px; }
footer .main_footer .f_logo img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
footer .main_footer .f_widget { margin-bottom: 30px; }
footer .main_footer .f_widget .f_heading { position: relative; margin-bottom: 25px; display: inline-block; }
footer .main_footer .f_widget .f_heading::after { content: ""; background-color: #805711; position: absolute; bottom: 1px; left: 0; width: 95px; height: 6px; border-radius: 100px; }
footer .main_footer .f_widget .f_heading h4 { font-size: 20px; font-weight: 600; text-transform: uppercase; color: #fff; position: relative; z-index: 2; margin: 0px; }
footer .main_footer .f_widget .menu_link { padding-inline-start: 0px; margin: 0px; margin-top: -10px; }
footer .main_footer .f_widget .menu_link li { display: block; }
footer .main_footer .f_widget .menu_link li a { font-size: 15px; line-height: 32px; font-weight: 500; color: #fff; text-decoration: none; transition: all 250ms ease-in-out; }
footer .main_footer .f_widget .menu_link li a:hover { color: var(--yellow); padding-left: 5px; }
footer .main_footer .f_widget .add_list { padding-inline-start: 0px; margin: 0; display: flex; margin-bottom: 20px; }
footer .main_footer .f_widget .add_list:last-child { margin: 0; }
footer .main_footer .f_widget .add_list li { display: block; font-size: 14px; font-weight: 500; color: #fff; }
footer .main_footer .f_widget .add_list li img { width: 20px; height: 20px; object-fit: contain; object-position: center; margin-right: 10px; }
footer .main_footer .f_widget form input { display: block; width: 100%; background-color: transparent; border: solid 1px #fff; padding: 12px 22px; border-radius: 80px; font-size: 16px; font-weight: 500; color: #fff; margin-bottom: 15px; }
footer .main_footer .f_widget form button { display: block; width: 100%; padding: 11px 13px; border-radius: 80px; background-color: var(--yellow); color: #000; font-size: 16px; font-weight: 500; margin-bottom: 30px; transition: all 250ms ease-in-out; }
footer .main_footer .f_widget form button:hover { background-color: var(--deep-yellow); }
footer .main_footer .f_widget .f_social { padding-inline-start: 0px; margin: 0; }
footer .main_footer .f_widget .f_social li { display: inline-block; }
footer .main_footer .f_widget .f_social li a { font-size: 22px; color: #9fa0a0; margin: 0px 5px; transition: all 250ms ease-in-out; }
footer .main_footer .f_widget .f_social li a:hover { color: var(--yellow); }
footer .copyright { text-align: center; font-size: 14px; font-weight: 500; color: #000; margin: 0px; padding: 8px 0px; }
.goto_top { position: fixed; bottom: 10vh; right: 5vw; }
.goto_top a { background-color: #000; color: #fff; display: block; border: solid 1px #fff; width: 38px; height: 38px; line-height: 37px; text-align: center; border-radius: 50%; font-size: 20px; box-shadow: 1px 1px 15px rgb(0 0 0 / 30%); transition: all 250ms ease-in-out; }
.goto_top a:hover { color: var(--yellow); }
footer .main_footer .container { position: relative; z-index: 9; }

footer .main_footer .f_widget form input::-webkit-input-placeholder { color: #727272; }
footer .main_footer .f_widget form input:-ms-input-placeholder {color: #727272; }
footer .main_footer .f_widget form input::placeholder { color: #727272; }

@media (max-width:500px) {
	footer .main_footer .f_widget { padding: 0px 10px; }
	footer .main_footer .f_widget .f_social { text-align: center; margin-bottom: -25px; }
}
header { background-color: #000; text-align: center; padding: 10px 0px; }
header img { object-fit: contain; object-position: center; }
/** UI Gallery**/
.uig_wrap { padding: 100px 0px; position: relative; overflow: hidden; }
.uig_wrap .sec_bg_text { left: 0; top: 300px; }
.uig_wrap .heading_wrap { width: 100%; max-width: 940px; margin: 0px auto; text-align: center; margin-bottom: 30px; }
.uig_wrap .sec_heading::after { width: 48%; bottom: 3px; }
.uig_wrap .heading_wrap p { font-size: 16px; font-weight: 500; color: #000; }
.uig_wrap .nav { justify-content: center; width: 100%; max-width: 700px; margin: 0px auto; margin-bottom: 80px; border-radius: 10px; box-shadow: 0px 3px 12px rgb(0 0 0 / 15%); position: relative; background-color: #fff; }
.uig_wrap .nav-pills .nav-link { border:0; color: #000; background-color: transparent; border-radius: 0; font-size: 19px; font-weight: 500; padding: 20px; padding-bottom: 22px; position: relative; }
.uig_wrap .nav-pills .nav-link::before { content: ""; background-color: #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; transform: skew(-20deg, 0deg); transition: all 250ms ease-in-out; }
.uig_wrap .nav-pills .nav-link span { position: relative; z-index: 2; }
.uig_wrap .nav-pills .nav-link.active::before, .uig_wrap .nav-pills .show > .nav-link::before { background-color: var(--yellow); }
.uig_wrap .uig_inner { column-count: 3; grid-template-rows: 1fr 1fr 1fr; grid-template-columns: 2.2fr 1.5fr 2fr; }
.uig_wrap .uig_inner figure { margin: 0; width: 100%; overflow: hidden; margin-bottom: 15px; }
.uig_wrap .uig_inner img { width: 100%; filter: grayscale(1); transition: all 250ms ease-in-out; }
.uig_wrap .uig_inner figure:hover img { filter: grayscale(0); transform: scale(1.05); }
.uig_wrap .bg_line { position: absolute; bottom: 95%; right: 65%; }
.uig_wrap .bg_line2 { position: absolute; top: 8%; right: -10%; transform: rotate(33deg); width: 60%; }
.uig_wrap .uig_inner figure.video_wrap { position: relative; }
.uig_wrap .uig_inner figure.video_wrap .video_overlay { position: absolute; top: 0; left: 0; background-color: rgb(0 0 0 / 50%); width: 100%; height: 100%; }
.uig_wrap .uig_inner figure.video_wrap .video_overlay a { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(255 255 255 / 20%); border-radius: 50%; padding: 8px; width: 60px; transition: all 250ms ease-in-out; }
.uig_wrap .uig_inner figure.video_wrap .video_overlay a img { transition: all 250ms ease-in-out; }
.uig_wrap .uig_inner figure.video_wrap .video_overlay a:hover { background-color: var(--yellow); }
.uig_wrap .uig_inner figure.video_wrap .video_overlay a:hover img { filter: brightness(0); }
@media (max-width:991px) {
    .uig_wrap { padding: 80px 0px; }
    .uig_wrap .sec_bg_text { left: 10px; top: 265px; }
    .uig_wrap .nav { max-width: 600px; margin-bottom: 70px; }
    .uig_wrap .nav-pills .nav-link { font-size: 16px; padding: 12px 20px; padding-bottom: 14px; }
    .uig_wrap .bg_line2 { top: 7%; right: -35%; width: 85%; }
}
@media (max-width:767px) {
    .uig_wrap { padding: 50px 0px; padding-bottom: 60px; }
    .uig_wrap .sec_bg_text { top: 10px; }
    .uig_wrap .heading_wrap p { font-size: 14px; }
    .uig_wrap .heading_wrap { margin-bottom: 25px; }
    .uig_wrap .nav { margin-bottom: 50px; }
    .uig_wrap .nav-pills .nav-link { font-size: 14px; padding: 12px 15px; padding-bottom: 14px; }
    .uig_wrap .uig_inner { gap: 15px; grid-template-rows: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 2fr 1.5fr; }
}
@media (max-width:425px) {
    .uig_wrap .nav-pills .nav-link { font-size: 13px; padding: 10px 10px; padding-bottom: 12px; }
    .uig_wrap .bg_line2 { top: 15%; right: -50%; width: 95%; }
    .uig_wrap .heading_wrap p { font-size: 13px; }
}

/** Web UI Design **/
.webg_wrap { position: relative; padding: 100px 0px; overflow: hidden; }
.webg_wrap .sec_bg_text { right: auto; left: 50%; transform: translate(-50%, 0px); top: 35px; }
.webg_wrap .bg_line { position: absolute; top: -16%; right: -10%; transform: rotate(33deg); width: 50%; }
.webg_wrap .g_content .heading_wrap { margin-bottom: 35px; }
.webg_wrap .g_content .heading_wrap .sec_heading { width: 100%; max-width:65%; }
.webg_wrap .g_content .heading_wrap .sec_heading::after { width: 165px; left: 0; bottom: 3px; }
.webg_wrap .g_content .heading_wrap p { margin-bottom: 15px; }
.webg_wrap .g_content .heading_wrap button { display: inline-block; text-decoration: none; color: #fff; background-color: #000; padding: 10px 30px; border-radius: 50px; font-size: 15px; font-weight: 500; border: none; transition: all 250ms ease-in-out; }
.webg_wrap .g_content .heading_wrap button:hover { background-color: var(--yellow); color: #000; }
.webg_wrap .g_content figure { margin: 0; height: 250px; width: 100%; overflow: hidden; }
.webg_wrap .g_content figure img { height: 100%; width: 100%; object-fit: cover; object-position: center; filter: grayscale(1); transition: all 250ms ease-in-out; }
.webg_wrap .g_content figure:hover img { filter: grayscale(0); transform: scale(1.05); }
.webg_wrap .webg_inner { display: grid; grid-template-rows: 1fr 1fr; grid-template-columns: 1.5fr 2fr; grid-auto-flow: column; gap: 25px; }
.webg_wrap .webg_inner figure { margin: 0; height: 250px; width: 100%; overflow: hidden; }
.webg_wrap .webg_inner figure img { height: 100%; width: 100%; object-fit: cover; object-position: center; filter: grayscale(1); transition: all 250ms ease-in-out; }
.webg_wrap .webg_inner figure:hover img { filter: grayscale(0); transform: scale(1.05); }
.webg_wrap .webg_inner .video_wrap { position: relative; }
.webg_wrap .webg_inner .video_wrap .video_overlay { position: absolute; top: 0; left: 0; background-color: rgb(0 0 0 / 50%); width: 100%; height: 100%; }
.webg_wrap .webg_inner .video_wrap .video_overlay a { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(255 255 255 / 20%); border-radius: 50%; padding: 8px; width: 60px; transition: all 250ms ease-in-out; }
.webg_wrap .webg_inner .video_wrap .video_overlay a img { transition: all 250ms ease-in-out; }
.webg_wrap .webg_inner .video_wrap .video_overlay a:hover { background-color: var(--yellow); }
.webg_wrap .webg_inner .video_wrap .video_overlay a:hover img { filter: brightness(0); }
@media (max-width:991px) {
    .webg_wrap { padding: 80px 0px; }
    .webg_wrap .webg_inner { gap: 20px; }
}
@media (max-width:767px) {
    .webg_wrap { padding: 60px 0px; padding-top: 50px; }
    .webg_wrap .g_content { margin-bottom: 20px; }
}
@media (max-width:425px) {
    .webg_wrap .webg_inner { gap: 15px; }
    .webg_wrap .webg_inner figure { height: 165px; }
    .webg_wrap .g_content .heading_wrap button { padding: 8px 25px; font-size: 14px; }
}


/* career start*/
.career-sec { width: 100%; float: left; text-align: center; padding: 100px 0px; }
.card-box{border: 1px solid #E2E1E1; text-align: left; border-radius: 11px; padding: 19px; margin-bottom: 35px;}
.card-box .head-area{ display: flex; align-items: center; justify-content: space-between; }
.card-box h2{font-size: 25px; font-weight: 600; margin:15px 0 25px 0;}
.card-box h3{ color: #000102; font-size: 15px; }
.card-box ul{padding-left: 28px;}
.card-box ul li{color: #000102; font-size: 12px;}
.card-box .opening{color: #FFAD20; font-size: 14px;}
.card-box .opening small{color: #000102; font-size: 14px;}
.card-box .op-list h4{color: #FFAD20; font-size: 14px;}
.card-box .op-list{display: flex;}
.head-area h3{ font-size: 16px;margin:0; text-transform: uppercase; }
.head-area h3:before{content: ''; margin-right: 10px; width: 8px; height: 8px; border-radius: 50%; background:rgb(0 1 2 / 32%); display: inline-block;}
.head-area span{ font-size: 12px; }
.card-box .bth-all{min-width: 130px; text-decoration: none;}
.card-box .bth-all:hover{color: #000;}
.card-box:hover{background: #000102;}
.card-box:hover ul li, .card-box:hover h3, .card-box:hover h2, .card-box:hover .opening small,  .card-box:hover .head-area span{color: #fff;}
.card-box:hover .head-area h3:before{background: #FFAD20;}
.card-box:hover .bth-all{background: #FFAD20; color: #000;}
.Digital-sec{display:flex;flex-flow:wrap}
.card-box h2 span{font-size: 14px;}
/* career end*/

.bar-one{background: rgb(227 227 227 / 41%); padding: 25px 0; clear: both;display: block;}
.bar-one ul{display:flex;justify-content:center;flex-flow:wrap;padding:0;margin-bottom: 70px;}
.bar-one ul li{list-style: none; text-align: center; max-width: 20%; }
.bar-one ul li h4{ font-size: 20px; color: #000; margin-top: 15px; display: block; padding: 0 29px;}
@media (max-width:767px) {

	.bar-one ul li{ max-width: 20%;}
}



/** Web UI Design **/
.webg_wrap { position: relative; padding: 100px 0px; overflow: hidden; }
.webg_wrap .sec_bg_text { right: auto; left: 50%; transform: translate(-50%, 0px); top: 35px; }
.webg_wrap .bg_line { position: absolute; top: -16%; right: -10%; transform: rotate(33deg); width: 50%; }
.webg_wrap .g_content .heading_wrap { margin-bottom: 35px; }
.webg_wrap .g_content .heading_wrap .sec_heading { width: 100%; max-width:65%; }
.webg_wrap .g_content .heading_wrap .sec_heading::after { width: 165px; left: 0; bottom: 3px; }
.webg_wrap .g_content .heading_wrap p { margin-bottom: 15px; }
.webg_wrap .g_content .heading_wrap button { display: inline-block; text-decoration: none; color: #fff; background-color: #000; padding: 10px 30px; border-radius: 50px; font-size: 15px; font-weight: 500; border: none; transition: all 250ms ease-in-out; }
.webg_wrap .g_content .heading_wrap button:hover { background-color: var(--yellow); color: #000; }
.webg_wrap .g_content figure { margin: 0; height: 250px; width: 100%; overflow: hidden; }
.webg_wrap .g_content figure img { height: 100%; width: 100%; object-fit: cover; object-position: center; filter: grayscale(1); transition: all 250ms ease-in-out; }
.webg_wrap .g_content figure:hover img { filter: grayscale(0); transform: scale(1.05); }
.webg_wrap .webg_inner { display: grid; grid-template-rows: 1fr 1fr; grid-template-columns: 1.5fr 2fr; grid-auto-flow: column; gap: 25px; }
.webg_wrap .webg_inner figure { margin: 0; height: 250px; width: 100%; overflow: hidden; }
.webg_wrap .webg_inner figure img { height: 100%; width: 100%; object-fit: cover; object-position: center; filter: grayscale(1); transition: all 250ms ease-in-out; }
.webg_wrap .webg_inner figure:hover img { filter: grayscale(0); transform: scale(1.05); }
.webg_wrap .webg_inner .video_wrap { position: relative; }
.webg_wrap .webg_inner .video_wrap .video_overlay { position: absolute; top: 0; left: 0; background-color: rgb(0 0 0 / 50%); width: 100%; height: 100%; }
.webg_wrap .webg_inner .video_wrap .video_overlay a { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(255 255 255 / 20%); border-radius: 50%; padding: 8px; width: 60px; transition: all 250ms ease-in-out; }
.webg_wrap .webg_inner .video_wrap .video_overlay a img { transition: all 250ms ease-in-out; }
.webg_wrap .webg_inner .video_wrap .video_overlay a:hover { background-color: var(--yellow); }
.webg_wrap .webg_inner .video_wrap .video_overlay a:hover img { filter: brightness(0); }
@media (max-width:991px) {
    .webg_wrap { padding: 80px 0px; }
    .webg_wrap .webg_inner { gap: 20px; }
}
@media (max-width:767px) {
    .webg_wrap { padding: 60px 0px; padding-top: 50px; }
    .webg_wrap .g_content { margin-bottom: 20px; }
}
@media (max-width:425px) {
    .webg_wrap .webg_inner { gap: 15px; }
    .webg_wrap .webg_inner figure { height: 165px; }
    .webg_wrap .g_content .heading_wrap button { padding: 8px 25px; font-size: 14px; }
}



/*Imprtent */
.table thead th {
    vertical-align: top!important;
}