/* reset-css */

body {background-color:var(--bs-color-white); color:var(--bs-color-black); font-size:16px; line-height:1.6; font-weight:400; font-family:var(--bs-body-font-family); font-style:normal;}
body, html {overflow-x:hidden;}
* {margin:0; padding:0;}
a {text-decoration:none; transition:all 0.6s; color:var(--bs-color-black);}
h1, h2{font-weight: 700;}
h1, h2, h3, h4, h5, h6 {margin-bottom:20px; line-height:1.4; font-weight:500; color:var(--bs-color-deep-blue);}
ul, li {list-style-type:none; margin:0; padding:0;}
figure {margin:0;}
img {max-width:100%;}
.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {box-shadow:none;}
a:focus {outline:none; box-shadow:none;}
a:hover {color:var(--bs-color-deep-blue);}
.btn:focus, .btn.focus {outline:0; box-shadow:none;}
.slick-prev:focus, .slick-next:focus {outline:none;}
.dropdown-toggle:focus {outline:none;}
.form-control:focus {outline:none; box-shadow:none;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, .form-control {padding:5px 15px; -moz-appearance:none; -webkit-appearance:none; appearance:none; border-radius:4px; font-size:18px; height:45px; width:100%; background-color:var(--bs-color-white); border:2px solid var(--bs-color-grey-4); font-size:14px; color:var(--bs-color-black); font-family:var(--bs-body-font-family);}
select {background:url(../images/down-arrow.png) right 20px center no-repeat; background-size:16px;}
textarea.form-control {padding-top:13px; height:96px;}
label {font-size:15px; color:var(--bs-color-grey); font-weight:500;}
.form-group {margin-bottom:15px;}
.mb-0 {margin-bottom:0;}
h1 {font-size:45px;color: var(--bs-color-white);font-weight: 600;}
h2 {font-size:40px;}
h3 {font-size:24px;}
h4 {font-size:20px;}
.container {padding:0 15px;}
.container-fluid {padding:0 15px;}
.btn {background:var(--bs-color-primary); color:var(--bs-color-white); border:1px solid transparent; padding:14px 16px; font-size:16px; font-weight:600; border-radius:5px; border:1px solid transparent; line-height:1; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s;gap: 10px;overflow: hidden;}
.btn.md {font-size:21px;}
.btn:hover , .btn:focus {background:var(--bs-color-black); color:var(--bs-color-white);}
.btn.white-btn {background:var(--bs-color-white); color:var(--bs-color-deep-blue); -webkit-box-shadow:0 2px 3px 0 rgba(15,22,41,.2); box-shadow:0 2px 3px 0 rgba(15,22,41,.2);}
.btn.outline-primary {border-color:var(--bs-color-white); background:transparent;}
.btn.outline-secondary {border-color:var(--bs-color-blue); background:transparent; color:var(--bs-color-blue);}
.btn.outline-primary:hover, .btn.outline-secondary:hover {background:var(--bs-color-deep-blue); color:var(--bs-color-white); border-color:var(--bs-color-deep-blue);}
.btn.white-btn:hover , .btn.white-btn:focus {background:var(--bs-color-deep-blue); color:var(--bs-color-white);}
.bg-white {background-color:var(--bs-color-white);}
.fs-sm {font-size:14px;}
.section{padding: 50px 0;}

.btn  i{margin-left: 15px;position: relative;}
.btn i::after { height: 47px; width: 0.9px; background-color: var(--bs-color-white);opacity: 0.6; left: -12px; position: absolute; content: ""; top: -17px; }
.btn.white-btn i::after{background-color: var(--bs-color-black);}
.btn:hover i::after, .btn.white-btn:hover i::after{background-color: var(--bs-color-white);opacity: 0.6;}

/* reset-css */

/* header */

.navbar {position:static;}
.navbar-toggler {border:0; padding:0; -webkit-box-shadow:none; box-shadow:none; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:9999;}
.navbar-toggler:focus {-webkit-box-shadow:none; box-shadow:none; background:none;}
.navbar-toggler-icon {width:auto; height:auto;}
.navbar-toggler-icon .line {width:30px; height:3px; background-color:var(--bs-color-white); display:block; margin:6px auto; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.navbar-toggler.is-active .line:nth-child(2) {opacity:0;}
.navbar-toggler.is-active .line:nth-child(1) {-webkit-transform:translateY(9px) rotate(45deg); -ms-transform:translateY(9px) rotate(45deg); transform:translateY(9px) rotate(45deg);}
.navbar-toggler.is-active .line:nth-child(3) {-webkit-transform:translateY(-9px) rotate(-45deg); -ms-transform:translateY(-9px) rotate(-45deg); transform:translateY(-8px) rotate(-45deg);}
.navbar-toggler-icon img {width:30px;}
.header {padding:15px 0; -webkit-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s; background:var( --bs-color-primary); position:fixed; left:0; right:0; top:0; width:100%; z-index:9999; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s;}
.header.sticky {-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.2); box-shadow:0 0 10px rgba(0, 0, 0, 0.2); padding:7px 0;}
.navbar {padding:0; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.navbar-brand {min-width:200px; max-width:200px; padding:0;}
.dropdown:hover .dropdown-menu {display:block;}
.navbar-nav {margin-left:auto;}
.navbar-nav > li > a {color:var(--bs-color-white); font-weight:500; font-size:16px; display:inline-block; position:relative;}
/* .navbar-nav > li > a:before {position:absolute; content:''; background:var(--bs-color-white); bottom:-20px; height:20px; width:100%; left:0; right:0; opacity:0; -webkit-transition:all 0.15s; -o-transition:all 0.15s; transition:all 0.15s;} */
.navbar-expand-md .navbar-nav > li > a {padding:14px 16px!important;}
.navbar-nav > li:hover > a, .navbar-nav > li:focus > a{ color:var(--bs-color-white);background-color: rgba(0,0,0,0.2);}
.navbar-nav li > a:hover:before {opacity:1;}
.down-arrow{display: inline-block;transition: 0.4s;}
.navbar-nav li:hover .down-arrow, .navbar-nav li:focus .down-arrow{transform: rotate(180deg);}
.navbar-toggler {border:0; padding:0; -webkit-box-shadow:none; box-shadow:none; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.navbar-toggler:focus {-webkit-box-shadow:none; box-shadow:none; background:none;}
.navbar-toggler .navbar-toggler-icon {width:auto; height:auto;}
.navbar-toggler .navbar-toggler-icon img {width:40px; -webkit-filter:brightness(100) invert(100); filter:brightness(100) invert(100);}
.header-right {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;gap: 30px;}
.nav-link:focus, .nav-link:hover { color: #fff; }
.common-gap {padding:35px 0;}
.common-gap.no-gap-top {padding-top:0;}


.sub-menu { text-align: left; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: column; z-index: 2; min-width: 280px; width: 100%; background-color: transparent; position: absolute; background-color: transparent; left: -999em; top: 100%; opacity: 0; -webkit-transform: translate(0, 10px); -moz-transform: translate(0, 10px); transform: translate(0, 10px); transition: opacity .2s ease-in, transform .2s ease-in, visibility .2s ease-in;
}
.navbar-nav li:hover > .sub-menu { left: 0; right: auto; opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); }

.srvc_menu_item{padding: 30px;}
.srvc_menu_item:first-child{width: 50%;}
.srvc_menu_item:last-child{width: 50%;border-left: 1px solid var(--bs-color-grey-4);}
.navbar-nav .sub-menu li a{color: var(--bs-text-gray);display: inline-flex;align-items: center;gap: 10px;padding: 8px 0 !important;}
.sub-menu li a:hover{color: var(--bs-color-primary);}
.sub-menu h4, .sub-menu h4 a{color: var(--bs-text-gray);display: inline-block;}
.sub-menu h4 a:hover{color: var(--bs-color-primary);}
.sub-menu h4 a i{font-size: 14px;}
.megamenu_wrapper{margin-left: -30%;min-width: 250px;}
.megamenu_wrapper.service_menuwrapper{min-width: 650px;}
.megamenu_wrapper.portfolio_wrapper{min-width: 450px;padding: 30px;}
.navbar-nav .portfolio_menu_item li a{gap: 15px;display: flex;padding: 12px 15px !important;}
.navbar-nav .portfolio_menu_item li a:hover{background-color: var( --bs-color-light-gray);}
.portfolio_menu_item li a p strong{display: block;font-weight: 500;font-size: 15px;}
.portfolio_menu_item li a i{font-size: 24px;}
.portfolio_menu_item li a p{font-size: 14px;color: var(--bs-light-gray);margin-bottom: 0;}
.portfolio_menu_item h4{margin-bottom: 10px;}
.about_row h3, .about_row p{margin: 0;}
.carere_info p strong{display: block;margin-bottom: 0;font-weight: 400;}
.navbar-nav .carere_info p a{color: var(--bs-light-gray);padding: 0 !important;font-weight: 300;}
.carere_info i{font-size: 20px;color: var(--bs-light-gray);}
.carere_info p{margin-bottom: 0;}
.navbar-nav .carere_info p a:hover{color: var(--bs-color-primary);}
/* header */

/* banner */
.banner_sec{background-color: var(--bs-color-primary);padding: 120px 0 80px;height: calc(100vh - 112px);display: flex;align-items: center;justify-content: center;}
.banner-content p, .key_points  ul li a{color: var(--bs-color-white);}
.key_points  ul li{font-size: 16px;opacity: 0.8;}
.banner-content p{opacity: 0.8;}
/* banner */
/* trusted_sec */
.trusted_sec{background-color: var(--bs-color-blue);padding: 30px 0;}
.trusted_left_content{min-width: 200px;border-right: 1px solid var(--bs-color-grey-4);}
.trusted_logo_wrapper{width: 100%;padding-left: 30px;}
.trusted_left_content p{margin-bottom: 0;color: var(--bs-color-white);}
.trusted_left_content p strong{display: block;}
.infiniteslide{gap: 40px;}
.infiniteslide li span{min-height: 42px;display: flex;align-items: center;opacity: 0.8;}
/* trusted_sec */

/* service-sec */
.page_heading{margin-bottom: 40px;}
.bg-gray{background-color: var(--bs-color-grey-4);}
.bg-light-bg{background-color: var(--bs-color-light-gray);}
.srvc_icon{height: 65px;width: 65px;display: flex;align-items: center;justify-content: center;font-size: 30px;color: var(--bs-color-black);transition: 0.4s;border-radius: 10px;}
.service_item:hover .srvc_icon{background-color: var(--bs-color-primary);color: var(--bs-color-white);}
.btn_link{color: var(--bs-color-primary);font-weight: 600;}
.srvc_ilst li{position: relative;padding-left: 20px;margin-bottom: 10px;}
.srvc_ilst li:last-child{margin-bottom: 0;}
.srvc_ilst li::before{position: absolute;content: "";left: 0;top: 10px;height: 6px;width: 6px;background-color: var(--bs-color-primary);border-radius: 50%;}

/* service-sec */

/* contact_solution */
.contact_leftpnl{max-width: 525px;}
.contact_leftpnl p{margin-bottom: 0;}

/* contact_solution */

/* explore_our_strength */
.tab_leftpnl{width: 40%;}
.tab_rightpnl{width: 60%;}
.nav-pills .nav-link{padding: 16px 0;background-color: transparent;text-align: left;color: var(--bs-text-gray);font-size: 18px;gap: 15px;display: flex;align-items: center;position: relative;}
.nav-pills .nav-link i{min-width: 24px;width: 24px;text-align: center;font-size: 20px;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: var(--bs-color-black); background-color: transparent; }
.nav-pills .nav-link::after{position: absolute;content: "";height: 2px;background-color: var(--bs-color-primary);left: 0;bottom: 0;transition: 0.4s;width: 0;}
.nav-pills .nav-link.active::after{width: 100%;}
.explore_pic{width: 420px;min-width: 420px;}
.explore_text { background-color: var(--bs-color-white); padding: 30px; max-width: 490px; position: absolute; right: 0; top: 10px; z-index: 9;}
.explore_text p strong{text-decoration: underline;}
.explore_text p a{font-weight: 600;color: var(--bs-color-primary);text-decoration: underline;}
.explore_text p a:hover{color: var(--bs-color-deep-blue);text-decoration: none;}
.rounded-20{border-radius: 20px;} .rounded-10{border-radius: 10px;}

/* explore_our_strength */

/* our_recent_work */
.portfolio_slide_item {padding: 20px;}
.slick-arrow{height: 50px;width: 50px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: var(--bs-color-primary);color: var(--bs-color-white);border: 0;position: absolute;top: 50%;transform: translateY(-50%);}
.prev-arrow{left: -20px;}
.next-arrow{right: -20px;}
.slick-arrow:hover{background-color: var(--bs-color-deep-blue);}
.info_item{border-left: 1px solid var(--bs-color-grey-4);padding-left: 15px;margin-bottom: 20px;}
.info_item:last-child{margin-bottom: 0;}
.info_item h6{margin-bottom: 10px;color: var(--bs-color-primary);font-style: italic;}
.info_item ul{display: flex;gap: 30px;}
.info_item ul li strong{font-size: 30px;color: var(--bs-color-primary);margin-bottom: 10px;}

/* our_recent_work */

/* how_we_work_sec */
.how_work_icon{width: 55px;margin-bottom: 20px;}
.work_item{position: relative;}
.work_item::after { position: absolute; content: "\f061"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--bs-color-primary); top: 60px; right: 0; font-size: 30px; }
.how_workwrapper .col-lg-3:last-child .work_item::after{display: none;}
.how_work_text h3{font-size: 19px;}
/* how_we_work_sec */

/* testimonial_sec */
.info_testi_head h4{margin-bottom: 6px;}
.testi_info_item + .testi_info_item{padding-left: 50px;}
.info_icon{width: 50px;min-width: 50px;}
.rating_information p{display: flex;align-items: center;justify-content: center;gap: 10px;}
.testimonial_slide_item{padding: 15px;}
.testimonial_content{min-height: 310px;}
.author_info h6 + span { display: inline-flex; width: 106px; height: 50px; align-items: center; }
.testimonial_slide_wrapper{position: relative;}
/* testimonial_sec */

/* pricing_sec */
.pricing_leftpnl{width: 430px;min-width: 430px;}
.pricing_rightpnl{width: 100%;padding-left: 40px;display: flex;align-items: center;}
.pricing_bx{width: 33.33%;padding: 30px 20px;text-align: center;background-color: var(--bs-color-light-gray);border-radius: 10px;}
.pricing_bx.best_plan{background-color: var(--bs-color-primary);}
.icon_circle{height: 60px;width: 60px;font-size: 24px;}
.pricing_bx  h3{font-size: 20px;}
.pricing_bx  h2{color: var(--bs-color-primary);font-size: 30px;}
.pricing_bx  h2 sub{font-size: 16px;}
.feature_list li{position: relative;margin-bottom: 10px;color: var(--bs-text-gray);padding-left: 20px;text-align: left;}
.feature_list li::before{content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: green;font-size: 16px;top: 0px;left: 0;position: absolute; }
.pricing_bx.best_plan li, .pricing_bx.best_plan h3,.pricing_bx.best_plan h2, .pricing_bx.best_plan .feature_list li::before {color: var(--bs-color-white);}
/* pricing_sec */
/* about */
.about_skill ul{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;}
.about_skill li a{padding: 6px 10px;border: 1px solid var(--bs-color-primary);color: var(--bs-color-primary);border-radius: 5px;display: inline-block;}
.about_skill li a:hover{background-color: var(--bs-color-primary);color: var(--bs-color-white);}
.highlights li{margin-bottom: 10px;color: var(--bs-text-gray);display: flex;align-items: center;gap: 10px;}
.highlights li i{min-width: 24px;width: 24px;font-size: 20px;text-align: center;}
/* about */

/* work_withus */
.work_withus{background-color: var(--bs-color-grey-3);}
.page_heading h5{color: var(--bs-color-primary);margin-bottom: 8px;}
.contact_info_row li{display: flex;gap: 10px;margin-bottom: 15px;}
.contact_info_row li i{min-height: 20px;display: flex;align-items: center;min-width: 20px;font-size: 18px;text-align: center;color: var(--bs-color-primary);}
.contact_info_row  li p{margin-bottom: 0;}
.contact_info_row li:last-child{margin-bottom: 0;}
.contact_info_row li a{color: var(--bs-color-primary);}
.contact_info_row li a:hover{color: var(--bs-color-black);}
.form-group{position: relative;}
.form-group .form-control{padding: 0 20px 0 40px;border-width: 1px;height: 50px;}
.form-group .form-control:focus{border-color: var(--bs-color-primary);}
.filed_icon { position: absolute; left: 10px; top: 14px; opacity: 0.6; }
.form-group textarea.form-control{height: 130px;padding-top: 15px;resize: none;}
.form_checkbox label { display: flex; align-items: center; padding-left: 30px; position: relative; }
.form_checkbox label input { position: absolute; opacity: 0; cursor: pointer; left: 0; }
.form_checkbox label > span::before { content: ''; position: absolute; top: 3px; left: 0; height: 18px; width: 18px; background-color: var(--bs-color-white); border: 1px solid var(--bs-color-black); transition: 0.3s ease; border-radius: 3px; }
.form_checkbox label > span::after { content: ''; left: 7px; top: 6px; width: 5px; height: 9px; border: solid var(--bs-color-white); border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; display: none; }
.form_checkbox label input:checked ~ span::after { display: block; }
.form_checkbox label input:checked ~ span:before { background-color: var(--bs-color-primary); border-color: var(--bs-color-primary); }
.form_checkbox p a{color: var(--bs-color-primary);text-decoration: underline;}

/* work_withus */

/* news_insights */
.news_slider{margin: 0 20px;}
.news_slideitem{padding: 20px;}
.news_slide_innr{border: 1px solid var(--bs-text-gray);padding: 30px;border-radius: 10px;position: relative;}
.news_slide_innr::after{position: absolute;content: "";left: 15px;top: 15px;bottom: -10px;right: -10px;background-color: var(--bs-color-primary);border-radius: 10px;z-index: -1;}
.news_slide_innr:hover:after{background-color: var(--bs-color-deep-blue);}
/* news_insights */

/* footer- */

.footer {padding:50px 0 30px;background-color: var(--bs-color-black);}
.ft-logo a{width:200px; display:inline-block; margin-bottom:20px;}
.ftr_logopnl p{color: #fff;}
.footer_item h3{color: var(--bs-color-white);}

.social-icon {display:-webkit-box; display:-ms-flexbox; display:flex;}
.social-icon li {margin-right:10px;}
.social-icon li:last-child {margin-right:0;}
.social-icon li a {width:40px; height:40px; border-radius:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;  color:var(--bs-color-primary); font-size:20px;background-color: var(--bs-color-white);}
.social-icon li a:hover {background:var(--bs-color-primary); color:var(--bs-color-white);}
.social-icon li a:hover svg {fill:var(--bs-color-white);}
.ft-hdr {font-size:18px; text-transform:uppercase; color:var(--bs-color-blue);}
.ft-menu li {margin-bottom:15px;display: flex;align-items: center;gap: 10px;font-size: 16px;}
.ft-menu li:last-child {margin-bottom:0;}
.ft-menu li a {font-size:16px;color: var(--bs-color-white);}
.ft-menu li a:hover {color:var(--bs-color-primary);}
.footer-top{padding-bottom: 40px;}
.footer-contact li, .footer-contact li a{color: var(--bs-color-white);}
.footer-contact li{margin-bottom: 15px;display: flex;align-items: center;gap: 10px;}
.footer-contact li a:hover{color: var(--bs-color-primary);}



.footer-btm {padding-top:20px; margin-top:20px; border-top: 0.5px solid var( --bs-color-grey-4); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.footer-btm ul {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin:0 -10px;}
.footer-btm ul li {padding:0 10px;}
.footer-btm ul li a { font-size:16px;color: var(--bs-color-white);}
.footer-btm ul li a:hover {color:var(--bs-color-primary);}
.footer-btm p {color:var(--bs-color-white); font-size:16px; margin-bottom:0;}


/* footer-and-mega-menu */

.trusted_logo_list li span img {
    /*filter: brightness(0) invert(1);*/
    max-width: 90px;
}
.page_heading h1{
    font-size: 40px;
    color: var(--bs-color-deep-blue);
}
#inquiry_project_type{
    color: #687484;
}
.why_chooseus_wrapper .work_item::after{
    content: '';
}
.cms_page h2{
    font-size: 30px;
}
.cms_page ul {
    list-style-type: disc;
}
.cms_page ul li {
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom: 10px;
}