/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: This is a child theme of OceanWP.
Author: Shafiqul
Author URI: https://www.suvronur.com/
Template: oceanwp
Version: 1.0
*/

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic.eot');
    src: url('fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CenturyGothic.woff2') format('woff2'),
        url('fonts/CenturyGothic.woff') format('woff'),
        url('fonts/CenturyGothic.ttf') format('truetype'),
        url('fonts/CenturyGothic.svg#CenturyGothic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic-Bold.eot');
    src: url('fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/CenturyGothic-Bold.woff2') format('woff2'),
        url('fonts/CenturyGothic-Bold.woff') format('woff'),
        url('fonts/CenturyGothic-Bold.ttf') format('truetype'),
        url('fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body,html{
    overflow-x: hidden !important;
}
a:hover,a:focus{
    outline: none !important; 
}



/*------header css start-------*/

#site-header * {
  transition: all .3s ease !important;
}

#site-header-inner {
  padding-bottom: 128px !important;
  transition: all .3s ease !important;
}
#site-header-inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #124984;
  clip-path: polygon(0% 0%, 100% 0%, 100% 25%, 50% 100%, 0% 25%);
  transition: all .3s ease !important;
  z-index: -1;
}
.is-sticky #site-header-inner {
  padding: 3px 15px 70px !important;
}
.has-transparent-header .is-sticky #site-header {
  background: transparent;
  box-shadow: none !important;
}
.is-sticky #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
  max-height: 170px !important;
        filter: drop-shadow(5px 5px 30px rgba(0, 0, 0, .1));
}
.is-sticky #site-header.center-header #site-navigation-wrap .left-menu,
.is-sticky #site-header.center-header #site-navigation-wrap .right-menu {
  padding-top: 2px;
}

#site-header.center-header #site-navigation-wrap .navigation {
  align-items: flex-start;
  justify-content: center;
}

#site-header.center-header #site-navigation-wrap .middle-site-logo {
  width: 300px !important;
}

#site-header.center-header #site-navigation-wrap .middle-site-logo a img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
#site-header.center-header #site-navigation-wrap .left-menu,
#site-header.center-header #site-navigation-wrap .right-menu {
  padding-top: 38px;
  width: calc(50% - 150px) !important;
}

#site-navigation-wrap .dropdown-menu>li>a {
  padding: 0 1.822vw !important;
}
#site-navigation-wrap .dropdown-menu>li.bcg-phone-menu a {
  font-size: 34px !important;
  margin-top: -10px;
}
#site-header.center-header #site-navigation-wrap .middle-site-logo:hover img,
#site-logo #site-logo-inner a:hover img {
  -moz-opacity: 1 !important;
  -webkit-opacity: 1 !important;
  opacity: 1 !important;
}

#site-navigation-wrap .dropdown-menu>li>a,
.dropdown-menu ul li a.menu-link {
  letter-spacing: 0 !important;
}


#site-navigation-wrap .left-menu.dropdown-menu>li:first-child>a {
  padding-left: 0 !important;
}

#site-navigation-wrap .right-menu.dropdown-menu>li:last-child>a {
  padding-right: 0 !important;
}




.oceanwp-mobile-menu-icon {
  width: 30px !important;
}

.hamburger-inner {
  display: flex !important;
  justify-content: flex-start;
  width: 15px !important;
}

.hamburger-inner::after,
.hamburger-inner::before {
  width: 25px !important;
}

.hamburger-inner::before {
  top: -10px !important;
}

.hamburger-inner::after {
  bottom: -10px !important;
}

.hamburger.hamburger--3dx.is-active {
  display: none;
}

#sidr {
  width: 50%;
}

.sidr.right {
  right: calc(-50% - 30px);
}

#sidr .sidr-inner a.sidr-class-toggle-sidr-close {
  position: absolute;
  top: 40px !important;
  right: 0 !important;
  padding: 0;
  margin-right: 20px;
  background: none;
  color: #fff !important;
  font-size: 0px !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  line-height: 1.2 !important;
}

#sidr a.sidr-class-toggle-sidr-close i {
  padding-right: 0px !important;
  font-size: 25px;
  line-height: 1 !important;
}

#sidr .sidr-inner a.sidr-class-toggle-sidr-close:hover {
  color: #fff !important;
}

#sidr .sidr-inner:nth-child(3) {
  position: absolute;
  top: 105px;
  left: 0;
  display: block !important;
  width: 100% !important;
  height: calc(100% - 105px);
  padding: 30px;
  margin-top: -2px;
  margin-left: 0 !important;
  border-top: 1px solid rgb(255 255 255 / 10%);
  text-align: left;
  overflow-y: auto;
}

#sidr .sidr-inner:nth-child(3)::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent;
}

#sidr .sidr-inner:nth-child(3)::-webkit-scrollbar-thumb {
  background-color: #124984;
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}

#sidr .sidr-inner:nth-child(3)::-webkit-scrollbar-track {
  background-color: transparent;
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.2);
  border-radius: 10px;
}

.sidr-class-dropdown-menu ul {
  padding-top: 0px;
  margin-top: 10px !important;
}

.sidr-class-dropdown-menu ul li a {
  font-size: 20px;
}

.sidr-class-dropdown-menu li.active>a>.sidr-class-dropdown-toggle:before {
  font-size: 45px;
  line-height: 18px !important;
}

.sidr-class-dropdown-toggle {
  padding: 0;
  width: 20px;
}

.sidr-class-dropdown-menu li {
  border: none !important;
  margin-bottom: 15px !important;
}

.sidr-class-dropdown-menu li a {
  padding: 0 !important;
  border-bottom: none !important;
  text-align: left !important;
}
.sidr-class-dropdown-menu li.sidr-class-bcg-phone-menu a{
  font-size: 34px !important;
}

#icon-searchform-overlay form input {
  border-radius: 0 !important;
}

.oceanwp-sidr-overlay {
  background: #00000090;
  z-index: 10000;
}
.bcg-mobile-header-logo-wrapper {
  position: absolute;
  left: 30px;
  top: 10px;
}

.bcg-mobile-header-logo-inner img {
  max-width: 80px;
}

/*------header css end-------*/

/*----page header css start-----*/

.page-header {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-end;
}

/*----page header css end-----*/


/*----about css start-----*/

.bcg-about-img-col .elementor-widget-image,
.bcg-service-img {
  height: 100%;
}

.bcg-about-img-col::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 261px;
  background: #124984;
}

.bcg-about-img {
    height: 100%;
}


/*----about css end-----*/


.bc-referrals-form-required-field {
    color: #fff !important;
}

/*------ Contact Form Css Start --------*/


.gfield input, .gfield select, .gfield textarea {
    min-height: 60px !important;
    display: flex;
    align-items: center;
    padding: 15px !important;
    border: 1px solid #D5EDF1 !important;
    background: rgba(255, 255, 255, 0.20) !important;
    backdrop-filter: blur(5px) !important;
    border-radius: 0 !important;
    color: #fff !important;
    line-height: 1 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    font-family: "Century Gothic" !important;
}
.gfield textarea {
    max-height: 150px !important;
}
.gfield select option {
    color: #124984 !important;
}
.gform-theme--foundation .gform_fields {
    column-gap: 30px !important;
    row-gap: 30px !important;
}
.gfield input::placeholder,
.gfield textarea::placeholder {
    text-transform: uppercase !important;
}
.gfield select{
	text-transform: uppercase !important;
}
.gfield select option{
	text-transform: inherit !important;
}
.gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date::after,
.gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date:hover::after{
	color: #fff !important;
}
.gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date input {
    width: 100% !important;
    min-width: 100% !important;
}
.gform-theme--foundation .gform-grid-col {
    padding-inline: 15px !important;
}
.ginput_container--name.gform-grid-row {
    margin: 0 -15px !important;
}

.gform_footer {
    margin-top: 30px !important;
    max-width: max-content !important;
    position: relative !important;
}
.gform_footer input {
    border: 1px solid #D5EDF1 !important;
    background: #D5EDF1 !important;
    min-height: 60px !important;
    padding: 10px 70px 10px 30px !important;
    border-radius: 0 !important;
    font-size: 24px !important;
    color: #124984 !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-family: 'Montserrat' !important;
}
.gform_footer::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 30px;
    top: 50%;
    transform: translateY(-50%);
    left: 140px;
    background: url('/wp-content/uploads/2025/12/Send.svg');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: right center;
    z-index: 1;
    pointer-events: none !important;
}
.gform_footer:hover input{
    border: 1pxsolid #D5EDF1;
    background: rgba(255, 255, 255, 0.20) !important;
    backdrop-filter: blur(5px) !important;
    color: #fff !important;
    border: 1px solid #D5EDF1 !important;
}
.gform_footer:hover::before {
    background: url('/wp-content/uploads/2025/12/Send-white.png') !important;
    background-repeat: no-repeat !important;
    background-size: 30px !important;
    background-position: right center;
    height: 30px !important;
}
.gform_confirmation_wrapper {
    border: 1px solid #D5EDF1;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(5px);
    padding: 30px 20px;
    color: #fff;
}
.gform_wrapper select,
.elementor-field select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}
.ginput_container_select {
    position: relative !important;
}
.ginput_container_select::after {
    content: "\f107" !important;
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%);
    font-family: 'FontAwesome' !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #fff !important;
    pointer-events: none !important;
}

.gform_wrapper input[type=number] {
    color: #fff !important;
}
.gform_wrapper input[type=number]::-webkit-inner-spin-button {
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
    color: #fff !important;
}

/*------ Contact Form Css End --------*/



/*------ Footer Css Start --------*/

.footer-logo img {
    mix-blend-mode: multiply;
}
.bcg-footer-nav-wrap ul {
    list-style: none;
    margin: 0;
}
.bcg-footer-nav-wrap ul li a {
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Montserrat' !important;
}
.bcg-footer-nav-wrap ul li a:hover{
    color: #124984 !important;
}
.bcg-foooter-link-color a {
    color: #fff !important;
}
.bcg-foooter-link-color a:hover {
    color: #124984 !important;
}
.footer-copyright-color p{
    color: #124984 !important;
}
.bcg-footer-nav-wrap ul li {
    margin-bottom: 10px;
}
.footer-icon-box p a,
.bcg-email-link-wrap p a{
    word-break: break-word;
}


/*------ Footer Css End --------*/




/*------Responsive Css Start --------*/

@media screen and (min-width: 1921px) {
    
	.container{
		width: 70.312vw !important;
	}
	body{
		font-size: 1.145vw !important;
	}
	h2{
		font-size: 3.125vw !important;
	}

	.bcg-footer-nav-wrap ul li {
		margin-bottom: 0.520vw !important;
	}

	#site-header-inner {
		padding-bottom: 6.666vw !important;
	}
	.is-sticky #site-header-inner {
		padding: 0.1562vw 0.781vw 3.6458vw !important;
	}
	.is-sticky #site-header.center-header #site-navigation-wrap .left-menu,
	.is-sticky #site-header.center-header #site-navigation-wrap .right-menu {
		padding-top: 0.104vw;
	}
	#site-header.center-header #site-navigation-wrap .middle-site-logo {
		width: 15.625vw !important;
	}
	#site-header.center-header #site-navigation-wrap .left-menu,
	#site-header.center-header #site-navigation-wrap .right-menu {
		padding-top: 1.979vw;
		width: calc(50% - 7.812vw) !important;
	}

	#site-navigation-wrap .dropdown-menu>li>a {
		font-size:1.25vw !important ;
		padding: 0 1.822vw !important;
	}

	#site-navigation-wrap .dropdown-menu>li.bcg-phone-menu a {
		font-size:1.770vw !important;
		margin-top: -0.520vw;
	}

	#site-navigation-wrap .middle-site-logo a img {
		width: auto !important;
		height: 13.645vw !important;
		max-height: 13.645vw !important;
	}
	.is-sticky #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
		max-height: 8.854vw !important;
		height: 8.854vw !important;
	}
	.dropdown-menu .sub-menu {
		min-width: 13.541vw !important;
	}
	.dropdown-menu ul li a.menu-link {
		font-size: 1.041vw !important;
		padding: 0.625vw 0.781vw !important;
	}


	.page-header{
		padding-top:13.020vw !important ;
		padding-bottom: 2.083vw !important;
		height: 23.437vw !important;
	}
	.page-header-title{
		font-size:3.645vw !important ;
	}


	.bcg-about-img-col::after {
		width: 0.260vw;
		height: 13.593vw;
	}

 

    
    
    /*------ Contact Form Css Start --------*/

    .gfield input, .gfield select, .gfield textarea {
        min-height: 3.125vw !important;
        padding: 0.781vw !important;
        border: 0.052vw solid #D5EDF1 !important;
        backdrop-filter: blur(0.260vw) !important;
        font-size: 1.042vw !important;
    }
    .gfield textarea {
        max-height: 7.813vw !important;
    }
    .gform-theme--foundation .gform_fields {
        column-gap: 1.563vw !important;
        row-gap: 1.563vw !important;
    }
    .gform_footer {
        margin-top: 1.563vw !important;
    }
    .gform_footer input {
        border: 0.052vw solid #D5EDF1 !important;
        min-height: 3.125vw !important;
        padding: 0.521vw 3.646vw 0.521vw 1.563vw !important;
        font-size: 1.250vw !important;
    }
    .gform_footer::before {
		width: 1.563vw;
		left: 7.291vw;
		background-size: 1.563vw;
	}
	.gform-theme--framework .gform_validation_errors .gform_submission_error {
		font-size: 0.729vw !important;
	}
    .gform_footer:hover input {
        border: 0.052vw solid #D5EDF1 !important;
    }
    .gform_footer:hover::before {
        background-size: 1.563vw !important;
        height: 1.563vw !important;
    }
    .gform_confirmation_wrapper {
        border: 0.052vw solid #D5EDF1 !important;
        backdrop-filter: blur(0.260vw) !important;
        padding: 1.562vw 1.041vw !important;
    }
	.gform-theme--foundation .gform-grid-col {
		padding-inline: 0.781vw !important;
	}
	.ginput_container--name.gform-grid-row {
		margin: 0 -0.781vw !important;
	}
	.ginput_container_select::after {
		right: 0.781vw !important;
		font-size: 0.833vw !important;
	}

    /*------ Contact Form Css End --------*/

    .bcg-under-title-shape img {
        width: 12.968vw;
        height: 0.416vw;
    }
    .bcg-google-map iframe {
        height: 35.416vw !important;
        border-radius: 2.604vw !important;
    }
    .bcg-google-map{
        border-radius: 2.604vw !important;
    }
    .bcg-why-choose-section {
        background-size: 91.666vw !important;
    }
	.corner-radius-50,
	.corner-radius-50::before{
		border-radius: 0 0 2.604vw 0 !important;
	}
	.bcg-footer-logo img {
		width: 24.062vw !important;
		height: 22.968vw !important;
	}
	.gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date::after{
		font-size: 1.041vw !important;
	}
	.bc-service-list-wrap ul {
		margin: 0.781vw 0 0.781vw 1.041vw !important;
	}


}


@media screen and (min-width: 1371px) and (max-width: 1850px) {
    .bcg-footer-wrapper,
    .bcg-copyright-wrapper {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .bcg-footer-logo-col {
        width: 35% !important;
    }
    .bcg-footer-contact-details-col {
        width: 45% !important;
    }
    .bcg-footer-quick-link-col {
        width: 20% !important;
    }
    .bcg-footer-quick-link-title .elementor-heading-title {
        font-size: 36px !important;
    }
    .bcg-footer-nav-wrap ul li a {
        font-size: 22px !important;
    }
    .footer-icon-box p {
        font-size: 22px !important;
    }
    .bcg-copyright-wrapper .elementor-element p {
        font-size: 22px !important;
    }
	.bc-serivce-content-col {
		padding-left: 20px !important;
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	.bc-serivce-content-col-right{
		padding-right: 20px !important;
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	.bc-serivce-content {
		width: 100% !important;
	}



}


@media only screen and (max-width: 1400px) {

  #site-navigation-wrap .dropdown-menu>li>a {
    font-size: 20px !important;
  }

  #site-navigation-wrap .dropdown-menu>li.bcg-phone-menu a {
    font-size: 28px !important;
  }

  #site-header.center-header #site-navigation-wrap .middle-site-logo {
    width: 220px !important;
  }

  #site-header.center-header #site-navigation-wrap .left-menu,
  #site-header.center-header #site-navigation-wrap .right-menu {
    width: calc(50% - 110px) !important;
    padding-top: 20px;
  }

  #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
    max-width: 195px;
  }

  #site-header-inner {
    padding-bottom: 100px !important;
  }

  .page-header {
    height: 370px !important;
  }
  .page-header-title {
    font-size: 60px !important;
  }

}/*end 1400px*/


@media screen and (max-width: 1279px) {

    .bcg-footer-nav-wrap ul li a {
        font-size: 20px;
    }
    .bcg-footer-nav-wrap ul li{
        margin-bottom: 0;
    }

}

@media only screen and (max-width: 1200px) {

    body {
      font-size: 22px !important;
    }

    .page-header {
      padding-top: 180px !important;
      height: 320px !important;
    }
    .page-header-title {
      font-size: 55px !important;
    }

    #site-header-inner {
      padding-bottom: 90px !important;
    }
    #site-header.center-header #site-navigation-wrap .middle-site-logo {
      width: 180px !important;
    }

    #site-header.center-header #site-navigation-wrap .left-menu,
    #site-header.center-header #site-navigation-wrap .right-menu {
      width: calc(50% - 90px) !important;
      padding-top: 10px;
    }

    #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
      max-width: 160px;
    }
    #site-navigation-wrap .dropdown-menu>li>a {
      font-size: 18px !important;
      padding: 0 15px !important;
    }
    #site-navigation-wrap .dropdown-menu>li.bcg-phone-menu a {
      font-size: 25px !important;
    }

}/*end 1200px*/



@media screen and (max-width: 1024px) {

    .gfield input, .gfield select, .gfield textarea {
        min-height: 55px !important;
        font-size: 16px !important;
    }
    .gform-theme--foundation .gform_fields {
        column-gap: 20px !important;
        row-gap: 20px !important;
    }
    .gform_footer input {
        min-height: 55px !important;
        padding: 10px 60px 10px 30px !important;
        font-size: 20px !important;
    }
    .gform_footer::before {
        width: 25px;
        right: 30px;
        background-size: 25px;
    }
    .gform_footer:hover::before {
        background-size: 25px !important;
        height: 25px !important;
    }
    body {
      font-size: 20px !important;
    }
    .page-header {
      padding-top: 220px !important;
      height: auto !important;
    }
    .page-header-title {
      font-size: 50px !important;
    }

    #site-header-inner {
      padding: 0 15px !important;
      position: relative !important;
      min-height: 80px;
    }
    .is-sticky #site-header-inner{
      padding: 0 15px !important;
    }
    #site-header-inner::before {
      clip-path: unset;
    }
    #site-logo #site-logo-inner a img {
      position: absolute;
      max-width: 160px;
      top: 3px;
    }
    #site-header #site-logo #site-logo-inner,
    .is-sticky #site-header.shrink-header #site-logo #site-logo-inner {
      height: auto !important;
    }

    #site-header.shrink-header .oceanwp-mobile-menu-icon a,
    .is-sticky #site-header.shrink-header .oceanwp-mobile-menu-icon a {
      line-height: 80px !important;
    }
	
	.bcg-about-content-wrap {
		max-height: 390px !important;
		overflow-y: auto !important;
		padding-right: 10px;
	}
	.bcg-about-content-wrap::-webkit-scrollbar {
		width: 8px;
		height: 8px !important;
		background-color: transparent;
	}
	.bcg-about-content-wrap::-webkit-scrollbar-thumb {
		background-color: rgb(213 237 241 / 50%);
		-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
		border-radius:10px;
	}
	.bcg-about-content-wrap::-webkit-scrollbar-track{
		background-color: transparent;
		-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
		border-radius: 10px;
	}
 


}

@media only screen and (max-width: 767px) {

  body {
    font-size: 18px !important;
  }
  .page-header {
    padding-top: 190px !important;
  }
  .page-header-title {
    font-size: 45px !important;
  }

  #site-logo #site-logo-inner a img {
    max-width: 120px;
  }
	.bcg-about-content-wrap {
		max-height: 100% !important;
		padding-right: 0px;
	}

}/*end 767px*/


@media only screen and (max-width: 650px) {

  #sidr {
    width: 100%;
  }
  .sidr.right {
    right: calc(-100% - 30px);
  }

}/*---end 650px---*/

@media only screen and (max-width: 500px) {
  .page-header-title {
    font-size: 42px !important;
  }
}