@import url("slick.css");
@import url("menuzord.css");
@import url("font-awesome.min.css");
@import url("aos.css");




/* Fonts */
@font-face {
    font-family: 'Euclid Flex';
    src: url('../fonts/EuclidFlexLight.eot');
    src: url('../fonts/EuclidFlexLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EuclidFlexLight.woff2') format('woff2'),
        url('../fonts/EuclidFlexLight.woff') format('woff'),
        url('../fonts/EuclidFlexLight.ttf') format('truetype'),
        url('../fonts/EuclidFlexLight.svg#EuclidFlexLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Euclid Flex';
    src: url('../fonts/EuclidFlex.eot');
    src: url('../fonts/EuclidFlex.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EuclidFlex.woff2') format('woff2'),
        url('../fonts/EuclidFlex.woff') format('woff'),
        url('../fonts/EuclidFlex.ttf') format('truetype'),
        url('../fonts/EuclidFlex.svg#EuclidFlex') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Euclid Flex';
    src: url('../fonts/EuclidFlexMedium.eot');
    src: url('../fonts/EuclidFlexMedium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EuclidFlexMedium.woff2') format('woff2'),
        url('../fonts/EuclidFlexMedium.woff') format('woff'),
        url('../fonts/EuclidFlexMedium.ttf') format('truetype'),
        url('../fonts/EuclidFlexMedium.svg#EuclidFlexMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Euclid Flex';
    src: url('../fonts/EuclidFlexBold.eot');
    src: url('../fonts/EuclidFlexBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EuclidFlexBold.woff2') format('woff2'),
        url('../fonts/EuclidFlexBold.woff') format('woff'),
        url('../fonts/EuclidFlexBold.ttf') format('truetype'),
        url('../fonts/EuclidFlexBold.svg#EuclidFlexBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
font-family:'Roboto-Regular';
src:url('../fonts/Roboto-Regular.eot');
src:url('../fonts/Roboto-Regular.woff2') format('woff2'),
url('../fonts/Roboto-Regular.woff') format('woff'),
url('../fonts/Roboto-Regular.ttf') format('truetype'),
url('../fonts/Roboto-Regular.otf') format('opentype'),
url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'),
url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype');font-weight:normal;font-style:normal;}

@font-face {
font-family:'Roboto-Medium';
src:url('../fonts/Roboto-Medium.eot');
src:url('../fonts/Roboto-Medium.woff2') format('woff2'),
url('../fonts/Roboto-Medium.woff') format('woff'),
url('../fonts/Roboto-Medium.ttf') format('truetype'),
url('../fonts/Roboto-Medium.otf') format('opentype'),
url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg'),
url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype');font-weight:normal;font-style:normal;}

@font-face { 
font-family:'Roboto-Light';
src:url('../fonts/Roboto-Light.eot');
src:url('../fonts/Roboto-Light.woff2') format('woff2'),
url('../fonts/Roboto-Light.woff') format('woff'),
url('../fonts/Roboto-Light.ttf') format('truetype'),
url('../fonts/Roboto-Light.otf') format('opentype'),
url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg'),
url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype');font-weight:normal;font-style:normal;}

@font-face {
font-family:'Roboto-Bold';
src:url('../fonts/Roboto-Bold.eot');
src:url('../fonts/Roboto-Bold.woff2') format('woff2'),
url('../fonts/Roboto-Bold.woff') format('woff'),
url('../fonts/Roboto-Bold.ttf') format('truetype'),
url('../fonts/Roboto-Bold.otf') format('opentype'),
url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg'),
url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype');font-weight:normal;font-style:normal;}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.eot');
    src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Black.woff2') format('woff2'),
        url('../fonts/Roboto-Black.woff') format('woff'),
        url('../fonts/Roboto-Black.ttf') format('truetype'),
        url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}






body{margin:0px;padding:0px;color:#000;font-size:17px; background:#FFF; font-family:'Roboto-Regular';  overflow-x:hidden; overflow-y:auto;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button{outline:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;
box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input,textarea,button,select,a,div{-webkit-tap-highlight-color:transparent;outline:none}
table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
img{border:0px;/*max-width:100%;*/vertical-align:top}
::-moz-selection{background:#00669b;color:#fff}
::selection{background:#00669b;color:#fff}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;
-o-box-sizing:border-box;box-sizing:border-box}
:before,:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;
-o-box-sizing:border-box; box-sizing:border-box}
a{text-decoration:none; color:#bc5627; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
a:hover, hover{-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
*{text-rendering:optimizeLegibility}
html.touch *{text-rendering:optimizeSpeed}
p{margin: 0px;padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px;padding: 0px;font-weight: normal;}
ol,ul,li{margin: 0px;padding: 0px;list-style-type: none;}

html {scroll-behavior: smooth;}

.clr{clear: both;}
.wrapper{width: 1280px /*1170px*/; margin: 0 auto;}

header{/*padding: 19px 0 29px 0;*/ display: block; position: relative; z-index: 10;}
.logo_row{position: relative; padding: 0 230px 0 300px;}
.main_logo{position: absolute; left: 0; top: 10px;}
.main_menu{text-align: right;}
.request_btn{position: absolute; right: 0; top: 52px;}
.request_btn a{background: #fbb040; color: #000; font-family: 'Roboto'; font-weight: 900; font-size: 18px; text-transform: uppercase; border: none; border-radius: 25px; padding: 9px 22px; font-style: italic;}
.request_btn a:hover{}

.home_banner{display: table; height: 973px; width: 100%; position: relative;}
.home_banner::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 973px; background: rgba(55, 119, 188, 0.7);}
.home_banner.general::after{ background: rgba(55, 119, 188, 0.5);}
.home_banner_cont{display: table-cell; vertical-align: middle; width: 100%; position: relative; z-index: 1;} 
.banner_capion{display: inline-block; width: 100%; text-align: center;}
.all_blogs.two_btn{margin: 0 10px;}
.caption_title{color: #FFF; font-size: 73px; line-height: 90px; font-family: 'Euclid Flex'; font-weight: bold; }
.caption_subtitle{color: #FFF; font-size: 45px; font-family:'Roboto-Regular'; margin: 0 0 25px 0;}

.slide_div{position: relative; height: 880px; display: table; width: 100%;}
.slide_content{display: table-cell; vertical-align: middle;}
.slide_pic{position: absolute; left: 0; top: 0; width: 56%; background-size: contain; height: 880px; max-width: 1059px;}
/*.slide_pic img{overflow: hidden;}
.slide_pic::after{content: ''; position: absolute; background: url(../images/slide_arrow.png) no-repeat left top; height: 880px; width: 373px; right: -389px; top: 0;}*/
.slide_caption{width: 40%; float: right; text-align: left;}
.slide_caption h3{color: #3777bc; font-size: 65px; font-family: 'Roboto'; font-weight: bold; margin: 0 0 20px 0;}
.slide_caption p{font-size: 36px; font-style: italic; line-height: 48px; margin: 0 0 35px 0; display: block;}
.slide_btn{display: inline-block; width: 100%;}
.slide_btn a{font-size: 21px; font-style: italic; font-family: 'Roboto'; font-weight: bold; background: #fbb040; padding: 6px 20px; border-radius: 20px; color: #000; margin: 0 20px 0 0; text-transform: uppercase;}

.stastics_bx{padding: 125px 0;}
.stastics{display: inline-block; width: 100%; padding: 0 25px;}
.stastics ul{margin: 0px; padding: 0px;}
.stastics ul li{list-style-type: none; float: left; padding: 0 80px 0 0;}
.stastics ul li:last-child{padding: 0;}
.stastics_one{position: relative; background: url(../images/stastics_bg.png) no-repeat left top; padding: 15px 0 15px 90px; min-height: 156px;}
.stastic_count{color: #3777bc; font-size: 100px; line-height: 68px; text-align: center; font-family:'Roboto-Bold';}
.stastic_count span{display: block; font-size: 28px; font-family: 'Euclid Flex'; font-weight: normal; text-transform: uppercase;}

.who_are{background: #3777bc; position: relative; height: 656px; display:table; width: 100%;}
.who_are_cont{display: table-cell; vertical-align: middle;}
.who_right_pic{width: 53%; overflow: hidden; position: absolute; right: 0; top: 0; height: 656px; background-size: cover !important;}
.who_pic{position:absolute; right: 0; top: 0; /*width: 47%;*/}
.who_pic img{}
.who_pic::after{content: ''; position: absolute; background: url(../images/who_we_bg.png) no-repeat left top; height: 656px; width: 277px; left: -104px; top: 0;}
.who_cont{width: 45%;}
.who_title{color: #FFF; font-size: 65px; margin: 0 0 20px 0; font-family: 'Euclid Flex'; font-weight: bold;}
.who_txt{font-size: 36px; color: #FFF; line-height: 48px; margin: 0 0 35px 0; font-style: italic;}

.sec_title{margin: 0 0 60px 0; display: inline-block; width: 100%; text-align: center;}
.blog_list{display: inline-block; width: 100%;}
.blog_list ul{margin: 0px; padding: 0px;}
.blog_list ul li{list-style-type: none; float: left; width: 33.333%; padding: 0 20px;}
.blog_one{display: block; min-height:760px;}
.blog_arrow{float: right; margin: 0 35px 18px 0;}
.blog_pic{border-radius: 35px; width: 100%;}
.blog_cont{padding: 34px 12px;}
.blog_cont h3{ font-family: 'Euclid Flex'; font-weight: 500; color: #3777bc; font-size: 34px; margin: 0 0 15px 0;}
.blog_cont p{font-size: 24px; font-family:'Roboto-Regular';}
.blog_btn{display: inline-block; width: 100%; text-align: center;}
.all_blogs{background: #fbb040; color: #000; font-family: 'Roboto'; font-weight: 900; font-size: 21px; text-transform: uppercase; border: none; border-radius: 25px; padding: 8px 40px; font-style: italic;}

.contact_form{padding: 50px 0;}
.contact_title{text-align: center; background: url(../images/contact_bg.png) no-repeat center top; /*max-width: 66% ;*/ padding: 250px 0 0 0; margin: 0 auto 90px auto; background-size: 44% /*70%*/;}
h3.section_title{font-size: 65px; color: #3777bc; font-family: 'Euclid Flex'; font-weight: bold; margin: 0 0 15px 0;}
p.section_tagline{font-size: 36px; font-family:'Roboto-Regular'; font-style: italic; line-height: 48px; }
.form_row_one{display: inline-block; width: 100%; margin: 0 0 55px 0;}
.form_l{float: left; width: 48%;}
.form_r{float: right; width: 48%;}

.form_label{font-size: 24px; color: #3777bc; display: block; margin: 0 0 25px 0; font-family: 'Euclid Flex'; font-weight: normal;}
.input_frm{display: block; width: 100%; border: none; border-bottom: 1px solid #3777bc; padding: 10px 0; font-family: 'Euclid Flex'; font-weight: normal; font-size: 24px; color: #000;}
.form_btn{background: #fbb040; color: #000; font-family: 'Roboto'; font-weight: 900; font-size: 21px; text-transform: uppercase; border: none; border-radius: 25px; padding: 10px 40px; font-style: italic;}
.form_btn_row{text-align: center; display: inline-block; width: 100%;}
select {appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: transparent; border: none; padding:10px 0;
  margin: 0; width: 100%; font-family: inherit; font-size: inherit; cursor: inherit; line-height: inherit; z-index: 1; outline: none; text-align: left;}
.select {width: 100%; border: none; border-bottom: 1px solid #3777bc; padding: 10px 0; cursor: pointer; line-height: 1.1; background:#FFF url(../images/select_drop_arrow.png) no-repeat right center; background-position: 99%;  font-family: 'Euclid Flex'; font-weight: normal; font-size: 24px; color: #000;}

/*.select::after {content: ""; justify-self: end; width: 38px; height: 17px; background: url(../images/select_drop_arrow.png) no-repeat; background-position: 98%;}*/



footer{padding: 100px 0; text-align: center;}
.social_icon{display: inline-block; width: 100%; text-align: center; margin: 0 0 25px 0;}
.social_icon ul{margin: 0px; padding: 0px;}
.social_icon ul li{list-style-type: none; display: inline-block; margin: 0 15px; text-transform: uppercase; font-family: 'Euclid Flex'; font-weight: normal; font-size: 20px; letter-spacing: 2px;}
.social_icon ul li a{color: #000; text-decoration: none;}
.social_icon ul li a:hover{color: #3777bc; text-decoration: none;}

.copyright_row{text-align: center; display: inline-block;}
.copyright_row ul{margin: 0px; padding: 0px;}
.copyright_row ul li{list-style-type: none; font-size: 17px; font-family: 'Euclid Flex'; font-weight: normal; display: inline-block; margin: 0 8px; letter-spacing: 1px;}
.copyright_row ul li a{color: #000; text-decoration: none;}
.copyright_row ul li a:hover{color: #3777bc; text-decoration: none;}

/*who we are page css*/
.who_txt.page{font-style: normal;}
.about_txt{text-align: center;}
.about_para{margin: 50px 0; font-size: 35px; line-height: 65px; text-align: left; /*text-align: center;*/}
.about_para a{text-decoration: underline; color: #3777bc;}
.top_arrow{margin: 0 auto; text-align: center;}
.bottom_arrow{margin: 0 0 50px 0;}

.about_para span{color: #3777bc; font-family:'Roboto-Bold';}

/*contact us page css*/
.contact_info{padding: 100px 0 50px 0; display: inline-block; width: 100%;}
.address_title{text-align: center; /*background: url(../images/contact_page_bg.png) no-repeat center top; padding: 237px 0 0 0;*/ max-width: 100%;  margin: 0 0 0 0;}
.contact_address{font-size: 36px; line-height: 45px; margin: 0 0 30px 0;}
.contact_email{text-align: center; margin: 0 0 40px 0;}
.contact_email a{margin: 0 30px; font-size: 48px; font-family: 'Roboto'; font-weight: 900; color: #4a81c0;}
.contact_email a i{ margin: 0 10px 0 0;}
.contact_email a i.phone{font-size: 65px; vertical-align: text-top;}
.contact_email a:hover{color: #000; text-decoration: none;}
.contact_social_icon{display: inline-block; width: 100%; text-align: center;}
.contact_social_icon ul{margin: 0px; padding: 0px;}
.contact_social_icon ul li{list-style-type: none; display: inline-block; margin: 0 35px; font-size: 48px;}
.contact_social_icon ul li a{color: #000; text-decoration: none;}
.contact_social_icon ul li a:hover{ color: #4a81c0; text-decoration: none;}


.social_icon_footer{display: inline-block; width: 100%; text-align: center; margin: 0 0 25px 0;}
.social_icon_footer ul{margin: 0px; padding: 0px;}
.social_icon_footer ul li{list-style-type: none; display: inline-block; font-size: 32px; margin: 0 20px; color: #000;}
.social_icon_footer ul li a{color: #333; }
.social_icon_footer ul li a:hover{color: #3777bc;}

/*commercial auto page css*/
.about_para.commercial{margin: 0 0 50px 0;}
.about_para.auto{/*padding: 0 10%;*/ margin: 0 0 50px 0; text-align: left;}
.section_title.commercial{font-size: 56px;}

/*blog page css*/
.blog_txt{font-size: 48px; color: #FFF; font-family:'Roboto-Bold'; line-height: 64px;}
.more_btn{font-size: 21px; font-family: 'Roboto'; font-weight: bold; font-style: italic; text-transform: uppercase; background: #fbb040; padding: 6px 30px; border-radius: 30px; color: #000; margin: 30px 0 0 0; display: inline-block;}
.blog_list.blog ul li{padding: 0 20px 35px 20px}

.top_arrow.commercial{margin: 0 0 83px 0;}
.bottom_arrow.commercial{margin: 0 0 73px 0;}

/*new css*/
ul.detail_list{margin: 0 0 35px 0; padding: 0px;}
ul.detail_list li{list-style-type: none; text-align: left; margin: 0 0 20px 0; font-size: 35px; line-height: 65px; position: relative; padding: 0 0 0 35px;}
ul.detail_list li i{position: absolute; left: 0; top: 3px; color: #fbb040;}

.section_title.commercial.left{text-align: left;}
.section_title.left{text-align: left;}

@media screen and (max-width:1920px){}
@media screen and (max-width:1600px){
    .contact_title{/*max-width: 57%;*/ padding: 230px 0 0 0; background-size:40%;}
    .social_icon_footer ul li{font-size: 28px;}
    ul.detail_list li{font-size: 32px; line-height: 58px;}
    
    .home_banner,.home_banner::after{height: 800px;}
    .caption_title{font-size: 68px; line-height: 85px;}
    .caption_subtitle{font-size: 42px;}
    .slide_caption h3,.who_title,h3.section_title{font-size: 58px;}
    .slide_caption p,.who_txt,p.section_tagline{font-size: 32px; line-height: 42px;}
    .stastic_count{font-size: 90px;}
    .who_cont {width: 40%;}
    /*.slide_pic{left: -160px;}*/
    .all_blogs,.slide_btn a{font-size: 20px;}
    
    .blog_cont h3,.contact_address{font-size: 32px;}
    .contact_email a{font-size: 42px;}
    .contact_social_icon ul li{font-size: 44px;}
    footer{padding: 80px 0;}
    .contact_form{padding: 50px 0;}
    .stastics_bx{padding: 100px 0;}
    .who_right_pic{width: 55%;}
    .stastic_count span{font-size: 26px;}
    
    
    .slide_pic{width: 60%; height: 800px; background-size: cover !important;}
    .slide_div{height: 800px;}
    .slide_caption{width: 36%;}
    
    .who_are{height: 600px;}
    .who_right_pic{height: 600px; width: 59%;}
    
    .top_arrow img{height: 200px;}
    .contact_info{padding: 80px 0 50px 0;}
    .about_para{font-size: 32px; line-height: 58px;}
    
    .top_arrow.commercial {margin: 0 0 75px 0;}
    .bottom_arrow.commercial {margin: 0 0 50px 0;}
    .section_title.commercial {font-size: 52px;}
    
    .blog_txt{font-size: 44px; line-height: 60px;}
}
@media screen and (max-width:1440px){
	.blog_one{min-height:710px;}
    .social_icon_footer{margin: 0 0 20px 0;}
    ul.detail_list li{font-size: 28px; line-height: 48px;}
	
	.contact_title {/*max-width: 51%;*/ background-size:35%; padding: 202px 0 0 0;}
    
/*    .slide_pic {left: -230px;}*/
    .who_right_pic {width: 60%;}
    .who_cont {width: 42%;}
    .caption_title {font-size: 58px; line-height: 75px;}
    .caption_subtitle {font-size: 38px;}
    .all_blogs.two_btn {margin: 0 5px;}
    .slide_caption h3, .who_title, h3.section_title {font-size: 52px;}
    .slide_caption p, .who_txt, p.section_tagline {font-size: 28px; line-height: 38px;}
    .stastic_count {font-size: 80px; line-height: 62px;}
    .stastics_bx {padding: 80px 0;}
    .blog_cont h3 {font-size: 28px;}
    .blog_cont {padding: 24px 12px 34px 12px;}
    .all_blogs {font-size: 18px;}
    .all_blogs,.slide_btn a{font-size: 18px;}
    .stastic_count span{font-size: 24px;}
    .blog_cont p{font-size: 22px;}
    footer {padding: 50px 0;}
    .home_banner, .home_banner::after {height: 750px;}
    .slide_div {height: 700px;}
    .slide_pic{height: 700px;}
    
    .top_arrow img {height: 180px;}
    .who_are {height: 500px;}
    .who_right_pic{height: 500px; width:54%;}
    
    .contact_info {padding: 60px 0 30px 0;}
    .bottom_arrow img{ height: 115px;}
    /*.address_title{max-width:80%; padding: 207px 0 0 0; margin: 0 auto;}*/
    .about_para {font-size: 28px; line-height: 48px; margin: 40px 0;}
    
    .blog_cont h3, .contact_address {font-size: 30px; line-height: 42px;}
    .contact_email a {font-size: 38px; vertical-align: sub;}
    .contact_email a i.phone {font-size: 62px; vertical-align: inherit;}
    .contact_social_icon ul li {font-size: 40px; margin: 0 30px;}
    
    .top_arrow.commercial {margin: 0 0 65px 0;}
    .bottom_arrow.commercial {margin: 0 0 45px 0;}
    .section_title.commercial {font-size: 48px;}
    
    .blog_txt {font-size: 40px; line-height: 56px;}
    .about_para.commercial,.about_para.auto{margin: 0 0 40px 0;}
}
@media screen and (max-width:1366px){
	.blog_one{min-height:610px;}
	
    .contact_title {/*max-width: 42%; padding: 160px 0 0 0;*/
	background-size: 29%; padding: 158px 0 0 0;}
    .social_icon_footer ul li {font-size: 24px;}

    
    ul.detail_list li {font-size: 24px; line-height: 44px;}
    /*.slide_pic {left: -290px;}*/
    .who_right_pic{width: 60%;}
    .request_btn a{font-size: 16px; padding: 8px 22px;}
    .logo_row{padding: 0 200px 0 280px;}
    .home_banner, .home_banner::after {
    height: 700px; background-size: cover !important;}
    .caption_title {font-size: 52px; line-height: 68px;}
    .caption_subtitle {font-size: 32px;}
    .all_blogs,.all_blogs, .slide_btn a,.more_btn {font-size: 16px; padding: 8px 30px;}
    .slide_caption h3, .who_title, h3.section_title {font-size: 42px /*46px*/;}
    .slide_caption h3{margin: 0 0 15px 0;}
    .slide_caption p, .who_txt, p.section_tagline {font-size: 24px; line-height: 34px;}
    .stastics_one{padding: 19px 0 15px 90px;}
    .stastic_count {font-size: 70px; line-height: 61px;}
    .stastic_count span {font-size: 22px;}
    .stastics_bx {padding: 50px 0;}
    .who_title{margin: 0 0 15px 0;}
    .blog_cont h3 {font-size: 26px;}
    .blog_cont p {font-size: 18px;}
    .form_label,.input_frm,.select{font-size: 22px;}
    .form_label{margin: 0 0 20px 0;}
    .social_icon ul li{font-size: 18px;}
    /*.social_icon ul li,*/.copyright_row ul li{font-size: 16px;}
    .form_btn{font-size: 18px; padding: 8px 30px;}
    
    .slide_div {height: 650px;}
    .slide_pic{height: 650px; width: 58%;}
    .slide_caption {width: 40%;}
    
    .who_are {height: 500px;}
    .who_right_pic{height: 500px; width: 58%;}
    .who_cont {width: 39%;}
    
    .about_para {font-size: 24px; line-height: 44px;}
    .bottom_arrow img {height: 100px;}
    .top_arrow img {height: 160px;}
    .contact_info{padding: 50px 0;}
    .bottom_arrow{margin: 0;}
    .blog_arrow{height: 45px;}
    .blog_list.blog ul li{padding:0 30px 15px 0}
    
    .top_arrow.commercial {margin: 0 0 50px 0;}
    .bottom_arrow.commercial {margin: 0 0 40px 0;}
    .section_title.commercial {font-size: 42px;}
    
    .blog_txt {font-size: 38px; line-height: 56px;}
}
@media screen and (max-width:1280px){
	.blog_one{min-height:640px;}
    ul.detail_list li {font-size: 22px; line-height: 40px;}
	
	.contact_title {background-size: 30%; padding: 160px 0 0 0;}
    
    .wrapper{width: 96%; margin: 0 auto;}
    .main_logo img{height: 70px;}
    .request_btn{top: 39px;}
    .home_banner, .home_banner::after{height: 600px;}
    .caption_title {font-size: 46px; line-height: 60px;}
    .caption_subtitle {font-size: 28px;}
    .slide_caption h3, .who_title, h3.section_title {font-size: 42px;}
    .slide_caption p, .who_txt, p.section_tagline {font-size: 22px; line-height: 32px;}
    .slide_caption h3 {margin: 0 0 10px 0;}
    .slide_caption p{margin: 0 0 25px 0;}
    .stastic_count {font-size: 60px; line-height: 50px;}
    .stastics_one{min-height: 120px; background-size: contain;}
    .blog_cont p{line-height: 28px;}
    .form_row_one{margin: 0 0 45px 0;}
    
    .slide_div {height: 600px;}
    .slide_pic{height: 600px; width: 58%;}
    .slide_caption {width: 40%;}
    
    .who_are {height: 450px;}
    .who_right_pic{height: 450px; width: 55%;}
    .who_cont {width: 40%;}
    
    .about_para {font-size: 22px; line-height: 40px; margin: 30px 0;}
    .blog_arrow{height: 45px;}
    .blog_cont {padding: 20px 0;}
    
    .contact_info{padding: 40px 0;}
    .blog_cont h3, .contact_address {font-size: 28px; line-height: 40px; margin: 0 0 25px 0;}
    .contact_email a{font-size: 34px;}
    .contact_social_icon ul li {font-size: 36px; margin: 0 25px;}
    .contact_email a i.phone{font-size: 56px;}
    .contact_email {margin: 0 0 30px 0;}
    
    .top_arrow.commercial {margin: 0 0 40px 0;}
    .bottom_arrow.commercial {margin: 0 0 40px 0;}
    .section_title.commercial {font-size: 40px;}
    
    .about_para.commercial,.about_para.auto {margin: 0 0 35px 0;}
    .blog_txt {font-size: 34px; line-height: 50px;}


}
@media screen and (max-width:1100px){
	.blog_one{min-height:600px;}
    .social_icon_footer ul li {font-size: 22px;}
    ul.detail_list li {font-size: 20px; line-height: 36px; padding: 0 0 0 25px;}
    
    .contact_title {/*max-width: 35%;*/ padding: 150px 0 0 0; margin: 0 auto 50px auto; background-size: 34%; }
    .social_icon ul li{font-size: 16px;}
    /*.social_icon ul li,*/ .copyright_row ul li {font-size: 15px;}
    footer {padding: 30px 0;}
    .social_icon{margin: 0 0 15px 0;}
    .form_label, .input_frm,.select {font-size: 20px;}
    .form_label {margin: 0 0 15px 0;}
    .slide_caption h3, .who_title, h3.section_title,.section_title.commercial {font-size: 38px;}
    .slide_caption p, .who_txt, p.section_tagline {font-size: 20px; line-height: 32px;}
    .form_btn,.all_blogs, .all_blogs, .slide_btn a, .more_btn {
    font-size: 16px; padding: 8px 30px;}
    .blog_cont h3 {font-size: 22px;}
    .blog_cont p {font-size: 16px;}
    .blog_cont {padding: 18px 0 34px 0;}
    .blog_cont h3{margin: 0 0 10px 0;}
    .blog_list ul li{padding: 0 10px;}
    .blog_arrow{height: 40px;}
    .contact_form {padding: 30px 0;}
    .sec_title{margin: 0 0 40px 0;}
    .stastic_count {font-size: 45px; line-height: 40px;}
    .stastics_one {padding: 19px 0 15px 70px;}
    .stastics ul li{padding: 0 60px 0 0;}
    .stastic_count span {font-size: 20px;}
    .stastics_bx {padding: 40px 0;}
    .stastics_one{min-height: 100px;}
    .home_banner, .home_banner::after {height: 500px;}
    .banner_capion img{height: 80px;}
    .caption_title {font-size: 38px; line-height: 48px;}
    .caption_subtitle {font-size: 24px;}
    .main_logo img {height: 60px;}
    .request_btn a {font-size: 14px; padding: 8px 15px;}
    .logo_row {padding: 0 160px 0 210px;}
    .request_btn {top: 29px;}
    .form_row_one{margin: 0 0 35px 0;}
    
    .slide_div {height: 470px;}
    .slide_pic{height: 470px; width: 55%;}
    .slide_caption {width: 44%;}
    .slide_btn a{margin: 0 10px 0 0;}
    
    .who_are {height: 400px;}
    .who_right_pic{height: 400px; width: 61%;}
    .who_cont {width: 36%;}
    
    .about_para {font-size: 20px; line-height: 37px; margin: 25px 0;}
    .top_arrow img {height: 150px;}
    .bottom_arrow img {height: 90px;}
    
    .blog_cont p{min-height: 84px;}
    .blog_list.blog ul li{padding:0 25px 15px 0;}
    
    .contact_address {font-size: 24px; line-height: 36px; margin: 0 0 20px 0;}
    .contact_email a {font-size: 28px;}
    .contact_email a i.phone {font-size: 48px;}
    .contact_email {margin: 0 0 20px 0;}
    .contact_social_icon ul li {font-size: 32px; margin: 0 20px;}
    
    .top_arrow.commercial {margin: 0 0 35px 0;}
    .bottom_arrow.commercial {margin: 0 0 35px 0;}
    
    .blog_txt {font-size: 28px; line-height: 46px;}
    .about_para.commercial {margin: 0 0 25px 0;}


}
@media screen and (max-width:900px){
	.blog_one{min-height:550px;}
    .contact_title{padding: 160px 0 0 0;}
    ul.detail_list li {font-size: 18px; line-height: 32px; padding: 0 0 0 25px;}
    
    .home_banner, .home_banner::after {height: 400px;}
    .banner_capion img {height: 60px;}
    .caption_title {font-size: 32px; line-height: 40px;}
    .caption_subtitle {font-size: 20px;}
    .form_btn, .all_blogs, .all_blogs,.more_btn {font-size: 15px; padding: 6px 20px;}
    .more_btn {font-size: 14px; padding: 6px 20px;}
    .stastics{padding: 0px;}
    .stastics_one {padding: 19px 0 15px 50px;}
    .stastic_count {font-size: 38px; line-height: 36px;}
    .stastic_count span {font-size: 18px;}
    .stastics ul li {padding: 0 30px 0 0;}
    .slide_caption h3, .who_title, h3.section_title,.section_title.commercial {font-size: 32px;}
    .slide_caption p, p.section_tagline {font-size: 18px; line-height: 27px;}
    .who_txt{line-height: 25px; font-size: 18px; margin: 0;}
    .who_txt{margin: 0 0 25px 0;}
    .blog_cont h3 {font-size: 18px; line-height:25px;}
    .blog_cont p {font-size: 15px; line-height: 24px;}
    .blog_arrow {height: 30px;}
    .sec_title {margin: 0 0 30px 0;}
    h3.section_title{margin: 0 0 10px 0;}
    .contact_title {/*max-width: 40%;*/ background-size:39%; padding: 128px 0 0 0; margin: 0 auto 40px auto;}
    .form_label, .input_frm, .select {font-size: 18px;}
    .form_label {margin: 0 0 10px 0;}
    .social_icon ul li, .copyright_row ul li {font-size: 14px;}
    .form_row_one{margin: 0 0 25px 0;}
    .main_logo img {height: 50px;}
    .logo_row{padding: 0;}
    .request_btn {top: 22px; right: 62px;z-index: 999;}
    header{position: relative; z-index: 99;}
    .main_logo{z-index: 999; top: 6px;}
    
    .slide_div {height: 350px;}
    .slide_pic{height: 350px; width: 55%;}
    .slide_caption {width: 44%;}
    .slide_btn a{font-size: 14px; padding: 6px 20px;}
    
    .who_are {height: 350px;}
    .who_right_pic{height: 350px; width: 71%;}
    .who_cont {width: 32%;}
    
    .top_arrow img {height: 130px;}
    .bottom_arrow img {height: 80px;}
    .about_para {font-size: 18px; line-height: 34px; margin: 20px 0;}
    .blog_list.blog ul li {padding: 0 10px;}
    .blog_arrow {height: 30px;}
    
    .contact_info{padding: 35px 0 0 0;}
    .contact_email a {font-size: 24px; margin: 0 20px;}
    .contact_address {font-size: 22px; line-height: 34px; margin: 0 0 10px 0;}
    .contact_social_icon ul li {font-size: 28px; margin: 0 18px;}
    
   .top_arrow.commercial,.bottom_arrow.only_commercial {margin: 0 0 35px 0;}
    .bottom_arrow.commercial {margin: 0 0 35px 0;}
/*    .about_para.commercial,.about_para.auto {margin: 0 0 30px 0;}*/
    
    .blog_txt {font-size: 22px; line-height: 38px;}
    .about_para.commercial,.about_para.auto {margin: 0 0 20px 0;}


}

@media screen and (max-width:820px){
    /*.who_right_pic{width: 67%;}*/
}

    
@media screen and (max-width:700px){
    .social_icon_footer ul li{margin: 0 12px;}
    .social_icon_footer ul li {font-size: 18px;}
    ul.detail_list li { font-size: 16px; line-height: 28px; padding: 0 0 0 20px;}
    ul.detail_list li i{top: 0;}
    
    .request_btn a {font-size: 12px; padding: 6px 15px;}
    .request_btn{top: 17px;}
    .main_logo img {height: 44px;}
    .home_banner, .home_banner::after {height: 350px;}
    .banner_capion img {height: 45px;}
    .caption_title {font-size: 26px; line-height: 44px;}
    .caption_subtitle {font-size: 18px; margin: 0 0 15px 0;}
    .form_btn, .all_blogs, .all_blogs {font-size: 13px; padding: 6px 20px;}
    .slide_caption h3, .who_title, h3.section_title,.section_title.commercial {font-size: 26px;}
    .slide_caption p, .who_txt, p.section_tagline {font-size: 16px; line-height: 24px;}
    .slide_div {height: 290px;}
    .slide_pic {height: 290px; width: 55%;}
    .slide_btn a {font-size: 13px; margin: 0 5px 0 0; padding: 6px 15px;}
    .stastic_count {font-size: 32px; line-height: 34px;}
    .stastic_count span {font-size: 16px;}
    .stastics ul li {padding: 0 10px 0 0;}
    .stastics_one {min-height: 78px; padding: 0 0 0 45px;}
    .who_are {height: 250px;}
    .who_right_pic {height: 250px; width: 61%;}
    .who_cont {width: 39%;}
    .stastics_bx {padding: 30px 0;}
    .who_title {margin: 0 0 5px 0;}
    .who_txt {margin: 0 0 15px 0;}
    .blog_arrow {height: 20px;}
    .blog_cont h3 {font-size: 15px;}
    .blog_cont {padding: 18px 0 25px 0;}
    .contact_title{/*max-width: 39%;*/ padding: 92px 0 0 0; background-size:34%; margin: 0 auto 30px auto;}
    .section_tagline br{display: none;}
    .form_label, .input_frm, .select {font-size: 15px;}
    .form_row_one {margin: 0 0 15px 0;}
    .form_label {margin: 0;}
    .social_icon ul li, .copyright_row ul li {font-size: 13px;}
    footer {padding: 10px 0 30px 0;}
    
    .top_arrow img {height: 100px;}
    .about_para {font-size: 16px; line-height: 30px;}
    .bottom_arrow img {height: 70px;}
    

    .contact_address{font-size: 18px; line-height: 28px;}
    .contact_address br{display: none;}
    .contact_email a{font-size: 20px;}
    
    .top_arrow.commercial, .bottom_arrow.only_commercial {margin: 0 0 25px 0;}
    .about_para.auto {padding: 0 10%; margin: 0 0 30px 0;}
	.blog_one{min-height:470px;}



}
@media screen and (max-width:640px){
    .who_are{height: 237px;}
    .who_right_pic{height: 237px;}
    .slide_pic{height: 270px;}
    .slide_div{height: 270px;}
    .slide_btn a {font-size: 13px; margin: 0 3px 0 0; padding: 5px 12px;}
    .stastics ul li {padding: 0 5px 0 0;}
    .stastic_count span {font-size: 15px;}
    .blog_list ul li{width: 50%;}
    
    .contact_email a{display: block; font-size: 20px; margin: 5px 0;}
    .about_para.auto {padding: 0; margin: 0 0 25px 0;}
    .slide_caption h3, .who_title, h3.section_title, .section_title.commercial {font-size: 22px;}
	
}
@media screen and (max-width:568px){}
@media screen and (max-width:480px){
	.blog_one{min-height:auto;}
    ul.detail_list li {font-size: 15px; line-height: 26px; padding: 0 0 0 22px;}
    ul.detail_list li i{top: 2px;}
    
    .home_banner, .home_banner::after {height: 300px;}
    .banner_capion img {height: 36px;}
    .caption_title {font-size: 20px; line-height: 26px;}
    .caption_subtitle {font-size: 16px; margin: 0 0 15px 0;}
    .slide_pic{display: none;}
    .slide_caption{width: 100%; text-align: center;}
    .slide_div {height: 250px;}
    .stastic_count {font-size: 26px; line-height: 30px;}
    .stastic_count span {font-size: 13px;}
    .stastics_one {min-height: 60px; padding: 0 0 0 28px;}
    .who_right_pic{display: none;}
    .who_cont{width: 100%;}
    .who_are {height: 220px;}
    .blog_list ul li{width: 50%;}
    .blog_cont {padding: 18px 0 20px 0;}
    .blog_cont h3 {font-size: 18px;}
    .contact_title {max-width: 48%; padding: 100px 0 0 0; }
    .blog_arrow {float: right; margin: 0 15px 10px 0;}
    
    .about_para {font-size: 15px; line-height: 28px; margin: 0 0 20px 0;}
    .top_arrow img {height: 80px;}
    .bottom_arrow img {height: 50px;}
    
    .contact_email a i.phone {font-size: 34px;}
    .blog_cont p{min-height: auto;}
    .more_btn{margin: 15px 0 0 0;}
    .contact_address{font-size: 16px; line-height: 24px;}
    
    .contact_info {padding: 25px 0 0 0;}
    .about_para.commercial,.about_para.auto {margin: 0 0 15px 0;}



}
@media screen and (max-width:420px){
    .home_banner, .home_banner::after {height: 250px;}
    .stastics ul li{width: 100%;}
    .stastic_count{text-align: left;}
    .stastics_one {min-height: 60px; padding: 0 0 0 39px; margin: 5px 0px;}
    .stastic_count span {font-size: 16px;}
    .contact_form {padding: 25px 0;}
    .blog_list ul li {width: 100%;}
    .blog_cont h3 {font-size: 20px;}
    .blog_cont p {font-size: 16px; line-height: 24px;}
    .contact_title {/*max-width: 60%; padding: 95px 0 0 0;*/
	    max-width: 100%; padding: 90px 0 0 0; background-size: 48%;}
    .form_l{float: none; width: 100%; margin: 0 0 15px 0;}
    .form_r{float: none; width: 100%;}
    .social_icon ul li,.copyright_row ul li{margin: 0 5px;}
    .request_btn a{font-size: 11px;}
    .request_btn{right: 50px;}
    select{padding: 5px 0;}
    .contact_social_icon ul li {font-size: 24px; margin: 0 18px;}
    .blog_txt {font-size: 18px; line-height: 32px;}
    
    
}
@media screen and (max-width:375px){}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){
    .contact_title {max-width: 70%;}
    .all_blogs.two_btn {margin: 0 2px; padding: 6px 14px;}
    .main_logo img {height: 36px;}
    .request_btn a {font-size: 11px; padding: 6px 13px;}
    .top_arrow.commercial, .bottom_arrow.only_commercial {margin: 0 0 15px 0;}
    
}

/*css for blog grid 09/12/2025*/
ul#blogResults{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}
ul#blogResults li{width:30%;}
.blog-filter-wrapper{
    margin-bottom:25px;
    background:#f7f7f7;
    padding:20px;
    border-radius:10px;
}
.blog-filter-form{
    display:flex;
    gap:20px;
    flex-wrap: wrap;
    align-items: center;
}
.filter-input, .filter-select{
    padding: 12px;
    width: 250px;
    border: 1px solid #ccc;
    border-radius: 6px;
    color: #808080b8;
    text-transform: capitalize;
    background-color:#ffffff;
}
.filter-btn, .reset-btn{
    padding: 8px 40px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.filter-btn{
    background:#0073aa;
    color:#fff;
    margin-right:10px;
}
.reset-btn{
    background:#777;
    color:white;
}
.blog-ajax-loader{
    text-align:center;
    margin-top:20px;
    font-size:18px;
    display:none;
}
#blogPagination{
 display: flex;
/*    align-items: center;*/
/*justify-content: center;*/
}
a.blog-page-link{
    margin: 0 10px;
    background-color: #ffffff;
    /* padding: 30px; */
    border-radius: 8px;
    width: 33px;
    height: 33px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #3c3c3c;
    border: 1px solid #ffa840;
}
a.blog-page-link:hover, a.blog-page-link:focus, a.blog-page-link:active, a.blog-page-link.active{
     background-color:#ffa840;
     color:#ffffff;
     border: 1px solid #ffa840;
}
@media screen and (max-width: 420px) {
ul#blogResults{display:block;}
ul#blogResults li{width:100%;} 
.filter-item, .filter-input, .filter-select{width:100%;}
.filter-btn{margin-bottom:15px;}
}

.blog-details .blog-content h3, .blog-details .blog-content h3 span{
    font-size: 55px;
    color: #3777bc;
    font-family: 'Euclid Flex';
    font-weight: bold;
    margin: 0 0 15px 0;
}
.blog-details .blog-content p{
    font-size: 32px;
    line-height: 58px;
}


@media screen and (max-width:1600px){
    .blog-details .blog-content h3, .blog-details .blog-content h3 span{font-size: 58px;}
    .blog-details .blog-content p{font-size:30px; line-height:50px;}
    
}

@media screen and (max-width:1440px){
    .blog-details .blog-content h3, .blog-details .blog-content h3 span {font-size: 52px;}
    .blog-details .blog-content p{font-size:28px;line-height:40px;}
}

@media screen and (max-width:1366px){
    .blog-details .blog-content h3, .blog-details .blog-content h3 span {font-size: 42px}
    .blog-details .blog-content p{font-size:26px; line-height:35px;}
}
@media screen and (max-width:1280px){
    .blog-details .blog-content h3, .blog-details .blog-content h3 span {font-size: 42px;}
    .blog-details .blog-content p{font-size:24px; line-height:35px;}
}

@media screen and (max-width:1100px){
    .blog-details .blog-content h3, .blog-details .blog-content h3 span{font-size: 38px;}
    .blog-details .blog-content p{font-size:20px; line-height:30px;}
}

@media screen and (max-width:700px){
   .blog-details .blog-content h3, .blog-details .blog-content h3 span{font-size: 26px;} 
   .blog-details .blog-content p{font-size:18px; line-height:25px;}
}
@media screen and (max-width:640px){
  .blog-details .blog-content h3, .blog-details .blog-content h3 span{font-size: 22px;}  
  .blog-details .blog-content p{font-size:16px; line-height:25px;}
}

/* blog page & child page  css start */
.customize-support .blog_cont h3 {
        font-size: 22px !important;
	line-height:26px !important;
	margin: 0 0 10px 0 !important;
}
   .customize-support .blog_cont p {
        line-height: 22px !important;
        font-size: 16px !important;
	   margin-bottom:15px !important;
	   
    }
.customize-support .blog_one {
        min-height: 590px;
        border: 1px solid #000;
        padding: 20px;
        border-radius: 10px;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
		display: flex;
		flex-direction: column;
		height: 100%;
    }
.customize-support .blog_cont p {
    flex-grow: 1 !important;
}

.customize-support .blog_cont .more_btn {
    margin-top: auto !important;
    align-self: flex-start !important;
}
.customize-support  .blog_cont {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.customize-support #blogPagination {
	margin-top: 40px;
}
.customize-support .blog_arrow{
	margin: 0px auto 20px !important;
}
.blog-details .about_para {
	font-size: 26px;
    line-height: 44px;
	text-align:left !important;
}
.blog-details .blog_txt{
	font-size: 40px !important;
    line-height: 55px !important;
}
.blog-details section.contact_info.blog-content p {
	font-size:22px !important;
	text-align:left !important;
	line-height: 40px !important;
}
.blog-details .about_para.commercial {
    margin: 0 0 16px 0;
}
.blog-details ul.detail_list li {
	font-size: 30px;
    line-height: 42px;
}
/* blog page css end */