@import url('https://fonts.googleapis.com/css2?family=Overlock:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');
#secon{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; background-color:#e4eaf1; padding:3vw 0vw; display:block;}
.seconshd{letter-spacing: 1px; font-size: 3vw; font-weight: 800; text-align:center; font-family: "Overlock", sans-serif; font-weight: 800; color:#484848; padding:0vw 0vw 3vw 0vw}
.seconhd:after{content: ""; width: 80px; height: 3px; display: block; margin: 20px auto 0 auto;}
.seconsub{font:600 14px; letter-spacing: 6px; color:#8e8e8e; text-align:center;}
.seconbdr{}
.seconbox{width:90%; margin:0vw auto; display:grid; grid-template-columns: auto auto auto; justify-self:start; justify-content:space-between; padding:2vw 0vw;}
.seconboxcolon{width:25vw; height:22vw; background-color:#b3d0ff; border-radius:1vw; overflow:hidden; padding:1vw 0vw 0vw 0vw;}
.seconboxcolon img{width:100%;}
.seconboxcolonrson{object-fit: cover;display:block; width:100%; text-align:center;}
.seconboxcolonrstwbox{display:block; border-radius:50%; height:5vw; width:5vw; background:#ffcf00; position:relative; top:-2vw; left:9vw;}
.seconboxcolonrstw{display:block; width:50%; margin:auto; padding:1vw;}
.seconboxcolonrsth{display:block; letter-spacing: .4vw; font-size:1.5vw; font-weight: 900; text-align:center; font-family: "Josefin Sans", sans-serif; font-weight: 700; text-transform:uppercase ;color:#707070; position:relative; top:-1vw; left:0vw;}

#process{background:#f6f6f6; padding:2vw 1vw;}
.processbox{text-align:center;}
.processrps{width:65%;}
.procssconshd{letter-spacing: 1px; font-size: 3vw; font-weight: 800; text-align:center; font-family: "Overlock", sans-serif; font-weight: 800; color:#484848;}

.processboxcontent{display:flex; flex-direction:row;  justify-content:center; padding:2vw 1vw; align-items: center;}
.iconrsp{width:100%;}
.processboxcontentde{width:25vw; margin:0vw 1vw;}
.processboxcontentde img{width:08%;}
.processboxcontentde span{font-size:2.5vw; font-family: "Overlock", sans-serif; font-weight: 800; margin-left:1vw;  color:#fed10e;}
.processboxcontentde p{font-size:1vw;   font-family: "Varela Round", sans-serif; font-weight: 400; font-style: normal; color:#009dff;}

.blogshead{font-size:1.5vw; font-weight:900; font-family:"Overlock", sans-serif; color: #000; text-align:justify;}
.blogshead3{font-size:1.5vw; font-weight:900; font-family:"Overlock", sans-serif; color: #000; text-align:justify; position:relative; top:0vw; right:-24vw;}
.blogslist li{font-size:1.2vw; font-weight:900; font-family:"Overlock", sans-serif; color: #484848; margin:1vw;}

.blogspara{font-size:1.2vw; font-weight:900; font-family:"Overlock", sans-serif; color: #000; margin:1vw;}
.blogspara2{font-size:1.2vw; font-weight:900; font-family:"Overlock", sans-serif; color: #000; margin:1vw; text-align:right;}


#franchisebox{position:fixed; top:15vw; right:0vw; height:auto; width:auto; background:#25D366; text-align:center; padding:1vw; color:white;}
.frachisetext{ writing-mode: vertical-rl; text-decoration:none;  line-height:.8vw;} 
#franchisebox:hover{background:yellow;  color:black;}

#social01{display:flex; flex-direction:row;  justify-content:space-around; padding:2vw 1vw; align-items: center;}
.socialbox1{width:30%;}
#social01 .socialbox1 iframe{width:20vw; height:20vw; display:block; margin:0vw auto;}
#social02{display:flex; flex-direction:row;  justify-content:space-around; padding:2vw 1vw; align-items: center;}
#social02 .socialbox1 iframe{width:20vw; height:20vw; display:block;  margin:0vw auto;}
#social03{display:flex; flex-direction:row;  justify-content:space-around; padding:2vw 1vw; align-items: center;}


#serviceicon{display:none; background:#f6f6f6;}
.serviceiconcon{}
.serviceiconhd{font-size:4vw; text-align:center; padding:5vw 2vw;}
.serviceiconconrow{display:flex; flex-direction:row;  justify-content:center; padding:2vw 1vw; align-items: center;}
.serviceiconconrowoin{width:50%;}
.serviceiconconrowoin img{width:50%; margin:2vw auto; display:block;}
.serviceiconconrowoin p{font-size:3.5vw; text-align:center;}
.serviceiconconrowotw{width:50%; border-style:1vw solid black;}
.serviceiconconrowotw img{width:50%; margin:2vw auto; display:block;}
.serviceiconconrowotw p{font-size:3.5vw; text-align:center;}
#priceboxcol{display:grid; grid-template-columns:1fr 1fr 1fr 1fr;  justify-content:center; padding:2vw 1vw; align-items: center; font-family: "Overlock", sans-serif;}
.priceboxcols{width:26vw; height:26vw; text-align:center; font-size:4vw; border:1vw solid yellow; background:yellow; color:#009dff; line-height:26vw;padding:1vw; margin:2vw; border-radius:18vw; font-weight:900; text-transform:uppercase; font-family: "Overlock", sans-serif; position:relative; top:4vw; left:3vw;} 
.priceboxcols:hover{border:1vw solid yellow; background:transparent;}

#metrobox{}
#rowcol{display:grid; grid-template-columns:1fr 1fr;  justify-content:space-around; margin:2vw 1vw; align-items: center;}
#rowco2{display:grid; grid-template-columns:1fr 1fr 1fr;  justify-content:space-around; margin:2vw 1vw; align-items: center; justify-items:center;}
.metrobox2{width:80%; height:auto;  padding:0vw 2vw;  margin:2vw 0vw; }
.metrobox2 img{width:100%; border:.5vw solid yellow; border-radius:3vw;}
.metrobox{width:90%; height:auto; border:.5vw solid blue; background:yellow; padding:1vw 2vw; border-radius:3vw; }
.metroboxrow{display:grid; grid-template-columns:1fr 1fr 1fr 1fr;  justify-content:center; padding:1vw; align-items: center; font-family: "Overlock", sans-serif; margin-top:1vw;}
.metroboxroww{display:grid; grid-template-columns:1fr 1fr 1fr;  justify-content:center; padding:1vw; align-items: center; font-family: "Overlock", sans-serif; margin-top:-1vw;}
.metroboxrowcol1img{width:50%;}
.whatspppicon{width:15%;}
.metroboxrowcol1{width:10vw; height:10vw; border:.1vh soild #000; text-align:center; color:black;}
.metroboxrowcol1p{font-size:1.2vw; margin:.0vw .1vw; padding:.0vw .1vw; text-align:center; font-weight:700; color:black;}
.metroboxrowcol1pp{font-size:1vw;margin:.0vw; padding:.0vw; text-align:center; font-weight:500;}
.metroboxrowcolp{font-size:1.9vw;margin-top:-2vw; padding:.0vw; text-align:center; font-family: "Overlock", sans-serif;}
.metroboxrowcolp p{padding:0vw; margin:0vw; color:black;}
.metroboxrowcolpp{font-size:1vw;margin:.0vw; padding:.0vw; text-align:center; font-family: "Overlock", sans-serif; color:black;}
.metroboxrowcolpimg{width:100%; margin:0vw auto; text-align:center;}
#metroboxclose{}
#smartbox{}
#smartboxclose{}
#urbanbox{}
#urbanboxclose{}
#townshipbox{}
#townshipboxclose{}

.magleft{margin-left:-4vw!important;}

@media screen and (max-width:600px){
.magleft{margin-left:0vw!important;}
    .seconboxcolonrstwbox{display:block; border-radius:50%; height:8vw; width:8vw; background:#ffcf00; position:relative; top:-2vw; left:9vw;}
#serviceicon{display:block; background:#f6f6f6;}    
.serviceiconcon{}
.serviceiconhd{font-size:4.5vw; text-align:center; padding:5vw 2vw; font-family:"Overlock", sans-serif; font-weight:900;}
.serviceiconconrow{display:flex; flex-direction:row;  justify-content:space-around; padding:2vw 1vw; align-items: center; font-family:"Overlock", sans-serif;}
.serviceiconconrowoin{width:40%;}
.serviceiconconrowoin img{width:50%; margin:2vw auto; display:block;}
.serviceiconconrowoin p{font-size:3.5vw; text-align:center; font-family:Josefin Sans", sans-serif";}
.serviceiconconrowotw{width:40%; border-style:1vw solid black;}
.serviceiconconrowotw img{width:50%; margin:2vw auto; display:block;}
.serviceiconconrowotw p{font-size:3.5vw; text-align:center; font-family:Josefin Sans", sans-serif";}   
    #serviceicon{display:block;background:#f6f6f6;}
    #secon{display:block;}
	#process{background:#f6f6f6; padding:2vw 1vw;}
.processbox{text-align:center; display:none;}
.processrps{width:90%;}
.procssconshd{letter-spacing: 1px; font-size: 4vw; font-weight: 800; text-align:center; font-family: "Overlock", sans-serif; font-weight: 800; display:none;}

.processboxcontent{display:flex; flex-direction:column;  justify-content:center; padding:2vw 1vw; align-items: center;}
.iconrsp{width:100%;}
.processboxcontentde{width:80vw; margin:3vw 1vw; text-align:center;}
.processboxcontentde img{width:25%; margin:0vw auto; display:block;}
.processboxcontentde span{font-size:6vw; font-family: "Overlock", sans-serif; font-weight: 800; margin-left:1vw;}
.processboxcontentde p{font-size:4vw;}
.seconboxcolonrsth{display:block; letter-spacing: .4vw; font-size:3vw; font-weight: 900;}
.seconboxcolon{width:90%; height:auto; padding:1vw 0vw 0vw 0vw; margin:0vw auto;}
.seconshd{letter-spacing: 1px; font-size: 5vw; font-weight: 800; text-align:center; font-family: "Overlock", sans-serif; font-weight: 800; color:#484848; padding:0vw 0vw 5vw 0vw}
#franchisebox{position:fixed; top:40%; right:0vw; height:auto; width:auto; background:#25D366; text-align:center; padding:4vw; color:white;}
.frachisetext{ writing-mode: vertical-rl; text-decoration:none; line-height:.8vw;} 
#franchisebox:hover{background:yellow;  color:black;}
#social01{display:flex; flex-direction:column;  justify-content:space-around; padding:2vw 1vw; align-items: center;}
.socialbox1{width:90%;}
#social01 .socialbox1 iframe{width:90vw; height:90vw; display:block; margin:1vw auto; max-width:100%; min-width:100%; }
#social02{display:flex; flex-direction:column;  justify-content:space-around; padding:2vw 1vw; align-items: center; }
#social02 .socialbox1 iframe{width:90vw; height:124vw; display:block; margin:0vw auto; max-width:100%  !important; min-width:100% !important;}
#social03{display:flex; flex-direction:column;  justify-content:space-around; padding:2vw 1vw; align-items: center;}
    
    #rowcol{display:grid; grid-template-columns:1fr;  justify-content:space-around; margin:2vw 1vw; align-items: center;}
    
	.priceboxcols{width:40vw; height:40vw; text-align:center; font-size:5.5vw; border:1vw solid yellow; background:yellow; color:#009dff; line-height:38vw;padding:1vw; margin:2vw; border-radius:33vw; font-weight:900; text-transform:uppercase; font-family: "Overlock", sans-serif; position:relative; top:2vw; left:15vw;} 
	#rowco2{display:grid; grid-template-columns:1fr 1fr;  justify-content:space-around; margin:2vw 0vw; align-items: center; justify-items:center;}
.metrobox2{width:80%; height:auto;  padding:0vw 2vw;  margin:2vw 0vw; }
.metrobox2 img{width:100%; border:2vw solid yellow; border-radius:3vw;}
.blogshead{font-size:4vw; font-weight:900; font-family:"Overlock", sans-serif; color: #000; text-align:justify;}
.blogslist li{font-size:1.2vw; font-weight:900; font-family:"Overlock", sans-serif; color: #484848; margin:1vw;}
.blogspara{font-size:3vw!important; font-weight:900; font-family:"Overlock", sans-serif; color: #000; margin:1vw;}
.blogshead3{font-size:4vw; font-weight:900; font-family:"Overlock", sans-serif; color: #000; text-align:justify; position:relative; top:0vw; right:0vw;}
.blogspara2{font-size:3vw; font-weight:900; font-family:"Overlock", sans-serif; color: #000; margin:1vw; text-align:left;}


.metrobox{width:93%; height:auto; border:.5vw solid blue; background:yellow; padding:1vw 2vw; border-radius:3vw; }
.metroboxrowcol1{width:14vw; height:14vw; border:.1vh soild #000; text-align:center; color:black;}
.metroboxrowcolp{font-size:1.9vw;margin-top:1vw; padding:.0vw; text-align:center; font-family: "Overlock", sans-serif;}
.metroboxrowcol1p{font-size:2vw; margin:.0vw .1vw; padding:.0vw .1vw; text-align:center; font-weight:700; color:black;}
.metroboxrowcol1pp{font-size:2vw;margin:.0vw; padding:.0vw; text-align:center; font-weight:500;}    
.metroboxrowcolpp{font-size:2vw;margin:.0vw; padding:.0vw; text-align:center; font-family: "Overlock", sans-serif; color:black;}
}