/*
Theme Name: Dynamic Child
Theme URI: http://asianitbd.com/wp/dynamic/
Template: dynamic
Author: Themekalia
Author URI: http://themeforest.net/user/themekalia
Description: This is Dynamic theme
Tags: one-column,two-columns,right-sidebar,custom-header,custom-menu,editor-style,featured-images,rtl-language-support,sticky-post,translation-ready,microformats
Version: 3.2.1745831076
Updated: 2025-04-28 09:04:36

*/

/*=========================================
General CSS 
=========================================*/
/* :root{
	--primary-color:#1b437b;
	--secondary-color:#e24f36;
	--navyblue-color:#121d2f; 

} */
p { font-weight: 400;}
.color1_bg { background: #0B99A6; }
.subtitle p { font-size: 20px; font-weight: 500; line-height: 1.5; }
.thm-unit-test h2.theme_title { font-size: 40px; margin-bottom: 33px; }
.theme_title { margin-bottom: 33px; margin-top: 0;}
.mission_vission:has(h3:empty) .theme_title { padding: 0 !important;}
.mission_vission:has(h3:empty) .theme_title::before { display: none !important; }
.theme_title--center { text-align: center;}
.theme_title.theme_title--center:before { left: 50%; transform: translateX(-50%); }

.bullet_list li { list-style: none; position: relative; padding-left: 20px; font-weight: 400; font-family: 'Raleway', sans-serif; }
.bullet_list li:not(:last-child) { margin-bottom: 10px; }
.bullet_list li:before { content: ''; width: 7px; height: 7px; background-color: var(--primary-color); position: absolute; top: 8px; left: 0; border-radius: 50%;}

.blog_mega_post {border: 0 !important; }
.blog_page_wrapper { margin-bottom: 0; }
.blog_details_post .blog_mega_post { margin: 0px; padding: 0;}
/*=========================================
Breadcrumb
=========================================*/
.page-breadcrumb {margin-bottom: 50px; }

/*=========================================
Header CSS
=========================================*/
header .top_header ul li i { color:#ffffff; }
.theme_menu.fixed .menuzord-menu { float: right; }
.bottom_header { padding: 15px 0;}
.bottom_header .container { display: flex ; align-items: center; justify-content: space-between;  }
.logo img { width:170px; }
.bottom_header .logo { margin-top: 0px; flex:1;  }
.custom-header .theme_menu .logo { position: absolute; left: 0; top: 14px; height: 100%; animation-name: logofadein; animation-duration: 0.60s; }
.custom-header .theme_menu .logo {top: 0; display: flex ;align-items: center; }
.custom-header .theme_menu .logo img { width: 130px;}
.custom-header .theme_menu .menuzord { width:auto;}
/* .custom-header .theme_menu { background: #121d2f; } */
.custom-header .theme_menu .menuzord-menu > li > a { font-weight:500; }
.menuzord-menu > li:first-child { margin-left: 0; }

.bottom_header ul li p, .bottom_header ul li a { color: #99a2b0; line-height: 1.5; font-family: 'Montserrat-light'; }

/*=========================================
Button
=========================================*/
.site-btn button.vc_general.vc_btn3{ min-width: 150px; padding: 15px 30px; font-size: 18px !important; line-height: 1.5; font-weight: 400; text-align: center;  margin-bottom: 0; border-radius: 5px; border: 1px solid; }
.site-btn.navyblue button.vc_general.vc_btn3{ background-color: var(--navyblue-color) !important; color: #ffffff !important; border-color: var(--navyblue-color);}
.site-btn.navyblue button.vc_general.vc_btn3:hover { background-color: #ffffff !important; border-color: #ffffff !important; color: var(--navyblue-color) !important;}

/*=========================================
Hero CSS
=========================================*/
.banner{ position: relative; text-align: center;}
.banner:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0 0 0 / 80%); display: block !important;}
.banner h1 { color: #ffffff; font-size: 60px; line-height: 1.2; font-weight: 700; margin-bottom: 20px !important; text-align: center; ;}
.banner h1 span { display: block; color:var(--secondary-color);}
.banner p { color: #ffffff; font-size: 20px; font-weight: 500; line-height: 1.5; margin-bottom: 30px !important; }
.banner-btn button.vc_general.vc_btn3{ min-width: 150px; padding: 15px 30px; font-size: 18px !important; line-height: 1.5; font-weight: 400; text-align: center;  margin-bottom: 0; border-radius: 5px; border: 1px solid; }
.banner .banner-btn button { margin-right: 20px;}

.banner-btn-blue button.vc_general.vc_btn3{ background-color: var(--primary-color) !important; color: #ffffff !important; border-color: var(--primary-color);}
.banner-btn-blue button.vc_general.vc_btn3:hover { background-color: #ffffff !important; border-color: #ffffff !important; color: var(--primary-color) !important;}

.banner-btn-outline button.vc_general.vc_btn3{ color: #ffffff ; border-color: #ffffff; background-color: transparent;}
.banner-btn-outline button.vc_general.vc_btn3:hover { background-color: var(--primary-color) !important; border-color: var(--primary-color);}

/*=========================================
Welcome section
=========================================*/
.makesUs_special .overlay .special_item { display: flex; align-items: center; }

/*=========================================
Service
=========================================*/
.our_team .team_member .text a span { color: rgba(255 255 255 / 60%); }

/*=========================================
Service
=========================================*/
.service-box .vc_column-inner { box-shadow: 0 0 10px 0 rgba(0 0 0 / 10%); padding: 30px !important; border-radius: 10px; }
.service-box .vc_column-inner .vc_icon_element-inner { border-radius: 100% 80% 102% 85% !important; transition: 0.3s all ease-in-out;  }
.service-box:hover .vc_column-inner .vc_icon_element-inner { background-color: var(--primary-color) !important; }

.service-box .vc_column-inner .vc_icon_element { margin-bottom: 20px;}
.service-box .vc_column-inner .vc_icon_element-icon { color: var(--primary-color) !important ; transition: 0.3s all ease-in-out;}
.service-box:hover .vc_column-inner .vc_icon_element-icon { color: #ffffff !important;}

.service-box .vc_column-inner h3 { font-size: 28px; line-height: 1.3; font-weight: 600; margin-bottom: 15px;}

.service-box .vc_column-inner .vc_general.vc_btn3 { background-color: transparent; border: 0; padding-left: 0; padding-block: 0;}
.service-box .vc_column-inner .vc_general.vc_btn3:hover { color: var(--primary-color); }
.service-box .vc_column-inner .vc_general.vc_btn3 i { transition: 0.3s all ease-in-out;}
.service-box .vc_column-inner .vc_general.vc_btn3:hover i { right: 10px;}
.service-box .vc_column-inner .vc_btn3-container { margin-bottom: 0;}

.custom-postgrid .vc_grid.vc_row.vc_grid-gutter-30px { margin-bottom: 0;}

#menu-services-sidebar li a { line-height: 1.5; padding: 10px 0 10px 30px; }
#menu-services-sidebar li a::before {top: 50%;  transform: translateY(-50%); }

/*=========================================
CTA Section
=========================================*/
.cta-section { padding: 50px 0; text-align: center; }
.cta-section .vc_column-inner > .wpb_wrapper { background-color: var(--primary-color); padding: 50px 50px; border-radius: 10px; background-image: url(./images/cta-shape.svg); background-repeat: no-repeat; background-size: contain; background-position: center bottom;}
.cta-section .vc_column-inner > .wpb_wrapper h2 { font-size: 40px; line-height: 1.2; font-weight: 700; color: #ffffff; margin-bottom: 20px;  }
.cta-section .vc_column-inner > .wpb_wrapper p { font-size: 18px; line-height: 1.5; font-weight: 500; color: #ffffff; margin-bottom: 40px;}

/*=========================================
Pagination
=========================================*/
.page_pagination .pagination > li > a, 
.page_pagination .pagination > li > span { color: var(--primary-color);}
.page_pagination .pagination > li > a:focus, 
.page_pagination .pagination > li > a:hover, 
.page_pagination .pagination > li > span:focus, 
.page_pagination .pagination > li > span:hover,
.page_pagination .pagination > li > span.current { background-color: var(--primary-color) !important ; color: #ffffff;}

.custom-postgrid .vc_grid-pagination .vc_grid-pagination-list { display: flex; gap: 10px; justify-content: center; flex-flow: wrap; }
.custom-postgrid .vc_grid-pagination .vc_grid-pagination-list li a,
.custom-postgrid .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination-color-grey li a { width: 55px; height:55px; border: 1px solid #f7f7f7; display: flex; align-items: center; justify-content: center; font-size: 18px; color: var(--primary-color) !important; background-color: transparent !important; padding: 0;}
.custom-postgrid .vc_grid-pagination .vc_grid-pagination-list li a:hover,
.custom-postgrid .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination-color-grey li a:hover,
.custom-postgrid .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-active a,
.custom-postgrid .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination-color-grey li.vc_grid-active a { background-color: var(--primary-color) !important; color: #ffffff !important;}

/*=========================================
About Us
=========================================*/
.mission-section > .container { display: flex; }
.mission-section .mission-box-col .vc_column-inner { height: 100%; }
.mission-section .mission-box-col .vc_column-inner .wpb_wrapper { height: 100%;}
.mission-section .mission-box-col .vc_column-inner .wpb_wrapper .vc_cta3-container { height: 100%;}
.mission-section .mission-box-col .vc_column-inner .wpb_wrapper .vc_cta3-container .vc_cta3 { height: 100%;}

/*=========================================
Footer
=========================================*/
.footer_logo img { width: 200px;}
footer .main_footer .footer_logo p { margin: 20px 0; }
footer .main_footer h5 { color: #99a2b0; text-transform: uppercase; margin: 12px 0 30px 0; font-size: 18px; font-family: 'Montserrat-Light'; }
footer .main_footer .footer_logo a.tran3s { display: none;}

footer .widget_nav_menu { padding-left: 70px;}
footer .widget_nav_menu ul li:not(:last-child) { margin-bottom: 15px; }
footer .widget_nav_menu ul li a { color: #99a2b0; font-size: 16px; line-height: 1.5; font-family: 'Montserrat-Light'; transition: 0.3s all ease-in-out;}
footer .widget_nav_menu ul li a:hover { color: var(--primary-color);}


.quick-contact li { display: flex; align-items: flex-start; gap: 10px; }
.quick-contact li:not(:last-child) { margin-bottom: 20px;}
.quick-contact li span { position: relative; top: 4px; }
.quick-contact li h4 { font-size: 14px; line-height: 1.5; color: #99a2b0; font-family: 'Montserrat-regular'; text-transform: uppercase; letter-spacing: 1px; }
.quick-contact li p, .quick-contact li a { font-size: 14px; line-height: 1.5; color: #99a2b0 !important; transition: 0.3s all ease-in-out; font-family: 'Montserrat-Light';}
.quick-contact li a:hover { color: var(--primary-color) !important;}

footer .bottom_footer { border-top: 1px solid rgba(255 255 255 / 10%); margin-top: 20px; padding: 20px 0; }
.bottom_footer p.pull-left { color: #99a2b0; font-family: 'Montserrat-Light'; letter-spacing: 1px; }
footer .bottom_footer ul li a { color: #99a2b0; }




/*========================== Contact Page =============================*/
/* .contact-details { padding-block-end: 50px ;} */
.contact-details .vc_cta3-container:not(:last-child) { margin-bottom: 50px;}
.contact-details .vc_general.vc_cta3 { border: 0; padding: 0; }
.contact-details .vc_general.vc_cta3.vc_cta3-style-custom { background-color: transparent; border-color: transparent;}
.contact-details .vc_general { display: flex; align-items: center; gap: 20px;}
.contact-details .vc_general h2 { font-size: 18px; margin-bottom: 5px; }
.contact-details .vc_general p, 
.contact-details .vc_general p a { font-size: 16px; font-weight: 500; font-family: 'Montserrat-Regular'; line-height: 1.5; color: #272727; }
.contact-details .vc_general p a:hover { color: var(--primary-color);}
.contact-details .vc_cta3-icons { width: 50px; height: 50px; background-color: var(--primary-color); border-radius: 5px; overflow: hidden; }
.contact-details .vc_cta3-icons .vc_icon_element-icon { color: #ffffff; }
.contact-form input:not([type=submit]), 
.contact-form textarea { width: 100%; padding: 12px 20px; border-radius: 5px; border: 1px solid #dddddd; background-color: #f7f7f7; color: #000000; font-weight: 500;}
.contact-form input::placeholder, 
.contact-form textarea::placeholder { font-size: 16px; font-weight: 400;}
.contact-form input:not([type=submit]):focus, 
.contact-form textarea:focus { border-color: var(--primary-color);}
.contact-form input.wpcf7-submit { padding: 15px 25px; font-size: 18px; line-height: 1.5; font-weight: 400; text-align: center; margin-bottom: 0; border-radius: 5px; border: 1px solid; color: #ffffff; text-transform: uppercase; transition: 0.3s all ease-in-out; }
.contact-form input.wpcf7-submit:hover { background-color: var(--navyblue-color); }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { color: #856404; background-color: #fff3cd; border-color: #ffeeba; margin: 0; position: relative; padding: 10px 15px; margin-bottom: 1rem; }
.contact-form .wpcf7-list-item { margin-left: 0;}
.contact-form .wpcf7-list-item label { display: flex ; align-items: center; gap: 10px; }
.contact-form .wpcf7-list-item label input { width: auto; margin-top: 0; position: relative; top: -1px;}


.wpb_gmaps_widget .wpb_wrapper { padding: 0 !important;}



/*=========================================
Service Detail Page
=========================================*/
.blog_details_post { position: relative;} 
.service-detail { padding: 30px 0; }
.blog_details_post .dy-list-info { display: none;}
.sidebar_styleOne .wrapper { max-width: 270px;}
.sidebar_styleOne .menu li.current-menu-item a:before { background: var(--primary-color); }

.our_service--item .vc_custom_heading a { font-family: 'Montserrat-SemiBold'; color: #272727; margin: 20px 0 10px; }
.our_service--item .vc_custom_heading a:hover { opacity: 1; color: var(--primary-color);}
.our_service--item .our_service--content { background-color: transparent !important;}
.our_service--item .vc_gitem_row .vc_gitem-col { padding: 0; }

.our_service--item .vc_gitem-animated-block:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(18, 29, 47, 0.9); opacity:0; transform:scale(0); 
	transition:0.3s all ease-in-out; z-index: 1; }
.our_service--item:hover .vc_gitem-animated-block:before { opacity:1; transform:scale(1); }
.our_service--item .vc_gitem-animated-block:after { content:'+'; z-index: 1; position: absolute; width: 55px; height: 55px; margin: 0 auto; font-size: 60px; font-family: 'Raleway', sans-serif;
	font-weight: 300; border-radius: 50%; color: #fff; background-color: #0b99a6; display: flex; align-items: center; justify-content: center; transition:0.3s all ease-in-out; opacity:0; top: 50%;
	left: 50%; transform: translate(-50%, -50%) scale(0); }
.our_service--item:hover .vc_gitem-animated-block:after { opacity:1; transform: translate(-50%, -50%) scale(1); }




@media only screen and (max-width:991px) {
    .custom-header .theme_menu .logo {  left: 15px; }	
    .custom-header .theme_menu .container { position: relative; display: flex ; justify-content: space-between;  align-items: center; }
    .custom-header .theme_menu .menuzord { justify-content: flex-end; display: flex; width: 100%;}
    .custom-header .theme_menu .menuzord .showhide { position:static; }
    .custom-header .menuzord-responsive .menuzord-menu { max-height: initial !important; position: absolute; top: 60px; left: 0px; width: 100%; background-color: rgb(18, 29, 47); 
		float: none !important; display: none;}
}
@media only screen and (max-width:767px) {
	
}
@media only screen and (max-width:639px) {
	
}
@media only screen and (max-width:575px) {
	
}
@media only screen and (max-width:479px) {
	
}