@import url("https://fonts.googleapis.com/css?family=Monoton");
:root {
--darkblue: #361377;
--grey: #ccc;
--whiteColor: #fff;
--Orangebtn: #DA5E46;
--TextColor: #636363;
--hover: #ff6138;
--heading-color: #5172a0
}
body,
html {
background-color: var(--whiteColor);
font-family: OpenSans-Regular;
overflow-x: hidden
}
h1,
h2,
h3,
h4,
h5,
h6,
ul {
padding: 0;
margin: 0;
list-style: none
}
a,
button {
outline: 0 !important;
text-decoration: none;
cursor: pointer;
display: inline-block;
color: #306c9f
}
a:focus,
a:hover,
button:focus,
button:hover {
outline: 0;
text-decoration: none
}
.custom-button-menu a:hover {
color: #fff
}
.text_clr {
color: var(--TextColor)
}
.blue_text {
color: #1474ba
}
#footer-wrap {
width: 100%;
display: block;
clear: both;
position: relative;
z-index: 99;
background-image: linear-gradient(90deg, #21a1b6 0, #1878b5 100%)
}
.footer_address i,
.footer_address img {
margin-right: 15px;
color: var(--whiteColor)
}
.footer_address a,
.footer_address span {
color: var(--whiteColor);
font-size: 15px
}
.social_icons a {
background-color: #0e5b8b;
height: 35px;
width: 35px;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
transition: all .3s
}
.social_icons a i {
color: var(--whiteColor)
}
.social_icons .d-flex {
gap: 10px
}
.social_icons a:hover {
transform: scale(.9)
}
.footer_links ul li a {
color: #fff;
font-size: 14.5px
}
.footer_address a:hover,
.footer_links ul li a:hover {
color: #0c5486
}
.footer_form input {
background: 0 0;
color: #fff;
border: 1px solid;
border-radius: 3px;
padding: 8px 10px;
font-size: 16px
}
.social_icons1 a {
background-color: #0e5b8b;
height: 42px;
width: 42px;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
transition: all .3s
}
.social_icons1 a i {
color: var(--whiteColor);
font-size: 20px
}
.social_icons1 {
gap: 10px
}
.social_icons1 a:hover {
transform: scale(.9)
}
.footer_links ul li a {
color: #fff;
font-size: 14.5px
}
.footer_address a:hover,
.footer_links ul li a:hover {
color: #0c5486
}
.footer_form input {
background: 0 0;
color: #fff;
border: 1px solid;
border-radius: 3px;
padding: 8px 10px;
font-size: 16px
}
.footer_form input:focus {
background: 0 0;
outline: 0
}
.input_subscribe::placeholder {
color: var(--whiteColor)
}
.btn_subscribe {
background: var(--Orangebtn)
}
.footer_form img {
width: 100%
}
.footer_form p,
.footer_links p {
font-weight: 600;
font-size: 20px
}
.copyright {
background: #0c5486
}
.copyright span {
font-size: 14px
}
.banner_first_p {
background: #da5e46;
padding: 3px 20px;
font-size: 20px
}
.bg_banner {
padding: 20px 0 60px 0
}
.bg_banner {
background-image: url(//360degreecloud.com/wp-content/uploads/2021/12/Website-text.png);
background-size: cover;
background-repeat: no-repeat;
margin-top: 9%
}
.bg_banner h1 {
font-size: 58px;
line-height: 70px;
padding-right: 50px;
font-weight: 700
}
.text-white {
font-size: 28px
}
.bg_resource {
background-image: url(https://360degreecloud.com/wp-content/uploads/2021/04/Legacy-Blog-2-cop-1.webp);
background-position: bottom right;
background-repeat: no-repeat
}
.border_bot {
border-top: 2px solid #1474ba;
width: 50px;
margin-top: 15px
}
.sect_heading {
font-size: 40px;
font-weight: 600
}
.sect_heading_sm {
font-size: 30px;
font-weight: 600
}
.sect_sub_heading {
color: #636363;
font-size: 22px;
font-weight: 400
}
.solution_cards {
box-shadow: 0 0 29px 6px rgb(64 84 178 / 6%);
padding: 40px;
border-radius: 10px;
background: var(--whiteColor);
min-height: 375px
}
.card_heading {
color: #000;
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
line-height: 25px
}
.number_cards {
box-shadow: 0 0 20px 0 rgb(0 0 0 / 14%);
transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
padding: 30px 30px 30px 30px;
border-radius: 10px;
height: 190px
}
.number_cards span {
color: var(--Orangebtn);
font-size: 50px;
font-weight: 600
}
.bod_bot {
border-bottom: 2px solid #1a81b5
}
.bg_grey {
background-color: #f3f5f6
}
.industry_card {
padding: 50px 30px;
border: 1px solid #1474ba;
border-radius: 10px;
background: var(--whiteColor);
text-align: center;
color: var(--TextColor);
font-size: 16px;
font-family: OpenSans-Regular;
box-shadow: 0 0 20px 0 rgb(0 0 0 / 14%);
transition: background .3s, border .3s, border-radius .3s, box-shadow .3s
}
.industry_card:hover {
color: #fff;
background: #1474ba
}
.dot_bg {
background-color: #fff;
background-image: url(https://360degreecloud.com/wp-content/uploads/2021/04/red_dots-1.webp);
background-position: bottom center;
background-repeat: no-repeat;
background-size: cover
}
.white_blu {
box-shadow: 0 0 20px 0 rgb(0 0 0 / 14%);
height: 150px;
border-radius: 10px;
margin-left: 50px;
padding: 30px 50px
}
.blue_box {
background: #1474ba;
width: 100px;
height: 100px;
padding: 20px;
border-radius: 15px;
position: absolute;
top: 25px;
left: -65px
}
.bg_form {
background-image: url(https://360degreecloud.com/wp-content/uploads/2021/08/footerFormBg2.jpg);
background-repeat: no-repeat;
background-size: cover
}
.disp_grid_form {
display: grid;
grid-template-columns: 50% 50%
}
.left_content {
background-image: url(https://360degreecloud.com/wp-content/uploads/2021/08/main-footer_form_bg.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 40px
}
.left_content h1 {
font-size: 54px;
font-weight: 600
}
.left_content p {
font-size: 20px
}
.right_content {
padding: 25px 30px;
background: #fff
}
.right_content .form-control {
padding: 15px 18px;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: rgba(229, 241, 248, .58);
border: none
}
.right_content .form-control:focus {
outline: 0;
box-shadow: none
}
.right_content p {
color: #9d9898;
font-size: 16px
}
.btn_cus {
background: #ff6138;
font-weight: 600
}
.hov_bl:hover {
color: var(--darkblue) !important
}
.orang_btn {
background: var(--Orangebtn)
}
.lt_orangre_btn {
background: #edafa3
}
.num_grid {
display: grid;
grid-template-columns: 50% 50%;
row-gap: 25px
}
.border_bot_grey {
border-top: 2px solid #ccc;
width: 55px;
margin-top: 6px
}
.num_text {
color: #000;
font-size: 24px;
font-weight: 600
}
.before_text {
position: absolute;
color: #edafa3;
font-weight: 900;
font-size: 50px;
top: -23px;
opacity: .5;
left: -12px;
font-family: OpenSans-ExtraBold
}
.grid_items:hover .before_text {
color: #da5e46
}
.grid_items {
cursor: pointer
}
.grid_items p {
color: #7c8487;
margin-top: 20px;
font-size: 20px
}
.solution_cards img {
position: relative;
left: -30px;
margin-top: -19px;
margin-bottom: -15px
}
.solution_cards p {
color: #7c8487;
font-weight: 100;
font-family: OpenSans-Regular
}
.cl {
height: 100%;
padding: 10px
}
.slick-active {
padding: 20px 0
}
.slick-center {
transform: scale(1.1);
z-index: 9
}
.slick-slide:not(.slick-active) {
margin: 20px 0
}
.child {
width: 100%
}
.slide:not(.slick-active) {
cursor: pointer
}
.mySlider {
position: relative;
margin-bottom: 0
}
.slick-dots {
display: block;
position: absolute;
transform: translateX(-50%);
left: 50%;
margin: 0;
bottom: -20px !important;
list-style: none
}
.slick-dots li {
display: inline-block;
margin-right: 10px
}
.slick-dots li button {
width: 5px !important;
height: 5px !important;
border: 0;
border-radius: 100%;
background-color: #ccc !important;
text-indent: -999999px
}
.slick-dots li.slick-active button {
background-color: #4e5051 !important
}
.bold_text_slider {
font-weight: 600
}
.blue_text_bod {
border-bottom: 2px solid #1474ba
}
.red_text_bod {
border-bottom: 2px solid #da5e46
}
.decade_text p {
font-size: 20px;
color: #000
}
.icon_categories {
width: 100px;
height: 100px;
border: 3px solid #00f;
border-radius: 77px;
display: flex;
margin: auto;
padding: 15px
}
.sales_bod {
border: 4px solid #13cec0
}
.sales_bodanimate a:hover {
color: #306c9f;
cursor: pointer
}
.sales_bodanimate:hover {
background-color: #13cec000;
box-shadow: #9caaa947 0 2px 12px;
border-color: #f6f6f60d;
cursor: pointer
}
.sales_bodanimate {
padding: 8px
}
.services_bod {
border: 4px solid #d3679d
}
.marketing_bod {
border: 4px solid #ed8b00
}
.experience_bod {
border: 4px solid #6b9660
}
.integeration_bod {
border: 4px solid #009fe0
}
.employees_bod {
border: 4px solid #f27854
}
.platform_bod {
border: 4px solid #7673c0
}
.brand-name img {
max-width: 180px
}
.country-contact {
margin-top: 7px
}
.country-contact ul li img {
width: 24px;
height: 16px
}
.country-contact ul li:last-child img {
height: auto
}
.country-contact .contact-email p,
.country-contact .contact-number p {
font-size: 11px
}
.resource_a {
color: #000;
font-weight: 600;
font-size: 13px
}
.resource_a:hover {
text-decoration: underline
}
.platform .inner-menu-heading {
padding: 15px;
background: #f7f8f7;
text-align: center;
transition: all .3s ease-in-out;
height: 100%
}
.platform .inner-menu-heading:hover {
background: #5172a0
}
.platform .inner-menu-heading:hover a {
color: #fff
}
.platform .inner-menu-heading a {
font-size: 12px;
color: #000;
font-weight: 600
}
.platform .inner-menu-image img {
width: 181px;
display: flex;
margin: auto
}
.platform .inner-menu-image.last-img {
display: flex;
justify-content: center;
align-items: center;
height: 100%
}
.platform .inner-menu-services img {
max-width: 20px;
margin-right: 5px
}
.platform .inner-menu-services span {
color: #6d6868;
font-weight: 600;
font-size: 12px
}
.platform .inner-menu-services span:hover {
color: #5172a0;
text-decoration: underline
}
.salesforceCloud {
display: flex;
grid-template-columns: repeat(6, 1fr);
gap: 1rem;
width: 100%;
justify-content: space-between
}
.flagshipContent h3,
.otherProducts h3 {
color: #000;
font-size: 14px;
font-weight: 600
}
.sms-defination {
color: #929292;
font-size: 12px;
margin-top: 5px !important;
line-height: 20px
}
.otherProducts img {
width: 80px
}
.bannerBtn .btnCP {
background-color: #da5e46;
width: 238px;
font-size: 14px;
transition: all .3s;
border-radius: 4px
}
.bannerBtn a {
color: var(--whiteColor)
}
.bannerBtn .btnCP .arrowIcon {
background-color: #edafa3;
height: 37px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0 4px 4px 0
}
.bannerBtn .btnCP1 {
background-color: #da5e46;
width: 225px;
font-size: 14px;
line-height: 16px;
padding-left: 20px;
transition: all .3s;
border-radius: 4px
}
.bannerBtn .btnCP2 {
background-color: #1474ba;
width: 225px;
font-size: 14px;
line-height: 16px;
padding-left: 20px;
transition: all .3s;
border-radius: 4px
}
.bannerBtn a {
color: var(--whiteColor)
}
.bannerBtn .btnCP1 .arrowIcon {
background-color: #edafa3;
height: 52px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0 4px 4px 0
}
.bannerBtn .btnCP2 .arrowIcon {
background-color: #8abadd;
height: 52px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0 4px 4px 0
}
.bannerBtn .btnCP1:hover,
.bannerBtn .btnCP2:hover,
.bannerBtn .btnCP:hover {
transform: scale(1.1)
}
.headers.active:before {
transition: opacity .2s, visibility 0s;
z-index: 5;
opacity: 1;
visibility: visible
}
.headers.active .slide-out-menu {
transform: translateZ(0);
display: block;
visibility: visible;
transition: opacity .2s, visibility 0s, transform .5s cubic-bezier(.23, 1, .32, 1)
}
.headers .navbar {
padding: 10px;
position: absolute;
top: 10px;
right: 0
}
.headers .slide-out-menu {
z-index: 1;
background: #141733;
position: fixed;
right: 13px;
top: 52px;
width: 40%;
display: none;
visibility: visible;
transition: opacity .2s, visibility 0s linear .2s, transform .5s cubic-bezier(.23, 1, .32, 1);
transform: translate3d(-290px, 0, 0)
}
.headers .slide-out-menu .menu-panels button.menu-link {
position: relative;
text-align: left;
width: 100%;
display: block;
padding: 14px 20px;
background: 0 0;
margin: 0;
border: none;
color: #fff
}
.headers .slide-out-menu .menu-panels button.menu-link svg {
position: absolute;
top: 58%;
margin-top: -7px;
height: 9px
}
.headers .slide-out-menu .menu-panels button.menu-link svg.arrow-right {
right: 10px
}
.headers .slide-out-menu .menu-panels button.menu-link svg.arrow-left {
left: 10px
}
.headers .slide-out-menu .menu-panels button.menu-link.menu-header {
text-align: end
}
.headers .slide-out-menu .menu-panels ul {
margin: 0;
padding: 0;
list-style: none
}
.headers .slide-out-menu .menu-panels ul li {
font-size: 14px;
background-color: #141733
}
.headers .slide-out-menu .menu-panel {
position: absolute;
background: #141733;
z-index: 0;
transition: transform .4s cubic-bezier(.23, 1, .32, 1), visibility 0s linear .4s;
visibility: hidden;
transform: translateY(-290px)
}
.headers .slide-out-menu .menu-panel.is-active {
visibility: visible;
transition: transform .4s cubic-bezier(.23, 1, .32, 1), visibility 0s;
transform: translateY(0);
z-index: 1;
display: block
}
.mobilerows {
display: none
}
div.mm-dropdown {
border: 1px solid #ddd;
border-radius: 3px;
height: fit-content;
font-size: 12px;
margin-top: 10px
}
div.mm-dropdown ul {
list-style: none;
padding: 0;
margin: 0;
border: 0;
z-index: 999;
position: absolute;
background: #e6dede;
width: 107px
}
div.mm-dropdown div.textfirst,
div.mm-dropdown ul li {
padding: 0;
color: #333;
border-bottom: 1px solid #ddd;
padding: 3px 7px
}
div.mm-dropdown div.textfirst img.down {
float: right;
margin-top: 5px
}
div.mm-dropdown ul li:last-child {
border-bottom: 0
}
div.mm-dropdown ul li {
display: none;
padding-left: 25px
}
div.mm-dropdown ul li.main {
display: block
}
div.mm-dropdown ul li img {
width: 20px;
height: 20px
}
.inp-num {
height: 26px;
width: 100px;
font-size: 12px;
margin-left: 0;
margin-top: 10px;
border: 1px solid #ddd;
text-align: center;
color: #494c64;
font-weight: 500;
border-radius: 0 4px 4px 0
}
.phone-icon {
background: green;
height: 23px;
margin-top: 13px;
padding: 0 4px;
border-radius: 4px
}
.phone-icon i {
color: #fff;
font-size: 14px;
margin-top: -6px
}
.ml-10 {
margin-left: 10px
}
section#topsection a {
width: 100%
}
#decadeReputationSlider .slick-prev {
left: 40px
}
#decadeReputationSlider .slick-next i,
#decadeReputationSlider .slick-prev i {
color: #595454;
opacity: .7;
font-size: 32px
}
#decadeReputationSlider:hover .slick-next i,
#decadeReputationSlider:hover .slick-prev i {
color: #000;
opacity: 1
}
#decadeReputationSlider .slick-next {
right: 40px
}
#decadeReputationSlider .slick-next::before,
#decadeReputationSlider .slick-prev::before {
display: none
}
.social_icon_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 15px;
flex-basis: 50%
}
#button {
display: inline-block;
background-color: #333;
width: 50px;
height: 50px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s, opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000
}
#button::after {
content: "\f077";
font-family: FontAwesome;
font-weight: 400;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #fff
}
#button:hover {
cursor: pointer;
background-color: #333
}
#button:active {
background-color: #555
}
#button.show {
opacity: 1;
visibility: visible
}
.hov_drop_box {
background: #fff;
box-shadow: 0 2px 6px -1px;
border-radius: 4px;
display: none;
position: absolute;
top: 3px;
right: -119px;
width: 100%;
padding: 2px
}
.hov_drop {
position: relative
}
.hov_drop:hover .hov_drop_box {
display: block
}
.section {
position: relative;
width: 100%;
overflow: hidden
}
.swiper {
width: 100%
}
.swiper-slide {
background-position: center;
background-size: cover;
width: 290px !important;
background-color: #fff;
border-radius: 6px;
box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
filter: blur(.5px)
}
.swiper-box {
padding: 2rem;
position: relative;
height: 450px
}
.swiper-box h2 {
font-size: 20px;
margin-bottom: 1rem;
color: #64676c
}
.swiper-box h3 {
font-size: 18px;
margin-bottom: 1rem;
color: #64676c
}
.swiper-box p {
font-size: 16px;
line-height: 26px;
margin-bottom: 1rem;
color: #8b8d90
}
.swiper-box a {
text-decoration: none;
color: red
}
.swiper-box .designation {
margin-bottom: 1rem;
font-size: 14px;
color: #8b8d90
}
.slider-bottom {
margin-top: 2rem;
padding-top: .5rem;
border-top: 2px solid #ddd;
margin-bottom: 3rem
}
.slider-bottom h5 {
font-weight: 400;
font-size: 16px;
margin-bottom: 5px
}
.centerModeSlider .swiper-3d .swiper-slide-shadow-left,
.centerModeSlider .swiper-3d .swiper-slide-shadow-right {
background-image: none
}
.centerModeSlider .swiper-slide-active {
filter: blur(0);
background-color: #fff;
margin-bottom: 1rem
}
.centerModeSlider .swiper-slide-active h2,
.centerModeSlider .swiper-slide-active h3 {
color: #000
}
.swiper-button-prev:after {
content: 'prev';
color: #fff !important;
font-size: 15px !important;
font-weight: 700
}
.swiper-button-prev {
left: 10px;
right: auto;
background: #00000094;
border-radius: 100%;
width: 28px !important;
height: 28px !important
}
.swiper-button-next:after {
content: 'prev';
color: #fff !important;
font-size: 15px !important;
font-weight: 700
}
.swiper-button-next {
left: 10px;
right: auto;
background: #00000094;
border-radius: 100%;
width: 28px !important;
height: 28px !important
}
.mobnone {
display: none
}
.case-studies p {
font-size: 14px
}
.dream_a {
color: #000;
font-size: 14px;
font-weight: 600
}
.dream_a:hover {
color: #000;
text-decoration: underline
}
.cl_grey {
color: #7a7a7a
}
@media only screen and (max-width:320px) {
.textfirst {
padding: 3px 0 !important
}
}
.text-yellow {
font-size: 40px
}
.text-blue {
font-family: aller-display, sans-serif !important;
font-weight: 700 !important
}
.customh2 {
font-family: Monoton, Helvetica, sans-serif !important;
letter-spacing: 4px;
text-transform: uppercase !important;
font-weight: 100 !important
}
.customdisplay {
display: inline-flex
}
.custom-margin-banner-botton {
margin: 0 0 0 1em;
}
.bannerBtn .btnCP .arrowIcon {
background-color: #edafa3;
height: 58px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0 4px 4px 0
}
#hidenumber {display:none;} .custom-padding {
padding-left: 30.4%;
}
.custom-margin {
margin-left: 2em;
}
#badge {
padding-left: 0.6em;
}
.customdisplay {
display: inline-flex;
}
span#email_error , span#last_name_error , span#vercode_error{
font-size: 14px;
padding-left: 5px;
}
@media (min-width:1000px) {
#calenderwidthblue, #calenderwidth {
width: 880px;
margin: 0 auto;
display: flex;
justify-content: center;
}
}
#masthead>div>div>div>section>.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap {
padding: 0 10px;
}
@media (min-width:1300px) and (max-width:1550px){
#masthead~div {
margin-top: 8%;
}
}
@media (max-width:1300px){
#masthead~div {
margin-top: 11%;
}
}
@media (max-width:450px){
#masthead~div {
margin-top: 12%;
}
}
@media (min-width:1000px){
.single-calen	#masthead~div {
margin-top: 6%;
}
}
.cky-notice-des p{
font-size: 17px !important;
}
.cky-consent-bar{
padding:12px 24px !important;
}
div#loom-companion-mv3 {
display: none !important;
} 
.cky-modal.cky-modal-open {margin-top:20px !important;}
@media (min-width: 1300px) and (max-width: 1550px){
#masthead~div {
margin-top: 9%;
}
}
@media (max-width: 450px){
header#masthead~div {
margin-top: 23%;
}
}@media screen and (min-width: 1600px) {
.bg_banner {
margin-top: 7.5%;
}
}
@media screen and (min-device-width: 1580px) and (max-device-width: 1920px) {
.GPTW {
width: 34%;
position: relative;
transform: translate3d(800px, -20px, 10px);
}	
}
@media screen and (min-device-width: 1380px) and (max-device-width: 1500px) {
.GPTW {
width: 34%;
position: relative;
transform: translate3d(616px, -9px, 10px);
}	
}
@media screen and (min-device-width: 1580px) and (max-device-width: 1800px) {  
.bg_banner h1{
padding-top: 0.8em !important;
}
.text-white {
font-size: 24px;
}
}
@media screen and (min-device-width: 1320px) and (max-device-width: 1800px) {
.col-lg-2 {
flex: 0 0 auto;
width: 19.1%;
}
.mar-custom {
margin-right: -4%;
}
.text-white {
font-size: 24px;
}
.banner_first_p{
white-space: nowrap;
}
}
@media only screen and (max-width: 1199px) {
.mobilerows {
display: block;
}
}
@media screen and (min-device-width: 1200px) and (max-device-width: 1380px){
input.mailtext {
padding: 10px 5px;
}
input.mailtext {
width: 54% !important;
}
input.mailsubmit {
left: 55%;
}
input.mailtext.preferred_email {
font-size: 15px;
}
.bg_banner h1{
padding-top: 0.4em !important;
}
.custom-padding {
padding-left: 26.4% ;
}
.text-white {
font-size: 24px;
}
.banner_first_p{
white-space: nowrap;
}
.custom-margin-banner-botton {
margin: 0 0 0 3em;
}
.GPTW {
width: 30%;
position: relative;
transform: translate3d(500px, 4px, 10px);
}
}
@media screen and (min-device-width: 1020px) and (max-device-width: 1200px) {
.GPTW {
width: 38%;
position: relative;
transform: translate3d(305px, 32px, 10px);
}
}
@media only screen and (max-width: 770px) and (min-width: 964px) {
.GPTW {
width: 38%;
position: relative;
transform: translate3d(145px, 24px, 10px);
}
}
@media screen and (min-device-width: 993px) and (max-device-width: 1320px) {
.number_cards {
width: 122%;
}
.mar-custom {
margin-left: 6%;
}
.text-white {
font-size: 24px;
}
.bg_banner h1 {
font-size: 54px;
}
.banner_first_p{
white-space: nowrap;
}
}
@media screen and (min-device-width: 1020px) and (max-device-width: 1024px) {
.number_cards {
width: 140%;
height: 218px;
}
.col-20 {
margin: auto 5px !important;
}
}
@media only screen and (max-width: 768px) and (min-width: 600px){
.solution_cards {
margin: 0px 0px;
}
.solution_cards {
padding: 15px;
}
.card_heading {
font-size: 18px;
}
.industry_card {
padding: 32px 22px;
height: 140px;
}
.blue_box {
width: 77px;
padding: 15px;
left: -60px;
height: 79px;
}
.white_blu {
padding-left: 30px;
padding-top: 20px;
padding-right: 0px;
margin-left: 30px;
}
.fs-4{
font-size: 16px!important;
}
.left_content {
padding: 35px;
}
.left_content h1 {
font-size: 40px;
}
.number_cards {
padding: 20px;
height: 151px;
margin: 10px;
}
.mobileheader{
justify-content: space-between;
}
.headers .slide-out-menu .menu-panels button.menu-link.active {
min-width: 290px;
}
.headers .slide-out-menu {
top: 79px;
}
.custom-margin-banner-botton {
margin: 0 0 0 6em;
}
}
@media only screen and (max-width: 600px) and (min-width: 320px){
.header {
height: 61px;
}
.desknone{
display: none;
}
.mobnone{
display: block;
}
.swiper-slide {
width: 300px !important;
}
.mobileheader{
justify-content: space-around!important;
}
.bannerBtn .btnCP1, .bannerBtn .btnCP2 {
margin: auto;
}
.hide_mob{
display: none;
}
.number_cards {
padding: 20px;
margin-bottom: 10px;
height: 145px;
}
.number_cards span {
font-size: 36px;
}
.number_cards p {
font-size: 14px;
}
.mySlider1{
margin: 0px 5px;
}
.icon_categories{
width: 80px;
height: 80px;
}
.num_text {
font-size: 20px;
}
.grid_items {
margin-left: 15px;
}
.industry_card {
padding: 32px 25px;
margin: 10px 66px;
}
.num_grid {
margin-top: 30px;
}
.sect_heading {
font-size: 32px;
}
.sect_sub_heading {
font-size: 20px;
}
.disp_grid_form {
grid-template-columns: 100%;
}
.left_content {
padding: 18px;
}
.left_content h1 {
font-size: 28px;
}
.left_content p {
font-size: 16px;
}
.banner_first_p {
padding: 3px 15px;
font-size: 15px;
}
.bg_banner h1 {
padding-right: 0px;
}
.mySlider .slick-track {
padding: 0 10px;
}
div.mm-dropdown {
border: 1px solid #ddd;
border-radius: 3px;
height: fit-content;
font-size: 12px;
margin-top: 10px;
}
.phone-icon {
background: green;
height: 23px;
margin-top: 11px;
padding: 0px 4px;
margin-left: 2px; border-radius: 4px;
}
.brand-name img {
max-width: 82px;
}
.headers .slide-out-menu {
width: 80%;
}
.social_icons1{
display: block;
}
.social_icons{
display: none;
}
.blue_box {
width: 80px;
left: -52px;
height: 80px;
}
.blue_box img{
width: 40px !important;
height: auto !important;
}
.social_icon_list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
flex-basis: 50%;
justify-content: flex-start;
}
.mySlider__item img{
width:42px !important;
height:42px !important;
}
.solution_cards img{
width:133px !important;
height:120px !important;
}
.customdisplay {
display:block;
}
}
@media only screen and (max-width: 1024px) {
.custom-navbar, .country-contact{
display: none;
}
.deskrow{
display: none;
}
.desk_24{
display: none;
}
.mob_24{
display: block;
}
}
@media only screen and (max-width: 425px) and (min-width: 360px){
.call-num{
margin-left: 40px;
}
.swiper-slide {
width: 380px !important;
}
}
@media only screen and (max-width: 375px) and (min-width: 321px){
.call-num{
margin-left: 20px;
} 
.swiper-slide {
width: 350px !important;
}
input.mailtext {
width: 100%;
max-width: 200px;
}
input.mailsubmit {
left: 57%;
}
}
@media only screen and (min-width: 600px){
.abi_icon{
display: none;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px){
.mobileheader {
justify-content: space-between;
}
.white_blu {
box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 14%);
height: 165px;
}
.industry_card {
padding: 22px 18px;
}
.custom-margin-banner-botton {
margin: 0 0 0 6em;
}
}
@media only screen and (max-width: 320px){
#myCarouselss a{
font-size:14px;
}
input.mailtext {
width: 100%;
max-width: 200px;
}
input.mailsubmit {
left: 57%;
}}
.bg_banner{
background-image: url(https://360degreecloud.com/wp-content/uploads/2021/03/background-image.webp); 
background-position:center;
}
.text-p {
color: #504e4a !important;
padding-left: 15% !important;
padding-top: 2%;
padding-bottom: 2%;
font-size:21px !important;
} @media only screen and (max-width: 1024px) {
.custom-navbar,
.country-contact {
display: none;
}
.deskrow {
display: none;
}
.desk_24 {
display: none;
}
.mob_24 {
display: block;
}
}
@media only screen and (max-width: 425px) and (min-width: 360px) {
.call-num {
margin-left: 40px;
}
.swiper-slide {
width: 380px !important;
}
}
@media only screen and (max-width: 375px) and (min-width: 321px) {
.call-num {
margin-left: 20px;
}
.swiper-slide {
width: 350px !important;
}
input.mailtext {
width: 100%;
max-width: 200px;
}
input.mailsubmit {
left: 57%;
}
}
.sliverpartner {
width: 30%;
}
@media only screen and (min-width: 600px) {
.abi_icon {
display: none;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.mobileheader {
justify-content: space-between;
}
.white_blu {
box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 14%);
height: 165px;
}
.industry_card {
padding: 22px 18px;
}
} @media only screen and (max-width: 1024px) and (min-width: 768px) {
.bg_banner h1
{
font-size: 40px !important;
line-height: 40px !important;
font-weight: 700;
padding-left: 0px;
padding-top: 0.4em;
}
.text-white {
font-size: 20px;
}
.bg_banner{
background-size: 106% 86% !important;
}
.text-p {
font-size: 14px !important;
}
.custom-padding {
padding-left: 16.4% ;
}
.custom-margin {
margin-left: 30%;
}
.sliverpartner {
width: 30%;
}
.banner_first_p {
white-space: nowrap;
}
.GPTW {
width: 40%;
position: relative;
transform: translate3d(127px, 56px, 10px);
}
}
@media only screen and (max-width: 600px) and (min-width: 280px) {
.bg_banner{
margin-top:20% !important;
background-image: url(https://360degreecloud.com/wp-content/uploads/2021/03/background-image.webp) !important; 
background-size: cover !important;
background-position:13% 100% !important;
}
.bg_banner h1 {
font-size: 32px !important;
line-height: 40px !important;
font-weight: 800 !important;
padding-left: 1% !important;
}
.text-p {
font-size: 12px !important;
padding-left: 1% !important;
font-weight:700;
color:#373634 !important;
}
.custom-padding{
padding-left: 1% !important;
}
.customdisplay{
display:block;
}
.bannerBtn .btnCP{
width:180px !important;
font-size:10px;
}
.bannerBtn .btnCP .arrowIcon {
height: 46px !important;
}
.custom-margin-banner-botton {
margin: 2% 0% 0% 0%;
padding-left: 5% !important;
}
#badge{
padding-left: 5% !important;
height:50px !important;
width: 196px !important;
}
.customh2{
letter-spacing: 1px !important;
}
.custom-margin{
margin-left: 0%;
}
.text-on-mobile {
font-size: 13px;
margin-left: 5%;
}
.sliverpartner {
width: 70%;
}
.GPTW {
width: 30%;
position: inherit;
transform: translate3d(20px, -2px, 10px);
z-index:0 !important;
overflow:hidden;
}
.cus-div{
overflow:hidden;
}
}
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){ 
.GPTW {
width: 30%;
position: inherit !important;
transform: translate3d(20px, 0px, 10px);
z-index:0 !important;
overflow:hidden;
margin: 2px 0px;
}
.cus-div{
overflow:hidden;
}
}