/* roots */
:root {
	--Black: #000;
	--White: #fff;
	--Gray: #c0c0c1; 
  --Black2: #0A0B1E;
  --Gray2: #A0A4A9; 
  --blue: #052444; 
  --ThemeColor: #172f51;
	--ThemeColor2:#000000;
	--ThemeColor3: #f8a700;
  --ThemeColor4:#0c0c0c;
	--TitleText: #000000;
	--CardShadow: 0px 4px 11px rgba(217, 216, 216, 0.6);
	--ThemeFont:  "Heebo", sans-serif;;
	--ThemeFontTwo: 'Cclassic Personal Use', serif;
	--ThemeFontThree: 'Berkshire Swash', serif;
	--Radius: 50px;
  
  /* --GredentThemeColor: linear-gradient(90deg,rgba(11, 17, 84, 1) 75%, rgba(70, 75, 66, 1) 83%, rgba(255, 190, 20, 1) 100%); */
  /* --GredentThemeColor: linear-gradient(140deg,rgb(11, 17, 84) 50%, rgb(70, 75, 66) 70%, rgb(255, 190, 20) 100%); */

  --GredentThemeColor:linear-gradient(90deg, #172f51 1%, #455465 32%, #5f615b 48%, #706952 60%, #f8a700 100%);

}

@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dynalight&display=swap');

/* transition effect start*/
.--transition-ease{transition:all 0.2s ease-in 0s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.--transition-ease:hover{transition:all 0.2s ease-in 0s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.--transition-ease:after{transition:all 0.2s ease-in 0s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.--transition-ease:before{transition:all 0.2s ease-in 0s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
/* transition effect end*/


/* border_radius  start */
.border_radius{border-radius: var(--Radius);}
input{outline: none; box-shadow: none !important;}
/* border_radius  end */


/* button  start */
button, a, button:hover, a:hover{box-shadow: none !important; outline: none !important;}
/* button  end */


/* owl-nav  end */
.owl-nav {padding: 15px 0; text-align: center;}
.owl-prev { background: var(--ThemeColor) !important; height: 40px; width: 40px; border-radius: var(--Radius); margin: 0 6px;}
.owl-next { background: var(--ThemeColor) !important; height: 40px; width: 40px; border-radius: var(--Radius); margin: 0 6px}
.owl-nav span {color: var(--White);font-size: 32px; position: relative; top: -8px;}
/* owl-nav  end */


/* owl-dots start */
.owl-dots{margin: 15px 0;  text-align: center;}
.owl-dot {background-color: var(--Black) !important; width: 12px; height: 12px; margin: 0 4px; border-radius: var(--Radius); opacity: .4;}
.owl-dot.active {opacity: 1;}
/* owl-dots  end */ 


/* image_zoom_effect start */
.image_zoom_effect img {transform: scale(1.01); transition: all .5s ease-out;}
.image_zoom_effect:hover img { transform: scale(1.1);}
/* image_zoom_effect end */ 
.text-gray2{ color: var(--Gray);}


/* custom_btn start*/
/* .custom_btn {transition: transform .36s; padding: 10px 20px;  padding-right: 20px;  padding-left: 20px;color: var(--White); min-width: 130px; border-radius: var(--Radius); background: var(--GredentThemeColor); border: 1px solid var(--White);} */
.btn.custom_btn i {font-size: 26px; margin-left: 3px;}

.custom_btn {/* transition: transform .36s; */ padding: 0 20px; color: var(--White); border-radius: var(--Radius); background: var(--ThemeColor); border: 1px solid var(--White); line-height: 46px; font-size: 22px;}
/* .custom_btn:hover{ border: 1px solid var(--White); color: var(--White);  } */
.custom_btn:hover, .in_banner .custom_btn.active {background: var(--White); border: 2px solid var(--ThemeColor3); color: #344054;/* transform: scale(1.06); */ line-height: 44px; padding: 0 19px;}
/* custom_btn end*/
.my-xxl-5 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
.py-xxl-5 {padding-top: 4rem !important; padding-bottom: 4rem !important;}
/* black_btn start*/ 
.black_btn{background-color: var(--bs-dark)}
.yellow_btn{background-color:  var(--ThemeColor3)}
/* black_btn end*/ 

/* card_after start*/
.card_after::after {background: var(--Black); content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: .5;}
/* card_after end*/
.text-color{color: var(--ThemeColor);}
.text-color2{color: var(--ThemeColor3) !important}
.text-gray{color: var(--ThemeColor4);}
body{font-family: var(--ThemeFont); font-size: 22px; }
html{overflow-x: hidden;}
p, li{font-size: 15px; line-height:24px;}


/******************* custom_btn and headings **************/
.pagiin{font-size: 26px; color: var(--ThemeColor);}
.heading {color: var(--ThemeColor); font-size:50px; line-height: 50px;}
.heading span {border-bottom: 2px solid var(--ThemeColor3);}
.custom_btn_white.border_orange{border: 2px solid var(--ThemeColor); min-width: 160px !important; font-size: 16px; color: #344054 !important; line-height: 42px;}
.custom_btn_white { background: var(--White);  color: var(--ThemeColor) !important; border: 2px solid var(--ThemeColor); min-width: auto !important;  display: inline-block;  border-radius: 9px;}
.custom_btn_white:hover{background: var(--GredentThemeColor); color: var(--White) !important; opacity: 1; border: 1px solid var(--White); line-height: 44px; padding: 0 20px;}
.border_line {height: 3px; background: var(--GredentThemeColor);; width: 40px;}
.get_in_touch form .custom_btn_white.active{background: var(--GredentThemeColor); color: var(--White) !important; opacity: 1; border: 2px solid var(--ThemeColor); line-height: 48px; padding: 0 20px;}
/******************* custom_btn and headings **************/


/********************** header start*************************/
.header.fixed { position: fixed; top: 0; width: 100%; box-shadow: 0px 0px 10px #00000029;}
.header { position: fixed; z-index: 999; width: 100%; left: 0; }
.main_header {padding: 7px 0; }
.header-height { height: 120px;}
.header .logo_image img{height: 65px;}
.header.fixed .logo_image img{ height: 52px;}
.top_header3 {background: var(--ThemeColor);}
.nav-item a { padding: 15px 10px; font-weight: 600 !important; opacity: .8;}
.nav-item a:hover {font-weight: 600 !important; color: var(--ThemeColor);}
.header .custom_btn { min-width: 132px; line-height: 40px; font-size: 20px;}
.header .custom_btn:hover {background: var(--GredentThemeColor);}
.nav-item a:hover span {border-bottom: 1px solid var(--ThemeColor3);}
.header .dropdown-menu a.dropdown-item { padding: 12px 25px;}
.dropdown-item.active, .dropdown-item:active { color: var(--White) !important; text-decoration: none; background-color: var(--ThemeColor);}
.header .dropdown-menu a.dropdown-item:hover { background: var(--ThemeColor);color: var(--White); opacity: 1;}
/* Submenu positioning */
.navbar-nav .dropdown-menu {
    min-width: 220px;
}
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}
.dropdown-submenu .dropdown-toggle::after {
    float: right;
    margin-top: 8px;
}
/* Show submenu on hover */
.dropdown-submenu:hover .dropdown-menu {
  display: block;
}


.navbar-nav .dropdown-menu {
    min-width: 220px;
    border-radius: 0;
}



/* Desktop hover dropdown */


  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
  }

  /* Submenu position */
  .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    display: none;
  }

  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }












/********************** aboutus ************************/
.aboutus .heading {color: var(--ThemeColor3);}
.aboutus .heading:after {position: absolute; height: 2px; width: 60px; background: var(--ThemeColor); content: ""; left: 0;top: -12px;}
.stars i {color: #fdbc29;margin-right: 2px;}
.celebrating .set { background: #ffffff; padding: 60px 30px; min-height:220px; border: 1px solid #ccc; border-radius: 15px; height: 100%; display: flex; align-items: center;}
.celebrating h2.heading {color: var(--ThemeColor3);}
.celebrating {background: #f3743412;}
/********************** banner end ************************/


/*********************** about_us /***********************/
.about_us .set h3 {font-size: 60px; color: var(--White); text-shadow: 0 4px 4px #b7b7b778;}
.about_us .image { background-color: var(--ThemeColor7); height: 250px; border-radius: 10px; overflow:hidden;}
.about_us .image video {width: 100%; height: 100%;object-fit: cover;}
.about_us .set p { font-weight: 500; color: var(--White); font-size: 22px; text-align: center !important;}
.number {background: var(--GredentThemeColor);}
.our-products .nav.nav1 button { border: 1px solid #cccccc !important; padding: 20px 15px; margin-bottom: 10px; color: #232828;}
.our-products .nav.nav1 button.active, .our-products .nav.nav1 .nav-pills .show>.nav-link {background: var(--ThemeColor3); color:var(--White)}
.painting .images{-webkit-mask-image: url(../images/masking_3.png); -webkit-mask-size: contain; -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; width: 120% !important;}
.painting .set { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-top: -1px; padding: 16px 0;}
.painting .call span { background: var(--ThemeColor3); color: var(--White); width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; font-size: 22px;}
.painted .set {border: 1px solid #ccc;}


/******************** get_in_touch strat***************************/
.get_in_touch h6 {  color: var(--ThemeColor7); font-size: 20px;}
.get_in_touch p span {width: 40px; height: 40px; min-width: 40px; background-color: var(--ThemeColor3);border-radius: 0 7px 7px 0;}
.get_in_touch p, .get_in_touch p a {color: var(--ThemeColor7); font-size: 20px;}
.get_in_touch form { max-width: 1000px; margin: auto;}
.get_in_touch form .form-control { background: #21365517; padding: 16px 25px; outline: none; box-shadow: none; font-size: 18px;}
.get_in_touch form label{display: none;}
.get_in_touch form textarea.form-control {min-height: 180px;}
.get_in_touch2 p span i {color: var(--blue) !important;font-size: 25px;}
.get_in_touch2 p span{background: transparent;}
.inner_banner { min-height: 450px;background-size: cover; background-position: top;}
.contactpage .col-lg-3 + .col-lg-3::after { background: #575758; content: ""; width: 1px; height: 100px; position: absolute; left: -7px;top: 0;bottom: 0;margin: auto;}
.get_in_touch button.custom-btn { background: var(--ThemeColor3); color: var(--White);}
.border-b { border-bottom: 1px solid #ebebeb;}
.border-b::before {background: url(../images/shadow-bottom.png) no-repeat scroll center bottom; content: ""; display: block; height: 22px; position: absolute; top: 100%; width: 100%;}

.icons li i {
    font-size: 21px;
}

/* ***************************************************
*************************four_section ******************
******************************************************/
.four_section h2.fs-1, .faqs h2.fs-1, .five_section h2.fs-1{ font-size: 2.6rem !important; line-height: 54px; color: #d46411 !important;}
.four_section .tab-content {opacity: 0; transform: translateY(10px); transition: opacity 0.4s ease, transform 0.4s ease; position: absolute; width: 100%; top: 0; pointer-events: none;}
.four_section .tab-content img{object-fit: cover;}
.four_section .tab-content.active {opacity: 1; transform: translateY(0); position: relative; pointer-events: auto;}
.four_section .tab-btn.active { border: none; background: -webkit-linear-gradient(25deg, #f8a700 26%, #172f51 84%);}
.four_section .tab-btn {border: none; border-radius: 12px; padding:1px;}
.four_section .tab-btn .set {border-radius: 10px; opacity: .6;}
.four_section .tab-btn.active .set {opacity: 1;}
.four_section .tab-btn.active .set h4{background: -webkit-linear-gradient(25deg, #f8a700 26%, #172f51 84%); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.four_section .imagebox { border: 1px solid #f3f3f7; box-shadow: 0px 5px 25px #d4641130;}
.four_section .tab-btn.active::after { background: #1146a6; position: absolute; width: 30px; height: 30px; content: ""; right: -10px; top: 0; bottom: 0; margin: auto; transform: rotate(222deg); z-index: -1; opacity: .5;}
.four_section .tab-btn.tab-btn2.active::after { background: #f8a700 ; right: inherit; left: -10px;}
.four_section .set .images::after {height: 2px; width: 95%; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1; background: linear-gradient(91deg,rgb(255, 255, 255) 0%, rgb(212, 100, 17) 50%, rgb(255, 255, 255) 100%);}
.four_section .arrow { position: absolute; top: 49px; filter: brightness(0) saturate(100%) invert(43%) sepia(99%) saturate(1500%) hue-rotate(5deg) brightness(100%) contrast(101%); left: 0; right: -99%;margin: auto;}
.four_section .set .images .in { height: 100px; width: 100px; z-index: 99; margin: auto; border: 2px solid var(--ThemeColor); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 11px #d4641159;}
.four_section .set .images img { width: auto; height: 56px !important;}
.four_section .set h4 { background: -webkit-linear-gradient(25deg, #f8a700 26%, #172f51 84%);  background-clip: border-box; background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 600;}
.four_section2 .set { border: 1px solid #cccccc85; border-radius: 15px; box-shadow: 0 0 36px #cccccc57;}
.line { border-top: 1px solid #ccc;}
.four_section.four_section2  h2.fs-1 { color: #2c3638 !important;}
.four_section.four_section2 .set .images .in { border: 1px solid #ccc; border-radius: 8px; align-items: center; justify-content: center;}
.four_section.four_section2 .set, .five_section .set{transition: transform 0.5s ease; /* smooth effect */}
.four_section.four_section2 .set:hover, .five_section .set:hover { transform: scale(1.04); box-shadow: 0 0 36px #ffffff4f;}
.four_section.four_section2 .set::after { height: 2px; width: 90%; content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; z-index: 1; background: #d46411;}
section.four_section {background: #F6F5ED url(../images/pattern.png); padding: 60px 0 80px; margin-bottom: 20px;}


/* ***************************************************
*************************five_section ******************
******************************************************/
.five_section  .left-cont {position: sticky; top: 250px;}
.five_section .set p a {color: var(--ThemeColor); text-decoration: underline;}
.five_section .set p {  -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin-bottom: 0;  text-overflow: ellipsis; display: -webkit-box; overflow: hidden; margin-top: 20px;}
.five_section {background-attachment: fixed; background-position: center;}
.five_section .set { padding: 28px; border: 1px solid #ccc; border-radius: 15px;}
.five_section .set h4 {background: -webkit-linear-gradient(25deg, #f8a700 26%, #172f51 84%); background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 600;}
.five_section .set:hover h4,  .five_section .set.active h4{background: -webkit-linear-gradient(25deg, #f8a700 26%, #fff 84%); background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.five_section .set:hover, .five_section .set.active{background: #2c3638; color: #fff;}
.five_section .set:hover p, .five_section .set.active p {color: #fff !important;}
.five_section h3 {font-size: 2.6rem !important; line-height: 54px; background: -webkit-linear-gradient(25deg,#d46411 26%,#1146a6 84%); background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 600;}


/* .our-productsin .item {   border: 1px solid #ccc;} */
.our-productsin .item  ul.p-0.list-unstyled li{  margin-bottom: 3px; display: flex; gap: 10px; align-items: center;}
.our-productsin .item .paint {background: #F6F5ED; padding: 15px; text-align: center;}
.immg {/* text-align: center; */ /* padding: 30px 0; *//* background: var(--ThemeColor); border-bottom: 1px solid #cccccc; */}
.our-productsin .item h4{ background: -webkit-linear-gradient(25deg, #f8a700 0%, #172f51 50%); background-clip: border-box; background-clip: border-box;-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
/* .immg img { width: auto !important; height: 180px;} */
.productsimg{top: 132px;}

/* ***************************************************
*************************testimonial******************
******************************************************/
.testimonial-carousel::after { position: absolute; content: ""; width: 500px; left: 0; top: -40px; height: 385px; right: 0; margin: auto; z-index: -99; border: 1px solid #ccc;}
.testimonial-carousel{ margin-top:80px !important;}
.testimonial .set span img { width: 35px !important; }
.testimonial .owl-dots { display: flex; justify-content: center; gap: 8px; margin-top:20px;}
.testimonial .owl-dots .owl-dot { background: #f8a700 !important; height: 12px; width: 12px; border-radius: 50%;}
.testimonial .set span {background: var(--ThemeColor3) !important; display: inline-flex; align-items: center; height: 62px; width: 62px; justify-content: center;}
.testimonial{background: #F6F5ED; padding: 60px 0 80px;}
.owl-carousel.testimonial-carousel { max-width: 1000px; margin: auto;}
.testimonial .item {color:#797C7F}
.testimonial .set span {background: var(--ThemeColor3) !important;}
.testimonial .item .set { min-height: 278px;}

/****************************************************
*************************blogs ******************
******************************************************/
.blogs {background-color: #f3f3f7a8; background-position: center; background-size: cover; background-attachment: fixed;}
.blogs .set p { -webkit-background-clip: text; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; overflow: hidden;}
.blogs .set .cont { width: 95%; background: #fff; padding: 15px; margin-top: -30px; position: relative; box-shadow: 0 4px 15px #adaaa729; border: 1px solid #e9e9e9;}
.blogs .set h4 {font-size: 20px; line-height: 28px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; font-weight: 600;}
.blogs .set h6{font-size: 14px; opacity: .8;}
.blogs .set h6 i{ background: -webkit-linear-gradient(25deg,#d46411 26%,#1146a6 84%); background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 16px;}
.ReadMore{color: var(--ThemeColor);}
.blogs .set img { height: 260px; object-fit: cover;}


/* We_Provide */
.We_Provide .position-relative:hover .main{  bottom: 0 !important;}
.We_Provide .cont {background: var(--White); padding: 20px; border-radius: 12px;}
.We_Provide .main { transition: all 0.5s; -webkit-transition: all 0.25s; bottom: -185px !important;}
.stars p.users img { width: 60px; margin-left: -13px;}


/* about_banner */
.banner.about_banner h2 span, .about3 h3 span { color: var(--ThemeColor);}
.banner.about_banner { background: transparent;min-height: inherit !important; height: inherit !important; max-height: inherit !important;}
.banner.about_banner .sub-title { border: 1px solid var(--ThemeColor3); border-radius: 50px; color: var(--ThemeColor3); font-weight: 600; text-transform: uppercase;}
.banner.about_banner .heading { margin-bottom: 34px;}
.top_banner {background-size: cover; background-position: bottom;}
.top_banner h1{font-size:70px;}
.banner.about_banner .set { background: #F6F5ED; padding: 30px; margin-bottom: 20px; margin-top: 10px;}
.banner.about_banner .set h3{color: var(--ThemeColor);}
.banner.about_banner .set span.icon { width: 100px; background: #f8a7002b; height: 100px; text-align: center; align-items: center; display: flex; justify-content: center; border-radius: 50%; font-size: 45px; margin-bottom: 14px; color: var(--ThemeColor);}


/*************************** about3 ******************************/
.about3 .nav{flex-wrap: initial;}
.about3 .nav-link.active {width: 290px;}
.about3 .nav-tabs .nav-link span {font-size: 56px; position: absolute; right: 12px; top: 31px; color: var(--White); opacity: .5; font-family: var(--ThemeFontThree);}
.about3 .nav-link img {filter: blur(2px);  height: 220px; object-fit: cover; object-position: top;}
.about4{ background: #f3ebe2; padding: 60px 0;}
.about3 .nav-link.active img { height: 448px;filter: blur(0px);}
.about3 .nav-tabs .nav-link{font-weight: 500;}
.nav.nav2 button.active{
      color: #fdbc29;
}
.nav.nav2 button {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    padding: 15px 28px;
}
.nav.nav2.nav-tabs .nav-link:hover {
    border-color: transparent !important;
}
.nav.nav2.nav-tabs .nav-link.active:hover{
    border-color: var(--bs-nav-tabs-link-active-border-color) !important;
}

/***************************** about5 ********************************/
.about5 .nav.nav1 { display: flex; flex-wrap: revert-layer;}
.about5 .nav-tabs .nav-link img { height: 51px;}
.about5 .nav-tabs li { min-width: 33.33%;}
.about5 .nav-tabs .nav-link.active { color: var(--ThemeColor); font-weight: 600; background: #f1e9e0;}
.about5 .nav-tabs .nav-link { color: #838383; width: 100%; margin-bottom: 0; border: none;}
.about5 .nav-tabs .nav-link b { position: absolute; top: 25px; left: 10px; font-size: 70px; opacity: .1; font-family: var(--ThemeFontThree);}
.about5 .nav-tabs .nav-link span { font-size: 18px; line-height: 21px; text-transform: uppercase; margin-top: 15px; font-weight: 600;}


/*************************** services **********************************/
.border-b { border-bottom: 1px solid #ebebeb; padding: 40px 0;}
.services .border-b::before { background: url(../images/shadow-bottom.png) no-repeat scroll center bottom; content: ""; display: block; height: 22px; position: absolute; top: 100%; width: 100%;}
.services p { color: #838383;}
.servicesabout .border-b {border-bottom: 1px solid #ebebeb; padding: 40px 40px; border-top: 1px solid #ebebeb; background: #b0a7a417;}


/******************** footer strat***************************/
.footer{ background: var(--ThemeColor);}
.end_footer {border-top: 1px solid #77808B;}
.footer_top .custom_btn {font-size: 20px; padding: 7px 31px !important;}
.footer_top .custom_btn.active{background: var(--White); color: var(--ThemeColor) !important;}
.footer .footer_top h4 {font-size: 40px; line-height: 40px;}
.footer h6 { line-height: 30px; font-size: 18px;}
.footer_top{ border-radius: 15px;  background: var(--ThemeColor3);}
.footer p span {color: var(--ThemeColor3); font-weight: 600;}
.footer h4 {font-size: 24px;  }
.footer ul li a { font-size: 18px;}
.footer form input{height: 56px; font-size: 18px;}
.footer form input::placeholder{color: #A2A9B0}
.footer .custom_btn.custom_btn_2{ width: 175px; background: var(--ThemeColor3); height: 53px; border-radius: 0; border: none;  font-size: 18px;}
.footer_top .custom_btn:hover { border: 2px solid #344054; padding: 7px 31px !important;}
.end_footer p a{  color: var(--ThemeColor3);}
.end_footer p { font-size: 18px;}


/*********************** privacy **************************/
.privacy .content::before {  background: url(../images/shadow-bottom.png) no-repeat scroll center bottom;  content: ""; display: block; height: 22px; position: absolute; top: -1px; width: 100%; left: 0;}
.privacy .content {border: 1px solid #21365526; margin-top: -83px; background: var(--White); border-radius: 15px;}
.inner_banner h1 { font-size: 70px;}
.about_team.about_team2 .set img {width: 120px !important; height: 120px; border-radius: 50% !important;}
.about_team.about_team2 .set {color: #000 !important; margin-top:0; padding: 25px; box-shadow: 0px 0px 8px #d7d7d7; border-radius: 10px; background: transparent;}
.about_team .set { background: var(--ThemeColor);padding: 40px 20px 20px; border-radius: 10px; margin-top: -25px; color: #fff;}



/********************************************************************
********************** @media (max-width: 1399.98px) ***************
********************************************************************/
@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {
.heading {font-size: 42px; line-height: 42px;}
.footer p.fs-3 {font-size: 1.60rem !important;}
.top_banner h1, .inner_banner h1 {font-size:50px;}
.top_banner .row.py-4 {padding: 20px 0 !important;}
.inner_banner { min-height: 380px;}
.contactpage a.fs-4 {
    font-size: 16px !important;
}

}

  
/********************************************************************
**********************  @media (max-width: 1199.98px) ******************
********************************************************************/
@media (max-width: 1199.98px) {
.five_section .set p { margin-top: 8px;}
.heading {font-size: 40px;}
body {font-size: 15px;}
.my-xxl-5 {margin-top: 3rem !important; margin-bottom: 3rem !important;}
.banner.about_banner .sub-title {font-size: 16px !important; padding: 12px 30px !important;}
.py-4 {padding-top: 3rem !important; padding-bottom: 3rem !important;}
.my-5 {margin-top: 3rem !important; margin-bottom: 3rem!important;}
.five_section .set {padding: 20px; border-radius: 10px;}
.logo2{height: 65px !important;}
.footer p.fs-3 {font-size: 1.30rem !important;}
.top_banner .row.py-4 {padding: 0px 0 !important;}
.top_banner h1, .inner_banner h1{font-size: 42px;}
.banner.about_banner .set h3 {font-size: 20px;}
.inner_banner {min-height: 350px;}

.contactpage .row h4{
    font-size: 20px !important;
}
.get_in_touch form .form-control {
    font-size: 16px;
}
.privacy h3 {
    font-size: 18px !important;
}
  .celebrating .set {
    min-height: 190px;
    }
}

/********************************************************************
********************** @media (max-width: 991.98px) ******************
********************************************************************/
@media (max-width: 991.98px) {
    .celebrating .set {
    min-height: 140px;
    }
    .contactpage .col-lg-3:nth-child(3)::after {display: none;}
.top_banner .pt-5 {padding-top: 0 !important;}
.navbar-toggler i {color: #00354a !important;}
.my-5 {margin-top: 2.6rem !important; margin-bottom: 2.6rem !important;}
.py-4 {padding-top: 2.6rem !important; padding-bottom: 2.6rem !important;}
.pt-5 {padding-top: 2.6rem !important;}
.my-xxl-5 {margin-top: 2.6rem !important; margin-bottom: 2.6rem !important;}
.heading {font-size: 34px; line-height: 36px;}
.celebrating .container.my-4 {margin: 0 auto !important;}
.celebrating .set {padding: 30px 20px; border-radius: 8px;}
.navbar-collapse {
    background: #F6F5ED;
    width: 100%;
    height: 100%;
}
    .nav-item a {
        padding: 15px 20px !important;
        font-size: 16px;
        color: var(--Black) !important;
    }
    .navbar-nav .dropdown-menu {
    background: var(--ThemeColor);
    border-radius: 0;
    border: none;
}
.header .dropdown-menu a.dropdown-item {
        padding: 10px 20px !important;
        color: #fff !important;
    }
    .navbar-collapse {
                padding-top: 60px;
        position: fixed;
        left:-1200px;
        height: 100%;
        top: 0;
        max-width: 500px;
        display: block !important;
                transition: all 0.5s;
        -webkit-transition: all 0.25s;
    }
      /* .navbar-collapse button.navbar-toggler i{color: var(--White) !important;} */
    .navbar-collapse button.navbar-toggler {
        margin-right: 20px;
        color: var(--White) !important;
        float: right;
        margin-top: -45px;
    }
.navbar-collapse.show{
    left: 0px;
}
.nav-item a {
    padding: 15px 20px !important;
    font-size: 16px;
}
.our-products .nav button {
       padding: 20px 20px;
    }
.navdiv {overflow-y: auto;margin-bottom: 10px;}
.navdiv .nav {display: -webkit-box; gap: 10px;}
.nav {
    justify-content: center;
}
.our-products .nav.nav1 button {
    padding: 20px 22px;
    font-weight: 600;
    font-size: 18px;
}
 

  .nav.nav2 button {
        font-size: 16px;
        padding: 12px 14px;
    }

    ul.dropdown-menu.dropdown2{
    padding-left: 20px !important;
    margin: 0 !important;
}
    ul.dropdown-menu.dropdown2 a.dropdown-item {
        padding: 6px 20px !important;
        color: #fff !important;
        font-size: 15px;
        opacity: .5;
    }
    ul.dropdown-menu.dropdown2 a.dropdown-item:hover{
        opacity: 1;
    }
}

/********************************************************************
********************** @media (max-width: 767.98px) *****************
********************************************************************/
@media (max-width: 767.98px){
p, li {font-size: 14px !important; line-height: 24px;}
.fs-6{font-size: 14px !important;}
.painting .set h4.fs-5 {font-size: 16px !important;}
.testimonial-carousel {margin-top: 40px !important;}
.about_teamn .col-md-8 {order: 1;}
.about_team.about_team2 .set {padding: 20px; text-align: center;}
.about_team h5 {font-size: 18px !important; margin-bottom: 8px !important;}
.about_team .heading {justify-content: center !important;}
.inner_banner { min-height: 280px;}
.contactpage h4 {font-size: 24px !important;}
.privacy h3 {
    font-size: 16px !important;
}

   body {
        overflow: hidden;
    }


    .our-products .nav.nav1 button {
    padding: 20px 22px;
    font-size: 16px;
}
 

  .nav.nav2 button {
        font-size: 15px;
        padding: 10px 14px;
    }
}

/********************************************************************
********************** @media (max-width: 575px) ******************
********************************************************************/
@media (max-width: 575px) {
    .top_banner p.gap-3 {
    gap: 12px !important;
}
.contactpage .p-2 {padding: 20px !important; border: 1px solid #ccc; margin-bottom: 15px;}
.contactpage h4 {font-size: 20px !important;}
.inner_banner {min-height: 240px;}
.about_team2 {padding-bottom: 0 !important;}
.about_team.about_team2 .set img {margin:  0 auto 10px;}
.five_section .set h4 {font-size: 18px !important;}
.top_banner h1 {font-size: 32px;}
.footer_top .custom_btn {font-size: 16px; padding: 0 20px !important;}
.five_section .set p {margin-top: 12px;}
.footer .footer_top h4 {font-size: 28px;line-height: 32px;}
.banner.about_banner .heading {margin-bottom: 15px;}
.banner.about_banner .set {padding: 20px; margin-bottom: 0; margin-top: 15px;}
.footer_top {padding: 30px 20px !important;}
.testimonial { padding: 2.6rem 0;}
.testimonial-carousel::after {width: 85%;top: -22px;height: 108%;border: 1px solid #ccc;}
section.four_section {margin-bottom: 0;}
.testimonial .w-50 {width: 100% !important;}
.w-75 { width: 100% !important;}
.celebrating .set { padding: 0px 20px; min-height: 130px; text-align: center; justify-content: center; max-width: 300px; margin: auto;}
.celebrating .set img.w-100 { width: auto !important; max-width: max-content;height: 45px;}
.our-products .nav button { width: max-content; min-width: 150px;text-align: center !important; font-weight: 600; font-size: 16px;}

.header .logo_image img {height: 52px;}
.our-products h4 {font-size: 20px !important;}
.heading {font-size: 28px; line-height: 34px;}
.header-height {height: 100px;}
.my-xxl-5 {margin-top: 2.2rem !important; margin-bottom: 2.2rem !important;}
body {overflow: hidden;}
.hrader_top_right .gap-3 {gap: 10px !important;}
.nav.nav2 li.nav-item {
    width: 33.33%;
}
    .nav.nav2 button {
        font-size: 15px !important;
        padding: 10px 14px;
        min-width: 100% !important;
        max-width: 100%;
        line-height: 17px;
        min-height: 54px;
    }
      .top_banner p.gap-3 {
        gap: 10px !important;
}
}

/********************************************************************
********************** @media (max-width: 480px) ******************
********************************************************************/
@media (max-width: 380px) {
    .top_banner p.gap-3 {
        gap: 6px !important;
        font-size: 12px !important;
    }
 }