@charset "utf-8";
@import url("animate.min.css"); 
@import url("menu.css");
@import url("slider.css");
@import url('../css');
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Edu+AU+VIC+WA+NT+Arrows:wght@400..700&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Oswald:wght@200..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@font-face { font-family:"revicons"; src:url(../fonts/revicons/revicons90c6.ttf); }

body { padding:0; margin:0; 
    font-family: "Archivo Black", serif;
    font-weight: 400;
  font-style: normal;
}
h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px; }
hr { margin:3px 0px 15px 0px; padding:0px; border-top:0px; border-bottom:1px solid #eee; height:0px; }
img { border:none; vertical-align:middle; }
.img_left { background:#FFF; float:left; margin:5px 25px 10px 0; padding:3px; border:1px solid #CCC; -webkit-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); -moz-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); }
.cl { clear:both; }
.boxesnow{ background-color:#FFFFFF; border:1px solid #f0ecea; margin: 0px 0px 11px 0px;}
/*scroll to top start*/
.totop { position:fixed; bottom:60px; right:20px; z-index:104400; }
.totop a i { display:block; width:40px; height:40px; line-height:40px; text-align:center; font-size:25px; background:hsl(208, 42%, 53%); }
.totop a:hover i { background:rgba(60,60,60,1); }
.totop a, .totop a:visited { color:#FFF; }
.totop a:hover { color:#eee; text-decoration:none; }
/*scroll to top end*/
.lower-content { padding: 10px 0px;
    text-align: center;
}
h3 a{ font-size:14px; color:#AF4595; font-weight:bold;}
/*top social media css start*/
.top_bg { background: linear-gradient(#b868a4,#AF4595); margin:0px auto; padding:2px 0; }
.social { font-family:'Open Sans', arial, sans-serif; font-size:13px; color:hsl(208, 42%, 53%); font-weight:600; }
.social i { margin-right:10px; color: #ebf2ef; font-size: 14px; }
.social a i:hover { color:#DDDDDD; }

.phone { text-align:right; font-family:'Open Sans', arial, sans-serif; font-size:16px; color:#DDDDDD; text-decoration:none; }
.phone a { color:#DDDDDD; text-decoration:none; }
.phone a:hover { color:hsl(208, 42%, 53%); text-decoration:none; }
.phone i { margin-right:5px; color:hsl(210, 10%, 92%); font-size: 12px; }
/*top social media css end*/

/*header css start*/
header { margin:0px auto; padding:15px 0; }
.logo { }
.right_logo { float:right; }
.right_logo span { margin-right:10px; }
/*header css end*/

/*welcome css start*/
.content { margin:0px auto; margin:40px 0; }
.wel { }
.wel h1 { font-family:'Roboto', sans-serif; font-size:38px; font-weight:600; color:#AF4595; margin-bottom:20px; }
.wel h1 span { color:#538AB9; }
.wel .text {  font-family: "Merriweather", serif; font-weight:400; color:#333; font-size:14px; line-height:1.8em; text-align:justify; }
.wel .text a { color:#333; text-decoration:none; }
.wel .text a:hover { color:#333; text-decoration:none; }
.wel i { color:#CC0808; }
/*welcome css end*/

/*web extn css start*/
.web_extn { border-bottom:1px solid #E8E7E7; overflow:hidden;  margin-top:15px; margin-bottom:20px; padding:0px 0px 20px 0px; }
.web_extn h1 { font-family:'Roboto', sans-serif;  font-size:22px; font-weight:500; color:#AF4595;  text-transform:uppercase; margin-bottom:15px; padding-left:15px; }
.web_extn h1 span { color:#dc3b1d; }
.web_extn .text { margin:0px auto; font-family: 'Open Sans', sans-serif; font-weight:400; color:#595959; font-size:14px; line-height:1.8em;
 text-align:justify; font-weight:400; }
.web_extn i { color:#42b8d4; }
.web_extn ul { list-style-type:circle; margin:0px; padding:0px;  list-style-position: outside; margin-left:15px; }
.web_extn li { line-height:1.7em; margin-bottom:10px;}
.web_extn h3 {font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:500; color:#AF4595;  text-transform:none; margin-bottom:10px; font-weight:600;}
/*web extn css end*/

/*callback form css start*/
.callback { }
.callback h3 { background:#538AB9; font-family:"Roboto", sans-serif; font-size:24px; color:#FFF; font-weight:400; padding:9px 0; text-align:center; }
.callback_inner { padding:10px; overflow:hidden; background: linear-gradient(#b868a4,#AF4595); border:#CCCCCC 1px solid; }
.form-group { margin:10px 0; }
.callback_inner ::-webkit-input-placeholder { font-family:'Open Sans', arial, sans-serif; font-size:13px; color:#000; font-weight:400; }
.callback_inner .form-group input { border-radius:none; border:#CCCCCC 1px solid; } 
.callback_inner .form-group textarea { border-radius:none; border:#CCCCCC 1px solid; } 
.callback_inner .form-group input.code { float:left; width:60%; border-radius:none; border:#CCCCCC 1px solid; margin-right:10px; }
.callback_inner .captcha { padding:9px; background:#FFF; border-radius:4px; border:#CCCCCC 1px solid; }

.callback_inner input[type=text]:focus { box-shadow:0px 0px 5px hsl(315, 44%, 48%) !important; border:1px solid hsl(315, 44%, 48%) !important; outline:none; }
.callback_inner textarea:focus { box-shadow:0px 0px 5px hsl(315, 44%, 48%) !important; border:1px solid hsl(315, 44%, 48%) !important; outline:none; }
 
.submit { font-family:'Open Sans', Helvetica, Arial, sans-serif; font-size:16px; color:#FFF; font-weight:400; padding:7px 26px 7px 26px; background:#538AB9; cursor:pointer; outline:none; border-radius:none; border:none; }
.submit:hover { background:hsl(208, 42%, 53%); color:#538AB9; outline:none; border-radius:none; }
/*callback form css end*/

/*our history css start*/
.history { margin-top:50px; }
.history .gray { background:#ecf0f1; overflow:hidden; }
.history .col-md-6 { padding:0; margin:0; }

.history .right_box { padding:42px 100px 42px 42px; }
.history .right_box h2 { font-family:'Roboto', sans-serif; font-size:29px; color:#000; font-weight:600; margin-bottom:20px; }
.history .right_box h2 span { color:#538AB9; }
.history .right_box .text { font-family:'Open Sans', sans-serif; font-size:14px; color:#333; text-align:justify; text-decoration:none; }
/*our history css end*/

/*product box div start*/
.product_box { margin:16px 0; text-align:center; font-family:'Open Sans', sans-serif; }
.product_box h2 { font-family:'Roboto', sans-serif; color:hsl(315, 44%, 48%); font-size:38px; line-height:30px; font-weight:600; margin-bottom:10px; position:relative; }
.product_box h2 span { color:#538AB9; }
.product_box h2:after { background:url(../images/fire.jpg) no-repeat scroll 0 0; bottom:-65px; content:""; width:32px; height:32px; left:0; margin:0 auto; position:absolute; right:0; text-align:center; z-index:9; }
.product_box h2:before { background:#2d3e50 none repeat scroll 0 0; bottom:0; content:""; height:2px; left:0; margin:0 auto; position:absolute;
right:0; text-align:center; width:230px; top:80px; }
.product_box1 {background:#FFF none repeat scroll 0 0; box-shadow:0 2px 20px rgba(34, 30, 31, 0.4); padding:14px; margin-top:36px; border-bottom:3px solid hsl(208, 42%, 53%); transition:all 0.3s ease 0s; height:492px;}
.product_box h3 { font-family:'Roboto', sans-serif;  color:hsl(315, 44%, 48%); font-size:18px; font-weight:500; margin:15px 0 5px 0; position:relative; text-transform:uppercase;}
.product_box1 p { font-family:'Open Sans', sans-serif; font-size:14px; color:#333; line-height:1.8em; }
.product_box1:hover { background:#FFF none repeat scroll 0 0; box-shadow:0 2px 20px rgba(34, 30, 31, 0.4); }
.product_box img { margin-top:0px; }
.product_box1 .more { background:hsl(208, 42%, 53%); font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; color:#fff; margin-bottom:10px; }
.product_box1 .more a { background:hsl(208, 42%, 53%); padding:15px; color:#000;} 
.product_box1 a.more:hover { background:#FFCC00; color:#fff;}
/*product box div end*/

/*product 2 box div start*/
.product2-main { overflow:hidden; background:#538AB9; position:relative; }
.product_c { width:70%; margin:0px auto; padding:10px 0; text-align:center; }
.#B04595 { font-family:'Roboto', sans-serif; font-size:38px; font-weight:600; color:hsl(208, 42%, 53%); margin-bottom:10px; }
.#B04595 span { color:#FFF; }
.product_c .text { margin:0px auto; font-family:'Open Sans', sans-serif; font-weight:400; color:#FFF; font-size:16px; line-height:1.8em; }

.product2-box { margin-bottom:30px; display:inline-block; position:relative; z-index:3; background:hsl(208, 42%, 53%); }
.product2-box::before { position:absolute; content:""; background:#ddd; width:100%; height:100%; z-index:-1; transition:all 0.4s ease 0s; top:0px; }
.product2-box:hover.product2-box::before { height:0; transition:all 0.4s ease 0s; }
.product2-inner { padding:20px; }
.product2-inner h2 { font-family:'Roboto', sans-serif; font-size:24px; font-weight:600; color:#538AB9; margin-bottom:10px; }
.product2-inner h2 a { color:#538AB9; text-decoration:none; }
.product2-inner h2 a:hover { color:#538AB9; text-decoration:none; }
.product2-inner p { font-family:'Open Sans', sans-serif; font-size:14px; color:#000; }
.product2-inner span a { font-family:'Open Sans', sans-serif; font-size:14px; font-weight:700; color:#000; text-decoration:none; }
.product2-inner span a:hover { color:#000; text-decoration:none; }
/*product 2 box div end*/

/*counter css start*/
.we_do { width:80%; margin:0px auto; padding:60px 0; text-align:center; }
.we_do h2 { font-family:'Roboto', sans-serif; font-size:38px; font-weight:600; color:#990000; margin-bottom:10px; }
.we_do h2 span { color:#538AB9; }
.we_do .text { margin:0px auto; font-family:'Open Sans', sans-serif; font-weight:400; color:#333; font-size:16px; line-height:1.8; }

.counter { margin:0px auto; text-align:center; margin-bottom:50px; overflow:hidden; }
.counter h3 { font-family:'Roboto', sans-serif; color:#538AB9; font-size:40px; font-weight:700; padding-top:15px; padding-bottom:15px; text-transform:uppercase; }
.counter i { color:#F00; }
.counter span { font-family:'Open Sans', sans-serif; font-size:18px; color:#333; font-weight:400; margin-top:10px; text-transform:uppercase; }
/*counter css end*/

/*testimonial css start*/
.testimonial_main { border:#EBEBEB 1px solid; padding:20px; margin-top:60px; font-family:'Open Sans', sans-serif; }
.testimonial_main h2 { font-family:'Roboto', sans-serif; font-size:38px; font-weight:600; color:#538AB9; margin-bottom:10px; text-align:center; }
.testimonial_main i { margin:0px auto; text-align:center; color:#D3D3D3; }
#testimonials .testimonial { width:100%; left:0px; top:0px; z-index:1; position:absolute; }
#test_container { position:relative; overflow:hidden; padding-top:10px; margin-top:11px; }
#testimonials .testimonial_text { font-size:14px; color:#333; line-height:1.6em; text-align:center; }
#testimonials .testimonial_name { font-size:14px; color:#538AB9; font-weight:600; margin:15px 0 20px 0; text-align:center; }
#t_pagers { position:absolute; left:45%; bottom:-10px; z-index:2; }
#t_pagers .pager { display:inline-block; text-decoration:none; width:10px; min-height:10px; margin-right:5px; background:hsl(208, 42%, 53%); border-radius:50%; cursor:pointer; }
#t_pagers .pager.active { background:#538AB9; }
/*testimonial css end*/

/*bot links css start*/
.bot_bg { background:#af0e01; padding:40px 0; border-top:#E1E1E1 10px solid; margin-top:10px; }
.bot_bg h2 { font-family:'Roboto', serif; font-size:24px; color:#FFF; margin-bottom:20px; }

.bot1 { }
.bot1 .text { font-family:'Open Sans', sans-serif; font-size:14px; color:#FFFFFF; line-height:1.8em; text-align:justify; }
.bot1 .text strong { font-size:16px; color:hsl(208, 42%, 53%); display:block; text-align:left; }

.bot2 { }
.bot2 ul { margin:0px; padding:0px; list-style-type:none;}
.bot2 li { font-family:'Open Sans', sans-serif; font-size:14px; color:#FFF; border-bottom:#5B5B5B 1px solid; }
.bot2 li a { text-decoration:none; color:#FFFFFF; line-height:3em; padding-left:10px;}
.bot2 li a:hover { text-decoration:none; color:hsl(208, 42%, 53%); }
.bot2 li i { margin-right:10px; color:hsl(208, 42%, 53%); }

.bot3 { font-family:'Open Sans', serif; font-size:14px; color:#FFFFFF; }
.bot3 i { margin-right:10px; color:hsl(208, 42%, 53%); }
/*bot links css end*/

/*footer css end*/
.footer {  background:hsl(315, 44%, 48%); padding:5px 0; }

.copy { font-family:'Open Sans', serif; font-size:13px; color:hsl(210, 27%, 96%); line-height:2.5em; }
.copy a { color:hsl(208, 42%, 53%); text-decoration:underline; padding:0 5px 0 5px; }
.copy a:hover { color:#FFF; text-decoration:underline;} 

.powered_by { text-align:right; font-family:'Open Sans', serif; font-size:13px; color:#FFF; line-height:2.5em; }
.powered_by a { color:#FFF; text-decoration:none; }
.powered_by a:hover { color:hsl(208, 42%, 53%); }
/*footer css end*/

/*photo gallery box Css start*/
.clients {  margin-top:30px; } 
.clients img { float:left; border:1px solid #E4E4E4; margin:10px; padding:10px; width:140px;} 
/*photo gallery box Css End*/

#imglogo{
    height: 70px;
    width: 70px;
}
#spani{
    
    font-size: 50px;
    font-font-weight:bolder;
    color:hsl(208, 42%, 53%);
}
@media (max-width: 480px)
{
	#spani{
		font-size: 40px;
	}
}
.call-now-btn {
    width: 150px;
    display: flex;
    position: absolute;
    bottom: 5px;
left: 120px;
    align-items: center;
    background-color: hsl(315, 44%, 48%) ;
    color: white;
    padding: 6px 12px;
    border-radius: 30px;  /* Rounded edges for a sleek look */
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    transform: translateY(-4px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  /* Add subtle shadow */
    transition: all 0.3s ease;  /* Smooth transition for all properties */
}

.call-now-btn:hover {
    /* background-color:hsl(208, 69%, 27%); */
    transform: translateY(-4px);  /* Slight upward movement for hover effect */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    color: hsl(315, 9%, 91%) ;
    text-decoration: none;
}

.call-now-btn i {
    margin-right: 12px;  
    font-size: 22px;  /* Slightly larger icon */
}