/* roots */
:root {
	--Black: #000;
	--White: #fff;
	--Gray: #77808B; 
  --Black2: #0A0B1E;
  --Gray2: #A0A4A9; 
  --blue: #052444; 
  --ThemeColor: #232828;
	--ThemeColor2:#000000;
	--ThemeColor3:#ec5a31;
  --ThemeColor4:#232828;
	--TitleText: #000000;
	--CardShadow: 0px 4px 11px rgba(217, 216, 216, 0.6);
	--ThemeFont:  'Calibri';
	--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, #213655 1%, #2d486e 32%, #2c4b7a 48%, #6E596C 60%, #F37434 100%);

}
@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)}
/* 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: 18px; line-height:26px;}


/******************* 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: 22px; 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: 12px 0; }
.header-height { height: 120px;}
.header .logo_image img{height: 50px;}
.header.fixed .logo_image img{ height: 45px;}
.top_header3 {background: var(--ThemeColor);}
/* .navbar { box-shadow: 0 3px 10px #0000003d; border-radius: 15px;} */
/* .nav-item a { padding: 15px 10px; font-size: 16px; text-transform: uppercase;} */
.nav-item a {
    padding: 15px 10px;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600 !important;
}
.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 end*************************/

.aboutus .heading {
  color: var(--ThemeColor3);
}
.stars i {
  color: #fdbc29;
  margin-right: 2px;
}
.celebrating .set {
  border-radius: 15px;
    border: 1px solid #ccc;
    background: #ffffffe3;
}
.celebrating h2.heading {
  color: var(--ThemeColor3);
}
.celebrating {
  background: #f3743412;
}

/*************** banner start ******************************/

/********************** banner end ************************/






/*********************** about_us /***********************/
/* .about_us .set {box-shadow: inset 0 0 7px #0000006b; border-radius: 10px; background: var(--ThemeColor8);} */
.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 p{font-size: 26px;} */
.about_us .set p { font-weight: 500; color: var(--White); font-size: 22px; text-align: center !important;}
/* .about_us .set { background: var(--ThemeColor8); box-shadow: inset 3px 3px 5px #00000017; border-radius: 9px;} */
/* .about_us .set1 { box-shadow: 3px 3px 5px #0003; border-radius: 9px;} */
.number {
  background: var(--GredentThemeColor);
}

.our-products .nav button {
    border: 1px solid #cccccc !important;
    padding: 20px 15px;
    margin-bottom: 10px;
    color: #232828;
}
.our-products .nav-pills .nav-link.active, .our-products .nav-pills .show>.nav-link {
    background: #ec5a31;
}



.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-md-3 + .col-md-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;
}
.contactpage .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%;
}

/* ***************************************************
*************************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,#d46411 26%,#1146a6 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,#d46411 26%,#1146a6 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: #d46411 ; 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, #ec5a31 26%, #232828 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 { line-height: 28px; -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, #ec5a31 26%, #232828 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,#d46411 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;}



/* ***************************************************
*************************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: #d46411 !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;
}
/****************************************************
*************************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;
}
/* .blogs .set img { height: 320px; object-fit: cover;} */


.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;
}



.banner.about_banner h2 span, .about3 h3 span { color: var(--ThemeColor);}
.banner.about_banner { background: transparent; margin-top: -37px; min-height: inherit !important; height: inherit !important; max-height: inherit !important;}
.banner.about_banner .sub-title{border: 1px solid rgb(235, 235, 235); border-radius: 50px;}
.banner.about_banner h2 {font-size: 60px; margin-bottom: 34px; line-height:60px; color: #1d1e1e;}
.top_banner{background: #f3ebe2;}
.top_banner h1{font-size:70px;}


/*************************** 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);}


/***************************** about5 ********************************/
.about5 .nav { 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(--ThemeColor4);}
.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(--ThemeColor); height: 53px; border-radius: 0; border: none; border-radius: 10px; 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;}
/*********************** footer end**************************/


.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;
}





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


 




/* .container-fluid { max-width: 1600px;} */


@media (max-width: 1599.98px) {

}


@media (max-width: 1399.98px) {
}

   

/********************************************************************
**********************  @media (max-width: 1199.98px) ******************
********************************************************************/
@media (max-width: 1199.98px) {
   p, li{font-size: 18px; line-height:26px;}
.heading {font-size: 40px;}
body {font-size: 15px;}

}



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

}


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

}

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

}



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

 }