@font-face {font-family: 'Playfair Display'; src: url('../fonts/PlayfairDisplay-Regular.eot'); src: url('../fonts/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/PlayfairDisplay-Regular.woff2') format('woff2'), url('../fonts/PlayfairDisplay-Regular.woff') format('woff'), url('../fonts/PlayfairDisplay-Regular.ttf') format('truetype'), url('../fonts/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face {font-family: 'Jost'; src: url('../fonts/Jost-Light.eot'); src: url('../fonts/Jost-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Jost-Light.woff2') format('woff2'), url('../fonts/Jost-Light.woff') format('woff'), url('../fonts/Jost-Light.ttf') format('truetype'), url('../fonts/Jost-Light.svg#Jost-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap;}
@font-face {font-family: 'Jost'; src: url('../fonts/Jost-Bold.eot'); src: url('../fonts/Jost-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Jost-Bold.woff2') format('woff2'), url('../fonts/Jost-Bold.woff') format('woff'), url('../fonts/Jost-Bold.ttf') format('truetype'), url('../fonts/Jost-Bold.svg#Jost-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap;}
@font-face {font-family: 'Jost'; src: url('../fonts/Jost-Regular.eot');src: url('../fonts/Jost-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Jost-Regular.woff2') format('woff2'), url('../fonts/Jost-Regular.woff') format('woff'), url('../fonts/Jost-Regular.ttf') format('truetype'), url('../fonts/Jost-Regular.svg#Jost-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face {font-family: 'Jost'; src: url('../fonts/Jost-SemiBold.eot'); src: url('../fonts/Jost-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Jost-SemiBold.woff2') format('woff2'), url('../fonts/Jost-SemiBold.woff') format('woff'), url('../fonts/Jost-SemiBold.ttf') format('truetype'), url('../fonts/Jost-SemiBold.svg#Jost-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap;}

*,html {margin: 0; padding: 0; box-sizing: border-box;}
html, body {height: 100%;}
body {margin: 0; font-size: 14px; font-weight: 400; color: #000000; line-height: normal;font-family: 'Jost';font-weight: normal;}
ol,ul,li {margin: 0; padding: 0; list-style: none;}
div,p,span,figure {margin: 0; padding: 0;}
img {display: block; max-width: 100%; border: none; outline: none;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0; font-weight: normal;}
a:hover {text-decoration: none; outline: none;}
button:focus,input:focus,a:hover,select:focus {outline: none; box-shadow: none;}
input::-moz-placeholder {opacity: 1; color: #4E4E4E;}
input:-ms-input-placeholder {opacity: 1; color: #4E4E4E;}
input::placeholder {opacity: 1; color: #4E4E4E;}
input:-ms-input-placeholder {color: #4E4E4E;}
input::-ms-input-placeholder {color: #4E4E4E;}
a {transition: all 0.3s ease-in-out; outline: none; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.clear {clear: both;}
.page-wrapper{overflow-x: hidden;}
.toggleicon{display: none;}
.container{max-width: 1200px;}
header {position: absolute; top: 0; z-index: 99; margin: auto; left: 0; right: 0;}
.main_banner{background: url(../images/bg02.png) no-repeat; margin-bottom: 120px; background-size: cover; width: 100%; height: 778px; position: relative;}
header .navbar {padding: 25px 0;}
header .navbar .navbar-collapse {flex-grow: inherit;}

header .logo a {color: #fff; text-decoration: none; display: flex; flex-direction: column; justify-content: center;font-family: 'Playfair Display'; text-transform: uppercase; font-size: 24px;}
header .logo a span {text-align: center; font-size: 18px;font-family: 'Jost';font-weight: normal; letter-spacing: 3px;}
header .navbar .navbar-collapse ul li{margin-right: 40px;}
header .navbar .navbar-collapse ul li:last-child{margin: 0;}
header .navbar .navbar-collapse ul li .nav-link { color: #fff; padding: 0; font-size: 16px;font-family: 'Jost';font-weight: normal;}
.smbtn {font-size: 16px;border: 1px solid transparent; font-family: 'Jost'; font-weight: normal; background-color: #fff; padding: 10px 20px; text-decoration: none; text-transform: uppercase; color: #0070b9;}
.smbtn:hover{background: #0070b9; color: #fff;}

.main_banner .container {position: absolute; margin: auto; left: 0; right: 0; top: 55%; transform: translateY(-55%); display: flex; align-items: flex-end;}
.social_media span {color: #fff; font-size: 12px; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; transform: rotate(450deg); display: inline-block; transform-origin: top right; position: absolute; top: 0; right: 12px; width: 100px;}
.social_media ul li a {width: 46px; height: 46px; align-items: center; justify-content: center; border: 1px solid #fff; display: flex; border-radius: 100%;}
.social_media ul {display: flex; align-items: flex-end; justify-content: flex-end;}
.social_media {display: flex; margin-left: auto; position: relative;}
.social_media ul {display: flex; flex-direction: column;}
.social_media ul li{margin: 0 0 10px;}
.social_media ul li:last-child{margin-bottom: 0;}

.main_banner .bannertext {max-width: 900px; position: absolute; bottom:100px; margin: auto; left: 0; right: 0; text-align: center;}
.main_banner .bannertext h1 {font-weight: normal; color: #fff; font-size:60px;font-family: 'Playfair Display';}
.main_banner .bannertext h1 b {display: block; font-weight: normal;}
.main_banner .bannertext p {line-height: normal;color: #fff; font-weight: 300; font-size: 20px; margin: 15px 0;}
.btnwrap {display: flex; justify-content: center;}
.main_banner .bannertext h1 span {background: #0070b9; line-height: 65px; display: inline-flex; padding: 0 10px; font-size: 48px; align-items: center;}
header .navbar .sitebtn a {padding: 10px 40px;}
.smbtn.smblue {background: #0070b9; color: #fff; text-transform: capitalize; margin: 0 10px 0 0;}
.smbtn.smblue:hover{background: #fff;color: #0070b9;border-color: #0070b9;}
.btnwrap .smbtn { min-width: 176px;}
.smbtn.borderbtn {background: transparent; border: 1px solid #fff; color: #fff;}
.smbtn.borderbtn:hover{background: #fff; color: #0070b9;}
.main_banner .arrow {position: absolute; bottom:0; right: 0; left: 0; max-width: 210px; margin: auto; display: flex; justify-content: center;}
.main_banner .arrow:before{background: url(../images/wave.png) no-repeat; width: 208px; height: 43px; content: ''; position: absolute; top:7px;}
.main_banner .arrow img {position: relative; top: 40px;}
.boxwrap{margin-bottom: 100px;}
.bluebox {background: #0070b9; display: flex; min-height: 215px; padding:10px; border-radius: 50px 50px 50px 0px;}
.bluebox .border_box {border: 1px solid #fff; min-height: 100%;text-align: center; padding: 20px; width: 100%; border-radius: 50px 50px 50px 0px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.bluebox .border_box h2{color: #fff;font-weight: bold; font-size: 36px; margin: 0 0 5px;}
.bluebox .border_box p {color: #fff; font-size: 18px; font-weight: 300; line-height: 22px;}
.bluebox.opposite {border-radius: 50px 50px 0px 50px;}
.bluebox.opposite .border_box {border-radius: 50px 50px 0px 50px;}
.bluebox .border_box img {margin: 0 0 10px;}
.abimg {padding: 0 40px; position: relative;}
.abimg img{width: 100%;}
.rotatespan {transform: rotate(270deg);position: absolute; bottom: -80px; width:460px; display: flex;font-family: 'Playfair Display'; transform-origin: left; background: #fff; padding: 20px 5px; font-size:47px;}
.rotatespan2 {transform: rotate(270deg);bottom: 43px; position: absolute; width: 500px; display: flex; font-family: 'Playfair Display'; transform-origin: left; font-size: 50px; left: 120px; color: #fff;}
.aboutwrap{margin-bottom: 100px;}
.smheading{position: relative;}
.smheading h2 {color: #0070b9; font-family: 'Playfair Display'; font-size: 38px; line-height: 42px; margin: 0 0 15px;font-weight: normal;}
.imgtext .smheading {padding-right: 100px; margin-bottom: 20px;}
.smheading p{font-family: 'Playfair Display';font-weight: normal; color: #202020; font-size: 16px; line-height: 26px;}

.imgtext ul{padding-right: 100px;}
.imgtext ul li {margin: 0 0 15px 0; line-height: 20px; display: flex; align-items: center;font-weight: 600; font-size: 17px;}
.imgtext ul li:last-child{margin-bottom: 0;}
.imgtext ul li img{margin-right: 8px;}
.imgtext .btnwrap {justify-content: flex-start; margin: 30px 0 0;}

.bluewrap {padding: 70px 0 50px; background: #0070b9;}
.smheading.white_color h2 {color: #fff;}
.bluewrap .smheading.white_color h2 {color: #fff; text-align: center; max-width: 500px; margin: auto auto 50px;}

.bluewrap .container{position: relative;}
.vertical {transform: rotate(450deg); position: absolute; top: 200px;  font-family: 'Playfair Display'; font-size: 150px; right: -350px; color: #1d91dd;}
.whitebox{background: #fff; margin-bottom: 25px; display: flex;align-items: center; justify-content: center; min-height: 215px; padding: 10px; border-radius: 50px 50px 50px 0px;}
.whitebox .round {width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; border: 1px solid #0070b9; border-radius: 100%; margin: auto auto 10px;}
.wrap p{font-family: 'Playfair Display';font-weight: normal; font-size:19px; text-align: center;}
.whitebox.nowhite {background: transparent;}
.whitebox.nowhite h2 {color: #fff;font-family: 'Playfair Display';font-weight: normal; font-size: 40px; line-height: 42px;}
.bluewrap .row {position: relative; z-index: 2;}
.whywork{padding: 150px 0 50px;}
.whywork .smheading {max-width: 800px; text-align: center; margin: auto auto 50px; position: relative;}
.whywork .container{position: relative;}
.whywork .container:before {content: 'Why Work With Us'; line-height: 120px; font-family: 'Playfair Display';font-weight: normal;font-size: 120px; position: absolute; top: -90px; left: 0; margin: auto; right: 0; text-align: center; background: linear-gradient(to bottom, #c0c0c0 0%, #fff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.localright {padding: 25px 40px; text-align: center;}
.localright h2{color: #0070b9;font-family: 'Playfair Display';font-weight: normal; font-size: 28px; line-height: 28px; margin: 0 0 10px;}
.localright p{color: #202020;font-size: 20px; font-weight: 300; line-height: 24px;}
.fortight .btnwrap {justify-content: flex-start;}
.fortight {width: 75%; margin-left: auto;}
.fortight .smheading {margin: 0 0 40px;  max-width: 430px;}


.line01{width: 458px; height: 155px; background: url(../images/linebox01.png) no-repeat;}
.line02{width: 458px; height: 155px; background: url(../images/linebox.png) no-repeat;}

ul.linebox{display: flex; flex-wrap: wrap;}
ul.linebox li:nth-child(2){top: -105px; position: relative;}
.smline{display: flex; position: relative; align-items: center;padding: 20px 20px 20px 70px;}
.smline span {color: #0070b9; font-family: 'Playfair Display'; font-size: 24px; margin: 0 0 2px; font-weight: normal; display: block;}
.smline p{font-size: 16px;font-family: 'Jost'; font-weight: 300; line-height: 18px;}
.smline>div {max-width: 330px;}

.smline .num {max-width: initial; width: 36px; height: 36px; background: #0070b9; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; border-radius: 100%; position: absolute; font-weight: bold; left: -6px;}
.line01.smline .num {right: 0; left: inherit;}
ul.linebox li { width: 50%; margin: 0 0 50px;}
ul.linebox li:last-child .line01.smline{background: url(../images/line03.png) no-repeat;}
ul.linebox li:last-child {top: -100px; position: relative;}
ul.linebox li:nth-child(3) .line02.smline{background: url(../images/line04.png) no-repeat;}
.foword .container {position: relative;}
.foword span.rotatespan {color: #cdcdcd; padding: 0; background: transparent; width: auto; font-size: 150px; bottom: 20%;}
.foword span.rotatespan2 {color: #cdcdcd; padding: 0; background: transparent; width: auto; font-size: 150px; bottom: 0;}
.foword {margin-bottom: 100px; background: #f2f2f2;padding: 70px 0 40px;}
.localimg img {height: 290px; width: 100%; object-fit: cover;}
.abimg img {height: 544px; width: 100%; object-fit: cover;}
.whitebox .round img {max-width: 60px;}

.sendimg{background: url(../images/send.png) no-repeat;display: flex; align-items: center; justify-content: center;background-size: contain;width: 100%; height: 394px; margin-bottom: 100px; padding: 50px 0;}
.borderbox{width: 632px;display: flex;     flex-direction: column; align-items: center;justify-content: center; height: 151px; background: transparent; border: 6px solid #a1a1a1; border-top: none; position: relative;}
.borderbox h2 {color: #fff; position: relative; top: -25px; font-size: 50px; line-height: 50px; max-width: 470px;font-weight: normal; text-align: center;font-family: 'Playfair Display';}
.borderbox:before {content: ''; background: #a1a1a1; width: 15%; height: 6px; position: absolute; top: 0; left: 0;}
.borderbox:after {content: ''; background: #a1a1a1; width: 15%; height: 6px; position: absolute; top: 0; right: 0;}
.borderbox .btnwrap {position: relative; top: 23px;}
.borderbox .btnwrap a {text-align: center;}

footer{padding:50px 0 25px; background: #0070b9;}
footer .logo a {color: #fff; text-decoration: none; display: flex; flex-direction: column; justify-content: center; font-family: 'Playfair Display'; text-transform: uppercase; font-size: 20px;}
footer .logo a span {text-align: center; font-size: 14px; font-family: 'Jost'; font-weight: 300; letter-spacing: 2px;}
.footerwrap {display: flex; margin-bottom: 25px; align-items: center; justify-content: space-between; border-bottom: 1px solid #28a7f9; padding-bottom:40px;}
.endnav {display: flex; flex-wrap: wrap; border-top: 1px solid #28a7f9; border-bottom: 1px solid #28a7f9; padding: 10px;}
.endnav li {margin-right: 15px;}
.endnav li:last-child {margin-right: 0px;}
.endnav li a {color: #fff; padding: 0; font-size: 14px; text-decoration: none; font-family: 'Jost'; font-weight: normal;}
.socialicons {display: flex;}
.socialicons li {width: 40px; height: 40px; align-items: center; justify-content: center; background: #28a7f9; display: flex; border-radius: 100%; margin-right: 5px;}
.socialicons li:last-child{margin-right: 0;}
.copyright p {color: #83ceff;}
.copyright {display: flex; justify-content: space-between; align-items: center;}
.copyright ul{display: flex;}
.copyright ul li{margin: 0 10px 0 0;line-height: 14px; padding: 0 10px 0 0; border-right: 1px solid #83ceff;}
.copyright ul a{color: #83ceff; text-decoration: none;}
.copyright ul a:hover{color: #fff;}
.copyright ul li:last-child{margin: 0; padding: 0; border-right: 0;}

.testimonial{margin-bottom: 100px; padding-top:70px;}
.result{position: relative;}
.result:before {content: 'Results'; line-height: 120px; font-family: 'Playfair Display'; font-weight: normal; font-size: 120px; left: -12px; position: absolute;  top: -90px; background: linear-gradient(to bottom, #c0c0c0 0%, #fff 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.result ul {margin: 20px 0 0;}
.result ul li{margin-bottom: 10px;}
.result ul li:last-child{margin-bottom: 0;}
.result ul li span {color: #0070b9; font-size: 24px;font-family: 'Playfair Display'; font-weight: normal;}
.result ul li p{font-size: 18px; font-weight: 300; max-width: 350px;}
.testimonial .container{position: relative;}
.testimonial .vertical {font-size: 105px; right: -310px; top: 170px;}
.twrap{background: #0070b9; position: relative; width: 100%; display: flex; justify-content: center; align-items: center;padding: 100px 120px;border-radius: 50px 50px 50px 0px;}
.slidewrap {text-align: center;}
.slidewrap img {margin: auto auto 15px;}
.slidewrap p{font-weight: 300; line-height: 24px; font-size: 16px; color: #fff; margin-bottom:10px;}
.slidewrap span{font-size: 28px; color: #ffffff;font-family: 'Playfair Display'; font-weight: normal;}
.twrap button span.carousel-control-prev-icon {width: 20px;}
.twrap button span.carousel-control-next-icon {width: 20px;}
.twrap button {width: 40px; height: 40px; position: static; border: 1px solid #fff; border-radius: 100%;}
.lastbtm{position: absolute; bottom: -60px; left: 0; right: 0; display: flex; justify-content: center; gap:10px;}


@media(max-width:1330px) {
    .bluebox .border_box h2{font-size: 30px}
    .smheading h2{font-size: 30px; line-height: 38px;}
    .smheading p{font-size: 15px;}
    .imgtext ul li{font-size: 15px;}
    .rotatespan2,.rotatespan{font-size: 40px;}
    .wrap p{font-size: 16px;}
    .whitebox.nowhite h2{font-size: 30px;}
    .vertical{font-size: 120px; right: -240px;}
    .whywork .container:before{font-size: 80px; line-height: 80px;}
    .localright h2{font-size: 24px;}
    .localright p{font-size: 16px;}
    .foword span.rotatespan2{font-size: 90px;}
    .foword span.rotatespan{font-size: 90px; left: 40px;}
    .result:before{font-size: 80px; line-height: 80px;}
    .testimonial .vertical {font-size: 85px; right: -219px; top: 210px;}
    .social_media ul li a{width: 34px; height: 34px;}
}

@media(max-width:1199px) {
    header .logo a{font-size: 20px;}
    header .navbar .navbar-collapse ul li {margin-right:25px;}
    header .navbar .navbar-collapse ul li .nav-link{font-size: 14px;}
    header .logo a span{letter-spacing: 0; font-size: 16px;}
    header .navbar .sitebtn a{padding: 10px 15px; font-size: 14px;}
    .main_banner{height: 500px; margin-bottom: 100px;}
    .main_banner .bannertext h1{font-size: 40px;}
    .main_banner .bannertext h1 span{font-size: 40px; line-height: 45px;}
    .main_banner .bannertext p{font-size: 16px;}
    .btnwrap .smbtn {min-width: 1px;}
    .smbtn{font-size: 14px;padding: 8px 15px;}
    .bluebox .border_box p{font-size: 15px;}
    .bluebox .border_box h2{font-size: 30px;}
    .container{padding: 0 15px;}
    .container .row{margin: 0 -7.5px;}
    .container .row>div{padding: 0 7.5px;}
    .boxwrap {margin-bottom: 70px;}
    .smheading p{font-size: 14px; line-height: 22px;}
    .imgtext .smheading{padding: 0;}
    .imgtext ul li{font-size: 14px;}
    .imgtext ul{padding: 0;}
    .rotatespan{bottom: -50px; width: 400px;}
    .abimg img{height: 450px;}
    .aboutwrap{margin-bottom: 70px;}
    .bluewrap{padding: 50px 30px;}
    .vertical{font-size: 90px; right: -200px;}
    .whitebox .round{width: 80px; height: 80px;}
    .whitebox .round img {max-width: 40px;}
    .whitebox.nowhite h2 {font-size: 26px; line-height: 32px; text-align: left; padding-right: 30px;}
    .social_media span{top: 20px; letter-spacing: 0; font-weight: 500;}
    .localright p{font-size: 14px; line-height: 22px;}
    .line01,.line02{width: 370px;height: 125px; background-size: contain;}
    ul.linebox li:last-child .line01.smline,ul.linebox li:nth-child(3) .line02.smline{background-size: contain;}
    ul.linebox{width: 737px;}
    ul.linebox li:nth-child(2){top: -92px;}
    ul.linebox li:last-child{top: -83px;}
    ul.linebox li:nth-child(3) {top: 9px; position: relative;}
    .foword{margin-bottom: 40px;}
    .result ul li span{font-size: 20px;}
    .result ul li p{font-size: 14px; line-height: 22px;}
    .testimonial{padding-top: 40px; margin-bottom: 70px;}
    .twrap{padding-left: 60px; padding-right: 60px;}
    .sendimg{margin-bottom: 20px;}
}

@media(max-width:1023px) {
    .vertical,.foword span.rotatespan,.foword span.rotatespan2{display: none}
    .copyright p{margin: 0 0 10px 0; font-size: 13px; text-align: center; width: 100%;}
    .copyright ul li{font-size: 13px;padding: 0 7px 0 0;margin: 0 7px 0 0;}
    footer{padding: 20px 0;}
    .footerwrap{flex-wrap: wrap;}
    .footerwrap .logo {margin: 0 0 15px; width: 100%;}
    .endnav{margin: 0 0 15px; padding: 10px 0;border-color: #337eaf;width: 100%;}
    footer .logo a span{text-align: left;}
    .footerwrap{padding-bottom: 15px;}
    .socialicons li{width: 36px; height: 36px;}
    .footerwrap{border-color:#337eaf; margin-bottom: 15px;}
    .endnav li a {color: #83ceff; font-size: 13px;}
    .sendimg{background-size: cover; height: 250px; border-radius: 20px; padding: 20px;}
    .borderbox:before,.borderbox:after{display: none;}
    .borderbox{border-width: 4px; border-top: 4px solid #a1a1a1; padding: 30px 15px; height: auto;}
    .borderbox h2{font-size: 24px; top: 0; line-height: 26px; margin: 0 0 15px;}
    .sendimg{margin-bottom: 30px;}
    .borderbox .btnwrap{top: 0; flex-wrap: wrap;}
    .borderbox .btnwrap a{width: 100%; margin: 0;}
    .borderbox .btnwrap a + a{margin-top: 5px;}
    .testimonial .container .row>div {flex: inherit; margin-bottom: 30px;}
    .testimonial{margin-bottom: 30px;}
    .testimonial .container .row>div + div {margin: 0;}
    .twrap{padding: 30px 15px 70px;}
    .slidewrap p{font-size: 14px; line-height: 22px;}
    .slidewrap span{font-size: 18px;}
    .slidewrap img {margin: auto auto 10px;}
    .twrap button{width: 30px; height: 30px;}
    .lastbtm{bottom: -50px; gap: 5px;}
    .result ul li span{font-size: 16px;}
    .smheading h2{font-size: 20px; line-height: 26px; margin-bottom: 10px;}
    .result ul{margin: 0;}
    .twrap button span.carousel-control-next-icon,.twrap button span.carousel-control-prev-icon{width: 16px;}
    .result:before{font-size: 50px; line-height: 50px; top: -34px; left: -5px;}
    .testimonial{padding-top: 20px;}
    .foword{padding: 30px 0;}
    .fortight{width: 100%;}
    ul.linebox li:last-child .line01.smline, ul.linebox li:nth-child(3) .line02.smline,.line01, .line02{background: transparent; width: 100%; border: 2px dotted #0070b9; height: auto; border-radius: 20px; padding: 20px;}
    ul.linebox li:nth-child(2),ul.linebox li:nth-child(3),ul.linebox li:last-child{top: 0;}
    ul.linebox{width: 100%;}
    ul.linebox li{width: 100%; margin-bottom:15px;}
    .smline .num{width: 26px; height: 26px; font-size: 12px;font-weight: 600;left: -14px;}
    .smline span{font-size: 18px;}    
    .smline p{font-size: 15px;}
    .line01.smline .num{right: -14px;}
    ul.linebox li:last-child{margin-bottom: 0;}
    .fortight .smheading{max-width: 100%; margin-bottom: 30px;}
    .result ul li p{max-width: 100%;}
    .whywork{padding: 70px 0 20px;}
    .localimg img{height: 250px; width: 100%; object-fit: cover;border-radius: 20px;}
    .whywork .smheading{max-width: 100%; margin: auto auto 30px;}
    .localright{padding:15px 10px;}
    .localright h2{font-size: 18px; margin-bottom:0px;}
    .whywork .container:before{font-size: 50px;line-height: 50px;}
    .whywork .container:before{font-size: 50px; line-height: 50px; top: -30px;}
    .bluewrap{padding:30px 0;}
    .bluewrap .smheading.white_color h2{margin-bottom: 20px;}
    .whitebox{min-height:148px; padding:15px; margin-bottom: 15px;}
    .wrap p{font-size: 14px;word-break: break-all;}
    .whitebox .round img {max-width:30px;}
    .whitebox .round{width: 70px; height: 70px;}
    .whitebox.nowhite h2{padding: 0; font-size: 18px;text-align: left; line-height: normal;}
    .container .row>div:last-child .whitebox.nowhite{min-height: 1px;}
    .container .row>div{flex: inherit;}
    .container .row>div.imgwrap {margin: 0 0 30px;}
    .abimg img{height: 280px;}
    .rotatespan2, .rotatespan {font-size: 20px;}
    .rotatespan{width: 200px; bottom: -40px;}
    .rotatespan2{width: 200px;left:60px;}
    .abimg{padding: 0;}
    .boxwrap{margin-bottom: 30px;}
    .bluebox .border_box{padding:30px 15px;}
    .bluebox .border_box h2{font-size: 20px;}
    .bluebox .border_box p{font-size: 14px;}
    .bluebox,.bluebox .border_box,.bluebox.opposite,.bluebox.opposite .border_box{border-radius: 20px; min-height: 140px;}
    .main_banner .arrow img{width: 16px;top: 20px;}
    .main_banner .bannertext p{padding: 0 10px; font-size: 14px;}
    .smbtn{padding: 8px 12px;}
    .smbtn.smblue{margin-right: 5px;}
    .main_banner .bannertext h1{font-size: 24px;}
    .main_banner .bannertext h1 span{font-size: 24px; line-height: 32px;}
    .main_banner .container{top: inherit; transform: none; bottom:40px;}
    .main_banner .container .social_media ul {flex-direction: inherit;}
    .main_banner .container .social_media ul li {margin: 0 5px 0 0;}
    .social_media span{transform: none; top: 0; position: static;}
    .social_media{flex-wrap: wrap; margin: 0; align-items: center; width: 100%; justify-content: space-between;}
    .main_banner .container .social_media ul li:last-child{margin: 0;}
    header .logo a{font-size: 16px;}
    header .logo a span{font-size: 14px;}
    header .navbar .sitebtn a{padding: 5px 7px; font-size: 13px;}
    .main_banner{margin-bottom: 60px; height: 420px;}
    .copyright{flex-wrap: wrap;justify-content: center;}
    .endnav{justify-content: center;}
    .socialicons{width: 100%; justify-content: center;}
    footer .logo a{align-items: center;}
    .aboutwrap{margin-bottom: 30px;}
}

@media(max-width:991px) {
    .logo{margin-left:36px;}
    header button.navbar-toggler {position: absolute; top: 26px; left: 10px; background: #0070b9; border: none; padding:1px 7px;box-shadow: none !important; outline: none !important;}
    header button.navbar-toggler svg {width: 20px;}
    header div#navbarSupportedContent {position: absolute; top: 77px; background: #0070b9; left: 0; right: 0;width: 96%;margin: auto; border-radius: 10px;}
    header div#navbarSupportedContent li.nav-item {margin: 0;}
    header div#navbarSupportedContent li.nav-item:last-child a {border-bottom: none; padding-bottom: 0;}
    header div#navbarSupportedContent li.nav-item a {padding: 10px; font-size: 12px; border-bottom: 1px solid #337eaf;}
    
    
}

@media(max-width:767px) {
    .whywork .container .row .col-md-4 {margin-bottom: 15px;}
    .whywork .container .row .col-md-4:last-child {margin: 0;}
    .container .row>div:last-child .whitebox.nowhite {padding: 10px 0 0; margin: 0;}
    .boxwrap .container .row>div {margin: 0 0 15px;}
    .boxwrap .container .row>div:last-child {margin:0;}
    header .logo a{font-size: 14px;}
    header .logo a span{font-size: 12px;}
    
}
@media(max-width:576px) {
    .copyright ul{flex-wrap: wrap; width: 100%;}
    .copyright ul li{width: 100%; border: none; padding:10px 0; margin: 0; text-align: center; border-top:1px solid #337eaf;}
    .copyright ul li:last-child{padding: 10px 0;}
    .endnav li{width: 100%; margin: 0; border-top: 1px solid #337eaf; padding: 10px 0; text-align: center;}
    .endnav{border: 0;padding: 0; }
    .endnav li a {color: #83ceff; font-size: 13px;}
    .endnav li:last-child{border-bottom: 1px solid #337eaf;}
    .smheading h2{font-size: 16px; line-height: 22px;}
    .whywork .container:before{font-size: 30px; line-height: 30px; top: -14px;}
    .whywork{padding-top: 40px;}
    
}

.boxwrap .row .col-md-3:nth-child(4) .border_box h2 {
    font-size: 15px;
    color: #f6a22e;
}
.imgtext ul li:before {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../images/check.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.imgtext ul li {
    position: relative;
	    padding-left: 35px;
}
.imgtext ul {
    margin-top: 21px;
}
.aboutwrap.newsa .smheading p {
    margin-bottom: 11px;
}

.aboutwrap.newsa .smheading h3 {
    color: #0070b9;
    font-size: 24px;
    font-family: 'Playfair Display';
    font-weight: normal;
}
.aboutwrap.newsa {
    padding-top: 60px;
}
.bluewrap.newa .whitebox {
    height: 100%;
}

.bluewrap.newa .whitebox p span {
    width: 224px;
    height: 105px;
    font-size: 18px;
    line-height: 24px;
    color: #202020;
    font-weight: 300;
    font-family: "Jost";
    text-align: center;
    margin-top: 7px;
    display: block;
}
.contactform textarea {
    height: 135px;
}

.contactform {
    max-width: 750px;
    margin: 0 auto;
}
.contactform input, .contactform textarea, .contactform select {
    width: 100%;
    padding: 15px 10px;
    border: solid 1px;
    margin-bottom: 19px;
}
.formsse .smheading {
    max-width: 800px;
    margin: 0 auto 46px;
    text-align: center;
}
.contactform .smbtn.smblue {
    width: 200px;
}
.formsse {
    margin-bottom: 60px;
}
.uploadclick {
    border: solid 1px rgb(0, 112, 185);
    color: rgb(0, 112, 185);
    width: 200px;
    text-align: center;
    padding: 12px 9px;
    cursor: pointer;
    position: absolute;
    top: 7px;
    z-index: 0;
}
.uploadbtn input.wpcf7-form-control.wpcf7-file.customfiles {
    opacity: 0;
    position: relative;
    z-index: 9;
	width: 200px;
}
.uploadbtn {
    position: relative;
    display: flex;
    gap: 10px;
}
.tw {
    font-family: 'Playfair Display';
    font-size: 16px;
}
div#previewContainer img#previewImage {
    width: 42px;
    height: 42px;
    object-fit: cover;
}
div#previewContainer {
    position: relative;
}
button#removeBtn {
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
}
button#removeBtn svg {
    width: 13px;
    height: 13px;
}
.alternatredeta {
    padding: 40px 0 70px;
}
.condetails {
    background: #0070b9;
    padding: 50px;
    color: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.listf span.img {
    border: solid 1px #fff;
    padding: 10px;
    border-radius: 100%;
}
.listf {
    text-align: center;
}

.listf span.img {
    border: solid 1px #fff;
    padding: 10px;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    display: flex
;
    align-items: center;
    justify-content: center;
    margin: 0 auto 6px;
}
.listietm {
    margin-bottom: 20px;
}
.alternatredeta .row {
    margin-bottom: 30px;
}

.alternatredeta iframe {
    height: 100%;
}
.alternatredeta center {
    font-size: 21px;
    font-weight: 300;
}
.faqs .smheading {
    text-align: center;
    margin-bottom: 25px;
}
.contentfa {
    max-width: 800px;
    margin: 0 auto;
}
.accordion-item > h2 {
    font-family: 'Playfair Display';
}

.accordion-item {
    border: solid 1px #000 !important;
    margin-bottom: 16px;
}
.accordion-button {
	padding: 0rem 1.25rem;
}
.condetails h3 {
    text-align: center;
    font-family: 'Playfair Display';
    font-size: 38px;
    line-height: 42px;
    margin: 0 0 25px;
    font-weight: normal;
}
.accordion-button::after {
    flex-shrink: 0;
    width: 3.25rem;
    height: 3.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s 
ease-in-out;
    display: flex
;
    align-items: center;
    background-position: center;
    background-color: #2196F3;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}
.accordion-flush .accordion-item .accordion-button {
    padding-right: 0;
}
.faqs {
    padding-bottom: 60px;
}
.vcontent h3 {
    color: #0070b9;
    font-family: 'Playfair Display';
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 5px;
}

.vcontent {
    padding: 30px 10px;
}
.vlist {
    height: 100%;
    background: #fff;
}
.violationslist {
    background: #0070b9;
    padding: 60px 0;
    margin-bottom: 60px;
}
.violationslist .col-md-4 {
    margin-bottom: 30px;
}
.vcontent p {
    font-size: 17px;
    line-height: 23px;
    color: #202020;
    font-weight: 300;
    font-family: "Jost";
}
.vcontent a.smbtn.smblue {
    display: inline-block;
    margin-top: 11px;
}
body.single.single-violations .aboutwrap .smheading p {
    margin-bottom: 14px;
}

body.single.single-violations .aboutwrap .smheading h3 {
    color: #0070b9;
    font-weight: 400;
    font-family: "Playfair Display";
    margin-bottom: 10px;
}

@media(min-width:768px){
body:not(.home) .main_banner {
    height: 578px;
}
.rotatespan.po {
    transform: rotate(90deg);
    position: absolute;
    bottom: 49%;
    width: auto;
    display: flex;
    font-family: 'Playfair Display';
    transform-origin: left;
    background: #fff;
    padding: 20px 29px;
    font-size: 50px;
    right: -51%;
}

.foword.inner .smheading {
    margin: 0 0 146px;
    max-width: 100%;
    text-align: center;
}
	.foword.inner {

    background: transparent;

}
}
@media(min-width:1024px){
	.inner ul.linebox li:nth-child(3) .line02.smline{
		    background: url(../images/linebox.png) no-repeat;
	}
	.inner ul.linebox li .line01.smline {
    background: url(../images/line03.png) no-repeat;
}
	.inner ul.linebox li:nth-child(even) {
    top: -100px;
    position: relative;
}
}
@media(max-width:1023px){
	 ul.linebox li:nth-child(1) {
    order: 1;
}

ul.linebox li:nth-child(2) {
    order: 0;
}
 ul.linebox li:nth-child(4) {
    order: 2;
}
 ul.linebox li:nth-child(3) {
    order: 3;
}
 ul.linebox li:nth-child(5) {
    order: 5;
}
 ul.linebox li:nth-child(6) {
    order: 4;
}
	    ul.linebox li:last-child {
        margin-bottom: 15px;
    }
}

@media(min-width:991px){

ul.sub-menu {
    display: none;
}
header .navbar .navbar-collapse ul li.menu-item-has-children{
	position:relative
}
header .navbar .navbar-collapse ul li.menu-item-has-children:hover ul.sub-menu {
    display: block;
}
ul.sub-menu {
    position: absolute;
    top: 23px;
    background: #fff;
    border-radius: 4px;
    min-width: 246px;
}
header .navbar .navbar-collapse ul li.menu-item-has-children:after {
    content: "";
    position: absolute;
    top: 6px;
    right: -17px;
    transform: rotate(44deg);
    border: solid #fff;
    border-width: 0 2px 2px 0px;
    display: inline-block;
    padding: 0px;
    width: 9px;
    height: 9px;
}
ul.sub-menu li a {
    color: #000 !important;
    padding: 8px 16px !important;
    border-bottom: solid 1px #ddd;
}
ul.sub-menu li {
    margin: 0 !important;
}
}
.whitebox a {
    color: #000;
    text-decoration: none;
}
.main_banner.noimg {
    background: #909090 !important;
}
section.contact.home-about.p-100 {
    padding-bottom: 50px;
}
.copyright ul a {
    padding: 0;
}
@media(max-width:768px){
.aboutwrap.newsa {
    padding-top: 30px;
}
.bluewrap.newa .col-md-3 {
    margin-bottom: 20px;
}
}
@media(max-width:990px){
ul.sub-menu {
    padding-left: 20px;
}
}


.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #1e35b4;
}
body.wp-singular.page-template-default .pagecooo ul li {
    margin-bottom: 6px;
    font-size: 16px;
}

body.wp-singular.page-template-default .pagecooo ul, body.wp-singular.page-template-default .pagecooo ul li {
    list-style: disc;
}

footer .nav-link:focus, footer .nav-link:hover{
	color:#fff !important
}
footer .endnave a.nav-link:hover {
    color: #83ceff !important;
}