@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
*{margin: 0;padding: 0;box-sizing: border-box;}
body{box-sizing: border-box;font-family: 'Rubik', sans-serif !important;background: transparent !important;}
ul { list-style: none }
a { text-decoration: none; outline: none; }
body a:hover, body a:focus { text-decoration: none; color: inherit; }
a:focus { outline: none; text-decoration: underline }
textarea:focus { outline: none }
input { outline: none !important }
button, button:focus { outline: none }
a img { border: none }
img { border: 0; max-width: 100%; }
p { padding: 0; margin: 0 }
h1, h2, h3, h4, ul, p { padding: 0; margin: 0 }
textarea { resize: none }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #fff }
input:-moz-placeholder, textarea:-moz-placeholder { color: #fff }
input::-moz-placeholder { opacity: 1; outline: none }
textarea::-moz-placeholder { opacity: 1; outline: none }
.clr { clear: both; height: 0 }
.form-control:focus { -webkit-box-shadow: none; box-shadow: none }
ul { padding: 0; list-style: none }
a {transition: .4s ease-in-out; }
a:hover { text-decoration: none; transition: .4s ease-in-out; }
li::marker { font-size: 12px; display: inline-block; vertical-align: middle; }

.subnav-item span ~ span { margin: 0 5px; }
/*  */
.subnav-item p, .subnav-item a, .subnav-item i, .subnav-item p span { font-style: normal; font-weight: 400; font-size: 14px; line-height: 26px; display: flex; align-items: center; letter-spacing: 0.23px; color: #FBDE06!important;opacity: 1; }
.social i { background: none; color: #fff; font-size: 18px; }
.subnav .social li a:hover i { background: none; color: #FBDE06; }
.subnav-item p i {margin-right: 8px;font-size: 18px; }

.subnav ul.social li { margin-right: 6px; } 
.subnav ul.social li:last-child { margin: 0; }

header #logo img { max-width: 100%!important; width: 270px; }
#header #mainmenu>li>a { font-style: normal; font-weight: 400; font-size: 14px; align-items: center; color: #FFFFFF; letter-spacing: 0.84px!important; }

#mainmenu > li {margin: 0 20px 0 0;}
#mainmenu > li:last-child { margin: 0;}
#mainmenu li ul li a { background-color: #FBDE06!important; color: #000000!important;}


#footer.footer-dark h3.footer-header { font-family: 'Rubik'; font-style: normal; font-weight: 600; font-size: 22px; line-height: 24px; display: flex; align-items: center; letter-spacing: -0.32px; text-transform: uppercase; color: #FFFFFF!important; }

#footer.footer-dark a, #footer.footer-dark ul li a { font-family: 'Rubik'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; align-items: center; color: #BEBFBF; }

.widget-footer .textwidget { font-family: 'Rubik'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #BFC2C2; } 
.widget-footer .textwidget hr { display: none; }

img#footer-logo { width: 270px;  object-fit: contain;}

.widget-footer ul.social { width: 100%;}

.widget-footer ul.social li:before {  display: none;}

/* 07 July Homepage css start */
.hero_sec{height: 600px !important;max-height: inherit !important; overflow: hidden;}
.hero_sec .carousel-content { position: inherit !important; top: inherit !important; left: inherit !important; transform: inherit !important; width: 100% !important; } 
.hero_sec .row { display: flex; align-items: center; flex-wrap: wrap; } 
.hero_sec { background: #FFFDF2 !important; }
.hero_right_img { height: 600px !important; width: 100%; } 
.hero_sec{position: relative;}
.hero_right_img .hide-on-mobile { position: absolute; right: 0; top: 0; height: 100% !important; width: 50% !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important; }
.hero_sec *:not(.hero_right_img .hide-on-mobile,.carousel-indicators,.carousel-control,.carousel-content *) { position: static; }
.hero_sec .container{position: static !important;}
.hero_sec .carousel-control:after{background: #FBDE06;border-radius: 4px;}
.hero_sec .carousel-control:hover span{color: #0C0B0B;}
.hero_sec h2 { font-style: normal; font-weight: 500; font-size: 48px; line-height: 57px; color: #424242; }
.hero_sec .carousel-content a.btn { background: #FBDE06 !important; font-style: normal; font-weight: 400; font-size: 14px; line-height: 62px; padding: 0; border: 1px solid #FBDE06 !important; min-width: 168px; color: #111111 !important; } 
.hero_sec .carousel-content a.btn + a.btn { background: transparent !important; }
#slider-fullwidth .btn-regular{border-color: #FBDE06 !important;}
.hero_sec .carousel-content a.btn-primary:before,.hero_sec .carousel-content .btn-primary:before{background: #e2c804 !important;border-color: #e2c804 !important;}
#slider-fullwidth .btn-regular:hover { background: #e2c804 !important; border: 1px solid #e2c804 !important; }

.hero_sec .carousel-control { z-index: 2; top: inherit; bottom: 25px; }
.carousel-control { line-height: 45px; height: 45px; border-radius: 4px; width: 45px; transition: .2s; text-shadow: none; }
.carousel-control span{font-size: 22px;}
.hero_sec .carousel-control.left{transform: translateX(25px) !important;left: 50%;}
.hero_sec .carousel-control.right{right: 25px;}

.solution_services { padding: 80px 0; }
.bottom_line p { font-size: 20px; line-height: 3; font-weight: 400; color: #FBDE06; text-transform: uppercase; position: relative; } 
.bottom_line p:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 52px; height: 2px; background: #FBDE06; }
.solution_head h2 { font-style: normal; font-weight: 500; font-size: 40px; line-height: 47px; color: #333333 !important; margin: 0 0 10px; }
.solution_head p{font-style: normal; font-weight: 400; font-size: 18px; line-height: 25px;color: #747070;max-width: 610px;margin: auto;}
.solution_head{margin: 0 0 20px;}
.solutionimg img { width: 100%; height: 385px; object-fit: cover; } 
.solutiontitle {overflow: hidden; background: #333333; text-align: center; padding: 15px; position: relative; min-height: 90px; display: flex;flex-wrap: wrap;justify-content: center; align-items: center; }
.solutiontitle:before{content: '';position: absolute;top: 0;bottom: 0;left: 101%;width: 0;height: 100%;background: #FBDE06; transition: .3s linear;}
.solutionsliderbox:hover .solutiontitle:before{left: 0;width: 100%;}
.solutiontitle a { font-style: normal; font-weight: 400; font-size: 24px; line-height: 30px; color: #FFFFFF;position: relative;z-index: 1; }
.solutionsliderbox { padding: 0 12px; }
.solution_services .slick-arrow { background: #0005; mix-blend-mode: normal; top: 50%; transform: translateY(-50%); z-index: 999; width: 50px; height: 50px; } 
.solution_services .slick-arrow:before { color: #fff; opacity: 1;font-family: icomoon!important; } 
.solution_services .slick-prev { left: -15px; } 
.solution_services .slick-prev:before {content: "\e901"; } 
.solution_services .slick-next { right: -15px; }
.solution_services .slick-next:before { content: "\e902"; }
.solution_services .slick-arrow:hover{background: #FBDE06;}
.view_services a { background: #FBDE06 !important; font-style: normal; font-weight: 400; font-size: 14px !important; line-height: 24px !important; border-color: #FBDE06 !important; letter-spacing: 0.28px; color: #212121 !important; }
.view_services a:hover{background: #e2c804 !important;}
.view_services { margin-top: 45px; }
.hero_sec { overflow: hidden; }

.work_differently span.subtitle { color: #FBDE06; } 
.work_differently span.subtitle:before { opacity: 1 !important; background: #FBDE06 !important; }
.work_differently h2 { font-style: normal; font-weight: 500; font-size: 37px; line-height: 39px; color: #333333; margin: 0 0 10px; }

.work_differently .nav-tabs.light>li a { background: #FBDE06; font-style: normal; font-weight: 400; font-size: 18px; line-height: 21px; margin-right: 0; margin-bottom: 0 !important; padding: 20px 30px !important; margin: 0 !important;border: 1px solid #FBDE06 !important; } 
.work_differently .nav-tabs.light>li.active a,.work_differently .nav-tabs.light>li.active a:focus,.work_differently .nav-tabs.light>li.active a:hover { background: #EFEFEF !important; border: 1px solid #CCCCCC !important;color: #4F4D4D !important; } 
.work_differently ul.nav.nav-tabs { display: flex; } 
.work_differently .nav-tabs.light>li { margin: 0 !important; } 
.work_differently p { font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; color: #777777; } 
.home  .tab-content.style-accent { background-color: #EFEFEF !important; } 
.work_differently .tab-content p { font-style: normal; font-weight: 400; font-size: 18px; line-height: 25px; color: #9C9C9C; margin: 0 0 15px; }
.work_differently .tab-content li{font-size: 14px;line-height: 22px;color: #9C9C9C;}
.working_left_img img { height: 770px; width: 100%; object-fit: cover; }
.work_differently .tab-content li:before{display: none;}
.work_differently .tab-content ul{padding-left: 0 !important;}
.work_differently .shadow-box:after { display: none; }
.work_differently,.experties_sec { padding: 80px 0; }

.partner_sec { padding-top: 50px; padding-bottom: 50px; }
.expreance_box .vc_column-inner { height: 100%; } 
.expreance_box > .vc_column-inner > .wpb_wrapper { height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: #FBDE06; min-height: 318px; }
.expreance_box p:nth-of-type(1) { font-style: normal; font-weight: 700; font-size: 150px; line-height: 100%; color: #3F3F3F; } .expreance_box p { display: block; width: 100%; } 
.expreance_box p { font-style: normal; font-weight: 400; font-size: 24px; line-height: 24px; color: #272727; }

.partner_head h4 { font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; margin: 0 0 15px; } 
.partner_head h2 { font-style: normal; font-weight: 500; font-size: 40px; line-height: 45px; color: #FFFFFF; }
.parters_des p { font-style: normal; font-weight: 400; font-size: 17px; line-height: 26px; color: #D0D0D0; }

.experties_sec{position: relative;}
.experties_sec:before { content: '' !important;display: block !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.74); } 
.experties_sec span.subtitle { text-transform: uppercase; color: #FFFFFF; } 
.experties_sec span.subtitle:before { opacity: 1; background: #fff; } 
.experties_sec h2 { font-style: normal; font-weight: 500; font-size: 40px; line-height: 44px; color: #FFFFFF; }
.experties_sec .wpb_column { width: 23%; } 
.experties_sec .wpb_column:first-child { width: 31%; }

.letest_news_sec { background: rgba(0,0,0,0.1) !important; padding: 70px 0; } 
.letest_news_sec h2 { font-style: normal; font-weight: 500; font-size: 40px; line-height: 39px; color: #333333; } 
.letest_news_sec a.btn-read-more { font-style: normal; font-weight: 400; font-size: 13px; letter-spacing: 0.26px; color: #888888 !important; } 
.letest_news_sec .divider-light { background: rgba(0, 0, 0, 0.0001); mix-blend-mode: normal; opacity: 0.05; border: 1px solid #010101; }
.letest_news_sec .box-heading { font-style: normal; font-weight: 400; font-size: 21px; line-height: 24px; color: #333333; margin: 0 0 7px; } 
.letest_news_sec .content-box-info p { font-style: normal; font-weight: 400; font-size: 18px; line-height: 25px; color: #777777; margin: 0 0 15px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.testimonial_sec h2.section-title { font-style: normal; font-weight: 500; font-size: 40px; line-height: 39px; color: #333333; } 
.testimonial_sec .divider-light { background: rgba(0, 0, 0, 0.0001); mix-blend-mode: normal; opacity: 0.05; border: 1px solid #010101 !important; margin-bottom: 0; } 
.testimonial_sec .content-box-info:after { display: none; } 
.testimonial_sec  .content-box { background: #FFFDF2 !important; box-shadow: 0px 4px 22px rgb(0 0 0 / 10%) !important; border-radius: 15px; } 
.testimonial_sec .image-left .profile { text-align: left; width: auto; } 
.testimonial_sec .image-left .profile .name { font-style: normal; font-weight: 500; font-size: 18px; line-height: 20px; color: #000000; } 
.testimonial_sec .image-left .profile .company { color: #696868; font-style: normal; font-weight: 500; font-size: 14px !important; line-height: 25px; } 
.testimonial_sec .image-left .profile img { width: 137px; height: 137px; object-fit: cover; object-position: center; } 
.testimonial_sec .testimonial-content p { font-style: normal; font-weight: 400; font-size: 18px !important; line-height: 28px; color: #717171 !important; } 
.testimonial_sec .testimonial-content p.testimonial-headline { font-weight: bold; margin: 0 0 10px; }
/* .testimonial_sec .testimonial { padding-top: 15px; } */
.testimonial_sec section { padding: 60px 0; }
.testimonial_sec .slick-prev { right: inherit; left: -10px; } 
.testimonial_sec .slick-next { right: -10px; } 
.testimonial_sec .slick-arrow:before { color: #fff !important; opacity: 1; z-index: 2; } 
.testimonial_sec .slick-arrow:after { content: ''; position: absolute; top: 0; bottom: 0; width: 0; height: 100%; left: 0; background: #FBDE06; transition: .3s ease; } 
.testimonial_sec .slick-arrow:hover:after { left: 0; width: 100%; }
.testimonial_sec .slick-arrow { z-index: 2; top: 50%; transform: translateY(-50%); background: #0005; border-radius: 2px; width: 45px; height: 45px; }
.testimonial_sec .content-box { margin: 20px 0 !important; }

.home_contact_sec { background-size: cover; background-position: center; padding: 70px 0 40px; } 
.home_contact_sec span.subtitle { font-style: normal; font-weight: 400; font-size: 20px; text-transform: uppercase; color: #FBDE06; margin: 0 0 7px; } 
.home_contact_sec h2 { font-style: normal; font-weight: 500; font-size: 39px; line-height: 47px; color: #333333; letter-spacing: -1.62px; } 
.home_contact_sec .dash { opacity: 1; background: #FBDE06; } 
.home_contact_sec .wpcf7-form-control:not(.wpcf7-submit) { background: #F5F5F5 !important; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; letter-spacing: 0.28px; color: #8D8D8D; } 
.home_contact_sec .wpcf7-form-control::placeholder{color: #8D8D8D;}
.home_contact_sec input.wpcf7-form-control { height: 54px; } 
.home_contact_sec textarea.wpcf7-form-control { height: 121px; } 
.home_contact_sec .wpcf7-form-control:focus { background: #DDDDDD !important; }
.home_contact_sec .wpcf7-submit { background: #FBDE06 !important; display: inline-block; vertical-align: middle; margin-bottom: 0 !important; font-style: normal; font-weight: 400; font-size: 18px; letter-spacing: 0.26px; color: #1E1D1D !important;width: auto !important; }
.home_contact_sec .wpcf7-submit:hover { background: #e2c804 !important; }

.about_footer_des .widget-container { margin-top: 15px !important; margin-bottom: 12px; } 
.about_footer_des p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 25px; letter-spacing: 0; color: #BEBFBF; }
.about_footer_des ul.social { margin: 0 0 15px !important; } 
span.copyright-text { font-style: normal; font-weight: 400; font-size: 18px; line-height: 52px; color: #989797; }
#footer .widget-footer .widget-container { margin-top: 16px; }
#footer .widget-footer { margin: 40px auto; }

/* inner pages */
#top-content-area h1 {position: relative; font-style: normal; font-weight: 500; font-size: 42px; line-height: 62px; letter-spacing: -0.84px; color: #FFFFFF; }
.breadcrumbs { font-style: normal; font-weight: 400; font-size: 16px; letter-spacing: 1.04px; text-transform: capitalize; color: #000000; border-color: #D9D9D9; } 
.breadcrumbs a span { color: #000000; }
#top-content-area h1:before { content: ''; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); width: 81px; height: 5px; background: #FBDE06; }
.we_design_sec h2 { font-style: normal; font-weight: 500; font-size: 36px; line-height: 39px; letter-spacing: -1.62px; color: #333333; } 
.we_design_sec .dash { opacity: 1; background: #FBDE06; } 
.we_design_sec p { font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #777777; }
.we_design_sec { padding-bottom: 40px; }
.amazing_team { padding: 80px 0 60px; } 
.amazing_team span.subtitle { font-style: normal; font-weight: 400; font-size: 16px; line-height: 38px; letter-spacing: 1.68px; text-transform: uppercase; color: #FFFFFF; margin: 0 0 10px; }  
.amazing_team h2 { font-style: normal; font-weight: 500; font-size: 36px; line-height: 39px; letter-spacing: -1.62px; color: #FFFFFF; } 
.amazing_team .dash { background: #FFFFFF; mix-blend-mode: normal; opacity: 0.2; }

.beautiful_studio span.subtitle { font-style: normal; font-weight: 400; font-size: 16px; line-height: 38px; letter-spacing: 1.68px; text-transform: uppercase; color: #FBDE06; margin: 0 0 10px; } 
.beautiful_studio h2 { font-style: normal; font-weight: 500; font-size: 36px; line-height: 39px; letter-spacing: -1.62px; color: #333333; } 
.beautiful_studio .dash { background: #FBDE06; mix-blend-mode: normal; opacity: 1; } 
.beautiful_studio p { font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #777777; } 
.beautiful_studio p:not(:last-child) { margin: 0 0 20px; } 
.beautiful_studio .shadow-box { margin-top: 0; }
.beautiful_studio .shadow-box:after{display: none !important;}
/* .beautiful_studio { padding: 100px 0 0; } */

.our_philosofy { padding: 70px 0; } 
.our_philosofy span.subtitle { font-style: normal; font-weight: 400; font-size: 12px; line-height: 38px; margin: 0 0 7px;color: #FBDE06; } 
.our_philosofy h2 { font-style: normal; font-weight: 500; font-size: 36px; line-height: 39px; letter-spacing: -1.62px; color: #333333; } 
.our_philosofy .dash { background: #000000; mix-blend-mode: normal; opacity: 0.07; } 
.our_philosofy p:not(.custom_tab p) { font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #777777; }
.our_philosofy .shadow-box:after{display: none;}

.custom_tab ul.nav.nav-tabs { margin: 0; border: none; } 
.custom_tab ul.nav.nav-tabs>li a { background: #EFEFEF !important; } 
.custom_tab ul.nav.nav-tabs>li.active a { background: #FBDE06 !important; } 
.custom_tab .tab-content.style-accent { background-color: #FBDE06 !important; } 
.custom_tab .tab-pane { font-style: normal; font-weight: 400; font-size: 13px; line-height: 22px;} 
.custom_tab .tab-pane li:before { display: none; } 
.custom_tab .tab-pane ul { padding: 0; margin-top: 20px; position: relative; }
.custom_tab .tab-pane li{margin: 0;}

.we_accomplished h2 { font-style: normal; font-weight: 500; font-size: 36px; line-height: 39px; letter-spacing: -1.62px; color: #333333; } 
.we_accomplished span.subtitle { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 1.68px; text-transform: uppercase; color: #FBDE06; } 
.we_accomplished span.subtitle:before { background: #FBDE06; opacity: 1; } 
.we_accomplished .number-box-number { font-style: normal; font-weight: 400; font-size: 60px; line-height: 70px; color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; background-color: #FBDE06; } 
.we_accomplished .number-box { background: #FFFFFF; box-shadow: 1px 1.7px 15px rgba(12, 12, 12, 0.07); } 
.we_accomplished .content-box-info h3 { font-style: normal; font-weight: 400; font-size: 22px; line-height: 27px; color: #000000; }

.we_know_head { padding: 70px 0 30px; }
.we_know_head h2 { font-style: normal; font-weight: 500; font-size: 36px; line-height: 39px; letter-spacing: -1.62px; color: #333333; } 
.we_know_head span.subtitle {position: relative; font-style: normal; font-weight: 400; font-size: 16px; line-height: 38px; letter-spacing: 1.68px; text-transform: uppercase; color: #FBDE06; }
.we_know_head span.subtitle:before { position: absolute; top: inherit; bottom: -10px; left: 50%; transform: translateX(-50%); background: #FBDE06; mix-blend-mode: normal; }
.we_know_body .content-box-info { box-shadow: none !important; }
.we_know_body .content-box.service-item.service-box-dark .content-box-info:after { background-color: #FBDE06; }
.solutiontitle a:hover{color: #fff;}
.we_know_body .content-box-info h4.box-heading { font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #FFFFFF; }

/* Services */
#top-content-area span.page-subtitle { font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: 1.04px; text-transform: uppercase; color: #FFFFFF; }
.services_row_head h2 { font-style: normal; font-weight: 500; font-size: 36px; line-height: 39px; letter-spacing: -1.62px; color: #333333; } 
.services_row_head .dash { opacity: 1; background: #FBDE06;height: 5px; } 
.services_row_head p { font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #777777; }
.services_row_head {padding-bottom: 20px;}
.services_row .content-box-info { box-shadow: none !important;padding: 30px 15px; }
.services_row .image-container img { width: 100%; height: 385px; object-fit: cover; }
.services_row .content-box-info h4 { font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #FFFFFF; }
.services_row .content-box.service-item.service-box-dark .content-box-info:after{background-color: #FBDE06;}
.page-template-page-services aside.sidebar { display: none !important; }
.page-template-page-services .testimonial_sec section{padding-bottom: 0 !important;}
#top-content-area .lines-overlay { display: none; }
#mainmenu a{padding: 22px 15px;}
#top-content-area .title-content-text:before{display: none !important;}
.blog-post .image-container img { width: 100%; height: 454px; object-fit: cover; } 
.blog-post .post-info a { font-style: normal; font-weight: 400; font-size: 12px; line-height: 24px; color: #999999; } 
.blog-post .post-info a:hover { color: #FBDE06; } 
.blog-post h2 { font-style: normal; font-weight: 500; font-size: 34px !important; line-height: 45px; display: flex; align-items: flex-end; letter-spacing: -0.51px !important; color: #FBDE06; } 
.blog-post h2 a { color: #FBDE06; } 
.sidebar-nav ul li a:hover{color: #FBDE06 !important;}
.blog-post h2 a:hover{color: #222;}
.blog-post .divider-light { border-top: 1px solid #EEEEEE; } 
.blog-post .content-box-info p { font-style: normal; font-weight: 400; font-size: 15px; line-height: 26px; letter-spacing: 0.15px; color: #777777; } 
.blog-post a.btn-read-more { padding-bottom: 0; font-style: normal; font-weight: 400; font-size: 15px; color: #FBDE06; }
.blog-post a.btn-read-more:after{color: #FBDE06 !important;}
h3.sidebar-heading { font-style: normal; font-weight: 400; font-size: 14px; letter-spacing: 1.12px; text-transform: uppercase; color: #FBDE06; } 
.sidebar-nav ul li { border-bottom: 1px solid #EEEEEE; } 
.sidebar-nav ul { border-top: 1px solid #EEEEEE; } 
.sidebar-nav ul li a { font-style: normal; font-weight: 400; font-size: 13px; line-height: 17px; color: #888888; } 
.sidebar-nav ul li a:hover { color: #C69238; }  
.sidebar-nav form.search-form input.search-field { background: #F5F5F5; font-style: normal; font-weight: 400; font-size: 13px; line-height: 62px; color: #888888; } 
.sidebar-nav form.search-form .search-submit { background: #FBDE06 !important; font-style: normal; font-weight: 400; font-size: 13px; color: #FFFFFF; }
.sidebar-nav form.search-form input.search-field::placeholder{color: #888888; }

/* 12 July */
#mainmenu > li > .sub-menu { max-height: 320px; overflow-y: auto; }
#mainmenu > li > .sub-menu::-webkit-scrollbar {
  width: 4px;
}
/* Track */
#mainmenu > li > .sub-menu::-webkit-scrollbar-track {
  background: #f1f1f1; 
} 
/* Handle */
#mainmenu > li > .sub-menu::-webkit-scrollbar-thumb {
  background: #222; 
}
/* Handle on hover */
#mainmenu > li > .sub-menu::-webkit-scrollbar-thumb:hover {
  background: #000; 
}

#footer.footer-dark a:hover, #footer.footer-dark ul li a:hover{color: #FBDE06 !important;}

/* Contact */
.contact_des_sec { padding: 80px 0 60px; } 
.contact_des_sec h3,.custom_box > div > div h3 { font-style: normal; font-weight: 400; font-size: 17px !important; line-height: 28px !important; letter-spacing: -0.18px; color: #333333; } 
.contact_des_sec p.feature-text { font-style: normal; font-weight: 400; font-size: 13px; line-height: 24px; color: #888888; margin: 10px 0 0; } 
.contact_des_sec .feature-box, .custom_box > div > div {min-height: 230px; text-align: center; background: #FFFFFF; box-shadow: 1px 1.7px 5px rgb(12 12 12 / 7%) !important;} 
.contact_des_sec .feature-box:hover,.custom_box > div > div:hover { box-shadow: 2.5px 4.3px 12px rgb(12 12 12 / 7%) !important; } 
.contact_des_sec .feature-box:hover h3.feature-title,.custom_box > div > div:hover h3 { color: #FBDE06 !important; }
.contact_des_sec .feature-box span.lnr { color: #FBDE06; }
.custom_box > div > div h3 a{text-decoration: none !important;border: none !important;}

.contact_form_sec { padding: 80px 0; } 
.contact_form_sec span.subtitle { color: #FBDE06;font-weight: bold; } 
.contact_form_sec span.subtitle:before { background: #FBDE06; } 
.contact_form_sec h2 { font-style: normal; font-weight: 500; font-size: 36px; line-height: 39px; letter-spacing: -1.62px; color: #333333; } 
.contact_form_sec .wpcf7-form-control:not(.wpcf7-submit) { background: #F5F5F5; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; letter-spacing: 0.28px; color: #8D8D8D; padding: 10px 15px; } 
.contact_form_sec input.wpcf7-form-control { height: 54px; } 
.contact_form_sec textarea.wpcf7-form-control { height: 121px; } 
.contact_form_sec .wpcf7-submit { background: #FBDE06 !important; font-style: normal; font-weight: 400; font-size: 13px; letter-spacing: 0.26px; color: #302F2F !important;width: auto; } 
.contact_form_sec .wpcf7-submit:hover { background: #e1c703 !important; } 
.contact_form_sec .shadow-box:after { display: none; }
.contact_form_sec .wpcf7-form-control::placeholder{color: #8D8D8D;}

.panel-group a.accordion-toggle[aria-expanded="true"] { background: #FBDE06 !important; font-style: normal; font-weight: 400; font-size: 17px; letter-spacing: -0.68px; color: #424141 !important; } 
.panel-group a.accordion-toggle[aria-expanded="true"]:hover{background: #FBDE06 !important;}
.panel-body { background: #FBDE06 !important; font-style: normal; font-weight: 400; font-size: 13px; line-height: 20px; letter-spacing: -0.13px; color: #363636; } 
.panel-group.light a.accordion-toggle { background: #F5F5F5; color: #999999; }
.contact_map_sec h2 { font-style: normal; font-weight: 500; font-size: 36px; line-height: 39px; letter-spacing: -1.62px; color: #333333; margin: 0 0 25px !important; padding-bottom: 20px; position: relative; } 
.contact_map_sec { padding: 70px 0 0; } 
.contact_map_sec h2:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 124px; height: 5px; background: #FBDE06; }
.custom_box > div > div > * { margin-bottom: 10px !important; }
.custom_box > div > div { padding: 35px 10px; } 
.custom_box > div > div i { color: #FBDE06 !important; margin: 0 0 20px !important;}

/* Blog details */
.single-post section#top-content-area { display: none; }
.post-overlapped .blog-post { margin-top: 0; }
.single-post section#top-content-area { display: none; } 
.post-overlapped .blog-post { margin-top: 0; } 
.single-post .blog-post .wp-post-image { height: 450px; width: 100%; object-fit: cover; } 
.single-post .blog-post .post-title { font-style: normal; font-weight: 500; font-size: 42px; line-height: 50px; letter-spacing: -0.63px; color: #333333; } 
.single-post .blog-post .entry-content p { font-style: normal; font-weight: 400; font-size: 15px; line-height: 26px; letter-spacing: 0.15px; color: #777777; margin: 0 0 15px; } 
.single-post .blog-post .post-info { background: transparent; padding-bottom: 0; }
.single-post .blog-post,.single-post .blog-post-box { background: #FFFFFF; box-shadow: 0px 2px 5px rgb(12 12 12 / 7%) !important; }

h3#reply-title { font-style: normal; font-weight: 400; font-size: 24px; line-height: 28px; letter-spacing: -1.2px; color: #333333; border-bottom: 1px solid #EEEEEE; } 
p.logged-in-as { font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #777777; margin: 0 0 7px; display: block; } 
.comment-form label { font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; color: #777777; } 
.comment-form textarea, .comment-form input:not(.comment-form .submit) { background: #F5F5F5 !important; } 
.comment-form .submit { margin-bottom: 0; background: #FBDE06 !important; font-style: normal; font-weight: 400; font-size: 13px; letter-spacing: 0.26px; color: #302F2F !important; }
.comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { width: 100%; margin: 0; } 
.comment-form > p:not(:last-child) { margin: 0 0 15px; }

/* Gallery */
.section-gallery { background: transparent !important; padding: 70px 0 40px; } 
.gallery-categories { display: flex; justify-content: center; } 
.gallery-categories > ul { border-bottom: 1px solid #FBDE06; display: block;text-align: left; } 
.gallery-categories ul li a.selected, .section-gallery.gallery-light .gallery-categories ul li a.selected, .section-gallery.gallery-light .gallery-categories ul li a.selected:hover, .gallery-categories ul li a.selected:hover { background: #FBDE06 !important; } 
.gallery-categories ul li a { display: block;padding: 12px 15px; } 
.gallery-categories ul li { margin: 0; } 
.captions-cards #gallery .item > a { display: block; background: #333333; height: auto !important;pointer-events: none; } 
.captions-cards #gallery .item .image-container img { width: 100%; height: 385px; object-fit: cover; }
.captions-cards #gallery .item .portfolio-box-caption { position: relative; } 
.captions-cards #gallery .item .portfolio-box-caption:before { content: ''; position: absolute; top: 0; bottom: 0; left: 100%; width: 0; height: 100%; background: #FBDE06; transition: .3s ease; } 
.captions-cards #gallery .item .portfolio-box-caption > * { position: relative; z-index: 1; } 
.captions-cards #gallery .item > a:hover .portfolio-box-caption:before { left: 0; width: 100%; } 
.captions-cards #gallery .item > a:hover .project-category { color: #fff; }
.captions-cards #gallery .item { margin-bottom: 30px !important; }
.we_know_body .image-container img { width: 100%; height: 385px; object-fit: cover; }

/* 13 July */
.wpcf7-spinner{display: none;}
form.submitting .wpcf7-spinner{display: inline-block;vertical-align: middle;}
.subnav-item span { margin-right: 5px; }


/*sunil*/
.subtitle:before, .dash:before{background: #fbde06;}
.tab-content.style-accent{color: #222;} 
.nav-tabs.style-accent>li.active>a, .nav-tabs.style-accent>li.active>a:hover, .nav-tabs.style-accent>li.active>a:focus{color: #222;background: #fbde06;}
.tab-content.style-accent ul li:before {background: rgba(0,0,0,.7);}
.dash{background: #fbde06;}
span.post.post-page.current-item { color: #000000;}

.spaced.vc_row { padding: 70px 0 70px;}
.testimonial .content-box{background: #FFF4E0;}


.testimonial .content-box-info p.testimonial-headline, .comment .content-box-info p.testimonial-headline{letter-spacing: -0.18px; color: #777777;font-weight: 400; font-size: 18px !important; line-height: 24px;    margin-top: 0;}
.testimonial .content-box-info p, .comment .content-box-info p{letter-spacing: -0.45px; color: #777777;font-weight: 400; font-size: 15px !important; line-height: 24px;    margin-top: 15px;}
.testimonial .content-box-info  .profile .name{font-size: 16px;color: #000; margin-top: 0;}
.testimonial .content-box-info .profile p.company{font-size: 13px;color: #777777; margin-top: 0;  }
.service-item .image-container img { height: 260px; width: 100%; object-fit: cover;    object-position: center;}
.service-item .content-box-info {padding: 32px 5px;}
.content-box-info h4{font-weight: 400; font-size: 18px; line-height: 24px;}
.vc_row.wpb_row.vc_row-fluid.vc_row-has-fill { background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important;background-blend-mode: overlay; }

.content-box.service-item.service-box-dark .content-box-info{box-shadow: none !important;}
.wpb_single_image .vc_figure, .wpb_single_image .vc_figure * { width: 100%; }
.work_efficient img.vc_single_image-img { min-height: 455px; }
.how_work_sec .number-box h3 { color: #222; margin: 0 0 10px; } 
.how_work_sec .number-box p { line-height: 22px; }
.shadow-box:after{display: none !important;}
.images4sec{padding-bottom: 70px;}
.padding_sec_120{padding: 120px 0;}
.mt_80{margin-top: 80px;}
.p_80{padding: 80px 0;}


.blog #top-content-area .overlay{opacity: 0.1 !important;}
.page-template-page-projects .latest-projects .gallery-categories{justify-content: flex-start;}

.parent-pageid-44 .content-box.service-item { pointer-events: none; }
form.wpcf7-form br { display: none; }
.panel-group a.accordion-toggle[aria-expanded="true"]:hover {
    color: #555 !important;
}
.contact_map_sec .vc_column-inner {
    padding: 0 !important;
}

.contact_map_sec .wpb_text_column.wpb_content_element {
    margin: 0 !important;
}

.contact_map_sec iframe {
    width: 100%;
}
span.wpcf7-not-valid-tip ~ span.wpcf7-not-valid-tip {
    display: none !important;
}



/*Responsive*/

@media(min-width: 991px) {
#mainmenu>li:before {height: 4px; background: #FBDE06;}
}

@media (max-width: 1199px){
    .subnav-item { margin-left: 15px; } 
    .subnav-item:first-child { margin-left: 0 !important; } 
    #mainmenu > li { margin: 0 15px 0 0; } 
    header #logo img { max-width: 230px !important; }
    /* .carousel-control { width: 60px; height: 60px; line-height: 60px; }  */
    /* .carousel-control.left { transform: translateY(60px); right: 60px; } */
    .expreance_box p:nth-of-type(1) { font-size: 100px; } 
    .expreance_box p { font-size: 20px; } 
    .partner_head h2 { font-size: 34px; line-height: 43px; }
    .work_differently h2 { font-size: 34px; line-height: 37px; } 
    .work_differently p { font-size: 16px; line-height: 25px; }
    .work_differently .shadow-box { margin-top: 50px; }
    .experties_sec h2{font-size: 34px;line-height: 42px;}
    .number-box.style-dark .number-box-number { font-size: 60px; }
    .letest_news_sec .content-box-info p{font-size: 16px;}
    .letest_news_sec .box-heading { font-size: 18px !important; }
    .testimonial_sec .testimonial-content p { font-size: 16px !important;line-height: 24px; }
    .home_contact_sec h2 { font-size: 34px; line-height: 40px; } 
    .home_contact_sec .wpcf7-form-control:not(.wpcf7-submit) { font-size: 16px; }
    /* 13 July */
    .hero_right_img,.hero_sec { height: 500px !important; } 
    .hero_sec h2 { font-size: 36px; line-height: 42px; } 
    .hero_sec .carousel-content a.btn { line-height: 50px; } 
    .solutiontitle a { font-size: 18px; }
    #footer.footer-dark a, #footer.footer-dark ul li a,.widget-footer .textwidget,span.copyright-text{font-size: 15px;}
    .services_row .image-container img { height: 300px; } 
    .services_row .content-box-info h4 { font-size: 15px; } 
    .services_row .content-box-info { padding: 15px; min-height: 78px; display: flex; align-items: center; justify-content: center; }
}

@media (max-width: 991px){
    .hero_sec .row > .col-md-6 { width: 50%; }
    .hero_sec h2 { font-size: 36px; line-height: 45px; margin: 0 0 10px; }
    .hero_sec .carousel-content a.btn { line-height: 30px; padding: 10px 20px; min-width: auto; }
    .solution_services,.letest_news_sec,.testimonial_sec section,.home_contact_sec,.work_differently,.experties_sec,.our_philosofy { padding: 30px 0; }
    .parters_des p{font-size: 16px;line-height: 25px;font-weight: 300;}
    .experties_sec h2,.experties_sec h2,.testimonial_sec h2.section-title,.home_contact_sec h2,.letest_news_sec h2,.work_differently h2,.solution_head h2,.partner_head h2,.our_philosofy h2{font-size: 27px;line-height: 35px;}
    .number-box.style-dark .number-box-number{font-size: 40px;}
    .about_footer_des p,span.copyright-text,.widget-footer .textwidget,.solution_head p{font-size: 16px;line-height: 24px;font-weight: 300;}
    img#footer-logo { margin: 0; }
    #footer.footer-dark h3.footer-header { font-size: 18px; font-weight: 400; }
    #footer.footer-dark a, #footer.footer-dark ul li a { font-size: 16px; }
    .work_differently .nav-tabs.light>li a { font-size: 15px; padding: 10px 20px !important; }
    .solution_services .slick-prev { left: 12px; }
    .solution_services .slick-next{right: 12px;}
    .solutiontitle { padding: 20px 15px; } 
    .solutiontitle a { font-size: 18px; }
    /* footer */
    .expreance_box > .vc_column-inner > .wpb_wrapper { min-height: inherit; padding: 30px 15px 10px; margin: 0 0 20px; } 
    .main-footer .row > div { width: 100%; margin: 0 !important; } 
    .main-footer { padding: 30px 0; } 
    .main-footer .row > div:not(:last-child) { padding-bottom: 15px; margin-bottom: 15px !important; border-bottom: 1px solid #585858; }
    .home_contact_sec .shadow-box { margin-bottom: 0 !important; padding: 20px !important; }
    #footer.footer-dark h3.footer-header{margin: 0;}
    /* services */
    .services_row_head h2,.we_design_sec h2,.we_know_head h2,.beautiful_studio h2,.we_accomplished h2,.contact_form_sec h2{font-size: 27px;line-height: 35px;}
    .content { padding: 40px 0; }
    #top-content-area h1 { font-size: 36px; line-height: 45px; padding-bottom: 10px; }
    /* blog */
    .blog-post h2,.single-post .blog-post .post-title { font-size: 22px !important; line-height: 28px !important; }
    .blog-post .entry-content { padding: 20px !important; }
    .blog-post { margin-bottom: 20px; }
    .single-post .content.padding-top-80.padding-bottom-80 { padding: 40px 0 !important; }
    .single-post .blog-post .post-info { padding-top: 0; margin-bottom: 20px; }
    .contact_des_sec { padding: 40px 0 30px; }
    .contact_form_sec { padding: 40px 0; }
    .panel-group.light .accordion-toggle::before { right: 10px; }

    .images4sec{padding-bottom: 40px;}
    .spaced.vc_row,.padding_sec_120{padding: 40px 0;}
    .mt_80{margin-top: 40px;}
    .p_80{padding: 40px 0;}
    .spaced-bot{padding: 0 0 40px;}
    .content.padding-bottom-120{padding-bottom: 40px!important;}
  .content.padding-top-80 { padding-top: 40px!important; }
    
    
}

@media (max-width: 990px){
    header #logo { margin-top: 22px !important; }
    #mainmenu li ul li a { padding: 10px 15px; line-height: 24px !important; border-bottom: 1px solid #333; }
    .custom_box > div > div i, .contact_des_sec .feature-box span.lnr { font-size: 30px !important; }
}

@media (max-width: 768px){
    .hero_sec .row > .col-md-6{width: 100%;}
    .hero_right_img,.hero_sec{height: 625px !important;}
    .carousel-control { bottom: inherit; top: 20px; transform: inherit !important;}
    /* .carousel-control.left { left: inherit; right: 55px; } */
    .hero_sec{padding: 60px 0 15px !important;}
    .hero_right_img .hide-on-desk { max-height: 372px; width: 100%; object-fit: cover; margin-top: 30px; }
    .carousel-control { width: 35px; height: 35px; line-height: 35px; } 
    .carousel-control span { font-size: 20px; }
    .carousel-control.right { right: 15px; }
    .hero_sec h2 { font-size: 27px; line-height: 35px; max-width: 500px; margin: 0 auto 10px; } 
    .hero_sec .carousel-content a.btn { line-height: 25px; padding: 10px 15px; }
    .solution_services, .letest_news_sec, .testimonial_sec section, .home_contact_sec,.partner_sec,.work_differently,.experties_sec,.our_philosofy{padding: 15px 0;}
    .expreance_box p:nth-of-type(1) { font-size: 65px; }
    .expreance_box p { font-size: 16px; }
    .experties_sec h2, .experties_sec h2, .testimonial_sec h2.section-title, .home_contact_sec h2, .letest_news_sec h2, .work_differently h2, .solution_head h2, .partner_head h2,.we_design_sec h2,.our_philosofy h2,.we_know_head h2,.beautiful_studio h2,.we_accomplished h2 { font-size: 20px; line-height: 27px; }
    /* 13 July */
    .hero_sec .carousel-control.left { left: 30px; transform: inherit !important; } 
    .hero_sec .carousel-control.right { right: 30px; }
    .working_left_img img { height: auto; }
    .number-box.style-dark .number-box-number{font-size: 30px;}
    .number-box.style-dark h3 { font-size: 16px; }
    .testimonial_sec .slick-prev { left: 15px; } 
    .testimonial_sec .slick-next { right: 15px; }
    #slider-fullwidth .slide-img { height: 400px; }
    .page .content.animated.padding-top-80.padding-bottom-80 { padding: 20px 0 !important; }
}

@media (max-width: 767px){
  .expreance_box > .vc_column-inner > .wpb_wrapper { min-height: inherit; padding: 30px 15px 10px; margin: 0 0 20px; }
  .experties_sec > div { width: 100% !important; } 
  .experties_sec > div .spacing-30 { margin-bottom: 15px; }
  /* services */
  .services_row_head h2{font-size: 20px;line-height: 27px;}
  .content { padding: 20px 0; }
  .content-box.service-item.spacing-30 { margin-bottom: 15px; }
  #top-content-area h1{font-size: 27px;line-height: 35px;}
  .we_design_sec {padding-bottom: 0; }
  .content.padding-bottom-80 { padding-bottom: 40px !important; } 
  .beautiful_studio figure.wpb_wrapper.vc_figure,.beautiful_studio a.vc_single_image-wrapper,.our_philosofy a.vc_single_image-wrapper,.our_philosofy figure.wpb_wrapper.vc_figure { text-align: center; display: block; } 
  .beautiful_studio a.vc_single_image-wrapper img,.our_philosofy a.vc_single_image-wrapper img { width: 100%; height: auto; object-fit: cover; margin-top: 20px; }
  .we_know_head { padding: 20px 0 30px; }
  h2{letter-spacing: inherit !important;}
  span.subtitle{font-size: 15px !important;line-height: 27px !important;}
  .our_philosofy a.vc_single_image-wrapper img{margin-top: 0 !important;}
  .beautiful_studio .shadow-box,.our_philosofy .shadow-box{padding: 15px !important;}
  .we_accomplished .number-box-number { font-size: 27px; line-height: 40px; }
  .we_accomplished .content-box-info h3 { font-size: 18px; }
  .number-box .content-box-info { padding: 20px; }
  .we_accomplished .number-box { margin-bottom: 10px !important; }
  .blog-post h2,.single-post .blog-post .post-title { font-size: 18px !important; line-height: 26px !important; margin: 10px 0 !important; }
  .blog-post .divider-light { margin-bottom: 10px; }
  .blog-post .image-container img { width: 100%; height: auto; }
  .pagination { padding: 0; margin: 0; }
  .sidebar-nav{margin-bottom: 25px;}
  .single-post .content.padding-top-80.padding-bottom-80 { padding: 20px 0 !important; }
  .contact_des_sec .feature-box, .custom_box > div > div { padding: 20px; margin: 0 0 20px; min-height: inherit; }
  .contact_des_sec .feature-box{margin-bottom: 0 !important;}
  .contact_form_sec,.contact_des_sec { padding: 15px 0; }
  .contact_form_sec h2{font-size: 20px;line-height: 27px;}
  .contact_form_sec .shadow-box { padding: 15px !important;margin-bottom: 0; }
  .contact_form_sec .wpcf7-submit{min-width: 115px;}

  /* 14 July */
  .work_efficient img.vc_single_image-img{min-height: auto !important;}
  #top-content-area { padding: 30px 0 !important; }
  .breadcrumbs a span,span.post.post-page.current-item{padding: 5px 0;display: inline-block;}
  .breadcrumbs { padding: 7px 0; }
  .content.padding-top-120.padding-bottom-120 { padding: 30px 0 !important; }
  .images4sec{padding-bottom: 30px;}
  .spaced.vc_row,.padding_sec_120{padding: 30px 0;}
  .mt_80{margin-top: 30px;}
  .p_80{padding: 30px 0;}
  .spaced-bot{padding: 0 0 30px;}
  .content.padding-bottom-120{padding-bottom: 30px!important;}
  .content.padding-top-80 { padding-top: 30px!important; }
  figure.gallery-item * { width: 100%; }
  .hero_sec{padding: 30px 0 15px !important;}
  .hero_sec .carousel-content{padding: 0 !important;}
	.contact_map_sec iframe {
    height: 400px;
}
	.contact_map_sec {
    padding: 20px 0 0;
}
	.contact_map_sec h2{font-size: 20px;line-height: 27px;}
  
}

@media (max-width: 575px){
  .solutionsliderbox{padding: 0;}
  .solution_services .slick-arrow { width: 40px; height: 40px; } 
  .solution_services .slick-arrow:before { font-size: 20px; } 
  .solution_services .slick-prev { left: 0; } 
  .solution_services .slick-next { right: 0; }
  .view_services { margin-top: 0; }
  .work_differently .tab-content { padding: 15px; } 
  .work_differently .tab-content p { font-size: 16px; } 
  .work_differently .shadow-box { padding: 15px 15px 0 !important; }
  .testimonial_sec .slick-arrow {width: 30px;height: 30px;line-height: 30px;} 
  .testimonial_sec .slick-arrow:before { font-size: 19px; } 
  .testimonial_sec .slick-next { right: 3px; } 
  .testimonial_sec .slick-prev { left: 4px; }
  .home_contact_sec span.subtitle{font-size: 16px;}
  /* 14 July */
  header #logo img,img#footer-logo { max-width: 180px !important; }
  header #logo { margin-top: 30px !important; }
  .solutionimg img{height: 250px;}
}

/*end*/