@charset "UTF-8";


/*
 Theme Name:   Arrow Tyres
 description:  Arrow Tyres website theme
 Author:       Fine Marketing
 Template:     astra
 Version:      1.0.0
*/

body {
	
   font-family: "Open Sans", sans-serif;
}
// <weight>: Use a value from 300 to 800
// <uniquifier>: Use a unique and descriptive class name

.open-sans-<uniquifier> {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.entry-meta {
	display:none;
}
.top_head {
	padding:0 2%;
}
.footer .box a {
	color:#fff;
}
.top_head a {
	color:#fff !important;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    width: 33px;
    height: 33px;
    fill: black;
}
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link {
    color: #3266cc;
}
.listleft {
    display: inline-block;
    vertical-align: top;
    width: 60%;
}
.listright {
    display: inline-block;
    width: 40%;
    vertical-align: top;
}
.whychoose ul li {
    color: #fff;
font-size: 17px;
    font-weight: bold;
    list-style-position: inside;
    list-style-type: circle;
    margin-bottom: 10px;
}
.whychoose ul {
    margin: 0;
    padding: 0;
}
.whychoose h3 {
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 15px;
}

.right-col h2 {
	    font-size: 27px;
    color: #3266cc;
    font-weight: bold;
    margin-bottom: 9px;
}

.whychoose {
    background-image: url(/wp-content/uploads/2025/12/bg3.jpg);
    background-size: cover;
    margin-top: 30px;
    padding: 5% 6%;
	    border-radius: 5px;
    width: 100%;
}

.left-col { 
    display: inline-block;
    vertical-align: top;
    width: 26%;
    margin-right: 4%;
    margin: 64px 0;
}
.right-col {
        display: inline-block;
    vertical-align: top;
    width: 71%;
    margin: 64px 0;
    margin-left: 2%;
}

.inner_head_section {
	  background-image: url(/wp-content/uploads/2024/04/awesome_bg_pattern.jpg);
	width:100%;
	padding:50px 0;
}
.rela {
    position: relative;
}
.abs {
position: absolute;
    right: 0;
    border-radius: 25px;
    top: 266px;
 
}
#ast-scroll-top {
background-color: yellow;
    color: black
}

.right_blue_box .solid, .right_blue_box .outline {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
	
}

.left_blue_box {
    width: 80%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10%;
}

.right_blue_box {
	    width: 14%;
    display: inline-block;
    vertical-align: top;
    margin-left: 6%;
}
.deep_blue_bg h2 {
    color: #fff;
    font-size: 25px;
    margin-bottom: 11px;
}
.deep_blue_bg p {
	color:#fff;
	font-size:14px;
}

.over_foot {
	
	    background-color: yellow;
    padding: 35px 0;
    color: black;
    margin-top: 40px;
}
.over_foot p {
	     color: black;
    font-size: 24px;
    text-align: center;
    margin: 0;
    font-weight: 600;
}
.header_bg {
     width: 100%;
    background-image: url(/wp-content/uploads/2025/12/arrow-headimgnew.jpg);
    background-size: cover;
    border-radius: 5px;
    padding: 120px 20px;
}
a:hover, a:focus {
    color: black;
}

.teal {
	background-color:#12b4b1;
	border-radius:25px;
	    padding: 60px !important;
	    margin: 10px !important;
		    -webkit-transition: all .9s;
    -o-transition: all .9s;
    transition: all .9s;
}

.teal:hover {
	background-color:#0fa19e;
}

.teal h2, .pink h2 {
	    font-size: 24px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 11px;
}

.teal p, .pink p  {
	color: #fff;
    margin-bottom: 10px;
    font-size: 15px;
}


.pink {
	background-color:#ee5e67;
		border-radius:25px;
	 padding: 60px !important;
	    margin: 10px !important;
	    -webkit-transition: all .9s;
    -o-transition: all .9s;
    transition: all .9s;
}
.pink:hover {
	background-color:#d75059;
}

.header_bg h2 {
      font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 41px;
    margin-bottom: 12px;
}

.header_bg p {
    font-size: 16px;
    color: #fff;   
}

.solid {
      background-color: yellow;
    color: black;
    border-radius: 5px;
    padding: 14px 30px;
    font-weight: 500;
    margin-top: 1px;
    display: inline-block;
    margin-right: 10px;
    -webkit-transition: all .9s;
    -o-transition: all .9s;
    transition: all .9s;
}

.solid:hover {
	background-color: #0e4b61;
	color:#fff;
}
.outline:hover {
	border: 1px solid #ef5f68;
	color:#fff;
}

.outline {
	     border: 1px solid #fff;
    color: #fff;
    border-radius: 200px;
    padding: 13px 28px;
    font-weight: 500;
    margin-top: 1px;
    display: inline-block;
    margin-right: 13px;
	    -webkit-transition: all .9s;
    -o-transition: all .9s;
    transition: all .9s;
}

.header_bg .flex-left {
	    width: 50%;
    margin: 5px;
    padding: 5px;
    padding-left: 7% !important;
}

.ast-hfb-header .ast-builder-menu-mobile .main-header-menu, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link {
    border-style: none;
    color: #00214c;
    border-bottom: 1px solid #00214c;
    padding-top: 3px;
    padding-bottom: 3px;
}

.inin .button {
	    margin: 5px 10px 5px 0;
}

.blue_bg_dark {
	    padding: 40px 0;
    background: #00214c;
}

.blue_bg_dark .box h3 {
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 0;
    margin-top: 19px;
}

.blue_bg_dark .box p {
    font-size: 14px;
    margin-bottom: 0;
    color: #fff;

}

.blue_bg_dark .boxes .box {
    width: calc(25% - 2rem);
}

.right_foot {
	display:inline-block;
	vertical-align:top;
	float:right;
}

.up .flex {
	margin:0;
}


.left_foot {
	display:inline-block;
	vertical-align:top;
}

.over_foot {


}
.blue {
	color:#0095cf;
}

.post-thumb-img-content {
	width:35%;
}

.post-thumb-img-content img {
	border-radius:6px;
}
.single .post-navigation {
    margin: 0;
    padding: 2em 0;
    border-top: 1px solid var(--ast-border-color);
    width: 1246px;
    margin: 0 auto;
}



.page-id-117 .flex-container {
    margin-bottom: 50px;
}




.page-id-107 .flex-container {
    margin-bottom: 50px;
}



.page-id-103 .flex-container {
    margin-bottom: 50px;
}

.page-id-109 .flex-container {
    margin-bottom: 50px;
}

.page-id-111 .flex-container {
    margin-bottom: 50px;
}

.page-id-115 .flex-container {
    margin-bottom: 50px;
}

.comments-area {
	display:none;
}

.single .entry-header {
    margin-bottom: 2em;
    width: 1200px;
    margin: 28px auto;
}

.up {
	margin-top:80px;
}
.page-id-101 .flex-container {
	margin-bottom:50px;
}

.large_img {
	margin-bottom:50px;
}


.inner_icons {
	    padding: 0;
    /* border: 1px solid #003987; */
    /* margin-top: 40px !important; */
    /* border-radius: 13px; */
    margin: 0 !important;
}

.wp-block-quote:not(.has-text-align-right):not(.has-text-align-center) {
    border-left: 5px solid #0095cf;
    margin-left: 0;
}

.height {
    min-height: 84px;
    margin-bottom: 36px;
}

.enquiries {
	    display: inline-block;
    float: right;
    vertical-align: top;
    text-align: right;
    color: #fff;
    font-size: 12px;
    line-height: 23px;
	
}

.enquiries strong {
	font-size:20px;
}
.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button {
	    background: #ef5f68;
}
.ast-container {
     max-width: 1340px;
}
.wrapper {
	width:100%;
    max-width: 1300px;
	margin:0 auto;
}

.ast-primary-header-bar {
 
    padding: 0;
    margin-top: 0 !important;
    border-bottom: none;
 
}

.top_head {
       background-color: #3266cc;
    color: #fff;
    text-align: center;
    padding: 6px 0;
    font-size: 14px;
}

.blue_bar {
    padding: 24px 0;
    background-color: #3266cc;

}

.blue_bar h1 {
	    color: #fff;
    font-weight: 600;
    font-size: 32px;
    display: inline-block;
    /* padding-top: 18px; */
    line-height: 57px;
}

.first h2 {
	     text-transform: uppercase;
    font-size: 21px;
        font-weight: 800;
    color: #00204c;
    text-align: center;
    padding: 30px 0;
    width: 66%;
    margin: 0 auto;

}

.button {
	    background-color: #0095cf;
    padding: 13px 36px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    margin: 5px;
        font-weight: 700;
	   -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    transition: all 0.9s;
	    display: inline-block;
}

.footer ul li a {
	   -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    transition: all 0.9s;
}
.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu, .ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper {
    margin-top: 0px;
    border-radius: 14px;
    /* border: 2px solid #ef5f68; */
    /* background: #ef5f68; */
    font-size: 15px;
    padding: 16px;
    border-top: 2px solid #ef5f68;
}
.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 30px;
    padding-right: 30px;
}

.main-navigation ul li {
	   -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    transition: all 0.9s;
	
}

.main-navigation ul li a:hover {
    color:#3266cc !important;
}

.footer ul li a:hover {
	 color: #ee5e67 !important;
}
.button:hover {
	 background-color: #00214c !important;
}

.dark:hover {
	 background-color: #0095cf !important;
}


.dark {
	background-color:#00214c;
}

.button img {
	    margin-left: 11px;
}

.site-content .ast-container {
	display:block;
		
}

.slides img {
	border-radius:10px;
}

.pad {
	padding:40px 0;
	text-align:center;
	width:80%;
	margin:0 auto;
	
}

.pad h1 {
	    color: black;
    font-weight: bold;
    font-size: 26px;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	        margin: 15px 0 55px 0;
}

.boxes .box {
       width: calc(33% - 2rem);
    padding: 0 40px;
}

.box {
    display: block;
    margin: 1rem;
    
  text-align:center;
 
    
   
    text-decoration: none;
    color: #001c4f;
 
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.box h3 {
    color: black;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 13px;
}

.deep_blue_bg {
    padding: 60px 0;
    background: rgb(14, 75, 97);
    background: linear-gradient(41deg, rgba(14, 75, 97, 1) 0%, rgba(25, 101, 128, 1) 100%);
    margin-top: 60px;
    height: 770px;
}

.box p {
    font-size: 15px;
    margin-bottom: 0;
	
}

.box:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
	    
}



.blue_bg {
	background-image: url('/wp-content/uploads/2022/11/blue_bg-scaled.jpg');
	background-size:cover;
	    padding: 280px 0 70px 0;
	
}
.ti-widget.ti-goog .ti-rating-text strong.ti-rating {
	color:#fff;
	
}
.ti-widget.ti-goog .nowrap:last-of-type {
    margin-right: 0;
    color: #fff !important;
}

.main-navigation li a {
	color:#fff;
}

.ti-widget.ti-goog .nowrap:last-of-type strong {
    margin-right: 0;
    color: #fff !important;
}

.flex-left {
    width: 50%;
    margin: 5px;
    padding: 5px;
}

.flex-left img {
	border-radius:5px;
}

.flex-right {
    width: 50%;
    margin: 5px;
    padding: 45px;
	align-items: center
}
.header_bg .flex-right {
	    border-radius: 5px;
	background-color: rgba(103, 183, 225, 0.93);
}

.flex-container {
    display: flex;
    flex-direction: row;
	align-items: center
    
}

.flex-right h3 {
	    font-size: 25px;
    color: black;
    font-weight: bold;
    margin-bottom: 22px;
}
.some-page-wrapper {
    display: flex;
    margin: 15px;
}
.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
.column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
}
.pad p {
	margin-top:14px;
}

.flex-right .boxes .box {
    width: calc(33.3% - 2rem);
	    text-align: left;
	text-align:center
}

.flex-right .flex {
	    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #0095cf;
    border-radius: 10px;
    padding: 10px 0 21px 0;
	margin-bottom:0;
}

.number {
	     color: #0095cf;
      font-weight: 800;
    font-size: 32px;
}

.bottom h3 {
    font-size: 13px;
    color: #00204c;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
}

.blue-column {

    border-left: 1px solid grey;
    border-right: 1px solid grey;
}

.main-header-menu > .menu-item > .menu-link, #astra-footer-menu > .menu-item > .menu-link {
    font-weight: 700;
    font-size: 12px;
    margin: 0 15px;
    text-transform: uppercase;
}

.footer {
    background-color: #3266cc;
    width: 100%;
    padding: 60px 0 70px 0;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"] {
    background-color: #003987;
    min-height: 45px;
	    display: none;
}

.footer ul li {
	    list-style: none;
    margin: 4px 0;
}

.site-above-footer-wrap[data-section="section-above-footer-builder"] {
    display: none;
}

.ast-footer-copyright p {
    margin-bottom: 0;
    color: #fff;
    font-size: 13px;
}

.footer .box p {
	color:#fff;
}

.footer .boxes .box {
    width: calc(25% - 2rem);
} 

.footer .box {
	text-align:left;
}

.footer .box h3 {
	    color: #fff;
    margin-top: 0;
    font-size: 20px;
}

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
    line-height: 43px;
}

.menu-item-64 a {
	      background-color: #0095cf;
    padding: 0 30px !important;
    height: auto;
    border-radius: 5px;
}
.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link {
    border-style: none;
    color: #00214c;
}

#main.with-sidebar {
     float: left;
    width: 80%;
    padding-right: 30px;
    margin-top: 32px;
    margin-bottom: 50px;
}

.thumbnail {
    width: 31%;
    display: inline-block;
    margin: 0;
	margin-top: 20px;
}

.newsh1 {
	    color: #00204c;
    font-weight: bold;
    font-size: 30px;
    border-bottom: none;
        margin-top: 32px;
}

.ast-plain-container.ast-no-sidebar #primary {
	margin:0 auto !important;
}
.news-snip h2 a {
    color: #fff;
    margin-bottom: 17px;
    display: inline-block;
    font-weight: 700;    
	font-size: 26px;
    color: #fff !important;
}

.news-snip p {
	color:#fff;
	margin-bottom:0;
}

.thumbnail img {
	border-radius:7px;
}

.news-snip {
	border-radius:7px;
	
}

.news-snip a {
	   color: #00214c !important;
    font-weight: bold;
}

#sidebar ul li {
			list-style:none;
			    margin-bottom: 13px;
		}
		
		#sidebar ul {
			margin:0;
			padding:0;
		}
		.gett a {
		     color: black !important;
    padding: 0 !important;
    text-align: left !important;
   font-weight: 300;
    padding-bottom: 11px !important;
		}
			#sidebar {
				margin-top:0 !important;
			}
			.widget {
    border-top: 1px solid #d1d1d1;
			}
		
.footer .flex {
	margin-bottom:0;
}
#secondary h2 {
    font-size: 23px;
}
#secondary .wp-block-search__button {
     padding: .7em 1em;
    background: yellow;
    color: black;
}

.footer .box ul {
	margin:0;
}

.footer .box ul li a {
	color:#fff;
	font-size: 15px;
}


.news-snip {
       display: inline-block;
    margin-left: 2%;
    vertical-align: top;
    width: 66%;
    background-color: #3266cc;
    padding: 55px;
    margin-top: 20px;
}

#sidebar {
    clear: none;
    float: left;
    width: 20%;
    margin-top: 52px !important;
}

.widget {
	border-top:none;
	margin-bottom:1em !important; 
}

h2 {
	    font-size: 20px;
    color: #00204c;
    font-weight: bold;
}
.ast-site-title-wrap {
	display:none;
}
.ast-header-break-point .site-above-footer-wrap[data-section="section-above-footer-builder"] {
	display:none;
	
}
@media (max-width: 1195px) {
	.wrapper {
		padding:0 3%;
	}
	.over_foot {
    padding: 25px 3%;
	}
}

@media (max-width: 1000px) {
	.right_foot {
		display:none;
	}
}

@media (max-width: 921px) {
	.menu-item-64 a {
    background-color: #fff;
    padding: 0 20px !important;
    height: auto;
    border-radius: 0;
}
}
@media (max-width: 921px) {
.ast-plain-container.ast-no-sidebar #primary {
    padding: 0 3%;
}
}
@media (max-width: 679px) {
	.enquiries {
		display:none;
	}
	#sidebar {
		display:none;
	}
	#main.with-sidebar {
    float: left;
    width: 100%;
    padding-right: 0;
    margin-top: 32px;
    margin-bottom: 50px;
}
	.header_bg h2 {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    line-height: 31px;
    margin-bottom: 12px;
}
	.listleft {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
	.listright {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
	    .ast-header-break-point .site-below-footer-wrap[data-section="section-below-footer-builder"] {
        display: none;
    }
	.header_bg {
    width: 100%;
    background-image: url(/wp-content/uploads/2025/12/arrow-headimgnew.jpg);
    background-size: cover;
    border-radius: 5px;
    padding: 28px 20px;
}
	.left-col {
		display:none;
	}
	.right-col {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 20px 0;
    margin-left: 0;
}
	.blue_bar h1 {
    color: #fff;
    font-weight: 600;
    font-size: 32px;
    display: inline-block;
    /* padding-top: 18px; */
    line-height: 42px;
}
	.solid {
		margin-bottom:5px;
	}
	}

@media (max-width: 600px) {
	.first h2 {
		width:100%;
	}
	.pad {
		width:100%;
	}
}

@media (max-width: 600px) {
	.thumbnail {
    width: 100%;
	}
	.news-snip {
    display: inline-block;
    margin-left: 0;
    vertical-align: top;
    width: 100%;
    background-color: #0095cf;
    padding: 35px;
    margin-top: 0;
}
	
}


@media (max-width: 75rem) {
.boxes .box {
    width: calc(50% - 2rem);
}
}

@media (max-width: 40rem) {
.boxes .box {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}
	.footer .boxes .box {
    width: 100%;
}
	
	  .flex-right, .flex-left {
    width: 100%;
  }
	.flex-container {
		flex-wrap:wrap;
	}
	.flex-right .boxes .box {
    width: 100%;
	}
	
}